@charset "utf-8";

/* CSS Document */
* {padding: 0;margin: 0;}
html {font-size: 62.5%;}
body {width: 7.5rem;margin: 0 auto;}
html,body {height: 100%;}
img {max-width:100%;}
a {text-decoration:none;}
.clear {height:0;line-height:0;font-size:0;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}

/* common main */
.c0 { color:#000;}
.c1 { color:#111;}
.c2 { color:#222;}
.c3 { color:#333;}
.c4 { color:#444;}
.c5 { color:#555;}
.c6 { color:#666;}
.c7 { color:#777;}
.c8 { color:#888;}
.c9 { color:#999;}
.fs3 { font-size:0.3rem;}
.fs35 { font-size:0.35rem;}
.fs4 { font-size:0.4rem;}
.fs45 { font-size:0.45rem;}
.fs5 { font-size:0.5rem;}
.fs55 { font-size:0.55rem;}
.fs6 { font-size:0.6rem;}
.fs65 { font-size:0.65rem;}
.fs7 { font-size:0.7rem;}
.fw-b { font-weight:bold;}
.fw400 { font-weight:400;}
.lh3 { line-height:0.3rem;}
.lh4 { line-height:0.4rem;}
.lh5 { line-height:0.5rem;}
.lh6 { line-height:0.6rem;}
.lh7 { line-height:0.7rem;}
.lh8 { line-height:0.8rem;}
.lh9 { line-height:0.9rem;}
.lh10 { line-height:1rem;}
.lh11 { line-height:1.1rem;}
.lh12 { line-height:1.2rem;}
.lh13 { line-height:1.3rem;}
.lh14 { line-height:1.4rem;}
.lh15 { line-height:1.5rem;}
.ta-l { text-align:left;}
.ta-c { text-align:center;}
.ta-r { text-align:right;}
.fl { float:left;}
.fr { float:right;}
.oh { overflow:hidden;}
.none { display:none;}
.block { display:block;}
.inblock { display:inline-block;}
.inline { display:inline;}
.w100 { width:100%;}
.w96 { width:96%;}
.w94 { width:94%;}
.w90 { width:90%}
.w80 { width:80%;}
.w70 { width:70%;}
.w75 { width:75%;}
.w60 { width:60%;}
.w50 { width:50%;}
.w40 { width:40%;}
.w30 { width:30%;}
.w20 { width:20%;}
.w10 { width:10%;}
.h01 { height:0.1rem;}
.h02 { height:0.2rem;}
.h03 { height:0.3rem;}
.h04 { height:0.4rem;}
.h05 { height:0.5rem;}
.h06 { height:0.6rem;}
.h07 { height:0.7rem;}
.h08 { height:0.8rem;}
.h09 { height:0.9rem;}
.h10 { height:1rem;}
.h11 { height:1.1rem;}
.h12 { height:1.2rem;}
.h13 { height:1.3rem;}
.h14 { height:1.4rem;}
.h15 { height:1.5rem;}
.h100 { height:100%;}
.pt02 { padding-top:0.2rem;}
.pt03 { padding-top:0.3rem;}
.pt04 { padding-top:0.4rem;}
.pb02 { padding-bottom:0.2rem;}
.pb03 { padding-bottom:0.3rem;}
.pb04 { padding-bottom:0.4rem;}
.mt02 { margin-top:0.2rem;}
.mt03 { margin-top:0.3rem;}
.mt04 { margin-top:0.4rem;}
.mb02 { margin-bottom:0.2rem;}
.mb03 { margin-bottom:0.3rem;}
.mb04 { margin-bottom:0.4rem;}
.ml02 { margin-left:0.2rem;}
.ml03 { margin-left:0.3rem;}
.ml04 { margin-left:0.4rem;}
.mr02 { margin-right:0.2rem;}
.mr03 { margin-right:0.3rem;}
.mr04 { margin-right:0.4rem;}
.z-index5 { z-index:5;}
.z-index10 { z-index:10;}
.z-index15 { z-index:15;}
.mga { margin-left:auto;margin-right:auto;}

/*
1、无法编译SCSS文件时，不要修改style.css文件内容，否则无用功
2、需求调整样式，就在该文件中编辑所需求修改的详细样式，common.css优先级高于style.css ，具体须修改的样式名，请务必以浏览器解析为主
3、乖哦~不要胡乱修改惹麻烦！前端喵们会生气抓狂哒╭(╯^╰)╮
*/