﻿/*-----------------------------------------公共样式-----------------------------------------*/
* {margin:0; padding:0;}
html{font-size: 14px;}
body {font-family:sans-serif;color: #666;line-height:1.5; background:#fff;}
h1,h2,h3,h4,h5,h6{font-size: 1.2rem;font-weight:normal;}
h1 a:hover{ font-size:1rem; font-weight:bold; color:#ffe0a2;}
img{border:none;vertical-align:middle;background:url(/ai/scripts/lazyload.gif) no-repeat scroll center center transparent;}
ul,ol,li {list-style:none;}
a:link,a:visited,a:active{text-decoration:none;color:#666; font-size:1rem;}
a:hover{text-decoration:none;} 
.block{margin:0 auto; padding:0;}
.clear{ clear:both;}
.clear2{ clear:both;}
.l{ float:left}
.r{ float:right}
.img_100{width:100%;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
/*-----------------------------------------公共样式-----------------------------------------*/
/* 字体图标库 */

@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_406972_24i6agocp5htzkt9.eot?t=1504882296966'); /* IE9*/
  src: url('//at.alicdn.com/t/font_406972_24i6agocp5htzkt9.eot?t=1504882296966#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('//at.alicdn.com/t/font_406972_24i6agocp5htzkt9.ttf?t=1504882296966') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_406972_24i6agocp5htzkt9.svg?t=1504882296966#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon{}
.icon:hover{}
.icon-fanhui{font-size:1.3rem;color:#fff;}/* 返回图标 */
.header-operate .icon-icon19{font-size:1.3rem;color:#fff;}/* 搜索图标 */
.icon-icon19_t .icon-icon19{font-size:1.3rem;color:#969ba3;}/* 弹出搜索图标 */
.icon-icon19_t{font-size: 1rem;position: absolute;top: 0.01rem;left: 0.6rem;}
.icon-person{font-size:1.3rem;color:#fff;}/* 会员图标 */
.icon-jiantou-copy{font-size:1.3rem;}/* 简介下箭头 */
.icon-ren{padding-right:0.4rem}/* 作者图标 */

.icon-fanhui:before { content: "\e600"; }
.icon-icon19:before { content: "\e60d"; }
.icon-person:before { content: "\e634"; }
.icon-jiantou-copy:before { content: "\e6ca"; }
.icon-sousuo:before { content: "\e622"; }
.icon-ren:before { content: "\e66a"; }
.icon-mima:before { content: "\e6e3"; }
.icon-jinru:before { content: "\e601"; }
.icon-delete:before { content: "\e602"; }

/* 首页头部 */
#index_header {position:relative;height:3.2rem;background:#4398ed;color#fff;}
#index_header .a-logo{position: absolute;top:0;left:0;height:3.2rem;padding:0 1.2rem;width:7rem;}
#index_header .logo{width: inherit; height:3.2rem;color: transparent;background: url(/ai/scripts/logo.png) no-repeat center;background-size: 100%;}
#index_header .a-person {position:absolute;top:0;right:0;padding:0.65rem 1.2rem;}

/*首页banner*/
.slider {position: relative;width: 100%; overflow: hidden;}
.slides {height: 100%;
/* Simple clear fix */
overflow: hidden;
/**	
* Prevent blinking issue
* Not tested. Experimental.
*/
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
/**
* Here is CSS transitions 
* responsible for slider animation in modern broswers
*/
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {float: left;clear: none;}
.slider-arrows {}
.slide img{ width:100%;}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 60px;height: 60px;line-height: 60px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;}
.slider-arrow--right {bottom: 50%;right: 30px;}
.slider-arrow--left {bottom: 50%;left: 30px;}
.slider-nav {position: absolute;bottom:5%; right:1%;}
.slider-nav__item {width:0.5rem;height:0.5rem;float: left;clear: none;display:inline-block;margin: 0 0.2rem;background: #fff; border-radius:100%;}
.slider-nav__item:hover {}
.slider-nav__item--current {background: #069ce9;}
.arrowsWrapper{ display:none;}

/* 首页搜索 */
.index_search{padding:0.8rem 1rem;background:#f6f7f9; position:relative;}
.index_search .index_input{font-size: 1rem;width: 100%;height:2.6rem;line-height:2.6rem; border-radius:0.2rem;padding: 0 1rem;color: #969ba3;border: 0 none;background:#fff;}
.index_search .icon-icon19_i{font-size: 1.6rem;position: absolute;top:0.9rem;padding:0 0.6rem;color: #a4a4a4;right:1.5rem; background:#fff;}

/* 首页导航按钮 */
.index-nav{padding: 1.2rem 1rem 0.8rem;text-align: center;border-bottom:0.6rem #f6f7f9 solid;display: flex;display: box;justify-content: space-between;-webkit-box-pack: justify;box-pack: justify;}
.index-nav-a {font-size:1rem;position:relative;display:inline-block;width:4rem;text-align:center;}
.index-nav-a p{line-height:2rem;}
.index-nav-a  i{background:url(/ai/scripts/icon.png) no-repeat top center; display:block;}
.index-nav-a .nav_ico1{background-position:0 0; width:4rem; height:4rem;background-size:4rem;}
.index-nav-a .nav_ico2{background-position:0 -56px; width:4rem; height:4rem;background-size:4rem;}
.index-nav-a .nav_ico3{background-position:0 -112px; width:4rem; height:4rem;background-size:4rem;}
.index-nav-a .nav_ico4{background-position:0 -168px; width:4rem; height:4rem;background-size:4rem;}
.index-nav-a .nav_ico5{background-position:0 -224px; width:4rem; height:4rem;background-size:4rem;}
.index-nav-a .nav_ico6{background-position:0 -280px; width:4rem; height:4rem;background-size:4rem;}
.index-nav-a .nav_ico7{background-position:0 -336px; width:4rem; height:4rem;background-size:4rem;}

/* 首页排行榜tab切换 */
.box_4 .tab{height:2.5rem;font-size:1rem;background: #fff;margin: 0 0 1.5rem;border-radius: 0.5rem;}
.box_4 .tab ul{margin:0;padding:0; list-style:none;}
.box_4 .tab li{float:left;width: 33.333%;}
.box_4 .tab li a{height:2.5rem;line-height: 2.5rem;color: #4398ed;text-align: center;display:block;border: 1px #4398ed solid;}
.box_4 .tab li:first-child>a{border-radius: 4px 0 0 4px;}
.box_4 .tab li:last-child>a{border-radius:0 4px 4px 0;}
.box_4 .tab #zzjs2 a{border-left:0!important;border-right:0!important;}
.box_4 .tab li.on_zzjs {width: 33%;line-height: 2.5rem;background: #4398ed;}
.box_4 .tab li.on_zzjs a{color:#ffffff; }
/* 首页顶部公告 */
.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}
/* 排行榜列表页tab切换 */
.box_1 .tab{height:2.5rem;font-size:1rem;background: #fff;margin: 0 0 1.5rem;border-radius: 0.5rem;}
.box_1 .tab ul{margin:0;padding:0; list-style:none;}
.box_1 .tab li{float:left;width: 33.333%;}
.box_1 .tab li a{height:2.5rem;line-height: 2.5rem;color: #4398ed;text-align: center;display:block;border: 1px #4398ed solid;}
.box_1 .tab li:first-child>a{border-radius: 4px 0 0 4px;}
.box_1 .tab li:last-child>a{border-radius:0 4px 4px 0;}
.box_1 .tab #zzjs2 a{border-left:0!important;border-right:0!important;}
.box_1 .tab li.on_zzjs {width: 33%;line-height: 2.5rem;background: #4398ed;}
.box_1 .tab li.on_zzjs a{color:#ffffff; }

/* 列表一行展示四个 */
.box_4{padding:1.2rem 1rem 0; overflow:hidden;border-bottom:1rem #f6f7f9 solid;}
.box_4 .box{margin-bottom:1rem;}
.box_4 .box h4{border-left:0.2rem #4398ed solid;line-height:1.5rem;height:1.2rem;padding-left:0.5rem; font-size:1.2rem; color: #33373d;}
.box_4 .box a{ line-height:1.5rem;font-size:1rem}
.box_4 .box span{ line-height:1.5rem;font-size:1rem}

.box_4 .list_4{}
.box_4 .list_4 li {float:left;text-align:left;width:23.5%;padding-bottom:1rem; overflow:hidden;}
.box_4 .list_4 li:nth-child(4n+2) {margin-left:2%;}
.box_4 .list_4 li:nth-child(4n+3) {margin: 0 2%;}
.box_4 .list_4 li a{display:block;overflow:hidden;}
.box_4 .list_4 li a h5{overflow:hidden; line-height:1.3rem;height: 2.6rem;padding-top: 0.4rem; color:#333;font-size:1rem;max-height:2.6rem;}
.box_4 .list_4 li a p{white-space:nowrap;display:block;overflow:hidden;line-height:1.8rem;font-size:0.9rem;color:#969ba3;}
.box_4 .list_4 li a img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.box_4 .list_4 li a:hover{color:#fff;}
.box_4 .more{font-size:1.2rem;display:block;background:#4398ed;text-align: center;color: #fff;line-height: 2.5rem;height: 2.3rem;border-radius: 0.3rem;margin-bottom: 1.2rem;clear:both;}
.box_4 .list_4 li span{position:relative;display:block;}
.box_4 .list_4 li span:before {content: '';position: relative;display: block;width: 100%;padding-bottom: 130%;}

/* 列表一行一个 */
.box_1{padding:1.2rem 1rem 0;overflow:hidden;border-bottom: 1rem #f6f7f9 solid;}
.box_1 .box{margin-bottom:1rem;}
.box_1 .box h4{border-left:0.2rem #4398ed solid;line-height:1.5rem;height:1.2rem;padding-left:0.5rem; font-size:1.2rem; color: #33373d;}
.box_1 .box a{ line-height:1.5rem;font-size:1rem}

.box_1 .list_1 .book-li{padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px #dfdfdf solid;}
.box_1 .list_1 .book-li:last-child{border-bottom:none;margin-bottom:0.6rem;}
.box_1 .list_1 .book-layout {position: relative;display: block;overflow: hidden;-webkit-transition: padding-left .15s;transition: padding-left .15s;}
.box_1 .list_1 .book-cover {float: left;width: 26%;margin-right: .8rem;}
.box_1 .list_1 .book-cell {overflow: hidden;}
.box_1 .list_1 .book-title {line-height: 1.4;overflow: hidden;font-size: 1.2rem;white-space: nowrap;text-overflow: ellipsis;}
.box_1 .list_1 .book-ol-normal .book-desc, .book-ol-time .book-desc {line-height: 1.1875rem;display: -webkit-box;height: 2.25rem;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.box_1 .list_1 .book-meta {overflow: hidden;}
.box_1 .list_1 .book-meta-l {float: left;}
.box_1 .list_1 .book-meta-r {position: relative;float: right;}
.box_1 .list_1 .book-author {font-size: 1rem;display: block;overflow: hidden;line-height: 1.8rem;white-space: nowrap;text-overflow: ellipsis;color: #969ba3;}
.box_1 .list_1 .book-meta-r .tag-small-group {white-space: nowrap;}
.box_1 .list_1 .tag-small,.box_4 .list_1 .tag-solid {font-size: 0.8rem;line-height:2;display: inline-block;font-style: normal;margin: 0 .15em;padding: 0 .5em;-webkit-transform: scale(1);transform: scale(1);vertical-align: bottom;}
.box_1 .list_1 .yellow {color: #ffa100;border: 1px #ffa100 solid;border-radius: 0.3rem;}
.box_1 .list_1 .red {color: #ff3955;border: 1px #ff3955 solid;border-radius: 0.3rem;}
.box_1 .list_1 .blue {color: #4284ee;border: 1px #4284ee solid;border-radius: 0.3rem;}
.box_1 .list_1 .book-desc {font-size: 1rem;line-height: 1.5rem;overflow: hidden;height: 4.5rem;margin: 0.3rem 0 0.4rem;color: #969ba3;}

/* 子分类页排序 */
.paixu{padding:1rem 0 0.5rem}
.paixu a{width:33.3%;line-height:3rem;text-align:center;font-size:1.3rem;display:inline-block;float:left;}
.paixu .hui{border-bottom:2px #c0c0c0 solid;color:#aaaaaa;}
.paixu .lan{border-bottom:2px #4398ed solid;color:#4398ed;}

/* 排行榜排序 */
.paihang{height:2.5rem;font-size:1rem;border-radius: 0.5rem;padding:1rem 1rem 0.5rem}
.paihang ul{margin:0;padding:0; list-style:none;}
.paihang li{float:left;width: 33.333%;}
.paihang li a{height:2.5rem;line-height: 2.5rem;color: #4398ed;text-align: center;display:block;border: 1px #4398ed solid;}
.paihang li:first-child>a{border-radius: 4px 0 0 4px;}
.paihang li:last-child>a{border-radius:0 4px 4px 0;}
.paihang #center a{border-left:0!important;border-right:0!important;}
.paihang li.lan {width: 33%;line-height: 2.5rem;background: #4398ed;}
.paihang li.lan a{color:#ffffff; }

/* 会员注册 */
.login{padding:0.8rem 1rem;background:#fff; position:relative;}
.login .login_input{font-size:1.2rem;margin-bottom:1rem;width: 74%;height:3rem;border-radius:0.2rem;padding: 0 13%;color: #969ba3;border: 0 none;background:#f6f7f9;}
.login .icon-ren{font-size: 1.6rem;position: absolute;top: 1.1rem;padding:0 0.6rem;color: #a4a4a4;left: 1.5rem;background:#f6f7f9;}
.login .icon-mima{font-size: 1.6rem;position: absolute;top: 5.1rem;padding:0 0.6rem;color: #a4a4a4;left: 1.5rem;background:#f6f7f9;}
.submit .submit_lan{font-size:1.2rem;border:none;width:48%;display:block;float:left;background:#4398ed;text-align: center;color: #fff;line-height:3rem;height: 2.8rem;border-radius: 0.3rem;}
.submit .submit_hui{font-size:1.2rem;border:none;width:48%;display:block;float:right;background:#a8a8a8;text-align: center;color: #fff;line-height:3rem;height: 2.8rem;border-radius: 0.3rem;}

/* 个人中心 */
.member_top{background:url(/ai/scripts/user_bg.jpg) no-repeat top center;background-size:100% 100%;height: 12rem;padding-top: 2rem;text-align: center;}
.member_top img{width: 5rem;border-radius:100%;}
.member_top p{color: #fff;font-size:1.2rem;line-height:2.6rem;}

.member{border-top:1rem #f6f7f9 solid;}
.member .box{margin:0;padding:0; list-style:none;}
.member .box li{padding: 0 1rem;}
.member .box li a{height: 3.5rem;font-size:1.2rem;line-height: 3.7rem;background:url(/ai/scripts/icon.png) no-repeat top center;background-size:90px 813px;color: #666;text-align: left;position: relative;padding-left:3.2rem;display:block;border-bottom: 1px #dfdfdf solid;}
.member .box li p{height: 3.5rem;font-size:1.2rem;line-height: 3.7rem;background:url(/ai/scripts/icon.png) no-repeat top center;background-size:90px 813px;color: #666;text-align: left;position: relative;padding-left:3.2rem;display:block;border-bottom: 1px #dfdfdf solid;}

.member .box li .icon-jinru{font-size: 1.2rem;padding:0 0.6rem;color: #a4a4a4;right: 0;top: 0;position: absolute;}
.member .box li span{right:0.5rem;top: 0;position: absolute;font-size: 1rem;color:#969ba3;}
.member .box li:last-child a{border:none;}
.member .exit{font-size:1.2rem;border-bottom:1rem #f6f7f9 solid;border-top:1rem #f6f7f9 solid;height:3rem;line-height:3.2rem;color: #4398ed;text-align: center;display:block;}
.member .box li .img_zh{background-position:10px -751px;}
.member .box li .img_dj{background-position:10px -644px;}
.member .box li .img_sj{background-position:10px -697px;}

/* 我的书架 */
.shujia{padding:1.2rem 1rem;overflow:hidden;border-bottom: 1rem #f6f7f9 solid;}
.shujia .box{margin-bottom:1rem;}
.shujia .box h4{border-left:0.2rem #4398ed solid;line-height:1.5rem;height:1.2rem;padding-left:0.5rem; font-size:1.2rem; color: #33373d;}
.shujia .box a{ line-height:1.5rem;font-size:1rem}

.shujia .list_1 .book-li{padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px #dfdfdf solid;}
.shujia .list_1 .book-li:last-child{border-bottom:none;margin-bottom:0.6rem;}
.shujia .list_1 .book-layout {width:90%;float:left;display: block;overflow: hidden;-webkit-transition: padding-left .15s;transition: padding-left .15s;}
.shujia .list_1 .book-cover {float: left;width: 6rem;height: 7.8rem;margin-right: .8rem;}
.shujia .list_1 .book-cell {overflow: hidden;padding-right: 1rem;text-overflow: ellipsis;}
.shujia .list_1 .book-title {line-height: 1.4;overflow: hidden;font-size: 1.2rem;white-space: nowrap;text-overflow: ellipsis;}
.shujia .list_1 .book-ol-normal .book-desc, .book-ol-time .book-desc {line-height: 1.1875rem;display: -webkit-box;height: 2.25rem;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.shujia .list_1 .book-meta {overflow: hidden;padding: 0.5rem 0;}
.shujia .list_1 .book-meta-l {float: left;}
.shujia .list_1 .book-meta-r {position: relative;float: right;}
.shujia .list_1 .book-author {font-size: 1rem;display: block;overflow: hidden;line-height: 1.8rem;white-space: nowrap;text-overflow: ellipsis;color: #969ba3;}
.shujia .list_1 .book-desc {font-size: 1rem;line-height: 1.5rem;overflow: hidden;/* white-space: nowrap; */text-overflow: ellipsis;color: #969ba3;}
.shujia .list_1 .delete{float:right;width:10%;color: #7d7d7d;border-radius:0.2rem;height: 7.8rem;text-align: center;font-size: 1.2rem;line-height: 7.8rem;display: block;background: #d8d8d8;}


/* 目录 */
.mulu_title{margin-top:1rem;border-bottom:1px #4398ed solid;line-height:3rem;text-align:center;font-size:1.3rem;color:#4398ed;}

.mulu{overflow:hidden;border-bottom: 1rem #f6f7f9 solid;}
.mulu .box{font-size: 1rem;line-height: 3rem;padding: 0.6rem 1rem;border-bottom: 0.6rem #f6f7f9 solid;}
.mulu .box p{line-height: 2.6rem;}
.mulu .box p a{line-height: 2rem;color: #4398ed;font-size: 1rem;}

.mulu .mulu_list{}
.mulu .mulu_list li a{height:3.2rem;font-size: 1rem;line-height: 3.2rem;color: #666;text-align: left;padding: 0rem 1rem;display:block;border-bottom: 1px #dfdfdf dashed;}
.mulu .mulu_list li:last-child a{border-bottom:none;}

.mulu .mulu_page{padding:1rem 1rem;display: -webkit-flex;display: flex;}
.mulu .mulu_page a{display: block;text-align: center;border: 1px solid #ebebeb;background-color: #fff;height: 3rem;line-height: 3rem;border-radius: .2rem;color: #666;width: 20%;}
.mulu .mulu_page .prev{}
.mulu .mulu_page .next{}
.mulu .mulu_page .select-widget {-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;min-width: 0;display: block;border: 1px solid #ebebeb;background-color: #fff;height: 3rem;line-height: 3.1667rem;border-radius: .2083rem;color: #666;margin: 0 0.6rem;font-size: 1.3333rem;position: relative;}
.mulu .mulu_page .sel_opac{-moz-appearance: none;-webkit-appearance: none;appearance: none;border: none;padding: 0 2.5rem 0 .8333rem;height: 3rem;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 1.3333rem;background: #fff;color: #666;width: 100%;}

.mulu .mulu_page .select-widget:after {content: '';display: block;width: .75rem;height: .75rem;overflow: hidden;border-right: .125rem solid #666;border-bottom: .125rem solid #666;position: absolute;right: 1.25rem;top: 43%;pointer-events: none;-moz-transform: rotate(45deg) translate(0, -50%);-webkit-transform: rotate(45deg) translate(0, -50%);transform: rotate(45deg) translate(0, -50%);}

/* 通用头部 */
.header {position:relative;height:3.2rem;background:#4398ed;color#fff;}
.header a{color:#fff;}
.header .a-fanhui {position:absolute;top:0;left:0;padding:0.65rem 1rem;z-index:999;}
.header .a-search {padding:0.4rem 0.6rem 0.3rem;}
.header .h2_left{color:#fff;position: absolute;top:0;line-height: 3.38rem;font-size: 1.2rem;left: 3.3rem;white-space: nowrap;}
.header .h2_center{color:#fff;position: absolute;top:0;line-height: 3.38rem;font-size: 1.2rem;left:0;white-space: nowrap;text-align: center;width: 100%;}
.header .btn-group-small {margin-top:-3px;border-radius:1.75rem;background-color:#d31137}
.header .btn-group-small .btn-group-cell .btn-tab {line-height:1.75rem;color:#fff;border-width:0;border-radius:1.75rem}
.header .btn-group-small .btn-group-cell .btn-tab.active {color:#f01742;background-color:#fff}
.header-operate {position: absolute;top: 0;right: 0;padding:0.3rem;z-index:999;}

a.icon-more:empty {position:relative;width:2.6rem;height:2.6rem}
a.icon-more:empty::after,a.icon-more:empty::before {position:absolute;top:1.3rem;left:50%;width:1.2rem;margin-top:-1px;margin-left:-.5625rem;content:'';-webkit-transition:all .15s;transition:transform .15s;border-top:2px solid}
a.icon-more:empty::before {height:4px;-webkit-transform-origin:top center;transform-origin:top center;border-bottom:2px solid}
a.icon-more:empty::after {-webkit-transform:translateY(-5px);transform:translateY(-5px)}
a.icon-more.active::before {height:0;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);border-bottom:0}
a.icon-more.active::after {-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
.header-operate-a,.header-operate>.icon {float:left;overflow:hidden;}
.header-operate-a {font-size:.875rem;line-height:2.25rem;padding:0 .25rem;text-align:center}
.guide {position:fixed;z-index:3;top:3.5rem;right:0;bottom:0;left:0;visibility:hidden;overflow:hidden;transition:visibility .25s;-wekit-transition:visibility .25s}
.active.guide {visibility:visible;transition:none;-wekit-transition:none}
.guide-content {position:relative;overflow:hidden;-webkit-transition:-webkit-transform .15s;transition:transform .15s;-webkit-transform:translateY(-100%);transform:translateY(-100%);background-color:#fff}
.active>.guide-content {-webkit-transform:translateY(0);transform:translateY(0)}
.guide-nav {font-size:0;text-align:justify;margin:0 5%;}
.guide-nav::after {display:inline-block;width:100%;height:0;content:'';vertical-align:top}
.guide-nav-a {margin:2rem 2rem 0;font-size:1rem;position:relative;display:inline-block;width:4rem;text-align:center;}
.guide-nav-a p{line-height:2rem;}
.guide-nav-a i{background:url(/ai/scripts/icon.png) no-repeat top center; display:block;}
.guide-nav-a .nav_ico1{background-position:0 0; width:4rem; height:4rem;background-size:4rem;}
.guide-nav-a .nav_ico2{background-position:0 -56px; width:4rem; height:4rem;background-size:4rem;}
.guide-nav-a .nav_ico3{background-position:0 -112px; width:4rem; height:4rem;background-size:4rem;}
.guide-nav-a .nav_ico4{background-position:0 -168px; width:4rem; height:4rem;background-size:4rem;}
.guide-nav-a .nav_ico5{background-position:0 -224px; width:4rem; height:4rem;background-size:4rem;}
.guide-nav-a .nav_ico6{background-position:0 -280px; width:4rem; height:4rem;background-size:4rem;}
.guide-nav-a .nav_ico7{background-position:0 -336px; width:4rem; height:4rem;background-size:4rem;}

.guide-nav-a>.icon {position:absolute;right:0;bottom:1.625rem;left:0;margin:auto}
.guide-footer {margin-top:1rem;margin-bottom:2rem;text-align:center}
.guide-footer a{font-size: 1rem;width:80%;line-height:2.8rem;display: inline-block;text-align: center;color: #fff;border-radius:99px;background-color: #4398ed;}
/* 搜索弹出层 */
.search-popup {position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;background-color:#fff}
.search-popup .header_s {position:relative;height:3.2rem;background:#fff;}
.search-area {position: absolute;top: 0;right: 3.75rem;bottom: 0;left: 1rem;height: 2rem;margin: auto;border-radius: .25rem;background-color: #f6f7f9;}

.search-area .icon-search {position:absolute;top:0;bottom:0;left:.5rem;margin:auto;color:#fff}
.search-cancel {font-size:.875rem;line-height:2rem;position:absolute;top:0;right:.25rem;bottom:0;width:3.25rem;height:2rem;margin:auto;text-align:center;color:#fff}
.search-input {font-size: 1rem;width: 100%;height: inherit;padding: 0 1rem 0 2.5rem;color: #969ba3;border: 0 none;background: 0 0;}
.search-input::-webkit-search-cancel-button {-webkit-appearance:none}
.search-input::-webkit-input-placeholder {color:#fff}
.search-reset {position:absolute;top:0;right:0;width:2rem;height:inherit;padding:0;-webkit-animation:fadein .15s;animation:fadein .15s;border:0 none;background:0 0}
.search-reset .icon-clear {display:inline-block;width:.875rem;height:.875rem;vertical-align:-.125rem;color:#f01742;border-radius:1rem;background-color:#fff}
.search-reset .icon-clear>svg {display:block;width:.375rem;height:.375rem;margin:.25rem auto 0}
.search-popular {overflow:hidden;height:0}
.search-title-bar {line-height:1.8125rem;overflow:hidden;padding:0.6rem 1rem;background-color:rgba(0,0,0,.03)}
.search-operate {font-size:13px;float:right}
.search-operate-a {display:inline-block;margin:0 -.5rem;padding:0 .5rem}
.search-operate-a>.icon {margin-right:.1875rem}
.search-tags {padding:.25rem .5rem .75rem 1rem}
.search-tags a{font-size: 1rem;color: #969ba3;line-height: 1.7rem;display: inline-block;margin:0.7rem 0.5rem 0 0;padding: 0 0.6rem;text-align: center;border: 1px #969ba3 solid;border-radius: 0.5rem;}
/*搜素关键词yanse*/
.header_tags a {display: block;float: right;line-height: 20px;height:20px;margin: 2px 3px;padding: 2px 6px;white-space: nowrap;}
.header_tags .tg_1 {background: none repeat scroll 0 0 #8CE5FB;color: #FFFFFF;}
.header_tags .tg_1:hover {background: none repeat scroll 0 0 #44B4FF;color: #FFFFFF;}
.header_tags .tg_2 {background: none repeat scroll 0 0 #CCDADD;color: #FFFFFF;}
.header_tags .tg_2:hover {background: none repeat scroll 0 0 #73AEA2;color: #FFFFFF;}
.header_tags .tg_3 {background: none repeat scroll 0 0 #FA6BC1;color: #FFFFFF;}
.header_tags .tg_3:hover {background: none repeat scroll 0 0 #F82ACE;color: #FFFFFF;}
.header_tags .tg_4 {background: none repeat scroll 0 0 #55BBFF;color: #FFFFFF;}
.header_tags .tg_4:hover {background: none repeat scroll 0 0 #0066FF;color: #FFFFFF;}
.header_tags .tg_5 {background: none repeat scroll 0 0 #FC9DC3;color: #FFFFFF;}
.header_tags .tg_5:hover {background: none repeat scroll 0 0 #F94B90;color: #FFFFFF;}
.header_tags .tg_6 {background: none repeat scroll 0 0 #FFC266;color: #FFFFFF;}
.header_tags .tg_6:hover {background: none repeat scroll 0 0 #FFDA44;color: #FFFFFF;}
.header_tags .tg_7 {background: none repeat scroll 0 0 #6685FF;color: #FFFFFF;}
.header_tags .tg_7:hover {background: none repeat scroll 0 0 #5B5BFA;color: #FFFFFF;}
.header_tags .tg_8 {background: none repeat scroll 0 0 #E4A392;color: #FFFFFF;}
.header_tags .tg_8:hover {background: none repeat scroll 0 0 #C49B5D;color: #FFFFFF;}
.header_tags .tg_9 {background: none repeat scroll 0 0 #FCCFFC;color: #FFFFFF;}
.header_tags .tg_9:hover {background: none repeat scroll 0 0 #FA6BFA;color: #FFFFFF;}
.header_tags .tg_10 {background: none repeat scroll 0 0 #C7C0C5;color: #FFFFFF;}
.header_tags .tg_10:hover {background: none repeat scroll 0 0 #6F6F6F;color: #FFFFFF;}
.header_tags .tg_11 {background: none repeat scroll 0 0 #4EE46D;color: #FFFFFF;}
.header_tags .tg_11:hover {background: none repeat scroll 0 0 #499317;color: #FFFFFF;}
.header_tags .tg_12 { background: none repeat scroll 0 0 #A69EC7;color: #FFFFFF;}
.search-tags .btn-line-gray,.search-tags .btn-line-gray~i:empty,.search-tags .moduleTab .btn-line-gray~i:empty {margin:.5rem .5rem 0 0}
.active>.aside-overlay,.active>.guide-overlay {opacity:.6}
.aside-overlay,.guide-overlay {-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0;background-color:#000
}.aside,.aside-overlay,.footer-backtop-circle svg,.full,.guide-overlay {position:absolute;top:0;right:0;bottom:0;left:0}

/*-----------------------------------------内页-----------------------------------------*/
/* 详细介绍 */
#book-cont{padding:1.2rem 1rem;position:relative;overflow:hidden;}
#book-cont .l{padding-right:3%;width:25%;}
#book-cont .l img{width:100%;}
#book-cont .r{float:left;width:72%;}
#book-cont .r h1{color:#33373d;font-size:1.3rem;line-height:1.5rem;font-weight:bold;}
#book-cont .r h3{color:#33373d;font-size:1.1rem;line-height:2rem;}
#book-cont .r p{color:#33373d;font-size:1rem;line-height:1.5rem;}
#book-cont .book-cover-blur {position: absolute;top: -13.2rem;top: calc(50% - 87.5vw);left:0;width: 100%;height: 175vw;opacity: .02;opacity: calc(.1 + .05);-webkit-filter: blur(calc(17px + 1px));filter: blur(calc(17px + 1px));}
/* 开始阅读 */
#book-read{clear:both;padding-top:1rem;position:relative;}
#book-read ul{}
#book-read li{float:left;width:30%;}
#book-read li a{display:block;width:100%;background:#fff;line-height:2.3rem;color:#313131;text-align:center;border:1px #e3e4e6 solid; border-radius:3px;font-size:1rem}
#book-read li a:hover{background:#f1f1f1;border:1px #e3e4e6 solid; border-radius:3px;}
#book-read li a.hover{background:#4398ed;color:#fff;border:1px #4398ed solid; border-radius:3px;}
#book-read li:nth-child(3n+2) {margin: 0 4.8%;}

/* 简介 */
.book-summary {font-size:1rem;line-height:1.7rem;position:relative;overflow:hidden;max-height:5.92rem;margin-left:1rem;padding-right:1rem;text-align:justify;border-top:1rem solid transparent;border-bottom:1rem solid transparent;box-shadow:0 1px #f0f1f2,0 -1px #f0f1f2}
.book-summary.enabled {height:6.3rem;max-height:none}
.book-summary content {display:block}
.book-summary-more {position:absolute;right:1rem;bottom:0;visibility:hidden;width:2.5rem;height:1.5rem;text-align:right;background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff 1rem);background:linear-gradient(to right,rgba(255,255,255,0),#fff 1rem)
}
.book-summary-more>.icon-arrow-r {float:right;margin-top:.5em;-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#969ba3}
[open]>.book-summary-more {opacity:0}
[open]>.book-summary-more>.icon-arrow-r {-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.enabled>.book-summary-more {visibility:visible}

/* 目录 */
#book-mu{border-bottom:0.6rem #f6f7f9 solid;border-top:1px #f0f1f2 solid;padding:0.5rem 1rem;}
#book-mu a{/* display:block; */font-style:normal;color: #666;border-bottom: 1px #dfdfdf dashed;}
#book-mu .l{float:none;display:block;line-height: 2.5rem;color: #666;}
#book-mu .l a{color:#4398ed;}
#book-mu .r{float:none;display:block;line-height:2.5rem;}
#book-mu a .r em{color:#ed7f26;font-style:normal;}

/* 评论 */
#pinglun{padding:1.2rem 1rem;border-bottom:0.6rem #f6f7f9 solid;}
/* 评论 */
#shouye{padding:1.1rem 0rem;border-bottom:0.6rem #f6f7f9 solid;}
/*-----------------------------------------内页-----------------------------------------*/

/* 页脚 */
#footer{padding:0.5rem 1rem 2rem; text-align:center;line-height:1.5rem;}
#footer p{border-bottom:1px #666 dashed;line-height: 3rem;font-size:1.2rem;margin-bottom:1rem}
#footer p a{color:#4398ed;margin-left:1rem;font-size:1.2rem;line-height: 3rem;}
/* 页脚2 */
#footerr{padding:0.5rem 1rem 8rem; text-align:center;line-height:1.5rem;}
#footerr p{border-bottom:1px #666 dashed;line-height: 3rem;font-size:1.2rem;margin-bottom:1rem}
#footerr p a{color:#4398ed;margin-left:1rem;font-size:1.2rem;line-height: 3rem;}


/* 固定横幅广告 */
.x_ad{width:100%;overflow:hidden;}
.x_ad6{width:100%;overflow:hidden;}
.x_ad7{width:100%;overflow:hidden;}
.x_ad8{width:100%;overflow:hidden;height:8rem;}
.x_ad9{width:100%;overflow:hidden;height:8rem;}
.x_A{width:100%;height:6rem;overflow:hidden;}
.x_B{width:100%;height:6rem;overflow:hidden;}
.x_C{width:100%;height:6rem;overflow:hidden;}
.x_D{width:100%;height:6rem;overflow:hidden;}
.x_ad img{max-width:100%;width:100%;height:6rem;}

/* 页脚漂浮广告 */
#ad{position: fixed;z-index:99999;left:0;bottom:0;width:100%;overflow:hidden;}
#ad img{max-width:100%;width:100%;height:6rem;}

/* 漂浮最新阅读记录 */
.book-title-r:first-child {margin-top: 1.5rem;}
.aside .scrollable {overflow:hidden;}
.home-recent-read {position:fixed;z-index:2;right:0;bottom:40%;visibility:hidden;padding:1rem;-webkit-tap-highlight-color:transparent}
.home-recent-read[href]:active {background-image:none}
.btn-primary-circle {font-size:0.9rem;line-height: 1.3;display:inline-block;box-sizing:border-box;width: 3.5rem;height: 3.5rem;padding: 0.8rem;text-align:center;color:#fff;border-radius: 100px;background-color:#65c541;}
.null {font-size: 1.6rem;position:absolute;top:0;right:0;bottom:0;left:0;max-width:50%;height: 6rem;margin:auto;text-align:center;color:#969ba3;}
.null::before {display:block;width: 3rem;height: 5rem;margin: 0 auto .2rem;content:'';background:url(/ai/scripts/book.png) no-repeat center;background-size: 100%;}

.aside,.aside-overlay,.footer-backtop-circle svg,.full,.guide-overlay {position:absolute;top:0;right:0;bottom:0;left:0}
.module-header {height:1.75rem;padding:0 1rem;border-top:1rem solid transparent}
.module-header::after {display:table;clear:both;content:''}
.module-header-l {float:left}
.module-header-r {position:relative;float:right;min-width:4rem}
.module-title {font-weight: bold;font-size: 1.2rem;display:inline;color:#33373d;}
.module-title::before {display:inline-block;box-sizing:border-box;width:.625rem;height:1em;content:'';vertical-align:-.22ex;color:transparent;border-left:2px solid #65c541}
.module-title-desc {font-size:.8125rem;margin-left:.5rem;color:#969ba3}
.module-header-btn {font-size:.875rem;line-height:1.5rem;position:absolute;top:-.5rem;right:-.75rem;padding:.5rem .5rem .5rem .75rem;white-space:nowrap;color:#969ba3}
.module-header-btn .icon-arrow-r {margin-left:.25rem}
.module-header-btn .icon-refresh {margin-right:.25rem}
.loading .icon-refresh {-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}
.module-filter-header {position:relative;z-index:1;right:0;left:0;padding:.6875rem 1rem}
.module-filter-header[style*=fixed] {border-bottom:1px solid #f0f1f2;background-color:#fff}
.module-filter-icon {position:absolute;top:.4rem;right:.75rem;padding:0 .25rem .0625rem;color:#65c541}
.module-filter-icon>svg {font-size:20px;display:block;margin:auto}
.module-filter-icon>h3 {font:400 12px/1 a;transform:scale(.8333);transform-origin:center top}
.module-time-range {font:bold .75rem/1.5rem a;line-height:40px;position:relative;padding:.75rem 1rem 0;text-align:center;color:#969ba3}
.module-tab {margin:.4375rem 1rem}
.module-tab~.module-tab::before {position:relative;top:-.4375rem;display:block;padding-top:.6875rem;content:'';border-top:1px solid #f0f1f2}
.module-bar {font-size:.8125rem;line-height:2.75rem;text-align:center;color:#969ba3;background-color:#f6f7f9}
.module-ad {position:relative;display:block;overflow:hidden;margin:.75rem 0;padding:7.575757% 50%}
.module-ad::after {font-size:12px;line-height:1;position:absolute;right:0;bottom:-1px;padding:1px;content:'广告';-webkit-transform:translateY(-3px) scale(.75);transform:translateY(-3px) scale(.75);opacity:.6;color:#fff;border:1px solid;background-color:rgba(0,0,0,.3)}
.module-ad>img:only-child {position:absolute;top:0;left:0;width:100%;height:100%}
.module-loading {overflow:hidden;height:200px}
.module-loading>.gray:only-child {font-size:12px;line-height:200px;display:block;text-align:center}
.book-layout mark {color:#65c541;background-color:transparent}
.book-layout>.icon-arrow-r {position:absolute;top:0;right:1rem;bottom:0;margin:auto;color:#969ba3}
.book-layout-wrap {overflow:hidden;padding:.75rem;border-radius:.25rem;background-color:#f6f7f9}
.book-layout-wrap .book-author {max-width:8.5em;max-width:calc(100vw - 3.5rem - (176rem / 16))}
.book-layout-corner {position:absolute;right:0;bottom:0;width:1.5rem;height:1.5rem;background:-webkit-linear-gradient(135deg,transparent,transparent 50%,#f6f7f9 50%,#f6f7f9);background:linear-gradient(135deg,transparent,transparent 50%,#f6f7f9 50%,#f6f7f9)}
.book-layout-corner>svg {font-size:.75rem;position:absolute;right:0;bottom:.125rem;color:#969ba3}
.book-layout-wrap .book-cover {width:2.625rem;height:3.5rem}
.book-layout-wrap .book-title {font-size:.875rem}
.book-layout-wrap .book-desc {margin:.125rem 0}
.book-li>.radio {left:.5rem;margin-top:2.25rem}
.enabled>li>.book-layout {padding-left:3rem}
.enabled span>li>.book-layout {padding-left:3rem}
.book-ol-author .book-li::after {margin-left:4.75rem}
.enabled>.book-li::after {margin-left:3rem}
.book-li:last-child::after {display:none}
.book-title-x {overflow:hidden}
.book-ol+.book-title-x {padding:.625rem 1rem}
.book-title>.tag-solid {margin-left:.25rem}
.book-title>.tag-small-group {position:absolute;margin-left:.25rem;-webkit-transform-origin:left center;transform-origin:left center}
.book-cover>img {width:1.3125rem;height:1.875rem;margin:.25rem 0 0 .25rem;-webkit-transition:opacity .15s;transition:opacity .15s}
.book-cover:not(img) {background-color:#f6f7f9}
.enabled .book-cover>img {opacity:.5}

.book-ol-normal .book-desc,.book-ol-time .book-desc {line-height:1.1875rem;display:-webkit-box;height:2.25rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.book-ol-author .book-desc {white-space:nowrap;text-overflow:ellipsis}
.book-ol-author .book-desc:last-child {margin-right:1.5rem}
.book-meta .icon-human {margin-right:.1875rem}
.book-meta-l:only-child {float:none}
.book-meta-r:first-child {margin-left:.5rem}
.book-author .icon-human {font-size:.75rem;margin-right:.1875rem;vertical-align:-.15ex}
.book-author-vv {position:relative;float:left;width:3rem;height:3rem;margin-right:.75rem}
.book-author-avatar {display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 0 1px rgba(0,0,0,.1)}
.book-author-data {font-size:.875rem;position:relative;bottom:-.25rem;color:#65c541}
.book-author-vv .tag-honor,.rel>.tag-honor {position:absolute;bottom:0;left:50%;margin-left:-1.25rem}
.book-quote {font-size:.875rem;margin-top:.875rem;text-indent:1.6em}
.book-quote .icon-quot {font-size:1rem;position:absolute;margin-top:.125rem;color:#d8dde6}
.book-quote>p:empty::before {content:'暂无内容';color:#969ba3}
.book-ol-rank {padding-left:3.125rem;counter-reset:bookrank}
.book-ol-rank .null-x {margin-left:-3.125rem}
.book-ol-rank .book-li {position:relative}
.book-ol-rank .book-li::before {font:bold 1em/1.5em 'DIN Alternate';position:absolute;top:0;bottom:0;left:-2.125rem;height:1.5em;margin:auto;content:counter(bookrank) '.';counter-increment:bookrank}
.book-ol-rank .book-li::after {margin-left:0}
.book-ol-rank .book-layout {margin-left:-3.125rem;padding-left:3.125rem}
.book-title-r {font-size: 1rem;line-height: 2rem;float:right;margin-left:.5rem;color:#969ba3;}
.book-title-r .icon-arrow-r {position:relative;right:-.125rem}
.book-ol-rank .book-desc {white-space:nowrap;text-overflow:ellipsis}
.book-tags {font-size:.8125rem;margin:.125rem 0;color:#969ba3}
.book-tags>dot::before {content:'·'}
.book-tags+.book-desc {margin:.125rem 0 .3125rem}
.book-toplist {position:absolute;top:0;bottom:0;left:0;width:7.5rem}
.book-toplist-cover {display:block;width:100%;height:100%;object-fit:cover}
.book-toplist+.book-ol {overflow:hidden;margin-left:7.5rem;padding-left:2.125rem}

#aside .book-li .book-layout {position:relative;display:block;overflow:hidden;padding:1rem;-webkit-transition:padding-left .15s;transition:padding-left .15s}

.book-toplist+.book-ol .book-layout {font-size:.875rem;line-height:1.5rem;display:-webkit-box;display:-webkit-flex;display:flex;margin-left:-2.125rem;padding:.375rem 1rem .375rem 2.375rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.book-toplist+.book-ol .book-li {box-shadow:0 1px #f0f1f2}
.book-toplist+.book-ol .book-li:last-child {box-shadow:none}
.book-toplist+.book-ol .book-title {line-height:inherit}
.book-toplist+.book-ol .book-author {overflow:visible;margin-left:5px}
.book-toplist+.book-ol .book-author svg {font-size:.75rem}
.book-toplist+.book-ol .book-li::before {left:-1.125rem}
.book-toplist+.book-ol .book-li::after {display:none}
.book-toplist-title {font:normal 1.75rem/1.375rem KUHEI;position:absolute;right:0;bottom:6rem;left:0;-webkit-transform:scaleY(1.2);transform:scaleY(1.2);text-align:center;color:#fff}
.book-progress {font-size:.875rem;float:left;overflow:hidden;width:7.75rem;width:calc(100% - (92rem / 16));white-space:nowrap;text-overflow:ellipsis}
.book-ol-progress .book-layout>.corner {margin-left:-moz-calc(-4.125rem + 0rem)}
.book-ol-progress .book-meta {font-size: 1rem;color:#969ba3;}
.book-ol-progress .book-cover {width:3.375rem;height:4.5rem;margin-right:.75rem}
.book-ol-progress .book-cover+.book-cell .book-meta {margin:.25rem 0}
.book-li-more {font-size: 1rem;line-height: 4rem;display:block;text-align:center;color:#969ba3;}
.book-li-more[href] {color:#65c541}
.book-ol~.book-li-more::before {display:block;margin-top:-1px;margin-left:1rem;content:'';border-top:1px solid #f0f1f2}
.book-ol-time {position:relative}
.book-ol-time::before {position:absolute;top:1.5rem;bottom:1rem;left:.5rem;content:'';border-right:1px solid #f0f1f2}
.book-time {font-size:.75rem;line-height:1.5rem;position:relative;display:block;padding:.75rem 1rem 0;color:#969ba3}
.book-time::before {position:absolute;bottom:.7rem;left:6px;left:calc(.5rem - 2px);width:5px;height:5px;content:'';border-radius:15px;background-color:#65c541}
.book-time+.book-layout {padding-top:.375rem}
.book-ol-more {font-size:.8125rem;line-height:2.75rem;display:block;text-align:center;color:#c0c5cc;border-top:1px solid #f0f1f2}
.book-ol-more .icon-arrow-r {font-size:.75rem;margin-left:.25rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.book-ol-more.loading .icon-arrow-r {visibility:hidden}
.book-meta-comment {font-size:.8125rem;line-height:1.5rem;color:#969ba3}
.book-meta-comment .star-group {height:15px;margin-left:.25rem;-webkit-transform:scale(.76923);transform:scale(.76923);-webkit-transform-origin:left center;transform-origin:left center;vertical-align:-2px}
.book-meta-comment .book-meta-r {font-size:.75rem}
.book-meta-comment a.book-meta-r {position:absolute;right:.5rem;margin-top:-.25rem;padding:.25rem .5rem}
.book-meta-comment .book-meta-r>.icon {font-size:1rem;margin-left:.25rem}
.book-meta-comment::after {display:block;clear:both;content:''}
.book-comment-time {font-size:.75rem;display:block;clear:both;margin-top:-.125rem;-webkit-transform:scale(.83333);transform:scale(.83333);-webkit-transform-origin:left top;transform-origin:left top;color:#969ba3}
.book-ol-comment .book-author-vv {width:2.625rem;height:2.625rem}
.book-comment-p {font-size:.875rem;display:-webkit-box;overflow:hidden;max-height:2.5625rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.book-comment-p[rows] {position:relative;display:block}
.book-comment-p[rows='2'] {max-height:2.5625rem}
.book-comment-p[rows='3'] {max-height:3.875rem}
.book-comment-p[rows='4'] {max-height:5.1875rem}
.book-comment-p[open] {max-height:30em;-webkit-transition:max-height .25s;transition:max-height .25s}
.book-comment-more {position:absolute;right:0;bottom:0;display:none;width:2em;height:1.5em;background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff 1rem);background:linear-gradient(to right,rgba(255,255,255,0),#fff 1rem)}
.enabled>.book-comment-more {display:block}
.book-comment-more .icon-arrow-r {float:right;margin-top:.3em;-webkit-transition:-webkit-transform .15s;transition:transform .15s;-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#969ba3}
[open]>.book-comment-more .icon-arrow-r {-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.book-ol-comment .book-li::after {margin-left:4.375rem}
.book-ol-comment~.book-li-more::before {margin-left:0}
.module-slide-ol {position:relative;display:none;overflow-x:auto;overflow-y:hidden;min-height:10.75rem;padding-left:.5rem;white-space:nowrap}
.module-slide-ol::-webkit-scrollbar {display:none}
.module-slide-ol:not(.WX) {-webkit-overflow-scrolling:touch}
.module-slide-ol:only-child,.module-slide>.active {display:block}
.module-slide-li {display:inline-block;vertical-align:top;white-space:normal}
.module-slide-li:nth-of-type(10) .corner-rank>em {letter-spacing:-1px}
.module-slide-a {display:block;width:4.125rem;padding:.75rem .5rem .5rem}
.module-slide-img {display:block;width:inherit;height:5.5rem;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.module-slide-caption {font-size:.8125rem;line-height:1.125rem;overflow:hidden;max-height:2.125rem;margin:.5rem 0 .25rem}
.module-slide-author {font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#969ba3}
.module-merge {margin:0}
.module-merge .book-li:last-child::after {display:block}
.module-field {overflow:hidden;padding:.5rem}
.module-field-cell {float:left;box-sizing:border-box;width:50%;padding:.5rem}
.module-field-img {display:block;width:100%;height:calc(66rem / 16);object-fit:cover}
.module-field-img[data-src] {object-fit:contain}
.module-toplist {position:relative;overflow:hidden}
.module-filter-list .module-header,.module-history .module-header {text-align:center}
.module-filter-list .module-title::before,.module-history .module-title::before {display:none}
.module-footer {padding:1rem;text-align:center}
.module-footer-txt {font-size:.75rem;margin:.375rem 0 0;color:#969ba3}
.aside .module-footer {position:absolute;right:0;bottom:0;left:0}
.aside .module-footer .btn-primary:only-child {margin-bottom:.75rem;width: 50%;line-height: 2.6rem;color:#fff;}
.aside .module-header {position:absolute;top:0;right:0;left:0}
.aside .module-filter-list,.aside .module-history {position:absolute;top:0;right:0;bottom:0;left:0;margin:0}
.aside .module-main {position:absolute;top:2.75rem;right:0;bottom:5.75rem;left:0;overflow:auto;-webkit-overflow-scrolling:touch}
.aside {position:fixed;z-index:3;visibility:hidden;overflow:hidden;-webkit-transition:visibility .25s;transition:visibility .25s}
.aside.active {visibility:visible;-webkit-transition:none;transition:none}
.aside.active~.page {pointer-events:none}
.aside-overlay,.guide-overlay {-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0;background-color:#000}
.active>.aside-overlay,.active>.guide-overlay {opacity:.6}
.aside-content,.aside-popup {position:absolute;right:0;bottom:0;-webkit-transition:-webkit-transform .15s;transition:transform .15s;background-color:#fff}
.active>.aside-content,.active>.aside-popup {-webkit-transform:translate(0,0);transform:translate(0,0)}
.aside-content {top:0;left:2.5rem;-webkit-transform:translateX(100%);transform:translateX(100%)}
.aside-popup {position:absolute;left:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
.active.guide {visibility:visible;transition:none;-wekit-transition:none}
.active>.guide-content {-webkit-transform:translateY(0);transform:translateY(0)}
.module-filter-list .sort-li-detail {text-align:left}
.module-filter-list .btn-tag {font-family:'pingfang sc';margin-top:.5625rem}
.module-filter-list .btn-tag.active {color:#fff;background-color:#65c541}
.module-filter-list .btn-tag.active::after {display:inline-block;width:.5rem;height:.5rem;margin-left:.375rem;content:'';background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZT0iI0ZGRiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNNy41LjVsLTcgN00uNS41bDcgNyIvPjwvZz48L3N2Zz4K) no-repeat center;background-size:100%}
.module-filter-list .module-main {bottom:3.375rem}
.module-filter-list .module-footer {padding:0}
.center,.icon-app-logo .icon,.panel-container,.radio>svg {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.btn-primary,.btn-primary-small {font-size:.875rem;line-height:2.25rem;display:inline-block;padding-right:2ch;padding-left:2ch;text-align:center;color:#fff;border-radius:99px;background-color:#65c541}
.btn-primary-small {line-height:1.625rem}
.icon>svg,svg.icon {width:1em;height:1em;vertical-align:-.25ex;fill:currentColor}
.clip,aria {position:absolute;clip:rect(0 0 0 0)}
aria {font-size:0}

.pages{width:100%;padding:30px 0;text-align:center;overflow:hidden}
.pages .info{ float:left;height:30px;line-height:30px;}
.pages ul{ float:right;}
.pages ul li{float:left; display:inline; margin:0 3px}
.pages ul li a, .pages ul li span{display:inline-block;height:28px;line-height:28px;padding:0 12px;text-decoration:none;background:#f8f8f8;border:1px solid #d7d7d7;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px}
.pages ul li a:hover, .pages ul li .current{background:#d2a15d;border-color:#d2a15d;color:#FFF;text-decoration:none}
.pages ul li .gray{color:#999}
.pages a,.pages strong,.pages span{display:inline-block;vertical-align:middle;padding:0 8px;line-height:20px;margin:0 3px}
.pages a{border:1px solid #ccc;background:#fff;color:#666}
.pages a:hover,.pages strong{color:#fff;background:#4BA0A0;border:1px solid #208181;text-decoration:none}
.indexs{margin-top:10px;margin-left:2px;border-top:2px solid #1FAA8D}
.indexs ul{margin-top:6px;margin-left:2px;height:30px;line-height:30px;overflow:hidden;border-radius:5px;}
.indexs li{float:left;width:14.2%;background:;color:#fff;text-align:center;}
.indexs a{display:block;color:#fff;}
.indexs .a1{background: #25bc05}
.indexs .a2{background: #d9920c}
.indexs .a3{background: #1093ff}
.indexs .a4{background: #1FAA8D}
.indexs .a5{background: #d35a59}
.ldgbtn{
    background: #CDC9C9;
    color: 	#000000;
    border: 1px #CDC9C9 solid;
    border-radius: 3px;
    display: block;
    width: 85%;
    line-height: 2.3rem;
    text-align: center;
    font-size: 1rem;
}
a.ldgbtn:hover{
    color: #000000!important;
    font-size: 22px!important;
}
.intro {
border-bottom: 1px solid #4398ed;
background: #ECF0F0;
height: 35px;
line-height: 35px;
padding-left: 8px;
font-weight: 700;
font-size: 15px;
color: #000;
margin-top: 5px;
}

.listpage{margin:10px;height:36px;line-height:36px;overflow:hidden}
.listpage span{height:36px;line-height:36px;text-align:center}
.listpage .left{float:left;width:25%}
.listpage .left a,.listpage .right a{display:inline-block;height:36px;width:90%}
.listpage .left a{float:left}
.listpage .right a{float:right}
.listpage .right{float:right;width:25%}
.listpage .middle{width:49%;border:1px solid #dfdfdf;height:34px;display:block;float:left;border-radius:5px}
.listpage .middle em{display:inline-block;width:80%;text-align:center;color:#999;font-style:normal;float:left;line-height:36px;height:30px}
.listpage .middle a{display:inline-block;float:left;width:19%;height:36px;line-height:36px;vertical-align:middle}
.listpage .middle select{border:none;color:#999;display:inline-block;float:left;font-style:normal;height:34px;line-height:34px;text-align:center;width:100%}
#book-mu .listpage .onclick{background:#4398ed;color:#FFF}
#book-mu .listpage .before{background:#cecece;color:#FFF}

#index_tip{float: right;margin-right: 10px;color:red;}
#center_tip{text-align: center;margin: 5px 0;color:red;font-size: larger;}
