[v-cloak] {
    display: none!important
}



.layout-header-box {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    margin: 0;
    padding: 0
}

.layout-header-box .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0!important;
    padding: 0 8px;
    width: inherit;
    height: inherit;
    background-color: #4b505d!important
}

.layout-header-box.fixed .inner {
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0
}

.small-header-box--default-simple:not(.small-header-box--switch-full) .main-bar__row.main-bar__row--full {
    display: none!important
}

.small-header-box--default-simple:not(.small-header-box--switch-full) .main-bar__row.main-bar__row--full .pdfMenu {
    display: none!important
}

.small-header-box--default-simple.small-header-box--switch-full .main-bar__row.main-bar__row--simple .pdfMenu {
    display: none!important
}

.pdfTab {
    position: relative;
    cursor: pointer
}

.pdfTab .pdfMenu {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    display: none;
    width: 130px;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    border: 1px solid rgba(34,36,38,.15)
}

.pdfTab .pdfMenu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    padding: 12px
}

.pdfTab .pdfMenu a:hover {
    color: #111;
    background: rgba(0,0,0,.05)
}

#main {
    margin: 0;
    padding-top: 0;
    padding-bottom: 1rem
}

#main .ui.container {
    margin-top: 14px
}

#main>.ui.container,#main>.ui.container>.ui.grid {
    min-height: 600px
}

@media only screen and (max-width: 767px) {
    #main>.ui.container,#main>.ui.container>.ui.grid {
        min-height:auto
    }
}

#main>.ui.container>.ui.grid {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

#main>.fullscreen-container {
    background: #fff;
    margin-top: 1rem;
    padding: 0 1rem
}

#favourTags .item .content {
    line-height: 1.3rem
}

#favourTags .flip-list-move {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

#footer {
    margin-bottom: 0;
    padding: 2em 0;
    border-top: 1px solid rgba(0,0,0,.05);
    border-bottom: none
}

#footer .qrcode {
    width: 60px;
    height: 60px;
    margin: 2px
}

#footer .qrcode-des {
    font-size: 12px;
    color: #ccc
}

#copyright {
    background: #f9f9f9
}

#copyright .segment {
    padding: 8px 0 4px
}

@media only screen and (max-width: 991px) {
    #copyright:not(.pc) .segment {
        text-align:center
    }

    #copyright:not(.pc) .segment .left.floated,#copyright:not(.pc) .segment .right.floated {
        float: none
    }
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.__hidden {
    display: none;
    opacity: 0;
    height: 0;
    width: 0
}

.text-wrap {
    white-space: normal;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

@media only screen and (max-width: 767px) {
    .hidden-scroll {
        -ms-overflow-style:none
    }

    .hidden-scroll::-webkit-scrollbar {
        display: none
    }

    .scroll-tab {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }
}

.error-page-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%
}

.page-load-status {
    text-align: center;
    display: none
}

.pagination__next {
    display: none
}

.ui.pagination.menu .disabled.next-item,.ui.pagination.menu .disabled.prev-item {
    display: none
}

.ui.pagination.menu .page-num-item {
    display: block
}

@media only screen and (max-width: 767px) {
    .ui.pagination.menu .disabled.next-item,.ui.pagination.menu .disabled.prev-item {
        display:block
    }

    .ui.pagination.menu .page-num-item {
        display: none
    }
}

.article-list {
    padding: 0!important
}

.article-detail .header .label,.article-list .header .horizontal.label {
    padding: .4em;
    min-width: 0;
    margin-right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.article-list .header .horizontal.label {
    vertical-align: middle!important;
    margin-top: -2px
}

@media only screen and (max-width: 767px) {
    .article-list {
        min-height:300px
    }

    .article-list .image {
        display: none!important
    }
}

.space-index-container .history-dropdown,.space-index-container .sort-dropdown {
    padding: .85em .6em!important;
    font-size: 15px!important
}

.space-index-container .blog-dropdown,.space-index-container .ui.green.pointing.secondary.menu>.item {
    padding: .85em .9em!important;
    font-size: 15px!important
}

@media only screen and (max-width: 767px) {
    .ui.green.pointing.secondary.menu {
        font-size:1.125rem
    }
}

.ui.green.pointing.secondary.menu {
    border-bottom: 2px solid #efefef;
    margin-bottom: 12px
}

.ui.green.pointing.secondary.menu .right.menu>.item,.ui.green.pointing.secondary.menu>.item {
    border-bottom: 2px solid #efefef
}

.ui.green.pointing.secondary.menu .right.menu>.item:active,.ui.green.pointing.secondary.menu>.item:active {
    border-bottom: 2px solid #b9b9bb
}

.ui.green.pointing.secondary.menu .right.menu>.item:active {
    border-bottom: 2px solid #efefef
}

.ui.green.pointing.secondary.massive.menu .right.menu.small>.item {
    font-size: .85em
}

.ui.green.pointing.secondary.menu .floating.label {
    top: .3em;
    left: auto;
    right: -.2em;
    padding: 2px .7em
}


.ui.comments .comment .avatar {
    height: 2.5em!important
}

.ui.feed>.event>.label {
    height: 2.5em!important
}

.left-channel {
    padding-left: .8rem!important;
    padding-right: .8rem!important
}

.left-channel .blog-item {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    line-height: 1.3!important
}

.left-channel .blog-item span {
    margin-right: 5px
}

.left-channel>.ui.menu:first-child>.item:first-child {
    margin: 0
}

.left-channel .ui.menu>a.all.item {
    font-weight: 500;
    color: rgba(0,0,0,.87);
    padding: 4px 0
}

.left-channel .ui.menu>a.all.item.active {
    font-weight: 500
}

.left-channel .ui.menu>a.active.item,.left-channel .ui.menu>a.active.item:hover {
    color: #32aa66
}

.article-detail .content,.article-detail .header {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.article-detail .content ol,.article-detail .content ul,.article-detail .header ol,.article-detail .header ul {
    -webkit-padding-start: 40px!important;
    padding-inline-start:40px!important}

.article-detail .meta-wrap .collect-btn .star.icon {
    margin: -5px .25rem 0 0!important;
    padding: 0!important;
    vertical-align: middle!important
}

.article-detail .meta-wrap .comment-count .comment.icon {
    margin-top: -4px!important
}

.article-detail .meta-wrap a.normal,.article-detail .meta-wrap a.normal:hover {
    color: rgba(0,0,0,.87)
}

.article-detail .meta-wrap .collect-btn.item {
    cursor: pointer
}

.article-detail .manager-dropdown-menu>.menu>.item.active.selected {
    background-color: transparent;
    color: rgba(0,0,0,.87);
    font-weight: 400
}

.article-detail .manager-dropdown-menu>.menu>.item.active.selected:hover {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95)
}

.article-detail .article-title {
    font-size: 24px
}

.article-detail .article-title a {
    color: rgba(0,0,0,.87)
}

.article-detail .content {
    margin-top: 20px;
    font-family: -apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px !important;
    line-height: 30px;
    color: #222;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align:justify;
    zoom:1
}
.article-detail  .approve{
    text-align:center;
    margin:50px 0 0 0 ;
}
.article-detail .approve-icon{
    color:#ff3300;
    vertical-align: text-top;
}

.article-detail .content:after,.article-detail .content:before {
    content: '';
    display: table
}

.article-detail .content:after {
    clear: both
}

.article-detail .content>:first-child {
    margin-top: 0
}

.article-detail .content>:last-child {
    margin-bottom: 0
}

.article-detail .content p {
    margin: 0 0 20px;
    line-height: inherit
}

.article-detail .content strong {
    font-weight: 700
}

.article-detail .content code {
    margin: 0 3px;
    padding: 3px 4px;
    border: none;
    border-radius: 4px;
    background: #f6f6f6;
    color: #333;
    font-size: 13px;
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace
}

.article-detail .content pre {
    position: relative;
    margin: 0 0 20px;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    word-break: break-word;
    word-wrap: normal;
    white-space: pre;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.article-detail .content pre::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.article-detail .content pre::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.article-detail .content pre::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.article-detail .content pre::-webkit-scrollbar-thumb,.article-detail .content pre::-webkit-scrollbar-track {
    border-radius: 4px
}

.article-detail .content pre>code {
    padding: 0;
    margin: 0;
    border-radius: 0;
    overflow: visible;
    word-break: normal
}

.article-detail .topic{
    font-size:16px;
    margin:50px 0 20px 0;
}
.article-detail .topic a{
    margin-right:16px;
}

.article-detail .content pre,.article-detail .content pre>code {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    background: #f6f6f6;
    color: #333;
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace
}

.article-detail .content ol,.article-detail .content ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px
}

.article-detail .content ol li,.article-detail .content ul li {
    line-height: 1.875em
}

.article-detail .content ol ol,.article-detail .content ol p,.article-detail .content ol pre,.article-detail .content ol ul,.article-detail .content ul ol,.article-detail .content ul p,.article-detail .content ul pre,.article-detail .content ul ul {
    margin-bottom: 8px
}

.article-detail .content ol ul,.article-detail .content ul ul {
    list-style-type: circle
}

.article-detail .content ol>:first-child,.article-detail .content ul>:first-child {
    margin-top: 0
}

.article-detail .content ol>:last-child,.article-detail .content ul>:last-child {
    margin-bottom: 0
}

.article-detail .content ol {
    list-style-type: decimal
}

.article-detail .content ul {
    list-style-type: disc
}



.article-detail img{
    margin: 0 auto;
    max-width:100%;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .article-detail .content img {
        max-width:100%
    }
}

.article-detail .content img.zoom-in-cursor {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.article-detail .content table {
    border-collapse: collapse;
    border-spacing: 1px;
    font-size: 14px;
    color: #333;
    overflow: auto;
    max-width: 100%;
    min-width:100%;
    width: 100%;
    border: none;
    line-height: inherit;
    word-break: keep-all;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch
}

.article-detail .content table::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.article-detail .content table::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.article-detail .content table::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.article-detail .content table::-webkit-scrollbar-thumb,.article-detail .content table::-webkit-scrollbar-track {
    border-radius: 4px
}

.article-detail .content table thead {
    text-align: left
}

.article-detail .content table th,.article-detail .content table thead {
    background: #f8f8f8
}

.article-detail .content table td,.article-detail .content table th {
    text-align: center;
    padding: 4px 8px;
    border: 1px solid #bbb;
}

.article-detail .content table tr {
    background-color: #fff
}

.article-detail .content table tr:nth-child(2n) {
    background-color: #f8f8f8
}

.article-detail .content blockquote {
    position: relative;
    margin: 0 0 20px;
    padding: 20px;
    background-color: #f6f6f6;
    border-left: 6px solid #e6e6e6;
    font-style: normal;
    font-weight: 400;
    word-break: break-word
}

.article-detail .content blockquote>:first-child {
    margin-top: 0
}

.article-detail .content blockquote>:last-child {
    margin-bottom: 0
}

.article-detail .content blockquote code,.article-detail .content blockquote pre {
    background-color: #eee
}

.article-detail .content h1,.article-detail .content h2,.article-detail .content h3,.article-detail .content h4,.article-detail .content h5,.article-detail .content h6 {
    font-weight: 600;
    line-height: 1.8;
    margin: 22px 0 16px;
    padding: 0;
    border: none
}

.article-detail .content h1 {
    font-size: 26px
}

.article-detail .content h2 {
    font-size: 22px
}

.article-detail .content h3 {
    font-size: 18px
}

.article-detail .content h4 {
    font-size: 16px
}

.article-detail .content h5 {
    font-size: 16px
}

.article-detail .content h6 {
    font-size: 16px
}

.article-detail .content video {
    max-width: 100%
}

.article-detail .content hr {
    height: 0;
    border: none;
    border-top: 1px solid #eee;
    background: 0 0;
    margin: 0 0 20px;
    zoom:1}

.article-detail .content hr:after,.article-detail .content hr:before {
    content: '';
    display: table
}

.article-detail .content hr:after {
    clear: both
}


@media only screen and (max-width: 991px) and (min-width:768px) {
    .sidebar {
        margin-top:20/14rem!important
    }
}

@media only screen and (max-width: 767px) {
    .sidebar {
        margin-top:1rem!important
    }
}

.sidebar .section {
    margin-bottom: 32px
}

.sidebar .section:last-child {
    margin-bottom: 0
}

.sidebar .section .section-header {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sidebar .section .section-header .header-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-right: 8px
}

.sidebar .section .section-header .header-main .ui.header {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sidebar .section .section-header .header-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sidebar .articles-list .ui.items {
    margin-top: 0
}

.sidebar .articles-list .ui.items>.item {
    padding: 0;
    margin: 0 0 12px
}

.sidebar .articles-list .ui.items>.item:last-child {
    margin-bottom: 0
}

.sidebar .articles-list .ui.items>.item .header {
    font-size: 1rem!important;
    font-weight: 400;
    line-height: 20px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.sidebar .articles-list .ui.items>.item .extra {
    font-size: 1rem;
    line-height: 16px;
    margin-top: 4px
}

.sidebar .articles-list .ui.items>.item .extra a {
    color: rgba(0,0,0,.4)
}

.sidebar .articles-list .ui.items>.item .extra a:hover {
    color: rgba(0,0,0,.87)
}

.sidebar .articles-list .ui.items>.item .extra .ui.horizontal.list {
    display: block;
    margin: 0;
    line-height: 1
}

.sidebar .articles-list .ui.items>.item .extra .ui.horizontal.list .item {
    padding: 0;
    line-height: 16px
}

.sidebar .articles-list .ui.items>.item .extra .ui.horizontal.list .like.icon {
    cursor: default
}

.sidebar .articles-list .ui.items>.item .extra .ui.horizontal.list .like.icon:hover {
    opacity: .75;
    color: rgba(0,0,0,.4)
}

.ui.list .item .right.floated.content {
    line-height: 23px
}

pre {
    word-break: initial;
    word-wrap: initial;
    white-space: pre;
    overflow: auto
}

pre::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

pre::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

pre::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.collect.popup .collect.form {
    width: 300px;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .collect.popup .collect.form {
        width:250px
    }
}

.collect.popup .collect.form .recommend-tags {
    display: none
}

.collect.popup .collect.form .ui.right.input input {
    max-width: calc(100% - 70px)
}

@media only screen and (max-width: 767px) {
    .collect.popup .collect.form .ui.right.input input {
        max-width:calc(100% - 60px)
    }
}

.collect-btn .star.icon {
    vertical-align: baseline!important
}

.collect-btn.active .star.icon {
    color: #fbbd08!important
}

.ui.vertical.menu .active.item.collect-btn {
    background: 0 0
}

.ui.vertical.menu .active.item.collect-btn:hover {
    background: rgba(0,0,0,.05)
}

.captcha.label {
    padding: 0!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.captcha.label img {
    height: 36px!important
}

.ui.form textarea.disabled-resize {
    resize: none
}

.back-to-top {
    z-index: 2;
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: none;
    width: 40px;
    height: 40px;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
    background: #f5f5f5;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .back-to-top {
        display:none
    }
}

.back-to-top .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-transition: all .15s;
    transition: all .15s
}

.back-to-top .text {
    font-size: 14px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    background: #32aa66
}

.back-to-top:hover .icon {
    margin-top: -40px
}



.menu-share {
    position: relative
}

.menu-share:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(34,36,38,.1)
}

.dropdown-share .menu .selected.item {
    background: 0 0;
    font-weight: 400
}

.all-comment-bar {
    margin-top: 25px;
    display: block;
    width: 100%;
    padding: 16px;
    letter-spacing: 2px;
    text-align: center;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-size: 19px;
    font-family: fantasy;
    font-style: italic;
    font-weight: 700;
    color: #fff!important;
    background: #236723;
    -webkit-transition: all .14s ease;
    transition: all .14s ease;
    border-radius: 10px
}

.all-comment-bar .megaphone {
    -webkit-transform: rotate(355deg);
    transform: rotate(355deg);
    display: inline-block
}


.comment-form .btn-close {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    vertical-align: baseline;
    color: rgba(0,0,0,.4);
    margin: 0 .05em 0 0;
    padding: .78571429em 1em .78571429em;
    font-weight: 400;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    font-size: .85714286rem
}

.comment-form .btn-close:hover {
    background: #f0f0f0 none;
    -webkit-box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    color: rgba(0,0,0,.6)
}


@media only screen and (min-width: 1200px) {
    .pc-hide {
        display:none!important
    }

    .mb-show {
        display: none!important
    }
}

@media only screen and (max-width: 1245px) and (min-width:992px) {
    .sc-hide {
        display:none!important
    }

    .mb-show {
        display: none!important
    }
}

@media only screen and (max-width: 991px) and (min-width:768px) {
    .tb-hide {
        display:none!important
    }

    .mb-show {
        display: none!important
    }
}

@media only screen and (max-width: 767px) {
    .mb-hide {
        display:none!important
    }

    .mb-show {
        display: block!important
    }
}


.outer-float-menu-wrap {
    position: absolute;
    width: 92px;
    margin-left: -50px
}

.outer-float-menu-wrap .float-menu {
    margin-top: 155px
}

@media only screen and (max-width: 1280px) {
    .outer-float-menu-wrap {
        display:none
    }
}

.section.user-list .ui.items {
    margin-top: 0
}

.section.user-list .ui.items>.item {
    padding: 0;
    margin: 0 0 12px
}

.section.user-list .ui.items>.item:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .section.user-list .ui.items>.item {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.section.user-list .ui.items>.item>.content {
    padding-left: 1em
}

.section.user-list .ui.items>.item>.content .header {
    font-size: 14px
}

.section.user-list .ui.items>.item>.content .extra {
    line-height: 14px;
    margin-top: 4px
}

.section.user-list .ui.items>.item>.content .extra .ui.horizontal.list {
    display: block;
    margin: 0
}

.section.user-list .ui.items>.item>.content .extra .ui.horizontal.list .item {
    padding: 0
}

.section.user-list .ui.items>.item .avatar {
    margin: 2px auto
}

.section.user-list .ui.items>.item .right-extra .number {
    width: 40px;
    text-align: right;
    font-size: 1rem;
    color: rgba(0,0,0,.87)
}

.section.user-list .ui.items>.item .right-extra .number .popup-num-detail {
    width: 140px;
    text-align: left
}

.section.user-list .ui.items>.item.middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}


.sidebar .ad-wrap+.section {
    margin-top: 15px
}

.sidebar .section+.ad-wrap {
    margin-top: -15px
}

.web-blog .blog-tab .right.menu>a.item:last-child,.web-news .news-tab .right.menu>a.item:last-child,.web-question-common .question-tab .right.menu>a.item:last-child,.web-translate-common .translate-tab .right.menu>a.item:last-child {
    padding-right: 0
}

@media only screen and (max-width: 767px) {
    .web-blog .blog-tab,.web-news .news-tab,.web-translate-common .translate-tab {
        margin-bottom:0!important
    }

    .web-blog .blog-tab>a.item,.web-translate-common .translate-tab>a.item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .web-blog .blog-tab .right.menu,.web-news .news-tab .right.menu,.web-translate-common .translate-tab .right.menu {
        display: none!important
    }
}


.list-container .item.recommend-authors {
    padding: 1.5em 2em!important;
    background: #f8f8f8;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-bottom: -1px!important
}

.list-container .item.recommend-authors .recommend-header {
    line-height: 1em;
    font-size: 1.07142857em;
    font-weight: 700;
    color: rgba(0,0,0,.87);
    margin: -.4em 0 .85em
}

.list-container .item.recommend-authors .author-list-box {
    width: 100%
}

.list-container .item.recommend-authors .author-list-box .cards {
    width: 100%;
    margin: 0
}

.list-container .item.recommend-authors .author-list-box .cards>.card {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 0
}

.list-container .item.recommend-authors .author-list-box .cards>.card+.card {
    margin-left: 0
}

.list-container .item.recommend-authors .author-list-box .cards>.card:first-child {
    margin-left: 0
}

.list-container .item.recommend-authors .author-list-box .cards>.card:last-child {
    margin-right: 0
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-content .author-avatar {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-content .author-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-content .author-info .description {
    font-size: .85714286em;
    color: rgba(0,0,0,.6);
    display: block;
    height: 1.4285em;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-content .author-info .author-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-content .author-info .author-name a {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-labels {
    height: 21px;
    overflow: hidden;
    margin-top: .65em
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .8em
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-action .button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    border-radius: 26px;
    padding: 8px 6px 6px
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-action .button+.button {
    margin-left: .5em
}

.list-container .item.recommend-authors .author-list-box .cards>.card .author-card .author-action .button>.icon {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .list-container .item.recommend-authors {
        padding:0!important;
        margin-left: -1rem!important;
        margin-right: -1rem!important;
        width: calc(100% + 2rem);
        overflow: hidden
    }

    .list-container .item.recommend-authors .recommend-header {
        margin: 1em 1.5em -.5em
    }

    .list-container .item.recommend-authors .author-list-box {
        padding: 1.5em 0;
        -ms-overflow-style: none;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .list-container .item.recommend-authors .author-list-box::-webkit-scrollbar {
        display: none
    }

    .list-container .item.recommend-authors .author-list-box .cards {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: 675px
    }

    .list-container .item.recommend-authors .author-list-box .cards>.card:first-child {
        margin-left: 1.5em
    }

    .list-container .item.recommend-authors .author-list-box .cards>.card:last-child {
        margin-right: 1.5em
    }
}


[v-cloak] {
    display: none!important
}


.tweets-new-detail-container .tweets-content .tweets-content-inner {
    cursor: unset
}

.tweets-new-detail-container .tweets-content .tweets-content-inner .tweet-holder-part-light {
    color: #21b351
}

.tweets-new-detail-container .tweets-content .tweets-content-inner:hover {
    background: unset
}

.tweets-new-detail-container .tweets-content .tweets-header {
    margin-bottom: 10px
}

.tweets-new-detail-container .tweets-fork-content-inner {
    padding: 0 0 0 5px!important
}

.cke_editable {
    overflow-y: auto!important
}



.left-menu-list {
    padding-bottom: 40px
}

.left-menu-list.sticky {
    position: fixed;
    z-index: 800
}

.left-menu-list .menu-item {
    display: block;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 999px;
    color: #000
}

.left-menu-list .menu-item:hover {
    cursor: pointer;
    background: #f3f3f5
}

.left-menu-list .menu-item.active {
    background: rgba(24,160,88,.1);
    color: #18a058
}

@media only screen and (max-width: 767px) {
    .left-menu-list .menu-item {
        padding:8px 0;
        margin: 10px 6px;
        font-size: 16px;
        text-align: center
    }

    .left-menu-list .menu-item i {
        margin-right: 0!important
    }
}

@-webkit-keyframes slide-up-new {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100px,0) scale(.9);
        transform: translate3d(0,100px,0) scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

@keyframes slide-up-new {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100px,0) scale(.9);
        transform: translate3d(0,100px,0) scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}





.osc-staff-label+.osc-10th-label {
    margin-left: 0!important
}


@media only screen and (max-width: 767px) {
    #resetPwdPanelWrapper {
        width:100%
    }
}

.ui.card.auth .header-panel {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui.card.auth .header-panel .header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ui.card.auth .captcha,.ui.card.auth .send-phone-code {
    width: 145px
}

.ui.card.auth .captcha-filed .ui.input input,.ui.card.auth .phone-code-filed .ui.input input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.ui.card.auth .send-phone-code {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.medal-popup-box {
    text-align: left;
    width: 400px!important
}

.medal-popup-box .ui.image {
    width: 88px!important;
    height: 88px!important;
    margin-right: 10px
}


.ad-wrap {
    overflow: hidden
}

.ad-wrap img {
    max-width: 100%!important;
    height: auto!important
}



.article-detail .header .label {
    vertical-align: middle!important;
    margin-top: -5px!important
}

.article-detail .tags {
    margin: 20px 0 10px 0
}

.article-detail .tags .label {
    margin-bottom: .5em
}

.article-detail .tags .label img {
    display: inline-block;
    vertical-align: baseline;
    height: 22px!important;
    border-radius: .14285714rem;
    padding: 2px 0;
    margin: -.5833em .5em -.5833em 0
}

@media only screen and (max-width: 767px) {
    .article-detail .tags {
        margin:10px 0 0 0
    }
}




.cke .cke_toolbox .cke_button__maximize.cke_button {
    position: absolute;
    right: 10px
}

.cke textarea.cke_source {
    min-height: 0!important;
    max-height: none!important;
    border: none!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

.catalog-btn {
    margin-left: 10px;
    cursor: pointer
}


@-webkit-keyframes bounce-hastrans {
    0%,from,to {
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    20%,53%,80% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate(-50%,-67%);
        transform: translate(-50%,-67%)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate(-50%,-58%);
        transform: translate(-50%,-58%)
    }

    90% {
        -webkit-transform: translate(-50%,-52%);
        transform: translate(-50%,-52%)
    }

    100% {
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

@keyframes bounce-hastrans {
    0%,from,to {
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    20%,53%,80% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate(-50%,-67%);
        transform: translate(-50%,-67%)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate(-50%,-58%);
        transform: translate(-50%,-58%)
    }

    90% {
        -webkit-transform: translate(-50%,-52%);
        transform: translate(-50%,-52%)
    }

    100% {
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

@media only screen and (max-width: 767px) {
    .set-bottom {
        margin-bottom:6px!important
    }

    .mb-tip {
        padding-bottom: 0!important;
        margin-bottom: 0!important
    }
}

@media only screen and (min-width: 767px) {
    .global-mb {
        margin-bottom:25px
    }
}

@media only screen and (max-width: 767px) {
    .ui.modal {
        width:95%!important;
        margin: 0
    }
}

body.pushable {
    background: #fff!important
}

@media only screen and (max-width: 767px) {
    .pushable>.pusher {
        overflow:initial!important
    }
}

.pushable>.pusher:after {
    z-index: 1002
}

@media only screen and (max-width: 767px) {
    .without-header #mobileHeaderNavMenu {
        display:none!important
    }
}





@media only screen and (max-width: 767px) {
    .web-project-common {
        padding-top:0!important
    }
}

.web-project-common .full-header-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    display: block;
    background: #fff;
    width: 100%;
    height: 58px;
    border-bottom: 2px solid #00ad5f
}

@media only screen and (max-width: 767px) {
    .web-project-common .full-header-bg {
        display:none
    }
}


@media only screen and (max-width: 767px) {
    .web-project-common .row.header-row {
        padding-top:1rem
    }
}

.web-project-common .project-panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 58px;
    border-bottom: 2px solid transparent;
    margin-bottom: .5rem
}

@media only screen and (max-width: 767px) {
    .web-project-common .project-panel-header {
        height:auto;
        margin-top: -.2rem;
        margin-bottom: 0;
        padding-bottom: .4rem;
        border-bottom: 1px solid rgba(34,36,38,.15)
    }
}


.logo-img{
    background: no-repeat center/100% url("../img/logo.png");
    width:155px;
    height:44px;
    display:block;
}
.logo-img a{
    display:block;
    width:155px;
    height:44px;
}
.logo-img a span{
    display:none;
}

.project-list-container-wrap {
    position: relative;
    margin-bottom: 1em
}

.error{
    margin:20px auto;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    background:#fff;
    text-align:center;
    padding:40px;
    width:1200px;
    min-height:300px;
    line-height:30px;
}

.error input{
    width:500px;
    padding:10px;
    border-radius: 5px;
    border:1px solid #999;
    font-size:16px;
}

.error button{
    padding:10px;
    width:80px;
    border-radius: 5px;
    border:1px solid #999;
}

.footer_search{
    margin-top:10px;
    text-align:center;
    margin-bottom:40px;
}

.footer_search input{
    width:500px;
    padding:8px;
    border-radius: 5px;
    border:1px solid #999;
    font-size:16px;
}

.footer_search button{
    padding:8px;
    width:80px;
    border-radius: 5px;
    border:1px solid #999;
}




@-webkit-keyframes myBreath {
    0% {
        -webkit-transform: scale(.88);
        transform: scale(.88)
    }

    50% {
        -webkit-transform: scale(100%);
        transform: scale(100%)
    }

    100% {
        -webkit-transform: scale(.88);
        transform: scale(.88)
    }
}

@keyframes myBreath {
    0% {
        -webkit-transform: scale(.88);
        transform: scale(.88)
    }

    50% {
        -webkit-transform: scale(100%);
        transform: scale(100%)
    }

    100% {
        -webkit-transform: scale(.88);
        transform: scale(.88)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0) scale(.4);
        transform: rotate(0) scale(.4)
    }

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

@keyframes spin {
    from {
        -webkit-transform: rotate(0) scale(.4);
        transform: rotate(0) scale(.4)
    }

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



.web-news-common {
    padding-top: 8px!important
}

.web-news-index {
    word-break: break-all
}

.web-news-index .top-recommend-news.ui.grid>.column {
    padding: 1rem 1rem 0!important
}

.web-news-index .top-recommend-news .card>.image {
    height: 165px
}

@media only screen and (max-width: 767px) {
    .web-news-index .top-recommend-news .card>.image {
        height:180px
    }
}

.web-news-index .top-recommend-news .card>.image img {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .web-news-index .top-recommend-news .card>.content {
        min-height:5.05em
    }
}

@media only screen and (min-width: 1264px) {
    .web-news-index #left-box {
        width:180px!important
    }

    .web-news-index #left-box .left-sidebar {
        padding-left: 25px
    }

    .web-news-index #center-box {
        width: 728px!important
    }

    .web-news-index #right-box {
        width: 324px!important
    }
}

@media only screen and (max-width: 1263px) and (min-width:992px) {
    .web-news-index #left-box {
        width:18.5%!important
    }

    .web-news-index #center-box {
        width: 54%!important
    }

    .web-news-index #center-box {
        width: 54%!important
    }

    .web-news-index #right-box {
        width: 27.5%!important
    }

    .web-news-index .swiper-container {
        height: 240px!important
    }
}

@media only screen and (max-width: 991px) and (min-width:768px) {
    .web-news-index .swiper-container {
        height:211px!important
    }

    .web-news-index #right-box {
        margin-top: 0!important
    }

    .web-news-index #right-box .articles-list .item .content .extra .list .item.comment {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .web-news-index .swiper-container {
        height:195px!important
    }

    .web-news-index #right-box {
        padding-left: 20px!important;
        margin-left: 0!important
    }
}

.web-news-index #center-box .swiper-box {
    border-radius: 3px;
    overflow: hidden
}

.web-news-index #center-box .swiper-container {
    outline: 0;
    height: 300px
}

.web-news-index #center-box .swiper-container .swiper-slide-img {
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.web-news-index #center-box .swiper-container .swiper-pagination-bullet {
    display: inline-block;
    opacity: 1;
    border-radius: 10px;
    background: #999;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.web-news-index #center-box .swiper-container .swiper-pagination-bullet-active {
    background: #21b351
}

.web-news-index #center-box .swiper-container .img-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));
    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75))
}

.web-news-index #center-box .swiper-container .img-des {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}


.web-news-index #center-box #newsList {
    margin-left: -20px
}

@media only screen and (max-width: 767px) {
    .web-news-index #center-box #newsList {
        margin-left:0
    }
}

.web-news-index #center-box .item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 20px 0!important;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.web-news-index #center-box .item-title .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 700
}

.web-news-index #center-box .item-title .name .line {
    background: #21b351;
    width: 3px;
    height: 100%;
    margin-right: 10px
}

.web-news-index #center-box .item-title .link {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #21b351
}

.web-news-index #center-box .item-title .link .refresh {
    width: 9px;
    height: 9px
}

.web-news-index #center-box .item-title .link .apply {
    width: 10px;
    height: 10px
}

.web-news-index #center-box .ui.items>.item.item-title:after {
    display: none!important
}

.web-news-index #center-box .ui.items>.item.news-comment-item {
    padding: 0!important
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item {
    margin: 0;
    padding: 20px;
    position: relative
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item {
    width: 100%;
    margin-bottom: 5px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box {
    width: 100%
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .card-list .card-item {
    width: 48.5%;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .card-list .card-item:hover {
    background-color: #fcfcfc
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .card-list .card-item:last-child {
    margin-right: 0
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .card-list .card-item:first-child,.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .card-list .card-item:nth-child(2) {
    margin-bottom: 20px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__avatar a {
    display: block
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #111
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .name .user-name {
    max-width: calc(100% - 20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .name a {
    color: #111
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .name a:hover {
    color: #000
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .action .follow-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 60px;
    margin: 0;
    padding: 3px 8px;
    border-radius: 3px;
    color: #21b351;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    background: rgba(33,179,81,.1)
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .action .follow-btn:hover {
    background: rgba(33,179,81,.15)
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .action .follow-btn i.oicon {
    margin-right: 4px;
    font-size: 12px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="2"],.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="3"] {
    background: 0 0
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="2"] i,.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="3"] i {
    display: none
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__desc {
    display: block;
    margin-top: 8px;
    margin-right: 70px;
    min-height: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__footer .meta {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #9b9b9b;
    font-size: 0;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__footer .meta .item {
    display: inline-block;
    margin-right: 16px;
    font-size: 14px;
    line-height: 20px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__footer .meta .item:last-child {
    margin-right: 0
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .entry-item .user-list-box__inner .user-card__footer .meta .item .count {
    margin-left: 4px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .hot-news {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .web-news-index #center-box .ui[class*="very relaxed"].items>.item .hot-news {
        display:block
    }
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .hot-news-item {
    width: 32.3%;
    position: relative
}

@media only screen and (max-width: 767px) {
    .web-news-index #center-box .ui[class*="very relaxed"].items>.item .hot-news-item {
        width:100%;
        margin: 10px 0
    }
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .hot-news-item img {
    width: 100%;
    height: 180px;
    border-radius: 3px
}

@media only screen and (max-width: 1264px) and (min-width:768px) {
    .web-news-index #center-box .ui[class*="very relaxed"].items>.item .hot-news-item img {
        height:100px
    }
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .hot-news-item .img-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    border-radius: 3px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));
    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75))
}

@media only screen and (max-width: 1264px) and (min-width:768px) {
    .web-news-index #center-box .ui[class*="very relaxed"].items>.item .hot-news-item .img-cover {
        height:100px
    }
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item .hot-news-item .des {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover {
    cursor: pointer
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content {
    position: relative;
    height: 127px;
    padding-right: 16px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .header {
    margin-top: 2px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .header .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .header .title .tag {
    display: inline-block;
    padding: 2px 3px;
    margin-left: 3px;
    font-size: 12px;
    line-height: 1;
    border: 1px solid;
    border-radius: 3px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.item-hover{
    display:block;
}

.item-hover:hover{
    -webkit-box-shadow: #eee 0 0 25px 8px;
    box-shadow: #eee 0 0 25px 8px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .header .title:hover {
    color: #346fb6
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .description {
    margin-top: 2px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .description .line-clamp {
    -webkit-line-clamp: 1
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .extra {
    position: absolute;
    left: 0;
    bottom: -4px;
    top: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .extra .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .extra .list .item,.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .extra .list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .content .extra .list .dot {
    margin: 0 3px;
    font-size: 24px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover .image {
    width: 127px;
    height: 127px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover:hover {
    -webkit-box-shadow: #eee 0 0 25px 8px;
    box-shadow: #eee 0 0 25px 8px
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover:hover .extra a {
    color: #346fb6
}

.web-news-index #center-box .ui[class*="very relaxed"].items>.item.news-item-hover:hover .news-item-border {
    height: 0
}

.web-news-index #center-box .news-item-border {
    position: absolute;
    bottom: 0;
    background: #ecedee;
    width: 94.5%;
    margin: 0 auto;
    height: 1px
}

.web-news-index #center-box .hide {
    display: none
}

.web-news-index #center-box .news-comment-dialog {
    padding: 0 20px;
    width: 100%
}

.web-news-index #center-box .news-comment-dialog .dialog-inner {
    padding: 15px 20px;
    background: #f8f9fa
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .title {
    color: #888;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px #eee solid;
    padding-bottom: 10px
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    border-bottom: 1px #eee solid
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .user-avatar {
    margin-right: 10px
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .detail {
    width: 100%
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .detail .name {
    font-weight: 700
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .detail .name a {
    color: #111
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .detail .name .time {
    font-size: 12px;
    font-weight: 400;
    color: #888
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .detail .des {
    margin: 10px 0
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .detail .options {
    text-align: right;
    font-size: 12px;
    color: #888;
    margin-bottom: 10px
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .detail .options .btn {
    margin-left: 12px;
    cursor: pointer
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .detail .options .btn span {
    margin-right: 4px
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .content .detail .options .btn.active {
    color: #ef404a
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .footer {
    margin-top: 10px;
    text-align: center
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .footer .more {
    color: #21b351
}

.web-news-index #center-box .news-comment-dialog .dialog-inner .footer .more .goto {
    width: 5px;
    height: 9px
}

.web-news-index #center-box .news-comment-dialog .dialog-border {
    margin-top: 20px;
    width: 100%;
    height: 1px;
    background: #eee
}

.web-news-index #right-box {
    padding-left: 0;
    margin-left: -4px
}

.web-news-index #right-box .section {
    width: 96%;
    margin-bottom: 0;
    margin-top: 32px
}

.web-news-index #right-box .section-ad .ad-box {
    position: relative;
    overflow: hidden
}

.web-news-index #right-box .section-ad .ad-box img {
    display: block;
    width: 100%!important;
    height: auto!important
}

.web-news-index #right-box .section-ad .ad-box--label:before {
    content: "\5e7f\544a";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 32px;
    height: 18px;
    padding: 1px 4px;
    font-size: 12px;
    line-height: 16px;
    background-color: rgba(0,0,0,.5);
    color: rgba(255,255,255,.8);
    text-align: center
}

.web-news-index #right-box .recommend-news {
    margin: 0 0 24px!important
}

.web-news-index #right-box .recommend-news .eight.wide.column {
    height: 0;
    margin: 0 auto;
    padding: calc(100% - 50%) 0 0
}

.web-news-index #right-box .recommend-news-img {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover
}

.web-news-index #right-box .recommend-news-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 3px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));
    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75))
}

.web-news-index #right-box .recommend-news-des {
    position: absolute;
    left: 10px;
    right: 18px;
    bottom: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.web-news-index #right-box .news-right-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 13px!important;
    border-bottom: 1px solid #ecedee!important;
    font-size: 16px
}

.web-news-index #right-box .news-right-header .more {
    font-size: 14px;
    font-weight: 400;
    color: #21b351
}

.web-news-index #right-box .news-right-header .more .goto {
    width: 5px;
    height: 9px
}

.web-news-index #right-box .news-right-header .count-down {
    color: #888;
    font-size: 13px;
    font-weight: 400
}

.web-news-index #right-box .articles-list .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.web-news-index #right-box .articles-list .item .hot-num {
    width: 27px;
    margin-right: 2px
}

.web-news-index #right-box .articles-list .item .content {
    width: calc(100% - 35px)
}

.web-news-index #right-box .articles-list .item .content .header {
    margin-top: 2px;
    font-size: 13px!important;
    font-weight: 700
}

.web-news-index #right-box .articles-list .item .content .extra .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.web-news-index #right-box .articles-list .item .content .extra .list .item,.web-news-index #right-box .articles-list .item .content .extra .list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

.web-news-index #right-box .articles-list .item .content .extra .list .dot {
    margin: 0 3px;
    font-size: 24px
}

.web-news-index #right-box .ui.circular.label {
    background: #f7f8f9!important;
    color: #888!important
}

.web-news-index #right-box .ui.circular.label.type1 {
    background: #ffbc00!important;
    color: #b46900!important
}

.web-news-index #right-box .ui.circular.label.type2 {
    background: #e4e4e4!important;
    color: #7b7b7b!important
}

.web-news-index #right-box .ui.circular.label.type3 {
    background: #ebc097!important;
    color: #936c47!important
}

.web-news-index #right-box .ui.circular.label.type10 {
    font-size: 8px;
    line-height: 1.3
}

.web-news-index #right-box .section-gitee-update {
    margin-top: 26px
}

.web-news-index #right-box .project-update-box {
    position: relative;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 413px;
    overflow: hidden
}

.web-news-index #right-box .project-update-box:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 4px;
    height: 50px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
    background-image: linear-gradient(rgba(255,255,255,0),#fff);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.web-news-index #right-box .project-update-box.scroll-cover:after {
    opacity: 1
}

.web-news-index #right-box .project-update-box .project-update-list {
    position: relative;
    display: block;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 8px;
    overflow: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch
}

.web-news-index #right-box .project-update-box .project-update-list::-webkit-scrollbar {
    width: 4px!important;
    height: 4px!important;
    -webkit-appearance: none;
    appearance: none
}

.web-news-index #right-box .project-update-box .project-update-list::-webkit-scrollbar-track {
    background: 0 0
}

.web-news-index #right-box .project-update-box .project-update-list::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #d7d7d7
}

.web-news-index #right-box .project-update-box .project-update-list::-webkit-scrollbar-thumb:hover {
    background: #c3c3c3
}

.web-news-index #right-box .project-update-box .project-update-list::-webkit-scrollbar-thumb,.web-news-index #right-box .project-update-box .project-update-list::-webkit-scrollbar-track {
    border-radius: 2px;
    visibility: hidden
}

.web-news-index #right-box .project-update-box .project-update-list:hover::-webkit-scrollbar-thumb,.web-news-index #right-box .project-update-box .project-update-list:hover::-webkit-scrollbar-track {
    visibility: visible
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item {
    margin-bottom: 8px
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item:last-child {
    margin-bottom: 0
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__logo img {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direaction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__header .name {
    min-width: 0;
    background: #2d89ef;
    border-radius: 2px;
    padding: 0 4px;
    color: #fff;
    max-width: 130px;
    vertical-align: -.28em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__header .date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    margin-left: 8px;
    color: #888
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__header .label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 4px;
    width: 5px;
    height: 5px;
    background: #7ed321;
    border-radius: 50%;
    vertical-align: middle
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__header .label:visited {
    background: #fff
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__news {
    margin-top: 2px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f7f8f9;
    border-radius: 4px;
    padding: 6px;
    color: #111;
    font-size: 12px;
    line-height: 16px
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__news a {
    color: #111
}

.web-news-index #right-box .project-update-box .project-update-list .project-update-item__news a:hover {
    color: #346fb6
}

.web-news-index #right-box .project-update .event {
    width: calc(100% - 10px);
    border-left: 2px solid #ecedee;
    margin-left: 10px
}

.web-news-index #right-box .project-update .event .circle {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 10px 10px 10px -7.5px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #d3f0dc
}

.web-news-index #right-box .project-update .event .circle-holder {
    height: 10px;
    width: 10px
}

.web-news-index #right-box .project-update .event .content .extra a {
    color: #000;
    font-size: 13px;
    font-weight: 700
}

.web-news-index #right-box .project-update .event .content .extra a:hover {
    color: #346fb6
}

.web-news-index #left-box .left-sidebar {
    padding-bottom: 20px
}

.web-news-index #left-box .left-sidebar.sticky {
    position: fixed;
    z-index: 800
}

.web-news-index #left-box .logo-osc-news {
    width: 120px;
    height: 55px;
    margin-top: 20px
}

.web-news-index #left-box .news-tab-list {
    width: 120px;
    margin-top: 20px;
    border-top: 1px solid #ecedee;
    padding: 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.web-news-index #left-box .news-tab {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 17px;
    margin-top: 2px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 3px;
    cursor: pointer;
    color: #000
}

.web-news-index #left-box .news-tab.selected,.web-news-index #left-box .news-tab:hover {
    color: #fff;
    font-weight: 700;
    background: #21b351;
    -webkit-transition: all .2s cubic-bezier(.2,0,0,1) 0s,color .2s cubic-bezier(.2,0,0,1) 0s;
    transition: all .2s cubic-bezier(.2,0,0,1) 0s,color .2s cubic-bezier(.2,0,0,1) 0s
}

.web-news-index #left-box .news-tab-dropdown {
    width: 100%;
    text-align: center;
    font-size: 18px
}

.web-news-index #left-box .news-tab-dropdown .title {
    padding: 17px 0 12px;
    cursor: pointer
}

.web-news-index #left-box .news-tab-dropdown .title span {
    margin-left: 10px;
    color: #888
}

.web-news-index #left-box .news-tab-dropdown .title i {
    width: unset
}

.web-news-index #left-box .news-tab-dropdown .menu .hide {
    display: none
}

.web-news-index #left-box .news-tab-dropdown .menu .more {
    font-size: 14px;
    padding: 12px 0
}

.web-news-index #left-box .news-tab-dropdown .menu.hide {
    display: none
}

.web-news-index #left-box .news-tab-dropdown .option {
    position: relative;
    display: block;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 700;
    color: #111;
    cursor: pointer;
    white-space: pre
}

.web-news-index #left-box .news-tab-dropdown .option .dot {
    display: none;
    color: #ff5353;
    position: absolute;
    background: #ff5353;
    border-radius: 500rem;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
    width: 8px;
    height: 8px;
    margin-left: -5px
}

.web-news-index #left-box .news-tab-dropdown .option.selected,.web-news-index #left-box .news-tab-dropdown .option:hover {
    color: #21b351
}

.web-news-index #left-box .news-tab-option {
    margin-top: 10px;
    margin-left: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.web-news-index #left-box .news-tab-option a.ui.button {
    width: 98px;
    padding: 11px 0;
    margin: 10px 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px #21b351 inset!important;
    box-shadow: 0 0 0 1px #21b351 inset!important;
    color: #21b351!important;
    -webkit-transition: all .14s ease;
    transition: all .14s ease
}

.web-news-index #left-box .news-tab-option a.ui.button img {
    width: 12px;
    height: 12px;
    margin-right: 3px
}

.web-news-index #left-box .news-tab-option .button:hover {
    background: #e8f7ed!important
}

.refresh-loader .oicon {
    font-size: 16px;
    vertical-align: bottom
}

@-webkit-keyframes refresh-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes refresh-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.refresh-loader.loading .oicon.oicon-refresh {
    display: inline-block;
    -webkit-animation: refresh-rotate 1s linear infinite;
    animation: refresh-rotate 1s linear infinite
}

.news-list-container>.item .image {
    width: 90px;
    height: 90px
}

.news-list-container>.item .image img {
    min-width: 90px;
    min-height: 90px;
    height: 100%!important;
    -o-object-fit: cover!important;
    object-fit: cover!important;
    border-radius: 3%
}

@media only screen and (max-width: 767px) {
    .article-footer-list {
        margin-bottom:1em
    }
}

@media only screen and (min-width: 1265px) {
    .news-detail .news-main {
        padding-right:4rem!important
    }
}

.news-detail .action .buttons .active.button {
    background: #fff!important
}

.news-detail .action .ui.buttons:not(.basic):not(.inverted)>.basic.button {
    border: 1px solid rgba(34,36,38,.15)
}

.news-detail .action .ui.buttons:not(.basic):not(.inverted)>.button+.basic.button {
    border-left: none
}

@media only screen and (max-width: 767px) {
    .news-detail .action .button,.news-detail .action .buttons .button,.news-detail .action .buttons .button .or {
        font-size:.85714286rem
    }
}

.news-detail .news-links {
    margin-top: 30px;
    color: #333
}

.news-detail .news-links .link-list {
    list-style: square;
    list-style-position: inside;
    color: #6c6c6c;
    padding: 0 0 0 10px
}

.news-detail .news-links .link-list li {
    font-size: 16px;
    line-height: 28px
}

.news-detail .source-info {
    line-height: 26px;
    position: relative;
    margin: 20px 0 0;
    padding-left: 15px;
    color: #4a4a4a;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word
}

.news-detail .source-info:before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 3px;
    content: '';
    background: #5eb55c
}

.news-detail .source-info .gray {
    color: #898989
}

.web-translate .left-channel .category-list {
    width: 100%
}

@media only screen and (max-width: 1245px) {
    .web-translate .left-channel .category-list>.item>.label {
        display:none
    }
}

@media only screen and (min-width: 768px) {
    .web-translate .row-header {
        display:none!important
    }
}

@media only screen and (min-width: 768px) {
    .web-translate .row-body {
        padding-top:20px!important
    }
}

.web-translate .translate-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .web-translate .translate-header {
        display:block;
        border: none;
        margin-bottom: -30px
    }
}

.web-translate .translate-header .header-title .header {
    display: inline-block;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .web-translate .translate-header .header-title {
        margin-bottom:6px
    }
}

.web-translate .translate-header .header-description {
    margin: 0 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width: 767px) {
    .web-translate .translate-header .header-description {
        margin:4px 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (max-width: 767px) {
    .web-translate .translate-header .user-actions {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .web-translate .translate-header .user-actions>.button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 14px
    }

    .web-translate .translate-header .user-actions>.button:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) {
    .web-translate-common .translate-tab {
        margin-top:-12px!important
    }
}

.web-translate-common .translate-tab .sort-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    color: rgba(0,0,0,.4);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0 12px
}

.web-translate-common .translate-tab .sort-list .sort-type+.sort-type {
    border-left: 1px solid #efefef;
    margin-left: 6px;
    padding-left: 6px
}

.web-translate-common .translate-tab .sort-list .sort-type a {
    color: rgba(0,0,0,.4)
}

.web-translate-common .translate-tab .sort-list .sort-type a:hover,.web-translate-common .translate-tab .sort-list .sort-type.active a {
    color: rgba(0,0,0,.87)
}

.web-translate-common .translate-list-container {
    min-height: 500px
}

@media only screen and (max-width: 768px) {
    .web-translate-common .translate-list-container-wrap {
        margin-bottom:1em
    }
}

.web-translate-tags {
    padding-top: 8px!important
}

@media only screen and (max-width: 767px) {
    .web-translate-tags .tags-wrapper .ui.items:not(.unstackable)>.item {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .web-translate-tags .tags-wrapper .tag-row-divider {
        display:none
    }
}

.translate-tag-detail {
    padding-top: 8px!important
}

.translate-tag-detail .header-title h3 {
    margin: 0 14px 0 0;
    line-height: 43px;
    white-space: nowrap
}

.translate-tag-detail .tag-info-card {
    margin-bottom: 20px
}

.translate-tag-detail .tag-info-card .soft-logo {
    width: 35px;
    height: 35px;
    overflow: hidden
}

.translate-paragraph-edit .original-container {
    border: 1px solid #ccc;
    height: 600px;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 991px) {
    .translate-paragraph-edit .original-container {
        height:500px;
        margin-bottom: 26px
    }
}

.translate-paragraph-edit .original-container .original-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #ccc;
    background: #fbfbfb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1rem
}

.translate-paragraph-edit .original-container .original-header .left-item,.translate-paragraph-edit .original-container .original-header .right-item {
    min-width: 80px
}

.translate-paragraph-edit .original-container .original-header .left-item {
    text-align: left
}

.translate-paragraph-edit .original-container .original-header .right-item {
    text-align: right
}

.translate-paragraph-edit .original-container .original-header .original-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: 700;
    color: rgba(0,0,0,.87)
}

.translate-paragraph-edit .original-container .original-header .original-title .is-translated {
    color: red;
    font-weight: 700
}

.translate-paragraph-edit .original-container .original-content-wrap {
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 20px
}

.translate-paragraph-edit .original-container .original-content-wrap .content {
    margin: 4px 0 6px
}

.translate-paragraph-edit .paragraph-edit-form textarea[name=content] {
    min-height: 600px
}

@media only screen and (max-width: 991px) {
    .translate-paragraph-edit .paragraph-edit-form textarea[name=content] {
        min-height:500px
    }
}

.translate-paragraph-edit .copy-origin-btn {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -8px;
    height: 30px;
    width: 15px;
    border-left: 15px solid #32aa66;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: none
}

@media only screen and (max-width: 991px) {
    .translate-paragraph-edit .copy-origin-btn {
        top:initial;
        bottom: -2px;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg)
    }
}

.translate-edit .base-tab {
    margin-top: 0
}

.translate-edit .base-info.form .check-title-btn {
    cursor: pointer
}

.translate-edit .add-paragraph.form textarea[name=article_detail] {
    min-height: 344px
}


.feed-detail {
    padding-top: 8px!important
}

.feed-detail .article-detail>.content {
    position: relative;
    min-height: 130px
}

.feed-detail .article-detail>.content .content-cover {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 100%);
    pointer-events: none
}

.feed-detail .article-detail .read-tips {
    margin: 0 0 16px 0;
    display: block;
    padding: 24px 0;
    -webkit-box-shadow: inset 0 -1px 0 0 #e8e8e8,inset 0 1px 0 0 #e8e8e8;
    box-shadow: inset 0 -1px 0 0 #e8e8e8,inset 0 1px 0 0 #e8e8e8;
    text-align: center
}

.feed-detail .article-detail .read-tips .read-time {
    font-size: 1rem;
    line-height: 1.42857143rem;
    color: #6a6a6a
}

.feed-detail .article-detail .read-tips .read-time em {
    font-weight: 500;
    font-style: normal;
    color: #000
}

.feed-detail .article-detail .read-tips .read-link {
    width: 240px
}

.feed-detail .action .buttons .active.button {
    background: #fff!important
}

.feed-detail .action .ui.buttons:not(.basic):not(.inverted)>.basic.button {
    border: 1px solid rgba(34,36,38,.15)
}

.feed-detail .action .ui.buttons:not(.basic):not(.inverted)>.button+.basic.button {
    border-left: none
}

@media only screen and (max-width: 767px) {
    .feed-detail .action .button,.feed-detail .action .buttons .button,.feed-detail .action .buttons .button .or {
        font-size:.85714286rem
    }
}

.feed-detail .source-info {
    line-height: 26px;
    position: relative;
    margin: 20px 0 0;
    padding-left: 15px;
    color: #4a4a4a;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word
}

.feed-detail .source-info:before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 3px;
    content: '';
    background: #5eb55c
}

.feed-detail .source-info .gray {
    color: #898989
}



.web-information-common {
    padding-top: 8px!important
}

@media only screen and (max-width: 767px) {
    .web-information-common {
        padding-top:0!important
    }
}

.web-information-common .breadcrumb {
    display: block;
    margin-bottom: 15px
}

.web-information-all .sitemap-groups {
    padding-bottom: 2rem
}

.web-information-all .sitemap-groups .sitemap-group {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid rgba(34,36,38,.1)
}

.web-information-all .sitemap-groups .sitemap-group:first-child {
    border-top: 1px solid rgba(34,36,38,.1)
}

@media only screen and (max-width: 767px) {
    .web-information-all .sitemap-groups .sitemap-group {
        position:relative;
        display: block;
        padding-left: 44px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.web-information-all .sitemap-groups .sitemap-group-title {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 72px;
    padding: 0 14px;
    vertical-align: top;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px
}

@media only screen and (max-width: 767px) {
    .web-information-all .sitemap-groups .sitemap-group-title {
        position:absolute;
        left: 0;
        top: 16px;
        width: auto;
        padding: 0 6px;
        font-size: 28px
    }
}

.web-information-all .sitemap-groups .sitemap-group-content {
    display: table-cell;
    vertical-align: middle;
    font-size: 0
}

@media only screen and (max-width: 767px) {
    .web-information-all .sitemap-groups .sitemap-group-content {
        display:inline-block;
        vertical-align: middle
    }
}

.web-information-all .sitemap-groups .sitemap-group-content .item-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 12.5%;
    min-width: 8em;
    padding-right: 10px
}

@media only screen and (max-width: 767px) {
    .web-information-all .sitemap-groups .sitemap-group-content .item-link {
        width:32%;
        min-width: 6em
    }
}

.web-information-all .sitemap-groups .sitemap-group-more {
    display: table-cell;
    vertical-align: top;
    padding-top: 4px;
    font-size: 0;
    width: 60px
}

@media only screen and (max-width: 767px) {
    .web-information-all .sitemap-groups .sitemap-group-more {
        display:inline-block;
        vertical-align: middle;
        width: auto
    }
}

.web-information-all .sitemap-groups .sitemap-group-more .more-link {
    font-size: 14px;
    line-height: 28px
}

.web-information-all .sitemap-groups .sitemap-group-more .more-link .icon {
    font-size: 12px
}

.web-information-initial .tab-container {
    position: relative
}

.web-information-initial .tab-container .tab-menu {
    position: relative;
    min-height: initial
}

.web-information-initial .tab-container .tab-menu .item {
    padding: 14px 0!important;
    width: 3.7037037%;
    min-width: 26px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .web-information-initial .tab-container .tab-menu .item {
        width:40px
    }
}

.web-information-initial .content-container {
    margin-top: 2rem
}

@media only screen and (max-width: 767px) {
    .web-information-initial .content-container {
        margin-top:.5rem
    }
}

.web-information-initial .content-container .sitemap-list {
    font-size: 0;
    padding: 0;
    margin: 0
}

.web-information-initial .content-container .sitemap-list li {
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 11.11111%;
    min-width: 120px;
    padding-right: 12px;
    margin-bottom: 12px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .web-information-initial .content-container .sitemap-list li {
        width:33%;
        min-width: 100px
    }
}

.web-information-initial .content-container .sitemap-list .item-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.web-information-initial .content-container .pagination-wrap {
    margin-top: 0
}

.web-information-initial .content-container .empty-wrap {
    padding: 4rem 0
}

.web-information-keyword .keyword-article {
    padding-top: 8px;
    margin-bottom: 28px
}

.web-information-keyword .keyword-article .keyword-title {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 10px
}

.web-information-keyword .keyword-article .keyword-title a {
    color: rgba(0,0,0,.85)
}

.web-information-keyword .keyword-article .keyword-title a:hover {
    color: #1e70bf
}

.web-information-keyword .keyword-article .keyword-content {
    font-size: 16px;
    line-height: 1.5
}

.web-information-keyword .keyword-article .keyword-buttons span {
    color: #4183c4
}

.web-information-keyword .keyword-article .keyword-buttons a {
    margin-right: 10px
}

.web-information-keyword .keyword-article .keyword-buttons .button {
    margin: 0 2px 8px 0
}

.web-information-keyword #keywordResultList {
    border-top: 1px solid #999!important
}

.web-information-keyword .search-container-wrap .search-list-wrap {
    margin: 1em 0
}

.web-information-keyword .search-container-wrap .search-list-wrap .highlight {
    color: #db2828
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list {
    margin-top: 1.5em
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item .header {
    font-size: 18px
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item .header .type.label {
    color: rgba(0,0,0,.6)
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item.project-item .header a .project-name {
    font-weight: 500
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item.project-item .header a .project-title {
    font-weight: 400;
    color: rgba(0,0,0,.6)
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item.project-item .header a:hover {
    color: #1e70bf
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item.project-item .header a:hover .project-title {
    color: #1e70bf
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item.project-item.best {
    background: #fdfcf1;
    border: 2px solid #f6da86;
    padding: 1em 1em .25em
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item.project-item .related-projects-wrap .header {
    margin: 0 0 .4em
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item.project-item .related-projects-wrap .projects-list .project-item {
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: .1em .5em .1em 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #4183c4
}

@media only screen and (max-width: 767px) {
    .web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item.project-item .related-projects-wrap .projects-list .project-item {
        float:none;
        padding-right: 0;
        width: auto
    }
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item.project-item .related-projects-wrap .projects-list .project-item:hover {
    color: #1e70bf
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item:first-child {
    margin-top: .5em
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item .image {
    width: 90px;
    height: 90px
}

.web-information-keyword .search-container-wrap .search-list-wrap .search-list-container>.item .image img {
    min-width: 90px;
    min-height: 90px
}

.web-error {
    background: 0 0!important
}

.web-error>.row {
    padding-top: 24px!important;
    padding-bottom: 24px!important
}

@media only screen and (max-width: 767px) {
    .web-error>.row {
        padding-top:0!important;
        padding-bottom: 0!important
    }
}

.web-error>.row>.column {
    padding-left: 12px;
    padding-right: 12px
}

@media only screen and (max-width: 767px) {
    .web-error>.row>.column {
        padding-left:0;
        padding-right: 0
    }
}

.web-error .error-info-box {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    padding: 32px 24px
}

@media only screen and (max-width: 767px) {
    .web-error .error-info-box {
        padding:24px 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.web-error .error-info-box__inner {
    text-align: center
}

.web-error .error-info-box__icon {
    font-size: 56px;
    line-height: 72px
}

.web-error .error-info-box__title {
    margin-top: 12px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.web-error .error-info-box__action {
    margin-top: 20px
}

.web-error .error-info-box__action .button {
    margin: 0
}

.web-error .error-info-box__action .back-btn {
    display: none
}

.web-error .error-info-box .gh-box {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #ecedee
}

.web-error .error-info-box .gh-box__picture img {
    display: block;
    margin: 0 auto;
    width: 96px;
    height: 96px
}

.web-error .error-info-box .gh-box__title {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px
}

.web-error .article-list-box {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    padding: 32px
}

@media only screen and (max-width: 767px) {
    .web-error .article-list-box {
        padding:24px 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.web-error .article-list-box__title {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500
}

.web-error .article-list-box__body {
    min-height: initial
}

.web-error .article-list-box__body .list-container>.item {
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #ecedee
}

@media only screen and (max-width: 767px) {
    .web-error .article-list-box__body .list-container>.item {
        padding:12px 0;
        border-bottom: 0
    }
}

.web-error .article-list-box__body .list-container>.item:last-child {
    border-bottom: none
}

.web-error .article-list-box__body .list-container>.item>.content>a.header {
    margin-top: 0
}

.web-error .article-list-box__body .list-container>.item .extra .ui.horizontal.list {
    margin-bottom: 0;
    line-height: 1
}

.web-error .article-list-box__body .list-container>.item:first-child {
    padding-top: 0
}

.web-error .article-list-box__body .list-container>.item:last-child {
    padding-bottom: 0
}

.web-error .article-list-box__body .empty-view {
    text-align: center;
    padding: 20px 0
}

.web-error .article-list-box__body .empty-view .text {
    margin-top: 20px;
    font-size: 13px;
    line-height: 20px;
    color: #666
}

.page-best-2020 #main {
    margin: 0;
    padding: 24px 0;
    background: #f7f8f9
}

@media only screen and (max-width: 768px) {
    .page-best-2020 #main {
        padding:0
    }
}

.page-best-2020 #main>.fullscreen-container {
    background: 0 0;
    margin: 0;
    padding: 0
}

.page-best-2020 .body-container {
    display: block;
    width: 1200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 100px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05)
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container {
        width:100%;
        padding-bottom: 3rem;
        overflow: hidden;
        border-radius: 0
    }
}


.page-best-2020 .body-container .inner {
    width: 96%;
    margin: 0 auto;
    margin-top: -50px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner {
        margin-top:0;
        width: 94%;
        font-size: .9rem
    }
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .ui.column.grid>[class*="eight wide"].column,.page-best-2020 .body-container .inner .ui.grid>.column.row>[class*="eight wide"].column,.page-best-2020 .body-container .inner .ui.grid>.row>[class*="eight wide"].column,.page-best-2020 .body-container .inner .ui.grid>[class*="eight wide"].column {
        width:100%!important
    }
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .list-articles.type_three.ui.grid .article.eight.wide.column {
        width:50%!important;
        padding-right: 0
    }
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .ui.column.grid>[class*="four wide"].column,.page-best-2020 .body-container .inner .ui.grid>.column.row>[class*="four wide"].column,.page-best-2020 .body-container .inner .ui.grid>.row>[class*="four wide"].column,.page-best-2020 .body-container .inner .ui.grid>[class*="four wide"].column {
        width:50%!important;
        padding-right: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .pb0 {
        padding-bottom:0!important
    }
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .pbt0:first-child {
        padding-bottom:0!important
    }
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .pbt0:last-child {
        padding-top:0!important
    }
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .pbtb0:first-child {
        padding-bottom:0!important
    }
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .pbtb0:last-child {
        padding-top:0!important;
        padding-bottom: 0!important
    }
}

.page-best-2020 .body-container .inner a {
    text-decoration: none
}

.page-best-2020 .body-container .inner #stickPlaceholder {
    height: 50px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner #stickPlaceholder {
        height:2.5rem;
        position: relative
    }
}

.page-best-2020 .body-container .inner .stick-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d9dbdc;
    background: #fff;
    z-index: 111;
    width: 1152px;
    top: 45px
}

@media only screen and (max-width: 959px) {
    .page-best-2020 .body-container .inner .stick-title {
        width:100%;
        top: 0
    }
}

.page-best-2020 .body-container .inner .stick-title-item {
    width: 33.33%;
    margin: 0!important;
    height: 50px;
    line-height: 50px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .stick-title-item {
        height:2.5rem;
        line-height: 2.5rem
    }
}

.page-best-2020 .body-container .inner .stick-title-border:after {
    content: " ";
    position: absolute;
    width: 1px;
    height: 25px;
    margin-top: 12.5px;
    background-color: #d9dbdc
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .stick-title-border:after {
        height:1.25rem;
        margin-top: .625rem
    }
}

.page-best-2020 .body-container .inner .stick-title .ui.dropdown {
    width: 100%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .stick-title .ui.dropdown {
        position:unset
    }
}

.page-best-2020 .body-container .inner .stick-title .ui.dropdown .ui.avatar.image {
    width: 42px;
    height: 42px;
    max-height: none;
    vertical-align: middle
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .stick-title .ui.dropdown .ui.avatar.image {
        width:2.1rem;
        height: 2.1rem;
        margin-right: 0
    }
}

.page-best-2020 .body-container .inner .stick-title .ui.dropdown .dropdown.icon {
    color: #bababa
}

.page-best-2020 .body-container .inner .stick-title .ui.dropdown .menu {
    width: 100%;
    top: 47px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .stick-title .ui.dropdown .menu {
        top:2.35rem
    }
}

.page-best-2020 .body-container .inner .stick-title .ui.dropdown .menu>.item {
    text-align: center;
    line-height: 1.5
}

.page-best-2020 .body-container .inner .stick-title .ui.dropdown a {
    color: #000
}

.page-best-2020 .body-container .inner .lists {
    margin-top: 20px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists {
        margin-top:1rem
    }
}

.page-best-2020 .body-container .inner .lists .list {
    border: 1px solid #d9dbdc;
    border-radius: 5px
}

.page-best-2020 .body-container .inner .lists .list-head {
    width: 100%;
    height: 140px;
    background-repeat: no-repeat;
    background-size: 100% 140px;
    padding: 20px;
    position: relative;
    color: #fff
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list-head {
        height:7.5rem;
        background-size: 100% 7.5rem;
        padding: 1rem
    }
}

.page-best-2020 .body-container .inner .lists .list-head-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-best-2020 .body-container .inner .lists .list-head-title b {
    font-size: 24px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list-head-title b {
        font-size:1.15rem
    }
}

.page-best-2020 .body-container .inner .lists .list-head-title b .fire {
    width: 16px;
    height: 20px;
    margin-right: 10px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list-head-title b .fire {
        width:.8rem;
        height: 1rem;
        margin-right: .5rem
    }
}

.page-best-2020 .body-container .inner .lists .list-head-des {
    position: absolute;
    bottom: 15px;
    font-size: 18px;
    margin-right: 10px;
    line-height: 1.3
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list-head-des {
        bottom:.75rem;
        font-size: .9rem;
        margin-right: 1rem
    }
}

.page-best-2020 .body-container .inner .lists .list-more {
    position: absolute;
    top: 35px;
    right: 40px;
    font-size: 14px;
    color: #fff!important
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list-more {
        font-size:.9rem;
        position: unset;
        color: #346fb6!important;
        margin: 0 1rem;
        line-height: 3
    }
}

.page-best-2020 .body-container .inner .lists .list a:hover {
    opacity: .7
}

.page-best-2020 .body-container .inner .lists .list li::marker {
    color: #cfcfcf
}

.page-best-2020 .body-container .inner .lists .list li .mb-overflow {
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list li .mb-overflow {
        text-overflow:ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 88%;
        margin-right: 1rem;
        margin-bottom: -.2rem;
        line-height: 1.2
    }
}

.page-best-2020 .body-container .inner .lists .list .right-align {
    padding-left: 20px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .right-align {
        padding-left:0
    }
}

.page-best-2020 .body-container .inner .lists .list-articles {
    padding: 20px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list-articles {
        padding:1rem
    }
}

.page-best-2020 .body-container .inner .lists .list-articles a {
    color: #000
}

.page-best-2020 .body-container .inner .lists .list .type_one ul {
    height: 116px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7f8f9
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_one ul {
        height:auto;
        padding-left: 2rem
    }
}

.page-best-2020 .body-container .inner .lists .list .type_one .article-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_one .article-item li {
        width:70%
    }
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_one .article-item li .mb-overflow {
        width:90%!important;
        margin-right: 0!important
    }
}

.page-best-2020 .body-container .inner .lists .list .type_one .article-item span {
    color: #888
}

.page-best-2020 .body-container .inner .lists .list .type_one li {
    font-size: 14px;
    line-height: 35px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_one li {
        font-size:.9rem;
        line-height: 2.5rem
    }
}

.page-best-2020 .body-container .inner .lists .list .type_one li.hide {
    opacity: 0
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_one li.hide {
        display:none
    }
}

.page-best-2020 .body-container .inner .lists .list .type_two p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-best-2020 .body-container .inner .lists .list .type_two .label {
    margin-right: 10px;
    color: #888;
    background: #f7f8f9;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_two .label {
        margin-right:.5rem
    }
}

.page-best-2020 .body-container .inner .lists .list .type_two .label:hover {
    opacity: 1
}

.page-best-2020 .body-container .inner .lists .list .type_two .first {
    color: #b46900!important;
    background: #ffbc00
}

.page-best-2020 .body-container .inner .lists .list .type_two .second {
    color: #7b7b7b!important;
    background: #e4e4e4
}

.page-best-2020 .body-container .inner .lists .list .type_two .third {
    color: #936c47!important;
    background: #ebc097
}

.page-best-2020 .body-container .inner .lists .list .type_three .img-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_three .img-text {
        margin-bottom:1rem
    }
}

.page-best-2020 .body-container .inner .lists .list .type_three .img-text img {
    margin-right: 10px;
    width: 40px;
    height: 40px
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_three .img-text img {
        margin-right:.5rem;
        width: 2rem;
        height: 2rem
    }
}

.page-best-2020 .body-container .inner .lists .list .type_three .img-text .user-avatar {
    border-radius: 50%
}

.page-best-2020 .body-container .inner .lists .list .type_three .img-text a {
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_three .img-text a {
        font-size:.9rem
    }
}

.page-best-2020 .body-container .inner .lists .list .type_three .img-text .org-label--simple {
    margin-left: 0!important
}

.page-best-2020 .body-container .inner .lists .list .type_three .img-text p {
    margin-top: 3px;
    color: #888
}

@media only screen and (max-width: 768px) {
    .page-best-2020 .body-container .inner .lists .list .type_three .img-text p {
        margin-top:.15rem;
        font-size: .7rem
    }
}

.page-best-2020 .body-container .inner .lists .list .type_three .img-text:last-child {
    margin-bottom: 0!important
}

.body-page {
    color: #111
}

.body-page a {
    color: #346fb6
}

.body-page a:hover {
    color: #003d86
}

.body-page.pushable {
    overflow-x: auto
}

.body-page.pushable,.body-page.pushable>.pusher {
    background: #f7f8f9!important
}

.body-page.pushable>.pusher {
    overflow: initial!important;
    min-width: 1264px
}

.body-page .ui.primary.button {
    background-color: #21b351
}

.body-page .osc-dropdown--shadow>.menu,.body-page .ui.floating.dropdown>.menu {
    border-radius: 4px!important;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05)!important;
    box-shadow: 0 2px 6px rgba(0,0,0,.05)!important
}

.body-page [data-tooltip]:before {
    -webkit-box-shadow: 1px 1px 0 0 #ecedee;
    box-shadow: 1px 1px 0 0 #ecedee
}

.body-page [data-tooltip]:after {
    padding: 9px 14px;
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    font-size: 13px;
    line-height: 18px
}

.body-page [data-tooltip]:after:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page [data-tooltip]:after.top.center:before,.body-page [data-tooltip]:after.top.left:before,.body-page [data-tooltip]:after.top.right:before {
    -webkit-box-shadow: 1px 1px 0 0 #ecedee;
    box-shadow: 1px 1px 0 0 #ecedee
}

.body-page [data-tooltip]:after.bottom.center:before,.body-page [data-tooltip]:after.bottom.left:before,.body-page [data-tooltip]:after.bottom.right:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page [data-tooltip]:after.left.center:before {
    -webkit-box-shadow: 1px -1px 0 0 #ecedee;
    box-shadow: 1px -1px 0 0 #ecedee
}

.body-page [data-tooltip]:after.right.center:before {
    -webkit-box-shadow: -1px 1px 0 0 #ecedee;
    box-shadow: -1px 1px 0 0 #ecedee
}

.body-page .ui.visible.uncover.sidebar {
    z-index: 3
}

.body-page .ui.popup.collect-popup {
    cursor: default;
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.body-page .ui.popup.collect-popup:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page .ui.popup.collect-popup.top.center:before,.body-page .ui.popup.collect-popup.top.left:before,.body-page .ui.popup.collect-popup.top.right:before {
    -webkit-box-shadow: 1px 1px 0 0 #ecedee;
    box-shadow: 1px 1px 0 0 #ecedee
}

.body-page .ui.popup.collect-popup.bottom.center:before,.body-page .ui.popup.collect-popup.bottom.left:before,.body-page .ui.popup.collect-popup.bottom.right:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page .ui.popup.collect-popup.left.center:before {
    -webkit-box-shadow: 1px -1px 0 0 #ecedee;
    box-shadow: 1px -1px 0 0 #ecedee
}

.body-page .ui.popup.collect-popup.right.center:before {
    -webkit-box-shadow: -1px 1px 0 0 #ecedee;
    box-shadow: -1px 1px 0 0 #ecedee
}

.body-page .bottom-advertising {
    z-index: 2;
    position: fixed;
    right: 20px;
    bottom: 100px;
    overflow: hidden;
    margin-bottom: 4px;
    padding: 8px 0 6px;
    width: 40px;
    height: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    border: 1px solid #ddd;
    background: #f5f5f5;
    text-align: center;
    -webkit-transition: background .4s ease;
    transition: background .4s ease
}

.body-page .bottom-advertising:hover {
    background: #fff
}

.body-page .bottom-advertising>a {
    display: block;
    width: 2em;
    margin: 0 auto;
    color: #111;
    font-size: 13px;
    line-height: 16px
}

.body-page .bottom-advertising>a img {
    display: block;
    max-width: 2em;
    height: auto;
    margin: 0 auto 4px
}

.body-page .osc-new-pagination {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #e3e9ed;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    min-height: unset
}

.body-page .osc-new-pagination .item {
    min-height: 30px!important;
    min-width: 34px!important;
    padding: 6px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8c92a4;
    line-height: 20px!important;
    background-color: #fafafa
}

.body-page .osc-new-pagination .item:before {
    background: #ebebeb
}

.body-page .osc-new-pagination .item:first-child {
    border-radius: 3px 0 0 3px
}

.body-page .osc-new-pagination .item:last-child {
    border-radius: 0 3px 3px 0
}

.body-page .osc-new-pagination .item.active {
    color: #40485b;
    padding-top: 6px!important;
    background-color: #fff!important;
    font-weight: 500
}

.body-page .osc-modal {
    background: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,.06),0 6px 23px 0 rgba(0,0,0,.08),0 10px 25px 0 rgba(0,0,0,.04);
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.06),0 6px 23px 0 rgba(0,0,0,.08),0 10px 25px 0 rgba(0,0,0,.04);
    border-radius: 8px
}

.body-page .osc-modal-dimmer {
    z-index: 1003;
    background: rgba(255,255,255,.75)
}

.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal) {
    background: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,.06),0 6px 23px 0 rgba(0,0,0,.08),0 10px 25px 0 rgba(0,0,0,.04);
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.06),0 6px 23px 0 rgba(0,0,0,.08),0 10px 25px 0 rgba(0,0,0,.04);
    border-radius: 8px
}

.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal)>.close {
    top: .95rem;
    right: 1rem;
    color: rgba(0,0,0,.85)
}

.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal)>.icon:first-child+*,.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal)>:first-child:not(.icon) {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal)>:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal)>.header {
    border-bottom-color: #ddd
}

.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal)>.actions {
    border-top-color: #ddd
}

.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal) .ui.positive.button,.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal) .ui.primary.button {
    background-color: #21b351;
    border-radius: 3px;
    color: #fff;
    text-align: center
}

.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal) .ui.positive.button:hover,.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal) .ui.primary.button:hover {
    background-color: #20ab4e
}

.body-page .osc-modal-dimmer>.ui.modal:not(.osc-modal) .ui.button {
    border-radius: 3px
}

.body-page .osc-modal__inner {
    display: block;
    height: 100%
}

.body-page .osc-modal__header {
    position: relative;
    display: block;
    height: 60px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd
}

.body-page .osc-modal__header .header-text {
    color: #111;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    font-weight: 600
}

.body-page .osc-modal__header .header-close {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f6f6f6;
    color: #000;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease
}

.body-page .osc-modal__header .header-close:hover {
    background-color: #e7e7e7
}

.body-page .osc-modal__body {
    position: relative;
    padding: 16px
}

.body-page .osc-modal__footer {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    padding: 16px
}

.body-page .osc-modal__footer .ui.primary.button {
    padding: 12px;
    background-color: #21b351;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center
}

.body-page .osc-modal__footer .ui.primary.button:hover {
    background-color: #20ab4e
}

.body-page .osc-button {
    display: inline-block;
    border-radius: 3px;
    padding: 5px 17px;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background: #21b351
}

.body-page .osc-button:hover {
    color: #fff;
    background: #20ab4e
}

.body-page .osc-button.disabled,.body-page .osc-button[disabled] {
    cursor: default;
    opacity: .45!important;
    pointer-events: none!important
}

.body-page .osc-button.fluid {
    display: block;
    text-align: center
}

.body-page .osc-button.primary {
    font-weight: 500;
    color: #fff;
    background: #21b351
}

.body-page .osc-button.primary:hover {
    background: #20ab4e
}

.body-page .osc-button.basic {
    color: #21b351;
    background: #fff;
    border: 1px solid #ddd
}

.body-page .osc-button.basic:hover {
    color: #21b351;
    background-color: #fafafa;
    border-color: #ccc
}

.body-page .osc-button.basic.green {
    color: #21b351;
    border-color: #21b351
}

.body-page .osc-button.basic.green:hover {
    color: #20ab4e;
    background-color: #fff;
    border-color: #20ab4e
}

.body-page .osc-button.small {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px
}

.body-page .osc-field {
    position: relative;
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: #111;
    -webkit-box-shadow: inset 0 0 0 1px #9b9b9b;
    box-shadow: inset 0 0 0 1px #9b9b9b;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease
}

.body-page .osc-field:not(:first-child) {
    margin-top: 16px
}

.body-page .osc-field.focus {
    -webkit-box-shadow: inset 0 0 0 2px #21b351;
    box-shadow: inset 0 0 0 2px #21b351
}

.body-page .osc-field.required:after {
    content: '*';
    position: absolute;
    top: 9px;
    right: -16px;
    display: block;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    color: #9b9b9b;
    font-size: 16px;
    line-height: 22px
}

.body-page .osc-field.disabled {
    pointer-events: none;
    color: #9b9b9b;
    -webkit-box-shadow: inset 0 0 0 1px #d5d5d5;
    box-shadow: inset 0 0 0 1px #d5d5d5
}

.body-page .osc-field.input {
    width: 100%
}

.body-page .osc-field.input label {
    display: none
}

.body-page .osc-field.input input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 2px;
    margin: 0;
    background: 0 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    resize: none;
    color: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.body-page .osc-field.input input::-webkit-input-placeholder {
    color: #9b9b9b
}

.body-page .osc-field.input input::-moz-placeholder {
    color: #9b9b9b
}

.body-page .osc-field.input input:-ms-input-placeholder {
    color: #9b9b9b
}

.body-page .osc-field.input input::-ms-input-placeholder {
    color: #9b9b9b
}

.body-page .osc-field.input input::placeholder {
    color: #9b9b9b
}

.body-page .osc-field.textarea {
    width: 100%;
    height: 100px
}

.body-page .osc-field.textarea label {
    display: none
}

.body-page .osc-field.textarea textarea {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    resize: none;
    color: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.body-page .osc-field.textarea textarea::-webkit-input-placeholder {
    color: #9b9b9b
}

.body-page .osc-field.textarea textarea::-moz-placeholder {
    color: #9b9b9b
}

.body-page .osc-field.textarea textarea:-ms-input-placeholder {
    color: #9b9b9b
}

.body-page .osc-field.textarea textarea::-ms-input-placeholder {
    color: #9b9b9b
}

.body-page .osc-field.textarea textarea::placeholder {
    color: #9b9b9b
}

.body-page .osc-field.textarea textarea::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page .osc-field.textarea textarea::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page .osc-field.textarea textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page .osc-field.textarea textarea::-webkit-scrollbar-thumb,.body-page .osc-field.textarea textarea::-webkit-scrollbar-track {
    border-radius: 5px
}

.body-page .osc-field--label label {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    pointer-events: none
}

.body-page .osc-field--label input::-webkit-input-placeholder,.body-page .osc-field--label textarea::-webkit-input-placeholder {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.body-page .osc-field--label input::-moz-placeholder,.body-page .osc-field--label textarea::-moz-placeholder {
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.body-page .osc-field--label input:-ms-input-placeholder,.body-page .osc-field--label textarea:-ms-input-placeholder {
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.body-page .osc-field--label input::-ms-input-placeholder,.body-page .osc-field--label textarea::-ms-input-placeholder {
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.body-page .osc-field--label input::placeholder,.body-page .osc-field--label textarea::placeholder {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.body-page .osc-field--label.focus input::-webkit-input-placeholder,.body-page .osc-field--label.focus textarea::-webkit-input-placeholder {
    opacity: 1
}

.body-page .osc-field--label.focus input::-moz-placeholder,.body-page .osc-field--label.focus textarea::-moz-placeholder {
    opacity: 1
}

.body-page .osc-field--label.focus input:-ms-input-placeholder,.body-page .osc-field--label.focus textarea:-ms-input-placeholder {
    opacity: 1
}

.body-page .osc-field--label.focus input::-ms-input-placeholder,.body-page .osc-field--label.focus textarea::-ms-input-placeholder {
    opacity: 1
}

.body-page .osc-field--label.focus input::placeholder,.body-page .osc-field--label.focus textarea::placeholder {
    opacity: 1
}

.body-page .osc-field--label:not(.focus) input:not(:-moz-placeholder-shown)+label,.body-page .osc-field--label:not(.focus) textarea:not(:-moz-placeholder-shown)+label {
    transform: translate(-2px,-14px) scale(.625);
    transform-origin: left top;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 0 6px;
    background: #fff
}

.body-page .osc-field--label:not(.focus) input:not(:-ms-input-placeholder)+label,.body-page .osc-field--label:not(.focus) textarea:not(:-ms-input-placeholder)+label {
    transform: translate(-2px,-14px) scale(.625);
    transform-origin: left top;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 0 6px;
    background: #fff
}

.body-page .osc-field--label.focus label,.body-page .osc-field--label:not(.focus) input:not(:placeholder-shown)+label,.body-page .osc-field--label:not(.focus) textarea:not(:placeholder-shown)+label {
    -webkit-transform: translate(-2px,-14px) scale(.625);
    transform: translate(-2px,-14px) scale(.625);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 0 6px;
    background: #fff
}

.body-page .osc-field--label.focus label {
    color: #21b351
}

.body-page .osc-field--label:not(.focus) input:not(:-moz-placeholder-shown)+label,.body-page .osc-field--label:not(.focus) textarea:not(:-moz-placeholder-shown)+label {
    color: #9b9b9b
}

.body-page .osc-field--label:not(.focus) input:not(:-ms-input-placeholder)+label,.body-page .osc-field--label:not(.focus) textarea:not(:-ms-input-placeholder)+label {
    color: #9b9b9b
}

.body-page .osc-field--label:not(.focus) input:not(:placeholder-shown)+label,.body-page .osc-field--label:not(.focus) textarea:not(:placeholder-shown)+label {
    color: #9b9b9b
}

.body-page .osc-field--label.error:not(.focus) input:not(:-moz-placeholder-shown)+label,.body-page .osc-field--label.error:not(.focus) textarea:not(:-moz-placeholder-shown)+label {
    color: #ac0000
}

.body-page .osc-field--label.error:not(.focus) input:not(:-ms-input-placeholder)+label,.body-page .osc-field--label.error:not(.focus) textarea:not(:-ms-input-placeholder)+label {
    color: #ac0000
}

.body-page .osc-field--label.error.focus label,.body-page .osc-field--label.error:not(.focus) input:not(:placeholder-shown)+label,.body-page .osc-field--label.error:not(.focus) textarea:not(:placeholder-shown)+label {
    color: #ac0000
}

.body-page .osc-field.error {
    -webkit-box-shadow: inset 0 0 0 2px #ac0000;
    box-shadow: inset 0 0 0 2px #ac0000
}

.body-page .collect-btn i.oicon {
    color: #888
}

.body-page .collect-btn.active i.oicon {
    color: #ffaf00
}

.body-page .ad-box {
    position: relative;
    overflow: hidden
}

.body-page .ad-box img {
    display: block;
    width: 100%!important;
    height: auto!important
}

.body-page .ad-box--label:before {
    content: "\5e7f\544a";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 32px;
    height: 18px;
    padding: 1px 4px;
    font-size: 12px;
    line-height: 16px;
    background-color: rgba(0,0,0,.5);
    color: rgba(255,255,255,.8);
    text-align: center
}

.body-page #wechatShareDialog {
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.body-page .atwho-view {
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.body-page .atwho-view .cur {
    background: #21b351
}

.body-page .atwho-view-ul::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page .atwho-view-ul::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page .atwho-view-ul::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page .atwho-view-ul::-webkit-scrollbar-thumb,.body-page .atwho-view-ul::-webkit-scrollbar-track {
    border-radius: 5px
}

.body-page .tweet-publish.modal {
    width: 500px
}

.body-page .tweet-publish.modal .tweet-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 247px
}

.body-page .tweet-publish.modal .tweet-form__header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .tweet-publish.modal .tweet-form__header .user-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0;
    margin-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .tweet-publish.modal .tweet-form__header .user-box__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px
}

.body-page .tweet-publish.modal .tweet-form__header .user-box__name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 8px;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view {
    display: block;
    background-color: #f7f8f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .1s ease,border-color .1s ease;
    transition: background-color .1s ease,border-color .1s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view:hover {
    background-color: #f6f6f6;
    border-color: #ccc
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__default {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    padding: 3px 9px 3px 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__default-text {
    margin-right: 4px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    padding: 3px 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9b9b9b;
    font-size: 16px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-icon svg {
    fill: #9b9b9b
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-icon img {
    display: block;
    width: 1em;
    height: 1em
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-icon--filter {
    -webkit-filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%);
    filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%)
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 6px;
    margin-right: 4px;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__dropdown-icon {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__dropdown-icon i.icon {
    width: 16px;
    margin: 0
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3px 6px 0 3px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid #ddd;
    padding: 0 6px;
    background: #fff;
    border-radius: 3px;
    margin-right: 4px;
    margin-bottom: 3px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__item-text {
    font-size: 12px;
    line-height: 18px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__item-icon {
    font-size: 12px;
    line-height: 18px;
    color: #bababa;
    margin-left: 4px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu {
    width: 160px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.04),0 1px 7px 0 rgba(0,0,0,.05),0 2px 8px 0 rgba(0,0,0,.02)!important;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.04),0 1px 7px 0 rgba(0,0,0,.05),0 2px 8px 0 rgba(0,0,0,.02)!important;
    border-radius: 3px!important
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .placeholder-item {
    display: none
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-empty__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 8px!important;
    border-radius: 4px;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease;
    cursor: pointer;
    color: #111;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: initial;
    background-color: transparent
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item:hover {
    background-color: #f6f6f6
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item+.select-item {
    margin-top: 4px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9b9b9b;
    font-size: 16px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__icon svg {
    fill: #9b9b9b
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__icon img {
    display: block;
    width: 1em;
    height: 1em
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__icon--filter {
    -webkit-filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%);
    filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%)
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search {
    position: relative;
    padding: 0 8px;
    margin: 0 0 10px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__inner {
    width: 128px;
    font-size: 14px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__icon {
    width: 14px;
    color: #bababa;
    opacity: 1;
    cursor: default
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 0 #ddd;
    box-shadow: inset 0 -1px 0 0 #ddd;
    line-height: 20px;
    padding: 4px 4px 4px 22px!important
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input::-webkit-input-placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input::-moz-placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input:-ms-input-placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input::-ms-input-placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input::placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input:focus {
    -webkit-box-shadow: inset 0 -1px 0 0 #21b351;
    box-shadow: inset 0 -1px 0 0 #21b351
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-header {
    display: block;
    padding: 6px 8px 8px;
    font-size: 13px;
    line-height: 18px;
    color: #9b9b9b;
    font-weight: 500
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu {
    position: relative;
    display: block;
    max-height: 176px;
    overflow-x: hidden;
    overflow-y: auto
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb,.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-track {
    border-radius: 5px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-empty,.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item,.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu {
    max-width: 144px
}

.body-page .tweet-publish.modal .tweet-form__header .scope-box .scope-select--error .select-view {
    -webkit-animation: scope-select-error-blink .8s infinite ease-in;
    animation: scope-select-error-blink .8s infinite ease-in
}

@-webkit-keyframes scope-select-error-blink {
    50% {
        border-color: #ff5353;
        background-color: rgba(255,83,83,.1)
    }
}

@keyframes scope-select-error-blink {
    50% {
        border-color: #ff5353;
        background-color: rgba(255,83,83,.1)
    }
}

.body-page .tweet-publish.modal .tweet-form__textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 12px
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    resize: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea::-webkit-input-placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea::-moz-placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea:-ms-input-placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea::-ms-input-placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea::placeholder {
    color: #bababa
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar-thumb,.body-page .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar-track {
    border-radius: 5px
}

.body-page .tweet-publish.modal .tweet-form__tip {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 12px;
    padding: 8px;
    border-radius: 3px;
    font-size: 13px;
    text-align: center
}

.body-page .tweet-publish.modal .tweet-form__tip.info {
    color: #9b9b9b;
    background: #f8f8f8
}

.body-page .tweet-publish.modal .tweet-form__tip.success {
    color: #21b351;
    background: rgba(33,179,81,.1)
}

.body-page .tweet-publish.modal .tweet-form__tip.error {
    color: #ff5353;
    background: rgba(255,83,83,.1)
}

.body-page .tweet-publish.modal .tweet-form__footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox {
    position: relative
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox>.item {
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    margin-right: 24px;
    color: #111
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox>.item:last-child {
    margin-right: 0
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox>.item:hover {
    color: #666
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox>.item i.oicon {
    font-size: 16px;
    vertical-align: bottom;
    color: #999
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup {
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.top.center:before,.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.top.left:before,.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.top.right:before {
    -webkit-box-shadow: 1px 1px 0 0 #ecedee;
    box-shadow: 1px 1px 0 0 #ecedee
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.bottom.center:before,.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.bottom.left:before,.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.bottom.right:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.left.center:before {
    -webkit-box-shadow: 1px -1px 0 0 #ecedee;
    box-shadow: 1px -1px 0 0 #ecedee
}

.body-page .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.right.center:before {
    -webkit-box-shadow: -1px 1px 0 0 #ecedee;
    box-shadow: -1px 1px 0 0 #ecedee
}

.body-page .tweet-publish.modal .tweet-form__footer .count-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    font-family: Courier,sans-serif
}

.body-page .question-publish.modal {
    width: 580px
}

.body-page .question-publish.modal .osc-modal__body {
    padding: 16px 24px
}

.body-page .question-publish.modal .question-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-page .question-publish.modal .question-form__notice {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 16px
}

.body-page .question-publish.modal .question-form__notice .notice-box {
    background: #fffceb;
    border: 1px solid #e1dec9;
    border-radius: 3px
}

.body-page .question-publish.modal .question-form__notice .notice-box__inner {
    padding: 12px
}

.body-page .question-publish.modal .question-form__notice .notice-box__header {
    color: #111;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px
}

.body-page .question-publish.modal .question-form__notice .notice-box__content .row-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page .question-publish.modal .question-form__notice .notice-box__content .row-content .col-content {
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-page .question-publish.modal .question-form__notice .notice-box__content .row-content .col-content .item {
    position: relative;
    color: #111;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 8px
}

.body-page .question-publish.modal .question-form__notice .notice-box__content .row-content .col-content .item:last-child {
    margin-bottom: 0
}

.body-page .question-publish.modal .question-form__notice .notice-box__content .row-content .col-content .item:before {
    display: inline-block;
    content: "∙";
    margin-right: 8px
}

.body-page .question-publish.modal .question-form__header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .question-publish.modal .question-form__header .user-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0;
    margin-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .question-publish.modal .question-form__header .user-box__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px
}

.body-page .question-publish.modal .question-form__header .user-box__name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 8px;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .question-publish.modal .question-form__header .scope-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .question-publish.modal .question-form__header .scope-box label {
    font-size: 14px;
    line-height: 20px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view {
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .1s ease,border-color .1s ease;
    transition: background-color .1s ease,border-color .1s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view:hover {
    background-color: #f6f6f6;
    border-color: #ccc
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__default {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__default-text {
    margin-right: 4px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9b9b9b;
    font-size: 16px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-icon svg {
    fill: #9b9b9b
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-icon img {
    display: block;
    width: 1em;
    height: 1em
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-icon--filter {
    -webkit-filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%);
    filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%)
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 6px;
    margin-right: 4px;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__dropdown-icon {
    color: #bababa;
    font-size: 14px;
    line-height: 20px;
    padding-left: 2px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__dropdown-icon i.icon {
    width: 10px;
    margin: 0
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4px 6px 0 4px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid #ddd;
    padding: 0 6px;
    background: #fff;
    border-radius: 3px;
    margin-right: 4px;
    margin-bottom: 4px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__item-text {
    font-size: 12px;
    line-height: 18px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-view__item-icon {
    font-size: 12px;
    line-height: 18px;
    color: #bababa;
    margin-left: 4px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu {
    width: 160px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.04),0 1px 7px 0 rgba(0,0,0,.05),0 2px 8px 0 rgba(0,0,0,.02)!important;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.04),0 1px 7px 0 rgba(0,0,0,.05),0 2px 8px 0 rgba(0,0,0,.02)!important;
    border-radius: 3px!important
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .placeholder-item {
    display: none
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-empty__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 8px!important;
    border-radius: 4px;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease;
    cursor: pointer;
    color: #111;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: initial;
    background-color: transparent
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item:hover {
    background-color: #f6f6f6
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item+.select-item {
    margin-top: 4px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9b9b9b;
    font-size: 16px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__icon svg {
    fill: #9b9b9b
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__icon img {
    display: block;
    width: 1em;
    height: 1em
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__icon--filter {
    -webkit-filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%);
    filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%)
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search {
    position: relative;
    padding: 0 8px;
    margin: 0 0 10px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__inner {
    width: 128px;
    font-size: 14px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__icon {
    width: 14px;
    color: #bababa;
    opacity: 1;
    cursor: default
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 0 #ddd;
    box-shadow: inset 0 -1px 0 0 #ddd;
    line-height: 20px;
    padding: 4px 4px 4px 22px!important
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input::-webkit-input-placeholder {
    color: #bababa
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input::-moz-placeholder {
    color: #bababa
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input:-ms-input-placeholder {
    color: #bababa
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input::-ms-input-placeholder {
    color: #bababa
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input::placeholder {
    color: #bababa
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input:focus {
    -webkit-box-shadow: inset 0 -1px 0 0 #21b351;
    box-shadow: inset 0 -1px 0 0 #21b351
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-header {
    display: block;
    padding: 6px 8px 8px;
    font-size: 13px;
    line-height: 18px;
    color: #9b9b9b;
    font-weight: 500
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu {
    position: relative;
    display: block;
    max-height: 176px;
    overflow-x: hidden;
    overflow-y: auto
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb,.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-track {
    border-radius: 5px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-empty,.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item,.body-page .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu {
    max-width: 144px
}

.body-page .question-publish.modal .question-form__header .scope-box .scope-select--error .select-view {
    -webkit-animation: scope-select-error-blink .8s infinite ease-in;
    animation: scope-select-error-blink .8s infinite ease-in
}

@keyframes scope-select-error-blink {
    50% {
        border-color: #ff5353;
        background-color: rgba(255,83,83,.1)
    }
}

.body-page .question-publish.modal .question-form__body {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 16px
}

.body-page .question-publish.modal .question-form__body .osc-field:not(:first-child) {
    margin-top: 16px
}

.body-page .question-publish.modal .question-form__tip {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 16px;
    padding: 8px;
    border-radius: 3px;
    font-size: 13px;
    text-align: center
}

.body-page .question-publish.modal .question-form__tip.info {
    color: #9b9b9b;
    background: #f8f8f8
}

.body-page .question-publish.modal .question-form__tip.success {
    color: #21b351;
    background: rgba(33,179,81,.1)
}

.body-page .question-publish.modal .question-form__tip.error {
    color: #ff5353;
    background: rgba(255,83,83,.1)
}

.body-page .question-publish.modal .question-form__footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page .question-publish.modal .question-form__footer .toolbox {
    position: relative
}

.body-page .question-publish.modal .question-form__footer .toolbox>.item {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    margin-right: 24px;
    color: #111
}

.body-page .question-publish.modal .question-form__footer .toolbox>.item:last-child {
    margin-right: 0
}

.body-page .question-publish.modal .question-form__footer .toolbox>.item:hover {
    color: #666
}

.body-page .question-publish.modal .question-form__footer .toolbox>.item i.oicon {
    font-size: 16px;
    vertical-align: bottom;
    color: #999
}

.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup {
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup.top.center:before,.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup.top.left:before,.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup.top.right:before {
    -webkit-box-shadow: 1px 1px 0 0 #ecedee;
    box-shadow: 1px 1px 0 0 #ecedee
}

.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup.bottom.center:before,.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup.bottom.left:before,.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup.bottom.right:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup.left.center:before {
    -webkit-box-shadow: 1px -1px 0 0 #ecedee;
    box-shadow: 1px -1px 0 0 #ecedee
}

.body-page .question-publish.modal .question-form__footer .toolbox .toolbox-popup.right.center:before {
    -webkit-box-shadow: -1px 1px 0 0 #ecedee;
    box-shadow: -1px 1px 0 0 #ecedee
}

.body-page .question-publish.modal .question-form__action {
    padding-bottom: 8px
}

.body-page .question-publish.modal .question-form__action .ui.primary.button {
    padding: 8px;
    background-color: #21b351;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center
}

.body-page .question-publish.modal .question-form__action .ui.primary.button:hover {
    background-color: #20ab4e
}

.body-page .question-publish.modal .question-form .toolbox-popup {
    max-width: none;
    z-index: 1000
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper {
    width: 470px
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper .upload.field {
    border: 2px dashed rgba(34,36,38,.15);
    border-radius: 5px;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 1em;
    min-height: 150px
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper .upload.field .empty-tips {
    display: none;
    font-size: 1rem;
    color: #999
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper .upload.field.empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper .upload.field.empty .empty-tips {
    display: block
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper #dropzone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 308px
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper #dropzone .dz-message {
    margin: 0 auto
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper #dropzone .dz-preview {
    margin: 5px
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper #dropzone .dz-error-message {
    top: 0
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper #dropzone .dz-error-message:after {
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #be2626!important;
    border-bottom: none!important;
    bottom: -6px;
    top: unset
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper {
    width: 480px
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .edit-mode textarea {
    min-height: 100px
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode pre {
    margin: 0
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode code {
    display: block;
    border-radius: 2px;
    background: #f6f6f6;
    padding: .7em 1em;
    max-height: 200px;
    overflow: auto
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode code::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode code::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode code::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page .survey-modal.modal {
    width: 536px;
    padding: 24px 40px
}

@media only screen and (max-width: 767px) {
    .body-page .survey-modal.modal {
        padding:18px 24px
    }
}

.body-page .survey-modal.modal .btn-link {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.body-page .survey-modal.modal .survey-modal__content {
    margin-bottom: 24px
}

.body-page .survey-modal.modal .survey-modal__content .title {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    margin: 14px 0 0
}

.body-page .survey-modal.modal .survey-modal__content .evaluation-box {
    margin-top: 12px;
    margin-bottom: 32px
}

@media only screen and (max-width: 767px) {
    .body-page .survey-modal.modal .survey-modal__content .evaluation-box {
        margin-bottom:16px
    }
}

@media only screen and (max-width: 767px) {
    .body-page .survey-modal.modal .survey-modal__content .evaluation-box>.field {
        text-align:center
    }
}

.body-page .survey-modal.modal .survey-modal__content .evaluation-box>.field .ui.radio.checkbox input~label:after,.body-page .survey-modal.modal .survey-modal__content .evaluation-box>.field .ui.radio.checkbox input~label:before {
    content: none!important
}

.body-page .survey-modal.modal .survey-modal__content .evaluation-box>.field .ui.radio.checkbox input {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden
}


.body-page .survey-modal.modal .survey-modal__content .evaluation-box>.field .ui.radio.checkbox input~label {
    display: block;
    min-width: 60px;
    padding: 44px 0 0 0;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 36px 36px
}

@media only screen and (max-width: 767px) {
    .body-page .survey-modal.modal .survey-modal__content .evaluation-box>.field .ui.radio.checkbox input~label {
        padding-top:32px;
        background-size: 24px 24px!important;
        font-size: 13px;
        min-width: auto
    }
}

.body-page .survey-modal.modal .survey-modal__content .reason-box .reason-grid.grid {
    padding: 30px 14px 2px
}

@media only screen and (max-width: 767px) {
    .body-page .survey-modal.modal .survey-modal__content .reason-box .reason-grid.grid {
        padding-top:28px
    }
}

.body-page .survey-modal.modal .survey-modal__content .reason-box .reason-grid.grid .column {
    padding: 0;
    margin-bottom: 14px
}

.body-page .survey-modal.modal .survey-modal__content .advice-box textarea {
    height: 60px;
    resize: none;
    min-height: unset
}

.body-page .survey-modal.modal .survey-modal__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .survey-modal.modal .survey-modal__footer .button {
    margin-right: 0
}

.body-page .set-groups.modal .ui.multiple.dropdown {
    padding: 4px 28px 2px 5px
}

.body-page #main {
    padding-top: 0;
    padding-bottom: 0
}

.body-page #main .home-container {
    position: relative;
    width: 1200px;
    padding: 0 16px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.body-page #main .home-container .box-card {
    background-color: #fff;
    border-radius: 0px
}

.body-page #main .home-container .index-container.aside-container .box-card {
    border-radius: unset!important
}

.body-page #main .home-container .box-card--shadow {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05)
}

.body-page .header-box {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 72px
}

.body-page .header-box__wrapper {
    width: 100%;
    height: inherit;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05)
}

.body-page .header-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 32px;
    width: 100%;
    height: inherit;
    min-width: 1264px;
    max-width: 1504px
}

.body-page .header-box__inner .header-box__inner__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.body-page .header-box--fixed .header-box__wrapper {
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    right: 0
}

.body-page .header-box .logo {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page .header-box .logo img,.body-page .header-box .logo svg {
    display: block
}

.body-page .header-box .logo img {
    width: 155px;
    height: 44px
}

.body-page .header-box .search-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 32px;
    width: 160px
}

.body-page .header-box .search-box__inner {
    width: 100%;
    font-size: 14px
}

.body-page .header-box .search-box__icon {
    width: 30px;
    color: #ccd0d4;
    opacity: 1;
    cursor: default
}

.body-page .header-box .search-box__input {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 0 #ddd;
    box-shadow: inset 0 -1px 0 0 #ddd;
    line-height: 20px;
    padding: 10px 10px 10px 30px!important
}

.body-page .header-box .search-box__input::-webkit-input-placeholder {
    color: #bababa
}

.body-page .header-box .search-box__input::-moz-placeholder {
    color: #bababa
}

.body-page .header-box .search-box__input:-ms-input-placeholder {
    color: #bababa
}

.body-page .header-box .search-box__input::-ms-input-placeholder {
    color: #bababa
}

.body-page .header-box .search-box__input::placeholder {
    color: #bababa
}

.body-page .header-box .search-box__input:focus {
    -webkit-box-shadow: inset 0 -1px 0 0 #21b351;
    box-shadow: inset 0 -1px 0 0 #21b351
}

.body-page .header-box .nav-bar {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page .header-box .nav-bar__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 52px;
    padding: 0
}

.body-page .header-box .nav-bar__tabs .tabs-item {
    display: block;
    list-style: none;
    padding: 0 20px
}

.body-page .header-box .nav-bar__tabs .active{
    font-weight: bold;
}

.body-page .header-box .nav-bar__tabs .tabs-link {
    position: relative;
    display: inline-block;
    padding: 25px 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #666;
    text-align: center;
    -webkit-transition: color .1s ease,font-weight .1s ease;
    transition: color .1s ease,font-weight .1s ease
}

.body-page .header-box .nav-bar__tabs .tabs-link:hover {
    color: #111
}

.body-page .header-box .nav-bar__tabs .tabs-link.active {
    color: #111;
    font-weight: 600
}

.body-page .header-box .nav-bar__tabs .tabs-link.active:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: #21b351;
    content: ""
}

.body-page .header-box .nav-bar__tabs .tabs-item--point .tabs-link:before {
    content: '';
    position: absolute;
    right: 19px;
    top: 32px;
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #d0021b;
    border-radius: 50%;
    -webkit-transform: translate(100%,-100%);
    transform: translate(100%,-100%)
}

.body-page .header-box .nav-bar__tabs .tabs-item--new {
    margin-right: 28px
}

.body-page .header-box .nav-bar__tabs .tabs-item--new .tabs-link:before {
    content: 'DevOps';
    position: absolute;
    right: 21px;
    top: 44px;
    display: none;
    width: 100px;
    padding: 4px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #c71d24;
    border-radius: 4px;
    -webkit-transform: translate(100%,-100%) scale(.5);
    transform: translate(100%,-100%) scale(.5);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600
}

.body-page .header-box .nav-bar__tabs .tabs-item--new .tabs-link:after {
    content: '';
    position: absolute;
    right: 21px;
    top: 44px;
    display: none;
    width: 100px;
    height: 36px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-transform: translate(100%,-100%) scale(.5);
    transform: translate(100%,-100%) scale(.5);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    background: url(https://static.oschina.net/dist/oschina/event/imgs/flash_wide.gif) no-repeat center;
    background-size: cover;
    opacity: .6
}

.body-page .header-box .nav-bar__tabs .tabs-item--new-show .tabs-link:before {
    display: block
}

.body-page .header-box .nav-bar__tabs .tabs-item--new-show .tabs-link:after {
    display: block
}

.body-page .header-box .nav-bar--center {
    margin-left: 90px
}

.body-page .header-box .user-bar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

.body-page .header-box .user-bar__links {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .header-box .user-bar__links>.item {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    padding: 0 12px;
    color: #999
}

.body-page .header-box .user-bar__links>.item:hover {
    color: #666
}

.body-page .header-box .user-bar__links>.item.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .header-box .user-bar__links>.item.btn-back-old {
    color: #21b351
}

.body-page .header-box .user-bar__links>.item.btn-back-old:hover {
    color: #1fa44b
}

.body-page .header-box .user-bar__links .app-download>.icon {
    font-size: 24px;
    line-height: 1;
    width: 15px;
    margin: 0 8px 0 0
}

.body-page .header-box .user-bar__links .user-message {
    height: 40px
}

.body-page .header-box .user-bar__links .user-message>.icon {
    font-size: 20px;
    line-height: 1;
    width: 18px;
    margin: 0
}

.body-page .header-box .user-bar__links .user-message .total-count {
    display: none;
    margin: 0 0 0 8px;
    min-width: 18px;
    min-height: 18px;
    padding: 0 5px;
    line-height: 18px;
    text-align: center;
    border-radius: 500rem;
    color: #fff;
    font-weight: 600;
    background: #ff5353;
    font-family: SFProText-Heavy,'Helvetica Neue',Arial,Helvetica,sans-serif
}

.body-page .header-box .user-bar__links .user-message .menu {
    width: 200px;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.body-page .header-box .user-bar__links .user-message .menu .message-header {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-shadow: inset 0 -1px 0 0 #ecedee;
    box-shadow: inset 0 -1px 0 0 #ecedee;
    font-size: 14px;
    line-height: 20px
}

.body-page .header-box .user-bar__links .user-message .menu .action {
    margin: -1px 0 0 0;
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-box-shadow: inset 0 1px 0 0 #ecedee;
    box-shadow: inset 0 1px 0 0 #ecedee;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.body-page .header-box .user-bar__links .user-message .menu .action .go-inbox {
    float: left
}

.body-page .header-box .user-bar__links .user-message .menu .action .mark-read-all {
    float: right;
    display: none
}

.body-page .header-box .user-bar__links .user-info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.body-page .header-box .user-bar__links .user-info .icon {
    margin: 0 0 0 4px;
    line-height: 1;
    width: 16px
}

@media only screen and (max-width: 1416px) {
    .body-page .header-box:not(.header-box--compact) .nav-bar__tabs {
        margin:0 24px
    }
}

@media only screen and (max-width: 1349px) {
    .body-page .header-box:not(.header-box--compact) .search-box {
        margin-left:24px
    }

    .body-page .header-box:not(.header-box--compact) .nav-bar__tabs {
        margin: 0 24px
    }

    .body-page .header-box:not(.header-box--compact) .nav-bar__tabs .tabs-item {
        padding: 0 12px
    }
}

.body-page .header-box--compact .nav-bar__tabs {
    margin: 0 24px
}

.body-page .header-box--compact .nav-bar__tabs .tabs-item {
    padding: 0
}

.body-page .header-box--compact .nav-bar__tabs .tabs-link {
    padding-left: 16px;
    padding-right: 16px
}

.body-page .header-box--compact .nav-bar__tabs .tabs-item--point .tabs-link:before {
    right: 21px
}

.body-page .header-box--compact .nav-bar__tabs .tabs-item--new .tabs-link:before {
    right: 15px
}

.body-page .header-box--compact .nav-bar__tabs .tabs-item--new .tabs-link:after {
    right: 15px
}

.body-page .header-box--compact .search-circle-box {
    margin-left: 0;
    margin-right: 12px
}

.body-page .header-box--compact .search-circle-box__inner {
    position: relative;
    display: block;
    width: 224px;
    height: 32px;
    overflow: hidden
}

.body-page .header-box--compact .search-circle-box__input {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    border-radius: 0;
    padding: 5px 42px 5px 12px;
    background-color: #f7f8f9;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    border-radius: 20px;
    border: 1px solid #ecedee;
    -webkit-transition: border-color .14s ease;
    transition: border-color .14s ease
}

.body-page .header-box--compact .search-circle-box__input:focus {
    border-color: #d8d8d8
}

.body-page .header-box--compact .search-circle-box__input::-webkit-input-placeholder {
    color: #999
}

.body-page .header-box--compact .search-circle-box__input::-moz-placeholder {
    color: #999
}

.body-page .header-box--compact .search-circle-box__input:-ms-input-placeholder {
    color: #999
}

.body-page .header-box--compact .search-circle-box__input::-ms-input-placeholder {
    color: #999
}

.body-page .header-box--compact .search-circle-box__input::placeholder {
    color: #999
}

.body-page .header-box--compact .search-circle-box__button {
    position: absolute;
    top: 5px;
    right: 12px;
    display: block;
    width: 22px;
    height: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    border-radius: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    -webkit-transition: color .14s ease;
    transition: color .14s ease;
    color: #999
}

.body-page .header-box--compact .search-circle-box__button:hover {
    color: #666
}

.body-page .header-box--compact .search-circle-box__button i.icon {
    margin: 0;
    font-size: inherit
}

.body-page .header-box--compact .user-bar__links>.item {
    padding: 0 10px;
    color: #bababa
}

.body-page .header-box--compact .user-bar__links>.item:hover {
    color: #999
}

.body-page .header-box--compact .user-bar__links .app-download>i.oicon {
    font-size: 20px;
    margin: 0 -3px
}

@media only screen and (max-width: 1416px) {
    .body-page .header-box--compact .search-circle-box__inner {
        width:250px
    }
}

@media only screen and (max-width: 1400px) {
    .body-page .header-box--compact .search-circle-box__inner {
        width:240px
    }
}

@media only screen and (max-width: 1365px) {
    .body-page .header-box--compact .search-circle-box__inner {
        width:220px
    }
}

@media only screen and (max-width: 1352px) {
    .body-page .header-box--compact .search-circle-box__inner {
        width:200px
    }
}

@media only screen and (max-width: 1340px) {
    .body-page .header-box--compact .search-circle-box__inner {
        width:180px
    }
}

@media only screen and (max-width: 1318px) {
    .body-page .header-box--compact .search-circle-box {
        display:none
    }
}

.body-page #footer {
    background-color: #fff
}

.body-page #footer.hide {
    display: none!important
}

.body-page #copyright.hide {
    display: none!important
}

.body-page .quick-publish-box {
    margin-bottom: 24px
}

.body-page .quick-publish-box__inner {
    padding: 12px 24px
}

.body-page .quick-publish-box__topics .topic-box {
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .quick-publish-box__topics .topic-box .topic-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #003d86;
    font-weight: 500
}

.body-page .quick-publish-box__topics .topic-box .topic-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 8px;
    max-height: 20px;
    overflow: hidden
}

.body-page .quick-publish-box__topics .topic-box .topic-list .item {
    display: inline-block
}

.body-page .quick-publish-box__topics .topic-box .topic-list .item+.item {
    margin-left: 20px
}

.body-page .quick-publish-box__form {
    padding: 12px 0
}

.body-page .quick-publish-box__form .textarea-box {
    position: relative;
    cursor: pointer
}

.body-page .quick-publish-box__form .textarea-box__textarea {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 13px 49px 13px 11px;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    resize: none;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease;
    overflow-y: hidden
}

.body-page .quick-publish-box__form .textarea-box__textarea::-webkit-input-placeholder {
    color: #bababa
}

.body-page .quick-publish-box__form .textarea-box__textarea::-moz-placeholder {
    color: #bababa
}

.body-page .quick-publish-box__form .textarea-box__textarea:-ms-input-placeholder {
    color: #bababa
}

.body-page .quick-publish-box__form .textarea-box__textarea::-ms-input-placeholder {
    color: #bababa
}

.body-page .quick-publish-box__form .textarea-box__textarea::placeholder {
    color: #bababa
}

.body-page .quick-publish-box__form .textarea-box__textarea:focus {
    border-color: #21b351
}

.body-page .quick-publish-box__form .textarea-box__placeholder {
    display: block;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 13px 49px 13px 11px;
    font-size: 14px;
    line-height: 20px;
    color: #bababa
}

.body-page .quick-publish-box__form .textarea-box__button {
    position: absolute;
    right: 12px;
    top: 9px;
    border: none;
    background: 0 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    color: #21b351;
    font-size: 0;
    cursor: pointer
}

.body-page .quick-publish-box__form .textarea-box__button .oicon {
    font-size: 24px;
    line-height: 1
}

.body-page .quick-publish-box__footer .link-box {
    padding: 0 8px
}

.body-page .quick-publish-box__footer .link-box .link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page .quick-publish-box__footer .link-box .link-list .item {
    font-size: 14px;
    line-height: 20px;
    color: #111
}

.body-page .quick-publish-box__footer .link-box .link-list .item .oicon.oicon-question-solid {
    color: #b352ce
}

.body-page .quick-publish-box__footer .link-box .link-list .item .oicon.oicon-write-solid {
    color: #1285fe
}

.body-page .quick-publish-box__footer .link-box .link-list .item .oicon.oicon-fire-solid {
    color: #ff6838
}

.body-page .quick-publish-box__footer .link-box .link-list .item a {
    color: #111
}

.body-page .quick-publish-box__footer .link-box .link-list .item a:hover {
    color: #346fb6
}

.body-page .quick-publish-box__footer .link-box .link-list .item a .oicon {
    margin-right: 8px;
    font-size: 16px;
    line-height: 20px;
    vertical-align: bottom
}

.body-page .entry-container {
    position: relative
}

.body-page .entry-container__loader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page .entry-container__loader .loader-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-height: 400px
}

.body-page .entry-container__loader .loader {
    font-size: 13px;
    line-height: 18px
}

.body-page .entry-container .entry-list-box .entry-item {
    position: relative;
    padding: 0 32px
}

.body-page .entry-container .entry-list-box .entry-item__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 0;
    border-top: 1px solid #ecedee
}

.body-page .entry-container .entry-list-box .entry-item:first-child .entry-item__inner {
    border-top-color: transparent
}

.body-page .entry-container .entry-list-box .entry-item--borderless .entry-item__inner {
    border-top-color: transparent
}

.body-page .entry-container .entry-list-box .entry-item--borderless+.entry-item .entry-item__inner {
    border-top-color: transparent
}

.body-page .entry-container .entry-list-box .entry-item--compact .entry-item__inner {
    padding: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item {
    position: relative
}

.body-page .entry-container .entry-list-box .entry-item .article-item .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b
}

.body-page .entry-container .entry-list-box .entry-item .article-item .item-list>.item {
    margin-right: 8px
}

.body-page .entry-container .entry-list-box .entry-item .article-item .item-list>.item:last-child {
    margin-right: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item .item-list>.item a,.body-page .entry-container .entry-list-box .entry-item .article-item .item-list>.item--clickable {
    cursor: pointer;
    color: #4a4a4a
}

.body-page .entry-container .entry-list-box .entry-item .article-item .item-list>.item a:hover,.body-page .entry-container .entry-list-box .entry-item .article-item .item-list>.item--clickable:hover {
    color: #346fb6
}

.body-page .entry-container .entry-list-box .entry-item .article-item .item-list>.item>i.icon {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    vertical-align: top
}

.body-page .entry-container .entry-list-box .entry-item .article-item .item-list>.item .gap {
    margin: 0 8px
}

.body-page .entry-container .entry-list-box .entry-item .article-item__inner {
    position: relative
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header .item-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: #888;
    font-size: 13px;
    line-height: 20px
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header .item-list>.item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-meta {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-meta .item-tag .tag {
    display: block;
    padding: 1px 8px;
    border-radius: 9px;
    background: #ffefef;
    color: #d57171;
    font-size: 12px;
    line-height: 16px
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-meta .item-tag--as-top {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-meta .item-author-info {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-meta .item-author-info .author-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-meta .item-author-info .author-info__avatar {
    margin-right: 6px;
    font-size: 0;
    line-height: 1
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item {
    margin-right: 0;
    margin-left: 8px
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item:first-child {
    margin-left: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item.btn-dislike {
    display: none;
    font-size: 12px;
    color: #999
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item.btn-dislike.enable {
    display: block
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item.btn-dislike:hover {
    color: #666
}

.body-page .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item.btn-dislike i.oicon {
    vertical-align: middle
}

.body-page .entry-container .entry-list-box .entry-item .article-item__title h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #111
}

.body-page .entry-container .entry-list-box .entry-item .article-item__title h2 a {
    color: #111;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease
}

.body-page .entry-container .entry-list-box .entry-item .article-item__title h2 a:hover {
    border-bottom: 1px solid #d3d3d3
}

.body-page .entry-container .entry-list-box .entry-item .article-item__content {
    margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
    color: #888;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.body-page .entry-container .entry-list-box .entry-item .article-item__content--black {
    color: #111
}

.body-page .entry-container .entry-list-box .entry-item .article-item__content--limit {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page .entry-container .entry-list-box .entry-item .article-item__content p {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item__referer {
    margin-top: 6px
}

.body-page .entry-container .entry-list-box .entry-item .article-item__referer .referer-box {
    padding: 8px;
    background: #f6f6f6
}

.body-page .entry-container .entry-list-box .entry-item .article-item__referer .referer-box__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #111
}

.body-page .entry-container .entry-list-box .entry-item .article-item__referer .referer-box__title a {
    color: #111
}

.body-page .entry-container .entry-list-box .entry-item .article-item__referer .referer-box__title a:hover {
    color: #346fb6
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item {
    margin-right: 0;
    margin-left: 16px
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item:first-child {
    margin-left: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item--clickable,.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item>a {
    color: #999
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item--clickable:hover,.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item>a:hover {
    color: #666
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item--link {
    color: #346fb6
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item--link:hover {
    color: #003d86
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item i.oicon {
    color: inherit
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item.ui.dropdown>.menu .item {
    color: #4a4a4a
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item.ui.dropdown>.menu .item i.icon,.body-page .entry-container .entry-list-box .entry-item .article-item__footer .item-list>.item.ui.dropdown>.menu .item i.oicon {
    margin-right: 8px
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-answer {
    display: block;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 13px;
    color: #21b351
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-answer:hover {
    color: #21b351
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment {
    display: block;
    padding: 6px 12px;
    border-radius: 3px;
    background: rgba(33,179,81,.1);
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    color: #21b351
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment:hover {
    background: rgba(33,179,81,.15);
    color: #21b351!important
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment .text--normal {
    display: inline
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment .text--collapsed {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment .text--normal-exist {
    display: inline
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment .text--normal-empty {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment[data-obj-type="2"][data-value="0"] .text--normal-exist {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment[data-obj-type="2"][data-value="0"] .text--normal-empty {
    display: inline
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment[data-obj-type="2"]:not([data-value="0"]) .text--normal-exist {
    display: inline
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment[data-obj-type="2"]:not([data-value="0"]) .text--normal-empty {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment.collapsed .text--normal {
    display: none!important
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment.collapsed .text--collapsed {
    display: inline!important
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment.loading {
    position: relative;
    cursor: default;
    text-shadow: none!important;
    color: transparent!important;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0s linear,opacity .1s ease;
    transition: all 0s linear,opacity .1s ease
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment.loading:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: .2em solid rgba(0,0,0,.15)
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment.loading:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: button-spin .6s linear;
    animation: button-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .2em;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment.disabled:hover,.body-page .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list>.item .btn-comment.loading:hover {
    background: rgba(33,179,81,.1)
}

.body-page .entry-container .entry-list-box .entry-item .article-item__footer-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.body-page .entry-container .entry-list-box .entry-item .article-item--clickable .article-item__inner {
    cursor: pointer
}

.body-page .entry-container .entry-list-box .entry-item .article-item--clickable:before {
    content: '';
    position: absolute;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    display: block;
    background-color: transparent;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    border-radius: 4px;
    cursor: pointer
}

.body-page .entry-container .entry-list-box .entry-item .article-item--clickable:hover:before {
    background-color: #f6f8fa
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel {
    padding: 16px;
    width: 280px;
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.top.center:before,.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.top.left:before,.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.top.right:before {
    -webkit-box-shadow: 1px 1px 0 0 #ecedee;
    box-shadow: 1px 1px 0 0 #ecedee
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.bottom.center:before,.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.bottom.left:before,.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.bottom.right:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.left.center:before {
    -webkit-box-shadow: 1px -1px 0 0 #ecedee;
    box-shadow: 1px -1px 0 0 #ecedee
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.right.center:before {
    -webkit-box-shadow: -1px 1px 0 0 #ecedee;
    box-shadow: -1px 1px 0 0 #ecedee
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-header {
    margin-bottom: 6px;
    color: #111;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-header span {
    font-weight: 400;
    color: rgba(0,0,0,.4)
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-content {
    margin-bottom: 12px
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-content .tag-list .tag-item {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 0 8px;
    border-bottom: 1px solid #f2f2f2
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-content .tag-list .tag-item .ui.checkbox {
    display: block;
    font-size: 14px;
    line-height: 16px
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-content .tag-list .tag-item .ui.checkbox input[type=checbox],.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-content .tag-list .tag-item .ui.checkbox input[type=radio] {
    width: 16px;
    height: 16px
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-content .tag-list .tag-item .ui.checkbox label {
    padding-left: 26px
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-content .tag-list .tag-item .ui.checkbox label:before {
    border-radius: 50%
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer .osc-button {
    margin: 0
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer .osc-button.cancel {
    border: 0;
    background: 0 0;
    color: #9b9b9b
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer .osc-button.cancel:hover {
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer .osc-button+.osc-button {
    margin-left: 6px
}

.body-page .entry-container .entry-list-box .entry-item .comments-wrap {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item .entry-message-box {
    position: absolute;
    left: 50%;
    bottom: 13px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 4px 16px;
    border-radius: 14px;
    background: #f8f8f8
}

.body-page .entry-container .entry-list-box .entry-item .entry-message-box__text {
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page .entry-container .entry-list-box .entry-item .entry-message-box__text,.body-page .entry-container .entry-list-box .entry-item .entry-message-box__text a {
    color: #9b9b9b
}

.body-page .entry-container .entry-list-box .entry-item .entry-message-box__close {
    position: absolute;
    top: 6px;
    right: 8px;
    padding: 1px;
    cursor: pointer;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 1;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.body-page .entry-container .entry-list-box .entry-item .entry-message-box__close:hover {
    color: #666
}

.body-page .entry-container .entry-list-box .entry-item .entry-message-box--closeable {
    padding-right: 32px
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box {
    width: 100%
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin: 0
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .card-list .card-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
    margin: 0 24px 0 0;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .card-list .card-item:hover {
    background-color: #fcfcfc
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .card-list .card-item:last-child {
    margin-right: 0
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__avatar a {
    display: block
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #111
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .name a {
    color: #111
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .name a:hover {
    color: #346fb6
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 68px;
    margin: 0;
    padding: 4px 12px;
    border-radius: 3px;
    color: #21b351;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    background: rgba(33,179,81,.1)
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn:hover {
    background: rgba(33,179,81,.15)
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn i.oicon {
    margin-right: 4px;
    font-size: 12px
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="2"],.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="3"] {
    background: 0 0
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="2"] i,.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="3"] i {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__desc {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__footer {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__footer .meta {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #9b9b9b;
    font-size: 0;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__footer .meta .item {
    display: inline-block;
    margin-right: 16px;
    font-size: 14px;
    line-height: 20px
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__footer .meta .item:last-child {
    margin-right: 0
}

.body-page .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__footer .meta .item .count {
    margin-left: 4px
}

.body-page .entry-container .entry-list-box .entry-item[data-as-top=true] .article-item__header-meta .item-tag--as-top {
    display: block
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item--clickable:before {
    content: none
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__header {
    margin-bottom: 10px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content {
    font-size: 14px;
    line-height: 22px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content .cover-picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    display: none;
    overflow: hidden;
    width: 160px;
    height: 90px;
    border-radius: 3px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content .cover-picture.enable {
    display: block
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content .cover-picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content .summary-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content .summary-text p {
    position: relative;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content {
    display: none;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.57142857;
    color: #111;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: left;
    zoom:1}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content:after,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content:before {
    content: '';
    display: table
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content:after {
    clear: both
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content>:first-child {
    margin-top: 0
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content>:last-child {
    margin-bottom: 0
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content p {
    margin: 0 0 20px;
    line-height: inherit
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content strong {
    font-weight: 700
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content code {
    margin: 0 3px;
    padding: 3px 6px;
    border: none;
    border-radius: 4px;
    background: #f6f6f6;
    color: #333;
    font-size: 13px;
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre {
    position: relative;
    margin: 0 0 20px;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    word-break: break-word;
    word-wrap: normal;
    white-space: pre;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar-thumb,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar-track {
    border-radius: 4px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre>code {
    padding: 0;
    margin: 0;
    border-radius: 0;
    overflow: visible;
    word-break: normal
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre>code {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    background: #f6f6f6;
    color: #333;
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol li,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul li {
    line-height: 1.875em
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol ol,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol p,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol pre,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol ul,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul ol,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul p,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul pre,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul ul {
    margin-bottom: 8px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol ul,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul ul {
    list-style-type: circle
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol>:first-child,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul>:first-child {
    margin-top: 0
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol>:last-child,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul>:last-child {
    margin-bottom: 0
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol {
    list-style-type: decimal
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul {
    list-style-type: disc
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content img {
    margin: 0 auto;
    max-width: 80%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content img {
        max-width:100%
    }
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content img.zoom-in-cursor {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table {
    display: block;
    border-collapse: collapse;
    border-spacing: 1px;
    font-size: 14px;
    color: #444;
    overflow: auto;
    max-width: 100%!important;
    width: 100%;
    border: none;
    line-height: inherit;
    word-break: keep-all;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar-thumb,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar-track {
    border-radius: 4px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table thead {
    text-align: left
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table th,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table thead {
    background: #f8f8f8
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table td,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table th {
    padding: 4px 8px;
    border: 1px solid #ddd
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table tr {
    background-color: #fff
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table tr:nth-child(2n) {
    background-color: #f8f8f8
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content blockquote {
    position: relative;
    margin: 0 0 20px;
    padding: 20px;
    background-color: #f6f6f6;
    border-left: 6px solid #e6e6e6;
    font-style: normal;
    font-weight: 400;
    word-break: break-word
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content blockquote>:first-child {
    margin-top: 0
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content blockquote>:last-child {
    margin-bottom: 0
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content blockquote code,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content blockquote pre {
    background-color: #eee
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h1,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h2,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h3,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h4,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h5,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h6 {
    font-weight: 600;
    line-height: 1.57142857;
    margin: 2em 0 1em;
    padding: 0;
    border: none
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h1 {
    font-size: 26px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h2 {
    font-size: 24px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h3 {
    font-size: 22px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h4 {
    font-size: 20px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h5 {
    font-size: 18px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h6 {
    font-size: 16px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content video {
    max-width: 100%
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content hr {
    height: 0;
    border: none;
    border-top: 1px solid #eee;
    background: 0 0;
    margin: 0 0 20px;
    zoom:1}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content hr:after,.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content hr:before {
    content: '';
    display: table
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .full-content hr:after {
    clear: both
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .btn-more {
    display: inline-block
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .btn-more i.oicon {
    margin-left: 4px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .btn-more--fixed {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding-left: 4px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__content .btn-more--fixed:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%,0);
    display: block;
    width: 60px;
    height: 22px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#fff));
    background: linear-gradient(to right,rgba(255,255,255,0),#fff);
    pointer-events: none
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__footer {
    margin-top: 12px
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__footer-state .item-list {
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__footer-extra .btn-collapsed {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item--full .article-item__footer-extra .btn-collapsed .icon-wrap {
    display: inline-block;
    margin-left: 4px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.body-page .entry-container .entry-list-box .entry-item--full .comments-wrap {
    display: block
}

.body-page .entry-container .entry-list-box .entry-item--full .comments-wrap .comments-tip {
    margin-top: 8px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    background: #f7f7f7;
    border-radius: 2px;
    color: #888;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .24s ease;
    transition: background-color .24s ease
}

.body-page .entry-container .entry-list-box .entry-item--full .comments-wrap .comments-tip:hover {
    background: #ecedee
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--content-more .article-item__content .ellipsis-content {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--content-more .article-item__content .full-content {
    display: block
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--content-more .article-item__footer {
    margin-top: 20px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--content-more .article-item__footer-extra .btn-collapsed {
    display: block
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--content-more .article-item__footer.fixed-bottom {
    position: fixed;
    z-index: 2;
    margin: 0;
    padding: 12px 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 -5px 8px -5px rgba(0,0,0,.1);
    box-shadow: 0 -5px 8px -5px rgba(0,0,0,.1);
    -webkit-animation: fixed-bottom-slide-in-up .2s;
    animation: fixed-bottom-slide-in-up .2s
}

@-webkit-keyframes fixed-bottom-slide-in-up {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fixed-bottom-slide-in-up {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap {
    margin-top: 12px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box {
    background: #f7f8f9;
    border-radius: 6px;
    padding: 14px 16px;
    position: relative;
    display: block
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-avatar-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 4px 8px 4px 0
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea {
    display: block;
    width: 100%;
    padding: 5px 12px;
    margin: 0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    resize: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    overflow-y: hidden
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-input-placeholder {
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-moz-placeholder {
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:-ms-input-placeholder {
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-ms-input-placeholder {
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::placeholder {
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:focus {
    border: 1px solid #21b351
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .action-wrap {
    display: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 8px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .action-wrap.active {
    display: block
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .comment-form .action-wrap .btn-action {
    padding: 6px 20px;
    font-weight: 500;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 4px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap .ui.mini.message {
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 20px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__loader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__loader .loader-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__loader .loader {
    font-size: 13px;
    line-height: 18px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__form .comment-disabled {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 12px;
    margin: 0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
    background: #fafafa;
    color: #4a4a4a;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    text-align: center
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list-inner {
    position: relative;
    display: block
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-list {
    position: relative;
    display: block
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-list>.comment-item:first-child {
    padding-top: 16px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-list--empty {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #ecedee;
    box-shadow: inset 0 1px 0 0 #ecedee
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-list-empty-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 52px 0;
    height: 100%
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-list-empty-view__pic {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 108px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-list-empty-view__text {
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item {
    position: relative;
    margin-bottom: 16px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item:last-child {
    margin-bottom: 0
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #ecedee
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__author {
    padding: 2px 0
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__author .author {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #4a4a4a
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__author .author:hover {
    color: #111
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__author>* {
    vertical-align: middle
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__content {
    margin-top: 8px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #111
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__content .ref {
    position: relative;
    margin: 4px 0 10px 10px;
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__content .ref:before {
    position: absolute;
    content: '';
    border-left: 1px solid #ecedee;
    height: 100%;
    margin-left: -10px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__content .ref h4 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__content img {
    max-width: 100%;
    height: auto
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item {
    color: #888;
    font-size: 13px;
    line-height: 14px;
    margin-right: 16px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item:last-child {
    margin-right: 0
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item .clickable,.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item a {
    cursor: pointer;
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item .clickable:hover,.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item a:hover {
    color: #666
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item i {
    margin-right: 4px;
    font-size: 12px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item .btn-like.active i {
    color: #ef404a
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item.vote-btn-wrap .vote-btn i.icon {
    margin: 0 0 -2px;
    padding: 0;
    font-size: 22px;
    line-height: 14px;
    overflow: hidden;
    height: 14px;
    width: 18px;
    vertical-align: baseline;
    cursor: pointer
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item.vote-btn-wrap .vote-btn.vote-up.active {
    color: #32aa66
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list .item.vote-btn-wrap .vote-btn.vote-down.active {
    color: #ef404a
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__children {
    position: relative;
    padding-left: 32px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__children>.comment-item:first-child {
    margin-top: 16px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__children .comment-item__children {
    padding-left: 32px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__reply-form {
    margin-top: 16px
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item--hidden {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item--opacity {
    opacity: .5
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__next {
    display: block;
    margin-top: 16px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__next.hide {
    display: none
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__next .collapse-btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #888
}

.body-page .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__next .collapse-btn:hover {
    color: #666
}

.body-page .entry-container .entry-list-box--card .entry-item {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05)
}

.body-page .entry-container .entry-list-box--card .entry-item__inner {
    border: none
}

.body-page .entry-container .entry-list-box--card .entry-item--compact {
    padding: 0;
    overflow: hidden
}

.body-page .entry-container .entry-list-box--card .entry-item--full.entry-item--content-more .article-item__footer.fixed-bottom {
    padding-left: 24px;
    padding-right: 24px
}

.body-page .entry-container .entry-load-status {
    display: none;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden
}

.body-page .entry-container .entry-load-status .infinite-scroll-request .ui.loader {
    margin: 12px 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px
}

.body-page .entry-container .entry-load-status .infinite-scroll-last {
    margin: 12px 0 24px
}

.body-page .entry-container .entry-load-status .infinite-scroll-error {
    margin: 12px 0 24px
}

.body-page .entry-container .entry-load-more-button {
    display: none;
    padding: 12px 32px 24px;
    text-align: center
}

.body-page .entry-container .entry-load-more-button .ui.basic.button {
    margin: 0;
    padding: 6px 16px;
    border-radius: 500rem;
    font-size: 0;
    background-color: #fff!important
}

.body-page .entry-container .entry-load-more-button .ui.basic.button .ui.loader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 8px;
    font-size: 12px
}

.body-page .entry-container .entry-load-more-button .ui.basic.button .ui.loader,.body-page .entry-container .entry-load-more-button .ui.basic.button .ui.loader:after,.body-page .entry-container .entry-load-more-button .ui.basic.button .ui.loader:before {
    width: 16px;
    height: 16px
}

.body-page .entry-container .entry-load-more-button .ui.basic.button .ui.loader:after,.body-page .entry-container .entry-load-more-button .ui.basic.button .ui.loader:before {
    margin: 0 0 0 -8px
}

.body-page .entry-container .entry-load-more-button .ui.basic.button .text {
    font-size: 14px;
    line-height: 20px
}

.body-page .entry-container .entry-load-more-button .ui.basic.button>* {
    vertical-align: middle
}

.body-page .entry-container .entry-load-more-button .btn--default {
    display: inline-block
}

.body-page .entry-container .entry-load-more-button .btn--loading {
    display: none
}

.body-page .entry-container .entry-load-more-button.loading .btn--default {
    display: none
}

.body-page .entry-container .entry-load-more-button.loading .btn--loading {
    display: inline-block
}

.body-page .entry-container .entry-pagination {
    display: none
}

.body-page .entry-container .entry-empty-view {
    display: block;
    padding: 124px 32px
}

.body-page .entry-container .entry-empty-view__pic {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 108px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.body-page .entry-container .entry-empty-view__text {
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b
}

.body-page .sidebar-box .sidebar-section-list {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page .sidebar-box .sidebar-section-list.mb {

}

.body-page .sidebar-box .sidebar-section-list.smb {
    margin-bottom: 12px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section {
    margin-bottom: 24px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section.mb {
    margin-bottom: 24px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section.smb {
    margin-bottom: 12px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section:last-child {
    margin-bottom: 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #ecedee
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-icon {
    color: #9b9b9b;
    font-size: 18px;
    line-height: 1;
    margin-right: 8px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0;
    color: #111;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable,.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a {
    margin-left: 8px;
    cursor: pointer;
    color: #999
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable:hover,.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a:hover {
    color: #666
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable .oicon,.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a .oicon {
    font-size: 16px;
    vertical-align: bottom
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable.link--default,.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a.link--default {
    color: #346fb6
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable.link--default:hover,.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a.link--default:hover {
    color: #003d86
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .refresh-loader .oicon {
    font-size: 16px;
    vertical-align: bottom
}

@-webkit-keyframes refresh-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes refresh-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .refresh-loader.loading .oicon.oicon-refresh {
    display: inline-block;
    -webkit-animation: refresh-rotate 1s linear infinite;
    animation: refresh-rotate 1s linear infinite
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-body {
    padding-top: 16px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-body .content,.body-page .sidebar-box .sidebar-section-list .sidebar-section .section-body .content p {
    font-size: 14px;
    line-height: 22px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section--borderless .section-header {
    padding-bottom: 4px;
    border-bottom: none
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item {
    margin-bottom: 12px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item:last-child {
    margin-bottom: 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item--wide {
    margin-bottom: 16px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__inner {
    font-size: 14px;
    line-height: 20px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title--bold {
    font-weight: 500
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title a {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title a:hover {
    border-bottom: 1px solid #d3d3d3
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title strong {
    font-weight: 500
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title--multi {
    overflow: visible;
    white-space: normal;
    text-overflow: clip
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title--multi a {
    display: inline;
    overflow: visible;
    white-space: normal;
    text-overflow: clip
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__desc {
    margin-top: 4px;
    color: #888;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta {
    margin-top: 4px;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 20px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list .item {
    margin-right: 16px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list .item:last-child {
    margin-right: 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list .item a {
    cursor: pointer;
    color: #4a4a4a
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list .item a:hover {
    color: #346fb6
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item {
    margin-bottom: 12px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item:last-child {
    margin-bottom: 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 7px;
    display: block;
    width: 18px;
    padding: 1px 0;
    overflow: hidden
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__avatar a {
    display: block;
    font-size: 0;
    line-height: 1
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__header {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__header a {
    color: #4a4a4a
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__header a:hover {
    color: #346fb6
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__content {
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__meta {
    margin-top: 4px;
    color: #9b9b9b;
    font-size: 12px;
    line-height: 18px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__meta a {
    color: #999
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__meta a:hover {
    color: #666
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__meta--ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item {
    margin-bottom: 16px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item:last-child {
    margin-bottom: 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__avatar a {
    display: block;
    font-size: 0;
    line-height: 1
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__header {
    color: #111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__header a {
    color: #111
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__header a:hover {
    color: #346fb6
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc {
    color: #888;
    font-size: 14px;
    line-height: 20px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list .item {
    margin-right: 16px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list .item:last-child {
    margin-right: 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list .item a {
    cursor: pointer;
    color: #4a4a4a
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list .item a:hover {
    color: #346fb6
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 8px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 68px;
    margin: 0;
    padding: 4px 12px;
    border-radius: 3px;
    color: #21b351;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    background: rgba(33,179,81,.1)
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn:hover {
    background: rgba(33,179,81,.15)
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn i.oicon {
    margin-right: 4px;
    font-size: 12px
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn[data-follow-status="2"],.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn[data-follow-status="3"] {
    background: 0 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn[data-follow-status="2"] i,.body-page .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn[data-follow-status="3"] i {
    display: none
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section.section-ad {
    margin-bottom: 0
}

.body-page .sidebar-box .sidebar-section-list .sidebar-section.section-ad:not(:last-child)>div:last-child {
    margin-bottom: 24px
}

.body-page .sidebar-box .sidebar-section-list--compact .sidebar-section .section-header {
    padding-top: 0
}

.body-page .sidebar-box .sidebar-section-list--large-divide .sidebar-section {
    margin-bottom: 32px
}

.body-page .sidebar-box .sidebar-section-list--large-divide .sidebar-section:last-child {
    margin-bottom: 0
}

.body-page .sidebar-box .sidebar-section-list--large-divide .sidebar-section.section-ad {
    margin-bottom: 0
}

.body-page .sidebar-box .sidebar-section-list--large-divide .sidebar-section.section-ad:not(:last-child)>div:last-child {
    margin-bottom: 32px
}

.body-page .sidebar-box .copyright-box__inner {
    color: #999;
    padding: 24px 0 24px 24px
}

.body-page .sidebar-box .copyright-box__inner .qrcode-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 16px
}

.body-page .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info {
    margin-right: 28px
}

.body-page .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info:last-child {
    margin-right: 0
}

.body-page .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info .qrcode-name {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 8px;
    white-space: nowrap
}

.body-page .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info .qrcode-pic img {
    display: block;
    width: 64px;
    height: 64px
}

.body-page .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info .qq-qrcode-pic img {
    width: 58px;
    height: 58px;
    margin: 3px
}

.body-page .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info .qq-qrcode-pic .des {
    font-size: 12px;
    color: #ccc
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list .item {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list .item:last-child {
    margin-bottom: 0
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list a {
    color: #999
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list a:hover {
    color: #666
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal {
    margin-bottom: 8px
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal .item {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 14px
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal .item:last-child {
    margin-right: 0
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal-flex .item {
    display: block;
    margin-bottom: 0;
    margin-right: 14px
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal-flex .item:last-child {
    margin-right: 0
}

.body-page .sidebar-box .copyright-box__inner .copyright-content .link-list .item.weibo .weibo-follow-button-wrap {
    display: block;
    width: 62px;
    height: 22px
}

.body-page .aside-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 200px;
    margin-right: 24px
}

.body-page .aside-box__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page .aside-box__inner.sticky {
    position: fixed;
    z-index: 800
}

.body-page .aside-box__inner .aside-section-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 24px
}

.body-page .aside-box__inner .aside-section-list__inner {
    padding: 24px 0
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section {
    padding: 0 24px;
    margin-bottom: 16px
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section:last-child {
    margin-bottom: 0
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section .section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #ecedee
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0;
    color: #9b9b9b;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-extra a {
    color: #999;
    margin-left: 8px
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-extra a .oicon {
    font-size: 16px;
    vertical-align: bottom
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-extra a:hover {
    color: #666
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section .section-body {
    padding-top: 12px
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section .section-body--no-padding {
    padding-top: 0
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user {
    margin-bottom: 0
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box {
    padding-bottom: 16px;
    border-bottom: 1px solid #ecedee
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 8px
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__info .name {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #111
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__info .login-guide {
    color: #9b9b9b;
    text-align: center;
    padding-right: 8px
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__info .login-guide a {
    color: #111
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__info .login-guide a:hover {
    color: #21b351
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__link {
    display: block;
    border-radius: 20px 4px 4px 20px;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease
}

.body-page .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__link:hover {
    background-color: #f6f6f6
}

.body-page .aside-box__inner .tab-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.body-page .aside-box__inner .tab-list .tab-item {
    display: block;
    margin-bottom: 8px
}

.body-page .aside-box__inner .tab-list .tab-item:last-child {
    margin-bottom: 0
}

.body-page .aside-box__inner .tab-list .tab-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 3px 3px 8px;
    border-radius: 4px;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease
}

.body-page .aside-box__inner .tab-list .tab-item__inner:hover {
    background-color: #f6f6f6
}

.body-page .aside-box__inner .tab-list .tab-item__icon {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ccd0d4;
    font-size: 16px
}

.body-page .aside-box__inner .tab-list .tab-item__icon:before {
    display: none;
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    top: 3px;
    right: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background: #56de68;
    border: 2px solid #fff
}

.body-page .aside-box__inner .tab-list .tab-item__icon img {
    display: block;
    width: 1em;
    height: 1em
}

.body-page .aside-box__inner .tab-list .tab-item__icon--large {
    font-size: 24px
}

.body-page .aside-box__inner .tab-list .tab-item__icon .oicon.oicon-question-solid {
    color: #b352ce
}

.body-page .aside-box__inner .tab-list .tab-item__icon .oicon.oicon-write-solid {
    color: #1285fe
}

.body-page .aside-box__inner .tab-list .tab-item__icon .oicon.oicon-fire-solid {
    color: #ff6838
}

.body-page .aside-box__inner .tab-list .tab-item__text {
    min-width: 0;
    margin-left: 16px;
    color: #111;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page .aside-box__inner .tab-list .tab-item__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 6px
}

.body-page .aside-box__inner .tab-list .tab-item__extra .number-label {
    display: block;
    min-width: 26px;
    height: 26px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 500rem;
    background: #ff5353;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    font-family: SFProText-Heavy,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-transform: scale(.83333333);
    transform: scale(.83333333);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page .aside-box__inner .tab-list .tab-item__extra .text-label {
    display: block;
    height: 22px;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 500rem;
    background: #ff5353;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    font-family: SFProText-Heavy,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-transform: scale(.66666667);
    transform: scale(.66666667);
    -webkit-transform-origin: 4px center;
    transform-origin: 4px center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page .aside-box__inner .tab-list .tab-item__extra .circle-label {
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 500rem;
    border: 1px solid #ff8b00;
    color: #ff8b00;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    -webkit-transform: scale(.83333333);
    transform: scale(.83333333);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: -4px
}

.body-page .aside-box__inner .tab-list .tab-item--active .tab-item__text {
    color: #21b351
}

.body-page .aside-box__inner .tab-list .tab-item--hidden {
    display: none
}

.body-page .aside-box__inner .tab-list .tab-item--notice .tab-item__icon:before {
    display: block
}

.body-page .aside-box__inner .tab-list .tab-item--clickable .tab-item__inner {
    cursor: pointer
}

.body-page .aside-box__inner .tab-list .tab-item--link .tab-item__text {
    font-weight: 400
}

.body-page .aside-box__inner .tab-list .tab-item--link .tab-item__text a {
    color: #346fb6
}

.body-page .aside-box__inner .tab-list .tab-item--link .tab-item__text a:hover {
    color: #003d86
}

.body-page .aside-box__inner .tab-list .tab-item--link .tab-item__inner:hover {
    background-color: transparent
}

.body-page .aside-box__inner .tab-list .tab-item--more-btn {
    margin-top: 24px;
    padding: 0 8px
}

.body-page .aside-box__inner .tab-list .tab-item--more-btn .osc-button {
    padding-top: 9px;
    padding-bottom: 9px;
    background: 0 0
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__inner {
    cursor: pointer
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon {
    padding: 2px
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon {
    display: block;
    width: 20px;
    height: 20px;
    padding: 4px;
    overflow: hidden;
    border-radius: 50%;
    background: #eff0f2;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__arrow {
    display: block;
    margin-top: 1px;
    font-size: 12px;
    line-height: 1
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader {
    display: none
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader,.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:after,.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:before {
    width: 12px;
    height: 12px
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:after,.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:before {
    margin: 0 0 0 -6px
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:before {
    border-width: 2px;
    border-color: transparent
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:after {
    border-width: 2px;
    border-color: #ccd0d4 transparent transparent
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__text {
    font-weight: 400;
    color: #346fb6
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn.tab-item--loading .fold-icon__arrow {
    display: none
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn.tab-item--loading .fold-icon__loader {
    display: block
}

.body-page .aside-box__inner .tab-list .tab-item-fold-btn.tab-item--unfold .tab-item__icon .fold-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.body-page .tabs-box {
    border-bottom: 1px solid #ecedee
}

.body-page .tabs-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: -1px
}

.body-page .tabs-box__tabs {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    padding: 0
}

.body-page .tabs-box__tabs .tabs-item {
    display: block;
    list-style: none;
    padding: 0;
    margin-right: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page .tabs-box__tabs .tabs-link {
    position: relative;
    display: inline-block;
    padding: 17px 21px 14px;
    color: #666;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    -webkit-transition: color .1s ease,font-weight .1s ease;
    transition: color .1s ease,font-weight .1s ease;
    border-bottom: 3px solid transparent
}

.body-page .tabs-box__tabs .tabs-link:hover {
    color: #111
}

.body-page .tabs-box__tabs .tabs-link:active {
    border-color: rgba(0,0,0,.2)
}

.body-page .tabs-box__tabs .tabs-link.active {
    color: #111;
    font-weight: 600;
    border-color: #21b351
}

.body-page .tabs-box__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page .osc-comments-modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto
}

.body-page .osc-comments-modal.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-page .osc-comments-modal__cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.body-page .osc-comments-modal__cover.active {
    opacity: 1
}

.body-page .osc-comments-modal__inner {
    position: relative;
    z-index: 1;
    width: 792px;
    height: calc(100vh - 48px);
    max-height: calc(100vh - 48px);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: max-height .6s ease;
    transition: max-height .6s ease
}

.body-page .osc-comments-modal__header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 54px;
    padding: 16px
}

.body-page .osc-comments-modal__header-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.body-page .osc-comments-modal__header-close {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 24px;
    color: #888;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

.body-page .osc-comments-modal__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    overflow: hidden
}

.body-page .osc-comments-modal__dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 6px;
    overflow: hidden
}

.body-page .osc-comments-modal__dialog .comments-box {
    height: 100%;
    position: relative;
    display: block
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-avatar-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 4px 8px 4px 0
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea {
    display: block;
    width: 100%;
    padding: 5px 12px;
    margin: 0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    resize: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    overflow-y: hidden
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-input-placeholder {
    color: #888
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-moz-placeholder {
    color: #888
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:-ms-input-placeholder {
    color: #888
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-ms-input-placeholder {
    color: #888
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::placeholder {
    color: #888
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:focus {
    border: 1px solid #21b351
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .action-wrap {
    display: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 8px
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .action-wrap.active {
    display: block
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .action-wrap .btn-action {
    padding: 6px 20px;
    font-weight: 500;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 4px
}

.body-page .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .ui.mini.message {
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 20px
}

.body-page .osc-comments-modal__dialog .comments-box__loader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page .osc-comments-modal__dialog .comments-box__loader .loader-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.body-page .osc-comments-modal__dialog .comments-box__loader .loader {
    font-size: 13px;
    line-height: 18px
}

.body-page .osc-comments-modal__dialog .comments-box__form .comment-disabled {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 12px;
    margin: 0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
    background: #fafafa;
    color: #4a4a4a;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    text-align: center
}

.body-page .osc-comments-modal__dialog .comments-box__list-inner {
    position: relative;
    display: block
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-list {
    position: relative;
    display: block
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-list>.comment-item:first-child {
    padding-top: 16px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-list--empty {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #ecedee;
    box-shadow: inset 0 1px 0 0 #ecedee
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-list-empty-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 52px 0;
    height: 100%
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-list-empty-view__pic {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 108px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-list-empty-view__text {
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item {
    position: relative;
    margin-bottom: 16px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item:last-child {
    margin-bottom: 0
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #ecedee
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__author {
    padding: 2px 0
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__author .author {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #4a4a4a
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__author .author:hover {
    color: #111
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__author>* {
    vertical-align: middle
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__content {
    margin-top: 8px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #111
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__content .ref {
    position: relative;
    margin: 4px 0 10px 10px;
    color: #888
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__content .ref:before {
    position: absolute;
    content: '';
    border-left: 1px solid #ecedee;
    height: 100%;
    margin-left: -10px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__content .ref h4 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__content img {
    max-width: 100%;
    height: auto
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item {
    color: #888;
    font-size: 13px;
    line-height: 14px;
    margin-right: 16px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item:last-child {
    margin-right: 0
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item .clickable,.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item a {
    cursor: pointer;
    color: #888
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item .clickable:hover,.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item a:hover {
    color: #666
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item i {
    margin-right: 4px;
    font-size: 12px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item .btn-like.active i {
    color: #ef404a
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item.vote-btn-wrap .vote-btn i.icon {
    margin: 0 0 -2px;
    padding: 0;
    font-size: 22px;
    line-height: 14px;
    overflow: hidden;
    height: 14px;
    width: 18px;
    vertical-align: baseline;
    cursor: pointer
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item.vote-btn-wrap .vote-btn.vote-up.active {
    color: #32aa66
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item.vote-btn-wrap .vote-btn.vote-down.active {
    color: #ef404a
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__children {
    position: relative;
    padding-left: 32px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__children>.comment-item:first-child {
    margin-top: 16px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__children .comment-item__children {
    padding-left: 32px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item__reply-form {
    margin-top: 16px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item--hidden {
    display: none
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-item--opacity {
    opacity: .5
}

.body-page .osc-comments-modal__dialog .comments-box__next {
    display: block;
    margin-top: 16px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.body-page .osc-comments-modal__dialog .comments-box__next.hide {
    display: none
}

.body-page .osc-comments-modal__dialog .comments-box__next .collapse-btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #888
}

.body-page .osc-comments-modal__dialog .comments-box__next .collapse-btn:hover {
    color: #666
}

.body-page .osc-comments-modal__dialog .comments-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.body-page .osc-comments-modal__dialog .comments-box__list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.body-page .osc-comments-modal__dialog .comments-box__list-inner {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.body-page .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar-thumb,.body-page .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar-track {
    border-radius: 4px
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-title {
    background: #f7f8f9;
    padding: 7px 16px;
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.body-page .osc-comments-modal__dialog .comments-box__list .comment-list {
    padding: 0 16px
}

.body-page .osc-comments-modal__dialog .comments-box__form {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px;
    background: #f7f8f9;
    -webkit-box-shadow: inset 0 1px 0 0 #ecedee;
    box-shadow: inset 0 1px 0 0 #ecedee
}

.body-page.osc-comments-modal-disabled-scroll {
    overflow: hidden;
    height: 100%
}

.small-header-box {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 72px
}

.small-header-box__wrapper {
    width: 100%;
    height: inherit;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05)
}

.small-header-box__inner {
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}

.small-header-box__inner__left {
    width:800px;
    float:left;
}

.small-header-box__inner__right {
    width:300px;
    float:right;
}

.small-header-box--fixed .small-header-box__wrapper {
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    right: 0
}

.small-header-box .main-bar {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-right: 28px;
    display: block;
    height: inherit
}

.small-header-box .main-bar__inner {
    height: inherit;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.small-header-box .main-bar__row {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: inherit
}

.small-header-box .main-bar__row--simple {
    display: none
}

.small-header-box .head-bar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.small-header-box .head-bar .logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 44px
}

.small-header-box .head-bar .logo img {
    display: block;
    width: 112px;
    height: 28px
}

.small-header-box .nav-bar {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.small-header-box .nav-bar__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 24px;
    padding: 0
}

.small-header-box .nav-bar__tabs .tabs-item {
    display: block;
    list-style: none;
    padding: 0
}

.small-header-box .nav-bar__tabs .tabs-link:hover {
    color: #32aa66;
    font-weight:bold;
}
.small-header-box .nav-bar__tabs .tabs-item .active{
    color: #32aa66;
    font-weight:bold;
}

.small-header-box .nav-bar__tabs .tabs-link {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #666;
    text-align: center;
    -webkit-transition: color .1s ease,font-weight .1s ease;
    transition: color .1s ease,font-weight .1s ease;
    padding:25px 10px;
}

.index-search-box{}
.index-search-box input{border:1px solid #ddd;padding:8px;width:210px;border-radius: 5px;}
.index-search-box  button{padding:7px;width:60px;border-radius:5px;border-width:1px;}


.small-header-box .nav-bar__tabs .tabs-item--new {
    margin-right: 28px!important
}

.small-header-box .nav-bar__tabs .tabs-item--new .tabs-link:before {
    content: 'DevOps';
    position: absolute;
    right: 15px;
    top: 44px;
    display: none;
    width: 100px;
    padding: 4px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #c71d24;
    border-radius: 4px;
    -webkit-transform: translate(100%,-100%) scale(.5);
    transform: translate(100%,-100%) scale(.5);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600
}

.small-header-box .nav-bar__tabs .tabs-item--new .tabs-link:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 44px;
    display: none;
    width: 100px;
    height: 36px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-transform: translate(100%,-100%) scale(.5);
    transform: translate(100%,-100%) scale(.5);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    background-size: cover;
    opacity: .6
}

.small-header-box .nav-bar__tabs .tabs-item--new-show .tabs-link:before {
    display: block
}

.small-header-box .nav-bar__tabs .tabs-item--new-show .tabs-link:after {
    display: block
}

.small-header-box .search-box {
    margin-left: 0;
    margin-right: 12px;
    margin-top:20px;
}

.small-header-box .search-box__inner {
    z-index: 99;
    position: relative;
    display: block;
    width: 300px;
    height: 32px;
    margin-left: -10px
}

.small-header-box .search-box__input {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    border-radius: 0;
    padding: 5px 42px 5px 12px;
    background-color: #f7f8f9;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    border-radius: 5px;
    border: 1px solid #ecedee;
    -webkit-transition: border-color .14s ease;
    transition: border-color .14s ease
}

.small-header-box .search-box__input:focus {
    border-color: #d8d8d8
}

.small-header-box .search-box__input::-webkit-input-placeholder {
    color: #999
}

.small-header-box .search-box__input::-moz-placeholder {
    color: #999
}

.small-header-box .search-box__input:-ms-input-placeholder {
    color: #999
}

.small-header-box .search-box__input::-ms-input-placeholder {
    color: #999
}

.small-header-box .search-box__input::placeholder {
    color: #999
}

.small-header-box .search-box__button {
    position: absolute;
    top: 5px;
    right: 12px;
    display: block;
    width: 22px;
    height: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    border-radius: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    -webkit-transition: color .14s ease;
    transition: color .14s ease;
    color: #999
}

.small-header-box .search-box__button:hover {
    color: #979797
}

.small-header-box .search-box__button i.icon {
    margin: 0;
    font-size: inherit
}

.small-header-box .user-bar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

.small-header-box .user-bar__links {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.small-header-box .user-bar__links>.item {
    padding: 0 10px;
    color: #bababa
}

.small-header-box .user-bar__links>.item:last-child {
    margin-right: 0
}

.small-header-box .user-bar__links>.item:hover {
    color: #999
}

.small-header-box .user-bar__links>.item.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.small-header-box .user-bar__links .app-download>i.oicon {
    font-size: 20px;
    line-height: 1;
    margin: 0 -3px
}

.small-header-box .user-bar__links .user-message {
    height: 28px
}

.small-header-box .user-bar__links .user-message>.icon {
    font-size: 20px;
    line-height: 1;
    width: 18px;
    margin: 0
}

.small-header-box .user-bar__links .user-message .total-count {
    display: none;
    margin: 0 0 0 6px;
    min-width: 18px;
    min-height: 18px;
    padding: 0 5px;
    line-height: 18px;
    text-align: center;
    border-radius: 500rem;
    color: #fff;
    font-weight: 600;
    background: #ff5353;
    font-family: SFProText-Heavy,'Helvetica Neue',Arial,Helvetica,sans-serif
}

.small-header-box .user-bar__links .user-message .menu {
    width: 200px;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.small-header-box .user-bar__links .user-message .menu .message-header {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-shadow: inset 0 -1px 0 0 #ecedee;
    box-shadow: inset 0 -1px 0 0 #ecedee;
    font-size: 14px;
    line-height: 20px
}

.small-header-box .user-bar__links .user-message .menu .action {
    margin: -1px 0 0 0;
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-box-shadow: inset 0 1px 0 0 #ecedee;
    box-shadow: inset 0 1px 0 0 #ecedee;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.small-header-box .user-bar__links .user-message .menu .action .go-inbox {
    float: left
}

.small-header-box .user-bar__links .user-message .menu .action .mark-read-all {
    float: right;
    display: none
}

.small-header-box .user-bar__links .user-info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.small-header-box .user-bar__links .user-info .icon {
    margin: 0 0 0 4px;
    line-height: 1;
    width: 16px
}

.small-header-box--default-simple .main-bar__row--simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.small-header-box--switch-full .main-bar__inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.small-header-box--responsive .small-header-box__inner {
    min-width: auto
}



@media only screen and (max-width: 1264px) and (min-width:1061px) {
    .small-header-box--responsive .search-box__inner {
        width:192px
    }
}



.secondary-header-box {
    display: block;
    width: 100%;
    background: #f0f5f0
}

.secondary-header-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    height: 80px
}

.secondary-header-box__channel {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 48px
}

.secondary-header-box__title {
    color: #21b351;
    font-size: 30px;
    line-height: 36px;
    font-weight: 500
}

.secondary-header-box__title a,.secondary-header-box__title a:hover {
    color: #21b351
}

.secondary-header-box__nav {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.secondary-header-box__nav+div {
    margin-left: 24px
}

.secondary-header-box__nav .nav-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none
}

.secondary-header-box__nav .nav-box__item {
    position: relative;
    display: block;
    margin-right: 32px
}

.secondary-header-box__nav .nav-box__item:last-child {
    margin-right: 0
}

.secondary-header-box__nav .nav-box__item.sm-mr {
    margin-right: 4px
}

.secondary-header-box__nav .nav-box__item a,.secondary-header-box__nav .nav-box__item-inner {
    color: #999;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}

.secondary-header-box__nav .nav-box__item a:hover {
    color: #111
}

.secondary-header-box__nav .nav-box__item.active a,.secondary-header-box__nav .nav-box__item.active-inner {
    color: #111
}

.secondary-header-box__nav .nav-box__item.active a:before,.secondary-header-box__nav .nav-box__item.active-inner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    display: block;
    width: 100%;
    height: 2px;
    background: #21b351
}

.secondary-header-box__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.secondary-header-box__extra+div {
    margin-left: 24px
}

.secondary-header-box__extra .btn {
    display: inline-block;
    margin: 0;
    padding: 5px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 106px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #21b351;
    border: 1px solid #21b351
}

.secondary-header-box__extra .btn:hover {
    color: #fff;
    background: #20ab4e;
    border-color: #20ab4e
}

.secondary-header-box__extra .btn i.icon,.secondary-header-box__extra .btn i.oicon {
    margin-right: 4px;
    width: auto;
    height: auto
}

.secondary-header-box__extra .btn.primary {
    font-weight: 500
}

.secondary-header-box__extra .btn.basic {
    color: #21b351;
    background: #fff;
    border-color: #ddd
}

.secondary-header-box__extra .btn.basic:hover {
    color: #21b351;
    background: #fafafa;
    border-color: #ccc
}

.secondary-header-box__extra .btn.basic.green {
    color: #21b351;
    background: 0 0;
    border-color: #21b351
}

.secondary-header-box__extra .btn.basic.green:hover {
    color: #20ab4e;
    background-color: transparent;
    border-color: #20ab4e
}

.secondary-header-box__extra .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.secondary-header-box__extra .btn-wrap .btn {
    margin-right: 16px
}

.secondary-header-box__extra .btn-wrap .btn:last-child {
    margin-right: 0
}

.secondary-header-box__search {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.secondary-header-box__search .search-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 300px;
    height: 32px;
    border-radius: 4px;
    overflow: hidden
}

.secondary-header-box__search .search-box__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    border-radius: 0;
    padding: 6px 10px;
    color: #111;
    font-size: 14px;
    line-height: 20px
}

.secondary-header-box__search .search-box__input::-webkit-input-placeholder {
    color: #999
}

.secondary-header-box__search .search-box__input::-moz-placeholder {
    color: #999
}

.secondary-header-box__search .search-box__input:-ms-input-placeholder {
    color: #999
}

.secondary-header-box__search .search-box__input::-ms-input-placeholder {
    color: #999
}

.secondary-header-box__search .search-box__input::placeholder {
    color: #999
}

.secondary-header-box__search .search-box__button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 40px;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    background-color: #c9c9c9;
    -webkit-transition: background-color .14s ease;
    transition: background-color .14s ease
}

.secondary-header-box__search .search-box__button:hover {
    background-color: #c3c3c3
}

.secondary-header-box__search .search-box__button i.icon {
    margin: 0;
    font-size: inherit
}

@media only screen and (max-width: 1264px) and (min-width:992px) {
    .secondary-header-box--responsive .secondary-header-box__inner {
        width:913px
    }

    .secondary-header-box--responsive .secondary-header-box__search {
        display: none
    }
}

@media only screen and (max-width: 991px) and (min-width:768px) {
    .secondary-header-box--responsive .secondary-header-box__inner {
        width:703px
    }

    .secondary-header-box--responsive .secondary-header-box__extra {
        display: none
    }

    .secondary-header-box--responsive .secondary-header-box__search {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .secondary-header-box--responsive .secondary-header-box__inner {
        padding:0;
        width: 100%;
        height: auto
    }

    .secondary-header-box--responsive .secondary-header-box__channel {
        display: none
    }

    .secondary-header-box--responsive .secondary-header-box__nav .nav-box {
        padding: 8px 14px
    }

    .secondary-header-box--responsive .secondary-header-box__nav .nav-box__inner {
        overflow-x: auto
    }

    .secondary-header-box--responsive .secondary-header-box__nav .nav-box__inner::-webkit-scrollbar {
        display: none
    }

    .secondary-header-box--responsive .secondary-header-box__nav .nav-box__item {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .secondary-header-box--responsive .secondary-header-box__extra {
        display: none
    }

    .secondary-header-box--responsive .secondary-header-box__search {
        display: none
    }
}

.body-page.page-space-blog .breadcrumb-box,.body-page.body-page-article .breadcrumb-box,.body-page.page-web-project .breadcrumb-box {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.body-page.page-space-blog .breadcrumb-box a,.body-page.body-page-article .breadcrumb-box a,.body-page.page-web-project .breadcrumb-box a {
    color: #999
}

.body-page.page-space-blog .breadcrumb-box a:hover,.body-page.body-page-article .breadcrumb-box a:hover,.body-page.page-web-project .breadcrumb-box a:hover {
    color: #666
}

.body-page.page-space-blog .breadcrumb-box .item,.body-page.body-page-article .breadcrumb-box .item,.body-page.page-web-project .breadcrumb-box .item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-space-blog .breadcrumb-box .split,.body-page.body-page-article .breadcrumb-box .split,.body-page.page-web-project .breadcrumb-box .split {
    display: inline-block;
    padding: 0 5px;
    font-style: normal
}

.body-page.page-space-blog .article-box__inner,.body-page.body-page-article .article-box__inner,.body-page.page-web-project .article-box__inner {
    display: block;
    padding: 40px 40px 20px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.article-box-list__inner{
    clear:both;
    display: block;
    padding:20px 10px 20px 20px;
    margin:10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.article-box__list{
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.article-box__list .photo{
    float: left;
    width: 144px;
    height: 90px;
}

.article-box__list .photo img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.article-box__list .article-box-list__meta{
    margin-left: 160px;
    overflow: hidden;
    font-size: 14px;
    padding:0;
    margin-top:0;
    min-height:90px;
    max-height:90px;
}

.article-box__list .article-box-list__meta .title{
    font-weight:500;
    font-size: 18px;
    line-height: 28px;
    color:#404040;
    height:56px;
}
.article-box__list .article-box-list__meta .title em{
    color:#f73131;
    font-style:normal;
    margin-right:2px;
}

.pager{width:100%;text-align: center;margin:5px 0 5px 0;}
.pager span{margin-right:10px;border:1px solid #0b956c;padding:5px 12px;border-radius: 5px;font-size:14px;}
.pager a{margin-right:10px;border:1px solid #0b956c;padding:5px 12px;border-radius: 5px;font-size:14px;}
.pager a:hover{color:#0b956c;font-weight:700}

.article-box__list .article-box-list__meta .desc{
    color: #666;
    line-height: 24px;
    margin-top: 2px;
    min-height:70px;
    overflow: hidden;
}

.article-box__list .article-box-list__meta .time {
    color: #888;
    margin-top: 2px;
}

.body-page.page-space-blog .article-box__header,.body-page.body-page-article .article-box__header,.body-page.page-web-project .article-box__header {
    margin-bottom: 32px
}

.body-page.page-space-blog .article-box__content,.body-page.body-page-article .article-box__content,.body-page.page-web-project .article-box__content {
    overflow: hidden
}

.body-page.page-space-blog .article-box__title,.body-page.body-page-article .article-box__title,.body-page.page-web-project .article-box__title {
    padding: 0;
    margin: 0;
    font-size: 30px;
    line-height: 42px;
    font-weight: 600
}

.body-page.page-space-blog .article-box__title,.body-page.page-space-blog .article-box__title a,.body-page.body-page-article .article-box__title,.body-page.body-page-article .article-box__title a,.body-page.page-web-project .article-box__title,.body-page.page-web-project .article-box__title a {
    color: #111
}

.body-page.page-space-blog .article-box__meta,.body-page.body-page-article .article-box__meta,.body-page.page-web-project .article-box__meta {
    margin-top: 16px;
    color: #999;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-space-blog .article-box__meta .item-list,.body-page.body-page-article .article-box__meta .item-list,.body-page.page-web-project .article-box__meta .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page.page-space-blog .article-box__meta .item-list>.item,.body-page.body-page-article .article-box__meta .item-list>.item,.body-page.page-web-project .article-box__meta .item-list>.item {
    margin-right: 16px
}

.body-page.page-space-blog .article-box__meta .item-list>.item:last-child,.body-page.body-page-article .article-box__meta .item-list>.item:last-child,.body-page.page-web-project .article-box__meta .item-list>.item:last-child {
    margin-right: 0
}

.body-page.page-space-blog .article-box__meta .item-list>.item.lm,.body-page.body-page-article .article-box__meta .item-list>.item.lm,.body-page.page-web-project .article-box__meta .item-list>.item.lm {
    margin-right: 24px
}

.body-page.page-space-blog .article-box__meta .item .delete-btn,.body-page.body-page-article .article-box__meta .item .delete-btn,.body-page.page-web-project .article-box__meta .item .delete-btn {
    border-top: 1px #ccc solid;
    color: #a00
}

.body-page.page-space-blog .article-box__meta a,.body-page.body-page-article .article-box__meta a,.body-page.page-web-project .article-box__meta a {
    color: #999
}

.body-page.page-space-blog .article-box__meta a:hover,.body-page.body-page-article .article-box__meta a:hover,.body-page.page-web-project .article-box__meta a:hover {
    color: #666
}

.body-page.page-space-blog .article-box__meta a.link--default,.body-page.body-page-article .article-box__meta a.link--default,.body-page.page-web-project .article-box__meta a.link--default {
    color: #346fb6
}

.body-page.page-space-blog .article-box__meta a.link--default:hover,.body-page.body-page-article .article-box__meta a.link--default:hover,.body-page.page-web-project .article-box__meta a.link--default:hover {
    color: #003d86
}

.body-page.page-space-blog .article-box__meta .label,.body-page.body-page-article .article-box__meta .label,.body-page.page-web-project .article-box__meta .label {
    display: inline-block;
    background: rgba(33,179,81,.1);
    border-radius: 3px;
    color: #21b351;
    font-size: 14px;
    line-height: 20px;
    padding: 0 8px
}

.body-page.page-space-blog .article-box__group,.body-page.body-page-article .article-box__group,.body-page.page-web-project .article-box__group {
    margin-top: 32px
}

.body-page.page-space-blog .article-box__group .group-card,.body-page.body-page-article .article-box__group .group-card,.body-page.page-web-project .article-box__group .group-card {
    display: block;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 8px 12px 8px 8px
}

.body-page.page-space-blog .article-box__group .group-card__inner,.body-page.body-page-article .article-box__group .group-card__inner,.body-page.page-web-project .article-box__group .group-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-space-blog .article-box__group .group-card__icon,.body-page.body-page-article .article-box__group .group-card__icon,.body-page.page-web-project .article-box__group .group-card__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 3px;
    overflow: hidden
}

.body-page.page-space-blog .article-box__group .group-card__icon img,.body-page.body-page-article .article-box__group .group-card__icon img,.body-page.page-web-project .article-box__group .group-card__icon img {
    display: block;
    width: 100%;
    height: 100%
}

.body-page.page-space-blog .article-box__group .group-card__info,.body-page.body-page-article .article-box__group .group-card__info,.body-page.page-web-project .article-box__group .group-card__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.body-page.page-space-blog .article-box__group .group-card__desc,.body-page.body-page-article .article-box__group .group-card__desc,.body-page.page-web-project .article-box__group .group-card__desc {
    color: #888;
    font-size: 13px;
    line-height: 18px
}

.body-page.page-space-blog .article-box__group .group-card__name,.body-page.body-page-article .article-box__group .group-card__name,.body-page.page-web-project .article-box__group .group-card__name {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.body-page.page-space-blog .article-box__group .group-card__name,.body-page.page-space-blog .article-box__group .group-card__name a,.body-page.body-page-article .article-box__group .group-card__name,.body-page.body-page-article .article-box__group .group-card__name a,.body-page.page-web-project .article-box__group .group-card__name,.body-page.page-web-project .article-box__group .group-card__name a {
    color: #111
}

.body-page.page-space-blog .article-box__group .group-card__extra,.body-page.body-page-article .article-box__group .group-card__extra,.body-page.page-web-project .article-box__group .group-card__extra {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.body-page.page-space-blog .article-box__group .group-card__extra a,.body-page.body-page-article .article-box__group .group-card__extra a,.body-page.page-web-project .article-box__group .group-card__extra a {
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.body-page.page-space-blog .article-box__group .group-card__extra a:hover,.body-page.body-page-article .article-box__group .group-card__extra a:hover,.body-page.page-web-project .article-box__group .group-card__extra a:hover {
    color: #666
}

.body-page.page-space-blog .detail-box .article-detail>.content,.body-page.body-page-article .detail-box .article-detail>.content,.body-page.page-web-project .detail-box .article-detail>.content {
    margin-top: 0
}

.body-page.page-space-blog .detail-box .collapse-bar,.body-page.body-page-article .detail-box .collapse-bar,.body-page.page-web-project .detail-box .collapse-bar {
    display: none;
    position: relative;
    background-color: #fff;
    padding: 8px 0 0;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

.body-page.page-space-blog .detail-box .collapse-bar:before,.body-page.body-page-article .detail-box .collapse-bar:before,.body-page.page-web-project .detail-box .collapse-bar:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    display: block;
    height: 60px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(transparent));
    background-image: linear-gradient(to top,#fff,transparent)
}

.body-page.page-space-blog .detail-box .collapse-bar .collapse-btn,.body-page.body-page-article .detail-box .collapse-bar .collapse-btn,.body-page.page-web-project .detail-box .collapse-bar .collapse-btn {
    cursor: pointer;
    color: #346fb6
}

.body-page.page-space-blog .detail-box .collapse-bar .collapse-btn:hover,.body-page.body-page-article .detail-box .collapse-bar .collapse-btn:hover,.body-page.page-web-project .detail-box .collapse-bar .collapse-btn:hover {
    color: #003d86
}

.body-page.page-space-blog .detail-box.collapse .article-detail,.body-page.body-page-article .detail-box.collapse .article-detail,.body-page.page-web-project .detail-box.collapse .article-detail {
    overflow: hidden;
    min-height: 70px;
    max-height: 806px
}

.body-page.page-space-blog .detail-box.collapse .collapse-bar,.body-page.body-page-article .detail-box.collapse .collapse-bar,.body-page.page-web-project .detail-box.collapse .collapse-bar {
    display: block
}

.body-page.page-space-blog .comments-box,.body-page.body-page-article .comments-box,.body-page.page-web-project .comments-box {
    position: relative
}

.body-page.page-space-blog .comments-box__loader,.body-page.body-page-article .comments-box__loader,.body-page.page-web-project .comments-box__loader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-space-blog .comments-box__loader .loader-wrap,.body-page.body-page-article .comments-box__loader .loader-wrap,.body-page.page-web-project .comments-box__loader .loader-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.body-page.page-space-blog .comments-box__loader .loader,.body-page.body-page-article .comments-box__loader .loader,.body-page.page-web-project .comments-box__loader .loader {
    font-size: 13px;
    line-height: 18px
}

.body-page.page-space-blog .comments-box__form .comment-form-container,.body-page.body-page-article .comments-box__form .comment-form-container,.body-page.page-web-project .comments-box__form .comment-form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-avatar-wrap,.body-page.body-page-article .comments-box__form .comment-form-container .comment-avatar-wrap,.body-page.page-web-project .comments-box__form .comment-form-container .comment-avatar-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea {
    display: block;
    width: 100%;
    height: 88px;
    padding: 8px 10px;
    margin: 0;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    resize: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:focus,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:focus,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:focus {
    border: 1px solid #21b351
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb:hover,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb:hover,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-track,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-track,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-track {
    border-radius: 4px
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap {
    margin-top: 8px;
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap.active,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap.active,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item {
    margin-right: 8px
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item:last-child,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item:last-child,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item:last-child {
    margin-right: 0
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .text,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .text,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .text {
    color: #111;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star {
    padding: 0 2px;
    color: #e0dfdd;
    cursor: pointer
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star.active,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star.active,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star.active {
    color: #f5a622
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .status,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .status,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .status {
    margin-left: 6px;
    color: #888
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action {
    padding: 5px 23px;
    font-weight: 500;
    margin-right: 8px
}

.body-page.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action:last-child,.body-page.body-page-article .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action:last-child,.body-page.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action:last-child {
    margin-right: 0
}

.body-page.page-space-blog .comments-box__list .comment-title,.body-page.body-page-article .comments-box__list .comment-title,.body-page.page-web-project .comments-box__list .comment-title {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 16px 0
}

.body-page.page-space-blog .comments-box__list .comment-list,.body-page.body-page-article .comments-box__list .comment-list,.body-page.page-web-project .comments-box__list .comment-list {
    position: relative;
    display: block
}

.body-page.page-space-blog .comments-box__list .comment-list+.comment-title,.body-page.body-page-article .comments-box__list .comment-list+.comment-title,.body-page.page-web-project .comments-box__list .comment-list+.comment-title {
    margin-top: 8px
}

.body-page.page-space-blog .comments-box__list .comment-item,.body-page.body-page-article .comments-box__list .comment-item,.body-page.page-web-project .comments-box__list .comment-item {
    position: relative;
    margin-top: 16px
}

.body-page.page-space-blog .comments-box__list .comment-item:first-child,.body-page.body-page-article .comments-box__list .comment-item:first-child,.body-page.page-web-project .comments-box__list .comment-item:first-child {
    margin-top: 0
}

.body-page.page-space-blog .comments-box__list .comment-item__inner,.body-page.body-page-article .comments-box__list .comment-item__inner,.body-page.page-web-project .comments-box__list .comment-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-space-blog .comments-box__list .comment-item__avatar,.body-page.body-page-article .comments-box__list .comment-item__avatar,.body-page.page-web-project .comments-box__list .comment-item__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.body-page.page-space-blog .comments-box__list .comment-item__main,.body-page.body-page-article .comments-box__list .comment-item__main,.body-page.page-web-project .comments-box__list .comment-item__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #ecedee
}

.body-page.page-space-blog .comments-box__list .comment-item__author .author,.body-page.body-page-article .comments-box__list .comment-item__author .author,.body-page.page-web-project .comments-box__list .comment-item__author .author {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #111
}

.body-page.page-space-blog .comments-box__list .comment-item__author .author:hover,.body-page.body-page-article .comments-box__list .comment-item__author .author:hover,.body-page.page-web-project .comments-box__list .comment-item__author .author:hover {
    color: #346fb6
}

.body-page.page-space-blog .comments-box__list .comment-item__author .osc-author-label,.body-page.body-page-article .comments-box__list .comment-item__author .osc-author-label,.body-page.page-web-project .comments-box__list .comment-item__author .osc-author-label {
    display: inline-block;
    border: 1px solid #21b351;
    font-weight: 400;
    font-size: 12px;
    border-radius: 2px;
    line-height: 14px;
    padding: 1px 2px;
    text-align: center;
    margin-left: 4px;
    color: #21b351;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-space-blog .comments-box__list .comment-item__author>*,.body-page.body-page-article .comments-box__list .comment-item__author>*,.body-page.page-web-project .comments-box__list .comment-item__author>* {
    vertical-align: middle
}

.body-page.page-space-blog .comments-box__list .comment-item__meta,.body-page.body-page-article .comments-box__list .comment-item__meta,.body-page.page-web-project .comments-box__list .comment-item__meta {
    margin-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-space-blog .comments-box__list .comment-item__meta .item,.body-page.body-page-article .comments-box__list .comment-item__meta .item,.body-page.page-web-project .comments-box__list .comment-item__meta .item {
    color: #999;
    font-size: 13px;
    line-height: 18px;
    margin-right: 8px
}

.body-page.page-space-blog .comments-box__list .comment-item__meta .item:last-child,.body-page.body-page-article .comments-box__list .comment-item__meta .item:last-child,.body-page.page-web-project .comments-box__list .comment-item__meta .item:last-child {
    margin-right: 0
}

.body-page.page-space-blog .comments-box__list .comment-item__meta .item a,.body-page.body-page-article .comments-box__list .comment-item__meta .item a,.body-page.page-web-project .comments-box__list .comment-item__meta .item a {
    color: #999
}

.body-page.page-space-blog .comments-box__list .comment-item__meta .item a:hover,.body-page.body-page-article .comments-box__list .comment-item__meta .item a:hover,.body-page.page-web-project .comments-box__list .comment-item__meta .item a:hover {
    color: #666
}

.body-page.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view,.body-page.body-page-article .comments-box__list .comment-item__meta .item--score .score-view,.body-page.page-web-project .comments-box__list .comment-item__meta .item--score .score-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 18px
}

.body-page.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view .text,.body-page.body-page-article .comments-box__list .comment-item__meta .item--score .score-view .text,.body-page.page-web-project .comments-box__list .comment-item__meta .item--score .score-view .text {
    margin-right: 4px
}

.body-page.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view .star,.body-page.body-page-article .comments-box__list .comment-item__meta .item--score .score-view .star,.body-page.page-web-project .comments-box__list .comment-item__meta .item--score .score-view .star {
    color: #e0dfdd;
    -webkit-transform: scale(.83333333);
    transform: scale(.83333333)
}

.body-page.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view .star.active,.body-page.body-page-article .comments-box__list .comment-item__meta .item--score .score-view .star.active,.body-page.page-web-project .comments-box__list .comment-item__meta .item--score .score-view .star.active {
    color: #f5a622
}

.body-page.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view .status,.body-page.body-page-article .comments-box__list .comment-item__meta .item--score .score-view .status,.body-page.page-web-project .comments-box__list .comment-item__meta .item--score .score-view .status {
    margin-left: 4px
}

.body-page.page-space-blog .comments-box__list .comment-item__content,.body-page.body-page-article .comments-box__list .comment-item__content,.body-page.page-web-project .comments-box__list .comment-item__content {
    margin-top: 6px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a
}

.body-page.page-space-blog .comments-box__list .comment-item__content .ref,.body-page.body-page-article .comments-box__list .comment-item__content .ref,.body-page.page-web-project .comments-box__list .comment-item__content .ref {
    position: relative;
    margin: 4px 0 10px 10px;
    color: #888
}

.body-page.page-space-blog .comments-box__list .comment-item__content .ref:before,.body-page.body-page-article .comments-box__list .comment-item__content .ref:before,.body-page.page-web-project .comments-box__list .comment-item__content .ref:before {
    position: absolute;
    content: '';
    border-left: 1px solid #ecedee;
    height: 100%;
    margin-left: -10px
}

.body-page.page-space-blog .comments-box__list .comment-item__content .ref h4,.body-page.body-page-article .comments-box__list .comment-item__content .ref h4,.body-page.page-web-project .comments-box__list .comment-item__content .ref h4 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page.page-space-blog .comments-box__list .comment-item__actions,.body-page.body-page-article .comments-box__list .comment-item__actions,.body-page.page-web-project .comments-box__list .comment-item__actions {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-space-blog .comments-box__list .comment-item__actions .item-list,.body-page.body-page-article .comments-box__list .comment-item__actions .item-list,.body-page.page-web-project .comments-box__list .comment-item__actions .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-space-blog .comments-box__list .comment-item__actions .item-list .item,.body-page.body-page-article .comments-box__list .comment-item__actions .item-list .item,.body-page.page-web-project .comments-box__list .comment-item__actions .item-list .item {
    color: #999;
    font-size: 13px;
    line-height: 14px;
    margin-right: 16px
}

.body-page.page-space-blog .comments-box__list .comment-item__actions .item-list .item:last-child,.body-page.body-page-article .comments-box__list .comment-item__actions .item-list .item:last-child,.body-page.page-web-project .comments-box__list .comment-item__actions .item-list .item:last-child {
    margin-right: 0
}

.body-page.page-space-blog .comments-box__list .comment-item__actions .item-list .item .clickable,.body-page.page-space-blog .comments-box__list .comment-item__actions .item-list .item a,.body-page.body-page-article .comments-box__list .comment-item__actions .item-list .item .clickable,.body-page.body-page-article .comments-box__list .comment-item__actions .item-list .item a,.body-page.page-web-project .comments-box__list .comment-item__actions .item-list .item .clickable,.body-page.page-web-project .comments-box__list .comment-item__actions .item-list .item a {
    cursor: pointer;
    color: #999
}

.body-page.page-space-blog .comments-box__list .comment-item__actions .item-list .item .clickable:hover,.body-page.page-space-blog .comments-box__list .comment-item__actions .item-list .item a:hover,.body-page.body-page-article .comments-box__list .comment-item__actions .item-list .item .clickable:hover,.body-page.body-page-article .comments-box__list .comment-item__actions .item-list .item a:hover,.body-page.page-web-project .comments-box__list .comment-item__actions .item-list .item .clickable:hover,.body-page.page-web-project .comments-box__list .comment-item__actions .item-list .item a:hover {
    color: #666
}

.body-page.page-space-blog .comments-box__list .comment-item__actions .item-list .item i,.body-page.body-page-article .comments-box__list .comment-item__actions .item-list .item i,.body-page.page-web-project .comments-box__list .comment-item__actions .item-list .item i {
    margin-right: 4px;
    font-size: 12px
}

.body-page.page-space-blog .comments-box__list .comment-item__actions .item-list .item .btn-like.active i,.body-page.body-page-article .comments-box__list .comment-item__actions .item-list .item .btn-like.active i,.body-page.page-web-project .comments-box__list .comment-item__actions .item-list .item .btn-like.active i {
    color: #ef404a
}

.body-page.page-space-blog .comments-box__list .comment-item__children,.body-page.body-page-article .comments-box__list .comment-item__children,.body-page.page-web-project .comments-box__list .comment-item__children {
    position: relative;
    padding-left: 48px
}

.body-page.page-space-blog .comments-box__list .comment-item__children>.comment-item:first-child,.body-page.body-page-article .comments-box__list .comment-item__children>.comment-item:first-child,.body-page.page-web-project .comments-box__list .comment-item__children>.comment-item:first-child {
    margin-top: 16px
}

.body-page.page-space-blog .comments-box__list .comment-item__children .comment-item:before,.body-page.body-page-article .comments-box__list .comment-item__children .comment-item:before,.body-page.page-web-project .comments-box__list .comment-item__children .comment-item:before {
    content: '';
    position: absolute;
    left: 12px;
    top: 40px;
    bottom: 0;
    width: 1px;
    background: #ecedee
}

.body-page.page-space-blog .comments-box__list .comment-item__children .comment-item__header,.body-page.body-page-article .comments-box__list .comment-item__children .comment-item__header,.body-page.page-web-project .comments-box__list .comment-item__children .comment-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px
}

.body-page.page-space-blog .comments-box__list .comment-item__children .comment-item__meta,.body-page.body-page-article .comments-box__list .comment-item__children .comment-item__meta,.body-page.page-web-project .comments-box__list .comment-item__children .comment-item__meta {
    margin-top: 0;
    margin-left: 8px
}

.body-page.page-space-blog .comments-box__list .comment-item__children .comment-item__meta .item--score,.body-page.body-page-article .comments-box__list .comment-item__children .comment-item__meta .item--score,.body-page.page-web-project .comments-box__list .comment-item__children .comment-item__meta .item--score {
    display: none
}

.body-page.page-space-blog .comments-box__list .comment-item__children .comment-item__children,.body-page.body-page-article .comments-box__list .comment-item__children .comment-item__children,.body-page.page-web-project .comments-box__list .comment-item__children .comment-item__children {
    padding-left: 32px
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form,.body-page.body-page-article .comments-box__list .comment-item__reply-form,.body-page.page-web-project .comments-box__list .comment-item__reply-form {
    margin-top: 16px
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form textarea,.body-page.body-page-article .comments-box__list .comment-item__reply-form textarea,.body-page.page-web-project .comments-box__list .comment-item__reply-form textarea {
    display: block;
    width: 100%;
    height: 88px;
    padding: 8px 10px;
    margin: 0;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    resize: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form textarea:focus,.body-page.body-page-article .comments-box__list .comment-item__reply-form textarea:focus,.body-page.page-web-project .comments-box__list .comment-item__reply-form textarea:focus {
    border: 1px solid #21b351
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar,.body-page.body-page-article .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar,.body-page.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,.body-page.body-page-article .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,.body-page.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb:hover,.body-page.body-page-article .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb:hover,.body-page.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,.body-page.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-track,.body-page.body-page-article .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,.body-page.body-page-article .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-track,.body-page.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,.body-page.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-track {
    border-radius: 4px
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .count,.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .toolbox,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .count,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .toolbox,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .count,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .toolbox {
    display: none
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close,.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-close,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-submit,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit {
    display: block;
    padding: 6px 24px;
    background: #21b351;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 8px 0 0;
    float: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close:last-child,.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:last-child,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-close:last-child,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:last-child,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close:last-child,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:last-child {
    margin-right: 0
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close:hover,.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:hover,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-close:hover,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:hover,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close:hover,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:hover {
    background: #20ab4e
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close.disabled,.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close[disabled],.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.disabled,.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit[disabled],.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-close.disabled,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-close[disabled],.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.disabled,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-submit[disabled],.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close.disabled,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close[disabled],.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.disabled,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit[disabled] {
    cursor: default;
    opacity: .45!important;
    pointer-events: none!important
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close,.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close {
    background: #fff;
    border: 1px solid #ddd;
    color: #21b351
}

.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close:hover,.body-page.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close:hover,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close:hover,.body-page.body-page-article .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close:hover,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close:hover,.body-page.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close:hover {
    background-color: #fafafa;
    border-color: #ccc
}

.body-page.page-space-blog .comments-box__list .comment-item--hidden,.body-page.body-page-article .comments-box__list .comment-item--hidden,.body-page.page-web-project .comments-box__list .comment-item--hidden {
    display: none
}

.body-page.page-space-blog .comments-box__list .comment-item--opacity,.body-page.body-page-article .comments-box__list .comment-item--opacity,.body-page.page-web-project .comments-box__list .comment-item--opacity {
    opacity: .5
}

.body-page.page-space-blog .comments-box__list .comment-pagination,.body-page.body-page-article .comments-box__list .comment-pagination,.body-page.page-web-project .comments-box__list .comment-pagination {
    margin-top: 24px;
    text-align: center
}

.body-page.page-space-blog .comments-box__list>:first-child,.body-page.body-page-article .comments-box__list>:first-child,.body-page.page-web-project .comments-box__list>:first-child {
    margin-top: 24px
}

.body-page.page-space-blog .comments-box .all-comment-bar,.body-page.body-page-article .comments-box .all-comment-bar,.body-page.page-web-project .comments-box .all-comment-bar {
    margin-top: 25px;
    display: block;
    width: 100%;
    padding: 16px;
    letter-spacing: 2px;
    text-align: center;
    font-size: 20px;
    font-family: fantasy;
    font-style: italic;
    font-weight: 700;
    color: #fff!important;
    background: #236723;
    -webkit-transition: all .14s ease;
    transition: all .14s ease;
    border-radius: 10px
}

.body-page.page-space-blog .comments-box .all-comment-bar .megaphone,.body-page.body-page-article .comments-box .all-comment-bar .megaphone,.body-page.page-web-project .comments-box .all-comment-bar .megaphone {
    -webkit-transform: rotate(355deg);
    transform: rotate(355deg);
    display: inline-block
}

.body-page.page-space-blog .comments-box .all-comment-bar:hover,.body-page.body-page-article .comments-box .all-comment-bar:hover,.body-page.page-web-project .comments-box .all-comment-bar:hover {
    font-size: 22px
}

.body-page.page-space-blog .comments-box .collapse-bar,.body-page.body-page-article .comments-box .collapse-bar,.body-page.page-web-project .comments-box .collapse-bar {
    display: none;
    margin-top: 24px;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.body-page.page-space-blog .comments-box .collapse-bar .collapse-btn,.body-page.body-page-article .comments-box .collapse-bar .collapse-btn,.body-page.page-web-project .comments-box .collapse-bar .collapse-btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #346fb6
}

.body-page.page-space-blog .comments-box .collapse-bar .collapse-btn:hover,.body-page.body-page-article .comments-box .collapse-bar .collapse-btn:hover,.body-page.page-web-project .comments-box .collapse-bar .collapse-btn:hover {
    color: #003d86
}

.body-page.page-space-blog .comments-box.collapse .comments-box__list .comment-list:not(.disabled-collapse)>.comment-item:not(.comment-item--child):nth-child(n+3),.body-page.body-page-article .comments-box.collapse .comments-box__list .comment-list:not(.disabled-collapse)>.comment-item:not(.comment-item--child):nth-child(n+3),.body-page.page-web-project .comments-box.collapse .comments-box__list .comment-list:not(.disabled-collapse)>.comment-item:not(.comment-item--child):nth-child(n+3) {
    display: none
}

.body-page.page-space-blog .comments-box.collapse .comments-box__list .comment-pagination,.body-page.body-page-article .comments-box.collapse .comments-box__list .comment-pagination,.body-page.page-web-project .comments-box.collapse .comments-box__list .comment-pagination {
    display: none
}

.body-page.page-space-blog .comments-box.collapse .collapse-bar,.body-page.body-page-article .comments-box.collapse .collapse-bar,.body-page.page-web-project .comments-box.collapse .collapse-bar {
    display: block
}

.body-page.page-space-blog .detail-toolbar-box,.body-page.body-page-article .detail-toolbar-box,.body-page.page-web-project .detail-toolbar-box {
    position: fixed;
    left: 50%;
    top: calc(50% + 32px);
    z-index: 200;
    margin-left: -628px;
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

@media only screen and (max-width: 1440px) {
    .body-page.page-space-blog .detail-toolbar-box,.body-page.body-page-article .detail-toolbar-box,.body-page.page-web-project .detail-toolbar-box {
        margin-left:-622px
    }
}

@media only screen and (max-width: 1410px) {
    .body-page.page-space-blog .detail-toolbar-box,.body-page.body-page-article .detail-toolbar-box,.body-page.page-web-project .detail-toolbar-box {
        margin-left:-620px
    }
}

@media only screen and (max-width: 1400px) {
    .body-page.page-space-blog .detail-toolbar-box,.body-page.body-page-article .detail-toolbar-box,.body-page.page-web-project .detail-toolbar-box {
        margin-left:-612px
    }
}

@media only screen and (max-width: 1372px) {
    .body-page.page-space-blog .detail-toolbar-box,.body-page.body-page-article .detail-toolbar-box,.body-page.page-web-project .detail-toolbar-box {
        display:none
    }
}

.body-page.page-space-blog .detail-toolbar-box__inner .action-box .action-item,.body-page.body-page-article .detail-toolbar-box__inner .action-box .action-item,.body-page.page-web-project .detail-toolbar-box__inner .action-box .action-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 64px;
    margin-bottom: 16px
}

.body-page.page-space-blog .detail-toolbar-box__inner .action-box .action-item:last-child,.body-page.body-page-article .detail-toolbar-box__inner .action-box .action-item:last-child,.body-page.page-web-project .detail-toolbar-box__inner .action-box .action-item:last-child {
    margin-bottom: 0
}

.body-page.page-space-blog .detail-toolbar-box__inner .action-box .action-item__button,.body-page.body-page-article .detail-toolbar-box__inner .action-box .action-item__button,.body-page.page-web-project .detail-toolbar-box__inner .action-box .action-item__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    font-size: 18px;
    line-height: 20px;
    color: #888;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.body-page.page-space-blog .detail-toolbar-box__inner .action-box .action-item__button:hover,.body-page.body-page-article .detail-toolbar-box__inner .action-box .action-item__button:hover,.body-page.page-web-project .detail-toolbar-box__inner .action-box .action-item__button:hover {
    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.12)
}

.body-page.page-space-blog .detail-toolbar-box__inner .action-box .action-item__button i,.body-page.body-page-article .detail-toolbar-box__inner .action-box .action-item__button i,.body-page.page-web-project .detail-toolbar-box__inner .action-box .action-item__button i {
    margin: 0
}

.body-page.page-space-blog .detail-toolbar-box__inner .action-box .action-item__button i.icon,.body-page.body-page-article .detail-toolbar-box__inner .action-box .action-item__button i.icon,.body-page.page-web-project .detail-toolbar-box__inner .action-box .action-item__button i.icon {
    width: 1em
}

.body-page.page-space-blog .detail-toolbar-box__inner .action-box .action-item__text,.body-page.body-page-article .detail-toolbar-box__inner .action-box .action-item__text,.body-page.page-web-project .detail-toolbar-box__inner .action-box .action-item__text {
    margin-top: 6px;
    display: block;
    max-width: 100%;
    color: #888;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__header,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__header,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__avatar,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__avatar,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a {
    color: #111
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a:hover,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a:hover,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a:hover {
    color: #346fb6
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-desc,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-desc,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-desc {
    margin-top: 2px;
    color: #111;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar {
    margin-top: 4px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item {
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item:last-child,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item:last-child,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item:last-child {
    margin-right: 0
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item a i,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item a i,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item a i {
    color: #888;
    margin-right: 4px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn {
    cursor: pointer;
    background: #21b351;
    border-radius: 3px;
    padding: 2px 7px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn i,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn i,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn i {
    margin-right: 4px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn:hover,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn:hover,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn:hover {
    background: #20ab4e
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__statistics,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__statistics,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics {
    margin-top: 24px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
    display: block;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .value,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .value,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .value {
    margin-top: 4px;
    color: #111;
    font-size: 20px;
    line-height: 24px;
    font-family: Roboto,sans-serif;
    font-weight: 300
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .label,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .label,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .label {
    color: #202020;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-link-card,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-link-card {
    margin-bottom: 24px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__inner,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-link-card .link-card__inner,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__inner {
    display: block;
    padding: 16px 20px 20px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    border-radius: 5px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__header,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-link-card .link-card__header,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__title,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-link-card .link-card__title,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #111;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__extra,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-link-card .link-card__extra,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__content,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-link-card .link-card__content,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__content {
    margin-top: 10px;
    color: #111;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__content p,.body-page.body-page-article .sidebar-box__inner .sidebar-section.section-link-card .link-card__content p,.body-page.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__content p {
    margin: 0;
    padding: 0
}

.body-page.page-web-new-index {
    background: #f7f8f9
}

.body-page.page-web-new-index .index-container {
    margin: 16px auto 0
}

.body-page.page-web-new-index .index-container .advert-count {
    cursor: pointer
}

.body-page.page-web-new-index .index-container .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.body-page.page-web-new-index .index-container .body-box {
    min-width: 0;
    padding-bottom: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
}

.body-page.page-web-new-index .index-container .body-box__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-web-new-index .index-container .body-box__header-tabs {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    padding: 0
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 12px 62px 13px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #888;
    text-align: center;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    background: #eceef0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item:hover {
    color: #111
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item:active {
    color: #111;
    background: #e8eaec
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item+.tabs-item {
    -webkit-box-shadow: inset 1px 0 0 0 #d8d8d8;
    box-shadow: inset 1px 0 0 0 #d8d8d8
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item.active {
    color: #111;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item.active+.tabs-item {
    -webkit-box-shadow: none;
    box-shadow: none
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item:first-child {
    border-radius: 5px 0 0 0
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item:last-child {
    border-radius: 0 5px 0 0
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item__content {
    position: relative
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .point {
    position: absolute;
    top: 1px;
    right: -1px;
    display: none;
    background: #ff5353;
    border-radius: 500rem;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
    width: 8px;
    height: 8px
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .point.show {
    display: block
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .count {
    position: absolute;
    top: 0;
    right: -6px;
    display: none;
    background: #ff5353;
    font-family: SFProText-Heavy,'Helvetica Neue',Arial,Helvetica,sans-serif;
    border-radius: 500rem;
    -webkit-transform: scale(.5) translate(100%,0);
    transform: scale(.5) translate(100%,0);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    font-weight: 600;
    text-align: center
}

.body-page.page-web-new-index .index-container .body-box__header-tabs .tabs-list .count.show {
    display: block
}

.body-page.page-web-new-index .index-container .body-box__header-extra {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 32px
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .input-wrap {
    display: block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-icon {
    cursor: default;
    display: block;
    margin: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 10px;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background: url(/new-osc/img/icon/fas-search-solid.svg) no-repeat
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text {
    display: block;
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #111;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px 10px 32px;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text::-webkit-input-placeholder {
    color: #d5d5d5
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text::-moz-placeholder {
    color: #d5d5d5
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text:-ms-input-placeholder {
    color: #d5d5d5
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text::-ms-input-placeholder {
    color: #d5d5d5
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text::placeholder {
    color: #d5d5d5
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text:focus {
    border-color: #21b351
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: rgba(0,0,0,.87)!important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.body-page.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-btn {
    display: block;
    width: 64px;
    height: 40px;
    outline: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border: none;
    background: #21b351;
    border-radius: 0 4px 4px 0;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 500
}

.body-page.page-web-new-index .index-container .body-box__content .inner-container {
    position: relative;
    border-radius: 0 5px 5px 5px
}

.body-page.page-web-new-index .index-container .body-box__content .inner-container__loader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-new-index .index-container .body-box__content .inner-container__loader .loader-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-height: 600px
}

.body-page.page-web-new-index .index-container .body-box__content .inner-container__loader .loader {
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-new-index .index-container .body-box__content .inner-container__inner {
    min-height: 600px
}

.body-page.page-web-new-index .index-container .body-box__content .inner-container__inner .border-top-left-no-radius {
    border-top-left-radius: 0!important
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item {
    margin-bottom: 10px;
    border: .5px solid #f7f8f9;
    background: #f7f8f9;
    padding: 8px 10px;
    border-radius: 6px
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item--card {
    margin-bottom: 20px
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 172px;
    color: #fff
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-content {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-title {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 0
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-title a {
    color: #111;
    font-size: 14px;
    font-weight: 400
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta {
    margin-top: 4px
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta .item-list .item {
    color: #6a6a6a;
    font-size: 14px;
    line-height: 16px;
    margin-right: 16px
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta .item-list .item:last-child {
    margin-right: 0
}

.body-page.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-zb .simple-list .simple-item__extra .money {
    color: #ba6721;
    font-size: 14px;
    font-family: Courier,sans-serif
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: -5px;
    border-bottom: 1px #efefef solid;
    padding-bottom: 10px
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .project-adverts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 125px);
    margin-left: -7px
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .project-adverts .item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #111;
    padding: 4px 6px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2px
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .project-adverts .item__inner:hover {
    color: #336df4;
    background: #efefef
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .project-adverts .item__inner .item__icon {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    margin-right: 4px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .project-adverts .item__inner .item__name {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 20px)
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .project-adverts .item__inner .item__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .news-pager-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .news-pager-tabs .tab {
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #d8d8d8;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin: 0 6px 0 0;
    overflow: hidden;
    cursor: pointer
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .news-pager-tabs .tab.active {
    background: #7ed321
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .news-pager-tabs .panel-header-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 8px;
    font-size: 14px;
    line-height: 1;
    color: #ddd
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .news-pager-tabs .panel-header-link:hover {
    color: #003d86
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .news-pager-tabs .panel-header-link--gray {
    color: #999
}

.body-page.page-web-new-index .index-container .channel-container .main-box .main-top-banner .news-pager-tabs .panel-header-link--gray:hover {
    color: #666
}

.body-page.page-web-new-index .index-container .channel-container .main-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: calc(100% - 288px);
    min-width: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner {
    padding: 24px 32px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box {
    margin-bottom: 24px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box:last-child {
    margin-bottom: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #ecedee
}


.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header.panel-header-awesome .panel-header-title,.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header.panel-header-awesome .panel-header-title a {
    color: #fff;
    text-align: center;
    font-weight: 700
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header--borderless {
    border-bottom: 1px solid transparent
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    display: block
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-icon img {
    display: block;
    width: 24px;
    height: 24px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-title,.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-title a {
    color: #111
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-link:hover {
    color: #003d86
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-link--gray {
    color: #999
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-link--gray:hover {
    color: #666
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-tabs {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-tabs .tab {
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #d8d8d8;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin: 0 6px 0 0;
    overflow: hidden;
    cursor: pointer
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-tabs .tab:last-child {
    margin-right: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-tabs .tab.active,.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-tabs .tab:hover {
    background: #7ed321
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-extra a {
    color: #999
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-extra a:hover {
    color: #666
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-content__column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-right: 24px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-content__column:last-child {
    margin-right: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item:last-child {
    margin-bottom: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 0 13px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cfcfcf
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.primary {
    color: #111
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.primary:before {
    background: #7ed321
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.primary:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.visited:visited {
    color: #888
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.visited:visited:hover {
    color: #666
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.visited:visited:before {
    background: #cfcfcf
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title--simple {
    padding-left: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title--simple:before {
    content: none
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title--highlight {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 6px;
    color: #aaa;
    font-size: 12px;
    line-height: 24px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .chanel-banner-ad-wrap {
    margin-bottom: 24px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .news-panel {
    max-height: 380px;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .tab-page {
    max-height: 337px;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .headline {
    margin: 0 0 10px 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .headline .head-news {
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .headline .head-news-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #111;
    display: block;
    height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 10px;
    border-left: 3px solid #7ed321
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .headline .head-news-title:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .headline .head-news-content {
    height: 40px;
    margin: 4px 0 0 0;
    color: #888;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    word-break: break-all;
    max-height: 353px;
    overflow: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
    border: 1px solid rgba(33,179,81,.5);
    border-top: none;
    padding: 6px 15px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list::-webkit-scrollbar {
    width: 4px!important;
    height: 4px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list::-webkit-scrollbar-track {
    background: 0 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #d7d7d7
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list::-webkit-scrollbar-thumb:hover {
    background: #c3c3c3
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list::-webkit-scrollbar-thumb,.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list::-webkit-scrollbar-track {
    border-radius: 2px;
    visibility: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list:hover::-webkit-scrollbar-thumb,.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list:hover::-webkit-scrollbar-track {
    visibility: visible
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list .project-item {
    width: calc(25% - 10px);
    text-align: left;
    margin: 7px 5px;
    color: #111;
    font-size: 14px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list .project-item:last-child:nth-child(4n+2) {
    margin-right: calc(76%/3*2)
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list .project-item:last-child:nth-child(4n+3) {
    margin-right: calc(76%/3*1)
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .awesome-list .project-item:hover {
    color: #4183c4
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box {
    display: block;
    background-color: #f7f8f9;
    background-image: -webkit-gradient(linear,left top,right top,from(#fff2ec),color-stop(30%,#fdedfa),to(#e1f0ff));
    background-image: linear-gradient(90deg,#fff2ec 0,#fdedfa 30%,#e1f0ff 100%);
    border-radius: 6px;
    overflow: hidden;
    width: 100%
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(247,248,249,0)));
    background-image: linear-gradient(0deg,#fff 0,rgba(247,248,249,0) 100%)
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list {
    display: block;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-bottom: -4px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list .link-item {
    width: calc(20% - 8px);
    height: 20px;
    margin: 0 4px 4px 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list .link-item__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    color: #111
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list .link-item__inner:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list .link-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    font-size: 16px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list .link-item__icon img {
    display: block;
    width: 1em;
    height: 1em
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list .link-item__icon--large img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list .link-item__text {
    min-width: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list .link-item__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    position: relative;
    height: 20px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box .link-list .link-item__extra .text-label {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    height: 22px;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 500rem;
    background: #ff5353;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    font-family: SFProText-Heavy,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-transform: scale(.63636364);
    transform: scale(.63636364);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__header .title {
    font-weight: 500
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__brand {
    width: 133px;
    padding-left: 16px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__brand .group-nav-box__header {
    margin-bottom: .5px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__brand .group-nav-box__header .title {
    color: #a21b1b
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__brand .link-list {
    width: 102px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__brand .link-list .link-item__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__brand .link-list .link-item__brand img {
    width: 37px;
    height: 37px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__brand .link-list .link-item__brand .text {
    line-height: 1;
    color: #111;
    font-size: 13px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__brand .link-list .link-item__brand .text:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__recommend {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    border-left: 1px solid #ecedee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 16px;
    width: 235px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__recommend .group-nav-box__header .title {
    color: #a01f96
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__recommend .link-list .link-item {
    width: 101px;
    font-size: 0;
    line-height: 1
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__recommend .link-list .link-item__icon {
    margin-right: 5px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__recommend .link-list .link-item__text {
    max-width: 80px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__recommend .link-list .link-item__extra {
    margin-left: 3px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__extra {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 16px;
    border-left: 1px solid #ecedee
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__extra .group-nav-box__header {
    padding-right: 24px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__extra .group-nav-box__header .title {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-recommend .panel-header-extra {
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item {
    margin-bottom: 16px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__avatar--square .osc-avatar {
    border-radius: 3px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__avatar a {
    display: block;
    font-size: 0;
    line-height: 1
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #111;
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__header a {
    color: #111
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__header a:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__header .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__header .org-label {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__desc {
    margin-top: 0;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__desc a {
    cursor: pointer;
    color: #4a4a4a
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__desc a:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__article {
    margin-left: 4px;
    min-width: 0;
    max-width: 110px;
    -ms-flex-item-align: center;
    align-self: center;
    display: block;
    color: #999;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__article a {
    color: #999
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__article a:hover {
    color: #666
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 8px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box .user-list .user-item__action .follow-btn {
    padding: 2px 6px 0;
    font-size: 12px;
    text-align: center
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box--column .user-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--recommend-user .user-list-box--column .user-list .user-item {
    display: block;
    width: calc(50% - 16px);
    margin: 8px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question {
    margin-top: -6px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card {
    font-size: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .header-wrapper .master-icon-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .header-wrapper .master-icon-wrap .master-icon {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 14px 0 0;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .header-wrapper .master-content-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .header-wrapper .master-content-wrap .master-content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .header-wrapper .master-content-wrap .master-content-header .master-num {
    margin: 0;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    font-weight: 700
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .header-wrapper .master-content-wrap .master-content-header .history {
    font-size: 12px;
    color: #fff;
    cursor: pointer
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .header-wrapper .master-content-wrap .master-content-title {
    margin-top: 2px;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 15px;
    background: #fafffb;
    border: 1px #90eb97 solid;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    min-height: 106px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper .master-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 12px 0 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper .master-avatar .portrait {
    display: block;
    width: 54px;
    height: 56px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper .master-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper .master-info .master-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper .master-info .master-header .master-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #020202;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper .master-info .master-header .ask {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 6px;
    display: block;
    -webkit-box-shadow: inset 0 0 0 1px #21b351;
    box-shadow: inset 0 0 0 1px #21b351;
    width: 50px;
    height: 24px;
    border-radius: 2px;
    color: #21b351;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper .about-master {
    margin: 4px 0 0 0;
    color: #020202;
    font-size: 14px;
    line-height: 20px;
    height: auto;
    max-height: 60px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .wonderful-header {
    padding-bottom: 0;
    margin-bottom: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .wonderful-header .panel-header-title {
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .wonderful-header .panel-header-title .icon-wonderful {
    width: 16px;
    height: 16px;
    vertical-align: -.2em;
    margin-right: 5px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 4px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-left: 0;
    opacity: 1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item.staggered-enter-active {
    margin-left: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item.staggered-leave-active {
    opacity: 0;
    margin-left: -100%
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .ask-wrapper {
    display: block;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .ask-wrapper .ask-title {
    height: auto;
    max-height: 44px;
    margin: 0 0 6px;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .ask-wrapper .ask-title,.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .ask-wrapper .ask-title a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #111
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .ask-wrapper .sub-ask {
    font-size: 12px;
    line-height: 18px;
    color: #aaa
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .solution-wrapper {
    position: relative;
    margin: 10px 0 0 0;
    display: block;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    background: #fffefa;
    -webkit-box-shadow: inset 0 0 0 1px #ead490;
    box-shadow: inset 0 0 0 1px #ead490;
    border-radius: 4px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .solution-wrapper .solution-content {
    margin: 0;
    line-height: 20px;
    height: auto;
    max-height: 60px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .solution-wrapper .solution-content .user {
    color: #b39023;
    margin-right: 5px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .solution-wrapper:after,.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .solution-wrapper:before {
    position: absolute;
    content: '';
    left: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .solution-wrapper:before {
    top: -7px;
    border-color: transparent transparent #ead490 transparent
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .wonderful-box .hor-group .item .solution-wrapper:after {
    top: -6px;
    border-color: transparent transparent #fffefa transparent
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .tools-box .tool-items__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .tools-box .tool-items .tool-item {
    display: block;
    width: calc(16.6% - 8px);
    margin: 4px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .tools-box .tool-items .tool-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .tools-box .tool-items .tool-item__icon img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .tools-box .tool-items .tool-item__name {
    min-width: 0;
    margin-left: 8px;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .tools-box .tool-items .tool-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .tools-box .tool-items .tool-item__inner:hover .tool-item__name {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .tags-box {
    display: block;
    overflow: hidden;
    margin-bottom: 16px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .tags-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px -6px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .tags-box__item {
    padding: 4px 6px
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .tags-box__item-tag {
    display: block;
    padding: 0 10px;
    height: 20px;
    color: #4a4a4a;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 0 1px #ececec;
    box-shadow: inset 0 0 0 1px #ececec;
    background: #fafafa;
    border-radius: 10px;
    -webkit-transition: color .2s,background .2s,-webkit-box-shadow .2s;
    transition: color .2s,background .2s,-webkit-box-shadow .2s;
    transition: box-shadow .2s,color .2s,background .2s;
    transition: box-shadow .2s,color .2s,background .2s,-webkit-box-shadow .2s
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .tags-box__item-tag:hover {
    background: #fbfffb;
    -webkit-box-shadow: inset 0 0 0 1px #90eb97;
    box-shadow: inset 0 0 0 1px #90eb97;
    color: #06ad3d
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title,.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title a {
    color: #111
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title:hover,.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title:hover a {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title .item-company {
    min-width: 0;
    max-width: 85px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title .item-content {
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title .item-content .item-split {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title .item-content .item-job {
    min-width: 0;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title .item-content .item-address {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 288px;
    margin-left: 16px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .section-icon {
    font-size: 20px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .section-icon .oicon {
    color: #c71d23
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .section-extra {
    color: #999;
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .section-body {
    margin-right: -12px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box {
    position: relative;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 413px;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 4px;
    height: 50px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
    background-image: linear-gradient(rgba(255,255,255,0),#fff);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box.scroll-cover:after {
    opacity: 1
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list {
    position: relative;
    display: block;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 8px;
    overflow: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list::-webkit-scrollbar {
    width: 4px!important;
    height: 4px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list::-webkit-scrollbar-track {
    background: 0 0
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #d7d7d7
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list::-webkit-scrollbar-thumb:hover {
    background: #c3c3c3
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list::-webkit-scrollbar-thumb,.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list::-webkit-scrollbar-track {
    border-radius: 2px;
    visibility: hidden
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list:hover::-webkit-scrollbar-thumb,.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list:hover::-webkit-scrollbar-track {
    visibility: visible
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item {
    margin-bottom: 8px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__logo img {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direaction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__header .name {
    min-width: 0;
    background: #2d89ef;
    border-radius: 2px;
    padding: 0 4px;
    color: #fff;
    max-width: 130px;
    vertical-align: -.28em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__header .date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    margin-left: 8px;
    color: #888
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__header .label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 4px;
    width: 5px;
    height: 5px;
    background: #7ed321;
    border-radius: 50%;
    vertical-align: middle
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__header .label:visited {
    background: #fff
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__news {
    margin-top: 2px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f7f8f9;
    border-radius: 4px;
    padding: 6px;
    color: #111;
    font-size: 12px;
    line-height: 16px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__news a {
    color: #111
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__news a:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .section-header .section-extra .count-down {
    display: inline-block;
    color: #999;
    font-size: 12px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .section-header .section-extra .refresh-box {
    display: inline-block;
    margin-left: 5px;
    color: #7ed321;
    font-size: 15px;
    font-weight: 700
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .section-header .section-extra .refresh-box:not(.refresh-loader.loading):hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .section-body {
    position: relative
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list {
    height: 420px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list::-webkit-scrollbar {
    width: 4px!important;
    height: 4px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list::-webkit-scrollbar-track {
    background: 0 0
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #d7d7d7
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list::-webkit-scrollbar-thumb:hover {
    background: #c3c3c3
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list::-webkit-scrollbar-thumb,.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list::-webkit-scrollbar-track {
    border-radius: 2px;
    visibility: hidden
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list:hover::-webkit-scrollbar-thumb,.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list:hover::-webkit-scrollbar-track {
    visibility: visible
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event .label {
    width: 25px;
    margin-top: 1px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event .label a {
    width: 20px;
    height: 20px;
    display: block
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event .label a .text-portrait {
    font-size: 12px!important
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event .content {
    width: calc(100% - 25px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f7f8f9;
    border-radius: 10px;
    padding: 8px 10px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event .content .text {
    font-size: 13px;
    line-height: 1.5;
    word-break: break-all
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event .content .text a {
    color: #111
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event .content .text a:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 4px;
    height: 50px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
    background-image: linear-gradient(rgba(255,255,255,0),#fff);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list.scroll-cover:after {
    opacity: 1
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-recommend .section-icon {
    font-size: 20px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-recommend .section-icon .oicon {
    color: #c71d23
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-recommend .simple-list .simple-item__title a {
    border: none;
    color: #111
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-recommend .simple-list .simple-item__title a:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-recommend .simple-list .simple-item__extra .lang {
    font-size: 12px;
    line-height: 18px;
    color: #9f9f9f
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-project-weekly .simple-list .simple-item__title .project-name {
    font-family: Roboto,sans-serif;
    font-weight: 500
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-project-weekly .simple-list .simple-item__title .project-title {
    margin-left: 4px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item--card {
    margin-bottom: 12px
}

.body-page.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card {
    height: 152px
}

.body-page.page-web-new-index .index-container .recommend-container .main-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 856px;
    min-width: 0
}

.body-page.page-web-new-index .index-container .recommend-container .main-box .content-box__tip {
    padding: 0 32px 0;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box {
    margin-top: 24px;
    display: none;
    position: relative;
    padding: 6px 8px;
    border-radius: 3px;
    -webkit-transition: color .1s ease,background-color .1s ease;
    transition: color .1s ease,background-color .1s ease
}

.body-page.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box__text {
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.body-page.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box__close {
    position: absolute;
    top: 6px;
    right: 8px;
    padding: 3px;
    cursor: pointer;
    color: #999;
    font-size: 14px;
    line-height: 1;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.body-page.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box__close:hover {
    color: #666
}

.body-page.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box--success {
    color: #21b351;
    background-color: rgba(33,179,81,.1)
}

.body-page.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box--clickable {
    cursor: pointer
}

.body-page.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box--clickable:hover {
    background-color: rgba(33,179,81,.15)
}

.body-page.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box--closeable {
    padding-right: 36px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 320px;
    margin-left: 24px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box {
    background: #fffceb;
    border: 1px solid #e1dec9;
    border-radius: 4px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__inner {
    padding: 14px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__header {
    padding: 0
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__title {
    margin: 0;
    padding: 0;
    color: #111;
    font-size: 14px;
    font-weight: 500
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__body {
    margin-top: 14px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__body .notice-item-list .notice-item {
    margin-bottom: 16px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__body .notice-item-list .notice-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__body .notice-item-list .notice-item__inner {
    display: block;
    font-weight: 400;
    font-size: 0;
    line-height: 1
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__body .notice-item-list .notice-item__inner a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__body .notice-item-list .notice-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    color: #fe9312;
    font-size: 18px;
    line-height: 20px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__body .notice-item-list .notice-item__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__body .notice-item-list .notice-item__text:hover {
    border-bottom: 1px solid #d3d3d3
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__inner {
    display: block
}



.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__album {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__album,.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__album a {
    color: #fff
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__main {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__main .icon {
    display: block;
    width: 20px;
    height: 20px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__main .title {
    margin-left: 4px;
    font-weight: 600
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__main .num {
    margin-left: 7px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__extra {
    font-size: 12px;
    line-height: 18px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__title {
    margin-top: 7px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__title h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__title,.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__header .header-box__title a {
    color: #fff
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 12px 16px 16px;
    border: 1px solid rgba(33,179,81,.5);
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__author {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__author,.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__author a {
    color: #111
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__extra .button {
    color: #21b351;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: 0 0 0 1px #21b351 inset!important;
    box-shadow: 0 0 0 1px #21b351 inset!important;
    border-radius: 2px;
    padding: 2px 11px;
    margin: 0
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__content {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__footer {
    margin-top: 10px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__footer .question-users-box__inner {
    width: 100%;
    height: 24px;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__footer .question-users-box__inner .swiper-container {
    width: 100%;
    height: 30px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__footer .question-users-box__inner .swiper-container .swiper-wrapper .swiper-slide .user-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 4px
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__footer .question-users-box__inner .swiper-container .swiper-wrapper .swiper-slide .user-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    overflow: hidden;
    background: rgba(33,179,100,.1);
    border-radius: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__footer .question-users-box__inner .swiper-container .swiper-wrapper .swiper-slide .user-item__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__footer .question-users-box__inner .swiper-container .swiper-wrapper .swiper-slide .user-item__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 8px;
    padding-right: 12px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__footer .question-users-box__inner .swiper-container .swiper-wrapper .swiper-slide .user-item__text,.body-page.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-wonderful-question .wonderful-question-box__content .question-box__footer .question-users-box__inner .swiper-container .swiper-wrapper .swiper-slide .user-item__text a {
    color: #a1a1a1
}

.body-page.page-web-new-index .index-container .explore-container .main-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 888px;
    min-width: 0
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list {
    display: block;
    padding: 24px 32px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box {
    margin-bottom: 48px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box:last-child {
    margin-bottom: 0
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon {
    margin-right: 8px;
    font-size: 28px;
    line-height: 1
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon.blue {
    color: #1285fe
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon.orange {
    color: #ff6838
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon.purple {
    color: #b352ce
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__body {
    margin-top: 24px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box {
    display: block;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item {
    width: calc(50% - 24px);
    padding: 12px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__inner {
    background: #fff
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    height: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    padding: 12px 24px 16px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__name {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__sub {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    font-family: Courier,sans-serif
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__title {
    display: block;
    padding: 0;
    margin: auto 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    max-height: 48px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body {
    border: 1px solid #d9dbdc;
    border-top: none;
    border-radius: 0 0 3px 3px;
    padding: 16px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 152px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .article-item-list .article-item+.article-item {
    margin-top: 12px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .article-item-list .article-item__title {
    display: block;
    margin: 0;
    padding: 0;
    color: #111;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .article-item-list .article-item__title:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .article-item-list .article-item__title .tag {
    display: inline-block;
    padding: 2px 6px;
    margin-right: 8px;
    background: #f7f8f9;
    border-radius: 2px;
    color: #9b9b9b;
    font-size: 13px;
    line-height: 16px;
    font-family: Courier,sans-serif;
    vertical-align: top
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .more-link {
    margin-top: 16px
}


.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box {
    display: block;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item {
    width: calc(50% - 24px);
    padding: 12px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__inner {
    display: block;
    min-height: 392px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d9dbdc;
    border-radius: 3px;
    background: #fff;
    padding: 16px 24px 24px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body {
    margin-top: 16px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 12px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__order {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    font-family: Roboto,sans-serif;
    color: #9b9b9b;
    background: #f7f8f9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title h3 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title,.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title a {
    color: #111
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title a:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__extra {
    margin-left: 8px;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__extra a {
    color: #999
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__extra a:hover {
    color: #666
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item:nth-child(1) .article-item__order {
    color: #b46900;
    background: #ffbc00
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item:nth-child(2) .article-item__order {
    color: #7b7b7b;
    background: #e4e4e4
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item:nth-child(3) .article-item__order {
    color: #936c47;
    background: #ebc097
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list {
    display: block;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 320px;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -24px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    padding: 0 6px;
    margin-bottom: 24px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__header {
    position: relative;
    width: 40px;
    height: 40px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__avatar {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__order {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    font-family: Roboto,sans-serif;
    color: #9b9b9b;
    background: #f7f8f9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 8px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__name {
    color: #111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__name a {
    color: #111
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__name a:hover {
    color: #346fb6
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__extra {
    color: #9b9b9b;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item:nth-child(1) .user-item__order {
    color: #b46900;
    background: #ffbc00
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item:nth-child(2) .user-item__order {
    color: #7b7b7b;
    background: #e4e4e4
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item:nth-child(3) .user-item__order {
    color: #936c47;
    background: #ebc097
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box {
    display: block;
    overflow: hidden
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item {
    width: calc(33.3333% - 24px);
    padding: 12px
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 120px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.14);
    border: 1px solid #d9dbdc;
    border-radius: 3px;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.body-page.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item__title {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    font-weight: 600
}


.body-page.page-web-new-index .index-container .explore-container .sidebar-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 288px;
    margin-left: 24px
}

.body-page.page-web-new-index .index-container .explore-container .sidebar-box__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px
}

.body-page.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item--card {
    margin-bottom: 12px
}

.body-page.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card {
    height: 152px
}

.body-page.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section.section-picture-card .picture-card {
    display: block;
    overflow: hidden;
    border: 1px solid #d9dbdc
}

.body-page.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section.section-picture-card .picture-card__inner {
    display: block;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover
}

.body-page.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section.section-picture-card .picture-card__title {
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.body-page.page-web-groups {
    background: #f7f8f9
}

.body-page.page-web-groups .aside-box {
    width: 148px
}

.body-page.page-web-groups .aside-box__inner .aside-section-list__inner {
    padding: 0
}

.body-page.page-web-groups .aside-box__inner .aside-section-list__inner .aside-section {
    padding: 0
}

.body-page.page-web-groups .aside-box__inner .aside-section-list__inner .tab-list .tab-item__inner {
    padding: 3px 8px
}

.body-page.page-web-groups .aside-box__inner .aside-section-list__inner .tab-list .tab-item__inner:hover {
    background-color: #fff
}

.body-page.page-web-groups .aside-box__inner .aside-section-list__inner .tab-list .tab-item__icon {
    font-size: 18px
}

.body-page.page-web-groups .aside-box__inner .aside-section-list__inner .tab-list .tab-item__text {
    margin-left: 8px;
    font-weight: 400
}

.body-page.page-web-groups .groups-index-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 24px auto 0
}

.body-page.page-web-groups .groups-index-container .main-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 716px;
    min-width: 0;
    padding-bottom: 24px
}

.body-page.page-web-groups .groups-index-container .main-box .content-box__tip {
    padding: 0;
    overflow: hidden
}

.body-page.page-web-groups .groups-index-container .main-box .content-box__tip .message-box {
    margin-bottom: 12px;
    display: none;
    position: relative;
    padding: 6px 8px;
    border-radius: 3px;
    -webkit-transition: color .1s ease,background-color .1s ease;
    transition: color .1s ease,background-color .1s ease
}

.body-page.page-web-groups .groups-index-container .main-box .content-box__tip .message-box__text {
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.body-page.page-web-groups .groups-index-container .main-box .content-box__tip .message-box__close {
    position: absolute;
    top: 6px;
    right: 8px;
    padding: 3px;
    cursor: pointer;
    color: #999;
    font-size: 14px;
    line-height: 1;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.body-page.page-web-groups .groups-index-container .main-box .content-box__tip .message-box__close:hover {
    color: #666
}

.body-page.page-web-groups .groups-index-container .main-box .content-box__tip .message-box--success {
    color: #21b351;
    background-color: rgba(33,179,81,.1)
}

.body-page.page-web-groups .groups-index-container .main-box .content-box__tip .message-box--clickable {
    cursor: pointer
}

.body-page.page-web-groups .groups-index-container .main-box .content-box__tip .message-box--clickable:hover {
    background-color: rgba(33,179,81,.15)
}

.body-page.page-web-groups .groups-index-container .main-box .content-box__tip .message-box--closeable {
    padding-right: 36px
}

.body-page.page-web-groups .groups-index-container .sidebar-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 288px;
    margin-left: 24px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section-list--ad {
    padding: 0;
    overflow: hidden
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #21b351;
    color: #21b351;
    -webkit-transition: all .14s ease;
    transition: all .14s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-item:hover {
    background: #e8f7ed
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-item__icon {
    display: block;
    height: 1em;
    font-size: 16px;
    line-height: 1em;
    margin-right: 8px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-item__text {
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-row:last-child {
    margin-bottom: 0
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-row .button-item+.button-item {
    margin-left: 16px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list {
    position: relative
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    margin-bottom: 12px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item:hover {
    color: #666
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    color: #888
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item__text {
    min-width: 0;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip {
    width: 140px;
    padding: 9px 14px;
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.top.center:before,.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.top.left:before,.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.top.right:before {
    -webkit-box-shadow: 1px 1px 0 0 #ecedee;
    box-shadow: 1px 1px 0 0 #ecedee
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.bottom.center:before,.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.bottom.left:before,.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.bottom.right:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.left.center:before {
    -webkit-box-shadow: 1px -1px 0 0 #ecedee;
    box-shadow: 1px -1px 0 0 #ecedee
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.right.center:before {
    -webkit-box-shadow: -1px 1px 0 0 #ecedee;
    box-shadow: -1px 1px 0 0 #ecedee
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item--done {
    pointer-events: none;
    cursor: default
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item--done .task-item__icon {
    color: #21b351
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item--done .task-item__text {
    color: #888;
    text-decoration: line-through
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-comment .feed-list .feed-item__content {
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-comment .feed-list .feed-item__header .date {
    margin-left: 4px;
    font-weight: 400;
    font-size: 12px;
    color: #888
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-comment .feed-list .feed-item__meta {
    color: #888;
    font-size: 12px;
    line-height: 16px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-comment .feed-list .feed-item__meta a {
    color: #888
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-comment .feed-list .feed-item__meta a:hover {
    color: #666
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-article .simple-list .simple-item__meta {
    color: #888;
    font-size: 12px;
    line-height: 16px
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-article .simple-list .simple-item__meta a {
    color: #888
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-article .simple-list .simple-item__meta a:hover {
    color: #666
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-recommend-user .user-list .user-item__body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-recommend-user .user-list .user-item__desc p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-tool-service .tool-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-tool-service .tool-list .tool-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80px;
    height: 60px;
    padding: 6px;
    border-radius: 3px;
    -webkit-transition: background-color .14s ease;
    transition: background-color .14s ease;
    background-color: transparent
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-tool-service .tool-list .tool-item__inner:hover {
    background-color: #f9f9f9
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-tool-service .tool-list .tool-item__icon {
    display: block;
    width: 24px;
    height: 24px;
    color: #21b351;
    font-size: 24px;
    line-height: 1
}

.body-page.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-tool-service .tool-list .tool-item__text {
    margin-top: 4px;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-groups .groups-all-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 24px auto 0
}

.body-page.page-web-groups .groups-all-container .aside-box__inner .tab-list .tab-item--more-btn {
    display: none
}

.body-page.page-web-groups .groups-all-container .main-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 1028px;
    min-width: 0;
    padding-bottom: 24px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .hero-box h1,.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .hero-box p {
    padding: 0;
    margin: 0;
    line-height: normal
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box {
    padding: 24px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__tabs .tabs-item {
    margin-right: 40px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__tabs .tabs-link {
    padding: 0;
    color: #111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    border-bottom: none
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__tabs .tabs-link.active {
    color: #21b351;
    font-weight: 600
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__inner {
    width: 160px;
    font-size: 14px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__icon {
    width: 30px;
    color: #ccd0d4;
    opacity: 1;
    cursor: default
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__input {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 0 #ddd;
    box-shadow: inset 0 -1px 0 0 #ddd;
    line-height: 20px;
    padding: 6px 8px 6px 30px!important
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__input::-webkit-input-placeholder {
    color: #bababa
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__input::-moz-placeholder {
    color: #bababa
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__input:-ms-input-placeholder {
    color: #bababa
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__input::-ms-input-placeholder {
    color: #bababa
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__input::placeholder {
    color: #bababa
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__input:focus {
    -webkit-box-shadow: inset 0 -1px 0 0 #21b351;
    box-shadow: inset 0 -1px 0 0 #21b351
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .action-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 24px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .action-box .ui.basic.small.button {
    padding: 6px 12px;
    margin: 0;
    border-radius: 3px;
    color: #21b351!important;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .action-box .ui.basic.small.button i {
    font-size: 16px;
    vertical-align: bottom
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body {
    padding: 30px 24px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container {
    position: relative
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container__loader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container__loader .loader {
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box {
    position: relative
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box__header {
    margin-bottom: 30px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box__title {
    color: #111;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item {
    display: block;
    width: calc(100%/4 - 24px);
    margin: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #d9dbdc;
    background: #fff;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease,-webkit-box-shadow .2s ease;
    color: #111
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item:hover {
    -webkit-box-shadow: 0 3px 32px 0 rgba(0,0,0,.04),0 6px 36px 0 rgba(0,0,0,.05),0 10px 40px 0 rgba(0,0,0,.02);
    box-shadow: 0 3px 32px 0 rgba(0,0,0,.04),0 6px 36px 0 rgba(0,0,0,.05),0 10px 40px 0 rgba(0,0,0,.02)
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__avatar img {
    display: block;
    width: 100%;
    height: 100%
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__avatar--border {
    border: 1px solid #d9dbdc
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__basic {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__name {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__meta {
    margin-top: 2px;
    color: #888;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__body .content {
    display: block;
    height: 60px;
    padding: 0;
    margin: 12px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__footer {
    position: relative;
    margin-top: 12px;
    text-align: center
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__footer .group-follow-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 68px;
    margin: 0;
    padding: 4px 12px;
    border-radius: 3px;
    color: #21b351;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    background: rgba(33,179,81,.1)
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__footer .group-follow-btn:hover {
    background: rgba(33,179,81,.15)
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__footer .group-follow-btn__icon {
    margin-right: 4px;
    font-size: 12px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__footer .group-follow-btn[data-follow-status="1"] {
    background: 0 0
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__footer .group-follow-btn[data-follow-status="1"] .group-follow-btn__icon {
    display: none
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item .company-box__logo {
    padding: 12px 0 16px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item .company-box__logo img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 80%;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item .company-box__name {
    margin-bottom: 6px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item .company-box__name h3 {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item .company-box__body {
    text-align: center;
    color: rgba(0,0,0,.68);
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box__footer {
    margin-top: 24px;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box__footer .rotate-right {
    display: inline-block;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .collapse-bar {
    display: none
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .collapse-bar .collapse-btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #346fb6
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .collapse-bar .collapse-btn:hover {
    color: #003d86
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box.collapse .group-list-box__inner>.group-item:nth-child(n+5) {
    display: none
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box.collapse .collapse-bar {
    display: block
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box-wrap .group-list-box {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ecedee
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box-wrap .group-list-box:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-pagination {
    margin-top: 24px;
    text-align: center
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-empty-view {
    display: block;
    padding: 120px 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-empty-view__pic {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 108px
}

.body-page.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-empty-view__text {
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b
}

.body-page.page-web-group {
    background: #f7f8f9
}

.body-page.page-web-group .group-container {
    margin: 24px auto 0
}

.body-page.page-web-group .group-container .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.body-page.page-web-group .group-container .group-profile-box {
    margin-bottom: 24px
}

.body-page.page-web-group .group-container .group-profile-box .profile-banner__inner {
    width: 100%;
    height: 160px;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.body-page.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container {
    width: 100%;
    height: 100%
}

.body-page.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-wrapper .swiper-slide .banner-item {
    width: 100%;
    height: 100%
}

.body-page.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-wrapper .swiper-slide .banner-item__inner {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.body-page.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-wrapper .swiper-slide .banner-item__image {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.body-page.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-pagination {
    bottom: 12px;
    font-size: 0;
    line-height: 1
}

.body-page.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 20px;
    height: 4px;
    margin: 0 2px;
    opacity: .5;
    border: 0;
    border-radius: 0;
    background-color: #fff
}

.body-page.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-pagination .swiper-pagination-bullet:focus {
    outline: 0
}

.body-page.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__inner {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 24px 0
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__avatar {
    position: absolute;
    top: -84px;
    left: 24px;
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
    z-index: 1;
    background: #eee
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__avatar-image {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__title {
    color: #111;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__url {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__url,.body-page.page-web-group .group-container .group-profile-box .profile-info__url a {
    color: #9b9b9b
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__intro {
    margin-top: 8px
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__intro,.body-page.page-web-group .group-container .group-profile-box .profile-info__intro p {
    color: #111;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer {
    padding: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item {
    margin-right: 16px
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item a,.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item--clickable {
    cursor: pointer;
    color: #999
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item a:hover,.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item--clickable:hover {
    color: #666
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item>a>i.icon,.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item>i.icon {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    vertical-align: top
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item>a>i.icon:not(:last-child) {
    margin-right: 4px
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item .gap {
    margin: 0 6px
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item.ui.dropdown>.menu .item {
    color: #4a4a4a
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer .item-list>.item.ui.dropdown>.menu .item i.icon {
    margin-right: 8px
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer-action .item-list>.item a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #346fb6
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer-action .item-list>.item a:hover {
    color: #003d86
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer-action .group-follow-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    font-weight: 500;
    color: #346fb6
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer-action .group-follow-btn:hover {
    color: #003d86
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer-action .group-follow-btn__icon {
    margin-right: 2px
}

.body-page.page-web-group .group-container .group-profile-box .profile-info__footer-action .group-follow-btn__count {
    margin-left: 16px;
    text-transform: lowercase
}

.body-page.page-web-group .group-container .group-profile-box .group-nav {
    display: block;
    border-top: 1px solid #ecedee
}

.body-page.page-web-group .group-container .group-profile-box .group-nav__inner {
    display: block;
    padding: 11px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-group .group-container .group-profile-box .group-nav__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0;
    padding: 0
}

.body-page.page-web-group .group-container .group-profile-box .group-nav__tabs .tabs-item {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.body-page.page-web-group .group-container .group-profile-box .group-nav__tabs .tabs-link {
    position: relative;
    display: inline-block;
    padding: 4px 20px;
    color: #111;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    -webkit-transition: color .1s ease,font-weight .1s ease;
    transition: color .1s ease,font-weight .1s ease
}

.body-page.page-web-group .group-container .group-profile-box .group-nav__tabs .tabs-link:hover {
    color: #21b351
}

.body-page.page-web-group .group-container .group-profile-box .group-nav__tabs .tabs-link.active {
    color: #21b351;
    font-weight: 600;
    background: rgba(33,179,81,.1);
    border-radius: 16px
}

.body-page.page-web-group .group-container .main-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 856px;
    min-width: 0;
    padding-bottom: 24px
}

.body-page.page-web-group .group-container .main-box .content-box__toolbar {
    margin-bottom: 12px
}

.body-page.page-web-group .group-container .main-box .content-box .entry-sort-dropdown .menu>.item,.body-page.page-web-group .group-container .main-box .content-box .entry-sort-dropdown>.text {
    color: #111;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-group .group-container .main-box .content-box .entry-sort-dropdown .menu>.item i.oicon,.body-page.page-web-group .group-container .main-box .content-box .entry-sort-dropdown>.text i.oicon {
    color: #9b9b9b;
    margin-right: 8px
}

.body-page.page-web-group .group-container .main-box .content-box .entry-sort-dropdown>.text {
    padding: 0 8px
}

.body-page.page-web-group .group-container .main-box .content-box .entry-sort-dropdown i.dropdown.icon {
    color: #9b9b9b;
    margin-left: 0
}

.body-page.page-web-group .group-container .main-box .content-box .entry-sort-dropdown .menu {
    z-index: 1001
}

.body-page.page-web-group .group-container .main-box .content-box .entry-sort-dropdown .menu>.item {
    padding: 8px 16px!important
}

.body-page.page-web-group .group-container .main-box .huawei-news-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group .group-container .main-box .huawei-news-tab a {
    margin-top: 12px;
    color: #888
}

.body-page.page-web-group .group-container .main-box .huawei-news-tab a:hover {
    color: #32aa66
}

.body-page.page-web-group .group-container .main-box .huawei-news-tab .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group .group-container .main-box .huawei-news-tab .right a {
    margin-top: unset;
    margin-left: 12px
}

.body-page.page-web-group .group-container .main-box .huawei-news-box {
    margin-top: 30px;
    padding: 10px 32px 25px
}

.body-page.page-web-group .group-container .main-box .huawei-news-box .project-list-box__pagination {
    margin-top: 15px!important
}

.body-page.page-web-group .group-container .main-box .huawei-panel-header-tabs {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group .group-container .main-box .huawei-panel-header-tabs .tab {
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #d8d8d8;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin: 0 6px 0 0;
    overflow: hidden;
    cursor: pointer
}

.body-page.page-web-group .group-container .main-box .huawei-panel-header-tabs .tab:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container .main-box .huawei-panel-header-tabs .tab.active,.body-page.page-web-group .group-container .main-box .huawei-panel-header-tabs .tab:hover {
    background: #7ed321
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder {
    margin-top: 20px;
    position: relative
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group {
    width: 100%;
    padding: 5px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    padding: 10px 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #eee solid;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(2%,#f7fbff),color-stop(98%,#e3edff));
    background-image: linear-gradient(#f7fbff 2%,#e3edff 98%);
    cursor: pointer
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide:hover {
    -webkit-box-shadow: 1px 1px 3px #a6c1f1;
    box-shadow: 1px 1px 3px #a6c1f1
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide img {
    width: 20%;
    height: auto
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide .name {
    color: #111;
    font-weight: 700;
    margin-left: 15px
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide .desc {
    height: 50px;
    font-size: 12px;
    line-height: 1.4;
    color: #111;
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-btn {
    position: absolute;
    top: 65px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #cbcbcb;
    font-size: 35px;
    font-weight: 700;
    cursor: pointer
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-btn i {
    width: unset!important;
    height: unset!important
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-btn:hover {
    font-size: 38px;
    opacity: .8
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .subject-btn-prev {
    left: -22px
}

.body-page.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .subject-btn-next {
    right: -26px
}

.body-page.page-web-group .group-container .main-box .huwei-hot-articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page.page-web-group .group-container .main-box .huwei-hot-articles .huwei-hot-articles__item {
    width: 48%
}

.body-page.page-web-group .group-container .main-box .huwei-hot-articles .huwei-hot-articles__item .circle_title {
    color: #21b351;
    margin-top: 10px;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 700;
    background: #f0f5f0;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container .main-box .huwei-hot-articles .huwei-hot-articles__item .articles_pagination {
    text-align: center;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    margin: 10px 0
}

.body-page.page-web-group .group-container .main-box .huawei-situation-solution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

.body-page.page-web-group .group-container .main-box .huawei-situation-solution .item {
    width: 160px;
    margin-bottom: 12px;
    padding: 12px 15px;
    background: #f2f5fa;
    position: relative;
    padding-bottom: 30px;
    cursor: pointer
}

.body-page.page-web-group .group-container .main-box .huawei-situation-solution .item:hover {
    -webkit-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc
}

.body-page.page-web-group .group-container .main-box .huawei-situation-solution .item .title {
    font-size: 16px;
    color: #111
}

.body-page.page-web-group .group-container .main-box .huawei-situation-solution .item .desc {
    word-break: break-all;
    margin: 5px 0;
    font-size: 12px;
    line-height: 1.3;
    color: #333;
    text-align: justify;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.body-page.page-web-group .group-container .main-box .huawei-situation-solution .item .platform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px
}

.body-page.page-web-group .group-container .main-box .huawei-situation-solution .item .platform span {
    line-height: 20px;
    color: #333
}

.body-page.page-web-group .group-container .main-box .huawei-situation-solution .item .platform span:not(.name) {
    -webkit-transform: scale(.85);
    transform: scale(.85);
    padding: 0 8px;
    border-radius: 10px;
    background: rgba(51,51,51,.1);
    margin-bottom: 2px
}

.body-page.page-web-group .group-container .main-box .huawei-situation-solution .item:after {
    content: '\7acb\5373\54a8\8be2';
    background-color: #535354;
    color: #fff;
    border: none;
    border-radius: 15px;
    font-size: 12px;
    padding: 4px 15px;
    height: 20px;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 8px;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer
}

.body-page.page-web-group .group-container .main-box .panel-box {
    margin: 15px 0
}

.body-page.page-web-group .group-container .main-box .panel-box:last-child {
    margin-bottom: 0
}

.body-page.page-web-group .group-container .main-box .panel-box .entry-empty-view {
    width: 100%;
    height: 438px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0!important
}

.body-page.page-web-group .group-container .main-box .panel-box .entry-empty-view__text {
    margin-top: 20px;
    color: #999
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #ecedee
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header--borderless {
    border-bottom: 1px solid transparent
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    display: block
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-icon img {
    display: block;
    width: 24px;
    height: 24px
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-title,.body-page.page-web-group .group-container .main-box .panel-box .panel-header-title a {
    color: #111
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    color: #346fb6
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-link:hover {
    color: #003d86
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-link--gray {
    color: #999
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-link--gray:hover {
    color: #666
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-tabs {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-tabs .tab {
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #d8d8d8;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin: 0 6px 0 0;
    overflow: hidden;
    cursor: pointer
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-tabs .tab:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-tabs .tab.active,.body-page.page-web-group .group-container .main-box .panel-box .panel-header-tabs .tab:hover {
    background: #7ed321
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-extra a {
    color: #999
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-header-extra a:hover {
    color: #666
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-content__column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-right: 40px
}

.body-page.page-web-group .group-container .main-box .panel-box .panel-content__column:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 7px
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item:last-child {
    margin-bottom: 0
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 0 0 13px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cfcfcf
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title.primary {
    color: #111
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title.primary:before {
    background: #7ed321
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title.primary:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title.visited:visited {
    color: #888
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title.visited:visited:hover {
    color: #666
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title.visited:visited:before {
    background: #cfcfcf
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title--simple {
    padding-left: 0
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title--simple:before {
    content: none
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-title--highlight {
    color: #346fb6
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 6px;
    color: #aaa;
    font-size: 12px;
    line-height: 24px
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-desc {
    height: 40px;
    font-size: 12px;
    margin-left: 13px;
    word-break: break-word;
    color: #333;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-group .group-container .main-box .panel-box .item-list .item-desc:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container .main-box .panel-box--news .news-panel {
    overflow: hidden
}

.body-page.page-web-group .group-container .main-box .huawei-recommend-foot {
    text-align: center
}

.body-page.page-web-group .group-container .main-box .huawei-recommend-foot .more-btn {
    padding: 6px 12px;
    font-size: 13px;
    text-align: center;
    border-radius: 28px;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87)
}

.body-page.page-web-group .group-container .main-box .huawei-recommend-foot .more-btn:hover {
    color: #32aa66!important;
    border: 1px solid #32aa66!important
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder {
    margin-top: 18px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder .huawei-subject-swiper {
    visibility: hidden;
    width: 100%;
    padding: 10px 5px;
    overflow: hidden
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder .huawei-subject-swiper .swiper-slide {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder .huawei-subject-swiper .swiper-slide img {
    width: 100%;
    height: 106px;
    -o-object-fit: cover;
    object-fit: cover
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder .huawei-subject-swiper .swiper-slide div {
    font-size: 12px;
    color: #111;
    padding: 5px 10px;
    height: 38px;
    line-height: 1.4;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn {
    position: absolute;
    top: 85px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #cbcbcb;
    font-size: 35px;
    font-weight: 700;
    cursor: pointer
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn i {
    width: unset!important;
    height: unset!important
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn:hover {
    font-size: 38px;
    opacity: .8
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn-prev {
    left: -22px
}

.body-page.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn-next {
    right: -26px
}

.body-page.page-web-group .group-container .sidebar-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 320px;
    margin-left: 24px
}

.body-page.page-web-group .group-container .sidebar-box .huawei-group-section-header .section-icon {
    height: 20px;
    margin-right: 3px!important
}

.body-page.page-web-group .group-container .sidebar-box .huawei-group-section-header .section-icon .huawei-group-icon {
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.body-page.page-web-group .group-container .sidebar-box .huawei-more-link {
    color: #888!important
}

.body-page.page-web-group .group-container .sidebar-box .huawei-more-link:hover {
    color: #32aa66!important
}

.body-page.page-web-group .group-container .sidebar-box .huawei-hot-tag {
    margin: .5rem .5rem .5rem 0;
    padding: .8em .9em
}

.body-page.page-web-group .group-container .sidebar-box .huawei-hot-tag:hover {
    color: #32aa66!important;
    border: 1px solid #32aa66!important
}

.body-page.page-web-group .group-container .sidebar-box .huawei-banner-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,.6)));
    background: linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 100%)
}

.body-page.page-web-group .group-container .sidebar-box .huawei-banner-hover__title {
    width: 245px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-weight: 600;
    padding: 0 10px
}

.body-page.page-web-group .group-container .sidebar-box .huawei-banner-hover-multiple .huawei-banner-hover__title {
    bottom: 25px!important
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper {
    width: 100%;
    height: auto;
    margin: 8px 0 5px;
    overflow: hidden
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide {
    width: 100%;
    height: 100%
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide img {
    width: 100%;
    height: 110px;
    -o-object-fit: cover;
    object-fit: cover
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide .person-name {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    display: block;
    color: #111
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide .person-name:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide .person-des {
    font-size: 12px;
    color: #111;
    word-break: break-all;
    line-height: 1.2
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide .person-des:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn {
    position: absolute;
    top: 55px;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #cbcbcb;
    font-size: 25px;
    cursor: pointer
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn i {
    width: unset!important;
    height: unset!important
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn:hover {
    font-size: 27px;
    opacity: .8
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn-prev {
    left: -18px
}

.body-page.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn-next {
    right: -20px
}

.body-page.page-web-group .group-container .sidebar-box .huawei-question-list {
    height: 229px!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.body-page.page-web-group .group-container .sidebar-box .huawei-question-list .question-item {
    margin-bottom: unset!important
}

.body-page.page-web-group .group-container .sidebar-box .huawei-question-list .question-item .title-point {
    vertical-align: middle;
    margin-right: 5px
}

.body-page.page-web-group .group-container .sidebar-box .huawei-question-list .question-item__title h3 {
    word-break: break-all;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-group .group-container .sidebar-box .huawei-question-list .huawei-group-icon {
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.body-page.page-web-group .group-container .sidebar-box .huawei-question-list a {
    vertical-align: middle
}

.body-page.page-web-group .group-container .sidebar-box .huawei-question-list a:hover {
    color: #346fb6!important
}

.body-page.page-web-group .group-container .sidebar-box .huawei-main-service .service {
    margin-bottom: 15px;
    width: 100%;
    padding: 8px 10px 8px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px #eee solid
}

.body-page.page-web-group .group-container .sidebar-box .huawei-main-service .service:hover {
    -webkit-box-shadow: 0 0 4px 1px #eee;
    box-shadow: 0 0 4px 1px #eee
}

.body-page.page-web-group .group-container .sidebar-box .huawei-main-service .service:last-child {
    margin-bottom: 0!important
}

.body-page.page-web-group .group-container .sidebar-box .huawei-main-service .service .left .name {
    color: #111;
    font-weight: 700
}

.body-page.page-web-group .group-container .sidebar-box .huawei-main-service .service .left .desc {
    font-size: 12px;
    color: #666;
    line-height: 1.2;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-group .group-container .sidebar-box .huawei-main-service .service .left .btn {
    margin-top: 8px;
    padding: 0 5px;
    color: #21b351;
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: unset
}

.body-page.page-web-group .group-container .sidebar-box .huawei-main-service .service .right {
    width: 35%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-group .group-container .sidebar-box .huawei-main-service .service .right img {
    width: 100%;
    height: auto
}

.body-page.page-web-group .group-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px
}

.body-page.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .section-header .section-icon {
    color: #ffaf38
}

.body-page.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .members-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.body-page.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .members-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    height: 32px;
    padding-left: 8px
}

.body-page.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .members-box__item {
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -8px
}

.body-page.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .members-box__item a {
    display: block
}

.body-page.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .members-box__item a .osc-avatar {
    -webkit-box-shadow: none;
    box-shadow: none
}

.body-page.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .section-header .section-icon {
    color: #1296fe
}

.body-page.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .section-body .content a {
    color: #111
}

.body-page.page-web-group .group-container--cooperation .group-profile-box+.section-box {
    margin-top: 32px
}

.body-page.page-web-group .group-container--cooperation .group-profile-box .profile-banner__inner {
    height: 184px
}

.body-page.page-web-group .group-container--cooperation .section-box {
    margin-bottom: 32px
}

.body-page.page-web-group .group-container--cooperation .section-box:last-child {
    margin-bottom: 0
}

.body-page.page-web-group .group-container--cooperation .section-box__header {
    margin-bottom: 8px
}

.body-page.page-web-group .group-container--cooperation .section-box__title {
    color: #111;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box {
    position: relative;
    display: block;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards {
    display: block
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner {
    margin: -5px;
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card {
    padding: 5px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card a:hover {
    color: #515eed
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-item {
    color: #000;
    border-radius: 2px;
    border: 1px solid #dadcdf;
    height: 160px;
    padding: 30px 25px 15px;
    position: relative;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-item:hover {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.05)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-item-title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .32px;
    line-height: 1.5;
    overflow: hidden;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    white-space: nowrap
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-item-text {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    height: 60px;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 8px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    overflow: hidden
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-item-extra {
    bottom: 0;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    left: 0;
    letter-spacing: 0;
    line-height: 22px;
    padding: 10px 25px 15px;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-item-icon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-image-item {
    color: #000;
    border-radius: 2px;
    height: 160px;
    padding: 0;
    position: relative;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-image-item:hover {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.05)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-image-item-title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    padding: 34px 25px 0
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-image-item-extra {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-top: 20px;
    padding: 0 25px
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-image-item-extra .button {
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    height: 28px;
    line-height: 26px;
    min-width: 80px;
    outline: 0;
    padding: 0 12px
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards {
    display: block
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%;
    background-color: #fff;
    position: relative;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card:hover {
    -webkit-box-shadow: 4px 8px 12px 0 rgba(0,0,0,.05);
    box-shadow: 4px 8px 12px 0 rgba(0,0,0,.05);
    z-index: 1
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card-img {
    background-color: #ebebeb;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 160px;
    overflow: hidden
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card-contain {
    border: 1px solid #d8d8d8;
    border-top: 0;
    padding: 30px 40px 25px;
    position: relative
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card-title {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    height: 30px;
    line-height: 28px;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card-extra {
    position: absolute;
    right: 40px;
    top: 33px
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card-extra-tag {
    background: #eee;
    border-radius: 999999px;
    color: #666;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    min-width: 50px;
    padding: 0 13px;
    text-align: center
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card-text {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 10px;
    position: relative;
    text-align: justify;
    height: 44px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card+.custom-image-card .custom-image-card-contain {
    border-left: none
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list {
    display: block
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-content {
    border: 1px solid #dadcdf;
    border-radius: 2px
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group+.custom-table-list-group {
    border-top: 1px solid #dadcdf
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 190px;
    height: 120px;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f5f5
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group-title span {
    color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 26px;
    vertical-align: middle
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group-title:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
    width: 0
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-wrap {
    display: block;
    width: 33.33333333%
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-wrap+.custom-table-list-item-wrap {
    border-left: 1px solid #dadcdf
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item {
    background: #fff;
    height: 120px;
    padding: 30px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-title-icon {
    display: inline-block;
    color: transparent;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-text {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    margin-top: 5px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-tag {
    border: 1px solid #1434c1;
    border-radius: 999999px;
    color: #1434c1;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 2px;
    margin-left: 15px;
    padding: 0 10px;
    vertical-align: middle
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-tag-hot {
    border-color: #ff3812;
    color: #ff3812
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-tag-new {
    border-color: #00b359;
    color: #00b359
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item:hover {
    background: #1434c1
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item:hover .custom-table-list-item-text,.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item:hover .custom-table-list-item-title,.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item:hover .custom-table-list-item-title-icon {
    color: #fff
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-footer {
    margin-top: 24px;
    text-align: center
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-footer-link {
    font-size: 16px;
    line-height: 22px;
    color: #4a4a4a
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-footer-icon {
    display: inline-block;
    color: #9b9b9b;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-content h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: .5em
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-content pre {
    position: relative;
    margin: 0 0 20px;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    word-break: break-word;
    word-wrap: normal;
    white-space: pre;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-content pre,.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-content pre>code {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    background: #f6f6f6;
    color: #333;
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace
}

.body-page.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-content>:last-child {
    margin-bottom: 0
}

.body-page.page-web-group .group-container--cooperation .notice-box {
    display: block;
    background: #fffceb;
    border: 1px solid #e1dec9;
    border-radius: 5px;
    margin-bottom: 24px
}

.body-page.page-web-group .group-container--cooperation .notice-box__link {
    color: #111
}

.body-page.page-web-group .group-container--cooperation .notice-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 16px 24px
}

.body-page.page-web-group .group-container--cooperation .notice-box__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 22px
}

.body-page.page-web-group .group-container--cooperation .notice-box__close {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 22px;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer
}

.body-page.page-web-group .group-container--cooperation .content-box__inner .tab-container__inner {
    padding: 0 24px
}

.body-page.page-web-group .group-container--cooperation .content-box__inner .tab-container__inner .tabs-box__tabs .tabs-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 127px
}

.body-page.page-web-group .group-container--cooperation .content-box__inner .tab-container__inner .tabs-box__tabs .tabs-item:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: initial
}

.body-page.page-web-group .group-container--project .panel-header {
    margin-bottom: 24px
}

.body-page.page-web-group .group-container--project .panel-header__body {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.body-page.page-web-group .group-container--project .panel-header .main-box {
    padding-bottom: 0
}

.body-page.page-web-group .group-container--project .panel-header .main-box__inner {
    height: 100%
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box {
    height: 100%;
    margin-bottom: 0
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap {
    padding: 0 24px
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion:first-child {
    margin-top: 8px
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion__inner {
    padding: 24px 0;
    border-top: 1px solid #ecedee
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion+.section-promotion .section-promotion__inner {
    padding-top: 0;
    border-top: none
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .section-header {
    margin-bottom: 16px
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .section-title {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -24px
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item {
    width: 184px;
    margin-right: 24px;
    margin-bottom: 24px
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item__inner {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: auto;
    -webkit-transition: all .24s cubic-bezier(.645,.045,.355,1);
    transition: all .24s cubic-bezier(.645,.045,.355,1)
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item__inner:hover {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.05)
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item__picture {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item__picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item__content {
    padding: 11px 15px;
    color: #111
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item__content .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item__content .desc {
    margin-top: 2px;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box__inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section {
    margin-top: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .section-body {
    overflow: hidden
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .links-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .links-wrap .link-item {
    width: 25%;
    text-align: center;
    margin: 5px 0
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .links-wrap .link-item__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #346fb6
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .links-wrap .link-item__inner:hover {
    color: #003d86
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .links-wrap .link-item__image img {
    display: block;
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .links-wrap .link-item__title {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    white-space: pre
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item {
    display: block;
    font-size: 0;
    line-height: 1;
    margin-bottom: 8px
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #111;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    color: #888;
    font-size: 16px
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item__icon img {
    display: block;
    width: 16px;
    height: 16px;
    margin: 2px 0
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item__icon i.oicon-home-circle {
    color: #1285fe
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item__icon i.oicon-gitee-circle {
    color: #c71d23
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item__icon i.oicon-oschina-circle {
    color: #21b351
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item__title {
    min-width: 0;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item:hover .list-item__title {
    border-bottom: 1px solid #d3d3d3
}

.body-page.page-web-group .group-container--project .panel-main__title {
    color: #111;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 8px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box {
    margin-bottom: 6px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box__inner {
    position: relative;
    overflow: hidden
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .corner-mark {
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 24px 0;
    -webkit-transform: translate(-2%,44%) rotate(-45deg);
    transform: translate(-2%,44%) rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    z-index: 1;
    display: block;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background: #1285fe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap {
    position: relative;
    display: block;
    overflow-x: auto;
    overflow-scrolling: touch
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap::-webkit-scrollbar {
    display: none
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list {
    position: relative;
    display: block;
    white-space: nowrap;
    font-size: 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 6px 6px;
    width: 80px;
    height: 80px;
    border-radius: 3px;
    background: #ecedee;
    border: 1px solid #ecedee;
    color: #111;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    cursor: pointer;
    margin-right: 27px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item:hover {
    background: #e8eaec
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item:active {
    background: #e2e3e7
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item__icon {
    width: 32px;
    height: 32px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item__icon img {
    display: block;
    width: 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item__title {
    margin-top: 8px;
    max-width: 100%;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item.active {
    background: rgba(33,179,81,.1);
    border: 1px solid rgba(33,179,81,.5)
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item.active .circle-item__title {
    color: #21b351;
    font-weight: 500
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 120px;
    height: 80px;
    padding: 24px;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(73%,#f7f8fa),to(#f7f8fa));
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 0,#f7f8fa 73%,#f7f8fa 100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: opacity .14s ease;
    transition: opacity .14s ease
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar__btn {
    justify-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    background: #fff;
    border: 1px solid #ddd;
    color: #888;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar__btn:hover {
    background-color: #fafafa;
    border-color: #ccc
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar--prev {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar--next {
    right: 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar--hidden {
    opacity: 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar--hidden .navbar__btn {
    pointer-events: none
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__inner {
    width: 160px;
    font-size: 14px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__icon {
    width: 30px;
    color: #ccd0d4;
    opacity: 1;
    cursor: default
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 0 #ddd;
    box-shadow: inset 0 -1px 0 0 #ddd;
    line-height: 20px;
    padding: 6px 8px 6px 30px!important;
    background: 0 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input::-webkit-input-placeholder {
    color: #bababa
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input::-moz-placeholder {
    color: #bababa
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input:-ms-input-placeholder {
    color: #bababa
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input::-ms-input-placeholder {
    color: #bababa
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input::placeholder {
    color: #bababa
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input:focus {
    -webkit-box-shadow: inset 0 -1px 0 0 #21b351;
    box-shadow: inset 0 -1px 0 0 #21b351
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container {
    margin-bottom: 24px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__tabs .tabs-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 24px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__tabs .tabs-item:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__tabs .tabs-link {
    padding: 12px 22px 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__tabs .tabs-link .count {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 1em
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__tabs .tabs-link .count:before {
    content: attr(data-show);
    position: absolute;
    top: -2px;
    left: 8px;
    display: block;
    background: #ff5353;
    font-family: SFProText-Heavy,'Helvetica Neue',Arial,Helvetica,sans-serif;
    border-radius: 500rem;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    font-weight: 600;
    text-align: center
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__tabs .tabs-link .count[data-value="0"] {
    display: none
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direaction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__extra .toolbar-box .entry-sort-dropdown {
    padding: 3px 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__extra .toolbar-box .entry-sort-dropdown i.icon.dropdown {
    margin-right: 4px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__extra .toolbar-box .entry-sort-dropdown>.text {
    color: #666
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__extra .toolbar-box .entry-sort-dropdown .menu {
    right: 0;
    left: auto
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__extra .toolbar-box+.search-box {
    margin-left: 24px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box__body .entry-container__inner {
    padding: 7px 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box__body .entry-container .quick-publish-box {
    margin-bottom: 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box__body .entry-container .quick-publish-box__inner {
    padding: 24px 32px
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box__body .entry-container .quick-publish-box__form {
    padding: 0
}

.body-page.page-web-group .group-container--project .panel-main .main-box .content-box__body .entry-container .discuss-box .entry-list-box .entry-item:first-child {
    margin-top: -24px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action {
    margin-bottom: 73px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .button-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .button-list .button-item {
    display: block;
    width: 152px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 28px 8px;
    border-radius: 3px;
    background: #21b351;
    color: #fff;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .button-list .button-item:hover {
    background: #20ab4e
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .button-list .button-item__icon {
    display: block;
    height: 1em;
    font-size: 32px;
    line-height: 1em;
    margin-bottom: 4px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .button-list .button-item__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list {
    margin-top: 24px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #111;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__title a {
    color: #111
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__title a:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__extra .count {
    display: block;
    position: relative;
    width: 0;
    height: 22px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__extra .count:before {
    content: attr(data-value);
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 50%;
    background: #ecedee;
    -webkit-transform: scale(.5) translateX(100%);
    transform: scale(.5) translateX(100%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    color: #888;
    font-size: 20px;
    line-height: 44px;
    font-weight: 500;
    text-align: center;
    font-family: Roboto,'Helvetica Neue',Arial,Helvetica,sans-serif
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__extra .count[data-value="0"] {
    display: none
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item {
    margin-bottom: 16px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #888;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 4px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-text {
    margin-left: 4px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-text a {
    color: #888
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-text a:hover {
    color: #666
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-text .name {
    margin-right: 4px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-time {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 3px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__title h3 {
    margin: 0;
    padding: 0;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__title h3 a {
    color: #111
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__action {
    margin-top: 4px
}

.body-page.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__action .osc-button {
    padding: 3px 11px
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 32px 24px
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__header {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item {
    display: block;
    width: calc(100%/3 - 24px);
    margin: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ecedee;
    background: #fff;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease,-webkit-box-shadow .2s ease;
    color: #111
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item:hover {
    -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,.04),0 6px 20px 0 rgba(0,0,0,.05),0 10px 28px 0 rgba(0,0,0,.03);
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.04),0 6px 20px 0 rgba(0,0,0,.05),0 10px 28px 0 rgba(0,0,0,.03)
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item--clickable {
    cursor: pointer
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 174px;
    font-size: 0
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__header {
    margin-bottom: 8px
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__title {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__title,.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__title a {
    color: #111
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__title a {
    color: #111
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__title a:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    display: block;
    color: #888;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__desc.try {
    -webkit-line-clamp: 2!important
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__try {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 8px
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__try .button {
    display: block;
    width: 100%
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__try .button:focus,.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__try .button:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #fbbd08!important;
    color: #fff!important
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta {
    margin-top: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta.try {
    margin-top: 8px!important
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #888
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list>.item {
    margin-right: 16px
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list>.item:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list>.item--clickable,.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list>.item>a {
    color: #999
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list>.item--clickable:hover,.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list>.item>a:hover {
    color: #666
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list>.item>i.icon {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    vertical-align: top
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .tag {
    display: inline-block;
    border-radius: 2px;
    padding: 1px 6px;
    background: #f7f8f9;
    color: #888;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500
}

.body-page.page-web-group .group-container--project .panel-main .project-list-box__pagination {
    margin-top: 24px;
    text-align: center
}

.body-page.page-web-group .group-container--project .panel-box-fish {
    margin-top: -10px;
    margin-bottom: -5px
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #ecedee
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header--borderless {
    border-bottom: 1px solid transparent
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    display: block
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-icon img {
    display: block;
    width: 24px;
    height: 24px
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-title,.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-title a {
    color: #111
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    color: #346fb6
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-link:hover {
    color: #003d86
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-link--gray {
    color: #999
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-link--gray:hover {
    color: #666
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-tabs {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-tabs .tab {
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #d8d8d8;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin: 0 6px 0 0;
    overflow: hidden;
    cursor: pointer
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-tabs .tab:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-tabs .tab.active,.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-tabs .tab:hover {
    background: #7ed321
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-extra a {
    color: #999
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-header-extra a:hover {
    color: #666
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-content__column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-right: 24px
}

.body-page.page-web-group .group-container--project .panel-box-fish .panel-content__column:last-child {
    margin-right: 0
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2px
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item:last-child {
    margin-bottom: 0
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 0 13px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cfcfcf
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title.primary {
    color: #111
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title.primary:before {
    background: #7ed321
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title.primary:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title.visited:visited {
    color: #888
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title.visited:visited:hover {
    color: #666
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title.visited:visited:before {
    background: #cfcfcf
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title--simple {
    padding-left: 0
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title--simple:before {
    content: none
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-title--highlight {
    color: #346fb6
}

.body-page.page-web-group .group-container--project .panel-box-fish .item-list .item-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 6px;
    color: #aaa;
    font-size: 12px;
    line-height: 24px
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box {
    width: 100%;
    display: block;
    background-color: #f7f8f9;
    background-image: -webkit-gradient(linear,left top,right top,from(#fff8fd),to(#f6faff));
    background-image: linear-gradient(90deg,#fff8fd 0,#f6faff 100%);
    border-radius: 6px;
    overflow: hidden
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(247,248,249,0)));
    background-image: linear-gradient(0deg,#fff 0,rgba(247,248,249,0) 100%)
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list {
    display: block;
    overflow: hidden
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-bottom: -4px
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list .link-item {
    width: 151px;
    height: 20px;
    margin: 0 4px 8px 0
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list .link-item a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    color: #111
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list .link-item a:hover {
    color: #346fb6
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list .link-item img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    width: 1em;
    height: 1em;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list .link-item span {
    min-width: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__header .title {
    font-weight: 500
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__extra {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 16px
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__extra .group-nav-box__header {
    padding-right: 24px
}

.body-page.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__extra .group-nav-box__header .title {
    color: #a01f96
}

.body-page.page-web-group-admin {
    background: #f7f8f9
}

.body-page.page-web-group-admin .huawei-charts-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    z-index: 99
}

.body-page.page-web-group-admin .huawei-charts-card {
    position: relative;
    width: 617px;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2)
}

.body-page.page-web-group-admin .card-header {
    text-align: left;
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid rgba(34,36,38,.15)
}

.body-page.page-web-group-admin .card-header-des {
    font-size: 14px;
    color: #999
}

.body-page.page-web-group-admin .card-content {
    padding: 20px;
    height: calc(100% - 65px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page.page-web-group-admin .date-item {
    width: 90px;
    height: 60px;
    border: 1px rgba(34,36,38,.15) solid;
    margin: 3px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px rgba(34,36,38,.1);
    box-shadow: 1px 1px 2px rgba(34,36,38,.1);
    border-radius: 2px
}

.body-page.page-web-group-admin .date-header {
    background: #f5f5f5;
    border-bottom: 1px solid rgba(34,36,38,.15);
    font-size: 16px;
    line-height: 1.8;
    font-style: italic
}

.body-page.page-web-group-admin .date-count {
    line-height: 30px
}

.body-page.page-web-group-admin .chart-close {
    position: absolute;
    top: 22px;
    right: 18px;
    font-size: 18px!important;
    cursor: pointer
}

.body-page.page-web-group-admin .chart-close:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.body-page.page-web-group-admin .image-upload {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden
}

.body-page.page-web-group-admin .image-upload:after {
    content: '';
    display: block;
    margin-top: 27.38589212%
}

.body-page.page-web-group-admin .image-upload__inner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #9b9b9b;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease;
    cursor: pointer;
    overflow: hidden
}

.body-page.page-web-group-admin .image-upload__inner:hover {
    border-color: #21b351
}

.body-page.page-web-group-admin .image-upload__inner input[type=file] {
    display: none
}

.body-page.page-web-group-admin .image-upload__inner .upload-text {
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b;
    padding: 0 12px;
    text-align: center
}

.body-page.page-web-group-admin .image-upload__inner .upload-text i.icon {
    margin: 0
}

.body-page.page-web-group-admin .image-upload__inner .upload-img {
    display: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.body-page.page-web-group-admin .image-upload--pic .image-upload__inner .upload-text {
    display: none
}

.body-page.page-web-group-admin .image-upload--pic .image-upload__inner .upload-img {
    display: block
}

.body-page.page-web-group-admin .image-upload--loading .image-upload__inner .upload-text {
    display: none
}

.body-page.page-web-group-admin .image-upload--loading .image-upload__inner .upload-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1
}

.body-page.page-web-group-admin .group-admin-container {
    margin: 0 auto 24px
}

.body-page.page-web-group-admin .group-admin-container .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.body-page.page-web-group-admin .group-admin-container .admin-header-box .group-info-box {
    padding: 0 24px
}

.body-page.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0
}

.body-page.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.body-page.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__logo img {
    display: block;
    background: #fff;
    border: 1px solid #ecedee;
    border-radius: 4px;
    width: 64px;
    height: 64px
}

.body-page.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.body-page.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__title h1 {
    color: #1b1c1e;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.body-page.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__extra {
    margin-left: 12px
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .box-container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 240px;
    min-height: 640px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset -1px 0 0 0 #ecedee;
    box-shadow: inset -1px 0 0 0 #ecedee
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section {
    margin-bottom: 24px
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section:last-child {
    margin-bottom: 0
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__title {
    color: #9b9b9b;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list {
    padding-left: 16px
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    padding-left: 11px
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #111
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item:last-child {
    margin-bottom: 0
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item,.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item a {
    color: #111
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item.active,.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item.active a {
    color: #21b351;
    font-weight: 500
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item.active:before {
    background: #21b351
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .main-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 80px
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner .panel-section__header {
    margin-bottom: 16px
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner .panel-section__title {
    color: #111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner .panel-section__title--large {
    font-size: 24px;
    line-height: 34px
}

.body-page.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner .panel-section__desc {
    color: #111;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px
}

.body-page.page-web-group-admin .group-admin-container .form-wrap {
    width: 480px
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-field:not(:first-child) {
    margin-top: 36px
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-field .field-desc {
    font-weight: 400;
    color: #9b9b9b;
    font-size: 13px;
    margin-top: 6px
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-field .field-label {
    display: inline-block;
    margin-bottom: 4px;
    color: #9b9b9b;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-field .form-prompt {
    margin: 0;
    padding: 0;
    border: none;
    color: #ac0000!important;
    font-size: 12px;
    line-height: 16px
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-field .form-prompt:before {
    content: none
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-field.osc-field .form-prompt {
    position: absolute;
    bottom: -4px;
    left: 10px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-field--image-upload.error .image-upload__inner {
    border: 2px solid #ac0000
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-field--image-upload.error .image-upload__inner .upload-text {
    color: #ac0000
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-field--image-upload .form-prompt {
    height: 0;
    opacity: 0;
    visibility: hidden!important;
    overflow: hidden!important
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-action {
    margin-top: 40px
}

.body-page.page-web-group-admin .group-admin-container .form-wrap .form-action .osc-button.submit {
    padding: 6px 24px
}

.body-page.page-web-group-admin .group-admin-container .table-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-main {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__inner {
    width: 160px;
    font-size: 14px
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__icon {
    width: 30px;
    color: #ccd0d4;
    opacity: 1;
    cursor: default
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 0 #ddd;
    box-shadow: inset 0 -1px 0 0 #ddd;
    line-height: 20px;
    padding: 6px 8px 6px 30px!important
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input::-webkit-input-placeholder {
    color: #bababa
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input::-moz-placeholder {
    color: #bababa
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input:-ms-input-placeholder {
    color: #bababa
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input::-ms-input-placeholder {
    color: #bababa
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input::placeholder {
    color: #bababa
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input:focus {
    -webkit-box-shadow: inset 0 -1px 0 0 #21b351;
    box-shadow: inset 0 -1px 0 0 #21b351
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .action-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 24px
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .action-box .osc-button {
    padding: 6px 12px;
    font-weight: 400
}

.body-page.page-web-group-admin .group-admin-container .table-box__header-extra .action-box .osc-button i {
    font-size: 16px;
    vertical-align: bottom
}

.body-page.page-web-group-admin .group-admin-container .table-box .content-container {
    position: relative
}

.body-page.page-web-group-admin .group-admin-container .table-box .content-container__loader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-group-admin .group-admin-container .table-box .content-container__loader .loader {
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    table-layout: fixed
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner thead th {
    padding: 8px 16px;
    border-bottom: 1px solid #e3e9ed;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    font-weight: 400;
    color: #9b9b9b
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner tbody td {
    padding: 12px 16px;
    border-bottom: 1px solid #e3e9ed;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    color: #111
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner tbody td .huawei-group-icon {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner tbody td a {
    vertical-align: middle;
    color: #111
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner tbody td a:hover {
    color: #346fb6
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner tbody tr:hover td {
    background: #f5f6f8
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner .right {
    text-align: right
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner .center {
    text-align: center
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner .font-fp {
    font-family: Courier,sans-serif
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner th.seq {
    width: 72px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner th.enable {
    width: 100px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner td.enable .ui.checkbox.enable {
    display: block;
    width: 17px;
    margin: 0 auto
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner th.sort {
    width: 104px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner td.sort {
    padding: 6px 16px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner td.sort input {
    width: 100%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: #f5f6f8;
    border-radius: 3px;
    padding: 6px 0;
    margin: 0;
    text-align: inherit;
    font-family: inherit
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner th.action {
    width: 148px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner td.action .linkable {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
    color: #346fb6
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner td.action .linkable:hover {
    color: #003d86
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner td.action .linkable:last-child {
    margin-right: 0
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-inner td.action .linkable i {
    color: #9b9b9b;
    margin-right: 4px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll {
    padding-bottom: 2px;
    overflow-x: auto
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
    -webkit-appearance: none;
    appearance: none
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153,153,153,.75)
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(153,153,153,.6)
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar-thumb,.body-page.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar-track {
    border-radius: 4px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll .table-inner {
    table-layout: auto;
    white-space: nowrap
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-desc {
    margin-top: 12px;
    color: #9b9b9b;
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-pagination {
    margin-top: 24px;
    text-align: center
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-empty-view {
    display: block;
    padding: 60px 32px
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-empty-view__pic {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 108px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-group-admin .group-admin-container .table-box .table-empty-view__text {
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b
}



.body-page.page-web-group-admin .group-admin-container--basic .form-wrap {
    padding-top: 30px
}

.body-page.page-web-group-admin .group-admin-container--basic .form-field.logo-upload .image-upload {
    width: 96px
}

.body-page.page-web-group-admin .group-admin-container--basic .form-field.logo-upload .image-upload:after {
    margin-top: 100%
}

.body-page.page-web-group-admin .group-admin-container--basic .form-field.banner-upload .image-upload:after {
    margin-top: 18.69158879%
}

.body-page.page-web-group-admin .group-admin-container--projects .table-wrap td.title .project-name a {
    color: #346fb6
}

.body-page.page-web-group-admin .group-admin-container--projects .table-wrap td.title .project-name a:hover {
    color: #003d86
}

.body-page.page-web-group-admin .group-admin-container--projects .table-wrap td.title .project-title {
    margin-left: 8px
}

.body-page.page-web-group-admin .group-admin-container--projects .table-wrap td.date,.body-page.page-web-group-admin .group-admin-container--projects .table-wrap th.date {
    width: 180px;
    padding-left: 40px
}

.body-page.page-web-group-admin .group-admin-container--projects .table-wrap th.action {
    width: 132px
}

.body-page.page-web-group-admin .group-admin-container--projects .table-wrap td.checkbox-action .checkbox-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group-admin .group-admin-container--projects .table-wrap td.checkbox-action .checkbox-wrap .text {
    padding-right: 4px;
    cursor: pointer
}

.body-page.page-web-group-admin .group-admin-container--columns .table-wrap {
    width: 420px
}

.body-page.page-web-group-admin .group-admin-container--circles .table-wrap th.ident {
    width: 180px
}

.body-page.page-web-group-admin .group-admin-container--promotions .settings-box {
    margin-bottom: 32px
}

.body-page.page-web-group-admin .group-admin-container--promotions .settings-box:last-child {
    margin-bottom: 0
}

.body-page.page-web-group-admin .group-admin-container--promotions .settings-box__title {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 16px
}

.body-page.page-web-group-admin .group-admin-container--promotions .settings-box--banner .table-wrap th.picture {
    width: 200px
}

.body-page.page-web-group-admin .group-admin-container--promotions .settings-box--banner .table-wrap td.picture img {
    display: block;
    width: 168px;
    height: 32px;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box__switch {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    margin-right: 4px
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box__switch .checkbox-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box__switch .checkbox-wrap .text {
    padding-right: 4px;
    cursor: pointer
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box__preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box__preview .preview-wrap {
    display: block;
    padding: 4px;
    border-radius: 3px;
    border: 1px solid #ecedee;
    overflow: hidden
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box__preview .preview-wrap+.preview-wrap {
    margin-left: 8px
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box__preview .preview-wrap img {
    display: block
}

.body-page.page-web-group-admin .group-admin-container--promotions .promotion-box__action {
    margin-top: 12px
}

.body-page.page-web-group-admin .group-admin-container--articles .table-box__header-extra .search-box__inner {
    width: 240px
}

.body-page.page-web-group-admin .group-admin-container--articles .table-wrap td.checkbox-action .checkbox-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group-admin .group-admin-container--articles .table-wrap td.checkbox-action .checkbox-wrap .text {
    padding-right: 4px;
    cursor: pointer
}

.body-page.page-web-group-admin .group-admin-container--articles .search-recommend-info {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 14px;
    border-radius: 3px
}

.body-page.page-web-group-admin .group-admin-container--articles .search-recommend-info .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    line-height: 20px
}

.body-page.page-web-group-admin .group-admin-container--articles .search-recommend-info .text .keywords {
    font-weight: 700
}

.body-page.page-web-group-admin .group-admin-container--articles .search-recommend-info .button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    margin-right: 0
}

.body-page.page-web-group-admin .group-admin-container--content-settings .table-wrap th.date {
    width: 132px
}

.body-page.page-web-group-admin .group-admin-container--managers .table-wrap th.role {
    width: 200px
}

.body-page.page-web-group-admin .group-admin-container--managers .table-wrap td.user .member-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group-admin .group-admin-container--managers .table-wrap td.user .member-wrap .member-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-group-admin .group-admin-container--managers .table-wrap td.user .member-wrap .member-info {
    margin-left: 12px
}

.body-page.page-web-group-admin .group-admin-container--managers .table-wrap td.user .member-wrap .member-info .member-name a {
    vertical-align: middle
}

.body-page.page-web-group-admin .group-admin-container--managers .table-wrap td.user .member-wrap .member-info .member-name .label {
    margin: 0 0 0 4px;
    padding: 3px 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-group-admin .group-admin-container--managers .table-wrap td.role .disabled {
    opacity: .45
}

.body-page.page-web-group-admin .group-admin-container--managers .table-wrap td.role .role-change-dropdown>.text {
    font-weight: 400
}

.body-page.page-web-group-admin .group-admin-container--managers .table-wrap td.role .role-change-dropdown>.dropdown.icon {
    margin-right: 0
}

.body-page.page-web-group-admin .group-admin-container--experts .table-wrap th.description {
    width: 320px
}

.body-page.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap .expert-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap .expert-info {
    margin-left: 12px
}

.body-page.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap .expert-info .expert-name a {
    vertical-align: middle;
    color: #111
}

.body-page.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap .expert-info .expert-name a:hover {
    color: #346fb6
}

.body-page.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap .expert-info .expert-name .label {
    margin: 0 0 0 4px;
    padding: 3px 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box {
    display: block;
    background: #fff;
    border: 1px solid #ecedee;
    border-radius: 4px;
    margin-bottom: 24px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ecedee;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box__title {
    color: #111;
    font-weight: 600
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box__extra {
    color: #888
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 6px 7px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item {
    display: block;
    width: 112px;
    padding: 12px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item__title {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item__title .icon-wrap {
    margin-left: 3px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item__count {
    margin-top: 8px;
    color: #111;
    font-family: Roboto,sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .oicon.oicon-information-circle {
    color: #4fa8fa;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip {
    padding: 9px 14px;
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.top.center:before,.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.top.left:before,.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.top.right:before {
    -webkit-box-shadow: 1px 1px 0 0 #ecedee;
    box-shadow: 1px 1px 0 0 #ecedee
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.bottom.center:before,.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.bottom.left:before,.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.bottom.right:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.left.center:before {
    -webkit-box-shadow: 1px -1px 0 0 #ecedee;
    box-shadow: 1px -1px 0 0 #ecedee
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.right.center:before {
    -webkit-box-shadow: -1px 1px 0 0 #ecedee;
    box-shadow: -1px 1px 0 0 #ecedee
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    padding: 0
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 11px 18px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #888;
    text-align: center;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    background: #ecedee;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    cursor: pointer
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item:hover {
    color: #111
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item:active {
    color: #111;
    background: #e8eaec
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item+.tabs-item {
    -webkit-box-shadow: inset 1px 0 0 0 #fff;
    box-shadow: inset 1px 0 0 0 #fff
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item.active {
    color: #fff;
    font-weight: 600;
    background: #21b351;
    -webkit-box-shadow: none;
    box-shadow: none
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item.active+.tabs-item {
    -webkit-box-shadow: none;
    box-shadow: none
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item:first-child {
    border-radius: 4px 0 0 0
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item:last-child {
    border-radius: 0 4px 0 0
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item__content {
    position: relative
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__body {
    display: block;
    border: 1px solid #ecedee;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding: 16px 24px 24px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart {
    margin-bottom: 18px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header-left .date-picker {
    position: relative;
    display: inline-block;
    height: 24px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2px 4px 2px 8px;
    color: #111;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header-left .date-picker .oicon {
    color: #888;
    margin-left: 4px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header-main {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__body .charts-container {
    display: block;
    height: 244px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__table .table-box__header-main {
    color: #111
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__table .table-box__header-extra .action-box .osc-button {
    padding: 3px 7px;
    font-size: 12px;
    line-height: 16px
}

.body-page.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__table .table-box__body .table-wrap td.date {
    font-family: 'Roboto Mono',sans-serif
}

@media only screen and (min-width: 1265px) {
    .body-page.page-web-group-admin .group-admin-modal-add-project {
        width:500px
    }
}

.body-page.page-web-group-admin .group-admin-modal-add-project .tip {
    font-weight: 400;
    color: rgba(0,0,0,.5);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 8px
}

.body-page.page-web-group-admin .group-admin-modal-add-project .parse-article .message {
    display: none
}

@media only screen and (min-width: 1265px) {
    .body-page.page-web-group-admin .group-admin-modal-add-circle {
        width:500px
    }
}

.body-page.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .image-upload {
    width: 96px
}

.body-page.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .image-upload:after {
    margin-top: 100%
}

.body-page.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .image-upload__inner {
    border-color: rgba(34,36,38,.15)
}

.body-page.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .image-upload__inner:hover {
    border-color: #21b351
}

.body-page.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .image-upload__inner .upload-text {
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .field-desc {
    font-weight: 400;
    color: #9b9b9b;
    font-size: 13px;
    margin-top: 6px
}

@media only screen and (min-width: 1265px) {
    .body-page.page-web-group-admin .group-admin-modal-add-banner {
        width:520px
    }
}

.body-page.page-web-group-admin .group-admin-modal-add-banner .add-banner.form .field.picture-upload .image-upload:after {
    margin-top: 18.69158879%
}

.body-page.page-web-group-admin .group-admin-modal-add-banner .add-banner.form .field.picture-upload .image-upload__inner {
    border-color: rgba(34,36,38,.15)
}

.body-page.page-web-group-admin .group-admin-modal-add-banner .add-banner.form .field.picture-upload .image-upload__inner:hover {
    border-color: #21b351
}

.body-page.page-web-group-admin .group-admin-modal-add-banner .add-banner.form .field.picture-upload .image-upload__inner .upload-text {
    font-size: 13px;
    line-height: 18px
}

.body-page.page-web-group-admin .group-admin-modal-add-banner .add-banner.form .field.picture-upload .field-desc {
    font-weight: 400;
    color: #9b9b9b;
    font-size: 13px;
    margin-top: 6px
}

.body-page.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap .promotion-edit-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.body-page.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap .promotion-edit-box+.promotion-edit-box {
    margin-left: 12px
}

.body-page.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap .promotion-edit-box--left {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    min-width: 0
}

.body-page.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap .promotion-edit-box--right {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 0
}

.body-page.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap .promotion-edit-box--hidden {
    display: none
}

@media only screen and (min-width: 1265px) {
    .body-page.page-web-group-admin .group-admin-modal-add-article {
        width:500px
    }
}

.body-page.page-web-group-admin .group-admin-modal-add-article .tip {
    font-weight: 400;
    color: rgba(0,0,0,.5);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 8px
}

.body-page.page-web-group-admin .group-admin-modal-add-article .parse-article .message {
    display: none
}

.body-page.page-web-group-admin .group-admin-modal-add-rule .add-rule.form .field.hide {
    display: none
}

.body-page.page-web-group-admin .group-admin-modal-add-rule .add-rule.form .ui.dropdown.select-user .text .ui.mini.avatar.image {
    vertical-align: baseline;
    margin-right: 6px
}

.body-page.page-web-group-admin .group-admin-modal-add-manager .add-manager.form .ui.dropdown.select-user .text .ui.mini.avatar.image {
    vertical-align: baseline;
    margin-right: 6px
}

.body-page.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-info {
    margin-left: 12px
}

.body-page.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-info .expert-name a {
    vertical-align: middle;
    color: #111
}

.body-page.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-info .expert-name a:hover {
    color: #346fb6
}

.body-page.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-info .expert-name .label {
    margin: 0 0 0 4px;
    padding: 3px 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-group-admin .daterangepicker {
    margin-top: 10px;
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.body-page.page-web-group-admin .daterangepicker:before {
    border-bottom-color: #ecedee
}

.body-page.page-web-group-admin .daterangepicker .ranges li {
    font-size: 13px;
    line-height: 16px
}

.body-page.page-web-group-admin .daterangepicker .ranges li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.body-page.page-web-group-admin .daterangepicker .ranges li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.body-page.page-web-group-admin .daterangepicker .ranges li.active {
    background-color: #21b351
}

.body-page.page-web-group-admin .daterangepicker.show-calendar .ranges {
    margin-top: 0
}

.body-page.page-web-group-admin .daterangepicker.show-calendar .ranges li:first-child {
    border-top-right-radius: 0
}

.body-page.page-web-group-admin .daterangepicker.show-calendar .ranges li:last-child {
    border-radius: 0
}

.body-page.page-web-group-admin .daterangepicker option.disabled,.body-page.page-web-group-admin .daterangepicker td.disabled {
    color: #ddd;
    text-decoration: none
}

.body-page.page-web-group-admin .daterangepicker td.active:not(.off),.body-page.page-web-group-admin .daterangepicker td.active:not(.off):hover {
    background-color: #21b351
}

.body-page.page-web-explore {
    background: #f7f8f9
}

.body-page.page-web-explore .explore-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 24px auto 0
}

.body-page.page-web-explore .explore-container .main-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 888px;
    min-width: 0;
    padding-bottom: 24px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list {
    display: block;
    padding: 24px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box {
    margin-bottom: 48px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box:last-child {
    margin-bottom: 0
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon {
    margin-right: 8px;
    font-size: 28px;
    line-height: 1
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon.blue {
    color: #1285fe
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon.orange {
    color: #ff6838
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon.purple {
    color: #b352ce
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__body {
    margin-top: 24px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box {
    display: block;
    overflow: hidden
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item {
    width: calc(50% - 24px);
    padding: 12px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__inner {
    background: #fff
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    height: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    padding: 12px 24px 16px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__name {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__sub {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    font-family: Courier,sans-serif
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__title {
    display: block;
    padding: 0;
    margin: auto 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    max-height: 48px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body {
    border: 1px solid #d9dbdc;
    border-top: none;
    border-radius: 0 0 3px 3px;
    padding: 16px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 152px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .article-item-list .article-item+.article-item {
    margin-top: 12px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .article-item-list .article-item__title {
    display: block;
    margin: 0;
    padding: 0;
    color: #111;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .article-item-list .article-item__title:hover {
    color: #346fb6
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .article-item-list .article-item__title .tag {
    display: inline-block;
    padding: 2px 6px;
    margin-right: 8px;
    background: #f7f8f9;
    border-radius: 2px;
    color: #9b9b9b;
    font-size: 13px;
    line-height: 16px;
    font-family: Courier,sans-serif;
    vertical-align: top
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__body .more-link {
    margin-top: 16px
}


.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box {
    display: block;
    overflow: hidden
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item {
    width: calc(50% - 24px);
    padding: 12px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__inner {
    display: block;
    min-height: 392px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d9dbdc;
    border-radius: 3px;
    background: #fff;
    padding: 16px 24px 24px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body {
    margin-top: 16px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 12px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__order {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    font-family: Roboto,sans-serif;
    color: #9b9b9b;
    background: #f7f8f9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title h3 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title,.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title a {
    color: #111
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__title a:hover {
    color: #346fb6
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__extra {
    margin-left: 8px;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__extra a {
    color: #999
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item__extra a:hover {
    color: #666
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item:nth-child(1) .article-item__order {
    color: #b46900;
    background: #ffbc00
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item:nth-child(2) .article-item__order {
    color: #7b7b7b;
    background: #e4e4e4
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .article-item-list .article-item:nth-child(3) .article-item__order {
    color: #936c47;
    background: #ebc097
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list {
    display: block;
    overflow: hidden
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 320px;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -24px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    padding: 0 6px;
    margin-bottom: 24px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__header {
    position: relative;
    width: 40px;
    height: 40px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__avatar {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__order {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    font-family: Roboto,sans-serif;
    color: #9b9b9b;
    background: #f7f8f9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 8px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__name {
    color: #111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__name a {
    color: #111
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__name a:hover {
    color: #346fb6
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item__extra {
    color: #9b9b9b;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item:nth-child(1) .user-item__order {
    color: #b46900;
    background: #ffbc00
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item:nth-child(2) .user-item__order {
    color: #7b7b7b;
    background: #e4e4e4
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body .user-item-list .user-item:nth-child(3) .user-item__order {
    color: #936c47;
    background: #ebc097
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box {
    display: block;
    overflow: hidden
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item {
    width: calc(33.3333% - 24px);
    padding: 12px
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 120px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.14);
    border: 1px solid #d9dbdc;
    border-radius: 3px;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.body-page.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item__title {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    font-weight: 600
}


.body-page.page-web-explore .explore-container .sidebar-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 288px;
    margin-left: 24px
}

.body-page.page-web-explore .explore-container .sidebar-box__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item--card {
    margin-bottom: 12px
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 152px;
    color: #fff
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-content {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.1);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,.7)));
    background-image: linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 8px 12px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    margin: 0;
    padding: 0
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta {
    margin-top: 4px
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta .item-list .item {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    margin-right: 8px
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta .item-list .item:last-child {
    margin-right: 0
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-picture-card .picture-card {
    display: block;
    overflow: hidden;
    border: 1px solid #d9dbdc
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-picture-card .picture-card__inner {
    display: block;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover
}

.body-page.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-picture-card .picture-card__title {
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.body-page.page-web-project {
    background: #f7f8f9
}

.body-page.page-web-project .project-detail-container {
    margin: 24px auto 0
}

.body-page.page-web-project .project-detail-container .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.index-box-container{
    width:1200px;
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto 30px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    background:#fff;
}

.index-box-container .index-panel{
    flex: 0 0 33.3333%;
    height:1000px;
}

.index-box-container .index-panel .index-panel-category{
    padding:20px;
}

.index-box-container .index-panel  .index-panel__header{
    font-size:16px;
    color:#111;
    font-weight:500;
    border-bottom:1px solid #eee;
    padding:10px 0 10px 0;
}

.index-panel .item {
}
.index-panel .item-list{
    padding:10px 0 10px 0;
}

.index-panel .item title:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #7ed321;
}

.index-panel .item a.title
{
    position: relative;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 0 13px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.body-page.page-web-project .project-detail-container .box-container--breadcrumb {
    margin-top: -8px
}

.body-page.page-web-project .project-detail-container .detail-body-box {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 856px;
    min-width: 0;
    padding-bottom: 24px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box {
    margin-bottom: 24px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info {
    border-bottom: 1px solid #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 24px 40px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 16px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__logo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__title {
    display: block;
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: 400
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__title,.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__title a {
    color: #111
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__title .project-name {
    font-size: 30px;
    line-height: 36px;
    font-family: Roboto,sans-serif;
    font-weight: 900
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__title .project-title {
    margin-left: 8px;
    font-size: 26px;
    line-height: 36px;
    font-weight: 400
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__title-link {
    font-size: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta {
    margin-top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    margin-right: 40px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item:last-child {
    margin-right: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item--bold {
    font-weight: 500
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item i.oicon {
    margin-right: 8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item .gap {
    margin-left: 8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item .clickable,.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item>a {
    cursor: pointer;
    color: #999
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item .clickable:hover,.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item>a:hover {
    color: #666
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item .clickable.link--default,.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item>a.link--default {
    color: #346fb6
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item .clickable.link--default:hover,.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item>a.link--default:hover {
    color: #003d86
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list>.item .collect-btn i.icon {
    margin-right: 8px;
    color: inherit!important
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info {
    padding: 32px 40px 40px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: -8px;
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .pro-banner {
    width: 75%
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .pro-banner img {
    width: 100%;
    height: auto
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .pro-click {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .pro-click .pro-btn {
    position: relative;
    width: 70px;
    height: 70px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .pro-click .pro-btn img {
    width: 100%;
    height: 100%
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .pro-click .pro-btn-cover {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(.4);
    transform: scale(.4)
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .pro-click .pro-btn-loading {
    display: none
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .pro-click .pro-total {
    font-size: 12px;
    color: #50507b
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .breath {
    -webkit-animation: myBreath 1s linear infinite;
    animation: myBreath 1s linear infinite
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.category-main-box{
    width:1200px;
    display: flex;
    flex-flow: row wrap;
}

.category-main-box__item{
    flex: 0 0 49%;
}

.mini{
    width:20px;
}


.article-card-title{
    width:100%;
    float:left;
    border-bottom:1px solid #eee;
    font-weight:500;
    padding:10px 0;
}
.article-card-title div.h2{
    margin:5px 0 0 15px;
    font-size:20px;
    float:left;
}
.article-card-title .category{
    float:left;
    font-size:14px;
    margin:8px 0 0 20px;
}
.article-card-title .category a{margin-right:18px;color:#666;}
.article-card-title .more{
    float:right;
    margin:5px 16px 0 0 ;
}
.article-card-title .more a{
    color:#666;
    font-size:14px;
}

.article-card-title .search-box{
    float:left;
    width:100%;
    padding:10px;
}
.article-card-title .search-box input{
    padding:10px;
    font-size:16px;
    border:1px solid #ccc;
    margin:0 10px;
    width:660px;
    border-radius: 5px;
}
.article-card-title .search-box button{
    padding:8px;
    font-size:16px;
    width:120px;
}

.article-box-title{
    font-size:20px;
    padding:10px;
    border-bottom:1px solid #eee;
    font-weight:500;
}


.icon-label{
    color:green;vertical-align:text-top
}

.category-main-box__item .photo{
    float: left;
    width: 144px;
    height: 90px;
}

.category-main-box__item .photo img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.category-main-box__item .article-box-list__meta{
    margin-left: 160px;
    overflow: hidden;
    font-size: 14px;
    padding:0;
    margin-top:0;
    min-height:90px;
    max-height:90px;
}

.category-main-box__item .article-box-list__meta .title{
    font-size: 18px;
    font-weight:500;
    line-height: 28px;
    color:#404040;
    height:56px;
}

.category-main-box__item .article-box-list__meta .desc{
    color: #666;
    line-height: 24px;
    margin-top: 2px;
}

.category-main-box__item .article-box-list__meta .time {
    color: #888;
    margin-top: 2px;
}

@-webkit-keyframes myBreath {
    0% {
        -webkit-transform: scale(.88);
        transform: scale(.88)
    }

    50% {
        -webkit-transform: scale(100%);
        transform: scale(100%)
    }

    100% {
        -webkit-transform: scale(.88);
        transform: scale(.88)
    }
}

@keyframes myBreath {
    0% {
        -webkit-transform: scale(.88);
        transform: scale(.88)
    }

    50% {
        -webkit-transform: scale(100%);
        transform: scale(100%)
    }

    100% {
        -webkit-transform: scale(.88);
        transform: scale(.88)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0) scale(.4);
        transform: rotate(0) scale(.4)
    }

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

@keyframes spin {
    from {
        -webkit-transform: rotate(0) scale(.4);
        transform: rotate(0) scale(.4)
    }

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

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box {
    display: block;
    position: relative;
    padding: 12px;
    margin: 0 0 24px;
    color: #7d6c52;
    background: rgba(217,190,136,.2);
    border-radius: 4px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box__inner .text {
    padding-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box__inner .action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box__inner .action .btn {
    margin: 0;
    padding: 6px 15px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background: #d9be88;
    text-align: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box__inner .action .btn:hover {
    background: #d0b584
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box__inner .action .btn:active {
    background: #c1a878
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box__inner .action .btn.disabled {
    color: #211c15;
    background: #d5d4d2
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box__inner .action .btn-share {
    margin-right: 8px;
    min-width: 89px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-vote-box .vote-box__inner .action .vote-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/new-osc/img/icon_vote_up.svg);
    background-size: 10px 10px;
    background-position: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fbfbfb;
    border: 1px solid #ecedee;
    border-radius: 3px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 72px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-column {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-column--left {
    min-width: 220px;
    max-width: 250px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-column--right {
    min-width: 204px;
    max-width: 220px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-column+.info-column {
    border-left: 1px solid #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #111;
    font-size: 13px;
    line-height: 24px;
    padding: 3px 15px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-item+.info-item {
    border-top: 1px solid #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-item__label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 54px;
    position: relative;
    font-weight: 500;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-item__label:after {
    position: absolute;
    right: -4px;
    bottom: 0;
    content: ':'
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-item__content {
    margin-left: 12px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-item a {
    color: #111
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box .info-list .info-item a:hover {
    color: #346fb6
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .related-box {
    margin-left: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 3px 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .related-box .item-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .related-box .item-list .item:last-child {
    margin-bottom: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .related-box .item-list .item-title {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .related-box .item-list .item-title:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #b1b1b1
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item {
    margin-right: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item:last-child {
    margin-right: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item__button:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.2)
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item__text {
    margin-top: 8px;
    color: #888;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-website .links-item__button {
    color: #0c8df9
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-website .links-item__button:hover {
    color: #fff;
    background: #0c8df9
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-document .links-item__button {
    color: #ffaf00
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-document .links-item__button:hover {
    color: #fff;
    background: #ffaf00
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-download .links-item__button {
    color: #21b351
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-download .links-item__button:hover {
    color: #fff;
    background: #21b351
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-download.em .links-item__button {
    color: #fff;
    background: #21b351;
    border-color: transparent
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-quick-download .links-item__button {
    color: #ff1f00
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-quick-download .links-item__button:hover {
    color: #fff;
    background: #ff1f00
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-quick-download.em .links-item__button {
    color: #fff;
    background: #ff1f00;
    border-color: transparent
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-start-game .links-item__button {
    color: #fbbd08
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-start-game .links-item__button i {
    font-size: 1.2rem;
    margin: 0 .1rem 0 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-start-game .links-item__button:hover {
    color: #fff;
    background: #fbbd08
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-start-game.em .links-item__button {
    color: #fff;
    background: #fbbd08;
    border-color: transparent
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-safe-number .links-item__button {
    color: #0688f3
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-safe-number .links-item__button i {
    font-size: 1.2rem;
    margin: 0 .1rem 0 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-safe-number .links-item__button:hover {
    color: #fff;
    background: #0688f3
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .links-box .links-item.project-safe-number.em .links-item__button {
    color: #fff;
    background: #0688f3;
    border-color: transparent
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav {
    display: block;
    border-bottom: 1px solid #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__inner {
    display: block;
    padding: 11px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0;
    padding: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs .tabs-item {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs .tabs-link {
    position: relative;
    display: inline-block;
    padding: 4px 20px;
    color: #111;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    -webkit-transition: color .1s ease,font-weight .1s ease;
    transition: color .1s ease,font-weight .1s ease;
    cursor: pointer
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs .tabs-link:hover {
    color: #21b351
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs .tabs-link.active {
    color: #21b351;
    font-weight: 600;
    background: rgba(33,179,81,.1);
    border-radius: 16px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs .tabs-link .count {
    display: inline-block;
    position: relative;
    width: 0;
    height: 1em
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs .tabs-link .count:before {
    content: attr(data-show);
    position: absolute;
    top: -1px;
    left: 8px;
    display: block;
    background: #ff5353;
    font-family: SFProText-Heavy,'Helvetica Neue',Arial,Helvetica,sans-serif;
    border-radius: 500rem;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    font-weight: 600;
    text-align: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs .tabs-link .count[data-value="0"] {
    display: none
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .tab-container__inner {
    padding: 0 40px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .tab-container__inner .tabs-box__tabs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .tab-container__inner .tabs-box__tabs .tabs-item {
    margin-right: 24px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .tab-container__inner .tabs-box__tabs .tabs-item:last-child {
    margin-right: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .tab-container__inner .tabs-box__tabs .tabs-link {
    cursor: pointer;
    padding: 17px 36px 14px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page {
    display: none;
    padding: 0 40px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page.active {
    display: block
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container__inner {
    padding: 8px 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .entry-item {
    padding-left: 0;
    padding-right: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item {
    margin: 15px 0 10px;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e3e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    padding: 12px 10px 12px 25px;
    border-left-color: #0688f3;
    border-left-width: 5px;
    color: #40485b
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .head .title {
    line-height: 1.5;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .head .time {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    color: #999;
    margin-left: 10px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .head .type {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 4px 6px;
    color: #8c92a4;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 0 #f6f6f6;
    box-shadow: 0 0 0 0 #f6f6f6;
    background: #f5f6f8;
    display: inline
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .ID span {
    font-size: 12px;
    margin-right: 5px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .desc {
    margin: 8px 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .foot .refer,.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .foot .type {
    padding: 4px 6px;
    color: #8c92a4;
    font-size: 12px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 0 #f6f6f6;
    box-shadow: 0 0 0 0 #f6f6f6;
    background: #f5f6f8;
    display: inline
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page .entry-container .entry-list-box .project-safe-item .foot .time {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    color: #999;
    margin-left: 10px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section-list {
    padding: 32px 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section {
    margin-bottom: 40px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section:last-child {
    margin-bottom: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-header .section-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0;
    color: #111;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-header .section-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-header .section-extra a {
    margin-left: 32px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-header .section-extra a .oicon {
    font-size: 16px;
    vertical-align: bottom;
    margin-right: 4px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-header+.section-body {
    padding-top: 16px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-empty-view {
    display: block;
    padding: 16px 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-empty-view__pic {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 108px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-empty-view__text {
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .column-box {
    display: block;
    overflow: hidden
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .column-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .column-box .column {
    width: 50%;
    padding: 0 12px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-intro .detail-box.collapse .article-detail {
    max-height: 300px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-news .column-box__inner {
    margin-top: -1px;
    margin-bottom: -1px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-news .column-box .column {
    padding-top: 1px;
    padding-bottom: 1px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-news .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-news .news-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-news .news-item-title {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 0 13px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-news .news-item-title a {
    color: #111
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-news .news-item-title a:hover {
    color: #346fb6
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-news .news-item-title:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cfcfcf
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-news .news-item-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 6px;
    color: #aaa;
    font-size: 12px;
    line-height: 24px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .column-box__inner {
    margin-top: -8px;
    margin-bottom: -8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .column-box .column {
    padding-top: 8px;
    padding-bottom: 8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .blog-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .blog-item__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 2px 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .blog-item__title {
    padding: 0;
    margin: 0;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .blog-item__title a {
    color: #111
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .blog-item__title a:hover {
    color: #346fb6
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .blog-item__desc {
    margin-top: 4px;
    color: #888;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .blog-item__picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-blog .blog-item__picture img {
    display: block;
    width: 88px;
    height: 66px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .column-box__inner {
    margin-top: -8px;
    margin-bottom: -8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .column-box .column {
    padding-top: 8px;
    padding-bottom: 8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__answer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__answer .answer-count {
    display: block;
    overflow: hidden;
    padding: 2px;
    width: 44px;
    background: #e8e8e8;
    border-radius: 2px;
    text-align: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__answer .answer-count .value {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #111
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__answer .answer-count .label {
    font-size: 12px;
    line-height: 18px;
    color: #666
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__answer .answer-count.has-best {
    background: #27b05d
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__answer .answer-count.has-best .label,.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__answer .answer-count.has-best .value {
    color: #fff
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__title {
    padding: 0;
    margin: 0;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__title a {
    color: #111
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__title a:hover {
    color: #346fb6
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__meta {
    margin-top: 4px;
    color: #999;
    font-size: 12px;
    line-height: 18px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__meta .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__meta .item-list .item {
    margin-right: 12px
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__meta .item-list .item:last-child {
    margin-right: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__meta a {
    color: #999
}

.body-page.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section.section-project-question .question-item__meta a:hover {
    color: #666
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 320px;
    margin-left: 24px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 24px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner.sticky {
    position: fixed;
    z-index: 800
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section-list {
    padding: 24px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box--empty .author-box__avatar img {
    display: block;
    width: 72px;
    height: 72px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box--empty .author-box__info .author-desc {
    color: #888;
    font-size: 16px;
    line-height: 24px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box--empty .author-box__info .author-toolbar {
    margin-top: 8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box--empty .author-box__info .author-toolbar .item-list .item {
    margin-right: 8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box--empty .author-box__info .author-toolbar .item-list .item:last-child {
    margin-right: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box--empty .author-box__info .author-toolbar .item-list .item .osc-button {
    padding: 3px 7px;
    font-size: 13px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup {
    padding: 16px;
    width: 280px;
    max-width: none;
    border-radius: 4px;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.bottom.right:before,.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.top.right:before {
    right: 4.6em
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.top.center:before,.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.top.left:before,.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.top.right:before {
    -webkit-box-shadow: 1px 1px 0 0 #ecedee;
    box-shadow: 1px 1px 0 0 #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.bottom.center:before,.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.bottom.left:before,.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.bottom.right:before {
    -webkit-box-shadow: -1px -1px 0 0 #ecedee;
    box-shadow: -1px -1px 0 0 #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.left.center:before {
    -webkit-box-shadow: 1px -1px 0 0 #ecedee;
    box-shadow: 1px -1px 0 0 #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup.right.center:before {
    -webkit-box-shadow: -1px 1px 0 0 #ecedee;
    box-shadow: -1px 1px 0 0 #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup .invite-author-auth-box p {
    margin: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup .invite-author-auth-box .content-wrap {
    margin-top: 16px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup .invite-author-auth-box .content-wrap .sub-title {
    font-weight: 700;
    margin-bottom: 8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup .invite-author-auth-box .content-wrap .medal-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup .invite-author-auth-box .content-wrap .medal-wrap .medal-icon img {
    display: block;
    width: 36px;
    height: 36px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup .invite-author-auth-box .content-wrap .medal-wrap .medal-name {
    margin-left: 8px;
    color: #32aa66;
    font-weight: 700
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup .invite-author-auth-box .content-wrap .copy-wrap .copy-content {
    border: 1px dashed #d4b37c;
    background: #fdf6dd;
    padding: 8px;
    word-wrap: break-word;
    word-break: break-all;
    margin-bottom: 1rem
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #ecedee
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0;
    color: #111;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra .clickable,.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra a {
    margin-left: 8px;
    cursor: pointer;
    color: #999
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra .clickable:hover,.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra a:hover {
    color: #666
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-body {
    padding-top: 16px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects .simple-list .simple-item {
    margin-bottom: 8px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects .simple-list .simple-item:last-child {
    margin-bottom: 0
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects .simple-list .simple-item__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    color: #888
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects .simple-list .simple-item__title .project-name {
    font-family: Roboto,sans-serif;
    font-weight: 500
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects .simple-list .simple-item__title .project-title {
    margin-left: 4px
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-project-related .simple-list .simple-item__title .project-name {
    font-family: Roboto,sans-serif;
    font-weight: 500
}

.body-page.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-project-related .simple-list .simple-item__title .project-title {
    margin-left: 4px
}

.body-page.body-page-article {
    background: #f7f8f9
}

.body-page.body-page-article .news-detail-container {
    margin: 24px auto 0
}

.body-page.body-page-article .news-detail-container .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.body-page.body-page-article .news-detail-container .box-container--breadcrumb {
    margin-top: -8px
}

.body-page.body-page-article .news-detail-container .detail-body-box {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 856px;
    min-width: 0;
    padding-bottom: 0px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .detail-box {
    padding-bottom: 40px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .related-project-box {
    margin-bottom: 32px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .related-project-box .related-links-box__header {
    margin-bottom: 16px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .related-project-box .related-links-box__title {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .related-project-box .related-links-box__content .link-list {
    margin: 0;
    list-style: square inside;
    padding: 0 0 0 10px;
    color: #888;
    font-size: 14px;
    line-height: 20px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .related-project-box .related-links-box__content .link-list li {
    margin-bottom: 8px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .related-project-box .related-links-box__content .link-list li:last-child {
    margin-bottom: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .related-project-box .git-widget-box {
    margin-top: 24px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    color: #888;
    font-size: 14px;
    line-height: 20px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box__content p {
    margin: 0;
    padding: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 8px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box .clickable,.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box a {
    cursor: pointer;
    color: #888
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box .clickable:hover,.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box a:hover {
    color: #666
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box .clickable i.icon,.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .copyright-box a i.icon {
    margin-right: 8px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .comment-box {
    border-top: 1px solid #ecedee;
    padding-top: 42px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .action-box {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 64px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item:last-child {
    margin-right: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button:hover {
    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.15)
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button i {
    margin: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button i.icon {
    width: 1em
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button i.oicon-share {
    color: #21b351
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__text {
    margin-top: 8px;
    color: #888;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .recommend-box {
    margin-top: 24px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .recommend-box__header {
    margin-bottom: 16px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .recommend-box__title {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .recommend-box__content .item-list .item {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .article-box .recommend-box__content .item-list .item:last-child {
    margin-bottom: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .comment-wrap-box {
    margin-top: 24px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .comment-wrap-box__inner {
    padding: 32px 40px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box {
    margin-top: 24px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__inner {
    padding: 32px 40px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #ecedee
}

.box_header{
    float:left;
    width:100%;
    padding-top:24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ecedee
}
.box_title{
    float:left;
    width:50%;
    color: #111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding-left:20px;
}

.box_extra{
    float:right;
    width:50%;
    text-align: right;
    padding-right:20px;
    font-size: 14px;
    line-height: 20px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__title {
    color: #111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__extra {
    margin-left: 8px;
    font-size: 14px;
    line-height: 20px
}

.detail-body-box .main-box .other-articles-box {
    margin-top: 24px
}

.detail-body-box .main-box .other-articles-box__inner {
    padding: 32px 40px
}

.detail-body-box .main-box .other-articles-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #ecedee
}

.detail-body-box .main-box .other-articles-box__title {
    color: #111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.detail-body-box .main-box .other-articles-box__extra {
    margin-left: 8px;
    font-size: 14px;
    line-height: 20px
}

.other-articles-box__content .new-other-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.other-articles-box__content .new-other-list .awesome-random-item a {
    color: #111
}

.other-articles-box__content .new-other-list .awesome-random-item span {
    color: rgba(0,0,0,.6)
}

.other-articles-box__content .new-other-list .awesome-random-item a:hover {
    color: #346fb6
}

.other-articles-box__content .new-other-list .item {
    width: 49%
}

.other-articles-box__content .new-other-list .item a {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
    display: block
}

.other-articles-box__content .new-other-list-blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.other-articles-box__content .new-other-list-blog .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    line-height:24px;
}

.other-articles-box__content .new-other-list-blog .item .title-point {
    vertical-align: middle;
    margin-right: 5px;
    color: #111
}

.other-articles-box__content .new-other-list-blog .item a {
    color: #111
}

.other-articles-box__content .new-other-list-blog .item a:hover {
    color: #346fb6
}

.other-articles-box__content .new-other-list-news>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
    margin: 0 0 12px
}

.other-articles-box__content .new-other-list-news .item .hot-num {
    width: 27px;
    margin-right: 2px
}

.other-articles-box__content .new-other-list-news .item .content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.other-articles-box__content .new-other-list-news .item .content .header {
    margin-top: 2px;
    font-size: 13px!important;
    font-weight: 500;
    color: #222;
}
.other-articles-box__content .new-other-list-news .item .content .header:after{
    content: "...";
}

.other-articles-box__content .new-other-list-news .item .content .header:hover {
    color: #346fb6
}

.other-articles-box__content .new-other-list-news .item .content .extra .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.other-articles-box__content .new-other-list-news .item .content .extra .list .item,.other-articles-box__content .new-other-list-news .item .content .extra .list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: rgba(0,0,0,.4)
}

.other-articles-box__content .new-other-list-news .item .content .extra .list .dot {
    margin: 0 3px;
    font-size: 24px
}

.other-articles-box__content .new-other-list-news .ui.circular.label {
    background: #f7f8f9!important;
    color: #888!important
}

.other-articles-box__content .new-other-list-news .ui.circular.label.type1 {
    background: #ffbc00!important;
    color: #b46900!important
}

.other-articles-box__content .new-other-list-news .ui.circular.label.type2 {
    background: #e4e4e4!important;
    color: #7b7b7b!important
}

.other-articles-box__content .new-other-list-news .ui.circular.label.type3 {
    background: #ebc097!important;
    color: #936c47!important
}

.other-articles-box__content .new-other-list-news .ui.circular.label.type10 {
    font-size: 8px;
    line-height: 1.3
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item {
    padding: 24px 0;
    border-bottom: 1px solid #ecedee
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__title {
    margin: 0;
    padding: 0;
    color: #111;
    font-size: 18px;
    line-height: 24px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__title a {
    color: #111
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__title a:hover {
    color: #346fb6
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__content {
    margin-top: 8px;
    color: #888;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__meta {
    margin-top: 8px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__meta .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__meta .item-list .item {
    color: #888;
    font-size: 14px;
    line-height: 20px;
    margin-right: 16px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__meta .item-list .item i.icon {
    font-size: 12px;
    margin-right: 2px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__meta .item-list .item:last-child {
    margin-right: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .view-more-bar {
    margin-top: 24px
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .view-more-bar .view-more-btn {
    display: block;
    padding: 6px 12px;
    border-radius: 3px;
    background-color: #f0f0f0;
    color: #888;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .view-more-bar .view-more-btn:hover {
    background-color: #e0e1e2
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .collapse-bar {
    display: none;
    margin-top: 24px;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .collapse-bar .collapse-btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #346fb6
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .collapse-bar .collapse-btn:hover {
    color: #003d86
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box.collapse .article-list>.article-item:nth-child(n+5) {
    display: none
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box.collapse .collapse-bar {
    display: block
}

.body-page.body-page-article .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box.collapse .view-more-bar {
    display: none
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 320px;
    margin-left: 24px
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section-list {
    padding: 16px 20px 10px 20px;
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card {
    display: block;
    border-radius: 4px;
    margin-bottom: 16px
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card:last-child {
    margin-bottom: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 10px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    border: 1px solid #48bb79;
    border-bottom: none
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__icon img {
    display: block;
    width: 100%;
    height: auto
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__extra {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__extra a {
    color: #fff
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__content {
    display: block;
    padding: 12px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
    border: 1px solid rgba(33,179,81,.5);
    border-top: none
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__content .article-item-list .article-item {
    margin-bottom: 8px
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__content .article-item-list .article-item:last-child {
    margin-bottom: 0
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__content .article-item-list .article-item__title {
    color: #111;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__content .article-item-list .article-item__title a {
    color: #111
}

.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__content .article-item-list .article-item__title a:hover {
    color: #346fb6
}


.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.wonderful-question .column-card__content {
    border-color: rgba(33,179,81,.5)
}


.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.project-news .column-card__content {
    border-color: rgba(72,33,179,.5)
}


.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.daily-blog .column-card__content {
    border-color: rgba(83,117,184,.9)
}



.body-page.body-page-article .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.weekly-hot .column-card__content {
    border-color: rgba(179,53,33,.5)
}



.icon-enlarge-gray {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EShape%3C%2Ftitle%3E%3Cpath%20d%3D%22M15.71%2014.934l.003-.005-4.506-4.526a6.254%206.254%200%200%200%201.439-3.77%206.336%206.336%200%200%200-1.686-4.577A6.284%206.284%200%200%200%206.373.052%206.215%206.215%200%200%200%202.54%201.364%206.283%206.283%200%200%200%20.181%205.292a6.362%206.362%200%200%200%20.747%204.23%206.307%206.307%200%200%200%202.045%202.158%206.2%206.2%200%200%200%202.568.947%206.26%206.26%200%200%200%204.43-1.084l4.5%204.523.084.078.002-.002a.834.834%200%200%200%201.365-.65.845.845%200%200%200-.212-.558zm-8.435-3.283a5.332%205.332%200%200%201-2.345-.12%205.33%205.33%200%200%201-3.387-2.89C.799%207.086.89%205.125%201.779%203.647A5.293%205.293%200%200%201%205.503%201.08l.11-.017c.057-.01.115-.019.172-.025.19-.02.384-.03.575-.03.787%200%201.565.17%202.25.493a5.341%205.341%200%200%201%202.741%202.945%205.392%205.392%200%200%201-.208%204.315c-.737%201.514-2.219%202.622-3.868%202.89zm-.43-8.316h-.948v2.556H3.353v.952l2.544.002v2.556h.948V6.845l2.545-.002v-.952H6.848l-.003-2.556z%22%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E')
}

.icon-redo-gray {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EShape%3C%2Ftitle%3E%3Cpath%20d%3D%22M.823%208.492a.458.458%200%200%201%20.505.13%204.04%204.04%200%200%200%204.549%201.305c2.103-.75%203.196-3.082%202.446-5.185-.75-2.103-3.082-3.196-5.185-2.446-.065.033-.147.05-.212.082.081.228.163.456.228.652.098.277.18.49.196.554.049.066.049.163.016.245a.27.27%200%200%201-.342.13h-.017l-.244-.114L1.1%203.063.87%202.949.676%202.85a.231.231%200%200%201-.13-.147.273.273%200%200%201%20.016-.196l.097-.195.115-.229.782-1.663.098-.26V.143A.25.25%200%200%201%201.996.03c.082.033.13.114.147.196.033.065.098.277.196.554.081.212.163.457.26.717.066-.032.147-.065.213-.081a4.98%204.98%200%200%201%206.375%203.016c.929%202.593-.424%205.446-3%206.359A4.965%204.965%200%200%201%20.659%209.258a.422.422%200%200%201-.114-.179.447.447%200%200%201%20.278-.587z%22%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E')
}

.icon-rotate-right-gray {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E5%9B%BE%E5%B1%82_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%22-300%20391%2010%2012%22%3E%3Cstyle%3E.st0%7Bfill%3A%23999%7D%3C%2Fstyle%3E%3Ctitle%3EShape%3C%2Ftitle%3E%3Cg%20id%3D%22%E4%B8%AA%E4%BA%BA%E7%A9%BA%E9%97%B4---%E4%BB%96%E4%BA%BA%E6%9F%A5%E7%9C%8B%22%3E%3Cg%20id%3D%22%E4%B8%AA%E4%BA%BA%E7%A9%BA%E9%97%B4--%E5%9B%BE%E7%89%87%E6%94%BE%E5%A4%A7%22%20transform%3D%22translate(-566%20-1620)%22%3E%3Cpath%20id%3D%22Shape%22%20class%3D%22st0%22%20d%3D%22M275.2%202019.5c.2.1.4.4.3.6%200%20.1-.1.1-.1.2-1.3%201.6-3.5%202.3-5.5%201.5-2.6-.9-3.9-3.8-3-6.4.9-2.6%203.8-3.9%206.4-3%20.1%200%20.1%200%20.2.1.1-.3.2-.5.3-.7.1-.3.2-.5.2-.6%200-.1.1-.2.1-.2.1-.1.3%200%20.3.1l.1.3.8%201.7.1.2.1.2v.2c0%20.1-.1.1-.1.1l-.2.1-.2.1-1.7.8-.2.1c-.1%200-.3%200-.3-.1v-.2c0-.1.1-.3.2-.6.1-.2.1-.4.2-.7-.1%200-.1%200-.2-.1-2.1-.8-4.4.3-5.2%202.4s.3%204.4%202.4%205.2c1.7.6%203.5%200%204.5-1.3.1%200%20.3-.1.5%200z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

[data-cursor=left] {
    cursor: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2247%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M555.492%201846.219a.733.733%200%200%200-1.046%201.028l17.789%2018.087-18.02%2018.02a.733.733%200%200%200%201.036%201.037l18.534-18.534a.733.733%200%200%200%20.005-1.032l-18.298-18.606z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.90698596%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22matrix%28-1%200%200%201%20578%20-1844%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 0 0,auto
}

[data-cursor=right] {
    cursor: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2247%22%20viewBox%3D%22-291%20373%2028%2047%22%20enable-background%3D%22new%20-291%20373%2028%2047%22%3E%3Cfilter%20width%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20result%3D%22shadowOffsetOuter1%22%20in%3D%22SourceAlpha%22%20dy%3D%222%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22shadowBlurOuter1%22%20in%3D%22shadowOffsetOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.90698596%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3Cpath%20d%3D%22M863.5%202257.4c.3.3.7.3%201%200%20.3-.3.3-.7%200-1l-17.8-18.1%2018-18c.3-.3.3-.8%200-1-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-18.5%2018.5c-.3.3-.3.7%200%201l18.3%2018.6z%22%20filter%3D%22url%28%23a%29%22%20transform%3D%22matrix%28-1%200%200%201%20578%20-1844%29%22%2F%3E%3Cpath%20d%3D%22M-285.5%20413.4c-.3.3-.7.3-1%200-.3-.3-.3-.7%200-1l17.8-18.1-18-18c-.3-.3-.3-.8%200-1%20.1-.1.3-.2.5-.2s.4.1.5.2l18.5%2018.5c.3.3.3.7%200%201l-18.3%2018.6z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') 0 0,auto
}

[data-cursor=small] {
    cursor: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M730.769%201865.814a.655.655%200%200%201-.915%200l-5.172-5.102a8.428%208.428%200%200%201-5.285%201.85c-4.637%200-8.397-3.708-8.397-8.282%200-4.573%203.76-8.28%208.397-8.28%204.637%200%208.396%203.707%208.396%208.28a8.171%208.171%200%200%201-2.178%205.55l5.154%205.083a.633.633%200%200%201%200%20.901zm-4.267-11.534c0-3.87-3.182-7.007-7.105-7.007-3.923%200-7.105%203.137-7.105%207.007%200%203.87%203.182%207.007%207.105%207.007%203.923%200%207.105-3.136%207.105-7.007zm-3.843.682h-6.268a.608.608%200%200%201-.61-.604c0-.332.274-.602.61-.602h6.268c.338%200%20.612.27.612.602a.607.607%200%200%201-.612.604z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.904268569%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28-707%20-1844%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 0 0,auto
}

[data-cursor=big] {
    cursor: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cstyle%3E.st0%7Bfilter%3Aurl%28%23a%29%7D.st1%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cfilter%20filterUnits%3D%22objectBoundingBox%22%20height%3D%22200%25%22%20id%3D%22a%22%20width%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.904268569%200%22%2F%3E%3C%2Ffilter%3E%3Cg%20class%3D%22st0%22%20transform%3D%22translate%28-707%20-1844%29%22%3E%3Cpath%20id%3D%22b_2_%22%20d%3D%22M730.8%201865.8c-.3.2-.7.2-.9%200l-5.2-5.1c-1.5%201.2-3.4%201.9-5.3%201.8-4.6%200-8.4-3.7-8.4-8.3%200-4.6%203.8-8.3%208.4-8.3%204.6%200%208.4%203.7%208.4%208.3%200%202.1-.8%204-2.2%205.6l5.2%205.1c.2.3.2.7%200%20.9zm-4.3-11.5c0-3.9-3.2-7-7.1-7s-7.1%203.1-7.1%207%203.2%207%207.1%207%207.1-3.1%207.1-7zm-3.8.7h-6.3c-.3%200-.6-.3-.6-.6s.3-.6.6-.6h6.3c.3%200%20.6.3.6.6s-.3.6-.6.6zm-2.6-3.8v6.3c0%20.3-.3.6-.6.6s-.6-.3-.6-.6v-6.3c0-.3.3-.6.6-.6.4%200%20.6.3.6.6z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28-707%20-1844%29%22%3E%3Cpath%20id%3D%22b_1_%22%20class%3D%22st1%22%20d%3D%22M730.8%201865.8c-.3.2-.7.2-.9%200l-5.2-5.1c-1.5%201.2-3.4%201.9-5.3%201.8-4.6%200-8.4-3.7-8.4-8.3%200-4.6%203.8-8.3%208.4-8.3%204.6%200%208.4%203.7%208.4%208.3%200%202.1-.8%204-2.2%205.6l5.2%205.1c.2.3.2.7%200%20.9zm-4.3-11.5c0-3.9-3.2-7-7.1-7s-7.1%203.1-7.1%207%203.2%207%207.1%207%207.1-3.1%207.1-7zm-3.8.7h-6.3c-.3%200-.6-.3-.6-.6s.3-.6.6-.6h6.3c.3%200%20.6.3.6.6s-.3.6-.6.6zm-2.6-3.8v6.3c0%20.3-.3.6-.6.6s-.6-.3-.6-.6v-6.3c0-.3.3-.6.6-.6.4%200%20.6.3.6.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 0 0,auto
}




@-webkit-keyframes circle-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes circle-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nothing{padding:20px;font-size:16px;min-height:900px;margin:0 auto;color:#666;}
.nothing .comment{margin:20px 0;line-height:36px;}
.nothing .comment a{margin-right:12px;text-decoration: underline;}
.mt-20{margin-top:20px;}
.mt-10{margin-top:10px;}