html {
    font: 14px/1 'pingfang sc', stheiti, 'microsoft yahei', arial, sans-serif;
    color: #333;
    background-color: #fff;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body, dd, dl, form, h1, h2, h3, h4, h5, h6, input, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

#div3 {
    margin-top: 20px;
}

.w-e-text-container {
    height: 146px !important;
}

input, pre, textarea {
    font-family: arial, 'pingfang sc', stheiti, 'microsoft yahei', sans-serif;
    outline: 0
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

input {
    border: none
}

input::-ms-clear, input::-ms-reveal {
    display: none
}

textarea {
    overflow: auto;
    resize: none;
    vertical-align: top;
    border: none
}

textarea::-webkit-input-placeholder {
    color: #a3a3a3
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

img {
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}

ol, ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #333
}

em, i {
    font-style: normal
}


.aside-pg-rgt i, .btn-comment.on i, .btn-page-next i, .btn-reply.cur i, .category-path-arr, .popup-top-tit2 a:after, .section-toprgt-bar:hover .btn-replay-edit i, .toprgt-bar:hover .btn-replay-edit i {
    zoom: 1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.btn-toprgt-more i, .btn-wiki-info i {
    zoom: 1;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

#container:after, #container:before, .category-path:after, .category-path:before, .content:after, .content:before, .ft-bar:after, .ft-bar:before, .main:after, .main:before, .pic-section:after, .pic-section:before, .popup-reward:after, .popup-reward:before, .popup-task-tag:after, .popup-task-tag:before, .popup-task:after, .popup-task:before, .popup-tc-header:after, .popup-tc-header:before, .popup-tc-list:after, .popup-tc-list:before {
    display: table;
    content: ''
}

#container:after, .category-path:after, .content:after, .ft-bar:after, .main:after, .pic-section:after, .popup-reward:after, .popup-task-tag:after, .popup-task:after, .popup-tc-header:after, .popup-tc-list:after {
    clear: both
}

.ad-activity-wrap .ad-activity-thumb, .ad-activity-wrap .btn-ad-activity, .btn-gotop i, .btn-interest-more, .btn-page-next i, .btn-page-prev i, .btn-pic-close, .btn-pic-show, .btn-pic-show2, .btn-popup-login, .ipt-srch-icon, .medal-icon, .mycard .icon-activity, .pic-tag, .popup .btn-popup-close i, .popup-lst .popup-lst-add, .popup-prompt .btn-popup-close i, .top-tips .btn-popup-close i, .worldcup-btn-close, .worldcup-popup-tit {
    font-size: 0;
    line-height: 0;
    text-indent: -999em
}

#divc li a, .aside-related-srch-tit, .aside-related-tit, .aside-thumb-txt, .btn-interest-tab, .category-btn-tab, .category-field-tab, .category-path-cur, .category-popup a, .category-tb-tab, .expert-lst .user-name, .expert-name-lst .user-name, .expert-tag-tab, .ft-bar .user-name, .interest-lst-tit, .interest-tab span, .ipt-tag span, .ld-recommend-tag, .mycard .mycard-name, .mycard .tags-tab, .news-lst-txt, .news-lst-txt .user-name, .popup-lst a, .popup-lst-question a, .popup-task-txt, .progress-txt span, .recommend-tit, .related-srch a, .related-topic-tit, .replay-section .user-name, .sort-tag, .sort-tit, .tags-tab, .tit-prompt, .user-option .user-name, .wiki-tit, .worldcup-popup-txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.aside-related-txt, .ld-recommend-tit p, .news-lst-txt.news-lst-txt-v1, .popup-report-txt {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ipt-default input, .ipt-default textarea {
    color: #a3a3a3
}

.ask-wrap .btn-reply-submit, .btn-aside-login, .btn-ask-help, .btn-comment-submit, .btn-popup-prompt, .btn-popup-prompt3, .btn-reply-submit, .popup .btn-reply-submit, .popup-task-target, .popup-tc-btn {
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #337eff
}

.btn-aside-login:hover, .btn-ask-help:hover, .btn-comment-submit:hover, .btn-popup-prompt3:hover, .btn-popup-prompt:hover, .btn-reply-submit:hover, .popup-task-target:hover, .popup-tc-btn:hover {
    background-color: #3076f0
}

.dim.btn-aside-login, .dim.btn-ask-help, .dim.btn-comment-submit, .dim.btn-popup-prompt, .dim.btn-popup-prompt3, .dim.btn-reply-submit, .dim.popup-task-target, .dim.popup-tc-btn {
    cursor: default;
    background-color: #77a8fc
}

.ipt-default .btn-aside-login, .ipt-default .btn-ask-help, .ipt-default .btn-comment-submit, .ipt-default .btn-popup-prompt, .ipt-default .btn-popup-prompt3, .ipt-default .btn-reply-submit, .ipt-default .popup-task-target, .ipt-default .popup-tc-btn {
    cursor: default;
    background-color: #77a8fc
}

.btn-reply {
    text-align: center;
    color: #337eff;
    border: 1px solid #85b2ff;
    border-radius: 2px
}

.btn-reply:hover {
    color: #fff;
    border-color: #337eff;
    background-color: #337eff
}

.btn-popup-prompt2, .btn-reply-submit2, .popup .btn-reply-submit2 {
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 2px
}

.btn-popup-prompt2:hover, .btn-reply-submit2:hover {
    border-color: #c2c2c2
}

.btn-expert-lst {
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #5bcc39
}

.btn-expert-lst:hover {
    background-color: #4fbd2d
}

.dim.btn-expert-lst {
    cursor: default;
    color: #a3a3a3;
    background-color: #e6e6e6
}

.aside-related-srch-tit:before, .gap-line + .gap-line:before, .news-lst-tag, .news-lst-tips, .prompt-tips-box, .related-topic-tit:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cur .news-nav-tab:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.category-popup-box::-webkit-scrollbar, .interest-lst-lft::-webkit-scrollbar, .interest-lst-rgt::-webkit-scrollbar {
    width: 6px
}

.category-popup-box::-webkit-scrollbar-thumb, .interest-lst-lft::-webkit-scrollbar-thumb, .interest-lst-rgt::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .3)
}

.category-popup-box::-webkit-scrollbar-thumb:hover, .interest-lst-lft::-webkit-scrollbar-thumb:hover, .interest-lst-rgt::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .5)
}

.category-popup-box::-webkit-scrollbar-thumb:active, .interest-lst-lft::-webkit-scrollbar-thumb:active, .interest-lst-rgt::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .5)
}

.searchbox {
    display: inline-block
}

.btnask {
    float: left;
    font-size: 16px;
    color: #337eff;
    height: 18px;
    line-height: 18px;
    margin: 8px 0 8px 24px
}

.btnask:hover {
    text-decoration: underline
}

.searchform {
    float: left
}

.querybox {
    float: left;
    width: 410px;
    height: 32px;
    border-style: solid;
    border-color: #d6d6d6;
    border-width: 1px 0 1px 1px;
    background-color: #fff;
    border-radius: 2px 0 0 2px
}

.query {
    font-size: 16px;
    width: 390px;
    margin: 0;
    padding: 8px 10px 6px;
    height: 18px;
    color: #333;
    border: 0;
    outline: 0;
    background-color: #fff
}

.sbtn1, .sbtn2 {
    display: inline;
    float: left;
    *border: solid 1px #aaa
}

.sbtn1:hover, .sbtn2:hover {
    *border-color: #888
}

.sbtn2 {
    margin-left: 8px
}

.sbtn1 input, .sbtn2 input {
    font-size: 15px;
    width: 90px;
    height: 34px;
    cursor: pointer;
    color: #fff;
    border: solid 1px #337eff;
    border-radius: 0 2px 2px 0;
    outline: 0;
    background-color: #337eff;
    *border: none;
    *height: 32px;
    *width: 108px
}

.sbtn2 input {
    border-radius: 2px
}

.sbtn1 input:hover, .sbtn2 input:hover {
    background-color: #3076f0
}

.mnavbox {
    font-size: 16px;
    line-height: 48px;
    font-weight: 700;
    height: 48px;
    color: #fff;
    background-color: #337eff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1)
}

.mnav {
    position: relative;
    width: 980px;
    margin: auto;
    padding: 0;
    list-style: none
}

.mnav li {
    position: relative;
    float: left;
    text-align: center;
    padding: 0 30px
}

.mnav li:hover .mnav-menu {
    display: block
}

.mnav .cur {
    background-color: #316bd6
}

.mnav .mnav-rgt {
    position: absolute;
    right: 0;
    top: 0
}

.mnavbox a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0 30px;
    margin: 0 -30px
}

.mnavbox a:hover {
    color: #fff;
    background-color: #316bd6
}

.mnavbox a.more-than-four {
    padding: 0 10px
}

.mnavbox i {
    background-position: -137px -124px;
    width: 10px;
    height: 6px;
    display: inline-block;
    vertical-align: 2px;
    margin-left: 4px
}

.mnavbox .mnav-menu {
    position: absolute;
    display: none;
    top: 53px;
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    border: solid 1px #d6d6d6;
    border-radius: 2px;
    width: 136px;
    z-index: 10;
    font-weight: 400
}

.mnavbox .mnav-menu:before {
    position: absolute;
    left: 0;
    top: -6px;
    height: 5px;
    width: 100%;
    content: ''
}

.mnavbox .mnav-menu li {
    float: inherit;
    width: auto
}

.mnavbox .mnav-menu li + li {
    border-top: 1px solid #ebebeb
}

.mnavbox .mnav-menu a {
    display: block;
    color: #333;
    height: 40px;
    line-height: 40px
}

.mnavbox .mnav-menu a:hover {
    background-color: #f5f5f5
}

#divc {
    font-size: 14px;
    position: absolute;
    z-index: 5;
    text-align: left;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}


#divc b {
    font-weight: 400
}

#divc li {
    position: relative;
    margin: 0 10px;
    cursor: pointer;
    border-top: 1px solid #f2f2f2
}

#divc li:first-child {
    border-top: none
}

#divc li a {
    line-height: 39px;
    height: 40px;
    display: block;
    padding: 0 12px;
    margin: 0 -10px
}

#divc li a:hover {
    background-color: #f5f5f5
}

.sb_mouseover a {
    background-color: #f5f5f5
}

.sb_mouseout a {
    background-color: #fff
}

.nav-beta {
    width: 23px;
    height: 13px;
    position: absolute;
    right: -20px;
    top: 1px
}



.expert-header:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, .35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000, endColorstr=#59000000)
}

:root .expert-header:before {
    -webkit-filter: none;
    filter: none
}

.expert-header .uc-header-bg {
    opacity: .2
}

.expert-header .uc-query, .expert-header .uc-querybox {
    background-color: #fff
}

.expert-header .user-level-tag {
    background-color: #337eff;
    color: #fff
}

.expert-header .user-level-tag:before {
    background-position: -79px -60px
}

.expert-header .uc-info-tit {
    color: rgba(255, 255, 255, .7)
}

.expert-header .uc-top .mycard-name-box {
    margin-top: 0
}

.expert-sign-wrap {
    overflow: hidden;
    width: 420px;
    margin-top: 1px
}

.expert-sign-tit {
    line-height: 26px;
    color: rgba(255, 255, 255, .7)
}

.btn-expert-sign {
    display: inline-block;
    margin-left: 10px;
    vertical-align: -1px;
    background-position: -177px -14px;
    width: 12px;
    height: 13px
}

