.no-live{position:relative;text-align:center}.no-live,.no-live .ava-image,.no-live .image{height:100%;width:100%}.no-live .text{bottom:30%;font-size:16px;color:#fffefe}.no-live .text,.no-live .tip{position:absolute;left:0;width:100%;text-align:center}.no-live .tip{bottom:26%;font-size:12px;color:#b6b8c4}.no-live .refresh{position:absolute;bottom:19%;left:0;width:100%;text-align:center}.no-live .refresh-btn.ava-button{padding:10px 25px;font-size:14px;color:#fff;text-align:center;background-color:#1baafb;border-color:#1baafb;border-radius:2px}.no-live .refresh-btn .ava-button--primary:focus,.no-live .refresh-btn .ava-button--primary:hover{color:#fff;background:#1baafb;border-color:#1baafb}.no-live .refresh-btn .ava-button:focus,.no-live .refresh-btn .ava-button:hover{color:#fff;background-color:#1baafb;border-color:#1baafb;opacity:.9}.phone-player{width:100%;background-color:#f7f8fa;min-height:100vh}.phone-player .player-box{width:100%;height:211px}.phone-player .tips,.phone-player .video-player{width:100%;height:211px;background-color:#000}.phone-player .tips{color:#fffefe;background-size:cover;padding-top:140px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px}.phone-player .tips>span{display:inline-block;text-align:center;width:100%}.phone-player .tips>.tips-time{margin-top:10px;text-align:center}.phone-player .bg1{background-image:url(../../classroom_teaching/img/liveStart.7c199605.png)}.phone-player .bg2{background-image:url(../../classroom_teaching/img/noLive.ab0803ee.png)}.phone-player .bg3{background-image:url(../../classroom_teaching/img/noVideo.128aed91.png)}.phone-player .info-box{margin-top:9px;min-height:calc(100vh - 220px);background-color:#fff;padding:20px 14px 0 14px}.phone-player .info-box .title{font-size:17px;color:#333;font-weight:700}.phone-player .info-box .icon-group{margin-top:14px;font-size:12px;color:#666}.phone-player .info-box .icon-group,.phone-player .info-box .icon-group>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.phone-player .info-box .icon-group>span{margin-right:15px}.phone-player .info-box .icon-group i{margin-right:4px}.phone-player .info-box .small-title{margin-top:25px;font-size:15px;color:#333;font-weight:700}.phone-player .info-box .desc{color:#222426;font-size:14px;line-height:24px}.phone-player .no-live .text{bottom:30%;font-size:14px}.phone-player .no-live .tip{bottom:19%}