@charset "utf-8";

/*
 +-----------------------------------------------------------------------------
 | Copyright (c) 2024 WForder.Com All Rights Reserved.
 +-----------------------------------------------------------------------------
 | Author: WF <183712356@qq.com>
 +-----------------------------------------------------------------------------
*/

/********** Public **********/
.title,.service,.subbtn,.procontent,.comment,.postcmt,.orderpost,.shipped,.orderquery,.recpro{height:auto;overflow:hidden;background:#FFF;}
.service,.subbtn,.comment,.postcmt,.orderpost,.recpro{padding-bottom:15px;}
.subbtn,.procontent,.postcmt,.orderpost,.shipped,.orderquery,.recpro{margin-bottom:15px;}

/********** GoodsImg **********/
.proimg{margin-bottom:5px;}
.proimg img,.procontent img{max-width:100%;height:auto;}

/********** CountDown **********/
.pricediv{height:70px;color:#FFF;background:url('../images/limit.png') center top no-repeat;background-size:cover;}
.saleprice{float:left;width:52%;height:50px;padding:10px 0;}
.saleprice span.sale{margin-right:8px;font-size:0.22rem;font-weight:600;}
.saleprice span.sale em{margin-right:5px;font-size:16px;}
.saleprice span.orig{text-decoration:line-through;}
.countdown{float:left;width:47%;height:70px;line-height:70px;text-align:right;}

/********** Title **********/
.title{padding:20px 10px;font-size:0.20rem;line-height:1.5em;}
.service{height:0.35rem;color:#FFF;}
.service li{float:left;width:23.5%;height:0.3rem;line-height:0.3rem;margin-right:2%;font-size:0.16rem;text-align:center;background:#9C6;border-radius:5px;}
.service li.a{background:#9C6;}
.service li.b{background:#F33;}
.service li.c{background:#9CF;}
.service li.d{margin-right:0;background:#F90;}
.subbtn button{width:100%;height:45px;font-size:0.18rem;}
.subbtn .layui-icon{font-size:0.2rem;}

/********** Comment **********/
.comment{height:290px;overflow:hidden;}
.comment li{height:80px;padding:10px;overflow:hidden;}
.comment li dt{height:20px;line-height:20px;margin-bottom:6px;}
.comment li dt span.l{float:left;color:#999;}
.comment li dt span.r{float:right;color:#999;}
.comment li dd{margin-bottom:5px;line-height:1.5em;}
.comment li dd.b{color:#F90;}
.cmntbtn,.orderbtn{width:100%;}
.postcmt{padding-top:20px;}
.postcmt input,.postcmt textarea{font-size:0.16rem;}
.cmntbtn{font-size:0.18rem;}

/********** Order **********/
.frame li,.payment li{display:inline-block;float:left;margin:5px 5px 0 0;}
.frame li a,.payment li a{display:inline-block;width:auto;height:auto;padding:6px;background:#F5F5F5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.frame li a.cur-pack,.frame li a.cur-size,.frame li a.cur-color,.payment li a.cur-pay{border:2px solid #F40;color:#F40;padding:4px;background:url('../images/current.png') right bottom no-repeat;}
.frame li img{width:70px;height:70px;margin-bottom:5px;}
.goods-color li a{width:70px;}
.goods-color li a > span{display:block;height:20px;font-size:0.12rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.payment li{margin:0 10px 10px 0;}
.payment li a{height:36px;line-height:36px;}
.payment .layui-icon{font-size:30px;}
.payment .cod{color:#F90;}
.payment .aliPay{color:#226bf3;}
.payment .wxPay{color:#22ac38;}
.payment .scan{color:#C00;}
.total{padding-top:7px;}
.total > a{display:block;float:left;width:26px;height:26px;font-size:16px;text-align:center;background:#F2F2F2;border:1px solid #DDD;cursor:pointer;}
.total > a.dec{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.total > a.lnc{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.total input.total-input{float:left;width:50px;height:28px;padding:0;line-height:28px;text-align:center;border-width:1px 0;border-radius:0;}
.price{padding-top:5px;}
.price strong{height:26px;font:28px/26px Tahoma;font-weight:600;color:#F40;}
.price strong em.rmb{font:20px arial;font-weight:400;margin-right:5px;}
.price strong em.showinfo{margin-left:8px;font-size:12px;font-weight:200;color:#F00;vertical-align:middle;}
.layui-form-item .captcha-item{width:110px;margin-right:10px;}
.captcha-img img{vertical-align:middle;border:1px solid #DDD;border-radius:5px;}
.layui-form-checked{font-size:12px;}
.orderbtn{height:46px;font-size:0.18rem;}

/********** Area **********/
.city-picker-input{opacity:0!important;top:-9999px;left:-9999px;position:absolute;}
.city-picker-span{position:relative;display:block;outline:0;line-height:38px;cursor:pointer;}
.city-picker-span > .placeholder{color:#c8c9cc;}
.city-picker-span > .arrow{position:absolute;top:50%;right:8px;width:10px;margin-top:-3px;height:5px;background:url('../images/arrow.png') -10px -25px no-repeat;}
.city-picker-span.open > .arrow{background-position:-10px -10px;}
.city-picker-span > .citytit > span{color:#333;border-radius:2px;}
.city-picker-span > .citytit > span:hover{background-color:#f1f8ff;}
.city-picker-dropdown{width:100%;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:99;display:none;}
.city-select-wrap{border:1px solid #DDD;margin-top:-5px;border-radius:5px;}
.city-select-tab{border-bottom:1px solid #DDD;background:#f5f5f5;font-size:13px;}
.city-select-tab > a{display:inline-block;padding:8px 22px;border-left:1px solid #DDD;border-bottom:1px solid transparent;color:#4D4D4D;text-align:center;outline:0;text-decoration:none;cursor:pointer;margin-bottom:-1px;}
.city-select-tab > a.active{background:#fff;border-bottom:1px solid #fff;color:#46A4FF;}
.city-select-tab > a:first-child{border-left:none;}
.city-select-tab > a:last-child.active{border-right:1px solid #DDD;}
.city-select-content{width:100%;min-height:10px;padding:10px 15px;box-sizing:border-box;border-radius:5px;}
.city-select{font-size:13px;}
.city-select dl{line-height:2;clear:both;padding:3px 0;margin:0;}
.city-select dt{position:absolute;width:2.5em;font-weight:500;text-align:right;line-height:2;}
.city-select dd{margin-left:0;line-height:2;}
.city-select.province dd{margin-left:3em;}
.city-select a{display:inline-block;padding:0 10px;outline:0;text-decoration:none;white-space:nowrap;margin-right:2px;text-decoration:none;color:#333;cursor:pointer;}
.city-select a:hover,.city-select a:focus{background-color:#f1f8ff;border-radius:2px;color:#46A4FF;}
.city-select a.active{background-color:#46A4FF;color:#fff;border-radius:2px;}

/********** Shipped **********/
.shipped{height:184px;overflow:hidden;}
.shipped ul{height:180px;overflow:hidden;}
.shipped li{height:20px;overflow:hidden;margin-bottom:6px;padding:5px 10px;line-height:20px;}
.shipped li span.a{float:right;padding:0 8px;color:#FFF;background:#FC3;border-radius:3px;}
.shipped li span.b{float:left;padding:0 8px;color:#FFF;background:#9C6;border-radius:3px;}
.shipped li span.c{float:left;padding:0 8px;font-family:Arial;}
.shipped li span.d{display:block;width:auto;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.shipped li span.d span{margin-left:5px;color:#999;}

/********** Orderbar **********/
.orderbar{position:fixed;left:50%;bottom:0;transform:translate(-50%,0);width:100%;height:60px;background:#FFF;}
.orderbar li{float:left;height:40px;padding:10px 0;text-align:center;justify-content:center;}
.orderbar li.a,.orderbar li.b,.orderbar li.c{width:12%;font-size:14px;}
.orderbar li.a a,.orderbar li.b a,.orderbar li.c a{color:#999;}
.orderbar li.d,.orderbar li.e{width:32%;}
.orderbar li.d a,.orderbar li.e a{display:block;width:calc(100% - 10px);height:40px;line-height:40px;color:#FFF;font-size:0.16rem;font-weight:600;}
.orderbar li.d a{float:right;background:linear-gradient(to bottom right,#f6cc45,#f09938);border-radius:5px 0 0 5px;}
.orderbar li.e a{float:left;background:linear-gradient(to bottom right,#ee7e31,#eb5829);border-radius:0 5px 5px 0;}
.orderbar .layui-icon{font-size:0.19rem;margin:0;color:#000;}

/*////////////////////////////// WFORDERCSSEND //////////////////////////////*/