@charset "utf-8";
body { font-family: "microsoft yahei", "Verdana";color: #333; font-size: .3rem; background: #f6f6f6;margin:0 auto; max-width: 800px; min-width: 320px;  position: relative; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none; overflow-x: hidden;}
a { color: #333;}
/* header */
.header{height: 1rem; padding: 0 .38rem;}
.head_l a {height: 1rem; line-height: 1rem; color: #fff; font-size: .36rem;   max-width: 2.16rem;   display: block;  text-shadow: #333 0.1em 0.1em 0.2em}


.head_r{-webkit-box-flex: 1;    box-flex: 1;  margin-top: .18rem;  background: rgba(255,255,255,0.5);    position: relative;    overflow: hidden;    width: 5rem;    height: .63rem;    padding-left:.2rem;    border-radius: .3rem;}
.head_r .text{    width: 80%;    height: .63rem;  color: #fff;  line-height: .63rem;   border: none;    background: 0 0; font-size: .3rem;}
.head_r .sub{    width: 20%;    height: .63rem;    border: none;    background: url(../img/icon_search.png) no-repeat center center;    background-size: 50%;}
.nav{font-size: 0; height: .84rem;line-height: .84rem;}
.nav a{width: 25%; font-size: .40rem; display: block; display: inline-block; text-align: center;}
.swiper-container .swiper-slide a{ position: relative; display: block; margin: 0 .38rem; padding-bottom: .35rem;}
.swiper-container .swiper-slide a img{width: 100%; border-radius: .2rem;}
.swiper-pagination-bullet-active{background: #e64c44;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: .45rem;}
/* book list . four in a row */
.plr_title{height: .92rem;padding-top: .1rem;display: -webkit-box;    display: -moz-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -moz-align-items: center;    -webkit-align-items: center;    align-items: center;    -moz-justify-content: space-between;    -webkit-justify-content: space-between;    justify-content: space-between;    position: relative;}
.plr_title h1 ,.plr_title h2{font-size: .40rem;}
.plr_title h1:before ,.plr_title h2:before {   content: " ";    display: inline-block;    vertical-align: -.22ex;    margin-right: 0.16rem;    width:.05rem;    height: .32rem;    border-radius: 0.32rem;}
.plr_title a{font-size: .25rem; color: #999;}
.book_slide ul {	font-size: 0;	letter-spacing: 0;}
.book_slide ul li {	display: inline-block;	vertical-align: top;   margin-right: 4%;  text-align: left;	 width: 22%;	font-size: 100%;	position: relative;}
.book_slide ul li:nth-child(4),.book_slide ul li:nth-child(8){margin-right: 0;}
.book_slide ul li a {	display: inline-block;	width: 100%;  text-align: left; margin-bottom: .25rem;}
.book_slide ul li a img {    display: block;	    width: 100%;    height: auto; box-shadow: 0rem 0.0625rem 0.125rem rgba(0,0,0,0.2);}
.book_slide ul li a span {	    display: block;  margin-top: .14rem;   font-size: .3rem;    text-align: center;    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;}
/* tab */
.menu1{height: .58rem;    background: #fff;    margin: .25rem .38rem;   border-radius: .04rem; overflow: hidden;}
.menu1 li {    float: left;    text-align: center;    width: 33.33%;    height: .58rem;    line-height: .58rem;  font-size: 16px;    cursor: pointer;  }
.menu1 li:last-child{border-right:0;}
.menu1 li.active {   color: #fff !important;    margin-left: 0!important;}
/* tab list .  one in a row */
.iList{padding-bottom: .25rem;}
.iList li{ border-bottom: 1px solid #f0f0f0;    padding: .25rem 0;}
.iList li:last-child{border-bottom: 0;}
.book_layout {    position: relative;    display: block;    overflow: hidden;    -webkit-transition: padding-left .15s;    transition: padding-left .15s;}
.book_layout img{ width: 1.5rem; height: 2rem;} 
.book_cell {    overflow: hidden;    padding-left: .24rem;}
.book_title {    line-height: 1.4;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; font-size: .36rem;}
.book_desc{  line-height: .42rem;  font-size: .22rem;  color: #999;  display: -webkit-box; margin:.1rem 0 .18rem 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}
.book_meta {     overflow: hidden; color: #999;}
.book_author {    font-size: .22rem;   white-space: nowrap;    text-overflow: ellipsis;}
.book_layout_1 {    position: relative;    display: block;    overflow: hidden;    -webkit-transition: padding-left .15s;    transition: padding-left .15s;}
.book_layout_1 img{width: 1.3rem;height: 1.3rem;border-radius: 55px;margin-top: 4px;} 
.book_cell_1 {    overflow: hidden;    padding-left: .24rem;}
.book_title_1 {line-height: 1.4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}
.book_desc_1{line-height: .42rem;font-size: 15px;color: #999;display: -webkit-box;margin:.1rem 0 .18rem 0;-webkit-box-orient: vertical;}
.tag_small_group{font-size: .18rem;}
.tag_small_group em{padding: 0 .05rem; margin-left: .05rem;}
.tag_serial{border:1px solid #009944; color: #009944;}
/* footer */
footer{font-size: .22rem; text-align: center;padding: .5rem 0; color: #777; background: #fff;}
footer a{display: block; color: #777;margin: .06rem 0;}
/*
 *  novel_details.css 
 * 
 */
.toolbar{ background: #fff; border-top: .02rem solid #eee; border-bottom: .02rem solid #eee; padding: 0 .38rem; overflow: hidden;}
.toolbar a{    height: .7rem;    line-height: .7rem;    float: left; color: #999; font-size: .25rem;}
.toolbar i{background: url(../img/toolbar_bg.png) no-repeat;width: .5rem;height: .68rem;float: left;    background-size: 100%;     margin: 0 .05rem;}
.book_deta{padding: .38rem 0; overflow: hidden;}
.book_deta img{width: 1.5rem; height: 2rem;}
.book_deta .desc{margin-left: 1.85rem;}
.book_deta .desc p{    margin-top: .1rem; overflow: hidden;}
.book_deta .desc p{font-size: .22rem; color: #999;}
.book_deta a{font-size: .22rem; color: #e64b43;}
.book_deta .desc p span{display: inline-block; width: 50%; float: left;}
.book_deta .desc p.tag i{ padding: 0 .2rem; }
/* link */
.book_link{font-size: 0; padding-bottom: .38rem; border-bottom: 1px solid #f0f0f0;}
.book_link .button {	height: .8rem;	line-height: .8rem;    display: inline-block;   vertical-align: middle;  border-radius: 2px;  text-align: center;    color: #fff;    font-size: .3rem;    width: 45%;    margin-right: 5%;}
.book_link .button:last-child{margin-right: 0; margin-left: 5%;}
.book_intro{position: relative;padding:2% 2% 5% 2%;color:#999;font-size:15px;line-height:20px;}
.book_intro .cont{overflow: hidden; height: 1.26rem;}
.book_intro .intro_more{	position: absolute;	bottom: .38rem; right: 3%;	padding-left: 10px;	background: #fff;}
.book_intro .intro_more:after{	content: "";	display: block;	width: 1rem;	height: .38rem;	position: absolute;	left: -1rem;	top: 0;	background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);}
/* tab  */
.tabs2_wraper{background: #fff;}
.menu{overflow: hidden;}
.menu_1{overflow: hidden;height: 1200px;}
.menu2 li , .menu3 li{width: 2.65rem; text-align: center; float: left;font-size: .30rem; height: .8rem; line-height: .8rem;} 
.chapter_wraper .chapter_cont{font-size: 16px;color: #666;height: 7rem;overflow: hidden;padding:.1rem 0 .4rem 0;line-height: 30px;}
.chapter_wraper .chapter_cont p{margin-bottom: .16rem;}
.chapter_cont h2 {padding: .10rem .24rem;font-size: .38rem;border-left: 3px solid #e64b43;line-height: .54rem;font-weight: bold;background: #f6f7f8;}
.show_more{position: relative; padding-bottom: .4rem;}
.show_more a{color: #E64C44; border: 1px solid #E64C44; font-size: .40rem; margin: 0 auto; width: 3.0rem; height: .66rem; line-height: .66rem; display: block;text-align: center; border-radius: .4rem;}
.show_more a:after {    content: "";    display: block;    width: 100%;    height: 2rem;    position: absolute;    left: 0;    top: -2rem;    background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff);}
.chapter_list ,.book_recommend{padding-bottom: .2rem;}
.chapter_list li ,.book_recommend ul li {    height: 1rem;    line-height: 1rem;   border-bottom: 1px solid #eee; font-size: .28rem;}
.chapter_list li a{color: #666;}
.chapter_list li:last-child ,.book_recommend ul li:last-child{border-bottom: 0;}
/* recommend */
.book_recommend ul li{font-size: .3rem;display: block;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}
.cont_iList li:first-child{padding-top: 0;}
/*
 *  info.css 
 * 
 */
.news_list {/* border-top: 0.2rem solid transparent; */border-bottom: 0.4rem solid transparent;}
.news_list ul li {	position: relative;}
.news_list ul li::after {	display: block;    margin-top: -1px;   content: '';    -webkit-transition: margin-left .15s;    transition: margin-left .15s;    border-bottom: 1px solid #f0f1f2;}
.news_list ul li:last-child::after {	display: none}
.news_list ul li a {	position: relative;	z-index: 2;	display: block;	line-height: .9rem;	white-space: nowrap;	text-overflow: ellipsis;	overflow: hidden; padding-right: .9rem;}
.news_list ul li span {	position: absolute;	right: 0;	top: 0;	z-index: 1;	 line-height: .9rem;	font-size: .22rem;	color: #999;}
/*分页*/
.pages {	text-align: center;	color: #484848;	font-size: 0;	letter-spacing: 0;	padding: .5rem 0  .3rem 0;	border-top: 1px solid #f0f1f2;}
.pages>a,.pages>span {	display: inline-block;	box-sizing: border-box;	vertical-align: top; color:#666; width: 40%;	height: .85rem;	line-height: .85rem;	background: #f6f7f8;	font-size: .3rem;	border: 1px solid transparent;	border-radius: 0.1rem;	margin: 0 5%;}
.paginator {	text-align: center;	color: #484848;	font-size: 0;	letter-spacing: 0;	padding: .5rem 0  .3rem 0;	border-top: 1px solid #f0f1f2;}
.paginator>a,.pages>span {	display: inline-block;	box-sizing: border-box;	vertical-align: top; color:#666; width: 40%;	height: .85rem;	line-height: .85rem;	background: #f6f7f8;	font-size: .3rem;	border: 1px solid transparent;	border-radius: 0.1rem;	margin: 0 5%;}

/* 新增分页 */
.pages .pageindex{	border: none;	background: transparent;	color: #fe7031;	display:none;}
/*
 *
 * library.css 
 * 
 */
.book_nav{padding: .38rem; }
.book_nav ul { overflow: hidden;}
.book_nav ul li{  float: left;   width: 16.66%;    font-size: 100%; }
.book_nav ul li.on a {    color: #fff;}
.book_nav ul li a {    display: block;    margin: .08rem;    padding: .06rem 0;    font-size: .26rem;    line-height: normal;    text-align: center;    border-radius: 100px;}
.cont_iList01 li:first-child{padding-top: 0;}
.pages01{border-top:0; padding: .1rem 0  .6rem 0;}
/*
 *
 * writer.css 
 * 
 */
.writer_info{text-align: center; padding: .3rem .38rem .5rem .38rem; background: linear-gradient(to top,#fff,rgba(255,255,255,0) 1rem) no-repeat center bottom;}
.writer_info img{width: 1.38rem; height: 1.38rem; border-radius: 50%;}
.writer_info h1{font-size: .35rem; font-weight: bold; margin: .2rem 0;}
.writer_info p{color: #999;}
/*
 * 
 * list.css
 * 
 */
.list_wrap{overflow: hidden; background: #fff;}
.tabs3{width: 1.6rem;float: left;}
.tabs3 .menu li{width: 1.6rem;border-right: 1px solid #f6f6f6;    border-bottom: 1px solid #f6f6f6;}
.tabs3 .menu .active{ color: #fff;}
.tabs3 .menu_1 li{width: 1.6rem;border-right: 1px solid #f6f6f6;    border-bottom: 1px solid #f6f6f6;}
.tabs3 .menu_1 .active{ color: #fff;}
.ranking_list{float: right; width: 6.4rem; padding-left: .25rem;}
.ranking_list ul li{    padding-right: .25rem;}

/*
 * 
 * wechat_read.css
 * 
 */
.header1{background: #f0f0f0; line-height: 1rem;}
.icon_back,.icon_back2{background: url(../img/go_back.png) no-repeat; float: left; width: .3rem; height: .3rem;  background-size: 100%; margin:.35rem .1rem 0 0 ;}
.icon_back2{background: url(../img/go_back_2.png) no-repeat;   width: .36rem; height: .36rem;   background-size: 100%; margin:.32rem .1rem 0 0;}
.wechat_warp .novel_info {text-align: center; font-size: 16px;}
.wechat_warp .novel_info p{margin-top: .1rem;}
.wechat_warp .novel_info p img{width: 1.5rem; height: 2rem; margin: .5rem 0 .3rem 0;}
.wechat_warp .novel_info p span{ font-weight: bold; margin: 0 .2rem;}
.wechat_warp .novel_info p a{ background: #1AAD19; font-size: 14px; color: #fff; margin: 0 .2rem; border-radius: .1rem; padding: .01rem .15rem;}
.btn-copy-wechat1{    background: #1AAD19;    color: #fff; font-size: 18px;   width: 90%; padding: .05rem 0;  display: block; margin: .3rem auto;   border-radius: .1rem;}
.novel_other{text-align: center; font-size: 14px;}
.popup-wrap * {	box-sizing: border-box;	margin: 0;	padding: 0;	border: 0;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	-webkit-text-size-adjust: none;}
.popup-wrap {	width: 100%;	height: 100%;	position: fixed;	display: block;	top: 0;	left: 0;	content: "";	z-index: 99;	background-color: rgba(51, 51, 51, .5);}
.popup-wrap .popup-box {	width: 255px;	background: #fff;	position: absolute;	-webkit-transform: translate(-50%, -80%);	transform: translate(-50%, -80%);	top: 50%;	left: 50%;	font-size: 12px;	text-align: center;border-radius: 4px;}
.popup-wrap .popup-box .content,
.popup-wrap .popup-box .popup-close,
.popup-wrap .popup-box .title {	width: 100%;	left: 0;	text-align: center;	 margin-top: 15px;}
.popup-wrap .popup-box .title .notice-title {	height: 21px;	line-height: 21px;	vertical-align: middle;	font-family: PingFangSC-Medium;	font-size: 19px;	color: #222;}
.popup-wrap .popup-box .title .warm-icon {	background: url(/content/error.png) no-repeat 50%;	background-size: contain}
.popup-wrap .popup-box .title .success-icon,.popup-wrap .popup-box .title .warm-icon {	width: 38px;	height: 38px;	display: block;	margin: 0 auto 10px;	vertical-align: middle;	-webkit-box-sizing: content-box;	box-sizing: content-box;}
.popup-wrap .popup-box .title .success-icon {	background: url(../img/icon_success.png) no-repeat 50%;	background-size: contain;}
.popup-wrap .popup-box .content {	font-size: 14px;	line-height: 20px;	padding: 0px 22px 10px 22px;}
.popup-wrap .popup-box .popup-cancle {	width: 76px;	height: 28px;	border-radius: 96px;	line-height: 26px;	font-size: 13px;	border: 1px solid #999;	color: #999;	margin: 10px 15px 15px 0;	padding: 0;}
.popup-wrap .popup-box .popup-close {	width: 76px;	height: 28px;	display: inline-block;	border-radius: 96px;	line-height: 26px;	font-size: 13px;	border: 1px solid #00d48c;	color: #00d48c;	margin: 10px auto 15px auto;	padding: 0;}

/*
 * 
 * book.html
 * 
 */
.b_header{font-size: .36rem;    height: 1rem;    line-height: 1rem;}
.b_header .novel_name img,.b_header .novel_home img{     width: .3rem;    height: auto;    padding-bottom: .06rem;}
.b_header .novel_home img{ width: .4rem;}
.changeColor,.changeColor div {background-color:#f6f7f9;}
.tools {padding: .3rem 0 .4rem 0;}
.tools .t_color span{	width: .7rem;	height: .46rem;	line-height: .46rem;	border-radius: .06rem;	text-align: center;	display: block;	float: left;	margin-right: .2rem;}
.tools .t_color span.on {	border-color: #848484 !important;}
.tools .t_color span.b1{	background: #fff;	border-color: #fff;}
.tools .t_color span.b2{	background: #e3ecd0;	border-color: #e3ecd0;}
.tools .t_color span.b3{	background: #eece9c;	border-color: #eece9c;}
.tools .t_color span.b4{	background: #0f1417;	border-color: #0f1417;	}
.tools .t_color span.b4 img{	width: .4rem; height: auto; margin-bottom: .1rem;}
.tools .t_color .b4.on {	border-color: #fff !important;}
.tools .t_fontSize{	font-size: .34rem;}
.tools .t_fontSize span{	width: .85rem;	height: .46rem;	line-height: .46rem; float: left;	border-radius: .06rem;	display: block;	text-align: center;	background: #eee;	margin-left: .2rem;	color: #666;}
.book_cont {    height: auto;   color: rgb(83,83,83);    text-align: justify;}
.book_cont p {    margin-bottom: 20px;  height: auto;  float: left;   width: 100%; }
.desc h1{font-size: .45rem;font-weight: bold;}
/* 第一种颜色 */
.green div,.green{	background-color: #e3ecd0;}
.khaki div,.khaki{	background-color: #d4b88e;}
.khaki .change_charpeter ol li{	border: 1px #b79e79 solid;}
.hongsezi{color:#ff2034;}
/*改变背景*/
.darknight div,.darknight{    background-color: rgb(34, 34, 34);    color: rgb(153, 153, 153);}
.darknight .b_header div a{	color: #999999}
/*变小*/
.fontscale5{	font-size:.28rem;	line-height:.425rem;  text-indent: 0.5rem;	text-indent:0.625rem; }
.fontscale4{	font-size:.24rem;	line-height:.425rem;  text-indent:0.4375rem;  text-indent:0.5625rem;}
.fontscale3{	font-size:.22rem;	line-height:.425rem;  text-indent:0.375rem;  text-indent: 0.5rem;}
.fontscale2{	font-size:.2rem;	line-height:.425rem;	text-indent:0.4375rem;}
.fontscale1{	font-size:.18rem;	line-height:.425rem;	text-indent:0.375rem;}
/*正常大小*/
.fontscale6{ 	font-size: .3rem; line-height:.495rem;	text-indent:.575rem;}
/*变大*/
.fontscale7{	font-size: .34rem;	line-height: .5rem;	text-indent: .64rem;}
.fontscale8{	font-size: .36rem;	line-height: .52rem;	text-indent: .72rem;}
.fontscale9{	font-size: .38rem;	line-height: .56rem;	text-indent: .76rem;}
.fontscale10{	font-size: .4rem;	line-height: .6rem;	  text-indent: .8rem;}
.fontscale11{	font-size: .42rem;	line-height: .64rem;	text-indent: .86rem;}
.fontscale12{	font-size: .46rem;	line-height: .7rem;	text-indent: .92rem;}
/*章节切换·*/
.change_charpeter{	padding:.9rem  0 .25rem 0;    width:100%;}
.change_charpeter ol{	overflow: hidden;}
.change_charpeter ol li{	width:30%;	border: 1px #ccc solid;	border-radius: .1rem;}
.change_charpeter ol li:nth-child(2){	margin: 0 5%;	width: 30%;}
.change_charpeter ol li a{	display: block;	height: .62rem;	line-height: .62rem;  color: #555;  text-align: center;	font-size: .3rem;}
.reading_box ,.download_box{    padding-bottom:.25rem;}
.reading_box a{	display: block;	padding: .16rem 0;	text-align: center;	color: #fff;	background: #e64b43;	border-radius: .1rem; }
.download_box ,.download_box a ,.download_box a img{width: 100%;}
.download_box a{display: block; }

/*
 * 
 * news.html
 * 
 */
.headernews{	 position: fixed;    top: 0;    left: 0;  right:0;  z-index: 999;    max-width: 800px;     margin-left: auto;    margin-right: auto;}
.headernews h1{    position: absolute;    max-width: 60%;  line-height: 1rem;     padding-left: .4rem; font-size: .35rem;  color: #fff;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}

.headernews .icon_grouop {    padding: .25rem 0;   font-size: 0;    letter-spacing: 0;}
.headernews .icon_search  {	display: inline-block; margin-right: .3rem;	width: .5rem;	height: .5rem;	background: url(../img/icon_search2.png) no-repeat 50% 50%;	background-size: .42rem;	position: relative;}
.headernews .icon_menu {	display: inline-block;	width: .5rem;	height: .5rem;	background:url(../img/icon_more.png)  no-repeat 50% 50%;	background-size:.42rem;	position: relative;}
/*search*/
.news_search {    position: fixed;    top: 1rem;    right: 0;    bottom: 0;    left: 0;	z-index: 888;    visibility: hidden;    overflow: hidden;    transition: visibility .25s;    -wekit-transition: visibility .25s;}
.news_search .search_mask {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    visibility: hidden;    opacity: 0;    background-color: #000;    -webkit-transition: opacity .25s;    transition: opacity .25s, visibility .25s;}
.news_search .search_panel {    position: fixed;    top: 1rem;    right: 0;    bottom: 0;    left: 0;    z-index: 3;    overflow: hidden;	height: 6rem;    background-color: #fff;    -webkit-transform: translateY(-100%);    transform: translateY(-100%);    -webkit-transition: -webkit-transform .15s;    transition: transform .15s;}
.news_search.show {	visibility: visible;    -wekit-transition: none;    transition: none;}
.news_search.show .search_mask {	visibility: visible;	opacity: .6;}
.news_search.show .search_panel  {  padding: 0 .36rem;    -webkit-transform: translateY(0);    transform: translateY(0);}
.news_search .search_form {	padding-top: .36rem; position: relative;}
.news_search .search_form input {	font-size: .32rem; box-sizing: border-box;	padding: 0 .25rem ;	width: 100%;height: .8rem;     border-radius: .1rem;    border: 1px solid #e64b43;}
.news_search .search_form button {	position: absolute;	top: .36rem;  right: 0;	display: inline-block;	box-sizing: border-box;	width: .9rem;	height: .8rem;	color: #fff;	border: none;	background: #e64b43;	border-radius: 0 .1rem .1rem 0;	font-size: .34rem;}
.news_search .search_bar {	line-height: .8rem;	color: #999;	font-size: .32rem;}
.news_search .search_tags {	height: 5.5rem;	overflow: hidden;	letter-spacing: 0;}
.news_search .search_tags a {    display: inline-block;    margin: .09rem .07rem;    padding: .05rem .24rem;    line-height: normal;    text-align: center;    color: #969ba3;    border: 1px solid #969ba3;    border-radius: 100px;}

/*menu*/
.news_menu {    position: fixed;    z-index: 10;    top: 1rem;    right: 0;    bottom: 0;    left: 0;	z-index: 888;    visibility: hidden;    overflow: hidden;    transition: visibility .25s;    -wekit-transition: visibility .25s;}
.news_menu .menu_mask {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    visibility: hidden;    opacity: 0;    background-color: #000;    -webkit-transition: opacity .25s;    transition: opacity .25s, visibility .25s;}
.news_menu .menu_panel {    position: fixed;    top: 1rem;    right: 0;    bottom: 0;    left: 0;    z-index: 3;    overflow: hidden;	height: 4.6rem;    background-color: #fff;    -webkit-transform: translateY(-100%);    transform: translateY(-100%);    -webkit-transition: -webkit-transform .15s;    transition: transform .15s;}
.news_menu.show {	visibility: visible;    -wekit-transition: none;    transition: none;}
.news_menu.show .menu_mask {	visibility: visible;	opacity: .6;}
.news_menu.show .menu_panel  {   -webkit-transform: translateY(0);    transform: translateY(0);}
.news_menu .menu_list {	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	justify-content: space-between;    -webkit-box-pack: justify;    box-sizing: border-box;	overflow: hidden;	padding: .36rem .2rem;	background: #fff;}
.news_menu .menu_list a {    display: inline-block;    padding: .2rem;    width: 1.8rem;    height: 2rem;    font-size: .32rem;	text-align: center;}
.news_menu .menu_list a img {	width: 1rem;	height: 1rem;}
.news_menu .menu_list a span {	display: block;	padding-top: .15rem;	font-size: .34rem;	font-weight: normal;}
.news_menu .menu_btn {	padding: 2% calc(4% + 0.625rem);	text-indent: center;}
.news_menu .menu_btn .btn_bookshelf {	display: block;	line-height: .8rem;	font-size: .34rem;	text-align: center;	cursor: pointer;	color: #fff;	background: #e64b43;	border-radius: 100px;}
.news_warp{overflow: hidden; padding-top: 1px;}
.news_info{margin-top: 0;    padding-bottom: .4rem;}
.news_info .title{	padding: .38rem 0;    border-bottom: 1px solid #f0f1f2;}
.news_info .title h1, .news_info .title h2 {    line-height: .6rem;    font-size: .38rem;    font-weight: bold;}
.news_info .title p{    margin-top: .18rem;    line-height: .3rem;    font-size: .3rem;}
.news_info .title p span{     margin-right: .4rem;    color: #999;}
.news_info .description{	margin: .34rem  0;    line-height: .56rem;    font-size: .32rem;    text-align: justify;    background: #f9f9f9;    padding: .2rem .38rem;    border: 1px solid #f1f1f1;    border-radius: .2rem;}
.news_info .cover {   padding-top: .3rem;    overflow: hidden;}
.news_info .cover .pic {    position: relative;    left: -0.4rem;    z-index: 100;   display: block;    margin: 0 auto;    width: 3.26rem;    height: 4.35rem;    transform: perspective(800px) rotateX(0) rotateY(-30deg) rotateZ(0);}
.news_info .cover .pic img {    position: absolute;    z-index: 103;    width: 100%;    height: 100%;    vertical-align: top;    background: #f6f7f8;}
.news_info .cover .pic::after {    position: absolute;    left: 100%;    top: 1.75%;    z-index: 102;    width: 5%;    height: 96.5%;    content: "";    -webkit-transform: perspective(60px) rotateY(30deg);    -moz-transform: perspective(60px) rotateY(30deg);    transform: perspective(60px) rotateY(30deg);    background-color: #efefef;    box-shadow: inset 0 0 .125rem #666;}
.news_info .cover .stars {    margin-top: .4rem;    font-size: .35rem;    text-align: center;}
.news_info .cover .stars .star {    display: inline-block;  width: 1.6rem;    height: .3rem;    background: url(../img/stars.png) no-repeat; background-size: 1.6rem;   vertical-align: middle;}
.news_info .cover .stars .star i {    display: block;    width: auto;    height: .3rem;     background: url(../img/stars_red.png) no-repeat; background-size: 1.6rem;   text-indent: -9999px;    overflow: hidden;}
.news_info .cover .read {    margin-top: .4rem;    font-size: .35rem;    text-align: center;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    line-height: normal;}
.news_info .content {    position: relative;  line-height: .6rem;    font-size: .32rem;    text-align: justify;    overflow: hidden;}
.news_info .content h3 {    margin: .72rem 0 .36rem 0;    padding: .18rem .24rem;  font-size: .34rem;  border-left: 3px solid #e64b43;    line-height: .54rem;   font-weight: bold;    background: #f6f7f8;}
.news_info .content h2 {padding: .18rem .24rem;  font-size: .34rem;  border-left: 3px solid #e64b43;    line-height: .54rem;   font-weight: bold;    background: #f6f7f8;}
.news_info .content p {    margin: .26rem 0;    line-height: .5rem; text-indent:2em;  }
.news_info .content_more:after {    content: "";    display: block;    width: 100%;    height: 2rem;    position: absolute;    left: 0;    background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff);    bottom: 0;}
.news_info .show_more {    font-size: .32rem;    line-height: .7rem;    display: none;    width: 3.4rem;    height: .7rem;    margin: .3rem auto .6rem;    cursor: pointer;    text-align: center;    -webkit-border-radius: 50px;    border-radius: 50px;    color: #e64b43;    border: 1px solid #e64b43;    padding-bottom: 0;}
.news_info .porn li {    padding: .1rem 0;    line-height: .6rem;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}
.news_info .book {    padding: .38rem 0;    border-top: 1px solid #f0f1f2;    border-bottom: 1px solid #f0f1f2;}
.news_info .book dt {	width: 2.28rem;	height: 3.05rem;}
.news_info .book dt img {	width: 100%;	height: 100%;	vertical-align: top;	box-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0,0,0,0.2);}
.news_info .book dd {	position: relative;	padding-left: .5rem;		height: 3.05rem;	width: calc(100% - 2.28rem);   overflow: hidden;}
.news_info .book dd h4 {	margin-bottom: .2rem;	font-size: .36rem;	font-weight: bold;	white-space: nowrap;	text-overflow: ellipsis;	overflow: hidden;}
.news_info .book .intro{    color: #666;    display: -webkit-box;    margin: .1rem 0 .18rem 0;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}
.news_info .book .tag a ,.news_info .book .tag i{color: #666; font-size: .28rem;}
.news_info .book .tag i{ padding:0 .2rem;}
.news_info .book .view{background: #E64B43; margin-top: .2rem; color: #fff; display: block; text-align: center;  width: 2.6rem;  height: .6rem; line-height: .6rem;  border-radius: .1rem;}
/*
 * 
 * special_list.html
 * 
 */
.special_book_content,.special_content{margin-top: 1rem;}
.iList_special{padding-bottom: 0; border-bottom: 1px solid #f6f6f6;}
.news_list_special{border-top:0;}

.mlfy_main_sz{position:fixed;top:90px;display:none;background:#fffff9;padding:40px 24px;width:100%;}
.mlfy_main_sz .ml .txt{font-size:18px;line-height:22px;margin-right:20px;padding:0 2px 4px;cursor:pointer;border-bottom:1px solid #0087d5;color:#0087d5}
.mlfy_main_sz .ml{position:relative;margin-bottom:24px}
.mlfy_main_sz.b1 .panel-box a{width: 50%;float:left;display:block;font-size: 14px;line-height: 35px;border-bottom:1px solid #f2f2f2;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}