/* ========== 通用基础样式 (头部依赖) ========== */
body {
    background-color: #f3f5f7;
}
.thumb {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 0
}

.clearfix,.items,.container,.modal-award .award-selects,.modal-award .award-pay-select,.comment-write .form-yzm .item-content,.comment-footer .comment-footer-main,.listitem-widget-shenqi .listitem-widget-items,.listitem-group .item-images .img-items,.fixed-right .menus,.post-next-prev .wrap,.post-next-prev-new .wrap,.zt-wrap .all-zt .all-zt-hot,.talk-vote .vote-items,.modal-talk_ask .talk-ask .img-selects,.archive-list-top .archive-top-wrap,.archive-list-top .archive-list-top-wrap,.archive-list-see .wrap,.home-slide .vitara_slide_in .slide_item_container,.part-dropdown .main .section-content,.search-result-content .results-u,.search-user .search-user-wrap,.search-user .search-user-items,.news-item .dubao-images[data-image="more"] .dubao-images-items,.group-item .item-images .img-items,.talk-ask-form .img-selects,.user-item-talk-talk .item-images .img-items,.user-home .posts_talks {
    display: block;
    float: none;
    zoom:1}

.clearfix:after,.items:after,.container:after,.modal-award .award-selects:after,.modal-award .award-pay-select:after,.comment-write .form-yzm .item-content:after,.comment-footer .comment-footer-main:after,.listitem-widget-shenqi .listitem-widget-items:after,.listitem-group .item-images .img-items:after,.fixed-right .menus:after,.post-next-prev .wrap:after,.post-next-prev-new .wrap:after,.zt-wrap .all-zt .all-zt-hot:after,.talk-vote .vote-items:after,.modal-talk_ask .talk-ask .img-selects:after,.archive-list-top .archive-top-wrap:after,.archive-list-top .archive-list-top-wrap:after,.archive-list-see .wrap:after,.home-slide .vitara_slide_in .slide_item_container:after,.part-dropdown .main .section-content:after,.search-result-content .results-u:after,.search-user .search-user-wrap:after,.search-user .search-user-items:after,.news-item .dubao-images[data-image="more"] .dubao-images-items:after,.group-item .item-images .img-items:after,.talk-ask-form .img-selects:after,.user-item-talk-talk .item-images .img-items:after,.user-home .posts_talks:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: left;
    visibility: hidden
}

.btn {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    display: inline-block;
    outline: none;
    border: none;
    text-align: center
}