.expert-sign {
    line-height: 26px;
    width: 100%;
    resize: none;
    -webkit-transition: background 0s ease-out;
    transition: background 0s ease-out;
    vertical-align: top;
    border: 0;
    outline: 0;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3798fa), to(#3798fa)), -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ebebeb));
    background-image: -webkit-linear-gradient(#3798fa, #3798fa), -webkit-linear-gradient(#ebebeb, #ebebeb);
    background-image: linear-gradient(#3798fa, #3798fa), linear-gradient(#ebebeb, #ebebeb);
    background-repeat: no-repeat;
    background-position: center bottom, center bottom;
    background-size: 0 1px, 100% 1px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #fff
}

.expert-sign::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.expert-sign::-moz-placeholder {
    color: rgba(255, 255, 255, .7)
}

.expert-sign:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.expert-sign::placeholder {
    color: rgba(255, 255, 255, .7)
}

.expert-sign:focus {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3798fa), to(#3798fa)), -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ebebeb));
    background-image: -webkit-linear-gradient(#3798fa, #3798fa), -webkit-linear-gradient(#ebebeb, #ebebeb);
    background-image: linear-gradient(#3798fa, #3798fa), linear-gradient(#ebebeb, #ebebeb);
    background-size: 100% 1px, 100% 1px
}

.edit-ipt-err {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f53), to(#f53)), -webkit-gradient(linear, left top, left bottom, from(#f53), to(#f53)) !important;
    background-image: -webkit-linear-gradient(#f53, #f53), -webkit-linear-gradient(#f53, #f53) !important;
    background-image: linear-gradient(#f53, #f53), linear-gradient(#f53, #f53) !important
}

.expert-sign.guide-detail-tit {
    font-weight: 700;
    line-height: 28px;
    font-size: 20px
}

pre.edit-ipt {
    background: 0 0;
    padding-bottom: 0
}

.expert-header-info {
    overflow: hidden;
    width: 263px;
    padding: 5px 8px 6px;
    margin-top: 5px;
    color: rgba(255, 255, 255, .7);
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)
}

:root .expert-header-info {
    -webkit-filter: none;
    filter: none
}

.expert-header-info em {
    color: #ffe600
}

.expert-header-info-tit {
    line-height: 22px;
    margin-bottom: 6px
}

.expert-header-info-txt {
    line-height: 16px;
    font-size: 12px
}

.expert-header-info-tag {
    display: inline-block;
    vertical-align: top
}

.expert-header-info-tag + .expert-header-info-tag {
    margin-left: 20px
}

.expert-header-info-tag i {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.tag-v1 i {
    background-position: -98px -135px;
    width: 16px;
    height: 16px
}

.tag-v2 i {
    background-position: -116px -135px;
    width: 16px;
    height: 16px
}

.tag-v3 i {
    background-position: -134px -135px;
    width: 16px;
    height: 16px
}

#footer {
    overflow: hidden;
    padding-top: 18px;
    background-color: #fff
}

.ft-container {
    overflow: hidden;
    width: 980px;
    margin: 0 auto
}

.ft-box {
    overflow: hidden;
    margin-bottom: 16px
}

.ft-lft {
    float: left
}



.ft-lft .ft-lft-txt {
    line-height: 20px;
    margin-top: 7px;
    color: #a3a3a3
}

.ft-lft .ft-lft-txt2 {
    line-height: 23px;
    height: 24px;
    margin-top: 12px;
    padding: 0 10px;
    color: #a3a3a3;
    border: 1px solid #f2f2f2;
    border-radius: 2px
}

.ft-lft .ft-lft-txt2 em {
    font-weight: 700;
    margin-left: 4px;
    color: #333
}



.ft-rgt {
    line-height: 20px;
    float: right;
    padding-top: 6px;
    text-align: right
}

.ft-rgt .ft-rgt-section {
    float: left;
    margin-left: 72px
}

.ft-rgt .ft-rgt-section li {
    margin-bottom: 8px
}

.ft-rgt .ft-rgt-tit {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 17px;
    letter-spacing: 0
}

.ft-rgt .ft-rgt-tab {
    color: #a3a3a3
}

.ft-rgt .ft-rgt-tab:hover {
    color: #337eff
}

.ft-box2 {
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    padding: 13px 0;
    color: #a2a6a8;
    border-top: 1px solid #f2f2f2
}

.ft-box2 .ft-box2-lft {
    float: left
}

.ft-box2 .ft-link {
    float: right;
    white-space: nowrap
}

.ft-box2 .ft-link a {
    color: #a2a6a8
}

.ft-box2 .ft-link a:hover {
    color: #337eff
}

.btn-ft-expert, .btn-gotop, .btn-help, .btn-old-version {
    line-height: 37px;
    position: fixed;
    width: 38px;
    height: 38px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #dcdfe0
}

.btn-ft-expert:hover, .btn-gotop:hover, .btn-help:hover, .btn-old-version:hover {
    background-color: #c8cacc
}

.btn-gotop {
    right: 20px;
    bottom: 140px
}

.btn-gotop i {
    display: block;
    margin: 15px auto 0;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-width: 3px 3px 0 0;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px
}

.btn-old-version {
    right: 20px;
    bottom: 116px
}

.btn-help {
    right: 20px;
    bottom: 68px
}

.btn-ft-expert {
    font-size: 14px;
    line-height: 14px;
    right: 20px;
    bottom: 116px;
    height: 33px;
    padding-top: 5px
}

.sypt-banner {
    margin-bottom: 10px
}

.sypt-banner iframe {
    vertical-align: top
}

.btn-login:hover {
    text-decoration: underline
}

.arr-user {
    display: inline-block;
    vertical-align: 2px;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #b3b3b3;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

:hover > .arr-user {
    border-color: #3c82fa;
    vertical-align: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.user-notice .arr-user {
    margin-left: 4px
}

.btn-user-notice.new .arr-user {
    margin-left: 13px
}

.uc-searchbox .arr-user {
    opacity: .4;
    border-color: #fff
}

.uc-searchbox .user-notice:hover .arr-user, .uc-searchbox .user-option:hover .arr-user {
    opacity: 1;
    border-color: #fff
}

.user-option {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.btn-user-option {
    font-size: 12px;
    display: block
}

.user-option .user-thumb {
    float: left;
    margin-right: 4px;
    position: relative;
    display: block;
    width: 22px;
    height: 22px
}

.user-option .user-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%
}

.user-option .user-thumb img {
    border-radius: 100%
}

.user-option .user-thumb:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.user-option .user-name-box {
    float: left;
    margin-right: 6px
}

.user-option .user-name {
    float: left;
    max-width: 82px;
    color: #333
}

.user-option:hover .user-name {
    text-decoration: none;
    color: #337eff
}

.user-option:hover .popup-lst {
    top: 30px;
    right: -1px;
    display: block
}

.user-option:hover .popup-lst:before {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    cursor: pointer
}

.user-notice {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.user-notice:hover .btn-user-notice {
    color: #337eff
}

.user-notice:hover .news-popup {
    display: block
}

.btn-user-notice {
    font-size: 12px
}

.btn-user-notice.new:after {
    position: absolute;
    top: 5px;
    right: 14px;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background-color: #ff6664
}

.user-notice-num {
    font-size: 10px;
    line-height: 12px;
    position: relative;
    display: inline-block;
    height: 12px;
    margin-left: 6px;
    padding: 0 3px;
    vertical-align: 1px;
    color: #fff;
    border-radius: 2px;
    background-color: #ff6664
}

.user-notice-num:before {
    position: absolute;
    top: 0;
    left: -3px;
    display: block;
    content: '';
    background-position: -149px -124px;
    width: 6px;
    height: 6px
}

.news-popup {
    position: absolute;
    z-index: 1;
    top: 25px;
    right: -1px;
    display: none;
    width: 398px;
    height: 403px;
    border: solid 1px #d6d6d6;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1)
}

.news-nav {
    margin: 9px 0 18px;
    text-align: center
}

.news-nav li {
    display: inline-block
}

.news-nav li + li {
    margin-left: 86px
}

.news-nav li.new {
    position: relative
}

.news-nav li.new:after {
    position: absolute;
    top: 6px;
    right: -5px;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background-color: #ff6664
}

.news-nav-tab {
    font-size: 15px;
    font-weight: 700;
    line-height: 32px;
    position: relative;
    display: block
}

.news-nav-tab:hover {
    color: #337eff
}

.cur .news-nav-tab:after {
    bottom: -4px;
    width: 38px;
    height: 3px;
    content: '';
    background-color: #337eff
}

.news-lst-wrap {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 296px;
    margin-right: 4px
}

.news-lst-wrap::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #a3a3a3
}

.news-lst-wrap::-webkit-scrollbar-thumb:hover {
    background-color: #666
}

.news-lst-wrap::-webkit-scrollbar {
    width: 5px
}

.news-lst-empty {
    line-height: 296px;
    text-align: center;
    color: #a3a3a3
}



.news-lst .news-lst-loading {
    height: 13px;
    margin-top: 20px
}

.news-lst {
    margin-left: 15px
}

.news-lst:before {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    cursor: pointer
}

.news-lst li {
    margin-bottom: 10px;
    position: relative
}

.news-lst li:hover .news-lst-tag {
    display: block
}

.news-lst li:hover .news-lst-tab {
    background-color: #f5f5f5;
    border: solid 1px #ebebeb
}

.news-lst li:hover .news-lst-txt {
    max-width: 320px
}

.news-lst-tag {
    left: 342px;
    display: none;
    width: 12px;
    height: 12px;
    padding: 4px
}

.news-lst-tag:after {
    display: block;
    content: '';
    background-position: -177px -75px;
    width: 12px;
    height: 12px
}

.news-lst-tag:hover:after {
    background-position: -177px -47px
}

.news-lst-tag:hover .news-lst-tips {
    display: block
}

.news-lst-tag.cur:after {
    background-position: -177px -61px
}

.news-lst-tag.cur + .news-lst-tab {
    color: #a3a3a3;
    border: solid 1px #ebebeb;
    background-color: #f5f5f5
}

.news-lst-tag.cur + .news-lst-tab .news-clr, .news-lst-tag.cur + .news-lst-tab .user-name {
    color: #73a6ff
}

.news-lst-tips {
    line-height: 34px;
    right: 25px;
    display: none;
    width: 90px;
    height: 34px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #494949;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16)
}

.news-lst-tips:after {
    position: absolute;
    top: 50%;
    right: -3px;
    display: block;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    content: '';
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 1px;
    background-color: #494949
}

.news-lst-tab {
    display: table-cell;
    vertical-align: middle;
    width: 347px;
    max-width: 347px;
    height: 64px;
    border-radius: 2px;
    background-color: #fafafa;
    border: solid 1px #f2f2f2;
    padding: 0 10px
}

.news-lst-txt.news-lst-txt-v1 {
    white-space: pre-wrap
}

.news-lst-txt.news-lst-txt-v1 .news-clr {
    margin: 0 5px
}

.news-lst-txt .user-name {
    display: inline-block;
    vertical-align: top;
    max-width: 7.1em;
    color: #337eff !important
}

.news-clr {
    color: #337eff
}

@-webkit-keyframes news-delete {
    0% {
        margin-left: 0
    }
    60% {
        margin-left: -110%;
        height: 66px;
        margin-bottom: 10px
    }
    100% {
        margin-left: -110%;
        height: 0;
        margin-bottom: 0;
        display: none
    }
}

@keyframes news-delete {
    0% {
        margin-left: 0
    }
    60% {
        margin-left: -110%;
        height: 66px;
        margin-bottom: 10px
    }
    100% {
        margin-left: -110%;
        height: 0;
        margin-bottom: 0;
        display: none
    }
}

.news-lst-delete {
    -webkit-animation: news-delete 1s linear forwards;
    animation: news-delete 1s linear forwards
}

.btn-news-lst {
    line-height: 22px;
    position: relative;
    display: block;
    width: 85px;
    margin: 13px auto 14px;
    padding: 0 10px
}

.btn-news-lst:after {
    position: absolute;
    top: 9px;
    right: 0;
    display: block;
    width: 4px;
    height: 4px;
    margin-left: 5px;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: 3px;
    border-top: 2px solid #b3b3b3;
    border-right: 2px solid #b3b3b3
}

.btn-news-lst:hover {
    color: #337eff
}

.btn-news-lst:hover:after {
    border-color: #337eff
}

.aside {
    float: right;
    width: 280px
}

.aside-fixed {
    position: fixed;
    top: 10px;
    width: 280px
}

.aside-section {
    margin-bottom: 10px;
    border-radius: 2px;
    background-color: #fff
}

.aside-ad-box {
    position: relative;
    display: block;
    border-radius: 2px;
    z-index: 1 \0
}

.aside-ad-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 278px;
    height: 208px;
    content: '';
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px
}

.aside-login {
    padding: 20px 0;
    text-align: center
}


.aside-login-txt {
    line-height: 18px;
    color: #474747
}

.aside-login-txt2 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 8px;
    color: #fa9600
}

.btn-aside-login {
    display: block;
    margin: 20px auto 0;
    line-height: 35px;
    width: 176px;
    height: 36px
}

.aside-box {
    position: relative;
    padding: 12px 15px
}

.aside-tit {
    font-size: 18px;
    line-height: 25px;
    opacity: .9;
    z-index: 1 \0
}

.aside-box-pg {
    line-height: 25px;
    position: absolute;
    top: 12px;
    right: 8px;
    color: #a3a3a3
}

.home-part .aside-box-pg {
    top: 3px
}

.aside-pg-lft {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 2px 7px 0 0;
    vertical-align: top;
    opacity: .5
}

.aside-pg-lft:hover {
    opacity: 1
}

.aside-pg-lft i {
    display: block;
    margin: 6px auto 0;
    background-position: -185px -143px;
    width: 6px;
    height: 10px
}

.aside-pg-rgt {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 2px 0 0 7px;
    vertical-align: top;
    opacity: .5
}

.aside-pg-rgt:hover {
    opacity: 1
}

.aside-pg-rgt i {
    display: block;
    margin: 6px auto 0;
    background-position: -185px -143px;
    width: 6px;
    height: 10px
}

.aside-reply-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    width: 280px;
    height: 156px;
    margin: 12px -15px -12px;
    border-radius: 0 0 2px 2px
}

.aside-reply-thumb img {
    height: 100%;
    margin-left: -30px
}

.aside-thumb-txt {
    line-height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 250px;
    height: 20px;
    padding: 8px 15px;
    color: #fff;
    background-color: rgba(0, 0, 0, .6)
}



.aside-ask {
    padding: 18px 20px 24px
}

.aside-ask-tit {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 18px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0
}

.aside-ask-lst {
    line-height: 22px;
    color: #a3a3a3
}

.aside-ask-lst li {
    margin-top: 24px
}

.aside-ask-lst span {
    float: left;
    margin: -1px 4px 0 0
}

.aside-related-wrap {
    padding: 15px
}

.aside-related-lst {
    overflow: hidden;
    margin: -3px 0 0 -14px
}

.aside-related-lst li {
    float: left;
    margin: 15px 0 0 14px
}

.aside-related-tab {
    display: block;
    width: 74px
}

.aside-related-thumb {
    overflow: hidden;
    width: 74px;
    height: 74px;
    border-radius: 2px
}

.aside-related-tit {
    line-height: 22px;
    margin-top: 12px
}

.aside-related-tit:hover {
    color: #337eff
}

.aside-related-txt {
    font-size: 12px;
    line-height: 17px;
    height: 34px;
    margin-top: 2px;
    color: #a3a3a3
}

.aside-related-srch {
    line-height: 22px;
    margin: 7px -10px -7px
}

.aside-related-srch li {
    margin-top: 1px
}

.aside-related-srch a {
    display: block;
    padding: 7px 10px;
    border-radius: 2px;
    position: relative
}

.aside-related-srch a:hover {
    background-color: #f2f2f2
}

.aside-related-srch a:after {
    position: absolute;
    top: 50%;
    right: 9px;
    content: '';
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background-position: -159px -36px;
    width: 14px;
    height: 14px
}

.aside-related-srch-num {
    font-size: 12px;
    float: right;
    color: #b3b3b3
}

.aside-related-srch-tit {
    position: relative;
    padding-left: 11px;
    padding: 0 44px 0 11px;
    z-index: 1 \0
}

.aside-related-srch-tit:hover {
    color: #337eff
}

.aside-related-srch-tit:before {
    left: 0;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border-width: 3px 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #a4a9b3
}

.popup-bg {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: #000
}

.popup-prompt {
    position: absolute;
    z-index: 11;
    width: 334px;
    padding: 40px 0 30px;
    text-align: center;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16)
}

.popup-prompt .mall-pic {
    margin-bottom: 20px
}

.popup-prompt .btn-popup-close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 10px
}

.popup-prompt .btn-popup-close i {
    background-position: -74px -104px;
    width: 12px;
    height: 12px;
    display: block;
    opacity: .5
}

.popup-prompt .btn-popup-close:hover i {
    opacity: 1
}

.popup-prompt-bg {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border: 1px solid #ebebeb;
    border-radius: 100%
}

.popup-prompt-bg i {
    display: block
}

.popup-prompt-bg.popup-prompt-bg-v1 {
    background-color: #5bcc39;
    border: none;
    overflow: hidden
}

.popup-prompt-thumb {
    margin: 19px auto 0;
    background-position: -82px -42px;
    width: 28px;
    height: 32px
}

.popup-prompt-thumb2 {
    margin: 24px auto 0;
    background-position: -42px -80px;
    width: 32px;
    height: 22px
}

.popup-prompt-thumb3 {
    margin: 19px auto 0;
    background-position: -42px -38px;
    width: 29px;
    height: 30px
}

.popup-prompt-thumb4 {
    margin: 24px auto 0;
    background-position: -124px 0;
    width: 22px;
    height: 22px
}

.popup-prompt-thumb5 {
    margin: 24px auto 0;
    background-position: -76px -80px;
    width: 32px;
    height: 22px
}

.popup-prompt-tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 4px
}

.popup-prompt-txt {
    font-size: 15px;
    line-height: 23px;
    padding: 0 30px
}

.btn-prompt-box {
    font-size: 15px;
    margin-top: 40px
}

.btn-prompt-box a {
    display: inline-block
}

.btn-popup-prompt {
    margin: 0 13px;
    line-height: 35px;
    width: 122px;
    height: 36px
}

.btn-popup-prompt2 {
    margin: 0 13px;
    line-height: 34px;
    width: 120px;
    height: 34px
}

.btn-popup-prompt3 {
    line-height: 35px;
    width: 202px;
    height: 36px
}

.popup-prompt-lft {
    padding-left: 37px;
    text-align: left
}

.popup {
    position: absolute;
    z-index: 11;
    width: 460px;
    padding: 0 20px 18px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16)
}

.popup.popup-w {
    width: 588px;
    padding-bottom: 25px
}

.popup .btn-popup-close {
    position: absolute;
    top: 4px;
    right: 10px;
    padding: 10px
}

.popup .btn-popup-close i {
    background-position: -88px -104px;
    width: 12px;
    height: 12px;
    display: block
}

.popup .btn-popup-close:hover i {
    background-position: 0 -122px
}

.popup-top-tit {
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    height: 40px;
    margin: -2px -20px 25px;
    padding: 0 20px;
    color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #337eff
}

.popup-top-tit2 {
    font-size: 18px;
    line-height: 25px;
    text-align: center
}

.popup-top-tit2 a {
    position: relative;
    margin: 0 7px;
    color: #337eff
}

.popup-top-tit2 a:hover {
    color: #145ad1
}

.popup-top-tit2 a:before {
    position: absolute;
    top: -2px;
    left: -51px;
    content: '';
    background-position: -124px -92px;
    width: 16px;
    height: 16px;
    display: block
}

.popup-top-tit2 a:after {
    position: absolute;
    top: -2px;
    right: -70px;
    content: '';
    background-position: -124px -92px;
    width: 16px;
    height: 16px;
    display: block
}

.popup-tit {
    font-weight: 700;
    line-height: 22px;
    position: relative;
    margin: 25px 0 8px
}

.popup-tit.popup-tit-v1 {
    margin-top: 50px
}

.popup-report-txt + .popup-tit {
    border-top: 1px solid #f2f2f2;
    padding-top: 25px
}

.ipt-rgt-txt {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #a3a3a3;
    font-weight: 400
}

.popup-tit .pop-tit-user {
    color: #a3a3a3;
    margin: 0 4px
}

.popup-tit .popup-tit-required {
    font-size: 12px;
    position: relative;
    color: #a3a3a3;
    font-weight: 400
}

.popup-tit .popup-tit-required i {
    font-weight: 700;
    position: absolute;
    top: -4px;
    right: -4px;
    color: red
}

.popup-report-txt {
    line-height: 22px;
    margin-top: -2px;
    white-space: normal;
    max-height: 44px
}

.required-box {
    line-height: 22px;
    margin: 12px 0 0 -36px
}

.btn-required {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 34px;
    vertical-align: -3px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    background-color: #fff;
    -webkit-appearance: inherit
}

.btn-required:hover {
    border-color: #c2c2c2
}

