@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; border:none; font-style:normal; font-family:"Microsoft YaHei"; list-style-type:none;}
a{ color:#393939; text-decoration:none;}
a:hover{ text-decoration:none;}
html{ height:100%; margin:0 auto;}
body{ margin:0 auto; min-width:320px; background:#F6F6F6;}
body.white{ background:#FFF;}

select{ 
	padding-left:.6rem !important;
	padding-right:2.5rem !important; 
	appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url("../../img/wap/select_box.png") no-repeat right center transparent;
}




a.return{ width:3rem; height:3rem; float:left; position:fixed; left:.8rem; top:.8rem; z-index:9; background:rgba(0, 0, 0, 0.6) url(../../img/wap/return.png) center no-repeat; background-size:auto 1.6rem; border-radius:100%;}


/* 底部导航 ---------------*/
footer{ height:6rem; float:left; position:fixed; bottom:0; left:0; right:0; z-index:9; align-items:center; display:flex !important; background:#FFF; box-shadow:0 0 .6rem 0 rgba(0,0,0,0.20);}
footer a{ width:25%; height:4.5rem; float:left; color:#898989; line-height:2rem; font-size:1.2rem; text-align:center; padding:2.5rem 0 0 0;}
footer a:nth-child(1){ background:url(../../img/wap/footer_box01.png) center .2rem no-repeat; background-size:auto 2rem;}
footer a:nth-child(2){ background:url(../../img/wap/footer_box02.png) center .2rem no-repeat; background-size:auto 2rem;}
footer a:nth-child(3){ background:url(../../img/wap/footer_box03.png) center .2rem no-repeat; background-size:auto 2rem;}
footer a:nth-child(4){ background:url(../../img/wap/footer_box04.png) center .2rem no-repeat; background-size:auto 2rem;}
footer a.show:nth-child(1){ color:#0C7AE2; background:url(../../img/wap/footer_box01_show.png) center .2rem no-repeat; background-size:auto 2rem;}
footer a.show:nth-child(2){ color:#0C7AE2; background:url(../../img/wap/footer_box02_show.png) center .2rem no-repeat; background-size:auto 2rem;}
footer a.show:nth-child(3){ color:#0C7AE2; background:url(../../img/wap/footer_box03_show.png) center .2rem no-repeat; background-size:auto 2rem;}
footer a.show:nth-child(4){ color:#0C7AE2; background:url(../../img/wap/footer_box04_show.png) center .2rem no-repeat; background-size:auto 2rem;}

.seat{ width:100%; height:6rem; float:left;}


/* BANNER --------------- */
section.banner{ width:100%; height:28rem; float:left; overflow:hidden; position:relative; z-index:1; background:#FFF;}
section.banner ul{ width:100%; float:left; display:flex !important;}
section.banner ul li{ width:100%; height:25rem; flex-shrink:0; align-items:center; display:flex !important;}
section.banner ul li a{ width:100%; height:25rem; float:left; align-items:center; display:flex !important;}
section.banner ul li img{ width:100%; float:left;}
section.banner .circle{ width:100%; float:left; display:flex !important; align-items:center; justify-content:center; position:absolute; bottom:6rem; left:0; z-index:1;}
section.banner .circle em{ width:2rem; height:0.6rem; float:left; margin:0 0.5rem; background:rgba(0,0,0,0.48);}
section.banner .circle em.swiper-pagination-bullet-active{ background:#0C7AE2;}


/* 栏目*物流查询 --------------- 
.owner{ width:calc(100% - 2rem); float:left; margin:0 1rem 1rem 1rem; position:relative; z-index:2; background:#FFF; padding:10.5rem 0 0 0; box-shadow:0.2rem 0.2rem 0.4rem rgba(0,0,0,0.06);}
.owner .check{ float:left; position:absolute; top:-5rem; left:0; right:0; z-index:1;}
.owner .check .trade{ width:100%; height:4rem; float:left; margin:1rem 0 0 0; position:relative; background:#F2F2F2; border-radius:0.4rem 0.4rem 0 0;}
.owner .check .trade a{ width:50%; height:4rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.4rem; color:#686868;}
.owner .check .trade a:nth-child(1){ float:left; overflow:hidden; border-radius:0.4rem 0 0 0;}
.owner .check .trade a:nth-child(2){ float:right; overflow:hidden; border-radius:0 0.4rem 0 0;}
.owner .check .trade a:nth-child(1).show{ height:5rem; padding:1rem 0.6rem 0 0; color:#0C7AE2; font-size:1.6rem; position:absolute; top:-1rem; left:0; z-index:1; background:url(../../img/wap/trade_left.png) right no-repeat; background-size:auto 100%;}
.owner .check .trade a:nth-child(2).show{ height:5rem; padding:1rem 0 0 0.6rem; color:#0C7AE2; font-size:1.6rem; position:absolute; top:-1rem; right:0; z-index:1; background:url(../../img/wap/trade_right.png) left no-repeat; background-size:auto 100%;}
.owner .check .trade a:nth-child(1).show::before{ content:''; position:absolute; top:0; bottom:0; left:0; right:2rem; z-index:-1; background:#FFF;}
.owner .check .trade a:nth-child(2).show::before{ content:''; position:absolute; top:0; bottom:0; right:0; left:2rem; z-index:-1; background:#FFF;}
.owner .check .sbox{ width:100%; float:left; box-sizing:border-box; padding:0 1.5rem 1.5rem 1.5rem; background:#FFF;}
.owner .check .sbox .bti{ width:100%; height:6rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.4rem; background:#FFF;}
.owner .check .sbox .bti i{ height:6rem; float:left; position:relative; align-items:center; display:flex !important; color:#686868;}
.owner .check .sbox .bti i::before{ content:''; width:4rem; height:1px; margin:auto; position:absolute; top:0; bottom:0; left:-5rem; opacity:0.2; background:#000;}
.owner .check .sbox .bti i::after{ content:''; width:4rem; height:1px; margin:auto; position:absolute; top:0; bottom:0; right:-5rem; opacity:0.2; background:#000;}
.owner .check .sbox .query{ width:100%; float:left; position:relative; z-index:1;}
.owner .check .sbox .query::before{ content:''; height:2rem; float:left; position:absolute; bottom:-0.6rem; left:1.5rem; right:1.5rem; z-index:-1; border-radius:0.6rem; background:rgba(0,0,0,0.28); -webkit-filter:blur(0.8rem); -moz-filter:blur(0.8rem); -ms-filter:blur(0.8rem); filter:blur(0.8rem);}
.owner .check .sbox .query input{ width:calc(100% - 8.8rem); height:4rem; float:left; box-sizing:border-box; padding:0 1.5rem; font-size:1.2rem; background:#FFF; border-radius:0.4rem 0 0 0.4rem; border-left:2px solid #FFD64F; border-top:2px solid #FFD64F; border-bottom:2px solid #FFD64F;}
.owner .check .sbox .query a{ width:8.8rem; height:4rem; float:left; align-items:center; display:flex !important; justify-content:center; font-weight:bold; font-size:1.4rem; background:#FFD64F; border-radius:0 0.4rem 0.4rem 0;}


.owner nav.column{ width:100%; float:left; box-sizing:border-box; padding:1.5rem 1.5rem 0 1.5rem;}
.owner nav.column .list{ width:50%; height:6rem; float:left; text-align:center; border-top:1px dashed #E9E9E9;}
.owner nav.column .list:nth-of-type(odd){ border-right:1px dashed #E9E9E9;}

.owner nav.column span a{ height:6rem; display:inline-block; line-height:6rem; font-size:1.4rem; padding:0 0 0 3.2rem; font-weight:600;}
.owner nav.column span:nth-child(1) a{ background:url(../../img/wap/column_01.png) left center no-repeat; background-size:auto 2.2rem;}
.owner nav.column span:nth-child(2) a{ background:url(../../img/wap/column_02.png) left center no-repeat; background-size:auto 2.2rem;}
.owner nav.column span:nth-child(3) a{ background:url(../../img/wap/column_03.png) left center no-repeat; background-size:auto 2.2rem;}
.owner nav.column span:nth-child(4) a{ background:url(../../img/wap/column_04.png) left center no-repeat; background-size:auto 2.2rem;}
.owner nav.column span:nth-child(5) a{ background:url(../../img/wap/column_05.png) left center no-repeat; background-size:auto 2.2rem;}
.owner nav.column span:nth-child(6) a{ background:url(../../img/wap/column_06.png) left center no-repeat; background-size:auto 2.2rem;}
.owner nav.column span:nth-child(7) a{ background:url(../../img/wap/column_07.png) left center no-repeat; background-size:auto 2.2rem;}
.owner nav.column span:nth-child(8) a{ background:url(../../img/wap/column_08.png) left center no-repeat; background-size:auto 2.2rem;}
*/
.owner nav.column{ width:100%; float:left; padding:2rem 0 1rem 0;}
.owner nav.column a{ width:25%; float:left; height:8.5rem; font-size:1.2rem; padding:4rem 0 1.5rem 0; align-items:center; display:flex !important; justify-content:center;}
.owner nav.column a:nth-child(1){ background:url(../../img/wap/column_01.png) center top no-repeat; background-size:auto 4rem;}
.owner nav.column a:nth-child(2){ background:url(../../img/wap/column_02.png) center top no-repeat; background-size:auto 4rem;}
.owner nav.column a:nth-child(3){ background:url(../../img/wap/column_03.png) center top no-repeat; background-size:auto 4rem;}
.owner nav.column a:nth-child(4){ background:url(../../img/wap/column_04.png) center top no-repeat; background-size:auto 4rem;}
.owner nav.column a:nth-child(5){ background:url(../../img/wap/column_05.png) center top no-repeat; background-size:auto 4rem;}
.owner nav.column a:nth-child(6){ background:url(../../img/wap/column_06.png) center top no-repeat; background-size:auto 4rem;}
.owner nav.column a:nth-child(7){ background:url(../../img/wap/column_07.png) center top no-repeat; background-size:auto 4rem;}
.owner nav.column a:nth-child(8){ background:url(../../img/wap/column_08.png) center top no-repeat; background-size:auto 4rem;}




.owner{ width:calc(100% - 2rem); float:left; margin:0 1rem 1rem 1rem; position:relative; z-index:2; background:#FFF; box-shadow:0.2rem 0.2rem 0.4rem rgba(0,0,0,0.06);}
.owner .bt{ width:100%; height:4.6rem; float:left; position:absolute; top:-4.6rem; left:0; right:0; align-items:center; display:flex; justify-content:center; background:#F2F2F2; border-radius:.5rem .5rem 0 0;}
.owner .bt i{ height:4.6rem; float:left; line-height:4.6rem; font-size:1.6rem; font-weight:bold; position:relative;}
.owner .bt i::before{ content:''; width:4rem; height:1px; margin:auto; position:absolute; top:0; bottom:0; left:-5rem; opacity:0.46; background:#333;}
.owner .bt i::after{ content:''; width:4rem; height:1px; margin:auto; position:absolute; top:0; bottom:0; right:-5rem; opacity:0.46; background:#333;}
.owner .sbox{ width:100%; float:left; /*box-sizing:border-box; padding:0 1.5rem;*/}
.owner .sbox .list{ width:calc(100% - 3rem); float:left; margin:0 1.5rem; background:#FFF; border-bottom:1px solid #F0F0F0;}
.owner .sbox .list u{ width:9rem; height:5rem; float:left; line-height:5rem; font-size:1.4rem; color:#686868; text-decoration:none;}
.owner .sbox .list .fill{ width:calc(100% - 9rem); float:right; position:relative;}
.owner .sbox .list .fill select{ width:100%; height:5rem; float:left; font-size:1.4rem;}
.owner .sbox .list .fill input{ width:100%; height:5rem; float:left; box-sizing:border-box; padding:0 0 0 1rem; font-size:1.4rem;}
.owner .sbox .list .fill select{ background:url("../../img/wap/more_box.png") no-repeat right center transparent; background-size:1rem auto;}

.owner .sbox .cargo{ width:100%; float:left;}
.owner .sbox .cargo i{ width:100%; height:5rem; float:left; line-height:5rem; text-align:center;
	font-size:1.4rem; color:#686868; text-decoration:none;
	background:#F8F8F8; 
}
.owner .sbox .cargo .fill{ width:calc(100% - 3rem); float:left; box-sizing:border-box; margin:0 1.5rem; 
	padding:0 3.5rem 0 0; 
	position:relative; border-bottom:1px solid #F0F0F0;
}
.owner .sbox .cargo .fill input{ height:2rem; float:left; box-sizing:border-box; margin:1.5rem 0; line-height:2rem; font-size:1.4rem;}
.owner .sbox .cargo .fill input:nth-child(1){ width:50%;}
.owner .sbox .cargo .fill input:nth-child(2){ width:25%; text-align:center; border-left:1px dashed #D7D7D7;}
.owner .sbox .cargo .fill input:nth-child(3){ width:25%; text-align:center; border-left:1px dashed #D7D7D7;}


.owner .sbox .cargo .fill a{ height:5rem; float:left; line-height:5rem; font-size:1.2rem; 
	position:absolute; top:0; bottom:0; right:0;
	box-sizing:border-box;
}
.owner .sbox .cargo .fill a.add{ color:#0C7AE2;}
.owner .sbox .cargo .fill a.out{ color:#FF5300;}





.owner .sbox .list .fill .tist{ width:100%; float:left; position:relative; border-top:1px solid #F0F0F0;}
.owner .sbox .list .fill .tist:nth-child(1){ border:0;}

.owner .button{ width:100%; float:left; box-sizing:border-box; padding:1.5rem 1.5rem 2rem 1.5rem;}
.owner .button a{ width:100%; height:4rem; float:left; line-height:4rem; color:#FFF; font-weight:bold; font-size:1.4rem; text-align:center; background:#0C7AE2; border-radius:.2rem; box-shadow:0.3rem 0.3rem 0.8rem rgba(12,122,226,0.46);}


.warehouse{ width:calc(100% - 2rem); float:left; position:relative; margin:0 1rem 1rem 1rem; box-sizing:border-box; padding:1rem 1.5rem 1.5rem 1.5rem; background:#FFF; box-shadow:0.2rem 0.2rem 0.4rem rgba(0,0,0,0.04);}
.warehouse h3{ width:calc(100% - 7em); height:3.6rem; float:left; line-height:3.6rem; font-size:1.6rem; font-weight:bold; margin:0;}


.warehouse .ouse{ width:100%; float:left; padding:.5rem 0 .7rem 0; margin:0 0 .7rem 0; border-bottom:1px dashed #D7D7D7;}
.warehouse .ouse i{ height:3rem; float:left; line-height:3rem; font-size:1.4rem; margin:0 2rem 0 0;}
.warehouse p{ width:100%; float:left; box-sizing:border-box; font-size:1.4rem; line-height:1.6em; text-align:justify; color:#666; margin:.2rem 0;}

.warehouse .button{ width:100%; float:left; padding:1rem 0 0 0;}
.warehouse .button .fuzi{ width:calc(50% - .5rem); height:2.6rem; float:left; align-items:center; display:flex; justify-content:center; font-size:1.2rem; color:#FFF; background:#0C7AE2; border-radius:.4rem;}
.warehouse .button .more{ width:calc(50% - .5rem); height:2.6rem; float:right; align-items:center; display:flex; justify-content:center; font-size:1.2rem; color:#0C7AE2; 
	border:1px solid #0C7AE2;
	border-radius:.4rem;
}





.matter{ width:calc(100% - 2rem); float:left; margin:0 1rem 1rem 1rem; background:#FFF; box-shadow:0.2rem 0.2rem 0.4rem rgba(0,0,0,0.04);} 
.matter .title{ width:100%; float:left; position:relative; border-bottom:1px dashed #E5E5E5;
	/*
	background:-webkit-gradient(linear, left top, right top, from(#7DABF6), to(#0C7AE2)); 
	background:-o-linear-gradient(left, #7DABF6, #0C7AE2); 
	background:linear-gradient(to right, #7DABF6, #0C7AE2); 
	background-color:#0C7AE2\9\0;
	*/
}
.matter .title em{ width:100%; height:1.8rem; float:left; align-items:center; display:flex !important; justify-content:center; margin:2rem 0 .5rem 0; font-size:1.6rem; font-family:arial; text-transform:uppercase; opacity:0.46; color:#333;}
.matter .title h3{ width:100%; height:2.4rem; float:left; margin:0 0 2rem 0; position:relative; align-items:center; display:flex !important; justify-content:center;}
.matter .title h3 i{ height:2.4rem; float:left; position:relative; align-items:center; display:flex !important; font-size:1.8rem; color:#333;}
.matter .title h3 i::before{ content:''; width:4rem; height:1px; margin:auto; position:absolute; top:0; bottom:0; left:-5rem; opacity:0.46; background:#333;}
.matter .title h3 i::after{ content:''; width:4rem; height:1px; margin:auto; position:absolute; top:0; bottom:0; right:-5rem; opacity:0.46; background:#333;}
.matter .main{ width:100%; float:left; box-sizing:border-box; padding:.5rem 1.5rem; background:#FFF; /*box-shadow:0.2rem 0.2rem 0.4rem rgba(0,0,0,0.06);*/}
.matter .main a{ width:100%; height:5rem; float:left; box-sizing:border-box; padding:0 0 0 1.5rem; align-items:center; display:flex !important; font-size:1.4rem; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #F2F2F2;}
.matter .main a:nth-child(1){ border:0;}
.matter .main a::before{ content:''; width:.6rem; height:.6rem; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#D2D2D2; border-radius:100%;}

.matter .new_main{ width:100%; float:left; box-sizing:border-box; padding:0 1.5rem;}
.matter .new_main .list{ width:100%; float:left; box-sizing:border-box; padding:1.5rem 0 1.5rem 0; border-top:1px solid #F0F0F0;}
.matter .new_main .list:nth-child(1){ border:0;}
.matter .new_main .list .npic{ width:12rem; height:7.6rem; float:left; align-items:center; display:flex !important; overflow:hidden;}
.matter .new_main .list .npic img{ width:100%; float:left; }
.matter .new_main .list .sbox{ display:block; overflow:hidden; padding:0 0 0 1rem;}
.matter .new_main .list .sbox h5{ width:100%; height:3rem; float:left; line-height:3rem; font-size:1.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0;}
.matter .new_main .list .sbox p{ width:100%; height:4rem; float:left; line-height:2rem; margin:.6rem 0 0 0; font-size:1.2rem; color:#686868; text-align:justify; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}



/* 我的 --------------- */
.user{ width:100%; float:left; position:relative;}
.user::before{ content:''; width:100%; height:calc(100% + 1rem); float:left; position:absolute; top:0; left:0; right:0; z-index:-1; background:url(../../img/wap/user_card.png) center top no-repeat; background-size:100% auto;}
.user .user_box{ width:100%; float:right; box-sizing:border-box; padding:3rem 1.5rem 2rem 1.5rem; border-bottom:1px dashed rgba(255,255,255,0.2);}
.user .user_box .npic{ width:6rem; height:6rem; float:left; overflow:hidden; border-radius:100%; border:0.2rem solid #FFF; box-shadow:0 0 1rem rgba(0,0,0,0.16);}
.user .user_box .npic img{ width:100%; height:100%; float:left; border-radius:100%;}
.user .user_box .name{ height:6rem; display:block; overflow:hidden; padding:.2rem 1rem; position:relative;}
.user .user_box .name p{ width:calc(100% - 5rem); height:3.6rem; float:left; color:#FFF; margin:0; align-items:center; display:flex !important; font-size:1.6rem; font-weight:bold;}
.user .user_box .name a{ height:3.6rem; float:left; line-height:3.6rem; font-size:1.4rem; color:#FFF; padding:0 0 0 2.4rem; position:absolute; top:0.2rem; right:0; background:url(../../img/wap/sezi.png) left no-repeat; background-size:auto 1.2rem;}
.user .user_box .name .minc{ width:100%; height:2.4rem; float:left;}
.user .user_box .name .minc i{ height:2.4rem; float:left; align-items:center; display:flex !important; font-size:1.2rem; padding:0 1rem 0 0; color:#FFF;}
.user .user_box .name .minc u{ height:2.4rem; float:left; align-items:center; display:flex !important; font-size:1.2rem; padding:0 1rem; color:#FFF; text-decoration:none; position:relative; margin:0 0 0 1px;}
.user .user_box .name .minc u::before{ content:''; width:1px; height:1.4rem; float:left; margin:auto; position:absolute; top:0; bottom:0; left:-1px; background:#FFF; opacity:0.6;}

.user .user_card{ width:100%; float:left; box-sizing:border-box; padding:1.5rem 0; overflow:hidden;}
.user .user_card .list{ width:33.33%; float:left; position:relative;}
.user .user_card .list::before{ content:''; width:1px; float:left; margin:auto; position:absolute; top:.6rem; bottom:.2rem; left:-1px; border-left:1px solid rgba(255,255,255,0.2);}
.user .user_card .list b{ width:100%; height:3rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.8rem; color:#FFF;}
.user .user_card .list i{ width:100%; height:2rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.2rem; color:#FFF;}

section.user_main{ width:100%; float:left; background:#FFF; border-radius:1rem 1rem 0 0;}
section.user_main .user_main_box{ width:100%; float:left; padding:0 0 1rem 0; border-bottom:1rem solid #F8F8F8;}
section.user_main .user_main_box .bt{ width:100%; height:8rem; float:left; box-sizing:border-box; padding:2rem; align-items:center; display:flex !important; justify-content:center; font-size:1.4rem;}
section.user_main .user_main_box .bt i{ height:4rem; float:left; align-items:center; display:flex !important; position:relative;}
section.user_main .user_main_box .bt i::before{ content:''; width:5rem; height:1px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:-6rem; background:#9A9A9A;}
section.user_main .user_main_box .bt i::after{ content:''; width:5rem; height:1px; float:left; margin:auto; position:absolute; top:0; bottom:0; right:-6rem; background:#9A9A9A;}
section.user_main .user_main_box a{ width:33.333%; height:8.5rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.4rem; padding:4rem 0 1.5rem 0;}
section.user_main .user_main_box a.a01{ background:url(../../img/wap/order_icon_01.png) top no-repeat; background-size:3.8rem auto;}
section.user_main .user_main_box a.a02{ background:url(../../img/wap/order_icon_02.png) top no-repeat; background-size:3.8rem auto;}
section.user_main .user_main_box a.a03{ background:url(../../img/wap/order_icon_03.png) top no-repeat; background-size:3.8rem auto;}
section.user_main .user_main_box a.a04{ background:url(../../img/wap/order_icon_04.png) top no-repeat; background-size:3.8rem auto;}
section.user_main .user_main_box a.a05{ background:url(../../img/wap/order_icon_05.png) top no-repeat; background-size:3.8rem auto;}
section.user_main .user_main_box a.a06{ background:url(../../img/wap/order_icon_06.png) top no-repeat; background-size:3.8rem auto;}

section.user_main .user_main_list{ width:100%; float:left; box-sizing:border-box;}
section.user_main .user_main_list .sbox{ width:100%; float:left; padding:.5rem 2rem .5rem 2rem; border-bottom:1px dashed #E5E5E5;}

section.user_main .user_main_list a{ width:100%; float:left; position:relative; box-sizing:border-box; padding:0 0 0 4rem;}
section.user_main .user_main_list a i{ width:100%; height:5rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; background:url(../../img/wap/more.png) right no-repeat; background-size:auto 1.2rem;}
section.user_main .user_main_list a u{ width:1.6rem; height:1.6rem; float:left; font-size:1rem; color:#686868; position:absolute; right:2.8rem; top:0; bottom:0; margin:auto; align-items:center; display:flex !important; justify-content:center; color:#FFF; border-radius:100%; text-decoration:none; background:#FF5300;}
section.user_main .user_main_list a em{ height:5rem; float:left; font-size:1.2rem; color:#686868; position:absolute; right:2.8rem; top:0; align-items:center; display:flex !important;}
section.user_main .user_main_list a.a01{ background:url(../../img/wap/icon_01.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a02{ background:url(../../img/wap/icon_02.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a03{ background:url(../../img/wap/icon_03.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a04{ background:url(../../img/wap/icon_04.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a05{ background:url(../../img/wap/icon_05.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a06{ background:url(../../img/wap/icon_06.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a07{ background:url(../../img/wap/icon_07.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a08{ background:url(../../img/wap/icon_08.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a09{ background:url(../../img/wap/icon_09.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a10{ background:url(../../img/wap/icon_10.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a11{ background:url(../../img/wap/icon_11.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a12{ background:url(../../img/wap/icon_12.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a13{ background:url(../../img/wap/icon_13.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a14{ background:url(../../img/wap/icon_14.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a15{ background:url(../../img/wap/icon_15.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a16{ background:url(../../img/wap/icon_16.png) left no-repeat; background-size:auto 2rem;}
section.user_main .user_main_list a.a17{ background:url(../../img/wap/icon_17.png) left no-repeat; background-size:auto 2rem;}

section.user_main .button{ width:100%; float:left; box-sizing:border-box; padding:2rem 4rem; background:#FFF;}
section.user_main .button a{ width:100%; height:4rem; float:left; line-height:4rem; color:#FFF; font-size:1.4rem; text-align:center; background:#0C7AE2; border-radius:2rem; box-shadow:.3rem .3rem .8rem rgba(12,122,226,0.46);}







section.word{ width:100%; float:left; box-sizing:border-box; padding:0 1.5rem; background:#FFF;}
section.word .list{ width:100%; float:left; border-top:1px solid #F0F0F0;}
section.word .list:nth-child(1){ border:0; }
section.word .list .npic{ width:2rem; height:2rem; float:left; margin:1.5rem 0; border-radius:.2rem; overflow:hidden; }
section.word .list .npic img{ height:2rem; float:left;}
section.word .list u{ height:5rem; float:left; line-height:5rem; padding:0 0 0 1.5rem; font-size:1.4rem; text-decoration:none;}
section.word .list b{ width:2rem; height:2rem; float:right; margin:1.5rem 0; box-sizing:border-box; border-radius:100%; background:url(../../img/wap/ose.png) center no-repeat; background-size:auto 100%;}
section.word .list.show b{ background:url(../../img/wap/ose_show.png) center no-repeat; background-size:auto 100%;}


section.sutton{ float:left; position:fixed; bottom:1.5rem; left:1.5rem; right:1.5rem; text-align:center;}
section.sutton a{ width:100%; height:4rem; float:left; line-height:4rem; color:#FFF; font-size:1.4rem; text-align:center; background:#0C7AE2; border-radius:.2rem; box-shadow:.3rem .3rem .8rem rgba(12,122,226,0.46);}
section.sutton a i{ height:4rem; display:inline-block; line-height:4rem; color:#FFF; font-size:1.4rem; padding:0 0 0 2rem; background:url(../../img/wap/add.png) left no-repeat; background-size:auto 1.2rem; }



section.stab{ width:100%; height:5rem; float:left; position:fixed; top:0; left:0; right:0; z-index:9; box-sizing:border-box; background:#FFF;}
section.stab::before{ content:''; height:1px; position:absolute; bottom:0; left:1rem; right:1rem; background:#F0F0F0;}
section.stab a{ width:auto; height:5rem; float:left; box-sizing:border-box; padding:0 1.5rem; align-items:center; display:flex !important; justify-content:center; font-size:1.4rem; position:relative;}
section.stab a i{ height:5rem; float:left; align-items:center; display:flex !important;}
section.stab a.show i{ position:relative; color:#0C7AE2;}
section.stab a.show i::before{ content:''; height:.2rem; float:left; position:absolute; bottom:0; left:0; right:0; background:#0C7AE2;}


/* 筛选条件 --------------- */
section.term{ width:100%; float:left; position:fixed; top:0; left:0; right:0; z-index:8; box-sizing:border-box; padding:1rem 1rem; margin:5rem 0 0 0; background:#FFF; box-shadow:0 0 0.8rem rgba(0,0,0,0.12); }
section.term.edit{ margin:0; }
section.term select{ width:28%; height:3.2rem; float:left; box-sizing:border-box; padding:.5rem 0; font-size:1.2rem; border-radius:0.4rem; border:1px solid #D7D7D7; background-color:#FFF;}
section.term input{ width:calc(52% - 1rem); height:3.2rem; float:left; margin:0 0 0 1rem; font-size:1.2rem; box-sizing:border-box; padding:.8rem 1rem; border-radius:0.4rem 0 0 0.4rem; border:1px solid #D7D7D7; border-right:0;}
section.term a{ width:20%; height:3.2rem; float:left; padding:.8rem 0; align-items:center; display:flex !important; justify-content:center; font-size:1.4rem; background:#FFD64F; border-radius:0 .4rem .4rem 0;}


/* 列表 --------------- */
section.order{ width:100%; float:left; box-sizing:border-box; padding:10.2rem 1rem 7rem 1rem;}
section.order.edit{ padding:5.2rem 1rem 7rem 1rem;}
section.order.c{ padding:4.5rem 1rem 1.5rem 1rem; }
section.order.m{ padding:0 1rem 1.5rem 1rem; }

section.order .list{ width:100%; float:left; box-sizing:border-box; margin:1.5rem 0 0 0; background:#FFF; border-radius:.4rem; box-shadow:0.6rem 0.6rem 0.6rem rgba(0,0,0,0.08);}
section.order .list .lead{ width:calc(100% - 3rem); float:right; margin:0 1.5rem; border-bottom:1px dashed #E7E7E7;}
section.order .list .lead i{ height:4rem; float:left; font-size:1.4rem; align-items:center; display:flex !important;}
section.order .list .lead u{ height:4rem; float:right; font-size:1.4rem; align-items:center; display:flex !important; text-decoration:none;}

section.order .list .sbox{ width:100%; float:left; box-sizing:border-box; padding:1rem 0 1rem 1.5rem;}
section.order .list .sbox .clist{ width:100%; float:left; box-sizing:border-box; padding:0 1.5rem 0 0;}
section.order .list .sbox .clist.w5{ width:50%;}
section.order .list .sbox .clist i{ width:7.4rem; height:3rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; color:#686868;}
section.order .list .sbox .clist u{ display:block; overflow:hidden; line-height:2rem; font-size:1.4rem; padding:.5rem 0; text-align:justify; text-decoration:none;}
section.order .list .sbox .clist img{ width:100%; float:left; }

section.order .list .button{ width:calc(100% - 3rem); float:left; position:relative; box-sizing:border-box; padding:1rem 0 1.5rem 0;/* margin:0 1.5rem;*/ border-top:1px solid #F0F0F0;}
section.order .list .button .picker{ height:3.2rem; float:left; position:absolute; top:1rem;padding-left: 1.5rem; bottom:1.5rem; left:0;}
section.order .list .button .picker i{ height:3.2rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; padding:0 0 0 1rem;}
section.order .list .button .picker u{ width:2rem; height:2rem; float:left; margin:.6rem 0;	border-radius:100%; background:url(../../img/wap/ose.png) center no-repeat; background-size:100% auto;}
section.order .list .button .picker.show u{ background:url(../../img/wap/ose_show.png) center no-repeat; background-size:100% auto;}

section.order .list .button .mue{ float:right;}
section.order .list .button .but{ height:3.2rem; float:left; box-sizing:border-box; align-items:center; display:flex !important; justify-content:center; margin:0 0 0 .6rem; font-size:1.2rem; color:#FFF; padding:.6rem 1rem; border-radius:.2rem;}
section.order .list .button .but.green{ background:#2BAB7E;}
section.order .list .button .but.gules{ background:#FF5300;}
section.order .list .button .but.violet{ background:#4D30B2;}
section.order .list .button .but.blue{ background:#469DF1;}
section.order .list .button .but.ash{ background:#8C8C8C;}

section.pack{ height:5.5rem; float:left; overflow:hidden; position:fixed; bottom:0; left:0; right:0; background:#FFF; box-shadow:.3rem .3rem .8rem rgba(12,122,226,0.46); border-radius:.2rem;}
section.pack .picker{ height:5.5rem; float:left; position:relative; padding:0 1rem 0 1.5rem; align-items:center; display:flex !important;}
section.pack .picker::before{ content:''; height:3rem; float:left; margin:auto; position:absolute; top:0; bottom:0; right:0; border-right:1px dashed rgba(0,0,0,0.1);}
section.pack .picker i{ height:5rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; padding:0 0 0 1rem;}
section.pack .picker u{ width:2rem; height:2rem; float:left; border-radius:100%; background:url(../../img/wap/ose.png) center no-repeat; background-size:100% auto;}
section.pack .picker.show u{ background:url(../../img/wap/ose_show.png) center no-repeat; background-size:100% auto;}
section.pack .total{ width:13rem; float:left; box-sizing:border-box; padding:1rem 0 .9rem 1rem;}
section.pack .total i{ width:50%; height:1.8rem; float:left; align-items:center; display:flex !important; font-size:1.2rem; color:#686868;}
section.pack .total u{ width:100%; height:1.8rem; float:left; align-items:center; display:flex !important; font-size:1.2rem; color:#686868; text-decoration:none;}
section.pack a{ height:5.5rem; float:right;
	display:flex !important; align-items:center; justify-content:center;
	background:-webkit-gradient(linear, left top, right top, from(#0C7AE2), to(#7DABF6)); 
	background:-o-linear-gradient(left, #0C7AE2, #7DABF6); 
	background:linear-gradient(to right, #0C7AE2, #7DABF6); 
	background-color:#0C7AE2\9\0;
}
section.pack a::before{ content:''; width:3rem; height:5.5rem; float:left; background:url(../../img/wap/cu_box.png) center no-repeat; background-size:1.8rem auto;}
section.pack a i{ height:5.5rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; font-weight:bold; color:#FFF;}


/* 包裹详情 --------------- */
section.details{ width:100%; float:left;}
section.details .bt{ width:100%; height:5rem; float:left; box-sizing:border-box; padding:0 1rem; position:relative;}
section.details .bt::before{ content:''; width:2px; margin:auto; position:absolute; bottom:0; top:0; left:0; background:#0C7AE2;}
section.details .bt i{ height:5rem; float:left; align-items:center; display:flex !important; position:relative; font-size:1.6rem; color:#0C7AE2; font-weight:bold; padding:0 2rem 0 0;}
section.details .bt i::after{ content:''; width:20rem; height:1px; float:left; margin:auto; position:absolute; top:0; bottom:0; right:-20rem; background:#E7E7E7;}
section.details .info_box{ width:100%; float:left; box-sizing:border-box; padding:0.5rem 1rem; margin:0; background:#FFF; }
section.details .info_box li{ width:100%; float:left; padding:.6rem 0; border-top:1px solid #F0F0F0;}
section.details .info_box li:nth-child(1){ border:0;}
section.details .info_box li u{ width:8.6rem; height:3rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; text-decoration:none;}
section.details .info_box li i{ display:block; overflow:hidden; font-size:1.4rem; line-height:2.4rem; padding:.3rem 0 .3rem 1rem; text-align:justify;}
section.details .rema{ width:100%; float:left;}
section.details .rema .mc{ width:100%; float:left; box-sizing:border-box; padding:1rem; background:#FFF;}
section.details .rema .mc textarea{ width:100%; height:8rem; float:left; box-sizing:border-box; padding:.6rem 1rem; font-size:1.4rem; background:#F5F5F5; border-radius:.4rem;}

section.details .info_pic{ width:100%; float:left; box-sizing:border-box; padding:0.5rem 1rem 0.5rem 0; background:#FFF;}
section.details .info_pic li{ width:calc(50% - 1rem); height:17rem; float:left; margin:.5rem 0 .5rem 1rem; overflow:hidden; display:flex; align-items:center; justify-content:center; box-sizing:border-box; border:1px solid #F0F0F0;}
section.details .info_pic li img{ max-width:100%; max-height:100%; float:left;}




section.form{ width:100%; float:left;}
section.form.c{ padding:6rem 0 0 0;}

section.form .tips{ width:100%; height:5rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.4rem; margin:0 0 1rem 0; background:#FFF;}
section.form .tips i{ color:#FF5300;}

section.form .form_box{ width:100%; float:left; box-sizing:border-box; padding:0 1rem; background:#FFF;}
section.form .form_box .list{ width:100%; float:left; border-top:1px solid #F0F0F0;}
section.form .form_box .list:nth-child(1){ border-top:0;}
section.form .form_box .list u{ width:9.2rem; height:4.2rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; color:#686868; text-decoration:none;}
section.form .form_box .list .fill{ width:calc(100% - 9.2rem); float:right; line-height:4.2rem; font-size:1.4rem; text-indent:1rem; position:relative;}
section.form .form_box .list .fill select{ width:100%; height:4.2rem; float:left; font-size:1.4rem;}
section.form .form_box .list .fill input{ width:100%; height:4.2rem; float:left; box-sizing:border-box; padding:0 0 0 1rem; font-size:1.4rem;}
section.form .form_box .list .fill textarea{ width:100%; height:9.8rem; float:left; line-height:2.2rem; padding:1rem 0 1rem 1rem;}
section.form .form_box .list .fill select.xian,
section.form .form_box .list .fill input.xian{ border-left:1px solid #F0F0F0;}
section.form .form_box .list .fill select.x{ border-top:1px solid #F0F0F0;}
section.form .form_box .list .fill input.flex{ width:calc(100% - 3rem); position:absolute; top:0; bottom:0; left:1px; background:#FFF;}
section.form .form_box .list .fill input.w{ width:33.33%; }

section.form .form_box .list .fill .npic{ width:8.1rem; height:8.1rem; float:left; position:relative; align-items:center; display:flex; justify-content:center; margin:1rem 1rem 0 0; background:#F5F5F5;}
section.form .form_box .list .fill .npic:nth-child(3n+3){ margin:1rem 0 0 0;}
section.form .form_box .list .fill .npic img{ max-width:100%; max-height:100%; float:left;}
section.form .form_box .list .fill .npic a{ width:1.8rem; height:1.8rem; position:absolute; top:0; right:0; background:url(../../img/wap/evaluate_delete_red.png) right no-repeat; background-size:auto 100%;}
section.form .form_box .list .fill .npic.add{ margin:1rem 0; background:#F5F5F5 url(../../img/wap/add_box.png) center no-repeat; background-size:auto 4rem;}
section.form .form_box .list .fill .npic.add input{ width:100%; height:100%; opacity:0; font-size:300rem;}

section.form .form_box .bank-top{ width:100%; float:left; box-sizing:border-box; padding:0 1rem; background:#FFF; }


section.form .form_box .bank-box{ width:100%; float:left; padding:0 0 6.2rem 0;}
section.form .form_box .bank-box .list{ width:100%; float:left; margin:1rem 0 0 0; box-sizing:border-box; padding:0 1rem 1.7rem 1rem; background:#FFF; border:0;}
section.form .form_box .bank-box .list h3{ width:100%; float:left; margin:1.7rem 0 0.85rem 0; font-size:1.6rem;}
section.form .form_box .bank-box .list p{ width:100%; height:2rem; float:left; margin:0 0 .5rem 0; line-height:2rem; font-size:1.4rem; color:#686868; }



section.form .goods{ width:100%; float:left; margin:1rem 0; box-sizing:border-box; padding:1rem; background:#FFF;}
section.form .goods p{ width:100%; float:left; padding:1rem 0; line-height:1.6em; margin:0; font-size:1.2rem; color:#E95F58;}
section.form .goods .title{ width:100%; float:left; background:#F6F6F6; border-left:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; border-top:1px solid #F0F0F0;}
section.form .goods .title i{ height:3.4rem; float:left; box-sizing:border-box; padding:0 1rem; align-items:center; display:flex !important; font-size:1.4rem; border-right:1px solid #F0F0F0;}
section.form .goods .title i:nth-child(1){ width:36%;}
section.form .goods .title i:nth-child(2){ width:20%;}
section.form .goods .title i:nth-child(3){ width:25%;}
section.form .goods .title i:nth-child(4){ width:18%;}
section.form .goods .list{ width:100%; float:left; border-bottom:1px solid #F0F0F0; border-left:1px solid #F0F0F0;}
section.form .goods .list span{ height:4.2rem; float:left; box-sizing:border-box; padding:0 1rem; border-right:1px solid #F0F0F0;}
section.form .goods .list span input{ width:100%; height:4.2rem; float:left; font-size:1.2rem;}
section.form .goods .list span:nth-child(1){ width:36%;}
section.form .goods .list span:nth-child(2){ width:20%;}
section.form .goods .list span:nth-child(3){ width:25%;}
section.form .goods .list span:nth-child(4){ width:18%;}
section.form .goods .list span a{ width:100%; height:2.6rem; float:left; font-size:1.2rem; align-items:center; display:flex !important; justify-content:center; color:#FFF; border-radius:.2rem; margin:.8rem 0;}
section.form .goods .list span a.add{ background:#0C7AE2;}
section.form .goods .list span a.cut{ background:#E95F58;}

section.form .rema{ width:100%; float:left; box-sizing:border-box; padding:1rem; background:#FFF; }
section.form .rema .bt{ width:100%; height:2.4rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; margin:0 0 1rem 0;}
section.form .rema textarea{ width:100%; height:8rem; float:left; box-sizing:border-box; padding:.6rem 1rem; font-size:1.4rem; background:#F5F5F5; border-radius:.4rem;}

section.form .info_pic{ width:100%; float:left; box-sizing:border-box; padding:1rem; background:#FFF;}
section.form .info_pic .tile{ width:100%; height:5rem; float:left; box-sizing:border-box; padding:0 1rem; align-items:center; display:flex !important; justify-content:center; margin:0 0 1rem 0;}
section.form .info_pic .tile i{ height:5rem; float:left; align-items:center; display:flex !important; position:relative; font-size:1.6rem; color:#0C7AE2; font-weight:bold; padding:0 2rem 0 0;}
section.form .info_pic .tile i::before{ content:''; width:10rem; height:1px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:10rem; background:#E7E7E7;}
section.form .info_pic .tile i::after{ content:''; width:10rem; height:1px; float:left; margin:auto; position:absolute; top:0; bottom:0; right:10rem; background:#E7E7E7;}
section.form .info_pic .npic{ width:100%; height:35.5rem; float:left; align-items:center; display:flex !important; overflow:hidden;}
section.form .info_pic .npic img{ width:100%; float:left;}

section.form .toux{ width:100%; float:left; box-sizing:border-box; padding:1rem; position:relative; margin:0 0 1rem 0; background:#FFF; }
section.form .toux u{ height:5rem; float:left; line-height:5rem; text-decoration:none; font-size:1.4rem; color:#686868;}
section.form .toux .npic{ width:5rem; height:5rem; float:right; margin:auto; overflow:hidden; position:absolute; top:0; bottom:0; right:1rem; border-radius:100%;}
section.form .toux .npic img{ width:100%; height:100%; float:left;}





/* 提交按钮 --------------- */
div.submit{ width:100%; float:left; position:fixed; bottom:0; right:0;
	box-sizing:border-box; padding:1rem .5rem; align-items:center; display:flex !important; justify-content:center;
}
div.submit a{ width:100%; height:4.2rem; float:left; align-items:center; display:flex !important; justify-content:center; margin:0 .5rem; font-weight:bold; color:#FFF; font-size:1.4rem; background:#2D55AD; border-radius:.2rem;}
div.submit a.add{ background:#2D55AD;}
div.submit a.bat{ background:#1C9E99;}
div.submit a.urn{ background:#8C8C8C;}



section.location{ width:100%; float:left; margin:0 0 1rem 0; background:#FFF url(../../img/wap/site_bg.png) -0.5rem bottom repeat-x; background-size:auto .4rem;}
section.location .add{ width:100%; float:left; padding:1.5rem 0; text-align:center;}
section.location .add p{ width:100%; float:left; line-height:1.6rem; font-size:1.2rem; padding:7.6rem 0 1rem 0; margin:0; background:url(../../img/wap/youhuiju.png) top no-repeat; background-size:auto 6.6rem;}
section.location .add p i{ color:#0C7AE2;}
section.location .site{ width:100%; float:left; box-sizing:border-box; padding:.6rem 1.5rem 1.6rem 1.5rem;}
section.location .site .name{ width:100%; height:3.6rem; float:left; box-sizing:border-box; padding:0 0 0 2.2rem; background:url(../../img/wap/site_icon.png) left no-repeat; background-size:auto 1.4rem;}
section.location .site .name em{ height:3.6rem; float:left; margin:0 2rem 0 0; line-height:3.6rem; font-size:1.4rem; font-weight:bold;}
section.location .site p{ width:100%; float:left; box-sizing:border-box; padding:.2rem 0 .2rem 2.2rem; font-size:1.2rem; line-height:1.6em; margin:0; text-align:justify; color:#666;}


/* 地址管理 --------------- */
main.site{ width:100%; float:left; margin:0 0 5.5rem 0;}
main.site .list{ width:100%; float:left; position:relative; margin:0 0 1rem 0; box-sizing:border-box; padding:1rem 0 1rem 1rem; background:#FFF;}
main.site .list .text{ width:100%; float:left; box-sizing:border-box; padding:0 1rem 1rem 0;}
main.site .list .text .bt{ width:100%; height:3.6rem; float:left;}
main.site .list .text .bt i{ height:3.6rem; float:left; margin:0 3rem 0 0; line-height:3.6rem; font-size:1.4rem; font-weight:bold;}
main.site .list .text .bt u{ height:3.6rem; float:left; line-height:3.6rem; font-size:1.4rem; font-weight:bold; text-decoration:none;}
main.site .list .text .bt a{ height:2.6rem; float:right; line-height:2.6rem; margin:.5rem 0; padding:0 1.3rem; 
	font-size:1.2rem; color:#FFF; background:#0C7AE2;
	border-radius:.4rem;
}

main.site .list .text p{ width:100%; float:left; box-sizing:border-box; font-size:1.4rem; line-height:1.6em; text-align:justify; color:#666; margin:.2rem 0;}
main.site .list .psed{ width:100%; float:left; box-sizing:border-box; padding:1rem 1rem 0 0; position:relative; 
	/*align-items:center; display:flex !important;*/
	border-top:1px dashed #F0F0F0;
}
main.site .list .psed .xuan{ height:3rem; float:left; font-size:1.2rem; padding:0 1.5rem 0 3.6rem; position:absolute; left:0; top:1rem; bottom:0; margin:auto; align-items:center; display:flex !important; background:#F8F8F8; border-radius:1.5rem;}
main.site .list .psed .xuan::before{ content:''; width:1.6rem; height:1.6rem; float:left; margin:auto; position:absolute; top:0; bottom:0; left:1rem; border-radius:100%; background:#FFF url(../../img/wap/ose.png) center no-repeat; background-size:auto 100%;}
main.site .list .psed .xuan.show{ box-sizing:border-box; color:#0C7AE2; background:#FFF; border:1px solid #0C7AE2;}
main.site .list .psed .xuan.show::before{ content:''; background:#FFF url(../../img/wap/ose_show.png) center no-repeat; background-size:auto 100%;}
main.site .list .psed .dizi{ height:3rem; float:right; align-items:center; display:flex !important; box-sizing:border-box; padding:0 1.5rem; margin:0 0 0 1rem; font-size:1.4rem; border-radius:5rem;}
main.site .list .psed .dizi.a01{ color:#2D55AD; border:1px solid #2D55AD;}
main.site .list .psed .dizi.a02{ color:#FF5300; border:1px solid #FF5300;}



/* 集货仓库 --------------- */
main.storehouse{ width:100%; float:left;}
main.storehouse .list{ width:100%; float:left; position:relative; margin:0 0 1rem 0; box-sizing:border-box; padding:1rem; background:#FFF;}
main.storehouse .list:nth-child(1){ border-bottom:0; }
main.storehouse .list h3{ width:calc(100% - 6em); height:3.6rem; float:left; line-height:3.6rem; font-size:1.6rem; font-weight:bold; margin:0;}
main.storehouse .list a{ height:2.6rem; float:right; line-height:2.6rem; margin:.5rem 0; padding:0 1.3rem; 
	font-size:1.2rem; color:#FFF; background:#0C7AE2;
	border-radius:.4rem;
}


main.storehouse .list .ouse{ width:100%; float:left; padding:.5rem 0 .7rem 0; margin:0 0 .7rem 0; border-bottom:1px dashed #D7D7D7;}
main.storehouse .list .ouse i{ height:3rem; float:left; line-height:3rem; font-size:1.4rem; margin:0 2rem 0 0;}
main.storehouse .list p{ width:100%; float:left; box-sizing:border-box; font-size:1.4rem; line-height:1.6em; text-align:justify; color:#666; margin:.2rem 0;}


main.success{ width:100%; float:left; background:#FFF; }
main.success h3{ width:100%; float:left; line-height:4.2rem; margin:3rem 0 .6rem 0; padding:10rem 0 0 0; font-size:2rem; text-align:center; font-weight:bold;}
main.success h3.ytg{ color:#0C7AE2; background:url(../../img/wap/cgon.png) center top no-repeat; background-size:auto 8.8rem; }
main.success h3.wtg{ color:#F7501C; background:url(../../img/wap/wgon.png) center top no-repeat; background-size:auto 8.8rem; }
main.success h3.stg{ color:#0C7AE2; background:url(../../img/wap/sgon.png) center top no-repeat; background-size:auto 8.8rem; }
main.success p{ width:100%; height:3rem; float:left; line-height:3rem; text-align:center; margin:0 0 2.4rem 0; font-size:1.2rem; color:#686868;}
main.success ul{ width:100%; float:left; box-sizing:border-box; padding:1rem 1.5rem; margin:0; border-top:1px solid #F0F0F0;}
main.success ul li{ width:100%; float:left;}
main.success ul li i{ height:3.6rem; float:left; line-height:3.6rem; font-size:1.4rem; color:#888;}
main.success ul li u{ height:3.6rem; float:right; line-height:3.6rem; font-size:1.4rem; color:#888; text-decoration:none; }


.gend{ width:calc(100% - 1.5rem); height:5rem; float:left; align-items:center; display:flex !important; justify-content:center;}
.gend a{ height:5rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; color:#888; position:relative;}
.gend a::before{ content:''; width:6rem; height:1px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:-7rem; background:#D7D7D7;}
.gend a::after{ content:''; width:6rem; height:1px; float:left; margin:auto; position:absolute; top:0; bottom:0; right:-7rem; background:#D7D7D7;}



/* 最新消息 --------------- */
main.news{ width:100%; float:left; box-sizing:border-box; padding:0 0 0 1.5rem; background:#FFF;}
main.news .list{ width:100%; float:left; box-sizing:border-box; padding:1rem 1.5rem 1rem 0; border-top:1px dashed #D7D7D7;}
main.news .list:nth-child(1){ border-top:0; }
main.news .list h3{ width:100%; height:4rem; float:left; line-height:4rem; font-size:1.6rem; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
main.news .list p{ width:100%; float:left; line-height:1.6em; font-size:1.4rem; margin:0 0 .4rem 0; text-align:justify; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
main.news .list .leix{ width:100%; float:left; padding:.6rem 0 0 0;}
main.news .list .leix i{ height:2rem; float:left; line-height:2rem; font-size:1.2rem; color:#888; margin:0 2rem 0 0;}
main.news .c_lsit{ width:100%; float:left; box-sizing:border-box; padding:0 1.5rem 0 0; border-top:1px solid #F0F0F0;}
main.news .c_lsit:nth-child(1){ border-top:0; }
main.news .c_lsit a{ max-width:24.5rem; height:5rem; float:left; align-items:center; display:flex !important; font-size:1.6rem; position:relative; padding:0 0 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
main.news .c_lsit a::before{ content:''; width:.6rem; height:.2rem; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#0C7AE2;}
main.news .c_lsit i{ height:5rem; float:right; align-items:center; display:flex !important; font-size:1.2rem; color:#666;}


main.writing{ width:100%; float:left; box-sizing:border-box; padding:2rem;}
main.writing .title{ width:100%; float:left; padding:0 0 1.5rem 0; border-bottom:1px solid #F0F0F0;}
main.writing .title h1{ width:100%; float:left; text-align:center; margin:0 0 1rem 0; line-height:1.6em; font-size:2.2rem; font-weight:400; color:#0C7AE2;}
main.writing .title .sbox{ width:100%; height:2rem; float:left; align-items:center; display:flex !important; justify-content:center;}
main.writing .title .sbox i{ height:2rem; float:left; line-height:2rem; padding:0 10px; color:#888; font-size:1.2rem;}
main.writing .wbox{ width:100%; float:left; padding:0 0 4rem 0;}
main.writing .wbox p{ width:100%; float:left; line-height:1.8em; text-indent:2em; font-size:1.6rem; margin:0; padding:1.5rem 0 0 0; text-align:justify;}
main.writing .wbox .npic{ width:100%; float:left; padding:20px 0 0 0; align-items:center; display:flex !important; justify-content:center;}
main.writing .wbox img{ max-width:100%; float:left;}
main.writing .downbox{ width:100%; float:left; padding:2rem 0 3rem 0; border-top:1px dashed #D7D7D7;}
main.writing .downbox a{ width:100%; height:3rem; float:left; line-height:3rem; font-size:1.4rem;}



/* 物流查询 --------------- */
.estimate{ width:100%; float:left;}

.estimate .title{ width:100%; float:left; padding:1rem 0 2rem 0; position:relative; background:#FFF;}
/*
.estimate .title::before{ content:''; height:1px; margin:auto; position:absolute; bottom:0; right:2rem; left:2rem; background:#F0F0F0;}
*/
.estimate .title p{ font-size:1.6rem; text-align:center; margin:0; font-size:1.6rem;}
.estimate .title .en{ padding:1rem 0 0 0; font-family:arial; text-transform:uppercase; opacity:0.3;}
.estimate .title .zh{ padding:0 0 1.5rem 0; position:relative;}
.estimate .title .zh::before{ content:''; width:3rem; height:1px; margin:auto; position:absolute; bottom:0; right:0; left:0; background:#383838;}

.estimate .ems_query{ width:100%; float:left; box-sizing:border-box; margin:0 0 1rem 0; background:#FFF;}
.estimate .ems_query .tbox{ width:100%; float:left; box-sizing:border-box; padding:0 2rem; align-items:center; display:flex !important; justify-content:center;}
.estimate .ems_query .tbox i{ height:3.4rem; float:left; font-size:1.2rem; padding:0 2rem; align-items:center; display:flex !important; justify-content:center; color:#686868; position:relative; background:#F3F3F3;}
.estimate .ems_query .tbox i.show{ color:#FFF; background:#0C7AE2;}
.estimate .ems_query .cbox{ width:100%; float:left; box-sizing:border-box; padding:2.4rem 2rem 3rem 2rem; position:relative;}
.estimate .ems_query .cbox input{ width:calc(100% - 7.8rem); height:4rem; float:left; box-sizing:border-box; padding:0 0 0 1.5rem; font-size:1.2rem; background:#FFF; border:1px solid #0C7AE2; border-right:0;}
.estimate .ems_query .cbox a{ width:7.8rem; height:4rem; float:left; font-size:1.6rem; align-items:center; display:flex !important; justify-content:center; color:#FFF; font-weight:bold; background:#0C7AE2;}
.estimate .pack{ width:100%; float:left; margin:0 0 1rem 0; background:#FFF;}
.estimate .pack .sbt{ width:100%; height:6rem; float:left; box-sizing:border-box; align-items:center; display:flex !important; font-size:1.8rem; font-weight:bold; padding:0 1.5rem; border-bottom:1px solid #F0F0F0;}
.estimate .pack .sbt::before{ content:''; width:3.8rem; height:6rem; float:left; background:url(../../img/wap/pack_box.png) left center no-repeat; background-size:auto 1.8rem;}
.estimate .pack .survey{ width:100%; float:left; position:relative; box-sizing:border-box; padding:1rem 1.5rem;}
.estimate .pack .survey::before{ content:''; position:absolute; bottom:0; left:2rem; right:2rem; height:1px; border-bottom:1px dashed #D7D7D7;}
.estimate .pack .survey .bers{ width:100%; height:3rem; float:left;}
.estimate .pack .survey .bers i{ height:3rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; padding:0 10px 0 0; color:#666;}
.estimate .pack .survey .bers u{ height:3rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; text-decoration:none;}
.estimate .pack .survey .place{ width:100%; float:left; padding:1rem 0 .5rem 0;}
.estimate .pack .survey .place b{ height:3rem; float:left; align-items:center; display:flex !important; font-size:1.6rem;}
.estimate .pack .survey .place i{ height:3rem; display:block; overflow:hidden; background:url(../../img/wap/place_box.png) center no-repeat; background-size:auto 1.4rem;}
.estimate .pack .survey .place b:nth-child(1){ float:left;}
.estimate .pack .survey .place b:nth-child(2){ float:right;}
.estimate .pack .node{ width:100%; float:left; position:relative; box-sizing:border-box; padding:3rem 1.5rem 1rem 1.5rem;}
.estimate .pack .node::before{ content:''; position:absolute; top:3rem; bottom:5rem; left:10.7rem; border-left:.2rem solid #D8D8D8;}
.estimate .pack .node .list{ width:100%; float:left; position:relative;}
.estimate .pack .node .list::before{ content:''; width:1.2rem; height:1.2rem; float:left; margin:auto; position:absolute; top:.6rem; left:8.7rem; z-index:1; border-radius:100%; box-sizing:border-box; background:#FFF; border:.2rem solid #D8D8D8;}
.estimate .pack .node .list.first::before{ content:''; width:2.4rem; height:2.4rem; float:left; margin:auto; position:absolute; top:0; left:8.1rem; z-index:1; border-radius:100%; border-radius:100%; background:#0C7AE2 url(../../img/wap/first_box.png) center no-repeat; background-size:auto 1.2rem; border:0;}
.estimate .pack .node .list.last::before{ content:''; width:2.4rem; height:2.4rem; float:left; margin:auto; position:absolute; top:0; left:8.1rem; z-index:1; border-radius:100%; background:#D8D8D8 url(../../img/wap/last_box.png) center no-repeat; background-size:auto 1.2rem; border:0;}
.estimate .pack .node .list u{ width:10.2rem; height:2.4rem; float:left; font-size:1.4rem; box-sizing:border-box; padding:0 3rem 0 0; position:relative; align-items:center; display:flex !important; justify-content:right; text-decoration:none;}
.estimate .pack .node .list .cbox{ display:block; overflow:hidden; padding:0 0 1rem 3rem;}
.estimate .pack .node .list .cbox i{ width:100%; height:2.4rem; float:left; font-size:1.4rem; align-items:center; display:flex !important;}
.estimate .pack .node .list .cbox p{ width:100%; float:left; display:block; overflow:hidden; font-size:1.2rem; line-height:2.2rem; text-align:justify; margin:0; color:#686868;}
.estimate .pack .node .list.first u{ color:#0C7AE2;}

.estimate .empty{ width:100%; float:left; padding:3rem 0 1rem 0; background:#FFF;}
.estimate .empty i{ width:100%; float:left; padding:8rem 0 0 0; font-size:1.4rem; line-height:5rem; text-align:center; color:#686868; background:url(../../img/wap/kon.png) center top no-repeat; background-size:auto 8rem;}

.estimate .form_box{ width:100%; float:left; box-sizing:border-box; padding:1rem 2rem 0 2rem; margin:0 0 1rem 0; position:relative; background:#FFF;}
.estimate .form_box .list{ width:100%; float:left; border-top:1px solid #F0F0F0;}
.estimate .form_box .list u{ width:8.8rem; height:4.2rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; color:#686868; text-decoration:none;}
.estimate .form_box .list .fill{ width:calc(100% - 8.8rem); float:right; line-height:4.2rem; font-size:1.4rem; text-indent:1rem; position:relative;}
.estimate .form_box .list .fill select{ width:100%; height:4.2rem; float:left; font-size:1.4rem;}
.estimate .form_box .list .fill input{ width:100%; height:4.2rem; float:left; box-sizing:border-box; padding:0 0 0 1rem; font-size:1.4rem;}
.estimate .form_box .list .fill i{ width:2.2rem; height:2.2rem; float:left; margin:1rem 0; font-size:1.2rem; align-items:center; display:flex; justify-content:center; text-indent:0; color:#888;}
.estimate .form_box .list .fill input.flex{ width:calc(100% - 3rem); position:absolute; top:0; bottom:0; left:1px; background:#FFF;}
.estimate .form_box .list .fill input.w{ width:calc(33.33% - 1.5rem);}
.estimate .form_box .check_b{ width:100%; float:left; box-sizing:border-box; padding:2rem 0; border-top:1px solid #F0F0F0;}
.estimate .form_box .check_b a{ width:100%; height:4rem; float:left; line-height:4rem; color:#FFF; font-size:1.4rem; text-align:center; background:#0C7AE2; border-radius:.4rem;}
.estimate .form_box .sbox{ width:100%; float:left; padding:0 0 2rem 0;}
.estimate .form_box .sbox p{ width:100%; float:left; line-height:1.6em; font-size:1.2rem; color:#686868; margin:0;}
.estimate .form_box .sbox p i{ color:#FF0000; padding:0 .6rem 0 0;}


.estimate .jieguo{ width:100%; float:left; box-sizing:border-box; margin:0 0 1rem 0; background:#FFF;}
.estimate .jieguo .lead{ width:calc(100% - 3rem); float:right; margin:0 1.5rem; border-bottom:1px dashed #E7E7E7;}
.estimate .jieguo .lead i{ height:4rem; float:left; font-size:1.4rem; align-items:center; display:flex !important;}
.estimate .jieguo .lead u{ height:4rem; float:right; font-size:1.4rem; align-items:center; display:flex !important; text-decoration:none;}
.estimate .jieguo .sbox{ width:100%; float:left; box-sizing:border-box; padding:1rem 0 1rem 1.5rem;}
.estimate .jieguo .sbox .clist{ width:100%; float:left; box-sizing:border-box; padding:0 1.5rem 0 0;}
.estimate .jieguo .sbox .clist.w5{ width:50%;}
.estimate .jieguo .sbox .clist i{ width:7.4rem; height:3rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; color:#686868;}
.estimate .jieguo .sbox .clist u{ display:block; overflow:hidden; line-height:2rem; font-size:1.4rem; padding:.5rem 0; text-align:justify; text-decoration:none;}
.estimate .jieguo .button{ width:calc(100% - 3rem); float:left; position:relative; box-sizing:border-box; padding:1rem 0 1.5rem 0; margin:0 1.5rem; align-items:center; display:flex !important; justify-content:right; border-top:1px solid #F0F0F0;}
.estimate .jieguo .button a{ width:50%; height:2rem; float:left; margin:.5rem 0; align-items:center; display:flex; justify-content:center; font-size:1.4rem;}
.estimate .jieguo .button a:nth-child(1){ color:#FF5300; border-right:1px solid #F0F0F0;}
.estimate .jieguo .button a:nth-child(2){ color:#0C7AE2;}

















.estimate .mbox .query{ width:100%; float:left; padding:0 0 20px 0; border-bottom:5px groove #F0F0F0;}
.estimate .mbox .query .list{ width:100%; height:40px; float:left; margin:10px 0;}
.estimate .mbox .query .list .bto{ width:20%; height:40px; float:left; box-sizing:border-box; padding:0 20px; align-items:center; display:flex !important; background:#FAFAFA; border:1px solid #F0F0F0; border-right:0;}
.estimate .mbox .query .list .bto i{ color:#FF0000;}
.estimate .mbox .query .list .sbox{ width:80%; height:40px; float:left; position:relative;}
.estimate .mbox .query .list .sbox input{ width:100%; height:40px; float:left; position:relative; box-sizing:border-box; padding:10px 20px; border:1px solid #F0F0F0;}

.estimate .mbox .query .list .sbox .sbox_main{ width:100%; float:left; max-height:300px; overflow-y:auto; position:absolute; top:50px; left:0; z-index:3; background:#FFF; box-sizing:border-box; padding:10px 0; box-shadow:6px 6px 16px rgba(0,0,0,0.1);}
.estimate .mbox .query .list .sbox .sbox_main::before{ content:''; width:19px; height:8px; float:left; position:absolute; top:-8px; left:40px; background:url(../../img/wap/upper.png) center top no-repeat;}
.estimate .mbox .query .list .sbox .sbox_main .s_list{ width:100%; height:42px; float:left; position:relative; padding:0 20px; align-items:center; display:flex !important; cursor:pointer; /*border-top:1px solid #F0F0F0;*/}
.estimate .mbox .query .list .sbox .sbox_main .s_list::before{ content:''; height:1px; float:left; position:absolute; bottom:0; left:20px; right:20px; background:#F0F0F0;}
.estimate .mbox .query .list .sbox .sbox_main .s_list:nth-child(1){ border-top:0;}
.estimate .mbox .query .list .sbox .sbox_main .s_list:hover{ background:#F9F9F9;}

.estimate .mbox .query .list .deep{ width:50%; height:40px; float:left;}
.estimate .mbox .query .list .deep .bto{ width:40%; border:1px solid #F0F0F0; border-right:0;}
.estimate .mbox .query .list .deep .bto.m{ border-left:0;}
.estimate .mbox .query .list .deep .cbox{ height:40px; display:block; overflow:hidden;}
.estimate .mbox .query .list .deep .cbox i{ width:30px; height:40px; float:left; box-sizing:border-box; align-items:center; display:flex !important; justify-content:center; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; background:#FAFAFA;}
.estimate .mbox .query .list .deep .cbox input{ width:100%; height:40px; float:left; position:relative; box-sizing:border-box; padding:10px 20px; border:1px solid #F0F0F0;}
.estimate .mbox .query .list .deep .cbox input.define{ width:84px; padding:10px 15px;}
.estimate .mbox .query .list .deep .cbox select{ width:100%; height:40px; float:left; position:relative; box-sizing:border-box; padding:8px 16px; border:1px solid #F0F0F0;}
.estimate .mbox .query .button{ width:100%; float:left; padding:5px 0 15px 0;}
.estimate .mbox .query .button .submit{ height:42px; float:right; align-items:center; display:flex !important; font-weight:bold; color:#FFF; padding:0 30px; background:#2D55AD; border-radius:2px;}
.estimate .mbox .query .button p{ height:42px; float:left; align-items:center; display:flex !important; margin:0 20px 0 0; color:#666;}
.estimate .mbox .query .button p i{ color:#FF0000; padding:0 5px 0 0;}

.estimate .mbox .result{ width:100%; float:left; padding:30px 0 40px 0;}
.estimate .mbox .result table{ width:100%; float:left; text-align:left; margin:10px 0 0 0; border-right:1px solid #F0F0F0;}
.estimate .mbox .result table th{ height:36px; padding:0 10px; background:#F8F8F8; color:#666; border-top:1px solid #F0F0F0; border-left:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.estimate .mbox .result table th input[type="checkbox"]{ float:left;}
.estimate .mbox .result table td{ height:40px; padding:0 10px; border-left:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.estimate .mbox .result table td input[type="checkbox"]{ float:left;}
.estimate .mbox .result table td .npic{ width:50px; height:50px; float:left; align-items:center; display:flex !important; justify-content:center; margin:10px 0; background:#F0F0F0;}
.estimate .mbox .result table td .npic img{ max-width:100%; max-height:100%; float:left;}
.estimate .mbox .result table td a{ color:#FF5300;}
.estimate .mbox .result table td .button{ height:28px; float:left; align-items:center; display:flex !important; margin:0 6px 0 0; color:#FFF; padding:0 12px; border-radius:2px; font-size:12px;}
.estimate .mbox .result table td .button.green{ background:#2BAB7E;}
.estimate .mbox .result table td .button.gules{ background:#FF5300;}
.estimate .mbox .result table td .button.violet{ background:#4D30B2;}
.estimate .mbox .result table td .button.blue{ background:#469DF1;}
.estimate .mbox .result table td .button.ash{ background:#8C8C8C;}

.estimate .mbox .result .tips{ width:100%; float:left;}
.estimate .mbox .result .tips p{ height:42px; float:left; align-items:center; display:flex !important; margin:0 20px 0 0; color:#666;}
.estimate .mbox .result .tips p i{ color:#FF0000; padding:0 5px 0 0;}
.estimate .mbox .result .empty{ width:100%; height:80px; float:left; box-sizing:border-box; font-size:14px; align-items:center; display:flex !important; justify-content:center; margin:10px 0 0 0; border:1px solid #F0F0F0; background:#FAFAFA;}

.estimate .mbox .info{ width:100%; float:left; padding:20px 0 10px 0;}
.estimate .mbox .info .sbox{ width:100%; float:left; box-sizing:border-box; padding:20px 0 0 0;}
.estimate .mbox .info .sbox p{ width:100%; float:left; line-height:1.8em; padding:20px 0; border-top:1px dashed #E7E7E7;}
.estimate .mbox .info .sbox p:nth-child(1){ border-top:0;}


/* 分享赚钱 --------------- */
main.share{ width:100%; float:left; box-sizing:border-box; padding:32rem 1.5rem 1.5rem 1.5rem; position:relative; background:url(../../img/wap/share_box.png) center top no-repeat; background-size:100% auto;}
main.share .title{ width:100%; float:left; position:absolute; top:0; left:0; right:0; padding:4rem 0 0 0;}
main.share .title h3{ width:100%; height:5rem; float:left; align-items:center; display:flex; justify-content:center; margin:0; font-size:2.2rem;}
main.share .title h3 i{ height:5rem; float:left; align-items:center; display:flex; font-weight:bold; color:#FFF;}
main.share .title p{ width:100%; float:left; line-height:1.6em; font-size:1.4rem; text-align:center; margin:0; color:#FFF; opacity:0.68;}
main.share .share_box{ width:100%; float:left; position:relative; padding:3rem 0; border-radius:.4rem; background:#FFF;}
main.share .share_box .bt{ height:4rem; float:left; line-height:4rem; text-align:center; font-size:1.6rem; font-weight:bold; color:#FFF; position:absolute; top:-1rem; left:6rem; right:6rem; background:#1F7CD4; border-radius:0 0 .4rem .4rem;}
main.share .share_box .bt::before{ content:''; position:absolute; top:0; right:-0.8rem; border-bottom:1rem solid #002880; border-right:.8rem solid transparent;}
main.share .share_box .bt::after{ content:''; position:absolute; top:0; left:-0.8rem; border-bottom:1rem solid #003C8D; border-left:.8rem solid transparent;}
main.share .share_box .code{ width:100%; float:left; box-sizing:border-box; padding:4rem 8rem;}
main.share .share_box .code img{ width:100%; float:left; }
main.share .share_box .button{ width:100%; float:left; box-sizing:border-box; padding:0 3rem 1rem 3rem;}
main.share .share_box .button a{ width:100%; height:4rem; float:left; line-height:4rem; text-align:center; background:#0C7AE2; border-radius:.2rem; box-shadow:.3rem .3rem .8rem rgba(12,122,226,0.46);}
main.share .share_box .button a i{ height:4rem; display:inline-block; line-height:4rem; color:#FFF; font-size:1.4rem; padding:0 0 0 2rem; background:url(../../img/wap/xia_box.png) left no-repeat; background-size:auto 1.2rem;}



section.mask{ width:100%; height:100%; position:fixed; bottom:0; left:-100%; z-index:99; background:rgba(0,0,0,0.5); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
section.mask.show{ left:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
section.pendant{ float:left; padding:0 0 0 4rem; position:fixed; bottom:20%; right:-26rem; z-index:100; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
section.pendant i{ width:4rem; height:4.6rem; position:absolute; top:0; bottom:0; left:0; margin:auto; box-sizing:border-box; padding:0 0 0 2.4rem; font-size:1.2rem; align-items:center; display:flex; color:#FFF; border-radius:.4rem 0 0 .4rem; background:rgba(0, 0, 0, 0.6) url(../../img/wap/arrow.png) 0.5rem center no-repeat; background-size:1.4rem auto;}
section.pendant .sbox{ width:26rem; float:left; padding:1.8rem .5rem 1.6rem .5rem; background:#FFF; border-radius:.4rem 0 0 .4rem;}
section.pendant .sbox a{ width:25%; float:left; color:#888; line-height:2.4rem; font-size:1.2rem; text-align:center; padding:2.8rem 0 0 0; position:relative;}
section.pendant .sbox a:nth-child(1){ background:url(../../img/wap/footer_box01.png) top center no-repeat; background-size:2.2rem auto;}
section.pendant .sbox a:nth-child(2){ background:url(../../img/wap/footer_box02.png) top center no-repeat; background-size:2.2rem auto;}
section.pendant .sbox a:nth-child(3){ background:url(../../img/wap/footer_box03.png) top center no-repeat; background-size:2.2rem auto;}
section.pendant .sbox a:nth-child(4){ background:url(../../img/wap/footer_box04.png) top center no-repeat; background-size:2.2rem auto;}
section.pendant.show{ right:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
section.pendant.show i{ background:rgba(0, 0, 0, 0.6) url(../../img/wap/arrow_show.png) 0.5rem center no-repeat; background-size:1.4rem auto;}



.wallet{ width:100%; float:left; box-sizing:border-box; padding:1.5rem 2rem; overflow:hidden; background:#FFF; box-shadow:0 0 1rem rgba(0,0,0,0.1);}
.wallet .list{ width:50%; float:left; position:relative;}
.wallet .list b{ width:100%; height:3rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.8rem; color:#0C7AE2;}
.wallet .list i{ width:100%; height:2rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.2rem; color:#686868;}
.wallet .list:nth-child(2)::before{ content:''; width:1px; float:left; margin:auto; position:absolute; top:.6rem; bottom:.2rem; left:-1px; border-left:1px solid rgba(0,0,0,0.1);}

.profit{ width:100%; float:left; position:relative; box-sizing:border-box; padding:2rem 2rem 6.4rem 2rem; overflow:hidden; background:#FFF; border-bottom:1px solid #F0F0F0;}
.profit b{ width:100%; height:3rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.8rem; color:#0C7AE2;}
.profit i{ width:100%; height:2rem; float:left; align-items:center; display:flex !important; justify-content:center; font-size:1.2rem; color:#686868;}
.profit a{ width:8rem; height:3.2rem; float:left; position:absolute; bottom:2rem; left:0; right:0; margin:auto; box-sizing:border-box; align-items:center; display:flex; justify-content:center; padding:.8rem 0; color:#FFF; font-size:1.4rem; background:#0C7AE2; border-radius:.2rem; box-shadow:.3rem .3rem .8rem rgba(12,122,226,0.46);}

.wallet_box{ width:100%; float:left;}
.wallet_box a{ width:100%; float:left; position:relative; box-sizing:border-box; margin:1rem 0 0 0; padding:0 1.5rem; background:#FFF; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.wallet_box a i{ width:100%; height:5rem; float:left; box-sizing:border-box; padding:0 0 0 2rem; align-items:center; display:flex !important; position:relative; font-size:1.4rem; background:url(../../img/wap/more.png) right no-repeat; background-size:auto 1.2rem;}
.wallet_box a i::before{ content:''; width:.6rem; height:.6rem; float:left; margin:auto; position:absolute; left:0; top:0; bottom:0; border-radius:100%; background:#D7D7D7;}

.ctab{ width:100%; height:5rem; float:left; position:fixed; top:0; left:0; z-index:9; align-items:center; display:flex; overflow:hidden; background:#FFF; box-shadow:0 0 1rem rgba(0,0,0,0.1);}
.ctab a{ width:50%; height:5rem; float:left; line-height:5rem; text-align:center; font-size:1.4rem; position:relative;}
.ctab a::before{ content:''; width:1px; position:absolute; bottom:1.5rem; top:1.5rem; right:-1px; background:#E7E7E7;}
.ctab a.show{ color:#0C7AE2; /*border-bottom:1px solid #0C7AE2;*/}
.ctab a.show::after{ content:''; height:.2rem; position:absolute; bottom:0; left:3rem; right:3rem; background:#0C7AE2;}


.wtab{ width:100%; height:5rem; float:left; position:fixed; top:0; left:0; z-index:9; align-items:center; display:flex; overflow:hidden; background:#FFF; box-shadow:0 0 1rem rgba(0,0,0,0.1);}
.wtab a{ width:50%; height:5rem; float:left; line-height:5rem; text-align:center; font-size:1.4rem; position:relative;}
.wtab a.show{ color:#FFF; background:#0C7AE2; /*border-bottom:1px solid #0C7AE2;*/}
.wtab a.show::after{ content:''; height:.2rem; position:absolute; bottom:0; left:3rem; right:3rem; background:#0C7AE2;}




/* 提示类 --------------- */
.layer{ width:100%; height:100%; align-items:center; display:flex; justify-content:center; position:fixed; top:0; left:0; z-index:108; background:rgba(0,0,0,0.5);}
.layer .tips_box{ width:90%; float:left; box-sizing:border-box; background:#FFF; float:left; padding:2rem 2rem; border-radius:.4rem; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.layer .tips_box h3{ width:100%; float:left; line-height:2.6rem; padding:.7rem 0; text-align:center; font-size:2rem; font-weight:bold; margin:0;}
.layer .tips_box h2{ width:100%; float:left; line-height:2.4rem; text-align:center; font-size:1.6rem; font-weight:bold; padding:6.2rem 0 .5rem 0; margin:0; background:url(../../img/wap/yes_box.png) center top no-repeat; background-size:auto 5rem;}
.layer .tips_box h4{ width:100%; float:left; line-height:2.4rem; text-align:center; font-size:1.6rem; font-weight:bold; padding:6.2rem 0 .5rem 0; margin:0; background:url(../../img/wap/no_box.png) center top no-repeat; background-size:auto 5rem;}
.layer .tips_box p{ width:100%; float:left; margin:0; font-size:1.4rem; line-height:1.6em; text-align:center; color:#686868; padding:1rem 0;}
.layer .tips_box .button{ width:100%; float:left; padding:2rem 0 0 0; align-items:center; display:flex; justify-content:center;}
.layer .tips_box .button a{ height:3.8rem; float:left; box-sizing:border-box; padding:1rem 3.6rem; font-size:1.4rem; margin:0 .6rem; color:#FFF; font-weight:bold; align-items:center; display:flex; justify-content:center; border-radius:3rem;}
.layer .tips_box .button a.ac_1{ background:#BCBCBC;}
.layer .tips_box .button a.ac_2{ background:#0C7AE2;}


.layer.with{ align-items:center; display:flex; justify-content:center; }

.layer .follow{ width:26rem; float:left; position:relative; background:#FFF; border-radius:1rem;}
.layer .follow .guan{ width:2.6rem; height:2.6rem; float:left; position:absolute; top:-2.6rem; right:-2.6rem;
border-radius:100%; 
	background:url(../../img/wap/evaluate_delete_red.png) center no-repeat;
	background-size:100% auto; 
}


.layer .follow .tite{ width:100%; height:5rem; float:left; 
	align-items:center; display:flex; justify-content:center; font-weight:bold; font-size:1.6rem;
	/*border-bottom:1px solid #E7E7E7;*/ 
	background:rgba(0,0,0,0.06); border-radius:1rem;
}

.layer .follow .npic{ width:14rem; height:14rem; float:left; margin:2rem 6rem 0 6rem;}
.layer .follow .npic img{ width:100%; float:left;}

.layer .follow .text{ width:100%; float:left; box-sizing:border-box; padding:1.5rem 2rem; font-size:1.4rem; color:#686868; text-align:center; line-height:1.4em;}

.layer .follow .button{ width:100%; float:left; padding:2rem 0; align-items:center; display:flex; justify-content:center;
	background:rgba(0,0,0,0.06); border-radius:1rem;
}
.layer .follow .button a{ height:3.8rem; float:left; box-sizing:border-box; padding:1rem 3.6rem; font-size:1.4rem; margin:0 .6rem; color:#FFF; font-weight:bold; align-items:center; display:flex; justify-content:center; border-radius:3rem;}
.layer .follow .button a.ac_1{ background:#BCBCBC;}
.layer .follow .button a.ac_2{ background:#0C7AE2;}








section.package{ width:100%; float:left; box-sizing:border-box; margin:1rem 0 0 0; background:#FFF;}
section.package .bt{ width:100%; height:5rem; float:left; box-sizing:border-box; padding:0 1.5rem; line-height:5rem; font-size:1.4rem; font-weight:bold; border-bottom:1px solid #F0F0F0; background:#FFF;}
section.package .list{ width:calc(100% - 1.5rem); float:right; box-sizing:border-box; padding:1rem 0 .6rem 0; background:#FFF; border-bottom:1px solid #F0F0F0;}
section.package .list:last-child{ border:0;}
section.package .list .lead{ width:calc(100% - 1.5rem); height:4rem; float:left; font-size:1.4rem; align-items:center; display:flex !important; margin:0 1.5rem 0 0; border-bottom:1px dashed #E7E7E7;}
section.package .list .sbox{ width:100%; float:left; box-sizing:border-box; padding:1rem 0 1rem 0;}
section.package .list .sbox .clist{ width:100%; float:left; box-sizing:border-box; padding:0 1.5rem 0 0;}
section.package .list .sbox .clist.w5{ width:50%;}
section.package .list .sbox .clist i{ width:5.4rem; height:3rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; color:#686868;}
section.package .list .sbox .clist u{ display:block; overflow:hidden; line-height:2rem; font-size:1.4rem; padding:.5rem 0; text-align:justify; text-decoration:none;}
section.package .list .sbox .clist img{ width:100%; float:left; }





section.sign{ width:100%; float:left; box-sizing:border-box; padding:5rem 2rem 2rem 2rem;}
section.sign h3{ width:100%; float:left; font-size:2.4rem; text-align:center; font-weight:bold; color:#0C7AE2; margin:0 0 .6rem 0;}
section.sign em{ width:100%; float:left; font-size:1.4rem; text-align:center; padding:.6rem 0 2rem 0; color:#686868;}

section.sign .sign_box{ width:100%; float:left;}
section.sign .sign_box .list{ width:100%; float:left; margin:1rem 0 0 0; overflow:hidden; box-sizing:border-box; padding:0 .6rem; border:1px solid #E7E7E7; border-radius:.2rem;}
section.sign .sign_box .list i{ width:4rem; height:4rem; float:left; line-height:4rem; font-size:1.4rem; text-align:center; text-indent:-999rem; border-radius:100%;}
section.sign .sign_box .list .sbox{ height:4rem; display:block; overflow:hidden; padding:0 0 0 1rem;}
section.sign .sign_box .list .sbox input{ width:100%; height:4rem; float:left; line-height:4rem; font-size:1.4rem;}
section.sign .sign_box .list:nth-child(1) i{ background:url(../../img/wap/ua01.png) center no-repeat; background-size:auto 2.2rem;}
section.sign .sign_box .list:nth-child(2) i{ background:url(../../img/wap/ua02.png) center no-repeat; background-size:auto 2.2rem;}

section.sign .sign_box .cipher{ width:100%; float:left; padding:1rem 0;}
section.sign .sign_box .cipher a{ float:right; font-size:1.4rem; color:#0C7AE2;}

section.sign .pass{ width:100%; float:left; padding:1rem 0 2rem 0;}
section.sign .pass .list{ width:100%; float:left; margin:1rem 0 0 0; 
	position:relative; overflow:hidden; 
	box-sizing:border-box; padding:0;
	border:1px solid #E7E7E7;
	border-radius:.2rem;
}
section.sign .pass .list i{ width:9rem; height:4rem; float:left; line-height:4rem; color:#686868; font-size:1.4rem;
	border-right:1px solid #E7E7E7;
	box-sizing:border-box; padding:0 0 0 1rem;
	background:#FAFAFA;
}
section.sign .pass .list .sbox{ height:4rem; display:block; overflow:hidden; padding:0 0 0 1rem; background:#FFF;}
section.sign .pass .list .sbox input{ width:100%; height:4rem; float:left; line-height:4rem; font-size:1.4rem;}
section.sign .pass .list a{ height:3rem; float:left; line-height:3rem; font-size:1.2rem; position:absolute; top:0; bottom:0; right:.5rem; margin:auto; padding:0 1.2rem; color:#FFF; border-radius:.3rem; background:#0C7AE2;}

section.sign .button{ width:100%; float:left; box-sizing:border-box; padding:2rem 0 3rem 0; background:#FFF;}
section.sign .button a{ width:100%; height:4rem; float:left; line-height:4rem; color:#FFF; font-size:1.4rem; text-align:center; background:#0C7AE2; border-radius:.2rem; box-shadow:.3rem .3rem .8rem rgba(12,122,226,0.46);}

section.denglu{ width:100%; float:left; text-align:center;}
section.denglu i{ display:inline-block; font-size:1.4rem;}
section.denglu a{ display:inline-block; font-size:1.4rem; color:#0C7AE2;}

section.sign .sides{ width:100%; float:left; text-align:center;}
section.sign .sides .bt{ width:100%; height:4rem; float:left;}
section.sign .sides .bt i{ height:4rem; display:inline-block; line-height:4rem; font-size:1.4rem; vertical-align:top; position:relative;}
section.sign .sides .bt i::before{ content:''; width:4rem; height:1px; margin:auto; position:absolute; top:0; bottom:0; left:-5rem; opacity:0.46; background:#333;}
section.sign .sides .bt i::after{ content:''; width:4rem; height:1px; margin:auto; position:absolute; top:0; bottom:0; right:-5rem; opacity:0.46; background:#333;}
section.sign .sides .sbox{ width:100%; float:left; padding:3rem 3rem 1.5rem 3rem;}
section.sign .sides .sbox a{ width:50%; height:7rem; float:left; line-height:3rem; font-size:1.4rem; color:#686868; padding:4rem 0 0 0; background:#DDD; }
section.sign .sides .sbox a:nth-child(1){ background:url(../../img/wap/wx_dl.png) center top no-repeat; background-size:auto 3.5rem;}
section.sign .sides .sbox a:nth-child(2){ background:url(../../img/wap/zh_dl.png) center top no-repeat; background-size:auto 3.5rem;}




section.only{ width:100%; float:left; box-sizing:border-box; padding:1rem; background:#FFF; }
section.only u{ width:10rem; height:4.2rem; float:left; align-items:center; display:flex !important; font-size:1.4rem; color:#686868; text-decoration:none;}
section.only i{ float:left; line-height:4.2rem; font-size:1.4rem; color:#FF5300;}
section.only_tab{ width:100%; float:left; margin:0 0 1rem 0; border-top:1px solid #F2F2F2; background:#FFF; box-shadow:0 .6rem .6rem rgba(0,0,0,0.06);}
section.only_tab .card{ width:50%; height:5rem; float:left; line-height:5rem; text-align:center; font-size:1.4rem; color:#686868;}
section.only_tab .card i{ height:5rem; display:inline-block; overflow:hidden; position:relative;}
section.only_tab .card.show i{ color:#0C7AE2; font-weight:bold;}
section.only_tab .card.show i::after{ content:''; height:.2rem; position:absolute; bottom:0; left:0; right:0; background:#0C7AE2;}