@charset "utf-8";

html,
body {
	height: 100%;
	overflow: hidden;
	background: #000;
}
.fade-in {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity .2s linear;
	   -moz-transition: opacity .2s linear;
	    -ms-transition: opacity .2s linear;
	     -o-transition: opacity .2s linear;
	        transition: opacity .2s linear;
}
.fade-out {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .2s linear;
	   -moz-transition: opacity .2s linear;
	    -ms-transition: opacity .2s linear;
	     -o-transition: opacity .2s linear;
	        transition: opacity .2s linear;
}

.header {
	background: #000;
	height: 90px;
	box-shadow: none;
	overflow: hidden;
	position: relative;
	z-index: 1
}
.header .logo img {
	display: block;
	margin-top: -5px;
}
.header .navigation {
	padding: 0;
	font-size: 0;
}
.header .navigation li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	margin: 0;
	line-height: 20px;
}
.header .navigation li a {
	border-bottom: 0;
	padding: 30px 15px 0;
	height: 60px;
	-webkit-transition: background-color .3s;
	   -moz-transition: background-color .3s;
	    -ms-transition: background-color .3s;
	     -o-transition: background-color .3s;
	        transition: background-color .3s;
}
.header .navigation li a:hover,
.header .navigation li a:focus {
	border-bottom: 0;
	color: #fff;
	background-color: #333;
}
.header .navigation li.current a {
	border-bottom: 0;
	background-color: #3b9ac6;
}

.focus .banners {
	position: relative;
	pointer-events: none;
}
.focus .banners li {
	position: relative;
	overflow: hidden;
}
.focus-fade .banners li {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 1s linear;
	   -moz-transition: opacity 1s linear;
	    -ms-transition: opacity 1s linear;
	     -o-transition: opacity 1s linear;
	        transition: opacity 1s linear;
}
.focus-fade .banners li.current {
	opacity: 1;
	filter: alpha(opacity=100);
}
.focus-slide .banners {
	position: absolute;
	width: 100%;
	height: 80%;
	white-space: nowrap;
	font-size: 0;
	-webkit-transition: left .5s linear;
	   -moz-transition: left .5s linear;
	    -ms-transition: left .5s linear;
	     -o-transition: left .5s linear;
	        transition: left .5s linear;
}
.focus-slide .banners li,
.focus-slide .banners li img {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100%;
	background: no-repeat center bottom;
	/*background-size: auto 100%;*/
}


#page,
.page {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
#page.animate {
	-webkit-transition: -webkit-transform 1s ease;
	   -moz-transition: -moz-transform 1s ease;
	    -ms-transition: -ms-transform 1s ease;
	     -o-transition: -o-transform 1s ease;
	        transition: transform 1s ease;
}
.page.absolute {
	position: absolute;
	display: none;
}
#page-indicator {
	position: absolute;
	z-index: 9999;
	right: 30px;
	top: 42%;
	width: 20px;
}
#page-indicator li {
	margin: 3px 0;
	*overflow: hidden;
}
#page-indicator li a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 6px 5px;
	text-decoration: none;
}
#page-indicator li.current a {
	padding: 4px 5px;
}
#page-indicator .dot {
	display: block;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	margin: auto;
	background-color: #aaa;
}
#page-indicator li.current .dot {
	width: 9px;
	height: 9px;
	border: 1px solid #aaa;
	background-color: transparent;
}
#page-indicator .text {
	position: absolute;
	right: 24px;
	top: 0px;
	white-space: nowrap;
	color: #aaa;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .3s linear;
	   -moz-transition: opacity .3s linear;
	    -ms-transition: opacity .3s linear;
	     -o-transition: opacity .3s linear;
	        transition: opacity .3s linear;
}
#page-indicator li a:hover .text,
#page-indicator li a:focus .text {
	opacity: 1;
	filter: alpha(opacity=100);
}

#page-1 {
	background-color: #000;
}
#page-1 .banners {
	margin-top: -50px;
}
#page-1 .download-box {
	position: absolute;
	z-index: 11;
	left: 50%;
	bottom: 200px;
	width: 250px;
	height: 110px;
	margin-left: -144px;
	padding: 0 19px;
	background:url(../p1-download-box.png) no-repeat 0 center;
	background-image:-webkit-image-set(url(../p1-download-box.png) 1x, url(../p1-download-box-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-download-box.png) 1x, url(../p1-download-box-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-download-box.png) 1x, url(../p1-download-box-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-download-box.png) 1x, url(../p1-download-box-2x.png) 2x);
}
#page-1 .download-box li {
	float: left;
}
#page-1 .download-box li a {
	display: block;
	width: 83px;
	height: 75px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	-webkit-transition: color .3s;
	   -moz-transition: color .3s;
	    -ms-transition: color .3s;
	     -o-transition: color .3s;
	        transition: color .3s;
}
#page-1 .download-box li a:hover,
#page-1 .download-box li a:focus {
	color: #3b9ac6;
}
#page-1 .download-box .icon {
	display: block;
	width: 100%;
	height: 50px;
	background:url(../p1-download-icons.png) no-repeat 0 -50px;
	background-image:-webkit-image-set(url(../p1-download-icons.png) 1x, url(../p1-download-icons-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-download-icons.png) 1x, url(../p1-download-icons-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-download-icons.png) 1x, url(../p1-download-icons-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-download-icons.png) 1x, url(../p1-download-icons-2x.png) 2x);
	background-size: auto;
	-webkit-transition: background .3s;
	   -moz-transition: background .3s;
	    -ms-transition: background .3s;
	     -o-transition: background .3s;
	        transition: background .3s;
}
#page-1 .download-box li.download-iPhone .icon {
	background-position: 0 -50px;
}
#page-1 .download-box li.download-Android .icon {
	background-position: -83px -50px;
}
#page-1 .download-box li.download-iPad .icon {
	background-position: -166px -50px;
}
#page-1 .download-box li a:hover .icon,
#page-1 .download-box li a:focus .icon,
#page-1 .download-box li.download-iPhone a:hover .icon,
#page-1 .download-box li.download-iPhone a:focus .icon {
	background-position: 0 0;
}
#page-1 .download-box li.download-Android a:hover .icon,
#page-1 .download-box li.download-Android a:focus .icon {
	background-position: -83px 0;
}
#page-1 .download-box li.download-iPad a:hover .icon,
#page-1 .download-box li.download-iPad a:focus .icon {
	background-position: -166px 0;
}
#page-1 .modules-box {
	position: absolute;
	z-index: 12;
	bottom: 0;
	left: 0;
	background: #000;
	width: 100%;
	height: 160px;
	-webkit-transition: height .3s;
	   -moz-transition: height .3s;
	    -ms-transition: height .3s;
	     -o-transition: height .3s;
	        transition: height .3s;
}
#page-1 .modules-box a {
	-webkit-touch-callout: none;
}
#page-1 .collapsible-arrow {
	position: absolute;
	z-index: 13;
	top: -18px;
	left: 50%;
	margin-left: -17.5px;
	display: block;
	width: 35px;
	height: 35px;
	background:url(../p1-arrow.png) no-repeat;
	background-image:-webkit-image-set(url(../p1-arrow.png) 1x, url(../p1-arrow-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-arrow.png) 1x, url(../p1-arrow-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-arrow.png) 1x, url(../p1-arrow-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-arrow.png) 1x, url(../p1-arrow-2x.png) 2x);
	cursor: pointer;
	-webkit-transition: -webkit-transform .3s;
	   -moz-transition: -moz-transform .3s;
	    -ms-transition: -ms-transform .3s;
	     -o-transition: -o-transform .3s;
	        transition: transform .3s;
}
#page-1 .modules-box.on .collapsible-arrow {
	-webkit-transform: scaleY(-1);
	   -moz-transform: scaleY(-1);
	    -ms-transform: scaleY(-1);
	     -o-transform: scaleY(-1);
	        transform: scaleY(-1);
}
#page-1 .modules {
	text-align: center;
	position: relative;
	overflow: hidden;
}
#page-1 .modules .mudules-description {
	position: absolute;
	right: 0;
	top: 40px;
	display: none;
	color: #cccccc;
	font-size: 15px;
	text-align: left;
}
#page-1 .modules .mudules-description li {
	position: absolute;
	width: 280px;
	top: 100px;
	right: 0;
	border: 1px solid #313131;
	border-radius: 10px;
	padding: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}
