html {-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{ font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)} table{border-collapse:collapse;border-spacing:0;} fieldset,a img{border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"],select, input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important; /*去掉苹果的默认UI来渲染按钮*/font-family: "Microsoft YaHei",sans-serif;} em,i{ font-style:normal;}
/*文字超出隐藏*/
.w_break{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
strong,em,i{ font-style:normal; font-weight:normal;}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

.lft{ float:left;}
.rgt{ float:right;}
html {
	font-size:62.5%
}
select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}
@media only screen and (min-width:321px) { /*iphone5*/
html {
font-size:62.5%!important
}
}
@media only screen and (min-width:361px) { /*三星note*/
html {
font-size:70.31%!important
}
}
@media only screen and (min-width:376px) { /*iphone6*/
html {
font-size:73.24%!important
}
}
@media only screen and (min-width:481px) {
html {
font-size:94%!important
}
}
@media only screen and (min-width:561px) {
html {
font-size:109%!important
}
}
@media only screen and (min-width:641px) {
html {
font-size:125%!important
}
}
body a{ text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}
a:hover,a:link,a:visited,a{ color:inherit; text-decoration:none;}
input::input-placeholder{color:  #bbb ;} 
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #bbb; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #bbb ; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #bbb ; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #bbb ; 
} 
img{ width:auto; max-width:100%;vertical-align:top;}
.h100{ height:5rem; clear:both;}
body{font-family: "Microsoft YaHei",sans-serif;  color:#5c5c5c; position:relative;  margin:auto; min-width:320px; font-weight:100; }
.layout{ position:relative; left:0; top:0; width:100%; margin:0 auto; font-size:1.2rem; background:#f5f5f9;}

.header{height:4.4rem; line-height:4.4rem; background:#2fc2f8; text-align:center; color:#fff; font-size:1.8rem; font-weight:100;}
.headers{height:4.4rem; line-height:4.4rem; background:#2fc2f8; text-align:center; color:#fff; font-size:1.8rem; font-weight:100;}
.header .ico{ display:block; width:4.4rem; height:4.4rem; }
.header .ico_back{ position:absolute; left:0;background:url(../image/back.png) no-repeat center center; background-size:1rem 1.8rem; width:3.8rem; font-size:1.4rem; }
.header .ico_setting{ position:absolute; right:0; top:0; background:url(../image/setting.png) no-repeat center center; background-size:2.1rem 2.1rem; width:5rem; font-size:1.4rem; }
.header .ico_pub{ position:absolute; right:0; top:0; background:url(../image/pub.png) no-repeat left center; color:#fff; background-size:1.6rem 1.6rem; width:4rem; font-size:1.4rem; padding-left:2.2rem; font-size:1.35rem; text-align:left; }

.header h1,h2{font-weight:100;}
/*导航*/
.h100{ height:5rem;}
.naver{ background:#fafbfe; height:5rem; overflow:hidden; position:fixed; left:0; bottom:0; width:100%; z-index:8; border-top:1px solid #dcdce0; }
.naver .nav{width:100%; }
.naver li{ width:25%; height:5rem; float:left;}
.naver li strong{ font-weight:normal;}
.naver li a{ display:block; width:100%; height:4.6rem;font-size:1.1rem; text-align:center; color:#6b6b6b; padding-top:0.4rem;}
.naver li a i{ display:block;height:2.4rem; position:relative; width:100%;  }
.naver li a i.i1{ background:url(../image/i1.png) no-repeat center center; background-size:2.1rem 2.1rem;}
.naver li a i.i2{ background:url(../image/i2.png) no-repeat center center;background-size:2.1rem 2.1rem;}
.naver li a i.i3{ background:url(../image/i3.png) no-repeat center center;background-size:2.1rem 2.1rem;}
.naver li a i.i4{ background:url(../image/i4.png) no-repeat center center;background-size:2.1rem 2.1rem;}
.naver li.on a{ color:#2fb4e7; }
.naver li.on{ color:#2fb4e7; }
.naver li.on a i.i1{ background:url(../image/i1_on.png) no-repeat center center;background-size:2.1rem 2.1rem;}
.naver li.on a i.i2{ background:url(../image/i2_on.png) no-repeat center center;background-size:2.1rem 2.1rem;}
.naver li.on a i.i3{ background:url(../image/i3_on.png) no-repeat center center;background-size:2.1rem 2.1rem;}
.naver li.on a i.i4{ background:url(../image/i4_on.png) no-repeat center center;background-size:2.1rem 2.1rem;}