html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input
	{
	margin: 0;
	padding: 0
}

body {
	font-size: 12px;
	font-family: "Helvetica Neue", "Hiragino Sans GB", "Segoe UI",
		"Microsoft Yahei", "微软雅黑", Tahoma, Arial, STHeiti, sans-serif;
	_font-family: Tahoma, Arial, Helvetica, STHeiti, sans-serif;
	cursor: default
}

html.hasFontSmoothing-false body {
	font-family: Tahoma, Arial, Helvetica, STHeiti
}

a img,:link img,:visited img {
	border: 0
}

table {
	border-collapse: collapse
}

ul {
	list-style: none
}

q:before,q:after,blockquote:before,blockquote:after {
	content: ""
}

body {
	background: #f8f8f8;
	color: #222;
	text-align: center;
	font-size: 14px;
	/*min-height: 600px*/
}

::selection {
	background: #d9342a;
	color: #FFF
}

.wrapper {
	text-align: left;
	margin: 0 auto;
	width: 960px
}

.clearfix:after {
	display: block;
	content: "\u0020";
	visibility: hidden;
	clear: both;
	height: 0
}

.clearfix {
	zoom: 1
}

a {
	text-decoration: none
}

body {
	background: #fff
}

.home-wrapper {
	width: 100%;
	height: 700px;
	background: #d63921
}

.home-wrapper .home-holder {
	width: 920px;
	margin: 0 auto;
	position: relative
}

.home-wrapper .top-nav {
	float: right;
	padding-top: 60px
}

.home-wrapper .top-nav a {
	display: block;
	width: 98px;
	height: 25px;
	background: url('/w/img/app/intro/weblogin-btn.$861.png') no-repeat;
	text-indent: -9999px
}

.home-wrapper .logo {
	float: left;
	padding-top: 125px
}

.home-wrapper .logo a {
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: 0 -1100px;
	display: block;
	float: left;
	width: 360px;
	height: 112px;
	text-indent: -9999px
}

.home-wrapper .list {
	display: block;
	float: right;
	height: 67px;
	margin-left: 40px;
	font-size: 16px;
	color: #fff;
	line-height: 67px
}

.home-wrapper .hot-post {
	display: block;
	float: right;
	height: 67px;
	margin-left: 40px;
	font-size: 16px;
	color: #fff;
	line-height: 67px;
	cursor: pointer
}

.home-wrapper .micro-video {
	display: block;
	float: right;
	height: 67px;
	margin-left: 40px;
	font-size: 16px;
	color: #fff;
	line-height: 67px
}

.home-wrapper .slide-content {
	width: 360px;
	float: left;
	clear: left;
	margin-top: 50px
}

.home-wrapper .slide-content .signature {
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: -2px -1050px;
	display: block;
	float: left;
	width: 272px;
	height: 155px;
	text-indent: -9999px
}

.home-wrapper .slide-content .studio-entry {
	margin-left: 4px;
	zoom: 1;
	float: left
}

.home-wrapper .slide-content .studio-entry a {
	display: block;
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: 0 -1380px;
	width: 322px;
	height: 102px;
	text-indent: -9999px
}

.home-wrapper .slide-content .download {
	float: left;
	margin-top: 150px
}

.home-wrapper .slide-content .download .download-holder {
	float: left;
	width: 145px;
	height: 184px;
	position: relative
}

.home-wrapper .slide-content .download .download-holder #android-download-list
	{
	display: none;
	position: absolute;
	width: 140px;
	left: 2px;
	top: 77px;
	padding-top: 24px;
	background: url(/w/img/app/intro/android-download-bg.$833.png) 0 bottom;
	z-index: 10
}

.home-wrapper .slide-content .download .download-holder #android-download-list a
	{
	display: block;
	width: 140px;
	height: 46px;
	border-bottom: 1px solid #d9342a;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	color: #d9342a;
	text-indent: 0
}

.home-wrapper .slide-content .download .download-holder .list {
	display: block;
	position: relative;
	width: 145px;
	height: 48px;
	text-indent: -9999px;
	margin-bottom: 10px;
	z-index: 20
}

.home-wrapper .slide-content .download .download-holder .iphone {
	display: block;
	position: relative;
	width: 145px;
	height: 48px;
	text-indent: -9999px;
	margin-bottom: 10px;
	z-index: 20;
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: -199px -585px
}

