@charset "utf-8";
.clear{clear: both;}

html, body {
    height: 100%;
}

body{
	width: 100%;
	margin: 0;
position: relative;
font-size: 16px;
}


*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {}
body { line-height: 1.5;
-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;}
    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background:auto;
text-decoration: none;
}

a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #000;font-family: "tcm";}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000;font-family: "tcm";}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000;font-family: "tcm";}


.w85{width:85%;max-width: 1500px;min-width: 1000px; margin: 0 auto;}
.margin-pub{padding: 90px 0;}
.space-top{margin-top:55px;}
.title{width: 100%;height: auto;position: relative;text-align: left;}
.title h2{font-size: 72px;position: absolute; left: 0;width: 100%;bottom: 25%;line-height: 1; height: auto; font-family: "ogg"; color: #000000;font-weight: normal;text-transform: capitalize;}
.title h4{font-family: "ogg";line-height: 1; font-size: 180px;color:rgba(230,213,221,0.8);  font-weight: normal;text-transform: uppercase;padding-left: 15%;}
.more{font-size: 18px;text-transform: uppercase;padding: 0 25px;border: 2px solid #fff;line-height: 45px;display:inline-block;color: #FFFFFF;}
.title2 h2{text-transform: uppercase; font-size: 72px;line-height: 1; height: auto; font-family: "ogg"; color: #000000;font-weight: normal;}
.title3 h3{font-size: 36px;color: #000000;text-transform:capitalize;}
body.page-body-bks{width: 100%;height: 100%;position:fixed;top: 0;left: 0;overflow: hidden;}


@media only screen and (max-width:1680px) {
.title h2{font-size: 66px;}
.title2 h2{font-size: 66px;}
.title h4{font-size:160px;}
.margin-pub{padding:90px 0;}
.space-top{margin-top:50px;}


}
@media only screen and (max-width:1440px) {
.title h2{font-size:56px;}
.title2 h2{font-size: 56px;}
.title h4{font-size:140px;}
.margin-pub{padding:80px 0;}
.space-top{margin-top:50px;}
.more{font-size: 16px;line-height: 40px;padding: 0 20px;}
.title3 h3{font-size: 34px}
}
@media only screen and (max-width:1280px) {
.title h2{font-size:48px;}
.title2 h2{font-size:48px;}
.title h4{font-size:120px;}	
.margin-pub{padding:70px 0;}
.space-top{margin-top:45px;}
.more{font-size: 15px;line-height:36px;padding: 0 20px;}
.title3 h3{font-size: 32px}
}






.header-box{width: 100%;height: auto;transition:all 0.5s ease;}
.header-box2{ position: fixed;top: 0;left: 0;z-index: 9999;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.discount{position: relative; text-align: center;font-size: 16px;  padding: 0 5%; background: #000;line-height: 40px; width: 100%;height: 40px;}
.discount span{color: #FFFFFF;vertical-align: middle;display:inline-block;}
.discount  span i{width: 20px;height: auto;display:inline-block;vertical-align: middle;}
.discount span i img{display: block;width: 100%;height: auto;}
.discount  a{color:#FFFFFF;text-decoration: underline;display: inline-block;margin-left: 5%;text-transform: capitalize;}
.discount .close{position: absolute;right: 5%;width: 25px;height: auto;top: 7.5px;}
.discount .close img{display: block;width: 100%;height: auto;}
.header{width: 100%;height: auto;background: #FFFFFF;border-bottom:1px solid #DCDCDC;}
.header .logo{width: 200px;height: auto;display: block;float:left;margin-top:8px;}
.header .logo img{display: block;width: 100%;height: auto;}
.header .nav{text-align: right; width: 100%;height: auto;font-size: 0; }
.header .nav li{display: inline-block;vertical-align: top;margin: 0 1.5%;}
.header .nav li a{color: #000000;font-size: 16px;text-transform: uppercase;line-height: 80px;}
.header .nav li:hover>a{color: #DF89B2;}
.header .nav li .downs{display: none; position:fixed;width: 100%;border-top:1px solid #DCDCDC; z-index: 9999;left: 0;background: #FFFFFF;padding: 15px 5%;text-align: center;}
.header .nav li .downs a{line-height: 30px; padding: 0 2%; display: inline-block;font-size: 16px;color: #999999;}
.header .nav li .downs >a:hover{color: #000000;}
.header .nav li:hover  > .downs{display: block;}


.header .right{position:relative; width: calc(100% - 200px);float: right;}
.header .right .nav{width:calc(100% - 200px);float: left;}
.header .right .actions{width: 200px; float: right;text-align: right;margin-top:28px;}
.header .right .actions .register {text-transform: uppercase; font-size: 16px; display: inline-block;}
.header .right .actions  img{margin-right: 5px; width:25px;display: inline-block; height: auto;}
.header .right .actions a{display: inline-block;margin-right: 15px;color: #000000; }
.header .right .actions .search{ cursor: pointer; width: 25px;height: auto;display: inline-block;}







.search-box{display: none; position: absolute;left: 5%;  width:calc(95% - 200px); height: auto;background: #FFFFFF; margin-top: 18px; }
.search-box form{background: #FFFFFF;overflow: hidden; width: 100%;height: auto; display: block;}
 .search-box form .sl{width: calc(100% - 170px);color: #666; float: left; height: auto;line-height: 20px;  font-family: "tcm"; font-size: 18px; padding: 10px 10px 10px 35px ;border: none; background: none; border-bottom: 1px solid #000000;  background-repeat: no-repeat;background-position: center left;background-size: 25px 25px;}
.search-box .close{position: absolute;right: 5%;width: 25px;height: auto;top:25px;}
 .search-box .close img{display: block;width: 100%;height: auto;}
 .search-box form .sbn{float: right;  border: none;font-size: 18px;text-transform: uppercase;font-family: "tcm"; width: 160px;height:40px;text-align: center; background: #000000;color: #FFFFFF;}

 .search-box form .sl::-webkit-input-placeholder{color: #666;}
 .search-box form .sl::-moz-placeholder{color: #666;}
 .search-box form .sl:-ms-input-placeholder{color: #666;}
.search-con{position: relative; display: none; padding: 30px 0; width: 100%; max-height:650px; overflow-x: hidden;overflow-y: auto;z-index: 999;border-top: 1px solid #DCDCDC;background: #FFFFFF;}
.search-con h5{font-weight: normal;text-transform: uppercase; font-size: 30px;color: #000000;} 
.search-con .recom,.search-con .history{ width: calc(90% - 400px);margin: 0 auto;margin-bottom: 30px;}
.search-con .recom .con{width: 100%;height: auto;margin-top:15px;}
.search-con .recom .con a{display: inline-block;margin-right: 10px;margin-bottom: 10px;font-size: 18px;  color: #666666;background: #fafafa;padding:8px 20px;}
.search-con .recom .con a:hover{background: #DF89B2;color: #FFFFFF;}
.search-con .history .con{width: 100%;margin-top: 15px; height: auto;border-top: 1px solid #DCDCDC;}
.search-con .history .con  p{width: 100%;height:auto;padding: 10px 0;border-bottom: 1px solid #DCDCDC;}
.search-con .history .con a{display: inline-block;width: calc(100%  - 50px);vertical-align:middle;font-size: 18px; text-align: left; color: #666666;}
 .search-con .history .con i{display: inline-block;width: 40px;text-align: right;font-size: 23px;vertical-align: middle; color: #666666;}
.search-con .close{cursor: pointer; z-index: 999; width: 25px;height: auto;position: absolute;top: 10px;right: 5%;background: none;}
.search-con .close img{display: block;width: 100%;height: auto;}

.page-box-top{margin-top:120px;}

@media only screen and (max-width:1680px) {
	.header .logo{width: 180px;}
	.header .nav{width: calc(100% - 180px);}
	.header .right .actions{width: 180px;}
	.header .right .nav{width: calc(100% - 180px);}
.search-con h5{font-size: 26px;}

.search-con .recom,.search-con .history{width: calc(95% - 360px);margin-left: calc(5% + 180px);}
.search-box{width: 95% - 180px;}
}
@media only screen and (max-width:1440px) {
	.header .logo{width: 160px;}
	.header .nav{width: calc(100% - 160px);}
	.header .right .actions{width: 160px;}
	.header .right .nav{width: calc(100% - 160px);}
	.header .right .actions  img{width: 22px;}
	.header .right .actions a{margin-right:8px;}
	.header .nav li a{font-size: 15px;}
	.discount{line-height: 35px;height: 35px;}
	.page-box-top{margin-top:115px;}
	.search-con h5{font-size: 23px;}
	.search-con .recom .con a{font-size: 16px;}
	.search-con .history .con a{font-size: 16px;}
	.search-con .recom,.search-con .history{width: calc(90% - 320px);margin-left: calc(8% + 160px);}
	.search-box{width: calc(95% - 160px);}
}
@media only screen and (max-width:1280px) {
 .search-con .history .con i{font-size: 22px;}
}








.banner{width: 100%;height: auto;}
.banner .banner-js{width: 100%;height: auto;}
.banner .banner-js .pic{position: relative; width: 100%;height: auto;}
.banner .banner-js .pic img{display: block;width: 100%;height: auto;}
.banner .banner-js .pic .con{line-height: 1; text-align: center;padding: 0 5%; position: absolute;width: 100%;height: auto;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.banner .banner-js .pic .con h5{font-weight: normal; color: #FFFFFF;font-family: "ogg";font-size: 60px;}
.banner .banner-js .pic .con p{margin-top:10px;margin-bottom: 20px; color: #FFFFFF;font-size: 30px;}

.banner .banner-js .swiper-button-next{
    background-image: url(../img/a007.png);
    right: 3%;
    left: auto;
}
.banner .banner-js .swiper-button-prev{
    background-image: url(../img/a006.png);
    left:3%;
    right: auto;
}
.banner .banner-js .swiper-button-next,.banner .banner-js .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 20px;
    height:30px;
    margin-top: -15px;
    z-index: 10;
    cursor: pointer;
    background-size: 20px 30px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1680px) {
	.banner .banner-js .pic .con h5{font-size: 56px;}
	.banner .banner-js .pic .con p{font-size: 26px;}
}
@media only screen and (max-width:1440px) {
		.banner .banner-js .pic .con h5{font-size: 50px;}
	.banner .banner-js .pic .con p{font-size: 23px;}
}
@media only screen and (max-width:1280px) {
		.banner .banner-js .pic .con h5{font-size: 45px;}
	.banner .banner-js .pic .con p{font-size: 22px;}	
}






.adv{width: 100%;height: auto;padding: 35px 0 100px 0}
.adv ul{width: 100%;height: auto;font-size: 0;}
.adv ul li {display: inline-block;text-align: center;padding: 0 2%; vertical-align: top;width: 25%;height: auto;}
.adv ul li .ico{width:35%;max-width: 80px; height: auto;margin: 0 auto;}
.adv ul li .ico img{display: block;width: 100%;height: auto;}
.adv ul li h5{font-weight: normal; color: #000000;font-size: 23px;margin-top: 15px;}
.adv ul li .txt{width: 100%;height: auto;text-align: center;margin-top: 10px;}
.adv ul li .txt p{font-size: 16px;color: #000000;}
@media only screen and (max-width:1680px) {
	.adv ul li h5{font-size: 22px;}	
	.adv{padding: 35px 0 90px 0;}
}
@media only screen and (max-width:1440px) {
.adv ul li h5{font-size: 20px;}
.adv ul li .txt p{font-size: 15px;}
.adv{padding: 30px 0 80px 0;}
}
@media only screen and (max-width:1280px) {
.adv{padding: 30px 0 70px 0;}
}









.pu{width: 100%;height: auto;overflow:hidden ;}
.pu .title h2{bottom: 10%;}

.pu .title h4{color:rgba(230,213,221,0.25);}
.pu .pu-l{width: 35%;float: left;padding-left: 10%;padding-right: 5%;}
.pu  .text{width:100%;height: auto;margin-top: 35px;margin-bottom: 45px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.pu .text p{font-size: 16px;color: #000;}
.pu .more{background: #000000;color: #FFFFFF;}
.pu .pu-con{width:55%;float: right;}
.pu .pu-con .pu-js{width: 100%;height: auto;}
.pu .pu-con .con{padding: 5%;z-index: 0; width: 100%;height: auto;position: relative;}
.pu .pu-con .bks{width: 65%;height:100%;z-index: -1; right: 0;top: 0;position: absolute; background-repeat: no-repeat;background-position:right center;}
.pu .pu-con .con  .pic{position: relative;margin-left: 10%; width: 50%;height: auto;padding:20px;}
.pu .pu-con .con  .pic img{display: block;width: 100%;height: auto;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.pu .pu-con .con  .pic .line{width:calc(100% - 40px);position: absolute;top: 0;right: 0;height:calc(100% - 40px);border:1px solid #df89b2;z-index: -1;}

.pu .pu-con .pu-js .swiper-button-next{
    background: url(../img/a026.png) #FFFFFF;
    right: 25%;
    left: auto;
}
.pu .pu-con .pu-js .swiper-button-prev{
    background: url(../img/a025.png) #FFFFFF;
    left: 1%;
    right: auto;
}
.pu .pu-con .pu-js .swiper-button-next,.pu .pu-con .pu-js .swiper-button-prev {
    position: absolute;
    top: 50%;
    width:50px;
    height: 50px;
    border-radius: 100%;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    background-size:50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1680px) {

}
@media only screen and (max-width:1440px) {
		.pu .pu-con .bks{width: 70%;}
		
.pu .pu-con .pu-js .swiper-button-next,.pu .pu-con .pu-js .swiper-button-prev {
    width:45px;
    height:45px;
    margin-top: -22.5px;
    background-size:45px 45px;
}
.pu .pu-l{padding-left: 5%;padding-right: 2%;}
.pu .pu-con .con{padding: 5% 0;}

.pu .text p{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
	.pu .pu-con .con{padding:10% 0;}
	.pu .pu-con .con  .pic{width: 60%;margin-left: 5%;padding: 10px;}
	.pu .pu-con .con  .pic .line{width: calc(100% - 20px);height: calc(100% - 20px);}
	.pu .pu-con .bks {width:85%;}
	.pu .pu-con .pu-js .swiper-button-next,.pu .pu-con .pu-js .swiper-button-prev {
    width:36px;
    height:36px;
    margin-top: -20px;
    background-size:36px 36px;
}

}

.bundle{width: 100%;height: auto;position: relative;z-index: 0;}
.bundle .title h2{bottom:10%;}
.bundle .title h4{color:rgba(230,213,221,0.25);}
.bundle .bks{position: absolute;bottom:0;right: 0;width: 30%;height: auto;}
.bundle .bks img{display: block;width: 100%;height: auto;}
.bundle .bundle-l{width:45%;float: left;height: auto;}
.bundle .bundle-l img{display: block;width: 100%;height: auto;}

.bundle .bundle-r{width: 50%;height: auto;float: right;padding: 0 8%;}
.bundle .bundle-r .bundle-js{text-align: center; margin-top: 35px;}
.bundle .bundle-r .bundle-js .pic{width: 60%;margin: 0 auto; height: auto;}
.bundle .bundle-r .bundle-js .pic img{display: block;height: auto;width: 100%;}
.bundle .bundle-r .bundle-js h3{font-size: 36px;color: #000000;margin-top: 45px;font-weight: normal;}
.bundle .bundle-r .bundle-js .price{font-size:23px;color: #df89b2;margin-bottom: 10px;}
.bundle .bundle-r .bundle-js .more{background: #000000;border: none;}

.bundle .bundle-r .bundle-js .swiper-pagination{
    bottom: 145px;
    left: 0;
    width: 100%;
}
.bundle .bundle-r .bundle-js .swiper-pagination-bullet {
    width:20px;
    height: 3px;
    display: inline-block;
    border-radius: 0%;
    background: #e6d5dd;
    opacity:1;
}

.bundle .bundle-r .bundle-js .swiper-pagination-bullet-active {
    opacity: 1;
    background:#df89b2;
}



@media only screen and (max-width:1680px) {
	.bundle .bundle-r .bundle-js h3{font-size: 32px;}
}

@media only screen and (max-width:1440px) {
	.bundle .bundle-r .bundle-js h3{font-size: 28px;}
	.bundle .bundle-l{width: 50%;}
	.bundle .bundle-r .bundle-js .swiper-pagination{bottom: 125px;}
.bundle .bundle-r{padding: 0 6%;}
.bundle .bundle-r .bundle-js .price{font-size: 22px;}
}

@media only screen and (max-width:1280px) {
	.bundle .bundle-r .bundle-js h3{font-size: 23px;}
	.bundle .bundle-r{padding: 0 5%;}
	.bundle .bundle-r .bundle-js .price{font-size: 20px;}
	.bundle .bundle-r .bundle-js .swiper-pagination{bottom: 115px;}
}





.wig{width: 100%;height: auto;background: #e6d5dd;}
.wig .title{text-align: center;}
.wig .title h4{padding-left:30%;color: rgba(255,255,255,0.3);}

.wig ul{width: 100%;height: auto;font-size: 0;}
.wig ul li{box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 0; padding: 10px; position: relative;background-size: cover;background-position: center;background-repeat: no-repeat; width: calc(33.3% - 20px);margin-right:30px;display: inline-block;vertical-align: top;}
.wig ul li:nth-child(3n){margin-right: 0;}
.wig ul li a{display: block;width: 100%;height: auto;border: 1px solid #FFFFFF;padding: 5% 25% 5% 5%;}
.wig ul li a h3{font-size:30px;color: #000000;font-family: "ogg";margin-bottom: 25%;  font-weight: normal;text-transform: uppercase;}
.wig ul li a .more{ color: #FFFFFF;background: #000000;border: none;}
.wig ul li .bks{z-index: -1; width:55%;right: 0; bottom: 0;position: absolute;height: auto;}
.wig ul li .bks img{display: block;width: 100%;height: auto;}



.hcolor{width: 100%;height: auto;}
.hcolor .title{text-align: center;}
.hcolor .title h2{color: #000000;position: static;left: auto;bottom: auto; font-family: "ogg";font-weight: normal;text-transform: capitalize;}
.hcolor  .txt{width: 80%;margin: 0 auto; height: auto;text-align: center;}
.hcolor  .txt p{font-size: 18px;color: #000000;}
.hcolor ul{ width: 100%;height: auto;font-size: 0;}
.hcolor ul li{overflow: hidden; width: calc(33.3% - 20px);margin-right: 30px;display: inline-block; height: auto;position: relative;}
.hcolor ul li:nth-child(3n){margin-right: 0;}
.hcolor ul li img{display: block;width: 100%;height: auto;}
.hcolor ul li .con{width: 100%;height: auto;position: absolute;top: 50%;left: 0%;text-align: center;  padding: 0 5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.hcolor ul li .con h3{margin-bottom: 30px; color: #FFFFFF;font-size:48px;font-family:"ogg";font-weight: normal;}
.hcolor ul li .con .more{border:2px solid #FFFFFF; display: inline-block; color: #FFFFFF;text-transform: uppercase;}
.hcolor ul li:hover img{transform: scale(1.1);transition: all 0.5s ease;}


@media only screen and (max-width:1680px) {
.wig ul li a h3{font-size: 26px;}
.hcolor ul li .con h3{font-size: 45px;}

}
@media only screen and (max-width:1440px) {
	.wig ul li{width: calc(33.3% - 10px);margin-right: 15px;}
.wig ul li a h3{font-size: 22px;}
.hcolor ul li .con h3{font-size: 40px;}
.hcolor ul li{width: calc(33.3% - 10px);margin-right: 15px;}
.hcolor  .txt p{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
.wig ul li a h3{font-size: 20px;}
.hcolor ul li .con h3{font-size: 36px;}
.hcolor  .txt p{font-size: 15px;}
}


.video-box{width: 100%;height: auto;}
.video-box .video-box-c{width:65%;margin: 0 auto;height: auto;background: #FFFFFF;box-shadow: 0 0 10px rgba(223,137,178,0.3);padding:10px;}




.kv-box{position: relative; width: 100%;z-index: 0; height: auto;background-size: cover;background-repeat: repeat;background-position: center;}
.kv-box .bks{position: absolute;top: 0;left: 0;width: 100%;height:35%;background: #FFFFFF;z-index: -1;}

.video-box .video-box-c  .video-l{width: 75%;padding-right: 10px; height: auto;float: left;}
.video-box .video-box-c  .video-l img{display: block;width: 100%;height: auto;}
.video-box .video-box-c  .video-l  #video{width: 100%;height:350px; overflow: hidden; position: relative;}
.video-box .video-box-c  .video-l  #video  video { width: 100%; height: 100%;object-fit: fill; position: absolute;}
.video-box .video-box-c  .video-l  #video #videoShow{width: 100%;height: 100%;}

         
 video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}

.video-box .video-box-c{position: relative;}
.video-box .video-box-c  .video-r .vbn{ width:100%;height: 110px; position: relative; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat: no-repeat;background-position:center;}

.video-box .video-box-c  .video-r .vbn .ico{width: 35px;height: auto;position: absolute;top: calc(50% - 17.5px);left: calc(50% - 17.5px);}
.video-box .video-box-c  .video-r .vbn .ico img{display: block;width: 100%;height: auto;}
.video-box .video-box-c  .video-r{width:calc(25% - 5px);height:calc(100% - 20px);position: absolute;right:10px;top: 10px;}
.video-box .video-box-c  .video-r  .swiper-slide{margin-bottom: 0;width: 100%;height: auto;}

.video-box .video-box-c  .video-r .swiper-slide-thumb-active .vbn{border:3px solid #DF89B2;}

@media only screen and (max-width:1440px) {
	.video-box .video-box-c  .video-l  #video{height: 300px;}
	.video-box .video-box-c  .video-r .vbn{height: 95px;}
}
@media only screen and (max-width:1280px) {	
.video-box .video-box-c  .video-l  #video{height:280px;}
	.video-box .video-box-c  .video-r .vbn{height:88px;}
}









.keep{width: 100%;height: auto;}
.keep  .keep-l{width: 50%;float: left;height: auto;}
.keep .keep-l .title h2{position: static;bottom: auto;left: auto;}
.keep .keep-l p{font-size: 18px;color: #000000;margin-top: 20px;}
.keep .keep-r{width: 50%;float: right;padding-left: 10%; margin-top: 25px;}
.keep .keep-r form{display: block;width: 100%;height: auto;position: relative;}
.keep .keep-r form .c1{font-family: "tcm";font-size: 18px; color: #000000; width: 100%;height: auto;border:1px solid #000000;line-height: 25px; padding: 12.5px;background: none;}
.keep .keep-r form .bn{width:120px;position: absolute;font-size: 18px;text-transform: uppercase; right: 0;top: 0;height:100%;border: none;font-family: "tcm"; background: #000000;color: #FFFFFF;}

@media only screen and (max-width:1680px) {

}
@media only screen and (max-width:1440px) {
.keep .keep-r form .c1{line-height: 20px;padding: 10px;}
.keep .keep-r form .bn{width: 110px;font-size: 16px;}
	.keep .keep-l p{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
.keep .keep-r form .bn{width: 100px;font-size: 16px;}	
}








.footer{width: 100%;height: auto;}
.footer .foot-t{width: 100%;height: auto;font-size: 0;padding: 20px 0;border-bottom: 1px solid #dcdcdc;}
.footer .foot-t li{text-align: center; display: inline-block;vertical-align: top;padding: 0 1%;width: 25%; border-right: 1px solid #dcdcdc; }
.footer .foot-t li:last-child{border-right: none;}
.footer .foot-t li .ico{vertical-align: middle;margin-right: 10px; display: inline-block; width:54px;height: auto;border: 2px solid #df89b2;border-radius: 100%;}
.footer .foot-t li .ico img{display: block;width: 100%;height: auto;}
.footer .foot-t li span{display: inline-block;vertical-align: middle; font-size: 23px;color: #000000;}
.footer .foot-c{width: 100%;height: auto;padding: 45px 0;overflow: hidden;}
.footer .foot-c .foot-cl{width: 200px;height: auto;float: left;}
.footer .foot-c .foot-cl .logo{width: 200px;height: auto;}
.footer .foot-c .foot-cl .logo img{display: block;width: 100%;height: auto;}
.footer .foot-c .foot-cl .share{margin-top: 30px;}
.footer .foot-c .foot-cl .share  a{display: inline-block;margin-right: 3%; width: 30px;height: auto;border: 1px solid #000000;}
.footer .foot-c .foot-cl .share  a img{display: block;width: 100%;height: auto;}
						
.footer .foot-c .foot-cr{width: calc(100% - 200px);text-align: right;  padding-left: 3%; float: right;height: auto;font-size: 0;}
.footer .foot-c .foot-cr  li{text-align: left;padding:0 1.5%; display: inline-block;vertical-align: top;}
.footer .foot-c .foot-cr  li h3{font-size: 20px;color: #000000;text-transform: uppercase;}
.footer .foot-c .foot-cr  li .con {width: 100%;height: auto;margin-top: 15px;font-size: 18px;color: #000000;}
.footer .foot-c .foot-cr  li .con a{display: block;color: #000000;margin-bottom: 5px;}
.footer .foot-c .foot-cr  li .con p{padding-left: 25px;background-size: 20px 20px;margin-bottom: 10px; background-repeat: no-repeat;background-position: left center;}

.footer .foot-d{border-top:1px solid #dcdcdc; padding: 15px 0; overflow: hidden; width: 100%;height: auto;}
.footer .foot-d .foot-dl{width: calc(100% - 120px);float: left;}
.footer .foot-d  .foot-dl span{font-size: 16px;color: #000000;}
.footer .foot-d .foot-dl span a{color: #000000;}
.footer .foot-d .paypal{width: 120px;height: auto;float: right;}
.footer .foot-d .paypal img{display: block;width: 100%;height: auto;}


@media only screen and (max-width:1680px) {
.footer .foot-t li .ico{width: 50px;}
.footer .foot-t li span{font-size: 22px;}
.footer .foot-c .foot-cr  li{padding: 0 1%;}
.footer .foot-c .foot-cr  li h3{font-size: 19px;}
}


@media only screen and (max-width:1440px) {
.footer .foot-t li .ico{width:45px;}
.footer .foot-t li span{font-size: 20px;}
.footer .foot-c{padding: 35px 0;}
.footer .foot-c .foot-cr  li {padding: 0 1%;}
.footer .foot-c .foot-cr  li h3{font-size:18px;}
.footer .foot-c .foot-cr  li .con{font-size: 16px;}
.footer .foot-c .foot-cl{width: 180px;}
.footer .foot-c .foot-cl .logo{width: 180px;}
.footer .foot-c .foot-cl .share a{width: 28px;height: auto;}
.footer .foot-c .foot-cr{width: calc(100% - 180px);}
}


@media only screen and (max-width:1280px) {
	.footer .foot-c .foot-cr  li h3{font-size:16px;}
.footer .foot-t li .ico{width:36px;}
.footer .foot-t li span{font-size:18px;}
.footer .foot-c{padding: 30px 0;}
}


.login-box{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #FFFFFF;z-index: 9999;}
.login-box  .pic{width: 40%;height: 100%;position: absolute;top: 0;right: 0;background-size: cover;-webkit-background-size: cover;background-repeat: no-repeat;background-position: center;}
.login-box .close{display: block; position: absolute;right:5%;top: 5%; color: rgb(255,255,255,0.8);font-size: 28px;width:40px;height: 40px;text-align: center;line-height:40px; border-radius: 100%;border: 2px solid rgba(255,255,255,0.6);}
.login-box .title h2{position: static;top: auto;left: auto;bottom: auto;}
.login-box .login-con{width:60%;max-height:100%;overflow-x: hidden;overflow-y: auto; top:0; left: 0; z-index: 99; padding: 5% 15% 3% 7.5%; position: absolute;}

.login-box .login-con form{margin-top:50px; width: 100%;height: auto;}
.login-box .login-con form .label{margin-bottom:20px; width: 100%;height: auto;}
.login-box .login-con form .label p{font-size:23px;margin-bottom: 10px; color: #000000;}
.login-box .login-con form .label .c1{font-family: "tcm"; width: 100%;font-size: 18px; height: auto;line-height: 25px;padding: 10px;border: none;background: #F6F6F6;}

.login-box .login-con form .label .c1::-webkit-input-placeholder{color: #999;}
.login-box .login-con form .label .c1::-moz-placeholder{color: #999;}
.login-box .login-con form .label .c1::-ms-input-placeholder{color: #999;}


.login-box .login-con  .btn-down{overflow: hidden;font-size: 0;  width: 100%;height: auto;}
.login-box .login-con  .btn-down a{cursor: pointer; display: inline-block;border:1px solid #000000;height: 45px;line-height: 45px; text-align: center; font-size:18px; text-transform: uppercase; width: calc(50% - 20px);margin-right: 40px;}
.login-box .login-con  .btn-down a:last-child{margin-right: 0;}
.login-box .login-con  .btn-down .register-btn{background: #000000;color: #FFFFFF;}
.login-box .login-con  .btn-down .sign-btn{background: #FFFFFF;color: #000;}

.login-box .login-con  .pwbn-down{width: 100%;height: auto;text-align: center;margin-top:30px; overflow: hidden;}
.login-box .login-con  .pwbn-down .pwbn1{margin: 0 auto; text-align: center; display: block;margin-bottom: 20px; color: #FFFFFF;line-height: 45px;font-size: 18px;background: #000000;width: 160px;text-transform: uppercase;}
.login-box .login-con  .pwbn-down a{cursor: pointer; line-height: 45px;font-size: 18px;text-transform: uppercase;}
.pw-box .login-con{margin-top: 10%;}
.login-box .login-con .txt{width: 100%;height: auto;margin-top: 20px;}
.login-box .login-con .txt p{font-size: 23px;color: #000000;}

.clause{width: 100%;height: auto;margin-bottom: 20px;}
.clause p{font-size: 18px;color: #666;text-transform: capitalize;}
.clause p .prybtn{cursor: pointer; font-weight: normal;  color: #000000;text-decoration: underline;}
.select{margin-right: 10px; width:20px;cursor: pointer; display: inline-block;vertical-align: middle; height: 20px;border: 1px solid #000000;position: relative;}
.select.selected:before{position: absolute;content: "";position: absolute;width: 10px;height:10px;background: #000;top: calc(50% - 5px);left: calc(50% - 5px);}
.password-box{width: 100%;height: auto;text-transform: capitalize;margin-bottom: 20px;overflow: hidden;}
.password-box p{width: 50%;height:auto;float: left;}
.password-box a{width: 50%;float: right;text-align: right;color: #000000;}



.privacy-bks{display: none; width: 100%;height:100%;position: fixed;top: 0;left: 0;z-index: 9999;background: rgba(51,51,51,0.6);}
.privacy-bks .privacy{width:60%;max-height: 70%;padding:6% 5%; overflow-x: hidden;overflow-y: auto; position: absolute;background: #FFFFFF;left: 50%;top: 50%;transform: translateY(-50%)translateX(-50%);-webkit-transform: translateY(-50%)translateX(-50%);-moz-transform: translateY(-50%)translateX(-50%);-ms-transform: translateY(-50%)translateX(-50%);-o-transform: translateY(-50%)translateX(-50%);}
.privacy-bks .privacy .txt{width: 100%;height: auto;margin-top: 45px;}
.privacy-bks .privacy .close{font-size: 28px;color: #FFFFFF;position: absolute;right:0px;text-align: center; top: 0;background: #000000;width: 40px;height: 40px;}

*::-webkit-scrollbar {width:5px;display: block;}
*::-webkit-scrollbar-thumb {
            border-radius: 5px;
            height: 60%;
            background:rgba(0,0,0,0.2);
        }
*::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background:rgba(0,0,0,0.05);}

@media only screen and (max-width:1680px) {
	.login-box .login-con form .label{margin-bottom: 15px;}
	.login-box .login-con form .label p{font-size: 22px;}
	.login-box .login-con .txt p{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
		.login-box .login-con form .label{margin-bottom: 15px;}
	.login-box .login-con form .label p{font-size: 20px;}
	.login-box .login-con .txt p{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.privacy-bks .privacy .txt p{font-size: 16px;}
	.login-box .login-con form .label .c1{line-height: 20px;}
}


.ab-bks{background: #E6D5DD;}
.ab-box{width: 100%;z-index: 0; height: auto;position: relative;background: #E6D5DD;}
.ab-box .bks{z-index: -1; position: absolute;bottom: 0;height:20%;background: #FFFFFF;width: 100%;left: 0;}

.bread{padding-top: 45px; width: 100%;height: auto;color: #000000;display: block;}
.bread a{font-size: 18px;display: inline-block; text-transform: uppercase;color: #000000;}

.ab{width:100%;height: auto;}
.ab .ab-l{width: 58%;padding-right: 10%;float: left;}
.ab .ab-l .txt{width: 100%;height: auto; margin-top: 45px;}
.ab .ab-l .txt p{font-size: 23px;color: #000000;}
.ab .ab-r{width:35%;float: right;height: auto;}
.ab .ab-r img{display: block;width: 100%;height: auto;}


.speech{width: 100%;height: auto;}
.speech .speech-l{width: 35%;height: auto;float: left;}
.speech .speech-l img{display: block;width: 100%;height: auto;}
.speech .speech-r{width: 55%;padding-left:5%; height: auto;float: right;}
.speech .speech-r .txt{width: 100%;height:auto;}
.speech .speech-r .txt p{font-size: 23px;color: #000000;}
.speech .speech-r .txt p img{display: block;width: 140px;height: auto;margin-top: 20px;}


.company{width: 100%;height: auto;}
.company h3{font-size: 36px;width: 80%;margin: 0 auto; font-weight: normal; color: #000000;text-align: center;}
.company .txt{width: 100%;height: auto;text-align: center;margin-top: 25px;}
.company .txt p{font-size: 23px;}
.company .txt p img{display: block;width: 100%;height: auto;}


.events{width: 100%;height: auto;}
.events .title2{text-align: center;}
.events .events-c{position:relative;width: 100%;height: auto;}
.events .events-l{width: 55%;padding-right: 5%;height:100%;position: absolute;left: 0;top: 0;}
.events .events-l .swiper-slide{height: 20%;}
.events .events-l .con{cursor: pointer; width: 100%;height:auto;padding-left: 40px;position: relative;}
.events .events-l .con .ico{display: block;width:28px;height:28px;border: 7px solid #DCDCDC;background: #FFFFFF;border-radius: 100%;position: absolute;left: 0;top:0%;}
.events .events-l .swiper-slide:before{content: "";position: absolute;left:15px;width: 1px;height: 100%;background: #DCDCDC;}
.events .events-l .con .time{font-size: 36px;color: #000000;line-height: 1;}
.events .events-l .con p{font-size: 23px;color: #999;margin-top: 10px;}
.events .events-r{width:35%;height: auto;float: right;}
.events .events-r .pic{width: 100%;height: auto;}
.events .events-r .pic img{display: block;width: 100%;height: auto;}

.events .events-l .swiper-slide-thumb-active .con .ico{border:7px solid #000000;}
.events .events-l .swiper-slide-thumb-active .con p{color: #000000;}


@media only screen and (max-width:1680px) {
.ab .ab-l .txt p{font-size: 22px;}
.speech .speech-r .txt p{font-size: 22px;}
.speech .speech-r .txt p img{width: 130px;}
.company h3{font-size: 34px;}
.company .txt p{font-size: 22px;}

.events .events-l .con .time{font-size: 34px;}
.events .events-l .con p{font-size: 22px;}

}
@media only screen and (max-width: 1440px) {
.ab .ab-l .txt p{font-size: 20px;}
.speech .speech-r .txt p{font-size: 20px;}
.speech .speech-r .txt p img{width: 110px;}
.ab .ab-l{width: 60%;}
.speech .speech-r{width: 60%;}
.company h3{font-size: 30px;}
.company .txt p{font-size: 20px;}

.events .events-l .con .time{font-size: 30px;}
.events .events-l .con p{font-size: 20px;}

.events .events-l .con{padding-left: 35px;}
.events .events-l .con .ico{width:25px;height:25px;border: 7px solid #DCDCDC;}
.events .events-l .swiper-slide:before{left:12px;}

}
@media only screen and (max-width:1280px ) {
.ab .ab-l .txt p{font-size:18px;}
.speech .speech-r .txt p{font-size: 18px;}
.ab .ab-l{width: 65%;padding-right: 5%;}
.speech .speech-r{width: 65%;padding-left: 10%;}
.speech .speech-r .txt p img{width: 90px;}
.company h3{font-size: 28px;}
.company .txt{margin-top: 15px;}
.company .txt p{font-size:18px;}


.events .events-l .con .time{font-size:28px;}
.events .events-l .con p{font-size:18px;}

.events .events-l .con{padding-left: 30px;}
.events .events-l .con .ico{width:20px;height:20px;border: 7px solid #DCDCDC;}
.events .events-l .swiper-slide:before{left:10px;}
}


.chart{width: 100%;height: auto;}
.chart .chart-l{width: 45%;height: auto;float: left;}
.chart .chart-l img{display: block;width: 100%;height: auto;}
.chart .chart-r{width:45%;height: auto;float: right;}
.chart .chart-r .txt{margin-top: 30px;}
.chart .chart-r .txt p{font-size: 23px;}
.color-atla{text-align: center; width: 100%;height: auto;background: #f3f3f3;}
.color-atla2{background: #FFFFFF;}
.color-atla .txt{width: 80%;height: auto;margin: 0 auto; margin-top:25px;}
.color-atla .txt p{font-size: 23px;color: #000000;}
.color-atla .atla-list{width: 100%;height: auto;font-size: 0;margin-top: 30px; text-align: center;}
.color-atla .atla-list span{vertical-align:top; display: inline-block;width: calc(10% - 4.5px);margin-right:5px;margin-bottom: 5px;}
.color-atla .atla-list span:nth-child(10n){margin-right: 0;}
.color-atla .atla-list span img{display: block;width: 100%;height: auto;}
.require{width: 100%;height: auto;text-align: center;}
.require .title3{text-align: center;}
.require .requ-c{width: 100%;height: auto;margin-top:35px;}
.require .requ-c .requ-c-js{padding: 0 5%; width: 100%;height: auto;}
.require .requ-c .requ-c-js .pic{width: 100%;height: auto;}
.require .requ-c .requ-c-js .pic img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1680px) {
	.chart .chart-r .txt p{font-size: 22px;}
	.color-atla .txt p{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.chart .chart-r .txt p{font-size: 20px;}
	.color-atla .txt p{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.chart .chart-r .txt p{font-size:18px;}
	.color-atla .txt p{font-size: 18px;}
}


.contact-box{width: 100%;height: auto;}
.contact-box .cont-sort{width: 100%;height: auto;}
.contact-box .cont-sort ul{font-size: 0;width: 100%;height: auto;border:1px solid #DCDCDC;}
.contact-box .cont-sort ul li{height: 65px; display: inline-block;text-align: center; vertical-align: top;width: 20%;border-right: 1px solid #DCDCDC;}
.contact-box .cont-sort ul li a{font-size:23px;line-height: 65px;display:block; color: #000000; text-transform: capitalize;}
.contact-box .cont-sort ul li:hover{background: #f2e8ec;}
.contact-box .cont-sort ul li:last-child{border-right: none;}
.contact-box .cont-sort ul li.cut{background:#f2e8ec;}
.touch{width: 100%;height: auto;text-align: center;}
.touch  .title3{text-align: center;}
.touch  .summy{width: 100%;height: auto;margin-top: 25px;padding: 0 18%;text-align: center;}
.touch  .summy p{font-size: 23px;color: #000000;}
.touch .touch-c{overflow: hidden; width: 100%;height: auto;}
.touch .touch-c .touch-cr{width: 50%;float: right;padding-left: 5%;height: auto;}
.touch .touch-c .touch-cr form{padding-top: 20px; text-align: left;display: block;border-top:1px solid #DCDCDC;}
.touch .touch-c .touch-cr .label{width: 100%;height: auto;margin-bottom: 15px;}
.touch .touch-c .touch-cr .label p{font-size: 23px;color: #000000;margin-bottom: 10px;}
.touch .touch-c .touch-cr .label .c1{width: 100%;line-height: 25px;padding: 10px; height: auto;border: none; background: #fafafa;box-shadow: 0 0 5px inset rgba(0,0,0,0.1);}
.touch .touch-c .touch-cr .label .c2{height: 140px;}
.touch .touch-c .touch-cr .zs{width: 100%;height: auto;margin-top: 10px;}
.touch .touch-c .touch-cr .zs p{font-size: 18px;color: #000000;}
.touch .touch-c .touch-cr  .send{margin-top: 35px;border: none;background: #000000;color: #FFFFFF;font-family: "tcm";font-size: 18px; text-transform: uppercase;width: 45%;line-height: 60px;}
.touch .touch-c .touch-cl{width: 45%;background:#f2e8ec;position: relative; float: left;padding: 5% 0;}
.touch .touch-c .touch-cl .bks{width:35%;height: auto; position: absolute;right: 0;bottom: 0;}
.touch .touch-c .touch-cl .bks img{display: block;width: 100%;height: auto;}
.touch .touch-c .touch-cl .cont-list{width: 100%;height: auto;margin-top: 35px;}
.touch .touch-c .touch-cl .cont-list li{width: 100%;height: auto;padding: 5% 0;border-bottom: 1px solid rgba(255,255,255,0.2);}
.touch .touch-c .touch-cl .cont-list li .ico{width: 40px;height: auto;margin: 0 auto;}
.touch .touch-c .touch-cl .cont-list li .ico img{display: block;width: 100%;height: auto;}
.touch .touch-c .touch-cl .cont-list li p{font-size: 23px;color: #000000;margin-top: 15px;}
.touch .touch-c .touch-cl .cont-list li:last-child{border-bottom: none;}

.shopping-box{width: 100%;height: auto;}
.shopping-box .txt{width: 100%;height: auto;margin-top: 25px;}
.shopping-box .txt p b,.shopping .txt p strong{font-weight: normal; font-size: 23px;color: #000000;}
.shopping-box .txt p{font-size: 18px;color: #000000;}

@media only screen and (max-width:1680px) {
.touch .touch-c .touch-cl .cont-list li p{font-size: 22px;}	
.touch .touch-c .touch-cr .label p{font-size: 22px;}
.contact-box .cont-sort ul li a{font-size: 22px;}
.touch .touch-c .touch-cr  .send{line-height: 55px;}
.touch  .summy p{font-size: 22px;}
.shopping-box .txt p b,.shopping .txt p strong{font-size: 22px;}
}
@media only screen and (max-width:1440px) {	
	.touch .touch-c .touch-cl .cont-list li .ico{width: 35px;}
	.touch .touch-c .touch-cl .cont-list li p{font-size: 20px;}
	.touch .touch-c .touch-cr .label p{font-size: 20px;}
	.contact-box .cont-sort ul li a{font-size: 20px;}
	.touch .touch-c .touch-cr  .send{line-height: 50px;margin-top: 30px;}
	.touch .touch-c .touch-cr .label .c2{height: 120px;}
	.touch  .summy p{font-size: 20px;}
	.touch  .summy{margin-top: 15px;}
	.touch .touch-c .touch-cr .label .c1{line-height: 20px;}
	.shopping-box .txt p b,.shopping .txt p strong{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.touch .touch-c .touch-cl .cont-list li .ico{width: 30px;}
	.touch .touch-c .touch-cl .cont-list li p{font-size:18px;}
	.touch .touch-c .touch-cr .label p{font-size: 18px;}
	.contact-box .cont-sort ul li a{font-size: 18px;}
	.touch .touch-c .touch-cr .label .c2{height: 100px;}
.touch .touch-c .touch-cr  .send{line-height: 45px;margin-top: 25px;}
.touch  .summy p{font-size: 18px;}	
}

.faq{width: 100%;height: auto;}
.faq .faq-sort{width: 100%;height: auto;}
.faq .faq-sort{width: 100%;height: auto;margin-bottom: 35px;font-size: 0;}
.faq .faq-sort li{cursor: pointer;text-transform: uppercase; text-align: center; display: inline-block; border-bottom: 1px solid #D9E0EC; font-size: 23px;color: #000;padding:15px 5%; max-width: 33.3%;}
.faq .faq-sort li:hover{border-bottom: 3px solid #df89b2;}
.faq .faq-sort li.cut{border-bottom: 3px solid #df89b2;}
.faq .faq-list{display: none; width: 100%;height: auto;}
.faq .faq-list li{cursor: pointer; width: 100%;height: auto;padding: 20px 0;border-bottom: 1px solid #dcdcdc;}
.faq .faq-list li .tl{width: 100%;height: auto;padding-left: 30px; position: relative;}
.faq .faq-list li .tl span{ display: block; position: absolute;width: 14px;height: 14px; left: 0;top:8px;}
.faq .faq-list li .tl span:before{content: "";width: 2px;height: 100%;top: 0;left:6px;background: #000;position: absolute;}
.faq .faq-list li .tl span:after{content: "";width: 100%;height:2px;top: 6px;left:0px;background: #000;position: absolute;}
.faq .faq-list li .tl h5{font-weight: normal; font-size: 23px;color: #000;}
.faq .faq-list li .answer{display: none; width: 100%;height: auto;padding: 20px 0 0 30px;}
.faq .faq-list li .answer p{width: 100%;height: auto; font-size: 18px;color: #000000;  position: relative;margin-bottom: 5px;}
.faq .faq-list li.current .answer{display: block;}
.faq .faq-list li.current .tl span:before{display: none;}
.faq .faq-list li.current{border-bottom: 3px solid #df89b2;}

@media only screen and (max-width:1680px) {
	.faq .faq-sort li{font-size: 22px;}
	.faq .faq-list li .tl h5{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
		.faq .faq-sort li{font-size: 20px;}
	.faq .faq-list li .tl h5{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
		.faq .faq-sort li{font-size:18px;}
	.faq .faq-list li .tl h5{font-size:18px;}
}


.premium{width: 100%;height: auto;}
.premium .title3{text-align: center;}
.premium .summy{ width:80%;margin: 0 auto;text-align: center; margin-top: 25px;}
.premium .summy p{font-size: 23px;color: #000000;}
.premium .prem-c{width: 100%;height: auto;margin-top: 40px;}
.premium .prem-cl{width: 45%;height: auto;float:left;}
.premium .prem-cl img{display: block;width: 100%;height: auto;}
.premium .prem-cr{width:50%;float: right;height: auto;font-size: 0;border:1px solid #dcdcdc;border-bottom: none;}
.premium .prem-cr li{text-align: center; vertical-align:top;border-right:1px solid #dcdcdc; width: 50%;height: auto;display: inline-block;padding: 5%;border-bottom:1px solid #dcdcdc;}
.premium .prem-cr li .ico{width:40px;height: auto;display: block;margin: 0 auto;}
.premium .prem-cr li .ico img{display: block;width: 100%;height: auto;}
.premium .prem-cr li h5{text-transform: capitalize; font-size: 23px;color: #000000;font-weight: normal;margin-top:15px;}
.premium .prem-cr li p{font-size: 18px;color: #000;margin-top: 5px;line-height: 1;}
.premium .prem-list{width: 100%;height: auto;margin-top: 35px;font-size: 0;}
.premium .prem-list li{padding: 30px;position: relative;z-index: 1; display: inline-block;vertical-align: top; width: calc(33.3% - 20px);margin-right: 30px; height: auto;background: #df89b2;}
.premium .prem-list li:nth-child(3n){margin-right: 0;}
.premium .prem-list li .bks{position: absolute;width:35%;height: auto; bottom: 0;right: 0;}
.premium .prem-list li .bks img{display: block;width: 100%;height: auto;}
.premium .prem-list li h5{font-size: 36px;margin-bottom: 35px; color:#FFFFFF;font-weight: normal;}
.premium .prem-list li span{display: block;font-size: 23px;width:35px;height:35px;padding: 5px; color: #000000;border-radius: 100%;background: #FFFFFF;}
.premium .prem-list li span  img{width: 100%;height: auto;display: block;}









.cutile{width: 100%;height: auto;background-size: cover;background-repeat:no-repeat;background-position: center;}
.cutile .bks{width: 100%;height: auto;background: rgba(0,0,0,0.6);}
.cutile .bks .title3 h3{text-align: center; color: #FFFFFF;}
.cutile .bks .summy{width: 100%;text-align: center; height: auto;margin-top:15px;}
.cutile .bks .summy p{font-size:23px;color: #FFFFFF;}
.cutile .bks ul{width: 100%;text-align: center; height: auto;font-size: 0;margin-top: 35px;}
.cutile .bks ul li{ display: inline-block;width: 50%;vertical-align: top;}
.cutile .bks ul li .line{vertical-align: middle; text-align: center;border:3px solid #FFFFFF;display: inline-block;padding:8%; border-radius: 100%;}
.cutile .bks ul li h5{color: #FFFFFF;font-size:23px; width: 80px;height:80px; text-transform: uppercase;}
.cutile .bks ul li .num{padding-left: 35px;vertical-align: middle;  display: inline-block;}
.cutile .bks ul li .num span{color: rgba(255,255,255,0.4);font-size: 36px;}
.cutile .bks ul li .num p{color: #FFFFFF;font-size:80px;font-weight: bolder;line-height: 1;}
.cutile .bks ul li .num p i{font-size: 40px;font-weight: normal;}



.life{width: 100%;height: auto;}
.life .title3{text-align: center;}
.life .summy{text-align: center; width: 100%;height: auto;margin-top: 15px;}
.life .summy p{font-size: 23px;color: #000000;}
.life ul{width: 100%;height: auto;font-size: 0;}
.life ul li{border:1px solid #DCDCDC ; width: calc(33.3% - 20px);display: inline-block;vertical-align: top; margin-right: 30px;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.life ul li:nth-child(3n){margin-right: 0;}
.life ul li  .bks{text-align: center; width: 100%;height: auto;display: block;background: #FFFFFF;padding: 10% 3%;}
.life ul li  .bks h3{color: #000;font-size: 30px;}
.life ul li  .bks .num{color: #000000;line-height: 1;margin:45px auto;}
.life ul li  .bks .num h6{font-size: 120px;}
.life ul li  .bks .num p{font-size: 23px;}
.life ul li  .bks .more{background: #000000;color: #FFFFFF;}
.life ul li.cut a{background: rgba(255,255,255,0);transition: all 0.5s ease;}
.life ul li.cut .bks h3{color: #FFFFFF;}
.life ul li.cut .bks .num{color: #FFFFFF;}
.life ul li.cut .bks .more{background: #FFFFFF;color: #000;}

@media only screen and (max-width:1680px) {
.premium .summy p{font-size: 22px;}
.cutile .bks .summy p{font-size: 22px;}
.premium .prem-list li h5{font-size: 34px;}
.premium .prem-cr li h5{font-size: 22px;}
.cutile .bks ul li h5{font-size: 22px;width: 70px;height: 70px;}
	.cutile .bks ul li .num span{font-size: 34px;}
.cutile .bks ul li .num p{font-size: 70px;}
.cutile .bks ul li .num p i{font-size: 36px;}

.cutile .bks ul li .num{padding-left: 25px;}
.life .summy p{font-size: 22px;}
.life ul li  .bks h3{font-size: 28px;}
.life ul li  .bks .num h6{font-size: 100px;}
.life ul li  .bks .num p{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.premium .summy p{font-size: 20px;}
	.cutile .bks .summy p{font-size: 20px;}
	.premium .prem-cr li h5{font-size: 20px;margin-top: 10px;}
	.premium .prem-cr li .ico{width: 36px;height: auto;}
	.premium .prem-list li h5{font-size: 32px;}
	.premium .prem-cr li p{font-size: 16px;}
	.premium .prem-list li span{width: 30px;height: 30px;}
	.premium .prem-list li{padding: 25px;}
	.cutile .bks ul li h5{font-size: 20px;width: 60px;height: 60px;}
	.cutile .bks ul li .num span{font-size: 32px;}
	.cutile .bks ul li .num p{font-size:65px;}
.cutile .bks ul li .num p i{font-size: 34px;}

.cutile .bks ul li .num{padding-left: 20px;}
.life .summy p{font-size: 20px;}
.life ul li  .bks h3{font-size: 26px;}
.life ul li  .bks .num h6{font-size: 90px;}
.life ul li  .bks .num p{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
.premium .summy p{font-size: 18px;}
.cutile .bks .summy p{font-size:18px;}
.premium .prem-cr li h5{font-size: 18px;}
	.premium .prem-cr li .ico{width: 34px;height: auto;}
	.premium .prem-list li{padding: 20px;}
		.cutile .bks ul li .num p{font-size:60px;}
.cutile .bks ul li .num p i{font-size: 30px;}
.cutile .bks ul li .num span{font-size: 30px;}
.life .summy p{font-size: 18px;}
.life ul li  .bks h3{font-size: 23px;}
.life ul li  .bks .num h6{font-size: 70px;}
}






.mpro{width: 100%;height: auto;background: #FAFAFA;}
.mpro  .title3{text-align: center;}




.allpro-box{width: 100%;height: auto;}
.allpro-box .allpro{margin-bottom: 15px;}
.allpro-box .allpro1{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position:center;}
.allpro-box .allpro1 .allpro1-l{width: 100%;position: relative; height: auto;padding-right: 60%;height: auto;}
.allpro-box .allpro1 .allpro1-l .pic{position: absolute;width:30%;height: auto;right: 0;bottom: 0;}
.allpro-box .allpro1 .allpro1-l .pic img{display: block;width: 100%;height: auto;}
.allpro-box .allpro1 .allpro1-l .more{background: #000;color: #FFFFFF;border:1px solid #000000;}
.allpro-box .allpro1 .allpro1-l .txt{width: 100%;height: auto;margin-top: 35px;margin-bottom: 45px;}
.allpro-box .allpro1 .allpro1-l .txt p{color: #000000;font-size: 18px;}
.allpro-box .allpro1 .allpro1-l .txt p b{font-size: 23px;font-weight: normal; text-transform: uppercase; color: #000000;}
.allpro-box .allpro2 {width: 100%;height: auto;background-repeat: no-repeat;background-position: center;background-size: cover;}
.allpro-box .allpro2  .allpro2-c{width: 100%;height: auto;text-align: center;}
.allpro-box .allpro2  .allpro2-c .title{width: 100%;text-align: center; height: auto;}
.allpro-box .allpro2  .allpro2-c .title h4{color: rgba(255,255,255,0.4);}
.allpro-box .allpro2  .allpro2-c .txt{margin-top:15px;margin-bottom: 40px;width: 100%;height: auto;}
.allpro-box .allpro2  .allpro2-c .txt p{text-transform: uppercase; font-size: 23px;font-weight: normal;color: #000000;}
.allpro-box .allpro2  .allpro2-c .txt p b{font-weight: normal;}
.allpro-box .allpro2  .allpro2-c .more{background: #000000;color: #FFFFFF;border: none;}
.allpro-box .allpro3{width: 100%;height: auto;}
.allpro-box .allpro3 .allpro3-l{position: relative; padding:5% 25% 5% 5%; width:calc(50% - 7.5px);float: left;height: auto;border: 1px solid #000000;}
.allpro-box .allpro3 .allpro3-r{position: relative; padding: 5% 25% 5% 5%;position: relative;  width: calc(50% - 7.5px);float: right;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.allpro-box .allpro3 h2{margin-bottom: 45px; font-size:40px;font-family: "ogg";text-transform: uppercase;font-weight: normal;}
.allpro-box .allpro3 .more{border: none; background: #000000;color: #FFFFFF;}
.allpro-box .allpro3 .allpro3-l .pic{width: 35%;height: auto;position: absolute;right: 0%;bottom: 0;}
.allpro-box .allpro3 .allpro3-l .pic img{display: block;width: 100%;height: auto;}
.allpro-box .allpro3 .allpro3-r .pic{width: 35%;height: auto;position: absolute;right:0%;bottom: 0;}
.allpro-box .allpro3 .allpro3-r .pic img{display: block;width: 100%;height: auto;}
.allpro-box .allpro4{width: 100%;height: auto;background: #F3F3F3;}
.allpro-box .allpro4  .con{width: 100%;height: auto;overflow: hidden;}
.allpro-box .allpro4  .con .con-l{width:60%;float: left; padding-right:5%; height: auto;}
.allpro-box .allpro4  .con .con-l .txt{width: 55%; height: auto;margin-top: 35px;margin-bottom: 35px;}
.allpro-box .allpro4  .con .con-l .txt p{font-size: 18px;color: #000000;}
.allpro-box .allpro4  .con .con-l .txt p b{text-transform: uppercase; font-size: 23px;}
.allpro-box .allpro4  .con .con-l .more{border: none;color: #FFFFFF;background: #000000;}
.allpro-box .allpro4  .con .pic{width:25%;float: right;height: auto;}
.allpro-box .allpro4  .con .pic img{display: block;width: 100%;height: auto;}

@media only screen and (max-width:1680px) {
.allpro-box .allpro1 .allpro1-l .txt p{font-size: 18px;}
.allpro-box .allpro1 .allpro1-l .txt p b{font-size: 22px;}	
.allpro-box .allpro2  .allpro2-c .txt p{font-size: 22px;}
.allpro-box .allpro3 h2{font-size: 34px;}
.allpro-box .allpro4  .con .con-l .txt p{font-size: 18px;}
.allpro-box .allpro4  .con .con-l .txt p b{font-size: 22px;}
}
	
@media only screen and (max-width:1440px) {
	.allpro-box .allpro1 .allpro1-l .txt p{font-size: 16px;}
.allpro-box .allpro1 .allpro1-l .txt p b{font-size: 20px;}
.allpro-box .allpro2  .allpro2-c .txt p{font-size: 20px;}	
.allpro-box .allpro1 .allpro1-l .txt{margin-top: 30px;margin-bottom: 40px;}
.allpro-box .allpro3 h2{font-size: 32px;}


.allpro-box .allpro3 .allpro3-l{position: relative; padding:5% 20% 5% 5%;}
.allpro-box .allpro3 .allpro3-r{position: relative; padding: 5% 20% 5% 5%;}


.allpro-box .allpro4  .con .con-l .txt p{font-size: 16px;}
.allpro-box .allpro4  .con .con-l .txt p b{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.allpro-box .allpro1 .allpro1-l .txt p{font-size: 16px;}
.allpro-box .allpro1 .allpro1-l .txt p b{font-size: 18px;}
.allpro-box .allpro2  .allpro2-c .txt p{font-size: 18px;}	
.allpro-box .allpro3 h2{font-size: 30px;}
.allpro-box .allpro1 .allpro1-l .txt{margin-top: 25px;margin-bottom: 35px;}	

.allpro-box .allpro4  .con .con-l .txt p{font-size: 16px;}
.allpro-box .allpro4  .con .con-l .txt p b{font-size:18px;}
}


.pro-list{width: 100%;height: auto;}

.theme{width: 100%;height: auto;background-size:auto 100%  ;background-color: #E6D5DD; background-repeat: no-repeat;background-position:right center;}
.theme .theme-cl{width:45%;float: left;}
.theme .theme-cl .txt{width: 60%;height: auto;margin-top: 35px;margin-bottom: 45px;}
.theme .theme-cl .txt p{font-size: 18px;color: #000000;}
.theme .theme-cl .more{color: #FFFFFF;background: #000000;border:#000000;}
.theme .theme-cr{width: 30%;float:left;}
.theme .theme-cr  .pic {z-index: 0; width: 100%;height: auto;padding: 20px;position: relative;}
.theme .theme-cr .pic img{display: block;width: 100%;height: auto;}
.theme .theme-cr .pic:before{z-index: -1; position: absolute;content:"";width: calc(100% - 40px);height: calc(100% - 40px);right: 0;top: 0;border: 1px solid #DF89B2;}

@media only screen and (max-width:1680px) {	

}
@media only screen and (max-width:1440px) {
.theme .theme-cl .txt p{font-size: 16px;}
.theme .theme-cl .txt{margin-top: 30px;margin-bottom: 40px;}	

}
@media only screen and (max-width:1280px) {
.theme .theme-cl .txt{margin-top: 25px;margin-bottom: 35px;}	
}


.pro-box{width: 100%;height: auto;padding-bottom: 100px;}
.pro-box .pro-sort-l{width:390px;height: auto;background: #fafafa;padding:5% 3%;float: left;}
.pro-box .pro-sort-l ul{width: 100%;height: auto;}
.pro-box .pro-sort-l ul li{margin-bottom: 10px; width: 100%;height: auto;}
.pro-box .pro-sort-l ul li .tl{cursor: pointer; text-transform: uppercase; font-weight: bolder; position: relative;width: 100%; font-size: 23px;color: #000000;}
.pro-box .pro-sort-l ul li .tl:before{content: "";width:18px;height: 2px;background: #000000;position: absolute;right: 0;top: 16px;}
.pro-box .pro-sort-l ul li .tl:after{content:"";width: 2px;height: 18px;background: #000000;position: absolute;right:8px;top:8px;}

.pro-box .pro-sort-l ul li .con{display: none; font-size: 23px;color: #666;margin-top: 5px;}
.pro-box .pro-sort-l ul li .con a{color: #666666;display: block;margin-bottom:10px;}
.pro-box .pro-sort-l ul li .con .con-list a{font-size: 18px;display: block;}
.pro-box .pro-sort-l ul li .con p{color: #000000;}

.pro-box .pro-sort-l ul li .con a:hover{color: #000000;}
.pro-box .pro-sort-l ul li.current .con{display: block;}
.pro-box .pro-sort-l ul li.current .tl:after{display: none;}
.pro-box .pro-sort-l .sale{width: 100%;height: auto;overflow: hidden;}
.pro-box .pro-sort-l .sale .tl{font-size: 23px;font-weight: bolder;width: calc(100% - 35px);float: left;}
.pro-box .pro-sort-l .sale  .select{float: right;margin-right: 0 !important;}

.pro-box .pro-list-r{text-align: center; float: right;padding-left: 5%; width: calc(100% - 390px);height: auto;}
.pro-box .pro-list-r ul{width: 100%;height: auto;font-size: 0;}
.pro-box .pro-list-r ul li{margin-bottom: 30px; cursor: pointer; text-align:center;display: inline-block;vertical-align: top; width:calc(33.3% - 20px);margin-right: 30px;}
.pro-box .pro-list-r ul li:nth-child(3n){margin-right: 0;} 
.pro-box .pro-list-r ul li .pic{width: 100%;height: auto;position: relative;}
.pro-box .pro-list-r ul li .pic img{display: block;width: 100%;height: auto;}
.pro-box .pro-list-r ul li .pic .img2{display: none;}
.pro-box .pro-list-r ul li .pic .con{display: none; position:absolute;top: 65%;left: 0; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);  padding: 0 12%;width: 100%;height: auto;}
.pro-box .pro-list-r ul li .pic .con .more{border: none; background: #000000;color: #FFFFFF;display: block;}
.pro-box .pro-list-r ul li .pic .con .more:nth-child(2){margin-top: 10px;background: #FFFFFF;color: #000000;}
.pro-box .pro-list-r ul li .pic .add-wish{width: 25px;height: auto;position: absolute;top: 10px;right: 10px;}
.pro-box .pro-list-r ul li .pic .add-wish img{display: block;width: 100%;height: auto;}
.pro-box .pro-list-r ul li .pic .add-wish .wish-img2{display: none;}
.pro-box .pro-list-r ul li .pic .added-wish .wish-img1{display: none;}
.pro-box .pro-list-r ul li .pic .added-wish .wish-img2{display: block;}



.pro-box .pro-list-r ul li h3{margin-top:20px;font-size: 23px;font-weight: normal;text-transform: uppercase; color: #000000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro-box .pro-list-r ul li  .norms .color{color: #999;display: inline-block;background: #FAFAFA;padding:5px 10px; font-size: 16px;margin-right: 10px;}
.pro-box .pro-list-r ul li  .norms .length{color: #999999;display: inline-block;background: #FAFAFA;padding: 5px 10px;font-size: 16px;}
.pro-box .pro-list-r ul li .norms{width: 90%;margin: 0 auto;padding: 10px 0;border-bottom:1px solid #DCDCDC;}

.pro-box .pro-list-r ul li  .price{padding-top: 10px; color: #000000;font-size: 23px; width: 100%;height: auto;}
.pro-box .pro-list-r ul li  .price .original-price{text-decoration: line-through;display: inline-block;}
.pro-box .pro-list-r ul li  .price .present-price{color: #DF89B2;display: inline-block;margin-left: 10px;}
.pro-box .pro-list-r ul li:hover .pic .img2{display: block;}
.pro-box .pro-list-r ul li:hover .pic .img1{display: none;}
.pro-box .pro-list-r ul li:hover .pic .con{display: block;}
.pro-box .pro-list-r .loading{ border:2px solid #000000; background: #000000;color: #FFFFFF;text-align: center;margin: 0 auto;margin-top: 20px;}



.index-pro-box .index-pro-list-r{text-align: center; padding-left: 5%; width: 100%;height: auto;}
.index-pro-box .index-pro-list-r ul{width: 100%;height: auto;font-size: 0;}
.index-pro-box .index-pro-list-r ul li{margin-bottom: 30px; cursor: pointer; text-align:center;display: inline-block;vertical-align: top; width:calc(25% - 20px);margin-right: 20px;}
.index-pro-box .index-pro-list-r ul li:nth-child(4n){margin-right: 0;}
.index-pro-box .index-pro-list-r ul li .pic{width: 100%;height: auto;position: relative;}
.index-pro-box .index-pro-list-r ul li .pic img{display: block;width: 100%;height: auto;}
.index-pro-box .index-pro-list-r ul li .pic .img2{display: none;}
.index-pro-box .index-pro-list-r ul li .pic .con{display: none; position:absolute;top: 65%;left: 0; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);  padding: 0 12%;width: 100%;height: auto;}
.index-pro-box .index-pro-list-r ul li .pic .con .more{border: none; background: #000000;color: #FFFFFF;display: block;}
.index-pro-box .index-pro-list-r ul li .pic .con .more:nth-child(2){margin-top: 10px;background: #FFFFFF;color: #000000;}
.index-pro-box .index-pro-list-r ul li .pic .add-wish{width: 25px;height: auto;position: absolute;top: 10px;right: 10px;}
.index-pro-box .index-pro-list-r ul li .pic .add-wish img{display: block;width: 100%;height: auto;}
.index-pro-box .index-pro-list-r ul li .pic .add-wish .wish-img2{display: none;}
.index-pro-box .index-pro-list-r ul li .pic .added-wish .wish-img1{display: none;}
.index-pro-box .index-pro-list-r ul li .pic .added-wish .wish-img2{display: block;}



.index-pro-box .index-pro-list-r ul li h3{margin-top:20px;font-size: 23px;font-weight: normal;text-transform: uppercase; color: #000000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-pro-box .index-pro-list-r ul li  .norms .color{color: #999;display: inline-block;background: #FAFAFA;padding:5px 10px; font-size: 16px;margin-right: 10px;}
.index-pro-box .index-pro-list-r ul li  .norms .length{color: #999999;display: inline-block;background: #FAFAFA;padding: 5px 10px;font-size: 16px;}
.index-pro-box .index-pro-list-r ul li .norms{width: 90%;margin: 0 auto;padding: 10px 0;border-bottom:1px solid #DCDCDC;}

.index-pro-box .index-pro-list-r ul li  .price{padding-top: 10px; color: #000000;font-size: 23px; width: 100%;height: auto;}
.index-pro-box .index-pro-list-r ul li  .price .original-price{text-decoration: line-through;display: inline-block;}
.index-pro-box .index-pro-list-r ul li  .price .present-price{color: #DF89B2;display: inline-block;margin-left: 10px;}
.index-pro-box .index-pro-list-r ul li:hover .pic .img2{display: block;}
.index-pro-box .index-pro-list-r ul li:hover .pic .img1{display: none;}
.index-pro-box .index-pro-list-r ul li:hover .pic .con{display: block;}
.index-pro-box .index-pro-list-r .loading{ border:2px solid #000000; background: #000000;color: #FFFFFF;text-align: center;margin: 0 auto;margin-top: 20px;}


.buy-box-bks{display: none; width: 100%;height: 100%;position: fixed;z-index: 9999; top: 0;left: 0;background: rgba(0,0,0,0.4);}
.buy-box-bks .buy-box{overflow-x: hidden;overflow-y: auto;  width:80%;max-width: 980px; background: #FFFFFF; height:75%;position: absolute;left:50%;top: 12.5%; padding: 45px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.buy-box-bks .buy-box .close{cursor: pointer; color: #FFFFFF;text-align: center;line-height: 40px; font-size: 30px;width: 40px;height: 40px;position: absolute;top: 0;right: 0;background: #000000;}
.buy-box-bks .buy-box .pic{position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.buy-box-bks .buy-box .con{width: 50%;padding-left: 5%;height: auto;float: right;}
.buy-box-bks .buy-box .con h3{font-size:36px;color: #000000;text-transform: uppercase;font-weight: normal;}
.buy-box-bks .buy-box .con .present-price{color: #DF89B2;font-size:30px;}

.buy-box-bks .buy-box .con .bn-box{width: 100%;height: auto;margin-top: 35px;}
.buy-box-bks .buy-box .con .bn-box .more{text-align: center; display: block; color: #FFFFFF;background: #000000;border: none;}
.buy-box-bks .buy-box .con .bn-box .more:nth-child(2){margin-top: 10px; color: #000000;border: none;background: none;}
.buy-box-bks .buy-box .con .norms{margin-top: 35px; width: 100%;height: auto;}
.buy-box-bks .buy-box .con .norms .norms-d{width: 100%;height: auto;margin-bottom: 20px;}
.buy-box-bks .buy-box .con .norms  h6{text-transform: capitalize; font-size: 23px;color: #000000;}
.buy-box-bks .buy-box .con .norms .norms-d .list{margin-top: 10px; width: 100%;height: auto;}
.buy-box-bks .buy-box .con .norms .norms-d .list span{display: inline-block;margin:5px 5px 5px 0; padding:5px 15px;border:1px solid #000;color: #999999;font-size: 18px;}
.buy-box-bks .buy-box .con .norms .norms-d .list span.checked{color: #000000;}
.buy-box-bks .buy-box .con .norms .norms-d .color{overflow:hidden; border: #000000 1px solid; width:150px;height: auto;margin-top: 10px;}
.buy-box-bks .buy-box .con .norms .norms-d .color .color-card{float: left; width: 40px;height: 40px;float: left; background-repeat: no-repeat;background-size: cover;background-position: center;}
.buy-box-bks .buy-box .con .norms .norms-d .color .color-value{font-size: 20px;color: #000000;padding-left: 10px; display:block; width: calc(100% - 40px); float: right; line-height: 40px;border-left: 1px solid #000000;}

.buy-box-bks .buy-box .con .norms .norms-d .color .color-value.checked{color: red;}




@media only screen and (max-width:1680px) {
.buy-box-bks .buy-box .con h3{font-size:34px;}	
.buy-box-bks .buy-box .con .present-price{font-size: 28px;}
.buy-box-bks .buy-box .con .norms  h6{font-size:22px;}
.pro-box .pro-sort-l ul li .tl{font-size: 22px;}
.pro-box .pro-sort-l ul li .con{font-size: 22px;}
.pro-box .pro-sort-l ul li .con .con-list a{font-size: 18px;}
.pro-box .pro-sort-l{width: 340px;}

.pro-box .pro-list-r{width: calc(100% - 340px);}

.pro-box .pro-list-r ul li{width: calc(33.3% - 15px);margin-right: 22.5px;}
.pro-box .pro-list-r ul li h3{font-size: 22px;}
.pro-box .pro-list-r ul li  .price{font-size: 22px;}
.pro-box .pro-sort-l .sale .tl{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
.buy-box-bks .buy-box .con h3{font-size: 32px;}
.buy-box-bks .buy-box .con .present-price{font-size: 26px;}
.buy-box-bks .buy-box .con .norms  h6{font-size: 20px;}
.buy-box-bks .buy-box{padding: 40px;}
.pro-box .pro-sort-l ul li .tl{font-size: 20px;}
.pro-box .pro-sort-l ul li .con{font-size: 20px;}
.pro-box .pro-sort-l ul li .con .con-list a{font-size: 16px;}
.pro-box .pro-sort-l{width: 300px;}
.pro-box .pro-list-r{width: calc(100% - 300px);}
.pro-box .pro-list-r ul li{width: calc(33.3% - 10px);margin-right:15px;}
.pro-box .pro-list-r ul li .pic .add-wish{width: 20px;height: 20px;}
.pro-box .pro-list-r ul li h3{font-size: 20px;}
.pro-box .pro-list-r ul li  .price{font-size: 20px;}
.pro-box .pro-sort-l .sale .tl{font-size: 20px;}
.pro-box .pro-sort-l ul li .tl:before{width:14px;right: 0;top: 12px;}
.pro-box .pro-sort-l ul li .tl:after{height: 14px;right:6px;top:6px;}
.pro-box .pro-list-r ul li  .norms .color{font-size: 15px;}
.pro-box .pro-list-r ul li  .norms .length{font-size: 15px;}
.pro-box{padding-bottom: 80px;}
}
@media only screen and (max-width:1280px) {
.buy-box-bks .buy-box .con h3{font-size:30px;}
.buy-box-bks .buy-box .con .present-price{font-size: 23px;}
.buy-box-bks .buy-box .con .norms  h6{font-size: 18px;}
.buy-box-bks .buy-box{padding: 35px;}
.pro-box .pro-sort-l ul li .tl{font-size: 18px;}
.pro-box .pro-sort-l ul li .con{font-size:18px;}
.pro-box .pro-sort-l ul li .con .con-list a{font-size: 16px;}
.pro-box .pro-sort-l{width: 260px;}
.pro-box .pro-list-r{width: calc(100% - 260px);}
.pro-box .pro-list-r ul li{width: calc(33.3% - 7px);margin-right:10.5px;}
.pro-box .pro-list-r ul li h3{font-size:18px;}
.pro-box .pro-list-r ul li  .price{font-size: 18px;}
.pro-box .pro-sort-l .sale .tl{font-size: 18px;}
.pro-box{padding-bottom: 70px;}
}




.mpro{width: 100%;height: auto;background: #FFFFFF;}
.mpro2{background: #FAFAFA;}
.mpro .title3{margin-bottom: 45px;}
.mpro .title3 h3{color: #000000;font-weight: normal;}
.mpro{width: 100%;height: auto;}
.mpro .mpro-c{width: 100%;height: auto;position: relative;}
.mpro .mpro-c .mpro-js{width: 80%;height: auto;margin: 0 auto;}
.mpro .mpro-c .mpro-js  .li{text-align: center;}
.mpro .mpro-c .mpro-js  .pic{width: 100%;height: auto;position: relative;}
.mpro .mpro-c .mpro-js  .pic img{display: block;width: 100%;height: auto;}
.mpro .mpro-c .mpro-js  .pic .img2{display: none;}
.mpro .mpro-c .mpro-js  .pic .con{display: none; position:absolute;top: 65%;left: 0; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);  padding: 0 12%;width: 100%;height: auto;}
.mpro .mpro-c .mpro-js  .pic .con .more{border: none; background: #000000;color: #FFFFFF;display: block;}
.mpro .mpro-c .mpro-js  .pic .con .more:nth-child(2){margin-top: 10px;background: #FFFFFF;color: #000000;}
.mpro .mpro-c .mpro-js  .pic .add-wish{width: 25px;height: auto;position: absolute;top: 10px;right: 10px;}
.mpro .mpro-c .mpro-js  .pic .add-wish img{display: block;width: 100%;height: auto;}
.mpro .mpro-c .mpro-js  .pic .add-wish .wish-img2{display: none;}
.mpro .mpro-c .mpro-js  .pic .added-wish .wish-img1{display: none;}
.mpro .mpro-c .mpro-js  .pic .added-wish .wish-img2{display: block;}
.mpro .mpro-c .mpro-js  .li h3{margin-top:20px;font-size: 23px;font-weight: normal;text-transform: uppercase; color: #000000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mpro .mpro-c .mpro-js  .li .norms .color{color: #999;display: inline-block;background: #FAFAFA;padding:5px 10px; font-size: 16px;margin-right: 10px;}
.mpro .mpro-c .mpro-js  .li  .norms .length{color: #999999;display: inline-block;background: #FAFAFA;padding: 5px 10px;font-size: 16px;}
.mpro .mpro-c .mpro-js  .li .norms{width: 90%;margin: 0 auto;padding: 10px 0;border-bottom:1px solid #DCDCDC;}
.mpro .mpro-c .mpro-js  .li  .price{padding-top: 10px; color: #000000;font-size: 23px; width: 100%;height: auto;}
.mpro .mpro-c .mpro-js  .li  .price .original-price{text-decoration: line-through;display: inline-block;}
.mpro .mpro-c .mpro-js  .li  .price .present-price{color: #DF89B2;display: inline-block;margin-left: 10px;}
.mpro .mpro-c .mpro-js  .li:hover .pic .img2{display: block;}
.mpro .mpro-c .mpro-js  .li:hover .pic .img1{display: none;}
.mpro .mpro-c .mpro-js  .li:hover .pic .con{display: block;}

.mpro .mpro-c .swiper-button-next{
    background-image: url(../img/next.jpg);
    right: 0px;
    left: auto;
}

.mpro .mpro-c .swiper-button-prev{
    background-image: url(../img/prev.jpg);
   left:0px;
    right: auto;
}

.mpro .mpro-c .swiper-button-next,.mpro .mpro-c .swiper-button-prev {
    position: absolute;
    top:45%;
    width: 80px;
    height: 55px;
    margin-top: -45px;
    z-index: 10;
    cursor: pointer;
    background-size: 80px 55px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1680px) {
	.mpro .mpro-c .swiper-button-next,.mpro .mpro-c .swiper-button-prev {
    width:64px;
    height: 44px;
    margin-top: -33px;
    background-size: 64px 44px;
}
.mpro .mpro-c .mpro-js  .li h3{font-size: 22px;}
.mpro .mpro-c .mpro-js  .li  .price{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.mpro .mpro-c .swiper-button-next,.mpro .mpro-c .swiper-button-prev {
    width:48px;
    height: 33px;
    margin-top: -22px;
    background-size: 48px 33px;
}
.mpro .mpro-c .mpro-js  .li .pic .add-wish{width: 20px;height: 20px;}
.mpro .mpro-c .mpro-js  .li h3{font-size: 20px;}
.mpro .mpro-c .mpro-js  .li  .price{font-size: 20px;}
.mpro .mpro-c .mpro-js  .li  .norms .color{font-size: 15px;}
.mpro .mpro-c .mpro-js  .li  .norms .length{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
.mpro .mpro-c .mpro-js  .li h3{font-size:18px;}
.mpro .mpro-c .mpro-js  .li  .price{font-size: 18px;}
}


.pro-relat-box{width: 100%;height: auto;}
.pro-relat-box .pro-relat{width: 100%;height: auto;border:1px solid #DCDCDC;}
.pro-relat-box .pro-relat .pro-relat-sort{width: 100%;height: auto;font-size: 0;border-bottom:1px solid #DCDCDC;}
.pro-relat-box .pro-relat .pro-relat-sort li{display: inline-block;vertical-align: top;width: 33.3%;font-size: 23px;text-align: center;line-height: 50px; border-right:1px solid #DCDCDC;}
.pro-relat-box .pro-relat .pro-relat-sort li:last-child{border-right: none;}
.pro-relat-box .pro-relat .pro-relat-sort li:hover{background: #F2E8EC;}
.pro-relat-box .pro-relat .pro-relat-sort li.cut{background: #F2E8EC;}
.pro-relat-box .pro-relat .pro-relat-list{width: 100%;height: auto;display: none;}
.pro-relat-box .pro-relat .pro-infor{ width: 100%;height: auto;padding: 5%;}
.pro-relat-box .pro-relat .pro-infor .txt{width: 100%;height: auto;}
.pro-relat-box .pro-relat .pro-infor .txt p{font-size: 18px;}
.pro-relat-box .pro-relat .pro-infor .txt img{display: block;width: 60%;margin: 0 auto;}
.pro-relat-box .pro-relat .ab-hair{padding: 5%;width: 100%;height: auto;overflow: hidden;}
.pro-relat-box .pro-relat .ab-hair .ab-hair-l{width: 55%;float: left;padding-right: 5%;}
.pro-relat-box .pro-relat .ab-hair .ab-hair-r{width: 45%;float: right;height: auto;}
.pro-relat-box .pro-relat .ab-hair .ab-hair-r img{display: block;width: 100%;height: auto;}
.pro-relat-box .pro-relat .review{ width: 100%;height: auto;padding: 5%;}
.pro-relat-box .pro-relat .review .title3{text-align: center;}
.pro-relat-box .pro-relat .review .statistics{text-transform: uppercase; overflow: hidden; width: 100%;height: auto;padding: 15px;border-top: 1px solid #dcdcdc;border-bottom:1px solid #DCDCDC;margin-top: 35px;}
.pro-relat-box .pro-relat .review .statistics  .stat-l{font-size: 20px; width: 150px;float: left;}
.pro-relat-box .pro-relat .review .statistics .stat-l .star{width: 100%;height: auto;margin-bottom: 5px;}
.pro-relat-box .pro-relat .review .statistics .stat-l .star i{font-size:20px;color:#df89b2;margin: 0 2px;}
.pro-relat-box .pro-relat .review .statistics .stat-r {text-align: right; width: calc(100% - 150px);float: right;}
.pro-relat-box .pro-relat .review .statistics .stat-r  .star-list{font-size: 18px; display: inline-block;margin-right: 2%;}
.pro-relat-box .pro-relat .review .statistics .stat-r .star-list .star{display: inline-block;}
.pro-relat-box .pro-relat .review .statistics .stat-r .star-list .star i{font-size: 10px;color: #DF89B2;}


.pro-relat-box .pro-relat .review .review-list{width: 100%;height: auto;margin-top: 45px;}
.pro-relat-box .pro-relat .review .review-list .title3 h3{text-align: left;}
.pro-relat-box .pro-relat .review .review-list ul{width: 100%;height: auto;font-size: 0;}
.pro-relat-box .pro-relat .review .review-list ul li{background: #fafafa; vertical-align: top; padding: 25px; display: inline-block;width: calc(50% - 15px);margin-right: 30px;margin-bottom: 30px;}
.pro-relat-box .pro-relat .review .review-list ul li:nth-child(2n){margin-right: 0;}
.pro-relat-box .pro-relat .review .review-list ul li .picture{width: 100%;height: auto;}
.pro-relat-box .pro-relat .review .review-list ul li .picture .pl{display: inline-block;width: calc(33.3% - 6px);margin-right:9px;height: auto;}
.pro-relat-box .pro-relat .review .review-list ul li .picture .pl:nth-child(3n){margin-right: 0;}
.pro-relat-box .pro-relat .review .review-list ul li .picture .pl img{display: block;width: 100%;height: auto;}
.pro-relat-box .pro-relat .review .review-list ul li .name{font-weight: bolder; font-size: 23px;color: #000000;}
.pro-relat-box .pro-relat .review .review-list ul li .txt{width: 100%;height: auto;padding: 20px 0;border-top: 1px solid #dcdcdc;}
.pro-relat-box .pro-relat .review .review-list ul li p{font-size: 23px;color: #999;}
.pro-relat-box .pro-relat .review .review-list ul li p b{color: #000000;}
.pro-relat-box .pro-relat .review .review-list ul li .star{padding: 10px 0; width: 100%;height: auto;}
.pro-relat-box .pro-relat .review .review-list ul li .star i{font-size: 20px; margin: 0 2px; color: #df89b2;}

 .fy {text-align: center;width: 100%;height: auto;margin-top: 25px;}
 .fy a{display: inline-block; font-size: 23px;vertical-align: middle; color: #000000;}
 .fy a{width: 36px;height: auto;}
.fy a img{display: block;width: 100%;height: auto;}
 .fy a:hover{color: #df89b2;}
 .fy a.cut{color: #df89b2;}



@media only screen and (max-width:1680px) {
.pro-relat-box .pro-relat .review .review-list ul li .name{font-size: 22px;}
.pro-relat-box .pro-relat .review .review-list ul li p{font-size: 22px;}
.pro-relat-box .pro-relat .review .review-list ul li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}	
.pro-relat-box .pro-relat .pro-relat-sort li{font-size: 22px;}

 .fy a{ font-size: 22px;width: 34px}
}
@media only screen and (max-width:1440px) {
.pro-relat-box .pro-relat .review .review-list ul li .name{font-size: 20px;}
.pro-relat-box .pro-relat .review .review-list ul li p{font-size: 20px;}
.pro-relat-box .pro-relat .review .review-list ul li{padding: 20px;}
.pro-relat-box .pro-relat .review .review-list ul li .star i{font-size: 18px;}
.pro-relat-box .pro-relat .pro-relat-sort li{font-size: 20px;height: 45px;line-height: 45px;}

 .fy a{ font-size: 20px;width: 32px}
}
@media only screen and (max-width:1280px) {
.pro-relat-box .pro-relat .review .review-list ul li .name{font-size:18px;}
.pro-relat-box .pro-relat .review .review-list ul li p{font-size:18px;}
.pro-relat-box .pro-relat .review .review-list ul li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
.pro-relat-box .pro-relat .pro-relat-sort li{font-size: 18px;}
 .fy a{ font-size:18px;width: 30px}
}



.pro-d{width: 100%;height: auto;}
.pro-d .pro-dl{height: auto; width: 35%;float:left;}
.pro-d .pro-dl .pro-dl-top{width: 100%;height: auto;margin-bottom: 10px;}
.pro-d .pro-dl .pro-dl-top .pic{width: 100%;height: auto;}
.pro-d .pro-dl .pro-dl-top .pic img{display: block;width: 100%;height: auto;}
.pro-d .pro-dl .pro-dl-thumbs{width: 100%;height: auto;}
.pro-d .pro-dl .pro-dl-thumbs .pic{width: 100%;height: auto;}
.pro-d .pro-dl .pro-dl-thumbs .pic img{display: block;width: 100%;height: auto;}
.pro-d .pro-dl .pro-dl-thumbs .swiper-slide-thumb-active{border:1px solid #000000;}


.pro-d .pro-dr{width: 65%;float: right;padding-left: 10%;}
.pro-d .pro-dr h3{color: #000000;font-size: 36px;}
.pro-d .pro-dr .zs{font-size:23px;color: #999999;}
.pro-d .pro-dr .present-price{font-size: 40px;font-weight: bolder;margin-top: 20px;}
.pro-d .pro-dr .present-price span{font-size: 23px;font-weight: normal; text-transform: uppercase;}

.pro-d .pro-dr .review-star{width: 100%;height: auto;font-size: 18px;text-transform: uppercase;}
.pro-d .pro-dr .review-star .star{ display: inline-block;}
.pro-d .pro-dr .review-star .star i{font-size: 20px;color: #DF89B2;margin: 0 2px;}
.pro-d .pro-dr .norms{width: 100%;height: auto;}
.pro-d .pro-dr .norms .norms-d{margin-top: 25px;}
.pro-d .pro-dr .norms .norms-d h6{font-size: 23px;color: #000000;font-weight: bolder; text-transform: uppercase;margin-bottom: 10px;}
.pro-d .pro-dr .norms .norms-d .list{width: 100%;height: auto;}
.pro-d .pro-dr .norms .norms-d .list span{cursor: pointer; color: #000;display: inline-block;margin:10px 10px 10px 0;font-size: 23px;border:1px solid #000000;padding: 5px 15px}
.pro-d .pro-dr .norms .norms-d .list span:hover{background: #000000;color: #FFf;}
.pro-d .pro-dr .norms .norms-d .list span.checked{background: #000000;color: #FFf;}
.pro-d .pro-dr .norms .norms-d .tl{overflow: hidden; width: 100%;height: auto;}
.pro-d .pro-dr .norms .norms-d  .tl h6{width: calc(100% - 120px);float: left;}
.pro-d .pro-dr .norms .norms-d .tl span.color-show{cursor: pointer; float: right;font-size: 20px; width: 120px;text-transform: uppercase; text-transform: uppercase;font-weight: bolder;display: block;}
.pro-d .pro-dr .norms .norms-d .color-box{width: 100%;height: auto;font-size: 0; margin-top: 15px;}
.pro-d .pro-dr .norms .norms-d .color-box dd{margin-bottom: 15px; display: inline-block;vertical-align: top;width: 16.6%;padding-right: 10px;text-align: center;}
.pro-d .pro-dr .norms .norms-d .color-box dd .color-value{width:60%;max-width: 60px; height: auto; border-radius: 100%; margin: 0 auto;background-size: cover;background-repeat: no-repeat;background-size: cover;}
.pro-d .pro-dr .norms .norms-d .color-box dd .color-value img{display: block;width: 100%;height: auto;}
.pro-d .pro-dr .norms .norms-d .color-box dd span{display: block;margin-top: 10px; color: #000000;font-size:20px;text-transform: uppercase;}


.color-card-bks{display: none;  width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9999;}
.color-card-bks .color-card-box{box-shadow: 0 0 10px rgba(0,0,0,0.2); padding:45px; background: #FFF;width: 80%;margin: 0 auto; overflow-y: auto; height: 70%; position: absolute;top: 15%;left: 50%; max-width: 850px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.color-card-bks .color-card-box .title3{text-align: center;}

.color-card-bks .color-card-box .close{width: 40px;height: 40px;text-align: center;color: #FFf;background: #000000;line-height: 40px;font-size: 30px;position: absolute;top: 0;right: 0;}
.color-card-bks .color-card-box .color-box{width: 100%;height: auto;margin-top: 35px;font-size: 0;}
.color-card-bks .color-card-box .color-box dd{margin-bottom: 15px; display: inline-block;vertical-align: top;width: 16.6%;padding-right: 10px;text-align: center;}
.color-card-bks .color-card-box .color-box dd .color-value{width:60%;max-width: 60px; height: auto; border-radius: 100%; margin: 0 auto;background-size: cover;background-repeat: no-repeat;background-size: cover;}
.color-card-bks .color-card-box .color-box dd .color-value img{display: block;width: 100%;height: auto;}
.color-card-bks .color-card-box .color-box dd span{display: block;margin-top: 10px; color: #000000;font-size:20px;text-transform: uppercase;}

.pro-d .pro-dr .buy-bn{margin-bottom: 10px;margin-top: 25px;  width: 100%;height: auto;font-size: 0; text-align: center;}
.pro-d .pro-dr .buy-bn .more{padding: 0; width: calc(33.3% - 10px);height: 50px;line-height: 50px; vertical-align:top;display: inline-block; text-transform: uppercase; margin-right: 15px;border:1px solid #000000;}
.pro-d .pro-dr  .buy-bn .more:nth-child(3n){margin-right: 0;}
.pro-d .pro-dr  .buy-bn .count{font-size: 0;}
.pro-d .pro-dr  .buy-bn .count p.jian,.pro-d .pro-dr  .buy-bn .count p.jia{cursor: pointer;}
.pro-d .pro-dr  .buy-bn .count p{display: inline-block; width:33.3%;text-align: center;font-size: 23px;color: #000000;}
.pro-d .pro-dr  .buy-bn .count p.num input{width: 100%; border: none;background:none;  border-radius: 3px;font-size:23px;color:  #000;text-align: center;}
.pro-d .pro-dr  .buy-bn .count p span{display: inline-block;text-align: center; font-weight: bolder;}
.pro-d .pro-dr  .buy-bn  .add-cart{color: #000000;}
.pro-d .pro-dr  .buy-bn  .add-cart span{display: inline-block;font-size: 23px;padding-left: 35px;background-repeat: no-repeat;background-position: left center;background-size: 25px 25px;} 
.pro-d .pro-dr  .buy-bn  .gobuy{color: #FFFFFF;background: #000000;}
.pro-d .pro-dr .logis{margin-top: 35px; width:100%;height: auto;font-size: 0;}
.pro-d .pro-dr .logis li{display: inline-block;vertical-align: top; width: 33.3%;padding-right:5%;}
.pro-d .pro-dr .logis li .ico{float: left; width:40px;height: auto;}
.pro-d .pro-dr .logis li .ico img{display: block;width: 100%;height: auto;}
.pro-d .pro-dr .logis li p{width: calc(100% - 40px);font-size:18px;color: #000000; padding-left: 10px;float: right;}


@media only screen and (max-width:1680px) {
	.pro-d .pro-dr h3{font-size: 34px;}
.pro-d .pro-dr .zs{font-size:22px;}
.pro-d .pro-dr .present-price{font-size:38px;}
.pro-d .pro-dr .present-price span{font-size: 22px;}
.pro-d .pro-dr .norms .norms-d h6{font-size: 22px;}
.pro-d .pro-dr .norms .norms-d .list span{font-size: 22px;}
	.pro-d .pro-dr .norms .norms-d .color-box dd span{font-size: 18px;}
	.color-card-bks .color-card-box .color-box dd span{font-size: 18px;}
	.pro-d .pro-dr .norms .norms-d .tl span.color-show{font-size: 18px;}
	.pro-d .pro-dr  .buy-bn .count p{font-size: 22px;}
.pro-d .pro-dr  .buy-bn .count p.num input{font-size: 22px;}
.pro-d .pro-dr  .buy-bn  .add-cart span{font-size: 22px;}
.pro-d .pro-dr .logis li p{font-size: 16px;}

}
@media only screen and (max-width:1440px) {
		.pro-d .pro-dr h3{font-size: 32px;}
.pro-d .pro-dr .zs{font-size:20px;}
.pro-d .pro-dr .present-price{font-size:36px;}
.pro-d .pro-dr .present-price span{font-size: 20px;}
.pro-d .pro-dr .norms .norms-d h6{font-size: 20px;}
	.pro-d .pro-dr .norms .norms-d .color-box dd span{font-size: 16px;}
	.color-card-bks .color-card-box .color-box dd span{font-size: 16px;}
		.pro-d .pro-dr .norms .norms-d .list span{font-size: 20px;}
		.pro-d .pro-dr .norms .norms-d .tl span.color-show{font-size: 16px;}
			.pro-d .pro-dr  .buy-bn .count p{font-size: 20px;}
.pro-d .pro-dr  .buy-bn .count p.num input{font-size: 20px;}
.pro-d .pro-dr  .buy-bn  .add-cart span{font-size: 20px;}
.pro-d .pro-dr .buy-bn .more{line-height: 45px;height: 45px;}
.pro-d .pro-dr .logis li .ico{width: 35px;}
.pro-d .pro-dr .logis li p{font-size: 15px;width: calc(100% - 35px);}
.pro-d .pro-dr .review-star .star i{font-size: 18px;}
.pro-d .pro-dl{width: 40%;}
.pro-d .pro-dr{width: 60%;padding-left: 8%;}
}
@media only screen and (max-width:1280px) {
			.pro-d .pro-dr h3{font-size: 30px;}
.pro-d .pro-dr .zs{font-size:18px;}
.pro-d .pro-dr .present-price{font-size:34px;}
.pro-d .pro-dr .present-price span{font-size: 18px;}
.pro-d .pro-dr .norms .norms-d h6{font-size: 18px;}
	.pro-d .pro-dr .norms .norms-d .color-box dd span{font-size: 15px;}
	.color-card-bks .color-card-box .color-box dd span{font-size: 15px;}
.pro-d .pro-dr .norms .norms-d .list span{font-size: 18px;}
		.pro-d .pro-dr .norms .norms-d .tl span.color-show{font-size: 15px;}
					.pro-d .pro-dr  .buy-bn .count p{font-size:18px;}
.pro-d .pro-dr  .buy-bn .count p.num input{font-size:18px;}
.pro-d .pro-dr  .buy-bn  .add-cart span{font-size:18px;}
.pro-d .pro-dr .buy-bn .more{line-height: 40px;height: 40px;}
.pro-d .pro-dr .logis{margin-top: 25px;}
}




.cart-box-bks{width: 0%;height: 100%;position: fixed;top: 0;left: 00%;z-index:99999; background:rgba(255,255,255,0.8);}
.ty-cart-box{box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 50px 35px; position: fixed;top: 0;right:-100%;background: #FFFFFF;height: 100%;width: 550px;}
.cart-box-bks.show{width: 100%;}
.cart-box-bks.show .ty-cart-box{right: 0;transition: all 0.5s ease;}
.ty-cart-box .title3{height: 55px; width: 100%;}
.ty-cart-box .close{cursor: pointer; width: 40px;height: 40px;position: absolute;top: 0;right: 0;background: #000000;color: #FFf;font-size: 30px;text-align: center;line-height: 40px;}
.ty-cart-box .cart-empty {width: 100%;height: auto;}
.ty-cart-box .cart-empty .summy{width: 100%;height: auto;padding:20px 0;border-top:1px solid  #DCDCDC;text-transform: uppercase; border-bottom: 1px solid #DCDCDC;font-size:23px;color: #000000;text-align: center;}
.ty-cart-box .cart-empty .go-buy{width: 100%;text-align: center; background: #000000;color: #FFF;margin-top: 35px;border: #000000;}
.ty-cart-box .ty-cart-list{width: 100%;height: auto;}
.ty-cart-box .ty-cart-list ul{width: calc(100% - 70px);position: absolute; max-height:calc(100% - 390px);top:140px;left: 35px; overflow-y: auto;overflow-x: hidden;}
.ty-cart-box .ty-cart-list ul li{padding-right: 5px; margin-bottom: 35px; overflow: hidden; width: 100%;height: auto;position: relative;padding-left: 30px;}
.ty-cart-box .ty-cart-list ul li .select{ border-radius: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.ty-cart-box .ty-cart-list ul li .select.selected:before{border-radius: 100%;}
.ty-cart-box .select{border-radius: 100%;border:1.5px solid #000000;}
.ty-cart-box .select.selected:before{border-radius: 100%;}
.ty-cart-box .ty-cart-list ul li .pic{width: 120px;height: auto;float: left;}
.ty-cart-box .ty-cart-list ul li .pic img{display: block;width: 100%;height: auto;}
.ty-cart-box .ty-cart-list ul li .con{width: calc(100% - 120px);padding-left: 10px;float: right;}
.ty-cart-box .ty-cart-list ul li .con h3{line-height: 1; font-size: 23px;color:#000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ty-cart-box .ty-cart-list ul li .con .selected-specs{margin-top: 10px; width: 100%;height: auto;color: #999999;}
.ty-cart-box .ty-cart-list ul li .con .selected-specs span{line-height: 1; display: block; font-size: 18px;color: #999999;}
.ty-cart-box .ty-cart-list ul li .con .con-d{margin-top: 15px; width: 100%;height: auto;}
.ty-cart-box .ty-cart-list ul li .con .con-d .count{width: calc(100% - 90px);height: 30px;line-height: 30px; text-align: center; max-width: 110px; font-size: 0;border: 1px solid #000000; float: left;}
.ty-cart-box .ty-cart-list ul li .con .con-d .count p{color: #000000; width: 33.3%;display: inline-block;font-size: 23px;}
.ty-cart-box .ty-cart-list ul li .con .con-d .count p.num input{text-align: center; width: 100%;border: none;}
.ty-cart-box .ty-cart-list ul li .con .con-d .present-price{width:90px;font-size: 23px; text-align: right;float: right;}
.ty-cart-btn-box{ width: 100%;height:auto; padding:20px 35px;height: 200px; background: #FFFFFF; position: absolute;bottom:0;z-index: 99999;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.ty-cart-btn{padding: 20px 0;background: #FFFFFF;border-top: 1px solid #DCDCDC;}
.ty-cart-btn .sub-cart-t{width: 100%;height: auto;overflow: hidden;}
.ty-cart-btn .all-cart{float: left; width:150px;vertical-align: middle; text-transform: uppercase; line-height: 35px; font-size: 23px;color: #000; height: auto;float: left;}
.ty-cart-btn .all-cart .select{display: inline-block;}
.ty-cart-btn  .sub-cart-price{text-align: right;text-transform: uppercase; width: calc(100% - 150px);float: right;font-size: 23px;color: #999999;}
.ty-cart-btn  .sub-cart-price span{color: #000000;}
.ty-cart-btn .sub-cart-d{margin-top: 35px; width: 100%;height: auto;font-size: 0;}
.ty-cart-btn .sub-cart-d .more{width: calc(50% - 10px);text-align: center;border:1px solid #000000;display: inline-block; margin-right: 20px;}
.ty-cart-btn .sub-cart-d .more:nth-child(2n){margin-right: 0;}
.ty-cart-btn .sub-cart-d .sub-buy{color: #FFFFFF;background: #000000;}
.ty-cart-btn .sub-cart-d .delete-cart{color: #000000;}
@media only screen and (max-width:1680px) {
	.ty-cart-box .ty-cart-list ul li .con h3{font-size: 22px;}
	.ty-cart-box .ty-cart-list ul li .con .selected-specs span{font-size: 16px;}
	.ty-cart-box .ty-cart-list ul li .con .con-d .present-price{font-size: 22px;}
	.ty-cart-box .ty-cart-list ul li .con .con-d .count{width: 100px;}
	.ty-cart-box .ty-cart-list ul li .con .con-d .count p{font-size: 22px;}
	.ty-cart-btn .all-cart{font-size: 22px;}
	.ty-cart-btn  .sub-cart-price{font-size: 22px;}
	.ty-cart-box .cart-empty .summy{font-size: 22px;}
	
}
@media only screen and (max-width:1440px) {
.ty-cart-box .ty-cart-list ul li .con h3{font-size: 20px;}
.ty-cart-box .ty-cart-list ul li .con .con-d .present-price{font-size: 22px;}
.ty-cart-box .ty-cart-list ul li .pic{width: 110px;}
.ty-cart-box .ty-cart-list ul li .con{width: calc(100% - 110px);}
.ty-cart-box .ty-cart-list ul li .con .con-d .count{width:90px;}
.ty-cart-box .ty-cart-list ul li .con .con-d .count p{font-size: 20px;}
.ty-cart-btn .all-cart{font-size: 20px;}
.ty-cart-btn  .sub-cart-price{font-size: 20px;}
.ty-cart-box .cart-empty .summy{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.ty-cart-box .ty-cart-list ul li .con h3{font-size: 18px;}
	.ty-cart-box .ty-cart-list ul li .con .con-d .present-price{font-size:18px;}
	.ty-cart-box .ty-cart-list ul li .con .selected-specs span{font-size: 15px;}
	.ty-cart-box .ty-cart-list ul li .con .con-d .count{width: 80px;}
	.ty-cart-box .ty-cart-list ul li .con .con-d .count p{font-size: 18px;}
	.ty-cart-btn .all-cart{font-size:18px;}
.ty-cart-btn  .sub-cart-price{font-size:18px;}
.ty-cart-box .cart-empty .summy{font-size: 18px;}
}


.close{width: 40px;height: 40px;font-size: 30px;color: #FFFFFF;text-align: center;background: #000000;line-height: 40px;}
.add-cart-bks{display: none; width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: rgba(0,0,0,0.6);}
.add-cart-bks .add-cart-box{overflow: hidden; padding: 3.5%;height: auto;top:50%;left: 50%; width: 60%;max-width: 860px;position: absolute;background: #FFFFFF;transform:translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform:translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}
.add-cart-bks .add-cart-box .close{position: absolute;top: 0;right: 0;width: 40px; height: 40px;color: #fff;text-align: center;line-height: 40px;font-size: 30px;background: #000000;}
.add-cart-bks .add-cart-box .pic{width: 35%;height: auto;float: left;}
.add-cart-bks .add-cart-box .pic img{display: block;width: 100%;height: auto;}
.add-cart-bks .add-cart-box .con{float: right; width: 65%;padding-left: 5%;height: auto;}
.add-cart-bks .add-cart-box .con h3{font-size: 36px;color: #000000;}
.add-cart-bks .add-cart-box .con .succe{font-size: 23px;color: #0eac42;margin-top: 10px;}
.add-cart-bks .add-cart-box .con .add-cart-down{text-align: center; width: 100%;height: auto;margin-top: 60px;font-size: 0;}
.add-cart-bks .add-cart-box .con .add-cart-down .more{border:2px solid #000000;display: inline-block;vertical-align: top; width: calc(50% - 10px);margin-right: 20px;}
.add-cart-bks .add-cart-box .con .add-cart-down .continue{color: #000000;}
.add-cart-bks .add-cart-box .con .add-cart-down .shopcart{background: #000000;color: #FFFFFF;margin-right: 0;}

@media only screen and (max-width:1680px) {
	.add-cart-bks .add-cart-box .con h3{font-size: 34px;}
	.add-cart-bks .add-cart-box .con .succe{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
		.add-cart-bks .add-cart-box .con h3{font-size: 32px;}
	.add-cart-bks .add-cart-box .con .succe{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.add-cart-bks .add-cart-box .con h3{font-size: 30px;}
	.add-cart-bks .add-cart-box .con .succe{font-size:18px;}	
}

.cart-box{width: 100%;height: auto;}
.ty-cart .title2 h2{text-transform: capitalize;text-align: center;}
.cart-box .ty-cart .ty-cart-box{width: 100%;height: auto; border: 1px solid #DCDCDC;position: static;padding: 5%;box-shadow: none;}
.cart-box .ty-cart .ty-cart-box ul{width: 100%;height: auto;position: static;}
.cart-box .ty-cart .ty-cart-box ul li{ width: 100%;height: auto;position: relative;padding: 0 0 35px 50px;margin-bottom: 35px; border-bottom: 1px solid #DCDCDC;}
.cart-box .ty-cart .ty-cart-box ul li .select{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); border-radius: 100%;}
.cart-box .ty-cart .ty-cart-box ul li .select.selected:before{border-radius: 100%;}
.cart-box .ty-cart .ty-cart-box ul li .pic{width: 130px;height: auto;float: left;}
.cart-box .ty-cart .ty-cart-box ul li .pic img{display: block;width: 100%;height: auto;}
.cart-box .ty-cart .ty-cart-box .ty-cart-list ul li .con{width: calc(100% - 130px);padding-left: 5%; float: left;height: auto;}
.cart-box .ty-cart .ty-cart-box ul li .con .con-d{margin-top: 20px;}
.cart-box .ty-cart .ty-cart-box ul li .con .con-d .count{width: calc(100% - 200px);}
.cart-box .ty-cart .ty-cart-box ul li .con .con-d .present-price{width: 200px; text-transform: uppercase;}
.cart-box .ty-cart .ty-cart-box ul li .con .con-d .present-price span{display: inline-block;}
.cart-box .ty-cart .ty-cart-box ul li .con .tl{line-height: 1; width: 100%;height: auto;overflow: hidden;}
.cart-box .ty-cart .ty-cart-box ul li .con .tl h3{height: auto; width: calc(100% - 100px);float: left;}
.cart-box .ty-cart .ty-cart-box ul li .con .tl .unit-price{width: 100px;text-align: right;float: right; font-size: 23px;text-transform: uppercase;color: #000000;}

.cart-box .ty-cart .ty-cart-btn-box{height: auto; background: none; padding: 5% 0 0 0 ; position: static;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0); width: 100%;}
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn{width: 100%;height: auto;border-top: none;}
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-t{border-bottom:1px solid #DCDCDC;padding-bottom: 25px;}
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-t .sub-cart-price{color: #999999;}
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-t .sub-cart-price span{color: #999999;}
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-c{text-align: right; color: #000000;font-size: 23px; padding-top: 20px; text-transform: uppercase;}
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-c span{padding-left: 20px;}
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-d{margin-top: 35px;  text-align: right;}
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-d .more{display: inline-block;max-width: 180px;}
.cart-box .ty-cart .ty-cart-box .cart-empty .more.go-buy{display: block; width: 45%;max-width: 240px;margin: 35px auto;}


@media only screen and (max-width:1680px) {
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-c{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-c{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
.cart-box .ty-cart .ty-cart-btn-box .ty-cart-btn .sub-cart-c{font-size: 18px;}
}



.myself{width: 100%;height: auto;}
.myself .title2 h2{text-align: center;text-transform: capitalize;}
.myself .myself-c{width: 100%;height: auto;}
.myself .myself-c .myself-cl{width: 380px;height: auto;float: left; padding: 3%;background: #FAFAFA;}
.myself .myself-c .myself-cl ul{width: 100%;height: auto;}
.myself .myself-c  .myself-cl ul li{text-transform: uppercase; font-size:23px;text-align: center; color: #D1D1D1; width: 100%;height: auto;}
.myself .myself-c .myself-cl ul li a{ display: block;font-weight: bolder; padding:15px 0; color: #d1d1d1;}
.myself .myself-c .myself-cl ul li:hover a{color: #000000;}
.myself .myself-c .myself-cl ul li:hover{color: #000000;}
.myself .myself-c .myself-cl ul li.active a{color: #000000;}
.myself .myself-c .myself-cl ul li.active{color: #000000;}
.myself .myself-c .myself-cr{width: calc(100% - 380px);float: right;padding-left: 6%;}
.myself .myself-c .myself-cr .inforamtion{margin-bottom: 35px; width:100%;height: auto;border:1px solid #000000;padding: 5%;}
.myself .myself-c .myself-cr .r-title{width: 100%;height: auto;margin-bottom: 25px;}
.myself .myself-c .myself-cr h3{ color: #000000;font-size: 23px;text-transform: uppercase;}
.myself .myself-c .myself-cr .infor-top{padding-bottom: 30px;overflow: hidden; border-bottom: 1px solid #dcdcdc; width: 100%;height: auto;}
.myself .myself-c .myself-cr .infor-top .name{font-size: 23px; width: 100%;height: auto;color:#000000;}
.myself .myself-c .myself-cr .infor-top .infor-top-l{width: calc(100% - 180px);float: left;}
.myself .myself-c .myself-cr .infor-top .edit{width: 160px;float: right;background: #000000;border:2px solid #000000;text-align: center;}
.myself .myself-c .myself-cr .infor-form{width: 100%;height: auto;}
.myself .myself-c .myself-cr  .infor-form {width: 100%;height: auto;font-size: 0;}
.myself .myself-c .myself-cr  .infor-form  .label{margin-top: 20px; width: calc(50% - 10px);margin-right: 20px; height: auto;display: inline-block;vertical-align: top;}
.myself .myself-c .myself-cr  .infor-form  .label:nth-child(2n){margin-right: 0;}
.myself .myself-c .myself-cr  .infor-form  .label p{display: inline-block;vertical-align:top; width: 110px; font-size: 20px;line-height: 20px;padding: 10px 0; color: #D1D1D1;text-transform: capitalize;}
.myself .myself-c .myself-cr  .infor-form  .label input{font-family: "tcm"; display: inline-block;font-size: 20px;vertical-align:top; width:calc(100% - 110px);height: auto;line-height: 20px;padding: 10px;border: none;background: none;}
.myself .myself-c .myself-cr  .infor-form  .label:last-child{width: 100%;height: auto;}
.myself .myself-c .myself-cr  .infor-form  .label select{font-family: "tcm"; display: inline-block;font-size: 20px;vertical-align:top; width:calc(100% - 110px);height: auto;line-height: 20px;padding: 10px;border: none;background: none;}


.myself .myself-c .myself-cr .invite-con{ width: 100%;position: relative; height: auto;}
.myself .myself-c .myself-cr .invite-con img{display: block;width: 100%;height: auto;}
.myself .myself-c .myself-cr .invite-con .con{position: absolute;width:45%;text-align: center; right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); padding:0 5%;}
.myself .myself-c .myself-cr .invite-con .con h6{color: #000000;text-transform: uppercase; font-size: 48px;font-weight: bold;line-height: 1;} 
.myself .myself-c .myself-cr .invite-con .con .more{background: #000000;color: #FFFFFF;margin: 0 auto;width: 160px;border: none;text-align: center;margin-top: 45px;}


@media only screen and (max-width:1680px) {
	.myself .myself-c .myself-cl{width: 340px;}
	.myself .myself-c .myself-cr{width: calc(100% - 340px);}
	.myself .myself-c  .myself-cl ul li{font-size: 22px;}
	.myself .myself-c .myself-cr h3{font-size: 22px;}
	.myself .myself-c .myself-cr .infor-top .name{font-size: 22px;}
	.myself .myself-c .myself-cr .invite-con .con h6{font-size: 45px;}
}
@media only screen and (max-width:1440px) {
	.myself .myself-c .myself-cl{width: 280px;}
	.myself .myself-c .myself-cr{width: calc(100% - 280px);}
	.myself .myself-c  .myself-cl ul li{font-size: 20px;}
	.myself .myself-c .myself-cr h3{font-size: 20px;}
	.myself .myself-c .myself-cr .infor-top .name{font-size: 20px;}
	.myself .myself-c .myself-cr  .infor-form  .label p{font-size: 18px;}
	.myself .myself-c .myself-cr  .infor-form  .label input{font-size: 18px;}
	.myself .myself-c .myself-cr  .infor-form  .label select{font-size: 18px;}
	.myself .myself-c .myself-cr .invite-con .con h6{font-size: 40px;}
	
}
@media only screen and (max-width:1280px) {
	.myself .myself-c .myself-cl{width: 240px;}
	.myself .myself-c .myself-cr{width: calc(100% - 240px);}
	.myself .myself-c  .myself-cl ul li{font-size: 18px;}
	.myself .myself-c .myself-cr h3{font-size: 18px;}
	.myself .myself-c .myself-cr .infor-top .name{font-size:18px;}
	.myself .myself-c .myself-cl ul li a{padding: 10px 0;}
	.myself .myself-c .myself-cr  .infor-form  .label{margin-top: 15px;}
	.myself .myself-c .myself-cr  .infor-form  .label p{font-size: 17px;}
	.myself .myself-c .myself-cr  .infor-form  .label input{font-size: 17px;}
	.myself .myself-c .myself-cr  .infor-form  .label select{font-size: 17px;}
	.myself .myself-c .myself-cr .invite-con .con h6{font-size: 36px;}
}




.wishlist-c{border:1px solid #000000;padding: 5%;}

.wishlist-c .wishlist-empty{width: 100%;height: auto;padding-bottom: 35px;}
.wishlist-c .wishlist-empty {width: 100%;height: auto;}
.wishlist-c .wishlist-empty .summy{width: 100%;height: auto;padding:20px 0;border-top:1px solid  #DCDCDC;text-transform: uppercase; border-bottom: 1px solid #DCDCDC;font-size:23px;color: #000000;text-align: center;}
.wishlist-c .wishlist-empty .go-buy{width: 100%;text-align: center; background: #000000;color: #FFF;margin-top: 35px;border: #000000;}


 .count p{cursor: pointer;}
.wishlist{width: 100%;height: auto;}
.wishlist ul li{ overflow: hidden; width: 100%;height: auto;position: relative;padding: 0 0 35px 50px;margin-bottom: 35px; border-bottom: 1px solid #DCDCDC;}
.wishlist ul li .select{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); border-radius: 100%;}
.wishlist ul li .select.selected:before{border-radius: 100%;}
.wishlist ul li .pic{width: 130px;height: auto;float: left;}
.wishlist ul li .pic img{display: block;width: 100%;height: auto;}
.wishlist ul li .con{width: calc(100% - 130px);padding-left: 5%; float: left;height: auto;}
.wishlist ul li .con .con-d{margin-top: 20px;}
.wishlist ul li .con .con-d .count{width: calc(100% - 200px);}
.wishlist ul li .con .con-d .count{width: calc(100% - 90px);height: 30px;line-height: 30px; text-align: center; max-width: 110px; font-size: 0;border: 1px solid #000000; float: left;}
.wishlist ul li .con .con-d .count p{color: #000000; width: 33.3%;display: inline-block;font-size: 23px;}
.wishlist ul li .con .con-d .count p.num input{text-align: center; width: 100%;border: none;}
.wishlist ul li .con .selected-specs{margin-top: 10px; width: 100%;height: auto;color: #999999;}
.wishlist ul li .con .selected-specs span{line-height: 1; display: block; font-size: 18px;color: #999999;}
.wishlist ul li .con .con-d .present-price{text-transform: uppercase; width:120px;font-size: 20px; text-align: right;float: right;}
.wishlist ul li .con .con-d .present-price span{display: inline-block;}
.wishlist ul li .con .tl{line-height: 1; width: 100%;height: auto;overflow: hidden;}
.wishlist ul li .con .tl h3{height: auto; width: calc(100% - 100px);float: left;}
.wishlist ul li .con .tl .unit-price{width: 100px;text-align: right;float: right; font-size: 23px;text-transform: uppercase;color: #000000;}
.wishlist-c .wishlist-btn-box{height: auto; background: none;padding: 20px 0;  width: 100%;}
.wishlist-c .wishlist-btn-box .wishlist-btn{width: 100%;height: auto;}
.wishlist-c .wishlist-btn-box .wishlist-btn .sub-wishlist-t{width: 100%;height: auto;overflow: hidden; padding: 20px 0;}
.wishlist-c .wishlist-btn-box .wishlist-btn .all-wishlist{text-transform: uppercase; font-size: 24px;color:#000000;width: 40%;float: left;}
.wishlist-c .wishlist-btn-box .wishlist-btn .sub-wishlist-price{color: #D1D1D1; width: 60%;float: right;text-transform: uppercase;text-align: right;font-size: 18px;}
.wishlist-c .wishlist-btn-box .wishlist-btn .all-wishlist .select{border-radius: 100%;}
.wishlist-c .wishlist-btn-box .wishlist-btn .all-wishlist .selected:before{border-radius: 100%;}
.wishlist-c .wishlist-btn-box .wishlist-btn .sub-wishlist-c{text-transform: uppercase; width: 100%;height: auto;text-align: right;text-align: right;font-size: 24px;color: #000000;padding: 20px 0;border-top:1px solid #DCDCDC;}
.wishlist-c .wishlist-btn-box .wishlist-btn .sub-wishlist-d{padding-top: 15px; width: 100%;height: auto;text-align:right;}
.wishlist-c .wishlist-btn-box .wishlist-btn .sub-wishlist-d  a{display: inline-block;margin-left: 20px;text-align: center;}





@media only screen and (max-width:1680px) {
	.wishlist ul li .con h3{font-size: 22px;}
.wishlist ul li .con .selected-specs span{font-size: 16px;}
.wishlist ul li .con .con-d .present-price{font-size: 22px;}
.wishlist ul li .con .con-d .count{width: 100px;}
.wishlist ul li .con .con-d .count p{font-size: 22px;}
.wishlist-c .wishlist-btn-box .wishlist-btn .all-wishlist{font-size: 22px;}
.wishlist-c .wishlist-btn-box .wishlist-btn .sub-wishlist-c{font-size: 22px;}
.wishlist-c .wishlist-empty .summy{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
.wishlist ul li .con h3{font-size: 20px;}
.wishlist ul li .con .con-d .present-price{font-size: 22px;}
.wishlist ul li .pic{width: 110px;}
.wishlist ul li .con{width: calc(100% - 110px);}
.wishlist ul li .con .con-d .count{width:90px;}
.wishlist ul li .con .con-d .count p{font-size: 20px;}
.wishlist-c .wishlist-btn-box .wishlist-btn .all-wishlist{font-size: 20px;}
.wishlist-c .wishlist-btn-box .wishlist-btn .sub-wishlist-c{font-size: 20px;}
.wishlist-c .wishlist-empty .summy{font-size: 20px;}

}
@media only screen and (max-width:1280px) {
.wishlist ul li .con h3{font-size: 18px;}
.wishlist ul li .con .con-d .present-price{font-size:18px;}
.wishlist ul li .con .selected-specs span{font-size: 15px;}
.wishlist ul li .con .con-d .count{width: 80px;}
.wishlist ul li .con .con-d .count p{font-size: 18px;}
.wishlist-c .wishlist-btn-box .wishlist-btn .all-wishlist{font-size:18px;}
.wishlist-c .wishlist-btn-box .wishlist-btn .sub-wishlist-c{font-size:18px;}
.wishlist-c .wishlist-empty .summy{font-size: 18px;}

}













/*
.wishlist-c{width: 100%;height: auto;text-align: center;}
.wishlist-c .loading{text-align:center;color: #FFFFFF;background: #000000; margin: 0 auto;}
.wishlist{width: 100%;height: auto;}
.wishlist li{text-align:left; width: 100%;height: auto;overflow: hidden; padding:3%;margin-bottom: 25px;  background: #FAFAFA;box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.wishlist li .pro-c{width: calc(100% - 130px);display: block; float:left;height: auto;}
.wishlist li .pro-c .pic{width:100px;height: auto;float: left;}
.wishlist li .pro-c .pic img{display: block;width: 100%;height: auto;}
.wishlist li .pro-c .con{width: calc(100% - 100px);float: left;padding-left: 20px;}
.wishlist li .pro-c .con h3{font-size: 23px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.wishlist li .pro-c .con .present-price{font-size: 23px;color: #000000;margin-top: 10px;}
.wishlist li .bn-box{width: 130px;float: right;overflow: hidden;}
.wishlist li .bn-box .more{text-align: center; display: block;}
.wishlist li .bn-box .add-cart{color: #FFFFFF;background: #000000;border:#000000}
.wishlist li .bn-box .delete{color: #000000;border: none;background: none;}

@media only screen and (max-width:1680px) {
	.wishlist li .pro-c .con h3{font-size: 22px;}
	.wishlist li .pro-c .con .present-price{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.wishlist li .pro-c .con h3{font-size: 20px;}
	.wishlist li .pro-c .con .present-price{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.wishlist li .pro-c .con h3{font-size: 18px;}
	.wishlist li .pro-c .con .present-price{font-size: 18px;}
}*/

.coupon{width: 100%;height: auto;}
.coupon .invite-box{margin-top: 35px;}
.coupon .invite-box h3{text-align: center;}
.coupon .coupon-list{width: 100%;font-size:0; height: auto;}
.coupon .coupon-list li {text-transform: uppercase; text-align: center; width:50%;display: inline-block;vertical-align: top;height: auto;}
.coupon .coupon-list li .ico{width:20%;max-width: 80px;margin: 0 auto;}
.coupon .coupon-list li .ico img{display: block;width: 100%;height: auto;}
.coupon .coupon-list li h3{margin-top: 15px;margin-bottom: 10px; font-size: 23px;color: #000000;}
.coupon .coupon-list li .txt{width: 100%;height: auto;text-align: center;}
.coupon .coupon-list li .txt p{font-size: 18px;color: #d1d1d1;}
.coupon .invite-box .invite-code{width:50%; max-width: 445px; padding: 10px; margin: 0 auto;font-size: 0; overflow: hidden;background: #FAFAFA; height: auto;}
.coupon .invite-box .invite-code input{font-family: "tcm"; text-align: center; color: #DF89B2;vertical-align: middle; font-size: 16px;display: inline-block; width: calc(100% - 40px); font-size: 23px;line-height: 23px;border: none;background: none;}
.coupon .invite-box .invite-code button{width: 30px;height: 30px;display: inline-block;vertical-align: middle; border:none;background: none;}
.coupon .summy{margin-top: 10px; width: 100%;height: auto;text-align: center;font-size: 18px;color: #D1D1D1;}
.coupon .qr-code{margin-top: 35px; width: 100%;height: auto;}
.coupon .qr-code .summy{width: 100%;height: auto;text-transform: uppercase;}
.coupon .qr-code .ewm{width: 50%;max-width: 200px;height: auto;margin: 0 auto;}
.coupon .qr-code .ewm img{display: block;width: 100%;height: auto;}
.coupon .link-box{width: 100%;height: auto;text-align: center;margin-top: 35px;}
.coupon .link-box .link-code{width: 70%;max-width: 500px; margin: 0 auto;font-size: 16px;overflow: hidden;}
.coupon .link-box .link-code input{line-height: 20px;padding: 10px;width: calc(100% - 120px);float:left; border:1px solid #000000;color: #000000;font-family: "tcm"; background: none;font-size: 18px;}
.coupon .link-box .link-code button{background: #000000;color: #FFFFFF;width: 120px;line-height: 20px; padding: 10px; border: none;border:1px solid #000000; text-transform: uppercase;font-family: "tcm"; float: right; font-size: 18px;}

@media only screen and (max-width:1680px) {
.coupon .coupon-list li h3{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
.coupon .coupon-list li h3{font-size: 20px;}
.coupon .coupon-list li .txt p{font-size: 16px;}
.coupon .summy{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
.coupon .coupon-list li h3{font-size: 18px;}
}


.exchange{width: 100%;height: auto;border:1px solid #000000;padding: 5%;}
.exchange .re-pro{margin-bottom: 25px; width: 100%;height: auto;overflow: hidden;}
.exchange .re-pro h3{font-size: 23px;font-weight: bolder;color: #000;text-transform: uppercase;}
.exchange .re-pro .time{font-size: 18px;color: #D1D1D1;}
.exchange .re-pro a{margin-top: 10px; display: block;width: 100%;height: auto;}
.exchange .re-pro .pic{width: 100px;height: auto;float: left;}
.exchange .re-pro .pic img{display: block;width: 100%;height: auto;}
.exchange .re-pro  .con{width: calc(100% - 200px);padding-left: 20px;float: left;}
.exchange .re-pro  .con  h3{line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: normal; font-weight: normal; font-size: 23px;color: #000000;}
.exchange .re-pro  .con .size{font-size: 18px;color: #D1D1D1;margin-top: 5px;}
.exchange .re-pro  .con .ord-num{font-size: 23px;color: #000000;text-transform: uppercase;margin-top:15px;}
.exchange .re-pro  .price-box{float: right;height: auto;width: 100px;text-align: right;}
.exchange .re-pro  .price-box .pn{width: 100%;height: auto;}
.exchange .re-pro  .price-box .pn .unit-price{font-size: 23px;color: #000000;}
.exchange .re-pro  .price-box .pn .count{font-size: 18px;color: #d1d1d1;margin-top: 5px;}
.exchange .re-pro  .price-box .total-price{font-size: 23px;color: #000000;margin-top: 15px;}
.exchange .exchange-bn-box{margin-top: 35px; text-align: right; width: 100%;height: auto;}
.exchange .exchange-bn-box .more{display: inline-block;text-align: center; width: 35%;max-width: 160px;margin-left: 15px;  border: 1px solid #000000;color: #000000;}
.exchange .exchange-bn-box .more.cancel{border: 1px solid #000000;color: #000000;}
.exchange .exchange-bn-box .more.submit{background: #000;color: #FFFFFF;}


.exchange  .count-down{width: 100%;height: auto;color: #DF89B2;font-size: 23px;}
.exchange .count-down span{color: #DF89B2;padding-left: 20px;}


.exchange-c{width: 100%;height: auto;}
.exchange-c h3{font-weight: bolder;margin-bottom: 10px;}
.exchange-c .reason{width: 100%;height: auto;margin-bottom: 15px;}

.exchange-c .reason .layui-form-select .layui-input{color: #D1D1D1; width: 100%;height: auto;border: none;background: #FAFAFA;line-height: 25px;padding: 10px;font-size: 23px;text-transform: uppercase;}
.exchange-c .reason .layui-form-select dl dd.layui-this {background-color: #DF89B2;color: #fff;}
.exchange-c .describe{width: 100%;height: auto;margin-bottom: 15px;}

.exchange-c .describe textarea{width: 100%;height: 140px;text-transform: uppercase; border:none;background: #fafafa;line-height: 25px;padding: 10px;font-size: 23px;} 
.exchange-c .reason .layui-form-select .layui-input::-webkit-input-placeholder , .exchange-c .describe textarea::-webkit-input-placeholder {color: #D1D1D1;font-family: "tcm";}
.exchange-c .reason .layui-form-select .layui-input::-moz-placeholder  , .exchange-c .describe textarea::-moz-placeholder {color: #D1D1D1;font-family: "tcm";}
.exchange-c .reason .layui-form-select .layui-input::-ms-input-placeholder  , .exchange-c .describe textarea::-ms-input-placeholder {color: #D1D1D1;font-family: "tcm";}
.exchange-c .photo{width: 100%;height: auto;}
.exchange-c .photo #upbtn{cursor: pointer; position: relative; width: 140px;height: 140px;background: #FAFAFA;}
.exchange-c .photo #upbtn .webuploader-pick{cursor: pointer; color: #D1D1D1;font-size:60px;font-weight: 100; width: 140px;text-align: center;line-height: 140px; height: 140px;position: absolute;top: 0;left: 0;}
.exchange-c .photo #upbtn  .webuploader-element-invisible{cursor: pointer; position: absolute;top: 0;left: 0; width: 140px;height: 140px;opacity: 0;}
.exchange-c .photo  .form-pv .layui-upload  .layui-upload-list ul {width: 100%; height: auto;font-size: 0;margin-bottom: 0;}
.exchange-c .photo  .form-pv .layui-upload  .layui-upload-list ul li {list-style: none; display: inline-block;position: relative;margin:5px 5px 5px 0px;width:120px; height: auto;}
.exchange-c .photo  .form-pv .layui-upload  .layui-upload-list ul li a{display: block;width: 100%;height: auto;border:1px dashed #DCDCDC;border-radius: 5px;}
.exchange-c .photo  .form-pv .layui-upload  .layui-upload-list ul li a img{display: block;width: 100%;height: auto;border-radius: 5px;}
.exchange-c .photo  .form-pv .layui-upload  .layui-upload-list ul li  .test-upload-demo-delete{font-family: "tcm"; background-image: none !important;padding-top: 0 !important; border-radius: 100%;position:absolute;top:-5px;right: -5px;border: none !important;background: rgba(0,0,0,0.8) !important;color: #fff !important;text-align: center;line-height: 20px;font-size: 18px; border-radius: 100% !important; width: 20px !important;padding: 0;line-height: 20px;text-align: center; height: 20px !important;display: block;}


.exchange .result{text-align: center; width: 100%;height: auto;}
.exchange .result .ico{width: 60px;height: auto;margin: 0 auto;}
.exchange .result .ico img{display: block;width: 100%;height: auto;}
.exchange .result  .tip{width: 80%;margin: 0 auto; font-size: 36px;color: #000000;margin-top: 20px;margin-bottom: 5px;}
.exchange .result .summy{font-size: 23px;width: 80%;margin: 0 auto; color: #000000;}
.exchange .result .ex-bn-down{margin-top: 45px; font-size: 0; width: 100%;height: auto;}
.exchange .result .ex-bn-down .more{display: inline-block; width: calc(50% - 20px);margin: 0 10px;text-align: center;border-color: #000000;color: #000000;}
.exchange .result .ex-bn-down .more:nth-child(2n){margin-right: 0;color: #FFFFFF;background: #000000;}
.exchange .atten{margin-bottom: 35px; width: 100%;height: auto;padding: 25px 0;border-bottom:1px solid #DCDCDC;}
.exchange .atten .txt{font-size: 23px;margin-top: 10px;}
.exchange .atten .summy{ font-size:23px;color: #D1D1D1;margin-top: 15px;}
.exchange .exchange-c .waynumber{width: 100%;height: auto;}
.exchange .exchange-c .waynumber input{width: 100%;border: none;font-size: 23px;text-transform: uppercase; height: auto;line-height: 25px;padding: 10px;background: #FAFAFA;}

.exchange .exchange-c .waynumber input::-webkit-input-placeholder {color: #D1D1D1;font-family: "tcm";}
.exchange .exchange-c .waynumber input::-moz-placeholder {color: #D1D1D1;font-family: "tcm";}
.exchange .exchange-c .waynumber input::-ms-input-placeholder {color: #D1D1D1;font-family: "tcm";}


@media only screen and (max-width:1680px) {
	.exchange .re-pro h3{font-size: 22px;}
		.exchange .re-pro  .con  h3{font-size: 22px;}
	.exchange .re-pro  .price-box .pn .unit-price{font-size: 22px;}
	.exchange .re-pro  .price-box .total-price{font-size: 22px;}
	.exchange .re-pro  .con .ord-num{font-size: 22px;}
	.exchange  .count-down{font-size: 22px;}
.exchange-c .reason .layui-form-select .layui-input{font-size: 22px;}
.exchange-c .describe textarea{font-size: 22px;}
.exchange .result  .tip{font-size: 34px;}
.exchange .result .summy{font-size: 22px;}
.exchange .atten .txt{font-size: 22px;}
.exchange .atten .summy{font-size: 22px;}
.exchange .exchange-c .waynumber input{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.exchange .re-pro h3{font-size: 20px;}
.exchange .re-pro  .con  h3{font-size: 20px;}
.exchange .re-pro  .price-box .pn .unit-price{font-size: 20px;}
.exchange .re-pro  .price-box .total-price{font-size: 20px;}
.exchange .re-pro .con .ord-num{font-size: 20px;}
.exchange .re-pro  .con .size{font-size: 16px;}
.exchange .re-pro  .price-box .pn .count{font-size: 16px;}
.exchange  .count-down{font-size: 20px;}
.exchange-c .reason .layui-form-select .layui-input{font-size: 20px;}
.exchange-c .describe textarea{font-size: 20px;}
.exchange .result  .tip{font-size: 30px;}
.exchange .result .summy{font-size: 20px;}
.exchange .result .ico{width: 50px;}
.exchange .atten .txt{font-size: 20px;}
.exchange .atten .summy{font-size: 20px;}
.exchange .exchange-c .waynumber input{font-size: 20px;}
}
@media only screen and (max-width:1280px) {	
	.exchange .re-pro h3{font-size: 18px;}
.exchange .re-pro  .con  h3{font-size: 18px;}
.exchange .re-pro  .price-box .pn .unit-price{font-size: 18px;}
.exchange .re-pro  .price-box .total-price{font-size: 18px;}
.exchange .re-pro  .con .ord-num{font-size: 18px;}
.exchange  .count-down{font-size: 18px;}
.exchange-c .reason .layui-form-select .layui-input{font-size: 18px;}
.exchange-c .describe textarea{font-size: 18px;}
.exchange .result  .tip{font-size: 28px;}
.exchange .result .summy{font-size: 18px;}
.exchange .result .ico{width: 45px;}
.exchange .atten .txt{font-size:18px;}
.exchange .atten .summy{font-size:18px;}
.exchange .exchange-c .waynumber input{font-size: 18px;}
}


.settlement{width: 100%;height: auto;}
.settlement .settle-cl{width: calc(95% - 430px);padding: 3%; border:1px solid #000000;  height: auto;float: left;}
.settlement .settle-cl .personal{line-height: 1; width: 100%;height: auto;padding-bottom: 20px;border-bottom: 1px solid #DCDCDC;}
.settlement .settle-cl .personal .tl{width: 100%;height: auto;}
.settlement .settle-cl .personal .tl .name{font-size: 40px;color: #000000;text-transform: capitalize;}
.settlement .settle-cl .personal .tl .mail{font-size: 18px;color: #000000;padding-left: 10px;}
.settlement .settle-cl .personal .summy{font-size: 18px;color: #000000;margin-top: 10px;}

.settlement .settle-cl .recevi-infor{width: 100%;height: auto;padding: 35px 0;}
.settlement .settle-cl .recevi-infor .add-box{position: relative; width: 100%;height: auto;padding:15px;background: #FAFAFA;}
.settlement .settle-cl .recevi-infor .add-box .add-con{width: calc(100% - 40px);height: auto;}
.settlement .settle-cl .recevi-infor .add-box .add-con span{display: inline-block;font-size:18px;padding-right: 10px; text-transform: capitalize;color: #D1D1D1;}
.settlement .settle-cl .recevi-infor .add-box .add-con .infor{width: 100%;height: auto;font-size: 0;}
.settlement .settle-cl .recevi-infor .add-box .add-con .infor p{font-size:18px;color: #000000; width: calc(50% - 10px);display: inline-block;vertical-align: top;}
.settlement .settle-cl .recevi-infor .add-box .add-con  .add{font-size: 18px;color: #000000;margin-top: 10px; width: 100%;height: auto;}
.settlement .settle-cl .recevi-infor .add-box .edit{ text-transform: capitalize;text-decoration: underline;  position: absolute;top: 10px;right: 20px;font-size:23px;color: #000000;}
.settlement .settle-cl .recevi-infor .select-address{font-size: 23px;text-transform:capitalize; width: 100%;height: auto;background: #FAFAFA;color: #000000;text-align: center;display: block;line-height: 20px;padding: 10px;width: 100%;margin-top: 10px;}
.settlement .settle-cl .recevi-infor .add-box .add-con-empty{width: calc(100% - 40px);height: auto;font-size: 23px;color: #000000;padding: 10px 0;}



.settlement .settle-cl .invoice{padding: 35px 0;border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; width: 100%;height: auto;}
.settlement .settle-cl .invoice .invoice-sort{width: 100%;height: auto;font-size: 0;}
.settlement .settle-cl .invoice .invoice-sort .list{font-size: 23px;color: #000000; width: 50%;display: inline-block;}
.settlement .settle-cl .invoice .invoice-sort .list .select1{border-radius: 100%;width: 20px;height: 20px;border: 1px solid #000000;position: relative;display: inline-block;margin-right: 10px;}
.settlement .settle-cl .invoice .invoice-sort .list.active .select1:before{position: absolute;content: "";width: 10px;height: 10px;top: calc(50% - 5px);left: calc(50% - 5px); background: #000000; border-radius: 100%;}
.settlement .settle-cl h3{font-size: 23px;color: #000000;margin-bottom: 15px;text-transform: uppercase;}
.settlement .settle-cl .invoice .form-box{display: none;}
.settlement .settle-cl .invoice .form-box  .label{width: 80%;height: auto;overflow: hidden;margin-top: 15px;} 
.settlement .settle-cl .invoice .form-box .label p{font-size: 23px;color:#000;text-transform: capitalize;width: 180px;float: left;}
.settlement .settle-cl .invoice .form-box  .label input{font-size: 18px;text-transform: uppercase;font-family: "tcm"; border: none;background: #FAFAFA;float: right; line-height: 20px;padding: 10px;width: calc(100% - 180px);}


.settlement .settle-cl .discount-box{padding: 35px 0;border-bottom:1px solid #DCDCDC;}
.settlement .settle-cl .discount-box .dis-label{width: 100%;height: auto;overflow: hidden;}
.settlement .settle-cl .discount-box .dis-label p{  font-size: 23px;color: #000000;width: 180px;float: left;}
.settlement .settle-cl .discount-box .label{width:45%;float: left; height: auto;background:#FAFAFA;}
.settlement .settle-cl .discount-box .label input{font-size: 23px;color: #000000;width:calc(100% - 80px);background:#FAFAFA; font-family: "tcm"; border: none;height: auto;line-height: 20px;padding: 10px;}
.settlement .settle-cl .discount-box .label span{font-size: 18px;width: 80px;text-align: right; text-transform: uppercase;color: #DF89B2;}
.settlement .settle-cl .discount-box .refresh{border: none;font-size: 23px;text-transform: capitalize;font-family: "tcm"; background: none; width:calc(55% - 180px);float: left;text-align: left;padding-left: 20px;line-height: 40px;}
.settlement .settle-cl .discount-box .refresh i{width: 20px;margin-right:3px; height:auto;display: inline-block;vertical-align:middle;}
.settlement .settle-cl .discount-box .refresh i img{display: block;width: 100%;height: auto;}
.settlement .settle-cl .remarks {width:100%;height:auto;padding-top: 45px;}
.settlement .settle-cl .remarks  textarea{padding: 10px;font-family: "tcm";font-size: 18px; width: 100%;height:120px;background: #FAFAFA;border: none;}

.settlement .settle-cr{width:430px;float: right; border-top: 1px solid #DCDCDC;padding-top: 20px;}
.settlement .settle-cr .pro-box{width: 100%;height: auto;}
.settlement .settle-cr .pro-box ul{width: 100%;height: auto;}
.settlement .settle-cr .pro-box ul li{padding: 10px  0; overflow: hidden; width: 100%;height: auto;}
.settlement .settle-cr .pro-box ul li .pic{padding: 5px 0;background: #F6F6F6; width: 110px;height: auto;float: right;}
.settlement .settle-cr .pro-box ul li .pic img{display: block;width: 100%;height: auto;}
.settlement .settle-cr .pro-box ul li .con{width: calc(100% - 130px);float: left;border-bottom:1px solid #DCDCDC;padding-bottom: 10px;}
.settlement .settle-cr .pro-box ul li .con h3{color: #000000;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.settlement .settle-cr .pro-box ul li .con .selected-specs{width: 100%;height: auto;}
.settlement .settle-cr .pro-box ul li .con .selected-specs p{color: #D1D1D1;font-size: 22px;line-height: 1;}
.settlement .settle-cr .pro-box ul li .con .count{font-size: 23px;color: #000000;margin-top:15px;}
.settlement .settle-cr .cost{width: 100%;height: auto;}
.settlement .settle-cr .cost .li{width: 100%;height: auto;font-size: 0;line-height: 1;padding: 5px 0;}
.settlement .settle-cr .cost .li p{font-size: 18px;width: 50%;vertical-align: middle; color: #D1D1D1;text-transform: uppercase;display: inline-block;}
.settlement .settle-cr .cost .li span{font-size: 23px;width: 50%; display: inline-block; vertical-align: middle; color: #000000;text-align: right;}
.settlement .settle-cr .cost .subli{font-size: 0; width: 100%;height: auto;padding: 10px 0;border-top:1px solid #DCDCDC;margin-top: 10px;}

.settlement .settle-cr .cost .subli p{font-size: 18px;width: 50%;vertical-align: middle; color: #D1D1D1;text-transform: uppercase;display: inline-block;}
.settlement .settle-cr .cost .subli span{font-size: 23px;width: 50%; display: inline-block; vertical-align: middle; color: #000000;text-align: right;}
.settlement .settle-cr .paybox{border: 1px solid #000000;padding: 5%;position: relative;margin-top:45px;}
.settlement .settle-cr .paybox .paybox-top{width: 76%;padding: 10px 0; left: 12%; background: #fff;color: #000;font-size: 23px;text-transform: capitalize;text-align: center;position: absolute;top: 0;transform: translateY(-50%);
-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.settlement .settle-cr .paybox .pic{width:60%;margin: 0 auto; height: auto;margin-top: 10px;}
.settlement .settle-cr .paybox .pic img{display: block;width: 100%;height: auto;}
.settlement .settle-cr .paybox .more{margin-top:20px;text-align: center;width: 100%; background: #000000;border-color: #000000;}

@media only screen and (max-width:1680px) {
.settlement .settle-cr{width:400px;}
.settlement .settle-cl{width: calc(95% - 400px);}
.settlement .settle-cr .pro-box ul li .con h3{font-size: 22px;}	
.settlement .settle-cr .pro-box ul li .con .selected-specs p{font-size: 20px;}
.settlement .settle-cr .pro-box ul li .con .count{font-size: 22px;}
.settlement .settle-cr .cost .li p{font-size: 18px;}
.settlement .settle-cr .cost .li span{font-size: 22px;}
.settlement .settle-cr .cost .subli p{font-size: 18px;}
.settlement .settle-cr .cost .subli span{font-size: 22px;}
.settlement .settle-cr .paybox .paybox-top{font-size: 22px;}
.settlement .settle-cl h3{font-size: 22px;}
.settlement .settle-cl .invoice .invoice-sort .list{font-size: 22px;}

.settlement .settle-cl .personal .tl .name{font-size:36px;}
.settlement .settle-cl .personal .tl .mail{font-size: 18px;}
.settlement .settle-cl .personal .summy{font-size: 18px;}
.settlement .settle-cl .invoice .form-box  .label p{font-size:22px;}
.settlement .settle-cl .invoice .form-box  .label input{font-size: 18px;}


.settlement .settle-cl .discount-box .label input{font-size: 22px;}
.settlement .settle-cl .discount-box .label span{font-size: 18px;}
.settlement .settle-cl .discount-box .refresh{border: none;font-size: 22px;}


.settlement .settle-cl .recevi-infor .add-box .edit{ font-size: 22px;}
.settlement .settle-cl .recevi-infor .add-address{font-size: 22px; }
.settlement .settle-cl .discount-box .dis-label p{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.settlement .settle-cr{width:380px;}
.settlement .settle-cl{width: calc(95% - 380px);}	
.settlement .settle-cr .pro-box ul li .con h3{font-size: 20px;}
.settlement .settle-cr .pro-box ul li .con .selected-specs p{font-size: 18px;}
.settlement .settle-cr .pro-box ul li .con .count{font-size: 20px;}

.settlement .settle-cr .cost .li p{font-size: 16px;}
.settlement .settle-cr .cost .li span{font-size: 20px;}
.settlement .settle-cr .cost .subli p{font-size: 16px;}
.settlement .settle-cr .cost .subli span{font-size:20px;}
.settlement .settle-cr .paybox .paybox-top{font-size: 20px;}
.settlement .settle-cr .pro-box ul li .pic{width: 100px;}
.settlement .settle-cr .pro-box ul li .con{width: calc(100% - 120px);}
.settlement .settle-cl h3{font-size: 20px;}
.settlement .settle-cl .invoice .invoice-sort .list{font-size: 20px;}

.settlement .settle-cl .personal .tl .name{font-size:32px;}
.settlement .settle-cl .personal .tl .mail{font-size: 16px;}
.settlement .settle-cl .personal .summy{font-size: 16px;}
.settlement .settle-cl .invoice .form-box .label p{font-size:20px;}
.settlement .settle-cl .invoice .form-box .label input{font-size: 16px;}
.settlement .settle-cl .discount-box .label input{font-size: 20px;}
.settlement .settle-cl .discount-box .label span{font-size: 18px;}
.settlement .settle-cl .discount-box .refresh{border: none;font-size: 20px;}
.settlement .settle-cl .recevi-infor .add-box .edit{ font-size: 20px;}
.settlement .settle-cl .recevi-infor .add-address{font-size: 20px; }
.settlement .settle-cl .discount-box .dis-label p{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
.settlement .settle-cr{width:320px;}
.settlement .settle-cl{width: calc(95% - 320px);}
.settlement .settle-cr .pro-box ul li .con h3{font-size: 18px;}
.settlement .settle-cr .pro-box ul li .con .selected-specs p{font-size: 16px;}
.settlement .settle-cr .pro-box ul li .con .count{font-size:18px;}
.settlement .settle-cr .cost .li p{font-size: 16px;}
.settlement .settle-cr .cost .li span{font-size:18px;}
.settlement .settle-cr .cost .subli p{font-size: 16px;}
.settlement .settle-cr .cost .subli span{font-size:18px;}
.settlement .settle-cr .paybox .paybox-top{font-size:18px;}
.settlement .settle-cl h3{font-size:18px;}
.settlement .settle-cl .invoice .invoice-sort .list{font-size: 18px;}
.settlement .settle-cl .personal .tl .name{font-size:28px;}
.settlement .settle-cl .personal .tl .mail{font-size: 16px;}
.settlement .settle-cl .personal .summy{font-size: 16px;}
.settlement .settle-cl .invoice .form-box .label p{font-size:18px;}
.settlement .settle-cl .invoice .form-box .label input{font-size: 16px;}
.settlement .settle-cl .recevi-infor .add-box .edit{ font-size:18px;}
.settlement .settle-cl .recevi-infor .add-address{font-size:18px; }
.settlement .settle-cl .discount-box .dis-label p{font-size: 18px;}
}

.address-box{width: 100%;height: auto;padding: 3%;border:1px solid #000000;}
.address-box .tl{width: 100%;height: auto;position:relative}
.address-box .tl h3{font-size: 23px;color: #000000;font-weight: bolder;}
.address-box .tl .add-address-bn{position: absolute;right: 0;top:0;font-size: 23px;color: #000000;text-transform: uppercase;}
.address-box .address-list{width: 100%;height: auto;}
.address-box .address-list li{padding: 20px;margin-top: 20px; width: 100%;height: auto;background: #fafafa;}
.address-box .address-list li .sel-box{width: 100%;font-size: 18px;color: #000000; height: auto;margin-bottom: 10px;}
.address-box .address-list li .sel-box .select{border-radius: 100%;font-size: 20px}
.address-box .address-list li .sel-box .select.selected:before{border-radius: 100%;}
.address-box .address-list li .sel-box {color: #000000;}
.address-box .address-list li .con-box{width: 100%;height: auto;overflow: hidden;}
.address-box .address-list li .con-box .con{width:70%;float: left; height: auto;margin-bottom: 15px;}
.address-box .address-list li .con .name{color: #000000;font-size: 23px; width: 100%;height: auto;}
.address-box .address-list li .con span{padding-right: 10px;font-size: 20px; color: #d1d1d1;}
.address-box .address-list li .con .infor{width: 100%;height: auto;margin-bottom: 15px; overflow: hidden;}
.address-box .address-list li .con .infor p{width: 100%;height: auto;font-size: 20px;color: #000000;width: calc(50% - 10px);height: auto;display: inline-block;}
.address-box .address-list li .bn-box{text-align: center; width:20%;height: auto;float: right;}
.address-box .address-list li .bn-box .more{width: 100%;height: auto;background: #000000;border: 1px solid #000000;color: #FFFFFF;}
.address-box .address-list li .bn-box .more:nth-child(2){margin-top: 10px; background: none;border: none;color: #000000;}

.delete-box-bks{display: none; width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 9999;}
.delete-box-bks .delete-box{text-align: center; background: #FFFFFF;width: 45%;min-width: 480px; height: auto;padding: 5%;position: relative;left: 50%;top:50%;transform: translateY(-50%)translateX(-50%);-webkit-transform: translateY(-50%)translateX(-50%);-moz-transform: translateY(-50%)translateX(-50%);-ms-transform: translateY(-50%)translateX(-50%);-o-transform: translateY(-50%)translateX(-50%);}
.delete-box-bks .delete-box .close{position: absolute;top: 0;right: 0;background: #000;text-align: center;}
.delete-box-bks .delete-box .summy{width: 100%;height: auto;font-size: 23px;color: #000000;text-align: center;margin-top: 10px;}
.delete-box-bks .delete-box .bn-down{width: 100%;height:auto;font-size: 0;margin-top: 35px;}
.delete-box-bks .delete-box .bn-down .more{border-color: #000000;display: inline-block;margin: 0 10px;text-align: center; width:calc(50% - 30px);color: #FFFFFF; margin-right: 20px;background: #000000;}
.delete-box-bks .delete-box .bn-down .more:nth-child(2n){color: #000000;background: #FFFFFF;}
.address-box .address-empty{padding-bottom: 35px; width: 100%;height: auto;margin-top: 35px;text-align: center;}
.address-box .address-empty .summy{width: 100%;height: auto;padding: 25px 0;text-align: center;  font-size: 23px;color: #000000;text-transform: uppercase; border-top:1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;}
.address-box .address-empty .more{width: 40%;margin: 0 auto;background: #000000;text-align: center;margin-top: 30px; color: #FFFFFF;border-color: #000000; height: auto;}


@media only screen and (max-width:1680px) {
	.delete-box-bks .delete-box .summy{font-size: 22px;}
	.address-box .address-empty .summy{font-size: 22px;}
	.address-box .tl .add-address-bn{font-size: 22px;}
	}
@media only screen and (max-width:1440px) {
	.delete-box-bks .delete-box .summy{font-size: 20px;}
	.address-box .address-empty .summy{font-size: 20px;}
	.address-box .tl .add-address-bn{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.delete-box-bks .delete-box .summy{font-size: 18px;}
	.address-box .address-empty .summy{font-size: 18px;}
	.address-box .tl .add-address-bn{font-size: 18px;}
}



.edit-address-bks{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 9999;}
.edit-address-bks .edit-address-box{width: 65%;position: absolute; max-width: 900px;background: #fafafa;height: 78%;top: 11%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);padding: 3%; overflow-x: hidden;overflow-y: auto;}
.edit-address-bks .edit-address-box .title3{text-align: center;}
.edit-address-bks .edit-address-box .close{position: absolute;top: 0;right: 0;}
.edit-address-bks .edit-address-box .con{width: 100%;height: auto;}
.edit-address-bks .edit-address-box input{font-size: 23px;font-family: "tcm"; width: 100%;border:none; height: auto;line-height: 20px;padding: 10px;text-transform:capitalize;}
.edit-address-bks .edit-address-box .edit-form{margin-top: 35px; width: 100%;height: auto;}
.edit-address-bks .edit-address-box .edit-form .layui-form-item{width: 100%;height: auto;}
.edit-address-bks .edit-address-box .bn-down{margin-top: 15px; width: 100%;height: auto;font-size: 0;}
.edit-address-bks .edit-address-box .bn-down  .more{width: calc(50% - 10px);color: #000000;text-align: center;  margin-right: 20px;border-color: #000000;}
.edit-address-bks .edit-address-box .bn-down .more:nth-child(2n){margin-right: 0;color:#FFFFFF;background: #000000;}

.edit-address-bks .edit-address-box  .tel-box{width: 100%;height: auto;font-size: 23px; clear: both;}
.edit-address-bks .edit-address-box  .tel-box p{font-size: 23px;color: #D1D1D1;width: 160px;float: left;}
.edit-address-bks .edit-address-box  .tel-box .layui-input-inline{ width:140px;float: left;margin-right: 0;border-left:1px solid #DCDCDC;border-right: 1px solid #DCDCDC;}
.edit-address-bks .edit-address-box  .tel-box >.layui-input{width: calc(100% - 300px);float: right;}
.edit-address-bks .edit-address-box  .city-select{width: 100%;height: auto;}
.edit-address-bks .edit-address-box  .city-select .layui-input{width: 100%;height: auto;}
.edit-address-bks .edit-address-box  .city-select .layui-input-inline{width:calc(33.3% - 10px);margin-right: 15px; height: auto;}
.edit-address-bks .edit-address-box  .city-select .layui-input-inline:nth-child(3){margin-right: 0px;}
.edit-address-bks .edit-address-box input::-webkit-input-placeholder{color: #D1D1D1;font-family: "tcm";}
.edit-address-bks .edit-address-box input::-moz-placeholder{color: #D1D1D1;font-family: "tcm";}
.edit-address-bks .edit-address-box input:-ms-input-placeholder{color: #D1D1D1;font-family: "tcm";}


.edit-address-bks .edit-address-box .edit-form .layui-form-select dl dd.layui-this {
    background-color: #DF89B2;
    color: #fff;
}


.edit-address-bks .edit-address-box .default{width: 100%;height: auto;font-size: 23px;padding: 10px 0;}
.edit-address-bks .edit-address-box .default .select{border-radius:100%;}
.edit-address-bks .edit-address-box .default .select.selected:before{border-radius:100%;}

@media only screen and (max-width:1680px) {
.edit-address-bks .edit-address-box input{font-size: 22px;}	
.edit-address-bks .edit-address-box  .tel-box p{font-size: 22px;}
.edit-address-bks .edit-address-box .default{font-size: 22px;}
.edit-address-bks .edit-address-box  .tel-box{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.edit-address-bks .edit-address-box input{font-size:20px;}
	.edit-address-bks .edit-address-box  .tel-box p{font-size: 20px;}
	.edit-address-bks .edit-address-box .default{font-size: 20px;}
	.edit-address-bks .edit-address-box  .tel-box{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.edit-address-bks .edit-address-box input{font-size: 18px;}
	.edit-address-bks .edit-address-box  .tel-box p{font-size: 18px;}
	.edit-address-bks .edit-address-box .default{font-size: 18px;}
	.edit-address-bks .edit-address-box  .tel-box{font-size: 18px;}
}


.address-list-bks{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 9998;}
.address-list-bks .address-box{padding: 3%;background: #FFFFFF;border: none; width: 65%;max-width: 900px; height: auto; max-height: 75%;overflow-x: hidden;overflow-y: auto;top: 50%;left: 50%;position: absolute;transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}
.address-list-bks .address-box .close{position: absolute;top: 0;right: 0;}
.address-list-bks .address-box .address-list li .con .infor p{width: 100%;display: block;padding: 5px 0;}
.address-list-bks .address-box .address-list li .bn-box { width:15%;}
.address-list-bks .address-box .address-list li .con{width: 75%;}


.order-sort{width: 100%;height: auto;font-size: 0;}
.order-sort li{display: inline-block;margin-right:3.5%; vertical-align: top; height: auto;}
.order-sort li a{text-transform: uppercase;font-size: 20px;color: #D1D1D1;font-weight: bolder;}
.order-sort li.cut a{color: #000000;}

.order-list-box{margin-top: 35px; width: 100%;height: auto;padding:5% 3%;border:1px solid #000000}
.order-list-box .order-list-empty{width: 100%;height: auto;text-align: center;margin-top: 35px;}
.order-list-box .order-list-empty .summy{width: 100%;height: auto;font-size: 23px; padding: 20px 0;border-top:1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;}
.order-list-box .order-list-empty .more{background: #000000;border-color: #000000;text-align: center;width: 40%;margin: 0 auto;margin-top: 30px;}
.order-list-box .order-list{width: 100%;height: auto;}
.order-list-box .order-list ul{width: 100%;height: auto;}
.order-list-box .order-list ul li{overflow: hidden; padding: 20px 0;border-bottom:1px solid #DCDCDC;}
.order-list-box .order-list ul li .licon{width: 100%;height: auto;overflow: hidden;}
.order-list-box .order-list ul li .pro-con{ display: block;width: 75%;height: auto;float: left;}
.order-list-box .order-list ul li .pro-con .pic{width:110px;height:auto;float: left;}
.order-list-box .order-list ul li .pro-con .pic img{display: block;width: 100%;height: auto;}
.order-list-box .order-list ul li .pro-con .con{line-height: 1; width: calc(100% - 110px);height: auto;float: left;padding-left: 20px;}
.order-list-box .order-list ul li .pro-con .con h3{font-size: 23px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.order-list-box .order-list ul li .pro-con .con .selected-specs{width: 100%;font-size: 18px;color: #D1D1D1;margin-top: 10px;}
.order-list-box .order-list ul li .pro-con .con .cost{width: 100%;height:auto;margin-top: 20px;}
.order-list-box .order-list ul li .pro-con .con .cost p{font-size: 23px;color: #000000;}
.order-list-box .order-list ul li .pro-con .con .cost .num{font-size:23px;color: #D1D1D1;margin-top: 5px;}
.order-list-box .order-list ul li .pay-status{width:25%;height: auto;text-align: right; float: right;}
.order-list-box .order-list ul li .pay-status .status{text-transform: uppercase; color: #DF89B2;font-size: 23px;}
.order-list-box .order-list ul li .pay-status .payment{margin-top: 45px;text-transform: uppercase; color: #000000;font-size: 23px;}
.order-list-box .order-list ul li  .pro-bn-down{width: 100%;height: auto;overflow: hidden;margin-top: 10px;}
.order-list-box .order-list ul li  .pro-bn-down  .order-num{font-size: 23px; text-transform: capitalize;float: left; color: #000000; width:45%;height: auto;}
.order-list-box .order-list ul li  .pro-bn-down  .bnr{text-align: right; width: 55%;float: right;padding-left: 10px;height: auto;}
.order-list-box .order-list ul li  .pro-bn-down  .bnr .unfilled{color:#000000;border-color: #000000;padding: 0 15px;}
.order-list-box .order-list ul li  .pro-bn-down  .bnr .fill{color: #FFFFFF;background: #000000;border-color: #000000;padding: 0 15px;}
.order-list-box .order-list ul li:last-child{border-bottom: none;}


.order-list-box .order-after{width: 100%;height: auto;}
.order-list-box .order-after .tl{padding-bottom: 10px; width: 100%;height: auto;overflow: hidden;}
.order-list-box .order-after .tl .order-num{width:60%;float: left;text-transform: capitalize;font-size: 23px;}
.order-list-box .order-after .tl .status{width: 40%;float: right; text-align: right; text-transform: uppercase; font-size: 23px;color: #DF89B2;}
.order-list-box .order-after li{border-bottom: 2px solid #dcdcdc; padding: 20px 0;width: 100%;height: auto;}
.order-list-box .order-after .pro-con{padding: 10px 0; width: 100%;display: block; height: auto;overflow: hidden;}
.order-list-box .order-after .pro-con .pic{width: 110px;height: auto;float: left;}
.order-list-box .order-after .pro-con .pic img{display: block;width: 100%;height: auto;}
.order-list-box .order-after .pro-con .con{width: calc(80% - 110px);float: left;line-height: 1; padding-left:20px;}
.order-list-box .order-after .pro-con .con h3{font-size: 23px;color: #000000;font-weight: normal;}
.order-list-box .order-after .pro-con .con .selected-specs{margin-top: 10px; font-size: 20px;color: #D1D1D1;}
.order-list-box .order-after .pro-con .con .refund-money{text-transform: uppercase; margin-top: 25px; font-size: 22px;color: #000000;}
.order-list-box .order-after .pro-con .price-box{width: 20%;float: left; text-align: right;font-size: 22px;}
.order-list-box .order-after .pro-con  .price-box .cost{color: #000000;}
.order-list-box .order-after .pro-con .price-box .cost .num{color: #D1D1D1;}
.order-list-box .order-after .pro-con .price-box .sub-price{font-size: 23px;color: #000000;margin-top:15px;}
.order-list-box .order-after .refund-content{ height: auto;padding: 10px 0;overflow: hidden; text-align: left;text-transform: uppercase;}
.order-list-box .order-after .refund-content .result{font-size: 23px;width: 50%;float: left;}
.order-list-box .order-after  .refund-content .result-t{font-weight: bolder;}
.order-list-box .order-after  .refund-content .bnr{width: 80%;float: right;height: auto;text-align: right;}
.order-list-box .order-after  .refund-content .bnr .unfilled{border-color: #000000;color: #000000;margin-right: 10px;}
.order-list-box .order-after  .refund-content .bnr .fill{border-color: #000000;background: #000000;color: #FFFFFF;}
.order-list-box .order-after li:last-child{border-bottom: none;}



@media only screen and (max-width:1680px) {
	.order-sort li{font-size: 22px;}
	.order-list-box .order-list ul li .pro-con .con h3{font-size: 22px;}
	.order-list-box .order-list ul li .pro-con .con .cost p{font-size: 22px;}
	.order-list-box .order-list ul li .pro-con .con .cost .num{font-size: 22px;}
	.order-list-box .order-list ul li  .pro-bn-down  .order-num{font-size: 22px;}
	.order-list-box .order-list ul li .pay-status .status{font-size: 22px;}
	.order-list-box .order-list ul li .pay-status .payment{font-size: 22px;}
	.order-list-box .order-after .pro-con .con h3{font-size: 22px;}
	.order-list-box .order-after .tl .order-num{font-size: 22px;}
	.order-list-box .order-after .tl .status{font-size: 22px;}
	.order-list-box .order-after .refund-content .result{font-size: 22px;}
	.order-list-box .order-after .pro-con .con .refund-money{font-size: 20px;}
	.order-list-box .order-after .pro-con .price-box .sub-price{font-size: 22px;}
	.order-list-box .order-after .pro-con .price-box{font-size: 20px;}
	.order-list-box .order-after .pro-con .con .selected-specs{font-size: 18px;}
	
}
@media only screen and (max-width:1440px) {
	.order-sort li{font-size: 20px;}
	.order-list-box .order-list ul li .pro-con .con h3{font-size: 20px;}
		.order-list-box .order-list ul li .pro-con .con .cost p{font-size: 20px;}
	.order-list-box .order-list ul li .pro-con .con .cost .num{font-size: 20px;}
	.order-list-box .order-list ul li  .pro-bn-down  .order-num{font-size: 20px;}
	.order-list-box .order-list ul li .pay-status .status{font-size: 20px;}
.order-list-box .order-list ul li .pay-status .payment{font-size: 20px;}
.order-list-box .order-after .pro-con .con h3{font-size: 20px;}
.order-list-box .order-after .tl .order-num{font-size: 20px;}
.order-list-box .order-after .tl .status{font-size: 20px;}
.order-list-box .order-after .refund-content .result{font-size: 20px;}
.order-list-box .order-after .pro-con .con .refund-money{font-size: 18px;}
.order-list-box .order-after .pro-con .price-box .sub-price{font-size: 20px;}
.order-list-box .order-after .pro-con .price-box{font-size: 20px;}
.order-list-box .order-after .pro-con .con .selected-specs{font-size: 16px;}
.order-list-box .order-after li{padding: 15px 0;}
}
@media only screen and (max-width:1280px) {
	.order-sort li{font-size: 18px;}	
	.order-list-box .order-list ul li .pro-con .con h3{font-size: 18px;}
	.order-list-box .order-list ul li .pro-con .con .cost p{font-size:18px;}
	.order-list-box .order-list ul li .pro-con .con .cost .num{font-size:18px;}
	.order-list-box .order-list ul li  .pro-bn-down  .order-num{font-size: 18px;}
	.order-list-box .order-list ul li .pay-status .status{font-size: 18px;}
	.order-list-box .order-list ul li .pay-status .payment{font-size: 18px;}
	.order-list-box .order-after .pro-con .con h3{font-size: 18px;}
	.order-list-box .order-after .tl .order-num{font-size: 18px;}
	.order-list-box .order-after .tl .status{font-size: 18px;}
	.order-list-box .order-after .refund-content .result{font-size: 18px;}
	.order-list-box .order-after .pro-con .con .refund-money{font-size: 16px;}
	.order-list-box .order-after .pro-con .price-box .sub-price{font-size: 18px;}
	.order-list-box .order-after .pro-con .price-box{font-size: 18px;}
}


.order-d-box{width: 100%;height: auto;padding-bottom: 0;}
.order-d-box .title2{text-align: center;}
.order-d-box .title3{width: 100%;height: auto;padding: 25px 0 20px 0;}
.order-d-box .order-d{border:1px solid #000000;padding: 5%;}
.order-d-box .title3 h3{text-transform: uppercase;}
.order-d-box .order-d{width: 100%;height: auto;}
.order-d-box .order-d .pro-box{width: 100%;height: auto;}
.order-d-box .order-d .pro-box .pro-con{width: 100%;height: auto;padding: 15px 0;}
.order-d-box .order-d .order-d-down{text-align:right;width: 100%;height: auto;}
.order-d-box .order-d .more{border-color: #000000;}
.order-d-box .order-d .unfilled{color: #000000;margin-right: 20px;color: #000000;}
.order-d-box .order-d .fill{background: #000000;color: #FFf;}
.order-d-box .order-d .pro-box .pro-con{line-height: 1; width: 100%;height: auto;overflow: hidden;}
.order-d-box .order-d .pro-box .pro-con .pic{width: 140px;height: auto;float: left;}
.order-d-box .order-d .pro-box .pro-con .pic img{display: block;width: 100%;height: auto;}
.order-d-box .order-d .pro-box .pro-con .pro-conr{border-bottom: 1px solid #dcdcdc; width: calc(100% - 160px);float: right;padding-bottom: 20px;}
.order-d-box .order-d .pro-box .pro-con .con{width: 55%; float: left;padding-left: 20px;}
.order-d-box .order-d .pro-box .pro-con .con h3{font-size: 23px;color: #000000;}
.order-d-box .order-d .pro-box .pro-con .con .selected-specs{margin-top: 10px; text-transform: uppercase; font-size: 23px;color:#d1d1d1;}
.order-d-box .order-d .pro-box .pro-con .price-con{width: 45%;float: right;text-align: right;}
.order-d-box .order-d .pro-box .pro-con .price-con .cost{font-size: 23px;color: #000000;padding-bottom: 10px;}
.order-d-box .order-d .pro-box .pro-con .price-con .sub-price{font-size: 0;width: 100%;height: auto;margin-top: 5px;}
.order-d-box .order-d .pro-box .pro-con .price-con .sub-price span{text-transform: uppercase; text-align: left;display: inline-block;  color: #d1d1d1;width: 45%;font-size: 18px;vertical-align: middle;}
.order-d-box .order-d .pro-box .pro-con .price-con .sub-price b{width:55%;text-align: right; display: inline-block;font-weight: normal; vertical-align: middle;font-size: 23px;color:#000000}

.order-d-box .order-d .pro-box .total{width: 100%;padding: 15px 0 15px calc(55% + 72px); float: right; height: auto;font-size: 0;}
.order-d-box .order-d .pro-box .total span{text-transform: uppercase; text-align: left;display: inline-block;  color: #d1d1d1;width: 45%;font-size: 18px;vertical-align: middle;}
.order-d-box .order-d .pro-box .total b{width:55%;text-align: right; display: inline-block;font-weight: normal; vertical-align: middle;font-size: 23px;color:#000000}
.order-d-box .order-d .order-d-state{padding-bottom:20px;border-bottom:1px solid #dcdcdc; width: 100%;height: auto;}
.order-d-box .order-d .order-d-state h6{font-size: 23px;color:#df89b2;text-transform: uppercase;}
.order-d-box .order-d .order-d-state p{font-size:23px;color: #000000;}
.order-d-box .order-d .order-infor{width: 100%;height: auto;padding: 25px 0 25px 0;border-bottom:1px solid #dcdcdc;margin-bottom: 25px;}
.order-d-box .order-d .order-infor ul{width: 100%;height: auto;overflow: hidden;}
.order-d-box .order-d .order-infor ul li{font-size: 23px;margin-bottom: 15px; width: 50%;float: left;}
.order-d-box .order-d .order-infor ul li span{text-transform: capitalize; display: inline-block;text-align: left;width: 190px;}
.order-d-box .order-d .order-infor ul li.payment-infor{width: 100%;height: auto;}

@media only screen and (max-width:1680px) {
	.order-d-box .order-d .order-d-state h6{font-size: 22px;}
	.order-d-box .order-d .order-d-state p{font-size: 22px;}
	.order-d-box .order-d .order-infor ul li{font-size: 22px;}
	.order-d-box .order-d .pro-box .pro-con .price-con .cost{font-size: 22px;}
	.order-d-box .order-d .pro-box .pro-con .con h3{font-size: 22px;}
	.order-d-box .order-d .pro-box .pro-con .con .selected-specs{font-size: 22px;}
	.order-d-box .order-d .pro-box .pro-con .price-con .sub-price b{font-size: 22px;}
	.order-d-box .order-d .pro-box .total b{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.order-d-box .order-d .order-d-state h6{font-size: 20px;}
	.order-d-box .order-d .order-d-state p{font-size:20px;}
	.order-d-box .order-d .order-infor ul li{font-size: 20px;}
	.order-d-box .order-d .pro-box .pro-con .price-con .cost{font-size: 20px;}
	.order-d-box .order-d .pro-box .pro-con .con h3{font-size: 20px;}
	.order-d-box .order-d .pro-box .pro-con .con .selected-specs{font-size: 20px;}
	.order-d-box .order-d .pro-box .pro-con .price-con .sub-price span{font-size: 16px;}
	.order-d-box .order-d .pro-box .pro-con .price-con .sub-price b{font-size: 20px;}
	.order-d-box .order-d .pro-box .total span{font-size: 16px;}
	.order-d-box .order-d .pro-box .total b{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.order-d-box .order-d .order-d-state h6{font-size:18px;}
	.order-d-box .order-d .order-d-state p{font-size:18px;}
	.order-d-box .order-d .order-infor ul li{font-size: 18px;}
	.order-d-box .order-d .pro-box .pro-con .price-con .cost{font-size: 18px;}
	.order-d-box .order-d .pro-box .pro-con .con h3{font-size: 18px;}
	.order-d-box .order-d .pro-box .pro-con .con .selected-specs{font-size: 18px;}
	.order-d-box .order-d .pro-box .pro-con .price-con .sub-price b{font-size:18px;}
	.order-d-box .order-d .pro-box .total span{font-size: 18px;}
}


.more.unfilled{border-color: #000000;color: #000000;}
.more.fill{border-color: #000000;background: #000000;color: #FFFFFF;}

.pay-result{width: 100%;height: auto;padding-top: 65px;text-align: center;}
.pay-result .ico{width: 60px;height: auto;margin: 0 auto;}
.pay-result .ico img{display: block;width: 100%;height: auto;}
.pay-result h6{font-size: 36px;color: #000000;margin-top: 20px; text-align: center;}
.pay-result .summy{font-size: 23px;color: #000;}
.pay-result .pay-bn-down{width: 100%;height: auto;text-align: center;margin-top: 45px;}
.pay-result .pay-bn-down .more{width: 30%;max-width: 250px; margin-right: 20px;display: inline-block;}

.eval-result{width: 100%;height: auto;padding-top: 65px;text-align: center;}
.eval-result .ico{width: 60px;height: auto;margin: 0 auto;}
.eval-result .ico img{display: block;width: 100%;height: auto;}
.eval-result h6{font-size: 36px;color: #000000;margin-top: 20px; text-align: center;}
.eval-result .summy{font-size: 23px;color: #000;}
.eval-result .eval-bn-down{width: 100%;height: auto;text-align: center;margin-top: 45px;}
.eval-result .eval-bn-down .more{width: 30%;max-width: 250px; margin-right: 20px;display: inline-block;}




@media only screen and (max-width:1680px) {
	.pay-result h6{font-size: 34px;}
	.pay-result .summy{font-size: 22px;}
.eval-result h6{font-size: 34px;}
.eval-result .summy{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
		.pay-result h6{font-size: 30px;}
		.pay-result .summy{font-size: 20px;}
		.pay-result .ico{width:50px;}
		
.eval-result h6{font-size: 30px;}
.eval-result .summy{font-size: 20px;}
.eval-result .ico{width:50px;}
}

@media only screen and (max-width:1280px) {
		.pay-result h6{font-size:28px;}
		.pay-result .summy{font-size: 16px;}
		
		.eval-result h6{font-size:28px;}
	.eval-result .summy{font-size: 16px;}
}




.eval-bks{display: none; background: rgba(0,0,0,0.6); position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.eval-bks .eval-box{width: 65%;max-width: 900px;max-height: 78%;top:12%; overflow-x:hidden;overflow-y:auto; padding:3%;background: #FFFFFF;left: 50%;position: absolute; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.eval-bks .eval-box .title3 h3{text-align: center;}
.eval-bks .eval-box .close{position: absolute;top: 0;right: 0;}
.eval-bks .eval-box form{width: 100%;height: auto;}
.eval-bks .eval-box form p{margin-bottom: 10px; display: block;width: 100%;font-size: 23px;color: #000000;font-weight: bolder;text-transform: uppercase; }

.eval-bks .eval-box form .layui-form-item{width: 100%;height: auto;margin-bottom: 10px;}
.eval-bks .eval-box form .layui-form-item .layui-input-block{width: 100%;height: auto;margin-left: 0;}
.eval-bks .eval-box form .layui-form-item .layui-input-block input{width: 100%;height: auto;line-height: 23px;padding: 10px;font-size: 23px;font-family: "tcm";text-transform: uppercase; background: #FAFAFA;border: none;}
.eval-bks .eval-box form .layui-form-item .layui-input-block textarea{width: 100%;height: 120px;border: none;background: #FAFAFA;font-size: 23px;text-transform: uppercase;}


.eval-bks .eval-box form .layui-form-item .layui-input-block input::-webkit-input-placeholder , .eval-bks .eval-box form .layui-form-item .layui-input-block textarea::-webkit-input-placeholder {color: #D1D1D1;font-family: "tcm";}
.eval-bks .eval-box form .layui-form-item .layui-input-block input::-moz-placeholder  , .eval-bks .eval-box form .layui-form-item .layui-input-block textarea::-moz-placeholder {color: #D1D1D1;font-family: "tcm";}
.eval-bks .eval-box form .layui-form-item .layui-input-block input::-ms-input-placeholder  , .eval-bks .eval-box form .layui-form-item .layui-input-block textarea::-ms-input-placeholder {color: #D1D1D1;font-family: "tcm";}
.eval-bks .eval-box form .photo{width: 100%;height: auto;}
.eval-bks .eval-box form .photo #upbtn{cursor: pointer; position: relative; width: 120px;height: 120px;background: #FAFAFA;}
.eval-bks .eval-box form .photo #upbtn .webuploader-pick{cursor: pointer; color: #D1D1D1;font-size:60px;font-weight: 100; width: 120px;text-align: center;line-height: 120px; height: 120px;position: absolute;top: 0;left: 0;}
.eval-bks .eval-box form .photo #upbtn  .webuploader-element-invisible{cursor: pointer; position: absolute;top: 0;left: 0; width: 120px;height: 120px;opacity: 0;}
.eval-bks .eval-box form .photo  .form-pv .layui-upload  .layui-upload-list ul {width: 100%; height: auto;font-size: 0;margin-bottom: 0;}
.eval-bks .eval-box form .photo .form-pv .layui-upload  .layui-upload-list ul li {list-style: none; display: inline-block;position: relative;margin:5px 5px 5px 0px;width:120px; height: auto;}
.eval-bks .eval-box form .photo  .form-pv .layui-upload  .layui-upload-list ul li a{display: block;width: 100%;height: auto;border:1px dashed #DCDCDC;border-radius: 5px;}
.eval-bks .eval-box form .photo  .form-pv .layui-upload  .layui-upload-list ul li a img{display: block;width: 100%;height: auto;border-radius: 5px;}
.eval-bks .eval-box form .photo  .form-pv .layui-upload  .layui-upload-list ul li  .test-upload-demo-delete{font-family: "tcm"; background-image: none !important;padding-top: 0 !important; border-radius: 100%;position:absolute;top:-5px;right: -5px;border: none !important;background: rgba(0,0,0,0.8) !important;color: #fff !important;text-align: center;line-height: 20px;font-size: 18px; border-radius: 100% !important; width: 20px !important;padding: 0;line-height: 20px;text-align: center; height: 20px !important;display: block;}
.eval-bks .eval-box form .more.fill{width: 30%;max-width: 220px;display: block;text-align: center; margin: 0 auto;margin-top: 20px;}
.eval-bks .eval-box .evl-stars p{float: left;width: 150px;font-weight: bolder; font-size: 23px;color: #000000;text-transform: uppercase;}
.eval-bks .eval-box .evl-stars{width: 100%;height: auto;margin-bottom: 15px;}
.eval-bks .eval-box .evl-stars .test-inline{width: calc(100% - 150px);height: 25px; line-height: 25px; float: left;padding-left: 10px;}
.eval-bks .eval-box .evl-stars .test-inline .layui-rate{width: 100%;padding: 0;}
.eval-bks .eval-box .evl-stars .test-inline .layui-rate i{font-size: 23px;}
.eval-bks .eval-box .evl-stars .test-inline .layui-rate li .layui-icon-rate:before {content: "\e67b";color: #000;}
.eval-bks .eval-box .evl-stars .test-inline .layui-rate li .layui-icon-rate-solid:before {content: "\e67a";color: #DF89B2;}

@media only screen and (max-width:1680px) {
	.eval-bks .eval-box form p{font-size: 22px;}
	.eval-bks .eval-box .evl-stars p{font-size: 22px;}
	.eval-bks .eval-box form .layui-form-item .layui-input-block input{font-size: 22px;}
	.eval-bks .eval-box form .layui-form-item .layui-input-block textarea{font-size: 22px;}
	.eval-bks .eval-box .evl-stars .test-inline .layui-rate i{font-size: 23px;}
}
@media only screen and (max-width:1440px) {
	.eval-bks .eval-box form p{font-size: 20px;}
	.eval-bks .eval-box .evl-stars p{font-size: 20px;}
	.eval-bks .eval-box form .layui-form-item .layui-input-block input{font-size: 20px;}
	.eval-bks .eval-box form .layui-form-item .layui-input-block textarea{font-size: 20px;}
	.eval-bks .eval-box .evl-stars .test-inline .layui-rate i{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.eval-bks .eval-box form p{font-size: 18px;}
	.eval-bks .eval-box .evl-stars p{font-size: 18px;}
	.eval-bks .eval-box form .layui-form-item .layui-input-block input{font-size: 18px;}
	.eval-bks .eval-box form .layui-form-item .layui-input-block textarea{font-size: 18px;}
	.eval-bks .eval-box .evl-stars .test-inline .layui-rate i{font-size:18px;}
}







.wishlist2 ul{width: 100%;height: auto;font-size: 0;}
.wishlist2 ul li{text-align: center; width: calc(33.3% - 20px);margin-bottom: 30px; margin-right: 30px;height: auto;display: inline-block;vertical-align: top;}
.wishlist2 ul li:nth-child(3n){margin-right: 0;}
.wishlist2 ul li .pic{position: relative; width: 100%;height: auto;}
.wishlist2 ul li .pic img{display: block;width: 100%;height: auto;}
.wishlist2 ul li .pic .con{display: none; position:absolute;top: 50%;left: 0; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);  padding: 0 12%;width: 100%;height: auto;}
.wishlist2 ul li .pic .con .more{text-align: center; border: none; background: #000000;color: #FFFFFF;display: block;}
.wishlist2 ul li h3{margin-top:20px;font-size: 23px;font-weight: normal;text-transform: uppercase; color: #000000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.wishlist2 ul li .norms .color{color: #999;display: inline-block;background: #FAFAFA;padding:5px 10px; font-size: 16px;margin-right: 10px;}
.wishlist2 ul li  .norms .length{color: #999999;display: inline-block;background: #FAFAFA;padding: 5px 10px;font-size: 16px;}
.wishlist2 ul li .norms{width: 90%;margin: 0 auto;padding: 10px 0;border-bottom:1px solid #DCDCDC;}
.wishlist2 ul li  .price{padding-top: 10px; color: #000000;font-size: 23px; width: 100%;height: auto;}
.wishlist2 ul li .price .original-price{text-decoration: line-through;display: inline-block;}
.wishlist2 ul li  .price .present-price{color: #DF89B2;display: inline-block;margin-left: 10px;}
.wishlist2 ul li:hover .pic .con{display: block;}



@media only screen and (max-width:1680px) {
    .wishlist2 ul li h3{font-size: 22px;}
    .wishlist2 ul li  .price{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
    .wishlist2 ul li .pic .add-wish{width: 20px;height: 20px;}
    .wishlist2 ul li h3{font-size: 20px;}
    .wishlist2 ul li  .price{font-size: 20px;}
    .wishlist2 ul li  .norms .color{font-size: 15px;}
    .wishlist2 ul li  .norms .length{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
    .wishlist2 ul li h3{font-size:18px;}
    .wishlist2 ul li .price{font-size: 18px;}
}