@charset "utf-8";
html,body{background:#fff;color:#333;font-family:"Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; font-size: 100%;}
body {padding-bottom: 70px !important;max-width: 1200px;}
body,div,ul,li,p { margin:0; padding:0;}
ul,li { list-style: none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;cursor: pointer}
.bd-pbm { padding-bottom: 0 !important;}
.index-mp { padding-top:70px;}
.inner-mp { padding-top:60px;}
.fanhui { background: url(../Images/nav-back.png) no-repeat; position: absolute; top: 15px;left: 0.5rem; background-size: 24px 24px; width: 24px; height: 24px;}
.fanhui1 { background: url(../Images/nav-back1.png) no-repeat; position: absolute; top: 15px;left: 0.5rem; background-size: 24px 24px; width: 24px; height: 24px;}
.filter-nav { position: absolute; top: 18px; right: 1rem; font-size: 1rem; color: #fe7f3c;}
a.filter-nav:hover {color: #fe7f3c;}
header{ position:relative; z-index:11; padding-bottom: 0.6rem; background: #fff; position: fixed;width: 100%;z-index: 9999;display: -webkit-box;
 top: 0;}
.am-offcanvas { z-index: 999999;}
.am-offcanvas-bar { background: #fff !important;}
.am-offcanvas-bar:after { background: #fff !important;}
.tem_inner,.met_section{ position:relative;}
.tem_top { overflow:hidden; height:65px; background:#fff; color:#fff; padding-right:3rem; }
.tem_top .logo{ width: 50px; height: 50px; float: left; margin:12px 0 0 10px;}
.tem_top .logo img { width: 100%; height: auto;}
.tem_top i{ position:absolute; padding:0 10px; height:35px; font-size:24px; line-height:35px; }
.tem_top i.scode-icon{ top:20px; right:55px; background:url(../Images/scode-icon.png) no-repeat; background-size:30px 30px; width:30px; height:30px; }
.tem_top i.msg-icon{ top:20px; right:15px; background:url(../Images/msg-icon.png) no-repeat; background-size:30px 30px; width:30px; height:30px; }
.tem_top i.log-icon{ top:20px; right:15px; background:url(../Images/login-icon.png) no-repeat; background-size:30px 30px; width:30px; height:30px; }
.tem_top i.met_now{ background:#2dcb91 !important; color:#fff;  }
.tem_top h1{ margin:10px 0 0 10px; font-size: 1.2rem; color: #333;height: 4rem;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis; white-space: nowrap;}
.tem_top h1 span { display: block; font-size: 0.8rem; color: #999; font-weight: normal;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;white-space: nowrap;}
.tem_top h1 img{ visibility:visible; height: 50px; }
.tem_top_nav{ display:none; }
.tem_head ul:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.am-parent { font-size: 1.4rem;}
.am-slider { background: #fff !important;}
.am-slider-a1 .am-control-nav li a.am-active { background: #2dcb91 !important;}
.am-slider-a1 .am-control-nav { bottom: 5px !important;}
.am-slider .am-slides img { max-height:160px ;}

.icon-bg {box-sizing:border-box;-webkit-box-sizing: border-box;-webkit-box-flex: 1; overflow:hidden; clear:both; padding: 0.5rem 0 1rem 0;
 background: #fff; border-top: 5px solid #f2f2f2;}
.icon-list .icon {float: left;width: 25%;text-align: center; }
.icon-list .icon> a {padding-top: 12px;display: block;}
.icon-list .icon-circle {display: block;margin: auto;width: 80px;height:80px;text-align: center;}
.icon-list .icon-circle img {width: 100%;height: 100%;}
.icon-list .icon-desc {text-align: center;color: #333; font-size: 1rem; line-height: 2rem;}

.notice { background: #fff; padding: 0.5rem 0.5rem 0.5rem 5.8rem; position: relative;}
.notice .notice-img { width:6rem; position: absolute; top: 10px; left: 10px; }
.notice .notice-img img { height: 25px;}
.notice .notice-txt { font-size: 1rem; color: #f23e00; line-height: 2rem; height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice span a { color: orange; background: url(../Images/arrow-right.png) no-repeat center right;background-size:18px 18px; padding-right:20px;}

.recommend { background: #fff; box-sizing:border-box;-webkit-box-sizing: border-box;-webkit-box-flex: 1; overflow:hidden; 
clear:both; padding: 0.5rem 0; border-top: 5px solid #f2f2f2;}
.recommend .title { padding: 1rem; overflow: hidden; clear: both; }
.recommend .title h2 {font-size: 1.6rem; line-height: 2rem; float: left; margin-bottom: 0; }
.recommend .title span{float: right;  color: #999;font-size: 0.9rem; line-height: 2rem;}
.recommend .title span a { color: #999; background: url(../Images/arrow-right.png) no-repeat center right;
background-size:18px 18px; padding-right:20px;}
.sy_recmd_list_box { margin-right: -1rem; margin-left: 1rem; margin-top: 15px; overflow: hidden; clear: both;}
.sy_recmd_list_box1 { margin-left: 0.4rem; overflow: hidden; clear: both; 
padding-top:6rem; position: relative; z-index: 99;}
.sy_recmd_list_box2 {  margin-left: 0.4rem; overflow: hidden; clear: both; 
padding-top:2.8rem; position: relative; z-index: 99;}
.sy_recmd_list_box3 { margin-left: 0.4rem; overflow: hidden; clear: both; 
padding-top:1rem; position: relative; z-index: 99;}

.sy_recmd_list {float: left;width: 32%; padding-right: 1rem;box-sizing: border-box; margin-bottom: 0.8rem;}
.sy_recmd_list .box {}
.sy_recmd_list .pub_img {width: 100%; box-sizing: border-box; position: relative; border: 1px solid #ededed; }
.sy_recmd_list .pub_img img {width: 100%;height: auto;height: 7rem; border-radius: 6px;}
.sy_recmd_list .pub_img .borrowed { position: absolute; top: 5.9rem; left: 0;  display: inline-block; box-sizing: border-box; line-height: 1; font-size: 0.8rem; background:#fb932f 
; text-align: center; color: #fff;padding:0.2rem 0.5rem;}
.sy_recmd_list .pub_wz {padding: 0.6rem 0 0.15rem 0;z-index: 1;position: relative; }
.sy_recmd_list .pub_wz h3 {white-space: nowrap;font-size: 1rem; text-align: center; margin-bottom:0;color: #333; height: 1.6rem; 
line-height:1.6rem;overflow: hidden;text-overflow: ellipsis;}
.sy_recmd_list .pub_wz p { font-size: 0.8rem; color: #999;position: relative;margin-top: 0.08rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy_recmd_list1 {float: left;width: 48%; padding-right: 0.9rem;box-sizing: border-box; margin-bottom: 0.8rem; margin-top:1rem;}
.sy_recmd_list1 .box {}
.sy_recmd_list1 .pub_img {width: 100%; box-sizing: border-box; position: relative;border: 1px solid #ededed; }
.sy_recmd_list1 .pub_img img {width: 100%;height: auto;height: 7rem; border-radius: 6px;}
.sy_recmd_list1 .pub_img .borrowed { position: absolute; top: 5.9rem; left: 0;  display: inline-block; box-sizing: border-box; line-height: 1; font-size: 0.8rem; background:#fb932f 
; text-align: center; color: #fff;padding:0.2rem 0.5rem;}
.sy_recmd_list1 .pub_wz {padding: 0.6rem 0 0.15rem 0;z-index: 1;position: relative; }
.sy_recmd_list1 .pub_wz h3 {white-space: nowrap;font-size: 0.94rem; text-align: center; margin-bottom:0;color: #333; height: 1.6rem; line-height:1.6rem;overflow: hidden;text-overflow: ellipsis;}
.sy_recmd_list1 .pub_wz p { font-size: 0.8rem; color: #999;position: relative;margin-top: 0.08rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-left:0.4rem;}

.sy_recmd_list2 {float: left;width:30%; margin-left: 0.6rem;box-sizing: border-box;  margin-top:0.5rem; background: #fff; 
border-radius: 8px;}
.sy_recmd_list2 .box {}
.sy_recmd_list2 .pub_img {width: 90%; box-sizing: border-box; position: relative; margin:5px auto 0 auto}
.sy_recmd_list2 .pub_img img {width: 100%;height: auto;height: 6rem;border-radius: 8px;border: 1px solid #ededed; }
.sy_recmd_list2 .pub_wz {padding: 0.6rem 0 0.15rem 0;z-index: 1;position: relative; }
.sy_recmd_list2 .pub_wz h3 {white-space: nowrap;font-size: 0.94rem; text-align: center; margin-bottom:5px;color: #333; height: 1.6rem; line-height:1.6rem;
overflow: hidden;text-overflow: ellipsis;padding:0 5px 5px 5px;}
.sy_recmd_list2 .pub_wz p { font-size: 0.6rem; color: #999; text-align: center;margin-bottom:5px;}

.sy_recmd_list_box4 { overflow: hidden; clear: both; padding-top:3.5rem; position: relative; z-index: 99;}

.sy_recmd_list_box5 { overflow: hidden; clear: both; padding-top:1.5rem; position: relative; z-index: 99;}
.sy_recmd_list3 {float: left;width: 31%;margin-left:0.4rem;box-sizing: border-box; margin-bottom: 0.8rem;}
.sy_recmd_list3 .box {}
.sy_recmd_list3 .pub_img {width: 100%; box-sizing: border-box; position: relative; border: 1px solid #ededed; }
.sy_recmd_list3 .pub_img img {width: 100%;max-height: 7rem; border-radius: 6px;}
.sy_recmd_list3 .pub_wz {padding: 0.6rem 0 0.15rem 0;z-index: 1;position: relative; }
.sy_recmd_list3 .pub_wz h3 {white-space: nowrap;font-size: 1rem; text-align: center; margin-bottom:0;color: #333; height: 1.6rem; 
line-height:1.6rem;overflow: hidden;text-overflow: ellipsis;}
.sy_recmd_list3 .pub_wz p { font-size: 0.8rem; color: #999;position: relative;margin-top: 0.08rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.audio { position:relative;  display: block;  border-radius: 28px; width: 3.6rem; margin: 0 auto -10px auto;}
.audio p { background: url(../Images/yinpin.png) no-repeat; padding-left: 20px; color: #333; font-size: 0.6rem; background-size: 18px 18px;}
.knowledge { margin-bottom: 1.4rem; overflow: hidden; clear: both; position: relative; padding-right: 1rem; padding-left: 8.6rem;}
.knowledge .list-img { width: 6.8rem; height: 6.7rem; position: absolute; top: 0; left: 1rem; border: 1px solid #ededed;}
.knowledge .list-img img { width: 100%; height: 100%; border-radius: 4px;}
.knowledge .list-info {}
.knowledge .list-info .title { font-size: 1.2rem; color: #333; margin-bottom:0.3rem; padding: 0; line-height: 2rem; height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.knowledge .list-info .detail { font-size: 0.9rem; color: #999; height: 2.6rem; line-height:1.3rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.info-tips {margin-top:0.3rem;}
.info-tips a {font-size: 0.8rem; border-radius: 4px;margin-right:5px; display: inline-block; text-align: center; padding:0.1rem 0.4rem 0 0.4rem; }
.info-tips a.orange { border: 1px solid #fff6ec; background: #66ccff; color: #ffffff;}
.info-tips a.yellow { border: 1px solid #fff6ec; background: #fff6ec; color: #fb932f;}
.info-tips a.green {border: 1px solid #d7fbe5; background: #eafff2; color: #6acf90;}
.innder-bg { background: #fff; width: 100%; padding:1.4rem 0;}
.nav-search { position: absolute;height: 36px;border-radius: 28px;width: 78%; top:9px;background-color: #edeef0;left: 2.5rem;}
.nav-search input { background: url(../Images/searchone.png) no-repeat; background-size: 16px; background-position: 10px 10px;
padding: 2px 0 2px 30px; height: 36px; line-height: 36px; border: none; width: 100%;outline: 0;font-size: 0.9rem;}
.search-btn { position: absolute;height: 36px; line-height: 36px; background: #51db95; width: 20%; text-align: center; font-size: 0.9rem; color: #fff;
right:0;top:0; border: 0; border-radius: 28px;}
.filter-icon { background: url(../Images/filter.png) no-repeat; position: absolute; top: 15px;right: 0.5rem; background-size: 24px 24px; width: 24px; height: 24px;}

footer {border-top: 1px solid #f8f8f8;position: fixed;bottom: 0;z-index: 99999;background: #fff;width: 100%; padding-top:3px; margin:0 auto; 
clear:both;box-shadow: 5px 5px 10px rgba(175,175,175,0.9);}
footer>div {width: 25%;float: left;}
footer p {text-align: center;color: #464646;font-size: 0.8rem; padding-bottom:5px; }
footer p.hover { color:#2dcb91;}
footer .icon {width: 30px;height: 30px;margin:0 auto;margin-top: 4px;background:url(../Images/footico.png) no-repeat center top;background-size:30px auto; overflow:hidden;}
footer .icon.on {background-image: url(../Images/footico_on.png);}
footer .i-1 {background-position: 0 0;}
footer .i-2 {background-position: 0 -30px;}
footer .i-3 {background-position: 0 -60px;}
footer .i-4 {background-position: 0 -90px;}
.hot-item {padding:0.4rem 2rem 0.4rem 2.5rem; margin:0 !important;position: relative;}
.hot-item dt {position: absolute; font-size: 1.2rem; top: 8px; left: 1rem; background: #fff; padding-right:10px;}
.hot-item dd { margin:0; padding-top: 3px; padding-left:1.6rem; overflow-x:scroll;white-space: nowrap;}
.hot-item dd a {color: #333; padding:2px 5px; font-size: 0.9rem; margin:0 5px 0 0;}
.hot-item dd a.on { border-radius: 4px; color: #2dcb91; border: 1px solid #2dcb91;}
.hot-item .more { background: url(../Images/more.png) no-repeat center center; background-size: 16px 16px; width: 16px; height: 16px; position: absolute; 
top:15px;right:5px;}

.hot-item1 {padding:0.4rem 1rem;margin:0 !important;box-shadow: 0 5px 6px rgba(175,175,175,0.15); z-index: 9999; background: #fff; width: 100%; box-sizing: border-box; 
position: relative; height: 2.8rem; }
.hot-item1 dd { margin:0; padding-top: 3px; overflow-x:scroll;white-space: nowrap;}
.hot-item1 dd a {color: #333; padding:2px 5px; font-size: 0.9rem; margin:0 3px 0 0;}
.hot-item1 dd a.on { border-radius: 4px; color: #2dcb91; border: 1px solid #2dcb91;}
.hot-item1 dd a.more {color: #2dcb91;}
/* ===== retrie分类下来 ===== */
.retrie-box {box-shadow: 0 5px 6px rgba(175,175,175,0.15);}
.retrie {position: relative;z-index: 102;height: 50px;background-color: #fff; }
.retrie dt { overflow: hidden }
.retrie dt a {position: relative;float: left;width: 24%;height: 49px;line-height: 50px;font-size: 0.9rem;text-align: center; font-weight: normal;}
/* .retrie dt a:after {position: absolute;top: 50%;left: 50%;margin-top: -4px;margin-left: 30px;width: 6px;height: 6px;border: #666 solid;border-width: 1px 1px 0 0;content: ' ';-webkit-transform: rotate(135deg);}*/
.retrie dt a:after {display:none !important;}
.retrie dt a:nth-child(2):after {display:none !important;}
.retrie dt a:nth-child(3):after {display:none !important;}
.retrie dt .up {color: #2dcb91;border-bottom: 2px solid #2dcb91;}
.retrie dt .up:after {margin-top: 0;border: #2dcb91 solid;border-width: 1px 1px 0 0;-webkit-transform: rotate(-45deg);}
.retrie dd { position: relative;margin-top: 0;}

/* ===== retrie分类下来 ===== */
.retrie1 {position: relative;z-index: 102;height: 50px;background-color: #fff; }
.retrie1 dt { overflow: hidden; display: flex;}
.retrie1 dt a {position: relative;float: left;height: 49px;line-height: 50px;font-size: 0.9rem;text-align: center; font-weight: normal; flex: 1;}
.retrie1 dt a:after {position: absolute;top: 50%;left: 50%;margin-top: -4px;margin-left: 30px;width: 6px;height: 6px;border: #666 solid;border-width: 1px 1px 0 0;content: ' ';-webkit-transform: rotate(135deg);}
.retrie1 dt a:nth-child(2):after {display:none !important;}
.retrie1 dt a:nth-child(3):after {display:none !important;}
.retrie1 dt .up {color: #2dcb91;border-bottom: 2px solid #2dcb91;}
.retrie1 dt .up:after {margin-top: 0;border: #2dcb91 solid;border-width: 1px 1px 0 0;-webkit-transform: rotate(-45deg);}
.retrie1 dd { position: relative;margin-top: 0;}

/* 添加的css */
.retrie2 {position: relative;z-index: 102;height: 50px;background-color: #fff; }
.retrie2 dt { overflow: hidden }
.retrie2 dt a {position: relative;float: left;width: 19%;height: 49px;line-height: 50px;font-size: 0.9rem;text-align: center; font-weight: normal;}
.retrie2 dt a:after {position: absolute;top: 50%;left: 50%;margin-top: -4px;margin-left: 18px;width: 6px;height: 6px;border: #666 solid;border-width: 1px 1px 0 0;content: '';-webkit-transform: rotate(135deg);}
.retrie2 dt a:nth-child(4):after {display:none !important;}
.retrie2 dt .up {color: #2dcb91;border-bottom: 2px solid #2dcb91;}
.retrie2 dt .up:after {margin-top: 0;border: #2dcb91 solid;border-width: 1px 1px 0 0;-webkit-transform: rotate(-45deg);}
.retrie2 dd { position: relative;margin-top: 0;}

/* ===== slide-area ===== slide1 每行1个 slide2 每行2个 slide3 每行3个 */
.slide1 {position: absolute;top: 0;left: 0;z-index: 104;display: none;width: 100%;overflow-y: auto;background-color: #fff;}
.slide1 li {display: block;height: 50px;border-bottom: 1px solid #eee;}
.slide1 li a {display: block;padding: 0 30px;height: 50px;background-color: transparent;line-height: 50px; font-size: 0.9rem;}
.slide1 li a:hover,
.slide1 li a.selected { background-color: #f6f6f6; }
.slide1 li a.select { background-color: #fff; }
.slide2 {position: absolute;top: 2px;left: 0;z-index: 104;display: none;width: 100%;overflow-y:scroll;background-color: #fff;box-shadow: 5px 5px 10px rgba(175,175,175,0.3);padding:10px 0;}
.slide2 li {display:inline-block;height: 40px; width: 48%;}
.slide2 li a {display: block;height: 40px;background-color: transparent;line-height: 40px; font-size: 0.9rem; padding-left:15px; text-align: left;}
.slide2 li a:hover,
.slide2 li a.selected { background-color: #fff; }
.slide2 li a.select { background-color: #fff; }
.slide3 {position: absolute;top: 2px;left: 0;z-index: 104;display: none;width: 100%;overflow-y:scroll;background-color: #fff;box-shadow: 5px 5px 10px rgba(175,175,175,0.3);padding:10px 0;}
.slide3 li {display:inline-block;height: 40px; width: 32%;}
.slide3 li a {display: block;height: 40px;background-color: transparent;line-height: 40px; font-size: 0.9rem; padding-left:15px; text-align: left;}
.slide3 li a:hover,
.slide3 li a.selected { background-color: #fff; }
.slide3 li a.select { background-color: #fff; }

.footer-yp {border-top: 1px solid #f8f8f8;position: fixed;bottom: 0;z-index: 50;background: #fff;width: 100%; padding:10px 10px 10px 10px; margin:0 auto; 
clear:both;box-shadow: 5px 5px 10px rgba(175,175,175,0.9);}
.footer-yp img { width: 36px; height: 36px; margin:4px 10px 0 0; float: left;}
.footer-yp p { font-size: 1rem; color: #51db95; float: left; padding-top:10px; font-weight: 600; }
.footer-yp .jind { float: left; width: 30%; margin-left: 10px; margin-top: 18px;}
.am-progress-bar { background:#51db95 !important;}
.am-progress { border-radius: 28px !important;}
.classify-info { position: relative; padding-left:7.6rem; margin-top:-14px; clear: both; height: 100%;}
.classify-info1 { position: relative; padding-left:7.6rem; margin-top:0; clear: both; height: 100%;}
.classify-left { position: absolute; top: 0; left: 0; width: 30%; height: 100%;}
#scroller1{position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);
-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;
text-size-adjust: none; padding-bottom:60px;transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms;
transform: translate(0px, 0px) translateZ(0px);}
.classify-left li{line-height: 50px;font-size:0.94rem;color: #e4e4e4; padding-left: 20px; color: #333; background: #edeef0;}
.put-bag {font-size: 0.8rem; border-radius: 28px;margin-right:8px; display: inline-block; text-align: center; padding:0.1rem 0.7rem 0 0.7rem; float: left; 
border:1px solid #2dcb91 ; color: #2dcb91; margin-top:5px;}
.put-bag2  {font-size: 0.8rem; border-radius: 28px;display: block; text-align: center; padding:0.1rem 0.7rem 0 0.7rem; 
border:1px solid #2dcb91 ; color: #2dcb91; margin:5px 10px;}
.collect{font-size: 0.8rem; border-radius: 28px;display: inline-block; text-align: center; padding:0.1rem 0.7rem 0 0.7rem; float: left; 
border:1px solid #fe7f3c ; color: #fe7f3c;margin-top:5px;}
a.collect,a.collect:active {color: #fe7f3c;}
.forget-w { padding-top:20px;}
.forget-pwd { font-size: 1rem; color:#2dcb91;}
.intel-book { margin-left: 26px; margin-bottom: 15px; display: block; overflow: hidden; clear: both;}

/*滚动条样式*/
.scrollbar-none::-webkit-scrollbar {/*滚动条宽度设置*/
    width: 0px;height: 0;
}
.menu-left,.menu-right{position:fixed; left:0;top:9rem; bottom:0; overflow-y: scroll;}
.menu-right #loading{left:11rem; top:6.7rem;}
.menu-left{background:#edeef0;}
.menu-left ul li{padding:1rem .9rem 1rem 1rem; box-sizing: border-box; font-size:1rem; width:7rem;}
.menu-left ul li.active{ position:relative; color:#333; background: url(../Images/circle-orange.png) no-repeat left center #fff; padding-left: 20px; font-weight:bolder;}
.menu-left ul li.active:before{content: " "; position: absolute;display: block; width:2px; height:100%;  top:0; left:0;}

.menu-left1,.menu-right{position:absolute; left:0.7rem;top:0.1rem; bottom:0; overflow-y: scroll; z-index: 99;}
.menu-right #loading{left:11rem; top:6.7rem;}

.menu-left1{background:#edeef0;}
.menu-left1 ul li{padding:1rem .9rem 1rem 1rem; box-sizing: border-box; font-size:1rem; width:7rem;}
.menu-left1 ul li.active{ position:relative; color:#333; background: url(../Images/circle-orange.png) no-repeat left center #fff; padding-left: 20px;}
.menu-left1 ul li.active:before{content: " "; position: absolute;display: block; width:2px; height:100%;  top:0; left:0;}

.menu-right{background:#fff; position:inherit;  margin-top: 0.2rem; right:0; bottom:0; left: 7rem; height:100%;}
.menu_list { padding-bottom:10px; border-bottom:1px solid #f3f3f3; overflow:hidden; clear:both; background:#fff;}
.menu_list h2 { font-size:14px; padding-bottom:1.0rem; color:#666;}
.menu_list ul li{cursor:pointer;color:#666666;font-size:14px;display:inline-block;padding:0 10px;font-style:normal;border:1px solid #dcdcdc;line-height:34px;height:34px; margin-right:5px; margin-bottom:10px}
.menu_list ul li.yListrclickem{line-height:32px;border:2px solid #e9630a;height:32px;position:relative;padding:0 9px;}
.menu_list ul li.yListrclickem i{display:block;width:15px;height:14px;background:url(../Images/righbt.png) no-repeat 0 0;right:-1px;bottom:-1px;position:absolute;}
.menu_list ul li a,.filter_list1 ul li a {border-radius:4px; background:#f5f5f7; color:#333; font-size:14px; text-align:center; display:inline-block;line-height:30px; padding:3px 15px;}
.menu_list ul li a:hover,.filter_list ul li a.hover{ background:#9b161c; color:#fff;}

.menu_title { background:#f3f3f3; border-bottom:1px solid #e8e8e8; line-height:50px; line-height:50px; margin-top:60px; clear:both;}
.menu_title dl { clear:both; overflow:hidden;}
.menu_title dl dt { width:8.6rem; text-align:center; font-size:15px; float:left;}
.menu_title dl dd { width:12rem; text-align:left; float:left;font-size:15px; padding-left:1.2rem; }

.header-tit {width: 75%;left: 0;position: absolute; top: 5px;margin: 0 50px;height: 50px;line-height: 50px;text-align: center;font-size: 1.2rem;
color: #333;}
.header-tit1 {width: 75%;left: 0;position: absolute; top: 5px;margin: 0 50px;height: 50px;line-height: 50px;text-align: center;font-size: 1.2rem;
color: #fff;  z-index: 9999;}
.intellect { overflow: hidden; clear: both; background: #fff;}
.intellect h3 { font-size: 1.1rem; color: #333; padding:0.625rem; margin-bottom: 0;}
.intellect ul {}
.intellect li { width: 44%; float: left; margin-bottom: 0.625rem; background: #f4f4f4; border-radius: 4px; height: 40px; line-height: 40px; text-align: center;
font-size: 0.9rem; color: #333; margin-left: 0.625rem;}
.intellect li.active { background: #2dcb91; color: #fff;}
.interpret { padding:0 1rem 0.625rem 2.2rem; background: url(../Images/quotes.png) no-repeat 0.625rem 0 #fff;  background-size: 25px 25px; margin-top: 10px;}
.interpret p { font-size: 0.9rem; color: #999; line-height: 1.6rem; padding-top:5px;}
.inter-title { width: 100%; text-align: center; font-size: 12px; color: #D4D4D4; padding-top: 0.5rem;}

.field-five {overflow: hidden; clear: both; background: #fff; padding:5px 0;}
.field-five h3 { font-size: 1.1rem; color: #333; padding:0.625rem; margin-bottom: 0;}
.field-five>div {width: 43%;float: left;margin-bottom: 0.625rem; background: #edeef0; border-radius: 20px; text-align: center;
font-size: 0.9rem; color: #333; margin-left: 0.8rem;}
.field-five p {text-align: center;color: #333;font-size: 1rem; padding-bottom:20px; }
.field-five p.hover { color:#fff;}
.field-five>div.active { background: #2dcb91;}
.field-five .icon {width: 40px;height: 40px;margin:20px auto 10px auto; display: block;}
.field-five .i-1 {background: url(../Images/field1.png) no-repeat; background-size: 40px 40px;}
.field-five .i-1.on {background: url(../Images/field1-on.png) no-repeat; background-size: 40px 40px;}
.field-five .i-2 {background: url(../Images/field2.png) no-repeat; background-size: 40px 40px;}
.field-five .i-2.on {background: url(../Images/field2-on.png) no-repeat; background-size: 40px 40px;}
.field-five .i-3 {background: url(../Images/field3.png) no-repeat; background-size: 40px 40px;}
.field-five .i-3.on {background: url(../Images/field3-on.png) no-repeat; background-size: 40px 40px;}
.field-five .i-4 {background: url(../Images/field4.png) no-repeat; background-size: 40px 40px;}
.field-five .i-4.on {background: url(../Images/field4-on.png) no-repeat; background-size: 40px 40px;}
.field-five .i-5 {background: url(../Images/field5.png) no-repeat; background-size: 40px 40px;}
.field-five .i-5.on {background: url(../Images/field5-on.png) no-repeat; background-size: 40px 40px;}

/* shen add 添加的样式-更多筛选 */
.more_choice {overflow: hidden; clear: both; background: #fff; padding:5px 0;}
.more_choice .active { background-color: #FAF0E6;}

.borrow-title {  font-size: 1.2rem; color: #2dcb91; margin-bottom: 0;}
.borrow-item,.borrow-item1 { overflow: hidden; clear: both; background: #fff;}
.sectitle {overflow: hidden; clear: both; position: relative; margin:10px 0; }
.sectitle h3 { font-size: 1.1rem; color: #333; padding:0.625rem; margin-bottom: 0; margin:0 !important; padding:0 !important}
.sectitle .show { font-size: 0.9rem; color: #999; position: absolute; top: 5px; right: 10px; background: url(../Images/show-icon.png) no-repeat right center;
 background-size: 15px 15px; padding-right: 20px;}
 .sectitle .shrink { font-size: 0.9rem; color: #999; position: absolute; top: 5px; right: 10px; background: url(../Images/hide-icon.png) no-repeat right center;
  background-size: 15px 15px; padding-right: 20px;}
.borrow-item ul,.borrow-item1 ul {margin-right: -0.625rem;}
.borrow-item li { width: 30%; float: left; margin-bottom: 0.625rem; background: #f4f4f4; border-radius: 4px; height:2rem; line-height: 2rem; text-align: center;
font-size: 0.9rem; color: #333; margin-right: 0.625rem;}
.borrow-item1 li { width: 30%; float: left; margin-bottom: 0.625rem; background: #f4f4f4; border-radius: 4px; height:3.5rem; line-height: 1.2rem; text-align: center;
font-size: 0.9rem; color: #333; margin-right: 0.625rem; padding:0.5rem 0.1rem 0 0.1rem;}
.borrow-item1 li:nth-child(1) { line-height: 2.5rem;}
.borrow-item li.active,.borrow-item1 li.active { background: #2dcb91; color: #fff;}
.borrow-bottom { position:fixed; bottom:0; left: 0; width: 100%; z-index: 99999999;}
.borrow-bottom .cancel{ background: #f4f4f4; height: 3rem; line-height: 3rem; width: 50%; float: left; text-align: center; font-size: 0.9rem; color: #999;
display: block; outline: 0; border:0; box-sizing: border-box;}
.borrow-bottom .define{ background: #2dcb91; height: 3rem; line-height: 3rem; width: 50%; float: left; text-align: center; font-size: 0.9rem; color: #fff;
display: block; outline: 0; border:0; box-sizing: border-box;}

.book-details { background: #fff; padding: 15px; position: relative; border-top-left-radius: 10px; 
border-top-right-radius: 10px;overflow: hidden; clear: both;}
.book-detail-pic{ width: 100%; margin: 10px auto;}
.book-detail-pic p { line-height: 24px; font-size: 1rem; text-indent: 2em; padding-top:0.5rem;}
.book-detail-pic img { width: 100%; height: auto; margin: 10px 0;}
.book-btm{ border-bottom: 10px solid #f2f2f2;}
.book-title { font-size: 1.1rem; color: #333; margin-bottom: 0; margin:0 !important;font-weight: bold; }
.book-info {overflow: hidden; clear: both; margin: 5px 0 10px 0;}
.book-info p{ position: relative; padding:0.3rem 0 0 5rem;font-size: 0.9rem; color: #333;}
.book-info span {  color: #999; position: absolute;left: 0; top: 0.3rem;}
.book-mp { margin-top:5px;}
.book-pic {padding:0.4rem 0;margin:0 !important;width: 100%; box-sizing: border-box; overflow-x:scroll;white-space: nowrap; height: 135px; overflow-y:hidden;}
.book-pic ul li {float: left;width: 24%; padding-right: 0.9rem;box-sizing: border-box;  margin-top:0.5rem;}
.book-pic ul  { margin-right:-50px;}
.book-pic ul li .pub_img {width: 100%; box-sizing: border-box; position: relative;}
.book-pic ul li .pub_img img {width: 100%;height: auto;height: 7rem; border-radius: 6px;}
.book-pic2 {padding:0.4rem 0;margin:0 !important;width: 100%; box-sizing: border-box; white-space: nowrap;  overflow-x:hidden;}
.book-pic2 ul li {float: left;width: 30%; padding-right: 0.9rem;box-sizing: border-box;  margin-top:0.5rem;}
.book-pic2 ul  { margin-right:-50px;}
.book-pic2 ul li .pub_img {width: 100%; box-sizing: border-box; position: relative;}
.book-pic2 ul li .pub_img img {width: 100%;height: auto;height: 7rem; border-radius: 6px;}
.book-xq { font-size: 1rem; padding-top:1rem;}
.book-comment {}
.book-comment .comment-icon { background: url(../Images/comment.png) no-repeat; width: 70px; height: 70px; background-size: 70px 70px; margin:0 auto; display: block;}
.book-comment p { font-size: 0.9rem; color: #999; text-align: center;}
.book-comment .log-btn { width: 8rem; background: #fff; border-radius: 28px; border:1px solid #2dcb91; height: 2rem; line-height: 2rem; color: #2dcb91;
 text-align: center; margin:1rem auto; display: block;}
.comment-item { margin-top:1rem; overflow: hidden; clear: both; position: relative; padding-left: 4rem;}
.comment-item .comm-pic { width: 3rem; position: absolute; top: 0;left: 0;}
.comment-item .comm-pic img { border-radius: 50%; width: 100%; box-sizing: border-box;height: auto;max-height: 3rem;}
.comment-item .comm-name { padding-bottom: 0.5rem; position: relative; padding-top: 0.6rem;}
.comment-item .comm-name h3 { font-size: 1rem; margin:0; padding:0}
.comment-item .comm-name .comm-date { position: absolute; right: 0; top:0.8rem; font-size: 0.6rem; color: #999;}
.comment-item .comm-detail { font-size: 0.9rem; color: #666;position: relative;}
.book-foot { border-top: 1px solid #f8f8f8;position: fixed;bottom: 0;z-index: 99999;background: #fff;width: 100%;clear:both;box-shadow: 5px 5px 10px rgba(175,175,175,0.9);}
.book-foot .statistics1 { width: 30%; float: left;  display: block; margin-top:7px;}
.book-foot .statistics1 p { font-size: 0.9rem; padding-left: 10px; }
.book-foot .statistics1 p span { color: #ff0000; margin:0 5px;}
.book-foot .enter-btn { width: 70%; float: right;}
.book-foot .enter-btn .colbtn { background: #2dcb91; width: 50%; padding:1rem 0; text-align: center;display: inline-block; color: #fff;}
.book-foot .enter-btn .pbag { background: #fe7f3c; width: 50%; padding:1rem 0; text-align: center;display: inline-block; color: #fff;}
.am-checkbox, .am-checkbox-inline, .am-radio, .am-radio-inline { color: #333;}

/* 第2部分样式 */
.wrap-bg { background: #f2f2f2;}
.special-item { overflow: hidden; clear: both; position: relative;padding:1rem 0.5rem 1rem 8.6rem; margin:10px 10px 0 10px; background: #fff; border-radius: 6px;}
.special-item .list-img { width: 6.8rem; height: 6.8rem; position: absolute; top: 1rem; left: 1rem;}
.special-item .list-img img { width: 100%; height: 100%; border-radius: 4px;}
.special-item .list-info {}
.special-item .list-info .title { font-size: 1.1rem; color: #333; margin-bottom:0.3rem; padding: 0; line-height: 2rem; height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.special-item .list-info .detail { font-size: 0.9rem; color: #999; height: 2.7rem; line-height:1.3rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.special-detail { padding:1.25rem;overflow-x: hidden;overflow-y: auto; display: inline-table;}
.special-detail h1 { font-size: 1.4rem; margin: 0 !important; padding-top:50px;}
.special-detail h5 { font-size: 0.8rem; color: #999; font-weight: normal; margin: 0 !important; padding: 10px 0;}
.special-detail p { font-size: 1rem; color: #666; padding-top: 15px;}
.special-detail p img { width: 100%; margin: 10px auto;}
.series-title { text-align: center;margin: 0 !important; padding-top:20px;}
.head-bg { width: 100%; position: relative;}
.head-bg img { width: 100%; height: auto; max-height:189px;}
.head-bg1 { width: 100%; position: relative; background:url(../Images/selection-headbg.png) no-repeat; height: 160px; background-size: 100% 160px;}
.head-bg2 { width: 100%; position: relative; background:url(../Images/login-bg.png) no-repeat; height: 230px; background-size: 100% 230px;}
.head-bg3 { width: 100%; position: relative; background:url(../Images/selection-headbg1.png) no-repeat; height: 228px; background-size: 100% 228px;}
.head-bg4 { width: 100%; position: relative; background:url(../Images/selection-headbg2.png) no-repeat; height: 270px; background-size: 100% 270px;}

.head-pic { width: 5rem; position: absolute; top: 4rem;left: 1rem;}
.head-pic img { border-radius: 50%; width: 100%; box-sizing: border-box;height: auto;max-height: 5rem; border: 3px solid #fff;}
.head-name { position: absolute; top: 4.5rem; left: 7rem;}
.head-name h3 { font-size: 1.4rem; margin:0; padding:0; color: #fff;}
.head-name p { font-size: 1.0rem; color: #fff; margin-top: 0px;}
.head-name p span { font-size: 1.2rem; font-weight: bold; color: #ff5200; margin: 0 5px;}
.notice-item { overflow: hidden; clear: both; position: relative;padding:1rem 8.6rem 1rem 1rem; margin:10px 10px 0 10px; background: #fff; border-radius: 6px;}
.notice-item .list-img { width: 6.8rem; height: 6.8rem; position: absolute; top: 1rem; right: 1rem;}
.notice-item .list-img img { width: 100%; height: 100%; border-radius: 4px;}
.notice-item .list-info { height: 7rem;}
.notice-item .list-info .title { font-size: 1.1rem; color: #333; margin-bottom:0.3rem; padding: 0; line-height: 2rem; height: 4rem;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.notice-item .list-info .date { font-size: 0.9rem; color: #999; padding-top:15px;}
.about-map { background: url(../Images/map-bg.png) no-repeat; width: 90%; margin: 20px; height: 82px; position: relative; background-size:100% 82px; padding-top:0.6rem}
.about-map p { font-size: 1rem; line-height: 2rem; padding-left: 1rem;}
.map-addr { width: 3rem; position: absolute; top: 1.1rem;right: 1rem;}
.map-addr img {box-sizing: border-box;height: auto;max-height:3rem; }
.about-title { font-size: 1.4rem; padding-left: 1rem; margin:0 !important;}
.about-info { padding:0 1rem 1rem 1rem; overflow: hidden; clear: both;}
.about-info p { padding-top:15px;}
.sel-info { position: absolute; top: 4rem; left: 1rem; width: 70%;}
.sel-info p { font-size: 1rem; color: #fff;}
.sel-pic { position: absolute; width: 4.5rem; top: 3.5rem; right: 1rem;}
.sel-pic img { box-sizing: border-box;height: auto;max-height:4.5rem;}
.selection { background: #fff; margin:10px 10px 0 10px; box-sizing: border-box; border-radius: 8px; padding:1rem 3rem 1rem 1rem; position: relative; z-index: 99999;}
.selection h2,.selection1 h2 { font-size: 1.4rem; margin: 0 !important;}
.selection p { font-size: 0.95rem;}
.am-radio { position: absolute !important; top: 0.7rem; right: 1rem; color: #2dcb91 !important;}
.sel-btn { margin:20px 10px; border-radius: 28px; background: #2dcb91; height: 3rem; line-height: 3rem; font-size: 1.1rem; color: #fff; 
box-shadow: 0 5px 10px rgba(45,203,145,0.5); display: block; width: 95%; text-align: center; outline: 0; border: 0;}
.sel-btn:focus {background: #2dcb91; color: #fff;}
.sel-btn-w { padding: 1rem 0 1rem 1.2rem;}
.sel-btn-y { border-radius: 28px; background: #fb932f; height: 2.6rem; line-height: 2.6rem; font-size: 1.1rem; color: #fff; 
box-shadow: 0 5px 10px rgba(251,147,47,0.5); display:inline-block; width: 42%; text-align: center; outline: 0; border: 0; margin-left: 0.5rem; }
.sel-btn-y:focus {background: ##fb932f; color: #fff;}
.sel-btn-g { margin-left: 0.5rem; border-radius: 28px; background: #2dcb91; height: 2.6rem; line-height: 2.6rem; font-size: 1.1rem; color: #fff; 
box-shadow: 0 5px 10px rgba(45,203,145,0.5); display: inline-block; width: 42%; text-align: center; outline: 0; border: 0;}
.sel-btn-g:focus {background: #2dcb91; color: #fff;}
.selection1 { background: #fff; margin:10px 10px 0 10px; box-sizing: border-box; border-radius: 8px; padding:1rem; position: relative; z-index: 99999;}
.sel-item { position: relative; width: 100%; padding-top: 3px;}
.sel-item p { font-size: 1.1rem;}
.sel-item .inputbox { position: absolute; top: 8px; right: 0;}
.sel-tips { font-size: 1rem; border-top: 1px solid #ededed; padding-top: 10px; margin-top: 10px; color: #999;}
.sel-tips-red { font-size: 1.2rem; color: #ff5200; display: block; font-weight: bold; padding:10px 0 0 0;}
.reg-step1 { font-size: 1rem; color: #ff0000; margin: 0 !important; padding:1rem 1rem 0 1rem; font-weight: normal;}
.boxadow{box-shadow: 0 0 20px rgba(175,175,175,0.3);}
.login-info { padding:0.5rem 1rem 1rem 1rem; overflow: hidden; clear: both;}
.login-item { border-bottom: 1px solid #e6e6e6; padding:20px 0 10px 0; width: 100%; position: relative;}
.login-item .phone-icon { background: url(../Images/phone-icon.png) no-repeat; width: 50px; height: 50px; position: absolute; top:20px; left: 0; 
background-size: 25px 25px;}
.login-item .pwd-icon { background: url(../Images/pwd-icon.png) no-repeat; width: 50px; height: 50px; position: absolute; top:20px; left: 0; 
background-size: 25px 25px;}
.login-item .eye-icon { background: url(../Images/eye-icon.png) no-repeat; width: 50px; height: 50px; position: absolute; top:20px; right: 0; 
background-size: 25px 25px;}
.login-item .vcode-icon { background: url(../Images/vcode-icon.png) no-repeat; width: 50px; height: 50px; position: absolute; top:20px; left: 0; 
background-size: 25px 25px;}
.login-item .person-icon { background: url(../Images/person-icon.png) no-repeat; width: 50px; height: 50px; position: absolute; top:20px; left: 0; 
background-size: 25px 25px;}
.login-item .addr-icon { background: url(../Images/addr-icon.png) no-repeat; width: 50px; height: 50px; position: absolute; top:20px; left: 0; 
background-size: 25px 25px;}
.login-item .time-icon { background: url(../Images/time-icon.png) no-repeat; width: 50px; height: 50px; position: absolute; top:20px; left: 0; 
background-size: 25px 25px;}
.login-item .dropdown-icon { background: url(../Images/show-icon.png) no-repeat; width: 30px; height: 30px; position: absolute; top:20px; right: 0; 
background-size: 15px 15px;}
.login-item .inputbox { border: 0; outline: 0; font-size: 1rem; color: #666; padding-left: 2rem;}
.login-item  input:disabled{  background-color: #fff!important; }
.bd-bm { border-bottom: 10px solid #f2f2f2;}
.verif-code { position: absolute; right: 5px; top: 20px; font-size: 1rem; color: #2dcb91; font-style: normal;}
/* 第3部分样式 */
.modify-info { margin-top: 60px; overflow: hidden; clear: both;padding:0 20px; border-top: 5px solid #f2f2f2;}
.modify-info li { padding:0.6rem 0 0.6rem 5rem; border-bottom: 1px solid #ededed; position: relative; background: #fff; }
.modify-info li .name { position: absolute; top:12px; left: 0; font-size: 1rem; color: #333;}
.modify-info li .inputbox { border: 0; font-size: 1rem; line-height: 30px;}
.my-order-bg { background: #2dcb91; padding:20px 15px 40px 15px; overflow: hidden; clear: both; margin-top:50px;}
.my-order-bg .order-time { font-size: 1rem; color: #fff;margin: 0;}
.my-order-bg .order-oper { font-size: 0.9rem; color: #d0f0e2;}
.my-order-bg .order-wait {font-size: 0.8rem; color: #d0f0e2;}
.order-item { margin: -25px 15px 0 15px; overflow: hidden; clear: both;}
.order-item .order-list { background: #fff; padding:1rem 4rem 1rem 6.5rem; position: relative; border-radius:10px; height: 8.2rem; margin-bottom: 15px;}
.order-item .order-list .list-img { width: 5.2rem; height: 5.1rem; position: absolute; top: 1rem; left: 0.8rem; border: 1px solid #ededed;}
.order-item .order-list .list-img img { width: 100%; height: 100%; border-radius: 4px;}
.order-item .order-list .list-info {}
.order-item .order-list .list-info .title { font-size: 1.1rem; color: #333; margin-bottom:0.3rem; padding: 0; line-height: 2rem; height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.order-item .order-list .list-info .detail { font-size: 0.8rem; color: #999; height: 3.0rem; line-height:1.6rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.order-item .order-list .order-btn { position: absolute; top: 60px; right:10px;  padding:0 5px; border-radius: 4px; font-size: 0.9rem; background: #fff;}
.order-yellow {border: 1px solid #fe7f3c; color: #fe7f3c;}
.order-green {border: 1px solid #2dcb91; color: #2dcb91;}
.exchange { background: #fff; margin-top:50px; width: 100%; height: 12rem;}
.exchange img {width: 100%; height: 100%;}
.ex-detail { background: #fff; border-radius: 10px; margin:15px; overflow: hidden; position: relative; padding:1rem 4rem 1rem 1rem;}
.ex-detail h2 { font-size: 1.1rem; margin: 0;}
.ex-detail p { font-size: 0.9rem; color: #999;}
.ex-detail p span { color: #fe7f3c;}
.ex-detail .btn { position: absolute; top: 25px; right: 15px; border-radius: 4px; padding:0 5px;}
.ex-intro { background: #fff;border-radius: 10px; margin:0 15px 15px 15px; overflow: hidden; position: relative; padding:1rem;}
.ex-intro h2 {font-size: 1.1rem; margin: 0;}
.ex-intro p { font-size: 1rem; color: #666; margin-top:10px;}
.s-tips { font-size: 0.8rem; color: #999; text-align: center; padding:0.5rem 0;}
.exchange-w { margin-top:30px;}
.exchange-w1 { margin-top:70px;}
.exchange-list { background: #fff; padding:1rem 1rem 1rem 7.5rem; position: relative; border-radius:10px; height: 8rem; margin-bottom: 15px;margin: 15px 15px 0 15px;}
.exchange-list .list-img { width: 6rem; height: 5.9rem; position: absolute; top: 1rem; left: 0.8rem; border: 1px solid #ededed;}
.exchange-list .list-img img { width: 100%; height: 100%; border-radius: 4px;}
.exchange-list .list-info {}
.exchange-list .list-info .title { font-size: 1.2rem; color: #333; margin-bottom:0.3rem; padding: 0; line-height: 2rem; height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.exchange-list .list-info .detail { font-size: 1rem; color: #999; height: 1.2rem; line-height:1.2rem; }
.exchange-list .list-info .detail span { color: #fe7f3c; margin-right: 5px;}

.exchange-list1 { background: #fff; padding:1rem 1rem 1rem 8.5rem; position: relative; border-radius:10px; height:11.5rem; margin-bottom: 15px;margin: 15px 15px 0 15px;}
.exchange-list1 .list-img { width: 7rem; height: 7rem; position: absolute; top: 1rem; left: 0.8rem; border: 1px solid #ededed;}
.exchange-list1 .list-img img { width: 100%; height: 100%; border-radius: 4px;}
.exchange-list1 .list-info {}
.exchange-list1 .list-info .tips { font-size: 0.8rem; color: #fe7f3c;margin-top:-5px; padding-bottom: 5px;}
.exchange-list1 .list-info .title { font-size: 1.2rem; color: #333; margin-bottom:0.3rem; padding: 0; line-height: 2rem; height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.exchange-list1 .list-info .detail { font-size: 0.9rem; color: #999; }
.exchange-list1 .list-info .detail span { color: #fe7f3c; margin-right: 5px;}

.info-tips1,.info-tips2 {margin-top:10px;}
.info-tips1 a {font-size: 0.6rem; border-radius: 4px;margin-right:5px; display: inline-block; text-align: center; padding:0.2rem 0.4rem 0.2rem 0.4rem; }
.info-tips2 a {font-size: 1rem; border-radius: 4px;margin-right:5px; display: inline-block; text-align: center; padding:0.2rem 0.6rem 0.2rem 0.6rem; }
.info-tips1 a.yellow,.info-tips2 a.yellow { border: 1px solid #fb932f; background: #fb932f; color: #fff;}
.info-tips1 a.yellow1 { border: 1px solid #fb932f; background: #fff; color: #fb932f;}
.info-tips1 a.green {border: 1px solid #6acf90; background: #fff; color: #6acf90;}
.info-tips1 a.green1,.info-tips2 a.green1 {border: 1px solid #6acf90; background: #6acf90; color: #fff;}
.total-foot { background: #fff; width: 100%; position:fixed;bottom: 60px;left: 0; height: 60px; box-sizing: border-box;
box-shadow: 5px 5px 10px rgba(175,175,175,0.9);}
.total-info { position: absolute; top: 1rem;left:1rem; }
.total-info p {font-size: 1rem; color: #333;}
.total-info p span { color: #fb932f;}
.total-btn { float: right;}
.empty-btn { background: #fb932f; padding:0 24px; box-sizing: border-box;font-size: 1rem; color: #fff; line-height: 60px;height: 60px; 
display: inline-block;}
.confirm-btn { background: #2dcb91; padding:0 24px; box-sizing: border-box;font-size: 1rem; color: #fff;line-height: 60px;height: 60px;
display: inline-block;margin-left: -5px;}
.comment-list { margin-top: 60px; margin-left: 15px; margin-right: 15px;}
.comment-list .order-w { background: #fff; border-radius:10px; margin-bottom: 15px; }
.comment-list .order-list {padding:1rem 4rem 0 5.2rem;position: relative; }
.comment-list .order-list .list-img { width: 4.0rem; height: 3.9rem; position: absolute; top: 1rem; left: 0.8rem; border: 1px solid #ededed;}
.comment-list .order-list .list-img img { width: 100%; height: 100%; border-radius: 4px;}
.comment-list .order-list .list-info {}
.comment-list .order-list .list-info .title { font-size: 1.2rem; color: #333; margin-bottom:0.3rem; padding: 0; line-height: 2rem; height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.comment-list .order-list .list-info .detail { font-size: 0.9rem; color: #999; height: 2.6rem; line-height:1.4rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.comment-list .order-list .order-btn { position: absolute; top: 35px; right:15px;  padding:0 5px; border-radius: 4px; font-size: 0.9rem; background: #fff;}
.comment-list .detail-info{ font-size: 1rem; line-height: 24px; padding:0 15px 15px 15px;}
.order-goods-item { margin:10px 10px 0 10px; background: #fff; border-radius: 6px; overflow: hidden; clear: both;}
.goods-top { padding-top: 105px;position: relative;}
.order-goods { overflow: hidden; clear: both; position: relative;padding:1rem 0.5rem 1rem 8.6rem;height: 8rem;}
.order-goods .list-img { width: 6.8rem; height: 6.8rem; position: absolute; top: 1rem; left: 1rem;}
.order-goods .list-img img { width: 100%; height: 100%; border-radius: 4px;}
.order-goods .list-img .borrowed { position: absolute; top: 5.65rem; left: 0;  display: inline-block; box-sizing: border-box; line-height: 1; font-size: 0.8rem; background:#fb932f 
; text-align: center; color: #fff;padding:0.2rem 0.5rem;}
.order-goods .list-info {}
.order-goods .list-info .title { font-size: 1.1rem; color: #333; margin-bottom:0.3rem; padding: 0; line-height: 2rem; height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.order-goods .list-info .detail { font-size: 0.9rem; color: #999; line-height:1.5rem; }
.order-goods .list-info .detail span { color: #2dcb91;}
.goods-btm { border-top: 1px solid #f2f2f2; padding:10px 0; box-sizing: border-box; margin:15px 15px 0 15px;overflow: hidden; clear: both;}
.goods-btm .btm-txt { font-size: 0.9rem; color: #666; display: inline-block;}
.goods-btm .btm-txt span { color: #ff0000;}
.apply-btn {background: #2dcb91; padding:0 10px; box-sizing: border-box;font-size: 0.9rem; color: #fff;line-height: 30px;height: 30px;
display: inline-block; margin-left: 10px; border-radius: 4px;}
.current-integral { background: #1fe29a; border-radius: 28px; padding:5px 10px; color: #fff; font-size: 0.9rem; box-sizing: border-box; }
.point-exchange { background: #fe7f3c; border-radius: 28px; padding:5px 10px; color: #fff; font-size: 0.9rem; box-sizing: border-box; margin-left: 10px;}
.credit-details { background: #fff; margin:-60px 15px 15px 15px; overflow: hidden; clear: both; padding:15px;position: relative; z-index: 99999;border-radius: 6px;}
.credit-details h2 { font-size: 1.2rem; margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
.credit-details li { padding:10px 30px 10px 0; position: relative; border-bottom:1px solid #f2f2f2;}
.credit-details li h3 { font-size: 1.1rem; margin-bottom: 0; font-weight: normal;}
.credit-details li p { font-size: 0.9rem; color: #999;}
.credit-details li .num { font-size: 1.3rem; color: #fe7f3c; position: absolute; top: 20px; right: 15px;}
.member-quick { background: #fff; margin:-50px 15px 15px 15px; overflow: hidden; clear: both;position: relative; z-index: 99999;
border-radius: 6px; padding-bottom: 15px;}
.member-quick .icon { text-align: center; width: 33%; float: left; }
.member-quick .icon> a {padding-top: 12px;display: block;}
.member-quick .icon-circle {display: block;margin: auto;width: 60px;height:60px;text-align: center;}
.member-quick .icon-circle img {width: 100%;height: 100%;}
.member-quick .icon-desc {text-align: center;color: #333; font-size: 1rem; line-height: 2rem;}
.member-service {background: #fff; overflow: hidden; clear: both;position: relative; z-index: 99999;border-radius: 6px; margin:0 15px 15px 15px; padding-bottom: 15px;}
.member-service h2 { font-size: 1.2rem; margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; margin:10px 20px 0 20px;}
.member-service .icon { text-align: center; width: 25%; float: left; }
.member-service .icon> a {padding-top: 12px;display: block;}
.member-service .icon-circle {display: block;margin: auto;width: 50px;height:50px;text-align: center;}
.member-service .icon-circle img {width: 100%;height: 100%;}
.member-service .icon-desc {text-align: center;color: #333; font-size: 0.95rem; line-height: 2rem;}

.mod-info { width: 100%; position: absolute; top:150px; left: 0;}
.mod-info .icon { text-align: center; width: 25%; float: left; }
.mod-info .icon> a {padding-top: 12px;display: block;}
.mod-info .icon-circle {display: block;margin: auto;width: 30px;height:30px;text-align: center;}
.mod-info .icon-circle img {width: 100%;height: 100%;}
.mod-info .icon-desc {text-align: center;color: #fff; font-size: 0.8rem; line-height: 2rem;}

.statistics { background: #fff; margin:-40px 15px 15px 15px; overflow: hidden; clear: both; padding:15px;position: relative; z-index: 99999;border-radius: 6px;}
.statistics li { width: 33.3%; float: left; text-align: center;}
.statistics li h3{ font-size: 0.9rem; margin-bottom: 0; font-weight: normal;color: #999;}
.statistics li h3 em {font-size: 1.8rem; color:#2dcb91; font-weight: bold; font-style: normal;}
.statistics li p { font-size: 0.9rem; color: #999;}

.borrowing-scheme {background: #fff; overflow: hidden; clear: both;position: relative; border-radius: 6px; margin:0 15px 15px 15px; }
.borrowing-scheme h2 { font-size: 1.2rem; margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; margin:15px 20px 0 20px;}
.borrowing-scheme ul { padding:10px 0;}
.borrowing-scheme li { position: relative; padding-left: 6rem; line-height: 40px; font-size: 1rem;}
.borrowing-scheme li span { position: absolute; top: 0; left: 15px; color: #999; font-size: 1rem;}

.copyright { background: #f2f2f2; padding:1rem; overflow: hidden; clear: both;}
.copyright p { font-size: 0.9rem; color: #999; line-height: 1.5rem; text-align: center;}
.select-bd { padding-bottom: 10px; display: block; overflow: hidden; clear: both;}
.radio-box { margin-left: 2rem;}
.radio-box input {margin-right:8px;}
.am-pagination-select>li>a { background: #fff !important; font-size: 0.9rem !important; border-radius: 6px !important;}
.am-pagination-select .am-pagination-select select { background: #fff !important; font-size: 0.9rem !important;border-radius: 6px;}
.am-pagination-select .am-pagination-select select:focus { border: none !important;}
/* 下拉选择 */

.select-moob {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.select-moob-cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.select-moob-container {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 200px;
	background-color: #FFFFFF;
	z-index: 2;
	animation: aclstop .3s 1 forwards;
	-webkit-animation: aclstop .3s 1 forwards;
	-webkit-overflow-scrolling: touch
}

@-webkit-keyframes aclstop {
	from {
		opacity: 0;
		transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-webkit-transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@keyframes aclstop {
	from {
		opacity: 0;
		transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-webkit-transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

.select-moob-title {
	height: 48px;
	background-color: #f5f5f5;
	padding: 0 20px;
}

.select-moob-title>div {
	font-size: 15px;
	letter-spacing: 1px;
	color: #212121;
	line-height: 48px;
	cursor: pointer;
}

.select-moob-title .cancel {
	float: left;
}

.select-moob-title .determine {
	float: right;
}

.select-moob-content {
	height: 150px;
	overflow: auto;
}

.select-moob-content .sw-select {
	height: 144px;
	position: relative;
}

.select-moob-content .sw-select:before {
	content: '';
	position: absolute;
	top: 33%;
	left: 0;
	right: 0;
	height: 48px;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
}

.select-moob-content .swiper-slide {
	text-align: center;
	line-height: 48px;
	opacity: .5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select-moob-content .swiper-slide-active {
	opacity: 1;
	font-size: 15px;
}
.display-none {
	display: none;
}
.swiper-slide img { width: 100%; height: 320px;}
.sy_recmd_list5 {float: left;width:46%; margin-left: 0.6rem;box-sizing: border-box;  margin-top:0.5rem; background: #fff; 
border-radius: 8px;}
.sy_recmd_list5 .box {}
.sy_recmd_list5 .pub_img {width: 90%; box-sizing: border-box; position: relative; margin:5px auto 0 auto}
.sy_recmd_list5 .pub_img img {width: 100%;height: auto;height: 10rem;border-radius: 8px;border: 1px solid #ededed; }
.sy_recmd_list5 .pub_img .borrowed { position: absolute; top: 8.9rem; left: 0;  display: inline-block; box-sizing: border-box; line-height: 1; font-size: 0.8rem; background:#fb932f 
; text-align: center; color: #fff;padding:0.2rem 0.5rem;}
.sy_recmd_list5 .pub_wz {padding: 0.6rem 0 0.15rem 0;z-index: 1;position: relative; overflow: hidden; clear: both; }
.sy_recmd_list5 .pub_wz h3 {white-space: nowrap;font-size: 0.94rem; text-align: center; margin-bottom:5px;color: #333; height: 1.6rem; line-height:1.6rem;
overflow: hidden;text-overflow: ellipsis;padding:0 5px 5px 5px;}
.sy_recmd_list5 .pub_wz p { font-size: 0.6rem; color: #999; text-align: center;margin-bottom:5px;}

.sy_recmd_list6 {float: left;width:31%; margin-left: 0.4rem;box-sizing: border-box;  margin-top:0.7rem; background: #fff; 
border-radius: 8px;}
.sy_recmd_list6 .box {}
.sy_recmd_list6 .pub_img {width: 95%; box-sizing: border-box; position: relative; margin:6px auto 0 auto}
.sy_recmd_list6 .pub_img img {width: 100%;height: auto;height: 6rem;border-radius: 2px;border: 1px solid #ededed; }
.sy_recmd_list6 .pub_img .borrowed { position: absolute; top: 4.8rem; left: 0;  display: inline-block; box-sizing: border-box; line-height: 1; font-size: 0.8rem; background:#fb932f 
; text-align: center; color: #fff;padding:0.2rem 0.5rem;}
.sy_recmd_list6 .pub_wz {padding: 0.6rem 0 0.15rem 0;z-index: 1;position: relative; overflow: hidden; clear: both; }
.sy_recmd_list6 .pub_wz h3 {white-space: nowrap;font-size: 0.90rem; text-align: center; margin-bottom:5px;color: #333; height: 1.6rem; line-height:1.6rem;
overflow: hidden;text-overflow: ellipsis;padding:0 5px 5px 5px;}
.sy_recmd_list5 .pub_wz p { font-size: 0.6rem; color: #999; text-align: center;margin-bottom:5px;}

.itel-choise { font-size: 1rem; color: #999; padding:4rem 1rem 0 1rem;}
.quick-vcode { background: #fff; margin:80px 10px 0 10px; box-sizing: border-box; position: relative; z-index: 99999;}
.quick-vcode .pic {width: 8rem; margin: 0 auto; display: block; }
.quick-vcode .pic img { border-radius: 50%; width: 100%; box-sizing: border-box;height: auto;max-height: 8rem; border: 6px solid #fff;box-shadow: 0 0 20px rgba(175,175,175,0.3);}
.quick-vcode h2 { font-size: 1.4rem; color: #333; text-align: center; margin: 15px 0 10px 0 !important; padding: 0;}
.quick-vcode p { text-align: center; font-size: 1rem; color: #666;}
.sel-btn-vcode { margin:20px auto; border-radius: 6px; background: #fb932f; height: 3rem; line-height: 3rem; font-size: 1.1rem; color: #fff; 
box-shadow: 0 5px 10px rgba(251,147,47,0.5); display: block; width: 90%; text-align: center; outline: 0; border: 0;}
.sel-btn-vcode:focus {background: #fb932f; color: #fff;}
.sel-btn-vcode .vcode { background: url(../Images/vcode.png) no-repeat; background-size: 22px 22px; display: inline-block; width: 22px; height: 22px; margin-right:8px; vertical-align: middle;}
.scode-sucss { font-size: 1.2rem; color: #2dcb91; text-align: center; margin: 10px 0 !important;}
.scode-list { background: #f2f2f2; margin:0 auto; width: 90%; box-sizing: border-box; position: relative; z-index: 99999; border-radius: 6px; padding:20px;}
.scode-list p { font-size: 1rem; line-height: 2.2rem;}
.scode-list p span { float: right; color: #2dcb91;}
.putin-bag { margin:20px auto; border-radius: 6px; background: #2dcb91;  height: 3rem; line-height: 3rem; font-size: 1.1rem; color: #fff; 
box-shadow: 0 5px 10px rgba(45,203,145,0.5); display: block; width: 50%; text-align: center; outline: 0;  font-weight: bold; border: 0;}
/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 375px) and (-webkit-device-pixel-ratio: 2)  {
	.info-tips a {font-size: 0.4rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0 0.2rem; }
	.info-tips1 a {font-size: 0.4rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0.1rem 0.2rem; }
	.menu-left ul li{font-size:0.9rem; width:6.5rem;}
	 /*.put-bag {font-size: 0.7rem; padding:0.1rem 0.2rem 0 0.2rem; margin-right:4px;}*/
	.collect{font-size: 0.7rem; padding:0.1rem 0.2rem 0 0.2rem; }
	.sy_recmd_list1 {width: 50%; padding-right: 0.4rem;}
	.menu-right {padding-left: 6.8rem;}
	.current-integral { padding:2px 5px;font-size: 0.6rem; }
	.point-exchange { padding:2px 5px;font-size: 0.6rem;margin-left: 4px;}
	.sy_recmd_list2 .pub_img img {height: 5.5rem; }
}

/* iphone 6, 6s */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2)  {
	.info-tips a {font-size: 0.8rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0 0.2rem; }
    }
		.info-tips1 a {font-size: 0.8rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0.1rem 0.2rem; }
	/*..put-bag {font-size: 0.8rem; padding:0.1rem 1rem 0 1rem ; margin-right:4px;}*/
	.collect{font-size: 0.8rem; padding:0.1rem 1rem 0 1rem; }
	.menu-right {padding-left: 6.8rem;}
	.borrow-item li { width: 30.5%;}
	.borrow-item1 li { width: 30.5%;}
	.info-tips1 a {font-size: 0.6rem; border-radius: 4px;margin-right:5px; display: inline-block; text-align: center; padding:0.2rem 0.4rem 0.2rem 0.4rem; }
	.current-integral { padding:2px 5px;font-size: 0.6rem; }
	.point-exchange { padding:2px 5px;font-size: 0.6rem;margin-left: 4px;}
	.sy_recmd_list2 .pub_img img {height: 5.5rem; }


/*---iPhone 8---*/
@media only screen
and (device-width : 375px)
and (device-height : 667px)
and (-webkit-device-pixel-ratio : 2) {
	.info-tips a {font-size: 0.8rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0 0.2rem; }
    }
		.info-tips1 a {font-size: 0.8rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0.1rem 0.2rem; }
	/*.put-bag {font-size: 0.8rem; padding:0.1rem 0.6rem 0 0.6rem; margin-right:4px;}*/
	.collect{font-size: 0.8rem; padding:0.1rem 0.6rem 0 0.6rem; }
	.menu-right {padding-left: 6.8rem;}
	.borrow-item li { width: 30.5%;}
	.borrow-item1 li { width: 30.5%;}
	.info-tips1 a {font-size: 0.6rem; border-radius: 4px;margin-right:5px; display: inline-block; text-align: center; padding:0.2rem 0.4rem 0.2rem 0.4rem; }
	.current-integral { padding:5px 10px;font-size: 0.9rem; }
	.point-exchange { padding:5px 10px;font-size: 0.9rem;margin-left: 5px;}
	.sy_recmd_list2 .pub_img img {height: 5.5rem; }

/*---iPhone x---*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){
	.info-tips a {font-size: 0.8rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0 0.2rem; }
    }
		.info-tips1 a {font-size: 0.8rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0.1rem 0.2rem; }
	/*.put-bag {font-size: 0.8rem; padding:0.1rem 0.6rem 0 0.6rem; margin-right:4px;}*/
	.collect{font-size: 0.8rem; padding:0.1rem 0.6rem 0 0.6rem;}
	.menu-right {padding-left: 6.8rem;}
	.borrow-item li { width: 30.5%;}
	.borrow-item1 li { width: 30.5%;}
	.info-tips1 a {font-size: 0.6rem; border-radius: 4px;margin-right:5px; display: inline-block; text-align: center; padding:0.2rem 0.4rem 0.2rem 0.4rem; }
	.current-integral { padding:5px 10px;font-size: 0.9rem; }
	.point-exchange { padding:5px 10px;font-size: 0.9rem;margin-left: 5px;}
	.sy_recmd_list2 .pub_img img {height: 5.5rem; }


/*iPhone6/7/8 Plus*/
  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio:2) {
	  .info-tips a {font-size: 0.8rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0 0.2rem; }
    }
		.info-tips1 a {font-size: 0.8rem; border-radius: 4px;margin-right:3px; display: inline-block; text-align: center; padding:0.1rem 0.2rem 0.1rem 0.2rem; }
   /*.put-bag {font-size: 0.8rem; padding:0.1rem 0.6rem 0 0.6rem; margin-right:4px;}*/
   .collect{font-size: 0.8rem; padding:0.1rem 0.6rem 0 0.6rem; }
   .sy_recmd_list1 .pub_wz p { padding-left:0.4rem;}
	 .sy_recmd_list3 .pub_img img {max-height: 7.5rem; }
	 .info-tips1 a {font-size: 0.6rem; border-radius: 4px;margin-right:5px; display: inline-block; text-align: center; padding:0.2rem 0.4rem 0.2rem 0.4rem; }
	 .current-integral { padding:5px 10px;font-size: 0.9rem; }
	 .point-exchange { padding:5px 10px;font-size: 0.9rem;margin-left: 5px;}
	 .sy_recmd_list2 .pub_img img {height: 6.5rem; }



@media only screen and (device-width: 768px) {
 /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
 /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
 /* For landscape layouts only */
}