.wrap {
    font-size: 1.04167vw;
}

.header-box {
    height: 3.82813vw;
}

.header-box .logo {
    width: 21.51042vw;
    height: 3.82813vw;
    margin-left: 3.02083vw;
    margin-right: 13.02083vw;
}

.header-box .nav-list {
    width: 54.53125vw;
    height: 3.82813vw;
}

.header-box .nav-list .nav-item {
    width: 9.08854vw;
    height: 3.82813vw;
    font-size: 1.30208vw;
}

.header-box .icon-hamburg {
    width: 2.29167vw;
    height: 1.71875vw;
}

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

.kv-box .kv {
    width: 100%;
}

.kv-box .tip-kids {
    color: #fff;
    position: absolute;
    left: 0.26042vw;
    bottom: 6.64062vw;
    z-index: 5;
    padding: 0.41667vw;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    font-size: 0.625vw;
}

.kv-box .login-box {
    height: 1.79687vw;
    line-height: 1.79687vw;
    background: url("../images/login-box-middle.png") repeat-x left top/auto
        100%;
    padding: 0 0.26042vw;
    position: absolute;
    top: 5.78125vw;
    right: 7.86458vw;
}

.kv-box .login-box::before,
.kv-box .login-box::after {
    content: "";
    width: 0.78125vw;
    height: 1.79687vw;
    position: absolute;
    top: 0;
}

.kv-box .login-box::before {
    left: -0.78125vw;
    background: url("../images/login-box-before.png") no-repeat center/100% 100%;
}

.kv-box .login-box::after {
    right: -0.78125vw;
    background: url("../images/login-box-after.png") no-repeat center/100% 100%;
}

.kv-box .login-box .login-txt {
    color: #fff281;
    font-size: 1.04167vw;
}

.kv-box .btn-music {
    width: 2.29167vw;
    height: 2.29167vw;
    background: url("../images/icon-music-pause.png") no-repeat center/100%;
    position: absolute;
    top: 5.46875vw;
    right: 4.42708vw;
}

.kv-box .btn-music.play {
    background: url("../images/icon-music-play.png") no-repeat center/100%;
    animation: spinner 1.2s linear infinite;
}

@keyframes spinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.kv-box .kv-content {
    width: 100%;
    position: absolute;
    top: 73%;
    left: 50%;
    margin-left: -50%;
}

.kv-box .slogan {
    width: 59.34896vw;
    height: 15.78125vw;
    font-size: 0;
    background: url(../images/slogan.png) no-repeat center/100% 100%;
    margin: 0 auto;
    pointer-events: none;
}

.kv-box .kv-btn-order {
    display: block;
    width: 11.61458vw;
    height: 4.01042vw;
    background: url(../images/btn-yy.png) no-repeat center/100%;
    margin: -1.30208vw auto 0;
}

.kv-box .kv-btn-order.gray {
    background: url(../images/btn-yy-already.png) no-repeat center/100%;
}

.kv-box .kv-order-bg {
    width: 23.4375vw;
    height: 2.00521vw;
    line-height: 2.00521vw;
    background: url(../images/kv-order-bg.png) no-repeat center/100%;
    position: relative;
    margin: 0.52083vw auto 0;
    text-align: center;
    font-size: 1.25vw;
    font-family: "fangzheng";
}

.kv-box .kv-order-bg span {
    color: #fff281;
}

.kv-box .kv-order-reward {
    display: block;
    width: 46.74479vw;
    height: 7.31771vw;
    margin: 0.78125vw auto 0;
}

.kv-box .btn-closebetatest {
    width: 9.6875vw;
    height: 10.13021vw;
    display: block;
    position: fixed;
    right: 0.52083vw;
    z-index: 1000;
    bottom: 10.41667vw;
    background: url(../images/btn-closebetatest.png) no-repeat center/100%;
}

.kv-box .btn-appointment {
    width: 9.6875vw;
    height: 10.13021vw;
    display: block;
    position: absolute;
    left: 15.625vw;
    bottom: 10.41667vw;
    animation: pulse 1s infinite linear alternate;
    -webkit-animation: pulse 1s infinite linear alternate;
    background: url(../images/btn-appointment.png) no-repeat center/100%;
}

.kv-box .down-box {
    width: 21.09375vw;
    padding-left: 1.04167vw;
    margin: 0.52083vw auto 0;
    display: flex;
    justify-content: space-between;
}

.kv-box .down-box .kv-video-box {
    width: 9.34896vw;
    height: 7.23958vw;
    background: url(../images/video-cover.gif) no-repeat center/100%;
    position: relative;
}

.kv-box .down-box .kv-video-box .kv-btn-play {
    width: 1.06771vw;
    height: 1.19792vw;
    background: url("../images/kv-btn-play.png") no-repeat center/100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.52083vw;
    margin-left: -0.59896vw;
    animation: pulse 1s infinite linear alternate;
    -webkit-animation: pulse 1s infinite linear alternate;
}

.kv-box .down-box .kv-code-box {
    width: 7.57812vw;
    height: 6.30208vw;
    background: url(../images/kv-code-box.png) no-repeat center/100%;
    position: relative;
}

