* {
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-text-size-adjust:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none
}
html {
	height:100%;
	width:100%;
	padding:0;
	margin:0
}
body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font-family:"Microsoft Yahei", "微软雅黑", "华文细黑", sans-serif;
	overflow-y:hidden
}
.hide {
	display:none!important
}
.can-tap {
	cursor:pointer
}
.absolute {
	position:absolute
}
.loading-tips {
	line-height:30px;
	height:30px;
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	margin-top:-15px;
	text-align:center;
	color:#a1a1a1
}
.content {
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0;
	overflow-y:hidden;
	overflow-x:auto
}
.section {
	width:100%;
	position:relative;
	background-color:#fff;
	overflow:hidden
}
.section .wrapper, .temp-wrapper {
	position:absolute;
	top:60%;
	left:50%
}
.page0-bg {
	background:url("../images/page0-bg.jpg") center bottom no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	right:0;
	left:0;
	height:100%
}
.page0-phone {
	position:absolute;
	bottom:10%;
	left:78.8229166%;
}
.page0-img-border {
	position:absolute;
	top:22.2958333%;
	left:60.09083333333%;
	height:64.322916666%;
	width:36.1979166%;
	overflow:hidden
}
.page0-img-border .page0-img-border-wrapper {
	position:absolute;
	left:0;
	top:0;
	width:400%;
	height:100%
}
.page0-circles {
	position:absolute;
	width:100%;
	height:10px;
	bottom:10px;
	text-align:center
}
.page0-circles .page0-circle {
	display:inline-block;
	width:6px;
	height:6px;
	margin:0 5px;
	border-radius:6px;
	background-color:#3d3939;
	position:relative;
	top:-5px
}
.page0-circles .page0-circle.select {
	border:1px solid #9a9898;
	background-color:transparent
}
.page0-img-border-wrapper .item {
	position:absolute;
	top:0;
	height:100%;
	width:25%
}
.page0-img-border-wrapper .item.a {
	background:url("//static01.cloud7.com.cn/assets/1299c3ce/content/image/chuye-site/page0-0.jpg") center center;
	background-size:cover
}
.page0-img-border-wrapper .item.b {
	background:url("//static01.cloud7.com.cn/assets/1299c3ce/content/image/chuye-site/page0-1.jpg") center center;
	background-size:cover
}
.page0-img-border-wrapper .item.c {
	background:url("//static01.cloud7.com.cn/assets/1299c3ce/content/image/chuye-site/page0-2.jpg") center center;
	background-size:cover
}
.page0-title {
	position:absolute;
	top:15.09375%;
	left:0;
}
.page0-word {
	position:absolute;
	left:0;
}
.page0-word.a {
	top:27.078125%
}
.page0-word.b {
	top:37.3841145%
}
.page0-word.c {
	top:42.690104%
}
.page0-word.d {
	top:47.9960935%
}
.page0-qr {
	position:absolute;
	top:58.770833333333%;
	left:2.604166%;
	height:195px;
	width:160px
}
.page0-qr .page0-qr-img {
	position:absolute;
	width:100%
}
.page0-qr-mask {
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:80.85942%;
	background:rgba(0, 0, 0, 0.9);
	border:1px solid white;
	border-radius:4px;
	display:none
}
.page0-qr-word {
	position:absolute;
	bottom:4px;
	width:100%;
	color:#efefef;
	font-size:15px;
	text-align:center
}
.onover .page0-qr-mask {
	display:block
}
.page0-ios-icon, .page0-android-icon {
	position:absolute;
	left:37.3188%;
	height:25.4545%;
	cursor:pointer
}
.page0-ios-icon {
	top:19.27%
}
.page0-android-icon {
	bottom:16.9329%
}
.page0-btn {
	position:absolute;
	top:15px;
	right:88px;
	height:4.4270833%
}
.top-logo {
	width:46px;
	height:45px;
	position:absolute;
	top:15px;
	left:88px
}
.scroll-wrapper {
	width:100%;
	position:absolute;
	-moz-transition:1s cubic-bezier(0.86, 0, 0.07, 1);
	transition:1s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition:1s cubic-bezier(0.86, 0, 0.07, 1);
	will-change:transform
}
.page1-title {
	top:36.328125%;
	left:0%;
	height:5.3385416%
}
.page1-word {
	right:73%;
	height:4.2751736%;
	margin-left:-270px;
}
.page1-word.a {
	top:44.66145%
}
.page1-word.b {
	top:50.9366236%
}
.page1-word.c {
	top:57%
}
.page1-word.d {
	top:62.4869708%
}
.page1-word.e {
	top:65.7621444%
}
.page1-word.f {
	top:67.037318%
}
.yellow-phone {
	top:8.85416699%;
	left:42.96875%;
	height:82.291666%
}
.content-border {
	height: 60.9479%;
    left: 45.5%;
    top: 17.7%;
    width: 35.0996%;
}
.content-border-item {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden
}
.content-img, .page4-qr-mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.page4-qr-mask {
	z-index:0;
	opacity:0
}
.page-4.content-border.tap .page4-qr-mask {
	z-index:10;
	opacity:1
}
.page1-dash {
	top:16.58854%;
	left:75.911458%;
	height:76.692708%
}
.page1-0 {
	top:16.67708%;
	left:90.9375%;
}
.page1-1 {
	top:27.27708%;
	left:87.41667%;
	
}
.page1-2 {
	top:36.67708%;
	left:93.24479%;
}
.page1-3 {
	top:46.67708%;
	left:99.28646%;
}
.page1-4 {
	top:58.87708%;
	left:98.58854%;
}
.page1-5 {
	top:68.87708%;
	left:93.02083%;
}
.page1-6 {
	top:67.05729%;
	left:88.15104%;
}
.page1-7 {
	top:76.04167%;
	left:85.9375%;
}
.page2-title {
	top:38.02083%;
	left:13.15104%;
	height:5.07813%
}
.page2-word {
	left:7.94271%;
	height:4.2317708333%
}
.page2-word.a {
	top:45.96354%
}
.page2-word.b {
	top:50.1953108333%
}
.page2-word.c {
	top:54.4270816666%
}
.page2-word.d {
	top:58.6588524999%
}
.page2-word.e {
	top:62.8906233332%
}
.page2-cat {
	height:42%;
	left:13%;
	bottom:-5%
}
.page2-arrow {
	height:20%;
	left:30%;
	top:60%
}
.page2-tag0 {
	top:38.0208%;
	left:78.385%;
	height:9.375%
}
.page2-tag1 {
	top:52.864%;
	left:78.3854%;
	height:9.375%
}
.page2-girl {
	top:-1%;
	right:10%;
	height:20%;
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-o-transform:rotateZ(180deg);
	transform:rotateZ(180deg)
}
.page3-title {
	top:35.19792%;
	left:12.50000%;
	height:11.45833%
}
.page3-word {
	left:1.43229%;
	height:4.2317708333%
}
.page3-word.a {
	top:49.78125%
}
.page3-word.b {
	top:54.0130208333%
}
.page3-word.c {
	top:58.2447916666%
}
.page3-word.d {
	top:62.4765624999%
}
.page3-word.e {
	top:66.7083333332%
}
.page3-canvas {
	width:86px;
	height:86px;
	position:absolute;
	top:50%;
	margin-top:-43px;
	right:0;
	cursor:pointer
}
.page-3 .content-img {

}
.page-3 .content-img.select {
	display:block
}
.page3-play-btn {
	cursor:pointer;
	height:16.98113%;
	position:absolute;
	top:36.79245%;
	left:50%;
	-webkit-transform:translate3d(-50%, 0, 0);
	transform:translate3d(-50%, 0, 0);
	display:none
}
.page3-iframe {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
	overflow:hidden;
	background:#000;
	border:0
}
.page3-iframe.play {
	z-index:100;
	display:block
}
.page4-title {
	top:39.66667%;
	left:13.15104%;
	height:5.46875%
}
.page4-word {
	left:2.08333%;
	height:4.1015625%
}
.page4-word.a {
	top:48.52083%
}
.page4-word.b {
	top:52.6223925%
}
.page4-word.c {
	top:56.723955%
}
.page4-word.d {
	top:60.8255175%
}
.page4-circles {
	position:absolute;
	width:30.9895833%;
	top:87.5%;
	left:46.3541666%;
	height:8px;
	text-align:center
}
.page4-circles .page4-circle {
	display:inline-block;
	width:8px;
	height:8px;
	margin:0 5px;
	border-radius:8px;
	background-color:#f8c8d0
}
.page4-circles .page4-circle.select {
	background-color:#ff1a60
}
.page5-title {
	top:37.03854%;
	right:66.92708%;
	height:11.26302083%
}
.page5-word {
	right:66.79688%;
	height:4.03645833%
}
.page5-word.a {
	top:51.43229%
}
.page5-word.b {
	top:55.46874833333334%
}
.page5-word.c {
	top:59.505206666666666%
}
.page5-word.d {
	top:63.541665%
}
.page5-tag0 {
	top:38.0208%;
	left:78.385%;
	height:9.375%
}
.page5-tag1 {
	top:52.864%;
	left:78.3854%;
	height:9.375%
}
.page5-mask {
	position:absolute;
	width:100%;
	bottom:0;
	background-color:#110c0c;
	z-index:10;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0);
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-ms-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out
}
.page5-mask.show {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-ms-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out
}
.page5-mask-close {
	position:absolute;
	top:60px;
	right:88px;
	height:29px;
	cursor:pointer
}
@font-face {
font-family:"FZYXJT";
src:url("//static01.cloud7.com.cn/assets/a8197245/content/image/chuye-site/fzyxjt-webfont.woff") format("woff")
}
.page5-mask-word-wrapper {
	position:absolute;
	left:88px;
	right:88px;
	top:50%;
	text-align:left;
	font-family:FZYXJT, sans-serif;
	margin-top:-228px
}
.page5-mask-word-wrapper .page5-title {
	font-size:33px;
	width:100%;
	margin-bottom:24px;
	color:#75736f
}
.page5-mask-word-wrapper .page5-content {
	line-height:24px;
	font-size:14px;
	color:#fffcf5
}

