@charset "utf-8";
  html,body {margin:0; padding:0; border:0; text-align:left; font-size:12px; line-height:1.8em;
    font-family:"Microsoft Yahei"; color:#000;}
* {
  margin: 0;
  list-style: none;
  }

/* 
个人中心左边菜单栏
 */
 .section_a1{
  display: flex;
  justify-content: space-around;
}
.page{
	width: 1250px;
}
.page .nav-left {
	/* position: absolute;
	top: 0; */
	width: 188px;
	background-color: #FFFFFF;
	/* box-shadow: 10px 0px 17px rgba(72, 72, 72, 0.1); */
	transition: all .5s;
	z-index: 100;
	float: left;
	/* overflow: hidden; */
  margin-top: 65px;
}

.page .nav-left .LogoName {
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	font-weight: 700;
	color: #6d61ea;
	letter-spacing: 0.05em;
}

.page .nav-left .navDiv .navName {
	/* padding: 12px 20px !important; */
	letter-spacing: 0.05em;
	font-size: 11px;
	color: #5a5454;
	font-weight: 700;
}

.page .nav-left .navDiv .nav-list ul .a_active {
	/* background-color: #f2f0f8; */
}

.page .nav-left .navDiv .nav-list ul .a_active .active {
	color: rgba(42, 130, 228, 1) !important;
	font-weight: 700;
}

.page .nav-left .navDiv .nav-list ul .nav-tab {
	list-style: none;
  border-bottom: 2px solid rgba(229, 229, 229, 1);
  margin-right: 80px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.page .nav-left .navDiv .nav-list ul .nav-tab .li-a {
	/* padding: 12px 15px 12px 25px !important; */
	text-decoration: none;
	display: block;
	/* padding: 0.65rem 1.5rem; */
	font-size: 20px;
	color: #5a5454;
}

.page .nav-left .navDiv .nav-list ul .nav-tab .li-a .bx {
	font-size: 17px;
	vertical-align: text-top;
	margin-right: 6px;
}

.page .nav-left .navDiv .nav-list ul .nav-tab .nav-box {
	height: 0;
	overflow: hidden;
}

.page .nav-left .navDiv .nav-list ul .nav-show .nav-box {
	height: auto !important;
	/* padding-bottom: 12px; */
  /* padding: 0 10px; */
	transition: all 0.6s;
}

.page .nav-left .navDiv .nav-list ul .nav-show .nav-box a {
	/* padding: 5px 40px !important; */
	text-decoration: none;
	display: block;
	padding: 0.65rem 1.2rem;
	font-size: 15px;
	color: #5a5454;
	transition: all 0.3s;
	margin-left: 0px;
}

.page .nav-left .navDiv .nav-list ul .nav-show .nav-box .active-li-a {
	color: rgba(42, 130, 228, 1) !important;
	font-weight: 700;
}

.page .nav-left .navDiv .nav-list .li-a {
	transition: all 0.8s;
	margin-left: 0px;
  font-weight: 400;
}

.page .nav-right {
	display: flex;
	flex-direction: column;
  height: 100%;
	transition: all .5s;
	z-index: 200;
  width: 1062px;
}

.page .nav-top {
	flex: 1;
	height: 60px;
	width: 100%;
	padding: 20px;
	background-color: #FFFFFF;
	box-shadow: 10px 0px 17px rgba(72, 72, 72, 0.2);
	z-index: 200;
}

/* 
个人资料二级
个人资料二级
个人资料二级
 */
 section{
   width: 100%;
   /* min-width: 1062px; */
 }
.per_a1{
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.data_b2{
  /* width: 1062px; */
  height: 100%;
}
.manage_c3{
  height: 375px;
}
.manage_c3 p{
  padding-top: 65px;
  font-size: 25px;
  margin-bottom: 20px;
}
.manage_c3 .news_hangye{
  width: 1015px;
  border-bottom: 2px solid rgba(229, 229, 229, 1);
}
.manage_c3 ul{
  margin-top: 20px;
  padding: 0;
}
.manage_c3 ul li{
  list-style: none;
  float: left;
  margin-bottom: 23px;
}


.manage_c3 ul li{
  margin-right: 70px;
}
.manage_c3 ul li input{
  width: 220px;
}
.manage_c3 ul li:nth-child(5){
  margin-right: 200px;
}

.groupming{
  display: flex;
}
.groupming label{
  width: 80px;
  font-size: 15px;
  height: 38px;
  line-height: 38px;
  font-weight: 600;
}
.groupname{
  display: flex;
}
.groupname input {
  height: 38px;
  color: #000;
  border: 1px solid #e6e6e6;
  float: left;
}
.groupname .hint {
  color: rgba(212, 48, 48, 1);
  position: relative;
  left: 10px;
  font-size: 20px;
}
/* .manage_c3 ul li:nth-child(4) .groupname input,
.manage_c3 ul li:nth-child(5) .groupname input{
  width: 260px;
} */
/* 身份证上传 */
.identity_b2{
  display: flex;
  margin-bottom: 77px
;
}
.identity_a1 p{
  font-size: 16px;
  margin-bottom: 20px;
}
.identity_a1 .news_hangye{
  width: 1015px;
  border-bottom: 2px solid rgba(229, 229, 229, 1);
  margin-bottom: 42px;
}

.input-group{
  width: 279px;
}
.col-sm-3 label p{
  font-size: 14px;
  text-align: center;
}
.col-sm-9{
  width: 279px;
  height: 168px;
  color: rgba(80, 80, 80, 1);
	background-color: rgba(255, 255, 255, 1);
	border-radius: 3px;
	font-size: 20px;
	line-height: 150%;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
	text-align: center;
}
#preview{
  text-align: center;
}
#preview img{
  margin-top: 30px;
  width: 67px;
  height: 67px;
}
#preview p{
  margin-top: 10px;
  font-size: 16px;
  color: rgba(26, 145, 255, 1);
}
#addCommodityIndex{
  margin-right: 91px;
  margin-left: 5px;
}
/* 保存按钮 */
.baocun button{
  width: 100px;
  height: 42px;
  background-color: rgba(42, 130, 228, 1);
  color: #fff;
  border-radius: 2px;
  border: 1px solid rgba(42, 130, 228, 1);
}