#page-1 .modules .mudules-description li h2 {
	font-size: 1.4em;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	margin-bottom: 15px;
}
#page-1 .modules .mudules-description li p {
	line-height: 1.8;
	margin-bottom: 10px;
}
#page-1 .modules .mudules-description li.active {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
#page-1 .modules-box.on .mudules-description {
	display: block;
}
#page-1 .modules .modules-list {
	white-space: nowrap;
	padding-bottom: 50px;
	position: relative;
	left: 0;
	font-size: 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	     -o-user-select: none;
	        user-select: none;
}
#page-1 .modules-box.on .modules .modules-list {
	white-space: normal;
	width: 600px;
	float: left;
	position: static;
}
#page-1 .modules-list li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 110px;
	font-size: 12px;
}
#page-1 .modules-list li a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #777;
	top: 35px;
	background:url(../p1-modules-circle.png) no-repeat center 0;
	background-image:-webkit-image-set(url(../p1-modules-circle.png) 1x, url(../p1-modules-circle-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-modules-circle.png) 1x, url(../p1-modules-circle-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-modules-circle.png) 1x, url(../p1-modules-circle-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-modules-circle.png) 1x, url(../p1-modules-circle-2x.png) 2x);
	-webkit-transition: top .2s linear;
	   -moz-transition: top .2s linear;
	    -ms-transition: top .2s linear;
	     -o-transition: top .2s linear;
	        transition: top .2s linear;
}
#page-1 .modules-list li.active a,
#page-1 .modules-list li a:hover,
#page-1 .modules-list li a:focus {
	top: 15px;
}
#page-1 .modules-list li a .circle {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	margin-left: -44px;
	width: 88px;
	height: 88px;
	font-size: 0;
	background:url(../p1-module-bg-0-home.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-0-home.png) 1x, url(../p1-module-bg-0-home-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-0-home.png) 1x, url(../p1-module-bg-0-home-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-0-home.png) 1x, url(../p1-module-bg-0-home-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-0-home.png) 1x, url(../p1-module-bg-0-home-2x.png) 2x);
	background-size: 0 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
	    -ms-transition: all .3s linear;
	     -o-transition: all .3s linear;
	        transition: all .3s linear;
}
#page-1 .modules-list li#module-1 a .circle,
#page-1 .modules-list li#module-22 a .circle {
	background:url(../p1-module-bg-1-news.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-1-news.png) 1x, url(../p1-module-bg-1-news-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-1-news.png) 1x, url(../p1-module-bg-1-news-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-1-news.png) 1x, url(../p1-module-bg-1-news-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-1-news.png) 1x, url(../p1-module-bg-1-news-2x.png) 2x);
}
#page-1 .modules-list li#module-2 a .circle {
	background:url(../p1-module-bg-2-gov.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-2-gov.png) 1x, url(../p1-module-bg-2-gov-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-2-gov.png) 1x, url(../p1-module-bg-2-gov-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-2-gov.png) 1x, url(../p1-module-bg-2-gov-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-2-gov.png) 1x, url(../p1-module-bg-2-gov-2x.png) 2x);
}
#page-1 .modules-list li#module-3 a .circle {
	background:url(../p1-module-bg-3-topic.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-3-topic.png) 1x, url(../p1-module-bg-3-topic-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-3-topic.png) 1x, url(../p1-module-bg-3-topic-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-3-topic.png) 1x, url(../p1-module-bg-3-topic-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-3-topic.png) 1x, url(../p1-module-bg-3-topic-2x.png) 2x);
}
#page-1 .modules-list li#module-4 a .circle {
	background:url(../p1-module-bg-4-research.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-4-research.png) 1x, url(../p1-module-bg-4-research-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-4-research.png) 1x, url(../p1-module-bg-4-research-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-4-research.png) 1x, url(../p1-module-bg-4-research-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-4-research.png) 1x, url(../p1-module-bg-4-research-2x.png) 2x);
}
#page-1 .modules-list li#module-5 a .circle {
	background:url(../p1-module-bg-5-market.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-5-market.png) 1x, url(../p1-module-bg-5-market-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-5-market.png) 1x, url(../p1-module-bg-5-market-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-5-market.png) 1x, url(../p1-module-bg-5-market-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-5-market.png) 1x, url(../p1-module-bg-5-market-2x.png) 2x);
}
#page-1 .modules-list li#module-6 a .circle {
	background:url(../p1-module-bg-6-live.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-6-live.png) 1x, url(../p1-module-bg-6-live-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-6-live.png) 1x, url(../p1-module-bg-6-live-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-6-live.png) 1x, url(../p1-module-bg-6-live-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-6-live.png) 1x, url(../p1-module-bg-6-live-2x.png) 2x);
}
#page-1 .modules-list li#module-7 a .circle {
	background:url(../p1-module-bg-7-vod.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-7-vod.png) 1x, url(../p1-module-bg-7-vod-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-7-vod.png) 1x, url(../p1-module-bg-7-vod-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-7-vod.png) 1x, url(../p1-module-bg-7-vod-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-7-vod.png) 1x, url(../p1-module-bg-7-vod-2x.png) 2x);
}
#page-1 .modules-list li#module-8 a .circle {
	background:url(../p1-module-bg-8-photo.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-8-photo.png) 1x, url(../p1-module-bg-8-photo-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-8-photo.png) 1x, url(../p1-module-bg-8-photo-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-8-photo.png) 1x, url(../p1-module-bg-8-photo-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-8-photo.png) 1x, url(../p1-module-bg-8-photo-2x.png) 2x);
}
#page-1 .modules-list li#module-9 a .circle,
#page-1 .modules-list li#module-24 a .circle {
	background:url(../p1-module-bg-9-transport.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-9-transport.png) 1x, url(../p1-module-bg-9-transport-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-9-transport.png) 1x, url(../p1-module-bg-9-transport-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-9-transport.png) 1x, url(../p1-module-bg-9-transport-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-9-transport.png) 1x, url(../p1-module-bg-9-transport-2x.png) 2x);
}
#page-1 .modules-list li#module-10 a .circle {
	background:url(../p1-module-bg-10-bus.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-10-bus.png) 1x, url(../p1-module-bg-10-bus-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-10-bus.png) 1x, url(../p1-module-bg-10-bus-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-10-bus.png) 1x, url(../p1-module-bg-10-bus-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-10-bus.png) 1x, url(../p1-module-bg-10-bus-2x.png) 2x);
}
#page-1 .modules-list li#module-11 a .circle {
	background:url(../p1-module-bg-11-traffic.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-11-traffic.png) 1x, url(../p1-module-bg-11-traffic-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-11-traffic.png) 1x, url(../p1-module-bg-11-traffic-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-11-traffic.png) 1x, url(../p1-module-bg-11-traffic-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-11-traffic.png) 1x, url(../p1-module-bg-11-traffic-2x.png) 2x);
}
#page-1 .modules-list li#module-12 a .circle {
	background:url(../p1-module-bg-12-reading.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-12-reading.png) 1x, url(../p1-module-bg-12-reading-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-12-reading.png) 1x, url(../p1-module-bg-12-reading-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-12-reading.png) 1x, url(../p1-module-bg-12-reading-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-12-reading.png) 1x, url(../p1-module-bg-12-reading-2x.png) 2x);
}
#page-1 .modules-list li#module-13 a .circle,
#page-1 .modules-list li#module-21 a .circle {
	background:url(../p1-module-bg-13-weibo.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-13-weibo.png) 1x, url(../p1-module-bg-13-weibo-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-13-weibo.png) 1x, url(../p1-module-bg-13-weibo-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-13-weibo.png) 1x, url(../p1-module-bg-13-weibo-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-13-weibo.png) 1x, url(../p1-module-bg-13-weibo-2x.png) 2x);
}
#page-1 .modules-list li#module-14 a .circle {
	background:url(../p1-module-bg-14-weather.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-14-weather.png) 1x, url(../p1-module-bg-14-weather-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-14-weather.png) 1x, url(../p1-module-bg-14-weather-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-14-weather.png) 1x, url(../p1-module-bg-14-weather-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-14-weather.png) 1x, url(../p1-module-bg-14-weather-2x.png) 2x);
}
#page-1 .modules-list li#module-15 a .circle {
	background:url(../p1-module-bg-15-bicycle.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-15-bicycle.png) 1x, url(../p1-module-bg-15-bicycle-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-15-bicycle.png) 1x, url(../p1-module-bg-15-bicycle-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-15-bicycle.png) 1x, url(../p1-module-bg-15-bicycle-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-15-bicycle.png) 1x, url(../p1-module-bg-15-bicycle-2x.png) 2x);
}
#page-1 .modules-list li#module-16 a .circle {
	background:url(../p1-module-bg-16-theater.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-16-theater.png) 1x, url(../p1-module-bg-16-theater-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-16-theater.png) 1x, url(../p1-module-bg-16-theater-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-16-theater.png) 1x, url(../p1-module-bg-16-theater-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-16-theater.png) 1x, url(../p1-module-bg-16-theater-2x.png) 2x);
}
#page-1 .modules-list li#module-17 a .circle {
	background:url(../p1-module-bg-17-contribute.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-17-contribute.png) 1x, url(../p1-module-bg-17-contribute-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-17-contribute.png) 1x, url(../p1-module-bg-17-contribute-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-17-contribute.png) 1x, url(../p1-module-bg-17-contribute-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-17-contribute.png) 1x, url(../p1-module-bg-17-contribute-2x.png) 2x);
}
#page-1 .modules-list li#module-18 a .circle,
#page-1 .modules-list li#module-23 a .circle {
	background:url(../p1-module-bg-18-travel.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-18-travel.png) 1x, url(../p1-module-bg-18-travel-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-18-travel.png) 1x, url(../p1-module-bg-18-travel-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-18-travel.png) 1x, url(../p1-module-bg-18-travel-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-18-travel.png) 1x, url(../p1-module-bg-18-travel-2x.png) 2x);
}
#page-1 .modules-list li#module-19 a .circle {
	background:url(../p1-module-bg-19-huigou.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-19-huigou.png) 1x, url(../p1-module-bg-19-huigou-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-19-huigou.png) 1x, url(../p1-module-bg-19-huigou-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-19-huigou.png) 1x, url(../p1-module-bg-19-huigou-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-19-huigou.png) 1x, url(../p1-module-bg-19-huigou-2x.png) 2x);
}
#page-1 .modules-list li#module-20 a .circle {
	background:url(../p1-module-bg-20-metro.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p1-module-bg-20-metro.png) 1x, url(../p1-module-bg-20-metro-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-module-bg-20-metro.png) 1x, url(../p1-module-bg-20-metro-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-module-bg-20-metro.png) 1x, url(../p1-module-bg-20-metro-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-module-bg-20-metro.png) 1x, url(../p1-module-bg-20-metro-2x.png) 2x);
}
#page-1 .modules-list li a .circle {
	background-size: 0 0!important;
}
#page-1 .modules-list li.active a .circle,
#page-1 .modules-list li a:hover .circle,
#page-1 .modules-list li a:focus .circle {
	background-size: auto!important;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-animation: circleZoom .3s linear forwards;
	   -moz-animation: circleZoom .3s linear forwards;
	    -ms-animation: circleZoom .3s linear forwards;
	     -o-animation: circleZoom .3s linear forwards;
	        animation: circleZoom .3s linear forwards;
}
@-webkit-keyframes circleZoom {
	0%   { background-size: 0 0 }
	80%  { background-size: auto 108% }
	100% { background-size: auto 100% }
}
@-moz-keyframes circleZoom {
	0%   { background-size: 0 0 }
	80%  { background-size: auto 108% }
	100% { background-size: auto 100% }
}
@-ms-keyframes circleZoom {
	0%   { background-size: 0 0 }
	80%  { background-size: auto 108% }
	100% { background-size: auto 100% }
}
@-o-keyframes circleZoom {
	0%   { background-size: 0 0 }
	80%  { background-size: auto 108% }
	100% { background-size: auto 100% }
}
@keyframes circleZoom {
	0%   { background-size: 0 0 }
	80%  { background-size: auto 108% }
	100% { background-size: auto 100% }
}
#page-1 .modules-list li#module-1 .icon {
	background-position: -88px 0;
}
#page-1 .modules-list li#module-2 .icon {
	background-position: -176px 0;
}
#page-1 .modules-list li#module-3 .icon {
	background-position: -264px 0;
}
#page-1 .modules-list li#module-4 .icon {
	background-position: -352px 0;
}
#page-1 .modules-list li#module-5 .icon {
	background-position: 0 -88px;
}
#page-1 .modules-list li#module-6 .icon {
	background-position: -88px -88px;
}
#page-1 .modules-list li#module-7 .icon {
	background-position: -176px -88px;
}
#page-1 .modules-list li#module-8 .icon {
	background-position: -264px -88px;
}
#page-1 .modules-list li#module-9 .icon {
	background-position: -352px -88px;
}
#page-1 .modules-list li#module-10 .icon {
	background-position: 0 -176px;
}
#page-1 .modules-list li#module-11 .icon {
	background-position: -88px -176px;
}
#page-1 .modules-list li#module-12 .icon {
	background-position: -176px -176px;
}
#page-1 .modules-list li#module-13 .icon {
	background-position: -264px -176px;
}
#page-1 .modules-list li#module-14 .icon {
	background-position: -352px -176px;
}
#page-1 .modules-list li#module-15 .icon {
	background-position: 0 -264px;
}
#page-1 .modules-list li#module-16 .icon {
	background-position: -88px -264px;
}
#page-1 .modules-list li#module-17 .icon {
	background-position: -176px -264px;
}
#page-1 .modules-list li#module-18 .icon {
	background-position: -264px -264px;
}
#page-1 .modules-list li#module-19 .icon {
	background-position: -352px -264px;
}
#page-1 .modules-list li#module-20 .icon {
	background-position: 0 -352px;
}
#page-1 .modules-list li#module-21 .icon {
	background-position: -88px -352px;
}
#page-1 .modules-list li#module-22 .icon {
	background-position: -176px -352px;
}
#page-1 .modules-list li#module-23 .icon {
	background-position: -264px -352px;
}
#page-1 .modules-list li#module-24 .icon {
	background-position: -352px -352px;
}
#page-1 .modules-list .icon {
	position: relative;
	z-index: 2;
	width: 88px;
	height: 88px;
	margin: auto;
	background:url(../p1-modules-icons.png) no-repeat;
	background-image:-webkit-image-set(url(../p1-modules-icons.png) 1x, url(../p1-modules-icons-2x.png) 2x);
	background-image:   -moz-image-set(url(../p1-modules-icons.png) 1x, url(../p1-modules-icons-2x.png) 2x);
	background-image:    -ms-image-set(url(../p1-modules-icons.png) 1x, url(../p1-modules-icons-2x.png) 2x);
	background-image:     -o-image-set(url(../p1-modules-icons.png) 1x, url(../p1-modules-icons-2x.png) 2x);
	background-size: auto;
}
#page-1 .modules-list li a .name-en {
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	padding-top: 5px;
	font-weight: 100;
}
#page-1 .modules-list li a .name-cn,
#page-1 .modules-list li a .name-en {
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .2s linear;
	   -moz-transition: opacity .2s linear;
	    -ms-transition: opacity .2s linear;
	     -o-transition: opacity .2s linear;
	        transition: opacity .2s linear;
}
#page-1 .modules-list li.active a .name-cn,
#page-1 .modules-list li.active a .name-en,
#page-1 .modules-list li a:hover .name-cn,
#page-1 .modules-list li a:focus .name-cn,
#page-1 .modules-list li a:hover .name-en,
#page-1 .modules-list li a:focus .name-en {
	opacity: 1;
	filter: alpha(opacity=100);
}


