.screen-layout{padding:40px 20px 10px;height:100%;width:100%}.screen-layout,.screen-layout .screen-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.screen-layout .screen-left{width:22%;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.screen-layout .screen-left .left-first{height:20%;width:100%;-webkit-animation:first 2s cubic-bezier(.31,-.51,.77,1.61);animation:first 2s cubic-bezier(.31,-.51,.77,1.61)}.screen-layout .screen-left .left-first .left-first-name{font-size:1vw;color:#0e94ea}.screen-layout .screen-left .left-second,.screen-layout .screen-left .left-third{height:39%;width:100%;-webkit-animation:first 2s cubic-bezier(.31,-.51,.77,1.61);animation:first 2s cubic-bezier(.31,-.51,.77,1.61)}.screen-layout .screen-center{width:54%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.screen-layout .screen-center .center-con{position:relative}.screen-layout .screen-center .center-con .tools{background-color:#fff;position:absolute;bottom:10px;right:10px}.screen-layout .screen-center .center-first{margin-top:1vw;height:90%;width:100%}@-webkit-keyframes scale{0%{-webkit-transform:scaleZ(1);transform:scaleZ(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scaleZ(1);transform:scaleZ(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.screen-layout .screen-center .center-second{height:39%;width:100%;-webkit-animation:center 2s linear;animation:center 2s linear}.screen-layout .screen-right{width:22%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.screen-layout .screen-right .right-first{height:60%;width:100%;-webkit-animation:first 2s cubic-bezier(.31,-.51,.77,1.61);animation:first 2s cubic-bezier(.31,-.51,.77,1.61)}.screen-layout .screen-right .right-first .right-num{height:100%}.screen-layout .screen-right .right-first .right-num ::v-deep .border-box-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.screen-layout .screen-right .right-second{height:39%;-webkit-animation:first 2s cubic-bezier(.31,-.51,.77,1.61);animation:first 2s cubic-bezier(.31,-.51,.77,1.61)}@-webkit-keyframes first{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes first{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes second-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes second-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes second-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes second-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes third-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes third-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes third-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes third-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes center{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes center{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes cloud{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}40%{opacity:1}60%{opacity:1}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes cloud{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}40%{opacity:1}60%{opacity:1}to{-webkit-transform:translate(0);transform:translate(0)}}