/**
* Author: discovery-bay
**/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:normal;}
ol, ul , li{list-style:none;}
:focus{outline:0;}
.clearfix:before, .clearfix:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

body{font-family:'Microsoft Yahei', Arial, tahoma; font-size:14px; color:#333; background:#fff; word-wrap:break-word;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-size:16px;}
h2, h3{font-size:14px;}
h4, h5, h6{font-size:12px;}

textarea, input, select{font-family:'Microsoft Yahei'; font-size:12px; color:#333333; resize:none;}
::-webkit-input-placeholder{color:#888;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#888;}

.holder{width:960px; margin:0px auto;}
#header{height:100px;}
#header .wrap{
	height:100px;
	position:relative;
	z-index:20;
	background-image: url(../images/hd_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#header .holder{width:980px;}
#logo{float:left; width:455px; height:60px; margin-top:10px; text-indent:-9999px; background:url(../images/logo.gif) 0px 0px no-repeat;}
#logo a{display:block; width:153px; height:53px;}
#nav{float:right; margin-top:32px; font-size:18px; line-height:28px;}
#nav li{float:left; height:30px; margin-right:10px; text-align:center;}
#nav a{float:left; width:139px; height:30px; color:#494949; text-shadow:1px 1px 1px #fff;}
#nav a:hover{text-decoration:none;}
#nav a:hover{color:#000;}
#nav a.on{color:#fff; text-shadow:1px 1px 1px #666; background:url(../images/nav_bg1.gif) 0px 0px no-repeat;}
#nav #nav_index,
#nav #nav_index a{width:139px;}
#nav #nav_index a:hover{}
#nav #nav_index .on{background:url(../images/nav_bg1.gif) 0px 0px no-repeat;}
#content{border-bottom:1px solid #d9d9d9; overflow:hidden;}
#content .holder{width:980px; padding:40px 40px 0px; position:relative;}
#label{position:absolute; top:-50px; right:30px; z-index:10; width:68px; height:86px; cursor:pointer; background:url(http://wlstatic.b0.upaiyun.com/static/images/label.jpg) 0px 0px no-repeat;}
#label{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#label:hover{top:-20px;}
#slide{
	float:right;
	width:372px;
	height:687px;
	margin-left:90px;
	background-image: url(../images/iphone.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#slide .frames_wrap{position:relative; width:267px; height:401px; top:166px; left:25px; overflow:hidden; z-index:20;}
#slide #frames{
	position:absolute;
	width:268px;
	z-index:10;
	top:-53px;
	left:16px;
	height: 502px;
}
#slide #frames{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
#slide .frame{float:left; width:267px; height:401px;}
#slide #frame1{
	background-image: url(../images/home2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



#intro{float:left; width:436px; padding:40px 0px 0px 0px;}
h1{
	width:411px;
	height:76px;
	text-indent:-9999px;
	background-image: url(../images/h1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
h2{
	width:500px;
	height:309px;
	text-indent:-9999px;
	background-image: url(../images/i_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#info{padding:0px 0px 0px 30px;font-size:20px; color:#897e77;}
#info li{
	height:92px;
	line-height:66px;
	text-indent:70px;
	background-repeat: no-repeat;
	background-position: 60px 0px;
}
#info li span{
	float:left;
	width:40px;
	height:40px;
	margin-top:8px;
	background-image: url(../images/i_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#appstore{float:left; width:214px; height:70px; margin:40px 4px 15px 60px;}
#appstore a{
	display:block;
	width:350px;
	height:95px;
	text-indent:-9999;
	background-image: url(../images/download.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#android{float:left; width:214px; height:70px; margin:0px 4px 15px 60px;}
#android a{
	display:block;
	width:350px;
	height:95px;
	text-indent:-9999;
	background-image: url(../images/download2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#etc{margin-bottom:8px;}
#download .button{display:inline-block; margin-right:8px;}
#download .button a{
	display:block;
	width:300px;
	height:300px;
	
	line-height:100px;

	text-align:center;
	background-image: url(../images/download2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
}
#download .button a:hover{text-decoration:none;}
#download .button a:active{
	background-repeat: no-repeat;
	background-position: 0px -49px;
}
#desc{color:#877c6e; font-size:14px; line-height:24px;}
#desc .space{padding:20px;}
#footer{text-align:center; font-size:14px; border-top:1px solid #fdfdfd; background-color:#fff;}
#footer #social{height:40px; padding-right:30px; text-align:right; line-height:40px; font-size:16px;}
#footer #social_icon{float:right;}
#footer #social a{float:left; width:32px; height:32px; margin:6px 0px 0px 8px; background:url(http://wlstatic.b0.upaiyun.com/static/images/social.gif) 0px 0px no-repeat;}
#footer #social .sina{background-position:0px 0px;}
#footer #social .sina:hover{background-position:0px -32px;}
#footer #social .qq{background-position:-32px 0px;}
#footer #social .qq:hover{background-position:-32px -32px;}
#footer p{font-size:12px; line-height:30px;}
.copyright{margin-top:30px;}
.icp a{color:#909090;}

#about .holder{width:980px;}
#about_nav{float:left; margin-right:20px; padding-top:20px;}
#about_nav a{display:block; width:138px; height:38px; margin-bottom:20px; font-size:18px; line-height:38px; text-align:center; color:#e07271;}
#about_nav a.on{color:#fff; background-color:#e07271; border-radius:8px;}
#about_intro{float:left; width:760px; height:600px; padding:25px; font-size:15px; color:#333; background-color:#fff; border-radius:15px; box-shadow:1px 1px 10px #ccc;}
#about_intro h2{margin-bottom:30px; font-weight:normal;}
#about_intro h3{margin-bottom:10px; font-size:24px; color:#e07271; text-indent:34px; background:url(http://wlstatic.b0.upaiyun.com/static/images/ai.jpg) 0px 7px no-repeat;}
#about_intro #a2{background-position:0px -88px;}
#about_intro #a3{background-position:0px -205px;}
#about_intro #a4{background-position:0px -306px;}
#about_intro #a5{background-position:0px -401px;}
#about_intro p{margin-bottom:40px; padding-left:32px;}

#agreement_board{float:left; display:none; width:730px; padding:25px 30px 25px 40px; font-size:15px; color:#333; background-color:#fff; border-radius:15px; box-shadow:1px 1px 10px #ccc;}
#agreement_board .wrap{height:600px; overflow-y:scroll;}
#agreement_board h2{margin-bottom:10px; font-size:20px;}
#agreement_board h4{margin:10px 0px; font-size:16px;}
#agreement_board p{font-size:14px;}

#faq_list{width:960px; height:760px; margin:0px auto;}
.sidebar{float:left; width:140px; text-indent:-9999px; height:165px; margin-top:40px; background:url(http://wlstatic.b0.upaiyun.com/static/images/faq.jpg) 20px 0px no-repeat;}
.faq_board{float:left; width:796px; height:4200px; padding:20px 0px 0px 20px; position:relative; border-left:4px solid #e2ded2;}
h2.q{margin-bottom:40px; font-size:24px; font-weight:bold;}
#faq_list .sec{margin-bottom:100px; position:relative;}
#faq_list .dock{position:absolute; left:-31px; top:10px; width:18px; height:19px; background:url(http://wlstatic.b0.upaiyun.com/static/images/dot.jpg) 0px 0px no-repeat; cursor:pointer;}
#faq_list h4{margin-bottom:10px; font-size:20px; font-weight:bold;}
#faq_list h4 strong{margin-right:10px; font-size:20px;}
#faq_list p{margin-bottom:10px; line-height:24px; font-size:14px;}
#faq_list .r{color:#f00;}

#faq_list .gap{height:20px; line-height:20px;}
#faq_list .w300{width:300px;}
#faq_list .w250{width:250px;}
#faq_list .w500{width:500px;}
#faq_list .w380{width:380px;}
#faq_list .w460{width:460px;}
#faq_list .w320{width:320px;}

#faq1{height:400px; background:url(http://wlstatic.b0.upaiyun.com/static/images/faq/1.jpg) 280px 0px no-repeat;}
#faq2{height:400px; background:url(http://wlstatic.b0.upaiyun.com/static/images/faq/2.jpg) 520px 0px no-repeat;}
#faq3{height:420px; background:url(http://wlstatic.b0.upaiyun.com/static/images/faq/5.jpg) 320px 0px no-repeat;}
#faq4{height:420px; background:url(http://wlstatic.b0.upaiyun.com/static/images/faq/3.jpg) 480px 0px no-repeat;}
#faq5{height:400px; background:url(http://wlstatic.b0.upaiyun.com/static/images/faq/6.jpg) 80px 0px no-repeat;}
#faq6{height:400px; background:url(http://wlstatic.b0.upaiyun.com/static/images/faq/7.jpg) 350px 0px no-repeat;}

#faq2 .desc{padding-top:80px;}
#faq5 .desc{padding-top:60px;}
#faq6 .desc{padding-top:60px;}
#faq7 .desc{padding-top:100px;}

#help .holder{width:980px;}
#help_board{position:relative; width:530px; height:380px; margin-bottom:60px; padding:25px 140px; font-size:15px; color:#333; background-color:#fff; border-radius:15px; box-shadow:1px 1px 10px #ccc;}
#help_board h2{margin-bottom:30px; font-size:15px;}
#help_board .item{margin-bottom:15px;}
#help_board .item label{float:left; margin:5px 5px 0px 0px;}
#help_board .item input{width:450px; height:22px; padding:5px; line-height:22px; font-size:15px; border:1px solid #999; border-radius:5px;}
#help_board .item textarea{width:450px; height:110px; padding:5px; line-height:22px; font-size:15px; border:1px solid #999; border-radius:5px;}
#help_board #send{width:103px; height:38px; margin-left:409px; border:none; cursor:pointer; background:url(http://wlstatic.b0.upaiyun.com/static/images/send.jpg) 0px 0px no-repeat;}

.b2wrap{width:760px; position:fixed; left:50%;}
.b2top{position:absolute; right:100px; bottom:20px; width:45px; height:45px; cursor:pointer; background:url(http://wlstatic.b0.upaiyun.com/static/images/faq/t.jpg) 0px 0px no-repeat;}
/*
#faq1 .dock{top:6px;}
#faq2 .dock{top:86px;}
#faq3 .dock{top:6px;}
#faq4 .dock{top:6px;}
#faq5 .dock{top:146px;}
#faq6 .dock{top:66px;}
#faq7 .dock{top:106px;}
*/