.kv-box .down-box .kv-code-box .code {
    width: 5.98958vw;
    height: 5.98958vw;
    margin-top: 0.15625vw;
    margin-left: 1.38021vw;
}

.kv-box .down-box .kv-btn-box {
    width: 8.22917vw;
    display: flex;
    flex-wrap: wrap;
}

.kv-box .down-box .kv-btn-box a {
    width: 8.22917vw;
    height: 3.09896vw;
}

.kv-box .down-box .kv-btn-box .btn-ios {
    background: url(../images/btn-ios.png) no-repeat center/100%;
}

.kv-box .down-box .kv-btn-box .btn-android {
    height: 2.99479vw;
    background: url(../images/btn-android.png) no-repeat center/100%;
    margin-top: 0.13021vw;
}

.kv-box .down-box .kv-btn-box .btn-cloud {
    background: url(../images/btn-cloud.png) no-repeat center/100%;
}

.kv-box .down-box .download-change {
    position: relative;
    width: 3.75vw;
    height: 6.27604vw;
    background: url(../images/btn-download.png) no-repeat center/100%;
}

.kv-box .down-box .download-change .download-box {
    position: absolute;
    right: -16.45833vw;
    top: 50%;
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 16.97917vw;
    height: 6.66667vw;
    background: url(../images/btn-download-box.png) no-repeat center/100%;
    transform: translateY(-50%);
    padding: 0 0.26042vw 0 0.91146vw;
}

.kv-box .down-box .download-change:hover .download-box {
    display: flex;
}

.kv-box .down-box .btn-assistant {
    width: 5.05208vw;
    height: 6.04167vw;
    background: url(../images/btn-assistant.png) no-repeat center/100%;
    display: block;
}

.kv-box .down-box .btn-simulator {
    width: 5.05208vw;
    height: 6.04167vw;
    background: url(../images/btn-simulator.png) no-repeat center/100%;
    display: block;
}

.kv-box .down-box .btn-simulator-ld {
    width: 5.05208vw;
    height: 6.04167vw;
    background: url(../images/btn-simulator-ld.png) no-repeat center/100%;
    display: block;
}

.kv-box .down-box .btn-tap {
    width: 5.05208vw;
    height: 7.23958vw;
    background: url(../images/btn-tap.png) no-repeat center/100%;
    display: block;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.main {
    position: relative;
    height: 273.15104vw;
    width: 100%;
    background: url("../images/main-bg.jpg") no-repeat center top/100% 100%;
}

.main #gfooter {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    padding: 5.72917vw 0 2.08333vw;
    color: #d1eeff;
}

.main #gfooter .foot_lefts {
    margin-bottom: 1.5625vw;
}

.main #gfooter .foot_links {
    width: 52.08333vw;
}

.main #gfooter .foot_links .link_map span,
.main #gfooter .foot_links .link_map a,
.main #gfooter .copyright_zh a,
.main #gfooter .copyright_public a,
.main #gfooter .foot_links .copyright_txt {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
}

