img {
    outline: 0;
    border: 0
}

html.ie .page-focus .content .content-list a>div h4 {
    font-family: sans-serif
}

.page-focus {
    font-size: 0;
    background-color: #f5f7fa
}

.page-focus .focus-wrapper {
    -webkit-transition: padding .3s ease;
    -o-transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    transition: padding .3s ease
}

.page-focus .banner {
    position: relative;
    height: 900px;
    overflow: hidden
}

.page-focus .banner:before,
.page-focus .banner:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1
}

.page-focus .banner:before {
    height: 248px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 247, 250, 0)), to(#f5f7fa));
    background-image: -webkit-linear-gradient(rgba(245, 247, 250, 0), #f5f7fa);
    background-image: -moz- oldlinear-gradient(rgba(245, 247, 250, 0), #f5f7fa);
    background-image: -o-linear-gradient(rgba(245, 247, 250, 0), #f5f7fa);
    background-image: linear-gradient(rgba(245, 247, 250, 0), #f5f7fa);
    bottom: 52px
}

.page-focus .banner:after {
    height: 52px;
    background-color: #f5f7fa;
    bottom: 0
}

.page-focus .banner .banner-img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-focus .banner .banner-img img {
    height: 100%
}

.page-focus .banner .banner-content {
    position: relative;
    padding-top: 208px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.page-focus .banner .banner-content img {
    height: 48px;
    margin-bottom: 10px
}

.page-focus .banner .banner-content .title {
    position: relative;
    font-size: 66px;
    line-height: 76px;
    padding-bottom: 126px;
    margin-bottom: 24px;
    font-family: VIVO-FONT-WEB-BOLD, VIVO-FONT-NAV-BOLD, sans-serif
}

.page-focus .banner .banner-content .title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 3px;
    background-color: currentColor
}

.page-focus .banner .banner-content .auxiliaryTitle {
    font-size: 22px;
    line-height: 40px;
    font-family: VIVO-FONT-WEB-BOLD, VIVO-FONT-NAV-BOLD, sans-serif
}

.page-focus .content {
    position: relative;
    margin-top: -100px;
    text-align: center;
    z-index: 1;
}

.page-focus .content .content-tab {
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    padding: 30px 0;
}

.page-focus .content .content-tab span {
    display: inline-block;
    vertical-align: top;
    padding: 0 34px;
    font-size: 16px;
    line-height: 50px;
    color: #8a8f99;
    margin-right: 10px;
    cursor: pointer;
    opacity: 1;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.page-focus .content .content-tab span:hover {
    color: rgb(45 176 110);
}

.page-focus .content .content-tab span:last-of-type {
    margin-right: 0
}

.page-focus .content .content-tab span.active {
    color: #fff;
    background-color: #2db06e;
}

.page-focus .content .content-list a picture {
    width: 100%;
    height: 240px;
    display: block;
    overflow: hidden;
}

@media screen and (min-width:769px) {
    .page-focus .content .content-tab {
        -webkit-transition: all .24s .2s;
        -o-transition: all .24s .2s;
        -moz-transition: all .24s .2s;
        transition: all .24s .2s
    }

    .page-focus .content .content-tab span {
        -webkit-transition: all .24s .2s;
        -o-transition: all .24s .2s;
        -moz-transition: all .24s .2s;
        transition: all .24s .2s
    }

    .page-focus .content .content-tab.delay-tab {}

    .page-focus .content .content-list {
        margin-top: 50px;
        padding-top: 0;
        padding-bottom: 40px;
        text-align: left;
        opacity: 1;
        -webkit-transition: opacity .1s .3s ease;
        -o-transition: opacity .1s .3s ease;
        -moz-transition: opacity .1s .3s ease;
        transition: opacity .1s .3s ease;
    }

    .page-focus .content .content-list.loading {
        padding-top: 100vh;
        opacity: 0;
        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
        transition: none
    }

    .page-focus .content .content-list.loading~.more {
        opacity: 0;
        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
        transition: none
    }

    .page-focus .content .content-list li {
        position: relative;
        /* padding-top: 240px; */
        display: inline-block;
        vertical-align: top;
        width: 396px;
        overflow: hidden;
        margin-top: 30px;
        margin-right: 30px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        border-radius: 12px;
        background-color: #fff;
        opacity: 1;
        -webkit-transition: .6s cubic-bezier(0.48, 0, .61, 1);
        -o-transition: .6s cubic-bezier(0.48, 0, .61, 1);
        -moz-transition: .6s cubic-bezier(0.48, 0, .61, 1);
        transition: .6s cubic-bezier(0.48, 0, .61, 1);
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, -o-transform;
        -moz-transition-property: opacity, transform, -moz-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform;
        transition-property: opacity, transform, -webkit-transform;
    }

    .page-focus .content .content-list li:nth-of-type(3n) {
        margin-right: 0;
        -webkit-transition-delay: .2s;
        -moz-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    .page-focus .content .content-list a:nth-of-type(3n) {
        margin-right: 0;
        -webkit-transition-delay: .2s;
        -moz-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    .page-focus .content .content-list a img {
        /* position:absolute; */
        height: auto;
        width: 100%;
        min-height: 240px;
        /* top:0; */
        /* left:50%; */
        /* -webkit-transform:translateX(-50%); */
        /*! -moz-transform:translateX(-50%); */
        /*! -ms-transform:translateX(-50%); */
        /*! -o-transform:translateX(-50%); */
        /* transform:translateX(-50%); */
    }

    .page-focus .content .content-list a>div {
        padding: 30px 15px;
        opacity: 1;
        text-align: center;
        -webkit-transition: .6s cubic-bezier(0.48, 0, .61, 1) .08s;
        -o-transition: .6s cubic-bezier(0.48, 0, .61, 1) .08s;
        -moz-transition: .6s cubic-bezier(0.48, 0, .61, 1) .08s;
        transition: .6s cubic-bezier(0.48, 0, .61, 1) .08s;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, -o-transform;
        -moz-transition-property: opacity, transform, -moz-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform;
        transition-property: opacity, transform, -webkit-transform;
    }

    .page-focus .content .content-list a>div h4 {
        font-size: 17px;
        line-height: 28px;
        color: #242933;
        text-align: left;
        /* font-weight: 600; */
        /* margin-bottom:12px; */
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-family: Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC, Microsoft YaHei, Hiragino Sans GB, Heiti SC, SimHei, SimSun, sans-serif;
    }

    .page-focus .content .content-list a>div h4:hover {
        color: #2db06e
    }

    .page-focus .content .content-list a>div em {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.5px;
        color: #666;
        font-family: Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC, Microsoft YaHei, Hiragino Sans GB, Heiti SC, SimHei, SimSun, sans-serif;
    }

    .page-focus .content .content-list a.delay-list {
        /* opacity:0; */
        /* -webkit-transform:translateY(140px); */
        -moz-transform: translateY(140px);
        -ms-transform: translateY(140px);
        -o-transform: translateY(140px);
        /* transform:translateY(140px); */
    }

    .page-focus .content .more {
        display: inline-block;
        text-align: center;
        font-size: 22px;
        line-height: 28px;
        color: #8a8f99;
        position: relative;
        opacity: 1;
        -webkit-transition: opacity 0s .3s ease;
        -o-transition: opacity 0s .3s ease;
        -moz-transition: opacity 0s .3s ease;
        transition: opacity 0s .3s ease
    }

    .page-focus .content .more.hide {
        display: none
    }

    .page-focus .content .more.has-more-text:after {
        content: '\e61c';
        font-family: vivo_iconFont;
        position: absolute;
        right: -28px;
        font-size: 12px;
        line-height: inherit;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .page-focus .content .more.no-more-text {
        display: block;
        padding-top: 340px;
        padding-bottom: 212px;
        text-align: center;
        background-color: #fff
    }

    .page-focus .content .more.no-more-text:before {
        content: "\e626";
        font-family: vivo_iconFont;
        font-size: 107px;
        line-height: 1;
        position: absolute;
        top: 213px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .page-focus .content .more.no-more-text:after {
        display: none
    }
}

@media screen and (min-width:1600px) {
    .page-focus .focus-wrapper {
        width: 1248px;
        margin: 0 auto;
    }
}

@media screen and (min-width:769px) and (max-width:1599px) {
    .page-focus .focus-wrapper {
        /* padding:0 80px; */
        width: 1248px;
        margin: 0 auto;
    }

    .page-focus .content .content-list a {
        /* width:48.6%; */
        margin-right: 2.4%;
        margin-top: 2.4%;
        -webkit-border-radius: 1.5vw;
        -moz-border-radius: 1.5vw;
        border-radius: 1.5vw;
        /* padding-top:26.25vw; */
    }

    .page-focus .content .content-list a:nth-child(-n+2) {
        margin-top: 40px
    }

    .page-focus .content .content-list a picture {
        width: 100%;
        height: 240px;
        display: block;
        overflow: hidden;
    }

    .page-focus .content .content-list a>div {
        padding: 25px;
    }

    .page-focus .content .content-list a>div h4 {
        font-size: 16px;
        line-height: 24px;
        /* margin-bottom:.75vw; */
    }

    .page-focus .content .content-list a>div em {
        font-size: 1.125vw;
        line-height: 1.75vw
    }
}

@media screen and (max-width:768px) {
    .page-focus .focus-wrapper {
        padding: 0
    }

    .page-focus .banner {
        height: auto
    }

    .page-focus .banner:before,
    .page-focus .banner:after {
        display: none
    }

    .page-focus .banner .banner-img {
        position: relative;
        height: auto;
        min-height: 120.96354vw;
        left: 0;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .page-focus .banner .banner-img img {
        width: 100%;
        height: auto
    }

    .page-focus .banner .banner-content {
        position: absolute;
        top: 0;
        left: 9.11458vw;
        padding-top: 75.78125vw
    }

    .page-focus .banner .banner-content img {
        height: 5.85938vw;
        padding-bottom: 2.21354vw
    }

    .page-focus .banner .banner-content .title {
        font-size: 8.33333vw;
        line-height: normal;
        padding-bottom: 10.28646vw;
        margin-bottom: 3.125vw
    }

    .page-focus .banner .banner-content .title:after {
        width: 9.24479vw;
        height: .39063vw
    }

    .page-focus .banner .banner-content .auxiliaryTitle {
        font-size: 3.64583vw;
        line-height: 5.59896vw;
        width: 26.04167vw
    }

    .page-focus .content {
        margin-top: -10.15625vw;
        padding-bottom: 14.71354vw
    }

    .page-focus .content .content-tab {
        -webkit-border-radius: 3.38542vw;
        -moz-border-radius: 3.38542vw;
        border-radius: 3.38542vw;
        padding: 5.46875vw 0
    }

    .page-focus .content .content-tab span {
        padding: 0 2.86458vw;
        font-size: 3.64583vw;
        line-height: 9.375vw;
        margin-right: 1.82292vw
    }

    .page-focus .content .content-tab span.active {
        -webkit-border-radius: 1.82292vw;
        -moz-border-radius: 1.82292vw;
        border-radius: 1.82292vw
    }

    .page-focus .content .content-list {
        width: auto;
        padding: 0 20px 7.29167vw
    }

    .page-focus .content .content-list>a {
        width: 100%;
        margin-top: 5.59896vw;
        -webkit-border-radius: 3.38542vw;
        -moz-border-radius: 3.38542vw;
        border-radius: 3.38542vw;
        -webkit-transition: 1s;
        -o-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, -o-transform;
        -moz-transition-property: opacity, transform, -moz-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform;
        transition-property: opacity, transform, -webkit-transform;
        padding-top: 53.38542vw
    }

    .page-focus .content .content-list>a img {
        height: 53.38542vw
    }

    .page-focus .content .content-list>a>div {
        padding: 4.42708vw 5.98958vw;
        -webkit-transition: 1s .2s;
        -o-transition: 1s .2s;
        -moz-transition: 1s .2s;
        transition: 1s .2s;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, -o-transform;
        -moz-transition-property: opacity, transform, -moz-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform;
        transition-property: opacity, transform, -webkit-transform
    }

    .page-focus .content .content-list>a>div h4 {
        font-size: 4.29688vw;
        line-height: 5.72917vw;
        margin-bottom: 1.04167vw
    }

    .page-focus .content .content-list>a>div em {
        font-size: 2.73438vw;
        line-height: 4.42708vw
    }

    .page-focus .content .content-list>a.delay-list {
        opacity: .7;
        -webkit-transform: translateY(13.02083vw);
        -moz-transform: translateY(13.02083vw);
        -ms-transform: translateY(13.02083vw);
        -o-transform: translateY(13.02083vw);
        transform: translateY(13.02083vw)
    }

    .page-focus .content .content-list>a.delay-list>div {
        opacity: 0;
        -webkit-transform: translateY(6.51042vw);
        -moz-transform: translateY(6.51042vw);
        -ms-transform: translateY(6.51042vw);
        -o-transform: translateY(6.51042vw);
        transform: translateY(6.51042vw)
    }

    .page-focus .content .more {
        font-size: 3.38542vw;
        line-height: normal
    }

    .page-focus .content .more.has-more-text:after {
        font-size: 1.82292vw;
        right: -4.16667vw
    }

    .page-focus .content .more.no-more-text {
        -webkit-border-radius: 3.38542vw;
        -moz-border-radius: 3.38542vw;
        border-radius: 3.38542vw;
        padding: 46.74479vw 0 29.16667vw;
        margin: 0 5.20833vw
    }

    .page-focus .content .more.no-more-text:before {
        font-size: 13.93229vw;
        top: 29.16667vw
    }
}