@CHARSET "UTF-8";
.main-content-w .slide-win{
   width:100vw;
   height:34vw;
   margin:0 auto;
   overflow:hidden;
   position:relative;
}
.main-content-w .slick-list{
	height:100%;
}
.main-content-w .slick-track{
	height:100%;
}
.main-content-w .slick-slide>div{
	height:100%;
}
/**.main-content-w .slide-win{
	height:100%;
}**/
.main-content-w .slide-item{
	background-size:cover;
	color:#fff;
	background-position:center center;
	height:100%;
	position:relative;
	overflow:hidden;
}

.main-content-w .slide-item .a1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    outline: none;
}

.videoPlaying::after {
    content: "\e678\00A0正在直播";
    font-family: 'icon','Microsoft Yahei';
    color: #fff;
    font-size: 15px;
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(249,79,23,1);
    border-radius: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -60px;
    cursor: pointer;
    
   	/**动画效果**/
   	/**animation-name:myshow;
	animation-duration:5s;
   	animation-timing-function:ease-in-out;
   	animation-iteration-count:1;
   	
   	-webkit-animation-name:myshow;
	-webkit-animation-duration:5s;
   	-webkit-animation-timing-function:ease-in-out;
   	-webkit-animation-iteration-count:1;
   	
   	-ms-animation-name:myshow;
	-ms-animation-duration:5s;
   	-ms-animation-timing-function:ease-in-out;
   	-ms-animation-iteration-count:1;
   	
   	-moz-animation-name:myshow;
	-moz-animation-duration:5s;
   	-moz-animation-timing-function:ease-in-out;
   	-moz-animation-iteration-count:1;**/
}

/**.videoPlaying:hover:after{
	transform:translateY(-10px);
}**/

.videoComing::after {
    content: "\e6d9\00A0即将开始";
    font-family: 'icon','Microsoft Yahei';
    color: #fff;
    font-size: 15px;
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(0,0,0,0.4);
    border-radius: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -60px;
    cursor: pointer;
    
   	/**动画效果**/
   	animation-name:myshow;
	animation-duration:5s;
   	animation-timing-function:ease-in-out;
   	animation-iteration-count:1;
   	
   	-webkit-animation-name:myshow;
	-webkit-animation-duration:5s;
   	-webkit-animation-timing-function:ease-in-out;
   	-webkit-animation-iteration-count:1;
   	
   	-ms-animation-name:myshow;
	-ms-animation-duration:5s;
   	-ms-animation-timing-function:ease-in-out;
   	-ms-animation-iteration-count:1;
   	
   	-moz-animation-name:myshow;
	-moz-animation-duration:5s;
   	-moz-animation-timing-function:ease-in-out;
   	-moz-animation-iteration-count:1;
}

@keyframes myshow{
from {opacity:0;}
to {opacity:1;}
}

@-webkit-keyframes myshow /*Safari and Chrome*/{
from {opacity:0;}
to {opacity:1;}
}

@-ms-keyframes myshow /*Safari and Chrome*/{
from {opacity:0;}
to {opacity:1;}
}

@-moz-keyframes myshow /*Safari and Chrome*/{
from {opacity:0;}
to {opacity:1;}
}

/**.videoComing:hover:after{
	transform:translateY(-10px);
}**/

.main-content-w .slide-item:before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	height:80px;
	/**background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));**/
}
.main-content-w .slide{
   height:100%;
   width:100vw; /*Adjust with SLIDE sum number. */
   position:absolute;
   left:0;
   transition:left 1s;
}
.main-content-w .slide-item .title-left{
   font-size:18px;
   color:#fff;
   position:absolute;
   left:200px;
   bottom:50px;
}
.main-content-w .slide-item .title-right{
   font-size:18px;
   color:#fff;
   position:absolute;
   right:200px;
   bottom:50px;
}

/**.main-content-w .navg{
	bottom:45px;
	right:80px;
}**/
.main-content-w .navg span{
	margin:0 5px;
}
.main-content-w .navg span.now::after{
	width:30px;
}

.main-content-w .navg{
	position: absolute;
	right:45px;
	bottom:20px;
	color: #fff;
	text-align: center;
	line-height:1;
}
.main-content-w .navg li{
	margin:0 10px;
	font-family:Arial;
	cursor: pointer;
	vertical-align: middle;
	display:inline-block;
}
.main-content-w .navg li.slick-active{
	font-size:22px;
}
.main-content-w .navg li:after{
	content:"";
	border-top:1px solid #fff;
	display: inline-block;
	vertical-align: middle;
	width:0px;
	margin-left:5px;
	transition:all 0.5s ease-out 0s;
}
.main-content-w .navg li.slick-active:after{
	width:60px;
}

