@charset "utf-8";
/*reset*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,del,dfn,em,img,ins,strong,sub,sup,dd,dl,dt,li,ol,ul,fieldset,form,label,legend {margin:0;padding:0;}
section,article,aside,header,footer,nav,dialog,figure,hgroup {display:block;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
address, cite, em {font-style:normal;}
li {list-style-type:none;}
fieldset, img {border:0;}
label,button {cursor: pointer;}
select,input,textarea {font-size:12px;line-height:1.2em;outline:none;}
body {min-width:1200px;height:100%;background:#fff;font:14px/1.6em "Microsoft Yahei","\5b8b\4f53","Arial Narrow";color:#999;}
a {color:#333;outline:none;text-decoration:none;}
a:hover {color:#088eed;}

.wrapper {width: 1200px; margin: 0 auto;}
.wrapper, .box {zoom:1;}
.wrapper:after, .box:after {content:""; display:table; clear:both}
.footer {margin: 80px 0 30px; text-align: center;}

.logo {background: url(../img/sprite.png) no-repeat 0 0;}
.header {height: 103px; border-bottom: 1px #dbdbdb solid;}
.logo {float: left; width: 254px; height: 103px;}
.logo a {display: block; height: 103px; text-indent: -9999px;}
.nav {float: left; display: inline; margin: 40px 0 0 380px;}
.nav li {float: left; display: inline;}
.nav a {display: block; padding: 0 28px; font-size: 18px; line-height: 38px; border-radius: 13px;}
.nav .cur {background: #088eed; color: #fff;}
.pannel {float: right; margin-top: 40px; line-height: 35px;}
.login a {float: left; width: 74px; margin-left: 7px; font-size: 17px; line-height: 35px; text-align: center; border-radius: 13px;}
.login .btn_1 {color: #088eed; border: 1px #0091e6 solid;}
.login .btn_2 {background: #f2f2f2; border: 1px #e6e6e6 solid;}
.user a {color:#088eed;}
.user .nickname {margin: 0 20px 0 5px;}

.focus {background: #088eed;}
.focus .wrapper {position: relative; height: 393px;}
.focus img {position: absolute; left: 0; top: 0;}
.focus .btn {position: absolute; left: 0; top: 252px; width: 156px; height: 50px; text-indent: -9999px; overflow: hidden; z-index: 2;}

.box {margin-top: 50px;}
.box h2 {text-align: center;}
.box .qr { display:block; float:left; margin:20px 20px 0 60px; }
.box .qa { float:left; }
.intro dl {position: relative; float: left; display: inline; width: 200px; height: 147px; padding-left: 175px; margin: 60px 37px 0 0; color: #333; overflow: hidden; zoom:1;}
.intro .ico {position: absolute; left: 0; top: 0; width: 147px; height: 147px;}
.intro dt {margin: 10px 0; font-size: 30px; line-height: 40px;}
.intro_1 .ico {background: url(../img/ico_1.png);}
.intro_2 .ico {background: url(../img/ico_2.png);}
.intro .intro_3 {margin-right: 0;}
.intro_3 .ico {background: url(../img/ico_3.png);}
.price li {float: left; display: inline; width: 226px; height: 326px; background: #f0f0f0; margin: 50px 16px 0 0; color: #333; border-radius: 23px; overflow: hidden;}
.price strong {display: block; margin: 50px 0 15px 50px; font-size: 24px; color: #8a8a8a; line-height: 50px; font-weight: normal;}
.price p {margin-left: 70px;}
.price em {font-size: 42px; color: #fb6a37;}
.price a {display: block; width: 156px; background: #0093e7; margin: 50px auto 0; font-size: 18px; color: #fff; line-height: 50px; text-align: center; border-radius: 23px;}
.price .last {margin-right: 0;}
.download li {width: 385px; height: 375px;}
.download .btn_none, .download .btn_none:hover {background: #c8c8c8; color: #fff; cursor: default;;}


@media screen and (max-width:414px){
	body { min-width:inherit; }
	.wrapper { width:auto; }
	.box { margin-top:20px; }
	h2 img { width:93px; margin:10px 0; }
	.price li { margin:1%; width:48%; border-radius:5px; height:230px; }
	.price strong { margin:10px; font-size:24px; text-align:center; }
	.price em { font-size:30px; }
	.price p { margin-left:20px; }
	.price a { border-radius:5px; margin-top:20px; }
	.footer { margin-top:20px; }
	.download li { width:98%; height:240px; }
	.download li img { width:130px; }
	.box .qr { display:none; }
	.box .qa { float:none; }
}