@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,html,img{margin:0;padding:0;}
html{ background:#f5f5f5; max-width:800px !important; margin:0 auto !important; font-size:12px; }
body{ font-family:"微软雅黑",Arial;background:#f5f5f5;-webkit-text-size-adjust:100%;overflow-x:hidden; margin:0 auto;  }
a{text-decoration:none; font-family:"微软雅黑";}
a:hover{text-decoration:none;}
i{font-style:normal}
em{font-style:normal;font-family:"微软雅黑",Arial !important;}
li{list-style:none;}
input{font-family:"微软雅黑"; }
select{font-family:"微软雅黑";}
p{word-wrap:break-word;}
.c{clear:both;}
.e{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle;}
.fr{ float:right;}
.fl{ float:left;}
.hide{ display:none;}
.show{ display:block;}


.item-title{ font-size:0.8rem; background:#000; color:#fff; text-align:center; line-height:2rem; height:2rem; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; padding:0 0.5rem;}
.item-swipe{ overflow:hidden; height:auto; font-size:0; position:relative; background:#44361C;}
.item-swipe img{ width:100%;}
.item-swipe-dl{ position:relative; text-align:center; width:100%;}
.item-swipe-dl dt{ position:absolute; left:50%; margin-left:-3rem; z-index:999; width:6rem; height:6rem; background-color: rgba(0, 0, 0, 0.5); border-radius:50%;}
.item-swipe-dl dt i{ font-size:6rem; color:#fff; opacity:1; } 
.item-swipe-dl dd img{ width:100% !important; }
video.video{ width:100%; padding:0px; height:auto;display:block;}
.item-price{ background:#44361C; overflow:hidden; }
.item-price dl.item-price-dl{ padding:0.5rem 0.8rem; overflow:hidden; border-bottom: 1px dashed #524524; }
.item-price dl.item-price-dl dt,.item-price dl.item-price-dl dd{ float:left;}
.item-price dl.item-price-dl dt{ font-size:0.7rem; color:#ff0; width:40%;}
.item-price dl.item-price-dl dt b{ font-size:1.3rem;}
.item-price dl.item-price-dl dd{ font-size:0.72rem; color: #9A9B74; text-align: center; width:20%;}
.item-price dl.item-price-dl dd em{ line-height:1rem;}
.item-price dl.item-price-dl dd:nth-child(2) i{ text-decoration:line-through;}
.item-price dl.item-time{ padding:0.5rem 0.8rem; overflow:hidden; border-bottom: 1px dashed #524524;}
.item-price dl.item-time dt{ float:left; color: #9A7C48; font-size:0.9rem; font-weight:550;}
.item-price dl.item-time dd{ float:right; color: #dd9; font-size:0.75rem; padding:0.1rem 0 0 0;}
.item-price dl.item-time dd span,.item-price dl.item-time dd div{ float:left; font-size:0.75rem; }
.item-price dl.item-time dd div em{ display: inline-block;}
.item-price dl.item-time dd div em.block{color:#ff5600; font-size:1.1rem; width:1.35rem !important;}
.item-price dl.item-time dd div em.colon{ color:#dd9;  font-weight:500; font-size:0.65rem; padding:0 0.1rem;}
.item-price dl.item-time dd div{ color: #ff5600; font-weight:550; line-height: 1.1rem; font-size:0.8rem; }
.item-price dl.item-buy a{ background: #ff5600; color: #fff; font-size: 0.9rem; display: block; text-align:center; margin:0.5rem 0.8rem; border-radius:0.2rem; font-size:0.8rem; padding:0.5rem 0;}


.item-content{ padding:0px !important; margin:0px !important; overflow: hidden;}
.item-content img{ width:100% !important; padding:0px !important; margin:0px !important; display: block;} 
.item-content .van-image{ display: unset;}

.item-form-title{ background: #ff5600; color: #fff; font-weight: 550; font-size:0.8rem; line-height:2rem; height:2rem; padding:0 0.5rem;}
.item-selected-info{ box-shadow: 0 1px 2px 2px #E4E4E4; border-radius: 0.15rem; background: #fff; margin:0.5rem; overflow: hidden; padding:0 0 0.6rem 0}
.item-selected-info .item-selected-info-title{ font-size:0.8rem; font-weight:550; color:#333; border-left:0.25rem solid #ff5600; margin:0.5rem 0 0 0.5rem; overflow:hidden; text-indent: 0.2rem;}
.item-selected-info dl{ margin:0.5rem; overflow:hidden; padding:0.3rem 0 0 0; border-top: 1px dashed #f1f1f1; }
.item-selected-info dl:nth-child(2){ border:none; }
.item-selected-info dl dt{ width:5rem; height:5rem; float:left; overflow:hidden; border-radius:0.2rem;}
.item-selected-info dl dt .van-image{ width:100% !important; }
.item-selected-info dl dt img{ width:100%;}
.item-selected-info dl dd{ margin:0 0 0 5.5rem; font-size:0.72rem; line-height:0.9rem;}
.item-selected-info dl dd b{ color:#444; white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.item-selected-info dl dd p{ color:#777; padding:0.2rem 0; white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; height:2.7rem;}
.item-selected-info dl dd span{ color:#ff5600; font-weight:550; font-size:0.6rem; }
.item-selected-info dl dd span i{ font-size:1rem; }
.item-selected-info dl dd em{ float:right; font-size:1rem; }
.item-selected-info .postage-price{ font-size:0.75rem; margin:0.5rem 0.5rem 0 0.5rem; padding:0.3rem 0.3rem 0 0.3rem;   border-top: 1px dashed #f1f1f1; text-align:right;}
.item-selected-info .postage-price span{ color:#999;}
.item-selected-info .postage-price i{ font-weight:550; color: #ff5600; }

.item-form{ box-shadow: 0 1px 2px 2px #E4E4E4; border-radius: 0.15rem; background: #fff; margin:0.7rem 0.5rem 0.5rem 0.5rem; overflow: hidden; }
.item-form dl{ margin:0.5rem;}
.item-form dl.item-sku dt{ font-size:0.8rem; font-weight:550; color:#333; border-left:0.25rem solid #ff5600; margin:0.5rem 0 0 0; overflow:hidden; text-indent: 0.2rem;}
.item-form dl.item-sku dd{ margin:0.5rem 0;}
.item-form dl.item-sku dd li{ border:1px solid #ccc; border-radius:0.5rem; padding:0.2rem 0.6rem 0.2rem 0.6rem; margin:0 0.3rem 0.3rem 0; background:#fff; font-size:0.8rem; line-height:1.4rem; display: inline-block; background:#f1f1f1;}
.item-form dl.item-sku dd li img{ width:1.5rem; text-align:center; border-radius:0.35rem; float:left; margin:0 0.3rem 0 -0.4rem;}
.item-form dl.item-sku dd li.hover{ border:1px solid #ff5600; color:#ff5600; background:#fff;}
.item-form dl.item-sku dd li span{ margin:0 0 0 0.5rem; color:#888;}

.item-form dl.item-sum{ font-size:0.72rem; margin:0 0.5rem 0.5rem 0; overflow:hidden;}
.item-form dl.item-sum dt{ float:left; width:3.5rem; text-align:right;line-height:1.7rem; }
.item-form dl.item-sum dd{ float:right; }
.item-form dl.item-sum dd button{ width:1.7rem; height:1.7rem; border:1px solid #ccc; }
.item-form dl.item-sum dd input{border:1px solid #ccc; border-left:none; border-right:none; font-size:0.8rem; height:1.7rem; width:2rem; margin:0; background:#fff;}

.item-form dl.item-dl-price{ font-size:0.72rem;  overflow:hidden;}
.item-form dl.item-dl-price dt{ float:left; width:3rem; text-align:right;line-height:1.7rem; }
.item-form dl.item-dl-price dd{ float:right; color:#ff5600; font-size:0.7rem;}
.item-form dl.item-dl-price dd b{font-size:1rem;}

.item-form dl.item-input{ font-size:0.72rem; clear:both;}
.item-form dl.item-input dt{ float:left; width:3rem; text-align:right;line-height:1.7rem; }
.item-form dl.item-input dd{ margin:0 0 0 3.5rem; border:1px solid #ccc; border-radius:0.2rem;}
.item-form dl.item-input dd .van-field{border-radius:0.2rem; padding:0.4rem 0.5rem !important; font-size:0.72rem; line-height:normal;}
.item-form dl.item-input dd .van-field input{ font-size:0.72rem; }
.item-form dl.item-picker dd{ border:none !important;}
.item-form dl.item-picker select{ width:32%;border:1px solid #ccc; border-radius:0.2rem; line-height:1.7rem; height:1.7rem; font-size:0.72rem;}
.item-form dl.item-picker select:nth-child(2){ margin:0 2%;}

.item-form dl.item-pay{ font-size:0.72rem;}
.item-form dl.item-pay dt{ float:left; width:3rem; text-align:right;line-height:1.7rem; }
.item-form dl.item-pay dd{ margin:0 0 0 3.5rem;}
.item-form dl.item-pay dd li{ float:left; border:1px solid #ccc; border-radius:0.2rem; padding:0.2rem 0.3rem 0.2rem 0.2rem; margin:0 0.3rem 0.3rem 0; line-height:1.5rem; font-size:0.72rem; background:#f1f1f1;}
.item-form dl.item-pay dd li img{ width:1.5rem; height:1.5rem; float:left; margin:0 0.3rem 0 0; }
.item-form dl.item-pay dd li.hover{ border:1px solid #ff5600; color:#ff5600; background:#fff}
.item-form dl.item-pay dd li b{color:#ff5600;}
.item-form dl.item-pay p{ clear:both; font-size:0.72rem; border:1px solid #ff5600; color:#ff5600; border-radius:0.2rem; padding:0.2rem;}

.item-form .item-count dl{ clear:both;  font-size:0.75rem; line-height:1.8rem; margin:0 0.5rem; border-bottom:1px solid #f1f1f1; overflow:hidden;}
.item-form .item-count dl dt{ float:left;}
.item-form .item-count dl dd{float:right;}
.item-form .item-count dl dd.red{ color:red;}

.addBuy{ width:90%; margin:0 5% 0.7rem 5%; line-height:1.8rem; height:1.8rem; font-size:0.8rem; }
.item-form .item-submit{ background:#ff5600; border:1px solid #ff5600; margin:0.5rem; width: -webkit-fill-available; font-size:0.8rem; height:2.2rem;}

.item-like{ box-shadow: 0 1px 2px 2px #E4E4E4; border-radius: 0.15rem; background: #fff; margin:0.7rem 0.5rem 0.5rem 0.5rem; overflow: hidden; }
.item-like .item-like-title{ font-size:0.8rem; font-weight:550; color:#333; border-left:0.25rem solid #ff5600; margin:0.5rem 0 0.2rem 0.5rem; overflow:hidden; text-indent: 0.2rem; }
.item-like .item-like-dl{ margin:0.5rem 3.3%; padding:0 0 1.2rem 0; overflow:hidden;}
.item-like .item-like-dl dl{ width:31%; float:left;}
.item-like .item-like-dl a{ color:#333;}
.item-like .item-like-dl dl:nth-child(2){ margin:0 3.3%;}
.item-like .item-like-dl dt{ width:100%; }
.item-like .item-like-dl dt img{ width:100%; border-radius:0.2rem; }
.item-like .item-like-dl dd{ font-size:0.72rem; line-height:1rem; height:1rem; overflow:hidden;}
.item-like .item-like-dl li{ line-height:1.5rem; font-size:0.65rem;}
.item-like .item-like-dl li span{ color: #999;text-decoration: line-through;float: left;}
.item-like .item-like-dl li b{ float:right; color:#ff5600; }
.item-like .van-swipe__indicators{ background:#ccc; padding:0.3rem 0.4rem; border-radius:0.5rem;}
.item-like .van-swipe__indicators i{ background:#fff !important; width:0.4rem; height:0.4rem; opacity:1; }
.item-like .van-swipe__indicators i.van-swipe__indicator--active{ background:#ff5600 !important; }

.item-send-out{ box-shadow: 0 1px 2px 2px #E4E4E4; border-radius: 0.15rem; background: #fff; margin:0.7rem 0.5rem 0.5rem 0.5rem; overflow: hidden; }
.item-send-out .item-send-out-title{ font-size:0.8rem; font-weight:550; color:#333; border-left:0.25rem solid #ff5600; margin:0.5rem 0 0.2rem 0.5rem; overflow:hidden; text-indent: 0.2rem; }
.item-send-out .item-send-out-ul{ overflow:hidden; margin:0.5rem; border-radius:0.2rem; background:#f1f1f1; overflow:hidden;}
.item-send-out .item-send-out-ul ul{ height:14rem;overflow:hidden; color:#444;} 
.item-send-out .item-send-out-ul li{ font-size:0.72rem; line-height:1.8rem; padding:0 0.5rem;height:1.7rem; overflow: hidden;width: 96%;text-overflow: ellipsis;white-space: nowrap;}
.item-send-out .item-send-out-ul li:nth-child(2n){ background:#f9f9f9;}

/*liMarquee CSS*/
.str_wrap {	overflow:hidden; width:100%;  position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space:nowrap;}
.str_move { white-space:nowrap;	position:absolute; 	top:0; 	left:0;	cursor:move;}
.str_move_clone { display:inline-block;	vertical-align:top;	position:absolute; 	left:100%;	top:0;}
.str_vertical .str_move_clone {	left:0;	top:100%;}
.str_down .str_move_clone {	left:0;	bottom:100%;}
.str_vertical .str_move,.str_down .str_move { white-space:normal; width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{	cursor:inherit;}
/*liMarquee CSS*/

.item-window{ font-size:0.72rem; height:1.4rem; overflow:hidden; position:fixed; top:2.5rem; left:0.5rem; }
.item-window div{height:1.4rem; line-height:1.4rem;  overflow:hidden; text-overflow: ellipsis;white-space: nowrap; width:50vw;border-radius:0.3rem; }
.item-window li{ color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.item-window li img{ width:1rem; height:1rem; float:left; margin:0.2rem 0.3rem; border-radius:50%;}

.nav{ position:fixed; bottom:0px; background:#fff;left:0px; right:0px; box-sizing: border-box; }
.nav a{ float:left; background:#ff5600; color:#fff; font-size:0.75rem; line-height:2.2rem; text-align:center; border-right:1px dashed #fff; box-sizing: border-box;}
.nav a:last-child{border:none;}
.nav a i{ font-size:1.1rem;}

.wx-html{ margin:0; padding:1rem;}
.wx-html b{ text-align:center; font-size:0.9rem; display: block; line-height:2.2rem;}
.wx-html p{ width:90%; margin:0px auto;}
.wx-html p img{ width:100%;}
.wx-html li{ font-size:0.75rem;}
.wx-html li span{ color:#cf2a4f; font-weight:bold;font-size:1rem;}
.wx-html a{ background:#2e8dec; color:#fff; width:6rem; height:2rem; line-height:2rem; text-align:center;margin: 1rem auto 0.3rem auto;display: block;border-radius: 0.2rem; }

.fw-html{padding:0 0 1rem 0;}
.fw-html h3{ background-color: #FF4351; font-weight: 500; font-size:0.9rem; width:100%; color:#fff; height:2.3rem; line-height:2.3rem; text-align:center; }
.fw-html dl{ padding:1rem; font-size:0.75rem; line-height:1.2rem;}
.fw-html dl span{ color:red;font-size:1rem;}
.fw-html a{background-color:#cf2a4f;width:60%;display: block; color:#fff; line-height:2rem; border-radius: 0.2rem;margin: 0.2rem auto; text-align:center;}

.smsVerify{ padding:0.7rem 2.2rem; font-size:0.75rem; overflow:hidden; }
.smsVerify-div{ padding:0.7rem 0;}
.smsVerify .smsVerify-title{ text-align:center; font-weight: 550;}
.smsVerify dl{ margin:0.2rem 0;}
.smsVerify dl dd{ margin:0 6.5rem 0 0;}
.smsVerify dl dd .sms-field{ padding: 0; line-height: 2rem; height: 2rem; border:1px solid #ccc; padding:0 0.3rem; font-size:0.75rem;}
.smsVerify dl li{ float:right; width:6rem;}
.smsVerify dl li img{ width:100%; height: 2rem;}
.smsVerify dl li .sms-button{ line-height: 2rem; height: 2rem; font-size:0.75rem; width:100%;}
.smsVerify .sms-submit{ width:100%; margin: 0 0 1rem 0; font-size:0.75rem; line-height: 2rem; height: 2rem;}

.item-postage{ font-size:0.75rem;}
.item-postage dt{ font-weight: 550;}
.item-postage dd{ color:#999; }
.item-postage .item-postage-icon{ color:#ff5600; font-weight: 600; }

.postage-province{ font-size:0.75rem; }
.postage-province dt{ text-align:center; line-height:1.5rem; font-weight: 550; }
.postage-province dd{ margin:0.6rem 0.3rem 1.5rem 0.3rem; color:#333;}

.item-order-query{ box-shadow: 0 1px 2px 2px #E4E4E4; border-radius: 0.15rem; background: #fff; margin:0.7rem 0.5rem 0.5rem 0.5rem; overflow: hidden; font-size:0.75rem; padding:0.3rem; }
.item-order-query dt{ float:right; width:3rem; text-align:center; background:#ff5600; color:#fff; line-height:1.8rem; height:1.8rem; border-radius:0.2rem;}
.item-order-query dd{ margin:0 3.3rem 0 0;}
.item-order-query dd .order-query-field{ border:1px solid #ccc; line-height:1.8rem; height:1.8rem; padding:0 0.5rem; font-size:0.75rem; border-radius:0.2rem;} 

.item-comment dl{ font-size:0.75rem; overflow:hidden; margin:0.5rem; background:#fff;border-radius:0.2rem; padding:0.5rem;}
.item-comment dl dt{clear: both; overflow:hidden;line-height:2rem; }
.item-comment dl dt .comment-image{ float:left; width:2rem;}
.item-comment dl dt b{ float:left; margin:0 0 0 0.5rem; font-weight: 550;font-size:0.8rem }
.item-comment dl dt b i{ color:#999; font-size:0.6rem; font-weight: 500; margin:0 0 0 0.3rem;}
.item-comment dl dt span{ float:right;color:#999; font-size:0.65rem;}
.item-comment dl dd{ line-height:1rem; height:1rem; overflow:hidden; margin:0.3rem 0;}
.item-comment dl dd i{ font-size:0.8rem;}
.item-comment dl dd .comment-rate{ float:left; margin: 0.1rem 0 0 0;}
.item-comment dl dd span{ color:#999; font-size:0.65rem; margin:0 0 0 0.3rem; border-left:1px solid #ccc; padding:0 0 0 0.3rem; }
.item-comment dl p{ margin:0.5rem 0 0 0; width:60%; }

.item-comment-page{ width:8rem; margin:0px auto 0.5rem auto;}
.item-comment-page .item-comment-page-button{ width:2rem; height:2rem; background: #FFB800; color:#fff; border: #FFB800; text-align:center; margin:0 1rem;}
.item-comment-page i{ font-size:1rem;}

.column{ clear:both; text-align: center;}
.column ul{  display:inline-table;}
.column ul li{ float:left;  font-size:0.7rem; padding:0 0.5rem;}
.column ul li a{ color:#666; text-decoration: underline;}

.copyright{ text-align:center; font-size:0.65rem; margin:1rem 2rem;}
.jubao{ float:right; font-size:0.7rem; margin:1rem;}
.tousu{position: absolute;float: right;margin-top: 2.3rem; top: 0px;padding: 0.3rem 0.4rem;background-color: rgba(0, 0, 0, 0.7);right: 0.7rem; font-size:0.65rem; border-radius: 0.2rem;}
.tousu a{ color:#fff;}