.btn-required:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    content: '';
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb0ff), to(#337eff));
    background-image: -webkit-linear-gradient(top, #5cb0ff, #337eff);
    background-image: linear-gradient(to bottom, #5cb0ff, #337eff)
}

.ipt-box {
    position: relative;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 2px
}

.popup-tit-v1 + .ipt-box {
    margin-bottom: 50px
}

.ipt-box.ipt-default {
    border-color: #d9d9d9
}

.ipt-box.ipt-cur {
    border-color: #337eff
}

.ipt-box.ipt-err {
    border-color: #ff5429
}

.ipt-box input:disabled, .ipt-box textarea:disabled {
    color: #a3a3a3;
    background-color: transparent
}

.ipt-box-wrap {
    position: relative
}

.ipt-box-wrap .ipt-box {
    position: absolute;
    top: -3px;
    right: 0;
    width: 186px;
    padding: 2px 10px
}

.ipt-box-wrap .ipt-srch-box .popup-lst {
    top: 31px;
    left: -11px;
    width: 206px
}

.ipt-default.ipt-err .popup-txtarea {
    color: #333
}

.ipt-limit {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: -29px;
    color: #a3a3a3
}

.ipt-limit em {
    font-weight: 700
}

.popup-txtarea {
    line-height: 22px;
    width: 100%;
    height: 22px;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.popup-txtarea-h {
    font-weight: 400;
    height: 44px
}

.popup-txtarea-h2 {
    font-weight: 400;
    height: 66px
}

.popup-txtarea-h3 {
    font-weight: 400;
    height: 88px
}

.popup-txtarea-h4 {
    font-weight: 400;
    height: 110px
}

.ipt-tag {
    line-height: 23px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 24px;
    margin: 0 5px 0 -2px;
    margin-top: -1px;
    padding: 0 6px;
    color: #fa9600;
    border-radius: 2px;
    background: #faeec8
}

.ipt-tag a {
    float: left;
    width: 8px;
    margin-right: -5px;
    padding: 0 6px
}

.ipt-tag a i {
    background-position: -56px -70px;
    width: 8px;
    height: 8px;
    display: inline-block
}

.ipt-tag span {
    float: left;
    max-width: 70px
}

.ipt-srch-err-txt {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    right: 0;
    bottom: -24px;
    display: none;
    color: #ff6139
}

.ipt-err .ipt-srch-err-txt {
    display: block
}

.ipt-srch-box {
    position: relative;
    display: inline-block
}

.ipt-srch-box.ipt-dim .ipt-srch-icon {
    opacity: .7
}

.ipt-srch-box.ipt-dim .ipt-popup-srch {
    color: #ccc
}

.ipt-srch-box .popup-lst {
    top: 35px;
    left: 0;
    width: 190px
}

.ipt-srch-box .popup-lst a {
    padding: 0 15px
}

.ipt-srch-icon {
    float: left;
    margin: 3px 8px 0 0;
    background-position: -42px -104px;
    width: 16px;
    height: 16px
}

.ipt-popup-srch {
    line-height: 22px;
    width: 99px;
    height: 22px
}

.ipt-bar {
    line-height: 18px;
    position: relative;
    margin-bottom: 10px;
    color: #a3a3a3
}

.ipt-bar .ipt-bar-txt {
    font-size: 12px
}

.popup .ipt-bar {
    font-size: 13px
}

.ipt-bar a:hover {
    color: #337eff
}

.ipt-add-thumb {
    margin-right: 20px
}

.ipt-add-thumb i {
    margin-right: 8px;
    vertical-align: top;
    background-position: -124px -72px;
    width: 18px;
    height: 18px;
    display: inline-block
}

.ipt-lst-question {
    position: absolute;
    left: -1px;
    top: 39px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    border: solid 1px #d6d6d6;
    border-radius: 2px;
    z-index: 10;
    width: 100%
}

.ipt-tit-question {
    font-size: 13px;
    color: #a3a3a3;
    line-height: 40px;
    height: 40px;
    padding: 0 12px
}

.btn-ipt-tit-question {
    float: right;
    color: #337eff
}

.btn-ipt-tit-question:hover {
    color: #145ad1
}

.popup-lst-question {
    font-size: 15px;
    padding: 0 12px;
    position: relative;
    border-radius: 2px
}

.popup-lst-question li {
    line-height: 46px;
    height: 46px;
    border-top: 1px solid #f2f2f2
}

.popup-lst-question a {
    display: block;
    margin: 0 -12px;
    padding: 0 12px
}

.popup-lst-question a:hover {
    background-color: #f5f5f5
}

.popup-lst-question .cur a {
    background-color: #f5f5f5
}

.popup-lst-question span {
    font-size: 13px;
    float: right;
    margin-left: 5px;
    color: #a3a3a3
}

.popup-reward {
    position: relative;
    margin-bottom: 30px
}

.btn-popup-reward {
    line-height: 34px;
    float: left;
    overflow: hidden;
    width: 84px;
    height: 34px;
    margin-right: 8px;
    padding: 0 12px;
    color: #fa9600;
    border: 1px solid #e0e0e0;
    border-radius: 2px
}

.dim .btn-popup-reward {
    cursor: default;
    color: #a3a3a3;
    border-color: #ebebeb
}

.dim .btn-popup-reward .ico-popup-reward {
    background-position: -60px -104px
}

.dim .btn-popup-reward .arr-popup-reward {
    opacity: .4
}

.ico-popup-reward {
    margin-right: 6px;
    vertical-align: -1px;
    background-position: -110px -80px;
    width: 12px;
    height: 15px;
    display: inline-block
}

.arr-popup-reward {
    float: right;
    margin-top: 14px;
    opacity: .8;
    background-position: -177px -127px;
    width: 10px;
    height: 6px;
    display: block
}

.popup-reward-txt {
    font-size: 12px;
    line-height: 16px;
    padding-top: 2px;
    color: #a3a3a3;
    height: 32px;
    vertical-align: middle;
    display: table-cell
}

.popup-reward-lst {
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 0;
    display: none;
    width: 84px;
    padding: 0 12px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    background-color: #fff
}

.on .popup-reward-lst {
    display: block
}

.popup-reward-lst li {
    border-bottom: 1px solid #ebebeb
}

.popup-reward-lst li:last-child {
    border-bottom: none
}

.popup-reward-lst a {
    line-height: 33px;
    display: block;
    overflow: hidden;
    height: 34px;
    margin: 0 -12px;
    padding: 0 12px;
    color: #fa9600
}

.popup-reward-lst a:hover {
    background-color: #f5f5f5
}

.popup-reward-lst .dim .ico-popup-reward {
    background-position: -60px -104px;
    width: 12px;
    height: 15px;
    display: inline-block
}

.popup-reward-lst .dim a {
    cursor: default;
    color: #a3a3a3;
    border-color: #ebebeb
}

.popup-reward-lst .dim a:hover {
    background-color: #fff
}

.popup-bg2 {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    background-color: #000
}

.pic-show {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btn-pic-close {
    position: fixed;
    top: 30px;
    right: 30px;
    display: block;
    margin-top: -20px;
    opacity: .6;
    background-position: 0 -38px;
    width: 40px;
    height: 40px
}

.btn-pic-close:hover {
    opacity: 1
}

.btn-pic-show {
    position: fixed;
    top: 50%;
    left: 30px;
    display: block;
    margin-top: -20px;
    opacity: .6;
    background-position: 0 -80px;
    width: 40px;
    height: 40px
}

.btn-pic-show:hover {
    opacity: 1
}

.btn-pic-show2 {
    position: fixed;
    top: 50%;
    right: 30px;
    display: block;
    margin-top: -20px;
    opacity: .6;
    background-position: -82px 0;
    width: 40px;
    height: 40px
}

.btn-pic-show2:hover {
    opacity: 1
}

.pg-pic-show {
    font-size: 16px;
    line-height: 36px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    margin-left: -40px;
    text-align: center;
    color: #fff \9;
    color: rgba(255, 255, 255, .7);
    background-position: 0 0;
    width: 80px;
    height: 36px;
    display: block
}

.sort-popup-tit {
    font-weight: 700;
    line-height: 22px;
    position: relative;
    margin-bottom: 13px
}

.sort-popup-txt {
    font-size: 12px;
    font-weight: 400;
    margin-left: 8px;
    color: #a3a3a3
}

.btn-sort-tit {
    line-height: 22px;
    display: inline-block;
    font-weight: 700
}

.sort-tit-arr {
    margin-left: 8px;
    vertical-align: 3px;
    display: inline-block;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #b3b3b3;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

:hover > .sort-tit-arr {
    border-color: #fa9600;
    vertical-align: 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sort-tit-box {
    font-weight: 400;
    position: relative;
    display: inline-block
}

.sort-tit-box:hover:after {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    content: ''
}

.sort-tit-box:hover .category-popup-box {
    top: 30px;
    display: block;
    overflow: hidden;
    width: 586px
}

.sort-tit-box:hover .category-popup {
    width: 590px;
    margin-left: -2px
}

.sort-tit-box:hover .category-popup li {
    width: 117px
}

.sort-tit-box:hover .category-popup .cur a {
    cursor: default;
    color: #fa9600;
    background-color: #fff
}

.sort-tit-box:hover .btn-sort-tit {
    color: #fa9600
}

.category-field-box {
    overflow: hidden;
    width: 586px;
    height: 133px;
    margin-bottom: 28px;
    border: 1px solid #f2f2f2;
    border-radius: 2px
}

.category-field-tb {
    line-height: 43px;
    overflow: hidden;
    width: 590px;
    margin-left: -2px;
    text-align: center
}

.category-field-tb li {
    float: left
}

.category-field-tab {
    display: block;
    width: 83px;
    height: 44px;
    margin: -1px 0 0 -1px;
    padding: 0 17px;
    border: 1px solid #f2f2f2
}

.category-field-tab:hover {
    background-color: #f2f2f2
}

.cur .category-field-tab {
    background-color: #f2f2f2
}

.dim .category-field-tab {
    color: #a3a3a3;
    background-color: #fff
}

.my-interest-popup {
    line-height: 29px;
    overflow: hidden;
    margin-bottom: 28px;
    padding: 12px 12px 0;
    border: 1px solid #ebebeb
}

.my-interest-popup.err {
    border-color: #ff6139
}

.my-interest-popup.err .category-none {
    color: #ff6139
}

.my-interest-popup.err .category-none i {
    background-position: -124px -24px
}

.interest-tab {
    float: left;
    height: 30px;
    margin: 0 12px 12px 0;
    padding: 0 5px;
    color: #fa9600;
    border-radius: 2px;
    background-color: #faeec8
}

.interest-tab span {
    float: left;
    max-width: 98px
}

.interest-tab i {
    margin-left: 5px;
    background-position: -56px -70px;
    width: 8px;
    height: 8px;
    display: inline-block
}

.interest-tab a {
    display: inline-block;
    margin-right: -5px;
    padding-right: 5px
}

.interest-box {
    overflow: hidden;
    height: 328px;
    margin-bottom: 7px;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

.interest-lst-tab {
    display: block;
    padding: 0 5px;
    border-radius: 2px
}

.interest-lst-tit {
    float: left;
    max-width: 98px
}

.on .interest-lst-tab {
    color: #fa9600;
    background-color: #faeec8
}

.on .interest-lst-tab .interest-lst-tag {
    display: block
}

.cur .interest-lst-tab {
    color: #fa9600;
    background-color: #faeec8
}

.cur .interest-lst-tab .interest-lst-tag2 {
    display: block
}

.interest-lst-lft {
    line-height: 29px;
    float: left;
    overflow-y: scroll;
    width: 148px;
    height: 322px;
    padding: 6px 10px 0;
    border-right: 1px solid #e6e6e6
}

.interest-lst-lft li {
    position: relative;
    overflow: hidden;
    margin-bottom: 2px;
    border-radius: 2px
}

.interest-lst-lft li:hover {
    background-color: #f2f2f2
}

.interest-lst-lft .interest-lst-tab {
    overflow: hidden;
    height: 30px
}

.interest-lst-tag {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 10px;
    height: 30px;
    padding: 0 5px;
    border-left: 1px solid #f5deb0
}

.interest-lst-tag i {
    margin-top: 10px;
    background-position: -70px -122px;
    width: 10px;
    height: 10px;
    display: block
}

.interest-lst-tag2 {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 10px;
    height: 30px;
    padding: 0 5px;
    border-left: 1px solid #f5deb0
}

.interest-lst-tag2 i {
    margin-top: 11px;
    background-position: -112px -66px;
    width: 10px;
    height: 7px;
    display: block
}

.interest-lst-rgt {
    overflow: hidden;
    overflow-y: scroll;
    height: 313px;
    padding: 15px 12px 0 0
}

.interest-lst-rgt li {
    float: left;
    margin: 0 0 15px 15px
}

.interest-lst-rgt .interest-lst-tab {
    line-height: 27px;
    height: 28px;
    border: 1px solid #e0e0e0
}

.interest-lst-rgt .interest-lst-tab:hover {
    border-color: #c2c2c2
}

.interest-lst-rgt .cur .interest-lst-tab {
    border-color: #faeec8
}

.popup-login {
    position: absolute;
    z-index: 11;
    width: 600px;
    height: 370px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2)
}

.btn-popup-login {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 14px;
    border-radius: 50%
}

.btn-popup-login i {
    background-position: -112px -42px;
    width: 10px;
    height: 10px;
    display: block
}

.btn-popup-login:hover {
    background-color: #f2f2f2
}

.ask-wrap {
    padding: 40px 34px 30px;
    border-radius: 2px;
    background-color: #fff;
    position: relative
}

.ask-wrap .popup-tit {
    font-size: 15px;
    margin: 40px 0 10px
}

.ask-tit {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 25px
}

.popup-sign {
    position: absolute;
    z-index: 11;
    width: 294px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
    border-radius: 7px
}



.popup-sign-txt {
    font-size: 14px;
    line-height: 22px
}

.popup-sign-txt span {
    color: #fa9600
}

.popup-sign-name {
    font-size: 20px;
    line-height: 28px;
    padding: 31px 0 8px
}



.popup-sign-content .popup-sign-txt {
    color: #a3a3a3;
    padding-bottom: 30px
}

.popup-sign-content .medal-icon {
    margin: 30px auto 13px
}

.popup-sign-close {
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: solid 1px rgba(255, 255, 255, .6);
    background: 0 0;
    text-indent: -999em
}

.popup-sign-close i {
    margin: 14px auto;
    background-position: -102px -104px;
    width: 12px;
    height: 12px;
    display: block
}

.popup-sign-close:hover {
    background-color: rgba(255, 255, 255, .2);
    border: solid 1px #fff
}



.popup-task {
    position: absolute;
    z-index: 11;
    width: 770px;
    height: 472px;
    border-radius: 7px
}


.popup-task-bottom {
    position: absolute;
    left: 0;
    bottom: -2px
}

.popup-task-box {
    width: 372px;
    height: 400px;
    overflow-y: auto
}

.popup-task-list {
    width: 342px
}

.popup-task-list li {
    padding: 24px 0;
    border-bottom: 1px solid #f2f2f2
}

.popup-task-list li:nth-child(4) {
    border: 0 none
}

.popup-task-target {
    font-size: 14px;
    line-height: 30px;
    float: right;
    margin-top: 9px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #337eff;
    line-height: 29px;
    width: 66px;
    height: 30px
}

.popup-task-target.get {
    background-color: #5bcc39
}

.popup-task-target.get:hover {
    background-color: #4fbd2d
}

.popup-task-target.dim {
    cursor: default;
    color: #a3a3a3;
    background-color: #f2f2f2 !important
}

.popup-task-txt {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 8px;
    width: 260px
}

.popup-task-tag {
    width: 260px;
    overflow: hidden
}

.popup-task-green, .popup-task-orange {
    float: left;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    border-radius: 2px;
    border: solid 1px #e6e6e6;
    padding: 0 3px;
    margin-right: 8px
}

.popup-task-green {
    color: #5bcc39
}

.popup-task-orange {
    color: #fa9600
}

.popup-task-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 12px;
    height: 12px;
    text-indent: -999em
}

.popup-task-close i {
    background-position: -56px -122px;
    width: 12px;
    height: 12px;
    display: block
}

.popup-task-close:hover {
    background-position: -42px -122px
}

.popup-task-header {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    overflow: hidden;
    padding: 30px 0 15px;
    border-bottom: 1px solid #f2f2f2
}

.popup-task-header .popup-task-sub {
    font-size: 12px;
    line-height: 18px;
    color: #b3b3b3;
    padding: 8px 0 0 8px
}

.popup-task-header a {
    float: right;
    font-size: 12px;
    line-height: 18px;
    color: #337eff;
    padding-top: 8px
}

.popup-task-header a:hover {
    color: #145ad1
}

.popup-tc-list {
    color: #fff;
    font-size: 16px;
    margin: 0 -4px
}

.popup-tc-list li {
    position: relative;
    float: left;
    width: 44px;
    height: 44px;
    line-height: 38px;
    margin: 0 0 4px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px
}

.popup-tc-list li:hover {
    background: #5b97ff
}

.popup-tc-list li:hover:before {
    display: none
}

.popup-tc-list .reg:after, .popup-tc-list .unreg:after {
    content: '';
    display: none;
    position: absolute;
    bottom: -9px;
    left: -22px;
    width: 88px;
    font-size: 20px;
    line-height: 36px;
    color: #fff;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.popup-tc-list .reg:hover:after, .popup-tc-list .unreg:hover:after {
    display: block
}

.popup-tc-list .unreg:after {
    content: '点击补签'
}

.popup-tc-list .dim {
    color: rgba(255, 255, 255, .6)
}

.popup-tc-list .cur {
    color: #fe0
}

.popup-tc-list .reg:before {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 19px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #fe0
}

.popup-tc-list .reg:after {
    content: '已签到'
}

.popup-tc-list .empty:hover {
    background: 0 0
}

.popup-tc-header {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    padding: 30px 0 10px
}

.popup-tc-next, .popup-tc-pre {
    height: 28px;
    width: 36px;
    border-radius: 2px;
    border: solid 1px rgba(255, 255, 255, .3)
}

.popup-tc-next i, .popup-tc-pre i {
    margin: 9px 15px;
    text-indent: -999em
}

.popup-tc-next:hover, .popup-tc-pre:hover {
    background-color: rgba(255, 255, 255, .1)
}

.popup-tc-next.disabled, .popup-tc-pre.disabled {
    cursor: default
}

.popup-tc-next.disabled i, .popup-tc-pre.disabled i {
    opacity: .6
}

.popup-tc-next.disabled:hover, .popup-tc-pre.disabled:hover {
    background-color: transparent
}

.popup-tc-pre {
    float: left
}

.popup-tc-pre i {
    background-position: -73px -50px;
    width: 6px;
    height: 10px;
    display: block
}

.popup-tc-next {
    float: right
}

.popup-tc-next i {
    background-position: -73px -38px;
    width: 6px;
    height: 10px;
    display: block
}

.popup-task-title {
    color: #fe0;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    padding-top: 30px;
    margin: 0 -10px
}

.popup-task-title span {
    padding: 0 5px
}

.popup-task-title i {
    margin: 0 8px;
    vertical-align: 5px
}

.popup-tt-before {
    background-position: -14px -122px;
    width: 12px;
    height: 12px;
    display: inline-block
}

.popup-tt-after {
    background-position: -28px -122px;
    width: 12px;
    height: 12px;
    display: inline-block
}

.popup-task-success {
    display: none;
    z-index: 1;
    position: absolute;
    top: 189px;
    left: 272px;
    width: 180px;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
    text-align: center;
    color: #fff;
    font-size: 15px
}

.popup-task-cue {
    display: none;
    z-index: 2;
    position: absolute;
    width: 184px;
    height: 92px;
    padding: 20px 0;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    border: solid 1px #d6d6d6;
    text-align: center
}

.popup-tc-close {
    position: absolute;
    top: 8px;
    right: 8px;
    text-indent: -999em
}

.popup-tc-close i {
    background-position: -136px -110px;
    width: 10px;
    height: 10px;
    display: block
}

.popup-tc-close:hover {
    background-position: -124px -110px;
    width: 10px;
    height: 10px;
    display: block
}

.popup-tc-txt {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 2px
}

.popup-tc-txt span {
    color: #fa9600
}

.popup-tc-btn {
    display: block;
    line-height: 25px;
    width: 72px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    margin: 18px auto 0
}

.information-box {
    overflow: hidden
}

.information-box .popup-tit {
    float: left;
    width: 220px
}

.information-box .popup-tit + .popup-tit {
    margin-left: 20px
}

.information-box .ipt-box {
    float: left;
    width: 198px
}

.information-box .ipt-box + .ipt-box {
    margin-left: 20px
}

.information-box + .popup-tit {
    margin-top: 10px
}

.popup-notice {
    line-height: 22px;
    height: 22px;
    color: #fa9600
}

.popup-notice i {
    float: left;
    margin: 3px 5px 0 0;
    background-position: -80px -135px;
    width: 16px;
    height: 16px
}

.popup-link-wrap {
    margin: -5px 0 33px
}

.popup-link-wrap .popup-tit {
    margin-top: 30px
}

.popup-link-wrap .prompt-tips-box {
    top: 157px
}

.upgrade-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background-position: -74px -104px;
    width: 12px;
    height: 12px
}

.upgrade-prompt-txt {
    padding-top: 62px;
    color: #333;
    text-align: center;
    font-size: 18px
}

.upgrade-prompt-confirm {
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%
}

.upgrade-prompt-confirm a {
    width: 122px;
    height: 36px;
    line-height: 36px;
    background: #3c82fa;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    font-size: 15px
}




.dim .medal-icon-129 {
    background-position: -86px -172px
}

.medal-icon-130 {
    background-position: -172px -172px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-130 {
    background-position: -258px 0
}

.medal-icon-131 {
    background-position: -258px -86px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-131 {
    background-position: -258px -172px
}

.medal-icon-132 {
    background-position: 0 -258px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-132 {
    background-position: -86px -258px
}

.medal-icon-133 {
    background-position: -172px -258px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-133 {
    background-position: -258px -258px
}

.medal-icon-64 {
    background-position: -516px -344px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-64 {
    background-position: -516px -430px
}

.medal-icon-65 {
    background-position: 0 -516px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-65 {
    background-position: -86px -516px
}

.medal-icon-66 {
    background-position: -172px -516px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-66 {
    background-position: -258px -516px
}

.medal-icon-67 {
    background-position: -344px -516px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-67 {
    background-position: -430px -516px
}

.medal-icon-68 {
    background-position: -516px -516px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-68 {
    background-position: -602px 0
}

.medal-icon-69 {
    background-position: -602px -86px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-69 {
    background-position: -602px -172px
}

.medal-icon-70 {
    background-position: -602px -344px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-70 {
    background-position: -602px -430px
}

.medal-icon-71 {
    background-position: -602px -516px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-71 {
    background-position: 0 -602px
}

.medal-icon-72 {
    background-position: -86px -602px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-72 {
    background-position: -172px -602px
}

.medal-icon-0 {
    background-position: -86px 0;
    width: 84px;
    height: 84px
}

.dim .medal-icon-0 {
    background-position: 0 -86px
}

.medal-icon-1 {
    background-position: -86px -86px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-1 {
    background-position: -344px 0
}

.medal-icon-2 {
    background-position: -344px -86px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-2 {
    background-position: -344px -172px
}

.medal-icon-3 {
    background-position: -344px -258px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-3 {
    background-position: -344px -430px
}

.medal-icon-4 {
    background-position: -430px -430px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-4 {
    background-position: -516px 0
}

.medal-icon-5 {
    background-position: -516px -86px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-5 {
    background-position: -516px -172px
}

.medal-icon-6 {
    background-position: -516px -258px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-6 {
    background-position: -602px -258px
}

.medal-icon-32 {
    background-position: 0 -344px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-32 {
    background-position: -86px -344px
}

.medal-icon-33 {
    background-position: -172px -344px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-33 {
    background-position: -258px -344px
}

.medal-icon-34 {
    background-position: -344px -344px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-34 {
    background-position: -430px 0
}

.medal-icon-35 {
    background-position: -430px -86px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-35 {
    background-position: -430px -172px
}

.medal-icon-36 {
    background-position: -430px -258px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-36 {
    background-position: -430px -344px
}

.medal-icon-37 {
    background-position: 0 0;
    width: 84px;
    height: 84px
}

.dim .medal-icon-37 {
    background-position: -86px -430px
}

.medal-icon-38 {
    background-position: -172px -430px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-38 {
    background-position: -258px -430px
}

.medal-icon-96 {
    background-position: 0 -430px;
    width: 84px;
    height: 84px
}

.dim .medal-icon-96 {
    background-position: -258px -602px
}

.aside-pg-rgt i, .btn-comment.on i, .btn-page-next i, .btn-reply.cur i, .category-path-arr, .popup-top-tit2 a:after, .section-toprgt-bar:hover .btn-replay-edit i, .toprgt-bar:hover .btn-replay-edit i {
    zoom: 1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.btn-toprgt-more i, .btn-wiki-info i {
    zoom: 1;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

#container:after, #container:before, .category-path:after, .category-path:before, .content:after, .content:before, .ft-bar:after, .ft-bar:before, .main:after, .main:before, .pic-section:after, .pic-section:before, .popup-reward:after, .popup-reward:before, .popup-task-tag:after, .popup-task-tag:before, .popup-task:after, .popup-task:before, .popup-tc-header:after, .popup-tc-header:before, .popup-tc-list:after, .popup-tc-list:before {
    display: table;
    content: ''
}

#container:after, .category-path:after, .content:after, .ft-bar:after, .main:after, .pic-section:after, .popup-reward:after, .popup-task-tag:after, .popup-task:after, .popup-tc-header:after, .popup-tc-list:after {
    clear: both
}

.ad-activity-wrap .ad-activity-thumb, .ad-activity-wrap .btn-ad-activity, .btn-gotop i, .btn-interest-more, .btn-page-next i, .btn-page-prev i, .btn-pic-close, .btn-pic-show, .btn-pic-show2, .btn-popup-login, .ipt-srch-icon, .medal-icon, .mycard .icon-activity, .pic-tag, .popup .btn-popup-close i, .popup-lst .popup-lst-add, .popup-prompt .btn-popup-close i, .top-tips .btn-popup-close i, .worldcup-btn-close, .worldcup-popup-tit {
    font-size: 0;
    line-height: 0;
    text-indent: -999em
}

#divc li a, .aside-related-srch-tit, .aside-related-tit, .aside-thumb-txt, .btn-interest-tab, .category-btn-tab, .category-field-tab, .category-path-cur, .category-popup a, .category-tb-tab, .expert-lst .user-name, .expert-name-lst .user-name, .expert-tag-tab, .ft-bar .user-name, .interest-lst-tit, .interest-tab span, .ipt-tag span, .ld-recommend-tag, .mycard .mycard-name, .mycard .tags-tab, .news-lst-txt, .news-lst-txt .user-name, .popup-lst a, .popup-lst-question a, .popup-task-txt, .progress-txt span, .recommend-tit, .related-srch a, .related-topic-tit, .replay-section .user-name, .sort-tag, .sort-tit, .tags-tab, .tit-prompt, .user-option .user-name, .wiki-tit, .worldcup-popup-txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.aside-related-txt, .ld-recommend-tit p, .news-lst-txt.news-lst-txt-v1, .popup-report-txt {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ipt-default input, .ipt-default textarea {
    color: #a3a3a3
}

.ask-wrap .btn-reply-submit, .btn-aside-login, .btn-ask-help, .btn-comment-submit, .btn-popup-prompt, .btn-popup-prompt3, .btn-reply-submit, .popup .btn-reply-submit, .popup-task-target, .popup-tc-btn {
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #337eff
}

.btn-aside-login:hover, .btn-ask-help:hover, .btn-comment-submit:hover, .btn-popup-prompt3:hover, .btn-popup-prompt:hover, .btn-reply-submit:hover, .popup-task-target:hover, .popup-tc-btn:hover {
    background-color: #3076f0
}

.dim.btn-aside-login, .dim.btn-ask-help, .dim.btn-comment-submit, .dim.btn-popup-prompt, .dim.btn-popup-prompt3, .dim.btn-reply-submit, .dim.popup-task-target, .dim.popup-tc-btn {
    cursor: default;
    background-color: #77a8fc
}

.ipt-default .btn-aside-login, .ipt-default .btn-ask-help, .ipt-default .btn-comment-submit, .ipt-default .btn-popup-prompt, .ipt-default .btn-popup-prompt3, .ipt-default .btn-reply-submit, .ipt-default .popup-task-target, .ipt-default .popup-tc-btn {
    cursor: default;
    background-color: #77a8fc
}

.btn-reply {
    text-align: center;
    color: #337eff;
    border: 1px solid #85b2ff;
    border-radius: 2px
}

.btn-reply:hover {
    color: #fff;
    border-color: #337eff;
    background-color: #337eff
}

.btn-popup-prompt2, .btn-reply-submit2, .popup .btn-reply-submit2 {
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 2px
}

.btn-popup-prompt2:hover, .btn-reply-submit2:hover {
    border-color: #c2c2c2
}

.btn-expert-lst {
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #5bcc39
}

.btn-expert-lst:hover {
    background-color: #4fbd2d
}

.dim.btn-expert-lst {
    cursor: default;
    color: #a3a3a3;
    background-color: #e6e6e6
}

.aside-related-srch-tit:before, .gap-line + .gap-line:before, .news-lst-tag, .news-lst-tips, .prompt-tips-box, .related-topic-tit:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cur .news-nav-tab:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.category-popup-box::-webkit-scrollbar, .interest-lst-lft::-webkit-scrollbar, .interest-lst-rgt::-webkit-scrollbar {
    width: 6px
}

.category-popup-box::-webkit-scrollbar-thumb, .interest-lst-lft::-webkit-scrollbar-thumb, .interest-lst-rgt::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .3)
}

.category-popup-box::-webkit-scrollbar-thumb:hover, .interest-lst-lft::-webkit-scrollbar-thumb:hover, .interest-lst-rgt::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .5)
}

.category-popup-box::-webkit-scrollbar-thumb:active, .interest-lst-lft::-webkit-scrollbar-thumb:active, .interest-lst-rgt::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .5)
}

@-webkit-keyframes bgOpacity {
    0% {
        background-color: transparent
    }
    100% {
        background-color: rgba(0, 0, 0, .7)
    }
}

@keyframes bgOpacity {
    0% {
        background-color: transparent
    }
    100% {
        background-color: rgba(0, 0, 0, .7)
    }
}

.col-right{
    width:400px;
}
.cont-left {
    float: right;
}
.panel-title.tabs {
    font-size: 16px;
    font-weight: bold;
}
.item-title {
    float: left;
}
.col-right-panel {
    clear: both;
}
.panel-title {
    font-size: 16px;
    font-weight: bold;
}
.col-right-list a {
    margin-right: 5px;
    margin-top: 5px;
    display: block;
    float: left;
}
a.panel-move {
    float: right;
}
a.link-title {
    display: block;
    width: 300px;
}


@-webkit-keyframes popupScale {
    0%, 66% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }
    100%, 83% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    91% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
}

@keyframes popupScale {
    0%, 66% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }
    100%, 83% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    91% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
}



img {
    min-height: 1px !important;
    min-width: 1px !important
}

#wrap {
    min-width: 980px
}

#container {
    background-color: #f2f2f2
}

.content {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0 20px
}

.main {
    width: 690px;
    margin-top: 0px;
    float: left;
}
.main-right{
    float: right;
    width: 400px;
    margin-top: 120px;
    margin-right:40px ;
}
input::-webkit-input-placeholder {
    color: #a3a3a3
}

input::-moz-placeholder {
    color: #a3a3a3
}

input:-ms-input-placeholder {
    color: #a3a3a3
}

input::placeholder {
    color: #a3a3a3
}

pre p {
    /*margin-top: 8px*/
    margin: -18px 0;
}

.emphasis-clr {
    color: #ff5429
}

.emphasis-clr2 {
    color: #fa9600
}

.hide {
    display: none
}

.link {
    padding-bottom: 2px;
    border-bottom: 1px solid #666
}

.link:hover {
    color: #3c82fa;
    border-bottom: 1px solid #3c82fa
}

.section .pic-area {
    margin: -3px 0 18px;
    min-height: 100px
}

.popup .pic-area {
    height: 70px;
    width: 475px
}

.ask-wrap .pic-area {
    height: 80px
}

.pic-w {
    position: relative;
    display: block;
    overflow: hidden;
    width: 340px;
    height: 200px;
    border-radius: 2px
}

.pic-w:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 338px;
    height: 198px;
    content: '';
    border: 1px solid #dcdcdc \9;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px
}

.pic-w:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .5)
}

.pic-w img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 0px) {
    .pic-w img {
        top: 50% !important;
        left: 50% !important
    }
}

.pic-w img {
    min-width: 340px;
    min-height: 200px
}

.pic-h {
    position: relative;
    display: block;
    overflow: hidden;
    width: 340px;
    height: 200px;
    border-radius: 2px
}

.pic-h:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 338px;
    height: 198px;
    content: '';
    border: 1px solid #dcdcdc \9;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px
}

.pic-h:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .5)
}

.pic-h img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 0px) {
    .pic-h img {
        top: 50% !important;
        left: 50% !important
    }
}

.pic-h img {
    width: 340px
}

.pic-area.dim .pic-tab {
    cursor: default;
    opacity: .66
}

.pic-area.dim .pic-tab:after {
    display: none
}

.pic-section {
    position: relative;
    float: left;
    margin-right: 10px
}

.popup .pic-section {
    margin-right: 8px
}

.ask-wrap .pic-section {
    margin-right: 20px
}

.pic-close {
    display: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -14px;
    width: 28px;
    height: 28px;
    opacity: .8;
    border: 1px solid #fff;
    background-color: #444;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    text-align: center
}

:hover > .pic-close {
    display: block
}

.pic-close:hover {
    opacity: 1
}

.thumb-loading {
    line-height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-align: center;
    color: #fff;
    z-index: 3
}

.thumb-loading:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: .5;
    border-radius: 2px;
    background-color: #000
}

.thumb-loading span {
    position: relative;
    z-index: 1
}

.popup .thumb-loading {
    line-height: 70px
}

.thumb-fail {
    font-size: 12px;
    height: 44px;
    padding-top: 6px;
    text-align: center;
    color: #a3a3a3;
    background-color: #f5f5f5
}

.thumb-fail:before {
    display: none
}

.thumb-fail i {
    margin: 0 auto 4px;
    background-position: -137px -22px;
    width: 20px;
    height: 20px;
    display: block
}

.pic-tab {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px;
    border-radius: 2px
}

.pic-tab:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 98px;
    height: 98px;
    content: '';
    border: 1px solid #dcdcdc \9;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px
}

.pic-tab:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .5)
}

.pic-tab img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 0px) {
    .pic-tab img {
        top: 50% !important;
        left: 50% !important
    }
}

.pic-tab img {
    min-width: 100px;
    min-height: 100px
}

.popup .pic-tab {
    position: relative;
    display: block;
    overflow: hidden;
    width: 70px;
    height: 70px;
    border-radius: 2px
}

.popup .pic-tab:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 68px;
    height: 68px;
    content: '';
    border: 1px solid #dcdcdc \9;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px
}

.popup .pic-tab:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .5)
}

.popup .pic-tab img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 0px) {
    .popup .pic-tab img {
        top: 50% !important;
        left: 50% !important
    }
}

.popup .pic-tab img {
    min-width: 70px;
    min-height: 70px
}

.ask-wrap .pic-tab {
    position: relative;
    display: block;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 2px
}

.ask-wrap .pic-tab:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 78px;
    height: 78px;
    content: '';
    border: 1px solid #dcdcdc \9;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px
}