.main-content .content-title{
   position:relative;
   text-align:left;
   font-size:24px;
   color:#333;
   width:calc(100% - 70px);
   height:45px;
   line-height:45px;
   margin:20px 40px 10px 30px;
}
.main-content .content-title-2{
   padding-left:10px;
   padding-right:10px;
   margin-top:20px;
   margin-bottom:20px;
}
.main-content .content-title .more{
   float:right;
   font-size:16px;
   color:#B1040E;
   display:inline-block;
   height:45px;
   line-height:45px;
   background:url(../../res/img/more.svg) left center no-repeat;
   background-size:contain;
/*   padding-left:0px;
   padding-top:0px;*/
}

.main-content .content-title .more i:before{
   content:"";
   background:url(../../res/img/more-o.svg) center center no-repeat;
   background-size:contain;
   width:45px;
   height:45px;
   margin-right:10px;
   opacity:0;
   transition:all 0.2s ease-out 0s;
   display: block;
   float:left;
}
.main-content .content-title .more:hover i:before{
   opacity:1;
}
.main-content .content-title .title-name{
   display:inline-block;
   height:45px;
   line-height:45px;
   margin-left:10px;
   margin-right:40px;
   font-weight:bold;
}
.main-content .content-title .title-name-thin{
   font-weight:normal;
}
.main-content .content-title .tbar{
   display:inline-block;
   font-size:0;
   height:100%;
   vertical-align:top;
}
.main-content .content-title .tbar li{
   display:inline-block;
   vertical-align:top;
   height:45px;
   line-height:45px;
   margin:0 40px 0 0;
   font-size:16px;
}
.main-content .content-title .tbar li a.current{
   color:#B1040E;
}
.main-content .content-title .right-menu{
   position:absolute;
   display:inline-block;
   height:100%;
   top:0;
   right:0;
}
a.a-btn{
   display:inline-block;
   height:29px;
   min-width:80px;
   line-height:29px;
   border:1px solid #B1040E;
   margin:7px 5px;
   color:#B1040E;
   font-size:16px;
   text-align:center;
   cursor:pointer;
}
a.a-btn:link{
   color:#B1040E;
   border:1px solid #B1040E;
}
a.a-btn:hover{
   background-color:#B1040E;
   color:#fff;
}
.main-content .content-row{
   width:clac(100%-60px);
   padding:0 30px;
   overflow:hidden;
}
.main-content .last-row{
   margin-bottom:20px;
   overflow:hidden;
}
.main-content .content-row .row-item-25{
   position:relative;
   float:left;
   text-align:left;
   width:calc(25% - 20px);
   margin:10px 10px 10px 10px;
   overflow:hidden;
   cursor:pointer;
   /**z-index:1;**/
}

.main-content .content-row .item-course::before {
   	content: "";
   	background: url(../img/cloudcourse-back.svg) right bottom no-repeat;
   	position: absolute;
	left:25px;
	top: 0;
	width: 100%;
	height: 100%;
    background-size:auto 50%;
    opacity:0;
    transition: all 0.4s ease-out 0s;
    transform-origin: right bottom;
    /**z-index:-9999;**/
}
.main-content .content-row .item-course:after{
	content:"";
	position: absolute;
	left:0;
	bottom:0;
	right:0;
	background:#ccc;
	height:1px;
}
.main-content .content-row .item-course:hover:after{
	content:"";
	position: absolute;
	left:0;
	bottom:4;
	right:0;
	background:#B1040E;
	height:4px;
	animation:a2 0.5s ease-out 0s 1 both;
}
.main-content .content-row .item-course:hover:before{
	opacity:1; 
	transform:none;
}
@keyframes a2{
	0%{right:50%;left:50%;}
	100%{right:0%;left:0;}
}

.main-content .content-row .item-observe-course::before {
   	content: "";
   	background: url(../img/cloudcourse-back.svg) right bottom no-repeat;
   	position: absolute;
	left: 25px;
	top: 0;
	width: 100%;
	height: 100%;
    background-size:auto 50%;
    /**z-index:-9999;**/
}
.main-content .content-row .item-observe-course:after{
	content:"";
	position: absolute;
	left:0;
	bottom:0;
	right:0;
	background:#B1040E;
	height:4px;
}
.main-content .content-row .item-observe-course:hover:after{
	animation:a1 0.5s ease-out 0s 1 both;
}
@keyframes a1{
	0%{right:50%;left:50%;}
	100%{right:0%;left:0;}
}

