@charset "UTF-8";
.cf:before,.cf:after {content:'';display:table}
.clear,.cf:after{clear:both}
.cf,.clearfix{*zoom:1}

.layer-password {font-size:14px;
    font-family: 'helvetica neue', tahoma, arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun', sans-serif;position:absolute;top:50%;left:50%;width:20rem;background-color:#242424}
.layer-password .tip {display:block;width:88%;padding:1em 6% .5em;color:#0073d0;border-bottom:1px solid #0073d0;font-size: 1.2em;}
.layer-password .password {font-size:1em;line-height:2em;display:block;width:88%;height:2em;margin:1em auto 0;color:#bfbfbf;border:none;border-bottom:1px solid #bfbfbf;background-color:inherit;}
.layer-password .txt {font-size:1em;display:block;visibility:hidden;padding:.5em 6% .5em;color:#5a5a5a}
.layer-password .bottom {border-top:1px solid #313234}
.layer-password .bottom .btn {line-height:3.25em;height:3.25em;text-align:center;color:#8e8e8e}
.layer-password .bottom .btn.ok {display:block;width:50%;margin:0 auto;font-size: 1.2em;text-decoration: none;}

.top {position:relative;width:100%;height:2.08rem}
.top .btn-back {float:left;margin-left:2.66rem}
.btn-back{display:inline-block;width:1.16rem;height:2.083rem;background-image:url(btn-back.png);background-size:cover}
.layer-wifi {margin-top:16.6rem;text-align:center}
.layer-wifi .tip {font-size:1.833rem;line-height:2.5rem;display:block;margin-bottom:2.5rem;color:#dcdcdc}
.layer-wifi .btn-play {font-size:1.833rem;display:block;color:#0071ce}
.gesture-tips{margin:15rem auto 0;width:76.3rem;height:28.8rem;background-image:url(gesture-tips.png);background-size:cover}
.video-box{width:100%;height:100%;background-image:url(../ac/bg.png);background-size:cover;position:relative}
.sidebar{width:21.667rem;height:100%;position:absolute;right:0;top:0;background:rgba(0,0,0,0.6);display:table}
.distinct{display:table-cell;vertical-align:middle;padding:0 15%}
.distinct li{border-top:1px solid #393939}
.distinct li a{text-align:center;font-size:1.833rem;line-height:5.917rem;display:block;color:#dcdcdc}
.distinct li.cur a{color:#0071ce
}
.distinct li:last-child{border-bottom:1px solid #393939}
.about-list{padding:0 2rem;width:36rem;height:100%;position:absolute;right:0;top:0;background:rgba(0,0,0,0.6)}
.top-box,.bottom-box{display:table;position:absolute;left:0;width:100%;height:6.667rem;background:rgba(0,0,0,0.6)}
.top-box{top:0}
.title-wrap{width:76%}
.title-wrap span{font-size:2rem;color:#fff}
.btn-share{display:inline-block;width:2.333rem;height:2.147rem;background-image:url(btn-share.png);background-size:cover}
.btn-step{display:inline-block;width:0.5rem;height:2.5rem;background-image:url(btn-step.png);background-size:cover}
.bottom-box{bottom:0}
.cell{display:table-cell;vertical-align:middle}
.btn-wrap{width:8%;text-align:center}
.btn-wrap .btn{font-size:1.833rem;color:#fff}
.btn-stop{display:inline-block;width:1.583rem;height:2.417rem;background-image:url(btn-stop.png);background-size:cover}
.progress-bar-wrap{width:76%;position:relative;text-align:center}
.current,.all{position:absolute;top:2.5rem;font-size:1.333rem;color:#fff}
.current{left:1rem}
.all{right:1rem
}
.progress-bar{position:relative;display:inline-block;width:72%;height:5px;background:rgba(36,36,36,0.9)}
.progress-bar .ash{position:absolute;left:0;top:0;display:block;height:100%;background-color:#919195}
.progress-bar .on{position:absolute;left:0;top:0;display:block;height:100%;background-color:#0073d2}
.progress-bar .round{position:absolute;top:-0.833rem;width:2rem;height:2rem;background-color:#eee;border-radius:20px}
.btn-lock{position:absolute;left:0;top:50%;width:4.063rem;height:3.938rem;background-image:url(btn-lock.png);background-size:cover}
.btn-zoom{display:inline-block;width:1.625rem;height:1.563rem;background-image:url(btn-zoom.png);background-size:cover}
.btn-start{display:inline-block;width:2.083rem;height:2.417rem;background-image:url(btn-start.png);background-size:cover}
.volume-wrap{padding-top:10%;width:100%;display:table;border-bottom:1px solid #393939}
.ico-mute{left:1.167rem;top:2.5rem;position:absolute;width:1.333rem;height:1.75rem;background-image:url(ico-mute.png)}
.ico-volume{left:0.583rem;top:2.25rem;position:absolute;width:2.583rem;height:2.333rem;background-image:url(ico-volume.png)}
.volume-wrap .cell{position:relative;line-height:6.333rem;text-align:center}
.volume-wrap .cell{width:10%}
.volume-wrap .cell.progress-bar-wrap{width:80%}
.volume-wrap .cell.progress-bar-wrap .progress-bar{width:100%}/*  |xGv00|d9c38c9304367426cdc4726085894ce5 */