.flex{display:flex}.inline-block{display:inline-block}.mgrb10{margin-bottom:10px}.function-btn{display:inline-block;margin:12px 12px 0 0;height:28px;border-radius:4px;border:1px solid #e7ebf8;background-color:#fff}.function-btn:active{background-color:#e7ebf8;color:#1b79f9}.m-function-select-panel{padding:16px}.m-function-select-panel section{margin-bottom:16px}.m-function-select-panel section button{border:1px solid #e7ebf8!important;border-radius:2px!important;display:flex;align-items:center}.m-function-select-panel .tea-segment .tea-btn{margin-right:12px!important}.m-desc-panel{position:relative;padding:0 16px 16px;border-bottom:1px solid #e7ebf8}.m-desc-panel .desc-switch{position:absolute;top:20px;right:16px;display:flex}.m-desc-panel.desc-hide{padding-bottom:6px}.m-desc-panel .tea-list{color:#666}.m-desc-panel.desc-hide .tea-list{display:none}.m-desc-panel .arrowup,.m-desc-panel.desc-hide .arrowdown{display:inline-block}.m-desc-panel .arrowdown,.m-desc-panel.desc-hide .arrowup{display:none}.clg-logo{width:112px;height:28px;background-image:url(https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/login-regist/login/pc/css/sprite/login-202107191023.svg);background-position:1.47% 28.18%;background-size:160.71428571428572% 492.8571428571429%;background-repeat:no-repeat}.tcplayerlite-logo{height:36px}.tcplayerlite .tea-layout__content{background-color:#fff}.webrtc-container{width:100%;max-width:1024px;margin:10px auto}.webrtc-container .webrtc-input{width:100%}.webrtc-container .tea-form .tea-form__controls{padding-right:0}.tcplayerlite .clarity-switcher{margin:20px 0}.tcplayerlite .clarity-switcher,.tcplayerlite .preview-btn{display:flex;justify-content:space-between}.tcplayerlite .preview-btn button{width:49%}.tcplayerlite .btn-mobile-preview{width:100%!important}.qr-tips{display:block;padding-left:20px;position:relative;top:-10px}.tcplayerlite .tcplayer-container{width:100%;height:42rem;margin-top:20px}@media (min-width:414px) and (max-width:768px){.tcplayerlite .tcplayer-container{height:28rem}}@media (max-width:414px){.tcplayerlite .tcplayer-container{height:16rem}}.tcplayerlite .manipulate-btns{margin-top:20px;text-align:left}.tcplayerlite .manipulate-btns button{margin:10px 10px 0 0;padding:0 16px}.webrtc-support{width:100%;margin:10px 0;display:flex;justify-content:end}.webrtc-support .tea-badge{border-radius:2px;margin-left:10px}.tea-bubble{max-width:500px}.tcplayer-wrapper{position:relative}.statistics-panel{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%;background-color:rgba(0,0,0,.6);padding:10px}.stat-wrapper{color:#fff}.stat-wrapper li{height:12px;margin-left:10px;display:flex;justify-content:space-between}.top-area{position:relative;width:100%;height:260px;text-align:center;background:url(https://tcplayer-1306264703.cos.ap-nanjing.myqcloud.com/picture/banner.png);background-size:cover}.top-title{margin:56px 0 24px;font-size:42px}.sub-title,.top-title{display:block;color:#fff}.sub-title{font-size:24px}.top-btns .tea-btn{width:160px;height:40px;font-size:14px}.top-btns .tea-btn a{text-decoration:none}.top-btns .primary-btn{margin-right:20px}.top-btns .secondary-btn{background:transparent;border:1px solid #fff;color:#fff}.top-btns .tea-btn a{color:#fff}.more-btn{color:#006eff;text-decoration:underline}.format-tabs{text-align:center}.format-tabs .tea-tabs__tabitem{min-width:120px}.tea-segment .tea-btn{border:0;margin-top:4px}.tea-segment .tea-btn.is-selected{border-radius:4px!important;background:#ddecff;color:#1b79f9;border:0}.tea-segment .tea-btn:hover{border-radius:4px!important;background:#ddecff!important;color:#1b79f9;border:0;border-style:none}.card{border-radius:4px;border:1px solid #fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.06)}.card-notice{height:42px;width:1360px;display:flex;align-items:center;justify-content:start;position:absolute;left:50%;bottom:-21px;-webkit-transform:translate(-50%);transform:translate(-50%);background-image:linear-gradient(180deg,#f3f5f8,#fff)}.card-notice img{margin:0 10px 0 20px}.card-notice a{margin:0 5px}.card-player-function{padding:20px;margin-top:20px}.card-preview{padding:14px 0 20px}.tea-nav__logo{margin-right:20px}.tea-nav__logo:before{display:none}.tab-demo{position:relative;height:100%;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;padding:0 20px}.underline{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff}.tab-doc{height:100%;color:#fff;font-size:16px;font-weight:700;align-items:center;padding:0 20px}.tab-doc,.tea-player-wrapper{display:flex}#player-container-id{width:100%;height:360px}@media screen and (max-width:480px){#player-container-id{width:100%;height:240px}}.tea-code{position:relative;width:calc(100% - 660px);background:#fff;border:1px solid #ddd}.tea-code .tea-icon-copy{position:absolute;right:0;top:0;padding:20px;background-position:50%;cursor:pointer}.tea-code-pre{box-sizing:border-box;font-size:12px;height:360px;max-width:618px;overflow:scroll}.iframe-wrapper{display:flex}.iframe-wrapper .tea-card{width:640px;height:360px;margin:0 20px 0 0}.vjs-poster{width:100%;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ad-text-node{display:inline-block;background:hsla(0,0%,100%,.2);height:23px;margin:5px;padding:5px;font-size:12px}.ad-close-icon-node{width:14px;height:14px;float:right;display:inline-block;background-image:url(https://tcplayer-1306264703.cos.ap-nanjing.myqcloud.com/picture/icon-close.png);background-size:cover;cursor:pointer;margin:6px}#wrap{width:80%;margin:0 auto}.tcplayer-theme-custom-ui .vjs-play-progress{background-color:#ff6429}.tcplayer-theme-custom-ui .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.tcplayer-theme-custom-ui .vjs-play-control .vjs-icon-placeholder:before,.tcplayer-theme-custom-ui .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{color:#ff6429}.tcplayer-theme-custom-ui .vjs-volume-panel .vjs-volume-level{background-color:#ff6429}.tcplayer-theme-custom-ui .vjs-mute-control .vjs-icon-placeholder:before{color:#ff6429}#player-container-id1{margin-bottom:5px}.switch-button{width:100%}.switch-button__inner{position:relative;z-index:1;display:inline-block;vertical-align:top;border-radius:8px;background:#e6ecf7;padding:2px;width:100%}.switch-button__handle{position:absolute;z-index:-1;height:calc(100% - 4px);top:2px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);border-radius:8px;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.switch-button__bar{position:relative;display:flex;flex-flow:row nowrap}.switch-button__item{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;padding:4px 0;min-width:80px;line-height:34px;color:#97a3b4;font-size:14px;line-height:22px;text-align:center;cursor:pointer;box-sizing:border-box;flex:1 1}.switch-button__item-icon{margin-right:4px}.switch-button__item-icon-img{display:block;width:16px;height:16px}.switch-button__item-icon-img.is-active{display:none}.switch-button__item.is-active{color:#006af6;font-size:14px;line-height:22px}.switch-button__item.is-active .switch-button__item-icon-img.is-default{display:none}.switch-button__item.is-active .switch-button__item-icon-img.is-active{display:block}.switch-button.is-vertical .switch-button__handle{width:calc(100% - 4px);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.switch-button.is-vertical .switch-button__bar{flex-direction:column}.switch-button.is-round .switch-button__handle,.switch-button.is-round .switch-button__inner{border-radius:24px}
/*# sourceMappingURL=main.153185f6.chunk.css.map */