.main-content .content-row .row-item-4th{
   margin-right:0px;
} 

.main-content .content-row .item-cover{
   width:100%;
}

.main-content .content-row .item-cover a{
   position:relative;
   display:inline-block;
   width:100%;
   height:100%;
   background-size:cover;
}

.icon-play{
   	width: 80px;
	height: 20px;
	background: rgba(249,79,23,1);
	border-radius: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	line-height: 20px;
	font-family: 'icon','Microsoft Yahei';
	color: #fff;
	font-size: 12px;
	transition: all 0.4s ease-out 0s;
	margin: -10px 0 0 -40px;
}

/**.icon-play:hover{
	transform:translateY(-10px);
}**/

.icon-coming{
   	width: 80px;
	height: 20x;
	background: rgba(0,0,0,0.4);
	border-radius: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	line-height: 20px;
	font-family: 'icon','Microsoft Yahei';
	color: #fff;
	font-size: 12px;
	transition: all 0.4s ease-out 0s;
	margin: -10px 0 0 -40px;
}

/**.icon-coming:hover{
	transform:translateY(-10px);
}**/

.icon-play-bg{
   	width: 120px;
	height: 30px;
	background: rgba(249,79,23,1);
	border-radius: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	line-height: 30px;
	font-family: 'icon','Microsoft Yahei';
	color: #fff;
	font-size: 16px;
	/**动画效果**/
   	/**animation-name:myshow;
	animation-duration:6s;
   	animation-timing-function:ease-in-out;
   	animation-iteration-count:1;
   	
   	-webkit-animation-name:myshow;
	-webkit-animation-duration:6s;
   	-webkit-animation-timing-function:ease-in-out;
   	-webkit-animation-iteration-count:1;
   	
   	-ms-animation-name:myshow;
	-ms-animation-duration:6s;
   	-ms-animation-timing-function:ease-in-out;
   	-ms-animation-iteration-count:1;
   	
   	-moz-animation-name:myshow;
	-moz-animation-duration:6s;
   	-moz-animation-timing-function:ease-in-out;
   	-moz-animation-iteration-count:1;**/
	margin: -15px 0 0 -60px;
}

/**.icon-play-bg:hover{
	transform:translateY(-10px);
}**/

.icon-coming-bg{
   	width: 120px;
	height: 30px;
	background: rgba(0,0,0,0.4);
	border-radius: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	line-height: 30px;
	font-family: 'icon','Microsoft Yahei';
	color: #fff;
	font-size: 16px;
	/**动画效果**/
   	animation-name:myshow;
	animation-duration:6s;
   	animation-timing-function:ease-in-out;
   	animation-iteration-count:1;
   	
   	-webkit-animation-name:myshow;
	-webkit-animation-duration:6s;
   	-webkit-animation-timing-function:ease-in-out;
   	-webkit-animation-iteration-count:1;
   	
   	-ms-animation-name:myshow;
	-ms-animation-duration:6s;
   	-ms-animation-timing-function:ease-in-out;
   	-ms-animation-iteration-count:1;
   	
   	-moz-animation-name:myshow;
	-moz-animation-duration:6s;
   	-moz-animation-timing-function:ease-in-out;
   	-moz-animation-iteration-count:1;
	margin: -15px 0 0 -60px;
}

/**.icon-coming-bg:hover{
	transform:translateY(-10px);
}**/

.main-content .content-row .item-cover a .icon-pub-logo{
   width:10%;
   position:absolute;
   right:3px;
   bottom:3px;
}
.main-content .content-row .item-detail{
   width:100%;
   padding: 10px;
   box-sizing:border-box;
   
   /**background: #fff;
   box-shadow: 0 0 10px rgba(0,0,0,0.15);**/
   
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   order-bottom:1px solid #ccc;
}
.main-content .content-row .item-detail-noborder{
  border:none;
}
.main-content .content-row .item-detail .item-name{
   font-size:18px;
   height:40px;
   line-height:40px;
}
.main-content .content-row .item-detail .item-name-h{
   height:50px;
   line-height:25px;
   margin-bottom:10px;
}
.main-content .content-row .item-detail .item-desc{
   font-size:16px;
   color:#999;
   line-height:25px;
   height:50px;
   /**padding-bottom:11px;**/
}
.main-content .content-row .item-detail .item-desc a{
   color:#999;
}

.main-content .content-row .item-detail .item-desc .right{
   text-align:right;
}

