.banner{height: 500px;position: relative;overflow: hidden;width: 100%;border-top: 1px solid #ef631e;}
.banner .d1{width:100%;height:500px;display:block;position:absolute;left:0px;top:0px;cursor: pointer;}
.banner .ss{width: 134px;  height: 30px;margin: 0 auto;}
.banner .d2{   height: 30px;  clear: both;  position: relative;  z-index: 100;    top: 450px; width: 100%;}
.banner .d2 .ss ul{width: 130px;margin: 3px 0 0 9px; }
.banner .d2 li{width:17px;height:24px;overflow:hidden;  line-height: 24px;cursor:pointer;background:url(../images/sircleImg.png) no-repeat center;float:left;margin:4px 3px;display:inline;}
.banner .d2 li.nuw{background: url("../images/sircleImg1_1.png") no-repeat center;}
/*videos*/
.wrapVideos{overflow: hidden;width: 1200px;margin: 70px auto 0;}
.wrapVideos .videoLeft{width: 870px;float: left; overflow: hidden;min-height: 1339px;}
.wrapVideos .videoRight{width: 300px;float: right;overflow: hidden;}
.videos{overflow: hidden;margin-bottom: 40px;}
.videoRight .videos{margin-bottom: 20px;}
.videoCla{width: 100%;background: url("../images/line.png") no-repeat center;height: 30px;}
.videoCla h3{font-size: 20px;text-align: center;line-height: 30px;font-weight: normal;}
.videoList{overflow: hidden;margin: 15px auto 0;}
.videoList ul{overflow: hidden}
.videoList ul li{display: block;overflow: hidden;margin-bottom: 20px;}
.videoList ul li .videoCovers{overflow: hidden;width: 270px;height: 180px;position: relative;margin-right: 20px;cursor: pointer;}
.videoCovers img.videoImg{display: block;width: 270px;height: 180px;}
.videoCovers .videoMarsker{width: 270px;height: 180px;background: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;}
.videoCovers .videoBtn{display: block;width: 56px;height: 56px;left: 50%;top: 50%;position: absolute;margin-left: -28px;margin-top: -28px;}
.videosIntro{overflow: hidden;width:570px;}
.videosIntro .videoTitle{overflow: hidden;    margin: 15px 0;}
.videoTitle a{display: block;float: left;font-size: 20px;max-width: 610px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.videoTitle span{display: block;float: left;padding: 0 10px;background: #dd3237;color: #ffffff;line-height: 20px;margin-left: 10px;  margin-top: 5px;}
.videoTitle .online{float: right;font-size: 16px;}
.online i{font-style: normal;color:#dd3237;padding: 0 5px;}
.videoTitle em{font-style: normal;font-size: 16px;color: #999999;
    line-height: 30px;display: block;float: left;margin-left: 10px;}
.videoMes{overflow: hidden;color: #999999;font-size: 16px;line-height: 30px;}
.videoMes span{padding-right: 40px;}
.checkMore{overflow: hidden;text-align: center;font-size: 16px;cursor: pointer;color: #999999;}
.videoRight .videoList{width: 270px;margin: 15px auto;}
.videoRight .videoList .videosIntroMes{width: 270px;overflow: hidden;margin-top: 15px;}
.videosIntroMes p{font-size: 16px;color: #999999;
    line-height: 27px;}
/*详情*/
.videoCon{width: 1200px;margin: 0 auto;overflow: hidden;}
.videoCon h3{margin-top: 30px;font-size: 18px;margin-left: 20px;font-weight: normal;margin-bottom: 10px;overflow: hidden;}
.video{width: 944px;height: 548px;}
.videoCom{width: 254px;border: 1px solid #e2e2e2;height: 540px;margin-top: 7px;}
.comment{overflow: hidden;height: 484px;overflow-y: auto;}
.comment .commentTime{color: #ffffff; text-align: center;margin: 15px 0;}
.commentTime span{ padding: 2px 6px;border-radius: 5px;background: #d4d4d4;}
.commentCon{overflow: hidden;margin-bottom: 10px; }
.commentCon img{display: block;float: left;margin: 8px 10px 0;width: 32px;
    height: 32px;border-radius: 50%;}
.commentCon .comPerson{overflow: hidden;float: left;width: 190px;}
.comPerson .personName{font-size: 14px;}
.personName span{color: #53a0fc;padding-right: 10px;}
.personName span.personGrop{font-size: 12px;color: #999999;line-height: 26px;}
.comPerson p{font-size: 12px;line-height: 20px;}
.commentIpt{border-top: 1px solid #e2e2e2;height: 60px;}
.comLogin{float: left;  width: 182px;}
.comLoginBefor a{color: #53a0fc;font-size: 14px;display: inline-block;padding-right: 5px;
    margin-left:17px;line-height: 60px; }
.comLoginBefor span{color: #999999;font-size: 14px;line-height: 60px;}
.commentIpt input[type=button]{float: right;  border: none;background: #a0a0a0;color: #ffffff;font-size: 16px;height: 60px;width: 72px;}
.comLoginAfter input[type=text]{    width: 150px;  padding: 0 16px;  border: none;  height: 55px;  font-size: 14px; }
.loginAfterBtn{background: #dd3237;}
.commenting{overflow: hidden;width: 300px;margin: 20px auto 0;}
.commenting .comment{overflow: hidden;width: 270px;margin: 20px auto;   /* border: 1px solid #ccc; */ }
.commenting .comment .commentCon .comPerson{overflow: hidden;float: left;width: 200px;}
.liveVideo{width: 1200px;margin: 10px auto;overflow: hidden;clear: both;}
.liveVideoIntro{width: 860px;overflow: hidden;}
.liveVideoTitle{width: 100%;height: 40px;border-bottom: 2px solid #dddddd;}
.liveVideoTitle span{font-size: 18px;font-weight: bold;line-height: 40px;border-bottom: 2px solid #2f8fd9;display: inline-block;}
.liveVideoIntro .liveVideoMes{overflow: hidden;margin-top: 15px;}
.liveVideoMes div,.speakMes div {overflow: hidden;font-size: 16px;line-height: 30px;margin-bottom: 6px;}
.liveVideoMes div span,.speakMes div span{padding-right: 40px;}
.liveVideoMes div i,.speakMes div i{color: #999999;font-style: normal;}
.speakerIntro{overflow: hidden;margin-top: 20px;}
.speakerIntro img.speakerPhote{overflow: hidden;display: block;width: 128px;height: 128px;float: left;margin-right: 20px;}
.speakerIntro .speakMes{float: left;overflow: hidden;width: 710px;}
.speakMes h3{font-size: 24px;font-weight: normal;}
.speakMes p.prise{margin-left: 50px;}
.speakMes p.prise em{font-style: normal;color: #2f8fd9;}

.speaker{width: 310px;overflow: hidden;}
.course{overflow: hidden;margin-top: 20px;width: 910px;}
.course a{display: block;float: left;   margin-right: 53px;  margin-bottom: 30px;
    overflow: hidden;width: 250px;  }
.course img{display: block;  width: 250px;  height: 160px;}
.course a h3{   font-weight: normal;margin: 10px 0;
    font-size: 20px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.recomCourses{margin-bottom: 50px;}
.WatchLive ul{overflow: hidden;margin-top: 20px;}
.WatchLive ul li{display: block;}
.WatchLive ul li .step{overflow: hidden;}
.step span{display: block;float: left;width: 16px;height: 16px;
    border-radius: 50%;background: #2f8fd9;text-align: center;line-height: 16px;color: #ffffff;}
.step h4{font-size: 16px;margin-left: 10px;float: left;}
.stepCon{border-left: 2px solid #2f8fd9;    padding-top: 10px;
    margin-left: 7px;padding-bottom: 15px;    margin-top: -6px;}
.stepCon img{display: block;width: 120px;height: 120px;margin: 10px auto;}
.stepCon p{font-size: 16px;color: #666666;margin-left: 20px;line-height: 25px;}
.stepCon p i{font-style: normal;color: #2f8fd9;}
.WatchLive ul li:last-child .stepCon{border-left: none;}