#page-2 ul.banners .feature-text {
	top: 50px;
}
@media only screen and (max-height: 700px) {
	#page-2 ul.banners li {
		background-size: auto 100%;
	}
	#page-2 ul.banners .feature-text {
		top: 0;
	}
}
@media only screen and (min-height: 900px) {
	#page-2 ul.banners .feature-text {
		top: 150px;
	}
}
#page-2 ul.banners li p {
	position: absolute;
	right: 0;
	background:url(../p2-text.png) no-repeat;
	background-image:-webkit-image-set(url(../p2-text.png) 1x, url(../p2-text-2x.png) 2x);
	background-image:   -moz-image-set(url(../p2-text.png) 1x, url(../p2-text-2x.png) 2x);
	background-image:    -ms-image-set(url(../p2-text.png) 1x, url(../p2-text-2x.png) 2x);
	background-image:     -o-image-set(url(../p2-text.png) 1x, url(../p2-text-2x.png) 2x);
	opacity: 0;
	filter: alpha(opacity=0);
	text-indent: -99em;
	overflow: hidden;
}
#page-2 ul.banners li p.animate {
	-webkit-transition: all .5s ease-out;
	   -moz-transition: all .5s ease-out;
	    -ms-transition: all .5s ease-out;
	     -o-transition: all .5s ease-out;
	        transition: all .5s ease-out;
}
#page-2 ul.banners li p.done {
	opacity: 1;
	filter: alpha(opacity=100);
}
#page-2 ul.banners li p#feature-text-1 {
	width: 333px;
	height: 205px;
	background-position: 0 0;
	top: 70px;
	right: 150px;
}
#page-2 ul.banners li p#feature-text-2 {
	width: 333px;
	height: 27px;
	background-position: 0 -223px;
	top: 300px;
	right: 150px;
}
#page-2 ul.banners li p#feature-text-2.animate {
	-webkit-transition-delay: .2s;
	   -moz-transition-delay: .2s;
	    -ms-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
}
#page-2 ul.banners li p#feature-text-3 {
	width: 333px;
	height: 27px;
	background-position: 0 -261px;
	top: 335px;
	right: 150px;
}
#page-2 ul.banners li p#feature-text-3.animate {
	-webkit-transition-delay: .4s;
	   -moz-transition-delay: .4s;
	    -ms-transition-delay: .4s;
	     -o-transition-delay: .4s;
	        transition-delay: .4s;
}
#page-2 ul.banners li p#feature-text-line {
	width: 375px;
	height: 5px;
	background-position: 0 -307px;
	top: 330px;
	right: 380px;
}
#page-2 ul.banners li p#feature-text-line.animate {
	-webkit-transition-delay: .9s;
	   -moz-transition-delay: .9s;
	    -ms-transition-delay: .9s;
	     -o-transition-delay: .9s;
	        transition-delay: .9s;
}
#page-2 ul.banners li p#feature-text-4,
#page-2 ul.banners li p#feature-text-5,
#page-2 ul.banners li p#feature-text-6,
#page-2 ul.banners li p#feature-text-7 {
	width: 190px;
	height: 20px;
}
#page-2 ul.banners li p#feature-text-4 {
	background-position: 0 -336px;
	top: 370px;
	right: 0;
}
#page-2 ul.banners li p#feature-text-4.animate {
	-webkit-transition-delay: 1.6s;
	   -moz-transition-delay: 1.6s;
	    -ms-transition-delay: 1.6s;
	     -o-transition-delay: 1.6s;
	        transition-delay: 1.6s;
}
#page-2 ul.banners li p#feature-text-5 {
	background-position: 0 -372px;
	top: 416px;
	right: -40px;
}
#page-2 ul.banners li p#feature-text-5.animate {
	-webkit-transition-delay: 1.8s;
	   -moz-transition-delay: 1.8s;
	    -ms-transition-delay: 1.8s;
	     -o-transition-delay: 1.8s;
	        transition-delay: 1.8s;
}
#page-2 ul.banners li p#feature-text-6 {
	background-position: 0 -408px;
	top: 462px;
	right: 30px;
}
#page-2 ul.banners li p#feature-text-6.animate {
	-webkit-transition-delay: 2s;
	   -moz-transition-delay: 2s;
	    -ms-transition-delay: 2s;
	     -o-transition-delay: 2s;
	        transition-delay: 2s;
}
#page-2 ul.banners li p#feature-text-7 {
	background-position: 0 -444px;
	top: 508px;
	right: 150px;
}
#page-2 ul.banners li p#feature-text-7.animate {
	-webkit-transition-delay: 2.2s;
	   -moz-transition-delay: 2.2s;
	    -ms-transition-delay: 2.2s;
	     -o-transition-delay: 2.2s;
	        transition-delay: 2.2s;
}

