.dws-welcome{width:100vw;height:100vh;background:url(../img/bg.1a303242.png);margin:0;padding:0;overflow:hidden;background-size:100% 100%}.school-name{width:50vw;margin:0 auto;margin-top:15vh}.school-name img{display:block;width:292px;height:49px;margin:0 auto}.school-name span{display:block;margin:0 auto;font-size:1.3vw;color:#fff;text-align:center;line-height:3vw;font-weight:700;margin-top:1vw}.select-role{width:50vw;margin:0 auto;margin-top:2vh}.select-role span.select-role-s{display:block;margin:0 auto;font-size:1vw;color:#fff;text-align:center;line-height:3vw}.role-boxes{width:550px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:1vw}.dws-roles{width:230px;height:260px;background:url(../img/role-bg.2e62e7fa.png);background-size:100% 100%;background-repeat:no-repeat;cursor:pointer}.dws-roles img{width:70%;margin:0 auto;display:block;margin-top:1vw}.dws-roles span{font-size:16px;display:block;text-align:center;line-height:3vw;font-weight:700}.dws-roles span:hover{color:#2d8cf0}.copyright{width:100%;height:48px;line-height:48px;color:#fff;position:fixed;bottom:0;text-align:center;font-size:12px;background-color:#5b7ac0}