.home-wrapper .slide-content .download .download-holder .iphone:hover {
	background-position: 0 -585px
}

.home-wrapper .slide-content .download .download-holder .android {
	display: block;
	position: relative;
	width: 145px;
	height: 48px;
	text-indent: -9999px;
	margin-bottom: 10px;
	z-index: 20;
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: -199px -641px
}

.home-wrapper .slide-content .download .download-holder .web-page {
	display: block;
	position: relative;
	width: 145px;
	height: 48px;
	text-indent: -9999px;
	margin-bottom: 10px;
	z-index: 20;
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: -199px -529px
}

.home-wrapper .slide-content .download .download-holder .web-page:hover
	{
	background-position: 0 -529px
}

.home-wrapper .slide-content .qr-code {
	display: block;
	float: left;
	width: 154px;
	height: 154px;
	margin-top: 4px;
	margin-left: 31px;
	background: url('/w/img/app/intro/qr.$853.png') no-repeat 0 0;
	text-indent: -9999px
}

.home-wrapper #slideshow {
	position: absolute;
	width: 267px;
	height: 444px;
	left: 433px;
	top: 215px
}

.home-wrapper #slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: .0
}

.home-wrapper #slideshow img.active {
	z-index: 10;
	opacity: 1.0
}

.home-wrapper #slideshow img.last-active {
	z-index: 9
}

.home-wrapper .gallery {
	position: absolute;
	width: 552px;
	height: 680px;
	right: -24px;
	top: 110px;
	background: url('/w/img/app/intro/gallery.$857.png') no-repeat 0 0
}

.seprate {
	width: 920px;
	height: 1px;
	margin: 120px auto;
	background: url('/w/img/app/intro/line-sprites.$685.png') repeat-x 0
		-161px;
	border: 0
}

.nav-wrap {
	width: 100%;
	height: 97px;
	padding: 7px 0;
	background: url('/w/img/app/intro/line-sprites.$685.png') repeat-x 0 0;
	position: relative;
	z-index: 9999;
	top: -7px
}

.nav-wrap .nav {
	display: block;
	width: 920px;
	height: 97px;
	margin: 0 auto;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8
}

.nav-wrap .nav li {
	display: block;
	float: left;
	width: 306px;
	height: 97px;
	line-height: 97px;
	font-size: 16px;
	text-align: center;
	color: #6b6f7b;
	cursor: pointer
}

.nav-wrap .nav li:hover,.nav-wrap .nav li.hover {
	color: #d73a21
}

.nav-wrap .nav .intro {
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: 106px -44px;
	text-indent: 28px
}

.nav-wrap .nav .intro:hover,.nav-wrap .nav .intro.hover {
	background-position: 106px 34px
}

.nav-wrap .nav .usage {
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: 106px -200px;
	text-indent: 28px;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8
}

.nav-wrap .nav .usage:hover,.nav-wrap .nav .usage.hover {
	background-position: 106px -122px
}

.nav-wrap .nav .choice {
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: 106px -357px;
	text-indent: 28px;
	line-height: 101px
}

.nav-wrap .nav .choice:hover,.nav-wrap .nav .choice.hover {
	background-position: 106px -279px
}

.nav-wrap.fixed {
	position: fixed;
	top: -7px;
	left: 0
}

.post-intro {
	width: 920px;
	height: 150px;
	margin: 0 auto;
	padding-top: 370px;
	background: url('img/intro.png') no-repeat 0 100px
}

.post-intro ul li {
	display: block;
	float: left;
	width: 240px;
	color: #101d3d
}

.post-intro ul li h4 {
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 30px
}

.post-intro ul li p {
	width: 220px;
	font-size: 16px;
	line-height: 24px;
	display: inline-block;
	text-align: center;
	text-justify: auto
}

.post-intro ul .intro-left {
	padding-left: 100px
}

.post-intro.after-fix {
	padding-top: 518px;
	background-position: 0 198px
}

.post-usage {
	width: 362px;
	height: 246px;
	margin: 40px auto;
	padding-left: 558px;
	background: url('/w/img/app/intro/star-v3.$739.jpg') no-repeat 0 0;
	position: relative
}

.post-usage h4 {
	margin-bottom: 18px;
	padding-top: 58px;
	font-size: 34px;
	font-weight: normal;
	text-align: left
}

