html,
body {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    z-index: -10;
    zoom: 1;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center;
    max-width: 1080px;
    background-color: #1a1428;
    position: relative;
    margin: 0 auto;
}



.container {
    box-sizing: border-box;
    width: 100%;
    z-index: -10;
    zoom: 1;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center;
    max-width: 1080px;
    position: relative;
    margin-top: 0;
    background-color: #1a1428;
}

/* body {
    font-family: 'OPPOSans M', 'OPPOSans-S M';
} */


.clearfix::before,
.clearfix::after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    clear: both;
}

.center-div {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.flex-div {
    width:auto; 
    display:flex;
}

.head-picture-page {
    background-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 13.9rem;
    display: block;
}

.act-rule-border-radius {
    margin-top: 0.7rem;
    right: 0.5rem;
    background: transparent;
    height: 0.6rem;
    width: 1.9rem;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position:absolute;
}

.section-title {
    background-color: transparent;
    height: 3rem;
}

.section-title-bg-format {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 50%;
    width: 50%;
}

.expert-right-page {
    display: flex;
    /* height: 7.5rem; */
    width: auto;
    background-color: transparent;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 8rem;
    margin: 0 0.5rem 0rem 0.5rem;
    box-sizing: border-box;
    padding-top: 0.2rem;
}

.expert-right-page-inner {
    display: block;
    width: 100%;
    height: 7.6rem;
    box-sizing: border-box;
    /* background-color: whitesmoke;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-bottom: 0.1rem; */
}

.quarter-div {
    width: 50%;
    height: 50%;
    float: left;
}

.first_quarter {
    background-size: 95% 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.second_quarter {
    background-size: 95% 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.third_quarter {
    background-size: 95% 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.fourth_quarter {
    background-size: 95% 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-container {
    width: 100%;
    height: 100%;
    background-color: #1a1428;
    --swiper-pagination-color: #00ff33;
    --swiper-navigation-color: #ffffff;
}

.swiper-slide {
    text-align: center;
    background-color: transparent;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#swiper1 .swiper-slide {
    transition: 300ms;
    transform: scale(0.8, 0.7);
    -webkit-transform: scale(0.8, 0.7);
}

#swiper1 .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.swiper-slide img {
    width: 100%;
    /* border-radius: 14px; */
    display: block;
    height: auto;
}

#swiper2 .swiper-slide {
    height: calc((100% - 30px) / 2);
}

.enroll-expert-div {
    height: 15rem;  
    justify-content: center;
}

.enroll-expert-inner {
    width: 100%; 
    height: 95%; 
    margin: 0 0.7rem 0rem 0.7rem;
    display: flex; 
    background-color: transparent; 
    flex-direction: column; 
    justify-content:center; 
    align-items:center;
}

.infor-div {
    width: auto;
    display: flex;
    height: 200px;
    margin-top: 20px;
}

.infor-img {
    width: 2.5rem;
    height: auto;
    display: block;
    object-fit: contain;
    margin-left: 30px;
}

.infor-font-div {
    height: auto;
    margin-left: 50px;
    margin-right: 40px;
    justify-content: center;
    border-bottom: 1px solid lightsteelblue;
}

.infor-font-div-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.infor-font-format-big {
    font-size: 0.5rem;
    line-height: 1.2;
}

.infor-font-format-small {
    font-size: 0.35rem;
    margin-top: 5px;
}

.infor-word-format {
    height: 60%; 
    width: 50%; 
    font-size: 0.2rem; 
    letter-spacing: 1.5px; 
    flex-direction: column; 
    color: lightsteelblue;
}



/* 弹窗 */
.dialog {
    width: 100%;
    /* height: 100%; */
    max-width: 1080px;
    background-color: rgb(40, 20, 91);
    /* position: fixed; */
    top: 0;
    color: black;
    z-index: 999;
    display: none;
    justify-content: center;
    /* align-items: center;
    text-align: center; */
    margin: 0 auto;
}

.dialog .dialog-content {
    /* width: 9.2rem;
    min-height: 14.9rem;
    box-sizing: border-box;
    border-radius: .4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);*/
    background-size: 100% 100%; 
    width: 84%;
}

.dialog .dialog-vertical{
    display: flex;
    flex-direction: column;
}

.dialog .dialog-body{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
}

.dialog .btn-close{
    width: 2rem;
    position: absolute;
    top: 0.3rem;
    left: .3rem;
    z-index: 10;
}


/* 弹窗 */
.form-title {
    font-size: .57rem;
    /* font-family: "OPPOSans M"; */
    color: whitesmoke;
    line-height: 1.2;
    display: block;
    width: max-content;
    position: relative;
    margin: 1.48rem auto .26rem;
}

.form-title::after,
.form-title::before {
    content: '';
    position: absolute;
    top: 50%;
    width: .1rem;
    height: .1rem;
    background-color: #ffb97a;
    transform: translateY(-50%) rotate(45deg);
    left: -.35rem;
    z-index: 10;
}

.form-title::after {
    left: calc(100% + .3rem)
}

.submit-form {
    width: 100%;
    /* padding: .85rem .84rem; */
    box-sizing: border-box;
    /* background-color: whitesmoke; */
    background-image: url(./img/组44.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:inherit;
    display: flex;
    justify-content: center;
    align-items:center;
    flex-direction: column;
    text-align: center;
}


.submit-form .form-row {
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
}

.submit-form .form-row:first-child {
    margin-top: 0;
}

.submit-form .form-row .form-label {
    line-height: .78rem;
    height: .78rem;
    width: 1.32rem;
    word-break: keep-all;
    white-space: nowrap;
    font-size: .35rem;
    /* font-family: "OPPOSans-S M"; */
    color: black;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
}

.form-row .form-col {
    width: 5.3rem;
    position: relative;
}

.form-row .form-col.flex {
    display: flex;
    justify-content: space-between;
}

/* .form-row .form-col.phone>.form-input {
    margin-bottom: .55rem;
} */

.form-row .form-input {
    background-color: #dbd5d5;
    border-radius: 5px;
    border: 0px solid;
    position: relative;
    width: 100%;
    line-height: .78rem;
    height: .78rem;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: .3rem;
    padding: 0 .15rem;
}
.form-row .form-input_textarea {
    background-color: #dbd5d5;
    border-radius: 8px;
    border: 0px solid;
    position: relative;
    width: 100%;
    line-height: .78rem;
    height: .78rem;
    color: black;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    white-space: pre-wrap;
    box-sizing: border-box;
    font-size: .3rem;
    padding: 0 0.15rem 0 0.15rem;
    overflow-y: auto;
}


/* .form-row .form-input::-webkit-input-placeholder {
    color: rgba(255, 185, 122, 0.302);
} */

.form-row .form-col.flex .form-input {
    flex: 1;
}

.form-row .form-input.drop {
    padding-right: .7rem;
    box-sizing: border-box;
}

.form-row .form-input.drop::after {
    content: '';
    position: absolute;
    right: .32rem;
    top: 50%;
    transform: translateY(-50%);
    /* color: rgb(255, 185, 122); */
    border-top: .22rem solid;
    border-left: .15rem solid transparent;
    border-right: .15rem solid transparent;
}

.form-row .form-input.verifycode {
    text-align: center;
}

.btn-verify-code,
.form-col.province .form-input:last-child {
    margin-left: .3rem;
}

.btn-verify-code {
    border-radius: 40px;
    background-color: rgb(40, 20, 91);
    width: 2.35rem;
    line-height: .8rem;
    text-align: center;
    font-size: .35rem;
    /* font-family: "OPPOSans R"; */
    color:whitesmoke;
}

.btn-submit {
    width: 100%;
    height: 2rem;    
    background-size: 64% 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}

.drop-panel {
    position: absolute;
    top: calc(100% + .13rem);
    left: 0;
    display: none;
    z-index: 10;
    background-color: #e2dede;
    width: 100%;
    border: 1px solid;
    border-radius: .4rem;
    padding: 0 .27rem .5rem;
    box-sizing: border-box;
    /* color: #ffb97a; */
}

.drop-panel.on {
    display: block;
}

.drop-panel .hd {
    line-height: .82rem;
    border-bottom: 1px solid;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: .35rem;
    /* font-family: "OPPOSans R"; */
    padding-left: .34rem;
}

.drop-panel .drop-title {
    padding-left: .34rem;
    line-height: 1.02rem;
}

.drop-panel .list {
    padding-top: .35rem;
    max-height: 4rem;
    overflow-y: auto;
    width: 100%;
}

.drop-item {
    /* font-size: .35rem; */
    line-height: .5rem;
    /* padding-left: .34rem;
    font-family: "OPPOSans L"; */
    list-style: none;
}

.drop-item-multiple {
    /* font-size: .35rem; */
    line-height: .5rem;
    /* padding-left: .34rem;
    font-family: "OPPOSans L"; */
    list-style: none;
}

.drop-panel .checkbox-style {
    zoom: 130%;
    width: 10%;
}

/* 弹窗 */

.footer-policy {
    font-size: .3rem;
    /* font-family: "OPPOSans M"; */
    color: rgba(128, 128, 128, 0.502);
    text-decoration: underline;
    line-height: 1.2;
    margin: .1rem auto .35rem;
    padding: .2rem 0;
    display: block;
    text-align: center;
    width: 2.5rem;
}