.com_box,body,footer{max-width:480px; font-family: sans-serif;}body,img{width:100%}.comscore .star,.icon,.iconStar,.u-format .con .tab,img{vertical-align:middle}html{background:#fff}body{margin:0 auto;position:relative;background:#f3f8fc;word-wrap:break-word}.off,header{position:absolute;right:0}.gallery-thumbs .swiper-container,.swiper-container .swiper-slide{background:#f9f9fb}header{left:0;top:0;z-index:2}header img{width:auto}.product_detail{word-break:break-word}.product_detail img{max-width:100%!important;height:auto!important}video{width:100%;height:auto}.swiper-container{width:100%;margin-left:auto;margin-right:auto;overflow:hidden}.swiper-container .swiper-slide img{display:block;width:100%}.gallery-top{width:100%}.gallery-thumbs{box-sizing:border-box;padding:10px 0;height:84px}.gallery-thumbs .swiper-slide{border:1px solid #f9f9fb;width:66px!important;height:62px;text-align:center;opacity:.4;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:64px}.gallery-thumbs .swiper-slide-active{opacity:1;border:1px solid #00a699}.off{top:30px;line-height:2;background:rgba(255,69,56,.9);color:#fff;padding:0 8px;z-index:11}.icon{width:14px;height:14px;display:inline-block;background-repeat:no-repeat;background-size:100%;background-position:center;margin-right:5px}.flexbox{display:flex;display:-webkit-flex;display:-ms-flex;display:-moz-flex;justify-content:space-between}.flexbox .item{flex:1;-webkit-flex:1;-ms-flex:1;-moz-flex:1}.traits{position:relative;padding:20px 16px;background:#fff}.traits .last_num,.traits del{color:#91949f;font-family:600;font-size:12px;line-height:1}.traits .sale_price{font-size:24px;color:#252c41;line-height:1;margin-top:2px;margin-bottom:20px}.traits .sales{font-size:12px;color:#91949f}.tags,.tags .title{font-size:14px;font-weight:600}.traits .sales span{color:#ff5a5f}.traits .last_num{position:absolute;right:16px;top:20px}.traits .last_num .left{background:url(../img/gavel_24px.png)}.tags{padding:0 16px 20px;color:#91949F;background:#fff}.tags .title{color:#252c41}.tags .delivery_time,.tags .tips{font-size:12px;color:#91949f;margin-top:10px}.tags .tips{text-transform:capitalize}.tags .tips .free{background-image:url(../img/free@2x.png)}.tags .tips .cash{background-image:url(../img/ap@2x.png)}.comscore{padding:20px 16px;background:#f9f9fb}.comscore .title{margin-bottom:20px}.comscore .viewall{line-height:24px;font-size:12px;color:#fff;font-weight:600;border:none;border-radius:4px;background:#252c41}.comscore .star{width:24px;height:24px;display:inline-block;background-image:url(../img/star-h.png);background-repeat:no-repeat;background-size:100%;background-position:center}.comscore .right{display:block;font-size:12px;text-align:right;line-height:1px;margin-bottom:10px}.comscore .right .bar,.comscore .right i{display:inline-block;height:10px}.comscore .right span{margin-right:10px}.comscore .right .bar{line-height:10px;width:100px;overflow:visible;background:#dddfe6;margin:0;text-align:left}.comscore .right i.slen{background:#00a699}.comscore .score h3{margin-top:20px;font-size:20px;line-height:1;margin-bottom:10px}.comscore .score span{font-size:12px;color:#91949f;line-height:1}.numtitle,.u-format .tt{color:#91949F;font-weight:600}#form input[type=radio]{display:none}#comb{padding-top:30px}.dt-paramselect{padding:0 16px}.back_index{width:32px;height:32px;border-radius:50px;background:url(../img/close.png) center no-repeat;float:right;margin-top:16px}.numberbox{padding-bottom:19px;margin-bottom:20px;line-height:1}.numtitle{font-size:12px;margin-bottom:20px}.dt-btns:after,.dt-paramselect .info-con:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}.m-selnum:after,.package::after,.stars:after,.user_info:after{content:" ";clear:both}.u-format{font-size:14px}.u-format .tt{padding-bottom:20px;font-size:12px;line-height:1}.attrname{margin-left:16px;color:#252c41;font-weight:400}.package{width:100%}.package::after{display:block}.u-format .package .tab{float:left;width:47%;padding-top:7px;padding-bottom:7px;border-radius:4px;font-size:14px;text-align:center;margin-bottom:20px;border:1px solid #F4F5F9;color:#252c41}.comment .navcom,.u-format .con{padding-bottom:10px}.u-format .package .tab:nth-child(odd){margin-right:4%}.u-format .package .u-spec-sel{width:20px;height:20px;background-image:url(../img/spec-sel.png);background-repeat:no-reqeat;background-size:100%}.u-format .package .tab .u-spec-sel{display:none;position:absolute;bottom:-2px;right:-2px}.u-format .con .tab{display:inline-block;position:relative;border-radius:3px;font-size:14px;text-align:center;margin-right:5px;margin-bottom:10px;color:#252c41;border:1px solid #dddfe6}.u-format .con .tab span{display:block;padding-left:8px;padding-right:8px;height:30px;text-align:center;line-height:30px}.u-format .con .tab .attr_img{display:block;width:80px;height:80px}.u-format .package .tab-sel{background:#252c41;border:1px solid #252c41;color:#fff}.u-format .con .tab-sel{background:#252c41;color:#fff!important}.u-format .con .u-spec-sel{width:100%;height:100%;background:#252c41;opacity:.5;border-radius:4px}.u-format .con .tab .u-spec-sel{display:none;position:absolute;bottom:0;right:0}.checkimg{position:absolute;top:0;margin-top:24px;margin-left:24px;display:none;width:auto}.m-selnum,.tab-sel .checkimg,.u-format .con .tab-sel .u-spec-sel,.u-format .package .tab-sel .u-spec-sel{display:block}.m-selnum{height:34px;line-height:1}.m-selnum:after{display:inline-block}.m-selnum .less,.m-selnum .more{border:1px solid #dddfe6;border-radius:5px;color:#dddfe6;text-align:center;line-height:30px}.m-selnum .more,.taocan{color:#252c41}.taocan{font-size:14px;height:20px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;font-weight:300;float:right;margin-right:20px;text-align:right}.m-selnum .less,.m-selnum .more,.m-selnum .textWrap{position:relative;height:30px;display:inline-block;vertical-align:middle}.m-selnum .textWrap{position:relative;width:48px;text-align:center;font-size:14px;overflow-y:hidden}.m-selnum .less,.m-selnum .more{width:30px;font-size:18px}.m-selnum .textWrap input{display:block;position:relative;z-index:1;font-size:14px;border:none;width:100%;height:30px;text-align:center;color:#252c41;background:#f3f8fc}footer{position:fixed;bottom:10px;width:100%;z-index:2}footer a{background:#ff5a5f;color:#fff;width:80%;height:44px;line-height:44px;display:block;margin:0 auto;border-radius:10px;text-align:center}.comment{background-color:#f9f9fb;padding-left:16px;padding-right:16px;position:relative;overflow:hidden}.comment img{width:auto}.comment .stars{display:inline-block;line-height:1;margin-top:3px}.comment .navcom{position:relative;border-bottom:1px solid #d0d6d6;padding-top:10px;margin-bottom:20px;font-size:12px;color:#252c41}.comment .allcom{font-size:16px;font-weight:600;color:#252c41;margin-right:20px}.comment .msKeimgBox{position:absolute;right:0;top:0}.comment .msKeimgBox img{width:55px;height:55px}.comment .picMarquee-top{position:relative;overflow:hidden}.comment .picMarquee-top .commentmain{overflow:hidden;z-index:1}.comment .picMarquee-top .commentmain .picList{position:relative;overflow:hidden;width:100%;height:0;z-index:1}.com_box,.layer_co{position:fixed;width:100%;top:0}.overflow{overflow:hidden}.layer_co{background-color:rgba(238,238,238,.9);height:100%;left:0;z-index:20;display:none}.overflow .layer_co{display:block}.com_box{height:auto;z-index:21;overflow:auto;display:none}.com_box .layer-main{padding:50px;height:auto}.com_box .layer-main li.cover{position:relative;width:80%;left:0!important;top:0!important;margin:auto;background-color:#fff}.com_box .layer-main li.cover .item-wrap{padding:20px;margin:0;background-color:#fff}.com_box .close-btn{position:absolute;right:0;width:50px;height:50px;font-size:50px;text-align:center;line-height:1;cursor:pointer;z-index:9}.loadMore{bottom:88px;width:45%;margin:auto;font-size:14px;text-align:center;color:#222;padding:5px 10px;border:1px solid #282828;cursor:pointer}.stars:after{display:inline-block}.stars span{display:block;float:left;width:88px;height:16px;background-image:url(../img/star-h.png);background-position:0 .85rem;background-repeat:no-repeat;background-size:14px 14px}.stars span.red{background-position:0 0}.closeBtn{width:30px;height:30px;background:url(../img/close.png);background-size:100% auto;position:absolute;right:0;z-index:99}.user_name{color:#252c41;font-size:14px;float:left;margin-right:5px}.user-text{margin-top:5px;color:#91949f;padding:5px 0;font-size:12px}#mq .user-item{position:relative;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dddfe6;padding-right:60px}.user_info:after{display:block}#page-index{padding-bottom:50px}select[name=state],select[name=city],select[name=district]{border:none;width:100%;-webkit-appearance:none;text-indent:14px;background:url(../img/arrow_down.png) 95% center no-repeat;background-size:14px;height:35px;line-height:35px}.iconStar{background-image:url(../img/iconRateStar.png);background-repeat:no-repeat;background-size:180px 80px;-webkit-background-size:180px 80px;display:inline-block;width:88px;height:16px}.iconStar.rate5{background-position:0 0}.iconStar.rate4{background-position:0 -16px}.iconStar.rate3{background-position:0 -32px}.iconStar.rate2{background-position:0 -48px}.iconStar.rate1{background-position:0 -64px}.iconStar.rate0{background-position:-16px -64px}

label.error{
	display: none !important;
}

form{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}

	form .dt-paramselect{
		padding: 0;
	}

input, select{
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	padding: 9px;
}

button[type="submit"]{
	color: #fff;
	background-color: #00b050;
	font-weight: 600;
	font-size: 20px;
	width: 100%;
	height: 60px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
	border: 0;
}

#page-index{
	position: relative;
}

