@import "/static/css/semantic.min.css";
@import "/static/css/swiper.min.css";
@font-face {
    font-family: 'icomoon';
    src: url('/static/images/icomoon.eot?-gtc7rw');
    src: url('/static/images/icomoon.eot?#iefix-gtc7rw') format('embedded-opentype'),url('/static/images/icomoon.woff?-gtc7rw') format('woff'),url('/static/images/icomoon.ttf?-gtc7rw') format('truetype'),url('/static/images/icomoon.svg?-gtc7rw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-industryIcon_01_canYin:before {
    content: "\e600"
}

.icon-industryIcon_02_sheQu:before {
    content: "\e601"
}

.icon-industryIcon_03_meiYe:before {
    content: "\e602"
}

.icon-industryIcon_04_jiaJu:before {
    content: "\e603"
}

.icon-industryIcon_05_lvYou:before {
    content: "\e604"
}

.icon-industryIcon_06_jiaoYu:before {
    content: "\e605"
}

.icon-industryIcon_07_yiLiao:before {
    content: "\e606"
}

.icon-industryIcon_08_qiChe:before {
    content: "\e607"
}

.icon-industryIcon_09_chuXing:before {
    content: "\e608"
}

.icon-industryIcon_10_fangChan:before {
    content: "\e609"
}

.icon-industryIcon_11_hunJia:before {
    content: "\e60a"
}

.icon-industryIcon_12_qiTa:before {
    content: "\e60b"
}

.icon-industryIcon_13_lingShou:before {
    content: "\e60c"
}

.icon-industryIcon_14_jinRong:before {
    content: "\e60d"
}

.icon-industryIcon_15_fuWuShang:before {
    content: "\e60e"
}

.mixin-company-text-simple {
    margin-bottom: 60px
}

.mixin-company-text-simple .ui.celled.grid.mixin-company-list {
    box-shadow: none
}

.mixin-company-text-simple .ui.celled.grid.mixin-company-list .item-wrap.column {
    padding: 0;
    width: 110px;
    height: 88px;
    display: inline-block;
    border: 1px solid #eee;
    text-align: -webkit-center
}

.mixin-company-text-simple .ui.celled.grid.mixin-company-list .item-wrap.column a.link {
    display: inline-block;
    width: 100%;
    height: 100%
}

.mixin-company-text-simple .ui.celled.grid.mixin-company-list .item-wrap.column a.link .img-wrap {
    padding-top: 3px;
    width: 100px;
    height: 82px;
    display: table-cell;
    vertical-align: middle
}

.mixin-company-text-simple .ui.celled.grid.mixin-company-list .item-wrap.column a.link .img-wrap img {
    width: 100%
}

.mixin-company-text-simple .ui.celled.grid.mixin-company-list .item-wrap.column a.link .img-wrap .img {
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 80px
}

.mixin-company-text-simple .ui.celled.grid.mixin-company-list .item-wrap.column a.link .img-wrap label.label {
    padding: .35em !important;
    background-color: #6751A4;
    font-size: 12px;
    border: 2px solid #ffffff;
    color: #ffffff
}

.ui.celled.grid.mixin-company-list .row {
    box-shadow: none
}

.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column {
    box-shadow: none
}

.mixin-person-grid .card {
    width: 100%
}

.mixin-person-grid .card img {
    width: 6rem;
    height: 6rem;
    border-radius: 60px !important;
    margin: 0 auto
}

.mixin-person-grid .card b.center {
    text-align: center
}

.mixin-person-grid .column {
    border: none
}

.mixin-person-grid .ui.card.mixin-card {
    border: none
}

.tagframe .mixin-person-grid .column {
    margin-bottom: 20px
}

.tagframe .mixin-person-grid .column .ui.large.label {
    margin: 0 0 0 -3.1em !important;
    top: -0.2em;
    font-size: 12px;
    border: 2px solid #ffffff;
    padding: .35em !important;
    background-color: #6751A4;
    color: #FFFFFF
}

.mixin-bar-pagenation {
    margin-bottom: 150px;
    margin-left: 13px
}

.mixin-bar-pagenation .ui.button.oo-page {
    width: 125px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 500px;
    color: #AAAAAA
}

.mixin-bar-pagenation .ui.button.oo-page:hover {
    color: #F5BC00
}

@media (max-width: 1200px) {
    .banner img {
        width:48rem !important
    }

    .text-divide {
        background-size: 48rem !important
    }

    .ui.top.attached.tabular.menu .item {
        width: 6.9rem
    }

    .ui.bottom.attached.tab.segment .title h3 {
        margin-bottom: 1.2rem
    }

    .column>.ui.statistic>span {
        margin-right: .3rem
    }

    .column>.ui.statistic>.value {
        font-size: 2.7rem
    }

    .column>.ui.statistic>.label {
        font-size: .8rem
    }

    .ui.card.mixin-banner-slider img {
        width: 21rem
    }

    .ui.very.relaxed.divided.list.mixin-articles .item-tip .words {
        font-size: .5rem
    }
}

.large-text.title {
    top: 20px;
    position: relative;
    background: #fff;
    z-index: 100;
    width: 100px;
    left: 12px;
    text-align: center;
    color: #6751A4;
    font-weight: 600
}

.mixin-large-text {
    border: 6px solid #FFFFFF;
    color: #333;
    padding: 20px;
    padding-bottom: 10px;
    position: relative
}

.mixin-large-text .box-overflow {
    overflow: hidden;
    height: 4.05rem;
    transition: height 1s
}

.mixin-large-text .box-overflow .box-text {
    font-size: 1.14285714rem;
    margin: 0;
    overflow: hidden
}

.mixin-large-text .box-overflow pre.box-text {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.mixin-large-text .box-bar {
    text-align: right;
    display: none
}

.mixin-large-text .box-bar.show-all,.mixin-large-text .box-bar.show-cut {
    display: block
}

.mixin-large-text .box-bar.show-all .up {
    display: inline-block
}

.mixin-large-text .box-bar.show-all .down {
    display: none
}

.mixin-large-text .box-bar.show-cut .up {
    display: none
}

.mixin-large-text .box-bar.show-cut .down {
    display: inline-block
}

.mixin-large-text .box-bar .up,.mixin-large-text .box-bar .down {
    display: none
}

.mixin-header {
    border-bottom: 2px solid #eee;
    margin-bottom: 2rem;
    position: relative
}

.mixin-header h1,.mixin-header h2,.mixin-header h3,.mixin-header h4,.mixin-header h5,.mixin-header h6 {
    display: inline-block;
    padding: 0 2rem .8rem;
    margin: 0;
    margin-bottom: -11px;
    border-bottom: 2px solid #2D273D;
    color: #2D273D;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.mixin-header .right {
    text-align: right !important
}

.mixin-header .right.h1 {
    line-height: 4.2855rem
}

.mixin-header .right.h2 {
    line-height: 3.429rem
}

.mixin-header .right.h3 {
    line-height: 2.571rem
}

.mixin-header .right.h4 {
    line-height: 2.1435rem
}

.mixin-header .right.h5 {
    line-height: 2.1435rem
}

.mixin-tag {
    display: inline-block;
    padding-left: 16px;
    background: url("/static/images/tag_f.png") no-repeat 0 -58px;
    margin-right: 5px
}

.mixin-tag span {
    display: inline-block;
    padding: 0 16px 0 0;
    background: url("/static/images/tag_f.png") no-repeat right -58px;
    color: #6751A4;
    line-height: 1.5rem
}

.mixin-tag.active,.mixin-tag:hover {
    background-position: left -28px
}

.mixin-tag.active span,.mixin-tag:hover span {
    background-position: right 2px;
    color: #ffffff
}

#scrollUp {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: 555px;
    bottom: 200px;
    background: url("/static/images/up-default.png") center no-repeat;
    z-index: 99 !important;
    background-color: #fff
}

#scrollUp:hover {
    background: url("/static/images/up-hover.png") center no-repeat;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08)
}

.mixin-pull-down-tags {
    position: relative
}

.mixin-pull-down-tags .tags-wrap {
    position: relative;
    width: 100%
}

.mixin-pull-down-tags .tags-wrap .tags-hidden {
    display: none
}

.mixin-pull-down-tags .tags-wrap.mixin-tags-box-shadow {
    width: 100%;
    position: absolute;
    padding: 5px;
    box-shadow: 0 4px 20px 6px rgba(0,0,0,0.15);
    background-color: #ffffff;
    z-index: 11
}

.mixin-pull-down-tags .spread {
    position: absolute;
    top: 0;
    right: -4px;
    z-index: 12
}

.mixin-pull-down-tags .spread i.icon {
    padding-left: 5px
}

.mixin-pull-down-tags .tags-popup {
    width: 100%;
    position: absolute;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
    background-color: #ffffff;
    z-index: 11;
    border-radius: .3rem;
    border: none;
    padding: 10px;
    padding-left: 0;
    top: -10px
}

.mixin-pull-down-tags .my-hidden {
    display: none
}

.ui.modal.signin-modal.mixin-signin-modal,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal,.ui.modal.forget-modal.mixin-forget-modal,.ui.modal.register-modal.mixin-register-modal {
    width: 400px;
    margin-left: -200px;
    margin-top: -300px
}

.ui.modal.signin-modal.mixin-signin-modal .header,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .header,.ui.modal.forget-modal.mixin-forget-modal .header,.ui.modal.register-modal.mixin-register-modal .header {
    background: #ffffff;
    color: #2D273D;
    text-align: center;
    font-weight: bold
}

.ui.modal.signin-modal.mixin-signin-modal .header p,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .header p,.ui.modal.forget-modal.mixin-forget-modal .header p,.ui.modal.register-modal.mixin-register-modal .header p {
    font-size: 1rem;
    font-weight: normal
}

.ui.modal.signin-modal.mixin-signin-modal.mixin-wechat-signin-modal .header,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal.mixin-wechat-signin-modal .header,.ui.modal.forget-modal.mixin-forget-modal.mixin-wechat-signin-modal .header,.ui.modal.register-modal.mixin-register-modal.mixin-wechat-signin-modal .header {
    margin: 0
}

.ui.modal.signin-modal.mixin-signin-modal .content,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content,.ui.modal.forget-modal.mixin-forget-modal .content,.ui.modal.register-modal.mixin-register-modal .content {
    padding: 0 20px;
    margin-bottom: 30px
}

.ui.modal.signin-modal.mixin-signin-modal .content input,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content input,.ui.modal.forget-modal.mixin-forget-modal .content input,.ui.modal.register-modal.mixin-register-modal .content input {
    border: none;
    border-radius: 0;
    padding: 20px 18px;
    margin-left: 12px;
    font-size: 1.2rem
}

.ui.modal.signin-modal.mixin-signin-modal .content .field,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field,.ui.modal.forget-modal.mixin-forget-modal .content .field,.ui.modal.register-modal.mixin-register-modal .content .field {
    padding-left: 30px;
    margin: 0;
    border-bottom: 1px solid #dcdcdc;
    position: relative
}

.ui.modal.signin-modal.mixin-signin-modal .content .field.error .prompt.label,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field.error .prompt.label,.ui.modal.forget-modal.mixin-forget-modal .content .field.error .prompt.label,.ui.modal.register-modal.mixin-register-modal .content .field.error .prompt.label {
    margin-bottom: 1rem;
    float: left
}

.ui.modal.signin-modal.mixin-signin-modal .content .field.error i.remove.icon,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field.error i.remove.icon,.ui.modal.forget-modal.mixin-forget-modal .content .field.error i.remove.icon,.ui.modal.register-modal.mixin-register-modal .content .field.error i.remove.icon {
    display: inline-block
}

.ui.modal.signin-modal.mixin-signin-modal .content .field .icon,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field .icon,.ui.modal.forget-modal.mixin-forget-modal .content .field .icon,.ui.modal.register-modal.mixin-register-modal .content .field .icon {
    opacity: 1;
    font-size: 1.2rem;
    left: -10px
}

.ui.modal.signin-modal.mixin-signin-modal .content .field i.remove.icon,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field i.remove.icon,.ui.modal.forget-modal.mixin-forget-modal .content .field i.remove.icon,.ui.modal.register-modal.mixin-register-modal .content .field i.remove.icon,.ui.modal.signin-modal.mixin-signin-modal .content .field i.checkmark.icon,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field i.checkmark.icon,.ui.modal.forget-modal.mixin-forget-modal .content .field i.checkmark.icon,.ui.modal.register-modal.mixin-register-modal .content .field i.checkmark.icon {
    left: auto;
    right: -30px;
    color: #F73965;
    font-size: 1.4rem;
    font-weight: 100;
    display: none
}

.ui.modal.signin-modal.mixin-signin-modal .content .field i.checkmark.icon,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field i.checkmark.icon,.ui.modal.forget-modal.mixin-forget-modal .content .field i.checkmark.icon,.ui.modal.register-modal.mixin-register-modal .content .field i.checkmark.icon {
    color: #499751
}

.ui.modal.signin-modal.mixin-signin-modal .content .field .input,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field .input,.ui.modal.forget-modal.mixin-forget-modal .content .field .input,.ui.modal.register-modal.mixin-register-modal .content .field .input {
    padding: 0 10px
}

.ui.modal.signin-modal.mixin-signin-modal .content .field .ui.pointing.label,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field .ui.pointing.label,.ui.modal.forget-modal.mixin-forget-modal .content .field .ui.pointing.label,.ui.modal.register-modal.mixin-register-modal .content .field .ui.pointing.label {
    position: absolute;
    z-index: 1;
    box-shadow: 2px;
    bottom: 3.8em;
    left: 1.3em
}

.ui.modal.signin-modal.mixin-signin-modal .content .field .ui.pointing.label.red .label,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field .ui.pointing.label.red .label,.ui.modal.forget-modal.mixin-forget-modal .content .field .ui.pointing.label.red .label,.ui.modal.register-modal.mixin-register-modal .content .field .ui.pointing.label.red .label,.ui.modal.signin-modal.mixin-signin-modal .content .field .ui.pointing.label.red,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field .ui.pointing.label.red,.ui.modal.forget-modal.mixin-forget-modal .content .field .ui.pointing.label.red,.ui.modal.register-modal.mixin-register-modal .content .field .ui.pointing.label.red {
    background-color: #ffffff
}

.ui.modal.signin-modal.mixin-signin-modal .content .field .ui.pointing.label:before,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field .ui.pointing.label:before,.ui.modal.forget-modal.mixin-forget-modal .content .field .ui.pointing.label:before,.ui.modal.register-modal.mixin-register-modal .content .field .ui.pointing.label:before {
    top: 1.8em
}

.ui.modal.signin-modal.mixin-signin-modal .content .field .ui.pointing.label i.remove.icon,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .content .field .ui.pointing.label i.remove.icon,.ui.modal.forget-modal.mixin-forget-modal .content .field .ui.pointing.label i.remove.icon,.ui.modal.register-modal.mixin-register-modal .content .field .ui.pointing.label i.remove.icon {
    color: #ffffff;
    margin-right: 0;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer
}

.ui.modal.signin-modal.mixin-signin-modal.mixin-forget-modal .actions,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal.mixin-forget-modal .actions,.ui.modal.forget-modal.mixin-forget-modal.mixin-forget-modal .actions,.ui.modal.register-modal.mixin-register-modal.mixin-forget-modal .actions {
    padding-bottom: 20px
}

.ui.modal.signin-modal.mixin-signin-modal .actions,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .actions,.ui.modal.forget-modal.mixin-forget-modal .actions,.ui.modal.register-modal.mixin-register-modal .actions {
    padding: 0;
    border-top: 0;
    line-height: 30px;
    text-align: left;
    background: #ffffff
}

.ui.modal.signin-modal.mixin-signin-modal .actions .btns,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .actions .btns,.ui.modal.forget-modal.mixin-forget-modal .actions .btns,.ui.modal.register-modal.mixin-register-modal .actions .btns {
    padding: 0 20px
}

.ui.modal.signin-modal.mixin-signin-modal .actions .open-forget,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .actions .open-forget,.ui.modal.forget-modal.mixin-forget-modal .actions .open-forget,.ui.modal.register-modal.mixin-register-modal .actions .open-forget {
    float: left;
    color: #999
}

.ui.modal.signin-modal.mixin-signin-modal .actions .ui.approve.button,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .actions .ui.approve.button,.ui.modal.forget-modal.mixin-forget-modal .actions .ui.approve.button,.ui.modal.register-modal.mixin-register-modal .actions .ui.approve.button {
    margin-left: 205px
}

.ui.modal.signin-modal.mixin-signin-modal .actions .button,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .actions .button,.ui.modal.forget-modal.mixin-forget-modal .actions .button,.ui.modal.register-modal.mixin-register-modal .actions .button {
    background: #6751a4;
    color: #fff;
    width: 95px;
    height: 36px;
    margin: 0
}

.ui.modal.signin-modal.mixin-signin-modal .actions .register,.ui.modal.wechat-signin-modal.mixin-wechat-signin-modal .actions .register,.ui.modal.forget-modal.mixin-forget-modal .actions .register,.ui.modal.register-modal.mixin-register-modal .actions .register {
    border-top: 1px solid #dcdcdc;
    margin-top: 30px;
    padding: 10px 20px;
    text-align: left;
    line-height: 56px;
    color: #999
}

.ui.modal.forget-modal {
    height: 252px
}

.ui.modal.forget-modal .ui.approve.button {
    width: 120px !important;
    margin-right: 120px !important
}

.ui.modal.register-modal .ui.approve.button {
    background: #ffcc01 !important;
    margin-left: 112px !important
}

.ui.modal.register-modal .actions {
    padding: 0 20px 20px !important
}

.ui.modal.register-modal .actions>a {
    margin-right: 50px
}

.mine-change-password {
    width: 650px !important;
    background: #FFFFFF
}

.mine-change-password .ui.pointing.label {
    left: 40px;
    position: absolute
}

.mine-change-password hr {
    border: 1px solid #EEEEEE
}

.mine-change-password .ui.menu .item:before {
    width: 0
}

.mine-change-password .mine-header {
    margin: 0;
    color: #2D273D;
    font-weight: bold;
    height: 70px
}

.mine-change-password .mine-header .ui.button.buttons {
    width: 100%;
    background: #FFFFFF;
    margin-left: 0;
    border-bottom: 2px solid #EEEEEE;
    height: 60px;
    margin-top: 10px;
    border-radius: 0
}

.mine-change-password .mine-header .ui.button.buttons .ui.button {
    padding: 24px 15px 0 15px;
    font-weight: 100;
    border-radius: 0;
    margin-top: -10px;
    font-size: 24px;
    color: #999999;
    background: rgba(255,255,255,0);
    height: 60px;
    width: 30%;
    margin-left: 10px
}

.mine-change-password .mine-header .ui.button.buttons .chang-info {
    margin-right: 15px
}

.mine-change-password .mine-header .ui.button.buttons .active {
    color: #2d273d !important;
    border-bottom: 2px solid #2D273D
}

.mine-change-password .mine-content table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: #EEEEEE;
    border-top: white
}

.mine-change-password .mine-content .user-introduce textarea {
    width: 420px;
    height: 80px;
    border: 0;
    margin-left: 20px
}

.mine-change-password .mine-content .user-introduce textarea::-webkit-input-placeholder {
    color: #ddd
}

.mine-change-password .mine-content .user-introduce .intruce {
    position: absolute;
    display: inline-block;
    margin-top: 25px
}

.mine-change-password .mine-content .user-introduce .text-are {
    display: inline-block;
    margin-left: 60px
}

.mine-change-password .mine-content td,.mine-change-password .mine-content th {
    height: 60px;
    padding-left: 30px
}

.mine-change-password .mine-content .user-img {
    padding-left: 25px;
    padding-top: 10px;
    cursor: pointer
}

.mine-change-password .mine-content .user-img img {
    margin-bottom: 15px;
    border: none;
    box-shadow: none;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden
}

.mine-change-password .mine-content .user-img a {
    padding: 0 0 0 25px;
    color: #6751A4
}

.mine-change-password .mine-content .aside-input,.mine-change-password .mine-content .aside-radio,.mine-change-password .mine-content .aside-email,.mine-change-password .mine-content .aside-weixin-input {
    margin-left: 12px
}

.mine-change-password .mine-content .aside-input input {
    width: 80%;
    height: 35px
}

.mine-change-password .mine-content .aside-weixin-input input {
    width: 60%;
    height: 35px
}

.mine-change-password .mine-content .weixin-loding-span {
    position: absolute
}

.mine-change-password .mine-content .upload-weixin a {
    cursor: pointer;
    color: #6751A4
}

.mine-change-password .mine-content .weixin-logo-span img {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    position: absolute
}

.mine-change-password .mine-content .aside-radio input {
    margin-right: 5px
}

.mine-change-password .mine-content .aside-radio lable {
    margin-right: 10px
}

.mine-change-password .mine-content .eamil,.mine-change-password .mine-content .aside-email {
    color: #AAAAAA
}

