@-webkit-keyframes mymove{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}30%{opacity:.2;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}80%{opacity:.2;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes mymove{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}30%{opacity:.2;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}80%{opacity:.2;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}}.diagnose-warpper .bean-warpper img{width:90px;position:fixed;top:50vh;left:50vw;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.diagnose-warpper .bean-warpper .anim-bean{top:20px;left:20px;width:40px}.diagnose-warpper header{color:#000;padding:10px 12px;position:relative;font-weight:500;overflow:hidden;background:#f3f3f3;-webkit-box-sizing:border-box;box-sizing:border-box}.diagnose-warpper header .line{border-bottom:1px solid #ea0000;position:absolute;bottom:0;left:0}.diagnose-warpper header .title{padding-bottom:12px}.diagnose-warpper header .left{float:left;font-weight:400;position:relative}.diagnose-warpper header .left .active{font-weight:400;color:#ea0000;padding-left:8vw;font-size:3.73vw}.diagnose-warpper header .left img{width:7vw;position:absolute;top:0}.diagnose-warpper header .left .iconbangzhu{padding:6px;color:#909399;font-size:3.73vw}.diagnose-warpper header .right{float:right}.diagnose-warpper header .right .active{color:#409eff}.diagnose-warpper header .right .sub-active{font-size:2.984vw;color:#909399}.diagnose-warpper .content{overflow:auto;-webkit-overflow-scrolling:touch;width:100%;height:calc(100vh - 105px)}.diagnose-warpper footer{position:fixed;bottom:0;left:0;right:0;background:#f8f8fa;padding:10px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}.diagnose-warpper footer .left{padding-right:14px}.diagnose-warpper footer .btn,.diagnose-warpper footer .right{-webkit-box-flex:1;-ms-flex:1;flex:1}.diagnose-warpper footer .btn{height:42px;min-width:42px;margin:0 5px;border:1px solid #0096f0;border-radius:6px;background:#0096f0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.diagnose-warpper footer .btn:active{opacity:.8}.diagnose-warpper footer .btn img{width:60%}.diagnose-warpper footer .btn.plan{-webkit-box-flex:0;-ms-flex:0;flex:0;background:#edf8ff;color:#0096f0}.diagnose-warpper footer .btn.plan .iconfont{color:#0096f0;font-size:32px}.diagnose-warpper footer .btn.plan.danger{color:#f00000;background:#ffeded;border-color:#f00000}.diagnose-warpper footer .btn.plan.danger .iconfont{color:#f00000;font-size:32px}.diagnose-warpper footer .btn.success{background:#16c66d;border-color:#16c66d}.diagnose-warpper footer .btn[disabled]{background:#eee;color:#999;border-color:#eee}@media (min-width:768px){.diagnose-warpper footer .my-btn{height:66px;font-size:26px}.diagnose-warpper footer .btn{height:64px;min-width:64px;border-radius:8px}.diagnose-warpper footer .btn.plan.danger .iconfont,.diagnose-warpper footer .btn.plan .iconfont{font-size:52px}}.diagnose-warpper .canvas-warpper{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100}.diagnose-warpper .right-warpper{height:100vh;background-size:contain}.diagnose-warpper .right-warpper .light{width:100%;position:absolute;top:40px;left:0;-webkit-animation:mymove 2s infinite;animation:mymove 2s infinite}.diagnose-warpper .right-warpper .pepole{width:80%;margin-top:120px;margin-left:10%;position:relative}.diagnose-warpper .right-warpper .line{border-bottom:1px solid #75797c;width:50%;margin-left:25%;padding-top:14px}.diagnose-warpper .right-warpper .bean{text-align:center;margin-top:16px;font-size:18px}.diagnose-warpper .right-warpper .bean img{width:30px;vertical-align:middle}.diagnose-warpper .right-warpper .bean .num{font-size:24px}.diagnose-warpper .right-warpper .info{text-align:center;padding:14px;font-size:14px}