#discuss .courseContent::-webkit-scrollbar{width: 8px;height: 8px;background-color: #171717;}
#discuss .courseContent::-webkit-scrollbar-thumb{border-radius: 4px;background-color: #3d3d3d;}
@keyframes moveTop{ 0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);} 100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} }
@-moz-keyframes moveTop{ 0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);} 100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} }
@-webkit-keyframes moveTop{ 0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);} 100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} }


#contentLive{margin:0 auto;overflow:hidden;height:100%;position: relative;}
#videoLive1{position:absolute;left:0;top:0;right:358px;height:100%;background:#000;}
#videoLive2{position:absolute;right:0;top:0;width:358px;height:248px;overflow:hidden;z-index:2;background:#000; padding-bottom:20px;}
#videoLive2 img{width:100%;height: 100%;}
#videoLive3{width:358px;position:absolute;right:0;bottom:0;z-index:1;background: url("//www.fawtography.com/images/demo/demo2019/discussBg.jpg") repeat-y right top;}
#videoCtrl{position:absolute;bottom:0;left:0;right:0;z-index:3;height: 60px;}
#discuss{height:100%;}
.videoSwitch #videoLive1{width:358px;height:248px;padding-bottom:20px;left:auto;right:0;}
.videoSwitch #videoLive2{width:auto;height:100%;left:0;right:358px;}

