body {
	margin: 0;
}
/*------------------------------百分比加载------------------------------*/
.loading{width:100%;height:100%;position:fixed;/*background:url(../img/xs_loadbg.jpg);*/left:0;top:0;z-index:10000;overflow:hidden;
    background: -webkit-radial-gradient(#22205d, #100f2f); 
    background: -o-radial-gradient(#22205d, #100f2f);
    background: -moz-radial-gradient(#22205d, #100f2f);
    background: radial-gradient(#22205d, #100f2f);
}
.loading>p{font-variant:small-caps;letter-spacing:90px;text-align:center;color:#8a8bcf;font-size:30px;left:50%;margin-left:45px; transform:translateX(-50%); position:absolute;bottom:0;}

.loading .progress{width:200px;height:200px;position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-100px;position:relative;}
.loading .progress svg{width:100%;height:100%; fill:#22215c;position:absolute;top:0;left:0;transform:rotate(-90deg);}
.loading .progress svg circle{ stroke:#fff;stroke-width:2px;stroke-dasharray:0%,315%;}

.progress p{color:#fff;font-family: 'Open Sans','SimHei';font-size:50px;line-height:200px;position:absolute;width:100%; text-align:center; z-index:1000;margin: 0;}
@keyframes sonar{0%{transform:scale(1);opacity:0;}35%{transform:scale(1.8);opacity:0.7}70%{transform:scale(2.7);opacity:0.3;}100%{transform:scale(3.5);opacity:0;}}
/* .progress::after,.progress::before,.loading .progress p::after{content:'';width:95%;height:95%;border-radius:50%;border:1px solid #3f4094;position:absolute;top:2.5%;left:2.5%;    animation: sonar 3s infinite 0s;}
.progress::after{animation: sonar 3s infinite 1s;}
.loading .progress p::after{animation: sonar 3s infinite 2s;} */

/*------------------------------百分比加载------------------------------*/
/*-------------------引导页、落地引导页---------------*/

.guide{width:100%;height:100%; background:url(../images/loading_bg.jpg) ;background-size:cover;position:absolute;left:0;top:0;overflow:hidden;}
.guidetxt{text-align:center;width:100%;margin-top:10%;margin-bottom:10px;}
.guide p{font-size:16px;color:#fff;text-align:center;}
.guide .txt {
	position: relative;
	max-width: 1200px;
	width: 65%;
	margin: 0 auto;
	overflow: hidden;
}
.guide .txt span {
	position: relative;
	padding: 0 30px;
}
.guide .txt span::before ,
.guide .txt span::after {
	position: absolute;
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 100%;
	height: 1px;
	background: #ffffff;
	transform: translateX(-100%);
}
.guide .txt span::after {
	right: 0;
	transform: translateX(100%);
}


.guide p span{margin-left:51px;margin-right:44px;}
.guide a{height:54px;display:block; line-height:54px;border:1px solid #fff;border-radius:25px;padding:0 71px 0 71px;color:#fff;position:absolute;left:50%;bottom:20%; margin-left:-103px;text-decoration: none;}
.guide a span{display:block;position:absolute;top:0;right:35px;}
.guide a span img{display:block;}

#particles-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-------------------xs：引导页、落地引导页完---------------*/