*{ 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: #323232;}
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;}

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}


@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;
}

/*闄勮繎涔﹀簵**/
.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-desc{color: #999 !important;font-size: .6rem !important; }
.read-sao{ width:1rem; height:1rem; background:url(../img/new/payCash.png) no-repeat center center; background-size:1rem; margin-right:.4rem}
.read-tance{font-size: .65rem !important; color: #999; font-weight:normal;}
.read-tance i{font-size: .6rem !important;}
.scanQRCode{ width:3rem; height:2rem; position:absolute;right:.5rem;top:.5rem; z-index:999}

/**闆跺敭鍟嗛椤�*/
.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}
.message_tit{}
.message_tit a.on:after{ left: 42% !important; }




/*濠㈣埖鎸抽崕锟�*/
.headerbox{ background: linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0)); border-bottom: 0;}
.indexcont{ top: 0 !important;}
.headerbox:after{ content: ''; height: 0;}
.headerbox a{ color: #fff;}
.headerbox .local-icon{ background: url(../img/new/pull-bottom.png) no-repeat right center; background-size: 0.7rem; font-size: 0.75rem; display: inline-block; padding-right: 0.85rem;}
.search-input input{ border-radius: 1.4rem;}
.headerbg{ background: #62D3D9;}
.header-bar{ }
.nav-box{ background: #fff; padding:0.5rem 0 ;}
.nav-box .nav-list{ text-align: center;}
.nav-box .nav-list a{ color: #323232; display: block;}
.nav-box .nav-list span{ display: block;}
.nav-box .nav-list span.icon{ font-size: 1.3rem;}
.nav-box .nav-list img{ width: 2rem;}
.nav-box .nav-list span.tab-label{ font-size: 0.7rem;}
.nav-box2{ background: #fff; margin:0.3rem 0; padding: 0.7rem 0;}
.nav-box2 .col-50{ text-align: center;}
.nav-box2 .col-50 a{ display:block}
.nav-box2 .col-50:first-child{ border-right: 1px solid #edecec; padding-left: 4%;}
.nav-box2 .text{ text-align: left;}
.nav-box2 .text h4{ color: #323232; font-weight: normal;font-size: 0.75rem;}
.nav-box2 .text p{ font-size: 0.6rem; color: #ababac; margin: 0.3rem 0 0 0 ;}
.nav-box2 .pic{}
.nav-box2 .pic img{ width:2rem;}
.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:52%; margin-left: -.9rem;bottom: 0;}

.retailheader .local-icon{ font-size: 0.75rem; display: inline-block; padding-right: 0.85rem;background: url(../img/new/pull-bottom2.png) no-repeat right center;
    background-size: 0.7rem; }

#shop-list .list-group:nth-child(2n+1) ul{ background:#f7f7f7}



/*閻庝絻澹堥崺鍛村级閿燂拷*/
.bar .searchbox { margin: 0 1.2rem 0 1.2rem !important; /*margin: 0 1.2rem 0 0 !important; */background: none;}
.searchbox .button{ top: 0;}
.searchbox .searchput{ position: relative;}
.search-input input{ background: rgba(255,255,255,0.4);}
.searchbtn{ position: absolute; right:0.4rem; top: 0; width: 1.6rem; height: 1.4rem;}
.searchbtn .icon{ color: #fff;}

/*閻庤鐭紞锟�*/
.locate_tit{ padding:0.5rem;font-size: 0.75rem; color: #ababac;}
.locate_cont{ background: #fafafa; padding:0.5rem; font-size: 0.8rem;}
.locate_cont .icon{ font-size: 0.5rem; display: inline-block; padding: 0 0.3rem;}
.locate_cont font{ color: #323232;}
.locate_cont ul li{ padding-bottom:0.5rem;margin-bottom: 0.5rem; border-bottom: 1px solid #f5f5f5;}
.locate_cont ul li a{ display:block}
.locate_cont ul li h4{font-size: 0.8rem; padding-bottom: 0.2rem; font-weight: normal;}
.locate_cont ul li p{ margin: 0; color:#ababab; font-size: 0.75rem;}
.locate_cont .icon{ font-size: 0.8rem; color: #62D3D9;}


/*濞撴皜鍕焿*/
#mask{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); z-index: 9999; display: none;}
.content-block{ }
.list_tit{ font-size: 0.9rem; line-height: 2.4rem; height: 2.4rem; color: #333; position: relative; padding-left: 1.2rem; background: #f5f5f5;}
.list_tit i{ width: 0.2rem; height: 0.8rem;background: #007AFF; display: inline-block; position: absolute; left: 0.5rem; top: 0.8rem;}
.list_cont .list-block{ margin: 0;}
.list-block li{ color: #666; font-size:.7rem}
.list-block select,.list-block .item-input input{color:#666; font-size:.7rem}
.list_cont .bar{ border-bottom: 0;}

/**/
.list-cont{ background: #fff; margin-top:0.3rem; position:relative}
.list-cont .row{ padding: 0 0.5rem;}
.list-tit{height: 2.2rem; line-height: 2.2rem;padding:0 0.5rem; border-bottom:1px solid #EDECEC;}
.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}
.list-block ul{ border-bottom: 0;}
.list-book{ padding:.5rem; position:relative}
.list-book .img{ text-align:center}
.list-book .img img{ height: 6rem; max-width: 100%;}
.student-box .list-book .img img{ height: 4rem; max-width: 100%;}
.list-book .text h4{ font-size: 0.7rem; line-height: 1.25rem; height: 1.25rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal;}
.list-book .text span{ font-size: 0.7rem; color: #FF2E2E; display: block;font-family: Georgia;}
.list-book .text del{ font-size: 0.6rem; color: #ababac;}
.list-book .text font{ color: #ababac; font-size: 0.6rem;}
.list-book:after{ content:''; width:120%; height:1px; background:#EDECEC; position:absolute; left:-12px; bottom:0}
.list-book:nth-child(2n){ border-left:1px solid #EDECEC;}
.list-cont .list-none{ padding:0.8rem 0.5rem; margin:0;    font-size: 0.7rem;color: #888; text-align: center;}
.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;}
#topback2{ position:fixed; bottom:3rem; right:0.5rem; z-index:999}
#topback2 img{ width:2rem}
.bar .icon img{ width: 1.1rem;}



.conmon-bar .search-input input{ background: #E9E9E9;}
.conmon-bar .icon-search{ color: #9e9e9e;}
.bar .conmon-bar{ margin: 0 !important;}
.big-menu{ width: 4rem; background: #fff; overflow-y: scroll; position: fixed; left: 0; top: 2.2rem; z-index:100; box-shadow:1px 4px 6px rgba(0,0,0,.2)}
.big-menu ul li{ height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid #f2f2f2; font-size: 0.65rem; padding:0 0.5rem; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap;*/}
.big-menu ul li.on{ background: #ECEAEB; color: #62d3d9;}
.small-box{ margin:.5rem .5rem 0 4.5rem; overflow: hidden;}
.small-menu{/* display: none;*/ height: auto;}
.small-menu .small-ad img{ display: block;}
.small-menu h3{ font-size:.8rem; color: #323232; padding: 0.5rem 0; font-weight: normal; position: relative; padding-left: .5rem;}
.small-menu h3 i{ width: .2rem; height: .8rem; background: #62D3D9; display: inline-block; position: absolute; left: 0; top: .6rem;}
.small-menu .small { background:#fff; padding:.5rem}
.small-menu .small  li{float: left; margin-right:.7rem; text-align: center; height:1.2rem; line-height:1.2rem}
.small-menu .small li a{ color: #666; font-size: 0.6rem; display: block;}
.small-menu .small  li.on a{  color: #62D3D9;}
.small-menu .small-tit{ translate:.3s; position:relative}
.small-menu .small-tit .small .down,.small-menu .small-tit .small .up{ display:none;position:absolute; right:.5rem; top:.5rem; width:.8rem; height:.8rem}
.small-menu .small-tit.fixed{ position:fixed;left:4.5rem; top:2.2rem; z-index:99;height:2rem; overflow:hidden; border-bottom:1px solid #ddd}
.nobook{ background:url(../img/new/flivver.png) no-repeat center center; background-size:50% auto; height:9rem}






/***/
.cart-list{ margin: 0;}
.cart-list ul{ background: none;}
.cart-list ul li{ margin:0.5rem 0; background: #fff; overflow: hidden; position: relative; padding:0 .5rem}
.cart-list ul li .tsremove{ position:absolute; right:.5rem; top:.3rem; font-size:.7rem; color:#666}
.cart-list .cart-pic{ margin-right: .5rem;}
.cart-list ul li .cart-item{ margin-left: .5rem !important; position: relative;}
.cart-list ul li .icon-form-checkbox{ width: 0.8rem; height: 0.8rem;}


.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 .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;}


/**閸熷棗鎼х拠锔藉剰**/
.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;}
.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;}
.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{ width: 86.5%;}
.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;}

.mask{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; position:fixed; left: 0; top: 0; z-index: 9990; display: none;}
.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}


.navige-bar{ height: 1.85rem; line-height: 1.85rem; padding: 0 .5rem;}
.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 li a{ display:block}
.navige-list .cart-pic{ padding-right: .5rem;}



/*缁狅紕鎮婇崷鏉挎絻閸掓銆�**/
.adress-list{ margin: 0;}
.adress-list ul{ background: none;}
.adress-list li{ margin-bottom: .5rem; background: #fff;}
.adress-list li .item-inner{ padding: 0 .5rem; border-bottom:0}
.adress-list .item-subtitle{ padding-top: .5rem; color: #ababac; font-size: .7rem;}
.adress-list .adress-alter{ padding: 0 .5rem; border-top: 1px solid #ebebec; font-size: .65rem; height: 2rem; line-height: 2rem;}
.adress-list .adress-alter .item-media{ padding: 0;}
.adress-list .adress-alter a{ display: inline-block; height: 2rem; line-height: 2rem; padding: 0 .3rem; color: #ababac;}
.adress-list .adress-alter a i{ width: .7rem; height: .7rem; display: inline-block; margin: 0 .3rem;}
.adress-list .adress-alter .compile i{ background: url(../img/new/compile.png) no-repeat center center; background-size: .7rem;}
.adress-list .adress-alter .bucket i{ background: url(../img/new/bucket.png) no-repeat center center; background-size: .7rem;}
.adress-box .car-cout,.readress-box .car-cout{ position: fixed; left: 0; bottom:0; width: 100%;}



.readress-box{ }
.readress-box .list-block{ margin: 0;font-size: .75rem;}
.readress-box .list-block .item-input input,.readress-box .list-block .item-input textarea{font-size: .75rem; color: #666;}
.readress-box .list-block .item-input select{  width:33.33%; float:left;font-size: .75rem; color: #666;}
.readress-box .list-block .item-input textarea{ line-height: 1.5rem;}
.readress-box .list-block .item-title{ color: #ababac;}



/**娑擃亙姹夋稉顓炵妇*/
.position .list-block{ margin: 0;}
.positionName{ font-size:.8rem; color:#62D3D9; padding:.5rem .5rem; position:relative; font-weight:bold}

.positionName i{ display:inline-block;width: .2rem;height: .6rem;background:#62D3D9; margin-right:.3rem}

.order-fix{ background: #fff; height: 2rem; line-height: 2rem;}

.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;}
.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:.5rem 0; text-align: right;}
.order-box .order-btn:empty{ display:none}
.order-box .order-btn a{ font-size: .7rem; 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 .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;}


.loginbar:after{ content:''; background:none}
.login-box{ /* background:#fff url(../img/new/bg.png) no-repeat center top; */background:#C6EFF1; background-size: 100% auto;}
.login-box .bar{ background: none; border: 0; color: #fff;}
.login-box .bar a,.login-box .bar h1{ color: #fff;}
.login-box .logo{}
.login-box .logo img{ width:100%; margin:0 auto; display: block;}
.login-box .loginform,.regbox .list-block{padding: 0 2rem; margin:0}
.login-box .loginform .login-put{ width: 100%; border-bottom:1px solid #9ACCCD; margin: .5rem 0; height: 2rem; line-height: 2rem; border-radius: .2rem;}
.login-box .loginform .login-put input{ width:100%; height:100%; border: 0; text-indent: 3em; font-size: .7rem; color: #ababac;}
.login-box .loginform .login-put.tel input{ background: url(../img/new/Contact.png) no-repeat; background-size: 1rem; background-position: .3rem center;}
.login-box .loginform .login-put.code input{background: url(../img/new/lock.png) no-repeat; background-size: 1rem; background-position: .3rem center;}
.login-box .loginform .login-foget{ text-align: right;}
.login-box .loginform .login-foget a{ font-size: .65rem; color: #666;}
.login-box .loginform .login-btn,.reg1-footer a,.passWord-btn a{ display: block; color: #fff; font-size: .8rem; background: #62D3D9; height: 2rem; line-height: 2rem;border-radius: .2rem;text-align: center; margin-top: 3rem;}
.accountBtn img{ vertical-align: middle; width:1.1rem; margin-right:.5em;}
.wechange{ text-align:center; font-size:.8rem;display: block; height:2rem; line-height:2rem; margin-top:.5rem; color:#666}
.login-box .loginform .login-reg { text-align: center; margin-top: .5rem;}
.login-box .loginform .login-reg a{ color: #62D3D9; font-size:.65rem;}
.regbox{ background: #fff;}
.reg1-box{border: 1px solid #eee;margin: .5rem auto;height: 2rem;line-height: 2rem;border-radius: .2rem;}
.reg1-box label{ width: 20%; text-align: center;}
.reg1-box label select{height:1.4rem !important; padding-left: .5rem; border:0;font-size:.7rem}
.reg1-box .reg1-input{ width: 80% !important; height:100% !important; border:0;font-size:.7rem !important;}
.reg1-box2 span{ font-size:.7rem; display:inline-block}
.reg1-footer{ margin-top:1.5rem}
.reg2-box .reg2-input{ width:60% !important; border: 1px solid #ddd !important;height: 1.6rem !important;line-height: 1.6rem;font-size:.7rem !important}
.reg2-box .reg2-btn1{ width:38% !important;}

.list-block{ margin:0}
.user-header{ padding:2.2rem .5rem; background:#43bdc4 url(../img/new/userbg.png) no-repeat left bottom; background-size: 100% auto; position: relative;}
.user-header .header-pic{ width:3.2rem; height:3.2rem; margin:0 .5rem}
.user-header .header-pic span{ display: inline-block;}
.user-header .header-pic img{ width:100%; border-radius:50%; border:.2rem solid #fff}
.user-header .header-text a{color: #fff;padding: .3rem 0 .3rem 0;font-size:.75rem; display:block}
.user-header .iconfont{ position: absolute; right: .5rem; top: .5rem; color: #fff; font-size: 1rem; width:1.5rem;height:1.5rem; background:url(../img/new/profile-set.png) no-repeat center bottom;background-size:1.2rem}
.header-text{color: #fff;font-size:.65rem; display:block}
.header-text .monerCont font{ padding-left:.2rem}
.monerCont {}
.monerCont span{ background:rgba(0,0,0,.07); padding:0 .5rem; height:1.1rem;line-height:1.1rem; border-radius:1.1rem; display:inline-block; float:left; margin-right:.5rem;}
.monerCont span.ask{background:#42ABEC url(../img/reading/ask.png) no-repeat center center;background-size:.8rem;width:1.1rem;}
.pofile_tit{ height:2rem; line-height:2rem; background:#fff;}
.pofile_tit span{ font-size:.8rem;position:relative;}
.pofile_tit span.on::after{content: ''; position: absolute; left:42%; bottom:0; height: 2px; width: 1.3rem; background: #62D3D9;}
.feedback{ font-size:.7rem !important}





.user-name{ height:2rem; line-height:2rem; background:#F3F3F3; padding:0 .5rem; font-size:.75rem;}
.user-menu ul{ border-top:0}
.user-menu li{ font-size: .7rem;}
.user-menu li .item-after{ font-size: .6rem; color: #ababac;}
.user-menu li .a_block{ display:block; width:100%}
.user-menu .user-pay{ padding: .5rem 0;}
.user-menu .user-pay a{ position:relative}
.user-menu li a .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: white;vertical-align: top; background: #e42e10; border-radius: .5rem;}
.user-menu li .user-icon{ width:1.1rem; height: 1.1rem; display:block; margin: .25rem auto;}
.user-menu li .icon-waitpay{ background: url(../img/new/obligation.png) no-repeat;background-size: 1.1rem;}
.user-menu li .icon-waitreceipt{ background: url(../img/new/delivery.png) no-repeat;background-size: 1.1rem;}
.user-menu li .icon-return{ background: url(../img/new/exchanged.png) no-repeat;background-size: 1.1rem;}
.user-menu li .icon-creat{ background: url(../img/new/icon-creat.png) no-repeat;background-size: 1.1rem;}

.user-menu li .icon-complete{ background: url(../img/new/icon-complete.png) no-repeat;background-size: 1.1rem;}
.user-menu li .icon-evaluation{ background: url(../img/new/icon-evaluation.png) no-repeat;background-size: 1.1rem;}
.user-menu li .icon-reading{ background: url(../img/new/icon-reading.png) no-repeat;background-size: 1.1rem;}
.user-menu li .icon-takebook{ background: url(../img/new/icon-takebook.png) no-repeat;background-size: 1.1rem;}
.user-menu li .icon-unfinished{ background: url(../img/new/icon-unfinished.png) no-repeat;background-size: 1.1rem;}






.user-list{ background: #fff;}
.user-list li{ color: #666;    height:3.25rem;}
.user-list li .item-inner{ padding:.65rem .75rem .65rem 0; font-size:.8rem}
.user-list li .item-media i{ font-size: .9rem;}








.user-teacher li .item-input .form-control3{ width:33.33%; float:left;}
p{ margin: 0;}
.list-block{ margin: 0;}
.bggray{ background: #ECEAEB;}

.change-box{ width:80%; margin: 0 auto;font-size:.7rem}
.change-box p{ color: #666;}
.change-box .pass-put{width: 100%;border: 1px solid #ddd;margin: .5rem 0;height: 1.6rem;line-height: 1.6rem;border-radius: .2rem;}
.change-box .pass-put input{ height: 1.4rem;}

.reglogo{ width: 10rem; height: 10rem; margin: 2.2rem auto;}
.reglogo img{ width:100%; height:100%}
.login-common .list-block{padding:0 1rem; background: #fff;}
.box2 p{ padding: .3rem 0; font-size: .7rem;}
.box2-put{ border: 1px solid #ddd; border-radius:.2rem; height: 1.6rem; overflow:hidden;}
.reg2-btn1{ border: 0; font-size: .6rem; width: 40%;background: #62D3D9; color:#fff}
        

.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;}
.red{ color: #e42e10 !important;}
.order-cout .list-block{ background: #fff;}
.order-cout .order-store .store:first-child{padding-bottom: 0}

.banner img{ width: 100%; display: block;}
.teacher-icon{ background: #fff; overflow: hidden; padding-bottom: .5rem;}
.teacher-icon li{ font-size: .7rem; float: left; text-align: center;}
.teacher-icon li img{ width: 1.6rem; display: block; margin: .5rem auto;}
.book-list li  .item-subtitle{ font-size: .7rem;}
.book-list li .item-title-row{ text-align: right; margin-top: .3rem;}
.book-list li .item-title-row .btn{ display: inline-block; width: 3.4rem; height: 1.1rem; line-height: 1.1rem; border-radius: .2rem; text-align: center; color: #fff; font-size: .6rem;}

.classify-box,.student-box{ background: #fff;}
.classify-tit{ font-size:.75rem; color: #323232; height: 2.2rem; line-height: 2.2rem; padding:0 .5rem; border-bottom:1px solid #ededec}
.classify-tit a{ display:block}
.classify-tit i{display: inline-block;width: .2rem;height: .6rem;background: #62D3D9;margin-right: .3rem;}
.classify-tit font{ font-size: .65rem; color: #ababac;}
.student-box .list-cont .row{ padding: 0; padding-right: .6rem;}
.student-box .list-book{ padding:.5rem 0 .5rem .5rem}
.student-box .list-book .img img{ height: 4rem; max-width: 100%;}
.student-box .list-book:nth-child(3n-1){border-left: 1px solid #EDECEC;}
.student-box .list-book:nth-child(3n){border-left: 1px solid #EDECEC;}
.classify-list{ padding:.5rem .5rem 1rem .5rem;position:relative;}
.classify-list li{ float: left; margin-right: .5rem; background:#f6f6f6; height: 1.2rem; line-height: 1.2rem; padding: 0 .4rem; margin-bottom: .5rem;}
.classify-list li a{ font-size: .7rem; display: block; color: #888;}
.classify-cary{ /*height:5.1rem;*/ overflow:hidden;}
.classify-icon{ position:absolute; left:0; bottom:0; z-index:99;height:1.3rem;width:100%; text-align:center; display:none }



.book-nav .nav-list img{ width:1.6rem}
.book-nav .nav-list .tab-label{ font-size:.7rem; color:#666}
.book-nav .nav-list{ margin-bottom:.5rem}



#span1{height:100px;width:.5rem; display:inline-block;background:url(../img/new/kai.png) no-repeat; background-size:.5rem auto;position:fixed;top:40%; left:4rem;z-index:9999}
#span2{height:100px;width:.5rem; display:inline-block;background:url(../img/new/he.png) no-repeat;background-size:.5rem auto; position:fixed;top:40%;z-index:9999;display:none}

/*婊氬姩鍔犺浇*/
#wrapper {width:100%}
#storeWrapper{position:absolute;top:7rem; bottom:0;left:0;width:100%;}
#wrapperpoints{position:absolute;top:4.5rem; bottom:0;left:0;width:100%;}
#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;}
.pushfresh{ background:url(../img/reading/push.png) no-repeat 52% center; background-size:.8rem; height:1.5rem;text-align:center;}


/*浼樻儬鍒�*/
.conpon-tit{ position:absolute; top:2.2rem; left:0; width:100%}
.list-block.coupon-box{padding:.5rem}
.list-block.coupon-box ul{ background: none;}
.list-block.coupon-box ul li{margin-bottom: .5rem; height: 4.5rem; background: #fff;}
.list-block.coupon-box ul li a{ display: block;}
.coupon-box li .coupon-money{ width: 4.5rem; height: 4.5rem; background:url(../img/new/key.png) repeat-y -2px top,-webkit-linear-gradient(top, #ED4C5C,#EDB05F);color: #fff; text-align: center;}
.coupon-box li .coupon-money p{ font-size: .6rem; padding-top: .7rem;}
.coupon-box li .coupon-money p span{ font-size: 1.1rem; font-weight: bold;}
.coupon-box li .coupon-money font{ font-size: .55rem;}
.coupon-box li .coupon-cont{height: 3.2rem; padding:.5rem .5rem 0 5rem;font-size: .6rem;}
.coupon-box li .coupon-text{ height: 2.5rem;}
.coupon-box li .coupon-btn{ height: 1.2rem; line-height: 1.2rem; color: #ababac; border-top: 1px dashed #edebec; font-size: .55rem;}
.coupon-box li .coupon-btn .btn{ border: 1px solid #ED585C; color: #ED585C; height: .9rem; line-height:.9rem; margin-top: .15rem; border-radius: .5rem; display: inline-block; padding: 0 .4rem;}
.coupon-box li.used .coupon-money{background:#bbb url(../img/new/key.png) repeat-y -2px top;text-align: center;}


/*绉垎鏄庣粏*/
.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}




/**涔板崟*/
.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{ z-index:99999;position: fixed;left: 15%;top: 15%;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;}


/**鎼滅储**/
.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}
.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;}



.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;}

/**profile**/
.profileIcon{ position:absolute; top:0; width:44px; height:44px}
.iconSet{  left:0; background:url("../img/profile/nav_setting.png") no-repeat 20% center; background-size:20px;}
.iconMessage{right:0; background:url("../img/profile/nav_news.png") no-repeat 80% center; background-size:20px;}

/**profile**/
.profileHeader{ background: #fff; box-shadow:2px 0 24px #E8E8E8;z-index: 99; padding: 0 22px;padding-top: 10px;}
.profileTop{ margin-bottom: 30px;position: relative;}
.profileImg{ position: absolute;top: 0;right: 0;}
.profileImg img{ width: 4rem; height: 4rem; border-radius: 50%; border: 2px solid #fff; display: block;}
/*.pofileImg{ width: 70px; height: 70px; float: left; margin-right: 20px;}*/
/*.pofileImg img{ width: 100%; border-radius: 50%; border:4px solid #fff;}*/
.profileInfo{padding-bottom: 20px;}
.profileInfo li{ font-size: 12px;color: #999999;}
.profileInfo span{color: #333333;display:block; font-size: 16px;}
/*.profileName{ margin-left: 90px;}*/
.proName{font-size: 22px;padding-top: 9px;}
.profileName p{ font-size: 16px;color:#373A3F; padding-top: 8px;}
.profileName .ident{ padding: 0 .25rem; height: .9rem; font-size:.6rem; line-height: .9rem; border:1px solid #BDC7D9; background: #F6F9FF; display: inline-block; border-radius: 2px; text-align: center; color: #BDC7D9;}
.profileName .ident.on{border:1px solid #ffb200; background:#fffcf2; color:#ffb200 }
.profileName .signIn{ border: 0; width: 70px; border-radius:23px 0 0 23px; padding:0;height: 23px; background: linear-gradient(to left,#FFB600,#FFDC00); color: #373A3F; position: absolute; right: 0; top: 28px; font-size: 12px;}
.profileInfo .info span{ color: #fff; margin: 0 10px}
.noLogin button{ border: 1px solid #EEEEEE; height: 24px; line-height: 21px; border-radius: 12px; padding: 0; margin-top: 12px;width: 64px;}
.openUser{ height:1.35rem; line-height:1.35rem; display:inline-block; border-radius:3px; font-size:.6rem;}
.openUser font{ color:#4F3A19;background:linear-gradient(to bottom,#DDC389,#E7D3A2); padding:0 .5rem;height: 1.35rem;display: inline-block;border-radius: 3px;}
.itemInfo{ color:#B2771B;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.font10{font-size: 12px;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.90);}
.profileMenu{ width:1rem; height:1rem;}
.profileMenu.icon1{ background:url("../img/profile/btn_borrowing.png") no-repeat center center; background-size:17px}
.profileMenu.icon2{ background:url("../img/profile/btn_cabinet.png") no-repeat center center; background-size:17px}
.profileMenu.icon3{ background:url("../img/profile/btn_shop.png") no-repeat center center; background-size:17px}
.profileMenu.icon4{ background:url("../img/profile/ic_reading_trails.png") no-repeat center center; background-size:17px}
.profileMenu.icon5{ background:url("../img/profile/btn_my_card.png") no-repeat center center; background-size:17px}
.profileMenu.icon6{ background:url("../img/profile/btn_school.png") no-repeat center center; background-size:17px}
.profileMenu.icon7{ background:url("../img/profile/btn_community.png") no-repeat center center; background-size:17px}
.profileMenu.icon8{ background:url("../img/profile/ic_points_mall.png") no-repeat center center; background-size:17px}
.profileMenu.icon9{ background:url("../img/profile/btn_donation.png") no-repeat center center; background-size:17px}
.profileMenu.icon10{ background:url("../img/profile/btn_invitation.png") no-repeat center center; background-size:17px}

.profileMenu.icon11{ background:url("../img/profile/ic_scan_gray.png") no-repeat center center; background-size:17px}
.profileMenu.icon12{ background:url("../img/profile/ic_student.png") no-repeat center center; background-size:17px}
.profileMenu.icon13{ background:url("../img/profile/ic_community.png") no-repeat center center; background-size:17px}

.profileMenu.icon14{ background:url("../img/profile/ic_details.png") no-repeat center center; background-size:17px}
.profileMenu.icon15{ background:url("../img/profile/ic_recharge.png") no-repeat center center; background-size:17px}
.profileMenu.icon16{ background:url("../img/profile/ic_cash_withdrawal.png") no-repeat center center; background-size:17px}
.profileMenu.icon17{ background:url("../img/plus/ic_plus.png") no-repeat center center; background-size:17px}


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