.part {
    width: 69.92188vw;
    padding-top: 1.5625vw;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.part .part-title {
    display: block;
    height: 6.17188vw;
    margin-bottom: 1.95312vw;
}

.part1 {
    height: 27.60417vw;
    padding-top: 0;
    top: -0.52083vw;
}

.part1 .news-box {
    width: 100%;
    height: 15.46875vw;
    margin: 0 auto;
    padding-left: 1.04167vw;
}

.part1 .news-swiper {
    width: 28.51562vw;
    height: 15.46875vw;
    position: relative;
}

.part1 .news-swiper .swiper-container {
    width: 100%;
    height: 100%;
}

.part1 .news-swiper .swiper-slide {
    height: 15.46875vw;
    position: relative;
}

/* .part1 .news-swiper .swiper-slide::after {
    content: "";
    width: 28.51562vw;
    height: 15.46875vw;
    background: url("../images/part1-picture-box.png") no-repeat center/100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 5;
} */

.part1 .news-swiper .ad-box {
    width: 28.07292vw;
    height: 15vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.part1 .news-swiper .ad-img {
    width: 100%;
    height: 100%;
}

.part1 .news-swiper .ad-tit {
    width: 100%;
    height: 2.60417vw;
    line-height: 2.60417vw;
    color: #fff;
    font-size: 0.9375vw;
    padding: 0 0.52083vw;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
}

.part1 .news-swiper .swiper-pagination {
    width: 100%;
    height: 1.30208vw;
    position: absolute;
    left: 50%;
    margin-left: -50%;
    bottom: -1.5625vw;
}

.part1 .news-swiper .swiper-pagination-bullet {
    width: 0.91146vw;
    height: 0.91146vw;
    background: url("../images/icon-bullet.png") no-repeat center/100%;
    opacity: 1;
    margin: 0 0.26042vw;
}

.part1 .news-swiper .swiper-pagination-bullet-active {
    background: url("../images/icon-bullet-on.png") no-repeat center/100%;
}

.part1 .right-box {
    width: 38.17708vw;
    position: relative;
}

.part1 .tab-nav {
    border-bottom: 0.05208vw solid #178d86;
    padding-bottom: 0.625vw;
}

.part1 .tab-nav .nav-item {
    width: 5.41667vw;
    height: 2.39583vw;
    position: relative;
    margin-right: 0.625vw;
    background: url("../images/part1-nav-box.png") no-repeat center/100% 100%;
    cursor: pointer;
    text-align: center;
    line-height: 2.39583vw;
}

.part1 .tab-nav .nav-item span {
    font-size: 22px;
    color: #178d86;
    font-family: "fangzheng";
}

.part1 .tab-nav .nav-item:last-child {
    margin-right: 0;
}

.part1 .tab-nav .nav-item.active,
.part1 .tab-nav .nav-item:hover {
    background: url("../images/part1-nav-box-on.png") no-repeat center/100% 100%;
}

.part1 .tab-nav .nav-item.active span,
.part1 .tab-nav .nav-item:hover span {
    background: linear-gradient(to top, #fff, #fcffae);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.part1 .btn-more {
    width: 2.52604vw;
    height: 2.52604vw;
    background: url("../images/part1-btn-more.png") no-repeat center/100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.part1 .news-list {
    display: flex;
}

.part1 .news-list li {
    width: 33.3%;
    padding: 1.17188vw 0 0;
    color: #178d86;
    position: relative;
}

.part1 .news-list li::after {
    content: "";
    width: 0.05208vw;
    height: 10.85938vw;
    background: url("../images/part1-icon-line.png") no-repeat center/100%;
    position: absolute;
    top: 1.17188vw;
    right: 0;
}

.part1 .news-list li:nth-child(1) {
    padding-right: 1.04167vw;
}

.part1 .news-list li:nth-child(2) {
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
}

.part1 .news-list li:nth-child(3) {
    padding-left: 1.04167vw;
}

.part1 .news-list li:nth-child(3)::after {
    background: none;
}

.part1 .news-list li a {
    color: #178d86;
}

.part1 .news-list li .tag {
    width: 5.44792vw;
    height: 1.61458vw;
    font-size: 0.9375vw;
    font-family: "fangzheng";
}

.part1 .news-list li .title {
    width: 100%;
    min-height: 4.6875vw;
    line-height: 1.5625vw;
    font-size: 18px;
    font-weight: bold;
    text-align: left; /* hoặc center, tuỳ bạn muốn */
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "fangzheng";

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    word-break: break-word; /* Ngắt từ hợp lý */
    overflow-wrap: break-word; /* fallback cho trình duyệt khác */
}

.part1 .news-list li .part1-line {
    width: 2.55208vw;
    height: 0.05208vw;
    background: url("../images/part1-line.png") no-repeat center/100%;
    display: block;
    margin-top: 0.65104vw;
}

.part1 .news-list li .date-box {
    margin-top: 0.65104vw;
}

.part1 .news-list li .day {
    font-size: 1.5625vw;
    font-weight: bold;
}

.part1 .news-list li .date {
    width: 3.07292vw;
    height: 1.25vw;
    border: 1px solid #178d86;
    line-height: 1.25vw;
    font-size: 0.88542vw;
    text-align: center;
}

.part1 .news-list li .part1-icon-detail {
    width: 0.52083vw;
    height: 0.67708vw;
    background: url("../images/part1-icon-detail.png") no-repeat center/100%;
    position: absolute;
    right: 1.04167vw;
    bottom: 0.52083vw;
}

.part1 .news-list li.top {
    color: #0d5450;
}

.part1 .news-list li.top a {
    color: #0d5450;
}

.part1 .news-list li.top .part1-line {
    background: url("../images/part1-line-hover.png") no-repeat center/100%;
}

.part1 .news-list li.top .date {
    border: 1px solid #0d5450;
}

.part1 .news-list li.top .part1-icon-detail {
    background: url("../images/part1-icon-detail-on.png") no-repeat center/100%;
}

/* .part1 .news-list li.top .tag {
    background: url("../images/part1-icon-recommend.png") no-repeat center/100%;
    font-size: 0;
} */

.part1 .news-list li:hover {
    color: #0d5450;
}

.part1 .news-list li:hover a {
    color: #0d5450;
}

.part1 .news-list li:hover .part1-line {
    background: url("../images/part1-line-hover.png") no-repeat center/100%;
}

.part1 .news-list li:hover .date {
    border: 1px solid #0d5450;
}

.part1 .news-list li:hover .part1-icon-detail {
    background: url("../images/part1-icon-detail-on.png") no-repeat center/100%;
}

.part1 .nodata {
    width: 100%;
    height: 11.97917vw;
    font-size: 1.04167vw;
    font-weight: bold;
    color: #c89038;
    font-family: "fangzheng";
    display: flex;
    justify-content: center;
    align-items: center;
}

.part2 {
    height: 34.11458vw;
    padding-top: 0;
}

.part2 .part-title {
    margin-bottom: 1.45833vw;
}

.part2 .welfare-box {
    position: relative;
}

.part2 .welfare-left {
    width: 30.20833vw;
    height: 23.4375vw;
    position: relative;
    margin-left: 1.04167vw;
}

.part2 .welfare-left::after {
    content: "";
    width: 30.20833vw;
    height: 23.4375vw;
    background: url("../images/part2-left-box.png") no-repeat center/100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.part2 .welfare-left .swiper-container {
    width: 100%;
    height: 100%;
}

.part2 .welfare-left .welfare-img-box {
    width: 29.60938vw;
    height: 22.76042vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.part2 .welfare-left .img {
    width: 100%;
    height: 100%;
}

.part2 .welfare-left .swiper-pagination {
    position: absolute;
    left: 3%;
    bottom: 0.78125vw;
}

.part2 .welfare-left .swiper-pagination-bullet {
    width: 0.91146vw;
    height: 0.91146vw;
    background: url("../images/icon-bullet.png") no-repeat center/100%;
    opacity: 1;
    margin: 0 0.26042vw;
}

.part2 .welfare-left .swiper-pagination-bullet-active {
    background: url("../images/icon-bullet-on.png") no-repeat center/100%;
}

.part2 .welfare-right {
    width: 38.17708vw;
    height: 23.41146vw;
    position: relative;
}

.part2 .welfare-right .swiper-container {
    width: 100%;
    height: 100%;
}

.part2 .welfare-right .swiper-slide {
    width: 12.5vw !important;
    height: 23.41146vw;
    position: relative;
    cursor: pointer;
}

.part2 .welfare-right .part2-right-base {
    width: 12.5vw;
    height: 23.41146vw;
    background: url("../images/part2-right-base.png") no-repeat center/100% 100%;
    padding-top: 0.52083vw;
    margin: 0 auto;
    box-sizing: border-box;
}

.part2 .welfare-right .part2-right-base:hover .part2-act-img {
    transform: scale(1.05);
}

.part2 .welfare-right .swiper-slide:hover .part2-right-base {
    background: url("../images/part2-right-base-hover.png") no-repeat
        center/100% 100%;
}

.part2 .welfare-right .part2-act-box {
    width: 11.09375vw;
    height: 16.17188vw;
    margin: 0 auto;
    overflow: hidden;
    border: 3px solid #feebc3;
    box-sizing: border-box;
}

.part2 .welfare-right .part2-act-img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    transform: scale(1);
}

.part2 .welfare-right .part2-tag {
    width: 11.09375vw;
    height: 2.86458vw;
    margin: -1.43229vw auto 0;
    position: relative;
}

.part2 .welfare-right .part2-tag1 {
    background: url("../images/part2-tag1.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-tag2 {
    background: url("../images/part2-tag2.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-tag3 {
    background: url("../images/part2-tag3.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-tag4 {
    background: url("../images/part2-tag4.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-tag5 {
    background: url("../images/part2-tag5.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-tag6 {
    background: url("../images/part2-tag6.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-tag7 {
    background: url("../images/part2-tag7.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-tag8 {
    background: url("../images/part2-tag8.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-tag9 {
    background: url("../images/part2-tag9.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-tag10 {
    background: url("../images/part2-tag10.png") no-repeat center/100%;
}

.part2 .welfare-right .part2-act-name {
    width: 60%;
    height: 2.60417vw;
    margin: 0 auto;
    font-size: 1.17188vw;
    color: #fffbed;
    text-align: center;
}

.part2 .welfare-right .swiper-button-prev {
    width: 4.53125vw;
    height: 1.5625vw;
    background-image: url("../images/btn-swiper.png");
    background-size: 4.53125vw 1.5625vw;
    top: -1.69271vw;
    left: 52%;
    transform: scaleX(-1);
}

.part2 .welfare-right .swiper-button-next {
    width: 4.53125vw;
    height: 1.5625vw;
    background-image: url("../images/btn-swiper.png");
    background-size: 4.53125vw 1.5625vw;
    top: -1.69271vw;
    right: 22%;
}

.btn-more-common {
    position: absolute;
    right: 0;
    top: -3.07292vw;
    font-size: 1vw;
    color: #fffaea;
    font-family: "fangzheng";
    height: 1.71875vw;
    line-height: 1.71875vw;
    border-bottom: 0.05208vw solid #fffaea;
    padding-right: 2.21354vw;
    background: url("../images/icon-more.png") no-repeat 4.2vw center/1.92708vw
        auto;
    transition: all 0.5s;
}

.btn-more-common:hover {
    background: url("../images/icon-more.png") no-repeat 4.36458vw
        center/1.92708vw auto;
}

.part3 {
    height: 47.39583vw;
    padding-top: 0;
    z-index: 2;
}

.part3 .part-title {
    margin-bottom: 0.52083vw;
    margin-left: -1.04167vw;
}

.part3 .sect-change {
    width: 6.875vw;
    height: 38.93229vw;
    position: relative;
    padding-top: 3.77604vw;
    float: left;
}

.part3 .sect-prev,
.part3 .sect-next {
    width: 2.55208vw;
    height: 3.64583vw;
    border: none;
    position: absolute;
}

.part3 .sect-prev.disabled,
.part3 .sect-next.disabled {
    opacity: 0.3;
}

.part3 .sect-prev {
    background: url("../images/part3-sect-prev.png") no-repeat center/cover;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.part3 .sect-next {
    background: url("../images/part3-sect-next.png") no-repeat center/cover;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.part3 .sect-swiper {
    width: 100%;
    height: 31.25vw;
    background-size: 0.15625vw 27.05729vw;
    background-repeat: no-repeat;
    background-position: center 1.17188vw;
    background-image: url("../images/part3-sect-bg.png");
}

.part3 .sect-swiper .swiper-slide {
    width: 6.875vw;
    height: 6.25vw;
}

.part3 .sect-swiper .swiper-slide .btn-sect {
    display: block;
    width: 6.90104vw;
    height: 6.77083vw;
    background: url("../images/part3-sect-nav-item.png") no-repeat
        center/4.55729vw auto;
    text-align: center;
    line-height: 6.77083vw;
}

.part3 .sect-swiper .swiper-slide .btn-sect .btn-text {
    font-family: "fangzheng";
    font-size: 14px;
    background: linear-gradient(to top, #38a79b, #0d6768);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
}

.part3 .sect-swiper .swiper-slide.on .btn-sect {
    background: url("../images/part3-sect-nav-item-on.png") no-repeat
        center/auto 100%;
}

.part3 .sect-swiper .swiper-slide.on .btn-sect .btn-text {
    font-size: 16px;
    background: linear-gradient(to top, #fff, #b6fdd9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.part3 .sect-center {
    float: left;
    margin-left: 2.08333vw;
    margin-top: 1.04167vw;
    position: relative;
    z-index: 3;
}

.part3 .center-top {
    display: flex;
    align-items: center;
}

.part3 .sect-name-box {
    position: relative;
    width: 5.54688vw;
}

.part3 .sect-name-box::after {
    content: "";
    width: 0.70312vw;
    height: 10.52083vw;
    background: url("../images/part3-name-split.png") no-repeat center/100% 100%;
    position: absolute;
    right: -1.19792vw;
    top: 3.51562vw;
}

.part3 .sect-name {
    width: 5.54688vw;
}

.part3 .attribute {
    height: 8.64583vw;
    margin-left: 3.125vw;
}

.part3 .attribute-box {
    height: 8.64583vw;
    margin-left: 3.125vw;
}

.part3 .attribute-box li {
    height: 1.66667vw;
    line-height: 1.66667vw;
    margin-bottom: 1.77083vw;
    font-size: 16px;
    color: #288e87;
    font-family: "fangzheng";
}

.part3 .attribute-box .part3-attribute {
    display: inline-block;
    width: 3.82813vw;
    height: 1.66667vw;
    background: url("../images/part3-attribute.png") no-repeat center/100% 100%;
    text-align: center;
}

.part3 .attribute-box .txt {
    color: #185f52;
}

.part3 .center-desc {
    width: 27.76042vw;
    height: 9.14062vw;
    background: url("../images/part3-desc-bg.png") no-repeat center/100% 100%;
    margin-top: 0.26042vw;
    padding: 1.74479vw 1.04167vw 0 1.82292vw;
}

.part3 .desc-box {
    width: 100%;
    height: 5.46875vw;
    font-size: 0.88542vw;
    color: #0d5450;
    font-family: "fangzheng";
    overflow: hidden auto;
    line-height: 1.35417vw;
}

.part3 .desc-box::-webkit-scrollbar {
    width: 0.26042vw;
}

.part3 .desc-box::-webkit-scrollbar-track {
    border-radius: 0.65104vw;
    background: #a6d8c8;
}

.part3 .desc-box::-webkit-scrollbar-thumb {
    background: #208068;
    border-radius: 0.65104vw;
}

.part3 .skill-box {
    width: 27.76042vw;
    margin-top: 1.38021vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0.26042vw;
}

.part3 .skill-item {
    margin-bottom: 0.52083vw;
    display: flex;
    align-items: center;
}

.part3 .skill-name-box {
    width: 2.21354vw;
    height: 1.04167vw;
    transform: skewX(-10deg);
    background-color: #208068;
}

.part3 .skill-name {
    font-size: 12px;
    line-height: 1.04167vw;
    font-family: "fangzheng";
    color: #c3fce6;
    transform: skewX(10deg);
    text-align: center;
}

.part3 .skill-value-box {
    width: 10.28646vw;
    height: 0.46875vw;
    background-color: #208068;
    transform: skewX(-10deg);
    margin-left: 0.26042vw;
    position: relative;
}

.part3 .skill-value-item-box {
    width: 10.18229vw;
    height: 0.36458vw;
    position: absolute;
    left: 0.07812vw;
    top: 0.05208vw;
    overflow: hidden;
}

.part3 .skill-value-item {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #c3fce6;
}

.part3 .role-shadow {
    position: absolute;
    pointer-events: none;
}

.part3 .role-shadow0 {
    width: 65.39062vw;
    top: -2.08333vw;
    right: -15.625vw;
}

.part3 .role-shadow1 {
    width: 48.33333vw;
    top: -0.78125vw;
    right: -9.375vw;
}

.part3 .role-shadow2 {
    width: 53.02083vw;
    top: -2.08333vw;
    right: -7.29167vw;
}

.part3 .role-shadow3 {
    width: 59.14062vw;
    top: -2.60417vw;
    right: -17.70833vw;
}

.part3 .role-shadow4 {
    width: 70.07812vw;
    top: -2.60417vw;
    right: -14.32292vw;
}

.part3 .role-shadow5 {
    width: 65.3125vw;
    top: 1.30208vw;
    right: -9.89583vw;
}

.part3 .role-shadow6 {
    width: 62.55208vw;
    top: -10.9375vw;
    right: -13.02083vw;
}

.part3 .role-shadow7 {
    width: 74.19271vw;
    top: -1.5625vw;
    right: -18.22917vw;
}

.part3 .role-shadow8 {
    width: 54.89583vw;
    top: -0.26042vw;
    right: -13.02083vw;
}

.part3 .role {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.part3 .role0 {
    width: 54.60938vw;
    top: -4.50521vw;
    right: -14.63542vw;
}

.part3 .role1 {
    width: 63.98438vw;
    top: 2.21354vw;
    right: -14.58333vw;
}

.part3 .role2 {
    width: 51.40625vw;
    top: -4.94792vw;
    right: -14.58333vw;
}

.part3 .role3 {
    width: 55.83333vw;
    top: -0.07812vw;
    right: -14.58333vw;
}

.part3 .role4 {
    width: 61.35417vw;
    top: -2.60417vw;
    right: -15.10417vw;
}

.part3 .role5 {
    width: 50.625vw;
    top: 4.42708vw;
    right: -14.58333vw;
}

.part3 .role6 {
    width: 53.38542vw;
    top: 1.43229vw;
    right: -14.19271vw;
}

.part3 .role7 {
    width: 78.04688vw;
    top: 4.42708vw;
    right: -14.71354vw;
}

.part3 .role8 {
    width: 52.39583vw;
    top: -3.38542vw;
    right: -14.66146vw;
}

.part4 {
    height: 58.59375vw;
    padding-top: 1.04167vw;
}

.part4 .part-title {
    margin-bottom: 0.78125vw;
}

.part4 .sub-title-box {
    display: flex;
    justify-content: space-between;
    padding-left: 0.46875vw;
    align-items: flex-end;
}

.part4 .sub-title-box.box1 {
    margin-bottom: 1.95312vw;
}

.part4 .sub-title-box.box2 {
    margin-bottom: 1.43229vw;
}

.part4 .sub-title-box .sub-title {
    height: 1.71875vw;
}

.part4 .sub-title-box .btn-more {
    font-size: 1vw;
    color: #fffaea;
    font-family: "fangzheng";
    height: 1.71875vw;
    line-height: 1.71875vw;
    border-bottom: 0.05208vw solid #fffaea;
    padding-right: 2.21354vw;
    background: url("../images/icon-more.png") no-repeat 4.2vw center/1.92708vw
        auto;
    transition: all 0.5s;
}

.part4 .sub-title-box .btn-more:hover {
    background: url("../images/icon-more.png") no-repeat 4.36458vw
        center/1.92708vw auto;
}

.part4 .part-video {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5625vw;
}

.part4 .part-video .video-box {
    position: relative;
    width: 50.36458vw;
    height: 27.94271vw;
    background: #ffdf9f;
    margin-left: 0.91146vw;
}

.part4 .part-video .video-box .mask {
    content: "";
    position: absolute;
    left: 0vw;
    top: 0vw;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3;
    pointer-events: none;
}

.part4 .part-video .video-box::after {
    content: "";
    position: absolute;
    left: -0.36458vw;
    top: -0.36458vw;
    width: 51.11979vw;
    height: 28.61979vw;
    background: url("../images/part4-picture-box1.png") no-repeat center/100%
        100%;
    pointer-events: none;
}

.part4 .part-video .video-box .video-poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.part4 .part-video .video-box #video {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.part4 .part-video .video-box .btn-play {
    content: "";
    width: 6.92708vw;
    height: 7.57812vw;
    background: url("../images/part4-btn-play.png") no-repeat center/100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3.77604vw;
    margin-left: -3.46354vw;
    z-index: 5;
    animation: pulse 1s infinite linear alternate;
    -webkit-animation: pulse 1s infinite linear alternate;
}

.part4 .part-video .video-list {
    width: 15.28646vw;
    margin-right: 0.33854vw;
}

.part4 .part-video .video-list .video-item {
    position: relative;
    width: 100%;
    height: 8.77604vw;
    margin-bottom: 0.91146vw;
    cursor: pointer;
}

.part4 .part-video .video-list .video-item .picture-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.part4 .part-video .video-list .video-item .picture-box .picture {
    transition: all 0.5s;
    transform: scale(1);
    width: 100%;
    height: 100%;
}

.part4 .part-video .video-list .video-item:hover .picture-box .picture {
    transform: scale(1.05);
}

.part4 .part-video .video-list .video-item:last-child {
    margin-bottom: 0;
}

.part4 .part-video .video-list .video-item::after {
    content: "";
    position: absolute;
    left: -0.20833vw;
    top: -0.26042vw;
    width: 15.70313vw;
    height: 9.24479vw;
    background: url("../images/part4-picture-box2.png") no-repeat center/100%
        100%;
    pointer-events: none;
    z-index: -1;
}

.part4 .wallpaper-list {
    display: flex;
    justify-content: space-between;
    padding: 0 0.33854vw;
}

.part4 .wallpaper-list .wallpaper-item {
    position: relative;
    width: 16.25vw;
    height: 9.375vw;
    cursor: pointer;
}

.part4 .wallpaper-list .wallpaper-item .picture-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.part4 .wallpaper-list .wallpaper-item .picture-box .picture {
    transition: all 0.5s;
    transform: scale(1);
    width: 100%;
    height: 100%;
}

.part4 .wallpaper-list .wallpaper-item:hover .picture-box .picture {
    transform: scale(1.05);
}

.part4 .wallpaper-list .wallpaper-item::after {
    content: "";
    position: absolute;
    left: -0.26042vw;
    top: -0.23438vw;
    width: 16.71875vw;
    height: 9.86979vw;
    background: url("../images/part4-picture-box2.png") no-repeat center/100%
        100%;
    pointer-events: none;
    z-index: -1;
}

.part5 {
    height: 59.375vw;
    padding-top: 0;
}

.part5 .part-title {
    margin-bottom: 3.07292vw !important;
}

.part5 .feature-picture {
    position: relative;
    width: 69.19271vw;
    height: 37.36979vw;
    margin: 0 auto 2.86458vw;
}

.part5 .feature-picture::after {
    content: "";
    position: absolute;
    left: -0.3125vw;
    top: -0.3125vw;
    width: 69.89583vw;
    height: 38.04688vw;
    background: url("../images/part5-picture-box1.png") no-repeat center/100%
        100%;
    pointer-events: none;
    z-index: -1;
}

.part5 .feature-picture .picture {
    width: 100%;
    height: 100%;
}

.part5 .feature-swiper {
    position: relative;
    width: 65.52083vw;
    height: 9.58333vw;
    margin: 0 auto;
}

.part5 .feature-swiper .swiper-container .swiper-slide {
    width: 16.38021vw !important;
    height: 9.58333vw;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part5 .feature-swiper .swiper-container .swiper-slide .picture-box {
    position: relative;
    width: 15.75521vw;
    height: 8.90625vw;
    transform: scale(0.9);
    transition: all 0.5s;
    cursor: pointer;
}

.part5 .feature-swiper .swiper-container .swiper-slide .picture-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none;
}

.part5 .feature-swiper .swiper-container .swiper-slide .picture-box::after {
    content: "";
    position: absolute;
    left: -0.26042vw;
    top: -0.28646vw;
    width: 16.22396vw;
    height: 9.50521vw;
    background: url("../images/part5-picture-box2.png") no-repeat center/100%
        100%;
    pointer-events: none;
    z-index: -1;
}

.part5 .feature-swiper .swiper-container .swiper-slide .picture-box .picture {
    width: 100%;
    height: 100%;
}

.part5 .feature-swiper .swiper-container .swiper-slide.active .picture-box {
    transform: scale(1);
}

.part5
    .feature-swiper
    .swiper-container
    .swiper-slide.active
    .picture-box::before {
    display: none;
}

.part5 .feature-swiper .swiper-button-prev,
.part5 .feature-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 4.60938vw;
    height: 3.09896vw;
    margin-top: -1.5625vw;
    background: url("../images/part5-btn-swiper.png") no-repeat center/100% 100%;
}

.part5 .feature-swiper .swiper-button-prev {
    left: -4.6875vw;
    background: url("../images/part5-btn-swiper.png") no-repeat center/100% 100%;
}

.part5 .feature-swiper .swiper-button-next {
    right: -4.16667vw;
    background: url("../images/part5-btn-swiper-r.png") no-repeat center/100%
        100%;
}

.part.part6 {
    height: 22.91667vw;
    padding-top: 7.16146vw;
}

.part.part6 .code-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.part.part6 .code-list .code-item {
    width: 7.65625vw;
}

.part.part6 .code-list .code-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.65625vw;
    height: 7.76042vw;
    background: url(../images/part6-code-box.png) no-repeat center/100% 100%;
}

.part.part6 .code-list .code-box .code {
    width: 6.77083vw;
}

.part.part6 .code-list .code-name {
    font-family: "fangzheng";
    font-size: 1.45833vw;
    color: #0d5450;
    text-align: center;
    line-height: 2.60417vw;
    white-space: nowrap;
    margin-top: 0.26042vw;
}

#_overlay_ {
    position: fixed !important;
    height: 100% !important;
}

.dia {
    width: 52.23958vw;
    height: 29.81771vw;
    background: url(../images/dia-bg1.png) no-repeat center/100% 100%;
    display: none;
}

.dia .dia-title {
    display: block;
    height: 2.13542vw;
    margin: 0 auto 3.125vw;
    font-size: 1.97917vw;
    font-weight: bold;
    color: #975109;
    line-height: 2.13542vw;
    text-align: center;
    font-family: "fangzheng";
}

.dia .dia-close {
    width: 7.13542vw;
    height: 6.92708vw;
    background: url(../images/icon-close.png) no-repeat center/100% 100%;
    position: absolute;
    top: -1.82292vw;
    right: -2.86458vw;
}

.dia .dia-btn {
    display: block;
    width: 21.45833vw;
    height: 4.16667vw;
    margin: 0 auto;
}

.dia-video {
    display: none;
    width: 57.29167vw;
    height: 32.55208vw;
}

.dia-video #videoContainer {
    width: 57.29167vw;
    height: 32.55208vw;
}

.dia-video .dia-close {
    width: 2.60417vw;
    height: 2.52604vw;
    background: url(../images/icon-close.png) no-repeat center/100%;
    position: absolute;
    top: 0vw;
    right: -2.60417vw;
}

.dia-login {
    padding-top: 5.98958vw;
}

.dia-login .login-list {
    width: 27.60417vw;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.dia-login .login-list .btn-login-qq {
    width: 12.23958vw;
    height: 12.23958vw;
    background: url(../images/btn-login-qq.png) no-repeat center/100% 100%;
}

.dia-login .login-list .btn-login-wx {
    width: 12.23958vw;
    height: 12.23958vw;
    background: url(../images/btn-login-wx.png) no-repeat center/100% 100%;
}

.dia-order-success {
    padding-top: 4.42708vw;
}

.dia-order-success .dia-title {
    margin-bottom: 2.21354vw;
}

.dia-order-success .reward-img {
    display: block;
    width: 38.41146vw;
    margin: 0 auto 1.69271vw;
}

.dia-order-success .btn-bind {
    background: url(../images/btn-bind.png) no-repeat center/100% 100%;
}

.dia-order-success .tip {
    font-size: 1.19792vw;
    color: #ff1e10;
    margin-top: 1.04167vw;
    text-align: center;
}

.dia-bind {
    height: 36.38021vw;
    background: url(../images/dia-bg2.png) no-repeat center/100% 100%;
    padding: 2.99479vw 4.16667vw 0;
}

.dia-bind .form {
    width: 40.10417vw;
    margin: 0 auto;
    font-size: 1.5625vw;
    color: #975109;
}

.dia-bind .form .form-item {
    display: flex;
    height: 2.60417vw;
    flex-wrap: nowrap;
    margin-bottom: 1.69271vw;
}

.dia-bind .form .form-item .label {
    width: 10.41667vw;
}

.dia-bind .form .form-item .input-txt {
    height: 100%;
    background: #c9a971;
    border-radius: 0.26042vw;
    font-size: 1.35417vw;
    color: #f9f1cc;
    padding-left: 0.26042vw;
    border: 0.05208vw solid #ffd28b;
}

.dia-bind .form .form-item .input-txt.phone-txt {
    width: 29.16667vw;
}

.dia-bind .form .form-item .input-txt.code-txt {
    width: 21.35417vw;
}

.dia-bind .form .form-item .code-box {
    width: 29.16667vw;
    display: flex;
    justify-content: space-between;
}

.dia-bind .form .form-item .btn-get-code {
    width: 7.29167vw;
    height: 100%;
    border: 0.05208vw solid #c9a971;
    border-radius: 0.26042vw;
    background: #fbf3c9;
    font-size: 1.17188vw;
    color: #c9a971;
    text-align: center;
    line-height: 2.5vw;
}

.dia-bind .form .form-item .btn-get-code.disabled {
    filter: grayscale(0.8);
}

.dia-bind .form .form-item .system-box {
    display: flex;
    justify-content: space-around;
    width: 20.83333vw;
}

.dia-bind .form .form-item .system-box .radio {
    opacity: 0;
}

.dia-bind .form .form-item .system-box .radio:checked + label {
    background: url(../images/icon-choose-on.png) no-repeat left
        center/1.45833vw auto;
}

.dia-bind .form .form-item .system-box label {
    background: url(../images/icon-choose.png) no-repeat left center/1.45833vw
        auto;
    padding-left: 2.08333vw;
    cursor: pointer;
}

.dia-bind .tip {
    font-size: 1.19792vw;
    color: #c9a971;
    line-height: 1.82292vw;
}

.dia-bind .btn-agree {
    background: url(../images/btn-agree.png) no-repeat center/100% 100%;
    margin-top: 1.82292vw;
}

.dia-bind .btn-unbind {
    background: url(../images/btn-unbind.png) no-repeat center/100% 100%;
    margin: 1.82292vw auto;
}

.dia-closebetatest {
    width: 59.08854vw;
    height: 36.82292vw;
    background: url(../images/dia-closebetatest-one.png) no-repeat center/100%;
    position: relative;
}

.dia-closebetatest .dia-next {
    width: 13.30729vw;
    height: 3.61979vw;
    display: block;
    position: absolute;
    background: url(../images/dia-next.png) no-repeat center/100%;
    bottom: 2.60417vw;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dia-closebetatest2 {
    width: 59.08854vw;
    height: 45.65104vw;
    background: url(../images/dia-closebetatest-two.png) no-repeat center/100%;
    position: relative;
}

.dia-closebetatest2 .dia-prve {
    width: 13.30729vw;
    height: 3.61979vw;
    display: block;
    background: url(../images/dia-prve.png) no-repeat center/100%;
}

.dia-closebetatest2 .dia-more {
    width: 13.30729vw;
    height: 3.61979vw;
    display: block;
    background: url(../images/dia-more.png) no-repeat center/100%;
}

.dia-closebetatest2 .dia-box {
    position: absolute;
    width: 31.25vw;
    left: 50%;
    bottom: 2.60417vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translate(-50%, -50%);
}

.dia-unbind .dia-title {
    margin-bottom: 2.08333vw;
}

.dia-unbind .form {
    margin: 3.125vw auto 0;
}