@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

/* 去除iPhone中默认的input样式 */
input[type="submit"],input[type="reset"],input[type="button"],input,select,textarea,button{-webkit-appearance:none; resize: none; outline: none;}
[placeholder] {font-family: 'Microsoft yahei';}
::-moz-placeholder {opacity: 1!important;}
:-ms-input-placeholder {opacity: 1!important;}
::-webkit-input-placeholder {opacity: 1!important;}

/* 取消链接高亮  */
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,center,dl,dt,dd,ol,ul,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,input,select,textarea,button{margin:0; padding:0; border:0; background:none; outline:0; -webkit-tap-highlight-color:transparent; line-height:normal;}

/* 设置HTML5元素为块 */
article,aside,header,footer,nav,section,figure,figcaption,hgroup,progress,canvas{display:block}

/* 图片自适应 */
img {width:auto\9; /* ie8 */height: auto; -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/}

/* 初始化 */
body{font-size:14px; line-height:normal; font-family:"Microsoft YaHei",Tahoma,"Lucida Grande",Verdana,STXihei,hei; text-rendering:geometricPrecision;color:#333333;background:#FFFFFF; -webkit-font-smoothing: antialiased !important;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-style:normal;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;empty-cells:show}
address,caption,cite,code,dfn,th,var{font-style:normal; font-weight:normal;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
ul,ol,li,dl{list-style-type:none;}         
i,em{font-style:normal}     
svg:not(:root){overflow:hidden}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;-webkit-tap-highlight-color:rgba(0,0,0,0);}   
a{color:#333;text-decoration: none;outline:none;} 
a:hover {outline:none;-moz-outline:none;}
a:active{blr:expression(this.onFocus=this.blur())}
a:focus {outline:none;-moz-outline:none;}

/* 浮动与清楚浮动 */
.fl{float: left;}
.fr{float: right;}
.clearfix:after,.clearfix:before{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* ui */
.ui-font-all *,p,span {font-size:inherit; line-height:inherit; color:inherit;}
.ui-inline-block {font-size:0; -webkit-text-size-adjust:none;}
.ui-hn {display:inline-block; vertical-align:middle;}
/*.ui-cell {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}*/
.text_overflow {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}
.ui-clamp {display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.ui-box-sizing {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.ui-translate-y {
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}

/* 还原样式 */
.reduction-css em,.reduction-css i{font-style:normal;}
.reduction-css strong,.reduction-css h1,.reduction-css h2,.reduction-css h3,.reduction-css h4,.reduction-css h5,.reduction-css h6{font-weight: bold;}
.reduction-css a{text-decoration: underline;}
.reduction-css a:hover{text-decoration: underline;}
.reduction-css ul,.reduction-css ol{-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-padding-start: 40px; }
.reduction-css ul{list-style-type: disc;}
.reduction-css ol{list-style-type: decimal;}

/* 字体 */
@font-face {font-family:""; src:url();}

/*统一样式*/
.wrap{width:83.33%; margin-left: auto; margin-right: auto;}
.ui_wrap {width:83.33%; padding-left:8.335%; padding-right:8.335%;}
html {font-size: 40px;}
@media only screen and (max-width: 1280px) {
.wrap{width:90%;}	
.ui_wrap {width:90%; padding-left:5%; padding-right:5%;}	
}
@media only screen and (max-width: 1024px) {
.wrap{width:95%;}	
.ui_wrap {width:95%; padding-left:2.5%; padding-right:2.5%;}
html {font-size: 32.571428px;}
}
@media only screen and (max-width: 768px) {
html {font-size: 27.999999px;}
}
@media only screen and (max-width: 480px) {
html {font-size: 22.857141px;}
}
@media only screen and (max-width: 414px) {
html {font-size: 21.678569px;}
}
@media only screen and (max-width: 360px) {
html {font-size: 20px;}
}