You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
59 KiB
CSS
1 line
59 KiB
CSS
3 years ago
|
@-webkit-keyframes error401animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}45%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}55%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes error401animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}45%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}55%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.error401-body-con{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error401-body-con-title{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error401-body-con-title .error401-0-span{display:inline-block;position:relative;width:170px;height:170px;border-radius:50%;border:20px solid #ed3f14;color:#ed3f14;margin-right:10px}.error401-body-con-title .error401-0-span i{display:inline-block;font-size:120px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error401-body-con-title .error401-key-span{display:inline-block;position:relative;width:100px;height:190px;border-radius:50%;margin-right:10px}.error401-body-con-title .error401-key-span i{display:inline-block;font-size:190px;position:absolute;left:20px;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:error401animation 2.8s ease 0s infinite;animation:error401animation 2.8s ease 0s infinite}.error401-body-con-message{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:4px;color:#dddde2}.error401-btn-con{text-align:center;padding:20px 0;margin-bottom:40px}.error401-home-button{width:200px;border-color:transparent;padding:6px 15px 7px;font-size:14px;border-radius:4px;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background:transparent none;white-space:nowrap;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .2s linear,background-color .2s linear;transition:color .2s linear,background-color .2s linear;color:#495060}.error401-home-button:hover{text-decoration:none;color:#57a3f3}.error401-block-button{width:200px;margin-left:40px;color:#fff;border-color:#2d8cf0;padding:6px 15px 7px;font-size:14px;border-radius:4px;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background:#2d8cf0 none;border-bottom-color:transparent;white-space:nowrap;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .2s linear,background-color .2s linear;transition:color .2s linear,background-color .2s linear}.error401-block-button:hover{color:#fff;background-color:#57a3f3;border-color:#57a3f3}.register-text{float:right;text-align:right;width:100%;font-size:13px;font-family:Microsoft YaHei;float:left;text-align:left;margin-top:10px}.el-card{margin-right:20px;margin-top:15px}.el-row{display:-webkit-box;display:-ms-flexbox;display:flex}.el-col,.el-row{-ms-flex-wrap:wrap;flex-wrap:wrap}.el-col{border-radius:4px}@-webkit-keyframes error404animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}40%{-webkit-transform:rotate(-10deg);transform:
|