body{
    background:#F1F2F6!important;
}
.registerbox{
    padding:70px 140px;
    margin-bottom:40px;
}
.registerbox .layui-form-label{
    width: 136px;
    padding: 9px 4px 9px 0;
}
.registerbox .layui-input{
    width:698px;
}
#verifyImg{
    position: absolute;
    width:115px;
    height:38px;
    cursor:pointer;
    right:0;
    top:0;
}
.icon-suc{
    margin-top:160px;
}
.ts-t-suc{
    font-size:16px;
    color:#262626;
}
.forgotbox{
    padding:130px 152px;
    margin-bottom:70px;
}
.verifybox{
    background:#FAFAFC;
    overflow: hidden;
    border-radius: 4px;
}
.verifybox a.layui-btn{
    margin-top:27px;
}
.verifybox img{
    width:88px;
}
.verifychoose{
    margin: 6px 0 0 8px;
}
.verifychoose h4{
    font-size:22px;
    color:#262626;
    font-weight: bold;
}
.forgotbox .tip{
    width:738px;
    margin: 0 auto;
    margin-top:40px;
    line-height: 28px;
}
.phonetip{
    height: 80px;
    width: 290px;
    line-height: inherit;
    z-index: 3;
    position: absolute;
    top: 0;
    right: -330px;
    background: white;
    box-shadow: 0px 4px 16px rgba(0,0,0,0.08);
    line-height: 38px;
    padding:10px;
    border-radius: 4px;
    display: none;
}
.phonetip>div {
    position: relative;
    top: 0;
    left: 5px;
}
.tipicon {
    margin-bottom: 10px;
    color: #595959;
    font-size: 12px;
}
.tipimg {
    width: 12px;
    height: 12px;
}
.forgotpwd{
    padding:243px 374px;
}
.forgotpwd .layui-form-label{
    padding:9px 10px;
}
.arrows{
    border: 8px solid transparent;
    border-right-color: white;
    display: block;
    position: absolute;
    left: -16px;
}
.newsure-btn:hover{
    color:white;
}
.forget-code{
    position: absolute;
    cursor: pointer;
    width: 90px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #5B93FF;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #5B93FF;
    color: #fff;
    top: 0;
    right: 0;
}
.verifyphone{
    margin-left:80px;
}
.hasred .text-light-green{
    vertical-align: -5px;
    margin-left: -6px;
}
.hasred .layui-form-checkbox[lay-skin=primary] span{
    padding:0;
    white-space: normal;
    width: 520px;
    line-height: 22px;
    color: #595959;
}
.hasred .text-light-green:hover{
    color: #00D090;
}
.hasred .layui-form-checkbox[lay-skin=primary] i{
    top: 2px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    border-radius: 50%;
}
.hasred .layui-form-checkbox[lay-skin=primary]{
    padding-left: 24px;
    width: 150px;
}
.hasred .layui-form-checkbox[lay-skin=primary] span{
    width:100%;
}
.schooltip{
    border: 1px solid #ABF0DB;
    margin: 20px;
    padding: 10px;
    border-radius: 4px;
    background: #F5FDFB;
    color: #8C8C8C;
}
.schooltip i{
    font-size: 12px;
    margin-right: 4px;
}
.schooltip p{
    font-size: 12px;
    margin: 8px 0 0 16px;
    line-height: 22px;
}
#email-modal .modal-body h4{
    color:#262626;
    font-weight:bold;
    font-size:22px;
    margin: 0;
}
#email-modal .modal-body img{
    width:88px;
    margin-top:24px;
}
.emialsend{
    color:#00D090;
    margin:12px 0;
}
#email-modal .modal-footer{
    padding: 19px 20px 32px;
}

/* 登录样式 */
.loginbox .login_bc{
    width:100%;
}
.show-bc{
    width:100%;
}
@media screen and (max-width: 1200px){
    .login_bc{
        width:1200px!important;
        height: 676px;
    }
}
.loginbox{
    position: relative;
}
.loginbox .comlogo{
    position:absolute;
    left: 40px;
    top:16px;
    width:274px;
}
.in-left{
    position: absolute;
    top:64%;
    left:11%;
    width:400px;
    height:122px;
    color: #fff;

}
.in-left .in-line{
    display: inline-block;
    width: 1px;
    height: 10px;
    border: 1px solid #FFFFFF;
    margin: 0 6px;
}
.login{
    position: absolute;
    top:20%;
    right:16%;
    width:400px;
    height:422px;
    padding:32px 30px;
    background:linear-gradient(135deg,rgba(23,25,65,1) 0%,rgba(49,51,93,1) 100%);
    opacity:1;
    border-radius:8px;
}