.ask-wrap .pic-tab:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .5)
}

.ask-wrap .pic-tab img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 0px) {
    .ask-wrap .pic-tab img {
        top: 50% !important;
        left: 50% !important
    }
}

.ask-wrap .pic-tab img {
    min-width: 80px;
    min-height: 80px
}

.pic-tab-more {
    width: 78px;
    height: 78px;
    border: 1px dashed #ccc;
    background-color: #fafafa;
    border-radius: 2px;
    font-size: 12px;
    color: #a3a3a3;
    display: block;
    line-height: 17px;
    text-align: center
}

.pic-tab-more i {
    background-position: -32px 0;
    width: 28px;
    height: 28px;
    display: block;
    margin: 14px auto 5px
}

.pic-tab-more:hover {
    background-color: #f5f5f5
}

.dim .pic-tab-more {
    opacity: .8;
    cursor: default;
    color: #ccc;
    border-color: #e6e6e6
}

.dim .pic-tab-more:hover {
    background-color: #fafafa
}

.popup .pic-tab-more {
    width: 68px;
    height: 68px
}

.popup .pic-tab-more i {
    margin-top: 11px
}

.pic-tab-prompt {
    width: 78px;
    height: 78px;
    border: 1px solid #e6e6e6;
    background-color: #fafafa;
    border-radius: 2px;
    font-size: 12px;
    color: #ccc;
    display: block;
    line-height: 17px;
    text-align: center
}

