body, html {
    margin: 0;
    padding: 0;
    overflow: auto;
    /*background: #F1F4F8;*/
    background-color: #f8f9f9;
    display: flex;
    flex-direction: column;
}

.ext_header{
    height: 63px;
    padding: 0 12%;
    background: #FFf;
    box-shadow: 0px 8px 18px 0px #e6e6e6;
}
.ext_logo{
    display: inline-block;
    width: 106px;
    height: 44px;
    position: relative;
    background: url('../img/logo.png') no-repeat;
    background-size: contain;
    margin-top: 7px;
}

.user-panel {
    float: right;
    /*margin-right: 60px;*/
    /*margin-top: 16px;*/
}

.logout {
    overflow: hidden;
    line-height: 36px;
    display: inline-block;

}

.ext_logo_tip{
    color: #7d6960;
    display: inline-block;
    margin-left: 30px;
    font-weight: 600;
    font-family: PingFangSC-Semibold, PingFang SC;
    margin-bottom: 10px;
    overflow: hidden;
}

.ext_content-background {
    /* padding: 22px 28px; */
    background-color: #047f40;
    margin-top: 20px;
    border-radius: 8px;
}

.ext_content{
    /*width: 72%;*/
    margin: 0 auto;
    display: flex;
    height: 388px;
    /*align-items: center;*/
    justify-content: space-between;
    background-color: #047f40;
    /* margin-top: 20px; */
    border-radius: 8px;
}
.ext_content_left_swiper {
    flex: 1;
    display: inline-block;
    border-radius: 13px;
    position: relative;
    background-color: #047f40;
    box-sizing: border-box;
    object-fit: fill;
    /*padding-right: 3%;*/
    /* margin-right: 2%; */
    overflow: hidden;
}
.ext_content_right_login {
    width: 32%;
    background: #fff;
    height: 320px;
    border-radius: 8px;
    /*border: 1px solid #F1F4F8;*/
    /*background-color: #91d5ff;*/
    /* box-shadow: 0px 4px 20px 0px rgb(191 211 250 / 35%); */
    padding-bottom: 20px;
    margin: 24px 28px 24px 0;
}

.swiper-slide {
    border-radius: 8px;
}

.work-place-button {
    width: 104px;
    height: 30px;
    background: rgba(0,102,255,1);
    border-radius: 17px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(255,255,255,1);
    line-height: 15px;
    border: none;
    margin-left: 18px;
    padding-bottom: 1px;
    cursor: pointer;
}

.work-place-button:hover{
    background: rgba(0,102,255,1);
}

