﻿.content{ top:90px!important; top:0; bottom:15px; width:100%; height:300px; overflow:hidden;}

/*----------左边导航----------------*/
.left-bg-div{ margin-top:10px; background:#fff;top:0; bottom:0;  width:192px;height:300px; border: none; float:left;}
.left-top{height:50px; font-size:14px; font-weight:bold; line-height:50px; padding-left:20px;}
.left-menu ul{list-style:none;}
.left-menu ul li{font-size:12px; line-height:30px;width:192px; float: left; text-indent:24px; white-space:nowrap;}
.left-menu ul li a{color:#555; text-decoration:none;}
.left-menu ul li a:hover{color:#979797; width:192px; height:30px; display:block;}

/*----------右边内容----------------*/
.right-bg-div{float: right; margin-top:10px; display: block; width:800px;height: 300px; background:#fff;border: none;}
.right-bg-div{float: right; margin-top:10px; display: block; width:800px;height: 300px; background:#fff;border: none;}

/*banner*/
.index-banner {
	background: url(../images/home_banner01.png) no-repeat center center;
	border: 1px solid #ddd;
	height: 380px;
}


.index-banner02 {
	background: url(../images/home_banner02.jpg) no-repeat center center;
	border: 1px solid #ddd;
	height: 258px;
}
.index-banner03{
	background: url(../images/img3_banner.jpg) no-repeat center center;
	border: 1px solid #ddd;
	height: 258px;
}
.index-banner04{
	background: url(../images/img5_banner.jpg) no-repeat center center;
	border: 1px solid #ddd;
	height: 258px;
}

.index-banner05{
	background: url(../images/img4_banner.jpg) no-repeat center center;
	border: 1px solid #ddd;
	height:258px;
}

.index-banner06{
	background: url(../images/img6_banner.jpg) no-repeat center center;
	border: 1px solid #ddd;
	height:666px;
}

.index-trial{
	background: url(../images/img2_08.png) no-repeat center center;
	height:296px;
}

.banner {
	background: url(../images/banner-bg.jpg);
	height: 350px;
	border-bottonav-typenav-typem: 1px solid #fff;
}
.slides {
	width: 100%;
	height: 380px;
	position: relative;
	overflow: hidden;
	z-index:1;
}
.slideInner {
	height: 380px;
	position: relative;
	left: 0;
	margin-left: 0;
}
.slideInner a {
	display: block;
	height:380px;
	background-size: cover;
	background-position: center center;
	position: relative;
	text-align: center;
	z-index: 1;
	width:100%;
}
.slidesnav {
	width: 1200px;
	position: relative;
	left: 50%;
	margin-left: -600px;
	display: none;
}
.slidesnav a {
	display: block;
	width: 41px;
	height: 119px;
	opacity: .2;
	z-index: 9;
}
.slidesnav a.prev {
	position: absolute;
	left: 0;
	top: -180px;
	margin-top: -58px;
	background:url(../images/ban-pre.png) no-repeat center ;
}
.slidesnav a.next {
	position: absolute;
	right: 0;
	top: -180px;
	margin-top: -58px;
	background: url(../images/ban-next.png) no-repeat center;
}
.navListBox {
	position: absolute;
	left: 50%;
	top: 320px;
	z-index: 99;
}
.navListBox li {
	width: 12px;
	height: 12px;
	float: left;
	margin-left: 5px;
	border-radius: 50%;
	overflow: hidden;
}
.navListBox li:first-child {
	margin-left: 0;
}
.navListBox li a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
}
.navListBox li a.active {
	background-color: #ff6600;
}


 /*footer*/
.row {
	margin-left:-15px;
	margin-right:-15px;
    margin-bottom: 30px;
}
.footer-bg{
    background: #353841;
    margin: auto;
    border-top:1px solid #525761;
    padding:5px 0;
}
.footer-bg p{
    text-align: center; 
    font-size: 12px; 
    line-height:18px; 
    color: #999;
}
.footer-bg span{
    margin-left: 20px;
}
.col-md-3{
    float: left;
    position: relative;

}
.col-md-3 {
	width:20%;
}
.widget {
    color: #fff;
}
.widgetheading {
	width:100%;
	padding:0;
    font-size:15px;
	font-weight: bold;
    padding-bottom:6px;
}
.footer-container{
    width:1000px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right:15px;
    ;}
/* --- list style --- */

ul.general {
	list-style:none;
	margin-left:0;
}

ul.link-list{
    color: #666;
    font-size:13px;
	margin:0;
	padding:0;
	list-style:none;
}

ul.link-list li{
	margin:0;
    margin-right:30px;
	padding:2px 0 2px 0;
	list-style:none;
}
.footer{background: #434651;}
.footer ul.link-list li a{
	color: #babdc0;
}
.footer ul.link-list li a:hover {
	color: #fff;
}



/*首页*/
.index-con{width:100%; margin:auto; }
.index-con0{background: url(../images/bg1.jpg) no-repeat center; height: 547px;}
.index-con1{background: url(../images/img1_02.jpg) no-repeat center;height:556px;}
.index-con2{background: url(../images/img1_03.jpg) no-repeat center;
    height:480px;
}
.index-con3{background: #fbfcfc;height:380px;}
.index-con4{background: #fbfcfc;height:350px;}
.index-con5{background: #fbfcfc;height:340px;}
.index-con6{background: #fbfcfc;height:auto;}

.conPanel {
	width: 1000px;
   margin:auto;
    
}
.center {
	text-align: center;
}
.index-title {
	margin: 0 auto;
}

.index-title p{
	color:#333333;
	font-size:28px;
	text-decoration: none;
}
.con-introduce{
    padding:10px 0 0;
}
.p-content{
    margin:0 auto;
	line-height: 30px;
	font-size: 15px;
}
.p-content p {
	color: #515151;
	font: 16px/30px "Microsoft YaHei", Arial;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: 0;
}
.p-content h1 {
	color:#48a4ff;
    width:120px;
    background: #fff;
    text-align: center;
	font:26px "Microsoft YaHei", Arial;
	word-spacing: 0;
    border-radius:20px;
    margin: auto; 
}
.p-content h2 {
	color:#48a4ff;
    background: #fff;
    text-align: center;
	font:16px "Microsoft YaHei", Arial;
	word-spacing: 0;
    border-radius:20px;
    padding: 5px;
    margin: auto; 
}

.p-content01{
	line-height: 30px;
	
}
.p-content01 h1 {
	color: rgb(81, 81, 81);
    width:120px;
    background-color:#098cd4;
    text-align: center;
	font:26px "Microsoft YaHei", Arial;
	word-spacing: 0;
    border-radius:20px;
    margin: auto;
    color: #fff;
}
.img-content{
    width:1000px;
    margin:auto;
    text-align: center;
}

.conPanel  .text01{
    padding-top:10px;
    color: #fff;  
}
.conPanel .text02{
    color: #989ca9;
    font-size: 16px; 
    line-height:30px; 
} 
.text02 h1{
    font-size:18px; 
    color: #636363;
    padding-bottom:10px;
}



.conPanel .text03{padding-top:450px;
    width:850px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 26px;
    bottom:0;
    color: #636363;

}
.img-content01{
    padding-top: 40px;
    background: url(../images/img1_07.png) no-repeat  center 100px;
    height: 700px;
}

.con-btn a{display: block;margin:auto;
    width:160px;
    height:30px;
    text-align: center;
    font-size:18px;
    line-height: 30px;
    padding: 10px;
    border:1px solid #098cd4;
    border-radius:5px;
    color: #098cd4;
}

.con-btn{
   padding:40px 0;
   text-align: center;
    
}

.index-news {
	float: left;
	width: 650px;
}
.title-tt {
	width: 100%;
	height: 28px;
	line-height: 28px;
}
.title-tt h2 {
	float: left;
	color: #000;
	font-size: 28px;
	font-weight: normal;
}
.more-a {
	display: inline-block;
}
.more-a a {
	position: relative;
	padding-right: 20px;
	color: #6eb92b;
}
.more-a i {
	width: 13px;
	height: 13px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	background: url(../images/more-a.png) no-repeat -13px 0;
}
.more-a a:hover {
	color: #999;
}
.more-a a:hover i {
	background-position: 0 0;
}
.index-news ul {
	margin-top: 30px;
	width: 100%;
	/*height: 170px;*/
	height: 475px;
	overflow: hidden;
}
.index-news ul li {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	float: left;
}
.index-news ul li a {
	width: 70%;
	float: left;
	line-height: 22px;
	font-size: 15px;
	color: #666;
	padding-left: 13px;
}
.index-news ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #208eeb;
	border-radius: 50%;
}
.index-news ul li a:hover {
	color: #208eeb;
}
.index-news ul li span {
	float: right;
	font-size: 10px;
	margin-top: 4px;
	height: 10px;
	line-height: 10px;
	background: #e5e5e5;
	border-radius: 8px;
	padding: 3px 5px;
}
.index-ygsh  {
	width: 300px;
	margin-left: 700px;
}
.index-ygsh img {
	height: 170px;
	margin-top: 30px;
}

.gdjs{
	margin-top:25px;
	padding-top:10px;
	text-align:center;
	border-top:1px dashed #ccc;
}
.gdjs img{
	width:280px;
	height:auto;
	margin:10px;
}
/*container*/
.container-sub {
	width: 1000px;
	margin:0 auto;
}
.web-width {
	width: 1000px;
	margin: auto;
}
.pr-title1 h1 {
	padding:10px 0;
	color: #333;

	font-weight: normal;
}
.pr-title2 p {
    font-size: 16px;
	line-height:30px;
	color: #333;
	font-weight: normal;
}



/*学习中心*/
.table-video td{width: 33.3%;
	padding:20px 20px;
    height: 200px;}

.table-video td p{
    font-size:18px; 
    margin-top:70px;
    font-family: "Microsoft yahei";
    line-height:30px;
	text-indent:0;
}

.table-video td a{
    width:100%; 
    display:inline-block;
    color:#333;
    height: 200px; 
  
}
.img5_01{ background: url(../images/img5_01.jpg);
    }
.img5_02{ background: url(../images/img5_02.jpg);
  }
.img5_03{ background: url(../images/img5_03.jpg);
  
}
.img5_04{ background: url(../images/img5_04.jpg);
    
}
.img5_05{ background: url(../images/img5_05.jpg);
   
}
.img5_06{ background: url(../images/img5_06.jpg);
  
}
.table-video td a:hover{
    cursor: pointer;
    color: #098cd4;
    font-weight: bold;
   box-shadow: 0 2px 10px 0 rgba(82,94,102,.1) ;
    
}

.table-video td h1{
   line-height:200px;  
    font-size:20px;
    font-weight:100;
    text-align: center;
 }
.table-video td img{
    margin-top:60px;
}

.table-list td{width: 33.3%;
	padding:0 20px;
    height: 200px;
    padding-bottom: 20px;
}


.video{ 
    background: #f4f4f4;
}
.video-img{
    display:block; 
    width:300px;
}
.video-title{
    display:block;
    font-size:14px;
    padding:10px 15px 0;
    color:#333;
    line-height:18px;
    height:50px;
    overflow:hidden;
    ext-align:justify;
    background: #fff;
   
}

.video a:hover{
    cursor: pointer;
    color: #098cd4;
    font-weight: bold;
    
}


/*----------文档----------------*/
.table-file td{width: 33.3%;
	padding:10px 20px;
    height: 200px;}

.table-file td p{
    font-size:18px; 
    margin-top:70px;
    font-family: "Microsoft yahei";
    line-height:30px;
	text-indent:0;
}

.table-file td a{
    background: #eee;
    width:100%; 
    display:inline-block;
    color: 333;
    font-weight:100;
    height: 200px; 
    line-height:200px;    
}


.sidebar-wrap{
    float:left;
    width:250px;
    min-height:700px;
    background: #fff;/*cursor:e-resize;*/ margin-left:20px;}
.main-wrap{margin-left: 260px;
    min-height:100%;
}
.sidebar-title{
    height: 40px;
    line-height: 40px;
    text-indent:1em;
    font-size: 24px;
    text-align: left;
}
.sidebar-title h1{
    font-size:16px; 
    font-weight: bold;
}
.sidebar-content{
    padding-top: 5px;
}
.sidebar-list li{
    border-width:1px 0;
}
.sidebar-list li .icon-font{
    margin-right: 5px;
    color: #888;
    font-size: 14px;
}
.sidebar-list li a{
    padding: 0 16px 0 20px;
    display: block;
    height: 38px;
    line-height: 38px;
    color: #333;
}
.sidebar-list li a:hover{
    background: #eee;
    color: #1963AA;
}
.sub-menu{background: #fff;}
.sub-menu li a{text-indent: 20px;}

/* main */
.search-wrap{padding: 15px 0;border-bottom: 1px solid #e5e5e5;}
.search-tab tr{line-height: 35px;}
.search-tab th{text-align: right;padding-right:10px;font-weight: normal;}
.search-tab td{padding: 0 5px;}
.common-text{height: 23px;line-height: 23px;padding: 2px 4px;border: 1px solid #ccc;background: #fff;border-radius:5px;}
.result-wrap{
    padding:0 20px;
}
.result-title{
    line-height:16px;
    padding-bottom: 5px;
    overflow: hidden;
    background: #fff;
}
.result-title h1{
    text-indent:10px; 
    font-size: 16px;
    padding: 10px 0;
}
.result-container{
    height:658px;
    background: #fff;
    margin-bottom: 40px;
}
.comment-title{
    line-height: 35px;
    margin-bottom: 10px;
    overflow: hidden;
}
.result-list a{
    margin-right: 15px;
}
.result-list i{
    padding-right: 5px;
}
/*----------课程----------------*/
.study-class{
    position:relative;width:1000px;margin:10px auto 0;
}
.study-class h2{
    line-height:60px;height:60px;text-align:left;font-size:18px;color:#333;
}
.study-class ul{
    font-size:0;
    padding-bottom:20px;
}
.study-class .study-class0{
    display:inline-block;vertical-align:top;width:235px;
    height:240px;
    background:#fff;margin-right:20px;
    background:#fff;margin-right:20px;
    box-shadow: 0 8px 24px 0 rgba(82,94,102,.15) ;}
.study-class .study-class0:nth-child(4n){
    margin-right:0;
}
.study-class .study-class0>a{
    display:block;width:100%;height:100%;
}
.study-class .study-class-img{
    display:block;width: 100%;
}
.study-class .study-class-title{
    display:block;
    font-size:14px;
    padding:10px 15px 0;
    color:#333;
    line-height:18px;
    height:50px;
    overflow:hidden;
    ext-align:justify;
   
}
 
.study-class .study-class-info{
    font-size:12px;
    line-height:22px;
    height:22px;
    overflow:hidden;
    color:#999;
    padding-left:15px;
    text-align:justify;
}
.study-class .study-class-info span{
    margin:0 6px;
}



/*----------直播----------------*/
.study-live{
    position:relative;
    width:1000px;
    margin:10px auto 0;
}
.study-live h2{
    line-height:60px;
    height:60px;
    text-align:left;
    font-size:18px;
    color:#333;
}
.study-live ul{
    font-size:0;
    padding-bottom:20px;
}
.study-live0{
    display:inline-block;
    vertical-align:top;
    width:33.33%;
    background:#fff;
    
   }
.study-live0 a{
    display:block;
    margin:0 20px;
    background:#fff;
   
   }
.study-live .study-live0:nth-child(4n){
    margin-right:0;
}

.study-live .study-live-img{
    width: 100%;
    display:block;
    border-radius: 5px;
     box-shadow: 0 8px 24px 0 rgba(82,94,102,.15) ;
}
.study-live .study-live-title{
    display:block;
    font-size:18px;
    padding:15px 10px 0;
    color:#333;
    line-height:18px;
    height:40px;
    overflow:hidden;
    ext-align:justify;
   
}




.width{ margin:0 auto; width:1000px;}
.service-add{
    font-size:12px; 
    color:#333;
    height:60px;
    line-height:60px;}








/*----------产品中心 ----------------*/
.banner02-txt{ margin-top:40px;}
.banner02-txt .index-title01{margin: 0 auto; }
.index-title01 p{
	color:#fff;
	font-size:38px;
	text-decoration: none;}
.banner02-txt .fff{color: #fff;}
.index-con-bg{ background-color: #f5f5f5;}
.index-con-bg01{ background-color: #098cd4;}
.index-con .index-title{ padding:10px 0 ; }
.index-con .tool-title{color: #098cd4;}
.conPanel .text04{
    color: #989ca9;
    font-size: 16px; 
    line-height:30px; 
} 
.text04 h1{
    font-size:22px; 
    color: #098cd4;
    font-weight: 100;
    height: 40px;
}
.p-content h2 {
	color:#098cd4;
    width:180px;
    background: #fff;
    text-align: center;
	font:16px "Microsoft YaHei", Arial;
	word-spacing: 0;
    border-radius:20px;
    margin: auto;
   
}
.p-content01 h2 {
    text-align: center;
	font:16px "Microsoft YaHei", Arial;
    margin:20px auto; 
}
.p-content01 h2 span{
	color:#fff;
    background: #098cd4;
    text-align: center;
	word-spacing: 0;
    border-radius:20px;
    padding: 5px 20px;
    margin:auto; 
}

.btn-content{ 
   width:1000px;
    margin:0 auto;
    text-align: center;
}

.btn-content a{position: relative;
    margin:0 auto;
    display: block; border-radius: 5px;
    background: #fff;
    line-height: 60px;
    top:160px;
    width:220px;
    height:60px; 
    text-align:center; 
    color: #098cd4;
    font-size: 18px;
}
.btn-content i{ display:inline-block;
  vertical-align:middle;
    margin-left:10px;
    margin-left:10px;
    color: #098cd4;  
}

/*----------成功案例-------------*/
.index-explain{
    color:#ff0000;
     padding:10px 0;
	font-size:20px;
	text-decoration: none;}

.case-list{padding:20px 0; 
 border-bottom: #f1f1f1 1px solid;
}
.case-list .text02{color:#666;
    line-height:26px;
    font-size: 14px;

}
.case-list h2{
    color: #000; 
}
.title-mm h2{
	font-size:22px;
	font-weight:normal;
	padding:20px 0;
}
.case-list01{
	margin-top:20px;
}
.case-list01 dl{
	float:left;
	height: 205px;
    padding-right:20px;
    margin-top: 0;
    overflow: hidden;
    width: 230px;
	
}
.case-list01 dt{
	 float: none;
    height: 140px;
    overflow: hidden;
    width: 230px;
}
.case-list01 dt img{
	width:100%;
	height:100%;
}
.case-list01  dd{
	 margin: 0;
    padding:10px 0 0;
    width: 230px;
	text-align:center;
}


/*----------技术支持-------------*/
.contact-type-ul, .contact-arrive {
	margin: 0 auto;
	padding: 30px 0 30px;
	width: 1000px;
}
.contact-type-ul ul li {
	text-align: center;
	width: 302px;
}
.contact-type-tel {
	background: url(../images/img4_01.png) no-repeat 50% 0;
}
.contact-type-ad {
	background: url(../images/img4_02.png)  no-repeat 50% 0;
}    

.contact-type-mail {
	background: url(../images/img4_03.png) no-repeat 50% 0;
}
.contact-type-ad-title {
	font-family: "微软雅黑";
	font-size: 16px;
    color: #098cd4;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 160px;
}
.contact-type-ad-int {
	font-size:16px;
	line-height: 24px;
}
.problem-qa{
    padding:20px 30px;
    display: block;
    background: #f5faff;
    margin:10px 0 30px;
    border-radius: 20px;
    color: #333;
}
.qa-title{
    font-weight:bold; 
    padding:5px 0;
    height:30px;
}

.contact-title1 h1 {
	padding:20px 0;
    color: #098cd4;
	font-weight: normal;
}



/*----------下载体验-------------*/
.tools-test01{
    height: 300px;
    margin-top:50px;
    background:#191e28;
    background:rgba(25,30,40,.7);
    position: relative;
    z-index:1;
 }

.table-2 li{width:100%;
    }
.test01-img{ 
    position:absolute;
    z-index:2;
    right:0;
    top:0;
}
.test01-txt{
    
    width:500px;
    text-align: center;    
}
.test01-txt h1{
    color:#fff;
    font-weight: 100;
    line-height:40px;
    font-size:32px;
}
.test01-txt h2{
    color:#fff;
    font-weight: 100;
    line-height:40px;
    font-size:20px;
}
.test01-txt a{
    background:#008cd6;
    color: #fff;
    display: block;
    width:200px;
    height:50px;
    margin:0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 100;
    font-size:18px;
    line-height: 50px;    
}
.test01-txt a:hover{background:#0552aa;}

.test01-txt a.help{
    background:none;
    color: #008cd6;
    width:100px;
    height:50px;
    font-size:16px;  
}
.test01-txt a.help:hover{color:#0552aa;}

.test01-txt-none a{color: #fff;
    background: #dcdcdc;
}
.test01-txt-none a:hover{color: #fff;
    background: #dcdcdc;
}
.test01-txt p{
    font-size: 14px;
    color:#fff;
    width:500px;
    
}
.tools-test02{   
    display: block; 
    height:450px;
}

.tools-test02 .tool-left{
    margin-top:45px;
    float:left; 
    width:490px; 
    height:360px;
    box-shadow: 0 0 20px #e1f0ff;
    background:#fff;
    border:#e1f0ff 1px solid;
   
  
}
.tools-test02 .tool-right{
    margin-top:45px;
    float:right; 
    width:490px; 
    height:360px;
    box-shadow: 0 0 20px #e1f0ff;
    background:#fff;
     border:#e1f0ff 1px solid;
}
.tools-test02 .tool-center{ 
    padding-top:45px;
    color: #2e3a4a;
    text-align: center;  
    height:200px;
    font-size:28px;
}
.tools-test02 .tool-left02{
    color: #098cd4; 
    height:80px;
}
.tools-test02 .tool-left-bot{
    text-align: center;
    color: #098cd4;
}
.tools-test02 .tool-left-two{ 
    float:left; 
    width:50%; 
    text-align: center;
    margin-top:15px;
}
.tools-test02 .tool-right-c{ 
    width:100%; 
    text-align: center;
    margin-top:15px;
}
.tools-test02 a{
    margin: 0 auto;
    color:#008cd6;
    font-size: 16px;
    width:180px;
    line-height:50px;
    display: block;
    border: 1px solid #008cd6;
}
.tools-test02 a:hover{
    color:#008cd6;
   background: #c5edff;
}

.tools-test{
    magin-top:40px;
    display: block;
}


.tools-test03-bg{
    margin: 0 auto;
    height: 480px;
    background: url(../images/img6_06.jpg) no-repeat center center;
}

.tools-test04-bg{
    margin: 0 auto;
    height: 480px;
    background: url(../images/img6_07.jpg) no-repeat center center;
}
.tools-test05-bg{
    margin: 0 auto;
    height: 480px;
    background: url(../images/img6_08.jpg) no-repeat center center;
}
.purchase a{
   display: block;margin:auto;
    width:160px;
    height:30px;
    text-align: center;
    font-size:18px;
    line-height: 30px;
    padding: 10px;
    border:1px solid #098cd4;
    border-radius:5px;
    color: #098cd4;
}



/*----------直播-------------*/
.live-top {
	padding: 19px;
	height:200px;
	border: 1px solid #e9e9e9;
	background: #fff;
    margin-bottom: 20px;
}

.live-top .media {
	margin-right: 25px;
	width: 300px;
	height: 200px;
}

.live-top .media img {
	display: block;
	width: 100%;
	height: 100%;
}

.live-top .explain {
	width: 635px;
	color: #666;
	font-size: 12px;
}

.live-top .explain li {
	margin-top: 15px;
}

.live-top .explain li.intor {
	overflow: hidden;
	height:50px;
	line-height: 18px;
}

.live-top .explain h1 {
	display: inline-block;
	color: #333;
	font-size: 24px;
	line-height: 1em;
}

.live-top .explain .greenbtn2 {
    display: block;
	background: #098cd4;
	line-height: 38px;
    margin-right: 3px;
	width:125px;
	height: 40px;
    font-size: 16px;
    color:#fff;
    text-align: center;
    border-radius: 3px; 
}

.live-top .explain .time {
	position: absolute;
	right: 0;
	bottom: 5px;
	height: 1em;
	color: #999;
	font-size: 12px;
	line-height: 1em;
}

.live-top .explain .time span {
	padding-right: 10px;
	padding-left: 10px;
    margin-right: 10px;
	border-right: 1px solid #cacaca;
}



.live-top .explain .last {
	position: relative;
}

/*直播*/
.play-list-top{
    
    height:50px; 
    font-size:14px;
    font-weight:bold;
    line-height:50px; 
}
.play-list-menu ul{
    list-style:none;
    margin-bottom: 20px;
}
.play-list-menu ul li{
    font-size:12px; 
    line-height:30px;
    text-indent:24px; 
    white-space:nowrap;
    border-bottom:solid 1px #e5e3da;
    
}
.play-list-menu ul li a{
    cursor:pointer;
    color:#555; 
    text-decoration:none;
    display:block; 
}

.play-list-menu ul li a:hover{
    color:#277fc2;
    height:30px; 
    display:block;
    background:#ddd;
}

.live-class{
    width:700px; 
    background: #fff;
    padding:10px 20px; 
    display:block;
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
}
.live-class-nav{
    border-bottom:solid 1px #e5e3da;
    cursor:pointer;
    font-size:14px;
    color:#666;
    line-height:28px;
    background:url(../images/jiantou1.jpg) no-repeat right;
    background-position:95% 50%；
}
.live-class-nav:hover
{
    color:#277fc2;
    background:#f4f4f4;
}
.live-class-nav span{
    float: right;
    padding-right:30px;
}
.currentDd{
    color:#277fc2；
}
.currentDt{
    background-image:url(../images/jiantou.jpg);
}
.navContent{
    display: none;
    border-bottom:solid 1px #e5e3da;
}
.navContent li a{
    color:#666;
    display:block;
    heighr:28px;
    text-align:left;
    font-size:14px;
    line-height:28px; 
    text-indent:10px;
}
.navContent li a:hover{
    color:#277fc2;
    background-color:#f4f4f4;
}

.live-teacher {
	width:240px;
    padding: 10px 0;
	border: 1px solid #e9e9e9;
	background: #fff;
}

.live-teacher .caption {
	padding-left: 20px;
	width: 100%;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
}

.live-teacher .list {
	padding: 0 20px;
}

.live-teacher .list li {

	color: #666;
	font-size: 12px;
}

.live-teacher .list li:last-child {
	border-bottom: 0 none;
}

.live-teacher .list .teacher {
	margin-bottom: 15px;
}

.live-teacher .list .headpic {
	float: left;
	margin-right: 18px;
	width: 50px;
	height: 50px;
    background: #eee;
	cursor: default;
}

.live-teacher .list .headpic img {
	width: 50px;
	height: 50px;
	border: 1px solid #f0f0f0;
	border-radius: 50px;
}

.live-teacher .list .tit {
	font-size: 14px;
	line-height: 2em;
}

.live-teacher .list .tit a {
	color: #333;
	cursor: default;
}

.live-teacher .list .intor {
	line-height: 20px;
}