.indicator {
	height:170px;
	width:100px;
	position:absolute;
	top:50%;
	margin-top:-85px;
	left:40px
}
.indicator .item {
	height:20px;
	line-height:20px;
	width:100%;
	margin-top:11px;
	position:relative
}
.indicator .item:first-child {
	margin-top:0
}
.indicator .item div.title {
	display:none
}
.indicator .item .circle {
	width:7px;
	height:7px;
	border-radius:7px;
	border:1px solid #e8e5df;
	background-color:transparent;
	position:absolute;
	top:50%;
	margin-top:-4px
}
.indicator .item.select .circle {
	width:6px;
	height:6px;
	border-radius:6px;
	background-color:#e8e5df;
	border:2px solid #e8e5df
}
.indicator .item .title {
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#d3d1cc;
	position:absolute;
	left:20px
}
.indicator .item.tap .title {
	display:inline-block
}
.show .page0-phone, .show .page0-img-border {
	animation:2s right-to-left ease-in-out both;
	-webkit-animation:2s right-to-left ease-in-out both
}
.show .page-title {
	animation:1.5s left-to-right 1s cubic-bezier(.17, .67, .6, 1.62) both;
	-webkit-animation:1.5s left-to-right 1s cubic-bezier(.17, .67, .6, 1.62) both
}
.show .page0-word.a {
	animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page0-word.b {
	animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both;
}
.show .page0-word.c {
	animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page0-word.d {
	animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page0-qr {
	animation:1s shade-in 3.4s ease-in-out both;
	-webkit-animation:1s shade-in 3.4s ease-in-out both
}
.show .page1-word.a {
	animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page1-word.b {
	animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page1-word.c {
	animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page1-word.d {
	animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page1-word.e {
	animation:1.3s down-shade 3s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 3s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page1-word.f {
	animation:1.3s down-shade 3.3s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 3.3s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page1-0 {
	animation:2s right-to-left-b 0s ease-in-out both;
	-webkit-animation:2s right-to-left-b 0s ease-in-out both
}
.show .page1-1 {
animation:2s right-to-left-b .15s ease-in-out both;
-webkit-animation:2s right-to-left-b .15s ease-in-out both
}
.show .page1-2 {
animation:2s right-to-left-b .3s ease-in-out both;
-webkit-animation:2s right-to-left-b .3s ease-in-out both
}
.show .page1-3 {
animation:2s right-to-left-b .45s ease-in-out both;
-webkit-animation:2s right-to-left-b .45s ease-in-out both
}
.show .page1-4 {
animation:2s right-to-left-b .6s ease-in-out both;
-webkit-animation:2s right-to-left-b .6s ease-in-out both
}
.show .page1-5 {
animation:2s right-to-left-b .75s ease-in-out both;
-webkit-animation:2s right-to-left-b .75s ease-in-out both
}
.show .page1-6 {
animation:2s right-to-left-b .9s ease-in-out both;
-webkit-animation:2s right-to-left-b .9s ease-in-out both
}
.show .page1-7 {
	animation:2s right-to-left-b 1.05s ease-in-out both;
	-webkit-animation:2s right-to-left-b 1.05s ease-in-out both
}
.show .page1-dash {
	animation:1s shade-in ease-in-out both;
	-webkit-animation:1s shade-in ease-in-out both
}
.show .page2-word.a {
	animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page2-word.b {
	animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page2-word.c {
	animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page2-word.d {
	animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page2-word.e {
	animation:1.3s down-shade 3s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 3s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page2-tag0, .show .page5-tag0 {
	animation:1s right-to-left ease-in-out both;
	-webkit-animation:1s right-to-left ease-in-out both
}
.show .page2-tag1, .show .page5-tag1 {
animation:1s right-to-left .2s ease-in-out both;
-webkit-animation:1s right-to-left .2s ease-in-out both
}
.page-4 .content-img.fly {
animation:.5s fly ease-in-out both;
-webkit-animation:.5s fly ease-in-out both
}
.show .page3-canvas {
	animation:1.5s right-to-left-b ease-in-out both;
	-webkit-animation:1.5s right-to-left-b ease-in-out both
}
.show .page2-girl {
animation:.5s scale-r cubic-bezier(.17, .67, .72, 1.39) both;
-webkit-animation:.5s scale-r cubic-bezier(.17, .67, .72, 1.39) both
}
.show .page2-arrow {
animation:.5s scale .2s cubic-bezier(.17, .67, .72, 1.39) both;
-webkit-animation:.5s scale .2s cubic-bezier(.17, .67, .72, 1.39) both
}
.show .page2-cat {
animation:.5s scale .4s cubic-bezier(.17, .67, .72, 1.39) both;
-webkit-animation:.5s scale .4s cubic-bezier(.17, .67, .72, 1.39) both
}
.show .page3-word.a {
	animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page3-word.b {
	animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page3-word.c {
	animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page3-word.d {
	animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page3-word.e {
	animation:1.3s down-shade 3s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 3s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page4-word.a {
	animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page4-word.b {
	animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page4-word.c {
	animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page4-word.d {
	animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page5-word.a {
	animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 1.8s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page5-word.b {
	animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.1s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page5-word.c {
	animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.4s cubic-bezier(.33, .9, .64, 1.27) both
}
.show .page5-word.d {
	animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both;
	-webkit-animation:1.3s down-shade 2.7s cubic-bezier(.33, .9, .64, 1.27) both
}
.page3-canvas.shake {
animation:.3s shake ease-in-out both;
-webkit-animation:.3s shake ease-in-out both
}
.show .page3-play-btn {
	animation:3s flip-over ease-in-out both infinite;
	-webkit-animation:3s flip-over ease-in-out both infinite
}
@keyframes left-to-right {
0% {
transform:translate3d(-50px, 0, 0);
opacity:0
}
30% {
transform:translate3d(10px, 0, 0);
opacity:1
}
50% {
transform:translate3d(-6px, 0, 0);
opacity:1
}
65% {
transform:translate3d(4px, 0, 0);
opacity:1
}
80% {
transform:translate3d(-2px, 0, 0);
opacity:1
}
90% {
transform:translate3d(1px, 0, 0);
opacity:1
}
100% {
transform:translate3d(0, 0, 0);
opacity:1
}
}
@-webkit-keyframes left-to-right {
0% {
transform:translate3d(-50px, 0, 0);
opacity:0
}
30% {
transform:translate3d(10px, 0, 0);
opacity:1
}
50% {
transform:translate3d(-6px, 0, 0);
opacity:1
}
65% {
transform:translate3d(4px, 0, 0);
opacity:1
}
80% {
transform:translate3d(-2px, 0, 0);
opacity:1
}
90% {
transform:translate3d(1px, 0, 0);
opacity:1
}
100% {
transform:translate3d(0, 0, 0);
opacity:1
}
}

@keyframes right-to-left {
0% {
transform:translate3d(50px, 0, 0);
opacity:0
}
50% {
opacity:1
}
100% {
transform:translate3d(0, 0, 0);
opacity:1
}
}
@-webkit-keyframes right-to-left {
0% {
transform:translate3d(50px, 0, 0);
opacity:0
}
50% {
opacity:1
}
100% {
transform:translate3d(0, 0, 0);
opacity:1
}
}

@keyframes right-to-left-b {
0% {
transform:translate3d(150px, 0, 0);
opacity:0
}
50% {
opacity:1
}
100% {
transform:translate3d(0, 0, 0);
opacity:1
}
}
@-webkit-keyframes right-to-left-b {
0% {
transform:translate3d(150px, 0, 0);
opacity:0
}
50% {
opacity:1
}
100% {
transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes shade-in {
0% {
-webkit-transform:perspective(1500px) scale3d(1, 1, 1);
transform:perspective(1500px) scale3d(1, 1, 1);
opacity:0
}
100% {
-webkit-transform:perspective(1500px) scale3d(1, 1, 1);
transform:perspective(1500px) scale3d(1, 1, 1);
opacity:1
}
}
@-webkit-keyframes shade-in {
0% {
-webkit-transform:perspective(1500px) scale3d(1, 1, 1);
transform:perspective(1500px) scale3d(1, 1, 1);
opacity:0
}
100% {
-webkit-transform:perspective(1500px) scale3d(1, 1, 1);
transform:perspective(1500px) scale3d(1, 1, 1);
opacity:1
}
}


@keyframes down-shade {
0% {
-webkit-transform:perspective(1500px) translate3d(0, -80%, 0);
transform:perspective(1500px) translate3d(0, -100%, 0);
opacity:0
}
50% {
-webkit-transform:perspective(1500px) translate3d(0, 10%, 0);
transform:perspective(1500px) translate3d(0, 10%, 0)
}
100% {
-webkit-transform:perspective(1500px) translate3d(0, 0, 0);
transform:perspective(1500px) translate3d(0, 0, 0);
opacity:1
}
}
@-webkit-keyframes down-shade {
0% {
-webkit-transform:perspective(1500px) translate3d(0, -80%, 0);
transform:perspective(1500px) translate3d(0, -100%, 0);
opacity:0
}
50% {
-webkit-transform:perspective(1500px) translate3d(0, 10%, 0);
transform:perspective(1500px) translate3d(0, 10%, 0)
}
100% {
-webkit-transform:perspective(1500px) translate3d(0, 0, 0);
transform:perspective(1500px) translate3d(0, 0, 0);
opacity:1
}
}
@keyframes fly {
0% {
transform:translate3d(0, 0, 0) scale3d(1, 1, 1)
}
100% {
transform:translate3d(100%, 0, 0) scale3d(0.73, 0.73, 0.73)
}
}
@-webkit-keyframes fly {
0% {
transform:translate3d(0, 0, 0) scale3d(1, 1, 1)
}
100% {
transform:translate3d(100%, 0, 0) scale3d(0.73, 0.73, 0.73)
}
}
@keyframes scale {
0% {
opacity:0;
transform:scale3d(0.5, 0.5, 0.5)
}
70% {
opacity:1;
transform:scale3d(1.4, 1.4, 1.4)
}
100% {
opacity:1;
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes scale {
0% {
opacity:0;
transform:scale3d(0.5, 0.5, 0.5)
}
70% {
opacity:1;
transform:scale3d(1.4, 1.4, 1.4)
}
100% {
opacity:1;
transform:scale3d(1, 1, 1)
}
}
@keyframes scale-r {
0% {
opacity:0;
transform:scale3d(0.5, 0.5, 0.5) rotateZ(180deg)
}
70% {
opacity:1;
transform:scale3d(1.4, 1.4, 1.4) rotateZ(180deg)
}
100% {
opacity:1;
transform:scale3d(1, 1, 1) rotateZ(180deg)
}
}
@-webkit-keyframes scale-r {
0% {
opacity:0;
transform:scale3d(0.5, 0.5, 0.5) rotateZ(180deg)
}
70% {
opacity:1;
transform:scale3d(1.4, 1.4, 1.4) rotateZ(180deg)
}
100% {
opacity:1;
transform:scale3d(1, 1, 1) rotateZ(180deg)
}
}
@keyframes shake {
0% {
transform:translate3d(0, 0, 0)
}
20% {
transform:translate3d(4px, 2px, 0)
}
30% {
transform:translate3d(-4px, -2px, 0)
}
40% {
transform:translate3d(3px, -2px, 0)
}
60% {
transform:translate3d(0px, 2px, 0)
}
70% {
transform:translate3d(-5px, -4px, 0)
}
90% {
transform:translate3d(5px, 4px, 0)
}
100% {
transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes shake {
0% {
transform:translate3d(0, 0, 0)
}
20% {
transform:translate3d(4px, 2px, 0)
}
30% {
transform:translate3d(-4px, -2px, 0)
}
40% {
transform:translate3d(3px, -2px, 0)
}
60% {
transform:translate3d(0px, 2px, 0)
}
70% {
transform:translate3d(-5px, -4px, 0)
}
90% {
transform:translate3d(5px, 4px, 0)
}
100% {
transform:translate3d(0, 0, 0)
}
}
@keyframes flip-over {
0% {
opacity:1
}
50% {
opacity:.2
}
100% {
opacity:1
}
}
@-webkit-keyframes flip-over {
0% {
opacity:1
}
50% {
opacity:.2
}
100% {
opacity:1
}
}
html {
	width:100%;
	height:100%
}
body.not-support {
	background:url(//static01.cloud7.com.cn/assets/1299c3ce/content/image/chuye-site/browser_bg.jpg) repeat-x left top;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-family:"Microsoft YaHei", 微软雅黑, "STHei", 华文黑体, "Helvetica Neue", Helvetica, Arial, sans-serif
}
.not-support div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0
}
.not-support h1, h2, h3, h4, h5, h6, b {
	font-size:100%;
	font-weight:500
}
.not-support ol, ul {
	list-style:none
}
.not-support a {
	text-decoration:none;
	cursor:pointer
}
.not-support .browser-update {
	width:718px;
	height:496px;
	clear:both;
	background:url(//static01.cloud7.com.cn/assets/1299c3ce/content/image/chuye-site/browser_bg_wrapper.png) no-repeat left top;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-359px;
	margin-top:-248px
}
.not-support .browser-update h1, .browser-update h2, .browser-update h3 {
	text-align:center
}
.not-support .browser-update h1 {
	padding:67px 0 0 0;
	font-size:30px;
	line-height:30px;
	color:#333;
	letter-spacing:1px
}
.not-support .browser-update h2 {
	font-size:14px;
	line-height:1.8;
	color:#999;
	padding:32px 55px 15px;
	letter-spacing:.1px
}
.not-support .browser-update h3 {
	font-size:16px;
	line-height:16px;
	color:#666;
	padding:20px 0 40px 0
}
.not-support .browser-update ul {
	clear:both
}
.not-support .browser-update li {
	float:left;
	background:url(//static01.cloud7.com.cn/assets/1299c3ce/content/image/chuye-site/browser_icon.png) no-repeat left top;
	width:140px;
	height:170px;
	position:relative;
	text-align:center;
*display:inline;
*zoom:1
}
.not-support .browser-update ul a {
	display:block;
	width:100%;
	padding:135px 0 0 0
}
.not-support .browser-update h4 {
	color:#999;
	font-size:14px;
	line-height:20px
}
.not-support .browser-update .chrome {
	background-position:9px 0;
	margin:0 0 0 89px
}
.not-support .browser-update .firefox {
	background-position:-140px 0;
	margin:0 60px
}
.not-support .browser-update .ie {
	background-position:-292px 0
}
.section1 .page1-title{margin-left:-155px;}
.section2 .page1-title{margin-left:-5px;}
.section3 .page1-title{margin-left:-35px;}

.section4 .page1-title{margin-left:20px;}
.section5 .page1-title{margin-left:10px;}
.section6 .page1-title{margin-left:80px;}
.page0-qr:hover .page0-qr-mask{display:block;}
.function-fot .down-app{display:none;}
.focus-img{z-index:99;}