.hide{display:none!important}.show{display:block!important}.pull-left{float:left!important}.pull-right{float:right!important}@font-face{font-family:zm-player-icon-font;src:url(//at.alicdn.com/t/font_1433317952_4430285.eot);src:url(//at.alicdn.com/t/font_1433317952_4430285.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_1433317952_4430285.woff) format('woff'),url(//at.alicdn.com/t/font_1433317952_4430285.ttf) format('truetype'),url(//at.alicdn.com/t/font_1433317952_4430285.svg#iconfont) format('svg')}.zm-player{position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;overflow:hidden;background:#313335;background:-moz-radial-gradient(center,ellipse cover,#313335 0,#1b1c1d 100%);background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0%,#313335),color-stop(100%,#1b1c1d));background:-webkit-radial-gradient(center,ellipse cover,#313335 0,#1b1c1d 100%);background:-o-radial-gradient(center,ellipse cover,#313335 0,#1b1c1d 100%);background:-ms-radial-gradient(center,ellipse cover,#313335 0,#1b1c1d 100%);background:radial-gradient(ellipse at center,#313335 0,#1b1c1d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#313335', endColorstr='#1b1c1d', GradientType=1)}.zm-player.is-ready .player{width:100%;height:100%;left:0;top:0}.zm-player.is-ready .cover-img{display:none!important}.zm-player.is-paused.is-ready .cover-img{display:none!important}.zm-player.is-paused .state .icon.pause{display:block}.zm-player.is-paused .state .cover-img{display:block}.zm-player.is-paused .control-bar .control.button.play .icon:after{content:'\e603'}.zm-player.is-muted .control-bar .control.button.volume .icon:after{content:'\e605'}.zm-player.is-fullscreen .control-bar .control.button.full-screen .icon:after{content:'\e600'}.zm-player.is-waiting .state{background:rgba(0,0,0,.4)}.zm-player.is-waiting .state .loading-spinner{display:block}.zm-player.is-waiting .state .loading-spinner .spinner-container b{-webkit-animation-play-state:running;animation-play-state:running}.zm-player.is-hide-control-bar .player-ui .control-bar{bottom:-37px!important}.zm-player.is-hide-control-bar .player-ui .control-bar .progress-bar{top:0;left:0;right:0}.zm-player.is-hide-control-bar .player-ui .control-bar .progress-bar .progress,.zm-player.is-hide-control-bar .player-ui .control-bar .progress-bar .buffer{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.zm-player.is-hide-control-bar .player-ui .control-bar .progress-bar .progress b{display:none}.zm-player.is-error .state{cursor:default}.zm-player.is-error .state .error{display:table}.zm-player.is-error .control-bar{display:none}.zm-player .zm-player-container{height:100%;position:relative;z-index:1;font-size:12px}.zm-player .state{position:relative;height:100%;width:100%;cursor:pointer}.zm-player .state .icon,.zm-player .state .loading-spinner{position:absolute;top:50%;left:50%;width:128px;height:128px;margin-left:-64px;margin-top:-64px;display:none}.zm-player .state .icon{font-size:128px;opacity:.8;text-shadow:0 0 20px rgba(0,0,0,.5)}.zm-player .state .loading-spinner{width:48px;height:48px;margin-top:-24px;margin-left:-24px}.zm-player .state .error{display:none;width:100%;height:100%;table-layout:fixed}.zm-player .state .error .wrap{display:table-row;width:100%;height:100%}.zm-player .state .error .inner-wrap{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}.zm-player .state .error .inner-wrap .logo,.zm-player .state .error .inner-wrap .text{display:inline-block;vertical-align:top}.zm-player .state .error .inner-wrap .logo{background:url(https://web-data.zmlearn.com/image/8TeogNXsxu8yLNRphHvA2s/zm_logo_x.png);width:35px;height:70px;margin-right:20px}.zm-player .state .error .inner-wrap .text{padding-top:10px;text-align:left}.zm-player .state .error .inner-wrap .text .title,.zm-player .state .error .inner-wrap .text .message{display:block}.zm-player .state .error .inner-wrap .text .title{font-size:18px;font-weight:700;color:#fff;line-height:30px}.zm-player .state .error .inner-wrap .text .message{color:#b8b8b8;font-size:13px}.zm-player .state .error .inner-wrap .button-wrap{padding-left:25px;padding-top:30px}.zm-player .state .error .inner-wrap .button{height:30px;line-height:30px;background:#eb2525;padding:0 15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;font-weight:700;font-size:14px;color:#fff;text-decoration:none}.zm-player .icon{font-family:zm-player-icon-font!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;line-height:1;color:#fff}.zm-player .player{position:absolute;z-index:1;width:0;height:0;left:-999px;top:-999px;overflow:hidden;background:#000}.zm-player .player-ratio{display:block}.zm-player .player-ui{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%}.zm-player .player-ui .control-bar{position:absolute;left:0;right:0;bottom:0;z-index:9;background:#333;background:rgba(0,0,0,.8);height:40px}.zm-player .player-ui .control-bar,.zm-player .player-ui .progress-bar{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;transition:all ease .4s}.zm-player .player-ui .control{position:absolute;height:40px}.zm-player .player-ui .control.button{width:40px;height:40px;line-height:40px;border:0;text-align:center;outline:0;cursor:pointer;-webki-ttransition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s;background-color:transparent;opacity:.8}.zm-player .player-ui .control.button:hover{opacity:1;background-color:#000}.zm-player .player-ui .control.button .icon{display:inline-block;width:16px;height:16px;font-size:16px;font-style:normal;color:#fff}.zm-player .player-ui .control.time{line-height:40px;height:40px;text-shadow:0 1px 3px rgba(0,0,0,.9);color:#fff;text-align:center;width:50px}.zm-player .player-ui .control.play{left:0;top:0}.zm-player .player-ui .control.play .icon:after{content:'\e602'}.zm-player .player-ui .control.current-time{top:0;left:40px}.zm-player .player-ui .control.progress-bar{height:4px;top:18px;left:100px;right:140px;background:#171717;background:rgba(23,23,23,.8);-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:4px;background:#333;background:rgba(255,255,255,.25)}.zm-player .player-ui .control.progress-bar .time-flag{position:absolute;bottom:12px;padding:0 10px;height:24px;line-height:24px;color:#fff;background:#000;left:0;font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:none}.zm-player .player-ui .control.progress-bar .time-flag.show{display:block}.zm-player .player-ui .control.progress-bar .time-flag .arrow{content:"";position:absolute;border:0 solid transparent;border-width:6px 6px 0;border-top-color:#000;bottom:-6px;left:50%;margin-left:-6px}.zm-player .player-ui .control.progress-bar .progress,.zm-player .player-ui .control.progress-bar .buffer{height:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:6px;position:absolute;left:0;top:0;z-index:1;width:0}.zm-player .player-ui .control.progress-bar .progress{background:#e1b648;z-index:2}.zm-player .player-ui .control.progress-bar .progress b{position:absolute;width:8px;height:8px;content:"";right:-4px;top:-2px;box-shadow:0 1px 3px 1px rgba(0,0,0,.1);background:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.zm-player .player-ui .control.progress-bar .buffer{background:#aaa}.zm-player .player-ui .control.duration{top:0;right:80px}.zm-player .player-ui .control.volume{top:0;right:40px}.zm-player .player-ui .control.volume .icon:after{content:'\e604'}.zm-player .player-ui .control.full-screen{top:0;right:0}.zm-player .player-ui .control.full-screen .icon:after{content:'\e601'}.lt-ie10 .zm-player .player-ui .state .loading-spinner{width:96px;height:96px;background:url(https://web-data.zmlearn.com/image/vpStF3NBBvKnGDdQibu539/loading.gif) #333 no-repeat center;border-radius:4px;top:50%;left:50%;margin-left:-48px;margin-top:-48px}.lt-ie10 .zm-player .player-ui .state .loading-spinner .spinner-container{display:none}.loading-spinner{width:20px;height:20px}.loading-spinner .spinner-container{position:absolute;width:100%;height:100%}.loading-spinner .spinner-container b{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.loading-spinner .container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.loading-spinner .container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.loading-spinner .circle1{top:0;left:0}.loading-spinner .circle2{top:0;right:0}.loading-spinner .circle3{right:0;bottom:0}.loading-spinner .circle4{left:0;bottom:0}.loading-spinner .container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loading-spinner .container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.loading-spinner .container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.loading-spinner .container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.loading-spinner .container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.loading-spinner .container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.loading-spinner .container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.loading-spinner .container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.loading-spinner .container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.loading-spinner .container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.loading-spinner .container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}