body{background-color:#eeeeee;}

.bbs-container{max-width:1250px;margin:0 auto;padding:0 15px;}
.bbs-breadcrumb{padding:15px 0;font-size:14px;color:#666;}
.bbs-breadcrumb a{color:#333;}
.bbs-breadcrumb a:hover{color:#19a094;}

.bbs-left{float:left;width:898px;text-align:left;}
.bbs-type{float:left;height:38px;margin:11px 0 0 0;}
.bbs-type a{float:left;padding:0 20px;border:#009e94 solid 1px;margin:0 0 0 -1px;font-size:14px;line-height:36px;background-color:#fff;color:#333;}
.bbs-type a:hover,.bbs-type a.active{color:#fff;background-color:#009e94;}
.bbs-publish-btn{float:right;width:92px;color:#fff;text-align:center;line-height:38px;border-radius:2px;font-size:14px;margin:11px 0 0 0;background-color:#179e92;}
.bbs-publish-btn:hover{background-color:#1aa094;}

.bbs-list{float:left;width:100%;background-color:#fff;margin:10px 0 0 0;}
.bbs-list .bbs-item{float:left;padding:10px 15px;width:868px;border-bottom:#e9e9e9 dotted 1px;list-style:none;margin:0;}
.bbs-list .bbs-item.top{background-color:#f9f9f9;}
.bbs-list .bbs-item li{float:left;}
.bbs-list .bbs-item .avatar{width:60px;}
.bbs-list .bbs-item .avatar img{width:45px;height:45px;border-radius:2px;}
.bbs-list .bbs-item .title{width:808px;font-size:16px;}
.bbs-list .bbs-item .title a{float:left;max-width:700px;line-height:20px;margin-right:16px;color:#333;}
.bbs-list .bbs-item .title a:hover{color:#009e94;}
.bbs-list .bbs-item .title .top-tag{float:left;background-color:#393d49;font-size:14px;color:#fff;padding:0 5px;line-height:20px;}
.bbs-list .bbs-item .meta{width:808px;color:#999;margin:7px 0 0 0;}
.bbs-list .bbs-item .meta span{float:left;margin-right:19px;}
.bbs-list .bbs-item .meta .replies{float:right;background:url(../images/bbs/hf.png) left center no-repeat;padding-left:18px;}
.bbs-list .bbs-item .meta .views{float:right;background:url(../images/bbs/djl.png) left center no-repeat;padding-left:21px;}

.bbs-empty{float:left;width:100%;padding:50px 0;text-align:center;color:#999;font-size:14px;}

.bbs-right{float:right;width:336px;text-align:left;}
.bbs-right .user-panel{float:left;width:336px;text-align:center;background-color:#fff;padding:0 0 21px 0;}
.bbs-right .user-panel .user-info{float:left;width:100%;list-style:none;margin:0;padding:0;}
.bbs-right .user-panel .user-info li{float:left;width:100%;}
.bbs-right .user-panel .user-info .avatar{margin:20px 0 0 0;text-align:center;}
.bbs-right .user-panel .user-info .avatar img{width:100px;height:100px;border:#fff solid 1px;padding:1px;border-radius:102px;}
.bbs-right .user-panel .user-info .nickname{color:#666666;font-size:14px;line-height:39px;}
.bbs-right .user-panel .user-actions{float:left;width:100%;text-align:center;}
.bbs-right .user-panel .user-actions a{float:left;font-size:14px;height:30px;line-height:30px;text-align:center;border-radius:2px;width:84px;margin-left:20px;}
.bbs-right .user-panel .user-actions .btn-publish{color:#fff;border:#ff7700 solid 1px;background-color:#ff7700;}
.bbs-right .user-panel .user-actions .btn-publish:hover{background-color:#ff8800;}
.bbs-right .user-panel .user-actions .btn-my{border:#dddddd solid 1px;}
.bbs-right .user-panel .user-actions .btn-my:hover{border:#ff7700 solid 1px;color:#ff7700;}
.bbs-right .user-panel .user-actions .btn-reply{border:#dddddd solid 1px;}
.bbs-right .user-panel .user-actions .btn-reply:hover{border:#ff7700 solid 1px;color:#ff7700;}

.bbs-right .category-panel{float:left;width:336px;background-color:#fff;margin:10px 0 0 0;padding:0 0 10px 0;}
.bbs-right .category-panel .category-title{float:left;width:100%;}
.bbs-right .category-panel .category-title a{float:left;font-size:15px;margin:10px 10px 0 10px;line-height:40px;width:299px;font-weight:700;border-left:#29ae5f solid 5px;padding-left:12px;background-color:#f1f5f8;color:#333;}
.bbs-right .category-panel .category-item{float:left;background-color:#f5f5f5;line-height:38px;border-radius:3px;margin:13px 5px 0 10px;width:150px;font-size:14px;color:#555;text-align:center;}
.bbs-right .category-panel .category-item:hover,.bbs-right .category-panel .category-item.active{color:#fff;background-color:#2eba67;}

.bbs-right .hot-panel{float:left;width:336px;background-color:#fff;margin:10px 0 0 0;}
.bbs-right .hot-panel .panel-title{float:left;line-height:40px;width:321px;background-color:#f8f8f8;font-size:14px;padding-left:15px;}
.bbs-right .hot-panel .panel-list{float:left;width:336px;padding:10px 0;}
.bbs-right .hot-panel .panel-item{float:left;width:100%;padding:5px 15px;}
.bbs-right .hot-panel .panel-item a{float:left;line-height:28px;font-size:14px;max-width:240px;color:#333;}
.bbs-right .hot-panel .panel-item a:hover{color:#19a094;}
.bbs-right .hot-panel .panel-item .views{float:left;line-height:28px;color:#cccccc;background:url(../images/bbs/djl.png) left center no-repeat;padding-left:19px;}

.bbs-view-left{float:left;width:898px;text-align:left;}
.bbs-detail{float:left;width:858px;padding:20px;margin:10px 0 0 0;background-color:#fff;}
.bbs-detail .detail-header{float:left;width:100%;}
.bbs-detail .detail-title{float:left;width:100%;font-size:24px;margin:0;font-weight:normal;}
.bbs-detail .detail-tags{float:left;width:100%;margin:12px 0 0 0;}
.bbs-detail .detail-tags span{float:left;color:#333;padding:0 5px;margin-right:5px;background-color:#f0f0f0;line-height:20px;}
.bbs-detail .detail-meta{float:left;width:100%;margin:12px 0 0 0;}
.bbs-detail .detail-meta span{float:right;margin:0 0 0 13px;line-height:20px;height:20px;}
.bbs-detail .detail-meta .replies{background:url(../images/bbs/hf.png) left center no-repeat;padding-left:18px;}
.bbs-detail .detail-meta .views{background:url(../images/bbs/djl.png) left center no-repeat;padding-left:21px;}
.bbs-detail .detail-meta .download a{color:#ff6600;font-weight:bold;}

.bbs-detail .detail-author{float:left;width:828px;background-color:#f2f2f2;padding:15px;margin:19px 0 0 0;}
.bbs-detail .detail-author .author-avatar{float:left;width:56px;}
.bbs-detail .detail-author .author-avatar img{width:46px;height:46px;border-radius:2px;}
.bbs-detail .detail-author .author-info{float:left;width:500px;color:#999999;line-height:21px;margin-left:10px;}
.bbs-detail .detail-author .author-info strong{color:#36a9f5;font-size:13px;}
.bbs-detail .detail-author .author-actions{float:left;width:272px;}
.bbs-detail .detail-author .author-actions a{float:right;font-size:15px;background-color:#19a094;color:#fff;padding:0 15px;line-height:34px;margin:7px 0 0 10px;}
.bbs-detail .detail-author .author-actions a:hover{background-color:#1aa094;}

.bbs-detail .detail-content{float:left;width:100%;padding:15px 0;font-size:15px;line-height:30px;}
.bbs-detail .detail-content img{max-width:100% !important;}

.bbs-detail .detail-download{float:left;width:100%;margin-top:30px;text-align:center;}

.bbs-replies{float:left;margin:15px 0 0 0;width:858px;background-color:#fff;padding:20px;}
.bbs-replies .replies-title{float:left;width:100%;font-size:16px;font-weight:bold;padding-bottom:10px;border-bottom:1px solid #eee;}
.bbs-replies .reply-item{float:left;width:858px;border-bottom:#dfdfdf dotted 1px;padding:15px 0;}
.bbs-replies .reply-item.admin-reply{background-color:#fff8f0;}
.bbs-replies .reply-item .reply-header{float:left;width:100%;}
.bbs-replies .reply-item .reply-header .reply-avatar{float:left;width:56px;}
.bbs-replies .reply-item .reply-header .reply-avatar img{width:46px;height:46px;border-radius:2px;}
.bbs-replies .reply-item .reply-header .reply-author{float:left;width:772px;color:#36a9f5;font-size:13px;margin-left:10px;}
.bbs-replies .reply-item .reply-header .reply-author .admin-tag{color:#fff;background:#ff6600;padding:2px 5px;margin-left:5px;font-size:12px;border-radius:2px;}
.bbs-replies .reply-item .reply-header .reply-time{float:left;width:772px;color:#999999;margin:7px 0 0 66px;}
.bbs-replies .reply-item .reply-content{float:left;width:858px;padding:15px 0;font-size:14px;line-height:30px;}
.bbs-replies .no-reply{float:left;width:100%;padding:30px 0;text-align:center;color:#999;}
.bbs-replies .reply-action{float:left;width:100%;}
.bbs-replies .reply-action a{float:left;margin:20px 0 0 369px;line-height:38px;border-radius:2px;background-color:#19a094;color:#fff;font-size:14px;width:100px;text-align:center;}

.bbs-publish{float:left;width:100%;background-color:#fff;padding:20px;margin-top:10px;}
.bbs-publish .form-row{float:left;width:100%;margin-bottom:15px;}
.bbs-publish .form-label{float:left;width:120px;text-align:right;padding-right:15px;line-height:38px;font-weight:bold;}
.bbs-publish .form-label .required{color:#ff0000;}
.bbs-publish .form-input{float:left;width:calc(100% - 135px);}
.bbs-publish .input-text{width:100%;max-width:500px;height:38px;border:1px solid #e6e6e6;padding:0 10px;font-size:14px;}
.bbs-publish .input-textarea{width:100%;max-width:500px;border:1px solid #e6e6e6;padding:10px;font-size:14px;resize:vertical;}
.bbs-publish .input-select{height:38px;border:1px solid #e6e6e6;padding:0 10px;font-size:14px;min-width:200px;}
.bbs-publish .radio-label{margin-right:20px;line-height:38px;}
.bbs-publish .form-tip{display:block;color:#ff6600;font-size:12px;margin-top:5px;}
.bbs-publish .download-fields{float:left;width:100%;}
.bbs-publish .btn-submit{background-color:#19a094;color:#fff;border:none;padding:10px 30px;font-size:14px;cursor:pointer;border-radius:2px;}
.bbs-publish .btn-submit:hover{background-color:#1aa094;}
.bbs-publish .btn-cancel{background-color:#fff;color:#666;border:1px solid #ddd;padding:10px 30px;font-size:14px;cursor:pointer;border-radius:2px;margin-left:10px;}
.bbs-publish .btn-cancel:hover{border-color:#19a094;color:#19a094;}

.bbs-mylist{float:left;width:100%;background-color:#fff;padding:20px;margin-top:10px;}
.bbs-mylist .mylist-header{float:left;width:100%;margin-bottom:15px;}
.bbs-mylist .mylist-header .btn-delete{float:left;background-color:#fff;color:#666;border:1px solid #ddd;padding:8px 20px;font-size:14px;cursor:pointer;border-radius:2px;}
.bbs-mylist .mylist-header .btn-delete:hover{border-color:#ff6600;color:#ff6600;}
.bbs-mylist .mylist-header .btn-publish{float:left;background-color:#19a094;color:#fff;border:none;padding:8px 20px;font-size:14px;cursor:pointer;border-radius:2px;margin-left:10px;}
.bbs-mylist .mylist-header .btn-publish:hover{background-color:#1aa094;}

.bbs-mylist .mylist-table{float:left;width:100%;}
.bbs-mylist .table-header{float:left;width:100%;background-color:#f5f5f5;line-height:40px;font-weight:bold;}
.bbs-mylist .table-row{float:left;width:100%;border-bottom:1px solid #eee;line-height:40px;}
.bbs-mylist .table-header div,.bbs-mylist .table-row div{float:left;padding:0 10px;box-sizing:border-box;}
.bbs-mylist .col-check{width:40px;}
.bbs-mylist .col-topic{width:500px;padding-right:20px;}
.bbs-mylist .col-title{width:calc(100% - 680px);}
.bbs-mylist .col-status{width:80px;text-align:center;}
.bbs-mylist .col-time{width:100px;text-align:center;}
.bbs-mylist .col-views{width:60px;text-align:center;}
.bbs-mylist .table-empty{float:left;width:100%;padding:50px 0;text-align:center;color:#999;}
.bbs-mylist .status-pass{color:#19a094;}
.bbs-mylist .status-pending{color:#ff6600;}
.bbs-mylist .status-reject{color:#ff0000;}
.bbs-mylist .reply-preview{color:#666;font-size:13px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.download-btn{display:inline-block;background:linear-gradient(135deg,#ff6600 0%,#ff9900 100%);color:white;padding:10px 25px;border-radius:5px;font-size:16px;font-weight:bold;text-decoration:none;text-align:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 8px rgba(255,102,0,0.2);border:none;}
.download-btn:hover{background:linear-gradient(135deg,#ff9900 0%,#ff6600 100%);transform:translateY(-2px);box-shadow:0 6px 12px rgba(255,102,0,0.3);}

.reply-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:9999;}
.reply-modal .modal-content{background-color:#fff;border-radius:5px;width:600px;max-width:90%;}
.reply-modal .modal-header{padding:15px 20px;border-bottom:1px solid #eee;font-size:16px;font-weight:bold;position:relative;}
.reply-modal .modal-header .close-btn{position:absolute;right:15px;top:15px;font-size:20px;color:#999;text-decoration:none;}
.reply-modal .modal-body{padding:20px;}
.reply-modal .form-group{margin-bottom:15px;}
.reply-modal .form-group label{display:block;margin-bottom:5px;font-weight:bold;}
.reply-modal .form-group .form-text{color:#36a9f5;font-size:14px;}
.reply-modal .form-group textarea{width:95%;border:1px solid #e6e6e6;padding:10px;font-size:14px;resize:vertical;}
.reply-modal .btn-submit{background-color:#19a094;color:#fff;border:none;padding:10px 30px;font-size:14px;cursor:pointer;border-radius:2px;}

.uizhan-page{padding:20px;text-align:center;background:#fff;margin-top:10px;border-radius:4px;}
.uizhan-page .pagination{display:inline-block;padding-left:0;margin:0;list-style:none;border-radius:4px;}
.uizhan-page .pagination li{display:inline-block;margin:0 3px;}
.uizhan-page .pagination li a,.uizhan-page .pagination li span{float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}
.uizhan-page .pagination li a:hover{background-color:#eee;}
.uizhan-page .pagination li.active span{background-color:#19a094;color:#fff;border-color:#19a094;}
.uizhan-page .pagination li.disabled span{color:#999;cursor:not-allowed;}