body,html{height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent}body{font-family:Sans-serif;background-color:#061825;-ms-touch-action:none}body,dd,dl,h2,h3,p,ul{margin:0}dd,dl,ul{padding:0}li{list-style:none}a{text-decoration:none}img{border:none}.loading .con,.loading .con .line{position:absolute;border-radius:2.5px}video{object-fit:cover}.loading{background-color:#0f234c;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.loading .con{font-size:20px;color:#fff;bottom:5%;left:50%;margin-left:-25%;width:50%;height:5px;background-color:#000;display:none}.loading .con .line{top:0;left:0;width:0%;height:100%;background-color:#fff}.load_1,.load_2,.load_3,.loading .txt{left:50%;position:absolute}.loading .txt{font-size:20px;color:#fff;top:70%;transform:translate(-50%,-50%);text-indent:-999em;background:url(../i/load_11.png) 50% 50%/contain no-repeat;width:30%;height:20%}.bylBox .item li.er.ed,.hyzBox .item li.er.ed{color:#3cff81}.load_1{width:60%;margin-left:-30%;top:15%}.load_2{width:50px;margin-left:-25px;animation:rota_o 1s ease infinite;top:75%}.load_3{width:12%;margin-left:-6%;top:32%}.myVideo_play{position:absolute;width:50px;height:50px;right:10px;bottom:10px;display:none;z-index:1000}.myVideo_play_box{position:absolute;top:0;width:100%;height:100%;left:0;z-index:10;background-image:url(../i/pos_n.jpg);background-size:cover;background-position:top center;display:none}.mask #videoPlay,.myVideo_play_box #androidPlay{right:10px;bottom:10px;background-image:url(../i/play.png);background-size:contain}.myVideo_play_box #androidPlay{position:absolute;width:50px;height:50px}.videoBox{position:absolute;height:100%;width:100%;opacity:0;overflow:hidden}.videoBox .myVideo{position:absolute;height:126%;width:126%;z-index:-1;top:-13%;left:-13%}.lg{position:absolute;width:15%;top:3%;left:3%}.mask{position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0)}.videoback,.videoclose{position:absolute;z-index:10;display:none}.mask #videoPlay{position:absolute;width:50px;height:50px;top:50%;left:50%;margin-left:-25px;margin-top:-25px;display:none}.bylBox,.bylBox .bg{height:100%}.videoclose{right:40px;top:30px;width:20px}.videoback{left:20px;top:50%;margin-top:-20px;width:34px}.end .re,.end .sh{position:absolute;width:140px;left:50%;top:77%;filter:brightness(.1)}.end .re{margin-left:-183px}.end .sh{margin-left:59px}.bylBox,.dwtBox,.end .pop{top:0;right:0;display:none;position:absolute}.end .pop{left:0;bottom:0;background:url(../i/icon.png) top left/20% no-repeat rgba(0,0,0,.7)}.bylBox .item li span,.hyzBox .item li span{transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:50% 50%}.dwtBox{bottom:7%;left:0}.dwtBox img{position:absolute;width:51%;bottom:0;right:0}.bylBox .bg{display:block}.bylBox .item{position:absolute;left:30%;top:63%;width:60%}.bylBox .item li{position:relative}.bylBox .item li span{position:absolute;top:50%;right:-.15rem;width:.4rem;height:.4rem;display:none}.bylBox .item li img{display:block;width:100%}.bylBox .item li.ed span{display:block}.bylBox .item li.yi.ed span{background-image:url(../i/ncuo.png)}.bylBox .item li.er.ed span{background-image:url(../i/ndui.png)}.bylBox .item li.san.ed span,.hyzBox .item li.er.ed span,.hyzBox .item li.yi.ed span{background-image:url(../i/ncuo.png)}.hyzBox{position:absolute;top:0;right:0;height:100%;display:none}.hyzBox .bg{display:block;height:100%}.hyzBox .close{position:absolute;width:.6rem;height:.6rem;background-color:rgba(0,0,0,0);top:3%;right:7%}.hyzBox .item{position:absolute;left:30%;top:63%;width:60%}.hyzBox .item li{position:relative}.hyzBox .item li span{position:absolute;top:50%;right:-.15rem;width:.4rem;height:.4rem;display:none}.dragZzBox,.dragZzBoxOther,.zwBox{right:0;bottom:0}.dragZzBox .pepBox,.dragZzBoxOther .pepBox{border:1px solid #fff;height:30%;opacity:0}.hyzBox .item li img{display:block;width:100%}.dragZzBox .arr,.dragZzBox .pep,.dragZzBox .sm{width:10%;position:absolute}.hyzBox .item li.ed span{display:block}.dragZzBox,.ksc_1,.zwBox{display:none}.hyzBox .item li.san.ed span{background-image:url(../i/ndui.png)}.dragZzBox{position:absolute;z-index:1000;top:0;left:0;background:url(../i/dragBg.jpg) 50% 50%/cover no-repeat}.dragZzBox .arr{top:45%;left:60%}.dragZzBox .sm{bottom:0;left:80%}.dragZzBox .pep{top:70%;left:70%}.dragZzBox .pepBox{position:absolute;width:12%;top:12%;left:48%}.dragZzBoxOther{position:absolute;z-index:1000;top:0;left:0;display:none}.dragZzBoxOther .pep{position:absolute;width:10%;top:70%;left:70%}.dragZzBoxOther .pepBox{position:absolute;width:12%;top:12%;left:48%}.zwBox{position:absolute;top:0;left:0}.zwBox .ca,.zwBox .con{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.zwBox .con{width:50%;height:50%;background:red;opacity:0}.ksc_1 .close,.ksc_2 .close,.ksc_3 .close,.seBox .seBoxCon{background-color:rgba(0,0,0,0)}.zwBox .ca{width:12%;margin-left:30%;margin-top:-5%}.ksc_1 .close,.ksc_2 .close,.ksc_3 .close,.seBox{top:0;position:absolute}.ksc_1{position:absolute;bottom:7%;right:2%;width:47%}.ksc_1 img{display:block;width:100%}.ksc_1 .close{width:100%;height:100%;right:0}.ksc_2{position:absolute;bottom:7%;right:2%;width:47%;display:none}.ksc_2 img{display:block;width:100%}.ksc_2 .close{width:100%;height:100%;right:0}.ksc_3{position:absolute;bottom:7%;right:2%;width:41.8%;display:none}.ksc_3 img{display:block;width:100%}.endBox,.endBox .sharePop,.seBox{display:none;right:0;bottom:0}.ksc_3 .close{width:100%;height:100%;right:0}.seBox{left:0}.seBox .seBoxCon{position:absolute;width:40%;height:80%;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:50%}.endBox .i3,.seBox .zs{position:absolute;width:30%}.seBox .zs{top:20%;left:52%;animation:se 1s ease infinite}.endBox{position:absolute;top:0;left:0;background:url(../i/endBg.jpg) 50% 50%/cover no-repeat}.endBox .i3{left:50%;top:20%;transform:translateX(-50%)}.endBox .i1,.endBox .i2{position:absolute;width:20%;left:50%;top:75%;filter:brightness(.1)}.endBox .i1{transform:translateX(-150%)}.endBox .i2{transform:translateX(50%)}.endBox .sharePop,.k4load{position:absolute;top:0;left:0}.endBox .sharePop{background:url(../i/icon.png) top left no-repeat rgba(0,0,0,.8)}.k4Box{position:absolute;z-index:3;right:0;bottom:0}.k4Box ul{display:flex;border:1px solid #fff;padding:4px;border-radius:.3rem;background-color:rgba(255,255,255,.5)}.k4Box ul li{flex:1;color:#000;font-size:.18rem;font-weight:700;line-height:1;white-space:nowrap;padding:.05rem .1rem;transition:.5s;border-radius:.15rem}.k4Box ul li.current{background-color:rgba(0,0,0,.9);border-radius:.12rem;color:#fff}.k4load{width:100%;height:100%;z-index:2;display:none}.k4load p{font-size:.2rem;text-align:center;color:#fff;background-color:#000;padding:.1rem}.k4load p span{color:#c38044;padding:0 .1rem}@-moz-keyframes rota_o{0%,100%{transform:none}70%{transform:rotate(30deg)}}@-webkit-keyframes rota_o{0%,100%{transform:none}70%{transform:rotate(30deg)}}@-o-keyframes rota_o{0%,100%{transform:none}70%{transform:rotate(30deg)}}@keyframes rota_o{0%,100%{transform:none}70%{transform:rotate(30deg)}}@-moz-keyframes fingerHandle{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-webkit-keyframes fingerHandle{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-o-keyframes fingerHandle{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@keyframes fingerHandle{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-moz-keyframes se{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-webkit-keyframes se{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-o-keyframes se{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@keyframes se{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}

.myVideo_play_box {
	background-image: url(../ii/aaa.jpg);
	background-position: 0;
}
.prism-setting-cc,.prism-setting-audio {
	display: none;
}
.prism-player .prism-setting-selector .header {
	display: none;
}


.prism-player .prism-controlbar{
	z-index: 100
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

	.prism-player video {
		width: 100% !important;
	    height: 79% !important;
	    position: absolute;
	    left: 0%;
	    top: 10%;
	    z-index: -1;
	}
}

.myVideo_play_box {
	display: none
}


.mask{
	/*display: block !important;*/
}


.calculatorBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../ii/calculator.jpg') 50% 50%/cover no-repeat;
	z-index: 11;
	display: none;
}

