﻿@charset "utf-8";
/*globe*/
/***************** reset *****************/
body, ul, ol, h1, h2, h3, h4, h5, h6, form, ul, li, p, input, select, legend, textarea, dl, dd, dt, fieldset, table, th, td {
	margin:0;
	padding:0;
	word-break:break-all;
}
body {
	font:14px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
	-webkit-text-size-adjust:none;
	margin:0 auto;
	background:#fff;
	background:url(../images/bg.jpg) repeat-x #336899;

}
div {
	margin:0 auto;
	word-break:break-all;
}
html {
	margin:0;
	padding:0;
}
ul, li {
	list-style:none;
}
a {/*color:#5b5a5a;*/
	text-decoration:none;
    blr:expression(this.onFocus=this.blur());
	outline:none;
	cursor:pointer;
}
a:hover { /*color:#0064ab; */
	text-decoration:none;
}
 a img{ border:0;}
 .fl_r { float:right;}
 .fl_l { float:left;}
.clear{ clear:both;}
.black { color:#000;}
input[type=button]{	-webkit-appearance:none; outline:none; border:0px;	border-radius:0px;}
input[type=submit]{	-webkit-appearance:none; outline:none; border:0px;	border-radius:0px;}

/*logo */
.logo { background:url(../images/app_logo.png) no-repeat center; background-size:100% 100%; width:80px; height:80px; margin:0 auto; margin-top:30px;}
.name { text-align:center; color:#FFF; height:30px; line-height:30px; margin-bottom:20px;}
.note { text-align:center; color:#FFF; line-height:24px;}
.zhus { width:88%; text-align:center; color:#FFF; line-height:24px; margin:0 auto; margin-top:20px;}
.up_date_on { width:88%; text-align:center; color:#FFF; line-height:28px; margin:0 auto; margin-top:10px;}
.ios_icon {  background:url(../images/ios_icon.png) no-repeat center; background-size:100% 100%; width:20px; height:24px; display:inline-block; margin-right:10px; vertical-align:middle; margin-top:-3px;}
.android_icon {  background:url(../images/android_icon.png) no-repeat center; background-size:100% 100%; width:20px; height:24px; display:inline-block; margin-right:10px; vertical-align:middle; margin-top:-3px;}
/*btn */
.btn { width:60%; height:36px; line-height:36px; border-radius:22px; text-align:center; font-size:18px; color:#fff; display:block; margin-top:12px;}
.btn a { width:96%; height:36px; line-height:36px; border-radius:22px; text-align:center; font-size:16px; color:#fff; display:block; margin-top:12px;  border:2px #fff solid;}
.btn a img { vertical-align:middle; display:inline; margin-right:10px;}
.btn a:hover { background:#4085ac; border:2px #63c7de solid;}
.btn input{ width:100%; height:46px; line-height:46px; font-family:"微软雅黑";  border-radius:22px; text-align:center; font-size:16px; border:2px #fff solid; color:#fff; display:block; cursor:pointer; background:none;}

/*弹窗 */
.pop { background:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; width:100%; height:100%; position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:99999; }
.pop_c { position:absolute; z-index:999999; width:100%;}
.pop_c h1 { display:block; width:100%; }
.pop_c h1 .arrow_icon { background:url(../images/arrow_up.png) no-repeat; background-size:100% 100%; float:right; display:block; width:79px; height:107px; margin:10px 5% 0 0;}
.pop_c ul { margin:0 auto; width:240px; margin-top:20px;}
.pop_c ul li { color:#fff; vertical-align:middle; margin-bottom:20px; text-align:left;}
.pop_c ul li span { background:#06F; text-align:center; width:20px; height:20px; line-height:20px; border:2px #fff solid; border-radius:50%; margin-right:6px; display:inline-block;}
.pop_c ul li .menu_icon { background:url(../images/menu.png) no-repeat; background-size:100% 100%; width:40px; height:40px; margin: 0 5px; vertical-align:middle; display:inline-block;}

.pop_c ul li .menu_icon_android { background:url(../images/menu_android.png) no-repeat; background-size:100% 100%; width:40px; height:40px; margin: 0 5px; vertical-align:middle; display:inline-block;}

.pop_c ul li .saf_icon { background:url(../images/safari.png) no-repeat; background-size:100% 100%; width:40px; height:40px; margin: 0 5px; vertical-align:middle; display:inline-block;}