.w478{
  width: 478px;
}
.w696{
  width: 696px;
}
.w730{
  width: 730px;
}
.w398{
  width: 396px;
}
.w368{
  width: 368px;
}
.w745{
  width: 745px;
}
.w820{
  width: 820px;
}
.w368{
  width: 368px;
}
.button_through{
  text-align: center;
  padding-top: 10px;
}
.common_button{
  width: 132px;
  height:42px;
  display: inline-block;
  background-color: #e6f4ff;
  border-radius: 4px;
  color: #3291fa;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.common_button.active{
  background-color: #3291fa;
  color: #fff;
}
.common_button:hover{
  color: #3291fa;
}
.common_button.active:hover{
  color: #fff;
}
.icon_index{
  background:  no-repeat top left;
}
/*首页导航关键词*/
.horizontal{
  width: 595px;
  height: 85px;
  position: relative;
}
.horizontal .absolute-left{
  position: absolute;
  left:0;
  top:0;
  width: 595px;
  height: 85px;  
  border-radius: 6px;
  background-color: #fff;  
}
.horizontal .absolute-right{
  position: absolute;
  right:0;
  top:0;
  width: 595px;
  height: 85px;  
  border-radius: 6px;
  background-color: #fff;  
}
.horizontal-title{
  position: absolute;
  left:0;
  top:0;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  display: block;
  width: 30px;
  height: 100%;
  border-radius: 6px 0 0 6px;
  background-color: #4e9cff;
  padding-top: 18px;
  line-height: 24px;
}
.horizontal_zindex_0,.horizontal_zindex_1{
  height: 85px;
  padding-left: 100px;
  padding-right: 25px;
  background-color: #fff;
}
.horizontal_zindex_0{
  width: 595px;
  border-radius: 6px;
}
.horizontal_zindex_1{
  display: none;
  width: 1200px;
  position: absolute; 
  top:0; 
  z-index: 3;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.horizontal-icon-l,.horizontal-icon-r{
  width: 53px; 
  height: 53px; 
  position: absolute;
  left: 44px;
  top:16px;
}
.horizontal-icon-l{
  background-position: -682px 0;
}
.horizontal-icon-r{
  background-position: -740px 0;
}
.horizontal_l .horizontal_zindex_1{
  left:0;  
}
.horizontal_r .horizontal_zindex_1{
  right:0;  
}
.horizontal-btn{
  position: absolute;
  right: 0;
  top:0;
  z-index: 2;
  width: 14px;
  height: 85px;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
.horizontal .btn_zhan{
  background-position: -798px 0;
}
.horizontal .btn_shou{
  background-position: -817px 0;
}
.horizontal .keywords{ 
  padding-top: 15px;
  white-space: nowrap;
  overflow: hidden;
}
.horizontal .keywords a{
  display: inline-block;
  margin-left:15px; 
  line-height: 30px;
  font-size: 14px;
  color: #333;
}
.horizontal .keywords a:hover{
  color: #3291fa;	
}
.index_banner{
  width: 100%;
  height: 310px!important;
  border-radius: 10px;
  overflow: hidden;
}
.index_banner img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.index_zhibo .title_wrap{
  padding-left: 35px;
  line-height: 50px;
  position: relative;
}
.index_zhibo .title_wrap h2{
  font-size: 24px;
  color: #333;  
  font-weight: bold;
}
.index_zhibo .icon_zhibo{
  position: absolute;
  left:0;
  top:14px;
  width: 28px;
  height: 21px;
  background-position: -1469px 0;
}
.index_zhibo .icon_zhibo.fff{
  background-image: url(/uploads/image/spi/bf.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.index_zhibo .title_wrap h2 .this_en{
  margin-left: 10px;
  font-size: 20px;
  font-family: impact;
  color: #b4d7ff;
  font-weight: 400;
  letter-spacing:1px;
}
.video_img{
  margin-left: 15px;
  vertical-align: middle;
}
.index_zhibo .title_more{
  position: absolute;
  right: 0;
  top:0;
  line-height: 46px;
  font-size: 14px;
  color: #333;
}
.index_zhibo .title_more.fff{
  color: #fff;
}
.zhibo_slide{
  width: 100%;
  height: 135px!important;
  margin-bottom: 5px;
}
.zhibo_slide .item{
  width: 402px;
  height: 135px;
  background-image: url(/uploads/image/spi/bg_zhibo.png);
  background-position: left center;
  background-repeat: no-repeat;  
  position: relative;
  transition: all 1.2s;
}
.zhibo_slide .layui-this{
  background-color: #e9eaed!important;
}
.zhibo_slide .zhibo_basic{
  padding:32px 40px 20px 136px;
}
.zhibo_slide .title{
  font-size: 16px;
  color: #333;
  line-height: 26px;
}
.zhibo_slide a{
  color: #333;
}
.zhibo_slide .desc{
  line-height: 30px;
  font-size: 16px;
  color: #666;
  padding-left: 20px;
  position: relative;   
}
.zhibo_slide .desc:before{
  display: block;
  content: "";  
  position: absolute;
  left:0;
  top:7px;
  width:15px;
  height:15px;
  background-image: url(/uploads/image/sciright/icon_common_right.png);
  background-position: -304px 0;
}
.zhibo_slide .item.active .desc:before{
  background-position: -324px 0;
  color: #3291fa;  
}
.zhibo_slide .status{
  display: block;
  position: absolute;
  right: 0;
  top:0;
  height: 27px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #b4b4b4;
  border-bottom-left-radius: 13px;
  border-top-right-radius: 5px;
  color: #fff;
  line-height: 27px;
  text-align: center;
  font-size: 14px;
  font-family: pingfang sc;
}
.zhibo_slide .item.active .status{
  background-color: #ffba02;
}
.zhibo_slide .zhibo_tcimg{
  position: absolute;
  left:20px;
  bottom:0;
} 
.zhibo_slide .zhibo_tcimg img{
  width: 91px;
} 
.zhibo_slide .layui-carousel-arrow,.kaozheng_slide .layui-carousel-arrow {
  display: block;
  opacity: 0;
  position: absolute;
  top: 50%;
  margin-top: -20px!important;
  width: 16px!important;
  height: 40px!important;
  line-height: 40px!important;
  text-align: center;
  font-size: 0;
  border: 0;
  border-radius: 3px;
  background-color: #c4c5c7!important;
  background-repeat: no-repeat;
  background-position: center center;
  color: #c4c5c7!important;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  cursor: pointer;
}
.zhibo_slide .layui-carousel-arrow[lay-type=sub],.kaozheng_slide .layui-carousel-arrow[lay-type=sub]{
  left: 0!important;
  background-image: url(/uploads/image/spi/icon_jiantou_l.png);
}
.zhibo_slide .layui-carousel-arrow[lay-type=add],.kaozheng_slide .layui-carousel-arrow[lay-type=add]{
  right: 0!important;
  background-image: ;
}
.my_through{
  height: 508px;
  border-radius: 6px;
  background-color: #fff;
  background-image: url(/uploads/image/spi/bg_circle.png);
  background-repeat: no-repeat;
  background-position: 200px -60px;
}
.is_login_wrap{
  width:280px;
  height: 152px;
  padding-top: 20px;
  margin:0 auto;
} 
.login_welcome{
  height: 64px;
  padding-left: 80px;
  position: relative;
}
.login_welcome .title{
  font-size: 18px;
  color: #333;
  line-height: 40px;
}
.login_welcome .desc{
  font-size: 14px;
  color: #999;
}
.login_welcome .login_no{
  position: absolute;
  left:0;
  top:0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #eef0f4;
  text-align: center;
  line-height: 64px;
}
.login_no_img{
  display: inline;
}
.login_welcome .login_img{
  position: absolute;
  left:0;
  top:0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.login_welcome .login_img_common{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.news-top{ 
  width:280px;  
  padding-top: 10px;
  padding-bottom:10px;
  border-top: 1px solid #eee;  
  border-bottom: 1px solid #eee;
  margin:0 auto;
  overflow:hidden; 
  position:relative;    
}
.vticker{ 
 padding-left:50px;  
 /*background-image: ;*/
 background-position: left center;
 background-repeat: no-repeat;
}
.vticker_lapa{
  position: absolute;
  left:0;
  top:5px;
  width: 39px; 
  height: 39px;
  background-position: -1502px 0;
}
.vticker li{ 
 height:50px; 
 line-height:24px;   
}
.vticker li a{
 color: #333;
}
.vticker li a:hover{
  color: #3291fa;
}
.index_menu{
  padding-left: 10px;
  padding-right: 10px;
}
.index_menu li{
  margin-top: 15px;
  width: 33.3%;
  float: left;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.index_menu li .icon_menu{
  width: 61px;
  height: 57px;
  margin: 0 auto;
}
.index_menu li p{
  margin-top: -3px;
}
.index_menu_1{
  background-position: -1612px 0;
}
.index_menu_2{
  background-position: -1546px 0; 
}
.index_menu_3{
  background-position: -1678px 0; 
}
.index_menu_4{
  background-position: -1744px 0; 
}
.index_menu_5{
  background-position: -1810px 0;
}
.index_menu_6{
  background-position: -1876px 0; 
}
.index_menu_7{
  background-position: -1942px 0;
}
.index_menu_8{
  background-position: -2074px 0;
}
.index_menu_9{
  background-position: -2008px 0; 
}
.index_menu li:hover a p{
  color: #3291fa;
}
.common_model{
  margin-top: 20px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 4px 10px 0px rgba(57, 57, 57, 0.11);
}
.model_title{
  height: 70px;
  line-height: 70px;
  position: relative;
  padding-left: 27px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.model_title h2,.model_title .h2{
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: #333; 
  cursor: pointer;
  position: relative;
}
.model_title h2.active:after,.model_title .h2.active:after{
  width: 98px;
  height: 3px;
  display: block;
  content: "";
  position: absolute;
  left:0;
  bottom: 12px;
  background-color: #daebff;
}
.model_title.gradient_f8f8f8{
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background: -webkit-linear-gradient(#fff, #f8f8f8); /* safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fff, #f8f8f8); /* opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fff, #f8f8f8); /* firefox 3.6 - 15 */
  background: linear-gradient(#fff, #f8f8f8); /* 标准的语法（必须放在最后） */
}
.model_title:before{
  content: "";  
  display: block;
  position: absolute;
  left:0;
  top:25px;
  width: 4px;
  height: 20px;
  border-radius: 2px;
  background-color: #3291fa;
}
.model_title .this_en{
  margin-left: 10px;
  font-size: 20px;
  font-family: impact;
  color: #daebff;
  font-weight: 400;
  letter-spacing:1px;
}
.model_title .title_more{
  position: absolute;
  right: 27px;
  top:0;
  line-height: 70px;
  font-size: 14px;
  color: #333;
  padding-right: 20px;
  font-weight: normal;
  /*background-image: ;*/
  background-position:right center;
  background-repeat: no-repeat;  
}
.title_more .icon_more{
  display: inline-block;
  width: 6px; 
  height: 11px; 
  margin-left: 5px;
  background-position: -1117px 0; 
}
.title_more .icon_more.fff{
  background-image: url(/uploads/image/spi/next_fff.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.hot_img{
  margin-top: -5px;
}
.prep_title{
  margin: 0 auto 10px 0;
  padding-left: 32px;
  position: relative;
  font-size: 18px;
  color: #333;
  line-height: 30px;
  font-family: microsoft yahei;
}
.prep_title .icon_title{
  display: block;
  position: absolute;
  left:0;
}
.prep_title .icon_zt{
  top:7px;
  width: 19px;
  height:16px; 
  background-position: -1176px 0;
}
.prep_title .icon_news{
  top:6px;
  width: 24px;
  height:17px;  
  background-position: -1200px 0;
}
.prep_title .icon_kaoshi{
  top:6px;
  width: 21px;
  height:21px;  
  background-position: -1251px 0;
}
.prep_title .icon_video{
  top:6px;
  width: 17px;
  height:17px;   
  background-position: -1229px 0;
}
.prep_title .icon_hot_question{
  top:6px;
  width: 18px;
  height:17px;   
  background-position: -1277px 0; 
}
.prep_title .icon_hot_answer{
  top:5px;
  width: 18px;
  height:18px;   
  background-position: -1300px 0;
}
.prep_title .icon_topic{
  top:5px;
  width: 19px;
  height:19px;   
  background-position: -1323px 0;
}
.prep_title .icon_tk{
  top: 6px;
  width: 17px;
  height: 16px;
  background-position: -1347px 0;  
}
.prep_title .icon_zixun{
  top: 6px;
  width: 28px;
  height: 17px;
  background-position: -1369px 0
}
.prep_title .icon_hot{
  top:11px; 
  width: 20px; 
  height: 17px; 
  background-position: -1402px 0; 
}
.prep_title .icon_gongyi{
  top:7px; 
  width: 19px; 
  height: 17px;   
  background-position: -1427px 0;
}
.prep_title .icon_mt{
  top:6px; 
  width: 13px; 
  height: 17px;   
  background-position: -1451px 0; 
}
.prep_title11{
  margin-bottom: 5px!important;
}
.prep_title12{
  margin-bottom: 0!important;
}
/*首页小标题*/
.prep_title .course_more{
  font-size: 14px;
  color: #999;
  line-height: 30px;
  position: absolute;
  right: 5px;
  top:0;
}
.prep_title .course_more .icon_index{
  margin-left: 5px;
  margin-top: -3px;
  display: inline-block;
  width: 7px; 
  height: 10px;
  background-position: -1146px 0; 
}
.hot_title{
  margin: -10px auto 10px 0;
  padding-left: 35px;
  position: relative;
  font-size: 18px;
  color: #333;
  line-height: 48px;
  border-bottom: 1px dashed #e4e4e4;
}
.hot_title:before{
  content: "";
  display: block;
  position: absolute;
  left:0;
  top:0;
  width: 30px;
  height: 48px;
  background-position:left center;
  background-repeat: no-repeat;   
}
.hot_title .course_more{
  font-size: 14px;
  color: #999;
  line-height: 48px;
  position: absolute;
  right: 0;
  top:0;
  padding-right:10px;
  background-image: ;
  background-repeat: no-repeat;
  background-position: right center;
}
.index_course ul{
  padding-left: 30px;
  padding-right: 30px;
  margin-left: -10px;
  padding-bottom: 25px;
}
.index_course li{
  float: left;
  width: 220px;
  height: 125px;
  margin-left: 10px;
  border-radius: 6px;
  position: relative;
  transition: top 1.2s;
  -webkit-transition: top 1.2s;
  -moz-transition: top 1.2s;
  -o-transition: top 1.2s;
}
.index_course li:hover{
  top:-2px;
}
.index_course li .course_img{
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.index_course li .course_active{
  position: absolute;
  right: 0;
  top:0;
  display: block;
  padding-left: 15px;
  padding-right: 10px;
  height: 26px;
  line-height: 26px;
  background: #ffa812;
  background:-webkit-linear-gradient(left,#ffc165,#ffa407);
  background:-o-linear-gradient(right,#ffc165,#ffa407);
  background:-moz-linear-gradient(right,#ffc165,#ffa407);
  background:linear-gradient(to right,#ffc165,#ffa407);
  border-top-right-radius: 6px;
  border-bottom-left-radius: 13px;
  color: #fff;
  font-size: 12px;
}
.about_keywords{
  position: absolute;
  right: 70px;
  top:15px;
}
.about_keywords a{
  display: block;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  height: 40px;
  border-radius: 20px;
  line-height: 40px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  font-family: "microsoft yahei";
}
.about_keywords a.active{
  background: #3291fa;
  color: #fff;
}
.about_caidan{
  width:24px;
  height:24px;
  position: absolute;
  right: 27px;
  top:23px;
  background-position: -881px 0;
  cursor: pointer;
}
.about_keywords_son{
  display: none;
  position: absolute;
  top:70px;
  left:0;
  right:0;
  z-index: 3;
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgba(57, 57, 57, 0.11);  
  padding: 5px;
}
.about_keywords_son a{
 display: block;
 width: 214px;
 height:88px;
 float: left;
 margin-top: 20px;
 margin-left: 20px;
 border: 1px solid #ddd;
 background-color: #f8f8f8;
 border-radius: 6px;
 font-size: 16px;
 color: #333;
 text-align: center;
 line-height: 88px;
 font-weight: 400;
}
.about_keywords_son a:hover,.about_keywords_son a.active{
  background-color: #3291fa;
  color: #fff;
}
.model_body{
  padding: 0 30px 10px 30px;
}
.index_zt ul{
  margin-left: -30px;
  padding-left: 0;
}
.index_zt li{
 width: 212px;
 height: 378px;
 float: left;
 margin-left: 30px;
 border-radius: 6px;
 position: relative;
}
.index_zt li img{
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.index_zt li .video_wrap{
  position: absolute;
  left:0;
  top:0;	
  width:100%;
  height:100%; 
  background-color: #333;
}
.index_zt li video{
  width: 100%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
  border-radius: 6px;
  outline: none;
}
.first_news{
  height: 120px;
  padding-left:193px;
  position: relative;
}
.first_news dt{
 width: 170px;
 height: 113px;
 position: absolute;
 left:0;
 top:0; 
 border-radius: 6px;
 overflow: hidden;
}
.first_news .news_title{
  font-size: 16px;
  color: #333;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.first_news a:hover{
  color: #ff9600;
}
.first_news .news_desc{
  line-height: 22px;
}
.first_news .news_desc a{
  font-size: 13px;
  color: #999;
}
.first_news dt img{
  width: 100%;
  height: 100%;
}
.first_news .news_class{
  position: absolute;
  left:193px;
  bottom: 0;
  color: #3291fa;
  font-size: 14px;
}
.first_news .pub_time{
  position: absolute;
  right:0;
  bottom: 0;
  font-size: 14px;
  color: #999;
  letter-spacing: 2px;
}
.part_news ul{
 padding-left: 0;
}
.part_news ul li{
  height: 44px;
  line-height: 44px;
  border-bottom:1px dashed #d6d6d6;
  padding-right: 80px;
  position: relative;
}
.part_news ul li:last-child{
  border-bottom: none;
}
.part_news .news_title{
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.part_news .pub_time{
  position: absolute;
  right: 0;
  top:0;
  font-size: 14px;
  color: #999;
}
.part_news a:hover{
  color: #ff9600;
}
.index_video_list{
  padding-bottom: 20px;
}
.index_video_list .items{
  margin-left: -16px;
}
.index_video_list .item{
  width:369px;
  height:127px;
  margin-left: 16px;
  background-image: url(/uploads/image/spi/bg_video.png);
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  padding-left:140px; 
  padding-top: 20px;
}
.index_video_list .right_status{
  position: absolute;
  right: 0;
  top:0;
  display: inline-block;
  height:30px;
  background: #edd283;
  background:-webkit-linear-gradient(left,#fadf99,#edd283);
  background:-o-linear-gradient(right,#fadf99,#edd283);
  background:-moz-linear-gradient(right,#fadf99,#edd283);
  background:linear-gradient(to right,#fadf99,#edd283);
  font-size: 13px;
  color: #333;
  line-height: 30px;
  padding-left: 25px;
  padding-right: 15px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 30px;
}
.index_video_list .tc_img{
  position: absolute;
  left:20px;
  bottom: 0; 
  width: 91px;
}
.index_video_list .tc_name{
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
}
.index_video_list .tc_course{
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.index_video_list .tc_class{
  font-size: 12px;
  color: #666;
  line-height: 30px;
  font-size: 15px;
  color: #333;
}
.index_video_list .btn_bofang{
  display: block;	
  width:49px;
  height:49px;
  position: absolute;
  right: 54px;
  top:50%;
  margin-top: -24px;
  background-position: 0 0;
}
.index_video_list .item:hover .btn_bofang{
  background-position: -54px 0;
}
.index_video_list .course_ad{
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.about_course ul{
  margin-left: -12px;
}
.about_course li{
  float: left;
  width:234px;
  margin-left: 12px;
  margin-bottom: 6px;
}
.about_course li .wrap_img{
  width: 100%;
  height: 135px;
  border-radius: 6px;
  position: relative;
}
.about_course li .course_img{
  width: 100%;
  height: 100%;
  border-radius: 6px;
} 
.about_course li .course_active{
  position: absolute;
  right: 0;
  top:0;
  display: block;
  padding-left: 15px;
  padding-right: 10px;
  height: 26px;
  line-height: 26px;
  background: #ffa812;
  background:-webkit-linear-gradient(left,#ffc165,#ffa407);
  background:-o-linear-gradient(right,#ffc165,#ffa407);
  background:-moz-linear-gradient(right,#ffc165,#ffa407);
  background:linear-gradient(to right,#ffc165,#ffa407);
  border-top-right-radius: 6px;
  border-bottom-left-radius: 13px;
  color: #fff;
  font-size: 12px;
}
.course_title{
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.course_title a{
  color: #333;
}
.course_title a:hover{
  color: #3291fa;	
}
.kaozheng_slide{
  width: 696px;
  height: 101px!important;
  background: #f6f6f6;
  border-radius: 6px;
}
.kaozheng_slide .item{
  width: 50%;
  height: 101px;
  padding-left: 100px;
  padding-top: 18px;
  position: relative;
}
.kaozheng_slide .shizhong_img{
   width: 40px;
   height: 48px;
   display: block;
   position: absolute;
   left:28px;
   top:50%;
   margin-top: -24px;
}
.kaozheng_slide .item .title{
  font-size: 16px;
  color: #333;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.kaozheng_slide .item .desc{
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.kaozheng_slide .item .days{
  font-size: 29px;
  color: #3291fa;
  letter-spacing: 3px;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: 700;
}
.kaozheng_slide .item:nth-child(1):after,.kaozheng_slide .item:nth-child(2):after{
  width: 1px;
  height: 34px;
  background-color: #e4e4e4;
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top:50%;
  margin-top: -17px;
}
.djs_date{
  width: 368px;
  height:100px;
  background-image: url(/uploads/image/spi/bg_djs.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 12px;
  padding-left: 15px;
}
.djs_date .box{
  width: 226px;
  height: 76px;
  border-radius: 6px;
  background-color: #fff1e8;
  background:-webkit-linear-gradient(left,#ffebe0,#fff2e9);
  background:-o-linear-gradient(right,#ffebe0,#fff2e9);
  background:-moz-linear-gradient(right,#ffebe0,#fff2e9);
  background:linear-gradient(to right,#ffebe0,#fff2e9);  
  text-align: center;
}
.djs_date .title{
  font-size: 18px;
  color: #c74426;
  text-align: center;
  padding-top: 10px;
}
.djs_date .desc{
  font-size: 14px;
  color: #666;
  line-height: 35px;
}
.djs_date .days{
  font-size: 35px;
  color: #c74426;
  letter-spacing: 3px;
  margin-left: 3px;
  margin-right: 3px;
}
.kaizheng_menu ul li{
  width:33%;
  float: left;
  margin-top: 20px;
}
.kaizheng_menu ul li a{
  display: block;
  text-align: center;
  color: #328bff;
  font-size: 14px;
  background-position: center top;
  background-repeat: no-repeat;  
}
.kaizheng_menu .wrap_icon{
  height: 38px;
}
.kaizheng_menu .icon_kaoshi{
  display: block;
  margin:0 auto;
}
.kaizheng_menu .icon_kaoshi_1{
  width: 27px; 
  height: 26px; 
  background-position: -921px 0; 
}
.kaizheng_menu .icon_kaoshi_2{
  width: 24px; 
  height: 26px; 
  background-position: -985px 0;
}
.kaizheng_menu .icon_kaoshi_3{
  width: 26px; 
  height: 26px; 
  background-position: -1014px 0; 
}
.kaizheng_menu .icon_kaoshi_4{
  width: 27px; 
  height: 26px; 
  background-position: -953px 0;
}
.kaizheng_menu .icon_kaoshi_5{
  width: 32px; 
  height: 25px; 
  background-position: -1080px 0;
}
.kaizheng_menu .icon_kaoshi_6{
  width: 30px; 
  height: 29px; 
  background-position: -1045px 0;
}
.hot_course ul{
  margin-left: -21px;
  padding-top: 10px;
}
.hot_course li{
  margin-left: 21px;
}
.index_tiku dt{
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.index_tiku dt .leixing{
 font-size: 13px;
 color: #007eff;
 border-radius: 6px;
 background-color: #deeeff;
 padding:5px 10px;
 margin-right: 10px;
}
.index_tiku dd .item{
 margin-top: 15px; 
 font-size: 14px;
 color: #525252;
 line-height: 20px;
 padding-left: 30px;
 position: relative;
 width: 50%;
 float: left;
 padding-right: 50px;
 cursor: pointer;
}
.index_tiku .item .icon_radio{
  position: absolute;
  left:0;
  top:4px;
  width: 13px; 
  height: 12px;
  background-position: -1128px 0; 
}
.index_tiku .item.active .icon_radio{
  position: absolute;
  left:0;
  top:4px;
  width: 13px; 
  height: 13px;
  background-position: -1158px 0; 
}
.index_tiku .tiku_btn{
  width:106px;
  height:34px;
  display: block;
  margin:20px auto;
  color: #fff;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  background-color: #3291fa;
  border-radius: 17px;
  cursor: pointer;
}
.index_tiku .tiku_btn:hover{
  color: #fff;
}
.q_a{
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: -10px;
}
.index_qa_banner{
  width: 100%;
}
.index_qa_banner img{
  border-radius: 6px;
}
.index_qa_search{
  width: 100%;
  height: 52px;
  margin-top: 30px;
  position: relative;
}
.index_qa_search .btn_search{
  display: block;  
  width:15px;
  height:15px;
  position: absolute;
  left:12px;
  top:18px;
  background-position: -2249px 0;
  cursor: pointer;
}
.index_qa_search input{
  width:100%;
  height: 52px;
  border-radius: 6px;
  background-color: #f6f6f6;
  padding-left: 40px;
  font-size: 16px;
  color: #333;
  border: none;
}
.index_question_part{
  padding-top: 15px;
}
.index_question_part .item{
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.index_question_part .item:last-child{
  border-bottom: none;
}
.question_position{
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
.question_position .q_auth_img{
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  border-radius: 5px;
  margin-right: 5px;
}
.question_title{
  height: 36px;
}
.question_title .title{
  font-size: 16px;
  color: #333;  
  line-height: 36px;
}
.index_question_part .item:hover .title a{
  color: #3291fa;	
}
.question_title .title a{
  color: #333;
}
.question_title .btn_answer,.question_title .btn_guanzhu{
  display:inline-block;
  padding-left: 15px;
  padding-right: 15px;
  height:32px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.question_title .btn_answer{
  background-color: #f0f7ff;
  color: #2187f5;  
}
.question_title .btn_guanzhu{
  background-color: #fff9e9;
  color: #f6b300;
  margin-left: 10px;
}
.question_title .btn_guanzhu:hover,.btn_guanzhu.active{
  background-color: #f6b300;
  color: #fff;
}
.btn_answer .icon_bi{
  display: inline-block;
  margin-right: 10px;
  width: 12px; 
  height: 12px;
  background-position: -2140px 0; 
}
.btn_guanzhu .icon_jia{
  display: inline-block;
  margin-right: 10px;
  width: 13px; 
  height: 13px;
  background-position: -2194px 0;
}
.question_basic{
  padding-left: 20px;
  font-size: 14px;
  color: #999;
  line-height: 30px; 
  position: relative;
}
.icon_qipao{
  position: absolute;
  left:0;
  top:8px;
  width: 12px; 
  height: 13px;
  background-position: -2157px 0; 
}
.icon_zan{
  position: absolute;
  left:0;
  top:8px;
  width: 12px; 
  height: 12px;
  background-position: -2212px 0;  
}
.icon_eye{
  position: absolute;
  left:0;
  top:10px;
  width: 15px; 
  height: 10px;
  background-position: -2229px 0; 
}
.load_shuaxing{
  position: absolute;
  right: 0;
  top:0;
  line-height: 30px;
  font-size: 14px;
  color: #3e3e3e;
}
.icon_load_shuaxing{
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height:14px;
  margin-right: 5px;
  background-position: -2174px 0; 
}
.load_shuaxing span{
  vertical-align: middle;  
  display: inline-block;
}
.answer_list ul{
  margin-top: 15px;
}
.answer_list ul li{
 height: 110px;
 padding-left:100px;
 position: relative;
}
.answer_list li .wrap_img{
  width:80px;
  height:80px;
  border-radius: 50%;  
  border: 1px solid #ddd;
  padding:5px;
  background-color:#fff;
  position: absolute;
  left:0;
  top:0;
}
.answer_list li .wrap_img .tc_img{
 width: 100%;
 height: 100%;
 border-radius: 50%;
 display: block;
}
.answer_content .title{
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.answer_content{
  height: 84px;
  padding-top: 5px;
  border-bottom: 1px solid #eee;
}
.answer_content .btn_tiwen{
  position: absolute;
  right: 0;
  top:0;	
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #f0f7ff;
  color: #0078ff;
  height: 32px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.answer_content .btn_tiwen:hover{
  color: #0078ff;
}
.answer_list ul li:hover .btn_tiwen{
  background-color: #3291fa;
  color: #fff;
}
.answer_content .num_response,.answer_content .num_zan{
  width: 120px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  padding-left: 20px;
  position: relative;
}
.first_topic .wrap_img{
  width: 100%;
  height: 120px;
  overflow: hidden;
}
.first_topic .wrap_img img{
  width: 100%;
  height: 100%;
}
.first_topic .title{
  font-size: 16px;
  color: #333;
  line-height: 26px;
}
.first_topic .title a{
  color: #333;
}
.first_topic .title:hover a{
  color: #3291fa;
}
.index_topic .num_canyu{
  width: 120px;
  padding-left: 20px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  position: relative;
}
.index_topic .num_click{
  width: 120px;
  padding-left: 20px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  position: relative;
}
.index_topic .pub_time{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  letter-spacing: 2px;
}
.teacherscroll{ 
  width:100%;  
  height: 292px;
  overflow:hidden; 
  position:relative;
}
.teacherscroll .prev,.teacherscroll .next{ 
  display:block; 
  width:22px; 
  height:42px;   
  overflow:hidden;
  cursor:pointer; 
  background-color: #c9c9c9;
  position: absolute;
  top:50%;
  margin-top: -21px;
  background-repeat: no-repeat;
  background-position: center center; 
  z-index: 999;  
}
.teacherscroll .prev{
  left:0;
  background-image: url(/uploads/image/spi/icon_jiantou_l.png);
}
.teacherscroll .next{ 
  right: 0;
  background-image: ;
}
.teacherscroll .bd{ 
  height: 272px;
  padding-left:10px;   
}
.teacherscroll .bd ul{ 
  overflow:hidden; 
  zoom:1; 
}
.teacherscroll .bd ul li{ 
  margin-left: 20px;
  float:left; 
  overflow:hidden; 
  width:268px;
}
.teacherscroll .bd ul li:hover .tc_zhicheng{
  color: #3291fa;
}
.teacherscroll .tc_basic{
 width: 100%;
 height: 179px;
 background-color: #f7f8f8;
 border-radius: 6px;
 padding-left: 140px;
 padding-top: 38px;
 position: relative;
}
.teacherscroll .tc_basic:after{
  display: block;
  content: "";
  position: absolute;
  left:218px;
  top:128px;
  width:40px;
  height:40px;
  background-image: url(/uploads/image/spi/icon_index.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-position: -836px 0; 
}
.teacherscroll .tc_basic:hover{
  box-shadow: 2px 2px 2px #ddd;
}
.teacherscroll .tc_basic .tc_img{
 position: absolute;
 left:15px;
 bottom:0;
 width: 125px;
}
.teacherscroll .tc_name{
  font-size: 18px;
  font-weight: bold;
  color: #525252;
  padding-left: 15px;
  line-height: 30px;
  /*background-image: ;*/
  background-position: left center;
  background-repeat: no-repeat;
  position: relative;
}
.teacherscroll .tc_name:before{
  display: block;
  content: "";
  position: absolute;
  left:0;
  top:5px;
  width:6px;
  height:19px;
  background-image: url(/uploads/image/spi/icon_index.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-position: -910px 0;
}
.teacherscroll .tc_zhicheng{
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.teacherscroll .tc_class{
  padding-top: 5px;
}
.teacherscroll .tc_class .item{
  margin-top: 10px;
  margin-right: 5px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 6px;
  background-color: #f0f7ff;
  height:30px;
  color: #2287f5;
  font-size: 14px;  
  line-height: 30px;
}
.index_about{
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 15px;
}
.video_about{
  width: 723px;
  height: 406px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.video_about video{
  width: 100%;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  border-radius: 6px;
  outline: none;
}
.about_news{
  width: 408px;
}
.index_gongyi li{
  width: 198px;
  height: 206px;
  position: relative;
}
.index_gongyi li .wrap_img{
  height: 129px;
  border-radius: 6px;
  overflow: hidden;
}
.index_gongyi li .title{
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  color: #333;
  font-family: microsoft yahei;
}
.index_gongyi li .desc{
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.index_gongyi li .desc a{
  color: #666;
}
.index_gongyi li:hover .desc a{
  color: #3291fa;
}
.index_gongyi li .view_detail{
  color: #ffba01;
  position: absolute;
  right: 0;
  bottom:0;
  line-height: 24px;
  font-size: 12px;
}
.about_data{
  margin-top: 25px;
  height: 295px;
  background-image: url(/uploads/image/spi/bg_bottom.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-top: 46px;
}
.about_data li{
  width: 20%;
  text-align: center;
  float: left;
}
.about_data li .icon_index{
  display: block;
  width:100px;
  height:100px;
  margin: 0 auto;
}
.icon_fw1{
  background-position: -157px 0;
}
.icon_fw2{
  background-position: -367px 0;
}
.icon_fw3{
  background-position: -262px 0;
}
.icon_fw4{
  background-position: -472px 0;
}
.icon_fw5{
  background-position: -577px 0;
}
.about_data .num{
  margin-top: 30px;
  font-size: 35px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.about_data .desc{
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.top_active{
  width: 1200px;
  height: 164px;
  margin: 0 auto;
  position: relative; 
}
.top_active_btn{
   width:172px;
   height:42px;
   position: absolute;
   right: 0;
   top:50%;
   margin-top: -21px;
}
.top_left_active{
  position: absolute;
  left:10px;
  bottom: 15px;
  animation:swing_left 4s infinite;
  -webkit-animation:swing_left 4s infinite;
}
.top_right_active{
  position: absolute;
  right:100px;
  bottom: 15px;
  animation:swing_right 4s infinite;
  -webkit-animation:swing_right 4s infinite;
}
.top_middle_active{
  position: absolute;
  left:50%;
  margin-left: -212px;
  top:24px;
  animation:zoomin 3s infinite;
  -webkit-animation:zoomin 3s infinite;
}
.top_active_btn{
   animation:zoomin 3s infinite;
   -webkit-animation:zoomin 3s infinite;     
}
@keyframes zoomin
{
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.02);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.02);
    }

}

@-webkit-keyframes zoomin
{
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.02);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.02);
    }
}

@keyframes swing_left
{
    0%{
        left:10px
    }
    25%{
        left:15px
    }
    50%{
        left:10px
    }
    75%{
        left:5px
    }
    100%{
        left:10px
    }
}

@-webkit-keyframes swing_left
{
    0%{
        left:10px
    }
    25%{
        left:15px
    }
    50%{
        left:10px
    }
    75%{
        left:5px
    }
    100%{
        left:10px
    }
}
@keyframes swing_right
{
    0%{
        right:100px
    }
    25%{
        right:90px
    }
    50%{
        right:100px
    }
    75%{
        right:110px
    }
    100%{
        right:100px
    }
}

@-webkit-keyframes swing_right
{
    0%{
        right:100px
    }
    25%{
        right:90px
    }
    50%{
        right:100px
    }
    75%{
        right:110px
    }
    100%{
        right:100px
    }
}