@charset "utf-8";
/* CSS Document */
.video video::-webkit-media-controls-enclosure {
    display:none !important;
}

.videoModule {
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
    font:12px/1.5 "\5b8b\4f53", arial, Helvetica, Tahoma, sans-serif;
    margin:0 auto;
    color:#333;
    background:#fff;
    overflow:hidden;
}

.videoModule p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe {
    margin:0;
    padding:0;
}

.videoModule ul, li, ol {
    list-style-type:none;
}

.videoModule i {
    font-style:normal;
}

.videoModule .vmVideo {
    height:100%;
    background:#000;
}

.videoModule .vmTopPanel {
    width:100%;
    height:30px;
    line-height:28px;
    position:absolute;
    left:0;
    top:0;
    -moz-transition:opacity 0.5s 3s;
    -webkit-transition:opacity 0.5s 3s;
    transition:opacity 0.5s 3s;
    z-index:2147483647;
    opacity:0;
    pointer-events:none;
    background-color:#000;
    color:#ffffff;
    text-align:center;
    font-size:14px;
    vertical-align:middle;
}

.videoModule .vmControls .playPanel i, .videoModule .vmSetPanel .setModule .iVoice, .videoModule .vmSetPanel .setModule .iFull, .videoModule .vmSetPanel .setModule .iLine, .videoModule .vmControls .timeTag:after, .videoModule .vmSetPanel .setModule .setColor .colorTool .a-cut, .videoModule .vmSetPanel .setModule .setColor .colorTool .a-add, .closeSetSubtitles, .scissors, .isPip, .noPip{
    background:url(../../images/h5/vmIcon-v2.png) no-repeat;
}

.videoModule .vmSetPanel .setModule .scissors{
    background-position: 0 -1087px;
    width: 20px;
	height: 18px;
    overflow:hidden;
    cursor:pointer;
    float:left;
}

.videoModule .vmSetPanel .setModule .scissors:hover{
    background-position: 0 -1049px;
}

.videoModule .vmSetPanel .setModule .isPip{
    background-position: 0 -937px;
    width: 19px;
	height: 18px; 
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    line-height:180px;
}

.videoModule .vmSetPanel .setModule .isPip:hover{
    background-position: 0 -900px;
}

.videoModule .vmSetPanel .setModule .noPip{
    background-position: 0 -1012px;
    width: 19px;
	height: 18px; 
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    line-height:180px;
}

.videoModule .vmSetPanel .setModule .noPip:hover{
    background-position: 0 -975px;
}

.videoModule .vmControls {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    z-index:2147483647;
}

.videoModule .vmPanel {
    height:54px;
    -moz-transition:all 0.5s 3s;
    -webkit-transition:all 0.5s 3s;
    transition:all 0.5s 3s;
    opacity:0;
    pointer-events:none;
}

.videoModule .vmTrackText {
    text-align:center;
    font-size:22px;
    text-shadow:0 3px 3px #000, 3px 0 3px #000, -3px 0 3px #000, 0 -3px 3px #000;
    line-height:1;
    color:#fff;
    position:absolute;
    left:0;
    bottom:25px;
    right:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    opacity: 0.4;
}

.videoModule .vmTrackText span {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
}

/** 播放器网络提示开始 **/
.videoModule .networkPrompt {
    position:absolute;
    bottom:10px;
    right:10px;
    width:344px;
    height:33px;
    background:rgba(0, 0, 0, 0.6);
    border-radius:4px;
    text-align:center;
    line-height:33px;
    z-index:4;
    font-size:16px;
    font-family:Microsoft YaHei;
    color:#fff;
    font-weight:400;
}

.videoModule .networkPrompt_sfp {
    position:absolute;
    width:303px;
    height:33px;
    background:rgba(0, 0, 0, 0.6);
    border-radius:4px;
    text-align:center;
    line-height:33px;
    left:50%;
    top:50%;
    margin:-16.5px 0 0 -151.5px;
    z-index:4;
    font-size:14px;
    font-family:Microsoft YaHei;
    color:#FFFFFF;
    font-weight:400;
}

/** 播放器网络提示结束 **/
.videoModule .vmProgressPanel {
    height:8px;
    position:relative;
}

.videoModule .vmProgressPanel .vmProgress, .videoModule .vmProgressPanel .vmProgressCur {
    height:8px;
    background:#909090;
    overflow:hidden;
    line-height:0;
    font-size:0;
}

.videoModule .vmProgressPanel .vmProgressCur {
    background:#07bdc7;
}

/*.videoModule .vmProgressPanel .vmNode{width:7px;height:6px;background:#1a62a2;position:absolute;top:1px;}*/
.videoModule .vmProgressPanel .vmNode {
    width:12px;
    height:8px;
    background:#fff;
    position:absolute;
    top:0;
    border-radius:4px;
    z-index:2;
}

