body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;font-size:inherit}
ul,ol{list-style:none}
ul,li{list-style-type:none}
h1,h2,h3,h4,h5,h6,strong,b,i,em{font-weight:normal;font-style:normal}
a{text-decoration:none;font-family:'微软雅黑','Microsoft YaHei',Tahoma,Arial,sans-serif}
a:hover{text-decoration:none}
img{border:0;vertical-align:middle}
textarea{resize:none}
.clearfix:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.clearfix{zoom:1}
::-webkit-scrollbar{width:10px;height:10px;background-color:#fefefe}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0.3);border-radius:1px;background-color:#fefefe}
::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.3);background-color:#ccc}

@charset "UTF-8";.text-primary{color:#3579f6}
.bg-primary{background-color:#3579f6}
.text-info{color:#3092e2}
.bg-info{background-color:#3092e2}
.text-success{color:#10b888}
.bg-success{background-color:#10b888}
.text-warning{color:#efb723}
.bg-warning{background-color:#efb723}
.text-orange{color:#ff7b00}
.bg-orange{background-color:#ff7b00}
.text-danger{color:#f70a0a}
.bg-danger{background-color:#f70a0a}
.text-gray-middle{color:#666}
.bg-gray-middle{background-color:#666}
.text-gray-light{color:#999}
.bg-gray-light{background-color:#999}
.font-mini{font-size:12px}
.font-base{font-size:14px}
.font-700{font-weight:bold}
.p-mini{padding-top:8px;padding-bottom:8px;padding-left:8px;padding-right:8px}
.px-mini{padding-left:8px;padding-right:8px}
.py-mini{padding-top:8px;padding-bottom:8px}
.pl-mini{padding-left:8px}
.pr-mini{padding-right:8px}
.pt-mini{padding-top:8px}
.pb-mini{padding-bottom:8px}
.m-mini{margin-top:8px;margin-bottom:8px;margin-left:8px;margin-right:8px}
.mx-mini{margin-left:8px;margin-right:8px}
.my-mini{margin-top:8px;margin-bottom:8px}
.ml-mini{margin-left:8px}
.mr-mini{margin-right:8px}
.mt-mini{margin-top:8px}
.mb-mini{margin-bottom:8px}
.p-small{padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px}
.px-small{padding-left:12px;padding-right:12px}
.py-small{padding-top:12px;padding-bottom:12px}
.pl-small{padding-left:12px}
.pr-small{padding-right:12px}
.pt-small{padding-top:12px}
.pb-small{padding-bottom:12px}
.m-small{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}
.mx-small{margin-left:12px;margin-right:12px}
.my-small{margin-top:12px;margin-bottom:12px}
.ml-small{margin-left:12px}
.mr-small{margin-right:12px}
.mt-small{margin-top:12px}
.mb-small{margin-bottom:12px}
.p-base{padding-top:14px;padding-bottom:14px;padding-left:14px;padding-right:14px}
.px-base{padding-left:14px;padding-right:14px}
.py-base{padding-top:14px;padding-bottom:14px}
.pl-base{padding-left:14px}
.pr-base{padding-right:14px}
.pt-base{padding-top:14px}
.pb-base{padding-bottom:14px}
.m-base{margin-top:14px;margin-bottom:14px;margin-left:14px;margin-right:14px}
.mx-base{margin-left:14px;margin-right:14px}
.my-base{margin-top:14px;margin-bottom:14px}
.ml-base{margin-left:14px}
.mr-base{margin-right:14px}
.mt-base{margin-top:14px}
.mb-base{margin-bottom:14px}
.p-large{padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px}
.px-large{padding-left:24px;padding-right:24px}
.py-large{padding-top:24px;padding-bottom:24px}
.pl-large{padding-left:24px}
.pr-large{padding-right:24px}
.pt-large{padding-top:24px}
.pb-large{padding-bottom:24px}
.m-large{margin-top:24px;margin-bottom:24px;margin-left:24px;margin-right:24px}
.mx-large{margin-left:24px;margin-right:24px}
.my-large{margin-top:24px;margin-bottom:24px}
.ml-large{margin-left:24px}
.mr-large{margin-right:24px}
.mt-large{margin-top:24px}
.mb-large{margin-bottom:24px}
.p-2{padding-top:3px;padding-bottom:3px;padding-left:3px;padding-right:3px}
.px-2{padding-left:3px;padding-right:3px}
.py-2{padding-top:3px;padding-bottom:3px}
.pl-2{padding-left:3px}
.pr-2{padding-right:3px}
.pt-2{padding-top:3px}
.pb-2{padding-bottom:3px}
.m-2{margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px}
.mx-2{margin-left:3px;margin-right:3px}
.my-2{margin-top:3px;margin-bottom:3px}
.ml-2{margin-left:3px}
.mr-2{margin-right:3px}
.mt-2{margin-top:3px}
.mb-2{margin-bottom:3px}
.flex-row{display:flex}
.flex-row-vcenter{display:flex;align-items:center}
.flex-row-rcenter{display:flex;justify-content:center}
.flex-row-c{display:flex;align-items:center;justify-content:center}
.flex-row-bw{display:flex;justify-content:space-between}
.flex-row-ad{display:flex;justify-content:space-around}
.flex-row-end{display:flex;justify-content:flex-end}
.flex-wrap{flex-wrap:wrap}
.flex-col{display:flex;flex-direction:column}
.flex-col-vcenter{display:flex;flex-direction:column;justify-content:center}
.flex-col-rcenter{display:flex;flex-direction:column;align-items:center}
.flex-col-c{display:flex;flex-direction:column;align-items:center;justify-content:center}
.flex-col-bw{display:flex;flex-direction:column;justify-content:space-between}
.flex1-row{flex:1;width:1px}
.flex1-col{flex:1;height:1px}
.flex-shrink{flex-shrink:0}
.w100{width:100%}
.h100{height:100%}
.cursor-pointer{cursor:pointer}
.vertical-middle{vertical-align:middle}
.line-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}


@charset "UTF-8";body{background-color:#f0f2f6;color:#333;font-size:14px}
a,a:link,a:visited{color:#666}
a:hover{color:#3579f6}
.blocka{display:block}
.search-form{width:300px;text-align:center;border-radius:5px;background:#f5f5f5;padding-left:10px;margin-right:16px}
.search-form .wd{height:40px;line-height:40px;font-size:14px;background:#f5f5f5}
.search-form .icon-search{padding:0 10px;font-size:16px;color:#999;font-weight:700;cursor:pointer}
.search-form .icon-search:hover{color:#3579f6}
.autocomplete-suggestions{text-align:left;line-height:23px;cursor:default;border:1px solid #ddd;border-top:0;background:#fff;box-shadow:-1px 1px 3px rgba(0,0,0,0.1);position:absolute;top:181px;left:9px;display:none;z-index:9999;max-height:300px;overflow:hidden;overflow-y:auto;box-sizing:border-box}
.autocomplete-suggestions strong{font-weight:normal;color:#3399ff}
.autocomplete-suggestion{white-space:nowrap;overflow:hidden;padding:3px 8px;font-size:14px}
.autocomplete-selected{background:#f0f0f0}
.forum-header{background-color:#fff;height:60px}
.forum-header-content{width:100%;max-width:1100px;margin:auto}
.forum-header-left .logo{font-size:24px;font-weight:bold}
.forum-header-left .nav-links li{margin-right:40px}
.forum-header-left .nav-links li img{width:20px;height:auto;margin-right:5px}
.forum-header-left .nav-links li a span.icon{margin-right:5px}
.forum-header-left .nav-links li a:hover{color:#3092e2}
.forum-header-right a,.forum-header-right span,.forum-header-right a:link,.forum-header-right a:visited{color:#999}
.forum-header-right a:hover{color:#3092e2}
.forum-main{width:100%;max-width:1100px;margin:20px auto}
.forum-main .post-list .post{background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:1.5rem;margin-bottom:1.5rem}
.forum-main .post-list .post .post-title{font-size:1.25rem;margin-bottom:0.5rem}
.forum-main .post-list .post .post-title a{color:#2c3e50}
.forum-main .post-list .post .post-title a:hover{color:#3579f6}
.forum-main .post-list .post .post-meta{color:#7f8c8d;font-size:0.875rem;margin-bottom:0.5rem}
.forum-main .post-list .post .post-meta span{margin-right:1rem}
.forum-main .post-list .post .post-excerpt{color:#34495e;line-height:1.6}
.forum-main .pagination{display:flex;justify-content:center;gap:0.5rem;margin-top:20px;padding-bottom:20px}
.forum-main .pagination span,.forum-main .pagination a{box-sizing:border-box;height:32px;line-height:32px;text-align:center;padding:0 12px;border:1px solid #ddd;border-radius:4px;color:#333;background-color:#fff}
.forum-main .pagination span:hover,.forum-main .pagination a:hover{color:#3579f6}
.forum-main .pagination span.cur{background-color:#3579f6;color:#fff;border-color:#3579f6}
.forum-main .pagination span.disabled{cursor:not-allowed;background-color:#f5f5f5;color:#666}
.left-card{width:190px;background-color:#fff;border-radius:5px;flex-shrink:0;padding:10px;margin-right:20px}
.left-card .sidebar-nav{line-height:40px;padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:10px}
.left-card .sidebar-nav-item{padding:0 20px;border-radius:5px;cursor:pointer}
.left-card .current-nav{background-color:#ebf4fd;color:#3579f6}
.left-card .link div{height:40px;line-height:40px;color:#333;cursor:pointer;padding-left:20px}
.left-card .link img{display:block;width:24px;height:auto;margin-right:5px}
.right-box{width:240px;flex-shrink:0;margin-left:20px;gap:20px}
.forum-footer{background-color:#fff;text-align:center;padding:20px}
.forum-footer-content{color:#7f8c8d;line-height:26px;text-align:center}
.forum-footer-links a{color:#3579f6;margin:0 0.5rem}
.forum-footer-links a:hover{text-decoration:underline}
.post{background-color:#fff;border-radius:5px;padding:10px 16px}
.post-item{border-bottom:1px solid #ddd;padding:0 0 10px 0}
.post-item:last-child{border-bottom:none}
.post-item-avatar{width:34px;height:34px;border-radius:50%;margin-right:10px;margin-top:10px}
.post-item-content-title a{display:block;color:#333;font-weight:400;line-height:22px;max-height:54px;overflow:hidden;font-size:16px;padding:10px 0 5px 0}
.post-item-content-title a .tag{color:#ff7b00;font-size:12px;background-color:#f1e8ce;line-height:20px;border-radius:4px;padding:0 5px;display:inline-block}
.post-item-content-title a:hover{color:#3092e2}
.post-item .post-meta{color:#999}
.introduction-card{background-color:#fff;border-radius:5px;line-height:30px;padding:10px}
.introduction-card .title{font-size:18px;font-weight:700;padding:5px 0}
.introduction-card .title img{width:30px;height:auto;display:inline-block;vertical-align:middle;margin-right:5px}
.introduction-card .banzhu-info{color:#999;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:30px;margin-top:30px;padding:10px 0;color:#999}
.introduction-card .banzhu-info label{color:#666}
.introduction-card .fatie-btn{height:30px;line-height:30px;background-color:#3579f6;color:#fff;text-align:center;border-radius:5px;font-size:14px;margin-top:10px}
.hot-card{background-color:#fff;border-radius:5px}
.hot-card-title{height:34px;line-height:34px;border-bottom:1px solid #ddd;padding-left:10px;font-weight:700}
.hot-card-ul{padding:10px;line-height:22px}
.hot-card-ul li{position:relative;padding:5px 0}
.hot-card-ul-text{overflow:hidden;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;width:149px;display:block}
.hot-card-ul-text a:hover{color:#3092e2}
.hot-card-ul-meta{position:absolute;right:0;bottom:3px;width:100px;color:#999}
img.eye{width:20px;height:auto}
img.comment{width:16px;height:auto;margin-right:3px}
.filter-box{margin-bottom:14px}
.filter-box a,.filter-box a:link,.filter-box a:visited{color:#333}
.filter-box a:hover{color:#3579f6}
.filter-box-type{color:#999}
.filter-box-tag{gap:10px}
.filter-box-tag span{display:block;text-align:center;line-height:24px;height:24px;border-radius:20px;border:1px solid #ddd;padding:0 12px;cursor:pointer;font-size:12px}
.filter-box-tag span.active{background-color:#3579f6;color:#fff}
.left-box{width:150px;padding-top:20px}
.icon-item{margin-top:20px;cursor:pointer}
.icon-item-img{width:40px;height:40px;text-align:center;line-height:40px;background-color:#fff;border-radius:50%}
.icon-item-img .iconfont{font-size:24px}
.icon-item-num{text-align:center;color:#999;line-height:30px}
.detail-content{background-color:#fff;border-radius:5px}
.detail-header{line-height:24px;padding:10px 20px;border-bottom:1px solid #ddd}
.detail-header h3{font-size:24px;line-height:30px;margin-bottom:5px}
.detail-header .author{color:#999}
.detail-header .author img{width:20px;height:20px}
.header-left{display:flex;justify-content:space-between}
.detail-header header-info{display:flex}
.detail-intro p{text-indent:2em;word-wrap:break-word}
.detail-body{line-height:26px;padding:20px 40px 45px 40px;border-bottom:1px solid #ddd;font-size:12px;color:#666}
.detail-body .detail-link{margin-top:20px;font-size:14px}
.detail-body a,.detail-body a:link,.detail-body a:visited{color:#ff7b00;margin-right:10px}
.detail-body a:hover{color:#3092e2}
.type-tag{gap:10px;padding-top:50px}
.type-tag .tag-item{background-color:#f9f9f9;border-radius:5px;height:22px;line-height:22px;padding:0 5px;font-size:12px}
.type-tag .tag-item i{margin-right:3px}
.detail-footer{padding:12px 0;gap:20px}
.detail-footer .footer-btn{height:28px;line-height:28px;border:1px solid #999;border-radius:5px;cursor:pointer}
.detail-footer .icon-box{text-align:center;padding:0 14px;font-size:12px}
.detail-footer .icon-box i{margin-right:3px}
.detail-footer .num{padding:0 12px;min-width:30px;text-align:center;border-left:1px solid #999}
.guess-card{background-color:#fff;border-radius:5px;padding:10px 20px;margin-top:20px}
.guess-card-title{height:34px;line-height:34px;font-weight:700}
.guess-card-ul li{width:50%}
.guess-card-ul a{width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guess-card-ul a i{color:#3092e2;font-size:14px;line-height:34px}
.guess-card-ul a:hover{color:#3092e2}
.comment-card{margin-top:20px;background-color:#fff;border-radius:5px;padding-bottom:20px}
.comment-card .comment-title{line-height:34px;border-bottom:1px solid #ddd;padding:5px 18px}
.comment-card .comment-title i{margin-right:5px}
.comment-card .comment-body{padding:0 20px}
.comment-card .comment-item{padding:15px 0;border-bottom:1px solid #ddd}
.comment-card .comment-item:last-child{border-bottom:none}
.comment-card .comment-item .user-img{width:40px;height:40px;border-radius:50%}
.comment-card .comment-item .floor{display:inline-block;padding:0 7px;height:22px;line-height:22px;border-radius:5px;background-color:#f5f5f5;color:#666}
.comment-card .comment-item .icon-fenxiang{color:#ccc}
.login-main{padding:20px;padding-bottom:248px}
.login-welcome{font-size:26px;padding:70px 0 30px}
.login-welcome .welcom-icon{width:26px;height:26px;color:#fff;background-color:#333;border-radius:50%}
.login-welcome .icon-denglu{}
.login-container{background:white;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.1);width:100%;max-width:440px}
.login-container h2{line-height:30px;padding:8px 0;text-align:center;color:#999;border-bottom:1px solid #ddd;font-size:16px}
.login-container .login-form{padding:25px 30px}
.login-container .input-group{border:1px solid #ddd;border-radius:4px;overflow:hidden}
.login-container .input-group label{background-color:#eee;width:34px;height:34px}
.login-container .input-group input{flex:1;height:34px;line-height:34px;padding:0 10px}
.login-container .login-btn{width:100%;background-color:#3579f6;color:white;border:none;border-radius:4px;cursor:pointer;height:34px;line-height:34px}
.login-container .login-btn:hover{background-color:rgba-primary(0.9)}
.login-card{background-color:#fff;border-radius:5px;padding:24px;margin-top:20px}
.login-card .login-btns{gap:10px;padding-top:16px}
.login-card .div-btn{background-color:#fff;color:#3579f6;border:1px solid #3579f6;border-radius:4px;width:80px;text-align:center;height:26px;line-height:26px;cursor:pointer}
.login-card .div-btn.active{background-color:#3579f6;color:#fff}
.login-card p{text-align:center}
.iconfont.icon-eye{color:#999;font-size:14px}
.iconfont.icon-31pinglun{color:#888;font-size:15px}
.mobile-show{display:none}
.container-error{height:80vh;text-align:center;line-height:40px;font-size:20px;max-height:500px;background:#fff;border-radius:4px;max-width:1100px;margin:10px auto}
.container-error a{font-size:14px;color:#3092e2}
@media screen and (max-width:768px){.mobile-none{display:none!important}
    .mobile-show{display:block}
    .right-box{display:none}
    .forum-main{padding:0 10px;box-sizing:border-box;margin-top:0}
    .forum-main .post{border-radius:0 0 5px 5px}
    .mobile-header{height:54px;background-color:#fff;padding:0 20px 0 12px}
    .mobile-header .login-title{font-size:20px;font-weight:700}
    .mobile-header span{display:block;color:#666}
    .mobile-header span.icon-home-off{padding:10px}
    .mobile-header span.icon-denglu{border:1px solid #eee;border-radius:50%;font-size:20px;padding:4px}
    .sidebar-nav{background-color:#fff;border-radius:5px 5px 0 0;border-bottom:1px solid #eee;margin:10px 10px 0 10px;gap:24px;padding-left:20px;padding-top:5px}
    .sidebar-nav .sidebar-nav-item{line-height:34px;border-bottom:3px solid #fff}
    .sidebar-nav .current-nav{border-bottom:3px solid #3579f6;box-sizing:border-box;font-weight:700}
    .filter-box{margin-top:10px;margin-bottom:10px}
    .detail-content{margin-top:10px}
    .guess-card-ul li{width:100%}
    .login-container{max-width:100%}
    .container-error{margin:10px}
    .pagination-wap{background-color:#fff;border-radius:4px;border:1px solid #f1f1f1;margin-top:10px;height:48px;line-height:48px}
    .pagination-wap a{display:block;width:35%;text-align:center;color:#333}
    .pagination-wap span{flex:1;display:block;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;height:16px;line-height:16px}
    .detail-body{padding:10px 20px 60px 20px}
    .header-left{display:flex;flex-direction:column}
    .bottom-bar{position:fixed;left:0;right:0;bottom:0;height:60px;background-color:#fff;border:1px solid #ccc}
    .pb-bar{padding-bottom:70px}
    .pb-bar li{flex:1}
    .pb-bar .border-r{border-right:1px solid #ccc}
}
.div-bar{border-radius:3px;background-color:#fff;margin:0 10px}
.info-bar{background-color:#fff;font-size:12px;height:100%}
.search-bar{margin-top:10px;padding:10px 16px}
.search-bar .wd{background-color:#fff;border:1px solid #eee;border-radius:5px 0 0 5px;padding-left:10px;height:38px;line-height:38px}
.search-btn{padding:0 16px;background-color:#3579f6;color:#fff;border-radius:0 5px 5px 0;height:38px;line-height:38px}
.model-intro{margin-top:10px;padding:10px}
.model-intro img{width:80px;height:auto}
.model-intro-info{line-height:24px}
.model-intro-info .title{font-size:18px;font-weight:700;color:#333;margin-bottom:5px}
.model-intro-info .info{color:#999;font-size:12px;line-height:20px}
.model-intro .model-content{border-top:1px solid #ddd;margin-top:10px;font-size:12px;padding-top:10px;line-height:20px}
.input-group-report input,.input-group-report textarea{border:1px solid #ddd;line-height:20px;padding:5px 10px;border-radius:4px;width:100%}
.input-group-report>input,.input-group-report>textarea,.input-group-report .input-box{flex:1;max-width:500px}
.input-group-report label{width:72px;text-align:right;line-height:30px}
.captcha{width:100px;height:30px;border:1px solid #ddd;margin-left:10px}
.report-container{max-width:600px;margin-top:50px}
.comment-item-content{padding-right:50px}