@charset "UTF-8";

/* reset */
@charset "UTF-8";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height: 100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}
body,html{font:14px/1.5 sans-serif;}
body{min-height:100%;}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:after,q:before{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a,a:hover,ins{text-decoration:none}
input[type=button],
input[type=submit],
input[type=reset]{-webkit-appearance:none}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration{display:none}

:focus {outline: 0;}
*,:before,:after{box-sizing: border-box;}
*{-webkit-user-select: text; -webkit-tap-highlight-color: transparent; -webkit-appearance: none;}

.l{float:left}
.r{float:right}
.cl:after,.clr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl,.clr,.clearfix{zoom:1}
.bg{background: url(../img/bg.jpg) no-repeat center center;background-size: cover;}
.bg-black{background-color:rgba(0,0,0,.75);}
.bg-white{background-color:#fff;}
.btn{width: 100%; height: 1.253333rem; line-height: 1.253333rem;border: none; border-radius: 5px; color: #fff; background-color: #0C7B85; text-align: center; font-size: .46875rem; display: block;}
.w{margin:0 auto;padding:0.46875rem 0.359375rem;}
.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ell3{overflow : hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical;-moz-line-clamp: 3; -moz-box-orient: vertical;}

/* navbar */
.navbar{position: fixed; left: 0; bottom: 0; width: 100%; height: 1.25rem; line-height: 1.25rem; z-index: 1010;background-color:rgba(7,46,50,.8);}
.navbar-nav{text-align: center; overflow: hidden;margin: 0; list-style: none; width: 100%;position: relative; z-index: 1015;}
.navbar-nav li{width: 33.33333%; float: left;height: auto;}
.navbar-nav a{display: inline-block; width: 100%; height: 1.3125rem;color:#0C7A85;position:relative;}
.navbar-nav a .icon{height:0.78125rem;display:block;line-height:0.859375rem;}
.navbar-nav a .iconfont {font-size:0.5625rem;}
.navbar-nav a .navbar-label{line-height: 0.3125rem; font-size: 0.3125rem; display: block;}
.navbar-nav .selected a{color:#fff;}
.navbar-nav a .tip-num{font-size:0.28125rem;color:#fff;background-color:#F43531;border-radius:50%;position:absolute; top:0.078125rem;left:56%;
width:0.390625rem; height:0.390625rem;display:block; line-height:0.390625rem}
.navbar-fix{padding-bottom:1.3125rem;}

/* login */
.login-wrap{width: 8.4375rem;margin: 0 auto;padding-top: 2.25rem;}
.login-wrap .l-logo{height:1.71875rem;margin-bottom: 1.5625rem;text-align: center;}
.login-wrap .l-logo img{height:100%;}
.login-wrap .l-form{background-color:#fff;border-radius: 0.125rem;width:100%;margin-bottom:0.71875rem;}
.login-wrap .l-form .field{border-bottom:1px solid #ccc;}
.login-wrap .l-form .field:last-child{border:none;margin-top: 1px;}
.login-wrap .l-form input,
.login-wrap .l-form .l-school{width:100%;border:none;padding:0.3125rem;font-size:0.46875rem;height: 1.25rem;line-height: 0.625rem;display: block;position: relative;}
.login-wrap .l-form .l-school:after{content: "\e607";font-family:"iconfont" !important; font-size:0.75rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;position: absolute;right: 0.234375rem;color: #999;font-size: 0.375rem;}
.login-wrap .l-form .l-user{border-radius:0.09375rem 0.09375rem 0 0;}
.login-wrap .l-form .l-pass{border-radius:0 0 0.09375rem 0.09375rem;}
.login-wrap .l-submit{padding-bottom:0.78125rem;}
.login-wrap .btn-submit{background-color: #FF7F00;}

/* index */
.header{font-size:0.5625rem;text-align:center;background-color:#072E32;width:100%; height:1.125rem;line-height: 1.125rem; color: #fff;}
.h-black{background-color:#072E32;}
.user-wrap{marign:0 auto;padding:0.390625rem 0.359375rem;position:relative;padding-left: 2.625rem;border-bottom:1px solid #fff;}
.user-wrap .user-img{width:1.875rem;height:1.875rem;position:absolute;left:0.359375rem;top:0.390625rem;}
.user-wrap .user-img img{width:100%;height:100%;border-radius:0.078125rem;}
.user-wrap .user-info{color:#fff;font-size:0.4375rem;line-height:0.59375rem;}
.user-wrap .name{font-size:0.5rem;line-height:0.78125rem;}

.scan-wrap{margin:0 auto;padding:0.46875rem 0.359375rem;}
.scan-wrap .btn-scan{background-color:#0C7B85;margin-bottom:0.625rem;}
.bs-box{width:100%;height:6.875rem;border:1px solid rgba(255,255,255,.6);background-color:rgba(255,255,255,.2);overflow-y:auto;position: relative;}
.nothing-box{height: 5.3125rem;}
.bs-box .nothing{font-size:0.5625rem;text-align:center;color:#fff;margin:2.1875rem  auto;}
.bs-box .bs-list{padding: 0 0.203125rem;color: #fff;height: 5.78125rem;overflow-y: auto;}
.bs-box .bs-list>li{border-bottom: 1px solid #0F5861;  padding: 0.1875rem 0;position: relative; padding-left: 1.4375rem;}
.bs-box .bs-img{width: 1.046875rem;height: 1.5625rem;position: absolute;left:0.15625rem;top:0.1875rem;}
.bs-box .bs-img img{width: 100%;height: 100%;}
.bs-box .bs-info{position: relative; padding-right: 2.03125rem;}
.bs-box .bs-info .cont li{font-size: 0.375rem;color: #ccc;line-height: 0.46875rem;height: 0.46875rem;}
.bs-box .bs-info .cont li.name{font-size: 0.46875rem;color: #fff;line-height: 0.625rem;height: 0.625rem;}
.bs-box .bs-del{position: absolute; right: 0; padding: 0 0.15625rem; top: -5px;color: #ccc;}
.bs-box .bs-del .iconfont{font-size: 0.5625rem;}
.bs-box .price{position: absolute; right: 0.15625rem; bottom: 0;font-size: 0.46875rem;color: #fff; line-height:0.46875rem}
.bs-box .total{position: absolute;bottom: 0;left:0;width: 100%;padding: 0 0.203125rem;height: 1.125rem;line-height: 1.125rem;color: #fff;text-align: right;font-size: 0.46875rem;}
.buy-wrap .btn-borrow{background-color: #FF7F00;margin-top: 0.625rem;}
.buy-wrap .btn-buynow{color: #FF3F00;background-color: #fff;margin-top: 0.625rem;}
.buy-wrap .tip{font-size: 0.4375rem;line-height: 1rem;text-align: center;color: #fff;}
.buy-wrap .tip em{color: #FF7F00;}
.qrcode-wrap{margin-top: 0.5625rem;text-align: center;}
.qrcode-wrap .qrcode-title{font-size: 0.46875rem;color:#fff;line-height: 0.703125rem;margin-bottom: 0.3125rem;}
.qrcode-wrap .qrcode{width: 4.375rem;height: 4.375rem;background-color: #fff;margin: 0 auto;}
.trading-wrap{margin-top: 0.703125rem;color: #fff;text-align: center;}
.trading-wrap .trading-title{font-size: 0.625rem;margin-bottom: 0.15625rem;}
.trading-wrap .trading-time,
.trading-wrap .trading-id{font-size: 0.4375rem;;}

.user-header{height:5.46875rem;background: url(../img/bg_user.jpg) no-repeat center bottom;background-size:cover;padding-top:1.25rem;text-align:center;position: relative;}
.user-header .logout{position: absolute;top: 0.3125rem;font-size: 0.46875rem;text-decoration: underline;right: 0.46875rem;color: #fff;}
.user-header .user-img{width:2.34375rem;height:2.34375rem;background-color: #fff; border-radius:50%;margin:0 auto;}
.user-header .user-img img{width:2.1875rem;height:2.1875rem;border-radius:50%;margin: 0.078125rem auto;}
.user-header .user-name{font-size: 0.5625rem;color:#fff;margin-top: 0.3125rem;line-height: 1.2}
.user-header .autograph{font-size: 0.40625rem;line-height: 1.2;color: #fff;display: block;padding: 0.15625rem 0.625rem;position: relative;}
.user-header .autograph .iconfont{position: absolute;right: 0.375rem;color: #fff;font-size: 0.5rem;top: 0.125rem;}

.user-histroy{}
.user-tab li{float: left;width: 33%;font-size: 0.40625rem;}
.user-tab li a{display: block;color: #CCC;text-align: center;padding-bottom:0.234375rem;}
.user-tab li.selected a{color: #fff;border-bottom:2px solid #fff;}
.btn-login{margin-top: 0.3125rem;}
.user-histroy .h-tip{font-size: 0.40625rem;color: #ccc;line-height: 1.2;}
.book-list>li{margin-top: 0.390625rem;padding:0.15625rem;border-radius: 0.125rem;background-color: #fff;position: relative;padding-left: 1.796875rem;}
.book-list .stat{position: absolute;right: 0.3125rem;bottom: 0.15625rem;font-size: 0.375rem;color: #999;}
.book-list .stat.not-distribution{color: #FF7F00;}
.book-list .stat.distribution{color: #00B22D;}
.book-list .book-img{width: 1.25rem;height: 1.875rem;position: absolute;left: 0.15625rem;top: 0.15625rem;}
.book-list .book-img img{width: 100%;height: 100%;}
.book-list .book-info li{color: #999;font-size: 0.3125rem;line-height: 1.2;}
.book-list .book-info .name{font-size: 0.4375rem;color: #333;margin-bottom: 0.28125rem;}
.book-list .book-info .day-remaining{font-size: 0.375rem;margin-bottom: 0.28125rem;}
.book-list .book-info .day-remaining em{color: #FF7F00;}

.toper-wrap{width:9.25rem;margin:0 auto;background-color:#fff;border-radius:0.109375rem;position: relative;}
.t-buy-wrap{padding-top:10%;}
.toper-wrap .t-tip{padding:0.5rem;font-size:0.4375rem;color:#555;line-height:0.75rem;border-bottom:1px solid #ccc;}
.toper-wrap .t-tip em{color:#FF7F00;}
.toper-wrap .book{padding:0.71875rem 0.5rem;padding-left:2.96875rem;position:relative;}
.toper-wrap .b-img{width:1.984375rem;height:3.125rem;box-shadow: 0 0 10px 3px rgba(85,85,85,.6);position:absolute;left:0.5rem;top:0.71875rem;}
.toper-wrap .b-img img{width:100%;height:100%;}
.toper-wrap .b-info{font-size:0.375rem;color:#999;line-height:0.5625rem;}
.toper-wrap .b-info .name{font-size:0.5rem;color:#333;margin-bottom:0.234375rem;}
.toper-wrap .b-info .press{margin-bottom:0.234375rem;}
.toper-wrap .b-info .addr,
.toper-wrap .b-info .collection{color:#555;}
.toper-wrap .other-info{margin-top:0.46875rem;padding-bottom:0.734375rem;text-align:center;font-size:0.375rem;color:#999;}
.toper-wrap .other-info .discount-w{margin-bottom: 0.15625rem;}
.toper-wrap .other-info .discount{color:#FF7F00;}
.toper-wrap .other-info .price{margin-bottom:0.46875rem;}
.toper-wrap .other-info .btn-buynow{width:4.0625rem;background-color:#FF7F00;margin: 0 auto;height:1.09375rem;line-height:1.09375rem;}
.new{color:#F00;font-size:0.625rem;}
.old{text-decoration:line-through;}


/* buy page */
.h-white{height:1.609375rem;width: 100%; background: #fff;text-align: center; font-size: 0.5625rem;color: #525252; line-height:1.609375rem; border-bottom: 1px solid #DDD;}
.main{padding: 0.234375rem 0.359375rem 0.78125rem;}
.addr-w{border-bottom:1px solid #DDD;}
.addr-w span{font-size:0.4375rem;}
.addr-w .addr-label{float: left; color: #999;line-height:1.40625rem;}
.addr-w .addr-txt{float: right; color: #525252; width: 7.03125rem;text-align: right;padding-top: 0.4rem; font-size:0.4375rem; color: #525252 }
.addr-w a .iconfont{font-size: 0.625rem; margin-top: 0.234375rem; float: right;color:#D8D8D8 }
.addr-w input{border: none; background: none; font-size: 0.4375rem; color: #525252 ;height: 1.40625rem;  }
.addr-s{border-bottom:1px solid #DDD;position: relative;}
.addr-s .buy-user{width: 88%; float: left;padding: 0.2rem 0; }
.addr-s .buy-user p{ font-size:0.4375rem; color: #525252; line-height: 0.8rem  }
.addr-s .buy-user p span{float: right;}
.addr-s .buy-radio{position: absolute; right: 0; top: 0.6rem; width: 0.625rem;height: 0.625rem;border-radius: 0.625rem; border:1px solid #AAA;}
.addr-s .buy-radio .iconfont{position: absolute; right: 0.08rem; top: -0.03rem; font-size: 0.4375rem; color: #fff }
.radio-on{background: #0C7B85} 
.add-address{padding-top: 0.46875rem; font-size: 0.4375rem;color: #0C7A85; display: inline-block;}

.buy-list{ margin-top: 0.5rem;}
.buy-list li{border-bottom: 1px solid #DDD; margin-bottom: 0.3125rem;padding-bottom: 0.3125rem;}
.buy-list li:last-of-type{border-bottom: none; margin-bottom: 0}
.buy-list .b-img{float: left; width: 1.625rem;}
.buy-list .b-img img{max-width: 100%;height: auto;box-shadow: 0 0 0.09375rem 0.03125rem #888}
.buy-list .b-txt{float: left; padding: 0.1rem 0.3rem;font-size: 0.375rem;color: #999; width:5rem; }
.buy-list .b-txt h1{font-size: 0.4375rem;color: #333;padding-bottom: 0.2rem;}
.buy-list .b-txt p{padding-bottom: 0.2rem;}
.buy-list .b-txt p span{color: #FF7F00}
.buy-list .b-price{float: right;width:2rem; text-align: right}
.buy-list .b-price h2{font-size: 0.625rem; color: #FF0000;}
.buy-list .b-price span{font-size: 0.4rem; color: #999999; text-decoration:line-through; float: right; }
.btn-group{border-top:1px solid #DDD;background: #FFF; padding: 0.375rem 0.78125rem; width: 100%;position: fixed;bottom: 0; left: 0;z-index: 99;}
.btn-group .btn{width:4.0625rem; height: 1.09375rem;line-height: 1.09375rem;font-size: 0.5rem; float: left;border-radius: 0.109375rem;color: #FFF;}
.btn-group .btn-buynow{border:1px solid #FF7F00;background: #FF7F00;}
.btn-group .btn-cancel{float: right;color: #999; background: #FFF;border:1px solid #ddd;}
.btns{position: absolute;bottom: -0.9375rem;border-radius: 0 0 0.109375rem 0.109375rem;}
.btns .btn{width: 3.4375rem;}


/*distribution css*/
.bg-green{background: #0F5861; padding:  1.671875rem 0.25rem 0 0.25rem;}
.ps-main{ background: #fff;border-radius: 0.125rem; box-shadow: 5px 5px 5px #06262A }
.ps-top{width: 100%;height: 1.34375rem;text-align: center;font-size:0.5625rem; color: #535353; line-height: 1.34375rem; border-bottom: 1px solid #DDD;}
.ps-all{margin-left: 0.5rem; padding-bottom: 0.65625rem }
.ps-all ul li{position: relative;border-bottom: 1px solid #DDD; padding: 0.46875rem 0 0.46875rem 0;}
.ps-all ul li .ps-img{width: 0.734375rem;height: 1.15625rem;box-shadow: 0 0 0.09375rem 0.03125rem rgba(85,85,85,.65); float: left; margin-right: 0.359375rem;}
.ps-all ul li .ps-img img{max-width: 100%;}
.ps-all ul li .ps-txt{float: left;}
.ps-all ul li .ps-txt h1{font-size: 0.4375rem;color: #333; margin-top: -0.078125rem; margin-bottom: 0.078125rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:7rem; }
.ps-all ul li .ps-txt h2{font-size: 0.375rem;color: #999;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:7rem; }
.ps-all ul li .r-title{position: absolute;top: 0;left: 0;width: 2.03125rem; font-size: 0.375rem;color: #999; line-height:1.5625rem;}
.ps-all ul li .r-name{font-size: 0.375rem;color: #525252; padding:0 0.7rem 0 1.796875rem; text-align: right;}
.ps-all ul li .dist-tel{border: none; text-align: right;background-color: transparent;}
.ps-all ul li .dist-addr{border: none; text-align: right;background-color: transparent;width: 100%;resize: none;}
.ps-all ul li .r-op{position: absolute;top: 0;right: 0;width:0.625rem;height:1.5625rem;font-size: 0.15625rem;color: #999; line-height:1.5625rem;display: block;text-align: center;}
.btn-ps{margin-top: 0.75rem;width: 100%}
.btn-ps .btn-psnow{width:4.0625rem; border: none; height:1.09375rem;font-size: 0.5rem; float: left; ; border-radius: 5px;color: #FFF;background: #FF7F00; margin-right: 0.46875rem}
.btn-ps .l{color: #999; background: #FFF; border:1px solid #DDD; margin-right: 0}


/* top layer box*/
.tl-modal{display: none;}
.tl-box .layui-m-layercont{padding:0.15625rem 0.234375rem;line-height: .625rem;}
.tl-list {margin: 0; border-radius: 0;}
.tl-list li{border-bottom: 1px solid #dedede;font-size: 0.375rem;word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.015); box-shadow: inset 0 1px 0 rgba(0,0,0,.015); padding: 0.3125rem 0;}
.tl-list li a{color:#000;display: block;position: relative;}
.tl-list li a:after{content: "\e60f";font-family:"iconfont" !important; font-size:0.75rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;position: absolute; margin-left: 0.3125rem;color:#4caf50;display: none;}
.tl-list li.selected a:after{display: inline-block;}
.tl-box .layui-m-layerbtn{background-color: transparent;border-top: none;margin: 0.46875rem 0 0.3125rem;height: inherit;;line-height: inherit;}
.tl-box .layui-m-layerbtn span{width: 4.0625rem; border: none; height: 1.09375rem; line-height: 1.09375rem; font-size: 0.5rem; float: left; border-radius: 5px;    color: #FFF; background: #FF7F00; margin:0 0.46875rem;}
.tl-box .layui-m-layerbtn span[yes]{color: #fff;}
.tl-box .layui-m-layerbtn span[no]{border-radius: 5px;color: #999; background: #FFF; border: 1px solid #DDD;}
.tl-box.login-box .layui-m-layerbtn {padding-left: 50%;box-sizing: border-box;height: 1.09375rem;}
.tl-box.login-box .layui-m-layerbtn span[yes]{position: absolute;left:0;top:0;z-index: 999;border: 1px solid #FF7F00;width: 3.68rem;}
.tl-box.login-box .layui-m-layerbtn span[no]{width: 3.68rem;position: absolute; right: 0; top: 0; z-index: 999;}


.default-book{width: 1.046875rem;height: 1.5625rem;position: absolute; left: 0; top: 0;}
.default-book .default-book-info{position: absolute;top:0;left: 0; padding-top: 10%;overflow: hidden;width: 1.046875rem;height: 1.5625rem;}
.default-book .default-book-info span{font-size:0.3125rem;line-height: 0.375rem; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;display: block;text-align: center;color: #999;}
.default-book .default-book-info .default-name{font-size:0.34375rem;margin-bottom: 10%; color: #000;-webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box;white-space: normal;}