
@keyframes myfirst {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -10px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
@font-face {
	font-family: xw;
	src: url(../font/xiaoweiRegular.ttf);
}
.main_history_box {
	width: calc(100% - 282px - 30px);
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding: 30px 50px 50px 0;
	position: relative;
	margin-top: -80px;
}

.main_history_box .btn {
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	left: 44px;
	animation: myfirst 2s infinite linear;
	transition: all .1s;
	z-index: 9999;
}

.main_history_box .btn:hover {
	opacity: 0.6;
}

.main_history_box .btn.prev {
	top: 32px;
}

.main_history_box .btn.next {
	bottom: 110px;
}

.main_history_box .head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 10px;
}

.main_history_box .head div{
    text-align: right;
}

.main_history_box .head div p {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #e50012;
}
.main_history_box .head img{
    width: 90px;
    margin-left: 30px;
}
.main_history_box .head div span {
	display: block;
	font-size: 14px;
	color: #333333;
}

.main_history_box .mySwiper {
	width: 100%;
	overflow: hidden;
	padding: 45px 0 0 0;
	height: 1400px;
	position: relative;
}

.main_history_box .mySwiper::after {
	content: '';
	width: 1px;
	height: calc(100% - 120px);
	background: #E50012;
	position: absolute;
	left: 70px;
	top: 0;
}

.main_history_box .mySwiper .swiper-slide {
	position: relative;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	height: auto;
	padding: 0 0 60px 185px;
}

.main_history_box .mySwiper .swiper-slide .label {
	width: 100%;
	overflow: hidden;
	background: #fafafa;
	border-radius: 8px;
}

.main_history_box .mySwiper .swiper-slide .label:hover a .info div img {
	transform: scale(1.03);
}

.main_history_box .mySwiper .swiper-slide .label a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px;
}

.main_history_box .mySwiper .swiper-slide .label a .info {
	overflow: hidden;
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.main_history_box .mySwiper .swiper-slide .label a .info > span {
	display: block;
	font-size: 16px;
	color: #515151;
	line-height: 24px;
	width: 59%;
	/*display: -webkit-box;*/
	/*-webkit-box-orient: vertical;*/
	/*-webkit-line-clamp: 4;*/
	/*overflow: hidden;*/
}
.main_history_box .mySwiper .swiper-slide .label a .info ul {
     list-style-type: disc;
}
.main_history_box .mySwiper .swiper-slide .label a .info ul  li{
    margin-left: 20px;
}
.main_history_box .mySwiper .swiper-slide .label a .info ul li::marker{
    margin-left: 20px;
}
.main_history_box .mySwiper .swiper-slide .label a .info div {
	width: 210px;
	height: 130px;
	overflow: hidden;
	border-radius: 6px;
}

.main_history_box .mySwiper .swiper-slide .label a .info div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s;
}

.main_history_box .mySwiper .swiper-slide .label a .title {
	display: block;
	position: relative;
	padding: 17px 30px 17px 26px;
	display: flex;
	align-items: center;
	min-height: 85px;
	border-bottom: 1px solid #DDDDDD;
}

.main_history_box .mySwiper .swiper-slide .label a .title p {
	font-size: 20px;
	line-height: 26px;
	color: #333333;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	position: relative;
}

.main_history_box .mySwiper .swiper-slide .label a .title p::after {
	content: '';
	width: 5px;
	height: 86%;
	background: #E50012;
	position: absolute;
	left: -26px;
	top: 50%;
	transform: translateY(-50%);
}

.main_history_box .mySwiper .swiper-slide .date {
	background: #fff;
	position: absolute;
	left: 0;
	padding: 8px 0;
	top: 0;
	z-index: 99;
	width: 145px;
}

.main_history_box .mySwiper .swiper-slide .date::after {
	content: '';
	width: 50px;
	height: 1px;
	background: #e50012;
	position: absolute;
	left: 120px;
	top: 50%;
	transform: translateY(-50%);
}

.main_history_box .mySwiper .swiper-slide .date span {
	display: block;
	text-align: center;
	font-size: 38px;
	color: #e50012;
	font-weight: bold;
	/*font-family: xw;*/
	/*font-weight: bold;*/
	/*font-family: impact;*/
	line-height: 1;
}

.main_history_box .mySwiper .swiper-slide .date em {
	display: block;
	text-align: center;
	font-size: 18px;
	/*font-family: xw;*/
	color: #e50012;
	/*font-weight: bold;*/
	line-height: 38px;
	font-family: impact;
}

@media (max-width: 800px) {
	.main_history_box {
		width: 100%;
		margin: 0;
		margin-top: .3rem;
		padding-right: .3rem;
	}
	.main_history_box .head p {
		font-size: .3rem;
	}
	.main_history_box .head span {
		font-size: .22rem;
	}
	.main_history_box .mySwiper .swiper-slide .label a {
		padding: 0 .2rem;
	}
	.main_history_box .mySwiper .swiper-slide .label a .title {
		padding: .15rem;
		min-height: .6rem;
	}
	.main_history_box .mySwiper .swiper-slide .label a .title p {
		font-size: .26rem;
		line-height: .35rem;
	}
	.main_history_box .mySwiper .swiper-slide .date::after {
		display: none;
	}
	.main_history_box .mySwiper .swiper-slide .label a .info {
		display: block;
		padding: .15rem 0;
	}
	.main_history_box .mySwiper .swiper-slide .label a .info div {
		width: 100%;
		margin-top: .1rem;
	}
	.main_history_box .mySwiper .swiper-slide .label a .info span {
		width: 100%;
		font-size: .26rem;
	}
	.main_history_box .mySwiper .swiper-slide .date span {
		font-size: .35rem;
	}
	.main_history_box .mySwiper .swiper-slide .date em {
		line-height: .3rem;
		font-size: .22rem;
	}
	.main_history_box .mySwiper .swiper-slide .date {
		width: 1rem;
	}
	.main_history_box .mySwiper .swiper-slide {
		padding-left: 1rem;
	}
	.main_history_box .mySwiper::after {
		left: .5rem;
	}
	.main_history_box .btn {
		left: .23rem;
		width: .6rem;
	}
}
.content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide div{
    width: 100%;
    min-height: 80px;
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    opacity: 0;
    transition: all .3s;
}
.content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide:hover div{
    opacity: 1;
}
.content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide div span{
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    /*text-align: center;*/
}
.main_about .lefts{
    width: 170px;
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    top: 0;
    height: 100vh;
    display: none;
}
.main_about .lefts img{
    width: 100%;
}
.sw{
    height: 100px;
    display: none;
}
#content.on .sw{
    display: block;
}
.ab{
    height: 60px;
    display: none;
    margin: 30px 0;
    /*padding-bottom: 30px;*/
    /*position: absolute;*/
    left: 0;
    bottom: 0px;
    z-index: 999;
    /*position: fixed;*/
    /*bottom: 0;*/
    /*left: 200px;*/
    /*z-index: 1;*/
}
.ar{
    height: 550px;
    margin-top: 55px;
    display: none;
    width: 230px;

}
#content.on{
   width: 100%;
   padding-left: 200px;
   padding-right: 230px;
   padding-bottom: 100px;
}
.content .main_product_details .main_about.on .box .morelist ul li a .pic{
    height: 211px !important;
}
#content.on{
    position: relative;
    /*padding-bottom: 142px;*/
}
#content.on .ab{
    display: block !important;
}
#content.on .ar{
    display: block;
}
#content.on .lefts{
    /*display: block;*/
}
#content.on  .box .morelist ul li{
    /*width: 50% !important;*/
}
#content.on  .tabheight{
    min-height: 1400px;
    /*background: #333;*/
}
#content.on  .box .morelist ul li a span{
    font-size: 13px !important;
    line-height: 22px !important;
 
}
/*#content.on .box table tr td{*/
/*        font-size: 14px !important;*/
/*    line-height: 26px !important;*/
/*    padding: 5px 15px !important;*/
/*}*/
#content.on{
    display: flex;
    justify-content: space-between;
}

