html,body{width:100%;height:100%;overflow:hidden;}body{padding:0;}.layui-form-item .layui-input-block{margin:0;}.bg{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:relative;}.main{position:absolute;left:0;top:0;right:0;bottom:0;width:800px;height:540px;background-color:#FFFFFF;overflow:hidden;margin:auto;display:flex;border-radius:4px;}.poster{width:350px;height:100%;background-color:#1594FF;overflow:hidden;}.poster>img{max-width:100%;max-height:100%;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}.content{width:calc(100% - 350px);height:100%;}.item{padding:40px;display:none;transition:1s;position:relative;}.item.this{display:block;}.head{height:40px;line-height:40px;margin-bottom:40px;}.head>.title{font-size:22px;color:rgb(51,51,51);}.head>.tip{font-size:12px;line-height:12px;color:rgb(102,102,102);margin-left:16px;}.head>.link{color:rgb(21,147,255);cursor:pointer;}input[name=captcha],input[name=smscode]{width:228px;float:left;}.captcha{border:1px solid #F0F0F0;height:36px;float:right;cursor:pointer;}.getSmsCode{background-color:#F5F8FB;border:none;color:#1593ff;line-height:40px;float:right;border-radius:4px;padding:0px 15px;cursor:pointer;}.getSmsCode:hover{background-color:#E7F4FF;}.other{text-align:center;padding:15px;font:12px;color:#666666;}.link{color:#1593ff;}.agreement{color:#666666;margin-top:20px;}.layui-input-block{margin-left:0;}.layui-input{height:40px;border-radius:4px;padding-left:12px;}.layui-input::-webkit-input-placeholder{color:#999999;}.layui-input:focus{border-color:rgb(21,147,255) !important;}button[lay-submit]{margin-top:30px;height:40px;letter-spacing:10px;border-radius:4px;}.error{position:absolute;left:0;top:85px;right:0;margin:auto;width:max-content;text-align:center;background-color:chocolate;width:300px;color:#ff5448;background-color:#fff3f0;}@media screen and (max-width:500px){.bg{background-color:#FFFFFF;}.main{width:100%;display:block;}.content{width:auto;}.poster{height:50px;display:none;}.head{text-align:center;}.head>.title{display:block;}input[name=captcha],input[name=smscode]{width:50%;}.getSmsCode{padding:0px 5px;font-size:1px;line-height:38px;}}