78 lines
2.5 KiB
CSS
78 lines
2.5 KiB
CSS
html{
|
|
width: 100%; height: 100%;
|
|
margin: 0; padding: 0;
|
|
font-size: 62.5%;
|
|
font-family: PingFangSC,'微软雅黑', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1';
|
|
}
|
|
html{
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
html,body{overflow-x: hidden;}
|
|
body{margin: 0 auto; line-height: 1.5;}
|
|
.auto-height { /*自适应高度布局*/
|
|
width: 100%;
|
|
min-height:100%;
|
|
height: auto;
|
|
_height: 100%; /*IE6不识别min-height*/
|
|
position: relative;
|
|
overflow-x: hidden;
|
|
}
|
|
img { border: 0; max-width: 100%;}
|
|
button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit; font-family: '微软雅黑', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1' ;}
|
|
ol, ul, li, dl, dd{ list-style:none; margin: 0; padding: 0;}
|
|
p, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: 500;}
|
|
|
|
/* 清除浮动 */
|
|
html[xmlns] .clearfix { display: block;}
|
|
.clearfix { display: block;}
|
|
*html .clearfix { height: 1%;}
|
|
.clearfix:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
|
|
.clearfix:before { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
|
|
|
|
/*内容垂直居中 */
|
|
.mid_cont{ display: table-cell; vertical-align: middle;}
|
|
/*内容两端对齐 */
|
|
.justify{ text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;}
|
|
.text-left{text-align: left;}
|
|
.text-center{text-align: center;}
|
|
.text-right{text-align: right;}
|
|
|
|
/*方向 */
|
|
.float-l{float:left !important;}
|
|
.float-r{float:right !important;}
|
|
.text-l{ text-align: left !important;}
|
|
.text-r{ text-align: right !important;}
|
|
.text-c{ text-align: center !important;}
|
|
|
|
|
|
|
|
/**/
|
|
.color-020{
|
|
color: #002200;
|
|
}
|
|
.color-writ{
|
|
color: #fff;
|
|
}
|
|
|
|
/*字体大小*/
|
|
.size12{ font-size: 1.2rem !important;}
|
|
.size13{ font-size: 1.3rem !important;}
|
|
.size14{ font-size: 1.4rem !important;}
|
|
.size15{ font-size: 1.5rem !important;}
|
|
.size16{ font-size: 1.6rem !important;}
|
|
.size17{ font-size: 1.7rem !important;}
|
|
.size18{ font-size: 1.8rem !important;}
|
|
.size19{ font-size: 1.9rem !important;}
|
|
.size20{ font-size: 2.0rem !important;}
|
|
.size21{ font-size: 2.2rem !important;}
|
|
.size22{ font-size: 2.3rem !important;}
|
|
.size23{ font-size: 2.4rem !important;}
|
|
.size24{ font-size: 2.5rem !important;}
|
|
.size25{ font-size: 2.6rem !important;}
|
|
.size26{ font-size: 2.7rem !important;}
|
|
.size27{ font-size: 2.8rem !important;}
|
|
.size28{ font-size: 2.8rem !important;}
|
|
.size29{ font-size: 2.9rem !important;}
|
|
.size30{ font-size: 3.0rem !important;} |