@font-face {font-family: "iconfont";
    src: url('../fonts/font_611376_ra04lm12x1a.eot'); /* IE9*/
    src: url('../fonts/font_611376_ra04lm12x1a.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/b691f9cadbac457492b35f258bca15bd.woff') format('woff'),
    url('../fonts/font_611376_ra04lm12x1a.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/font_611376_ra04lm12x1a.svg') format('svg'); /* iOS 4.1- */
}
@charset "utf-8";
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before { content: "\ec5f"; }

.icon-rank:before { content: "\e614"; }

.icon-zhifubao:before { content: "\e625"; }

.icon-fangxiangyou:before { content: "\e67a"; }

.icon-phone:before { content: "\e65c"; }

.icon-guanbi:before { content: "\e634"; }

.icon-cha-contact:before { content: "\e627"; }

.icon-8:before { content: "\e64e"; }

.icon-qzone:before { content: "\e62a"; }

.icon-douban:before { content: "\e64d"; }

.icon-u-arrow3-up-copy:before { content: "\e61a"; }

.icon-dashang:before { content: "\e648"; }

.icon-renren:before { content: "\e65d"; }

.icon-rmb:before { content: "\e73e"; }

.icon-xiaoxitongzhi:before { content: "\e637"; }

.icon-cha-wechat:before { content: "\e603"; }

.icon-lianxiwomen:before { content: "\e605"; }

.icon-big-WeChat:before { content: "\e6ed"; }

.icon-jia:before { content: "\e620"; }

.icon-notice:before { content: "\e673"; }

.icon-qq:before { content: "\e691"; }

.icon-qrcode:before { content: "\e692"; }

.icon-wechat:before { content: "\e6c7"; }

.icon-weibo:before { content: "\e6c8"; }

.icon-email:before { content: "\e647"; }

.icon-cha-sponsor:before { content: "\e644"; }

.icon-cha-celltel:before { content: "\e789"; }

.icon-huaban:before { content: "\e623"; }

.icon-qqqun:before { content: "\e608"; }

.icon-email1:before { content: "\e601"; }

.icon-cha-qqgroup:before { content: "\e606"; }

.icon-likes:before { content: "\e660"; }

.icon-Facebook:before { content: "\e616"; }

.icon-cha-mail:before { content: "\e645"; }

.icon-cha-gotop:before { content: "\e992"; }

.icon-jiaobiao-zhiding:before { content: "\e600"; }

.icon-cha-comment:before { content: "\e60c"; }

.icon-baidu:before { content: "\e8ca"; }

.icon-cha-notice:before { content: "\e646"; }

.icon-down:before { content: "\e6dd"; }

.icon-tiaozhuan:before { content: "\e60b"; }

.icon-cha-house:before { content: "\e602"; }

.icon-tianjia:before { content: "\e6ee"; }

.icon-rank-up:before { content: "\e98e"; }

.icon-rank-down:before { content: "\e98f"; }

.icon-cha-edit:before { content: "\e65e"; }

.icon-tuijian:before { content: "\e668"; }

.icon-duitang:before { content: "\e636"; }

.icon-tuijian1:before { content: "\ec60"; }

.icon-lishijilu:before { content: "\e615"; }

::-webkit-scrollbar {
    width: 6px;
    height: 1px;
}
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #aaa;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 3px;
    background: #EDEDED;
}
body {
    font-family: 'Microsoft YaHei','Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;
    font-size: 14px;
    line-height: 24px;
    background-color: #000;
    /*background: url(../images/201904241504.jpg)no-repeat 50% 0px #000;*/
    background-size: cover;
    background-attachment: fixed;
}
em{
    font-style: normal;
}
a:hover{
    color: #01AAED;
}
header {
    height: 60px;
}
header .logo {
    position: absolute;
    top: 7px;
    height: 45px;
}
header .logo img {
    height: 100%;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}
