@font-face {font-family: "iconfont";
    src: url('../other/font_611376_ra04lm12x1a.eot'); /* IE9*/
    src: url('../other/font_611376_ra04lm12x1a.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../other/JM+hAg==') format('woff'),
    url('../other/font_611376_ra04lm12x1a.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../other/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;
}
em{
    font-style: normal;
}
a:hover{
    color: #01AAED;
}
header {
    height: 60px;
}
header .logo {
    position: absolute;
	font-size: 30px;
	color: #FFFFFF;
    top: 7px;
    height: 45px;
	line-height: 45px;
}
header .logo a{color: #fff;}
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);
}
.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: 55px;
    width: 10.225%;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.areas-image{
        width: 100%;
    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(2, 2, 2, 0.5);
    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: 20px;
    padding-top: 20px;
    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 #f6f6f6;
    color: #333;
    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: 18px;
}
.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: #fff;
    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(../files/point.png) 10px center no-repeat; 
    background-color: #fafafa;
    text-indent: 30px; 
    background-size: 16px 16px; 
}
.index-links-content a::after{
    z-index: 999;
    float: left;
    margin: 0 3px 0 5px;
    font-family: layui-icon!important;
    font-size: 12px;
	font-color:#ddd;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-osx-font-smoothing: grayscale;
 
}
.index-links-content a:hover{
	color:#FFF;
	background:#FF2805 url(../files/point.png) 10px center no-repeat;
	background:#FF2805;
}
.site-list-body {
    padding: 0;
    overflow: hidden;
}
.index-site-list{
    display: block;
    overflow: hidden;
    clear: both;
}
.index-site-list li{
    float: left;
    position: relative;
    line-height: 3.3;
    height: 41.9px;
    width: 20%;
    text-align: center;
    border:1px #efefef 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;
}
.index-site-list li a:hover{
    background-color: #fafafa;
    color: #FF2805;
}
/*
.index-site-list li:nth-child(5n){
    border-right: none;
}*/
.root-site-list-min li {
    width: 50%;
    border-right: 1px #efefef 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;
}*/
.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: #efefef;
    color:#333;
    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 h1{
	font-size: 2.5;
	float: left;
}
.layui-footer .subLogo h2 {
    border-left: 1px #515253 solid;
    font-size: 15px;
    line-height: 2.5;
    padding-left: 10px;
    margin-left: 12px;
	float: left;
}
.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: #333;
}
.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;  }
.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 strong{line-height: 1.125rem;}
.gbook-content-head span{position: absolute;right: 0;}
.gbook-content-cont {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: #f7f7f7!important;color: #333!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: rgba(0,0,0,.7);
}
@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%;
	}
	.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;
	}
	.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 {
		color: #333; 
		font-size: 14px;
	}
	.index-site-list li {
		width: 32.333%;
		float: left;
		position: relative;
		border-radius: 2px;
		line-height: 36px;
		height: 36px;
		margin: 0.5%;
		border: none;
	}
	.index-site-list li a{
    width: 100%;
    float: left;
    text-align: center;
    background: #eee;
    border-radius: 2px;
    line-height: 36px;
    height: 36px;
	}
	.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: 15px;
        right: 15px;
        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%;
	}
}
.links-top{overflow:hidden;margin:auto;margin-bottom:20px;border-radius:5px;background:#fff;box-shadow:0 3px 6px 2px rgba(0,0,0,.03)}
.links-top ul li{float:left;padding:5px 0;width:10%;text-align:center}
.links-top ul li img{margin:0 auto;padding:4px;width:56px;height:56px;border-radius:56px}
@media (max-width:1200px){.links-element ul li{width:20%}
}
@media (max-width:768px){.links-element ul li{width:33.3333%}
.links-top ul li{width:20%}
}
@media (max-width:544px){.links{padding:0 5px}
.links-element ul li{width:49%}
.links-top ul li{width:25%}
.links-box .panel-heading .btn{padding:0 10px}
.links-element ul{overflow:hidden;padding:10px 0 10px 10px}
