@charset "utf-8";
|
/*公共样式 start*/
|
body,div,h1,p,h2,header,ul,li,dl,dt,dd,ol,nav,input,footer{ margin:0; padding:0;}
|
body{ color:#000;font-family:Arial, Helvetica, sans-serif,'微软雅黑';background:#f5f5f5;}
|
@media screen and (max-width:319px){
|
body{font-size:10.6px;-webkit-text-size-adjust: none;}
|
input{font-size:10.6px;}
|
}
|
@media screen and (min-width:320px) and (max-width:479px){
|
body{font-size:16px;-webkit-text-size-adjust: none;}
|
input{font-size:16px;}
|
}
|
@media screen and (min-width:480px) and (max-width:539px){
|
body{font-size:18px;-webkit-text-size-adjust: none;}
|
input{font-size:18px;}
|
}
|
@media screen and (min-width:540px) and (max-width:639px){
|
body{font-size:21.3px;-webkit-text-size-adjust: none;}
|
input{font-size:21.3px;}
|
}
|
@media screen and (min-width:640px) and (max-width:719px){
|
body{font-size:24px;-webkit-text-size-adjust: none;}
|
input{font-size:24px;}
|
}
|
@media screen and (min-width:720px) and (max-width:1079px){
|
body{font-size:26.7px;-webkit-text-size-adjust: none;}
|
input{font-size:26.7px;}
|
}
|
@media screen and (min-width:1080px) and (max-width:1439px){
|
body{font-size:48px;-webkit-text-size-adjust: none;}
|
input{font-size:48px;}
|
}
|
@media screen and (min-width:1440px) {
|
body{font-size:60px;-webkit-text-size-adjust: none;}
|
input{font-size:60px;}
|
}
|
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;font-size:100%; font-weight:normal;}
|
ul,li{ list-style:none;}
|
html{-webkit-text-size-adjust:none;}
|
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
|
img{border:none; vertical-align:middle; width:100%;}
|
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
|
.clearfix{ *zoom:1;}
|
input{ font-family:Arial, Helvetica, sans-serif;}
|
a{ text-decoration:none; color:#fff;}
|
a:hover{ text-decoration:none;color:#fff;}
|
|
/*元素居中*/
|
.txt_1{ text-align:center;}
|
.txt_2{ text-align:left;}
|
.txt_3{ text-align:right;}
|
.val_1{ vertical-align:top;}
|
.val_m{ vertical-align:middle;}
|
|
/*元素显示方式*/
|
.db{ display:block!important;}
|
.di{ display:inline;}
|
.dn{ display:none!important;}
|
.dib{ display:inline-block;}
|
/*元素定位*/
|
.posi_r{ position:relative;}
|
.posi_a{ position:absolute;}
|
.posi_f{ position:fixed;}
|
/*浮动*/
|
.fl{ float:left; display:inline;}
|
.fr{ float:right; display:inline;}
|
|
/*圆角*/
|
.rad_1{-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
|
.rad_2{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
|
.rad_3{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
|
|
/*公共样式 end*/
|
.bor_radius{
|
border-radius:0.3em;
|
overflow:hidden;
|
}
|
