.inviteRanking[data-v-13203b7a]{flex-grow:1;width:100%;background:#fff;position:relative;padding-bottom:60px;box-sizing:border-box;overflow:hidden}.ranking-container[data-v-13203b7a]{width:86%;overflow-y:scroll;padding-top:5px;background:#fff;border-radius:10px;position:absolute;left:7%;top:75px;bottom:80px;z-index:11;box-sizing:border-box}.user-invite[data-v-13203b7a]{position:absolute;left:0;bottom:0;z-index:12;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box;font-size:13px;background:#fff}.user-invite .index[data-v-13203b7a]{color:#666;flex-shrink:0;text-align:center;width:20px}.user-invite img[data-v-13203b7a]{width:36px;height:36px;border-radius:50%;margin:0 6px 0 12px}.user-invite .other[data-v-13203b7a]{line-height:1.4em;flex-grow:1}.user-invite button[data-v-13203b7a]{border:none;background:linear-gradient(90deg,#3ed6b6,#44cd94);color:#fff;width:60px;height:28px;border-radius:2px;cursor:pointer}.user-invite button[data-v-13203b7a]:active{opacity:.8}.ranking-item[data-v-13203b7a]{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-size:12px}.ranking-item .index[data-v-13203b7a]{color:#666;flex-shrink:0;width:14px;height:14px;margin:0 6px;background:#fff5f1;border-radius:50%;font-size:12px;border:1px solid #f28d28;display:flex;align-items:center;justify-content:center;font-weight:700;color:#ff715c}.ranking-item .index-img[data-v-13203b7a]{width:27px;height:27px}.ranking-item .other[data-v-13203b7a]{flex-grow:1;text-align:right;min-width:90px;color:#444}.ranking-item .nickname[data-v-13203b7a]{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-item .user-avatar[data-v-13203b7a]{width:35px;height:35px;border-radius:50%;margin:0 15px}.ranking-bg[data-v-13203b7a]{position:absolute;top:-75px;left:0;z-index:1;width:100%;min-height:100%}.ranking-bg img[data-v-13203b7a]{width:100%;display:block}.live-m,.main,body,html{background:#eee;width:100vw;height:100vh;overflow:hidden}#whiteboard-content{display:none;position:absolute;left:0;bottom:0;width:0;height:0}.main{display:flex;flex-direction:column;position:relative}.main .loading-container{width:100%;height:56.25vw;max-height:100vh;display:flex;justify-content:center;align-items:center;position:absolute;z-index:1}.main .van-notice-bar{width:100%;flex-shrink:0;box-sizing:border-box}.main .player-container{width:100%;height:56.25vw;max-height:100vh;position:relative;z-index:2}.main .player-container #tf-xplay-icon{position:absolute;width:100%;height:100%;z-index:100;top:0;left:0;background-repeat:no-repeat;background-position:50% 50%;background-image:none!important;background-color:#eee;background-size:cover}.main .player-container #tf-xplay-icon:after{content:"";position:absolute;top:50%;left:50%;width:90px;height:90px;background-position:50%;background-repeat:no-repeat;background-size:cover;transform:translate(-50%,-50%);background-image:url(https://res.peki.vip/20210428/1619583518124/1619583518126.png)}.main .player-container .tf-x-controls{display:none}.main .player-container #maituoPlayer{height:100%!important}.main .tab-list{display:flex;align-items:center;width:100%;height:40px;line-height:40px;font-size:14px;border-bottom:1px solid #ddd;background:#fff;position:relative;flex-shrink:0;z-index:10}.main .tab-list div{width:60px;text-align:center;position:relative}.main .tab-list .active-item{color:#44cd94;font-weight:700}.main .tab-list .active-item:after{content:"";position:absolute;bottom:4px;width:16px;height:2px;border-radius:2px;background:#44cd94;left:50%;transform:translateX(-50%)}.main .tab-list .setting{position:absolute;right:10px;font-size:18px;width:20px;display:flex;height:100%;align-items:center}.main .tab-list .setting:after{content:"";display:none}.main .tab-list .new-message-icon:before{content:"";position:absolute;width:6px;height:6px;background:red;top:10px;right:8px;border-radius:50%}.main .tab-list .red-packet{position:absolute;top:50%;transform:translateY(-50%) scale(.9);right:45px;width:18px;height:18px;display:flex;font-size:12px;color:red;font-weight:700;align-items:center;justify-content:center;border:1px solid red;border-radius:50%}.main .tab-list .reset-page{font-size:12px;color:#999}.main .tab-list .share-icon{width:28px;height:28px;margin-left:10px}.main .tab-list .reward-price{height:60px;width:100%!important;position:absolute;top:40px;left:0;background:#fff;display:flex;justify-content:space-around;align-items:center;z-index:9}.main .tab-list .reward-price>div{width:auto;height:21px;line-height:21px;padding:0 6px;border-radius:4px;color:#ee0a24;font-weight:700;border:1.5px solid #ee0a24}.main .chat-list,.main .question-list{flex-grow:1;width:100%;background:#eee;margin-bottom:56px;position:relative;min-height:180px;box-sizing:border-box}.main .chat-list .list-content,.main .question-list .list-content{position:absolute;width:100%;height:100%;overflow-y:scroll;bottom:0}.main .chat-list .list-content .list-item,.main .question-list .list-content .list-item{display:flex;padding:10px 0;margin:0 15px}.main .chat-list .list-content .user-avatar,.main .question-list .list-content .user-avatar{width:40px;height:40px;margin-right:10px;flex-shrink:0;border-radius:4px}.main .chat-list .list-content .user-info,.main .question-list .list-content .user-info{display:flex;font-size:13px}.main .chat-list .list-content .user-name,.main .question-list .list-content .user-name{font-size:13px;color:#333}.main .chat-list .list-content .user-role1,.main .question-list .list-content .user-role1{color:#44cd94}.main .chat-list .list-content .user-role2,.main .question-list .list-content .user-role2{color:#ee0a24}.main .chat-list .list-content .user-role3,.main .question-list .list-content .user-role3{color:#ff976a}.main .chat-list .list-content .chat-message,.main .question-list .list-content .chat-message{font-size:13px;color:#000;margin-top:6px;word-break:break-all;background:#fff;display:inline-block;padding:5px 10px;line-height:1.4em;border-radius:2px;margin-bottom:10px;max-width:270px;min-height:1.4em;min-width:5px;position:relative}.main .chat-list .list-content .chat-message:after,.main .question-list .list-content .chat-message:after{content:"";position:absolute;background:#fff;width:10px;height:10px;border-radius:1px;top:5px;left:-3px;transform:rotate(60deg)}.main .chat-list .list-content .chat-message.admin-chat-message,.main .question-list .list-content .chat-message.admin-chat-message{background:#3ac9ab;color:#fff}.main .chat-list .list-content .chat-message.admin-chat-message:after,.main .question-list .list-content .chat-message.admin-chat-message:after{background:#3ac9ab}.main .chat-list .list-content .chat-message a,.main .question-list .list-content .chat-message a{text-decoration:underline}.main .chat-list .list-content .chat-message .emoj-icon,.main .question-list .list-content .chat-message .emoj-icon{width:30px;display:inline-block;margin:0 4px}.main .chat-list .list-content .admin-message,.main .question-list .list-content .admin-message{font-weight:600;color:red}.main .chat-list .list-content .question-message,.main .question-list .list-content .question-message{min-width:250px}.main .chat-list .list-content .question-message a,.main .question-list .list-content .question-message a{color:#00aeef;text-decoration:underline}.main .chat-list .list-content .question-answer,.main .question-list .list-content .question-answer{margin-top:9px}.main .chat-list .list-content .message-time,.main .question-list .list-content .message-time{font-size:14px;color:#333;margin-left:20px}.main .chat-list .list-content .broadcast-item,.main .question-list .list-content .broadcast-item{padding:0 10px;line-height:1.6em;font-size:14px;font-weight:700;color:#1989fa;word-break:break-all}.main .chat-list .list-content .broadcast-item span,.main .question-list .list-content .broadcast-item span{color:#333}.main .chat-list .list-content .userToPay-item,.main .question-list .list-content .userToPay-item{line-height:1.6em;font-size:14px}.main .chat-list .list-content .userToPay-item span,.main .question-list .list-content .userToPay-item span{font-weight:700}.main .chat-list .list-content .userToPay-item .nickname,.main .question-list .list-content .userToPay-item .nickname{color:#ff4040}.main .chat-list-iphoneX,.main .question-list-iphoneX{margin-bottom:86px}.main .barrage-container{position:absolute;width:100%;height:150px;z-index:1;pointer-events:none}.main .setting-container{padding:20px}.main .setting-container .setting-item{display:flex;margin-bottom:20px}.main .setting-container .setting-item>span{line-height:32px;width:70px;flex-shrink:0;font-size:14px}.main .setting-container .setting-item .network-btn{margin-right:12px;font-size:13px;padding:0 12px;height:32px}.main .setting-container .setting-item .network-btn:last-child{margin-right:0}.chat-dialog{position:fixed;z-index:12;bottom:0;left:0;width:100%;height:50px;background:#fff;display:flex;justify-content:space-between;padding:0 12px;align-items:center;box-sizing:border-box;transition:all .2s;box-shadow:1px -4px 10px rgba(240,236,236,.5)}.chat-dialog textarea{flex-grow:1;height:33px;font-size:13px;padding:9px;box-sizing:border-box;border-radius:3px;border:1px solid #bbb;outline:none;resize:none;-webkit-appearance:none;appearance:none;line-height:1em;border:1px solid #c9c6c6}.chat-dialog .submit-btn{flex-shrink:0;font-size:14px;font-weight:700;width:72px;height:33px;line-height:33px;border-radius:3px;text-align:center;background:#20c6a7;color:#fff;margin-left:7px}.chat-dialog .submit-btn.disabled-btn{background:#c9c6c6}.chat-dialog-iphoneX{padding:0 15px 34px;height:85px}.share-btn{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:280px;right:10px;z-index:200;font-size:12px;line-height:1.8em;font-weight:700;color:#20c6a7}.share-btn img{width:42px;height:42px;flex-shrink:0}.share-btn span{white-space:nowrap}.share-container{width:100vw;height:100vh;background:rgba(0,0,0,.8);position:fixed;box-sizing:border-box;top:0;left:0;z-index:9999}.share-container img{width:100%;margin:0 auto;max-width:100vh}@media (orientation:landscape)and (min-aspect-ratio:8/5){.share-btn{position:fixed;top:30%;transform:translateY(-50%)}.share-btn img{width:48px;height:48px;flex-shrink:0}.share-btn span{font-size:12px;transform:scale(.8)}}.horizontal .main{flex-direction:row}.horizontal .main .van-notice-bar{width:calc(100vw - 280px);left:0;position:absolute;top:0;z-index:19}.horizontal .main .loading-container,.horizontal .main .player-container{width:calc(100vw - 280px)!important;height:100%}.horizontal .main .horizontal-full-btn{position:absolute;top:40%;z-index:9;width:16px;transform:rotate(0);right:264px}.horizontal .main .horizontal-full-btn-left{right:0;transform:rotate(180deg)}.horizontal .main .tab-list{position:absolute;right:0;width:280px;z-index:9}.horizontal .main .chat-list,.horizontal .main .question-list{background:#fff;width:280px;margin-bottom:50px}.horizontal .main .chat-list .list-content,.horizontal .main .question-list .list-content{padding-top:50px;box-sizing:border-box}.horizontal .main .chat-list .list-content .chat-message,.horizontal .main .question-list .list-content .chat-message{max-width:180px}.horizontal .main .chat-list .list-content .question-message,.horizontal .main .question-list .list-content .question-message{max-width:180px;min-width:160px}.horizontal .main .barrage-container{top:50px;height:50%}.horizontal .main .setting-container{background:#fff;width:280px;box-sizing:border-box;padding:50px 15px 15px}.horizontal .main .inviteRanking{background:#fff;width:280px}.horizontal .main .inviteRanking .ranking-container{top:120px}.horizontal .main .inviteRanking .ranking-bg{top:0;height:100%}.horizontal .main .inviteRanking .ranking-bg2{height:100%}.horizontal .chat-dialog{width:280px;right:0;left:auto}.horizontalFull .main .loading-container,.horizontalFull .main .player-container,.horizontalFull .main .van-notice-bar{width:100vw!important}.horizontalFull .main .chat-list,.horizontalFull .main .inviteRanking,.horizontalFull .main .question-list,.horizontalFull .main .setting-container,.horizontalFull .main .tab-list{display:none!important}.horizontalFull .chat-dialog{display:none}#player-content{width:100%;height:100%}.reward-notice{position:absolute;top:30px;transform:translateX(1000%);left:50%;background:rgba(51,51,51,.7);border-radius:4px;color:#fff;font-size:14px;font-weight:700;padding:0 16px;height:30px;line-height:30px;z-index:99;white-space:nowrap;animation:rewardNotice 5s .2s}.reward-notice span{display:block;transform:scale(.4);animation:textAnimaiton .4s .5s forwards}@keyframes rewardNotice{0%{transform:translateX(1000%)}8%{transform:translateX(-50%)}80%{transform:translateX(-50%)}to{transform:translateX(-1000%)}}@keyframes textAnimaiton{60%{transform:scale(1.1)}to{transform:scale(1)}}.not-start{display:flex;width:100%;height:100%;background:hsla(0,0%,60%,.4);justify-content:center;align-items:center;position:relative;z-index:999}.not-start .course-info{width:280px;min-height:140px;background:#fff;border-radius:4px;text-align:center;padding:20px;box-sizing:border-box}.not-start .course-info .title{line-height:24px;font-size:16px}.not-start .course-info .nickname{font-size:14px;margin:16px 0 24px}.not-start .course-info .count-down{font-size:14px;line-height:1.4em}.not-start .course-info .count-down span{color:#20c6a7}