.min-nav {
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border-radius: 0 0 2px 2px;
}
.min-nav ul {
    display: block;
    text-align: center;
}
.min-nav li {
    float: left;
    width: 8.3%;
    padding: 12px 0;
}
.main-container{
    width: 100%;
    margin-top: 10px;
}
.banner-img a{
    position: relative;
    overflow: hidden;
    display: block;
}
/*
.banner-img a::after{
    content: "广告";
    position: absolute;
    padding: 1px 10px 0;
    color: #fff;
    bottom: 0;
    right: 0;
    z-index: 999;
}
.banner-img a::before{
    content: " ";
    position: absolute;
    border-bottom:25px solid rgba(0,0,0,.5);
    border-left:10px solid transparent;
    width: 50px;
    margin-left: -30px;
    bottom: 0;
    right: 0;
}*/
.none-border{
    border:none;
}
.layui-card {
    margin-bottom: 10px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
    background-color: #222;
}
.banner-img img{
    width: 100%;
    height: 80px;
}

.introduce{
	position: relative;display: inline-block;vertical-align: middle;line-height: 60px;margin-left: -50px;
}
.introduce p{
	padding-left: 20px;float: right;
}
.introduce p a{
	color: #fff;
}

.index-areas{
    padding: 10px 0 10px 10px;
    overflow: hidden;
}
.index-areas li{
    position: relative;
    height: 100px;
    width: 15.78%;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.areas-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: 3px;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
}
.areas-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.05);
    z-index: 3;
    border-radius: 3px;
    transition: background .8s ease;
    -webkit-transition: background .8s ease;
    -o-transition: background .8s ease;
    -moz-transition: background .8s ease;
    -ms-transition: background .8s ease;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 100px;
    margin: 0 auto;
}
.index-areas li:hover .areas-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.index-areas li:hover .areas-content {
    background: rgba(2, 2, 2, 0);
}

.index-links-recommend{
    width: 66%;
    float: right;
    padding: 7.5px 5px 2.5px 2.5px;
    overflow: hidden;
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}

