#app,body,html{height:100%;margin:0;padding:0;font-size:14px;font-family:Avenir,Helvetica,Arial,sans-serif;background:#2b3242}.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-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}.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(7rem)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(7rem)}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)}}.body-grey{background:#ededed}.yb-live-left{float:left}.yb-live-right{float:right}.link-center-modal{display:flex;align-items:center;justify-content:center}.link-center-modal .link-center{display:block;width:6rem}.link-center-modal .link-center .link-prompt{display:block;font-size:.26rem;color:#333;padding:1rem 0;text-align:center}.link-center-modal .link-center .link-footer{display:block;text-align:center}.link-center-modal .ivu-modal{top:0}.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}