.ext_content_right_title{
    position: relative;
    padding: 24px 0 0 0;
    /*border-bottom: 1px solid #EEF0F1;*/
    font-size: 20px;
    font-weight: 500;
    color: #484748;
    /*line-height: 30px;*/
    text-align: center;
}
/*.ext_content_right_title::before{*/
/*    position: absolute;*/
/*    content:"";*/
/*    width: 90px;*/
/*    height: 8px;*/
/*    border-radius: 4px;*/
/*    background: #4A5EAA;*/
/*    bottom: 0px;*/
/*    left: 50px;*/
/*}*/
.ext-form-control-item{
    padding: 0 27px;
    margin-top: 10px;
    position: relative;
    display: flex;
}
.ext-form-control-item-bottom {
    margin-top: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.ext-form-control-item input{
    border:none;
    border-bottom: 1px solid rgba(243,243,243);
    padding: 12px 6px;
    width: 100%;
    flex: 1;
}
.ext_phone_code {
    width: 60% !important;
}
.ext_phone_button {
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #4A5EAA;
    color: #4A5EAA;
    font-size: 18px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 0px;
}
.ext-form-control-item input:focus{
    box-sizing: border-box;
    outline: 0;
    border-bottom: 1px solid rgba(243,243,243);
}

.ext_submitLogin {
    width: 104%;
    height: 38px;
    background-color: #f99f22;
    /* background: linear-gradient(180deg, #4A5EAA 0%, #4065CA 100%); */
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 38px;
    cursor: pointer;
    margin-top: 15px;
}

.ext_forget-password {
    font-size: 11px;
    font-weight: 400;
    color: #7e7e7e;
    cursor: pointer;
    display: inline-block;
    margin-top: 3px;
    margin-right: 8px;
}
.reset-account-content {
    color: #f99f22;
    font-weight: 600;
    font-size: 12px;
}
.ext_register {
    display: inline-block;
    float: right;
    margin-right: 0px;
    font-size: 14px;
    color: #4065ca;
}
.ext_no_account {
    float: right;
    margin-right: 10px;
    line-height: 24px;
    font-size: 14px;
    display: inline-block;
}

.validation {
    padding: 0 50px;
    /*margin-top: 10px;*/
    color: red;
    font-size: 12px;
    display: inline-block;
}

.authcode {
    width: 59%;
}

.autoCodeImg {
    width: 100px;
    display: inline-block;
    height: 45px;
    vertical-align: bottom;
}

.swiper-pagination-custom {
    bottom: 25px;
}

.swiper-pagination-customs {
    width: 19px;
    height: 2px;
    opacity: 0.24;
    margin: 0 5px;
    outline: 0;
    background: #83DDFF ;
    display: inline-block;
}
.swiper-pagination-customs-active {
    opacity: 1;
    width: 27px;
    height: 4px;
    background: #082878;
    margin: -1px 5px;
}

.myswiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.content {
    width: 72%;
    margin: 0 auto;
}


.lunbo_img1{
    background: url("../img/lunbo_1.jpeg");
    background-size: cover;
    height: 100%;
    background-repeat:no-repeat;
    /*position: fixed;*/
    width: 100%;
}
.lunbo_img2{
    background: url("../img/lunbo_2.jpeg");
    background-size: cover;
    height: 100%;
    background-repeat:no-repeat;
    /*position: fixed;*/
    width: 100%;
}
.lunbo_img3{
    background: url("../img/lunbo_3.jpeg");
    background-size: cover;
    height: 100%;
    background-repeat:no-repeat;
    /*position: fixed;*/
    width: 100%;
}
.lunbo_img4{
    background: url("../img/lunbo_4.jpeg");
    background-size: cover;
    height: 100%;
    background-repeat:no-repeat;
    /*position: fixed;*/
    width: 100%;
}
.lunbo_img5{
    background: url("../img/lunbo_5.jpeg");
    background-size: cover;
    height: 100%;
    background-repeat:no-repeat;
    /*position: fixed;*/
    width: 100%;
}
.lunbo_img6{
    background: url("../img/lunbo_6.jpeg");
    background-size: cover;
    background-repeat:no-repeat;
    height: 100%;
    /*position: fixed;*/
    width: 100%;
}
.lunbo_img7{
    background: url("../img/lunbo_7.jpeg");
    background-size: cover;
    background-repeat:no-repeat;
    height: 100%;
    /*position: fixed;*/
    width: 100%;
}


.ext_footer{
    text-align: center;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    color: #f9a126;
    line-height: 22px;
    /*width: 72%;*/
    margin: 20px 0;
    box-sizing: border-box;
    /* background: #fff; */
    /*padding: 0 20px;*/
    /*border: 1px solid rgba(241,241,241,0.5);*/
    /* border-radius: 20px; */
    display: flex;
    justify-content: space-between;
}

.ext_footer .title {
    text-align: left;
    /*font-weight: bold;*/
    font-size: 20px;
    position: relative;
    display: flex;
    /* padding: 16px 0 0 12px; */
    padding-top: 16px;
    align-items: center;
}
.ext_footer .title .title-top {
    margin-left: 36px;
}
.ext_footer .title:before{
    content: '';
    position: absolute;
    width: 96%;
    height: 1px;
    left: 50%;
    transform: translateX(-50%) scaleY(0.5);
    bottom: -10px;
    background: #f9a126;
}

.ext_footer .links{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-content: center;
    margin-top: 24px;
    margin-bottom: 16px;
    position: relative;
}

.ext_footer .links a {
    padding: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #515051;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.ext_footer .footer-left {
    flex: 5.5;
    margin-right: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 18px 0px #e6e6e6;
}
.ext_footer .footer-right {
    flex: 4.5;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 18px 0px #e6e6e6;
}

.links-img-background1 {
    background: url("../img/manual.png");
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 36%;
    height: 104px;
    margin: 0 auto;
    margin-left: 16px;
}
.links-img-background2 {
    background: url("../img/contact.png");
    background-size: 100% 100%;
    display: flex;
    text-align: left;
    align-items: center;
    border-radius: 8px;
    height: 104px;
    display: inline-block;
    margin: 0 auto;
    flex: 1;
    margin: 0 16px;
}

.links-img-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.links-img-content {
    font-size: 24px;
    font-weight: 600;
}

.links-content {
    display: flex;
    flex-direction: column;
}

.contact-us-wrap {
    position: absolute;
    /* width: 250px; */
    right: 50px;
    width: 206px;
    background-color: white;
    box-shadow: 0px 3px 10px 0px rgba(217,226,252,1);
    border-radius: 4px;
    text-align: left;
    display: none;
    padding: 12px;
}

.contact-us-box {
    font-size: 12px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: rgba(51,51,51,1);
    line-height: 17px;
    margin-left: 16px;
    /* margin-bottom: 9px;
    padding-top: 9px; */
}
.contact-us-wrap hr {
    /* margin-top: 5px;
    margin-bottom: 14px;
    margin-left: 12px; */
    border: 0;
    border-top: 1px solid #eee;
}

.contact-us-ui {
    height: 48px;
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-us-img {
    width: 12px;
    height: 12px;
}

.contact-us-ui > ul > li> span {
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(104,118,156,1);
    line-height: 17px;
    margin-left: 4px;
}


@media screen and (max-width: 1919px) {
    .ext_content{
        /*margin-top: 20px;*/
    }
    .ext_footer {
        /*margin-bottom: 30px;*/
    }

}

@media screen and (max-width: 1366px) {
    .content{
        width: 85%;
        flex: 1;
    }
    .ext_footer {
        /* margin-bottom: 30px; */
    }

}
.password-icon-change-close, .password-icon-change-open{
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 400;
    width: 16px;
    height: 16px;
}
.password-icon-change-close:before {
    position: absolute;
    content: '';
    display: block;
    background: url(../img/eye-close.png);
    width: 16px;
    height: 16px;
    background-size: cover;
}
.password-icon-change-open:before {
    position: absolute;
    content: '';
    display: block;
    background: url(../img/eye-open.png);
    width: 16px;
    height: 16px;
    background-size: cover;
}

/*.clear-icon-account, .clear-icon-code{*/
/*    position: absolute;*/
/*    right: 50px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    font-size: 12px;*/
/*    font-weight: 400;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    cursor: pointer;*/
/*    background: url("https://stjc-common.obs.cn-south-1.myhuaweicloud.com/static/mh/img/login-close.png") no-repeat center center;*/
/*    background-size: 14px auto;*/
/*}*/
/*.clear-icon-code{*/
/*    left: 50%;*/
/*    transform: translate(100%, -50%);*/
/*}*/