body{background-color:#f8fafc;}
header{background-color:#3b3b3b;clear: both;height:48px;display:block;}
header .logo{float:left;height:48px;width:50px;line-height:48px;margin-right:20px;}
header .logo img{max-width:100%;}
h1,h2,h3,h4,h5{font-family:PingFangSC-Medium,PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,Helvetica,sans-serif,Avenir,Tahoma,Arial;font-weight:400;}
a:hover{color:#4d7fd0!important;}
.flex{flex:1;}
.box-shadow{box-shadow: 0 1px 3px rgba(27,95,160,.1);}
.d-flex{display: flex!important;}
.bgc{background:#fff;}
.over-hide{overflow: hidden;}
.fl{float:left!important;}
.fr{float:right!important;}
.container{max-width:1140px;margin:0 auto;padding:0 10px;min-width:345px;}
.vote-tips-num{color:#4285f4;}
.t-a-l{text-align: left;}
.t-a-c{text-align: center;}
.t-a-r{text-align: right;}
.nav{z-index:999;display: inline-block;max-width:70%;white-space: nowrap;}
.nav>li{font-size:16px;font-weight:400;display:inline-block;position: relative;z-index:9999;}
.nav>li>a{color:#fff;display:block;height:18px;line-height:18px;padding:15px 30px;z-index: 1;position: relative;background:#3b3b3b;}
.nav>li>a:hover{color:#fff!important;}
.nav>li>ul{position: absolute;background:#fff;top:0px;font-size:14px;left:0;min-width:100%;box-shadow: 0 0 6px 0 rgba(0,0,0,.1);transition-property: all;transform-origin:top; transform:scaleY(0);transition-duration:0.4s;opacity:0;}
.nav>li>ul>li{border-bottom:1px solid #eee;}
.nav>li>ul>li>a{display:block;padding:8px 10px;text-align:left;white-space: nowrap;text-align: center;}
.nav>li:hover>ul{opacity: 1;transform:scaleY(1)!important;top: 48px;}
.nav>li:hover>a,.nav>li>a.active{background:#4285f4;color:#fff!important;border-radius:0;}
#m-nav-btn{color:#fff;font-size:28px!important;margin:5px 0;float:left;}
.quick-search{position: relative;margin:9px 10px;float:right;}
.quick-search .keyword{width:80px;height:28px;border:1px solid #3f3f3f;opacity:0.5;border-radius:5px;padding:0 10px;}
.quick-search .keyword:focus{width:150px;transition: width .5s;}
.quick-search span{position: absolute;right:8px;top:4px;}
header .user-info{float:right;margin:9px 0 9px 20px;}
.r-container{width:30%;display:inline-block;}
.l-container{width:68.5%;display: inline-block}

.side-box{padding:10px 15px;overflow: hidden;background-color:#fff;}
.side-title h3{font-size:24px;font-weight:400;color:#2c2e3b;}
.side-body{padding:15px 0;}
.side-title-list{overflow: hidden;}
.side-title-list li{display:flex;padding:7px 0 8px;}
.side-title-list li .num{width:18px;}
.side-title-list li .num span{background:#e6f1fb;color:#4285f4;font-size:12px;line-height:20px;display:inline-block;width:18px;text-align: center;border-radius:3px;}
.side-title-list li .info{text-align: justify;margin-left:5px;cursor: pointer;}
.side-title-list li .info a{min-height:40px;max-height:40px;line-height:20px;overflow: hidden;font-size:14px;color:#2c2e3b;}
.side-title-list li .info span{font-size:12px;background:#f4f4f4;color:#aaa;padding:0 3px;margin-left:5px;
border-radius:2px;}

.hot-tags a{display: inline-block;background-color:#e6f1fb;color:#4285f4;padding:3px 5px;border-radius:3px;margin:0 5px 5px 0;}
.hot-tags a:hover{background-color:#4285f4;color:#fff!important}

.block-head{padding:10px 20px;border-bottom: 1px solid #f4f4f4;overflow: hidden;}
.block-head h3{font-size:24px;font-weight:400;color:#2c2e3b;display:inline-block;}
.block-head h4{font-size:16px;color:#2c2e3b;display:inline-block;}
.block-head span{color:#999}
.block-head .tab{float: right;margin:8px 0;}
.block-head .tab span,
.block-head .tab a{display:inline-block;font-size:18px;line-height:20px;padding:0 10px;margin:0 10px;cursor: pointer;}
.block-head .tab .active{color:#4285f4;}
.block-content{padding:10px;overflow: hidden;}

/* 分页 */
.page-box{display:block;overflow:hidden;padding:25px 0;text-align:center;background-color:#fff;}
.pagination{display:inline-block;overflow:hidden;}
.pagination li{display:inline-block;margin:0 3px;cursor: pointer;}
.pagination li a,
.pagination li span{display:block;padding:3px 12px;font-size:16px;background-color:#f2f2f2;color:#999;border-radius:3px;}
.pagination li.active span,
.pagination li:hover span,
.pagination li a:hover{background-color:#e6f1fb;color:#4285f4!important;}
.pagination li.disabled span,
.pagination li.disabled:hover span{background-color:#f2f2f2;color:#999;}

.crumbs{padding:10px 20px;font-size:14px;border-bottom:1px solid #eee;color:#999}
.crumbs a,.crumbs i{display:inline-block;color:#999!important}
.crumbs i{margin-right:5px}
.crumbs span{display:inline-block;padding:0 5px;color:#eee;}

.links{padding:20px 20px 10px 20px;}
.links a{display: inline-block;margin:0 10px 10px 0;}


footer{background-color:#3b3b3b;padding:30px 0;margin-top:15px;line-height: 30px;font-size:13px}
.footer-item{overflow: hidden;text-align:left;}
.footer-nav-item{float:left;width:20%;padding-bottom:30px;}
.footer-nav-item li{display:block;color:#999;}
.footer a{color:#999}
.footer-nav-item li h3{color:#fff;}
.footer .icp,.footer .icp a{color:#50555f;}
.footer .cert{max-width:60%;overflow: hidden;line-height:60px;}
.footer .cert li{float: left;width:80px;margin:0 5px;height:60px;overflow: hidden;}
.footer .cert li img{max-width:100%;opacity:.4;}
.footer-promise{width:20%;overflow: hidden;}
.footer-promise li{float:left;width:50%;text-align: center;color:#999;height:75px;}
.footer-promise li img{display: inline-block;}
.footer-promise li span{display:block;height:30px;line-height:30px;}

.assit-btn{position: fixed;right:10px;bottom:10px;}
.assit-btn>li{display:block;text-align: center;border:1px solid #eee;margin-top:5px;background-color:#fff;position: relative;z-index: 9999;cursor: pointer;}
.assit-btn>li i.iconfont{display: block;font-size:30px;width:40px;height:40px;line-height:40px;color:#999}
.assit-btn>li em{width:40px;line-height:18px;font-size:14px;display:none;color:#aaa;padding:2px 0;}
.assit-btn>li>.pop{position: absolute;right:42px;top:-1px;background-color:#fff;display:none;border:1px solid #eee;}
.assit-btn>li:hover i.iconfont{display:none;}
.assit-btn>li:hover em{display:block;}
.assit-btn>li:hover>div{display: block;}
.assit-btn>li>.share{height:40px;line-height:40px;padding:0 10px;}
.assit-btn>li>.share a{font-size:28px;margin:0 5px;color:#ccc;}
.assit-btn>li>.qrcode{padding:15px;}

@media only screen and (max-width:765px) {
    header .quick-search{display:none}
    #m-nav-btn{display:block}
    header{padding:0 15px;text-align: center;}
    .logo{ float:none!important;display:inline-block; }
    .nav{position: absolute;left:0;right:0;top:48px;background:#3b3b3b;display:none;border-top:1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);max-width:100%;}
    .nav>li{display:block;text-align:left;}
    .nav>li>ul{opacity:1;transform:none;position:relative;top:0;padding:0;box-shadow: none;margin:0;}
    .nav>li:hover>ul{top:0}
    .nav>li>ul>li>a{text-align:left;padding:8px 20px 8px 45px;background:#3b3b3b;color:#fff;}
    .r-container,.l-container{width:100%;}
    .assit-btn>li{display:none;}
    .assit-btn>li#backtop{display:block;}
}

@media only screen and (min-width:750px) {
    header .nav,
    header .quick-search{display:inline-block!important;}
    #m-nav-btn{display:none}
}