#page-2 ul.banners li p#feature-text-1.done {
	top: 20px;
}
#page-2 ul.banners li p#feature-text-2.done {
	top: 250px;
}
#page-2 ul.banners li p#feature-text-3.done {
	top: 285px;
}
#page-2 ul.banners li p#feature-text-line.done {
	right: 80px;
}
#page-2 ul.banners li p#feature-text-4.done {
	right: 150px;
}
#page-2 ul.banners li p#feature-text-5.done {
	right: 110px;
}
#page-2 ul.banners li p#feature-text-6.done {
	right: 180px;
}
#page-2 ul.banners li p#feature-text-7.done {
	right: 300px;
}

#page-3 {
	background: url(../p3-timeline-bg.png) no-repeat center center #000;
	color: #fff;
}
#page-3 h1 {
	font-size: 48px;
	text-align: center;
	font-weight: 300;
	padding: 40px 0;
	font-family: "Helvetica Neue",Helvetica,tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp";
}
#page-3 .timeline {
	position: relative;
	background: url(../p3-timeline-line.png) no-repeat center 50px;
	text-align: center;
	margin-top: 100px;
}
#page-3 .timeline li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 140px;
	margin: 0 -30px;
	color: #444;
	background: url(../p3-timeline-point.png) no-repeat center 43px;
	background-image:-webkit-image-set(url(../p3-timeline-point.png) 1x, url(../p3-timeline-point-2x.png) 2x);
	background-image:   -moz-image-set(url(../p3-timeline-point.png) 1x, url(../p3-timeline-point-2x.png) 2x);
	background-image:    -ms-image-set(url(../p3-timeline-point.png) 1x, url(../p3-timeline-point-2x.png) 2x);
	background-image:     -o-image-set(url(../p3-timeline-point.png) 1x, url(../p3-timeline-point-2x.png) 2x);
	-webkit-transition: color .3s linear;
	   -moz-transition: color .3s linear;
	    -ms-transition: color .3s linear;
	     -o-transition: color .3s linear;
	        transition: color .3s linear;
}
#page-3 .timeline li.current {
	color: #fff;
}
#page-3 .timeline li .time {
	height: 20px;
}
#page-3 .timeline li .circle {
	display: block;
	height: 33px;
	width: 33px;
	margin: 14px auto;
	background: url(../p3-timeline-point-active.png) no-repeat center center;
	background-image:-webkit-image-set(url(../p3-timeline-point-active.png) 1x, url(../p3-timeline-point-active-2x.png) 2x);
	background-image:   -moz-image-set(url(../p3-timeline-point-active.png) 1x, url(../p3-timeline-point-active-2x.png) 2x);
	background-image:    -ms-image-set(url(../p3-timeline-point-active.png) 1x, url(../p3-timeline-point-active-2x.png) 2x);
	background-image:     -o-image-set(url(../p3-timeline-point-active.png) 1x, url(../p3-timeline-point-active-2x.png) 2x);
	cursor: pointer;
	/*background-size: 0 0;*/
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
	    -ms-transition: all .3s linear;
	     -o-transition: all .3s linear;
	        transition: all .3s linear;
}
#page-3 .timeline li .version {
	height: 60px;
}
#page-3 .timeline li .time,
#page-3 .timeline li .description {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .2s linear;
	   -moz-transition: opacity .2s linear;
	    -ms-transition: opacity .2s linear;
	     -o-transition: opacity .2s linear;
	        transition: opacity .2s linear;
}
#page-3 .timeline li.current .time,
#page-3 .timeline li.current .description {
	opacity: 1;
	filter: alpha(opacity=100);
}
#page-3 .timeline li.current .circle {
	background-size: 100% 100%;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-animation: circleZoom .3s linear forwards;
	   -moz-animation: circleZoom .3s linear forwards;
	    -ms-animation: circleZoom .3s linear forwards;
	     -o-animation: circleZoom .3s linear forwards;
	        animation: circleZoom .3s linear forwards;
}
#page-3 .timeline .dot {
	position: absolute;
	top: 49px;
	left: 0;
	font-size: 0;
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 2px;
	-webkit-animation: kirakira .8s linear infinite alternate;
	   -moz-animation: kirakira .8s linear infinite alternate;
	    -ms-animation: kirakira .8s linear infinite alternate;
	     -o-animation: kirakira .8s linear infinite alternate;
	        animation: kirakira .8s linear infinite alternate;
}
@-webkit-keyframes kirakira {
	0%   { opacity: .3 }
	100% { opacity: 1 }
}
@-moz-keyframes kirakira {
	0%   { opacity: .3 }
	100% { opacity: 1 }
}
@-ms-keyframes kirakira {
	0%   { opacity: .3 }
	100% { opacity: 1 }
}
@-o-keyframes kirakira {
	0%   { opacity: .3 }
	100% { opacity: 1 }
}
@keyframes kirakira {
	0%   { opacity: .3 }
	100% { opacity: 1 }
}
#page-3 .introduction {
	margin: 80px 0 0;
	border: 1px solid #313131;
	border-radius: 10px;
	padding: 20px;
	font-size: 14px;
	line-height: 1.8;
	color: #999;
	/*text-align: center;*/
	-webkit-transition: all .5s linear;
	   -moz-transition: all .5s linear;
	    -ms-transition: all .5s linear;
	     -o-transition: all .5s linear;
	        transition: all .5s linear;
}
#page-3 .introduction:hover {
	border-color: #888;
	color: #eee;
}
#page-3 .introduction p {
	text-indent: 2em;
}