.pic-tab-prompt i {
    background-position: 0 -32px;
    width: 26px;
    height: 26px;
    display: block;
    margin: 14px auto 5px
}

.popup .pic-tab-prompt {
    width: 68px;
    height: 68px
}

.pic-area-txt {
    font-size: 12px;
    line-height: 18px;
    color: #a3a3a3;
    margin: 8px 0
}

.up-tag i {
    display: inline-block;
    margin-right: 6px;
    background-position: -177px 0;
    width: 14px;
    height: 12px
}

.ft-btn-box .up-tag {
    float: left;
    position: relative;
    padding-left: 20px;
    margin-left: 8px;
    height: 20px;
    line-height: 20px;
    vertical-align: top
}

.ft-btn-box .up-tag:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: -17px -155px;
    width: 15px;
    height: 13px
}

.ft-btn-box .up-tag.dim {
    cursor: default
}

.ft-btn-box .up-tag:hover:before {
    background-position: -68px -155px;
    width: 15px;
    height: 13px
}

.ft-btn-box .down-tag {
    float: left;
    position: relative;
    padding-left: 20px;
    margin-left: 8px;
    height: 20px;
    line-height: 20px;
    vertical-align: top
}

.ft-btn-box .down-tag:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 53%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: -51px -155px;
    width: 15px;
    height: 13px
}

.ft-btn-box .down-tag.dim {
    cursor: default
}

.ft-btn-box .down-tag:hover:before {
    background-position: 0 -155px;
    width: 15px;
    height: 13px
}

.ft-btn-box .txt-num {
    float: left;
    margin-left: 8px;
    color: #666;
    font-size: 14px;
    vertical-align: top;
    height: 20px;
    line-height: 20px
}

.ft-btn-box.good .up-tag:before {
    background-position: -159px 0;
    width: 16px;
    height: 15px
}

.ft-btn-box.good .txt-num {
    color: #fa460f
}

.ft-btn-box.bad .down-tag:before {
    background-position: -34px -155px;
    width: 15px;
    height: 13px
}

.ft-btn-box.bad .txt-num {
    color: #4d526d
}

.popup-lst {
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 8px;
    display: none;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.popup-lst li {
    position: relative;
    margin: 0 10px;
    border-top: 1px solid #f2f2f2
}

.popup-lst li:first-child {
    border-top: none
}

.popup-lst a {
    line-height: 33px;
    display: block;
    height: 34px;
    margin: 0 -10px;
    padding: 0 18px;
    color: #333;
    white-space: nowrap
}

.popup-lst a:hover {
    background-color: #f5f5f5
}

.popup-lst .cur a {
    background-color: #f5f5f5
}

.popup-lst .dim {
    line-height: 33px;
    display: block;
    height: 34px;
    margin: 0 -10px;
    padding: 0 18px;
    color: #a3a3a3
}

.popup-lst .popup-lst-add {
    position: absolute;
    top: 11px;
    right: 0;
    background-position: -112px -54px;
    width: 10px;
    height: 10px;
    display: block
}

.popup-lst .no-match-tag {
    line-height: 22px;
    height: auto;
    padding: 9px 12px !important;
    cursor: default;
    text-align: left;
    white-space: pre-wrap
}

.popup-lst .no-match-tag:hover {
    background-color: #fff
}

.prompt-tips-box {
    z-index: 3;
    left: 0;
    width: 100%;
    text-align: center
}

.prompt-tips {
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
    min-width: 156px;
    padding: 13px 12px;
    color: #fff;
    border-radius: 2px;
    background: rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16)
}

.v1 .prompt-tips {
    min-width: 244px;
    padding: 11px 12px
}

.prompt-tips2 {
    font-size: 15px;
    line-height: 47px;
    z-index: 1;
    display: inline-block;
    min-width: 156px;
    height: 48px;
    padding: 0 12px;
    color: #333;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1)
}

.prompt-box {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    z-index: 2;
    top: 35px;
    min-width: 160px;
    padding: 9px 12px;
    cursor: default;
    text-align: center;
    white-space: nowrap;
    color: #333;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.ask-wrap .pic-section .prompt-box {
    top: 86px;
    right: 0
}

.popup .pic-section .prompt-box {
    top: 86px;
    right: 0
}

.btn-up .prompt-box {
    right: -1px
}

.btn-down .prompt-box {
    right: -1px
}

.ipt-box .prompt-box {
    top: inherit;
    bottom: -47px;
    left: -1px
}

.ipt-srch-box .prompt-box {
    top: 35px
}

.ipt-add-thumb .prompt-box {
    top: 23px;
    left: 0
}

.ipt-err .prompt-box {
    color: #ff6139
}

.err .prompt-box {
    color: #ff6139
}

.edit-reply .prompt-box {
    top: 50%;
    left: 50%;
    min-width: 134px;
    margin: -19px 0 0 -79px;
    text-align: center
}

.edit-reply .prompt-box img {
    margin-top: 6px
}

.section {
    position: relative;
    margin-bottom: 10px;
    padding: 18px 20px;
    border-radius: 2px;
    background-color: #fff
}

.section:hover .section-toprgt-bar .btn-report {
    display: inline-block
}

.section-tit {
    font-size: 18px;
    line-height: 25px;
    position: relative
}

.section-tit span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    vertical-align: bottom;
    color: #a3a3a3
}

.section-tit .section-tit-best {
    color: #337eff
}

.section-tit .toprgt-bar {
    top: 5px
}

.tit-prompt {
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    max-width: 260px;
    height: 14px;
    padding-bottom: 0;
    color: #b3b3b3
}

.tit-prompt i {
    margin-right: 5px;
    vertical-align: top;
    background-position: -159px -100px;
    width: 14px;
    height: 14px;
    display: inline-block
}

.detail-tit-box {
    margin-bottom: 24px;
    margin-top: 20px;
}
.question-btn {
    float: left;
    margin-left: 522px;
    position: relative;
    top: 30px;
    z-index: 999;
}
.page-banner-bar .bar-item .iconfont.icon-youluPC_common_arrow_bo1{
    top:16px !important;
}
.w-e-menu{
    z-index: 1 !important;
}

.detail-tit {
    font-size: 18px;
    line-height: 25px;
    display: inline;
    margin-right: 6px;
    vertical-align: top;
    word-wrap: break-word
}

.btn-detail-tit {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

.btn-detail-tit:hover {
    border-color: #c2c2c2
}

.btn-detail-tit i {
    display: block;
    margin: 7px auto 0;
    background-position: -177px -127px;
    width: 10px;
    height: 6px
}

.detail-tit-info {
    line-height: 22px;
    margin: -16px 0 18px
}

.detail-tit-info img {
    max-width: 100%
}

.tags {
    font-size: 12px;
    margin-bottom: 18px
}

.recommend-card .tags {
    margin: 6px 0 25px
}

.recommend-card .tags .tags-tab {
    margin: 0 4px;
    background-color: #fff
}

.tags-tab {
    line-height: 17px;
    display: inline-block;
    max-width: 84px;
    height: 18px;
    margin-right: 10px;
    padding: 0 6px;
    color: #fa9600;
    border: 1px solid #f5cc84;
    border-radius: 2px
}

a.tags-tab:hover {
    border-color: #faefc8;
    background-color: #faefc8
}

.tags p {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #a3a3a3
}

.btn-ask-help {
    display: block;
    margin: 20px auto;
    line-height: 29px;
    width: 90px;
    height: 30px
}

.ft-bar {
    line-height: 22px;
    position: relative;
    height: 30px
}

.ft-bar .ft-prompt-txt {
    font-size: 12px;
    line-height: 16px;
    color: #a3a3a3
}

.comment-seciton .ft-bar {
    margin-top: 10px
}

.popup .ft-bar {
    line-height: 36px;
    height: 36px;
    padding-top: 18px
}

.ask-wrap .ft-bar {
    height: 64px;
    padding-top: 32px;
    border-top: 1px solid #f0f0f0
}

.ask-wrap .ft-bar .ft-btn-box {
    bottom: 9px
}

.popup-reward + .ft-bar {
    border-top: 1px solid #f0f0f0
}

.ft-bar .user-thumb {
    position: relative;
    display: block;
    width: 22px;
    height: 22px
}

.ft-bar .user-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%
}

.ft-bar .user-thumb img {
    border-radius: 100%
}

.ft-bar .user-thumb:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.ft-bar .user-name-box {
    float: left;
    margin-right: 10px
}

.ft-bar .user-name {
    font-size: 12px;
    float: left;
    max-width: 84px
}

.ft-bar .user-txt {
    font-size: 12px;
    float: left;
    color: #a3a3a3
}

.ft-bar .user-txt span {
    float: left
}

.ft-bar .user-txt span + span:before {
    float: left;
    width: 1px;
    height: 12px;
    margin: 4px 8px 0;
    content: '';
    background-color: #e0e0e0
}

.user-thumb-box {
    position: relative;
    float: left;
    padding-right: 8px
}

.user-thumb-v1:after {
    font-size: 10px;
    line-height: 13px;
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 14px;
    content: "专 家";
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #ff5429
}

.user-thumb-v2:after {
    font-size: 10px;
    line-height: 13px;
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 14px;
    content: "达 人";
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #fa9600
}

.user-thumb-v3:after {
    font-size: 10px;
    line-height: 13px;
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 14px;
    content: "企 业";
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #337eff
}

.user-thumb-v4:after {
    font-size: 10px;
    line-height: 13px;
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 14px;
    content: "匿 名";
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #9ea2a8
}

.user-thumb-box:hover .mycard-popup {
    display: block
}

.user-name {
    color: #337eff
}

.user-name:hover {
    color: #145ad1
}

.replay-section {
    position: relative;
    padding: 18px 0 12px
}

.replay-section .user-thumb {
    position: relative;
    display: block;
    width: 40px;
    height: 40px
}

.replay-section .user-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    content: '';
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%
}

.replay-section .user-thumb img {
    border-radius: 100%
}

.replay-section .user-thumb:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.replay-section .user-name-box {
    overflow: hidden;
    margin: 1px 0 2px
}

.replay-section .user-name {
    line-height: 20px;
    float: left;
    max-width: 97px
}

.replay-section .user-txt {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 18px;
    color: #a3a3a3
}

.user-level-tag {
    font-size: 11px;
    line-height: 15px;
    position: relative;
    float: left;
    min-width: 26px;
    height: 16px;
    margin: 3px 0 0 12px;
    padding: 0 2px;
    text-align: center;
    color: #337eff;
    border-radius: 0 2px 2px;
    background-color: #d7ecfa
}

.user-level-tag:before {
    position: absolute;
    top: 0;
    left: -5px;
    content: '';
    background-position: -55px -32px;
    width: 5px;
    height: 8px;
    display: block
}

.user-level-tag.user-level-tag-v1 {
    color: #fa9600;
    background-color: #faeec8
}

.user-level-tag.user-level-tag-v1:before {
    background-position: -79px -70px
}

.ft-btn-box {
    position: absolute;
    right: 0;
    bottom: 0
}

.ft-btn-box a {
    float: left;
    margin-left: 18px
}

.popup .ft-btn-box a {
    margin-left: 30px
}

.ft-btn-box .prompt-box {
    top: 38px;
    right: 0
}

.btn-reply {
    line-height: 27px;
    width: 90px;
    height: 28px
}

.btn-reply i {
    margin-left: 6px;
    vertical-align: 2px;
    opacity: .7;
    background-position: -89px -78px;
    width: 10px;
    height: 6px;
    display: inline-block
}

.btn-reply:hover i {
    background-position: -137px -124px
}

.btn-reply.cur i {
    opacity: .7;
    background-position: -89px -78px
}

.btn-reply.cur:hover i {
    background-position: -101px -78px
}

.btn-reply.dim {
    cursor: default;
    color: #a3a3a3;
    border-color: #f0f0f0;
    background-color: #fff
}

.btn-reply.dim i {
    opacity: .7;
    background-position: -177px -135px;
    width: 10px;
    height: 6px
}

.edit-reply {
    position: relative;
    margin: 10px 0;
    border-top: 1px solid #ededed
}

.ipt-err .edit-reply {
    border-color: #ff5429
}

.bg-txtarea-prompt {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .89;
    background-color: #fff
}

.txtarea-box {
    position: relative;
    padding: 15px
}

.edit-txtarea {
    font-size: 15px;
    line-height: 22px;
    width: 100%;
    height: 132px;
    color: #333
}

.err-txtarea-prompt {
    line-height: 22px;
    margin: 0 15px 15px;
    color: #ff5429
}

.txtarea-box .err-txtarea-prompt {
    margin: 0
}

.comment-txtarea-box .err-txtarea-prompt {
    margin: 0
}

.btn-anonymous {
    margin-top: 7px
}

.ask-wrap .btn-anonymous {
    margin-top: 0;
    height: 22px
}

.ask-wrap .btn-anonymous + .btn-anonymous {
    margin-top: 20px
}

.btn-anonymous .prompt-box {
    top: -14px
}

