.yuntai{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px}.yt-video{width:calc(100% - 300px);background:#ccc}.yt-control{width:300px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #b5c2ca}.ytc-text{height:48px;line-height:48px;border-bottom:1px solid #b5c2ca;background:#eef1f6;text-align:center;color:#666;font-size:20px}.ytc-btns-box{padding:44px 38px;background:#fbfcfe}.ytc-top-btns{height:270px;border-bottom:1px solid #b5c2ca;position:relative}.ytc-btns-bg{width:166px;height:166px;margin-left:-84px;top:31px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ytc-btns-bg,.ytc-btns-bgsmall{background:#fff;border:1px solid #f3f5f9;position:absolute;left:50%}.ytc-btns-bgsmall{width:64px;height:64px;top:50%;margin-left:-32px;margin-top:-32px;border-radius:100%}.ytc-dirction-btn{width:54px;cursor:pointer;height:54px;border-radius:2px;border:1px solid #b5c2ca;background:#f2f2f2;position:absolute}.ytc-dirction-btn:hover{background:var(--main-color)}.db-left-top{left:0;top:0}.db-center-top{left:86px;top:0}.db-right-top{right:0;top:0}.db-left-center{left:0;top:86px}.db-center-center{left:86px;top:86px}.db-right-center{right:0;top:86px}.db-left-bottom{left:0;top:172px}.db-center-bottom{left:86px;top:172px}.db-right-bottom{right:0;top:172px}.triangle-top{width:0;height:0;border-bottom:20px solid #666;border-right:10px solid transparent;border-top:10px solid transparent;border-left:10px solid transparent;position:absolute}.triangle-top.triangle-top-left{top:6px;left:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.triangle-top.triangle-top-center{top:6px;left:16px}.triangle-top.triangle-top-right{top:6px;left:24px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.triangle-left{width:0;height:0;border-right:20px solid #666;border-left:10px solid transparent;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute}.triangle-left.triangle-top-left{top:18px;left:6px}.triangle-right{width:0;height:0;border-left:20px solid #666;border-right:10px solid transparent;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute}.triangle-right.triangle-top-right{top:18px;left:18px}.triangle-bottom{width:0;height:0;border-top:20px solid #666;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid transparent;position:absolute}.triangle-bottom.triangle-bottom-left{top:18px;left:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.triangle-bottom.triangle-bottom-center{top:18px;left:18px}.triangle-bottom.triangle-bottom-right{top:18px;left:24px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ytc-dirction-btn:hover .triangle-top{border-bottom-color:#fff}.ytc-dirction-btn:hover .triangle-left{border-right-color:#fff}.ytc-dirction-btn:hover .triangle-right{border-left-color:#fff}.ytc-dirction-btn:hover .triangle-bottom{border-top-color:#fff}.ytc-btns-scale{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;margin-top:36px}.ytc-btns-scalebox{width:34px;height:34px;cursor:pointer;position:relative;background:#f2f2f2;border:1px solid #b8c5cc;border-radius:100%}.ytc-btns-txt{color:#666;font-size:16px;height:36px;line-height:36px}.ytc-btns-heng{position:absolute;width:20px;height:4px;background:#666;top:15px;left:7px}.ytc-btns-heng.ytc-btns-shu{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ytc-btns-scalebox:hover{background:var(--main-color);border-color:var(--main-color)}.ytc-btns-scalebox:hover .ytc-btns-heng{background:#fff}.ytc-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:16px;margin-top:56px}.ytc-slider span{height:36px;line-height:36px;color:#666}.ytc-slider-value{height:36px;line-height:36px;text-align:center;border:1px solid #666;border-radius:4px;width:56px}.offline-pub{position:relative;width:100%;height:100%}.offlineimg{-webkit-filter:blur(2px);-moz-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}.offlineimg,.pu-bg{width:100%;height:100%}.pu-bg{position:absolute;text-align:center;z-index:10}.pu-bg-1{background:rgba(0,0,0,.7)}.pu-bg-2{background-color:#464646}.pu-bg p{color:#c6c6c6;top:50%;left:50%;z-index:10}.pu-bg .p-1,.pu-bg p{position:absolute;display:inline-block;font-size:18px;text-align:center}.pu-bg .p-1{height:120px;border-radius:50%;background:rgba(42,42,42,.9);color:#a0a0a0;margin-left:-60px;line-height:120px}.pu-bg .p-1,.pu-bg .p-2{width:120px;margin-top:-60px}.pu-bg .p-2{height:90px;background-image:url(../img/offlineBgImg.775ea081.png);background-size:cover;background-repeat:no-repeat;margin-left:-45px;line-height:90px}