/** * Description: base style * Developers: liuyt@yiqiao.com **/ /*reset startminContent ---------------------------------------------------------*/ *{ margin: 0; padding: 0; } /*A点击虚线*/ .reset_css a{ text-decoration:none; outline:none;color: #666666;cursor: pointer} .reset_css a:active {star:expression(this.onFocus=this.blur());} body {background-color:#fafbfc; font-size:12px;margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;} body,html{width:100%;} .reset_css header, .reset_css footer, .reset_css article, .reset_css aside, .reset_css section, .reset_css nav, .reset_css menu, .reset_css hgroup, .reset_css details, .reset_css dialog, .reset_css figure, .reset_css figcaption{ display:block; } .reset_css h1, .reset_css h2, .reset_css h3, .reset_css h4, .reset_css h5, .reset_css h6, .reset_css b, .reset_css em, .reset_css strong, .reset_css address, .reset_css caption, .reset_css cite, .reset_css code, .reset_css dfn, .reset_css th, .reset_css var, .reset_css i { font-style: normal; font-weight: normal; -webkit-text-size-adjust: none; } .reset_css h1, .reset_css h2, .reset_css h3, .reset_css h4, .reset_css h5, .reset_css h6{ font-size: 100%; font-weight: normal; } .reset_css li{ list-style: none; } .reset_css fieldset, .reset_css img{ border-width: 0; } .reset_css a{ text-decoration: none; outline: none; } .reset_css sup, .reset_css sub { vertical-align: baseline; } .reset_css legend{ font-size: 0; line-height: 0; color: rgba(0,0,0,0); } /*A点击虚线*/ .top-strip a{ text-decoration:none; outline:none;color: #666666;cursor: pointer} .top-strip a:active {star:expression(this.onFocus=this.blur());} body {background-color:#fafbfc; font-size:12px;margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;} body,html{width:100%;} .top-strip header, .top-strip footer, .top-strip article, .top-strip aside, .top-strip section, .top-strip nav, .top-strip menu, .top-strip hgroup, .top-strip details, .top-strip dialog, .top-strip figure, .top-strip figcaption{ display:block; } .top-strip h1, .top-strip h2, .top-strip h3, .top-strip h4, .top-strip h5, .top-strip h6, .top-strip b, .top-strip em, .top-strip strong, .top-strip address, .top-strip caption, .top-strip cite, .top-strip code, .top-strip dfn, .top-strip th, .top-strip var, .top-strip i { font-style: normal; font-weight: normal; -webkit-text-size-adjust: none; } .top-strip h1, .top-strip h2, .top-strip h3, .top-strip h4, .top-strip h5, .top-strip h6{ font-size: 100%; font-weight: normal; } .top-strip li{ list-style: none; } .top-strip fieldset, .top-strip img{ border-width: 0; } .top-strip a{ text-decoration: none; outline: none; } .top-strip sup, .top-strip sub { vertical-align: baseline; } .top-strip legend{ font-size: 0; line-height: 0; color: rgba(0,0,0,0); } /*A点击虚线*/ .header-box a{ text-decoration:none; outline:none;color: #666666;cursor: pointer} .header-box a:active {star:expression(this.onFocus=this.blur());} body {background-color:#fafbfc; font-size:12px;margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;} body,html{width:100%;} .header-box header, .header-box footer, .header-box article, .header-box aside, .header-box section, .header-box nav, .header-box menu, .header-box hgroup, .header-box details, .header-box dialog, .header-box figure, .header-box figcaption{ display:block; } .header-box h1, .header-box h2, .header-box h3, .header-box h4, .header-box h5, .header-box h6, .header-box b, .header-box em, .header-box strong, .header-box address, .header-box caption, .header-box cite, .header-box code, .header-box dfn, .header-box th, .header-box var, .header-box i { font-style: normal; font-weight: normal; -webkit-text-size-adjust: none; } .header-box h1, .header-box h2, .header-box h3, .header-box h4, .header-box h5, .header-box h6{ font-size: 100%; font-weight: normal; } .header-box li{ list-style: none; } .header-box fieldset, .header-box img{ border-width: 0; } .header-box a{ text-decoration: none; outline: none; } .header-box sup, .header-box sub { vertical-align: baseline; } .header-box legend{ font-size: 0; line-height: 0; color: rgba(0,0,0,0); } /*A点击虚线*/ .rightfixed0 a{ text-decoration:none; outline:none;color: #666666;cursor: pointer} .rightfixed0 a:active {star:expression(this.onFocus=this.blur());} body {background-color:#fafbfc; font-size:12px;margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;} body,html{width:100%;} .rightfixed0 header, .rightfixed0 footer, .rightfixed0 article, .rightfixed0 aside, .rightfixed0 section, .rightfixed0 nav, .rightfixed0 menu, .rightfixed0 hgroup, .rightfixed0 details, .rightfixed0 dialog, .rightfixed0 figure, .rightfixed0 figcaption{ display:block; } .rightfixed0 h1, .rightfixed0 h2, .rightfixed0 h3, .rightfixed0 h4, .rightfixed0 h5, .rightfixed0 h6, .rightfixed0 b, .rightfixed0 em, .rightfixed0 strong, .rightfixed0 address, .rightfixed0 caption, .rightfixed0 cite, .rightfixed0 code, .rightfixed0 dfn, .rightfixed0 th, .rightfixed0 var, .rightfixed0 i { font-style: normal; font-weight: normal; -webkit-text-size-adjust: none; } .rightfixed0 h1, .rightfixed0 h2, .rightfixed0 h3, .rightfixed0 h4, .rightfixed0 h5, .rightfixed0 h6{ font-size: 100%; font-weight: normal; } .rightfixed0 li{ list-style: none; } .rightfixed0 fieldset, .rightfixed0 img{ border-width: 0; } .rightfixed0 a{ text-decoration: none; outline: none; } .rightfixed0 sup, .rightfixed0 sub { vertical-align: baseline; } .rightfixed0 legend{ font-size: 0; line-height: 0; color: rgba(0,0,0,0); } /*A点击虚线*/ .footBox a{ text-decoration:none; outline:none;color: #666666;cursor: pointer} .footBox a:active {star:expression(this.onFocus=this.blur());} body {background-color:#fafbfc; font-size:12px;margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;} body,html{width:100%;} .footBox header, .footBox footer, .footBox article, .footBox aside, .footBox section, .footBox nav, .footBox menu, .footBox hgroup, .footBox details, .footBox dialog, .footBox figure, .footBox figcaption{ display:block; } .footBox h1, .footBox h2, .footBox h3, .footBox h4, .footBox h5, .footBox h6, .footBox b, .footBox em, .footBox strong, .footBox address, .footBox caption, .footBox cite, .footBox code, .footBox dfn, .footBox th, .footBox var, .footBox i { font-style: normal; font-weight: normal; -webkit-text-size-adjust: none; } .footBox h1, .footBox h2, .footBox h3, .footBox h4, .footBox h5, .footBox h6{ font-size: 100%; font-weight: normal; } .footBox li{ list-style: none; } .footBox fieldset, .footBox img{ border-width: 0; } .footBox a{ text-decoration: none; outline: none; } .footBox sup, .footBox sub { vertical-align: baseline; } .footBox legend{ font-size: 0; line-height: 0; color: rgba(0,0,0,0); } /*A点击虚线*/ #PoPy a{ text-decoration:none; outline:none;color: #666666;cursor: pointer} #PoPy a:active {star:expression(this.onFocus=this.blur());} body {background-color:#fafbfc; font-size:12px;margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;} body,html{width:100%;} #PoPy header, #PoPy footer, #PoPy article, #PoPy aside, #PoPy section, #PoPy nav, #PoPy menu, #PoPy hgroup, #PoPy details, #PoPy dialog, #PoPy figure, #PoPy figcaption{ display:block; } #PoPy h1, #PoPy h2, #PoPy h3, #PoPy h4, #PoPy h5, #PoPy h6, #PoPy b, #PoPy em, #PoPy strong, #PoPy address, #PoPy caption, #PoPy cite, #PoPy code, #PoPy dfn, #PoPy th, #PoPy var, #PoPy i { font-style: normal; font-weight: normal; -webkit-text-size-adjust: none; } #PoPy h1, #PoPy h2, #PoPy h3, #PoPy h4, #PoPy h5, #PoPy h6{ font-size: 100%; font-weight: normal; } #PoPy li{ list-style: none; } #PoPy fieldset, #PoPy img{ border-width: 0; } #PoPy a{ text-decoration: none; outline: none; } #PoPy sup, #PoPy sub { vertical-align: baseline; } #PoPy legend{ font-size: 0; line-height: 0; color: rgba(0,0,0,0); } input{ background-color: transparent; border-width: 0; outline: none; color: #666666; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance:none !important; margin: 0; } input[type="number"]{ -moz-appearance:textfield; } input::-moz-placeholder { color: #bdbdbd; } input::-webkit-input-placeholder { color:#bdbdbd; } input:-ms-input-placeholder { color:#bdbdbd; } input::-ms-clear{display:none;} input[type="password"]::-ms-reveal{display:none;} /*reset end ---------------------------------------------------------*/ .content { width: 1200px; margin: 0 auto; font-family: "微软雅黑"; } /*clear start ---------------------------------------------------------*/ .clearFix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearFix{ zoom: 1; } .clear{clear: both;} /*clear end ---------------------------------------------------------*/ /*显示隐藏 start ---------------------------------------------------------*/ .vh{visibility: hidden;} .vv{visibility: visible;} .none{display: none !important;} .block{display: block;} .hidden{overflow: hidden;} /*显示隐藏 end ---------------------------------------------------------*/ /*定位 start ---------------------------------------------------------*/ .pr{position: relative;} .pa{position: absolute;} .pf{position: fixed;} /*定位 end ---------------------------------------------------------*/ /*浮动 start ---------------------------------------------------------*/ .fl{float: left;} .fr{float: right;} .fn{float: none;} /*浮动 end ---------------------------------------------------------*/ /*外边距 start ---------------------------------------------------------*/ .mCenter{margin: 0 auto;} .ml5{margin-left: 5px;} .ml10{margin-left: 10px;} .ml14, .ml15{margin-left: 15px;} .ml20{margin-left: 20px;} .ml25{margin-left: 25px;} .ml30{margin-left: 30px; } .ml35{margin-left: 35px;} .ml40{margin-left: 40px;} .ml45{margin-left: 45px;} .ml50{margin-left: 50px;} .mt5{margin-top: 5px;} .mt10{margin-top: 10px;} .mt15{margin-top: 15px;} .mt20{margin-top: 20px;} .mt25{margin-top: 25px;} .mt30{margin-top: 30px;} .mt35{margin-top: 35px;} .mt40{margin-top: 40px;} .mt45{margin-top: 45px;} .mt50{margin-top: 50px;} .mr5{margin-right: 5px;} .mr10{margin-right: 10px;} .mr15{margin-right: 15px;} .mr20{margin-right: 20px;} .mr25{margin-right: 25px;} .mr30{margin-right: 30px;} .mr35{margin-right: 35px;} .mr40{margin-right: 40px;} .mr45{margin-right: 45px;} .mr50{margin-right: 50px;} .mb5{margin-bottom: 5px;} .mb10{margin-bottom: 10px;} .mb15{margin-bottom: 15px;} .mb20{margin-bottom: 20px;} .mb25{margin-bottom: 25px;} .mb30{margin-bottom: 30px;} .mb35{margin-bottom: 35px;} .mb40{margin-bottom: 40px;} .mb45{margin-bottom: 45px;} .mb50{margin-bottom: 50px;} .mb100{margin-bottom:100px;} /*外边距 end ---------------------------------------------------------*/ /*内边距 start ---------------------------------------------------------*/ .pt5{padding-top: 5px;} .pt10{padding-top: 10px;} .pt15{padding-top: 15px;} .pt20{padding-top: 20px;} .pt25{padding-top: 25px;} .pt30{padding-top: 30px;} .pt35{padding-top: 35px;} .pt40{padding-top: 40px;} .pt45{padding-top: 45px;} .pt50{padding-top: 50px;} .pr5{padding-right: 5px;} .pr10{padding-right: 10px;} .pr15{padding-right: 15px;} .pr20{padding-right: 20px;} .pr25{padding-right: 25px;} .pr30{padding-right: 30px;} .pr35{padding-right: 35px;} .pr40{padding-right: 40px;} .pr45{padding-right: 45px;} .pr50{padding-right: 50px;} .pb5{padding-bottom: 5px;} .pb10{padding-bottom: 10px;} .pb15{padding-bottom: 15px;} .pb20{padding-bottom: 20px;} .pb25{padding-bottom: 25px;} .pb30{padding-bottom: 30px;} .pb35{padding-bottom: 35px;} .pb40{padding-bottom: 40px;} .pb45{padding-bottom: 45px;} .pb50{padding-bottom: 50px;} .pl5{padding-left: 5px;} .pl10{padding-left: 10px;} .pl15{padding-left: 15px;} .pl20{padding-left: 20px;} .pl25{padding-left: 25px;} .pl30{padding-left: 30px;} .pl35{padding-left: 35px;} .pl40{padding-left: 45px;} .pl45{padding-left: 45px;} .pl50{padding-left: 50px;} /*内边距 end ---------------------------------------------------------*/ /*文本 start ---------------------------------------------------------*/ .tc{text-align: center;} .tr{text-align: right;} .tin0{text-indent:0 !important;} .fwb{font-weight: bold;} .fwn{font-weight: normal;} .lh1{line-height: 1;} .lh12{line-height: 1.2;} .lh14{line-height: 1.4;} .lh15{line-height: 1.5;} .lh18{line-height: 1.8;} .lh2{line-height: 2;} .lh22{line-height: 2.2;} .lh24{line-height: 2.4;} .lh25{line-height: 2.5;} .fn{ font-size: 0; line-height: 0; color: rgba(0,0,0,0); } .fz12{font-size: 12px;} .fz14{font-size: 14px;} .fz16{font-size: 16px;} .fz18{font-size: 18px;} .fz20{font-size: 20px;} .fz22{font-size: 22px;} .fz24{font-size: 24px;} .fz26{font-size: 26px;} .fz28{font-size: 28px;} .fz30{font-size: 30px;} .fz32{font-size: 32px;} * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉a、input、button等点击的时候默认的蓝色的外边框和灰色的背景*/ -webkit-touch-callout: none; /*禁止长按a标签连接与图片弹出的菜单*/ -webkit-overflow-scrolling: touch; /*让页面的滚动条滚动的更加流畅*/ -webkit-text-size-adjust: 100%; /*关闭横竖屏切换或者缩放时候的字体大小自动的调整*/ /*-webkit-user-select: none; /!*禁止用户选中页面中的文字*!/*/ font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, sans-serif; /*在移动端选用的字体也是有技巧的 ->尽量使用无衬字体*/ } /*去除input默认样式*/ input { -webkit-appearance: none; } input[type="submit"], input[type="reset"], input[type="button"], input { -webkit-appearance: none; }