#content.on .box{
    padding-top: 36px;
    position: relative;
    min-height: 100vh;
    padding-bottom: 100px;
    /*width: calc(100% - 150px - 300px) !important;*/
    /*flex: 1;*/
}
#content .box h3{
    display: none;
}
#content.on .box h3{
    font-size: 26px;
    color: #333;
    font-weight: bold;
    position: absolute;
    display: block;
    left: 0;
    top: 4px;
}
.content .main_recruit_infos .m .box ul li .slide .btngrow form{
    position: relative;
}
.content .main_recruit_infos .m .box ul li .slide .btngrow form input{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
}
.main_about .lefts .logo{
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
}
.main_about .lefts .line{
    width: 100%;
    height: calc(100% - 80px);
    /*background: linear-gradient(#FCF0E4, #E3775B, #55162B);*/
}
@keyframes name{
	100%{
		transform: rotate(360deg);
	}
}
.loading img{
    width: 40px;
     animation: name 1s infinite linear;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.loading{
    width: 100%;
    height: 100%;
    
    background: rgba(0,0,0,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
}
.main_about .lefts .line img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content .header{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99991;
}
.search_fadein{
    display: none;
}
.searchicon{
    display: none;
}
.content .main_content .m .main_box .main_left .navbar_link ul li.ons{
    width: 100% !important;
}
.content .main_product_content .m .head .btn div{
    cursor: pointer;
}
.zwnrs{
    width: 100%;
    padding: 100px 0;
}
.zwnrs img{
    display: block;
    width: 200px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.zwnrs p{
    display: block;
    font-size: 15px;
    color: #666;
    text-align: center;
}
.nulls{
    height: 151px;
}
.content .navbar{
    position: fixed !important;
    left: 0;
    top: 81px;
    z-index: 9999;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.service_fadein {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none;
}
.main_product_list.on1{
    width: 100% !important;
}
.content .tong_header .name.on2::after{
    transform: rotate(180deg) translateY(-50%);
}
.content .tong_header .name::after{
    transform-origin: top;
    transition: all .3s;
}
.main_privacy {
  overflow: hidden;
  width: 100%;
  background: #fff;
  padding: 50px 0;
  min-height: calc(100vh - 81px - 79px); }
.main_privacy .m {
  width: 1300px;
  margin: 0 auto; }
/*.main_privacy .m p {*/
/*  text-align: center;*/
/*  font-size: 18px;*/
/*  color: red;*/
/*  font-weight: bold;*/
/*  margin-bottom: 10px; }*/
/*.main_privacy .m span {*/
/*  display: block;*/
/*  font-size: 15px;*/
/*  line-height: 1.8;*/
/*  text-indent: 30px;*/
/*  color: #333; }*/
.service_fadein div {
  width: 360px;
  background: #fff;
  position: relative;
  padding: 20px;
  border-radius: 10px;
}

.service_fadein div p{
  text-align: center;
  font-size: 15px;
  color: #333;
  margin-top: 20px;
}

.service_fadein div .code {
  width: 100%;
  display: block;
}

.service_fadein div .close {
  width: 20px;
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 6px;
}
.NumberBox div {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*.NumberBox div:first-child.on {*/
/*  cursor: no-drop !important; }*/

.NumberBox input {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.fadein_password .box .fade .item .label em {
  display: block;
  white-space: nowrap;
  font-size: 12px;
  color: red;
  bottom: -18px;
  position: absolute;
  left: 113px;
  display: none;
}
.nulla {
  display: block;
  text-align: center;
  padding: 200px 0;
  font-size: 14px;
  color: #666;
  display: none; }

.nullshop {
  width: 100%;
  padding: 100px 0; }
  .nullshop img {
    width: 110px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px; }
  .nullshop span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666; }

.fadein_db {
  width: 1200px;
  background: #fff;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  display: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  z-index: 999;
  border: 1px solid #EAEAEA; }
  .fadein_db ul {
    width: 100%;
    height: 285px;
    overflow: auto;
    padding: 0 30px; }
    .fadein_db ul::-webkit-scrollbar {
      width: 2px; }
    .fadein_db ul::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.2); }
    .fadein_db ul::-webkit-scrollbar-track {
      border-radius: 0;
      background: rgba(0, 0, 0, 0.1); }
    .fadein_db ul li {
      overflow: hidden;
      height: 64px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #F1F1F1;
      justify-content: space-between; }
      .fadein_db ul li p {
        font-size: 18px;
        color: #333333;
        font-weight: bold; }
      .fadein_db ul li img {
        display: block;
        cursor: pointer; }
  .fadein_db .head {
    overflow: hidden;
    width: 100%;
    height: 60px;
    background: #E50012;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px; }
    .fadein_db .head p {
      font-size: 18px;
      color: #fff; }
    .fadein_db .head div {
      display: flex;
      align-items: center; }
      .fadein_db .head div span {
        display: inline-flex;
        align-items: center;
        height: 36px;
        cursor: pointer;
        font-size: 16px;
        color: #e50012;
        background: #fff;
        padding: 0 22px;
        border-radius: 4px; }
      .fadein_db .head div img {
        display: block;
        cursor: pointer;
        margin-left: 18px; }
.w370 {
  width: 370px !important;
}

.w200 {
  width: 200px !important;
}

.w110 {
  width: 110px !important;
}

.w100 {
  width: 100% !important;
}

.main_bj {
  overflow: hidden;
  width: 1000px;
  margin: 40px auto;
  background: #fff;
  border-radius: 8px;
  padding: 28px 18px 60px 18px;
}

.main_bj .head {
  overflow: hidden;
}

.main_bj .head p {
  text-align: center;
  font-size: 18px;
  color: #333333;
  margin-bottom: 20px;
}

.main_bj .head span {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #333333;
}

.main_bj .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 36px;
}

.main_bj .buttons div {
  width: 100px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  color: #e50012;
  border: 1px solid #e50012;
  border-radius: 4px;
  margin: 0 15px;
}

.main_bj .buttons div.on {
  background: #e50012;
  color: #fff;
}

.main_bj .item {
  overflow: hidden;
  margin-top: 25px;
}

.main_bj .item .label {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}

.main_bj .item .label .name {
  font-size: 15px;
  margin-right: 10px;
  text-align: right;
  width: 150px;
  line-height: 42px;
  color: #333333;
}
.content .main_content .m .main_box .main_product_list .list li .label a .grow span i{
    white-space: nowrap;
}
.main_bj .item .label .name.lines {
  line-height: 1.45;
}

.main_bj .item .label .change {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
}

.main_bj .item .label .change .tipfonts {
  font-size: 15px;
  margin-bottom: 10px;
  width: 100%;
  color: #333333;
}

.main_bj .item .label .change .tipfonts1 {
  font-size: 15px;
  color: #333333;
}

.main_bj .item .label .change textarea {
  width: 510px;
  height: 80px;
  border-radius: 6px;
  background: #F1F1F1;
  font-size: 14px;
  color: #333;
  padding: 13px;
  outline: none;
  display: block;
  resize: none;
  box-sizing: border-box;
  border: none;
}

.main_bj .item .label .change textarea::placeholder {
  color: #999999;
}

.main_bj .item .label .change>input {
  width: 240px;
  height: 42px;
  border-radius: 6px;
  background: #F1F1F1;
  font-size: 14px;
  color: #333;
  padding-left: 13px;
  border: none;
}

.main_bj .item .label .change>input::placeholder {
  color: #999999;
}

.main_bj .item .label .change .linechange {
  overflow: hidden;
  display: flex;
  min-height: 42px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  cursor: pointer;
}

.main_bj .item .label .change .linechange.on .rids {
  background-image: url(../image/rid1.jpg);
}

.main_bj .item .label .change .linechange .dname {
  min-width: 160px;
  margin: 0;
}

.main_bj .item .label .change .linechange .rids {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url(../image/rid.jpg);
  cursor: pointer;
}

.main_bj .item .label .change .linechange .rids.on {
  background-image: url(../image/rid1.jpg);
}

.main_bj .item .label .change .linechange p {
  font-size: 15px;
  color: #333333;
  margin-left: 10px;
}
.fadein_remove .child{
  position: relative;
}
.fadein_remove .child .close{
  width: 25px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 9;
}
.main_bj .item .label .change .linechange input {
  width: 180px;
  height: 42px;
  border-radius: 4px;
  background: #F1F1F1;
  font-size: 14px;
  color: #333;
  margin-right: 14px;
  margin-left: 14px;
  padding-left: 13px;
  border: none;
}

.main_bj .item .label .change .linechange input::placeholder {
  color: #999999;
}

.main_bj .item .label .change ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.main_bj .item .label .change ul.dx li div {
  background-image: url(../image/dx_05.jpg);
  border-radius: 0;
}

.main_bj .item .label .change ul.dx li.on div {
  background-image: url(../image/dx_03.jpg);
}

.main_bj .item .label .change ul li {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 42px;
  margin-right: 28px;
}

.main_bj .item .label .change ul li.on div {
  background-image: url(../image/rid1.jpg);
}

.main_bj .item .label .change ul li input {
  width: 180px;
  height: 42px;
  border-radius: 4px;
  background: #F1F1F1;
  font-size: 14px;
  color: #333;
  margin-right: 14px;
  margin-left: 14px;
  padding-left: 13px;
  border: none;
}

.main_bj .item .label .change ul li input::placeholder {
  color: #999999;
}

.main_bj .item .label .change ul li div {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-image: url(../image/rid.jpg);
  margin-right: 10px;
}

.main_bj .item .label .change ul li span {
  font-size: 15px;
  color: #333333;
}

.main_bj .item .label .lab {
  display: flex;
  align-items: center;
  width: 33.33%;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.main_bj .item .label .lab p {
  font-size: 15px;
  margin-right: 10px;
  text-align: right;
  width: 150px;
  color: #333333;
}

.main_bj .item .label .lab dl {
  font-size: 16px;
  margin-left: 10px;
  color: #333333;
}

.main_bj .item .label .lab input {
  width: 240px;
  height: 42px;
  border-radius: 4px;
  background: #F1F1F1;
  font-size: 14px;
  color: #333;
  padding-left: 13px;
  border: none;
}

.main_bj .item .label .lab input::placeholder {
  color: #999999;
}

.main_bj .item .title {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}

.main_bj .item .title div {
  width: 4px;
  height: 18px;
  background: #e50012;
  margin-right: 7px;
  border-radius: 2px;
}

.main_bj .item .title p {
  font-size: 16px;
  color: #333333;
}

.main_bj .item .title span {
  color: #e50012;
}

.main_bj .item .textareawid {
  width: 100%;
  height: 160px;
  border-radius: 6px;
  background: #F1F1F1;
  font-size: 14px;
  color: #333;
  padding: 13px;
  outline: none;
  display: block;
  resize: none;
  box-sizing: border-box;
  border: none;
}

.main_bj .item .textareawid::placeholder {
  color: #999999;
}

.main_bj .item .tipfont {
  display: block;
  font-size: 16px;
  color: #e50012;
  line-height: 30px;
}

.search_keyword {
  display: flex;
  align-items: center;
  margin-top: 30px;
  justify-content: space-between; }
  .search_keyword p {
    font-size: 15px;
    color: #666; }
  .search_keyword ul {
    display: flex;
    align-items: center; }
    .search_keyword ul li {
      font-size: 15px;
      margin-left: 10px; }
      .search_keyword ul li:hover a {
        color: #F80900; }
      .search_keyword ul li a {
        transition: all .05s;
        color: #666; }

.fadein_videos {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }
  .fadein_videos .box {
    overflow: hidden;
    width: 660px;
    background: #fff;
    border-radius: 8px;
    position: relative; }
    .fadein_videos .box img {
      width: 25px;
      position: absolute;
      right: 5px;
      top: 5px;
      z-index: 99;
      cursor: pointer; }
    .fadein_videos .box video {
      width: 100%;
      display: block;
      object-fit: cover; }
.fadein_tx {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  display: none;
  align-items: center;
  justify-content: center;
   }
.fadein_tx .box{
  overflow: hidden;
  width: 300px;
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  padding: 30px 20px;
}
.fadein_tx .box p{
  text-align: center;
  font-size: 16px;
  color: #333;
}
.fadein_remove {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }
  .fadein_remove .child {
    overflow: hidden;
    width: 300px;
    background: #fff;
    padding: 30px;
    border-radius: 8px; }
    .fadein_remove .child p {
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color: #333;
      margin-bottom: 30px; }
    .fadein_remove .child span {
      display: block;
      text-align: center;
      font-size: 14px;
      color: #666;
      line-height: 1.5; }
    .fadein_remove .child .btn {
      display: flex;
      align-items: center;
      margin-top: 30px;
      justify-content: center; }
      .fadein_remove .child .btn div {
        overflow: hidden;
        width: 90px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        border: 1px solid #E50012;
        font-size: 14px;
        margin: 0 10px;
        transition: all .1s;
        color: #E50012;
        cursor: pointer; }
        .fadein_remove .child .btn div a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          font-size: 14px;
          color: #fff; }
        .fadein_remove .child .btn div:hover {
          opacity: 0.8; }
        .fadein_remove .child .btn div.on {
          background: #E50012;
          color: #fff; }

.fadein_yhq {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  display: flex;
  display: none;
  align-items: center;
  justify-content: center; }
  .fadein_yhq .child {
    overflow: hidden;
    width: 300px;
    background: #fff;
    padding: 30px;
    border-radius: 8px; }
    .fadein_yhq .child p {
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color: #333;
      margin-bottom: 30px; }
    .fadein_yhq .child .ls {
      overflow: hidden; }
      .fadein_yhq .child .ls label {
        display: flex;
        align-items: center;
        cursor: pointer;
        padding: 6px 0; }
        .fadein_yhq .child .ls label.on .c {
          background-image: url(../image/check1.jpg); }
        .fadein_yhq .child .ls label .c {
          background-image: url(../image/check.jpg);
          width: 16px;
          height: 16px;
          background-size: 100% 100%;
          margin-right: 6px; }
        .fadein_yhq .child .ls label .b {
          display: inline-flex;
          align-items: center;
          padding: 1px 6px;
          font-size: 12px;
          margin: 0 3px;
          color: #E50012;
          border: 1px solid #E50012; }
        .fadein_yhq .child .ls label span {
          font-size: 14px;
          color: #333; }
    .fadein_yhq .child .btn {
      display: flex;
      align-items: center;
      margin-top: 30px;
      justify-content: center; }
      .fadein_yhq .child .btn div {
        overflow: hidden;
        width: 90px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        border: 1px solid #E50012;
        font-size: 14px;
        margin: 0 10px;
        transition: all .1s;
        color: #E50012;
        cursor: pointer; }
        .fadein_yhq .child .btn div a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          font-size: 14px;
          color: #fff; }
        .fadein_yhq .child .btn div:hover {
          opacity: 0.8; }
        .fadein_yhq .child .btn div.on {
          background: #E50012;
          color: #fff; }

.fadein_share {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center; }
  .fadein_share .child {
    overflow: hidden;
    width: 300px;
    background: #fff;
    padding: 30px;
    padding-bottom: 50px;
    border-radius: 8px; }
    .fadein_share .child p {
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      color: #333;
      margin-bottom: 30px; }
    .fadein_share .child span {
      display: block;
      text-align: center;
      font-size: 14px;
      color: #666;
      line-height: 1.5; }

.main_fixed {
  position: fixed;
  right: 24px;
  bottom: 10%;
  z-index: 999; }
  .main_fixed .label {
    width: 66px;
    position: relative;
    margin-bottom: 14px;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.02);
    cursor: pointer; }
    .main_fixed .label:hover div {
      opacity: 1;
      right: 120%;
      visibility: inherit; }
    .main_fixed .label div {
      width: 120px;
      overflow: hidden;
      background: #fff;
      border-radius: 3px;
      padding: 10px;
      box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.02);
      transition: all .2s;
      position: absolute;
      right: 80%;
      top: 50%;
      visibility: hidden;
      opacity: 0;
      transform: translateY(-50%); }
      .main_fixed .label div span {
        display: block;
        text-align: center;
        font-size: 14px;
        padding: 5px 0;
        color: #E50012; }
    .main_fixed .label a {
      display: block;
      width: 100%; }
    .main_fixed .label img {
      display: block;
      width: 100%; }

.menu {
  display: none; }

.mobile_fade {
  display: none; }

.content {
  overflow: hidden;
  width: 100%;
  background: #F7F7F7; }
  .content .header {
    width: 100%;
    height: 81px;
    background: #fff;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 200px 0 160px; }
    .content .header .right {
      height: 100%;
      display: flex;
      align-items: center; }
      .content .header .right .user {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center; }
        .content .header .right .user:hover .slide {
          top: 85%;
          opacity: 1;
          visibility: inherit; }
        .content .header .right .user .slide {
          width: 100%;
          background: #fff;
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
          position: absolute;
          left: 0;
          overflow: hidden;
          border-radius: 4px;
          z-index: 999;
          transition: all .3s;
          visibility: hidden;
          opacity: 0;
          top: 60%; }
          .content .header .right .user .slide div {
            width: 100%;
            line-height: 35px;
            text-align: center;
            font-size: 13px;
            color: #333;
            cursor: pointer; }
        .content .header .right .user a {
          height: 100%;
          display: flex;
          align-items: center; }
          .content .header .right .user a img {
            width: 30px;
            height: 30px;
            display: block;
            border-radius: 50%;
            margin-right: 10px; }
          .content .header .right .user a span {
            font-size: 16px;
            color: #000000; }
        /*.content .header .right .user.on1 {*/
        /*  display: none; }*/
        .content .header .right .user.on {
          font-size: 16px;
          cursor: pointer;
          color: #E50012; }
          .content .header .right .user {
          font-size: 16px;
          cursor: pointer;
          color: #E50012; 
              
          }
      .content .header .right .btn {
        position: relative;
        margin-left: 33px; }
        .content .header .right .btn.on::after {
          content: '';
          width: 8px;
          height: 8px;
          background: #E50012;
          border-radius: 50%;
          position: absolute;
          right: 0;
          top: 0; }
        .content .header .right .btn span {
          line-height: 1;
          display: inline-flex;
          align-items: center;
          padding: 2px 5px;
          border-radius: 30px;
          background: #E50012;
          font-size: 14px;
          position: absolute;
          right: -20px;
          top: -6px;
          color: #fff;
          text-align: center; }
        .content .header .right .btn img {
          display: block; }
    .content .header .left {
      height: 100%;
      display: flex;
      align-items: center; }
      .content .header .left .logo {
        display: block;
        cursor: pointer; }
      .content .header .left .search {
        width: 790px;
        height: 46px;
        border-radius: 40px;
        background: #F4F4F4;
        margin-left: 77px;
        overflow: hidden;
        font-size: 12px;
        position: relative;
        display: flex;
        align-items: center; }
        .content .header .left .search div {
          height: 100%;
          display: flex;
          align-items: center;
          background: #E50012;
          font-size: 16px;
          color: #fff;
          justify-content: center;
          width: 90px;
          position: absolute;
          right: 0;
          cursor: pointer;
          top: 0;
          z-index: 9; }
        .content .header .left .search input {
          width: 100%;
          height: 100%;
          font-size: 16px;
          color: #333;
          border: none;
          outline: none;
          background: none;
          padding-left: 22px; }
          .content .header .left .search input::placeholder {
            color: #999; }
  .content .navbar {
    width: 100%;
    height: 70px;
    background: #fff;
    position: relative;
    padding: 0 200px 0 160px;  }
    .content .navbar ul {
      height: 100%;
      display: flex;
      align-items: center; }
      .content .navbar ul li {
        height: 100%;
        margin-right: 5.2vw;
        position: relative; }
        .content .navbar ul li::after {
          content: '';
          width: 0;
          height: 3px;
          background: #e50012;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          transition: all .2s;
          bottom: 0; }
        .content .navbar ul li.on a {
          font-family: sr1;
          font-weight: bold;
          color: #e50012; }
        .content .navbar ul li.on::after {
          width: 32px; }
        .content .navbar ul li:hover a {
          font-family: sr1;
          font-weight: bold;
          color: #e50012; }
        .content .navbar ul li:hover::after {
          width: 32px; }
        .content .navbar ul li a {
          height: 100%;
          display: flex;
          align-items: center;
          font-size: 18px;
          color: #333333; }
  .content .tong_title {
    width: 100%;
    position: relative; }
    .content .tong_title p {
      font-size: 36px;
      color: #333333;
      text-align: center;
      margin-bottom: 10px;
      font-family: sr1;
      font-weight: bold;
      position: relative;
      z-index: 99; }
    .content .tong_title em {
      display: block;
      line-height: 1;
      font-size: 149px;
      color: #F7F7F7;
      font-family: sr1;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      width: 100%;
      position: absolute;
      left: 0;
      top: -30px; }
    .content .tong_title span {
      display: block;
      text-align: center;
      font-size: 18px;
      color: #D0D0D0;
      position: relative;
      z-index: 99; }
  .content .main_home_news {
    overflow: hidden;
    width: 100%;
    padding: 90px 0 40px 0;
    background: #F8F9F9; }
    .content .main_home_news .m1600 {
      width: 1600px;
      margin: 0 auto; }
      .content .main_home_news .m1600 .tong_title em {
        color: #F0F0F0; }
      .content .main_home_news .m1600 .more {
        width: 130px;
        height: 40px;
        margin: 0 auto;
        border-radius: 5px;
        background: #e50012;
        margin-top: 40px;
        transition: all .1s; }
        .content .main_home_news .m1600 .more:hover {
          opacity: 0.8; }
        .content .main_home_news .m1600 .more a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          font-size: 16px;
          color: #fff;
          text-transform: uppercase; }
          .content .main_home_news .m1600 .more a img {
            margin-left: 6px; }
      .content .main_home_news .m1600 ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 13px; }
        .content .main_home_news .m1600 ul li {
          overflow: hidden;
          width: 32%;
          background: #fff;
          border-radius: 8px;
          margin-right: 2%;
          margin-top: 32px; }
          .content .main_home_news .m1600 ul li:nth-child(3n) {
            margin-right: 0; }
          .content .main_home_news .m1600 ul li:hover a .pic img {
            transform: scale(1.03); }
          .content .main_home_news .m1600 ul li a {
            display: flex;
            align-items: center;
            box-sizing: border-box;
            padding: 20px; }
            .content .main_home_news .m1600 ul li a .info {
              flex: 1;
              padding-left: 20px; }
              .content .main_home_news .m1600 ul li a .info p {
                font-size: 18px;
                margin-bottom: 18px;
                font-family: sm;
                color: #333333;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                margin-bottom: 1.6; }
              .content .main_home_news .m1600 ul li a .info span {
                display: block;
                font-size: 14px;
                color: #adadad; }
            .content .main_home_news .m1600 ul li a .pic {
              overflow: hidden;
              width: 204px;
              height: 150px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 3px; }
              .content .main_home_news .m1600 ul li a .pic img {
                display: block;
                max-width: 100%;
                max-height: 100%;
                transition: all .4s;
                 }
  .content .main_home_about {
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding: 70px 0 90px 0; }
    .content .main_home_about .m1600 {
      width: 1600px;
      margin: 0 auto; }
      .content .main_home_about .m1600 .box {
        width: 100%;
        margin-top: 55px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .content .main_home_about .m1600 .box .grow {
          flex: 1;
          overflow: hidden;
          padding-left: 90px;
          padding-top: 20px; }
          .content .main_home_about .m1600 .box .grow > p {
            font-size: 30px;
            color: #000000;
            font-family: sr1;
            font-weight: bold;
            margin-bottom: 25px; }
          .content .main_home_about .m1600 .box .grow > span {
            display: block;
            font-size: 18px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            line-height: 30px;
            color: #666666; }
          .content .main_home_about .m1600 .box .grow .more {
            width: 130px;
            height: 40px;
            border-radius: 5px;
            background: #e50012;
            margin-top: 58px;
            transition: all .1s; }
            .content .main_home_about .m1600 .box .grow .more:hover {
              opacity: 0.8; }
            .content .main_home_about .m1600 .box .grow .more a {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: 100%;
              font-size: 16px;
              color: #fff;
              text-transform: uppercase; }
              .content .main_home_about .m1600 .box .grow .more a img {
                margin-left: 6px; }
          .content .main_home_about .m1600 .box .grow ul {
            overflow: hidden;
            display: flex; }
            .content .main_home_about .m1600 .box .grow ul li {
              width: 25%;
              margin-top: 30px;
              position: relative; }
              .content .main_home_about .m1600 .box .grow ul li:last-child::after {
                display: none; }
              .content .main_home_about .m1600 .box .grow ul li::after {
                content: '';
                width: 1px;
                height: 70px;
                background: #F1F1F1;
                position: absolute;
                right: 20%;
                top: 50%;
                transform: translateY(-50%); }
              .content .main_home_about .m1600 .box .grow ul li p {
                display: block;
                font-size: 18px;
                font-family: sr1;
                font-weight: bold;
                color: #e50012; }
                .content .main_home_about .m1600 .box .grow ul li p span {
                  font-size: 36px;
                  font-family: sr1;
                  font-weight: bold;
                  margin-right: 10px; }
              .content .main_home_about .m1600 .box .grow ul li em {
                display: block;
                font-size: 16px;
                color: #666666; }
        .content .main_home_about .m1600 .box .video {
          overflow: hidden;
          width: 655px;
          border-radius: 3px;
          position: relative; }
          .content .main_home_about .m1600 .box .video video {
            width: 100%;
            height: 100%;
            display: block;
            border: none;
            object-fit: cover; }
          .content .main_home_about .m1600 .box .video::after {
            content: '';
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
            position: absolute;
            left: 0;
            top: 0; }
          .content .main_home_about .m1600 .box .video .play {
            cursor: pointer;
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 9;
            transform: translate(-50%, -50%);
            width: 53px; }
          .content .main_home_about .m1600 .box .video .p {
            width: 100%;
            object-fit: cover;
            display: block; }
  .content .main_home_service {
    width: 100%;
    background-image: url(../image/homebg_09.jpg);
    background-size: cover;
    background-position: center center;
    padding: 70px 0 60px 0; }
    .content .main_home_service .m1600 {
      width: 1600px;
      margin: 0 auto; }
      .content .main_home_service .m1600 .tong_title em {
        color: #F0F0F0; }
      .content .main_home_service .m1600 ul {
        display: flex;
        flex-wrap: wrap; }
        .content .main_home_service .m1600 ul li {
          width: 23.625%;
          background: #fff;
          border-radius: 10px;
          margin-right: 1.8%;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
          margin-top: 75px;
          position: relative;
          padding: 60px 20px 40px 20px;
          box-sizing: border-box;
          text-align: center; }
          .content .main_home_service .m1600 ul li:nth-child(4n) {
            margin-right: 0; }
          .content .main_home_service .m1600 ul li:hover > img {
            transform: rotate(360deg); }
          .content .main_home_service .m1600 ul li .more {
            width: 130px;
            height: 40px;
            border-radius: 5px;
            border: 1px solid #e50012;
            margin: 0 auto;
            margin-top: 65px; }
            .content .main_home_service .m1600 ul li .more a {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: 100%;
              font-size: 16px;
              color: #e50012;
              text-transform: uppercase; }
              .content .main_home_service .m1600 ul li .more a img {
                margin-left: 6px; }
          .content .main_home_service .m1600 ul li > img {
            display: block;
            position: absolute;
            left: 50%;
            transform-origin: center;
            margin-left: -44px;
            transition: all .5s;
            top: -37px; }
          .content .main_home_service .m1600 ul li .name {
            display: inline-flex;
            min-width: 220px;
            padding: 12px;
            justify-content: center;
            align-items: center;
            background: #fef4f5;
            font-size: 18px;
            color: #e50012;
            font-family: sr1;
            font-weight: bold;
            max-width: 100%; }
          .content .main_home_service .m1600 ul li .fonts {
            font-size: 14px;
            line-height: 26px;
            margin-top: 20px;
            color: #333333; }
          .content .main_home_service .m1600 ul li .font {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            .content .main_home_service .m1600 ul li .font div {
              position: relative;
              padding-left: 11px;
              margin-top: 20px;
              font-size: 14px;
              color: #333333; }
              .content .main_home_service .m1600 ul li .font div:hover a {
                color: #e50012; }
              .content .main_home_service .m1600 ul li .font div a {
                color: #333; }
              .content .main_home_service .m1600 ul li .font div::after {
                content: '';
                width: 5px;
                height: 5px;
                background: #e50012;
                position: absolute;
                left: 0;
                top: 8px; }
  .content .main_home_hot {
    width: 100%;
    padding: 80px 0 115px 0;
    position: relative;
    background: #fff; }
    .content .main_home_hot .m1600 {
      width: 1600px;
      margin: 0 auto; }
      .content .main_home_hot .m1600 .box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 58px;
        align-items: flex-start; }
        .content .main_home_hot .m1600 .box .slide {
          overflow: hidden;
          width: calc(100% - 240px);
          position: relative;
          padding-bottom: 36px; }
          .content .main_home_hot .m1600 .box .slide .swiper {
            width: 100%;
            display: none; }
            .content .main_home_hot .m1600 .box .slide .swiper.mySwiper1 {
              display: block; }
            .content .main_home_hot .m1600 .box .slide .swiper .swiper-pagination-bullet {
              background: #DADADA; }
            .content .main_home_hot .m1600 .box .slide .swiper .swiper-pagination-bullet-active {
              background: #E50012; }
            .content .main_home_hot .m1600 .box .slide .swiper .swiper-pagination {
              bottom: 0; }
            .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide {
              width: 310px;
              margin-right: 40px; }
              .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label {
                overflow: hidden;
                width: 100%;
                background: #F8F8F8;
                border-radius: 8px; }
                .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label:hover .pic img {
                  transform: scale(1.03); }
                .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .pic {
                  overflow: hidden;
                  width: 100%;
                  display: flex;
                  background: #fff;
                  align-items: center;
                  padding: 10px;
                  justify-content: center;
                  height: 230px; }
                  .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .pic img {
                    display: block;
                    transition: all .5s;
                    max-height: 100%;
                    max-width: 100%;
                     }
                .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info {
                  overflow: hidden;
                  padding: 30px 16px 34px 16px; }
                  .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-top: 10px; }
                    .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b div {
                      display: flex;
                      align-items: center; }
                      .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b div img {
                        display: block;
                        margin-right: 6px; }
                      .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b div em {
                        font-size: 24px;
                        color: #e50012;
                        font-family: sr1;
                        font-weight: bold; }
                    .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info .b > img {
                      display: block; }
                  .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info p {
                    font-size: 18px;
                    font-family: sr1;
                    font-weight: bold;
                    color: #333333;
                    text-transform: uppercase;
                    margin-bottom: 10px;
                    line-height: 28px; }
                  .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info span {
                    display: block;
                    font-size: 14px;
                    line-height: 1.6;
                    color: #999999; }
                    .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide .label .info span i {
                      color: #333333; }
        .content .main_home_hot .m1600 .box .nav {
          width: 240px;
          position: relative; }
          .content .main_home_hot .m1600 .box .nav::after {
            content: '';
            width: 110px;
            height: 20px;
            background: linear-gradient(to right, #8B878D, #CBCACB);
            position: absolute;
            left: 0;
            top: -10px; }
          .content .main_home_hot .m1600 .box .nav ul {
            overflow: hidden; }
            .content .main_home_hot .m1600 .box .nav ul li {
              overflow: hidden;
              margin-top: 28px; }
              .content .main_home_hot .m1600 .box .nav ul li:first-child {
                margin-top: 35px; }
              .content .main_home_hot .m1600 .box .nav ul li.on a {
                color: #e50012; }
                .content .main_home_hot .m1600 .box .nav ul li.on a img {
                  display: block; }
              .content .main_home_hot .m1600 .box .nav ul li a {
                font-size: 18px;
                font-family: sm;
                display: flex;
                align-items: center;
                color: #666666; }
                .content .main_home_hot .m1600 .box .nav ul li a img {
                  margin-left: 5px;
                  display: none; }
          .content .main_home_hot .m1600 .box .nav .more {
            width: 130px;
            height: 40px;
            border-radius: 5px;
            background: #e50012;
            margin-top: 38px; }
            .content .main_home_hot .m1600 .box .nav .more a {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: 100%;
              font-size: 16px;
              color: #fff;
              text-transform: uppercase; }
              .content .main_home_hot .m1600 .box .nav .more a img {
                margin-left: 6px; }
  .content .home_banner {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 600px; }
    .content .home_banner .mySwiper {
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .content .home_banner .mySwiper .swiper-pagination-bullet {
        background: #fff;
        opacity: 0.6;
        margin: 0 10px; }
      .content .home_banner .mySwiper .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1; }
      .content .home_banner .mySwiper .swiper-pagination {
        bottom: 30px; }
      .content .home_banner .mySwiper .swiper-slide {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        display: flex;
        align-items: center;
        justify-content: center; }
        .content .home_banner .mySwiper .swiper-slide .m {
          width: 1300px;
          margin: 0 auto; }
          .content .home_banner .mySwiper .swiper-slide .m p {
            font-size: 60px;
            color: #fff;
            margin-bottom: 20px;
            font-weight: bold; }
          .content .home_banner .mySwiper .swiper-slide .m span {
            display: block;
            font-size: 48px;
            font-weight: bold;
            color: #fff; }
    .content .home_banner .btn {
      cursor: pointer;
      z-index: 99;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .content .home_banner .btn.prev {
        left: 160px; }
      .content .home_banner .btn.next {
        right: 160px; }
  .content .banner {
    width: 100%;
    height: 350px;
    background-size: cover;
    position: relative; }
    .content .banner::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      /*background: rgba(0, 0, 0, 0.1); */
        
    }
  .content .des_banner {
    width: 100%;
    background-size: cover;
    height: 200px;
    position: relative; }
  .content .des_banner1 {
    width: 100%;
    height: 350px;
    background-size: cover;
    position: relative; }
    .content .des_banner1::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      /*background: rgba(0, 0, 0, 0.1); */
        
    }
  .content .tong_header1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 60px;
    margin-bottom: 18px; }
    .content .tong_header1 .right {
      display: flex;
      align-items: center; }
      .content .tong_header1 .right .n {
        overflow: hidden;
        padding: 20px 0 16px 0;
        width: 88px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.1);
        margin-right: 40px; }
        .content .tong_header1 .right .n p {
          font-size: 20px;
          font-family: sr1;
          font-weight: bold;
          color: #fff;
          text-align: center;
          margin-bottom: 10px;
          line-height: 1; }
        .content .tong_header1 .right .n span {
          display: block;
          text-align: center;
          font-size: 16px;
          color: #fff; }
      .content .tong_header1 .right .set {
        overflow: hidden;
        border-radius: 4px;
        border: 1px solid #fff; }
        .content .tong_header1 .right .set a {
          height: 36px;
          display: inline-flex;
          padding: 0 18px;
          align-items: center;
          font-size: 16px;
          color: #fff; }
    .content .tong_header1 .user {
      display: flex;
      align-items: center; }
      .content .tong_header1 .user .pic {
        overflow: hidden;
        width: 160px;
        height: 160px;
        border: 3px solid #fff;
        border-radius: 50%; }
        .content .tong_header1 .user .pic img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 50%; }
      .content .tong_header1 .user .info {
        overflow: hidden;
        margin-left: 30px; }
        .content .tong_header1 .user .info p {
          font-size: 24px;
          color: #fff;
          font-family: sm;
          margin-bottom: 10px; }
        .content .tong_header1 .user .info span {
          display: inline-flex;
          height: 32px;
          align-items: center;
          justify-content: center;
          padding: 0 14px;
          background: #F0952C;
          border-radius: 40px;
          font-size: 16px;
          color: #fff; }
  .content footer {
    width: 100%;
    background: #19202A;
    padding: 30px 0; }
    .content footer .m1560 {
      width: 1560px;
      height: 100%;
      margin: 0 auto;
      max-width: 90%;
      display: flex;
      justify-content: space-between; }
      .content footer .m1560 div {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-family: "微软雅黑";
        color: rgba(255, 255, 255, 0.4); }
        .content footer .m1560 div img {
          margin-left: .1rem; }
        .content footer .m1560 div a {
          color: rgba(255, 255, 255, 0.4);
          font-family: "微软雅黑";
          margin-left: .75rem; }
  .content .footer {
    overflow: hidden;
    width: 100%;
    background: #19202A;
    padding: 60px 0 40px 0; }
    .content .footer .m1560 {
      width: 1560px;
      height: 100%;
      margin: 0 auto;
      max-width: 90%;
      display: flex;
      justify-content: space-between; }
      .content .footer .m1560 .mid {
        width: 545px; }
        .content .footer .m1560 .mid .item {
          width: 100% !important;
          margin-bottom: 10px; }
          .content .footer .m1560 .mid .item .link {
            display: flex;
            flex-wrap: wrap; }
            .content .footer .m1560 .mid .item .link li {
              font-size: 16px;
              margin-bottom: 26px;
              margin-right: 36px; }
              .content .footer .m1560 .mid .item .link li:hover a {
                color: #E50012;
                opacity: 1; }
              .content .footer .m1560 .mid .item .link li a {
                color: #fff;
                opacity: 0.8;
                transition: all .05s; }
      .content .footer .m1560 .item {
        overflow: hidden; }
        .content .footer .m1560 .item .head {
          width: 100%;
          height: 70px;
          display: flex;
          margin-bottom: 40px;
          align-items: center;
          border-bottom: 2px solid #29303A; }
          .content .footer .m1560 .item .head p {
            font-size: 20px;
            font-family: sm;
            color: #fff; }
          .content .footer .m1560 .item .head div {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #fff;
            margin: 0 9px; }
          .content .footer .m1560 .item .head span {
            font-size: 20px;
            text-transform: uppercase;
            color: #fff; }
        .content .footer .m1560 .item .form {
          width: 100%; }
          .content .footer .m1560 .item .form form {
            width: 100%; }
            .content .footer .m1560 .item .form form .btn {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .content .footer .m1560 .item .form form .btn input[type='text'] {
                width: 150px;
                margin: 0; }
              .content .footer .m1560 .item .form form .btn img {
                display: block;
                cursor: pointer; }
              .content .footer .m1560 .item .form form .btn input[type='submit'] {
                width: 170px;
                background: #E50012;
                border-radius: 3px;
                cursor: pointer;
                border: none;
                outline: none;
                color: #fff;
                font-size: 16px;
                height: 46px; }
            .content .footer .m1560 .item .form form textarea {
              width: 100%;
              height: 160px;
              border-radius: 3px;
              border: 1px solid #3C4551;
              background: none;
              margin-bottom: 20px;
              padding: 10px 18px;
              resize: none;
              box-sizing: border-box;
              outline: none;
              font-size: 16px;
              color: #fff; }
              .content .footer .m1560 .item .form form textarea::placeholder {
                color: #fff;
                opacity: .4; }
            .content .footer .m1560 .item .form form input[type='text'] {
              width: 100%;
              height: 46px;
              border-radius: 3px;
              border: 1px solid #3C4551;
              background: none;
              margin-bottom: 20px;
              padding-left: 18px;
              font-size: 16px;
              color: #fff; }
              .content .footer .m1560 .item .form form input[type='text']::placeholder {
                color: #fff;
                opacity: .4; }
        .content .footer .m1560 .item .code {
          overflow: hidden;
          width: 150px;
          margin-top: 15px; }
          .content .footer .m1560 .item .code img {
            display: block;
            width: 100%;
            margin-bottom: 10px; }
          .content .footer .m1560 .item .code span {
            display: block;
            text-align: center;
            font-size: 16px;
            color: #fff; }
        .content .footer .m1560 .item .contact {
          overflow: hidden; }
          .content .footer .m1560 .item .contact li {
            overflow: hidden;
            margin-bottom: 15px;
            display: flex;
            align-items: flex-start;
            justify-content: space-between; }
            .content .footer .m1560 .item .contact li p {
              font-size: 16px;
              line-height: 23px;
              color: #ffffff;
              opacity: 0.8;
              margin-right: 7px; }
            .content .footer .m1560 .item .contact li div {
              flex: 1; }
              .content .footer .m1560 .item .contact li div span {
                display: block;
                font-size: 16px;
                margin-bottom: 10px;
                font-family: sr1;
                color: #fff;
                line-height: 23px; }
                .content .footer .m1560 .item .contact li div span:last-child {
                  margin-bottom: 0; }
        .content .footer .m1560 .item:first-child {
          width: 400px; }
        .content .footer .m1560 .item:last-child {
          width: 410px; }
  .content .main_register {
    overflow: hidden;
    width: 100%;
    background: #F7F7F7;
    padding: 40px 0;
    min-height: calc(100vh - 81px - 79px); }
    .content .main_register .box {
      width: 1000px;
      margin: 0 auto;
      background: #fff;
      border-radius: 8px;
      padding: 45px 30px 100px 30px;
      max-width: 80%;
      position: relative; }
      .content .main_register .box .title {
        width: 182px;
        height: 40px;
        background-image: url(../image/loginbg_03.png);
        background-size: 100% 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -11px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff; }
      .content .main_register .box .message {
        overflow: hidden;
        margin-top: 10px; }
        .content .main_register .box .message ul {
          overflow: hidden; }
          .content .main_register .box .message ul li {
            overflow: hidden;
            width: 100%;
            background: #F7F7F7;
            border-radius: 4px;
            margin: 0 auto;
            margin-top: 20px; }
            .content .main_register .box .message ul li.on a .grow .t div {
              color: #999999;
              border: 1px solid #999999; }
            .content .main_register .box .message ul li a {
              display: flex;
              align-items: center;
              padding: 22px 20px;
              box-sizing: border-box; }
              .content .main_register .box .message ul li a img {
                display: block; }
              .content .main_register .box .message ul li a .grow {
                overflow: hidden;
                flex: 1;
                padding-left: 18px; }
                .content .main_register .box .message ul li a .grow span {
                  display: block;
                  font-size: 14px;
                  color: #a8a8a8;
                  margin-top: 10px; }
                .content .main_register .box .message ul li a .grow .t {
                  display: flex;
                  align-items: center; }
                  .content .main_register .box .message ul li a .grow .t div {
                    overflow: hidden;
                    height: 20px;
                    padding: 0 6px;
                    font-size: 12px;
                    color: #e50012;
                    border-radius: 3px;
                    border: 1px solid #e50012;
                    background: #fff;
                    display: flex;
                    justify-content: center;
                    min-width: 48px;
                    margin-right: 6px; }
                  .content .main_register .box .message ul li a .grow .t p {
                    font-size: 16px;
                    color: #060a15; }
      .content .main_register .box .fade {
        width: 430px;
        margin: 0 auto;
        margin-top: 30px; }
        .content .main_register .box .fade .item {
          width: 100%; }
          .content .main_register .box .fade .item .reg {
            display: flex;
            align-items: center;
            padding-left: 124px; }
            .content .main_register .box .fade .item .reg p {
              font-size: 16px;
              color: #333333;
              margin-left: 7px; }
              .content .main_register .box .fade .item .reg p a {
                color: #e50012; }
          .content .main_register .box .fade .item .submit {
            height: 42px;
            width: 305px;
            display: flex;
            margin-left: 124px;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 16px;
            background: #E50012;
            color: #fff;
            margin-top: 28px;
            border-radius: 6px; }
          .content .main_register .box .fade .item .link {
            box-sizing: border-box;
            padding-left: 124px;
            font-size: 14px;
            color: #999999;
            width: 100%;
            text-align: center;
            margin-top: 30px; }
            .content .main_register .box .fade .item .link a {
              color: #e50012; }
          .content .main_register .box .fade .item .label {
            width: 100%;
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            position: relative;
            justify-content: space-between; }
            .content .main_register .box .fade .item .label.on i {
              opacity: 1;
              visibility: inherit;
              left: 102%; }
            .content .main_register .box .fade .item .label i {
              font-size: 12px;
              color: #E50012;
              white-space: nowrap;
              position: absolute;
              left: 102%;
              left: 98%;
              opacity: 0;
              visibility: hidden;
              transition: all .3s;
              top: 50%;
              transform: translateY(-50%); }
            .content .main_register .box .fade .item .label p {
              width: 114px;
              text-align: right;
              font-size: 16px;
              color: #333333; }
            .content .main_register .box .fade .item .label .change {
              width: 305px;
              height: 42px;
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .content .main_register .box .fade .item .label .change.on input {
                width: 180px; }
              .content .main_register .box .fade .item .label .change div {
                height: 42px;
                width: 115px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                font-size: 14px;
                background: #E50012;
                color: #fff;
                border-radius: 6px; }
                .content .main_register .box .fade .item .label .change div.on {
                  cursor: no-drop;
                  background: #ddd; }
              .content .main_register .box .fade .item .label .change input {
                width: 100%;
                height: 100%;
                font-size: 14px;
                color: #333;
                background: #F1F1F1;
                border-radius: 6px;
                padding-left: 14px;
                border: none;
                outline: none; }
                .content .main_register .box .fade .item .label .change input::placeholder {
                  color: #999999; }
      .content .main_register .box .tabbar {
        width: 100%;
        height: 58px;
        border-bottom: 1px solid #ECECEC;
        display: flex;
        align-items: center;
        justify-content: center; }
.content .main_register .box .tabbar a{
  display: block;
  height: 100%;
}
.content .main_register .box .tabbar div {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          padding: 0 65px;
          color: #333333;
          cursor: pointer;
          position: relative; }
          .content .main_register .box .tabbar div.on {
            font-family: sr1;
            font-weight: bold;
            color: #e50012; }
            .content .main_register .box .tabbar div.on::after {
              content: '';
              width: 28px;
              height: 3px;
              background: #e50012;
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: 0; }
  .content .main_product_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 0 45px 0; }
    .content .main_product_box .main_product_info {
      overflow: hidden;
      width: 900px;
      background: #fff;
      border-radius: 8px;
      padding: 30px; }
      .content .main_product_box .main_product_info .datas {
        width: 100%;
        border: 1px solid #E0E0E0;
        overflow: hidden;
        border-radius: 4px; }
        .content .main_product_box .main_product_info .datas .head {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 50px;
          font-family: sr1;
          font-weight: bold;
          font-size: 16px;
          color: #333;
          background: #F0F0F0; }
        .content .main_product_box .main_product_info .datas img {
          display: block;
          margin: 30px auto;
          max-width: 80%; }
      .content .main_product_box .main_product_info table {
        width: 100%;
        border: none;
        border-top: 1px solid #E0E0E0;
        border-left: 1px solid #E0E0E0;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 20px; }
        .content .main_product_box .main_product_info table tr {
          width: 100%; }
          .content .main_product_box .main_product_info table tr:nth-child(even) td {
            background: #fff; }
          .content .main_product_box .main_product_info table tr th {
            font-size: 16px;
            color: #333333;
            font-family: sr1;
            font-weight: bold;
            height: 50px;
            background: #F0F0F0;
            border-bottom: 1px solid #E0E0E0;
            border-right: 1px solid #E0E0E0; }
          .content .main_product_box .main_product_info table tr td {
            font-size: 16px;
            color: #333333;
            height: 70px;
            padding-right: 15px;
            background: #F8F8F8;
            padding-left: 40px;
            border-bottom: 1px solid #E0E0E0;
            border-right: 1px solid #E0E0E0; }
            .content .main_product_box .main_product_info table tr td:first-child {
              font-family: sr1;
              font-weight: bold; }
    .content .main_product_box .main_product_cart {
      overflow: hidden;
      width: 380px;
      border-radius: 8px;
      background: #fff; }
      .content .main_product_box .main_product_cart .title {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        font-size: 18px;
        color: #fff;
        font-family: sr1;
        font-weight: bold;
        background: #e50012; }
      .content .main_product_box .main_product_cart .child {
        overflow: hidden;
        padding: 0 20px;
        padding-bottom: 28px; }
        .content .main_product_box .main_product_cart .child .icon {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 32px; }
          .content .main_product_box .main_product_cart .child .icon li {
            display: flex;
            align-items: center;
            padding: 0 15px;
            cursor: pointer;
            justify-content: center; }
            .content .main_product_box .main_product_cart .child .icon li img {
              margin-right: 9px; }
            .content .main_product_box .main_product_cart .child .icon li span {
              font-size: 16px;
              color: #666666; }
        .content .main_product_box .main_product_cart .child .button {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 224px;
          height: 36px;
          margin: 0 auto;
          margin-top: 30px;
          border: 1px solid #e50012;
          overflow: hidden;
          border-radius: 8px; }
          .content .main_product_box .main_product_cart .child .button div {
            width: 50%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 16px;
            transition: all .1s;
            color: #e50012; }
            .content .main_product_box .main_product_cart .child .button div:hover {
              opacity: 0.8; }
            .content .main_product_box .main_product_cart .child .button div.on {
              background: #e50012;
              color: #fff; }
        .content .main_product_box .main_product_cart .child .info {
          overflow: hidden;
          padding: 18px 0 30px 0;
          border-bottom: 1px solid #ECECEC; }
          .content .main_product_box .main_product_cart .child .info .price {
            display: flex;
            align-items: flex-end;
            margin-top: 22px; }
            .content .main_product_box .main_product_cart .child .info .price img {
              display: block;
              margin-right: 8px; }
            .content .main_product_box .main_product_cart .child .info .price p {
              font-size: 24px;
              color: #e50012;
              font-family: sr1;
              font-weight: bold;
              margin-right: 12px;
              line-height: 1; }
            .content .main_product_box .main_product_cart .child .info .price del {
              font-size: 16px;
              color: #999999;
              font-family: sm; }
          .content .main_product_box .main_product_cart .child .info .label {
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 10px 0; }
            .content .main_product_box .main_product_cart .child .info .label p {
              font-size: 16px;
              color: #666666; }
            .content .main_product_box .main_product_cart .child .info .label .address {
              display: flex;
              align-items: center;
              font-size: 16px;
              font-family: sm;
              color: #333333; }
            .content .main_product_box .main_product_cart .child .info .label .data {
              display: flex;
              align-items: center; }
              .content .main_product_box .main_product_cart .child .info .label .data img {
                display: block;
                margin-right: 10px; }
              .content .main_product_box .main_product_cart .child .info .label .data span {
                font-size: 16px;
                font-family: sm;
                color: #333333; }
            .content .main_product_box .main_product_cart .child .info .label .change {
              display: flex;
              align-items: center;
              overflow: hidden;
              border-radius: 8px; }
              .content .main_product_box .main_product_cart .child .info .label .change div {
                height: 30px;
                width: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #F1F1F1;
                font-size: 22px;
                line-height: 1;
                cursor: pointer;
                color: #E50012; }
                .content .main_product_box .main_product_cart .child .info .label .change div.on {
                  color: #C6C7C9; }
              .content .main_product_box .main_product_cart .child .info .label .change input {
                width: 56px;
                height: 30px;
                border: none;
                outline: none;
                text-align: center;
                font-size: 16px;
                color: #e50012;
                font-family: sm;
                margin: 0 2px;
                background: #F1F1F1; }
            .content .main_product_box .main_product_cart .child .info .label ul {
              display: flex;
              align-items: center; }
              .content .main_product_box .main_product_cart .child .info .label ul li {
                display: flex;
                align-items: center;
                cursor: pointer;
                margin-right: 23px; }
                .content .main_product_box .main_product_cart .child .info .label ul li.on div {
                  background-image: url(../image/rid1.jpg); }
                .content .main_product_box .main_product_cart .child .info .label ul li div {
                  width: 12px;
                  height: 12px;
                  background-image: url(../image/rid.jpg);
                  background-size: 100% 100%;
                  margin-right: 9px; }
                .content .main_product_box .main_product_cart .child .info .label ul li span {
                  font-size: 16px;
                  color: #333333; }
  .content .stitle {
    width: 100%;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-bottom: 1px solid #ECECEC;
    position: relative;
    font-size: 18px;
    font-family: sm;
    color: #e50012; }
    .content .stitle::after {
      content: '';
      width: 30px;
      height: 2px;
      background: #e50012;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0; }
  .content .main_news_info {
    width: 100%;
    margin-top: -80px;
    position: relative;
    z-index: 999;
    margin-bottom: 75px; }
    .content .main_news_info .m {
      width: 1300px;
      margin: 0 auto;
      position: relative;
      display: flex;
      justify-content: space-between; }
      .content .main_news_info .m .menus {
        overflow: hidden;
        display: flex;
        align-items: center;
        font-size: 14px;
        position: absolute;
        right: 0;
        top: -38px;
        z-index: 9;
        color: #fff; }
        .content .main_news_info .m .menus a {
          display: flex;
          align-items: center;
          font-size: 14px;
          color: #fff;
          padding: 0 2px; }
          .content .main_news_info .m .menus a img {
            margin-right: 5px; }
      .content .main_news_info .m .right {
        width: 280px;
        overflow: hidden; }
        .content .main_news_info .m .right .js_service {
          overflow: hidden;
          width: 100%;
          background: #fff;
          border-radius: 8px;
          padding: 0 20px;
          margin-top: 30px; }
          .content .main_news_info .m .right .js_service ul {
            overflow: hidden;
            padding-bottom: 45px; }
            .content .main_news_info .m .right .js_service ul li {
              font-size: 14px;
              margin-top: 18px;
              padding-left: 10px;
              position: relative; }
              .content .main_news_info .m .right .js_service ul li:hover a {
                color: #E50012; }
              .content .main_news_info .m .right .js_service ul li::after {
                content: '';
                width: 5px;
                height: 5px;
                background: #E50012;
                position: absolute;
                left: 0;
                top: 7px; }
              .content .main_news_info .m .right .js_service ul li a {
                color: #333333; }
        .content .main_news_info .m .right .ts_product {
          overflow: hidden;
          width: 100%;
          background: #fff;
          border-radius: 8px;
          padding: 0 20px; }
          .content .main_news_info .m .right .ts_product ul {
            overflow: hidden;
            margin-top: 20px; }
            .content .main_news_info .m .right .ts_product ul li {
              overflow: hidden;
              width: 100%; }
              .content .main_news_info .m .right .ts_product ul li .pic {
                overflow: hidden;
                width: 100%;
                height: 178px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                border-radius: 3px; }
                .content .main_news_info .m .right .ts_product ul li .pic img {
                  display: block;
                  max-width: 100%;
                  max-height: 100%; }
              .content .main_news_info .m .right .ts_product ul li .infos {
                overflow: hidden;
                padding: 10px 0 18px 0; }
                .content .main_news_info .m .right .ts_product ul li .infos > p {
                  font-size: 18px;
                  color: #333333;
                  margin-bottom: 10px; }
                .content .main_news_info .m .right .ts_product ul li .infos .price {
                  display: flex;
                  align-items: flex-end; }
                  .content .main_news_info .m .right .ts_product ul li .infos .price img {
                    display: block;
                    margin-right: 8px; }
                  .content .main_news_info .m .right .ts_product ul li .infos .price p {
                    font-size: 20px;
                    color: #e50012;
                    font-family: sr1;
                    font-weight: bold;
                    margin-right: 10px;
                    line-height: 1; }
                  .content .main_news_info .m .right .ts_product ul li .infos .price del {
                    font-size: 14px;
                    line-height: 1;
                    color: #999999;
                    font-family: sm; }
      .content .main_news_info .m .info {
        overflow: hidden;
        width: calc(100% - 280px - 27px);
        background: #fff;
        border-radius: 8px;
        padding: 0 25px 85px 25px; }
        .content .main_news_info .m .info .head {
          overflow: hidden;
          padding: 35px 0;
          border-bottom: 1px solid #ECECEC; }
          .content .main_news_info .m .info .head p {
            font-size: 32px;
            color: #333333;
            text-align: center;
            margin-bottom: 15px; }
          .content .main_news_info .m .info .head span {
            display: block;
            text-align: center;
            font-size: 18px;
            color: #666666; }
        .content .main_news_info .m .info .child {
          overflow: hidden; }
          .content .main_news_info .m .info .child ul li{
              margin-left: 20px;
          }
          .content .main_content .m .main_box .main_services .main_top_info ul li{
              margin-left: 20px;
          }
          .content .main_recruit_infos .m .box ul li.on .slide ul li{
                margin-left: 20px;
          }
          .content .main_news_info .m .info .child p {
            font-size: 18px;
            color: #666666;
            line-height: 36px;
            text-indent: 35px;
            margin-top: 22px; }
          .content .main_news_info .m .info .child img {
            display: block;
            max-width: 100%;
            margin-top: 22px; }
  .content .main_link {
    overflow: hidden;
    width: 100%;
    height: 78px;
    background: #2A323E; }
    .content .main_link .m1560 {
      width: 1560px;
      height: 100%;
      margin: 0 auto;
      max-width: 90%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .main_link .m1560 .icon {
        display: block;
        position: relative; }
      .content .main_link .m1560 .mySwiperlink {
        height: 100%;
        flex: 1;
        overflow: hidden; }
        .content .main_link .m1560 .mySwiperlink .swiper-slide {
          height: 100%;
          width: auto;
          position: relative; }
          .content .main_link .m1560 .mySwiperlink .swiper-slide a {
            display: flex;
            align-items: center;
            height: 100%;
            font-size: 15px;
            padding: 0 .3rem;
            color: #fff;
            transition: all .1s; }
            .content .main_link .m1560 .mySwiperlink .swiper-slide a:hover {
              color: #E50012; }
      .content .main_link .m1560 ul {
        height: 100%;
        display: flex; }
        .content .main_link .m1560 ul li {
          height: 100%;
          position: relative; }
          .content .main_link .m1560 ul li a {
            display: flex;
            align-items: center;
            height: 100%;
            font-size: 16px;
            padding: 0 .4rem;
            color: #fff;
            transition: all .1s; }
            .content .main_link .m1560 ul li a:hover {
              color: #E50012; }
      .content .main_link .m1560 .right {
        margin-left: 15px;
        position: relative;
        z-index: 99;
        cursor: pointer;
        display: block; }
  .content .main_product_confirn {
    overflow: hidden;
    width: 100%;
    padding: 40px 0;
    background: #F7F7F7;
    min-height: calc(100vh - 81px - 79px); }
    .content .main_product_confirn .m {
      width: 1300px;
      margin: 0 auto; }
      .content .main_product_confirn .m .pay_type {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
        border-radius: 8px;
        background: #fff;
        padding: 33px 104px 54px 198px; }
        .content .main_product_confirn .m .pay_type > p {
          font-size: 18px;
          font-family: sr1;
          font-weight: bold;
          color: #333333; }
        .content .main_product_confirn .m .pay_type ul {
          overflow: hidden; }
          .content .main_product_confirn .m .pay_type ul li {
            width: 100%;
            height: 98px;
            width: 100%;
            border-radius: 6px;
            border: 1px solid #D7D7D7;
            margin-top: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            padding: 0 30px; }
.content .main_product_confirn .m .pay_type ul li.on{
  border: 1px solid #E50012;
}
            .content .main_product_confirn .m .pay_type ul li div {
              display: flex;
              align-items: center; }
              .content .main_product_confirn .m .pay_type ul li div img {
                display: block;
                margin-right: 15px; }
              .content .main_product_confirn .m .pay_type ul li div span {
                font-size: 18px;
                font-family: sm;
                color: #333333; }
            .content .main_product_confirn .m .pay_type ul li p {
              font-size: 16px;
              color: #e50012;
              font-family: sm; }
        .content .main_product_confirn .m .pay_type .btn {
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 132px;
          height: 40px;
          transition: all .1s;
          border-radius: 3px;
          cursor: pointer;
          margin-top: 60px;
          background: #E50012;
          float: right;
          font-size: 16px;
          color: #fff; }
          .content .main_product_confirn .m .pay_type .btn:hover {
            opacity: 0.8; }
      .content .main_product_confirn .m .info {
        overflow: hidden;
        width: 100%;
        background: #fff;
        border-radius: 8px;
        padding: 46px 104px 50px 105px;
        display: flex;
        align-items: flex-start; }
        .content .main_product_confirn .m .info img {
          display: block; }
        .content .main_product_confirn .m .info .grow {
          overflow: hidden;
          flex: 1;
          padding-left: 20px; }
          .content .main_product_confirn .m .info .grow ul {
            overflow: hidden;
            margin-top: 10px; }
            .content .main_product_confirn .m .info .grow ul li {
              font-size: 16px;
              font-family: sm;
              color: #333333;
              margin-top: 18px; }
          .content .main_product_confirn .m .info .grow .head {
            overflow: hidden;
            padding-bottom: 26px;
            border-bottom: 1px solid #F1F1F1; }
            .content .main_product_confirn .m .info .grow .head em {
              display: block;
              font-size: 16px;
              color: #666666;
              margin-top: 4px; }
              .content .main_product_confirn .m .info .grow .head em i {
                color: #e50012; }
            .content .main_product_confirn .m .info .grow .head p {
              font-size: 18px;
              color: #333333;
              font-family: sr1;
              font-weight: bold; }
              .content .main_product_confirn .m .info .grow .head p span {
                font-size: 30px;
                color: #e50012;
                font-family: sr1;
                font-weight: bold;
                margin-left: 20px; }
  .content .des_banner2 {
    overflow: hidden;
    width: 100%;
    height: 456px;
    position: relative;
    background-size: cover;
    background-position: center center; }
    .content .des_banner2::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.1); }
    .content .des_banner2 .m {
      width: 1300px;
      height: 100%;
      margin: 0 auto;
      position: relative; }
      .content .des_banner2 .m .menus {
        overflow: hidden;
        display: flex;
        align-items: center;
        font-size: 14px;
        position: absolute;
        right: 0;
        bottom: 15px;
        z-index: 9;
        color: #fff; }
        .content .des_banner2 .m .menus a {
          display: flex;
          align-items: center;
          font-size: 14px;
          color: #fff;
          padding: 0 2px; }
          .content .des_banner2 .m .menus a img {
            margin-right: 5px; }
      .content .des_banner2 .m .font {
        overflow: hidden;
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 9;
        transform: translateY(-50%); }
        .content .des_banner2 .m .font p {
          text-align: center;
          font-size: 42px;
          font-family: sr1;
          font-weight: bold;
          color: #fff; }
        .content .des_banner2 .m .font span {
          display: block;
          text-transform: uppercase;
          font-size: 24px;
          color: #fff;
          text-align: center; }
        .content .des_banner2 .m .font div {
          width: 60px;
          height: 4px;
          margin: 20px auto;
          background: #fff; }
  .content .main_recruit_infos {
    overflow: hidden;
    width: 100%;
    padding: 36px 0 46px 0;
    background: #fff; }
    .content .main_recruit_infos .m {
      width: 1300px;
      margin: 0 auto; }
      .content .main_recruit_infos .m .title {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 26px; }
        .content .main_recruit_infos .m .title span {
          font-size: 24px;
          font-family: sr1;
          font-weight: bold;
          color: #333333;
          margin-left: 8px; }
      .content .main_recruit_infos .m .box {
        overflow: hidden;
        width: 100%;
        margin: 0 auto;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        .content .main_recruit_infos .m .box .head {
          overflow: hidden;
          display: flex;
          align-items: center;
          background: #E50012;
          height: 60px; }
          .content .main_recruit_infos .m .box .head div {
            overflow: hidden;
            height: 100%;
            display: flex;
            align-items: center;
            font-size: 16px;
            color: #fff;
            flex: 1;
            padding-left: 5.3%; }
        .content .main_recruit_infos .m .box ul {
          overflow: hidden;
          width: 100%; }
          .content .main_recruit_infos .m .box ul li {
            overflow: hidden; }
            .content .main_recruit_infos .m .box ul li.on .slide {
              display: block; }
            .content .main_recruit_infos .m .box ul li .slide {
              overflow: hidden;
              padding: 0 70px 45px 70px;
              border-bottom: 1px solid #E8E8E8;
              display: none; }
              .content .main_recruit_infos .m .box ul li .slide .btngrow{
                  display: flex;
                  align-items: center;
              }
              .content .main_recruit_infos .m .box ul li .slide .btn {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 120px;
                height: 36px;
                font-size: 16px;
                transition: all .1s;
                color: #fff;
                background: #E50012;
                margin-top: 27px;
                cursor: pointer;
                margin-right: 15px;
                border-radius: 3px; }
                .content .main_recruit_infos .m .box ul li .slide .btn:hover {
                  opacity: 0.8; }
              .content .main_recruit_infos .m .box ul li .slide .item {
                overflow: hidden;
                margin-top: 20px; }
                .content .main_recruit_infos .m .box ul li .slide .item .font {
                  overflow: hidden; }
                  .content .main_recruit_infos .m .box ul li .slide .item .font p {
                    font-size: 16px;
                    margin-top: 12px;
                    color: #333333; }
                .content .main_recruit_infos .m .box ul li .slide .item .code {
                  overflow: hidden;
                  display: flex;
                  align-items: center;
                  margin-top: .35rem; }
                  .content .main_recruit_infos .m .box ul li .slide .item .code .c {
                    overflow: hidden; }
                    .content .main_recruit_infos .m .box ul li .slide .item .code .c img {
                      display: block;
                      width: 130px;
                      margin-bottom: 10px; }
                    .content .main_recruit_infos .m .box ul li .slide .item .code .c span {
                      display: block;
                      text-align: center;
                      font-size: 16px;
                      color: #333333; }
                  .content .main_recruit_infos .m .box ul li .slide .item .code .f {
                    overflow: hidden;
                    margin-left: 26px;
                    padding-bottom: 30px; }
                    .content .main_recruit_infos .m .box ul li .slide .item .code .f p {
                      font-size: 18px;
                      font-family: sm;
                      color: #e50012;
                      padding: 9px 0; }
                .content .main_recruit_infos .m .box ul li .slide .item .t {
                  position: relative;
                  font-size: 18px;
                  margin-bottom: 22px;
                  font-family: sm;
                  color: #e50012; }
                  .content .main_recruit_infos .m .box ul li .slide .item .t::after {
                    content: '';
                    width: 30px;
                    height: 2px;
                    background: #e50012;
                    position: absolute;
                    left: 0;
                    bottom: -14px; }
            .content .main_recruit_infos .m .box ul li .heads {
              overflow: hidden;
              width: 100%;
              height: 60px;
              display: flex;
              align-items: center;
              border-bottom: 1px solid #E8E8E8; }
              .content .main_recruit_infos .m .box ul li .heads div {
                overflow: hidden;
                height: 100%;
                display: flex;
                padding-left: 5.3%;
                align-items: center;
                font-size: 16px;
                color: #333333;
                flex: 1; }
                .content .main_recruit_infos .m .box ul li .heads div.on {
                  cursor: pointer;
                  color: #E50012; }
  .content .main_product_content {
    overflow: hidden;
    width: 100%;
    padding: 40px 0 90px 0;
    background: #F7F7F7; }
    .content .main_product_content .m {
      width: 1300px;
      margin: 0 auto;
      background: #fff;
      border-radius: 8px;
      padding: 0 30px 28px 30px; }
      .content .main_product_content .m .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0; }
        .content .main_product_content .m .head p {
          font-size: 18px;
          color: #333333; }
        .content .main_product_content .m .head .btn {
          display: flex;
          align-items: center; }
          .content .main_product_content .m .head .btn div {
            overflow: hidden;
            height: 36px;
            border-radius: 3px;
            margin-left: 20px;
            border: 1px solid #e50012; }
            .content .main_product_content .m .head .btn div a {
              display: inline-flex;
              padding: 0 15px;
              height: 100%;
              align-items: center; }
            .content .main_product_content .m .head .btn div span {
              font-size: 16px;
              color: #e50012; }
            .content .main_product_content .m .head .btn div img {
              margin-right: 7px; }
      .content .main_product_content .m .price_info {
        overflow: hidden;
        text-align: right;
        font-size: 12px;
        margin-top: 30px; }
        .content .main_product_content .m .price_info .price_infos {
          display: inline-block;
          overflow: hidden;
          border-radius: 8px;
          border: 1px solid #ECECEC;
          padding: 25px 18px 30px 18px;
          text-align: right; }
          .content .main_product_content .m .price_info .price_infos .price {
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
            font-size: 16px;
            color: #666666; }
            .content .main_product_content .m .price_info .price_infos .price span {
              font-size: 24px;
              color: #e50012;
              margin-left: 16px;
              line-height: 1;
              display: inline-block;
              font-family: sr1;
              font-weight: bold; }
          .content .main_product_content .m .price_info .price_infos .desc {
            display: block;
            font-size: 16px;
            color: #333333;
            margin-top: 15px;
            text-align: right; }
.content .main_content .m .main_box .main_user_order .orderlist .totels {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  width: 55%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .btn {
  overflow: hidden;
  width: 38%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .btn .btns {
  overflow: hidden;
  text-align: center;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .btn .btns div {
  overflow: hidden;
  height: 32px;
  width: 100px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  color: #666666;
  transition: all .1s;
  margin: 0 auto;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .btn .btns div.on {
  background: #e50012;
  color: #fff;
  padding: 0 15px;
  display: inline-flex;
  width: auto;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .btn .btns div:hover {
  opacity: 0.8;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .ord {
  width: 32%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #F1F1F1;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .ord p {
  font-size: 16px;
  color: #e50012;
  text-align: center;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .ord p a {
  font-size: 16px;
  color: #e50012;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .ord span {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #999999;
  margin-top: 6px;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .ord .b {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .ord .b em {
  font-size: 14px;
 
  color: #999999;
  overflow: hidden;
  max-width: calc(100% - 45px);
text-overflow:ellipsis;
white-space: nowrap;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .ord .b div {
  height: 20px;
  cursor: pointer;
  margin-left: 5px;
  display: flex;
  align-items: center;
  padding: 0 5px;
  border: 1px solid #e50012;
  color: #e50012;
  font-size: 10px;
  border-radius: 3px;
  background: #fff;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .prices {
  width: 30%;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-right: 1px solid #F1F1F1;
  justify-content: center;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .prices p {
  font-size: 18px;
  color: #333333;
  text-align: center;
  font-family: sr1;
  font-weight: bold;
}

.content .main_content .m .main_box .main_user_order .orderlist .totels .prices span {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #999999;
  margin-top: 6px;
}
            .content .main_product_content .m .price_info .price_infos .desc span {
              color: #666; }
          .content .main_product_content .m .price_info .price_infos .teg {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-top: 15px; }
            .content .main_product_content .m .price_info .price_infos .teg span {
              font-size: 14px;
              font-family: sm;
              margin-left: 7px;
              color: #999999; }
            .content .main_product_content .m .price_info .price_infos .teg p {
              font-size: 16px;
              margin-left: 18px;
              color: #666666; }
              .content .main_product_content .m .price_info .price_infos .teg p em {
                color: #333333; }
          .content .main_product_content .m .price_info .price_infos .submit {
            width: 128px;
            height: 36px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            color: #fff;
            cursor: pointer;
            background: #E50012;
            margin-top: 20px;
            border-radius: 3px;
            transition: all .1s; }
            .content .main_product_content .m .price_info .price_infos .submit:hover {
              opacity: 0.8; }
      .content .main_product_content .m .confire {
        width: 100%;
        margin-top: 38px; }
        .content .main_product_content .m .confire .title {
          display: block;
          font-size: 18px;
          color: #333333; }
        .content .main_product_content .m .confire .type {
          display: block;
          text-align: right;
          font-size: 14px;
          color: #999999; }
        .content .main_product_content .m .confire .textarea {
          width: 100%;
          height: 178px;
          border-radius: 6px;
          position: relative;
          background: #F8F8F8;
          margin-top: 40px; }
          .content .main_product_content .m .confire .textarea textarea {
            width: 100%;
            height: 100%;
            border: none;
            outline: none;
            background: none;
            font-size: 16px;
            color: #333;
            box-sizing: border-box;
            resize: none;
            padding: 18px 20px; }
            .content .main_product_content .m .confire .textarea textarea::placeholder{
                color: #999;
            }
          .content .main_product_content .m .confire .textarea span {
            display: block;
            font-size: 16px;
            color: #333333;
            width: 100%;
            text-align: right;
            box-sizing: border-box;
            padding-right: 20px;
            position: absolute;
            right: 0;
            bottom: 20px; }
        .content .main_product_content .m .confire table {
          width: 100%;
          border: none;
          margin-top: 18px; }
          .content .main_product_content .m .confire table tr {
            width: 100%; }
            .content .main_product_content .m .confire table tr th {
              font-size: 16px;
              color: #333333;
              height: 40px;
              background: #f1f1f1; }
            .content .main_product_content .m .confire table tr td {
              padding: 11px 0;
              text-align: center;
              font-size: 16px;
              color: #666666; }
              .content .main_product_content .m .confire table tr td .changes {
                display: inline-flex;
                align-items: center;
                overflow: hidden;
                margin: 0 auto;
                border-radius: 8px; }
                .content .main_product_content .m .confire table tr td .changes div {
                  height: 30px;
                  width: 30px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  background: #F1F1F1;
                  font-size: 22px;
                  line-height: 1;
                  cursor: pointer;
                  color: #E50012; }
                  .content .main_product_content .m .confire table tr td .changes div.on {
                    color: #C6C7C9;
                    cursor: no-drop; }
                .content .main_product_content .m .confire table tr td .changes input {
                  width: 56px;
                  height: 30px;
                  border: none;
                  outline: none;
                  text-align: center;
                  font-size: 16px;
                  color: #e50012;
                  font-family: sm;
                  margin: 0 2px;
                  background: #F1F1F1; }
              .content .main_product_content .m .confire table tr td .yh {
                display: flex;
                align-items: center;
                cursor: pointer;
                justify-content: center; }
                .content .main_product_content .m .confire table tr td .yh div {
                  height: 24px;
                  display: flex;
                  align-items: center;
                  border-radius: 3px;
                  border: 1px solid #e50012;
                  padding: 0 8px;
                  font-size: 14px;
                  color: #e50012; }
                .content .main_product_content .m .confire table tr td .yh span {
                  font-size: 16px;
                  color: #333333;
                  margin: 0 7px; }
                .content .main_product_content .m .confire table tr td .yh img {
                  display: block; }
              .content .main_product_content .m .confire table tr td .price {
                font-size: 18px;
                font-family: sr1;
                font-weight: bold;
                color: #333333; }
              .content .main_product_content .m .confire table tr td .info {
                overflow: hidden;
                display: flex;
                align-items: center;
                text-align: left;
                padding-left: 10px; }
                .content .main_product_content .m .confire table tr td .info img {
                  width: 86px;
                  height: 64px;
                  display: block;
                  object-fit: cover;
                  border-radius: 3px; }
                .content .main_product_content .m .confire table tr td .info div {
                  overflow: hidden;
                  padding-left: 19px; }
                  .content .main_product_content .m .confire table tr td .info div span {
                    display: block;
                    font-size: 16px;
                    color: #666666; }
      .content .main_product_content .m .address_box {
        width: 100%;
        position: relative;
        overflow: hidden;
        padding: 0 40px; }
        .content .main_product_content .m .address_box .mySwiper {
          width: 100%;
          overflow: hidden; }
          .content .main_product_content .m .address_box .mySwiper .swiper-slide {
            width: 275px;
            overflow: hidden;
            margin-right: 20px; }
            .content .main_product_content .m .address_box .mySwiper .swiper-slide .label {
              overflow: hidden;
              width: 100%;
              border-radius: 6px;
              cursor: pointer;
              border: 1px solid #ECECEC;
              padding: 0 20px;
              min-height: 150px; }
              .content .main_product_content .m .address_box .mySwiper .swiper-slide .label.on {
                background: #E50012;
                border: 1px solid #E50012; }
                .content .main_product_content .m .address_box .mySwiper .swiper-slide .label.on p {
                  color: #fff;
                  border-bottom: 1px solid #EB7982; }
                .content .main_product_content .m .address_box .mySwiper .swiper-slide .label.on span {
                  color: #fff; }
              .content .main_product_content .m .address_box .mySwiper .swiper-slide .label p {
                padding: 15px 0;
                font-size: 18px;
                font-family: sr1;
                font-weight: bold;
                line-height: 1.3;
                color: #333333;
                margin-bottom: 10px;
                border-bottom: 1px solid #F1F1F1; }
              .content .main_product_content .m .address_box .mySwiper .swiper-slide .label span {
                display: block;
                font-size: 14px;
                color: #999999;
                line-height: 24px; }
        .content .main_product_content .m .address_box .btn {
          width: 20px;
          height: 38px;
          cursor: pointer;
          position: absolute;
          transition: all .1s;
          top: 50%;
          transform: translateY(-50%);
          z-index: 99; }
          .content .main_product_content .m .address_box .btn.prev {
            left: 0;
            background-image: url(../image/paybtn.png); }
            .content .main_product_content .m .address_box .btn.prev:hover {
              background-image: url(../image/productpay_10.png); }
          .content .main_product_content .m .address_box .btn.next {
            right: 0;
            background-image: url(../image/productpay_13.png); }
            .content .main_product_content .m .address_box .btn.next:hover {
              background-image: url(../image/paybtn1.png); }
  .content .main_product_details {
    width: 100%;
    padding: 30px 0 53px 0; }
    .content .main_product_details .main_about {
      width: 100%;
      overflow: hidden;
      border-radius: 8px;
      margin-top: 25px;
      background: #fff;
      padding: 0 30px 30px 30px; }
      .content .main_product_details .main_about .title {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 74px;
        font-size: 18px;
        color: #333333;
        border-bottom: 1px solid #EEEEEE; }
      .content .main_product_details .main_about .box {
        width: 100%;
       }
        .content .main_product_details .main_about .box .morelist {
          width: 100%;
          border: 1px solid #E0E0E0;
          border-radius: 6px 6px 0 0;
          overflow: hidden;
          margin-top: 20px; }
          .content .main_product_details .main_about .box .morelist ul {
            overflow: hidden;
            display: flex;
            flex-wrap: wrap; }
            .content .main_product_details .main_about .box .morelist ul li {
              overflow: hidden;
              width: 33.33%;
              padding: 0 15px;
              margin-top: 25px; }
              .content .main_product_details .main_about .box .morelist ul li a {
                display: block;
                width: 100%;
                padding-bottom: 30px; }
                .content .main_product_details .main_about .box .morelist ul li a .pic {
                  overflow: hidden;
                  width: 100%;
                  
                  height: 282px; }
                  .content .main_product_details .main_about .box .morelist ul li a .pic img {
                    display: block;
                    height: auto;
                    width: auto;
                    height: 100%;
                    object-fit: contain;
                    width: 100%; }
                .content .main_product_details .main_about .box .morelist ul li a span {
                  display: block;
                  font-size: 16px;
                  color: #333333;
                  line-height: 26px;
                  padding: 15px 8px;
                  box-sizing: border-box; }
          .content .main_product_details .main_about .box .morelist .title {
            font-size: 16px;
            color: #333333;
            font-family: sr1;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            background: #F0F0F0;
            border-bottom: 1px solid #E0E0E0; }
        .content .main_product_details .main_about .box table {
          width: 100%;
          border: none;
          border-top: 1px solid #E0E0E0;
          border-left: 1px solid #E0E0E0;
          border-radius: 6px 6px 0 0;
          overflow: hidden;
          margin-top: 20px; }
          .content .main_product_details .main_about .box table tr {
            width: 100%; }
            .content .main_product_details .main_about .box table tr:nth-child(even) td {
              background: #fff; }
            .content .main_product_details .main_about .box table tr th {
              font-size: 16px;
              color: #333333;
              font-family: sr1;
              font-weight: bold;
              height: 30px;
              background: #F0F0F0;
              border-bottom: 1px solid #E0E0E0;
              border-right: 1px solid #E0E0E0; }
            .content .main_product_details .main_about .box table tr td {
              font-size: 16px;
              color: #333333;
              min-height: 40px;
              padding: 0px 25px;
              line-height: 30px;
              background: #F8F8F8;
              border-bottom: 1px solid #E0E0E0;
              border-right: 1px solid #E0E0E0; }
              .content .main_product_details .main_about .box table tr td:first-child{
                  width: 30%;
              }
        .content .main_product_details .main_about .box img {
          width: 100%;
          display: block; }
      .content .main_product_details .main_about .slide {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 0 50px;
        display: flex;
        margin-top: 30px; }
        .content .main_product_details .main_about .slide .mySwiper2 {
          width: 100%;
          overflow: hidden; }
          .content .main_product_details .main_about .slide .mySwiper2 .swiper-slide {
            width: 485px;
            margin-right: 20px; }
        .content .main_product_details .main_about .slide .label {
          width: 100%;
          overflow: hidden;
          border-radius: 10px;
          border: 1px solid #EEEEEE;
          padding: 0 20px; }
          .content .main_product_details .main_about .slide .label .button {
            height: 85px;
            display: flex;
            align-items: center;
            justify-content: flex-end; }
            .content .main_product_details .main_about .slide .label .button .btns {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 224px;
              height: 36px;
              border: 1px solid #e50012;
              overflow: hidden;
              border-radius: 8px; }
              .content .main_product_details .main_about .slide .label .button .btns div {
                width: 50%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                font-size: 16px;
                transition: all .1s;
                color: #e50012; }
                .content .main_product_details .main_about .slide .label .button .btns div a {
                  color: #e50012; }
                .content .main_product_details .main_about .slide .label .button .btns div:hover {
                  opacity: 0.8; }
                .content .main_product_details .main_about .slide .label .button .btns div.on {
                  background: #e50012;
                  color: #fff; }
                  .content .main_product_details .main_about .slide .label .button .btns div.on a {
                    color: #fff; }
          .content .main_product_details .main_about .slide .label .info {
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            padding: 20px 0;
            border-bottom: 1px solid #F1F1F1; }
            .content .main_product_details .main_about .slide .label .info .grow {
              flex: 1;
              padding-left: 20px; }
              .content .main_product_details .main_about .slide .label .info .grow > p {
                font-size: 20px;
                color: #333333;
                font-family: sr1;
                font-weight: bold; }
              .content .main_product_details .main_about .slide .label .info .grow span {
                display: block;
                margin-top: 6px;
                font-size: 14px;
                color: #333333; }
                .content .main_product_details .main_about .slide .label .info .grow span em {
                  color: #999999; }
              .content .main_product_details .main_about .slide .label .info .grow .price {
                margin-top: 14px;
                align-items: flex-end;
                display: flex; }
                .content .main_product_details .main_about .slide .label .info .grow .price img {
                  margin-right: 6px; }
                .content .main_product_details .main_about .slide .label .info .grow .price p {
                  font-size: 20px;
                  font-family: sr1;
                  font-weight: bold;
                  line-height: 1;
                  color: #e50012; }
                .content .main_product_details .main_about .slide .label .info .grow .price del {
                  font-size: 14px;
                  font-family: sm;
                  line-height: 1;
                  margin-left: 8px;
                  color: #999999; }
            .content .main_product_details .main_about .slide .label .info .pic {
              overflow: hidden;
              width: 200px;
              height: 148px;
              position: relative;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px; }
              .content .main_product_details .main_about .slide .label .info .pic img {
                display: block;
                max-width: 100%;
                max-height: 100%;
             }
              .content .main_product_details .main_about .slide .label .info .pic div {
                display: inline-flex;
                align-items: center;
                font-size: 12px;
                font-family: sm;
                color: #fff;
                padding: 0 8px;
                border: 1px solid #fff;
                text-transform: uppercase;
                position: absolute;
                left: 0;
                top: 0;
                background: #F0952C;
                border-radius: 4px 0 4px 0;
                height: 22px; }
                .content .main_product_details .main_about .slide .label .info .pic div.t {
                  background: #7B328E; }
        .content .main_product_details .main_about .slide .btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 99;
          width: 30px;
          height: 30px;
          transition: all .1s;
          cursor: pointer;
          background-size: 100% 100%; }
          .content .main_product_details .main_about .slide .btn.prev {
            left: 0;
            background-image: url(../image/btnn.png); }
            .content .main_product_details .main_about .slide .btn.prev:hover {
              background-image: url(../image/productinfo_13.png); }
          .content .main_product_details .main_about .slide .btn.next {
            right: 0;
            background-image: url(../image/productinfo_16.png); }
            .content .main_product_details .main_about .slide .btn.next:hover {
              background-image: url(../image/btnp.png); }
    .content .main_product_details .main_details {
      overflow: hidden;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 40px 30px 25px 30px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .content .main_product_details .main_details .details {
        overflow: hidden;
        flex: 1;
        padding-left: 36px; }
        .content .main_product_details .main_details .details .bottom {
          display: flex;
          align-items: center;
          padding-top: 26px;
          margin-top: 16px;
          justify-content: space-between;
          border-top: 1px solid #EDEDED; }
          .content .main_product_details .main_details .details .bottom .btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 224px;
            height: 36px;
            border: 1px solid #e50012;
            overflow: hidden;
            border-radius: 8px; }
            .content .main_product_details .main_details .details .bottom .btn div {
              width: 50%;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              font-size: 16px;
              transition: all .1s;
              color: #e50012; }
              .content .main_product_details .main_details .details .bottom .btn div a {
                color: #fff; }
              .content .main_product_details .main_details .details .bottom .btn div:hover {
                opacity: 0.8; }
              .content .main_product_details .main_details .details .bottom .btn div.on {
                background: #e50012;
                color: #fff; }
          .content .main_product_details .main_details .details .bottom ul {
            display: flex;
            align-items: center; }
            .content .main_product_details .main_details .details .bottom ul li {
              display: flex;
              align-items: center;
              cursor: pointer;
              margin-right: 30px;
              justify-content: center; }
              .content .main_product_details .main_details .details .bottom ul li img {
                margin-right: 9px; }
              .content .main_product_details .main_details .details .bottom ul li span {
                font-size: 16px;
                color: #666666; }
        .content .main_product_details .main_details .details > ul {
          overflow: hidden;
          margin-top: 10px; }
          .content .main_product_details .main_details .details > ul li {
            display: flex;
            padding: 10px 0;
            /*align-items: center;*/
            position: relative; }
            .content .main_product_details .main_details .details > ul li .price {
              display: flex;
              align-items: flex-end;
              position: absolute;
              right: 0;
              top: 50%;
              transform: translateY(-50%); }
              .content .main_product_details .main_details .details > ul li .price img {
                display: block;
                margin-right: 8px; }
              .content .main_product_details .main_details .details > ul li .price p {
                font-size: 24px;
                color: #e50012;
                font-family: sr1;
                font-weight: bold;
                margin-right: 12px;
                line-height: 1; }
              .content .main_product_details .main_details .details > ul li .price del {
                font-size: 16px;
                color: #999999;
                font-family: sm; }
            .content .main_product_details .main_details .details > ul li > p {
              font-size: 16px;
              margin-right: 8px;
              white-space: nowrap;
              color: #666666; }
            .content .main_product_details .main_details .details > ul li > span {
              font-size: 16px;
              flex: 1;
              color: #333333;
              font-family: sm; }
            .content .main_product_details .main_details .details > ul li .data {
              display: flex;
              align-items: center; }
              .content .main_product_details .main_details .details > ul li .data span {
                font-size: 16px;
                font-family: sm;
                color: #333333;
                margin-left: 10px; }
            .content .main_product_details .main_details .details > ul li .change {
              display: flex;
              align-items: center;
              overflow: hidden;
              border-radius: 8px; }
              .content .main_product_details .main_details .details > ul li .change div {
                height: 30px;
                width: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #F1F1F1;
                font-size: 22px;
                line-height: 1;
                cursor: pointer;
                color: #E50012; }
                .content .main_product_details .main_details .details > ul li .change div.on {
                  color: #C6C7C9; }
              .content .main_product_details .main_details .details > ul li .change input {
                width: 56px;
                height: 30px;
                border: none;
                outline: none;
                text-align: center;
                font-size: 16px;
                color: #e50012;
                font-family: sm;
                margin: 0 2px;
                background: #F1F1F1; }
            .content .main_product_details .main_details .details > ul li .rd {
              display: flex;
              align-items: center; }
              .content .main_product_details .main_details .details > ul li .rd label {
                display: flex;
                align-items: center;
                margin-right: 24px;
                cursor: pointer; }
                .content .main_product_details .main_details .details > ul li .rd label.on div {
                  background-image: url(../image/rid1.jpg); }
                .content .main_product_details .main_details .details > ul li .rd label div {
                  width: 16px;
                  height: 16px;
                  background-image: url(../image/rid.jpg);
                  background-size: 100% 100%;
                  margin-right: 8px;
                  border-radius: 50%; }
                .content .main_product_details .main_details .details > ul li .rd label span {
                  font-size: 16px;
                  color: #333333; }
        .content .main_product_details .main_details .details .name {
          display: flex;
          align-items: flex-start;
          justify-content: space-between; }
          .content .main_product_details .main_details .details .name em {
            font-size: 16px;
            color: #666666; }
          .content .main_product_details .main_details .details .name div {
            display: flex;
            flex: 1;
            padding-right: 30px; }
            .content .main_product_details .main_details .details .name div p {
              font-size: 20px;
              color: #333333;
              font-family: sr1;
              font-weight: bold;
              flex: 1;
              padding-left: 8px;
              box-sizing: border-box; }
            .content .main_product_details .main_details .details .name div span {
              display: flex;
              align-items: center;
              height: 20px;
              padding: 0 7px;
              font-size: 12px;
              font-family: sm;
              color: #fff;
              background: #F0952C;
              border-radius: 4px 0 4px 0;
              transform: translateY(5px); }
      .content .main_product_details .main_details .slide {
        overflow: hidden;
        width: 480px; }
        .content .main_product_details .main_details .slide .pic {
          overflow: hidden;
          width: 100%;
          height: 340px;
          
          border-radius: 6px; }
          .content .main_product_details .main_details .slide .pic .mySwiper {
            overflow: hidden;
            width: 100%;
            height: 100%; }
            .content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide {
              width: 100%;
              display: flex;
          align-items: center;
          justify-content: center;
              height: 100%;
              overflow: hidden; }
          .content .main_product_details .main_details .slide .pic img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
             }
        .content .main_product_details .main_details .slide .list {
          position: relative;
          margin-top: 22px;
          min-height: 66px;
          padding: 0 45px; }
          .content .main_product_details .main_details .slide .list .btn {
            position: absolute;
            top: 50%;
            z-index: 999;
            cursor: pointer;
            transition: all .1s;
            width: 30px;
            height: 30px;
            transform: translateY(-50%); }
            .content .main_product_details .main_details .slide .list .btn.prev {
              left: 0;
              background-image: url(../image/btnn.png); }
              .content .main_product_details .main_details .slide .list .btn.prev:hover {
                background-image: url(../image/productinfo_13.png); }
            .content .main_product_details .main_details .slide .list .btn.next {
              right: 0;
              background-image: url(../image/productinfo_16.png); }
              .content .main_product_details .main_details .slide .list .btn.next:hover {
                background-image: url(../image/btnp.png); }
          .content .main_product_details .main_details .slide .list .mySwiper1 {
            width: 100%;
            overflow: hidden; }
            .content .main_product_details .main_details .slide .list .mySwiper1 .swiper-slide {
              width: 96px;
              height: 70px;
              overflow: hidden;
              margin-right: 14px;
              border: 2px solid #fff;
              border-radius: 8px; }
              .content .main_product_details .main_details .slide .list .mySwiper1 .swiper-slide.on {
                border: 2px solid #E50012; }
          .content .main_product_details .main_details .slide .list .lab {
            overflow: hidden;
            width: 100%;
            height: 100%;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            cursor: pointer; }
            .content .main_product_details .main_details .slide .list .lab img {
              max-width: 100%;
              max-height: 100%;
               }
  .content .main_order_info {
    overflow: hidden;
    width: 100%;
    background: #F7F7F7;
    padding: 30px 0;
    min-height: calc(100vh - 81px - 79px); }
    .content .main_order_info .box {
      overflow: hidden;
      width: 1300px;
      margin: 0 auto;
      border-radius: 8px;
      background: #fff;
      padding: 30px 30px 50px 30px; }
      .content .main_order_info .box .tip {
        padding: 26px 32px;
        width: 100%;
        background: #FEF2F3;
        border-radius: 8px;
        font-size: 16px;
        line-height: 1;
        color: #e50012; }
        .content .main_order_info .box .tip span {
          font-size: 20px;
          font-family: sr1;
          font-weight: bold; }
      .content .main_order_info .box .price_info {
        overflow: hidden;
        text-align: right;
        font-size: 12px;
        margin-top: 30px; }
        .content .main_order_info .box .price_info .price_infos {
          display: inline-block;
          overflow: hidden;
          border-radius: 8px;
          border: 1px solid #ECECEC;
          min-width: 400px;
          padding: 25px 18px 30px 18px;
          text-align: right; }
          .content .main_order_info .box .price_info .price_infos .price {
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
            font-size: 16px;
            margin-bottom: 18px;
            color: #666666; }
            .content .main_order_info .box .price_info .price_infos .price span {
              font-size: 24px;
              font-family: sr1;
              font-weight: bold;
              color: #333333;
              line-height: 1;
              display: inline-block; }
            .content .main_order_info .box .price_info .price_infos .price i {
              font-size: 24px;
              color: #e50012;
              margin-left: 16px;
              line-height: 1;
              display: inline-block;
              font-family: sr1;
              font-weight: bold; }
          .content .main_order_info .box .price_info .price_infos .desc {
            display: block;
            font-size: 16px;
            color: #333333;
            margin-top: 15px;
            text-align: right; }
            .content .main_order_info .box .price_info .price_infos .desc span {
              color: #666; }
          .content .main_order_info .box .price_info .price_infos .yh {
            display: flex;
            align-items: center;
            margin-bottom: 18px;
            justify-content: flex-end;
            cursor: pointer; }
            .content .main_order_info .box .price_info .price_infos .yh p {
              font-size: 16px;
              color: #666666; }
            .content .main_order_info .box .price_info .price_infos .yh div {
              height: 24px;
              display: flex;
              align-items: center;
              border-radius: 3px;
              border: 1px solid #e50012;
              padding: 0 8px;
              font-size: 14px;
              color: #e50012; }
            .content .main_order_info .box .price_info .price_infos .yh span {
              font-size: 16px;
              color: #333333;
              margin: 0 7px; }
            .content .main_order_info .box .price_info .price_infos .yh img {
              display: block; }
          .content .main_order_info .box .price_info .price_infos .teg {
            display: flex;
            align-items: center;
            margin-bottom: 18px;
            justify-content: flex-end; }
            .content .main_order_info .box .price_info .price_infos .teg span {
              font-size: 14px;
              font-family: sm;
              margin-left: 7px;
              color: #999999; }
            .content .main_order_info .box .price_info .price_infos .teg p {
              font-size: 16px;
              margin-left: 18px;
              color: #666666; }
              .content .main_order_info .box .price_info .price_infos .teg p em {
                color: #333333; }
          .content .main_order_info .box .price_info .price_infos .submit {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-top: 20px; }
            .content .main_order_info .box .price_info .price_infos .submit div {
              width: 128px;
              height: 36px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              font-size: 16px;
              margin-left: 20px;
              cursor: pointer;
              color: #E50012;
              border: 1px solid #E50012;
              border-radius: 3px;
              transition: all .1s; }
              .content .main_order_info .box .price_info .price_infos .submit div.on {
                background: #E50012;
                color: #fff; }
            .content .main_order_info .box .price_info .price_infos .submit:hover {
              opacity: 0.8; }
      .content .main_order_info .box .item {
        overflow: hidden;
        padding: 28px 0;
        border-bottom: 1px solid #ECECEC; }
        .content .main_order_info .box .item .title {
          display: flex;
          align-items: center;
          font-size: 18px;
          color: #333333; }
          .content .main_order_info .box .item .title div {
            width: 4px;
            height: 16px;
            background: #E50012;
            margin-right: 9px; }
        .content .main_order_info .box .item table {
          width: 100%;
          border: none;
          margin-top: 18px; }
          .content .main_order_info .box .item table tr {
            width: 100%; }
            .content .main_order_info .box .item table tr th {
              font-size: 16px;
              color: #333333;
              border-right: 1px solid #fff;
              height: 40px;
              background: #f1f1f1; }
              .content .main_order_info .box .item table tr th:last-child {
                border: none; }
            .content .main_order_info .box .item table tr:last-child td {
              border: none; }
            .content .main_order_info .box .item table tr td {
              padding: 20px 0;
              text-align: center;
              font-size: 16px;
              color: #666666;
              border-bottom: 1px solid #ECECEC; }
              .content .main_order_info .box .item table tr td .changes {
                display: inline-flex;
                align-items: center;
                overflow: hidden;
                margin: 0 auto;
                border-radius: 8px; }
                .content .main_order_info .box .item table tr td .changes div {
                  height: 30px;
                  width: 30px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  background: #F1F1F1;
                  font-size: 22px;
                  line-height: 1;
                  cursor: pointer;
                  color: #E50012; }
                  .content .main_order_info .box .item table tr td .changes div.on {
                    color: #C6C7C9;
                    cursor: no-drop; }
                .content .main_order_info .box .item table tr td .changes input {
                  width: 56px;
                  height: 30px;
                  border: none;
                  outline: none;
                  text-align: center;
                  font-size: 16px;
                  color: #e50012;
                  font-family: sm;
                  margin: 0 2px;
                  background: #F1F1F1; }
              .content .main_order_info .box .item table tr td .yh {
                display: flex;
                align-items: center;
                cursor: pointer;
                justify-content: center; }
                .content .main_order_info .box .item table tr td .yh div {
                  height: 24px;
                  display: flex;
                  align-items: center;
                  border-radius: 3px;
                  border: 1px solid #e50012;
                  padding: 0 8px;
                  font-size: 14px;
                  color: #e50012; }
                .content .main_order_info .box .item table tr td .yh span {
                  font-size: 16px;
                  color: #333333;
                  margin: 0 7px; }
                .content .main_order_info .box .item table tr td .yh img {
                  display: block; }
              .content .main_order_info .box .item table tr td .price {
                font-size: 18px;
                font-family: sr1;
                font-weight: bold;
                color: #333333; }
              .content .main_order_info .box .item table tr td .info {
                overflow: hidden;
                display: flex;
                align-items: center;
                text-align: left;
                padding-left: 10px; }
                .content .main_order_info .box .item table tr td .info img {
                  width: 86px;
                  height: 64px;
                  display: block;
                  object-fit: cover;
                  border-radius: 3px; }
                .content .main_order_info .box .item table tr td .info div {
                  overflow: hidden;
                  padding-left: 19px; }
                  .content .main_order_info .box .item table tr td .info div span {
                    display: block;
                    font-size: 16px;
                    color: #666666; }
        .content .main_order_info .box .item ul {
          overflow: hidden;
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .content .main_order_info .box .item ul li {
            display: flex;
            font-size: 16px;
            margin-right: 70px;
            margin-top: 15px;
            color: #333333; }
            .content .main_order_info .box .item ul li.on {
              width: 100%; }
            .content .main_order_info .box .item ul li span {
                 white-space: nowrap;
              color: #999999; }
  .content .cart_footer {
    overflow: hidden;
    width: 100%;
    height: 80px;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999; }
    .content .cart_footer.on {
      position: static; }
    .content .cart_footer .m {
      width: 1300px;
      height: 100%;
      display: flex;
      margin: 0 auto;
      align-items: center;
      justify-content: space-between; }
      .content .cart_footer .m .fr {
        height: 100%;
        display: flex;
        align-items: center; }
        .content .cart_footer .m .fr .y {
          display: block;
          font-size: 16px;
          color: #333333; }
          .content .cart_footer .m .fr .y span {
            color: #e50012;
            font-family: sr1;
            font-weight: bold; }
        .content .cart_footer .m .fr .btn {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100px;
          margin-left: 50px;
          transition: all .1s;
          height: 100%;
          background: #E50012;
          cursor: pointer;
          font-size: 16px;
          color: #fff; }
          .content .cart_footer .m .fr .btn:hover {
            opacity: .8; }
        .content .cart_footer .m .fr .s {
          display: block;
          font-size: 16px;
          color: #999999;
          margin-left: 55px; }
          .content .cart_footer .m .fr .s span {
            font-size: 24px;
            color: #e50012;
            margin-left: 8px;
            font-family: sr1;
            font-weight: bold; }
      .content .cart_footer .m .fl {
        display: flex;
        align-items: center;
        height: 100%; }
        .content .cart_footer .m .fl label {
          display: flex;
          align-items: center;
          height: 100%;
          cursor: pointer;
          padding-right: 24px; }
          .content .cart_footer .m .fl label span {
            font-size: 16px;
            color: #333333;
            margin-left: 6px; }
          .content .cart_footer .m .fl label input {
            transform: scale(1.16); }
        .content .cart_footer .m .fl p {
          font-size: 16px;
          color: #999999;
          cursor: pointer; }
  .content .main_cart {
    width: 100%;
    min-height: calc(100vh - 81px - 79px);
    background: #F7F7F7;
    padding-bottom: 100px; }
    .content .main_cart .box {
      overflow: hidden;
      width: 1300px;
      margin: 0 auto; }
      .content .main_cart .box .main_cart_list {
        overflow: hidden;
        width: 100%;
        background: #fff;
        border-radius: 8px;
        padding: 30px;
        min-height: 60vh; }
        .content .main_cart .box .main_cart_list table {
          width: 100%;
          border: none;
          margin-top: 18px; }
          .content .main_cart .box .main_cart_list table tr {
            width: 100%; }
            .content .main_cart .box .main_cart_list table tr th {
              font-size: 16px;
              color: #333333;
              height: 50px;
              border-right: 1px solid #fff;
              background: #f1f1f1; }
              .content .main_cart .box .main_cart_list table tr th:last-child {
                border: none; }
              .content .main_cart .box .main_cart_list table tr th input {
                transform: scale(1.16);
                cursor: pointer;
                border: none; }
            .content .main_cart .box .main_cart_list table tr td {
              padding: 20px 0;
              text-align: center;
              border-bottom: 1px solid #F1F1F1;
              font-size: 16px;
              color: #666666; }
              .content .main_cart .box .main_cart_list table tr td .remove {
                display: block;
                margin: 0 auto;
                cursor: pointer; }
              .content .main_cart .box .main_cart_list table tr td > input {
                transform: scale(1.16);
                cursor: pointer;
                border: none; }
              .content .main_cart .box .main_cart_list table tr td .changes {
                display: inline-flex;
                align-items: center;
                overflow: hidden;
                margin: 0 auto;
                border-radius: 8px; }
                .content .main_cart .box .main_cart_list table tr td .changes div {
                  height: 30px;
                  width: 30px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  background: #F1F1F1;
                  font-size: 22px;
                  line-height: 1;
                  cursor: pointer;
                  color: #E50012; }
                  .content .main_cart .box .main_cart_list table tr td .changes div.on {
                    /*color: #C6C7C9;*/
                    }
                .content .main_cart .box .main_cart_list table tr td .changes input {
                  width: 56px;
                  height: 30px;
                  border: none;
                  outline: none;
                  text-align: center;
                  font-size: 16px;
                  color: #e50012;
                  font-family: sm;
                  margin: 0 2px;
                  background: #F1F1F1; }
              .content .main_cart .box .main_cart_list table tr td .yh {
                display: flex;
                align-items: center;
                cursor: pointer;
                justify-content: center; }
                .content .main_cart .box .main_cart_list table tr td .yh div {
                  height: 24px;
                  display: flex;
                  align-items: center;
                  border-radius: 3px;
                  border: 1px solid #e50012;
                  padding: 0 8px;
                  font-size: 14px;
                  color: #e50012; }
                .content .main_cart .box .main_cart_list table tr td .yh span {
                  font-size: 16px;
                  color: #333333;
                  margin: 0 7px; }
                .content .main_cart .box .main_cart_list table tr td .yh img {
                  display: block; }
              .content .main_cart .box .main_cart_list table tr td .price {
                font-size: 18px;
                font-family: sr1;
                font-weight: bold;
                color: #333333; }
              .content .main_cart .box .main_cart_list table tr td .info {
                overflow: hidden;
                display: flex;
                align-items: center;
                text-align: left;
                padding-left: 10px; }
                .content .main_cart .box .main_cart_list table tr td .info .picc {
                  width: 86px;
                  height: 64px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 3px; }
                .content .main_cart .box .main_cart_list table tr td .info .picc img {
                  max-width: 100%;
                  max-height: 100%;
                  display: block;
                  }
                .content .main_cart .box .main_cart_list table tr td .info .gs {
                  overflow: hidden;
                  padding-left: 19px; }
                  .content .main_cart .box .main_cart_list table tr td .info .gs span {
                    display: block;
                    font-size: 16px;
                    color: #666666; }
      .content .main_cart .box .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30px 0; }
        .content .main_cart .box .head .clear {
          cursor: pointer;
          display: flex;
          align-items: center; }
          .content .main_cart .box .head .clear span {
            font-size: 16px;
            color: #e50012; }
          .content .main_cart .box .head .clear img {
            margin-right: 5px; }
        .content .main_cart .box .head .fl {
          display: flex;
          align-items: center; }
          .content .main_cart .box .head .fl p {
            font-size: 18px;
            color: #333333; }
          .content .main_cart .box .head .fl .search {
            overflow: hidden;
            width: 358px;
            height: 40px;
            border-radius: 40px;
            background: #fff;
            margin-left: 15px;
            position: relative; }
            .content .main_cart .box .head .fl .search input {
              width: 100%;
              height: 100%;
              border: none;
              outline: none;
              background: none;
              font-size: 16px;
              color: #333;
              padding-left: 20px; }
              .content .main_cart .box .head .fl .search input::placeholder {
                color: #999999; }
            .content .main_cart .box .head .fl .search div {
              height: 100%;
              cursor: pointer;
              font-size: 16px;
              color: #fff;
              background: #E50012;
              display: flex;
              align-items: center;
              width: 89px;
              transition: all .1s;
              justify-content: center;
              position: absolute;
              right: 0;
              top: 0;
              z-index: 9; }
              .content .main_cart .box .head .fl .search div:hover {
                opacity: 0.8; }
  .content .main_content {
    width: 100%;
    position: relative;
    margin-top: -80px;
    z-index: 9; }
    .content .main_content.about .m .tong_header .menus {
      transform: translateY(-60px); }
    .content .main_content.user {
      margin-top: -138px; }
    .content .main_content .m {
      width: 1300px;
      margin: 0 auto; }
      .content .main_content .m .main_box {
        width: 100%;
        padding-bottom: 60px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .content .main_content .m .main_box .main_datas {
          width: calc(100% - 282px - 30px);
          overflow: hidden;
          margin-top: -80px;
          border-radius: 8px;
          background: #fff;
          padding-bottom: 30px; }
          .content .main_content .m .main_box .main_datas .page_list a {
            background: #F4F4F4; }
            .content .main_content .m .main_box .main_datas .page_list a.on {
              background: #E50012; }
          .content .main_content .m .main_box .main_datas .page_list div a:hover {
            background: #E50012;
            color: #fff; }
          .content .main_content .m .main_box .main_datas ul {
            overflow: hidden;
            padding: 0 30px;
            margin-bottom: 30px; }
            .content .main_content .m .main_box .main_datas ul li {
              overflow: hidden;
              border-bottom: 1px dashed #F1F1F1; }
              .content .main_content .m .main_box .main_datas ul li:hover a div p,
              .content .main_content .m .main_box .main_datas ul li:hover a div span {
                color: #e50012; }
              .content .main_content .m .main_box .main_datas ul li a {
                display: flex;
                align-items: center;
                box-sizing: border-box;
                padding: 30px 0; }
                .content .main_content .m .main_box .main_datas ul li a img {
                  display: block; }
                .content .main_content .m .main_box .main_datas ul li a div {
                  flex: 1;
                  padding-left: 14px; }
                  .content .main_content .m .main_box .main_datas ul li a div p {
                    font-size: 18px;
                    color: #333333;
                    font-family: sm;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    transition: all .1s;
                    margin-bottom: 10px; }
                  .content .main_content .m .main_box .main_datas ul li a div span {
                    display: block;
                    transition: all .1s;
                    font-size: 14px;
                    color: #666666;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
        .content .main_content .m .main_box .main_qa {
          width: calc(100% - 282px - 30px);
          overflow: hidden;
          margin-top: -80px; }
          .content .main_content .m .main_box .main_qa ul {
            overflow: hidden; }
            .content .main_content .m .main_box .main_qa ul li {
              overflow: hidden;
              width: 100%;
              background: #fff;
              border-radius: 8px;
              margin-bottom: 24px;
              padding: 0 30px; }
              .content .main_content .m .main_box .main_qa ul li.on .slide {
                display: block; }
              .content .main_content .m .main_box .main_qa ul li.on .line > img {
                transform: rotate(180deg); }
              .content .main_content .m .main_box .main_qa ul li .slide {
                overflow: hidden;
                background: #F8F8F8;
                border-radius: 8px;
                margin-bottom: 30px;
                display: none;
                padding: 20px 30px; }
                .content .main_content .m .main_box .main_qa ul li .slide p {
                  font-size: 16px;
                  color: #666666;
                  line-height: 30px; }
                .content .main_content .m .main_box .main_qa ul li .slide .pic {
                  display: flex;
                  flex-wrap: wrap; }
                  .content .main_content .m .main_box .main_qa ul li .slide .pic img {
                    display: block;
                    width: 240px;
                    height: 240px;
                    border-radius: 3px;
                    margin-right: 24px;
                    margin-top: 20px;
                    object-fit: cover; }
              .content .main_content .m .main_box .main_qa ul li .line {
                overflow: hidden;
                width: 100%;
                height: 80px;
                display: flex;
                align-items: center;
                justify-content: space-between; }
                .content .main_content .m .main_box .main_qa ul li .line .icon {
                  display: flex;
                  align-items: center; }
                  .content .main_content .m .main_box .main_qa ul li .line .icon img {
                    display: block;
                    margin-right: 10px; }
                  .content .main_content .m .main_box .main_qa ul li .line .icon span {
                    font-size: 18px;
                    font-family: sr1;
                    font-weight: bold;
                    color: #333333; }
                .content .main_content .m .main_box .main_qa ul li .line .fr {
                  display: flex;
                  cursor: pointer;
                  align-items: center; }
                  .content .main_content .m .main_box .main_qa ul li .line .fr.on img {
                    transform: rotate(180deg); }
                  .content .main_content .m .main_box .main_qa ul li .line .fr p {
                    font-size: 16px;
                    color: #333333; }
                  .content .main_content .m .main_box .main_qa ul li .line .fr span {
                    font-size: 16px;
                    color: #e50012;
                    margin-left: 15px;
                    margin-right: 5px; }
                  .content .main_content .m .main_box .main_qa ul li .line .fr img {
                    display: block;
                    transition: all .2s; }
        .content .main_content .m .main_box .main_services {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 8px;
          padding: 50px 0 45px 0; }
          .content .main_content .m .main_box .main_services .item {
            overflow: hidden;
            margin-bottom: 30px; }
            .content .main_content .m .main_box .main_services .item .pics {
              display: block;
              max-width: 100%;
              margin-top: 40px; }
            .content .main_content .m .main_box .main_services .item .table {
              overflow: hidden;
              margin-top: 20px; }
              .content .main_content .m .main_box .main_services .item .table .tit {
                overflow: hidden;
                padding: 16px 0;
                font-size: 18px;
                font-family: sr1;
                font-weight: bold;
                color: #fff;
                text-align: center;
                background: #E50012; }
              .content .main_content .m .main_box .main_services .item .table em {
                display: block;
                font-size: 16px;
                margin-top: 25px;
                color: #e50012; }
              .content .main_content .m .main_box .main_services .item .table .table1 {
                width: 100%;
                border: none;
                border-left: 1px solid #E0E0E0;
                border-top: 1px solid #E0E0E0; }
                .content .main_content .m .main_box .main_services .item .table .table1.on tr th {
                  text-align: center;
                  padding: 0 8px;
                  text-align: center; }
                .content .main_content .m .main_box .main_services .item .table .table1.on tr td {
                  text-align: center;
                  padding: 12px 0;
                  padding-left: 0;
                  min-height: auto; }
                  .content .main_content .m .main_box .main_services .item .table .table1.on tr td:last-child {
                    padding: 12px 0; }
                  .content .main_content .m .main_box .main_services .item .table .table1.on tr td:first-child {
                    padding: 12px 0; }
                .content .main_content .m .main_box .main_services .item .table .table1 tr {
                  width: 100%; }
                  .content .main_content .m .main_box .main_services .item .table .table1 tr th {
                    font-size: 16px;
                    font-family: sr1;
                    font-weight: bold;
                    color: #333333;
                    background: #f0f0f0;
                    height: 50px;
                    border-right: 1px solid #E0E0E0;
                    border-bottom: 1px solid #E0E0E0;
                    text-align: left;
                    padding-left: 18px;
                    box-sizing: border-box; }
                  .content .main_content .m .main_box .main_services .item .table .table1 tr td {
                    font-size: 16px;
                    color: #333333;
                    min-height: 50px;
                    padding: 8px 0;
                    padding-left: 18px;
                    box-sizing: border-box;
                    position: relative;
                    border-right: 1px solid #E0E0E0;
                    border-bottom: 1px solid #E0E0E0; }
                    .content .main_content .m .main_box .main_services .item .table .table1 tr td.on::after {
                      content: '';
                      width: 100%;
                      height: 100%;
                      background: #E50012;
                      position: absolute;
                      left: 0;
                      top: 0; }
                    .content .main_content .m .main_box .main_services .item .table .table1 tr td .f {
                      position: relative;
                      padding: 6px 0;
                      padding-left: 14px;
                      font-size: 16px;
                      line-height: 1.3;
                      color: #333333; }
                      .content .main_content .m .main_box .main_services .item .table .table1 tr td .f::after {
                        content: '';
                        width: 5px;
                        height: 5px;
                        background: #E50012;
                        border-radius: 50%;
                        position: absolute;
                        left: 0;
                        top: 13px; }
                    .content .main_content .m .main_box .main_services .item .table .table1 tr td:first-child {
                      text-align: center;
                      padding: 0; }
            .content .main_content .m .main_box .main_services .item .title {
              display: flex;
              align-items: baseline; }
              .content .main_content .m .main_box .main_services .item .title div {
                overflow: hidden;
                width: 49px;
                height: 33px;
                background: #f1f1f1;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 20px;
                color: #333333;
                margin-right: 12px; }
              .content .main_content .m .main_box .main_services .item .title span {
                display: block;
                line-height: 1;
                font-size: 16px;
                color: #333333;
                font-family: sr1;
                font-weight: bold;
                flex: 1; }
          .content .main_content .m .main_box .main_services .head {
            display: flex;
            align-items: center;
            margin-top: 20px;
            margin-bottom: 20px; }
            .content .main_content .m .main_box .main_services .head span {
              font-size: 18px;
              font-family: sr1;
              font-weight: bold;
              color: #000000;
              margin-left: 10px; }
          .content .main_content .m .main_box .main_services .main_top_info {
            overflow: hidden; }
            .content .main_content .m .main_box .main_services .main_top_info span {
              /*display: block;*/
              font-size: 16px;
              color: #333333;
              line-height: 32px;
              margin-top: 10px; }
              .content .main_content .m .main_box .main_services .main_top_info ul li{
                  margin-left: 20px;
              }
            .content .main_content .m .main_box .main_services .main_top_info .t {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .content .main_content .m .main_box .main_services .main_top_info span img{
                  width: 100%;
              }
              .content .main_content .m .main_box .main_services .main_top_info .t p {
                font-size: 24px;
                color: #e50012;
                font-family: sr1;
                font-weight: bold; }
              .content .main_content .m .main_box .main_services .main_top_info .t div {
                overflow: hidden;
                width: 120px;
                height: 36px;
                background: #E50012;
                border-radius: 3px; }
                .content .main_content .m .main_box .main_services .main_top_info .t div a {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 100%;
                  height: 100%;
                  font-size: 16px;
                  color: #fff; }
        .content .main_content .m .main_box .main_product_idv_list {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 8px;
          padding: 30px 20px 45px 20px; }
          .content .main_content .m .main_box .main_product_idv_list .page_list a {
            background: #F4F4F4; }
            .content .main_content .m .main_box .main_product_idv_list .page_list a.on {
              background: #E50012; }
          .content .main_content .m .main_box .main_product_idv_list .page_list div a:hover {
            background: #E50012;
            color: #fff; }
          .content .main_content .m .main_box .main_product_idv_list table {
            width: 100%;
            border: none;
            margin-bottom: 34px; }
            .content .main_content .m .main_box .main_product_idv_list table tr {
              width: 100%; }
              .content .main_content .m .main_box .main_product_idv_list table tr:nth-child(even) td {
                background: #fff; }
              .content .main_content .m .main_box .main_product_idv_list table tr th {
                font-size: 16px;
                color: #fff;
                height: 56px;
                background: #E50012; }
                .content .main_content .m .main_box .main_product_idv_list table tr th:first-child {
                  border-radius: 6px 0 0 6px; }
                .content .main_content .m .main_box .main_product_idv_list table tr th:last-child {
                  border-radius: 0 6px 6px 0; }
.content .main_content .m .main_box .main_product_idv_list table tr td a{
  color: #333;
}
.content .main_content .m .main_box .main_product_idv_list table tr:hover td{
    background: #F7F7F7;
    
}
.content .main_content .m .main_box .main_product_idv_list table tr td a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
              .content .main_content .m .main_box .main_product_idv_list table tr td {
                font-size: 16px;
                height: 80px;
                transition: all .1s;
                cursor: pointer;
                padding: 10px 15px;
                text-align: center;
                background: #F7F7F7;
                color: #333333; }
                .content .main_content .m .main_box .main_product_idv_list table tr td:nth-child(3){
                    width: 15%;
                }
                .content .main_content .m .main_box .main_product_idv_list table tr td .join {
                  display: flex;
                  align-items: center;
                  height: 100%;
                  cursor: pointer; }
                  .content .main_content .m .main_box .main_product_idv_list table tr td .join.on div {
                    background-image: url(../image/check1.jpg); }
                  .content .main_content .m .main_box .main_product_idv_list table tr td .join div {
                    background-image: url(../image/check.jpg);
                    width: 16px;
                    height: 16px;
                    background-size: 100% 100%;
                    margin-right: 6px; }
                  .content .main_content .m .main_box .main_product_idv_list table tr td .join span {
                    font-size: 16px;
                    font-family: sm;
                    color: #333333; }
                .content .main_content .m .main_box .main_product_idv_list table tr td p {
                  font-size: 16px;
                  color: #e50012;
                  font-family: sr1;
                  font-weight: bold; }
                .content .main_content .m .main_box .main_product_idv_list table tr td label {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  cursor: pointer;
                  font-size: 16px;
                  font-family: sm;
                  color: #333333; }
                  .content .main_content .m .main_box .main_product_idv_list table tr td label input {
                    border: 1px solid #ECECEC; }
        .content .main_content .m .main_box .main_user_integral_lottery {
          width: calc(100% - 282px - 30px);
          background-image: url(../image/lik_03.jpg);
          height: 716px;
          background-size: 100% 100%;
          position: relative;
          padding-top: 170px; }
          .content .main_content .m .main_box .main_user_integral_lottery .box {
            overflow: hidden;
            width: 400px;
            height: 400px;
            margin: 0 auto;
            margin-bottom: 28px;
            position: relative; }
          .content .main_content .m .main_box .main_user_integral_lottery .btn {
            overflow: hidden;
            width: 130px;
            height: 36px;
            border: 1px solid #E50012;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin: 0 auto;
            background: #fff;
            font-size: 16px;
            color: #e50012;
            border-radius: 4px; }
        .content .main_content .m .main_box .main_user_integral {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          padding: 0 30px 30px 30px;
          min-height: 60vh; }
          .content .main_content .m .main_box .main_user_integral .fade {
            overflow: hidden;
            width: 100%;
            margin-top: 20px; }
            .content .main_content .m .main_box .main_user_integral .fade ul {
              overflow: hidden;
              width: 100%; }
              .content .main_content .m .main_box .main_user_integral .fade ul li {
                overflow: hidden;
                width: 76%;
                margin: 0 auto;
                border-bottom: 1px solid #F1F1F1;
                padding: 20px 0;
                display: flex;
                align-items: center;
                justify-content: space-between; }
                .content .main_content .m .main_box .main_user_integral .fade ul li:last-child {
                  border: none; }
                .content .main_content .m .main_box .main_user_integral .fade ul li .price {
                  font-size: 18px;
                  font-family: sm;
                  color: #111111; }
                .content .main_content .m .main_box .main_user_integral .fade ul li .icon {
                  display: flex;
                  align-items: center; }
                  .content .main_content .m .main_box .main_user_integral .fade ul li .icon .icons {
                    overflow: hidden;
                    width: 56px; }
                    .content .main_content .m .main_box .main_user_integral .fade ul li .icon .icons img {
                      display: block;
                      width: 100%; }
                  .content .main_content .m .main_box .main_user_integral .fade ul li .icon .grow {
                    overflow: hidden;
                    padding-left: 16px; }
                    .content .main_content .m .main_box .main_user_integral .fade ul li .icon .grow p {
                      font-size: 16px;
                      font-family: sm;
                      color: #060a15;
                      margin-bottom: 6px; }
                    .content .main_content .m .main_box .main_user_integral .fade ul li .icon .grow span {
                      display: block;
                      font-size: 14px;
                      color: #a8a8a8; }
          .content .main_content .m .main_box .main_user_integral .head {
            overflow: hidden;
            position: relative;
            padding: 33px 0 0 0; }
            .content .main_content .m .main_box .main_user_integral .head .btn {
              overflow: hidden;
              width: 100px;
              height: 36px;
              border: 1px solid #e50012;
              border-radius: 3px;
              position: absolute;
              right: 0;
              top: 30px;
              transition: all .1s; }
              .content .main_content .m .main_box .main_user_integral .head .btn:hover {
                background: #e50012; }
                .content .main_content .m .main_box .main_user_integral .head .btn:hover a {
                  color: #fff; }
              .content .main_content .m .main_box .main_user_integral .head .btn a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                font-size: 16px;
                color: #e50012; }
            .content .main_content .m .main_box .main_user_integral .head p {
              font-size: 14px;
              color: #666666;
              text-align: center;
              margin-bottom: 12px; }
            .content .main_content .m .main_box .main_user_integral .head .num {
              display: flex;
              align-items: center;
              justify-content: center; }
              .content .main_content .m .main_box .main_user_integral .head .num div {
                display: inline-flex;
                align-items: center;
                height: 40px;
                min-width: 40px;
                padding: 0 4px;
                font-size: 24px;
                color: #fff;
                font-family: sr1;
                font-weight: bold;
                justify-content: center;
                margin: 0 7px;
                background: #E50012;
                border-radius: 3px; }
            .content .main_content .m .main_box .main_user_integral .head .tab {
              display: flex;
              margin-top: 20px;
              align-items: center;
              justify-content: center;
              border-bottom: 1px solid #ECECEC; }
              .content .main_content .m .main_box .main_user_integral .head .tab div {
                overflow: hidden;
                cursor: pointer;
                font-size: 16px;
                color: #333333;
                position: relative;
                height: 40px;
                display: flex;
                transition: all .1s;
                align-items: center;
                padding: 0 50px;
                justify-content: center; }
                .content .main_content .m .main_box .main_user_integral .head .tab div.on {
                  color: #e50012;
                  font-family: sr1;
                  font-weight: bold; }
                  .content .main_content .m .main_box .main_user_integral .head .tab div.on::after {
                    content: '';
                    width: 28px;
                    height: 3px;
                    background: #e50012;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    bottom: 0; }
        .content .main_content .m .main_box .main_user_feedback {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          padding: 20px;
          min-height: 60vh; }
          .content .main_content .m .main_box .main_user_feedback .title {
            font-size: 16px;
            color: #333333; }
          .content .main_content .m .main_box .main_user_feedback ul {
            overflow: hidden; }
            .content .main_content .m .main_box .main_user_feedback ul li {
              overflow: hidden;
              padding: 30px 0;
              padding-bottom: 26px;
              border-bottom: 1px solid #EAEAEA; }
              .content .main_content .m .main_box .main_user_feedback ul li:last-child {
                border: none; }
              .content .main_content .m .main_box .main_user_feedback ul li .bottom {
                overflow: hidden;
                margin-top: 18px; }
                .content .main_content .m .main_box .main_user_feedback ul li .bottom p {
                  font-size: 16px;
                  color: #333333;
                  margin-bottom: 10px; }
                .content .main_content .m .main_box .main_user_feedback ul li .bottom span {
                  display: block;
                  font-size: 16px;
                  color: #999999; }
              .content .main_content .m .main_box .main_user_feedback ul li .top {
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: space-between; }
                .content .main_content .m .main_box .main_user_feedback ul li .top .remove {
                  cursor: pointer;
                  display: block; }
                .content .main_content .m .main_box .main_user_feedback ul li .top .info {
                  overflow: hidden;
                  display: flex;
                  align-items: center; }
                  .content .main_content .m .main_box .main_user_feedback ul li .top .info .pic {
                    overflow: hidden;
                    width: 126px;
                    height: 94px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 6px; }
                    .content .main_content .m .main_box .main_user_feedback ul li .top .info .pic img {
                      display: block;
                      max-width: 100%;
                      max-height: 100%;
                       }
                  .content .main_content .m .main_box .main_user_feedback ul li .top .info .grow {
                    overflow: hidden;
                    padding-left: 16px; }
                    .content .main_content .m .main_box .main_user_feedback ul li .top .info .grow p {
                      font-size: 16px;
                      margin-bottom: 5px;
                      color: #333333; }
                    .content .main_content .m .main_box .main_user_feedback ul li .top .info .grow span {
                      display: block;
                      font-size: 16px;
                      margin-bottom: 10px;
                      color: #666666; }
                    .content .main_content .m .main_box .main_user_feedback ul li .top .info .grow em {
                      display: block;
                      font-size: 14px;
                      color: #999999; }
        .content .main_content .m .main_box .main_user_coupon {
          width: calc(100% - 282px - 30px);
          border-radius: 10px;
          min-height: 60vh;
          background: #fff;
          padding: 16px 30px 50px 30px; }
          .content .main_content .m .main_box .main_user_coupon .head {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .content .main_content .m .main_box .main_user_coupon .head p {
              font-size: 16px;
              color: #333333; }
          .content .main_content .m .main_box .main_user_coupon .fade {
            overflow: hidden;
            width: 100%; }
            .content .main_content .m .main_box .main_user_coupon .fade ul {
              width: 100%;
              margin-top: 13px;
              overflow: hidden;
              display: none; }
              .content .main_content .m .main_box .main_user_coupon .fade ul li {
                overflow: hidden;
                width: 690px;
                max-width: 100%;
                margin: 0 auto;
                border-radius: 6px;
                background: #FDF3F4;
                margin-top: 20px;
                padding: 0 30px; }
                .content .main_content .m .main_box .main_user_coupon .fade ul li.dis {
                  background: #EEEEEE; }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .bottom {
                    border-top: 1px dashed #DDDDDD; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .bottom .btn {
                      cursor: pointer;
                      background: #B4B4B4; }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .top .fl div span {
                    color: #999999;
                    border: 1px solid #999999; }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .top .fr p {
                    color: #333333; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .top .fr p span {
                      color: #333333; }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li.dis .top .fr em {
                    color: #333333; }
                .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom {
                  overflow: hidden;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  padding: 18px 0;
                  border-top: 1px dashed #FBC9CD; }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .btn {
                    overflow: hidden;
                    width: 100px;
                    height: 32px;
                    background: #E50012;
                    transition: all .1s;
                    border-radius: 3px; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .btn:hover {
                      opacity: 0.8; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .btn a {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      width: 100%;
                      height: 100%;
                      font-size: 15px;
                      color: #fff; }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl {
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    flex: 1;
                    padding-right: 40px;
                    justify-content: space-between; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl div {
                      overflow: hidden;
                      width: 86%; }
                      .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl div p {
                        font-size: 14px;
                        line-height: 1.5;
                        color: #999999; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl img {
                      display: block;
                      cursor: pointer;
                      transition: all .2s; }
                      .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl img.on {
                        transform: rotate(180deg); }
                .content .main_content .m .main_box .main_user_coupon .fade ul li .top {
                  overflow: hidden;
                  padding: 25px 0;
                  display: flex;
                  position: relative;
                  align-items: center;
                  justify-content: space-between;
                  cursor: pointer; }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li .top.on::before {
                    opacity: 1; }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li .top::before {
                    content: '';
                    width: 14px;
                    height: 8px;
                    background-image: url(../image/tops_03.png);
                    background-size: 100% 100%;
                    position: absolute;
                    right: 143px;
                    top: 50%;
                    opacity: 0;
                    transition: all .15s;
                    transform: translateY(-50%) rotate(180deg); }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr {
                    overflow: hidden; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr p {
                      font-size: 20px;
                      color: #eb3633;
                      text-align: center; }
                      .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr p span {
                        font-family: sm;
                        font-size: 24px;
                        color: #eb3633; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr em {
                      display: block;
                      text-align: center;
                      font-size: 16px;
                      color: #eb3633; }
                  .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl {
                    overflow: hidden; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl em {
                      display: block;
                      font-size: 15px;
                      margin-top: 12px;
                      color: #666666; }
                    .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div {
                      display: flex;
                      align-items: center; }
                      .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div span {
                        height: 24px;
                        padding: 0 9px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: #fff;
                        line-height: 1;
                        font-size: 14px;
                        color: #e50012;
                        border: 1px solid #e50012;
                        border-radius: 3px;
                        margin-right: 8px; }
                      .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div p {
                        font-size: 16px;
                        color: #333333;
                        font-family: sm; }
          .content .main_content .m .main_box .main_user_coupon .tabbar {
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom: 1px solid #ECECEC; }
            .content .main_content .m .main_box .main_user_coupon .tabbar div {
              overflow: hidden;
              cursor: pointer;
              font-size: 16px;
              color: #333333;
              position: relative;
              height: 50px;
              display: flex;
              transition: all .1s;
              align-items: center;
              padding: 0 25px;
              justify-content: center; }
              .content .main_content .m .main_box .main_user_coupon .tabbar div.on {
                color: #e50012;
                font-family: sr1;
                font-weight: bold; }
                .content .main_content .m .main_box .main_user_coupon .tabbar div.on::after {
                  content: '';
                  width: 28px;
                  height: 3px;
                  background: #e50012;
                  position: absolute;
                  left: 50%;
                  transform: translateX(-50%);
                  bottom: 0; }
        .content .main_content .m .main_box .main_user_collect {
          width: calc(100% - 282px - 30px);
          border-radius: 10px;
          min-height: 60vh; }
          .content .main_content .m .main_box .main_user_collect .head {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .content .main_content .m .main_box .main_user_collect .head p {
              font-size: 16px;
              color: #333333; }
          .content .main_content .m .main_box .main_user_collect ul {
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding-bottom: 10px; }
            .content .main_content .m .main_box .main_user_collect ul li {
              width: 48.98989898989899%;
              background: #fff;
              border-radius: 10px;
              padding: 0 20px;
              margin-top: 20px; }
              .content .main_content .m .main_box .main_user_collect ul li .bottom {
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 85px; }
                .content .main_content .m .main_box .main_user_collect ul li .bottom .btn {
                  overflow: hidden;
                  width: 224px;
                  height: 36px;
                  border: 1px solid #E50012;
                  cursor: pointer;
                  display: flex;
                  border-radius: 8px; }
                  .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 16px;
                    transition: all .1s;
                    color: #E50012; }
                    .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div.on {
                      background: #E50012; }
                      .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div.on:hover {
                        opacity: 0.6; }
                    .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div a {
                      width: 100%;
                      height: 100%;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      font-size: 16px;
                      color: #fff; }
                .content .main_content .m .main_box .main_user_collect ul li .bottom .join {
                  display: flex;
                  align-items: center;
                  height: 100%;
                  cursor: pointer; }
                  .content .main_content .m .main_box .main_user_collect ul li .bottom .join.on div {
                    background-image: url(../image/check1.jpg); }
                  .content .main_content .m .main_box .main_user_collect ul li .bottom .join div {
                    background-image: url(../image/check.jpg);
                    width: 16px;
                    height: 16px;
                    background-size: 100% 100%;
                    margin-right: 6px; }
                  .content .main_content .m .main_box .main_user_collect ul li .bottom .join img {
                    margin-right: 6px; }
                  .content .main_content .m .main_box .main_user_collect ul li .bottom .join span {
                    font-size: 16px;
                    font-family: sm;
                    color: #333333; }
              .content .main_content .m .main_box .main_user_collect ul li .label {
                overflow: hidden;
                border-bottom: 1px solid #F1F1F1; }
                .content .main_content .m .main_box .main_user_collect ul li .label a {
                  display: flex;
                  justify-content: space-between;
                  box-sizing: border-box;
                  padding: 20px 0; }
                  .content .main_content .m .main_box .main_user_collect ul li .label a .grow {
                    flex: 1;
                    padding-left: 20px; }
                    .content .main_content .m .main_box .main_user_collect ul li .label a .grow > p {
                      font-size: 18px;
                      color: #333333;
                      text-transform: uppercase;
                      font-family: sr1;
                      font-weight: bold; }
                    .content .main_content .m .main_box .main_user_collect ul li .label a .grow span {
                      display: flex;
                      align-items: center;
                      font-size: 14px;
                      color: #999999;
                      margin-top: 6px; }
                      .content .main_content .m .main_box .main_user_collect ul li .label a .grow span em {
                        color: #333333; }
                    .content .main_content .m .main_box .main_user_collect ul li .label a .grow .price {
                      align-items: flex-end;
                      margin-top: 16px;
                      display: flex; }
                      .content .main_content .m .main_box .main_user_collect ul li .label a .grow .price img {
                        margin-right: 6px; }
                      .content .main_content .m .main_box .main_user_collect ul li .label a .grow .price p {
                        font-size: 20px;
                        font-family: sr1;
                        font-weight: bold;
                        line-height: 1;
                        color: #e50012; }
                      .content .main_content .m .main_box .main_user_collect ul li .label a .grow .price del {
                        font-size: 14px;
                        font-family: sm;
                        line-height: 1;
                        margin-left: 8px;
                        color: #999999; }
                  .content .main_content .m .main_box .main_user_collect ul li .label a .pic {
                    overflow: hidden;
                    width: 200px;
                    height: 148px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 6px;
                    position: relative; }
                    .content .main_content .m .main_box .main_user_collect ul li .label a .pic img {
                      display: block;
                      max-width: 100%;
                      max-height: 100%;
                       }
                    .content .main_content .m .main_box .main_user_collect ul li .label a .pic .name {
                      width: 100%;
                      height: 28px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      background: rgba(0, 0, 0, 0.4);
                      position: absolute;
                      left: 0;
                      bottom: 0;
                      padding: 0 10px; }
                      .content .main_content .m .main_box .main_user_collect ul li .label a .pic .name span {
                        font-size: 14px;
                        color: #fff;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap; }
                    .content .main_content .m .main_box .main_user_collect ul li .label a .pic .new {
                      display: flex;
                      align-items: center;
                      padding: 0 3px;
                      min-width: 38px;
                      height: 18px;
                      font-size: 12px;
                      text-transform: uppercase;
                      background: #F0952C;
                      border-radius: 3px 0 3px 0;
                      position: absolute;
                      left: 0;
                      top: 0;
                      justify-content: center;
                      color: #fff; }
                      .content .main_content .m .main_box .main_user_collect ul li .label a .pic .new.tj {
                        background: #7B328E; }
        .content .main_content .m .main_box .main_user_set {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          padding: 28px 40px 46px 40px;
          min-height: 60vh; }
          .content .main_content .m .main_box .main_user_set .title {
            font-size: 18px;
            color: #333333; }
          .content .main_content .m .main_box .main_user_set .box {
            overflow: hidden;
            margin-top: 66px; }
            .content .main_content .m .main_box .main_user_set .box .label {
              width: 100%;
              width: 350px;
              transform: translateX(36px);
              margin: 0 auto;
              display: flex;
              margin-bottom: 20px; }
              .content .main_content .m .main_box .main_user_set .box .label p {
                font-size: 16px;
                width: 95px;
                color: #999999;
                text-align: right; }
              .content .main_content .m .main_box .main_user_set .box .label .grow {
                flex: 1;
                display: flex;
                align-items: center; }
                .content .main_content .m .main_box .main_user_set .box .label .grow span {
                  font-size: 16px;
                  color: #333333; }
                .content .main_content .m .main_box .main_user_set .box .label .grow img {
                  cursor: pointer;
                  margin-left: 12px; }
                .content .main_content .m .main_box .main_user_set .box .label .grow em {
                  font-size: 16px;
                  color: #e50012;
                  cursor: pointer; }
            .content .main_content .m .main_box .main_user_set .box .user {
              width: 100px;
              height: 100px;
              border-radius: 50%;
              position: relative;
              margin: 0 auto;
              margin-bottom: 40px;
              border: 1px solid #E71122; }
              .content .main_content .m .main_box .main_user_set .box .user div {
                width: 90px;
                height: 28px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 40px;
                font-size: 14px;
                cursor: pointer;
                color: #fff;
                background: #F0952C;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: -18px; }
              .content .main_content .m .main_box .main_user_set .box .user img {
                width: 100%;
                height: 100%;
                display: block;
                border-radius: 50%;
                object-fit: cover; }
        .content .main_content .m .main_box .main_user_address {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          padding: 0 20px 20px 20px;
          min-height: 60vh; }
          .content .main_content .m .main_box .main_user_address ul {
            display: flex;
            flex-wrap: wrap; }
            .content .main_content .m .main_box .main_user_address ul li {
              overflow: hidden;
              width: 32%;
              border-radius: 6px;
              border: 1px solid #ECECEC;
              padding: 0 18px;
              margin-bottom: 20px;
              margin-right: 2%; }
              .content .main_content .m .main_box .main_user_address ul li:nth-child(3n) {
                margin-right: 0; }
              .content .main_content .m .main_box .main_user_address ul li p {
                font-size: 18px;
                color: #333333;
                padding: 12px 0;
                border-bottom: 1px solid #ECECEC;
                font-family: sr1;
                font-weight: bold; }
              .content .main_content .m .main_box .main_user_address ul li .child {
                overflow: hidden;
                padding: 12px 0 16px 0; }
                .content .main_content .m .main_box .main_user_address ul li .child .b {
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  margin-top: 6px; }
                  .content .main_content .m .main_box .main_user_address ul li .child .b em {
                    font-size: 14px;
                    color: #e50012;
                    cursor: pointer; }
                  .content .main_content .m .main_box .main_user_address ul li .child .b img {
                    cursor: pointer; }
                .content .main_content .m .main_box .main_user_address ul li .child span {
                  display: block;
                  font-size: 14px;
                  color: #999999;
                  line-height: 24px;
                  font-family: "微软雅黑"; }
          .content .main_content .m .main_box .main_user_address .head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 0; }
            .content .main_content .m .main_box .main_user_address .head p {
              font-size: 16px;
              color: #333333; }
            .content .main_content .m .main_box .main_user_address .head .btn {
              display: flex;
              align-items: center; }
              .content .main_content .m .main_box .main_user_address .head .btn div {
                overflow: hidden;
                height: 36px;
                border-radius: 3px;
                margin-left: 20px;
                border: 1px solid #e50012;
                display: inline-flex;
                align-items: center;
                cursor: pointer;
                padding: 0 15px; }
                .content .main_content .m .main_box .main_user_address .head .btn div span {
                  font-size: 16px;
                  color: #e50012;
                  line-height: 1;
                  display: inline-block; }
                .content .main_content .m .main_box .main_user_address .head .btn div img {
                  display: inline-block;
                  margin-right: 7px; }
        .content .main_content .m .main_box .main_about_recruit {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          overflow: hidden;
          padding: 30px 30px 60px 30px;
          margin-top: -80px; }
          .content .main_content .m .main_box .main_about_recruit .bann {
            overflow: hidden;
            position: relative;
            border-radius: 4px; }
             .content .main_content .m .main_box .main_about_recruit .bann p  img{
                 display: block;
                 width: auto;
                 margin: 0 auto;
                 max-width: 90%;
             }
            .content .main_content .m .main_box .main_about_recruit .bann p {
              width: 100%;
              position: absolute;
              left: 0;
              text-align: center;
              top: 50%;
              transform: translateY(-50%);
              font-size: 40px;
              font-family: sr1;
              font-weight: bold;
              color: #fff; }
            .content .main_content .m .main_box .main_about_recruit .bann > img {
              display: block;
              width: 100%; }
          .content .main_content .m .main_box .main_about_recruit ul {
            display: flex;
            flex-wrap: wrap;
            margin-top: 20px; }
            .content .main_content .m .main_box .main_about_recruit ul li {
              overflow: hidden;
              box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
              width: 31.5%;
              background: #fff;
              border-radius: 6px;
              transition: all .1s;
              margin-top: 20px;
              margin-right: 2.7%;
              height: 120px; }
              .content .main_content .m .main_box .main_about_recruit ul li:nth-child(3n) {
                margin-right: 0; }
              .content .main_content .m .main_box .main_about_recruit ul li.on {
                background: #E50012; }
                .content .main_content .m .main_box .main_about_recruit ul li.on a img.i1 {
                  display: none; }
                .content .main_content .m .main_box .main_about_recruit ul li.on a img.i2 {
                  display: block; }
                .content .main_content .m .main_box .main_about_recruit ul li.on a span {
                  color: #fff; }
              .content .main_content .m .main_box .main_about_recruit ul li a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%; }
                .content .main_content .m .main_box .main_about_recruit ul li a img {
                  display: none; }
                  .content .main_content .m .main_box .main_about_recruit ul li a img.i1 {
                    display: block; }
                .content .main_content .m .main_box .main_about_recruit ul li a span {
                  font-size: 18px;
                  font-family: sm;
                  color: #333333;
                  margin-left: 18px; }
        .content .main_content .m .main_box .main_about_team {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          overflow: hidden;
          padding: 30px 30px 50px 30px;
          margin-top: -80px; }
          .content .main_content .m .main_box .main_about_team ul {
            width: 100%; }
            .content .main_content .m .main_box .main_about_team ul li {
              overflow: hidden;
              width: 100%;
              margin-bottom: 20px;
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
              padding: 30px;
              display: flex;
              align-items: flex-start;
              justify-content: space-between; }
              .content .main_content .m .main_box .main_about_team ul li .pic {
                overflow: hidden;
                width: 190px;
                height: 240px;
                border-radius: 3px; }
                .content .main_content .m .main_box .main_about_team ul li .pic img {
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover; }
              .content .main_content .m .main_box .main_about_team ul li .grow {
                flex: 1;
                padding-left: 30px; }
                .content .main_content .m .main_box .main_about_team ul li .grow .desc {
                  overflow: hidden;
                  width: 100%;
                  margin-top: 5px; }
                  .content .main_content .m .main_box .main_about_team ul li .grow .desc p {
                    display: block;
                    font-size: 16px;
                    color: #666666;
                    padding-left: 13px;
                    position: relative;
                    line-height: 22px;
                    margin-top: 10px;
                    box-sizing: border-box; }
                    .content .main_content .m .main_box .main_about_team ul li .grow .desc p::after {
                      content: '';
                      width: 4px;
                      height: 4px;
                      background: #E50012;
                      position: absolute;
                      left: 0;
                      top: 8px; }
                .content .main_content .m .main_box .main_about_team ul li .grow .name {
                  display: flex;
                  align-items: center;
                  padding-bottom: 18px;
                  border-bottom: 1px solid #EEEEEE; }
                  .content .main_content .m .main_box .main_about_team ul li .grow .name p {
                    font-size: 20px;
                    font-family: sm;
                    color: #333333; }
                  .content .main_content .m .main_box .main_about_team ul li .grow .name span {
                    display: flex;
                    align-items: center;
                    line-height: 1;
                    padding: 3px 15px;
                    font-size: 16px;
                    color: #e50012;
                    border-radius: 3px;
                    border: 1px solid #e50012;
                    margin-left: 14px; }
        .content .main_content .m .main_box .main_about_honor {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          overflow: hidden;
          margin-top: -80px;
          padding: 30px 30px 40px 30px; }
          .content .main_content .m .main_box .main_about_honor .page_list a {
            background: #F4F4F4; }
            .content .main_content .m .main_box .main_about_honor .page_list a.on {
              background: #E50012; }
          .content .main_content .m .main_box .main_about_honor .page_list div a:hover {
            background: #E50012;
            color: #fff; }
          .content .main_content .m .main_box .main_about_honor ul {
            width: 100%;
            display: flex;
            margin-bottom: 14px;
            flex-wrap: wrap; }
            .content .main_content .m .main_box .main_about_honor ul li {
              overflow: hidden;
              width: 31.5%;
              margin-right: 2.5%;
              border-radius: 10px;
              display: flex;
              align-items: center;
              justify-content: center;
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
              margin-bottom: 20px;
              padding: 12px; }
              .content .main_content .m .main_box .main_about_honor ul li:nth-child(3n) {
                margin-right: 0; }
              .content .main_content .m .main_box .main_about_honor ul li img {
                display: block;
                max-width: 100%;
                max-height: 192px;
                 }
              .content .main_content .m .main_box .main_about_honor ul li span {
                display: block;
                line-height: 56px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 16px;
                color: #333333;
                text-align: center; }
        .content .main_content .m .main_box .main_about_introduce {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          overflow: hidden;
          margin-top: -80px;
          padding: 0 30px; }
          .content .main_content .m .main_box .main_about_introduce .title {
            display: flex;
            align-items: center; }
            .content .main_content .m .main_box .main_about_introduce .title span {
              font-size: 18px;
              font-family: sr1;
              font-weight: bold;
              color: #333333;
              margin-left: 8px; }
          .content .main_content .m .main_box .main_about_introduce .culture {
            width: 100%;
            padding: 26px 0 0 0; }
            .content .main_content .m .main_box .main_about_introduce .culture .box {
              overflow: hidden;
              width: 100%;
              display: flex;
              justify-content: space-between;
              margin-top: 16px;
              padding-bottom: 45px; }
              .content .main_content .m .main_box .main_about_introduce .culture .box ul {
                overflow: hidden; }
                .content .main_content .m .main_box .main_about_introduce .culture .box ul.right {
                  width: calc(100% - 310px - 20px); }
                  .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li {
                    width: 100%;
                    display: flex;
                    align-items: flex-start;
                    padding: 30px 0 0 35px;
                    height: 150px;
                    background-image: url(../image/about_jsbg_09.jpg);
                    margin-bottom: 20px; }
                    .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li div {
                      margin-left: 15px; }
                    .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li:nth-child(2) {
                      background-image: url(../image/about_jsbg_12.png); }
                    .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li:nth-child(3) {
                      background-image: url(../image/about_jsbg_16.png); }
                    .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li:last-child {
                      margin-bottom: 0; }
                .content .main_content .m .main_box .main_about_introduce .culture .box ul.left {
                  width: 310px; }
                  .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li {
                    width: 100%;
                    padding: 30px 0 0 30px;
                    height: 235px;
                    margin-bottom: 20px;
                    background-image: url(../image/about_jsbg_07.png); }
                    .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li:last-child {
                      margin-bottom: 0; }
                    .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li:nth-child(2) {
                      background-image: url(../image/about_jsbg_14.png); }
                    .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li img {
                      margin-bottom: 16px; }
                .content .main_content .m .main_box .main_about_introduce .culture .box ul li {
                  overflow: hidden;
                  width: 100%;
                  background-size: cover;
                  position: relative; }
                  .content .main_content .m .main_box .main_about_introduce .culture .box ul li img {
                    display: block; }
                  .content .main_content .m .main_box .main_about_introduce .culture .box ul li span {
                    display: block;
                    font-size: 16px;
                    color: #333333; }
                  .content .main_content .m .main_box .main_about_introduce .culture .box ul li p {
                    font-size: 18px;
                    color: #e50012;
                    font-family: sr1;
                    font-weight: bold;
                    margin-bottom: 26px;
                    position: relative; }
                    .content .main_content .m .main_box .main_about_introduce .culture .box ul li p::after {
                      content: '';
                      width: 30px;
                      height: 2px;
                      background: #e50012;
                      position: absolute;
                      left: 0;
                      bottom: -12px; }
          .content .main_content .m .main_box .main_about_introduce .info {
            padding: 24px 0 0 0; }
            .content .main_content .m .main_box .main_about_introduce .info > p {
              font-size: 14px;
              color: #333333;
              line-height: 30px;
              margin-top: 12px; }
            .content .main_content .m .main_box .main_about_introduce .info .box {
              margin-top: 20px;
              display: flex;
              justify-content: space-between;
              align-items: flex-start; }
              .content .main_content .m .main_box .main_about_introduce .info .box .video {
                overflow: hidden;
                width: 46.27659574468085%;
                position: relative;
                border-radius: 5px; }
                .content .main_content .m .main_box .main_about_introduce .info .box .video::after {
                  content: '';
                  width: 100%;
                  height: 100%;
                  background: rgba(0, 0, 0, 0.3);
                  position: absolute;
                  left: 0;
                  top: 0; }
                .content .main_content .m .main_box .main_about_introduce .info .box .video .play {
                  cursor: pointer;
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%, -50%);
                  z-index: 9; }
                .content .main_content .m .main_box .main_about_introduce .info .box .video .p {
                  width: 100%;
                  display: block; }
              .content .main_content .m .main_box .main_about_introduce .info .box .yw {
                width: 50.53191489361702%;
                position: relative; }
                .content .main_content .m .main_box .main_about_introduce .info .box .yw div {
                  width: 85px;
                  height: 85px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 50%;
                  background: auto;
                  font-size: 20px;
                  color: #fff;
                  font-family: sr1;
                  font-weight: bold;
                  position: absolute;
                  left: 50%;
                  line-height: 1.2;
                  top: 50%;
                  z-index: 9;
                  background: #E50012;
                  transform: translate(-50%, -50%); }
                .content .main_content .m .main_box .main_about_introduce .info .box .yw ul {
                  width: 100%;
                  display: flex;
                  justify-content: space-between;
                  flex-wrap: wrap; }
                  .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li {
                    overflow: hidden;
                    width: 48%;
                    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.03);
                    border-radius: 6px;
                    height: 130px;
                    margin-bottom: 18px;
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 20px; }
                    .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li span {
                      display: block;
                      font-size: 14px;
                      color: #333333;
                      line-height: 24px;
                      position: relative;
                      z-index: 9;
                      display: -webkit-box;
                      -webkit-box-orient: vertical;
                      -webkit-line-clamp: 3;
                      overflow: hidden; }
                    .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li p {
                      font-size: 60px;
                      color: #f4f4f4;
                      position: absolute;
                      left: 16px;
                      top: 15px;
                      line-height: 1;
                      opacity: 0.6;
                      font-family: sr1;
                      font-weight: bold; }
                    .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li:nth-last-child(1) {
                      margin-bottom: 0; }
                    .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li:nth-last-child(2) {
                      margin-bottom: 0; }
        .content .main_content .m .main_box .main_about_history {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          overflow: hidden;
          padding: 55px 75px;
          margin-top: -80px; }
          .content .main_content .m .main_box .main_about_history .box {
            width: 100%;
            height: 520px;
            position: relative;
            border-radius: 10px;
            background-image: url(../image/about_his_03.jpg);
            background-size: cover; }
            .content .main_content .m .main_box .main_about_history .box .btn {
              width: 25px;
              height: 46px;
              z-index: 99;
              position: absolute;
              top: 50%;
              cursor: pointer;
              transform: translateY(-50%);
              background-size: 100% 100%; }
              .content .main_content .m .main_box .main_about_history .box .btn.prev {
                background-image: url(../image/hisbtn_03.png);
                left: 30px; }
              .content .main_content .m .main_box .main_about_history .box .btn.next {
                background-image: url(../image/hisbtn_05.png);
                right: 30px; }
            .content .main_content .m .main_box .main_about_history .box .mySwiper {
              width: 100%;
              height: 100%;
              overflow: hidden; }
              .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide {
                width: 100%;
                height: 100%;
                overflow: hidden;
                padding-bottom: 50px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center; }
                .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label {
                  width: 100%; }
                  .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label ul{
                      padding: 0 23%;
                      display: inline-block;
                      box-sizing: border-box;
                      width: 100%;
                      display: block;
                  }
                  .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label li p{
                  }
                  .titles{
                      width: 245px;
                      position: absolute;
                      left: 50%;
                      transform: translateX(-50%);
                      z-index: 9999;
                      top: -16px;
                  }
                  .titles img{
                      width: 100%;
                      display: block;
                  }
                  .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label > span {
                    display: block;
                    font-size: 72px;
                    color: #fff;
                    width: 100%;
                    text-align: center;
                    line-height: 1;
                    position: absolute;
                    left: 0;
                    font-weight: bold;
                    top: 88px;
                    }
                  .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label p {
                    font-size: 24px;
                    font-family: sm;
                    line-height: 38px;
                    width: 628px;
                     letter-spacing: 2px;
                    margin: 0 auto;
                    max-width: 90%;
                    position: relative;
                    z-index: 9;
                    color: #fff;
                    text-align: center; }
            .content .main_content .m .main_box .main_about_history .box .slide {
              width: 100%;
              position: absolute;
              left: 0;
              padding: 0 20px;
              bottom: 35px; }
              .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 {
                width: 100%;
                position: relative; }
                .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1::after {
                  content: '';
                  width: 100%;
                  height: 1px;
                  position: absolute;
                  left: 0;
                  top: 8px;
                  background: rgba(255, 255, 255, 0.5); }
                .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide {
                  width: 14.28571428571429%;
                  position: relative;
                  cursor: pointer; }
                  .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab .dot {
                      width: 26px;
                      height: 26px;
                     /*background-image: url(/assets/img/web/abd_03.png);*/
                   }
                   .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab{
                       transform: translateY(-3px);
                   }
                  .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab span {
                    opacity: 1;
                    font-size: 18px;
                    font-family: sr1;
                    bottom: -3px;
                    font-weight: bold; }
                  .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab {
                    width: 100%;
                    height: 50px;
                    position: relative; }
                    .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab .dot {
                      width: 18px;
                      height: 18px;
                      margin: 0 auto;
                      position: relative;
                      background-image: url(../image/dots_03.png);
                      border-radius: 50%;
                      background-size: 100% 100%;
                      /*border: 1px solid rgba(255, 255, 255, 0);*/
                      margin-bottom: 8px;
                      display: flex;
                      align-items: center;
                      justify-content: center; }
                      /*.content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab .dot::after {*/
                      /*  content: '';*/
                      /*  width: 7px;*/
                      /*  height: 7px;*/
                      /*  background: #fff;*/
                      /*  border-radius: 50%; }*/
                    .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab span {
                      display: block;
                      text-align: center;
                      width: 100%;
                      font-size: 16px;
                      line-height: 20px;
                      color: #fff;
                      opacity: 0.7;
                      position: absolute;
                      left: 0;
                      bottom: 0; }
            .content .main_content .m .main_box .main_about_history .box .title {
              display: block;
              text-align: center;
              width: 100%;
              font-size: 22px;
              position: absolute;
              left: 0;
              top: 34px;
              color: #fff; }
        .content .main_content .m .main_box .main_newsbox {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          overflow: hidden;
          min-height: 60vh;
          padding-bottom: 40px;
          margin-top: -80px; }
          .content .main_content .m .main_box .main_newsbox .page_list a {
            background: #F4F4F4; }
            .content .main_content .m .main_box .main_newsbox .page_list a.on {
              background: #E50012; }
          .content .main_content .m .main_box .main_newsbox .page_list div a:hover {
            background: #E50012;
            color: #fff; }
          .content .main_content .m .main_box .main_newsbox ul {
            overflow: hidden;
            margin-bottom: 40px;
            padding: 0 30px; }
            .content .main_content .m .main_box .main_newsbox ul li {
              overflow: hidden;
              border-bottom: 1px dashed #F1F1F1; }
              .content .main_content .m .main_box .main_newsbox ul li:hover a .font p {
                color: #e50012; }
              .content .main_content .m .main_box .main_newsbox ul li:hover a .date p {
                color: #e50012; }
              .content .main_content .m .main_box .main_newsbox ul li:hover a .date span {
                color: #e50012;
                border: 1px solid #e50012; }
              .content .main_content .m .main_box .main_newsbox ul li a {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                padding: 30px 0;
                box-sizing: border-box; }
                .content .main_content .m .main_box .main_newsbox ul li a .pic {
                  overflow: hidden;
                  width: 238px;
                  height: 138px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 6px; }
                  .content .main_content .m .main_box .main_newsbox ul li a .pic img {
                    display: block;
                    max-width: 100%;
                    max-height: 100%;
                     }
                .content .main_content .m .main_box .main_newsbox ul li a .font {
                  overflow: hidden;
                  width: calc(100% - 120px - 238px);
                  padding-right: 8%;
                  padding-top: 8px; }
                  .content .main_content .m .main_box .main_newsbox ul li a .font p {
                    color: #333333;
                    font-size: 18px;
                    transition: all .1s;
                    font-family: sm;
                    margin-bottom: 12px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
                  .content .main_content .m .main_box .main_newsbox ul li a .font span {
                    display: block;
                    font-size: 14px;
                    color: #666666;
                    line-height: 22px;
                    margin-bottom: 15px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden; }
                  .content .main_content .m .main_box .main_newsbox ul li a .font img {
                    display: block; }
                .content .main_content .m .main_box .main_newsbox ul li a .date {
                  overflow: hidden;
                  width: 120px;
                  padding-top: 14px; }
                  .content .main_content .m .main_box .main_newsbox ul li a .date p {
                    font-size: 18px;
                    font-family: sm;
                    line-height: 1;
                    margin-bottom: 8px;
                    transition: all .1s;
                    color: #999999; }
                  .content .main_content .m .main_box .main_newsbox ul li a .date span {
                    display: inline-flex;
                    align-items: center;
                    height: 22px;
                    font-size: 14px;
                    transition: all .1s;
                    color: #aeaeae;
                    padding: 0 5px;
                    border: 1px solid #ECECEC;
                    border-radius: 3px; }
        .content .main_content .m .main_box .main_about_contact {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          overflow: hidden;
          min-height: 60vh;
          padding: 40px 0;
          padding-top: 0;
          margin-top: -80px; }
          .content .main_content .m .main_box .main_about_contact .contact_box {
            width: calc(100% - 40px);
            margin: 0 auto;
            background-image: url(../image/about_contactbg_06.jpg);
            background-size: cover;
            background-position: center center;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            padding: 40px 0 34px 0; }
            .content .main_content .m .main_box .main_about_contact .contact_box p {
              font-size: 18px;
              color: #333333;
              text-align: center;
              margin-bottom: 14px; }
            .content .main_content .m .main_box .main_about_contact .contact_box em {
              display: block;
              text-align: center;
              font-size: 18px;
              color: #333333;
              margin-bottom: 25px; }
            .content .main_content .m .main_box .main_about_contact .contact_box ul {
              overflow: hidden;
              display: flex;
              justify-content: space-around; }
              .content .main_content .m .main_box .main_about_contact .contact_box ul li {
                overflow: hidden;
                max-width: 18%; }
                .content .main_content .m .main_box .main_about_contact .contact_box ul li img {
                  display: block;
                  margin: 0 auto;
                  max-width: 100%;
                  margin-bottom: 10px; }
                .content .main_content .m .main_box .main_about_contact .contact_box ul li span {
                  display: block;
                  text-align: center;
                  font-size: 14px;
                  color: #333; }
            .content .main_content .m .main_box .main_about_contact .contact_box .tel {
              display: flex;
              align-items: center;
              justify-content: center;
              margin-bottom: 40px; }
              .content .main_content .m .main_box .main_about_contact .contact_box .tel span {
                font-size: 24px;
                margin-left: 8px;
                color: #e50012;
                line-height: 1;
                display: inline-block;
                font-family: sr1;
                font-weight: bold; }
          .content .main_content .m .main_box .main_about_contact .map {
            width: 100%;
            background-image: url(../image/about_contactbg_03.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
            height: 495px;
            padding-top: 40px;
            display: flex;
            padding-right: 20px;
            justify-content: flex-end;
            align-items: flex-start; }
            .content .main_content .m .main_box .main_about_contact .map ul {
              display: flex;
              align-items: center;
              width: 540px;
              flex-wrap: wrap;
              justify-content: space-between; }
              .content .main_content .m .main_box .main_about_contact .map ul li {
                overflow: hidden;
                width: 260px;
                height: 160px;
                transition: all .1s;
                border-radius: 12px;
                background-image: url(../image/about_contact_03.png);
                background: #fff;
                box-shadow: 0 0 14px rgba(0,0,0,.1);
                background-size: cover;
                margin-bottom: 20px;
                padding: 28px 10px 0 20px; }
                .content .main_content .m .main_box .main_about_contact .map ul li .t {
                  display: flex;
                  align-items: center;
                  justify-content: space-between; }
                  .content .main_content .m .main_box .main_about_contact .map ul li .t p {
                    font-size: 18px;
                    color: #333333;
                    line-height: 1;
                    font-family: sr1;
                    font-weight: bold; }
                  .content .main_content .m .main_box .main_about_contact .map ul li .t span {
                    font-size: 16px;
                    color: #d6d6d6; }
                .content .main_content .m .main_box .main_about_contact .map ul li .icon {
                  display: flex;
                  align-items: flex-start;
                  margin-top: 26px; }
                  .content .main_content .m .main_box .main_about_contact .map ul li .icon img {
                    display: block;
                    transform: translateY(3px); }
                    .content .main_content .m .main_box .main_about_contact .map ul li .icon .c1{
                        display: none;
                    }
                    .content .main_content .m .main_box .main_about_contact .map ul li:hover .icon .c{
                        display: none;
                    }
                    .content .main_content .m .main_box .main_about_contact .map ul li:hover .icon .c1{
                        display: block;
                    }
                     .content .main_content .m .main_box .main_about_contact .map ul li:hover {
                         background: #e50012;
                     }
                     .content .main_content .m .main_box .main_about_contact .map ul li:hover .t p{
                         color: #fff;
                     }
                     .content .main_content .m .main_box .main_about_contact .map ul li:hover .t span{
                         color: #fff;
                     }
                     .content .main_content .m .main_box .main_about_contact .map ul li:hover .icon span{
                         color: #fff;
                     }
                    
                  .content .main_content .m .main_box .main_about_contact .map ul li .icon span {
                    display: block;
                    font-size: 14px;
                    color: #333333;
                    padding-left: 10px;
                    box-sizing: border-box;
                    flex: 1;
                    line-height: 24px; }
        .content .main_content .m .main_box .main_about_partners {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          overflow: hidden;
          min-height: 60vh;
          padding: 48px 0 0 0;
          margin-top: -80px;
          text-align: center; }
          .content .main_content .m .main_box .main_about_partners .box {
            overflow: hidden;
            width: 100%; }
            .content .main_content .m .main_box .main_about_partners .box img {
              display: block;
              width: 100%; }
          .content .main_content .m .main_box .main_about_partners .title {
            text-align: center;
            display: inline-block;
            position: relative; }
            .content .main_content .m .main_box .main_about_partners .title img{
                display: block;
                margin: 0 auto;
                max-width: 100%;
            }
            .content .main_content .m .main_box .main_about_partners .title span {
              display: inline-block;
              line-height: 1;
              font-size: 20px;
              color: #333333;
              position: relative;
              z-index: 9;
              font-family: sr1;
              font-weight: bold; }
            /*.content .main_content .m .main_box .main_about_partners .title::after {*/
            /*  content: '';*/
            /*  width: 100%;*/
            /*  height: 4px;*/
            /*  background: #E50012;*/
            /*  position: absolute;*/
            /*  left: 0;*/
            /*  bottom: 0; }*/
        .content .main_content .m .main_box .main_user_order {
          width: calc(100% - 282px - 30px);
          background: #fff;
          border-radius: 10px;
          padding: 0 20px 46px 20px; }
          .content .main_content .m .main_box .main_user_order .page_list a {
            background: #F4F4F4; }
            .content .main_content .m .main_box .main_user_order .page_list a.on {
              background: #E50012; }
          .content .main_content .m .main_box .main_user_order .page_list div a:hover {
            background: #E50012;
            color: #fff; }
          .content .main_content .m .main_box .main_user_order .orderlist {
            width: 100%;
            overflow: hidden;
            margin-bottom: 30px; }
            .content .main_content .m .main_box .main_user_order .orderlist .items {
              display: none; }
            .content .main_content .m .main_box .main_user_order .orderlist .nullshop {
              width: 100%;
              padding: 100px 0; }
              .content .main_content .m .main_box .main_user_order .orderlist .nullshop img {
                width: 110px;
                display: block;
                margin: 0 auto;
                margin-bottom: 20px; }
              .content .main_content .m .main_box .main_user_order .orderlist .nullshop span {
                display: block;
                text-align: center;
                font-size: 14px;
                color: #666; }
.product_table {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.product_table tr:nth-child(even) td {
  background: #fff;
}

.product_table tr th {
  height: 56px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  padding-left: 25px;
  background: #E50012;
}

.product_table tr th:first-child {
  border-radius: 0 0 0 10px;
}
.ords{
    width: 100%;
}
.product_table tr th:last-child {
  border-radius: 0 0 10px 0;
}

.product_table tr td {
  height: 80px;
  font-size: 16px;
  color: #333333;
  text-align: left;
  padding-left: 25px;
  background: #f7f7f7;
}

.product_table tr td.price {
  color: #e50012;
  font-weight: bold;
}
            .content .main_content .m .main_box .main_user_order .orderlist .label {
              width: 100%;
              margin-top: 20px;
              border: 1px solid #F1F1F1;
              border-radius: 10px; }
              .content .main_content .m .main_box .main_user_order .orderlist .label ul {
                position: relative;
                overflow: hidden; }
                .content .main_content .m .main_box .main_user_order .orderlist .label ul li {
                  overflow: hidden;
                  display: flex; }
                  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn {
                    overflow: hidden;
                    width: calc(100% - 16.70190274841438% - 16.70190274841438% - 45%);
                    display: flex;
                    align-items: center;
                    justify-content: center; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn .btns {
                      overflow: hidden;
                      text-align: center; }
                      .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn .btns div {
                        overflow: hidden;
                        height: 32px;
                        width: 100px;
                        border-radius: 4px;
                        display: flex;
                        line-height: 1;
                        align-items: center;
                        justify-content: center;
                        cursor: pointer;
                        font-size: 14px;
                        color: #666666;
                        transition: all .1s;
                        margin: 0 auto; }
                        .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn .btns div.on {
                          background: #e50012;
                          color: #fff;
                          padding: 0 15px;
                          display: inline-flex;
                          width: auto; }
                        .content .main_content .m .main_box .main_user_order .orderlist .label ul li .btn .btns div:hover {
                          opacity: 0.8; }
                  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord {
                    width: 16.70190274841438%;
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-right: 1px solid #F1F1F1; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord p {
                      font-size: 16px;
                      color: #e50012;
                      text-align: center; }
                      .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord p a {
                        font-size: 16px;
                        color: #e50012; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord span {
                      display: block;
                      text-align: center;
                      font-size: 14px;
                      color: #999999;
                      margin-top: 6px; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord .b {
                      display: flex;
                      align-items: center;
                      /*flex-wrap: wrap;*/
                      justify-content: center;
                      margin-top: 4px; }
                      .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord .b em {
                        font-size: 14px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
max-width: calc(100% - 45px);
                       
                        color: #999999; }
                      .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord .b div {
                        height: 20px;
                        cursor: pointer;
                        display: flex;
                        align-items: center;
                        line-height: 1;
                        padding: 0 5px;
                        border: 1px solid #e50012;
                        color: #e50012;
                        margin-left: 5px;
                        font-size: 10px;
                        border-radius: 3px;
                        background: #fff; }
                  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices {
                    width: 16.70190274841438%;
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    border-right: 1px solid #F1F1F1;
                    justify-content: center; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices p {
                      font-size: 18px;
                      color: #333333;
                      text-align: center;
                      font-family: sr1;
                      font-weight: bold; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices span {
                      display: block;
                      text-align: center;
                      font-size: 14px;
                      color: #999999;
                      margin-top: 6px; }
                  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info {
                    overflow: hidden;
                    width: 45%;
                    padding: 22px 0;
                    padding-left: 20px;
                    border-right: 1px solid #F1F1F1;
                    display: flex;
                    justify-content: space-between;
                    padding-right: 3%;
                    align-items: center; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .price {
                      overflow: hidden;
                      display: flex;
                      align-items: center; }
                      .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .price p {
                        font-size: 18px;
                        color: #333333;
                        font-family: sr1;
                        font-weight: bold; }
                      .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .price span {
                        font-size: 14px;
                        color: #999999;
                        margin-left: 10px; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop {
                      display: flex;
                      align-items: center; }
                      .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .pic {
                        width: 86px;
                        height: 64px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        overflow: hidden;
                        border-radius: 6px; }
                        .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .pic img {
                          display: block;
                          max-width: 100%;
                          max-height: 100%;
                           }
                      .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow {
                        overflow: hidden;
                        margin-left: 16px; }
                        .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow p {
                          font-size: 16px;
                          color: #333333; }
                        .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow span {
                          display: block;
                          font-size: 14px;
                          color: #999999;
                          margin-top: 6px; }
              .content .main_content .m .main_box .main_user_order .orderlist .label .head {
                overflow: hidden;
                display: flex;
                align-items: center;
                height: 50px;
                background: #F1F1F1;
                justify-content: space-between;
                padding: 0 20px; }
                .content .main_content .m .main_box .main_user_order .orderlist .label .head .fr {
                  display: flex;
                  align-items: center; }
                  .content .main_content .m .main_box .main_user_order .orderlist .label .head .fr .status {
                    display: inline-flex;
                    align-items: center;
                    height: 24px;
                    font-size: 14px;
                    color: #e50012;line-height: 1;
                    padding: 0 9px;
                    border: 1px solid #e50012;
                    border-radius: 4px;
                    background: #fff; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label .head .fr .status.qx {
                      border: 1px solid #999999;
                      color: #999999; }
                  .content .main_content .m .main_box .main_user_order .orderlist .label .head .fr span {
                    font-size: 14px;
                    color: #333333;
                    margin-right: 16px; }
                .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl {
                  display: flex;
                  align-items: center; }
                  .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl p {
                    font-size: 16px;
                    color: #333333; }
                  .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl .time {
                    display: flex;
                    align-items: center;
                    margin-left: 25px; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl .time img {
                      display: block; }
                    .content .main_content .m .main_box .main_user_order .orderlist .label .head .fl .time span {
                      font-size: 14px;
                      color: #999999;
                      margin-left: 6px; }
          .content .main_content .m .main_box .main_user_order .tabbar {
            width: 100%;
            height: 76px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom: 1px solid #F3F3F3; }
            .content .main_content .m .main_box .main_user_order .tabbar div {
              overflow: hidden;
              height: 100%;
              display: flex;
              align-items: center;
              font-size: 16px;
              flex: 1;
              justify-content: center;
              color: #333333;
              cursor: pointer;
              position: relative; }
.content .main_content .m .main_box .main_user_order .tabbar div a{
  color: #333;
}
.content .main_content .m .main_box .main_user_order .tabbar div.on a {
  color: #e50012;
}
              .content .main_content .m .main_box .main_user_order .tabbar div.on {
                color: #e50012;
                font-family: sr1;
                font-weight: bold; }
        .content .main_content .m .main_box .main_product_list {
          width: calc(100% - 282px - 30px); }
          .content .main_content .m .main_box .main_product_list.on {
            width: 100%; }
            .content .main_content .m .main_box .main_product_list.on .list {
              width: 100%;
              justify-content: flex-start; }
              .content .main_content .m .main_box .main_product_list.on .list li {
                width: 32%;
                margin-right: 2%; }
                .content .main_content .m .main_box .main_product_list.on .list li:nth-child(3n) {
                  margin-right: 0; }
          .content .main_content .m .main_box .main_product_list .list {
            width: 100%;
            padding-top: 30px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding-bottom: 10px; }
            .content .main_content .m .main_box .main_product_list .list li {
              width: 48.98989898989899%;
              background: #fff;
              margin-bottom: 20px;
              border-radius: 10px;
              padding: 0 20px; }
              .content .main_content .m .main_box .main_product_list .list li .bottom {
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 85px; }
                .content .main_content .m .main_box .main_product_list .list li .bottom .btn {
                  overflow: hidden;
                  width: 224px;
                  height: 36px;
                  border: 1px solid #E50012;
                  cursor: pointer;
                  display: flex;
                  border-radius: 8px; }
                  .content .main_content .m .main_box .main_product_list .list li .bottom .btn div {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 16px;
                    transition: all .1s;
                    color: #E50012; }
                    .content .main_content .m .main_box .main_product_list .list li .bottom .btn div.on {
                      background: #E50012; }
                      .content .main_content .m .main_box .main_product_list .list li .bottom .btn div.on:hover {
                        opacity: 0.6; }
                    .content .main_content .m .main_box .main_product_list .list li .bottom .btn div a {
                      width: 100%;
                      height: 100%;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      font-size: 16px;
                      color: #fff; }
                .content .main_content .m .main_box .main_product_list .list li .bottom .join {
                  display: flex;
                  align-items: center;
                  height: 100%;
                  cursor: pointer; }
                  .content .main_content .m .main_box .main_product_list .list li .bottom .join.on div {
                    background-image: url(../image/check1_03.png); }
                  .content .main_content .m .main_box .main_product_list .list li .bottom .join div {
                    background-image: url(../image/check.jpg);
                    width: 16px;
                    height: 16px;
                    background-size: 100% 100%;
                    margin-right: 6px; }
                  .content .main_content .m .main_box .main_product_list .list li .bottom .join span {
                    font-size: 16px;
                    font-family: sm;
                    color: #333333; }
              .content .main_content .m .main_box .main_product_list .list li .label {
                overflow: hidden;
                border-bottom: 1px solid #F1F1F1; }
                .content .main_content .m .main_box .main_product_list .list li .label a {
                  display: flex;
                  justify-content: space-between;
                  box-sizing: border-box;
                  padding: 20px 0; }
                  .content .main_content .m .main_box .main_product_list .list li .label a .grow {
                    flex: 1;
                    padding-left: 20px; }
                    .content .main_content .m .main_box .main_product_list .list li .label a .grow > p {
                      font-size: 18px;
                      color: #333333;
                      /*text-transform: uppercase;*/
                      font-family: sr1;
                      font-weight: bold; }
                    .content .main_content .m .main_box .main_product_list .list li .label a .grow span {
                      display: flex;
                      /*align-items: center;*/
                      font-size: 14px;
                      color: #999999;
                      margin-top: 6px; }
                      .content .main_content .m .main_box .main_product_list .list li .label a .grow span em {
                        color: #333333; }
                    .content .main_content .m .main_box .main_product_list .list li .label a .grow .price {
                      align-items: flex-end;
                      margin-top: 16px;
                      display: flex; }
                      .content .main_content .m .main_box .main_product_list .list li .label a .grow .price img {
                        margin-right: 6px; }
                      .content .main_content .m .main_box .main_product_list .list li .label a .grow .price p {
                        font-size: 20px;
                        font-family: sr1;
                        font-weight: bold;
                        line-height: 1;
                        color: #e50012; }
                      .content .main_content .m .main_box .main_product_list .list li .label a .grow .price del {
                        font-size: 14px;
                        font-family: sm;
                        line-height: 1;
                        margin-left: 8px;
                        color: #999999; }
                  .content .main_content .m .main_box .main_product_list .list li .label a .pic {
                    overflow: hidden;
                    width: 200px;
                    height: 148px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 6px;
                    position: relative; }
                    .content .main_content .m .main_box .main_product_list .list li .label a .pic img {
                      display: block;
                      max-width: 100%;
                      max-height: 100%;
                     }
                    .content .main_content .m .main_box .main_product_list .list li .label a .pic .name {
                      width: 100%;
                      height: 28px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      background: rgba(0, 0, 0, 0.4);
                      position: absolute;
                      left: 0;
                      bottom: 0;
                      padding: 0 10px; }
                      .content .main_content .m .main_box .main_product_list .list li .label a .pic .name span {
                        font-size: 14px;
                        color: #fff;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap; }
                    .content .main_content .m .main_box .main_product_list .list li .label a .pic .new {
                      display: flex;
                      align-items: center;
                      padding: 0 3px;
                      min-width: 38px;
                      height: 18px;
                      font-size: 12px;
                      text-transform: uppercase;
                      background: #F0952C;
                      border-radius: 3px 0 3px 0;
                      position: absolute;
                      left: 0;
                      top: 0;
                      justify-content: center;
                      color: #fff; }
        .content .main_content .m .main_box .main_left {
          overflow: hidden;
          width: 282px; }
          .content .main_content .m .main_box .main_left .main_screen {
            width: 100%;
            background: #fff;
            border-radius: 10px;
            margin-top: 20px;
            padding: 0 20px 25px 20px; }
            .content .main_content .m .main_box .main_left .main_screen ul {
              width: 100%;
              margin-top: 4px; }
              .content .main_content .m .main_box .main_left .main_screen ul li {
                overflow: hidden;
                width: 100%;
                margin-top: 16px; }
                .content .main_content .m .main_box .main_left .main_screen ul li.on .slide {
                  display: block; }
                .content .main_content .m .main_box .main_left .main_screen ul li .slide {
                  overflow: hidden;
                  padding-bottom: 3px;
                  display: none; }
                  .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab {
                    overflow: hidden;
                    margin-top: 17px;
                    display: flex;
                    align-items: center;
                    cursor: pointer; }
                    .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab.on div {
                      background-image: url(../image/rid1.jpg); }
                    .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab.on span {
                      color: #e50012; }
                    .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab div {
                      width: 12px;
                      height: 12px;
                      background-image: url(../image/rid.jpg);
                      background-size: 100% 100%;
                      margin-right: 5px; }
                    .content .main_content .m .main_box .main_left .main_screen ul li .slide .lab span {
                      display: block;
                      font-size: 14px;
                      color: #333333;
                      flex: 1; }
                .content .main_content .m .main_box .main_left .main_screen ul li .line {
                  width: 100%;
                  height: 36px;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  border-radius: 6px;
                  background: #ececec;
                  cursor: pointer;
                  padding: 0 12px; }
                  .content .main_content .m .main_box .main_left .main_screen ul li .line.on img {
                    transform: rotate(180deg); }
                  .content .main_content .m .main_box .main_left .main_screen ul li .line span {
                    font-size: 14px;
                    color: #666666; }
                  .content .main_content .m .main_box .main_left .main_screen ul li .line img {
                    transition: all .2s; }
            .content .main_content .m .main_box .main_left .main_screen .head {
              display: flex;
              align-items: center;
              justify-content: space-between;
              height: 65px;
              border-bottom: 1px solid #F1F1F1; }
              .content .main_content .m .main_box .main_left .main_screen .head p {
                font-size: 16px;
                font-family: sm;
                color: #e50012; }
              .content .main_content .m .main_box .main_left .main_screen .head div {
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 70px;
                height: 24px;
                font-size: 12px;
                transition: all .06s;
                color: #e50012;
                border: 1px solid #e50012;
                cursor: pointer;
                border-radius: 6px; }
                .content .main_content .m .main_box .main_left .main_screen .head div:hover {
                  background: #e50012;
                  color: #fff; }
          .content .main_content .m .main_box .main_left .navbar_link {
            width: 100%;
            background: #fff;
            border-radius: 0 0 10px 10px;
            padding: 4px 20px 30px 20px; }
            .content .main_content .m .main_box .main_left .navbar_link.on {
              background: #F9F9F9; }
            .content .main_content .m .main_box .main_left .navbar_link ul {
              width: 100%; }
              .content .main_content .m .main_box .main_left .navbar_link ul .nav_child {
                overflow: hidden;
                width: 100%;
                display: none;
                padding: 10px 13px; }
                .content .main_content .m .main_box .main_left .navbar_link ul .nav_child a {
                  display: block;
                  font-size: 14px;
                  color: #333333;
                  position: relative;
                  padding: 7px 0;
                  box-sizing: border-box;
                  padding-left: 11px; }
                  .content .main_content .m .main_box .main_left .navbar_link ul .nav_child a:hover {
                    color: #e50012; }
                  .content .main_content .m .main_box .main_left .navbar_link ul .nav_child a.on {
                    color: #e50012; }
                  .content .main_content .m .main_box .main_left .navbar_link ul .nav_child a::after {
                    content: '';
                    width: 5px;
                    height: 5px;
                    background: #e50012;
                    position: absolute;
                    left: 0;
                    top: 14px; }
              .content .main_content .m .main_box .main_left .navbar_link ul li {
                overflow: hidden;
                width: 100%;
                transition: all .1s;
                height: 48px;
                border-radius: 6px;
                cursor: pointer;
                position: relative;
                background: #ECECEC;
                margin-top: 14px; }
                .content .main_content .m .main_box .main_left .navbar_link ul li.slds.ons::after {
                  transform: rotate(180deg); }
                .content .main_content .m .main_box .main_left .navbar_link ul li.slds::after {
                  content: '';
                  width: 8px;
                  height: 5px;
                  position: absolute;
                  transition: all .1s;
                  right: 12px;
                  background-image: url(../image/dds_03.png);
                  top: 50%;
                  margin-top: -3px; }
                .content .main_content .m .main_box .main_left .navbar_link ul li.on {
                  background: #E50012; }
                  .content .main_content .m .main_box .main_left .navbar_link ul li.on.slds::after {
                    background-image: url(../image/down_03.png); }
                  .content .main_content .m .main_box .main_left .navbar_link ul li.on a span {
                    color: #fff; }
                  .content .main_content .m .main_box .main_left .navbar_link ul li.on a img.i {
                    display: none; }
                  .content .main_content .m .main_box .main_left .navbar_link ul li.on a img.i1 {
                    display: block; }
                .content .main_content .m .main_box .main_left .navbar_link ul li:hover {
                  background: #E50012; }
                  .content .main_content .m .main_box .main_left .navbar_link ul li:hover.slds::after {
                    background-image: url(../image/down_03.png); }
                  .content .main_content .m .main_box .main_left .navbar_link ul li:hover a span {
                    color: #fff; }
                  .content .main_content .m .main_box .main_left .navbar_link ul li:hover a img.i {
                    display: none; }
                  .content .main_content .m .main_box .main_left .navbar_link ul li:hover a img.i1 {
                    display: block; }
                .content .main_content .m .main_box .main_left .navbar_link ul li a {
                  width: 100%;
                  height: 100%;
                  box-sizing: border-box;
                  display: flex;
                  align-items: center;
                  padding: 0 12px; }
                  .content .main_content .m .main_box .main_left .navbar_link ul li a img {
                    margin-right: 9px;
                    display: none; }
                    .content .main_content .m .main_box .main_left .navbar_link ul li a img.i {
                      display: block; }
                  .content .main_content .m .main_box .main_left .navbar_link ul li a span {
                    font-size: 16px;
                    color: #666666; }
  .content .page_list {
    display: flex;
    align-items: center;
    justify-content: center; }
    .content .page_list a {
      height: 40px;
      min-width: 40px;
      padding: 0 8px;
      border-radius: 8px;
      margin: 0 9px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      transition: all .1s;
      color: #666666;
      box-sizing: border-box; }
    .content .page_list div {
      display: flex;
      align-items: center;
      justify-content: center; }
      .content .page_list div a.on {
        background: #E50012;
        color: #fff; }
      .content .page_list div a:hover {
        background: #E50012;
        color: #fff; }
  .content .tong_header {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .content .tong_header .menus {
      overflow: hidden;
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #fff; }
      .content .tong_header .menus a {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #fff;
        padding: 0 2px; }
        .content .tong_header .menus a img {
          margin-right: 5px; }
    .content .tong_header .name {
      overflow: hidden;
      width: 282px;
      height: 100%;
      position: relative;
      border-radius: 10px 10px 0 0;
      background: #E50012;
      padding-top: 17px; }
      .content .tong_header .name.on::after {
        display: none; }
      .content .tong_header .name::after {
        content: '';
        width: 8px;
        height: 5px;
        background-image: url(../image/down_03.png);
        background-size: 100% 100%;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%); }
      .content .tong_header .name p {
        font-size: 24px;
        font-family: sr1;
        font-weight: bold;
        color: #fff;
        text-align: center; }
      .content .tong_header .name span {
        display: block;
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        opacity: 0.5;
        color: #fff; }

.fadein_login {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
  display: none; }
  .fadein_login .box {
    overflow: hidden;
    width: 470px;
    position: relative;
    min-height: 478px;
    border-radius: 6px;
    background: #fff;
    padding: 60px 0 30px 0; }
    .fadein_login .box .logo {
      display: block;
      margin: 0 auto;
      margin-bottom: 35px; }
    .fadein_login .box .close {
      width: 16px;
      cursor: pointer;
      position: absolute;
      right: 22px;
      top: 22px; }
    .fadein_login .box label {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .fadein_login .box label p {
        margin-left: 7px;
        font-size: 16px;
        color: #333333; }
        .fadein_login .box label p a {
          color: #e50012; }
    .fadein_login .box form {
      width: 100%;
      padding: 0;
      display: none;
      margin-bottom: 38px; }
      .fadein_login .box form div {
        width: 305px;
        position: relative;
        margin: 0 auto;
        padding-bottom: 30px; }
        .fadein_login .box form div i {
          font-size: 12px;
          color: #E50012;
          position: absolute;
          left: 0;
          bottom: 6px;
          display: none; }
      .fadein_login .box form input[type='text'] {
        width: 305px;
        height: 42px;
        display: block;
        font-size: 14px;
        color: #333;
        border: none;
        outline: none;
        border-radius: 6px;
        margin: 0 auto;
        background: #F1F1F1;
        padding-left: 14px; }
        .fadein_login .box form input[type='text']::placeholder {
          color: #999999; }
      .fadein_login .box form input[type='button'] {
        width: 305px;
        height: 42px;
        font-size: 16px;
        display: block;
        color: #fff;
        border: none;
        outline: none;
        cursor: pointer;
        border-radius: 6px;
        margin: 0 auto;
        margin-bottom: 20px;
        background: #E50012; }
        .fadein_login .box form input[type='submit']::placeholder {
          color: #999999; }
    .fadein_login .box .button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 30px;
      margin-top: 33px; }
      .fadein_login .box .button p {
        cursor: pointer;
        font-size: 14px;
        color: #999999;
        display: flex;
        align-items: center; }
        .fadein_login .box .button p.l1 {
          display: none; }
        .fadein_login .box .button p img {
          margin-right: 6px; }
        .fadein_login .box .button p a {
          color: #e50012; }
    .fadein_login .box .type {
      overflow: hidden;
      display: flex;
      margin-bottom: 50px;
      justify-content: center; }
      .fadein_login .box .type div {
        cursor: pointer;
        overflow: hidden;
        padding: 0 20px; }
        .fadein_login .box .type div:last-child span {
          color: #07c160; }
        .fadein_login .box .type div img {
          display: block;
          margin: 0 auto;
          margin-bottom: 10px; }
        .fadein_login .box .type div span {
          display: block;
          text-align: center;
          font-size: 16px;
          color: #4d9aff; }

.contrast_fadein {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999; }
  .contrast_fadein .box {
    overflow: hidden;
    width: 800px;
    border-radius: 8px;
    background: #fff;
    padding: 0 30px; }
    .contrast_fadein .box .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 69px;
      position: relative;
      border-bottom: 1px solid #F1F1F1; }
      .contrast_fadein .box .title img {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .contrast_fadein .box .title p {
        font-size: 20px;
        color: #333333;
        font-family: sr1;
        font-weight: bold; }
    .contrast_fadein .box table {
      width: 100%;
      margin-top: 20px; }
      .contrast_fadein .box table tr {
        width: 100%;
        overflow: hidden; }
        .contrast_fadein .box table tr.on td {
          border-bottom: 1px solid #fff;
          background: #E50012 !important;
          color: #fff; }
          .contrast_fadein .box table tr.on td:first-child {
            color: #fff; }
        .contrast_fadein .box table tr:nth-child(odd) td {
          background: #f4f4f4; }
        .contrast_fadein .box table tr td {
          height: 53px;
          font-size: 16px;
          border-bottom: 1px solid rgba(0, 0, 0, 0);
          padding-left: 18px;
          color: #333333; }
          .contrast_fadein .box table tr td:first-child {
            border-radius: 8px 0 0 8px; }
          .contrast_fadein .box table tr td:last-child {
            border-radius: 0 8px 8px 0; }
          .contrast_fadein .box table tr td:first-child {
            color: #999999; }
    .contrast_fadein .box .ls {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin-top: 24px; }
      .contrast_fadein .box .ls p {
        font-size: 14px;
        color: #333333;
        cursor: pointer;
        position: relative;
        margin-left: 26px; }
        .contrast_fadein .box .ls p::after {
          content: '';
          width: 1px;
          height: 14px;
          background: #F1F1F1;
          position: absolute;
          left: -13px;
          top: 50%;
          transform: translateY(-50%); }
        .contrast_fadein .box .ls p:first-child::after {
          display: none; }
        .contrast_fadein .box .ls p.on {
          color: #e50012;
          font-family: sr1;
          font-weight: bold; }
    .contrast_fadein .box ul {
      overflow: hidden;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .contrast_fadein .box ul li {
        overflow: hidden;
        width: 200px;
        margin-top: 33px; }
        .contrast_fadein .box ul li div {
          overflow: hidden;
          width: 100%;
          border-radius: 4px;
          height: 148px;
          margin-bottom: 10px; }
          .contrast_fadein .box ul li div img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .contrast_fadein .box ul li span {
          display: block;
          text-align: center;
          font-size: 16px;
          color: #333333; }
    .contrast_fadein .box .button {
      display: flex;
      align-items: center;
      padding: 20px 0 50px 0;
      justify-content: center; }
      .contrast_fadein .box .button div {
        height: 36px;
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        background: #fff;
        border: 1px solid #e50012;
        transition: all .1s;
        color: #e50012;
        margin: 0 15px;
        border-radius: 3px; }
        .contrast_fadein .box .button div:hover {
          opacity: 0.8; }
        .contrast_fadein .box .button div.on {
          background: #e50012;
          color: #fff; }

.fadein_tkjd {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  display: none; }
  .fadein_tkjd .box {
    overflow: hidden;
    width: 500px;
    border-radius: 8px;
    background: #fff;
    padding: 0 30px; }
    .fadein_tkjd .box .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 69px;
      position: relative;
      border-bottom: 1px solid #F1F1F1; }
      .fadein_tkjd .box .title img {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .fadein_tkjd .box .title p {
        font-size: 20px;
        color: #333333;
        font-family: sr1;
        font-weight: bold; }
    .fadein_tkjd .box .desc {
      display: block;
      text-align: center;
      font-size: 18px;
      font-family: sm;
      color: #333333;
      margin-top: 14px; }
    .fadein_tkjd .box .change {
      display: flex;
      align-items: center;
      margin-top: 26px; }
      .fadein_tkjd .box .change p {
        font-size: 16px;
        color: #666666; }
      .fadein_tkjd .box .change input {
        width: 336px;
        height: 42px;
        border-radius: 6px;
        border: none;
        background: #F1F1F1;
        outline: none;
        font-size: 14px;
        color: #333;
        padding-left: 15px;
        margin-left: 10px; }
        .fadein_tkjd .box .change input::placeholder {
          color: #999999; }
    .fadein_tkjd .box i {
      display: block;
      text-align: center;
      font-size: 14px;
      color: #e50012;
      margin-top: 17px; }
    .fadein_tkjd .box .tit {
      display: block;
      font-size: 16px;
      color: #666666;
      text-align: center;
      margin-top: 40px; }
      .fadein_tkjd .box .tit span {
        font-family: sm;
        font-size: 20px;
        color: #e50012; }
    .fadein_tkjd .box .button {
      display: flex;
      align-items: center;
      padding: 46px 0;
      justify-content: center; }
      .fadein_tkjd .box .button div {
        height: 36px;
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        background: #fff;
        border: 1px solid #e50012;
        transition: all .1s;
        color: #e50012;
        margin: 0 15px;
        border-radius: 3px; }
        .fadein_tkjd .box .button div:hover {
          opacity: 0.8; }
        .fadein_tkjd .box .button div.on {
          background: #e50012;
          color: #fff; }

.fadein_add {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  display: none; }
  .fadein_add .box {
    overflow: hidden;
    width: 700px;
    border-radius: 8px;
    background: #fff;
    padding: 0 30px; }
    .fadein_add .box .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 69px;
      position: relative;
      border-bottom: 1px solid #F1F1F1; }
      .fadein_add .box .title img {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .fadein_add .box .title p {
        font-size: 20px;
        color: #333333;
        font-family: sr1;
        font-weight: bold; }
    .fadein_add .box .child {
      overflow: hidden;
      padding: 20px 0 0 0; }
      .fadein_add .box .child .reg {
        display: flex;
        align-items: center;
        margin-top: 30px;
        cursor: pointer; }
        .fadein_add .box .child .reg span {
          font-size: 16px;
          font-family: sm;
          color: #333333;
          margin-left: 7px; }
      .fadein_add .box .child select {
        width: 100%;
        height: 42px;
        background-color: #f1f1f1;
        border-radius: 6px;
        outline: none;
        border: none;
        font-size: 14px;
        color: #333;
        position: relative;
        box-sizing: border-box;
        background-image: url(../image/downs_03.png);
        background-repeat: no-repeat;
        background-position: right 16px center;
        appearance: none;
        padding-left: 14px; }
      .fadein_add .box .child .changes {
        display: flex;
        justify-content: space-between;
        margin-bottom: 25px;
        align-items: center; }
        .fadein_add .box .child .changes .label {
          overflow: hidden;
          width: 306px; }
          .fadein_add .box .child .changes .label p {
            font-size: 16px;
            margin-bottom: 8px;
            color: #333333; }
          .fadein_add .box .child .changes .label textarea {
            width: 100%;
            height: 130px;
            background: #f1f1f1;
            border-radius: 6px;
            resize: none;
            outline: none;
            border: none;
            font-size: 14px;
            color: #333;
            padding: 12px 14px;
            box-sizing: border-box;
            font-family: sr; }
            .fadein_add .box .child .changes .label textarea::placeholder{
                color: #999;
            }
          .fadein_add .box .child .changes .label input {
            width: 100%;
            height: 42px;
            background: #f1f1f1;
            border-radius: 6px;
            outline: none;
            border: none;
            font-size: 14px;
            color: #333;
            box-sizing: border-box;
            padding-left: 14px; }
            .fadein_add .box .child .changes .label input::placeholder{
                color: #999;
            }
      .fadein_add .box .child .item {
        overflow: hidden;
        width: 100%;
        margin-bottom: 26px; }
        .fadein_add .box .child .item p {
          font-size: 16px;
          margin-bottom: 8px;
          color: #333333; }
        .fadein_add .box .child .item > input {
          width: 100%;
          height: 42px;
          background: #f1f1f1;
          border-radius: 6px;
          outline: none;
          border: none;
          font-size: 14px;
          color: #999999;
          box-sizing: border-box;
          padding-left: 14px;
          margin-top: 20px; }
        .fadein_add .box .child .item textarea {
          width: 100%;
          height: 80px;
          background: #f1f1f1;
          border-radius: 6px;
          resize: none;
          outline: none;
          border: none;
          font-size: 14px;
          color: #333;
          padding: 12px 14px;
          box-sizing: border-box;
          margin-top: 20px;
          font-family: sr; }
          .fadein_add .box .child .item textarea::placeholder{
              color: #999;
          }
        .fadein_add .box .child .item .city {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .fadein_add .box .child .item .city .lab {
            overflow: hidden;
            width: 200px;
            height: 42px;
            position: relative;
            background: #F1F1F1;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 6px; }
            .fadein_add .box .child .item .city .lab span {
              font-size: 14px;
              color: #999999; }
            .fadein_add .box .child .item .city .lab img {
              display: block;
              transition: all .2s; }
    .fadein_add .box .button {
      display: flex;
      align-items: center;
      padding: 34px 0;
      justify-content: center; }
      .fadein_add .box .button div {
        height: 36px;
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        background: #fff;
        border: 1px solid #e50012;
        transition: all .1s;
        color: #e50012;
        margin: 0 15px;
        border-radius: 3px; }
        .fadein_add .box .button div:hover {
          opacity: 0.8; }
        .fadein_add .box .button div.on {
          background: #e50012;
          color: #fff; }


.fadein_edit {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  display: none; }
.fadein_edit .box {
  overflow: hidden;
  width: 700px;
  border-radius: 8px;
  background: #fff;
  padding: 0 30px; }
.fadein_edit .box .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 69px;
  position: relative;
  border-bottom: 1px solid #F1F1F1; }
.fadein_edit .box .title img {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }
.fadein_edit .box .title p {
  font-size: 20px;
  color: #333333;
  font-family: sr1;
  font-weight: bold; }
.fadein_edit .box .child {
  overflow: hidden;
  padding: 20px 0 0 0; }
.fadein_edit .box .child .reg {
  display: flex;
  align-items: center;
  margin-top: 30px;
  cursor: pointer; }
.fadein_edit .box .child .reg span {
  font-size: 16px;
  font-family: sm;
  color: #333333;
  margin-left: 7px; }
.fadein_edit .box .child select {
  width: 100%;
  height: 42px;
  background-color: #f1f1f1;
  border-radius: 6px;
  outline: none;
  border: none;
  font-size: 14px;
  color: #999999;
  position: relative;
  box-sizing: border-box;
  background-image: url(../image/downs_03.png);
  background-repeat: no-repeat;
  background-position: right 16px center;
  appearance: none;
  padding-left: 14px; }
.fadein_edit .box .child .changes {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  align-items: center; }
.fadein_edit .box .child .changes .label {
  overflow: hidden;
  width: 306px; }
.fadein_edit .box .child .changes .label p {
  font-size: 16px;
  margin-bottom: 8px;
  color: #333333; }
.fadein_edit .box .child .changes .label textarea {
  width: 100%;
  height: 130px;
  background: #f1f1f1;
  border-radius: 6px;
  resize: none;
  outline: none;
  border: none;
  font-size: 14px;
  color: #999999;
  padding: 12px 14px;
  box-sizing: border-box;
  font-family: sr; }
.fadein_edit .box .child .changes .label input {
  width: 100%;
  height: 42px;
  background: #f1f1f1;
  border-radius: 6px;
  outline: none;
  border: none;
  font-size: 14px;
  color: #999999;
  box-sizing: border-box;
  padding-left: 14px; }
.fadein_edit .box .child .item {
  overflow: hidden;
  width: 100%;
  margin-bottom: 26px; }
.fadein_edit .box .child .item p {
  font-size: 16px;
  margin-bottom: 8px;
  color: #333333; }
.fadein_edit .box .child .item > input {
  width: 100%;
  height: 42px;
  background: #f1f1f1;
  border-radius: 6px;
  outline: none;
  border: none;
  font-size: 14px;
  color: #999999;
  box-sizing: border-box;
  padding-left: 14px;
  margin-top: 20px; }
.fadein_edit .box .child .item textarea {
  width: 100%;
  height: 80px;
  background: #f1f1f1;
  border-radius: 6px;
  resize: none;
  outline: none;
  border: none;
  font-size: 14px;
  color: #999999;
  padding: 12px 14px;
  box-sizing: border-box;
  margin-top: 20px;
  font-family: sr; }
.fadein_edit .box .child .item .city {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.fadein_edit .box .child .item .city .lab {
  overflow: hidden;
  width: 200px;
  height: 42px;
  position: relative;
  background: #F1F1F1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px; }
.fadein_edit .box .child .item .city .lab span {
  font-size: 14px;
  color: #999999; }
.fadein_edit .box .child .item .city .lab img {
  display: block;
  transition: all .2s; }
.fadein_edit .box .button {
  display: flex;
  align-items: center;
  padding: 34px 0;
  justify-content: center; }
.fadein_edit .box .button div {
  height: 36px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  background: #fff;
  border: 1px solid #e50012;
  transition: all .1s;
  color: #e50012;
  margin: 0 15px;
  border-radius: 3px; }
.fadein_edit .box .button div:hover {
  opacity: 0.8; }
.fadein_edit .box .button div.on {
  background: #e50012;
  color: #fff; }

.fadein_prize {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  display: none; }
  .fadein_prize .box {
    overflow: hidden;
    width: 800px;
    border-radius: 8px;
    background: #fff;
    padding: 0 30px; }
    .fadein_prize .box ul {
      width: 100%;
      overflow: auto;
      max-height: 70vh;
      padding: 15px 0;
      padding-bottom: 30px; }
.fadein_prize .box ul::-webkit-scrollbar {
  width: 3px;
}
.fadein_prize .box ul::-webkit-scrollbar-track { /*滚动条轨道属性*/
  background-color: transparent;
}
.fadein_prize .box ul::-webkit-scrollbar-thumb {/*滚动条内滑块属性*/
   background-color: #E50012;
}
      .fadein_prize .box ul li {
        overflow: hidden;
        width: 100%; }
        .fadein_prize .box ul li a {
          display: flex;
          align-items: center;
          width: 100%;
          padding: 15px 0;
          padding-right: 20px;
          justify-content: space-between;
          box-sizing: border-box; }
          .fadein_prize .box ul li a .info {
            overflow: hidden;
            display: flex;
            align-items: center; }
            .fadein_prize .box ul li a .info img {
              width: 150px;
              height: 110px;
              object-fit: cover;
              border-radius: 3px; }
            .fadein_prize .box ul li a .info div {
              overflow: hidden;
              padding-left: 26px; }
              .fadein_prize .box ul li a .info div p {
                font-size: 16px;
                color: #333333;
                margin-bottom: 10px; }
              .fadein_prize .box ul li a .info div span {
                display: block;
                font-size: 14px;
                color: #999999; }
          .fadein_prize .box ul li a .btn {
            overflow: hidden;
            width: 100px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #E50012;
            font-size: 16px;
            color: #fff;
            border-radius: 3px; }
    .fadein_prize .box .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 69px;
      position: relative;
      border-bottom: 1px solid #F1F1F1; }
      .fadein_prize .box .title img {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .fadein_prize .box .title p {
        font-size: 20px;
        color: #333333;
        font-family: sr1;
        font-weight: bold; }

.fadein_fail {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  display: none; }
  .fadein_fail .box {
    overflow: hidden;
    width: 500px;
    border-radius: 8px;
    background: #fff;
    padding: 0 30px; }
    .fadein_fail .box .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 69px;
      position: relative;
      border-bottom: 1px solid #F1F1F1; }
      .fadein_fail .box .title img {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .fadein_fail .box .title p {
        font-size: 20px;
        color: #333333;
        font-family: sr1;
        font-weight: bold; }
    .fadein_fail .box .button {
      display: flex;
      align-items: center;
      padding: 34px 0;
      justify-content: center; }
      .fadein_fail .box .button div {
        height: 36px;
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        background: #fff;
        border: 1px solid #e50012;
        transition: all .1s;
        color: #e50012;
        margin: 0 15px;
        border-radius: 6px; }
        .fadein_fail .box .button div:hover {
          opacity: 0.8; }
        .fadein_fail .box .button div.on {
          background: #e50012;
          color: #fff; }
    .fadein_fail .box .font {
      overflow: hidden;
      width: 100%;
      margin-top: 20px;
      padding: 12px 18px;
      background: #F1F1F1;
      font-size: 14px;
      border-radius: 6px;
      color: #333333;
      line-height: 28px;
      min-height: 145px; }
    .fadein_fail .box .photo {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .fadein_fail .box .photo div {
        overflow: hidden;
        width: 132px;
        height: 132px;
        border-radius: 4px;
        margin-right: 22px;
        margin-top: 20px; }
        .fadein_fail .box .photo div:nth-child(3n) {
          margin-right: 0; }
        .fadein_fail .box .photo div img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }

.fadein_invoice {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  display: none; }
  .fadein_invoice .box {
    overflow: hidden;
    width: 500px;
    border-radius: 8px;
    background: #fff;
    padding: 0 30px; }
    .fadein_invoice .box .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 69px;
      position: relative;
      border-bottom: 1px solid #F1F1F1; }
      .fadein_invoice .box .title img {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .fadein_invoice .box .title p {
        font-size: 20px;
        color: #333333;
        font-family: sr1;
        font-weight: bold; }
    .fadein_invoice .box .item {
      overflow: hidden;
      display: flex;
      align-items: flex-start;
      margin-top: 20px; }
      .fadein_invoice .box .item p {
        font-size: 16px;
        color: #666666; }
      .fadein_invoice .box .item .grow {
        flex: 1; }
        .fadein_invoice .box .item .grow input {
          width: 100%;
          height: 42px;
          font-size: 14px;
          color: #333;
          padding-left: 14px;
          border-radius: 4px;
          background: #f1f1f1;
          border: none;
          outline: none; }
          .fadein_invoice .box .item .grow input::placeholder {
            color: #999999; }
        .fadein_invoice .box .item .grow ul {
          display: flex;
          align-items: center; }
          .fadein_invoice .box .item .grow ul li {
            display: flex;
            align-items: center;
            cursor: pointer; }
            .fadein_invoice .box .item .grow ul li.on div {
              background-image: url(../image/rid1.jpg); }
            .fadein_invoice .box .item .grow ul li div {
              width: 16px;
              height: 16px;
              background-image: url(../image/rid.jpg);
              margin-right: 12px;
              background-size: 100% 100%;
              border-radius: 50%; }
            .fadein_invoice .box .item .grow ul li span {
              font-size: 16px;
              display: inline-block;
              min-width: 93px;
              color: #333333; }
    .fadein_invoice .box .button {
      display: flex;
      align-items: center;
      padding: 34px 0;
      justify-content: center; }
      .fadein_invoice .box .button div {
        height: 36px;
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        background: #fff;
        border: 1px solid #e50012;
        transition: all .1s;
        color: #e50012;
        margin: 0 15px;
        border-radius: 3px; }
        .fadein_invoice .box .button div:hover {
          opacity: 0.8; }
        .fadein_invoice .box .button div.on {
          background: #e50012;
          color: #fff; }

.fadein_tk {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  display: none; }
  .fadein_tk .box {
    overflow: hidden;
    width: 500px;
    border-radius: 8px;
    background: #fff;
    padding: 0 30px; }
    .fadein_tk .box .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 69px;
      position: relative;
      border-bottom: 1px solid #F1F1F1; }
      .fadein_tk .box .title img {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .fadein_tk .box .title p {
        font-size: 17px;
        color: #333333;
        font-family: sr1;
        font-weight: bold; }
    .fadein_tk .box .item {
      overflow: hidden;
      display: flex;
      align-items: flex-start;
      margin-top: 20px; }
      .fadein_tk .box .item p {
        font-size: 15px;
        color: #666666; }
      .fadein_tk .box .item .grow {
        flex: 1; }
        .fadein_tk .box .item .grow input {
          width: 100%;
          height: 42px;
          font-size: 14px;
          color: #333;
          padding-left: 14px;
          border-radius: 4px;
          background: #f1f1f1;
          border: none;
          outline: none; }
          .fadein_tk .box .item .grow input::placeholder {
            color: #999999; }
        .fadein_tk .box .item .grow textarea {
          width: 100%;
          height: 130px;
          font-size: 14px;
          color: #333;
          padding: 12px 14px;
          border-radius: 4px;
          background: #f1f1f1;
          border: none;
          resize: none;
          box-sizing: border-box;
          outline: none; }
          .fadein_tk .box .item .grow textarea::placeholder {
            color: #999999; }
        .fadein_tk .box .item .grow ul {
          display: flex;
          align-items: center; }
          .fadein_tk .box .item .grow ul.on {
            display: block; }
            .fadein_tk .box .item .grow ul.on li {
              margin-bottom: 10px; }
          .fadein_tk .box .item .grow ul li {
            display: flex;
            align-items: center;
            cursor: pointer; }
            .fadein_tk .box .item .grow ul li.on div {
              background-image: url(../image/rid1.jpg); }
            .fadein_tk .box .item .grow ul li div {
              width: 13px;
              height: 13px;
              background-image: url(../image/rid.jpg);
              margin-right: 12px;
              background-size: 100% 100%;
              border-radius: 50%; }
            .fadein_tk .box .item .grow ul li span {
              font-size: 15px;
              display: inline-block;
              min-width: 93px;
              color: #333333; }
    .fadein_tk .box .button {
      display: flex;
      align-items: center;
      padding: 34px 0;
      justify-content: center; }
      .fadein_tk .box .button div {
        height: 36px;
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        background: #fff;
        border: 1px solid #e50012;
        transition: all .1s;
        color: #e50012;
        margin: 0 15px;
        border-radius: 3px; }
        .fadein_tk .box .button div:hover {
          opacity: 0.8; }
        .fadein_tk .box .button div.on {
          background: #e50012;
          color: #fff; }

.fadein_feedback {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 9999999; }
  .fadein_feedback .box {
    overflow: hidden;
    width: 500px;
    border-radius: 8px;
    background: #fff;
    padding: 0 30px; }
    .fadein_feedback .box .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 69px;
      position: relative;
      border-bottom: 1px solid #F1F1F1; }
      .fadein_feedback .box .title img {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .fadein_feedback .box .title p {
        font-size: 20px;
        color: #333333;
        font-family: sr1;
        font-weight: bold; }
    .fadein_feedback .box .button {
      display: flex;
      align-items: center;
      padding: 34px 0;
      justify-content: center; }
      .fadein_feedback .box .button div {
        height: 36px;
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        background: #fff;
        border: 1px solid #e50012;
        transition: all .1s;
        color: #e50012;
        margin: 0 15px;
        border-radius: 3px; }
        .fadein_feedback .box .button div:hover {
          opacity: 0.8; }
        .fadein_feedback .box .button div.on {
          background: #e50012;
          color: #fff; }
    .fadein_feedback .box .font {
      overflow: hidden;
      width: 100%;
      margin-top: 20px;
      padding: 12px 18px;
      background: #F1F1F1;
      font-size: 16px;
      border-radius: 6px;
      color: #333333;
      line-height: 28px;
      min-height: 145px; }
    .fadein_feedback .box textarea {
      overflow: hidden;
      width: 100%;
      display: block;
      margin-top: 20px;
      padding: 12px 18px;
      background: #F1F1F1;
      font-size: 14px;
      border-radius: 6px;
      color: #333333;
      border: none;
      resize: none;
      height: 115px;
      outline: none;
      box-sizing: border-box; }
    .fadein_feedback .box .photo {
      padding-top: 18px; }
      .fadein_feedback .box .photo p {
        font-size: 16px;
        color: #333333; }
      .fadein_feedback .box .photo .updata {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .fadein_feedback .box .photo .updata div {
          width: 132px;
          height: 132px;
          border-radius: 4px;
          margin-right: 22px;
          position: relative;
          cursor: pointer;
          margin-top: 10px; }
          .fadein_feedback .box .photo .updata div:nth-child(3n) {
            margin-right: 0; }
          .fadein_feedback .box .photo .updata div .c {
            cursor: pointer;
            position: absolute;
            right: -5px;
            top: -5px; }
            .fadein_feedback .box .photo .updata div .c:hover {
              opacity: 0.8; }
          .fadein_feedback .box .photo .updata div input {
            width: 100%;
            height: 100%;
            display: block;
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
            z-index: 99; }
          .fadein_feedback .box .photo .updata div .p {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }

.setp {
  cursor: pointer; }

.fadein_password {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 999; }
  .fadein_password .box {
    overflow: hidden;
    width: 500px;
    border-radius: 8px;
    background: #fff;
    padding: 0 30px; }
    .fadein_password .box .tabbar {
      display: flex;
      align-items: center;
      justify-content: center; }
      .fadein_password .box .tabbar div {
        overflow: hidden;
        cursor: pointer;
        position: relative;
        font-size: 16px;
        color: #333333;
        padding: 0 21px;
        height: 60px;
        display: flex;
        align-items: center; }
        .fadein_password .box .tabbar div.on {
          color: #e50012; }
          .fadein_password .box .tabbar div.on::after {
            content: '';
            width: 40px;
            height: 2px;
            background: #e50012;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 10px; }
    .fadein_password .box .fade {
      overflow: hidden;
      padding-top: 20px; }
      .fadein_password .box .fade .item {
        overflow: hidden;
        padding: 0px 22px 37px 0; }
        .fadein_password .box .fade .item .updatatx {
          width: 99px;
          height: 99px;
          border-radius: 50%;
          margin: 0px auto;
          margin-bottom: 30px;
          position: relative;
          overflow: hidden; }
          .fadein_password .box .fade .item .updatatx input {
            width: 100%;
            height: 100%;
            background: none;
            outline: none;
            border: none;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0; }
          .fadein_password .box .fade .item .updatatx img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .fadein_password .box .fade .item .button {
          display: flex;
          align-items: center;
          margin-top: 28px;
          padding-left: 113px; }
.fadein_password .box .fade .item .label.emailshow{
          display: none;
        }
          .fadein_password .box .fade .item .button div {
            height: 36px;
            width: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 16px;
            background: #fff;
            border: 1px solid #e50012;
            transition: all .1s;
            color: #e50012;
            border-radius: 6px;
            margin-right: 20px; }
            .fadein_password .box .fade .item .button div:hover {
              opacity: 0.8; }
            .fadein_password .box .fade .item .button div.on {
              background: #e50012;
              color: #fff; }
        .fadein_password .box .fade .item .label {
          width: 100%;
          display: flex;
          align-items: center;
          position: relative;
          margin-bottom: 20px;
          justify-content: space-between; }
          .fadein_password .box .fade .item .label p {
            width: 102px;
            text-align: right;
            font-size: 16px;
            color: #333333; }
          .fadein_password .box .fade .item .label .change {
            width: 305px;
            height: 42px;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .fadein_password .box .fade .item .label .change.on input {
              width: 180px; }
            .fadein_password .box .fade .item .label .change div {
              height: 42px;
              width: 115px;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              font-size: 14px;
              background: #E50012;
              color: #fff;
              line-height: 1;
              border-radius: 6px;
              transition: all .1s; }
              .fadein_password .box .fade .item .label .change div:hover {
                opacity: 0.8; }
            .fadein_password .box .fade .item .label .change input {
              width: 100%;
              height: 100%;
              font-size: 14px;
              color: #333;
              background: #F1F1F1;
              border-radius: 6px;
              padding-left: 14px;
              border: none;
              outline: none; }
              .fadein_password .box .fade .item .label .change input::placeholder {
                color: #999999; }
            .fadein_password .box .fade .item .label .change select {
              width: 100%;
              box-sizing: border-box;
              height: 100%;
              font-size: 14px;
              color: #333;
              background: #F1F1F1;
              border-radius: 6px;
              padding-left: 14px;
              border: none;
              outline: none; }
              .fadein_password .box .fade .item .label .change select::placeholder {
                color: #999999; }
    .fadein_password .box .title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 69px;
      position: relative;
      border-bottom: 1px solid #F1F1F1; }
      .fadein_password .box .title img {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .fadein_password .box .title p {
        font-size: 20px;
        color: #333333;
        font-family: sr1;
        font-weight: bold; }

.fadein_success {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  display: none; }
  .fadein_success .box {
    overflow: hidden;
    width: 460px;
    border-radius: 8px;
    background: #fff;
    padding: 52px 36px 43px 36px; }
    .fadein_success .box ul {
      overflow: hidden;
      margin-top: 28px; }
      .fadein_success .box ul li {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0; }
        .fadein_success .box ul li p {
          font-size: 16px;
          color: #999999;
          font-family: sm; }
        .fadein_success .box ul li span {
          font-size: 16px;
          color: #333333;
          font-family: sm; }
    .fadein_success .box .button {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 50px; }
      .fadein_success .box .button div {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 120px;
        height: 40px;
        transition: all .1s;
        border-radius: 3px;
        margin: 0 10px;
        cursor: pointer;
        background: #fff;
        font-size: 16px;
        transition: all .1s;
        border: 1px solid #E50012;
        color: #E50012; }
        .fadein_success .box .button div a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #E50012; }
        .fadein_success .box .button div:hover {
          opacity: 0.8; }
        .fadein_success .box .button div.on {
          background: #E50012;
          color: #fff; }
          .fadein_success .box .button div.on a {
            color: #fff; }
    .fadein_success .box .icon {
      overflow: hidden; }
      .fadein_success .box .icon img {
        display: block;
        margin: 0 auto;
        width: 88px;
        margin-bottom: 15px; }
      .fadein_success .box .icon span {
        display: block;
        text-align: center;
        font-size: 24px;
        font-family: sr1;
        font-weight: bold;
        color: #e50012; }

@media (max-width: 1800px) {
  .m1600 {
    width: 1400px !important; }

  .content .tong_title p {
    font-size: 30px; }

  .content .tong_title span {
    font-size: 16px; }

  .content .tong_title em {
    font-size: 80px;
    top: -10px; }

  .content .main_home_about .m1600 .box .grow > p {
    font-size: 26px; }

  .content .main_home_about .m1600 .box .grow > span {
    font-size: 16px; }

  .content .main_home_about .m1600 .box .grow ul li p span {
    font-size: 30px; }

  .content .main_home_about .m1600 .box .grow ul li em {
    font-size: 14px; }

  .content .home_banner .btn.prev {
    left: 80px; }

  .content .home_banner .btn.next {
    right: 80px; } }
@media (max-width: 1600px) {
  .content .header .left .search {
    width: 400px; }

  .content .main_home_service .m1600 ul li > img {
    width: 66px;
    margin-left: -33px; }

  .content .main_home_service .m1600 ul li .name {
    font-size: 16px; }

  .content .main_home_about .m1600 .box .video {
    width: 500px; }

  .content .main_home_about .m1600 .box .grow {
    padding-top: 0; }

  .content .main_home_news .m1600 ul li a .info p {
    font-size: 16px; }

  .content .header .left .search input {
    font-size: 14px; }

  .content .main_home_news .m1600 ul li a .pic {
    width: 180px;
    height: 140px; }

  .m1560,
  .m1600 {
    width: 90% !important; }

  .content .footer .m1560 .mid {
    padding: 0 20px; }

  .content .main_link .m1560 ul li a {
    font-size: 14px;
    padding: 0 .2rem; }

  .content .footer .m1560 .mid .item .link li,
  .content .footer .m1560 .item .contact li p,
  .content .footer .m1560 .item .contact li div span {
    font-size: 14px; }

  .content .footer .m1560 .item .head p,
  .content .footer .m1560 .item .head span {
    font-size: 18px; }

  .content .footer .m1560 .item:last-child {
    width: 360px; }

  .content .home_banner .mySwiper .swiper-slide .m p {
    font-size: 40px; }

  .content .home_banner .mySwiper .swiper-slide .m span {
    font-size: 30px; } }
@media (max-width: 1400px) {
  .m,
  .content .main_order_info .box,
  .content .main_cart .box,
  .m1600 {
    width: 1000px !important; }
    #content.on{
        padding-right: 0;
    }
    #content.on .box h3{
        font-size: 20px;
    }
    #content.on .tabheight{
        min-height: 1200px;
    }
    .content .main_product_details .main_about .box table tr td{
        font-size: 14px;
    }
  .content .main_home_about .m1600 .box .grow {
    padding-left: 30px; }

  .content .main_home_about .m1600 .box .grow > p {
    font-size: 22px; }

  .content .main_home_about .m1600 .box .grow > span {
    font-size: 14px;
    line-height: 1.6; }

  .content .main_home_about .m1600 .box .grow ul li p span {
    font-size: 26px; }

  .content .main_home_about .m1600 .box .grow ul li p {
    font-size: 16px; }

  .content .main_home_about .m1600 .box .grow ul {
    flex-wrap: wrap; }

  .content .main_home_about .m1600 .box .grow ul li {
    width: 50%; }

  .content .main_home_news .m1600 ul {
    justify-content: space-between; }

  .content .main_home_news .m1600 ul li {
    margin: 0;
    margin-top: 30px;
    width: 48%; }

  .content .main_home_service .m1600 ul li .name {
    min-width: 100%;
    box-sizing: border-box; }

  .content .main_home_service .m1600 ul li .font div {
    margin-top: 10px; }

  .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info p {
    font-size: 16px;
    line-height: 1.66; }

  .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info {
    padding: 15px; }

  .content .main_home_hot .m1600 .box .nav ul li a {
    font-size: 16px; }

  .content .home_banner .mySwiper .swiper-slide .m p {
    font-size: 40px; }

  .content .home_banner .mySwiper .swiper-slide .m span {
    font-size: 30px; }

  .content .main_home_service .m1600 ul li {
    width: 32%;
    margin-right: 2%; }

  .content .main_home_service .m1600 ul li:nth-child(3n) {
    margin-right: 0; }

  .content .main_home_service .m1600 ul li:nth-child(4n) {
    margin-right: 2%; }

  .content .main_cart .box .head .fl .search input {
    font-size: 15px; }

  .content .navbar ul li a {
    font-size: 16px; }

  .content .navbar ul li {
    margin-right: .8rem; }

  .content .tong_header .name {
    width: 250px; }

  .content .tong_header .name p {
    font-size: 20px; }

  .content .tong_header .name span {
    font-size: 14px; }

  .content .tong_header .name {
    padding-top: 16px; }

  .content .main_content .m .main_box .main_left {
    width: 250px; }

  .content .main_content .m .main_box .main_left .navbar_link ul li a span {
    font-size: 14px; }

  .content .main_content .m .main_box .main_about_honor ul li img {
    height: 123px; }

  .content .main_content .m .main_box .main_about_honor ul li span {
    font-size: 15px; }

  .content .main_content .m .main_box .main_about_contact .contact_box ul li img {
    max-width: 70%; }

  .content .main_content .m .main_box .main_about_history .box {
    height: 450px; }

  /*.content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label span {*/
  /*  font-size: 190px; }*/

  .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab span {
    font-size: 15px; }

  .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab span {
    font-size: 17px; }

  .content .main_content .m .main_box .main_about_introduce .info .box {
    display: block;
    width: 100%; }

  .content .main_content .m .main_box .main_about_introduce .info .box .video {
    width: 100%; }

  .content .main_content .m .main_box .main_about_introduce .info .box .yw {
    width: 100%;
    margin-top: 20px; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul.left {
    width: 40%; }

  .content .main_content .m .main_box .main_about_recruit .bann p {
    font-size: 32px; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul.right {
    width: 57%; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li div {
    padding-right: 15px; }

  .content .main_news_info .m .info .head p {
    font-size: 28px; }

  .content .main_news_info .m .info .child p {
    font-size: 16px; }

  .content .main_content .m .main_box .main_newsbox ul li a .date {
    width: 90px; }

  .content .main_content .m .main_box .main_newsbox ul li a .font {
    width: calc(100% - 90px - 238px); }

  .content .main_product_box .main_product_info {
    width: calc(100% - 380px - 30px); }

  .content .main_product_content .m .confire table tr td .info div span,
  .content .main_product_content .m .confire table tr td .yh span,
  .content .main_product_content .m .confire table tr td,
  .content .main_content .m .main_box .main_product_idv_list table tr td label,
  .content .main_content .m .main_box .main_product_idv_list table tr td p,
  .content .main_content .m .main_box .main_product_idv_list table tr td {
    font-size: 15px; }

  .content .main_product_content .m .confire table tr td .price {
    font-size: 16px; }

  .content .main_product_details .main_details .slide {
    width: 400px; }

  .content .main_product_content .m .address_box .mySwiper .swiper-slide {
    width: 273px; }

  .content .main_content .m .main_box .main_product_list .list li .label a {
    display: block;
    width: 100%; }

  .content .main_content .m .main_box .main_product_list .list li .label a .pic {
    width: 100%;
    height: 175px; }
    .content .main_content .m .main_box .main_product_list.on1 .list li .label a .pic{
        height: 300px;
    }
  .content .main_content .m .main_box .main_product_list .list li .label a .grow {
    padding: 15px 0; }

  .content .main_content .m .main_box .main_product_list .list li .bottom .btn {
    width: 180px; }

  .content .main_content .m .main_box .main_product_list .list li .bottom .btn div {
    font-size: 14px; }

  .content .main_content .m .main_box .main_product_list .list li .bottom .btn div a {
    font-size: 14px; }

  .content .main_content .m .main_box .main_qa ul li .slide p {
    font-size: 14px; }

  .content .main_content .m .main_box .main_qa ul li .slide .pic img {
    width: 200px;
    height: 200px; }

  .content .tong_header1 .user .pic {
    width: 130px;
    height: 130px; }

  .content .tong_header1 {
    margin-bottom: 48px; }

  .content .main_content .m .main_box .main_user_address ul {
    justify-content: space-between; }

  .content .main_content .m .main_box .main_user_address ul li {
    margin: 0;
    margin-bottom: 20px;
    width: 48.5%; }

  .content .main_content .m .main_box .main_user_collect ul li .label a {
    display: block; }

  .content .main_content .m .main_box .main_user_collect ul li .label a .pic {
    width: 100%;
    height: 213px; 
    
  }
     
  .content .main_content .m .main_box .main_user_collect ul li .label a .grow {
    width: 100%;
    padding: 15px 0; }

  .content .main_content .m .main_box .main_user_collect ul li .bottom .btn {
    width: 3.5rem; }

  .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div {
    font-size: 14px; }
    .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div a {
      font-size: 14px; }

  .content .main_content .m .main_box .main_user_set,
  .content .main_content .m .main_box .main_user_order,
  .content .main_content .m .main_box .main_user_integral,
  .content .main_content .m .main_box .main_user_integral_lottery,
  .content .main_content .m .main_box .main_user_feedback,
  .content .main_content .m .main_box .main_user_coupon,
  .content .main_content .m .main_box .main_user_collect,
  .content .main_content .m .main_box .main_user_address,
  .content .main_content .m .main_box .main_services,
  .content .main_content .m .main_box .main_qa,
  .content .main_content .m .main_box .main_product_list,
  .content .main_content .m .main_box .main_product_idv_list,
  .content .main_content .m .main_box .main_newsbox,
  .content .main_content .m .main_box .main_datas,
  .content .main_content .m .main_box .main_about_team,
  .content .main_content .m .main_box .main_about_recruit,
  .content .main_content .m .main_box .main_about_partners,
  .content .main_content .m .main_box .main_about_introduce,
  .content .main_content .m .main_box .main_about_honor,
  .content .main_content .m .main_box .main_about_contact,
  .content .main_content .m .main_box .main_about_history {
    width: calc(100% - 250px - 30px); }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow p,
  .content .main_content .m .main_box .main_services .item .table .table1 tr th,
  .content .main_content .m .main_box .main_services .item .table .table1 tr td .f,
  .content .main_content .m .main_box .main_services .item .table .table1 tr td {
    font-size: 14px; }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .price p {
    font-size: 14px; }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info {
    padding: 22px 6px;
    width: 36%; }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices {
    width: 20%; }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .ord {
    width: 22%; }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices p {
    font-size: 16px; }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .prices span {
    font-size: 13px; }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop {
    display: block; }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .pic {
    margin: 0 auto; }

  .content .main_content .m .main_box .main_user_order .orderlist .label ul li .info .shop .grow {
    margin: 0;
    margin-top: 8px; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl div p {
    font-size: 14px;
    line-height: 1.4; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div p {
    font-size: 16px; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl em {
    font-size: 15px; }

  .content .main_content .m .main_box .main_user_integral_lottery {
    height: 664px; } }
@media (max-width: 800px) {
  .m,
  .content .main_order_info .box,
  .content .main_cart .box {
    width: 100% !important; }

  .content .navbar {
    display: none !important; }

  .content .header {
    height: 1.2rem !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    padding: 0 .3rem !important;
    z-index: 9999 !important; }

  .content .header .left .search {
    display: none !important; }

  .content .header .left .logo {
    width: 1.1rem !important; }

  .content .header .right .user a span {
    font-size: .28rem !important; }

  .content .header .right .btn {
    margin-left: .2rem !important; }

  .content .header .right .btn span {
    font-size: .16rem !important;
    right: -.2rem !important;
    padding: .03rem .05rem !important;
    top: -.2rem !important; }

  .content .header .right .btn img {
    width: .4rem !important; }

  .content .footer .m1560 .item:last-child {
    width: 100% !important; }

  .content .header .right .user a span {
    font-size: .26rem !important; }

  .content .header .right .user a img {
    width: .4rem !important;
    height: .4rem !important; }

  .content .header {
    padding-right: 1rem !important; }

  .null {
    height: 1.2rem !important; }

  .content .des_banner1 {
    height: 4.6rem !important; }

  .content .main_content {
    margin: 0 !important;
    padding: .3rem !important; }

  .content .main_content .m .main_box {
    display: block !important; }

  .content .tong_header {
    height: auto !important; }

  .content .main_content .m .main_box .main_left {
    width: 100% !important; }

  .content .main_content .m .main_box .main_left .navbar_link {
    padding: .2rem .3rem !important; }

  .content .main_content .m .main_box .main_left .navbar_link ul {
    overflow: auto !important;
    width: 100% !important;
    white-space: nowrap !important; }

  .content .main_content .m .main_box .main_left .navbar_link ul li {
    margin-top: 0 !important;
    display: inline-block !important;
    margin: 0 !important;
    width: auto !important;
    padding: 0 .3rem !important;
    height: .8rem !important;
    margin-right: .2rem !important; }

  .content .main_content .m .main_box .main_left .navbar_link ul li a span {
    font-size: .23rem !important; }

  .content .main_content .m .tong_header .menus {
    transform: translateY(-1.4rem) !important;
    position: absolute !important; }

  .content .tong_header .name {
    width: 100% !important;
    height: auto !important;
    padding: .2rem .3rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; }

  .content .tong_header .name p {
    font-size: .3rem !important; }

  .content .tong_header .name span {
    font-size: .24rem !important; }

  .content .tong_header .name::after {
    display: none !important; }

  .content .main_content .m .main_box .main_about_contact {
    margin: 0 !important;
    width: 100% !important;
    margin-top: .3rem !important;
    padding: 0 !important; }

  .content .main_content .m .main_box .main_about_contact .map ul {
    width: 100% !important; }
    .content .main_content .m .main_box .main_about_contact .map ul li {
      width: 100% !important;
      margin: 0 !important;
      margin-bottom: .3rem !important;
      border-radius: .2rem !important; }

  .content .main_content .m .main_box .main_about_contact .map ul li .t p {
    font-size: .33rem !important; }

  .content .main_content .m .main_box .main_about_contact .map ul li .t span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_about_contact .map ul li .icon span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_about_contact .map {
    height: auto !important;
    border-radius: .1rem !important;
    padding: .3rem !important; }

  .content .main_content .m .main_box .main_about_contact .contact_box {
    width: calc(100% - .6rem) !important;
    margin: 0 auto !important;
    margin-bottom: .3rem !important; }

  .content .main_content .m .main_box .main_about_contact .contact_box ul {
    flex-wrap: wrap !important; }
    .content .main_content .m .main_box .main_about_contact .contact_box ul li {
      width: 33.33% !important;
      padding: .2rem 0 !important;
      max-width: 50% !important; }

  .content .main_link {
    display: none !important; }

  .content .footer {
    padding: .5rem .3rem !important; }

  .content .footer .m1560 {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important; }

  .content .footer .m1560 .item:first-child {
    width: 100% !important; }

  .content .footer .m1560 .item .head {
    height: 50px !important;
    margin-bottom: .2rem !important; }

  .content .footer .m1560 .item .code {
    width: 1.8rem !important;
    padding: .3rem 0 !important;
    margin: 0 auto !important; }

  .content .footer .m1560 .mid .item .link li {
    margin-bottom: .2rem !important;
    margin-right: .2rem !important; }

  .content .footer .m1560 .item .contact li {
    display: block !important; }
    .content .footer .m1560 .item .contact li p {
      margin-bottom: .3rem !important;
      text-align: center !important;
      font-size: .26rem !important; }

  .content .footer .m1560 .item .contact li div span {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: .22rem !important;
    text-align: center !important;
    line-height: 1.3 !important; }

  .content .footer .m1560 .mid .item .link li {
    font-size: .22rem !important; }

  .content .footer .m1560 .item .head p {
    font-size: .28rem !important; }

  .content .footer .m1560 .item .head span {
    font-size: .28rem !important; }

  .content .footer .m1560 .item .form form input[type='text'] {
    height: .8rem !important;
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_about_contact .map ul li .icon span {
    line-height: 1.4 !important; }

  .content .footer .m1560 .item .form form textarea {
    height: 2rem !important;
    font-size: .26rem !important; }

  .content .footer .m1560 .item .form form .btn input[type='submit'] {
    width: 1.5rem !important;
    font-size: .26rem !important; }

  .content footer {
    padding: .2rem !important;
    box-sizing: border-box !important; }

  .content footer .m1560 {
    display: block !important; }

  .content footer .m1560 div {
      justify-content: center;
      text-align: center;
    font-size: .2rem !important;
    padding: .1rem 0 !important; }
    .content footer .m1560 div img{
        margin: 6px auto;
    }
  .content .footer .m1560 .mid {
    padding: 0 !important;
    width: 100% !important; }

  .content .main_content .m .main_box .main_user_set,
  .content .main_content .m .main_box .main_user_order,
  .content .main_content .m .main_box .main_user_integral,
  .content .main_content .m .main_box .main_user_integral_lottery,
  .content .main_content .m .main_box .main_user_feedback,
  .content .main_content .m .main_box .main_user_coupon,
  .content .main_content .m .main_box .main_user_collect,
  .content .main_content .m .main_box .main_user_address,
  .content .main_content .m .main_box .main_services,
  .content .main_content .m .main_box .main_qa,
  .content .main_content .m .main_box .main_product_list,
  .content .main_content .m .main_box .main_product_idv_list,
  .content .main_content .m .main_box .main_newsbox,
  .content .main_content .m .main_box .main_datas,
  .content .main_content .m .main_box .main_about_team,
  .content .main_content .m .main_box .main_about_recruit,
  .content .main_content .m .main_box .main_about_partners,
  .content .main_content .m .main_box .main_about_introduce,
  .content .main_content .m .main_box .main_about_honor,
  .content .main_content .m .main_box .main_about_contact,
  .content .main_content .m .main_box .main_about_history {
    width: 100% !important;
    margin: 0 !important;
    margin-top: .3rem !important; }

  .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label p {
    font-size: .26rem !important;
    width: 80% !important;
    font-family: "微软雅黑" !important;
    text-align: center !important; }

  .content .main_content .m .main_box .main_about_history .box .mySwiper .swiper-slide .label > span {
    font-size: .5rem !important; }

  .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide {
    width: 33.33% !important; }

  .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide .lab span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_about_history .box .slide .mySwiper1 .swiper-slide.on .lab span {
    font-size: .28rem !important; }

  .content .main_content .m .main_box .main_about_history {
    padding: 0 !important; }

  .content .main_content .m .main_box .main_about_history .box .title {
    font-size: .33rem !important; }

  .content .main_content .m .main_box .main_about_history .box .btn.next {
    right: .2rem !important; }

  .content .main_content .m .main_box .main_about_history .box .btn.prev {
    left: .2rem !important; }

  .content .main_content .m .main_box .main_about_honor {
    background: none !important;
    padding: 0 !important; }

  .content .main_content .m .main_box .main_about_honor ul {
    background: none !important;
    justify-content: space-between !important; }
    .content .main_content .m .main_box .main_about_honor ul li {
      width: 48% !important;
      margin: 0 !important;
      background: #fff !important;
      margin-bottom: .3rem !important; }

  .content .main_content .m .main_box .main_about_honor ul li span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_about_honor ul li {
    border-radius: .1rem !important; }

  .content .page_list a {
    width: .56rem !important;
    height: .56rem !important;
    padding: 0 .1rem !important;
    min-width: .46rem !important;
    border-radius: .03rem !important;
    margin: 0 .1rem !important; }

  .content .main_content .m .main_box .main_about_introduce {
    padding: 0 .3rem !important; }

  .content .main_content .m .main_box .main_about_introduce .info {
    padding-top: .3rem !important; }

  .content .main_content .m .main_box .main_about_introduce .title span {
    font-size: .3rem !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box {
    padding-bottom: .3rem !important; }

  .content .main_content .m .main_box {
    padding-bottom: .3rem !important; }

  .content .main_content .m .main_box .main_about_introduce .info > p {
    font-size: .26rem !important;
    line-height: 1.8 !important; }

  .content .main_content .m .main_box .main_about_introduce .info .box .video .play {
    width: .66rem !important; }

  .content .main_content .m .main_box .main_about_introduce .info .box .yw ul li span {
    font-size: .26rem !important;
    line-height: 1.8 !important; }

  .content .main_content .m .main_box .main_about_introduce .info .box .yw div {
    font-size: .33rem !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box {
    display: block !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul.left {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important; }
    .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li {
      width: 48% !important;
      padding: .3rem !important;
      height: auto !important;
      margin-bottom: .3rem !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li:last-child {
    margin-bottom: .3rem !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul.right {
    width: 100% !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul.right li {
    width: 100% !important;
    margin: 0 !important;
    padding: .3rem !important;
    margin-bottom: .3rem !important;
    height: auto !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul li img {
    width: .6rem !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul.left li img {
    width: .6rem !important;
    margin-bottom: .3rem !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul li p {
    font-size: .28rem !important;
    margin-bottom: .5rem !important; }

  .content .main_content .m .main_box .main_about_introduce .culture .box ul li span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_about_partners {
    padding: .6rem .3rem !important; }

  .content .main_content .m .main_box .main_about_partners .title span {
    font-size: .3rem !important; }

  .content .main_content .m .main_box .main_about_partners .title::after {
    height: 2px !important; }

  .content .main_content .m .main_box .main_about_partners .box {
    padding-top: .3rem !important;
    padding-bottom: 0 !important; }

  .content .des_banner2 {
    height: 4.6rem !important; }

  .content .des_banner2 .m .font p {
    font-size: .4rem !important; }

  .content .des_banner2 .m .font div {
    height: 2px !important;
    margin: .2rem auto !important; }

  .content .des_banner2 .m .font span {
    font-size: .28rem !important; }

  .content .des_banner2 .m .menus {
    right: .3rem !important; }

  .content .des_banner2 .m .menus a {
    font-size: .24rem !important; }

  .content .main_recruit_infos {
    padding: 0 .3rem !important; }

  .content .main_recruit_infos .m .title {
    margin: 0 !important;
    padding: .4rem 0 !important; }
    .content .main_recruit_infos .m .title img {
      width: .4rem !important; }
    .content .main_recruit_infos .m .title span {
      font-size: .3rem !important; }

  .content .main_recruit_infos .m .box .head div {
    font-size: .24rem !important;
    padding: 0 !important;
    justify-content: center !important;
    text-align: center !important; }

  .content .main_recruit_infos .m .box ul li .heads div {
    height: auto !important;
    padding: 0 !important;
    font-size: .24rem !important;
    text-align: center !important;
    justify-content: center !important; }

  .content .main_recruit_infos .m .box ul li .slide {
    padding: 0 .3rem .3rem .3rem !important; }

  .content .main_recruit_infos .m .box ul li .slide .item .t {
    font-size: .3rem !important; }

  .content .main_recruit_infos .m .box ul li .slide .item .font p {
    font-size: .26rem !important;
    line-height: 1.8 !important; }

  .content .main_recruit_infos .m .box ul li .slide .item .code .c img {
    width: 1.5rem !important; }

  .content .main_recruit_infos .m .box ul li .slide .item .code .f p {
    font-size: .26rem !important; }

  .content .main_recruit_infos .m .box ul li .slide .btn {
    width: 1.6rem !important;
    height: .6rem !important;
    font-size: .26rem !important; }

  .content .main_recruit_infos {
    padding-bottom: .3rem !important; }

  .content .main_recruit_infos .m .box ul li .heads {
    height: auto !important;
    padding: .2rem .1rem !important; }

  .content .main_content .m .main_box .main_about_recruit {
    padding: 0 !important;
    background: #fff !important; }

  .content .main_content .m .main_box .main_about_recruit .bann p {
    font-size: .33rem !important; }

  .content .main_content .m .main_box .main_about_recruit {
    background: none !important; }

  .content .main_content .m .main_box .main_about_recruit ul {
    justify-content: space-between !important; }

  .content .main_content .m .main_box .main_about_recruit ul {
    margin-top: 0 !important; }

  .content .main_content .m .main_box .main_about_recruit ul li {
    height: 1.5rem !important;
    width: 48% !important;
    margin: 0 !important;
    margin-top: .3rem !important; }

  .content .main_content .m .main_box .main_about_recruit ul li a img {
    width: .56rem !important; }

  .content .main_content .m .main_box .main_about_recruit ul li a span {
    font-size: .28rem !important; }

  .content .main_content .m .main_box .main_about_team {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important; }

  .content .main_content .m .main_box .main_about_team ul li {
    background: #fff !important;
    padding: .3rem !important;
    margin-top: .3rem !important; }

  .content .main_content .m .main_box .main_about_team ul li .pic {
    width: 2.6rem !important;
    height: 3rem !important; }

  .content .main_content .m .main_box .main_about_team ul li .grow {
    padding-left: .3rem !important; }

  .content .main_content .m .main_box .main_about_team ul li .grow .name p {
    font-size: .3rem !important; }

  .content .main_content .m .main_box .main_about_team ul li .grow .name span {
    font-size: .24rem !important;
    padding: 0.05rem .1rem !important; }

  .content .main_content .m .main_box .main_about_team ul li .grow .name {
    padding-bottom: .2rem !important; }

  .content .main_content .m .main_box .main_about_team ul li .grow .desc p {
    font-size: .24rem !important;
    line-height: 1.6 !important;
    margin-top: 0 !important; }

  .content .main_cart {
    padding: 0 .3rem !important; }

  .content .main_cart .box .head {
    display: block !important;
    padding: .3rem 0 !important; }

  .content .main_cart .box .head .fl {
    justify-content: space-between !important;
    width: 100% !important; }
    .content .main_cart .box .head .fl p {
      font-size: .28rem !important;
      margin-right: .3rem !important; }

  .content .main_cart .box .head .fl .search {
    width: auto !important;
    height: .8rem !important;
    margin: 0 !important;
    flex: 1 !important; }

  .content .main_cart .box .head .fl .search input {
    font-size: .26rem !important;
    padding-left: .3rem !important; }

  .content .main_cart .box .head .fl .search div {
    width: 1rem !important;
    font-size: .28rem !important; }

  .content .main_cart .box .main_cart_list {
    padding: 0 !important;
    overflow: auto !important;
    white-space: nowrap !important; }

  .content .main_cart .box .main_cart_list table {
    margin: 0 !important; }

  .content .main_cart .box .main_cart_list table tr th {
    font-size: .26rem !important;
    height: auto !important;
    padding: .2rem !important; }

  .content .main_cart .box .main_cart_list table tr td .info div span {
    font-size: .26rem !important; }

  .content .main_cart .box .main_cart_list table tr td {
    font-size: .26rem !important;
    padding: .2rem !important; }

  .content .main_cart .box .main_cart_list table tr td .changes div {
    width: .5rem !important;
    height: .5rem !important;
    font-size: .3rem !important; }

  .content .main_cart .box .main_cart_list table tr td .changes input {
    width: 1rem !important;
    height: .5rem !important;
    font-size: .26rem !important; }

  .content .main_cart .box .main_cart_list table tr td .price {
    font-size: .28rem !important; }

  .content .main_cart .box .main_cart_list table tr td .changes {
    border-radius: .08rem !important; }

  .content .main_cart .box .head .clear {
    margin-top: .5rem !important; }
    .content .main_cart .box .head .clear img {
      width: .24rem !important; }
    .content .main_cart .box .head .clear span {
      font-size: .26rem !important; }

  .content .cart_footer.on {
    height: 1.5rem !important;
    padding-left: .2rem !important; }

  .content .cart_footer .m .fl label span {
    font-size: .26rem !important; }

  .content .cart_footer .m .fl p {
    font-size: .26rem !important;
    text-align: center !important; }

  .content .cart_footer .m .fr .y {
    font-size: .26rem !important; }

  .content .cart_footer .m .fr .s {
    font-size: .26rem !important;
    text-align: center !important;
    margin-left: 0 !important; }

  .content .cart_footer .m .fr .btn {
    margin-left: .3rem !important;
    font-size: .28rem !important; }

  .content .cart_footer .m .fl label {
    padding-right: .1rem !important; }

  .content .cart_footer .m .fr .s span {
    font-size: .3rem !important; }

  .content .main_cart {
    padding-bottom: 1rem !important; }

  .content .main_content .m .main_box .main_datas ul {
    padding: 0 .3rem !important; }

  .content .main_content .m .main_box .main_datas ul li a {
    padding: .3rem 0 !important; }

  .content .main_content .m .main_box .main_datas ul li a img {
    width: .66rem !important; }

  .content .main_content .m .main_box .main_datas ul li a div {
    flex: auto !important;
    width: calc(100% - .9rem) !important; }

  .content .main_content .m .main_box .main_datas ul li a div p {
    font-size: .3rem !important;
    margin-bottom: .06rem !important; }

  .content .main_content .m .main_box .main_datas ul li a div span {
    font-size: .24rem !important; }

  .content .main_register .box {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 1rem .3rem .3rem .3rem !important;
    max-width: 100% !important; }

  .content .main_register .box .title {
    font-size: .33rem !important; }

  .content .main_register .box .tabbar div {
    padding: .3rem 0 !important;
    flex: 1 !important;
    font-size: .28rem !important;
    height: auto !important; }

  .content .main_register .box .tabbar {
    height: auto !important; }

  .content .main_register .box .message ul li {
    margin-top: .3rem !important; }

  .content .main_register .box .message ul li a {
    padding: .3rem !important; }
    .content .main_register .box .message ul li a img {
      width: .66rem !important;
      margin-bottom: .3rem !important; }

  .content .main_register .box {
    padding-bottom: .3rem !important; }

  .content .main_register .box .message ul li a .grow {
    padding-left: 0 !important; }

  .content .main_register .box .message ul li a .grow .t p {
    font-size: .28rem !important; }

  .content .main_register .box .message ul li a .grow .t {
    display: block !important; }

  .content .main_register .box .message ul li a .grow .t div {
    display: inline-flex !important;
    margin-bottom: .2rem !important; }

  .content .main_register .box .message ul li a .grow span {
    font-size: .26rem !important;
    line-height: 1.7 !important; }

  .content .main_register .box .message ul li a {
    display: block !important; }

  .content .main_register {
    padding: .6rem .3rem !important; }

  .content .main_news_info {
    width: 6.9rem !important;
    margin: 0 auto !important;
    margin-top: -1rem !important; }

  .content .main_news_info .m .menus a {
    font-size: .24rem !important; }

  .content .main_news_info .m {
    display: block !important; }

  .content .main_news_info .m .info {
    width: 100% !important;
    padding: 0 .3rem !important;
    padding-bottom: .3rem !important; }

  .content .main_news_info .m .right .ts_product ul li .infos > p {
    font-size: .28rem !important; }

  .content .main_news_info .m .right .ts_product ul li .infos .price p {
    font-size: .3rem !important; }

  .content .main_news_info .m .right .ts_product ul li .infos .price del {
    font-size: .26rem !important; }

  .content .main_news_info .m .info .head {
    padding: .3rem 0 !important; }
    .content .main_news_info .m .info .head p {
      font-weight: bold !important;
      font-size: .3rem !important; }

  .content .main_news_info .m .info .child p {
    font-size: .26rem !important;
    line-height: 1.7 !important;
    margin-top: .2rem !important; }

  .content .main_news_info .m .info .child img {
    margin-top: .2rem !important; }

  .content .main_news_info .m .info .head span {
    font-size: .26rem !important; }

  .content .main_news_info .m .right {
    width: 100% !important;
    margin-top: .3rem !important; }

  .content .main_content .m .main_box .main_newsbox ul {
    margin-bottom: .3rem !important;
    padding: 0 .3rem !important; }

  .content .main_content .m .main_box .main_newsbox ul li a {
    display: block !important;
    padding: .3rem 0 !important; }

  .content .main_content .m .main_box .main_newsbox ul li a .date {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: .3rem !important; }

  .content .main_content .m .main_box .main_newsbox ul li a .font {
    width: 100% !important;
    padding: 0 !important; }

  .content .main_content .m .main_box .main_newsbox ul li a .font p {
    font-size: .28rem !important;
    margin-bottom: .2rem !important; }

  .content .main_content .m .main_box .main_newsbox ul li a .font span {
    font-size: .26rem !important;
    line-height: 1.7 !important; }

  .content .main_content .m .main_box .main_newsbox ul li a .pic {
    width: 100% !important;
    margin-top: .3rem !important;
    height: 3rem !important; }

  .content .main_product_confirn {
    padding: .3rem !important; }

  .content .main_product_confirn .m .info {
    width: 100% !important;
    display: block !important;
    padding: .3rem !important; }

  .content .main_product_confirn .m .info img {
    width: .8rem !important;
    margin: 0 auto !important; }

  .content .main_product_confirn .m .info .grow {
    width: 100% !important;
    padding: .3rem 0 !important; }

  .content .main_product_confirn .m .info .grow ul li {
    font-size: .26rem !important;
    line-height: 1.7 !important;
    margin-top: .2rem !important; }

  .content .main_product_confirn .m .pay_type {
    margin-top: .3rem !important;
    padding: .3rem !important; }

  .content .main_product_confirn .m .pay_type > p {
    font-size: .33rem !important; }

  .content .main_product_confirn .m .pay_type ul li {
    height: auto !important;
    padding: .5rem .3rem !important; }

  .content .main_product_confirn .m .pay_type ul li div img {
    width: .66rem !important; }

  .content .main_product_confirn .m .pay_type ul li div span {
    font-size: .28rem !important; }

  .content .main_product_confirn .m .pay_type ul li p {
    font-size: .28rem !important; }

  .content .main_product_confirn .m .pay_type .btn {
    margin: 0 auto !important;
    margin-top: .5rem !important;
    float: none !important; }

  .content .main_product_confirn .m .info .grow .head {
    padding-bottom: .3rem !important; }

  .content .main_product_confirn .m .info .grow .head p {
    text-align: center !important;
    justify-content: center !important;
    font-size: .28rem !important; }
    .content .main_product_confirn .m .info .grow .head p span {
      font-size: .33rem !important; }

  .content .banner {
    height: 4.6rem !important; }

  .content .main_product_confirn .m .info .grow .head em {
    font-size: .26rem !important;
    line-height: 1.7 !important;
    text-align: center !important; }

  .content .main_product_box {
    width: 100% !important;
    display: block !important; }

  .content .main_product_box .main_product_info {
    width: 100% !important;
    padding: .3rem !important; }

  .content .main_product_box .main_product_info table tr th {
    font-size: .28rem !important;
    height: auto !important;
    padding: .2rem !important; }

  .content .main_product_box .main_product_info table tr td {
    font-size: .26rem !important;
    padding: .2rem !important;
    height: auto !important; }

  .content .main_product_details .main_about .box .morelist ul li {
    width: 100% !important;
    margin: 0 !important; }

  .content .main_product_details .main_about .box .morelist ul li a .pic {
    /*height: auto !important;*/
    }

  .content .main_product_details .main_about .box .morelist ul li a span {
    font-size: .24rem !important;
    line-height: 1.7 !important;
    padding: .3rem !important; }

  .content .main_product_details .main_about .box .morelist .title {
    font-size: .28rem !important;
    height: auto !important;
    padding: .2rem !important; }

  .content .main_product_details .main_about .box table tr th {
    font-size: .28rem !important;
    height: auto !important;
    padding: .2rem !important; }

  .content .main_product_details .main_about .box table tr td {
    font-size: .26rem !important;
    padding: .2rem !important;
    height: auto !important; }

  .content .main_product_box .main_product_cart {
    width: 100% !important;
    margin-top: .3rem !important; }

  .content .main_product_box .main_product_cart .title {
    height: .8rem !important;
    font-size: .3rem !important; }

  .content .main_product_box .main_product_cart .child {
    padding: 0 .3rem !important; }

  .content .main_product_box .main_product_cart .child .info {
    padding: .3rem 0 !important; }

  .content .main_product_box .main_product_cart .child .info .label p {
    font-size: .26rem !important; }

  .content .main_product_box .main_product_cart .child .info .label .address {
    font-size: .26rem !important; }

  .content .main_product_box .main_product_cart .child .info .label ul li span {
    font-size: .26rem !important; }

  .content .main_product_box .main_product_cart .child .info .label .data span {
    font-size: .26rem !important; }
    .contrast_fadein .box ul li div{
        height: 1.8rem;
    }
    .contrast_fadein .box .button{
        display: none;
    }
  .content .main_product_box .main_product_cart .child .info .price p {
    font-size: .33rem !important; }

  .content .main_product_box .main_product_cart .child .button div {
    font-size: .26rem !important; }
    .content .main_product_box .main_product_cart .child .button div a {
      font-size: .26rem !important; }

  .content .main_product_box .main_product_cart .child {
    padding-bottom: .3rem !important; }

  .content .main_product_box .main_product_cart .child .info .price del {
    font-size: .24rem !important; }

  /*.contrast_fadein {*/
  /*  display: none !important; }*/

  .contrast_fadein .box {
    width: 6.9rem !important;
    padding: 0 .2rem !important; }

  .contrast_fadein .box .title p {
    font-size: .3rem !important; }

  .contrast_fadein .box .title {
    height: 1rem !important; }

  .contrast_fadein .box ul li {
    width: 32% !important; }

  .contrast_fadein .box table {
      word-break: break-all;
    white-space: normal !important; }

  .contrast_fadein .box ul li span {
    font-size: .26rem !important; }

  .contrast_fadein .box table tr td {
    font-size: .26rem !important;
    padding: .2rem !important;
    height: auto !important; }

  .contrast_fadein .box table tr td {
    font-size: .26rem !important;
    padding: .2rem !important;
    height: auto !important; }

  .content .main_content .m .main_box .main_product_idv_list {
    padding: 0 !important;
    overflow: auto !important;
    padding-bottom: .3rem !important;
    white-space: nowrap !important; }

  .content .main_content .m .main_box .main_product_idv_list table tr th {
    font-size: .28rem !important;
    height: auto !important;
    padding: .2rem !important; }

  .content .main_content .m .main_box .main_product_idv_list table tr td {
    font-size: .26rem !important;
    height: auto !important;
    padding: .2rem !important; }

  .content .main_content .m .main_box .main_product_idv_list table tr td p {
    font-size: .28rem !important; }

  .content .main_content .m .main_box .main_product_idv_list table tr td label {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_product_idv_list table {
    /*width: 200% !important;*/
    display: inline-block !important; }

  .content .main_product_details .main_details {
    padding: .3rem !important;
    display: block !important; }

  .content .main_product_details .main_details .slide {
    width: 100% !important; }

  .content .main_product_details .main_details .slide .pic {
    height: 4.5rem !important; }

  .content .main_product_details .main_details .slide .pic {
    height: auto !important; }

  .content .main_product_details .main_details .slide .list {
    margin-top: .3rem !important;
    padding: 0 .55rem !important; }

  .content .main_product_details .main_details .details {
    padding: 0 !important;
    width: 100% !important;
    margin-top: .3rem !important; }

  .content .main_product_details .main_details .details .name {
    display: block !important; }

  .content .main_product_details .main_details .details .name div {
    display: block !important;
    padding: 0 !important; }

  .content .main_product_details .main_details .details .name div p {
    padding: 0 !important;
    font-size: .28rem !important;
    line-height: 1.7 !important;
    padding: .15rem 0 !important; }

  .content .main_product_details .main_details .slide .list .btn {
    width: .45rem !important;
    height: .45rem !important;
    background-size: 100% 100% !important; }

  .content .main_product_details .main_details .details > ul li .rd label span,
  .content .main_product_details .main_details .details > ul li > p {
    font-size: .26rem !important; }

  .content .main_product_details .main_details .details > ul li {
    flex-wrap: wrap !important; }

  .content .main_product_details .main_details .details > ul li .price {
    position: static !important;
    width: 100% !important;
    margin-top: .3rem !important;
    transform: translate(0) !important; }

  .content .main_product_details .main_details .details .bottom {
    display: block !important; }

  .content .main_product_details .main_details .details .bottom ul {
    width: 100% !important;
    justify-content: space-between !important; }

  .content .main_product_details .main_about {
    padding: 0 .3rem !important; }

  .content .main_product_details .main_about .title {
    height: .8rem !important;
    font-size: .3rem !important; }

  .content .main_product_details .main_about .slide {
    padding: 0 .55rem !important; }

  .content .main_product_details .main_about .slide .btn {
    width: .45rem !important;
    height: .45rem !important;
    background-size: 100% 100% !important; }

  .content .main_product_details .main_about .slide .label {
    width: 100% !important;
    padding: 0 .3rem !important; }

  .content .main_product_details .main_about .slide .label .button .btns div {
    font-size: .26rem !important; }
    .content .main_product_details .main_about .slide .label .button .btns div a {
      font-size: .26rem !important; }

  .content .main_product_content {
    padding: 0 !important; }

  .content .main_product_content .m {
    border-radius: 0 !important;
    padding: 0 .3rem !important; }

  .content .main_product_content .m .head p {
    font-size: .26rem !important; }

  .content .main_product_content .m .head .btn div {
    height: .45rem !important;
    margin-left: .2rem !important; }

  .content .main_product_content .m .head .btn div a {
    padding: 0 .15rem !important; }

  .content .main_product_content .m .head .btn div span {
    font-size: .26rem !important; }

  .content .main_product_content .m .address_box .mySwiper .swiper-slide {
    width: 100% !important;
    margin-right: 0 !important; }

  .content .main_product_content .m .address_box .mySwiper .swiper-slide .label {
    padding: 0 .3rem !important; }

  .content .main_product_content .m .address_box .mySwiper .swiper-slide .label p {
    padding: .2rem 0 !important;
    font-size: .28rem !important; }

  .content .main_product_content .m .address_box .mySwiper .swiper-slide .label span {
    font-size: .24rem !important;
    line-height: 1.7 !important; }

  .content .main_product_content .m .address_box .mySwiper .swiper-slide .label {
    min-height: 2rem !important; }

  .content .main_product_details .main_details .details .bottom .btn {
    margin: 0 auto !important;
    margin-top: .5rem !important; }
    .content .main_product_details .main_details .details .bottom .btn div {
      font-size: .26rem !important; }
      .content .main_product_details .main_details .details .bottom .btn div a {
        font-size: .26rem !important; }

  .content .main_product_details .main_details .details > ul li > span {
    font-size: .26rem !important; }

  .content .main_product_details .main_details .details .name div span {
    display: inline-flex !important; }

  .content .main_product_details .main_details .details .name em {
    font-size: .24rem !important;
    margin-top: .3rem !important; }

  .content .main_product_content .m .confire .title {
    font-size: .26rem !important; }

  .content .main_product_content .m .confire .tabs {
    width: 100% !important;
    overflow: auto !important;
    white-space: nowrap !important; }

  .content .main_product_content .m .confire table tr th {
    font-size: .26rem !important;
    height: auto !important;
    padding: 0.2rem !important; }

  .content .main_product_content .m .confire table tr td {
    font-size: .26rem !important;
    padding: 0.2rem !important; }

  .content .main_product_content .m .confire table tr td .changes {
    border-radius: 0.08rem !important; }

  .content .main_product_content .m .confire .type {
    font-size: .26rem !important; }

  .content .main_product_content .m .confire table tr td .changes div {
    width: 0.5rem !important;
    height: 0.5rem !important;
    font-size: .3rem !important; }

  .content .main_product_content .m .confire table tr td .changes input {
    width: 1rem !important;
    height: 0.5rem !important;
    font-size: .26rem !important; }

  .content .main_product_content .m .confire .textarea {
    height: 3.6rem !important;
    margin-top: .3rem !important; }

  .content .main_product_content .m .confire .textarea textarea {
    font-size: .26rem !important; }

  .content .main_product_content .m .confire .textarea span {
    font-size: .3rem !important; }

  .content .main_product_content .m .price_info .price_infos {
    padding: .3rem !important; }

  .content .main_product_content .m .price_info .price_infos .price {
    font-size: .26rem !important; }

  .content .main_product_content .m .price_info .price_infos .price span {
    font-size: .3rem !important;
    line-height: 1.3 !important; }

  .content .main_product_content .m .price_info .price_infos .desc {
    font-size: .26rem !important;
    line-height: 1.7 !important; }

  .content .main_content .m .main_box .main_product_list .list {
    padding-top: .3rem !important; }

  .content .main_content .m .main_box .main_product_list .list li {
    width: 100% !important; }

  .content .main_content .m .main_box .main_product_list .list li .label a .pic {
    height: 3rem !important; }

  .content .main_content .m .main_box .main_product_list .list li .label a .grow > p {
    font-size: .28rem !important; }

  .content .main_content .m .main_box .main_product_list .list li .label a .grow span {
    font-size: .25rem !important; }

  .content .main_content .m .main_box .main_product_list .list li .bottom .join span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_product_list .list li .bottom .btn div {
    font-size: .26rem !important; }
    .content .main_content .m .main_box .main_product_list .list li .bottom .btn div a {
      font-size: .26rem !important; }

  .content .main_content .m .main_box .main_product_list .list li .bottom {
    height: auto !important;
    padding: .3rem 0 !important; }

  .content .main_content .m .main_box .main_qa ul li {
    padding: 0 .3rem !important; }

  .content .main_content .m .main_box .main_qa ul li .line {
    height: 1rem !important; }

  .content .main_content .m .main_box .main_qa ul li .line .icon span {
    font-size: .28rem !important; }

  .content .main_content .m .main_box .main_qa ul li .line .fr p,
  .content .main_content .m .main_box .main_qa ul li .line .fr span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_qa ul li .slide {
    padding: .3rem !important; }

  .content .main_content .m .main_box .main_qa ul li .slide p {
    font-size: .24rem !important;
    line-height: 1.7 !important; }

  .content .main_content .m .main_box .main_qa ul li .slide .pic img {
    width: 2rem !important;
    height: 2rem !important;
    margin-right: .2rem !important; }

  .content .main_content .m .main_box .main_qa ul li {
    margin-bottom: .2rem !important; }

  .content .main_content .m .main_box .main_qa ul li .slide {
    margin-bottom: .3rem !important; }

  .content .main_register .box .fade {
    width: 100% !important;
    margin-top: .3rem !important; }

  .content .main_register .box .fade .item .label {
    margin-bottom: .2rem !important; }

  .content .main_register .box .fade .item .label p {
    font-size: .26rem !important;
    width: 2rem !important;
    padding-right: .2rem !important;
    box-sizing: border-box !important; }

  .content .main_register .box .fade .item .label .change.on input {
    width: 2.5rem !important; }

  .content .main_register .box .fade .item .label .change div {
    width: 1.5rem !important;
    font-size: .26rem !important; }

  .content .main_register .box .fade .item .reg {
    padding: 0 !important;
    justify-content: center !important;
    margin-top: .3rem !important; }

  .content .main_register .box .fade .item .submit {
    margin: 0 auto !important;
    font-size: .26rem !important;
    margin-top: .4rem !important; }

  .content .main_register .box .fade .item .link {
    padding: 0 !important; }

  .content .main_register .box .fade .item .reg p {
    font-size: .26rem !important; }

  .content .main_register .box .fade .item .label .change {
    width: calc(100% - 2rem) !important; }

  .content .main_register .box .fade .item .label .change input {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_services {
    padding: .3rem 0 !important; }

  .content .main_content .m .main_box .main_services .main_top_info .t {
    display: block !important; }
    .content .main_content .m .main_box .main_services .main_top_info .t p {
      font-size: .3rem !important; }

  .content .main_content .m .main_box .main_services .main_top_info .t div {
    margin-top: .3rem !important;
    width: 2rem !important;
    height: .66rem !important;
    font-size: .26rem !important; }
    .content .main_content .m .main_box .main_services .main_top_info .t div a {
      font-size: .26rem !important; }

  .content .main_content .m .main_box .main_services .main_top_info span {
    font-size: .26rem !important;
    line-height: 1.7 !important; }

  .content .main_content .m .main_box .main_services {
    margin-top: 0 !important; }

  .content .main_content .m .main_box .main_services .head span {
    font-size: .3rem !important; }

  .content .main_content .m .main_box .main_services .item .table .tit {
    padding: .2rem .1rem !important;
    height: auto !important;
    width: 100% !important;
    font-size: .3rem !important; }

  .content .main_content .m .main_box .main_services .item .table em {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_services .item .table {
    /*overflow: auto !important;*/
    /*width: 100% !important;*/
    /*white-space: nowrap !important;*/
    }

  .content .main_content .m .main_box .main_services .item .title div {
    font-size: .3rem !important; }

  .content .main_content .m .main_box .main_services .item .table .table1.on tr td {
    padding: .2rem !important;
    font-size: .26rem !important; }

  .content .tong_header1 {
    padding: 0 !important; }

  .content .tong_header1 .user .info p {
    font-size: .26rem !important; }

  .content .tong_header1 .user .info span {
    height: auto !important;
    padding: .05rem .3rem !important;
    font-size: .24rem !important; }

  .content .tong_header1 .user .info {
    margin-left: .2rem !important; }

  .content .tong_header1 .right {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 2.8rem !important;
    text-align: center !important; }

  .content .tong_header1 .right .n p {
    font-size: .3rem !important;
    margin-bottom: .06rem !important; }

  .content .tong_header1 .right .n span {
    font-size: .24rem !important; }

  .content .tong_header1 .right .n {
    margin-right: .2rem !important;
    width: 1.2rem !important;
    padding: .2rem 0 !important; }

  .content .tong_header1 .right .set {
    font-size: .26rem !important;
    height: auto !important;
    display: inline-block !important;
    margin-top: .2rem !important; }
    .content .tong_header1 .right .set a {
      padding: 0 !important;
      padding: .1rem .2rem !important;
      line-height: 1 !important;
      display: inline-block !important;
      height: auto !important;
      font-size: .24rem !important; }

  .content .tong_header1 .right .n:nth-child(2) {
    margin-right: 0 !important; }

  .content .tong_header1 .user .pic {
    width: 1.3rem !important;
    height: 1.3rem !important; }

  .content .main_content .m .main_box .main_left .navbar_link {
    padding: .15rem .2rem !important; }

  .content .main_content .m .main_box .main_user_address {
    padding: 0 .3rem !important; }

  .content .main_content .m .main_box .main_user_address .head {
    padding: .2rem 0 !important; }

  .content .main_content .m .main_box .main_user_address .head p {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_user_address .head .btn div span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_user_address ul li {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: .2rem !important; }

  .content .main_content .m .main_box .main_user_address ul li p {
    font-size: .28rem !important;
    padding: .2rem 0 !important; }

  .content .main_content .m .main_box .main_user_address ul li .child span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_user_address ul li .child .b em {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_user_collect ul li {
    width: 100% !important;
    margin: 0 !important;
    margin-top: .2rem !important; }

  .content .main_content .m .main_box .main_user_collect ul li .label a .grow > p {
    font-size: .28rem !important; }

  .content .main_content .m .main_box .main_user_collect ul li .label a .grow span {
    font-size: .25rem !important; }

  .content .main_content .m .main_box .main_user_collect ul li .bottom {
    height: auto !important;
    padding: 0.3rem 0 !important; }

  .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div {
    font-size: .26rem !important; }
    .content .main_content .m .main_box .main_user_collect ul li .bottom .btn div a {
      font-size: .26rem !important; }

  .content .main_content .m .main_box .main_user_collect ul li .bottom .join span {
    font-size: .26rem !important; }

  .content .main_content .m .main_box .main_user_collect ul li .label a .pic {
    height: 4.42rem !important; }

  .content .main_content .m .main_box .main_user_coupon .tabbar {
    margin-top: .3rem !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li {
    padding: 0 .3rem !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .top {
    display: block !important;
    padding: .2rem 0 !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div {
    display: block !important; }
    .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div span {
      display: inline-flex !important;
      font-size: .22rem !important;
      margin-bottom: .2rem !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl div p {
    font-size: .28rem !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl em {
    font-size: .24rem !important;
    margin-top: .2rem !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fr {
    float: none !important;
    width: 100% !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .top .fl {
    float: none !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom {
    display: block !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl {
    float: none !important;
    width: 100% !important;
    padding: 0 !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .fl div p {
    font-size: .24rem !important;
    line-height: 1.7 !important; }

  .content .main_content .m .main_box .main_user_coupon .fade ul li .bottom .btn {
    margin: 0 auto !important;
    margin-top: .3rem !important; }

  .content .main_content .m .main_box .main_user_coupon .tabbar div {
    font-size: .26rem !important;
    padding: 0 !important; }

  .content .main_content .m .main_box .main_user_feedback ul li .bottom p {
    font-size: .26rem !important;
    line-height: 1.7 !important; }

  .content .main_content .m .main_box .main_user_feedback ul li .bottom span {
    font-size: .26rem !important;
    line-height: 1.7 !important; }

  .content .main_content .m .main_box .main_left .navbar_link ul li a {
    padding: 0 !important; }

  .content .main_content .m .main_box .main_left .navbar_link ul li a img {
    width: .35rem !important; }
    .content .main_content .m .main_box .main_user_integral_lottery .box{
        margin-bottom: .2rem;
    }
  .content .main_content .m .main_box .main_user_feedback .title {
    font-size: .3rem !important;
    font-weight: bold !important; }

  .content .main_content .m .main_box .main_user_integral_lottery {
      padding-top: 1.4rem;
    height: 6.9rem !important; }

  .content .home_banner {
    height: 4.6rem !important; }

  .content .home_banner .btn.prev {
    left: .3rem !important; }

  .content .home_banner .btn.next {
    right: .3rem !important; }

  .content .home_banner .mySwiper .swiper-slide .m {
    width: 5.9rem !important ; }
    .content .home_banner .mySwiper .swiper-slide .m p {
      font-size: .33rem !important;
      margin-bottom: .2rem !important;
      text-align: center !important; }
    .content .home_banner .mySwiper .swiper-slide .m span {
      text-align: center !important;
      font-size: .26rem !important; }

  .content .home_banner .mySwiper .swiper-pagination {
    bottom: .3rem !important; }

  .content .home_banner .mySwiper .swiper-pagination-bullet {
    margin: 0 .1rem !important; }

  .m1600 {
    width: 100% !important ; }

  .content .main_home_hot {
    padding: .6rem .3rem !important; }

  .content .main_home_hot .m1600 {
    display: block !important; }

  .content .tong_title p {
    font-size: .33rem !important; }

  .content .tong_title span {
    font-size: .24rem !important; }

  .content .tong_title em {
    font-size: 1rem !important; }

  .content .main_home_hot .m1600 .box {
    display: block !important;
    margin-top: .6rem !important; }

  .content .main_home_hot .m1600 .box .nav ul li:first-child {
    margin: 0 !important; }

  .content .main_home_hot .m1600 .box .nav .more {
    margin: 0 !important;
    width: 1.5rem !important;
    height: .6rem !important; }
    .content .main_home_hot .m1600 .box .nav .more a {
      font-size: .24rem !important; }
      .content .main_home_hot .m1600 .box .nav .more a img {
        width: .25rem !important; }

  .content .main_home_hot .m1600 .box .nav {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important; }
    .content .main_home_hot .m1600 .box .nav ul {
      overflow: auto !important;
      width: 72% !important;
      white-space: nowrap !important; }
      .content .main_home_hot .m1600 .box .nav ul li {
        display: inline-block !important;
        margin: 0 !important;
        margin-right: .2rem !important; }
        .content .main_home_hot .m1600 .box .nav ul li a {
          font-size: .26rem !important; }

  .content .main_home_hot .m1600 .box .nav ul li a img {
    width: .1rem !important; }

  .content .main_home_hot .m1600 .box .nav::after {
    display: none !important; }

  .content .main_home_hot .m1600 .box .slide {
    width: 100% !important;
    margin-top: .5rem !important; }

  .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide {
    width: 80% !important;
    margin-right: .3rem !important; }

  .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info p {
    font-size: .28rem !important;
    margin-bottom: .1rem !important; }

  .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .pic {
    height: 3.6rem !important; }

  .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info .b div img {
    width: .7rem !important; }

  .content .main_home_service {
    padding: .6rem .3rem !important; }

  .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info span {
    font-size: .24rem !important; }

  .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info .b div em {
    font-size: .3rem !important; }

  .content .main_home_hot .m1600 .box .slide .mySwiper1 .swiper-slide .label .info .b > img {
    width: .4rem !important; }

  .content .main_home_service .m1600 ul {
    justify-content: space-between !important; }
    .content .main_home_service .m1600 ul li {
      width: 48% !important;
      margin: 0 !important;
      margin-top: .6rem !important;
      padding: .8rem .2rem .2rem .2rem !important; }
.nulls{
    display: none;
}
  .content .main_home_service .m1600 ul li .name {
    padding: .1rem !important;
    font-size: .26rem !important; }

  .content .main_home_service .m1600 ul li .font div {
    font-size: .24rem !important;
    text-align: left !important;
    margin-top: .1rem !important; }

  .content .main_home_service .m1600 ul li .fonts {
    font-size: .24rem !important;
    line-height: 1.6 !important;
    margin-top: .1rem !important; }

  .content .main_home_service .m1600 ul li .more {
    width: 1.6rem !important;
    height: .65rem !important;
    margin-top: .5rem !important; }
    .content .main_home_service .m1600 ul li .more a {
      font-size: .26rem !important; }
      .content .main_home_service .m1600 ul li .more a img {
        width: .35rem !important; }

  .content .main_home_service .m1600 ul li > img {
    width: .9rem !important;
    top: -.45rem !important; }

  .content .main_home_about {
    padding: .6rem .3rem !important; }

  .content .main_home_about .m1600 .box {
    margin-top: .5rem !important;
    display: block !important;
    width: 100% !important; }

  .content .main_home_about .m1600 .box .video {
    width: 100% !important; }

  .content .main_home_about .m1600 .box .video .play {
    width: .66rem !important; }

  .content .main_home_about .m1600 .box .grow {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: .3rem !important; }

  .content .main_home_about .m1600 .box .grow > p {
    font-size: .28rem !important;
    margin-bottom: .2rem !important; }

  .content .main_home_about .m1600 .box .grow > span {
    font-size: .24rem !important;
    line-height: 1.66 !important; }

  .content .main_home_about .m1600 .box .grow ul li {
    margin-top: .3rem !important; }

  .content .main_home_about .m1600 .box .grow .more {
    width: 1.6rem !important;
    height: .65rem !important;
    margin: 0 auto !important;
    margin-top: .5rem !important; }
    .content .main_home_about .m1600 .box .grow .more a {
      font-size: .26rem !important; }
      .content .main_home_about .m1600 .box .grow .more a img {
        width: .35rem !important; }

  .content .main_home_about .m1600 .box .grow ul li p {
    font-size: .24rem !important; }
    .content .main_home_about .m1600 .box .grow ul li p span {
      font-size: .3rem !important; }

  .content .main_home_about .m1600 .box .grow ul li em {
    font-size: .23rem !important; }

  .content .main_home_about .m1600 .box .grow ul li:nth-child(2)::after {
    display: none !important; }

  .content .main_home_news {
    padding: .6rem .3rem !important; }

  .main_fixed {
    display: none !important; }

  .content .main_home_news .m1600 .more {
    width: 1.6rem !important;
    height: .65rem !important;
    margin: 0 auto !important;
    margin-top: .5rem !important; }
    .content .main_home_news .m1600 .more a {
      font-size: .26rem !important; }
      .content .main_home_news .m1600 .more a img {
        width: .35rem !important; }

  .content .main_home_news .m1600 ul {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important; }
    .content .main_home_news .m1600 ul li {
      width: 48% !important;
      margin: 0 !important;
      margin-top: .3rem !important; }
      .content .main_home_news .m1600 ul li a {
        display: block !important;
        width: 100% !important;
        padding: .2rem !important; }
        .content .main_home_news .m1600 ul li a .pic {
          width: 100% !important;
          height: 2rem !important; }
        .content .main_home_news .m1600 ul li a .info {
          width: 100% !important;
          margin: 0 !important;
          padding: .2rem 0 !important;
          padding-bottom: 0 !important; }
          .content .main_home_news .m1600 ul li a .info p {
            font-size: .26rem !important;
            margin-bottom: .2rem !important; }
          .content .main_home_news .m1600 ul li a .info span {
            font-size: .22rem !important; }

  .content .footer .m1560 .item .form form .btn input[type='submit'] {
    height: .6rem !important;
    font-size: .24rem !important; }

  .fadein_login .box {
    width: 6.2rem !important;
    height: auto !important;
    min-height: auto !important;
    padding: .6rem .3rem !important; }
.content .main_content .m .main_box .main_services .item .table .table1 {
    overflow: auto !important; */
    width: 100% !important;
    white-space: nowrap !important;
}
.content .main_content .m .main_box .main_services .item .table .table1  tbody{
    display: inline-block;
}
  .fadein_login .box .logo {
    width: 1.7rem !important;
    margin-bottom: .8rem !important; }

  .fadein_login .box .type {
    margin-bottom: .3rem !important; }

  .fadein_login .box .type div {
    width: 50% !important;
    padding: 0 !important; }

  .fadein_login .box .type div img {
    width: 1.4rem !important; }

  .fadein_login .box .type div span {
    font-size: .26rem !important; }

  .fadein_login .box label p {
    font-size: .26rem !important; }

  .fadein_login .box .type {
    margin-bottom: .5rem !important; }

  .fadein_login .box .button p {
    font-size: .24rem !important; }

  .fadein_login .box .button {
    margin-top: .3rem !important; }

  .fadein_login .box .button {
    padding: 0 !important; }

  .fadein_login .box form input[type='text'] {
    width: 100% !important;
    height: .77rem !important;
    font-size: .26rem !important; }

  .fadein_login .box form input[type='submit'] {
    width: 100% !important;
    height: .77rem !important;
    font-size: .26rem !important; }

  .mobile_fade {
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.9) !important;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999999 ; }
    .mobile_fade .box {
      width: 100% !important;
      height: calc(100vh - 1rem);
      position: absolute !important;
      left: 0 ;
      top: -100vh;
      background: #fff !important; }
      .mobile_fade .box ul {
        overflow: auto !important;
        height: 100% !important;
        padding: 0 .3rem !important; }
        .mobile_fade .box ul li {
          overflow: hidden !important;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
          width: 100% !important; }
          .mobile_fade .box ul li span {
            height: 1rem !important;
            display: flex !important;
            font-size: .28rem !important;
            color: #333 !important;
            align-items: center !important;
            justify-content: space-between !important; }
            .mobile_fade .box ul li span.on img {
              transform: rotate(90deg) !important; }
            .mobile_fade .box ul li span a {
              font-size: .28rem !important;
              color: #000 !important;
              height: 100% !important;
              display: flex !important;
              align-items: center !important;
              width: 90% !important; }
            .mobile_fade .box ul li span img {
              width: .65rem !important;
              transition: all .2s !important; }
          .mobile_fade .box ul li div {
            overflow: hidden !important;
            width: 100% !important;
            display: none !important; }
            .mobile_fade .box ul li div a {
              display: flex !important;
              align-items: center !important;
              font-size: .26rem !important;
              color: #333 !important;
              height: .8rem !important; }

  .content .header {
    z-index: 9999999 !important; }

  .menu {
    width: .46rem !important;
    position: absolute !important;
    right: .3rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: block !important; }

  .content .main_content .m .main_box .main_product_list.on .list li {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: .3rem !important; }

  .main_bj {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: .3rem !important; }
.fadein_db{
    bottom: 0;
    width: 100%;
}
.fadein_login .box form div, .fadein_login .box form input[type='button']{
    width: 100%;
}
  .main_bj .head p {
    font-size: .3rem !important;
    font-weight: bold !important;
    margin-bottom: .2rem !important; }

  .main_bj .head span {
    font-size: .24rem !important;
    line-height: 1.66 !important; }

  .main_bj .item .title p {
    font-size: .28rem !important;
    font-weight: bold !important; }

  .main_bj .item .label .lab {
    width: 100% !important ; }

  .main_bj .item .label {
    display: block !important; }

  .main_bj .item .label .name {
    text-align: left !important;
    font-size: .28rem !important;
    font-weight: bold !important; }

  .main_bj .item .label .change ul li span {
    font-size: .25rem !important; }

  .main_bj .item .label .change > input {
    width: 100% !important; }

  .main_bj .item .label .change {
    width: 100% !important; }

  .main_bj .item .label .lab p {
    display: none !important; }

  .main_bj .item .label .lab input {
    width: 100% !important; }

  .search_keyword {
    display: block !important; }

  .search_keyword ul {
    flex-wrap: wrap !important; }
    .search_keyword ul li {
      margin-top: .2rem !important;
      margin-left: 0 !important;
      margin-right: .15rem !important;
      font-size: .26rem !important; } 
      
      
      
      
      
      .content .main_home_about .m1600 .box .grow > span p span{
      	font-size: .24rem !important;
    line-height: 1.66 !important;
      }
      .content .main_product_details .main_details .slide .pic{
      	height: 4.5rem;
      }
      .content .main_product_details .main_about .slide .mySwiper2 .swiper-slide{
      	width: 100%;
      }
      .content .main_product_details .main_about .slide .label a{
      	display: block;
      	width: 100%;
      }
      .content .main_product_details .main_about .slide .label .info{
      	display: block;
      	width: 100%;
      }
      .content .main_product_details .main_about .slide .label .info .pic{
      	width: 100%;
      	height: 3rem;
      }
      .content .main_product_details .main_about .slide .label .info .grow{
      	padding: .2rem 0;
      }
      .content .main_content .m .main_box .main_left .navbar_link ul li{
      	padding-right: .5rem;
      }
      .content .main_content .m .main_box .main_left .navbar_link ul{
      	white-space: inherit;
      }
      .content .main_content .m .main_box .main_left .navbar_link ul li{
      	margin-bottom: .2rem;
      }
      .content .main_content .m .main_box .main_services .main_top_info span{
      	font-size: .26rem !important;
      	line-height: 1.7 !important;
      }
      .content .main_content .m .main_box .main_services .item .table .tit{
      	padding: 0.2rem 0.1rem !important;
    height: auto !important;
    width: 100% !important;
    font-size: .3rem !important;
      }
      .content .main_product_details .main_about .slide .label .button .btns div.on a{
          text-align: center;
      }
      .content .main_news_info .m .right .ts_product ul li .pic img{
          /*object-fit: cover;*/
      }
      .content .main_product_details .main_details .slide .pic{
          height: 4.5rem !important;
      }
      .content .main_content .m .main_box .main_qa ul li .line{
          height: auto !important;
          padding: .3rem 0 !important;
          flex-wrap: wrap;
      }
      .content .main_content .m .main_box .main_qa ul li .line .fr{
          width: 100%;
          
          margin-top: .3rem;
      }
      .content .main_news_info{
          padding-bottom: .6rem;
      }
      .content .main_content .m .main_box .main_qa ul li .line .fr span{
          margin-left: .6rem;
      }
      .content .cart_footer .m .fl label span{
          word-wrap: normal;
      }
      .content .cart_footer .m .fl p{
          padding: 0 .2rem;
      }
      .content .main_content .m .main_box .main_services .item > img{
          width: 100%;
          display: block;
      }
      .content .main_home_about .m1600 .box .grow ul li p{
          margin-bottom: .2rem;
      }
      .fadein_password .box .fade .item .label p{
          font-size: .26rem;
          width: 80px;
      }
      .fadein_password .box .fade .item .label .change div{
          font-size: .22rem;
          width: 1.7rem;
      }
      .fadein_password .box .fade .item .label .change.on input{
          width: 128px;
      }
      .fadein_password .box .fade .item .label .change{
          width: calc(100% - 90px);
      }
      .fadein_password .box .fade .item .label .change.on input{
           width: calc(100% - 1.8rem);
      }
      .content .cart_footer .m .fr .btn{
          text-align: center;
      }
      .content .main_order_info .box .item ul li span{
          font-size: .26rem;
          white-space: nowrap;
      }
      
      .content .cart_footer .m .fr .y{
          text-align: center;
          padding: 0 .2rem;
      }
      .content footer .m1560{
          max-width: 100%;
          width: 100% !important;
      }
      .content footer .m1560 div a{
          margin: 0;
      }
      .content .main_home_service .m1600 ul li .fonts span{
              font-size: .24rem !important;
    line-height: 1.6 !important;
    margin-top: .1rem !important;
      }
      .content footer .m1560 div{
          flex-wrap: wrap;
      }
      .content .main_order_info .box .item ul li{
          margin-right: 0;
           font-size: .26rem;
      }
      .fadein_add .box{
          width: 6.9rem;
          padding: 0 .2rem;
      }
      .content .main_content .m .main_box .main_user_integral .head .btn{
          position: static;
          margin: .3rem auto;
      }
      .content .main_content .m .main_box .main_user_integral .head .tab a {
          flex: 1;
      }
      .content .main_content .m .main_box .main_user_integral .head .tab div{
          padding: 0;
          flex: 1;
          font-size: .26rem;
          text-align: center;
      }
      .content .main_content .m .main_box .main_user_integral{
          padding: .3rem 0;
      }
      .content .main_order_info .box .item table tr th,.content .main_order_info .box .item table tr:last-child td, .content .main_order_info .box .item table tr td .info div span{
          font-size: .24rem;
      }
      .fadein_add .box .child .changes .label{
          width: 48%;
      }
      .fadein_add .box .child .item .city .lab{
          width: 31%;
      }
      .fadein_password .box .title p{
          font-size: .33rem;
      }
      .content .main_order_info .box .price_info .price_infos{
          width: 100%;
          min-width: 100%;
      }
      .fadein_password .box{
          width: 6.9rem;
          padding: 0 .2rem;
      }
      .fadein_password .box .fade .item .button{
          padding: 0;
          justify-content: center;
      }
    .content .main_content .m .main_box .main_left .navbar_link ul li a img{
        margin-right: .1rem !important;
    }
      .content .main_content .m .main_box .main_left .navbar_link ul li{
          margin-bottom: .2rem !important;
      }
      .content .main_content .m .main_box .main_left .navbar_link ul{
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
      }
        .content .main_content .m .main_box .main_left .navbar_link ul li{
          padding-right: .5rem !important;
          padding-left: .2rem !important;
          width: 48% !important;
          margin: 0 !important;
          margin-bottom: .15rem !important;
      }
      .content .main_content .m .main_box .main_user_order .tabbar div{
          font-size: .26rem;
      }
      .content .main_content .m .main_box .main_datas ul li a div p{
          font-size: .28rem !important;
      }
      .content .main_content .m .main_box .main_user_order .orderlist .label{
          display: inline-block;
          width: 15rem;
      }
      .content .main_content .m .main_box .main_user_order .orderlist .items .srcoll{
          overflow: auto;
          white-space: nowrap;
      }
      .content .main_content .m .main_box .main_left .navbar_link ul{
          white-space: inherit !important;
      }
      .tableout{
          overflow: auto;
          width: 100%;
          white-space: nowrap;
      }
      .content .main_content .m .main_box .main_services .item .table .table1{
          overflow: hidden;
          display: inline-block;
         
      }
      .searchicon{
          width: .4rem;
          display: block;
      }
      .search_fadein{
          width: 100%;
          height: 100%;
          background: rgba(0,0,0,.6);
          position: fixed;
          left: 0;
          top: 0;
          z-index: 99999999999;
          display: flex;
          display: none;
          align-items: center;
          justify-content: center;
      }
      .search_fadein .searchs img{
          width: .45rem;
          position: absolute;
          right: 0;
          top: -.8rem;
      }
        .search_fadein .searchs {
        width: 6.9rem;
        height: .88rem;
        border-radius: .6rem;
        background: #F4F4F4;
        font-size: 12px;
        position: relative;
        display: flex;
        align-items: center; }
        .search_fadein .searchs div {
          height: 100%;
          display: flex;
          align-items: center;
          background: #E50012;
          font-size: .26rem;
          color: #fff;
          justify-content: center;
          width: 1.6rem;
          border-radius: 0 .6rem .6rem 0;
          position: absolute;
          right: 0;
          cursor: pointer;
          top: 0;
          z-index: 9; }
        .search_fadein .searchs input {
          width: 100%;
          height: 100%;
          font-size: .26rem;
          color: #333;
          border: none;
          outline: none;
          background: none;
          padding-left: .3rem; }
          .search_fadein .searchs input::placeholder {
            color: #999; }
            .product_table tr th{
                font-size: .25rem;
                height: .9rem;
            }
            .product_table tr td{
                height: .9rem;
                font-size: .25rem;
            }
            .content .page_list div{
                flex-wrap: wrap;
                justify-content: center;
            }
            .content .main_home_hot .m1600 .box .slide .swiper .swiper-slide{
                overflow: auto;
            }
            .abs1 .product_table{
                width: 16rem;
            }
            .content .page_list{
                flex-wrap: wrap;
                justify-content: center;
            }
            .fadein_prize .box ul li a .info img{
                width: 1.5rem;
                height: 1.1rem;
            }
            .content .page_list a{
                margin-top: .15rem !important;
            }
            .content .page_list a{
                width: auto !important;
                font-size: .22rem !important;
                padding: 0 .15rem !important;
            }
            .content .main_product_details .main_details .slide .pic .mySwiper .swiper-slide{
                width: 100% !important;
            }
            .content .home_banner{
                height: 2.6rem !important;
            }
            .fadein_prize{
                z-index: 99999999;
            }
            .fadein_prize .box ul li a .info{
                align-items: flex-start;
            }
            .fadein_prize .box{
                width: 6.9rem;
            }
            .fadein_prize .box ul li a .info div{
                padding-left: .2rem;
            }
            .fadein_prize .box ul li a .info div span{
                font-size: .2rem;
            }
            .fadein_prize .box ul li a .info div p{
                font-size: .24rem;
                margin-bottom: .1rem;
            }
            .fadein_prize .box ul li{
                position: relative;
            }
            .fadein_password .box .fade .item .label p{
                width: 1.2rem;
            }
            .fadein_password .box .fade .item .label .change{
                width: calc(100% - 1.5rem);
            }
            .content .main_content .m .main_box .main_user_set .box .user{
                width: 1.5rem;
                height: 1.5rem;
            }
            .content .main_content .m .main_box .main_user_set .box .label p{
                font-size: .24rem;
            }
           .content .main_content .m .main_box .main_user_set .box .label .grow em, .content .main_content .m .main_box .main_user_set .box .label .grow span{
                font-size: .24rem;
            }
            .content .main_content .m .main_box .main_user_set .box .label{
                width: 100%;
                padding-left: .5rem;
                transform: translateX(0);
            }
            .fadein_prize .box ul li a .btn{
                width: 1.3rem;
                height: .45rem;
                font-size: .22rem;
                position: absolute;
                right: 0;
                bottom: .2rem;
            }
            .content .main_content .m .main_box .main_user_set{
                padding: .3rem;
            }
      }
      @media (max-width: 1550px) {
          .content .home_banner{
              height: 450px;
          }
      }

