html {width:100%;}/* width不能写成width:7rem否则会影响html的font-size值 */
body {margin:0;padding:0;color:#1e2226;font-family: PingFangSC-Regular, Verdana, Arial;width: 7.5rem;max-width:7.5rem;overflow-x: hidden;display:block;height: 100%;}
a,img,p,h1,h2,span {padding: 0;margin: 0;display:inline-block;}
img,i {display: block;}
li,ul {list-style-type: none;margin:0;padding: 0;}
button {border:0;background:transparent;padding:0;margin:0;display: block;outline:none;}
a {text-decoration: none;}
.DN {display: none;}
.DB {display: block;}
input[type=text]:focus,input[type=password]:focus{ outline: 0px solid #fff;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder  {color: #aab2bd;text-align: left;text-indent: .3rem;font-size: 0.28rem;font-family: PingFangSC-Regular, Verdana, Arial;}
*{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

/* iOS中会出现输入框自动失去焦点无法输入内容的问题，所以要将输入框设置为auto */
input, textarea {
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

input {border:0;}
/* button:focus,
button.active:focus {-webkit-tap-highlight-color: transparent;
  outline: 0;
  border-color: transparent;
  box-shadow:none; 
} */
input {border:0;}
* {box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
/* 1行超出隐藏 */
.one_line_hidden,.book_item_line .center .book_name,.history_box .book .center .name {overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
/* 2行超出隐藏 */
.two_line_hidden,.alsoLike li text,.nine-pattern_list .bookLi .text div:first-child {overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
/* display: flex; */
.displayFlex,.navigation,.navigation .btns,.font_size,.a_decrease,.a_increase,.a_Default,.font_size span,.skin_list ul,.skin_list,.skin_list ul li,.nav_btns,.menu ul,.popupLeft h2
,.novelBox,.chaptersSum,.lockedChapter .title,.coinsSum,.autoSubscribe,.autoSubscribe span,.storeList li,.storeList li,.storeList li .right,.textTip,.navClose,.navClose2,.score,.starBox ul
,.BookDetailsContents,.BookDetailsContents .updated,.BookDetailsContents .title,.BookDetailsContents > div,.BookDetailsBtns,.BookDetailsBtns a,.BookDetailsBtns
,.shareBtns,.share .cancel,.my_library,.Featured,.home .navigation .search a, .home .option_box, .home .option_box .item, .book_item_line,.book_item_line .center .book_bottom, .tabbar_box .tabbar, .rank .rank_book_item
,.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData,.rank .classify_box,.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData,.noMoreData
,.search_page .input_search input,.addLibrarypopup .btns,.setList a,.aboutList a,.read_report .option_box .item, .read_serial .recommend_book .list,.hint_msg .btns,.hint_msg .btns a
,.pay button,.idbox,.navigation,.starBox,.book_bottom > span,.nine-pattern_list .bookLi,.loading,.book_bottom { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
/* 垂直居中 */
.verticalAlign,.navigation,.navigation .btns,.font_size,.a_decrease,.a_increase,.a_Default,.font_size span,.skin_list ul,.skin_list,.skin_list ul li,.popupLeft h2,.novelBox
,.chaptersSum,.chaperList ul li,.lockedChapter .title,.autoSubscribe,.autoSubscribe span,.storeList li .right,.textTip,.navClose,.navClose2,.score,.starBox ul
,.BookDetailsContents,.BookDetailsContents .updated,.BookDetailsContents .title,.BookDetailsContents > div,.BookDetailsBtns a,.BookDetailsBtns,.shareBtns
,.share .cancel,.my_library,.Featured,.home .navigation .search a, .book_item_line, .rank .rank_book_item,.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData,.rank .classify_box
,.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData,.noMoreData,.search_page .input_search input,.addLibrarypopup .btns,.setList a,.aboutList a, .read_report .option_box .item
,.hint_msg .btns,.hint_msg .btns a,.pay button,.idbox,.navigation,.starBox,.book_bottom > span,.nine-pattern_list .bookLi,.loading,.book_bottom {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-align:center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
/*水平居中*/
.centerAlign,.a_decrease,.a_increase,.a_Default,.font_size span,.skin_list ul li,.popupLeft h2,.lockedChapter .title,.coinsSum,.autoSubscribe,.textTip,.navClose,.navClose2
,.BookDetailsBtns,.BookDetailsBtns a,.shareBtns,.share .cancel,.my_library,.rank .classify_box,.dropload-load,.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData,.noMoreData
,.addLibrarypopup .btns, .read_report .option_box .item,.hint_msg .btns,.hint_msg .btns a,.pay button,.loading {      
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-pack:center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
/*左边对齐*/
.leftAlign {     
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-pack:flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;}
/*右边对齐*/
.rightAlign,.navigation .btns {
       -webkit-box-align: flex-end;
       -moz-box-align: flex-end;
       -ms-flex-pack:flex-end;
       -webkit-justify-content: flex-end;
       -moz-justify-content: flex-end;
       justify-content: flex-end;}
/*两端对齐*/
.bothSidesAlign,.nav_btns,.chaperList ul li,.BookDetailsContents,.home .navigation .search a, .home .option_box .item,.setList a,.aboutList a, .read_serial .recommend_book .list
,.home .navigation,.nine-pattern_list .bookLi,.book_bottom {display:-webkit-box;
display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;}
.overtime,.iconTip,.textTip,.navClose,.navClose2::before,.shareMask,.share,.shareMask,.share,.addLibrarypopupMask,.addLibrarypopup,.setList a:first-child i::after
,.setList a:first-child i,.btn_submit,.idtipbox,.mask,.enterEmail,.loading,.tipPopup .popupContent.android, .tipPopup .popupContent.ios {transition: all .3s ease-in-out;}
/* 隐藏 */
.hide,.iconTip,.tip i,.textTip,.nav .navClose,.shareMask,.share,.addLibrarypopupMask,.addLibrarypopup,.idtipbox,.loading,.tipPopup {visibility: hidden;opacity:0;}
/* 显示 */
.show,.iconTip i.tips_ok,.nav_show .navClose,.shareShow,.shareMaskShow,.addLibrarypopupMaskShow,.addLibrarypopupShow {visibility: visible;opacity:1;}
/* 导航 */
.navigation {height:.9rem;position: fixed;top:0;left:0;right:0;z-index: 4;background: #fff;transition: all .3s;width:100%;}
.lists {padding-top:.32rem;}
.read .lists {padding-top:1rem;}
.navigation_hide {transform:translateY(-100%);}
.navigation::before,.book_list .book_item_line::before {content: "";
    width:300%;-webkit-transform: scale(.333);transition: all .3s;
    -webkit-transform-origin: left;
    transform-origin: left;
    transform: scale(.333);
    height: 1px;
    background: #e9e9ee;
    position: absolute;
    bottom: 0;
    left: 0;}
.navigation .left {width:1.6rem;padding-left:.2rem;}
.navigation .title {width: calc(100% - 3.2rem);font-weight:600;font-size: .36rem;text-align: center;}
.navigation .btns {width:1.6rem;padding-right:.3rem;}
.navigation button,.navigation a {width:.7rem;height:.9rem;display: block;}
.navigation a.back,.navigation a.readBack {background:url(../images/white/navigation_back.png) no-repeat center;background-size: .4rem;}
.navigation button.navigation_share {background:url(../images/white/navigation_share.png) no-repeat center;background-size: .4rem;}
.navigation button.navigation_set {background:url(../images/white/navigation_set.png) no-repeat center;background-size: .4rem;}
.navigation button.navigation_classify {background:url(../images/white/navigation_classify.png) no-repeat center;background-size: .4rem;}

.navigation_black {background: #2d2d2c;}
.navigation_black .title {color: #cfcdcd;}
.navigation_black a.readBack {background:url(../images/black/navigation_back.png) no-repeat center;background-size: .4rem;}
.navigation_black button.navigation_share {background:url(../images/black/navigation_share.png) no-repeat center;background-size: .4rem;}
.navigation_black button.navigation_set{background:url(../images/black/navigation_set.png) no-repeat center;background-size: .4rem;}
.navigation_black button.navigation_classify {background:url(../images/black/navigation_classify.png) no-repeat center;background-size: .4rem;}

/* 阅读 */
/* .content {height:calc(100% - .9rem);font-size:.32rem;font-weight: normal;margin-top: 0.9rem;line-height:.62rem;padding:.4rem .38rem;overflow-y: scroll;} */
.outer{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    box-orient:vertical;
    -webkit-flex-direction:column;
    flex-direction:column;
}
.genres_list{padding: 0 .32rem;margin-top: 0.9rem;}
.inner{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.content {font-size:.32rem;font-weight: normal;line-height:.62rem;margin-top: .9rem;display:inline-block;width:100%;}
.inner .lists p {margin-bottom: .3rem;border:0;width:100%;}
.readContent {padding:0 .38rem;margin-top: 0;}
.content h3 {color: #1e2226;font-size: .32rem;font-weight: bold;margin:.2rem 0 .25rem;line-height: .5rem;}
.color5 .content h3 {color: #707070;}
.content br {}
.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 1rem;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData,.noMoreData{
    height: 1rem;font-size: 0.28rem;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: .3rem;
    width: .3rem;
    border-radius: 100%;
    margin: .06rem;
    border: .03rem solid #666;margin-right: .15rem;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.addLibrarypopup {position: fixed;z-index: 5;top:calc(50% - 3rem);left:calc(50% - 2.85rem);border-radius: .3rem;background: #fff;width: 5.7rem;height: 6rem;}
.addLibrarypopup img {width: 1.76rem;height: 2.42rem;border-radius: .15rem;margin:.8rem auto 0;}
.addLibrarypopup .title {font-size: 0.28rem;color: #1e2226;margin-top: 0.48rem;text-align: center;}
.addLibrarypopup .btns {height:1.52rem;margin-top: 0.2rem;}
.addLibrarypopup .btns button {width:2.32rem;height:.9rem;margin-top: 0.31rem;border-radius: .45rem;font-size: 0.28rem;font-weight: bold;}
.addLibrarypopup .btns button:first-child {background: #eee;color: #000;}
.addLibrarypopup .btns button:last-child {background: #1878f3;color: #fff;margin-left: 0.29rem;}
.addLibrarypopupMask {}
/* 解锁 */
.lockedChapter {position: fixed;left: 0;right: 0;bottom: 0;z-index: 1;background: #222;border-radius: .4rem .4rem 0 0 ;height:5.6rem;transition: all .3s ease-in-out;
visibility: hidden;transform: translate3d(0, 100%, 0);}
.lockedChapter_show {transform: translate3d(0, 0, 0);visibility: visible;}
.lockedChapter .title {font-size: .36rem;font-weight: bold;color: #dadada;height: 1.3rem;}
.lockedChapter .title span {margin-left:.16rem;font-weight: normal;}
.Lock_close {background: url(../images/Lock_close_icon.png) no-repeat center;background-size: .3rem;width: 0.3rem;height: 0.3rem;opacity: .6;position: absolute;right:.5rem;top:.5rem;}
.coinsSum,.surplus {color: #d3d3d3;}
.coinsSum {height: 1.4rem;display:flex;align-items:flex-end;}
.coinsSum span {font-size: 1.4rem;font-weight: bold;position: relative;line-height: 1.45rem;}
.coinsSum span::after {content: "Coins";font-size: .32rem;position: absolute;bottom: 0rem;right: -1rem;line-height: .64rem;} 
.surplus {font-size: .26rem;font-weight: normal;text-align: center;}
.surplus span {font-size: .32rem;font-weight: bold;}
.Unlock {width: 5.66rem;height: .9rem;background:#1878f3;color: #fff;font-size: .32rem;font-weight: bold;border-radius: .45rem;margin:.3rem auto 0;}
.autoSubscribe {height: .4rem;margin-top: .3rem;}
.autoSubscribe i {width: .4rem;height: .4rem;border-radius: 50%;display: block;border:.04rem solid #fff;}
.autoSubscribe i.active {background: #1878f3 url(../images/white/skin_current.png) no-repeat center;background-size: .23rem .17rem;border:.04rem solid #1878f3;}
.autoSubscribe span {height: 100%;margin-left: .22rem;color: #d3d3d3;margin-top: .02rem;font-size: .26rem;}
.iconTip,.textTip {background: rgba(0,0,0,.7);width: 3.4rem;height: 2.3rem;border-radius: .25rem;position: fixed;left:calc(50% - 1.7rem);top:calc(50% - 1.15rem);z-index: 5;}
.iconTip i {margin:.53rem auto 0;}
.iconTip i.tips_ok {display: block;width: .6rem;height: .6rem;border-radius: 50%;color: #fff;background: #1878f3 url(../images/ok.png) no-repeat center;background-size: .31rem .23rem;}
.iconTip > span {color: #fff;font-size: .28rem;display: block;text-align: center;margin-top: .3rem;}
.iconTip > span span {font-weight: bold;font-size: .32rem;}

/* 加入书架提示 */
.textTip {color: #fff;height: .8rem;font-size: .28rem;font-weight: bold;border-radius: .2rem;}
/* 设置模块 */
.nav {z-index: 3;}
.nav,.menu {height:4.63rem;position: fixed;top:.9rem;left:0;right:0;z-index: 2; transform: translate3d(0, -100%, 0);opacity: 0;visibility: hidden;transform-origin: center;transition: all .3s;
box-shadow: 0px 7px 12px rgba(0,0,0,.1);background: #fff;padding:0 .53rem;}
.navClose2 {height: 0.8rem;text-align: center;font-size: .3rem;color: #1e2226;position: relative;margin-top: 0.4rem;font-weight: bold;}
.nav_black .navClose2,.menu_black .navClose2 {color:#cfcdcd;}
.navClose2::before {content: "";
    width:300%;-webkit-transform: scale(.333);
    -webkit-transform-origin: left;
    transform-origin: left;
    transform: scale(.333);
    height: 1px;
    background: #e9e9ee;
    position: absolute;
    top: 0;
    left: 0;}
.nav_black .navClose2::before,.menu_black .navClose2::before,.navigation.navigation_black::before {background: #424241;}
.navClose {width: 0.7rem;height: 0.7rem;border-radius: 50%;background: #fff;position: absolute;bottom:-.9rem;left:calc(50% - .35rem);}
.navClose i {width:.35rem;height:.04rem;background: #1e2226;position: absolute;border-radius: .02rem;}
.navClose i:first-child {transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg); }
.navClose i:nth-of-type(2) {transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -o-transform:rotate(135deg);}
.nav_show,.menu_show {transform: translate3d(0, 0, 0);opacity: 1;visibility:visible;}
.navmask,.menuMask,.popupLeftMask {height:100%;position: fixed;top:0;left:0;right:0;z-index: 1;opacity: 0;visibility: hidden;transition: all .3s ease-in-out;background: transparent;}
.navmask_show,.menuMask_show,.popupLeftMaskShow {opacity: 1;visibility:visible;}
.navmask,.menuMask,.navmask_show,.menuMask_show {display: none;}
.font_size {height:1.4rem;width:100%;}
.font_size span {width:1.2rem;height:.7rem;font-size: .32rem;font-weight: 600;transition: all .3s;}
.font_size button {width:1.44rem;height:.7rem;background: #eee;color: #101113;transition: all .3s;}
.font_size button:last-child {width:2.01rem;}
.font_size .a_decrease {border-radius: .35rem 0 0 .35rem;background:#eee url(../images/white/a_decrease.png) no-repeat center;background-size: .4rem .24rem;}
.font_size .a_increase {border-radius: 0 .35rem .35rem 0;background:#eee url(../images/white/a_increase.png) no-repeat center;background-size: .4rem .24rem;}
.font_size .a_Default {border-radius:.35rem;font-size: 0.26rem;font-weight: bold;margin-left: .35rem;}
.skin_list {height:.8rem;margin-bottom:.33rem;}
.skin_list ul li {width:.5rem;height:.5rem;border-radius: 50%;margin-right:.688rem;-webkit-tap-highlight-color: transparent;}
.skin_list ul li:first-child {background: #dedcd6;}
.skin_list ul li:first-child.active {background: #dedcd6 url(../images/white/skin_current.png) no-repeat center;background-size: .22rem .15rem;}
.skin_list ul li:nth-of-type(2) {background: #97af96;}
.skin_list ul li:nth-of-type(2).active {background: #97af96 url(../images/white/skin_current.png) no-repeat center;background-size: .22rem .15rem;}
.skin_list ul li:nth-of-type(3) {background: #bdae92;}
.skin_list ul li:nth-of-type(3).active {background: #bdae92 url(../images/white/skin_current.png) no-repeat center;background-size: .22rem .15rem;}
.skin_list ul li:nth-of-type(4) {background: #d6b2b7;}
.skin_list ul li:nth-of-type(4).active {background: #d6b2b7 url(../images/white/skin_current.png) no-repeat center;background-size: .22rem .15rem;}
.skin_list ul li:nth-of-type(5) {background: #a9b9c8;}
.skin_list ul li:nth-of-type(5).active {background: #a9b9c8 url(../images/white/skin_current.png) no-repeat center;background-size: .22rem .15rem;}
.skin_list ul li:last-child {background: #161616 url(../images/skin_night.png) no-repeat center;background-size: .27rem .28rem;margin-right:0;}
.skin_list ul li:last-child.active {background: #161616 url(../images/white/skin_current.png) no-repeat center;background-size: .22rem .15rem;}
.color0 {background: #e5e3e0;}
.color0 .content {color:#1e2226;}
.color1 {background: #dae2ce;}
.color1 .content {color:#272a26;}
.color2 {background: #ddd9c7;}
.color2 .content {color:#422f12;}
.color3 {background: #ead5d5;}
.color3 .content {color:#572831;}
.color4 {background: #ced7e1;}
.color4 .content {color:#36393c;}
.color5 {background: #161616;}
.color5 .content {color:#707070;}
.nav_btns button i {width:.5rem;height:.5rem;display: block;margin:auto;}
.nav_btns button:first-child i {background: url(../images/white/set_contents.png) no-repeat center;background-size: .5rem;}
.nav_btns button:nth-of-type(2) i {background: url(../images/white/set_add_to_library.png) no-repeat center;background-size: .5rem;}
.nav_btns button:last-child i {background: url(../images/white/set_sue.png) no-repeat center;background-size: .5rem;}
.nav_btns span {display: block;text-align: center;margin-top: 0.1rem;color: #403f44;font-size: 0.24rem;width:100%;}

.nav_black,.menu_black {background: #2d2d2c;}
.nav_black .font_size button {color:#cfcdcd;background: #333;}
.nav_black .font_size span {color:#cfcdcd;}
.nav_black .font_size .a_decrease {border-radius: .35rem 0 0 .35rem;background:#333 url(../images/black/a_decrease.png) no-repeat center;background-size: .4rem .24rem;}
.nav_black .font_size .a_increase {border-radius: 0 .35rem .35rem 0;background:#333 url(../images/black/a_increase.png) no-repeat center;background-size: .4rem .24rem;}

.nav_black .nav_btns button:first-child i {background: url(../images/black/set_contents.png) no-repeat center;background-size: .5rem;}
.nav_black .nav_btns button:nth-of-type(2) i {background: url(../images/black/set_add_to_library.png) no-repeat center;background-size: .5rem;}
.nav_black .nav_btns button:last-child i {background: url(../images/black/set_sue.png) no-repeat center;background-size: .5rem;}
.nav_black .nav_btns span {color: #999;}

/* 菜单 */
.menu {height:5.2rem;padding-top: .17rem;}
.menu ul {padding-top: 0.16rem;}
.menu ul li {width:33.3%;height:1.2rem;}
.menu ul li i {width:.7rem;height:.7rem;display: block;margin:auto;}
.menu ul li a {display: block;width:1.18rem;height:1.2rem;}
.menu ul li:nth-of-type(2) a {margin:auto;}
.menu ul li:nth-of-type(3) a {float: right;}
.menu ul li span {display: block;text-align: center;color: #403f44;font-size: 0.28rem;font-weight: 500;margin-top: .04rem;}
.menu ul:first-child li.menu_home i {background: url(../images/menu_home.png) no-repeat center;background-size: .7rem;}
.menu ul:first-child li.menu_top i {background: url(../images/menu_top.png) no-repeat center;background-size: .7rem;}
.menu ul:first-child li.menu_genres i {background: url(../images/menu_Genres.png) no-repeat center;background-size: .7rem;}
.menu ul:first-child li.menu_tags i {background: url(../images/menu_tags.png) no-repeat center;background-size: .7rem;}
.menu ul:nth-of-type(2) {padding-top: .14rem;}
.menu ul:nth-of-type(2) li.menu_free i {background: url(../images/menu_free.png) no-repeat center;background-size: .7rem;}
.menu ul:nth-of-type(2) li.menu_search i {background: url(../images/menu_search.png) no-repeat center;background-size: .7rem;}
.menu ul:nth-of-type(2) li.menu_store i {background: url(../images/menu_store.png) no-repeat center;background-size: .7rem;}
.menu ul:nth-of-type(2) li.menu_mine i {background: url(../images/menu_mine.png) no-repeat center;background-size: .7rem;}
.my_library {width:4rem;height:.74rem;background: #007afc;color: #fff;font-size: 0.28rem;font-weight: bold;margin:auto;border-radius: .37rem;margin-top: .3rem;}

.menu_black {}
.menu.menu_black ul li span {color: #999;}

body:-webkit-scrollbar {/*滚动条整体样式*/
    width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.Addtodesktop {color:#1a1a1a;font-size: 0.28rem;background: #fff;height:1.1rem;border-radius: .18rem;position: fixed;right: .4rem;bottom: .4rem;z-index: 10;line-height: 1.1rem;padding:0 .9rem 0 .24rem ;
    position: fixed;font-weight: bold;}
.Addtodesktop span {float: left;}
.Addtodesktop i:nth-of-type(1) {width: .6rem;height: 100%;background: url(../images/Addtodesktop.png) no-repeat center;background-size: .45rem .51rem;margin-right: .16rem;float:left;}
.Addtodesktop i:nth-of-type(2) {width: .6rem;height: .6rem;background: url(../images/close2.png) no-repeat center;background-size: .3rem;position: absolute;right:.15rem;top:50%;margin-top: -.3rem;float:left;}
.tipPopup {width: 6.6rem;margin-left: 0.45rem;position: fixed;top: 50%;height: 10rem;z-index: 12;margin-top: -5rem;display: none;}
.tipPopup .popupContent {background: #fff;height: 9rem;border-radius: .2rem;margin-top: 0;padding: 0.4rem;overflow: auto;}
.tipPopup .popupContent h2 {font-weight: normal;line-height: .4rem;font-size: .28rem;}
.tipPopup .popupContent div.title {font-size: 0.28rem;font-weight: bold;margin-top: .3rem;line-height: 0.44rem;}
.tipPopup .popupContent div.title span {background: #09aefe;width: 0.4rem;height: 0.4rem;border-radius: 50%;color: #fff;line-height: 0.4rem;text-align: center;margin-right: 0.2rem;}
.tipPopup .popupContent img {width: 90%;border-radius: .3rem;margin:.4rem auto .8rem;box-shadow: 0px 7px 12px rgb(0 0 0 / 10%);}
.tipPopup .close {width: .6rem;height: .6rem;min-width:.6rem;background: url(../images/close.png) no-repeat center;background-size: .6rem;margin:.3rem auto 0;}
.tipPopup .android,.tipPopup .ios {display: none;}

/* 目录 */
.popupLeft {height:100vh;width:100%;background: #fff;position: fixed;top: 0;left: 0;bottom: 0;z-index: 4;opacity: 0;transform: translate3d(-100%, 0, 0);transition: all 0.3s ease-in-out;visibility: hidden;}
.popupLeftHead {z-index: 1;height: 3.2rem;background: #fff;position:fixed;top: 0.9rem;left:0;width:100%;}
.popupLeftHead h2 {color: #000;height: 1.04rem;text-align: center;background: #fff;font-size: 0.32rem;font-weight: bold;}
.novelBox {padding:.3rem .4rem;}
.novelBox img {width:1.24rem;height:1.7rem;border-radius: .1rem;min-width:1.24rem;}
.novelBox h1 {font-size: 0.3rem;color: #101113;margin-left: 0.25rem;line-height: 0.44rem;width: 4rem;}
.chaptersSum {height: 0.9rem;background: #fafafa;padding:0 .4rem;position: relative;}
.chaptersSum span:first-child,.chaptersSum span:nth-of-type(2) {font-size: 0.28rem;font-weight: bold;color: #1878f3;}
.chaptersSum span:nth-of-type(2) {margin-left: 0.14rem;}
.chaptersSum span:nth-of-type(3) { font-size: .22rem;
color: #1878f3;background: #fff;padding:0 .54rem 0 .24rem;position:absolute;top:.17rem;right:1.4rem;height:.56rem;line-height: 0.56rem;border-radius: .28rem;border:1px solid rgba(24,120,243,.2);}
.chaptersSum span:nth-of-type(3)::after {content: "";
    background: url(../images/xiala_icon.png) no-repeat center;background-size:.26rem;display: block;width: 0.26rem;height: 0.26rem;
    position: absolute;
    top: .15rem;
      right: .12rem;}
.chaptersSum > i {width:.8rem;height:.9rem;position: absolute;top:0;right:.4rem;background: url(../images/formal_order.png) no-repeat center;background-size: .38rem .26rem;}
.chaptersSum > i.sort_1 {background: url(../images/reverse_order.png) no-repeat center;background-size: .38rem .26rem;}
.chaperList {position: relative;margin-top: 4.1rem;}
.chaperList ul {padding:0 .4rem;}
.chaperList ul li {height:1.1rem;position: relative;font-size: 0.26rem;font-weight: normal;}
.chaperList ul li::after,.shareBtns::after,.history_box .book::after,.help_box .option::after,.rank .rank_book_item::after,.setList a::after,.aboutList a::after {content: "";
    width:300%;-webkit-transform: scale(.333);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transform: scale(.333);
    height: 1px;
    background: #e9e9ee;
    position: absolute;
    bottom: 0;
      left: 0;}
.chaperList ul li i {width:0.8rem;height:1.1rem;display: block;}
.chaperList ul li a {width: 6rem;height: 100%;line-height: 1.1rem;}
.lock i {background: url(../images/contents_lock.png) no-repeat center;background-size: .3rem;}
.chaperList ul li a:active,.chaperList ul li a,.chaperList ul li a:visited {color: #1e2226}
.chaperList ul li.current_chapter a {color: #1878f3;}
.popupLeft_show {transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;}
.stopMaopao {position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 4;}

/* 支付 */
.storeBanner {border-radius: .25rem;width: 6.9rem;height: 2.4rem;margin:.25rem;}
.storeList {padding-left:.25rem;padding-top: 0.2rem;}
.idbox {box-shadow: 0 0.06rem 0.28rem rgb(0 0 0 / 10%);width:7rem;margin:auto;border-radius: .45rem;
    font-size: .28rem;}
.userid {display: block;width: 5.4rem;border-radius: .45rem 0 0 .45rem;
    font-size: .28rem;
    font-weight: 400;text-indent: .4rem;
    color: #000;
    font-family: PingFangSC-Regular, Verdana, Arial;
    padding: 0;
    border: none;
    height: .9rem;}
.storeUserInfo {width:7rem;margin:.3rem auto 0;background: #f8f8f8;
    padding: .2rem .3rem;
    border-radius: .2rem;}
.storeUserInfo .title {font-size: .3rem;font-weight: bold;margin-bottom: .1rem;}
.storeUserInfo div {font-size: .26rem;line-height: .42rem;}
.userdata div:nth-of-type(3) span:nth-of-type(1) {margin-right: .2rem;}
#user_nick,#user_id,#user_coin,#user_premium {font-weight: bold;}
/* #user_coin,#user_premium,.storeUserInfo div b {color:#ff2a3f;} */
.idbox a {width:1.6rem;height:.9rem;line-height: 0.9rem;display: inline-block;text-align: center;background: linear-gradient(to right, #1babf9 , #1a77f5);font-size: .28rem;font-weight: bold;
color:#fff;border-radius: 0 .45rem .45rem 0;}
.giftcoins {color: #ff2a3f;font-size: .28rem;}
.storeList li {border:.04rem solid rgba(0,0,0,0);width: 6.9rem;height: 1.3rem;border-radius: .2rem;box-shadow: 0 .06rem .28rem rgba(0,0,0,.1);margin-bottom: 0.25rem;position: relative;}
.storeList li.active,.paypal.active {border:.04rem solid #1878f3;}
.storeList li i {width: .44rem;height:100%;display: block;margin:0 .3rem;background: url(../images/coins.png) no-repeat center;background-size: .44rem .41rem;}
.storeList li .right {color: #1878f3;font-size: 0.36rem;font-weight: bold;position: absolute;right: .36rem;top: 0;height:100%;}
.storeList li .right span {display:inline-block;}
.storeList li .center > div {height: .4rem;}
.storeList li .center div:first-child {font-weight: bold;color: #101113;font-size: .36rem;margin-top: .11rem;}
.storeList li .center div:nth-of-type(2) {color: #7e7f84;font-size: .24rem;margin-top: .06rem;}
.storeList li .center div:nth-of-type(2) span {color: #ff2a3f;margin-left: 0.1rem;}
.storeList li .center span:nth-of-type(1) {margin-right: 0.1rem;}
.recommend::after {
    content: "";
    width:.7rem;height:.65rem;
    background: url(../images/buyHot.png) no-repeat center;background-size: .7rem .65rem;
    position: absolute;
    top: -.04rem;
    left: -.04rem;
}
.storeTip {width: 7rem;margin-left: 0.25rem;margin-top: 0.4rem;color: #888;font-size: 0.26rem;line-height: 0.4rem;}
.storeTip a {text-decoration: underline;}
.pay {width: 6.9rem;height: 1rem;margin-left:0.25rem;margin-top: .02rem;}
.pay button {width: 3.325rem;border-radius: .2rem;height: 100%;box-shadow: 0 .06rem .28rem rgba(0,0,0,.1);float: left;}
.pay button:nth-child(2n) {margin-left: 0.25rem;}
.pay button:nth-child(2n) img {width: 1.5rem;}
.pay img {width:1.6rem;}
.storeTitle {padding:.2rem .25rem .1rem;width: 6.9rem;font-size: 0.3rem;color: #101113;height: 0.8rem;font-weight: bold;}
.paypal.active {}
.loading {width:1.2rem;height:1.2rem;position: fixed;top:48%;left:50%;margin-left: -0.6rem;z-index: 13;background: #fff;border-radius: .25rem;}
.loading img {width:.6rem;height:.6rem; -webkit-transform: rotate(360deg);

    animation: rotation 3s linear infinite;

    -moz-animation: rotation 3s linear infinite;

    -webkit-animation: rotation 3s linear infinite;

    -o-animation: rotation 3s linear infinite;}
@-webkit-keyframes rotation{

    from {-webkit-transform: rotate(0deg);}

    to {-webkit-transform: rotate(360deg);}

}

.buyNow {
    color: #fff;
    font-size: 0.32rem;
    font-weight: bold;
    width: 6.7rem;
    margin: .45rem auto 0;
    background: #1878f3;
    height: 0.86rem;
    border-radius: .43rem;}
.enterEmail {background: #fff;width: 6.4rem;height: 4.7rem;border-radius: .4rem;position: fixed;top: 50%;left: 50%;margin-left: -3.2rem;margin-top: -1.68rem;z-index: 12;padding: 0 .35rem;}
.enterEmail .title {font-size: .32rem;font-weight: bold;display: block;text-align: center;line-height: 1.2rem;}
.enterEmail .input {width: 5.7rem;height: 0.9rem;border-radius: .1rem;background: #f4f6f8;text-indent:.3rem;font-size: 0.28rem;}
.enterEmail .tip {color: #737e93;font-size:.26rem;margin-top:.26rem;}
.enterEmail a {height: 0.89rem;width: 5.7rem;border-radius: .445rem;display: block;line-height: 0.89rem;font-weight: bold;font-size: 0.32rem;color: #fff;
    background-image: linear-gradient(to right, #1babf9 , #1a77f5);text-align: center;margin-top: .4rem;}
.hint {margin:.35rem .25rem .25rem;line-height: 0.36rem;font-size: 0.26rem;}
.hint .laba {width:.28rem;height:.28rem;float:left;
    background: url(../images/laba_icon.png) no-repeat center;background-size: .28rem;display: block;margin-top: .05rem;margin-right: 0.2rem;}
#id_tip {color: #1878f3;font-size: .26rem;margin-left: .1rem;}
.idtipbox {
    position: fixed;
    width: 6rem;
    height: 4.95rem;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    z-index: 12;
    margin-top: -2.49rem;
    margin-left: -3rem;
}
.idtipbox img {width: 100%;border-radius: .3rem;}
.mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    z-index: 11;
}
.idtipbox i {
    width: .57rem;
    height: .57rem;
    background: url(../images/close.png) no-repeat center;
    background-size: .57rem;
    margin: .29rem auto 0;
}
/* 分享 */
.navigation button.displayNone {display: none;}
.share {width: 100%;height: 3.5rem;background: #fff;position: fixed;left: 0;right: 0;bottom: 0;z-index: 100;transform: translate3d(0, 100%, 0);}
.shareMask,.addLibrarypopupMask {background: rgba(0,0,0,.6);z-index: 4;top:0;position: fixed;left: 0;right: 0;bottom: 0;}
.shareBtns {height: 2.49rem;position: relative;}
.shareBtns button {height: 1.8rem;width: 1.4rem;margin-left: 1.2rem;}
.shareBtns button span {margin-top: 0.22rem;display: block;text-align: center;font-size: 0.26rem;color: #999;}
.shareBtns button i {display: block;width: 0.88rem;height: 0.88rem;border-radius: 50%;margin:auto;}
.shareBtns button.facebook {margin: 0;}
.facebook i {background: #445a96 url(../images/f.png) no-repeat center;background-size: .24rem .41rem;}
.copyLink i {background: #56b7f4 url(../images/copyLink.png) no-repeat center;background-size: .43rem .45rem;}
.others i {background: #4ad196 url(../images/Others.png) no-repeat center;background-size: .48rem .11rem;}
.share .cancel {height: 1rem;font-size: .32rem;color: #68696a;font-weight: bold;}
.shareShow {transform: translate3d(0, 0, 0);}

/* 首页 */
.home .navigation .Featured {margin-left: .32rem;}
.home .navigation::before {height:0;}
.homeSearch {background:url(../images/homeSearch.png) no-repeat center;background-size: .39rem;}
/* .home .navigation .search {width: 100%;height:.6rem;}
.home .navigation .search a {width: 3.7rem;background: #f5f5f5;color: #a9a9a9;height: 100%;border-radius: .3rem;margin-left: 0.3rem;}
.home .navigation .search a span {margin-left:.29rem;font-size:.26rem;}
.home .navigation .search a i {display: block;width:.27rem;height:.27rem;margin-right: 0.2rem;background: url(../images/homeSearch.png) no-repeat center;background-size: .27rem;} */
.Featured {height:.9rem;color: #1a1a1a;font-size: .48rem;font-weight: bold;margin-left: 0.42rem;position: relative;}
/* .Featured::after {
    content: "";
    width:.28rem;height:.04rem;border-radius:.02rem;
    background:#1878f3;
    position: absolute;
    left:calc(50% - .14rem);
    bottom: .01rem;
} */
.home .swiper-container {
    width: 6.86rem;
    height: 2.84rem;margin:.24rem auto;border-radius: .15rem;
	position: relative;
}
.home .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.recommend_box,.RankingList {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.recommend_box::-webkit-scrollbar,.recommend_list::-webkit-scrollbar,.nine-pattern_list::-webkit-scrollbar {
    display: none;
}
.home .swiper-slide img {width: 100%;}
.home .swiper-pagination-bullet { width: .08rem; height: .08rem; border-radius: .04rem; background: rgba(255,255,255.7); }
.home .swiper-pagination-bullet-active { background: #fff; width: 0.24rem;}
.home .navigation{height: 1.14rem;}
.home .content {margin-top: .96rem;}
.home .content{ width:7.5rem; line-height: 1.2; }
.home .option_box{ padding-top: 0.58rem;display: none;}
.home .option_box .item { flex-direction: column; height: 1.18rem; flex: 1; text-align: center; font-size: 0.28rem; color: #414141; }
.home .option_box .item div:nth-of-type(2) {font-weight: bold;}
.home .option_box .item .icon{ font-size: 0; }
.home .option_box .item .icon img{ width: 0.62rem; display: inline-block; }
.home .book_head{ padding: 0 .32rem; margin-top: .66rem; font-size: 0.38rem; position: relative; margin-bottom: .32rem; }
.home .book_head div {font-weight: bold;color: #1a1a1a;}
.home .box > div:nth-of-type(2) {padding-left: 0.32rem;display: inline-block;}
.home .book_head .more{ position: absolute; right: .32rem; top: 0.06rem;font-size: .28rem; color: #1878f3; }
.home .recommend_box .recommend_list a {float:left;}
/* .home .recommend_box .recommend_list a:last-child {border-right:.32rem solid #fff;} */
.home .recommend_box .recommend_list a:first-child,.box .recommend_list a:first-child  {margin-left: .32rem;}
.home .recommend_box .recommend_list,.box .recommend_list,.nine-pattern_list { white-space: nowrap; overflow-x: scroll; overflow-y: hidden;padding-right: .43rem;-webkit-overflow-scrolling:touch;display: flex;}
.home .recommend_box .recommend_list::-webkit-scrollbar,.box .recommend_list::-webkit-scrollbar,.nine-pattern_list::-webkit-scrollbar {
    height: 0;
}
.home .recommend_box .recommend_list::-webkit-scrollbar-thumb {  /*滚动条里面小方块*/
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.2);
    background: #ebebeb;
}
.home .recommend_box .recommend_list::-webkit-scrollbar-track {  /*滚动条里面轨道*/
    /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
    border-radius: 0;
    background: #fff;
}
.starBox {}
.starBox ul li {width: .3rem;height: .3rem;margin-right: .1rem;position: relative;}
.starBox ul li.starLight,.halfStar::before {background:url(../images/starLight.png) no-repeat left center;background-size: .28rem .28rem;}
.starBox ul li.halfStar {}
.starBox ul li.star {background:url(../images/star.png) no-repeat center;background-size: .28rem .28rem;}
.starBox {height: .44rem;}
.score span {color: #fff;font-size: 0.38rem;font-weight: bold;}
.halfStar::before {content: "";
    -webkit-transform-origin: left;
    transform-origin: left;
    width:.14rem;
    height: .27rem;
    position: absolute;
    top: 0;
    left: 0;}

.nine-pattern_list .bookLi {width:3.96rem;margin-top: 0.3rem;margin-right: 0.58rem;}
.nine-pattern_list .bookLi .cover {width: 0.96rem;height: 1.28rem;border-radius: .1rem;position: relative;overflow: hidden;min-width:.96rem;box-shadow: 0px .08rem .16rem rgb(0,0,0,.16);}
.nine-pattern_list .bookLi .cover span {width: .36rem;height:.36rem;position:absolute;left:0;top:0;border-radius: 0 0 .1rem 0;font-size: 0.24rem;font-weight: bold;color: #fff;text-align: center;line-height: 0.36rem;}
.nine-pattern_list .list:nth-of-type(1) {margin-left: 0.32rem;}
.nine-pattern_list .list .bookLi:nth-of-type(1) {margin-top: 0;}

.nine-pattern_list .list  .bookLi .cover span {background-image: linear-gradient(to right, #1babf9 , #378afa);}
.nine-pattern_list .list:nth-of-type(1) .bookLi:nth-of-type(1) .cover span {background-image: linear-gradient(to right, #ff9595 , #ff4747);}
.nine-pattern_list .list:nth-of-type(1) .bookLi:nth-of-type(2) .cover span {background-image: linear-gradient(to right, #faae21 , #ff7c3e);}
.nine-pattern_list .list:nth-of-type(1) .bookLi:nth-of-type(3) .cover span {background-image: linear-gradient(to right, #eacfb3 , #c39f82);}
.nine-pattern_list .bookLi .cover img {width:100%;}
.nine-pattern_list .bookLi .text {margin-left: 0.22rem;width:2.79rem;}
.nine-pattern_list .bookLi .text div:first-child {font-size: 0.28rem;color: #1a1a1a;white-space:normal;}
.nine-pattern_list .bookLi .text div:last-child {color: #a3a8ad;font-size: 0.24rem;margin-top: .16rem;}

.trending .nine-pattern_list .bookLi .text div:last-child span {font-weight: normal;float: left;position: relative;    padding-right: .12rem;
    margin-right: .12rem;}
.trending .nine-pattern_list .bookLi .text div:last-child span::before {
    content: "";
    width: 1px;
    -webkit-transform: scale(.333);
    -webkit-transform-origin: top;
    transform-origin: top;
    transform: scale(.333);
    height: 200%;
    background: #a3a8ad;
    position: absolute;
    top: .022rem;
    right: 0;}
    .trending .nine-pattern_list .bookLi .text div:last-child span:last-child::before {width:0;}

.FreeStory {margin-bottom: 0.6rem;}
/* tags */
.tagsList {width: 6.86rem;margin:auto;}
.home .tags .book_head {margin-bottom: .18rem;}
.tagsList a {background: #f3f5f7;height: .62rem;line-height: 0.61rem;color: #323436;border-radius: .31rem;padding: 0 .26rem;margin-right: .12rem;font-size: 0.26rem;margin-top: 0.14rem;}
.tagsList a i {float: left;width:.21rem;min-width:.21rem;height:.61rem;background:url(../images/tags_hot_icon.png) no-repeat center;background-size: .21rem .29rem;margin-right: .11rem;}
.tagsList a span {float: left;}

#details {border-radius: .3rem .3rem 0 0;z-index: 1;margin-top: -.73rem;padding:0 .4rem;position: relative;background: #fff;padding-top:.4rem;}
.detailsTitle {font-size: .32rem;font-weight: bold;}
.novelCategory {background: #fff;height:1.4rem;padding: 0 .4rem;padding-top: 0.3rem;}
.novelCategory span {background: #f5f5f5;color: #6f6f70;height: .7rem;padding:0 .3rem;border-radius: .35rem;font-size: .28rem;line-height: 0.7rem;}
.home .book_item{ display: inline-block; width: 1.99rem;min-width: 1.99rem;margin-right:.27rem; color: #323436; font-size: .28rem; }
.home .book_item .cover{ font-size: 0; margin-bottom: .24rem;width:2.31rem;}
.home .book_item .cover img{ width:1.99rem; height: 2.66rem; border-radius: .16rem;box-shadow: 0px .08rem .16rem rgb(0,0,0,.16);}
.home .book_item .book_name{line-height: 1.5; white-space: normal;}
.home .box .book_item{float:left;}
.more_choices {margin-top: 0.72rem;}

.book_item_line{ margin: 0 .32rem .26rem 0; color: #a3a8ad; font-size: .28rem;position: relative;}
.jiaobiao {height:.3rem;background: rgba(0,0,0,.4);color:#fff;font-size: 0.16rem;text-align: center;line-height: .3rem;position: absolute;left:0;top:.2rem;
z-index: 1;border-radius: 0 .15rem .15rem 0;padding:0 .12rem}
.book_item_line .cover{ font-size: 0;}
.book_item_line .cover img{ width: 1.99rem; height: 2.66rem; border-radius: .15rem;}
.book_item_line .center{ flex: 1; padding-left: .27rem;width:4.87rem;}
.book_item_line .center .book_name{ font-size: .34rem; color: #1a1a1a; margin-bottom: .16rem;font-weight: 500;}
.book_item_line .center .book_desc{ margin-bottom: .22rem;line-height: 0.4rem;}
.book_item_line .center .book_bottom div:nth-child(1){ flex: 1;}
.starBox > span {color: #323436;font-size: .28rem;font-weight: 500;margin-left: .04rem;}
.book_bottom > span {color: #999;font-size: .26rem;}
.book_bottom > span i {width: .29rem;height: .19rem;background:url(../images/discover_view_icon.png) no-repeat center;background-size: .29rem .18rem;display: block;margin-left: 0.1rem;}

/* 分类 */
.genres{ padding-top: 0.9rem;}
.genres .genres_list {padding: 0;}
.genres .genres_list .lists {padding: .4rem .32rem 0;}
.genres .classify_box{ padding: .32rem; padding-bottom: 0.01rem; border-bottom: 0.18rem solid #f5f5f5;}
.genres .classify_box .select{ color: #1878f3;font-weight: bold;}
.genres .classify_box .classify_option{position: relative; font-size: 0.28rem;}
.genres .classify_box .classify_tags a{ margin-right: 0.26rem; margin-bottom: 0.3rem; float:left;}
.genres .genres_list{ padding-top: 0.2rem; }
.genres .outer {}
.genres_list .classify_tags {display: inline-block;}
/* 榜单 */
.book_list{ padding: 0 0.35rem; padding-top: 0.9rem; }
.book_list .book_item_line{ padding: 0.22rem 0;margin-bottom: 0;position: relative;}
.book_list .book_item_line .cover img{ width: 1.43rem; height: 2.05rem;border-radius: .16rem;
    box-shadow: 0px 0.08rem 0.16rem rgb(0 0 0 / 16%);
}
/* 标签 */
.tagsHtml {background: #f5f6f8;}
.tagsConetent {padding: .36rem;}
.tagsConetent a {width: 3.27rem;height: 1.12rem;border-radius: .1rem;background: #fff;float: left;margin-bottom: 0.24rem;color: #1a1a1a;font-size: 0.28rem;font-weight: bold;
text-align: center;line-height: 1.12rem;position: relative;}
.tagsConetent a:nth-child(2n) {margin-left: .24rem;}
.tagsConetent a.hot {color: #ff303c;}
.tagsConetent a.hot span {position: absolute;top:0;right:0;width: 0.6rem;height: 0.32rem;line-height: 0.32rem;color: #fff;font-size: 0.2rem;font-weight: bold;
    border-radius: 0 .08rem 0 .08rem;background-image: linear-gradient(to right, #ff8561 , #fe5a59);}


/* 分类 */
.rank .navigation .left{ width: 1.2rem;}
.rank .navigation .btns{ width: 1.2rem;}
.rank .classify_box{text-align: center;width:100%;height: 0.6rem;}
.rank .classify_box a{font-size: 0.32rem; position: relative; display: inline-block; width: auto; line-height: 0.9rem;font-weight: bold;color: #1e2226;}
.rank .classify_box a:nth-of-type(2) {margin: 0 .3rem;}
.rank .classify_box a.select{ color: #1878f3; }
.rank .classify_box a.select::after{  content: ""; width:.26rem;height:.06rem;border-radius:.03rem; background:#1878f3; position: absolute; left:calc(50% - .13rem); bottom: .1rem; }
.rank .rank_books{ padding: 0 .32rem; margin-top: .9rem; }
.rank_books .lists,.history_box .lists{margin: 0;}
.rank .rank_book_item{ padding: 0.23rem 0; color: #999999; font-size: 0.24rem;position: relative;}
.rank .rank_book_item .cover{ font-size: 0; }
.rank .rank_book_item .cover img{ width: 1.4rem; height: 1.92rem; }
.rank .rank_book_item .center{ flex: 1; padding-left: 0.26rem;width: 5.01rem;}
.rank .rank_book_item .center .book_name{ font-size: 0.3rem; color: #000; margin-bottom: 0.2rem; }
.rank .rank_book_item .center .book_desc{ margin-bottom: 0.27rem;}
.rank .rank_book_item .center .book_bottom span:nth-child(1){ flex: 1; }

/* 搜索 */
.search_page{ padding-top: 0.9rem; background: #f5f5f5; }
.search_page .left{ width: 0.8rem; }
.search_page .input_search{ background: #f5f5f5; width: 5rem; height: 0.6rem; border-radius: 0.3rem; padding: 0 0.45rem; font-size: 0.26rem;position: relative;}
.search_page .input_search input{ height: 100%; width: 100%; background: transparent; background:none; outline:none;  border:none; font-size: 0.26rem;}
.search_page .btn_search{ margin-left: 0.2rem; width: 1.3rem; height: 0.6rem; line-height: 0.6rem; text-align: center; border-radius: 0.3rem; background-color: #1878f3; color: #fff; font-size: 0.26rem; }
.search_close_btn {width: 0.29rem;height: 0.29rem;background:url(../images/search_input_text_close_icon.png) no-repeat center;background-size: .29rem;border-radius: 50%;
position: absolute;top:.15rem;right:.15rem;}
.search_page .search_hint{ padding: 0.4rem; }
.search_page .search_hint .key_label{ font-weight: bold; font-size: 0.28rem; margin-bottom: 0.4rem; position: relative; }
.search_page .search_hint .key_label .icon_del{ position: absolute; top: 0.02rem; right: 0; width: 0.24rem; }
.search_page .search_hint .history_item{max-width: 100%; font-size: 0.26rem; margin-bottom: 0.3rem;height: 0.6rem; line-height: 0.6rem; border-radius: 0.3rem; background-color: #fff; color: #333333; padding: 0 0.28rem; }
.search_page .search_list{ background: #fff; padding-bottom: 0.5rem; }
.search_page .search_list .result_hint{ padding: 0.5rem 0.4rem; font-size: 0.3rem; color: #777777; }
.search_page .search_list .result_hint span{ color: #1878f3; }
.search_page .search_list .book_item_line .center .book_name{ font-weight: bold; }

/* 反馈页面 */
.read_report{ overflow: hidden; }
.read_report .content_box{ padding: 0.38rem; margin-top: 0.9rem; }
.read_report .content_box .hint{ padding: 0.2rem 0.24rem; background: #fffaeb; border-radius: 0.15rem; font-size: 0.24rem; }
.read_report .content_box .hint .h2{ color: #666666; margin-top: 0.2rem; }
.read_report .label{ font-size: 0.32rem; font-weight: bold; margin: 0.4rem 0; }
.read_report .option_box{display:inline-block;}
.read_report .option_box .item{ float: left; width: 3.24rem; height: 1.2rem; line-height: .3rem;background: #f5f5f5; font-size: 0.28rem; color: #68696a; margin-right: 0.22rem; margin-bottom: 0.2rem; border-radius: 0.1rem; color: #000; text-align: center; padding: 0 0.2rem; }
.read_report .option_box .item:nth-child(2n) {margin-right: 0;}
.read_report .option_box .item.select{ background: #f3f8ff; color: #1878f3; border: 1px solid #1878f3; }
.read_report .msg_view{ border: 1px solid #eeeeee; border-radius: 0.15rem; margin-bottom: 0.38rem; }
.read_report .msg_view textarea{ width: 100%; height: 100%; padding: 0.15rem; font-size: 0.26rem; border: none; }
.read_report .msg_view textarea:focus {outline: none;}
.read_report .btn_submit { height: 0.86rem; line-height: 0.86rem; border-radius: 0.43rem; font-size: 0.32rem; background: #1878f3; color: #fff; text-align: center; }
.read_report .btn_submit:active { opacity: .7; }
.read_report .btn_submit.disabled {background: #d9d9d9;}

/* 充值成功、失败 */
.successed_purchase {margin-top: 1.4rem;}
.successed_purchase i.success,.successed_purchase i.failure {width: 1.1rem;height: 1.1rem;background: url(../images/icon_tips_success.png) no-repeat center;background-size: 1.1rem;display: block;margin: auto;}
.successed_purchase span {display: block;text-align: center;color: #1878f3;font-size: .36rem;margin-top: .2rem;}
.successed_purchase a {}
.successed_purchase i.failure {background: url(../images/icon_tips_fail.png) no-repeat center;background-size: 1.1rem;}
.complete {}
.complete {width: 3rem;height: 0.89rem;background: linear-gradient(to right, #1babf9 , #1a77f5);font-size: .32rem;font-weight: bold;text-align: center;line-height: 0.89rem;color: #fff;
    border-radius: .445rem;margin:.6rem auto 0;display: block;}

/* 阅读连载中 */
.read_serial{}
.read_serial .hint_msg { margin-top: 1.86rem; margin-bottom: 1.76rem; text-align: center;}
.read_serial .hint_msg .h1 { font-size: 0.36rem; font-weight: bold; margin-bottom: 0.4rem;} 
.read_serial .hint_msg .h2 { font-size: 0.26rem; color: #f76442; } 
.read_serial .recommend_book { padding: 0 0.4rem;} 
.read_serial .recommend_book .label{ font-size: 0.32rem; font-weight: bold; margin-bottom: 0.36rem; } 
.read_serial .recommend_book .list{ flex-wrap: wrap; } 
.read_serial .recommend_book .book{ width: 1.76rem; margin-bottom: 0.24rem; } 
.read_serial .recommend_book .book .cover{ width: 100%; font-size: 0; margin-bottom: 0.15rem; } 
.read_serial .recommend_book .book .cover img{ width: 100%; height: 2.42rem; } 
.read_serial .recommend_book .book .name { font-size: 0.24rem; height: 0.54rem; } 

/* 完结 */
.hint_msg .btns a {width: 3rem;height: 0.8rem;border-radius: .4rem;font-size: .28rem;}
.hint_msg .btns a:first-child {background: rgba(255,255,255,.7);color: #1878f3;}
.hint_msg .btns a:last-child {background: rgba(255,255,255,.7);color: #f76442;margin-left:.3rem;}
.chaperList a, .classify_label a, .classify_tags a,.classify_tags a:active,.classify_tags span a:visited {color:#1e2226;}
/* iphonex 适配 */
/* @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .share {height: 3.76rem;}
} */
@media (min-height: 737px) {
    .share {height: 3.76rem;}
    .tipPopup {height: 12rem;margin-top: -6rem;}
    .tipPopup .popupContent {background: #fff;height: 11rem;}
}