@charset "utf-8";
/* CSS Document */

/**************共用*******************/
ul{list-style: none;}
.mark-content{ position:relative; width:985px; height:78px; background:#fff;}
.mark-bg{ height:78px;background:url(/static/images/content/mark-bg.png) 50px center no-repeat;}
.mark-bg .mark-left{float:left; width:255px; height:68px; padding-left:25px; padding-top:10px;}
.mark-bg .mark-left .left-img{ width:56px; height:56px;}
.mark-bg .mark-left .left-content{ width:189px; margin-left:10px; overflow:hidden;}
.mark-bg .mark-left .left-content .content-title{line-height:34px;font-size:18px; }
.mark-bg .mark-left .left-content .content-title .divine-btn{ width:60px; height:24px; padding-top:3px; background:#369ad7; border:0; color:#fff; font-size:14px; margin-top:4px;}
.mark-bg .mark-left .left-content .content-text{ color:#ff0000;}
.mark-bg .mark-right{float:right;/*width:300px;*/ height:51px; padding:13px 15px;}
.mark-bg .mark-right .right-content{position:relative;background:url(/static/images/content/mark-img.png) center right no-repeat; width:211px; height:51px; color:#8f8f8f; font-size:16px;margin-left: 67px;}
.mark-bg .mark-right .mark-on{position:relative;float:right; background:url(/static/images/content/mark-img-on.png) center right no-repeat; width:211px; height:51px; color:#8f8f8f; font-size:16px;margin-left: 24px;}
.mark-bg .mark-right .mark-btn{ position:absolute; left:2px; top:3px; width:100px; height:45px;}
.mark-bg .mark-right .mark-btn:hover{ cursor:pointer;}
.mark-bg .mark-right .content-date{position:absolute; left:110px; top:4px;}
.mark-bg .mark-right .content-text{ position:absolute; left:110px; top:27px; width:83px;}
.mark-bg .mark-right .content-text .p-icon{position:absolute; right:-14px; /*bottom:0;*/}


.list-btn{float:left;}
.show{display:block;}
.hide{display:none;}
.content{ position:relative; width:960px; height:auto; margin:0 auto; margin-bottom: 100px; background:#fff; margin-top:73px; border-radius: 5px; color:#000;}
.thread-detail-content{width:985px;}
.thread-list-content{width:985px;}
.home-reply{ margin-top:15px;}
.clear{ clear:both;}
.red{ color:#F00;}
.content-info .deleteReply,.top-time .deleteComment,.reply-num .deleteTopic{ color:#999; margin-right:10px;}
.hidden{ display:none;}
.float{ float:left;}
.info-detail-bgimg{ position: absolute; left: 3px; top: 3px; width: 264px; height: 174px; z-index: 1; background: url(/static/images/content/info-detail-bgimg.png) no-repeat;}
.info-detail-bgimg-together{ position: absolute; left:3px; top: 3px;width: 364px; height: 174px; z-index: 1; background: url(/static/images/content/info-detail-bgimg-together.png) no-repeat;}
/***************公告和发布*************/
.content-top{ width:960px; height:55px; background:none; overflow:hidden; margin-top:48px;}
.content-list-top{ width:985px;}
.content-top .notice ul li{line-height: 55px;float: left;}
.content-top .notice ul li a{ color:#3399cc; }
.content-top .publish-btn{ float:right; width:94px; height:35px; padding-left:26px; background:url(/static/images/content/add-btn.png) no-repeat; margin-top:15px; margin-right:5px; color:#fff; font-weight:bold; border:0;}
.content-top .publish-btn:hover{ background:url(/static/images/content/btn-bg-list.png) -100px 0px no-repeat;}
.notice ul{list-style: none;}
.notice{width: 640px;float: left;height: 40px;overflow: hidden;padding-top: 5px;}

.thread-notice{ width:960px; height:auto; padding-top:15px; color:#000;}
/**************标题*******************/
.list-title{ background:url(/static/images/content/title-bg.jpg) repeat-x; width:960px; height:45px;}
.thread-list-title{ width:985px;}
.list-title .title{ float:left; font-size:14px; font-weight:bold; width:80px; height:35px; text-align:center; padding-top:10px;}
.list-title .title a{ color:#000; letter-spacing:4px;}
.list-title .active{ background:url(/static/images/content/active-bg.png) no-repeat;}
.list-title .active a{ color:#62373e;}
.list-title .search{ width:200px; height:25px; float:right; margin-right:10px; padding-top:10px; text-align:left; position:relative;}
.list-title .search .search-input{ width:158px; height:15px; line-height:15px; padding-right:32px;}
.list-title .search span{ position:absolute; right:4px; top:10px;}
.list-title .search .search-btn{ width:32px; height:25px; background:url(/static/images/content/serach-bg.png) no-repeat;}

/**************列表*******************/
.list-content{ padding:0 8px;padding-bottom: 25px;}
.content-list{ min-height:45px; border-bottom:1px dotted #999999; margin:10px 0 0 0; overflow:hidden; padding-bottom:10px; position:relative;}
.content-list .list-left{ width:60px; text-align:center; float:left;}
.content-list .list-middle{ float:left;}
.content-list .list-middle .middle-name{ width:680px; overflow:hidden;}
.content-list .list-middle .thread-middle-name{ width:705px;}
.content-list .list-middle .middle-name a{ color:#3399cc;}
.content-list .list-middle .middle-name span{ color:#ff9601;}
.content-list .list-middle .middle-name span a{color:#ff9601;}
.content-list .list-middle .middle-name .icon-01,.icon-01{ width:22px; height:17px; background:url(/static/images/content/icon-list.png) 0 0 no-repeat;}
.content-list .list-middle .middle-name .icon-02,.icon-02{ width:22px; height:17px; background:url(/static/images/content/icon-list.png) 0 -24px no-repeat;}
.content-list .list-middle .middle-name .icon-03,.icon-03{ width:31px; height:17px; background:url(/static/images/content/icon-list.png) 0 -52px no-repeat;}
.content-list .list-middle .middle-name .icon-04,.icon-04{ width:31px; height:17px; background:url(/static/images/content/icon-list.png) 0 -80px no-repeat;}
.content-list .list-middle .middle-name .icon-05,.icon-05{ width:31px; height:17px; background:url(/static/images/content/icon-list.png) 0 -108px no-repeat;}
.content-list .list-middle .middle-name .icon-06,.icon-06{ width:31px; height:17px; background:url(/static/images/content/icon-list.png) 0 -134px no-repeat;}
.content-list .list-middle .middle-name .icon-07,.icon-07{ width:31px; height:17px; background:url(/static/images/content/icon-list.png) 0 -157px no-repeat;}
.content-list .list-middle .middle-name .icon-08,.icon-08{ width:31px; height:17px; background:url(/static/images/content/icon-08.png) no-repeat;}
.content-list .list-middle .middle-name .icon-09.icon-09{ width:31px; height:17px; background:url(/static/images/content/icon-09.png) no-repeat;}
.content-list .list-middle .middle-name .icon-10,.icon-10{ width:31px; height:17px; background:url(/static/images/content/icon-10.png) no-repeat;}
.content-list .list-middle .middle-name .icon-11,.icon-11{ width:31px; height:17px; background:url(/static/images/content/icon-list.png) 0 -180px no-repeat;}
.icon-new{ width:31px; height:17px; background:url(/static/images/content/new.png) no-repeat;}

.content-list .list-middle .middle-images{ margin:5px 0; overflow:hidden; width: 225px; height: 140px; }
.content-list .list-middle .middle-images img{ float:left; }
.content-list .list-middle .middle-images-list{ width:680px; height:70px; overflow:hidden;}
.content-list .list-middle .middle-images-list img{ float:left; margin-right:8px; height:70px;}
.content-list .list-middle .middle-time{ margin-top:5px;}
.content-list .list-middle .middle-time .time{ float:left;}
.content-list .list-middle .middle-time .nickname{ float:left; margin-left:10px;}
.content-list .list-middle .middle-time .nickname a{ color:#000;}
.content-list .list-right{ float:right; width:160px; position:relative;}
.content-list .absolute{ position:absolute; bottom:10px; right:0;}
.content-list .list-right .right{ float:left; background:url(/static/images/content/icon-like.png) no-repeat;}
.content-list .list-right .like{ width:80px; background:url(/static/images/content/icon-like.png) no-repeat;}
.content-list .list-right .comment{ width:80px; background:url(/static/images/content/icon-comment.png) no-repeat;}
.content-list .list-right .nickname{ width:100px; background:none; margin-bottom:0px; color:#999;}
.content-list .list-right .replytime{ width:50px; background:none; margin-bottom:0px; color:#999;}
.content-list .list-right .nickname span,.content-list .list-right .replytime span{ padding:0;}
.content-list .list-right span{ padding-left:22px;}
.page{ border:0; padding-top:10px; padding-bottom:0;}
.page-list{ overflow:hidden; color:#0033ff;}
.page-list a{ color:#0033ff;}
.page-list .page-num{ padding:3px;float:left; width:25px; border:1px solid #CCC; text-align:center; margin:0 2px;}
.page-list .active{padding:3px; border:0; color:#000; font-weight:bold;}
.page-list .page-prev,.page-list .page-next{ padding:3px;float:left; text-align:center; border:1px solid #CCC; width:60px; margin:0 2px;}
.page-list .page-last,.page-list .page-first{ padding:3px;float:left; text-align:center;  border:1px solid #CCC; width:45px; margin:0 2px;}

.doMenu{ position:fixed; top:170px; left:50%; margin-left:235px; width:235px; height:85px; background:#ffffda; border:1px solid #d1b07c; border-radius:5px; display:none;}
.doMenu .float{ float:left;}
.doMenu .menu-list{ width:225px; height:25px; line-height:25px; padding:0 5px; margin-top:3px;}
.doMenu .menu-list .menu-left{ float:left; font-weight:bold; color:#000;}
.doMenu .menu-list .menu-right{ float:right;font-weight:bold;color:#3399cc;}
.doMenu .menu-list .menu-delete,.doMenu .menu-list .menu-hide,.doMenu .menu-list .menu-move,.doMenu .menu-list .menu-category{ float:left; width:30px; height:15px; line-height:15px; text-align:left; margin-top:5px; font-weight:bold;}
.doMenu .menu-list .menu-move{ border-left:1px solid #d1b07c;border-right:1px solid #d1b07c; margin-left:10px; padding-left:10px; padding-right:10px;}
.doMenu .menu-list .menu-category{ margin-left:10px;}
.doMenu .menu-list a{color:#3399cc;}
.doMenu .menu-list .menu-zd,.doMenu .menu-list .menu-jh,.doMenu .menu-list .menu-gl,.doMenu .menu-list .menu-tj,.doMenu .menu-list .menu-xc,.doMenu .menu-list .menu-close,.doMenu .menu-list .menu-open{ width:30px; height:15px; line-height:15px;}
.doMenu .menu-list .menu-gl{ border-right:1px solid #d1b07c; margin-right:8px; padding-right:5px;}

.moveMenu{position:fixed; top:170px; left:50%; margin-left:230px; width:230px; height:145px;border:1px solid #999; z-index:10; background:#fff; padding:5px;display:none;}
.moveMenu .menu-list{ clear:both; margin:5px 0; width:220px; height:30px;}
.moveMenu .menu-list .list-left{ float:left; margin-left:5px;}
.moveMenu .menu-list .list-left span{ color:#3399cc; font-weight:bold;}
.moveMenu .menu-list .list-right{ float:right; margin-right:5px;}
.moveMenu .menu-list .list-right select{ width:150px;}
.moveMenu .menu-list .list-right .closeImg{ width:20px;}
.moveMenu .menu-list .list-right .closeImg:hover{ cursor:pointer;}

.typeMenu{position:fixed; top:170px; left:50%; margin-left:230px; width:230px; height:110px;border:1px solid #999; z-index:10; background:#fff; padding:5px;display:none;}
.typeMenu .menu-list{ clear:both; margin:5px 0; width:220px; height:30px;}
.typeMenu .menu-list .list-left{ float:left; margin-left:5px;}
.typeMenu .menu-list .list-left span{ color:#3399cc; font-weight:bold;}
.typeMenu .menu-list .list-right{ float:right; margin-right:5px;}
.typeMenu .menu-list .list-right select{ width:150px;}
.typeMenu .menu-list .list-right .closeImg{ width:20px;}
.typeMenu .menu-list .list-right .closeImg:hover{ cursor:pointer;}

.hideMenu{position:fixed; top:170px; left:50%; margin-left:230px; width:230px; /*height:160px;*/border:1px solid #999; z-index:10; background:#fff; padding:5px;display:none;}
.hideMenu .menu-list{ clear:both; margin:5px 0; width:220px; height:30px;}
.hideMenu .menu-list .list-left{ float:left; margin-left:5px;}
.hideMenu .menu-list .list-left span{ color:#3399cc; font-weight:bold;}
.hideMenu .menu-list .list-right{ float:right; margin-right:5px;}
.hideMenu .menu-list .input-list{ width: 180px;}
.hideMenu .menu-list .list-right select{ width:180px;}
.hideMenu .menu-list .list-right .closeImg{ width:20px;}
.hideMenu .menu-list .list-right .closeImg:hover{ cursor:pointer;}
/*.hideMenu .menu-list .list-right .reason{ width: 170px;}*/
.menu-input{width: 170px;}

.otherMenu{position:fixed; top:120px; left:50%; margin-left:230px; width:230px; height:180px;border:1px solid #999; z-index:10; background:#fff; padding:5px;display:none;}
.otherMenu .menu-list{ clear:both; margin:5px 0; width:220px; height:30px;}
.otherMenu .menu-list .list-left{ float:left; margin-left:5px; width:30px;}
.otherMenu .menu-list .title{ width:190px;}
.otherMenu .menu-list .list-left span{ color:#3399cc; font-weight:bold;}
.otherMenu .menu-list .list-right{ float:left; margin-left:5px;}
.otherMenu .menu-list .list-right select{ width:150px;}
.otherMenu .menu-list .list-right .closeImg{ width:20px;}
.otherMenu .menu-list .list-right .closeImg:hover{ cursor:pointer;}
.otherMenu .menu-list .button{ float:right; margin-left:150px;}

.sortMenu{position:fixed; top:170px; left:50%; margin-left:230px; width:230px; height:220px;border:1px solid #999; z-index:10; background:#fff; padding:5px;display:none;}
.sortMenu .menu-list{ clear:both; margin:5px 0; width:220px; height:30px;}
.sortMenu .menu-list .list-left{ float:left; margin-left:5px; width:30px;}
.sortMenu .menu-list .title{ width:190px;}
.sortMenu .menu-list .list-left span{ color:#3399cc; font-weight:bold;}
.sortMenu .menu-list .list-right{ float:left; margin-left:5px;}
.sortMenu .menu-list .list-right select{ width:150px;}
.sortMenu .menu-list .list-right .closeImg{ width:20px;}
.sortMenu .menu-list .list-right .closeImg:hover{ cursor:pointer;}
.sortMenu .menu-list .button{ float:right; margin-left:150px;}

/*****************小版主********************/
.topic-count-tips{ clear: both; height: 35px; padding: 5px 0; border-bottom:1px dotted #999999; margin: 0 5px;}
.topic-count-tips .orange{color:#ff9601;}
.tct-left{ width: 420px; margin-left: 5px; overflow: hidden; line-height: 35px;}
.tct-right{ float: right; margin-right: 5px; overflow: hidden; line-height: 35px;}

/**************内容*******************/
.detail-title{  height:60px; border-bottom:1px solid #CCC;}
.detail-title .title{ font-size:14px; font-weight:bold; padding-top:20px; padding-left:15px; float:left; overflow:hidden;}
.detail-title .detail-del-text{color:#ff9900;}
.btn-list{ position:absolute; right: 0; margin-right:10px; margin-top:15px; z-index: 9;}
.btn-list input{ float:left; margin-left:10px; background:none; width:67px; height:25px;}
.btn-list .reply-btn{ background:url(/static/images/content/reply-btn-bg.png) no-repeat; border:0; padding-left:10px;}
.btn-list .collect-btn{ background:url(/static/images/content/collect-btn-bg.png) no-repeat; border:0;}
.detail-content{height:auto;}
.detail-content .publish-comment{min-height: 50px;border-top: 1px solid #999999;padding: 10px 80px;overflow: hidden; margin-top:20px;}
.detail-content .lock-tips{ display:block; margin:0 auto; font-weight:border; text-align:center;}
.detail-content .publish-comment .publish-btn-list{ margin-top:10px; margin-bottom:15px;}
.detail-content .publish-comment .publish-btn-list a{ color:#2d64b3;}
.detail-content .publish-comment .publish-btn-list #fileupload{ display:none;}
.detail-content .publish-comment .publish-comment-content,.detail-content .publish-comment .publish-comment-content-2{ width: 815px; min-height: 220px; border:1px #ccc solid;}
.detail-content .publish-comment .publish-sub-btn{ width:90px; height:38px; border:0; color:#fff; background:url(/static/images/content/publish-comment-btn.png) no-repeat; margin-top: 10px;}
.detail-content .publish-comment .publish-sub-btn:hover{ background:url(/static/images/content/publish-comment-btn-hover.png) no-repeat;}
.detail-content .publish-comment .publish-btn-list #facebox{ position:absolute;display:none;z-index:1000;}
.detail-content .detail-list{ position:relative; min-height:50px; border-bottom:1px solid #999999;overflow:hidden;}
.detail-content .detail-list .list-left{float:left; width:135px; margin-bottom:-3000px; padding-bottom:3000px; background:#fafbfc; position:relative;}
.detail-icon{min-width: 20px;}

.detail-content .detail-list .list-left .user-info{ margin-left:8px; margin-top:20px; margin-bottom:20px;}
.detail-content .detail-list .list-left .user-info .head{ margin-top:22px; text-align: center; position:relative; cursor:pointer; overflow:hidden;}
.detail-content .detail-list .list-left .user-info .head a{ color:#000;}
.detail-content .detail-list .info-list{ position:absolute; top:5px; left:54px; width:266px; height:176px; border:1px #CCC solid; overflow:hidden; background:#fff; z-index:999; padding:2px; display:none;}
.detail-content .detail-list .info-list .info-list-content{ width:264px; height:174px; margin:0 auto; border:1px #CCC solid;  background:#fafbfc;}
.detail-content .detail-list .info-list .info-list-content .content-left{ float:left; padding-top:13px; padding-left:4px; position: relative; overflow: hidden; z-index: 2;}
.detail-content .detail-list .info-list .info-list-content .content-right{ float:left; margin-left:25px; overflow:hidden; position: relative;z-index: 2;}
.detail-content .detail-list .info-list .info-list-content .content-right div{ margin-top:3px;}
.detail-content .detail-list .info-list .info-list-content .content-right .express{ height:28px; width:70px;}
.detail-content .detail-list .info-list .info-list-content .content-right .express .express-btn,.detail-content .detail-list .info-list .info-list-content .content-right .express .composite-btn{width:70px; background:url(/static/images/home/heart.png) left center no-repeat; padding-left:20px;}
.detail-content .detail-list .info-list .info-list-content .content-right .nickname a{ font-size:18px; color:#3399cc;}
/*.detail-content .detail-list .info-list .info-list-content .content-right .bt-list{ margin-top:20px;}*/
.attention .attention-btn{width:65px;}
.private .private-btn{width:50px; }
.private .blue{ background:#0066ff;}
.attention-cancel .attention-cancel-btn{width:65px;}
.detail-content .detail-list .info-list .info-list-content .content-right .bt-list .attention-btn,.detail-content .detail-list .info-list .info-list-content .content-right .bt-list .attention-cancel-btn{background: #46c961;color: #fff;padding: 5px;font-size: 12px;}
.detail-content .detail-list .info-list .info-list-content .content-right .bt-list .private-btn{background: #999999; color:#fff; margin-left:10px;}
.detail-content .detail-list .info-list .info-list-content .content-right .bt-list .blue{ background:#0066ff;}
.detail-content .detail-list .list-left .user-info .nickname{ text-align: center; }
.detail-content .detail-list .list-left .user-info .nickname a{ color:#000;}
.detail-content .detail-list .list-left .user-info .badge-level{ position:relative; margin:0 auto; text-align: center; background:url(/static/images/content/level-bg.png) center center no-repeat; width:110px; height:40px; overflow:hidden;}
.detail-content .detail-list .list-left .user-info .badge-level .level-head{ position:absolute; width:35px; height:40px; left:-3px; top:-3px;}
.detail-content .detail-list .list-left .user-info .badge-level .level-name{ position:absolute; width:35px; height:40px; width:70px; line-height:40px; left:25px; text-align:center;}
.detail-content .detail-list .list-left .user-info .badge-list{ padding:10px 20px;}
.detail-content .detail-list .list-left .user-info .badge-list img{ margin-bottom:8px;}
.detail-content .detail-list .list-right{float:left; width:760px; margin-bottom:-3000px; padding-bottom:3000px; overflow:hidden;}

/*一起说*/
.together-line{ margin-top:30px;}
.line-right{ margin-left:10px; color:#e41a7d; padding:10px; background:#fafbfd; width:670px;}

/*
.detail-content .detail-list .list-left{ float:left; width:130px; height:auto; overflow:hidden; background:#fafbfc; position:relative;}
.detail-content .detail-list .list-left .user-info .head{ margin-top:22px; text-align: center; position:relative; cursor:pointer;}
.detail-content .detail-list .list-left .user-info .head a{ color:#000;}
.detail-content .detail-list .info-list{ position:absolute; top:5px; left:36px; width:266px; height:176px; border:1px #CCC solid; overflow:hidden; background:#fff; z-index:999; padding:2px; display:none;}
.detail-content .detail-list .info-list .info-list-content{ width:264px; height:174px; margin:0 auto; border:1px #CCC solid;  background:#fafbfc;}
.detail-content .detail-list .info-list .info-list-content .content-left{ float:left; padding-top:13px;}
.detail-content .detail-list .info-list .info-list-content .content-right{ float:left; margin-left:5px; overflow:hidden;}
.detail-content .detail-list .info-list .info-list-content .content-right div{ margin-top:10px;}
.detail-content .detail-list .info-list .info-list-content .content-right .nickname a{ font-size:18px; color:#3399cc;}
.detail-content .detail-list .info-list .info-list-content .content-right .bt-list{ margin-top:20px;}
.detail-content .detail-list .info-list .info-list-content .content-right .bt-list .attention-btn,.detail-content .detail-list .info-list .info-list-content .content-right .bt-list .attention-cancel-btn{background: #46c961;color: #fff;padding: 5px;font-size: 12px;}
.detail-content .detail-list .info-list .info-list-content .content-right .bt-list .private-btn{background: #999999; color:#fff; margin-left:10px;}
.detail-content .detail-list .info-list .info-list-content .content-right .bt-list .blue{ background:#0066ff;}
.detail-content .detail-list .list-left .user-info .nickname{ text-align: center; }
.detail-content .detail-list .list-left .user-info .nickname a{ color:#000;}
.detail-content .detail-list .list-left .user-info .badge-level{ position:relative; margin-top:10px; text-align: center; background:url(/static/images/content/level-bg.png) center center no-repeat; width:110px; height:40px; overflow:hidden;}
.detail-content .detail-list .list-left .user-info .badge-level .level-head{ position:absolute; width:35px; height:40px; left:-3px; top:-3px;}
.detail-content .detail-list .list-left .user-info .badge-level .level-name{ position:absolute; width:35px; height:40px; width:70px; line-height:40px; left:25px; text-align:center;}
.detail-content .detail-list .list-left .user-info .badge-list{ margin-top:10px; }
.detail-content .detail-list .list-right{ float:left; width:755px; padding:0 0 0 25px; overflow:hidden;}
*/
.detail-list .list-right .content-images{height:auto;}
.detail-list .list-right .del-text{ color:#ff9900;}
.detail-list .list-right .content-images .images-list{ margin-top:10px;}
.detail-list .list-right .images-page{ margin-top:30px; height:50px;}
.detail-list .list-right .images-page-all{ float:left; font-size:30px; font-style:italic;}
.detail-list .list-right .images-page-list{ float:left; height:28px; margin-left:50px;}
.detail-list .list-right .images-page-list .images-page-prev{ float:left; text-align:center;  border:1px solid #CCC; width:65px; margin:0 2px; height:21px; padding-top:4px;}
.detail-list .list-right .images-page-list .images-page-prev:hover{ cursor:pointer;}
.detail-list .list-right .images-page-list .images-page-check{ float:left;}
.detail-list .list-right .images-page-list .images-page-next{ float:left; text-align:center;  border:1px solid #CCC; width:65px; margin:0 2px; height:21px; padding-top:4px;}
.detail-list .list-right .images-page-list .images-page-next:hover{ cursor:pointer;}
#return-to-contents { float:left; text-align:center;  border:1px solid #CCC; width:65px; margin:0 2px; height:21px; padding-top:4px;}
#return-to-contents:hover { cursor: pointer;}
.detail-list .list-right .images-page-list .images-page-check .check-page{ width:65px;}
.detail-list .list-right .images-page-all .images-now-page{ color:#ffc600;}
.detail-list .list-right .images-page-all .images-all-page{ color:#4f4f4f;}
.detail-list .list-right .praise-btn{ width:750px; height:42px; text-align:center; border-top:1px solid #CCC; padding:5px;}
.detail-list .list-right .praise-btn input{ width:102px; height:40px; background:url(/static/images/content/praise-btn-bg.png) no-repeat; color:#fff; padding-left:10px; font-weight:bold; border:0;}
.detail-list .list-right .praise-btn input:hover{ background:url(/static/images/content/btn-bg-list.png) -113px -88px no-repeat;}
.detail-list .list-right .praise-btn .like-grey{background:url(/static/images/content/btn-bg-list.png) -113px -88px no-repeat;}
.detail-list .list-right .share-btn{  height:30px; text-align:left; padding:8px;}
.detail-list .list-right .share-btn input{  float:left;width:104px; height:27px; background:url(/static/images/content/share-btn-bg.png) no-repeat; color:#3986db; padding-left:10px; font-weight:bold; padding-left:25px; border:0;}
.detail-list .list-right .share-btn .publish-time,.detail-list .list-right .share-btn .praise-num,.detail-list .list-right .share-btn .reply-num{ float:right; margin-right:10px; font-size:12px;}
.detail-list .list-right .share-btn .praise-num{ color:#2d64b3;}
.detail-list .list-right .share-btn .reply-num{ color:#2d64b3;}
.detail-list .list-right .content-text{ height:auto; overflow:hidden; position:relative; vertical-align:bottom; margin-top:20px;}
.detail-list .list-right .content-text .voteContent{ clear:both;width:745px; height:auto; overflow:hidden;}

.detail-list .list-right .content-info { margin-top:210px; margin-right:25px;}
.detail-list .list-right .only-look{ clear:both; margin-left:43px;}
.detail-list .list-right .detail-only-look{ clear:both; margin-top:50px; margin-left:35px;}
.detail-list .list-right .only-look input{background:url(/static/images/content/collect-btn-bg.png) no-repeat; border:0; width:67px; height:25px;color:#555555;padding:0;}
.detail-list .list-right .comment-floor{ font-size:12px;color:#999999;}
.detail-list .list-right .comment-time{ font-size:12px;color:#999999;}
.detail-list .list-right .comment-reply{ font-size:12px;color:#2d64b3;}

.comment-list{ background:#fafbfc; padding:5px; width:705px; height:auto; overflow:hidden; margin-left:50px; margin-top:280px;}
.comment-list .comment-info{ border-bottom:1px solid #f1f1f1; width:690px;min-height:65px; overflow:hidden; margin:5px 0;}
.comment-list .comment-info .info-left{ float:left; width:45px; min-height:45px;}
.comment-list .comment-info .info-right{ float:left; width:615px; height:auto; overflow:hidden; padding-left:10px;}
.comment-list .comment-info .info-right .right-top{ width:615px; height:20px;}
.comment-list .comment-info .info-right .right-top .top-nickname{ float:left;color:#2d64b3;}
.comment-list .comment-info .info-right .right-top .top-time{ float:left; font-size:12px; color:#999999;}
.comment-list .comment-info .info-right .right-top .top-reply{ float:left; margin-left:18px; font-size:12px;}
.comment-list .comment-info .info-right .right-top .top-reply a{color:#2d64b3;}
.comment-list .comment-info .info-right .right-bottom{ clear:both;word-wrap:break-word; word-break:break-all;}
.comment-list .comment-info .info-right .right-bottom a{ color:#2d64b3;}
.comment-list .comment-more .comment-count{ float:left;}
.comment-list .comment-more .comment-count a{ color:#2d64b3;}
.comment-list .comment-more .comment-btn{ float:right; margin-right:50px;}
.comment-list .comment-more .comment-btn input{ background:url(/static/images/content/collect-btn-bg.png) no-repeat; border:0; width:67px; height:25px;}
.comment-list .comment-text{ display:none;}
.comment-list .comment-text .comment-content{ width:645px; min-height:50px; height:auto; overflow:hidden; resize:none;}
.comment-list .comment-sub{ position:relative; text-align:right; padding-right:50px; clear:both; display:none;  height:auto;}
.comment-list .comment-sub a{ margin-right:5px;}
.comment-list .comment-sub .comment-sub-btn{ width:67px; height:25px; background:url(/static/images/content/comment-btn.png) no-repeat; color:#fff; border:0;}
.comment-list .comment-sub #facebox{ width:390px; height:130px; position: inherit;z-index: 1000000;top: 0px;left: 238px;}
.comment-text{margin-top: 20px;}

.detail-list .list-right .iconbtn-list{height:32px; text-align:right; padding:5px;}
.detail-list .list-right .iconbtn-list span{ width:32px; height:32px;}

.encourage-list{ margin-top:30px;}
.encourage-list li{ background:url(/static/images/tips-label.png) left center no-repeat; padding-left:25px; line-height:30px; list-style:none; color:#ff0000;}
.encourage-list li span{ margin:0 5px;}
.encourage-list li span a{color:#ff0000;}

.operlog li{color: #f89406; background-image: none;}



/**************发布作品*******************/
.add-content{width:860px; height:auto; padding:0 25px; overflow:hidden;}
.add-content .add-row{ overflow:hidden; margin:15px 0;}
.add-content .add-row .red{ color:#F00;}
.add-content .add-row .row-left{ float:left; font-weight:bold; width:60px; height:auto; overflow:hidden; padding-top:10px;}
.add-content .add-row .row-right{ float:left; position:relative;}
.add-content .add-row .row-right .add-title{ width:774px; height:25px; line-height:25px;}
.add-content .add-row .row-right .upload-image{ position:relative; top:-37px; left:0; width:225px; height:140px; background:url(/static/images/content/add-cover.png) no-repeat;}
.add-content .add-row .row-right .upload-image:hover{ cursor:pointer;}
.add-content .add-row .row-right #imageform{ height:140px; margin:0;}
.add-content .add-row .row-right .cover-tips{ position:absolute; width:150px; top:10px; left:240px; color:#3300cc; font-weight:bold;}
.add-content .add-row .row-right .add-thread,.add-content .add-row .row-right .add-thread-isover{ width:100px;}
.story-length {width: 100px;}
.add-content .add-row .row-right .add-intro{ width:774px; height:150px; resize:none;}
.add-content .add-row .row-right .add-reference{width:774px; height:150px; resize:none;}
.add-content .add-row .row-right .add-works{ width:800px; height:auto; overflow:hidden;}
.add-content .add-row .row-right .add-works .works-list{ float:left; width:126px; overflow:hidden; margin-right:5px; border:1px solid #CCC;border-radius: 5px; }
.add-content .add-row .row-right .add-works #fileupload{ display:none;}
.add-content .add-row .row-right .works-tips{ position:absolute; width:150px; bottom:30px; right:-15px; color:#3300cc; font-weight:bold;}
.add-content .add-row .row-right .add-btn,.add-content .add-row .row-right .vote-add-btn,.add-content .add-row .row-right .edit-btn{ width:108px; height:39px; border:0; background:url(/static/images/content/sprite2.png) 0 -50px no-repeat; color:#fff; font-size:14px;}
.add-content .add-row .row-right .add-btn:hover,.add-content .add-row .row-right .vote-add-btn:hover,.add-content .add-row .row-right .edit-btn:hover{background:url(/static/images/content/sprite2.png) -108px -51px no-repeat; }
#add-chapter-submit { width:108px; height:39px; border:0; background:url(/static/images/content/sprite2.png) 0 -50px no-repeat; color:#fff; font-size:14px;}
#add-chapter-submit:hover {background:url(/static/images/content/sprite2.png) -108px -51px no-repeat; }
.add-content .add-row .row-right .show-cover img{ width:225px; height:140px; overflow:hidden;}
.add-content .add-row .row-right-table {margin-left: 60px; float: none;}
/*投票*/
.add-content .add-row .row-right .add-works ol{width:600px;}
.add-content .add-row .row-right .add-works ol li input{ width:585px;height:25px; line-height:25px;}
.add-content .add-row .row-right .add-works .tips{ position:absolute; top:0; left:650px; color:#555555;}
.add-content .add-row .row-right .add-works .tips-add{ color:#3300cc;}
.add-content .add-row .row-right .add-works .tips-add:hover{ cursor:pointer;}
.add-content .add-row .row-right .vote-num,.add-content .add-row .row-right .vote-day{width:50px;height:25px; line-height:25px;margin-left:25px; margin-right:10px; text-align:center;}
.add-content .add-row .row-right .vote-day-tips{ margin-left:50px;color:#555555;}



/**************作品弹框*******************/
.works-float{ position:absolute; float:left; width:100%; padding-top:3%; height:100%; top:0; left:0; background:#000; z-index:10; text-align:center; display:none;}
.works-float .float-list { width:960px; height:660px; background:#fff; z-index:100001; margin:0 auto; margin-top:200px;}
.works-float .float-list .title{ width:960px; height:30px; padding-top:20px;}
.works-float .float-list .title .title-left{ float:left; margin-left:40px;  font-size:14px; color:#3300cc;}
.works-float .float-list .title .title-left-feng{ float:left; margin-left:40px;  font-size:14px; color:#3300cc;}
.works-float .float-list .title .title-left a{ color:#3300cc;}
.works-float .float-list .title .title-right{ float:right; width:30px; height:30px; margin-right:5px; margin-top:-15px;}
.works-float .float-list .title .title-right:hover{ cursor:pointer;}
.works-float .float-list .image-list { width:930px; height:580px; margin:0 auto; overflow:auto; padding-left:30px;}
.works-float .float-list .image-list .image{ float:left; width:130px; height:160px; margin:0 10px; position:relative;}
.works-float .float-list .image-list .image .small-image .choose{ width:29px; height:29px; position:absolute; right:10px; top:10px; background:url(/static/images/content/choose.png) no-repeat;}
.works-float .float-list .image-list .image .image-text{ width:130px; text-align:center; margin-top:5px; color:#3300cc;}
.works-float .float-list .image-list .image .image-text:hover{ cursor:pointer;}

.works-float .float-list .image-list-gallery { width:920px; height:580px; margin:0 auto; overflow:auto; padding-left:40px; }
.works-float .float-list .image-list-gallery .image{ float:left; width:155px; height:180px; margin:0 10px; background:url(/static/images/content/portfolio-list-bg.png) no-repeat; position:relative; padding-top:15px;}
.works-float .float-list .image-list-gallery .image .image-text{ width:120px; text-align:center; margin-top:5px; margin-left:18px; color:#000; font-size:14px; overflow:hidden;}
.works-float .float-list .image-list-gallery .image .image-text:hover{ cursor:pointer;}
.works-float .float-list .image-list-gallery .image .small-image{ position:relative; width:125px; height:125px; overflow:hidden; padding-left:15px;}
.works-float .float-list .image .small-image img{ width:125px; height:125px;}
.works-float .float-list .image-list-gallery .image .small-image .count{ position:absolute; font-size:28px; top:100px; right:20px; color:#fff;}
.works-float .float-list .image-list .feng{ float:left;  width:426px; height:184px; margin:0 10px; position:relative;}
.works-float .float-list .image-list .image .feng-list{ width:426px; height:184px;}
.works-float .float-list .image-list .image .feng-list img{width:426px; height:184px;}

/**************封面弹框*******************/
.cover-float{ position:absolute; float:left; width:100%; height:100%; top:0; left:0; background:#000; z-index:100000; text-align:center; display:none;}
.cover-float .float-list{ width:960px; height:560px; background:#fff; z-index:100001; margin:0 auto; margin-top:200px;}
.cover-float .float-list .title{ width:960px; height:30px; padding-top:20px;}
.cover-float .float-list .title .title-left{ float:left; margin-left:40px;  font-size:14px; color:#3300cc;}
.cover-float .float-list .title .title-left-feng{ float:left; margin-left:40px;  font-size:14px; color:#3300cc;}
.cover-float .float-list .title .title-left a{ color:#3300cc;}
.cover-float .float-list .title .title-right{ float:right; width:30px; height:30px; margin-right:5px; margin-top:-15px;}
.cover-float .float-list .title .title-right:hover{ cursor:pointer;}
.cover-float .float-list .image-list{ width:930px; height:480px; margin:0 auto; overflow:auto; padding-left:30px;}
.cover-float .float-list .image-list .image{ float:left; width:130px; height:160px; margin:0 10px; position:relative;}
.cover-float .float-list .image-list .image .choose{ width:29px; height:29px; position:absolute; right:10px; top:10px; background:url(/static/images/content/choose.png) no-repeat;}
.cover-float .float-list .image-list .image .image-text{ width:130px; text-align:center; margin-top:5px; color:#3300cc;}
.cover-float .float-list .image-list .image .image-text:hover{ cursor:pointer;}

/**************作品*******************/
.optimize{ margin-top:-77px;}
.works{ text-align:center;}
.works .float-list{ width:960px; height:auto; overflow:hidden; background:#fff; margin:0 auto; margin-top:200px;}
.works .float-list .title{ width:960px; height:30px; padding-top:20px;}
.works .float-list .title .title-left{ float:left; margin-left:30px;  font-size:14px; color:#3300cc;}
.works .float-list .title .title-left-feng{ float:left; margin-left:30px;  font-size:14px; color:#3300cc;}
.works .float-list .title .title-left a{ color:#3300cc;}

.works .float-list .image-list{ width:945px; height:auto; margin:0 auto; overflow:hidden; padding-left:15px;}
.works .float-list .image-list .image{ float:left; width:135px; height:180px; margin:0 10px; position:relative;}
.works .float-list .image-list .image .image-text{ width:135px; text-align:center; margin-top:5px; color:#3300cc; font-size:12px;}
.works .float-list .image-list .image .image-text:hover{ cursor:pointer;}
.works .float-list .image-list .image .small-image{ position:relative; width:125px; height:125px; margin-left:5px; overflow:hidden;}
.works .float-list .image-list .image .small-image .delete-img{position:absolute; bottom:0; width:125px; height:25px; background:#171717; filter:alpha(opacity=70); background: rgba(0, 0, 0, 0.7) !important; display:none;}
.works .float-list .image-list .image .small-image .delete-img a{ width:20px; height:21px; background:url(/static/images/delete-label.png) 0 0 no-repeat; right:5px; top:2px; position:absolute;}
.works .float-list .image-list .image .small-image .delete-img a:hover{background:url(/static/images/delete-label.png) -19px 0 no-repeat;}

/**************作品集*******************/
.portfolio{ text-align:center;}
.portfolio .portfolio-list{ width:960px; height:auto; overflow:hidden; background:#fff; margin:0 auto; margin-top:200px; padding-top:20px;}
.portfolio .portfolio-list .image-list{ width:920px; height:auto; margin:0 auto; overflow:hidden; padding-left:40px; padding-bottom:40px;}
.portfolio .portfolio-list .image-list .image{ float:left; width:155px; height:180px; margin:0 10px; background:url(/static/images/content/portfolio-list-bg.png) no-repeat; position:relative; padding-top:15px;}
.portfolio .portfolio-list .image-list .image .image-text{ width:120px; text-align:center; margin-top:5px; margin-left:18px; color:#000; font-size:14px; overflow:hidden;}
.portfolio .portfolio-list .image-list .image .image-text:hover{ cursor:pointer;}
.portfolio .portfolio-list .image-list .image .small-image{ position:relative; width:125px; height:125px; margin-left:15px; overflow:hidden;}
.portfolio .portfolio-list .image-list .image .small-image .count{ position:absolute; font-size:28px; top:100px; right:20px; color:#fff;}
/*add by mrlv 2015-01-12*/
.portfolio .portfolio-list .images-tips{ text-align:left; padding-bottom:20px; margin-left:45px;}
.images-num{ margin-left:5px; color:red;}
.choose-btn{ text-align:left; display:none; height:20px;}
.tips-text{ float:left;}
.title-do-btn{ float:right; margin-right:30px;}
.do-btn{background:#46c961; color:#fff; margin-right:5px;}
.del-more{ display:block;}
.check-all{ float:left; display:none;}
.cancel-all{ float:left; display:none;}
.send-btn{ float:left; display:none; background:#999999; color:#fff;}
.img-row{ width:175px; height:200px; float:left; overflow:hidden;}

/*右侧浮动菜单*/
.float-right{ position:fixed; left:50%; margin-left:475px; top:260px; height:auto;}
.float-right li{ width:45px; height:45px; margin:5px 0; list-style:none;}
.float-right li:hover{ cursor:pointer;}
.float-right .reLease{ background:url(/static/images/content/release-btn.png) no-repeat;}
.float-right .reLease:hover{background:url(/static/images/content/release-btn-hover.png) no-repeat;}
.float-right .reFresh{ background:url(/static/images/content/refresh-btn.png) no-repeat;}
.float-right .reFresh:hover{background:url(/static/images/content/refresh-btn-hover.png) no-repeat;}
.float-right .reTop{ background:url(/static/images/content/retop-btn.png) no-repeat;}
.float-right .reTop:hover{background:url(/static/images/content/retop-btn-hover.png) no-repeat;}
.float-right .page-list .page-num,.float-right .page-list .page-last,.float-right .page-list .page-first{ display:none;}
.float-right .page-list .page-next{background:url(/static/images/content/nextPage-btn.png) no-repeat;width:45px; height:45px; margin:5px 0; border:0; float:none;}
.float-right .page-list .page-next:hover{background:url(/static/images/content/nextPage-btn-hover.png) no-repeat;}
.float-right .page-list .page-prev{background:url(/static/images/content/prevPage-btn.png) no-repeat;width:45px; height:45px; margin:5px 0; border:0; float:none;}
.float-right .page-list .page-prev:hover{background:url(/static/images/content/prevPage-btn-hover.png) no-repeat;}
.float-right .page-list .page-next a,.float-right .page-list .page-prev a{display:block;width:45px; height:45px; margin:0; padding:0;}


/*社团*/
.group-list{ width:100%; overflow:hidden;}
.group{ float:left; width:130px; height:110px;margin:10px;}
.group-image{ width:100%; height:80px;}
.group-bottom{ width:100%; height:30px; line-height:30px;}
.group-title{ float:left; display:block; width:70px;}
.group-count{ float:left; display:block; padding-left:5px; background:url(/static/images/content/group-num.png) left center no-repeat; padding-left:20px;}
.group-operator{ text-align:center; float:right; margin-right:20px; margin-top:15px;}
.group-operator input{ background:#46c961; color:#fff;}

.group-create{padding-top:45px; margin:0 auto; width:600px;}
.group-create .title{ font-size:20px; margin-left:130px; height:40px; color:#999;}
.group-create .title-tip{ font-size:14px; margin-left:10px;}
.group-create .float{ float:left;}
.group-create-form{ padding-left:100px; padding-bottom:50px;}
.group-create .form-row{ clear:both; width:auto; margin:0 auto; line-height:45px; margin-top:15px; overflow:hidden;}
.group-create .form-row .form-row-left{ font-size:14px;}
.group-create .form-row .form-row-right{ margin-left:30px; font-size:14px;}
.group-create .form-row .form-row-right span{color:#3300cc;}
.group-create .form-row .form-row-right .tips{ margin-left:20px; color:#999;}
.group-create .form-row .form-row-right #Select1,.set-content .form-row .form-row-right #Select2,.set-content .form-row .form-row-right #Select3{ width:auto; height:45px; margin-right:10px;}
.group-create .form-row .form-row-right input{ height:35px;}
.group-create .form-row .form-row-right .sub-btn{ margin-left:60px; width:90px; height:38px; background:url(/static/images/content/publish-comment-btn.png) no-repeat; border:0; color:#fff;}
.group-create .form-row .form-row-right .sub-btn:hover{background:url(/static/images/content/publish-comment-btn-hover.png) no-repeat;}
.group-nameplate{ border:1px solid #999; background:#fff;}

.group-btn{padding-left: 18px;float: right;display: block;}
.group-btn ul li{line-height: 30px; margin-bottom: 10px;}

/*社团详情*/

.group-content{width:980px;}
.group-set{border: none !important;}
.group-set label{float: left !important;margin-right:10px !important;padding: 10px;}
.group-msg .comment-list{margin: 15px;}
.group-msg .comment-list .comment-info{min-height: 20px;}
.group-msg .comment-list .comment-text{margin: 0px;}
.group-msg .comment-list .comment-text .comment-content { width:645px; height:60px;  overflow:hidden; resize:none;}
.deletemsg{padding-right: 10px;}

.group-msg .comment-more{  height: 33px;width: 645px;}
.group-msg .comment-more .comment-count{float:left;padding-left:200px;}
.group-msg .comment-more .comment-btn{float:right;margin-top:5px;}
.group-msg .comment-more .comment-btn input{  background: url(/static/images/content/collect-btn-bg.png) no-repeat;border: 0;width: 67px;height: 25px;}

.group-detail{overflow:hidden; padding:20px;}
.g-d-top,.g-d-bottom{ height:auto;overflow:hidden;}
.g-d-bottom{ margin-top:10px;}
.g-d-t-left{}
.g-d-t-right{ position:relative;}
.detail-group-image{ width:130px; height:100px; overflow:hidden;}
.detail-group-nameplate{ width:130px; height:47px; overflow:hidden; margin-top:10px; text-align:center;}
.group-notice{ width:600px; height:130px; resize:none; margin-left:20px;  border: 1px ridge;padding: 10px;}
.notice-edit-btn{ position:absolute; bottom:10px; right:-30px;z-index: 10;}
.notice-edit-btn a{ color:#2d64b3;}
.group-user-list{clear:both; margin:10px 0; overflow:hidden;}
.group-user-list input,.group-user-list select{ height:30px; line-height:100%;}
.group-user-list .user-head{ width:36px; height:36px; overflow:hidden;}
.group-user-list .user-nickname{ margin-left:10px; }
.group-user-list .user-nickname input{width:170px;}
.group-user-list .user-type{ margin-left:10px; padding-top:5px;}
.group-user-list .user-type select{ width:100px; line-height:100%;}
.group-user-list .user-type-name{ margin-left:10px;}
.group-user-list .user-type-name input{ width:125px;}
.group-user-list .user-input{ margin-left:10px; padding-top:5px;}
.group-user-list .user-input input{ width:65px;line-height:100%; background:#46c961; color:#fff; border:0;}
.group-user-list span{ width:100%; line-height:100%;}
.group-add-tips{ overflow:hidden;}
.group-add-tips .group-add-btn a{ margin-left:46px; color:#2481c1;}
.group-info{ overflow:hidden; text-align:center; width:110px; padding:10px 0; margin:0 auto;}
#image_upload,#name_upload,#badge_upload{ display:none;}
.img-tips{ display:block; font-size:10px; color:#999; text-align:center;}
/*双人头像*/
.detail-content .detail-list .width235{width:216px;}
.detail-content .detail-list .width660{width:736px; padding-left:16px; padding-right:16px;}
.detail-list .list-right .width640{ width:736px; word-wrap:break-word; word-break:break-all; }
.detail-list .list-right .content-text .width645{width:645px;}
.detail-list .list-right .content-text img{ max-width:100%;}
.width570{}
.detail-list .list-right .width605{ width:685px;}
.detail-list .list-right .comment-list .comment-info .width515{ width:515px;}
.detail-list .list-right .comment-list .width590{ width:590px;}
.detail-list .list-right .comment-list .comment-text .width545{ width:625px;}
.detail-list .list-right .comment-list .comment-info .info-right .width515{ width:515px;}
.detail-content .detail-list .width366{width:366px; left:0;}
.detail-content .detail-list .info-list .width364{ width:364px;}
.detail-content .detail-list .info-list .info-list-content .content-right .height10{ height:10px;}
.detail-content .detail-list .info-list .info-list-content .content-right .nickname .orange{color:#ff5500;}
.detail-list .list-right .width650{ }
/*改版2015-03-11*/
.detail-content .detail-list .list-left .user-info .head .orange{ color:#ff5500;}
.detail-content .detail-list .list-left .user-info .home-info{ margin-top:22px; padding-bottom:10px; text-align: center; position:relative; overflow:hidden;}
.detail-content .detail-list .list-left .user-info .home-info .hi-left{ padding:4px 20px;}
.detail-content .detail-list .list-left .user-info .home-info .hi-middle{ padding:4px 20px; border-left:1px solid #999; border-right:1px solid #999;}
.detail-content .detail-list .list-left .user-info .home-info .hi-right{ padding:4px 20px;}
.detail-content .detail-list .list-left .user-info .home-info .hi-top{ text-align:center;}
.detail-content .detail-list .list-left .user-info .home-info .hi-bottom{text-align:center; color:#3399cc;}


/**********2015-04-22 头像点赞（潮人）**********/
.praise-block{ position: absolute; top: 13px ;left: 4px; width: 100%; height: 150px; background: #000; filter:alpha(opacity=50); background: rgba(0, 0, 0, 0.5) !important; text-align: center;}
.praise-top{  height: 30px; overflow: hidden;margin-top: 40px;}
.praise-top span{ color: #fff; line-height: 30px; font-weight: bold; margin-left: 3px;}
.sentiment-tips{ }
.praise-bottom{ margin-top: 30px;}
.vote-tips:hover{ cursor: pointer;}

/*day task*/
.task .day-task{ /*width: 51px;*/ height: 51px; display: block;font-size: 14px; font-weight: bold;margin-top:2px;}
.badge{background-color: red; margin-left: 42px;/*margin-bottom: 30px;*/display: block;position: absolute;}
.lv-info .face{padding-top: 10px;}
.lv-info{display: block; margin: 10px; height: 60px; line-height: 30px; font-weight: bold;padding-bottom: 10px;}
.lv-info .next-lv{color: #ff9900;}
.lv-info .uname{font-size: 15px; font-weight: bold; padding-right: 20px;}
.task-pro{ margin-top: 20px;}
.pro-tip{line-height: 20px;padding:5px;}
.task-list{border: 1px solid #999999;}
.task-list span{ margin-right: 20px;margin-top: 5px;}
.task-list div{line-height: 30px;font-size: 16px;margin: 5px;padding: 10px;}
.task-list div span{ float: left;}
.task-res-img{display: block; height: 30px; width: 30px;}
.task-ok{background:url(/static/images/task-ok.gif) no-repeat;}
.task-no-ok{background:url(/static/images/task-no-ok.gif) no-repeat;}
.task-add-num { color: green;}
.task-list label{float: right;margin-right: 200px;font-size: 14px;color: #000000;}
.task-desc{float: left;}
.task-desc ul li {list-style-type: none;line-height: 25px;margin-left: 20px; font-weight: normal;}
.label-title{line-height: 10px;padding: 10px;}

/* rate */
.reply_source{font-size: 14px;color: #FA4646;text-align: center;height: 50px;padding-left: 50px;display: none;}
.reply_source label{line-height: 50px;width: 100px;float: left;  margin-right: 20px;}
.reply_source label input{line-height: 50px;float: left;margin-top: 20px;}
.reply_source .rate-btn{width: 100px;background:url(/static/images/content/comment-btn.png) no-repeat; color:#fff;border: 0px;margin-top: 10px;width: 67px}
.rate-source-list span{margin-left: 10px;}
.rate-source-list{font-weight: 600;}
.hiderate,.hideComment{display: none;}

#qrcode { float:left; z-index: 9;}
#qrcode-indicator {float: left;cursor: pointer;margin-left: 10px;}

#search-target-selector {height: 25px; width: 75px; margin-top: 10px; margin-right: 5px; font-size: xx-small;}

.question {font-weight: bold;}

#new-chapter {color: #0088cc;font-size: small;}

#chapters-header {background-color: #f9f9f9; margin-bottom: 5px; padding: 5px; font-weight: bold;}
.chapter-table-container {width: 50%;}
.chapter-select {width: 65px;}
#chapter-select-wrapper {margin-left: 210px;}