.main-content .content-row .item-detail .item-bbar{
   font-size:16px;
   color:#999;
   height:20px;
}
.main-content .content-row .item-detail .item-bbar-center{
   text-align:center;
}
.main-content .content-row .item-detail .item-bbar a{
   color:#B1040E;
}
.main-content .content-row .item-detail .item-bbar .bar-item-right{
   float:right;
   color:#999;
}

#gotoTop{
	display:none;
	position:fixed;
	top:75%;
	right:10px;
	cursor:pointer;
	margin-top:-50px;
	margin-left:520px;
	padding:2px 5px 3px 5px;
	width:20px;
	text-align:center;
	border:1px solid #e0e0e0;
	background:#fff;
	z-index:99;
}
#gotoTop{
	_position:absolute;
	_top:expression(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")
}
#gotoTop.hover{
	background:#B1040E;
	color:#fff;
	text-decoration:none;
}

@media screen and (max-width:1500px) {
	.main-content-w .slide-win{
      /**width:100%;**/
      height:34vw;
   }
   .main-content-w .slide{
      height:34vw;
   }
   .main-content .content-title-f{
      width:calc(100% - 40px);
      margin:20px 20px 10px 20px;
   }
}

@media screen and (max-width:1000px) {
	.video::after{
   		width:60px;
   		height:60px;
   		margin:-30px 0 0 -30px;
   		line-height:62px;
   		font-size:30px;
   	}
	.main-content-w .slide-item .title-left {
      left:100px;
   }
   .main-content-w .slide-item .title-right{
      right:100px;
   }
   /**.main-content .content-row .item-cover a .icon-play{
      width:24px;
      height:24px;
      line-height: 24px;
      font-size: 12px;
   }
   .main-content .content-row .item-cover a .icon-pub-logo{
      width:24px;
   }**/
   
   .main-content .content-row .item-detail .item-desc{
   		font-size:12px;
   		line-height:20px;
   		height:40px;
	}
   
}
@media screen and (max-width:800px) {
   .main-content .content-title .title-name{
     
   }
   .main-content .content-title .tbar{
      /**font-size:14px;**/
      font-size:0;
   }
   .main-content .content-title .tbar li{
      margin:0 30px 0 0;
      font-size:14px;
   }
   
   .main-content-w .slide-item .title-left {
      left:60px;
      bottom:20px;
      font-size:16px;
   }
   .main-content-w .slide-item .title-right{
      right:60px;
      bottom:20px;
      font-size:16px;
   }
   
   
   
   .main-content .content-row{
   		width:clac(100%-40px);
   		padding:0 20px;
   		overflow:hidden;
	}
	
	.main-content-w .navg{
		right:35px;
	}
	
	.main-content .content-title{
		width: calc(100% - 50px);
		margin: 20px 30px 10px 20px;
	}
   
   /**.main-content .content-row .item-cover a .icon-play{
      width:32px;
      height:32px;
      line-height: 32px;
      font-size: 16px;
   }
   .main-content .content-row .item-cover a .icon-pub-logo{
      width:32px;
   }**/
   
   .main-content .content-row .item-detail .item-name{
      font-size:1rem;
   }
   /**.main-content .content-row .item-detail .item-desc{
      font-size:0.875rem;
   }***/
   .main-content .content-row .item-detail .item-bbar{
      font-size:0.85rem;
   }
   .main-content .content-row .item-detail .item-bbar-center{
      font-size:0.8rem;
   }
   .main-content .content-row .row-item-25{
      width:calc(25% - 15px);
      margin:7.5px 7.5px 7.5px 7.5px;
   }
   
   .videoPlaying::after {
	    font-size: 12px;
	    width: 100px;
	    height: 25px;
	    line-height: 25px;
	    border-radius: 12.5px;
	    margin: -12.5px 0 0 -50px;
	}

	.videoComing::after {
		font-size: 14px;
	    width: 100px;
	    height: 25px;
	    line-height: 25px;
	    border-radius: 12.5px;
	    margin: -12.5px 0 0 -50px;
	}
}

