/** * Description: base style * Developers: liuyt@yiqiao.com **/ /*reset startminContent ---------------------------------------------------------*/ *{ margin: 0; padding: 0; } 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 header, .header footer, .header article, .header aside, .header section, .header nav, .header menu, .header hgroup, .header details, .header dialog, .header figure, .header figcaption{ display:block; } .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header b, .header em, .header address, .header caption, .header cite, .header code, .header dfn, .header th, .header var, .header i { font-style: normal; font-weight: normal; -webkit-text-size-adjust: none; } .header h1, .header h2, .header h3, .header h4, .header h5, .header h6{ font-size: 100%; font-weight: normal; } .header li{ list-style: none; } .header fieldset,img{ border-width: 0; } .header a{ text-decoration: none; outline: none; } .header sup, .header sub { vertical-align: baseline; } *{ margin: 0; padding: 0; } .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 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,img{ border-width: 0; } .footBox a{ text-decoration: none; outline: none; } .footBox sup, .footBox sub { vertical-align: baseline; } .con-r-hot header, .con-r-hot footer, .con-r-hot article, .con-r-hot aside, .con-r-hot section, .con-r-hot nav, .con-r-hot menu, .con-r-hot hgroup, .con-r-hot details, .con-r-hot dialog, .con-r-hot figure, .con-r-hot figcaption{ display:block; } .con-r-hot h1, .con-r-hot h2, .con-r-hot h3, .con-r-hot h4, .con-r-hot h5, .con-r-hot h6, .con-r-hot b, .con-r-hot em, .con-r-hot address, .con-r-hot caption, .con-r-hot cite, .con-r-hot code, .con-r-hot dfn, .con-r-hot th, .con-r-hot var, .con-r-hot i { font-style: normal; font-weight: normal; -webkit-text-size-adjust: none; } .con-r-hot h1, .con-r-hot h2, .con-r-hot h3, .con-r-hot h4, .con-r-hot h5, .con-r-hot h6{ font-size: 100%; font-weight: normal; } .con-r-hot li{ list-style: none; } .con-r-hot fieldset,img{ border-width: 0; } .con-r-hot a{ text-decoration: none; outline: none; } .con-r-hot sup, .con-r-hot sub { vertical-align: baseline; } .win1200{ margin: 0 auto !important; } legend{ font-size: 0; line-height: 0; color: rgba(0,0,0,0); } input{ background-color: transparent; border-width: 0; outline: none; color: #333; } 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; }