@charset "utf-8";

.loginCommonBox {
    width: 100%;
    height: 868px;
    /* background-color: #0362d2; */
    background-image: url(../img/login-back.jpg);
    background-repeat: no-repeat;
}

.loginCenter {
    width: 62%;
    margin: 0 auto;
    position: relative;
}

.loginContent {
    background: #fff;
    width: 600px;
    height: 700px;
    position: absolute;
    right: -240px;
    top: 60px;
    border-radius: 10px;
}

.bg4 {
    width: 600px;
    height: 640px;
    position: absolute;
    right: 360px;
    top: 90px;
    background-color: #1472FF;
}

.lefttitle {
    margin-left: 40px;
    margin-top: 80px;
}

.bigOne {
    width: 360px;
    height: 47px;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 60px;
    color: #FFFFFF;
    opacity: 1;
    /* margin: 80px auto 24px; */
}

.bigOneOrgan {
    width: 479px;
    height: 47px;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 60px;
    color: #FFFFFF;
    opacity: 1;
    /* margin: 80px auto 24px; */
}

.imgList {
    display: flex;
    margin-top: 72px;
    margin-left: 72px;
}

.imgList>div {
    margin-right: 84px;
    position: relative;
}

.imgList>div>img {
    width: 96px;
    height: 96px;
    border-radius: 5px;
}

/* 企业 */
.imgTit {
    margin-top: 30px;
    margin-left: 30px;
    width: 36px;
    height: 24px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 0px;
    color: #FFFFFF;
    opacity: 1;
}

/* 教师 */
.imgTitTeacher {
    margin-top: 30px;
    margin-left: 3px;
    width: 90px;
    height: 24px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.imgTitTeacher2 {
    margin-top: 30px;
    margin-left: 12px;
    width: 90px;
    height: 24px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 0px;
    color: #FFFFFF;
    opacity: 1;
}

/* 机构 */
.imgTitOrgan {
    margin-top: 30px;
    margin-left: -3px;
    width: 108px;
    height: 24px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 0px;
    color: #FFFFFF;
    opacity: 1;
}

/* 企业 */
.imgContent {
    width: 140px;
    text-align: center;
    position: absolute;
    bottom: -67px;
    left: -20px;
    height: 67px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #D0E3FF;
    opacity: 1;
}

/* 教师 */
.imgContentTeacher {
    width: 182px;
    text-align: center;
    position: absolute;
    bottom: -67px;
    left: -40px;
    height: 67px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #D0E3FF;
    opacity: 1;
}

.smallOne {
    width: 440px;
    height: 52px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 28px;
    color: #FFFFFF;
    opacity: 1;
    /* margin: 24px auto 0; */
    margin-top: 24px;
}

.h3_title {
    font-size: 24px;
    color: #333333;
    text-align: center;
    font-weight: 700;
    margin-top: 20px;
}

.loginContent .layui-form {
    margin-top: 22px;
}

.loginContent .layui-form-item {
    margin-bottom: 28px;
}

.loginContent .layui-input-block {
    right: 52px;
    position: relative;
    border: 1px solid #D2D2D2 !important;
}

.loginContent .yzm {
    width: 356px;

}

.loginContent .yzmbox {
    position: relative;
}

.loginContent .code {
    border: 0;
    width: 100%;
    height: 48px;
    padding-left: 16px;
}

.loginContent .account {
    border: 0;
    padding-left: 16px;
    width: 480px;
    height: 48px;
}

/* .loginContent .layui-input-block .sp1{
    position: absolute;
    left: 10px;
    top: 0;
    height: 38px;
    line-height: 38px;
}
.loginContent .layui-input-block .sp2{
    position: absolute;
    right: 10px;
    top: 0;
    height: 38px;
    line-height: 38px;
    color: #0362d2;
    cursor: pointer;
    border: 0;
    background: #fff;
} */

.loginContent .sp3 {
    position: absolute;
    right: 95px;
    top: 0;
    height: 38px;
    line-height: 38px;
}

.loginContent .submitBtn {
    width: 480px;
    height: 52px;
    background: #1472FF;
    font-size: 18px;
}

/* 企业 */
.loginContent .titleBtn {
    background-color: #FFF6E6;
    width: 248px;
    height: 41px;
    opacity: 1;
    border-radius: 4px;
    color: #FF9850;
    font-weight: 800;
    font-size: 16px;
    border-radius: 25px;
    text-align: center;
    line-height: 41px;
    margin-left: 176px;
    margin-top: 10px;
}

/* 教师 */
.loginContent .titleBtnTeacher {
    background-color: #FFF6E6;
    width: 290px;
    height: 41px;
    opacity: 1;
    border-radius: 4px;
    color: #FF9850;
    font-weight: 800;
    font-size: 16px;
    border-radius: 25px;
    text-align: center;
    line-height: 41px;
    margin-left: 152px;
    margin-top: 10px;
}

.loginContent .verifcodeBtn {
    width: 112px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #1472FF;
    opacity: 1;
    border-radius: 4px;
    color: #1472FF;
    font-weight: 550;
    position: absolute;
    right: 53px;
    bottom: 1px;
}

.loginContent .submitBlock {
    border: 0 !important;
}

.jumpbox {
    margin-left: 60px;
    margin-top: 40px;
    margin-bottom: 28px;
    font-weight: 550;
    font-size: 16px;
    display: flex;
}

.jumpbox>span {
    margin-right: 12px;
}

.jumpbox>div {
    margin-right: 22px;
    cursor: pointer;
}

.loginContent .jumpbox>div>i {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 2px;
    margin-right: 5px;
    border: 1px solid #DDDDDD;
    border-radius: 50%;
}

.agreementbox {
    margin-left: 60px;
    width: 484px;
    margin-bottom: 21px;
}

.layui-form-item .layui-form-checkbox {
    margin-top: 1px !important;
}

.register_class_active>i {
    border: 1px solid #1472FF;
    background: #1472FF;
    position: relative;
}

.register_class_active>i:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 50%;
    left: 29%;
    top: 30%;
    margin: -2px;
}

