@charset "utf-8";
  html,body {
    margin:0; padding:0; 
    border:0; text-align:left; 
    /* font-size:12px;  */
    min-width: 1300px;
    line-height:1.8em;
    font-family:"Microsoft Yahei"; color:#000;}
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
header,section{
  width: 100%;
  min-width: 1200px;
}
/* 头部 */
.header_a1{
  /* height: 524px; */
  background-color: #fff;
}
.header_b1{
  width: 100%;
  height: 131px;
  display: flex;
  justify-content: space-around;
}
.hder_zhong{
  width: 1200px;
  display: flex;
}
.hder_zhong img{
  /* width: 98px; */
  height: 50px;
  margin-top: 40px;
}
.hder_zhong .logo p{
  font-size: 25px;
  margin-top: 45px;
  font-weight: 900;
  letter-spacing: 2px;
  width: 480px;
}
.hder_zhong .logo{
  margin-left: 10px;
}
.hder_zhong .logo span,
.hder_for .logo span{
  font-size: 10px;
  letter-spacing: 0.2px;
  width: 480px;
}
.hder_zhong .anliu{
  margin-top: 41px;
  position: relative;
  /*left: 350px;*/
  z-index: 88;
}
.search_s1{
  display: flex;
  margin-top: 41px;
  position: relative;
  margin-left: 20%;
  /*left: 340px;*/
}
.search_s1 input{
  width: 170px;
  height: 31px;
  color: #9d9d9d;
  padding-left: 20px;
  border: 1.5px solid #e6e6e6;
  background-color: rgba(204, 204, 204, 0.15032679738562094);
}
.aa{
  position: relative;
  left: -25px;
  top: -32px;
  display: flex;
  justify-content: space-around;
}
.aa img {
  height: 18px;
  width: 18px;
}
/* 按钮登录 */
.anliu button{
  border: 1px solid #c6c6c6;
  padding: 0px 0px;
  background-color: rgba(42, 130, 228, 1);
  border-radius: 3px;
  color: #fff;
  width: 60px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}

.jiangsudengdl{
  width: 160px;
  height: 190px;
  background-color: #efefef;
}
.jiangsudengdl li:first-child,
.jiangsudengdl li:nth-child(2),
.jiangsudengdl li:nth-child(3){
  border-bottom-style: solid;
  border-bottom-width: 2px;
  color: #fff;
}
.menu-item{
  width: 160px;
  height: 45px;
  /* background: url(../images/renren.png) no-repeat; */
}
.menu-item .fazhi{
  display: flex;
}
.menu-item .fazhi img{
  width: 30px;
  height: 30px;
  margin-top: 8px;
  margin-left: 8px;
  line-height: 24px;
}
.menu-item .fazhi p{
  font-size: 14px;
  color: #000;
  margin-top: 13px;
  margin-left: 13px;
}
.layui-colla-content{
    padding: 0px 0px;
    line-height: 1.6;
    color: #666;
    border-top-style: solid;
    border-top-width: 0px;
}
.layui-icon{display: none;}
/* 首页  行业资讯  课程中心  通知公告  个人中心 */
.header_c2{
  height: 60px;
  background-color: rgba(42, 130, 228, 1); /* 默认背景颜色 */
    /*background-image: linear-gradient(to bottom, red, #DC0715);*/
  display: flex;
  justify-content: space-around;
}
.header_title{
  width: 1200px;
  display: flex;
  color: #fff;
}
.header_title li{
  margin-right: 30px;
}
.header_title li a{
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  padding-top: 18px;
  display: block;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.header_center .nav_center{
  display: block;
}
.nav_center{
  border-bottom: 3px solid #fff;
  padding-bottom: 7px;display: none;
}
.header_title li:hover .nav_center{display: block;}
.header_d3{
  height: 400px;
}

.header_d3 .lunbao li img{
  width: 100%;
  height: 400px;
}
/* 中间部分 */
.container{
  width: 1200px;
  margin: 0 auto;
}
/* 学员 企业 管理部门 */
.section_top{
  /* width: 100%;
  height: 211px; */
  display: flex;
  justify-content: space-around;
}
.section_fen{
  width: 1200px;
}

.section_fen li{
  margin-bottom: 20px;
  /* width: 257px; */
  height: 126px;
  /* background-color: rgba(229, 229, 229, 0.27); */
  margin-right: 40px;
  display: flex;
  /* background: url(../images/22426c60b1059b5964fcdb91e0cd4ec.png) no-repeat; */
  border-radius: 10px;
  float: left;

}
.section_fen li.gangqianpeixun{
  background: url(../images/gangqianpeixun.jpg) no-repeat;
}
.section_fen li.jiaoyu{
  background: url(../images/anquanjiaoyu.jpg) no-repeat;
}
.section_fen li.jixun{
  background: url(../images/jixujiaoyu.jpg) no-repeat;
}
.section_fen li.kaohe{
  background: url(../images/anguankaohe.jpg) no-repeat;
}
.section_fen li.choukao{
  background: url(../images/anguankaoge5.png) no-repeat;
}
.section_fen li.jiaolianyuan{
  background: url(../images/jiaolianyuan.jpg) no-repeat;
}
.section_fen li.agjx{
  background: url(../images/llryjxjy2.jpg) no-repeat;
}
.section_fen li.shuiyunketang{
  background: url(../images/shuiyunxuetang.jpg) no-repeat;
}
.section_fen li.zhaungxiang{
  background: url(../images/anguankaohe2.jpg) no-repeat;
}
.section_fen li.jidongcjiapei{
  background: url(../images/jidongchejiapei01.png) no-repeat;
}
.section_fen li.qianghuajiaoyu{
  background: url(../images/qianghuajiaoyu.jpg) no-repeat;
}
.section_topa1{
  margin: 0 0;
}
.section_topb2{
  margin-top: 45px;
  margin-left: 65px;
}
.section_topa1 div{
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
}
.section_topa1 p{
  width: 105px;
  margin-left: 25px
}
.section_topa1 a button{
  border:0px solid rgba(42, 130, 228, 1);
  /* padding: 2px 10px;  */
  padding-right: 100px;
  background-color: rgba(229, 229, 229, 0.27);
  border-radius: 9px;
  color: #000;
  width: 257px;
  height: 126px;
  font-size: 24px;
  font-weight: 500;
	line-height: 150%;
	text-align: center;
  cursor: pointer;
}
.section_topa2 a button{
  display: flex;
  border:0px solid rgba(42, 130, 228, 1);
  border-radius: 9px;
  color: #000;
  width: 257px;
  height: 63px;
  font-size: 16px;
  font-weight: 500;
	line-height: 150%;
	text-align: center;
}
.section_topa2 a button p{
  height: 62px;
  line-height: 62px;
  margin: 0px 10px;
  margin-left: 15px;
}
.section_topa2 a button img{
  width: 52px;
  height: 52px;
  margin: 5px;
}
.anguan_01{
  background-color: #aadad2;
}
.anguan_02{
  background-color: #b2d0eb;
}

.section_fen li img{
  width: 64px;
  height: 64px;
}
/* 行业资讯和通知公告 */
.section_he{
  width: 100%;
  height: 445px;
  display: flex;
  justify-content: space-around;
}
.section_hesh{
  width: 1200px;
  height: 445px;
  display: flex;
  justify-content: space-between;
  /* background-color: chartreuse; */
}
.hangye{
  width: 547px;
  height: 445px;
}
.xixun_xa1{
  width: 547px;
  display: flex;
  justify-content: space-between;
  margin-top: 65px;
}
/* 行业资讯 */
.hangye_ha1{
  font-size: 23px;
  font-weight: 600;
}
.hangye_hb2 a{
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  color: #000;
}
.xixun_xb2 ul li{margin-top: 20px;}
.new_info{
  
}
.new_title{
  font-size:18px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 5px;
  height: 25px;
  color: #5e5e5e;
  font-weight: 600;
}
.new_title a:hover{color: rgba(42, 130, 228, 1);}
.new_title a{
  color: #333333;
  text-decoration: none;
}
.new_time_content{display: flex; justify-content: space-between;margin-bottom: 8px;}
.new_time_content>p{font-size: 11px;color: #868686;}
.new_content{font-size: 15px;overflow: hidden;height: 44px;}
.new_content p{
  line-height: 1.5;
}
/* 通知公告 */
.xixun_xc3 ul li{
  margin-top: 20px;
}

/* 道路运输 */
.section_dao{
  width: 100%;
  /* height: 517px; */
  display: flex;
  justify-content: space-around;
}
.road{
  margin-top: 59px;
  width: 1200px;
  /* height: 458px; */
}
.road_yunsu{
  float: left;
  width: 120px;
  font-size: 25px;
  font-weight: 600;
}
.road_reght{
  font-size: 15px;
  position: relative;
  left: 1160px;
  width: 120px;
  top: -20px;
}
.road_reght a:hover{
  color: rgba(42, 130, 228, 1);
}
.wenzi_head{
  border-bottom-width: 0px;
    border-bottom-style: solid;
    height: 22px;
}
.wenzi_head li{
  line-height: 20px;
}
.wenzi_head li p{
  font-size: 18px;
  margin-bottom: 3px;
}
.layui-tab-brief>.layui-tab-title .layui-this{
  color: rgba(42, 130, 228, 1);
}

.road_vid{
  /* height: 394px; */
  width: 1200px;
  padding: 0px;
}
.layui-tab-brief>.layui-tab-title .layui-this:after{
  display: none;
}
.layui-this .news_hangye{
  border-radius: 0;
  border-bottom: 2px solid rgba(42, 130, 228, 1);
}
.clearfix_ca{
  display: flex;
  justify-content: space-between;
  /* margin-top: 19px; */
}
.video_zhibo{
  width: 280px;
  /* height: 196px; */
}
.zhibo a img{
  width: 280px;
  /* height: 110px; */
}
.video_file{width: 280px;}
.video_file p{
  font-size: 10px;
  font-weight: 600;
  height: 50px;
  overflow: hidden;
  margin-top: 8px;
}
.video_file p a{
  text-decoration: none;
  color: #000;
  font-size: 15px;
}
.video_file p a:hover{
  color: rgba(42, 130, 228, 1);
}
.video_file_content{
  display: flex;
  justify-content:space-between;
  margin-top: 10px;
}
.video_file_content span{color: #868686;}


/* 水路运输 */
.section_shui{
  width: 100%;
  /* height: 523px; */
  display: flex;
  justify-content: space-around;
}
.waterway{
  width: 1200px;
  /* height: 458px; */
  margin-top: 30px;
}
/* 项目应用 */
.section_xiang{
  width: 100%;
  height: 341px;
  display: flex;
  justify-content: space-around;
}
.project{
  margin-top: 25px;
  width: 1200px;
  height: 268px;
}
.project_pa1{
  font-size: 26px;
  width: 100%;
  height: 48px;
  line-height: 48px;
}
.project_pb2{
  margin-top: 27px;
  height: 193px;
  display: flex;
}
.project_pb2 li{
  /* width: 111px; */
  margin-right: 50px;
}
.project_pb2 li img{
  /* width: 111px; */
  height: 111px;
}
.project_pb2 li p{
  color: rgba(80, 80, 80, 1);
	font-size: 16px;
	line-height: 150%;
  text-align:center;
  margin-top: 15px;
}
.project_pb2 li .jiaoyu{
  font-size: 13px;
  line-height: 30px;
  height: 25px;
}
.project_pb2 li a button{
  margin-top: 10px;
  border:1px solid rgba(42, 130, 228, 1);
  padding: 2px 10px; background-color: rgba(229, 229, 229, 0.27);
  border-radius: 3px;
  color: rgba(42, 130, 228, 1);
  width: 116px;
  height: 34px;
  font-size: 12px;
	line-height: 150%;
	text-align: center;
  cursor: pointer;
}
/* 底部 */
.bot_a1{
  width: 100%;
  /* height: 270px; */
  background-color: rgba(208, 208, 208, 0.20714285714285707);
  display: flex;
  justify-content: space-around;
}
.bot_for1{
  width: 1200px;
  /* height: 215px; */
  display: flex;
  justify-content: space-between;
}
.bot_for2{
  width: 930px;
  /* height: 215px; */
  float: left;
}
.bot_for2 ul li{
  padding-top: 30px;
  text-align: left;
  width: 100%;
  clear: both;
}
.bot_for2 ul li p{
  margin-right: 20px;
  float: left;
  color: rgba(128, 128, 128, 1);
}
.bot_for2 ul li p a:hover{
  color: rgba(42, 130, 228, 1);
}
.bot_for2 ul li p a{
  color: rgba(128, 128, 128, 1);
	font-size: 14px;
  text-decoration: none;
}
.bot_for3{
  float: left;
  margin-top: 65px;
  display: flex;
}
.bot_for3 .for3{
  width: 90px;
}
.bot_for3 .for1{
  width: 36px;
  height: 44px;
  margin-top: 40px;
  margin-left: 5px;
}
.bot_for3 .for2{
  margin-left: 5px;
  width: 118px;
  height: 43px;
  margin-top: 40px;
}
.guanfan{
  width: 90px;
}
.guanfan p{
  text-align: center;
}
.bot_for2 ul li .youqing a,.bot_for2 ul li .hezuo a{
  color: #000;
}

/* 云平台_行业资讯 */
/* 筛选功能 */
.news_newscontent_one{
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: relative;
  }
.news_zhong{width: 1200px;}
.news_infocon{
  width: 1200px;
  float: left;
  margin: 20px 0;
}
.news_con li{
  border-bottom: 1px dashed #c6c6c6;
  height:180px;
}

.news_consult_head3{width: 1200px;}
.consult_s1{display: flex;margin-bottom: 45px;}
.consult_s1 input{width: 600px;color: #9d9d9d;padding-left: 20px;border: 1.5px solid #3d52d2;}
.ss{background-color: #3d52d2;height: 45px;width: 75px;display: flex;justify-content: space-around;}
.ss img{height: 23px; width: 23px;margin-top: 12px;}
/* 导航分类 */
.in_for1_shaixuan{border-color: #fff;}
.in_for1_shaixuan ul li{display: flex;margin-bottom: 25px;}
.field{width: 80px; font-size: 20px;height: 25px;line-height: 25px;}
.cation-list,.cation_aart, .cation-listTwo{
  overflow: hidden;
  margin-bottom: 25px;
  border-top-width: 0px;
}
.cation-listTwo .fir{
  font-size: 18px;
  margin-left: 20px;
}
.cation-list dt,.cation_aart dt,.cation-listTwo dt {
  float: left;
  font-weight: 700;
  color: #333;
}
.cation-list .fir{
  font-size: 18px;
  margin-left: 20px;
}
.cation-list dd{
  color: #586f89;
  font-size: 15px;
  line-height: 25px;
  height: 25px;
  float: left;
  width: 80px;
  margin-left: 4px;
}
.cation-listTwo dd{
  color: #586f89;
  font-size: 15px;
  line-height: 25px;
  height: 25px;
  float: left;
  width: 100px;
  margin-left: 90px;
}
.cation_aart dd{
  color: #586f89;
  font-size: 15px;
  line-height: 25px;
  height: 25px;
  float: left;
  width: 80px;
}
.cation-listTwo dd:nth-child(2),
.cation-listTwo dd:nth-child(3){
  width: 80px;
  margin-left: 0px;
}
.knowled_shou div{
  display: flex;
  justify-content: space-around;
}
.news_consult_head3 button{
  margin-top: 11px;
  width: 1200px;
  background-color: #fff;
  border: 0px solid rgba(229, 229, 229, 1);
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
.knowled_shou img{
  margin-top: 5px;
  width: 10px;
  height: 10px;
}
.knowled_shou img.on{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  
}

.news_consult_zhong{
  margin-top: 45px;
  /* margin-bottom: 40px; */
  border-bottom: 1px solid rgba(229, 229, 229, 1);
}
:before, :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.field_zi{font-size: 15px;}
/* .field_zi a{color: #586f89;} */
.field_zi .layui-colla-title{height: 22px;line-height: 20px;}
.chose .box dl dd a.act{
  color: #4258ea;
  font-weight: bold;
}  
.field_zi .layui-colla-title{
  margin-left: 10px;
  color: #868686;
  border: 1.5px solid #dcdcdc;
  background-color: #f7f7f7;
  padding: 0px 15px;
}
.field_zi .layui-colla-content{
  border-color: #fff;
  margin-left: 169px;
  padding: 10px 15px;
}
.cation-list .field_zi .layui-colla-content{border-color: #fff;margin-left: -16px;}


/* 中部上 */
.news_titles{
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
  width: 100%;
  height: 25px;
}
.news_titles a:hover{
  color: #4258ea;
}
.news_times{
  color: #939393;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
.news_contentinfo{
  font-size: 14px;
  color: #868686;
  height: 50px;
  line-height: 24px;
  overflow: hidden;
  margin: 20px 0px;
}

/* 分页 */
.page_nub{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  height: 73px;
}
.news_left .page_nub{
  width: 785px;
}
.page_nub .page_left{
  /* width: 478px; */
}
.page_nub>ul {
  margin-bottom: 44px;
  display: flex;
  justify-content: left;
}
.page_nub>ul>a {
  color: #7b7b7b;
  font-weight: 600;
  line-height: 27px;
  margin-right: 20px;
}
.page_nub>ul>a>li {
  width: 29px;
  height: 27px;
  border: 1px solid #c6c6c6;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.page_nub>ul>a>li>img {
  width: 11px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
}
.page_right>ul{
  width: 128px;
  display: flex;
}
.page_right>ul>input{
  height: 29px;
  width: 35px;
  margin-left: 5px;
}
.page_right>ul>a{
  color: #7b7b7b;
  font-weight: 600;
  line-height: 27px;
}
.page_right>ul>span{
  line-height: 29px;
  color: #878787;
  font-size: 12px;
}
 .page_hover:hover li, .page_left .set{background-color: #4359ed;color: #fff}


 /* 资讯详情 */
 .infor2_content{
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
  padding-bottom: 20px;
  }
.infor2_left_new{width: 780px;}
.infor2_right_new{width: 330px;}
.infor2_right_new div img{margin-bottom: 25px;}
.infor1_search{width: 670px;}

.infor2_news_info ul li{padding-bottom: 30px;}
.infor2_news_info ul li:first-child{
  display: flex;
  justify-content: space-around;
}
.infor2_news_info ul li:first-child p{
  color: #000;
  text-align: center;
  font-family: "微软雅黑";
}
.second_right li{display: flex;}
.second_right_new{width: 30px;margin-top: 10px;}
.right_news_info{
  color: #939393;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 20px; 
  overflow: hidden;
  height: 70px;
}
.second_right li:nth-child(5){margin-top: 20px;}
.second_right_new2{width: 300px;}
.right_news{    
  color: #5e5e5e;
}
.news_content_info{
  color: #868686;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.news_content_info p{
  color: #333;
  line-height: 2;
  font-size: 17px!important;
  /* font-family: inherit; */
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.news_info_title {
  font-size: 29px;
  font-weight: 700;
  line-height: 40px;
  /* overflow: hidden;
  height: 30px; */
  width: 100%;
}
.page_info {
  display: flex;
  justify-content: space-between;
}
.page_info ul {
  display: flex;
  justify-content: space-between;
  width: 800px;
  margin-top: 30px;
  height: 73px;
}
.page_info ul li a img {
  margin-left: 10px;
  float: left;
}
.news_info_time {
  display: flex;
  justify-content: space-between;
  margin-left: 700px;
}
.news_info_time p {
  color: #939393;
  font-size: 12px;
}
.right_news a {
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  width: 100%;
}
.page_info ul li a p {
  float: left;
  font-size: 20px;
}

/* 
日常考试
 */
 .examination{
   width: 100%;
   min-width: 1200px;
   height: 100%;
   display: flex;
   justify-content: space-around;
 }
 .exam_conter{
   width: 1200px;
 
 }
 .exam_ming{
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #c6c6c6;
 }
 .exam_tit{
   margin-top: 50px;
  text-align: center;
 }
 .exam_tit h3{
   font-size: 25px;
   color: #000;
 }
 .exam_times p{
   font-size: 14px;
   color: rgba(80, 80, 80, 1);
   margin-top: 20px;
   margin-bottom: 20px;
 }
 .exam_flexs{
  margin-top: 20px;
  margin-bottom: 30px;
 }
 .exam_flexs h3{
  font-size: 16px;
  margin-bottom: 20px;
 }
 .exam_flexs p{
  font-size: 16px;
  margin-bottom: 10px;
 }
 .choice{
   display: flex;
   margin-top: 20px;
 }
 .choice_title{
   display: flex;
   margin-right: 30px;
 }
 .choice_title input{
   margin-top: 5px;
 }
 .choice_title p{
   margin-left: 7px;
 }
 .submit{
   width: 1200px;
   text-align: center;
   border-top: 1px solid #c6c6c6;
   margin-bottom: 30px;
   padding-top: 30px;
 }
 .submit button{
  border: 1px solid #c6c6c6;
  padding: 0px 0px;
  background-color: rgba(42, 130, 228, 1);
  border-radius: 3px;
  color: #fff;
  width: 100px;
  height: 36px;
  line-height: 32px;
  font-size: 14px;
 }
 .answer .answer_or{
  color: rgba(212, 48, 48, 1);
 }
 .answer .answer_ect{
  color: rgba(42, 130, 228, 1);
 }

/* 课程排序 */
 .sort{
  /* margin-top: 59px; */
  width: 1200px;
}
.sort_yunsu{
  float: left;
  width: 50px;
  font-size: 15px;
}
.sort_result{
  float: right;
  font-size: 15px;
}
.nav li{
  float: left;
  height: 22px;
  display: inline-block; 
  margin: 0 5px; 
  font-size: 14px; 
  color: #333;
}
.nav .active { 
  color: #4258ea; 
  font-weight: bold;
}
.sort_vid{
  margin-top: 10px;
}
.jq22{
  width: 1200px;
}
.video_tu{
  margin-right: 25px;
  margin-top: 20px;
}
.video_tu a img{
  width: 280px;
}
.con_tong li{
  border-bottom: 1px dashed #c6c6c6;
  height: 90px;
}

/* 搜索页面 */
.section_tong{
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.notice{
  width: 1200px;
  display: flex;
}
.notice_head{
  float: left;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  height: 50px;
}
.notice_head li{
    float: left;
    display: inline-block;
    border-radius: 5px;
    /* background: #8ABEFF; */
    color: #000;
    text-align: center;
    padding: 3px 15px;
    margin-right: 10px;
    line-height: 40px;
    font-size: 25px;
}
.notice .layui-tab-brief>.layui-tab-title .layui-this {
  color: #4258ea;
  font-size: 25px;
  font-weight: 700;
}
.notice_vid{
  width: 1200px;
  float: left;
}
.notice_content li{
  display: flex;
  justify-content: space-between;
}
.search_jie{
  border-bottom: 1px solid #3f60c1;
  padding: 10px 0px;
  width: 1200px;
}
.search_jie p{
  font-size: 15px;
  font-weight: 400;
}

/* 答题 */
.container>div {
  width: calc(100% - 43px * 2);
  overflow: hidden;
  background-color: #fff;
  margin-top: 10px;
  padding-top: 43px;
  padding-left: 43px;
  padding-right: 43px;
}
.el-row {
  box-sizing: border-box;
 
}
.el-col-5 {
  width: 20.83333%;
}
[class*=el-col-] {
  float: left;
  box-sizing: border-box;
}
.exam_user_info {
  background-color: #f8f9fb;
  padding: 5px;
  width: 215px;
  height:580px;
}
.text-center {
  text-align: center;
}
.user_info {
  margin-bottom: 50px;
  margin-top: 30px;
}
.user_info li{
  margin: 20px 0;
}
.img-fluid {
  max-width: 100%;
}
.user_info {
  margin-bottom: 50px;
  margin-top: 30px;
}
.exam_info li {
  font-weight: 700;
  font-size: 16px;
  margin: 10px 0;
}
.exam_info li span.title {
  display: inline-block;
  width: 90px;
}
.exam_info li span.title{
  display: inline-block;
  width: 90px;
}
.exam_info li span.num {
  color: #f08e32;
  font-size: 20px;
  margin: 0 5px;
}
.el-col-19 {
  width: 79.16667%;
}
.detail_header {
  position: relative;
  margin-bottom: 20px;
}
.detail_header h2{
  position: relative;
  display: inline-block;
  background-color: #4a70bd;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px 10px 30px;
}
.detail_header h2 strong {
  font-size: 16px;
}
.exam_detail {
  margin-left: 50px;
}
.test_content_nr_tt{
  font-size: 16px;
  font-weight: 700;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #e9f0ff;
}


.detail_footer {
  width: 100%;
  position: absolute;
  bottom: 0;
}
button.disabled, button.disabled:focus, button.disabled:hover {
  background-color: #ddd;
  color: #fff;
  cursor: default;
  border-color: #ddd;
}
button.el-button {
  background-color: #438bdf;
  color: #fff;
  font-weight: 400;
  border-radius: 0;
  font-size: 16px;
  padding: 8px 32px;
}
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  transition: .1s;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button+.el-button {
  margin-left: 10px;
}
.detail_footer .their_btn {
  margin-left: 150px;
  background-color: #65bc65;
}
.nr_right {
  width: 1200px;
  height: 100%;
  float: left;
}
.nr_rt_main {
  width: 100%;
  height: auto;
}
.rt_nr1 {
  width: 1200px;
}
.rt_content {
  height: 100%;
  border: 1px solid #e4e4e4;
  border-top: 0;
}
.answerSheet ul {
  padding: 10px;
  text-align: left;
}
.answerSheet li {
  display: inline-block;
  margin-bottom: 5px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #e4e4e4;
}
.answerSheet li a {
  display: block;
}
.hasBeenAnswer {
  background: #5d9cec;
  color: #fff;
}

.content{
  width: 100%;
}
.top{
  width: 100%;
  border: 1px solid white;
}
.middle{
  width: 100%;
  border: 1px solid white;
}
.foot{
  width: 100%;
  height: 300px;
  border: 1px solid white;
}
.middle-top{
  width: 100%;
  height: 260px;
  border: 1px solid white;
}

.li-1{
  position: absolute;
  height: 430px;
  width:200px;
  background: #131801;
  z-index: 99;
  opacity:0.5;
}
.li-2{
  width:170px;
  color:#E0E5C5;
  line-height: 50px;
  border-right: 1px solid #646952;
}
.li-nav{
  color:#F4F4F4;
  height: 95px;
  background: transparent;
  border-top: 1px solid #586A50;
}
.li-nav table{
  margin: 10px 0px 0px 20px;
}
.li-nav table th{
  color: #F4F4F4;
  opacity:1;
}
.li-nav table td a{
  color: #B0C491;
  opacity:1;
}
.li-nav table td a:hover{
  color: #F4F4F4;
}
.li-nav table td,th{
  line-height: 30px;
}
.li-nav span{
  color: #5A6652;
  line-height: 95px;
  margin-right: 15px;
}
.li-nav:hover{
  background:#3C4A31;
}

.ul-view{
  list-style: none;
  padding:20px 0px 0px 15px;
}
.ul-view li{
  color:#F3F5F2 ;
  opacity: 1;
  line-height: 25px;
}
.ul-view li a{
  color: #B1C496;
  padding:5px 12px 5px 0px;
}

#tbody button{
  width: 100px;
  height: 100px;
  border: 0px;

}
.middle-top-right a div:hover{
  background: #2D3339;
  color: red;
}
.question{
  line-height: 50px;
}
.question_title{
  height: 50px;
  margin: 0px;
  font-size: 16px;
  font-weight: 700;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #e9f0ff;
}

.question_info input{
  line-height: 45px;
}
.clickTrim{
  color: #00BC9B;
  /* background: #F3F3F3; */
}
.question_info:hover{
  color: #00BC9B;
}
.operation span{
  cursor:pointer;
}
.operation span:hover{
  cursor: pointer;
}
.questionId{
  color: #DCE7F2;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  margin:5px;
  float: left;
  cursor:pointer;
  border: 1px solid #DCE7F2;
}
.questionId:hover,.question_id{
  color:#FFF;
  background:#59B59C;
}
.active_question_id{
  color: #59B59C;
  background: none;
  border: 1px solid #CCC;
  background-color: #CCC;
}
#closeCard,#openCard{
  width: 130px;
  border:none;
}
#closeCard span,#openCard span{
  cursor:pointer;
}
#openCard:hover{
  color:#25BB9B;
}
.clickQue{
  color: #00BC9B;
  background: #F3F3F3;
  border: 1px solid #909090;
}
.progress{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.text-right {
  text-align: right;
}
.btn-info:hover{
  background-color: hsl(0, 0%, 92%);
  color: #438bdf;
}
.btn-success:hover{
  background-color: hsl(0, 0%, 92%);
  color: #438bdf;
}

.section_fen li:nth-child(3){
  /* display: none; */
}

.project_pb2 li p.app{
  font-weight: 600;
  margin-top: 30px;
}

/* 交学网APP */
.appmain{
  margin: auto;
  /* width: 925px; */
}
.content_tit{
  height: 700px;
  display: flex;
  justify-content: space-evenly;
}
.content_cont{
  width: 1000px;
  display: flex;
  justify-content: space-evenly;
}
.apptop_left{
  line-height: 700px;
}
.apptop_left img{
  width: 255px;
  height: 560px;
}
.apptop_right{
  margin-top: 190px;
}
.apptop_right_1{
  display: flex;
}
.apptop_right_1 img{
  height: 70px;
}
.apptop_right_1 em{
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  line-height: 60px;
  margin-left: 15px;
}
.apptop_right_2{
  padding-top: 20px;
  padding-bottom: 70px;
}
.apptop_right_2 p{
  font-size: 30px;
  color: #fff;
  font-weight: 600;
}
.apptop_right_3{
  display: flex;
}
.clear img{
  width: 130px;
  background-color: #5e71f0;
  border-radius: 10px;
}
.iphone img:hover{
  background-color: #253fe9;
}
.android img:hover{
  background-color: #253fe9;
}
.iphone,.android{
  padding-top: 10px;
}
.iphone_pic{
  margin-left: 30px;
}
.iphone_pic img{
  width: 125px;
}
.appcont_left{
  margin-top: 100px;
}
.appconttwo_right,.appbottom_left{
  margin-top: 200px;
}
.appcont_left ul li,
.appconttwo_right ul li,
.appbottom_left ul li{
  color: #000;
  line-height: 100px;
}
.appcont_left ul li:first-child h3,
.appconttwo_right ul li:first-child h3{
  font-size: 30px;
  font-weight: 600;
}
.appcont_left ul li p,
.appconttwo_right ul li p,
.appbottom_left ul li p{
  color: #000;
  font-size: 25px;
}
.appcont_right,.appconttwo_left,.appbottom_right{
  line-height: 700px;
}
.appcont_right img,
.appconttwo_left img,
.appbottom_right img{
  width: 255px;
  height: 560px;
}


.fisone{
  background: url(../images/beijing33.jpg) no-repeat;
  height: 700px;
  background-size: cover;
}

.fisthree{
  background-color: #f0efef;
}

/* 
  直播课堂
*/
.news_consult_head2 {
  height: 95px;
  width: 1200px;
}
.consult_h{
  line-height: 90px;
  margin-left: 12px; 
  color: rgb(255, 255, 255);
  font-size: 38px;
  font-weight: 700;
  font-family:"Microsoft Yahei";
}
.consult_k{color: rgb(255, 255, 255);font-size: 25px;font-weight: 700;font-family:"Microsoft Yahei";
}
.header_d4{
  height: 93px;
  display: flex;
  justify-content: space-around;
}
.examination_live{
  padding: 20px 0px;
  display: flex;
  justify-content: space-around;
}
.learning{
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  margin-bottom: 20px;
}
.learning h3{
  width: 1200px;
  font-size: 23px;
  font-weight: 600;
}
/* 动态的 */
#bay{
  width: 300px;
  display: none;
}
#bay img{
  width: 300px;
  /* height: 150px; */
  position: relative;
  z-index: 99;
}
.close::before{
  content: "\2716";
  font-size: 16px;
  float: right;
  height: 19px;
  color: rgb(117, 117, 117);
}
.careful li{
  margin-bottom: 15px;
  font-size: 16px;
  color: #5e5e5e;
}
/* 页脚 */
        .footer {
            background: #1e88e5;
            color: white;
            padding: 30px 0;
            text-align: center;
        }

        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .footer-info {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            gap: 20px;
        }

        .footer-item {
            font-size: 14px;
        }

/* 右侧浮窗 */
.side{position:fixed;width:78px;right:0;top:70%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#2a82e4;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
/* .side ul li i.bgs1{background-image:url(../images/right_pic5.png)} */
.side ul li i.bgs2{background-image:url(../images/index/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/index/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/index/right_pic1.png)}
/* .side ul li i.bgs5{background-image:url(../images/right_pic3.png)} */
/* .side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)} */
/* .side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)} */
.side ul li:hover i.bgs2{background-image:url(../images/index/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/index/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/index/right_pic1_on.png)}
/* .side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)} */
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#2a82e4;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:140px;display:none;color:#363636;text-align:center;padding-top:140px;position:absolute;left:-140px;top:0;background: url(../images/index/ggerweima.jpg) no-repeat #fff ;
   ;background-position:center center;background-size: 140px 140px;}

 .side ul li.sideetel .telBox.son{width:210px;height:78px;line-height: 78px ;display:none;color:#fff;text-align:center;position:absolute;left:-210px;top:0px;
    background: url(../images/index/tel.svg) no-repeat   #2a82e4;;background-size: 24px 24px;background-position: 30px center;font-size: 15px;font-weight: 600;}
/* .side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px} */
/* .side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410} */
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/index/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}