html{font-size:100px;}
*{padding:0;margin:0; border:0; outline:none;}
body{ -webkit-tap-highlight-color: transparent; color:#333; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,SimSun,SimHei;word-break:break-all; -webkit-overflow-scrolling:touch;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ul li{list-style:none;}
img{vertical-align:middle; border:0;transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
input[type='text'],input[type='password']{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,SimSun,SimHei; color:#333; background:#fff;appearance:none;-webkit-appearance:none; -moz-appearance:none; font-size:12px; border-radius:0;}
select,textarea{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,SimSun,SimHei; color:#333; resize:none; background:#fff; font-size:12px; border-radius:0;}
textarea{appearance:none;-webkit-appearance:none; -moz-appearance:none;}
input[type='checkbox'],input[type='radio']{ vertical-align:middle;}
a{ color:#333; text-decoration:none; background-color: transparent;}
a:active,a:hover{ color:#333; outline:0; text-decoration:none;}


/**浮动定义**/
.l{ float:left;}
.r{ float:right;}
/**图片自适应**/
.img_response{ width:100%;}
/**清除溢出**/
.overhidden{ overflow:hidden;}
/**定位**/
.pos_absolute{ position:absolute;}
.pos_relative{ position:relative;}
.pos_fixed{ position:fixed;}
/**字体大小**/
.font18{ font-size:10px;}
.font20{ font-size:10px;}
.font22{ font-size:.22rem;}
.font24{ font-size:12px;}
.font26{ font-size:.26rem;}
.font28{ font-size:.28rem;}
.font30{ font-size:14px;}
.font32{ font-size:.32rem;}
.font34{ font-size:16px;}
.font36{ font-size:16px;}
.font40{ font-size:.4rem;}
/**文本对齐方式**/
.text_left{ text-align:left;}
.text_center{ text-align:center;}
.text_right{ text-align:right;}
/**文字下滑线**/
.text_through{ text-decoration:line-through;}
.text_underline{ text-decoration:underline;}
/**字体加粗**/
.font_bold{ font-weight:bold;}
/**表格**/
.comm_tab{ width:100%; border:0; border-collapse:collapse; border-spacing:0;}
/**取消border**/
.no_border{ border:0;}
.no_border_top{ border-top:0;}
.no_border_bottom{ border-bottom:0;}
.no_border_left{ border-left:0;}
.no_border_right{ border-right:0;}
/**外边距**/
.no_margin{ margin:0;}
.margin10{ margin:.1rem;}
.margin20{ margin:.2rem;}
.margin30{ margin:.3rem;}
.margin40{ margin:.4rem;}
.margin50{ margin:.5rem;}

.margin_l_r10{ margin-left:.1rem; margin-right:.1rem;}
.margin_l_r20{margin-left:.2rem; margin-right:.2rem;}
.margin_l_r30{margin-left:.3rem; margin-right:.3rem;}
.margin_l_r40{ margin-left:.4rem; margin-right:.4rem;}

.margin_t_b10{ margin-top:.1rem; margin-bottom:.1rem;}
.margin_t_b20{ margin-top:.2rem; margin-bottom:.2rem;}
.margin_t_b30{ margin-top:.3rem; margin-bottom:.3rem;}
.margin_t_b40{ margin-top:.4rem; margin-bottom:.4rem;}

.margin_t10{ margin-top:.1rem;}
.margin_t20{ margin-top:.2rem;}
.margin_t30{ margin-top:.3rem;}
.margin_t40{ margin-top:.4rem;}
.margin_t50{ margin-top:.5rem;}

.margin_b10{ margin-bottom:.1rem;}
.margin_b20{ margin-bottom:.2rem;}
.margin_b30{ margin-bottom:.3rem;}
.margin_b40{ margin-bottom:.4rem;}

.margin_l10{ margin-left:.1rem;}
.margin_l20{ margin-left:.2rem;}
.margin_l30{ margin-left:.3rem;}
.margin_l40{ margin-left:.4rem;}

.margin_r10{ margin-right:.1rem;}
.margin_r20{ margin-right:.2rem;}
.margin_r30{ margin-right:.3rem;}
.margin_r40{ margin-right:.4rem;}
/**内边距**/
.no_padding{ padding:0;}
.padding10{ padding:.1rem;}
.padding20{ padding:.2rem;}
.padding30{ padding:.3rem;}
.padding40{ padding:.4rem;}

.padding_l_r05{ padding-left:.05rem; padding-right:.05rem;}
.padding_l_r10{ padding-left:.1rem; padding-right:.1rem;}
.padding_l_r20{padding-left:.2rem; padding-right:.2rem;}
.padding_l_r30{padding-left:.3rem; padding-right:.3rem;}
.padding_l_r40{ padding-left:.4rem; padding-right:.4rem;}

.padding_t_b10{ padding-top:.1rem; padding-bottom:.1rem;}
.padding_t_b20{ padding-top:.2rem; padding-bottom:.2rem;}
.padding_t_b30{ padding-top:.3rem; padding-bottom:.3rem;}
.padding_t_b40{ padding-top:.4rem; padding-bottom:.4rem;}
.padding_t_b50{ padding-top:.5rem; padding-bottom:.5rem;}

.padding_t10{ padding-top:.1rem;}
.padding_t20{ padding-top:.2rem;}
.padding_t30{ padding-top:.3rem;}
.padding_t40{ padding-top:.4rem;}
.padding_t50{ padding-top:.5rem;}
.padding_t60{ padding-top:.6rem;}

.padding_b10{ padding-bottom:.1rem;}
.padding_b20{ padding-bottom:.2rem;}
.padding_b30{ padding-bottom:.3rem;}
.padding_b40{ padding-bottom:.4rem;}
.padding_b50{ padding-bottom:.5rem;}
.padding_b90{ padding-bottom:.9rem;}

.padding_l10{ padding-left:.1rem;}
.padding_l20{ padding-left:.2rem;}
.padding_l30{ padding-left:.3rem;}
.padding_l40{ padding-left:.4rem;}

.padding_r10{ padding-right:.1rem;}
.padding_r20{ padding-right:.2rem;}
.padding_r30{ padding-right:.3rem;}
.padding_r40{ padding-right:.4rem;}
.padding_r50{ padding-right:.5rem;}
.padding_r60{ padding-right:.6rem;}
.padding_r100{ padding-right:1rem;}
/**开头空2/4个字**/
.text_indent{ text-indent:2em;}
.text_indent4{ text-indent:4em;}
/**行间距**/
.line_height12{ line-height:1.2;}
.line_height15{ line-height:1.5;}
.line_height20{ line-height:2;}

/**媒体查询自适应**/
@media screen and (min-width: 415px) {
    html{font-size:55.2px;}
}
@media screen and (min-width: 376px) and (max-width: 414px) {
    html{font-size:55.2px;}
}
@media screen and (min-width: 361px) and (max-width: 375px) {
    html{font-size:50px;}
}
@media screen and (min-width: 321px) and (max-width: 360px) {
    html{font-size:48px;}
	.font12{ font-size:12px;}
}
@media screen and (max-width: 320px) {
    html{font-size:42.6666px;}
	.font12{ font-size:12px;}
}