.login_footer {
    margin-top: 30px;
    text-align: center;
    color: #999999;
}

.layui-form-select {
    width: 186px !important;
    height: 48px !important;
    line-height: 48px;
    margin-right: 22px
}

.layui-form-select .layui-edge {
    top: 41% ! important;
}

.selectTit {
    width: 48px;
    height: 21px;
    margin-top: 5px;
    margin-right: 24px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 600;
    line-height: 30px;
    color: #333333;
    opacity: 1;
}

.boxContent {
    margin-top: 40px;
    margin-left: 60px;
}

.firstBoxLine {
    display: flex;
}

.smallBox {
    cursor: pointer;
    width: 228px;
    height: 112px;
    border: 1px solid #BABDCC;
    opacity: 1;
    border-radius: 4px;
    margin-right: 24px;
    display: flex;
}

.smallBox>img {
    margin-top: 32px;
    margin-left: 32px;
}

.boxExm {
    margin-left: 24px;
    margin-top: 30px;
}

.boxExm>h6 {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 30px;
    color: black;
    opacity: 1;
}

.boxExm>div {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 30px;
    color: #7A7D8B;
    opacity: 1;
    border-radius: 4px;
}

.secondBoxLine {
    margin-top: 24px;
    width: 480px;
    height: 112px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #BABDCC;
    opacity: 1;
    border-radius: 4px;
    display: flex;
}

.secondBoxLine>img {
    margin-top: 32px;
    margin-left: 32px;
}

.diaHead {
    width: 626px;
    height: 160px;
    background: url(../img/dialogTit.png);
    text-align: center;
    padding-top: 33px;
}

.diaFirst {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 52px;
    color: #FFFFFF;
    opacity: 1;
}

.diaSecond {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 28px;
    color: #D0E3FF;
    opacity: 1;
    margin-top: 12px;
}
.diaCon {
    text-align: center;
    padding-top: 59px;
}
.diaCon>p {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 40px;
    color: #333333;
    opacity: 1;
}
.confirmBut {
    width: 240px;
    height: 52px;
    border-radius: 999em;
    background-color: #1773FF;
    text-align: center;
    line-height: 52px;
    color: white;
    font-size: 16px;
    margin-top: 60px;
    margin-left: 193px;
    cursor: pointer;
}
.teleTit {
    font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 48px;
color: #1472FF;
opacity: 1;
}