.js-btn{
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-out;
}

.js-visible{
	opacity: 1;
	visibility: visible;		
}

@media screen and (max-width:  480px) {
	.js-btn{
		position: fixed;
		bottom: 10px;
		left: 10px;
		right: 10px;
		padding: 20px 15px;
		background: #00b050;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		font-size: 20px;

	}


}

.text-box {
	padding: 15px;
	line-height: 1.2;
}

.text-box__headline {
	font-weight: bold;
	color: rgb(0, 176, 80);
	font-size: 20px;
	text-align: center;
	margin: 15px 0;
}

.text-box p {
	font-size: 14px;
	color: #252c41;
	font-weight: bold;
	margin: 10px 0;
}

.text-box p:last-child {
	margin-bottom: 0;
}

.off {
	top: 60px;
	line-height: 2;
	background: rgba(255, 69, 56, .9);
	color: #fff;
	padding: 0 8px;
	z-index: 11;
	font-size: 22px;
	animation: 1s animPulse linear infinite;
}


@-webkit-keyframes animPulse {
	0%, 100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes animPulse {
	0%, 100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}


.sale-info {
	font-size: 18px;
	text-align: center;
	color: rgb(0, 176, 80);
	padding-bottom: 10px;
	font-weight: bold;
	background-color: #fff;
}

form .traits {
	background-color: inherit;
	padding: 0 0 15px;
}

form .traits .sale_price {
	margin-bottom: 0;
}

.timer {
	/*font-weight: bold;*/
	text-align: center;
	padding-bottom: 15px;
	background-color: #fff;
}

form .timer {
	background-color: inherit;
}

.timer-headline {
	color: #00b050;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 20px;
}

.timer-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.timer-inner .count  {
	background-color: #00b050;
	border-radius: 10px;
	padding: 10px;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}

.separator {
	font-weight: bold;
	font-size: 44px;
	margin: 0 15px;
	color: #00b050;
}

.sale-info span {
	color: red;
}

form .sale-info {
	background-color: inherit;
	margin: 15px 0 0;
}

.quantity-prods {
	text-align: center;
	color: #00b050;
	font-weight: bold;
}
.quantity-prods span {
	color: red;
}