/* 
本月任务二级
本月任务二级
本月任务二级
 */
.daily_training p.on, 
.preJob_training p.on, 
.personalized_training p.on,
.dangerous p.on {
  /* transform: rotate(180deg);
  -webkit-transform: rotate(180deg); */
  color: #fff;
}

.dangqina_c3 p{
  padding-top: 65px;
  font-size: 25px;
  margin-bottom: 20px;
}
.news_hangye{
  width: 100%;
  border-bottom: 2px solid rgba(229, 229, 229, 1);
}
.train_d4{
  margin-top: 28px;
  /* display: none; */
}
.dropdown{
  width: 141px;
  height: 32px;
  margin-right: 30px;
}
.train_e5{
  /* display: flex; */
}
.train_f6{
  display: flex;
  margin-top: 20px;
}
.dangqina_f6{
  float: left;
  margin-bottom: 20px;
}
.dangqina_f6 p{
    font-size: 25px;
    /* margin-left: 50px; */
    margin-bottom: 20px;
}
.choose_area_title{
  width: 120px;
  border: 1px solid rgba(229, 229, 229, 1);
  background-color: #8ABEFF;
  border-radius: 4px;
  margin-right: 20px;
}
.choose_area_title p
{
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  color: rgba(230, 247, 255, 1);
}

.choose_area_title p.on{
  font-size: 14px;
  color: rgba(230, 247, 255, 1);
  background-color: rgba(42, 130, 228, 1);
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
}
.choose_area_title img{
  margin-top: 14px;
  margin-right: 18px;
}
.anqian_title{
  width: 1020px;
  border: 1px solid rgba(229, 229, 229, 1);
  background-color: #8ABEFF;
  border-radius: 4px;
  margin-right: 20px;
  height: 40px;
}
.anqian_title p{
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  color: rgba(230, 247, 255, 1);
}
.anqian_title p.on {
  font-size: 14px;
  color: rgba(230, 247, 255, 1);
  background-color: rgba(42, 130, 228, 1);
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
}
.notice_vid .daily_training_cont{
  width: 1015px;
  background-color: #fff;
  color: #000;
}
.daily_training_cont li{
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  width: 1015px;
  border-bottom: 2px solid rgba(229, 229, 229, 1);
}
.layui-tab .layui-tab-content {
  padding: 0px;
}
.strip_congye{
  display: flex;
  justify-content: space-between;
}
.strip_congyee{
 color: #000;
}