.item,.modal-talk_ask .talk-ask .img-selects .img-select,.archive-list-see .list-see,.archive .archive-sidebar,.archive .archive-main,.search-result-content .results-u .search-item-user,.search-user .search-user-part,.search-user .search-user-items .search-item-user,.news-item .dubao-images[data-image="more"] .dubao-image,.group-item .item-images .img-item,.talk-vote .vote-item,.talk-ask-form .img-selects .img-select,.user-item-talk-talk .item-images .img-item,.user-home .posts_talks .user-section-half {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.item .item-wrap,.group-item .item-images .img-item .item-wrap {
    display: block
}

.item .item-thumb,.group-item .item-images .img-item .item-thumb {
    width: 100%;
    overflow: hidden;
    display: block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.thumb {
    background-position: left center
}

.u-avatar,.item-avatar,.author-avatar,.user-avatar,.avatar {
    background-position: center
}

.u-avatar .thumb,.item-avatar .thumb,.author-avatar .thumb,.user-avatar .thumb,.avatar .thumb {
    background-position: center
}

.container,.home-slide .vitara_slide_in .slide_item_container {
    position: relative;
    margin: 0 15px;
    max-width: none;
    width: auto
}

@media (min-width: 1330px) {
    .container,.home-slide .vitara_slide_in .slide_item_container {
        margin:0 70px
    }
}

@media (min-width: 1920px) {
    .container,.home-slide .vitara_slide_in .slide_item_container {
        margin:0 10vw
    }
}

/* ========== 按钮样式 (头部依赖) ========== */

.btn-orange,.widget-talk .talk-item .talk-wrap:hover .btn,.list-item-home-news .widget-btns .btn:hover,.listitem-widget-job .widget-btns .btn:hover,.list-item-home-job .widget-btns .btn:hover,.search-widget-hotsearch .widget-btns .btn:hover,.group-sidebar .widget-talk .widget-btns .btn {
    background: #ff6000;
    color: #fff
}

.btn-orange:hover,.group-sidebar .widget-talk .widget-btns .btn:hover {
    color: #fff;
    background: #e65600
}

.btn-orange-disable {
    background: #ff6000;
    color: #fff;
    opacity: .66
}

.btn-orange-disable:hover {
    background: #ff6000;
    color: #fff
}

.btn-orange2 {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5000), to(#ff9300));
    background: -webkit-linear-gradient(top, #ff5000, #ff9300);
    background: -moz- oldlinear-gradient(top, #ff5000, #ff9300);
    background: -o-linear-gradient(top, #ff5000, #ff9300);
    background: linear-gradient(to bottom, #ff5000, #ff9300);
    background: -ms-linear-gradient(to bottom, #ff5000, #ff9300);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ff5000', endColorstr='#ff9300')
}

.btn-orange2:hover {
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(#ff5000), to(#ff9300));
    background: -webkit-linear-gradient(bottom, #ff5000, #ff9300);
    background: -moz- oldlinear-gradient(bottom, #ff5000, #ff9300);
    background: -o-linear-gradient(bottom, #ff5000, #ff9300);
    background: linear-gradient(to top, #ff5000, #ff9300);
    background: -ms-linear-gradient(to top, #ff5000, #ff9300);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ff9300', endColorstr='#ff5000')
}

.btn-orange-border,.talk-singular-prev-next .item-backhome .item-content .btn {
    background-color: transparent;
    color: #ff6000;
    border: 1px solid #ff6000
}

.btn-orange-border:hover,.archive-list-see .list-see .item-wrap:hover .item-btns .btn,.article-author .author-content:hover .author-btns .btn,.talk-singular-prev-next .item-backhome .item-content .btn:hover {
    background-color: #ff6000;
    color: #ffffff
}

.btn-orange-border-light {
    background: rgba(255,140,52,0.1);
    color: #ff6000;
    border: 1px solid #ff6000
}

.btn-orange-border-light:hover {
    background-color: #ff6000;
    color: #ffffff
}

.btn-orange-little {
    background: #ff7d33;
    color: #fff;
    border-color: #ff7d33
}

.btn-orange-little:hover {
    background-color: #cc4a00;
    border-color: #cc4a00;
    color: #ffffff
}

.btn-orange-light,.widget-hot-authors .item-btns .has_follow,.search-item-default .item-title .btn-hangye,.search-item-default .item-title .btn-post,.search-item-user .item-btn .has_follow,.group-widget-recommend .item-author .author-btns .has_follow,.talk-single-item .has_zan,.user-setting .setting-form .submit-status-pending {
    background: rgba(255,140,52,0.1);
    color: #ff6000
}

.btn-orange-light:hover,.search-item-default .item-title .btn-hangye:hover,.search-item-default .item-title .btn-post:hover {
    background-color: #ff6000;
    color: #ffffff
}

/* ========== a_glass 动效 ========== */

@media (min-width: 768px) {
    .a_glass {
        position:relative;
        -webkit-transform: rotate(0deg);
        overflow: hidden
    }

    .a_glass:after {
        content: '';
        display: block;
        width: 100%;
        height: 30%;
        position: absolute;
        top: -100%;
        left: 60%;
        background: rgba(255,255,255,0.5);
        -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
        -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
        transition: none
    }

    .a_glass:hover:after {
        top: 200%;
        left: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }
}

/* ========== Logo ========== */

.logo {
    left: 0;
    top: 0;
    position: relative;
    right: 0
}

@media (min-width: 768px) {
    .logo {
        position:absolute
    }
}

@media (min-width: 768px) {
    .logo {
        right:auto
    }
}

.logo a {
    display: block;
    height: 24px;
    width: 39px;
    padding: 7px 15px 5px;
    background: #ff6000
}

@media (min-width: 768px) {
    .logo a {
        height:30px
    }
}

@media (min-width: 1330px) {
    .logo a {
        height:38px
    }
}

@media (min-width: 1920px) {
    .logo a {
        height:42px
    }
}

@media (min-width: 768px) {
    .logo a {
        width:49px
    }
}

@media (min-width: 1330px) {
    .logo a {
        width:62px
    }
}

@media (min-width: 1920px) {
    .logo a {
        width:68px
    }
}

@media (min-width: 768px) {
    .logo a {
        padding:10px 15px 8px
    }
}

@media (min-width: 1024px) {
    .logo a {
        padding:10px 30px 8px
    }
}

@media (min-width: 1330px) {
    .logo a {
        padding:11px 40px 9px
    }
}

@media (min-width: 1920px) {
    .logo a {
        padding:14px 40px 12px
    }
}

.logo .site-title {
    display: none
}

@media (min-width: 3000px) {
    .logo a {
        height:.2688rem;
        width: .4351872rem;
        padding: .0896rem .256rem .0768rem
    }
}

.logo-icon {
    padding-top: 61.765%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: relative
}

.logo-icon svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    fill: #fff
}

/* ========== 移动端菜单按钮 ========== */

.h-navi {
    float: right;
    margin-top: 8px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #ff6000;
    padding-right: 15px;
    display: block
}

@media (min-width: 768px) {
    .h-navi {
        display:none
    }
}

.ico-navi {
    display: inline-block;
    width: 20px;
    height: 2px;
    position: relative;
    margin: -3px 0 0 6px;
    vertical-align: middle;
    background: #ff6000;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.ico-navi:before,.ico-navi:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #ff6000;
    position: absolute;
    left: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.ico-navi:before {
    top: -8px
}

.ico-navi:after {
    top: 8px
}

.show-menu .ico-navi {
    background: transparent
}

.show-menu .ico-navi:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0
}

.show-menu .ico-navi:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}

/* ========== 主导航菜单 ========== */

.site-menu {
    display: none;
    font-size: 12px;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    .site-menu {
        display:block
    }
}

@media (min-width: 1024px) {
    .site-menu {
        font-size:13px
    }
}

@media (min-width: 1330px) {
    .site-menu {
        font-size:15px
    }
}

@media (min-width: 1920px) {
    .site-menu {
        font-size:16px
    }
}

.site-menu .item-0 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0 5px;
    margin: 0 5px
}

@media (min-width: 1920px) {
    .site-menu .item-0 {
        padding:0 .52083333vw
    }
}

@media (min-width: 1330px) {
    .site-menu .item-0 {
        margin:0 10px
    }
}

@media (min-width: 1920px) {
    .site-menu .item-0 {
        margin:0 1.04166667vw
    }
}

.site-menu .item-0>a {
    display: block;
    line-height: 36px;
    color: #333;
    position: relative
}

@media (min-width: 768px) {
    .site-menu .item-0>a {
        line-height:48px
    }
}

@media (min-width: 1330px) {
    .site-menu .item-0>a {
        line-height:58px
    }
}

@media (min-width: 1920px) {
    .site-menu .item-0>a {
        line-height:68px
    }
}

.site-menu .item-0>a::after {
    content: '';
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    height: .315em;
    position: absolute;
    bottom: 0;
    background: transparent;
    -webkit-border-radius: .315em;
    -moz-border-radius: .315em;
    border-radius: .315em
}

.site-menu .item-0>a:hover {
    color: #ff6000
}

.site-menu .item-0.current-menu-parent>a,.site-menu .item-0.current-menu-item>a {
    color: #ff6000
}

.site-menu .item-0.current-menu-parent>a::after,.site-menu .item-0.current-menu-item>a::after {
    background: #ff6000
}

.site-menu .link-0>span {
    position: relative
}

.site-menu .sub-txt {
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ee3e31;
    color: #fff;
    white-space: nowrap;
    height: 18px;
    padding: 0 5px;
    position: absolute;
    right: -20px;
    bottom: 64%
}

.site-menu .nav-1 {
    position: absolute;
    left: 50%;
    top: 70%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 10px 0 10px;
    border-bottom: 6px solid #fcfcfc;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.04);
    -moz-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.04);
    box-shadow: 0 16px 32px 0 rgba(0,0,0,0.04);
    -webkit-border-radius: 0 0 .1rem .1rem;
    -moz-border-radius: 0 0 .1rem .1rem;
    border-radius: 0 0 .1rem .1rem
}

.site-menu .nav-1 .item-1 {
    width: 8em
}

.site-menu .nav-1 .item-1.current-menu-item .link-1 {
    background: #ff6000;
    color: #fff
}

.site-menu .nav-1 .item-1.current-menu-item .link-1 i {
    color: #fff
}

.site-menu .nav-1 .link-1 {
    display: block;
    width: 100%;
    color: #333;
    line-height: 2.1333em;
    padding: 5px 0
}

.site-menu .nav-1 .link-1 i {
    color: #ff6000;
    font-size: 16px
}

.site-menu .nav-1 .link-1:hover {
    background: #ff6000;
    color: #fff
}

.site-menu .nav-1 .link-1:hover i {
    color: #fff
}

.site-menu .has-children:hover .nav-1 {
    visibility: visible;
    top: 100%;
    opacity: 1;
    height: auto
}

@media (min-width: 860px) and (max-width:1023px) {
    .site-menu {
        font-size:14px
    }
}

@media (min-width: 3000px) {
    .site-menu {
        font-size:.1024rem
    }

    .site-menu .item-0>a {
        line-height: .4352rem
    }

    .site-menu .nav-1 {
        padding: .064rem 0 .064rem;
        border-bottom-width: .0384rem
    }

    .site-menu .nav-1 .link-1 {
        padding: .032rem 0
    }

    .site-menu .nav-1 .link-1 i {
        font-size: .1024rem
    }
}

/* ========== 登录面板 ========== */

.login-panel {
    display: none;
    margin-left: 10px;
    height: 100%
}

@media (min-width: 768px) {
    .login-panel {
        display:block
    }
}

@media (min-width: 1330px) {
    .login-panel {
        margin-left:15px
    }
}

.login-panel>ul {
    display: block;
    height: 100%
}

.login-panel #login {
    position: relative;
    width: 36px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login-panel #login.opened .login-down {
    z-index: 1;
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.login-panel .avatar_a {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: .03rem solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 18px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 18px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 18px rgba(0,0,0,0.1);
    background-color: #fff
}

.login-panel .avatar {
    padding-top: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.login-panel .avatar-default {
    background-image: url('//image.uisdc.com/wp-content/uploads/2018/06/avatar-uisdc-chat.png')
}

.login-panel .login-down {
    z-index: -1;
    position: absolute;
    right: 0;
    top: 70%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.login-panel .login-down .login-div {
    background: #fff;
    -webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06);
    -moz-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06);
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    overflow: hidden;
    width: 328px
}

.login-panel .login-down .login-div .info {
    background: #fff6f1;
    position: relative;
    padding: 30px 30px 30px 90px
}

.login-panel .login-down .login-div .info::after,.login-panel .login-down .login-div .info::before {
    content: '';
    display: block;
    position: absolute
}

.login-panel .login-down .login-div .info::before {
    left: 0;
    top: 0;
    opacity: .3;
    background-image: -webkit-linear-gradient(46deg, #FEDBC7 48%, #FFF6F1 91%);
    background-image: -moz- oldlinear-gradient(46deg, #FEDBC7 48%, #FFF6F1 91%);
    background-image: -o-linear-gradient(46deg, #FEDBC7 48%, #FFF6F1 91%);
    background-image: linear-gradient(44deg, #FEDBC7 48%, #FFF6F1 91%);
    width: 60px;
    height: 76px;
    -webkit-border-radius: 0 0 100% 0;
    -moz-border-radius: 0 0 100% 0;
    border-radius: 0 0 100% 0
}

.login-panel .login-down .login-div .info::after {
    right: 0;
    bottom: 0;
    opacity: .4;
    background-image: -webkit-linear-gradient(47deg, #FEDBC7 1%, #FFF6F1 100%);
    background-image: -moz- oldlinear-gradient(47deg, #FEDBC7 1%, #FFF6F1 100%);
    background-image: -o-linear-gradient(47deg, #FEDBC7 1%, #FFF6F1 100%);
    background-image: linear-gradient(43deg, #FEDBC7 1%, #FFF6F1 100%);
    width: 100px;
    height: 57px;
    -webkit-border-radius: 100% 0 0 0;
    -moz-border-radius: 100% 0 0 0;
    border-radius: 100% 0 0 0
}

.login-panel .login-down .login-div .info h2 {
    font-size: 16px;
    margin-bottom: 6px;
    color: #333;
    line-height: 1.5;
    height: 1.5em;
    overflow: hidden
}

.login-panel .login-down .login-div .info h2 a {
    color: #333
}

.login-panel .login-down .login-div .info h2 .short-label {
    display: inline-block;
    vertical-align: middle;
    margin-left: .05rem;
    line-height: .14rem
}

.login-panel .login-down .login-div .info h2 .short-label img {
    height: auto;
    width: 14px
}

@media (min-width: 1920px) {
    .login-panel .login-down .login-div .info h2 .short-label img {
        width:.14rem
    }
}

.login-panel .login-down .login-div .info h2 .short-label img+img {
    margin-left: .02rem
}

.login-panel .login-down .login-div .info h4 {
    font-size: 12px;
    color: #888;
    font-weight: normal;
    line-height: 1.5;
    height: 1.5em;
    overflow: hidden
}

.login-panel .login-down .login-div .info .info-thumb {
    width: 50px;
    left: 20px;
    top: 30px;
    border: 4px solid #fff;
    position: absolute;
    -webkit-box-shadow: 0 0 30px 0 #eee;
    -moz-box-shadow: 0 0 30px 0 #eee;
    box-shadow: 0 0 30px 0 #eee;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff
}

.login-panel .login-down .login-div .info .info-thumb .thumb {
    padding-top: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.login-panel .login-down .login-div .info .info-btn {
    right: 20px;
    top: 30px;
    font-size: 16px;
    padding: .2em 1.5em;
    position: absolute;
    z-index: 10
}

.login-panel .login-down .login-div .main {
    padding: 20px 30px 35px
}

.login-panel .login-down .login-div .main .main-menu {
    margin: 0 -20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.login-panel .login-down .login-div .main .main-menu .item,.login-panel .login-down .login-div .main .main-menu .group-item .item-images .img-item {
    float: left;
    width: 33.3333%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 5px;
    color: #666
}

.login-panel .login-down .login-div .main .main-menu .item i,.login-panel .login-down .login-div .main .main-menu .group-item .item-images .img-item i {
    display: block;
    font-size: 20px;
    margin: 0 auto
}

.login-panel .login-down .login-div .main .main-menu .item i::before,.login-panel .login-down .login-div .main .main-menu .group-item .item-images .img-item i::before {
    margin: 0
}

.login-panel .login-down .login-div .main .main-menu .item .item_a,.login-panel .login-down .login-div .main .main-menu .group-item .item-images .img-item .item_a {
    display: block;
    padding: 10px 0;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.login-panel .login-down .login-div .main .main-menu .item a.item_a:hover,.login-panel .login-down .login-div .main .main-menu .group-item .item-images .img-item a.item_a:hover {
    color: #fff;
    background: #ff6000
}

.login-panel .login-down .login-div .main .item-r {
    float: right
}

.login-panel .login-down .login-div .main .main-menu-2 {
    border-top: 1px solid #f3f3f3;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
    font-size: 14px
}

.login-panel .login-down .login-div .main .main-menu-2 a {
    color: #666
}

.login-panel .login-down .login-div .main .main-menu-2 a:hover {
    color: #ff6000
}

.login-panel .login-down .login-div.notlogin {
    width: 435px
}

.login-panel .login-down .login-div.notlogin .main {
    padding-bottom: 0
}

.login-panel .login-down .login-div.notlogin .main .main-menu .item,.login-panel .login-down .login-div.notlogin .main .main-menu .group-item .item-images .img-item {
    width: 25%;
    color: #999
}

.login-panel .login-down .login-div.notlogin .main .main-menu .item i,.login-panel .login-down .login-div.notlogin .main .main-menu .group-item .item-images .img-item i {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff8f6;
    color: #ff6000;
    margin-bottom: 10px
}

.login-panel .login-down .login-div.notlogin .main .main-menu .item .item_a,.login-panel .login-down .login-div.notlogin .main .main-menu .group-item .item-images .img-item .item_a {
    color: #999
}

.login-panel .icon-archives-tag,.login-panel .icon-collect-1 {
    position: relative
}

.login-panel .icon-archives-tag img,.login-panel .icon-collect-1 img {
    display: block;
    position: absolute;
    top: 0;
    left: 55%;
    height: 10px
}

@media (min-width: 3000px) {
    .login-panel #login {
        width:.2304rem;
        margin-top: .1024rem;
        padding-bottom: .1024rem
    }

    .login-panel .login-down .login-div {
        width: 2.0992rem
    }

    .login-panel .login-down .login-div .info {
        padding: .192rem .576rem
    }

    .login-panel .login-down .login-div .info::before {
        width: .384rem;
        height: .4864rem
    }

    .login-panel .login-down .login-div .info::after {
        width: .64rem;
        height: .3648rem
    }

    .login-panel .login-down .login-div .info h2 {
        font-size: .1024rem;
        margin-bottom: .0384rem
    }

    .login-panel .login-down .login-div .info h4 {
        font-size: .0768rem
    }

    .login-panel .login-down .login-div .info .info-thumb {
        width: .32rem;
        left: .128rem;
        top: .192rem;
        border-width: .0256rem
    }

    .login-panel .login-down .login-div .info .info-btn {
        right: .128rem;
        top: .192rem;
        font-size: .1024rem
    }

    .login-panel .login-down .login-div .main {
        padding: .128rem .192rem .224rem
    }

    .login-panel .login-down .login-div .main .main-menu {
        margin: 0 -0.128rem
    }

    .login-panel .login-down .login-div .main .main-menu .item,.login-panel .login-down .login-div .main .main-menu .group-item .item-images .img-item {
        font-size: .0896rem;
        margin-bottom: .128rem;
        padding: 0 .032rem
    }

    .login-panel .login-down .login-div .main .main-menu .item i,.login-panel .login-down .login-div .main .main-menu .group-item .item-images .img-item i {
        font-size: .128rem
    }

    .login-panel .login-down .login-div .main .main-menu .item .item_a,.login-panel .login-down .login-div .main .main-menu .group-item .item-images .img-item .item_a {
        padding: .064rem 0;
        -webkit-border-radius: .0192rem;
        -moz-border-radius: .0192rem;
        border-radius: .0192rem
    }

    .login-panel .login-down .login-div .main .main-menu-2 {
        border-top-width: .0064rem;
        padding-top: .096rem;
        font-size: .0896rem
    }

    .login-panel .login-down .login-div.notlogin {
        width: 2.784rem
    }

    .login-panel .login-down .login-div.notlogin .main .main-menu .item i,.login-panel .login-down .login-div.notlogin .main .main-menu .group-item .item-images .img-item i {
        width: .32rem;
        height: .32rem;
        line-height: .32rem;
        margin-bottom: .064rem
    }
}

@media (max-width: 767.5px) {
    .login-panel.wechat-login {
        display:block;
        position: absolute;
        right: 100px;
        top: 0
    }

    .login-panel.wechat-login .avatar_a {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-width: 0;
        width: 26px
    }

    .login-panel.wechat-login .avatar_a .thumb {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%
    }

    .login-panel.wechat-login #login:hover .login-down {
        visibility: hidden
    }

    .login-panel.wechat-login #login:hover .login-down .login-div {
        width: 100%
    }

    .login-panel.wechat-login #login {
        margin-top: 0;
        width: auto
    }

    .login-panel.wechat-login #login.opend .login-down {
        visibility: visible;
        top: 36px
    }
}

@media (max-width: 767.5px) and (min-width:768px) {
    .login-panel.wechat-login #login:hover .login-down {
        position:fixed;
        right: 0;
        left: 0;
        top: 36px;
        visibility: visible
    }
}

@media (max-width: 767.5px) and (max-width:767.5px) {
    .login-panel.wechat-login #login .login-down {
        position:fixed;
        right: 0;
        left: 0;
        top: -100%
    }

    .login-panel.wechat-login #login .login-down .login-div {
        width: 100%
    }
}

/* ========== 搜索 ========== */

.header-search {
    display: block
}

.header-search a {
    display: block;
    padding: 0 1em;
    color: #666;
    background: #f5f5f5;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    line-height: 36px;
    font-size: 14px
}

.header-search a:hover {
    background: #fff5ef;
    color: #ff6000
}

.header-search a i {
    margin-right: .04rem
}

@media (min-width: 768px) {
    .header-search {
        display:none
    }
}

@media (min-width: 1024px) {
    .header-search {
        display:block;
        margin-left: 15px
    }
}

@media (min-width: 1680px) {
    .header-search a {
        padding:0 1.8em
    }
}

@media (min-width: 3000px) {
    .header-search a {
        -webkit-border-radius:.1152rem;
        -moz-border-radius: .1152rem;
        border-radius: .1152rem;
        line-height: .2304rem;
        font-size: .0896rem
    }
}

@media (max-width: 767.5px) {
    .header-search {
        position:absolute;
        top: 5px;
        right: 66px
    }

    .header-search a {
        width: 26px;
        height: 26px;
        line-height: 26px;
        padding: 0;
        text-align: center;
        background-color: #fff3ea
    }

    .header-search .icon-search {
        margin: 0;
        font-size: 12px;
        color: #ff6000;
        display: inline-block;
        padding-top: 7px
    }

    .header-search .icon-search::before {
        vertical-align: top
    }

    .header-search .txt {
        display: none
    }
}

/* ========== 消息通知 ========== */

.header-message {
    display: none
}

@media (min-width: 1330px) {
    .header-message {
        display:block;
        height: 100%
    }
}

.header-message .v-message {
    font-size: 14px;
    height: 100%
}

@media (min-width: 1920px) {
    .header-message .v-message {
        font-size:.14rem
    }
}

.header-message .message-btn {
    height: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-message .message-btn .ico {
    display: block;
    position: relative;
    padding: 5px 10px;
    cursor: pointer
}

.header-message .message-btn .icon-message {
    font-size: 20px;
    color: #666;
    opacity: .7
}

.header-message .message-btn .count-total {
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ee3e31;
    color: #fff;
    white-space: nowrap;
    height: 18px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0
}

.header-message .message-dropdown {
    font-size: 114.28571429%;
    background-color: #fff;
    padding: 1em;
    -webkit-border-radius: .625em;
    -moz-border-radius: .625em;
    border-radius: .625em;
    color: #333;
    position: absolute;
    left: -4.2em;
    top: 100%;
    -webkit-box-shadow: 0 1em 2em 0 rgba(0,0,0,0.06);
    -moz-box-shadow: 0 1em 2em 0 rgba(0,0,0,0.06);
    box-shadow: 0 1em 2em 0 rgba(0,0,0,0.06)
}

@media (min-width: 1920px) {
    .header-message .message-dropdown {
        font-size:16px
    }
}

.header-message .message-dropdown li {
    display: block;
    line-height: 2.6em
}

.header-message .message-dropdown li a {
    color: #333;
    display: block;
    position: relative;
    width: 8.4em;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    padding: 0 .1rem
}

.header-message .message-dropdown li a:hover {
    background-color: #ffefe5;
    color: #ff6000
}

.header-message .message-dropdown li [class^="icon-"] {
    margin-right: .375em
}

.header-message .message-dropdown .count {
    font-size: 75%;
    display: block;
    position: absolute;
    right: .1rem;
    top: 1.1em;
    height: 1.3em;
    line-height: 1.3em;
    padding: 0 .5em;
    -webkit-border-radius: 1.33333333em;
    -moz-border-radius: 1.33333333em;
    border-radius: 1.33333333em;
    color: #fff;
    background-color: #ee3e31
}

@media (min-width: 3000px) {
    .header-message {
        margin-right:.096rem
    }

    .header-message .message-btn .ico {
        padding: .032rem .128rem .032rem .064rem
    }

    .header-message .message-btn .ico .icon-message {
        font-size: .1536rem
    }

    .header-message .message-btn .count-total {
        line-height: .1152rem;
        font-size: .0768rem;
        -webkit-border-radius: .0512rem .0512rem .0512rem 0;
        -moz-border-radius: .0512rem .0512rem .0512rem 0;
        border-radius: .0512rem .0512rem .0512rem 0;
        height: .1152rem;
        padding: 0 .032rem
    }
}

.absolute-header .header-message .message-btn .icon-message {
    color: #fff
}

/* ========== Header 主体 ========== */

.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.1);
    box-shadow: 0 0 25px rgba(0,0,0,0.1);
    z-index: 99
}

@supports (((-webkit-backdrop-filter: saturate(180%) blur(6px)) or (backdrop-filter: saturate(180%) blur(6px))) or (-webkit-backdrop-filter : saturate(180%) blur(6px))) {
    .header {
        -webkit-backdrop-filter:saturate(180%) blur(6px);
        backdrop-filter: saturate(180%) blur(6px);
        background: rgba(255,255,255,0.9)
    }
}

.header .container {
    margin: 0
}

.header .form {
    display: none
}

@media (max-width: 767.5px) {
    .header .form {
        display:none;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .header .form form {
        position: relative
    }

    .header .form .txt {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #f7f7f7;
        padding: 5px 25px 5px 10px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        width: 100%;
        height: 28px;
        line-height: 18px;
        color: #888;
        font-size: 12px;
        border: none
    }

    .header .form .btn {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        background: transparent;
        width: 30px;
        height: 28px;
        overflow: hidden;
        text-align: center;
        outline: none;
        color: #888
    }

    .header .form .btn i {
        display: block;
        line-height: 20px
    }

    .header .form .word {
        display: none
    }
}

/* ========== 头部右侧区域 ========== */

.header-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 1024px) {
    .header-right {
        right:30px
    }
}

@media (min-width: 1330px) {
    .header-right {
        right:40px
    }
}

.header-right .header-tougao {
    display: none
}

@media (min-width: 1330px) {
    .header-right .header-tougao {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }
}

.header-right .header-tougao .sub-txt {
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ee3e31;
    color: #fff;
    white-space: nowrap;
    height: 18px;
    padding: 0 5px
}

.header-right .header-tougao .ht-item {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header-right .header-tougao .ht-item:hover .ht-content {
    display: block
}

.header-right .header-tougao .ht-item .ht-content {
    display: none;
    position: absolute;
    left: -140px;
    top: 100%;
    width: 340px
}

.header-right .header-tougao .ht-item .ht-content .ht-wrap {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06);
    -moz-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06)
}

.header-right .header-tougao .ht-item .ht-content .htc-title {
    background: -webkit-gradient(linear, left top, right top, from(#fff5ed), to(#ffddc3));
    background: -webkit-linear-gradient(left, #fff5ed, #ffddc3);
    background: -moz- oldlinear-gradient(left, #fff5ed, #ffddc3);
    background: -o-linear-gradient(left, #fff5ed, #ffddc3);
    background: linear-gradient(to right, #fff5ed, #ffddc3);
    background: -ms-linear-gradient(to right, #fff5ed, #ffddc3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#fff5ed', endColorstr='#ffddc3')
}

.header-right .header-tougao .ht-item .ht-content .htc-title .htc-wrap {
    background-image: url(https://image.uisdc.com/wp-content/uploads/2023/10/uisdc-club-bg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat
}

.header-right .header-tougao .ht-item .ht-content .htc-title h3 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    line-height: 20px
}

.header-right .header-tougao .ht-item .ht-content .htc-title h2 {
    font-size: 22px;
    color: #fff
}

.header-right .header-tougao .ht-item .ht-content .htc-title h2 .sub-txt {
    display: none;
    vertical-align: top;
    -webkit-border-radius: 8px 8px 8px 0;
    -moz-border-radius: 8px 8px 8px 0;
    border-radius: 8px 8px 8px 0
}

.header-right .header-tougao .ht-item .ht-content .htc-wrap {
    padding: 26px 30px 14px
}

.header-right .header-tougao .ht-item .ht-content .htc-btns .btn {
    display: block;
    line-height: 42px;
    background-color: #1042E6;
    color: #fff
}

.header-right .header-tougao .ht-item .ht-content .htc-btns .btn:hover {
    background-color: #0d34b6
}

.header-right .header-tougao .ht-item .ht-content .htc-meta {
    font-size: 14px;
    color: #8a8a8a;
    font-weight: normal;
    text-align: center
}

.header-right .header-tougao .ht-item .htc-item {
    margin-bottom: 25px
}

.header-right .header-tougao .ht-item .htc-item .htc-item-wrap {
    position: relative;
    padding-left: 60px
}

.header-right .header-tougao .ht-item .htc-item .htc-item-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 34px
}

.header-right .header-tougao .ht-item .htc-item .htc-item-thumb .ico {
    font-size: 34px;
    color: #1042E6
}

.header-right .header-tougao .ht-item .htc-item .htc-item-title {
    font-size: 16px;
    color: #232323;
    margin-bottom: 6px;
    line-height: 22px;
    height: 22px;
    overflow: hidden
}

.header-right .header-tougao .ht-item .htc-item .htc-item-desc {
    font-size: 14px;
    color: #8a8a8a;
    font-weight: normal;
    line-height: 20px;
    height: 20px;
    overflow: hidden
}

.header-right .header-tougao .ht-item .ht-a {
    display: inline-block;
    position: relative;
    padding: 5px 20px 5px 10px;
    cursor: pointer
}

.header-right .header-tougao .ht-item .ht-a .ico {
    font-size: 20px;
    color: #666;
    opacity: .7
}

.header-right .header-tougao .ht-item .ht-a .icon-002 {
    color: #ffda77;
    opacity: 1
}

.header-right .header-tougao .ht-item .ht-a .sub-txt {
    position: absolute;
    right: 0;
    top: 0
}

.header-right .header-tougao .club .ht-a .txt {
    font-size: 12px;
    color: #DCAC00
}

@media (min-width: 1024px) {
    .header-right .header-tougao .club .ht-a .txt {
        font-size:13px
    }
}

@media (min-width: 1330px) {
    .header-right .header-tougao .club .ht-a .txt {
        font-size:15px
    }
}

@media (min-width: 1920px) {
    .header-right .header-tougao .club .ht-a .txt {
        font-size:16px
    }
}

.header-right .header-tougao .club .ht-a .ico::before {
    width: auto
}

.header-right .header-tougao .club .ht-a .icon-aigc,.header-right .header-tougao .club .ht-a .icon-club-icon {
    color: #ffda77 !important;
    opacity: 1
}

.header-right .ht-tougao:hover .tougao-dropdown {
    display: block
}

.header-right .tougao-dropdown {
    display: none;
    background-color: #fff;
    padding: 1em;
    -webkit-border-radius: .625em;
    -moz-border-radius: .625em;
    border-radius: .625em;
    color: #333;
    position: absolute;
    left: -4.2em;
    top: 100%;
    -webkit-box-shadow: 0 1em 2em 0 rgba(0,0,0,0.06);
    -moz-box-shadow: 0 1em 2em 0 rgba(0,0,0,0.06);
    box-shadow: 0 1em 2em 0 rgba(0,0,0,0.06);
    font-size: 114.28571429%
}

@media (min-width: 1920px) {
    .header-right .tougao-dropdown {
        font-size:16px
    }
}

.header-right .tougao-dropdown li {
    display: block;
    line-height: 2.6em
}

.header-right .tougao-dropdown li a {
    color: #333;
    display: block;
    position: relative;
    width: 8.4em;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    padding: 0 .1rem
}

.header-right .tougao-dropdown li a:hover {
    background-color: #ffefe5;
    color: #ff6000
}

.header-right .tougao-dropdown li [class^="icon-"] {
    margin-right: .375em
}

.header-right .tougao-dropdown .count {
    font-size: 75%;
    display: block;
    position: absolute;
    right: .1rem;
    top: 1.1em;
    height: 1.3em;
    line-height: 1.3em;
    padding: 0 .5em;
    -webkit-border-radius: 1.33333333em;
    -moz-border-radius: 1.33333333em;
    border-radius: 1.33333333em;
    color: #fff;
    background-color: #ee3e31
}

/* ========== 绝对定位头部 (首页透明导航) ========== */

@media (min-width: 768px) {
    .absolute-header {
        position:absolute;
        background-color: rgba(0,0,0,0.08)
    }

    @supports (((-webkit-backdrop-filter: saturate(180%) blur(1px)) or (backdrop-filter: saturate(180%) blur(1px))) or (-webkit-backdrop-filter : saturate(180%) blur(1px))) {
        .absolute-header {
            -webkit-backdrop-filter:saturate(180%) blur(1px);
            backdrop-filter: saturate(180%) blur(1px)
        }
    }

    .absolute-header .site-menu .item-0>a {
        color: #fff
    }

    .absolute-header .site-menu .item-0>a:hover {
        color: #ff6000
    }

    .absolute-header .site-menu .item-0.current-menu-item>a::after {
        background-color: #fff
    }

    .absolute-header .header-search a {
        background-color: rgba(255,255,255,0.2);
        color: #fff
    }

    .absolute-header .header-search a:hover {
        background-color: #fff;
        color: #ff6000
    }

    .absolute-header .header-right .header-tougao .ht-item .ht-a .ico {
        color: #fff
    }

    .absolute-header .header-right .header-tougao .ht-item .ht-a .icon-002 {
        color: #ffda77
    }

    .absolute-header .header-right .header-tougao .club .ht-a .sub-txt .ico {
        opacity: .7
    }
}

/* ========== Header 超宽屏响应式 ========== */

@media (min-width: 3000px) {
    .header-right {
        right:.256rem
    }

    .header-right .header-tougao .sub-txt {
        line-height: .1152rem;
        font-size: .0768rem;
        -webkit-border-radius: .0512rem .0512rem .0512rem 0;
        -moz-border-radius: .0512rem .0512rem .0512rem 0;
        border-radius: .0512rem .0512rem .0512rem 0;
        height: .1152rem;
        padding: 0 .032rem
    }

    .header-right .header-tougao .ht-item {
        padding: .064rem 0;
        line-height: .2432rem;
        height: .3712rem
    }

    .header-right .header-tougao .ht-item .ht-content {
        left: -0.896rem;
        width: 2.176rem
    }

    .header-right .header-tougao .ht-item .ht-content .ht-wrap {
        -webkit-border-radius: .064rem;
        -moz-border-radius: .064rem;
        border-radius: .064rem
    }

    .header-right .header-tougao .ht-item .ht-content .htc-title h3 {
        font-size: .1152rem;
        line-height: .128rem
    }

    .header-right .header-tougao .ht-item .ht-content .htc-title h2 {
        font-size: .1408rem
    }

    .header-right .header-tougao .ht-item .ht-content .htc-title h2 .sub-txt {
        -webkit-border-radius: .0512rem .0512rem .0512rem 0;
        -moz-border-radius: .0512rem .0512rem .0512rem 0;
        border-radius: .0512rem .0512rem .0512rem 0
    }

    .header-right .header-tougao .ht-item .ht-content .htc-wrap {
        padding: .1664rem .192rem .0896rem
    }

    .header-right .header-tougao .ht-item .ht-content .htc-btns .btn {
        line-height: .2688rem
    }

    .header-right .header-tougao .ht-item .ht-content .htc-meta {
        font-size: .0896rem
    }

    .header-right .header-tougao .ht-item .htc-item {
        margin-bottom: .16rem
    }

    .header-right .header-tougao .ht-item .htc-item .htc-item-wrap {
        padding-left: .384rem
    }

    .header-right .header-tougao .ht-item .htc-item .htc-item-thumb {
        width: .2176rem
    }

    .header-right .header-tougao .ht-item .htc-item .htc-item-thumb .ico {
        font-size: .2176rem
    }

    .header-right .header-tougao .ht-item .htc-item .htc-item-title {
        font-size: .1024rem;
        margin-bottom: .0384rem;
        line-height: .1408rem;
        height: .1408rem
    }

    .header-right .header-tougao .ht-item .htc-item .htc-item-desc {
        font-size: .0896rem;
        line-height: .128rem;
        height: .128rem
    }

    .header-right .header-tougao .ht-item .ht-a {
        padding: .032rem .128rem .032rem .064rem
    }

    .header-right .header-tougao .ht-item .ht-a .ico {
        font-size: .1536rem
    }
}

@media (min-width: 3000px) and (min-width:1920px) {
    .header-right .header-tougao .ht-item {
        line-height:.3072rem
    }
}

@media (min-width: 3000px) and (min-width:1920px) {
    .header-right .header-tougao .ht-item {
        height:.4352rem
    }
}

@media (min-width: 1330px) and (max-width:1439px) {
    .header-right .header-tougao .ht-tougao {
        display:none
    }
}
.c-3-4 {
    width: 75%
}

.c-2-4 {
    width: 50%
}

.c-1-4 {
    width: 25%
}

.c-2-3 {
    width: 66.66666667%
}

.c-1-3 {
    width: 33.33333333%
}

.c-1-2 {
    width: 50%
}

.c-1-1 {
    width: 100%
}

.f-4>.f-item {
    width: 25%
}

.f-3>.f-item {
    width: 33.33333333%
}

.f-2>.f-item {
    width: 50%
}

.f-1>.f-item {
    width: 100%
}

@media (min-width: 768px) {
    .sm\:c-4-5 {
        width:80%
    }

    .sm\:c-3-5 {
        width: 60%
    }

    .sm\:c-2-5 {
        width: 40%
    }

    .sm\:c-1-5 {
        width: 20%
    }

    .sm\:c-3-4 {
        width: 75%
    }

    .sm\:c-2-4 {
        width: 50%
    }

    .sm\:c-1-4 {
        width: 25%
    }

    .sm\:c-2-3 {
        width: 66.66666667%
    }

    .sm\:c-1-3 {
        width: 33.33333333%
    }

    .sm\:c-1-2 {
        width: 50%
    }

    .sm\:c-1-1 {
        width: 100%
    }

    .sm\:f-5>.f-item {
        width: 20%
    }

    .sm\:f-4>.f-item {
        width: 25%
    }

    .sm\:f-3>.f-item {
        width: 33.33333333%
    }

    .sm\:f-2>.f-item {
        width: 50%
    }

    .sm\:f-1>.f-item {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .md\:c-6-7 {
        width:85.71428571%
    }

    .md\:c-5-7 {
        width: 71.42857143%
    }

    .md\:c-4-7 {
        width: 57.14285714%
    }

    .md\:c-3-7 {
        width: 42.85714286%
    }

    .md\:c-2-7 {
        width: 28.57142857%
    }

    .md\:c-1-7 {
        width: 14.28571429%
    }

    .md\:c-5-6 {
        width: 83.33333333%
    }

    .md\:c-4-6 {
        width: 66.66666667%
    }

    .md\:c-3-6 {
        width: 50%
    }

    .md\:c-2-6 {
        width: 33.33333333%
    }

    .md\:c-1-6 {
        width: 16.66666667%
    }

    .md\:c-4-5 {
        width: 80%
    }

    .md\:c-3-5 {
        width: 60%
    }

    .md\:c-2-5 {
        width: 40%
    }

    .md\:c-1-5 {
        width: 20%
    }

    .md\:c-3-4 {
        width: 75%
    }

    .md\:c-2-4 {
        width: 50%
    }

    .md\:c-1-4 {
        width: 25%
    }

    .md\:c-2-3 {
        width: 66.66666667%
    }

    .md\:c-1-3 {
        width: 33.33333333%
    }

    .md\:c-1-2 {
        width: 50%
    }

    .md\:c-1-1 {
        width: 100%
    }

    .md\:f-7>.f-item {
        width: 14.28571429%
    }

    .md\:f-6>.f-item {
        width: 16.66666667%
    }

    .md\:f-5>.f-item {
        width: 20%
    }

    .md\:f-4>.f-item {
        width: 25%
    }

    .md\:f-3>.f-item {
        width: 33.33333333%
    }

    .md\:f-2>.f-item {
        width: 50%
    }

    .md\:f-1>.f-item {
        width: 100%
    }
}

@media (min-width: 1330px) {
    .lg\:c-6-7 {
        width:85.71428571%
    }

    .lg\:c-5-7 {
        width: 71.42857143%
    }

    .lg\:c-4-7 {
        width: 57.14285714%
    }

    .lg\:c-3-7 {
        width: 42.85714286%
    }

    .lg\:c-2-7 {
        width: 28.57142857%
    }

    .lg\:c-1-7 {
        width: 14.28571429%
    }

    .lg\:c-5-6 {
        width: 83.33333333%
    }

    .lg\:c-4-6 {
        width: 66.66666667%
    }

    .lg\:c-3-6 {
        width: 50%
    }

    .lg\:c-2-6 {
        width: 33.33333333%
    }

    .lg\:c-1-6 {
        width: 16.66666667%
    }

    .lg\:c-4-5 {
        width: 80%
    }

    .lg\:c-3-5 {
        width: 60%
    }

    .lg\:c-2-5 {
        width: 40%
    }

    .lg\:c-1-5 {
        width: 20%
    }

    .lg\:c-3-4 {
        width: 75%
    }

    .lg\:c-2-4 {
        width: 50%
    }

    .lg\:c-1-4 {
        width: 25%
    }

    .lg\:c-2-3 {
        width: 66.66666667%
    }

    .lg\:c-1-3 {
        width: 33.33333333%
    }

    .lg\:c-1-2 {
        width: 50%
    }

    .lg\:c-1-1 {
        width: 100%
    }

    .lg\:f-7>.f-item {
        width: 14.28571429%
    }

    .lg\:f-6>.f-item {
        width: 16.66666667%
    }

    .lg\:f-5>.f-item {
        width: 20%
    }

    .lg\:f-4>.f-item {
        width: 25%
    }

    .lg\:f-3>.f-item {
        width: 33.33333333%
    }

    .lg\:f-2>.f-item {
        width: 50%
    }

    .lg\:f-1>.f-item {
        width: 100%
    }
}

@media (min-width: 1680px) {
    .x\:c-6-7 {
        width:85.71428571%
    }

    .x\:c-5-7 {
        width: 71.42857143%
    }

    .x\:c-4-7 {
        width: 57.14285714%
    }

    .x\:c-3-7 {
        width: 42.85714286%
    }

    .x\:c-2-7 {
        width: 28.57142857%
    }

    .x\:c-1-7 {
        width: 14.28571429%
    }

    .x\:c-5-6 {
        width: 83.33333333%
    }

    .x\:c-4-6 {
        width: 66.66666667%
    }

    .x\:c-3-6 {
        width: 50%
    }

    .x\:c-2-6 {
        width: 33.33333333%
    }

    .x\:c-1-6 {
        width: 16.66666667%
    }

    .x\:c-4-5 {
        width: 80%
    }

    .x\:c-3-5 {
        width: 60%
    }

    .x\:c-2-5 {
        width: 40%
    }

    .x\:c-1-5 {
        width: 20%
    }

    .x\:c-3-4 {
        width: 75%
    }

    .x\:c-2-4 {
        width: 50%
    }

    .x\:c-1-4 {
        width: 25%
    }

    .x\:c-2-3 {
        width: 66.66666667%
    }

    .x\:c-1-3 {
        width: 33.33333333%
    }

    .x\:c-1-2 {
        width: 50%
    }

    .x\:c-1-1 {
        width: 100%
    }

    .x\:f-7>.f-item {
        width: 14.28571429%
    }

    .x\:f-6>.f-item {
        width: 16.66666667%
    }

    .x\:f-5>.f-item {
        width: 20%
    }

    .x\:f-4>.f-item {
        width: 25%
    }

    .x\:f-3>.f-item {
        width: 33.33333333%
    }

    .x\:f-2>.f-item {
        width: 50%
    }

    .x\:f-1>.f-item {
        width: 100%
    }
}

@media (min-width: 1920px) {
    .xl\:c-6-7 {
        width:85.71428571%
    }

    .xl\:c-5-7 {
        width: 71.42857143%
    }

    .xl\:c-4-7 {
        width: 57.14285714%
    }

    .xl\:c-3-7 {
        width: 42.85714286%
    }

    .xl\:c-2-7 {
        width: 28.57142857%
    }

    .xl\:c-1-7 {
        width: 14.28571429%
    }

    .xl\:c-5-6 {
        width: 83.33333333%
    }

    .xl\:c-4-6 {
        width: 66.66666667%
    }

    .xl\:c-3-6 {
        width: 50%
    }

    .xl\:c-2-6 {
        width: 33.33333333%
    }

    .xl\:c-1-6 {
        width: 16.66666667%
    }

    .xl\:c-4-5 {
        width: 80%
    }

    .xl\:c-3-5 {
        width: 60%
    }

    .xl\:c-2-5 {
        width: 40%
    }

    .xl\:c-1-5 {
        width: 20%
    }

    .xl\:c-3-4 {
        width: 75%
    }

    .xl\:c-2-4 {
        width: 50%
    }

    .xl\:c-1-4 {
        width: 25%
    }

    .xl\:c-2-3 {
        width: 66.66666667%
    }

    .xl\:c-1-3 {
        width: 33.33333333%
    }

    .xl\:c-1-2 {
        width: 50%
    }

    .xl\:c-1-1 {
        width: 100%
    }

    .xl\:f-7>.f-item {
        width: 14.28571429%
    }

    .xl\:f-6>.f-item {
        width: 16.66666667%
    }

    .xl\:f-5>.f-item {
        width: 20%
    }

    .xl\:f-4>.f-item {
        width: 25%
    }

    .xl\:f-3>.f-item {
        width: 33.33333333%
    }

    .xl\:f-2>.f-item {
        width: 50%
    }

    .xl\:f-1>.f-item {
        width: 100%
    }
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flex .f-box {
    display: block;
    width: 100%;
    height: 100%
}

.flex,.f-item,.f-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote {
    margin: 0;
    padding: 0
}

ul,ol,li {
    list-style: none
}

em,i {
    font-style: normal
}

a {
    text-decoration: none
}

img {
    border: none;
    width: auto;
    height: auto;
    max-width: 100%
}

input,textarea,button {
    outline: none;
    font-family: inherit
}

html {
    font-size: 100px;
    font-size: max(26.66666667vw, 100px)
}

@media (min-width: 768px) {
    html {
        font-size:100px
    }
}

@media (min-width: 1920px) {
    html {
        font-size:5.20833333vw
    }
}

body {
    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",'微软雅黑',STHeiti,"WenQuanYi Micro Hei",Arial,SimSun,sans-serif;
    font-size: .14rem;
    background-color: #fff
}

html,body {
    position: relative;
    overflow-x: hidden
}

body.hide-scroll {
    height: 100vh;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.hide {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.hidden {
    display: none !important
}

@media (max-width: 1023.5px) {
    .hide_xs_sm {
        display:none !important
    }
}

@media (max-width: 767.5px) {
    .hide_xs {
        display:none !important
    }
}

body [class^="icon-"]:before,body [class*=" icon-"]:before {
    margin: 0
}

.highlight {
    position: relative
}

.highlight .txt {
    position: relative
}

.highlight::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60%;
    background-color: rgba(255,255,0,0.7)
}

.clr_orange {
    color: #ff6000 !important
}

.clr_blue {
    color: #2a65ed !important
}

.g-thumb {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 0;
    overflow: hidden;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.thumb-img {
    position: relative
}

.thumb-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.thumb-pos-top {
    background-position: center top
}

.thumb-pos-top img {
    -o-object-position: center top;
    object-position: center top
}

.thumb-pos-bottom {
    background-position: center bottom
}

.thumb-pos-bottom img {
    -o-object-position: center bottom;
    object-position: center bottom
}

.g-avatar {
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.g-avatar .g-thumb {
    padding-top: 100%
}

.g-radio {
    font-size: 100%;
    line-height: 1.57142857em;
    cursor: pointer
}

.g-radio .radio {
    display: inline-block;
    vertical-align: top;
    margin-right: 2em
}

.g-radio .radio:last-child {
    margin-right: 0
}

.g-radio .radio.checked .radio-ico {
    border-color: #ff6000;
    background-color: #ff6000
}

.g-radio .radio-ico {
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e5e6eb;
    margin-right: .21428571em;
    margin-top: .28571429em;
    position: relative
}

.g-radio .radio-ico .ico-in {
    color: #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.g-radio .radio-ico .ico {
    font-size: 85.71428571%;
    display: block;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6)
}

.g-radio .txt {
    display: inline-block;
    vertical-align: top
}

.g-checkbox {
    font-size: 100%;
    line-height: 1.57142857em;
    cursor: pointer
}

.g-checkbox.checked .check-ico {
    background-color: #ff6000;
    border-color: #ff6000
}

.g-checkbox .check-ico {
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e5e6eb;
    margin-right: .21428571em;
    margin-top: .28571429em;
    position: relative
}

.g-checkbox .check-ico .ico-in {
    color: #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.g-checkbox .check-ico .ico {
    font-size: 85.71428571%;
    display: block;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6)
}

.g-checkbox .txt {
    display: inline-block;
    vertical-align: top
}

.g-login {
    display: none;
    margin-left: 10px
}

@media (min-width: 768px) {
    .g-login {
        display:block
    }
}

@media (min-width: 1330px) {
    .g-login {
        margin-left:15px
    }
}

.g-login #login {
    position: relative;
    width: 36px;
    margin-top: 6px;
    padding-bottom: 11px
}

@media (min-width: 1330px) {
    .g-login #login {
        margin-top:12px
    }
}

@media (min-width: 1920px) {
    .g-login #login {
        margin-top:16px
    }
}

@media (min-width: 1330px) {
    .g-login #login {
        padding-bottom:10px
    }
}

@media (min-width: 1920px) {
    .g-login #login {
        padding-bottom:16px
    }
}

.g-login #login.opened .login-down {
    z-index: 1;
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.g-login .avatar_a {
    display: block;
    border: .03rem solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 18px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 18px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 18px rgba(0,0,0,0.1);
    background-color: #fff
}

.g-login .avatar {
    padding-top: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.g-login .avatar-default {
    background-image: url('//image.uisdc.com/wp-content/uploads/2018/06/avatar-uisdc-chat.png')
}

.g-login .login-down {
    z-index: -1;
    position: absolute;
    right: 0;
    top: 70%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.g-login .login-down .login-div {
    background: #fff;
    -webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06);
    -moz-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 16px 32px 0 rgba(0,0,0,0.06);
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    overflow: hidden;
    width: 328px
}

.g-login .login-down .login-div .info {
    background: #fff6f1;
    position: relative;
    padding: 30px 90px
}

.g-login .login-down .login-div .info::after,.g-login .login-down .login-div .info::before {
    content: '';
    display: block;
    position: absolute
}

.g-login .login-down .login-div .info::before {
    left: 0;
    top: 0;
    opacity: .3;
    background-image: -webkit-linear-gradient(46deg, #FEDBC7 48%, #FFF6F1 91%);
    background-image: -moz- oldlinear-gradient(46deg, #FEDBC7 48%, #FFF6F1 91%);
    background-image: -o-linear-gradient(46deg, #FEDBC7 48%, #FFF6F1 91%);
    background-image: linear-gradient(44deg, #FEDBC7 48%, #FFF6F1 91%);
    width: 60px;
    height: 76px;
    -webkit-border-radius: 0 0 100% 0;
    -moz-border-radius: 0 0 100% 0;
    border-radius: 0 0 100% 0
}

.g-login .login-down .login-div .info::after {
    right: 0;
    bottom: 0;
    opacity: .4;
    background-image: -webkit-linear-gradient(47deg, #FEDBC7 1%, #FFF6F1 100%);
    background-image: -moz- oldlinear-gradient(47deg, #FEDBC7 1%, #FFF6F1 100%);
    background-image: -o-linear-gradient(47deg, #FEDBC7 1%, #FFF6F1 100%);
    background-image: linear-gradient(43deg, #FEDBC7 1%, #FFF6F1 100%);
    width: 100px;
    height: 57px;
    -webkit-border-radius: 100% 0 0 0;
    -moz-border-radius: 100% 0 0 0;
    border-radius: 100% 0 0 0
}

.g-login .login-down .login-div .info h2 {
    font-size: 16px;
    margin-bottom: 6px;
    color: #333;
    line-height: 1.5;
    height: 1.5em;
    overflow: hidden
}

.g-login .login-down .login-div .info h2 a {
    color: #333
}

.g-login .login-down .login-div .info h2 .short-label {
    display: inline-block;
    vertical-align: middle;
    margin-left: .05rem;
    line-height: .14rem
}

.g-login .login-down .login-div .info h2 .short-label img {
    height: auto;
    width: .14rem
}

.g-login .login-down .login-div .info h2 .short-label img+img {
    margin-left: .02rem
}

.g-login .login-down .login-div .info h4 {
    font-size: 12px;
    color: #888;
    font-weight: normal;
    line-height: 1.5;
    height: 1.5em;
    overflow: hidden
}

.g-login .login-down .login-div .info .info-thumb {
    width: 50px;
    left: 20px;
    top: 30px;
    border: 4px solid #fff;
    position: absolute;
    -webkit-box-shadow: 0 0 30px 0 #eee;
    -moz-box-shadow: 0 0 30px 0 #eee;
    box-shadow: 0 0 30px 0 #eee;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff
}

.g-login .login-down .login-div .info .info-thumb .thumb {
    padding-top: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.g-login .login-down .login-div .info .info-btn {
    right: 20px;
    top: 30px;
    font-size: 16px;
    padding: .2em 1.5em;
    position: absolute;
    z-index: 10
}

.g-login .login-down .login-div .main {
    padding: 20px 30px 35px
}

.g-login .login-down .login-div .main .main-menu {
    margin: 0 -20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.g-login .login-down .login-div .main .main-menu .item {
    float: left;
    width: 33.3333%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 5px;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.g-login .login-down .login-div .main .main-menu .item i {
    display: block;
    font-size: 20px;
    margin: 0 auto
}

.g-login .login-down .login-div .main .main-menu .item i::before {
    margin: 0
}

.g-login .login-down .login-div .main .main-menu .item .item_a {
    display: block;
    padding: 10px 0;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.g-login .login-down .login-div .main .main-menu .item a.item_a:hover {
    color: #fff;
    background: #ff6000
}

.g-login .login-down .login-div .main .item-r {
    float: right
}

.g-login .login-down .login-div .main .main-menu-2 {
    border-top: 1px solid #f3f3f3;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
    font-size: 14px;
    width: 100%
}

.g-login .login-down .login-div .main .main-menu-2 .item {
    float: left
}

.g-login .login-down .login-div .main .main-menu-2 .item-r {
    float: right
}

.g-login .login-down .login-div .main .main-menu-2 a {
    color: #666
}

.g-login .login-down .login-div .main .main-menu-2 a:hover {
    color: #ff6000
}

.g-login .login-down .login-div.notlogin {
    width: 435px
}

.g-login .login-down .login-div.notlogin .main {
    padding-bottom: 0
}

.g-login .login-down .login-div.notlogin .main .main-menu .item {
    width: 25%;
    color: #999
}

.g-login .login-down .login-div.notlogin .main .main-menu .item i {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff8f6;
    color: #ff6000;
    margin-bottom: 10px
}

.g-login .login-down .login-div.notlogin .main .main-menu .item .item_a {
    color: #999
}

@media (min-width: 3000px) {
    .g-login #login {
        width:.2304rem;
        margin-top: .1024rem;
        padding-bottom: .1024rem
    }

    .g-login .login-down .login-div {
        width: 2.0992rem
    }

    .g-login .login-down .login-div .info {
        padding: .192rem .576rem
    }

    .g-login .login-down .login-div .info::before {
        width: .384rem;
        height: .4864rem
    }

    .g-login .login-down .login-div .info::after {
        width: .64rem;
        height: .3648rem
    }

    .g-login .login-down .login-div .info h2 {
        font-size: .1024rem;
        margin-bottom: .0384rem
    }

    .g-login .login-down .login-div .info h4 {
        font-size: .0768rem
    }

    .g-login .login-down .login-div .info .info-thumb {
        width: .32rem;
        left: .128rem;
        top: .192rem;
        border-width: .0256rem
    }

    .g-login .login-down .login-div .info .info-btn {
        right: .128rem;
        top: .192rem;
        font-size: .1024rem
    }

    .g-login .login-down .login-div .main {
        padding: .128rem .192rem .224rem
    }

    .g-login .login-down .login-div .main .main-menu {
        margin: 0 -0.128rem
    }

    .g-login .login-down .login-div .main .main-menu .item {
        font-size: .0896rem;
        margin-bottom: .128rem;
        padding: 0 .032rem
    }

    .g-login .login-down .login-div .main .main-menu .item i {
        font-size: .128rem
    }

    .g-login .login-down .login-div .main .main-menu .item .item_a {
        padding: .064rem 0;
        -webkit-border-radius: .0192rem;
        -moz-border-radius: .0192rem;
        border-radius: .0192rem
    }

    .g-login .login-down .login-div .main .main-menu-2 {
        border-top-width: .0064rem;
        padding-top: .096rem;
        font-size: .0896rem
    }

    .g-login .login-down .login-div.notlogin {
        width: 2.784rem
    }

    .g-login .login-down .login-div.notlogin .main .main-menu .item i {
        width: .32rem;
        height: .32rem;
        line-height: .32rem;
        margin-bottom: .064rem
    }
}

@media (max-width: 767.5px) {
    .g-login.wechat-login {
        display:block;
        position: absolute;
        right: 100px;
        top: 0
    }

    .g-login.wechat-login .avatar_a {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-width: 0;
        width: 26px
    }

    .g-login.wechat-login .avatar_a .thumb {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%
    }

    .g-login.wechat-login #login:hover .login-down {
        visibility: hidden
    }

    .g-login.wechat-login #login:hover .login-down .login-div {
        width: 100%
    }

    .g-login.wechat-login #login {
        margin-top: 0;
        width: auto
    }

    .g-login.wechat-login #login.opend .login-down {
        visibility: visible;
        top: 36px
    }
}

@media (max-width: 767.5px) and (min-width:768px) {
    .g-login.wechat-login #login:hover .login-down {
        position:fixed;
        right: 0;
        left: 0;
        top: 36px;
        visibility: visible
    }
}

@media (max-width: 767.5px) and (max-width:767.5px) {
    .g-login.wechat-login #login .login-down {
        position:fixed;
        right: 0;
        left: 0;
        top: -100%
    }

    .g-login.wechat-login #login .login-down .login-div {
        width: 100%
    }
}

.hot-icon {
    display: inline-block;
    width: 11px;
    height: 12px;
    background: url(https://image.uisdc.com/wp-content/uploads/2020/11/uisdc_hot.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    vertical-align: text-top;
    margin-top: 2px
}

.g-slide {
    position: relative
}

.g-slide .g-slide-main {
    position: relative
}

.g-slide .slide-ul {
    position: relative;
    overflow: hidden
}

.g-slide .g-slide-item {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.g-slide .list-leave-active,.g-slide .list-enter-active {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.g-slide .g-slide-extra {
    position: relative
}

.g-slide .g-slide-btns,.g-slide .g-slide-indexes {
    display: inline-block;
    vertical-align: top
}

.slide-up .list-enter {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.slide-up .list-enter-to {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.slide-up .list-leave-to {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.slide-up.reverse .list-enter {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.slide-up.reverse .list-leave-to {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.slide-left .list-enter {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.slide-left .list-enter-to {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.slide-left .list-leave-to {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.slide-left.reverse .list-enter {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.slide-left.reverse .list-leave-to {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

/* ========== 首页快捷入口区 (home-header-fixed) ========== */

.home-header-fixed {
    position: absolute;
    left: 0;
    right: 0;
    top: 6.25vw;
    z-index: 6;
    display: none
}

@media (min-width: 1024px) {
    .home-header-fixed {
        display:block
    }
}

.home-header-fixed .home-header-fixed-cont {
    position: absolute;
    right: 0;
    top: 0;
    width: 340px;
    max-width: 340px;
    color: #ffffff
}

.home-header-fixed .home-header-fixed-cont a {
    color: #ffffff
}

.home-header-fixed .cont-wrap {
    padding: 1.04166667vw
}

.home-header-fixed .home-header-tags {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: rgba(51,51,51,0.3)
}

.home-header-fixed .tag-item {
    font-size: 16px
}

@media (max-width: 1190px) {
    .home-header-fixed .tag-item:last-child {
        display:none
    }
}

.home-header-fixed .tag-item h2 {
    font-size: 16px;
    font-weight: normal;
    height: .6rem;
    overflow: hidden;
    white-space: nowrap
}

.home-header-fixed .tag-item h2 strong {
    font-weight: normal;
    display: inline-block;
    width: 12em;
    overflow: hidden;
    color: rgba(255,255,255,0.95)
}

.home-header-fixed .tag-item .item-wrap {
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 14px;
    height: .32rem;
    line-height: .32rem
}

.home-header-fixed .tag-item .item-wrap:hover {
    background-color: rgba(255,255,255,0.1)
}

.home-header-fixed .tag-item .item-wrap:hover .item-ico {
    color: #ffffff;
    background-color: #48c6ef;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6F86D6), to(#48C6EF));
    background-image: -webkit-linear-gradient(top, #6F86D6 0%, #48C6EF 100%);
    background-image: -moz- oldlinear-gradient(top, #6F86D6 0%, #48C6EF 100%);
    background-image: -o-linear-gradient(top, #6F86D6 0%, #48C6EF 100%);
    background-image: linear-gradient(180deg, #6F86D6 0%, #48C6EF 100%)
}

.home-header-fixed .tag-item .item-wrap:hover h2 strong {
    color: #fff
}

.home-header-fixed .tag-item .item-wrap .item-ico {
    float: left;
    margin-right: 15px;
    width: 1.66666667vw;
    height: 1.66666667vw;
    line-height: 1.66666667vw;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(0,0,0,0.08);
    color: rgba(255,255,255,0.7);
    text-align: center
}

.home-header-fixed .home-header-links {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background-color: rgba(51,51,51,0.3)
}

.home-header-fixed .home-header-links>.cont-wrap {
    padding-top: 0;
    padding-bottom: 1.5625vw
}

.home-header-fixed .home-header-links .icos {
    position: absolute;
    right: 80%;
    top: 0;
    bottom: 0;
    width: 400px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    color: #323232;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.home-header-fixed .home-header-links .icos a {
    color: #323232
}

.home-header-fixed .home-header-links .icos .title {
    margin-bottom: 1.04166667vw;
    font-size: 1.04166667vw;
    color: #323232;
    padding-top: .52083333vw
}

.home-header-fixed .home-header-links .icos .items,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap,.home-header-fixed .home-header-links .icos .archive-list-see .wrap,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content,.home-header-fixed .home-header-links .icos .search-result-content .results-u,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-items,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items,.home-header-fixed .home-header-links .icos .user-home .posts_talks {
    margin: 0 -16px
}

.home-header-fixed .home-header-links .icos .items .item,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item {
    width: 33.33333333%;
    padding: 0 16px;
    margin-bottom: 1.04166667vw
}

.home-header-fixed .home-header-links .icos .items .item .item-wrap,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item .item-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item .item-wrap,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item .item-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item .item-wrap,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item .item-wrap,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item .item-wrap,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item .item-wrap,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item .item-wrap,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item .item-wrap,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item .item-wrap {
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #f5f8fa;
    padding: .83333333vw 0
}

.home-header-fixed .home-header-links .icos .items .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item .item-wrap:hover,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item .item-wrap:hover,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item .item-wrap:hover {
    background-color: #ff6000;
    color: #ffffff
}

.home-header-fixed .home-header-links .icos .items .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item .item-wrap:hover h3,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item .item-wrap:hover h3 {
    color: #ffffff
}

.home-header-fixed .home-header-links .icos .items .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item .item-wrap:hover .ico,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item .item-wrap:hover .ico {
    background-color: #ffffff;
    background-image: none;
    color: #ff6000
}

.home-header-fixed .home-header-links .icos .items .item h3,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item h3,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item h3,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item h3,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item h3,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item h3,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item h3,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item h3,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item h3,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item h3,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item h3,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item h3,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item h3,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item h3,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item h3 {
    color: #323232
}

.home-header-fixed .home-header-links .items .item,.home-header-fixed .home-header-links .modal-talk_ask .talk-ask .img-selects .item,.home-header-fixed .home-header-links .archive-list-top .archive-top-wrap .item,.home-header-fixed .home-header-links .archive-list-top .archive-list-top-wrap .item,.home-header-fixed .home-header-links .archive-list-see .wrap .item,.home-header-fixed .home-header-links .part-dropdown .main .section-content .item,.home-header-fixed .home-header-links .search-result-content .results-u .item,.home-header-fixed .home-header-links .search-user .search-user-wrap .item,.home-header-fixed .home-header-links .search-user .search-user-items .item,.home-header-fixed .home-header-links .news-item .dubao-images[data-image="more"] .dubao-images-items .item,.home-header-fixed .home-header-links .group-item .item-images .img-items .item,.home-header-fixed .home-header-links .items .group-item .item-images .img-item,.home-header-fixed .home-header-links .talk-ask-form .img-selects .item,.home-header-fixed .home-header-links .user-item-talk-talk .item-images .img-items .item,.home-header-fixed .home-header-links .user-home .posts_talks .item {
    float: left;
    width: 25%;
    text-align: center
}

.home-header-fixed .home-header-links .items .item-wrap,.home-header-fixed .home-header-links .modal-talk_ask .talk-ask .img-selects .item-wrap,.home-header-fixed .home-header-links .archive-list-top .archive-top-wrap .item-wrap,.home-header-fixed .home-header-links .archive-list-top .archive-list-top-wrap .item-wrap,.home-header-fixed .home-header-links .archive-list-see .wrap .item-wrap,.home-header-fixed .home-header-links .part-dropdown .main .section-content .item-wrap,.home-header-fixed .home-header-links .search-result-content .results-u .item-wrap,.home-header-fixed .home-header-links .search-user .search-user-wrap .item-wrap,.home-header-fixed .home-header-links .search-user .search-user-items .item-wrap,.home-header-fixed .home-header-links .news-item .dubao-images[data-image="more"] .dubao-images-items .item-wrap,.home-header-fixed .home-header-links .group-item .item-images .img-items .item-wrap,.home-header-fixed .home-header-links .talk-ask-form .img-selects .item-wrap,.home-header-fixed .home-header-links .user-item-talk-talk .item-images .img-items .item-wrap,.home-header-fixed .home-header-links .user-home .posts_talks .item-wrap {
    cursor: pointer
}

.home-header-fixed .home-header-links .items .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .modal-talk_ask .talk-ask .img-selects .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .archive-list-top .archive-top-wrap .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .archive-list-top .archive-list-top-wrap .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .archive-list-see .wrap .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .part-dropdown .main .section-content .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .search-result-content .results-u .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .search-user .search-user-wrap .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .search-user .search-user-items .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .news-item .dubao-images[data-image="more"] .dubao-images-items .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .group-item .item-images .img-items .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .talk-ask-form .img-selects .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .user-item-talk-talk .item-images .img-items .item-wrap:hover .ico::after,.home-header-fixed .home-header-links .user-home .posts_talks .item-wrap:hover .ico::after {
    opacity: 0
}

.home-header-fixed .home-header-links .items .item-wrap:hover h3,.home-header-fixed .home-header-links .modal-talk_ask .talk-ask .img-selects .item-wrap:hover h3,.home-header-fixed .home-header-links .archive-list-top .archive-top-wrap .item-wrap:hover h3,.home-header-fixed .home-header-links .archive-list-top .archive-list-top-wrap .item-wrap:hover h3,.home-header-fixed .home-header-links .archive-list-see .wrap .item-wrap:hover h3,.home-header-fixed .home-header-links .part-dropdown .main .section-content .item-wrap:hover h3,.home-header-fixed .home-header-links .search-result-content .results-u .item-wrap:hover h3,.home-header-fixed .home-header-links .search-user .search-user-wrap .item-wrap:hover h3,.home-header-fixed .home-header-links .search-user .search-user-items .item-wrap:hover h3,.home-header-fixed .home-header-links .news-item .dubao-images[data-image="more"] .dubao-images-items .item-wrap:hover h3,.home-header-fixed .home-header-links .group-item .item-images .img-items .item-wrap:hover h3,.home-header-fixed .home-header-links .talk-ask-form .img-selects .item-wrap:hover h3,.home-header-fixed .home-header-links .user-item-talk-talk .item-images .img-items .item-wrap:hover h3,.home-header-fixed .home-header-links .user-home .posts_talks .item-wrap:hover h3 {
    color: #fff
}

.home-header-fixed .home-header-links .items .ico,.home-header-fixed .home-header-links .modal-talk_ask .talk-ask .img-selects .ico,.home-header-fixed .home-header-links .archive-list-top .archive-top-wrap .ico,.home-header-fixed .home-header-links .archive-list-top .archive-list-top-wrap .ico,.home-header-fixed .home-header-links .archive-list-see .wrap .ico,.home-header-fixed .home-header-links .part-dropdown .main .section-content .ico,.home-header-fixed .home-header-links .search-result-content .results-u .ico,.home-header-fixed .home-header-links .search-user .search-user-wrap .ico,.home-header-fixed .home-header-links .search-user .search-user-items .ico,.home-header-fixed .home-header-links .news-item .dubao-images[data-image="more"] .dubao-images-items .ico,.home-header-fixed .home-header-links .group-item .item-images .img-items .ico,.home-header-fixed .home-header-links .talk-ask-form .img-selects .ico,.home-header-fixed .home-header-links .user-item-talk-talk .item-images .img-items .ico,.home-header-fixed .home-header-links .user-home .posts_talks .ico {
    display: inline-block;
    width: 1.875vw;
    height: 1.875vw;
    line-height: 1.875vw;
    color: #ffffff;
    font-size: .83333333vw;
    font-weight: normal;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: .41666667vw;
    position: relative
}

.home-header-fixed .home-header-links .items .ico:after,.home-header-fixed .home-header-links .modal-talk_ask .talk-ask .img-selects .ico:after,.home-header-fixed .home-header-links .archive-list-top .archive-top-wrap .ico:after,.home-header-fixed .home-header-links .archive-list-top .archive-list-top-wrap .ico:after,.home-header-fixed .home-header-links .archive-list-see .wrap .ico:after,.home-header-fixed .home-header-links .part-dropdown .main .section-content .ico:after,.home-header-fixed .home-header-links .search-result-content .results-u .ico:after,.home-header-fixed .home-header-links .search-user .search-user-wrap .ico:after,.home-header-fixed .home-header-links .search-user .search-user-items .ico:after,.home-header-fixed .home-header-links .news-item .dubao-images[data-image="more"] .dubao-images-items .ico:after,.home-header-fixed .home-header-links .group-item .item-images .img-items .ico:after,.home-header-fixed .home-header-links .talk-ask-form .img-selects .ico:after,.home-header-fixed .home-header-links .user-item-talk-talk .item-images .img-items .ico:after,.home-header-fixed .home-header-links .user-home .posts_talks .ico:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.home-header-fixed .home-header-links .items h3,.home-header-fixed .home-header-links .modal-talk_ask .talk-ask .img-selects h3,.home-header-fixed .home-header-links .archive-list-top .archive-top-wrap h3,.home-header-fixed .home-header-links .archive-list-top .archive-list-top-wrap h3,.home-header-fixed .home-header-links .archive-list-see .wrap h3,.home-header-fixed .home-header-links .part-dropdown .main .section-content h3,.home-header-fixed .home-header-links .search-result-content .results-u h3,.home-header-fixed .home-header-links .search-user .search-user-wrap h3,.home-header-fixed .home-header-links .search-user .search-user-items h3,.home-header-fixed .home-header-links .news-item .dubao-images[data-image="more"] .dubao-images-items h3,.home-header-fixed .home-header-links .group-item .item-images .img-items h3,.home-header-fixed .home-header-links .talk-ask-form .img-selects h3,.home-header-fixed .home-header-links .user-item-talk-talk .item-images .img-items h3,.home-header-fixed .home-header-links .user-home .posts_talks h3 {
    font-size: 12px;
    font-weight: normal;
    color: rgba(255,255,255,0.65)
}

.home-header-fixed .home-header-links .icos.show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    right: 100%
}

.home-header-fixed .home-header-links .icos.show .ico::after {
    display: none
}

.home-header-fixed .home-header-links .icon-ps {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0075CE), to(#46BBFE));
    background-image: -webkit-linear-gradient(top, #0075CE 0%, #46BBFE 100%);
    background-image: -moz- oldlinear-gradient(top, #0075CE 0%, #46BBFE 100%);
    background-image: -o-linear-gradient(top, #0075CE 0%, #46BBFE 100%);
    background-image: linear-gradient(180deg, #0075CE 0%, #46BBFE 100%)
}

.home-header-fixed .home-header-links .icon-ai {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6B01), to(#FFA15F));
    background-image: -webkit-linear-gradient(top, #FF6B01 0%, #FFA15F 100%);
    background-image: -moz- oldlinear-gradient(top, #FF6B01 0%, #FFA15F 100%);
    background-image: -o-linear-gradient(top, #FF6B01 0%, #FFA15F 100%);
    background-image: linear-gradient(180deg, #FF6B01 0%, #FFA15F 100%)
}

.home-header-fixed .home-header-links .icon-ae {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8803FF), to(#C17BFF));
    background-image: -webkit-linear-gradient(top, #8803FF 0%, #C17BFF 100%);
    background-image: -moz- oldlinear-gradient(top, #8803FF 0%, #C17BFF 100%);
    background-image: -o-linear-gradient(top, #8803FF 0%, #C17BFF 100%);
    background-image: linear-gradient(180deg, #8803FF 0%, #C17BFF 100%)
}

.home-header-fixed .home-header-links .icon-course-4 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#676FB6), to(#8D99FD));
    background-image: -webkit-linear-gradient(top, #676FB6 0%, #8D99FD 100%);
    background-image: -moz- oldlinear-gradient(top, #676FB6 0%, #8D99FD 100%);
    background-image: -o-linear-gradient(top, #676FB6 0%, #8D99FD 100%);
    background-image: linear-gradient(180deg, #676FB6 0%, #8D99FD 100%)
}

.home-header-fixed .home-header-links .icon-article-6 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF3600), to(#FF7800));
    background-image: -webkit-linear-gradient(top, #FF3600 0%, #FF7800 100%);
    background-image: -moz- oldlinear-gradient(top, #FF3600 0%, #FF7800 100%);
    background-image: -o-linear-gradient(top, #FF3600 0%, #FF7800 100%);
    background-image: linear-gradient(180deg, #FF3600 0%, #FF7800 100%)
}

.home-header-fixed .home-header-links .icon-lr {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5E99B7), to(#AED6EA));
    background-image: -webkit-linear-gradient(top, #5E99B7 0%, #AED6EA 100%);
    background-image: -moz- oldlinear-gradient(top, #5E99B7 0%, #AED6EA 100%);
    background-image: -o-linear-gradient(top, #5E99B7 0%, #AED6EA 100%);
    background-image: linear-gradient(180deg, #5E99B7 0%, #AED6EA 100%)
}

.home-header-fixed .home-header-links .icon-pr {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C300E6), to(#EA77FF));
    background-image: -webkit-linear-gradient(top, #C300E6 0%, #EA77FF 100%);
    background-image: -moz- oldlinear-gradient(top, #C300E6 0%, #EA77FF 100%);
    background-image: -o-linear-gradient(top, #C300E6 0%, #EA77FF 100%);
    background-image: linear-gradient(180deg, #C300E6 0%, #EA77FF 100%)
}

.home-header-fixed .home-header-links .icon-tool-7 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#FFD700));
    background-image: -webkit-linear-gradient(top, #FFA500 0%, #FFD700 100%);
    background-image: -moz- oldlinear-gradient(top, #FFA500 0%, #FFD700 100%);
    background-image: -o-linear-gradient(top, #FFA500 0%, #FFD700 100%);
    background-image: linear-gradient(180deg, #FFA500 0%, #FFD700 100%)
}

.home-header-fixed .home-header-links .icon-uu-2 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F708F9), to(#FF26BE));
    background-image: -webkit-linear-gradient(top, #F708F9 0%, #FF26BE 100%);
    background-image: -moz- oldlinear-gradient(top, #F708F9 0%, #FF26BE 100%);
    background-image: -o-linear-gradient(top, #F708F9 0%, #FF26BE 100%);
    background-image: linear-gradient(180deg, #F708F9 0%, #FF26BE 100%)
}

.home-header-fixed .home-header-links .item:nth-child(1) .ico,.home-header-fixed .home-header-links .group-item .item-images .img-item:nth-child(1) .ico {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff3701), to(#ff8b3c));
    background-image: -webkit-linear-gradient(top, #ff3701 0%, #ff8b3c 100%);
    background-image: -moz- oldlinear-gradient(top, #ff3701 0%, #ff8b3c 100%);
    background-image: -o-linear-gradient(top, #ff3701 0%, #ff8b3c 100%);
    background-image: linear-gradient(180deg, #ff3701 0%, #ff8b3c 100%)
}

.home-header-fixed .home-header-links .item:nth-child(2) .ico,.home-header-fixed .home-header-links .group-item .item-images .img-item:nth-child(2) .ico {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#28c687), to(#4ae287));
    background-image: -webkit-linear-gradient(top, #28c687 0%, #4ae287 100%);
    background-image: -moz- oldlinear-gradient(top, #28c687 0%, #4ae287 100%);
    background-image: -o-linear-gradient(top, #28c687 0%, #4ae287 100%);
    background-image: linear-gradient(180deg, #28c687 0%, #4ae287 100%)
}

.home-header-fixed .home-header-links .item:nth-child(3) .ico,.home-header-fixed .home-header-links .group-item .item-images .img-item:nth-child(3) .ico {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3480fd), to(#a9caff));
    background-image: -webkit-linear-gradient(top, #3480fd 0%, #a9caff 100%);
    background-image: -moz- oldlinear-gradient(top, #3480fd 0%, #a9caff 100%);
    background-image: -o-linear-gradient(top, #3480fd 0%, #a9caff 100%);
    background-image: linear-gradient(180deg, #3480fd 0%, #a9caff 100%)
}

.home-header-fixed .home-header-links .item:nth-child(4) .ico,.home-header-fixed .home-header-links .group-item .item-images .img-item:nth-child(4) .ico {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5c00ff), to(#c2a0ff));
    background-image: -webkit-linear-gradient(top, #5c00ff 0%, #c2a0ff 100%);
    background-image: -moz- oldlinear-gradient(top, #5c00ff 0%, #c2a0ff 100%);
    background-image: -o-linear-gradient(top, #5c00ff 0%, #c2a0ff 100%);
    background-image: linear-gradient(180deg, #5c00ff 0%, #c2a0ff 100%)
}

.home-header-fixed .home-header-links .item:nth-child(5) .ico,.home-header-fixed .home-header-links .group-item .item-images .img-item:nth-child(5) .ico {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff980f), to(#ffbf6a));
    background-image: -webkit-linear-gradient(top, #ff980f 0%, #ffbf6a 100%);
    background-image: -moz- oldlinear-gradient(top, #ff980f 0%, #ffbf6a 100%);
    background-image: -o-linear-gradient(top, #ff980f 0%, #ffbf6a 100%);
    background-image: linear-gradient(180deg, #ff980f 0%, #ffbf6a 100%)
}

.home-header-fixed .home-header-links .item:nth-child(6) .ico,.home-header-fixed .home-header-links .group-item .item-images .img-item:nth-child(6) .ico {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4c99c9), to(#98c4e1));
    background-image: -webkit-linear-gradient(top, #4c99c9 0%, #98c4e1 100%);
    background-image: -moz- oldlinear-gradient(top, #4c99c9 0%, #98c4e1 100%);
    background-image: -o-linear-gradient(top, #4c99c9 0%, #98c4e1 100%);
    background-image: linear-gradient(180deg, #4c99c9 0%, #98c4e1 100%)
}

.home-header-fixed .home-header-links .item:nth-child(7) .ico,.home-header-fixed .home-header-links .group-item .item-images .img-item:nth-child(7) .ico {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0075ce), to(#46bbfe));
    background-image: -webkit-linear-gradient(top, #0075ce 0%, #46bbfe 100%);
    background-image: -moz- oldlinear-gradient(top, #0075ce 0%, #46bbfe 100%);
    background-image: -o-linear-gradient(top, #0075ce 0%, #46bbfe 100%);
    background-image: linear-gradient(180deg, #0075ce 0%, #46bbfe 100%)
}

.home-header-fixed .home-header-links .item:nth-child(8) .ico,.home-header-fixed .home-header-links .group-item .item-images .img-item:nth-child(8) .ico {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e06c6c), to(#ffa0c2));
    background-image: -webkit-linear-gradient(top, #e06c6c 0%, #ffa0c2 100%);
    background-image: -moz- oldlinear-gradient(top, #e06c6c 0%, #ffa0c2 100%);
    background-image: -o-linear-gradient(top, #e06c6c 0%, #ffa0c2 100%);
    background-image: linear-gradient(180deg, #e06c6c 0%, #ffa0c2 100%)
}

.home-header-fixed .home-header-links .item:nth-child(9) .ico,.home-header-fixed .home-header-links .group-item .item-images .img-item:nth-child(9) .ico {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b537e1), to(#d678f5));
    background-image: -webkit-linear-gradient(top, #b537e1 0%, #d678f5 100%);
    background-image: -moz- oldlinear-gradient(top, #b537e1 0%, #d678f5 100%);
    background-image: -o-linear-gradient(top, #b537e1 0%, #d678f5 100%);
    background-image: linear-gradient(180deg, #b537e1 0%, #d678f5 100%)
}

@media (min-width: 1024px) and (max-width:1329.5px) {
    .home-header-fixed .home-header-tags .tag-item .item-wrap {
        padding:10px 14px;
        height: 20px
    }

    .home-header-fixed .home-header-tags .tag-item .item-wrap h2 {
        height: 20px;
        font-size: 14px;
        line-height: 20px
    }

    .home-header-fixed .home-header-tags .tag-item .item-wrap .item-ico {
        width: 20px;
        height: 20px;
        line-height: 20px
    }

    .home-header-fixed .home-header-links .items .ico,.home-header-fixed .home-header-links .modal-talk_ask .talk-ask .img-selects .ico,.home-header-fixed .home-header-links .archive-list-top .archive-top-wrap .ico,.home-header-fixed .home-header-links .archive-list-top .archive-list-top-wrap .ico,.home-header-fixed .home-header-links .archive-list-see .wrap .ico,.home-header-fixed .home-header-links .part-dropdown .main .section-content .ico,.home-header-fixed .home-header-links .search-result-content .results-u .ico,.home-header-fixed .home-header-links .search-user .search-user-wrap .ico,.home-header-fixed .home-header-links .search-user .search-user-items .ico,.home-header-fixed .home-header-links .news-item .dubao-images[data-image="more"] .dubao-images-items .ico,.home-header-fixed .home-header-links .group-item .item-images .img-items .ico,.home-header-fixed .home-header-links .talk-ask-form .img-selects .ico,.home-header-fixed .home-header-links .user-item-talk-talk .item-images .img-items .ico,.home-header-fixed .home-header-links .user-home .posts_talks .ico {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .home-header-fixed .home-header-links .icos .cont-wrap {
        padding: 30px
    }

    .home-header-fixed .home-header-links .icos .items,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap,.home-header-fixed .home-header-links .icos .archive-list-see .wrap,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content,.home-header-fixed .home-header-links .icos .search-result-content .results-u,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-items,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items,.home-header-fixed .home-header-links .icos .user-home .posts_talks {
        margin: 0 -7px
    }

    .home-header-fixed .home-header-links .icos .items .item,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item {
        width: 25%;
        padding: 0 7px
    }

    .home-header-fixed .home-header-links .icos .items .item:nth-child(8),.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item:nth-child(8),.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item:nth-child(8),.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item:nth-child(8),.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item:nth-child(8),.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item:nth-child(8),.home-header-fixed .home-header-links .icos .search-result-content .results-u .item:nth-child(8),.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item:nth-child(8),.home-header-fixed .home-header-links .icos .search-user .search-user-items .item:nth-child(8),.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item:nth-child(8),.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item:nth-child(8),.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item:nth-child(8),.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item:nth-child(8),.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item:nth-child(8),.home-header-fixed .home-header-links .icos .user-home .posts_talks .item:nth-child(8) {
        display: none
    }
}

@media (min-width: 1330px) and (max-width:1919.5px) {
    .home-header-fixed .home-header-tags .tag-item .item-wrap {
        padding:10px 14px
    }

    .home-header-fixed .home-header-tags .tag-item .item-wrap h2 {
        height: .5rem
    }

    .home-header-fixed .home-header-links .icos .cont-wrap {
        padding: 20px
    }

    .home-header-fixed .home-header-links .icos .items,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap,.home-header-fixed .home-header-links .icos .archive-list-see .wrap,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content,.home-header-fixed .home-header-links .icos .search-result-content .results-u,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-items,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items,.home-header-fixed .home-header-links .icos .user-home .posts_talks {
        margin: 0 -5px
    }

    .home-header-fixed .home-header-links .icos .items .item,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item {
        padding: 0 5px;
        margin-bottom: 10px
    }

    .home-header-fixed .home-header-links .icos .items .item .item-wrap,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item .item-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item .item-wrap,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item .item-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item .item-wrap,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item .item-wrap,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item .item-wrap,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item .item-wrap,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item .item-wrap,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item .item-wrap,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item .item-wrap {
        padding: 10px 0
    }
}

@media (min-width: 1330px) and (max-width:1500px) {
    .home-header-fixed .tag-item .item-wrap h2 {
        font-size:14px
    }
}

@media (min-width: 1920px) {
    .home-header-fixed .home-header-fixed-cont {
        width:20%;
        max-width: none
    }

    .home-header-fixed .home-header-tags {
        -webkit-border-radius: .1rem .1rem 0 0;
        -moz-border-radius: .1rem .1rem 0 0;
        border-radius: .1rem .1rem 0 0
    }

    .home-header-fixed .tag-item {
        font-size: .13rem
    }

    .home-header-fixed .tag-item .item-wrap {
        -webkit-border-radius: .1rem;
        -moz-border-radius: .1rem;
        border-radius: .1rem;
        padding: .12rem
    }

    .home-header-fixed .tag-item .item-wrap .item-ico {
        margin-right: .15rem
    }

    .home-header-fixed .home-header-links {
        -webkit-border-radius: 0 0 .1rem .1rem;
        -moz-border-radius: 0 0 .1rem .1rem;
        border-radius: 0 0 .1rem .1rem
    }

    .home-header-fixed .home-header-links .items h3,.home-header-fixed .home-header-links .modal-talk_ask .talk-ask .img-selects h3,.home-header-fixed .home-header-links .archive-list-top .archive-top-wrap h3,.home-header-fixed .home-header-links .archive-list-top .archive-list-top-wrap h3,.home-header-fixed .home-header-links .archive-list-see .wrap h3,.home-header-fixed .home-header-links .part-dropdown .main .section-content h3,.home-header-fixed .home-header-links .search-result-content .results-u h3,.home-header-fixed .home-header-links .search-user .search-user-wrap h3,.home-header-fixed .home-header-links .search-user .search-user-items h3,.home-header-fixed .home-header-links .news-item .dubao-images[data-image="more"] .dubao-images-items h3,.home-header-fixed .home-header-links .group-item .item-images .img-items h3,.home-header-fixed .home-header-links .talk-ask-form .img-selects h3,.home-header-fixed .home-header-links .user-item-talk-talk .item-images .img-items h3,.home-header-fixed .home-header-links .user-home .posts_talks h3 {
        font-size: .12rem
    }

    .home-header-fixed .home-header-links .icos {
        width: 4rem;
        -webkit-border-radius: .1rem;
        -moz-border-radius: .1rem;
        border-radius: .1rem
    }

    .home-header-fixed .home-header-links .icos .cont-wrap {
        padding: .2rem .3rem
    }

    .home-header-fixed .home-header-links .icos .items,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap,.home-header-fixed .home-header-links .icos .archive-list-see .wrap,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content,.home-header-fixed .home-header-links .icos .search-result-content .results-u,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-items,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items,.home-header-fixed .home-header-links .icos .user-home .posts_talks {
        margin: 0 -0.1rem
    }

    .home-header-fixed .home-header-links .icos .items .item,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item {
        padding: 0 .1rem;
        margin-bottom: .15rem
    }

    .home-header-fixed .home-header-links .icos .items .item .item-wrap,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects .item .item-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .archive-list-see .wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content .item .item-wrap,.home-header-fixed .home-header-links .icos .search-result-content .results-u .item .item-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap .item .item-wrap,.home-header-fixed .home-header-links .icos .search-user .search-user-items .item .item-wrap,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items .item .item-wrap,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items .item .item-wrap,.home-header-fixed .home-header-links .icos .items .group-item .item-images .img-item .item-wrap,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects .item .item-wrap,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items .item .item-wrap,.home-header-fixed .home-header-links .icos .user-home .posts_talks .item .item-wrap {
        -webkit-border-radius: .1rem;
        -moz-border-radius: .1rem;
        border-radius: .1rem
    }

    .home-header-fixed .home-header-links .icos .items h3,.home-header-fixed .home-header-links .icos .modal-talk_ask .talk-ask .img-selects h3,.home-header-fixed .home-header-links .icos .archive-list-top .archive-top-wrap h3,.home-header-fixed .home-header-links .icos .archive-list-top .archive-list-top-wrap h3,.home-header-fixed .home-header-links .icos .archive-list-see .wrap h3,.home-header-fixed .home-header-links .icos .part-dropdown .main .section-content h3,.home-header-fixed .home-header-links .icos .search-result-content .results-u h3,.home-header-fixed .home-header-links .icos .search-user .search-user-wrap h3,.home-header-fixed .home-header-links .icos .search-user .search-user-items h3,.home-header-fixed .home-header-links .icos .news-item .dubao-images[data-image="more"] .dubao-images-items h3,.home-header-fixed .home-header-links .icos .group-item .item-images .img-items h3,.home-header-fixed .home-header-links .icos .talk-ask-form .img-selects h3,.home-header-fixed .home-header-links .icos .user-item-talk-talk .item-images .img-items h3,.home-header-fixed .home-header-links .icos .user-home .posts_talks h3 {
        font-size: .12rem
    }
}

@media (min-width: 2400px) {
    .home-header-fixed .tag-item h2 {
        font-size:.13rem
    }
}