.imgBox{
	position: absolute;
	height: 85%;
	top: 50%;
	left: 5%;
	transform: translateY(-46%);
}
.imgBox .bg{
	display: block;
	height: 100%;
}

.heightBox{
	position: absolute;
	top: 50%;
	/*background-color: red;*/
	display: flex;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 6%;
}
.heightBox .h_1{
	flex: 2;
	font-size: 20px;
	line-height: 25px;
	color: #cdccf9;
	text-align: center;
}

.heightBox .h_2{
	background-color: #6362a5;
	flex: 3;
	height: 25px;
	position: relative;
}

.heightBox .h_3{
	flex: 0.5;
	height: 25px;
	color: #cdccf9;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}

.heightBox .h_4{
	background-color: #6362a5;
	flex: 3;
	height: 25px;
	position: relative;
}

.heightBox .h_5{
	flex: 2;
	font-size: 20px;
	line-height: 25px;
	color: #cdccf9;
	text-align: center;
}


.weightBox{
	position: absolute;
	top: 50%;
	/*background-color: red;*/
	display: flex;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: -20%;
}
.weightBox .w_1{
	flex: 2;
	font-size: 20px;
	line-height: 25px;
	color: #cdccf9;
	text-align: center;
}

.weightBox .w_2{
	background-color: #6362a5;
	flex: 3;
	height: 25px;
	position: relative;
}

.weightBox .w_3{
	flex: 0.5;
	height: 25px;
	color: #cdccf9;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}

.weightBox .w_4{
	background-color: #6362a5;
	flex: 3;
	height: 25px;
	position: relative;
}

.weightBox .w_5{
	flex: 2;
	font-size: 20px;
	line-height: 25px;
	color: #cdccf9;
	text-align: center;
}


.define{
	position: absolute;
	top: 50%;
	/*background-color: red;*/
	display: flex;
	width: 36%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 29%;
}

.swiper-weight-1, .swiper-weight-2, .swiper-height-1, .swiper-height-2{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 300%;
	width: 100%;
}

.calculatorBox .swiper-slide{
	text-align: center;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 25px;
	padding-left: 30%;
	color: #6f6ea8;
	transition: 0.5s;
}
.calculatorBox .swiper-slide-active{
	color: #fff;
	font-size: 20px;
}


.calculatorBox .swiper-button-next, 
.calculatorBox .swiper-button-prev{
	margin-top: 0;
	width: 10px;
	height: 10px;
	background-size: contain;
	left: 15%;
	right: auto;
	transform: translateY(-50%);
}

.swiper-button-next{
	background-image: url("../ii/at.png");
	margin-top: -6px;
}

.swiper-button-prev{
	background-image: url("../ii/ad.png");
	margin-top: 6px;
}

.bmiBox{
	position: absolute;
	/*width: 100%;*/
	height: 92%;
	top: 50%;
	left: 3%;
	transform: translateY(-50%);
	margin-top: 1%;
	display: none;
}
.bmiBox>img{
	display: block;
	height: 100%;
}
.bmiBox>span{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #ffe972;
	font-size: 88px;
	font-weight: 700;
	transform: translate(-50%,-50%);
	margin-top: -12%;
}

.bmiClose{
	position: absolute;
	top: 5%;
	right: 5%;
	width: 3%;
	display: none;
}


.calculatorBoxOther{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../ii/calculatorOther.jpg') 50% 50%/cover no-repeat;
	z-index: 11;
	display: none;
}

.imgBoxOther{
	position: absolute;
	width: 85%;
	top: 5%;
	left: 50%;
	transform: translateX(-50%);
}
.imgBoxOther .bg{
	display: block;
	width: 100%;
}
.weightBoxOther{
	position: absolute;
	top: 50%;
	/*width: 10%;*/
	/*background-color: red;*/
	/*display: flex;*/
	height: 80%;
	left: 66%;
	transform: translateX(-50%);
	margin-top: -36%;
}
.weightBoxOther .w_1{
	font-size: 20px;
	line-height: 25px;
	color: #cdccf9;
	text-align: center;
	transform: rotate(90deg);
	/*height: 30%;*/
}

.weightBoxOther .w_2{
	background-color: #6362a5;
	width: 100%;
	position: relative;
	height: 25%;
	margin-top: 40%;
}

.weightBoxOther .w_3{
	height: 24px;
	color: #cdccf9;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

.weightBoxOther .w_4{
	background-color: #6362a5;
	height: 25%;
	width: 100%;
	margin-top: 30%;
	position: relative;
}

.weightBoxOther .w_5{
	font-size: 20px;
	line-height: 25px;
	color: #cdccf9;
	text-align: center;
	transform: rotate(90deg);
	margin-top: 30%;
}

.heightBoxOther{
	position: absolute;
	top: 50%;
	/*width: 10%;*/
	/*background-color: red;*/
	/*display: flex;*/
	height: 80%;
	left: 39%;
	transform: translateX(-50%);
	margin-top: -36%;
}
.heightBoxOther .h_1{
	font-size: 20px;
	line-height: 25px;
	color: #cdccf9;
	text-align: center;
	transform: rotate(90deg);
	/*height: 30%;*/
}

.heightBoxOther .h_2{
	background-color: #6362a5;
	width: 100%;
	position: relative;
	height: 25%;
	margin-top: 40%;
}

.heightBoxOther .h_3{
	height: 24px;
	color: #cdccf9;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

.heightBoxOther .h_4{
	background-color: #6362a5;
	height: 25%;
	width: 100%;
	margin-top: 30%;
	position: relative;
}

.heightBoxOther .h_5{
	font-size: 20px;
	line-height: 25px;
	color: #cdccf9;
	text-align: center;
	transform: rotate(90deg);
	margin-top: 30%;
}

.defineOther{
	position: absolute;
	top: 50%;
	/*background-color: red;*/
	display: flex;
	width: 10%;
	left: 11%;
	transform: translateY(-50%);

	/*display: none;*/
}


.swiper-weight-1-other,
.swiper-weight-2-other,
.swiper-height-1-other,
.swiper-height-2-other{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: 300%;
}

.calculatorBoxOther .swiper-slide{
	text-align: center;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 25px;
	/*padding-left: 30%;*/
	color: #6f6ea8;
	transition: 0.1s;
	position: relative;
}
.calculatorBoxOther .swiper-slide .numBox{
	position: absolute;
	transform: rotate(90deg) translate(-50%,50%);
	top: 65%;
	left: 27%;
	transform-origin: 50% 50%;
	width: 100%;
	height: 50%;
	text-align: center;
}
.calculatorBoxOther .swiper-slide-prev .numBox{
	left: 60%;
}
.calculatorBoxOther .swiper-slide-next .numBox{
	left: 5%;
}


.calculatorBoxOther .swiper-slide-active{
	color: #fff;
	font-size: 20px;
}
.calculatorBoxOther .swiper-button-next, 
.calculatorBoxOther .swiper-button-prev{
	margin-top: 0;
	width: 10px;
	height: 10px;
	background-size: contain;
	left: 50%;
	right: auto;
	transform: translate(-50%, -50%);
	top: 50%;
	margin-top: -15%;
}

.calculatorBoxOther .swiper-button-next{
	background-image: url("../ii/ato.png");
	margin-left: 6px;
}

.calculatorBoxOther .swiper-button-prev{
	background-image: url("../ii/ado.png");
	margin-left: -6px;
}


.bmiBoxOther{
	position: absolute;
	/*width: 100%;*/
	width: 92%;
	top: 3%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 1%;
	display: none;
}
.bmiBoxOther>img{
	display: block;
	width: 100%;
}
.bmiBoxOther>span{
	position: absolute;
	top: 60%;
	left: 58%;
	color: #ffe972;
	font-size: 88px;
	font-weight: 700;
	transform: rotate(90deg) translate(-50%,-50%);
	margin-top: -12%;
	/*background-color: red;*/
	width: 100%;
	height: 50%;
	transform-origin: 0% 0%;
	text-align: center;
}

.bmiCloseOther{
	position: absolute;
	right: 5%;
	bottom: 5%;
	height: 3%;
	display: none;
}

.mask{
	/*display: block !important;*/
}
.zsBox_1{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	display: none;
}

.zsBox_1>img{
	position: absolute;
	width: 50%;
	right: 0;
	bottom: 10%;
}

.zsBox_1>span.close{
	position: absolute;
	width: 100px;
	height: 100px;
	/*background-color: red;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin-left: 40%;
	margin-top: -5%;
}

.zsBox_2{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	display: none;
}

.zsBox_2>img{
	position: absolute;
	width: 50%;
	right: 0;
	bottom: 10%;
}

.zsBox_2>span.close{
	position: absolute;
	width: 100px;
	height: 100px;
	/*background-color: red;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin-left: 40%;
	margin-top: -5%;
}


.wzBox{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	display: none;
}
.wzBox .wzPlay{
	position: absolute;
	width: 50%;
	height: 50%;
	/*background-color: red;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

}
.wzBox>p{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	margin-top: 15%;
}