.btn-anonymous input {
    float: left;
    width: 18px;
    height: 18px;
    margin: 2px 8px 0 0;
    cursor: pointer;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-anonymous input:checked {
    border-color: #c2c2c2;
    background-color: #fff;
    background-position: 0 -135px;
    width: 18px;
    height: 18px;
    display: block
}

.btn-anonymous input.dim {
    opacity: .6
}

.btn-anonymous:hover input {
    border-color: #c2c2c2
}

.btn-anonymous label {
    line-height: 22px;
    float: left;
    margin-right: 20px;
    cursor: pointer
}

.btn-anonymous .phone-num {
    color: #337eff;
    margin-left: 8px
}

.btn-anonymous .phone-cost {
    color: #fa9600;
    margin-left: 10px
}

.btn-anonymous .dim {
    color: #a3a3a3
}

.btn-anonymous .dim .phone-num {
    color: #a3a3a3
}

.btn-anonymous .dim .phone-cost {
    color: #a3a3a3
}

.btn-anonymous .dim .ico-popup-reward {
    background-position: -60px -104px
}

.btn-reply-submit {
    line-height: 29px;
    width: 92px;
    height: 30px
}

.popup .btn-reply-submit {
    font-size: 15px;
    line-height: 35px;
    width: 92px;
    height: 36px
}

.ask-wrap .btn-reply-submit {
    font-size: 18px;
    font-weight: 700;
    line-height: 45px;
    width: 156px;
    height: 46px
}

.btn-reply-submit2 {
    line-height: 28px;
    width: 90px;
    height: 28px
}

.popup .btn-reply-submit2 {
    font-size: 15px;
    line-height: 34px;
    width: 90px;
    height: 34px
}

.verify-box {
    overflow: hidden;
    margin-bottom: 40px
}

.verify-thumb {
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 8px;
    border-radius: 2px
}

.verify-txt {
    font-size: 13px;
    line-height: 36px
}

.verify-txt a {
    margin-left: 4px;
    color: #337eff
}

.verify-txt a:hover {
    text-decoration: underline
}

.btn-verify {
    font-size: 15px;
    position: relative;
    float: left;
    width: 90px;
    margin-right: 8px;
    padding: 6px 10px;
    border: solid 1px #e0e0e0;
    border-radius: 2px
}

.btn-verify input {
    line-height: 22px;
    width: 100%;
    height: 22px
}

.btn-verify input::-webkit-input-placeholder {
    text-align: center;
    color: #ccc
}

.btn-verify.ipt-cur {
    border-color: #337eff
}

.btn-verify.ipt-err {
    border-color: #ff5429
}

.btn-verify.ipt-err:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -7px;
    content: '';
    background-position: -159px -84px;
    width: 14px;
    height: 14px;
    display: block
}

.btn-verify.ipt-correct:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -7px;
    content: '';
    background-position: -159px -116px;
    width: 14px;
    height: 14px;
    display: block
}

.related-topic {
    margin: 8px -12px 0
}

.related-topic li {
    line-height: 36px;
    height: 36px
}

.related-topic-tab {
    display: block;
    overflow: hidden;
    padding: 0 12px;
    border-radius: 2px
}

.related-topic-tab:hover {
    background-color: #f2f2f2
}

.related-topic-tit {
    position: relative;
    padding-left: 11px;
    float: left;
    max-width: 479px
}

.related-topic-tit:hover {
    color: #337eff
}

.related-topic-tit:before {
    left: 0;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border-width: 3px 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #a4a9b3
}

.related-topic-date {
    font-size: 13px;
    float: right;
    color: #a3a3a3
}

.related-topic .up-tag {
    font-size: 12px;
    margin-left: 8px
}

.wiki {
    overflow: hidden;
    margin-top: 18px
}

.wiki-thumb {
    position: relative;
    float: left;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    border-radius: 2px;
    background-color: #fafafa
}

.wiki-thumb .wiki-thumb-box {
    font-size: 0;
    line-height: 0;
    display: table-cell;
    width: 120px;
    height: 120px;
    text-align: center
}

.wiki-thumb .wiki-thumb-box img {
    max-width: 120px;
    max-height: 120px;
    vertical-align: middle
}

.wiki-thumb .wiki-thumb-box .thmb_v {
    display: inline-block;
    overflow: hidden;
    height: 100%;
    vertical-align: middle
}

.wiki-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 118px;
    height: 118px;
    content: '';
    border: 1px solid #f0f0f0;
    border-radius: 2px
}

.wiki-tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 1px 0 9px
}

.wiki-tit a:hover {
    text-decoration: underline
}

.wiki-info {
    display: inline;
    line-height: 22px;
    overflow: hidden;
    max-height: 66px;
    text-align: justify;
    word-wrap: break-word
}

.btn-wiki-info {
    line-height: 20px;
    display: inline-block;
    color: #337eff;
    margin-left: 5px
}

.wiki-thumb + .wiki-tit + .wiki-info + .btn-wiki-info {
    margin-left: 0
}

.btn-wiki-info i {
    margin-left: 4px;
    vertical-align: 2px;
    opacity: .7;
    background-position: -89px -78px;
    width: 10px;
    height: 6px;
    display: inline-block
}

.btn-wiki-info:hover {
    color: #145ad1
}

.btn-wiki-info:hover i {
    opacity: 1
}

.related-srch {
    overflow: hidden;
    margin: 11px -14px -5px -7px
}

.related-srch li {
    float: left;
    width: 25%
}

.related-srch a {
    line-height: 34px;
    display: block;
    height: 34px;
    margin-right: 6px;
    padding: 0 7px;
    border-radius: 2px
}

.related-srch a:hover {
    color: #337eff
}

.replay-wrap {
    padding: 18px 0 6px;
    border-top: 1px solid #f2f2f2
}

.replay-wrap:first-child {
    padding-top: 0;
    border-top: none
}

.btn-info-unfold, .btn-replay-edit {
    line-height: 20px;
    margin-right: 8px;
    white-space: nowrap;
    color: #337eff
}

.btn-info-unfold i, .btn-replay-edit i {
    margin-left: 4px;
    vertical-align: 2px
}

.btn-info-unfold:hover, .btn-replay-edit:hover {
    color: #145ad1
}

.btn-info-unfold:hover i, .btn-replay-edit:hover i {
    opacity: 1
}

.btn-info-unfold {
    font-size: 14px
}

.btn-info-unfold i {
    opacity: .7;
    background-position: -89px -78px;
    width: 10px;
    height: 6px;
    display: inline-block
}

.section-toprgt-bar {
    position: absolute;
    top: 18px;
    right: 12px;
    padding-bottom: 4px
}

.section-toprgt-bar:hover .popup-lst {
    display: block
}

.section-toprgt-bar:hover .btn-replay-edit i {
    opacity: .7;
    background-position: -89px -78px;
    width: 10px;
    height: 6px;
    display: inline-block
}

.toprgt-bar {
    position: absolute;
    top: 18px;
    right: 0;
    padding-bottom: 4px
}

.toprgt-bar:hover .popup-lst {
    display: block
}

.btn-replay-edit i {
    opacity: .7;
    background-position: -89px -78px;
    width: 10px;
    height: 6px;
    display: inline-block
}

.btn-report {
    display: none;
    margin-right: 8px;
    color: #a3a3a3
}

.btn-report:hover {
    color: #337eff
}

.toprgt-bar:hover .btn-replay-edit {
    color: #337eff
}

.toprgt-bar:hover .btn-replay-edit i {
    opacity: .7
}

.adopt-tag {
    line-height: 22px;
    float: left
}

.adopt-tag i {
    margin: 2px 8px 0 10px;
    vertical-align: top
}

.adopt-tag-v1 i {
    margin: 0 2px 0 -2px;
    vertical-align: top;
    background-position: -26px -87px;
    width: 24px;
    height: 24px;
    display: inline-block
}

.adopt-tag-v2 i {
    margin: 0 2px 0 -2px;
    vertical-align: top;
    background-position: 0 -87px;
    width: 24px;
    height: 24px;
    display: inline-block
}

.adopt-tag-v3 {
    color: #5bcc39
}

.adopt-tag-v3 i {
    background-position: -159px -17px;
    width: 14px;
    height: 17px;
    display: inline-block
}

.btn-down, .btn-up {
    line-height: 27px;
    position: relative;
    width: 82px;
    height: 28px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

.btn-down:hover, .btn-up:hover {
    border-color: #c2c2c2
}

.dim.btn-down, .dim.btn-up {
    cursor: default;
    border-color: #f0f0f0
}

.replay-info {
    margin-left: 48px
}

.replay-info:hover .btn-report {
    display: inline-block
}

.replay-info-txt {
    font-size: 16px;
    line-height: 28px;
    margin: -12px 0 18px;
    text-align: justify;
    white-space: normal;
    word-wrap: break-word
}

.comment-seciton .replay-info-txt {
    margin-bottom: 0
}

.replay-info-txt img {
    display: block;
    max-width: 100%
}

.replay-info-txt a {
    padding-bottom: 2px;
    border-bottom: 1px solid #666;
    color: #6896e5;
}

.replay-info-txt a:hover {
    color: #3c82fa;
    border-bottom: 1px solid #3c82fa
}

.replay-info-txt ul {
    list-style: disc;
    padding-left: 20px
}

.replay-info-txt ul li p {
    margin: 0
}

.replay-info-txt p {
    margin-top: 15px;
    margin-bottom: 6px;
}

.replay-info-txt ul {
    margin-top: 20px
}

.replay-info-txt h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: -6px;
}