.mine-change-password .mine-content .ui.menu {
    margin-buttom: 0
}

.mine-change-password .mine-content .ui.menu .item {
    padding: 0 0
}

.mine-change-password .mine-content input {
    border: none;
    border-radius: 0;
    padding: 15px 0;
    font-size: 14px
}

.mine-change-password .mine-content .user-left-item {
    width: 68%;
    margin-top: -10px;
    padding: 0 0;
    text-align: center
}

.mine-change-password .mine-content .user-left-item .sex-dropdown {
    text-align: initial;
    margin-left: 83px;
    margin-top: 25px;
    margin-bottom: 25px
}

.mine-change-password .mine-content .user-left-item .sex-dropdown .item {
    color: black
}

.mine-change-password .mine-content .user-left-item .sex-dropdown .radio {
    margin-left: 15px
}

.mine-change-password .mine-content .user-left-item .sex-dropdown .radio input {
    margin-left: 32px
}

.mine-change-password .mine-content .user-left-item .email-bottom {
    margin-top: 20px
}

.mine-change-password .mine-content .user-left-item .email-top {
    margin-bottom: 20px
}

.mine-change-password .mine-content .user-left-item .user-name {
    margin-left: -50px
}

.mine-change-password .mine-content .user-right-item {
    width: 32%
}

.mine-change-password .mine-content .more-content-info .user-job,.mine-change-password .mine-content .more-content-info .user-persionnal-page {
    margin-left: 10%
}

.mine-change-password .mine-content .more-content-info .user-job input,.mine-change-password .mine-content .more-content-info .user-persionnal-page input {
    min-width: 320px
}

.mine-change-password .mine-content .more-content-info .user-job .tags,.mine-change-password .mine-content .more-content-info .user-persionnal-page .tags {
    margin-top: 10px
}

.mine-change-password .mine-content .more-content-info .user-job .tags i.icon.remove,.mine-change-password .mine-content .more-content-info .user-persionnal-page .tags i.icon.remove {
    margin-left: 5px;
    margin-right: 5px
}

.mine-change-password .mine-content .more-content-info .user-job .add-position .add-position-wrap,.mine-change-password .mine-content .more-content-info .user-persionnal-page .add-position .add-position-wrap {
    margin-left: 100px
}

.mine-change-password .mine-content .more-content-info .user-job .add-position .company .dropdown.search,.mine-change-password .mine-content .more-content-info .user-persionnal-page .add-position .company .dropdown.search {
    width: 250px
}

.mine-change-password .mine-content .more-content-info .user-job .add-position .company input,.mine-change-password .mine-content .more-content-info .user-persionnal-page .add-position .company input {
    margin-left: -2px;
    margin-top: -3px
}

.mine-change-password .mine-content .more-content-info .user-job .add-position .position input,.mine-change-password .mine-content .more-content-info .user-persionnal-page .add-position .position input {
    width: 250px
}

.mine-change-password .mine-content .more-content-info .user-block-first,.mine-change-password .mine-content .more-content-info .user-block-second,.mine-change-password .mine-content .more-content-info .user-label-first {
    margin-left: 18%;
    margin-top: -38px
}

.mine-change-password .mine-content .more-content-info .user-introduce {
    margin-left: 7%
}

.mine-change-password .mine-content .more-content-info .user-introduce .user-intro {
    margin-top: -10px
}

.mine-change-password .mine-footer {
    padding: 0;
    border-top: 0;
    line-height: 30px;
    text-align: center
}

.mine-change-password .mine-footer .btns {
    padding-top: 15px;
    padding-bottom: 20px
}

.mine-change-password .mine-footer .btns a {
    padding: 13px 32px;
    font-size: 14px;
    border-radius: 5px;
    color: #FFFFFF;
    background: #6751A4
}

.mine-change-password .ui.segment {
    box-shadow: none
}

.mine-change-password {
    width: 500px !important
}

.mine-change-password .mine-content {
    text-align: center
}

.mine-change-password .mine-content .form .field {
    position: relative
}

.mine-change-password .mine-content .form .ui.pointing.label {
    position: absolute;
    z-index: 1;
    box-shadow: 2px;
    bottom: 3.8em;
    left: 11.6em
}

.mine-change-password .mine-content .form .ui.pointing.label.red .label,.mine-change-password .mine-content .form .ui.pointing.label.red {
    background-color: #ffffff
}

.mine-change-password .mine-content .form .ui.pointing.label:before {
    top: 1.8em
}

.mine-change-password .mine-content .form .ui.pointing.label i.remove.icon {
    color: #ffffff;
    margin-right: 0;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer
}

.mine-change-password input {
    padding-left: 10% !important;
    padding-right: 10% !important
}

.mine-change-password hr {
    width: 99%
}

.mine-change-password .form {
    margin-top: 10px
}

.tagframe {
    cursor: default !important;
    padding: 0 !important;
    margin: 0
}

.tagframe .ui.dividing.header {
    margin: 2rem 0 1rem;
    padding-bottom: 0;
    font-size: 1.7rem;
    border-bottom: 2px solid #eee
}

.tagframe .ui.dividing.header h4 {
    text-align: center;
    padding-bottom: .8rem;
    margin: 0;
    margin-bottom: -2px;
    border-bottom: 2px solid #2D273D;
    width: 130px;
    color: #2D273D;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 22px
}

.tagframe .ui.grid.column.mixin-person-grid {
    margin-top: 0;
    margin-left: -14px;
    margin-right: -14px
}

.tagframe .ui.grid.column.mixin-person-grid a {
    color: #555
}

.tagframe .ui.grid.column.mixin-person-grid .column {
    padding: 0
}

.tagframe .ui.grid.column.mixin-person-grid .ui.mixin-card.card {
    box-shadow: none;
    display: block;
    text-align: center
}

.tagframe .ui.grid.column.mixin-person-grid .ui.mixin-card.card .img {
    width: 6.43rem;
    height: 6.43rem;
    border-radius: 50% !important;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    display: inline-block
}

.tagframe .ui.grid.column.mixin-person-grid .ui.mixin-card.card b {
    line-height: 2rem;
    color: #555
}

.tagframe .ui.grid.column.mixin-person-grid .ui.mixin-card.card span {
    display: block;
    font-size: .75rem;
    line-height: 1.25rem;
    color: #999
}

.tagframe .mixin-tags .mixin-tag {
    margin-bottom: 1.23em
}

.tagframe .mixin-tags .mixin-tag.active span,.tagframe .mixin-tags .mixin-tag:hover span {
    line-height: 22px;
    background-position: right 2px top 0;
    color: #ffffff
}

.tagframe .ui.very.relaxed.list {
    margin: 0
}

.tagframe .ui.very.relaxed.list.comments-simple {
    text-align: center
}

