﻿.w880 { width: 880px; }
.w300 { width: 300px; }
.jyq_con { }
.q_content { width: 100%; background: var(--white); }
.q_title { font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; }
.q_header_tab { box-sizing: border-box; width: 100%; padding: 20px 0; }
.q_header_tab .item_wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap;/*justify-content: space-between;*/ }
.q_header_tab .item_wrap .item { border: 1px solid #ebeced; margin: 0 5px 10px; background-color: var(--bg-gray-f5); border-radius: 15px; }
.q_header_tab .item_wrap .item a { display: block; line-height: 26px; font-size: 14px; color: var(--gray6); padding: 2px 15px; }
.q_header_tab .item_wrap .item:hover, .q_header_tab .item_wrap .item.active { background-color: #fff4ec; border-color: #fee8d8; }
.q_header_tab .item_wrap .item:hover a, .q_header_tab .item_wrap .item.active a { color: var(--yellow); }
.q_content .q_navbox { border-bottom: 1px solid #ebeced; position: relative; }
.q_content .q_navbox .parentnav { height: 36px; }
.q_content .q_navbox li { color: var(--gray3); float: left; padding: 0 20px; }
.q_content .q_navbox li:first-child { padding-left: 0; }
.q_content .q_navbox li:last-child { border: none; }
.q_content .q_navbox li:hover { cursor: pointer; }
.q_content .q_navbox li a { padding-bottom: 14px; font-size: 16px; color: var(--gray6); }
.q_content .q_navbox li.current a { color: var(--yellow); font-weight: bold; border-bottom: 1px solid var(--yellow); }
.q_content .q_navbox .re_more { float: right; display: block; font-size: 12px; color: var(--gray9); border: 1px solid #e5e5e5; border-radius: 50px; padding: 2px 4px; text-align: center; margin-right: 30px; }
.q_content .q-topic-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; text-align: left; overflow: hidden; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eee; }
.q_content .user-avatar { float: none; width: 50px; vertical-align: middle; -ms-flex-negative: 0; flex-shrink: 0 }
.q_content .user-avatar img { width: 50px !important; height: 50px !important; border-radius: 50% !important; display: block; }
.q_content .topic-content { width: 100%; padding-left: 20px }
.q_content .topic-title { display: block; width: calc(100% - 70px); margin-bottom: 15px; font-size: 16px; line-height: 22px; color: var(--gray3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.q_content .topic-title:hover { color: var(--yellow); text-decoration: none }
.q_content .topic-meta { font-size: 12px; color: var(--gray9); line-height: 14px }
.q_content .topic-cat { color: var(--gray9); }
.q_content .topic-cat:hover { color: var(--yellow); text-decoration: underline; }
.q_content .topic-cat:hover:after { color: #999 !important }
/*.q_content .topic-cat:after {
        margin-left: 10px;
        content: '|';
        opacity: .6
    }*/

.q_content .topic-last-reply { margin-left: 5px }
.q_content .topic-last-reply a { color: inherit; }
.q_content .topic-last-reply a:hover { color: var(--yellow); text-decoration: underline; }
.q_content .topic-last-reply:before { margin-right: 5px; content: '|'; opacity: .6 }
.q_content .reply-count { display: inline-block; float: right }
.q_content .reply-count span { margin-left: 15px; vertical-align: top }
.q_content .reply-count .wi { margin-right: 3px; font-size: 14px; vertical-align: top }
.q-btn-new { display: block; margin: 0 auto; padding: 12px 20px !important; font-size: 14px; text-align: center; line-height: 16px; border-radius: 4px; text-decoration: none; outline: 0; transition: background-color 0.15s linear; -webkit-transition: background-color 0.15s linear; -o-transition: background-color 0.15s linear; }
.q-btn-new:hover { background: var(--red-jy); text-decoration: none; }
/*通用box*/
.box { position: relative; width: 100%; background-color: var(--white); margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box1 { border: 1px solid var(--bg-gray-f2); -webkit-border-radius: 3px; border-radius: 3px; }
.box .head_tit { position: relative; box-sizing: border-box; height: 46px; margin: 0 15px; padding-top: 6px; border-bottom: 1px solid #f0f0f0; cursor: default; }
.box .head_tit .item { float: left; line-height: 38px; font-size: 16px; color: var(--gray3); margin-right: 39px; }
.box .head_tit .item.active { font-weight: bold; border-bottom: 2px solid var(--yellow); }
.box .head_tit .item:hover { cursor: pointer; }
.box .head_tit .more { position: absolute; top: 0; right: 0; height: 100%; line-height: 54px; font-size: 12px; }
.box .head_tit1 { height: 50px; line-height: 50px; font-size: 16px; font-weight: 400; color: #333333; padding-left: 15px; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; }
.box .head_tit1 .item { display: inline-block; height: 18px; border-left: 3px solid var(--yellow); padding-left: 10px; line-height: 18px; }
.c_spot_list { padding: 0 0 5px; }
.c_spot_list_li { width: 100%; padding: 3px 15px; }
.c_spot_list_li a { font-size: 14px; font-weight: 400; color: var(--gray3); display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: 0.5px; }
.c_spot_list_li a:hover { color: var(--yellow); }
.c_spot_list_li_time { font-size: 12px; color: var(--gray9); margin-bottom: 5px; margin-top: 5px; }
/*最新资讯*/
.new-article { padding: 10px 15px 15px; }
.new-article li { height: auto; padding: 0 0 0 20px; position: relative; margin-top: 8px; }
.new-article li.lastli { margin-bottom: 0px; }
.new-article li em { font: italic 18px/20px "Arial"; position: absolute; top: 2px; left: 0px; color: #ECA833; }
.new-article li .lab-1, .new-article li .lab-2, .new-article li .lab-3 { color: var(--red-jy); }
.new-article span { font-size: 14px; line-height: 22px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; color: rgba(85,85,85,1); }
.new-article li:hover span { color: var(--yellow); }
.new-article .top-news { height: 60px; }
.new-article .top-news i { float: left; width: 100px; height: 60px; position: relative; }
.new-article .top-news i img { border-radius: 3px; }
.new-article .top-news span { width: calc(274px - 136px); height: 60px; overflow: hidden; font-size: 14px; line-height: 20px; float: left; margin: 0 0 10px 10px; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; }
.jy-news-item { padding: 0 15px 15px; }
.jy-news-item .jy-news-item_li { margin-top: 15px; position: relative; }
.jy-news-item .jy-news-item_li a { overflow: hidden; display: block; max-height: 44px; padding-left: 10px; font-size: 14px; line-height: 22px; color: var(--gray3); transition: all .3s; }
.jy-news-item .jy-news-item_li:after { content: "·"; border-radius: 50%; color: var(--yellow); font-weight: bold; position: absolute; left: 0; top: 0; }
.jy-news-item .jy-news-item_li a:hover { color: var(--yellow); }
.gagd { }
.gagd img { display: block; width: 100%; margin-bottom: 10px; border-radius: 3px; }
.acitem { padding: 15px; }
.acitem .credit-item { padding: 8px 0; border-bottom: 1px solid var(--white); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
.credit-item .rankv { width: 20px; background: var(--gray-d); color: var(--white); height: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; font-size: 12px; }
.credit-item:nth-child(1) .rankv, .credit-item:nth-child(2) .rankv, .credit-item:nth-child(3) .rankv { background: #0052d9; }
.credit-item .thumb { width: 50px; height: 50px; margin-left: 0px; float: left; }
.credit-item .thumb img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 50px; height: 50px; border: 2px solid var(--bg-gray-f2); }
.credit-item .username { margin-left: 10px; width: 218px; float: left; }
.credit-item .username .username_t { padding-bottom: 5px; }
.credit-item .username strong { display: block; font-size: 14px; }
.credit-item .username a { color: var(--gray6); font-size: 12px; }
.credit-item .username .username_t a { color: var(--gray3); }
.credit-item .username a:hover { color: var(--yellow); }
/*show*/
.topic-header { padding: 30px 0px 10px; }
.topic-header .q-title { position: static; margin: 0 !important; display: inline; font-size: 20px !important; line-height: 1.2 !important; vertical-align: top; }
.topic-header .q-info { margin-top: 20px; font-size: 14px; color: var(--gray9); }
.topic-header .q-info span { margin-right: 10px; }
.topic-header .q-info a { color: var(--gray9); }
.topic-header .q-info a:hover { color: var(--yellow); }
.question-richtext { word-break: break-all; line-height: 2; font-size: 15px; color: #1a1a1a; margin: 25px 0 0; position: relative; overflow: hidden; }
.question-richtext img { max-width: 90%; display: block; margin-top: 10px; margin-bottom: 10px; }
.operate-div { margin-top: 30px; margin-bottom: 20px; display: flex; justify-content: center; }
.operate-div a { display: flex; align-items: center; justify-content: center; width: 130px; line-height: 42px; border-radius: 21px; text-align: center; cursor: pointer; }
.operate-div a:first-child { background: #ffecf2; margin-right: 35px; }
.operate-div a:first-child span { color: #fa76a6; font-size: 14px; margin-left: 8px; }
.operate-div a:last-child { background: #fff2da; }
.operate-div a:last-child span { color: #ffa252; font-size: 14px; margin-left: 8px; }
.operate-div a img { height: 16px; width: 16px; }
.expand { font-size: 12px; text-align: right; }
.expand .action { margin: 0 10px; color: var(--gray9); }
.expand .action:hover { color: var(--yellow); }
.jj_tit { font-size: 16px; color: var(--gray3); position: relative; margin-bottom: 20px; }
/*留言*/
.comment_text { }
.comment_input { border: 1px solid #e8e8e8; position: relative; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.comment_text .comment_input textarea { padding: 15px; height: 100px; border: 0; background: #f8f8f8; -webkit-border-radius: 0px; border-radius: 0px; resize: none; outline: none; color: var(--gray3); width: 100%; font-size: 14px; cursor: not-allowed; }
.comment_text .input_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; background: #f2f4f6; padding: 0 10px 0 19px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 14px; color: var(--gray9); }
.comment_text .comment_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; background: #f2f4f6; padding: 0 10px 0 19px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 14px; color: var(--gray9); border: 1px solid #e8e8e8; border-top: 0; }
.comment_btn .input_tips { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.comment_btn .input_limit { margin-left: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.comment_btn .input_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; background: #f2f4f6; padding: 0 10px 0 19px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 14px; color: var(--gray9); }
.comment_btn .jy-btn { margin-left: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 40px; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; color: var(--white); cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; }
.comment_list li { padding: 15px 0; border-bottom: 1px solid #EEE; }
.comment_list li .floor { float: right; font-size: 12px; color: #aaa; line-height: 36px; }
.comment_list li .avatar { display: flex; background: var(--white); border-radius: 2px 2px 2px 2px; height: 36px; overflow: hidden; }
.comment_list li .avatar img { width: 36px; height: 36px; margin-right: 10px; border-radius: 18px; }
.comment_list li .avatar span { line-height: 36px; height: 36px; font-size: 12px; color: #777; }
.comment_list li .inner { margin-left: 45px; }
.comment_list li .inner .quote { margin: 10px 0; padding: 10px 10px 10px 65px; zoom: 1; background: #F9F9F9 url(../images/icon_quote_s.gif) no-repeat 20px 6px; overflow: hidden; color: var(--gray6); }
.comment_list li .inner .quote blockquote { display: inline-block; margin: 0; padding: 0 65px 5px 0; background: url(../images/icon_quote_e.gif) no-repeat 100% 100%; line-height: 1.6; zoom: 1; }
.comment_list li .inner .quote blockquote font { color: var(--gray9); font-size: 12px; }
.comment_list li .inner .quote blockquote font a { color: var(--gray3); text-decoration: underline; }
.comment_list li .inner .quote blockquote font a:hover { color: var(--yellow); }
.comment_list li .inner p { font-size: 14px; line-height: 30px; color: var(--gray3); padding: 10px 0; }
.comment_list li .answer { margin-left: 46px; padding: 10px; background: var(--bg-gray-f5); border: 0px solid #e8e8e8; position: relative; border-radius: 4px; display: none; }
.comment_list li .answer .hf-box { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.comment_list li .answer .hf-box .input_limit { margin-top: 10px; font-size: 12px; color: var(--gray9); line-height: 30px; }
.comment_list li .answer .comment_box { width: 100%; background-color: var(--white); outline: 0px; color: var(--gray6); padding: 5px 10px; resize: none; font-size: 14px; border-radius: 4px; border: 0px solid #e8e8e8; display: block; overflow-y: auto !important; position: relative; }
.pob { line-height: 36px; }
.pob a { padding: 5px 10px 5px 25px; color: var(--gray9); font-size: 12px; }
.pob a:hover { color: #f33a11; }
.pob .fastre i { font-size: 16px; }
.zz-loading-more { width: 160px; line-height: 30px; margin: 20px auto 15px; font-size: 14px; color: var(--gray9); text-align: center; border-radius: 4px; border: 1px solid var(--gray-c); ; cursor: pointer; }
.zz-loading-more:hover { box-shadow: 0 0 1px 2px rgba(255,150,0,0.2); border: 1px solid var(--yellow); color: var(--yellow); }
/*新闻作者详情*/
.module_platform { text-align: center; padding: 20px 15px; }
.module_platform .platform-logo { margin: 0 auto; display: block; }
.module_platform .platform-logo img { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.module_platform .platform-logo:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.module_platform .is-observer { width: 82px; height: 82px; }
.module_platform .platform-title { margin-top: 13px; font-size: 16px; color: var(--gray3); font-weight: bold; display: block; }
.module_platform .platform-title { margin-top: 13px; font-size: 16px; color: var(--gray3); font-weight: bold; display: block; }
.module_platform .platform-count { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.module_platform .platform-count .platform-count-item { width: 50%; position: relative; border-right: 1px solid #f1f1f1; }
.module_platform .platform-count .platform-count-item:nth-child(4n) { border-right: 0; }
.module_platform .platform-count .platform-count-item .label { color: var(--gray3); font-weight: bold; font-size: 14px; }
.module_platform .platform-count .platform-count-item .count { margin-top: 6px; font-size: 14px; font-weight: bold; color: var(--yellow) !important; font-family: "Microsoft YaHei", 微软雅黑, 宋体, Arial, Tahoma, Helvetica, sans-serif; }
.module_platform .platform-btn { margin-top: 20px; margin-bottom: 5px; }
/*.module_platform .platform-btn a {
    width: 96px;
    padding: 0;
    line-height: 36px;
    margin: 0 8px;
}*/
.module_platform .platform-tip { padding-top: 10px; }
.is-observer img { display: inline-block; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); border: 2px solid var(--white); }
.jy-tag { background-image: url(../images/ic_gc.png); background-color: #fff1e5; color: var(--yellow); display: inline-block; width: auto; height: 20px; line-height: 20px; padding: 0 8px 0 27px; -webkit-border-radius: 11px; border-radius: 11px; background-position: 8px center; background-repeat: no-repeat; font-size: 12px; margin: 0; }
