#app,body,html{height:100%;margin:0;padding:0;font-size:14px;font-family:Avenir,Helvetica,Arial,sans-serif}.screen-orientation{position:fixed;z-index:2000;left:0;top:0;font-size:.2rem;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#e1e1e1}.boxShadowSpreadCode,.boxShadowSpreadUser{-webkit-animation:.5s linear infinite alternate;animation:.5s linear infinite alternate}.yb-fadeinB,.yb-fadeinT{-webkit-animation:.3s ease-out backwards;animation:.3s ease-out backwards}.snakeEating{-webkit-animation:1.4s ease-in-out infinite}.yb-fadeoutT{-webkit-animation:.3s ease-in-out forwards;animation:.3s ease-in-out forwards}.yb-bouncein{-webkit-animation:1s ease-out backwards;animation:1s ease-out backwards}.yb-fadeinL,.yb-fadeoutL,.yb-menu-fadeinL{-webkit-animation:.3s ease-out backwards;animation:.3s ease-out backwards}.yb-fadeinT{-webkit-animation-name:fadeinT;animation-name:fadeinT}.yb-fadeoutT{-webkit-animation-name:fadeoutT;animation-name:fadeoutT}.yb-fadeinB{-webkit-animation-name:fadeinB;animation-name:fadeinB}.snakeEating{-webkit-animation-name:snakeEating;animation-name:snakeEating}.yb-bouncein{-webkit-animation-name:bouncein;animation-name:bouncein}.boxShadowSpreadUser{-webkit-animation-name:boxShadowSpreadUser;animation-name:boxShadowSpreadUser}.boxShadowSpreadCode{-webkit-animation-name:boxShadowSpreadCode;animation-name:boxShadowSpreadCode}.yb-fadeinL{transform:translateX(0)!important;-webkit-animation-name:fadeinL;animation-name:fadeinL}.yb-fadeoutL{transform:translateX(-270px)!important;-webkit-animation-name:fadeoutL;animation-name:fadeoutL}.yb-menu-fadeinL{-webkit-animation-name:menuFadeinL;animation-name:menuFadeinL}.video-drop{pointer-events:none}.video-drop .point-10{-webkit-animation:ripple 1.5s ease-out .1s;animation:ripple 1.5s ease-out .1s}.video-drop .point-10,.video-drop .point-40{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid;opacity:0}.video-drop .point-40{-webkit-animation:ripple 1.5s ease-out .4s;animation:ripple 1.5s ease-out .4s}.video-drop .point-70{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid;opacity:0;-webkit-animation:ripple 1.5s ease-out .7s;animation:ripple 1.5s ease-out .7s}@-webkit-keyframes boxShadowSpreadUser{0%{box-shadow:0 0 0 #5fc948}to{box-shadow:0 0 .2rem #5fc948}}@keyframes boxShadowSpreadUser{0%{box-shadow:0 0 0 #5fc948}to{box-shadow:0 0 .2rem #5fc948}}@-webkit-keyframes boxShadowSpreadCode{0%{box-shadow:0 0 0 #18acfc}to{box-shadow:0 0 .2rem #18acfc}}@keyframes boxShadowSpreadCode{0%{box-shadow:0 0 0 #18acfc}to{box-shadow:0 0 .2rem #18acfc}}@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(0)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}}@keyframes ripple{0%{opacity:0;transform:scale(0)}5%{opacity:1}to{opacity:0;transform:scale(1)}}@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeinT{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(222px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(222px)}to{opacity:1;-webkit-transform:translateY(0)}}@-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100px)}}@keyframes fadeoutT{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@-webkit-keyframes snakeEating{0%,80%,to{-webkit-transform:scale(.6)}40%{-webkit-transform:scale(1)}}@keyframes snakeEating{0%,80%,to{-webkit-transform:scale(.6)}40%{-webkit-transform:scale(1)}}@-webkit-keyframes bouncein{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}to{-webkit-transform:scale(1)}}@keyframes bouncein{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@-webkit-keyframes menuFadeinL{0%{transform:translateX(-8px)}to{-webkit-transform:translateX(0);display:block}}@keyframes menuFadeinL{0%{transform:translateX(-8px)}to{transform:translateX(0);display:block}}@-webkit-keyframes fadeinL{0%{-webkit-transform:translateX(-270px)}to{-webkit-transform:translateX(0);display:block}}@keyframes fadeinL{0%{transform:translateX(-270px)}to{transform:translateX(0);display:block}}@-webkit-keyframes fadeoutL{0%{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-270px);display:none}}@keyframes fadeoutL{0%{transform:translateX(0)}to{transform:translateX(-270px);display:none}}@-webkit-keyframes pant{to{transform:scaleX(1)}50%{transform:scaleY(2)}0%{transform:scaleX(1)}}@keyframes pant{to{transform:scaleX(1)}50%{transform:scaleY(2)}0%{transform:scaleX(1)}}.body-grey{background:#ededed}.video-drop{position:absolute;z-index:1020;width:80px;height:80px}.video-drop .point{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;background-clip:padding-box;background:transparent}.task-modal .ivu-modal-body{padding:0}.task-code{width:100%;display:flex;justify-content:center}.task-code .box{width:340px}.task-code .box .code{display:inline-block;padding:20px 20px 10px 20px;background:#f9f9f9}.task-code .box .code .name{display:block;font-size:12px;margin-top:10px;height:20px;line-height:20px;text-align:center}.task-code .box .down-load{height:35px;display:flex;align-items:center;justify-content:center;font-size:12px;margin:10px 0}.task-code .box .down-load a{height:25px;display:flex;align-items:center}.task-code .box .down-load .image{float:left;width:25px;height:25px;background-repeat:no-repeat;background-size:20px 20px;background-position:50%;margin-right:5px}.task-code .box .down-load .upload{background-image:url(../img/icon-download.447b47f6.svg)}.device-modal-page{padding-top:15px;text-align:right}.layout-node-code{font-size:12px;position:absolute;right:0;top:-2px;transform:scale(.8)}