/*蓝色字 #4f88cc  橙色背景 #f57403  灰色字 #777777  浅灰色底 #f3f3f3 红色链接 color:#fc3e02; 绿色#6C0; 蓝色#2358fe;   border-radius:4px; */
@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,span,em,i,button,a{margin:0;padding:0;color:inherit;line-height: inherit;font-size:14px;font-family:"PingFang SC","PingFangSC-Regular","microsoft yahei";}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;font-size:inherit;}
a:hover{color:#fc3e02;}
a:visited{color:#999;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
p,span,li{font-size:inherit;color:inherit;}
h3,h4,h5,h6{font-weight: normal;}
em,i,span,a,p{font-style:normal;font-size:inherit;}
*{box-sizing:border-box;color: #333;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}   
.bold{font-weight: bold;}
.center{text-align: center;}
.img{width: 100%;display: block;}
html{font-size:13.333vw;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{display: block;width: 100%;border:none;background: transparent;}
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;text-decoration: none;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
body{-webkit-text-size-adjust: 100% !important;background-color: #fff;}



.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}
.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}

::-webkit-input-placeholder{color:#b3b3b3;}
:-moz-placeholder{color:#b3b3b3;}
::-moz-placeholder{color:#b3b3b3;}
:-ms-input-placeholder{color:#b3b3b3;}
body{background-color: #fff;}

/* mui重置 */
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{margin: 0;border:none;border-radius:none;}


.r-head{margin:0 auto;text-align:center;width: 100%;z-index:100;background-color: #ccc; height:70px; }
.rh-logo { margin:0 auto; width:90%; height:50px; padding-top:10px; }
.rh-logo .img{height:49px;width: 137px;}
.foot { clear:both; margin:0 auto; height:50px; line-height:50px; text-align:center; font-size:12px; color:#ccc;}

/* user/register */
.r-box { margin:0 auto;width:100%; font-size:12px;}
.rb-tit { text-align:center; height:40px; line-height:40px; font-size:24px;}
.r-box .item {margin:0 auto; height:50px; width:98%;}
.r-box .item-qh { line-height:20px; font-size:12px; color:#ccc;}
.r-box .tips { margin-left:24%; color:#CCC;line-height:20px; height:20px;}
.r-box .item span { display:block; font-size:16px;  width:24%; height:50px; line-height:50px; float:left; text-align:right;padding-right:2%; }
.r-box .item  span i { font-size:16px;color:#F30; }
.r-box .error { margin-left:24%; color:#F00;line-height:20px; height:20px;}
.r-box .item .ipt-txt { border:#ccc 1px solid;height:40px; line-height:40px; width:70%; float:left; margin-top:5px; padding-left:2%; padding-right:2%;}
.r-box .item input:focus{border-color: #c00;}
.r-box .item select { width:70%;height:40px; line-height:40px; overflow:hidden; font-size:14px; border:#ccc 1px solid; float:left;}
.r-box .item select option {width:70%; overflow:hidden; font-size:14px;}
.r-box .item .rb-btn {float:left; width:30%; height:40px; line-height:40px; background:#66F; color:#fff; font-size:16px; border:0; cursor:pointer;}
.r-box .item .rb-btn:hover {background:#66F; }
.r-box .item .rb-a {float:left; margin-left:10%; display:block;width:30%; text-align:center;  height:40px; line-height:40px; background:#ccc; color:#333; font-size:16px;}
.r-box .item .rb-a:hover { background:#eee; color:#333;}

/* user/login */
.log-box { margin:0 auto;width:100%; font-size:12px;}
.lb-tit { text-align:center; height:40px; line-height:40px; font-size:24px;}
.log-box .item {margin:0 auto; height:60px; width:98%;}
.log-box .error { margin-left:24%; color:#F00;line-height:20px; height:60px;}
.log-box .item span { display:block; font-size:16px;  width:24%; height:50px; line-height:50px; float:left; text-align:right; padding-right:2%;}
.log-box .item  span i { font-size:16px;color:#F30; }
.log-box .item .ipt-txt { border:#ccc 1px solid;height:40px; line-height:40px; width:70%; float:left; margin-top:5px; padding-left:2%; padding-right:2%;}
.log-box .item input:focus{border-color: #c00;}
.log-box .item .lb-btn {float:left; width:30%; height:40px; line-height:40px; background:#66F; color:#fff; font-size:16px; border:0; cursor:pointer;}
.log-box .item .lb-btn:hover {background:#66F; }
.log-box .item .lb-a {float:left; margin-left:10%; display:block;width:30%; text-align:center;  height:40px; line-height:40px; background:#ccc; color:#333; font-size:16px;}
.log-box .item .lb-a:hover { background:#eee; color:#333;}



.ia-c { clear:both;width:100%; height:1.3rem;  border-bottom:#e2e2e2 1px solid; position:relative;  overflow:hidden;}
.ia-c ul { width:100%;  }
.ia-c ul li { float:left; width:3rem; margin-top:.1rem;}
.ia-c ul li em { padding-left:0.6rem; clear:both; display:block;line-height:.55rem;font-size:.26rem;color:#777777;}
.ia-c ul li font { padding-left:0.18rem; clear:both; display:block;line-height:.45rem;font-size:.26rem; color:#f57403;  } 
.ia-d  { position:absolute; right:-0.05rem; top:.2rem;}
.ia-d a  {background:#f57403; color:#fff;padding-left:.1rem; padding-right:.1rem;font-size:.26rem;border-radius:.05rem;}
.ia-d a:hover { color:#fff;} 
.iadl{background-image: url('../imgs/icon12.png');background-repeat: no-repeat;background-position: 0.05rem 0.1rem; background-size: 0.4rem 0.4rem; margin-left:.6rem;}
.iadr{background-image: url('../imgs/icon11.png');background-repeat: no-repeat;background-position: 0.05rem 0.1rem; background-size: 0.4rem 0.4rem; margin-left:.6rem;}

.i-query { clear:both;}


.content-box { clear:both; margin:0 auto; padding:5%;}





/*取货地址  user/paddress*/
.a-row .radio_box ul li { background:url(../imgs/radio_01.png) .1rem .2rem no-repeat; padding-left:.5rem; /*未选中项的样式*/   line-height:34px; font-size:.26rem; cursor:default }
.a-row .radio_box ul li.selected { background:url(../imgs/radio_02.png) .1rem .2rem no-repeat;padding-left:.5rem; }
.a-row .radio_box ul li:hover { background-color:#eee; color:#000 }

/*收货地址  user/saddress*/
.infolist{padding-left:5em;font-size:14px;position:relative;color:#494949;min-height:38px;margin:5px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;float:left;clear:both;}
.infolist .liststyle span{position:relative;height:36px;line-height:36px;display:inline-block;border:1px solid #E8E8E8;border-radius:5px;padding:0 0 0 8px;cursor:pointer;background:white;float:left;margin-right:9px;margin-bottom:10px;}
.infolist .liststyle span i{display:inline-block;height:36px;line-height:36px;padding-right:30px;position:relative;}
.infolist .liststyle span i:after{content:"";display:block;width:20px;height:36px;position:absolute;right:0;top:0;background-image:url(../images/jt_nor.png);background-repeat:no-repeat;background-position:0 center;background-size:10px auto;}
.infolist .liststyle span ul{width:100%;border-radius:0 0 5px 5px;position:absolute;border:1px solid #E8E8E8;background:white;left:-1px;top:36px;border-top:0;margin-bottom:10px;display:none;z-index:10;}
.infolist .liststyle span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
.infolist .liststyle span ul li:first-child{border-top:0;}
.infolist .liststyle span ul li a{display:block;height:36px;line-height:36px;padding:0 8px;color:#494949;}

.lp-bot-wrap{height: 1.2rem; background:#fff;}
.lp-bot{padding:.2rem .3rem;height: 1.2rem;position:fixed;width: 100%;left: 0;bottom: 0;background-color: #fff;z-index:100;display: flex;justify-content: space-between;box-shadow:.02rem 0 .1rem rgba(0,0,0,.4);}
.lp-bot ul {margin:0 auto;width: 100%;}
.lp-bot ul li { margin:0 auto; width:20%;height: 1.2rem; float:left; text-align:center;}
.lp-bot .lk{ display:block;}
.lp-bot .icon{width: 0.5rem;height: 0.5rem;display: block;margin:0 auto;}
.lp-bot .hm-tit{font-size: 0.24rem;font-weight: bold;margin-top: 0.08rem;}

/*运单查询 user/query*/
.center-box { clear:both; margin:0 auto; width:100%; height:.5rem;line-height:.5rem; text-align:center; font-size:.26rem; color:#ccc; border-bottom:dotted #ccc 1px;}
select.qs-sel1 { background:#fff; width:1rem;height:.4rem; line-height:.4rem; overflow:hidden; font-size:.22rem; border:#ccc 1px solid; float:left;}
select.qs-sel1 option {width:1rem; overflow:hidden; font-size:.22rem;}
select.qs-sel2 { background:#fff; width:1.3rem;height:.4rem; line-height:.4rem; overflow:hidden; font-size:.22rem; border:#ccc 1px solid; float:left;}
select.qs-sel2 option {width:1.4rem; overflow:hidden; font-size:.22rem;}





/*蓝色字 #4f88cc  橙色背景 #f57403  灰色字 #777777  浅灰色底 #f3f3f3 红色链接 color:#fc3e02; 绿色#6C0; 蓝色#2358fe;   border-radius:4px; */
.q-table-list { clear:both; }
.q-table-list ul { clear:both; width:100%;border-bottom:#e2e2e2 1px solid;height:1rem;margin-top:.2rem;}
.q-table-list ul:nth-child(even) {background-color: #f5f5f5;}
.q-table-list ul li { clear:both;width:100%; }
.q-table-list ul li a {/*background-color:#f57403;font-size:.26rem;color:#fff;padding-left:.1rem; padding-right:.1rem;border-radius:.26rem;*/}
.q-table-list ul li.qtw1 {height:.5rem; line-height:.5rem; }
.q-table-list ul li.qtw1 em { font-size:.26rem;  width:1rem; padding-left:.1rem; padding-right:.1rem; margin-right:.1rem;}
.q-table-list ul li.qtw1 a { color:#333; }
.q-table-list ul li em.c0 {  background-color:#D3E7FE;  color:#2358fe;}
.q-table-list ul li em.c1 { background-color:#C4FFE1;  color:#6C0;}
.q-table-list ul li em.c2 { border:#6C0 1px solid;color:#6C0;}
.q-table-list ul li em.c3 { border:#f57403  1px solid;color:#f57403;}
.q-table-list ul li em.c4 { border:#ccc 1px solid;color:#777;}
.q-table-list ul li em.c5 { background-color:#fc3e02; color:#fff;}
.q-table-list ul li.qtw1 a:hover { color:#fc3e02}
.q-table-list ul li.qtw1  a span   { color:#ccc; font-size:.2rem; }
.q-table-list ul li.qtw1  a:hover span  { color:#fc3e02 }
.q-table-list ul li.qtw3 {height:.5rem; line-height:.5rem;}
.q-table-list ul li.qtw3 {font-size:.2rem;}
.q-table-list ul li.qtw3 a { background-color:#f57403; color:#fff; margin-left:.2rem;padding-left:.2rem; padding-right:.2rem;border-radius:.05rem; }
.q-table-list ul li.qtw3 font {color:#f57403;}







/*user/order*/
.o-order { background:#eee;font-size:.26rem;line-height:.5rem; padding-left:.1rem;}
.list { clear:both; width:100%; height:.5rem;}
.list ul { clear:both;}
.list ul li { width:33%; float:left; text-align:center; font-size:.26rem; } 
.o-box-nuber { background:#2358fe; color:#fff; width:2.5rem;height:.5rem; line-height:.5rem; text-align:center; display:block; float:left;}
.o-service { background:#f57403; color:#fff; width:2rem;height:.5rem; line-height:.5rem;text-align:center; display:block;float:left; margin-left:.2rem;}
.o-rmb { font-size:.3rem; font-weight:bold; color: #f57403;}

/*user/news*/
.newsList ul{padding-top: 60px; }
.newsList ul li{padding:20px 0; border-bottom: 1px dashed #aaa;}
.newsList ul li:last-child{border-bottom: none;}
.newsList ul li h3{color: #666; font-size: 20px;}
.newsList ul li p{color: #888;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList ul li a:hover h3{color: #167ED4;}

.newsDetail>div{text-align: center;}
.newsDetail>div img{width:50%; margin:-20px 30px 20px; float: left; }
.newsDetail>div {line-height: 2; color: #888; margin:10px 0; text-align: left; font-size:.23rem;}
.newsDetailtop h2{color: #666; text-align: center;font-size:.3rem;}
.newsDetailtop p{color: #888; text-align: center;}
.nePg {width:100%;}
.pad5{padding:.5rem;}

.pageSelect { position: relative; height: 74px; margin: 0 2%;}
.pageSelect em { position: absolute; left: 0; top: 0; line-height: 74px; color: #8a8a8a;}
.pageSelect em b { font-weight: normal; color: #f23e47;}
.pageSelect .pageWrap { text-align: center; padding-top: 21px;}
.pageSelect .pageWrap a { display: inline-block; width: 41px; height: 33px;border: 1px solid #e6e6e6; text-align: center; color: #919191; line-height: 33px; margin: 0 3px; background: #fff;}
.pageSelect .pageWrap span.pagenumb {display: inline-block; width: 41px; height: 33px;border: 1px solid #e6e6e6; text-align: center; color: #919191; line-height: 33px; margin: 0 3px; background: #fff;}
.pageSelect .pageWrap span.cur {background: #81848b; color: #fff; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;} 
.pageSelect .pageWrap .pageindex i  { cursor: pointer;}
.pageSelect .pageWrap a i { cursor: pointer;}
.pageSelect .pageWrap a.cur ,.pageSelect .pageWrap a:hover { background: #81848b; color: #fff; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}
.pageSelect .pageWrap a i.ico-pre { display: block; width: 8px; height: 33px; background: url(/admini/images/ico_fabu_page.png) no-repeat 0 10px; margin: 0 auto; }
.pageSelect .pageWrap a i.ico-next { display: block; width: 8px; height: 33px; background: url(/admini/images/ico_fabu_page.png) no-repeat 0 -29px; margin: 0 auto;}

.pageSelect .pageWrap .current  { background: #81848b; color: #fff; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}

.pageSelect .pageWrap .pageindex { color: #8a8a8a; display: block; width: 41px; height: 33px;border: 1px solid #e6e6e6; text-align: center; color: #919191; line-height: 33px; margin: 0 3px; background: #fff;}