@charset "utf-8";
/* CSS Document */

/*menu*/
menu { background:#fff; padding:20px 0; margin-bottom:10px;}
menu li{ float:left; width:25%; text-align:center;}
menu a{ font-size:14px; font-weight:bold}
menu a img{ display:block; width:40%; max-width:60px; margin:0 auto 12px;}
/*我的图书馆*/
.mylib_cont ul li em{ color:#999;}
.bg_f5{ background:#f5f5f5;}
.mylib_top{ margin-bottom:10px;}
.mylib_top img{ width:100%; height:100%; }

/*热门书单*/
.popbook li a{ display:block}
.popbook li img{ width:100%;border-radius:5px; }


/*精选推荐*/
.choiceness{ margin-bottom:52px}
.choiceness li.mar_b{ margin-bottom:10px;}

/*阅读首页*/
/*排行榜*/
.phb_bj{ padding:52px 0 25px 0; background: linear-gradient(to left top, #413f6f , #7091a8);  margin-bottom:10px;min-height:120px;}
.phb_bj .phb{ width:30%; float:left; margin:0 0 0 2.5% ; text-align:center;background:#fff;text-align:center;border-radius:4px; box-shadow:0 0 4px #666; min-width:90px; min-height:15px}
.phb_bj .phb i{ color:#fff; font-size:13px; display:inline-block; margin-bottom:5px;}
.phb_bj .font{ padding:0 5%}
.all em{ background:#84dacd; color:#fff; border-radius:50px; width:90%; text-align:center; padding:2px 0;  margin-top:15px; display:inline-block}
.hot em{ background:#dabf84; color:#fff; border-radius:50px; width:90%; text-align:center; padding:2px 0;  margin-top:15px; display:inline-block}
.new em{ background:#b995db; color:#fff; border-radius:50px; width:90%; text-align:center; padding:2px 0;  margin-top:15px; display:inline-block}
.link_btn a{ width:25%; text-align:center; display:inline-block; font-size:14px; font-weight:bold}
.link_btn a img{ display:block; width:38%; margin:0 auto 6px; min-width:26px; max-width:40px}
.link_btn a.more img{vertical-align:middle}

/*限时抢购*/
.rush{ border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}
.h_info h3{ font-size:15px; color:#333333;font-weight: bold;line-height: 18px;}
.h_info span{ display:block; padding:10px 0; color:#969BA3;font-size:13px;}
.h_info p{ line-height:21px; color:#969BA3;font-size:13px;}
.rush_more { text-align:center}
.rush_more span{ display:inline-block; width:10px; height:10px; border-radius:10px; margin:0 5px; background:#f0f0f0;vertical-align:middle}
.rush_more span.current{ width:14px; height:14px; background:#e6e6e6 }


/*推荐书单*/
.biaoti{ background:url(../../newImages/bj_tit.png) no-repeat center; text-align:center; margin:6px 0 18px 0;}
.biaoti span{ display:inline-block; padding:2px 5px; font-size:16px;}
.recom{ border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}
.recom .title h3{ font-size:14px; color:#666}
.title h3 img{ max-width:16px; vertical-align:middle; margin:0 5px 2px 0}


#paltLikeBook .cont{    border-bottom: 1px solid #F0F1F2;background: #fff;padding: 0 0 16px 0;margin-bottom: 16px;}
#libLikeBook .cont{    border-bottom: 1px solid #F0F1F2;background: #fff;padding: 0 0 16px 0;margin-bottom: 16px;}
#recommendBook .cont{    border-bottom: 1px solid #F0F1F2;background: #fff;padding: 0 0 16px 0;margin-bottom: 16px;}


/*提示下载页*/
.center{ text-align:center; margin-top:50px;}
.center p{ font-size:16px; color:555; line-height:30px}
.center img{ margin-bottom:20px}
.center p a{ font-size:16px; color:#729ea0; line-height:30px;text-decoration:underline}

/*现采扫书*/
.Spot_top{ width:100%;}
.Spot_top ul { width:90%;}
.Spot_top ul li{float:left;}
.Spot_top ul li p{ display:block;}
.Spot_top ul li p .bule{background:url(../../newImages/blue.png) no-repeat;}
.Spot_top ul li p span{ display:block;}
/*现场排行榜*/
.ranking{ background:#fff; padding:15px 4%;}
.ranking li{ height:60px; border-bottom:1px solid #f0f1f2; line-height:60px}
.ranking li img{ width:18px; height:21px; position:absolute; margin-top:22px}
.ranking li em{ font-size:16px; color:#333; margin-left:20px}
.ranking li b{ font-size:11px; color:#fff; position:relative; margin-left:5px; margin-top:2px}
.ranking li span{ float:right;font-size:12px; color:#666;}
.ranking li span i{ font-size:16px; color:#ff7700}

.book{ padding:0 16%;margin:-32px auto 10px auto ; }
.book span{ display:block;border: 1px solid #b3b2b2;height: 0;margin:0 0 5px 0; padding-bottom: 135%; background: #fff; text-align:center;border-radius:4px; overflow:hidden;box-shadow:0 0 4px #666; }
.book span img{width:100%; }

/*分类页面-全部分类*/
.classify{ background:#fff}
.classify li{ width:100%;border-bottom:1px solid #e5e5e5;}
.classify li span{ display:inline-block;width:33%; border-right:1px solid #e5e5e5;  text-align:center; padding:20px 0}
.classify li span img{ width:40%; display:block; margin:0 auto 10px }
.classify li span em{ font-size:14px; color:#555;}
.classify li span.other{width:33%;  border-right:none; }

/*我的-通用设置-意见反馈*/
.opinion_top{ display:block; background:#fff; width:92%; height:44px; border-radius:10px; border:1px solid #e5e5e5; margin:20px auto}
.opinion_top em{ font-size:14px; color:#ccc; line-height:44px; margin-left:10px}
.opinion_cen{ display:block; background:#fff; width:92%; height:162px; border-radius:10px; border:1px solid #e5e5e5; margin:20px auto}
.opinion_cen em{ font-size:14px; color:#ccc;line-height:30px; margin-left:10px}
.opinion_foot{ display:block; background:#fff; width:20%; height:70px; border-radius:10px; border:1px solid #e5e5e5; margin-top:20px; margin-left:4%}
.opinion_foot a img{ margin-top:14px; margin-left:9px}
.opinion_btn{ display:block; background:#3daca5; width:92%; height:44px; border-radius:40px; border:1px solid #e5e5e5; margin:20px auto}
.opinion_btn em{ margin-left:41%;font-size:17px; color:#fff; text-align:center; line-height:44px}

.opinion_btn.obtn_red{background:#f00;border:1px solid #f00;}
.opinion_btn.obtn_red em{color:#fff;}

/*我的-读者证挂失*/
.half{ background:#fff; height:687px}

.half_top{ display:block;height:70px; text-align:center}
.half_top img{ vertical-align:middle}
.half_top em{  margin-left:4px; line-height:70px; font-size:15px; color:#ef5a54}
.half_cen{ display:block; background:#fff; width:92%; height:44px; border-radius:10px; border:1px solid #e5e5e5; margin-top:20px; margin:0 auto; background:#f6f7f9; font-size:14px; color:#ccc; line-height:44px;}
.half_cen em{ font-size:14px; color:#ccc; line-height:44px; margin-left:10px}
.half_btn{ display:block; background:#c4e6e4; width:92%; height:44px; border-radius:40px; margin:20px 4%; text-align:center;font-size:17px; color:#fff; text-align:center; line-height:44px}

/*我的-我的荐购-已到馆*/
.purchase{ background-color:#fff;}
.purchase_top{height:50px;border-bottom:1px solid #e6e6e6}
.purchase_top a{ position:relative;float:left;width:33.3%; height:49px; text-align:center}
.purchase_top a i{background:#ff0000;border-radius:50px;color:#fff;padding:1px 4px;position:absolute;top: 18%;left: 68%;font-size: 12px; min-width: 12px;}
   
.purchase_top a em{font-size:16px ; color:#999; line-height:50px; text-align:center; position:relative;}
.purchase_top a.current{color:#3daca5; border-bottom:2px solid #3daca5}
.purchase_top a.current em{color:#3daca5;}
.cen{ width:100%;border-bottom:1px solid #e6e6e6; position: relative;padding-bottom: 15px;}
.cen a{float: left;width: 85px;height: 112px;border-radius: 4px;overflow: hidden; box-shadow: 0 0 4px #666;
left: 0px; margin-top:16px}
.cen .error_info{padding: 8px 0 0 0;clear: both; font-size:14px;}
.cen .pic01{ position: absolute;top: 60px; right: 0px;font-size:14px;}
.cen a img{ float:left;width:85px; height:112px}
.cen label{ float:right; display:block; height:33px; width:20%; margin-top:44px; background:#fffaef; border:1px solid #ffb12a;border-radius:2px; font-size:14px; color:#666; line-height:33px; text-align:center ; margin-top:45px}
.cen b{ float:right; display:block; height:112px; width:10%; background:#ef5a54; margin-top:14px;font-size:14px; color:#fff; line-height:33px; text-align:center; line-height:112px; font-weight:normal}
.cen .right{ display:inline-block;margin-top:16px; height:112px; margin-left:5%; width:60%;}
.cen p.first{width:100%; height:20px;line-height:20px; margin-bottom:6px;font-size:16px; color:#333;  font-weight:bold}
.cen p.second{width:100%; height:20px;line-height:20px; margin-bottom:5px;font-size:14px; color:#969ba3;}
.cen p.second img{ height:15px; width:15px}
.cen p.second em{ margin-left:2%}
.cen p.six{width:100%; height:20px;line-height:20px; margin-bottom:5px;font-size:14px; color:#ccc;}
.cen .right_n{ display:inline-block;margin-top:16px; height:112px; margin-left:5%; width:46%;}
.cen .right_o{ display:inline-block;margin-top:16px; height:112px; margin-left:5%; width:50%;}
.cen p.second em{ margin-left:2%}
.cen p.third{width:100%;line-height:20px; height:40px; overflow:hidden; margin-bottom:5px;font-size:14px; color:#19b955;}
.cen .pic{position: absolute;top: 10px; right: 0px}
.cen .btn{ margin-top:54px;float:right;width:20%; height:33px; background:#fffaef; border:1px solid #ffb12a; border-radius:2px; font-size:14px; color:#666; text-align:center;line-height:33px;}
.cen .delete{float:right;width:10%; height:144px; background:#ef5a54; font-size:14px; color:#fff; text-align:center;line-height:144px;}
.purchase_btn{height:80px;padding-top:5px; width:100%; text-align:center; position: fixed;background: #fff;bottom: 0;left: 0}
.purchase_btn a{display:block;height:38px; width:136px; background:#68c04a; color:#fff; border-radius:3px; margin:11px auto}
.purchase_btn em{font-size: 13px;}
.purchase_btn a em{ font-size:15px; color:#fff; line-height:38px}
.purchase_none{height:84px;padding-top:5px;}
#recommend{padding: 0 4%;}
/*我的消息*/
.newsbox{ width:100%;}
.newsbox .time{text-align:center; color:#ccc; font-size:12px; margin:10px 0 10px 0;background:#f6f6f6;}
.newsbox .newslist{ width:88%; border:1px solid #e6e6e6; margin:0 auto; background:#fff; padding:10px;border-radius:6px;}
.newsbox .newslist h3{ font-size:16px; color:#333; margin-bottom:5px;}
.newsbox .newslist h3 img{ width:19px; vertical-align:middle; margin:0 6px 3px 0;}
.newsbox .newslist p{font-size:14px; color:#999;}


/*我的填写书籍信息*/
.hint_text{ font-size:14px; color:#ef5a54; text-align:center; padding:15px 0;}
.hint_text i{display:inline-block;width:20px; height:20px; background:url(../../newImages/hint.png) no-repeat left center; background-size:100% 100%; vertical-align:middle; margin-right:4px;}
.infobox{width:96%;background:#fff; border:1px solid #e6e6e6; margin:0 auto; border-radius:6px;}
.infobox p{ border-bottom:1px solid #f0f0f0; width:100%;}
.infobox p em{display:inline-block; font-size:16px;color:#666; width:30%;height:54px; line-height:54px; text-align:left; text-indent:24px; color:#333}
.infobox p i{color:red;}
.infobox p .hint_tit{ text-align:right;}
.infobox p span{display:inline-block; width:70%;}
.infobox p .check{ margin-left:10px;}
.infobox p span b{ width:1px; height:14px; background:#e6e6e6; display:inline-block; margin-right:16px; vertical-align:middle;}
.infobox p span input{ width:90%; height:50px;line-height:50px; font-size:14px; color:#333; font-family:"微软雅黑";}
.infobox .decan{border:none;}


/*我的-首页*/
.my_topbg{background:url(../../newImages/my_bg02_01.png) no-repeat;background-size:100% 100%; color:#fff; border-bottom:none;}

.my_topbg .r .notify{ width:22px;}
.my_topbg .l .set{ width:22px; margin-top:12px;}
.my_databox{background:url(../../newImages/my_bg1_02.png) no-repeat; background-size:100% 100%;}
.my_data{ width:94%; margin:0 auto; padding-top:20px; padding-bottom:60px;}
.my_left{float:left; width:18%;}
.my_left img{width: 60px;height: 60px;border-radius: 60px;}
.my_right{float:left; margin:6px 0 0 10px;}
.my_right h3{font-size:16px;color:#fff;}
.my_right span{font-size:12px;color:#fff;display:inline-block;padding:1px 4px; background:#ffb432;border-radius:1px; margin-left:8px;}
.my_right p{ font-size:14px; color:#fff; margin-top:8px;}
.iconbox{ width:90%; padding:20px 0; background:#fff;margin:0 auto;box-shadow:1px 5px 14px #e3e8eb; margin-top:-50px; border-radius:6px;}
.iconbox ul{ overflow:hidden;}
.iconbox ul li{ float:left; width:24.7%; text-align:center; border-right:1px dashed #e6e6e6;}
.iconbox ul li img{ width:40%;}
.iconbox ul li p{ color:#666; font-size:12px; margin-top:10px;}
.iconbox ul .decan{ border:none;}
.my_listbox{ width:90%; background:#fff; margin:0 auto;box-shadow:1px 5px 12px #cbdce0;border-radius:6px; margin-top:20px;}
.my_listbox .decan{border:none;}
.my_listbox ul li{ border-bottom:1px solid #f0f0f0;}
.my_listbox ul li  span { display:inline-block; font-size:15px; color:#333; height:50px; line-height:50px;font-family:"微软雅黑"; width:94%;}
.my_listbox ul li  span .icon01{background:url(../../newImages/shujia.png) no-repeat; width:22px; height:22px; display:inline-block; background-size:100% 100%;  vertical-align:middle; margin:0 10px 0 10px;}
.my_listbox ul li  span .icon02{background:url(../../newImages/tuijian.png) no-repeat; width:22px; height:22px; display:inline-block; background-size:100% 100%;  vertical-align:middle; margin:0 10px 0 10px;}
.my_listbox ul li  span .icon03{background:url(../../newImages/read.png) no-repeat;width:22px; height:22px; display:inline-block; background-size:100% 100%;  vertical-align:middle; margin:0 10px 0 10px;}
.my_listbox ul li  span .icon04{background:url(../../newImages/my.png) no-repeat; width:22px; height:22px; display:inline-block; background-size:100% 100%;  vertical-align:middle; margin:0 10px 0 10px;}
.my_listbox ul li  span .icon05{background:url(../../newImages/lishi.png) no-repeat; width:22px; height:25px; display:inline-block; background-size:100% 100%;  vertical-align:middle; margin:0 10px 0 10px;}
.my_listbox ul li  span .icon06{background:url(../../newImages/guashi.png) no-repeat; width:22px; height:22px; display:inline-block; background-size:100% 100%;  vertical-align:middle; margin:0 10px 0 10px;}
.my_listbox ul li  span .icon07{background:url(../../newImages/gywm.png) no-repeat; width:22px; height:22px; display:inline-block; background-size:100% 100%;  vertical-align:middle; margin:0 10px 0 10px;}
.my_listbox ul li em{background:url(../../newImages/enter.png) no-repeat; width:8px; height:16px;display:inline-block; background-size:100% 100%; vertical-align:middle;}

.quit{ background:#fff; border:1px solid #e6e6e6;}
.quit em{ color:#666;}
.compileicon{float:right;}
.compileicon img{ width:10px; margin:8px 10px 0 0;}

/*我的-通用设置-关于我们*/
.install_top img{display:block;margin:30px auto 14px;}
.install_cen{ display:block;text-align:center;font-size:16px; color:#666;height:40px}
.install_cen p{ text-align:center;font-size:16px; color:#666; line-height:24px}
.install_cen p.name{font-size:13px; color:#b2b2b2; }
.install_foot{ background:#fff; margin-top:37px;}
.install_foot p{height:50px; width:92%; margin: 0 auto; border-bottom:1px solid #e6e6e6}
.install_foot p em{  position:relative;float:left;font-size:16px; color:#333; line-height:50px}
.install_foot p.intro em{  position:relative;float:left;font-size:16px; color:#333; line-height:50px}
.install_foot p img{ margin-top:12px}
.install_foot p i{ float:right;font-size:14px; color:#3daca5; line-height:50px}
.install_foot p.intro img{ float:right; margin-top:16px}

/*我的-通用设置-关于我们-公司介绍*/
.abstract{}
.abstract em{ display:block;font-size:14px; color:#4c4c4c; line-height:28px}
.abstract i{ font-size:14px; color:#4c4c4c; line-height:28px}

/*我的-通用设置*/
.general_top{background:#fff; padding:0 4%}
.general_top p{ height:52px; border-bottom:1px solid #e6e6e6; line-height:52px}
.general_top p.next{ height:52px;border-bottom:none; line-height:52px}
.general_top p span{float:right;}
.general_top p span em{display: inline-block;width: 36px; height: 20px;border-radius: 24px; border: 2px solid #19b955;background: #19b955;position: relative; margin-top:32%}
.general_top p span i{display: inline-block;width: 20px; height: 20px;border-radius: 30px; border: 2px solid #19b955;background: #fff; position: absolute; margin-top:13px; right:3%}
.general_top p span.next em{float:right;display: inline-block;width: 36px; height: 20px; border-radius: 30px;border: 2px solid #ccc;background: #ccc;position: relative;}
.general_top p span.next i{ float:right;display: inline-block;width: 20px;height: 20px;border-radius: 30px;border: 2px solid #ccc;background: #fff; position: absolute; right:9%}
.general_top p{ height:52px;  border-bottom:1px solid #e6e6e6; line-height:52px}
.general_top p.next{ height:52px; border-bottom:none; line-height:52px}
.general_top p em{ font-size:16px; color:#333; float:left;}
.general_top p img{ float:right; margin-top:15px}
.general_cen{ background:#fff; margin-top:15px; padding:0 4%}
.general_cen p{ height:52px; border-bottom:1px solid #e6e6e6; line-height:52px}
.general_cen p img{ float:right; margin-top:18px}
.general_cen p.next{ height:52px; border-bottom:none; line-height:52px}
.general_cen p.next img{ float:right; margin-top:18px}
.general_cen p em{ font-size:16px; color:#333; float:left;}
.general_cen p i{ font-size:14px; color:#c2c2c2; float:right;}
.general_foot{ display:block; background:#fff; width:94%; margin:30px auto 0; height:48px;line-height:48px; border:1px solid #cccccc;  border-radius:2px; font-size:16px; color:#333; text-align:center; }

/*热门书籍*/

.door{border-bottom:1px solid #F0F1F2;background:#fff; padding:0 0 16px 0; margin-bottom:16px;position:relative;}
.door .h1{float:left;width:80px; height:112px;border-radius:4px; overflow:hidden;box-shadow:0 0 4px #666;margin:0 15px 0 0; position:absolute; left:0px;}
.door .h1 img{ width:100%;}
.door .h2{ padding-left:95px}
.door .h2 h2{font-weight:bold;font-size:16px; height:18px;line-height:18px;color:#333333;}
.door .h2 .qin{margin-bottom:15px;}
.door .h2 .qin i{border:1px solid #EF5A54;color:#EF5A54;font-size:10px;padding:0 2px;margin-left:5px; vertical-align:top}
.door .h2 .qin1{line-height:12px;}
.door .h2 .qin1 img{height:13px;float:left;}
.door .h2 .qin1 i{color:#969BA3;line-height:13px;font-size:13px;margin-left:10px;}
.door .h2 .qin2{display:block;margin-top:5px;word-break: break-all;}
.door .h2 .qin2 i{line-height:21px;color:#969BA3;font-size:13px; display:block; height:66px; overflow:hidden;}


.activity_list{border-bottom:1px solid #F0F1F2;background:#fff; padding:0 0 16px 0; margin-bottom:16px; position:relative;}
.activity_list img{ float:left; width:30%; margin-right:4%}
.activity_list .cont{ float:left; width:65%}
.activity_list .cont h2{ font-weight:bold;font-size:16px; margin-bottom:3px}
.activity_list  h2 i{ display:inline-block; margin-right:5px; padding:0px 2px; font-size:13px; font-weight:bold}
.activity_list  h2 i.red{ border:1px solid #ff6600; color:#ff6600}
.activity_list  h2 i.green{ border:1px solid #0bc520; color:#0bc520}
.activity_list .cont p{color:#969BA3; font-size:13px;}
.activity_list .cont p.wid{ width:56%;}
.activity_list .apply{ background:#ff9900; font-size:16px; color:#fff; padding:6px 15px; position:absolute; right:0; bottom:18px; border-radius:3px; border:1px solid #ff8800;width: 48px;text-align: center}
.activity_list .apply_end{ background:#cccccc; font-size:16px; color:#fff; padding:6px 15px; position:absolute; right:0; bottom:18px; border-radius:3px; border:1px solid #b3b3b3}
/*我的-读者证信息*/
.my_topbg01{background:url(../../newImages/readbg02_02.png) no-repeat;background-size:100% 100%; color:#fff; border-bottom:none;}
.my_databox01{background:url(../../newImages/readbg_02.png) no-repeat; background-size:100% 100%; padding:15px; text-align: center;}
.my_databox01 p{ width:18%;margin:0 auto; margin-bottom:10px;}
.my_databox01 a img{ width: 80px; height: 80px; display: block; margin: 0 auto; overflow: hidden; border-radius: 60px;}
.reader_card{ background:#fff; padding:0 4%; margin-bottom:10px;}
.reader_card ul li{ overflow:hidden;}
.reader_card ul li img{ width:20px; float:left; margin-top:15px;}
.reader_card ul li span{ width:90%; border-bottom:1px solid #e6e6e6; float:right; height:52px; line-height:52px;}
.reader_card ul li span h4{font-size:15px; float:left; color:#333;}
.reader_card ul li span b{float:right; color:#999; font-size:14px; font-weight:normal;}
.reader_card ul li span .look{ font-size:14px; color:#999;}
.reader_card ul li span .look em{ margin-left:10px;}
.reader_card ul li span em{background:url(../../newImages/enter.png) no-repeat; width:8px; height:16px;display:inline-block; background-size:100% 100%; vertical-align:middle;}
.reader_card .decan{border:none;}



/*登录页*/


.main{padding:5rem 5%;background: #fff;}
.main .logo{padding:0 35%;text-align:center;font-size:15px;color:#555555;line-height:26px;}
.main .logo img{width:100%;}
.main .xuan{width:100%;display:block;height:37px;margin:30px 0;}
.main .xuan p{ margin:0}
.main .xuan p span{ line-height:38px;}
.main .shu1{border-radius:5px;margin-bottom:17px;padding:0 12px;height:43px;background:#F6F7F9;line-height: 43px;color:#a9a9a9;font-size:14px;}
.main .shu1 input{ background:none; height:43px; line-height:43px; width:80% ;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:15px;}
.main .shu1 i{float:left;}
.main .shu1 img{float:right;margin:13px 0;width:3%;cursor:pointer;}
.main .shu1 .guan{width:5%;}
.main .shu1 .guan1{width:7%;}
.main .di{margin-bottom:28px;}
.main .dl{width:100%;height: 44px;background:#C4E6E4;border-radius: 100px;text-align: center;line-height: 44px;color:#fff;font-size: 15px;cursor:pointer;-webkit-appearance: none;}
.main input[type='button'].enabled_class{background:#3daca5;}
.main .kan{width:100%; height:80px; line-height:80px;text-align: center;font-size:15px;color:#666;}
.main .kan span{cursor:pointer;}



/*荐购-书籍详情-无版权*/
.sj1{padding:10% 5% 0 5%;}
.sj .sj1-l{width:70%;float:left;}
.sj .sj1-l h2{color:#2E2E2E;font-size: 18px;line-height:30px;font-weight:bold;}
.sj .sj1-l p{color:#8D9598;font-size:14px;line-height:25px;}
.sj .sj1-l .cang{color:#8D9598;font-size:14px;line-height:25px;}
.sj .sj1-l .cang img{height:16px;margin-left:12px; vertical-align:middle}
.sj .sj1-r{float:right;width:30%;display:block;height: 0;padding-bottom: 40%; background: #fff; text-align:center;border-radius:4px; overflow:hidden;box-shadow:0 0 4px #666;}
.sj .sj1-r img{width:100%;}

.sj  .sj1 .shi{vertical-align:middle;margin-top:25px;background: #28CEC2;border-radius: 100px;text-align: center;line-height: 37px;}

.sj .sj1 .shi img{width:6%;vertical-align:middle;display: inline;}
.sj .sj1 .shi  i{font-size: 15px;color:#fff;margin-left:5px;display: inline;}
.sj  .sj1 .rs{text-align: center;height:30px;line-height: 30px;font-size:12px;color:#555555;}
.sj  .sj1 .showMess{color: #ef5a54;  margin: 10px 0;font-size: 14px;}

.sj  .sj1 .bp{text-align: center;height:30px;line-height: 30px;font-size:12px;color:#555555;}
.sj  .sj1 .bp img{width:12px;vertical-align: middle; margin-right:2px}
.sj  .sj1 .bp i{font-size: 12px;color:#ef5a54;text-align: center;line-height: 40px;vertical-align: middle;}


.sj .sj2{border-top: 1px solid #D6D6D6;padding:13px 0;text-align: center; background:#fff}
.sj .sj2-l{float:left;width:21%; text-align:left; margin-left:5%}
.sj .sj2-l img{width:18px;vertical-align: middle; margin-right:2px}
.sj .sj2-l i{font-size: 14px;color:#ef5a54;text-align: center;line-height: 40px;vertical-align: middle;}
.sj .sj2-r{float:right;width:74%;}
.sj .sj2-r  li{float: right; padding:0 13px;color:#4d4d4d;font-size: 12px;text-align: center; border-left:1px solid #D6D6D6;}
.sj .sj2-r  li img{width:21px;display:block;vertical-align: middle;margin:0 auto 5px}

.sj .sj2-r   .no{border-right:none;}
.sj .sj2-y{float:left;width:47%; text-align:center; margin-left:5%}
.sj .sj2-y img{width:18px;vertical-align: middle; margin-right:2px}
.sj .sj2-y i{font-size: 14px;color:#ef5a54;text-align: center;line-height: 40px;vertical-align: middle;}
.sj .sj2-b{float:right;width:47%;}
.sj .sj2-b  p{padding:0 13px;color:#9799A5;font-size: 12px;text-align: center; border-left:1px solid #D6D6D6;}
.sj .sj2-b  p img{width:21px;display:block;vertical-align: middle;margin:0 auto 5px}

.sj .sj3{padding:1.5rem 5%;border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; color:#4d4d4d}
.sj .sj3  h2{font-weight: bold;font-size: 16px;line-height: 36px;}
.sj .sj3   p{font-size: 16px;line-height:26px ;}
.sj .sj3  img{vertical-align: middle;margin:0 auto 8px;display: block;width:20px;margin-top:18px;}
.sj .noborder{border-top:none;}

.sj .sj4{padding:1.5rem 5%; border-bottom: 1px solid #D6D6D6;color:#4d4d4d}
.sj .sj4  h2{font-weight: bold;font-size: 16px;line-height: 36px;}
.sj .sj4  img{vertical-align: middle;margin:0 auto 8px;display: block;width:20px;margin-top:18px;}
.sj .sj4  ul {margin-left:16px;}
.sj .sj4  ul li{list-style-type:disc; color:#D4D4D4;}
.sj .sj4  ul  i{color:#4D4D4D;font-size:15px;line-height: 28px;}
.sj .sj4 div{font-size: 16px;line-height:26px ;}



/*书籍详情-分享*/
.bjs{position: relative;}


.sj1{padding:25px 5% 0 5%; background:#fff}
.sf .sj1-l{width:70%;float:left;}
.sf .sj1-l h2{color:#2E2E2E;font-size: 18px;line-height:30px;font-weight:bold;}
.sf .sj1-l p{color:#8D9598;font-size:13px;line-height:25px;}
.sf .sj1-l .cang{color:#8D9598;font-size:13px;line-height:25px;}
.sf .sj1-l .cang img{height:14px;margin-left:12px;}
.sf .sj1-r{float:right;width:30%;}
.sf .sj1-r img{width:100%;}

.sf  .sj1 .shi{vertical-align:middle;margin-top:25px;background: #28CEC2;border-radius: 100px;text-align: center;line-height: 37px;}

.sf .sj1 .shi img{width:6%;vertical-align:middle;display: inline;}
.sf .sj1 .shi  i{font-size: 15px;color:#fff;margin-left:5px;display: inline;}
.sf  .sj1 .rs{text-align: center;line-height: 39px;font-size:12px;color:#555555;}


.sf .sj2{border-top: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6;padding:10px 0;text-align: center;}
.sf .sj2-l{float:left;width:26%;border-right:1px solid #D6D6D6;}
.sf .sj2-l img{height:20px;vertical-align: middle;}
.sf .sj2-l i{font-size: 14px;color:#ED5852;font-weight: bold;text-align: center;line-height: 40px;vertical-align: middle;}
.sf .sj2-r{float:left;width:70%;}
.sf .sj2-r  li{width:24.6%;float: left;height:40px;color:#9799A5;font-size: 12px;text-align: center; border-right:1px solid #D6D6D6;}
.sf .sj2-r  li img{height:19px;display:block;vertical-align: middle;margin:0 auto 8px}

.sf .sj2-r   .no{border-right:none;}


.sf .sj3{padding:1.5rem 5%; border-bottom: 1px solid #D6D6D6;}
.sf .sj3  h2{font-weight: bold;font-size: 16px;line-height: 36px;}
.sf .sj3   p{font-size: 15px;line-height:26px ;}
.sf .sj3  img{vertical-align: middle;margin:0 auto 8px;display: block;width:20px;margin-top:18px;}

.sf .sj4{padding:1.5rem 5%; border-bottom: 1px solid #D6D6D6;}
.sf .sj4  h2{font-weight: bold;font-size: 16px;line-height: 36px;}
.sf .sj4  img{vertical-align: middle;margin:0 auto 8px;display: block;width:20px;margin-top:18px;}
.sf .sj4  ul {margin-left:14px;}
.sf .sj4  ul li{list-style-type:disc; color:#D4D4D4;}
.sf .sj4  ul  i{color:#4D4D4D;font-size:15px;line-height: 28px;}

.layer_bj{width:100%;height:100%;background:url(../../newImages/bjs.png);position: absolute;left :0px;top:0px;z-index:2;}
.layer_bj01{width:100%;height:100%;background:url(../../newImages/bjs.png);position: absolute;left :0px;top:47px;z-index:2;}



/*分享弹出框*/
.tan{background: #fff;padding:25px 0; position:fixed; bottom:0; left:0; z-index:3; width:100%; opacity:0.97}
.tan ul li{width:15%;float:left;text-align: center;vertical-align: middle; margin:0 0% 0 8%}
.tan ul li img{width:100%;display: block;margin:0 auto 8px;}
.tan ul  .sh{margin-top:20px;}

.tan .qu{height:42px;border:1px solid #DFDFDF; border-radius: 100px;margin:20px 8% 0;color: #549BAF;font-size: 15px;text-align: center;line-height:42px; }




/* 应用中心 */
header .l .da{width:21px;}
header .gl{color:#333333;font-size:15px;}


.yy{padding:19px 12px 0 }
.yy .yy-s{font-size:16px;color:#333333;line-height: 21px;vertical-align: middle;width:auto;}
.yy .yy-s img{width:21px;float:left;margin-right:6px;}
.yy .tb{padding-bottom: 10px;border-bottom:1px solid #e6e6e6;}
.yy .tb ul{ margin-left:-3%}
.yy .tb li{float:left; width:22%;height:0; padding-bottom:22%; margin-left:3%; text-align: center;margin-top:10px;position:relative;/* border:1px solid #E6E6E6; */}
.yy .tb .bk{border:1px solid #E6E6E6; box-sizing:border-box; position:relative }
.yy .tb .bk img.oper{ position:absolute; top:8% ; right:14%; width:25%;}
.yy .tb .yb{margin-right:0px;}
.yy .tb li a{font-size: 12px;/* font-weight: bold; */line-height: 30px;}
.yy .tb li a img{display: block;margin:8px auto 0px; width:45%;}
.yy .tb .tip{height: 70px;line-height: 70px;text-align: center;font-size: 12px;}
.yy .tb li .limited {position:absolute; top:0;left: 10px;width: 30%;} 

.yy .noApp{text-align: center;height: 120px; margin-top: 38px;}  


/* 书架 */
.cdl{ background:#fff;border-bottom:1px solid #D6D6D6;height:55px;}
.cdl li{ float:left;margin:10px 0 11px 0;}
.cdl .l1{width:20%;}
.cdl .l2{width:60%;}
.cdl .l2 div{float:left;}
.cdl .l2 .ml{width:33%;height:34px;background:#3DACA5;float:left;border-radius:6px 0 0 6px;text-align:center;line-height:34px;}
.cdl .l2 .ml i{font-size:13.5px; color:#fff;}
.cdl .l2 .mz{width:32%;height:32px;background:#fff;float:left;border:1px solid #3DACA5;border-right:none;/* border-radius:0 6px 6px 0; */text-align:center;line-height:32px;}
.cdl .l2 .mz i{font-size:13.5px; color:#3DACA5;}	

.cdl .l2 .mr{width:32%;height:32px;background:#fff;float:left;border:1px solid #3DACA5;border-radius:0 6px 6px 0;text-align:center;line-height:32px;}
.cdl .l2 .mr i{font-size:13.5px; color:#3DACA5;}	
.cdl .l3{width:20%;}

.cdl .l3 img{margin:11px 0px 10px 48px;width:18px;}
.cdl a{ font-size:14px; font-weight:bold}
.cdl a img{ display:block; width:40%; max-width:60px; margin:0 auto 20px}



.books{padding:15px 5%;background:#fff; margin-bottom:50px;}
.books .book_list li{ width:25%; float:left; overflow:hidden; margin:0 12.5% 12px 0;}
.books .book_list li span .xz{position:absolute;bottom:6px;left:6px;width:26px;}
.books .book_list li span .xz1{position:absolute;top:0px;right:0px;width:41px;}

.books .book_list li span{position: relative; display:block;border: 1px solid #b3b2b2;height: 0;margin:0 0 5px 0; padding-bottom: 135%; background: #fff; text-align:center;border-radius:4px; overflow:hidden;box-shadow:0 0 4px #666; }
.books .book_list li span img{width:100%; }
.books .book_list li p.book_name{ font-size:1.3rem; text-align:left; margin:0 0 2px 0;color:#555;line-height:24px;}
.books .book_list li p.author_shelf{ font-size:1.2rem; text-align:left; color:#999;line-height: 16px;}
.books .book_list li p.author{ font-size:12px; text-align:left; color:#28CEC2}
.books .book_list li p.author_ys{color:#EF5A54;}
.books .book_list li p.author_hs{color:#999999;}
.books .book_list li.last{ margin-right:0}




/* 书架编辑页 */

header .l .tub{width:26px; vertical-align: middle;float:left;margin-right:5px;}
header .bdh{width:20%;font-size: 15px;}
header .bdq{width:60%;}
header .si{color:#343434;line-height: 56px;vertical-align: middle;width: auto;}
.books .book_list li span .gx{position:absolute;bottom:6px;right:6px;width:26px;}
.books .book_list li span .xz1{position:absolute;top:0px;right:0px;width:41px;}

.del{border-top:1px solid #E6E6E6;background: #fff;padding:10px 0; text-align:center;position:fixed; bottom:0; left:0; width:100%}
.del .del1{ display:inline-block; padding:2px 20px;background: #EF5A54;height: 36px;border-radius: 100px;line-height: 36px;color:#fff;font-size:14px; }
.del .del1 img{width:18px;vertical-align: middle;margin:0 10px 0 15px;}
.del .del2{background: #E6E6E6}


/*本馆搜索-搜索结果*/
.search{ float:left; vertical-align:middle;width:87%; height:25px; background:#fff; border-radius:30px; border:1px solid #f0f0f0; margin-top:11px;}
.search img{ width:14px; height:14px; float:left; margin-top:5px; margin-left:14px}
.search em{  float:left;font-size:14px; color:#737373; line-height:25px; margin-left:8px}
.result{ background:#fff; padding:0 4%}
.result_top{ font-size:14px; color:#999; height:22px; line-height:28px; padding-top:10px;padding-left: 4%;} 
.result_top em{ color:#ef5a54}
.result_cen li{ height:155px; border-bottom:1px solid #e6e6e6}
.result_cen li a{ float:left;margin-top:20px;width:85px; height:117px;overflow: hidden;box-shadow: 0 0 4px #666;}
.result_cen li a img{width:85px; height:117px}
.result_cen li p{ float:left;margin-left:4%;line-height:24px; width:67%;}
.libCollection ul{padding:0 4%;}
.result_cen li p.one{font-size:16px; color:#333; margin-top:13px;font-weight:bold;}
.result_cen li p.one i{float: right;font-size: 14px;color: #666;}
.result_cen li p.two{font-size:14px; color:#666;}
.result_cen li p.three{font-size:14px; color:#b2b2b2;}



/*文宣页*/
.onset_box{position: absolute;bottom: 0;top: 0;left: 0; right: 0;text-align:center;}
.onset_box img{height:100%;}


/* 书架-无 */
.wu{padding:65px 20% 68px 20%;}
.wu .find{text-align:center;}
.wu .find i{font-size: 16px;color:#00A6B2;}
.wu .find p{font-size: 22px;color:#666;line-height: 60px;}
.wu  img{display:block;width:130px;margin:10px auto;}
.wu  .find_go{border:1px solid #00A6B2;width:70%;line-height: 35px;border-radius: 100px;margin:0 auto;text-align: center;font-size: 16px;color:#00A6B2;margin-top:62px;}


/* 本馆搜索-无搜索结果 */
header  .wid{width:12%;}
header .search{width:75%;height:50px;background:#fff;vertical-align: middle;border:1px solid #F0F0F0;height:30px;border-radius:100px;vertical-align: middle;margin:9px 0;}
header .search img{margin:6px 7px;width:20px;height:20px;  display: inline-block;float:left;}
header .search input{display:inline-block;float:left;height:30px;font-size: 14px;color:#737373;}


.groom{padding:40px 30px 0 30px;text-align: center;}
.groom img{width:150px;display: block;margin:0 auto;}
.groom p{color:#CDCDCD;font-size: 13px;line-height: 50px;}
.groom p.search_none{color:#CDCDCD;font-size: 14px;line-height:20px; margin-top: 25px;}
.groom .groom_go{width:132px;height:43px;background: #3DACA5;margin:0 auto;border-radius: 100px; line-height: 43px;color:#fff;font-size: 15px;margin-top:30px;}


/* 本馆搜索-历史记录 */

.his{padding:2rem 5% 0 5%;}
.his_in{padding-top:0px;padding-top:20px}
.his .his_l{height:30px;line-height: 30px;}
.his .his_l h3{font-size: 14px;color:#999999;float: left;}
.his .his_l img{float:right;width:20px;}
.his .his_r{padding:10px 0;margin-left: -10px;}
.his .his_r p a{display: inline-block;border:1px solid #d9d9d9;border-radius: 100px;padding:8px 16px;font-size: 14px;color:#666;margin:0 0 10px 10px;}



.onset_box h3{ font-size:18px; color:#333;}


/* 本馆搜索—选择图书馆 */
.lib{height:48px;border-bottom:1px solid #E6E6E6; text-align:center}
.lib .lib3{width:12%;height:48px;line-height:48px;text-align: center;color:#666666;font-size: 14px; display:inline-block}
.lib .lib2{width:75%;height:50px;background:#fff;vertical-align: middle;border:1px solid #F0F0F0;height:30px;border-radius:100px;vertical-align: middle;margin:9px 0; display:inline-block}
.lib .lib2 img{margin:6px 7px;width:20px;height:20px;  display: inline-block;float:left;}
.lib .lib2 input{display:inline-block;float:left;width: 85%;height:30px;font-size: 13px;color:#737373;}

.sel_l_cont{ background:#fff;}
.sel_l_cont li{ padding:0 15px; font-size:14px; color:#333; line-height:44px; border-bottom:1px solid #e6e6e6;}
.sel_l_cont li a{ display:block; height:44px; overflow:hidden;}
.sel_l_cont li a img{ margin-top:18px; width:13px; }
.openlocacion{ color:#2626d0;}
.range{ font-size:12px; color:#999;}

.sel_l_cont li p{ height:44px; background:#fff;}
.sel_l2 p{ height:44px; line-height:44px; font-size:14px; padding:0 15px 0 40px; border-bottom:1px solid #e6e6e6; overflow:hidden;min-width: 300px;}
.sel_l2 p a{ color:#666;}
.select_r ul li p{float:left;font-size: 14px;color:#353535;display: inline-block;}
li p a.jsSearchResult{display:inline-block;min-width:300px;padding:0  5%;line-height: 48px;border-bottom:1px solid #E6E6E6;}
.select_r.first{background:#F5F5F5}
.select_r li{overflow: hidden;width: 100%;}
.select_r{height:30px;line-height: 30px;padding:0 5%;background: #FAFAFA;min-width: 200px;}

.choose .choose_l{height:30px;line-height: 30px;padding:0 5%;background: #FAFAFA;}
.choose .choose_l h3{font-size: 12px;color:#999999;float: left;}
.choose .choose_l img{float:right;width:20px;}
.choose .choose_r{background:#fff;border-top:1px solid #E6E6E6;}
.choose .choose_r ul li{padding:0  5%;line-height: 48px;border-bottom:1px solid #E6E6E6;}
.choose .choose_r ul li.current{background: #fff;}
.choose .choose_r ul li p{float:left;font-size: 14px;color:#353535;display: inline-block;}
.choose .choose_r ul li i{float:right;color:#9F9F9F;font-size: 12px;}
.choose .choose_r ul li img{float:right;vertical-align: middle; width:9px;margin-top:16px;}
.lie_l { float:left; width:50%;}
.lie_l li{ background:#fafafa; border-bottom:1px solid #f5f5f5; padding:10px 0; text-align:center; border-top:0 ; font-size:14px; color:#333}
.lie_l li.current{ background:#fff; border-right:1px solid #fff}
.bod_b{ border-bottom:1px solid #e6e6e6}
.lie_r{ float:right; background:#fff; width:50%; text-align:center;}
.lie_r li{ padding:10px 0; font-size:14px; border-bottom:1px solid #fff }


/* 馆藏检索—检索结果 */

.bj01 .door .h2 .qin .lend{border:none; float:right;color:#666;font-size:12px;}

/*top20 */

.door .h2 .qin .red_lend{border:none; float:right;color:#ef5a54;font-size:13px;}
.door .h2 .qin .red_lend img{ width:20px; margin:0 3px 0 0}
.top_phb .h2{ padding:0 0 0 125px;}
.top_phb .h1{left:35px}
.top_phb p{ position:absolute; left:0; top:0;width: 22px;height: 26px; text-align:center; color:#fff; font-size:14px;  background-size:100% 100%}
.top_phb .top_one{background:url(../../newImages/one.png) no-repeat center top; background-size:100% 100%}
.top_phb .top_two{background:url(../../newImages/two.png) no-repeat center top; background-size:100% 100%}
.top_phb .top_three{background:url(../../newImages/three.png) no-repeat center top; background-size:100% 100%}
.top_phb .top_other{background:url(../../newImages/four.png) no-repeat center top; background-size:100% 100%}

/*下载APP提示页面*/
.hintbox{width:100%; background:#d1e2e4; padding:10px 0; border-bottom:1px solid #d1e2e4}
.hintbox .hint{float:left;width:65%;vertical-align: middle;margin:0 0 0 4% ;}
.hintbox .hint img{width:14%;display: block;float:left;margin:0 auto;}
.hintbox .hint .hint_in{float:left;margin-left:10px;}
.hintbox .hint .hint_in h3{font-size:14px;color:#333;font-weight: bold}
.hintbox .hint .hint_in em{font-size:12px;color:#333;display:block;line-height: 20px;}
.hintbox .app_buttn{float:right;margin:7px 4% 0 0;vertical-align: middle;padding:5px 14px;text-align: center;border:1px solid #77afb3;border-radius: 20px; background:#77afb3} 
.hintbox .app_buttn a{ color:#ffffff;font-size:14px;}

/*************************************************************************我是续借转借华丽丽分割线***********************************************************************************/

/*馆藏检索-书籍详情-支持预约 */
.sj_in{padding-bottom:30px;}
.sj .sj1_in{padding:25px 5% 25px 5%;border-bottom:1px solid #D6D6D6;}
.sub_menu_in{border-bottom:none;}
.sub_menu_in .change_tab_in{padding:16px 0;}
.sub_menu_in .change_address{text-align: center;}
.sub_menu_in .change_address img{width:90px;margin:0 auto;display: block;}
.sub_menu_in .change_address i{display:block;color:#AAAAAA;font-size:15px ;line-height: 26px;}
.sub_menu_in .change_sub{margin:0 auto;display: block;width:222px;padding:18px 0;}
.sub_menu_in .change_sub p{line-height:24px;float:left;font-size: 14px;color:#4D4D4D;text-align: center;margin-right:8px;}
.sub_menu_in .change_sub select{float:left;height:24px;margin-left:10px;}
.sub_menu_in .appoint{display:block;margin:0 auto;text-align:center;width:35%;background:#28CEC2;color: #fff;padding:10px 20px;border-radius: 100px;font-size:14px;}

.sub_menu_in .appoint_grey{display:block;margin:0 auto;text-align:center;width:35%;background:#BBBBBB;color: #fff;padding:10px 20px;border-radius: 100px;font-size:14px;}



/* 正在转借 */

.code{margin:1.5rem 5%;background:#fff;}
.code h2{color:#383838 ;font-size: 16px;text-align: center;line-height: 45px;}
.code p{color:#646464 ;font-size: 14px;text-align: center;line-height: 30px;}
.code img{width:180px;display: block;margin: 0 auto;padding-top:15px;}
.code  .code_in{line-height:30px;text-align: center;color:#979797;font-size: 12px;}
.code  .code_in .kan{color:#F15951;}
.code1{margin:1.5rem 5%;background:#fff;color:#F15951;font-size: 14px;line-height: 40px;text-align: center;}


/*修改密码*/
.bg_fff{background:#FFF;}
.time_bgcolor{background:#FFF;line-height:20px;}
.xgmmbg .jmmbg{background:#f6f7f9;}
.xgmmbg .jmmbg input{background:none; font-size:14px;width: 100%;}
.newsbox .confirm{background:#ef5b4f;}
.newsbox .confirm h3{color:#FFF; text-align:center;font-size:18px; letter-spacing:4px;}

/*已挂失*/
.xgmmbg .dzzygs{border:none;font-size:16px;line-height:30px;color:#ef5b4f;padding-top:20px;}

/*弹出层*/

.popup_back{background: #000;opacity: 0.5;filter: alpha(opacity:0.5);width: 100%;height: 100%;position: fixed;top: 0;z-index: 2;}
.popup_next{position: fixed; top:40%;left:10%;border-radius: 6px;background: #fff;z-index: 100; width:80%;height:175px;overflow-y: auto;box-shadow: 1px 0px 10px #888;margin-top: -150px;}
.popup{position: fixed; top:40%;left:10%;border-radius: 6px;background: #fff;z-index: 100; width:80%;height:175px;overflow-y: auto;box-shadow: 1px 0px 10px #888;margin-top: -150px;}
.popup p{ margin:0 auto;height:64px; line-height:76px; font-size:18px; color:#333; text-align:center}
.popup p.two{ height:56px; line-height:50px; font-size:15px; color:#666; width:80%; border-bottom:1px solid #e5e5e5; text-align:center}
.popup p.three{ height:50px; line-height:54px; font-size:15px; color:#3daca5}
.popup p.four{height:120px; line-height:120px; font-size:18px; color:#333; text-align:center;border-bottom:1px solid #e5e5e5;}
.popup_next p.two{ color:#1c74db; line-height:54px; text-align:center}
.popup_next p.two a{ float:left;display:block;width:50%; height:54px; font-size:15px;color:#333;}
.popup_next p.two a.next{color:#fff; background:#3daca5}
.popup_next p.three{ border-bottom:1px solid #e5e5e5; height:120px;line-height:120px; font-size:18px; color:#333; text-align:center}
.popup_other{position: fixed; top:40%;left:10%;border-radius: 6px;background: #fff;z-index: 100; width:80%;height:135px;overflow-y: auto;box-shadow: 1px 0px 10px #888;margin-top:-50px;}
.popup_other p{ margin:48px 0;text-align:center;}
.popup_other img{ vertical-align:middle; width:37px; height:37px}
.popup_other em{font-size:18px; color:#333; margin-left:12px; vertical-align:middle;}


/*云田智慧首页*/
.popbook .swiper-pagination.jsIndexPage{position:relative;margin-top:-20px;}
.popbook .swiper-pagination.jsIndexPage span{padding:1px;margin-right:5px;}

/* 续借-馆藏检索-书籍详情 */
.sj_in .sub_menu_in table{margin:0 auto;}
.sj_in .sub_menu_in table tr th{border-bottom:1px solid #E6E6E6;font-size: 16px;color:#666666;line-height: 33px;width:175px;font-weight: normal;}
.sj_in .sub_menu_in table tr td{border-bottom:1px solid #E6E6E6;width:175px;line-height: 42px;text-align: center;font-size: 13px; color:#999999;}


/*续借转借-当前借阅*/
.borrowbox{ background:#fff; padding:0 4%;}
.borrow  a{text-align:center;}
.borrow .xj{width:74px; height:26px; background:#fffaef; border:1px solid #f8b616; color:#666; box-shadow:none; margin-top:0; line-height:26px; margin-right:10px; border-radius:4px}
.borrow .zj{width:74px; height:26px;box-shadow:none; background:#fff;border:1px solid #19b955; color:#666; margin-top:0;line-height:26px; border-radius:4px}
.borrow p em{display:inline-block; color:#ff6600; font-size:12px; margin-left:5px;}
.borrow .time{line-height:22px;font-size:13px; color:#999; font-family:"微软雅黑";}
.borrow .x_btn{ margin-top:8px;}

.borrow .hint{color:#ff6600; font-size:12px;}

/*自定义样式开始*/
.books .book_list li .imgUrl{border:0;box-shadow:none; padding-bottom:70%;}
.books .book_list li .imgUrl img{width: 65%;}
.books .book_list li p.bookName{text-align:center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.door .h2 .bookSummary i{height:60px;}
.door .h2 .libSummary i{height:40px;}
.door h2.cutOut{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.door .qin1 i.cutOut{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.summary{height: 50px;overflow: hidden;}
.keyWord_android{width: 87%;margin-left: 15px;}
header .search_android{border-radius: 30px;}
header .search_android img{margin: 6px 12px}
.qin3{margin-top: 7px}
.qin3 i{color: #969ba3;font-size: 13px;line-height: 13px;}
.reder_al{color:red; visibility:hidden;margin-left: 30px; line-height: 30px;font-size: 12px;}
.result_cen li p.cutOut{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
header .ebook img{margin-top: 15px;padding: 0;}
header .select_s{width: 8%; margin-right: 12px;text-align: left;}
.reader_card2{margin-bottom: 0}
.reader_card2 ul li span{width:100%}
.reader_card2 ul li.lost_readerCard span{height:130px; border-bottom:0; text-align: center;}
.reader_card2 ul li.lost_readerCard input{-webkit-appearance: none;font-size: 15px;color:#dc392a;height:40px; width:100px; margin-top: 45px;border-radius:7px; background-color: #ffebe5; border: 1px #e8a088 solid;}
.division{height:10px; background-color: #f5f5f5}
.readerCard_main{background:#fff}
.sub_cont a.classify_first{padding: 4px 10px;}
.confirm_btn{-webkit-appearance: none;background: #3daca5;}
.reader_pass{color: #000; text-indent: 5px; line-height:normal;}

.news_none { text-align:center ; line-height: 40px;padding-top: 50px;}
.news_none img{ display:block; margin:0px auto 0 auto; width:170px; }
.news_none p{text-align:center;color:#666;font-size:15px;}
.x_search{width:90%; margin:30px auto 0;height:50px;border-radius: 6px;background:#f6f7f9;text-align: left;border: 1px solid #e6e6e6;}
.searchtext{width:84%;padding:0 2%; height:50px;background:none;font-size:16px;color:#333;}
.empty01 {display:inline-block;margin: 0 5px 0px 0}
.empty01 img{width:22px;vertical-align: middle;margin-bottom: 4px; }

.uploadForm{width:80px;height:80px;display:inline-block;position: relative;overflow: hidden;border-radius:40px;margin-top:15px;}
.uploadForm input[type=file]{width:80px;height:80px;position:absolute;left:0;top:0px;opacity:0;cursor: pointer;}
.uploadForm input[type=button]{width:45px;height:20px;border:1px solid gray;cursor: pointer;position: absolute;top:10px;left:86px;} 

.x_header{background:#dd403b url(../../newImages/gerenbg_03.png) no-repeat center bottom;background-size:100% 100%;height:160px;text-align:center;background:url(../../newImages/readbg_02.png) no-repeat; background-size:100% 100%; padding:15px;}
.x_header img{width:80px;height:80px;display:block;margin:0 auto;overflow: hidden;border-radius:60px;}
.x_header h2{font-size:16px;color:#fff;padding-top:10px;padding-bottom:40px;}
.x_header .but{font-size:16px;color:#fff;background:#dd403b;text-align:center;border:#fff solid 1px;border-radius:4px;width:30%;cursor:pointer;margin:0 auto;margin-top:20px;-webkit-appearance: none;}
	
.Capacitybg{position:fixed;top:0;width:100%;height:100%;background:#000;opacity:0.5;}
.Capacity{position:fixed;bottom:0;width:100%;}
.Capacity .but{width:100%;height:50px;text-align:center;color:#333;font-size:16px;background:#fff;border-bottom:#e0e0e0 solid 1px;}
/*自定义样式结束*/

/*wap荐购首页加载中效果*/
.spinners {
  margin: 0 auto;
  width: 150px;
  text-align: center;
}
 
.spinners > div {
  width: 15px;
  height: 15px;
  background-color: #999;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinners .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinners .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.classifyRecommend a{ width: 24%;}

/*荐购全部分类*/
.classifyList{ font-size: 0;}

/*荐购首页书单bottom样式*/
.bj_book{margin-bottom: 0px}





#borrowTopList {padding: 0 4%}

/*微信公众号*/

/*馆藏查询*/

.inquire_box{width:92%;margin:0 auto;margin-top:10px;}
.choose{height:44px;border:1px solid #e6e6e6;border-radius:4px;background:#fff;line-height:44px;padding:0 3%;margin:20px 0}
.choose a .write{font-size:14px;color:#333;float:left;}
.choose a .down{width:14px;display:block;float:right;margin-top:18px;}
.choose .text{width:100%;height:44px;font-size:16px;}
.choose .check{width:16px;display:inline-block;margin-top:14px;float:left;margin-right:6px;}
.choose em{font-size:14px;line-height:44px;float:left;color:#696969;}
.choose .no-check{width:16px;display:inline-block;margin-top:14px;float:left;margin-right:6px;}
.inquire_box button{width:100%;height:40px;background:#3cada5;border-radius:100px;line-height:40px;text-align:center;display:block;color:#fff;font-size:16px;    font-family: "微软雅黑";margin-top:30px;}
.choose01{position:relative;}
.choose01 .pull_down{position:absolute;top:45px;left:-1px;background:#fff;width:100%;border:1px solid #e6e6e6;border-top:none;}
.choose01 .pull_down a{width:94%;height:44px;border-bottom:1px solid #e6e6e6;display:block;padding:0 3%;font-size:18px;color:#333;line-height:44px;}

/*馆藏检索-搜索结果列表*/
.search_title{width:100%;height:54px;background:#fff;border-bottom:1px solid #d6d6d6;}
.search_title .lib2{width: 75%;background:#f5f5f5;border:1px solid #cccccc;height: 32px;border-radius: 100px;vertical-align: middle;margin:7px 0 12px 23px;display: inline-block;box-shadow:inset 0 1px 2px rgba(178,178,178,0.4)}
.lib2 img{margin: 7px 7px 0 0 ;width: 18px;height: 18px;display: inline-block;float: left;}
.lib2 img.close{float:right;}
.lib2 .search_icon{width: 16px;height: 16px;margin: 9px 7px 0 7px;}
.lib2  .text{display: inline-block;float: left;width:72%;height: 30px;font-size: 14px;color: #333333;background:#f5f5f5;margin-top:2px;line-height:20px;}
.search_title .lib3{width: 12%;height: 54px;line-height:54px;text-align: center;color: #3daca5;font-size: 16px;display: inline-block;}

.book_list1{background:#fff;}
.book_title {height:40px;line-height:40px;font-size:14px;color:#999999;padding: 0 4%}
.book_title .crumbs{float:left;}
.book_title i{color:#ef5a54;}
.book_title  .filtrate{float:right;position:relative}
.pad_t_0{ padding-top: 0}
.filtrate .popup1{position:absolute;top:36px;left:-35px;width:130px;background:#fafafa;box-shadow: 0px 0px 2px #999999;}
.filtrate .popup1 a{display:block;height:45px;border-bottom:1px solid #e6e6e6;line-height:45px;width:130px;color:#333;font-size:16px;text-align:center;}

.filtrate .popup1 a:nth-child(3){border-bottom:none;}
.filtrate .popup1 .jt{width:14px;height:7px;position:absolute;top:-7px;right:10px;display:block;background:url(../../newImages/jt.png) no-repeat;}
.filtrate .next{width:14px;display:inline-block;margin-left:6px;}
.book_result li{ height:155px; border-bottom:1px solid #F0F1F2}
.book_result li a{ float:left;margin-top:20px;width:85px; height:117px;overflow: hidden;box-shadow: 0 0 4px #666;position:relative;}
.book_result li a .tally{position:absolute;top:0px;right:0px;display:block;width:42px;height:43px;}
.book_result li a img{width:85px; height:117px}
.book_result li p{ float:left;margin-left:15px;line-height:22px; width:100%;}
.libCollection ul{padding:0 4%;}
.book_result li p.one{font-size:16px; color:#333; margin-top:18px;font-weight:bold;margin-bottom: 15px; }
.book_result li  .borrow{width:auto;border:1px solid #ef5a54;border-radius:100px;color:#ef5a54;font-size:14px;text-align:center;padding:2px 10px;;float:right;margin-top:24px;}
.book_result li p.one i{float: right;font-size: 14px;color: #666;}
.book_result li .book_write{float:left;width:75%;}
.book_result li p.two{font-size:14px; color:#969ba3;}
.book_result li p.two i{ color:#ef5a54;} 
.book_result li p.two img{height:13px;margin-right:10px;vertical-align:middle}
.book_result li p.three{font-size:14px; color:#969ba3;}

/*馆藏检索-无搜索结果*/
.book_list2{min-height:680px;}
.no_result{width:100%;margin:60px auto 0;}
.no_result img{display:block;margin:0 auto;width:42%;}
.no_result p{text-align:center;color:#666;font-size:14px;margin-top:20px;}


/*搜索*/
header.top{width:92%;height:46px;background:#ffffff;border-bottom:1px solid #e6e6e6;}
.top .top_l{float:left;height:46px;width:60%;}

.top_l .popup1{position:absolute;top:52px;left:12px;width: 130px;background: #fafafa;box-shadow: 0px 0px 2px #999999;z-index:2;}
.top_l .popup1 a{font-size:16px;display:block;text-align:center;border-bottom:1px solid #e6e6e6;}
.top_l .popup1 a:nth-child(2){border-bottom:none;}

.top_l .popup1{position:absolute;top:52px;left:12px;width: 130px;background: #fafafa;box-shadow: 0px 0px 2px #999999;z-index:2;}
.top_l .popup1 a{font-size:16px;display:block;text-align:center;border-bottom:1px solid #e6e6e6;font-weight: 600}
.top_l .popup1 a:nth-child(2){border-bottom:none;}
.top_l .popup1 .jt {
    position: absolute;
    width: 14px;
    height: 7px;
    top: -6px;
    right: 10px;
    background: url(../../newImages/jt.png) no-repeat;
    display: block;
}


.top_r .popup1{position:absolute;top:52px;right:12px;width: 130px;background: #fafafa;box-shadow: 0px 0px 2px #999999;z-index:2;}
.top_r .popup1 a{font-size:16px;display:block;text-align:center;border-bottom:1px solid #e6e6e6;font-weight: 600}
.top_r .popup1 a:nth-child(3){border-bottom:none;}
.top_r .popup1 .jt{position:absolute;width: 14px;height: 7px;top:-6px;right:10px;background:url(../../newImages/jt.png) no-repeat;display:block;}



.top_l .popup1 .book1{width:17px;height:21px;background:url(../../newImages/ttreader.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:8px;}


.top_l .logo{width:30px;display:block;float:left;margin-top:10px;vertical-align:middle;}
.top_l p{display:block;font-size:18px;color:#3daca5;font-weight:bold;margin-left:6px;float:left;line-height:46px;}
.top_l p img{vertical-align:middle;margin:0 6px;height:20px;width:1px;}

.top_l p em{color:#e6e6e6;margin-left:4px;font-size:22px;}

.top_l .arrows{display:block;width:14px;float:left;margin-top:22px;margin-left:6px;position:relative;}
.top .top_r{float:right;height:46px;width:24%;text-align:right;}
.top_r .search1{width:18px;display:inline-block;vertical-align:middle;}
.top_r .my_icon{width:18px;display:inline-block;vertical-align:middle; margin-left:15px}
.top_r .my{font-size:16px;color:#3daca5;display:inline-block;line-height:46px;margin-left:10px;}

.search_title1{background:#fff;border-bottom:1px solid #e6e6e6;}
.search_title1 .lib2{background:#f5f5f5;box-shadow:none;border-color:#cccccc;box-shadow:inset 0 1px 2px rgba(178,178,178,0.4)}
.search_title1 .lib2 .text{background:#f5f5f5;}
.search_title1 .lib3{color:#3daca5;}
.nav_box{width:100%;height:50px;border-bottom:1px solid #d6d6d6;}
.nav_box a{width:49%;text-align:center;line-height:50px;display:inline-block;font-size:16px;color:#333333;position:relative}

.change_title{width:100%;border-bottom:1px solid #d6d6d6;height:40px;background: #fff}
.change_title p span{width:49%;display:inline-block;height:40px;color:#333333;text-align:center;line-height:40px;font-size:16px;position:relative;}
.change_title p span.current{color:#3daca5;}
.change_title p span.current i{width:30px;height:3px;background:#3daca5;display:block;position:absolute;margin-left:-15px;left:50%;top:38px;}
.nav_box a.current{color:#4eb3ac;}
.nav_box a.current .bot_line{width:40px;height:3px;position:absolute;top:48px;left:50%;margin-left:-20px;display:block;background:#4eb3ac}
/*搜索-搜索结果*/
.door .h2 .qin1 .author{margin-left:0px;}
.no_result .button{width:36%;margin:20px auto 0px;text-align:center;line-height:45px;height:45px;background:#3daca5;border-radius:100px;display:block;color:#fff;font-size:15px;}

/*证解绑定-读者登录页*/
.main .xuan1 {background: #3daca5;color: #fff;border-radius:3px;text-align:center;line-height:38px;font-size:15px;}
/*证解绑定-绑定读者证*/
.succeed{width:80%;margin:80px auto 0;}
.succeed img{width:30%;margin:0 auto 20px;display:block;}
.succeed p{font-size:18px;color:#333333;text-align:center;}


  /*馆藏检索-书目详情*/
 .bookList{font-size: 14px;}
 .bookList .result{padding: 0 4% 15px 4%;}
 .bookList .result li a {position: absolute;width: 113px;height: 150px;right: 15px;border-radius: 5px;box-shadow: 0 0 6px #666}
 .bookList .result li a img{width: 113px;height: 150px;border-radius: 5px}
 .bookList li p{margin-left: 0}
 .bookList li{height: 190px;border-bottom:none;}
 .bookList p img{margin-left: 7px;width: 16px;vertical-align: middle;}
 .bookList .abstract{padding: 10px;background: #ffffff}
 .bookList .abstract-title{ font-size: 16px;color: #333;font-weight: bold;margin-bottom: 10px}
 .bookList .unfold{text-align: right;color:#3daca5;padding-top: 10px}
 .bookList .choiceness{margin-top: 10px;margin-bottom: 0;background: #FFFFFF}
 .mag_b_10{margin-bottom: 25px}
 .bookList table{width: 100%;text-align: center;line-height: 25px;margin-top: 10px;}
 .bookList table th{background: #f0f0f0}
 .bookList table td{background: #f0f0f0}
 #myLovingList{margin: 0 4%}
/*   .bookList table th{background: #dff5d9}
  .bookList table td{background: #dff5d9} */
 .bookList table .order{background: #3daca5;color: #ffffff;padding: 3px 7px;border-radius: 5px}
 .bookList .bottom{text-align: center;}
 .bookList .check{background: #ffffff;height: 42px ;width: 100%;text-align: center}
 .bookList .check a{float:left;width: calc(33.33% - 1px);border-right: 1px solid #cccccc;display:inline-block; line-height: 40px;border-top: 1px solid #cccccc;border-bottom:1px solid #cccccc}
 .bookList .check a:last-child{border-right: 0px none;}
 .bookList .result li a {position: absolute;width: 113px;height: 150px;right: 15px;border-radius: 5px;box-shadow: 0 0 6px #666;}
 .bookList .result li a .book_in{width: 113px;height: 150px;border-radius: 5px}
 .bookList .result li a .label{position:absolute;top:0px;right:0px;display:block;height:60px;width:60px;}
 /*云田购-书目详情*/
 .bookBuy .choiceness{margin-top: 0}
 .bookBuy .choiceness li{height: 180px;}
 .bookBuy .bookState{width: 100%;background:#3daca5;padding: 50px 0 10px 0;text-align: center}
 .bookBuy .bookState a{display:inline-block;width: 35%;;position: relative}
 .bookBuy .bookState a .stateImg{width:100%;box-shadow: 0 0 15px #666;border-radius: 5px}
 .bookBuy .bookState a .eBook{position: absolute;top: 0;right: 0;width: 50% ;}
 .bookBuy .bookState .b_title{font-size: 16px;color: #ffffff;margin:0;font-weight: bold;}
 .bookBuy .bookState .b_author{font-size: 14px;color: #aed7d5;text-align: center;line-height: 20px;}
 .bookBuy .bookState .b_tip{font-size: 14px ;color: #fdda37 ;text-align: center;line-height: 30px;}
 .bookBuy .buyBtn{background: #11938b;height: 50px ;width: 100%;text-align: center;font-size: 16px}
 .bookBuy .buyBtn a{width: 100%;display:inline-block;font-weight: bold; line-height: 50px;color: #ffffff;float: left}
 .bookBuy .buyBtn .green{color:#60c5bf}
 .bookBuy .buyBtn a:last-child{border-left: 1px solid #3cc0b8;box-sizing: border-box;}
 .bookBuy .buyBtn a img{vertical-align: middle;margin-right: 10px;}
 
 
 .bookBuy .readBtn{background: #11938b;height: 50px ;width: 100%;text-align: center;font-size: 16px}
 .bookBuy .readBtn a{width: 33%;display:inline-block;font-weight: bold; line-height: 50px;color: #ffffff;float: left;border-left:1px solid #3daca5;;}
 .bookBuy .readBtn .green{color:#60c5bf}
 .bookBuy .readBtn a:last-child{border-left: 1px solid #3cc0b8;box-sizing: border-box;}
 .bookBuy .readBtn a img{vertical-align: middle;margin-right: 10px;}
 .bookBuy .readBtn a.download{
 	
 }
 
 
 .bookBuy .abstract{margin-top: 0}
 /*下载*/
 .bookList .hintbox{background: #f9f0de;box-shadow: none;border-bottom: 1px solid #d1e2e4}
 .bookList .hintbox .app_buttn{border: 1px solid #3daca5;background: #fffaf1;border-radius: 20px;}
 .bookList .hintbox .app_buttn a{color: #3daca5}
 .bookList .hintbox .hint img{width: 39px}
 .bookList .hintbox .hint .hint_in h3{font-weight: bold}
 .bookList .hintbox .hint .hint_in em{color: #333}
 
 

 
 /*读者空间*/
 .tips{ color:#ef5a54; text-align:center; font-size:14px;}
 
 
 .tip_info{ height:34px; line-height:34px; background:#fee9d1; font-size:14px; color:#aa4f18; padding:0 4%; }
 .tip_info a{ float:right; color:#aa4f18;}
 .tip_info a img{width:20px; vertical-align:middle; margin:0 3px 2px 0;}
 
 
 
 .tab{ border-bottom:1px solid #ededed; height:46px; margin-bottom:10px; line-height:46px;}
 .tab p{ float:left; margin-left:4% ; font-size:15px;}
 .tab p em{ display:inline-block; line-height:42px; margin-right:24px}
 .tab p em.current{ border-bottom:3px solid #3daca5}
 .tab i{ float:right; margin-right:4%; font-size:15px;}
 .tab i img{ width:18px}
 .layer_box{ position:absolute; top:47px; left:0; width:100%; background:#fff; z-index:100; padding:10px 0}
  .layer_box p a{padding: 8px 16px;}
 .tab .shelf-num{margin-right: 0; margin-left: 0;}
 .tab .selectAll{margin-left: 4px;}
 .tab .shelf-l img{width: 26px; margin-top: 12px;}
 
 /*我的活动*/
 .sub-activity{border-bottom: none;}
 .tab .shelf-l img{width: 26px; margin-top: 12px;}
 /*活动详情*/
 .activity_write{width:84%;margin:40px auto 0;}
 .activity_write h5{font-size:16px;color:#333;text-align:center;font-weight:bold;margin-bottom:20px;}
 .activity_write p{font-size:14px;color:#666;line-height:26px;}
 .activity_img{width:84%;display:block;margin:16px auto 0;}
 .write_act{width:80%;font-size:14px;color:#666;display:block;margin:18px auto 20px;}
 .activity_button{width:50%;height:40px;background:#3daca5;display:block;margin:15px auto;text-align:center;line-height:40px;border-radius:100px;font-size:16px;color:#fff;margin-bottom: 34px;}
 .activity_buttonend{width:50%;height:40px;background:#b3b3b3;display:block;margin:15px auto;text-align:center;line-height:40px;border-radius:100px;font-size:16px;color:#fff;margin-bottom: 34px;}
 
    /*搜索页面*/
 .door .cutOut {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 
 /*新书推荐*/
 .recommendSelect{width: 100%;position: relative}
 .recommendSelect .padding{padding:10px 20px 10px 100px}
 .recommendSelect .padding input{height: 30px;font-size: 14px;color: #333333; text-align: center;background: #f5f5f5;line-height: 20px;width: 100%;border:1px solid #cccccc;;border-radius: 3px}
 .recommendSelect .padding span{position: absolute;left: 20px;top: 0;line-height: 50px;font-size: 16px}
 
 /*借阅排行*/
 @media screen and (max-width: 320px){
  .borrowRanking .book_list li{width: 70px;margin: 0 20px 0px 0;}
 }
/*  @media screen and (min-width: 375px){
  .borrowRanking .book_list li{width: 80px;margin: 0 23px 0px 0;}
 } */
 .borrowRanking .book_list{width: 1000px}
 .borrowRanking .bookList li{height: 150px}
 .borrowRanking .choiceness{margin-bottom: 10px;background: #FFFFFF;}
 .borrowRanking .choiceness li.mar_b{margin-bottom: 0; margin: 0 4.5% 0 0}
 .borrowRanking .cont{width: 100%;}
 .borrowRanking .title{height: 35px;position: relative}
 .borrowRanking .title img{vertical-align: bottom;margin-right: 5px}
 .borrowRanking .title span{display: block;font-size: 12px;padding-left: 26px;line-height:24px;color: #ccc}
 .borrowRanking .title .more{position: absolute;right:-5px;font-size: 13px;color: #3daca5;}
 .borrowRanking .title .more img{vertical-align: middle;margin-left:5px}
 .borrowRanking .book_list .last{width: 40px}
 .borrowRanking .book_list .last p{line-height: 20px;vertical-align: top;padding-top: 15px;}
 .borrowRanking .book_list .last p img{vertical-align: top;padding-top: 31px;padding-right: 5px;}
 .borrowRanking .book_list .last p b{width:14px;display: inline-block}
 
 /*借阅排行无数据*/
 .borrowNoResult{width: 100%; margin: -13px auto 0;}
 .borrowNoResult img{display: block; margin: 0 auto; width: 35%;}
 .borrowNoResult p{text-align: center; color: #666; font-size: 12px; margin-top: 9px;}
 
 /* 评论 */
 .comment_box{position: absolute; width: calc(90% - 20px); height: 80%;overflow-y:scroll;padding:10px;background-color: #fff; top: 10%; left: 5%; border-radius: 8px;}
 .comment_add{margin-top:8px;position:relative;}
.comment_add textarea{height:80px;width:calc(100% - 20px);color:#333;padding:10px;margin:0 auto;display:block;border:1px solid #e4e4e4;box-shadow:inset 0 2px 6px #f1f1f1;resize:none}
 .comment_add textarea.comment{height:40px;}
 .expression_box{padding-bottom:14px;}
 .expression_box .expression_icon{float:left;height:36px;line-height:36px;padding-left:26px;background:url("../../images/bq.png") no-repeat left center;}
 .expression_box button{float:right;height:30px;line-height:30px;margin-top:3px;color:#fff;font-size:12px;background:#ef5c4e;border-radius:4px;padding:0 14px;}
 .qqFace{width:calc(100% - 10px);background-color:#fff;border:1px solid #dfe6f6;padding:4px;}
 .qqFace tr td{width:6%;}
 .qqFace tr td img{width:100%;}
 .comment_wrap{border-top:1px dashed #e5e5e5;}
 .comment_wrap>ul>li{border-bottom:1px dashed #e5e5e5;padding:14px 0;text-align:left;}
.comment_wrap li .name{margin-bottom:8px;display:block;}
.name em{color:#2d64b3;font-weight:500;line-height:20px;}
.name i{width:20px;height:20px;margin-right:10px;background:url("../../images/user.png") no-repeat;background-size:cover;display:inline-block;vertical-align:middle;}
.comment_write p{margin-bottom:8px;color:#333;line-height:24px;}
.operate .o_time{float:left;color:#999;font-size:12px;}
.hide{display:none;}
.closeBtn{position: absolute;right: calc(5% - 14px);top: calc(10% - 14px);z-index:1;width:28px;height:28px;border-radius:999px;background:url('../../newImages/close_1.png') no-repeat center -51px;background-size: 90%;}
.o_button{float:right;padding-top:4px;}
.o_button li{padding:0 8px;border-right:1px solid #c9c9c9;line-height:10px;float:right;}
.o_button li.current a{color:#1D53BF;}
.o_button li a{color:#999;font-size:12px;}
.o_button li a.jsDelete,.o_button li a.jsSecondReply{color:#666;}
.o_button li.p_icon{border-right:none;}
.o_button li.p_icon a{padding-left:24px;background:url("../../images/p_icon.png") no-repeat center left;}
.o_button li.p_icon a.current{background:url("../../images/p_icon1.png") no-repeat center left;}
.list_com{background:#f2f2f5;border:1px solid #f0f1f2;margin:20px 0 0px 0px;padding:10px;}
.list_com>ul>li{padding:10px 0;border-bottom:1px dotted #cfcece;}
.list_com>ul>li:last-child{border-bottom:none;}
.list_com li em{color:#2d64b3;}
.list_com li p{margin-bottom:14px;line-height:22px;color:#333;}
.o_button li.border_none{border-right:none;}
.load_more{color: #56729e;background: #f4f5f6;display:block;line-height:30px;height:30px;margin-top:10px;}

  /*版权信息*/
.fl-top,.pl-top{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: fixed;top:0;left:0;z-index: 100;text-align: center}
.fl-top table{background: #ffffff;color:#555555;border-radius: 5px;line-height: 40px;width: 80%;margin: 30% 10% 0 10%;border-collapse: collapse;}
.fl-top table th{text-align: center;font-size:16px;line-height: 50px}
.fl-top table td{border-top: 1px solid #e6e6e6;padding-left: 30px;text-align: left; }
.fl-top img{width: 10%}


/*田田阅读banner*/
 .banner{background: #fff}
 .banner img{width: 100%}
 
 .title .title_current{border-bottom: 3px solid #3daca5;padding-bottom: 10px;}

.lastitema{margin:0;padding:0;border-bottom:none;}
input[type="search"]{-webkit-appearance:none;} 
input::-webkit-search-cancel-button {display: none;}

.bookLike{position: relative;}
.bookLike .tally{position: absolute;top: 0px;right: 0px;display: block;width: 42px;height: 43px;}