/* ===== 2020 新版 Web 模块 ===== */
.osc-new-layout {
    color: #111111;
}
.osc-new-layout a {
    color: #346fb6;
}
.osc-new-layout a:hover {
    color: #003d86;
}
.osc-new-layout.pushable {
    overflow-x: auto;
}
.osc-new-layout.pushable,
.osc-new-layout.pushable > .pusher {
    background: #f7f8f9 !important;
}
.osc-new-layout.pushable > .pusher {
    overflow: initial !important;
    min-width: 1264px;
}
.osc-new-layout .ui.primary.button {
    background-color: #21b351;
}
.osc-new-layout .osc-dropdown--shadow > .menu,
.osc-new-layout .ui.floating.dropdown > .menu {
    border-radius: 4px !important;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}
.osc-new-layout [data-tooltip]:before {
    box-shadow: 1px 1px 0 0 #ECEDEE;
}
.osc-new-layout [data-tooltip]:after {
    padding: 9px 14px;
    border-radius: 4px;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout [data-tooltip]:after:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout [data-tooltip]:after.top.left:before,
.osc-new-layout [data-tooltip]:after.top.right:before,
.osc-new-layout [data-tooltip]:after.top.center:before {
    box-shadow: 1px 1px 0 0 #ECEDEE;
}
.osc-new-layout [data-tooltip]:after.bottom.left:before,
.osc-new-layout [data-tooltip]:after.bottom.right:before,
.osc-new-layout [data-tooltip]:after.bottom.center:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout [data-tooltip]:after.left.center:before {
    box-shadow: 1px -1px 0 0 #ecedee;
}
.osc-new-layout [data-tooltip]:after.right.center:before {
    box-shadow: -1px 1px 0 0 #ecedee;
}
.osc-new-layout .ui.visible.uncover.sidebar {
    z-index: 3;
}
.osc-new-layout .ui.popup.collect-popup {
    cursor: default;
    border-radius: 4px;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.osc-new-layout .ui.popup.collect-popup:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout .ui.popup.collect-popup.top.left:before,
.osc-new-layout .ui.popup.collect-popup.top.right:before,
.osc-new-layout .ui.popup.collect-popup.top.center:before {
    box-shadow: 1px 1px 0 0 #ECEDEE;
}
.osc-new-layout .ui.popup.collect-popup.bottom.left:before,
.osc-new-layout .ui.popup.collect-popup.bottom.right:before,
.osc-new-layout .ui.popup.collect-popup.bottom.center:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout .ui.popup.collect-popup.left.center:before {
    box-shadow: 1px -1px 0 0 #ecedee;
}
.osc-new-layout .ui.popup.collect-popup.right.center:before {
    box-shadow: -1px 1px 0 0 #ecedee;
}
.osc-new-layout .bottom-advertising {
    z-index: 2;
    position: fixed;
    right: 20px;
    bottom: 100px;
    overflow: hidden;
    margin-bottom: 4px;
    padding: 8px 0 6px;
    width: 40px;
    height: auto;
    box-sizing: content-box;
    cursor: pointer;
    border: 1px solid #ddd;
    background: #f5f5f5;
    text-align: center;
    transition: background .4s ease;
}
.osc-new-layout .bottom-advertising:hover {
    background: #fff;
}
.osc-new-layout .bottom-advertising > a {
    display: block;
    width: 2em;
    margin: 0 auto;
    color: #111;
    font-size: 13px;
    line-height: 16px;
}
.osc-new-layout .bottom-advertising > a img {
    display: block;
    max-width: 2em;
    height: auto;
    margin: 0 auto 4px;
}
.osc-new-layout .osc-new-pagination {
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #E3E9ED;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    min-height: unset;
}
.osc-new-layout .osc-new-pagination .item {
    min-height: 30px !important;
    min-width: 34px !important;
    padding: 6px 12px;
    box-sizing: border-box;
    color: #8C92A4;
    line-height: 20px !important;
    background-color: #fafafa;
}
.osc-new-layout .osc-new-pagination .item:before {
    background: #EBEBEB;
}
.osc-new-layout .osc-new-pagination .item:first-child {
    border-radius: 3px 0 0 3px;
}
.osc-new-layout .osc-new-pagination .item:last-child {
    border-radius: 0 3px 3px 0;
}
.osc-new-layout .osc-new-pagination .item.active {
    color: #40485B;
    padding-top: 6px !important;
    background-color: #fff !important;
    font-weight: 500;
}
.osc-new-layout .osc-modal {
    background: #FFFFFF;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.06), 0 6px 23px 0 rgba(0, 0, 0, 0.08), 0 10px 25px 0 rgba(0, 0, 0, 0.04);
    border-radius: 8px;
}
.osc-new-layout .osc-modal-dimmer {
    z-index: 1003;
    background: rgba(255, 255, 255, 0.75);
}
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) {
    background: #FFFFFF;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.06), 0 6px 23px 0 rgba(0, 0, 0, 0.08), 0 10px 25px 0 rgba(0, 0, 0, 0.04);
    border-radius: 8px;
}
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) > .close {
    top: .95rem;
    right: 1rem;
    color: rgba(0, 0, 0, 0.85);
}
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) > .icon:first-child + *,
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) > :first-child:not(.icon) {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) > :last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) > .header {
    border-bottom-color: #DDD;
}
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) > .actions {
    border-top-color: #DDD;
}
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) .ui.primary.button,
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) .ui.positive.button {
    background-color: #21b351;
    border-radius: 3px;
    color: #FFFFFF;
    text-align: center;
}
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) .ui.primary.button:hover,
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) .ui.positive.button:hover {
    background-color: #20ab4e;
}
.osc-new-layout .osc-modal-dimmer > .ui.modal:not(.osc-modal) .ui.button {
    border-radius: 3px;
}
.osc-new-layout .osc-modal__inner {
    display: block;
    height: 100%;
}
.osc-new-layout .osc-modal__header {
    position: relative;
    display: block;
    height: 60px;
    padding: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #DDD;
}
.osc-new-layout .osc-modal__header .header-text {
    color: #111111;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    font-weight: 600;
}
.osc-new-layout .osc-modal__header .header-close {
    position: absolute;
    right: 16px;
    top: 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: bold;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.1s ease;
}
.osc-new-layout .osc-modal__header .header-close:hover {
    background-color: #E7E7E7;
}
.osc-new-layout .osc-modal__body {
    position: relative;
    padding: 16px;
}
.osc-new-layout .osc-modal__footer {
    display: block;
    box-sizing: border-box;
    border-top: 1px solid #DDD;
    padding: 16px;
}
.osc-new-layout .osc-modal__footer .ui.primary.button {
    padding: 12px;
    background-color: #21b351;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
}
.osc-new-layout .osc-modal__footer .ui.primary.button:hover {
    background-color: #20ab4e;
}
.osc-new-layout .osc-button {
    display: inline-block;
    border-radius: 3px;
    padding: 5px 17px;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    border: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    user-select: none;
    color: #fff;
    background: #21b351;
}
.osc-new-layout .osc-button:hover {
    color: #fff;
    background: #20ab4e;
}
.osc-new-layout .osc-button.disabled,
.osc-new-layout .osc-button[disabled] {
    cursor: default;
    opacity: .45 !important;
    pointer-events: none !important;
}
.osc-new-layout .osc-button.fluid {
    display: block;
    text-align: center;
}
.osc-new-layout .osc-button.primary {
    font-weight: 500;
    color: #fff;
    background: #21b351;
}
.osc-new-layout .osc-button.primary:hover {
    background: #20ab4e;
}
.osc-new-layout .osc-button.basic {
    color: #21b351;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
}
.osc-new-layout .osc-button.basic:hover {
    color: #21b351;
    background-color: #FAFAFA;
    border-color: #CCCCCC;
}
.osc-new-layout .osc-button.basic.green {
    color: #21b351;
    border-color: #21b351;
}
.osc-new-layout .osc-button.basic.green:hover {
    color: #20ab4e;
    background-color: #FFFFFF;
    border-color: #20ab4e;
}
.osc-new-layout .osc-button.small {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .osc-field {
    position: relative;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    color: #111111;
    box-shadow: inset 0 0 0 1px #9B9B9B;
    transition: box-shadow 0.3s ease;
}
.osc-new-layout .osc-field:not(:first-child) {
    margin-top: 16px;
}
.osc-new-layout .osc-field.focus {
    box-shadow: inset 0 0 0 2px #21b351;
}
.osc-new-layout .osc-field.required:after {
    content: '*';
    position: absolute;
    top: 9px;
    right: -16px;
    display: block;
    transform: translateX(100%);
    color: #9B9B9B;
    font-size: 16px;
    line-height: 22px;
}
.osc-new-layout .osc-field.disabled {
    pointer-events: none;
    color: #9B9B9B;
    box-shadow: inset 0 0 0 1px #D5D5D5;
}
.osc-new-layout .osc-field.input {
    width: 100%;
}
.osc-new-layout .osc-field.input label {
    display: none;
}
.osc-new-layout .osc-field.input input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 2px;
    margin: 0;
    background: transparent;
    border: none;
    appearance: none;
    outline: none;
    resize: none;
    color: inherit;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .osc-field.input input::placeholder {
    color: #9B9B9B;
}
.osc-new-layout .osc-field.textarea {
    width: 100%;
    height: 100px;
}
.osc-new-layout .osc-field.textarea label {
    display: none;
}
.osc-new-layout .osc-field.textarea textarea {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    appearance: none;
    outline: none;
    resize: none;
    color: inherit;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .osc-field.textarea textarea::placeholder {
    color: #9B9B9B;
}
.osc-new-layout .osc-field.textarea textarea::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout .osc-field.textarea textarea::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout .osc-field.textarea textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout .osc-field.textarea textarea::-webkit-scrollbar-thumb,
.osc-new-layout .osc-field.textarea textarea::-webkit-scrollbar-track {
    border-radius: 5px;
}
.osc-new-layout .osc-field--label label {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #9B9B9B;
    transition: all .3s ease;
    pointer-events: none;
}
.osc-new-layout .osc-field--label input::placeholder,
.osc-new-layout .osc-field--label textarea::placeholder {
    transition: opacity .3s ease;
    opacity: 0;
}
.osc-new-layout .osc-field--label.focus input::placeholder,
.osc-new-layout .osc-field--label.focus textarea::placeholder {
    opacity: 1;
}
.osc-new-layout .osc-field--label.focus label,
.osc-new-layout .osc-field--label:not(.focus) input:not(:placeholder-shown) + label,
.osc-new-layout .osc-field--label:not(.focus) textarea:not(:placeholder-shown) + label {
    transform: translate(-2px, -14px) scale(0.625);
    transform-origin: left top;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 0 6px;
    background: #fff;
}
.osc-new-layout .osc-field--label.focus label {
    color: #21b351;
}
.osc-new-layout .osc-field--label:not(.focus) input:not(:placeholder-shown) + label,
.osc-new-layout .osc-field--label:not(.focus) textarea:not(:placeholder-shown) + label {
    color: #9B9B9B;
}
.osc-new-layout .osc-field--label.error.focus label,
.osc-new-layout .osc-field--label.error:not(.focus) input:not(:placeholder-shown) + label,
.osc-new-layout .osc-field--label.error:not(.focus) textarea:not(:placeholder-shown) + label {
    color: #AC0000;
}
.osc-new-layout .osc-field.error {
    box-shadow: inset 0 0 0 2px #AC0000;
}
.osc-new-layout .collect-btn i.oicon {
    color: #888;
}
.osc-new-layout .collect-btn.active i.oicon {
    color: #FFAF00;
}
.osc-new-layout .ad-box {
    position: relative;
    overflow: hidden;
}
.osc-new-layout .ad-box img {
    display: block;
    width: 100% !important;
    height: auto !important;
}
.osc-new-layout .ad-box--label:before {
    content: "\5e7f\544a";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    min-width: 32px;
    height: 18px;
    padding: 1px 4px;
    font-size: 12px;
    line-height: 16px;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.osc-new-layout #wechatShareDialog {
    border-radius: 4px;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.osc-new-layout .atwho-view {
    border-radius: 4px;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.osc-new-layout .atwho-view .cur {
    background: #21b351;
}
.osc-new-layout .atwho-view-ul::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout .atwho-view-ul::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout .atwho-view-ul::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout .atwho-view-ul::-webkit-scrollbar-thumb,
.osc-new-layout .atwho-view-ul::-webkit-scrollbar-track {
    border-radius: 5px;
}
.osc-new-layout .tweet-publish.modal {
    width: 500px;
}
.osc-new-layout .tweet-publish.modal .tweet-form {
    display: flex;
    flex-direction: column;
    height: 247px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .user-box {
    flex: 1 0 auto;
    min-width: 0;
    margin-right: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .user-box__avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .user-box__name {
    flex: 1;
    min-width: 0;
    margin-left: 8px;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view {
    display: block;
    background-color: #F7F8F9;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    padding: 0;
    box-sizing: border-box;
    transition: background-color 0.1s ease, border-color 0.1s ease;
    user-select: none;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view:hover {
    background-color: #F6F6F6;
    border-color: #CCCCCC;
}
.osc-new-layout .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: flex;
    flex-direction: row;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__default-text {
    margin-right: 4px;
}
.osc-new-layout .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: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #9B9B9B;
    font-size: 16px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-icon svg {
    fill: #9B9B9B;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-icon img {
    display: block;
    width: 1em;
    height: 1em;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-icon--filter {
    filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%);
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__single-text {
    flex: 1;
    min-width: 0;
    margin-left: 6px;
    margin-right: 4px;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__dropdown-icon {
    color: #9B9B9B;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__dropdown-icon i.icon {
    width: 16px;
    margin: 0;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 3px 6px 0 3px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__item {
    display: inline-flex;
    flex-direction: row;
    border: 1px solid #DDD;
    padding: 0 6px;
    background: #fff;
    border-radius: 3px;
    margin-right: 4px;
    margin-bottom: 3px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-view__item-text {
    font-size: 12px;
    line-height: 18px;
}
.osc-new-layout .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;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu {
    width: 160px;
    padding: 8px;
    box-sizing: border-box;
    background: #fff;
    border: none;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0 1px 7px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(0, 0, 0, 0.02) !important;
    border-radius: 3px !important;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .placeholder-item {
    display: none;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-empty {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 8px;
    user-select: none;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-empty__text {
    flex: 1;
    min-width: 0;
    color: #9B9B9B;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 8px !important;
    border-radius: 4px;
    transition: background-color 0.1s ease;
    cursor: pointer;
    color: #111111;
    font-weight: normal;
    user-select: none;
    z-index: initial;
    background-color: transparent;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item:hover {
    background-color: #F6F6F6;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item + .select-item {
    margin-top: 4px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__icon {
    flex-shrink: 0;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #9B9B9B;
    font-size: 16px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__icon svg {
    fill: #9B9B9B;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__icon img {
    display: block;
    width: 1em;
    height: 1em;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__icon--filter {
    filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%);
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item__text {
    flex: 1;
    min-width: 0;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search {
    position: relative;
    padding: 0 8px;
    margin: 0 0 10px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__inner {
    width: 128px;
    font-size: 14px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__icon {
    width: 14px;
    color: #BABABA;
    opacity: 1;
    cursor: default;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input {
    border-radius: 0;
    border: none;
    box-shadow: inset 0 -1px 0 0 #dddddd;
    line-height: 20px;
    padding: 4px 4px 4px 22px !important;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input::placeholder {
    color: #BABABA;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-search__input:focus {
    box-shadow: inset 0 -1px 0 0 #21b351;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout .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, 0.75);
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb,
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-track {
    border-radius: 5px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-empty,
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-item,
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select .select-menu .select-scrolling-menu {
    max-width: 144px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__header .scope-box .scope-select--error .select-view {
    animation: scope-select-error-blink 0.8s infinite ease-in;
}
@keyframes scope-select-error-blink {
    50% {
        border-color: #FF5353;
        background-color: rgba(255, 83, 83, 0.1);
    }
}
.osc-new-layout .tweet-publish.modal .tweet-form__textarea {
    flex: 1;
    margin-top: 12px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__textarea textarea {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    appearance: none;
    outline: none;
    resize: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__textarea textarea::placeholder {
    color: #BABABA;
}
.osc-new-layout .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar-thumb,
.osc-new-layout .tweet-publish.modal .tweet-form__textarea textarea::-webkit-scrollbar-track {
    border-radius: 5px;
}
.osc-new-layout .tweet-publish.modal .tweet-form__tip {
    flex-shrink: 0;
    margin-top: 12px;
    padding: 8px;
    border-radius: 3px;
    font-size: 13px;
    text-align: center;
}
.osc-new-layout .tweet-publish.modal .tweet-form__tip.info {
    color: #9B9B9B;
    background: #F8F8F8;
}
.osc-new-layout .tweet-publish.modal .tweet-form__tip.success {
    color: #21b351;
    background: rgba(33, 179, 81, 0.1);
}
.osc-new-layout .tweet-publish.modal .tweet-form__tip.error {
    color: #FF5353;
    background: rgba(255, 83, 83, 0.1);
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer {
    flex-shrink: 0;
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox {
    position: relative;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox > .item {
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    margin-right: 24px;
    color: #111111;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox > .item:last-child {
    margin-right: 0;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox > .item:hover {
    color: #666666;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox > .item i.oicon {
    font-size: 16px;
    vertical-align: bottom;
    color: #999999;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup {
    border-radius: 4px;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.top.left:before,
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.top.right:before,
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.top.center:before {
    box-shadow: 1px 1px 0 0 #ECEDEE;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.bottom.left:before,
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.bottom.right:before,
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.bottom.center:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.left.center:before {
    box-shadow: 1px -1px 0 0 #ecedee;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .toolbox .toolbox-popup.right.center:before {
    box-shadow: -1px 1px 0 0 #ecedee;
}
.osc-new-layout .tweet-publish.modal .tweet-form__footer .count-box {
    flex-shrink: 0;
    color: #9B9B9B;
    font-size: 14px;
    line-height: 20px;
    font-family: Courier, sans-serif;
}
.osc-new-layout .question-publish.modal {
    width: 580px;
}
.osc-new-layout .question-publish.modal .osc-modal__body {
    padding: 16px 24px;
}
.osc-new-layout .question-publish.modal .question-form {
    display: flex;
    flex-direction: column;
}
.osc-new-layout .question-publish.modal .question-form__notice {
    flex-shrink: 0;
    margin-bottom: 16px;
}
.osc-new-layout .question-publish.modal .question-form__notice .notice-box {
    background: #FFFCEB;
    border: 1px solid #E1DEC9;
    border-radius: 3px;
}
.osc-new-layout .question-publish.modal .question-form__notice .notice-box__inner {
    padding: 12px;
}
.osc-new-layout .question-publish.modal .question-form__notice .notice-box__header {
    color: #111111;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}
.osc-new-layout .question-publish.modal .question-form__notice .notice-box__content .row-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout .question-publish.modal .question-form__notice .notice-box__content .row-content .col-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.osc-new-layout .question-publish.modal .question-form__notice .notice-box__content .row-content .col-content .item {
    position: relative;
    color: #111111;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 8px;
}
.osc-new-layout .question-publish.modal .question-form__notice .notice-box__content .row-content .col-content .item:last-child {
    margin-bottom: 0;
}
.osc-new-layout .question-publish.modal .question-form__notice .notice-box__content .row-content .col-content .item:before {
    display: inline-block;
    content: "∙";
    margin-right: 8px;
}
.osc-new-layout .question-publish.modal .question-form__header {
    flex-shrink: 0;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .question-publish.modal .question-form__header .user-box {
    flex: 1 0 auto;
    min-width: 0;
    margin-right: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .question-publish.modal .question-form__header .user-box__avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}
.osc-new-layout .question-publish.modal .question-form__header .user-box__name {
    flex: 1;
    min-width: 0;
    margin-left: 8px;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box label {
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view {
    display: block;
    background-color: #FFF;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    padding: 0;
    box-sizing: border-box;
    transition: background-color 0.1s ease, border-color 0.1s ease;
    user-select: none;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view:hover {
    background-color: #F6F6F6;
    border-color: #CCCCCC;
}
.osc-new-layout .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: flex;
    flex-direction: row;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__default-text {
    margin-right: 4px;
}
.osc-new-layout .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: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #9B9B9B;
    font-size: 16px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-icon svg {
    fill: #9B9B9B;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-icon img {
    display: block;
    width: 1em;
    height: 1em;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-icon--filter {
    filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%);
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__single-text {
    flex: 1;
    min-width: 0;
    margin-left: 6px;
    margin-right: 4px;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .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;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__dropdown-icon i.icon {
    width: 10px;
    margin: 0;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 4px 6px 0 4px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__item {
    display: inline-flex;
    flex-direction: row;
    border: 1px solid #DDD;
    padding: 0 6px;
    background: #fff;
    border-radius: 3px;
    margin-right: 4px;
    margin-bottom: 4px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-view__item-text {
    font-size: 12px;
    line-height: 18px;
}
.osc-new-layout .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;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu {
    width: 160px;
    padding: 8px;
    box-sizing: border-box;
    background: #fff;
    border: none;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0 1px 7px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(0, 0, 0, 0.02) !important;
    border-radius: 3px !important;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .placeholder-item {
    display: none;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-empty {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 8px;
    user-select: none;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-empty__text {
    flex: 1;
    min-width: 0;
    color: #9B9B9B;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 8px !important;
    border-radius: 4px;
    transition: background-color 0.1s ease;
    cursor: pointer;
    color: #111111;
    font-weight: normal;
    user-select: none;
    z-index: initial;
    background-color: transparent;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item:hover {
    background-color: #F6F6F6;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item + .select-item {
    margin-top: 4px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__icon {
    flex-shrink: 0;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #9B9B9B;
    font-size: 16px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__icon svg {
    fill: #9B9B9B;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__icon img {
    display: block;
    width: 1em;
    height: 1em;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__icon--filter {
    filter: invert(20%) sepia(3%) saturate(28%) hue-rotate(53deg) brightness(89%) contrast(93%);
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item__text {
    flex: 1;
    min-width: 0;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search {
    position: relative;
    padding: 0 8px;
    margin: 0 0 10px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__inner {
    width: 128px;
    font-size: 14px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__icon {
    width: 14px;
    color: #BABABA;
    opacity: 1;
    cursor: default;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input {
    border-radius: 0;
    border: none;
    box-shadow: inset 0 -1px 0 0 #dddddd;
    line-height: 20px;
    padding: 4px 4px 4px 22px !important;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input::placeholder {
    color: #BABABA;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-search__input:focus {
    box-shadow: inset 0 -1px 0 0 #21b351;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout .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, 0.75);
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-thumb,
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu::-webkit-scrollbar-track {
    border-radius: 5px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-empty,
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-item,
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select .select-menu .select-scrolling-menu {
    max-width: 144px;
}
.osc-new-layout .question-publish.modal .question-form__header .scope-box .scope-select--error .select-view {
    animation: scope-select-error-blink 0.8s infinite ease-in;
}
@keyframes scope-select-error-blink {
    50% {
        border-color: #FF5353;
        background-color: rgba(255, 83, 83, 0.1);
    }
}
.osc-new-layout .question-publish.modal .question-form__body {
    flex-shrink: 0;
    margin-bottom: 16px;
}
.osc-new-layout .question-publish.modal .question-form__body .osc-field:not(:first-child) {
    margin-top: 16px;
}
.osc-new-layout .question-publish.modal .question-form__tip {
    flex-shrink: 0;
    margin-bottom: 16px;
    padding: 8px;
    border-radius: 3px;
    font-size: 13px;
    text-align: center;
}
.osc-new-layout .question-publish.modal .question-form__tip.info {
    color: #9B9B9B;
    background: #F8F8F8;
}
.osc-new-layout .question-publish.modal .question-form__tip.success {
    color: #21b351;
    background: rgba(33, 179, 81, 0.1);
}
.osc-new-layout .question-publish.modal .question-form__tip.error {
    color: #FF5353;
    background: rgba(255, 83, 83, 0.1);
}
.osc-new-layout .question-publish.modal .question-form__footer {
    flex-shrink: 0;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox {
    position: relative;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox > .item {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    margin-right: 24px;
    color: #111111;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox > .item:last-child {
    margin-right: 0;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox > .item:hover {
    color: #666666;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox > .item i.oicon {
    font-size: 16px;
    vertical-align: bottom;
    color: #999999;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup {
    border-radius: 4px;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup.top.left:before,
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup.top.right:before,
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup.top.center:before {
    box-shadow: 1px 1px 0 0 #ECEDEE;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup.bottom.left:before,
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup.bottom.right:before,
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup.bottom.center:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup.left.center:before {
    box-shadow: 1px -1px 0 0 #ecedee;
}
.osc-new-layout .question-publish.modal .question-form__footer .toolbox .toolbox-popup.right.center:before {
    box-shadow: -1px 1px 0 0 #ecedee;
}
.osc-new-layout .question-publish.modal .question-form__action {
    padding-bottom: 8px;
}
.osc-new-layout .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: #FFFFFF;
    text-align: center;
}
.osc-new-layout .question-publish.modal .question-form__action .ui.primary.button:hover {
    background-color: #20ab4e;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup {
    max-width: none;
    z-index: 1000;
    /* 低于 头部 Header 导航栏(z-index 1001) */
    /* 插入图片 */
    /* 插入代码 */
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper {
    width: 470px;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper .upload.field {
    border: 2px dashed rgba(34, 36, 38, 0.15);
    border-radius: 5px;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 1em;
    min-height: 150px;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper .upload.field .empty-tips {
    display: none;
    font-size: 1rem;
    color: #999999;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper .upload.field.empty {
    display: flex;
    align-items: center;
    justify-content: center;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper .upload.field.empty .empty-tips {
    display: block;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper #dropzone {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 308px;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper #dropzone .dz-message {
    margin: 0 auto;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper #dropzone .dz-preview {
    margin: 5px;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-picture .upload-wrapper #dropzone .dz-error-message {
    top: 0;
}
.osc-new-layout .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;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper {
    width: 480px;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .edit-mode textarea {
    min-height: 100px;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode pre {
    margin: 0;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode code {
    display: block;
    border-radius: 2px;
    background: #f6f6f6;
    padding: 0.7em 1em;
    max-height: 200px;
    overflow: auto;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode code::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode code::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout .question-publish.modal .question-form .toolbox-popup.toolbox-code .editor-wrapper .read-mode code::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout .survey-modal.modal {
    width: 536px;
    padding: 24px 40px;
}
@media only screen and (max-width: 767px) {
    .osc-new-layout .survey-modal.modal {
        padding: 18px 24px;
    }
}
.osc-new-layout .survey-modal.modal .btn-link {
    user-select: none;
    cursor: pointer;
}
.osc-new-layout .survey-modal.modal .survey-modal__content {
    margin-bottom: 24px;
}
.osc-new-layout .survey-modal.modal .survey-modal__content .title {
    color: #111111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    margin: 14px 0 0;
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box {
    margin-top: 12px;
    margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box {
        margin-bottom: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field {
        text-align: center;
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input ~ label:before,
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input ~ label:after {
    content: none !important;
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="1"] ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-1.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="1"] ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-1@2x.png);
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="1"]:checked ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-1.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="1"]:checked ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-1@2x.png);
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="2"] ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-2.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="2"] ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-2@2x.png);
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="2"]:checked ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-2.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="2"]:checked ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-2@2x.png);
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="3"] ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-3.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="3"] ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-3@2x.png);
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="3"]:checked ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-3.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="3"]:checked ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-3@2x.png);
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="4"] ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-4.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="4"] ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-4@2x.png);
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="4"]:checked ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-4.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="4"]:checked ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-4@2x.png);
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="5"] ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-5.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="5"] ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-gray-5@2x.png);
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="5"]:checked ~ label {
    background-image: url(/new-osc/img/page/index-feed/icon-evaluate-5.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .evaluation-box > .field .ui.radio.checkbox input[value="5"]:checked ~ label {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-feed/icon-evaluate-5@2x.png);
    }
}
.osc-new-layout .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;
    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) {
    .osc-new-layout .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;
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .reason-box .reason-grid.grid {
    padding: 30px 14px 2px;
}
@media only screen and (max-width: 767px) {
    .osc-new-layout .survey-modal.modal .survey-modal__content .reason-box .reason-grid.grid {
        padding-top: 28px;
    }
}
.osc-new-layout .survey-modal.modal .survey-modal__content .reason-box .reason-grid.grid .column {
    padding: 0;
    margin-bottom: 14px;
}
.osc-new-layout .survey-modal.modal .survey-modal__content .advice-box textarea {
    height: 60px;
    resize: none;
    min-height: unset;
}
.osc-new-layout .survey-modal.modal .survey-modal__footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.osc-new-layout .survey-modal.modal .survey-modal__footer .button {
    margin-right: 0;
}
.osc-new-layout .set-groups.modal .ui.multiple.dropdown {
    padding: 4px 28px 2px 5px;
}
.osc-new-layout #mainScreen {
    padding-top: 0;
    padding-bottom: 0;
}
.osc-new-layout #mainScreen .home-container {
    position: relative;
    width: 1200px;
    padding: 0 32px;
    margin: 0 auto;
    box-sizing: content-box;
}
.osc-new-layout #mainScreen .home-container .box-card {
    background-color: #fff;
    border-radius: 5px;
}
.osc-new-layout #mainScreen .home-container .box-card--shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.osc-new-layout .header-box {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 72px;
}
.osc-new-layout .header-box__wrapper {
    width: 100%;
    height: inherit;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
}
.osc-new-layout .header-box__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 32px;
    width: 100%;
    height: inherit;
    min-width: 1264px;
    max-width: 1504px;
}
.osc-new-layout .header-box__inner .header-box__inner__box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.osc-new-layout .header-box--fixed .header-box__wrapper {
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    right: 0;
}
.osc-new-layout .header-box .logo {
    flex-shrink: 0;
}
.osc-new-layout .header-box .logo svg,
.osc-new-layout .header-box .logo img {
    display: block;
}
.osc-new-layout .header-box .logo img {
    width: 155px;
    height: 44px;
}
.osc-new-layout .header-box .search-box {
    flex-shrink: 0;
    margin-left: 32px;
    width: 160px;
}
.osc-new-layout .header-box .search-box__inner {
    width: 100%;
    font-size: 14px;
}
.osc-new-layout .header-box .search-box__icon {
    width: 30px;
    color: #CCD0D4;
    opacity: 1;
    cursor: default;
}
.osc-new-layout .header-box .search-box__input {
    border-radius: 0;
    border: none;
    box-shadow: inset 0 -1px 0 0 #dddddd;
    line-height: 20px;
    padding: 10px 10px 10px 30px !important;
}
.osc-new-layout .header-box .search-box__input::placeholder {
    color: #BABABA;
}
.osc-new-layout .header-box .search-box__input:focus {
    box-shadow: inset 0 -1px 0 0 #21b351;
}
.osc-new-layout .header-box .nav-bar {
    flex-shrink: 0;
}
.osc-new-layout .header-box .nav-bar__tabs {
    display: flex;
    margin: 0 52px;
    padding: 0;
}
.osc-new-layout .header-box .nav-bar__tabs .tabs-item {
    display: block;
    list-style: none;
    padding: 0 20px;
}
.osc-new-layout .header-box .nav-bar__tabs .tabs-link {
    position: relative;
    display: inline-block;
    padding: 25px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #666;
    text-align: center;
    transition: color 0.1s ease, font-weight 0.1s ease;
}
.osc-new-layout .header-box .nav-bar__tabs .tabs-link:hover {
    color: #111111;
}
.osc-new-layout .header-box .nav-bar__tabs .tabs-link.active {
    color: #111111;
    font-weight: 600;
}
.osc-new-layout .header-box .nav-bar__tabs .tabs-link.active:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: #21b351;
    content: "";
}
.osc-new-layout .header-box .nav-bar__tabs .tabs-item--point .tabs-link:before {
    content: '';
    position: absolute;
    right: 19px;
    top: 32px;
    display: block;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #D0021B;
    border-radius: 50%;
    transform: translate(100%, -100%);
}
.osc-new-layout .header-box .nav-bar__tabs .tabs-item--new {
    margin-right: 28px;
}
.osc-new-layout .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;
    box-sizing: border-box;
    background: #c71d24;
    border-radius: 4px;
    transform: translate(100%, -100%) scale(0.5);
    transform-origin: left bottom;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}
.osc-new-layout .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;
    box-sizing: border-box;
    border-radius: 4px;
    transform: translate(100%, -100%) scale(0.5);
    transform-origin: left bottom;
    background: url('https://static.oschina.net/dist/oschina/event/imgs/flash_wide.gif') no-repeat center;
    background-size: cover;
    opacity: 0.6;
}
.osc-new-layout .header-box .nav-bar__tabs .tabs-item--new-show .tabs-link:before {
    display: block;
}
.osc-new-layout .header-box .nav-bar__tabs .tabs-item--new-show .tabs-link:after {
    display: block;
}
.osc-new-layout .header-box .nav-bar--center {
    margin-left: 90px;
    /*
        flex: 1;

        .nav-bar__tabs {
          justify-content: center;
        }
        */
}
.osc-new-layout .header-box .user-bar {
    flex-shrink: 0;
    margin-left: auto;
}
.osc-new-layout .header-box .user-bar__links {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .header-box .user-bar__links > .item {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    padding: 0 12px;
    color: #999999;
}
.osc-new-layout .header-box .user-bar__links > .item:hover {
    color: #666666;
}
.osc-new-layout .header-box .user-bar__links > .item.icon {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .header-box .user-bar__links > .item.btn-back-old {
    color: #21b351;
}
.osc-new-layout .header-box .user-bar__links > .item.btn-back-old:hover {
    color: #1fa44b;
}
.osc-new-layout .header-box .user-bar__links .app-download > .icon {
    font-size: 20px;
    margin: 0 -3px;
}
.osc-new-layout .header-box .user-bar__links .user-message {
    height: 40px;
}
.osc-new-layout .header-box .user-bar__links .user-message > .icon {
    font-size: 20px;
    line-height: 1;
    width: 18px;
    margin: 0;
}
.osc-new-layout .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;
}
.osc-new-layout .header-box .user-bar__links .user-message .menu {
    width: 200px;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.osc-new-layout .header-box .user-bar__links .user-message .menu .message-header {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: inset 0 -1px 0 0 #ecedee;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .header-box .user-bar__links .user-message .menu .action {
    margin: -1px 0 0 0;
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: inset 0 1px 0 0 #ECEDEE;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
}
.osc-new-layout .header-box .user-bar__links .user-message .menu .action .go-inbox {
    float: left;
}
.osc-new-layout .header-box .user-bar__links .user-message .menu .action .mark-read-all {
    float: right;
    display: none;
}
.osc-new-layout .header-box .user-bar__links .user-info {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
.osc-new-layout .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) {
    .osc-new-layout .header-box:not(.header-box--compact) .nav-bar__tabs {
        margin: 0 24px;
    }
}
@media only screen and (max-width: 1349px) {
    .osc-new-layout .header-box:not(.header-box--compact) .search-box {
        margin-left: 24px;
    }
    .osc-new-layout .header-box:not(.header-box--compact) .nav-bar__tabs {
        margin: 0 24px;
    }
    .osc-new-layout .header-box:not(.header-box--compact) .nav-bar__tabs .tabs-item {
        padding: 0 12px;
    }
}
.osc-new-layout .header-box--compact .nav-bar__tabs {
    margin: 0 24px;
}
.osc-new-layout .header-box--compact .nav-bar__tabs .tabs-item {
    padding: 0;
}
.osc-new-layout .header-box--compact .nav-bar__tabs .tabs-link {
    padding-left: 16px;
    padding-right: 16px;
}
.osc-new-layout .header-box--compact .nav-bar__tabs .tabs-item--point .tabs-link:before {
    right: 21px;
}
.osc-new-layout .header-box--compact .nav-bar__tabs .tabs-item--new .tabs-link:before {
    right: 15px;
}
.osc-new-layout .header-box--compact .nav-bar__tabs .tabs-item--new .tabs-link:after {
    right: 15px;
}
.osc-new-layout .header-box--compact .search-circle-box {
    margin-left: 0;
    margin-right: 12px;
}
.osc-new-layout .header-box--compact .search-circle-box form{
    margin: 0;
}
.osc-new-layout .header-box--compact .search-circle-box__inner {
    position: relative;
    display: block;
    width: 272px;
    height: 32px;
    overflow: hidden;
}
.osc-new-layout .header-box--compact .search-circle-box__input {
    display: block;
    width: 100%;
    appearance: none;
    outline: none;
    padding: 5px 42px 5px 12px;
    background-color: #F7F8F9;
    color: #111;
    font-size: 14px;
    line-height: 20px;
    border-radius: 20px;
    border: 1px solid #ECEDEE;
    transition: border-color 0.14s ease;
    box-sizing: border-box;
    margin-bottom: 0;
    height: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}
.osc-new-layout .header-box--compact .search-circle-box__input:focus {
    border-color: #D8D8D8 !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
}
.osc-new-layout .header-box--compact .search-circle-box__input::placeholder {
    color: #999;
}
.osc-new-layout .header-box--compact .search-circle-box__button {
    position: absolute;
    top: 5px;
    right: 12px;
    display: block;
    width: 22px;
    height: 22px;
    appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    transition: color .14s ease;
    color: #999999;
}
.osc-new-layout .header-box--compact .search-circle-box__button:hover {
    color: #666666;
}
.osc-new-layout .header-box--compact .search-circle-box__button i.icon {
    margin: 0;
    font-size: inherit;
}
.osc-new-layout .header-box--compact .user-bar__links > .item {
    padding: 0 10px;
    color: #BABABA;
}
.osc-new-layout .header-box--compact .user-bar__links > .item:hover {
    color: #999;
}
.osc-new-layout .header-box--compact .user-bar__links .app-download > i.oicon {
    font-size: 20px;
    margin: 0 -3px;
}
@media only screen and (max-width: 1416px) {
    .osc-new-layout .header-box--compact .search-circle-box__inner {
        width: 250px;
    }
}
@media only screen and (max-width: 1400px) {
    .osc-new-layout .header-box--compact .search-circle-box__inner {
        width: 240px;
    }
}
@media only screen and (max-width: 1365px) {
    .osc-new-layout .header-box--compact .search-circle-box__inner {
        width: 220px;
    }
}
@media only screen and (max-width: 1352px) {
    .osc-new-layout .header-box--compact .search-circle-box__inner {
        width: 200px;
    }
}
@media only screen and (max-width: 1340px) {
    .osc-new-layout .header-box--compact .search-circle-box__inner {
        width: 180px;
    }
}
@media only screen and (max-width: 1318px) {
    .osc-new-layout .header-box--compact .search-circle-box {
        display: none;
    }
}
.osc-new-layout #footer {
    background-color: #fff;
}
.osc-new-layout #footer.hide {
    display: none !important;
}
.osc-new-layout #copyright.hide {
    display: none !important;
}
.osc-new-layout .quick-publish-box {
    margin-bottom: 24px;
}
.osc-new-layout .quick-publish-box__inner {
    padding: 12px 24px;
}
.osc-new-layout .quick-publish-box__topics .topic-box {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
}
.osc-new-layout .quick-publish-box__topics .topic-box .topic-title {
    flex-shrink: 0;
    color: #003d86;
    font-weight: 500;
}
.osc-new-layout .quick-publish-box__topics .topic-box .topic-list {
    flex: 1;
    min-width: 0;
    margin-left: 8px;
    max-height: 20px;
    overflow: hidden;
}
.osc-new-layout .quick-publish-box__topics .topic-box .topic-list .item {
    display: inline-block;
}
.osc-new-layout .quick-publish-box__topics .topic-box .topic-list .item + .item {
    margin-left: 20px;
}
.osc-new-layout .quick-publish-box__form {
    padding: 12px 0;
}
.osc-new-layout .quick-publish-box__form .textarea-box {
    position: relative;
    cursor: pointer;
}
.osc-new-layout .quick-publish-box__form .textarea-box__textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    appearance: none;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 13px 49px 13px 11px;
    font-size: 14px;
    line-height: 20px;
    color: #111111;
    resize: none;
    transition: border-color 0.1s ease;
    overflow-y: hidden;
}
.osc-new-layout .quick-publish-box__form .textarea-box__textarea::placeholder {
    color: #BABABA;
}
.osc-new-layout .quick-publish-box__form .textarea-box__textarea:focus {
    border-color: #21b351;
}
.osc-new-layout .quick-publish-box__form .textarea-box__placeholder {
    display: block;
    width: 100%;
    user-select: none;
    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;
}
.osc-new-layout .quick-publish-box__form .textarea-box__button {
    position: absolute;
    right: 12px;
    top: 9px;
    border: none;
    background: none;
    outline: none;
    appearance: none;
    box-sizing: border-box;
    padding: 3px;
    color: #21b351;
    font-size: 0;
    cursor: pointer;
    /*
          &:hover {
            color: @primary-hover-color;
          }
          */
}
.osc-new-layout .quick-publish-box__form .textarea-box__button .oicon {
    font-size: 24px;
    line-height: 1;
}
.osc-new-layout .quick-publish-box__footer .link-box {
    padding: 0 8px;
}
.osc-new-layout .quick-publish-box__footer .link-box .link-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout .quick-publish-box__footer .link-box .link-list .item {
    font-size: 14px;
    line-height: 20px;
    color: #111111;
}
.osc-new-layout .quick-publish-box__footer .link-box .link-list .item .oicon.oicon-question-solid {
    color: #B352CE;
}
.osc-new-layout .quick-publish-box__footer .link-box .link-list .item .oicon.oicon-write-solid {
    color: #1285FE;
}
.osc-new-layout .quick-publish-box__footer .link-box .link-list .item .oicon.oicon-fire-solid {
    color: #FF6838;
}
.osc-new-layout .quick-publish-box__footer .link-box .link-list .item a {
    color: #111111;
}
.osc-new-layout .quick-publish-box__footer .link-box .link-list .item a:hover {
    color: #346fb6;
}
.osc-new-layout .quick-publish-box__footer .link-box .link-list .item a .oicon {
    margin-right: 8px;
    font-size: 16px;
    line-height: 20px;
    vertical-align: bottom;
}
.osc-new-layout .entry-container {
    position: relative;
}
.osc-new-layout .entry-container__loader {
    box-sizing: border-box;
}
.osc-new-layout .entry-container__loader .loader-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-height: 400px;
}
.osc-new-layout .entry-container__loader .loader {
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item {
    position: relative;
    padding: 0 32px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item__inner {
    box-sizing: border-box;
    padding: 24px 0;
    border-top: 1px solid #ECEDEE;
}
.osc-new-layout .entry-container .entry-list-box .entry-item:first-child .entry-item__inner {
    border-top-color: transparent;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--borderless .entry-item__inner {
    border-top-color: transparent;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--borderless + .entry-item .entry-item__inner {
    border-top-color: transparent;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--compact .entry-item__inner {
    padding: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item {
    position: relative;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #9B9B9B;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .item-list > .item {
    margin-right: 8px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .item-list > .item:last-child {
    margin-right: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .item-list > .item a,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .item-list > .item--clickable {
    cursor: pointer;
    color: #4a4a4a;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .item-list > .item a:hover,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .item-list > .item--clickable:hover {
    color: #346fb6;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .item-list > .item .gap {
    margin: 0 8px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__inner {
    position: relative;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header {
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header .item-list {
    flex-wrap: nowrap;
    color: #888;
    font-size: 13px;
    line-height: 20px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header .item-list > .item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-meta {
    flex: 1;
    min-width: 0;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-meta .item-tag--as-top {
    display: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-meta .item-author-info {
    flex-shrink: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-meta .item-author-info .author-info {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-extra {
    flex-shrink: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item {
    margin-right: 0;
    margin-left: 8px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item:first-child {
    margin-left: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item.btn-dislike {
    display: none;
    font-size: 12px;
    color: #999999;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item.btn-dislike.enable {
    display: block;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item.btn-dislike:hover {
    color: #666666;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__header-extra .item-list .item.btn-dislike i.oicon {
    vertical-align: middle;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__title h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #111111;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__title h2 a {
    color: #111111;
    border-bottom: 1px solid transparent;
    transition: border-color 0.1s ease;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__title h2 a:hover {
    border-bottom: 1px solid #D3D3D3;
}
.osc-new-layout .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;
    hyphens: auto;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__content--black {
    color: #111111;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__content--limit {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__content p {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__referer {
    margin-top: 6px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__referer .referer-box {
    padding: 8px;
    background: #F6F6F6;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__referer .referer-box__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #111111;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__referer .referer-box__title a {
    color: #111111;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__referer .referer-box__title a:hover {
    color: #346fb6;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item {
    margin-right: 0;
    margin-left: 16px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item:first-child {
    margin-left: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item > a,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item--clickable {
    color: #999999;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item > a:hover,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item--clickable:hover {
    color: #666666;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item--link {
    color: #346fb6;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item--link:hover {
    color: #003d86;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item i.oicon {
    color: inherit;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item.ui.dropdown > .menu .item {
    color: #4A4A4A;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item.ui.dropdown > .menu .item i.icon,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer .item-list > .item.ui.dropdown > .menu .item i.oicon {
    margin-right: 8px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state {
    flex: 1;
    min-width: 0;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-answer:hover {
    color: #21b351;
}
.osc-new-layout .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, 0.1);
    transition: background .2s ease;
    color: #21b351;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-comment:hover {
    background: rgba(33, 179, 81, 0.15);
    color: #21b351 !important;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-comment .text--normal {
    display: inline;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-comment .text--collapsed {
    display: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-comment .text--normal-exist {
    display: inline;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-comment .text--normal-empty {
    display: none;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-comment.collapsed .text--normal {
    display: none !important;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-comment.collapsed .text--collapsed {
    display: inline !important;
}
.osc-new-layout .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;
    transition: all 0s linear,opacity .1s ease;
}
.osc-new-layout .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: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.15);
}
.osc-new-layout .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: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    animation: button-spin 0.6s linear;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-comment.disabled:hover,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-state .item-list > .item .btn-comment.loading:hover {
    background: rgba(33, 179, 81, 0.1);
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item__footer-extra {
    flex-shrink: 0;
    margin-left: 8px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item--clickable .article-item__inner {
    cursor: pointer;
}
.osc-new-layout .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;
    transition: background-color 0.2s ease;
    border-radius: 4px;
    cursor: pointer;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item--clickable:hover:before {
    background-color: #F6F8FA;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel {
    padding: 16px;
    width: 280px;
    border-radius: 4px;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.top.left:before,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.top.right:before,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.top.center:before {
    box-shadow: 1px 1px 0 0 #ECEDEE;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.bottom.left:before,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.bottom.right:before,
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.bottom.center:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.left.center:before {
    box-shadow: 1px -1px 0 0 #ecedee;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel.right.center:before {
    box-shadow: -1px 1px 0 0 #ecedee;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-header {
    margin-bottom: 6px;
    color: #111111;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-header span {
    font-weight: normal;
    color: rgba(0, 0, 0, 0.4);
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-content {
    margin-bottom: 12px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-content .tag-list .tag-item {
    display: block;
    box-sizing: border-box;
    padding: 9px 0 8px;
    border-bottom: 1px solid #F2F2F2;
}
.osc-new-layout .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;
}
.osc-new-layout .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],
.osc-new-layout .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] {
    width: 16px;
    height: 16px;
}
.osc-new-layout .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;
}
.osc-new-layout .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%;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer .osc-button {
    margin: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer .osc-button.cancel {
    border: 0;
    background: none;
    color: #9B9B9B;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer .osc-button.cancel:hover {
    color: #888;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .article-item .popup-dislike-panel .popup-inner .popup-footer .osc-button + .osc-button {
    margin-left: 6px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .comments-wrap {
    display: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .entry-message-box {
    position: absolute;
    left: 50%;
    bottom: 13px;
    transform: translateX(-50%);
    padding: 4px 16px;
    border-radius: 14px;
    background: #F8F8F8;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .entry-message-box__text {
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    user-select: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .entry-message-box__text,
.osc-new-layout .entry-container .entry-list-box .entry-item .entry-message-box__text a {
    color: #9B9B9B;
}
.osc-new-layout .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;
    transition: color .1s ease;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .entry-message-box__close:hover {
    color: #666666;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .entry-message-box--closeable {
    padding-right: 32px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box {
    width: 100%;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .card-list {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .card-list .card-item {
    flex: 1;
    width: auto;
    margin: 0 24px 0 0;
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    transition: background-color 0.1s ease;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .card-list .card-item:hover {
    background-color: #FCFCFC;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .card-list .card-item:last-child {
    margin-right: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__inner {
    display: flex;
    padding: 16px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__avatar {
    flex-shrink: 0;
    margin-right: 12px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__avatar a {
    display: block;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__info {
    flex: 1;
    overflow: hidden;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 4px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .name {
    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: #111111;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .name a {
    color: #111111;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .name a:hover {
    color: #346fb6;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action {
    flex-shrink: 0;
    margin-left: 8px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn {
    display: inline-flex;
    flex-direction: row;
    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;
    transition: background .2s ease;
    background: rgba(33, 179, 81, 0.1);
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn:hover {
    background: rgba(33, 179, 81, 0.15);
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="2"],
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="3"] {
    background: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="2"] i,
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__header .action .follow-btn[data-follow-status="3"] i {
    display: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__desc {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #111111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__footer {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__footer .meta {
    flex: 1;
    color: #9B9B9B;
    font-size: 0;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__footer .meta .item:last-child {
    margin-right: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item .user-list-box__inner .user-card__footer .meta .item .count {
    margin-left: 4px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item[data-as-top="true"] .article-item__header-meta .item-tag--as-top {
    display: block;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item--clickable:before {
    content: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__header {
    margin-bottom: 10px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content {
    font-size: 14px;
    line-height: 22px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content {
    display: flex;
    flex-direction: row;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content .cover-picture {
    flex-shrink: 0;
    margin-right: 16px;
    display: none;
    overflow: hidden;
    width: 160px;
    height: 90px;
    border-radius: 3px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content .cover-picture.enable {
    display: block;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content .cover-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .ellipsis-content .summary-text {
    flex: 1;
    min-width: 0;
}
.osc-new-layout .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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 4;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout .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: #111111;
    word-break: break-word;
    word-wrap: break-word;
    hyphens: auto;
    text-align: left;
    zoom: 1;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content:before,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content:after {
    content: '';
    display: table;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content:after {
    clear: both;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content > *:first-child {
    margin-top: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content > *:last-child {
    margin-bottom: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content p {
    margin: 0 0 20px;
    line-height: inherit;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content strong {
    font-weight: bold;
}
.osc-new-layout .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: #333333;
    font-size: 13px;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre {
    position: relative;
    margin: 0 0 20px;
    padding: 1em;
    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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar-thumb,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre::-webkit-scrollbar-track {
    border-radius: 4px;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content pre,
.osc-new-layout .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: #333333;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol li,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul li {
    line-height: 1.875em;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol ol,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul ol,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol ul,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul ul,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol p,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul p,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol pre,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul pre {
    margin-bottom: 8px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol ul,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul ul {
    list-style-type: circle;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol > *:first-child,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul > *:first-child {
    margin-top: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol > *:last-child,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul > *:last-child {
    margin-bottom: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ol {
    list-style-type: decimal;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content ul {
    list-style-type: disc;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content img {
    margin: 0 auto;
    max-width: 80%;
    height: auto;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
}
@media only screen and (max-width: 767px) {
    .osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content img {
        max-width: 100%;
    }
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content img.zoom-in-cursor {
    cursor: zoom-in;
}
.osc-new-layout .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: #444444;
    overflow: auto;
    max-width: 100% !important;
    width: 100%;
    border: none;
    line-height: inherit;
    word-break: keep-all;
    margin: 0 0 20px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar-thumb,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table::-webkit-scrollbar-track {
    border-radius: 4px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table thead {
    text-align: left;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table thead,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table th {
    background: #f8f8f8;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table th,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table td {
    padding: 4px 8px;
    border: 1px solid #dddddd;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table tr {
    background-color: #ffffff;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content table tr:nth-child(2n) {
    background-color: #f8f8f8;
}
.osc-new-layout .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: normal;
    word-break: break-word;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content blockquote > *:first-child {
    margin-top: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content blockquote > *:last-child {
    margin-bottom: 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content blockquote pre,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content blockquote code {
    background-color: #eeeeee;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h1,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h2,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h3,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h4,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h5,
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h1 {
    font-size: 26px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h2 {
    font-size: 24px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h3 {
    font-size: 22px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h4 {
    font-size: 20px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h5 {
    font-size: 18px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content h6 {
    font-size: 16px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content video {
    max-width: 100%;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content hr {
    height: 0;
    border: none;
    border-top: 1px solid #eeeeee;
    background: none;
    margin: 0 0 20px;
    zoom: 1;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content hr:before,
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content hr:after {
    content: '';
    display: table;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .full-content hr:after {
    clear: both;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .btn-more {
    display: inline-block;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .btn-more i.oicon {
    margin-left: 4px;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__content .btn-more--fixed:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0);
    display: block;
    width: 60px;
    height: 22px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__footer {
    margin-top: 12px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__footer-state .item-list {
    color: #888;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__footer-extra .btn-collapsed {
    display: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .article-item__footer-extra .btn-collapsed .icon-wrap {
    display: inline-block;
    margin-left: 4px;
    transform: rotate(180deg);
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .comments-wrap {
    display: block;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .comments-wrap .comments-tip {
    margin-top: 8px;
    display: block;
    box-sizing: border-box;
    padding: 6px;
    background: #F7F7F7;
    border-radius: 2px;
    color: #888;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.24s ease;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full .comments-wrap .comments-tip:hover {
    background: #ECEDEE;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--content-more .article-item__content .ellipsis-content {
    display: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--content-more .article-item__content .full-content {
    display: block;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--content-more .article-item__footer {
    margin-top: 20px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--content-more .article-item__footer-extra .btn-collapsed {
    display: block;
}
.osc-new-layout .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;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px -5px 8px -5px rgba(0, 0, 0, 0.1);
    animation: fixed-bottom-slide-in-up 0.2s;
}
@keyframes fixed-bottom-slide-in-up {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        transform: translateZ(0);
    }
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap {
    margin-top: 12px;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container {
    display: flex;
    flex-direction: row;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-avatar-wrap {
    flex-shrink: 0;
    margin: 4px 8px 4px 0;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box .comment-form-container .comment-form-wrap {
    flex: 1;
    min-width: 0;
}
.osc-new-layout .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: flex;
    flex-direction: row;
}
.osc-new-layout .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 {
    flex: 1;
}
.osc-new-layout .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;
    box-sizing: border-box;
    border: 1px solid #C2C2C2;
    appearance: none;
    outline: none;
    resize: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    transition: border-color 0.2s ease;
    overflow-y: hidden;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
    flex-shrink: 0;
    align-self: flex-end;
    margin-left: 8px;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
    transition: opacity .2s ease;
    border-radius: 4px;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__loader {
    box-sizing: border-box;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__loader .loader-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
    box-sizing: border-box;
    border: 1px solid #C2C2C2;
    background: #FAFAFA;
    color: #4A4A4A;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list-inner {
    position: relative;
    display: block;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-list {
    position: relative;
    display: block;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
    box-shadow: inset 0 1px 0 0 #ECEDEE;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-list-empty-view {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 52px 0;
    height: 100%;
}
.osc-new-layout .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;
    user-select: none;
    pointer-events: none;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
    /*
        &:not(.comment-item--child):last-child {
          .comment-item__main {
            border-bottom: none;
          }

          .comment-item__children {
            & > .comment-item {
              border-top: 1px solid #ECEDEE;
            }
          }
        }
        */
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__inner {
    display: flex;
    flex-direction: row;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__avatar {
    flex-shrink: 0;
    margin-right: 8px;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__main {
    flex: 1;
    min-width: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__author {
    padding: 2px 0;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__author > * {
    vertical-align: middle;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__actions .item-list {
    display: flex;
    flex-direction: row;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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,
.osc-new-layout .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 {
    cursor: pointer;
    color: #888888;
}
.osc-new-layout .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,
.osc-new-layout .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 {
    color: #666666;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item__children .comment-item {
    /*
            &:before {
              content: '';
              position: absolute;
              left: 12px;
              top: 24px + 16px;
              bottom: 0;
              width: 1px;
              background: #ECEDEE;
            }
            */
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item--hidden {
    display: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__list .comment-item--opacity {
    opacity: .5;
}
.osc-new-layout .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;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__next.hide {
    display: none;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__next .collapse-btn {
    cursor: pointer;
    user-select: none;
    color: #888888;
}
.osc-new-layout .entry-container .entry-list-box .entry-item--full.entry-item--expand-embed-comments .comments-wrap .comments-box__next .collapse-btn:hover {
    color: #666666;
}
.osc-new-layout .entry-container .entry-list-box--card .entry-item {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.osc-new-layout .entry-container .entry-list-box--card .entry-item__inner {
    border: none;
}
.osc-new-layout .entry-container .entry-list-box--card .entry-item--compact {
    padding: 0;
    overflow: hidden;
}
.osc-new-layout .entry-container .entry-list-box--card .entry-item--full.entry-item--content-more .article-item__footer.fixed-bottom {
    padding-left: 24px;
    padding-right: 24px;
}
.osc-new-layout .entry-container .entry-load-status {
    display: none;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
}
.osc-new-layout .entry-container .entry-load-status .infinite-scroll-request .ui.loader {
    margin: 12px 0 24px;
    box-sizing: border-box;
    font-size: 12px;
}
.osc-new-layout .entry-container .entry-load-status .infinite-scroll-last {
    margin: 12px 0 24px;
}
.osc-new-layout .entry-container .entry-load-status .infinite-scroll-error {
    margin: 12px 0 24px;
}
.osc-new-layout .entry-container .entry-load-more-button {
    display: none;
    padding: 12px 32px 24px;
    text-align: center;
}
.osc-new-layout .entry-container .entry-load-more-button .ui.basic.button {
    margin: 0;
    padding: 6px 16px;
    border-radius: 500rem;
    font-size: 0;
    background-color: #fff !important;
}
.osc-new-layout .entry-container .entry-load-more-button .ui.basic.button .ui.loader {
    box-sizing: border-box;
    margin-right: 8px;
    font-size: 12px;
}
.osc-new-layout .entry-container .entry-load-more-button .ui.basic.button .ui.loader,
.osc-new-layout .entry-container .entry-load-more-button .ui.basic.button .ui.loader:before,
.osc-new-layout .entry-container .entry-load-more-button .ui.basic.button .ui.loader:after {
    width: 16px;
    height: 16px;
}
.osc-new-layout .entry-container .entry-load-more-button .ui.basic.button .ui.loader:before,
.osc-new-layout .entry-container .entry-load-more-button .ui.basic.button .ui.loader:after {
    margin: 0 0 0 -8px;
}
.osc-new-layout .entry-container .entry-load-more-button .ui.basic.button .text {
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .entry-container .entry-load-more-button .ui.basic.button > * {
    vertical-align: middle;
}
.osc-new-layout .entry-container .entry-load-more-button .btn--default {
    display: inline-block;
}
.osc-new-layout .entry-container .entry-load-more-button .btn--loading {
    display: none;
}
.osc-new-layout .entry-container .entry-load-more-button.loading .btn--default {
    display: none;
}
.osc-new-layout .entry-container .entry-load-more-button.loading .btn--loading {
    display: inline-block;
}
.osc-new-layout .entry-container .entry-pagination {
    display: none;
}
.osc-new-layout .entry-container .entry-empty-view {
    display: block;
    padding: 124px 32px;
}
.osc-new-layout .entry-container .entry-empty-view__pic {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 108px;
    user-select: none;
    pointer-events: none;
}
.osc-new-layout .entry-container .entry-empty-view__text {
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #9B9B9B;
}
.osc-new-layout .sidebar-box .sidebar-section-list {
    display: block;
    box-sizing: border-box;
}
.osc-new-layout .sidebar-box .sidebar-section-list.mb {
    margin-bottom: 24px;
}
.osc-new-layout .sidebar-box .sidebar-section-list.smb {
    margin-bottom: 12px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section {
    margin-bottom: 24px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section.mb {
    margin-bottom: 24px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section.smb {
    margin-bottom: 12px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section:last-child {
    margin-bottom: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-icon {
    color: #9B9B9B;
    font-size: 18px;
    line-height: 1;
    margin-right: 8px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-title {
    flex: 1;
    min-width: 0;
    margin: 0;
    color: #111111;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a,
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable {
    margin-left: 8px;
    cursor: pointer;
    color: #999999;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a:hover,
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable:hover {
    color: #666666;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a .oicon,
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable .oicon {
    font-size: 16px;
    vertical-align: bottom;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a.link--default,
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable.link--default {
    color: #346fb6;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra a.link--default:hover,
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .clickable.link--default:hover {
    color: #003d86;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .refresh-loader .oicon {
    font-size: 16px;
    vertical-align: bottom;
}
@keyframes refresh-rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-header .section-extra .refresh-loader.loading .oicon.oicon-refresh {
    display: inline-block;
    animation: refresh-rotate 1s linear infinite;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-body {
    padding-top: 16px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-body .content,
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .section-body .content p {
    font-size: 14px;
    line-height: 22px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section--borderless .section-header {
    padding-bottom: 4px;
    border-bottom: none;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item {
    margin-bottom: 12px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item--wide {
    margin-bottom: 16px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__inner {
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #111111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title--bold {
    font-weight: 500;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title a {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    color: #111111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid transparent;
    transition: border-color 0.1s ease;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title a:hover {
    border-bottom: 1px solid #D3D3D3;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title strong {
    font-weight: 500;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title--multi {
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__title--multi a {
    display: inline;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__extra {
    flex-shrink: 0;
    margin-left: 8px;
}
.osc-new-layout .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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta {
    margin-top: 4px;
    color: #6A6A6A;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list .item {
    margin-right: 16px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list .item:last-child {
    margin-right: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list .item a {
    cursor: pointer;
    color: #4a4a4a;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .simple-list .simple-item__meta .item-list .item a:hover {
    color: #346fb6;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item {
    margin-bottom: 12px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__avatar {
    flex-shrink: 0;
    margin-right: 7px;
    display: block;
    width: 18px;
    padding: 1px 0;
    overflow: hidden;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__avatar a {
    display: block;
    font-size: 0;
    line-height: 1;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__body {
    flex: 1;
    min-width: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__header {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__header a {
    color: #4a4a4a;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__header a:hover {
    color: #346fb6;
}
.osc-new-layout .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;
    hyphens: auto;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__meta {
    margin-top: 4px;
    color: #9B9B9B;
    font-size: 12px;
    line-height: 18px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__meta a {
    color: #999999;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__meta a:hover {
    color: #666666;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .feed-list .feed-item__meta--ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item {
    margin-bottom: 16px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__avatar {
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__avatar a {
    display: block;
    font-size: 0;
    line-height: 1;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__body {
    flex: 1;
    min-width: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__header {
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__header a {
    color: #111111;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__header a:hover {
    color: #346fb6;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc {
    color: #888;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list .item {
    margin-right: 16px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list .item:last-child {
    margin-right: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list .item a {
    cursor: pointer;
    color: #4a4a4a;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__desc .item-list .item a:hover {
    color: #346fb6;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action {
    flex-shrink: 0;
    align-self: center;
    margin-left: 8px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn {
    display: inline-flex;
    flex-direction: row;
    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;
    transition: background .2s ease;
    background: rgba(33, 179, 81, 0.1);
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn:hover {
    background: rgba(33, 179, 81, 0.15);
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn i.oicon {
    margin-right: 4px;
    font-size: 12px;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn[data-follow-status="2"],
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn[data-follow-status="3"] {
    background: none;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn[data-follow-status="2"] i,
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section .user-list .user-item__action .follow-btn[data-follow-status="3"] i {
    display: none;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section.section-ad {
    margin-bottom: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list .sidebar-section.section-ad:not(:last-child) > div:last-child {
    margin-bottom: 24px;
}
.osc-new-layout .sidebar-box .sidebar-section-list--compact .sidebar-section .section-header {
    padding-top: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list--large-divide .sidebar-section {
    margin-bottom: 32px;
}
.osc-new-layout .sidebar-box .sidebar-section-list--large-divide .sidebar-section:last-child {
    margin-bottom: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list--large-divide .sidebar-section.section-ad {
    margin-bottom: 0;
}
.osc-new-layout .sidebar-box .sidebar-section-list--large-divide .sidebar-section.section-ad:not(:last-child) > div:last-child {
    margin-bottom: 32px;
}
.osc-new-layout .sidebar-box .copyright-box__inner {
    color: #999999;
    padding: 24px 0 24px 24px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .qrcode-info-list {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info {
    margin-right: 28px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info:last-child {
    margin-right: 0;
}
.osc-new-layout .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;
}
.osc-new-layout .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info .qrcode-pic img {
    display: block;
    width: 64px;
    height: 64px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info .qq-qrcode-pic img {
    width: 58px;
    height: 58px;
    margin: 3px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .qrcode-info-list .qrcode-info .qq-qrcode-pic .des {
    font-size: 12px;
    color: #ccc;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list .item {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list .item:last-child {
    margin-bottom: 0;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list a {
    color: #999999;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list a:hover {
    color: #666666;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal {
    margin-bottom: 8px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal .item {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 14px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal .item:last-child {
    margin-right: 0;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 8px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal-flex .item {
    display: block;
    margin-bottom: 0;
    margin-right: 14px;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list--horizontal-flex .item:last-child {
    margin-right: 0;
}
.osc-new-layout .sidebar-box .copyright-box__inner .copyright-content .link-list .item.weibo .weibo-follow-button-wrap {
    display: block;
    width: 62px;
    height: 22px;
}
.osc-new-layout .aside-box {
    flex-shrink: 0;
    width: 200px;
    margin-right: 24px;
}
.osc-new-layout .aside-box__inner {
    box-sizing: border-box;
}
.osc-new-layout .aside-box__inner.sticky {
    position: fixed;
    z-index: 800;
}
.osc-new-layout .aside-box__inner .aside-section-list {
    box-sizing: border-box;
    padding-bottom: 24px;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner {
    padding: 24px 0;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section {
    padding: 0 24px;
    margin-bottom: 16px;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section:last-child {
    margin-bottom: 0;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section .section-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-title {
    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;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-extra {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-extra a {
    color: #999999;
    margin-left: 8px;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-extra a .oicon {
    font-size: 16px;
    vertical-align: bottom;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section .section-header .section-extra a:hover {
    color: #666666;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section .section-body {
    padding-top: 12px;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section .section-body--no-padding {
    padding-top: 0;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user {
    margin-bottom: 0;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box {
    padding-bottom: 16px;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__content {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__info {
    flex: 1;
    min-width: 0;
    margin-left: 8px;
}
.osc-new-layout .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: #111111;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__info .login-guide {
    color: #9B9B9B;
    text-align: center;
    padding-right: 8px;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__info .login-guide a {
    color: #111111;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__info .login-guide a:hover {
    color: #21b351;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__link {
    display: block;
    border-radius: 20px 4px 4px 20px;
    transition: background-color 0.1s ease;
}
.osc-new-layout .aside-box__inner .aside-section-list__inner .aside-section.section-user .user-box__link:hover {
    background-color: #F6F6F6;
}
.osc-new-layout .aside-box__inner .tab-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item {
    display: block;
    margin-bottom: 8px;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 3px 3px 3px 8px;
    border-radius: 4px;
    transition: background-color 0.1s ease;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__inner:hover {
    background-color: #F6F6F6;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__icon {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #CCD0D4;
    font-size: 16px;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__icon:before {
    display: none;
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    top: 3px;
    right: 1px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #56DE68;
    border: 2px solid #fff;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__icon img {
    display: block;
    width: 1em;
    height: 1em;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__icon--large {
    font-size: 24px;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__icon .oicon.oicon-question-solid {
    color: #B352CE;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__icon .oicon.oicon-write-solid {
    color: #1285FE;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__icon .oicon.oicon-fire-solid {
    color: #FF6838;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__text {
    min-width: 0;
    margin-left: 16px;
    color: #111111;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__extra {
    flex-shrink: 0;
    margin-left: 6px;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__extra .number-label {
    display: block;
    min-width: 26px;
    height: 26px;
    padding: 0 5px;
    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;
    transform: scale(0.83333333);
    user-select: none;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__extra .text-label {
    display: block;
    height: 22px;
    padding: 0 8px;
    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;
    transform: scale(0.66666667);
    transform-origin: 4px center;
    user-select: none;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item__extra .circle-label {
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 500rem;
    border: 1px solid #FF8B00;
    color: #FF8B00;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    transform: scale(0.83333333);
    user-select: none;
    margin-left: -4px;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--active .tab-item__text {
    color: #21b351;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--hidden {
    display: none;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--notice .tab-item__icon:before {
    display: block;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--clickable .tab-item__inner {
    cursor: pointer;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--link .tab-item__text {
    font-weight: normal;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--link .tab-item__text a {
    color: #346fb6;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--link .tab-item__text a:hover {
    color: #003d86;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--link .tab-item__inner:hover {
    background-color: transparent;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--more-btn {
    margin-top: 24px;
    padding: 0 8px;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item--more-btn .osc-button {
    padding-top: 9px;
    padding-bottom: 9px;
    background: none;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__inner {
    cursor: pointer;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon {
    padding: 2px;
}
.osc-new-layout .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;
    transition: transform .4s ease;
}
.osc-new-layout .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;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader {
    display: none;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader,
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:before,
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:after {
    width: 12px;
    height: 12px;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:before,
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:after {
    margin: 0 0 0 -6px;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:before {
    border-width: 2px;
    border-color: transparent;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__icon .fold-icon__loader:after {
    border-width: 2px;
    border-color: #ccd0d4 transparent transparent;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn .tab-item__text {
    font-weight: normal;
    color: #346fb6;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn.tab-item--loading .fold-icon__arrow {
    display: none;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn.tab-item--loading .fold-icon__loader {
    display: block;
}
.osc-new-layout .aside-box__inner .tab-list .tab-item-fold-btn.tab-item--unfold .tab-item__icon .fold-icon {
    transform: rotate(180deg);
}
.osc-new-layout .tabs-box {
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout .tabs-box__inner {
    display: flex;
    flex-direction: row;
    margin-bottom: -1px;
}
.osc-new-layout .tabs-box__tabs {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.osc-new-layout .tabs-box__tabs .tabs-item {
    display: block;
    list-style: none;
    padding: 0;
    margin-right: 16px;
    user-select: none;
}
.osc-new-layout .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;
    transition: color 0.1s ease, font-weight 0.1s ease;
    border-bottom: 3px solid transparent;
}
.osc-new-layout .tabs-box__tabs .tabs-link:hover {
    color: #111111;
}
.osc-new-layout .tabs-box__tabs .tabs-link:active {
    border-color: rgba(0, 0, 0, 0.2);
}
.osc-new-layout .tabs-box__tabs .tabs-link.active {
    color: #111111;
    font-weight: 600;
    border-color: #21b351;
}
.osc-new-layout .tabs-box__extra {
    flex-shrink: 0;
}
.osc-new-layout .osc-comments-modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    display: none;
    flex-direction: column;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
}
.osc-new-layout .osc-comments-modal.active {
    display: flex;
}
.osc-new-layout .osc-comments-modal__cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity .2s ease;
}
.osc-new-layout .osc-comments-modal__cover.active {
    opacity: 1;
}
.osc-new-layout .osc-comments-modal__inner {
    position: relative;
    z-index: 1;
    width: 792px;
    height: calc(100vh - 48px);
    max-height: calc(100vh - 48px);
    margin: 0 auto;
    box-sizing: border-box;
    transition: max-height 0.6s ease;
}
.osc-new-layout .osc-comments-modal__header {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    height: 54px;
    padding: 16px;
}
.osc-new-layout .osc-comments-modal__header-title {
    flex: 1;
    min-width: 0;
    color: #111111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.osc-new-layout .osc-comments-modal__header-close {
    flex-shrink: 0;
    margin-left: 24px;
    color: #888;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
}
.osc-new-layout .osc-comments-modal__body {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}
.osc-new-layout .osc-comments-modal__dialog {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box {
    height: 100%;
    position: relative;
    display: block;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container {
    display: flex;
    flex-direction: row;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container .comment-avatar-wrap {
    flex-shrink: 0;
    margin: 4px 8px 4px 0;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap {
    flex: 1;
    min-width: 0;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form {
    display: flex;
    flex-direction: row;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap {
    flex: 1;
}
.osc-new-layout .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;
    box-sizing: border-box;
    border: 1px solid #C2C2C2;
    appearance: none;
    outline: none;
    resize: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    transition: border-color 0.2s ease;
    overflow-y: hidden;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::placeholder {
    color: #888;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:focus {
    border: 1px solid #21B351;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .action-wrap {
    display: none;
    flex-shrink: 0;
    align-self: flex-end;
    margin-left: 8px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .action-wrap.active {
    display: block;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box .comment-form-container .comment-form-wrap .comment-form .action-wrap .btn-action {
    padding: 6px 20px;
    font-weight: 500;
    transition: opacity .2s ease;
    border-radius: 4px;
}
.osc-new-layout .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;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__loader {
    box-sizing: border-box;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__loader .loader-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__loader .loader {
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__form .comment-disabled {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 12px;
    margin: 0;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #C2C2C2;
    background: #FAFAFA;
    color: #4A4A4A;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list-inner {
    position: relative;
    display: block;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-list {
    position: relative;
    display: block;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-list > .comment-item:first-child {
    padding-top: 16px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-list--empty {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    box-shadow: inset 0 1px 0 0 #ECEDEE;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-list-empty-view {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 52px 0;
    height: 100%;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-list-empty-view__pic {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 108px;
    user-select: none;
    pointer-events: none;
}
.osc-new-layout .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;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item {
    position: relative;
    margin-bottom: 16px;
    /*
        &:not(.comment-item--child):last-child {
          .comment-item__main {
            border-bottom: none;
          }

          .comment-item__children {
            & > .comment-item {
              border-top: 1px solid #ECEDEE;
            }
          }
        }
        */
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__inner {
    display: flex;
    flex-direction: row;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__avatar {
    flex-shrink: 0;
    margin-right: 8px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__main {
    flex: 1;
    min-width: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__author {
    padding: 2px 0;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__author .author {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #4A4A4A;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__author .author:hover {
    color: #111;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__author > * {
    vertical-align: middle;
}
.osc-new-layout .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;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__content .ref {
    position: relative;
    margin: 4px 0 10px 10px;
    color: #888;
}
.osc-new-layout .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;
}
.osc-new-layout .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;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__content img {
    max-width: 100%;
    height: auto;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list {
    display: flex;
    flex-direction: row;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item {
    color: #888;
    font-size: 13px;
    line-height: 14px;
    margin-right: 16px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item:last-child {
    margin-right: 0;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item a,
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item .clickable {
    cursor: pointer;
    color: #888888;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item a:hover,
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item .clickable:hover {
    color: #666666;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item i {
    margin-right: 4px;
    font-size: 12px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item .btn-like.active i {
    color: #ef404a;
}
.osc-new-layout .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;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item.vote-btn-wrap .vote-btn.vote-up.active {
    color: #32aa66;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__actions .item-list .item.vote-btn-wrap .vote-btn.vote-down.active {
    color: #ef404a;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__children {
    position: relative;
    padding-left: 32px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__children > .comment-item:first-child {
    margin-top: 16px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__children .comment-item {
    /*
            &:before {
              content: '';
              position: absolute;
              left: 12px;
              top: 24px + 16px;
              bottom: 0;
              width: 1px;
              background: #ECEDEE;
            }
            */
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__children .comment-item__children {
    padding-left: 32px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item__reply-form {
    margin-top: 16px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item--hidden {
    display: none;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-item--opacity {
    opacity: .5;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__next {
    display: block;
    margin-top: 16px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__next.hide {
    display: none;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__next .collapse-btn {
    cursor: pointer;
    user-select: none;
    color: #888888;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__next .collapse-btn:hover {
    color: #666666;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list {
    flex: 1;
    min-height: 0;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list-inner {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar-thumb,
.osc-new-layout .osc-comments-modal__dialog .comments-box__list-inner::-webkit-scrollbar-track {
    border-radius: 4px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-title {
    background: #F7F8F9;
    padding: 7px 16px;
    color: #111111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__list .comment-list {
    padding: 0 16px;
}
.osc-new-layout .osc-comments-modal__dialog .comments-box__form {
    flex-shrink: 0;
    padding: 16px;
    background: #F7F8F9;
    box-shadow: inset 0 1px 0 0 #ECEDEE;
}
.osc-new-layout.osc-comments-modal-disabled-scroll {
    overflow: hidden;
    height: 100%;
}
.small-header-box {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 45px;
}
.small-header-box__wrapper {
    width: 100%;
    height: inherit;
    background: #333;
}
.small-header-box__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 16px;
    width: 100%;
    height: inherit;
    min-width: 1264px;
}
.small-header-box--fixed .small-header-box__wrapper {
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    right: 0;
}
.small-header-box .main-bar {
    flex: 1 0 0;
    margin-right: 28px;
    display: block;
    height: inherit;
}
.small-header-box .main-bar__inner {
    height: inherit;
    transition: transform .2s ease;
}
.small-header-box .main-bar__row {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: inherit;
}
.small-header-box .main-bar__row--simple {
    display: none;
}
.small-header-box .head-bar {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.small-header-box .head-bar .logo {
    margin-right: 28px;
}
.small-header-box .head-bar .logo img {
    display: block;
    width: 112px;
    height: 28px;
}
.small-header-box .nav-bar {
    flex-shrink: 0;
}
.small-header-box .nav-bar__tabs {
    display: flex;
    margin: 0;
    padding: 0;
}
.small-header-box .nav-bar__tabs .tabs-item {
    display: block;
    list-style: none;
    margin-right: 26px;
}
.small-header-box .nav-bar__tabs .tabs-link {
    position: relative;
    display: inline-block;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    transition: color 0.1s ease, font-weight 0.1s ease;
    color: #D9D9D9;
}
.small-header-box .nav-bar__tabs .tabs-link:hover {
    color: #FFF;
}
.small-header-box .nav-bar__tabs .tabs-item--new {
    margin-right: 60px !important;
}
.small-header-box .nav-bar__tabs .tabs-item--new .tabs-link:before {
    content: 'DevOps';
    position: absolute;
    right: -3px;
    top: 17px;
    display: none;
    width: 100px;
    padding: 4px 4px;
    box-sizing: border-box;
    background: #c71d24;
    border-radius: 4px;
    transform: translate(100%, -100%) scale(0.5);
    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: -3px;
    top: 17px;
    display: none;
    width: 100px;
    height: 36px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 4px;
    transform: translate(100%, -100%) scale(0.5);
    transform-origin: left bottom;
    background: url('https://static.oschina.net/dist/oschina/event/imgs/flash_wide.gif') no-repeat center;
    background-size: cover;
    opacity: 0.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: auto;
}
.small-header-box .search-box__inner {
    z-index: 99;
    position: relative;
    display: block;
    width: 224px;
    height: 28px;
}
.small-header-box .search-box__input {
    display: block;
    width: 100%;
    appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    padding: 3px 38px 3px 8px;
    background-color: #636772;
    color: #D9D9D9;
    font-size: 14px;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #979797;
    transition: border-color 0.14s ease;
}
.small-header-box .search-box__input:focus {
    border-color: #8E97BA;
}
.small-header-box .search-box__input::placeholder {
    color: #ABADB2;
}
.small-header-box .search-box__button {
    position: absolute;
    top: 3px;
    right: 8px;
    z-index: 1;
    display: block;
    width: 22px;
    height: 22px;
    appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    transition: color .14s ease;
    color: #8B8D96;
}
.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 {
    flex-shrink: 0;
    margin-left: auto;
}
.small-header-box .user-bar__links {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.small-header-box .user-bar__links > .item {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    color: #D8D9DA;
    margin-right: 20px;
}
.small-header-box .user-bar__links > .item:last-child {
    margin-right: 0;
}
.small-header-box .user-bar__links > .item:hover {
    color: #FFF;
}
.small-header-box .user-bar__links > .item.icon {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.small-header-box .user-bar__links .app-download > i.oicon {
    font-size: 18px;
    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: 16px;
    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;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.small-header-box .user-bar__links .user-message .menu .message-header {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    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;
    box-shadow: inset 0 1px 0 0 #ECEDEE;
    font-weight: normal;
    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: inline-flex;
    flex-direction: row;
    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: flex;
}
.small-header-box--switch-full .main-bar__inner {
    transform: translateY(-100%);
}
.small-header-box--responsive .small-header-box__inner {
    min-width: auto;
}
@media only screen and (max-width: 959px) {
    .small-header-box--responsive {
        display: none;
    }
}
@media only screen and (max-width: 1264px) and (min-width: 1061px) {
    .small-header-box--responsive .search-box__inner {
        width: 192px;
    }
}
@media only screen and (max-width: 1060px) {
    .small-header-box--responsive .search-box {
        display: none;
    }
}
.secondary-header-box {
    display: block;
    width: 100%;
    background: #F0F5F0;
}
.secondary-header-box__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    height: 80px;
}
.secondary-header-box__channel {
    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 {
    flex: 1;
}
.secondary-header-box__nav + div {
    margin-left: 24px;
}
.secondary-header-box__nav .nav-box__inner {
    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-inner,
.secondary-header-box__nav .nav-box__item a {
    color: #999;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}
.secondary-header-box__nav .nav-box__item a:hover {
    color: #111111;
}
.secondary-header-box__nav .nav-box__item.active-inner,
.secondary-header-box__nav .nav-box__item.active a {
    color: #111111;
}
.secondary-header-box__nav .nav-box__item.active-inner:before,
.secondary-header-box__nav .nav-box__item.active a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    display: block;
    width: 100%;
    height: 2px;
    background: #21b351;
}
.secondary-header-box__extra {
    flex-shrink: 0;
}
.secondary-header-box__extra + div {
    margin-left: 24px;
}
.secondary-header-box__extra .btn {
    display: inline-block;
    margin: 0;
    padding: 5px 15px;
    box-sizing: border-box;
    appearance: none;
    outline: none;
    cursor: pointer;
    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.oicon,
.secondary-header-box__extra .btn i.icon {
    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: #DDDDDD;
}
.secondary-header-box__extra .btn.basic:hover {
    color: #21b351;
    background: #FAFAFA;
    border-color: #CCCCCC;
}
.secondary-header-box__extra .btn.basic.green {
    color: #21b351;
    background: transparent;
    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: flex;
    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 {
    flex-shrink: 0;
}
.secondary-header-box__search .search-box__inner {
    display: flex;
    flex-direction: row;
    width: 300px;
    height: 32px;
    border-radius: 4px;
    overflow: hidden;
}
.secondary-header-box__search .search-box__input {
    flex: 1;
    appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    padding: 6px 10px;
    color: #111;
    font-size: 14px;
    line-height: 20px;
}
.secondary-header-box__search .search-box__input::placeholder {
    color: #999;
}
.secondary-header-box__search .search-box__button {
    flex-shrink: 0;
    display: block;
    width: 40px;
    height: 100%;
    appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    background-color: #C9C9C9;
    transition: background-color 0.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 {
        flex-shrink: 0;
    }
    .secondary-header-box--responsive .secondary-header-box__extra {
        display: none;
    }
    .secondary-header-box--responsive .secondary-header-box__search {
        display: none;
    }
}
/* Image Mixin */
/* Image 2x Mixin */
.osc-new-layout.page-web-project .breadcrumb-box,
.osc-new-layout.page-web-news .breadcrumb-box,
.osc-new-layout.page-space-blog .breadcrumb-box {
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
}
.osc-new-layout.page-web-project .breadcrumb-box a,
.osc-new-layout.page-web-news .breadcrumb-box a,
.osc-new-layout.page-space-blog .breadcrumb-box a {
    color: #999999;
}
.osc-new-layout.page-web-project .breadcrumb-box a:hover,
.osc-new-layout.page-web-news .breadcrumb-box a:hover,
.osc-new-layout.page-space-blog .breadcrumb-box a:hover {
    color: #666666;
}
.osc-new-layout.page-web-project .breadcrumb-box .item,
.osc-new-layout.page-web-news .breadcrumb-box .item,
.osc-new-layout.page-space-blog .breadcrumb-box .item {
    flex-shrink: 0;
}
.osc-new-layout.page-web-project .breadcrumb-box .split,
.osc-new-layout.page-web-news .breadcrumb-box .split,
.osc-new-layout.page-space-blog .breadcrumb-box .split {
    display: inline-block;
    padding: 0 5px;
    font-style: normal;
}
.osc-new-layout.page-web-project .article-box__inner,
.osc-new-layout.page-web-news .article-box__inner,
.osc-new-layout.page-space-blog .article-box__inner {
    display: block;
    padding: 40px;
    box-sizing: border-box;
}
.osc-new-layout.page-web-project .article-box__header,
.osc-new-layout.page-web-news .article-box__header,
.osc-new-layout.page-space-blog .article-box__header {
    margin-bottom: 32px;
}
.osc-new-layout.page-web-project .article-box__content,
.osc-new-layout.page-web-news .article-box__content,
.osc-new-layout.page-space-blog .article-box__content {
    overflow: hidden;
}
.osc-new-layout.page-web-project .article-box__title,
.osc-new-layout.page-web-news .article-box__title,
.osc-new-layout.page-space-blog .article-box__title {
    padding: 0;
    margin: 0;
    font-size: 30px;
    line-height: 42px;
    font-weight: 600;
}
.osc-new-layout.page-web-project .article-box__title,
.osc-new-layout.page-web-news .article-box__title,
.osc-new-layout.page-space-blog .article-box__title,
.osc-new-layout.page-web-project .article-box__title a,
.osc-new-layout.page-web-news .article-box__title a,
.osc-new-layout.page-space-blog .article-box__title a {
    color: #111111;
}
.osc-new-layout.page-web-project .article-box__meta,
.osc-new-layout.page-web-news .article-box__meta,
.osc-new-layout.page-space-blog .article-box__meta {
    margin-top: 16px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .article-box__meta .item-list,
.osc-new-layout.page-web-news .article-box__meta .item-list,
.osc-new-layout.page-space-blog .article-box__meta .item-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.osc-new-layout.page-web-project .article-box__meta .item-list > .item,
.osc-new-layout.page-web-news .article-box__meta .item-list > .item,
.osc-new-layout.page-space-blog .article-box__meta .item-list > .item {
    margin-right: 16px;
}
.osc-new-layout.page-web-project .article-box__meta .item-list > .item:last-child,
.osc-new-layout.page-web-news .article-box__meta .item-list > .item:last-child,
.osc-new-layout.page-space-blog .article-box__meta .item-list > .item:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-project .article-box__meta .item-list > .item.lm,
.osc-new-layout.page-web-news .article-box__meta .item-list > .item.lm,
.osc-new-layout.page-space-blog .article-box__meta .item-list > .item.lm {
    margin-right: 24px;
}
.osc-new-layout.page-web-project .article-box__meta .item .delete-btn,
.osc-new-layout.page-web-news .article-box__meta .item .delete-btn,
.osc-new-layout.page-space-blog .article-box__meta .item .delete-btn {
    border-top: 1px #ccc solid;
    color: #A00;
}
.osc-new-layout.page-web-project .article-box__meta a,
.osc-new-layout.page-web-news .article-box__meta a,
.osc-new-layout.page-space-blog .article-box__meta a {
    color: #999999;
}
.osc-new-layout.page-web-project .article-box__meta a:hover,
.osc-new-layout.page-web-news .article-box__meta a:hover,
.osc-new-layout.page-space-blog .article-box__meta a:hover {
    color: #666666;
}
.osc-new-layout.page-web-project .article-box__meta a.link--default,
.osc-new-layout.page-web-news .article-box__meta a.link--default,
.osc-new-layout.page-space-blog .article-box__meta a.link--default {
    color: #346fb6;
}
.osc-new-layout.page-web-project .article-box__meta a.link--default:hover,
.osc-new-layout.page-web-news .article-box__meta a.link--default:hover,
.osc-new-layout.page-space-blog .article-box__meta a.link--default:hover {
    color: #003d86;
}
.osc-new-layout.page-web-project .article-box__meta .label,
.osc-new-layout.page-web-news .article-box__meta .label,
.osc-new-layout.page-space-blog .article-box__meta .label {
    display: inline-block;
    background: rgba(33, 179, 81, 0.1);
    border-radius: 3px;
    color: #21B351;
    font-size: 14px;
    line-height: 20px;
    padding: 0 8px;
}
.osc-new-layout.page-web-project .article-box__group,
.osc-new-layout.page-web-news .article-box__group,
.osc-new-layout.page-space-blog .article-box__group {
    margin-top: 32px;
}
.osc-new-layout.page-web-project .article-box__group .group-card,
.osc-new-layout.page-web-news .article-box__group .group-card,
.osc-new-layout.page-space-blog .article-box__group .group-card {
    display: block;
    background: #F6F6F6;
    border-radius: 5px;
    padding: 8px 12px 8px 8px;
}
.osc-new-layout.page-web-project .article-box__group .group-card__inner,
.osc-new-layout.page-web-news .article-box__group .group-card__inner,
.osc-new-layout.page-space-blog .article-box__group .group-card__inner {
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-project .article-box__group .group-card__icon,
.osc-new-layout.page-web-news .article-box__group .group-card__icon,
.osc-new-layout.page-space-blog .article-box__group .group-card__icon {
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 3px;
    overflow: hidden;
}
.osc-new-layout.page-web-project .article-box__group .group-card__icon img,
.osc-new-layout.page-web-news .article-box__group .group-card__icon img,
.osc-new-layout.page-space-blog .article-box__group .group-card__icon img {
    display: block;
    width: 100%;
    height: 100%;
}
.osc-new-layout.page-web-project .article-box__group .group-card__info,
.osc-new-layout.page-web-news .article-box__group .group-card__info,
.osc-new-layout.page-space-blog .article-box__group .group-card__info {
    flex: 1;
    min-width: 0;
    align-self: center;
}
.osc-new-layout.page-web-project .article-box__group .group-card__desc,
.osc-new-layout.page-web-news .article-box__group .group-card__desc,
.osc-new-layout.page-space-blog .article-box__group .group-card__desc {
    color: #888;
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout.page-web-project .article-box__group .group-card__name,
.osc-new-layout.page-web-news .article-box__group .group-card__name,
.osc-new-layout.page-space-blog .article-box__group .group-card__name {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.osc-new-layout.page-web-project .article-box__group .group-card__name,
.osc-new-layout.page-web-news .article-box__group .group-card__name,
.osc-new-layout.page-space-blog .article-box__group .group-card__name,
.osc-new-layout.page-web-project .article-box__group .group-card__name a,
.osc-new-layout.page-web-news .article-box__group .group-card__name a,
.osc-new-layout.page-space-blog .article-box__group .group-card__name a {
    color: #111111;
}
.osc-new-layout.page-web-project .article-box__group .group-card__extra,
.osc-new-layout.page-web-news .article-box__group .group-card__extra,
.osc-new-layout.page-space-blog .article-box__group .group-card__extra {
    margin-left: 8px;
    flex-shrink: 0;
    align-self: center;
}
.osc-new-layout.page-web-project .article-box__group .group-card__extra a,
.osc-new-layout.page-web-news .article-box__group .group-card__extra a,
.osc-new-layout.page-space-blog .article-box__group .group-card__extra a {
    font-size: 14px;
    line-height: 20px;
    color: #999999;
}
.osc-new-layout.page-web-project .article-box__group .group-card__extra a:hover,
.osc-new-layout.page-web-news .article-box__group .group-card__extra a:hover,
.osc-new-layout.page-space-blog .article-box__group .group-card__extra a:hover {
    color: #666666;
}
.osc-new-layout.page-web-project .detail-box .article-detail > .content,
.osc-new-layout.page-web-news .detail-box .article-detail > .content,
.osc-new-layout.page-space-blog .detail-box .article-detail > .content {
    margin-top: 0;
}
.osc-new-layout.page-web-project .detail-box .collapse-bar,
.osc-new-layout.page-web-news .detail-box .collapse-bar,
.osc-new-layout.page-space-blog .detail-box .collapse-bar {
    display: none;
    position: relative;
    background-color: #fff;
    padding: 8px 0 0;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
.osc-new-layout.page-web-project .detail-box .collapse-bar:before,
.osc-new-layout.page-web-news .detail-box .collapse-bar:before,
.osc-new-layout.page-space-blog .detail-box .collapse-bar:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    display: block;
    height: 60px;
    background-image: linear-gradient(to top, #ffffff, transparent);
}
.osc-new-layout.page-web-project .detail-box .collapse-bar .collapse-btn,
.osc-new-layout.page-web-news .detail-box .collapse-bar .collapse-btn,
.osc-new-layout.page-space-blog .detail-box .collapse-bar .collapse-btn {
    cursor: pointer;
    color: #346fb6;
}
.osc-new-layout.page-web-project .detail-box .collapse-bar .collapse-btn:hover,
.osc-new-layout.page-web-news .detail-box .collapse-bar .collapse-btn:hover,
.osc-new-layout.page-space-blog .detail-box .collapse-bar .collapse-btn:hover {
    color: #003d86;
}
.osc-new-layout.page-web-project .detail-box.collapse .article-detail,
.osc-new-layout.page-web-news .detail-box.collapse .article-detail,
.osc-new-layout.page-space-blog .detail-box.collapse .article-detail {
    overflow: hidden;
    min-height: 70px;
    max-height: 806px;
}
.osc-new-layout.page-web-project .detail-box.collapse .collapse-bar,
.osc-new-layout.page-web-news .detail-box.collapse .collapse-bar,
.osc-new-layout.page-space-blog .detail-box.collapse .collapse-bar {
    display: block;
}
.osc-new-layout.page-web-project .comments-box,
.osc-new-layout.page-web-news .comments-box,
.osc-new-layout.page-space-blog .comments-box {
    position: relative;
}
.osc-new-layout.page-web-project .comments-box__loader,
.osc-new-layout.page-web-news .comments-box__loader,
.osc-new-layout.page-space-blog .comments-box__loader {
    box-sizing: border-box;
}
.osc-new-layout.page-web-project .comments-box__loader .loader-wrap,
.osc-new-layout.page-web-news .comments-box__loader .loader-wrap,
.osc-new-layout.page-space-blog .comments-box__loader .loader-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.osc-new-layout.page-web-project .comments-box__loader .loader,
.osc-new-layout.page-web-news .comments-box__loader .loader,
.osc-new-layout.page-space-blog .comments-box__loader .loader {
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container {
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-avatar-wrap,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-avatar-wrap,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-avatar-wrap {
    flex-shrink: 0;
    margin-right: 8px;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea,
.osc-new-layout.page-space-blog .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;
    box-sizing: border-box;
    border: 1px solid #C2C2C2;
    appearance: none;
    outline: none;
    resize: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:focus,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:focus,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea:focus {
    border: 1px solid #21B351;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb:hover,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb:hover,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-track,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-track,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .textarea-wrap textarea::-webkit-scrollbar-track {
    border-radius: 4px;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap {
    margin-top: 8px;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap.active,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap.active,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap.active {
    display: flex;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item {
    margin-right: 8px;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item:last-child,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item:last-child,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score {
    display: flex;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .text,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .text,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .text {
    color: #111111;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star,
.osc-new-layout.page-space-blog .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;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star.active,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star.active,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .star.active {
    color: #F5A622;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .status,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .status,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .toolbar .item--score .score-box .status {
    margin-left: 6px;
    color: #888;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action,
.osc-new-layout.page-space-blog .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;
}
.osc-new-layout.page-web-project .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action:last-child,
.osc-new-layout.page-web-news .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action:last-child,
.osc-new-layout.page-space-blog .comments-box__form .comment-form-container .comment-form-wrap .comment-form .footer-wrap .actions .btn-action:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-project .comments-box__list .comment-title,
.osc-new-layout.page-web-news .comments-box__list .comment-title,
.osc-new-layout.page-space-blog .comments-box__list .comment-title {
    color: #4A4A4A;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 16px 0;
}
.osc-new-layout.page-web-project .comments-box__list .comment-list,
.osc-new-layout.page-web-news .comments-box__list .comment-list,
.osc-new-layout.page-space-blog .comments-box__list .comment-list {
    position: relative;
    display: block;
}
.osc-new-layout.page-web-project .comments-box__list .comment-list + .comment-title,
.osc-new-layout.page-web-news .comments-box__list .comment-list + .comment-title,
.osc-new-layout.page-space-blog .comments-box__list .comment-list + .comment-title {
    margin-top: 8px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item,
.osc-new-layout.page-web-news .comments-box__list .comment-item,
.osc-new-layout.page-space-blog .comments-box__list .comment-item {
    position: relative;
    margin-top: 16px;
    /*
          &:not(.comment-item--child):last-child {
            .comment-item__main {
              border-bottom: none;
            }

            .comment-item__children {
              & > .comment-item {
                border-top: 1px solid #ECEDEE;
              }
            }
          }
          */
}
.osc-new-layout.page-web-project .comments-box__list .comment-item:first-child,
.osc-new-layout.page-web-news .comments-box__list .comment-item:first-child,
.osc-new-layout.page-space-blog .comments-box__list .comment-item:first-child {
    margin-top: 0;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__inner,
.osc-new-layout.page-web-news .comments-box__list .comment-item__inner,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__inner {
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__avatar,
.osc-new-layout.page-web-news .comments-box__list .comment-item__avatar,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__avatar {
    flex-shrink: 0;
    margin-right: 8px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__main,
.osc-new-layout.page-web-news .comments-box__list .comment-item__main,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__main {
    flex: 1;
    min-width: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__author .author,
.osc-new-layout.page-web-news .comments-box__list .comment-item__author .author,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__author .author {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #111111;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__author .author:hover,
.osc-new-layout.page-web-news .comments-box__list .comment-item__author .author:hover,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__author .author:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__author .osc-author-label,
.osc-new-layout.page-web-news .comments-box__list .comment-item__author .osc-author-label,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__author .osc-author-label {
    display: inline-block;
    border: 1px solid #21b351;
    font-weight: normal;
    font-size: 12px;
    border-radius: 2px;
    line-height: 14px;
    padding: 1px 2px;
    text-align: center;
    margin-left: 4px;
    color: #21b351;
    overflow: hidden;
    user-select: none;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__author > *,
.osc-new-layout.page-web-news .comments-box__list .comment-item__author > *,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__author > * {
    vertical-align: middle;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta {
    margin-top: 2px;
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta .item,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta .item,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta .item {
    color: #999;
    font-size: 13px;
    line-height: 18px;
    margin-right: 8px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta .item:last-child,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta .item:last-child,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta .item:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta .item a,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta .item a,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta .item a {
    color: #999999;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta .item a:hover,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta .item a:hover,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta .item a:hover {
    color: #666666;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta .item--score .score-view,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta .item--score .score-view,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta .item--score .score-view .text,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta .item--score .score-view .text,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view .text {
    margin-right: 4px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta .item--score .score-view .star,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta .item--score .score-view .star,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view .star {
    color: #E0DFDD;
    transform: scale(0.83333333);
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta .item--score .score-view .star.active,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta .item--score .score-view .star.active,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view .star.active {
    color: #F5A622;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__meta .item--score .score-view .status,
.osc-new-layout.page-web-news .comments-box__list .comment-item__meta .item--score .score-view .status,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__meta .item--score .score-view .status {
    margin-left: 4px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__content,
.osc-new-layout.page-web-news .comments-box__list .comment-item__content,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__content {
    margin-top: 6px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #4A4A4A;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__content .ref,
.osc-new-layout.page-web-news .comments-box__list .comment-item__content .ref,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__content .ref {
    position: relative;
    margin: 4px 0 10px 10px;
    color: #888;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__content .ref:before,
.osc-new-layout.page-web-news .comments-box__list .comment-item__content .ref:before,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__content .ref:before {
    position: absolute;
    content: '';
    border-left: 1px solid #ECEDEE;
    height: 100%;
    margin-left: -10px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__content .ref h4,
.osc-new-layout.page-web-news .comments-box__list .comment-item__content .ref h4,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__content .ref h4 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions .item-list,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions .item-list,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions .item-list {
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions .item-list .item,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions .item-list .item,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions .item-list .item {
    color: #999;
    font-size: 13px;
    line-height: 14px;
    margin-right: 16px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions .item-list .item:last-child,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions .item-list .item:last-child,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions .item-list .item:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions .item-list .item a,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions .item-list .item a,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions .item-list .item a,
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions .item-list .item .clickable,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions .item-list .item .clickable,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions .item-list .item .clickable {
    cursor: pointer;
    color: #999999;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions .item-list .item a:hover,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions .item-list .item a:hover,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions .item-list .item a:hover,
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions .item-list .item .clickable:hover,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions .item-list .item .clickable:hover,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions .item-list .item .clickable:hover {
    color: #666666;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions .item-list .item i,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions .item-list .item i,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions .item-list .item i {
    margin-right: 4px;
    font-size: 12px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__actions .item-list .item .btn-like.active i,
.osc-new-layout.page-web-news .comments-box__list .comment-item__actions .item-list .item .btn-like.active i,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__actions .item-list .item .btn-like.active i {
    color: #ef404a;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__children,
.osc-new-layout.page-web-news .comments-box__list .comment-item__children,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__children {
    position: relative;
    padding-left: 48px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__children > .comment-item:first-child,
.osc-new-layout.page-web-news .comments-box__list .comment-item__children > .comment-item:first-child,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__children > .comment-item:first-child {
    margin-top: 16px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__children .comment-item:before,
.osc-new-layout.page-web-news .comments-box__list .comment-item__children .comment-item:before,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__children .comment-item:before {
    content: '';
    position: absolute;
    left: 12px;
    top: 40px;
    bottom: 0;
    width: 1px;
    background: #ECEDEE;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__children .comment-item__header,
.osc-new-layout.page-web-news .comments-box__list .comment-item__children .comment-item__header,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__children .comment-item__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 2px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__children .comment-item__meta,
.osc-new-layout.page-web-news .comments-box__list .comment-item__children .comment-item__meta,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__children .comment-item__meta {
    margin-top: 0;
    margin-left: 8px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__children .comment-item__meta .item--score,
.osc-new-layout.page-web-news .comments-box__list .comment-item__children .comment-item__meta .item--score,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__children .comment-item__meta .item--score {
    display: none;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__children .comment-item__children,
.osc-new-layout.page-web-news .comments-box__list .comment-item__children .comment-item__children,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__children .comment-item__children {
    padding-left: 32px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form {
    margin-top: 16px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form textarea,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form textarea,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form textarea {
    display: block;
    width: 100%;
    height: 88px;
    padding: 8px 10px;
    margin: 0;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #C2C2C2;
    appearance: none;
    outline: none;
    resize: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form textarea:focus,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form textarea:focus,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form textarea:focus {
    border: 1px solid #21B351;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb:hover,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb:hover,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-thumb,
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-track,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-track,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form textarea::-webkit-scrollbar-track {
    border-radius: 4px;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .toolbox,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .toolbox,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .toolbox,
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .count,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .count,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .count {
    display: none;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-close,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close,
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-submit,
.osc-new-layout.page-space-blog .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;
    user-select: none;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close:last-child,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-close:last-child,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close:last-child,
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:last-child,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:last-child,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close:hover,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-close:hover,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close:hover,
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:hover,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:hover,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit:hover {
    background: #20ab4e;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close.disabled,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-close.disabled,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close.disabled,
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.disabled,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.disabled,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.disabled,
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close[disabled],
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-close[disabled],
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close[disabled],
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit[disabled],
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-submit[disabled],
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit[disabled] {
    cursor: default;
    opacity: .45 !important;
    pointer-events: none !important;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close,
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #21b351;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close:hover,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close:hover,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-close.btn-close:hover,
.osc-new-layout.page-web-project .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close:hover,
.osc-new-layout.page-web-news .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close:hover,
.osc-new-layout.page-space-blog .comments-box__list .comment-item__reply-form .foot-bar .btn-submit.btn-close:hover {
    background-color: #FAFAFA;
    border-color: #CCCCCC;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item--hidden,
.osc-new-layout.page-web-news .comments-box__list .comment-item--hidden,
.osc-new-layout.page-space-blog .comments-box__list .comment-item--hidden {
    display: none;
}
.osc-new-layout.page-web-project .comments-box__list .comment-item--opacity,
.osc-new-layout.page-web-news .comments-box__list .comment-item--opacity,
.osc-new-layout.page-space-blog .comments-box__list .comment-item--opacity {
    opacity: .5;
}
.osc-new-layout.page-web-project .comments-box__list .comment-pagination,
.osc-new-layout.page-web-news .comments-box__list .comment-pagination,
.osc-new-layout.page-space-blog .comments-box__list .comment-pagination {
    margin-top: 24px;
    text-align: center;
}
.osc-new-layout.page-web-project .comments-box__list > *:first-child,
.osc-new-layout.page-web-news .comments-box__list > *:first-child,
.osc-new-layout.page-space-blog .comments-box__list > *:first-child {
    margin-top: 24px;
}
.osc-new-layout.page-web-project .comments-box .all-comment-bar,
.osc-new-layout.page-web-news .comments-box .all-comment-bar,
.osc-new-layout.page-space-blog .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;
}
.osc-new-layout.page-web-project .comments-box .all-comment-bar .megaphone,
.osc-new-layout.page-web-news .comments-box .all-comment-bar .megaphone,
.osc-new-layout.page-space-blog .comments-box .all-comment-bar .megaphone {
    transform: rotate(355deg);
    display: inline-block;
}
.osc-new-layout.page-web-project .comments-box .all-comment-bar:hover,
.osc-new-layout.page-web-news .comments-box .all-comment-bar:hover,
.osc-new-layout.page-space-blog .comments-box .all-comment-bar:hover {
    font-size: 22px;
}
.osc-new-layout.page-web-project .comments-box .collapse-bar,
.osc-new-layout.page-web-news .comments-box .collapse-bar,
.osc-new-layout.page-space-blog .comments-box .collapse-bar {
    display: none;
    margin-top: 24px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.osc-new-layout.page-web-project .comments-box .collapse-bar .collapse-btn,
.osc-new-layout.page-web-news .comments-box .collapse-bar .collapse-btn,
.osc-new-layout.page-space-blog .comments-box .collapse-bar .collapse-btn {
    cursor: pointer;
    user-select: none;
    color: #346fb6;
}
.osc-new-layout.page-web-project .comments-box .collapse-bar .collapse-btn:hover,
.osc-new-layout.page-web-news .comments-box .collapse-bar .collapse-btn:hover,
.osc-new-layout.page-space-blog .comments-box .collapse-bar .collapse-btn:hover {
    color: #003d86;
}
.osc-new-layout.page-web-project .comments-box.collapse .comments-box__list .comment-list:not(.disabled-collapse) > .comment-item:not(.comment-item--child):nth-child(n + 3),
.osc-new-layout.page-web-news .comments-box.collapse .comments-box__list .comment-list:not(.disabled-collapse) > .comment-item:not(.comment-item--child):nth-child(n + 3),
.osc-new-layout.page-space-blog .comments-box.collapse .comments-box__list .comment-list:not(.disabled-collapse) > .comment-item:not(.comment-item--child):nth-child(n + 3) {
    display: none;
}
.osc-new-layout.page-web-project .comments-box.collapse .comments-box__list .comment-pagination,
.osc-new-layout.page-web-news .comments-box.collapse .comments-box__list .comment-pagination,
.osc-new-layout.page-space-blog .comments-box.collapse .comments-box__list .comment-pagination {
    display: none;
}
.osc-new-layout.page-web-project .comments-box.collapse .collapse-bar,
.osc-new-layout.page-web-news .comments-box.collapse .collapse-bar,
.osc-new-layout.page-space-blog .comments-box.collapse .collapse-bar {
    display: block;
}
.osc-new-layout.page-web-project .detail-toolbar-box,
.osc-new-layout.page-web-news .detail-toolbar-box,
.osc-new-layout.page-space-blog .detail-toolbar-box {
    position: fixed;
    left: 50%;
    top: calc(50% + 32px);
    z-index: 200;
    margin-left: -628px;
    transform: translate(-100%, -50%);
}
@media only screen and (max-width: 1440px) {
    .osc-new-layout.page-web-project .detail-toolbar-box,
    .osc-new-layout.page-web-news .detail-toolbar-box,
    .osc-new-layout.page-space-blog .detail-toolbar-box {
        margin-left: -622px;
    }
}
@media only screen and (max-width: 1410px) {
    .osc-new-layout.page-web-project .detail-toolbar-box,
    .osc-new-layout.page-web-news .detail-toolbar-box,
    .osc-new-layout.page-space-blog .detail-toolbar-box {
        margin-left: -620px;
    }
}
@media only screen and (max-width: 1400px) {
    .osc-new-layout.page-web-project .detail-toolbar-box,
    .osc-new-layout.page-web-news .detail-toolbar-box,
    .osc-new-layout.page-space-blog .detail-toolbar-box {
        margin-left: -612px;
    }
}
@media only screen and (max-width: 1372px) {
    .osc-new-layout.page-web-project .detail-toolbar-box,
    .osc-new-layout.page-web-news .detail-toolbar-box,
    .osc-new-layout.page-space-blog .detail-toolbar-box {
        display: none;
    }
}
.osc-new-layout.page-web-project .detail-toolbar-box__inner .action-box .action-item,
.osc-new-layout.page-web-news .detail-toolbar-box__inner .action-box .action-item,
.osc-new-layout.page-space-blog .detail-toolbar-box__inner .action-box .action-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 64px;
    margin-bottom: 16px;
}
.osc-new-layout.page-web-project .detail-toolbar-box__inner .action-box .action-item:last-child,
.osc-new-layout.page-web-news .detail-toolbar-box__inner .action-box .action-item:last-child,
.osc-new-layout.page-space-blog .detail-toolbar-box__inner .action-box .action-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-project .detail-toolbar-box__inner .action-box .action-item__button,
.osc-new-layout.page-web-news .detail-toolbar-box__inner .action-box .action-item__button,
.osc-new-layout.page-space-blog .detail-toolbar-box__inner .action-box .action-item__button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    font-size: 18px;
    line-height: 20px;
    color: #888;
    cursor: pointer;
    transition: all .2s ease;
}
.osc-new-layout.page-web-project .detail-toolbar-box__inner .action-box .action-item__button:hover,
.osc-new-layout.page-web-news .detail-toolbar-box__inner .action-box .action-item__button:hover,
.osc-new-layout.page-space-blog .detail-toolbar-box__inner .action-box .action-item__button:hover {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12);
}
.osc-new-layout.page-web-project .detail-toolbar-box__inner .action-box .action-item__button i,
.osc-new-layout.page-web-news .detail-toolbar-box__inner .action-box .action-item__button i,
.osc-new-layout.page-space-blog .detail-toolbar-box__inner .action-box .action-item__button i {
    margin: 0;
}
.osc-new-layout.page-web-project .detail-toolbar-box__inner .action-box .action-item__button i.icon,
.osc-new-layout.page-web-news .detail-toolbar-box__inner .action-box .action-item__button i.icon,
.osc-new-layout.page-space-blog .detail-toolbar-box__inner .action-box .action-item__button i.icon {
    width: 1em;
}
.osc-new-layout.page-web-project .detail-toolbar-box__inner .action-box .action-item__text,
.osc-new-layout.page-web-news .detail-toolbar-box__inner .action-box .action-item__text,
.osc-new-layout.page-space-blog .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;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__header,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__header,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__header {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__avatar,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__avatar,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__avatar {
    flex-shrink: 0;
    margin-right: 12px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name {
    color: #111111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a {
    color: #111111;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a:hover,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a:hover,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-name a:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-desc,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-desc,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-desc {
    margin-top: 2px;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar {
    margin-top: 4px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item {
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item:last-child,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item:last-child,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item a i,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item a i,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .item-list .item a i {
    color: #888;
    margin-right: 4px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn,
.osc-new-layout.page-space-blog .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;
    user-select: none;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn i,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn i,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn i {
    margin-right: 4px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn:hover,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn:hover,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__info .author-toolbar .follow-btn:hover {
    background: #20ab4e;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__statistics,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__statistics {
    margin-top: 24px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic {
    flex: 0 0 auto;
    min-width: 0;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .value,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .value,
.osc-new-layout.page-space-blog .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;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .label,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .label,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-author .author-box__statistics .statistics-list .statistic .label {
    color: #202020;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-link-card,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-link-card,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card {
    margin-bottom: 24px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__inner,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-link-card .link-card__inner,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__inner {
    display: block;
    padding: 16px 20px 20px 24px;
    box-sizing: border-box;
    background-size: cover;
    border-radius: 5px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__header,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-link-card .link-card__header,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__header {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__title,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-link-card .link-card__title,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__title {
    flex: 1;
    min-width: 0;
    color: #111111;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__extra,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-link-card .link-card__extra,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__extra {
    flex-shrink: 0;
    margin-left: 8px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__content,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-link-card .link-card__content,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__content {
    margin-top: 10px;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .sidebar-box__inner .sidebar-section.section-link-card .link-card__content p,
.osc-new-layout.page-web-news .sidebar-box__inner .sidebar-section.section-link-card .link-card__content p,
.osc-new-layout.page-space-blog .sidebar-box__inner .sidebar-section.section-link-card .link-card__content p {
    margin: 0;
    padding: 0;
}
.osc-new-layout.page-web-new-index {
    background: #f7f8f9;
}
.osc-new-layout.page-web-new-index .index-container {
    margin: 24px auto 0;
}
.osc-new-layout.page-web-new-index .index-container .box-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.osc-new-layout.page-web-new-index .index-container .body-box {
    min-width: 0;
    padding-bottom: 24px;
    flex: 1;
    width: auto;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header {
    position: relative;
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs {
    flex-shrink: 0;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    padding: 12px 62px 13px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #888;
    text-align: center;
    transition: all .1s ease;
    background: #ECEEF0;
    user-select: none;
    outline: 0;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item:hover {
    color: #111111;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item:active {
    color: #111111;
    background: #e8eaec;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item + .tabs-item {
    box-shadow: inset 1px 0 0 0 #D8D8D8;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item.active {
    color: #111111;
    background: #fff;
    box-shadow: none;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item.active + .tabs-item {
    box-shadow: none;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item:first-child {
    border-radius: 5px 0 0 0;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item:last-child {
    border-radius: 0 5px 0 0;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .tabs-item__content {
    position: relative;
}
.osc-new-layout.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;
    transform: translate(100%, 0);
    width: 8px;
    height: 8px;
    /*
              position: absolute;
              top: 50%;
              right: -8px;
              display: none;
              background: #FF5353;
              border-radius: 500rem;
              transform: translate(100%, -50%);
              min-width: 8px;
              min-height: 8px;
              */
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .point.show {
    display: block;
}
.osc-new-layout.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;
    transform: scale(0.5) translate(100%, 0);
    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;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-tabs .tabs-list .count.show {
    display: block;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-extra {
    flex: 1;
    margin-left: 32px;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-extra .search-box .search-form {
    position: relative;
    display: flex;
    width: 100%;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .input-wrap {
    display: block;
    position: relative;
    flex: 1;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-icon {
    cursor: default;
    display: block;
    margin: 0;
    position: absolute;
    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;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text {
    display: block;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    color: #111111;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px 10px 32px;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    appearance: none;
    outline: 0;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text::placeholder {
    color: #D5D5D5;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-text:focus {
    border-color: #21b351;
}
.osc-new-layout.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, 0.87) !important;
    transition: background-color 5000s ease-in-out 0s;
}
.osc-new-layout.page-web-new-index .index-container .body-box__header-extra .search-box .search-form .search-btn {
    display: block;
    width: 64px;
    height: 40px;
    outline: none;
    padding: 0;
    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;
}
.osc-new-layout.page-web-new-index .index-container .body-box__content .inner-container {
    position: relative;
    border-radius: 0 5px 5px 5px;
}
.osc-new-layout.page-web-new-index .index-container .body-box__content .inner-container__loader {
    box-sizing: border-box;
}
.osc-new-layout.page-web-new-index .index-container .body-box__content .inner-container__loader .loader-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-height: 600px;
}
.osc-new-layout.page-web-new-index .index-container .body-box__content .inner-container__loader .loader {
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout.page-web-new-index .index-container .body-box__content .inner-container__inner {
    min-height: 600px;
}
.osc-new-layout.page-web-new-index .index-container .body-box__content .inner-container__inner .border-top-left-no-radius {
    border-top-left-radius: 0 !important;
}
.osc-new-layout.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item {
    margin-bottom: 10px;
    border: 0.5px solid #f7f8f9;
    background: #f7f8f9;
    padding: 8px 10px;
    border-radius: 6px;
}
.osc-new-layout.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item--card {
    margin-bottom: 20px;
}
.osc-new-layout.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card {
    position: relative;
    display: flex;
    width: 100%;
    height: 172px;
    color: #fff;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    box-sizing: border-box;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-title a {
    color: #111111;
    font-size: 14px;
    font-weight: normal;
}
.osc-new-layout.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta {
    margin-top: 4px;
}
.osc-new-layout.page-web-new-index .index-container .body-box .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta .item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box {
    flex: 0 1 auto;
    width: 888px;
    min-width: 0;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner {
    padding: 24px 32px;
    /*
              // 码云最新推荐
              .gitee-recommend-box {
                // width: 330px;

                .panel-header {
                  .oicon {
                    color: #C71D23;
                  }
                }

                .git-projects {
                  display: block;

                  .git-project {
                    display: block;
                    overflow: hidden;

                    margin: 0 0 10px;

                    &:last-child {
                      margin-bottom: 0;
                    }

                    .git-title {
                      display: flex;
                      flex-direction: row;
                      justify-content: space-between;
                      align-items: center;

                      white-space: normal;
                      word-wrap: break-word;
                      word-break: break-all;

                      .git-name {
                        flex: 1;
                        min-width: 0;

                        color: @link-black-color;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: @fw-medium;

                        .ellipsis();

                        &:hover {
                          color: @link-black-hover-color;
                        }
                      }

                      .git-lang {
                        margin-left: 6px;

                        font-size: 12px;
                        line-height: 18px;
                        color: #9F9F9F;
                      }
                    }

                    .git-content {
                      margin-top: 1px;
                      overflow: hidden;

                      color: @text-color;
                      font-size: 13px;
                      line-height: 18px;

                      .multi-ellipsis(2);
                    }
                  }
                }
              }

              // 每周软件推荐
              .weekly-projects-box {
                // width: 330px;

                .panel-header {
                  .oicon {
                    color: #C71D23;
                  }
                }

                .weekly-projects {
                  display: block;

                  .project-item {
                    display: block;
                    overflow: hidden;

                    margin: 0 0 12px;

                    &:last-child {
                      margin-bottom: 0;
                    }

                    .project-title {
                      .ellipsis();

                      a {
                        color: @link-black-color;
                        font-size: 14px;
                        line-height: 20px;

                        .project-name {
                          font-weight: @fw-medium;
                        }

                        .project-title {

                        }

                        &:hover {
                          color: @link-black-hover-color;
                        }
                      }
                    }

                    .project-content {
                      margin-top: 1px;
                      overflow: hidden;

                      color: #888;
                      font-size: 13px;
                      line-height: 18px;

                      .multi-ellipsis(2);
                    }
                  }
                }
              }

              // 众包
              .zb-projects-box {
                width: 555px;

                // 列表项
                .item-list {
                  width: 100%;

                  .item {
                    // 诚
                    .sincerity {
                      color: #fff;
                      background: rgb(255, 102, 0);
                      width: 18px;
                      height: 18px;
                      line-height: 18px;
                      font-size: 12px;
                      border-radius: 2px;
                      text-align: center;
                      vertical-align: middle;
                      display: inline-block;
                      margin-left: 2px;
                      margin-top: -2px;
                    }

                    // 价格
                    .yen {
                      color: #A5613E;
                    }
                  }
                }
              }

              // 活动
              .event-box {
                width: 330px;

                .event-list {
                  .event-item {
                    margin-bottom: 12px;

                    &:last-child {
                      margin-bottom: 0;
                    }

                    &__inner {
                      font-size: 14px;
                      line-height: 20px;
                    }

                    &__header {
                      display: flex;
                      flex-direction: row;
                      justify-content: space-between;
                    }

                    &__title {
                      min-width: 0;

                      margin: 0;
                      font-size: 14px;
                      line-height: 20px;
                      font-weight: normal;

                      .word-break();

                      .multi-ellipsis(2);

                      &, a {
                        color: @link-black-color;

                        &:hover {
                          color: @link-black-hover-color;
                        }
                      }
                    }

                    &__meta {
                      margin-top: 4px;

                      color: #6A6A6A;
                      font-size: 14px;
                      line-height: 20px;

                      .meta-list {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        flex-wrap: wrap;

                        .item {
                          margin-right: 16px;

                          &:last-child {
                            margin-right: 0;
                          }

                          a {
                            cursor: pointer;
                            color: @link-dark-gray-color;

                            &:hover {
                              color: @link-dark-gray-hover-color;
                            }
                          }
                        }
                      }
                    }


                    // 头条
                    &--card {
                      margin-bottom: 16px;
                    }

                    &__card {
                      position: relative;
                      display: flex;
                      width: 100%;
                      height: 144px;

                      color: #fff;

                      &-picture {
                        position: relative;
                        display: block;
                        width: 100%;
                        height: 100%;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center;
                      }

                      &-content {
                        position: absolute;
                        width: 100%;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-color: rgba(0, 0, 0, 0.10);
                        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.70) 100%);

                        display: flex;
                        flex-direction: column;
                        justify-content: flex-end;

                        padding: 8px 12px;
                        overflow: hidden;

                        box-sizing: border-box;
                      }

                      &-text {

                      }

                      &-title {
                        font-size: 16px;
                        line-height: 22px;
                        font-weight: @fw-medium;
                        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);

                        margin: 0;
                        padding: 0;
                      }

                      &-meta {
                        margin-top: 4px;

                        .meta-list {
                          display: flex;
                          flex-direction: row;
                          align-items: center;
                          flex-wrap: wrap;

                          .item {
                            color: #fff;
                            font-size: 12px;
                            line-height: 16px;
                            text-shadow: 0 1px 1px rgba(0,0,0,0.50);

                            margin-right: 8px;

                            &:last-child {
                              margin-right: 0;
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
              */
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box {
    margin-bottom: 24px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header--borderless {
    border-bottom: 1px solid transparent;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-icon {
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-title {
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-title,
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-title a {
    color: #111111;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-link {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    color: #346fb6;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-link:hover {
    color: #003d86;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-link--gray {
    color: #999999;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-link--gray:hover {
    color: #666666;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-tabs {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.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;
    box-sizing: border-box;
    background: #D8D8D8;
    transition: background .2s;
    margin: 0 6px 0 0;
    overflow: hidden;
    cursor: pointer;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-tabs .tab.active,
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-tabs .tab:hover {
    background: #7ED321;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-extra {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-extra a {
    color: #999999;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-header-extra a:hover {
    color: #666666;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-content__column {
    flex: 1;
    min-width: 0;
    margin-right: 24px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .panel-content__column:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.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: #111111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title:hover {
    color: #346fb6;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.primary {
    color: #111111;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.primary:before {
    background: #7ED321;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.primary:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.visited {
    /* 访问过 */
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.visited:visited {
    color: #888;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title.visited:visited:hover {
    color: #666666;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title--simple {
    padding-left: 0;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title--simple:before {
    content: none;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-title--highlight {
    color: #346fb6;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box .item-list .item-extra {
    flex-shrink: 0;
    margin-left: 6px;
    color: #AAA;
    font-size: 12px;
    line-height: 24px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .chanel-banner-ad-wrap {
    margin-bottom: 24px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .news-panel {
    max-height: 380px;
    overflow: hidden;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .headline {
    margin: 0 0 14px 0;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .headline .head-news {
    overflow: hidden;
}
.osc-new-layout.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: #111111;
    display: block;
    height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--news .headline .head-news-title:hover {
    color: #346fb6;
}
.osc-new-layout.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;
    hyphens: auto;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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: linear-gradient(90deg, #fff2ec 0%, #fdedfa 30%, #e1f0ff 100%);
    border-radius: 6px;
    overflow: hidden;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__inner {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    padding: 8px;
    background-image: linear-gradient(0deg, #ffffff 0%, rgba(247, 248, 249, 0) 100%);
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-bottom: -4px;
}
.osc-new-layout.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: 80px;
    height: 20px;
    margin: 0 4px 4px 0;
}
.osc-new-layout.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: inline-flex;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    color: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-right: 8px;
    font-size: 16px;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    transform: scale(1.5);
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-left: 8px;
    position: relative;
    height: 20px;
}
.osc-new-layout.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;
    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;
    transform: scale(0.63636364);
    transform-origin: left center;
    user-select: none;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: 0.5px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: column;
    align-items: center;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__recommend {
    flex-shrink: 0;
    display: block;
    border-left: 1px solid #ECEDEE;
    box-sizing: border-box;
    padding: 0 0 0 16px;
    width: 235px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--group-nav .group-nav-box__extra {
    flex: 1;
    padding-left: 16px;
    border-left: 1px solid #ECEDEE;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: flex-start;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.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: flex;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    flex-shrink: 0;
}
.osc-new-layout.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: 2px;
    color: #999;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: 8px;
    min-width: 0;
    max-width: 172px;
    align-self: center;
    display: block;
    color: #999;
    text-align: right;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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: #999999;
}
.osc-new-layout.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: #666666;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    align-self: center;
    margin-left: 8px;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -8px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question {
    margin-top: -6px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card {
    font-size: 0;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .header-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 12px 10px 16px;
    height: 72px;
    background: #fbfffb url(/new-osc/img/question_bg.jpg) no-repeat top;
    background-size: 100% 72px;
    border-radius: 4px 4px 0 0;
}
.osc-new-layout.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 {
    flex-shrink: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout.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: bold;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper {
    display: flex;
    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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper .master-avatar {
    flex-shrink: 0;
    margin: 0 12px 0 0;
}
.osc-new-layout.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;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--master-question .master-card .master-wrapper .master-info {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    color: #020202;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-left: 6px;
    display: block;
    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;
    user-select: none;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 3;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: -0.2em;
    margin-right: 5px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    transition: all 1s ease;
}
.osc-new-layout.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;
}
.osc-new-layout.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%;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    hyphens: auto;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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,
.osc-new-layout.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: #111111;
}
.osc-new-layout.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: #AAAAAA;
}
.osc-new-layout.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: #111111;
    background: #FFFEFA;
    box-shadow: inset 0 0 0 1px #EAD490;
    border-radius: 4px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    hyphens: auto;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 3;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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;
}
.osc-new-layout.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,
.osc-new-layout.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 {
    position: absolute;
    content: '';
    left: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .tools-box .tool-items__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -4px;
    overflow: hidden;
}
.osc-new-layout.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(50% - 8px);
    margin: 4px;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    display: block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    overflow: hidden;
}
.osc-new-layout.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%;
    object-fit: contain;
}
.osc-new-layout.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: #111111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .tags-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -4px -6px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    box-shadow: inset 0 0 0 1px #ECECEC;
    background: #FAFAFA;
    border-radius: 10px;
    transition: box-shadow 0.2s, color 0.2s, background 0.2s;
}
.osc-new-layout.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;
    box-shadow: inset 0 0 0 1px #90EB97;
    color: #06AD3D;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .main-box__inner .content-box__inner .panel-box--tools-jobs .recruit-box .item-list .item-title,
.osc-new-layout.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: #111111;
}
.osc-new-layout.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,
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.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 {
    flex-shrink: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box {
    flex-shrink: 0;
    width: 288px;
    margin-left: 24px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner {
    box-sizing: border-box;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .section-icon {
    font-size: 20px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .section-icon .oicon {
    color: #c71d23;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .section-body {
    margin-right: -12px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box {
    position: relative;
    display: block;
    box-sizing: content-box;
    height: 413px;
    overflow: hidden;
}
.osc-new-layout.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: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box.scroll-cover:after {
    opacity: 1;
}
.osc-new-layout.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%;
    box-sizing: border-box;
    padding-right: 8px;
    overflow: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
.osc-new-layout.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;
    appearance: none;
}
.osc-new-layout.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: none;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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,
.osc-new-layout.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;
}
.osc-new-layout.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,
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-right: 8px;
}
.osc-new-layout.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%;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.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: flex;
    flex-direaction: row;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
}
.osc-new-layout.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: -0.28em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    display: inline-block;
    margin-left: 8px;
    color: #888;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-left: 4px;
    width: 5px;
    height: 5px;
    background: #7ED321;
    border-radius: 50%;
    vertical-align: middle;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    box-sizing: border-box;
    background: #F7F8F9;
    border-radius: 4px;
    padding: 6px;
    color: #111111;
    font-size: 12px;
    line-height: 16px;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: bold;
}
.osc-new-layout.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;
    transform: scale(1.1);
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .section-body {
    position: relative;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list {
    height: 420px;
    box-sizing: border-box;
    overflow: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
.osc-new-layout.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;
    appearance: none;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list::-webkit-scrollbar-track {
    background: none;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list::-webkit-scrollbar-thumb:hover {
    background: #C3C3C3;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list::-webkit-scrollbar-thumb,
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list:hover::-webkit-scrollbar-thumb,
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list:hover::-webkit-scrollbar-track {
    visibility: visible;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event {
    display: flex;
    margin-bottom: 6px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event .content {
    width: calc(100% - 25px);
    box-sizing: border-box;
    background: #f7f8f9;
    border-radius: 10px;
    padding: 8px 10px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list .event .content .text a {
    color: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-recomment-comment .commnet-list.scroll-cover:after {
    opacity: 1;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-recommend .section-icon {
    font-size: 20px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-recommend .section-icon .oicon {
    color: #c71d23;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item--card {
    margin-bottom: 12px;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card {
    height: 152px;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .main-box {
    flex: 0 1 auto;
    width: 856px;
    min-width: 0;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .main-box .content-box__tip {
    padding: 0 32px 0;
    overflow: hidden;
}
.osc-new-layout.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;
    transition: color 0.1s ease, background-color 0.1s ease;
}
.osc-new-layout.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;
}
.osc-new-layout.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: #999999;
    font-size: 14px;
    line-height: 1;
    transition: color .1s ease;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box__close:hover {
    color: #666666;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box--success {
    color: #21b351;
    background-color: rgba(33, 179, 81, 0.1);
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box--clickable {
    cursor: pointer;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box--clickable:hover {
    background-color: rgba(33, 179, 81, 0.15);
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .main-box .content-box__tip .message-box--closeable {
    padding-right: 36px;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .sidebar-box {
    flex-shrink: 0;
    width: 320px;
    margin-left: 24px;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__inner {
    padding: 14px;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__header {
    padding: 0;
}
.osc-new-layout.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: #111111;
    font-size: 14px;
    font-weight: 500;
}
.osc-new-layout.page-web-new-index .index-container .recommend-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .notice-box__body {
    margin-top: 14px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: normal;
    font-size: 0;
    line-height: 1;
}
.osc-new-layout.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: inline-flex;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-right: 8px;
    color: #FE9312;
    font-size: 18px;
    line-height: 20px;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid transparent;
    transition: border-color 0.1s ease;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    display: block;
    box-sizing: border-box;
    height: 71px;
    padding: 10px 16px;
    background-image: url(/new-osc/img/page/index-new/bg-question-header.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.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 {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/index-new/bg-question-header@2x.png);
    }
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout.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,
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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,
.osc-new-layout.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;
}
.osc-new-layout.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, 0.5);
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}
.osc-new-layout.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,
.osc-new-layout.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: #111111;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-left: 12px;
}
.osc-new-layout.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;
    box-shadow: 0 0 0 1px #21b351 inset !important;
    border-radius: 2px;
    padding: 2px 11px;
    margin: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    margin-bottom: 4px;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
    overflow: hidden;
    background: rgba(33, 179, 100, 0.1);
    border-radius: 12px;
    user-select: none;
}
.osc-new-layout.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 {
    flex-shrink: 0;
}
.osc-new-layout.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 {
    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;
}
.osc-new-layout.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,
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box {
    flex: 0 1 auto;
    width: 888px;
    min-width: 0;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list {
    display: block;
    padding: 24px 32px;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box {
    margin-bottom: 48px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title {
    display: flex;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__body {
    margin-top: 24px;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box {
    display: block;
    overflow: hidden;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -12px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__header {
    display: flex;
    flex-direction: column;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    height: 140px;
    box-sizing: border-box;
    color: #fff;
    padding: 12px 24px 16px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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;
    box-sizing: border-box;
    min-height: 152px;
}
.osc-new-layout.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;
}
.osc-new-layout.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: #111111;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.masteronline .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.masteronline .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-1@2x.jpg);
    }
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.osc-interview .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.osc-interview .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-2@2x.jpg);
    }
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.event .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.event .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-3@2x.jpg);
    }
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.weekly-news .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-4.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.weekly-news .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-4@2x.jpg);
    }
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.recommend-project .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-5.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.recommend-project .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-5@2x.jpg);
    }
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.daily-blog .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-6.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.daily-blog .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-6@2x.jpg);
    }
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box {
    display: block;
    overflow: hidden;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -12px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    box-sizing: border-box;
    border: 1px solid #D9DBDC;
    border-radius: 3px;
    background: #fff;
    padding: 16px 24px 24px;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    margin-bottom: 12px;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    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;
    user-select: none;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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,
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: #999999;
}
.osc-new-layout.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: #666666;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 320px;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -24px;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
    width: 50%;
    padding: 0 6px;
    margin-bottom: 24px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    user-select: none;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    margin-left: 8px;
}
.osc-new-layout.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: #111111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box {
    display: block;
    overflow: hidden;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -12px;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 120px;
    padding: 16px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.14);
    border: 1px solid #D9DBDC;
    border-radius: 3px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.event .cards-item__inner {
    background-image: url(/new-osc/img/page/explore/explore-link-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.event .cards-item__inner {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-link-bg-1@2x.jpg);
    }
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.job .cards-item__inner {
    background-image: url(/new-osc/img/page/explore/explore-link-bg-2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.job .cards-item__inner {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-link-bg-2@2x.jpg);
    }
}
.osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.company .cards-item__inner {
    background-image: url(/new-osc/img/page/explore/explore-link-bg-3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-new-index .index-container .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.company .cards-item__inner {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-link-bg-3@2x.jpg);
    }
}
.osc-new-layout.page-web-new-index .index-container .explore-container .sidebar-box {
    flex-shrink: 0;
    width: 288px;
    margin-left: 24px;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .sidebar-box__inner {
    box-sizing: border-box;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item--card {
    margin-bottom: 12px;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card {
    height: 152px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-new-index .index-container .explore-container .sidebar-box__inner .sidebar-section.section-picture-card .picture-card__inner {
    display: block;
    padding: 24px;
    box-sizing: border-box;
    background-size: cover;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups {
    background: #f7f8f9;
}
.osc-new-layout.page-web-groups .aside-box {
    width: 148px;
}
.osc-new-layout.page-web-groups .aside-box__inner .aside-section-list__inner {
    padding: 0;
}
.osc-new-layout.page-web-groups .aside-box__inner .aside-section-list__inner .aside-section {
    padding: 0;
}
.osc-new-layout.page-web-groups .aside-box__inner .aside-section-list__inner .tab-list .tab-item__inner {
    padding: 3px 8px;
}
.osc-new-layout.page-web-groups .aside-box__inner .aside-section-list__inner .tab-list .tab-item__inner:hover {
    background-color: #FFF;
}
.osc-new-layout.page-web-groups .aside-box__inner .aside-section-list__inner .tab-list .tab-item__icon {
    font-size: 18px;
}
.osc-new-layout.page-web-groups .aside-box__inner .aside-section-list__inner .tab-list .tab-item__text {
    margin-left: 8px;
    font-weight: normal;
}
.osc-new-layout.page-web-groups .groups-index-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 24px auto 0;
}
.osc-new-layout.page-web-groups .groups-index-container .main-box {
    flex: 0 1 auto;
    width: 716px;
    min-width: 0;
    padding-bottom: 24px;
}
.osc-new-layout.page-web-groups .groups-index-container .main-box .content-box__tip {
    padding: 0;
    overflow: hidden;
}
.osc-new-layout.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;
    transition: color 0.1s ease, background-color 0.1s ease;
}
.osc-new-layout.page-web-groups .groups-index-container .main-box .content-box__tip .message-box__text {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.osc-new-layout.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: #999999;
    font-size: 14px;
    line-height: 1;
    transition: color .1s ease;
}
.osc-new-layout.page-web-groups .groups-index-container .main-box .content-box__tip .message-box__close:hover {
    color: #666666;
}
.osc-new-layout.page-web-groups .groups-index-container .main-box .content-box__tip .message-box--success {
    color: #21b351;
    background-color: rgba(33, 179, 81, 0.1);
}
.osc-new-layout.page-web-groups .groups-index-container .main-box .content-box__tip .message-box--clickable {
    cursor: pointer;
}
.osc-new-layout.page-web-groups .groups-index-container .main-box .content-box__tip .message-box--clickable:hover {
    background-color: rgba(33, 179, 81, 0.15);
}
.osc-new-layout.page-web-groups .groups-index-container .main-box .content-box__tip .message-box--closeable {
    padding-right: 36px;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box {
    flex-shrink: 0;
    width: 288px;
    margin-left: 24px;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner {
    box-sizing: border-box;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section-list--ad {
    padding: 0;
    overflow: hidden;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-item {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #21b351;
    color: #21b351;
    transition: all .14s ease;
    user-select: none;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-item:hover {
    background: #E8F7ED;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-item__text {
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 14px;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-row:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-user-action .button-row .button-item + .button-item {
    margin-left: 16px;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list {
    position: relative;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item {
    display: flex;
    flex-direction: row;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    margin-bottom: 12px;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item:hover {
    color: #666;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item__icon {
    flex-shrink: 0;
    margin-right: 8px;
    color: #888;
}
.osc-new-layout.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;
    hyphens: auto;
}
.osc-new-layout.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;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.top.left:before,
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.top.right:before,
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.top.center:before {
    box-shadow: 1px 1px 0 0 #ECEDEE;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.bottom.left:before,
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.bottom.right:before,
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.bottom.center:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.left.center:before {
    box-shadow: 1px -1px 0 0 #ecedee;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item .popup-tip.right.center:before {
    box-shadow: -1px 1px 0 0 #ecedee;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item--done {
    pointer-events: none;
    cursor: default;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-task .task-list .task-item--done .task-item__icon {
    color: #21b351;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: normal;
    font-size: 12px;
    color: #888;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-comment .feed-list .feed-item__meta a {
    color: #888888;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-comment .feed-list .feed-item__meta a:hover {
    color: #666666;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-article .simple-list .simple-item__meta a {
    color: #888888;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-hot-article .simple-list .simple-item__meta a:hover {
    color: #666666;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-recommend-user .user-list .user-item__body {
    align-items: center;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-tool-service .tool-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-tool-service .tool-list .tool-item__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 80px;
    height: 60px;
    padding: 6px;
    border-radius: 3px;
    transition: background-color 0.14s ease;
    background-color: transparent;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-tool-service .tool-list .tool-item__inner:hover {
    background-color: #F9F9F9;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups .groups-index-container .sidebar-box__inner .sidebar-section.section-tool-service .tool-list .tool-item__text {
    margin-top: 4px;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-groups .groups-all-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 24px auto 0;
}
.osc-new-layout.page-web-groups .groups-all-container .aside-box__inner .tab-list .tab-item--more-btn {
    display: none;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box {
    flex: 0 1 auto;
    width: 1028px;
    min-width: 0;
    padding-bottom: 24px;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .hero-box {
    display: block;
    width: 100%;
    height: 276px;
    box-sizing: border-box;
    padding-top: 120px;
    background-image: url(/new-osc/img/page/group/group_hero.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    background-position: center;
    color: transparent;
    text-align: center;
    text-indent: -1000em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .hero-box {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/group/group_hero@2x.png);
    }
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .hero-box h1,
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .hero-box p {
    padding: 0;
    margin: 0;
    line-height: normal;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box {
    display: block;
    box-sizing: border-box;
    padding: 0;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box {
    padding: 24px;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__tabs .tabs-item {
    margin-right: 40px;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__tabs .tabs-link {
    padding: 0;
    color: #111111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    border-bottom: none;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box {
    flex-shrink: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    box-shadow: inset 0 -1px 0 0 #dddddd;
    line-height: 20px;
    padding: 6px 8px 6px 30px !important;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__input::placeholder {
    color: #BABABA;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .search-box__input:focus {
    box-shadow: inset 0 -1px 0 0 #21b351;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__header .tabs-box__extra .action-box {
    flex-shrink: 0;
    margin-left: 24px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body {
    padding: 30px 24px;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container {
    position: relative;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container__loader {
    box-sizing: border-box;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box {
    position: relative;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box__header {
    margin-bottom: 30px;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box__title {
    color: #111111;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -12px;
}
.osc-new-layout.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;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #D9DBDC;
    background: #fff;
    transition: box-shadow 0.2s ease;
    color: #111111;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item:hover {
    box-shadow: 0 3px 32px 0 rgba(0, 0, 0, 0.04), 0 6px 36px 0 rgba(0, 0, 0, 0.05), 0 10px 40px 0 rgba(0, 0, 0, 0.02);
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__inner {
    display: flex;
    flex-direction: column;
    padding: 16px;
    box-sizing: border-box;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__header {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__avatar {
    flex-shrink: 0;
    margin-right: 12px;
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 8px;
    box-sizing: border-box;
}
.osc-new-layout.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%;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .group-item__basic {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 3;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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;
}
.osc-new-layout.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: inline-flex;
    flex-direction: row;
    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;
    transition: background .2s ease;
    background: rgba(33, 179, 81, 0.1);
}
.osc-new-layout.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, 0.15);
}
.osc-new-layout.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;
}
.osc-new-layout.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: none;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    object-fit: contain;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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, 0.68);
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    transform: rotate(270deg);
}
.osc-new-layout.page-web-groups .groups-all-container .main-box__inner .content-box__inner .groups-box__body .group-container .group-list-box .collapse-bar {
    display: none;
}
.osc-new-layout.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;
    user-select: none;
    color: #346fb6;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    user-select: none;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group {
    background: #f7f8f9;
}
.osc-new-layout.page-web-group .group-container {
    margin: 24px auto 0;
}
.osc-new-layout.page-web-group .group-container .box-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.osc-new-layout.page-web-group .group-container .group-profile-box {
    margin-bottom: 24px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container {
    width: 100%;
    height: 100%;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-wrapper .swiper-slide .banner-item {
    width: 100%;
    height: 100%;
}
.osc-new-layout.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%;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-pagination {
    bottom: 12px;
    font-size: 0;
    line-height: 1;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-pagination .swiper-pagination-bullet:focus {
    outline: none;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-banner__inner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__inner {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 24px 24px 0;
}
.osc-new-layout.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;
    box-sizing: border-box;
    border: 2px solid #fff;
    z-index: 1;
    background: #eee;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__title {
    color: #111111;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__url {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__url,
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__url a {
    color: #9B9B9B;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__intro {
    margin-top: 8px;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__intro,
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__intro p {
    color: #111111;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer {
    padding: 16px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #9B9B9B;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item {
    margin-right: 16px;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item a,
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item--clickable {
    cursor: pointer;
    color: #999999;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item a:hover,
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item--clickable:hover {
    color: #666666;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item > i.icon,
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item > a > i.icon {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    vertical-align: top;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item > a > i.icon:not(:last-child) {
    margin-right: 4px;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item .gap {
    margin: 0 6px;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item.ui.dropdown > .menu .item {
    color: #4A4A4A;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer .item-list > .item.ui.dropdown > .menu .item i.icon {
    margin-right: 8px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer-action .item-list > .item a:hover {
    color: #003d86;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer-action .group-follow-btn {
    display: inline-flex;
    cursor: pointer;
    font-weight: 500;
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer-action .group-follow-btn:hover {
    color: #003d86;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer-action .group-follow-btn__icon {
    margin-right: 2px;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .profile-info__footer-action .group-follow-btn__count {
    margin-left: 16px;
    text-transform: lowercase;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .group-nav {
    display: block;
    border-top: 1px solid #ECEDEE;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .group-nav__inner {
    display: block;
    padding: 11px 40px;
    box-sizing: border-box;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .group-nav__tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0;
    padding: 0;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .group-nav__tabs .tabs-item {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .group-nav__tabs .tabs-link {
    position: relative;
    display: inline-block;
    padding: 4px 20px;
    color: #111111;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    transition: color 0.1s ease, font-weight 0.1s ease;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .group-nav__tabs .tabs-link:hover {
    color: #21b351;
}
.osc-new-layout.page-web-group .group-container .group-profile-box .group-nav__tabs .tabs-link.active {
    color: #21b351;
    font-weight: 600;
    background: rgba(33, 179, 81, 0.1);
    border-radius: 16px;
}
.osc-new-layout.page-web-group .group-container .main-box {
    flex: 0 1 auto;
    width: 856px;
    min-width: 0;
    padding-bottom: 24px;
}
.osc-new-layout.page-web-group .group-container .main-box .content-box__toolbar {
    margin-bottom: 12px;
}
.osc-new-layout.page-web-group .group-container .main-box .content-box .entry-sort-dropdown > .text,
.osc-new-layout.page-web-group .group-container .main-box .content-box .entry-sort-dropdown .menu > .item {
    color: #111111;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-group .group-container .main-box .content-box .entry-sort-dropdown > .text i.oicon,
.osc-new-layout.page-web-group .group-container .main-box .content-box .entry-sort-dropdown .menu > .item i.oicon {
    color: #9B9B9B;
    margin-right: 8px;
}
.osc-new-layout.page-web-group .group-container .main-box .content-box .entry-sort-dropdown > .text {
    padding: 0 8px;
}
.osc-new-layout.page-web-group .group-container .main-box .content-box .entry-sort-dropdown i.dropdown.icon {
    color: #9B9B9B;
    margin-left: 0;
}
.osc-new-layout.page-web-group .group-container .main-box .content-box .entry-sort-dropdown .menu {
    z-index: 1001;
}
.osc-new-layout.page-web-group .group-container .main-box .content-box .entry-sort-dropdown .menu > .item {
    padding: 8px 16px !important;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-news-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-news-tab a {
    margin-top: 12px;
    color: #888;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-news-tab a:hover {
    color: #32AA66;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-news-tab .right {
    display: flex;
    align-items: center;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-news-tab .right a {
    margin-top: unset;
    margin-left: 12px;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-news-box {
    margin-top: 30px;
    padding: 10px 32px 25px;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-news-box .project-list-box__pagination {
    margin-top: 15px !important;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-panel-header-tabs {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-panel-header-tabs .tab {
    display: block;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #D8D8D8;
    transition: background .2s;
    margin: 0 6px 0 0;
    overflow: hidden;
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-panel-header-tabs .tab:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-panel-header-tabs .tab.active,
.osc-new-layout.page-web-group .group-container .main-box .huawei-panel-header-tabs .tab:hover {
    background: #7ED321;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder {
    margin-top: 20px;
    position: relative;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group {
    width: 100%;
    padding: 5px;
    overflow: hidden;
    box-sizing: border-box;
}
.osc-new-layout.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;
    box-sizing: border-box;
    border: 1px #eee solid;
    background-image: linear-gradient(#f7fbff 2%, #e3edff 98%);
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide:hover {
    box-shadow: 1px 1px 3px #a6c1f1;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide .title {
    display: flex;
    align-items: center;
    justify-content: center;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide img {
    width: 20%;
    height: auto;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-slide .name {
    color: #111111;
    font-weight: bold;
    margin-left: 15px;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 3;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-btn {
    position: absolute;
    top: 65px;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #cbcbcb;
    font-size: 35px;
    font-weight: 700;
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-btn i {
    width: unset !important;
    height: unset !important;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .swiper-btn:hover {
    font-size: 38px;
    opacity: .8;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .subject-btn-prev {
    left: -22px;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-harmony-group-holder .huawei-harmony-group .subject-btn-next {
    right: -26px;
}
.osc-new-layout.page-web-group .group-container .main-box .huwei-hot-articles {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.osc-new-layout.page-web-group .group-container .main-box .huwei-hot-articles .huwei-hot-articles__item {
    width: 48%;
}
.osc-new-layout.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: bold;
    background: #f0f5f0;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-group .group-container .main-box .huwei-hot-articles .huwei-hot-articles__item .articles_pagination {
    text-align: center;
    transform: scale(0.85);
    margin: 10px 0;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-situation-solution {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-situation-solution .item:hover {
    box-shadow: 1px 1px 3px #ccc;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-situation-solution .item .title {
    font-size: 16px;
    color: #111111;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 3;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-situation-solution .item .platform {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-situation-solution .item .platform span {
    line-height: 20px;
    color: #333;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-situation-solution .item .platform span:not(.name) {
    transform: scale(0.85);
    padding: 0 8px;
    border-radius: 10px;
    background: rgba(51, 51, 51, 0.1);
    margin-bottom: 2px;
}
.osc-new-layout.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;
    transform: scale(0.85);
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box {
    margin: 15px 0;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .entry-empty-view {
    width: 100%;
    height: 438px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .entry-empty-view__text {
    margin-top: 20px;
    color: #999;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header--borderless {
    border-bottom: 1px solid transparent;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-icon {
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-icon img {
    display: block;
    width: 24px;
    height: 24px;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-title {
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-title,
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-title a {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-link {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-link:hover {
    color: #003d86;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-link--gray {
    color: #999999;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-link--gray:hover {
    color: #666666;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-tabs {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-tabs .tab {
    display: block;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #D8D8D8;
    transition: background .2s;
    margin: 0 6px 0 0;
    overflow: hidden;
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-tabs .tab:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-tabs .tab.active,
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-tabs .tab:hover {
    background: #7ED321;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-extra {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-extra a {
    color: #999999;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-header-extra a:hover {
    color: #666666;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-content__column {
    flex: 1;
    min-width: 0;
    margin-right: 40px;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .panel-content__column:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 7px;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 0 0 13px;
    color: #111111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title:hover {
    color: #346fb6;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title.primary {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title.primary:before {
    background: #7ED321;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title.primary:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title.visited {
    /* 访问过 */
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title.visited:visited {
    color: #888;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title.visited:visited:hover {
    color: #666666;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title.visited:visited:before {
    background: #CFCFCF;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title--simple {
    padding-left: 0;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title--simple:before {
    content: none;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-title--highlight {
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-extra {
    flex-shrink: 0;
    margin-left: 6px;
    color: #AAA;
    font-size: 12px;
    line-height: 24px;
}
.osc-new-layout.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: #333333;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box .item-list .item-desc:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container .main-box .panel-box--news .news-panel {
    overflow: hidden;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-recommend-foot {
    text-align: center;
}
.osc-new-layout.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, 0.15);
    color: rgba(0, 0, 0, 0.87);
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-recommend-foot .more-btn:hover {
    color: #32aa66 !important;
    border: 1px solid #32aa66 !important;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-subject-swiper-holder {
    margin-top: 18px;
    position: relative;
    display: flex;
    justify-content: center;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-subject-swiper-holder .huawei-subject-swiper {
    visibility: hidden;
    width: 100%;
    padding: 10px 5px;
    overflow: hidden;
}
.osc-new-layout.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;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-subject-swiper-holder .huawei-subject-swiper .swiper-slide img {
    width: 100%;
    height: 106px;
    object-fit: cover;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-subject-swiper-holder .huawei-subject-swiper .swiper-slide div {
    font-size: 12px;
    color: #111111;
    padding: 5px 10px;
    height: 38px;
    line-height: 1.4;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn {
    position: absolute;
    top: 85px;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #cbcbcb;
    font-size: 35px;
    font-weight: 700;
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn i {
    width: unset !important;
    height: unset !important;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn:hover {
    font-size: 38px;
    opacity: .8;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn-prev {
    left: -22px;
}
.osc-new-layout.page-web-group .group-container .main-box .huawei-subject-swiper-holder .swiper-btn-next {
    right: -26px;
}
.osc-new-layout.page-web-group .group-container .sidebar-box {
    flex-shrink: 0;
    width: 320px;
    margin-left: 24px;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-group-section-header .section-icon {
    height: 20px;
    margin-right: 3px !important;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-group-section-header .section-icon .huawei-group-icon {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-more-link {
    color: #888 !important;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-more-link:hover {
    color: #32AA66 !important;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-hot-tag {
    margin: .5rem .5rem .5rem 0;
    padding: 0.8em 0.9em;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-hot-tag:hover {
    color: #32aa66 !important;
    border: 1px solid #32aa66 !important;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-banner-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-banner-hover-multiple .huawei-banner-hover__title {
    bottom: 25px !important;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder {
    position: relative;
    display: flex;
    justify-content: center;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper {
    width: 100%;
    height: auto;
    margin: 8px 0 5px;
    overflow: hidden;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide {
    width: 100%;
    height: 100%;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide img {
    width: 100%;
    height: 110px;
    object-fit: cover;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide .person-name:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide .person-des {
    font-size: 12px;
    color: #111111;
    word-break: break-all;
    line-height: 1.2;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .huawei-person-swiper .swiper-slide .person-des:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn {
    position: absolute;
    top: 55px;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #cbcbcb;
    font-size: 25px;
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn i {
    width: unset !important;
    height: unset !important;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn:hover {
    font-size: 27px;
    opacity: .8;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn-prev {
    left: -18px;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-person-swiper-holder .swiper-btn-next {
    right: -20px;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-question-list {
    height: 229px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-question-list .question-item {
    margin-bottom: unset !important;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-question-list .question-item .title-point {
    vertical-align: middle;
    margin-right: 5px;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-question-list .huawei-group-icon {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-question-list a {
    vertical-align: middle;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-question-list a:hover {
    color: #346fb6 !important;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-main-service .service {
    margin-bottom: 15px;
    width: 100%;
    padding: 8px 10px 8px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px #eee solid;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-main-service .service:hover {
    box-shadow: 0 0 4px 1px #eee;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-main-service .service:last-child {
    margin-bottom: 0 !important;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-main-service .service .left .name {
    color: #111;
    font-weight: bold;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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;
    /* line-height: 20px; */
    -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;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-main-service .service .right {
    width: 35%;
    flex-shrink: 0;
}
.osc-new-layout.page-web-group .group-container .sidebar-box .huawei-main-service .service .right img {
    width: 100%;
    height: auto;
}
.osc-new-layout.page-web-group .group-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px;
}
.osc-new-layout.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .section-header .section-icon {
    color: #FFAF38;
}
.osc-new-layout.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .members-box {
    display: flex;
    margin-bottom: 8px;
}
.osc-new-layout.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .members-box__inner {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    overflow: hidden;
    height: 32px;
    padding-left: 8px;
}
.osc-new-layout.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;
    box-sizing: border-box;
    margin-left: -8px;
}
.osc-new-layout.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .members-box__item a {
    display: block;
}
.osc-new-layout.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-members .members-box__item a .osc-avatar {
    box-shadow: none;
}
.osc-new-layout.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .section-header .section-icon {
    color: #1296FE;
}
.osc-new-layout.page-web-group .group-container .sidebar-box__inner .sidebar-section-list .sidebar-section.section-notice .section-body .content a {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--cooperation .group-profile-box + .section-box {
    margin-top: 32px;
}
.osc-new-layout.page-web-group .group-container--cooperation .group-profile-box .profile-banner__inner {
    height: 184px;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box {
    margin-bottom: 32px;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__header {
    margin-bottom: 8px;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__title {
    color: #111111;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box {
    position: relative;
    display: block;
    padding: 24px;
    box-sizing: border-box;
    overflow: hidden;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards {
    display: block;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner {
    margin: -5px;
    position: relative;
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card {
    padding: 5px;
    display: block;
    box-sizing: border-box;
    width: 25%;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card a:hover {
    color: #515eed;
}
.osc-new-layout.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;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-item:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}
.osc-new-layout.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;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    white-space: nowrap;
}
.osc-new-layout.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;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow: hidden;
}
.osc-new-layout.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;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.osc-new-layout.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: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.osc-new-layout.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;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-image-item:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-cards-inner .custom-card .grid-image-item-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    padding: 34px 25px 0;
}
.osc-new-layout.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;
}
.osc-new-layout.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: none;
    padding: 0 12px;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards {
    display: block;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner {
    position: relative;
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
    background-color: #fff;
    position: relative;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-image-cards-inner .custom-image-card:hover {
    box-shadow: 4px 8px 12px 0 rgba(0, 0, 0, 0.05);
    z-index: 1;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list {
    display: block;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-content {
    border: 1px solid #dadcdf;
    border-radius: 2px;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group {
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group + .custom-table-list-group {
    border-top: 1px solid #dadcdf;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group-title {
    flex-shrink: 0;
    display: block;
    width: 190px;
    height: 120px;
    padding-left: 50px;
    box-sizing: border-box;
    background: #F5F5F5;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-group-list {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-row {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-wrap {
    display: block;
    width: 33.33333333%;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item {
    background: #fff;
    height: 120px;
    padding: 30px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.osc-new-layout.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;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-title-icon {
    display: inline-block;
    color: rgba(0, 0, 0, 0);
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.osc-new-layout.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;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-tag-hot {
    border-color: #ff3812;
    color: #ff3812;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item-tag-new {
    border-color: #00b359;
    color: #00b359;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item:hover {
    background: #1434c1;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item:hover .custom-table-list-item-title,
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item:hover .custom-table-list-item-title-icon,
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-item:hover .custom-table-list-item-text {
    color: #fff;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-footer {
    margin-top: 24px;
    text-align: center;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-table-list-footer-link {
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
}
.osc-new-layout.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: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-content pre,
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--cooperation .section-box__body .custom-box .custom-content > *:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group .group-container--cooperation .notice-box {
    display: block;
    background: #FFFCEB;
    border: 1px solid #E1DEC9;
    border-radius: 5px;
    margin-bottom: 24px;
}
.osc-new-layout.page-web-group .group-container--cooperation .notice-box__link {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--cooperation .notice-box__inner {
    display: flex;
    flex-direction: row;
    padding: 16px 24px;
}
.osc-new-layout.page-web-group .group-container--cooperation .notice-box__content {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 22px;
}
.osc-new-layout.page-web-group .group-container--cooperation .notice-box__close {
    flex-shrink: 0;
    margin-left: 12px;
    box-sizing: border-box;
    width: 16px;
    height: 22px;
    color: #9B9B9B;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container--cooperation .content-box__inner .tab-container__inner {
    padding: 0 24px;
}
.osc-new-layout.page-web-group .group-container--cooperation .content-box__inner .tab-container__inner .tabs-box__tabs .tabs-item {
    flex: 1 1 auto;
    max-width: 127px;
}
.osc-new-layout.page-web-group .group-container--cooperation .content-box__inner .tab-container__inner .tabs-box__tabs .tabs-item:last-child {
    flex: 0 1 auto;
    max-width: initial;
}
.osc-new-layout.page-web-group .group-container--project .panel-header {
    margin-bottom: 24px;
}
.osc-new-layout.page-web-group .group-container--project .panel-header__body {
    align-items: stretch;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .main-box {
    padding-bottom: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .main-box__inner {
    height: 100%;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .main-box .group-profile-box {
    height: 100%;
    margin-bottom: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap {
    padding: 0 24px;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion:first-child {
    margin-top: 8px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .section-header {
    margin-bottom: 16px;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .section-title {
    color: #111111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: -24px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: auto;
    transition: all 0.24s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.osc-new-layout.page-web-group .group-container--project .panel-header .main-box .group-profile-box .section-promotion-wrap .section-promotion .cards-wrap .card-item__inner:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}
.osc-new-layout.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;
}
.osc-new-layout.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%;
    object-fit: cover;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .sidebar-box__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section {
    margin-top: 24px;
    flex: 1;
    min-height: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .section-body {
    overflow: hidden;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .links-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .links-wrap .link-item__inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .links-wrap .link-item__inner:hover {
    color: #003d86;
}
.osc-new-layout.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;
    object-fit: contain;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item__inner {
    display: inline-flex;
    color: #111111;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-group .group-container--project .panel-header .sidebar-box .promotion-right-section .section-custom .lists-wrap .list-item__icon {
    flex-shrink: 0;
    margin-right: 8px;
    color: #888;
    font-size: 16px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    transition: border-color 0.1s ease;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main__title {
    color: #111111;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 8px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box {
    margin-bottom: 6px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box__inner {
    position: relative;
    overflow: hidden;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .corner-mark {
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 24px 0;
    transform: translate(-2%, 44%) rotate(-45deg);
    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;
    user-select: none;
    pointer-events: none;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap::-webkit-scrollbar {
    display: none;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 14px 6px 6px;
    width: 80px;
    height: 80px;
    border-radius: 3px;
    background: #ECEDEE;
    border: 1px solid #ECEDEE;
    color: #111111;
    user-select: none;
    transition: all .1s ease;
    cursor: pointer;
    margin-right: 27px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item:hover {
    background: #E8EAEC;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item:active {
    background: #E2E3E7;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .circle-list-wrap .circle-list .circle-item__icon {
    width: 32px;
    height: 32px;
}
.osc-new-layout.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;
    object-fit: cover;
}
.osc-new-layout.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;
}
.osc-new-layout.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, 0.1);
    border: 1px solid rgba(33, 179, 81, 0.5);
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    width: 120px;
    height: 80px;
    padding: 24px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f7f8fa 73%, #f7f8fa 100%);
    user-select: none;
    pointer-events: none;
    opacity: 1;
    transition: opacity .14s ease;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar__btn {
    justify-self: flex-start;
    display: flex;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    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;
    transition: all .1s ease;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar__btn:hover {
    background-color: #FAFAFA;
    border-color: #CCCCCC;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar--prev {
    left: 0;
    transform: scaleX(-1);
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar--next {
    right: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar--hidden {
    opacity: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .circle-box .navbar-wrap .navbar--hidden .navbar__btn {
    pointer-events: none;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__inner {
    width: 160px;
    font-size: 14px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__icon {
    width: 30px;
    color: #CCD0D4;
    opacity: 1;
    cursor: default;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input {
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    box-shadow: inset 0 -1px 0 0 #dddddd;
    line-height: 20px;
    padding: 6px 8px 6px 30px !important;
    background: transparent;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input::placeholder {
    color: #BABABA;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box .search-box__input:focus {
    box-shadow: inset 0 -1px 0 0 #21b351;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container {
    margin-bottom: 24px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__tabs .tabs-item {
    flex: 0 1 auto;
    margin-right: 24px;
}
.osc-new-layout.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;
}
.osc-new-layout.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: inline-flex;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    transform: scale(0.5);
    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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box .tab-container__inner .tabs-box__extra {
    flex-shrink: 0;
    margin-left: 24px;
    display: flex;
    flex-direaction: row;
    align-items: center;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box__body .entry-container__inner {
    padding: 7px 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box__body .entry-container .quick-publish-box {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box__body .entry-container .quick-publish-box__inner {
    padding: 24px 32px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .main-box .content-box__body .entry-container .quick-publish-box__form {
    padding: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action {
    margin-bottom: 73px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .button-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .button-list .button-item {
    display: block;
    width: 152px;
    box-sizing: border-box;
    padding: 16px 28px 8px;
    border-radius: 3px;
    background: #21b351;
    color: #fff;
    text-align: center;
    user-select: none;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .button-list .button-item:hover {
    background: #20ab4e;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list {
    margin-top: 24px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 6px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__title {
    flex: 1;
    min-width: 0;
    color: #111111;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__title a {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__title a:hover {
    color: #346fb6;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    transform: scale(0.5) translateX(100%);
    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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-user-action .link-list .link-item__extra .count[data-value="0"] {
    display: none;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item {
    margin-bottom: 16px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #888;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 4px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-avatar {
    flex-shrink: 0;
    font-size: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-text a {
    color: #888;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-text a:hover {
    color: #666666;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__header .author-time {
    flex-shrink: 0;
    margin-left: 3px;
}
.osc-new-layout.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: #111111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__title h3 a {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__action {
    margin-top: 4px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .sidebar-box .section-unanswer-question .unanswer-question-list .question-item__action .osc-button {
    padding: 3px 11px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box {
    display: block;
    box-sizing: border-box;
    padding: 16px 32px 24px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__header {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -12px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item {
    display: block;
    width: calc(100%/3 - 24px);
    margin: 12px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ECEDEE;
    background: #fff;
    transition: box-shadow 0.2s ease;
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item:hover {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.04), 0 6px 20px 0 rgba(0, 0, 0, 0.05), 0 10px 28px 0 rgba(0, 0, 0, 0.03);
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item--clickable {
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__inner {
    display: flex;
    flex-direction: column;
    padding: 16px;
    box-sizing: border-box;
    height: 174px;
    font-size: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__header {
    margin-bottom: 8px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__title,
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__title a {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__title a {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__title a:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__desc {
    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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 4;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__desc.try {
    -webkit-line-clamp: 2 !important;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__try {
    flex: 1;
    margin-top: 8px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__try .button {
    display: block;
    width: 100%;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__try .button:hover,
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__try .button:focus {
    box-shadow: none!important;
    background-color: #fbbd08 !important;
    color: #fff !important;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta {
    margin-top: 16px;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta.try {
    margin-top: 8px !important;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #888;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list > .item {
    margin-right: 16px;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list > .item:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list > .item > a,
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list > .item--clickable {
    color: #999999;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list > .item > a:hover,
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__inner .project-item__meta .item-list > .item--clickable:hover {
    color: #666666;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-main .project-list-box__pagination {
    margin-top: 24px;
    text-align: center;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish {
    margin-top: -10px;
    margin-bottom: -5px;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header--borderless {
    border-bottom: 1px solid transparent;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-icon {
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-icon img {
    display: block;
    width: 24px;
    height: 24px;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-title {
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-title,
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-title a {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-link {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-link:hover {
    color: #003d86;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-link--gray {
    color: #999999;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-link--gray:hover {
    color: #666666;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-tabs {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-tabs .tab {
    display: block;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #D8D8D8;
    transition: background .2s;
    margin: 0 6px 0 0;
    overflow: hidden;
    cursor: pointer;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-tabs .tab:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-tabs .tab.active,
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-tabs .tab:hover {
    background: #7ED321;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-extra {
    flex-shrink: 0;
    margin: 0 0 0 16px;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-extra a {
    color: #999999;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-header-extra a:hover {
    color: #666666;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-content__column {
    flex: 1;
    min-width: 0;
    margin-right: 24px;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .panel-content__column:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2px;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.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: #111111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title:hover {
    color: #346fb6;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title.primary {
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title.primary:before {
    background: #7ED321;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title.primary:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title.visited {
    /* 访问过 */
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title.visited:visited {
    color: #888;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title.visited:visited:hover {
    color: #666666;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title.visited:visited:before {
    background: #CFCFCF;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title--simple {
    padding-left: 0;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title--simple:before {
    content: none;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-title--highlight {
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish .item-list .item-extra {
    flex-shrink: 0;
    margin-left: 6px;
    color: #AAA;
    font-size: 12px;
    line-height: 24px;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box {
    width: 100%;
    display: block;
    background-color: #F7F8F9;
    background-image: linear-gradient(90deg, #fff8fd 0%, #f6faff 100%);
    border-radius: 6px;
    overflow: hidden;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__inner {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    padding: 8px;
    background-image: linear-gradient(0deg, #ffffff 0%, rgba(247, 248, 249, 0) 100%);
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list {
    display: block;
    overflow: hidden;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-bottom: -4px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list .link-item a {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    color: #111111;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list .link-item a:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box .link-list .link-item img {
    flex-shrink: 0;
    margin-right: 8px;
    display: block;
    width: 1em;
    height: 1em;
    transform: scale(1.3);
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__header .title {
    font-weight: 500;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__extra {
    flex: 1;
    padding-left: 16px;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__extra .group-nav-box__header {
    padding-right: 24px;
}
.osc-new-layout.page-web-group .group-container--project .panel-box-fish--group-nav .group-nav-box__extra .group-nav-box__header .title {
    color: #a01f96;
}
.osc-new-layout.page-web-group-admin {
    background: #f7f8f9;
}
.osc-new-layout.page-web-group-admin .huawei-charts-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99;
}
.osc-new-layout.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, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
}
.osc-new-layout.page-web-group-admin .card-header {
    text-align: left;
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.osc-new-layout.page-web-group-admin .card-header-des {
    font-size: 14px;
    color: #999;
}
.osc-new-layout.page-web-group-admin .card-content {
    padding: 20px;
    height: calc(100% - 65px);
    display: flex;
    flex-wrap: wrap;
}
.osc-new-layout.page-web-group-admin .date-item {
    width: 90px;
    height: 60px;
    border: 1px rgba(34, 36, 38, 0.15) solid;
    margin: 3px;
    text-align: center;
    box-shadow: 1px 1px 2px rgba(34, 36, 38, 0.1);
    border-radius: 2px;
}
.osc-new-layout.page-web-group-admin .date-header {
    background: #f5f5f5;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
    font-size: 16px;
    line-height: 1.8;
    font-style: italic;
}
.osc-new-layout.page-web-group-admin .date-count {
    line-height: 30px;
}
.osc-new-layout.page-web-group-admin .chart-close {
    position: absolute;
    top: 22px;
    right: 18px;
    font-size: 18px !important;
    cursor: pointer;
}
.osc-new-layout.page-web-group-admin .chart-close:hover {
    transform: scale(1.2);
}
.osc-new-layout.page-web-group-admin .image-upload {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.osc-new-layout.page-web-group-admin .image-upload:after {
    content: '';
    display: block;
    margin-top: 27.38589212%;
}
.osc-new-layout.page-web-group-admin .image-upload__inner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #9B9B9B;
    transition: border-color 0.1s ease;
    cursor: pointer;
    overflow: hidden;
}
.osc-new-layout.page-web-group-admin .image-upload__inner:hover {
    border-color: #21b351;
}
.osc-new-layout.page-web-group-admin .image-upload__inner input[type="file"] {
    display: none;
}
.osc-new-layout.page-web-group-admin .image-upload__inner .upload-text {
    font-size: 14px;
    line-height: 20px;
    color: #9B9B9B;
    padding: 0 12px;
    text-align: center;
}
.osc-new-layout.page-web-group-admin .image-upload__inner .upload-text i.icon {
    margin: 0;
}
.osc-new-layout.page-web-group-admin .image-upload__inner .upload-img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.osc-new-layout.page-web-group-admin .image-upload--pic .image-upload__inner .upload-text {
    display: none;
}
.osc-new-layout.page-web-group-admin .image-upload--pic .image-upload__inner .upload-img {
    display: block;
}
.osc-new-layout.page-web-group-admin .image-upload--loading .image-upload__inner .upload-text {
    display: none;
}
.osc-new-layout.page-web-group-admin .image-upload--loading .image-upload__inner .upload-loader {
    display: flex;
    opacity: 1;
}
.osc-new-layout.page-web-group-admin .group-admin-container {
    margin: 0 auto 24px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .box-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-header-box .group-info-box {
    padding: 0 24px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__logo {
    flex-shrink: 0;
    margin-right: 16px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__logo img {
    display: block;
    background: #FFFFFF;
    border: 1px solid #ECEDEE;
    border-radius: 4px;
    width: 64px;
    height: 64px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__title {
    flex: 1;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-header-box .group-info-box__extra {
    margin-left: 12px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .box-container {
    align-items: stretch;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box {
    flex-shrink: 0;
    width: 240px;
    min-height: 640px;
    display: block;
    box-sizing: border-box;
    box-shadow: inset -1px 0 0 0 #ecedee;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner {
    display: block;
    box-sizing: border-box;
    padding: 32px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section {
    margin-bottom: 24px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section:last-child {
    margin-bottom: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list {
    padding-left: 16px;
}
.osc-new-layout.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;
}
.osc-new-layout.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%;
    transform: translateY(-50%);
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #111111;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item,
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item a {
    color: #111111;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item.active,
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .menu-box__inner .menu-section__body .item-list .item.active:before {
    background: #21b351;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .main-box {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 40px 80px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner .panel-section__header {
    margin-bottom: 16px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner .panel-section__title {
    color: #111111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner .panel-section__title--large {
    font-size: 24px;
    line-height: 34px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .admin-body-box .main-box__inner .panel-section__desc {
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .form-wrap {
    width: 480px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .form-wrap .form-field:not(:first-child) {
    margin-top: 36px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .form-wrap .form-field .field-desc {
    font-weight: normal;
    color: #9B9B9B;
    font-size: 13px;
    margin-top: 6px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container .form-wrap .form-field .form-prompt:before {
    content: none;
}
.osc-new-layout.page-web-group-admin .group-admin-container .form-wrap .form-field.osc-field .form-prompt {
    position: absolute;
    bottom: -4px;
    left: 10px;
    transform: translateY(100%);
}
.osc-new-layout.page-web-group-admin .group-admin-container .form-wrap .form-field--image-upload.error .image-upload__inner {
    border: 2px solid #AC0000;
}
.osc-new-layout.page-web-group-admin .group-admin-container .form-wrap .form-field--image-upload.error .image-upload__inner .upload-text {
    color: #AC0000;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container .form-wrap .form-action {
    margin-top: 40px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .form-wrap .form-action .osc-button.submit {
    padding: 6px 24px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-main {
    color: #9B9B9B;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra .search-box {
    flex-shrink: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__inner {
    width: 160px;
    font-size: 14px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__icon {
    width: 30px;
    color: #CCD0D4;
    opacity: 1;
    cursor: default;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input {
    border-radius: 0;
    border: none;
    box-shadow: inset 0 -1px 0 0 #dddddd;
    line-height: 20px;
    padding: 6px 8px 6px 30px !important;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input::placeholder {
    color: #BABABA;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra .search-box__input:focus {
    box-shadow: inset 0 -1px 0 0 #21b351;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra .action-box {
    flex-shrink: 0;
    margin-left: 24px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra .action-box .osc-button {
    padding: 6px 12px;
    font-weight: normal;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box__header-extra .action-box .osc-button i {
    font-size: 16px;
    vertical-align: bottom;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .content-container {
    position: relative;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .content-container__loader {
    box-sizing: border-box;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .content-container__loader .loader {
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner thead th {
    padding: 8px 16px;
    border-bottom: 1px solid #E3E9ED;
    transition: background .3s ease;
    font-weight: 400;
    color: #9B9B9B;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner tbody td {
    padding: 12px 16px;
    border-bottom: 1px solid #E3E9ED;
    transition: background .3s ease;
    color: #111111;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner tbody td .huawei-group-icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner tbody td a {
    vertical-align: middle;
    color: #111111;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner tbody td a:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner tbody tr:hover td {
    background: #F5F6F8;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner .right {
    text-align: right;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner .center {
    text-align: center;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner .font-fp {
    font-family: Courier, sans-serif;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner th.seq {
    width: 72px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner th.enable {
    width: 100px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner td.enable .ui.checkbox.enable {
    display: block;
    width: 17px;
    margin: 0 auto;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner th.sort {
    width: 104px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner td.sort {
    padding: 6px 16px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner td.sort input {
    width: 100%;
    border: none;
    appearance: none;
    outline: 0;
    background: #F5F6F8;
    border-radius: 3px;
    padding: 6px 0;
    margin: 0;
    text-align: inherit;
    font-family: inherit;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner th.action {
    width: 148px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner td.action .linkable {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
    color: #346fb6;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner td.action .linkable:hover {
    color: #003d86;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner td.action .linkable:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-inner td.action .linkable i {
    color: #9b9b9b;
    margin-right: 4px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll {
    padding-bottom: 2px;
    overflow-x: auto;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    appearance: none;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(153, 153, 153, 0.75);
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(153, 153, 153, 0.6);
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar-thumb,
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll::-webkit-scrollbar-track {
    border-radius: 4px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-wrap--scroll .table-inner {
    table-layout: auto;
    white-space: nowrap;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-desc {
    margin-top: 12px;
    color: #9B9B9B;
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-pagination {
    margin-top: 24px;
    text-align: center;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-empty-view {
    display: block;
    padding: 60px 32px;
}
.osc-new-layout.page-web-group-admin .group-admin-container .table-box .table-empty-view__pic {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 108px;
    user-select: none;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container--basic .main-box {
    background-image: url("/new-osc/img/page/group/group_admin_bg.png");
    background-repeat: no-repeat;
    background-size: 242px 197px;
    background-position: top right;
}
.osc-new-layout.page-web-group-admin .group-admin-container--basic .form-wrap {
    padding-top: 30px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--basic .form-field.logo-upload .image-upload {
    width: 96px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--basic .form-field.logo-upload .image-upload:after {
    margin-top: 100%;
}
.osc-new-layout.page-web-group-admin .group-admin-container--basic .form-field.banner-upload .image-upload:after {
    margin-top: 18.69158879%;
}
.osc-new-layout.page-web-group-admin .group-admin-container--projects .table-wrap td.title .project-name a {
    color: #346fb6;
}
.osc-new-layout.page-web-group-admin .group-admin-container--projects .table-wrap td.title .project-name a:hover {
    color: #003d86;
}
.osc-new-layout.page-web-group-admin .group-admin-container--projects .table-wrap td.title .project-title {
    margin-left: 8px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--projects .table-wrap th.date,
.osc-new-layout.page-web-group-admin .group-admin-container--projects .table-wrap td.date {
    width: 180px;
    padding-left: 40px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--projects .table-wrap th.action {
    width: 132px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--projects .table-wrap td.checkbox-action .checkbox-wrap {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group-admin .group-admin-container--projects .table-wrap td.checkbox-action .checkbox-wrap .text {
    padding-right: 4px;
    cursor: pointer;
}
.osc-new-layout.page-web-group-admin .group-admin-container--columns .table-wrap {
    width: 420px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--circles .table-wrap th.ident {
    width: 180px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .settings-box {
    margin-bottom: 32px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .settings-box:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .settings-box__title {
    color: #111111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 16px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .settings-box--banner .table-wrap th.picture {
    width: 200px;
}
.osc-new-layout.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;
    object-fit: cover;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .promotion-box {
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .promotion-box__switch {
    flex-shrink: 0;
    width: 60px;
    margin-right: 4px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .promotion-box__switch .checkbox-wrap {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .promotion-box__switch .checkbox-wrap .text {
    padding-right: 4px;
    cursor: pointer;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .promotion-box__main {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .promotion-box__preview {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .promotion-box__preview .preview-wrap + .preview-wrap {
    margin-left: 8px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .promotion-box__preview .preview-wrap img {
    display: block;
}
.osc-new-layout.page-web-group-admin .group-admin-container--promotions .promotion-box__action {
    margin-top: 12px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--articles .table-box__header-extra .search-box__inner {
    width: 240px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--articles .table-wrap td.checkbox-action .checkbox-wrap {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group-admin .group-admin-container--articles .table-wrap td.checkbox-action .checkbox-wrap .text {
    padding-right: 4px;
    cursor: pointer;
}
.osc-new-layout.page-web-group-admin .group-admin-container--articles .search-recommend-info {
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-radius: 3px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--articles .search-recommend-info .text {
    flex: 1;
    font-size: 1rem;
    line-height: 20px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--articles .search-recommend-info .text .keywords {
    font-weight: bold;
}
.osc-new-layout.page-web-group-admin .group-admin-container--articles .search-recommend-info .button {
    flex-shrink: 0;
    margin-left: 8px;
    margin-right: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container--content-settings .table-wrap th.date {
    width: 132px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--managers .table-wrap th.role {
    width: 200px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--managers .table-wrap td.user .member-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group-admin .group-admin-container--managers .table-wrap td.user .member-wrap .member-avatar {
    flex-shrink: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container--managers .table-wrap td.user .member-wrap .member-info {
    margin-left: 12px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--managers .table-wrap td.user .member-wrap .member-info .member-name a {
    vertical-align: middle;
}
.osc-new-layout.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;
    user-select: none;
}
.osc-new-layout.page-web-group-admin .group-admin-container--managers .table-wrap td.role .disabled {
    opacity: .45;
}
.osc-new-layout.page-web-group-admin .group-admin-container--managers .table-wrap td.role .role-change-dropdown > .text {
    font-weight: normal;
}
.osc-new-layout.page-web-group-admin .group-admin-container--managers .table-wrap td.role .role-change-dropdown > .dropdown.icon {
    margin-right: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container--experts .table-wrap th.description {
    width: 320px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap .expert-avatar {
    flex-shrink: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap .expert-info {
    margin-left: 12px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap .expert-info .expert-name a {
    vertical-align: middle;
    color: #111111;
}
.osc-new-layout.page-web-group-admin .group-admin-container--experts .table-wrap td.user .expert-wrap .expert-info .expert-name a:hover {
    color: #346fb6;
}
.osc-new-layout.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;
    user-select: none;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box {
    display: block;
    background: #FFFFFF;
    border: 1px solid #ECEDEE;
    border-radius: 4px;
    margin-bottom: 24px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    box-sizing: border-box;
    background: #ECEDEE;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box__title {
    color: #111111;
    font-weight: 600;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box__extra {
    color: #888;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 6px 7px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item {
    display: block;
    width: 112px;
    padding: 12px 8px;
    box-sizing: border-box;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item__title .icon-wrap {
    margin-left: 3px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item__count {
    margin-top: 8px;
    color: #111111;
    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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    line-height: 18px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.top.left:before,
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.top.right:before,
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.top.center:before {
    box-shadow: 1px 1px 0 0 #ECEDEE;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.bottom.left:before,
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.bottom.right:before,
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.bottom.center:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.left.center:before {
    box-shadow: 1px -1px 0 0 #ecedee;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-box .items-box .item .ui.popup.popup-tip.right.center:before {
    box-shadow: -1px 1px 0 0 #ecedee;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item {
    flex: 1 0 auto;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    padding: 11px 18px;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    color: #888;
    text-align: center;
    transition: all .1s ease;
    background: #ECEDEE;
    user-select: none;
    outline: 0;
    cursor: pointer;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item:hover {
    color: #111111;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item:active {
    color: #111111;
    background: #e8eaec;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item + .tabs-item {
    box-shadow: inset 1px 0 0 0 #FFF;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item.active {
    color: #fff;
    font-weight: 600;
    background: #21b351;
    box-shadow: none;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item.active + .tabs-item {
    box-shadow: none;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item:first-child {
    border-radius: 4px 0 0 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item:last-child {
    border-radius: 0 4px 0 0;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__tabs .tabs-list .tabs-item__content {
    position: relative;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart {
    margin-bottom: 18px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header-left {
    flex: 1;
}
.osc-new-layout.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;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    padding: 2px 4px 2px 8px;
    color: #111111;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header-left .date-picker .oicon {
    color: #888;
    margin-left: 4px;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header-main {
    flex-shrink: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__header-right {
    flex: 1;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__chart .chart-box__body .charts-container {
    display: block;
    height: 244px;
    width: 100%;
    box-sizing: border-box;
}
.osc-new-layout.page-web-group-admin .group-admin-container--statistics .statistics-detail-box__table .table-box__header-main {
    color: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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) {
    .osc-new-layout.page-web-group-admin .group-admin-modal-add-project {
        width: 500px;
    }
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-project .tip {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 8px;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-project .parse-article .message {
    display: none;
}
@media only screen and (min-width: 1265px) {
    .osc-new-layout.page-web-group-admin .group-admin-modal-add-circle {
        width: 500px;
    }
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .image-upload {
    width: 96px;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .image-upload:after {
    margin-top: 100%;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .image-upload__inner {
    border-color: rgba(34, 36, 38, 0.15);
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .image-upload__inner:hover {
    border-color: #21b351;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-circle .add-circle.form .field.logo-upload .field-desc {
    font-weight: normal;
    color: #9B9B9B;
    font-size: 13px;
    margin-top: 6px;
}
@media only screen and (min-width: 1265px) {
    .osc-new-layout.page-web-group-admin .group-admin-modal-add-banner {
        width: 520px;
    }
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-banner .add-banner.form .field.picture-upload .image-upload:after {
    margin-top: 18.69158879%;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-banner .add-banner.form .field.picture-upload .image-upload__inner {
    border-color: rgba(34, 36, 38, 0.15);
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-banner .add-banner.form .field.picture-upload .image-upload__inner:hover {
    border-color: #21b351;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-banner .add-banner.form .field.picture-upload .field-desc {
    font-weight: normal;
    color: #9B9B9B;
    font-size: 13px;
    margin-top: 6px;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap {
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap .promotion-edit-box {
    flex: 1;
    min-width: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap .promotion-edit-box--left {
    flex: 5;
    min-width: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-promotion .edit-promotion.form .promotion-edit-box-wrap .promotion-edit-box--right {
    flex: 2;
    min-width: 0;
}
.osc-new-layout.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) {
    .osc-new-layout.page-web-group-admin .group-admin-modal-add-article {
        width: 500px;
    }
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-article .tip {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 8px;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-article .parse-article .message {
    display: none;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-add-rule .add-rule.form .field.hide {
    display: none;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-avatar {
    flex-shrink: 0;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-info {
    margin-left: 12px;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-info .expert-name a {
    vertical-align: middle;
    color: #111111;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-info .expert-name a:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-group-admin .group-admin-modal-edit-expert .expert-wrap .expert-info .expert-name .label {
    margin: 0 0 0 4px;
    padding: 3px 4px;
    user-select: none;
}
.osc-new-layout.page-web-group-admin .daterangepicker {
    margin-top: 10px;
    border-radius: 4px;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.osc-new-layout.page-web-group-admin .daterangepicker:before {
    border-bottom-color: #ECEDEE;
}
.osc-new-layout.page-web-group-admin .daterangepicker .ranges li {
    font-size: 13px;
    line-height: 16px;
}
.osc-new-layout.page-web-group-admin .daterangepicker .ranges li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.osc-new-layout.page-web-group-admin .daterangepicker .ranges li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.osc-new-layout.page-web-group-admin .daterangepicker .ranges li.active {
    background-color: #21b351;
}
.osc-new-layout.page-web-group-admin .daterangepicker.show-calendar .ranges {
    margin-top: 0;
}
.osc-new-layout.page-web-group-admin .daterangepicker.show-calendar .ranges li:first-child {
    border-top-right-radius: 0;
}
.osc-new-layout.page-web-group-admin .daterangepicker.show-calendar .ranges li:last-child {
    border-radius: 0;
}
.osc-new-layout.page-web-group-admin .daterangepicker td.disabled,
.osc-new-layout.page-web-group-admin .daterangepicker option.disabled {
    color: #ddd;
    text-decoration: none;
}
.osc-new-layout.page-web-group-admin .daterangepicker td.active:not(.off),
.osc-new-layout.page-web-group-admin .daterangepicker td.active:not(.off):hover {
    background-color: #21b351;
}
.osc-new-layout.page-web-explore {
    background: #f7f8f9;
}
.osc-new-layout.page-web-explore .explore-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 24px auto 0;
}
.osc-new-layout.page-web-explore .explore-container .main-box {
    flex: 0 1 auto;
    width: 888px;
    min-width: 0;
    padding-bottom: 24px;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list {
    display: block;
    padding: 24px;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box {
    margin-bottom: 48px;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title {
    display: flex;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon.blue {
    color: #1285FE;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon.orange {
    color: #FF6838;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__title i.oicon.purple {
    color: #B352CE;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .column-section-box__body {
    margin-top: 24px;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box {
    display: block;
    overflow: hidden;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -12px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__inner {
    background: #fff;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item__header {
    display: flex;
    flex-direction: column;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    height: 140px;
    box-sizing: border-box;
    color: #fff;
    padding: 12px 24px 16px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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;
    box-sizing: border-box;
    min-height: 152px;
}
.osc-new-layout.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;
}
.osc-new-layout.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: #111111;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.masteronline .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.masteronline .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-1@2x.jpg);
    }
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.osc-interview .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.osc-interview .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-2@2x.jpg);
    }
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.event .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.event .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-3@2x.jpg);
    }
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.weekly-news .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-4.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.weekly-news .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-4@2x.jpg);
    }
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.recommend-project .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-5.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.recommend-project .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-5@2x.jpg);
    }
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.daily-blog .cards-item__header {
    background-image: url(/new-osc/img/page/explore/explore-card-bg-6.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .image-cards-box .cards-item.daily-blog .cards-item__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-card-bg-6@2x.jpg);
    }
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box {
    display: block;
    overflow: hidden;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -12px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    box-sizing: border-box;
    border: 1px solid #D9DBDC;
    border-radius: 3px;
    background: #fff;
    padding: 16px 24px 24px;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .simple-cards-box .cards-item__body {
    margin-top: 16px;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    margin-bottom: 12px;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    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;
    user-select: none;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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,
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: #999999;
}
.osc-new-layout.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: #666666;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 320px;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -24px;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
    width: 50%;
    padding: 0 6px;
    margin-bottom: 24px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    user-select: none;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    margin-left: 8px;
}
.osc-new-layout.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: #111111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box {
    display: block;
    overflow: hidden;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -12px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 120px;
    padding: 16px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.14);
    border: 1px solid #D9DBDC;
    border-radius: 3px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.event .cards-item__inner {
    background-image: url(/new-osc/img/page/explore/explore-link-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.event .cards-item__inner {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-link-bg-1@2x.jpg);
    }
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.job .cards-item__inner {
    background-image: url(/new-osc/img/page/explore/explore-link-bg-2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.job .cards-item__inner {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-link-bg-2@2x.jpg);
    }
}
.osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.company .cards-item__inner {
    background-image: url(/new-osc/img/page/explore/explore-link-bg-3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-explore .explore-container .main-box__inner .content-box__inner .column-section-list .link-cards-box__inner .cards-item.company .cards-item__inner {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/explore/explore-link-bg-3@2x.jpg);
    }
}
.osc-new-layout.page-web-explore .explore-container .sidebar-box {
    flex-shrink: 0;
    width: 288px;
    margin-left: 24px;
}
.osc-new-layout.page-web-explore .explore-container .sidebar-box__inner {
    box-sizing: border-box;
}
.osc-new-layout.page-web-explore .explore-container .sidebar-box__inner .sidebar-section-list {
    padding: 24px;
}
.osc-new-layout.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item--card {
    margin-bottom: 12px;
}
.osc-new-layout.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card {
    position: relative;
    display: flex;
    width: 100%;
    height: 152px;
    color: #fff;
}
.osc-new-layout.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;
}
.osc-new-layout.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, 0.1);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 8px 12px;
    overflow: hidden;
    box-sizing: border-box;
}
.osc-new-layout.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, 0.5);
    margin: 0;
    padding: 0;
}
.osc-new-layout.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta {
    margin-top: 4px;
}
.osc-new-layout.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-event .simple-list .simple-item__card-meta .item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.osc-new-layout.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, 0.5);
    margin-right: 8px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-picture-card .picture-card {
    display: block;
    overflow: hidden;
    border: 1px solid #D9DBDC;
}
.osc-new-layout.page-web-explore .explore-container .sidebar-box__inner .sidebar-section.section-picture-card .picture-card__inner {
    display: block;
    padding: 24px;
    box-sizing: border-box;
    background-size: cover;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project {
    background: #f7f8f9;
}
.osc-new-layout.page-web-project .project-detail-container {
    margin: 24px auto 0;
}
.osc-new-layout.page-web-project .project-detail-container .box-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.osc-new-layout.page-web-project .project-detail-container .box-container--breadcrumb {
    margin-top: -8px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box {
    display: block;
    box-sizing: border-box;
    padding: 0;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box {
    flex: 0 1 auto;
    width: 856px;
    min-width: 0;
    padding-bottom: 24px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box {
    margin-bottom: 24px;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__inner {
    display: flex;
    flex-direction: row;
    padding: 24px 40px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__logo {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 16px;
}
.osc-new-layout.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%;
    object-fit: contain;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__main {
    flex: 1;
    min-width: 0;
    display: block;
    box-sizing: border-box;
}
.osc-new-layout.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: normal;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__title,
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__title a {
    color: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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: normal;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    justify-content: space-between;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .header-info__meta .item-list {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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,
.osc-new-layout.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 {
    cursor: pointer;
    color: #999999;
}
.osc-new-layout.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,
.osc-new-layout.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 {
    color: #666666;
}
.osc-new-layout.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,
.osc-new-layout.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 {
    color: #346fb6;
}
.osc-new-layout.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,
.osc-new-layout.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 {
    color: #003d86;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info {
    padding: 32px 40px 40px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .info-box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
@font-face {
    font-family: 'nzbz';
    src: url('/new-osc/fonts/nzbz.ttf');
}
.osc-new-layout.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: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: -8px;
    font-family: 'nzbz';
}
.osc-new-layout.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%;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    user-select: none;
    flex-shrink: 0;
    margin-left: 20px;
}
.osc-new-layout.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;
}
.osc-new-layout.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%;
}
.osc-new-layout.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;
    transform: scale(0.4);
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .breath {
    animation: myBreath 1s linear infinite;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .top-cn-2022 .spin {
    animation: spin 2s linear infinite;
}
@keyframes myBreath {
    0% {
        transform: scale(0.88);
    }
    50% {
        transform: scale(100%);
    }
    100% {
        transform: scale(0.88);
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg) scale(0.4);
    }
    to {
        transform: rotate(360deg) scale(0.4);
    }
}
.osc-new-layout.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, 0.2);
    border-radius: 4px;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.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;
    flex: 1;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-left: 8px;
    display: flex;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .header-basic-box__inner .basic-info .properties-box {
    flex-shrink: 0;
    display: block;
    box-sizing: border-box;
    background: #FBFBFB;
    border: 1px solid #ECEDEE;
    border-radius: 3px;
}
.osc-new-layout.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: flex;
    min-height: 72px;
}
.osc-new-layout.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 {
    flex-shrink: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    align-items: flex-start;
    color: #111111;
    font-size: 13px;
    line-height: 24px;
    padding: 3px 15px;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    width: 54px;
    position: relative;
    font-weight: 500;
    text-align: justify;
    text-align-last: justify;
}
.osc-new-layout.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: ':';
}
.osc-new-layout.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;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    flex: 1;
    min-width: 0;
    padding: 3px 0;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 6px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    justify-content: center;
}
.osc-new-layout.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: flex;
    flex-direction: column;
    align-items: center;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    transition: all .2s ease;
}
.osc-new-layout.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;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav {
    display: block;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__inner {
    display: block;
    padding: 11px 40px;
    box-sizing: border-box;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0;
    padding: 0;
}
.osc-new-layout.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;
}
.osc-new-layout.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: #111111;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    transition: color 0.1s ease, font-weight 0.1s ease;
    cursor: pointer;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .project-nav__tabs .tabs-link:hover {
    color: #21b351;
}
.osc-new-layout.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, 0.1);
    border-radius: 16px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    transform: scale(0.5);
    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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .tab-container__inner {
    padding: 0 40px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .tab-container__inner .tabs-box__tabs {
    justify-content: space-between;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .sub-page-container__page.active {
    display: block;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    padding: 4px 6px;
    color: #8c92a4;
    font-size: 12px;
    font-weight: normal;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 0px 0px #f6f6f6;
    box-shadow: 0px 0px 0px 0px #f6f6f6;
    background: #f5f6f8;
    display: inline;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    align-items: center;
    justify-content: space-between;
}
.osc-new-layout.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,
.osc-new-layout.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 {
    padding: 4px 6px;
    color: #8c92a4;
    font-size: 12px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 0px 0px #f6f6f6;
    box-shadow: 0px 0px 0px 0px #f6f6f6;
    background: #f5f6f8;
    display: inline;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section-list {
    padding: 32px 0;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section {
    margin-bottom: 40px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-header {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-header .section-title {
    flex: 1;
    min-width: 0;
    margin: 0;
    color: #111111;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .section-header .section-extra {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .main-box .content-box__inner .content-section-box .content-section .column-box__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.osc-new-layout.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;
    box-sizing: border-box;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2px;
}
.osc-new-layout.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;
}
.osc-new-layout.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: normal;
    margin: 0;
    padding: 0 0 0 13px;
    color: #111111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-left: 6px;
    color: #AAA;
    font-size: 12px;
    line-height: 24px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    padding: 2px 0;
}
.osc-new-layout.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: #111111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-left: 8px;
}
.osc-new-layout.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;
    object-fit: cover;
    overflow: hidden;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
}
.osc-new-layout.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 {
    flex-shrink: 0;
    margin-right: 12px;
}
.osc-new-layout.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;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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,
.osc-new-layout.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 {
    color: #fff;
}
.osc-new-layout.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 {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.osc-new-layout.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: #111111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.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: #111111;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: #999999;
}
.osc-new-layout.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: #666666;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box {
    flex-shrink: 0;
    width: 320px;
    margin-left: 24px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner {
    box-sizing: border-box;
    padding-bottom: 24px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner.sticky {
    position: fixed;
    z-index: 800;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section-list {
    padding: 24px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.osc-new-layout.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,
.osc-new-layout.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 {
    right: 4.6em;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box .invite-author-auth-popup:before {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout.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,
.osc-new-layout.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,
.osc-new-layout.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 {
    box-shadow: 1px 1px 0 0 #ECEDEE;
}
.osc-new-layout.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,
.osc-new-layout.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,
.osc-new-layout.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 {
    box-shadow: -1px -1px 0 0 #ecedee;
}
.osc-new-layout.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 {
    box-shadow: 1px -1px 0 0 #ecedee;
}
.osc-new-layout.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 {
    box-shadow: -1px 1px 0 0 #ecedee;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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: flex;
    align-items: center;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-header {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-title {
    flex: 1;
    min-width: 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra a,
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra .clickable {
    margin-left: 8px;
    cursor: pointer;
    color: #999999;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra a:hover,
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-extra .clickable:hover {
    color: #666666;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects-body {
    padding-top: 16px;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-project .project-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-author .author-box__projects .simple-list .simple-item__icon {
    flex-shrink: 0;
    margin-right: 8px;
    color: #888;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.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;
}
.osc-new-layout.page-web-news {
    background: #f7f8f9;
}
.osc-new-layout.page-web-news .news-detail-container {
    margin: 24px auto 0;
}
.osc-new-layout.page-web-news .news-detail-container .box-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.osc-new-layout.page-web-news .news-detail-container .box-container--breadcrumb {
    margin-top: -8px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box {
    display: block;
    box-sizing: border-box;
    padding: 0;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box {
    flex: 0 1 auto;
    width: 856px;
    min-width: 0;
    padding-bottom: 24px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .detail-box {
    padding-bottom: 40px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .related-project-box {
    margin-bottom: 32px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .related-project-box .related-links-box__header {
    margin-bottom: 16px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .related-project-box .related-links-box__title {
    color: #111111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .related-project-box .related-links-box__content .link-list li {
    margin-bottom: 8px;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .related-project-box .git-widget-box {
    margin-top: 24px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box {
    display: flex;
    margin-bottom: 24px;
    color: #888;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box__content {
    flex: 1;
    min-width: 0;
    word-break: break-all;
    word-wrap: break-word;
    hyphens: auto;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box__content p {
    margin: 0;
    padding: 0;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box__extra {
    flex-shrink: 0;
    align-self: flex-end;
    margin-left: 8px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box a,
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box .clickable {
    cursor: pointer;
    color: #888;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box a:hover,
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box .clickable:hover {
    color: #666666;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box a i.icon,
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .copyright-box .clickable i.icon {
    margin-right: 8px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .comment-box {
    border-top: 1px solid #ECEDEE;
    padding-top: 42px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .action-box {
    padding-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 64px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item:last-child {
    margin-right: 0;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ECEDEE;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    transition: all .2s ease;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button:hover {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button i {
    margin: 0;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button i.icon {
    width: 1em;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .action-box .action-item__button i.oicon-share {
    color: #21b351;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .recommend-box {
    margin-top: 24px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .recommend-box__header {
    margin-bottom: 16px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .recommend-box__title {
    color: #111111;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .article-box .recommend-box__content .item-list .item:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .comment-wrap-box {
    margin-top: 24px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .comment-wrap-box__inner {
    padding: 32px 40px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box {
    margin-top: 24px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__inner {
    padding: 32px 40px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #ECEDEE;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__title {
    color: #111111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__extra {
    margin-left: 8px;
    font-size: 14px;
    line-height: 20px;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .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: #111111;
    font-size: 18px;
    line-height: 24px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__title a {
    color: #111111;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__title a:hover {
    color: #346fb6;
}
.osc-new-layout.page-web-news .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;
    /* iOS line-height need >= 1.2 */
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__meta {
    margin-top: 8px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .article-list .article-item__meta .item-list {
    display: flex;
    flex-direction: row;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .view-more-bar {
    margin-top: 24px;
}
.osc-new-layout.page-web-news .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;
    transition: background-color 0.1s ease;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .collapse-bar .collapse-btn {
    cursor: pointer;
    user-select: none;
    color: #346fb6;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box .collapse-bar .collapse-btn:hover {
    color: #003d86;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box.collapse .collapse-bar {
    display: block;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .main-box .other-articles-box__content .article-list-box.collapse .view-more-bar {
    display: none;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box {
    flex-shrink: 0;
    width: 320px;
    margin-left: 24px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner {
    box-sizing: border-box;
    padding-bottom: 24px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section-list {
    padding: 24px;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card:last-child {
    margin-bottom: 0;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    padding: 10px 16px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    border: 1px solid #48BB79;
    border-bottom: none;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__icon {
    flex-shrink: 0;
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__title {
    flex: 1;
    min-width: 0;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__extra {
    flex-shrink: 0;
    margin-left: 8px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__extra a {
    color: #fff;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card__content {
    display: block;
    padding: 12px 16px;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
    border: 1px solid rgba(33, 179, 81, 0.5);
    border-top: none;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .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: #111111;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.osc-new-layout.page-web-news .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: #111111;
}
.osc-new-layout.page-web-news .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;
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.wonderful-question .column-card__header {
    border-color: #48BB79;
    background-image: url(/new-osc/img/page/detail/bg-question-header-sm.jpg);
    background-repeat: no-repeat;
    background-size: 272px 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.wonderful-question .column-card__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/detail/bg-question-header-sm@2x.jpg);
    }
}
.osc-new-layout.page-web-news .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, 0.5);
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.project-news .column-card__header {
    border-color: #5753BC;
    background-image: url(/new-osc/img/page/detail/bg-project-header-sm.jpg);
    background-repeat: no-repeat;
    background-size: 272px 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.project-news .column-card__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/detail/bg-project-header-sm@2x.jpg);
    }
}
.osc-new-layout.page-web-news .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, 0.5);
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.daily-blog .column-card__header {
    border-color: #396EB8;
    background-image: url(/new-osc/img/page/detail/bg-blog-header-sm.jpg);
    background-repeat: no-repeat;
    background-size: 272px 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.daily-blog .column-card__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/detail/bg-blog-header-sm@2x.jpg);
    }
}
.osc-new-layout.page-web-news .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, 0.9);
}
.osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.weekly-hot .column-card__header {
    border-color: #AB5754;
    background-image: url(/new-osc/img/page/detail/bg-news-header-sm.jpg);
    background-repeat: no-repeat;
    background-size: 272px 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .osc-new-layout.page-web-news .news-detail-container .detail-body-box .sidebar-box__inner .sidebar-section.section-wonderful-columns .column-list .column-card.weekly-hot .column-card__header {
        /* on retina, use image that's scaled by 2 */
        background-image: url(/new-osc/img/page/detail/bg-news-header-sm@2x.jpg);
    }
}
.osc-new-layout.page-web-news .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, 0.5);
}
/*# sourceMappingURL=osc-web-new.css.map */


.pdfTab{
    position: relative;
    cursor: pointer;
}
.pdfMenu{
    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);
}
.pdfMenu a{
    display: flex;
    justify-content: center;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    padding: 12px;
}
.pdfMenu a:hover{
    color: #111111;
    background: rgba(0,0,0,.05);
}