@charset "utf-8";

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

/********** Public **********/
*{margin:0;padding:0;}
html{font-size:100px;}
body{margin:0 auto;min-width:320px;max-width:750px;width:100%;font:14px Microsoft YaHei;color:#333;text-align:left;box-shadow:0 0 0.4rem rgba(0,0,0,.4);background:#F5F5F5;}
a:link,a:visited{color:#333;text-decoration:none;}
ul,li,dl,dt,dd{list-style:none;}
em{font-style:normal;}
img{border:0;}
h1{padding:15px 0;font-size:28px;font-weight:400;text-align:center;}
input::-webkit-input-placeholder{color:#c8c9cc;}
input::-moz-placeholder{color:#c8c9cc;}
input::-ms-input-placeholder{color:#c8c9cc;}
textarea::-webkit-input-placeholder{color:#c8c9cc;}
textarea::-moz-placeholder{color:#c8c9cc;}
textarea::-ms-input-placeholder{color:#c8c9cc;}
h2{padding:10px 5px 15px;height:40px;line-height:40px;font-size:0.19rem;font-weight:300;color:#666;background:#FFF;}
h2 .layui-icon{font-size:0.18rem;color:#C00;}
@media screen and (max-width:320px){
    html{font-size:80px;}
}
@media screen and (min-width:321px) and (max-width:480px){
    html{font-size:100px;}
}
@media screen and (min-width:481px){
    html{font-size:120px;}
}

/********** Layui **********/
.layui-form{font-size:16px;}
.layui-icon{vertical-align:bottom;vertical-align:middle\9;}
.layui-form-text .layui-form-label{padding-left:26px;}
.layui-form-label{width:70px;padding:9px 15px 9px 0px;font-weight:600;}
.layui-input,.layui-textarea{height:40px;border-radius:5px;border-color:#DDD;}
.layui-input{line-height:40px;}
.layui-input-block{margin-left:85px;}
.layui-btn{height:40px;line-height:40px;border-radius:5px;font-size:16px;}
.layui-carousel img{width:100%;}

/********** Public **********/
a.r:link,a.r:visited,.red{color:#F00;}
a.g:link,a.g:visited,.green{color:#090;}
a.b:link,a.b:visited,.blue{color:#09F;}
a.o:link,a.o:visited,.orange{color:#F60;}
.wrapper,.pricediv,.service,.subbtn,.postcmt,.comment,.orderpost,.orderquery{padding:0 10px;}
.empty{padding:60px 0;text-align:center;font-size:0.2rem;color:#DDD;}
.empty .layui-icon{font-size:1rem;margin:0;}
.i-kefu{font-size:20px;}
.i-ser{margin-right:5px;font-size:22px;color:#CCC;}
.i-goto{margin-right:8px;font-size:28px;color:#090;}
.i-suc{margin-right:8px;font-size:48px;color:#090;vertical-align:middle;}
.i-alipay{margin-right:8px;font-size:48px;color:#00AAEE;vertical-align:middle;}
.i-wxpay{margin-right:8px;font-size:48px;color:#1AAD19;vertical-align:middle;}
.i-scan{margin-right:8px;font-size:22px;color:#1AAD19;vertical-align:middle;}

/********** Divide **********/
.divide{position:relative;z-index:100;height:35px;margin:20px 0 0;font-size:0.16rem;font-weight:300;color:#666;}
.divide span{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:1rem;height:25px;text-align:center;background:#F5F5F5;}

/********** Toolbar **********/
.perch{width:100%;height:70px;}
.toolbar{position:fixed;right:0;bottom:0;z-index:101;width:100%;height:60px;background:#FFF;}
.toolbar li{float:left;width:25%;height:40px;padding:10px 0;text-align:center;justify-content:center;}
.toolbar li a.current{color:#C00;}
.toolbar .layui-icon{font-size:0.19rem;margin:0;}

/********** Gotop **********/
.gotop{display:none;position:fixed;right:0;bottom:100px;z-index:999;width:31px;height:100px;overflow:hidden;border-radius:8px 0 0 8px;background:#666;}
.gotop a{display:block;width:25px;height:40px;font-size:11px;color:#FFF;text-align:center;padding:5px 3px;}
.gotop i{font-size:20px;color:#9C3;margin:0;}

/********** KefuLayer **********/
.kefulay{display:none;padding:15px;text-align:center;}
.kefulay p{line-height:1.8em;}
.kefulay p img{width:auto;height:250px;margin-bottom:10px;padding:4px;border:1px solid #E6E6E6;}
.kefulay p em{font-family:Tahoma;font-weight:700;}

/********** GoodsInfo Copyright **********/
.copyright{padding:15px 0;line-height:1.8em;text-align:center;}
.copyright,.copyright a{color:#666;}

/********** Recpro **********/
.recpro{height:auto;overflow:hidden;margin-bottom:20px;}
.recpro dl{float:left;width:21%;height:auto;margin:0 2%;}
.recpro dt{position:relative;width:100%;height:0;padding-bottom:100%;}
.recpro dt img{position:absolute;width:100%;height:100%;object-fit:cover;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.recpro dd.proname{display:block;height:20px;padding-top:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.recpro dd.price{font-size:16px;font-weight:700;color:#F50;}
.recpro dd.price em{margin-right:3px;}

/********** Media **********/
@media screen and (max-width:450px){
    .saleprice span.sale{margin-right:5px;font-size:22px;}
    .saleprice span.orig em,.countdown{font-size:12px;}
}
@media screen and (max-width:375px){
    .city-picker-span{height:60px;line-height:1.6em;padding-right:20px;padding-top:7px;}
    .payment li{flex:auto;margin:0 0 10px 0;padding:0;}
}

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