.index-links-recommend a{
    width: 24.25%;
    float: left;
    border-radius: 2px;
    line-height: 35.35px;
    height: 35.35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    background-color: rgb(255, 153, 159);
    margin: 2.5px;
    /*word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    transition-duration: .3s;
}

.index-links-recommend a:nth-child(3n+1) {
    background-color: #5fb878;
}
.index-links-recommend a:nth-child(3n+2) {
    background-color: #01AAED;
}
.index-links-recommend a:nth-child(4) {
    background-color: #2F4056;
}
.index-links-recommend a:nth-child(5) {
    background-color: #2F4056;
}
.index-links-recommend a:nth-child(12) {
    background-color: #2F4056;
}
.index-links-recommend a:nth-child(13) {
    background-color: #2F4056;
}
.index-links-recommend a:nth-child(20) {
    background-color: #2F4056;
}
/*
.index-links-recommend a:nth-child(1) {
    background-color: #5fb878;
}
.index-links-recommend a:nth-child(5n){
    background-color: #5f48bb;
}
.index-links-recommend a:nth-child(2n){
    background-color: #01AAED;
}
.index-links-recommend a:nth-child(9n){
    background-color: #ec2d85;
}
.index-links-recommend a:nth-child(10){
    background-color: #2F4056;
}*/
.index-links-recommend a:hover{
	background:#FF2805;color:#FFF
}
.index-links-recommend-adds {
    background: #fff;
    overflow: hidden;
    height: 58px;
    width: 65.34%;
    float: right;
    padding: 0px 10px 10px 5px;
}
.index-links-recommend-adds a{
	
}
.index-links-recommend-adds a img{
	width: 100%;
	height: 100%;
}
.index-slide{
    padding: 10px 0px 10px 10px;
    background-color: #fff;
    border-radius: 2px;
    float: left;
    width: 32.465%;
}
.index-slide .index-slide-content a:hover{
	background: #000;opacity: 0.6;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);transition: opacity 300ms linear 0s;
}
.index-slide .index-slide-content img{
	width: 100%;
	height: 100%;
	border-radius: 2px;
}
.index-slide .index-slide-content a p{
	position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.3125rem 0;
    text-align: center;
    color: #fff;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    /*background-image: linear-gradient(transparent, #000);*/
    background: #000;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
    left: 0px;
}
.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right: 0px;
}
.layui-carousel-arrow {
    width: 20px;
    border-radius: 0px;
}
.layui-card-header {
    padding: 0 10px;
    border-bottom: 1px solid #222;
    color: #FFF;
    font-size: 16px;
}
.layui-card-header i {
    font-size: 26px;
    color: #01aaed;
    float: left;
    padding-right: 3px;
}
.layui-card-header h2 {
float:  left;font-size: 16px;
}
.layui-card-header span {
    float: right;
    font-size: 13px;
    font-weight: normal;
}
.layui-card-header ul {
    float: right;
    padding: 0;
}
.layui-card-header ul li {
    float: left;
    padding-left: 15px;
    font-size: 12px;
}
.index-links-content{
    padding: 7.5px;
    overflow: hidden;
    display: block;
    background-color: #111;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}

.index-links-content a {width: 12.05%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: left;margin: 2.5px;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;transition-duration: .3s;background: #fafafa url(../images/point.png) 7px center no-repeat;background-color: #222;text-indent: 30px;background-size: 16px 16px;}
.index-links-content a:hover{border-color:#2f4056;color:#FFF;background: #FF2805 url() 7px center no-repeat;background-size:16px 16px}




.site-list-body {
    padding: 0;
    overflow: hidden;
}
.index-site-list{
    display: block;
    overflow: hidden;
    clear: both;
    background-color: #111;
}
.index-site-list li{
    float: left;
    position: relative;
    line-height: 3.3;
    height: 41.9px;
    width: 20%;
    text-align: center;
    border:1px #393d49 solid;
    margin-right: -1px;
    border-width: 1px 1px 0px 0px;
}
.index-site-list li i.blood-tuijian{
    width: 30px;
    height: 30px;
}
.index-site-list li a{
    display: block;
    height: 41.9px;

}
.index-site-list li a:hover{
    background-color: #fafafa;
    color: #FF2805;
    height: 41.9px;
}
/*
.index-site-list li:nth-child(5n){
    border-right: none;
}*/
.root-site-list-min li {
    width: 50%;
    border-right: 1px #393d49 solid!important;
    margin-right: -1px;
}
/*
.root-site-list-min li:nth-last-child(1){
    display: none;
}

.root-site-list-min li:nth-child(2n){
    border-right: none;
}*/
.fs17{font-size:17px;}
.fs16{font-size:16px;}
.fs14{font-size:14px;}
.fs12{font-size:12px;}
.cu{ font-weight:bolder; font-size:13px;}
.hong{ color:#F00;}
.lan{ color:#36F}
.lv{ color:#090}
.fen{ color:#F3F}
.zi{ color:#90F}
.hei{ color:#333}
.huang{ color:#FC0}
.hui{ color:#ccc; font-size:12px;}
.border{ font-weight:bolder;}
.lh20{ line-height:20px;}.lh26{ line-height:26px;}.tac{ text-align:center;}
.shan{ text-decoration:line-through;}
/*top88*/
.top88 { text-align: center; margin-top: 0px; margin: 0px auto; padding: 0px 0px;}
.top88 a { display: inline-block}
.top88 img { width: 100%; max-width: 920px; max-height: 60px}
.bottom{}
.bm{ margin-top: 10px;font-size: 16px;color: #fff;text-align: center;background-color: #333;line-height: 25px;}
.footer { clear: both; border-top:5px #52b6ef solid; background:#333;padding:20px 0; text-align: center; line-height: 21px; font-size: 13px; letter-spacing: 0; margin-top:20px; }
.copyright { font-family: Tahoma, serif; color:#ccc; }
.copyright a { color:#ccc}
.index-site-list-min li{
    width: 25%;
}
.index-site-list-min li{
    border-right: 1px #efefef solid!important;
    margin-right: -1px;
}
.index-site-list-min li:nth-last-child(1){
    display: none;
}

.index-site-list-min li:nth-child(2n){
    border-right: none;
}




.layui-footer {
    width: 100%;
    background-color: #222222;
    color: rgba(255,255,255,.7);
    font-size: 12px;
    line-height: 26px;
    padding: 10px 0 10px;
}
.page-wb {
    width: 1140px;
    margin: 0 auto;
}
.layui-mt0 {
    margin: 0;
}
.layui-mt5 {
    margin-top: 5px;
}
.layui-mt10 {
    margin-top: 10px;
}
.layui-bottom-mt10 {
    margin-bottom: 10px;
}
.layui-pd10 {
	padding:10px;
}
.layui-card-ht50 {
	height: 50px;line-height: 50px;
}
.layui-form .layui-input{
	background-color: #f2f2f2;
}
.layui-site-txt{
	height: 36px;line-height: 36px;border-width: 1px;border-style: solid;float: left;border-radius: 2px;width: 500px;border-color: #e6e6e6;background-color: #fbfbfb;text-align: center;
}

.layui-card-header span .layui-card-span {
	float: none;color: #FF5722;
}
.gbook_content {height:40px;background-color: #f2f2f2;}
.index-links-content .layui-content-submit {margin: 10px 0 5px 0;text-align: center;}
.page-left {
    float: left;
}
.layui-footer .subLogo p {
	font-size: 15px;
    line-height: 1.2;
}
.layui-footer .subLogo h2 {
    border-left: 1px #515253 solid;
    font-size: 15px;
    line-height: 1.2;
    padding-left: 10px;
    margin-left: 82px;
}
.page-right {
    float: right;
}
.layui-footer .footerUl {
    text-align: right;
    line-height: 23px;
}
.layui-footer .footerUl li {
    line-height: 23px;
}
.layui-footer .footerUl a {
    color: #ddd;
}
.layui-footer .layui-txt{
	overflow: hidden;
    text-align: center;
    float: left;
}

/*弹出层*/
.mac_pop_bg{position: fixed; z-index: 129; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mac_pop {  z-index:99998; display: none; min-height: 20px; max-height: 750px; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop .pop_top{  height:40px;  width:100%;  border-bottom: 1px #E5E5E5 solid;}
.mac_pop .pop_top h2{  float: left; display:block;margin: 0;font-size: 18px;font-weight: normal;font-family:"microsoft yahei";}
.mac_pop span.pop_close{  float: right;width: 23px;height: 23px;font-size: 0;text-indent: 9999; cursor: pointer;  font-weight: bold; display:block;background: url("../images/background.png") -10px 0 no-repeat;}
.mac_pop .pop-foot{  height:50px;  line-height:50px;  width:100%;  border-top: 1px #E5E5E5 solid;  text-align: right;  }
.mac_pop .pop-cancel, .pop-ok {  padding:8px 15px;  margin:15px 5px;  border: none;  border-radius: 5px;  background-color: #337AB7;  color: #fff;  cursor:pointer;  }
.mac_pop .pop-cancel {  background-color: #FFF;  border:1px #CECECE solid;  color: #000;  }
.mac_pop .pop-content{  height: 380px;  }
.mac_pop .pop-content-left{  float: left;  }
.mac_pop .pop-content-right{  width:310px;  float: left;  padding-top:20px;  padding-left:20px;  font-size: 16px;  line-height:35px;  }
.mac_pop .bgPop{  display: none;  position: absolute;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.2);  }
.mac_pop .pop-msg{  text-align:center;  font-size: 14px;  }

.mac_pop_msg_bg{position: fixed; z-index: 129; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mac_pop_msg { z-index:99999; display: none; min-height: 20px; max-height: 750px; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop_msg .pop-msg{  text-align:center;  font-size: 14px;  }

a {color: #FFF;text-decoration: none;}
.layui-bg-black {background-color: #222!important;}
#topimg {float: left;padding-left: 150px;overflow: hidden;color: #18d820;font-size: 15px;height: 60px;line-height: 60px;}
.block{display:none;}
.layui-nav {padding: 0 10px;}
.layui-nav .layui-nav-item a {padding: 0 10px;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {background-color: #393d49;}
.boxban a{display: block;width: 100%;margin-top:5px}
.boxban a:nth-child(1){margin-top:0;}
.boxban img {vertical-align: middle;}
.ava{width:100%;height:80px;}
.ava_120{width:100%;height:120px;}
.nav-right {position: absolute!important;top: 15px;right: 16px;}
.nav-right li {float: left;}
.nav-right li a{float: left;background: #F66;color: #FFF;text-align: center;border-radius: 2px;margin-left: 5px;padding: 3px 15px;}
.nav-right li a:hover{background: red;color: #FFF;}
.red {color:#ff4e6f}
.blue {color:#83d2ff}
.gray {color:gray}
.white {color:white}
.black {color:black}
.green {color:#00c250}
.orange {color:orange}
.yellow {color:yellow}
.magenta {color:#cd82ff}
.purple {color:#ff9aa4}
.nav-right li .zx{background:#ff002f;}
.nav-right li .fb{background:#07a5ff;}
.nav-right li .sl{background:#f3f;}
.nav-right li .lx{background:#00c250;}
.gonggao {height: 40px;line-height: 40px;color: red;background-color: #333;padding-left: 5px;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.gonggao .A-ico{float: left;height: 40px;line-height: 40px;overflow: hidden;display: inline-block;}
.gonggao .A-ico i{font-size: 20px;}
.gonggao .A-text{float: left;color: #ffffff;margin-left: 5px;}
.words_box{overflow: hidden;}
.words_box .words_list{width: 100%;border-right: 1px solid #ddd;border-top: 1px solid #ddd;overflow: hidden;border-radius: 2px;}
.words_box .words_list a {display: inline-block;width: 284px;height: 32px;line-height: 32px;float: left;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;background-color: #333;}
.words_box .words_list a div {width: 100px;height: 32px;float: left;text-align: right;}
.words_box .words_list a span {font-size: 12px;color: #ffffff;padding-left: 5px;}
.words_box .words_list a:hover{background:#FFF}
.words_box .words_list a:hover span{color:#ff002f}
@media screen and (max-width: 768px){
    .nav-right {right: 10px;}
    .block{display: block;}
    .boxban a{margin-top:0}
    .boxban a:nth-child(1){margin-top:0;}
    .ava{width:100%;height:36px;}
    .ava_120{width:100%;height:62px;}
    .gonggao {height: 28px;line-height: 28px;border-radius: 0;}
    .gonggao .A-ico {height: 28px;line-height: 28px;}

    .words_box {padding: 1.5%;margin: auto;overflow: hidden;}
    .words_box .words_list {border-right:0;border-top: 0px solid #ddd;}
    .words_box .words_list a {display: inline-block;height: 30px;line-height: 30px;width: 32.33%;margin: 0.5%;float: left;background: #111;overflow: hidden;border-radius: 2px;border: 0;}
    .words_box .words_list a div {width: 100%;text-align: center;}
    .words_box .words_list a span {display: none;}
}
.layui-form-pane .layui-form-label {
    padding: 8px 5px;
}
.gbook-content{
    position: relative;
    overflow: hidden;
}
.gbook-content li{padding-left: 3.4375rem;margin: .625rem;position: relative;overflow: hidden;}

.gbook-content li:before {
    bottom:0;
    border-top: .0625rem solid #e2e2e2;
}
.gbook-content li:before, .gbook-content li:after {
    content: "";
    display: block;
    clear: both;
}
.gbook-content li:before, .gbook-content li:after {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    height: .0625rem;
    transform-origin: 0 0;
    transform: scaleY(.5);
}

.gbook-content li img{position: absolute;left: 0;width: 2.5rem;height: 2.5rem;}
.gbook-content-head {color: #FFF;}
.gbook-content-head strong{line-height: 1.125rem;}
.gbook-content-head span{position: absolute;right: 0;}
.gbook-content-cont {color: #FFF;padding-bottom: .625rem;word-wrap: break-word;}
.gbook-content-reply {position: relative;margin-top: .3125rem;margin-left: -0.9375rem;margin-bottom: .3125rem;padding: 0 .625rem .3125rem 3.8rem;background-color: #333!important;color: #FFF!important;border-radius: 2px;}
.gbook-content .gbook-content-reply img{left: 0.625rem;top: 0.9375rem;}
.gbook-content-reply-head {padding: .9375rem 0 0;}
.gbook-content-reply-head strong{line-height: 1.125rem;}
.gbook-content-reply-head span{position: absolute;right: .625rem;}

.nav-page-info a:hover, .nav-page-info span, .nav-btns-green, .nav-btns-info:hover {
    background-color: #ff5f00!important;
    border-color: #ff5f00!important;
        color: #fff!important;
}
.nav-page-info {
    padding: .625rem 0 1.25rem;
}
.nav-text-center {
    text-align: center!important;
}
.nav-hide {
    display: none!important;
}
.nav-btns-info {
    padding: .5rem 0;
    color: #666;
    line-height: 1.125rem;
    text-align: center;
    cursor: pointer;
}
.nav-btns-disad, .nav-btns-disad:hover {
    background-color: #eee!important;
    color: #aaa!important;
    border-color: #e2e2e2!important;
    pointer-events: none;
    cursor: not-allowed;
}
.nav-rims-info {
    border: .0625rem solid #e2e2e2;
    border-radius: .1875rem;
}
.nav-page-info a {
    padding: .5rem;
    margin: .125rem;
}
@media (min-width: 48rem){
.nav-page-info a {
    padding: .625rem .9375rem;
    margin: .125rem .25rem;
}
.nav-show-sm-inline {
    display: inline!important;
}
}
@media (max-width: 48rem){
.nav-show-xs-inline {
    display: inline!important;
}
}
.layui-fixbar {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 9999;
}
.layui-fixbar {
    right: unset;
    left: 50%;
    margin-left: 580px;
}
.layui-fixbar li {
    background-color: #111;
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
	.index-links-recommend {
		width: 65.65%;
	}
	.index-links-recommend a {
		width: 24.1%;
	}
	.index-links-recommend-adds {
		width: 64.85%;
	}
	.index-links-content a {
		width: 16.126%;
	}
	.layui-footer {
    width: 100%;
    }
    .page-wb {
    	width: 100%;
    }
    .page-left {
    	float: none;
    	text-align: center;
    }
    .layui-footer .subLogo h2 {
    	border-left:none;
    	padding-left: 0;
    	margin-left: 0;
    }
    .page-right {
    	float: none;
    	width: 100%;
    	text-align: center;
    }
    .layui-footer .footerUl {
    	text-align: inherit;
    	line-height: 23px;
    }
    .layui-site-txt{
    	margin-top: 10px;
    	width: 99.8%;
    }
}
@media screen and (max-width: 768px){
	.index-slide{
		display: none;
	}
	.index-links-recommend{
		width: auto;
		padding: 2%;
		float: none;
	}
	.index-links-recommend a{
		width: 24%;
		margin: 0.5%;
	}
	.index-links-recommend-adds {
		background: #fff;
		overflow: hidden;
		height: 48px;
		width: auto;
		float: none;
		padding: 0 10px 10px;
	}
	.layui-card-header {
		padding: 0 2%;
		height: 32px;
		line-height: 32px;
	}
	.index-links-content {
		padding: 2%;
	}
	.index-links-content a {
		width: 32.33%;
		float: left;
		margin: 0.5%;
		text-align: center;
		/*background: #eee 10px center no-repeat;*/
		text-indent: 0px;
		background-size: 0;
		height: 32px;
		line-height: 32px;
	}
	.index-links-content a::after{
		display: none;
	}
	.index-site-list {
		padding: 2%;
	}
	.root-site-list-min li{
		width: 49%;
		border-right: 0px #efefef solid!important;
		margin-right: 0;
	}
	.index-site-list li a {
		font-size: 14px;
	}
	.index-site-list li {
		width: 32.333%;
		float: left;
		position: relative;
		border-radius: 2px;
    line-height: 32px;
    height: 32px;
		margin: 0.5%;
		border: none;
	}
	.index-site-list li a{
    width: 100%;
    float: left;
    text-align: center;
    background: #222;
    border-radius: 2px;
    line-height: 32px;
    height: 32px;
	}
	.layui-footer {
    width: 100%;
    }
    .page-wb {
    	width: 100%;
    }
    .page-left {
    	float: none;
    	text-align: center;
    }
    .layui-footer .subLogo h2 {
    	border-left:none;
    	padding-left: 0;
    	margin-left: 0;
    }
    .page-right {
    	float: none;
    	width: 100%;
    	text-align: center;
    }
    .layui-footer .footerUl {
    	text-align: inherit;
    	line-height: 23px;
    }
    .layui-site-txt{
    	display: none;
    }
}


@media screen and (max-width: 768px){
.layui-col-space10 {
     margin: -5px 0; 
}
.layui-col-space10>* {
    padding:5px 0;
}



    .layui-fixbar{
    	bottom: 1.5%;
    	right: 2.5%;
        left: unset;
        top: unset;
        margin-left: unset;
    }
    .layui-fixbar li:nth-child(1),.layui-fixbar li:nth-child(2),.layui-fixbar li:nth-child(3),.layui-fixbar li:nth-child(4){
        display: none;
    }
    div.main{
        min-height: 600px;
    }
    .layui-layout-right .layui-nav-item,.layui-nav .blood-nav-item{
        margin: 0 5px;
        height: 60px;
        line-height: 60px;
        background-color: transparent;
    }
    .layui-nav .layui-nav-item a,.layui-nav .blood-nav-item a{
        padding: 0 10px;
    }
    .get-meta,.get-web-seo{
        display: block;
    }
    .member-main>.layui-nav {
        position: fixed;
        left: -300px;
        top: 0;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    .member-r-content{
        width: auto;
        min-height: unset;
        margin-left: 0;
        transition: all .3s;
        -webkit-transition: all .3s;
        overflow: hidden;
    }
    .site-mobile .site-mobile-shade {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.9);
        z-index: 999;
    }
    .site-tree-mobile {
        display: block!important;
        position: fixed;
        z-index: 100000;
        bottom: 20px;
        left: 10px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 2px;
        text-align: center;
        background-color: rgba(0,0,0,.7);
        color: #fff;
    }
    .site-mobile .member-main>.layui-nav {
        left: 0;
    }
    .layui-container{
        padding: 0;
        /*margin-bottom: 15px;*/
    }
    header .logo{
        left: 10px;
    }
    .header-menu{
        display:none!important
    }
    .min-nav{
        padding: 10px 0;
    }
    .min-nav li{
        width: 25%;
        line-height: 1.8;
        padding: 3px 0;
    }

    .layui-nav .layui-nav-item a{
        transition: unset;
        -webkit-transition: unset;
    }
    .u-comment-list .avatar_img img{
        #width: 64px;
    }
    .layui-card-comment{
        padding: 20px 15px 10px!important;
    }
    .layui-card-lists{
        padding: 10px 15px 20px!important;
    }
    .topid-list a.none-comment-btn{
        display: block;
        color: #ccc;
    }
    .layui-card{
        border-radius: 0;
    }

    .main-container{
        overflow: hidden;
    }
    .layui-col-md12{width:100%}
    .layui-card{
        border-radius: 0;
    }
    .banner-img img{
    	height: 60px;
    }
    .index-areas {
    padding: 2.5px;
    }
    .index-areas li {
    width: 31.92%;
    margin: 2.5px;
    }
}
@media screen and (max-width: 320px){
	.index-areas li {
		width: 31.75%;
	}
}
/*app*/
.app{width: 100%;margin:0px 10px 10px 0px;background-color: #111;}
.app ul li{width:10%;margin:10px 0px 2px 0px;text-align:center;float:left}
.app ul li img{margin:0 auto;width:36px;height:36px;display:block;border-radius:6px}
.app ul a{font:11px/28px Tahoma,'Microsoft Yahei',Simsun;color:#dcdcdc;overflow:hidden;white-space:nowrap}
.app ul a:hover img{animation: move 4s linear infinite;}
@media only screen and (max-width:640px){
.app ul li{width:20%}}
#shoulu .form {
	padding: 20px;
	background: #fff;
	color: #000
}

#shoulu .line {
	padding: 10px
}

#shoulu .line label {
	display: block;
	font-size: 1.125rem
}

#shoulu .line input,#shoulu .line select {
	display: inline-block;
	box-sizing: border-box;
	margin: 8px 0;
	padding: 9pt 20px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #ccc
}
#shoulu .line select option {
	background: #FFF
}

#shoulu .line button {
	margin: 8px 0;
	padding: 14px 20px;
	width: 100%;
	border: none;
	border-radius: 4px;
	background: #da634b;
	color: #fff;
	cursor: pointer
}

#shoulu .line button:hover {
	background: #d75544;
	color: #fff
}
@media screen and (max-width: 640px){
	#shoulu>a>li {
		height: 100%;
	    width: auto;
	    margin-right: 20px;
	}
}


* 友链区块 */
.friend-links-box {
  background: #fff;
}
.youliandibu {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1px;
  background-color: #eeeeeb;
  border: 1px solid #eeeeeb;
  box-shadow: none;
}
@media (max-width: 1200px) {
  .youliandibu {
    grid-template-columns: repeat(4, 1fr);
  }
}
.kuai2, .kuai-fold {
  box-shadow: none;
  background-color: #fff;
}
.youlian-footer {
  display: flex;
  width: 100%;
  height: 35px;
  line-height: 35px;
}
.youlian-footer-a {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 0;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  color: #333;
  transition: background 0.2s;
}
.youlian-footer-a:hover {
  background: #f6f6f6;
  color: #ff5722;
}
.youlian-footer-a[style*="not-allowed"] {
  opacity: 0.5;
  filter: grayscale(100%);
  cursor: not-allowed !important;
  pointer-events: none;
}
.lianxinxi {
  padding: 2px;
}
.lianxinxi-center {
  margin-left: 1px;
  display: flex !important;
  align-items: center !important;
}
.youlian-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
  margin-left: 5px;
}
@media (max-width: 720px) {
  .youlian-icon {
    width: 15px;
    height: 15px;
    margin-left: 0px;
  }
}
.lianxinxi-text {
  font-size: 14px;
  color: #4a4a4a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px;
}
@media (max-width: 720px) {
  .lianxinxi-text {
    font-size: 13px;
    margin-left: 3px;
  }
}
.friend-links-btn {
  text-align: center;
  padding: 10px;
}
button.youlian-toggle-btn {
  background: #9E9E9E;
  padding: 2px 12px;
  color: #ecf0f2;
  border-radius: 5px;
  font-size: 14px;
  border-color: transparent;
  cursor: pointer;
}
.nav-wrap {
  max-width: 1580px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1200px) {
  .nav-wrap { max-width: 1000px; }
}
@media (max-width: 991px) {
  .nav-wrap { max-width: 100%; }
}
@media (max-width: 720px) {
  .nav-wrap {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}