.replay-info-txt .line-gap {
    height: 71px;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.replay-info-txt .line-gap hr {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0;
    left: 50%;
    width: 450px;
    display: block;
    height: 1px;
    margin: 0;
    background-color: #e0e0e0
}

.replay-info-txt .line-gap div, .replay-info-txt .line-gap h3, .replay-info-txt .line-gap ul, .replay-info-txt .line-gap + p {
    margin-top: 0
}

.replay-info-txt .link-card {
    border-radius: 5px;
    border: solid 1px #e0e0e0;
    padding: 0 16px 16px;
    margin-top: 20px;
    margin-bottom: 22px;
    cursor: pointer
}

.replay-info-txt .link-card .title-section {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.replay-info-txt .link-card .content-section {
    color: #666;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 5px;
    line-height: 24px;
    cursor: pointer
}

.replay-info-txt .link-card .link-section {
    position: relative;
    margin-top: 20px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.replay-info-txt .link-card .link-section .thumbnail {
    display: inline-block;
    margin-top: 2px;
    vertical-align: top;
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px
}

.replay-info-txt .link-card .link-section .href {
    margin-left: 8px
}

.replay-info-txt .link-card div + .link-section {
    margin-top: 7px
}

.add-question-bar {
    line-height: 22px;
    margin-bottom: 14px
}

.add-question-bar span {
    font-size: 12px;
    float: right;
    color: #a3a3a3
}

.ft-info-box {
    height: 22px;
    margin-top: 8px;
    color: #a3a3a3
}

.btn-comment {
    margin-right: 12px;
    padding-right: 16px;
    color: #a3a3a3
}

.btn-comment i {
    display: none;
    margin-left: 6px;
    vertical-align: 2px;
    opacity: .7;
    background-position: -89px -78px;
    width: 10px;
    height: 6px
}

.btn-comment:hover {
    padding-right: 0;
    color: #337eff
}

.btn-comment:hover i {
    display: inline-block
}

.btn-comment.on {
    padding-right: 0;
    color: #337eff
}

.btn-comment.on i {
    display: inline-block;
    opacity: .7
}

.btn-comment.on:hover {
    color: #145ad1
}

.btn-comment.on:hover i {
    opacity: 1
}

.btn-adoption {
    color: #4287ff
}

.load-more {
    position: relative;
    padding: 12px 0;
    text-align: center;
    background-color: #fff
}

.load-more:before {
    position: absolute;
    top: 22px;
    left: 50%;
    width: 415px;
    height: 1px;
    margin-left: -207px;
    content: '';
    background-color: #f2f2f2
}

.load-more .btn-load-more {
    position: relative;
    width: 110px;
    background-color: #fff
}

.load-more .btn-load-more2 {
    position: relative;
    width: 110px;
    background-color: #fff
}

.load-more + .replay-wrap {
    display: none
}

.load-more2 {
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #e6e6e6
}

.comment-wrap .load-more2 {
    padding: 12px 0
}

.category-btn-box .load-more2 {
    margin: 15px 0 -15px
}

.category-btn + .load-more2 {
    border-color: #f5f5f5
}

.btn-load-more {
    line-height: 20px;
    display: inline-block;
    color: #a3a3a3
}

.btn-load-more i {
    margin-left: 6px;
    vertical-align: 2px;
    background-position: -177px -135px;
    width: 10px;
    height: 6px;
    display: inline-block
}

.btn-load-more:hover {
    color: #337eff
}

.btn-load-more:hover i {
    opacity: .7;
    background-position: -89px -78px;
    width: 10px;
    height: 6px;
    display: inline-block
}

.btn-load-more2 {
    display: inline-block;
    height: 20px
}

.btn-load-more2 img {
    margin-top: 7px
}

.comment-wrap {
    margin-top: 10px;
    padding: 0 18px;
    border-radius: 2px;
    background: #f8f8f8
}

.comment-wrap .ipt-default .ft-bar {
    display: none
}

.comment-wrap .ipt-cur .ft-bar {
    display: block
}

.comment-wrap .user-thumb {
    position: relative;
    display: block;
    width: 40px;
    height: 40px
}

.comment-wrap .user-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    content: '';
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%
}

.comment-wrap .user-thumb img {
    border-radius: 100%
}

.comment-wrap .user-thumb:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.comment-wrap .user-name-box {
    font-size: 12px;
    line-height: 17px;
    position: relative;
    margin-bottom: 14px
}

.comment-wrap .user-name {
    line-height: 17px;
    margin-right: 8px
}

.comment-wrap .user-txt {
    margin-bottom: 0
}

.comment-seciton {
    position: relative;
    padding: 18px 0;
    border-top: 1px solid #ededed
}

.comment-seciton:first-child {
    border-top: none
}

.btn-del-comment {
    position: absolute;
    top: 0;
    right: 0;
    color: #ff5429
}

.btn-del-comment:hover {
    color: #eb3609
}

.comment-txtarea-box {
    margin-top: 2px;
    padding: 7px 12px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #fff
}

.ipt-cur .comment-txtarea-box {
    border-color: #337eff
}

.ipt-err .comment-txtarea-box {
    border-color: #ff5429
}

.edit-comment-txtarea {
    line-height: 20px;
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0
}

.ipt-height .edit-comment-txtarea {
    height: 80px
}

.btn-comment-submit {
    line-height: 29px;
    width: 70px;
    height: 30px
}

.err-page {
    line-height: 20px;
    padding: 205px 0;
    text-align: center
}

.err-page-tit {
    font-size: 18px;
    margin-top: 40px
}

.err-page-txt {
    margin-top: 12px;
    color: #a3a3a3
}

@-webkit-keyframes bgposition {
    0% {
        background-position: 0 0
    }
    50% {
        background-position: 0 100%
    }
    100% {
        background-position: 0 0
    }
}

@keyframes bgposition {
    0% {
        background-position: 0 0
    }
    50% {
        background-position: 0 100%
    }
    100% {
        background-position: 0 0
    }
}

.recommend-lst {
    line-height: 36px;
    margin: 12px 0 -11px
}

.recommend-lst li {
    margin-bottom: 1px
}

.recommend-tit {
    position: relative;
    display: block;
    height: 36px;
    margin: 0 -12px;
    padding: 0 102px 0 12px;
    border-radius: 2px
}

.recommend-tit:hover {
    background-color: #f5f5f5
}

.recommend-lst .up-tag {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 12px
}

.recommend-lst .up-tag i {
    vertical-align: -1px
}

.category-path {
    line-height: 25px;
    height: 26px;
    margin-top: -2px
}

.category-path em {
    font-weight: 700
}

.category-path-cur {
    display: inline-block;
    max-width: 98px
}

.category-path-arr {
    float: left;
    margin: 9px 8px 0;
    opacity: .4;
    background-position: -185px -143px;
    width: 6px;
    height: 10px;
    display: block
}

.category-path-tab2 {
    float: left;
    padding-right: 5px;
    color: #fa9600
}

.category-path-tab2:hover {
    text-decoration: underline
}

.category-path-box {
    position: relative;
    float: left
}

.category-path-box:hover .category-path-tab {
    border-color: #f5cc84
}

.category-path-box:hover:after {
    position: absolute;
    top: 26px;
    left: 0;
    display: block;
    width: 100%;
    height: 8px;
    content: ''
}

.category-path-box:hover .category-popup-box {
    display: block
}

.category-path-tab {
    line-height: 23px;
    display: block;
    height: 24px;
    padding: 0 4px 0 5px;
    color: #fa9600;
    border: 1px solid #fff;
    border-radius: 2px
}

.category-path-tab:hover {
    text-decoration: underline
}

.category-path-tab-arr {
    margin-left: 5px;
    display: inline-block;
    vertical-align: 3px;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fa9600;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

:hover > .category-path-tab-arr {
    vertical-align: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.category-popup-box {
    position: absolute;
    z-index: 1;
    top: 34px;
    left: 0;
    display: none;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 462px;
    max-height: 184px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.category-popup {
    line-height: 35px;
    overflow: hidden;
    width: 460px;
    margin-bottom: -1px;
    text-align: center
}

.category-popup li {
    float: left;
    width: 114px;
    margin: -1px 0 0 -1px;
    border: 1px solid #f2f2f2
}

.category-popup a {
    display: block;
    width: 98px;
    height: 36px;
    padding: 0 9px
}

.category-popup a:hover {
    background-color: #f2f2f2
}

.category-popup .dim a {
    color: #a3a3a3;
    background-color: #fff
}

.category-tb-box {
    overflow: hidden;
    width: 937px;
    height: 71px;
    margin-top: 9px;
    border: 1px solid #f2f2f2;
    border-radius: 2px
}

.category-tb {
    line-height: 35px;
    overflow: hidden;
    width: 940px;
    text-align: center
}

.category-tb li {
    float: left
}

.category-tb-tab {
    display: block;
    width: 97px;
    height: 35px;
    margin: -1px 0 0 -1px;
    padding: 0 18px;
    border: 1px solid #f2f2f2
}

.category-tb-tab:hover {
    background-color: #f2f2f2
}

.cur .category-tb-tab {
    background-color: #f2f2f2
}

.category-btn-box {
    margin-top: 1px
}

.category-btn {
    line-height: 28px;
    overflow: hidden;
    margin-left: -20px;
    text-align: center
}

.category-btn li {
    float: left;
    margin: 15px 0 0 20px
}

.category-btn-tab {
    display: block;
    width: 97px;
    height: 28px;
    padding: 0 9px;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

.category-btn-tab:hover {
    color: #fa9600;
    border-color: #f5cc84
}

.cur .category-btn-tab {
    color: #fa9600;
    border-color: #f5cc84
}

.sort-nav {
    overflow: hidden
}

.section .sort-nav {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 18px
}

.uc-top-bar .sort-nav {
    font-size: 15px;
    line-height: 26px
}

.sort-nav .cur {
    font-weight: 700;
    color: #337eff
}

.sort-nav .cur:hover {
    text-decoration: none
}

.sort-nav-tab {
    float: left
}

.sort-nav-tab:hover {
    color: #337eff
}

.sort-nav-tab.uc-new {
    position: relative
}

.sort-nav-tab.uc-new:before {
    top: 3px;
    right: -7px;
    left: inherit
}

.sort-nav-bar {
    float: left;
    width: 1px;
    height: 16px;
    margin: 5px 18px 0;
    background-color: #e0e0e0
}

.sort-lst {
    margin: 0 -4px -18px;
    border-top: 1px solid #f5f5f5;
    min-height: 200px
}

.sort-lst li {
    position: relative;
    border-bottom: 1px solid #f5f5f5
}

.sort-lst-tab {
    line-height: 43px;
    display: block;
    overflow: hidden;
    height: 44px;
    padding: 0 4px
}

.sort-lst-tab:hover {
    background-color: #f2f2f2
}

.sort-lst-tab:visited {
    color: #56108d
}

.sort-tit {
    float: left;
    max-width: 490px;
    margin-right: 15px
}

.sort-tit:hover {
    color: #337eff
}

.sort-tit em {
    color: #ff5429
}

.sort-reward {
    float: left;
    width: 48px;
    margin-right: 5px;
    color: #fa9600
}

.ft-info-box .sort-reward {
    margin: 0 0 0 10px
}

.pic-tag {
    float: left;
    margin: 4px 12px 0 -6px;
    background-position: -159px -68px;
    width: 14px;
    height: 14px
}

.sort-lst-tab .pic-tag {
    margin: 15px 12px 0 -11px
}

.sort-tag {
    font-size: 12px;
    line-height: 17px;
    float: left;
    max-width: 60px;
    height: 18px;
    margin-right: 8px;
    padding: 0 6px;
    color: #a3a3a3;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #fff
}

.sort-tag:hover {
    color: #fa9600;
    border-color: #f5cc84;
    background-color: #fff
}

.sort-lst-tab .sort-tag {
    margin-top: 12px
}

.uc-lst .sort-tag {
    margin-right: 10px
}

.sort-rgt {
    position: absolute;
    top: 0;
    right: 4px;
    color: #a3a3a3
}

.sort-rgt-txt {
    font-size: 13px;
    display: inline-block;
    width: 96px;
    text-align: right
}

.sort-searchform {
    position: absolute;
    top: 16px;
    right: 20px
}

.sort-querybox {
    float: left;
    width: 238px;
    height: 26px;
    background-color: #fff
}

.sort-query {
    float: left;
    width: 218px;
    height: 18px;
    margin: 0;
    padding: 4px 10px;
    color: #333;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #e0e0e0;
    border-radius: 2px 0 0 2px;
    outline: 0;
    background-color: #fff;
    line-height: 18px
}

.sort-query:focus {
    position: relative;
    z-index: 1;
    margin-right: -1px;
    border: 1px solid #337eff;
    border-radius: 2px
}

.sort-sbtn1 {
    font-size: 14px;
    line-height: 26px;
    width: 50px;
    height: 28px;
    cursor: pointer;
    color: #333;
    border: solid 1px #e1e1e1;
    border-radius: 0 2px 2px 0;
    outline: 0;
    background-color: #f4f4f4
}

.sort-sbtn1:hover {
    border-color: #dbdbdb;
    background-color: #ededed
}

.my-interest {
    line-height: 24px;
    overflow: hidden
}

.section .my-interest {
    margin: -9px 0 -19px
}

.my-interest p {
    margin-bottom: 10px
}

.my-interest .cur {
    color: #fa9600;
    border-color: #f5cc84
}

.my-interest-tit {
    font-weight: 700;
    float: left;
    margin-right: 8px
}

.btn-interest-option {
    margin-left: 8px;
    color: #337eff
}

.btn-interest-option:hover {
    text-decoration: underline
}

.btn-interest-tab {
    font-size: 13px;
    line-height: 21px;
    float: left;
    max-width: 91px;
    height: 22px;
    margin: 0 15px 10px 0;
    padding: 0 5px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #fff
}

.btn-interest-tab:hover {
    color: #fa9600;
    border-color: #f5cc84
}

.btn-interest-more {
    float: left;
    width: 14px;
    height: 14px;
    padding: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #fff
}

.btn-interest-more i {
    opacity: .5;
    background-position: -159px -132px;
    width: 14px;
    height: 14px;
    display: block
}

.btn-interest-more:hover i {
    opacity: 1
}

.page-num {
    margin-top: 18px;
    text-align: center
}

.sort-lst + .page-num {
    margin-top: 36px
}

.btn-page-next, .btn-page-num, .btn-page-prev {
    line-height: 28px;
    display: inline-block;
    min-width: 20px;
    height: 28px;
    margin: 0 7px 0 8px;
    padding: 0 4px;
    vertical-align: top;
    color: #a3a3a3;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

.btn-page-next:hover, .btn-page-num:hover, .btn-page-prev:hover {
    color: #333;
    border-color: #c2c2c2
}

.btn-page-prev i {
    margin: 9px auto 0;
    opacity: .6;
    background-position: -185px -143px;
    width: 6px;
    height: 10px;
    display: block
}

.btn-page-prev:hover i {
    opacity: 1
}

.btn-page-next i {
    margin: 9px auto 0;
    opacity: .6;
    background-position: -185px -143px;
    width: 6px;
    height: 10px;
    display: block
}

.btn-page-next:hover i {
    opacity: 1
}

.page-num .cur {
    color: #fff;
    border-color: #337eff;
    background-color: #337eff
}

.page-num .cur:hover {
    color: #fff;
    border-color: #337eff
}

.category-none {
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #a3a3a3
}


.sort-lst .category-none {
    padding: 50px 0 68px
}

.my-interest-popup .category-none {
    line-height: 29px;
    margin-bottom: 12px
}

.my-interest-popup .category-none i {
    display: inline-block;
    margin: 3px 8px 0 0;
    vertical-align: top;
    background-position: -124px -48px;
    width: 22px;
    height: 22px
}

.uc-rgt .category-none {
    padding: 60px 0 40px
}

.expert-box {
    margin-top: 10px;
    padding: 0 18px;
    border-radius: 2px;
    background-color: #f8f8f8
}

.expert-tit {
    line-height: 20px;
    position: relative;
    padding: 12px 0
}

.expert-tit .expert-txt {
    color: #a3a3a3
}

.btn-expert-tit {
    padding-bottom: 9px;
    cursor: pointer;
    color: #337eff
}

.btn-expert-tit:hover .expert-name-lst {
    display: block
}

.expert-name-lst {
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 0;
    display: none;
    width: 166px;
    padding: 0 12px;
    border: solid 1px #d6d6d6;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1)
}

.expert-name-lst li + li {
    border-top: 1px solid #f2f2f2
}

.expert-name-lst-tab {
    display: block;
    margin: 0 -12px;
    padding: 12px
}

.expert-name-lst-tab:hover {
    background-color: #f5f5f5
}

.expert-name-lst .user-thumb-box {
    float: left;
    padding-right: 6px
}

.expert-name-lst .user-level-tag {
    margin-left: 10px;
    color: #a3a3a3;
    background-color: #ebebeb
}

.expert-name-lst .user-level-tag:before {
    background-position: -55px -42px;
    width: 5px;
    height: 8px;
    display: block
}

.expert-name-lst .user-thumb {
    position: relative;
    display: block;
    width: 22px;
    height: 22px
}

.expert-name-lst .user-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%
}

.expert-name-lst .user-thumb img {
    border-radius: 100%
}

.expert-name-lst .user-thumb:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.expert-name-lst .user-name-box {
    overflow: hidden
}

.expert-name-lst .user-name {
    line-height: 22px;
    float: left;
    max-width: 97px;
    text-decoration: none;
    color: #333
}

.btn-expert-refresh {
    line-height: 27px;
    float: right;
    height: 28px;
    margin-top: -4px;
    padding: 0 8px;
    color: #a3a3a3;
    border-radius: 2px
}

.btn-expert-refresh:hover {
    color: #337eff
}

.btn-expert-refresh:hover i {
    background-position: -177px -89px
}

.btn-expert-refresh i {
    margin-right: 5px;
    vertical-align: -1px;
    background-position: -177px -103px;
    width: 12px;
    height: 12px;
    display: inline-block
}

.btn-expert-refresh.cur i {
    -webkit-transition: all 2s;
    transition: all 2s;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.expert-lst.expert-lst-mid li {
    min-height: 40px
}

.expert-lst.expert-lst-mid li .user-name-box {
    display: table-cell;
    height: 40px;
    margin: 0;
    vertical-align: middle
}

.expert-lst li {
    position: relative;
    padding: 18px 130px 18px 0;
    border-top: 1px solid #eee
}

.expert-lst li .prompt-box {
    top: 61px;
    right: 0
}

.expert-lst-info {
    overflow: hidden
}

.expert-lst .user-thumb {
    position: relative;
    display: block;
    width: 40px;
    height: 40px
}

.expert-lst .user-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    content: '';
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%
}

.expert-lst .user-thumb img {
    border-radius: 100%
}

.expert-lst .user-thumb:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.expert-lst .user-name-box {
    overflow: hidden;
    margin: 1px 0 6px
}

.expert-lst .user-name {
    line-height: 20px;
    float: left;
    max-width: 97px
}

.expert-lst .user-txt {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 18px;
    color: #a3a3a3
}

.expert-lst .replay-info-txt {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    color: #a3a3a3
}

.expert-user-txt {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    margin: 0 -5px 0 10px;
    padding-left: 10px;
    color: #a3a3a3
}

.expert-user-txt:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 1px;
    height: 12px;
    content: '';
    background-color: #e0e0e0
}

.expert-user-txt2 {
    font-size: 12px;
    line-height: 20px;
    margin-left: 10px;
    color: #333
}

.btn-expert-lst {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
    line-height: 29px;
    width: 70px;
    height: 30px
}

.phone-box2 {
    overflow: hidden
}



.phone-box2 .info {
    overflow: hidden
}

.phone-box2 .info p {
    margin-top: 5px
}

.phone-box2 .info .no-phone {
    line-height: 50px
}

.phone-box2 .numWrap {
    overflow: hidden;
    margin-top: 15px
}

.phone-box2 .numWrap .title {
    float: left;
    margin-right: 20px
}

.phone-box2 .numWrap ul {
    overflow: hidden;
    margin-bottom: -10px
}

.phone-box2 .number {
    font-weight: 700;
    float: left;
    margin: 0 20px 10px 0
}

.phone-box2 .icon-auth {
    margin-left: 10px
}

.top-tips {
    position: relative;
    margin-bottom: 10px;
    padding: 10px 20px;
    color: #a3a3a3;
    border-radius: 2px;
    background-color: #fff
}

.top-tips .btn-popup-close {
    position: absolute;
    top: 2px;
    right: 10px;
    padding: 10px
}

.top-tips .btn-popup-close i {
    opacity: .5;
    background-position: -74px -104px;
    width: 12px;
    height: 12px;
    display: block
}

.top-tips .btn-popup-close i {
    width: 10px;
    height: 10px;
    background-position: -125px -91px
}

.top-tips .btn-popup-close:hover i {
    opacity: 1
}

.top-tips a {
    color: #337eff
}

.top-tips a:hover {
    color: #145ad1
}

.mycard-popup {
    line-height: 1;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 100%;
    display: none;
    width: 280px;
    cursor: default;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1)
}

.mycard-popup .mycard .user-thumb {
    margin: 0 auto;
    position: relative;
    display: block;
    width: 90px;
    height: 90px
}

.mycard-popup .mycard .user-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 86px;
    height: 86px;
    content: '';
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 100%
}

.mycard-popup .mycard .user-thumb img {
    border-radius: 100%
}

.mycard-popup .mycard .user-thumb:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.mycard-popup-v1 {
    top: inherit;
    bottom: 0
}

.user-ribbon-v1 {
    padding-bottom: 10px
}

.home-banner .user-ribbon-v1 {
    padding-bottom: 0
}

.home-banner .user-ribbon-v1:after {
    bottom: -11px
}

.user-ribbon-v1:before {
    border-color: #ff5429 !important
}

.user-ribbon-v1:after {
    line-height: 22px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    content: '专 家';
    text-align: center;
    color: #fff
}

.user-ribbon-v2 {
    padding-bottom: 10px
}

.user-ribbon-v2:before {
    border-color: #fab300 !important
}

.user-ribbon-v2:after {
    line-height: 22px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    content: '达 人';
    text-align: center;
    color: #fff
}

.user-ribbon-v3 {
    padding-bottom: 10px
}

.user-ribbon-v3:before {
    border-color: #fab300 !important
}

.user-ribbon-v3:after {
    line-height: 22px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    content: '企 业';
    text-align: center;
    color: #fff
}

.mycard {
    position: relative;
    overflow: hidden;
    padding-top: 23px
}

.mycard .icon-activity {
    position: absolute;
    top: 25px;
    right: 64px;
    background-position: -78px -87px;
    width: 22px;
    height: 20px;
    display: block
}

.mycard .user-thumb {
    margin: 0 auto;
    position: relative;
    display: block;
    width: 90px;
    height: 90px
}

.mycard .user-thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 86px;
    height: 86px;
    content: '';
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 100%
}

.mycard .user-thumb img {
    border-radius: 100%
}

.mycard .user-thumb:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.mycard .user-ribbon-v1:after {
    margin-left: -49px;
    background-position: -202px 0;
    width: 98px;
    height: 31px;
    display: block
}

.mycard .user-ribbon-v2:after {
    margin-left: -49px;
    background-position: -202px -33px;
    width: 98px;
    height: 31px;
    display: block
}

.mycard .user-ribbon-v3:after {
    margin-left: -51px;
    background-position: 0 -62px;
    width: 102px;
    height: 34px;
    display: block
}

.mycard .mycard-name-box {
    line-height: 24px;
    margin-top: 12px;
    text-align: center
}

.mycard .mycard-name {
    font-size: 18px;
    display: inline-block;
    max-width: 190px;
    vertical-align: top
}

a.mycard-name:hover {
    color: #337eff
}

.mycard .mycard-name-txt {
    line-height: 20px;
    margin-top: 5px;
    text-align: center
}

.mycard .mycard-name-txt2 {
    line-height: 20px;
    margin: 0 15px;
    margin-top: 22px;
    padding: 12px 0;
    text-align: center;
    color: #a3a3a3;
    border-top: 1px solid #f2f2f2
}

.mycard .user-level-tag {
    position: absolute;
    margin: 5px 0 0 11px
}

.mycard-tags-tit {
    font-size: 12px;
    line-height: 18px;
    margin: 12px 0 5px;
    text-align: center;
    color: #a3a3a3
}

.mycard .tags {
    margin-bottom: 8px;
    text-align: center;
    padding: 0 7px 0 15px
}

.mycard .tags-tab {
    max-width: 71px;
    margin-bottom: 8px;
    border-color: #faeec8;
    background-color: #faeec8
}

.mycard .progress-bar-box {
    margin-top: 20px
}

.progress-bar {
    line-height: 18px;
    position: relative;
    height: 18px;
    margin-top: 6px
}

.mycard .progress-bar {
    height: 41px;
    margin: 0 45px
}

.progress-tit-box {
    overflow: hidden;
    padding-top: 10px
}

.progress-tit {
    float: left
}

.progress-tit + .progress-tit {
    float: right
}

.mycard .progress-tit {
    font-size: 12px;
    color: #a3a3a3
}

.uc-top .progress-tit {
    color: #add8ff
}

.uc-grade-prompt .progress-tit {
    font-size: 12px;
    color: #fff
}

.uc-grade-prompt .progress-bar {
    margin-top: 4px
}

.progress-txt {
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    max-width: 468px;
    margin-top: 10px;
    padding: 0 10px;
    color: #add8ff;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .15)
}

.progress-txt .progress-txt-tit {
    float: left;
    margin-right: -12px
}

.progress-txt .progress-txt-clr {
    color: #ffcd05
}

.progress-txt .progress-txt-clr2 {
    color: #7fdb23
}

.progress-txt span {
    display: inline-block;
    max-width: 72px;
    vertical-align: top
}

.btn-progress {
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    margin: 10px 0 0 8px;
    vertical-align: top;
    color: #d9eafd
}

.btn-progress:hover {
    text-decoration: underline;
    color: #fff
}

.progress-bar-tag {
    position: absolute;
    right: -18px;
    bottom: -3px;
    background-position: -159px -116px;
    width: 14px;
    height: 14px;
    display: block
}

.mycard .progress-info {
    height: 6px;
    margin: 0;
    margin-top: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: #f2f2f2
}

.uc-top .progress-info {
    float: left;
    width: 180px;
    height: 8px;
    margin: 6px 8px 0;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .2)
}

.uc-grade-prompt .progress-info {
    float: left;
    width: 100px;
    height: 6px;
    margin: 6px 8px 0;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .2)
}

