/** * (c) Copyright 2017 yunyingchen. All Rights Reserved. * 2017-10-17 */ @charset "utf-8"; * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline: none; } /*禁止文本缩放 字体设置 取消touch高亮效果*/ html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%;/*取消浏览器最小字体限制*/ -webkit-touch-callout: none;/*触摸并按住触摸目标时候，禁止或显示系统默认菜单*/ font-family: -apple-system, "PingFang SC", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 62.5%; background: transparent; color: #333; } body { width: 100%; height: 100%; -webkit-overflow-scrolling: touch; background:#fff; color:#333; font-size:0.14rem; font-family:"SourceHanSansCN","宋体"; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary { margin: 0; padding: 0; border: 0; font-weight: normal; } /*清除输入框内阴影*/ input, select, textarea { border: 0; -webkit-appearance: none; appearance: none; resize: none; outline: 0; white-space: pre-wrap; word-wrap: break-word; background: #fff; } header,section,footer{ display: block; } ol, ul { list-style: none; } /*禁止选中文本内容*/ *:not(input, select, textArea) { -webkit-user-select: none; } /*禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加*/ a, img { -webkit-touch-callout: none; display:inline-block; } a, a:active, a:hover, a:focus, a:visited { text-decoration: none; } /*去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)*/ a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: none; outline: none; -webkit-appearance: none; -webkit-touch-callout: none; border: none; } .elli-multi { word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; display: -moz-box } img { border: none; display: inline-block; /*vertical-align: middle;*/ margin:0; padding:0; } .fl { float: left } .fr { float: right } .tl{text-align: left;} .tr{text-align: right;} .pa { position: absolute } .pr { position: relative } .text_align_l{text-align: left;} .text_align_c{text-align: center;} .text_align_r{text-align: right;} .fixed { position: fixed; width: 100%; z-index: 99 } .cl:after, .cl:before { content: ""; display: block; height: 0; clear: both } .hidden { display: none!important } .block { overflow: block!important } .wap_container{ min-width: 320px; max-width: 750px; margin:0 auto; } /*font-family,font_size*/ /*思源字体*/ /*Normalr*/ @font-face { font-family: "SourceHanSansCN-Normalr"; src: url("../fonts/SourceHanSansCN-Normal.ttf"); } .sc_n12{font-family:"SourceHanSansCN-Normalr"; font-size: 0.12rem;} .sc_n14{font-family:"SourceHanSansCN-Normalr"; font-size: 0.14rem;} .sc_n16{font-family:"SourceHanSansCN-Normalr"; font-size: 0.16rem;} .sc_n18{font-family:"SourceHanSansCN-Normalr"; font-size: 0.18rem;} .sc_n20{font-family:"SourceHanSansCN-Normalr"; font-size: 0.2rem;} .sc_n22{font-family:"SourceHanSansCN-Normalr"; font-size: 0.22rem;} .sc_n24{font-family:"SourceHanSansCN-Normalr"; font-size: 0.24rem;} .sc_n26{font-family:"SourceHanSansCN-Normalr"; font-size: 0.26rem;} .sc_n27{font-family:"SourceHanSansCN-Normalr"; font-size: 0.27rem;} .sc_n28{font-family:"SourceHanSansCN-Normalr"; font-size: 0.28rem;} .sc_n30{font-family:"SourceHanSansCN-Normalr"; font-size: 0.3rem;} .sc_n32{font-family:"SourceHanSansCN-Normalr"; font-size: 0.32rem;} .sc_n34{font-family:"SourceHanSansCN-Normalr"; font-size: 0.34rem;} .sc_n36{font-family:"SourceHanSansCN-Normalr"; font-size: 0.36rem;} .sc_n38{font-family:"SourceHanSansCN-Normalr"; font-size: 0.38rem;} .sc_n40{font-family:"SourceHanSansCN-Normalr"; font-size: 0.4rem;} .sc_n42{font-family:"SourceHanSansCN-Normalr"; font-size: 0.42rem;} .sc_n44{font-family:"SourceHanSansCN-Normalr"; font-size: 0.44rem;} .sc_n50{font-family:"SourceHanSansCN-Normalr"; font-size: 0.50rem;} .sc_n54{font-family:"SourceHanSansCN-Normalr"; font-size: 0.54rem;} .sc_n58{font-family:"SourceHanSansCN-Normalr"; font-size: 0.58rem;} .sc_n64{font-family:"SourceHanSansCN-Normalr"; font-size: 0.64rem;} /*Regular*/ @font-face { font-family: "SourceHanSansCN-Regular"; src: url("../fonts/SourceHanSansCN-Regular.ttf"); } .sc_r12{font-family:"SourceHanSansCN-Regular"; font-size: 0.12rem;} .sc_r14{font-family:"SourceHanSansCN-Regular"; font-size: 0.14rem;} .sc_r16{font-family:"SourceHanSansCN-Regular"; font-size: 0.16rem;} .sc_r18{font-family:"SourceHanSansCN-Regular"; font-size: 0.18rem;} .sc_r20{font-family:"SourceHanSansCN-Regular"; font-size: 0.2rem;} .sc_r22{font-family:"SourceHanSansCN-Regular"; font-size: 0.22rem;} .sc_r24{font-family:"SourceHanSansCN-Regular"; font-size: 0.24rem;} .sc_r26{font-family:"SourceHanSansCN-Regular"; font-size: 0.26rem;} .sc_r28{font-family:"SourceHanSansCN-Regular"; font-size: 0.28rem;} .sc_r29{font-family:"SourceHanSansCN-Regular"; font-size: 0.29rem;} .sc_r30{font-family:"SourceHanSansCN-Regular"; font-size: 0.3rem;} .sc_r32{font-family:"SourceHanSansCN-Regular"; font-size: 0.32rem;} .sc_r34{font-family:"SourceHanSansCN-Regular"; font-size: 0.34rem;} .sc_r36{font-family:"SourceHanSansCN-Regular"; font-size: 0.36rem;} .sc_r38{font-family:"SourceHanSansCN-Regular"; font-size: 0.38rem;} .sc_r40{font-family:"SourceHanSansCN-Regular"; font-size: 0.4rem;} .sc_r42{font-family:"SourceHanSansCN-Normalr"; font-size: 0.42rem;} .sc_r44{font-family:"SourceHanSansCN-Regular"; font-size: 0.44rem;} .sc_r50{font-family:"SourceHanSansCN-Regular"; font-size: 0.50rem;} .sc_r54{font-family:"SourceHanSansCN-Regular"; font-size: 0.54rem;} .sc_r58{font-family:"SourceHanSansCN-Regular"; font-size: 0.58rem;} .sc_r64{font-family:"SourceHanSansCN-Regular"; font-size: 0.64rem;} /*Medium*/ @font-face { font-family: "SourceHanSansCN-Medium"; src: url("../fonts/SourceHanSerifCN-Medium.otf"); } .sc_m12{font-family:"SourceHanSansCN-Medium"; font-size: 0.12rem;} .sc_m14{font-family:"SourceHanSansCN-Medium"; font-size: 0.14rem;} .sc_m16{font-family:"SourceHanSansCN-Medium"; font-size: 0.16rem;} .sc_m18{font-family:"SourceHanSansCN-Medium"; font-size: 0.18rem;} .sc_m20{font-family:"SourceHanSansCN-Medium"; font-size: 0.2rem;} .sc_m22{font-family:"SourceHanSansCN-Medium"; font-size: 0.22rem;} .sc_m24{font-family:"SourceHanSansCN-Medium"; font-size: 0.24rem;} .sc_m26{font-family:"SourceHanSansCN-Medium"; font-size: 0.26rem;} .sc_m28{font-family:"SourceHanSansCN-Medium"; font-size: 0.28rem;} .sc_m30{font-family:"SourceHanSansCN-Medium"; font-size: 0.3rem;} .sc_m32{font-family:"SourceHanSansCN-Medium"; font-size: 0.32rem;} .sc_m34{font-family:"SourceHanSansCN-Medium"; font-size: 0.34rem;} .sc_m36{font-family:"SourceHanSansCN-Medium"; font-size: 0.36rem;} .sc_m38{font-family:"SourceHanSansCN-Medium"; font-size: 0.38rem;} .sc_m40{font-family:"SourceHanSansCN-Medium"; font-size: 0.4rem;} .sc_m42{font-family:"SourceHanSansCN-Normalr"; font-size: 0.42rem;} .sc_m44{font-family:"SourceHanSansCN-Medium"; font-size: 0.44rem;} .sc_m50{font-family:"SourceHanSansCN-Medium"; font-size: 0.50rem;} .sc_m54{font-family:"SourceHanSansCN-Medium"; font-size: 0.54rem;} .sc_m58{font-family:"SourceHanSansCN-Medium"; font-size: 0.58rem;} .sc_m64{font-family:"SourceHanSansCN-Medium"; font-size: 0.64rem;} /*blod*/ @font-face { font-family: "SourceHanSansCN-Bold"; src: url("../fonts/SourceHanSansCN-Bold.otf"); } .sc_b20{font-family:"SourceHanSansCN-Bold"; font-size: 0.20rem;} .sc_b24{font-family:"SourceHanSansCN-Bold"; font-size: 0.24rem;} .sc_b36{font-family:"SourceHanSansCN-Bold"; font-size: 0.36rem;} /*light*/ @font-face { font-family: "SourceHanSansCN-Light"; src: url("../fonts/SourceHanSansCN-Light.otf"); } .sc_l28{font-family:"SourceHanSansCN-Light"; font-size: 0.28rem;} /*宋体*/ .fs_12{font-family: "宋体"; font-size: 0.12rem;} .fs_14{font-family: "宋体"; font-size: 0.14rem;} .fs_16{font-family: "宋体"; font-size: 0.16rem;} .fs_18{font-family: "宋体"; font-size: 0.18rem;} .fs_18{font-family: "宋体"; font-size: 0.24rem;} /*苹方字体*/ @font-face { font-family: "PingFangRegular"; src: url("../fonts/PingFangRegular.ttf"); } @font-face { font-family: "PingFangMedium"; src: url("../fonts/PingFangMedium.ttf"); } @font-face { font-family: "PingFangBold"; src: url("../fonts/PingFangBold.ttf"); } /*Regular*/ .pf_r20{font-family: "PingFangRegular"; font-size: 0.2rem;} .pf_r22{font-family: "PingFangRegular"; font-size: 0.22rem;} .pf_r24{font-family: "PingFangRegular"; font-size: 0.24rem;} .pf_r26{font-family: "PingFangRegular"; font-size: 0.26rem;} .pf_r28{font-family: "PingFangRegular"; font-size: 0.28rem;} .pf_r30{font-family: "PingFangRegular"; font-size: 0.3rem;} .pf_r32{font-family: "PingFangRegular"; font-size: 0.32rem;} .pf_r36{font-family: "PingFangRegular"; font-size: 0.36rem;} .pf_r50{font-family: "PingFangRegular"; font-size: 0.5rem;} /*Medium*/ .pf_m20{font-family: "PingFangMedium"; font-size: 0.2rem;} .pf_m22{font-family: "PingFangMedium"; font-size: 0.22rem;} .pf_m24{font-family: "PingFangMedium"; font-size: 0.24rem;} .pf_m26{font-family: "PingFangMedium"; font-size: 0.26rem;} .pf_m28{font-family: "PingFangMedium"; font-size: 0.28rem;} .pf_m30{font-family: "PingFangMedium"; font-size: 0.3rem;} .pf_m32{font-family: "PingFangMedium"; font-size: 0.32rem;} .pf_m36{font-family: "PingFangMedium"; font-size: 0.36rem;} .pf_m49{font-family: "PingFangMedium"; font-size: 0.49rem;} .pf_m50{font-family: "PingFangMedium"; font-size: 0.5rem;} /*Bold*/ .pf_b20{font-family: "PingFangBold"; font-size: 0.2rem;} .pf_b22{font-family: "PingFangBold"; font-size: 0.22rem;} .pf_b24{font-family: "PingFangBold"; font-size: 0.24rem;} .pf_b26{font-family: "PingFangBold"; font-size: 0.26rem;} .pf_b28{font-family: "PingFangBold"; font-size: 0.28rem;} .pf_b30{font-family: "PingFangBold"; font-size: 0.3rem;} .pf_b32{font-family: "PingFangBold"; font-size: 0.32rem;} .pf_b34{font-family: "PingFangBold"; font-size: 0.34rem;} .pf_b36{font-family: "PingFangBold"; font-size: 0.36rem;} .pf_b38{font-family: "PingFangBold"; font-size: 0.38rem;} .pf_b40{font-family: "PingFangBold"; font-size: 0.4rem;} .pf_b42{font-family: "PingFangBold"; font-size: 0.42rem;} .pf_b50{font-family: "PingFangBold"; font-size: 0.5rem;} /*--------------*/ .font_size12{font-family:"SourceHanSansCN"; font-size: 0.12rem;} .font_size14{font-family:"SourceHanSansCN"; font-size: 0.14rem;} .font_size16{font-family:"SourceHanSansCN"; font-size: 0.16rem;} .font_size18{font-family:"SourceHanSansCN"; font-size: 0.18rem;} .font_size20{font-family:"SourceHanSansCN"; font-size: 0.20rem;} .font_size22{font-family:"SourceHanSansCN"; font-size: 0.22rem;} .font_size24{font-family:"SourceHanSansCN"; font-size: 0.24rem;} .font_size26{font-family:"SourceHanSansCN"; font-size: 0.26rem;} .font_size28{font-family:"SourceHanSansCN"; font-size: 0.28rem;} .font_size30{font-family:"SourceHanSansCN"; font-size: 0.3rem;} .font_size32{font-family:"SourceHanSansCN"; font-size: 0.32rem;} .font_size34{font-family:"SourceHanSansCN"; font-size: 0.34rem;} .font_size36{font-family:"SourceHanSansCN"; font-size: 0.36rem;} .font_size38{font-family:"SourceHanSansCN"; font-size: 0.38rem;} .font_size40{font-family:"SourceHanSansCN"; font-size: 0.4rem;} .font_size44{font-family:"SourceHanSansCN"; font-size: 0.44rem;} .font_size50{font-family:"SourceHanSansCN"; font-size: 0.5rem;} .font_size54{font-family:"SourceHanSansCN"; font-size: 0.54rem;} .font_size58{font-family:"SourceHanSansCN"; font-size: 0.58rem;} .font_size64{font-family:"SourceHanSansCN"; font-size: 0.64rem;} /*--------------*/ .pf_20{font-family: "PingFangRegular"; font-size: 0.2rem;} .pf_22{font-family: "PingFangRegular"; font-size: 0.22rem;} .pf_24{font-family: "PingFangRegular"; font-size: 0.24rem;} .pf_26{font-family: "PingFangRegular"; font-size: 0.26rem;} .pf_28{font-family: "PingFangRegular"; font-size: 0.28rem;} .pf_30{font-family: "PingFangRegular"; font-size: 0.3rem;} .pf_32{font-family: "PingFangRegular"; font-size: 0.32rem;} .pf_36{font-family: "PingFangRegular"; font-size: 0.36rem;} .pf_50{font-family: "PingFangRegular"; font-size: 0.5rem;} /*--------------*/ /*padding*/ .padding_lar20{padding-left: 0.2rem;padding-right: 0.2rem;} .padding_lar30{padding-left: 0.3rem;padding-right: 0.3rem;} .padding_lar50{padding-left: 0.5rem;padding-right: 0.5rem;} .padding_tab90{padding-top: 0.9rem;padding-bottom: 0.9rem;} .padding_tab10{padding-top: 0.1rem;padding-bottom: 0.1rem;} .padding_tab20{padding-top: 0.2rem;padding-bottom: 0.2rem;} .padding_tab60{padding-top: 0.6rem;padding-bottom: 0.6rem;} .padding_top10{padding-top: 0.1rem;} .padding_top15{padding-top: 0.15rem;} .padding_top20{padding-top: 0.2rem;} .padding_top30{padding-top: 0.3rem;} .padding_top20{padding-top: 0.2rem;} .padding_top80{padding-top: 0.8rem;} .padding_top110{padding-top: 1.1rem;} .padding_top130{padding-top: 1.3rem;} .padding_top180{padding-top: 1.8rem;} .padding_bot15{padding-bottom: 0.15rem;} .padding_bot40{padding-bottom: 0.4rem;} .padding_bot110{padding-bottom: 1.1rem;} .padding_bot130{padding-bottom: 1.3rem;} .padding_bot200{padding-bottom: 2.0rem;} .padding_left20{padding-left: 0.2rem;} .padding_left30{padding-left: 0.3rem;} .padding_right10{padding-right: 0.1rem;} /*margin*/ .margin_bottom30{margin-bottom:0.3rem} .margin_bottom70{margin-bottom:0.7rem} .margin_left30{margin-left:0.30rem} .margin_left35{margin-left:0.35rem} .margin_left70{margin-left: 0.7rem;} .margin_top15{margin-top: 0.15rem;} .margin_top20{margin-top: 0.2rem;} .margin_top30{margin-top: 0.3rem;} .margin_top50{margin-top: 0.5em;} .margin_top80{margin-top: 0.8rem;} .margin_top200{margin-top: 2.0rem;} .margin_tab50{margin-top: 0.5rem;margin-bottom: 0.5rem;}