/*public*/
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,img{border:0;outline:none}
html,body{width:100%;height:100%;overflow:hidden}
input,select{outline:none}
/* set image max width to 100% */
img,video{height:auto;display: block;width:auto\9;/* ie8 */margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;font-style: normal;vertical-align: baseline;background-color: transparent;}
/* set html5 elements to block */
body{font-family: 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';font-family:FZYaSongS-R-GB,FZYaSong-M-GBK,PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;width: 100%;position: absolute;background: #fff}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none;}
img{max-width: 100%;margin: 0 auto;}



#loading{background:#c01115 url(../images/bg.png);background-size: 100% 100%; text-align:center;width:100%;height:100%;position:absolute;z-index:99999;top: 0;left:0;}
.sk-spinner-pulse {width: 30%;position: absolute;top: 42%;left: 35%;}
.loadImg{animation: loadImg 2s linear infinite;-webkit-animation: loadImg 2s linear infinite;opacity: 0;}
@keyframes loadImg{
    0%{transform: rotate(-45deg);}
    25%{transform: rotate(-15deg);}
    50%{transform: rotate(15deg);}
    75%{transform: rotate(-15deg);}
    100%{transform: rotate(-45deg);}
}
@-webkit-keyframes loadImg{
    0%{transform: rotate(-45deg);}
    25%{transform: rotate(-15deg);}
    50%{transform: rotate(15deg);}
    75%{transform: rotate(-15deg);}
    100%{transform: rotate(-45deg);}
}

body.pcBody, .pcBody .wid{max-width:600px;}
body, html, .wid{width:100%;max-width:750px;margin: 0 auto;height: 100%;position:relative;}
.con_bg::before{
	display:block;
	content:'';
	width:100%;height:100%;background:url(../images/bg2.png?v=) no-repeat bottom center;background-size: 100%;
}
.con_bg::after{
	display:block;
	content:'';
	width:100%;height:100%;background:url(../images/copyright.png?v=) no-repeat center bottom;
	background-size: 53%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.con_bg{width: 100%;height: 100%;overflow: hidden;position:relative;}
.con_bg, .wid{opacity: 0;}
.wid{opacity: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;background:#c01115 url(../images/bg.png);background-size: 100% 100%; }
.page{position:absolute;width:100%;top:50%;transform:translateY(-56%);-webkit-transform:translateY(-56%);z-index:10;}

.banner{width: 80%;padding-bottom:2vh;position: relative;}
.guang1{position: absolute;left: 4vw;top: 6vh;animation: hxd 2s linear infinite;-webkit-animation: hxd 2s linear infinite;}
.guang2{position: absolute;right: 4vw;top: 10vh;animation: hxd 2.5s linear infinite;-webkit-animation: hxd 2.5s linear infinite;}
.kuang{width: 100%;position: relative;padding: 0 40px;box-sizing: border-box;flex-wrap: wrap;}/* height:568px;overflow-y: auto;-webkit-overflow-scrolling: touch; */
.btnDetail{position: absolute;right: 6%;margin-top: -70px;}
.change{display: block;padding-bottom: 15px;}
.title{display:block;margin: 0 auto;padding:1vh 0;width: 45%;}
.title img{max-width: 100%;display: block;}
.title2{animation:hx 2s linear infinite;-webkit-animation:hx 2s linear infinite;}
.zy{display: flex;width: 80%;margin:2vh auto;}
.zy a{display: block;margin: 0 auto;position: relative;padding:0;}
.shan{
	position: absolute;top:6px;left: 4%;animation:hx 2s linear infinite;-webkit-animation:hx 2s linear infinite;
}
.shan1{
	position: absolute;bottom:26%;right: 4%;animation:hx 3s linear infinite;-webkit-animation:hx 3s linear infinite;
}
.learn{display: block;margin: 0 auto;}
.number{color: #da413c;text-align: center;font-size: 24px;padding-bottom: 1vh;opacity: 0;}
.copyright{bottom: 5vh;left: 13%;width: 74%;padding: 0;}
.copy{margin:0 auto;width:50%;padding-top:2vh;}
.tips{position: absolute;    top: 60%;left:calc(50% - 57px);z-index: 10;width: 114px;pointer-events:none;}
.tips span{animation:hxd 1.5s linear infinite;-webkit-animation:hxd 1.5s linear infinite;display: block;width: 114px;height: 114px;background:url(../images/clickBox.png) no-repeat;background-size: 100%;}


@keyframes hx{
    0%{transform: scale(1);-webkit-transform: scale(1);}
    50%{transform: scale(0.7);-webkit-transform: scale(0.7);}
    100%{transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes hx{
    0%{transform: scale(1);-webkit-transform: scale(1);}
    50%{transform: scale(0.7);-webkit-transform: scale(0.7);}
    100%{transform: scale(1);-webkit-transform: scale(1);}
}
@keyframes hxd{
    0%{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
    50%{transform: scale(0.7);-webkit-transform: scale(0.7);opacity: 0.5;}
    100%{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
}
@-webkit-keyframes hxd{
    0%{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
    50%{transform: scale(0.7);-webkit-transform: scale(0.7);opacity: 0.5;}
    100%{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
}



/********音乐*********/
.music{
    position: fixed;right: 20px;
    top:3vh;z-index:200;display: none;
}
.music span{display: block;width:60px;height:60px;background: url(../images/music.png) no-repeat;background-size: 100% 100%;}
.music.mute span {animation: mymove 9s infinite;
    animation-timing-function: linear;-webkit-animation: mymove 9s infinite;-webkit-animation-timing-function: linear;}
    @keyframes mymove
{
0%{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	}
25%{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	}
	
50%{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	}
	
75%{
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); 	/* IE 9 */
	-moz-transform:rotate(270deg); 	/* Firefox */
	}
	
100%{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
0%{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	}
25%{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	}
	
50%{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	}
	
75%{
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); 	/* IE 9 */
	-moz-transform:rotate(270deg); 	/* Firefox */
	}
	
100%{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	}
}

.tipsBtn{padding-top: 10px;}
.swiper-container {width:100%;}
.swiper-slide {height: 100%;width:70%;}

.bannerCont{padding:50px 0;}
.zhaiyao{font-weight: bold;text-align: center;color: #4c648f;font-size:34px;line-height: 80px;padding-bottom: 20px;font-size: 34px;font-weight: bold;}
.neirong{text-align: justify;ove68rflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;width: 100%;height: 100%;}
.neirong p{padding-bottom: 20px;line-height: 1.7;color: #4c648f;font-size:30px;}
.neirong h4{padding-bottom: 20px;line-height: 1.5;color: #4c648f;font-size:32px;font-weight: bold;}
.saveTS{position: absolute;bottom: 7%;left: 38%;width: 30%;}
.moreTS{position: fixed;bottom: 30vh;width: 30px;right: 10px;z-index: 1;}
.x{width:100%;height:100px;background:url(../images/x.png) no-repeat center;background-size:auto 100%;position: relative;}
.x img{width:100%;margin:0 auto;height:auto;position:absolute;animation:x_img 2s infinite linear;-webkit-animation:x_img 2s infinite linear;}
@-webkit-keyframes x_img{0% {top:0;}100% {top:95%;}}
@keyframes x_img{0% {top:0;}100% {top:95%;}}

.picture{overflow:hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;background:#f5ead5;}
.picture .close, .textAll .close,.gjc .close,.ytsl .back,.picture .share,.textAll .share,.gjc .share,.ytsl .share{width: 30%;position: relative;z-index: 10;}
.pictureImg{width: 100%;}
.textAll .close1{position: fixed;right: 5px;bottom: 0;padding: 0;}


@media screen and (max-height: 700px){
}