.progress-info-inside {
    float: left;
    min-width: 4px
}

.mycard .progress-info-inside {
    height: 6px;
    margin: -1px 0 0 -1px;
    border-radius: 6px
}

.uc-top .progress-info-inside {
    height: 8px;
    border-radius: 8px
}

.uc-grade-prompt .progress-info-inside {
    height: 6px;
    border-radius: 6px
}

.progress-info-clr {
    background-color: #ffcd05
}

.mycard .progress-info-clr {
    border: 1px solid #fab300
}

.progress-info-clr2 {
    color: #7fdb23;
    background-color: #7fdb23
}

.mycard .progress-info-clr2 {
    border: 1px solid #76cc21
}

.expert-tag {
    line-height: 19px;
    overflow: hidden;
    width: 500px;
    margin-top: 9px
}

.expert-tag-tit {
    font-size: 12px;
    float: left;
    color: #add8ff
}

.expert-tag-box {
    overflow: hidden
}

.expert-tag-tab {
    font-size: 12px;
    display: inline-block;
    max-width: 84px;
    height: 20px;
    margin: 0 6px 8px 0;
    padding: 0 6px;
    vertical-align: top;
    color: #add8ff;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .16)
}

.signin-box {
    line-height: 23px;
    margin: 25px 0;
    text-align: center
}

.signin-box em {
    font-size: 18px;
    margin: 0 5px
}

.btn-signin {
    position: relative;
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    height: 22px;
    margin-left: 12px;
    padding: 0 6px;
    vertical-align: top;
    color: #995b25;
    border: 1px solid #fab300;
    border-radius: 2px;
    background-color: #ffcd05
}

.btn-signin:hover {
    border: 1px solid #fab300;
    background-color: #fac800
}

.btn-signin.dim {
    cursor: default;
    color: #a3a3a3;
    border-color: #f2f2f2;
    background-color: #f2f2f2
}

.btn-signin.new:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: #ff6664;
    border: solid 1px #fff;
    border-radius: 100%;
    position: absolute;
    top: -4px;
    right: -4px
}

.mycard-bottom {
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #f2f2f2;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #fafafa
}

.mycard-bottom-tab {
    float: left;
    width: 50%;
    margin-left: -1px;
    padding: 10px 0;
    border-left: 1px solid #f2f2f2
}

a.mycard-bottom-tab:hover {
    background-color: #f5f5f5
}

.mycard-bottom-tit {
    font-size: 12px;
    line-height: 18px;
    display: block;
    color: #a3a3a3
}

.mycard-bottom-txt {
    font-size: 20px;
    line-height: 26px;
    display: inline-block;
    margin-top: 2px;
    color: #333
}

.ad-activity-wrap {
    position: fixed;
    top: 285px;
    left: 50%;
    margin-left: -622px
}


.ad-activity-wrap .btn-ad-activity {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px
}

.agreement-wrap {
    background-color: #fff;
    width: 980px;
    margin: 20px auto 40px;
    border-radius: 2px
}

.agreement-main {
    overflow: hidden;
    font-size: 14px;
    text-align: justify;
    padding: 50px
}

.agreement-tit {
    line-height: 30px;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px
}

.agreement-tit2 {
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.agreement-txt {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px
}

.agreement-lst {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    font-size: 14px;
    line-height: 24px
}

.ld-recommend-lst {
    overflow: hidden;
    margin: 12px 0 0
}

.ld-recommend-lst .emoji {
    width: 18px;
    vertical-align: middle
}

.ld-recommend-lst li {
    float: left
}

.ld-recommend-lst li + li {
    margin-left: 10px
}

.ld-recommend-tab {
    display: block
}

.ld-recommend-thumb {
    width: 210px;
    height: 152px;
    overflow: hidden;
    position: relative
}

.ld-recommend-tit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 182px;
    padding: 8px 14px;
    line-height: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)
}

:root .ld-recommend-tit {
    -webkit-filter: none;
    filter: none
}

.ld-recommend-tit p {
    height: 40px
}

.ld-recommend-bar {
    line-height: 20px;
    font-size: 13px;
    color: #a3a3a3;
    margin-top: 12px;
    padding: 0 8px 0 2px
}

.ld-recommend-rgt {
    float: right
}

.ld-recommend-num {
    margin-left: 8px
}

.ld-recommend-tag {
    max-width: 6.1em;
    display: inline-block;
    vertical-align: top
}

.ld-recommend-tag + .ld-recommend-tag {
    padding-left: 15px;
    position: relative
}

.ld-recommend-tag + .ld-recommend-tag:before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #ced2d6;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -2px
}

.btn-toprgt-more {
    display: block;
    line-height: 20px;
    white-space: nowrap;
    color: #337eff;
    margin: 3px 6px 0 0
}

.btn-toprgt-more i {
    margin-left: 6px;
    vertical-align: 2px;
    opacity: .7;
    background-position: -89px -78px;
    width: 10px;
    height: 6px;
    display: inline-block
}

.btn-toprgt-more:hover {
    color: #145ad1
}

.btn-toprgt-more:hover i {
    opacity: 1
}

.gap-line + .gap-line {
    margin-left: 17px;
    position: relative
}

.gap-line + .gap-line:before {
    width: 1px;
    height: 12px;
    background-color: #e0e0e0;
    content: '';
    left: -9px
}

.section-advertising {
    width: 690px;
    height: 140px;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 2px
}

.slip-word {
    position: absolute;
    z-index: 100;
    display: none;
    width: 65px;
    height: 28px;
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    border: solid 1px #e6e6e6;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1)
}

.slip-word i {
    background-position: -159px -52px;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 4px;
    content: '';
    vertical-align: -1px
}

.q-bot-ad .q-bot-laisee {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #337eff;
    padding-left: 20px
}

.q-bot-ad .q-bot-laisee:hover {
    color: #145ad1
}

.q-bot-ad .q-bot-laisee:hover:after {
    background-position: -580px -330px;
    width: 4px;
    height: 7px
}

.q-bot-ad .q-bot-laisee:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    background-position: -551px -330px;
    width: 13px;
    height: 16px
}

.q-bot-ad .q-bot-laisee:after {
    content: " ";
    background-position: -586px -330px;
    width: 4px;
    height: 7px;
    position: absolute;
    top: 5.5px;
    right: -6px
}

.nav-bot-banner-ad {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 110px;
    background-color: rgba(4, 10, 46, .83);
    -webkit-transition: left 1s ease-out;
    transition: left 1s ease-out
}

.nav-bot-banner-ad .nav-bot-banner-wrap {
    margin: 0 auto;
    position: relative;
    width: 1000px
}

.nav-bot-banner-ad .nav-bot-banner-wrap .travel-banner {
    background-position: 0 0;
    width: 932px;
    height: 108px
}

.nav-bot-banner-ad .nav-bot-banner-wrap .game-banner {
    background-position: 0 -220px;
    width: 932px;
    height: 108px
}

.nav-bot-banner-ad .nav-bot-banner-wrap .finance-banner {
    background-position: 0 -110px;
    width: 932px;
    height: 108px
}

.nav-bot-banner-ad .nav-bot-banner-wrap .nav-bot-banner-bg {
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: -12.5px;
    margin: 0 auto;
    overflow: hidden
}

.nav-bot-banner-ad .nav-bot-banner-wrap .nav-bot-banner-bg .nav-bot-banner-txt {
    margin-top: 23px;
    font-size: 30px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 3.2px;
    color: #fff;
    text-align: center
}

.nav-bot-banner-ad .nav-bot-banner-wrap .nav-bot-banner-bg .nav-bot-banner-txt2 {
    font-size: 17px;
    font-style: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 3.2px;
    color: #fff;
    text-align: center
}

.nav-bot-banner-ad .nav-bot-banner-wrap .nav-bot-banner-bg .nav-bot-banner-txt2 .amount {
    color: #ffe014;
    font-weight: 700
}

.nav-bot-banner-ad .nav-bot-banner-wrap .nav-bot-banner-bg .nav-bot-banner-txt2 .amount-light {
    font-weight: 400
}

.nav-bot-banner-ad .nav-bot-banner-wrap .nav-bot-banner-close {
    display: inline-block;
    position: relative;
    left: 39px;
    top: -72px;
    cursor: pointer;
    background-position: -524px -330px;
    width: 25px;
    height: 25px
}

.nav-bot-banner-c {
    position: fixed;
    left: 0;
    bottom: 50px;
    cursor: pointer;
    -webkit-transition: left 1s ease-in;
    transition: left 1s ease-in;
    font-size: 13px;
    color: #fff
}

.nav-bot-banner-c span {
    position: absolute;
    bottom: 6px;
    left: 19px;
    line-height: 18px
}

.nav-bot-banner-c-travel {
    background-position: -308px -330px;
    width: 106px;
    height: 102px
}

.nav-bot-banner-c-game {
    background-position: -200px -330px;
    width: 106px;
    height: 102px
}

.nav-bot-banner-c-finance {
    background-position: -416px -330px;
    width: 106px;
    height: 102px
}

.guess-u-like-section {
    overflow: hidden;
    padding: 18px 20px 18px 20px
}

.guess-u-like-section .left-page {
    cursor: pointer;
    content: " ";
    position: absolute;
    left: 0;
    top: 74px;
    width: 20px;
    height: 60px;
    background-color: #e3e3e3
}

.guess-u-like-section .left-page.disable:hover {
    cursor: default;
    background-color: #e3e3e3
}

.guess-u-like-section .left-page:hover {
    background-color: #337eff
}

.guess-u-like-section .left-page:after {
    content: " ";
    background-position: -524px -357px;
    width: 8px;
    height: 14px;
    position: absolute;
    top: 24px;
    right: 6px
}

.guess-u-like-section .right-page {
    cursor: pointer;
    content: " ";
    position: absolute;
    right: 0;
    top: 74px;
    width: 20px;
    height: 60px;
    background-color: #e3e3e3
}

.guess-u-like-section .right-page.disable:hover {
    cursor: default;
    background-color: #e3e3e3
}

.guess-u-like-section .right-page:hover {
    background-color: #337eff
}

.guess-u-like-section .right-page:after {
    content: " ";
    background-position: -534px -357px;
    width: 8px;
    height: 14px;
    position: absolute;
    top: 24px;
    right: 6px
}

.guess-u-like-section .guess-u-like {
    margin: 18px 0 0 0;
    height: 120px;
    white-space: nowrap
}

.guess-u-like-section .guess-u-like li {
    cursor: pointer;
    display: inline-block;
    width: 105px
}

.guess-u-like-section .guess-u-like li + li {
    margin-left: 31px
}

.guess-u-like-section .guess-u-like li .guess-bg {
    display: block;
    width: 105px;
    height: 84px
}

.guess-u-like-section .guess-u-like li:hover .guess-txt {
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    color: #337eff
}

.guess-u-like-section .guess-u-like li .guess-txt {
    display: block;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #333;
    text-align: center
}

.right-side-ad {
    position: fixed;
    right: 15px;
    top: 280px;
    border-radius: 86px;
    background-color: #fff;
    width: 86px;
    height: 327px;
    -webkit-transition: right .5s ease-in;
    transition: right .5s ease-in
}

.right-side-ad .top-close {
    content: " ";
    position: absolute;
    top: -24px;
    right: 7px;
    cursor: pointer;
    background-position: -566px -330px;
    width: 12px;
    height: 12px
}

.right-side-ad .travel-game {
    background-position: 0 -330px;
    width: 98px;
    height: 118px
}

.right-side-ad .finance {
    background-position: -100px -330px;
    width: 98px;
    height: 118px
}

.right-side-ad .top-bg {
    position: relative;
    top: -7px;
    left: -6px
}

.right-side-ad .top-bg .top-txt {
    cursor: pointer;
    position: relative;
    top: 55px;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    margin: 0 15px;
    text-align: center
}

.right-side-ad .top-bg .large {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500
}

.right-side-ad .top-bg .txt-ls {
    position: relative;
    top: 76px;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #333
}

.right-side-ad .top-bg .txt-ls .txt {
    text-align: center;
    padding-bottom: 10px;
    margin: 10px 15px;
    border-bottom: .5px solid #f0f0f0
}

.right-side-ad .top-bg .txt-ls .txt:hover {
    cursor: pointer;
    color: #337eff
}

.right-side-ad .top-bg .txt-ls .txt:last-child {
    border-bottom: none
}

.right-side-ad .top-bg .txt-ls .finance-txt:hover {
    cursor: pointer;
    color: #f75926
}

.business-cooperation {
    position: fixed;
    z-index: 10;
    top: 384px;
    right: 0;
    width: 108px;
    height: 119px
}
.hotKeywords{
    background: #ffffff;
    padding-bottom: 49px;
    margin-top: 9px;
}
.hotKeywords .col-right-list{
    padding: 0 20px;
}
.hotKeywords .col-right-list a{
    display: block;
    padding: 0 13px;
    line-height: 36px;
    height: 36px;
    background: #F8F8F8;
    border-radius: 6px;
    border: 1px solid #E5E5E5;
    font-size: 14px;
    color:#333333;
    margin-right: 15px;
    margin-top: 18px;
}
.hotKeywords .col-right-list a:hover{
    background: #006CDE;
    color: #ffffff;
}
pre p{
    /*margin: -18px 0!important;*/
    /*margin-bottom: -30px!important;*/
}
.main-right{
    width:383px;
    float:left;
    margin-left: 18px;
    margin-top: 0px;
}
.main-right .newsbox{
    background: #ffffff;
}
.main-right .st-rc-teaser-p{
    margin-top: 17px;
    background: #ffffff;
}
.st-rc-lst-p{
    padding-bottom: 16px;
}
.main-right .st-rc-teaser-p li{
    padding: 8px 0;
    overflow: hidden;
    list-style-type: none;
    margin-left: 18px;
    margin-right: 17px;
    font-size: 14px;
}
.main-right .st-rc-teaser-p li img{
    width: 100%;

}
.main-right .st-rc-teaser-p li p{
    height: 36px;
    padding-left: 19px;
    background: #006CDE;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 36px;
}
.main-right .panel-title.tabs{
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px;
    padding-top: 32px;
    padding-left: 20px;
    padding-bottom: 27px;
    width:100%;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 10px;
    border-left: none;
}
.newsbox .faq li {
    border-bottom: 1px solid #eee;
    padding: 8px 0;
    overflow: hidden;
    list-style-type: none;
    margin-left: 18px;
    margin-right: 17px;
    font-size: 14px;
}
.newsbox .faq li .askName{
    margin-left: 18px;

}
.newsbox .faq b {
    font-size: 14px;
    display: inline-block;
    background: #006CDE;
    line-height: 23px;
    width: 23px;
    height: 23px;
    border-radius: 2px;
    color: #fff;
    vertical-align: middle;
    font-weight: normal;
    float: left;
    text-align: center;
}
.newsbox .faq li .ask {
    max-height: 44px;
    overflow: hidden;
    display: block;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsbox .faq .answer {
    margin-top: 9px;
    color: #999;
    max-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.rightNavigationBar li .barFloatText2 img{
    display: inline-block;
}

.st-rc-lst-p .clear{
    height:auto;
    line-height: unset;
}