@charset "utf-8";
/* CSS Document */
@font-face{
	src:url(../fonts/HarmonyOS_Sans_SC_Light.ttf);
	font-family:"myfont";
	}
@font-face{
	src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);
	font-family:"title";
	}
@font-face {
  font-family: 'iconfont';
  src:url(../icons/iconfont.eot);
  src: url(../icons/iconfont.eot?#iefix) format('embedded-opentype'),
  url(../icons/iconfont.woff) format('woff'),
  url(../icons/iconfont.ttf) format('truetype'),
  url(../icons/iconfont.svg#iconfont) format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
*{
	padding:0;
	margin:0;
	border:none;
	outline:none;
	font-size:62.5%;
	list-style:none;
	font-family:"myfont", sans-serif;
}
input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	box-sizing: border-box;
  }
input[type="checkbox"] {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	border: 1px solid #a3a3a3;
	border-radius: 0%;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
input[type="checkbox"]:checked {
	border-color: #1a1a1a;
    background:#1a1a1a;
	background-image: url(../images/ok.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}
img{
	display: block;
}
.clear{
	clear:both;
	}
a{
	text-decoration:none;
	}
::-webkit-scrollbar-thumb:hover {
    background:#576253;
}

::selection {
    background: #576253;
    color: #fff;
}
/* 取消上下箭头 */
.contact .box input[type="number"]::-webkit-inner-spin-button,
.contact .box input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.w_all{
	width:1520px;
	margin:auto;
}
.w_all2{
	width:76%;
	margin:auto;
}
.w_all3{
	width:72%;
	margin:auto;
}
/*index*/
html, body{
	width:100%;
	position:relative;
	}
header{
	width:100%;
	position:relative;
	left:0%;
	top:0px;
	z-index:9999;
	background: #fff;
}
header.active{
	position:fixed;
}
.n_top{
	background: rgba(239, 236, 231);
	line-height: 54px;
}
.n_top p{
	text-align: center;
	font-size: 1.4rem;
	color: #1a1a1a;
}
nav{
	position: relative;
	background: rgba(87, 98, 83);
}
.n_bot{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{
	height: 66px;
}
.logo img{
	display: block;
	height: 100%;
}
header dl{
	width: 50rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
header dl dd{
	margin-right: 35px;
}
header  span{
	display: block;
	font-size: 1.54rem;
	position: relative;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	color:#fff;
	line-height: 86px;
	letter-spacing: 0.5px;
	cursor: pointer;
}
header span::before{
	content:'';
    width: 0px;
    height: 1px;
    position: absolute;
    bottom: 34%;
    left: 0%;
	background: #fff;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
header dl dd:hover span::before{
	width: 100%;
}
header ul{
	width: 50rem;
	display: flex;
	justify-content: flex-end;
}
header ul li span{
	font-size: 1.5rem;
	position: relative;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	color:#fff;
}
header ul li{
	margin-left: 35px;
}
header ul li span{
	display: flex;
	align-items: center;
}
header ul li i{
	margin-left: 8px;
	font-style: normal;
	width: 22px;
	height: 22px;
	display: flex;
	font-family: "title";
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	color: rgba(87, 98, 83);
}
header ul li .li_ph{
    display: none;
}
header .others_ph{
    display: none;
}
.menubox{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #494948;
	opacity: 0.6;
	display: none;
	z-index: 9;
}
.s_menu{
	position: fixed;
	left: 0px;
	top: 140px;
	width: 100%;
	z-index: 9999;
	background: #fff;
	display: none;
}
.s_menu .sbox{
	padding: 3% 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}
.s_menu .s1box{
	margin-right: 20rem;
	position: relative;
}
.s_menu h3{
	font-size: 1.6rem;
	color:#333;
	margin-bottom: 15px;
}
.s_menu .s1box a{
	display: block;
	padding: 6px 0;
	font-size: 1.4rem;
	color:#333;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer;
}
.s_menu .s1box a:hover{
	opacity: 0.7;
}
.s_menu .imgs{
	display: flex;
}
.s_menu .imgs a{
	text-align: center;
	max-width: 24rem;
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	cursor: pointer;
	margin-right: 8rem;
	color: #666;
}
.s_menu .imgs a img{
	width: 100%;
	margin-bottom: 20px;
	border-radius: 5px;
}
.navBtn{
	display: none;
}
.banner{
	width:100%;
	height: 64vh !important;
	position:relative;
	overflow: hidden;
	background: #fff;
}
.banner .swiper-slide {
	overflow:hidden;
	position: relative;
	width: 100%;
    height: 100%;
}
.banner .slide-inner{
    width: 100%;
    height: 100%;
}
.banner .slide-inner:before {
    content: "";
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background: rgba(87, 98, 83,0.15);
    pointer-events: none;
    z-index: 1;
}
.banner .swiper-pagination{
	bottom: 5% !important;
}
.banner .swiper-pagination-bullet{
	width: 64px !important;
	height: 2px !important;
	opacity: 1 !important;
	background: rgba(255,255,255,0.5);
	margin: 0 10px !important;
	border-radius: 0 !important;
	position: relative;
}
.banner .swiper-pagination span::after{
	content: "";
	position: absolute;
	left: 0%;
	bottom: 0px;
	width: 0%;
	height: 2px;
	background: #fff;
	z-index: 2;
}
.banner .swiper-pagination-bullet-active::after{
	width: 100% !important;
	-webkit-transition: all 5s linear;
	transition: all 5s linear;
}
.swiper-button-next, .swiper-button-prev{
	top: 55% !important;
	padding:0 2% ;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}
.txt_all{
	position: absolute;
	left: 14%;
	bottom: 12%;
	width: 50%;
	z-index: 4;
}
.txt_all p{
	font-size: 6rem;
	color: #fff;
	font-family: "title";
	letter-spacing: 1px;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.txt_all p strong{
    font-size: 1.4rem;
    margin-bottom: 20px;
	display: block;
}
.more{
	margin-top: 4rem;
	display: inline-block;
	letter-spacing: 1px;
	color: #fff;
	background: #576253;
	line-height: 52px;
	padding: 0 40px;
	cursor: pointer;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.more span{
	position: relative;
	z-index: 2;
	font-size: 1.38rem;
	font-weight: 600;
}
.more::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: #515b4d;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	z-index: 1;
}
.more:hover::before{
	height: 100%;
}
.indexBars{
	position: relative;
	padding: 6% 0;
}
.title{
	text-align: center;
}
.title h6{
	font-size: 1.6rem;
	letter-spacing: 1px;
	color: #1a1a1a;
	margin-bottom: 20px;
	font-weight: normal;
	font-family: "title";
}
.title h3{
	font-size: 4.6rem;
	letter-spacing: 2px;
	color: #1a1a1a;
	font-weight: 400;
}
.index_bar2 h6{
	display: none;
}
.index_bar2 ul {
	display: flex;
	justify-content: space-between;
}
.index_bar2 ul li{
	width: 24%;
	text-align: center;
	position: relative;
}
.index_bar2 ul li .prizeS{
	background: rgba(145, 59, 89);
	color: #fff;
	font-size: 1.3rem;
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 9;
	padding: 3px 8px;
	border-radius: 3px;
	/*display: none;*/
}
.index_pros ul li .imgs{
	position: relative;
}
.index_pros ul li .imgs a img{
	width: 100%;
	display: block;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.index_pros ul li .imgs .img2{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
	z-index: 2;
}
.index_pros ul li .imgs:hover a img{
	opacity: 0;
}
.index_pros ul li .imgs:hover .img2{
	opacity: 1;
}
.index_pros ul li .add{
	position: absolute;
	left: 10%;
	bottom: 0;
	width: 80%;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 15px 0;
	background: #fff;
	opacity: 0;
	transition: all .25s ease-in-out;
	overflow: hidden;
	z-index: 6;
	cursor: pointer;
}
.index_bar2 ul li .add span{
	font-size: 1.5rem;
	color: #1a1a1a;
	position: relative;
	z-index: 2;
}
.index_bar2 ul li:hover .add{
	opacity: 1;
	transform: translateY(-20px);
}
.index_bar2 ul li .add::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: #f3f3f3;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	z-index: 1;
}
.index_bar2 ul li .add:hover::before{
	height: 100%;
}
.index_bar2 ul li .add img{
	display: none;
}
.index_bar2 ul li h3{
	font-size: 1.6rem;
	color: #000;
	padding: 20px 0 10px;
}
.index_bar2 ul li p{
	font-size: 1.5rem;
	margin: 4px 0;
}
.index_bar2 ul li p s{
	opacity: 0.7;
	font-size: 1.3rem;
	margin-left: 5px;
}
.index_bar2 .txt{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 2% auto 4%;
}
.index_bar2 .txt .line{
	display: flex;
	justify-content: center;
	position: relative;
}
.index_bar2 .line strong{
	display: block;
	position: absolute;
	left: 0%;
	bottom: 0px;
	width: 100px;
	height: 2px;
	background: #1a1a1a;
	z-index: 99;
}
.index_bar2 .swiper-pagination{
	position: relative;
	width: auto !important;
	border-bottom: 1px solid #ccc;
}
.index_bar2 .swiper-pagination span{
	width: auto !important;
	height: auto !important;
	background: none !important;
	opacity: 1;
	margin: 0 !important;
	padding-right:60px !important;
	padding-bottom: 15px;
	transition: all .25s ease-in-out;
	color: #1a1a1a;
	opacity: 0.7;
	border-radius: 0;
}
.index_bar2 .swiper-pagination span:last-of-type{
	padding-right: 0 !important;
}
.index_bar2 .swiper-pagination span i{
	font-style: normal;
	font-size: 1.5rem;
}
.index_bar2 .swiper-pagination span.swiper-pagination-bullet-active{
	opacity: 1;
	font-weight: bold;
}
.index_bar2 .more{
	display: block;
	margin: 3% auto 0;
	width: 60px;
	text-align: center;
}
.index_bar3{
	padding-top: 0;
}
.index_bar3 .swiper-slide{
	height: auto !important;
}
.index_bar3 ul{
	flex-wrap: wrap;
	justify-content: center;
}
.index_bar3 ul li{
	width: 14.8%;
	margin: 1%;
}
.index_bar3 ul li:nth-of-type(6n){
	margin-right: 0;
}
.index_bar3 ul li img{
	width: 100%;
	border-radius: 4px;
}
.index_bar4{
	background: #576253;
	color: #fff;
}
.index_bar4 .contain{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index_bar4 .left{
	padding: 0 5%;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
}
.index_bar4 .left h6{
	font-size: 1.4rem;
	font-weight: normal;
	font-family: "title";
}
.index_bar4 .left h3{
	margin: 4% 0;
	font-size: 4rem;
	letter-spacing: 2px;
	font-weight: normal;
}
.index_bar4 .left p{
	font-size: 1.5rem;
	line-height: 2;
}
.index_bar4 .right{
	width: 50%;
}
.index_bar4 .right img{
	width: 100%;
	border-radius: 5px;
}
.index_bar4 .more{
	background: #fff;
	color: #576253;
}
.index_bar4 .more:hover::before{
	background: #EDEDED;
}
.index_bar5 ul{
	display: flex;
	justify-content: space-between;
	margin-top: 3%;
}
.index_bar5 ul li{
	width: 31.3%;
}
.index_bar5 ul li img{
	width: 100%;
	border-radius: 4px;
}
.index_bar5 ul li h3{
	font-size: 2rem;
	margin: 25px 0 20px;
}
.index_bar5 ul li p{
	font-size: 1.46rem;
	line-height: 1.6;
}
.index_bar6{
	background: #F5F1EC;
}
.index_bar6 .imgs{
	position: relative;
	overflow: hidden;
}
.index_bar6 .imgs img{
	transition: all .5s ease;
}
.index_bar6 ul li:hover .imgs img{
	transform: scale(1.03);
}
.index_bar6 ul li a{
	color: #1a1a1a;
}
.index_bar6 ul li h3{
	font-weight: normal;
	font-size: 3rem;
}
.enter{
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	overflow: hidden;
	transition: all .15s ease-in-out;
	transform: scale(0.5);
	opacity: 0;
}
.enter i{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.2rem;
	transform: rotate(180deg);
}
.enter .i2{
	position: absolute;
	left: -40px;
	top: 0;
}
.index_bar6 ul li:hover .enter{
	opacity: 1;
	transform: scale(1);
}
.enter:hover .i1{
	transform: translateX(40px) rotate(180deg);
	transition: all .15s ease-in-out;
}
.enter:hover .i2{
	left: 0px;
	transition: all .25s ease-in-out;
}
.more2{
	font-size: 1.5rem;
	font-family: "title";
	margin-top: 4%;
	text-decoration: underline;
}
.footer .top{
	background: #576253;
	padding: 2.2% 0 2%;
}
.footer .top ul{
	display: flex;
	justify-content: center;
}
.footer .top ul li{
	width: 33.3%;
	text-align: center;
}
.footer .top ul li i{
	font-size: 3rem;
	color: #fff;
}
.footer .top ul li h3{
	font-size: 1.4rem;
	color: #fff;
	margin: 10px 0 20px;
}
.footer .top ul li p{
	font-size: 1.56rem;
	color: #fff;
}
.footer .top ul li p a{
	font-size: 1.56rem;
	color: #fff;
	display: block;
	margin: 5px 0 ;
	transition: all 0.3s linear;
	letter-spacing: 0.5px;
}
.footer .top ul li p a:hover{
	opacity: 0.8;
}
.footer .bottom{
	background: #6F7C6B;
	padding: 3% 0 0;
}
.footer .bottom .contain{
	display: flex;
	justify-content: space-between;
}
.footer .rr{
	width: 62%;
	display: flex;
	justify-content: space-between;
}
.footer .rr dt{
	font-size: 1.42rem;
	color: #fff;
	font-family: "title";
	margin-bottom: 30px;
}
.footer .rr dd{
	font-size: 1.54rem;
	color: #fff;
	margin: 12px 0;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
	cursor: pointer;
}
.footer .rr dd:hover{
	opacity: 0.6;
}
.footer .left{
	width: 21%;
}
.footer .left p{
	font-size: 1.6rem;
	color: #fff;
	line-height: 1.8;
}
.footer .left .email{
	display: flex;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 5px;
	padding: 12px 15px;
	margin: 2rem 0 2rem;
}
.footer .left input{
	width: 100%;
	color: #fff;
	background: none;
	font-size: 1.6rem;
}
.footer .left input::-webkit-input-placeholder{
    font-size: 1.6rem;
	color: #fff;
    }
.footer .left .email i{
	font-size: 2.2rem;
	transform: rotate(180deg);
	color: #fff;
}
.footer .left h6{
	color: #fff;
	font-size: 1.4rem;
	margin-bottom: 10px;
}
.footer .others{
	display: flex;
}
.footer .others b{
	display: block;
	width:22px;
	margin-right: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.footer .others b img{
	width: 100%;
}
.footer .others b:hover{
	opacity: 0.6;
}
.footer .copyright{
	display: flex;
	padding: 3% 0 2%;
	justify-content: space-between;
	align-items: center;
}
.footer .copyright p{
	font-size:1.3rem;
	color: #fff;
	display: flex;
}
.footer .copyright a{
	font-size:1.3rem;
	color: #fff;
	margin-left: 40px;
}
.footer .copyright .pays{
	display: flex;
	align-items: center;
	color: #fff;
}
.footer .copyright .pays img{
	width: 26px;
	margin-left: 12px;
}
.o_nav{
	padding: 3rem 0 2.5%;
}
.o_nav ul{
	display: flex;
}
.o_nav ul li{
	margin-right: 10px;
	font-size: 1.4rem;
	color: #1a1a1a;
	opacity: 0.7;
	transition: all 0.3s linear;
}
.o_nav ul a:hover li{
	opacity: 1;
}
.o_nav ul li.now{
	color: #576253;
	opacity: 1;
	font-family: "title";
}
.allbars{
	position: relative;
	padding: 0 0 5%;
}
.allbars2{
	position: relative;
	padding: 5% 0;
}
.title p{
	font-size: 1.56rem;
	color: #111;
	margin: 20px 0;
	line-height: 1.8;
}
.contact .contain{
	width: 800px;
	margin: auto;
	text-align: center;
}
.contact .box{
	width: 58%;
	margin:5rem auto 0;
}
.contact .box input.inputs{
	width: 100%;
	display: block;
	box-sizing: border-box;
	border: 1px solid rgba(26, 26, 26,0.15);
	padding: 10px 15px;
	background: none;
	font-size: 1.6rem;
	color: #1a1a1a;
	margin: 16px 0;
	line-height: 30px;
	border-radius: 4px;
}
.contact .box ::-webkit-input-placeholder {
    color: #1a1a1a;
	font-size: 1.6rem;
}
.contact .box textarea{
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 10px 15px;
	line-height: 30px;
	height: 108px;
	font-size: 1.6rem;
	color: #1a1a1a;
	border-radius: 4px;
	margin: 16px 0;
	background: none;
	border: 1px solid rgba(26, 26, 26,0.15);
}
.contact input:focus,
.contact textarea:focus {
  border-color: #333;
}
.contact .box p{
	position: relative;
}
.contact .box p span{
	position: absolute;
	left: 15px;
	top: 16px;
	background: #fff;
	opacity: 0;
	transition: all 0.3s ease;
	font-size: 1.3rem;
	padding: 2px;
}
.contact .box p span.active{
	opacity: 1;
  	transform: translateY(-25px);
}
.contact .submit{
	width: 100%;
	padding: 0;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 3rem;
}
.contact .submit button{
	display: block;
	background: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: 1px;
}
.o_ban img{
	width: 100%;
}
.about p{
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 3rem 0;
}
.about .bar1{
	position: relative;
	padding: 5% 0;
}
.about .bar1::before{
	content:'' ;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 40%;
	background: #E9E6DA;
}
.about .bar1 .contain{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.about .bar1 .left{
	margin-left: 5%;
	width: 39%;
}
.about .bar1 .left img{
	width: 100%;
	border-radius: 5px;
}
.about .bar1 .right{
	text-align: center;
	width: 38%;
	margin-right: 5%;
}
.about .bar1 h6{
	font-size: 1.6rem;
}
.about h4{
	font-size: 3.6rem;
	color: #1a1a1a;
	font-weight: normal;
	margin: 5% 0 ;
}
.about .bar2{
	background: #4B564A;
}
.about .bar2 ul{
	display: flex;
	justify-content: space-between;
}
.about .bar2 ul li{
	color: #fff;
	font-size: 1.6rem;
	width: 31.3%;
}
.about .bar2 ul li img{
	width: 100%;
	border-radius: 5px;
	margin-bottom: 20px;
}
.about .bar3 .swiper-container{
	margin-top: 3%;
}
.about .bar3 .swiper-slide{
	display: flex;
	justify-content: space-between;
	background: #E9E6DA;
	align-items: center;
	border-radius: 5px;
	overflow: hidden;
	opacity: 0.2;
	transition: all .25s ease-in-out;
}
.about .bar3 .swiper-slide-active{
	opacity: 1;
}
.about .bar3 .swiper-slide .ll{
	width: 50%;
}
.about .bar3 .swiper-slide img{
	width: 100%;
	display: block;
}
.about .bar3 .swiper-slide .rr{
	width: 50%;
	padding: 0 6%;
	box-sizing: border-box;
}
.about .bar3  h4{
	font-size: 3rem;
}
.about .bar3 p{
	font-size: 1.46rem;
	margin: 2rem 0;
}
.about .bar3  .swiper-pagination{
	position: static;
	margin-top: 3%;
	width: 80%;
}
.about .bar3  .swiper-pagination span{
	border-top: 2px solid #ccc;
	width: 33.3% !important;
	height: auto !important;
	background: none !important;
	margin: 0 !important;
	padding: 0;
	padding-top: 15px;
	transition: all .25s ease-in-out;
	color: #1a1a1a;
	border-radius: 0;
	opacity: 1;
	text-align: left;
}
.about .bar3  .swiper-pagination span i{
	font-style: normal;
	font-size: 1.5rem;
	opacity: 0.8;
}
.about .bar3  .swiper-pagination span.swiper-pagination-bullet-active{
	border-color: #576253;
}
.about .bar3  .swiper-pagination span.swiper-pagination-bullet-active i{
	opacity: 1;
	font-weight: bold;
}
.about .bar3 .btns{
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	border-radius: 6px;
	overflow: hidden;
}
.about .bar3 .enter{
	opacity: 1;
	transform: scale(1);
	position: static;
	border: 1px solid #ddd;
	border-radius: 0;
	padding: 6px;
	cursor: pointer;
}
.about .bar3 .enter.lll{
	transform: rotate(180deg);
	border-top: none;
}
.about .bar3 .enter.swiper-button-disabled i{
	opacity: 0.3;
}
.about2 ul{
	padding: 1% 0;
	box-sizing: border-box;
}
.about2 ul li{
	margin: 6% 0;
	position: relative;
	overflow: hidden;
}
.about2 ul li b{
	height: 100%;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 49%;
	overflow: hidden;
}
.about2 ul li b img{
	width: 100%;
	display: block;
	-webkit-transition: all 0.6s linear;
	transition: all 0.6s linear;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.about2 ul li:hover b img{
	-webkit-transform: scale(1.05) translate(-50%,-50%);
	transform: scale(1.05) translate(-50%,-50%);
}
.about2 ul li h2{
	width: 45%;
	float: left;
	font-size: 2rem;
	color: #8f9090;
	margin: 5% 0;
}
.about2 ul li:nth-of-type(2n) b{
	right: inherit;
	left: 0;
}
.about2 ul li:nth-of-type(2n) h2{
	float: right;
}
.newss{
    background: #fff;
    padding-top: 0;
}
.newss ul{
    /*justify-content: flex-start;*/
    flex-wrap: wrap;
}
.news_d .bar{
    display: flex;
    justify-content: space-between;
    margin-top: 3%;
}
.news_d .left{
    font-size: 1.6rem;
    border-top: 1px solid #ddd;
    padding-top: 2rem;
}
.news_d .right{
    width: 60%;
    margin: auto;
}
.news_d h1{
    font-size: 2.6rem;
    margin-bottom: 3rem;
}
.news_d p{
    font-size: 1.6rem;
    margin: 1rem 0;
    line-height: 1.7;
}
.pro_l .contain{
	margin-top: 3%;
	display: flex;
	justify-content: space-between;
}
.pro_l .left{
	width: 26rem;
	position: sticky;
    top: 0;
    z-index: 99;
    height: 100%;
}
.pro_l .left h6{
	font-size: 2rem;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2rem;
}
.pro_l .left dl{
	border-bottom: 1px solid #ccc;
	margin: 0% 0;
	padding: 30px 0;
}
.pro_l .left dl:last-of-type{
	border: none;
}
.pro_l .left dt{
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.pro_l .left dt strong{
	font-size: 1.7rem;
	color: #1a1a1a;
	font-family: "title";
	font-weight: normal;
}
.pro_l .left dt i{
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 1.4rem;
	font-weight: bold;
	transition: all .2s ease-in-out;
}
.pro_l .left dl.active dt i{
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.pro_l .left .dds{
	display: none;
	padding: 15px;
}
.pro_l .left dl:first-of-type .dds{
	display: block;
}
.pro_l .left dd{
	margin-top: 10px;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.pro_l .left dd .checkbox {
    position: relative;
    transition: all .2s ease-in-out;
}
.pro_l .left dd p{
	margin-left: 5px;
	font-size: 1.5rem;
	color: #1a1a1a;
}
.pro_l .left dd p span{
	font-size: 1.5rem;
	color: #1a1a1a;
}
.filtered{
	display: flex;
	flex-wrap: wrap;
	margin: 2rem 0 0;
}
.filtered .pls{
	padding: 7px 14px 8px 13px;
	background: #F3F3F3;
	margin-right: 10px;
	border-radius: 4px;
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.filtered .pls img{
	height: 15px;
	margin-right: 6px;
	cursor: pointer;
}
.filtered .pls p{
	font-size: 1.4rem;
	color: #000;
}
.pro_l .del{
	font-size: 1.3rem;
	display: none;
	color: #666;
	margin-top: 10px;
	text-decoration: underline;
	cursor: pointer;
}
.pro_l .right{
	width: 78%;
	margin-left: 3rem;
}
.pro_l .right .top{
	display: flex;
	justify-content: space-between;
}
.pro_l .right .top .flitt0{
    display: flex;
    align-items: center;
    width: 120px;
    display: none;
}
.pro_l .right .top .flitt0 img{
    height: 18px;
    margin-right: 5px;
}
.pro_l .right .top h5{
	font-size: 1.5rem;
	font-weight: normal;
}
.pro_l .right .top h5 span{
	margin: 0 3px;
	font-size: 1.5rem;
	font-family: "title";
}
.pro_l .right .sel{
	position: relative;
	cursor: pointer;
}
.pro_l .right .sel .lle{
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	position: relative;
}
.pro_l .right .sel strong{
	font-size: 1.46rem;
	margin:0 10px 0 5px;
	font-weight: normal;
	color: #1a1a1a;
	font-family: "title";
}
.pro_l .right .sel i{
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 1.3rem;
	font-weight: bold;
	transition: all .2s ease-in-out;
}
.pro_l .right .sel.active i{
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.pro_l .right .sels{
	display: none;
	position: absolute;
	right: -20px;
	top: 30px;
	background: #fff;
	border: 1px solid #eee;
	padding: 1rem 3rem;
	z-index: 9;
	border-radius: 3px;
	min-width: 70px;
}
.pro_l .right .sels::before{
	position: absolute;
    content: "";
    bottom: 100%;
	right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #eee transparent;
    border-width: 8px;
}
.pro_l .right .sels::after{
	position: absolute;
    content: "";
    bottom: 100%;
	right: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-width: 6px;
}
.pro_l .right .sels span{
	font-size: 1.4rem;
	display: block;
	color: #1a1a1a;
	margin: 12px 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.pro_l .right .sels span:hover{
	opacity: 0.7;
}
.pro_l ul{
	flex-wrap: wrap;
	justify-content: flex-start;
}
.pro_l ul li{
	width: 31.3%;
	margin-top: 3%;
	margin-right: 3%;
}
.pro_l ul li:nth-of-type(3n){
	margin-right: 0;
}
.pro_d .bar1{
	display: flex;
	justify-content: space-between;
}
.pro_d .left{
	width: 60%;
	height: auto;
	display: flex;
}
.pro_d .swiper-container {
	width: 100%;
	height: auto;
    margin-left: auto;
    margin-right: auto;
}
.pro_d .gallery-thumbs {
	width:54px;
	overflow: inherit !important;
 }
.pro_d .gallery-thumbs .swiper-slide {
	height: auto !important;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
}
.pro_d .gallery-thumbs .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 2px rgb(26, 26, 26);
    opacity: 0;
    transform: scale(.9);
    transition: all .2s ease;
	border-radius: 5px;
}
.pro_d .gallery-thumbs .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	border: 2px solid #fff;
	box-sizing: border-box;
    opacity: 0;
    transition: all .2s ease;
	border-radius: 5px;
}
.pro_d .gallery-thumbs .swiper-slide-thumb-active:after {
	opacity: 1;
    transform: scale(1);
}
.pro_d .gallery-thumbs .swiper-slide-thumb-active::before {
	opacity: 1;
}
.pro_d .gallery-top {
    width: calc(100% - 15rem);
	position: relative;
	overflow: hidden;
}
.pro_d .left img{
	width: 100%;
	border-radius: 5px;
}
.pro_d .swiper-button-next{
	right: 5px;
}
.pro_d .swiper-button-prev{
	left: 5px;
}
.pro_d .swiper-button-next::after,.pro_d .swiper-button-prev::after{
	background: #eee;
	border-radius: 3px;
	padding: 13px 17px;
	font-size: 2.4rem;
}
.pro_d .right{
	width: 36%;
}
.pro_d .right h1{
	font-size: 3.8rem;
    color: #000;
    font-weight: 400;
}
.pro_d .right .txt{
	margin: 20px 0;
}
.pro_d .right .prize{
	display: flex;
	align-items: center;
}
.pro_d .right .prize span{
	font-size: 2.2rem;
}
.pro_d .right .prize span.active{
	color: rgba(145, 59, 89);
}
.pro_d .right .prize s{
	font-size: 1.6rem;
	margin: 0 10px;
}
.pro_d .right .prize i{
	font-size: 1.3rem;
	background: rgba(145, 59, 89);
	color: #fff;
	font-style: normal;
	border-radius: 2px;
	padding: 2px 5px;
}
.pro_d .right p{
	font-size: 1.4rem;
	margin: 0.5rem 0;
}
.pro_d .right p strong{
	color: #666;
	font-size: 1.4rem;
}
.pro_d .right table{
	width: 100%;
	margin-bottom: 1.5rem;
}
.pro_d .right tbody{
	display: flex;
	flex-wrap: wrap;
}
.pro_d .right table tr{
	width: 50%;
	padding: 12px 0;
	box-sizing: border-box;
}
.pro_d .right table td{
	font-size: 1.5rem;
	line-height: 1.4;
	display: block;
}
.pro_d .right table td:first-of-type{
	font-weight: bold;
	margin-bottom: 6px;
}
.pro_d .bar1 .more{
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	margin-top: 1rem;
	cursor: pointer;
}
.pro_d .bar1 .morea{
	background-image: linear-gradient(178deg,rgb(147, 164, 143),rgb(147, 164, 143) 10%,rgba(0,0,0,.07) 10%,rgba(0,0,0,.07) 100%),linear-gradient(rgb(147, 164, 143),rgb(147, 164, 143));
	background-size: 100% 200%,100% 100%;
    background-position: 100% -100%,100% 100%;
    background-repeat: no-repeat;
}
.pro_d .bar1 .morea span{
	color: rgb(75, 86, 74);
}
.pro_d .bar1 .morea:before{
	background: #899885;
}
.pro_d .bar1 .others{
	display: flex;
	justify-content: space-between;
	margin-top: 3rem;
}
.pro_d .bar1 .others ul{
	display: flex;
}
.pro_d .bar1 .others ul li{
	margin-right: 12px;
	color: #1a1a1a;
	font-size: 1.46rem;
}
.pro_d .bar1 .others ul li img{
	width: 18px;
	opacity: 0.7;
}
.pro_d .bar1 .others a{
	font-size: 1.4rem;
	border-bottom: 1px solid #999;
	color: #333;
	transition: all 0.3s linear;
}
.pro_d .bar1 .others a:hover{
	opacity: 0.7;
	color: #1a1a1a;
	transition: all 0.3s linear;
}
.pro_d .bar2 p{
	font-size: 1.54rem;
	margin: 10px 0;
	position: relative;
	padding-left: 18px;
	line-height: 1.8;
}
.pro_d .bar2 p::before{
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	background: #333;
}
.pro_d .bar2 p:first-of-type{
	padding: 0;
	margin-bottom: 3rem;
}
.pro_d .bar2 p:first-of-type::before{
	display: none;
}
.pro_d .bar3 ul{
	margin-top: 2%;
}
.pro_d .bar4{
	background: #576253;
}
.pro_d .bar4 .contain{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pro_d .bar4 .contain .left{
	width: 42%;
}
.pro_d .bar4 .contain .left img{
	width: 100%;
	border-radius: 5px;
}
.pro_d .bar4 .contain .right{
	width: 42%;
	text-align: center;
	color: #fff;
}
.pro_d .bar4 .contain .right h3{
	font-size: 3.6rem;
	margin-bottom: 3rem;
	font-weight: normal;
}
.pro_d .bar4 .contain .right p{
	font-size: 1.6rem;
	line-height: 1.8;
}
.pro_d .bar5{
	height: 40vh;
	width: 100%;
	position: relative;
}
.pro_d .bar5:before {
    content: "";
    display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
}
/* 登录 */
.load p a{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4rem;
	color: #1a1a1a;
	border-bottom: 1px solid #999;
}
.load .others{
	margin-top: 2rem;
	font-size: 1.46rem;
}
.load .others a{
	color: #576253;
	font-size: 1.46rem;
	border-bottom: 1px solid #999;
}
.load a:hover{
	opacity: 0.7;
	color: #1a1a1a;
	transition: all 0.3s linear;
}
.load .agree{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.3rem;
}
.load .agree input{
	margin-top: -1px;
	margin-right: 8px;
}
#getCode.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5 !important;
}
/* 弹框 */
.tk{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}
.tk .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transition: all .6s cubic-bezier(.75,0,.175,1);
}
.tk .bg.active{
	opacity:1;
	right:0
}
.tk .box{
	position: absolute;
	right: -100%;
	top: 0;
	width: 50rem;
	height: 100vh;
	background: #fff;
	opacity: 0;
	transition: all .6s cubic-bezier(.75,0,.175,1);
}
.tk .box.active{
	opacity:1;
	right:0
}
.tk .box .top{
	padding: 3rem 4rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
}
.tk .box .top p{
	font-size: 1.6rem;
	color: #1a1a1a;
	display: flex;
	align-items: center;
	width: 80%;
}
.tk .box .top p i{
	font-size: 2rem;
	color: #1a1a1a;
	margin-right: 8px;
}
.tk .box .top p input{
	font-size: 1.6rem;
	color: #1a1a1a;
	width: 100%;
}
.tk .box .top .close{
	cursor: pointer;
	padding: 2px;
}
.tk .box .top .close img{
	width: 22px;
}
/* 购物车弹框 */
.box_carts .top p img{
	width: 22px;
}
.box_carts .top p strong{
	font-size: 1.6rem;
	font-family: "title";
	margin: 0 5px 0 10px;
}
.box_carts ul{
	padding: 0rem 4rem;
	overflow-x: hidden;
    overflow-y: auto;
	height: calc(100vh - 226px);
}
.box_carts ul li{
	display: flex;
	justify-content: space-between;
	margin: 3rem 0;
}
.box_carts ul li .ll{
	width: 25%;
}
.box_carts ul li .ll img{
	width: 100%;
}
.box_carts ul li .txt{
	width: 49%;
	margin: 0 2% 0 3%;
}
.box_carts ul li .txt h3{
	font-size: 1.54rem;
	font-family: "title";
	font-weight: normal;
	margin-bottom: 10px;
	color: #000;
	line-height: 1.4;
}
.box_carts ul li .txt p{
	font-size: 1.36rem;
	line-height: 1.6;
}
.box_carts ul li .prize{
	margin-top: 1px;
	color: #000;
}
.box_carts ul li .prize span{
	font-size: 1.46rem;
}
.box_carts ul li .prize span.active{
	color: rgba(145, 59, 89);
}
.box_carts ul li .prize s{
	font-size: 1.46rem;
	display: block;
	opacity: 0.5;
}
.box_carts ul li .del{
	font-size: 1.24rem;
	margin-top: 2rem;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}
.box_carts .bottom{
	background: #fff;
	border-top: 1px solid #eee;
	padding: 4rem 4rem;
	width: 100%;
	box-sizing: border-box;
}
.box_carts .bottom .more{
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 18px 25px;
	margin: 0;
}
button{
	background: none;
	padding: 0;
	width: auto;
	cursor: pointer;
}
.box_carts .bottom button{
	display: flex;
	align-items: center;
	position: relative;
	z-index: 3;
	justify-content: center;
	width: 100%;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 2px;
}
.box_carts .bottom img{
	height: 18px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.box_carts .bottom .more span{
	color: #fff;
	margin: 0 5px;
}
.box_carts .bottom .more strong{
	font-size: 1.4rem;
}
.box_carts .bottom .more i{
	font-style: normal;
	font-size: 1rem;
	transform: scale(0.5);
}
/* 购物车左侧猜你喜欢 */
.box_carts .otherss{
	position: absolute;
	width:22rem;
	left: -22rem;
	top: 0;
	background: #F5F1EC;
	padding: 3rem;
	box-sizing: border-box;
	height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
	text-align: center;
}
.box_carts .otherss h6{
	font-size: 1.5rem;
}
.box_carts .otherss dd{
	margin: 4rem 0;
}
.box_carts .otherss dd img{
	width: 10rem;
	margin: auto;
}
.box_carts .otherss dd h4{
	font-size: 1.5rem;
	font-family: "title";
	font-weight: normal;
	margin: 20px 0 10px; 
	color: #1a1a1a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.box_carts .otherss dd p{
	font-size: 1.34rem;
	margin: 6px 0;
}
.box_carts .otherss .add{
	font-size: 1.32rem;
	text-decoration: underline;
	text-underline-offset: 2px;
	margin-top: 10px;
}
/* 购物流程  信息填写 */
.checkouts{
	background: #F6F3ED;
}
.checkouts .o_nav{
	padding: 2rem 0;
}
.checkouts .o_nav ul li{
	font-size: 1.3rem;
}
.checkouts .o_nav ul li i{
	font-size: 1.2rem;
}
.checkouts .bar{
	display: flex;
	justify-content: space-between;
}
.checkouts .bar .bar_ll{
	display: flex;
	justify-content: flex-end;
	padding: 7rem;
	box-sizing: border-box;
	width: 55%;
	background: #fff;
	border-right: 1px solid #D9D3C7;
	min-height: 100vh;
}
.checkouts .bar .bbs{
	width: 64%;
}
.checkouts .bar .box{
	width: 100%;
}
.checkouts .bar h3{
	font-size: 2.4rem;
}
.checkouts .bar h6{
	font-size: 1.7rem;
	margin: 3rem 0 1rem;
	letter-spacing: 1px;
}
.checkouts .box .inputs{
	width: 100%;
	display: block;
	background: none;
	font-size: 1.5rem;
	color: #1a1a1a;
	line-height: 30px;
}
.checkouts .box ::-webkit-input-placeholder {
    color: #666;
	font-size: 1.5rem;
}
.checkouts .inputs:focus{
  border-color: #333;
}
.checkouts .box p{
	position: relative;
	border: 1px solid rgba(26, 26, 26,0.15);
	padding: 10px 15px;
	margin: 16px 0;
	border-radius: 4px;
	box-sizing: border-box;
}
.checkouts .box p span{
	font-size: 1.3rem;
	padding: 2px;
}
.checkouts .box textarea{
	height: 120px;
}
.checkouts .bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 5rem;
}
.checkouts .bottom p{
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	color: #333;
}
.checkouts .bottom p i{
	margin-right: 5px;
	margin-top: 3px;
}
.checkouts .bottom a:hover{
	opacity: 0.7;
}
.submit{
	width: 100px;
	padding: 0;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0;
}
.submit button{
	display: block;
	background: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: 1px;
}
.pay dl{
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 2rem;
}
.pay dl dt{
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pay dl dt a{
	font-size: 1.3rem;
	color: #666;
	font-weight: normal;
	border-bottom: 1px solid #999;
}
.pay dl dt a:hover{
	opacity: 0.7;
}
.pay dl dd{
	font-size: 1.4rem;
}
.payWays{
	background: #F4F4F4;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
}
.payWays .tt1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	box-sizing: border-box;
	border: 1px solid #333;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.payWays .tt1 h5{
	font-size: 1.4rem;
	font-weight: normal;
}
.payWays .tt1 h5 strong{
	font-size: 1.4rem;
	color: #576253;
}
.payWays .imgs{
	display: flex;
	align-items: center;
}
.payWays .imgs span{
	display: flex;
	border-radius: 4px;
	padding: 4px;
	border: 1px solid #e5e5e5;
	margin-left: 10px;
	align-items: center;
	cursor: pointer;
	font-size: 1.2rem;
}
.payWays .imgs img{
	height: 20px;
	margin-right: 5px;
}
.payWays .imgs .img2{
	display: none;
}
.payWays .imgs span.active{
	border-color: #899885;
}
.payWays .tt2{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3rem;
}
.payWays .tt2 img{
	width: 30%;
}
/* 右边购买商品列表 */
.checkouts .bar .bar_rr{
	padding: 4rem;
	box-sizing: border-box;
	width: 45%;
}
.checkouts .bar .barss {
	width: 54%;
}
.checkouts .bar .bar_rr ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1.5rem 0;
}
.checkouts .bar .bar_rr ul li .ll{
	width: 64px;
	height: 64px;
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.checkouts .bar .bar_rr ul li .ll img{
	width: 100%;
}
.checkouts .bar .bar_rr ul li .txt{
	width: 55%;
	margin: 0 1rem;
}
.checkouts .bar .bar_rr ul li .txt h3{
	font-size: 1.54rem;
	font-family: "title";
	font-weight: normal;
	margin-bottom: 5px;
	color: #000;
	line-height: 1.4;
}
.checkouts .bar .bar_rr ul li .txt p{
	font-size: 1.36rem;
	line-height: 1.6;
}
.checkouts .bar .bar_rr ul li .pr{
	margin-top: 1px;
	color: #000;
	font-size: 1.4rem;
}
.checkouts .bar2{
	margin-top: 3rem;
}
.checkouts .bar2 p{
	font-size: 1.4rem;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin: 10px 0;
}
.checkouts .bar2 p span{
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 1px;
}
.checkouts .bar2 p#allprize{
	font-weight: bold;
	font-size: 1.6rem;
	color: #576253;
}
.checkouts .bar2 p strong{
	font-size: 1.4rem;
}
.checkouts .bar2 #allprize strong{
	color: #576253;
	font-size: 1.7rem;
}
/* 购物车 */
.carts .box{
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}
.carts .box ul{
	width: 65%;
}
.carts .box ul .li1{
	display: flex;
	justify-content: space-between;
	margin: 3rem 0;
	align-items: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1rem;
}
.carts .box ul .li1 .ll1{
	font-size: 1.36rem;
	font-weight: bold;
	color: rgba(26, 26, 26,0.7);
}
.carts .box ul .li1 .ll1 img{
	height: 20px;
	opacity: 0.5;
	cursor: pointer;
}
.carts .box ul li{
	display: flex;
	justify-content: space-between;
	margin: 3rem 0;
	align-items: center;
}
.carts .box ul .bll{
	display: flex;
	width: 60%;
}
.carts .box ul li .ll{
	width: 92px;
	border-radius: 10px;
}
.carts .box ul li .ll img{
	width: 100%;
}
.carts .box ul li .txt{
	width: 55%;
	margin: 0 2rem;
}
.carts .box ul li .txt h3{
	font-size: 1.54rem;
	font-family: "title";
	font-weight: normal;
	color: #000;
	line-height: 1.4;
}
.carts .box ul li .txt p{
	font-size: 1.36rem;
	line-height: 1.6;
	opacity: 0.8;
	margin: 5px 0;
}
.carts .box ul li .txt h4{
	font-size: 1.5rem;
	line-height: 1.6;
	font-weight: normal;
}
.carts .box ul li .prize{
	margin-top: 1px;
	color: #000;
	font-size: 1.6rem;
}
.carts .box ul li .prize span{
	font-size: 1.46rem;
}
.carts .box ul li .prize span.active{
	color: rgba(145, 59, 89);
}
.carts .box ul li .prize s{
	font-size: 1.46rem;
	display: block;
	opacity: 0.5;
}
.carts .box ul li .del{
	font-size: 1.24rem;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
	padding: 2px;
}
.carts .bbox{
	width: 28%;
	height: 100%;
	position: sticky;
	top: 86px;
}
.carts .hsbox{
	background: #fff;
	padding: 4rem 4rem;
	background: #F5F1EC;
	box-sizing: border-box;
	border-radius: 4px;
}
.carts .hsbox #allprize{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.6rem;
	font-weight: bold;
	color: rgba(26, 26, 26);
}
.carts .hsbox #allprize span{
	font-size: 1.6rem;
}
.carts .hsbox #allprize strong{
	font-size: 1.6rem;
}
.carts .hsbox p{
	font-size: 1.5rem;
	margin: 2rem 0;
}
.carts .hsbox .more{
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 18px 25px;
	margin-top: 1rem;
}
.carts .hsbox button{
	display: flex;
	align-items: center;
	position: relative;
	z-index: 3;
	justify-content: center;
	width: 100%;
	color: #fff;
	font-size: 1.34rem;
	font-weight: bold;
	letter-spacing: 2px;
}
.carts .hsbox img{
	height: 18px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.carts .bbox .others{
	margin-top: 3rem;
}
.carts .bbox .others p{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.34rem;
	margin: 15px 0;
	color: #666;
}
.carts .bbox .others img{
	height: 25px;
	margin: 0 5px;
}
.carts .likes{
	padding-bottom: 0;
}
.carts .likes ul{
	margin-top: 3rem;
}
/* 购物车为空 */
.boxNull{
	text-align: center;
	display: none;
	margin: 2rem auto;
}
.boxNull p{
	font-size: 1.8rem;
}
/* 个人中心 */
.my_nav{
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #eaeaea;
	padding: 2.5rem 0;
	margin-bottom: 4rem;
}
.my_nav span{
	margin: 0 20px;
	font-size: 1.56rem;
	color: #666;
	position: relative;
	padding: 2px 0;
	transition: all 0.3s ease-in-out;
}
.my_nav span.active,.my_nav span:hover{
	color: #000;
}
.my_nav span::before{
	content:'';
	position: absolute;
	width: 0%;
	left: 0;
	bottom: 0;
	height: 1px;
	background: #333;
	transition: all 0.3s ease-in-out;
}
.my_nav span:hover::before{
	width: 100%;
}
.my_nav span.active::before{
	width: 100%;
}
.order .title h3{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.order .title h3 span{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #333;
	text-align: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	color: #fff;
	font-size: 1rem;
	font-family: "title";
	margin-top: 6px;
	padding-left: 3px;
	box-sizing: border-box;
}
.my .contain .box p{
	margin: 2rem 0;
}
.my .contain .box p span{
	color: #666;
	opacity: 1 !important;
	transform: translateY(-25px) !important;
}
.order .box{
	margin-top: 3rem;
	border-radius: 4px;
	padding: 0 10%;
	overflow: hidden;
}
.order .status{
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #576253;
	margin-bottom: -1rem;
	letter-spacing: 1px;
}
.order .status span{
	font-size: 1.2rem;
	margin-right: 5px;
	transform: scale(0.8);
}
.order .box ul{
	background: #f6f6f6;
	padding: 3rem 3rem 2rem;
	box-sizing: border-box;
	width: 70%;
}
.order .box .prize{
	min-width: 100px;
	text-align: center;
}
.order .box .bottom{
	background: #F5F1EC;
	padding: 5rem 3%;
	width: 30%;
	box-sizing: border-box;
}
.order .box .bottom p{
	font-size: 1.46rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 12px 0;
}
.order .box .bottom p span{
	font-size: 1.46rem;
}
.order .box .bottom p strong{
	font-size: 1.46rem;
}
.order .box .bottom p#allprize{
	color: #576253;
	font-weight: bold;
}
.order .box .bottom p#allprize strong{
	font-size: 1.7rem;
}
.order .otherss{
	margin-top: 5rem;
	display: flex;
	justify-content: flex-end;
}
.order .otherss .more{
	margin-left: 2rem;
	height: 46px;
}
.pay_top{
    background: rgba(87, 98, 83);
    padding:1rem 0;
    box-sizing: border-box;
    width: 100%;
}
.pay_top .w_all{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pay_top .img2{
    height: 30px;
}
.serch_more {
    display: block;
    margin: 4rem auto;
    width: 82%;
}