.block-white {
	background: #fff;
	color: #333;
}
.block-black {
	background: #000;
	color: #fff;
}
.block-blue {
	/*background: #3b9ac6;*/
	background: #fff;
	color: #fff;
}
.block-black a,
.block-blue a {
	color: #fff;
}
#page-4 h1 {
	font-size: 48px;
	text-align: center;
	font-weight: 300;
	padding: 20px 0;
	background: #fff;
	color: #333;
	border-bottom: 1px solid #999;
	font-family: "Helvetica Neue",Helvetica,tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp";
}
#page-4 .focus {
	background: #fff;
}
#page-4 ul.banners li {

}
#page-4 ul.banners li .col {
	width: 50%;
	float: left;
	padding: 30px 0;
	font-size: 14px;
	white-space: normal;
}
#page-4 ul.banners li dl {
	margin-bottom: 20px;
	padding: 0 30px;
	position: relative;
	opacity: 0;
	top: 100px;
	filter: alpha(opacity=0);
}
#page-4 ul.banners li dl.animate {
	-webkit-transition: all .5s ease-out;
	   -moz-transition: all .5s ease-out;
	    -ms-transition: all .5s ease-out;
	     -o-transition: all .5s ease-out;
	        transition: all .5s ease-out;
}
#page-4 ul.banners li dl.done {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
#page-4 ul.banners li dt {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 8px;
}
#page-4 ul.banners li dd {
	color: #666;
	line-height: 1.8;
}
@media only screen and (max-height: 700px) {
	#page-4 ul.banners li dl {
		margin-bottom: 15px;
	}
	#page-4 ul.banners li dt {
		font-size: 14px;
		margin-bottom: 6px;
	}
	#page-4 ul.banners li dd {
		font-size: 12px;
		line-height: 1.6;
	}
}

