body {
	overflow: hidden;
}

.index_box {
	width: 100%;
}

.index_box .container {
	background: #ffffff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
/* 首页banner */
.swiper-container {
	width: 100%;
	height: 20.16vw;
}

.swiper-container  .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 20.16vw;
}

.swiper-container  .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%;;
}

.swiper-pagination li {
	width: 0.6vw;
	height: 0.6vw;
	border-radius: 50%;
	background-color: #ffffff;
}
/* 首页内容 */
.container_box1 {
	width: 70.5vw;
	/* background: red; */
	height: 18vw;
	margin-top: 2.5vw;
	display: flex;
}
/* 通知公告样式 */
.container_box1 .box1_left {
	width: 38.18vw;
	height: 13.85vw;
	/* background: yellow; */
}

.container_box1 .box1_left .box1_left_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.container_box1 .box1_left .box1_left_top .news {
	height: 2.7vw;
	display: flex;
	width: 30vw;
	align-items: center;
}

.container_box1 .box1_left .box1_left_top .news div {
	width: 8.75vw;
	height: 2.4vw;
	line-height: 2.7vw;
	color: #555555;
	font-size: 0.94vw;
	text-align: center;
	border-bottom: #006ac3 solid 0.3vw;
	letter-spacing: 0.1vw;
	cursor: pointer;
}
/* 公用的.tit类名样式 */
.tit {
	width: 8.75vw;
	height: 2.7vw;
	line-height: 2.7vw;
	color: #fffefe;
	font-size: 0.94vw;
	text-align: center;
	background-color: #006ac3;
	border-top-left-radius: 0.26vw;
	border-top-right-radius: 0.26vw;
	letter-spacing: 0.1vw;
}

.container_box1 .box1_left .box1_left_top .more {
	height: 2.4vw;
	line-height: 2.7vw;
	width: 11vw;
	text-align: right;
	color: #555555;
	font-size: 0.73vw;
	letter-spacing: 0.2vw;
	border-bottom: #006ac3 solid 0.3vw;
	padding-right: 2.5vw;
	cursor: pointer;
}

.container_box1 .box1_left .box1_left_text ul {
	margin-top: 1vw;
}

.container_box1 .box1_left .box1_left_text ul li {
	/* background: pink; */
	height: 1.98vw;
	border-bottom: solid 0.05vw #c9c9c9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.73vw;
	color: #555555;
	padding-right: 0.5vw;
	cursor: pointer;
}

.container_box1 .box1_left .box1_left_text ul li a {
	text-decoration: none;
	display: inline-block;
}

