*{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-top{height:200px;background:linear-gradient(90deg,rgba(0,0,240,.5),rgba(94,94,233,.5));display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:Infinity% 0 20% 20%}.icon-head{width:40px;float:clear}.login-top-centent{padding-top:10px;text-align:center;color:#fff;font-size:20px}.title-name{text-align:center;color:#fff;font-size:18px}.login-body{margin:0 auto;margin-top:-20px;width:85%;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:1;border-radius:10px;padding:60px 0;height:calc(100% - 200px)}.field{width:70%;height:30px;margin:0 auto;margin-top:30px;border-bottom:1px solid #cccbcb;display:flex;align-items:center;padding:5px 0}.field img{width:20px;height:20px;margin-right:5px}.field input{width:100%}.code{width:70%;height:30px;margin:0 auto;margin-top:30px;border-bottom:1px solid #cccbcb;display:flex;align-items:center;padding:5px 0}.code img{width:20px;height:20px;margin-right:5px}.code input{width:100%}.code .code_btn{float:right;width:120px;height:26px;font-size:12px;line-height:26px;text-align:center;background:#46b89c;border-radius:13px;color:#fff;margin:8px 10px;overflow:hidden}input{border:0;font-size:13px}input::-webkit-input-placeholder{color:rgba(0,0,240,.5);font-size:13px}input:focus{outline:0}.register{margin-top:15px;width:60px;text-align:left;float:right;color:#409eff;margin-right:15%}.login{width:70%;margin-top:30px;border:0;height:40px;border-radius:10px;background:rgba(0,0,240,.5);color:#fff;margin-left:15%}button:focus{outline:0}.register_box{width:80%;height:60%;box-shadow:0 0 10px 5px #eee;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;background:hsla(0,0%,100%,.8);overflow:scroll}.register_box .reg_title{width:100%;height:120px;text-align:center;line-height:120px}.register_box .reg_cont{width:100%;height:calc(100% - 120px)}.register_box .reg_cont .code,.register_box .reg_cont .password,.register_box .reg_cont .user{width:80%;height:50px;border:1px solid #aaa;margin-bottom:15px;border-radius:15px;margin-left:10%}.register_box .reg_cont .code img,.register_box .reg_cont .password img,.register_box .reg_cont .user img{width:22px;height:22px;margin:14px 10px}.register_box .reg_cont .code input,.register_box .reg_cont .password input,.register_box .reg_cont .user input{border:0;width:calc(80% - 70px);height:50px;position:absolute;outline:none;background:none}.register_box .reg_cont .code input{width:calc(80% - 135px)}.register_box .reg_cont .code .code_btn{float:right;width:80px;height:26px;font-size:12px;line-height:26px;text-align:center;background:#46b89c;border-radius:13px;color:#fff;margin:12px 10px}.register_box .reg_cont .goLogin{width:80%;margin-left:10%;text-align:right;margin-bottom:30px;color:#409eff}.register_box .reg_cont .reg_btn{width:60%;height:50px;background:#409eff;margin-left:20%;border-radius:25px;color:#fff;text-align:center;line-height:50px}.shade{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0}.shade .mus_box{width:60%;height:80%;background:#fff;border-radius:15px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.shade .mus_box .mus_title{width:100%;height:60px;text-align:center;line-height:60px;font-size:17px}.shade .mus_box .mus_choose{width:100%;height:calc(100% - 120px);overflow-y:scroll}.shade .mus_box .mus_choose .mus_cont{width:100%;height:40px}.shade .mus_box .mus_choose .mus_cont .el-radio-group{width:80%;margin-left:50px}.shade .mus_box .mus_foot{width:100%;height:60px;position:fixed;bottom:0}.shade .mus_box .mus_foot .cancel_btn,.shade .mus_box .mus_foot .confirm_btn{width:35%;height:40px;background:#409eff;color:#fff;border-radius:15px;line-height:40px;text-align:center;float:left;margin-left:10%}.shade .mus_box .mus_foot .cancel_btn{background:#ccc}