#page-5 .download-top {
	text-align: center;
	height: 50%;
}
#page-5 .download-top img {
	height: 100%;
}
#page-5 .download-main {
	height: 50%;
	background-image: url('../p4-bottom-bg.png');
	background-repeat: no-repeat;
	background-position: center 0;
	/*background-size: auto 100%;*/
}
#page-5 .qrcode {
	float: left;
	padding: 40px;
	width: 160px;
	text-align: center;
}
#page-5 .qrcode img {
	display: block;
	margin: 0 auto 8px;
}
#page-5 .right {
	float: left;
	width: 664px;
	padding-top: 40px; 
}
#page-5 .slogan {
	padding-bottom: 15px;
	font-size: 20px;
	line-height: 34px;
	border-bottom: 1px solid #78b8d7;
	font-family: "Helvetica Neue",Helvetica,tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp";
}
#page-5 .download-buttons {
	padding-top: 25px;
	margin-bottom: 20px;
}
#page-5 .download-buttons li {
	float: left;
	text-align: center;
}
#page-5 .download-buttons li a.dbutton {
	position: relative;
	display: block;
	width: 208px;
	height: 51px;
	margin-bottom: 8px;
	text-indent: -99em;
	overflow: hidden;
	background: url(../p4-download-button.png?x) no-repeat;
	background-image:-webkit-image-set(url(../p4-download-button.png?x) 1x, url(../p4-download-button-2x.png?x) 2x);
	background-image:   -moz-image-set(url(../p4-download-button.png?x) 1x, url(../p4-download-button-2x.png?x) 2x);
	background-image:    -ms-image-set(url(../p4-download-button.png?x) 1x, url(../p4-download-button-2x.png?x) 2x);
	background-image:     -o-image-set(url(../p4-download-button.png?x) 1x, url(../p4-download-button-2x.png?x) 2x);
	-webkit-transition: background .2s;
	   -moz-transition: background .2s;
	    -ms-transition: background .2s;
	     -o-transition: background .2s;
	        transition: background .2s;
}
#page-5 .download-buttons li a.dbutton:hover,
#page-5 .download-buttons li a.dbutton:focus {
	background-image: url(../p4-download-button-active.png?x);
	background-image:-webkit-image-set(url(../p4-download-button-active.png?x) 1x, url(../p4-download-button-active-2x.png?x) 2x);
	background-image:   -moz-image-set(url(../p4-download-button-active.png?x) 1x, url(../p4-download-button-active-2x.png?x) 2x);
	background-image:    -ms-image-set(url(../p4-download-button-active.png?x) 1x, url(../p4-download-button-active-2x.png?x) 2x);
	background-image:     -o-image-set(url(../p4-download-button-active.png?x) 1x, url(../p4-download-button-active-2x.png?x) 2x);
}
#page-5 .download-buttons li.download-iPhone,
#page-5 .download-buttons li.download-Android {
	margin-right: 20px;
}
#page-5 .download-buttons li.download-iPhone a.dbutton {
	background-position: 0 0;
}
/*#page-5 .download-buttons li.download-iPhone a.dbutton:hover,
#page-5 .download-buttons li.download-iPhone a.dbutton:focus {
	*background: url(../p4-download-button.png) no-repeat;
	background: url(../p4-download-button.png) no-repeat\9;
}*/
#page-5 .download-buttons li.download-Android a.dbutton {
	background-position: -218px 0;
}
#page-5 .download-buttons li.download-iPad a.dbutton {
	background-position: -436px 0;
}
#page-5 .download-tips {
	text-align: center;
	opacity: .5;
	filter: alpha(opacity=50);
}
#page-5 .footer {
	position: absolute;
	z-index: 11;
	width: 100%;
	background: #000;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	padding: 0;
}
#page-5 .footer,
#page-5 .footer a,
#page-5 .footer a:hover {
	color: #999;
}
#page-5 .weibo {
	float: left;
	padding: 0 20px;
}
#page-5 .weibo a {
	margin-right: 10px;
}
#page-5 .copyright {
	float: right;
	padding: 0 20px;
}
#page-5 .thanks-for-download {
	display: none;
}