.tagframe .ui.very.relaxed.list.comments-simple .one-comment {
    background-image: url("/static/images/comment_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 95px;
    padding: 1.7rem 2rem;
    text-align: center;
    line-height: 1.25rem
}

.tagframe .ui.very.relaxed.list.comments-simple .one-comment img {
    width: 2.7rem;
    height: 2.7rem
}

.tagframe .ui.very.relaxed.list.comments-simple .one-comment span {
    display: inline-block;
    height: 2.5rem;
    width: 75%;
    overflow: hidden
}

.tagframe .ui.very.relaxed.list.comments-simple .corresponding-article {
    margin-top: 1rem
}

.tagframe .ui.very.relaxed.list.comments-simple .corresponding-article a {
    color: #2D273D
}

.tagframe .ui.very.relaxed.list.comments-simple .corresponding-article a:hover {
    color: #2D273D !important
}

.tagframe .ui.very.relaxed.list.comments-simple .extra.header {
    text-align: left;
    margin-bottom: .5rem;
    border-left: 2px solid #eee;
    padding-left: 1rem
}

.tagframe .ui.very.relaxed.list.comments-simple .time {
    text-align: right;
    color: #999
}

.tagframe .item {
    margin: 0;
    padding: 0
}

.tagframe .item:before {
    content: none
}

.tagframe .item:after {
    content: none
}

.tagframe .item img {
    float: left;
    height: 5.8rem;
    width: 5.8rem
}

.tagframe .item .content {
    float: right;
    width: 60%
}

.tagframe .item .content .tagbox {
    width: 100%;
    height: 1.5rem;
    margin-bottom: 1rem
}

.tagframe .item .content .tagbox a {
    float: right
}

.tagframe .item .content .tagbox .tag {
    color: #6651a3 !important
}

.tagframe .item .content .extra {
    color: #777;
    height: 2.6rem;
    overflow: hidden;
    padding-top: .3rem
}

.tagframe .item .content .header {
    margin: 0;
    padding: 0;
    color: #2D273D !important;
    display: block;
    height: 3.8rem;
    font-weight: normal;
    font-size: 1.1rem;
    line-height: 1.8rem
}

.tagframe .item .content .header:hover {
    color: #2D273D !important
}

.tagframe .item .content .time {
    text-align: right;
    font-size: .7rem;
    color: #999
}

.tagframe .mixin-header .ui.grid .column h3 {
    padding: 0 1.1rem .8rem !important;
    margin-bottom: -14px
}

.mixin-search-industry {
    margin-left: 60px;
    margin-top: 90px;
    width: 830px;
    font-size: 0;
    -webkit-text-size-adjust: none
}

.mixin-search-industry .industry-item {
    width: 130px;
    height: 110px;
    background: url("/static/images/searchIndustry.png") no-repeat 0 0;
    background-size: 300%;
    text-align: center;
    padding-top: 40px;
    font-size: 4rem;
    margin-top: 29px;
    cursor: pointer;
    display: inline-block;
    margin-left: 30px;
    position: relative;
    box-sizing: content-box
}

.mixin-search-industry .industry-item a {
    color: #999999
}

.mixin-search-industry .industry-item .industry-item-name {
    font-size: 1.5rem
}

.mixin-search-industry .industry-item:hover {
    background: url("/static/images/searchIndustry.png") no-repeat -130px 0;
    background-size: 300%;
    z-index: 1001
}

.mixin-search-industry .industry-item:hover a {
    color: #6751A4
}

.mixin-search-industry .industry-item.second-row {
    position: relative;
    left: 77px;
    top: -85px
}

.mixin-search-industry .industry-item.third-row {
    position: relative;
    left: 0;
    top: -170px
}

.mixin-v3-search {
    display: none;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow-y: hidden;
    margin-top: 50px;
    background-color: rgba(255,255,255,0.95);
    height: 100%;
    width: 100%;
    color: #3e3a39;
    font-size: 16px
}

.mixin-v3-search.cursor-close {
    cursor: url("/static/images/close.png"),auto
}

.mixin-v3-search .search-wrap {
    padding-top: 35px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    width: 1100px;
    height: 100%
}

.mixin-v3-search .search-wrap.search-all .active-companies-wrap,.mixin-v3-search .search-wrap.search-all .active-namecards-wrap,.mixin-v3-search .search-wrap.search-all .mixin-active-companies,.mixin-v3-search .search-wrap.search-all .mixin-search-namecards,.mixin-v3-search .search-wrap.search-all .search-company-result-wrap,.mixin-v3-search .search-wrap.search-all .search-namecard-result-wrap,.mixin-v3-search .search-wrap.search-all .search-industry-result-wrap {
    display: none
}

.mixin-v3-search .search-wrap.search-company .mixin-result-articles,.mixin-v3-search .search-wrap.search-company .mixin-result-namecard,.mixin-v3-search .search-wrap.search-company .mixin-result-company,.mixin-v3-search .search-wrap.search-company .often-search-wrap,.mixin-v3-search .search-wrap.search-company .active-namecards-wrap,.mixin-v3-search .search-wrap.search-company .search-all-result-wrap,.mixin-v3-search .search-wrap.search-company .search-namecard-result-wrap,.mixin-v3-search .search-wrap.search-company .search-industry-result-wrap {
    display: none
}

.mixin-v3-search .search-wrap.search-namecard .mixin-result-articles,.mixin-v3-search .search-wrap.search-namecard .mixin-result-namecard,.mixin-v3-search .search-wrap.search-namecard .mixin-result-company,.mixin-v3-search .search-wrap.search-namecard .often-search-wrap,.mixin-v3-search .search-wrap.search-namecard .active-companies-wrap,.mixin-v3-search .search-wrap.search-namecard .search-all-result-wrap,.mixin-v3-search .search-wrap.search-namecard .search-company-result-wrap,.mixin-v3-search .search-wrap.search-namecard .search-industry-result-wrap {
    display: none
}

.mixin-v3-search .search-wrap.search-industry .active-companies-wrap,.mixin-v3-search .search-wrap.search-industry .active-namecards-wrap,.mixin-v3-search .search-wrap.search-industry .mixin-active-companies,.mixin-v3-search .search-wrap.search-industry .mixin-search-namecards,.mixin-v3-search .search-wrap.search-industry .search-company-result-wrap,.mixin-v3-search .search-wrap.search-industry .search-namecard-result-wrap,.mixin-v3-search .search-wrap.search-industry .often-search-wrap,.mixin-v3-search .search-wrap.search-industry .search-input-wrap,.mixin-v3-search .search-wrap.search-industry .search-all-result-wrap {
    display: none
}

.mixin-v3-search .search-wrap .search-input-wrap {
    margin: 0;
    width: 100%;
    padding: 0 20px
}

.mixin-v3-search .search-wrap .search-input-wrap input {
    margin-left: 55px;
    border: none;
    background-color: transparent;
    padding: 0;
    width: 100%;
    height: 60px;
    font-size: 40px;
    color: #F5BC00;
    outline: none
}

.mixin-v3-search .search-wrap .search-input-wrap input::-webkit-input-placeholder {
    color: #ccc
}

.mixin-v3-search .search-wrap .often-search-wrap,.mixin-v3-search .search-wrap .active-companies-wrap,.mixin-v3-search .search-wrap .active-namecards-wrap {
    margin-top: 60px;
    margin-left: 75px;
    margin-bottom: 100px
}

.mixin-v3-search .search-wrap .often-search-wrap .mixin-header,.mixin-v3-search .search-wrap .active-companies-wrap .mixin-header,.mixin-v3-search .search-wrap .active-namecards-wrap .mixin-header {
    padding-bottom: 4px
}

.mixin-v3-search .search-wrap .often-search-wrap .mixin-header .ui.grid,.mixin-v3-search .search-wrap .active-companies-wrap .mixin-header .ui.grid,.mixin-v3-search .search-wrap .active-namecards-wrap .mixin-header .ui.grid {
    height: 102px
}

.mixin-v3-search .search-wrap .often-search-wrap .mixin-often-search {
    position: relative
}

.mixin-v3-search .search-wrap .often-search-wrap .mixin-often-search .mixin-header .ui.grid {
    width: 100%
}

.mixin-v3-search .search-wrap .often-search-wrap .mixin-often-search .moreTags {
    position: absolute;
    right: 20px;
    margin-top: -54px;
    font-size: 20px;
    color: #aaa
}

.mixin-v3-search .search-wrap .often-search-wrap .mixin-often-search .moreTags:hover {
    color: #F5BC00
}

.mixin-v3-search .search-wrap .often-search-wrap .mixin-often-search .mixin-tag {
    margin-top: 15px
}

.mixin-v3-search .search-wrap .often-search-wrap .mixin-often-search .mixin-tag a span {
    color: #6751A4
}

.mixin-v3-search .search-wrap .often-search-wrap .mixin-often-search .mixin-tag:hover span {
    background-position: right 1px;
    color: #ffffff
}

.mixin-v3-search .search-wrap .mixin-active-companies {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.mixin-v3-search .search-wrap .mixin-active-companies .companies-list {
    margin-left: -30px
}

.mixin-v3-search .search-wrap .mixin-active-companies .companies-list .company-item {
    display: inline-block;
    margin-left: 45px;
    margin-top: 30px;
    text-align: center
}

.mixin-v3-search .search-wrap .mixin-active-companies .companies-list .company-item .company-item-logo {
    width: 200px;
    height: 150px;
    border: 1px solid #ccc;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.mixin-v3-search .search-wrap .mixin-active-companies .companies-list .company-item .company-item-name {
    margin-top: 5px
}

.mixin-v3-search .search-wrap .mixin-active-companies .moreCompanies {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    color: #aaa
}

.mixin-v3-search .search-wrap .mixin-active-companies .moreCompanies:hover {
    color: #F5BC00
}

.mixin-v3-search .search-wrap .mixin-active-namecards {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.mixin-v3-search .search-wrap .mixin-active-namecards .namecards-list {
    margin-left: -10px
}

.mixin-v3-search .search-wrap .mixin-active-namecards .namecards-list .namecard-item {
    display: inline-block;
    margin-top: 30px;
    text-align: center;
    vertical-align: top;
    width: 195px
}

.mixin-v3-search .search-wrap .mixin-active-namecards .namecards-list .namecard-item .namecard-item-avatar {
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 90px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%
}

.mixin-v3-search .search-wrap .mixin-active-namecards .namecards-list .namecard-item .namecard-item-name {
    margin-top: 5px
}

.mixin-v3-search .search-wrap .mixin-active-namecards .namecards-list .namecard-item .namecard-item-position {
    color: #999999
}

.mixin-v3-search .search-wrap .mixin-active-namecards .moreNameCards {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    color: #aaa
}

.mixin-v3-search .search-wrap .mixin-active-namecards .moreNameCards:hover {
    color: #F5BC00
}

.mixin-v3-search .search-wrap .search-result-wrap {
    overflow-y: auto;
    height: 84%;
    padding-bottom: 20px;
    margin-top: 35px
}

.mixin-v3-search .search-wrap .search-result-wrap.nothing {
    padding-bottom: 0
}

.mixin-v3-search .search-wrap .search-result-wrap.is-search-loading .search-loading {
    display: block
}

.mixin-v3-search .search-wrap .search-result-wrap.is-search-loading .result-wrap {
    opacity: .1
}

.mixin-v3-search .search-wrap .search-result-wrap .search-loading {
    display: none;
    z-index: 1002;
    width: 100%;
    height: 100%;
    position: absolute
}

.mixin-v3-search .search-wrap .search-result-wrap .search-loading .loading-box {
    position: absolute;
    top: -300px;
    left: 450px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-loading .loading-box .loading-spinner .bounce1,.mixin-v3-search .search-wrap .search-result-wrap .search-loading .loading-box .loading-spinner .bounce2,.mixin-v3-search .search-wrap .search-result-wrap .search-loading .loading-box .loading-spinner .bounce3 {
    width: 25px;
    height: 25px
}

.mixin-v3-search .search-wrap .search-result-wrap .no-search-result {
    margin-left: 115px;
    margin-top: 20px;
    font-size: 18px;
    color: #999999
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap,.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap {
    display: inline-block
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap {
    width: 800px;
    vertical-align: top;
    padding-bottom: 30px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles {
    width: 790px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .result-tip {
    margin: 0 auto 20px 75px;
    font-size: 18px;
    color: #999999
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list {
    font-size: 0
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item {
    transition: all .5s;
    -webkit-transition: all .5s
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item:hover a.article-link {
    transition: all .5s;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    border-radius: 2px;
    color: #aaa
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item:hover a.article-link img {
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 1
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item:hover a.article-link .item-detail span {
    color: #F5BC00
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item:hover .item-time {
    transition: all .5s;
    border: 1px solid #6751A4
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item:hover .item-time .time-top {
    transition: all .5s;
    color: #6751A4
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item:hover .item-time .time-bottom {
    transition: all .5s;
    color: #fff;
    background-color: #6751A4
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-time {
    margin-top: 20px;
    display: inline-block;
    width: 55px;
    height: 55px;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: top;
    position: relative
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-time .time-top {
    font-size: 25px;
    color: #999999;
    display: inline-block;
    margin-top: 5px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-time .time-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 18px;
    font-size: 12px;
    background-color: #ccc;
    color: #ffffff;
    line-height: 18px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item a.article-link {
    width: 720px;
    margin-left: 15px;
    display: inline-block;
    padding: 20px 10px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item a.article-link img {
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: .8;
    vertical-align: middle
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-photo,.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-detail {
    display: inline-block
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-photo {
    width: 180px;
    height: 135px;
    margin-left: 10px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-detail {
    font-size: 16px;
    vertical-align: top;
    width: 460px;
    margin-left: 20px;
    position: relative
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-detail .item-detail-title {
    font-size: 18px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-detail .item-detail-title span {
    color: #2D273D
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .articles-list .article-item .item-detail .item-detail-content {
    margin-top: 5px;
    font-size: 12px;
    color: #aaa;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .loader {
    text-align: center;
    margin-top: 10px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-left-wrap .mixin-result-articles .loader .load-more {
    display: inline-block;
    color: #000000;
    border: 1px solid #000000;
    font-size: 14px;
    line-height: 25px;
    padding: 3px 30px;
    background-color: transparent;
    cursor: pointer
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap {
    width: 20%
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-namecard .result-tip {
    margin: 25px 85px 20px auto
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-namecard .result-tip span {
    color: #999999
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-namecard .namecard-list .namecard-item {
    margin: 15px auto
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-namecard .namecard-list .namecard-item .item-avatar {
    display: inline-block;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-namecard .namecard-list .namecard-item .item-name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 100px
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-company .result-tip {
    margin: 35px 85px 10px auto
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-company .result-tip span {
    color: #999999
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-company .company-list .company-item {
    margin: 15px auto
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-company .company-list .company-item .item-logo {
    vertical-align: middle;
    display: inline-block;
    width: 80px;
    border: 1px solid #EEEEEE
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-company .company-list .company-item .item-name {
    display: inline-block;
    margin-left: 10px;
    width: 100px;
    vertical-align: middle
}

.mixin-v3-search .search-wrap .search-result-wrap .search-right-wrap .mixin-result-company .company-list .company-item .item-name span {
    word-wrap: break-word;
    word-break: break-all
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-companies {
    margin-left: 30px
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-companies .result-tip {
    margin-left: 45px;
    font-size: 18px;
    margin-top: 30px
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-companies .result-tip span {
    color: #999999
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-companies .result-tip a {
    color: #6751A4
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-companies .result-tip a:hover {
    color: #F5BC00
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-companies .company-item {
    display: inline-block;
    margin-left: 45px;
    margin-top: 30px;
    text-align: center;
    vertical-align: top
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-companies .company-item .company-item-logo {
    width: 200px;
    height: 150px;
    border: 1px solid #ccc;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-companies .company-item .company-item-name {
    margin-top: 5px;
    width: 200px
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-namecards {
    margin-left: 65px
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-namecards .result-tip {
    margin-left: 35px;
    font-size: 18px;
    margin-top: 30px
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-namecards .result-tip span {
    color: #999999
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-namecards .namecard-item {
    display: inline-block;
    margin-top: 30px;
    text-align: center;
    vertical-align: top;
    width: 195px
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-namecards .namecard-item .namecard-item-avatar {
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 90px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-namecards .namecard-item .namecard-item-name {
    margin-top: 5px
}

.mixin-v3-search .search-wrap .search-result-wrap .mixin-search-namecards .namecard-item .namecard-item-position {
    color: #999999
}

.mixin-hot-namecards {
    margin-top: -1px;
    letter-spacing: normal;
    padding: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #999999;
    position: relative
}

.mixin-hot-namecards:hover {
    opacity: 1
}

.mixin-hot-namecards:hover .hot-namecards-list .item-hot-namecard .namecard-info .namecard-name {
    color: #6751A4
}

.mixin-hot-namecards:hover .hot-namecards-list .item-hot-namecard .namecard-info .namecard-company-position {
    color: #AAAAAA
}

.mixin-hot-namecards:hover .hot-namecards-more a {
    color: #333333
}

.mixin-hot-namecards .hot-border {
    width: 2px;
    height: 24px;
    background-color: #999999;
    right: 0;
    top: 18px;
    position: absolute
}

.mixin-hot-namecards .hot-namecards-title {
    font-weight: 800;
    text-align: center;
    color: #333333;
    font-size: 14px;
    letter-spacing: 5px;
    border-right: 2px solid #999999;
    margin-right: -22px;
    padding-right: 22px
}

.mixin-hot-namecards .hot-namecards-list {
    text-align: left;
    margin-top: 20px;
    width: 100%
}

.mixin-hot-namecards .hot-namecards-list .item-hot-namecard {
    font-size: 0;
    -webkit-text-size-adjust: none;
    border-bottom: 1px solid #EEEEEE;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.mixin-hot-namecards .hot-namecards-list .item-hot-namecard .namecard-avatar,.mixin-hot-namecards .hot-namecards-list .item-hot-namecard .namecard-info {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.mixin-hot-namecards .hot-namecards-list .item-hot-namecard .namecard-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.mixin-hot-namecards .hot-namecards-list .item-hot-namecard .namecard-info {
    margin-left: 15px;
    max-width: 101px
}

.mixin-hot-namecards .hot-namecards-list .item-hot-namecard .namecard-info .namecard-company-position {
    font-size: 12px;
    color: #aaa;
    line-height: 18px
}

.mixin-hot-namecards .hot-namecards-list .item-hot-namecard .namecard-info .namecard-company-position:hover {
    color: #555
}

.mixin-hot-namecards .hot-namecards-list .item-hot-namecard .namecard-info .namecard-name {
    color: #aaa
}

.mixin-hot-namecards .hot-namecards-more a {
    color: #999999;
    font-size: 12px;
    text-align: center;
    cursor: pointer
}

.mixin-hot-companies {
    letter-spacing: normal;
    padding: 20px 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #999999;
    position: relative
}

.mixin-hot-companies:hover {
    opacity: 1
}

.mixin-hot-companies:hover .hot-companies-title {
    color: #333333
}

.mixin-hot-companies:hover .hot-companies-more a {
    color: #333333
}

.mixin-hot-companies .hot-companies-title {
    font-weight: 800;
    text-align: center;
    color: #333333;
    font-size: 14px;
    letter-spacing: 5px;
    border-right: 2px solid #999999;
    margin-right: -22px;
    padding-right: 22px
}

.mixin-hot-companies .hot-companies-list {
    text-align: left;
    margin-top: 15px;
    font-size: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee
}

.mixin-hot-companies .hot-companies-list .item-hot-company {
    width: 90px;
    display: inline-block;
    font-size: 0;
    -webkit-text-size-adjust: none;
    margin-top: 5px;
    vertical-align: top
}

.mixin-hot-companies .hot-companies-list .item-hot-company.is-right {
    text-align: right
}

.mixin-hot-companies .hot-companies-list .item-hot-company.is-right .company-photo {
    margin-right: 0
}

.mixin-hot-companies .hot-companies-list .item-hot-company .company-photo {
    margin-right: 10px;
    border: 1px solid #eeeeee;
    display: inline-block;
    width: 86px;
    height: 66px;
    padding: 2px
}

.mixin-hot-companies .hot-companies-list .item-hot-company .company-name {
    font-size: 12px;
    text-align: center;
    margin-top: -8px;
    margin-bottom: 3px;
    width: 90px
}

.mixin-hot-companies .hot-companies-more {
    padding-top: 10px
}

.mixin-hot-companies .hot-companies-more a {
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    color: #999999
}

.mixin-hot-comments {
    font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    letter-spacing: normal;
    text-align: left;
    padding: 20px;
    padding-bottom: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    transition: all .5s;
    -webkit-transition: all .5s;
    margin-top: -1px;
    color: #999999;
    font-size: 12px;
    position: relative;
    opacity: .6
}

.mixin-hot-comments:hover {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    opacity: 1
}

.mixin-hot-comments:hover .hot-comments-more {
    color: #333333
}

.mixin-hot-comments:hover .hot-comments-list .item-hot-comment .comment-content {
    color: #000000
}

.mixin-hot-comments:hover .hot-comments-list .item-hot-comment .comment-content:before {
    color: #999999
}

.mixin-hot-comments:hover .hot-comments-list .item-hot-comment .article-title span {
    color: #6751A4
}

.mixin-hot-comments .hot-border {
    width: 2px;
    height: 24px;
    background-color: #999999;
    right: 0;
    top: 18px;
    position: absolute
}

.mixin-hot-comments .hot-comments-title {
    font-size: 14px;
    text-align: center;
    color: #333333;
    font-weight: bold;
    margin-right: -22px;
    padding-right: 22px;
    letter-spacing: 5px;
    border-right: 2px solid #999;
    margin-top: 0
}

.mixin-hot-comments .hot-comments-list .item-hot-comment {
    color: #999999;
    margin-bottom: 10px
}

.mixin-hot-comments .hot-comments-list .item-hot-comment .comment-name-time {
    font-size: 0;
    -webkit-text-size-adjust: none;
    background-color: #eee;
    padding-top: 5px;
    margin-bottom: 5px;
    border-left: 2px solid #333
}

.mixin-hot-comments .hot-comments-list .item-hot-comment .comment-name-time .name,.mixin-hot-comments .hot-comments-list .item-hot-comment .comment-name-time .time {
    display: inline-block;
    font-size: 12px;
    position: relative
}

.mixin-hot-comments .hot-comments-list .item-hot-comment .comment-name-time .name {
    width: 50%;
    left: 10px;
    color: #333
}

.mixin-hot-comments .hot-comments-list .item-hot-comment .comment-name-time .time {
    width: 50%;
    text-align: right;
    right: 10px
}

.mixin-hot-comments .hot-comments-list .item-hot-comment .comment-content {
    font-size: 13px;
    padding-bottom: 5px;
    line-height: 16px;
    position: relative;
    word-wrap: break-word;
    word-break: break-all
}

.mixin-hot-comments .hot-comments-list .item-hot-comment .article-title {
    padding-top: 5px;
    border-top: 1px solid #ddd;
    line-height: 18px;
    display: -webkit-box;
    max-height: 46px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    padding-bottom: 5px
}

.mixin-hot-comments .hot-comments-list .item-hot-comment .article-title a span {
    word-wrap: break-word;
    word-break: break-all
}

.mixin-hot-comments .hot-comments-list .item-hot-comment .article-title span {
    color: #aaaaaa
}

.mixin-hot-comments .hot-comments-list .item-hot-comment:last-child {
    margin-bottom: 0
}

.mixin-hot-comments .hot-comments-list .item-hot-comment:last-child .article-title {
    border-bottom: none
}

.mixin-hot-comments .hot-comments-more {
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    cursor: pointer
}

.mixin-hot-spot {
    background-color: #FFFFFF;
    letter-spacing: normal;
    position: relative;
    margin-top: -1px;
    padding: 20px;
    box-sizing: content-box;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center
}

.mixin-hot-spot .hot-border {
    width: 2px;
    height: 24px;
    background-color: #999999;
    right: 0;
    top: 18px;
    position: absolute
}

.mixin-hot-spot:hover {
    position: relative;
    z-index: 1
}

.mixin-hot-spot:hover .hot-spot-list .num-style {
    transition: all .5s;
    -webkit-transition: all .5s
}

.mixin-hot-spot:hover .hot-spot-list .article-stytle a {
    transition: all .5s;
    -webkit-transition: all .5s
}

.mixin-hot-spot .hot-spot-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    border-right: 2px solid #999;
    letter-spacing: 5px;
    color: #333333;
    padding-right: 17px;
    width: 102%;
    margin: 0
}

.mixin-hot-spot .time-tab {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 5px;
    margin-top: 10px;
    font-size: 0;
    -webkit-text-size-adjust: none
}

.mixin-hot-spot .time-tab .time-tab-item {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 59px;
    line-height: 34px;
    color: #999999;
    cursor: pointer
}

.mixin-hot-spot .time-tab .time-tab-item.selected {
    border-bottom: 2px solid #333333;
    color: #333333;
    margin-bottom: -1px
}

.mixin-hot-spot .hot-spot-list {
    color: #999999;
    font-size: 14px;
    text-align: start;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

.mixin-hot-spot .hot-spot-list table tr {
    margin-bottom: 10px;
    border-bottom: 10px solid #fff;
    border-top: 10px solid #fff
}

.mixin-hot-spot .hot-spot-list .num-td {
    vertical-align: top;
    padding-right: 8px;
    padding-top: 3px
}

.mixin-hot-spot .hot-spot-list .num-style {
    background-color: #6751A4;
    color: #FFFFFF;
    padding: 0 4px;
    line-height: 16px;
    border-radius: 2px;
    vertical-align: top
}

.mixin-hot-spot .hot-spot-list .article-stytle {
    color: #6751A4;
    font-size: 13px;
    line-height: 20px;
    display: -webkit-box;
    max-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    vertical-align: top
}

.mixin-hot-spot .hot-spot-list .article-stytle a:hover {
    color: #F5BC00
}

.mixin-hot-spot .hot-spot-more {
    padding-top: 10px
}

.mixin-hot-spot .hot-spot-more a {
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    color: #999999
}

.mixin-author-list {
    background-color: #FFFFFF;
    letter-spacing: normal;
    position: relative;
    padding: 20px;
    box-sizing: content-box;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.mixin-author-list:hover .reputation-list .num-style {
    background-color: #6751A4 !important
}

.mixin-author-list:hover .value span:nth-child(2) {
    color: #6751A4
}

.mixin-author-list:hover .small-value {
    color: #6751A4 !important
}

.mixin-author-list .list-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    border-right: 2px solid #999;
    letter-spacing: 5px;
    color: #333333;
    padding-right: 6px;
    width: 84%;
    margin-left: 44px
}

.mixin-author-list .time-tab {
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
    margin-top: 10px;
    font-size: 0;
    -webkit-text-size-adjust: none
}

.mixin-author-list .time-tab .time-tab-item {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 59px;
    line-height: 34px;
    color: #999999;
    cursor: pointer
}

.mixin-author-list .time-tab .time-tab-item.selected {
    border-bottom: 2px solid #333333;
    color: #333333;
    margin-bottom: -1px
}

.mixin-author-list .reputation-list {
    color: #999999;
    font-size: 14px;
    text-align: start;
    border-bottom: 1px solid #ddd
}

.mixin-author-list .reputation-list table:hover .small-name,.mixin-author-list .reputation-list table:hover .name {
    color: #000
}

.mixin-author-list .reputation-list table a {
    color: #999999;
    cursor: pointer
}

.mixin-author-list .reputation-list table a:hover .small-name,.mixin-author-list .reputation-list table a:hover .name {
    color: #000
}

.mixin-author-list .reputation-list table tr {
    border-bottom: 10px solid #fff
}

.mixin-author-list .reputation-list .num-td {
    width: 16px;
    padding-right: 10px
}

.mixin-author-list .reputation-list td.img-td {
    width: 40px
}

.mixin-author-list .reputation-list td.img-td:hover .name {
    color: #F5BC00 !important
}

.mixin-author-list .reputation-list .num-style {
    color: #FFFFFF;
    padding: 0 4px;
    line-height: 16px;
    border-radius: 2px;
    background-color: #ccc
}

.mixin-author-list .reputation-list img {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.mixin-author-list .reputation-list .name-wrap {
    display: inline-block
}

.mixin-author-list .reputation-list .name-wrap .name {
    color: #555555;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mixin-author-list .reputation-list .name-wrap .value {
    font-size: 12px;
    color: #999999
}

.mixin-author-list .reputation-list .name-wrap .value span:first-child {
    padding-right: 5px
}

.mixin-author-list .reputation-list .small-name,.mixin-author-list .reputation-list .small-value {
    display: inline-block
}

.mixin-author-list .reputation-list .small-name {
    width: 150px;
    color: #555555;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mixin-author-list .reputation-list .small-value {
    float: right;
    color: #999999
}

.mixin-author-list .author-list-more {
    text-align: center;
    padding-top: 10px
}

.mixin-author-list .author-list-more a {
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    color: #999999
}

.mixin-side-bar {
    width: 40px;
    background-color: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 102;
    height: 100%
}

.mixin-side-bar .bar-title {
    padding-top: 15px
}

.mixin-side-bar .bar-title .industry {
    display: block;
    font-size: 14px;
    color: white;
    font-weight: bold;
    opacity: .5;
    text-align: center
}

.mixin-side-bar .bar-title .industry:hover {
    opacity: .8
}

.mixin-side-bar .industries-list {
    width: 100%;
    margin-top: 20px
}

.mixin-side-bar .industries-list .item-industry {
    display: inline-block;
    padding: 5px 0;
    position: relative;
    width: 100%;
    margin: 3px 0;
    font-size: 16px
}

.mixin-side-bar .industries-list .item-industry:hover {
    width: 110px;
    background-color: #6751A4;
    transition: all .2s
}

.mixin-side-bar .industries-list .item-industry:hover .name-industry {
    opacity: 1;
    visibility: visible
}

.mixin-side-bar .industries-list .item-industry:hover .icon-industry {
    opacity: 1
}

.mixin-side-bar .industries-list .item-industry.selected {
    width: 110px;
    background-color: #6751A4
}

.mixin-side-bar .industries-list .item-industry.selected:hover .name-industry,.mixin-side-bar .industries-list .item-industry.selected:hover .icon-industry {
    opacity: 1
}

.mixin-side-bar .industries-list .item-industry.selected .name-industry {
    opacity: .8;
    visibility: visible
}

.mixin-side-bar .industries-list .item-industry.selected .icon-industry {
    opacity: .8
}

.mixin-side-bar .industries-list .item-industry .icon-industry {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    opacity: .8;
    width: 40px;
    text-align: center
}

.mixin-side-bar .industries-list .item-industry .name-industry {
    opacity: 0;
    color: #fff;
    position: absolute;
    right: 6px;
    top: 5px;
    font-size: 14px;
    visibility: hidden
}

.mixin-side-bar .industries-list .all-industries {
    cursor: pointer
}

.mixin-side-bar .industries-list .all-industries.selected,.mixin-side-bar .industries-list .all-industries:hover {
    width: 75px
}

.mixin-side-bar .industries-list .all-industries .name-industry {
    line-height: 14px;
    right: 4px;
    top: 10px
}

.mixin-side-bar .industries-list .all-industries .icon-industry {
    display: block;
    font-size: 14px;
    padding: 5px;
    letter-spacing: -6px;
    left: -4px;
    position: relative
}

.mixin-side-bar .hot-keywords-list {
    width: 100%;
    padding: 10px 0 30px 0;
    text-align: center;
    background-color: #2d273d;
    font-weight: bold;
    position: absolute;
    bottom: 0
}

.mixin-side-bar .hot-keywords-list .item-hot-keyword {
    width: 100%;
    display: inline-block;
    padding: 10px 5px
}

.mixin-side-bar .hot-keywords-list .item-hot-keyword:hover .kw-name {
    opacity: 1
}

.mixin-side-bar .hot-keywords-list .item-hot-keyword .kw-name {
    font-size: 12px;
    color: #fff;
    opacity: .8;
    line-height: 16px
}

.mixin-supplier-top-bar {
    border-bottom: 1px solid #EEEEEE;
    padding: 6px 20px
}

.mixin-supplier-top-bar .supplier-top-bar-wrapper {
    width: 960px;
    margin: 0 auto
}

.mixin-supplier-top-bar .supplier-top-bar-wrapper .search-input-wrapper {
    line-height: 36px
}

.mixin-supplier-top-bar .supplier-top-bar-wrapper .search-input-wrapper .search-input {
    font-size: 14px;
    color: #AAAAAA
}

.mixin-supplier-top-bar .supplier-top-bar-wrapper .search-input-wrapper .icon.search {
    color: #AAAAAA
}

.mixin-supplier-top-bar .supplier-top-bar-wrapper .apply-btn .button {
    padding: 10px 30px;
    font-size: 14px
}

.hide {
    display: none !important
}

.ui.top.attached.tabular.menu {
    border: none;
    height: 2.7rem;
    border-bottom: 2px solid #eee
}

.ui.top.attached.tabular.menu .item {
    color: #999;
    cursor: pointer;
    text-align: center;
    margin: 0;
    width: 8.4rem
}

.ui.top.attached.tabular.menu .item.active {
    color: #1e183e;
    border: none;
    border-bottom: 2px solid #211640
}

.ui.bottom.attached.tab.segment {
    border: none;
    padding: 0
}

.ui.bottom.attached.tab.segment .box {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid #eee
}

.ui.bottom.attached.tab.segment .picture {
    float: left;
    display: block;
    width: 50%
}

.ui.bottom.attached.tab.segment .picture img {
    width: 80%
}

.ui.bottom.attached.tab.segment .title {
    margin: 0;
    width: 50%;
    float: right
}

.ui.bottom.attached.tab.segment .title a:hover {
    color: #1e163b
}

.ui.bottom.attached.tab.segment .title h3 {
    margin: 0;
    margin-bottom: 2.5rem;
    color: #1e163b;
    height: 3.3rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui.bottom.attached.tab.segment .title span {
    color: #989898
}

.ui.bottom.attached.tab.segment .segment {
    margin-top: 1.25rem;
    color: #9a9a9a;
    height: 5rem;
    overflow: hidden;
    line-height: 1.5rem
}

.ui.teal.dividing.header {
    border: none
}

.ui.teal.dividing.header span {
    color: #22163c;
    padding-bottom: .4rem;
    border-bottom: 2px solid #211641
}

.right-move {
    padding-left: 2rem !important;
    overflow: hidden
}

.column>.ui.statistic {
    float: left;
    margin-right: 25px
}

.column>.ui.statistic>span {
    float: left;
    color: #6751a4;
    margin-right: .5rem
}

.column>.ui.statistic>.value {
    font-size: 3.5rem
}

.right-move>.ui.grid>.ten.wide.column {
    float: left
}

.right-move>.ui.grid>.four.wide.column {
    float: right
}

.right-move>.segment {
    color: #777;
    line-height: 1.5rem;
    margin-top: 1rem;
    height: 6rem;
    overflow: hidden;
    width: 90%
}

.tip-red.ui.popup {
    z-index: 1002;
    background-color: #f73965;
    color: #ffffff
}

.tip-red.ui.popup .content {
    margin: 0;
    padding: 5px 10px
}

.tip-red.ui.popup:before {
    background-color: #f73965
}

/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,th {
    padding: 0
}

.hidden,[hidden] {
    display: none !important
}

.pure-img {
    max-width: 100%;
    height: auto;
    display: block
}

.pure-g {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start
}

.opera-only :-o-prefocus,.pure-g {
    word-spacing: -0.43em
}

.pure-u {
    display: inline-block;
    *display: inline;
    zoom:1;letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-g [class*="pure-u"] {
    font-family: sans-serif
}

.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom:1;letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%
}

.pure-u-1-12,.pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%
}

.pure-u-1-8,.pure-u-3-24 {
    width: 12.5%;
    *width: 12.469%
}

.pure-u-1-6,.pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.969%
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%
}

.pure-u-1-4,.pure-u-6-24 {
    width: 25%;
    *width: 24.969%
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%
}

.pure-u-1-3,.pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%
}

.pure-u-3-8,.pure-u-9-24 {
    width: 37.5%;
    *width: 37.469%
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.969%
}

.pure-u-5-12,.pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%
}

.pure-u-1-2,.pure-u-12-24 {
    width: 50%;
    *width: 49.969%
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%
}

.pure-u-7-12,.pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.969%
}

.pure-u-5-8,.pure-u-15-24 {
    width: 62.5%;
    *width: 62.469%
}

.pure-u-2-3,.pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%
}

.pure-u-3-4,.pure-u-18-24 {
    width: 75%;
    *width: 74.969%
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.969%
}

.pure-u-5-6,.pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%
}

.pure-u-7-8,.pure-u-21-24 {
    width: 87.5%;
    *width: 87.469%
}

.pure-u-11-12,.pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%
}

.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24 {
    width: 100%
}

.pure-button {
    display: inline-block;
    zoom:1;line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: .5em 1em;
    color: #444;
    color: rgba(0,0,0,0.8);
    border: 1px solid #999;
    border: none rgba(0,0,0,0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px
}

.pure-button-hover,.pure-button:hover,.pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0,0.05)), to(rgba(0,0,0,0.1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.1));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0, rgba(0,0,0,0.1));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.1));
    background-image: linear-gradient(transparent, rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.1))
}

.pure-button:focus {
    outline: 0
}

.pure-button-active,.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset,0 0 6px rgba(0,0,0,0.2) inset;
    border-color: #000\9
}

.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    cursor: not-allowed;
    box-shadow: none
}

.pure-button-hidden {
    display: none
}

.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected {
    background-color: #0078e7;
    color: #fff
}

.pure-form input[type="text"],.pure-form input[type="password"],.pure-form input[type="email"],.pure-form input[type="url"],.pure-form input[type="date"],.pure-form input[type="month"],.pure-form input[type="time"],.pure-form input[type="datetime"],.pure-form input[type="datetime-local"],.pure-form input[type="week"],.pure-form input[type="number"],.pure-form input[type="search"],.pure-form input[type="tel"],.pure-form input[type="color"],.pure-form select,.pure-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-form input:not([type]) {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-form input[type="color"] {
    padding: .2em .5em
}

.pure-form input[type="text"]:focus,.pure-form input[type="password"]:focus,.pure-form input[type="email"]:focus,.pure-form input[type="url"]:focus,.pure-form input[type="date"]:focus,.pure-form input[type="month"]:focus,.pure-form input[type="time"]:focus,.pure-form input[type="datetime"]:focus,.pure-form input[type="datetime-local"]:focus,.pure-form input[type="week"]:focus,.pure-form input[type="number"]:focus,.pure-form input[type="search"]:focus,.pure-form input[type="tel"]:focus,.pure-form input[type="color"]:focus,.pure-form select:focus,.pure-form textarea:focus {
    outline: 0;
    border-color: #129FEA
}

.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA
}

.pure-form input[type="file"]:focus,.pure-form input[type="radio"]:focus,.pure-form input[type="checkbox"]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA
}

.pure-form .pure-checkbox,.pure-form .pure-radio {
    margin: .5em 0;
    display: block
}

.pure-form input[type="text"][disabled],.pure-form input[type="password"][disabled],.pure-form input[type="email"][disabled],.pure-form input[type="url"][disabled],.pure-form input[type="date"][disabled],.pure-form input[type="month"][disabled],.pure-form input[type="time"][disabled],.pure-form input[type="datetime"][disabled],.pure-form input[type="datetime-local"][disabled],.pure-form input[type="week"][disabled],.pure-form input[type="number"][disabled],.pure-form input[type="search"][disabled],.pure-form input[type="tel"][disabled],.pure-form input[type="color"][disabled],.pure-form select[disabled],.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: #ccc
}

.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d
}

.pure-form input[type="file"]:focus:invalid:focus,.pure-form input[type="radio"]:focus:invalid:focus,.pure-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d
}

.pure-form select {
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: white
}

.pure-form select[multiple] {
    height: auto
}

.pure-form label {
    margin: .5em 0 .2em
}

.pure-form fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0
}

.pure-form legend {
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

.pure-form-stacked input[type="text"],.pure-form-stacked input[type="password"],.pure-form-stacked input[type="email"],.pure-form-stacked input[type="url"],.pure-form-stacked input[type="date"],.pure-form-stacked input[type="month"],.pure-form-stacked input[type="time"],.pure-form-stacked input[type="datetime"],.pure-form-stacked input[type="datetime-local"],.pure-form-stacked input[type="week"],.pure-form-stacked input[type="number"],.pure-form-stacked input[type="search"],.pure-form-stacked input[type="tel"],.pure-form-stacked input[type="color"],.pure-form-stacked input[type="file"],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea {
    display: block;
    margin: .25em 0
}

.pure-form-stacked input:not([type]) {
    display: block;
    margin: .25em 0
}

.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle
}

.pure-form-aligned textarea {
    vertical-align: top
}

.pure-form-aligned .pure-control-group {
    margin-bottom: .5em
}

.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0
}

.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 11em
}

.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: .5em 1em
}

.pure-form .pure-group fieldset {
    margin-bottom: 10px
}

.pure-form .pure-group input,.pure-form .pure-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px
}

.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus {
    z-index: 3
}

.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
    margin: 0
}

.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child {
    top: 1px;
    border-radius: 4px;
    margin: 0
}

.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
    margin: 0
}

.pure-form .pure-group button {
    margin: .35em 0
}

.pure-form .pure-input-1 {
    width: 100%
}

.pure-form .pure-input-2-3 {
    width: 66%
}

.pure-form .pure-input-1-2 {
    width: 50%
}

.pure-form .pure-input-1-3 {
    width: 33%
}

.pure-form .pure-input-1-4 {
    width: 25%
}

.pure-form .pure-help-inline,.pure-form-message-inline {
    display: inline-block;
    padding-left: .3em;
    color: #666;
    vertical-align: middle;
    font-size: .875em
}

.pure-form-message {
    display: block;
    color: #666;
    font-size: .875em
}

@media only screen and (max-width: 480px) {
    .pure-form button[type="submit"] {
        margin:.7em 0 0
    }

    .pure-form input:not([type]),.pure-form input[type="text"],.pure-form input[type="password"],.pure-form input[type="email"],.pure-form input[type="url"],.pure-form input[type="date"],.pure-form input[type="month"],.pure-form input[type="time"],.pure-form input[type="datetime"],.pure-form input[type="datetime-local"],.pure-form input[type="week"],.pure-form input[type="number"],.pure-form input[type="search"],.pure-form input[type="tel"],.pure-form input[type="color"],.pure-form label {
        margin-bottom: .3em;
        display: block
    }

    .pure-group input:not([type]),.pure-group input[type="text"],.pure-group input[type="password"],.pure-group input[type="email"],.pure-group input[type="url"],.pure-group input[type="date"],.pure-group input[type="month"],.pure-group input[type="time"],.pure-group input[type="datetime"],.pure-group input[type="datetime-local"],.pure-group input[type="week"],.pure-group input[type="number"],.pure-group input[type="search"],.pure-group input[type="tel"],.pure-group input[type="color"] {
        margin-bottom: 0
    }

    .pure-form-aligned .pure-control-group label {
        margin-bottom: .3em;
        text-align: left;
        display: block;
        width: 100%
    }

    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0 0
    }

    .pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message {
        display: block;
        font-size: .75em;
        padding: .2em 0 .8em
    }
}

.pure-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3
}

.pure-menu-list,.pure-menu-item {
    position: relative
}

.pure-menu-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.pure-menu-item {
    padding: 0;
    margin: 0;
    height: 100%
}

.pure-menu-link,.pure-menu-heading {
    display: block;
    text-decoration: none;
    white-space: nowrap
}

.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap
}

.pure-menu-horizontal .pure-menu-list {
    display: inline-block
}

.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator {
    display: inline-block;
    *display: inline;
    zoom:1;vertical-align: middle
}

.pure-menu-item .pure-menu-item {
    display: block
}

.pure-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3
}

.pure-menu-horizontal .pure-menu-children {
    left: 0;
    top: auto;
    width: inherit
}

.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children {
    display: block;
    position: absolute
}

.pure-menu-has-children>.pure-menu-link:after {
    padding-left: .5em;
    content: "\25B8";
    font-size: small
}

.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
    content: "\25BE"
}

.pure-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden
}

.pure-menu-scrollable .pure-menu-list {
    display: block
}

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display: inline-block
}

.pure-menu-horizontal.pure-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding: .5em 0
}

.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
    display: none
}

.pure-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0
}

.pure-menu-horizontal .pure-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em
}

.pure-menu-heading {
    text-transform: uppercase;
    color: #565d64
}

.pure-menu-link {
    color: #777
}

.pure-menu-children {
    background-color: #fff
}

.pure-menu-link,.pure-menu-disabled,.pure-menu-heading {
    padding: .5em 1em
}

.pure-menu-disabled {
    opacity: .5
}

.pure-menu-disabled .pure-menu-link:hover {
    background-color: transparent
}

.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus {
    background-color: #eee
}

.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited {
    color: #000
}

.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial,sans-serif;
    padding: 1em 0;
    text-align: center
}

.pure-table td,.pure-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em
}

.pure-table td:first-child,.pure-table th:first-child {
    border-left-width: 0
}

.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom
}

.pure-table td {
    background-color: transparent
}

.pure-table-odd td {
    background-color: #f2f2f2
}

.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2
}

.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb
}

.pure-table-bordered tbody>tr:last-child>td {
    border-bottom-width: 0
}

.pure-table-horizontal td,.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb
}

.pure-table-horizontal tbody>tr:last-child>td {
    border-bottom-width: 0
}

@-webkit-keyframes to-opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes to-opacity {
    0% {
        -moz-opacity: 0
    }

    100% {
        -moz-opacity: 1
    }
}

@-o-keyframes to-opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes to-opacity {
    0% {
        filter: alpha(opacity=0)
    }

    100% {
        filter: alpha(opacity=1)
    }
}

@keyframes to-opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes to-bg-color {
    0% {
        background: #fff
    }

    100% {
        background: #fafafa
    }
}

@-webkit-keyframes hover-size {
    100% {
        opacity: .9;
        left: 80px
    }
}

@-moz-keyframes hover-size {
    100% {
        opacity: .9;
        left: 80px
    }
}

@-o-keyframes hover-size {
    100% {
        opacity: .9;
        left: 80px
    }
}

@-ms-keyframes hover-size {
    100% {
        opacity: .9;
        left: 80px
    }
}

@keyframes hover-size {
    100% {
        opacity: .9;
        left: 80px
    }
}

@-webkit-keyframes hover-white {
    100% {
        color: #fff
    }
}

@-webkit-keyframes to-opacity-hide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes to-opacity-hide {
    0% {
        -moz-opacity: 1
    }

    100% {
        -moz-opacity: 1
    }
}

@-o-keyframes to-opacity-hide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes to-opacity-hide {
    0% {
        filter: alpha(opacity=1)
    }

    100% {
        filter: alpha(opacity=0)
    }
}

@keyframes to-opacity-hide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

#v3TopBar {
    display: block;
    background: #fff;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    position: fixed;
    z-index: 101;
    margin: 0;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    color: #6751A4;
    opacity: .95;
    font-size: 14px;
    font-weight: bold;
    padding-left: 50px;
    transition: top .5s;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    -o-transition: top .5s
}

#v3TopBar.slide-up {
    top: -50px;
    transition: top .5s;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    -o-transition: top .5s
}

#v3TopBar.top-bar-transparent {
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    background-color: transparent;
    box-shadow: none
}

#v3TopBar.top-bar-transparent .item-shade .hamburger {
    background-position-x: 5px
}

#v3TopBar.top-bar-transparent .page-head {
    color: #fff
}

#v3TopBar.top-bar-transparent .page-head .items-type-wrap .activity a {
    color: #fff
}

#v3TopBar.top-bar-transparent .page-head .logo-wrap {
    display: block;
    width: 139px;
    height: 34px;
    margin: 0 auto;
    top: 10px;
    position: relative
}

#v3TopBar.top-bar-transparent .page-head .logo-wrap:hover .item-logo {
    transform: scale(.3);
    transition: transform .5s,opacity .5s;
    -wekit-transition: transform .5s,opacity .5s;
    -moz-transition: transform .5s,opacity .5s;
    -o-transition: transform .5s,opacity .5s;
    opacity: 0
}

