/* 幻灯片 */
	.training-video-banner{
		width: 100%;
	}
	
	.training-video-banner img{
		width: 100%;
		height: 100%;
	}

/* 内容 */
	.training-video-content-wrapper{
		width: 100%;
		padding: 2.102% 0% 3.679%;
		background-color: rgba(244, 248, 251, 1);
	}
	
	.training-video-content-wrapper .training-video-content{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	/* 侧边栏 */
	.training-video-content-wrapper .training-video-content .side-bar{
		width: 21.250%;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, 1);
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .title{
		width: 100%;
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		padding: 7.353% 0% 5.883%;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .title::after{
		content: "";
		width: 100%;
		display: block;
		padding: 0.442% 0%;
		background: linear-gradient(to left, rgba(28, 31, 134, 1) , rgba(66, 93, 200, 1));
		position: absolute;
		bottom: 0%;
	}

	.training-video-content-wrapper .training-video-content .side-bar .title .icon{
		width: 55px;
		height: 55px;
		margin-right: 8.824%;
		border-radius: 32.5px;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 
		5px 5px 5px rgba(247, 247, 247, 1),
		5px -5px 5px rgba(247, 247, 247, 1),
		-5px 5px 5px rgba(247, 247, 247, 1),
		-5px -5px 5px rgba(247, 247, 247, 1);
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .title .icon img{
		width: 100%;
		height: 100%;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .title .text{
		line-height: 1;
		font-size: 26px;
		color: rgba(10, 10, 10, 1);
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown{
		width: 100%;
		padding: 11.765% 0%;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu{
		width: 90%;
		margin: 0 auto;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text{
		display: flex;
		padding: 4.902%;
		border-radius: 5px;
		align-items: center;
		padding-left: 8.498%;
		justify-content: space-between;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .name{
		display: flex;
		width: 90%;
		font-size: 16px;
		align-items: center;
		color: rgba(17, 17, 17, 1);
		justify-content: flex-start;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .name .icon{
		width: 14.676%;
		margin-right: 8.386%;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .name .icon img{
		width: 100%;
		height: 100%;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .name .icon .image-when-selected{
		display: none;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .name .icon .image-when-not-selected{
		display: block;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .arrow{
		width: 10%;
		text-align: center;
		transition: all .2s;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .arrow span{
		font-size: 18px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .sub-menu{
		display: none;
		width: 60.458%;
		margin: 8.170% auto;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .sub-menu .menu-item a{
		width: 100%;
		line-height: 1;
		display: block;
		font-size: 16px;
		padding: 5.406% 0%;
		position: relative;
		text-align: center;
		color: rgba(127, 127, 127, 1);
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .sub-menu .menu-item a::after{
		content: "";
		width: 0.541%;
		display: block;
		background: rgba(127, 127, 127, 1);
		position: absolute;
		top: 0%;
		left: 0%;
		bottom: 0%;
	}
	
	/* 二维码 */
	.training-video-content-wrapper .training-video-content .side-bar .qr-code{
		width: 100%;
		padding: 10.295% 0% 20.589%;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .qr-code .image{
		width: 50%;
		margin: 0 auto;
		box-shadow:
		5px 5px 5px rgba(247, 247, 247, 1),
		5px -5px 5px rgba(247, 247, 247, 1),
		-5px 5px 5px rgba(247, 247, 247, 1),
		-5px -5px 5px rgba(247, 247, 247, 1);
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .qr-code .image img{
		width: 100%;
		height: 100%;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .qr-code .text{
		width: 100%;
		line-height: 1;
		font-size: 16px;
		text-align: center;
		margin-top: 5.883%;
		color: rgba(4, 4, 4, 1);
	}
	
	/* 内容 */
	.training-video-content-wrapper .training-video-content .content-wrapper{
		width: 76.250%;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .tab{
		display: grid;
		padding: 0.615%;
		border-radius: 5px;
		grid-template-columns: repeat(8, 1fr);
		background-color: rgba(255, 255, 255, 1);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item{
		width: 100%;
		overflow: hidden;
	}

	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item a{
		width: 90%;
		padding: 0% 5%;
		display: block;
		font-size: 16px;
		overflow: hidden;
		line-height: 40px;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: rgba(11, 11, 11, 1);
	}

	.training-video-content-wrapper .training-video-content .content-wrapper .content{
		width: 100%;
		margin-top: 3.279%;
		border-radius: 5px;
		padding-bottom: 3.279%;
		background-color: rgba(255, 255, 255, 1);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head{
		display: flex;
		width: 93.033%;
		margin: 0% auto;
		padding: 2.050% 0%;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid rgba(242, 242, 242, 1);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .text{
		line-height: 1;
		font-size: 20px;
		color: rgba(27, 27, 27, 1);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search{
		display: flex;
		width: 30.397%;
		border-radius: 5px;
		align-items: center;
		justify-content: space-between;
		border: 1px solid rgba(238, 238, 238, 1);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search input{
		width: 80%;
		outline: none;
		font-size: 16px;
		padding-left: 5%;
		line-height: 45px;
		border-style: none;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search .icon{
		width: 15%;
		text-align: center;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search .icon span{
		font-size: 22px;
		color: rgba(29, 32, 136, 1);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper{
		width: 93.033%;
		margin: 0% auto;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content{
		display: grid;
		grid-gap: 30px;
		margin-top: 2.917%;
		align-items: center;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content .item{
		width: 100%;
		text-align: center;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content .item .text{
		font-size: 16px;
		margin-top: 4.214%;
		color: rgba(35, 35, 35, 1);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .on-data{
		width: 100%;
		font-size: 16px;
		line-height: 70px;
		text-align: center;
		color: rgba(175, 185, 191, 1);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .button{
		height: 40px;
		display: flex;
		width: 19.445%;
		font-size: 16px;
		align-items: center;
		border-radius: 20px;
		margin: 4.688% auto 0%;
		justify-content: center;
		color: rgba(29, 32, 136, 1);
		border: 1px solid rgba(29, 32, 136, 1); 
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .button .text{
		margin-right: 10%;
	}
	
	/* 侧边栏-展开 */
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item.current-menu-item .text{
		box-shadow:
		5px 5px 5px rgba(247, 247, 247, 1),
		5px -5px 5px rgba(247, 247, 247, 1),
		-5px 5px 5px rgba(247, 247, 247, 1),
		-5px -5px 5px rgba(247, 247, 247, 1);
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item.current-menu-item .text .name .icon .image-when-selected{
		display: block;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item.current-menu-item .text .name .icon .image-when-not-selected{
		display: none;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item.current-menu-item .text .arrow{
		transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
	}
	
	/* 侧边栏选项-悬停 */	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item.current-menu-item .sub-menu .menu-item.current-hover-item a{
		color: rgba(29, 32, 136, 1);
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item.current-menu-item .sub-menu .menu-item.current-hover-item a::after{
		width: 1.622%;
		background: rgba(29, 32, 136, 1);
		left: -0.540%;
	}
	
	/* 选项卡选中 */
	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item.current-tab-item a{
		border-radius: 20px;
		color: rgba(66, 97, 232, 1);
		border: 1px solid rgba(66, 97, 232, 1);
	}
	
	/* 当前列表按钮悬停 */
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .button.current-hover-item{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(29, 32, 136, 1); 
	}

/* 响应 1680 */
@media screen and (max-width: 1680px) {
/* 幻灯片 */

/* 内容 */
	/* 侧边栏 */
	.training-video-content-wrapper .training-video-content .side-bar .title .icon{
		width: 50px;
		height: 50px;
		border-radius: 27.5px;
	}

	.training-video-content-wrapper .training-video-content .side-bar .title .text{
		font-size: 23px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .name{
		font-size: 15px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .arrow span{
		font-size: 17px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .sub-menu .menu-item a{
		font-size: 15px;
	}
	
	/* 二维码 */
	.training-video-content-wrapper .training-video-content .side-bar .qr-code .text{
		font-size: 15px;
	}
	
	/* 内容 */
	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item a{
		font-size: 15px;
		line-height: 35px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .text{
		font-size: 18px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search input{
		font-size: 15px;
		line-height: 40px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search .icon span{
		font-size: 20px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content{
		grid-gap: 25px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content .item .text{
		font-size: 15px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .on-data{
		font-size: 15px;
		line-height: 65px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .button{
		height: 35px;
		font-size: 15px;
		border-radius: 17.5px;
	}
	
	/* 选项卡选中 */
	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item.current-tab-item a{
		border-radius: 17.5px;
	}
}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 幻灯片 */

/* 内容 */
	/* 侧边栏 */
	.training-video-content-wrapper .training-video-content .side-bar .title .icon{
		width: 45px;
		height: 45px;
		border-radius: 22.5px;
	}

	.training-video-content-wrapper .training-video-content .side-bar .title .text{
		font-size: 20px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .name{
		font-size: 14px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .arrow span{
		font-size: 16px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .sub-menu .menu-item a{
		font-size: 14px;
	}
	
	/* 二维码 */
	.training-video-content-wrapper .training-video-content .side-bar .qr-code .text{
		font-size: 14px;
	}
	
	/* 内容 */
	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item a{
		font-size: 14px;
		line-height: 30px;
	}

	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .text{
		font-size: 16px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search input{
		font-size: 14px;
		line-height: 35px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search .icon span{
		font-size: 18px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content{
		grid-gap: 20px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content .item .text{
		font-size: 14px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .on-data{
		font-size: 14px;
		line-height: 60px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .button{
		height: 30px;
		font-size: 14px;
		border-radius: 15px;
	}
	
	/* 选项卡选中 */
	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item.current-tab-item a{
		border-radius: 15px;
	}
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {
/* 幻灯片 */

/* 内容 */
	/* 侧边栏 */
	.training-video-content-wrapper .training-video-content .side-bar .title .icon{
		width: 40px;
		height: 40px;
		border-radius: 20px;
	}

	.training-video-content-wrapper .training-video-content .side-bar .title .text{
		font-size: 17px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .name{
		font-size: 13px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .arrow span{
		font-size: 14px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .sub-menu .menu-item a{
		font-size: 13px;
	}
	
	/* 二维码 */
	.training-video-content-wrapper .training-video-content .side-bar .qr-code .text{
		font-size: 13px;
	}
	
	/* 内容 */
	.training-video-content-wrapper .training-video-content .content-wrapper .tab{
		grid-template-columns: repeat(6, 1fr);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item a{
		font-size: 13px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .text{
		font-size: 14px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search input{
		font-size: 13px;
		line-height: 30px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search .icon span{
		font-size: 16px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content{
		grid-gap: 15px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content .item .text{
		font-size: 13px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .on-data{
		font-size: 13px;
		line-height: 55px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .button{
		font-size: 13px;
	}
}

/* 响应 1000 */
@media screen and (max-width: 1000px) {
/* 幻灯片 */

/* 内容 */
	/* 侧边栏 */
	.training-video-content-wrapper .training-video-content .side-bar .title .icon{
		width: 25px;
		height: 25px;
		margin-right: 5.598%;
		border-radius: 12.5px;
	}

	.training-video-content-wrapper .training-video-content .side-bar .title .text{
		font-size: 14px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .name{
		font-size: 12px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .text .arrow span{
		font-size: 12px;
	}
	
	.training-video-content-wrapper .training-video-content .side-bar .dropdown .menu .menu-item .sub-menu .menu-item a{
		font-size: 12px;
	}
	
	/* 二维码 */
	.training-video-content-wrapper .training-video-content .side-bar .qr-code .text{
		font-size: 12px;
	}
	
	/* 内容 */
	.training-video-content-wrapper .training-video-content .content-wrapper .tab{
		padding: 1.425%;
		grid-template-columns: repeat(5, 1fr);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item a{
		font-size: 12px;
		line-height: 25px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .text{
		font-size: 12px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search{
		width: 43.664%;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search input{
		font-size: 12px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search .icon span{
		font-size: 14px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content .item .text{
		font-size: 12px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .on-data{
		font-size: 12px;
		line-height: 50px;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .button{
		width: 28.910%;
		font-size: 12px;
	}
	
	/* 选项卡选中 */
	.training-video-content-wrapper .training-video-content .content-wrapper .tab .tab-item.current-tab-item a{
		border-radius: 12.5px;
	}
}

/* 响应 750 */
@media screen and (max-width: 750px) {
/* 幻灯片 */
	.training-video-banner {
		margin-top: 61px;
	}

/* 内容 */
	/* 侧边栏 */
	.training-video-content-wrapper .training-video-content .side-bar{
		display: none;
	}

	/* 内容 */
	.training-video-content-wrapper .training-video-content .content-wrapper{
		width: 100%;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .tab{
		grid-template-columns: repeat(4, 1fr);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content{
		padding-bottom: 5.699%;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head{
		display: block;
		padding: 4.274% 0%;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search{
		width: 100%;
		margin-top: 4.376%;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search input{
		width: 85%;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .head .search .icon{
		width: 10%;
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .list-content{
		grid-template-columns: repeat(1, 1fr);
	}
	
	.training-video-content-wrapper .training-video-content .content-wrapper .content .list-wrapper .list .button{
		width: 30.913%;
	}
}