@charset "UTF-8";
@import url("edittext.css");
@import url("layout.css");


/*
--------------------
Style Name: doocom.cn
Author: Lucky
Email: li@doocom.cn
http://www.doocom.cn/
--------------------
*/

/*
--------------------
Author: Lucky
Updated: 200101
--------------------
*/

/*html{-webkit-text-size-adjust:none;}*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}

/*html5 reset*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*section,article,aside,header,footer,nav,dialog,figure{display:block;}*/
menu, figure{margin:0;padding:0;}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html{ height:100%;}
body{
	margin: 0 auto;
	height:100%;
	min-width:320px;
	max-width: 750px;
	background:#fff;
	color:#222;
	font:normal 14px/1.5 Tahoma,"Microsoft YaHei",Simsun,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;
}
body{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*for mobile link*/
.body_bg_2{
	background-color: #F5F5F5;
}

table{empty-cells:show;border-collapse:collapse;border-spacing:0}
table,td,th{vertical-align: middle;}
input,select{vertical-align:middle;}
input,select,textarea{font-family:arial,verdana,sans-serif;font-size:14px;line-height:1.5;}
button,input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance: none;}
textarea{resize:vertical;}
/*input:focus{outline:0 none}*/
::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
::-webkit-textarea-placeholder{color: #999;}
textarea::-moz-placeholder{color: #999;}
#input:-ms-input-placeholder {color: #999;}/*ie must id*/

h1,h2,h3,h4,h5,h6{}
ul,ol,menu{list-style:none;}
a img{border:none;}
img{ vertical-align:bottom;}
p{margin-bottom:1.2em;}
td p{margin:0;}
fieldset{padding:0 1em 1em 1em; margin:1.6em 0;border:1px solid #ccc;} /*** padding-top is margin-top for fieldsets in Opera ***/
legend{padding-left:.8em; padding-right:.8em;}
legend+*{margin-top:1em;} /*** compensates for the opera margin bug ***/
sub{ font-size:smaller; line-height:0; vertical-align:sub;}
sup{ font-size:smaller; line-height:0; vertical-align:super;}

a{color:#222;cursor:pointer; text-decoration:none;}
a:hover, a:active{color:#222;}


/*
a:visited{color:#800080;}
a:hover,a:active{color:#FF3300;text-decoration:underline;}
a:focus{outline:1px dotted}

::selection {
	color: #000000;
	background-color: #FF0000;
}
::-moz-selection {
	color: #000000;
	background: #FF0000;
}*/

/*text style*/
.t12{font-size:12px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.t20{font-size:20px;}
.black{color:#000;}
.white{color:#fff;}
.gray{color:#ccc;}
.red{color:#db0210;}
.blue{color:#03f;}
.green{color:#008000;}
.mcolor{color:#900;}
.b{font-weight:bold;}
.clear{clear:both;}
.delete{text-decoration:line-through;}
.nob{border:none;background:none;}
.fl{float:left;}
.fr{float:right;}
.float_left {float:left;padding:7px;}
.float_right {float:right;padding:7px;}
.img_float_left {float:left;clear:left;margin:0 8px 10px 0;}
.img_float_right {float:right;clear:right;margin:0 0 10px 8px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.simsun{font-family:"Simsun";}

.highlight {background:#ff0;}
.thin{font-weight: lighter;}
.error_tips,.notice_tips,.success_tips{padding:.3em .8em;margin-bottom:1em;border:2px solid #ddd;white-space:nowrap;}
.error_tips{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice_tips{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success_tips{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error_tips a{color:#8a1f11;}
.notice_tips a{color:#514721;}
.success_tips a{color:#264409;}
.center{text-align: center;}
.tal{text-align:left;}
.tar{text-align:right;}
.tdu{text-decoration:underline;}
.errorMessage{ color:#f00;}
.hidden{ display:none;}
.oh{overflow:hidden; zoom:1;}
.lefthalf{
	float:left;
	width:48%;
}
.righthalf{
	float:right;
	width:48%;
}
/*all*/
.submit{ cursor:pointer; overflow:visible;}
.radio, .checkbox, input[type="radio"], input[type="checkbox"]{ margin:0 5px 3px 0;}
.input, .textarea{

}
textarea{ resize:none;}

.formlist .input,.formlist  .textarea{
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.formlist .input:focus, .formlist .textarea:focus{
}

.overlay{
	overflow:hidden; zoom:1;
	position:absolute;
	z-inde:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
/* 1px分割线 */
.hr1 {
	height: 1px;
	background-color: #EDEDED;
	border: none;
}
/* flex水平居中 */
.flex-j-center {
	display: flex;
	justify-content: center;
}


.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* html .clearfix {height: 1%;}
* html .clearfix {display: block;}


.wrapper:after, .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.wrapper, .container{zoom:1;}
/*label css*/
.wrapper{ margin-bottom:10px;}
.pbody{ position:relative; margin:0 auto; height:100%; width:100%; overflow:hidden; zoom:1;}

.loading{
	position:absolute;
	z-index:999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff url(../images/ico_loading.gif) no-repeat 50% 50%;
	background-size:50px;

	
	-webkit-transform: translate3d(100%,0px,0px);
	-moz-transform: translate3d(100%,0px,0px);
	transform: translate3d(100%,0px,0px);
}
.page_loading .loading{
	-webkit-transform: translate3d(0,0px,0px);
	-moz-transform: translate3d(0,0px,0px);
	transform: translate3d(0,0px,0px);

	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}



.borderMain{
	border-top: 10px solid #F5F5F5;
}


.container{
	position: relative;
	min-height: 100%;
}
.cont_page{
	height:100%;
	overflow:auto;
  -webkit-overflow-scrolling: touch;
	
	/* -webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease; */
}
.cont_panel{
	height:100%;
	overflow:auto;
	position:absolute;
	z-index:101;
	left: 100%;
	top:0;
	width:85%;
	padding: 50px 20px 20px;
	background-color:#fff;
	color:#d3d3d3;
	
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}
.pbody_pull .cont_page{
	/* -webkit-transform: translate3d(-250px,0px,0px);
	-moz-transform: translate3d(-250px,0px,0px);
	transform: translate3d(-250px,0px,0px); */
}
.pbody_pull .cont_panel{
	-webkit-transform: translate3d(-100%,0px,0px);
	-moz-transform: translate3d(-100%,0px,0px);
	transform: translate3d(-100%,0px,0px);
}

.pageOverlay{
	display:none;
	position:fixed;
	z-index:101;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.70);
}
.pbody_pull .pageOverlay{
	display:block;
}


.loginBody{
	background:#2f464c url(../images/login_bg.jpg) no-repeat 50% 50% / cover;
	color: #fff;
}
.loginPage{
	margin: 0 auto;
	padding: 0 20px;
	max-width: 640px;
	height: 100%;
  display: flex;
  justify-content: space-between;
	flex-direction: column;
}
.loginPage .head{
	margin-top: 40px;
}
.loginPage .head .cn{
	font-size: 24px;
	font-weight: normal;
}
.loginPage .head .en{
	font-size: 18px;
	font-weight: normal;
}

.loginForm{}
.loginForm .item{
	overflow: hidden;
	margin-bottom: 10px;
	padding-left: 80px;
	height: 46px;
	background: #FFFFFF;
	border-radius: 23px;
	opacity: 0.92;
}
.loginForm .item .label{
	float: left;
	margin-left: -80px;
	padding-left: 25px;
	line-height: 46px;
	font-size: 16px;
	color: #222;
}
.loginForm .item .input{
	width: 100%;
	height: 100%;
	border:none;
	background: none;
}
.loginForm .subbox{
	margin: 20px 0 25px;
}
.loginForm .subbox .submit{
	width: 100%;
	height: 46px;
	border:none;
	border-radius: 23px;
	background: #24C788;
	color: #FFFFFF;
}
.loginForm .loginBinding{
	text-align: center;
	opacity: 0.8;
}
.loginForm .loginBinding .checkbox{}

.loginFoot{
	margin-bottom: 20px;
	text-align: center;
	opacity: 0.8;
}
.loginFoot a{
	color: #24C788;
}






body.hasTabbar .cont_page{
	padding-bottom: 60px;
}
body.hasFixFooter .cont_page{
	padding-bottom: 60px;
}
body.hasFixFooter.hasTabbar .cont_page{
	padding-bottom: 120px;
}
body.hasFixFooter.hasTabbar .fixFooter{
	bottom: 60px;
}


.hasHeader{
	padding-top: 56px;
}
.header{
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	padding: 10px 20px 10px 20px;
	background-color: #fff;
}
.headerHasFilter{
	padding-right: 50px;
}
.header .logo{
	float: left;
	margin-right: 10px;
}
.header .logo img{
	height: 34px;
}
.header .searchBox{
	overflow: hidden;
	display: block;
}
.header .filter{
	float: right;
	margin: 8px -32px 0 0;
	width: 20px;
	height: 20px;
	background: url(../images/ico_filter.png) no-repeat 50% 50%;
}
.searchBox .input{
	padding-left: 40px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: 1px solid #eee;
	background: #F7F7F7 url(../images/ico_search.png) no-repeat 16px 50%;
	border-radius: 18px;
}


.indBanner{
	margin-top: -10px;
	padding: 10px 0;
	background-image: linear-gradient(180deg, #FFFFFF 0%, #F8FFFD 100%);
}
.indBanner .swiper-slide{
	width: 90%;
}
.indBanner .img{
	border-radius: 5px;
	width: 100%;
}

.mainbox{
	padding: 20px;
}

.gradientMain{
	padding: 20px;
	background-image: linear-gradient(180deg, #F8FFFD 0%, #FFFFFF 100%);
	border-top: 10px solid #F5F5F5;
}
.gradientMain .boxTitle{
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.gradientMain .boxTitle:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.gradientMain .boxTitle .title{
	float: left;
	margin-bottom: -1px;
	padding-bottom: 3px;
	color: #24C788;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #24C788;
}
.gradientMain .boxTitle .extra{
	float: right;
	margin-top: 5px;
}
.gradientMain .boxTitle .extra .more{
	display: block;
	padding-right: 12px;
	background: url(../images/ico_more.png) no-repeat right 50%;
	color: #888;
}
.gradientMain .boxTitle .extra .ranking{
	display: block;
	padding: 0 0 0 15px;
	background: url(../images/ico_ranking.png) no-repeat left 50%;
	color: #888;
}
.gradientMain .boxCont{}


.bookList_1{
	overflow: hidden;
	margin-left: -3%;
	display: flex;
  flex-flow: wrap;
}
.bookList_1 li{
	margin: 0 0 10px 3%;
	width: 30%;
}
.bookList_1 li a{
	display: block;
}
.bookList_1 li .img{
	display: block;
	margin-bottom: 5px;
	/* height: 133px; */
}
.bookList_1 li .img img{
	width: 100%;
}
.bookList_1 li .title{
	display: block;
	height: 36px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 12px;
	text-align: center;
}

.bookList_2{}
.bookList_2 li{
	margin-bottom: 15px;
}
.bookList_2 li a{
	display: block;
	overflow: hidden;
}
.bookList_2 li .img{
	float: left;
	position: relative;
	margin-right: 10px;
	padding: 8px 0;
	width: 100px;
	background-color: #F5F5F5;
	text-align: center;
}
.bookList_2 li .img .rank{
	position: absolute;
	left: 0;
	top: 0;
	padding: 1px 7px;
	background: #31c78a;
	border-radius: 5px 0 5px 0;
	font-size: 12px;
	color: #fff;
	transform: scale(0.9);
}
.bookList_2 li .img img{
	width: 80px;
}
.bookList_2 li .caption{
	overflow: hidden;
}
.bookList_2 li .caption .title{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bookList_2 li .caption .text{
	display: block;
	font-size: 12px;
	color: #999;

	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}


.bookList_3{
	overflow: hidden;
	margin-left: -5%;
	padding: 20px;
	display: flex;
  flex-flow: wrap;
	border-top: 10px solid #F5F5F5;
}
.bookList_3 li{
	margin: 0 0 5% 5%;
	width: 45%;
}
.bookList_3 li a{
	display: block;
}
.bookList_3 li .img{
	display: block;
	margin-bottom: 5px;
	padding-top: 100%;
	/* height: 133px; */
}
.bookList_3 li .img img{
	margin-top: -100%;
	width: 100%;
}
.bookList_3 li .caption{
	overflow: hidden;
	height: 42px;
}
.bookList_3 li .title{
	display: block;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 14px;
}
.bookList_3 li .text{
	font-size: 12px;
	color: #888;
}



.bookList_4{}
.bookList_4 li{
	margin-bottom: 20px;
}
.bookList_4 li a{
	display: block;
	overflow: hidden;
}
.bookList_4 li .img{
	float: left;
	margin-right: 10px;
}
.bookList_4 li .img img{
	width: 70px;
	border-radius: 4px;
}
.bookList_4 li .caption{
	overflow: hidden;
}
.bookList_4 li .caption .title{
	display: block;
}
.bookList_4 li .caption .text{
	display: block;
	font-size: 12px;
	color: #999;
}


.bookList_5{}
.bookList_5 li{
	margin-bottom: 20px;
}
.bookList_5 .title{
	color: #555;
}
.bookList_5 .title .num{
	font-size: 16px;
	color: #222;
}








.weui-tabbar .icon_index, .weui-tabbar .icon_catalog, .weui-tabbar .icon_car, .weui-tabbar .icon_my{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/nav_index.png) no-repeat 50% 50%;
	background-size: 100% auto;
}
.weui-tabbar .icon_index{}
.weui-tabbar .weui-bar__item--on .icon_index{
	background-image: url(../images/nav_index_on.png);
}
.weui-tabbar .icon_catalog{
	background-image: url(../images/nav_catalog.png);
}
.weui-tabbar .weui-bar__item--on .icon_catalog{
	background-image: url(../images/nav_catalog_on.png);
}
.weui-tabbar .icon_car{
	background-image: url(../images/nav_car.png);
}
.weui-tabbar .weui-bar__item--on .icon_car{
	background-image: url(../images/nav_car_on.png);
}
.weui-tabbar .icon_my{
	background-image: url(../images/nav_my.png);
}
.weui-tabbar .weui-bar__item--on .icon_my{
	background-image: url(../images/nav_my_on.png);
}


.catalogBox{
	border-top: 10px solid #F5F5F5;
}
.catalogBox .weui-navbar{
	position: relative;
	float: left;
	padding-top: 15px;
	height: 100%;
	width: 88px;
	display: block;
	background-color: #ECF5F1;
	overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.catalogBox .weui-navbar__item{
	font-size: 12px;
}
.catalogBox .weui-navbar__item.weui-bar__item--on{
	background-color: #fff;
	color: #24C788;
}
.catalogBox .weui-navbar__item:after{
	left: 0;
	top: 16px;
	width: 3px;
	height: 16px;
	border: none;
	transform:scale(1);
}
.catalogBox .weui-navbar__item.weui-bar__item--on:after{
	background-color: #24C788;
}
.catalogBox .weui-navbar + .weui-tab__bd{
	padding: 0 12px 20px 100px;
	padding-top: 15px;
}

.catalog_title{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #24C788;
}
.catalog_title a{
	color: #24C788;
}

.secCatalogList{
	margin-left: -2%;
	margin-bottom: 20px;
	display: flex;
  flex-flow: wrap;
	font-size: 12px;
}
.secCatalogList li{
	margin: 0 0 2% 2%;
	padding: 10px 5px;
	width: 31%;
	background: #F5F5F5;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.secCatalogList .active{
	background-color: #fff;
	border: 2px solid #24C788;
}
.secCatalogList .active a{
	color: #24C788;
}


.sortBox .searchBox{
	margin-bottom: 10px;
}
.sortBox .btn_group{
	margin-top: 50px;
}
.btn_group{
	display: flex;
  justify-content: space-between;
}
.btn_group .weui-btn{
	margin: 0;
  flex-basis: 47%;
}
.btn_group .weui-btn+.weui-btn{
	margin-top: 0;
}

.sortList{}
.sortList li{
	width: 60%;
}


.prodIntro{
}
.prodIntro .itemImg{
	position: relative;
	padding: 20px;
	background-color: #fff;
	text-align: center;
}
.prodIntro .itemImg img{
	width: 70%;
}
.prodIntro .itemImg .fav{
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 28px;
	height: 28px;
	background: url(../images/ico_fav.png) no-repeat 50% 50%;
}
.prodIntro .itemImg .fav_on{
	background-image: url(../images/ico_fav_on.png);
}

.prodIntro .itemInfo{
	padding: 20px;
	border-top: 1px solid #eee;
}
.prodIntro .itemInfo .title{
	margin-bottom: 8px;
	font-size: 20px;
	color: #222;
}
.prodIntro .itemInfo .price{
	margin-bottom: 5px;
	color: #222;
}
.prodIntro .itemInfo .price .num{}
.prodIntro .itemInfo .stock{
	margin-bottom: 5px;
	color: #222;
}
.prodIntro .itemInfo .stock .num{}
.prodIntro .itemInfo .express{
	color: #888;
}
.prodIntro .itemInfo .express .date{
	color: #24C788;
}
.prodIntro .itemInfo .btn_group{
	margin: 18px 0 10px;
}
.prodIntro .itemInfo .instruction{
	text-align: right;
}
.prodIntro .itemInfo .instruction a{
	color: #24C788;
	font-size: 12px;
}

.prodDetail{
	padding: 20px;
	border-top: 10px solid #F5F5F5;
}


.cartList{}
.cartList li{
	margin-bottom: 5px;
	padding: 15px;
	background-color: #fff;
}
.cartList li .del{
	float: left;
	margin: 30px 20px 0 0;
	width: 25px;
	height: 25px;
	background: url(../images/ico_del.png) no-repeat 50% 50%;
}
.cartList li .chk{
	float: left;
	margin: 25px 20px 0 0;
	width: 20px;
	height: 20px;
}
.cartList li .link{
	display: block;
	overflow: hidden;
}
.cartList li .img{
	float: left;
	margin-right: 10px;
}
.cartList li .img img{
	width: 70px;
	border-radius: 4px;
}
.cartList li .caption{
	overflow: hidden;
}
.cartList li .caption .title{
	display: block;
}
.cartList li .caption .text{
	display: block;
	font-size: 12px;
	color: #999;
}


.footSubbox{
	overflow: hidden;
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 60px;
	background-color: #fff;
}
.footSubbox .submit{
	float: right;
	width: 110px;
	border-radius: 0;
}

.fixFooter{
	position: fixed;
	bottom:0;
	left: 0;
	right: 0;
	background-color: #fff;
	padding: 10px 15px;
}


.addressBox .weui-media-box_appmsg .weui-media-box__hd{
	align-self: flex-start;
	margin-top: 3px;
	width: auto;
	height: auto;
	line-height: 1.5;
}
.addressBox .weui-cell:first-child:before{
	display: none;
}


.addressList{
	padding: 10px;
}
.addressList li{
	margin-bottom: 5px;
	padding: 15px;
	border: 2px solid #fff;
	border-radius: 5px;
}
.addressList li.active{
	border-color: #24C788;
}
.addressList .title{
	overflow: hidden;
	font-size: 16px;
}
.addressList .title .edit{
	float: right;
	width: 20px;
	height: 20px;
	background: url(../images/ico_edit.png) no-repeat 50% 50%;
	color: #888;
}
.addressList .title .name{
	margin-right: 20px;
}
.addressList .title .tel{
	margin-right: 10px;
}
.addressList .title .default{
	padding: 2px 6px;
	background-color: #24C788;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
}
.addressList .text{
	font-size: 14px;
	color: #888;
}

.input-arrow{
	background: url(../images/ico_1.png) no-repeat right 50%;
}

.delAddress{
	padding: 30px 0;
	text-align: center;
}
.delAddress a{
	color: #FF0000;
}

/* 用户中心 */
.userIntro{
	height: 110px;
	background-image: url(../images/user_bg.png);
}
.userIntro .avatar {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
}
.userIntro .weui-media-box__desc {
	line-height: 17px;
}
.cells .item {
	height: 60px;
}
.cells .badge {
	background-color: #24C788;
}
.btn-logout {
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	text-align: center;
	color: #888;
}
/* 我的待还 */
.wait-for-return-list {
	margin-top: 4px;
}
.wait-for-return-list .list-item {
	padding: 15px 20px;
	display: flex;
	flex-flow: column;
}
.wait-for-return-list .list-item .head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 18px;
	color: #222;
	line-height: 12px;
}
.wait-for-return-list .list-item .head .order-status-borrowing {
	color: #24C788;
}
.wait-for-return-list .list-item .head .order-status-returned {
	color: #ccc
}
/* .wait-for-return-list .list-item .body {
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 70px 1fr 64px 64px;
	gap: 0 10px;
	grid-template-areas: "img title title title"
											 "img count btn1 btn2";
}
.wait-for-return-list .list-item .body .title {
	grid-area: title;
}
.wait-for-return-list .list-item .body .order-img {
	width: 70px;
	height: 90px;
	grid-area: img;
	margin-right: 10px;
}
.wait-for-return-list .list-item .body .count {
	grid-area: count;
	align-self: end;
}
.wait-for-return-list .list-item .body .order-btn {
	font-size: 12px;
	line-height: 2;
	padding: 0 7px;
}
.wait-for-return-list .list-item .body .btn1 {
	grid-area: btn1;
	align-self: end;
}
.wait-for-return-list .list-item .body .btn2 {
	grid-area: btn2;
	align-self: end;
} */

.wait-for-return-list .list-item .body {
	display: flex;
	margin-bottom: 10px;
}
.wait-for-return-list .list-item .body .order-img {
	float: left;
	margin-right: 10px;
	width: 70px;
	height: 90px;
	margin-right: 10px;
}
.wait-for-return-list .list-item .body .info {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	width: 100%;
}
.wait-for-return-list .list-item .body .info .title {
	font-size: 16px;
	color: #222;
}
.wait-for-return-list .list-item .body .info .foot {
	display: flex;
}
.wait-for-return-list .list-item .body .info .foot .count {
	flex-grow: 1;
	color: #888;
}
.wait-for-return-list .list-item .body .info .foot .order-btn {
	font-size: 12px;
	line-height: 2;
	padding: 0 7px;
	width: 64px;
	margin-left: 10px;
}
.wait-for-return-list .list-item .body .info .foot .btn1 {
	color: #888;
}
.wait-for-return-list .list-item .body .info .foot .weui-btn+.weui-btn {
	margin-top: 0;
}

/* 订单详情 */
.order-detail .status {
	font-size: 20px;
	color: #24C788;
	line-height: 24px;
}
.order-detail .express {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}
.order-detail .express-info {
	display: flex;
}
.order-detail .express-info .title {
	color: #888;
	margin-right: 12px;
}
.order-detail .express-info .order_no {
	color: #030303;
}
.order-detail .consignee {
	margin-top: 30px;
	display: flex;
}
.order-detail .consignee .img-location {
	width: 21px;
	height: 21px;
	margin-right: 14px;
}
.order-detail .consignee .name {
	margin-right: 14px;
}
.order-detail .consignee .address {
	color: #888;
	font-size: 14px;
}
.order-detail .book-list-box > .title{
	padding: 20px 22px;
	font-size: 16px;
	color: #222;
	font-weight: bold;
}
.order-detail .book-list {
	padding: 0 22px;
	margin-bottom: 5px;
}
.order-detail .book-list > li {
	height: 90px;
	margin-bottom: 25px;
}
.order-detail .book-list .del .title, .order-detail .book-list .del .desc{
	text-decoration: line-through;
	color: #999;
}
.order-detail .book-list img {
	width: 70px;
	height: 90px;
	float: left;
	margin-right: 10px;
}
.order-detail .book-list .title {
	font-size: 16px;
	color: #222;
}
.order-detail .book-list .desc {
	color: #555;
	margin-top: 8px;
	line-height: 14px;
}
.order-detail .book-list .count {
	color: #888;
	margin-top: 10px;
	display: flex;
  justify-content: flex-end;
}
.order-detail .order-info > .title {
	padding: 15px 22px;
	font-size: 16px;
	color: #222;
	font-weight: bold;
}
.order-detail .order-info .info {
	color: #888888;
	line-height: 12px;
	padding: 8px 22px;
}
.order-detail .order-info .info > .data {
	color: #030303;
}

/* 物流追踪 */
.express-page .express-info {
	padding: 19px 22px 24px;
}
.express-page .express-info .label {
	color: #888888;
	line-height: 12px;
}
.express-page .express-info .data {
	color: #101010;
	line-height: 12px;
}
.express-page .express-process {
	padding: 20px;
}
.express-page .express-process .item {
	border-left: 1px solid #EDEDED;
	padding: 0 50px 40px 14px;
	position: relative;
}
.express-page .express-process .item:last-of-type {
	padding-bottom: 0;
}
/* .express-page .express-process .item::after {
	content: "";
	height: 100%;
} */
.express-page .express-process .item.active::before {
	content: "";
	width: 16px;
	height: 16px;
	background-image: url(../images/now_status.png);
	position: absolute;
	left: -8px;
}
.express-page .express-process .item:not(.active)::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #D8D8D8;
	position: absolute;
	top: 7px;
	left: -5px;
}
.express-page .express-process .item .status {
	font-size: 14px;
	color: #222222;
	line-height: 16px;
}
.express-page .express-process .item .info,
.express-page .express-process .item .time {
	font-size: 12px;
	color: #888888;
	line-height: 16px;
	margin-top: 8px;
}

.searchBox.full {
	display: block;
	padding: 5px 15px;
}
.search-page .search-bar {
	padding: 15px;
	display: flex;
	align-items: center;
}
.search-page .search-bar > img {
	width: 16px;
	height: 16px;
}
.search-page .search-bar .label {
	color: #888888;
	margin: 0 4px;
	line-height: 24px;
}
.search-page .search-bar .keyword	 {
	font-size: 16px;
	color: #222222;
}
.search-page .btn-high-level-search {
	color: #222;
	margin-top: 75px;
}	
/* 高级搜索 */
.high-level-search-page{
}
.high-level-search-page .weui-cells {
}
.high-level-search-page .weui-cells:before, .high-level-search-page .weui-cells:after{
	display: none;
}
.high-level-search-page .weui-cell {
	height: 60px;
}
.high-level-search-page .weui-cell:before{
	transform: scaleY(1);
	right: 15px;
	top: auto;
	bottom: 0;
}
.high-level-search-page .weui-cell:first-child:before{
  display:block;
}

.high-level-search-page .weui-cell.active:before{
	border-color: #24C788;
}
.high-level-search-page .weui-cell.active .weui-input {
	color: #24C788;
}
.high-level-search-page .weui-input {
	/* text-align: right; */
}
.btn-search {
	margin-top: 20px;
}

.weui-cell-rowspan{
	margin-bottom: -25px;
}
.weui-cell-rowspan:before{
	display: none;
}
.weui-cell-rowspan+.weui-cell .weui-input{
	text-align: left;
}




/* 搜索结果 */
.search-result-page .weui-msg__title {
	font-size: 16px;
	color: #888888;
}
.search-result-page .msg {
	font-size: 16px;
	margin: 35px 86px 0;
}
.search-result-page .text-link {
	font-size: 16px;
	color: #24C788;
	text-align: center;
	line-height: 22px;
}


.helplist{
	background-color: #fff;
}
.helplist dt{
	position: relative;
	padding: 12px 30px 12px 15px;
	border-top: 1px solid #ededed;
	font-size: 16px;
	color: #222;
}
.helplist dt::after{
	content:'\0020';
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -9px;
	width: 10px;
	height: 17px;
	background: url(../images/ico_1.png) no-repeat 50% 50%;
}
.helplist dt.active::after{
	transform: rotate(90deg);
}
.helplist dd{
	display: none;
	padding: 0 15px 0;
	color: #555;
}


.pickupCode{
	margin-top: 80px;
	text-align: center;
}
.pickupCode .num{
	color: #24C788;
	font-size: 48px;
}
.pickupCode .text{
	font-size: 20px;
	color: #888;
}

.tips_submit{
	margin-bottom: 5px;
	text-align: center;
	font-size: 12px;
	color: #999;
}
































.weui-btn{
	font-size: 16px;
}
.weui-btn_mini {
	font-size: 12px;
	border-radius: 3px;
}
.weui-btn_plain-primary {
	color: #24C788;
	border: 1px solid #24C788;
}
.weui-btn_plain-primary:not(.weui-btn_plain-disabled):active {
    color: #24C788;
    border-color: #24C788;
}
.weui-btn_primary{
	background-color: #24C788;
}
.weui-btn_primary:not(.weui-btn_disabled):active{
	background-color: #24C788;

}

.weui-tabbar{
	z-index: 99;
	height: 60px;
	background-color: #fff;
}
.weui-tabbar__item{
	padding-top: 10px;
}
.weui-tabbar__label{
	margin-bottom: 0;
}
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label{
	color: #24C788;
}

.weui-cell_access .weui-cell__ft:after{
	width: 10px;
	height: 10px;
}

.weui-icon_msg{
	font-size: 60px;
}
.weui-icon-success{
	color: #24C788;
}
.weui-cells{
	font-size: 14px;
}
.weui-cells_form{
	font-size: 16px;
}

.weui-picker-modal .picker-items{
	font-size: 14px;
}
.city-picker .picker-items-col{
	/* max-width: 6rem; */
}
.city-picker .col-province{
	max-width: 9rem;
}

.weui-dialog__bd{
	min-height: 0;
}
.weui-dialog__ft{
	margin-top: 10px;
}

.weui-cell .weui-media-box{
	padding-left: 0;
	padding-right: 0;
}
.weui-dialog__btn{
	color: #24C788;
}








.titleBox_1{
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.titleBox_1:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.titleBox_1 .title{
	float: left;
	margin-bottom: -1px;
	padding-bottom: 3px;
	color: #24C788;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #24C788;
}
.titleBox_1 .extra{
	float: right;
	margin-top: 3px;
}
.titleBox_1 .extra .more{
	display: block;
	padding-right: 12px;
	background: url(../images/ico_more.png) no-repeat right 50%;
	color: #888;
}

.titleBox_2{
	margin-bottom: 10px;
}
.titleBox_2:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.titleBox_2 .title{
	float: left;
	margin-bottom: -1px;
	padding-bottom: 3px;
	color: #24C788;
	font-size: 16px;
}
.titleBox_2 .extra{
	float: right;
	margin-top: 3px;
}
.titleBox_2 .extra .edit{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/ico_edit.png) no-repeat 50% 50%;
	color: #888;
}


.title_1{
	margin-bottom: 10px;
	color: #24C788;
	font-size: 18px;
	font-weight: normal;
}
.title_2{
	margin-bottom: -10px;
	padding: 10px 15px 0;
	font-size: 16px;
}


.table_1{
	font-size: 12px;
}
.table_1 th{
	text-align: left;
	font-weight: normal;
	color: #888;
}


/* 
.browser-tips{
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	width:100%
}
.browser-tips-content{
	position:relative;
	z-index:10;
	display:block;
	background: url(../images/weixin_tips.png) no-repeat 100% 0;
	background-size:100% auto;
	min-height: 320px;
}
.browser-tips-mask{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8)
}





.checkbox_custom_1 .checkbox{
	filter:Alpha(opacity=0);opacity:0;
}
.checkbox_custom_1 .ico{
	display:inline-block;
	content:'\0020';
	width:39px;
	height:21px;
	background:url(../images/checkbox_1.png) no-repeat left top;
	color:#fff;
}

.checkbox_custom_1 .checkbox:checked + .ico{
	background-image:url(../images/checkbox_1_on.png);
}
 */






.paginal{ padding:10px 0; text-align:center;}
.paginal ul{}
.paginal li{ display:inline;}
.paginal a{ padding:2px 4px; margin:0 0 0 1px; border:1px solid #fff; text-decoration:none;}
.paginal a:hover{ border:1px solid #969696; background:#f7f7f7;}
.paginal .selected a{ border:1px solid #969696; background:#f7f7f7; color:#f20c0c; font-weight:bold;}
.paginal .prev a, .paginal .next a{ margin:0 5px; border:1px solid #969696; background:#f7f7f7;}



.footer{
	padding:10px 0 20px;
}
.footer .copy{}
.footlink{ margin:0 0 5px -10px;}
.footlink a{ margin:0 10px; color:#555;}

















.row:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.row{ zoom:1; margin-left:-10px;}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span4-5{
	float:left;
	display:inline;
	margin-left:10px;
	margin-bottom:10px;
}
.span1{
	width:90px;
}
.span2{
	width:190px;
}
.span3{
	width:290px;
}
.span4{
	width:390px;
}
.span5{
	width:490px;
}
.span6{
	width:590px;
}
.span7{
	width:690px;
}
.span8{
	width:790px;
}
.span9{
	width:890px;
}
.span10{
	width:990px;
}
.span11{
	width:1090px;
}
.span12{
	width:1190px;
}
.span4-5{
	width:440px;
}




.row-fluid:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.row-fluid{ zoom:1; margin-left:-1.282051282051282%;}
.row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12, .row-fluid .span4-5{
	margin-left: 1.282051282051282%;
}
.row-fluid .span12 {
	width: 100%;
	*width: 99.94680851063829%;
}
.row-fluid .span11 {
	width: 91.45299145299145%;
	*width: 91.39979996362975%;
}
.row-fluid .span10 {
	width: 82.90598290598291%;
	*width: 82.8527914166212%;
}
.row-fluid .span9 {
	width: 74.35897435897436%;
	*width: 74.30578286961266%;
}
.row-fluid .span8 {
	width: 65.81196581196582%;
	*width: 65.75877432260411%;
}
.row-fluid .span7 {
	width: 57.26495726495726%;
	*width: 57.21176577559556%;
}
.row-fluid .span6 {
	width: 48.717948717948715%;
	*width: 48.664757228587014%;
}
.row-fluid .span5 {
	width: 40.17094017094017%;
	*width: 40.11774868157847%;
}
.row-fluid .span4 {
	width: 31.623931623931625%;
	*width: 31.570740134569924%;
}
.row-fluid .span3 {
	width: 23.076923076923077%;
	*width: 23.023731587561375%;
}
.row-fluid .span2 {
	width: 14.52991452991453%;
	*width: 14.476723040552828%;
}
.row-fluid .span1 {
	width: 5.982905982905983%;
	*width: 5.929714493544281%;
}