.login h4 {
    font-size: 22px;
    color: white;
    font-weight: bold;
    margin-bottom:32px;
}
.login h4 span {
    display: block;
    height: 8px;
    background:linear-gradient(90deg,rgba(61,215,117,1) 0%,rgba(61,215,173,1) 100%);
    box-shadow:0px 2px 4px rgba(0,208,144,0.45);
    margin-top: -8px;
    opacity: 0.3;
}
.login-ipt{
    width:336px;
    height:40px;
    background:rgba(23,25,65,1);
    opacity:1;
    border-radius:4px;
    border:none;
    text-indent: 30px;
    color:white;
}
.login-icon{
    position: absolute;
    left:0;
    top:0;
    width:38px;
}
.login #verifyImg{
    width:88px;
    height:40px;
}
.login button{
    width:100%;
    margin-bottom:32px;
    box-shadow:0px 4px 16px rgba(0,208,144,0.3);
}
.login a{
    opacity: 0.65;
}
.login a:hover{
    color:#00D090;
    opacity: 1;
}
.code-login{
    height: 320px;
    overflow: hidden;
}
.codebox{
    width:156px;
    height:156px;
    background:rgba(255,255,255,1);
    border:4px solid rgba(0,208,144,1);
    box-shadow:0px 4px 16px rgba(0,208,144,0.3);
    opacity:1;
    border-radius:8px;
    margin: 0 auto;
    margin-top:78px;
}
.codebox img{
    width:100%;
}
.scanbox{
    text-align: center;
    color: white;
    margin-top:20px;
}
.scanbox img{
    width:14px;
}
.tab-login{
    width:98px;
    height:34px;
    background:rgba(23,25,65,1);
    opacity:1;
    border-radius:0px 8px 0px 36px;
    color: white;
    position: absolute;
    right:0;
    top:0;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
}
.tab-login img{
    width:12px;
}
.block_rzgx,.block_hzqy{
    width:1200px;
    margin: 0 auto;
    position: relative;
}
.swiper-container-qy{
    overflow: hidden;
}
.swiper-container .swiper-slide li,.swiper-container-qy .swiper-slide li{
    height: 180px;
}
.swiper-pagination-bullet{
    width: 20px;
    height: 4px;
    display: inline-block;
    border-radius: initial;
}
:root {
    --swiper-theme-color: #31335D;
}
.band {
    width: 64px;
    height: 64px;
    margin: 0 auto;
}
.band img{
    width:100%;
    height:100%;
}
.swiper-container .swiper-slide li p,.swiper-container-qy .swiper-slide li p{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 14px;
    color: #595959;
}
.block_title {
    width: 100%;
    margin: 80px 0 40px 0;
    position: relative;
    text-align: center;
}
.block_title_text {
    font-size: 24px;
    color: #262626;
    position: relative;
    left: -39px;
    bottom: -5px;
    font-weight: bold;
}
.block_title_solid {
    display: inline-block;
    width:125px;
    height:16px;
    background:rgba(111,224,176,1);
    opacity:1;
    border-radius:4px;
}
.block_title_eglish {
    font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    color: rgba(255,255,255,1);
    opacity: 0.8;
    position: relative;
    bottom: 13px;
    left: 20px;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 30px;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 30px;
}
.show-cont{
    margin-bottom:120px;
}
.relation{
    position: absolute;
    right:80px;
    top:46px;
    color:white;
}
.relation>div{
    margin-right:16px;
}
.relation i{
    font-size:20px;
    cursor: pointer;
}
.relation i:hover{
    color:#00D090;
}
.service-phone{
    position: absolute;
    width:264px;
    height:172px;
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 12px rgba(0,0,0,0.08);
    opacity:1;
    border-radius:4px;
    z-index: 99;
    left: -124px;
    top: 40px;
    padding:20px 20px 14px 20px;
    display: none;
}
.service-phone:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    left: 125px;
    top: -8px;
}
.service-phone p.text-grey{
    margin-bottom:12px;
}
.service-code{
    position: absolute;
    width:208px;
    height:232px;
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 12px rgba(0,0,0,0.08);
    opacity:1;
    border-radius:4px;
    z-index: 99;
    left: -63px;
    top: 40px;
    padding:30px 34px 24px 34px;
    display: none;
}
.service-code:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    left: 100px;
    top: -8px;
}
.service-code>img{
    width:140px;
}
.service-scan img{
    width:14px;
}
.eemlogin{
    background:url(/public/v2/images/loading.gif) no-repeat center center;
}
.eemlogin img{
    display:none;
}
.eemlogin.success img{
    display:block;
}