*{transition:all .3s}.Pagebox{width:100%;height:100vh;display:flex;position:relative}.Pagebox .left{width:70%;height:100vh;background-color:#fff}.Pagebox .left .left_box{width:400px;margin:0px auto;margin-top:130px;position:relative;overflow:hidden}.Pagebox .left .left_box .logo{height:30px;position:absolute;top:0;left:0}.Pagebox .left .left_box .title{font-weight:800;color:#000;font-size:30px;margin-top:80px}.Pagebox .left .left_box .words{margin-top:30px}.Pagebox .left .left_box .words p{line-height:25px;font-size:14px;color:#999}.Pagebox .left .left_box hr{margin-top:30px;border:none;border-top:1px solid #e5e5e5}.Pagebox .left .left_box .lbox{width:calc(100% - 40px);border-radius:5px;background-color:#3370ff;margin-top:30px;padding:20px;color:#fff}.Pagebox .left .left_box .lbox p{font-size:12px;color:#f5f5f5}.Pagebox .left .left_box .lbox .tts{font-size:18px;font-weight:800;color:#fff;margin-bottom:10px}.Pagebox .reg{width:30%;height:100vh;background-color:#3370ff}.Pagebox .login_box{width:calc(100% - 50px);background-color:#fff;border-radius:3px;padding:20px;max-width:300px;position:absolute;top:200px;right:calc(30% - 150px);box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 rgba(0,0,0,.1098039216)}.Pagebox .login_box .title{text-align:center;font-weight:700;color:#3b3b3b;font-size:20px}.Pagebox .login_box .welcome{text-align:center;font-size:12px;color:#777}.Pagebox .login_box .from{margin-top:30px}.Pagebox .login_box .from input{width:100%;margin-bottom:10px}.Pagebox .login_box .from button{width:100%;margin-top:20px}.Pagebox .login_box .Copyright{text-align:center;font-size:12px;color:#777;margin-top:30px;line-height:30px}.Pagebox .login_box .Copyright a{color:#3370ff;text-decoration:none}.Pagebox .login_box .login_other{font-size:14px;width:calc(100% - 10px);margin:0px auto}.Pagebox .login_box .login_other span{cursor:pointer;color:#3370ff}.Pagebox .login_box .login_other span:nth-child(2){float:right}@media screen and (max-width: 800px){.Pagebox{width:100%;height:100vh;display:block;position:relative;overflow:hidden}.Pagebox .left{width:100%;background-color:#06f;overflow:hidden;height:300px}.Pagebox .left .left_box{width:calc(100% - 30px);margin:0px auto;margin-top:30px;position:relative;overflow:hidden}.Pagebox .left .left_box .logo{height:30px;position:absolute;top:0;left:0}.Pagebox .left .left_box .title{font-weight:800;color:#fff;font-size:30px;margin-top:80px;text-align:center}.Pagebox .left .left_box .words{margin-top:30px;display:flex;justify-content:center}.Pagebox .left .left_box .words p{line-height:25px;font-size:14px;color:#f3f3f3;margin:10px;text-align:center}.Pagebox .left .left_box hr{margin-top:30px;border:none;border-top:1px solid #e5e5e5;display:none}.Pagebox .left .left_box .lbox{width:calc(100% - 40px);border-radius:5px;background-color:#3370ff;margin-top:30px;padding:20px;color:#fff}.Pagebox .left .left_box .lbox p{font-size:12px;color:#f5f5f5}.Pagebox .left .left_box .lbox .tts{font-size:18px;font-weight:800;color:#fff;margin-bottom:10px}.Pagebox .reg{width:30%;height:100vh;background-color:#3370ff;display:none}.Pagebox .login_box{width:calc(100% - 40px);background-color:#fff;border-radius:3px;padding:20px;overflow:hidden;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 rgba(0,0,0,.1098039216);position:relative;top:0;left:0;max-width:900px;height:100%;border-top-left-radius:20px;border-top-right-radius:20px;margin-top:-30px}.Pagebox .login_box .title{text-align:center;font-weight:700;color:#3b3b3b;font-size:20px}.Pagebox .login_box .welcome{text-align:center;font-size:12px;color:#777}.Pagebox .login_box .from{margin-top:30px}.Pagebox .login_box .from input{width:100%;margin-bottom:10px}.Pagebox .login_box .from button{width:100%;margin-top:20px}.Pagebox .login_box .Copyright{text-align:center;font-size:12px;color:#777;margin-top:30px;line-height:30px}.Pagebox .login_box .Copyright a{color:#3370ff;text-decoration:none}.Pagebox .login_box .login_other{font-size:14px;width:calc(100% - 10px);margin:0px auto}.Pagebox .login_box .login_other span{cursor:pointer;color:#3370ff}.Pagebox .login_box .login_other span:nth-child(2){float:right}}