@charset "utf-8";
/* CSS Document */
*{	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box}
*,body{padding:0px;	margin:0px; }
body{background: #f2f3f4;color:#333; font-size: 14px; font-family: "微软雅黑";}
li{ list-style-type:none;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#666;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
a:hover{ color:#06c; text-decoration: none!important}
input{outline: none;}
.clearfix:after,.clearfix:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}
.clearfix:after,.container:after,.row:after{clear:both}
.container{margin:70px auto 16px;min-height:300px;width:100%;max-width:1112px;box-sizing:border-box}
.col-8{ float: left;width: 66%;}
.col-update{ float: left;width: 100%;}
.col-88{ float: left;width: 100%;}
.col-888{ float: left;width: 66%;}
.col-4{width: 32%;float: right;}
.col-44{width: 32%;float: right;}
.col-99{ float: left;width: 100%;}
.mybox{position:relative;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:3px;width:100%;color:rgba(0,0,0,.8);background-color:#fff;padding:16px;margin:24px 0}
.mytitle{margin:0 0 10px;border-bottom:1px solid rgba(150,150,150,.2);padding-bottom:5px;font-size: 16px;}
.mytitle2{margin: 23px 10px 10px 10px;border-bottom:1px solid rgba(150,150,150,.2);padding-bottom:5px;font-size: 16px;}
.mytitle3{margin:0 0 10px;border-bottom:1px solid rgba(150,150,150,.2);font-size: 16px;}
.mytitle3 a.active{
    border-bottom: 2px solid #007ead;
    color: #007ead;
}
.mytitle3 a{
    display: inline-block;
    margin: 0 2.5%;
    width: 45%;
    height: 43px;
    text-align: center;
    color: #333;
}
.tabs {border-bottom:1px solid #eee;margin-bottom: 10px;}
.tabs2 {border-bottom:1px solid #eee;margin-bottom: 10px;}
.tabs li{float:left;width:50%;margin-bottom:-1px}
.tabs2 li{float:left;width:33.3333%;margin-bottom:-1px}
.tabs li a{display:flex;padding:4px 4px 8px 4px;font-size:16px; justify-content: center; align-items: center;}
.tabs2 li a{display:flex;padding:4px 4px 8px 4px;font-size:16px; justify-content: center; align-items: center;}
.tabs li.active a{color:#007ead;border-bottom:2px solid #007ead;border-radius:8px 8px 0 0}
.tabs2 li.active a{color:#007ead;border-bottom:2px solid #007ead;border-radius:8px 8px 0 0}
.tabs .icon-hot{font-size: 16px; color: red; opacity: 1;}
.tabs2 .icon-hot{font-size: 16px; color: red; opacity: 1;}
.tabs i{ margin-right: 5px; opacity: .5; font-size: 22px;}
.tabs2 i{ margin-right: 5px; opacity: .5; font-size: 22px;}


.booklist li .viewnum{padding:0 8px 0 0;color:#757575;font-size:13px;background-size:15px;margin-top:3px;white-space:nowrap}
.booklist li .viewnum i{margin-right: 5px; display: inline-block;}
.booklist li .bookimg{width:48px;height:64px;overflow:hidden;float:left;margin-right:10px}
.booklist li .bookimg a,.booklist li .bookimg a img{display:block;width:100%;height:100%;transition:all .5s}
.booklist li .bookimg a img{object-fit:cover}
.booklist li:hover .bookimg a{transform:scale(1.1)}
.booklist li .booknav{width:calc(100% - 58px);float:left}
.booklist li .booknav a{max-height:40px;display:block;overflow:hidden;color:#333;font-size:14px;font-weight:700}
.booklist li .booknav a span{display:inline-block;padding-right:5px}
.ellipsis_1{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.ellipsis_2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.ellipsis_3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.ellipsis_4{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.ellipsis_5{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}

.booklist li:hover{background:#f9f9f9}
.booklist li{overflow:hidden;padding:10px;border:1px solid #eaeaea;margin:10px 0 0 0;-webkit-box-shadow:0 0 8px 0 rgb(0 0 0 / 10%);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 0 8px 0 rgb(0 0 0 / 10%);position:relative}
.booklist li .text{padding-top:5px;color:#757575}
.booklist li:hover .booknav a{color:#007ead}

.btn{text-align:center;border-radius:4px;background:#007ead;cursor:pointer;border:none;color:#fff;transition:all .5s}
.btn:hover{box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff}
a.more-btn{margin:15px auto 0 auto;display:block;width:100px;padding:6px 12px;font-size:13px; }

.booklist2 ul{overflow:hidden}
.booklist2 li .viewnum{padding:0 8px 0 18px;background:url(../images/eye.svg) 0 0 no-repeat;color:#757575;font-size:13px;background-size:15px;margin-top:3px;white-space:nowrap}
.booklist2 li .bookimg{overflow:hidden;position:relative}
.booklist2 .label{position:absolute;border:1px solid #fff;color:#fff;background:rgba(0,0,0,.8);width:47%;bottom:2px;z-index:10;padding:0 4px;text-align:center;background:rgba(0,0,0,.7);font-size:11px}
.booklist2 .label1{left:2px;color:#c4f3c4;border:1px solid #0f0}
.booklist2 .label2{right:2px}
.booklist li .bookimg a img,.booklist2 li .bookimg a{display:block;width:100%;height:100%;transition:all .5s}
.booklist2 li .bookimg a img{object-fit:cover; margin: 0 auto; display:block;}
.booklist2 li:hover .bookimg a{transform:scale(1.1)}
.booklist2 li .booknav .navtitle{color:#333;line-height:1.2;margin:5px 0;height:30px;font-size:14px;font-weight:700}
.booklist2 li .booknav .name{color:#757575;font-size:13px}
.booklist2 li:hover{background:#f9f9f9}
.booklist2 li{overflow:hidden;padding:10px;border:1px solid #eaeaea;margin:10px 0 0 0;width:calc(50% - 5px);float:left;margin-right:10px;-webkit-box-shadow:0 0 8px 0 rgb(0 0 0 / 10%);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 0 8px 0 rgb(0 0 0 / 10%);position:relative}
.booklist2 li:nth-child(even){margin-right:0}
.booklist2 li .text{padding-top:0;color:#757575}
.booklist2 li:hover .booknav a{color:#007ead}


.bread{font-size: 14px; font-weight: normal;}
.bread a{color:#007ead ;}

.bookbox{ padding: 10px; overflow: hidden;}
.bookimg2{ float: left;width: 160px;height: 216px;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);}
.booknav2{ float: left; width: calc(100% - 200px); padding-left: 30px;}
.bookimg2 img{display: block; width: 100%; height: 100%;}
.booknav2 h3{ font-size: 24px; line-height: 1.3;}
.booknav2 h1{ font-size: 24px; line-height: 1.3;margin-bottom: 10px;}
.booknav2 .pifen{ font-size: 16px; padding: 10px 0 10px 0;}
.booknav2 p{ font-size: 15px; padding: 5px 0; color: #757575;}
.addbtn{float: left; padding-left: 30px; display: flex; padding-top: 18px; padding-right: 10px;;}
.addbtn span{line-height: 1.2;}
.addbtn .btn{ line-height: 36px; margin-right: 6px; padding: 0 15px; font-size: 16px; border-radius: 5px;}

.infolist{padding:10px 0;background:#f4f4f4;border-radius:8px;display:flex;margin-top:20px}
.infolist li{width:50%;text-align:center;font-size:18px;font-weight:700;line-height:18px}
.infolist li span{width:100%;display:block;font-size:12px;font-weight:300}

.navtxt h2{text-align:left;font-size:20px;margin:10px 0;text-decoration:underline}
.navtxt p{color:#333;font-size:16px;line-height:35px;padding:10px 0;clear:both;position:relative}
.navtxt .navname{display:block;width:100%;text-align:right;color:#666;margin-top:8px;font-size:smaller}
.qustime h3{padding:20px 0 0 10px;font-size:16px}
.qustime li{margin: 0 5px;}
.qustime li a{border-bottom: 1px solid rgba(150,150,150,.2);
    display: block;  color: #222;
    padding: 15px 0; font-size: 16px;}
.qustime small{float:right;font-size: 15px;color: #666;}


@media (max-width: 990px)
{
    .addbtn{ padding-right: 0; display: flex;}
    .addbtn a{ width: 100%; white-space: nowrap;}
    .addbtn a:last-child{margin-right: 0;}
    .col-8{ float: none;width: 100%;}
	.col-99{ float: none;width: 100%;}
    .col-888{width: 100%;float: none;}
    .col-4{width: 100%;float: none;}
    .col-44{ display: none;}
    .bookbox{padding: 0;}
    .bookimg2{ width: 115px; height: 150px;}
    .booknav2{ width:calc(100% - 115px); padding-left: 10px;  clear:right;}
    .booknav2 h3{font-size: 16px;}
    .booknav2 h1{font-size: 16px;}
    .addbtn{float: none; clear: both; justify-content: center; padding-top: 15px; padding-left: 0;}
    .addbtn .btn{font-size: 14px;}
    .qustime li{margin: 0;}
}
.pull-left{float:left}
.pull-right{float:right}
header{background:#007ead;color:#fff;height:75px; width:100%;position: fixed; left: 0; top: 0;z-index:10; transition: all .3s;}
.menu1 ul{display:flex;height:75px;align-items:center}
.menu1 ul a{color:#fff;border-radius:5px;line-height:32px;display:block;font-size:16px;padding:0 15px}
.menu1 ul a:hover{background:#fff;color:#007ead}
.menubtn{line-height:75px;display:none;padding:0 15px}
.menubtn i{font-size:24px}
.headbox{width:100%;max-width:1250px;padding:0 15px;margin:0 auto}
.logo{display:flex;align-items:center;height:75px}
.logo a{font-size:25px;color:#fff;font-weight:700}
.logoimg{margin-right:10px}
.search{padding:19px 20px}
.search input{width:170px;height:36px;background:0 0;border:none; text-indent: 12px; color: #fff; font-size: 16px;;}

.search .inputbox{float:left}
.search .inputbox i{ display: none;}
.search>i{display:block;border-left:1px solid #fff;font-size:18px;line-height:36px;text-align:center;width:50px;float:left}
.lang{padding:20px 0;position:relative; margin-left: 10px;;}
.lang>a:after{position: absolute; right: 5px; width: 7px; height:7px; border-left: 1px solid #fff; border-bottom:1px solid #fff; transform: rotate(-45deg); content: ""; top: 10px;}
.lang>a{display:block;color:#fff;border:1px solid #fff;border-radius:5px;line-height:32px;display:block;
    padding:0 20px 0 15px; position: relative;}
.lang:hover>a{background-color: rgba(255,255,255,.2);}
.lang ul{position:absolute;background:#fff;color:#000;-webkit-box-shadow:0 1px 3px rgb(0 0 0 / 12%),0 1px 2px rgb(0 0 0 / 24%);box-shadow:0 1px 3px rgb(0 0 0 / 12%),0 1px 2px rgb(0 0 0 / 24%);border-radius:3px;padding:5px 0;width:100%;top:54px;display:none}
.lang ul li{text-align:center;cursor:pointer}
.lang ul li:hover{background:#f5f5f5}
.lang ul li a{display:block;padding:5px 0;}
.user1{width:36px;height:36px;margin:19px 0;margin-left:15px;border-radius:100px;overflow:hidden}
.imgcover{width:100%;height:100%;object-fit:cover}
input::-webkit-input-placeholder{color:#fff}
input::-moz-placeholder{color:#fff}


@media (max-width: 1200px)
{
    .container{margin:50px auto 16px;}
    .logo,.menubtn{height:50px;line-height:50px}
    .lang,.search{padding:7px 0}
    .lang ul{top:41px}
    .search>i{display:block;border:none;line-height:36px;font-size:24px;width:48px;text-align:center}
    header{height:50px;padding:0}
    .headbox{padding:0}
    .logoimg,.menu1,.user1{display:none}
    .menubtn{display:block}
    .search{float:right!important}
    .inputbox{position:absolute;width:100%;height:100%;left:0;top:0;display:none}
    .inputbox{background:#007ead;z-index:1000;padding:7px 15px 7px 7px}
    .search .inputbox i{font-size:24px; float: left; display: block; width: 36px; text-align: center; line-height: 36px;;}
    .inputbox input{width:calc(100% - 36px);float:left;display:block;height:36px;background:0 0;border:1px solid #fff}
}
.leftmenu{ position: fixed; width: 300px; height: 100%; background: #f5f5f5; left: 0; top: 0; padding: 15px 20px; z-index: 100; left: -300px;}
.modbg{ background: rgba(20,20,20,.6); display: none;position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:90;}
.leftmenu .menu_close_btn{ position: absolute; width: 64px; height: 64px; right: 0; top: 0; line-height: 64px; text-align: center;}
.leftmenu .menu_close_btn i{ font-size: 20px;}
.leftmenu .register{display: flex;justify-content: space-between;font-size: 16px;align-items: center;padding: 15px;border-bottom: 1px solid #ddd;margin-left: -5px;}
.leftmenu .menu2{border-bottom: 1px solid #ddd;}
.leftmenu .menu2 li a{ display: flex; align-items: center; width: 100%; padding: 15px 0; font-size: 16px; color: #333; padding:15px 20px 15px 25px;}
.menu2 li a{ display: flex; align-items: center; width: 100%; padding: 15px 0; font-size: 16px; color: #333; padding:15px 20px 15px 25px;}
.leftmenu .menu2 li {margin-left: -20px; margin-right: -20px;}
.leftmenu .menu2 li a:hover{background-color:#eee; }
.menu2 li a:hover{background-color:#eee; }
.leftmenu .menu2 li a i{ font-size: 24px; padding-right: 10px; line-height: 1;}
.menu2 li a i{ font-size: 24px; padding-right: 10px; line-height: 1;}
.headimg{ width: 64px; margin-left: -10px; height: 64px; border: 2px solid #ddd; border-radius: 100px; overflow: hidden; margin-right: 10px;;}
.headimg img{ width: 100%; height: 100%; object-fit: cover;}
.headuser{display: flex; align-items: center; font-size: 16px;}
/**newnovels**/
.newnovels ul{overflow: hidden; margin-left: -10px; margin-right: -10px; font-size: 0;white-space: nowrap;}
.newnovels li{width: 20%; padding: 9px 10px; display: inline-block;}
.newnovels li a{ display: block; text-align: center;}
.newnovels li h3{font-size: 14px; color: #222;}
.newnovels li h4{font-size: 12px;color: #666; padding-top: 1px;}
.indeximgbox{overflow: hidden;}
.indeximgbox img{transition: all .5s; object-fit: cover; display: block;}
.imgbox{overflow: hidden;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);width: 125px;height: 180px;}
.imgbox2{overflow: hidden;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);}
.imgbox img{transition: all .5s;object-fit: cover;display: block;width: 100%;height: 100%;}
.newnovels li:hover .imgbox img{ transform: scale(1.1);}
.newnovels2 li{width:14.285%}
@media (max-width: 1200px)
{
    .newnovels ul{ margin-left: -5px; margin-right: -5px; overflow-x: scroll; padding-bottom: 10px;scrollbar-width: none;-ms-overflow-style: none; }
    .newnovels ul::-webkit-scrollbar { display: none;}
    .newnovels ul li{width: 15%;padding: 9px 5px;}
    .imgbox{overflow: hidden;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);width: 100px;height: 140px;}
}
@media (max-width: 767px)
{
    .newnovels ul li{width: 23%;padding: 10px 5px;margin-right: 15px;}
    .imgbox{overflow: hidden;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);width: 80px;height: 115px;}
    .newnovels li h3{font-size: 13px; color: #222;}
}
/****/
.ranking li a{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding: 11px 0;}
.rank_left{ width:75%}
.rank_right{ width:23%; text-align: right; max-width: 120px;}
.ranking ul{ counter-reset: show-list;}
.ranking li{ counter-increment: item;}
.ranking li h3 span:after{content: counter(item);}
.ranking li .rank_left h3{font-size: 15px;font-weight: 500;}
.ranking li .rank_left h3 span{ display: inline-block; border-radius: 2px; font-size: 14px; text-align: center; background: #eee; padding: 0 5px; margin-right: 10px;}
.ranking li .rank_left h4,
.ranking li .rank_left p,
.ranking li .rank_right .imgbox{display: none;}
.ranking li.active .rank_right span{display: none;}
.ranking li .rank_right span{ color: #999;}
.ranking li.active .rank_left h4,
.ranking li.active .rank_left p,
.ranking li.active .rank_right .imgbox{display: block;}
.ranking li.active .rank_left h3{padding-bottom: 5px; color: #222;}
.ranking li.active .rank_left h4{color: red;padding-bottom: 10px;}
.ranking li.active .rank_left p{color: #999;}
.ranking li.active .rank_left h3 span{display: block;width: 48px; margin-bottom: 8px;}
.ranking li.active .rank_left h3 span:before{ content: "NO.";}
.ranking li:nth-child(1) h3 span{ background: red; color: #fff;}
.ranking li:nth-child(2) h3 span{ background: rgb(255, 111, 0);color: #fff;}
.ranking li:nth-child(3) h3 span{ background: rgb(222, 204, 1);color: #fff;}
/***最近更新****/
.recentupdate li {display: flex;border-bottom: 1px solid #eee;padding: 15px 0;flex-wrap: wrap;font-size: 15px;}
.recentupdate li a{white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.recentupdate li span:nth-child(3){ width: 100px; color: #999; text-align: right;}
.recentupdate li a:nth-child(1){ width:calc(45% - 50px); padding-right: 10px;}
.recentupdate li a:nth-child(2){ width:calc(60% - 100px);padding-right: 10px;}
.recentupdate2 li {display: flex;border-bottom: 1px solid #eee;padding: 15px 0;flex-wrap: wrap;font-size: 15px;}
.recentupdate2 li a:nth-child(1){ width:calc(40% - 50px); padding-right: 10px;}
.recentupdate2 li a:nth-child(2){ width:calc(60% - 100px);padding-right: 10px;}
.adbanner{padding: 0; overflow: hidden; display:block}


@media (max-width: 990px)
{
    .recentupdate li {
        padding: 10px 0;
        flex-wrap: nowrap;
        font-size: 16px;
    }
    .recentupdate li a{white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
    .recentupdate li span:nth-child(3){width: auto;flex-shrink: 0;}
    .recentupdate li a:nth-child(1){width: 100%;padding: 0 5px;}
    .recentupdate li a:nth-child(2){ display: none;}
}




/**
@media (max-width: 990px)
{
    .ranking li .rank_left h3{font-size: 16px;}
    .recentupdate li a{ padding:10px 0; flex-wrap: nowrap; font-size: 16px;}
    .recentupdate li a span:nth-child(1){ width: auto; flex-shrink: 0;}
    .recentupdate li a span:nth-child(2){ width:100%; padding:0 5px;}
    .recentupdate li a span:nth-child(3){display: none;}
    .recentupdate li a span:nth-child(4){ width: auto; flex-shrink: 0;}
}
**/

.newbox ul{ counter-reset: show-list;}

.newbox li{counter-increment: item; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding: 20px 0;;}
.newbox .imgbox{width: 100px;flex-shrink: 0;height: 140px;}
.newbox .newright{width: 140px; flex-shrink: 0;}
.newbox .newnav{width: 100%;padding: 0 15px;}
.newbox .newnav2{width: 100%;padding: 0 15px;}
.newbox .newnav h3 a{font-size: 18px; color: #000;}
.newbox li:hover .imgbox img{ transform: scale(1.1);}
.newbox li:hover .newnav h3 a{ color: #007ead;}
.newbox .labelbox{display: flex; padding: 10px 0  15px 0;}
.newbox .labelbox label{ border-right: 1px solid #ddd; line-height: 1; padding-right: 10px; margin-right: 10px; color: #999; font-size: 14px;;}
.newbox .newnav ol{color: #777; margin-bottom: 15px; line-height: 150%;;}
.newbox .newnav2 ol{color: #777; margin-bottom: 15px; line-height: 150%;;}
.newbox .zxzj{display: flex; justify-content: space-between; color: #999; font-size: 13px;;}
.newbox .zxzj p>span{border: 1px solid #eee; display: inline-block; padding: 0  5px; margin-right: 5px;;}
.newbox .newright .piaos{ display: flex; padding-bottom: 30px; align-items: center; justify-content: flex-end; width: 100%; color:#999}
.newbox .newright .piaos>span{ color: #222;}
.newbox .newright .piaos label{ width: 26px; height: 26px;background: #eee; border-radius: 26px; text-align: center; line-height: 26px; margin-left: 15px; color: #777;}
.newbox .newright .piaos label:before{content: counter(item);}
.newbox .newright .btn{display: block; line-height: 30px; margin-bottom: 10px; margin-left: 40px;}
.newbox .newright .btn-tp{ background: red; color: #fff;}
.newbox .newright .btn-jrsj{ background: #fff;border: 1px solid #ddd; color: #666;}
.newbox li:nth-child(1) .piaos label{background: red;color: #fff;}
.newbox li:nth-child(2) .piaos label{background: rgb(255, 111, 0);color: #fff;}
.newbox li:nth-child(3) .piaos label{background: rgb(222, 204, 1);color: #fff;}

.weekl_yrank{border: 1px solid #56a6c3;background: rgb(232, 244, 255);border-radius: 5px;padding: 15px;margin-bottom: 15px;text-align: center;}
.weekl_yrank h4{font-size: 16px; margin-bottom: 10px;}
.weekl_yrank ul{ font-size: 0; }
.weekl_yrank ul::-webkit-scrollbar { display: none;}

.weekl_yrank li{ display: inline-block; font-size: 14px;}
.weekl_yrank a{ border-right: 1px solid #dfecf0; padding-right: 10px; margin-right: 10px; color: #007ead; line-height: 16px;}
.weekl_yrank li.active a{color: #404040;font-size: 15px;font-weight: bold;}

.foot{ text-align: center; background: #fff; padding: 20px 0; }
.foot a{display: inline-block; padding: 0 10px;line-height: 200%;}
.foot p{ padding: 10px 0; color: #888;font-size: 12px;}
@media (max-width: 990px)
{
    .weekl_yrank ul{ white-space: nowrap; overflow-x: scroll;    scrollbar-width: none;
        -ms-overflow-style: none; overflow-y:hidden;}
    .weekl_yrank ul::-webkit-scrollbar { display: none;}

    .newbox .newright,.newbox .zxzj {display: none;}
    .newbox .imgbox{width: 70px;height: 95px;flex-shrink: 0;}
    .newbox .newnav h3 a{font-size: 16px; }
    .newbox .newnav2 h3 a{font-size: 16px; }
    .newbox .newnav{ padding-right: 0;}
    .newbox .newnav2{ padding-right: 0;}
    .newbox .newnav ol{margin-bottom: 0;}
    .newbox .newnav2 ol{margin-bottom: 0;}
    .newbox .labelbox{padding: 6px 0;}

    .newbox li:nth-child(1) .piaos label{background: red;color: #fff;}
    .newbox li:nth-child(2) .piaos label{background: rgb(255, 111, 0);color: #fff;}
    .newbox li:nth-child(3) .piaos label{background: rgb(222, 204, 1);color: #fff;}
}

.catalog ul {
    overflow: hidden;
}
.catalog li {
    float: left;
    width: 33.333333%;
}
.catalog li a {
    border-bottom: 1px solid rgba(150,150,150,.2);
    display: block;  color: #222;
    padding: 15px 0; font-size: 16px;
}
.catalog li a i{ color: #333; font-style: normal;}
.catalog h3{ background: rgba(140, 140, 140, .05); padding: 5px 15px; position: relative; color: #007ead; margin: 15px 0;}
.catalog h3:before{ position: absolute; left: 5px; width: 4px; height: 50%; top: 25%; content: ""; background: #007ead;}
.shuye .titxt{ display: none;}
@media (max-width: 990px)
{
    .shuye .bread{ display: none;}
    .shuye .titxt{ display: block}
    .catalog li{width: 100%;}
    .hide720{display: none;}
}

.black{background: rgb(45, 49, 52);}
.black .mybox{background: rgb(32, 40, 46)!important; color: #fff;}
.black .mybox *{color: rgb(153, 153, 153);}
.sorting a{font-size: 14px; font-weight: normal;}

.setbox{ position: fixed; border-radius: 5px 5px 0 0; width: 500px; left: 50%; margin-left: -250px; background: #fff; z-index:1;bottom:-50%; animation: all .5s;}
.setli{ padding: 40px 80px 30px 80px;}
.setli li{ display: flex; align-items: center;padding: 10px 0;}
.setli li>*{width: 100%;}
.setli li>label{width:50px; flex-shrink: 0; color: #888;}
.setbg,.setfontf{ display: flex; justify-content: space-between; }
.setbg a{ height: 36px; width: 36px; border-radius: 100%; margin-right:10px; border: 1px solid #ddd;}
.setbg a.active,.setfontf a.active{border-color: #ff0000; color: #ff0000;}
.setfontf a{ line-height: 30px; width: 100%; text-align: center; border-radius: 3px; margin-right:10px; border: 1px solid #ddd;}
.setfontsize{margin-right: 10px; position: relative;;}
.setfontsize input{width: 100%; text-align: center; border: 1px solid #eee; line-height: 30px;}
.setfontsize a{position:absolute; line-height: 32px;width: 33%; text-align: center;top: 0; }
.setfontsize a.cut{left: 0; border-right: 1px solid #eee;}
.setfontsize a.add{right: 0;border-left: 1px solid #eee;}
.modelbg{position: fixed; left: 0;top: 0; width: 100%; height: 100%;background: rgba(0,0,0,.5); display: none;}
.setclose{position: absolute;right: 0; top: 0; padding:15px;}

.tools{ padding:10px 30px 0 0; margin-bottom: -15px;}
.tools ul{ display: flex; justify-content: flex-end; align-items: center; height: 100%;}
.tools li i{ display: block;background: #4c5356;color: #fff; border-radius: 100px; width: 36px; height: 36px; text-align: center; line-height: 36px; margin-left: 10px; font-size: 20px;}
.tools li span{display:none; font-size: 16px!important;}
.txtnav{ padding: 0 30px;line-height: 2; word-wrap:break-word}
.txtnav h1{ text-align: center; font-size: 20px; padding: 10px;}
.txtinfo{text-align: center;  font-size: 14px; padding-bottom: 15px;}
.txtnav p{line-height: 2; padding: 10px 0; text-indent: 5%; word-wrap:break-word}
@media (max-width: 720px){

}
@media (max-width: 720px){
    .txtnav{padding: 0;}
    .hide720{display: none;}
    .tools li {line-height: 1; border-right: 1px solid rgba(255,255,255,.1); padding: 0 15px;}
    .tools li i{display: none;}
    .tools li span{display:block; color: #fff;}
    .tools li a{font-size: 17px;color: white;}
    .tools{width: 100%;background: #424e52;position: fixed; z-index: 1000; left: 0; bottom: -50px;
        max-width: inherit; border-radius: 3px 3px 0 0; padding: 15px 0 40px 0; 0; transition: all .5s;}
    .tools.active{bottom:15px}
    .tools ul{ justify-content: center;}
    .setbox{ width:100%;left: 0;margin-left: 0;}
    .setli{ padding: 50px 30px;}

}

.page1{
    background: #f2f3f4;
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #e4e4e4;
}
.page1 a{width: 100%;font-size: 16px;text-align: center;line-height: 48px;border-right: 1px solid rgb(191 191 191 / 24%);}
.page1 a:hover{background: #f8f8f8;}
.page1 a:last-child{border: none;}
.black .foot{ background: #242729;}
.black .page1 a{ background: #474b4e; color: #fff;}
.black .page1 a:hover{ background: #3a3e41; }

@media (max-width: 720px){
    .foot{text-align: center;background: #fff;padding: 20px 0;}
    .mybox{margin: 15px 0 0 0;}



    .page1{
        background: #f2f3f4;
        border-radius: 3px;
        display: flex;
        align-items: center;
        margin: 15px -15px -15px -15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        border: 1px solid #e4e4e4;
    }
}

/***阅读页广告***/
.bottom-ad{ margin-bottom: 10px;}
.bottom-ad2{ margin-top: 10px;}
.ad728{margin: -10px 0 -15px 0;text-align: center;}
.info355{ margin: 10px -16px -19px -16px;}
.yueduad1{margin-top: 1px;}
#txtright {
    clear: both;
    float: right;
    padding: 0;
    margin: 10px;
}
#txtright2 {
    float: right;
    clear: right;
    padding-top: 10px;
    margin-top: 5px;
    margin-left: 20px;
}
/***WAP头部广告***/
.bottom-ad,.head-ad-wap {
    margin: 0;
}

.hottext, a.hottext{color: #c60f13;}

.xin{color: #c60f13;}




/* table */
table{
    text-align: left;
}

table td{
}

table.fix{
    table-layout: fixed;
}

table.fix td{
    white-space:nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

table.grid{
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 0 auto 10px auto;
    width: 400px;
}

table.grid caption, .gridtop{
    height: 40px;
    line-height: 40px;
    border: 1px solid #ebebeb;
    border-top: 2px solid #458fce;
    background: #fcfcfc;
    text-align: center;
    color:#666666;
    font-weight: bold;
    font-size: 14px;
    margin: auto;
}

table.grid th, .head{
    border-bottom: 1px solid #ebebeb;
    background: #f5f5f5;
    color:#666666;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding: 5px;
    line-height: 180%;
}

table.grid td{
    border-bottom: 1px dashed #ebebeb;
    padding: 5px;
    line-height: 180%;
}

table.hide, table.hide th, table.hide td{
    border: 0;
}








/* 标题层 */
/***.popup_box .popup_title_box{ position:relative; background:#efefef; height:27px; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom:1px solid #dcdcdc;}***/
.popup_box .popup_title_box .close{ position:absolute; display:block; width:17px; height:16px; background:url(/css/close.png) no-repeat; top:5px; right:10px;}
.popup_box .popup_title_box  h3{padding-top: 3px; font-size:1em;padding-left: 5px;}

/* 内容层 */
.popup{width:80%;position:absolute;top:30%;left:8%;z-index:999;border-radius:8px;-webkit-box-shado;0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);}
.popup_bg{ background:#fff; border-radius:8px; height:100%;}
.popup_box .popup_content_box{text-align:center;color:#333;padding-bottom: 20px;font-size: 16px;}
.popup_box .popup_content_box p{text-align: center;padding:25px 10px 10px 10px;color:#333;line-height:24px;}
.popup_box .popup_content_box h6{font-size:12px;font-weight:normal;line-height:30px;}
.popup_box .popup_content_box h5{font-size:14px;font-weight:bold;line-height:30px;color:#666}
.popup_box .popup_content_box h5 em{font-style:normal;color:#F47F06;}
.popup_box .popup_content_box dl{line-height:20px;}
.popup_box .popup_content_box dt{font-weight:bold;}

/* 操作层 */
.popup_box .popup_opt_box{text-align:center;position:relative;padding:11px 0 15px 0;border-top: 1px solid #dcdcdc;}
.popup_box .popup_opt_box a{margin:0 10px;}
.popup_box .popup_opt_box .btmclose{padding:0 30px;display:inline-block;height:35px;line-height:35px;text-align:center;background: #007ead;color: #fff;width: 90%;border-radius: 4px;}
.popup_box .popup_opt_box .do{padding:0 30px; display:inline-block;   height:35px; line-height:35px; text-align:center; background:#10a189; color:#fff;}
.popup_box .popup_opt_box .cancel{padding:0 30px; display:inline-block; border:1px solid #09b396;   height:33px; line-height:33px; text-align:center; background:#fff; }

.popup_toast{position: fixed;left:40%;top: 45%;min-width: 100px;background: rgba(58,58,58,0.9);color: white;text-align: center;padding: 10px;font-size: 0.9em;max-width: 300px; border-radius: 5px; z-index:1000;}








/****20210128*/
.userinfo{display: flex; justify-content: center; padding: 50px 0;}
.userinfo2{display: flex; justify-content: center;;}
.userinfo p{font-size: 18px; padding: 15px 0;}
.userinfo2 p{font-size: 18px; padding: 15px 0;}
.listleft a{display: block; text-align: center; border-bottom: 1px solid #eee; font-size: 16px; line-height: 48px;}
.listleft .active a{ background:#fff; border-left: 3px solid #007ead;  color: #007ead;}
.listright{ float: right; width: calc(100% - 120px); background: #fff; padding:0 15px 15px 15px;}
.listleft{float: left;width: 120px;}

.listbox{background: rgb(232, 244, 255);border-radius: 5px;margin-bottom: 15px;  overflow: hidden;     -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border-radius: 3px;}
.rank_right .imgbox{ width: 80px; height: 105px;}
.newbox2 .zxzj{display: block;}
.newbox2 .zxzj p{ color: #666; padding: 5px 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500;;}
.newbox2 .newright { display: flex; flex-direction: column; text-align: center;}
.newbox2 .newright span{margin-left: 40px; padding: 10px 0; }
.newbox2 h3 a{display: flex; align-items: center;}
.newbox2 h3 a span{width: calc(100% - 35px);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newbox2 h3 label{color: #fff; white-space: nowrap; display: inline-block; background: red; border-radius: 30px; font-size: 12px; padding: 0 5px;  margin-right: 3px;}
.tabs2{justify-content: center; display: flex;}
.menuborder li{margin: 0;}
.menuborder li a{position: relative;border-bottom: 1px solid #eee;padding:15px;margin-left: -10px;}
.menuborder li a::after{position: absolute; width: 14px; height: 14px;  content: ""; right: 10px;
    top: 18px; transform: rotate(-135deg);border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
@media (max-width: 720px){
    /* .menu2{padding: 0 5px;} */
    .newbox .newnav{width: calc(100% - 70px);}
    .newbox2 .labelbox{display: none;}
    .newbox2 .newnav h3{padding-bottom: 5px;}
    .newbox2 .newright{justify-content: center; align-items: flex-end; width:auto;margin-left: auto;}
    .newbox2 .newright span,
    .newbox2 .newright .btn{margin-left:0; width:auto; display: inline-block; margin: 0;padding:0}
    .newbox2 .newright .btn-tp{border: none; background: none; color:#999; order: 1; line-height: 1;;}
    .newbox2 .newright .btn-tp:after{content: ">";}
    .newbox2 .newright span{order: 3; font-size: 12px;}
    .newbox2 .newright a i{font-size: 12px; font-weight: bold; transform: scale(.8);}
    .newbox2 .newright .btn-jrsj{border: none;background: red; margin: 15px 0; color:#fff; order: 2; width:20px; height
    :20px; line-height: 20px; text-align: center; border-radius: 20px;}
    .newbox2 .newnav {width: calc(100% - 140px);}
    .listbox{overflow: hidden;}
    .newnav h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .listleft { width:80px;}
    .listright{ float: right; width: calc(100% - 80px); height: 100%; overflow-y: scroll;}
    .listleft a{ font-size: 13px; line-height: 36px;}
    .listright .imgbox{ width: 50px; height: 70px;}
    .listright .newnav{    width: calc(100% - 50px);}
    .listright .newnav ol{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
    .listright .newbox li{ padding: 10px 0;}

    .col-888{width: 100%;float: none;}
    .col-44{ display: none;}

}



/****翻页*/
.pages{
    padding: 5px 0px;
    overflow: auto;
}
.pagelink{
    float: right;
    background: #007ead;
    line-height: 30px;
    padding:0;
    color: white;
    font-size: 16px;
}
.pagelink a, .pagelink strong, .pagelink em, .pagelink kbd, .pagelink a.first, .pagelink a.last, .pagelink a.prev, .pagelink a.next, .pagelink a.pgroup, .pagelink a.ngroup{
    float: left;
    padding: 0 6px;
    color: white;
}
.pagelink a:hover{background-color: #ffffff; }
.pagelink strong{font-weight: bold; color: #ff6600; background: #e3e3e3;}
.pagelink kbd{height: 30px;border-left: 1px solid #dddddd;}
.pagelink em{height: 30px;border-right: 1px solid #dddddd;font-style:normal;}
.pagelink input{border: 1px solid #dddddd;color: #666666;margin-top: 1px;height: 20px;}




/****用户中心*/
.tml-label {
    display: block;
    margin: .5em 0
}
.tml-field {
    max-width: 250px;
    height: 34px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #666;
    font-size: 15px;
}
.tml-button {
    margin: 0;
    background: #007ead;
    color: #fff;
    border-radius: 24px;
    padding: 12px 10px;
    margin: 4px;
    border: none;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

/****阅读记录悬浮*/

.home-pure-ad {
    padding: 0 1rem
}
.home-recent-read {
    position: fixed;
    z-index: 2;
    right: 0;
    bottom: 5rem;
    visibility: hidden;
    padding: 1rem;
    -webkit-tap-highlight-color: transparent;
}
.btn-primary-circle {
    font-size: 1.1rem;
    line-height: 1.2;
    display: inline-block;
    box-sizing: border-box;
    width: 4rem;
    height: 4rem;
    padding: .5rem;
    text-align: center;
    color: #fff;
    border-radius: 99px;
    background-color: #ed424b;
}

/***底部推荐*/
.home-tuijian {
    padding: 0 1rem;
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border-radius: 3px;
    width: 100%;
    color: rgba(0,0,0,.8);
    background-color: #fff;
    padding: 16px;
    margin: 0 0 10px 0;
    float: left;
}
.home-all {
    padding: 0 1rem;
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border-radius: 3px;
    width: 100%;
    color: rgba(0,0,0,.8);
    background-color: #fff;
    padding: 16px;
    margin: 0 0 10px 0;
    float: left;
}
.home-tuijian ul a {
    padding: 10px;
    line-height: 25px;
}
.home-all ul a {
    padding: 10px;
    line-height: 15px;
    display: block;
    float: left;
    width: 24%;
    margin-right: 3px;
    overflow: hidden;
}
@media (max-width: 720px){
    .home-tuijian{margin: 15px 0 10px 0;}
    .ad728{margin: 10px;}
    .info355{ margin: 1px;}
    .yueduad1 {
        margin-top: -17px;
        min-width: 300px;
        min-height: 280px;
    }
    .btn-primary-circle {
        font-size: 0.9rem;
        line-height: 1;
        display: inline-block;
        box-sizing: border-box;
        width: 3rem;
        height: 3rem;
        padding: .5rem;
        text-align: center;
        color: #fff;
        border-radius: 99px;
        background-color: #ed424b;
    }
    .mytitle2{margin: 10px 10px 10px 10px;border-bottom:1px solid rgba(150,150,150,.2);padding-bottom:5px;font-size: 16px;}
}


.tip{
    float: right;
    margin: 1px;
    padding: 2px 5px;
    background-color: #e74c3c;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
}

.ajaxtip {
    position: absolute;
    border: $border-width solid $border-color;
    background: #fff;
    color: #ff0000;
    padding: 0.2em 0.3em;
    z-index: $zindex-tooltip;
}


.headerad {text-align: center;height: 40px;line-height: 40px;font-size: 16px;background: #fff2df;}
@media (max-width: 720px){
    .headerad {text-align: center;height: 30px;line-height: 30px;font-size: 13px;background: #fff2df;}
}

.error-text {
    color: #030749;
    text-align: center;
    margin: 10%;
}
.error-text h3.error-message {
    color: #4a4a4a;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}
.error-text form {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}
.error-text form input {
    border: 1px solid #ddd;
    color: #444444;
    padding: 0 17px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    border-radius: 5px;
    outline: none;
    margin-bottom: 30px;
}
.error-text form button {
    background: transparent;
    border: medium none;
    color: #666666;
    padding: 0 16px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    right: 0px;
    top: 1px;
    z-index: 10;
    font-size: 20px;
    cursor: pointer;
    border-top-right-radius: 5px;
    outline: none;
    border-bottom-right-radius: 5px;
    transition: all 0.3s ease 0s;
}
.baocuo{
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}
.baocuo a{ font-size: 15px; line-height: 25px;}

@media (max-width: 720px){
    .baocuo li{display:none;}
    .baocuo a{ font-size: 15px; line-height: 25px;display:black;}
}
@media (max-width: 990px)
{
    .tagul{ white-space: nowrap; overflow-x: scroll;    scrollbar-width: none;
        -ms-overflow-style: none; overflow-y:hidden;}
    .tagul::-webkit-scrollbar { display: none;}
}

.tagtitle { margin: 10px 5px 10px 5px; float: left; }
.infotag { padding-bottom: 20px;}


.infotag a {
    font-size: .8rem;
    line-height: 1.8rem;
    display: inline-block;
    padding: 0 0.5rem;
    text-align: center;
    border: 1px solid #56a6c3;
    border-radius: 10px;
    margin: 0.3rem;
    background: rgb(232, 244, 255);
    color: #007ead;
}
.tag ul{
    counter-reset: show-list;
}
.tag ul a {
    font-size: .8rem;
    line-height: 1.8rem;
    display: inline-block;
    padding: 0 0.725rem;
    text-align: center;
    border: 1px solid #56a6c3;
    border-radius: 10px;
    margin: 0.5rem;
    background: rgb(232, 244, 255);
    color: #007ead;
}

.W1oMwlgclose{-ms-flex-negative:0;flex-shrink:0;margin:0 10px;width:10px;height:10px;background:url("https://img.biquge-app.com/apps/ting2.png") no-repeat 100%/cover}