{
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 * {
     user-select: none;
 }
 .feed-group-title,.chat_right_body,.chat_left_body{
     user-select: text;
 }

 body {
     font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
         sans-serif;
     margin: 0;
     color: #333;
 }

 input,
 button,
 select,
 textarea {
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
     outline: none;
     resize: none;
 }

 input::-webkit-input-placeholder,
 /* WebKit browsers */
 textarea::-webkit-input-placeholder {
     /* WebKit browsers */
     color: rgb(204, 204, 204);
 }

 input:-moz-placeholder,
 /* Mozilla Firefox 4 to 18 */
 textarea:-moz-placeholder {
     /* Mozilla Firefox 4 to 18 */
     color: rgb(204, 204, 204);
 }

 input::-moz-placeholder,
 /* Mozilla Firefox 19+ */
 textarea::-moz-placeholder {
     /* Mozilla Firefox 19+ */
     color: rgb(204, 204, 204);
 }

 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
     /* important 增加权重*/
     color: rgb(204, 204, 204) !important;
 }

 input::-ms-clear {
     display: none;
 }

 input::-ms-reveal {
     display: none;
 }

 input::-webkit-contacts-auto-fill-button {
     visibility: hidden;
     display: none !important;
     pointer-events: none;
     position: absolute;
     right: 0;
 }

 /* 底部置地*/
 html,
 body,
 .wrap {
     height: 100%;
     font-size: 100%;
     background: #f3f6f7;
     min-width: 1200px;
 }

 img {
     max-width: 100%;
     border-style: none;
     vertical-align: middle;
     object-fit: cover;
     /* object-fit: contain; */
 }

 img.avatar {
     border-radius: 50%;
 }

 ul,
 li {
     list-style: none;
     margin-top: 0;
     margin-bottom: 0;
     padding-left: 0;
 }

 .markdown-body ul {
     list-style: initial !important;
 }

 .markdown-body ul li {
     display: list-item !important;
 }

 th {
     font-weight: normal;
 }

 a {
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     text-decoration: none;
     color: inherit;
     cursor: pointer;
 }

 .mcolor {
     color: #59b6d7;
 }

 .tcolor {
     color: #666666;
 }

 .ucolor {
     color: #777777;
 }

 .gcolor {
     color: #cccccc;
 }

 .lcolor {
     color: #ededed;
 }

 .wcolor {
     color: white !important;
 }

 .round {
     border-radius: 50%;
 }

 .pointer {
     cursor: pointer;
 }

 .font12 {
     font-size: 12px;
 }

 .font14 {
     font-size: 14px;
 }

 .font16 {
     font-size: 16px;
 }

 .font18 {
     font-size: 18px;
 }

 .font20 {
     font-size: 20px;
 }

 .fl {
     float: left !important;
 }

 .fr {
     float: right !important;
 }

 .margin0 {
     margin: 0;
 }

 .padding0 {
     padding: 0;
 }

 .mt0 {
     margin-top: 0;
 }

 .ml_2 {
     margin-left: 2px;
 }

 .ml_4 {
     margin-left: 4px;
 }

 .mt5 {
     margin-top: 5px;
 }

 .mt10 {
     margin-top: 10px;
 }

 .mt15 {
     margin-top: 15px;
 }

 .mt20 {
     margin-top: 20px;
 }

 .mt25 {
     margin-top: 25px;
 }

 .mt30 {
     margin-top: 30px;
 }

 .mt40 {
     margin-top: 40px;
 }

 .mr0 {
     margin-right: 0;
 }

 .mr10 {
     margin-right: 10px;
 }

 .mr20 {
     margin-right: 20px;
 }

 .mb0 {
     margin-bottom: 0;
 }

 .mb10 {
     margin-bottom: 10px;
 }

 .mb15 {
     margin-bottom: 15px;
 }

 .mb20 {
     margin-bottom: 20px;
 }

 .mb30 {
     margin-bottom: 30px;
 }

 .mb40 {
     margin-bottom: 40px;
 }

 .ml0 {
     margin-left: 0;
 }

 .ml5 {
     margin-left: 5px;
 }

 .ml10 {
     margin-left: 10px;
 }

 .ml20 {
     margin-left: 20px;
 }

 .gray {
     background: #f3f6f7;
 }

 .bgwhite {
     background-color: white;
 }

 .icon {
     font-size: 1.5em;
     overflow: hidden;
     width: 1em;
     height: 1em;
     vertical-align: middle;
     fill: currentColor;
     margin-top: -2px;
 }

 .txt-hide {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }

 .clearfix {
     margin: 0;
 }

 .clearfix:after {
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     content: ".";
 }

 .hide {
     display: none !important;
 }

 .inline {
     display: inline-block;
 }

 .relative {
     position: relative;
 }

 .absolute {
     position: absolute;
 }

 .text-pre {
     white-space: pre-wrap;
 }

 /*导航*/
 .nav {
     position: fixed;
     /*  position: relative;*/
     width: 100%;
     height: 80px;
     min-width: 1200px;
     top: 0px;
     z-index: 100;
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.1);
 }

 .nav_left {
     float: left;
     margin-left: 50px;
 }

 .nav_logo {
     width: 350px;
     /* margin-right: 55px;*/
     margin-right: 10px;
     box-sizing: border-box;
     display: block;
 }

 .nav_right_icon {
     width: 102px;
     height: 21px;
     margin-top: 10px;
     margin-left: 10px;
 }

 .nav_logo_img {
     vertical-align: top !important;
 }

 .nav_logo_image {
     width: 350px;
     max-height: 65px;
 }

 .nav_beta {
     display: inline-block;
     float: left;
     margin-left: -2px;
     padding-top: 32px;
     color: #59b6d7;
 }

 .nav_border {
     text-align: center;
 }

 .nav_list {
     /* width: 1360px;*/
     /*width: 1200px;*/
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
     /*padding: 20px 0px 20px 20px;*/
     /*padding: 10px 0;*/
     line-height: 40px;
     /*  height: 150px;
    background: url(../images/nav_bg.png);*/
     background-size: 100% 100%;
     background: white;
 }

 .nav_list .navs {
     display: flex;
     height: 65px;
     margin-bottom: 0;
     justify-content: flex-start;
     align-items: center;
 }

 .nav_list .navs li {
     float: left;
     text-align: center;
     margin-right: 14px;
     transition: all 0.3s;
     position: relative;
 }

 .nav_list .navs li a {
     word-break: keep-all;
     display: inline-block;
     margin: 0 5px;
     color: #333333;
     font-size: 18px;
     transition: all 0.1s;
     border-bottom: 2px solid transparent;
 }

 /* .nav_list .navs li a:hover {
     color: #0046AA !important;
     border-bottom: 2px solid #0046AA;
 }*/

 .footer1 {
     height: 111px;
     box-sizing: border-box;
 }

 .nav_list .navs li a.selected {
     /*color: #0046AA !important;*/
     color: #CF292D;
     /*border-bottom: 2px solid #0046AA;*/
     border-bottom: 2px solid white;
     font-weight: bold;
     height: 76px;
     display: flex;
     align-items: center;
     border-bottom: 4px solid #CF292D;
 }

 .nav_list .navs li a:link,
 .nav_list .navs li a:visited,
 .nav_list .navs li a:hover {
     text-decoration: none;
 }

 .nav_list .navs .child_navs {
     display: none;
     position: absolute;
     z-index: 99;
     border-radius: 3px;
     background: #fff;
     box-shadow: 0 1px 22px #e2e0e0;
     min-width: 120px;
 }

 .nav_list .navs .child_navs a {
     display: block;
     font-size: 16px;
     margin: 0;
     padding: 10px;
     color: #343434;
     transition: all 0.1s;
     border-bottom: none;
 }

 .nav_list .navs .child_navs a:hover {
     color: #59b6d7 !important;
     border-bottom: none;
 }

 .nav_list .nav_search {
     position: relative;
     width: 250px;
     height: 40px;
     border-radius: 5px;
     /*border: 2px solid #bbb;*/
     /*border: 1px solid #ececec;*/
     background-color: #f6f6f6;
     /*margin-top: 5px;*/
     margin-right: 10px;
     line-height: 28px;
     text-align: left;
     /*padding-left: 10px;*/
     /*overflow: hidden;*/
     background-image: url(../images/nav_search_icon.png);
     background-repeat: no-repeat;
     background-size: 20px;
     background-position: 10px center;
 }

 .nav_right .message-box {
     width: 30px;
     cursor: pointer;
     position: relative;
     text-align: center;
     margin-right: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .nav_right_info .nav_avatar_box {
     min-width: 60px;
 }

 #nav-message .unread_div {
     position: absolute;
     top: -5px;
     right: -5px;
     border: 1px solid #fff;
     height: 14px;
     padding: 0 1px;
     font-size: 12px;
     text-align: center;
     color: #fff;
     line-height: 16px;
 }

 #nav-message .unread_div>span {
     display: block;
     font-size: 12px;
     text-align: center;
     color: #fff;
     background: #CF292D;
     min-width: 16px;
     height: 16px;
     border-radius: 100%;
     padding: 1px;
 }

 .nav_list input.nav_input::placeholder {
     font-weight: normal;
     font-size: 14px;
     color: #666666;
 }

 .nav_list .nav_input {
     /*width: calc(100% - 35px);*/
     width: 100%;
     box-sizing: border-box;
     height: 100%;
     font-size: 14px;
     color: #333;
     border: none;
     outline: none;
     background: inherit;
     padding-left: 40px;
     vertical-align: top;
 }

 .nav_list .nav_input::-webkit-input-placeholder {
     /* WebKit browsers，webkit内核浏览器 */
     color: #6c6c6c;
 }

 .nav_list .nav_input:-moz-placeholder {
     /* Mozilla Firefox 4 to 18 */
     color: #6c6c6c;
 }

 .nav_list .nav_input::-moz-placeholder {
     /* Mozilla Firefox 19+ */
     color: #6c6c6c;
 }

 .nav_list .nav_input:-ms-input-placeholder {
     /* Internet Explorer 10+ */
     color: #6c6c6c;
 }

 .nav_search_icon_button {
     background: url(../images/nav_search_icon_but.png);
     background-size: 60%;
     background-repeat: no-repeat;
     background-position: center;
     width: 24px;
     height: 24px;
     display: block;
     margin: 0 auto;
 }

 .nav_list .nav_search_icon {
     cursor: pointer;
     position: absolute;
     top: 51%;
     left: 2px;
     transform: translateY(-50%);
     color: #ececec;
     background: url(../images/nav_search_icon.png);
     background-size: 60%;
     background-repeat: no-repeat;
     background-position: center;
     width: 24px;
     height: 24px;
 }

 .nav_list .nav_close_icon {
     cursor: pointer;
     position: absolute;
     top: 50%;
     right: 5px;
     transform: translateY(-50%);
     color: #ececec;
     background-image: url(./img/close_icon.png);
     background-size: 60%;
     background-repeat: no-repeat;
     background-position: center;
     width: 24px;
     height: 24px;
 }

 .head_search {
     display: none;
     z-index: 999;
     position: absolute;
     background: #fff;
     width: 235px;
     font-size: 14px;
     box-shadow: 0 1px 22px #e2e0e0;
     top: 45px;
 }

 .head_search .history {
     display: none;
 }

 .head_search .history p {
     font-size: 14px;
     color: #ccc;
     padding: 20px 15px;
     margin: 0;
 }

 .head_search .history ul {
     display: block;
     margin: 0;
     padding: 0px 15px;
     overflow: hidden;
 }

 .head_search .history ul li {
     width: 205px;
     float: left;
     overflow: hidden;
 }

 .head_search .history ul li span {
     cursor: pointer;
     width: 170px;
     font-size: 12px;
     color: #999;
     display: block;
     float: left;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     line-height: 40px;
 }

 .head_search .history ul li i {
     display: block;
     cursor: pointer;
     width: 32px;
     height: 40px;
     float: right;
     vertical-align: sub;
     background-image: url(./img/close_icon.png);
     background-repeat: no-repeat;
     background-size: 16px;
     background-position: center;
     content: "";
 }

 .head_search .history .clear {
     font-size: 12px;
     line-height: 40px;
     display: block;
     height: 40px;
     cursor: pointer;
     text-align: center;
     color: #999;
     background: #f6f6f6;
 }

 .head_search .search_types {
     display: none;
 }

 .head_search .search_types ul {
     display: block;
     margin: 0;
     padding: 20px 20px 0px 20px;
     overflow: hidden;
 }

 .head_search .search_types ul li {
     color: #666;
     width: 100%;
     cursor: pointer;
     float: left;
     margin-bottom: 20px;
     overflow: hidden;
     line-height: 18px;
 }

 .head_search .search_types ul li .keywords {
     color: #CF292D;
     max-width: 110px;
     line-height: 18px;
     display: inline-block;
     vertical-align: text-top;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .nav_right {
     /*float: right;*/
 }

 .nav_right_info {
     display: flex;
     align-items: center;
     /*float: right;*/
     padding-top: 2px;
 }

 .nav_right .role-icon {
     position: absolute;
     width: 14px;
     height: 14px;
     bottom: -3px;
     left: 20px;
 }

 .nav_right a.nava {
     font-size: 14px;
     color: #666;
     margin-right: 20px;
 }

 .nav_right a.nava:hover {
     color: #0046AA;
 }

 .nav_right .avatar {
     width: 40px;
     height: 40px;
     margin-right: 5px;
     cursor: pointer;
     border-radius: 50%;
     white-space: nowrap;
 }

 .nav_name {
     display: inline-block;
     float: left;
     overflow: hidden;
     width: 84px;
     white-space: nowrap;
     text-overflow: ellipsis;
     color: #343434;
 }

 .nav_menu {
     position: absolute;
     z-index: 1002;
     top: 42px;
     right: -41px;
     display: none;
     width: 130px;
     border-radius: 3px;
     background: #fff;
     box-shadow: 0 1px 22px #e2e0e0;
     text-align: center;
 }

 .nav_menu .hover_cover {
     position: absolute;
     left: 0;
     width: 100%;
     height: 80px;
 }

 /*.nav_menu .triangle {margin-left:128px;margin-top:-23px;}*/
 .nav_menu ul li {
     font-size: 14px;
 }

 .nav_menu ul li a {
     display: inline-block;
     height: 100%;
     color: #666;
     outline: none;
     width: 70px;
     text-align: left;
 }

 .nav_menu ul li a:hover {
     color: #CF292D !important;
 }

 .nav_menu ul li a svg {
     margin-top: -4px;
     margin-right: 15px;
 }

 /*底部*/
 .footer {
     position: relative;
     z-index: 1;
     clear: both;
     width: 100%;
     height: 225px;
     margin-top: -225px;
     text-align: center;
     border-top: 1px solid #e5e5e5;
     background: #000000;
 }

 .footer_cont {
     width: 1200px;
     margin: 0 auto;
     color: #999999;
 }

 .footer_cont ul li {
     display: inline-block;
 }

 .footer_cont ul li a {
     font-size: 16px;
     color: #808080;
     /*border-right: 1px solid #ccc;*/
 }

 .footer_cont ul li a:hover {
     color: #CF292D;
 }

 .footer_cont ul li:last-child a {
     border-right: 0;
 }

 .footer_cont .rights {
     margin: 20px 0 0px;
     color: #808080;
 }

 .footer_cont .developer {
     font-size: 12px;
     margin-top: 50px;
     color: #ccc;
 }

 .footer_cont .developer span {
     display: inline-block;
     margin: 0 5px;
     color: #333;
 }

 /*内容*/
 .main {
     float: left;
     clear: both;
     width: 100%;
     padding-bottom: 30px;
     background: #f3f6f7;
     padding-top: 80px;
 }

 .container {
     /*width:1080px;*/
     margin: 20px auto 0 auto;
     width: 1200px;
     min-height: 80vh;
 }

 /*左侧导航*/
 .left_menu {
     float: left;
     width: 150px;
     padding-top: 20px;
 }

 .left_menu ul li {
     position: relative;
     margin-bottom: 36px;
 }

 .left_menu ul li a {
     font-size: 16px;
     color: #333;
 }

 .left_menu ul li a:link {
     text-decoration: none;
 }

 .left_menu .icon {
     font-size: 30px;
     vertical-align: -8px;
     margin-right: 10px;
 }

 .left_menu .selected {
     color: #59b6d7 !important;
 }

 /*右侧内容*/
 .right_container {
     width: 266px;
     float: left;
 }

 /*左侧内容*/
 .left_container {
     /*width:815px;*/
     margin-right: 20px;
     float: left;
     /* width: 830px;*/
     width: 965px;
 }

 /*弹出提示*/
 .noticebox {
     position: fixed;
     z-index: 55555000;
     display: none;
     text-align: center;

     top: 40% !important;
     left: 50%;
     transform: translate(-50%, -50%);
     width: auto;
 }


 .authnoticebox {
     top: 82px;
 }

 .noticebox .notice {
     font-size: 20px;
     line-height: 50px;
     z-index: 9999;
     height: 50px;
     margin: auto;
     text-align: center;
     color: #666;
     background: #fff;
     box-shadow: 0 0 22px #ededed;
     padding:  0 10px;
 }

 .noticebox .notice img {
     margin-right: 10px;
 }

 /*右侧浮动*/
 .right_extras {
     position: fixed;
     z-index: 99;
     right: 80px;
     bottom: 80px;
 }

 .right_extras a {
     display: block;
     width: 48px;
     height: 48px;
     margin-bottom: 10px;
     text-align: center;
     border-radius: 50%;
 }

 .right_extras svg {
     font-size: 34px;
     display: block;
     margin-bottom: 10px;
     padding-top: 11px;
     padding-left: 12px;
     color: #fff;
 }

 .right_extras .app {
     background: #dedede;
     position: relative;
 }

 .right_extras .app:hover {
     background: #59b6d7;
 }

 #change_cn:hover {
     background: #59b6d7;
 }

 #change_cn {
     background: #dedede;
 }

 #change_en:hover {
     background: #59b6d7;
 }

 #change_en {
     background: #dedede;
 }

 .right_extras .app .qrcode-wrap {
     position: absolute;
     right: 120%;
     top: -20px;
     padding: 10px;
     background-color: #fff;
     display: none;
     width: 140px;
     height: 160px;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.09);
 }

 .right_extras .app:hover .qrcode-wrap {
     display: flex;
 }

 .right_extras .app .qrcode-wrap img {
     width: 120px;
     height: 120px;
 }

 .right_extras .app .qrcode-wrap span {
     display: block;
     height: 10px;
     line-height: 10px;
     margin-top: 10px;
     color: #999;
     font-size: 14px;
 }

 .right_extras .icon_gotop {
     display: inline-block;
     width: 100%;
     height: 100%;
     background-image: url("./img/backtop.svg");
 }

 .right_extras .icon_gotop:hover {
     background-image: url("../../images/zhr/back_act.png");
     background-repeat: no-repeat;
     background-size: 70px;
     background-position: 11px;
 }

 .right_extras .gotop {
     width: 90px;
     height: 90px;
 }

 /*.right_extras .gotop:hover {background:#59b6d7;}*/
 .right_extras .gotop svg {
     font-size: 40px !important;
     padding-left: 8px !important;
 }

 /*热门用户*/
 .hot_users {
     width: 100%;
     background: #fff;
 }

 .hot_users .hot_users_title {
     text-align: center;
     color: #333;
     font-size: 18px;
     padding: 20px 0px;
 }

 .hot_users ul {
     width: 100%;
     float: left;
     padding: 0px 20px;
     margin-bottom: 0px;
 }

 .hot_users ul li {
     float: left;
     width: 100%;
     padding: 20px 0px;
     border-top: 1px solid #ededed;
 }

 .hot_user_avatar {
     float: left;
 }

 .hot_user_avatar img {
     width: 60px;
     height: 60px;
     border-radius: 50%;
 }

 .hot_user_info {
     width: 125px;
     float: left;
     margin-left: 10px;
 }

 .hot_user_info span {
     display: block;
 }

 .hot_user_info .hot_user_name {
     font-size: 14px;
     color: #333;
 }

 .hot_user_info .hot_user_intro {
     font-size: 14px;
     height: 44px;
     line-height: 22px;
     color: #999;
     margin-top: 10px;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: -webkit-box;
     word-break: break-all;
 }

 /*推荐用户*/
 .recusers {
     width: 100%;
     border-radius: 3px;
     background: #fff;
     margin-bottom: 30px;
 }

 .recusers .u-tt {
     padding: 15px;
     text-align: center;
     font-weight: 500;
     font-size: 18px;
     border-bottom: 1px solid #ededed;
 }

 .recusers p.nodata {
     line-height: 50px;
     width: 100%;
     height: 50px;
     margin: 0;
     text-align: center;
 }

 .recusers ul {
     display: inline-block;
     margin-bottom: 20px;
 }

 .recusers li {
     float: left;
     width: 50px;
     margin: 0 12px 0 15px;
     text-align: center;
 }

 .recusers li>a {
     position: relative;
 }

 .recusers li>a>img.role-icon {
     position: absolute;
     right: 0;
     top: 10px;
     width: 18px;
     height: 18px;
     border-radius: 50%;
 }

 .recusers li img {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     margin-top: 20px;
 }

 .recusers li span {
     font-size: 12px;
     overflow: hidden;
     width: 50px;
     margin-top: 10px;
     white-space: nowrap;
     text-overflow: ellipsis;
     color: #666;
     line-height: 1;
 }

 .recusers li span a {
     color: #333;
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     margin-top: 10px;
 }

 .recusers .recmore {
     font-size: 12px;
     line-height: 40px;
     display: block;
     height: 40px;
     cursor: pointer;
     text-align: center;
     color: #999;
     background: #f8fcff;
 }

 .recusers .recmore {
     color: #999;
 }

 /*近期热点*/
 .hot_news {
     width: 100%;
     margin-bottom: 30px;
     padding: 0 15px 0;
     border: 1px solid #ededed;
     background-color: #fff;
 }

 .hot_news .title {
     font-size: 18px;
     padding: 20px 0 15px;
     text-align: center;
     color: #333;
     border-bottom: 1px solid #ededed;
 }

 .hot_news .time_menu {
     display: inline-block;
     width: 203px;
     margin: 0;
     padding-top: 16px;
     border-bottom: 1px solid #ededed;
     background-color: #fff;
 }

 .hot_news .time_menu li {
     float: left;
     width: 33.3%;
     cursor: pointer;
     text-align: center;
 }

 .hot_news .time_menu li a {
     display: inline-block;
     height: 40px;
     padding: 0 10px;
     color: #999;
 }

 .hot_news .time_menu li a.hover {
     color: #333;
     border-bottom: 2px solid #59b6d7;
 }

 .hot_news_list li {
     font-size: 14px;
     overflow: hidden;
     padding: 15px 0;
     border-bottom: 1px solid #ededed;
 }

 .hot_news_list li:last-child {
     border-bottom: 0;
 }

 .hot_news_list li span {
     font-size: 12px;
     display: inline-block;
     width: 16px;
     text-align: center;
     color: #fff;
     border-radius: 3px;
     background: #59b6d7;
 }

 .hot_news_list li span.grey {
     background: #ccc;
 }

 .hot_news_list li a {
     line-height: 22px;
     display: -webkit-box;
     float: right;
     overflow: hidden;
     width: 177px;
     color: #666;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .hot_news_list .no_news {
     font-size: 14px;
     padding: 15px 0 5px 0;
     text-align: center;
     color: #999;
 }

 /* 热门问题 */
 .hot-issues,
 .answer-rank {
     width: 100%;
     margin-bottom: 30px;
     padding: 0 15px 0;
     background-color: #fff;
 }

 .hot-issues .title,
 .answer-rank .title {
     font-size: 18px;
     padding: 20px 0 15px;
     text-align: center;
     color: #333;
     border-bottom: 1px solid #ededed;
     margin-top: 30px;
 }

 .hot-issues-list {
     font-size: 14px;
     padding-bottom: 1px;
 }

 .hot-issues-list>.hot-title {
     counter-increment: HotIndex;
     display: flex;
     flex-direction: row;
 }

 .hot-issues-list>.hot-title::before {
     content: counter(HotIndex);
     display: flex;
     width: 20px;
     height: 20px;
     background-color: #ccc;
     text-align: center;
     border-radius: 4px;
     flex: none;
     align-items: center;
     justify-content: center;
     color: #fff;
 }

 .hot-issues-list>.hot-title.top3::before {
     background-color: #59b6d7;
     color: #fff;
 }

 .hot-issues-list>.hot-title>a {
     display: block;
     word-break: break-word;
     flex: auto;
     margin-left: 8px;
 }

 .answer-rank-list {
     font-size: 14px;
     overflow: hidden;
 }

 .answer-rank-list>li {
     display: table;
     margin: 30px 0px;
 }

 .answer-rank-list .rank-num {
     display: table-cell;
     width: 30px;
 }

 .answer-rank-list .rank-avatar,
 .answer-rank-list .rank-info {
     display: table-cell;
     vertical-align: middle;
 }

 .answer-rank-list .rank-num>span {
     font-size: 12px;
     line-height: 16px;
     display: block;
     width: 16px;
     height: 16px;
     text-align: center;
     color: #fff;
     border-radius: 3px;
 }

 .answer-rank-list .rank-num .blue {
     background: #59b6d7;
 }

 .answer-rank-list .rank-num .grey {
     background: #ccc;
 }

 .no-data {
     text-align: center;
     padding: 15px 0;
     color: #777;
 }

 /* end 热门问题 */
 /* 问答达人排行榜 */
 .answer-rank .rank-tab {
     font-size: 14px;
     height: 42px;
     line-height: 42px;
     display: table;
     width: 100%;
 }

 .answer-rank .rank-tab span {
     display: table-cell;
     text-align: center;
     border-bottom: 1px solid #ededed;
     cursor: pointer;
     color: #777;
 }

 .answer-rank .rank-tab span.active {
     color: #333;
     border-bottom: 2px solid #59b6d7;
 }

 .answer-rank-list .rank-num {
     vertical-align: middle;
 }

 .answer-rank-list .rank-avatar {
     width: 75px;
     position: relative;
 }

 .answer-rank-list .rank-avatar>img.role-icon {
     position: absolute;
     left: 40px;
     bottom: 4px;
     width: 18px;
     height: 18px;
     border-radius: 50%;
 }

 .answer-rank-list .rank-info>span {
     width: 100%;
     display: inline-block;
     padding-bottom: 7px;
 }

 /* end 问答达人排行榜 */
 /*缺省图*/
 .no_data_div {
     display: table;
     background: white;
     width: 100%;
 }

 .no_data {
     display: table-cell;
     width: 100%;
     height: 500px;
     text-align: center;
     vertical-align: middle;
 }

 .no_data p {
     font-size: 14px;
     margin: 10px 0;
     color: #b2b2b2;
 }

 /*评论*/
 .dy_comit .del_comment,
 .dy_cen .J-reply-comment,
 .comment_right .del_comment,
 .comment_right .J-reply-comment {
     font-size: 12px;
     margin-left: 15px;
     cursor: pointer;
     color: #59b6d7;
 }

 /*分享*/
 .detail_third_share {
     font-size: 14px;
     float: right;
     margin-top: 14px;
     color: #666;
 }

 .detail_third_share svg {
     margin-bottom: 4px;
 }

 .detail_third_share span a {
     border: none !important;
 }

 .third_share {
     font-size: 1.8em;
 }

 .third_share_weibo {
     fill: #f97d72;
 }

 .third_share_qq {
     fill: #5fbddf;
 }

 .third_share_weixin {
     fill: #54c58c;
 }

 .weixin_qrcode {
     display: none;
     padding: 40px;
 }

 /*图片裁剪*/
 .avatar-container {
     margin: 20px;
 }

 .avatar-upload {
     margin: 10px 0;
 }

 .save-btn {
     text-align: right;
 }

 .save-btn>span {
     margin-right: 20px;
     color: #ccc;
 }

 .avatar-wrapper {
     overflow: hidden;
     width: 100%;
     height: 314px;
     margin: 15px auto;
     background-color: #fcfcfc;
     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
 }

 .avatar-preview {
     float: left;
     overflow: hidden;
     margin-top: 15px;
     margin-right: 15px;
     border: 1px solid #eee;
     border-radius: 4px;
     background-color: #fff;
 }

 .avatar-upload .avatar-input {
     display: none;
 }

 .avatar-upload label.avatar-file {
     display: inline-block;
     padding: 0 16px;
     margin-top: -10px;
     border-radius: 3px;
     background-color: #efefef;
     font-size: 14px;
     line-height: 32px;
     text-align: center;
     cursor: pointer;
     border: 1px solid #ccc;
 }

 .avatar-upload label.avatar-file:hover {
     background-color: #ddd;
 }

 .ai_face_box {
     position: relative;
     display: inline-block;
 }

 .ai_face_box>img {
     width: 230px;
     height: 163px;
 }

 .ai_upload {
     position: absolute;
     top: 0;
 }

 .ai_upload input {
     position: absolute;
     width: 230px;
     height: 163px;
     cursor: pointer;
     opacity: 0;
 }

 /* Override Cropper's styles */
 .upload-box .cropper-face,
 .upload-box .cropper-view-box {
     border-radius: 50%;
 }

 /*签到*/
 .checkin_cont {
     margin-bottom: 30px;
 }

 .checkin_user {
     position: relative;
     width: 100%;
     height: 100px;
     border-radius: 3px;
     background: #fff;
 }

 .checkin_user span {
     display: inline-block;
     margin: 30px 0 0 20px;
     color: #f87d72;
     width: 94px;
     text-overflow: ellipsis;
     overflow: hidden;
 }

 .checkin_user .avatar {
     position: absolute;
     top: -10px;
     right: 10px;
     width: 100px;
     height: 100px;
     border-radius: 50%;
 }

 .checkin_user .role-icon {
     width: 28px;
     position: absolute;
     right: 5px;
     top: 72px;
 }

 .checkin_div {
     font-size: 20px;
     line-height: 50px;
     height: 50px;
     cursor: pointer;
     text-align: center;
     color: #fff;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
     background: #f87d72;
 }

 .checked_div {
     background: grey;
 }

 .checkin_div span {
     font-size: 14px;
     display: inline-block;
     margin-left: 5px;
 }

 .checkin_div svg {
     font-size: 23px;
     margin-right: 5px;
     vertical-align: text-bottom;
 }

 .loading {
     font-size: 14px;
     /*padding:0 0 10px 0;*/
     text-align: center;
     color: #999;
     padding: 10px 0;
 }

 .click_loading {
     line-height: 40px;
     height: 40px;
     margin-top: 10px;
     text-align: center;
 }

 .click_loading span {
     color: #CF292D;
     position: relative;
     cursor: pointer;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .click_loading svg {
     cursor: pointer;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     color: #0046AA;
 }

 img.load {
     width: 50px;
 }

 @-webkit-keyframes icon-load {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes icon-load {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 /*  模拟 select */
 .zy_select {
     display: inline-block;
     position: relative;
     white-space: normal;
     cursor: pointer;
     text-align: center;
 }

 .zy_select a {
     color: inherit;
     cursor: pointer;
 }

 .zy_select>i {
     overflow: hidden;
     float: right;
     position: relative;
     display: block;
     margin-top: 4px;
     margin-left: 6px;
     vertical-align: middle;
     transform-origin: center;
     transition: all 0.2s;
     width: 11px;
     height: 11px;
     background-image: url(../images/arrow_news_down.png);
     background-size: auto;
     background-position: center;
 }

 /*.zy_select > i::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 6px;
    background-image: url("../images/arrow_down.png");
    content: "";
}*/
 .zy_select span {
     text-align: left;
     color: #999;
 }

 .zy_select>ul {
     display: none;
     overflow-x: hidden;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 5;
     margin: 0;
     padding: 0;
     width: calc(100% + 2px);
     background: #fff;
 }

 .zy_select>ul>li {
     overflow: hidden;
     display: block;
     margin-bottom: 1px;
     padding: 5px;
     width: 100%;
     min-height: 20px;
     text-overflow: ellipsis;
     cursor: pointer;
 }

 .zy_select>ul>li.active,
 .zy_select>ul>li:hover {
     background-color: #dfdfdf;
     color: #fff;
 }

 .zy_select.gap12>ul {
     left: 50%;
     margin-top: 12px;
     padding: 15px 0 5px;
     min-width: 115px;
     border-radius: 2px;
     box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
     transform: translateX(-50%);
 }

 .zy_select.gap12>ul li {
     background: none !important;
     padding: 5px;
     margin-bottom: 10px;
     color: #999;
 }

 .zy_select.gap12>ul li.active,
 .zy_select.gap12>ul li:hover {
     color: #CF292D;
 }

 .zy_select.border {
     padding: 5px;
     border: 1px solid #dfdfdf;
 }

 .zy_select.border>ul {
     left: -1px;
     border: 1px solid #dfdfdf;
     transform: none;
 }

 .zy_select.open>span {
     color: #CF292D;
 }

 .zy_select.open>i {
     transform: rotate(180deg);
 }

 .zy_select.open>ul {
     display: block;
 }

 .select-gray span {
     color: #999;
 }

 .select-gray>i:after {
     border-top-color: #999;
 }

 /*收入达人排行榜*/
 .income-rank {
     width: 100%;
     margin-bottom: 30px;
     padding: 0 15px 0;
     border: 1px solid #ededed;
     background-color: #fff;
 }

 .income-rank .title {
     font-size: 16px;
     padding: 20px 0 15px;
     text-align: center;
     color: #333;
     border-bottom: 1px solid #ededed;
 }

 .income-rank .income-list {
     overflow: hidden;
     padding: 15px 0;
     font-size: 14px;
 }

 .income-rank .income-list li {
     display: flex;
     margin-bottom: 20px;
     align-items: center;
 }

 .income-rank .fans-span {
     display: block;
     margin-right: 15px;
     width: 16px;
     height: 16px;
     font-size: 12px;
     line-height: 16px;
     text-align: center;
     color: #fff;
     border-radius: 3px;
     background: #ccc;
 }

 .income-rank li:nth-child(1) .fans-span,
 .income-rank li:nth-child(2) .fans-span,
 .income-rank li:nth-child(3) .fans-span {
     background: #59b6d7;
 }

 .income-rank .income-avatar {
     overflow: hidden;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     background-color: #f4f5f5;
     flex: 0 0 auto;
     cursor: pointer;
 }

 .income-rank .income-avatar>img {
     display: block;
 }

 .income-rank .income-name {
     display: flex;
     margin-left: 15px;
     height: 60px;
     flex-direction: column;
     align-items: flex-start;
     justify-content: space-around;
     flex: 1 1 auto;
 }

 .income-rank .income-name .name {
     color: #333;
 }

 .income-rank .answers-count {
     color: #999;
 }

 /*广告位*/
 .news_ad img {
     margin-bottom: 10px;
 }

 /*积分规则*/
 .w_815 {
     width: 815px;
     margin: auto;
 }

 .int_top {
     width: 100%;
     height: 160px;
     margin: 40px auto 30px;
     background: #fff;
 }

 .intTop_left {
     float: left;
     width: 4px;
     height: 160px;
     border-radius: 3px;
     background: #fbbeb9;
 }

 .intTop_num {
     font-size: 42px;
     float: left;
     margin: 48px auto 18px 68px;
     color: #333;
 }

 .int_this {
     font-size: 14px;
     display: block;
     color: #999;
 }

 .int_sign {
     font-size: 18px;
     line-height: 40px;
     float: right;
     width: 153px;
     height: 40px;
     margin-top: 60px;
     margin-right: 70px;
     cursor: pointer;
     text-align: center;
     color: #fff;
     border-radius: 3px;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
     background: #f87d72;
 }

 .int_cont {
     width: 815px;
     padding: 0 70px 50px;
     background: #fff;
 }

 .int_rule {
     margin-top: 18px;
     border-bottom: 1px solid #ededed;
 }

 .int_li {
     margin-right: 40px;
     margin-left: 30px !important;
 }

 .int_li2 {
     margin: 0 !important;
 }

 .int_pm {
     line-height: 60px !important;
     height: 60px !important;
     padding-right: 30px;
     padding-left: 30px;
 }

 .int_operation {
     width: 290px !important;
 }

 .int_pm span {
     color: #666 !important;
 }

 .operation_ul {
     font-size: 14px;
     padding-top: 10px;
     padding-left: 30px;
 }

 .list_div {
     font-size: 14px;
 }

 .c_f8 {
     color: #f87e73 !important;
 }

 .list_div1 {
     width: 290px;
 }

 .list_div2 {
     color: #59b6d7;
 }

 .list_div3 {
     float: right;
     padding-right: 30px;
 }

 .operation_ul li {
     margin-bottom: 36px;
 }

 .operation_ul li:last-child {
     margin-bottom: 10px;
 }

 .int_page {
     margin: 30px auto 0;
     text-align: center;
 }

 .div_right {
     float: right;
     margin-right: 30px;
 }

 .int_b {
     margin-bottom: 50px;
 }

 .sign_img {
     width: 16px;
     margin-right: 10px;
     vertical-align: -2px;
 }

 .dy_center .top-menu-left {
     position: relative;
     height: 60px;
 }

 /* btn style reference bootstrap */
 .btn {
     display: inline-block;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.4;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     border: 1px solid transparent;
     border-radius: 4px;
 }

 .btn-lg {
     padding: 8px 22px;
     font-size: 16px;
     line-height: 1.3;
     border-radius: 3px;
 }

 .btn-sm {
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5;
     border-radius: 3px;
 }

 .btn-primary {
     color: #fff;
     background-color: #CF292D;
     border-color: #CF292D;
 }

 .btn-warning {
     color: #fff;
     background-color: #CF292D !important;
     border-color: #CF292D !important;
 }

 .btn-cancel {
     color: #333333;
     background-color: #d4d4d4;
     border-color: #d4d4d4;
 }

 /*发帖按钮*/
 .btn-release {
     display: inline-block;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.4;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     border: 0;
     width: 87px;
     height: 40px;
     background: rgba(216, 9, 53, 1);
     border-radius: 3px;
     color: #fff;
     background-color: #0046AA;
     border-color: #0046AA;
 }

 .btn-default {
     color: #333333;
     background-color: #ffffff;
     border: 1px solid rgba(239, 239, 239, 1);
     display: inline-block;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.4;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     width: 87px;
     border-radius: 3px;
     height: 40px;
 }

 /*分享列表评论*/
 .comment_line {
     margin-top: 18px;
     border-top: 1px solid #efefef;
     margin-bottom: 20px;
     height: 1px;
     position: relative;
 }

 .comment_line>.tr2 {
     width: 10px;
     height: 10px;
     position: absolute;
     top: -15px;
     left: 98px;
 }

 .comment_line>.tr2:before,
 .comment_line>.tr2:after {
     content: "";
     display: block;
     position: absolute;
     border: 8px solid transparent;
     left: 0;
 }

 .comment_line>.tr2:before {
     border-bottom: 7px solid #efefef;
     top: -1px;
 }

 .comment_line>.tr2:after {
     border-bottom: 7px solid #fff;
 }

 .comment_body {
     font-size: 12px;
     color: #999;
 }

 .comment_textarea {
     margin: 10px 0 10px;
 }

 /* .comment_textarea .input-wrap textarea {width:100%;height:78px;padding:12px;border:1px solid #ededed;background:#f3f6f7;color:#333;outline:none;resize:none;overflow:hidden;} */
 .comment_post {
     line-height: 31px;
     height: 37px;
     position: relative;
 }

 .comment_post .dy_cs {
     position: absolute;
     right: 5px;
     top: -40px;
 }

 .comment_post .post_button {
     line-height: 32px;
     float: right;
     width: 85px;
     height: 32px;
     text-align: center;
     color: #fff;
     border: 0;
     cursor: pointer;
     border-radius: 3px;
     background: #59b6d7;
 }

 .comment_post_nums {
     font-size: 12px;
     margin-left: 385px;
 }

 .comment_box {
     margin-bottom: 10px;
 }

 .comment_box .comment_con {
     word-break: break-all;
     margin-bottom: 16px;
 }

 .comment_box .comment_con a {
     color: #59b6d7;
 }

 .comment_box .comment_con a.mouse {
     cursor: pointer;
     display: none;
     margin-left: 5px;
 }

 /*详情评论*/
 .comment_title {
     margin-top: 40px;
     margin-bottom: 20px;
 }

 .comment_count {
     font-size: 22px;
     color: #59b6d7;
 }

 .comment_box .input-wrap {
     position: relative;
 }

 .comment_box .input-wrap .comment_editor {
     font-size: 14px;
     width: 100%;
     min-height: 77px;
     padding: 10px;
     resize: none;
     color: #666;
     border: 1px solid #ededed;
     outline: none;
     background: #f3f6f7;
     z-index: 102;
 }

 .comment_box .input-wrap .mirror {
     position: absolute;
     top: 0;
     display: none;
 }

 .comment_box .input-wrap .ev-mention-list {
     position: absolute;
     background-color: #fff;
     z-index: 105;
     display: none;
     padding: 8px;
     border: 1px solid #ccc;
     border-radius: 2px;
     box-shadow: 0 2px 8px 1px rgba(0, 0, 9, 0.2);
 }

 .comment_box .input-wrap .ev-mention-list .list-content,
 .comment_box .input-wrap .ev-mention-list .list-title {
     font-size: 12px;
     cursor: pointer;
     list-style: none;
 }

 .comment_box .input-wrap .ev-mention-list .list-content.active {
     color: #59b6d7;
     background-color: #fff;
 }

 .comment_box .comment_tool {
     text-align: right;
 }

 .comment_box .mention-btn {
     position: relative;
     display: inline-block;
     cursor: pointer;
 }

 div.dialog-mention-select-comment {
     left: 0 !important;
     width: 400px !important;
     padding: 20px 40px;
     box-sizing: border-box;
 }

 div.dialog-mention-select-comment .search-wrap {
     display: block;
     border-bottom: 1px solid #ccc;
     text-align: left;
     width: auto;
 }

 div.dialog-mention-select-comment .search-user-input {
     border: none;
     line-height: 20px;
 }

 span.mention-btn-comment .ev-view-comment-follow-users {}

 span.mention-btn-comment .ev-view-comment-follow-users>li {
     width: 23%;
     text-align: left;
 }

 .dialog-mention-select {
     position: absolute;
     display: flex;
     left: 0;
     top: 100%;
     width: 239px;
     min-height: 300px;
     z-index: 10;
     background-color: #fff;
     box-shadow: 0px 2px 9px 0px rgba(22, 23, 23, 0.09);
     flex-direction: column;
     cursor: default;
 }

 .repostable-mention .dialog-mention-select {
     top: auto;
     bottom: 60px;
 }

 .dialog-mention-select .search-wrap {
     border-bottom: 1px solid #e4e4e4;
     font-size: 12px;
 }

 .dialog-mention-select .search-wrap input {
     border: none;
     line-height: 37px;
 }

 .dialog-mention-select .hot {
     color: #ccc;
     margin-top: 20px;
     cursor: default;
 }

 .dialog-mention-select .follow-users {
     display: flex;
     flex-flow: row wrap;
 }

 .dialog-mention-select .follow-users>li {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     padding: 0 15px;
 }

 .dialog-topic-select {
     position: absolute;
     display: flex;
     left: 0;
     top: 100%;
     width: 400px;
     height: 300px;
     z-index: 10;
     padding: 20px 40px;
     background-color: #fff;
     box-shadow: 0px 2px 9px 0px rgba(22, 23, 23, 0.09);
     flex-direction: column;
     cursor: default;
 }

 .repostable-topic .dialog-topic-select {
     top: auto;
     bottom: 60px;
 }

 .dialog-topic-select .search-wrap,
 .dialog-mention-select .search-wrap {
     border-bottom: 1px solid #e4e4e4;
     font-size: 12px;
     width: 210px;
     margin-left: 15px;
 }

 .dialog-topic-select .search-wrap input,
 .dialog-mention-select .search-wrap input {
     border: none;
     height: 35px;
 }

 .dialog-topic-select .hot,
 .dialog-mention-select .hot {
     color: #ccc !important;
     margin-top: 20px;
     cursor: default !important;
 }

 .dialog-topic-select .topic-list,
 .dialog-mention-select .follow-users {
     display: flex;
     flex-flow: row wrap;
     height: 296px;
     overflow: auto;
 }

 .dialog-topic-select .topic-list>li,
 .dialog-mention-select .follow-users>li {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     line-height: 37px;
     padding: 0 15px;
 }

 .dialog-mention-select .follow-users>li:hover {
     background: rgba(245, 245, 245, 1);
 }

 /* 小标签 */
 .selected-topics {
     display: flex;
     flex-flow: row wrap;
     margin-top: 10px;
 }

 .selected-topics .selected-topic-item {
     background-color: rgba(89, 182, 215, 0.15);
     padding: 0 6px;
     border-radius: 3px;
     color: #59b6d7;
     font-size: 12px;
     margin-right: 6px;
     margin-bottom: 6px;
     height: 24px;
     line-height: 24px;
 }

 .selected-topics .selected-topic-item .close {
     height: 24px;
     line-height: 24px;
     cursor: pointer;
 }

 .selected-topics .selected-topic-item svg {
     transform: scale(0.7);
 }

 .comment_buttons {
     float: left;
 }

 .comment_tool .text_stats {
     margin-right: 20px;
     font-size: 14px;
     color: #777;
 }

 .comment-list-box {
     padding: 30px 40px;
     background: white;
 }

 .comment-list-box-title {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .comment-list-box .comment-hint {
     height: 20px;
     font-size: 20px;
     font-weight: bold;
     color: rgba(26, 26, 26, 1);
     margin-top: 0;
 }

 .comment-list-box-filter {
     position: relative;
 }

 .comment-list-box-filter select,
 .comment-list-box-filter option {
     border: none;
     outline: none;
     border-radius: 0;
     padding: 10px 20px;
 }

 .comment_list {
     background: #f2f4f7;
 }

 .comment_list .comment_item {
     /*border-bottom: 1px solid #ededed;*/
     margin-top: 20px;
 }

 .comment_list .comment_item dt {
     float: left;
     position: relative;
 }

 .comment_list .comment_item dt .forum-userreply-img {
     border-radius: 50%;
 }

 .comment_list .comment_item dt img.role-icon {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 20px;
     height: 20px;
 }

 .comment_list .comment_item dd {
     font-size: 14px;
     margin-left: 20px;
     float: left;
     color: #333;
     width: 810px;
 }

 .comment_list .comment_item .reply_tool {
     margin: 8px 0 24px;
     position: relative;
 }

 .comment_list .comment_item .reply_time {
     font-size: 12px;
     color: #ccc;
 }

 .reply_tool .reply_action {
     float: right;
     cursor: pointer;
 }

 .reply_body {
     word-break: break-all;
     margin: 15px 0;
     word-break: break-word;
     word-wrap: break-word;
     font-size: 16px;
 }

 .reply_body>img {
     margin-top: 20px;
 }

 .reply_body img {
     max-width: 350px;
     max-height: 250px;
     object-fit: cover;
     cursor: pointer;
 }

 .reply_body a {
     color: #CF292D;
 }

 .reply_body a.mouse {
     display: none;
 }

 .a_link:hover {
     text-decoration: none;
     color: #fff !important;
 }

 /*更多操作*/
 .options {
     float: right;
     width: 30px;
     cursor: pointer;
     text-align: right;
     margin-left: 30px;
 }

 .icon-more {
     cursor: pointer;
     color: #1a1a1a;
     width: 1.2em;
     height: 1.2em;
 }

 .options_div {
     position: absolute;
     z-index: 99;
     top: 30px;
     right: -50px;
     display: none;
     width: 125px;
     border-radius: 3px;
     background: #fff;
     box-shadow: 0 1px 22px #e2e0e0;
 }

 .options_div .triangle {
     margin-top: -8px;
     margin-left: 55px;
 }

 .options_div_u .triangle {
     margin-top: -8px;
     margin-left: 29px !important;
 }

 .options_div ul {
     padding: 20px 0;
 }

 .options_div ul li {
     padding-left: 20px;
     margin-bottom: 15px;
 }

 .options_div ul li:last-child {
     margin-bottom: 0;
 }

 .options_div ul li a {
     font-size: 14px;
     color: #666;
 }

 .options_div ul li a:hover {
     color: #CF292D;
 }

 .options_div .icon {
     margin-right: 5px;
     vertical-align: text-top;
     margin-top: -2px;
 }

 .options_div .act {
     color: #CF292D;
 }

 .triangle {
     margin-top: -8px;
     margin-left: 55px;
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-bottom: 8px solid #fff;
 }

 /*layer样式*/
 .confirm_body {
     text-align: center;
     color: #999;
 }

 .confirm_title {
     font-size: 20px;
     font-weight: 500;
 }

 .confirm_money {
     font-size: 22px;
     color: #f4504d;
     line-height: 30px;
     padding: 20px 0px 10px 0px;
     text-align: center;
 }

 .confirm_text {
     width: 240px;
     text-align: center;
 }

 .layui-layer-btn- {
     font-size: 14px;
     padding: 0px 0px 30px 0px !important;
 }

 .layui-layer-btn- .layui-layer-btn-notice {
     background-color: #CF292D;
 }

 /*  申请置顶 */
 .apply-pinneds .day,
 .apply-pinneds .amount {
     padding: 5px 10px;
     border-radius: 2px;
     border: 1px solid #ccc;
     width: 100%;
 }

 /*消息select*/
 .zy_select.message_select {}

 .zy_select.message_select>i {
     margin-top: 16px;
 }

 .zy_select.message_select>ul {
     margin-top: 5px;
 }

 .zy_select.message_select>ul>li {
     margin: 0;
     white-space: nowrap;
 }

 /*  列表头像 */
 .avatar_box {
     position: relative;
     display: inline-block;
 }

 .avatar_box .avatar {
     width: 26px;
     height: 26px;
     border-radius: 50%;
 }

 .avatar_box .role-icon {
     position: absolute;
     right: 0;
     bottom: -5px;
     width: 20px;
     height: 20px;
     border-radius: 50%;
 }

 /*置顶弹窗*/
 .pinned_box .pinned_text {
     font-size: 12px;
     margin-bottom: 10px;
     color: #ccc;
 }

 .pinned_box .pinned_spans {
     margin-bottom: 10px;
 }

 .pinned_box .pinned_spans span {
     cursor: pointer;
     display: inline-block;
     width: 80px;
     box-sizing: border-box;
     border: 1px solid #ccc;
     color: #333;
     height: 28px;
     line-height: 28px;
     margin-right: 10px;
     text-align: center;
     border-radius: 5px;
 }

 .pinned_box .pinned_spans span.current {
     color: #59b6d7;
     border: 1px solid #59b6d7;
 }

 .pinned_box .pinned_input {
     margin-bottom: 20px;
 }

 .pinned_box .pinned_input input {
     outline: none;
     text-indent: 10px;
     background-color: transparent;
     height: 28px;
     line-height: 28px;
     color: #333;
     border: 1px solid #ccc;
     border-radius: 5px;
     vertical-align: bottom;
     width: 260px;
 }

 .pinned_box .pinned_total {
     font-size: 20px;
     color: #59b6d7;
 }

 /*打赏*/
 .reward_cont {
     margin-top: 40px;
     text-align: center;
 }

 .reward_cont .reward_user {
     width: 75%;
     margin: 0 auto;
     overflow: hidden;
 }

 .reward_cont .user_item {
     position: relative;
     display: inline-block;
     margin-right: 5px;
 }

 .reward_cont .user_item .verified_icon {
     width: 19px;
     position: absolute;
     bottom: 0px;
     right: -1px;
 }

 .reward_cont .more_user {
     position: relative;
     display: inline-block;
     cursor: pointer;
     width: 1px;
     height: 12px;
 }

 .reward_cont .more_user:after,
 .reward_cont .more_user:before {
     border: 10px solid transparent;
     border-left: 10px solid #fff;
     width: 0;
     height: 0;
     position: absolute;
     top: 0;
     right: -18px;
     content: " ";
 }

 .reward_cont .more_user:before {
     border-left-color: #777;
     right: -19px;
 }

 .reward_box .reward_text {
     font-size: 12px;
     margin-bottom: 10px;
     color: #ccc;
 }

 .reward_box .reward_spans {
     margin-bottom: 10px;
 }

 .reward_box .reward_spans span {
     cursor: pointer;
     display: inline-block;
     width: 80px;
     box-sizing: border-box;
     border: 1px solid #ccc;
     color: #333;
     height: 28px;
     line-height: 28px;
     margin-right: 10px;
     text-align: center;
     border-radius: 5px;
 }

 .reward_box .reward_spans span.current {
     color: #59b6d7;
     border: 1px solid #59b6d7;
 }

 .reward_box .reward_input {
     margin-bottom: 20px;
 }

 .reward_box .reward_input input {
     outline: none;
     text-indent: 10px;
     background-color: transparent;
     height: 28px;
     line-height: 28px;
     color: #333;
     border: 1px solid #ccc;
     border-radius: 5px;
     vertical-align: bottom;
     width: 260px;
 }

 .reward_box .reward_total {
     font-size: 20px;
     color: #59b6d7;
 }

 .reward_box .reward_amount {
     color: #59b6d7;
     font-weight: bold;
     margin-bottom: 10px;
     margin-top: 10px;
     font-size: 16px;
 }

 .reward_box .reward_input_wrap {
     height: 36px;
 }

 .reward_box .reward_input_wrap input[type="password"] {
     border: 1px solid #ccc;
     height: 100%;
     border-radius: 4px 0 0 4px;
     padding-left: 6px;
     width: calc(100% - 4em);
 }

 .reward_box .reward_input_wrap button {
     background-color: #59b6d7;
     color: #fff;
     width: 4em;
     height: 100%;
     border-radius: 0 4px 4px 0;
     border: 1px solid #59b6d7;
 }

 /* .reward_box .reward_input_wrap input[type="password"]:valid + button {background-color: #59b6d7;} */
 .reward_box .reward_forgot {
     color: #59b6d7;
     text-align: right;
     font-size: 12px;
     margin-top: 10px;
 }

 .reward_popups {
     width: 340px;
     overflow: hidden;
     min-height: 500px;
 }

 .reward_popups_con {
     width: 360px;
     height: 420px;
     overflow-y: auto;
     overflow-x: hidden;
     padding: 0px 40px;
 }

 .reward_popups .reward_title {
     font-size: 18px;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 20px 40px 0px 40px;
 }

 .reward_popups .reward_list {
     line-height: 60px;
     font-size: 14px;
 }

 .reward_popups .reward_list .uname {
     color: #444;
     margin: 0 10px;
 }

 .reward_list .u-avatar {
     position: relative;
     display: inline-block;
 }

 .reward_list .role-icon {
     width: 19px;
     position: absolute;
     bottom: 5px;
     right: 0;
 }

 .reward_popups .reward_sum .opt {
     cursor: pointer;
     display: inline-block;
     padding: 5px 15px;
     margin-right: 20px;
     border: 1px solid #ccc;
     border-radius: 2px;
     background-color: white;
 }

 .reward_popups .reward_sum .active {
     color: #59b6d7;
     border-color: #59b6d7;
 }

 .reward_popups .reward_sum .opt:last-child {
     margin-right: 0;
 }

 .reward_popups .custom_sum {
     padding: 5px 10px;
     border-radius: 2px;
     border: 1px solid #ccc;
     width: 100%;
 }

 .reward_popups .reward_btn_box {
     margin-top: 40px;
 }

 /*成功页面*/
 .success {
     width: 700px;
     padding: 40px;
     background-color: #fff;
     margin: auto;
     text-align: center;
     height: 520px;
     position: relative;
 }

 .success>img {
     width: 200px;
     margin-top: 60px;
 }

 .success .content {
     position: absolute;
     left: 0;
     bottom: 70px;
     width: 100%;
 }

 .success .success-message {
     width: 100%;
     height: 40px;
     font-size: 20px;
     color: #474747;
 }

 .success .success-content {
     color: #9f9f9f;
 }

 .success .success-button {
     width: 70px;
     height: 35px;
     line-height: 35px;
     background-color: #ededed;
     display: block;
     margin: 30px auto;
     border-radius: 3px;
     border: 1px solid #d9d9d9;
 }

 .fuzzy {
     box-shadow: 0 0 10px 4px white;
     text-shadow: 0 0 10px #222;
     opacity: 0.8;
     color: rgba(220, 220, 220, 0.8) !important;
     word-break: break-all;
     cursor: pointer;
 }

 .ads_item .body {
     width: 85%;
     line-height: 60px;
 }

 .ads_item .tag {
     color: #777;
     padding: 3px 6px;
     font-size: 12px;
     border-radius: 2px;
     border: 1px solid #ededed;
 }

 /* 评论置顶标识 */
 .green {
     color: #4cb994;
 }

 .comment-top-span {
     float: right;
     color: #4cb994;
 }

 .mt-3 {
     margin-top: -3px;
 }

 .ly-error {
     color: red;
     margin-left: 20px;
     font-size: 12px;
     position: absolute;
     top: 40px;
     right: 30px;
 }

 /* 右侧消息 */
 #ms_fixed_wrap {
     z-index: 3;
     width: 54px;
     right: 0;
     top: 0;
     bottom: 0;
     overflow: hidden;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 10, 0.1);
 }

 #ms_fixed {
     background-color: #fff;
     width: 74px;
     height: 100%;
     z-index: 99999;
     overflow-y: auto;
     overflow-x: hidden;
     margin: 0;
     list-style: none;
 }

 #ms_fixed dd {
     margin: 0px;
     width: 64px;
     position: relative;
 }

 #ms_fixed dd.tips_current {
     background-color: #f3f6f7;
 }

 #ms_fixed dd svg {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     margin: 9px 9px;
 }

 #ms_fixed dd img {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     margin: 9px 9px;
 }

 #ms_fixed .unread_div {
     position: absolute;
     top: 10px;
     right: 10px;
     border: 1px solid #fff;
     border-radius: 50%;
 }

 #ms_fixed .unread_div span {
     display: block;
     font-size: 12px;
     text-align: center;
     color: #fff;
     border-radius: 50%;
     background: #f24343;
     width: 16px;
     height: 16px;
 }

 #ms_chat_tips {
     z-index: 3;
     font-size: 14px;
     display: none;
     position: absolute;
     right: 68px;
     top: -1px;
     height: 36px;
     line-height: 36px;
     padding: 0 15px;
     text-align: center;
     background-color: #fff;
     color: #59b6d7;
     box-shadow: 0 1px 22px #e2e0e0;
     border-radius: 4px;
 }

 #ms_chat_tips .tips_triangle {
     position: absolute;
     top: 13px;
     right: -6px;
     width: 0;
     height: 0;
     border-left: 6px solid #fff;
     border-bottom: 6px solid transparent;
     border-top: 6px solid transparent;
 }

 /*图片展开显示*/
 .PicShow {
     height: auto;
     float: left;
     border: 1px solid #d9d9d9;
     background-color: #f2f2f2;
     border-radius: 3px;
     padding: 10px 20px 10px;
     margin: 5px 0 15px;
     clear: both;
 }

 .PicShow ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
 }

 .PicShow li {
     float: left;
     display: inline;
     width: 80px;
     height: 80px;
     margin: 5px 0 0 5px;
     overflow: hidden;
     position: relative;
     list-style-type: none;
 }

 .PicShowExpand {
     color: #ccc;
     background-color: #efefef;
     padding: 0px 40px 20px;
     clear: both;
     overflow: hidden;
 }

 .PicShowExpand #expandCenterImg {
     clear: both;
     text-align: center;
     vertical-align: middle;
     width: 100%;
 }

 .PicShowExpand #expandCenterImg img {
     vertical-align: middle;
     margin: 0;
 }

 .PicShowExpand .ico_retract {
     background-position: -175px 0px;
     vertical-align: -2px;
 }

 .PicShowExpand .expand_top {
     color: #999;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     width: auto;
     margin: 0;
     line-height: 40px;
 }

 .PicShowExpand .expand_top a {
     text-decoration: none;
 }

 .PicShowExpand .expand_top a:hover {
     color: #59b6d7;
 }

 .PicShowExpand .expand_top .W_vline {
     margin: 0 10px;
     color: #ccc;
 }

 .PicShowExpand .expand_top svg {
     margin-right: 5px;
     margin-top: -2px;
 }

 .PicShowExpand .ico_retract {
     background-position: -175px 0px;
     vertical-align: -2px;
 }

 .PicShowExpand .ico_showbig {
     background-position: -175px -24px;
     vertical-align: -2px;
 }

 .PicShowExpand .ico_turnleft {
     background-position: -175px -50px;
     vertical-align: -2px;
 }

 .PicShowExpand .ico_turnright {
     background-position: -175px -75px;
     vertical-align: -2px;
 }

 .PicShowExpand .ico_collect {
     background-position: -200px -500px;
     vertical-align: -2px;
 }

 .PicShowExpand .pic_choose_box {
     width: 440px;
     height: 56px;
     margin-top: 15px;
 }

 .PicShowExpand ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
     width: 8000px;
 }

 .PicShowExpand .arrow_left_small {
     float: left;
     display: inline-block;
     cursor: default;
     width: 12px;
     height: 50px;
     text-decoration: none;
     line-height: 50px;
     text-align: center;
     font-weight: 600;
     border-bottom-left-radius: 4px;
     border-top-left-radius: 4px;
     background-color: #b9dce6;
     padding-top: 2px;
     margin-top: 3px;
 }

 .PicShowExpand .arrow_left_small .ico_pic_prev {
     color: #333333;
     cursor: default;
     display: inline;
     font-family: SimSun;
     font-size: 12px;
     font-style: normal;
     font-variant: normal;
     font-weight: 600;
     height: auto;
     line-height: 50px;
     margin-top: 20px;
     overflow-x: hidden;
     overflow-y: hidden;
     text-align: center;
     text-decoration: none;
     width: auto;
 }

 .PicShowExpand ul a {
     display: inline-block;
     opacity: 0.6;
     padding: 2px;
 }

 .PicShowExpand ul li {
     float: left;
     _display: inline;
     width: 58px;
     height: 58px;
     margin: 0 4px 0 0;
 }

 .PicShowExpand ul a {
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .PicShowExpand ul a.current {
     padding: 0;
     border: 2px solid #f9b50f;
     text-decoration: none;
     opacity: 1;
 }

 .PicShowExpand ul a:hover {
     padding: 0;
     border: 2px solid #ffa306;
     text-decoration: none;
     opacity: 1;
 }

 .PicShowExpand ul img {
     max-width: none;
     border: 0;
 }

 .PicShowExpand .arrow_right_small {
     color: #333333;
     background-color: #14a0cd;
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 4px;
     border-top-left-radius: 0px;
     border-top-right-radius: 4px;
     cursor: pointer;
     display: block;
     float: left;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-style: normal;
     font-variant: normal;
     font-weight: 600;
     height: 50px;
     line-height: 50px;
     margin-top: 3px;
     text-align: center;
     text-decoration: none;
     width: 12px;
     padding-top: 2px;
 }

 .PicShowExpand .arrow_right_small .ico_pic_next {
     cursor: default;
     display: inline;
     font-family: SimSun;
     font-size: 12px;
     font-style: normal;
     font-variant: normal;
     font-weight: 600;
     height: auto;
     line-height: 50px;
     margin-top: 20px;
     overflow-x: hidden;
     overflow-y: hidden;
     text-align: center;
     width: auto;
 }

 .PicShowExpand .stage_box {
     float: left;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-style: normal;
     font-variant: normal;
     font-weight: normal;
     line-height: 13px;
     overflow-x: hidden;
     overflow-y: hidden;
 }

 .PicShowExpand .big1 {
     cursor: pointer;
     background-color: #14a0cd;
 }

 .PicShowExpand .big2 {
     cursor: default;
     background-color: #b9dce6;
 }

 .PicShowExpand .text1 {
     cursor: pointer;
 }

 .PicShowExpand .text2 {
     cursor: default;
 }

 .PicShow .bigcursor {
     cursor: url("../images/big.cur"), pointer;
 }

 .PicShowExpand .smallcursor {
     cursor: url("../images/small.cur"), pointer;
 }

 .PicShowExpand .leftcursor {
     cursor: url("../images/pic_prev.cur"), pointer;
 }

 .PicShowExpand .rightcursor {
     cursor: url("../images/pic_next.cur"), pointer;
 }

 /*Markdownli样式*/
 .markdown-body ol li {
     list-style: decimal;
 }

 .markdown-body ul li {
     list-style: disc;
 }

 /*举报弹窗*/
 .report-ct {
     font-size: 14px;
     width: 100%;
     height: 150px;
     padding: 10px;
     resize: none;
     color: #666;
     border: 1px solid #ededed;
     outline: none;
     background: #f3f6f7;
 }

 /* 转发弹框 */
 .repostable-wrap {
     padding: 20px;
 }

 .repostable-wrap blockquote {
     margin: 0;
     background-color: #f7f7f7;
     padding: 10px;
     font-size: 14px;
     line-height: 24px;
     color: #b3b3b3;
 }

 .repostable-wrap blockquote h3,
 .repostable-wrap blockquote p strong {
     color: #333;
     margin: 0;
     font-weight: normal;
     font-size: 100%;
 }

 .repostable-wrap blockquote p {
     margin: 0;
 }

 .repostable-wrap .content {
     margin-top: 20px;
     border: 1px solid #ededed;
     background-color: #f3f6f7;
     padding: 10px;
     font-size: 14px;
     height: 100px;
     overflow: auto;
 }

 .repostable-wrap .content[contenteditable="true"]:empty::before {
     content: attr(placeholder);
     display: block;
     color: #b3b3b3;
 }

 /* placeholder */
 .repostable-wrap .tools {
     color: #666;
     margin-top: 20px;
     overflow: hidden;
 }

 .repostable-wrap .tools>span {
     margin-right: 20px;
     font-size: 14px;
     float: left;
     display: block;
     height: 36px;
     line-height: 36px;
 }

 .repostable-wrap .tools>button {
     float: right;
     background-color: #59b6d7;
     color: #fff;
     border: none;
     border-radius: 2px;
     width: 85px;
     height: 36px;
     cursor: pointer;
 }

 .repostable-wrap .icon {
     fill: #999;
 }

 .repostable-topic {
     cursor: pointer;
 }

 .repostable-mention {
     cursor: pointer;
 }

 .feed_repostable {
     display: block;
     padding: 20px;
     margin-bottom: 20px;
     background-color: #f7f7f7;
     font-size: 14px;
     color: #666;
     letter-spacing: 1px;
     cursor: pointer;
     word-wrap: break-word;
     word-break: break-all;
 }

 .feed_repostable .post_cover {
     margin-top: 10px;
 }

 .feed_repostable strong {
     font-weight: bold;
 }

 .feed_repostable .title {
     font-weight: bold;
     margin: 0;
 }

 .feed_repostable .description {
     margin: 0;
 }

 .feed_repostable.news {
     display: flex;
 }

 .feed_repostable .news-left {
     width: 160px;
     height: 114px;
     flex: none;
     margin-right: 15px;
 }

 .feed_repostable .news-left .cover {
     width: 100%;
     height: 100%;
     background: no-repeat center / cover;
 }

 .feed_repostable .news-right {
     flex: auto;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     letter-spacing: 0;
 }

 .feed_repostable .news-right .title {
     font-size: 16px;
 }

 .feed_repostable .news-right .category {
     border: 1px solid #59b6d7;
     border-radius: 3px;
     color: #59b6d7;
     font-size: 12px;
     padding: 1px 2px;
     margin-right: 10px;
 }

 .feed_repostable .news-right .information {
     color: #999;
     font-size: 12px;
 }

 .feed_repostable.group {
     padding: 10px 20px;
 }

 .feed_repostable .group-wrap {
     background-color: #fff;
     display: flex;
     width: 100%;
     padding: 10px 20px;
 }

 .feed_repostable .group-left {
     width: 100px;
     height: 100px;
     flex: none;
     margin-right: 15px;
     position: relative;
 }

 .feed_repostable .group-left img {
     width: 100%;
     height: 100%;
 }

 .feed_repostable .group-left .label {
     position: absolute;
     top: 10px;
     left: -10px;
     background-color: #64bad9;
     color: #fff;
     border-radius: 0 100px 100px 0;
     padding: 0 20px 0 15px;
 }

 .feed_repostable .group-left .label::after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border-top: 10px solid #4a9cba;
     border-left: 10px solid transparent;
     position: absolute;
     top: 20px;
     left: 0;
 }

 .feed_repostable .group-right {
     flex: auto;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     letter-spacing: 0;
 }

 .feed_repostable .group-right .title {
     font-size: 18px;
 }

 .feed_repostable .group-right .description {
     font-size: 14px;
     color: #999;
 }

 .feed_repostable .view-more {
     font-size: 12px;
     color: #59b6d7;
     letter-spacing: 0;
     margin-left: 10px;
 }

 .feed_repostable .view-more svg {
     fill: #59b6d7;
 }

 .layui-layer-page .layui-layer-content {
     overflow: visible !important;
 }

 /*转发弹框话题选择溢出部分可见*/
 /* 遮罩 */
 .overlayer {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 100;
 }

 .qq_consult {
     position: fixed;
     left: 27px;
     bottom: 30%;
     width: 200px;
     height: 165px;
     background-color: #70c8ec;
     z-index: 2;
     border-radius: 12px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .qq_consult::after {
     content: "";
     display: block;
     position: absolute;
     border: 20px solid transparent;
     border-top-color: #70c8ec;
     width: 0;
     height: 0;
     top: 100%;
     left: 40px;
 }

 .qq_consult::before {
     content: "";
     display: block;
     position: absolute;
     top: -123px;
     left: 50%;
     margin-left: -44px;
     width: 89px;
     height: 123px;
     background: url(../images/pic_service.png) center/contain no-repeat;
 }

 .qq_consult>a {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 146px;
     height: 44px;
     background-color: #fff;
     border-radius: 6px;
     color: #4c7aa8;
 }

 .qq_consult>a+a {
     margin-top: 20px;
 }

 .icon-liked {
     background: url("../images/praise_on@2x.png?1");
     display: inline-block;
     background-repeat: no-repeat;
     background-size: cover;
     vertical-align: bottom;
 }

 .icon-like {
     background: url("../images/praise@2x.png");
     display: inline-block;
     background-repeat: no-repeat;
     background-size: cover;
     vertical-align: bottom;
 }

 .icon-like-ed {
     background: url("../images/praise_on_tmp@2x.png");
     display: inline-block;
     background-repeat: no-repeat;
     background-size: cover;
     vertical-align: bottom;
 }

 .detail_like {
     width: 17px;
     height: 17px;
 }

 .home_like {
     width: 21px;
     height: 21px;
 }

 .act {
     color: #0046AA;
     font-weight: 500;
 }

 .icon-collected {
     background: url("../images/detail_collect_on.png") no-repeat;
     width: 27px;
     height: 19px;
     display: inline-block;
     background-size: cover;
 }

 .icon-collect {
     background: url("../images/detail_collect.png") no-repeat;
     width: 17px;
     height: 16px;
     display: inline-block;
 }

 .icon-comment {
     background: url("../images/detail_comment@2x.png") no-repeat;
     width: 16px;
     height: 14px;
     display: inline-block;
     background-size: cover;
     vertical-align: bottom;
 }

 .icon-comment-ed {
     background: url(../images/comment_on@2x.png);
     width: 19px;
     height: 17px;
     display: inline-block;
     background-repeat: no-repeat;
     background-size: cover;
     vertical-align: bottom;
 }

 .fs12 {
     font-size: 12px;
 }

 .fs14 {
     font-size: 14px;
 }

 .fs18 {
     font-size: 18px;
 }

 .fs20 {
     font-size: 20px;
 }

 /*新评论样式*/
 .forum-userreply-box {
     width: 650px;
     height: auto;
 }

 .forum-userreply-box-title {
     color: #333;
 }

 .reply_time_r {
     float: right;
     font-size: 12px;
     color: #1a1a1a;
     display: flex;
     align-items: center;
 }

 /*子级回复*/
 .child-comment-box {
     font-size: 12px;
     color: #666666;
     border-top: 1px solid #ededed;
 }

 .child-comment-box .comment_item:last-of-type {
     border-bottom: none;
 }

 .more-comment {
     padding: 20px;
     text-align: center;
     display: block;
     font-size: 14px;
     color: #CF292D;
 }

 .more-comment:hover {
     color: #CF292D !important;
 }

 /*用户中心下拉框图标*/
 .icon_my_home,
 .icon_edit_user,
 .icon_ulock,
 .icon_feedback,
 .icon_admin,
 .icon_integral,
 .icon_quit_out {
     width: 17px;
     height: 17px;
     display: inline-block;
     background-repeat: no-repeat;
     vertical-align: middle;
     margin-right: 5px;
 }

 .icon_my_home {
     background-image: url("./img/homepage.svg");
 }

 .icon_edit_user {
     background-image: url("./img/edit.svg");
 }

 .icon_ulock {
     background-image: url("./img/lock.svg");
 }

 .icon_admin {
     background-image: url("./img/admin.svg");
 }

 .icon_integral {
     background-image: url("./img/integral.svg");
 }

 .icon_feedback {
     background-image: url("./img/feed.svg");
 }

 .icon_quit_out {
     background-image: url("./img/quit.svg");
 }

 /* 回复标识 */
 .hint-img-box {
     position: absolute;
     right: 120px;
     top: -61px;
 }

 /* 提示框 */
 .msg-box {
     margin-top: 15px;
 }

 .icon-msg-scceed,
 .icon-msg-error {
     width: 44px;
     height: 44px;
     display: inline-block;
     background-repeat: no-repeat;
 }

 .icon-msg-scceed {
     background-image: url("./img/scceed.png");
 }

 .icon-msg-error {
     background-image: url("./img/failure.png");
 }

 /* 消息图标 */
 .icon_side-comment,
 .icon_side-like,
 .icon_side-system,
 .icon_side-at {
     width: 28px;
     height: 28px;
     display: inline-block;
     background-repeat: no-repeat;
     vertical-align: middle;
     margin-right: 5px;
     background-size: cover;
 }

 .icon_side-comment {
     background-image: url("./img/message_comment@2x.png");
 }

 .icon_side-like {
     background-image: url("./img/message_praise@2x.png");
 }

 .icon_side-system {
     background-image: url("./img/message_systerm@2x.png");
 }

 .icon_side-at {
     background-image: url("./img/message_@@2x.png");
 }

 .news_ad {
     position: relative;
 }

 .ads_hint {
     width: 47px;
     height: 26px;
     background: rgba(0, 0, 0, 1);
     border: 1px solid rgba(255, 255, 255, 1);
     opacity: 0.3;
     border-radius: 3px;
     position: absolute;
     display: inline-block;
     font-size: 14px;
     color: rgba(255, 255, 255, 1);
     line-height: 26px;
     text-align: center;
     bottom: 20px;
     right: 20px;
 }

 .layui-layer-shade {
     background: #ffffff !important;
 }

 .layui-layer-hui {
     border-radius: 6px !important;
 }

 /* 消息关闭按钮 */
 .layui-layer-setwin .layui-layer-close2 {
     right: -7px !important;
     top: 5px !important;
     background-image: url("./img/close-m.png") !important;
     background-position: 0 !important;
 }

 .icon_comment_box {
     width: 19px;
     height: 18px;
     display: inline-block;
 }

 .icon_browse_box {
     width: 22px;
     height: 17px;
     display: inline-block;
 }

 .float-r {
     float: right;
 }

 .corner {
     width: 0;
     /*  宽高设置为0，很重要，否则达不到效果 */
     height: 0;
     border: 3px solid rgba(153, 153, 153, 1);
     border-bottom-color: transparent;
     /* 设置透明背景色 */
     border-left-color: transparent;
     border-right-color: transparent;
     display: inline-block;
 }

 /* 第一次登陆，指引遮罩 */
 .guide-hint {
     background: #000000;
     background: rgba(0, 0, 0, 0.7);
     width: 100%;
     height: 100%;
     position: fixed;
     right: 0;
     left: 0;
     top: 0;
     z-index: 999;
     transition: all 0.3s ease 0s;
     animation-duration: 0.3s;
 }

 .guide-hint .guide-hint-right {
     float: right;
     text-align: center;
     margin-top: 86px;
 }

 .guide-hint .guide-hint-right .frame {
     width: 50px;
     height: 39px;
     background: rgb(255, 255, 255);
     border-radius: 2px;
     margin-left: 133px;
     margin-top: 0;
     opacity: 0.7;
 }

 .guide-hint .guide-hint-right .guide-img {
     display: block;
     width: 104px;
     height: 78px;
     margin-left: 50px;
 }

 .guide-hint .guide-hint-right .font {
     height: 24px;
     font-size: 20px;
     font-weight: 400;
     line-height: 32px;
     display: block;
     margin: 24px 0;
     color: rgb(255, 255, 255);
 }

 .guide-hint .guide-hint-right .btn-know {
     width: 80px;
     height: 36px;
     background: rgb(255, 255, 255);
     border-radius: 4px;
     line-height: 36px;
     color: #0046AA;
     text-align: center;
     cursor: pointer;
     border: none;
     font-size: 14px;
     font-family: MicrosoftYaHei;
 }

 .guide-hint .guide-top {
     width: 1200px;
     margin: 0 auto;
     min-height: 237px;
 }

 .role-icon-big {
     width: 24px;
     height: 24px;
 }

 /*  logo*/
 .nav_head_logo {
     width: 1200px;
     height: 86px;
     background: #ffffff;
     opacity: 1;
     margin: auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 /*提示修改资料样式*/
 .edit-user-info {
     text-align: center;
 }

 .convention-confirm.disabled {
     background-color: #ccc;
 }

 .sensitive-confirm {
     width: 87px;
     height: 40px;
     margin: 30px auto 0;
 }

 .convention-content strong {
     font-weight: bolder;
 }

 .convention-content p {
     margin-top: 0;
     margin-bottom: 16px;
 }

 .convention-content ul,
 li {
     list-style: unset;
     margin-top: 0;
     margin-bottom: 0;
     padding-left: 0;
 }

 .convention-content h1,
 h2 {
     border-bottom: none;
 }

 .convention-content ol {
     list-style: decimal;
 }

 .convention-content ul {
     list-style: disc;
 }

 .convention-content .hljs-center {
     text-align: center;
 }

 .convention-content .hljs-left {
     text-align: left;
 }

 .convention-content .hljs-right {
     text-align: right;
 }

 .convention-title {
     text-align: center;
     font-size: 18px;
     color: #1a1a1a;
 }

 .convention-content {
     width: 737px;
     height: 410px;
     line-height: 20px;
     overflow: auto;
     margin-top: 21px;
     font-size: 14px;
     color: #666;
 }

 .convention-confirm {
     margin: 24px auto 0;
     width: 240px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #065dac;
     border-radius: 4px;
     font-size: 14px;
     color: #fff;
     cursor: pointer;
     outline: none;
     border: none;
 }

 .convention-desc {
     background-color: #f4f4f4;
     line-height: 1.5;
     margin-bottom: 10px;
     padding: 1em 1em 1em 1.2em;
     font-size: 15px;
     text-indent: 2em;
     width: 100%;
 }

 /*小鸟*/
 .circleContentList {
     position: relative;
     overflow: hidden;
 }

 /*.circleContentList:before{
    content: '';
    display: block;
    width: 128px;
    height: 187px;
    position: absolute;
    background: url(../images/ksjdrfgujvcsajdfg.png) no-repeat;
    background-size: 100% 100%;
    right: -15px;
    top: 250px;
}*/
 .disBlock {
     display: block;
 }

 .disNone {
     display: none;
 }

 .ml23 {
     margin-left: 23px;
 }

 .textBold {
     font-weight: bold !important;
 }

 .bottom_logo_image {
     height: 30px;
     width: 113px;
     object-fit: cover;
 }

 .nav_target_img {
     width: 18px;
     height: 18px;
     margin-right: 5px;
 }

 .cursor-pointer {
     cursor: pointer;
 }


 .avatar-uploader .el-upload {
     border: 1px solid #E4E4E4;
     border-radius: 6px;
     cursor: pointer;
     position: relative;
     overflow: hidden;
 }

 .avatar-uploader .el-upload:hover {
     border-color: #409EFF;
 }

 body .avatar-uploader-icon {
     font-size: 17px;
     color: #ccc;
     width: 64px;
     height: 64px;
     line-height: 64px;
     text-align: center;
     /*
     border: 1px solid #d4d4d4;*/
 }

 .el-icon-plus:before {}

 .el-upload .el-image {
     width: 64px;
     height: 64px;
     display: block;
 }

 .avatar {
     width: 178px;
     height: 178px;
     display: block;
 }

 .odmcolor {
     color: #0054A6;
 }

 .mcolor {
     color: #0046AA;
 }

 .mbg {
     background: #0046AA;
 }

 .pc_top_logo {
     margin-left: 10px;
     width: 170px;
     height: 50px;
     object-fit: contain;
 }

 .nav-fix {
     display: inline-block;
 }


 .f0722,
 .f0722 * {
     /*font-size: 18.3px!important;*/
 }

 .f-nav-items {
     display: flex;
     align-items: center;
     justify-content: center;
     column-gap: 15px;
 }

 .f-nav-items .nav-item {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 1px;
 }

 .f-nav-items .nav-title {
     font-size: 16px;
 }

 .small_hand {
     cursor: pointer;
 }

 .dis-f-ai-center {
     display: flex;
     align-items: center;
 }


 /*card*/
 .card_title {
     display: inline-block;
     font-size: 22px;
     font-family: PingFangSC-Semibold-, PingFangSC-Semibold;
     font-weight: bold;
     /*border-bottom: 4px solid #0046AA;
     color: #0046AA;*/
     /*border-left: 4px solid #0046AA;*/
     color: #0046AA;
     padding-left: 10px;
     position: relative;
 }

 /* .card_title:before {
     position: absolute;
     content: '';
     width: 4px;
     height: 20px;
     background: #0046AA;
     left: 0;
     top: 5px;
 }*/

 /*mention*/
 .mention_div {
     position: fixed;
     width: 100vw;
     height: 100vh;
     z-index: 1002;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, .1)
 }

 .mention_div .dialog-mention-select {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     height: 300px;
     margin: auto;
     z-index: 1003;
 }

 .mention_div .follow-users>li {
     width: 40%;
 }

 .flex_space_between {
     display: flex;
     justify-content: space-between;
 }

 .new_card_title {
     display: inline-block;
     font-size: 20px;
     font-family: PingFangSC-Semibold-, PingFangSC-Semibold;
     font-weight: bold;
     color: #CF292D;
     padding-left: 10px;
     position: relative;
     margin-left: 10px;
 }

 .new_card_title:before {
     position: absolute;
     content: '';
     width: 80px;
     height: 4px;
     background: #CF292D;
     left: 10px;
     bottom: -8px;
 }

 .hot_themes_list {
     padding: 20px;
     background: #fff;
     margin-top: 10px;
     display: flex;
     flex-wrap: wrap;
     grid-gap: 16px;
     font-family: PingFangSC-Regular, PingFangSC-Regular;
     font-weight: normal;
     font-size: 16px;
     color: #333333;
 }

 .hot_themes_list>div {
     width: 100%;
 }

 .card_more {
     font-family: Source Han Sans CN, Source Han Sans CN;
     font-weight: 400;
     font-size: 18px;
     color: #666666;
 }

 .color_999 {
     color: #999999;
 }

 img.img_f_contain {
     object-fit: contain;
 }
 img.img_f_cover {
     object-fit: cover;
 }


 /*crumb*/
 .app_crumbs {
     margin-bottom: 20px;
     display: flex;
     column-gap: 10px;
     align-items: center;
     font-size: 14px;
 }

 .ac_a,
 .ac_sp {
     color: #999;
 }

 .ac_a.active {
     color: #333;
 }

 .flex-a-center {
     display: flex;
     align-items: center;
 }

 .reward_user_tasks_btn {
     width: 55px;
     height: 28px;
     border-radius: 3px;
     border: 1px solid #CF292D;
     font-weight: 400;
     font-size: 12px;
     color: #CF292D;
     display: inline-block;
     text-align: center;
     line-height: 28px;
     cursor: pointer;
 }

 .el-textarea__inner:focus {
     outline: 0;
     border-color: #DCDFE6 !important;
 }

 .el-select .el-input__inner:focus {
     border-color: #DCDFE6 !important;
 }

 .el-range-editor.is-active,
 .el-range-editor.is-active:hover,
 .el-select .el-input.is-focus .el-input__inner {
     border-color: #DCDFE6 !important;
 }

 .el-range-editor.is-active,
 .el-range-editor.is-active:hover,
 .el-select .el-input.is-focus .el-input__inner {
     border-color: #DCDFE6 !important;
 }

 .el-select .el-input__inner:focus {
     border-color: #DCDFE6 !important;
 }

 .custom_reward_user .el-dialog__body {
     padding: 10px;
 }

 .anonymous_name_btn {
     width: 26px;
     height: 14px;
     padding: 2px 6px;
     text-align: center;
     line-height: 13px;
     font-size: 9px;
     border-radius: 40px 40px 40px 40px;
     color: #999;
     background: #e6e6e6;
 }

 .real_name_btn {
     /* height: 18px;
     line-height: 18px;
     display: inline-block;
     border: 1px solid #0046AA;
     color: #0046AA;
     width: 40px;
     text-align: center;
     font-size: 12px; */

     width: 26px;
     height: 14px;
     padding: 2px 6px;
     text-align: center;
     line-height: 13px;
     font-size: 9px;
     border-radius: 40px 40px 40px 40px;
     color: #999;
     background: #e6e6e6;
 }

 .clamp_1 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .clamp_2 {
     -webkit-line-clamp: 2;
     display: -webkit-box !important;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .clamp_3 {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .clamp_4 {
     -webkit-line-clamp: 4;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .formitm_groups .el-select {
     display: inline-block;
     position: relative;
     width: 286px;
 }

 .open_bounty_act {
     border: 1px solid #CF292D !important;
     color: #CF292D !important;
 }

 .open_bounty_list_f .item {
     width: 80px;
     height: 30px;
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #E4E4E4;
     text-align: center;
     line-height: 30px;
     font-size: 14px;
     color: #999;
 }

 .open_bounty_list_f .el-input__inner {
     height: 32px;
     line-height: 32px;
 }

 .open_bounty_list .item {
     width: 101px;
     height: 36px;
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #E4E4E4;
     text-align: center;
     line-height: 36px;
     font-size: 14px;
     color: #999;
 }

 .el-checkbox__label {
     color: #999;
 }

 .formTheme .el-form-item__label {
     color: #343434;
 }

 .formTheme .avatar-uploader-icon {
     width: 110px;
     height: 110px;
     line-height: 110px;
 }

 .formTheme .el-textarea__inner {
     min-height: 40px !important;
     line-height: 2;
 }

 .el-button--primary:hover {
     background: #CF292D !important;
     border-color: #CF292D !important;
     color: #FFF !important;
 }

 .el-dialog__footer {
     text-align: center !important;
 }

 /*element*/
 body .avatar-uploader{
     line-height: 0;
 }
.search-keywords{
    color: #CF292D;
}