@charset "utf-8";
/*css reset code */

html{height:100%; font:normal "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }
body{ padding:0px; margin:0px auto; color:#333333; min-width:320px;  -webkit-text-size-adjust:none;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, object, video, embed{
	
	max-width: 100%;
}
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,input,ol,ul {
	display: block;
	margin: 0px;
	padding: 0px;
}
ol,ul {
	list-style: none;
}
blockquote,q {
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* start editing from here */

a {
	text-decoration: none;
	display: inline;
}
.clearfix:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ".";
        clear: both;
        height: 0;
}
*html .clearfix{zoom: 1;}
*:first-child + html .clearfix{zoom: 1;}
/* reset */
.w100 { width: 100%;}
.clr {  clear: both;}
.txtover { overflow: hidden; white-space: nowrap; word-break: break-word; text-overflow: ellipsis;}
a{ color: #000; }
a:visited { color: #000;}
.fl { float: left;}
.fr { float: right;}
.justify_fix { display: inline-block; width: 100%; height: 0px; overflow: hidden;}
.fs0 {font-size: 0px}
.w600 { width:93.75%;  margin: 0 auto;}
.pos-a { position: absolute;}
.pos-r { position: relative;}

.zan { background:url(/images/ico/zan.png) no-repeat; padding-top:-20px; background-size:20px 18px; padding-left:24px; padding-right:15px; background-position:0px 1px; }

html, body {
	/*max-width: 640px;*/
	margin: 0 auto;
	background: #f0eff7;
	box-shadow: 0 -15px 18px #8B8B8B;
}


@media screen and (min-width:320px) {body {font-size:18px;}}
@media screen and (min-width:340px){html,body,input{font-size:19px}}
@media screen and (min-width:360px){html,body,input{font-size:20px}}
@media screen and (min-width:380px){html,body,input{font-size:21px}}
@media screen and (min-width:400px){html,body,input{font-size:22px}}
@media screen and (min-width:414px){html,body,input{font-size:22.7px}}
@media screen and (min-width:420px){html,body,input{font-size:23px}}
@media screen and (min-width:440px){html,body,input{font-size:24px}}
@media screen and (min-width:460px){html,body,input{font-size:25px}}
@media screen and (min-width:480px){html,body,input{font-size:26px}}
@media screen and (min-width:500px){html,body,input{font-size:27px}}
@media screen and (min-width:520px){html,body,input{font-size:28px}}
@media screen and (min-width:540px){html,body,input{font-size:29px}}
@media screen and (min-width:560px){html,body,input{font-size:30px}}
@media screen and (min-width:600px){html,body,input{font-size:31px}}
@media screen and (min-width:620px){html,body,input{font-size:32px}}
@media screen and (min-width:640px){html,body,input{font-size:33px}}
@media screen and (min-width:660px){html,body,input{font-size:34px}}
@media screen and (min-width:680px){html,body,input{font-size:35px}}
@media screen and (min-width:700px){html,body,input{font-size:35px}}
@media screen and (min-width:720px){html,body,input{font-size:36px}}
@media screen and (min-width:720px) and (max-width:1920px) {body {font-size:36px;}}