body{ background:linear-gradient(45deg, #3C94ED, #105AA5) !important; }
#mainer{
    height:100vh;
    width:100vw;
    background: url(../../img/live/login/wave.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    position: relative;
}
header{justify-content: space-between; padding: 0 0.58rem; padding-top: 0.58rem; box-sizing: border-box;}
.liveLogin .logo{
    width: 196px;
    fill: #fff;
}
.liveLogin .language{display: flex; align-items: center;cursor: pointer;}
.liveLogin .language .lang{
    width: 26px;
    height: 26px;
}
.liveLogin .language span{font-size: 18px; margin:0 0.1rem; color: #fff;}
.liveLogin .language .jt{width: 9.5px;}
.liveLogin .contMid{width:523px; margin: 0 auto; margin-top: 0.86rem; }
.liveLogin .bigTitle { width: 634px; margin:0 auto; padding-top: 2.08rem;color: #fff;}
.loginRegisterform{width: 100% !important;}
.liveLogin form .comtxt {font-size: 18px; color: #fff; }
.liveLogin form .title {margin-bottom: 0.1rem; }
.liveLogin form .input { height: 60px; width: 100%; border:1.5px solid #8DB8DB;border-radius: 5px; overflow: hidden; }
.liveLogin form .input input { height: 100%; width: 100%; border:none; background: none; padding: 0 0.15rem; box-sizing: border-box; font-size: 0.18rem; color: #fff; }
.liveLogin form .elem { margin-bottom: 30px;}
.liveLogin form .fxkpos { width: 36px; height: 36px; margin-right: 0.1rem; position: relative; }
.liveLogin form .fxkpos .fxk {position: absolute; width: 100%; height: 100%; left:0; top:0; }
.liveLogin form .fxkpos .fxk1 {z-index: 1; }
.liveLogin form .fxkpos .fxk2 {z-index: 2; display: none;}
.liveLogin form .verify  {width: 318px;  height: 60px; overflow: hidden; }
.liveLogin form .loginElem  {margin-top: 48px;}
.liveLogin .fxkchange {cursor: pointer; }
.liveLogin .fxkchange.on .fxk2{display: block;}
.liveLogin .fxkchange.on .fxk1{display: none;}

 .itemcenter {align-items: center; }
 .between {justify-content: space-between }
.loginbtn{width: 100%; height: 62px; background: linear-gradient(-110deg,#21B3FE,#008BE9); border: none; border-radius: 5px; font-size: 24px; color: #fff; cursor: pointer; transition: opacity 0.3s linear; }
.loginbtn:hover{opacity: 0.8;}
.wellogin{font-size: 0.3rem; color: #fff; position: absolute; left:1.44rem; bottom:0.88rem;}

.liveLogin form .emailVerify{width: 330px;  }
.verifyBtn{border:none; width: 172px; height: 62px; font-size: 18px;}
input::placeholder {
    opacity: 0.6;color: #D0E4F2;font-size: 16px;
}
.forgetPage .bigTitle{font-size: 20px; border-bottom: 1.5px solid #8DB8DB; margin-bottom: 43px; margin-top: 0; height: 60px; line-height: 60px; padding: 0 20px; text-align: left; }
.forgetPage .contMid{width: 784px; border: 1.5px solid #8DB8DB; border-radius: 10px; padding: 0 30px 20px; box-sizing: border-box;}
.forgetPage form{ padding: 0 100px; box-sizing: border-box;}


.liveRegister .star{color: red;}
.liveRegister .titlep1{margin-bottom: 10px;}
.liveRegister .topimg img{ display: none;}
.liveRegister .titlep{text-align: left; font-size: 16px;}
.liveRegister .formMain .layui-input{height: 44px;}
.liveRegister .formMain .layui-form-item {margin-bottom: 16px;}
.liveRegister .layui-input-block {margin-top: 10px;}
.liveRegister#main .formMain{padding: 1rem 0 1rem;}
.liveRegister .verifyBtn{height: 44px;}
.liveRegister .verifyCode{width: 410px;}
.liveRegister .join{height: 50px;}
@media screen and (max-width: 768px) {
    #mainer{width: 100%; background-size: 218% auto; background-position: bottom center;}
    .liveLogin .bigTitle{text-align: center; width: 100%;}
    .liveLogin .logotitle{width: 6.2rem;}
    .liveLogin .contMid,.liveRegister .contMid{width: 100%; padding: 0 0.5rem; box-sizing: border-box;}
    .liveLogin form .input,.liveRegister .formMain .layui-input,.liveRegister .verifyBtn{height: 0.8rem;}
    .liveLogin form .comtxt {font-size: 0.28rem;}
    .loginbtn{height: 0.8rem; font-size: 0.32rem;}
    .wellogin{display: none;}
    .liveLogin form .input input,.formMain .layui-input{font-size: 0.3rem;}
    .liveLogin form .title{margin-bottom: 0.2rem;}
    input::placeholder {font-size: 0.28rem;}
    .liveLogin .logo{width: 2rem;}
    .forgetPage form{padding: 0 ;}
    .forgetPage .contMid{border: none;}
    .forgetPage .bigTitle{ text-align: left; font-size: 0.4rem;width: 100%; padding: 0; border-bottom:none; height: auto; line-height: normal; margin-bottom: 0.2rem;}
    .verifyBtn{font-size: 0.28rem; width: 2.8rem;}
    .liveLogin form .emailVerify,.liveRegister .verifyCode {width: 3.4rem;}
    .liveRegister .titlep,.loginbtn .title{font-size: 0.3rem;}


    .liveRegister .topimg img {display: block;}
    .infoPageMain #main .topimg{ background: none !important; }
    .titlep{text-align: left;  font-size: .26rem;}
    .formMain .layui-input{height: 0.8rem;}
    .formMain .layui-form-item{margin-bottom: 0.38rem;}
    .infoPageMain .layui-input-block {margin-top: 0.1rem;}
    .titlep br{display: none;}

}