.videoModule .vmProgressPanel .vmDot {
    width:10px;
    height:10px;
    line-height:0;
    overflow:hidden;
    position:absolute;
    top:-6px;
    z-index:5;
    background:#07bdc7;
    border:4px solid #fff;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}

.videoModule .vmControlsPanel {
    height:46px;
    background:rgba(22, 24, 25, .8);
}

.videoModule .vmControls .playPanel {
    float:left;
}

.videoModule .vmControls .playPanel i {
    width:40px;
    height:46px;
    float:left;
    line-height:460px;
    overflow:hidden;
    cursor:pointer;
}

.videoModule .vmControls .playPanel .vmPlay {
    background-position:left -93px;
}

.videoModule .vmControls .playPanel .vmFront {
    background-position:left -46px;
}

.videoModule .vmControls .playPanel .vmPause {
    background-position:left -138px;
}

.videoModule .vmControls .playPanel .vmBack:hover {
    background-position:left -184px;
}

.videoModule .vmControls .playPanel .vmPlay:hover {
    background-position:left -276px;
}

.videoModule .vmControls .playPanel .vmFront:hover {
    background-position:left -230px;
}

.videoModule .vmControls .playPanel .vmPause:hover {
    background-position:left -322px;
}

.videoModule .vmControls .timeNum {
    line-height:46px;
    color:#fff;
    font-size:14px;
    float:left;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    margin-left: 10px;
}

.videoModule .vmControls .discussSwitch {
    float:left;
    font-size: 12px;
    color: #FFFFFF;
    line-height:46px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    margin-left: 30px;

}
.videoModule .vmControls .discussSwitch img{
    width: 26px;
    height: 16px;
    vertical-align: middle;
    margin-left: 6px;
    cursor: pointer;
}

.videoModule .vmControls .timeTag {
    height:20px;
    padding:0 5px;
    line-height:20px;
    background:#000;
    color:#fff;
    position:absolute;
    top:-28px;
    font-size:12px;
    display:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.videoModule .vmControls .timeTag:after {
    width:7px;
    height:4px;
    overflow:hidden;
    content:"";
    background-position:left -736px;
    position:absolute;
    left:50%;
    bottom:-4px;
    margin-left:-4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/*.videoModule .vmControls .vmProgress .vmNodeName{height:20px;padding:0 5px;line-height:20px;background:#000;color:#fff;position:absolute;top:-28px;font-size:12px;display:none;}*/
.videoModule .vmControls .vmProgressPanel .vmNodeName {
    max-width:126px;
    position:absolute;
    bottom:20px;
    padding:8px 8px 8px 34px;
    margin-left:-14px;
    background:url(../../images/h5/vmNodeNameBg.png) repeat;
    border-radius:5px;
    display:none;
}

.videoModule .vmControls .vmProgressPanel .vmNodeName:after {
    width:9px;
    height:6px;
    content:'';
    background:url(../../images/h5/vmNodeNameTriangle.png) no-repeat;
    position:absolute;
    left:16px;
    bottom:-6px;
}

.videoModule .vmControls .vmProgressPanel .vmNodeName p {
    max-height:60px;
    line-height:20px;
    font-size:14px;
    color:#ffefa5;
    cursor:pointer;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}

.videoModule .vmControls .vmProgressPanel .vmNodeName p:before {
    width:16px;
    height:16px;
    content:'';
    background:url(../../images/h5/vmNodeNameIcon.png) no-repeat;
    position:absolute;
    left:12px;
    top:9px;
}

.videoModule .vmControls .vmProgressPanel .vmNodeNamePosition {
    margin:0 -26px 0 0;
}

.videoModule .vmControls .vmProgressPanel .vmNodeNamePosition:after {
    left:auto;
    right:16px;
}

.videoModule .vmControls .vmProgressPanel .vmNodeNamePositionLeft {
    margin-left:0;
}

.videoModule .vmControls .vmProgressPanel .vmNodeNamePositionLeft:after {
    left:4px;
}

.videoModule .vmControls .vmProgressPanel .vmNodeNamePositionRight {
    margin:0 -12px 0 0;
}

.videoModule .vmControls .vmProgressPanel .vmNodeNamePositionRight:after {
    right:4px;
}


.videoModule .vmSetPanel {
    float:right;
}

.videoModule .vmSetPanel .setModule {
    height:18px;
    padding:14px 0;
    margin-right:14px;
    position:relative;
    float:left;
    z-index:8;
}

.videoModule .vmSetPanel .setModule span {
    height:16px;
    line-height:16px;
    display:inline-block;
    padding:0 8px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    border:1px solid #fff;
    color:#fff;
    cursor:pointer;
}

.videoModule .vmSetPanel .setModule span:hover {
    background-color:#fff;
    color:#333;
}

/*.videoModule .vmSetPanel .setModule .settea{padding-left:26px;background-position:8px -374px;background-color:#333;}*/
/*.videoModule .vmSetPanel .setModule .settea:hover{background-color:#ccc;color:#333;}*/
/*.videoModule .vmSetPanel .setModule .setteaHide{background-position:8px -404px;}*/
.videoModule .vmSetPanel .setModule .setShow, .videoModule .vmSetPanel .setModule .voiceShow, .videoModule .vmSetPanel .setModule .setPanel, .videoModule .vmSetPanel .setModule .setSpeed , .videoModule .vmSetPanel .setModule .setTeacher ,.videoModule .vmSetPanel .setModule .setSubtitles{
    width:78px;
    border:1px solid #2d2d2d;
    position:absolute;
    left:50%;
    margin-left:-39px;
    bottom:100%;
    display:none;
}

.videoModule .vmSetPanel .setModule .setShow li {
    line-height:20px;
    padding:6px 0;
    color:#fff;
    border-bottom:1px solid #2d2d2d;
    text-align:center;
    cursor:pointer;
    background:rgba(22, 24, 25, .8);
}

.videoModule .vmSetPanel .setModule .setShow li:last-child {
    border-bottom:0 none;
}

.videoModule .vmSetPanel .setModule .setShow li.on {
    color:#07bdc7;
}

.videoModule .vmSetPanel .setModule .setShow li:hover {
    background:rgba(74, 79, 83, .8);
    color:#fff;
}

.videoModule .vmSetPanel .setModule .voiceShow {
    width:40px;
    margin-left:-20px;
    padding:14px 0 5px;
    background:rgba(19, 16, 11, .8);
}

.videoModule .vmSetPanel .setModule .voiceShow .voiceStrip, .videoModule .vmSetPanel .setModule .setSpeed .speedMain {
    width:4px;
    height:72px;
    position:relative;
    background:#99999d;
    margin:0 auto;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}

.videoModule .vmSetPanel .setModule .voiceShow .voiceCur, .videoModule .vmSetPanel .setModule .setSpeed .speedCur {
    width:4px;
    position:absolute;
    left:0;
    bottom:0;
    background:#07bdc7;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    cursor:pointer;
}

.videoModule .vmSetPanel .setModule .voiceShow .voiceDot, .videoModule .vmSetPanel .setModule .setSpeed .speedDot {
    width:10px;
    height:10px;
    line-height:0;
    overflow:hidden;
    position:absolute;
    left:-3px;
    margin-top:5px;
    background:#fff;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    cursor:pointer;
}

.videoModule .vmSetPanel .setModule .setPanel {
    width:318px;
    margin-left:-267px;
    background:rgba(22, 24, 25, .8);
    border-color:rgba(74, 79, 83, .8);
}

.videoModule .vmSetPanel .setModule .setTeacher {
    width: 266px;
    height: 141px;
    margin-left:-105px;
    background:rgba(22, 24, 25, .8);
    border-color:rgba(74, 79, 83, .8);
    color: #fff;
    font-size: 14px;
}
.videoModule .vmSetPanel .setModule .setTeacher p{
    color: #fff;
    text-align: center;
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #4c4c4c;
    margin-bottom: 3px;
    user-select: none;
}
.videoModule .vmSetPanel .setModule .setTeacher ul li{
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    position: relative;
    user-select: none;
}
.videoModule .vmSetPanel .setModule .setTeacher ul li img{
    width: 40px;
    height: 22px;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles {
    width: 296px;
    height: 168px;
    margin-left:-165px;
    background:rgba(22, 24, 25, .8);
    border-color:rgba(74, 79, 83, .8);
    color: #fff;
    font-size: 12px;
    padding: 15px;
    box-sizing: border-box;
}
.videoModule .vmSetPanel .setModule .setSubtitles .subtItem{
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    user-select: none;
}
.videoModule .vmSetPanel .setModule .setSubtitles .opSlider{
    display: inline-block;
    width: 150px;
    height: 2px;
    background: #E6E6E6;
    border-radius: 2px;
    margin-left: 18px;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
}
.videoModule .vmSetPanel .setModule .setSubtitles .opSlider .opSliderDot{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #07BDC7;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    top:-5px;
    left: 69px;
    cursor: pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider{
    display: inline-block;
    width: 150px;
    height: 2px;
    background: #E6E6E6;
    border-radius: 2px;
    margin-left: 40px;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider .afsSliderDot{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #07BDC7;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    top:-4px;
    left: 0px;
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider .afsSliderDot{
    width: 12px;
    height: 12px;
    background-color: #07BDC7;
    top:-5px;
    /* left: 0px; */
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider .cfsSliderDot{
    width: 8px;
    height: 8px;
    background-color: #E6E6E6;
    top:-3px;
    /* left: 0px; */
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider .fsSliderDota{
    left: 0px;
    cursor: pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider .fsSliderDotb{
    left: 36px;
    cursor: pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider .fsSliderDotc{
    left: 72px;
    cursor: pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider .fsSliderDotd{
    left: 108px;
    cursor: pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider .fsSliderDote{
    left: 144px;
    cursor: pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles .fsSlider .fsSliderDot{
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    /* left: 0px; */
    cursor: pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles p{
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 19px;
    position: relative;
    margin-bottom: 4px;
    user-select: none;
}
.videoModule .vmSetPanel .setModule .setSubtitles .setSubBtn{
    text-align: center;
    margin-top: 10px;
}
.videoModule .vmSetPanel .setModule .setSubtitles button{
    width: 60px;
    height: 24px;
    font-size: 12px;
    color:#fff;
    border-radius: 20px;
    line-height: 1;
}
.videoModule .vmSetPanel .setModule .setSubtitles .setSubBtnr{
    border: 1px solid #666;
    background-color: #121518;
    margin-right: 20px;
    box-sizing: border-box;
    cursor: pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles .setSubBtns{
    background-color: #07BDC7;
    border: none;
    cursor: pointer;
}

.videoModule .vmSetPanel .setModule .setSubtitles p .closeSetSubtitles{
    position: absolute;
    right: 0px;
    top: 0px; 
    background-position: -2px -1127px;
	width: 12px;
	height: 12px;
    overflow:hidden;
    cursor:pointer;
}
.videoModule .vmSetPanel .setModule .setSubtitles p .closeSetSubtitles:hover{
    background-position: -2px -1159px;
}
/* ************切换老师列表开始***************** */
.videoModule .setChangeTeacher {
    min-width: 256px;
    height: 125px;
    background:rgba(22, 24, 25, .8);
    border-color:rgba(74, 79, 83, .8);
    color: #fff;
    font-size: 12px;
    bottom: 10px;
    right: 10px;
    position: absolute;
    white-space: nowrap;
}
.videoModule .setChangeTeacher p{
    color: #fff;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #4c4c4c;
    padding-left: 14px;
    position: relative;
    user-select: none;
}
.videoModule .setChangeTeacher p span{
    margin-left: 12px;
    color: #07BDC7;
    overflow: hidden;
    margin-right: 40px;
    user-select: none;
}
.videoModule .setChangeTeacher p img{
    position: absolute;
    right: 12px;
    top:10px;
    cursor:pointer;
}
.videoModule .setChangeTeacher .teaList li{
    display: inline-block;
    width: 82px;
    margin-top: 14px;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
}
.videoModule .setChangeTeacher .teaList li div span{
    max-width: 48px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
}
.videoModule .setChangeTeacher .teaList li .teaImg {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.videoModule .setChangeTeacher .teaList li .ingIcon{
    position: relative;
    display: inline-block;
}
.videoModule .setChangeTeacher .teaList li .toplayIcon{
    position: relative;
    display: inline-block;
    cursor:pointer;
}
.videoModule .setChangeTeacher .teaList li .ingIcon:after {
    width:10px;
    height:10px;
    content:'';
    background:url(../../images/h5/bf.gif) no-repeat; 
    position:absolute;
    right: -16px;
    bottom: 4px;
    background-size: 10px 10px;
}
.videoModule .setChangeTeacher .teaList li .toplayIcon:after {
    width:14px;
    height:14px;
    content:'';
    background:url(../../images/h5/bfIcon.png) no-repeat; 
    position:absolute;
    right: -18px;
    bottom: 2px;
    background-size: 14px 14px;
}
/* ************切换老师结束***************** */

.videoModule .setTab-hd {
    height:34px;
    line-height:34px;
}

.videoModule .vmSetPanel .setModule .setTab-hd li {
    width:106px;
    float:left;
    text-align:center;
    background:rgba(74, 79, 83, .8);
    color:#fff;
    cursor:pointer;
}

.videoModule .vmSetPanel .setModule .setTab-hd li.on {
    background:none;
    color:#07bdc7;
    cursor:default;
}

.videoModule .vmSetPanel .setModule .setTab-bd {
    height:126px;
    padding-top:20px;
}

.videoModule .vmSetPanel .setModule .setColor {
    height:28px;
    padding-left:20px;
}

.videoModule .vmSetPanel .setModule .setColor label {
    width:52px;
    line-height:28px;
    float:left;
    color:#fff;
    font-size:12px;
}

.videoModule .vmSetPanel .setModule .setColor .colorTool {
    width:198px;
    float:left;
}

.videoModule .vmSetPanel .setModule .setColor .colorTool .a-cut, .videoModule .vmSetPanel .setModule .setColor .colorTool .a-add {
    width:19px;
    height:20px;
    line-height:280px;
    overflow:hidden;
    float:left;
    background-position:left -758px;
    margin-top:4px;
}

.videoModule .vmSetPanel .setModule .setColor .colorTool .a-add {
    float:right;
    background-position:left -798px;
}

.videoModule .vmSetPanel .setModule .setColor .colorTool a:hover {
    background-color:rgba(74, 79, 83, .8);
}

.videoModule .vmSetPanel .setModule .setColor .colorTool .colorBarPanel {
    width:152px;
    height:12px;
    position:relative;
    float:left;
    margin:8px 0 0 4px;
}

.videoModule .vmSetPanel .setModule .setColor .colorTool .colorBarProgress {
    cursor:pointer;
    height:4px;
    margin-top:4px;
    overflow:hidden;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    background:#b3cde5;
}

.videoModule .vmSetPanel .setModule .setColor .colorTool .colorBarProgress p {
    height:4px;
    background:#07bdc7;
}

.videoModule .vmSetPanel .setModule .setColor .colorTool .colorDot {
    cursor:pointer;
    width:12px;
    height:12px;
    line-height:280px;
    overflow:hidden;
    position:absolute;
    top:0;
    margin-left:-6px;
    background:#fff;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}

.videoModule .vmSetPanel .setModule .setColor .colorTool .colorDot:hover {
    background:#fff;
}

.videoModule .vmSetPanel .setModule .setColor .colorValue {
    float:left;
    margin-left:5px;
    color:#c1c1c1;
    font-size:12px;
    line-height:28px;
}

.videoModule .vmSetPanel .setModule .colorReset {
    margin-top:6px;
    text-align:center;
    font-size:12px;
}

.videoModule .vmSetPanel .setModule .colorReset a {
    height:24px;
    line-height:24px;
    padding:0 10px;
    background:#333;
    color:#fff;
    display:inline-block;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    text-decoration:none;
}

.videoModule .vmSetPanel .setModule .colorReset a:hover,
.videoModule .vmSetPanel .setModule .setLine a.on,
.videoModule .vmSetPanel .setModule .setLine a:hover,
.videoModule .vmSetPanel .setModule .setMode a.on,
.videoModule .vmSetPanel .setModule .setMode a:hover {
    background:#ccc;
    color:#333;
    text-decoration:none;
}

.videoModule .vmSetPanel .setModule .setLine, .videoModule .vmSetPanel .setModule .setMode {
    font-size:0;
}

.videoModule .vmSetPanel .setModule .setLine a, .videoModule .vmSetPanel .setModule .setMode a {
    width:60px;
    height:28px;
    line-height:28px;
    margin:0 0 15px 15px;
    font-size:12px;
    padding:0 10px;
    background:#333;
    color:#fff;
    display:inline-block;
    text-align:center;
    text-decoration:none;
}

.videoModule .vmSetPanel .setModule .iVoice{
    background-position:0px -463px;
    width: 21px;
	height: 20px; 
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    line-height:180px;
    margin-top: -1px;
}

.videoModule .vmSetPanel .setModule .iVoice:hover {
    background-position:0px -613px;
}

.videoModule .vmSetPanel .setModule .iVoiceClose {
    background-position:0px -492px;
    width: 21px;
	height: 20px; 
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    line-height:180px;
    margin-top: -1px;
}

.videoModule .vmSetPanel .setModule .iVoiceClose:hover {
    background-position:0px -641px;
}

.videoModule .vmSetPanel .setModule .iFull {
    background-position:0px -524px;
    width: 18px;
	height: 18px; 
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    line-height:180px;
}

.videoModule .vmSetPanel .setModule .iFull:hover {
    background-position:0px -674px;
}

.videoModule .vmSetPanel .setModule .iZoom {
    background-position:0px -554px;
    width: 18px;
	height: 18px; 
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    line-height:180px;
}

.videoModule .vmSetPanel .setModule .iZoom:hover {
    background-position:0px -704px;
}

.videoModule .vmSetPanel .setModule .iLine {
    background-position:0px -432px;
    width: 20px;
	height: 22px;
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    line-height:180px;
    margin-top: -2px;
}

.videoModule .vmSetPanel .setModule .iLine:hover {
    background-position:0px -583px;
}

.videoModule .vmSetPanel .setModule .setSpeed {
    background:rgba(22, 24, 25, .8);
    padding-bottom:12px;
}

.videoModule .vmSetPanel .setModule .setSpeed .setSpeed-hd {
    padding:6px 0 14px;
}

.videoModule .vmSetPanel .setModule .setSpeed .setSpeed-hd a {
    line-height:20px;
    display:block;
    padding-left:9px;
    color:#fff;
    text-decoration:none;
    text-align:left;
    font-size:12px;
}

.videoModule .vmSetPanel .setModule .setSpeed .setSpeed-hd a:hover {
    color:#07bdc7;
}

.videoModule .vmSetPanel .setModule .setSpeed .setSpeed-hd a:before {
    content:'';
    width:6px;
    height:6px;
    border-top:2px solid #07bdc7;
    border-left:2px solid #07bdc7;
    display:inline-block;
    vertical-align:middle;
    margin:-3px 5px 0 0;
    line-height:6px;
    transform:rotate(-45deg);
}

.videoModule .vmSetPanel .setModule .setSpeed .speedStrip {
    padding:0 23px;
}

.videoModule .vmSetPanel .setModule .setSpeed .speedMain {
    height:112px;
    margin:0;
}

.videoModule .vmSetPanel .setModule .setSpeed .speedTag {
    line-height:1;
    position:absolute;
    left:12px;
    color:#fff;
    margin-top:5px;
    bottom:0;
}

.videoModule .vmSetPanel .setModule .setSpeed .speedDot {
    bottom:0;
}

.videoModule .vmSetPanel .setModule:hover .setShow, .videoModule .vmSetPanel .setModule:hover .voiceShow, .videoModule .vmSetPanel .setModule:hover .setPanel, .videoModule .vmSetPanel .setSpeedHover:hover .setSpeed ,.videoModule .vmSetPanel .setTeaHover:hover .setTeacher{
    display:block;
}

.videoModule .vmSetPanel .setSpeedHover:hover .setShow {
    display:none;
}

.videoModule .vmSetPanel .setTrackHide:hover .setShow{
    display:none;
}

/* 大播放按钮样式 */
.bigPlayBtn {
    width:60px;
    height:60px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-30px 0 0 -30px;
    z-index:3;
    background-image:url(//video.cdeledu.com/images/h5/bigPlayBtn.png);
    cursor:pointer;
    line-height:600px;
    overflow:hidden;
}


.vmLoad {
    width:87px;
    height:87px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-44px 0 0 -44px;
    z-index:3;
}

.audio .videoModule {
    overflow:visible;
}

.audio .videoModule .vmControls {
    bottom:-4px;
}

.audio .vmLoad {
    top:-400%;
}

progress {
    display:inline-block;
    width:160px;
    height:20px;
    /*border: 1px solid #07bdc7;*/
    background-color:#e6e6e6;
    color:#07bdc7; /*IE10*/
}

/*ie6-ie9*/
progress ie {
    display:block;
    height:100%;
    /*background: #07bdc7;*/
}

progress::-moz-progress-bar {
    background:#07bdc7;
}

progress::-webkit-progress-bar {
    background:#e6e6e6;
}

progress::-webkit-progress-value {
    background:#07bdc7;
}


.waterMarking {
    background:transparent;
    z-index:2147483647;
    position:absolute;
    display:none;
    text-align: center;
}

.waterMarking span {
    color:rgba(255, 255, 255, 0.5);
    display:block;
}

#splits .splitsWrap .funItem .videoModule .vmLoad {
    width:60px;
    height:60px;
    margin:-30px 0 0 -30px
}

#splits .splitsWrap .funItem .videoModule .vmLoad img {
    width:100%;
}

/*h5播放器新增修正视频加载动画上下不居中，三分屏缓冲动画按比例缩小的问题*/
#audioMain .audioWrap .audio .videoModule .vmControlsPanel .vmSetPanel .playlines .setTab-hd li {
    width:50%;
}

#audioMain .audioWrap .audio .videoModule .vmControlsPanel .vmSetPanel .playlines .setTab-hd li:last-child {
    display:none !important;
}

/* #audioMain .audioWrap .audio .videoModule .vmControlsPanel .vmSetPanel .playlines .setTab-hd li:last-child {
    background:none;
    color:#fff;
    width:100%;
} */

#audioMain .audioWrap .audio .videoModule .vmControlsPanel .vmSetPanel .playlines .setTab-bd .setTab-bd-item:last-child {
    display:none !important;
}

/* 如果是音频则无效果选择 */
#audioMain .audioWrap .audio .videoModule .vmControlsPanel .vmSetPanel .playeffects {
    display:none !important;
}

/* #audioMain .audioWrap .audio .videoModule .vmControlsPanel .vmSetPanel .playlines .setTab-bd .setTab-bd-item.setLine {
    display:block !important;
} */


/*遮挡logo*/
.videoModule .vmlogoMask, .videoModule .vmlogoMaskTitle, .videoModule .vmlogoMaskFilmTail {
    height:14%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    display:none;
}

.videoModule .vmlogoMask-right {
    left:auto;
    right:0;
}

.videoModule .vmlogoMask-bottomLeft {
    top:auto;
    bottom:0;
    margin:0 0 1.6% 3.6%;
}

.videoModule .vmlogoMask-bottomRight {
    top:auto;
    left:auto;
    right:0;
    bottom:0;
}

.videoModule .vmlogoMaskTitle, .videoModule .vmlogoMaskFilmTail {
    left:0;
    right:0;
    top:0;
    height:100%;
}

.videoModule .vmlogoMaskTitle img, .videoModule .vmlogoMaskFilmTail img {
    margin:0 auto;
    display:block;
    max-width:100%;
}

/*新Load*/
.videoLoadMod {
    width:95px;
    height:95px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-70px 0 0 -47px;
    z-index:3;
    display:none;
    background:url(../../images/h5/videoLoad-face.png) no-repeat;
}

.videoLoadMod .videoLoad-ring {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:url(../../images/h5/videoLoad-ring.png) no-repeat;
    -moz-animation:videoLoadRotate 1.4s linear infinite;
    -o-animation:videoLoadRotate 1.4s linear infinite;
    -webkit-animation:videoLoadRotate 1.4s linear infinite;
    animation:videoLoadRotate 1.4s linear infinite;
    transform-origin:center center;
    border-radius:100px;
    z-index:1;
}

.videoLoadMod .videoLoad-eye {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:url(../../images/h5/videoLoad-eye1.png) no-repeat;
    z-index:2;
    -moz-animation:videoLoadEye 1.4s linear infinite;
    -o-animation:videoLoadEye 1.4s linear infinite;
    -webkit-animation:videoLoadEye 1.4s linear infinite;
    animation:videoLoadEye 1.4s linear infinite;
}

@-moz-keyframes videoLoadRotate {
    to {
        -moz-transform:rotate(360deg);
    }
}

@-o-keyframes videoLoadRotate {
    to {
        -o-transform:rotate(360deg);
    }
}

@-webkit-keyframes videoLoadRotate {
    to {
        -webkit-transform:rotate(360deg);
    }
}

@keyframes videoLoadRotate {
    to {
        transform:rotate(360deg);
    }
}

@-moz-keyframes videoLoadEye {
    0% {
        background:url(../../images/h5/videoLoad-eye1.png) no-repeat;
    }
    12% {
        background:url(../../images/h5/videoLoad-eye2.png) no-repeat;
    }
    24% {
        background:url(../../images/h5/videoLoad-eye3.png) no-repeat;
    }
    36% {
        background:url(../../images/h5/videoLoad-eye4.png) no-repeat;
    }
    48% {
        background:url(../../images/h5/videoLoad-eye5.png) no-repeat;
    }
    64% {
        background:url(../../images/h5/videoLoad-eye6.png) no-repeat;
    }
    76% {
        background:url(../../images/h5/videoLoad-eye7.png) no-repeat;
    }
    88% {
        background:url(../../images/h5/videoLoad-eye8.png) no-repeat;
    }
}

@-o-keyframes videoLoadEye {
    0% {
        background:url(../../images/h5/videoLoad-eye1.png) no-repeat;
    }
    12% {
        background:url(../../images/h5/videoLoad-eye2.png) no-repeat;
    }
    24% {
        background:url(../../images/h5/videoLoad-eye3.png) no-repeat;
    }
    36% {
        background:url(../../images/h5/videoLoad-eye4.png) no-repeat;
    }
    48% {
        background:url(../../images/h5/videoLoad-eye5.png) no-repeat;
    }
    64% {
        background:url(../../images/h5/videoLoad-eye6.png) no-repeat;
    }
    76% {
        background:url(../../images/h5/videoLoad-eye7.png) no-repeat;
    }
    88% {
        background:url(../../images/h5/videoLoad-eye8.png) no-repeat;
    }
}

@-webkit-keyframes videoLoadEye {
    0% {
        background:url(../../images/h5/videoLoad-eye1.png) no-repeat;
    }
    12% {
        background:url(../../images/h5/videoLoad-eye2.png) no-repeat;
    }
    24% {
        background:url(../../images/h5/videoLoad-eye3.png) no-repeat;
    }
    36% {
        background:url(../../images/h5/videoLoad-eye4.png) no-repeat;
    }
    48% {
        background:url(../../images/h5/videoLoad-eye5.png) no-repeat;
    }
    64% {
        background:url(../../images/h5/videoLoad-eye6.png) no-repeat;
    }
    76% {
        background:url(../../images/h5/videoLoad-eye7.png) no-repeat;
    }
    88% {
        background:url(../../images/h5/videoLoad-eye8.png) no-repeat;
    }
}

@keyframes videoLoadEye {
    0% {
        background:url(../../images/h5/videoLoad-eye1.png) no-repeat;
    }
    12% {
        background:url(../../images/h5/videoLoad-eye2.png) no-repeat;
    }
    24% {
        background:url(../../images/h5/videoLoad-eye3.png) no-repeat;
    }
    36% {
        background:url(../../images/h5/videoLoad-eye4.png) no-repeat;
    }
    48% {
        background:url(../../images/h5/videoLoad-eye5.png) no-repeat;
    }
    64% {
        background:url(../../images/h5/videoLoad-eye6.png) no-repeat;
    }
    76% {
        background:url(../../images/h5/videoLoad-eye7.png) no-repeat;
    }
    88% {
        background:url(../../images/h5/videoLoad-eye8.png) no-repeat;
    }
}

/*新Load End*/

/** 播放器错误提示 **/
.videoModule .errorPrompt {
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 1);
    padding-top:30px;
    top:0;
    left:0;
    text-align:center;
    line-height:33px;
    z-index:2147483648;
    font-size:16px;
    font-family:Microsoft YaHei;
    color:#fff;
    font-weight:400;
}

/** ************************** 模式引导图提示样式开始 ****************************/
.videoModule .setGuideDiv {
    width: 358px;
    height: 228px;
    position:absolute;
    right:78px;
    bottom:30px;
    background: url(../../images/temp/setguide.png) no-repeat;
    z-index:2147483647;
}

.videoModule .setGuideDivSfp {
    width:292px;
    height: 195px;
    right:3px;
    margin-bottom: -3px;
    background: url(../../images/temp/setguide_sfp.png) no-repeat;
}

.videoModule .setGuideDivAudio {
    right:48px;
}

.videoModule .setGuideDivClose {
    width:24px;
    height:24px;
    background:url(../../images/temp/setguide-close.png) no-repeat;
    position:absolute;
    right:0;
    top:-29px;
    line-height:500px;
    overflow:hidden;
    text-decoration:none;
}

.videoModule .setGuideDivSfp .setGuideDivClose {
    top:-24px;
}
/** ************************** 模式引导图提示样式结束 ****************************/

/** ************************** 弹幕相关开始 ****************************/
.danmaku-container{
    width:100%;
    height:100px;
    position:absolute;
    top:30px;
    z-index:3;
    display:none;
}
.danmaku-wrapper{
    /* background: linear-gradient(to right,gray 60% , transparent);
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%; */
    /* background: #eee; */
    height:30px;
    line-height: 30px!important;

    text-align:left;
    font-size:16px;
    text-shadow:0 3px 3px #000, 3px 0 3px #000, -3px 0 3px #000, 0 -3px 3px #000;
    color:#fff;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.danmaku-wrapper img{
    vertical-align:-2px;
    margin:0 3px;
}
.centered-wrapper{
    width:100px;
    height:30px;
    background:black;
    color:wheat;
    text-align: center;
    line-height: 30px;
    padding:0 10px;
}
.center-style{
    /* background: black; */
    color:black!important;
}
.has-avatar{
    height:40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.has-avatar>img{
    width:30px;
    height:30px;
    margin-right:10px;
    clip-path:circle(50% at 50% 50%)
}
/** ************************** 弹幕相关结束 ****************************/
/** ************************** 播放完成提示 ****************************/
.promptMask {
    width:100%;
    height:100%;
    position:absolute;
    background: rgba(0, 0, 0, 0.8);
    top:0px;
    z-index:4;
}
.promptMask span{
    font-size:18px;
    font-family:Microsoft YaHei;
    color:#fff;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    user-select:none;
}

/* 新时间轴样式 - chinaacc专用 */
.videoModule .vmProgressPanel.newTimeline {
    height: 20px;
    position: relative;
}

.videoModule .vmProgressPanel.newTimeline .vmKnowledgeLayer {
    height: 20px;
    position: relative;
    z-index: 1;
    background-color: rgba(173, 173, 173, 0.6);
    cursor:pointer;
}

.videoModule .vmProgressPanel.newTimeline .vmKnowledgeLayer::after {
    content: "";
    display: block;
    clear: both;
}

.videoModule .vmProgressPanel.newTimeline .vmKnowledgeTextLayer{
    position: absolute;
    left: 0;
    right:0;
    top:0;
    height: 20px;
    z-index: 50;
    cursor:pointer;
    pointer-events: auto;
}

.videoModule .vmProgressPanel.newTimeline .vmKnowledgeTextLayer::after {
    content: "";
    display: block;
    clear: both;
}

.videoModule .vmProgressPanel.newTimeline .vmKnowledgeItem {
    position: absolute;
    top: 0;
    height: 20px;
    box-sizing: border-box;
    overflow: hidden;
    pointer-events: auto;
}
.videoModule .vmProgressPanel.newTimeline .vmKnowledgeItem:after{
    width: 1px;
    height: 20px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.videoModule .vmProgressPanel.newTimeline .vmKnowledgeItem:last-child:after{
    display: none;
}

.videoModule .vmProgressPanel.newTimeline .vmKnowledgeItem span {
    display: block;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 1px;
}

.videoModule .vmProgressPanel.newTimeline .vmProgressLayer {
    width: 0%;
    height: 20px;
    background-color: rgba(7, 189, 199, 0.9);
    pointer-events: none;
    cursor:pointer;
}

/* 新时间轴鼠标指示白线 */
.videoModule .vmProgressPanel.newTimeline .timelineIndicator {
    width: 2px;
    height: 20px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    pointer-events: none;
}

/* 新时间轴timeTag样式调整 */
.videoModule .vmProgressPanel.newTimeline .timeTag {
    width: 42px;
    height: 18px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    padding: 0;
    line-height: 18px;
    top: -22px;
}

.videoModule .vmProgressPanel.newTimeline .timeTag span {
    width: 32px;
    height: 16px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    display: inline-block;
    margin-left: 5px;
}

/* 知识点展示文本框 */
.videoModule .vmProgressPanel.newTimeline .vmKnowledgeTooltip {
    width: auto;
    min-width: 30px;
    height: 30px;
    /* background: rgba(173, 173, 173, 0.6); */
    background:url(../../images/h5/vmNodeNameBg.png) repeat;
    border-radius: 8px;
    position: absolute;
    bottom: 38px;
    display: none;
    /* z-index: 100; */
    cursor: pointer;
    padding: 0 15px;
    pointer-events: auto;
}

.videoModule .vmProgressPanel.newTimeline .vmKnowledgeTooltip span {
    width: auto;
    height: 16px;
    font-size: 12px;
    color: #ffefa5;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    display: inline-block;
    margin: 7px 0 0 18px;
    white-space: nowrap;
}

.videoModule .vmProgressPanel.newTimeline .vmKnowledgeTooltip span:before {
    width:16px;
    height:16px;
    content:'';
    background:url(../../images/h5/vmNodeNameIcon.png) no-repeat;
    position:absolute;
    left:12px;
    top:7px;
}