/* 左侧菜单样式 */
.left-menu-content {
    display: flex;
    align-items: center;
    margin-bottom: .44rem;
    user-select: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.left-menu-content .left-menu-text {
    color: #ecedec;

    margin-left: .08rem;
    font-size: .16rem;
    white-space: nowrap;
    cursor: pointer;
    white-space: nowrap;
}

.ko_left .left-content {
    left: .16rem;
}

#left-menu-list .is-select .left-menu-text {
    color: #6f7aa9;
}

#left-menu-list .left-menu-content img {
    opacity: 0;
}

#left-menu-list .is-select img {
    opacity: 1;
}

.page1 .video video {
    background: url('../image/ko-activity/panel1/bg.png') center no-repeat;
    background-size: 100% auto;
}

/* 页面公共 */
.swiper-page {
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: url("../image/komain/bg04.png") top center no-repeat;
    background-size: cover;
    position: relative;
}

.swiper-page-02 {
    background: url("../image/ko-activity/panel2/bg.png") top center no-repeat;
    background-size: cover;
}

.swiper-page-03 {
    background: url("../image/ko-activity/panel3/bg.png") top center no-repeat;
    background-size: cover;
}

.swiper-slide .swiper-page-04 {
    background: url("../image/ko-activity/panel4/bg.png") top center no-repeat;
    background-size: cover;
}

.swiper-slide .swiper-page-05a {
    background: url("../image/ko-activity/bg5a.png") top center no-repeat;
    background-size: cover;
}

.swiper-slide .swiper-page-05b {
    background: url("../image/ko-activity/bg5b.png") top center no-repeat;
    background-size: cover;
}

.swiper-slide .swiper-page-06 {
    background: url("../image/ko-activity/bg6.png") top center no-repeat;
    background-size: cover;
}

.swiper-slide .swiper-page-07 {
    background: url("../image/ko-activity/bg7.png") top center no-repeat;
    background-size: cover;
}

.swiper-page .swiper-page-title {
    margin: .74rem 0 .5rem;
    height: 1.1rem;
}

.swiper-page-content {
    width: 100%;
}

.page1 .main .content .top_title {
    margin-top: 1.1rem;
}

.next-swiper-btn {
    width: .97rem;
    bottom: .4rem;
    cursor: pointer;
    margin-top: .1rem;
    position: absolute;

}

.next-slide-btn {
    width: .97rem;
}

/* 第二页样式 */

.form-content {
    background: url("../image/ko-activity/panel2/form-panel.png") top center no-repeat;
    height: 5.8rem;
    background-size: contain;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

}

.form-content .form-register-content {
    width: 14.80rem;
    padding: 0 1.04rem;
    height: 6rem;
    padding-top: 1.28rem;
    display: flex;
    flex-direction: column;
}

.form-content .form-register-content .top-content {
    display: flex;
    width: 4.86rem;
    align-items: center;
    justify-content: space-between;
}

.form-content .form-register-content .top-content .app-store-icon {
    height: .36rem;
}

.form-content .form-register-content .top-content div {
    cursor: pointer;
}


.form-content .form-register-content .check-eq {
    border: none;
    background: url("../image/ko-activity/panel2/radio.png") no-repeat left;
    background-size: 0.3rem;
    padding-left: 0.45rem;
}

.form-content .form-register-content input[type=radio] {
    display: none;
}

.form-content .form-register-content input[type=radio]:checked+.check-eq {
    background: url("../image/ko-activity/panel2/radio-select.png") no-repeat left;
    background-size: 0.3rem;
}


.form-content .form-register-content .photo-content {
    display: flex;
    align-items: center;
    width: 4.86rem;
    margin-top: .2rem;
    height: .8rem;
    border-bottom: 2px solid white;
}

.form-content .form-register-content .photo-content .photo-left {
    width: .8rem;
    border-right: none;
    background: #11161c;
    font-size: .44rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.form-content .form-register-content .photo-content .ko-phone-input {
    width: 4.05rem;
    border: none;
    outline: none;
    background: transparent;
    padding-left: 0.15rem;
    box-sizing: border-box;
    line-height: 0.57rem;
    font-size: .44rem;
    color: white;
}

.form-content .form-register-content .check-content {
    margin-top: .24rem;
    display: flex;
    align-items: center;
    position: relative;
}

.form-content .form-register-content .check-content .check-tips {
    width: 4.3rem;
}

.form-content .form-register-content .check-content .check-msg-bg {
    background: url("../image/ko-activity/panel2/check-line.png") center right no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    padding-right: .08rem;
    height: .3rem;
}

.form-content .form-register-content #check-tips {
    border: none;
    background: url("../image/ko-activity/panel2/check-bg.png") no-repeat left;
    background-size: 0.2rem;
    padding-left: 0.35rem;
    position: relative;
}

.form-content .form-register-content input[type=checkbox] {
    display: none;
}

.form-content .form-register-content input[type=checkbox]:checked+#check-tips {
    background: url("../image/ko-activity/panel2/is-check.png") no-repeat left;
    background-size: 0.2rem;
}

.form-content .form-register-content #check-tips .agree-btn {
    width: 1rem;
    height: .3rem;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.form-content .form-register-content .register-btn {
    background: url("../image/ko-activity/panel2/btn.png") center right no-repeat;
    background-size: contain;
    width: 4.62rem;
    height: .93rem;
    border: none;
    margin-top: .5rem;
    cursor: pointer;
}

.form-content .form-register-content .register-btn:hover {
    background: url("../image/ko-activity/panel2/btn-light.png") center right no-repeat;
    background-size: contain;
}

/* 第三页样式 */
.swiper-page-03 .swiper-page-content {
    width: 14.28rem;
    height: 4.38rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .76rem;

}

.swiper-page-03 .swiper-page-content .progress-top {
    width: 13.14rem;
}

.swiper-page-03 .swiper-page-content .progress-center {
    margin-top: .2rem;
    width: 14.25rem;
}

/* 第4页样式 */
.swiper-page-04 .swiper-page-title {
    height: .88rem;
}

.swiper-page-04 .swiper-page-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .5rem;

}

.swiper-page-04 .swiper-page-content img {
    height: 5.7rem;
}