#v3TopBar.top-bar-transparent .page-head .logo-wrap:hover .item-logo-slogan {
    transform: scale(1);
    transition: transform .5s,opacity .5s;
    -wekit-transition: transform .5s,opacity .5s;
    -moz-transition: transform .5s,opacity .5s;
    -o-transition: transform .5s,opacity .5s;
    opacity: 1
}

#v3TopBar.top-bar-transparent .page-head .logo-wrap .item-logo {
    transform: scale(1);
    top: 0;
    position: absolute;
    width: 139px;
    height: 34px;
    transition: transform .5s,opacity .5s;
    -wekit-transition: transform .5s,opacity .5s;
    -moz-transition: transform .5s,opacity .5s;
    -o-transition: transform .5s,opacity .5s;
    opacity: 1;
    background: url("/static/images/logo-v3-2.png") no-repeat -278px 0
}

#v3TopBar.top-bar-transparent .page-head .logo-wrap .item-logo-slogan {
    transform: scale(.3);
    position: absolute;
    top: 0;
    width: 139px;
    height: 34px;
    transition: transform .5s,opacity .5s;
    -wekit-transition: transform .5s,opacity .5s;
    -moz-transition: transform .5s,opacity .5s;
    -o-transition: transform .5s,opacity .5s;
    opacity: 0;
    background: url("/static/images/logo-v3-2.png") no-repeat 0 0
}

#v3TopBar.top-bar-transparent .page-head .items-action-wrap .item-search .item-name {
    display: inline-block;
    vertical-align: middle
}

#v3TopBar.top-bar-transparent .page-head .items-action-wrap .item-search .search {
    background: url("/static/images/ico_topbar_search.png") no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

#v3TopBar.top-bar-transparent .page-head .items-action-wrap .item.box .text {
    color: #fff
}

#v3TopBar.top-bar-transparent .page-head .items-action-wrap .item-submitting {
    color: #fff
}

#v3TopBar.top-bar-transparent .page-head .items-action-wrap .item-login .sign {
    background: url("/static/images/ico_topbar_sign.png") no-repeat 0 0
}

#v3TopBar .page-head {
    width: 100%;
    position: relative;
    color: #6751A4
}

#v3TopBar .page-head .items-type-wrap {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 50px
}

#v3TopBar .page-head .items-type-wrap .item-type {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    cursor: pointer
}

#v3TopBar .page-head .items-type-wrap .item-type.selected .item-name {
    font-size: 0;
    -webkit-text-size-adjust: none;
    background: url("/static/images/ico_topbar_close.png") no-repeat 0 0;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle
}

#v3TopBar .page-head .items-type-wrap .item-type.selected .item-name:hover {
    background-position-x: -34px
}

#v3TopBar .page-head .items-type-wrap .item-type.elite-club .menu {
    left: 18px
}

#v3TopBar .page-head .items-type-wrap .item-type.tag-channel .menu,#v3TopBar .page-head .items-type-wrap .item-type.elite-club .menu {
    border: none;
    box-shadow: 0 4px 20px 6px rgba(0,0,0,0.08) !important;
    margin-top: 2rem;
    border-radius: 5px;
    min-width: 0;
    margin-left: -26px
}

#v3TopBar .page-head .items-type-wrap .item-type.tag-channel .menu:before,#v3TopBar .page-head .items-type-wrap .item-type.elite-club .menu:before {
    top: -0.4em;
    left: 3rem;
    position: absolute;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    width: .8em;
    height: .8em;
    transition: background .2s ease;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    background-color: #fff;
    background-image: none
}

#v3TopBar .page-head .items-type-wrap .item-type.tag-channel .menu .item,#v3TopBar .page-head .items-type-wrap .item-type.elite-club .menu .item {
    color: #6751A4;
    font-weight: bold
}

#v3TopBar .page-head .items-type-wrap .activity a {
    color: #6751A4
}

#v3TopBar .page-head .items-type-wrap .activity a:hover {
    color: #F5BC00
}

#v3TopBar .page-head .logo-wrap {
    display: block;
    width: 139px;
    height: 34px;
    margin: 0 auto;
    top: 8px;
    position: relative
}

#v3TopBar .page-head .logo-wrap .link {
    font-size: 0
}

#v3TopBar .page-head .logo-wrap:hover .item-logo {
    transform: scale(.3);
    transition: transform .5s,opacity .5s;
    -wekit-transition: transform .5s,opacity .5s;
    -moz-transition: transform .5s,opacity .5s;
    -o-transition: transform .5s,opacity .5s;
    opacity: 0
}

#v3TopBar .page-head .logo-wrap:hover .item-logo-slogan {
    transform: scale(1);
    transition: transform .5s,opacity .5s;
    -wekit-transition: transform .5s,opacity .5s;
    -moz-transition: transform .5s,opacity .5s;
    -o-transition: transform .5s,opacity .5s;
    opacity: 1
}

#v3TopBar .page-head .logo-wrap .item-logo {
    transform: scale(1);
    position: absolute;
    top: 0;
    width: 139px;
    height: 34px;
    transition: transform .5s,opacity .5s;
    -wekit-transition: transform .5s,opacity .5s;
    -moz-transition: transform .5s,opacity .5s;
    -o-transition: transform .5s,opacity .5s;
    opacity: 1;
    background: url("/static/images/logo-v3-2.png") no-repeat -417px 0
}

#v3TopBar .page-head .logo-wrap .item-logo-slogan {
    transform: scale(.3);
    position: absolute;
    top: 0;
    width: 139px;
    height: 34px;
    transition: transform .5s,opacity .5s;
    -wekit-transition: transform .5s,opacity .5s;
    -moz-transition: transform .5s,opacity .5s;
    -o-transition: transform .5s,opacity .5s;
    opacity: 0;
    background: url("/static/images/logo-v3-2.png") no-repeat -139px 0
}

#v3TopBar .page-head .items-action-wrap {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 50px
}

#v3TopBar .page-head .items-action-wrap .item-search,#v3TopBar .page-head .items-action-wrap .item-login,#v3TopBar .page-head .items-action-wrap .item-submitting {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px
}

#v3TopBar .page-head .items-action-wrap .item-search .item-name,#v3TopBar .page-head .items-action-wrap .item-login .item-name,#v3TopBar .page-head .items-action-wrap .item-submitting .item-name {
    vertical-align: middle
}

#v3TopBar .page-head .items-action-wrap .item-search .search {
    background: url("/static/images/ico_topbar_search.png") no-repeat -16px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

#v3TopBar .page-head .items-action-wrap .item-search:hover {
    color: #F5BC00
}

#v3TopBar .page-head .items-action-wrap .item-search:hover .search {
    background-position-x: -32px
}

#v3TopBar .page-head .items-action-wrap .item-search.selected .item-name {
    display: none
}

#v3TopBar .page-head .items-action-wrap .item-search.selected .search {
    background: url("/static/images/ico_topbar_close.png") no-repeat 0 0;
    width: 34px;
    height: 34px;
    display: inline-block
}

#v3TopBar .page-head .items-action-wrap .item-search.selected .search:hover {
    background-position-x: -34px
}

#v3TopBar .page-head .items-action-wrap .item-submitting {
    margin-right: 25px;
    color: #6751A4
}

#v3TopBar .page-head .items-action-wrap .item-submitting:hover {
    color: #F5BC00
}

#v3TopBar .page-head .items-action-wrap .item-submitting .submitting {
    margin-left: 7px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle
}

#v3TopBar .page-head .items-action-wrap .item-login:hover {
    color: #F5BC00
}

#v3TopBar .page-head .items-action-wrap .item-login:hover .sign {
    background-position-x: -32px
}

#v3TopBar .page-head .items-action-wrap .item-login .sign {
    background: url("/static/images/ico_topbar_sign.png") no-repeat -16px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