.ieLow #page-indicator .text,
.ieLow #page-1 .modules .mudules-description li,
.ieLow #page-1 .modules-list li a .circle,
.ieLow #page-1 .modules-list li a .name-cn,
.ieLow #page-1 .modules-list li a .name-en ,
.ieLow #page-2 ul.banners li p,
.ieLow #page-3 .timeline li .time,
.ieLow #page-3 .timeline li .description,
.ieLow #page-4 ul.banners li dl {
	visibility: hidden;
}
.ieLow #page-indicator li a:hover .text,
.ieLow #page-1 .modules .mudules-description li.active,
.ieLow #page-1 .modules-list li.active a .circle,
.ieLow #page-1 .modules-list li a:hover .circle,
.ieLow #page-1 .modules-list li a:focus .circle,
.ieLow #page-1 .modules-list li.active a .name-cn,
.ieLow #page-1 .modules-list li.active a .name-en,
.ieLow #page-1 .modules-list li a:hover .name-cn,
.ieLow #page-1 .modules-list li a:focus .name-cn,
.ieLow #page-1 .modules-list li a:hover .name-en,
.ieLow #page-1 .modules-list li a:focus .name-en,
.ieLow #page-2 ul.banners li p.done,
.ieLow #page-3 .timeline li.current .time,
.ieLow #page-3 .timeline li.current .description,
.ieLow #page-4 ul.banners li dl.done {
	visibility: visible;
}
.ie6 #page-1,
.ie6 #page-2,
.ie6 #page-3,
.ie6 #page-4,
.ie6 #page-indicator {
	display: none!important;
}


@media only screen and (max-width: 1023px) {
	#page-2,
	#page-3,
	#page-4,
	#page-5,
	#page-indicator {
		display: none!important;
	}
	body.download #page-5{
		display: block!important;
	}
	#page {
		-webkit-transform: translate3d(0px, 0, 0px)!important;
		   -moz-transform: translate3d(0px, 0, 0px)!important;
		    -ms-transform: translate3d(0px, 0, 0px)!important;
		     -o-transform: translate3d(0px, 0, 0px)!important;
		        transform: translate3d(0px, 0, 0px)!important;
	}
}
@media only screen and (max-width: 640px) {
	.header .logo {
		float: none;
	}
	.header .logo img {
		margin: -5px auto -5px;
	}
	.header .navigation {
		display: none;
	}
	#page-1 .banners {
		margin-top: 0;
	}
	#page-1 .download-box {
		bottom: 58px;
	}
	#page-1 .modules-box {
		display: none;
	}
}
@media only screen and (max-height: 580px) {
	#page-1 .banners {
		margin-top: 0;
	}
	#page-1 .download-box {
		bottom: 38px;
	}
	#page-1 .modules-box {
		bottom: -158px;
	}
}
@media only screen and (max-width: 950px) {
	html,body {
		height: auto;
		overflow: auto;
	}
	body.download #page-5 .slogan,
	body.download #page-5 .weibo {
		display: none;
	}
	body.download #page-5 .right,
	body.download #page-5 .qrcode {
		float: none;
		margin: 0 auto;
		width: auto;
		text-align: center;
		padding: 0;
	}
	body.download #page-5 .qrcode {
		display: none;
	}
	body.download #page-5 .download-top img {
		height: auto;
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	body.download #page-5 .download-top,
	body.download #page-5 .download-main {
		height: auto;
	}
	body.download #page-5 .footer {
		position: static;
	}
	body.download #page-5 .copyright {
		padding: 0;
		float: none;
	}
	body.download #page-5 .download-buttons {
		text-align: center;
		padding-top: 10px;
	}
	body.download #page-5 .download-buttons li {
		display: inline-block;
		float: none;
		margin: 10px 10px 0;
		height: 51px;
		overflow: hidden;
	}
	body.download #page-5 .download-tips {
		margin-bottom: 30px;
		padding: 0 45px;
	}
	.thanks-for-download h2 {
		font-size: 30px;
	}
	.thanks-for-download {
		display: block;
		margin-bottom: 10px;
	}
}


#debug{position: absolute;z-index: 9999999;background: #fff;width: 100px;height: 100px;left:50%;top:50%;}

