.bgAll{width: 100%; min-height: 100vh; background: url(../images/bgContent.png) top center no-repeat; background-size: 100% 100%; position: relative;}
.bgAll > img { position: absolute; }
.bgAll .bg-pic01 { width: 15%; top: 0; right: 10%; z-index: 0; }
.divWk {
	width: 98%;
	margin: 0 auto;
	position: relative;
	min-height:360px;
}
.topBar { position: relative; display: flex; justify-content: center; align-items: center; margin: 0% 0;padding-top: 1.8%;
    padding-bottom: 0.2%;}
/*.divWk:before, .divWk:after, .row:before, .row:after { display: table; content: " "; }
.divWk:after, .row:after { clear: both; }
.screenThird { border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 1px 1px 0px 0px rgba(11, 174, 164, 0.75); }*/


.videoBox{position: relative;width: 1280px;margin: 0 auto;margin-bottom: 15px;border: 1px solid #C9C9C9;padding: 10px;background-color: #EEEEEE;margin-top: 1%;text-align: center;}
.bgIndex{background-color:#fff;margin: 0;}
.divZz{background-color: rgb(0 0 0 / 50%); position:absolute; left:0;top:0; width:100%; height:100%;display:none;}
.divZz222{background-color:#3f9bf1;}
video{}
video::-webkit-media-controls-fullscreen-button {
display: none;
}
video::-moz-media-controls-fullscreen-button {
display: none;
}
.BtnSim{width:34%;display:none;position:absolute;bottom: 40%; padding-left: 32%;}
.DivBtn{}
.BtnMul{width:100%;display:none; position:absolute;bottom:35%;}
.BtnTest{width:72%;display:none; /*position:absolute;*/margin: 7% auto; border-radius: 3px;}
.DivBtnCh01{}
.DivBtnCh02{}
.DivBtnCh03{}
.DivBtnCh04{}
.DivBtnCh05{}
.DivBtnCh06{bottom:25%;}
.BtnSim span{width: 100%;cursor:pointer; display:inline-block;padding: 6px 15px; background-color: #fff; border-radius: 5px; border: 2px solid #1aafe5;height: 34px;line-height: 34px;font-size:18px;-webkit-backface-visibility: hidden;margin: 5px 0;text-align:left;}

.BtnMul span{width: 32%;cursor:pointer; display:inline-block;padding: 6px 10px; background-color: #fff; border-radius: 5px; border: 2px solid #1aafe5;margin: 0 10px;height: 34px;line-height: 34px;font-size:18px;-webkit-backface-visibility: hidden;}
.textAlign span{text-align:center;}
.BtnSim span:hover{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.BtnMul span:hover{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.bgWords{background-color: rgb(255 255 255 / 100%);width: 36%;
    margin: 0 auto;
    padding: 1%;
    border-radius: 3px;color:#000;}
.bgWords span{border: none !important;color: #079fe7;width: 38%;}
.bgWords{line-height:24px;}
.jumpNext{color:#fff;background-color: rgb(0 0 0 / 0%) !important;border: none !important;}
.DivBtnCh00{margin-top:16px;}
.liTestPage{margin-bottom:18px;}
.liTestPage span{cursor:pointer;}


/*测验*/
.testPage{}
.mainContent { display: none; min-height: 478px;background-color: #fff; padding: 30px 20px 50px 20px;border-radius: 3px;}
.container {
	width: 86%;
	margin: 0 auto;
	position: relative;
	padding-bottom: 20px;
}
.title {
	color: #000;
	padding: 3px 10px;
	display: inline-block;
	position: relative;
	width:88%;
	font-weight:bold;
	text-align:left;
	/*background-color: #FF7373;
	z-index: 1000;*/
}
.block__listxz {
    	max-width: 80%;
		margin-left: 20px;
		/*background-color: #85e1dd;*/
		/*border: 1px solid #1eab8a;*/
		border-radius: 5px;
		-webkit-border-radius:5px;
	}
.block__listxz li { border:1px solid #24c6dc; padding:5px;margin:2% 0;align-items: start; display: flex;background-color: #16a0e9;color:#fff;cursor:pointer;}
.block__listxz li:hover{background-color: #1bbee0;}
.block__listxz > li input{margin-top:4px; margin-right:10px;}
.block__listxz li span{display:inline-block;margin-right: 3px;}
.block__listxz li p{margin: 0; padding: 0;}
.isHide{display:none;}

.newPosition{    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;}





.music-all {

}


/* 进度条 */
.music-play{
	cursor:pointer;
	}
.music-range {
	width: 480px;
	height: 5px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	margin: 0 auto;
	cursor: pointer;
	z-index:10;
}


/* 进度滑块 */

.music-range::-webkit-slider-thumb {
	width: 15px;
	height: 15px;
	background: #fff;
	border: 1px solid #f18900;
	cursor: pointer;
	border-radius: 5px;
	-webkit-appearance: none;
}


/*转动*/

.music-animation {
	width: 70px;
	height: 70px;
	background: red;
	margin: 0px auto;
	text-align: center;
	line-height: 70px;
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.play-an {
	animation: dong 5s linear infinite;
}
.cbBtn span{ cursor:pointer; display:inline-block;width:70px; border:1px solid #8d8a8a; border-radius:3px;padding: 2px 0px;
    box-shadow: 1px 1px 3px 2px #9f9ba1;
}
.btnCot{ background-color:#24c6dc !important;border:1px solid #b8bbc1 !important; display:inline-block;width:110px;height:30px;line-height:30px;border-radius: 5px;margin-top:40px;cursor:pointer;}
.btnCot:hover{transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);}



@keyframes dong {
	0% {
		background: red;
		left: 0px;
		top: 0px;
		width: 10px;
		height: 30px;
	}
	25% {
		background: yellow;
		left: 500px;
		top: 0px;
		width: 30px;
		height: 10px;
	}
	50% {
		background: blue;
		left: 500px;
		top: 500px;
		width: 10px;
		height: 30px;
	}
	75% {
		background: green;
		left: 0px;
		top: 500px;
		width: 30px;
		height: 10px;
	}
	100% {
		background: red;
		left: 0px;
		top: 0px;
		width: 10px;
		height: 30px;
	}
}

a {
	text-align: center;
}
@media (min-width: 1200px)
.divWk.w1400 {
    max-width: 1200px;
}