@charset "utf-8";
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-weight: normal }
body, input, select, button, textarea { font: normal 100% \5FAE\8F6F\96C5\9ED1,Helvetica, Arial, sans-serif; outline:none; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { color: #363636; line-height: 1.2; }
a, a:link { color: #222; text-decoration: none; }
a:visited {  }
a:active, a:hover { text-decoration: none; }
a:focus { outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
.section{overflow:hidden}

/*全屏滚动插件样式*/
#menu { position: fixed; right: 20px; top: 50%; width: 90px; margin: -160px 0 0; padding: 0; list-style-type: none; z-index: 70;}
#menu li { margin-top: 10px; font: 16px "Microsoft Yahei";}
#menu a { display: block; padding: 10px 0; background-color: #fff; color: #fd6178; text-align: center; text-decoration: none;border: 1px solid #fd6178;}
#menu .active a { color: #fff; background-color: rgb(253, 97, 120);}
#menu .about-btn { position: fixed; bottom: 20px;right: 20px; width: 90px; margin: -160px 0 0; padding: 0; list-style-type: none; z-index: 70;}

/************官网页面************/
/*头部 在第一屏*/
.header{ background-color: #fff; width: 100%; height: 70px;
	position: absolute; top: 0; left: 0; z-index: 70; }
	.header img{ margin: 17px 0 17px 18px; float: left;}
	.header span { display: block; float: right; }
	.header a { font-size: 16px; line-height: 4.5;margin-left: 58px; float: left;}
	a.col-fb7{ color: #fb7689; }
	a.col-999{ color: #999999;}
.w1120 { width: 1120px; margin: 0 auto; }
	
/*页底 在第七屏（最后一屏）*/
.footer{ width: 100%; min-width: 1121px;  background-color: #fff; height: 120px; }
	.footer > p.fot-01 { padding-top: 2%; }
	.footer p{ font-size: 14px; color: #c2c2c2; text-align: center;  line-height: 2;}
.footer-02 { height: 14%; position: absolute; bottom: 0; }	
/*BOBY*/
.bg-img-1{ background: url(../img/bg-01.jpg) center no-repeat;}
.bg-img-246{ background: url(../img/bg.jpg) center repeat;}
.shw-part1-top{ position: relative; width: 1120px; height: 100%; margin: 0 auto;}
.top-left { position: absolute;top:20%; left:-8%; }
	.top-left img { }
	.top-right { position: absolute; right: 10%;top: 50%; margin-top: -178px; text-align: center;}
		.top-right img.logo02{ margin-top: 10px;}
		.top-right img.font01{ margin-top: 20px;}
		.top-right img.font02{ margin-top: 30px;}
		.top-right img.font03{ margin-top: 10px;}
		.top-right span{ display: block; float: left; width: 188px;}
			.top-right span img.btn-iphone{ margin-top:80px;}
			.top-right span img.btn-android{ margin:20px 0;}
		.top-right img.QRcode01{ margin-top: 50px;float: right;}

.shw-part2-price ,
.shw-part3-hot ,
.shw-part4-translate ,
.shw-part5-fontfamily ,
.shw-part6-guider ,
.shw-part7-rate { position: relative; width: 1120px; margin: 0 auto; overflow: hidden; }

/*.shw-part2-price{ position: relative; width: 1120px; margin: 0 auto; overflow: hidden; }*/
	.body-left{ /*position: absolute; top: 35%; left: 5%;*/ float: left; margin-top: 8%; }
		.body-left h3{ font-size: 28px; color: #666; letter-spacing: 3px;padding-top: 28px;}
		.body-left p{ font-size: 14px; color: #666;padding-top: 14px;width: 232px; height: auto;letter-spacing: 1px;line-height: 1.5;}
	.body-right{ /*position: absolute; right: 5%;top: 20%;*/ float: right}
/*.shw-part3-hot { position: relative;width: 1120px; margin: 0 auto; overflow: hidden; }*/
	.shw-part3-hot ul{ text-align: center; margin-top: 6%; }
		.shw-part3-hot ul h3{ font-size: 28px; color: #1a7ead; padding: 18px 0 50px;}
/*.shw-part4-translate{ position: relative; width: 1120px; margin: 0 auto; overflow: hidden; }
.shw-part5-fontfamily{ position: relative; width: 1120px; margin: 0 auto; overflow: hidden; }*/
	.fontfamily-left{ /*position: absolute; top: 25%;*/ margin-top: 4%; }
	.fontfamily-right{ position: absolute; top: 0;right: 5%;}
		.fontfamily-right h3{ font-size: 28px; letter-spacing: 3px;padding-top: 28px;}
		.fontfamily-right p{ font-size: 14px; padding-top: 14px;width: 232px; height: auto;letter-spacing: 1px;line-height: 1.5;}
		.col-086{ color: #086c5e;}
		.col-6f5{ color: #6f5719;}
/*.shw-part6-guider{ position: relative; width: 1120px; margin: 0 auto; overflow: hidden; }*/
/*.shw-part7-rate{  position: relative;width: 1120px; height: 100%; margin: 0 auto;}*/
.shw-part7-rate { height: 100%; overflow:initial; }
	.rate-phone{ position: absolute; bottom:14%; left: 0; }
	.rate-font { position: absolute; bottom: 44%; right: 84px; }
		.rate-font img{ }
		.rate-font h3{ font-size: 28px; letter-spacing: 3px;padding-top: 28px;}
		.rate-font p{ font-size: 14px; padding-top: 14px;width: 232px; height: auto;letter-spacing: 1px;line-height: 1.5;}

/************关于我们页面************/
.bg-col-f4f{ background-color: #f4f4f4; }
.shw-about-body{ background-color: #fff;width: 1121px; height: 1360px; margin: 100px auto 0;}
.shw-about-body-left{ width: 172px; height: 100%; float: left;background-color: #f4f4f4;}
	.shw-about-body-left li{ background-color: #fafafa; margin-bottom: 10px; text-align: center;}
		.shw-about-body-left li.btn-on{ height: 57px; font-size: 18px; line-height: 3; border-bottom: 1px solid #e8e8e8;
			color: #333; background-color: #fff; border-left: 2px solid #ff2e2e;}
		.shw-about-body-left li.btn-on-right{ background-image: url(../img/right.png); background-repeat: no-repeat;background-position: right;}
		.shw-about-body-left li.btn-off{ height: 57px; font-size: 18px; line-height: 3;border-bottom: 1px solid #e8e8e8;
			color: #8ab7d5;background-color: #fafafa; }
		.shw-about-body-left li img.QRcode02{ width: 139px; height: 139px; padding: 20px 0 45px;}
		.shw-about-body-left li img.btn-iphone-02{ padding-bottom: 10px; }
		.shw-about-body-left li img.btn-android-02{ padding-bottom: 45px;}	
.shw-about-body-right{ width: 949px; height: 603px; float: left;  padding-top:87px; }
	.shw-about-body-right li h3{ height: 60px; font-size: 18px; color: #999; padding-left: 79px; line-height: 3.5;}
	.shw-about-body-right li p{ height: 125px; font-size: 16px; color: #999; padding: 30px 122px 40px;line-height: 2;}
	.shw-about-body-right li em{ width:323px; display:inline-block;font-size: 18px; color: #999; line-height: 2.5;padding-left: 79px;}
	ul.feature{ width: 570px; height: 135px; padding-left: 182px; }
	ul.feature li{ float: left; width: 140px; margin:10px 50px 10px 0; font-size: 18px; color: #999; line-height: 2.5;}
	ul.feature li img{ margin-right: 20px;}
/************常见问题页面************/
.shw-question-body-right{ width: 889px; height: 690px; float: left;padding: 47px 30px 0;}
	.shw-question-body-right li{ height: auto; border-bottom: 1px solid #eee; }
		.shw-question-body-right li h1{ font-size: 18px; color:#ff4848; margin: 40px 0 22px;}
		.shw-question-body-right li p{ font-size: 16px; color: #999; padding-left: 34px; padding-bottom: 22px;}
/************更新日志页面************/
.shw-updatelog-body-right{ width: 948px; height: 1290px; padding-top:87px;  float: left;background: url(../img/updatelog-bg-03.jpg) no-repeat;}