* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent }
html { margin: 0; padding: 0; height: 100% }
body { width: 100%; height: 100%; font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.24rem; color: #404040 }
ul, ol, li { list-style: none }
a, input, li, label, span, button, textarea, #club_comment { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
input { -webkit-appearance: none }
a { color: #404040 }
[v-cloak] { display: none }
@media screen and (min-width:320px) {
    html { font-size: 42.666666px }
}
@media screen and (min-width:360px) {
    html { font-size: 48px }
}
@media screen and (min-width:375px) {
    html { font-size: 50px }
}
@media screen and (min-width:414px) {
    html { font-size: 55.2px }
}
@media screen and (min-width:440px) {
    html { font-size: 58.666666px }
}
@media screen and (min-width:480px) {
    html { font-size: 64px }
}
@media screen and (min-width:640px) {
    html { font-size: 85.333333px }
}
@media screen and (min-width:720px) {
    html { font-size: 96px }
}
@media screen and (min-width:750px) {
    html { font-size: 100px }
}

/*竖屏提示 start*/
#orientLayer { display: none }
.mod { display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #cccccc; background-size: 100% auto; -webkit-background-size: 100% auto; z-index: 9997 }
.mod_content { position: absolute; width: 100%; top: 45%; margin-top: -0.75rem; text-align: center }
.mod_orient { display: inline-block; width: 0.67rem; height: 1.09rem; 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'); transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-animation: rotation infinite 1.5s ease-in-out; animation: rotation infinite 1.5s ease-in-out; -webkit-background-size: 0.67rem; background-size: 0.67rem }
.mod_desc { margin-top: 0.2rem; font-size: 0.24rem; line-height: 0.5rem; color: #fff }
/*竖屏提示 end*/
.ico { background-image: url(../images/ico1.png?v=2020112701); background-size: 7.5rem 5rem; -webkit-background-size: 7.5rem 5rem; background-repeat: no-repeat }
#hmsg { position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; background: transparent; display: none }
#hmsg > .hmsgcon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block; width: 2.4rem; height: 1.2rem; background-color: #000000; padding: 0.2rem; background-color: rgba(0, 0, 0, .5); border-radius: 0.14rem; -webkit-border-radius: 0.14rem }
#hmsg > .hmsgcon > span { display: block; width: 0.6rem; height: 0.6rem; margin: 0 auto; background-position: -6.6rem -1.2rem }
#hmsg > .hmsgcon > p { display: block; height: 0.6rem; line-height: 0.6rem; color: #ffffff; text-align: center; font-size: 0.3rem }
/*活动细则弹框 start*/
.redPackage_mark .redPackage_mark_box .body-mark{width:6rem;position:relative;border-radius:.3rem;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.redPackage_mark .redPackage_mark_box .body-mark .head-mark{width:6rem;height:.7rem;background:linear-gradient(0deg,#78a5eb 0,#0d50ab 100%);border-top-left-radius:.3rem;border-top-right-radius:.3rem;display:flex;justify-content:center;align-items:center;color:#fff}
.redPackage_mark .redPackage_mark_box .body-mark .head-mark .tit{font-size:.26rem}
.redPackage_mark .redPackage_mark_box .body-mark .head-mark .square{transform:rotate(45deg) scale(.7);padding:0 .2rem}
.redPackage_mark .redPackage_mark_box .body-mark .midd-mark{background:#fff;min-height:2rem;max-height:8rem;overflow-y:scroll;width:6rem;box-sizing:border-box;padding:.2rem;font-size:.2rem;line-height:.4rem;color:#686868}
.redPackage_mark .redPackage_mark_box .body-mark .midd-mark::-webkit-scrollbar{width:.04rem!important;height:.173333rem!important;-webkit-border-radius:.066667rem;-moz-border-radius:.066667rem;border-radius:.066667rem;display:block!important}
.redPackage_mark .redPackage_mark_box .body-mark .midd-mark::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);background-clip:padding-box;-webkit-border-radius:.066667rem;-moz-border-radius:.066667rem;border-radius:.066667rem;min-height:.373333rem}
.redPackage_mark .redPackage_mark_box .body-mark .midd-mark::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);-webkit-border-radius:.066667rem;-moz-border-radius:.066667rem;border-radius:.066667rem}
.redPackage_mark .redPackage_mark_box .body-mark .midd-mark b{line-height:.5rem}
.redPackage_mark .redPackage_mark_box .body-mark .midd-mark p{text-indent:-1.1em;margin-left:1em}
.redPackage_mark .redPackage_mark_box .body-mark .bottom-mark{height:.4rem;width:100%;background:#fff;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}
.redPackage_mark .redPackage_mark_box .body-mark .close-mark{width:6rem;display:flex;justify-content:center;height:1.5rem;align-items:center}
.redPackage_mark .redPackage_mark_box .body-mark .close-mark img{width:.6rem;height:.6rem}
/*活动细则弹框 end*/