.az-loading{text-align:center}.az-loading i{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #fff;margin:0 6px}.az-loading i:first-child{-webkit-animation:azloading 1.4s linear .48s infinite;animation:azloading 1.4s linear .48s infinite}.az-loading i:nth-child(2){-webkit-animation:azloading 1.4s linear .36s infinite;animation:azloading 1.4s linear .36s infinite}.az-loading i:nth-child(3){-webkit-animation:azloading 1.4s linear .24s infinite;animation:azloading 1.4s linear .24s infinite}.az-loading i:nth-child(4){-webkit-animation:azloading 1.4s linear .12s infinite;animation:azloading 1.4s linear .12s infinite}.az-loading i:nth-child(5){-webkit-animation:azloading 1.4s linear infinite;animation:azloading 1.4s linear infinite}@-webkit-keyframes azloading{0%{-webkit-transform:translateY(0);transform:translateY(0)}42%{-webkit-transform:translateY(45px);transform:translateY(45px)}66%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes azloading{0%{-webkit-transform:translateY(0);transform:translateY(0)}42%{-webkit-transform:translateY(45px);transform:translateY(45px)}66%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px;background:hsla(0,0%,100%,.1)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.45)}.player-demo *{-webkit-box-sizing:border-box;box-sizing:border-box}.video-box{width:100%;height:auto;border-radius:4px 4px 4px 4px;opacity:1;position:relative}.video-title{width:100%;margin-top:10px}.video-title>.title{font-size:24px;font-family:PingFang SC;font-weight:500;line-height:30px;color:hsla(0,0%,100%,.9);opacity:.85;margin-bottom:10px}.video-title .title-createInfo{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-family:PingFang SC;font-weight:400;line-height:22px;color:hsla(0,0%,100%,.65);margin-bottom:12px}.video-title .title-createInfo .user{margin-right:5px}.video-title .title-createInfo .user:before{position:relative;top:2px;content:"";margin-right:5px;display:inline-block;width:14px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAvZJREFUSEutlk2IFVQYhp8XIlpEKLSwMGnhGGElieEIKQkGCUEthIRGUjCmoWmnC8nFCCqC06YSJhMzcmEkaLhw0RBigopKCCpFw9iiJLOFRYig9Mor58ad6f6cG/PBhXsv3/me8/0f0YPYfhhYBMwF7gK/ABck5XuVqEbL9kJgBHgVeGjamT+AQ8B2Sde72esKtP1+gT3QZOzvAp7+34CkrztBOwJt7wY2FQMTwAfAYUnxCtvzgTeKzqyit17S5+2gbYG2YyihihwGNkiKZ/8R23OAY8AS4DbwgqRLrXRbAm0nT1eBGBoHVncrDNuPAueAJ4ETklb2AnwTOFgq8WlJCWdXsf06cKQo5twP0w+18/ArYE28k/RyV1KTgu0bQLzdJCk5nyLtgAlN8jEiaVuPwHgYT/dJersWmPwlF8OS9vQI/AxYn5RIWlcL/A54EdglaUuPwOPAK8CYpKFa4KfARuCUpOW1wFLdyWFG4JCksVpgc7X1SzpbA7X9LvBx0X1CUmZtVdFkZH0PPAOktNPILZu+Yc32U8AZIBPngKQN1X0YRdsvAd8AgZ9P5Un6tZUR20uBo2VQ/AYsk/RzT8ACHUzyy8GMrH3At8C18l/WVPp1bfmdKGQqnWqXgpptkRL/BHiwSx7/zPrqBMv5TsP7MSAtkeadvgPbseNhorCjsVFqiyaQUeCRpgNXgPTYZeAWcAf4B8hyTr7zaezHm8A7kr7sCLSdA5kUA0Uxhj8C9kqa7BTSsqKS8+zP9GFkVNLm5nNTQmr7APBWUTiZESUpY65abKeQculVraD/Am2/B3xYlPYDg912YLtblEh90VS9axvhvQ+0/TjwYwlFNvdrklztVgvFAo2tzNU8Sfok3WwA41k8/AtYUPP6qrlMCe9Ppcq3StqhcpPfgdnATkl5pc2Y2E7RDQMTkvoCfA64WAjPtnv8/N8b2O4HTpfz94GL83oGMifnSUpvzZiUCGZlZag/38jhCmCy1TqZCbLtbJ05ksbvAWwDGHrDRO8aAAAAAElFTkSuQmCC) no-repeat 50%/cover}.video-title .title-createInfo .clock:before{position:relative;top:2px;content:"";margin-right:2px;display:inline-block;width:14px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAqBJREFUSEutlk9oz3EYx1/vcnRHOShWDhzUDhSxJNScTCaT7eCouBFH4kY5OpgihBNlKzKl7LBy4EAcHFa4O6pH7+35bt9t3/0+3+/yuf1+38/neT3/n0e0OBGxHzgC7AW2ARvz2S/gO/AemJD0riROq12IiHXAaeBqQkqy/N3wa8BDSX+bHjQCI2Ir8Bjoz0c/8vcb4LMkW0ZE2NIdwEFgGNiS92eAEUlfl0NXACPiMPAMWA8YdNm/V9O4EpgeGQJuJPgPMCRpsg5dAkzYS8DuHAfOS/LDJSciXvkPSUcbvlnRO8AoYLcO1qELwIhwMnxMy25LutgjvpHAXjlwC7gAWOH+yr1zD9IdHzJm45LGemVIRBSBKfdeWuqY7nFYKuDZdKFjtrPJjXUFOgDt3k8Z01FJ9yvgt0z9U5KcnT1PW2Ba6ex95JKR1KeIOAC8zYzsK2VjCmnl0lq4bJBLZsBAp/El4KYkl0DxdLEwoYuMiLB1tvKQpNdF2nyStbYwgW6LLqVpW/gze+OmqoOUoGsAuiOZM2tgJ23rMVxFsSlJAw0NYZ6zRmAVhiZmEdjZpSWXN1i3xKWVtsckuY/+9xMRg8CLKmk6l0VXjZaU3loKvwsw+/Ri4WfWVa1tWNKTLgJLdyPiZA7v+daWQM8ud/ZWzbsEqb5HRL15j0kabxpPDySdaSu0172IcNN2854G9i2Mp7Sy9QBuo0xE1AfwLklesFi+YrjnOX29YnhMnSvNxoaasxvvpmVeMVxuE9W9piXK0Ke1JcqT5HlpbGU2HvfUqS1RJ+qwFRbWgm332v/VmjgLPMiFd0bS7wzDhrzjBXkE2JwyvFJ4mM+5sX5Ki7CFXOm4CF+3cp0W4Ya4eF56X90NbF+26n/JLJyUNFVKqH93507uIgAD4wAAAABJRU5ErkJggg==) no-repeat 50%/cover}.player-demo .main-content .m-right .play-content .img-wrap img{-o-object-fit:cover;object-fit:cover}.main-footer{display:block;height:40px;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player-demo{min-height:100%}.player-demo .main-content{color:hsla(0,0%,100%,.65);width:100%;margin:0 auto;padding-left:0;padding-right:0}.player-demo .main-content .m-left{width:100%}.player-demo .main-content .m-left .vd-type{margin-top:25px}.player-demo .main-content .m-left .vd-type .wrap{float:left;border:1px solid #73777a}.player-demo .main-content .m-left .vd-type a{font-size:18px;color:#fff;letter-spacing:0;text-align:center;width:105px;height:38px;display:block;float:left;line-height:38px;cursor:pointer}.player-demo .main-content .m-left .vd-type a.active{background:#30adf2}.player-demo .main-content .m-left .video-description{margin-top:26px;font-size:20px;font-family:PingFang SC;font-weight:500;line-height:20px;color:hsla(0,0%,100%,.85)}.player-demo .main-content .m-left .video-description p{text-indent:2em;font-size:14px;font-family:PingFang SC;font-weight:400;line-height:22px;color:hsla(0,0%,100%,.65);opacity:1}.player-demo .main-content .m-right{border-top:1px solid hsla(0,0%,100%,.25);width:100%}.player-demo .main-content .m-right .play-list{margin-top:20px;font-size:20px;color:#fff;letter-spacing:0;text-align:left;margin-bottom:20px;line-height:24px}.player-demo .main-content .m-right .play-content{height:650px}.player-demo .main-content .m-right .play-content .item{margin-bottom:8px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,.25)}.player-demo .main-content .m-right .play-content .img-wrap{float:left;height:134px;position:relative;width:178px;padding-top:10px;padding-bottom:10px}.player-demo .main-content .m-right .play-content .img-wrap img{display:block;width:178px;height:114px}.player-demo .main-content .m-right .play-content .img-wrap .video-time{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:rgba(0,0,0,.8);bottom:15px;color:#fff;display:block;font-size:12px;font-weight:700;padding:0 5px;position:absolute;right:5px;text-align:right}.player-demo .main-content .m-right .play-content .img-wrap .play-cover{position:absolute;display:none;top:10px;left:0;right:0;bottom:10px;background:rgba(0,0,0,.3) url(../img/play-btn.ce499d63.png) 50% no-repeat;background-size:22px 22px}.player-demo .main-content .m-right .play-content .img-wrap:hover .play-cover{display:block}.player-demo .main-content .m-right .play-content .con-wrap{width:calc(100% - 178px);height:134px;float:right;padding:10px;position:relative}.player-demo .main-content .m-right .play-content .con-wrap .title{-webkit-line-clamp:5;color:hsla(0,0%,100%,.8);font-size:20px;max-height:92px}.player-demo .main-content .m-right .play-content .con-wrap .description,.player-demo .main-content .m-right .play-content .con-wrap .title{-webkit-box-orient:vertical;display:-webkit-box;letter-spacing:0;line-height:18px;text-align:left;text-overflow:ellipsis;white-space:normal;overflow:hidden}.player-demo .main-content .m-right .play-content .con-wrap .description{margin-top:8px;-webkit-line-clamp:2;font-size:14px;max-height:66px}.player-demo .main-content .m-right .play-content .con-wrap .author{color:#c3c5c6;font-size:12px;letter-spacing:0;margin-top:8px;text-align:left}.player-demo .main-content .m-right .play-content .con-wrap .createInfo{position:absolute;bottom:0;font-size:14px;font-family:PingFang SC;font-weight:400;line-height:22px;color:hsla(0,0%,100%,.45);margin-bottom:12px}.player-demo .main-content .m-right .play-content .con-wrap .createInfo .user{margin-right:5px}.player-demo .main-content .m-right .play-content .con-wrap .createInfo .user:before{position:relative;top:2px;content:"";margin-right:5px;display:inline-block;width:14px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAvZJREFUSEutlk2IFVQYhp8XIlpEKLSwMGnhGGElieEIKQkGCUEthIRGUjCmoWmnC8nFCCqC06YSJhMzcmEkaLhw0RBigopKCCpFw9iiJLOFRYig9Mor58ad6f6cG/PBhXsv3/me8/0f0YPYfhhYBMwF7gK/ABck5XuVqEbL9kJgBHgVeGjamT+AQ8B2Sde72esKtP1+gT3QZOzvAp7+34CkrztBOwJt7wY2FQMTwAfAYUnxCtvzgTeKzqyit17S5+2gbYG2YyihihwGNkiKZ/8R23OAY8AS4DbwgqRLrXRbAm0nT1eBGBoHVncrDNuPAueAJ4ETklb2AnwTOFgq8WlJCWdXsf06cKQo5twP0w+18/ArYE28k/RyV1KTgu0bQLzdJCk5nyLtgAlN8jEiaVuPwHgYT/dJersWmPwlF8OS9vQI/AxYn5RIWlcL/A54EdglaUuPwOPAK8CYpKFa4KfARuCUpOW1wFLdyWFG4JCksVpgc7X1SzpbA7X9LvBx0X1CUmZtVdFkZH0PPAOktNPILZu+Yc32U8AZIBPngKQN1X0YRdsvAd8AgZ9P5Un6tZUR20uBo2VQ/AYsk/RzT8ACHUzyy8GMrH3At8C18l/WVPp1bfmdKGQqnWqXgpptkRL/BHiwSx7/zPrqBMv5TsP7MSAtkeadvgPbseNhorCjsVFqiyaQUeCRpgNXgPTYZeAWcAf4B8hyTr7zaezHm8A7kr7sCLSdA5kUA0Uxhj8C9kqa7BTSsqKS8+zP9GFkVNLm5nNTQmr7APBWUTiZESUpY65abKeQculVraD/Am2/B3xYlPYDg912YLtblEh90VS9axvhvQ+0/TjwYwlFNvdrklztVgvFAo2tzNU8Sfok3WwA41k8/AtYUPP6qrlMCe9Ppcq3StqhcpPfgdnATkl5pc2Y2E7RDQMTkvoCfA64WAjPtnv8/N8b2O4HTpfz94GL83oGMifnSUpvzZiUCGZlZag/38jhCmCy1TqZCbLtbJ05ksbvAWwDGHrDRO8aAAAAAElFTkSuQmCC) no-repeat 50%/cover}.player-demo .main-content .m-right .play-content .con-wrap .createInfo .clock:before{position:relative;top:2px;content:"";margin-right:2px;display:inline-block;width:14px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAqBJREFUSEutlk9oz3EYx1/vcnRHOShWDhzUDhSxJNScTCaT7eCouBFH4kY5OpgihBNlKzKl7LBy4EAcHFa4O6pH7+35bt9t3/0+3+/yuf1+38/neT3/n0e0OBGxHzgC7AW2ARvz2S/gO/AemJD0riROq12IiHXAaeBqQkqy/N3wa8BDSX+bHjQCI2Ir8Bjoz0c/8vcb4LMkW0ZE2NIdwEFgGNiS92eAEUlfl0NXACPiMPAMWA8YdNm/V9O4EpgeGQJuJPgPMCRpsg5dAkzYS8DuHAfOS/LDJSciXvkPSUcbvlnRO8AoYLcO1qELwIhwMnxMy25LutgjvpHAXjlwC7gAWOH+yr1zD9IdHzJm45LGemVIRBSBKfdeWuqY7nFYKuDZdKFjtrPJjXUFOgDt3k8Z01FJ9yvgt0z9U5KcnT1PW2Ba6ex95JKR1KeIOAC8zYzsK2VjCmnl0lq4bJBLZsBAp/El4KYkl0DxdLEwoYuMiLB1tvKQpNdF2nyStbYwgW6LLqVpW/gze+OmqoOUoGsAuiOZM2tgJ23rMVxFsSlJAw0NYZ6zRmAVhiZmEdjZpSWXN1i3xKWVtsckuY/+9xMRg8CLKmk6l0VXjZaU3loKvwsw+/Ri4WfWVa1tWNKTLgJLdyPiZA7v+daWQM8ud/ZWzbsEqb5HRL15j0kabxpPDySdaSu0172IcNN2854G9i2Mp7Sy9QBuo0xE1AfwLklesFi+YrjnOX29YnhMnSvNxoaasxvvpmVeMVxuE9W9piXK0Ke1JcqT5HlpbGU2HvfUqS1RJ+qwFRbWgm332v/VmjgLPMiFd0bS7wzDhrzjBXkE2JwyvFJ4mM+5sX5Ki7CFXOm4CF+3cp0W4Ya4eF56X90NbF+26n/JLJyUNFVKqH93507uIgAD4wAAAABJRU5ErkJggg==) no-repeat 50%/cover}@media (max-width:768px){.player-demo .main-content{width:100%;padding:0 20px}.player-demo .main-content .m-left,.player-demo .main-content .m-right{width:100%}.player-demo .main-content .m-right .play-content .con-wrap{width:185px}}