#v3TopBar .page-head .items-action-wrap .item.box {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px
}

#v3TopBar .page-head .items-action-wrap .item.box .text {
    color: #6751A4
}

#v3TopBar .page-head .items-action-wrap .item.box .text:hover {
    color: #F5BC00
}

#v3TopBar .page-head .items-action-wrap .item.box .text .img {
    height: 40px;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block
}

#v3TopBar .page-head .items-action-wrap .item.box .text .unread-message-count {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #f33460;
    border: 1px solid #ddd;
    position: relative;
    top: -10px;
    left: -20px
}

#v3TopBar .page-head .items-action-wrap .item.box .text .user-name {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal
}

#v3TopBar .page-head .items-action-wrap .item.box .text i.icon.down {
    vertical-align: middle
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown:hover {
    color: #F5BC00
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu {
    border: none;
    box-shadow: 0 4px 20px 6px rgba(0,0,0,0.08) !important;
    margin-top: 1.3rem;
    border-radius: 5px;
    min-width: 0
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu:before {
    top: -0.4em;
    left: 4rem;
    position: absolute;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    width: .8em;
    height: .8em;
    transition: background .2s ease;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    background-color: #fff;
    background-image: none
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item {
    padding: 15px 20px 15px 20px !important;
    display: block;
    color: #6751A4
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item .zh {
    border-right: 2px solid #6751A4;
    font-weight: bold
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item span {
    border-color: #F5BC00
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item span.msg-count {
    border-radius: 100px;
    display: inline-block;
    background: #f33460;
    color: #fff;
    height: 17px;
    padding: 0 5px;
    text-align: center;
    line-height: 17px;
    margin-left: 10px;
    font-weight: normal
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item span {
    display: block
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item span:not(.bold) {
    font-size: 14px
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item .blod {
    font-weight: 400 !important;
    color: #aaa
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item .blod:hover {
    color: #6751A4
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item .blod span.icon {
    font-size: 36px;
    margin-bottom: -7px
}

#v3TopBar .page-head .items-action-wrap .ui.dropdown .menu a.item .blod h2 {
    font-size: 16px;
    padding-left: 10px
}

#v3TopBar .item-shade {
    opacity: 1;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    position: relative
}

#v3TopBar .item-shade .hamburger {
    position: absolute;
    top: 2px;
    left: 0;
    margin-left: 30px;
    background: url('/static/images/ico_topbar_categories.png') no-repeat -20px 0;
    width: 25px;
    height: 25px
}

#v3TopBar .item-shade.item-shade-hide {
    opacity: 0;
    left: -10px
}

#v3TopBar .item-shade.item-shade-show {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    left: 0;
    opacity: 1
}

#v3TopBar .item-type:hover {
    color: #F5BC00
}

body {
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue','Hiragino Sans GB','Microsoft YaHei',STHeiti,Helvetica,Arial,sans-serif;
    line-height: 1.5em;
    color: #333;
    font-smoothing: subpixel-antialiased;
    width: 100%;
    padding: 0 0 0 40px
}

body.fixed-top {
    padding-top: 50px
}

body .pure-g [class*="pure-u"] {
    font-family: 'Helvetica Neue','Hiragino Sans GB','Microsoft YaHei',STHeiti,Helvetica,Arial,sans-serif
}

a {
    text-decoration: none;
    color: #2D273D
}

a:hover {
    color: #000
}

.clear {
    clear: both;
    height: 1px
}

.hide {
    display: none !important
}

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

.f-l {
    float: left
}

.f-r {
    float: right
}

.i-b {
    display: inline-block
}

.visibility-hidden {
    visibility: hidden
}

.body {
    margin: 0 auto -50px auto;
    padding: 50px 0 50px 0;
    width: 1150px;
    min-height: 100%
}

.body>section>.ui.grid>.four {
    padding-left: 3.21428571rem
}

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

.center {
    text-align: center
}

#topBar {
    top: 0;
    left: 0
}

.row960 {
    margin: 0 auto;
    width: 960px
}

.header {
    clear: both
}

.gotoIndexList {
    float: right;
    font-size: 1.2rem;
    margin-top: -35px;
    color: #bbb
}

* {
    scrollbar-face-color:#ccc;scrollbar-arrow-color:#C0C0C0;scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;scrollbar-darkshadow-color: #C0C0C0;
    scrollbar-track-color:#F3F3F3}

.js-hidden {
    opacity: 0
}

.layout-r {
    max-width: 1280px;
    margin: 0 auto
}

.pure-button,.pure-oo {
    border-radius: 30px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    padding-left: 2em;
    padding-right: 2em
}

.pure-oo {
    background: #6751A4;
    color: #fff
}

.loading-box {
    width: 100%;
    height: 100%;
    position: relative
}

.loading-spinner {
    width: 150px;
    text-align: center;
    position: absolute;
    padding-top: 50%;
    z-index: 80000
}

.loading-spinner>div {
    width: 16px;
    height: 16px;
    background-color: #6751A4;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loading-spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.loading-spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,80%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.geetest {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10003;
    display: none;
    top: 0;
    right: 0
}

.geetest .gt_mask {
    background-color: black;
    opacity: .6;
    width: 100%;
    height: 100%
}

.geetest .geetest-wrap {
    position: fixed;
    height: 286px;
    width: 354px;
    background-position: 0 -772px;
    margin-left: -177px;
    margin-top: -143px;
    top: 50%;
    left: 50%;
    z-index: 999999
}

.geetest .geetest-wrap .geetest-header {
    height: 42px;
    background-color: #F8F4ED;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #ccc
}

.geetest .geetest-wrap .geetest-header .title {
    display: inline-block;
    width: 290px;
    color: #2D273D;
    font-size: 14px;
    line-height: 42px;
    margin-left: 20px;
    letter-spacing: 1px
}

.geetest .geetest-wrap .geetest-header .close {
    width: 24px;
    vertical-align: middle;
    margin-right: 20px;
    cursor: pointer
}

.geetest .geetest-wrap .geetest-body {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 30px
}

.geetest .geetest-wrap .geetest-body #divIdGeetest {
    width: 320px;
    margin: 0 auto
}

.overflow-hidden {
    overflow: hidden
}

.ui.grid.bottom.menu.footer,.ui.grid.bottom.fixed.menu.footer {
    height: 50px;
    text-align: right;
    margin: -50px 0 0 0;
    width: 100%
}

.ui.grid.bottom.menu.footer.ui.grid,.ui.grid.bottom.fixed.menu.footer.ui.grid {
    line-height: 50px;
    padding: 0;
    border-radius: 0;
    background-color: #000000;
    opacity: .8
}

.ui.grid.bottom.menu.footer .popup,.ui.grid.bottom.fixed.menu.footer .popup {
    text-align: left
}

.ui.grid.bottom.menu.footer .item,.ui.grid.bottom.fixed.menu.footer .item {
    padding: 0 !important
}

.ui.grid.bottom.menu.footer .copyright,.ui.grid.bottom.fixed.menu.footer .copyright {
    width: 450px;
    float: left;
    text-align: left
}

.ui.grid.bottom.menu.footer .copyright P,.ui.grid.bottom.fixed.menu.footer .copyright P {
    margin-left: 20px;
    margin-top: 12px;
    color: #FFFFFF;
    opacity: .3;
    line-height: 8px;
    font-size: 12px
}

.ui.grid.bottom.menu.footer .copyright P a,.ui.grid.bottom.fixed.menu.footer .copyright P a {
    color: #FFFFFF
}

.ui.grid.bottom.menu.footer .link-box,.ui.grid.bottom.fixed.menu.footer .link-box {
    margin-right: 30px;
    display: inline-block
}

.ui.grid.bottom.menu.footer .link-box.seek-report a img,.ui.grid.bottom.fixed.menu.footer .link-box.seek-report a img {
    width: 16px;
    height: 16px
}

.ui.grid.bottom.menu.footer .link-box a,.ui.grid.bottom.fixed.menu.footer .link-box a {
    display: block
}

.ui.grid.bottom.menu.footer .link-box a img,.ui.grid.bottom.fixed.menu.footer .link-box a img {
    width: 22px;
    height: 22px;
    opacity: .3
}

.ui.grid.bottom.menu.footer .link-box a img:hover,.ui.grid.bottom.fixed.menu.footer .link-box a img:hover {
    color: #FFFFFF;
    opacity: 1
}

.ui.grid.bottom.menu.footer .words,.ui.grid.bottom.fixed.menu.footer .words {
    margin-right: 45px;
    font-size: 12px;
    font-weight: bolder
}

.ui.grid.bottom.menu.footer .words a,.ui.grid.bottom.fixed.menu.footer .words a {
    display: block
}

.ui.grid.bottom.menu.footer .words a span,.ui.grid.bottom.fixed.menu.footer .words a span {
    text-align: right
}

.ui.grid.bottom.menu.footer .words a .ch,.ui.grid.bottom.fixed.menu.footer .words a .ch {
    color: #FFFFFF;
    opacity: .3
}

.ui.grid.bottom.menu.footer .words a:hover .ch,.ui.grid.bottom.fixed.menu.footer .words a:hover .ch {
    color: #FFFFFF;
    opacity: 1
}

.ui.grid.bottom.menu.footer .friendly-link p,.ui.grid.bottom.fixed.menu.footer .friendly-link p {
    font-size: 16px;
    margin-left: 5px
}

.ui.grid.bottom.menu.footer .friendly-link a,.ui.grid.bottom.fixed.menu.footer .friendly-link a {
    display: inline-block;
    padding: 5px 10px
}

.ui.grid.bottom.menu.footer .mailto .contact,.ui.grid.bottom.fixed.menu.footer .mailto .contact {
    display: block
}

.ui.grid.bottom.menu.footer .mailto .contact .icon,.ui.grid.bottom.fixed.menu.footer .mailto .contact .icon {
    font-size: 20px;
    color: #666
}

.ui.grid.bottom.menu.footer .mailto .popup.friendly-link-popup,.ui.grid.bottom.fixed.menu.footer .mailto .popup.friendly-link-popup {
    max-width: 400px;
    padding: 0;
    padding-top: 5px;
    width: 250px;
    width: 279px;
    right: -8px !important
}

.ui.grid.bottom.menu.footer .mailto .popup.friendly-link-popup a,.ui.grid.bottom.fixed.menu.footer .mailto .popup.friendly-link-popup a {
    height: 46px;
    opacity: .8;
    display: inline-block;
    width: 100%;
    height: 70px;
    color: #333
}

.ui.grid.bottom.menu.footer .mailto .popup.friendly-link-popup a:hover,.ui.grid.bottom.fixed.menu.footer .mailto .popup.friendly-link-popup a:hover {
    opacity: 1
}

.ui.grid.bottom.menu.footer .mailto .popup.friendly-link-popup a img,.ui.grid.bottom.fixed.menu.footer .mailto .popup.friendly-link-popup a img {
    float: left;
    margin: 14px
}

.ui.grid.bottom.menu.footer .mailto .popup.friendly-link-popup a span,.ui.grid.bottom.fixed.menu.footer .mailto .popup.friendly-link-popup a span {
    margin-top: -7px;
    line-height: 30px;
    font-weight: bold;
    padding-top: 15px;
    display: inline-block
}

.ui.grid.bottom.menu.footer .weixin-popup.ui.popup.top.right.transition.visible,.ui.grid.bottom.fixed.menu.footer .weixin-popup.ui.popup.top.right.transition.visible {
    padding: 0
}

.ui.grid.bottom.menu.footer .contact-popup,.ui.grid.bottom.fixed.menu.footer .contact-popup {
    width: 230px;
    padding: 10px
}

.ui.grid.bottom.menu.footer .contact-popup a,.ui.grid.bottom.fixed.menu.footer .contact-popup a {
    display: inline-block
}

.ui.grid.bottom.menu.footer .contact-popup a.tougao img,.ui.grid.bottom.fixed.menu.footer .contact-popup a.tougao img {
    opacity: .8;
    width: 18px;
    height: 16px;
    vertical-align: middle
}

.ui.grid.bottom.menu.footer .contact-popup a.tougao .icon,.ui.grid.bottom.fixed.menu.footer .contact-popup a.tougao .icon {
    vertical-align: middle;
    line-height: 18px;
    color: #F5BC00
}

.ui.grid.bottom.menu.footer .contact-popup a.tougao span,.ui.grid.bottom.fixed.menu.footer .contact-popup a.tougao span {
    vertical-align: middle
}

.ui.grid.bottom.menu.footer .contact-popup .tougao-header,.ui.grid.bottom.fixed.menu.footer .contact-popup .tougao-header {
    margin-top: 10px;
    margin-left: 15px;
    font-weight: bold;
    margin-bottom: 15px
}

.ui.grid.bottom.menu.footer .contact-popup .wrap,.ui.grid.bottom.fixed.menu.footer .contact-popup .wrap {
    margin-left: 10px;
    height: 25px
}

.ui.grid.bottom.menu.footer .contact-popup .tougao-email,.ui.grid.bottom.fixed.menu.footer .contact-popup .tougao-email {
    font-weight: bold;
    margin-left: 5px;
    color: #F5BC00
}

.ui.grid.bottom.menu.footer .contact-popup .tougao-login-img,.ui.grid.bottom.fixed.menu.footer .contact-popup .tougao-login-img {
    background: url("/static/images/ico_topbar_sign.png") no-repeat -16px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: 300%
}

.ui.grid.bottom.menu.footer .contact-popup .tougao-login,.ui.grid.bottom.fixed.menu.footer .contact-popup .tougao-login {
    font-weight: bold;
    color: #6751A4
}

.ui.grid.bottom.menu.footer .contact-popup .tougao-login-item,.ui.grid.bottom.fixed.menu.footer .contact-popup .tougao-login-item {
    opacity: .8;
    cursor: pointer;
    margin-bottom: 10px
}

.ui.grid.bottom.menu.footer .contact-popup .tougao-login-item:hover,.ui.grid.bottom.fixed.menu.footer .contact-popup .tougao-login-item:hover {
    opacity: 1
}

.ui.grid.bottom.menu.footer .contact-popup .or,.ui.grid.bottom.fixed.menu.footer .contact-popup .or {
    margin: 0 10px
}

.ui.grid.bottom.menu.footer .ui.popup.finance-popup,.ui.grid.bottom.fixed.menu.footer .ui.popup.finance-popup {
    width: 260px;
    max-width: none;
    padding: 10px;
    line-height: 24px;
    font-size: 14px;
    text-align: center
}

.ui.grid.bottom.menu.footer .ui.popup.finance-popup .title,.ui.grid.bottom.fixed.menu.footer .ui.popup.finance-popup .title {
    font-weight: bold;
    color: #2D273D
}

.ui.grid.bottom.menu.footer .ui.popup.finance-popup span,.ui.grid.bottom.fixed.menu.footer .ui.popup.finance-popup span {
    padding: 0 3px;
    font-weight: bold;
    font-size: 18px;
    color: #6751A4
}

.ui.grid.bottom.menu.footer .ui.popup.finance-popup span.grey,.ui.grid.bottom.fixed.menu.footer .ui.popup.finance-popup span.grey {
    font-size: 14px;
    padding: 0 5px;
    color: #333
}

.ui.grid.bottom.menu.footer .ui.popup.finance-popup span.unit,.ui.grid.bottom.fixed.menu.footer .ui.popup.finance-popup span.unit {
    font-size: 14px;
    font-weight: bold
}

.ui.grid.bottom.menu.footer .ui.popup.finance-popup .join-us,.ui.grid.bottom.fixed.menu.footer .ui.popup.finance-popup .join-us {
    font-weight: bold;
    font-size: 18px;
    display: block;
    text-align: center;
    color: #F5BC00
}

.ui.grid.bottom.menu.footer .ui.popup.finance-popup .boder-bottom-row,.ui.grid.bottom.fixed.menu.footer .ui.popup.finance-popup .boder-bottom-row {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.ui.grid.bottom.menu.footer .ui.popup.finance-popup .third-row,.ui.grid.bottom.fixed.menu.footer .ui.popup.finance-popup .third-row {
    margin-top: 5px
}

.ui.grid.bottom.menu.footer .ui.popup.friendly-link-popup,.ui.grid.bottom.fixed.menu.footer .ui.popup.friendly-link-popup {
    width: 500px;
    max-width: 500px
}

.ui.grid.bottom.menu.footer .ui.popup,.ui.grid.bottom.fixed.menu.footer .ui.popup {
    z-index: 1000
}

.mixin-ads-under-header-article {
    margin-bottom: 24px;
    width: 720px;
    height: 120px
}

.mixin-ads-under-header-article .ad-slide {
    width: 720px;
    height: 120px;
    background-size: 720px 120px !important
}

.mixin-ads-under-author-reputation-list {
    margin: 24px 0;
    width: 220px;
    height: 120px
}

.mixin-ads-under-author-reputation-list .ad-slide {
    width: 220px;
    height: 120px;
    background-size: 220px 120px !important
}

.mixin-ads-under-author-reputation-list .ads-under-author-reputation-list-pagination {
    text-align: center
}

.mixin-ads-under-post-article-banner {
    margin: 24px 0;
    max-width: 1920px;
    height: 130px
}

.mixin-ads-under-post-article-banner .ad-slide {
    max-width: 1920px;
    height: 130px;
    background-size: 1920px 130px !important
}

.mixin-ads-under-post-article-banner .swiper-slide {
    width: auto
}

.mixin-ads-under-header-article .swiper-container,.mixin-ads-under-author-reputation-list .swiper-container,.mixin-ads-under-post-article-banner .swiper-container,.mixin-end-banner .swiper-container {
    overflow: hidden;
    background: transparent
}

.mixin-ads-under-header-article .ad-slide,.mixin-ads-under-author-reputation-list .ad-slide,.mixin-ads-under-post-article-banner .ad-slide,.mixin-end-banner .ad-slide {
    display: block;
    background-position: center center;
    background-repeat: no-repeat
}

.mixin-ads-under-header-article .swiper-button-prev,.mixin-ads-under-author-reputation-list .swiper-button-prev,.mixin-ads-under-post-article-banner .swiper-button-prev,.mixin-end-banner .swiper-button-prev {
    background-image: url("/static/images/left-default.png")
}

.mixin-ads-under-header-article .swiper-button-prev:hover,.mixin-ads-under-author-reputation-list .swiper-button-prev:hover,.mixin-ads-under-post-article-banner .swiper-button-prev:hover,.mixin-end-banner .swiper-button-prev:hover {
    background-image: url("/static/images/left-hover.png")
}

.mixin-ads-under-header-article .swiper-button-next,.mixin-ads-under-author-reputation-list .swiper-button-next,.mixin-ads-under-post-article-banner .swiper-button-next,.mixin-end-banner .swiper-button-next {
    background-image: url("/static/images/right-default.png")
}

.mixin-ads-under-header-article .swiper-button-next:hover,.mixin-ads-under-author-reputation-list .swiper-button-next:hover,.mixin-ads-under-post-article-banner .swiper-button-next:hover,.mixin-end-banner .swiper-button-next:hover {
    background-image: url("/static/images/right-hover.png")
}

.mixin-ads-under-header-article .swiper-pagination,.mixin-ads-under-author-reputation-list .swiper-pagination,.mixin-ads-under-post-article-banner .swiper-pagination,.mixin-end-banner .swiper-pagination {
    display: block;
    position: static
}

.mixin-ads-under-header-article .swiper-pagination-bullet,.mixin-ads-under-author-reputation-list .swiper-pagination-bullet,.mixin-ads-under-post-article-banner .swiper-pagination-bullet,.mixin-end-banner .swiper-pagination-bullet {
    margin: 0 5px;
    background: #dddddd;
    opacity: 1
}

.mixin-ads-under-header-article .swiper-pagination-bullet-active,.mixin-ads-under-author-reputation-list .swiper-pagination-bullet-active,.mixin-ads-under-post-article-banner .swiper-pagination-bullet-active,.mixin-end-banner .swiper-pagination-bullet-active {
    background-color: #6751a4;
    opacity: 1
}

.mixin-ads-aside-banner {
    margin-bottom: 10px
}

.mixin-ads-aside-banner.last {
    margin-bottom: 0
}

.mixin-ads-aside-banner img {
    width: 220px;
    display: block
}

.mixin-end-banner {
    padding-bottom: 80px
}

.mixin-end-banner .swiper-container {
    width: 720px;
    height: 120px;
    margin: 0 auto
}

.mixin-end-banner .link {
    display: block
}

.mixin-end-banner .img {
    width: 100%
}

.mixin-end-banner .ad-slide {
    width: 720px;
    height: 120px;
    background-size: 720px 120px !important
}

.mixin-article-v3.default {
    margin-top: 40px;
    box-sizing: border-box;
    width: 570px
}

.mixin-article-v3.default,.mixin-article-v3.default .text {
    color: #333;
    font-family: 'Helvetica Neue','Hiragino Sans GB','Microsoft YaHei','STHeiti',Helvetica,Arial,sans-serif;
    width: 570px;
    box-sizing: border-box;
    font-size: 16px
}

.mixin-article-v3.default table.sortEnabled tr.firstRow th,.mixin-article-v3.default .text table.sortEnabled tr.firstRow th,.mixin-article-v3.default table.sortEnabled tr.firstRow td,.mixin-article-v3.default .text table.sortEnabled tr.firstRow td {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(/static/images/sortable.png)
}

.mixin-article-v3.default .selectTdClass,.mixin-article-v3.default .text .selectTdClass {
    background-color: #edf5fa !important
}

.mixin-article-v3.default table.noBorderTable td,.mixin-article-v3.default .text table.noBorderTable td,.mixin-article-v3.default table.noBorderTable th,.mixin-article-v3.default .text table.noBorderTable th,.mixin-article-v3.default table.noBorderTable caption,.mixin-article-v3.default .text table.noBorderTable caption {
    border: 1px dashed #ddd !important
}

.mixin-article-v3.default table,.mixin-article-v3.default .text table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table
}

.mixin-article-v3.default td,.mixin-article-v3.default .text td,.mixin-article-v3.default th,.mixin-article-v3.default .text th {
    padding: 5px 10px;
    border: 1px solid #DDD
}

.mixin-article-v3.default caption,.mixin-article-v3.default .text caption {
    border: 1px dashed #DDD;
    border-bottom: 0;
    padding: 3px;
    text-align: center
}

.mixin-article-v3.default th,.mixin-article-v3.default .text th {
    border-top: 1px solid #BBB;
    background-color: #F7F7F7
}

.mixin-article-v3.default table tr.firstRow th,.mixin-article-v3.default .text table tr.firstRow th {
    border-top-width: 2px
}

.mixin-article-v3.default .ue-table-interlace-color-single,.mixin-article-v3.default .text .ue-table-interlace-color-single {
    background-color: #fcfcfc
}

.mixin-article-v3.default .ue-table-interlace-color-double,.mixin-article-v3.default .text .ue-table-interlace-color-double {
    background-color: #f7faff
}

.mixin-article-v3.default td p,.mixin-article-v3.default .text td p {
    margin: 0;
    padding: 0
}

.mixin-article-v3.default ol,.mixin-article-v3.default .text ol,.mixin-article-v3.default ul,.mixin-article-v3.default .text ul {
    margin: 0;
    pading: 0;
    width: 95%
}

.mixin-article-v3.default li,.mixin-article-v3.default .text li {
    clear: both
}

.mixin-article-v3.default li.list-cn-1-0,.mixin-article-v3.default .text li.list-cn-1-0 {
    background-image: url(/static/images/list-cn-1-0.gif)
}

.mixin-article-v3.default li.list-cn-1-1,.mixin-article-v3.default .text li.list-cn-1-1 {
    background-image: url(/static/images/list-cn-1-1.gif)
}

.mixin-article-v3.default li.list-cn-1-2,.mixin-article-v3.default .text li.list-cn-1-2 {
    background-image: url(/static/images/list-cn-1-2.gif)
}

.mixin-article-v3.default li.list-cn-1-3,.mixin-article-v3.default .text li.list-cn-1-3 {
    background-image: url(/static/images/list-cn-1-3.gif)
}

.mixin-article-v3.default li.list-cn-1-4,.mixin-article-v3.default .text li.list-cn-1-4 {
    background-image: url(/static/images/list-cn-1-4.gif)
}

.mixin-article-v3.default li.list-cn-1-5,.mixin-article-v3.default .text li.list-cn-1-5 {
    background-image: url(/static/images/list-cn-1-5.gif)
}

.mixin-article-v3.default li.list-cn-1-6,.mixin-article-v3.default .text li.list-cn-1-6 {
    background-image: url(/static/images/list-cn-1-6.gif)
}

.mixin-article-v3.default li.list-cn-1-7,.mixin-article-v3.default .text li.list-cn-1-7 {
    background-image: url(/static/images/list-cn-1-7.gif)
}

.mixin-article-v3.default li.list-cn-1-8,.mixin-article-v3.default .text li.list-cn-1-8 {
    background-image: url(/static/images/list-cn-1-8.gif)
}

.mixin-article-v3.default li.list-cn-1-9,.mixin-article-v3.default .text li.list-cn-1-9 {
    background-image: url(/static/images/list-cn-1-9.gif)
}

.mixin-article-v3.default li.list-cn-1-10,.mixin-article-v3.default .text li.list-cn-1-10 {
    background-image: url(/static/images/list-cn-1-10.gif)
}

.mixin-article-v3.default li.list-cn-1-11,.mixin-article-v3.default .text li.list-cn-1-11 {
    background-image: url(/static/images/list-cn-1-11.gif)
}

.mixin-article-v3.default li.list-cn-1-12,.mixin-article-v3.default .text li.list-cn-1-12 {
    background-image: url(/static/images/list-cn-1-12.gif)
}

.mixin-article-v3.default li.list-cn-1-13,.mixin-article-v3.default .text li.list-cn-1-13 {
    background-image: url(/static/images/list-cn-1-13.gif)
}

.mixin-article-v3.default li.list-cn-1-14,.mixin-article-v3.default .text li.list-cn-1-14 {
    background-image: url(/static/images/list-cn-1-14.gif)
}

.mixin-article-v3.default li.list-cn-1-15,.mixin-article-v3.default .text li.list-cn-1-15 {
    background-image: url(/static/images/list-cn-1-15.gif)
}

.mixin-article-v3.default li.list-cn-1-16,.mixin-article-v3.default .text li.list-cn-1-16 {
    background-image: url(/static/images/list-cn-1-16.gif)
}

.mixin-article-v3.default li.list-cn-1-17,.mixin-article-v3.default .text li.list-cn-1-17 {
    background-image: url(/static/images/list-cn-1-17.gif)
}

.mixin-article-v3.default li.list-cn-1-18,.mixin-article-v3.default .text li.list-cn-1-18 {
    background-image: url(/static/images/list-cn-1-18.gif)
}

.mixin-article-v3.default li.list-cn-1-19,.mixin-article-v3.default .text li.list-cn-1-19 {
    background-image: url(/static/images/list-cn-1-19.gif)
}

.mixin-article-v3.default li.list-cn-1-20,.mixin-article-v3.default .text li.list-cn-1-20 {
    background-image: url(/static/images/list-cn-1-20.gif)
}

.mixin-article-v3.default li.list-cn-1-21,.mixin-article-v3.default .text li.list-cn-1-21 {
    background-image: url(/static/images/list-cn-1-21.gif)
}

.mixin-article-v3.default li.list-cn-1-22,.mixin-article-v3.default .text li.list-cn-1-22 {
    background-image: url(/static/images/list-cn-1-22.gif)
}

.mixin-article-v3.default li.list-cn-1-23,.mixin-article-v3.default .text li.list-cn-1-23 {
    background-image: url(/static/images/list-cn-1-23.gif)
}

.mixin-article-v3.default li.list-cn-1-24,.mixin-article-v3.default .text li.list-cn-1-24 {
    background-image: url(/static/images/list-cn-1-24.gif)
}

.mixin-article-v3.default li.list-cn-1-25,.mixin-article-v3.default .text li.list-cn-1-25 {
    background-image: url(/static/images/list-cn-1-25.gif)
}

.mixin-article-v3.default li.list-cn-1-26,.mixin-article-v3.default .text li.list-cn-1-26 {
    background-image: url(/static/images/list-cn-1-26.gif)
}

.mixin-article-v3.default li.list-cn-1-27,.mixin-article-v3.default .text li.list-cn-1-27 {
    background-image: url(/static/images/list-cn-1-27.gif)
}

.mixin-article-v3.default li.list-cn-1-28,.mixin-article-v3.default .text li.list-cn-1-28 {
    background-image: url(/static/images/list-cn-1-28.gif)
}

.mixin-article-v3.default li.list-cn-1-29,.mixin-article-v3.default .text li.list-cn-1-29 {
    background-image: url(/static/images/list-cn-1-29.gif)
}

.mixin-article-v3.default li.list-cn-1-30,.mixin-article-v3.default .text li.list-cn-1-30 {
    background-image: url(/static/images/list-cn-1-30.gif)
}

.mixin-article-v3.default li.list-cn-1-31,.mixin-article-v3.default .text li.list-cn-1-31 {
    background-image: url(/static/images/list-cn-1-31.gif)
}

.mixin-article-v3.default li.list-cn-1-32,.mixin-article-v3.default .text li.list-cn-1-32 {
    background-image: url(/static/images/list-cn-1-32.gif)
}

.mixin-article-v3.default li.list-cn-1-33,.mixin-article-v3.default .text li.list-cn-1-33 {
    background-image: url(/static/images/list-cn-1-33.gif)
}

.mixin-article-v3.default li.list-cn-1-34,.mixin-article-v3.default .text li.list-cn-1-34 {
    background-image: url(/static/images/list-cn-1-34.gif)
}

.mixin-article-v3.default li.list-cn-1-35,.mixin-article-v3.default .text li.list-cn-1-35 {
    background-image: url(/static/images/list-cn-1-35.gif)
}

.mixin-article-v3.default li.list-cn-1-36,.mixin-article-v3.default .text li.list-cn-1-36 {
    background-image: url(/static/images/list-cn-1-36.gif)
}

.mixin-article-v3.default li.list-cn-1-37,.mixin-article-v3.default .text li.list-cn-1-37 {
    background-image: url(/static/images/list-cn-1-37.gif)
}

.mixin-article-v3.default li.list-cn-1-38,.mixin-article-v3.default .text li.list-cn-1-38 {
    background-image: url(/static/images/list-cn-1-38.gif)
}

.mixin-article-v3.default li.list-cn-1-39,.mixin-article-v3.default .text li.list-cn-1-39 {
    background-image: url(/static/images/list-cn-1-39.gif)
}

.mixin-article-v3.default li.list-cn-1-40,.mixin-article-v3.default .text li.list-cn-1-40 {
    background-image: url(/static/images/list-cn-1-40.gif)
}

.mixin-article-v3.default li.list-cn-1-41,.mixin-article-v3.default .text li.list-cn-1-41 {
    background-image: url(/static/images/list-cn-1-41.gif)
}

.mixin-article-v3.default li.list-cn-1-42,.mixin-article-v3.default .text li.list-cn-1-42 {
    background-image: url(/static/images/list-cn-1-42.gif)
}

.mixin-article-v3.default li.list-cn-1-43,.mixin-article-v3.default .text li.list-cn-1-43 {
    background-image: url(/static/images/list-cn-1-43.gif)
}

.mixin-article-v3.default li.list-cn-1-44,.mixin-article-v3.default .text li.list-cn-1-44 {
    background-image: url(/static/images/list-cn-1-44.gif)
}

.mixin-article-v3.default li.list-cn-1-45,.mixin-article-v3.default .text li.list-cn-1-45 {
    background-image: url(/static/images/list-cn-1-45.gif)
}

.mixin-article-v3.default li.list-cn-1-46,.mixin-article-v3.default .text li.list-cn-1-46 {
    background-image: url(/static/images/list-cn-1-46.gif)
}

.mixin-article-v3.default li.list-cn-1-47,.mixin-article-v3.default .text li.list-cn-1-47 {
    background-image: url(/static/images/list-cn-1-47.gif)
}

.mixin-article-v3.default li.list-cn-1-48,.mixin-article-v3.default .text li.list-cn-1-48 {
    background-image: url(/static/images/list-cn-1-48.gif)
}

.mixin-article-v3.default li.list-cn-1-49,.mixin-article-v3.default .text li.list-cn-1-49 {
    background-image: url(/static/images/list-cn-1-49.gif)
}

.mixin-article-v3.default li.list-cn-1-50,.mixin-article-v3.default .text li.list-cn-1-50 {
    background-image: url(/static/images/list-cn-1-50.gif)
}

.mixin-article-v3.default li.list-cn-1-51,.mixin-article-v3.default .text li.list-cn-1-51 {
    background-image: url(/static/images/list-cn-1-51.gif)
}

.mixin-article-v3.default li.list-cn-1-52,.mixin-article-v3.default .text li.list-cn-1-52 {
    background-image: url(/static/images/list-cn-1-52.gif)
}

.mixin-article-v3.default li.list-cn-1-53,.mixin-article-v3.default .text li.list-cn-1-53 {
    background-image: url(/static/images/list-cn-1-53.gif)
}

.mixin-article-v3.default li.list-cn-1-54,.mixin-article-v3.default .text li.list-cn-1-54 {
    background-image: url(/static/images/list-cn-1-54.gif)
}

.mixin-article-v3.default li.list-cn-1-55,.mixin-article-v3.default .text li.list-cn-1-55 {
    background-image: url(/static/images/list-cn-1-55.gif)
}

.mixin-article-v3.default li.list-cn-1-56,.mixin-article-v3.default .text li.list-cn-1-56 {
    background-image: url(/static/images/list-cn-1-56.gif)
}

.mixin-article-v3.default li.list-cn-1-57,.mixin-article-v3.default .text li.list-cn-1-57 {
    background-image: url(/static/images/list-cn-1-57.gif)
}

.mixin-article-v3.default li.list-cn-1-58,.mixin-article-v3.default .text li.list-cn-1-58 {
    background-image: url(/static/images/list-cn-1-58.gif)
}

.mixin-article-v3.default li.list-cn-1-59,.mixin-article-v3.default .text li.list-cn-1-59 {
    background-image: url(/static/images/list-cn-1-59.gif)
}

.mixin-article-v3.default li.list-cn-1-60,.mixin-article-v3.default .text li.list-cn-1-60 {
    background-image: url(/static/images/list-cn-1-60.gif)
}

.mixin-article-v3.default li.list-cn-1-61,.mixin-article-v3.default .text li.list-cn-1-61 {
    background-image: url(/static/images/list-cn-1-61.gif)
}

.mixin-article-v3.default li.list-cn-1-62,.mixin-article-v3.default .text li.list-cn-1-62 {
    background-image: url(/static/images/list-cn-1-62.gif)
}

.mixin-article-v3.default li.list-cn-1-63,.mixin-article-v3.default .text li.list-cn-1-63 {
    background-image: url(/static/images/list-cn-1-63.gif)
}

.mixin-article-v3.default li.list-cn-1-64,.mixin-article-v3.default .text li.list-cn-1-64 {
    background-image: url(/static/images/list-cn-1-64.gif)
}

.mixin-article-v3.default li.list-cn-1-65,.mixin-article-v3.default .text li.list-cn-1-65 {
    background-image: url(/static/images/list-cn-1-65.gif)
}

.mixin-article-v3.default li.list-cn-1-66,.mixin-article-v3.default .text li.list-cn-1-66 {
    background-image: url(/static/images/list-cn-1-66.gif)
}

.mixin-article-v3.default li.list-cn-1-67,.mixin-article-v3.default .text li.list-cn-1-67 {
    background-image: url(/static/images/list-cn-1-67.gif)
}

.mixin-article-v3.default li.list-cn-1-68,.mixin-article-v3.default .text li.list-cn-1-68 {
    background-image: url(/static/images/list-cn-1-68.gif)
}

.mixin-article-v3.default li.list-cn-1-69,.mixin-article-v3.default .text li.list-cn-1-69 {
    background-image: url(/static/images/list-cn-1-69.gif)
}

.mixin-article-v3.default li.list-cn-1-70,.mixin-article-v3.default .text li.list-cn-1-70 {
    background-image: url(/static/images/list-cn-1-70.gif)
}

.mixin-article-v3.default li.list-cn-1-71,.mixin-article-v3.default .text li.list-cn-1-71 {
    background-image: url(/static/images/list-cn-1-71.gif)
}

.mixin-article-v3.default li.list-cn-1-72,.mixin-article-v3.default .text li.list-cn-1-72 {
    background-image: url(/static/images/list-cn-1-72.gif)
}

.mixin-article-v3.default li.list-cn-1-73,.mixin-article-v3.default .text li.list-cn-1-73 {
    background-image: url(/static/images/list-cn-1-73.gif)
}

.mixin-article-v3.default li.list-cn-1-74,.mixin-article-v3.default .text li.list-cn-1-74 {
    background-image: url(/static/images/list-cn-1-74.gif)
}

.mixin-article-v3.default li.list-cn-1-75,.mixin-article-v3.default .text li.list-cn-1-75 {
    background-image: url(/static/images/list-cn-1-75.gif)
}

.mixin-article-v3.default li.list-cn-1-76,.mixin-article-v3.default .text li.list-cn-1-76 {
    background-image: url(/static/images/list-cn-1-76.gif)
}

.mixin-article-v3.default li.list-cn-1-77,.mixin-article-v3.default .text li.list-cn-1-77 {
    background-image: url(/static/images/list-cn-1-77.gif)
}

.mixin-article-v3.default li.list-cn-1-78,.mixin-article-v3.default .text li.list-cn-1-78 {
    background-image: url(/static/images/list-cn-1-78.gif)
}

.mixin-article-v3.default li.list-cn-1-79,.mixin-article-v3.default .text li.list-cn-1-79 {
    background-image: url(/static/images/list-cn-1-79.gif)
}

.mixin-article-v3.default li.list-cn-1-80,.mixin-article-v3.default .text li.list-cn-1-80 {
    background-image: url(/static/images/list-cn-1-80.gif)
}

.mixin-article-v3.default li.list-cn-1-81,.mixin-article-v3.default .text li.list-cn-1-81 {
    background-image: url(/static/images/list-cn-1-81.gif)
}

.mixin-article-v3.default li.list-cn-1-82,.mixin-article-v3.default .text li.list-cn-1-82 {
    background-image: url(/static/images/list-cn-1-82.gif)
}

.mixin-article-v3.default li.list-cn-1-83,.mixin-article-v3.default .text li.list-cn-1-83 {
    background-image: url(/static/images/list-cn-1-83.gif)
}

.mixin-article-v3.default li.list-cn-1-84,.mixin-article-v3.default .text li.list-cn-1-84 {
    background-image: url(/static/images/list-cn-1-84.gif)
}

.mixin-article-v3.default li.list-cn-1-85,.mixin-article-v3.default .text li.list-cn-1-85 {
    background-image: url(/static/images/list-cn-1-85.gif)
}

.mixin-article-v3.default li.list-cn-1-86,.mixin-article-v3.default .text li.list-cn-1-86 {
    background-image: url(/static/images/list-cn-1-86.gif)
}

.mixin-article-v3.default li.list-cn-1-87,.mixin-article-v3.default .text li.list-cn-1-87 {
    background-image: url(/static/images/list-cn-1-87.gif)
}

.mixin-article-v3.default li.list-cn-1-88,.mixin-article-v3.default .text li.list-cn-1-88 {
    background-image: url(/static/images/list-cn-1-88.gif)
}

.mixin-article-v3.default li.list-cn-1-89,.mixin-article-v3.default .text li.list-cn-1-89 {
    background-image: url(/static/images/list-cn-1-89.gif)
}

.mixin-article-v3.default li.list-cn-1-90,.mixin-article-v3.default .text li.list-cn-1-90 {
    background-image: url(/static/images/list-cn-1-90.gif)
}

.mixin-article-v3.default li.list-cn-1-91,.mixin-article-v3.default .text li.list-cn-1-91 {
    background-image: url(/static/images/list-cn-1-91.gif)
}

.mixin-article-v3.default li.list-cn-1-92,.mixin-article-v3.default .text li.list-cn-1-92 {
    background-image: url(/static/images/list-cn-1-92.gif)
}

.mixin-article-v3.default li.list-cn-1-93,.mixin-article-v3.default .text li.list-cn-1-93 {
    background-image: url(/static/images/list-cn-1-93.gif)
}

.mixin-article-v3.default li.list-cn-1-94,.mixin-article-v3.default .text li.list-cn-1-94 {
    background-image: url(/static/images/list-cn-1-94.gif)
}

.mixin-article-v3.default li.list-cn-1-95,.mixin-article-v3.default .text li.list-cn-1-95 {
    background-image: url(/static/images/list-cn-1-95.gif)
}

.mixin-article-v3.default li.list-cn-1-96,.mixin-article-v3.default .text li.list-cn-1-96 {
    background-image: url(/static/images/list-cn-1-96.gif)
}

.mixin-article-v3.default li.list-cn-1-97,.mixin-article-v3.default .text li.list-cn-1-97 {
    background-image: url(/static/images/list-cn-1-97.gif)
}

.mixin-article-v3.default li.list-cn-1-98,.mixin-article-v3.default .text li.list-cn-1-98 {
    background-image: url(/static/images/list-cn-1-98.gif)
}

.mixin-article-v3.default ol.custom_cn,.mixin-article-v3.default .text ol.custom_cn {
    list-style: none
}

.mixin-article-v3.default ol.custom_cn li,.mixin-article-v3.default .text ol.custom_cn li {
    background-position: 0 3px;
    background-repeat: no-repeat
}

.mixin-article-v3.default li.list-cn-paddingleft-1,.mixin-article-v3.default .text li.list-cn-paddingleft-1 {
    padding-left: 25px
}

.mixin-article-v3.default li.list-cn-paddingleft-2,.mixin-article-v3.default .text li.list-cn-paddingleft-2 {
    padding-left: 40px
}

.mixin-article-v3.default li.list-cn-paddingleft-3,.mixin-article-v3.default .text li.list-cn-paddingleft-3 {
    padding-left: 55px
}

.mixin-article-v3.default li.list-cn-2-0,.mixin-article-v3.default .text li.list-cn-2-0 {
    background-image: url(/static/images/list-cn-2-0.gif)
}

.mixin-article-v3.default li.list-cn-2-1,.mixin-article-v3.default .text li.list-cn-2-1 {
    background-image: url(/static/images/list-cn-2-1.gif)
}

.mixin-article-v3.default li.list-cn-2-2,.mixin-article-v3.default .text li.list-cn-2-2 {
    background-image: url(/static/images/list-cn-2-2.gif)
}

.mixin-article-v3.default li.list-cn-2-3,.mixin-article-v3.default .text li.list-cn-2-3 {
    background-image: url(/static/images/list-cn-2-3.gif)
}

.mixin-article-v3.default li.list-cn-2-4,.mixin-article-v3.default .text li.list-cn-2-4 {
    background-image: url(/static/images/list-cn-2-4.gif)
}

.mixin-article-v3.default li.list-cn-2-5,.mixin-article-v3.default .text li.list-cn-2-5 {
    background-image: url(/static/images/list-cn-2-5.gif)
}

.mixin-article-v3.default li.list-cn-2-6,.mixin-article-v3.default .text li.list-cn-2-6 {
    background-image: url(/static/images/list-cn-2-6.gif)
}

.mixin-article-v3.default li.list-cn-2-7,.mixin-article-v3.default .text li.list-cn-2-7 {
    background-image: url(/static/images/list-cn-2-7.gif)
}

.mixin-article-v3.default li.list-cn-2-8,.mixin-article-v3.default .text li.list-cn-2-8 {
    background-image: url(/static/images/list-cn-2-8.gif)
}

.mixin-article-v3.default li.list-cn-2-9,.mixin-article-v3.default .text li.list-cn-2-9 {
    background-image: url(/static/images/list-cn-2-9.gif)
}

.mixin-article-v3.default li.list-cn-2-10,.mixin-article-v3.default .text li.list-cn-2-10 {
    background-image: url(/static/images/list-cn-2-10.gif)
}

.mixin-article-v3.default li.list-cn-2-11,.mixin-article-v3.default .text li.list-cn-2-11 {
    background-image: url(/static/images/list-cn-2-11.gif)
}

.mixin-article-v3.default li.list-cn-2-12,.mixin-article-v3.default .text li.list-cn-2-12 {
    background-image: url(/static/images/list-cn-2-12.gif)
}

.mixin-article-v3.default li.list-cn-2-13,.mixin-article-v3.default .text li.list-cn-2-13 {
    background-image: url(/static/images/list-cn-2-13.gif)
}

.mixin-article-v3.default li.list-cn-2-14,.mixin-article-v3.default .text li.list-cn-2-14 {
    background-image: url(/static/images/list-cn-2-14.gif)
}

.mixin-article-v3.default .pagebreak,.mixin-article-v3.default .text .pagebreak {
    display: block;
    clear: both !important;
    cursor: default !important;
    width: 100% !important;
    margin: 0
}

.mixin-article-v3.default .loadingclass,.mixin-article-v3.default .text .loadingclass {
    display: inline-block;
    cursor: default;
    background: url('/static/images/loading.gif') no-repeat center center transparent;
    border: 1px solid #cccccc;
    margin-left: 1px;
    height: 22px;
    width: 22px
}

.mixin-article-v3.default .loaderrorclass,.mixin-article-v3.default .text .loaderrorclass {
    display: inline-block;
    cursor: default;
    background: url('/static/images/loaderror.png') no-repeat center center transparent;
    border: 1px solid #cccccc;
    margin-right: 1px;
    height: 22px;
    width: 22px
}

.mixin-article-v3.default .anchorclass,.mixin-article-v3.default .text .anchorclass {
    background: url('/static/images/anchor.gif') no-repeat scroll left center transparent;
    cursor: auto;
    display: inline-block;
    height: 16px;
    width: 15px
}

.mixin-article-v3.default strong,.mixin-article-v3.default .text strong {
    color: #333
}

.mixin-article-v3.default img,.mixin-article-v3.default .text img,.mixin-article-v3.default p,.mixin-article-v3.default .text p,.mixin-article-v3.default iframe,.mixin-article-v3.default .text iframe {
    max-width: 100%;
    display: block
}

.mixin-article-v3.default td,.mixin-article-v3.default .text td {
    white-space: normal
}

.mixin-article-v3.default p:first-child,.mixin-article-v3.default .text p:first-child {
    margin-top: 0
}

.mixin-article-v3.default p,.mixin-article-v3.default .text p {
    margin-top: -5px
}

.mixin-article-v3.default>p,.mixin-article-v3.default .text>p {
    margin-bottom: 2.14285714rem;
    line-height: 1.8;
    white-space: normal
}

.mixin-article-v3.default>p img,.mixin-article-v3.default .text>p img {
    display: block;
    margin: 0 auto
}

.mixin-article-v3.default>p img.file-icon,.mixin-article-v3.default .text>p img.file-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px
}

.mixin-article-v3.default>p p,.mixin-article-v3.default .text>p p {
    white-space: normal;
    margin: 0
}

.mixin-article-v3.default .art-emphasis,.mixin-article-v3.default .text .art-emphasis {
    color: #333
}

.mixin-article-v3.default .art-title,.mixin-article-v3.default .text .art-title {
    border-left: 6px solid #6751a4;
    font-weight: bold;
    line-height: 28px;
    margin-top: 42px;
    margin-bottom: 28px;
    font-size: 18px;
    background-color: #f5f5f5;
    padding: 6px 20px;
    color: #333
}

.mixin-article-v3.default .art-quote,.mixin-article-v3.default .text .art-quote {
    display: block;
    color: #777;
    padding: 10px 50px;
    position: relative;
    font-size: 1.14285714rem;
    font-style: italic;
    padding-left: 1.2em;
    border-left: 4px solid #eee
}

.mixin-article-v3.default .art-picture,.mixin-article-v3.default .text .art-picture {
    display: block;
    color: #2dbb95
}

.mixin-article-v3.default a,.mixin-article-v3.default .text a {
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 2px
}

.mixin-article-v3.default a:hover,.mixin-article-v3.default .text a:hover {
    color: #000;
    border-bottom-color: #6751A4
}

.mixin-article-v3.default .art-text-center,.mixin-article-v3.default .text .art-text-center {
    text-align: center
}

.mixin-article-v3.default .art-text-left,.mixin-article-v3.default .text .art-text-left {
    text-align: left
}

.mixin-article-v3.default .art-text-right,.mixin-article-v3.default .text .art-text-right {
    text-align: right
}

.mixin-article-v3.default .attachment-download,.mixin-article-v3.default .text .attachment-download {
    line-height: 16px
}

.mixin-article-v3.default .attachment-download .file-icon,.mixin-article-v3.default .text .attachment-download .file-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px
}

.mixin-article-v3.default .attachment-download .title,.mixin-article-v3.default .text .attachment-download .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #999
}

.mixin-article-v3.default .attachment-download .download-link,.mixin-article-v3.default .text .attachment-download .download-link {
    font-size: 14px;
    color: #6751a4;
    margin-left: 15px;
    cursor: pointer;
    font-weight: bold;
    border-bottom: none;
    padding-bottom: 0
}

.mixin-comment-input-v3 {
    margin-top: 115px;
    color: #999999
}

.mixin-comment-input-v3 .comment-input-left,.mixin-comment-input-v3 .comment-input-mid,.mixin-comment-input-v3 .comment-input-right {
    display: inline-block;
    vertical-align: top;
    font-size: 16px
}

.mixin-comment-input-v3 .comment-input-left {
    width: 120px;
    text-align: center;
    font-size: 14px
}

.mixin-comment-input-v3 .comment-input-left .user-avtar {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-bottom: 10px
}

.mixin-comment-input-v3 .comment-input-left .anonymous-comment-tip {
    font-size: 14px
}

.mixin-comment-input-v3 .comment-input-left .login-first {
    cursor: pointer;
    color: #6751a4
}

.mixin-comment-input-v3 .comment-input-mid {
    width: 591px;
    position: relative
}

.mixin-comment-input-v3 .comment-input-mid textarea {
    border: 2px solid #ddd;
    height: 130px;
    width: 591px;
    padding: 15px;
    outline: none;
    resize: none
}

.mixin-comment-input-v3 .comment-input-mid textarea::-webkit-input-placeholder {
    color: #ccc !important
}

.mixin-comment-input-v3 .comment-input-mid textarea::-webkit-input-placeholder {
    color: #ccc !important
}

.mixin-comment-input-v3 .comment-input-mid textarea:-moz-placeholder {
    color: #ccc !important
}

.mixin-comment-input-v3 .comment-input-mid textarea::-moz-placeholder {
    color: #ccc !important
}

.mixin-comment-input-v3 .comment-input-mid textarea:-ms-input-placeholder {
    color: #ccc !important
}

.mixin-comment-input-v3 .comment-input-mid .triangle {
    width: 0;
    height: 0;
    border-top: 30px solid #ddd;
    border-right: 200px solid transparent;
    position: absolute;
    right: 0;
    top: 130px
}

.mixin-comment-input-v3 .comment-input-right input {
    margin-left: 25px;
    border: 2px solid #ddd;
    background: #fff;
    padding: .8rem 1.5rem;
    font-size: 1rem;
    color: #aaa;
    outline: none
}

.mixin-comment-input-v3.inputting textarea#commentContent,.mixin-comment-input-v3.inputting input {
    transition: all .5s;
    -wekit-transition: all .5s;
    border-color: #6751A4
}

