.content{width: 82%;margin: 0 auto;min-width: 1360px;}

.header{width: 100%;background: #fff;}
.header_logo{background: #07CE9A;width: 180px;height: 60px;text-align: center;line-height: 60px;}
.header_logo img{width: 151px;height: 45px;}
.header_nav{margin-left: 62px;}
.header_nav ul li{float: left;line-height: 56px;margin-right: 22px;}
.header_nav ul li a{display: block;font-size: 16px;color: #333;padding: 0 9px;}
.header_nav ul li:hover a{color:#07CE9A;}
.header_nav ul li.thisclass a{color:#07CE9A;border-bottom: 4px solid #07CE9A;}

.header_user{/* width: 120px; */position: relative;}
.header_userbox{padding: 12px 0;/* display: flex;display: -webkit-flex;*/}
.header_userimg{width: 36px;height: 36px;border-radius: 50%;background: #07CE9A;margin: 0 10px;overflow: hidden;}
.header_userimg img{width: 36px;height: 36px;}
.header_username{font-size: 16px;color: #333;line-height: 36px;/*flex: 1;-webkit-flex:1;*/overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header_username a{color: #333;}
.header_username a:hover{color: #07CE9A;}

.header_user:hover .header_userlist{display: block;}
/*.header_userlist{position: absolute;width: 100%;text-align: center;top: 60px;background: #fff;box-shadow:0px 1px 6px 0px rgba(39,88,72,0.1);display: none;z-index: 1;}*/
/*.header_userlist ul li{height: 34px;line-height: 34px;border-bottom: 1px solid #e5e5e5;}*/
/*.header_userlist ul li a{display: block;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/
/*.header_userlist ul li:hover{background: #07CE9A;}*/
/*.header_userlist ul li:hover a{color: #fff;}*/
.header_userlist {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 60px;
    background: #fff;
    box-shadow: 0px 1px 6px 0px rgba(39, 88, 72, 0.1);
    display: none;
    padding: 0 16px;
    border-radius: 8px;
    z-index: 1;
}

.userInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #e8e8e8;
}

.userInfo .name {
    color: #333333;
    font-size: 20px;
    margin: 8px 0 4px 0;
    font-weight: bold;
    text-align: center;
}

.userInfo .avatar {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background: #000;
}

.menuList {
    padding: 8px 0;
}

.menuList li a {
    display: block;
    font-size: 14px;
    color: #333333;
    padding: 8px 0;
    border-radius: 8px;
}

.menuList li a:hover {
    background: #07CE9A;
    color: #fff;
}

.footer{background: #252D41;}
.footer_top{padding: 64px 0 44px;}
.footer_nav{font-size: 0;text-align: center;}
.footer_nav li{display: inline-block;margin: 0 40px;}
.footer_nav li a{display: block;font-size: 14px;color: #fff;opacity: 0.7;}
.footer_nav li a:hover{opacity: 1;}
.footer_tel{font-size: 14px;color: #fff;opacity: 0.7;text-align: center;margin-top: 32px;}
.footer_bottom{border-top: 1px solid #1A2132;padding: 24px 0;}
.footer_copy{font-size: 14px;color: #fff;opacity: 0.7;text-align: center;line-height: 26px;}

.pagelist{margin-top: 50px;margin-bottom: 35px;}
.pagelist ul{text-align: center;font-size: 0;}
.pagelist ul li{display: inline-block;margin: 0 3px;}
.pagelist ul li a{padding: 9px 15px;font-size: 14px;display: block;background: #222;color: #fff;}
.pagelist ul li span{padding: 9px 15px;font-size: 14px;display: block;color: #333;}
.pagelist ul li.active a{background: none;color: #333;border: 1px solid #e5e5e5;}
.pagelist ul li.active span{background: none;color: #333;border: 1px solid #e5e5e5;}
.pagelist ul li.disabled span{background: none;color: #333;border: 1px solid #e5e5e5;}
.pagelist ul li.pageprev a,.pagelist ul li.pagenext a{background: none;color: #333;border: 1px solid #e5e5e5;}
.pagelist ul li:hover{transform: scale(0.95);}

.wiposi_box{line-height: 74px;}
.wiposi_box a{color: #333;}
.wiposi_box a:hover{color: #07CE9A;}

.article{margin-bottom: 40px;}
.article_box{background: #fff;border-radius: 12px;padding: 0 50px;}
.article_top{padding: 46px 0;border-bottom: 1px solid #e5e5e5;}
.article_top h1{text-align: center;font-size: 30px;color: #333;}
.article_top p{text-align: center;margin-top: 32px;}
.article_top p span{font-size: 14px;color: #999;margin: 0 10px;}
.article_top p span.author{color: #FF4F7D;}
.article_bot{padding: 32px 0;}
/*.article_botbox{line-height: 2.2;font-size: 16px;color: #333;}*/
/*.article_botbox *{line-height: 2.2;font-size: 16px;color: #333;}*/
/*.article_botbox img{max-width: 100%;height: auto !important;}*/


.empty{display: block;width: 100%;background:#fff url(../img/nodata.png) center 40px no-repeat;padding: 340px 0 40px;text-align: center;font-size: 16px;color: #333;margin: 0 auto;border-radius: 15px;}

.bei-an {position: relative;display: inline-block;padding-left: 26px; color: #fff;}
.bei-an .bei-an-icon{position: absolute;left: 0;top: 50%;margin-top: -10px;width: 20px;height: 20px;background: url(../img/beian.png) no-repeat;background-size: 20px 20px;}