.revision-loading--warpper{background-color:#2088f4;background-image:url(../img/bg.f83502a9.png);background-repeat:no-repeat;background-size:contain;background-position:50%;height:100vh}.revision-loading--warpper .screen{position:relative;height:18px;width:60%;margin:0 auto;overflow:hidden}.revision-loading--warpper .screen .bar{height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAIAAAARsx0+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4QTk2MUMyRTZCMzExRUFBQTA5ODBEM0UxNzk1Qjk0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4QTk2MUMzRTZCMzExRUFBQTA5ODBEM0UxNzk1Qjk0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDhBOTYxQzBFNkIzMTFFQUFBMDk4MEQzRTE3OTVCOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDhBOTYxQzFFNkIzMTFFQUFBMDk4MEQzRTE3OTVCOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6AR/3uAAAB3ElEQVR42pyWCStFURDH/2euNSFRQrZSkkhIJNnXDylfwhZCvYQkKUkUEsoSWbLeOe4VWTrz3r1z671bd875zTQz58zf2LcJmCzoHnuM9/Hg5bLlkJ4bEP1pgQt4fQT1w5uwZ26TKQG1qNEv8BdEozcKkBbtLwEPbhPVw1SFb1WSr8Grgi0NNPTlQhXyTPATQu6EKdCi+QB2T6heHryuHy9xweBp0UiDQIYWzeuwl0LI5aDGP47iVO8J/qJgM/DGwn8lmoNGfhJS0QRT9v9b5JAvwBuCLQM04HAXueEmwxq6z143TK4Wzbuwh0KSC0Ad7iRFCRg8IzfcSHgClWhegb0RQq4G1YlOU1XvHv6yuDdsOGjRPA+8CltbYYq1aHsK3hJs2aD+5FFR0vk0Jc+nXphsLZq3YU+E6hWB2lKWX0K/gufkTWNRWktY4Sdg74SQa0E1Uc6ZC21vwQlpoMIbiXg1uNA8C7wLy9thCrVoewTeERbnwOuJfgfT//nky/PJC27OTC06FETnQvVKQc2xht0vtH2WBZH5FERGi+ZAED3Kgqgyrqr4Rtsr8JqwJh00rBBC3+iwekkEUb4Wzfuw+0KS838LorjolIIoXYsONGeQaHfIFaAGtbT/EGAA1M+FbgsWEqEAAAAASUVORK5CYII=);position:absolute;left:0;width:120vw;-webkit-animation:move .2s linear infinite;animation:move .2s linear infinite}.revision-loading--warpper .screen .cover{-webkit-transition:width .3s;transition:width .3s;position:absolute;background:#95b9fc;height:100%;width:50%;top:0;right:0}.revision-loading--warpper .text{color:#fff;text-align:center;padding-bottom:20px}.revision-loading--warpper .btn{margin:30px auto;width:50vw;height:14.6vw;line-height:11vw;background:url(../img/btn.f32a247e.png) no-repeat;background-size:100%;text-align:center;color:#fff;font-size:3.73vw}.revision-loading--warpper .content .phone{position:relative;margin:0 auto;width:80%}.revision-loading--warpper .content .phone img{width:100%}.revision-loading--warpper .content .phone .point{position:absolute;top:-15vw}.revision-loading--warpper .content .phone .point-round{-webkit-animation:circle 3s linear infinite;animation:circle 3s linear infinite}.revision-loading--warpper .content .phone .list-static{position:absolute;top:-1%;left:27.5%;background:#10819b;height:50%;width:48%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(56deg) rotateY(-11deg) rotate(53deg);transform:rotateX(56deg) rotateY(-11deg) rotate(53deg);padding:6vw 0}.revision-loading--warpper .content .phone .list-static .phone-text{font-size:8vw;color:#2cb7d8;font-weight:700;text-align:center}.revision-loading--warpper .content .phone .list{position:absolute;top:0;left:28%;background:#aeebff;height:48%;width:45%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(56deg) rotateY(-11deg) rotate(53deg);transform:rotateX(56deg) rotateY(-11deg) rotate(53deg);-webkit-animation:phone 2s infinite;animation:phone 2s infinite}.revision-loading--warpper .content .phone .list .item{width:80%;height:14px;background:#00f;margin:20px}.revision-loading--warpper .content .phone .list .item.orange{background:#fbab43;width:40%}.revision-loading--warpper .content .phone .list .item.blue{background-color:#439efb}.revision-loading--warpper .content .phone .list .item.pur{width:60%;background-color:#9e43fb}@-webkit-keyframes phone{0%{-webkit-transform:rotateX(56deg) rotateY(-11deg) rotate(53deg);transform:rotateX(56deg) rotateY(-11deg) rotate(53deg);opacity:1}to{-webkit-transform:rotateX(56deg) rotateY(-11deg) rotate(53deg) translateZ(100px);transform:rotateX(56deg) rotateY(-11deg) rotate(53deg) translateZ(100px);opacity:0}}@keyframes phone{0%{-webkit-transform:rotateX(56deg) rotateY(-11deg) rotate(53deg);transform:rotateX(56deg) rotateY(-11deg) rotate(53deg);opacity:1}to{-webkit-transform:rotateX(56deg) rotateY(-11deg) rotate(53deg) translateZ(100px);transform:rotateX(56deg) rotateY(-11deg) rotate(53deg) translateZ(100px);opacity:0}}@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes move{0%{left:0}to{left:-30px}}@keyframes move{0%{left:0}to{left:-30px}}