<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
	outline: none;
	font-family: "Microsoft Yahei";
	-webkit-tap-highlight-color: transparent;
	/**ä»¥ä¸‹ä¸¤è¡Œéšè—ä¸€äº›inputæŽ§ä»¶æœ¬èº«æ&nbsp;·å¼åŠselectç®­å¤´***/
  /*-webkit-appearance:none;
  -moz-appearance:none;*/
  /**ä»¥ä¸‹3è¡Œè§£å†³webkit translation é—ªçƒé—®é¢˜**/
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform-style: preserve-3d;
}
body, html {
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	height: 100%;
	background-color: #fff;
}
/*body{
	background: url(../images/bg.jpg) left bottom no-repeat;
	background-size: 100% 100%;
}*/
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	content: ' ';
	display: table
}
.clearfix:after {
	clear: both;
}
a {
	text-decoration: none;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
.hideimg {
	opacity: 0;
}
.align-left {
	text-align: left;
}
/***arrow and loading***/
/***éŸ³ä¹æŽ§åˆ¶æŒ‰é’®****/
.musicBar {
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 99999;
	left: 10px;
	bottom: 10px;
}
img.musicOn {
	animation: rolling 1.2s linear infinite;
	-webkit-animation: rolling 1.2s linear infinite;
}
.arrow {
	width: 9.375%;
	position: absolute;
	bottom: 1.5%;
	left: 45.3125%;
	opacity: 1;
	z-index: 99;
}
.arrow {
	animation: arrow 1s ease-out infinite;
	-webkit-animation: arrow 1s ease-out infinite;
}
.back {
	width: 14.68%;
	position: absolute;
	top: 1.5%;
	left: 3%;
	opacity: 1;
	z-index: 999;
}
/***loading***/
#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999999;
	text-align: center;
	background: #fff;
}
#loading .loadingBox {
	position: absolute;
	top: 35%;
	left: calc(50% - 79px);
	width: 157px;
	height: 42px;
}
#loading .loadingBox img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#loading .percent {
	color: #000;
	position: absolute;
	left: 0;
	top: 48%;
	text-align: center;
	width: 100%;
	font-family: "network", Arial;
}
#loading4 {
	z-index: 10;
	opacity: 1;
}
#loading p {
	font-family: "network", Arial;
	color: #000;
	position: absolute;
	left: 0;
	top: 49%;
	text-align: center;
	width: 100%;
}
.main {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.page {
	width: 100%;
	height: 90%;
	min-height: 416px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	color: #fff;
	/*background: url(../images/bg.jpg) left bottom no-repeat;
	background-size: 100% 100%;*/
	/*transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;*/
	display:none;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.marginTop3 {
	margin-top: 3%;
}
.marginTop5 {
	margin-top: 5%;
}
.marginTop6 {
	margin-top: 6%;
}
.marginTop8 {
	margin-top: 8%;
}
.marginTop10 {
	margin-top: 10%;
}
.marginTop13 {
	margin-top: 13%;
}
.marginTop15 {
	margin-top: 15%;
}
.marginTop18 {
	margin-top: 18%;
}
.marginTop20 {
	margin-top: 20%;
}
.marginTop22 {
	margin-top: 22%;
}
.marginTop25 {
	margin-top: 25%;
}
.marginTop30 {
	margin-top: 30%;
}
#page1 {
	z-index: 19;
	height:100%;
	display:block;
}
#page2 {
	z-index: 18;
}
#page3 {
	z-index: 17;
}
#page4 {
	z-index: 16;
}
#page5 {
	z-index: 15;
}
#page6 {
	z-index: 14;
}
#page7 {
	z-index: 13;
}
#page8 {
	z-index: 12;
}
#page9 {
	z-index: 11;
}
#page10 {
	z-index: 10;
}
#page11 {
	z-index: 9;
}
#page12 {
	z-index: 8;
}
#page1.goOut, #page2.goOut, #page3.goOut, #page4.goOut, #page5.goOut, #page6.goOut, #page7.goOut, #page8.goOut, #page9.goOut, #page10.goOut, #page11.goOut, #page12.goOut, #page13.goOut, #page14.goOut, #page15.goOut {
	/*-webkit-animation: slideOutUp 0.8s ease forwards;
    animation: slideOutUp 0.8s ease forwards;*/
	top: -100%;
}
#page1.goIn, #page2.goIn, #page3.goIn, #page4.goIn, #page5.goIn, #page6.goIn, #page7.goIn, #page8.goIn, #page9.goIn, #page10.goIn, #page11.goIn, #page12.goIn, #page13.goIn, #page14.goIn, #page15.goIn {
	/*-webkit-animation: slideInDown 0.8s ease forwards;
    animation: slideInDown 0.8s ease forwards;*/
	top: 0;
}
#page1.goUp, #page2.goUp, #page3.goUp, #page4.goUp, #page5.goUp, #page6.goUp, #page7.goUp, #page8.goUp, #page9.goUp, #page10.goUp, #page11.goUp, #page12.goUp, #page13.goUp, #page14.goUp, #page15.goUp {
	/*-webkit-animation: slideOutUp 0.8s ease forwards;
    animation: slideOutUp 0.8s ease forwards;*/
	top: -100%;
	left:0;
}
#page1.goDown, #page2.goDown, #page3.goDown, #page4.goDown, #page5.goDown, #page6.goDown, #page7.goDown, #page8.goDown, #page9.goDown, #page10.goDown, #page11.goDown, #page12.goDown, #page13.goDown, #page14.goDown, #page15.goDown {
	/*-webkit-animation: slideInDown 0.8s ease forwards;
    animation: slideInDown 0.8s ease forwards;*/
	top: 0;
	left:0;
}
.wximg {
	position: absolute;
	left: -2000%;
	z-index: -99;
}
.fullimg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.page img {
	opacity: 0;
}
.page img.arrow, .page img.nomovies {
	opacity: 1;
}
/****æ—‹è½¬çš„åœ†****/
#circle {
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
	width: 82.8125%;
	position: absolute;
	left: 8.59375%;
	top: 21.5%;
	z-index: 999;
	font-size: 0;
	transition: all 1.2s linear;
	-webkit-transition: all 1.2s linear;
	opacity:0;
}
#circle .c-bg {
	width: 100%;
	position: relative;
	z-index: 1;
}
#circle .c-tips {
	width: 12.58%;
	position: absolute;
	left: 43.71%;
	top: 43.71%;
	z-index: 11;
	display:none;
}
#circle .c-inner1 {
	width: 16.22%;
	position: absolute;
	left: 41.89%;
	top: 41.89%;
	z-index: 10;
}
#circle .c-inner2 {
	width: 34.84%;
	position: absolute;
	left: 32.58%;
	top: 32.58%;
	z-index: 9;
}
#circle .c-inner3 {
	width: 55.97%;
	position: absolute;
	left: 22.01%;
	top: 22.01%;
	z-index: 8;
}
#circle .c-inner4 {
	width: 79.75%;
	position: absolute;
	left: 10.125%;
	top: 10.125%;
	z-index: 7;
}
#circle .c-inner5 {
	width: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 6;
}
#circle .c-inner6 {
	display: none;
	width: 175.47%;
	position: absolute;
	left: -60.5%;
	top: -13.1%;
	z-index: 5;
}
#circle.active {
	/*-webkit-animation: zoomIn 1s linear forwards;
	animation: zoomIn 1s linear forwards;*/
	opacity:1;
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
}
#circle.active .c-inner1 {
	-webkit-animation: flash 2s linear 1s infinite;
	animation: flash 2s linear 1s infinite;
}
#circle.active .c-inner2, #circle.active .c-inner4 {
	-webkit-animation: rolling 30s linear 1s infinite;
	animation: rolling 30s linear 1s infinite;
}
#circle.active .c-inner3, #circle.active .c-inner5 {
	-webkit-animation: rolling-back 30s linear 1s infinite;
	animation: rolling-back 30s linear 1s infinite;
}
#circle.active .c-inner6 {
	-webkit-transform-origin: 63% 51.8%;
	transform-origin: 63% 51.8%;
	-webkit-animation: rolling 30s linear 1s infinite;
	animation: rolling 30s linear 1s infinite;
}
#circle.small {
	/*left: initial;
	top: initial;*/
	/*transform: scale(0.6, 0.6);
	-webkit-transform: scale(0.6, 0.6);*/
	/*right: -28%;
	bottom: -20%;*/
	/*left: 45%;
	top: 70%;
	z-index: 30;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;*/
	opacity:1;
	-webkit-animation: move 1s linear forwards, small 1s linear 1s forwards;
	animation: move 1s linear forwards, small 1s linear 1s forwards;
	z-index:1;
}
/***ç¬¬ä¸€é¡µ***/
#page1 .page1-1 {
	position: absolute;
	width: 38.75%;
	left: 30.625%;
	top: 3%;
	z-index: 2;
}
#page1 .page1-2 {
	position: absolute;
	width: 87.29%;
	left: 6.35%;
	top: 12%;
	z-index: 2;
}
#page1 .page1-3 {
	position: absolute;
	width: 45.83%;
	left: 27.08%;
	bottom: 7.5%;
	z-index: 2;
}
#page1 .page1-4 {
	position: absolute;
	width: 100%;
	left: 0%;
	bottom: 0%;
	z-index: 2;
}
#page1.active .page1-1 {
	-webkit-animation: fadeInLeft 1s ease 0.8s forwards;
	animation: fadeInLeft 1s ease 0.8s forwards;
}
#page1.active .page1-2 {
	-webkit-animation: fadeInRight 1s ease 0.8s forwards;
	animation: fadeInRight 1s ease 0.8s forwards;
}
#page1.active .page1-3 {
	-webkit-animation: fadeInUp 1s ease 1.8s forwards;
	animation: fadeInUp 1s ease 1.8s forwards;
}
/***ç¬¬äºŒé¡µ***/
img.logo {
	position: absolute;
	width: 25.73%;
	left: 5%;
	top: 3%;
	opacity: 1;
}
img.slogan {
	position: absolute;
	width: 35.2%;
	right: 5%;
	top: 3.5%;
	opacity: 1;
}
#page2 .page2-1 {
	position: absolute;
	width: 35.8%;
	left: 32.1%;
	top: 10%;
	font-size:0;
}
#page2 .p2-bg{
    width:100%;
	position:relative;
	z-index:1;
}
#page2 .page2-2 {
	position: absolute;
	width: 109.88%;
	left: -59.88%;
	top: 100%;
	z-index:2;
}
#page2 .page2-3 {
	position: absolute;
	width: 129.36%;
	left: 50%;
	top: 100%;
	z-index:2;
}
#page2.active .p2-bg {
	-webkit-animation: fadeIn 1s ease 0.8s forwards;
	animation: fadeIn 1s ease 0.8s forwards;
}
#page2.active .page2-3 {
	-webkit-animation: fadeInLeft 1s ease 1.8s forwards;
	animation: fadeInLeft 1s ease 1.8s forwards;
}
#page2.active .page2-2 {
	-webkit-animation: fadeInRight 1s ease 1.8s forwards;
	animation: fadeInRight 1s ease 1.8s forwards;
}
/***ç¬¬ä¸‰é¡µ***/
#page3 .page3-1 {
	position: absolute;
	width: 20.5625%;
	left: 39.71875%;
	top: 10%;
}
#page3 .page3-2 {
	position: absolute;
	width: 80%;
	left: 10%;
	top: 38%;
}
#page3 .page3-3 {
	position: absolute;
	width: 80%;
	left: 10%;
	top: 64%;
}
#page3.active .page3-1 {
	-webkit-animation: fadeInLeft 1s ease 0.8s forwards;
	animation: fadeInLeft 1s ease 0.8s forwards;
}
#page3.active .page3-3 {
	-webkit-animation: fadeInDown 1s ease 1.8s forwards;
	animation: fadeInDown 1s ease 1.8s forwards;
}
#page3.active .page3-2 {
	-webkit-animation: fadeInUp 1s ease 1.8s forwards;
	animation: fadeInUp 1s ease 1.8s forwards;
}
/***ç¬¬å››é¡µ***/
#page4 .page4-1 {
	position: absolute;
	width: 35.8%;
	left: 32.1%;
	top: 9%;
}
.imgBox {
	width: 80%;
	position: absolute;
	left: 10%;
	top: 15%;
	font-size: 0;
	opacity: 0;
}
.imgBox .box-bg {
	width: 100%;
	position: relative;
	z-index: 1;
}
#page4 .page4-2 {
	position: absolute;
	width: 76.63%;
	left: 11.685%;
	top: 5%;
	z-index: 2;
}
#page4 .page4-3 {
	position: absolute;
	width: 76.63%;
	left: 11.685%;
	top: 58%;
	z-index: 2;
}
#page4.active .page4-1 {
	-webkit-animation: fadeInLeft 1s ease 0.8s forwards;
	animation: fadeInLeft 1s ease 0.8s forwards;
}
#page4.active .imgBox {
	-webkit-animation: zoomScaleIn 1s ease 1.8s forwards;
	animation: zoomScaleIn 1s ease 1.8s forwards;
}
#page4.active .page4-2 {
	-webkit-animation: zoomIn 1s ease 2.8s forwards;
	animation: zoomIn 1s ease 2.8s forwards;
}
#page4.active .page4-3 {
	-webkit-animation: zoomIn 1s ease 3.3s forwards;
	animation: zoomIn 1s ease 3.3s forwards;
}
/***ç¬¬äº”é¡µ***/
#page5 .page5-1 {
	position: absolute;
	width: 76.5625%;
	left: 11.71875%;
	top: 16%;
}
#page5 .page5-2 {
	position: absolute;
	width: 55.83%;
	left: 22.08%;
	top: 25%;
}
#page5 .page5-3 {
	position: absolute;
	width: 48%;
	left: 26%;
	top: 70%;
}
#page5.active .page5-1 {
	-webkit-animation: fadeInRight 1s ease 0.8s forwards;
	animation: fadeInLeft 1s ease 0.8s forwards;
}
#page5.active .page5-2 {
	-webkit-animation: rotateIn 1s ease 1.8s forwards;
	animation: rotateIn 1s ease 1.8s forwards;
}
#page5.active .page5-3 {
	-webkit-animation: fadeInUp 1s ease 2.8s forwards;
	animation: fadeInUp 1s ease 2.8s forwards;
}
.mask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background: rgba(0,0,0,0.8);
}
.success {
	width: 70%;
	margin: 50% auto 0 15%;
	background-color: #fff;
	color: #f00;
	border-radius: 5px;
}
.success h2 {
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
}
.success div {
	width: 100%;
	margin: 5% auto 8% auto;
	text-align: center;
}
.success .close {
	padding: 1px 15px;
	font-size: 14px;
	border: 1px solid #f00;
	border-radius: 5px;
}


/**iphone4***/
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
}

/**iphone6s***/
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:3) {
}
</pre></body></html>