@charset "utf-8";
/* CSS Document */
*{ padding: 0; margin: 0; font-family: Arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif !important;}
body{max-width:800px;margin:0 auto}
a{color: #373A3F;}
p{ margin:0}
ul li{ list-style:none}
.clear{ clear:both}
.clearfix:after{ clear: both; display: block; content: '';}
.swiper-container{ padding-bottom: 0;}
.swiper-slide img{ width:100% ;}
.modal-overlay, .popup-overlay, .preloader-indicator-overlay{ background: none; display: none;}
label.label-checkbox i.icon-form-checkbox{ width:.8rem; height:.8rem;}
label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox, label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{ background: #62d3d9;}
.label-switch input[type=checkbox]:checked+.checkbox{ background: #62D3D9;}
.blank10{ height: 0.3rem;}
.page{ background: #eceaeb;}
.panel{ background: #fff;;}
.bar-tab .tab-item.active, .bar-tab .tab-item:active{ color: #62D3D9;}
.shop-list{ margin:0}
.shop-list ul li a{ display:block}
.flexbox{text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flexbox li, .flexbox>*, .flexbox a{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.list-block li{ color: #666; font-size:.7rem}
.list-block  input{color: #666; font-size:.7rem !important}
select,option{color: #666; font-size:.7rem !important ;-webkit-appearance: none;}
.list-block textarea{ font-size:.7rem}
.red{ color:red !important}
.Green{ color:#62d3d9 !important}
.bold{ font-weight:bold !important}
.bggray{ background: #ECEAEB;}
.bgWhite{ background:#fff !important}
.line1Ellipsis{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.line2Ellipsis{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: initial; }
.line3Ellipsis{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;white-space: initial; }
.font12{ font-size:.6rem;}
.font14{ font-size:.7rem;}
.font16{font-size:.8rem}
.color999{ color:#999}
input[type="checkbox"], input[type="radio"]{ background: url(../img/new/checkbox.png) no-repeat; vertical-align: middle; background-size: 30px; width: 15px;height: 15px; margin-right:.5rem;outline: none; border: 0;-webkit-appearance: none;}
input[type="checkbox"]:checked, input[type="radio"]:checked{ background-position:-15px 0px}

input[disabled],input:disabled{ color:#333 !important;opacity:1 !important;}
.flexbox{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flexbox > a ,.flexbox >li ,.flexbox > span,.flexbox > div{webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}



@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.svg#iconfont') format('svg'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype');
  
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}







.popup-searchList{ position:absolute;left:0; top:100%; width:100%; height:100%; z-index:99999; background:#fff; transition:.3s;}
.a-fadeinB{position:absolute;left:0; top:0;}
.clickSearch{width: 100%;display: inline-block;height: 100%;background: #E9E9E9;border-radius: .7rem;font-size: .65rem;text-align:center;line-height: 1.4rem; color:#666;vertical-align: middle;}
.searchbtn{ position:absolute; right:0rem; top:0rem; display:inline-block; width:2rem; height:1.5rem;}
.teacher-icon{ background: #fff; overflow: hidden; padding-bottom: .5rem;}
.teacher-icon li{ font-size: .7rem; float: left; text-align: center;}
.teacher-icon li img,.readIcon img{ width:3.5rem; height:3.5rem; border-radius:50%;display: block; margin: .5rem auto;box-shadow: 0 0 15px #aaa;background: #fff;}
.readIcon img{ margin:0}
.teacher-icon li .tance{ font-size:.65rem; color:#777; display:block;}
.teacher-icon li .iconfont{ font-size:.6rem; margin-right:.2rem;color:#777;}
.teacher-icon .store{ width:33.33%; margin-bottom:.5rem;}
.common-tit{ height:1.8rem; line-height:1.8rem; background:#fff; padding:0 .5rem; font-size:.75rem; position:relative}
.a-fadeinB .cancel{ font-size:.7rem !important; color:#D26E6E;padding: .5rem .1rem;font-size: 1rem;line-height: 1.2rem;}



.readClassifyTit{height:2rem; line-height:2rem; background:#fff; font-size:.75rem;position:relative; z-index:9; overflow:hidden}
.readClassifyTit ul{height:2rem; background:#fff;}
.readClassifyTit li{ float:left; padding:0 .5rem; position:relative; text-align:center;}
.readClassifyTit li.on:after{ content:''; width:1rem; height:.1rem; background:#007AFF; position:absolute;left:50%; bottom:0; margin-left:-.5rem;}
.readClassifyList{overflow: hidden; position: relative;}
.readContBox{ background:#fff; padding:.5rem; font-size:.7rem;}
.readIntro{ border-top:1px solid #eee; margin-top:.5rem;padding-top:.5rem; font-size:.6rem; color:#888;}
.readClassifyTit .more{display:inline-block;width:2rem; height:2rem; background:url(../img/reading/fiterIcon.png) no-repeat center center; background-size:1rem; border-left:1px solid #ddd;position: absolute;right: 0; top:0;z-index:999 }
.readClassifyTit .more i{ display:inline-block;width:2rem; height:2rem;}
.morBtn{ height:2rem; line-height:2rem; background:#F1F1F1; border-radius:.3rem; text-align:center; font-size:.75rem; width:90%;margin:.5rem auto;}

.readMsg{ position:relative;}
.readMsgLeft{ margin-right:7rem;font-size: .65rem;color: #666;}
.readstoreAdress{font-size:.65rem !important; color:#999;}
.readMsgLeft .name,.readstoreName{ font-size:.8rem; font-weight:bold; color:#333;}
.readMsgRight{ width:7rem; position:absolute; top:0; right:-.5rem; text-align:center; font-size:.6rem;}
.readMsgRight span{ width:2.4rem; display:inline-block;box-sizing: border-box; margin:0 .5rem}
.readMsgRight span.tance{ position:relative;}
.readMsgRight span.tance:after{content:''; position:absolute; width:.05rem; height:1.4rem; right:-.5rem; top:50%; margin-top:-.7rem; background:#ddd;}
.item-readBox{ margin:.5rem;}
.readImg{ margin:.5rem 0 0 0;}
.readImg ul{ padding-left:0 !important}
.readImg ul li{ width:31.33%; margin:0 1%; float:left;}
.readImg ul li img{ width:100%; border-radius:.2rem;}
.bookPart{ margin-bottom:10px;}

/**加载动画**/
.spinner {
  margin: 20px auto;
  width: 150px;
  text-align: center;
  position:absolute;
  left:50%;
  top:0;
  z-index:99;
  margin-left:-75px;
  display:none
}
 
.spinner > div {
  width: 15px;
  height: 15px;
  background-color: #62D3D9;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


.bar-tab .tab-item.active, .bar-tab .tab-item:active{ color: #62D3D9;}
.bar .searchbar{ background:none}
.message-tip .badge{position: absolute;top: .1rem;left: 50%;z-index: 100; min-width: .8rem;height: .8rem; padding: 0 .2rem; margin-left: .1rem;font-size: .6rem;line-height: .8rem;color: #fff;vertical-align: top;background: red;border-radius: .5rem;}
.mainbtn{ width:2.55rem; height:2.55rem;background:#62D3D9; border-radius:50%;border:.25rem solid #F7F7F8;margin: 0 auto;  position: absolute;left: 50%; top: -1rem;margin-left: -1.25rem;}
.mainbtn .icon{ color:#fff; margin-top:.2rem;top:.4rem !important}
.mainfont .tab-label{ font-size:.55rem;position: absolute;left: 51%; margin-left: -.9rem;bottom: 0;}
.icon-tip{ font-size: .6rem !important; margin-left: .3rem;}
.searchbar-cancel img{ width: 1rem; vertical-align: middle;}
.list-block{ margin: 0;}

.map-box{ height: 12rem;}
.flexbox{text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flexbox li, .flexbox>*, .flexbox a{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}

.read-box{}
.read-box .read_tit{ height: 1.8rem; line-height: 1.8rem; text-align: center; background: #fff;}
.read-box .read_tit span{ font-size: .7rem;}
.read-box .read_tit span.on{ background: #62D3D9; color: #fff;}

.read-name{ font-size: .75rem; font-weight: bold !important;}
.read-store{ font-size: .65rem !important; color: #999;}
.read-num{font-size: .65rem !important; color: #62D3D9 !important; }
.read-sao{ width:1rem; height:1rem; background:url(../img/reading/sao.png) no-repeat center center; background-size:1rem; margin-right:.7rem}
.read-tance{font-size: .65rem !important; color: #999; font-weight:normal;}
.read-tance i{font-size: .6rem !important;}

.map-name{ font-size:.6rem}
.smnoprint{ display:none}
.scanQRCode{ width:3rem; height:2rem; position:absolute;right:.5rem;top:.5rem; z-index:999}

/*列表搜索**/
.bar .searchbox { /*margin: 0 1.2rem 0 2.4rem !important; */margin: 0 1.2rem 0 0 !important; background: none;}
.searchbox .button{ top: 0;}
.searchbox .searchput{ position: relative;}
.search-input input{ background:#E9E9E9;}
.searchbtn{ position: absolute; right:0.4rem; top: 0; width: 1.6rem; height: 1.4rem;}
.conmon-bar .search-input input{ background: #E9E9E9;}
.conmon-bar .icon-search{ color: #9e9e9e;}
.bar .conmon-bar{ margin: 0 !important;}
.search-input input{ border-radius: 1.4rem;}

.popup-scan{width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; background:#fff; display:none}

/*商品详情*/

.shop-cont{ background: #fff; padding:.5rem; margin:0;}
.shop-cont h4{ font-weight: normal; padding-bottom: .5rem; font-size: .75rem;}
.shop-cont p{ margin:0}
.shop-cont .cont{ font-size: .7rem; color: #ababac; padding-bottom: .3rem; position:relative}
.shop-cont .price{font-size: 0.7rem;color: #FF2E2E;display: block;font-family: Georgia !important; padding-bottom: .3rem;}
.shop-cont .price del{font-size: 0.6rem;color: #ababac; padding-left: .5rem;}
.shop-tit{ position: relative; font-size:.8rem}
.shop-tit:after{ content: ''; position: absolute; left: 0; bottom: -.3rem; width: 1rem; height: .1rem; border-radius:.1rem; background: #62D3D9;}
.shop-cont .shop-intro{ padding-top: .7rem; font-size: .7rem; color: #ababac; line-height: 1.2rem;}
.shop-cont .shop-intro img{ max-width: 100%; padding: .5rem 0;}
.shop-cont .see{ background:url(../img/reading/see.png) no-repeat left center; background-size:.8rem; width:1rem; padding-left:1rem; color:#62d3d9; font-style:normal;position:absolute;right:1.5rem; top:0}
.shop-cont .shop-name{ font-size:.75rem;}
.shop-publish{ margin-top:.5rem; border-top:1px dashed #efefef;}
.shop-publish li{ height:1.5rem; line-height:1.5rem; font-size:.7rem; color:#666;}
.shop-publish li span{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;width: 80%;text-align: right;}

.shopbar{ height: 2.5rem; line-height: 2.5rem; position: fixed; left: 0; bottom:-1px; width: 100%; background: #fff; z-index: 999; border-top: 1px solid #ededec;}
.shopbar p{ margin:0}
.shopbar .btn1{ width:13.5%; height: 2.5rem; display: inline-block; text-align: center; position:relative}
.shopbar .btn1 img{ width:1.1rem; margin-top: .7rem;}
.shopbar .flexbox a{ display:inline-block; color: #fff;}
.shopbar .btn2{ background: #8de8ed;}
.shopbar .btn3{ background: #62d3d9; }
.shopbar #cart_quantity{ position: absolute; right: .3rem;top: .3rem; background:#FF5252;border-radius: 50%;width: .8rem;height: .8rem;display: inline-block;color: #fff;line-height: .8rem;font-size: .6rem;}
#address1 .empty{ padding:.5rem; font-size:.5rem;}
#address1 .empty a{ display:block; line-height:1.2rem; color:#666;}


.carbox{ width: 100%; position: absolute; left: 0; bottom:-15rem; background: #fff; z-index: 9999;transition: .5s;-webkit-transition: .5s;}
.carbox.win-up{ bottom: 0;}
.carbox .content-block{ margin: .8rem 0;}
.carbox .del-pic{ width:5.8rem ; height: 5.5rem; overflow: hidden; position: absolute; left: .5rem; top:-1.5rem; background: #fff; padding: .3rem; border-radius:.2rem .2rem 0 0}
.carbox .del-pic img{width: 100%;}
.carbox .del-text{ padding-left: 6rem; font-size: .7rem;}
.carbox .del-text span{ display: block; line-height: 1.5rem; height: 1.5rem;}
.carbox .del-text span.price{ font-size: .9rem;font-family: Georgia !important; color: #FF2E2E;}
.carbox .del-text span.price del{ font-size: .7rem; padding-left: 1rem; color: #ababac;}
.car-tit{ height: 1.5rem; line-height: 1.5rem; font-size: .85rem;margin-bottom: .5rem;}
.car-list{ margin-bottom: .5rem;}
.car-list ul li{ font-size: .6rem; color: #ababac; line-height: 1.2rem; height: 1.2rem; background: #EDEBEC; float: left; border-radius: .2rem; padding: 0 .5rem; margin-right: .5rem; margin-bottom: .5rem;}
.car-list ul li.on{ background: #62d3d9; color: #fff;}
.car-cout{ height: 2.5rem; line-height: 2.5rem; color: #fff;text-align: center; background:#62d3d9 ; position:fixed; left:0;bottom:0; z-index:999; width:100%}
.car-cout a{ color: #fff; display:block}

.cart-item .cart-trash{ background:#fff url(../img/Trash.png) no-repeat center center; background-size: .8rem; width: .8rem; height: .8rem; display: inline-block;}
.cart-list .item-content{ padding-left:0;}
.cart-item .cart-pic{ height: 3.5rem; overflow: hidden;}
.cart-item .cart-pic .type{ position:absolute;left:0;top:.5rem; width:1.6rem; height:1rem; line-height:1rem; background:#62d3d9;color:#fff; text-align:center; font-size:.6rem;}
.cart-item .cart-pic .price{position:absolute;left:2.5rem;top:.5rem; width:1.6rem; height:1rem; line-height:1rem; background:#E8976E;color:#fff; text-align:center; font-size:.6rem;}
.cart-item .item-title{ font-size: .65rem; padding-bottom: .3rem; color:#666;/* height:2rem;*/white-space: normal;}
.cart-item .item-subtitle{ color: #ababac; font-size: .65rem;}
.cart-item .item-text{ height: auto; padding-top: .5rem; font-size: .6rem;}
.cart-item .item-text font{ color: #e42e10;}
.cart-num{ width: 4.6rem; font-size: .7rem; position: absolute; right: .5rem; bottom: .6rem;}
.cart-num .cart-btn{ border: 1px solid #62d3d9; display: inline-block; width: 1.2rem;height: 1.1rem; line-height: 1.1rem; text-align: center; color: #ababac; box-sizing: border-box;}
.cart-num .cart-input{ width:1.5rem !important; border-top: 1px solid #62d3d9 !important;border-bottom: 1px solid #62d3d9 !important; height: 1.1rem !important; text-align: center; padding: 0 !important; font-size: .65rem !important; border: 0;}
.cart-num .min{ border-radius:.2rem 0 0 .2rem}
.cart-num .add{ border-radius:0 .2rem .2rem 0}
.cart-cout p,.cart-item p{ margin:0}
.cart-cout .icon-form-checkbox{ width: 0.8rem; height: 0.8rem; padding: 0; margin-right: .5rem;}
.cart-cout{ bottom: 2.5rem; height: 2.5rem; line-height: 2.5rem; padding-right: 0; font-size: .7rem; overflow:hidden;}
.cart-cout .cout-btn{ background: #62d3d9; display: inline-block; color: #fff; padding:0 .8rem;}
.cout-btn-box{ position:absolute; right:0; bottom:0; height:2.5rem; overflow:hidden}
.cout-price { }
.tsprice,.price1{color: #e42e10 !important;}
.swiper-container{ padding-bottom:0;}

/**搜索**/
.navige-bar{ height: 1.85rem; line-height: 1.85rem; padding: 0 .5rem;font-size: .7rem;}
.navige-bar a{ display: inline-block;font-size: .7rem;}
.navige-bar span{ padding: 0 .5rem; font-size: .55rem; display: inline-block;}
.navige-list{/* background: #fff;*/ margin: 0;}
.navige-list li{ padding:0 .5rem}
.navige-list .cart-pic{ padding-right: .5rem;}
.search-content{ padding:.5rem 1rem}
.search-content .search-tit{ font-size:.75rem;}
.search-list{ padding:.5rem 0; }
.search-list li{ height:1.3rem; line-height:1.3rem; color:#666; background:#f4f4f4; padding:0 .6rem; margin-right:.5rem; margin-bottom:.5rem; border-radius:1.3rem; float:left; font-size:.65rem}
.itemadress{ padding:.3rem 0}








/*滚动加载*/
#wrapper {width:100%;}
#storeWrapper{position:absolute;top:8.8rem; bottom:0;left:0;width:100%;}
#indexwrapper{position:absolute;top:16.8rem; bottom:0;left:0;width:100%;}
#wrapperSearch{position:absolute;top:1.8rem; bottom:0;left:0;width:100%;}
#orderwrapper{position:absolute;top:2rem; bottom:0;left:0;width:100%;}
#activewrapper{position:absolute;top:14.4rem; bottom:0;left:0;right:0;width:100%;}
#pullDown{height:1.5rem;color:#888;text-align:center;}
#pullUp {padding:0 .5rem;height:1.5rem;line-height:1.5rem;color:#888;text-align:center;}
/*#pullDown, #pullUp {padding:0 .5rem;height:1.5rem;line-height:1.5rem;color:#888;text-align:center;} */
.footer {position:absolute;bottom:0; left:0;width:100%;height:48px;line-height:48px;font-size:16px;text-align:center;background:red}
.navige-bar{width:100%; background:#E9E9E9}
.push{ background:url(../img/new/push.png) no-repeat 52% center; background-size:1.2rem; margin:.3rem 0;}
/*.loading{ background:url(../img/new/load.gif) no-repeat 52% center; background-size:1.5rem;}*/
.flip{background:url(../img/new/release.png) no-repeat 52% center; background-size:1.2rem; margin:.3rem 0;}
.refresh{ background:url(../img/reading/loading.gif) no-repeat 52% center; background-size:.8rem; height:1.5rem;text-align:center;}



/**评论*/
.comment-list{}
.comment-list li{ padding:.5rem .8rem; border-bottom:1px solid #eee;}
.comment-list li .commnent-img{ height:2rem; width:20%;}
.comment-list li .commnent-img img{ width:2rem; border-radius:50%;}
.commnet-intro{ width:80%}
.comment-tel{ font-size:.65rem; height:1.3rem; line-height:1.3rem; margin-bottom:.35rem}
.comment-tel span{ font-size:.55rem; color:#999}
.comment-info{ font-size:.6rem; line-height:1.1rem; background:#efefef; border-radius:.2rem; padding:.2rem .5rem;position:relative; color:#666}
.comment-info i{width: 0; height: 0;border-left: .3rem solid transparent;border-right: .3rem solid transparent; border-bottom: .3rem solid #efefef; position:absolute;left:.5rem; top:-.3rem}

/*我的订单*/
.order{color:#e42e10;position: absolute;right: 10px;}
.order-fix{ background: #fff; height: 2rem; line-height: 2rem; border-bottom:1px solid #ECECEC;}
.order-fix a{ font-size: 0.7rem; position: relative;}
.order-fix a.on:after{content: ''; position: absolute; left: 35%; bottom:0; height: 2px; width: 1.3rem; background: #62D3D9;}
.order-fix a i{position: absolute; right:8%; top: .3rem; width: .6rem;height: .6rem;border-radius: 50%;background: #e42e10;line-height: .6rem;color: #fff;font-size: .6rem;}
.message_tit{}
.message_tit a.on:after{ left: 42%; }
.order-box{ margin: 0;}
.order-box ul{ background: none;}
.order-box ul li{ padding:0 .5rem; margin-top: .3rem; background: #fff;}
.order-box .order-tip{ height: 1.8rem; line-height: 1.8rem; border-bottom: 1px solid #ECECEC; font-size: .65rem; color: #ababac;} 
.order-box .order-info{ height: 1.8rem; line-height: 1.8rem;  font-size: .65rem; color: #ababac; text-align: right;border-bottom: 1px solid #ECECEC;}
.order-box .order-btn{ padding-top:.5rem; text-align: right; border-top:1px solid #ECECEC}
.order-box ul li .book-detail{padding:.5rem 0; position:relative; display:none}
.order-box ul li .book-detail-img{ width:5rem;height:5rem; margin-right:.5rem}
.order-box ul li .book-detail-img img{ width:5rem;}
.order-box ul li .book-detail-text{color:#999}
.order-box ul li .book-detail-text .btn-border{ position:absolute; right:0; bottom:.5rem;padding: 0 .5rem; border-radius: .2rem;}
.order-box ul li .item-subtitle .btn-solid{ padding:0 .5rem;border-radius:.2rem; font-size:.7rem}
.order-box ul li .item-subtitle .btn-solid#take-down{ display:none}
.order-box .order-btn:empty{ display:none}
.order-box .order-btn a{ font-size: .7rem; margin-right:.3rem; text-align: center; width: 5rem; height: 1.5rem; line-height: 1.5rem; display: inline-block; border-radius: .2rem;}
.btn-border{ border: 1px solid #62D3D9; color: #62D3D9;}
.btn-solid{ background: #62D3D9; color: #fff; border:0}
.order-box .cart-pic{ padding-right: .5rem;}
.order-box .cart-item{padding-right:0}
.order-box .cart-item .item-after{ color: #e42e10; font-size: .7rem; margin-left: .5rem;}
.order-box .cart-item .item-subtitle{ padding-bottom: .3rem;}
.order-box .cart-item .item-title-row{ padding-bottom: .2rem;}
.empty{ height:10rem;padding:1rem 0; background:url(../img/reading/empty.png) no-repeat center center;background-size:10rem;}
.emptyone{height:10rem;padding:1rem 0; background:url(../img/reading/center-1.png) no-repeat center center;background-size:10rem;}
.empty-store{ height:10rem;padding:1rem 0; background:url(../img/reading/empty-store.png) no-repeat center center;background-size:10rem;}
.empty-message{height:10rem;padding:1rem 0; background:url(../img/reading/empty-message.png) no-repeat center center;background-size:10rem;}
.empty-book{height:10rem;padding:1rem 0; background:url(../img/reading/empty-book.png) no-repeat center center;background-size:10rem;}
.empty-money{height:10rem;padding:1rem 0; background:url(../img/reading/empty-money.png) no-repeat center center;background-size:10rem;}
.empty-comment{height:10rem;padding:1rem 0; background:url(../img/reading/empty-comment.png) no-repeat center center;background-size:10rem;}
/*交易明细*/
.orderTransaction{ }
.orderTransaction li{ font-size:.75rem }
.orderTransaction li .iconfont{ color:#62d3d9; padding-right:.3rem}
.orderTransaction li .item-inner{ padding-right:0 !important}
.orderTransaction .item-text{ height:auto; font-size:.6rem; color:#999}
.orderTransaction .item-subtitle{ padding:.3rem 0;font-size: .7rem;color: #666;}
.orderTransaction .item-button{ background:#62d3d9; color:#fff; padding:0 .5rem; border-radius:.2rem; font-size:.6rem; line-height:1rem}


/**消息详情*/
.message_cont{}
.message_cont li{ position:relative;}
.message_cont li .item-media{ position:absolute; left:.8rem;top:.2rem}
.message_cont li .item-inner{ overflow:hidden; padding-left:1.7rem}
.message_cont li .item-after{ font-size:.6rem; color:#999}
.message_cont li .item-subtitle{white-space:normal; font-size:.65rem;line-height:1rem}
.messageCont{ background:#fff}
.messageCont h4{ font-weight:normal; }
.messageCont .time{ color:#999;font-size:.65rem;padding:.3rem 0;}
.messageCont .cont{ padding:0;color:#6d6d72; font-size:.7rem;line-height:1.1rem}

/**捐赠*/
.item-pic{width: 100%; min-height: 2.2rem;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: .4rem; padding-right: .75rem;padding-bottom: .35rem; border-bottom: 1px solid #e7e7e7;}
.row33{ width:31%;margin-right:2%; height:4rem; background:#eee;position:relative; float:left; text-align:center;}
.row33 .del-img{ position:absolute; top:0; right:0; width:1rem; height:1rem; background:rgba(0,0,0,.3); border-radius:0 0 0 100%; }
.row33 .del-img i{color: #fff;font-size: 0.2rem;position: absolute;right: 0.1rem;}
.item-isbn{ position:relative}
.item-isbn font{ position:absolute; right:0; top:.5rem; width:1.2rem; height:1.2rem; background:#fff url(../img/reading/sao.png) no-repeat center center; background-size:1.2rem;}
#add_img_li img{ height:100%; max-width:100%;}



/*订单详情*/
.order-store{ background: #fff; padding: .5rem; color: #666}
.order-store .store{ font-size: .7rem; line-height: 1.2rem; color:#666 ;}
.order-store .store span{ color: #ababac;}
.order-store .store:first-child{padding-bottom: .5rem}
.order-auth ul li{ margin-top: 0;}



/***/
.header-box{ padding:2rem .8rem; background:#E8E9E5 url(../img/reading/oa-bgm.jpeg) no-repeat left bottom; background-size: 100% auto; position: relative;}
.header-icon{ width:2rem; height:2rem; margin-right:.5rem;}
.header-icon img{ width:100%; height:100%; border-radius:.3rem;}
.header-right{ width:100%; height:100%; }
.header-right span{height:1.15rem; line-height:1.15rem; color:#53644E; font-size:.7rem; display:block}
.header-address{color:#53644E; font-size:.6rem;height:2.1rem;margin-right:5.5rem;border-top: 1px solid #B2C1AB;margin-top: .2rem; padding-top:.2rem}

/*信息详情**/
.Msg-box{ padding:.5rem; background:#fff}
.Msg-time{ font-size:.65rem; color:#999; padding:.3rem 0}
.Msg-tit{font-size:.75rem; color:#333}
.Msg-cont{ font-size:.7rem; color:#666}



/*押金充值and提现*/
.deposit-box{ width:100%; background:#fff; padding:.5rem; font-size:.7rem}
.deposit-box .deposit-tit{ padding:.3rem 0;}
.deposit-box .deposit-tit span{font-size: .7rem; border:1px solid #62d3d9; margin-right:.5rem; padding:.2rem .7rem; display:inline-block; border-radius:.2rem;}
.deposit-box .deposit-tit span.select{background:url(../img/reading/select.png) no-repeat right bottom; background-size:.8rem}
.deposit-cont{ color:#666; padding:.3rem 0}
.icon-weixin{ width:1.45rem; height:1.45rem; background:url(../img/reading/timg2.png) no-repeat center center}
.Withcash{ background:#D0F2F4}
.Withcash-cont{padding: 2.2rem .5rem;background: #43bdc4 url(../img/new/userbg.png) no-repeat left bottom;background-size: 100% auto;position: relative; text-align:center;color:#fff}
.Withcash-cont .price{ font-size:2.6rem}
.Withcash-cont p{ font-size:.75rem}
.Withcash-tui{ height:2rem; line-height:2rem; text-align:center; width:90%; margin:3rem auto; background:#4FC6CC; border-radius:.2rem; color:#fff;}




/*常见问题*/
.question-box{}
.question-box ul{ margin-bottom:.5rem}
.question-box .item-title{ font-size:.75rem; color:#000; font-weight:bold !important}
.question-box .item-title i{ padding-right:.5rem; color:#62d3d9}
.question-box .item-subtitle{ font-size:.7rem; color:#777; white-space: normal; margin-top:.3rem; line-height:1.1rem;}


/**草根作家**/

.whiter-header{ background:url(../img/reading/whiter-header.png) center top; background-size:100% auto;padding:1.8rem 0;text-align:center}
.whiter-header .big-title{ font-size: 1.05rem; color:#070707; padding-bottom: .5rem;}
.whiter-header .small-title{font-size: .6rem; color: #5b5b5b;}
.whiter-content{ padding:0 .75rem;}
.whiter-title{ font-size:.8rem; color: #323232;padding-bottom:.5rem;}
.whiter-tip{ color:#101010; font-size: .75rem;padding-bottom:.1rem;font-weight:600; background: url(../img/reading/tip.png) no-repeat left center; padding-left: 1rem; background-size: .5rem;}
.whiter-cont{ color: #4c4c4; font-size: .7rem; padding-bottom: .5rem;}
.whiter-foot{margin-top:1.5rem;background:url(../img/reading/white-footer.png) center top; background-size:100% auto; height: 4rem; text-align: center; color: #323232; font-size: .7rem;}




.wave_book{ position:relative;}
#ad-1{height:5rem;overflow: hidden;z-index: 10; position:relative;}
#boat_box{width:10000%;/*这个属性很重要 让容器有足够的宽度实现滚动*/float:left; padding-top:21%}
#boat_book1,#boat_book2{float:left;}
.boat-pic{float:left;height:100px;width:100px;margin-right: 60px; position:relative; background:url(../img/reading/ship.png) no-repeat; background-size:100% auto}
.boat-pic a{ display:inline-block; width:100%; height:100%}
.boat-pic img{height: 80px;width: 80px;border-radius:8px;position: absolute;left: 10px;bottom: 38px;z-index: -1;}
.boat-name{    font-size: .65rem;position: absolute;top: -2rem; left: 0; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;width: 100px;}


@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) 
    }
    50% {
        transform: translateX(-25%) translateZ(0) 
    }
    100% {
        transform: translateX(-50%) translateZ(0) 
    }
}
.waveWrapper {overflow: hidden;position: absolute;left: 0;right: 0; bottom: 0;top: 0;margin: auto; z-index:-1}
.waveWrapperInner {position: absolute;width: 100%;overflow: hidden; height: 100%;bottom: -1px;}
.bgTop {z-index: 15;opacity: 0.8;}
.bgBottom {z-index: 5;opacity: 0.5;bottom: -.3rem;}
.wave {position: absolute;left: 0;width: 200%;height: 100%;background-repeat: repeat no-repeat;background-position: 0 bottom;transform-origin: center bottom;}
.waveTop {background-size: 35% auto;}
.waveAnimation .waveTop {animation: move-wave 1s;-webkit-animation: move-wave 2s;-webkit-animation-delay: .5s;animation-delay: .5s;}
.waveBottom {background-size: 50% auto;}
.waveAnimation .waveBottom {animation: move_wave 10s linear infinite;}




/**查看路线*/
.map_info{font-size:.6rem; padding:.2rem 0}
.map_info span{ display:inline-block; margin-bottom:.3rem; font-size:.7rem}
.Itinerary{font-size:.7rem;background:#fff}
.Itinerary_text{padding:.5rem}
.textlist{}
.textlist span{ font-size:.75rem}
.textlist select{ border:0; padding:0 1rem 0 .5rem; background:url(../img/reading/push.png) no-repeat right center ;background-size:15px }


/*搜索**/
.search-box{ position:relative;}
.search-item{ border:0; background:#fff;width:100%; border-radius:.2rem;text-indent:1em;font-size:.7rem}
.search-box .search-icon{ position:absolute; right:.3rem; top:0}




/*作文大赛*/
.competitionbox{ background:url(../img/new/votebg.jpg) repeat-y left top; background-size:100% auto}
.competition-file{ background:rgb(241, 236, 222); margin:0 .5rem;border-radius:.2rem}
.competition-file ul{ padding:0.5rem 0; border-radius:0.2rem;}
.competition-file ul li{ text-align:center; border-right:1px dashed #F9DE92; font-size:.7rem}
.competition-file ul li:last-child{ border-right:0;}
.competition-file ul li span{ display:block; font-size:0.7rem; margin-bottom:0.3rem;}
.compeTime{ font-size:.75rem;margin:.5rem 1rem;}
.compeTime font{ background:#F2BC24; color:#fff; padding: .1rem .7rem;border-radius: 1rem;}

.competition-cont{ display:none}
.vote-list ul li{ width:46%; float:left; margin:2%; background:#fff; position:relative;height: 9.7rem;}
.vote-list ul li a{ display:block}
.vote-list ul li span{ position:absolute; left:0.2rem; top:0.2rem; padding:0 0.5rem;height:1.2rem; line-height:1.2rem; background:rgba(0,0,0,0.5); color:#fff; border-radius:0.2rem;}
.vote-list ul li .img{height: 5rem; width: 100%;overflow: hidden;}
.vote-list ul li img{ width:100%;}
.vote-list ul li .tit{ font-size:0.75rem; line-height:1.3rem; padding:0 0.5rem;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.vote-list ul li .name{ padding:0 0.5rem; font-size:0.6rem; color:#999;}
.vote-list ul li .btn{ background:#F2BC24; margin:0.5rem; border-radius:1.5rem; height:1.5rem; line-height:1.5rem; color:#fff; text-align:center;font-size: .75rem;position: absolute;bottom: 0;width: 90%;z-indent:9999}
.vote-list ul li .num{ position:absolute; right:0.5rem; bottom:2.5rem; font-size:.7rem}

.iconbtn{display: inline-block;}
.tab-item .icon-main{background:url(../img/new/icon-main.png) no-repeat center center; background-size:1.2rem;}
.tab-item .icon-intro{background:url(../img/new/icon-intro.png) no-repeat center center; background-size:1.2rem;}
.tab-item .icon-list{background:url(../img/new/icon-list.png) no-repeat center center; background-size:1.2rem;}
.tab-item .icon-name{background:url(../img/new/icon-name.png) no-repeat center center; background-size:1.2rem;}
.tab-item.on .icon-main{background:url(../img/new/icon-main-on.png) no-repeat center center; background-size:1.2rem;}
.tab-item.on .icon-intro{background:url(../img/new/icon-intro-on.png) no-repeat center center; background-size:1.2rem;}
.tab-item.on .icon-list{background:url(../img/new/icon-list-on.png) no-repeat center center; background-size:1.2rem;}
.tab-item.on .icon-name{background:url(../img/new/icon-name-on.png) no-repeat center center; background-size:1.2rem;}



.bar-tab .tab-item.on{ color:#AB7E00 !important}
.gamebox{ padding:.3rem 0.5rem;}
.game_tit{ height:2rem; line-height:2rem; background:url(../img/new/flower.png) no-repeat left center;background-size:1rem;  border-radius:0.2rem; padding-left:1.3rem; font-size:0.75rem;}
.game_intro{font-size:0.65rem; line-height:1.3rem;}
.rank-box{text-align:center; border:.2rem solid #F7E1A6; margin:2rem .5rem;position:relative;border-radius:.5rem}
.rank-title{  padding:.2rem 0; width:40%; background:#F2BC24; color:#fff;display:inline-block;border-radius:2rem; font-size:.8rem;position:absolute; left:30%;top:-.8rem}
.rank-list{ margin-top:2rem}
.rank-list span{ display:inline-block}
.rank-list li{ font-size:.7rem; margin-bottom:.5rem}
.rank-list .rank-num{ width:17%;}
.rank-list .rank-num font{  width: 1.2rem;height: 1rem; background: #F7E1A6;border-radius: 50%;display: inline-block;color: #DA940F;}
.rank-list .rank-name{ width:50%}
.rank-list .rank-tick{ width:30%}

.form-box{  padding:.5rem}
.form-list{ margin-top:2rem;text-align:left;}
.form-list .name{ font-size:.7rem;}
.form-list .form-text,.form-box .form-select{font-size:.7rem;  width:100%; border:0; height:1.8rem;line-height:1.8rem; background:none; border-bottom:1px solid #e0e0e0;margin-bottom: .3rem;}
.form-box .form-select{ background:url(../img/new/pull-bottom2.png) no-repeat right center; background-size:.5rem}
.form-list .submit{ width:100%; background:#F2BC24; text-align:center;height:1.8rem;line-height:1.8rem; color:#fff;border-radius:1.8rem}
.form-list .input ul li{ background:#fff url(../img/new/add.png) no-repeat center center; background-size:1.6rem; width:31%; margin:.5rem 1%; height:3.5rem; float:left;}
.form-list .input ul li img{ width:100%; height:100%;}


.mask-list{ width: 90%;margin: 1rem auto;background:#F7E1A6;padding: .2rem;}
.mask-list .name{ padding:.3rem 0}
.mask-list .form-text{background: none;border-bottom: 1px solid #F2BC24;}

.mask-list .submit{ margin-top:1rem}
.voteMask{ display:-webkit-box;-webkit-box-pack:center; -webkit-box-align:center; position:fixed; left:0; top:0; background:rgba(0,0,0,.7); width:100%; height:100%;z-index: 99999;}
.vote-erweima{ width:10rem;height:10rem; margin:0 auto; background:url(../img/new/erweima.png) no-repeat center center; background-size:9rem; text-align:center}
.vote-erweima img{ width:6rem; margin-top:2rem}
.vote-maskname{ color:#fff; position: absolute;top: 70%;left: 0;text-align: center; width:100%; font-size:.75rem}


.vote-cont{ margin-top:2rem;text-align:left; padding:0 .5rem}
.vote-btn{ background:#F2BC24; margin:0 0.5rem; border-radius:1.5rem; height:1.5rem; line-height:1.5rem; color:#fff; text-align:center;font-size: .75rem; border:0}
.mask-border{ border:.15rem dashed #fff;  padding:0 1rem 1rem 1rem;border-radius:.4rem;}
.mask-list input::-webkit-input-placeholder {
  color: #888;
}
.mask-list input::-moz-placeholder {/* Firefox 18- */
  color: #888;
}
.mask-list input::-moz-placeholder{/* Firefox 19+ */
 color: #888;
}
.mask-list input::-ms-input-placeholder {
  color: #888;
}
.mask-list .input{ position:relative}
.mask-list .input .getRandCode{ position:absolute; right:0; top:0; height:1.5rem; line-height:1.5rem; border-radius:1.5rem;background:#F2BC24; font-size:.7rem}

.vote-list .searchform form{ padding:0.5rem;}
.vote-list .searchform .textbox{ border:1px solid #ddd; background:#F5F3F5; box-sizing:border-box; width:80%; float:left; height:1.8rem; line-height:1.8rem; border-radius:0.2rem 0 0 0.2rem; color:#999; text-indent:1em; font-size:.7rem}
.vote-list .searchform .button{ width:20%; float:left; height:1.8rem; line-height:1.8rem; background:#F2BC24 url(../img/new//btn.png) no-repeat center center; background-size:1rem; border:0;border-radius:0 0.2rem 0.2rem 0;}
.clickLoad{background:none;color:#999;height:2rem; font-size:.7rem; text-align:center; padding:.5rem 0}
.competition-intro{ margin:.5rem; height:4.5rem; position:relative}
.competition-intro .intro-left{ margin-right:5rem}
.competition-intro .intro-right{ width:4.5rem; position:absolute;top:0;right:0}
.competition-intro .intro-right img{ width:4.5rem; border-radius:.2rem}
.shchool-select,#shchool-select{ width:100%;}

.school-text{color:#666; font-size:.7rem; padding-top:.2rem;}
.shchool-select{ position:relative}
.school-selected{ font-size:.7rem; color:#666;height: 1.8rem;line-height: 1.8rem; border-bottom: 1px solid #e0e0e0;background:url(../img/new/pull-bottom2.png) no-repeat right center; background-size:.5rem}
.shchool-list{display:none; font-size:.7rem; position:absolute;left:0; top:1.8rem; width:100%; line-height:1.8rem; height:6.5rem; overflow-y:scroll; background:#F7F5F6;border:1px solid #ddd; border-top:0; padding:0 .3rem}
.shchool-list span{ display:block}
.school-selected i{ width:1.5rem; height:1.5rem; background:url(../img/new/arrow.gif) no-repeat center center; background-size:1rem; display:inline-block; float:left;}
.show{display:block !important}
.hide{ display:none !important}






/*零售商首页*/
.store-info{ background:url(../img/new/storebg.png) no-repeat center center;background-size:100% auto;position:relative; padding:2rem .5rem 2.8rem .5rem;}
.store-bg{ background:url(../img/reading/storebg.png) no-repeat left bottom; background-size:100% auto; position:absolute;bottom:0; left:0; height: 2rem;width: 100%;}

.store-logo{ width:4rem; height:4rem; margin-right:.5rem}
.store-logo img{ width:100%; border-radius:.2rem;}
.store-name{ color:#fff;}
.store-name span{ font-size:.75rem; display:block}
.store-name p{ font-size:.65rem;}

.store-box{  margin:.2rem .2rem}
.common-part{width: 48%;background: #fff;float: left;box-shadow: 0 0 7px rgba(0,0,0,.2);border-radius: .2rem;margin: 1%;}
.common-part img{ width:100%; display:block}

.storebtn a { line-height:2.5rem}
.storebtn .avtive{ background:#62d3d9; color:#fff;}



/**书店专区*/
.bookStore{}
.bookStore li{ padding:.2rem 0;}
.bookStore li .item-inner{ padding-right:.5rem !important}
.bookStore li .item-info{ font-size:0.65rem; color:#999; margin:.3rem 0;height: 1.05rem;}
.cartstore-cout span{ float:left;width:1.3rem; height:1.3rem;}
.cartstore-cout .add{background:url(../img/reading/append.png) no-repeat center center; background-size:1.3rem;}
.cartstore-cout .minus{background:url(../img/reading/minus.png) no-repeat center center; background-size:1.3rem;}
.cartstore-cout .num{ width:1.5rem;line-height: 1.3rem;text-align: center;}
.cartstore-cout .type{ width:3rem;height:1.3rem;line-height: 1.3rem; background:#62d3d9; color:#fff; border-radius:1.3rem; font-style:normal; text-align:center;}
.bookStore li .item-title .old{ color:#999 !important; margin-right:.5rem;}


i{ font-style:normal;}
.shopBag{ position:fixed;left:0;bottom:-100%; width:100%; font-size:.7rem;transition:.5s; z-index:999999}
.shopBag.on{ bottom:2.5rem;}
.shopBag.active{ bottom:0;}
.shopBag ul{ height:12rem; background:#fff; overflow-y:scroll;}
.shopBagName{ padding:.5rem; background:#f2f2f2;}
.shopBagName i{ float:right}
.shopBag ul{ padding:0.5rem;}
.shopBag ul li{ position:relative;padding:.5rem 0; border-bottom:1px solid #eee}
.shopBag ul li .shopname{ font-size:.7rem;padding-bottom: .5rem;}
.shopBag ul li .shopdiscout{ position:relative}
.shopBag ul li .shopnum{ width:4rem; position:absolute; right:0 ;top:0;}
.shopBag ul li .shopprice{ color:red}
.shopBag ul li .shopprice del{ margin-right:.5rem; color:#666}
.shopnum span{ float:left;width:1.2rem; height:1.2rem;}
.shopnum .minus,.shopnum .append{}
.shopnum .minus{ background:url(../img/reading/minus.png) no-repeat center center; background-size:1.2rem;}
.shopnum .append{background:url(../img/reading/append.png) no-repeat center center; background-size:1.2rem;}
.shopnum .num{ width:1.5rem;line-height: 1rem;text-align: center;}
.bookMask{ position:fixed; left:0; top:0; bottom:2.5rem; background:rgba(0,0,0,.5); width:100%; height:100%; z-index:999; display:none;}
.cout-footer,.cout-footer2{height:2.5rem; line-height:2.5rem; display:none; z-index:9999;transition:.5s;}
.cout-footer .cout-money,.cout-footer2 .cout-money{ padding-left:.5rem;}
.cout-btn{ position:absolute; right:0; bottom:0; width:6rem;  background:#62d3d9; color:#fff; text-align:center; font-size:.75rem;}
.shopCart-btn{position:absolute; right:50%; bottom:0; width:6rem;  background:#E53E49; color:#fff; text-align:center; font-size:.75rem}


.checkbox .top{background: url(../img/new/checkbox.png) no-repeat; vertical-align: middle; background-size: 30px; width: 15px;height: 15px; margin-right:.5rem;}
.checkbox .top.on{ background-position:-15px 0px}


/**积分抽奖**/
.rewardBox{}
.rewardIMg{ width:100%;}
.rewardIMg img,.rewardRule img{ width:100%; display:block;}
.rewardStride{  background:#A9F2DF; padding:1rem 0}
.rewardStride ul{margin:0 1rem;border-right:2px solid #90dac9;}
.rewardStride ul li{ position:relative; width:33.3%; float:left; background:#fff1ca;height: 5.5rem; text-align:center; padding:.5rem 0; border-left:2px solid #90dac9;border-bottom:2px solid #90dac9;}
.rewardStride ul li:nth-child(1), .rewardStride ul li:nth-child(2),.rewardStride ul li:nth-child(3){border-top:2px solid #90dac9}
.rewardStride ul li img{ width:3rem; display:block; margin:0 auto;}
.rewardStride ul li .mask{ position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,.1); display:none;}
.rewardStride ul li.active .mask{ display:block;}
.rewardStride ul li span{ font-size:.7rem;}
.rewardStride ul li.draw img{width:5.5rem; max-height:100%}


.padding-bottom10{ padding-bottom:.5rem;}
/**个人中心购物袋*/
.buyBag .item-inner{ background:url(../img/chevron-right.png) !important; background-size:.7rem  !important;background-repeat: no-repeat  !important;background-position: 97% center   !important;}

.orderList .btn-pay{ padding:0 1rem; border-radius:.2rem; line-height:1.25rem; height:1.25rem;}
.allPrice{ padding-right:1rem;}
.item-detail{}
.item-detail .item-part{ background:#f5f5f5;line-height:1.7rem; padding:0 .3rem;border-bottom: 1px dashed #eaeaea;}
.item-detail .item-part .item-name{ width:65%; float:left; margin-right:3%;}
.item-detail .item-part .item-num{ width:13%; float:left;text-align:center;}
.item-detail .item-part .item-price{ width:19%; float:left; text-align:center;}
.item-detail .item-part .item-price del{ font-size:.6rem; color:#666}



.icon-sao{width: 1.2rem; height: 1.2rem;background: url(../img/reading/sao.png) no-repeat center center;background-size: 1.2rem; position:fixed !important; right:.5rem; top:.5rem;}


/**买单*/
.mainMaskbg{ width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.4); z-index: 9999; display:-webkit-box;-webkit-box-pack:center; -webkit-box-align:center;}
.mainMaskbg .mainMaskCont{ width:70%; height:70%; overflow-y:scroll; margin:0 auto; background:#fff; border-radius:.3rem; padding:5%; box-shadow:0 0 22px rgba(0,0,0,.6)}
.mainMaskbg .mainMaskCont ul li{ border-bottom:1px solid #f1f1f1; padding-bottom:.5rem; margin-bottom:.5rem;}
.mainMaskbg .mainMaskCont .name{ font-size:.7rem;}
.mainMaskbg .mainMaskCont .price{ padding:.3rem 0; color:red;font-size:.7rem; }
.mainMaskbg .btn{background:url(../img/reading/append.png) no-repeat center center; background-size:1.3rem; width:1.3rem; height:1.3rem; float:right;}

.orderMaskList{ width:85%; margin:0 auto; background:#fff; border-radius:.2rem; overflow:hidden;}
.orderMaskList ul{border-radius: .2rem;}
.orderMaskList ul li.item-btn{ text-align:right; margin:.5rem;}
.orderMaskList ul li.item-btn .refune-btn{ float:right; margin-left:1rem; height:1.8rem; line-height:1.8rem;}
.orderMaskList .icon{background: url(../img/new/checkbox.png) no-repeat; vertical-align: middle; background-size: 30px; width: 15px;height: 15px;}
.orderMaskList .icon.active{background-position:-15px 0px}
.orderMaskList .item-inner{padding-right:2rem !important}


.redBag{ background:url(https://www.piaoduwang.cn/book/mobile/images/integralbag.png) no-repeat;background-size: 40px; float:left; width:40px;height:30px; display:inline-block;vertical-align: middle;}


.list-cont{ background: #fff;position:relative}
.list-cont .row{ padding: 0 0.5rem;}
.list-tit{height: 2.2rem; line-height: 2.2rem;padding:0 0.5rem;}
.list-tit span{ position: relative;  font-size: 0.75rem;  color: #323232; }
.list-tit font{ display: inline-block;}
.list-tit a{ font-size: 0.65rem; color: #ababac; display:block}
.filter{ display:inline-block;  font-style:normal; font-size:.65rem; width:4rem; background:url(../img/pull-bottom.png) no-repeat 98% center; background-size:.5rem;}
.distance{ display:none;width:5.2rem; position:absolute;right:0; top:2.2rem; z-index:9999; background:#fff; border-left:1px solid #EDECEC; border-bottom:1px solid #EDECEC; box-shadow: 2px 2px 12px #ccc;}
.distance p{font-size:.65rem; line-height:1.5rem; padding-left:.6rem;}




/**购书分类**/
.currentPosition{ height:1.8rem; line-height:1.8rem;font-size:.7rem;background: #f2f2f2;}
.currentPosition span{ padding:0 .5rem;}
.sidemask{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; left:0; top:0;z-index: 9999; display:none}
.sideBarbox{ width:6.25rem; height:100%; position:fixed;left:-20rem; top:0; z-index:99999; background:#F3F3F3; position:relative; transition:.5s; overflow-y:scroll;}
.sideParentMenutit,.sideParentMenu,.sideMenuName{ font-size:.75rem; height:2.5rem; line-height:2.5rem; text-align:center; border-bottom:1px solid #fff;}
.sideParentMenutit{ background:#e1efef}
.sideParentMenu{}
.sideMenuName{ display:block}
.sideMenuName.on{ background:#fff;}
.sideChildMenu{ position:absolute; right:0; top:0;  z-index:99999;background:#fff; width:100%;  height:100%;padding-bottom:1rem; display:none;transition:.5s;}
.sideChildMenu li{ float:left; height:1.7rem; line-height:1.7rem; padding:0 .65rem; background:#f3f3f3; margin:.5rem 0 0 .5rem; border-radius:.2rem;font-size: .75rem;}
.sideChildMenu li.avtive{ background:#E1EFEF !important;}
.sideChildtit{ font-size:.75rem; text-align:center; height:2.5rem; line-height:2.5rem;margin: 0 .5rem; border-bottom:1px solid #e2e2e2; margin-bottom:.5rem;}
.sideChildtit .close{float: right;background: #f2f2f2;padding: 0 .5rem;display: inline-block;font-size: .6rem;height: 1.3rem; line-height: 1.3rem; border-radius: .2rem;margin-top: .6rem;}




/**分类**/
.marketList ul li{ width:50%; float:left;box-sizing: border-box; padding:3%; border-bottom:1px solid #eee; border-right:1px solid #eee; background:#fff;}
.marketList ul li a{ display:block}
.marketList ul li .img{ height:6rem; overflow:hidden;}
.marketList ul li .img img{ width:100%;}
.marketList ul li .intro{ font-size:.7rem;}
.marketList ul li .intro .price{ margin-top:.3rem}
.marketList ul li .intro .price del{ font-size:.6rem; color:#999; margin-left:.5rem}


.marketBuy{ width:100%; padding:.5rem; background:#fff; z-index:9999;border-bottom:1px solid #eee; transition: .3s;}
.marketBuy.on{bottom:2.5rem; }
.marketBuy .inputInfo{ font-size:.75rem; color:#666; margin:5px 0 10px 0; line-height:1.5}
.inputBuy #inputBuy{ width:100%; height:2rem; line-height:2rem; border-radius:.3rem; background:#efefef; border:1px solid #dedede; font-size:.7rem; text-indent:1em}
.inputPoints,.actualPay{ font-size:.7rem; margin-top:.5rem; color:#999}
.inputPoints .red,.actualPay .red{ font-size:.8rem; font-weight:bold; margin-right:.5rem;}
.clickPay{ width:100%; height:2rem; line-height:2rem; border-radius:.3rem; background:#62d3d9; margin:.5rem 0;}

.marketInfo{ background:#fff; padding:10px; font-size:.75rem;}
.marketInfo .marketAdress,.marketInfo .marketPhone,.marketInfo .marketLine{ font-size:.7rem; color:#999}
.marketInfo .marketLine{color: #62d3d9 !important;}


.cout-footer2{ position:fixed;left:0; bottom:0;width:100%;}
.marketNumCout{ background:#f5f5f5; margin:5px 0; padding:5px; border-radius:5px;}
.marketNumCout .cartstore-cout{ float:right}
.marketNumCout .num{ float:left}

.biaoti,.fenlei{background:white;height:85px;border-bottom:1px solid #ece9e9;}
.zuobian{display:inline-block;width:80%;margin-left:10px; margin-top:10px}
.zuobian p{line-height:30px;}	
.zuobian span{font-size:15px;color:#928c8c;}
.biaoti img{width:50px;height:50px;}
.fl{height:40px;line-height:40px;}
.fl a{padding:0 5px 0 5px;}
.fla{color:#38adf6;}
.sousuo{width:95%;margin:0 auto;}
.sousuo input{border:none;width:100%;height:30px;border-radius:5px;background:#ece9e9 url(../html/img/seachBtn.png) no-repeat 10px 5px;padding-left:40px;background-size:20px;}
.tushu{background:white;}

.tushu ul li{width:50%;text-align:center;display: inline-block;}
.tushu ul li img{width:100px;height:130px;margin-top: 10px;}
.tushu ul li p{ font-size:14px}

.tsxq{width:100%;height:150px;border-bottom:1px solid #ece9e9;background: white;}
.bookImg,.bookTxt{display: inline-block;}
.bookImg{float: left; width:30%}
.bookImg img{max-width:100%;height:140px;}
.bookTxt{ width:70%;float:right}
.ts{font-size:13px;color:#aaa;margin-bottom: 10px;}
.sdmz{font-size:17px;margin-bottom: 30px;line-height: 40px;color: black;}

.mainbox{background:white;width:100%;padding:10px;}
.xiangxi{background:#e63b08;border-radius:20px;color:white;width:50px;display: inline-block;text-align: center;}
.mainbox p{line-height:30px;}
.yajin{margin-top: 20px;}

.bookContBtn{position:fixed;bottom: 0;width:100%;}
.btnCollect,.btnFree,.btnPay{width:50%;background:#46d4e2;}
.btnCollect{background:white;color:black;}

.header{width:90%;height:110px;background:#fafafa;margin: 20px auto;border-radius: 5px;}
.mainTitle{width:90%;margin:0 auto;line-height: 50px;}
.Title{color:#666;}
.Titleinput{border:none;background: none;border-bottom: 1px solid #c1c1c1;width:75%;margin-left:10px;}
.mainSe{border:none;width:75%;margin-left:10px;height:30px;-webkit-appearance: inherit;background:url(../img/pull-down.png) no-repeat right;background-size:10% 35%;line-height: 30px;}
.Picture,.Picturer{width:30%;height:135px;float:left;background:url(../img/camera.png) no-repeat 50% 50%;background-size:50% 30%;margin-left:10px;margin-top:10px;}
.Picture img,.Picturer img{width:100%;height:135px;}
.report{width: 90%;height: 200px;margin-left: 5%;resize:none;border:none;background:#f9f9f9;border-radius:10px;margin-top:10px;padding:10px;}
.headtow{width:90%;margin: 0 auto;}
.footB{width:100%;position:fixed;height: 50px;bottom:0;}
.upload{width:100%;background:#62d3d9;height:100%;text-align: center;line-height: 50px;color: white;}
.Picture img{width:100%;height:135px;}

.headBg{background: rgba(0,0,0,0.7);width:100%;display:-webkit-box;-webkit-box-pack:center; -webkit-box-align:center;}
.detailed{width:80%;height:50%;background:#fff;border-radius:10px;}
.RechargeCode{width: 80%;height: 75%;margin: 0 auto;margin-top: 5%;border-radius: 5px;}
.codeimg{width:100%;height:100%;}
.codep{text-align: center;font-size: 15px;line-height: 60px;color: #847d7d;}

.open{background:#4cd964;border-radius:30px;height: 25px;line-height: 25px;margin-left: 80%;margin-bottom:5px;}


.downIcon{background:url("../img/profile/tab_down.png") no-repeat center center; background-size:24px;display: inline-block;}



.chooseStoreList{ margin-right:.5rem;}
.maskBg{ background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:8888; display:none}
.chooseBookstore{ position:fixed; bottom:-70%; left:0;transition: .5s; width:100%; height:70%;z-index:9999; background:#fff; border-radius:.75rem .75rem 0 0}
.storeitem{ background:#F3F3F3; width:5.25rem; margin-left:.5rem; margin-right: .1rem; padding:.5rem 0; position:relative; text-align:center; border-radius:.25rem; border:1px solid #F3F3F3; }
.storeitem img{ width:3.25rem; height:3.25rem; margin:0 auto; border-radius:50%;}
.chooseTitle{ height:2.2rem; line-height:2.2rem; padding:0 .5rem;}
.font10{font-size: 12px;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.90);}
.storeitem .name{ font-size:.7rem; height:2.1rem; line-height:1.05rem; padding-top:.25rem;}
.storeitem p .iconTance{ width:.5rem; height:.5rem; margin-right:.1rem; display:inline-block;vertical-align: initial; background:url("../img/reading/ic_location_gray.png") no-repeat center center; background-size:.5rem}
.storeitem i{ width:.75rem; height:.75rem; position:absolute; right:.5rem; bottom:.5rem; display:inline-block; background:url("../img/reading/ic_select.png") no-repeat center center; background-size:.75rem;}
.sureStore{position:absolute;bottom:.5rem; left:2.5%; z-index:999; height:2rem; line-height:2rem; text-align:center; font-size:.7rem; color:#fff; width:95%; border-radius:2rem; background:linear-gradient(to right,#19cebd,#19bbce);}
.storeitem.choseOn{ background:#F3FFFE; border:1px solid #51DCCE;}
.storeitem.choseOn i{ background:url("../img/reading/ic_select_pre.png") no-repeat center center; background-size:.75rem;}
.storeitem.choseOn .iconTance{ width:.5rem; height:.5rem; display:inline-block; background:url("../img/reading/nav_ic_location.png") no-repeat center center; background-size:.5rem}
.storeitem.choseOn p{ color:#36B9AD;}

.closeMask{ height:1.7rem; line-height:1.7rem; width:100%;}
.closeMask span{margin-right: .2rem; display:inline-block; width:1.7rem; height:1.7rem; float:right; background:url("../img/reading/btn_shut_up1.png") no-repeat center center; background-size:.7rem}

.chooseBookstore.showIn{ bottom:0; }

.plusBanner{ height:8rem;background:url("../img/plus/img_membership_centre_bj.png") no-repeat center center; background-size:100% 100%; }
.cardSwiper{padding:.5rem; overflow:hidden;}
.cardMoney1{ background:url("../img/plus/img_month_card.png") no-repeat center center; background-size:100% 100%}
.cardMoney2{ background:url("../img/plus/img_kika.png") no-repeat center center; background-size:100% 100%}
.cardMoney3{ background:url("../img/plus/img_year_card.png") no-repeat center center; background-size:100% 100%}
.cardSwiper .swiper-slide{width: 15rem;height: 8.2rem;} 
.cardMoney{display:inline-block;width:100%; height:100%}

.pagination{ text-align:center}
.pagination .swiper-pagination-bullet{ width:.75rem; height:.15rem; background:#CCCCCC; margin:0 .2rem; border-radius:31%;}
.pagination .swiper-pagination-bullet-active{ background:linear-gradient(to right,#3E3F49,#35383E);}

.cardDetail{ padding:.5rem; margin-top:2rem}
.cardDeatailImg{ width:100%; display:none}
.cardDeatailImg img{ width:100%;}
.cardInfo{ padding:.5rem .5rem 0 .5rem;font-size:.7rem;}
.cardTitle .font{ font-size:1rem;font-weight:bold}
.cardInfos{ padding-bottom:1rem; padding-top:.5rem; font-size:.6rem; color:#999; line-height:1.9}
.payMent{vertical-align: middle; padding:.75rem 0;}
.payMent .weichat{ width:1rem; height:1rem;    margin-right: .5rem;vertical-align: middle; display:inline-block; background:url("../img/plus/ic_wechat_payment.png") no-repeat center center; background-size:20px;}
.chooseOne{ width:1rem; height:1rem; background:url("../img/plus/ic_selected_small.png") no-repeat center center; background-size:17px;}
.chooseOne.on{ width:1rem; height:1rem; background:url("../img/plus/ic_selected_small_pre.png") no-repeat center center; background-size:17px;}
.openNow{ width:10rem; height:1.7rem; line-height:1.7rem; border-radius:1.7rem;background:linear-gradient(to bottom,#E7D3A2,#DDC389); color:#4F3A19; margin:0 auto; font-size: .7rem; margin-top: .2rem;}

.cardMoney{}
.cardMoney .cardHeaderImg{ height:2.5rem; position:absolute; top:1rem; left:1rem; right:3.2rem;}
.cardMoney .cardHeaderImg img{ width:2.5rem; height:2.5rem; border-radius:50%; float:left; margin-right:.5rem;}
.cardMoney .cardHeaderImg span{ font-size:.8rem; vertical-align: middle; display:inline-block; height:2.5rem; line-height:2.5rem; color:#373A3F}

.noPlus,.inPlus{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.3);left: 0;top: 0;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;z-index:9999;}
.noPlusDiv{width: 80%;height: 18.2rem;    margin: 3rem auto;background: #FFFFFF;border-radius: 5px;text-align: center;padding:1.1rem;}
.noPlusBtn{width: 50%;height: 42px;background: linear-gradient(to top,#19CEBD,#19BBCE); color:#fff;border-radius: 21px;line-height: 42px;margin: 0 auto;}
.noPlusContinue{width: 50%;height: 42px;border-radius: 21px;line-height: 42px;margin: 0 auto;border: 1px solid #19BBCE; color:#19BBCE;margin-top: 8px;}
.inPlusDiv{width: 80%;height: 332px; margin:0 auto;border-radius: 5px;padding: 0 25px;background: url(../img/plus/img_upgrade_window_bj.png) no-repeat left top;background-size: 100% 100%;}
.inPlusMain{width: 80%;height: 332px; margin:0 auto;border-radius: 5px;padding: 0 25px;background: url(../img/plus/ic_lending_reminder_bj.png) no-repeat left top;background-size: 100% 100%;}
.inPlusDivBtn,.inPlusMainBtn{width: 60%;height: 42px;border-radius: 21px;line-height: 42px;margin: 0 auto;background: linear-gradient(to top,#DDC389,#E7D3A2);text-align: center;color: #4F3A19;}
.inPlusDown{width: 40px;height: 40px;background: url(../img/plus/btn_clock_down.png) no-repeat left top;background-size: 100% 100%;margin: 0 auto;margin-top: 30px}
.noPlusDivDown{width: 18px;height: 18px;background: url(../img/plus/btn_shut_up1.png) no-repeat left top;background-size: 100% 100%;}
.noPlusImg{height: 101px;background: url(../img/plus/ic_handle.png) no-repeat left top;background-size: 100% 100%;width: 55%;margin: 0 auto;margin-top: 20px;margin-bottom: 15px;}



.bgF6{ background:#F6F6F6}
.reviewsLi{padding: 15px 0 21px 0;border-bottom: 1px solid #EEEEEE;}
.reviewsHead{padding: 0 12px;height: 27px;line-height: 27px;}
.reviewsImg{width: 30px;height: 30px;border-radius: 50%;margin-right: 8px;margin-top: 5px;}
.reviewsNum .reviewsI{width: 10px;height: 10px;background: url(../img/newRead/ic_praise_small.png) no-repeat left top;background-size: 100% 100%;display: inline-block;margin-left: 5px;}
.reviewsNumOn .reviewsI{width: 10px;height: 10px;background: url(../img/newRead/ic_praise_small_pre.png) no-repeat left top;background-size: 100% 100%;display: inline-block;margin-left: 5px;}
.reviewsFoot{position: fixed;bottom: 0;height: 50px;width: 100%;background: #FFFFFF;padding: 8px 12px;}
.reviewsFootDiv{background: #F6F6F6;border-radius: 17px;height: 34px;line-height: 34px;padding-left: 15px;}
.reviewsFootInput{margin-bottom: 0 !important;background: #F6F6F6 !important;border-radius: 17px !important;height: 34px !important;}
.reviewsMtk{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.3);left: 0;top: 0;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;z-index: 9999;}
.reviewsMtkDiv{width: 100%;height: 100%;position: relative;margin-top: 100px;}
.reviewsMtkDown{width: 1.5rem;height: 1.5rem;background: url("../img/newRead/btn_shut_up_white.png") no-repeat left top;background-size: 1rem;position: absolute;right: .8rem;top: -50px;}
.reviewsText{width: 100%;height: 100%;border-radius: .75rem .75rem 0 0;padding: 1rem;}
.reviewsMtkFoot{position: fixed;bottom: 0;height: 40px;background: #F6F6F6;width: 100%;left: 0;line-height: 40px;padding: 0 12px;}


.readingLike{ overflow:hidden;}
.readingLike .swiper-wrapper{ padding:0 .6rem;}
.listenHead{padding: 1rem 0;box-shadow: 2px 1px 13px RGBA(0, 0, 0, 0.1);border-radius: 5px;margin:.6rem;}
.listenImg{width: 2rem;height: 2rem;border-radius: 50%;}
.listenDiv{width: 25%;text-align: center}
.listenSwiper{width: 4.5rem;margin-right: 15px;}
.listenSwiperImg{width: 100%;height: 5.75rem;}
.readingLike .swiper-slide img{ width:auto !important;border: 1px solid #eee;}

.readingListDiv{width: initial;margin-right: 20px;}
.readingListDiv.on{ color:#24A4FF}
.readingListScreen{position: absolute;top:4rem;width: 100%;height: 1.5rem;line-height: 1.5rem;border-bottom: 1px solid #EEEEEE; z-index:9999}
.readingListI{width: 9px;height: 5px;background: url(../img/newRead/ic_drop-down.png) no-repeat left top;background-size: 100% 100%;display: inline-block;margin-left: 5px;vertical-align: middle;}
.readingListI1{width: 9px;height: 5px;background: url(../img/newRead/ic_pull_up.png) no-repeat left top;background-size: 100% 100%;display: inline-block;margin-left: 5px;vertical-align: middle;}
.readingListLi{height: 40px;line-height: 40px;width: 100%;background: #F6F6F6;padding: 0 12px;border-bottom: 1px solid #EEEEEE;}
.readingListMain{margin-top: 25px;width: 100%;}


.listenSwiper{width: 89px;padding: 0 7px;margin-right: 15px;}
.listenSwiperImg{width: 100%;height: 113px;}

.downloadImg{width: 63px !important;height: 94px !important;margin-right: 10px;}
.downloadI{width: 12px;height: 12px;background: url("../img/newRead/ic_lengthoftime.png") no-repeat left top;background-size: 100% 100%;display: inline-block;margin-right: 5px;vertical-align: baseline;}
.downloadEdit,.downloadCancel{line-height: 44px; color: #24A4FF !important;}
.downloadFoot{width: 100%;height: 45px;position: fixed;bottom: 0;z-index: 20;padding: 0 12px;}
.downloadFootI{width: 20px;height: 20px;background: url(../img/newRead/ic_check_off.png) no-repeat left top;background-size: 100% 100%;display: inline-block;vertical-align: middle;}
.downloadFootBtn{padding: 5px 20px;background: #FF0000;border-radius: 14px;}

.latelyLi{width: 33%;position: relative;height: 200px;padding-left:8%;padding-top: 28px;}
.latelyLi img{width: 100%;height: 123px;box-shadow: 1px 1px 10px #a09e9e;}
.latelyPlay{width: 20px;height: 20px;background: url(../img/newRead/ic_suspend_samll.png) no-repeat left top;background-size: 100% 100%;position: absolute;right: 3px;top: 125px;}


.readingListCateory{ position:fixed; top:2.2rem; left:0; width:100%;}
.assistantImg{ width:3.55rem; height:5.65rem; margin-right:.5rem;border: 1px solid #eee}
.assistantDiv{width: 3.75rem;height: 3.75rem;border-radius: .25rem;background: url("../img/storeImg.jpg");text-align: center;line-height: 3.75rem;margin-left: .6rem;background-size: 100% 100%;}
.assistantRead{width: 100%;height: 100%;background: RGBA(51, 51, 51, 0.5);}
.assistantI{width: 3px;height: .75rem;background: #24A4FF;display: inline-block;border-radius: 2px;margin-right: 11px;vertical-align: middle;}
.assistantMain{height: 1rem;line-height: 1rem;}
.assistantEm{width: .4rem;height: .5rem;background: url(/book/mobile/images/img/newRead/ic_entrance.png) no-repeat left top;background-size: auto 100%;display: inline-block;margin-left: .25rem;}
.assistantImg{width: 3.75rem;height: 5.75rem;margin-right: .5rem;border: 1px solid #eee;}
.assistantSpan{background: #EEEEEE;border-radius: 3px;padding: 2px 5px;display: inline-block;}
.assistantLiI{width: .5rem;height: .5rem;margin-right: 0.3rem;background: url(/book/mobile/images/img/newRead/ic_hot_small.png) no-repeat left top;background-size: 100% 100%;display: inline-block;}
.assistantUl{padding: 1rem 0;}
.assistantUl li{ margin-bottom:.5rem;}
.newUser{ width:1rem; height:1rem;background: url(/book/mobile/images/img/newRead/ic_i_listen.png) no-repeat left top;background-size:1rem;margin-top: .5rem;}

.colletionMtk{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.3);left: 0;top: 2.2rem;z-index: 20;}
.colletionDiv{width: 100%;padding: 12px 0;}
.colletionLi{width: 26%;height: 33px;line-height: 33px;text-align: center;background: #F6F6F6;margin-top: 15px;margin-right: 3%;margin-left: 4%;}
.colletionCancel{border: 1px solid #FFDC00;color: #FFB200;height: 40px;line-height: 40px;border-radius: 3px;}
.colletionSure{background: linear-gradient(to right,#FFB600,#FFDC00);line-height: 40px;margin-left: 26px;border-radius: 3px;}
.colletionLi.on{background: #FFF9EB;border: 1px solid #FFDC00;color: #FFB200;}
.rankUl{padding: 0 12px;width: 100%;}
.ranKli{height: 150px;padding: 0 4%;display: inline-block;position: relative;margin-top:10px;float: left;}
.ranKli img{width: 100%;height: 100px;border-radius:3px; border:1px solid #eee}
.rankP{color: #373A3F;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: initial;line-height: 18px;margin-top: 5px;}
.rankI1{background: url(../img/xxhdpi/ic_no.1.png)no-repeat top left;}
.rankI2{background: url(../img/xxhdpi/ic_no.2.png)no-repeat top left;}
.rankI3{background: url(../img/xxhdpi/ic_no.3.png)no-repeat top left;}
.rankI1,.rankI2,.rankI3{width: 15px;height: 19px;background-size: 100% 100%;position: absolute;top: 0;left: 20px;}
.ranKliDiv{background: RGBA(0, 0, 0, .1);border-radius: 2px;position: absolute;top: 75px;right: 15px;padding: 0 5px;}