.container_box1 .box1_left .box1_left_text ul li a .tip {
	background: url('../image/index/ico.png') no-repeat;
	background-size: 0.47vw 0.63vw;
	background-position: 1.25vw 0.19vw;
	padding-left: 2.35vw;
	width: 19vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.container_box1 .box1_left .box1_left_text ul li .timer {
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* 培训流程 */
.container_box1 .box1_right {
	width: 21.56vw;
	/* height: 10.99vw; */
	/* background: pink; */
	margin-left: 2.1vw;
}

.step-img {
	width: 32.21vw;
}

.container_box1 .box1_right .box1_right_top {
	overflow: hidden;
}

.container_box1 .box1_right .box1_right_top div {
	float: left;
}

.container_box1 .box1_right .box1_right_top .line {
	height: 2.4vw;
	border-bottom: #006ac3 solid 0.3vw;
	width: 22.07vw;
}

.container_box1 .box1_right .box1_right_bottom {
	/* background: red; */
	height: 3.65vw;
	line-height: 3.35vw;
	display: flex;
	padding-left: 1vw;
	margin-top: 2.5vw;
}

.container_box1 .box1_right .box1_right_bottom li {
	width: 2.66vw;
	height: 0.1vw;
}

.container_box1 .box1_right .box1_right_bottom li img {
	width: 100%;
	height: 100%;
}

.container_box1 .box1_right .box1_right_bottom .pic {
	width: 3.65vw;
	height: 3.65vw;
}

.container_box1 .box1_right .box1_right_bottom .pic img {
	width: 100%;
	height: 100%;
}

.container_box1 .box1_right .box1_right_text {
	display: flex;
	justify-content: space-between;
	margin-top: 0.8vw;
}

.container_box1 .box1_right .box1_right_text li {
	width: 5.6vw;
	text-align: center;
	font-size: 0.82vw;
	color: #555555;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* box2样式开始 */
.container_box2 {
	width: 70.5vw;
	/* height: 22.66vw; */
	/* background: red; */
	margin-top: 0.5vw;
	display: flex;
	justify-content: space-between;
}

.container_box2 .box2_left {
	width: 46.77vw;
	/* height: 17.66vw; */
	/* background: pink; */
}

.container_box2 .box2_left .box2_left_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.container_box2 .box2_left .box2_left_top .news {
	height: 2.7vw;
	display: flex;
	width: 30vw;
	align-items: center;
	border-bottom: #006ac3 solid 0.3vw;
}

.container_box2 .box2_left .box2_left_top ul {
	/* width: 21.25vw; */
	display: flex;
}

.container_box2 .box2_left .box2_left_top ul li {
	float: left;
	/* width: 33.33%; */
	text-align: center;
	color: #006ac3;
	height: 2.7vw;
	line-height: 2.7vw;
	cursor: pointer;
	font-size: 0.83vw;
	padding: 0 20px;
	position: relative;
	top: 3px;
}

.container_box2 .box2_left .box2_left_top .more {
	height: 2.7vw;
	line-height: 2.7vw;
	width: 15vw;
	text-align: right;
	color: #555555;
	font-size: 0.73vw;
	letter-spacing: 0.2vw;
	border-bottom: #006ac3 solid 0.3vw;
	padding-right: 2.5vw;
	cursor: pointer;
}

.container_box2 .box2_left .pic_box {
	width: 46.77vw;
	/* height: 15.39vw; */
	/* background: red; */
	margin-top: 1.5vw;
	display: flex;
	flex-wrap: wrap;
}

.container_box2 .box_item {
	margin: 20px 0;
}

.container_box2 .box2_left .pic_box a {
	width: 10.18vw;
	cursor: pointer;
	margin: 0.8vw 0.7vw;
}

.container_box2 .box2_left .pic_box a img {
	width: 10.18vw;
	height: 5.49vw;
}

.container_box2 .box2_left .pic_box a span {
	width: 10.18vw;
	height: 1.2vw;
	line-height: 1.2vw;
	font-size: 0.83vw;
	color: #555555;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.container_box2 .box2_left .pic_box a ul {
	/* background: red; */
	width: 10.18vw;
	display: flex;
	justify-content: space-between;
	font-size: 0.63vw;
	color: #999999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.container_box2 .box2_right {
	width: 21.56vw;
	/* height: 17.45vw; */
	/* background: pink; */
}

.container_box2 .box2_right .box2_right_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.container_box2 .box2_right .box2_right_top .news {
	height: 2.7vw;
	display: flex;
	width: 21.56vw;
	align-items: center;
}

.container_box2 .box2_right .box2_right_top ul {
	overflow: hidden;
	width: 4.25vw;
	/* background: yellow; */
}

.container_box2 .box2_right .box2_right_top ul li {
	float: left;
	width: 100%;
	text-align: center;
	color: #006ac3;
	border-bottom: #006ac3 solid 0.3vw;
	height: 2.4vw;
	line-height: 2.7vw;
	cursor: pointer;
	font-size: 0.83vw;
}

.container_box2 .box2_right .box2_right_top .more {
	height: 2.4vw;
	line-height: 2.7vw;
	width: 15vw;
	/* background: red; */
	border-bottom: #006ac3 solid 0.3vw;
}

.container_box2 .box2_right .lesson {
	margin-top: 0.5vw;
}

.container_box2 .box2_right .lesson li {
	height: 1.3vw;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-around;
	cursor: pointer;
	color: #555555;
    padding-left: 0.3vw;
}

.container_box2 .box2_right .lesson li img {
	width: 1.2vw;
	height: 1.46vw;
}

.container_box2 .box2_right .lesson li span {
	width: 20vw;
	/* background: red; */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.73vw;
	color: #555555;
}

.container_box2 .box2_right .lesson li span a {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 2px;
}

.container_box2 .box2_right .lesson li .p1 {
	color: #f39800;
}

.container_box2 .box2_right .lesson li em {
	color: #888888;
}

.container_box2 .box2_right .lesson li div {
	width: 1.09vw;
	height: 1.09vw;
	border-radius: 50%;
	border: solid 0.05vw #888888;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.73vw;
	color: #888888;
}
/* 学习光荣榜 */
.container_box2 .box2_right .list {
	margin-top: 1vw;
}

.container_box2 .box2_right .list li {
	height: 1.8vw;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-around;
	cursor: pointer;
	font-size: 0.73vw;
	color: #555555;
	padding-left: 0.6vw;
	padding-right: 0.5vw;
}

.container_box2 .box2_right .list img {
	width: 1.2vw;
	height: 1.46vw;
}

.container_box2 .box2_right .list .span_fir {
	width: 3vw;
	margin-left: 2.6vw;
}

.container_box2 .box2_right .list .span_sec {
	width: 6vw;
	margin-left: 2vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.container_box2 .box2_right .list li .p1 {
	color: #f39800;
}

.container_box2 .box2_right .list li em {
	color: #888888;
}

.container_box2 .box2_right .list li div {
	width: 1.09vw;
	height: 1.09vw;
	border-radius: 50%;
	border: solid 0.05vw #888888;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.73vw;
	color: #888888;
}
/* 计划完成统计样式 */
.container_box2 .box2_right .echart {
	width: 21.56vw;
	height: 14vw;
	background: pink;
	margin-top: 1.5vw;
}
/* 计划完成排行样式 */
.container_box2 .box2_right .echart2 {
	width: 21.56vw;
	height: 14vw;
	background: yellow;
	margin-top: 1.5vw;
}
/* 常见问题 */
.container_box2 .box2_right .q_list {
	margin-top: 1vw;
}

.container_box2 .box2_right .q_list li a {
	text-decoration: none;
}

.container_box2 .box2_right .q_list li a span {
	width: 19vw;
	height: 1.98vw;
	line-height: 1.98vw;
	font-size: 0.73vw;
	display: inline-block;
	background: url('../image/index/ico.png') no-repeat;
	background-size: 0.47vw 0.63vw;
	background-position: 1.25vw 0.69vw;
	padding-left: 2.35vw;
	border-bottom: solid 0.05vw #c9c9c9;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.container_box1 .box1_right .box1_rigth_text2 ul {
	margin-top: 1vw;
}

.container_box1 .box1_right .box1_rigth_text2 ul li {
	/* background: pink; */
	height: 1.98vw;
	border-bottom: solid 0.05vw #c9c9c9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.73vw;
	color: #555555;
	padding-right: 0.5vw;
	cursor: pointer;
}

.container_box1 .box1_right .box1_rigth_text2 ul li a {
	text-decoration: none;
	display: inline-block;
}

.container_box1 .box1_right .box1_rigth_text2 ul li a .tip {
	background: url('../image/index/ico.png') no-repeat;
	background-size: 0.47vw 0.63vw;
	background-position: 1.25vw 0.19vw;
	padding-left: 2.35vw;
	width: 19vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.container_box1 .box1_right .box1_rigth_text2 ul li .timer {
	width: 6vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.check-box {
	width: 21.56vw;
	height: 4vw;
	/* background: #ecf4fa; */
	background: url(../image/check_box_bg.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	display: flex;
	padding-top: 0.8vw;
	margin-bottom: 0.6vw;
}

.check-box .avatar {
	width: 5vw;
	height: 5vw;
	background: #eee;
	border-radius: 50%;
	margin: 3vw 0 1.5vw;
	position: relative;
	z-index: 10;
}

.check-box-btn {
	padding: 8px 15px;
	background: #2b60bf;
	border: 0;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
	outline: none;
	position: relative;
	z-index: 10;
	margin-top: 0.8vw;
}

.check-box-info {
	width: 100%;
	height: 4vw;
	background: #2b60bf;
	display: flex;
	position: absolute;
	z-index: 10;
	bottom: 0; 
	left: 0;
	
}

.check-box-info-item {
	width: 33%;
	color: #fff;
	border-right: 1px solid #578ed1;
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.check-box-info-item p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 10;
}

.check-box-userinfo {
	display: flex;
	justify-content: center;
	align-items: center;
}

.check-box-userinfo-info {
	text-align: center;
	color: #016bc3;
	font-weight: bold;
}

.check-box-userinfo-info .avatar {
	margin: 2vw 0 0.2vw;
}

.check-box-userinfo-btnbox {
	/*
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-center: center;
	*/
	margin-top: 0.3vw;
}

.check-box-userinfo-btnbox button {
	border: none;
	padding: 5px 1vw;
	background: #016bc3;
	color: #fff;
	margin: 5px 0;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
}
.check-box-userinfo-btnbox button:hover{
	background: #549fdd;
}

.ztpx-list{
	margin-top: 0.5vw;
}
.ztpx-list .ztpx-item{
	margin: 0 auto 0.4vw auto; /* .4vw */
	width: 20.6vw;
	height: 2.8vw;
	line-height: 3.6vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-left: 1vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
}