.post-usage p {
	font-size: 13px;
	line-height: 24px;
	text-align: left
}

.post-usage .star-play {
	position: absolute;
	left: 104px;
	bottom: -34px;
	color: #bbb;
	font-size: 13px
}

.audio-source {
	width: 362px;
	height: 246px;
	margin: 140px auto 40px;
	padding-right: 558px;
	padding-left: 40px;
	background: url('/w/img/app/intro/audio-source.$778.png') no-repeat
		right 10px;
	position: relative
}

.audio-source h4 {
	margin-bottom: 18px;
	padding-top: 58px;
	font-size: 34px;
	font-weight: normal;
	text-align: left
}

.audio-source p {
	font-size: 13px;
	line-height: 24px;
	text-align: left
}

.audio-source .star-play {
	position: absolute;
	right: 0;
	bottom: -34px;
	color: #bbb;
	font-size: 13px
}

.choiceness {
	width: 960px;
	margin: -35px auto 0
}

.choiceness h4 {
	float: left;
	width: 920px;
	height: 45px;
	margin: 0 auto 30px;
	text-align: center;
	text-indent: 44px;
	font-size: 34px;
	font-weight: normal
}

.choiceness .load-post {
	width: 920px;
	height: 30px;
	line-height: 30px;
	margin: 40px auto 0;
	text-align: left;
	background: #f7f7f7;
	font-size: 13px;
	cursor: pointer;
	color: #bbb
}

.choiceness .load-post .text {
	display: block;
	margin: 0 auto;
	width: 26px
}

.choiceness .load-post .text.loading {
	padding-left: 12px;
	width: 66px
}

.choiceness ul {
	display: block;
	width: 960px
}

.choiceness ul li {
	display: block;
	float: left;
	margin: 12px 4px 12px 20px;
	position: relative
}

.choiceness ul li a {
	display: block;
	width: 212px;
	height: 212px
}

.choiceness ul li a .content {
	width: 212px;
	height: 212px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #c5c3c4
}

.choiceness ul li a .love-icon {
	background-image: url('/w/img/app/intro/papa-sprites.$853.png');
	background-repeat: no-repeat;
	background-position: 0 -468px;
	width: 60px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	left: 12px;
	bottom: 12px;
	z-index: 99;
	text-align: left;
	text-indent: 20px;
	color: #fff;
	font-weight: bold
}

.choiceness ul li a .head {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width: 34px;
	height: 34px;
	position: absolute;
	right: 12px;
	bottom: 12px;
	border: 2px solid #fff;
	z-index: 99
}

.choiceness ul li a .shadow {
	width: 212px;
	height: 43px;
	background: url('/w/img/app/intro/shadow.png') 0 0 repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	cursor: pointer;
	border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px
}

#partner-list {
	width: 246px;
	height: 173px;
	position: absolute;
	top: -60px;
	left: 274px;
	z-index: 9999;
	background: url('/w/img/app/intro/partner-download.$673.png') no-repeat
}

#partner-list #partner-inner {
	position: relative
}

#partner-list a {
	display: block;
	height: 20px;
	position: absolute;
	text-indent: -9999px;
	outline: 0
}

#partner-list a.iphone-91 {
	width: 52px;
	left: 59px;
	top: 26px
}

#partner-list a.google-download {
	width: 81px;
	left: 59px;
	top: 61px
}

#partner-list a.android-91 {
	width: 52px;
	left: 147px;
	top: 61px
}

#partner-list a.help-wandoujia {
	width: 47px;
	left: 59px;
	top: 85px
}

#partner-list a.help-360 {
	width: 87px;
	left: 112px;
	top: 85px
}

#partner-list a.windows-phone {
	width: 72px;
	left: 59px;
	top: 120px
}

.footer-container {
	width: 1000px;
	clear: both;
	margin: 0 auto;
	padding: 95px 0 15px 0;
	position: relative
}

.footer-container .footer {
	width: 920px;
	height: 20px;
	margin: 0 auto;
	padding-top: 14px;
	border-top: 1px solid #e8e8e8;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	color: #ada9a8
}

.footer-container .footer a {
	color: #ada9a8;
	text-decoration: none
}

.footer-container .footer span {
	cursor: pointer
}