@media screen and (max-width:720px) {
	.main-content-w .slide-win{
      	height:56.25vw;
   	}
   	.main-content-w .slide{
      	height:56.25vw;
   	}
	.main-content-w .navg{
   		display:none;
   	}
   
	.main-content .content-row .row-item-25{
      	width:calc(50% - 15px);
      	margin:7.5px 7.5px 7.5px 7.5px;
   	}
   	.main-content .content-row .item-detail .item-name{
      	font-size:1.125rem;
   	}
   	.main-content .content-row .item-detail .item-desc{
      	font-size:1rem;
   	}
   	.main-content .content-row .item-detail .item-bbar{
      	font-size:1rem;
   	}
   	.main-content .content-row .item-detail .item-bbar-center{
      	font-size:1rem;
   	}
   	
   
   	
   /**.main-content .content-row .item-cover a .icon-play{
      width:24px;
      height:24px;
      line-height: 24px;
      font-size: 12px;
   }
   .main-content .content-row .item-cover a .icon-pub-logo{
      width:18px;
   }**/
   
   
   
}

@media screen and (max-width:640px) {
   .main-content .content-title{
      font-size:20px;
   }
   .main-content .content-title .title-name{
      height:45px;
      margin-right:40px;
   }
   .main-content .content-title .tbar{
      /**font-size:14px;**/
      font-size:0;
   }
   .main-content .content-title .tbar li{
      margin:0 15px 0 0;
      font-size:14px;
   }
   .main-content .content-title-w{
      margin-top:0px;
      margin-bottom:30px;
      font-size:20px;
      height:70px;
      line-height:35px;
   }
   .main-content .content-title-w .title-name{
      height:35px;
      margin-left:10px;
   }
   .main-content .content-title-w .tbar{
      display:block;
      height:35px;
      font-size:14px;
      margin-left:10px;
   }
   .main-content .content-title-w .tbar li{
      margin:0 15px 0 0;
      font-size:14px;
   }
   .main-content .content-title-w .tbar li{
      margin:0 15px 0 0;
      font-size:14px;
   }
   
   
   .main-content .content-title .more{
   		height:31px;
   		line-height:31px;
   		margin-top:7px;
   		margin-bottom:7px;
   		font-size:14px;
   }
   .main-content .content-title .more i:before{
   		width:31px;
   		height:31px;
	}
}

@media screen and (max-width:560px) {
	.main-content .content-row{
   		width:clac(100%-20px);
   		padding:0 10px;
   		overflow:hidden;
	}
}

@media screen and (max-width:480px) {
	
   .main-content-w .slide-item .title-left {
      left:20px;
   }
   .main-content-w .slide-item .title-right{
      right:20px;
   }
   .main-content .content-title .title-name{
      height:60px;
      line-height:30px;
   }
   .main-content .content-title .tbar{
      height:45px;
   }
   .main-content .content-title .tbar li{
      margin:0 15px 0 0;
      font-size:14px;
   }
   .main-content .content-title-w{
      
   }
   .main-content .content-title-w .title-name{
      height:35px;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
   }
   .main-content .content-title-w .tbar{
      display:block;
      height:35px;
      font-size:14px;
      margin-left:10px;
   }
   .main-content .content-title-w .tbar li{
      margin:0 15px 0 0;
      font-size:14px;
   }
   
   .main-content .content-title .more{
   		padding-right:10px;
   }
   
	.main-content .content-title {
    	width: calc(100% - 20px);
    	margin: auto 10px;
    	margin-bottom: 20px;
	}
	
	.main-content .content-row .item-detail .item-name{
      font-size:16px;
   }
   .main-content .content-row .item-detail .item-desc{
      font-size:14px;
   }
   .main-content .content-row .item-detail .item-bbar{
      font-size:14px;
   }
   
   
}

@media screen and (max-width:420px) {
   .main-content .content-row .item-detail .item-desc{
      font-size:12px;
   }
}

@media screen and (max-width:400px) {
   .main-content .content-title .tbar li{
      margin:0 10px 0 0;
      font-size:14px;
   }
   .main-content .content-title-w .tbar li{
      margin:0 10px 0 0;
      font-size:14px;
   }
}

@media screen and (max-width:375px) {
   .main-content .content-row .item-detail .item-bbar{
      font-size:12px;
   }
}

.autocomplete-suggestions { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	background: #FFF; 
	cursor: default; 
	overflow: auto; 
	/**-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
	-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); **/
}
.autocomplete-suggestion { 
	padding: 2px 5px; 
	white-space: nowrap; 
	overflow: hidden; 
	height:32px;
	line-height:32px;
}
.autocomplete-no-suggestion { 
	padding: 2px 5px;
}
.autocomplete-selected { 
	background: #F0F0F0; 
}
.autocomplete-suggestions strong { 
	font-weight: bold;
	color: #000; 
}
.autocomplete-group { 
	padding: 2px 5px; 
	font-weight: bold; 
	font-size: 16px; 
	color: #000; 
	display: block; 
	border-bottom: 1px solid #000; 
}