.sttudy{
  width: 79px;
  float: left;
  display: inline-block;
  border-radius: 20px;
  border: 1px #000 solid;
  color: #000;
  text-align: center;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  margin: 10px 0;
  background-color: #fff;
}
.continue_study{
  color: #fff;
  background-color: #1070d0;
}
.huiakn{
  color: #fff;
  background-color: #1070d0;
}
.study_butttem{
  display: flex;
  justify-content: space-around;
}
.pusha1{
  border: 1px solid #c6c6c6;
  padding: 0px 0px;
  background-color: rgba(42, 130, 228, 1);
  border-radius: 20px;
  color: #fff;
  width: 120px;
  height: 36px;
  line-height: 32px;
  font-size: 12px;
  margin-top: 15px;
}
.layui-progress-text{
  position: relative;
  top: -15px;
  right: -35px;
}
.strip_congye p{
  color: #000;
}
.layui-progress{
  width: 220px;
}
.layui-icon-down:before {
  display: none;
  content: "\e61a";
}
.layui-progress .layui-progress-bar{
  margin-top: 15px;
  background-color: #1070d0;
}
.layui-nav .layui-nav-item p {
  display: block;
  /* padding: 0 20px; */
}
.task_yuan{
  width: 350px;
  overflow: hidden;
}
.task_yuan p{
  overflow: hidden;
  text-overflow: ellipsis;
}
.time_yuan{
  width: 135px;
  text-align: left;
  padding-left: 40px;
}
.notice_vid .daily_training_cont .layui-nav-item a{
  color: #000!important;
  font-size: 18px;
  font-weight: 600;
}
/* .layui-nav-itemed>.layui-nav-child{
  padding: 0;
  background-color: rgb(241, 241, 241)!important;
} */

.daily_training_title{
  margin-top: 30px;
}

.video{
  display: flex;
  width: 920px;
}
.video_f6{
  width: 168px;
  height: 99px;

}
.new_info{
  margin-left: 20px;
}
.new_title{
  font-size:15px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px;
  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: 15px;
}
.new_time_content p{
  font-size: 14px;
}
.new_content p{
  font-size: 14px;
  overflow: hidden;
  height: 44px;
  color: #868686;
}
.study_but{
  width: 100px;
}
.study {
  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: 12px;
  margin-bottom: 15px;
}
.change{
  width: 60px;
  height: 25px;
  line-height: 25px;
  color: #000;
  background-color: #c6c6c6;
}


/* 
课程三级
 */
 .middle{
   display: flex;
   justify-content: space-around;
 }
 .curriculum{
   /* width: 1200px; */
 }
 .curriculum_b2{
   display: flex;
   padding-top: 65px;
   border-bottom: 2px solid rgba(229, 229, 229, 1);
 }
 .curriculum_b2 h3{
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 20px;
  margin-left: 90px;
 }
 .curriculum_b2 p{
  border: 1px solid #c6c6c6;
  padding: 0px 10px;
  border-radius: 10px;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  margin-left: 20px;
 }
 .curr_content{
   width: 1200px;
  }
  .curr_contt{
    display: flex;
     justify-content: space-between;
    padding: 20px;
     background-color: #0f0f1e;
   }
   .curr_contt .layui-nav{
     background-color: #0f0f1e;
   }
  .curr_video{
   text-align: center;
   margin-top: 30px;
 }
 .curr_video img{
   /* width: 1020px;
   height: 523px; */
   display: none;
 }
 .brief{
   width: 1020px;
   margin-top: 30px;
   margin-left: 90px;
 }
 .brief ul li{
  min-width: 5px;
  padding: 0 0px;
  margin-right: 30px;
}
.brief ul li p{
  color: #000;
  font-size: 24px;

}
.brief_head {
  border-bottom-width: 0px;
  border-bottom-style: solid;
}
.layui-this .news_brief {
  border-bottom: 2px solid rgba(80, 80, 80, 1);
}
.brief_vid .brief_content li p{
  font-size: 14px;
}
.culum_survey {
  width: 1020px;
  margin-top: 30px;
  margin-left: 90px;
  margin-bottom: 60px;
}
.culum_survey h3{
  color: #000;
  font-size: 24px;
  margin-bottom: 30px;
}
.culum_survey p{
  color: #000;
  font-size: 14px;
}

