@charset "utf-8";
/* CSS Document */

*{padding:0px; margin:0px;}
body{margin:0px; font-size:13px; color:#e8eaed; background-color:#000000; font-family:'Microsoft YaHei';}
input,select,button,textarea{font-family:'Microsoft YaHei'; border:0; background:none; outline:none; vertical-align:middle;}
img{border:none;}
li{list-style:none;}
a{color:#e8eaed; text-decoration:none;}
a:hover{color:#f0b90b;}
/* .clear{overflow:hidden; clear:both; height:0px;} */
@media only screen and (max-width:1024px){
body{font-size:12px;}
}

.container{width:1000px; background-color:#191b20; margin:0 auto; overflow:hidden;}
@media only screen and (max-width:1024px){
.container{width:94%;}
}
@media only screen and (max-width:640px){
.container{width:100%;}
}

.header{padding: 20px 26px;border-bottom:1px solid #f0b90b;overflow:hidden;display: flex;justify-content: space-between;}
.header .logo{width:116px; float:left;}
.header .logo svg{width:60px;}
.header .logo img{width:100%; height:auto; display:block;}
.header .clear input{border:0;border: 0;height: 38px;outline: none;margin-right: -5px;background: #fff;}
.header .clear #searchOntent{width: 300px;text-indent: 8px;}
.header .clear #btn{padding: 0px 10px;border-left: 1px solid #191b20;}
@media only screen and (max-width:640px){
.header{padding: 15px 20px;display: flex;justify-content: space-between;}
.header .clear input{height: 32px;}
.header .clear #searchOntent{width: 150px;}
.header .logo svg{width:50px;}
}

.nav{padding: 15px 26px;background-color:#0c0e11;overflow:hidden;}
.nav ul li{float:left; margin-right:30px;}
.nav ul li a{display:block; font-size:14px; line-height:30px;}
.nav ul li:hover a{color:#f0b90b;}
.nav ul li.thisclass a{color:#f0b90b;}
@media only screen and (max-width:640px){
.nav{padding:10px 0px;}
.nav ul li{width: 14%;margin:0;}
.nav ul li:last-child{width:70px;}
.nav ul li a{text-align:center;}
.nav ul .link{width:70px;}
}

/* .gg_pc{width:100%;margin-bottom:10px;overflow:hidden;margin: 20px 0;} */
.gg_pc{width:100%;margin-bottom:10px;overflow:hidden;}
.gg_pc img{width:100%; height:auto; display:block;}
@media only screen and (max-width:640px){
.gg_pc{display:none;}
}

.gg_sj{width:100%; margin-bottom:10px; overflow:hidden; display:none;}
.gg_sj img{width:100%; height:auto; display:block;}
@media only screen and (max-width:640px){
.gg_sj{display:block;}
/* .gg_sj img{height: 80px;} */
}

.lm_lb{padding:20px; overflow:hidden;}
.lm_lb .lb_nr{margin-bottom:10px;overflow:hidden;/* padding: 0 10px; */}
.lm_lb .lb_nr ul{width:973px;}
.lm_lb .lb_nr ul li{width:230px; float:left; margin:10px 13px 10px 0;}
.lm_lb .lb_nr ul li img{width:100%;height:auto;display:block;max-height: 142px;}
.lm_lb .lb_nr ul li p{line-height:24px;margin-top:10px;/* padding:0 10px; */height: 35px;}
@media only screen and (max-width:1024px){
.lm_lb .lb_nr ul{width:102%; margin-left:-1%;}
.lm_lb .lb_nr ul li{width:31.33333333333333%; margin:10px 1%; display:none;}
.lm_lb .lb_nr ul li:nth-child(-n+6){display:block;}
}
@media only screen and (max-width:640px){
.lm_lb{padding:15px;}
.lm_lb .lb_nr ul li{width:48%; margin:10px 1%; display:none;}
.lm_lb .lb_nr ul li:nth-child(2n-1){display:none;}
.lm_lb .lb_nr ul li:nth-child(2n){display:block;}
.lm_lb .lb_nr ul li p{margin-top:5px; padding:0 5px; line-height:22px;height: 35px;}
}
.lm_lb .lb_nrn ul li{display: block !important;/* text-indent: 10px; */min-height: 60px;}
.lm_lb .lb_nrn p a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lm_lb .lb_nrn ul li span{color: #fdc546;font-weight: 500;margin-right: 5px;}

.dq_wz{padding:6px 0; overflow:hidden;}

.xq_nr{max-width:640px; margin:0 auto 20px;}
.xq_nr .xq_bt{font-size:16px; line-height:28px; margin:10px 5px;}
.xq_nr .xq_js{font-size:15px; line-height:24px; padding:15px; background-color:#2b2f36;margin-bottom: 20px;}
.xq_nr .w_z{padding-bottom: 1px;}
.xq_nr .xq_js img{max-width:100%; height:auto; margin:0 auto; display:block;}
.xq_nr .xq_bq{overflow:hidden;}
.xq_nr .xq_bq a{float:left; font-size:12px; line-height:26px; margin-right:15px; margin-bottom:15px;}
.xq_nr .xq_lj{overflow:hidden;}
.xq_nr .xq_lj a{float:left; font-size:14px; line-height:36px; border:1px solid #2b2f36; padding:0 15px; margin-right:15px; margin-bottom:15px;}
.xq_nr .xq_lj a:hover{background-color:#f0b90b; border:1px solid #f0b90b; color:#000;}
@media only screen and (max-width:640px){
.xq_nr{max-width:1005;}
.xq_nr .xq_bt{font-size:15px; line-height:26px;}
.xq_nr .xq_js{font-size:14px; line-height:22px;padding: 0;}
.xq_nr .xq_bq a{font-size:12px; line-height:24px; margin-right:10px; margin-bottom:10px;}
.xq_nr .xq_lj a{line-height:32px; padding:0 10px; margin-right:10px; margin-bottom:10px;}
}

.page{float:left; position:relative; left:50%; margin:30px 0 40px;}
.page ul{width:inherit; position:relative; right:50%;}
.page ul li{min-width:40px;height:40px;margin-right:10px;float:left;/* width: 40px; */text-align: center;line-height: 40px;background: #2b2f36;/* padding: 0 10px; */}
.page ul li a{display:block; background-color:#2b2f36;  font-size:15px; text-align:center; color:#fff; line-height:40px;}
.page ul li:hover a{background-color:#f0b90b; color:#000;}
.page ul li.thisclass{background-color:#f0b90b; color:#000;}
.page ul .on a{background: #fff;color: #000;}
.page select{color: #fff;background: #2b2f36;height: 34px;line-height: 34px;text-align: center;width: 72px !important;padding: 0 15px;}
.page ul li select{margin-top: -4px;}
@media only screen and (max-width:640px){
.page{margin:20px 0 30px;}
.page ul li{min-width:34px;height:34px;/* width:34px; */line-height: 34px;margin-right:4px;margin-bottom: 4px;}
.page ul li:nth-child(-n+6){display:block;}
.page ul li a{font-size:13px; line-height:34px;}
}

.footer{padding:25px 20px; border-top:1px solid #f0b90b; text-align:center; line-height:24px; overflow:hidden;}
@media only screen and (max-width:640px){
.footer{padding: 20px 10px 85px;}
}

#topicbanner{padding-bottom: 0;}
.video-js.vjs-fill{width: 100%;height: 335px !important;}
#bottomicbanner{padding: 0 20px;padding-bottom: 20px;margin-top: -20px;}

/* #ify{display: none;} */
#allClassify,#fictionFy{background: #2b2f36;overflow: hidden;padding: 10px 30px;}
#allClassify a{width: 12.4%;line-height: 28px;font-size: 12px;display: inline-block;}
.lm_an{background: #0c0e11;overflow: hidden;}
.lm_an ul li{float: left;}
.lm_an ul li a{padding: 10px 15px;display: inline-block;}
#fictionFy .ficitonAvfp{position: relative;}
#fictionFy .fictionVfp{line-height: 28px;display: block;overflow: hidden;}
#fictionFy .fictionVfp ul li{float: left;display: block;}
#fictionFy .fictionVfp ul li a{display: inline-block;width: 115px;/* border: 1px solid #ccc; */border-bottom: 2px dolid;text-align: center;padding: 3px 0;}
#fictionFy .fictionFullyGood{display: none;border: 1px solid #f0b90b;margin-top: -1px;padding: 8px 0;padding-left: 30px;background: #191b20;margin-bottom: 20px;}
#fictionFy .fictionFullyGood ul li a{display: inline-block;width: 150px;text-align: left;padding: 0;}

#midicbanner div{padding-top: 20px;}
.picture_t .ficiotn h3,.picture_t .bf_jj{margin: 15px 0px;}
.picture_t .bf_js{text-align: center;}
.picture_t .bf_js img{width: 640px;}
.fiction_main{margin-bottom: 20px;}
.fiction_main p span{font-size: 15px !important;}
.ficiotn h3{text-align: center;margin: 15px 0;font-size: 16px;}
@media only screen and (max-width:640px){
    #bottomicbanner{padding: 0 15px;padding-bottom: 15px;margin-top: -15px;}
    /* .video-js.vjs-fill{height: 160px !important;} */
    #allClassify{background: #2b2f36;overflow: hidden;padding: 10px 20px;}
    #midicbanner div{padding-top: 15px;}
    #ify{display: block;}
    .picture_t .bf_js img{width: 100%;}
    #allClassify a{width: 25%;}

    #fictionFy{padding: 5px 0px;}
    #fictionFy .ficitonAvfp ul{width: 520px;overflow: auto;}
    #fictionFy .fictionVfp{line-height: 28px;display: block;overflow: hidden;}
    #fictionFy .ficitonAvfp{overflow: scroll;}
    #fictionFy .fictionVfp ul li{float: left;display: block;}
    #fictionFy .fictionVfp ul li a{display: inline-block;width: 75px;/* border: 1px solid #ccc; */border-bottom: 2px dolid;text-align: center;padding: 3px 0;font-size: 12px;font-weight: 100;}
    #fictionFy .fictionFullyGood{display: none;border: 1px solid #f0b90b;margin-top: -1px;padding: 8px 0;padding-left: 15px;background: #191b20;margin-bottom: 20px;border-right: 0;border-left: 0;overflow: scroll;}
    #fictionFy .fictionFullyGood ul{overflow: auto;width: 400px;}
    #fictionFy .fictionFullyGood ul li a{display: inline-block;width: 130px;text-align: left;padding: 0;}
}
#ggjs{background: #4c2525a1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;display: none;}
#ggjs .post{background-color: #161613;width: 550px;color: #fff;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);padding: 20px 15px 35px;border-radius: 10px;}
#ggjs .close-btn{position: absolute;font-size: 30px;top: 10px;right: 10px;cursor:pointer;}
#ggjs .pppbtn{width: 40%;padding: 20px;background: #ffd07a;border: 0;border-radius: 10px;font-size: 15px;color: #292929;font-weight: bolder;cursor:pointer;transform: translateX(75%);}
#ggjs #announcement{padding:30px 20px 45px;}
#ggjs p{text-align: center;font-size: 23px;font-size: 22px;font-weight: 400;    margin-bottom: 15px;}

.suspend{position: fixed;bottom: 0;width: 100%;background: #211111d9;display: flex;height: 70px;flex-wrap: wrap;align-items: center;padding: 0 10px ;display: none;}
.suspend i{font-style: inherit;}
.suspend svg{width: 50px;}
.suspend img{width: 50px;vertical-align: bottom;}
.suspend .copywriting{margin: 0 10px;width: calc(100% - 165px);margin-bottom: 5px;display: flex;flex-wrap: inherit;}
.suspend button a{color: #000;background: #ceffff;padding: 8px 10px;}
@media only screen and (max-width:640px){
    #ggjs .post{width: 80%;}
    #ggjs .pppbtn{padding: 10px;}
    #ggjs #announcement{padding: 20px 10px 40px;}
    .suspend{display: flex;}
}

@media only screen and (min-width: 1024px) {
    .suspend{display: flex;bottom: 120px;}
  }

@media screen and (min-width: 1024px) {
    #coughSet {
      display: none;
    }
  }

.iclink{cursor:pointer;font-size:.8em;position:relative;text-align:center;/* animation:neon1 1s ease-in-out infinite alternate; */}
@keyframes neon1{from{text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px #fff,0 0 4px #FF9900,0 0 5px #f00,0 0 6px #FF9900,0 0 7px #f00,0 0 8px #FF9900}
30%{text-shadow:0 0 2px #fff,0 0 3px #fff,0 0 4px #fff,0 0 5px #ff0,0 0 6px #ff0,0 0 7px #f00,0 0 8px #ff0,0 0 9px #f00}
}
.iclink_box{position:absolute;left: 7%;z-index:120;width: 45%;display:none;}
.iclink_box ul{width: 98%;background-color:#111;overflow:hidden;padding: 1%;border-top: 1px solid #f0b90b;border-bottom: 1px solid #f0b90b;}
.iclink_box ul li{float:left;width: 28.4%;height: 65px;overflow:hidden;background:#222;margin: 1.2%;padding: 1%;border:1px solid #333;}
.iclink_box ul li .gameInfo{float:left;width:100%;font-size: 12px;}
.iclink_box ul li .gameInfo h5{font-weight: 600;color: #f0b90b;}
.iclink_box ul li .gameInfo p{color: #85a2a9;}
.topic_close{background: #171717;text-align: center;padding: 10px 0;font-weight: 700;color: #95a7ff;}
@media only screen and (max-width:640px){
    .iclink{/* margin-left: 10px; */}
    .iclink_box{width:100%;left:0;}
    .iclink_box ul li{margin:1%;width: 28.7%;}   
}
