@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; }