@charset "UTF-8";
body{background-color:#f0f2f6;color:#333;font-size:14px}
a{cursor:pointer}
.strong{font-weight:700}
.search-form{width:300px;text-align:center;margin:0 auto;border-radius:20px;padding-left:10px;border:1px solid #ddd}
.search-form .wd{height:30px;line-height:30px;font-size:12px;border-radius:20px}
.search-form .icon-search{padding:0 10px;font-size:16px;color:#999;font-weight:700;cursor:pointer}
.search-form .icon-search:hover{color:#4e8ad4}
.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:50px;border-top:4px solid #4e8ad4}
.forum-header-content{width:100%;max-width:1200px}
.forum-header-left .logo{font-size:18px;font-weight:bold;color:#333}
.forum-header-left .logo img{width:32px;height:auto}
.forum-header-left .nav-links li a{color:#666;margin-right:24px;line-height:36px}
.forum-header-left .nav-links li a.cur{color:#4e8ad4;font-weight:bold;text-decoration-line:underline}
.forum-header-left .nav-links li a:hover{color:#4e8ad4}
.forum-header-right a,.forum-header-right a:link,.forum-header-right a:visited{color:#999}
.forum-header-right a:hover{color:#4e8ad4}
.forum-main{width:100%;max-width:1200px;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:#4e8ad4}
.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{background-color:#fff;padding:20px 0 12px}
.forum-main .pagination .pg-content{border-radius:4px;border:1px solid #eee;overflow:hidden;height:32px;line-height:32px}
.forum-main .pagination .page-link{box-sizing:border-box;text-align:center;padding:0 12px;border-right:1px solid #eee;color:#333;display:block;font-size:12px;color:#4e8ad4}
.forum-main .pagination .page-link.active{background-color:#4e8ad4;color:#fff;border-color:#4e8ad4}
.forum-main .pagination .page-link:last-child{border-right:0}
.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;border-top:3px solid #4e8ad4}
.forum-footer-content{color:#666;line-height:26px;text-align:center}
.forum-footer-links a{color:#4e8ad4;margin:0 0.5rem}
.forum-footer-links a:hover{text-decoration:underline}
.post{background-color:#fff;border-radius:0 0 5px 5px;padding:0 16px 10px 16px}
.post-item{border-bottom:1px solid #eee;padding:10px 0}
.post-item:last-child{border-bottom:none}
.post-item-avatar{width:34px;height:34px;border-radius:50%;margin-right:10px}
.post-item-title .tag{font-size:12px;background-color:#eee;line-height:20px;border-radius:4px;padding:0 5px;display:inline-block;margin-right:5px;display:block;color:#333;line-height:22px}
.post-item-title a{display:block;color:#7b7977;font-weight:400;line-height:22px;max-height:44px;overflow:hidden;font-size:16px}
.post-item-title a:hover{color:#4e8ad4}
.post-item .post-meta{color:#ccc;flex-shrink:0;padding-left:16px}
.introduction-card{background-color:#fff;border-radius:5px;line-height:24px;border-top:2px solid #4e8ad4}
.introduction-card .title{font-size:16px;font-weight:700;padding:8px 10px;border-bottom:1px solid #eee}
.introduction-card .title img{width:20px;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:20px;padding:5px 0;color:#999}
.introduction-card .banzhu-info label{color:#666}
.introduction-card .fatie-btn{height:30px;line-height:30px;background-color:#4e8ad4;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}
.hot-card-ul{padding:10px;line-height:22px}
.hot-card-ul li{position:relative;padding:5px 0;color:#7b7977}
.hot-card-ul li a,.hot-card-ul li a:link{color:#7b7977}
.hot-card-ul li a:hover{color:#4e8ad4}
img.eye{width:20px;height:auto}
img.comment{width:16px;height:auto;margin-right:3px}
.filter-box{background-color:#fff;border-radius:5px;padding:20px;margin-bottom:20px;gap:16px}
.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:#4e8ad4;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:20px;border-bottom:1px solid #ddd}
.detail-header h3{font-size:24px;line-height:30px;margin-bottom:8px;padding:10px 0 5px 0;color:#767c80}
.detail-header .author{color:#999}
.detail-header .author img{width:20px;height:20px}
.detail-body{line-height:30px;padding:20px 20px 20px 20px;border-bottom:1px solid #ddd;font-size:16px;color:#767c80}
.detail-body ul{padding-top:30px}
.detail-body .detail-link{font-size:16px;background-color:#f6f8fc;line-height:34px;padding:10px 12px;border-radius:2px}
.detail-body a,.detail-body a:link,.detail-body a:visited{color:#4e8ad4;margin-right:10px}
.detail-body a:hover{color:#4e8ad4}
.guess-card{background-color:#fff;border-radius:5px;padding:10px 20px 16px 20px;margin-top:20px;color:#767c80;font-size:14px}
.guess-card-title{line-height:34px;font-size:18px;font-weight:700;padding:5px 0}
.guess-card .post-meta{width:30%}
.guess-card .post-meta .iconfont.icon-31pinglun{color:#ccc}
.comment-card{margin-top:36px}
.comment-card .comment-title{position:relative}
.comment-card .comment-title hr{border:none;height:1px;background-color:#ccc}
.comment-card .comment-title .title-name{width:150px;line-height:40px;background-color:#f0f2f6;position:absolute;left:50%;top:-20px;transform:translateX(-50%);color:#767c80}
.comment-card .comment-body{padding-top:10px;position:relative}
.comment-card .comment-body .line-left{width:1px;background-color:#d6e0e7;position:absolute;left:64px;top:40px;bottom:40px;z-index:-1;border:none}
.comment-card .comment-item{padding:15px 0}
.comment-card .comment-item:last-child{padding-bottom:0}
.comment-card .comment-item .user-name{font-weight:700;color:#333}
.comment-card .comment-item .user-img{width:40px;height:40px;border-radius:50%}
.comment-card .comment-item .comment-item-wrap{border:1px solid #d6e0e7;background-color:#fff;border-radius:4px;box-shadow:0 0 5px rgba(214,224,231,0.5)}
.comment-card .comment-item .comment-item-wrap .comment-item-header{padding:10px;border-bottom:1px solid #d6e0e7}
.comment-card .comment-item .comment-item-wrap .comment-item-content{padding:20px}
.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}
.comment-card .pagination{padding:0;padding-top:16px;background-color:transparent}
.comment-card .pagination .pg-content{background-color:#fff;margin-left:46px}
.login-main{padding:20px}
.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{font-size:18px}
.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 #999;font-size:16px}
.login-container .login-form{padding:20px}
.login-container .input-group{border:1px solid #999;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:#4e8ad4;color:white;border:none;border-radius:4px;cursor:pointer;height:34px;line-height:34px}
.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:#4e8ad4;border:1px solid #4e8ad4;border-radius:4px;width:80px;text-align:center;height:26px;line-height:26px;cursor:pointer}
.login-card .div-btn.active{background-color:#4e8ad4;color:#fff}
.login-card p{text-align:center}
.iconfont.icon-eye{color:#ccc;font-size:14px}
.iconfont.icon-31pinglun{color:#888;font-size:15px}
.mobile-show{display:none}
@media screen and (max-width:768px){.mobile-none{display:none}
  .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,.mobile-header a{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 #4e8ad4;box-sizing:border-box;font-weight:700}
  .filter-box{margin-top:10px;margin-bottom:10px}
  .detail-header h3{font-size:24px;line-height:30px;margin-bottom:8px}
  .detail-content{margin-top:10px}
  .guess-card-ul li{width:100%}
  .login-container{max-width:100%}
  .pagination-wap{background-color:#fff;border-radius:4px;border:1px solid #f1f1f1;margin-top:16px;margin-bottom: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}
}.div-bar{border-radius:3px;background-color:#fff;margin:0 10px}
.nav-bar{background-color:#fff;padding:12px 5px 0 5px;margin-top:10px;font-size:12px}
.nav-bar li{width:50%;padding:0 12px}
.nav-bar li a{display:block;text-align:center;border:1px solid #ccc;height:34px;line-height:34px;margin-bottom:12px;color:#333}
.nav-bar li a.cur{background-color:#4e8ad4;color:#eee}
.nav-bar li.active a{background-color:#4e8ad4;color:#fff}
.info-li{color:#999}
.info-li span.iconfont{margin-right:3px}
.info-li span.number{font-weight:700;font-size:14px;margin-left:5px;color:#333}
.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:32px;line-height:32px}
.search-btn{padding:0 16px;background-color:#4e8ad4;color:#fff;border-radius:0 5px 5px 0;height:32px;line-height:32px;cursor:pointer}
.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}
.tab-bar{background-color:#fff;border-bottom:1px solid #ddd;padding:10px 16px;border-radius:5px 5px 0 0}
.tab-bar a{display:block;text-align:center;padding:0 12px;height:22px;line-height:22px;color:#333;border-radius:3px}
.tab-bar a.active{background-color:#eee}
.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}
.comment-section{margin-top:12px;padding:20px;border:1px solid #eee;border-radius:5px;background-color:#fff}
.comment-tip{background-color:rgb(249,248,243);color:#ff7b00;line-height:30px;padding:6px 10px;border:1px solid #eebc9b;border-radius:4px;margin-bottom:10px}
.comment-input{width:100%;height:100px;padding:10px;margin-bottom:10px;border:1px solid #eee;border-radius:4px;resize:vertical}
.submit-button{padding:8px 16px;background-color:#4e8ad4;color:white;border:none;border-radius:4px;cursor:pointer}
.submit-button:hover{background-color:#4e8ad4}