/*网页样式重置reset*/
html { -webkit-tap-highlight: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; text-size-adjust: none; font-size: 1em; }
body { font-size: 0.75em; }
label { cursor: pointer; }
a:link, a:visited { text-decoration: none; }
input, button, select, textarea { outline: none; }
textarea { resize: none; }

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var { margin: 0; padding: 0; }
li { list-style: none; }

article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; }
/*html5设置*/

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub { font-size: 1em; }
body, input, button, select, textarea, sub { }
em, cite, address, optgroup { font-style: normal; }
kbd, samp, code { }

img, input, button, select, textarea { vertical-align: middle; }
ul, ol { list-style: none; }
img, fieldset { border: 0; }
abbr, acronym { border-bottom: 1px dotted black; cursor: help; }
table { width: 100%; border: 0; border-spacing: 0; }
    table th, table td { border: 0; }
legend, hr { position: absolute; top: 0; left: 0; overflow: hidden; }
legend, hr, caption { visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }

/*::-webkit-scrollbar { background-color: rgba(0,0,0,0.5); width: 0.75em; }
::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.5); }*/

/*------------------------------------------------------------------------------------------------------------------------------*/
/*统一样式*/
html { position: relative; width: 100%; height: 100%; background: #FFF; overflow: hidden; }
body { position: relative; margin: 0 auto; width: 100%; height: 100%; background: transparent center center no-repeat; -webkit-background-size: cover; background-size: cover; font: 12px/1.5; overflow: hidden; }

.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.clearfix { *zoom: 1; }

/*统一功能元件样式 f-*/
.f-fl { float: left; }
.f-fr { float: right; }
.f-imgW01 { max-width: 750px; }
.f-imgW02 { max-width: 320px; }

/*index*/
.p-index { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; background: transparent center center no-repeat; -webkit-background-size: cover; background-size: cover; }
    .p-index.mod { position: absolute; top: 50%; left: 50%; overflow: hidden; width: 100%; height: 100%; background: transparent center center no-repeat #000; -webkit-background-size: cover; background-size: cover; }
.portrait .p-index { margin-top: -44%; -webkit-transform: scale(0.4); transform: scale(0.4); }

/*模块 m-*/
.m-page { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent center center/cover no-repeat; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; -webkit-transform-origin: center; transform-origin: center; opacity: 1; z-index: 1; }
    /*.m-page.anim { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }*/
    .m-page.show { z-index: 10; display: block; opacity: 1; }
    .m-page.hide { z-index: 5; display: none; opacity: 0; }
    .m-page.anim.hide { z-index: 5; display: none; opacity: 0; }
    .m-page.active { z-index: 15; display: block; opacity: 1; }

.m-img { width: 100%; height: 960px; }
.m-abs { position: absolute; width: auto; height: auto; }
.m-re { position: relative; width: auto; height: auto; }
.m-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.zoomh_t { -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; transform-origin: center top; }
.zoomh_m { -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; }
.zoomh_b { -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
.zoomh_10 { -moz-transform-origin: center 10%; -ms-transform-origin: center 10%; -o-transform-origin: center 10%; -webkit-transform-origin: center 10%; transform-origin: center 10%; }
.zoomh_20 { -moz-transform-origin: center 20%; -ms-transform-origin: center 20%; -o-transform-origin: center 20%; -webkit-transform-origin: center 20%; transform-origin: center 20%; }
.zoomh_30 { -moz-transform-origin: center 30%; -ms-transform-origin: center 30%; -o-transform-origin: center 30%; -webkit-transform-origin: center 30%; transform-origin: center 30%; }
.zoomh_40 { -moz-transform-origin: center 40%; -ms-transform-origin: center 40%; -o-transform-origin: center 40%; -webkit-transform-origin: center 40%; transform-origin: center 40%; }
.zoomh_50 { -moz-transform-origin: center 50%; -ms-transform-origin: center 50%; -o-transform-origin: center 50%; -webkit-transform-origin: center 50%; transform-origin: center 50%; }
.zoomh_60 { -moz-transform-origin: center 60%; -ms-transform-origin: center 60%; -o-transform-origin: center 60%; -webkit-transform-origin: center 60%; transform-origin: center 60%; }
.zoomh_70 { -moz-transform-origin: center 70%; -ms-transform-origin: center 70%; -o-transform-origin: center 70%; -webkit-transform-origin: center 70%; transform-origin: center 70%; }
.zoomh_80 { -moz-transform-origin: center 80%; -ms-transform-origin: center 80%; -o-transform-origin: center 80%; -webkit-transform-origin: center 80%; transform-origin: center 80%; }
.zoomh_90 { -moz-transform-origin: center 90%; -ms-transform-origin: center 90%; -o-transform-origin: center 90%; -webkit-transform-origin: center 90%; transform-origin: center 90%; }

.screentip { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: #000 center top repeat-y; -webkit-background-size: 100% 100%; background-size: 100% 100%; color: #fff; vertical-align: middle; text-align: center; }
    .screentip .content { letter-spacing: 1px; font-size: 26px; line-height: 150%; }
        .screentip .content img { width: 300px; }
        .screentip .content span { display: block; padding-left: 5%; width: 90%; font-size: 26px; line-height: 50px; }

.hmiddle { _position: absolute; display: table; overflow: hidden; vertical-align: middle; }
.subwrap { _position: absolute; _top: 50%; display: table-cell; vertical-align: middle; }
.content { _position: relative; _top: -50%; }

.m-alert { position: fixed; top: 0; left: 0; z-index: 99999999; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
    .m-alert .d-albg { position: absolute; top: 50%; left: 50%; min-height: 120px; width: 72%; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .m-alert .d-altxt { margin: 30px 10%; padding-bottom: 47px; width: 80%; }
        .m-alert .d-altxt .content { margin: 0; padding: 0; width: 100%; height: auto; border: 0; color: #353535; text-align: center; letter-spacing: 1px; font-size: 15px; line-height: 1.3; }
            .m-alert .d-altxt .content .d-altitle { margin-bottom: 14px; font-size: 16px; font-weight: bold; }
.nobtn.m-alert .d-altxt { min-height: 60px; padding-bottom: 0; }
.m-alert .d-albuttons { position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; border-top: 1px solid #888; text-align: center; line-height: 48px; display: -webkit-flex; display: flex; }
.m-alert .d-albutton { position: relative; width: 100%; height: 48px; border-right: 1px solid #888; color: #e0002a; text-align: center; letter-spacing: 1px; font-weight: normal; font-size: 18px; line-height: 48px; }
    .m-alert .d-albutton:last-child { border-right: 0; }
.nobtn.m-alert .d-albuttons { display: none; }
.fix750 .m-alert .d-albg { min-height: 16vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
.fix750 .m-alert .d-altxt { margin: 5vw 7%; padding-bottom: 10vw; width: 86%; }
    .fix750 .m-alert .d-altxt .content { font-size: 1.625rem; }
.fix750 .nobtn.m-alert .d-altxt { height: 62.5vw; }
.fix750 .m-alert .d-albutton { height: 10vw; border-top: 1px solid #888; color: #e0002a; font-size: 2rem; line-height: 10vw; }

/* pageLoading */
.pageLoading { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
    .pageLoading .img, .loading .img { position: absolute; top: 50%; left: 50%; display: inline-block; margin: 4vw 0 0 -4vw; width: 8vw; height: 8vw; background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat; -webkit-background-size: 100%; background-size: 100%; vertical-align: middle; -webkit-animation: weuiLoading 1s steps(12,end) infinite; animation: weuiLoading 1s steps(12,end) infinite; }
    .pageLoading .txt, .loading .txt { position: absolute; top: 50%; left: 0; margin: -4vw 0 0 0; width: 100%; height: 8vw; color: rgba(255,255,255,.8); font-size: 4vw; text-align: center; font-weight: 400; }

html.fixed640 .pageLoading .img,
html.fixed750 .pageLoading .img { margin: -30px 0 0 -30px; width: 60px; height: 60px; }

@-webkit-keyframes weuiLoading {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes weuiLoading {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

div.hide, img.hide, section.hide, input.hide { display: none; }
.bold { font-weight: bold; }
.mask { top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); }

.debug { position: absolute; left: 0; bottom: 0; width: 100%; height: 10%; overflow: scroll; font-size: 1rem; background: rgba(0,0,0,.5); color: #fff; -webkit-overflow-scrolling: touch; }

.elecenter { -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.square::after { display: block; content: ' '; padding-top: 100%; }

.nolongpress { -webkit-touch-callout: none; touch-callout: none; -webkit-user-select: none; user-select: none; pointer-events: none; }

/* 容器 */
#tip { position: absolute; top: 0; left: 0; z-index: 99999; width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 1); visibility: hidden; }

/* 手机图片 */
.icon { display: inline-block; width: 67px; height: 109px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC"); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: rotation infinite 1.5s ease-in-out; animation: rotation infinite 1.5s ease-in-out; -webkit-background-size: 67px 109px; background-size: 67px 109px; margin-bottom: 2em; }

/* 提示文本 */
#tip p { color: white; font-size: 2em; }

/* 手机旋转动画 */
@keyframes rotation {
    10% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(0); transform: rotate(0); }
    60% { -webkit-transform: rotate(0); transform: rotate(0); }
    90% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
}