.mixin-comment-input-v3.inputting input.reply-button {
    color: #6751A4
}

.mixin-comment-input-v3.inputting input.reply-button:hover {
    color: #fff;
    background: #F5BC00;
    border-color: #F5BC00
}

.mixin-comment-input-v3.inputting .triangle {
    transition: all .5s;
    -wekit-transition: all .5s;
    border-top-color: #F5BC00
}

.mixin-comment-input-v3.focusing textarea#commentContent {
    transition: all .5s;
    -wekit-transition: all .5s;
    border-color: #6751A4
}

.mixin-comment-input-v3.focusing .triangle {
    transition: all .5s;
    -wekit-transition: all .5s;
    border-top-color: #F5BC00
}

.mixin-comment-input-v3:hover textarea {
    border-color: #ccc
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 {
    font-size: 0;
    -webkit-text-size-adjust: none;
    vertical-align: top;
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
    position: relative
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3:hover .content .header .actions .action-button {
    background-color: #eee;
    color: #555;
    box-shadow: 0 1px 0 #ccc
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3:hover .content .description .comment-content {
    color: #333
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .avatar-image,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content {
    display: inline-block;
    font-size: 14px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .avatar-image {
    width: 120px;
    text-align: center;
    vertical-align: top
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .avatar-image .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content {
    width: 820px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header {
    color: #aaa;
    font-size: 0;
    -webkit-text-size-adjust: none
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .nickname,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .extra,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions {
    font-size: 12px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .nickname-and-extra {
    width: 610px;
    display: inline-block
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .nickname-and-extra .nickname {
    display: inline-block
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .nickname-and-extra .extra {
    float: right;
    color: #ccc
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .extra,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions {
    display: inline-block
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .extra .floor-num {
    margin-left: 10px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions {
    width: 210px;
    text-align: center;
    position: relative
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions .action-button {
    line-height: 24px;
    display: inline-block;
    width: 60px;
    height: 24px;
    cursor: pointer;
    color: #ccc;
    margin-left: 2px;
    box-shadow: 0 1px 0 #eee
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions .action-button:hover {
    background-color: #6751A4;
    color: #fff
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions .action-button:hover.agree .num,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions .action-button:hover.disagree .num {
    color: #fff
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions .action-button.reply {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions .action-button.agree .num {
    color: #F5BC00
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions .action-button.agree:hover {
    background-color: #F5BC00
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions .action-button.disagree {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions .action-button.disagree .num {
    color: #6751A4
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions a.del {
    width: 25px;
    position: absolute;
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    color: #aaa;
    background-color: #fff;
    box-shadow: none;
    cursor: pointer
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .header .actions a.del:hover {
    color: #F5BC00;
    box-shadow: none;
    background-color: #fff
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .description {
    color: #777;
    width: 615px;
    display: inline-block
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .description.is-reply-comment .reply,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .description.is-reply-comment .reply-user,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .description.is-reply-comment .floor {
    color: #333;
    margin-right: 10px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .sub-comment-success-tip {
    width: 200px;
    text-align: right;
    display: inline-block;
    opacity: 1
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .sub-comment-success-tip i.icon,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .sub-comment-success-tip span.left {
    color: #1abc9c;
    vertical-align: middle
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .sub-comment-success-tip i.icon {
    font-size: 30px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .sub-comment-success-tip span.right {
    color: #F5BC00;
    margin-left: 10px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .sub-comment-success-tip.fade-up {
    transition: all 3s;
    -webkit-transition: all 3s;
    opacity: 0
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input {
    margin-top: 20px;
    font-size: 0;
    -webkit-text-size-adjust: none
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input .reply-comment-input-left,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input .reply-comment-input-right {
    display: inline-block;
    vertical-align: top;
    font-size: 16px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input .reply-comment-input-left {
    width: 600px;
    position: relative
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input .reply-comment-input-left textarea {
    border: 2px solid #ddd;
    height: 130px;
    width: 600px;
    padding: 15px;
    outline: none;
    resize: none;
    margin-bottom: 20px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input .reply-comment-input-left .triangle {
    width: 0;
    height: 0;
    border-top: 30px solid #ddd;
    border-right: 200px solid transparent;
    position: absolute;
    right: 0;
    top: 130px
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input .reply-comment-input-right input.reply-button {
    margin-left: 25px;
    border: 2px solid #ddd;
    background: #fff;
    padding: .8rem 1.5rem;
    font-size: 1rem;
    color: #aaa;
    outline: none
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input.inputting textarea,.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input.inputting input {
    border-color: #6751A4
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input.inputting input.reply-button {
    color: #6751A4;
    border-color: #6751A4
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input.inputting input.reply-button:hover {
    color: #fff;
    background: #F5BC00;
    border-color: #F5BC00
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input.inputting .triangle {
    border-top-color: #F5BC00
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input.focusing textarea {
    border-color: #6751A4
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .content .reply-comment-input.focusing .triangle {
    border-top-color: #F5BC00
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .share {
    position: absolute;
    top: 0;
    right: -130px;
    opacity: 1
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .share .qr-code {
    background-color: #ffffff
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .share .qr-code img {
    width: 90px;
    height: 90px;
    vertical-align: middle
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .share .share-title {
    font-size: 14px;
    text-align: center
}

.mixin-comment-list-v3 .comment-list .mixin-comment-item-v3 .share.fade-up {
    transition: all 3s;
    -webkit-transition: all 3s;
    opacity: 0
}

.mixin-comment-list-v3 .comment-bottom {
    width: 500px;
    margin: 0 auto;
    text-align: center;
    margin-top: 35px;
    padding-bottom: 20px
}

.mixin-comment-list-v3 .comment-bottom .no-more {
    color: #999999
}

.mixin-comment-list-v3 .comment-bottom .your-turn {
    cursor: pointer;
    color: #6751A4
}

.mixin-comment-list-v3 .comment-bottom .your-turn:hover {
    color: #F5BC00
}

.mixin-comment-list-v3 .comment-bottom .your-turn:hover img {
    -webkit-transition: all .8s;
    opacity: 1
}

.mixin-comment-list-v3 .comment-bottom .your-turn span {
    display: inline-block;
    width: 100%
}

.mixin-comment-list-v3 .comment-bottom .your-turn img {
    opacity: 0
}

.mixin-comment-list-v3 .comment-bottom .comment-loading {
    width: 150px;
    margin: 0 auto;
    padding-bottom: 40px
}

.mixin-comment-list-v3 .comment-bottom .comment-loading .loading-spinner {
    padding-top: 0
}

body {
    background: #eee
}

.body {
    box-sizing: content-box;
    width: 960px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    padding-top: 51px;
    padding-bottom: 51px
}

.body .body-left {
    display: inline-block;
    width: 720px;
    font-size: initial
}

.body .body-left .article-wrap {
    width: 100%
}

.body .body-left .article-wrap .article-head {
    width: 100%;
    height: 410px;
    position: relative
}

.body .body-left .article-wrap .article-head .article-photo {
    position: relative;
    width: 100%;
    height: 480px
}

.body .body-left .article-wrap .article-head .article-photo img {
    width: 720px;
    height: 480px;
    display: block
}

.body .body-left .article-wrap .article-head .article-photo .article-photo-shade {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
    height: 240px;
    position: absolute;
    width: 100%;
    bottom: 0
}

.body .body-left .article-wrap .article-head .article-about-wrap {
    width: 100%;
    height: 480px;
    position: absolute;
    top: 0
}

.body .body-left .article-wrap .article-head .article-about-wrap .article-about {
    position: absolute;
    bottom: 70px;
    left: 50px
}

.body .body-left .article-wrap .article-head .article-about-wrap .article-about .img {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 40px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.body .body-left .article-wrap .article-head .article-about-wrap .article-about .img.namecard {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.body .body-left .article-wrap .article-head .article-about-wrap .article-about a {
    color: #6751A4;
    display: inline-block;
    vertical-align: middle
}

.body .body-left .article-wrap .article-head .article-about-wrap .article-about a .industry-item-icon {
    width: 50px;
    height: 60px;
    background: url("/static/images/articleIndustry.png") no-repeat -50px 0;
    background-size: cover;
    text-align: center;
    position: relative;
    box-sizing: content-box;
    display: table-cell;
    font-size: 30px;
    vertical-align: middle
}

.body .body-left .article-wrap .article-head .article-about-wrap .article-about a .industry-item-name {
    font-size: 12px;
    line-height: 14px
}

.body .body-left .article-wrap .article-head .article-about-wrap .article-about a .industry-item-icon-wrap {
    display: inline-block;
    vertical-align: middle
}

.body .body-left .article-wrap .article-head .article-about-wrap .article-about a .name {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 14px
}

.body .body-left .article-wrap .pd-article-side-wrap {
    position: relative
}

.body .body-left .article-wrap .pd-article-side-wrap .pd-article-side {
    position: absolute;
    cursor: pointer
}

.body .body-left .article-wrap .pd-article-side-wrap .pd-article-side.pd-article-side-body {
    z-index: 1;
    left: -36px;
    top: 420px;
    cursor: pointer;
    transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.body .body-left .article-wrap .pd-article-side-wrap .pd-article-side.pd-article-side-body.transition-left {
    left: -80px;
    transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.body .body-left .article-wrap .pd-article-side-wrap .pd-article-side.pd-article-side-hand {
    position: absolute;
    left: -10px;
    top: 520px;
    cursor: pointer;
    z-index: 3
}

.body .body-left .article-wrap .article-body {
    position: relative;
    z-index: 2;
    width: 100%;
    background-color: #ffffff;
    margin-top: 22px;
    min-height:1600px;
}

.body .body-left .article-wrap .article-body .article-body-wrap {
    width: 580px;
    margin: 0 auto;
    padding: 20px 20px;
    background-color: #ffffff;
    position: relative
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-preview {
    position: absolute;
    z-index: 1
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-preview img {
    opacity: .08;
    position: absolute;
    left: 40px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-title-wrap {
    font-size: 0;
    -webkit-text-size-adjust: none
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-title-wrap .article-title-and-type .title {
    font-size: 30px;
    color: #2D273D;
    line-height: 38px;
    vertical-align: middle;
    padding-right: 10px;
    display: inline;
    margin-top: 0
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-title-wrap .article-title-and-type .type {
    display: inline-block;
    font-size: 12px;
    background-color: #ccc;
    color: #ffffff;
    padding: 3px 5px;
    line-height: 14px;
    vertical-align: middle;
    font-weight: bold
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-title-wrap .article-date,.body .body-left .article-wrap .article-body .article-body-wrap .article-title-wrap .article-author {
    display: inline-block;
    width: 50%;
    font-size: 12px;
    margin-top: 5px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-title-wrap .article-date {
    text-align: right;
    color: #999999
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-title-wrap .article-author {
    color: #555
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap {
    margin-top: 40px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-note {
    position: relative;
    color: #777;
    font-size: 14px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-note .border-top-left {
    position: absolute;
    width: 50px;
    height: 20px;
    border-top: 3px solid #EEEEEE;
    border-left: 3px solid #EEEEEE;
    top: -35px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-note .border-bottom-right {
    width: 50px;
    height: 20px;
    position: absolute;
    border-right: 3px solid #EEEEEE;
    border-bottom: 3px solid #EEEEEE;
    bottom: -30px;
    right: 5px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-note .note-text {
    font-family: 'Helvetica Neue','Hiragino Sans GB','Microsoft YaHei','STHeiti',Helvetica,Arial,sans-serif;
    line-height: 1.5em;
    color: #999;
    white-space: pre-wrap
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content {
    position: relative
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .mixin-article-v3 pre {
    overflow: initial
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .mixin-article-v3 embed.edui-faked-video {
    display: block;
    margin: auto;
    max-width: 100%
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -150px;
    transition: top .5s;
    -webkit-transition: top .5s;
    opacity: 1
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share.pull-down .other-share {
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    margin-top: 2px;
    transition: all .5s;
    -webkit-transition: all .5s;
    height: 100px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share.pull-down .other-share .item-share {
    transition: all .5s;
    -webkit-transition: all .5s;
    top: 0;
    opacity: 1
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share.pull-down .other-share span {
    transition: all .5s;
    -webkit-transition: all .5s;
    top: -5px;
    opacity: 0
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share.share-fade-up {
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    opacity: 0
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share.share-animated {
    transition: top .5s;
    -webkit-transition: top .5s;
    -ms-transition: top .5s;
    -o-transition: top .5s;
    -moz-transition: top .5s;
    position: fixed;
    top: 70px;
    -webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    -o-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    left: auto
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .qr-code {
    background-color: #ffffff;
    padding: 10px 0 0 10px;
    width: 101px;
    height: 101px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .qr-code canvas {
    opacity: 0
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .qr-code canvas.fade-in {
    opacity: 1;
    transition: all .3s;
    -webkit-transition: all .3s
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-bottom {
    width: 110px;
    font-size: 14px;
    background-color: #ffffff;
    padding-left: 10px;
    padding-bottom: 5px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-bottom .share-to-weixin {
    margin-bottom: -5px;
    color: #aaa;
    padding: 6px 0 4px 0
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-bottom .take-welfare {
    color: #aaa
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-bottom .take-welfare img,.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-bottom .take-welfare span {
    vertical-align: middle
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-bottom .take-welfare img {
    margin-left: 5px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-bottom .take-welfare .welfare-num {
    color: #499751;
    margin-left: 5px;
    font-weight: bold
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-bottom .login-first {
    cursor: pointer;
    color: #6751A4;
    margin-bottom: -5px;
    padding-bottom: 5px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .item-share-wrap {
    margin-left: 2px;
    text-align: left
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share {
    width: 30px;
    margin-top: 10px;
    margin-left: 20px;
    padding-bottom: 5px;
    cursor: pointer;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    height: 24px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share .other-share-wrap {
    width: 30px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share span {
    transition: all .5s;
    -webkit-transition: all .5s;
    position: relative;
    top: 0;
    opacity: 1;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ccc;
    margin-left: 5px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share .item-share {
    position: relative;
    top: -15px;
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share .item-share i.icon {
    font-size: 22px;
    color: #aaa
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share .item-share.item-share-weibo:hover i.icon {
    color: #F73965
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share .item-share.item-share-renren i.icon {
    margin-left: -2px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share .item-share.item-share-renren:hover i.icon {
    color: #35B9F2
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share .item-share.item-share-wyr .wyr {
    margin-left: 1px;
    width: 20px;
    height: 20px;
    background-image: url('/static/images/wyr-share-grey.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .other-share .item-share.item-share-wyr .wyr:hover {
    background-image: url('/static/images/wyr-share.png')
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share.share-absolute {
    position: absolute;
    top: 420px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-comment {
    position: static;
    margin-left: 20px;
    width: 30px;
    display: block
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-comment .comment-num {
    color: #fff;
    background: #6751A4;
    width: 30px;
    height: 20px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    float: left
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .share .share-comment .comment-num:after {
    content: '';
    position: relative;
    display: block;
    border: 5px solid transparent;
    border-left: 15px solid #F5BC00;
    border-top-width: 0;
    width: 0;
    height: 0;
    left: 15px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .comment {
    position: absolute;
    z-index: 1;
    left: -130px;
    margin-top: 30px;
    margin-left: 20px;
    font-size: 14px;
    width: 30px;
    display: block
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .comment .comment-num {
    color: #fff;
    background: #6751A4;
    width: 30px;
    height: 20px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    float: left
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .comment .comment-num:after {
    content: '';
    position: relative;
    display: block;
    border: 5px solid transparent;
    border-left: 15px solid #F5BC00;
    border-top-width: 0;
    width: 0;
    height: 0;
    left: 15px
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .note {
    color: #aaa;
    font-size: 14px;
    word-break: break-all
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .note .link {
    color: #AAAAAA
}

.body .body-left .article-wrap .article-body .article-body-wrap .article-content-wrap .article-content .note .link:hover {
    border-bottom: 2px solid #F5BC00
}

.body .body-left .article-wrap .article-body .article-author-wrap {
    border-top: 1px solid #eeeeee;
    margin-top: 60px;
    padding-top: 20px;
    color: #999999;
    position: relative;
    font-size: 0;
    -webkit-text-size-adjust: none
}

.body .body-left .article-wrap .article-body .article-author-wrap .article-avatar {
    margin-left: 75px;
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    vertical-align: top
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap {
    font-size: 14px;
    width: 450px;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-icon .columnist,.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-icon .staff {
    background: url("/static/images/honor_origin.png") no-repeat -30px 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 200%;
    vertical-align: middle;
    margin-right: 5px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-icon .commentator {
    background: url("/static/images/honor_discuz.png") no-repeat -30px 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 200%;
    vertical-align: middle;
    margin-right: 5px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-icon .week-reputation-champion {
    background: url("/static/images/cup_1.png") no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background-position: center center;
    background-size: contain
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-icon .title {
    color: #ccc;
    padding: 5px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-icon span.name {
    color: #333333;
    vertical-align: middle
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-detail-and-reputaion {
    position: relative
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-detail-and-reputaion .author-detail {
    margin-top: 15px;
    margin-left: -5px;
    min-height: 78px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-detail-and-reputaion .author-detail span {
    line-height: 17px;
    display: -webkit-box;
    max-height: 85px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    margin-bottom: 30px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation {
    position: absolute;
    background-color: #6751A4;
    height: 30px;
    top: 20px;
    right: -10px;
    width: 160px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation .reputation-icon {
    width: 42px;
    height: 30px;
    margin-top: -2px;
    vertical-align: middle;
    opacity: .6;
    margin-right: 8px;
    margin-left: 5px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation span.icon.question {
    background-color: #000;
    text-align: center;
    opacity: .2;
    border-radius: 50%;
    font-size: 14px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 6px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation span.icon.question:hover {
    opacity: .3
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation .ui.popup.right.center.question-popup {
    width: 250px;
    text-align: left;
    top: -5px !important;
    left: 159px !important;
    letter-spacing: 2px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation .ui.popup.right.center.question-popup:before {
    top: 10%
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation .ui.popup.right.center.question-popup .explain {
    color: #aaa;
    font-size: 12px;
    line-height: 18px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation .ui.popup.right.center.question-popup .explain .title {
    padding-left: 15px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation .ui.popup.right.center.question-popup .explain ul {
    margin-left: -10px;
    margin-bottom: 0
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation .reputation-title {
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    margin-right: 8px;
    margin-left: 8px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation span.reputation-num {
    font-size: 18px;
    color: #ffffff;
    vertical-align: middle;
    line-height: 30px;
    margin-left: 10px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-reputation span.turn {
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: -13px;
    width: 0;
    height: 0;
    border-top: 13px solid #ccc;
    border-right: 9px solid transparent
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-contact {
    height: 70px;
    position: absolute;
    top: 75px;
    right: -6px;
    width: 20px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-contact .weixin-account {
    text-align: center;
    padding-bottom: 10px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-contact .weixin-code {
    padding: 10px 10px 0 10px;
    max-width: 200px;
    min-width: 50px;
    max-height: 200px;
    min-height: 50px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-contact i.icon {
    line-height: 22px;
    background-color: #999999;
    font-size: 14px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    cursor: pointer;
    color: #FFFFFF
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-contact i.icon.wechat:hover {
    background-color: #499751
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-contact i.icon.weibo:hover {
    background-color: #F73965
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .author-contact i.icon.home:hover {
    background-color: #35B9F2
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .weixin-qrcode {
    right: -180px;
    top: -20px;
    background-color: #fff;
    position: absolute;
    margin-top: 22px;
    z-index: 5;
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
    margin-bottom: 0;
    padding: 20px 20px 0 20px;
    width: 120px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .weixin-qrcode:before {
    content: '';
    display: block;
    position: absolute;
    right: 160px;
    top: 40%;
    border: 10px solid transparent;
    border-right: 10px solid #333;
    width: 0;
    height: 0
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .weixin-qrcode .qrcode {
    width: 133px;
    height: 133px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-info-wrap .weixin-qrcode .qrcode-bottom {
    font-size: 12px;
    color: #aaa;
    text-align: center;
    width: 120px;
    margin-top: -10px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-reputaion-num {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #6751A4;
    font-size: 14px
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-reputaion-num a {
    color: #6751A4
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-reputaion-num a:hover {
    color: #F5BC00
}

.body .body-left .article-wrap .article-body .article-author-wrap .author-reputaion-num span.question {
    background-color: #000;
    opacity: .2;
    border-radius: 50%;
    font-size: 14px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    margin-left: 10px
}

.body .body-right {
    margin-left: 20px;
    margin-top: -1px;
    display: inline-block;
    width: 220px;
    vertical-align: top;
    font-size: 18px;
    text-align: center;
    position: relative
}

.body .body-right .mixin-author-list .list-title {
    padding-right: 19px;
    width: 100%;
    margin-left: 2px
}

.body .body-right .body-right-wrap .article-extend-position {
    top: 0
}

.body .body-right .body-right-wrap .article-extend-position.share-animated {
    transition: top .5s;
    -webkit-transition: top .5s;
    -ms-transition: top .5s;
    -o-transition: top .5s;
    -moz-transition: top .5s;
    position: fixed;
    top: 52px;
    width: 220px
}

.body .body-right .body-right-wrap .article-extend-position.share-animated.share-animated-slide-up {
    top: 22px;
    transition: top .5s;
    -webkit-transition: top .5s;
    -ms-transition: top .5s;
    -o-transition: top .5s;
    -moz-transition: top .5s
}

.body .body-right .body-right-wrap .article-extend-position.share-animated.share-animated-fix-bottom {
    top: auto;
    position: absolute;
    bottom: 174px
}

.body .body-right .body-right-wrap .article-extend-position .article-extend {
    background-color: #FFFFFF;
    margin-top: -1px;
    padding: 20px;
    position: relative
}

.body .body-right .body-right-wrap .article-extend-position .article-extend:hover .article-extend-title {
    transition: all .5s;
    -webkit-transition: all .5s
}

.body .body-right .body-right-wrap .article-extend-position .article-extend:hover .article-extend-list .item-extend .extend-name {
    transition: all .5s;
    -webkit-transition: all .5s;
    color: #6751A4
}

.body .body-right .body-right-wrap .article-extend-position .article-extend:hover .article-extend-list .item-extend .extend-description {
    transition: all .5s;
    -webkit-transition: all .5s;
    color: #555
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    border-right: 2px solid #999;
    color: #333333;
    letter-spacing: 5px;
    margin-top: 10px;
    padding-right: 17px;
    width: 102%
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-list {
    width: 180px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-list .item-extend {
    font-size: 12px;
    color: #999999;
    margin-top: 20px;
    display: block;
    line-height: 18px
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-list .item-extend:hover .extend-photo {
    opacity: 1;
    transition: opacity .5s;
    -webkit-transition: opacity .5s
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-list .item-extend .extend-photo {
    width: 90px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    opacity: .8;
    transition: opacity .5s;
    -webkit-transition: opacity .5s
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-list .item-extend .extend-name {
    transition: all .5s;
    -webkit-transition: all .5s;
    color: #999999;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 76px;
    cursor: pointer
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-list .item-extend .extend-name:hover {
    color: #F5BC00
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-list .item-extend .extend-name .point {
    padding: 3px
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-list .item-extend .extend-description {
    margin-top: 10px;
    transition: all .5s;
    -webkit-transition: all .5s;
    color: #999999;
    display: block;
    cursor: pointer
}

.body .body-right .body-right-wrap .article-extend-position .article-extend .article-extend-list .item-extend .extend-description:hover {
    color: #000
}

.body .body-right .body-right-wrap .article-extend-position .onepage {
    background-color: #eee
}

.body .body-right .body-right-wrap .article-extend-position .onepage a {
    margin-top: 10px;
    display: block
}

.body .body-right .body-right-wrap .article-extend-position .onepage a .a-picture {
    display: block;
    width: 220px
}

.comment-anchor {
    position: relative;
    top: -200px
}

.comments {
    width: 100%;
    background-color: #ffffff
}

.comments .comments-wrap {
    width: 940px;
    margin: 0 auto;
    position: relative
}

.comments .comments-wrap .coments-input-wrap {
    position: relative;
    top: -80px
}

.comments .comments-wrap .common-comment-wrap .title,.comments .comments-wrap .hot-comments-wrap .title {
    color: #2D273D;
    font-size: 20px
}

.comments .comments-wrap .common-comment-wrap {
    margin-top: 30px
}

.comments .comments-wrap .comment {
    position: absolute;
    z-index: 1;
    top: 60px;
    left: -56px;
    margin-top: 30px;
    margin-left: 20px;
    font-size: 14px;
    width: 30px;
    display: block
}

.comments .comments-wrap .comment .comment-num {
    color: #fff;
    background: #6751A4;
    width: 30px;
    height: 20px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    float: left
}

.comments .comments-wrap .comment .comment-num:after {
    content: '';
    position: relative;
    display: block;
    border: 5px solid transparent;
    border-left: 15px solid #F5BC00;
    border-top-width: 0;
    width: 0;
    height: 0;
    left: 15px
}

.ui.modal.pd-description-modal {
    width: 320px !important;
    margin-left: -160px !important;
    text-align: center
}

.ui.modal.pd-description-modal .pd-description .pa-description-body {
    background-color: #499751;
    padding: 20px 0 30px 0
}

.ui.modal.pd-description-modal .pd-description .pa-description-body .pd-content .pd-num {
    margin-top: 25px;
    color: #fff
}

.ui.modal.pd-description-modal .pd-description .pa-description-body .pd-content .pd-num .big-words {
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    margin-right: 8px
}

.ui.modal.pd-description-modal .pd-description .pa-description-body .pd-content .pd-num img {
    vertical-align: middle
}

.ui.modal.pd-description-modal .pd-description .pa-description-body .pd-content .pd-num .num {
    font-size: 16px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold
}

.ui.modal.pd-description-modal .pd-description .pa-description-body .pd-content .pd-num .question {
    display: inline-block;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 20px
}

.ui.modal.pd-description-modal .pd-description .pa-description-body .pd-content .mine-concern-link {
    margin-top: 15px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
    background-color: #F5BC00;
    padding: 8px 20px;
    text-decoration: initial;
    border-radius: 20px;
    display: inline-block
}

.ui.modal.pd-description-modal .pd-description .pd-description-footer {
    padding: 15px 30px;
    color: #999
}

.ui.modal.pd-description-modal .pd-description .pd-description-footer .pd-footer-title {
    margin-bottom: 15px;
    font-size: 16px
}

.ui.modal.pd-description-modal .pd-description .pd-description-footer .weixin-way,.ui.modal.pd-description-modal .pd-description .pd-description-footer .comment-way {
    display: inline-block;
    width: 110px
}

.ui.modal.pd-description-modal .pd-description .pd-description-footer .weixin-way img,.ui.modal.pd-description-modal .pd-description .pd-description-footer .comment-way img {
    margin-bottom: 5px
}

.ui.modal.action-success-modal {
    width: 320px !important;
    margin-left: -160px !important;
    text-align: center
}

.ui.modal.action-success-modal .modal-content .modal-content-top {
    background-color: #fff;
    padding: 40px 0 30px 0
}

.ui.modal.action-success-modal .modal-content .modal-content-top .close {
    position: absolute;
    top: 0;
    right: 6px;
    color: #ccc;
    font-size: 26px;
    cursor: pointer
}

.ui.modal.action-success-modal .modal-content .modal-content-top .success-tip {
    font-size: 24px;
    margin: 10px 0 0 0;
    color: #aaa
}

.ui.modal.action-success-modal .modal-content .modal-content-bottom {
    position: relative;
    background-color: #499751;
    padding: 20px 0;
    font-size: 16px
}

.ui.modal.action-success-modal .modal-content .modal-content-bottom .question {
    position: absolute;
    right: 10px;
    top: 5px;
    line-height: 16px;
    text-align: center;
    width: 16px;
    height: 16px;
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.2);
    border-radius: 50%;
    display: inline-block
}

.ui.modal.action-success-modal .modal-content .modal-content-bottom .pd-num {
    color: #fff
}

.ui.modal.action-success-modal .modal-content .modal-content-bottom .pd-num span,.ui.modal.action-success-modal .modal-content .modal-content-bottom .pd-num img {
    display: inline-block;
    vertical-align: middle
}

.ui.modal.action-success-modal .modal-content .modal-content-bottom .pd-num .big-word {
    font-size: 20px;
    margin-right: 5px
}

.ui.modal.action-success-modal .modal-content .modal-content-bottom .pd-num .num {
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px
}

.ui.modal.action-success-modal .modal-content .modal-content-bottom .user-page-link {
    margin-top: 15px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
    background-color: #F5BC00;
    padding: 8px 20px;
    text-decoration: initial;
    border-radius: 20px;
    display: inline-block
}
.mixin-extension-article {
    background-color: #FFFFFF;
    letter-spacing: normal;
    position: relative;
    margin-top: -1px;
    padding: 20px;
    box-sizing: content-box;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    width: 180px
}

.mixin-extension-article .hot-border {
    width: 2px;
    height: 24px;
    background-color: #999999;
    right: 0;
    top: 18px;
    position: absolute
}

.mixin-extension-article:hover {
    position: relative;
    z-index: 1
}

.mixin-extension-article .title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    border-right: 2px solid #999;
    letter-spacing: 5px;
    color: #333333;
    padding-right: 17px;
    width: 102%;
    margin: 0
}

.mixin-extension-article .extension-article-list {
    color: #999999;
    font-size: 14px;
    text-align: start;
    border-top: 1px solid #eee;
    margin-top: 15px
}

.mixin-extension-article .extension-article-list table tr {
    margin-bottom: 10px;
    border-bottom: 10px solid #fff;
    border-top: 10px solid #fff
}

.mixin-extension-article .extension-article-list .num-td {
    vertical-align: top;
    padding-right: 8px;
    padding-top: 3px
}

.mixin-extension-article .extension-article-list .num-style {
    background-color: #6751A4;
    color: #FFFFFF;
    padding: 0 4px;
    line-height: 16px;
    border-radius: 2px;
    vertical-align: top;
    text-align: center
}

.mixin-extension-article .extension-article-list .status {
    font-size: 12px;
    padding: 0 4px;
    color: #FFFFFF;
    background-color: #FFFFFF
}

.mixin-extension-article .extension-article-list .status.hot {
    background-color: #F73965
}

.mixin-extension-article .extension-article-list .status.recommend {
    background-color: #499751
}

.mixin-extension-article .extension-article-list .article-stytle {
    font-size: 13px;
    line-height: 20px;
    display: -webkit-box;
    max-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    vertical-align: top;
    position: relative
}

.mixin-extension-article .extension-article-list .article-stytle a {
    color: #6751A4
}

.mixin-extension-article .extension-article-list .article-stytle a:hover {
    color: #F5BC00
}

#pages { overflow:hidden; }
#pages a { display:inline-block; height:24px; line-height:24px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px}
#pages a.a1 { background:#ddd; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:24px; line-height:24px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 15px}
.page .noPage { display:inline-block; width:56px; height:24px; line-height:24px; background:#ddd ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.tt-list{padding:35px 20px 0}
.list14 li,.list12 li{padding:3px 0;color:#333;font-size:12px;line-height:16px;text-align:left;}
.list14 li{padding:4px 0;font-size:14px;}
.list14 li,.list12 li{height:28px;line-height:28px;overflow:hidden;}
.list12 li{padding:0 0 0 8px;background-position:0 -30px;background-position:0 -31px\9;}
.list14 h3{height:32px;overflow:hidden;font:16px/32px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"}
.list14 h3 a:hover { color:#ff0000}
.list14 li a{font-family:"微软雅黑"}
.list14 li a:hover { color:#ff0000}
.list14 li span { float:right; color:#666; font-size:12px;font-family:"微软雅黑"}
.line01{ border-bottom:1px dashed #ddd; height:10px !important; line-height:1px; background:none; padding:0px; margin:0px auto 15px auto;}