﻿
/*.bgAll{width: 100%; min-height: 100vh; background: url(../images/bgContent.png) top center no-repeat; background-size: 100% 100%; position: relative;}*/
.bgAll{width: 100%; min-height: 100vh; background-color: #e4f6ff; position: relative;}
.bgAll > img { position: absolute; }
.bgAll .bg-pic01 { width: 15%; top: 0; right: 10%; z-index: 0; }
.divWk {
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-height:360px;
}
.topBar { position: relative; display: flex; justify-content: center; align-items: center; margin: 0% 0; overflow:hidden; }
/*.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:#fff;}
video{}
video::-webkit-media-controls-fullscreen-button {
	display: none;
}
video::-moz-media-controls-fullscreen-button {
	display: none;
}
.BtnSim{width:100%;display:none; position:absolute;bottom:35%;}
.DivBtn{}
.BtnMul{width:100%;display:none; position:absolute;bottom:35%;}
.BtnTest{width:100%;display:none; position:absolute;bottom:35%;}

.DivBtnCh01{}
.DivBtnCh02{}
.DivBtnCh03{}
.DivBtnCh04{}
.DivBtnCh05{}
.DivBtnCh06{bottom:25%;}
.BtnSim span{width: 36%;cursor:pointer; display:inline-block;padding: 6px 10px; background-color: #fff; border-radius: 5px; border: 2px solid #0d3454; line-height: 1.8em;font-size:22px;-webkit-backface-visibility: hidden;}
.BtnMul span{width: 32%;cursor:pointer; display:inline-block;padding: 6px 10px; background-color: #fff; border-radius: 5px; border: 2px solid #0d3454;margin: 0 10px; line-height: 1.8em;font-size:22px;-webkit-backface-visibility: hidden;}
.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: 310px;background-color: #fff;}
.container {
	width: 50%;
	margin: 0 auto;
	position: relative;
}
.title {
	color: #000;
	padding: 3px 10px;
	display: inline-block;
	position: relative;
	width:81%;
	font-weight:bold;
	text-align:left;
	/*background-color: #FF7373;
	z-index: 1000;*/
}
.block__listxz {
	max-width: 450px;
	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;}







.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;
}


/*lining*/
.BtnSim .jtShowWord{
	cursor: pointer;
	display: inline-block;
	padding: 6px 10px;
	background-color: #fff;
	border-radius: 5px; 
	line-height: 35px;
	font-size: 24px;
	-webkit-backface-visibility: hidden;
	text-align: center;
	padding: 15px 35px;
}
.BtnSim .jtShowWord p.syTit1{ font-size: 32px;color: #e2693b; font-weight: bold; }
.BtnSim .jtShowWord p.syTit2{ font-size: 26px;color: #0d3454; font-weight: bold; }
 
.DivBtnChEnd{ color: #e2693b; }
.DivBtnCh0{ bottom: 40%; }
.showTest{ cursor:pointer; }


.bgWords{background-color: rgb(255 255 255 / 100%);width: 36%;margin: 0 auto;padding: 1%;	border-radius: 3px;color:#000;}
.bgWords p{ font-size:20px; }
.bgWords p.showTest{border: none !important;color: #079fe7;width: 38%; font-size:24px; margin:24px auto; }
.bgWords{line-height:24px;}

 
@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;
}