.unStart{position:absolute;width:252px;left:50%;margin-left:-126px;top:207px; color: #fff; z-index: 1;}
.unStart img{margin:0 auto;display:block;}
.unStart span{display:block;width:100%;height:59px;line-height:59px;text-align:center;margin-top:20px;font-size:42px;color:#ccc;}
.unStart p{height:38px;line-height:38px;width:100%;text-align:center;font-size:20px;color:#ccc;}

.courseContent{width:100%;margin:0 auto;position:relative;height:100%;overflow: hidden;overflow-y: auto;}
.courseContent .substance{padding:0px 45px 20px 20px;}


.courseInfo{display:block;background:#fff;}
.courseInfo .title{font-size:14px;color:#333;font-weight:bold;display:block;height:20px;line-height:20px;}
.courseInfo p{display:block;font-size:14px;color:#666;line-height:24px;margin-top:7px;}
.courseInfo h2{font-size:14px;color:#333;margin-top:24px;}


#discuss h5{ font-size: 16px; color: #bbbbbb; padding:20px 0 20px 15px; display: block;}
.interlocution{ padding-bottom: 30px;}
.interlocution .interItem{ background: #232323; border-radius: 10px; padding: 10px; font-size: 12px; color: #b4bbbf; margin-bottom: 10px;}
.interlocution .interItem p{ line-height: 20px; padding-left:50px; }
.interlocution .interItem p span{ color: #7a7a7a; display: inline-block; margin-bottom: 5px;}
.interlocution .interItem .peopleImg{ float: left; width: 40px; height: 40px; border-radius: 40px;}
.interlocution .interItem p a{ color: #1a8aef; text-decoration: underline;}

/*控制条*/
.an{background:url("//www.fawtography.com/xcware/freeresources/chinaacc/images/myhome/new/an.png") no-repeat;}
.videoCtrlWrap{width:100%;position:absolute;left:0;bottom:0;}
.videoCtrlWrap .videoCtrl{ float: left; position: relative; margin:13px 10px 0 0px;}
.videoCtrlWrap .playPanel .vmPlay,.videoCtrlWrap .videoCtrl .switchWindow,.videoCtrlWrap .videoCtrl .switchWindow:hover.videoCtrlWrap .playPanel .vmPause,.videoCtrlWrap .playPanel .vmFront,.videoCtrlWrap .playPanel i,.videoCtrlWrap .vmControls .playPanel i,.videoCtrlWrap .vmSetPanel .setModule .settea,.videoCtrlWrap .vmSetPanel .setModule .iVoice,.videoCtrlWrap .vmSetPanel .setModule .iFull,.videoCtrlWrap .vmSetPanel .setModule .iLine,.videoCtrlWrap .vmControls .timeTag:after,.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .a-cut,.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .a-add{background:url(//www.fawtography.com/images/demo/demo2019/vmIcon.png) no-repeat;}
.videoCtrlWrap .vmPanel{height:54px;}
.videoCtrlWrap .videoCtrl .switchWindow{display:block;width:20px;height:19px; background-position: 0  -831px;}
.videoCtrlWrap .videoCtrl .switchWindow:hover{ background-position: 0  -867px;}
.videoCtrlWrap .vmProgressPanel{height:8px;position:relative;}
.videoCtrlWrap .vmProgressPanel .vmProgress,.videoCtrlWrap .vmProgressPanel .vmProgressCur{height:8px;background:#909090;overflow:hidden;line-height:0;font-size:0;}
.videoCtrlWrap .vmProgressPanel .vmProgressCur{background:#1b80db;}
.videoCtrlWrap .vmProgressPanel .vmNode{width:7px;height:6px;background:#1a62a2;position:absolute;top:1px;}
.videoCtrlWrap .vmProgressPanel .vmDot{width:10px;height:10px;line-height:0;overflow:hidden;position:absolute;top:-5px;background:#1b80db;border:4px solid #dbeaf7;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.videoCtrlWrap .vmControlsPanel{height:46px;background:#000;}
.videoCtrlWrap  playPanel{float:left;}
.videoCtrlWrap .playPanel i{width:46px;height:46px;float:left;line-height:460px;overflow:hidden;cursor:pointer;}
.videoCtrlWrap .playPanel .vmPlay{background-position:left -92px;}
.videoCtrlWrap  .playPanel .vmFront{background-position:left -46px;}
.videoCtrlWrap  .playPanel .vmPause{background-position:left -138px;}
.videoCtrlWrap  .playPanel .vmBack:hover{background-position:left -184px;}
.videoCtrlWrap  .playPanel .vmPlay:hover{background-position:left -276px;}
.videoCtrlWrap  .playPanel .vmFront:hover{background-position:left -230px;}
.videoCtrlWrap  .playPanel .vmPause:hover{background-position:left -322px;}
.videoCtrlWrap  .timeNum{line-height:46px;color:#666;font-size:14px;float:left;}
.videoCtrlWrap  .timeTag{height:20px;padding:0 5px;line-height:20px;background:#000;color:#fff;position:absolute;top:-28px;font-size:12px;}
.videoCtrlWrap  .timeTag:after{width:7px;height:4px;overflow:hidden;content:"";background-position:left -736px;position:absolute;left:50%;bottom:-4px;margin-left:-4px;}
.videoCtrlWrap .vmSetPanel{float:right;}
.videoCtrlWrap .vmSetPanel .setModule{height:18px;padding:14px 0;margin-right:14px;position:relative;float:left;}
.videoCtrlWrap .vmSetPanel .setModule span{height:18px;line-height:18px;display:inline-block;padding:0 9px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;background:#333;color:#909090;cursor:pointer;}
.videoCtrlWrap .vmSetPanel .setModule span:hover{background-color:#ccc;color:#333;}
.videoCtrlWrap .vmSetPanel .setModule .settea{padding-left:26px;background-position:8px -374px;background-color:#333;}
.videoCtrlWrap .vmSetPanel .setModule .settea:hover{background-color:#ccc;color:#333;}
.videoCtrlWrap .vmSetPanel .setModule .setteaHide{background-position:8px -404px;}
.videoCtrlWrap .vmSetPanel .setModule .setShow,.videoCtrlWrap .vmSetPanel .setModule .voiceShow,.videoCtrlWrap .vmSetPanel .setModule .setPanel{width:78px;border:1px solid #313131;position:absolute;left:50%;margin-left:-39px;bottom:100%;display:none;}
.videoCtrlWrap .vmSetPanel .setModule .setShow li{line-height:20px;padding:6px 0;color:#909090;border-bottom:1px solid #313131;text-align:center;cursor:pointer;background:rgba(19,16,11,.8);}
.videoCtrlWrap .vmSetPanel .setModule .setShow li:last-child{border-bottom:0 none;}
.videoCtrlWrap .vmSetPanel .setModule .setShow li.on{color:#1b80db;}
.videoCtrlWrap .vmSetPanel .setModule .setShow li:hover{background:rgba(74,79,83,.8);color:#fff;}
.videoCtrlWrap .vmSetPanel .setModule .voiceShow{width:58px;margin-left:-29px;padding:20px 0 5px;background:rgba(19,16,11,.8);}
.videoCtrlWrap .vmSetPanel .setModule .voiceShow .voiceStrip{width:4px;height:72px;position:relative;background:#333;margin:0 auto;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;cursor:pointer;}
.videoCtrlWrap .vmSetPanel .setModule .voiceShow .voiceCur{width:4px;position:absolute;left:0;bottom:0;background:#3090df;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.videoCtrlWrap .vmSetPanel .setModule .voiceShow .voiceDot{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;}
.videoCtrlWrap .vmSetPanel .setModule .setPanel{width:316px;margin-left:-218px;background:rgba(19,16,11,.8);border-color:rgba(74,79,83,.8);}
.videoCtrlWrap .vmSetPanel .setModule .setTab-hd{height:34px;line-height:34px;}
.videoCtrlWrap .vmSetPanel .setModule .setTab-hd li{width:100%;float:left;text-align:center;background:rgba(74,79,83,.8);color:#fff;cursor:pointer;}
.videoCtrlWrap .vmSetPanel .setModule .setTab-hd li.on{background:none;color:#1b80db;cursor:default;}
.videoCtrlWrap .vmSetPanel .setModule .setTab-bd{height:126px;padding-top:20px;}
.videoCtrlWrap .vmSetPanel .setModule .setColor{height:28px;padding-left:20px;}
.videoCtrlWrap .vmSetPanel .setModule .setColor label{width:52px;line-height:28px;float:left;color:#909090;font-size:12px;}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool{width:198px;float:left;}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .a-cut,.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .a-add{width:19px;height:20px;line-height:280px;overflow:hidden;float:left;background-position:left -758px;margin-top:4px;}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .a-add{float:right;background-position:left -798px;}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool a:hover{background-color:rgba(74,79,83,.8);}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .colorBarPanel{width:152px;height:12px;position:relative;float:left;margin:8px 0 0 4px;}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .colorBarProgress{height:4px;margin-top:4px;overflow:hidden;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;background:#b3cde5;}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .colorBarProgress p{height:4px;background:#1b80db;}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .colorDot{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;}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorTool .colorDot:hover{background:#1b80db;}
.videoCtrlWrap .vmSetPanel .setModule .setColor .colorValue{float:left;margin-left:5px;color:#c1c1c1;font-size:12px;line-height:28px;}
.videoCtrlWrap .vmSetPanel .setModule .colorReset{margin-top:6px;text-align:center;font-size:12px;}
.videoCtrlWrap .vmSetPanel .setModule .colorReset a{height:24px;line-height:24px;padding:0 10px;background:#333;color:#909090;display:inline-block;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.videoCtrlWrap .vmSetPanel .setModule .colorReset a:hover,.videoCtrlWrap .vmSetPanel .setModule .setLine a.on,.videoCtrlWrap .vmSetPanel .setModule .setLine a:hover{background:#ccc;color:#333;text-decoration:none;}
.videoCtrlWrap .vmSetPanel .setModule .setLine{font-size:0;}
.videoCtrlWrap .vmSetPanel .setModule .setLine a{width:66px;height:28px;line-height:28px;margin:0 0 15px 15px;font-size:12px;padding:0 10px;background:#333;color:#909090;display:inline-block;text-align:center;}
.videoCtrlWrap .vmSetPanel .setModule .iVoice,.videoCtrlWrap .vmSetPanel .setModule .iFull,.videoCtrlWrap .vmSetPanel .setModule .iLine{width:16px;height:18px;line-height:180px;overflow:hidden;background-position:left -464px;display:inline-block;cursor:pointer;}
.videoCtrlWrap .vmSetPanel .setModule .iVoice:hover{background-position:left -614px;}
.videoCtrlWrap .vmSetPanel .setModule .iVoiceClose{background-position:left -494px;}
.videoCtrlWrap .vmSetPanel .setModule .iVoiceClose:hover{background-position:left -644px;}
.videoCtrlWrap .vmSetPanel .setModule .iFull{background-position:left -524px;}
.videoCtrlWrap .vmSetPanel .setModule .iFull:hover{background-position:left -674px;}
.videoCtrlWrap .vmSetPanel .setModule .iZoom{background-position:left -554px;}
.videoCtrlWrap .vmSetPanel .setModule .iZoom:hover{background-position:left -704px;}
.videoCtrlWrap .vmSetPanel .setModule .iLine{background-position:left -434px;}
.videoCtrlWrap .vmSetPanel .setModule .iLine:hover{background-position:left -584px;}
.videoCtrlWrap .vmSetPanel .setModule:hover .setShow,.videoCtrlWrap .vmSetPanel .setModule:hover .voiceShow,.videoCtrlWrap .vmSetPanel .setModule:hover .setPanel{display:block;}