.notice_head li {
  float: left;
  display: inline-block;
  border-radius: 20px;
  border: 1px #000 solid;
  color: #000;
  text-align: center;
  margin-right: 15px;
  line-height: 25px;
}
.notice_head2 li {
  float: left;
  display: inline-block;
  border-radius: 5px;
  color: #000;
  text-align: center;
  padding: 0px 0px;
  margin-right: 50px;
  margin-bottom: 20px;
  line-height: 40px;
  font-size: 25px;
  font-weight: 600;
}
.notice_head_cuoti li {
  float: left;
  display: inline-block;
  border-radius: 5px;
  background: #8ABEFF;
  color: #fff;
  text-align: center;
  padding: 3px 15px;
  margin-right: 10px;
  margin-bottom: 20px;
  line-height: 40px;
}
.notice_head_cuoti li:nth-child(3){
  margin-right: 700px;
}
.notice_head2{
  /* margin-left: 50px; */
}
.notice .layui-tab-brief>.layui-tab-title .layui-this {
  background: #1070d0;
  color: #fff;
}
.notice .layui-tab-brief .notice_head2 .layui-this {
  color: #1070d0;
}
.layui-tab-brief>.layui-tab-title .layui-this:after,
.layui-tab-brief .notice_head2 .layui-this:after{
  display: none;
}
.layui-tab .layui-tab-title{
  padding-top: 5px;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  padding-bottom: 5px;
}
.zhifufangzhi{
  margin-left: 40px;
}
/* 未完成的时间 */
.train_d4{
  height: 50px;
}
.text_time{
  height: 32px;
}
.user_list{
  line-height: 30px;
}
.ricang>li {
  display: flex;
  margin: 20px 0;
}
.video_f9{
  width: 168px;
  height: 160px;
  overflow: hidden;
}
.study_mokao{
}
.cation-listTwo .act{
  background: #1070d0;
  color: #fff;
}
.cation-listTwo{
  margin-top: 20px;
  overflow: hidden;
  width: 1015px;
}
.cation-listTwo dd {
  /* width: 50px; */
  float: left;
  display: inline-block;
  border-radius: 25px;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  padding: 3px 15px;
 
  margin-bottom: 20px;
}
.cation-listTwo dd:first-child{display: none;}
.cation-listTwo dd:nth-child(2),
.cation-listTwo dd:nth-child(3),
.cation-listTwo dd:nth-child(4),
.cation-listTwo dd:nth-child(5),
.cation-listTwo dd:nth-child(7),
.cation-listTwo dd:nth-child(8),
.cation-listTwo dd:nth-child(9),
.cation-listTwo dd:nth-child(10){
  margin-right: 110px;
}
.cuoti{
  width: 1015px;
}
.cutou_jiaox{
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.cuoti p{
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  width: 300px;
}
.in_for1_shaixuan {
  width: 1015px;
  border-width: 0px;
  border-style: solid;
  border-radius: 2px;
}
.sousuo_for{
  margin: 10px 0;
}
.sousuo_for input{
  width: 300px;
  height: 31px;
  color: #9d9d9d;
  padding-left: 20px;
  border: 1.5px solid #e6e6e6;
  border-radius: 5px;
  background-color: rgba(204, 204, 204, 0.15032679738562094);
}
.sousuo_for button{
  display: inline-block;
  border-radius: 5px;
  border: 1px #fff solid;
  text-align: center;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background-color: #1070d0;
  color: #fff;
  cursor: pointer;
}

.study_cuoti a{
  color: #1070d0;
  margin-right: 30px;
}
.study_cuoti button{
  display: inline-block;
  border-radius: 20px;
  border: 1px #000 solid;
  color: #000;
  text-align: center;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  margin: 10px 0;
  background-color: rgb(250, 77, 77);
  color: #fff;
  cursor: pointer;
}
.notice_head li:nth-child(3){
  /* display: none; */
}
/* 推送学时 */
.push{
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 400px;
  height: 210px;
  margin-left: -215px;
  margin-top: -280px;
  background-color: #f5f6fa;
  z-index: 1006;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  border: 1px solid #f5f6fa;
  padding: 0px 0px;
  border-radius: 10px;
  /* color: #fff; */
}
.close:before {
  content: "\2716";
  font-size: 30px;
  float: right;
  color: #fff;
}
.push_conf{
  text-align: center;
  height: 200px;
  line-height: 60px;
}
.push_tit{
  font-size: 25px;
  color: #fff;
  margin-top: 22px;
  margin-left: 20px;
}
.push_xiala{
  width: 250px;
  height: 30px;
}
.formation{
  border-radius: 20px;
  border: 1px #000 solid;
  color: #fff;
  text-align: center;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  background-color: red;
  width: 100px;
  height: 30px;
}
.push_succeeOn{
  height: 210px;
}
.push_succeeOn p{
  font-size: 25px;
  margin-top: 50px;
}
.confirmation{
  margin-top: 40px;
}
.push_failedOut{
  width: 250px;
  margin-top: 20px;
  height: 160px;
  line-height: 45px;
  margin-left: 70px;
}
.push_failedOut h3{
  font-size: 25px;
}
.push_anniu{
  display: flex;
  justify-content: space-between;
}
.cont_vico{
  width: 900px;
}
.cont_vicocc img{
  width: 900px;
}
.cont_vico img{
  width: 900px;
  display: none;
}
.cont_wenzi{
  width: 300px;
  height: 525px;
  overflow: auto;
  margin-left: 20px;
}
.cont_wenzi .training_cont{
  width: 279px;
  /* background-color: #fff; */

}
.cont_wenzi .training_cont a{
  /* color: #000!important; */
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 15px;
}
.titit{
  border: 1px solid #3c3c3c;
}
.task_ksih{
  display: flex;
  justify-content: space-around;
  float: left;
}
.option p{
  color: #999;
}
.wh_yuns{
  overflow: hidden;
  /* width: 180px; */
  width: 250px;
  float: left;
  text-overflow:ellipsis;
  white-space:nowrap; 
}
/* .wh_yuns:hover{
  overflow: hidden;
  z-index: 99;
  width: 100%;
  color: red;
} */
.cont_wenzi .layui-nav-tree .layui-this>a:hover{
  background-color: #1070d0;
}
.cont_wenzi .layui-nav-tree .layui-this{
  background-color: #1070d0;
}
.cont_wenzi .layui-nav-tree .layui-this>a{
  background-color: #1070d0;
}
.cont_wenzi .layui-nav-tree .layui-this>a p{
  color: #fff;
}
.pay{
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 400px;
  margin-left: -280px;
  margin-top: -340px;
  background-color: #1070d0;
  z-index: 6;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  border: 1px solid #1070d0;
  padding: 0px 20px;
  border-radius: 10px;
}
.pay h3{
  color: #fff;
  margin-top: 20px;
  font-size: 22px;
}
.pay_ice{
  background-color: #f5f6fa;
}
.invoice .invoice_this{
  display: flex;
  color: #fff;
  padding: 0px;
  margin-left: 25px;
}
.invoice{
  width: 340px;
  display: flex;
  justify-content: space-between;
  margin-left: 10px;
}
.pay .layui-tab-brief>.layui-tab-title .layui-this {
  color: #fff;
}
.invoice_this label{
  /* margin-top:-15px; */
}
.training_cont{
  /* text-align: center; */
  color: #fff;
  font-size: 18px;
}
.not_vid{
  display: none;
}
.training_contttt p{
  /* text-align: center; */
  color: #000;
  font-size: 18px;
}
.tianxie{
  font-size: 15px;
}
.zhifubao{
  position: relative;
  top: -40px;
  left: 230px;
}
.zhifubao .invoice_this{
  display: flex;
  color: #fff;
  font-size: 18px;
}
.training_vid{
  width: 400px;
}
.training_cont li img{
  width: 100px;
}
.wei_erwei{
  /* display: flex;
  justify-content: space-around; */
}
.wei_erwei img{
  width: 200px;
  height: 200px;
  padding: 10px;
}
.money {
  width: 100px;
  display: inline-block;
  border-radius: 20px;
  border: 1px #1070d0 solid;
  color: #1070d0;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 10px 0;
  background-color: #fff;
}
/* .dizhi{
  width: 300px;
  display: flex;
  justify-content: space-between;
  margin-left: 65px;
}
.dizhi p{
  width: 55px;
}
.dizhic3{
  margin-left: 65px;
  margin-top: 10px;
}
.dizhic3 input{
  width: 295px;
  height: 30px;
} */
.xing_name,.dian_iphone,.dizhic3{
  width: 300px;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  /* margin-left: 65px; */
}
.drai_cont{
  /* width: 400px; */
  display: flex;
  justify-content: space-around;
}
.xing_name p,.dian_iphone p,.dizhic3 p{
  width: 55px;
}
.xing_name input,.dian_iphone input,
.dizhic3 input{
  width: 245px;
  height: 30px;
}
.pay_xiala{
  width: 80px;
}

.zhifufangzhi .layui-tab {
  text-align: center!important;
}
.before{
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  /* width: 700px; */
  margin-left: -365px;
  margin-top: -390px;
  background-color: #fcfcfc;
  z-index: 1006;
  /* text-align: center; */
  font-size: 16px;
  line-height: 40px;
  /* border: 1px solid #1070d0; */
  padding: 0px 20px;
  border-radius: 10px;
}
.before h3{
  /* color: #fff; */
  margin-top: 10px;
  font-size: 22px;
}
.before .zhifu .layui-tab-brief>.layui-tab-title .layui-this {
  border: 1px solid red;
  border-radius: 5px;
  padding: 0px;
}
.invoice_this button{
  border: 1px solid #fff;
  background-color: #fff;
  padding: 0px;
  border-radius: 5px;
  width: 120px;
  font-size: 15px;
}
.invoice_this button img{
  width: 16px;
}
.kecheng{
  display: flex;
  background-color: #f5f6fa;
}
.kecheng img{
  padding: 10px;
  width: 252px;
  height: 152px;
}
.kecheng p{
  width: 425px;
  height: 40px;
  overflow: hidden;
}

.fapiaoxun ul.faxun li{
  display: flex;
  /* height: 80px; */
}
.faxun{
  height: 80px;
}
.faxun li p{
  font-size: 18px;
}
.fapiaoxun ul.faxun li input{
  margin-right: 10px;
  height: 40px;
}
.fapiaoxun ul.faxun li:first-child{
  margin-left: 50px;
  color: #000;
}
.fapiaoxun ul.faxun li:nth-child(2){
  margin-left: 50px;
  color: #000;
}
.yuefenone,.yuefen,.yuefen_erji {
  border-bottom: 1px solid #000;
}
.notice_vid .dailycont .layui-nav-item a.yuefenone,
.notice_vid .dailycont .layui-nav-item a.yuefen_erjione{
  font-weight: 100;
}
.wraing .layui-nav-itemed>.layui-nav-child {
  background-color: rgb(255, 255, 255)!important;
}
.daily_training_cont .layui-nav-itemed>.layui-nav-child {
  background-color: rgb(241, 241, 241)!important;
}
.wraing_cont .layui-nav-itemed>.layui-nav-child {
  padding: 0;
  background-color: rgb(241, 241, 241)!important;
}
.second {
  background-color: rgb(255, 255, 255)!important;
}

.layui-nav-itemed>.monhhh {
  background-color: rgb(255, 255, 255)!important;
}
.month .wraing_cont{
  width: 916px;
}
.wraing_cont{
  background-color: #393D49;
  width: 960px;
  margin-left: 50px;
}
.wraing_continue{
  background-color: #393D49;
  width: 960px;
}
.wraing{
  background-color: #FFFFFF;
  width: 965px;
  margin-left: 50px;
}
.notice_vid .wraing_cont .layui-nav-item a {
  color: #000!important;
  background-color: #FFFFFF;
}
.news_hangye_erji {
  width: 915px;
  border-bottom: 2px solid rgba(229, 229, 229, 1);
}
.layui-nav-itemed>.month {
  background-color: rgb(255, 255, 255)!important;
}
.layui-nav-bar{
  display: none;
}
.dailycont li {
  /* margin-top: 30px; */
  display: flex;
  justify-content: space-between;
  width: 1015px;
  border-bottom: 0px solid rgba(229, 229, 229, 1);
}
.notice_vid .dailycont .layui-nav-item a {
  color: #000!important;
  font-size: 18px;
  font-weight: 600;
}
.notice_vid .dailycont .layui-nav-item a p {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  float: left;
  margin-right: 20px;
}

.notice_vid .dailycont {
  width: 1015px;
  background-color: #fff;
  color: #000;
}
.wenda{
  width: 1015px;
}
.wenda dl dt{
  font-size: 18px;
  padding: 20px 0;
  color: #1070d0;
}
.answer span{
  overflow: hidden;
  width: 800px;
}
.answer div{ 
  width: 1015px;
  display: flex;
  justify-content: space-between;
  background-color: rgb(218, 218, 218);
  padding: 10px 0;
}
/* 答题解析 */
.examination {
  width: 100%;
  min-width: 1015px;
  height: 100%;
  display: flex;
  justify-content: space-around;
}
.exam_conter {
  width: 1015px;
}
.exam_ming {
  display: flex;
  justify-content: space-around;
}
.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;
}
.answer_ect {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.choice {
  display: flex;
  margin-top: 20px;
}
.answer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.answer_ect p{
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.single_choice p{
  background-color: #1070d0;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}
.choice_qoe{
  display: flex;
}
.choice_qoe input{
  height: 30px;
}
.choice_qoe p{
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.video_for{
  width: 168px;
}
.choose_cont{
  display: flex;
  justify-content: space-between;
  width: 1015px;
}
.studydd{
  height: 151px;
  line-height: 151px;
}
.studydd button{
  border: 1px solid #c6c6c6;
  background-color: rgba(42, 130, 228, 1);
  border-radius: 3px;
  color: #fff;
  width: 100px;
  height: 36px;
  line-height: 32px;
  font-size: 12px;
}
.choose_area_cont ul li {
  display: flex;
  justify-content: space-between;
  width: 1015px;
  border-bottom: 2px solid rgba(229, 229, 229, 1);
  padding: 20px 0;
}
.user_listto{
  height: 150px;
  line-height: 50px;
}

.search_s2{
  margin-top: 20px;
}
.search_s2 input{
  width: 170px;
  height: 31px;
  color: #9d9d9d;
  padding-left: 20px;
  border: 1.5px solid #e6e6e6;
  background-color: rgba(204, 204, 204, 0.15032679738562094);
}
.search_aa {
  position: relative;
  left: -330px;
  top: -25px;
  display: flex;
  justify-content: space-around;
}
.amount_money{
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.amount_money p{
  font-weight: 600;
  line-height: 50px;
  margin-right: 20px;
}
.amount_money span{
  color: red;
}
.money_for1 {
  display: flex;
}
.money_for1 button ,.amount_money button{
  width: 100px;
  display: inline-block;
  border-radius: 20px;
  border: 1px red solid;
  color: #fff;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 10px 0;
  background-color: red;
  cursor: pointer;
}
.a123456{
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 99;
  background-color: rgb(0, 0, 0);
  opacity: 0.55;
  position: fixed;
  display: none;
}

/* 网上学习证明 */
.online{
  display: flex;
  justify-content: space-around;
}
.online_learning{
  background: url(../images/biankuang.png) no-repeat;
  width: 700px;
  padding: 100px 0px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-size: 700px;
  height: 985px;
}
.online_learning h1{
  text-align: center;
}
.certificate_head{
  display: flex;
  justify-content: space-between;
}
.certificate{
  padding: 0 65px;
  margin-top: 20px;
}
.certificate p{
  font-size: 15px;
  margin-bottom: 5px;
}
.ficate_tu{
  display: flex;
  justify-content: space-around;
  padding: 20px 95px 20px 0px;
}
.ficate_tu img{
  width: 100px;
  height: 120px;
}
.certificate_zhang {
  margin-left: 415px;
  height: 110px;
  width: 235px;
}
.certificate_zhang img{
  position: absolute;
  z-index: 9;
  width: 100px;
  margin-left: 130px;
}
.certificate_zhang p{
  position: relative;
  z-index: 99;
  float: right;
  font-size: 15px;
  margin-top: 15px;
}
.contract{
  padding: 0 60px;
}
.contract h1{
  text-align: center;
  margin-bottom: 20px;
}
.contract p{
  font-size: 15px;
  margin-bottom: 5px;
}
.contract ul{
  float: right;
  margin-top: 20px;
}
.close123:before {
  content: "\2716";
  font-size: 20px;
  float: right;
}

.passenger{
  display: flex;
}
.notice_vid .dailycont .layui-nav-item a p.color_up{
  color: #fff;
  width: 60px;
  height: 30px;
  border-radius: 8px;
  line-height: 30px;
  text-align: center;
  margin-top: 5px;
  font-weight: 100;
  font-size: 15px;
}
.notice_vid .dailycont .layui-nav-item a .red{
  /* background-color: #1070d0; */
  background-color: red;
}
.notice_vid .dailycont .layui-nav-item a .blue{
  background-color: blue;
}
.rise{
  display: flex;
  margin-left: 65px;
}
.rise p{
  height: 30px;
  line-height: 30px;
}
.rise input{
  width: 290px;
  height: 30px;
}
.city_s1{
  margin-left: 20px;
  margin-top: 15px;
}
.city_s1 select {
  width: 170px;
  height: 31px;
  /* color: #9d9d9d; */
  padding-left: 20px;
  border: 1.5px solid #e6e6e6;
  background-color: rgba(204, 204, 204, 0.15032679738562094);
}
.tips p{
  color: red;
  font-weight: 600;
  /* font-size: 18px; */
  text-shadow: -0.5px 0 #fff, 0 0.5px #fff, 0.5px 0 #fff, 0 -0.5px #fff;
}
.tipsdian{
  color: #3dbbf3;
}

/* 安管考核课程 */
.lianglei_curriculum{
  display: flex;
  /* justify-content: space-between; */
  margin-top: 25px;
}
.curriculum_picture{
  width: 300px;
  height: 170px;

}
.curriculum_article{
  width: 720px;
  margin-left: 40px;
}
.article_world{
  height: 200px;
}
.article_world p{
  color: #000;
  font-size: 18px;
  line-height: 2;
}
.article_button{
 display: flex;
 justify-content: space-around;
}
.notice .daily_training_cont{
  color: #000;
  padding: 0 20px;
  width: 100%;
  background-color: #fff;
}
.notice .daily_training_cont li{
  margin-top: 10px;
}
.notice .layui-nav-tree .layui-nav-item>a{
  color: #000!important;
  font-size: 18px;
  font-weight: 600;
}
.return_study{
  padding-top: 20px;
  display: flex;
  justify-content: center;
}
.incom_curr{
  display: none;
  position: fixed;
  left: 200px;
  top: 218px;
  /* margin-left: -365px;
  margin-top: -390px; */
  background-color: #fcfcfc;
  z-index: 1006;
  font-size: 16px;
  line-height: 40px;
  padding: 20px;
  border-radius: 10px;
  width: 500px;
}
.incom_content{
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.incom_click{
  display: flex;
  justify-content: space-around;
  padding: 20px 0;
}

/* 包年包月 */
.before .baonian .layui-tab-brief>.layui-tab-title .layui-this {
  border: 1px solid red;
  border-radius: 5px;
  padding: 0px;
}
.invoice2{
  display: flex;
  padding: 5px 0;
}
.invoice2 button {
  border: 1px solid #fff;
  background-color: #fff;
  padding: 0px;
  border-radius: 5px;
  width: 120px;
  height: 38px;
  font-size: 15px;
}
.invoice2 .chance{
  border: 1px solid red;
  border-radius: 5px;
  padding: 0px;
}
.payment2{
  margin-left: 35px;
}
.payment3{
  margin-left: 30px;
}
.kaoshiAB{
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin-top: 20px;
}
.kaoshiAB .layui-this,
.kaoshiAB .layui-this>a{
  background-color: #fff;
}
.kaotiAB_a1{
  display: flex;
  justify-content: space-around;
}
.kaotiAB_b2{
  width: 950px;
}
.Reminder{
  /* display: none; */
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -365px;
  margin-top: -170px;
  background-color: #fcfcfc;
  z-index: 1006;
  font-size: 16px;
  line-height: 40px;
  padding: 0px 20px;
  border-radius: 10px;
  width: 500px;
}
.Remin_der{
  padding: 20px;
}
.Remin_click{
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}
.One,.Two,.Three,.Four,.Five,.Six{
  display: none;
}

.study_mokao a p{
  border: 0px solid rgba(42, 130, 228, 1);
  border-radius: 5px;
  color: #fff;
  width: 130px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  background-color: rgba(42, 130, 228, 1);
}
.test_paper{
  display: flex;
  justify-content: space-between;
  width: 1060px;
}
.Test{
  width: 400px;
  height: 180px;
  border: 2px solid rgba(42, 130, 228, 1);
}
.Test h1{
  text-align: center;
  padding: 30px;
  font-weight: 600;
  font-size: 25px;
  margin-top: 10px;
}
.test_set{
  display: flex;
  justify-content: space-around;
}
.test_set a{
  border: 0px solid rgba(42, 130, 228, 1);
    border-radius: 5px;
    color: #fff;
    width: 110px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background-color: rgba(42, 130, 228, 1);
}

/* .ricang{
  display: flex;
  justify-content: space-around;
  background-color: #f5f9fe;
}
.layui-collapse {
  display: flex;
  height: 65px;
  border-width: 0px;
  position: relative;
  z-index: 3;
}
.layui-collapse .layui-colla-item {
  border-top-width: 0px;
}
.layui-colla-item .layui-colla-title {
  color: #000;
  border: 0px;
  background-color: #e6e6e6;
  height: 50px;
  width: 400px;
  line-height: 26px;
  border-radius: 5px;
  padding: 0px;
}
.layui-colla-content {
  background-color: #fff;
  z-index: 3;
  border-radius: 10px;
  opacity: 0.95;
  margin-top: 5px;
  padding: 0;
  border-color: #fff;
}
.layui-colla-icon{
  display: none;
}
.layui-colla-item img{
  float: right;
    margin-top: 10px;
    margin-right: 12px;
} */
.iden_information{
  display: flex;
  justify-content: space-around;
  margin-bottom: 30px;
}
.iden_information p{
  font-size: 15px;
  color: #000;
  line-height: 1.5;
}
.user_list li,.kaotest{
  display: flex;
}
.user_list li:first-child,
.user_list li:nth-child(2),
.user_list li:nth-child(3){
  margin-bottom: 16px;
}
.user_list li a{
  border: 0px solid rgba(42, 130, 228, 1);
    border-radius: 5px;
    color: #fff;
    width: 190px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    /* background-color: rgba(42, 130, 228, 1); */
}
.video_f10{
  width: 168px;
  height: 210px;
  overflow: hidden;
  margin-left: 90px;
  margin-right: 20px;
}
.kaotest p{
  margin: 0 15px;
}
.model a{
  background-color: #03b185;
}
.formal a{
  background-color: rgba(42, 130, 228, 1);
}
.test_beijing{
  background-color: #f5f9fe;
  padding-bottom: 35px;
  margin-bottom: 10px;
}
.test_beijing2 ul li{
  margin-top: 10px;
}
.test_get {
  height: 15px;
  background-image: linear-gradient(to bottom, #1c7ce7,rgba(42, 130, 228, 0));
  background-size: cover;
  position: relative;
  z-index: 1;
  margin-bottom: 35px;
}
.category{
  display: flex;
}
.category_tit{
  width: 170px;
  height: 31px;
  padding-left: 10px;
  border: 1.5px solid #e6e6e6;
}