.download-iPhone a.dbutton span,
.download-Android a.dbutton span {
	display: none;
}
.download-iPhone a.dbutton:hover span,
.download-Android.trick a.dbutton span {
	display: block;
	position: absolute;
}
.download-iPhone a.dbutton:hover span.trick-robot {
	left: 100%;
	top: 8px;
	width: 63px;
	height: 31px;
	background: url(../trick-robot.png);
	background-size: 100% 100%;
	-webkit-animation: robot 1s 2.2s linear forwards;
	   -moz-animation: robot 1s 2.2s linear forwards;
	    -ms-animation: robot 1s 2.2s linear forwards;
	     -o-animation: robot 1s 2.2s linear forwards;
	        animation: robot 1s 2.2s linear forwards;
}
@-webkit-keyframes robot {
	0%   { left: 100% }
	20%  { left: 20% }
	100% { left: 10% }
}
@-moz-keyframes robot {
	0%   { left: 100% }
	20%  { left: 20% }
	100% { left: 10% }
}
@-ms-keyframes robot {
	0%   { left: 100% }
	20%  { left: 20% }
	100% { left: 10% }
}
@-o-keyframes robot {
	0%   { left: 100% }
	20%  { left: 20% }
	100% { left: 10% }
}
@keyframes robot {
	0%   { left: 100% }
	20%  { left: 20% }
	100% { left: 10% }
}
.download-iPhone a.dbutton:hover span.trick-apple {
	left: 60%;
	*left: 100%;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	top: 8px;
	width: 28px;
	height: 31px;
	background: url(../trick-apple.png);
	background-size: 100% 100%;
	opacity: 0;
	-webkit-animation: apple 2.4s linear forwards;
	   -moz-animation: apple 2.4s linear forwards;
	    -ms-animation: apple 2.4s linear forwards;
	     -o-animation: apple 2.4s linear forwards;
	        animation: apple 2.4s linear forwards;
}
@-webkit-keyframes apple {
	0%   { opacity: 0 }
	10%  { opacity: 1 }
	95%  { opacity: 1 }
	100% { opacity: 0 }
}
@-moz-keyframes apple {
	0%   { opacity: 0 }
	10%  { opacity: 1 }
	95%  { opacity: 1 }
	100% { opacity: 0 }
}
@-ms-keyframes apple {
	0%   { opacity: 0 }
	10%  { opacity: 1 }
	95%  { opacity: 1 }
	100% { opacity: 0 }
}
@-o-keyframes apple {
	0%   { opacity: 0 }
	10%  { opacity: 1 }
	95%  { opacity: 1 }
	100% { opacity: 0 }
}
@keyframes apple {
	0%   { opacity: 0 }
	10%  { opacity: 1 }
	95%  { opacity: 1 }
	100% { opacity: 0 }
}
.download-iPhone a.dbutton:hover span.trick-apple1 {
	left: 60%;
	*left: 100%;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	top: 8px;
	width: 28px;
	height: 18px;
	background: url(../trick-apple1.png);
	background-size: 100% 100%;
	opacity: 0;
	-webkit-animation: apple1 1s 2.4s linear forwards;
	   -moz-animation: apple1 1s 2.4s linear forwards;
	    -ms-animation: apple1 1s 2.4s linear forwards;
	     -o-animation: apple1 1s 2.4s linear forwards;
	        animation: apple1 1s 2.4s linear forwards;
}
@-webkit-keyframes apple1 {
	0%   { left: 60%; top: 8px; opacity: 1 }
	100% { left: 55%; top: 0px; opacity: 0 }
}
@-moz-keyframes apple1 {
	0%   { left: 60%; top: 8px; opacity: 1 }
	100% { left: 55%; top: 0px; opacity: 0 }
}
@-ms-keyframes apple1 {
	0%   { left: 60%; top: 8px; opacity: 1 }
	100% { left: 55%; top: 0px; opacity: 0 }
}
@-o-keyframes apple1 {
	0%   { left: 60%; top: 8px; opacity: 1 }
	100% { left: 55%; top: 0px; opacity: 0 }
}
@keyframes apple1 {
	0%   { left: 60%; top: 8px; opacity: 1 }
	100% { left: 55%; top: 0px; opacity: 0 }
}
.download-iPhone a.dbutton:hover span.trick-apple2 {
	left: 60%;
	*left: 100%;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	top: 26px;
	width: 28px;
	height: 13px;
	background: url(../trick-apple2.png);
	background-size: 100% 100%;
	opacity: 0;
	-webkit-animation: apple2 1s 2.4s linear forwards;
	   -moz-animation: apple2 1s 2.4s linear forwards;
	    -ms-animation: apple2 1s 2.4s linear forwards;
	     -o-animation: apple2 1s 2.4s linear forwards;
	        animation: apple2 1s 2.4s linear forwards;
}
@-webkit-keyframes apple2 {
	0%   { left: 60%; top: 26px; opacity: 1 }
	100% { left: 55%; top: 34px; opacity: 0 }
}
@-moz-keyframes apple2 {
	0%   { left: 60%; top: 26px; opacity: 1 }
	100% { left: 55%; top: 34px; opacity: 0 }
}
@-ms-keyframes apple2 {
	0%   { left: 60%; top: 26px; opacity: 1 }
	100% { left: 55%; top: 34px; opacity: 0 }
}
@-o-keyframes apple2 {
	0%   { left: 60%; top: 26px; opacity: 1 }
	100% { left: 55%; top: 34px; opacity: 0 }
}
@keyframes apple2 {
	0%   { left: 60%; top: 26px; opacity: 1 }
	100% { left: 55%; top: 34px; opacity: 0 }
}
.download-Android.trick a.dbutton span.trick-cover {
	left: 10px;
	*left: 100%;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	top: 0;
	width: 40px;
	height: 50px;
	background-image: url(../p4-download-button-active.png);
	background-image:-webkit-image-set(url(../p4-download-button-active.png) 1x, url(../p4-download-button-active-2x.png) 2x);
	background-image:   -moz-image-set(url(../p4-download-button-active.png) 1x, url(../p4-download-button-active-2x.png) 2x);
	background-image:    -ms-image-set(url(../p4-download-button-active.png) 1x, url(../p4-download-button-active-2x.png) 2x);
	background-image:     -o-image-set(url(../p4-download-button-active.png) 1x, url(../p4-download-button-active-2x.png) 2x);
	background-position: -30px 0;
	background-size: 654px 60px;
}
.download-Android.trick a.dbutton span.trick-robot1 {
	z-index: 3;
	left: 17px;
	*left: 100%;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	top: 9px;
	width: 28px;
	height: 31px;
	background: url(../trick-robot1.png);
	background-size: 100% 100%;
	-webkit-animation: robot1 1.2s 1s linear forwards;
	   -moz-animation: robot1 1.2s 1s linear forwards;
	    -ms-animation: robot1 1.2s 1s linear forwards;
	     -o-animation: robot1 1.2s 1s linear forwards;
	        animation: robot1 1.2s 1s linear forwards;
}
@-webkit-keyframes robot1 {
	10% { background-image: url(../trick-robot2.png); }
	95% { background-image: url(../trick-robot2.png); opacity: 1 }
	100% { opacity: 0 }
}
@-moz-keyframes robot1 {
	10% { background-image: url(../trick-robot2.png); }
	95% { background-image: url(../trick-robot2.png); opacity: 1 }
	100% { opacity: 0 }
}
@-ms-keyframes robot1 {
	10% { background-image: url(../trick-robot2.png); }
	95% { background-image: url(../trick-robot2.png); opacity: 1 }
	100% { opacity: 0 }
}
@-o-keyframes robot1 {
	10% { background-image: url(../trick-robot2.png); }
	95% { background-image: url(../trick-robot2.png); opacity: 1 }
	100% { opacity: 0 }
}
@keyframes robot1 {
	10% { background-image: url(../trick-robot2.png); }
	95% { background-image: url(../trick-robot2.png); opacity: 1 }
	100% { opacity: 0 }
}
.download-Android.trick a.dbutton span.trick-robot {
	z-index: 4;
	left: 100%;
	top: 8px;
	width: 63px;
	height: 31px;
	background: url(../trick-robot.png);
	background-size: 100% 100%;
	-webkit-animation: robot_ .2s 2.2s linear forwards;
	   -moz-animation: robot_ .2s 2.2s linear forwards;
	    -ms-animation: robot_ .2s 2.2s linear forwards;
	     -o-animation: robot_ .2s 2.2s linear forwards;
	        animation: robot_ .2s 2.2s linear forwards;
}
@-webkit-keyframes robot_ {
	0% { left: -20px }
	100% { left: -200px }
}
@-moz-keyframes robot_ {
	0% { left: -20px }
	100% { left: -200px }
}
@-ms-keyframes robot_ {
	0% { left: -20px }
	100% { left: -200px }
}
@-o-keyframes robot_ {
	0% { left: -20px }
	100% { left: -200px }
}
@keyframes robot_ {
	0% { left: -20px }
	100% { left: -200px }
}



#sms-download{display:none;}