article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, iframe, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body, button, input, select, textarea {
    font-size: .12rem;
    line-height: 1.5;
    font-family: system, -apple-system, BlinkMacSystemFont, PingFang SC, Segoe UI, Microsoft YaHei, wenquanyi micro hei, Hiragino Sans GB, Hiragino Sans GB W3, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

fieldset, img {
    border: 0
}

img {
    max-width: 100%;
    vertical-align: middle
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button, input, select, textarea {
    outline: 0;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    -webkit-appearance: none
}

textarea {
    resize: none;
    overflow: auto
}

a:active, a:hover, a:link, a:visited {
    text-decoration: none
}

em, i {
    font-style: normal
}

ol, ul {
    list-style: none
}

[v-cloak] {
    display: none
}

iframe {
    border: none
}

b {
    font-weight: 400
}

::-webkit-input-placeholder {
    color: rgba(147, 154, 169, .5)
}

:-moz-placeholder, ::-moz-placeholder {
    color: rgba(147, 154, 169, .5)
}

:-ms-input-placeholder {
    color: rgba(147, 154, 169, .5)
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 .3rem #fff !important
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.inherit-link, .inherit-link:hover {
    color: inherit
}

.block {
    display: block !important
}

.hide {
    display: none !important
}

.auto-width {
    width: auto !important
}

.v-middle {
    vertical-align: middle
}

.pointer {
    cursor: pointer
}

.flex, .flex-horizontal, .flex-space-between, .flex-vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.flex-vertical {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.flex-horizontal {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.flex-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.pre-wrap {
    white-space: pre-wrap
}

.no-wrap, .text-ellipsis {
    white-space: nowrap
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.placeholder {
    color: #939aa9
}

.mt-5 {
    margin-top: .05rem
}

.mr-5 {
    margin-right: .05rem
}

.mb-5 {
    margin-bottom: .05rem
}

.ml-5 {
    margin-left: .05rem
}

.pt-5 {
    padding-top: .05rem
}

.pr-5 {
    padding-right: .05rem
}

.pb-5 {
    padding-bottom: .05rem
}

.pl-5 {
    padding-left: .05rem
}

.mt-10 {
    margin-top: .1rem
}

.mr-10 {
    margin-right: .1rem
}

.mb-10 {
    margin-bottom: .1rem
}

.ml-10 {
    margin-left: .1rem
}

.pt-10 {
    padding-top: .1rem
}

.pr-10 {
    padding-right: .1rem
}

.pb-10 {
    padding-bottom: .1rem
}

.pl-10 {
    padding-left: .1rem
}

.mt-15 {
    margin-top: .15rem
}

.mr-15 {
    margin-right: .15rem
}

.mb-15 {
    margin-bottom: .15rem
}

.ml-15 {
    margin-left: .15rem
}

.pt-15 {
    padding-top: .15rem
}

.pr-15 {
    padding-right: .15rem
}

.pb-15 {
    padding-bottom: .15rem
}

.pl-15 {
    padding-left: .15rem
}

.mt-20 {
    margin-top: .2rem
}

.mr-20 {
    margin-right: .2rem
}

.mb-20 {
    margin-bottom: .2rem
}

.ml-20 {
    margin-left: .2rem
}

.pt-20 {
    padding-top: .2rem
}

.pr-20 {
    padding-right: .2rem
}

.pb-20 {
    padding-bottom: .2rem
}

.pl-20 {
    padding-left: .2rem
}

.mt-25 {
    margin-top: .25rem
}

.mr-25 {
    margin-right: .25rem
}

.mb-25 {
    margin-bottom: .25rem
}

.ml-25 {
    margin-left: .25rem
}

.pt-25 {
    padding-top: .25rem
}

.pr-25 {
    padding-right: .25rem
}

.pb-25 {
    padding-bottom: .25rem
}

.pl-25 {
    padding-left: .25rem
}

.mt-30 {
    margin-top: .3rem
}

.mr-30 {
    margin-right: .3rem
}

.mb-30 {
    margin-bottom: .3rem
}

.ml-30 {
    margin-left: .3rem
}

.pt-30 {
    padding-top: .3rem
}

.pr-30 {
    padding-right: .3rem
}

.pb-30 {
    padding-bottom: .3rem
}

.pl-30 {
    padding-left: .3rem
}

.scroll-lock {
    height: 100vh;
    overflow: hidden !important;
    touch-action: none
}

html {
    font-size: 13.333vw
}

@media screen and (min-width: 750px) {
    html {
        font-size: 100px
    }
}

body {
    height: 100%;
    max-width: 7.5rem;
    margin: 0 auto
}

@media screen and (max-width: 750px) {
    body {
        min-width: 100vw
    }
}

#app {
    min-height: 100vh
}

body {
    font-family: Google Sans, Roboto, Arial, sans-serif;
    font-size: .26rem
}

.page-wrapper {
    padding-top: 1.02rem;
    padding-bottom: 1.4rem;
    min-height: 100vh;
    overflow: hidden
}

.page-wrapper .header {
    height: 1rem;
    width: 7.5rem;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 999;
    cursor: pointer
}

.page-wrapper .header, .page-wrapper .header .l {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.page-wrapper .header .l {
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.page-wrapper .header .l .icon {
    width: .76rem;
    height: .76rem;
    margin-left: .36rem
}

.page-wrapper .header .l .title {
    width: 2.46rem;
    height: .58rem;
    background: url(../images/gp.116a3fa0.png) no-repeat 50%/100% 100%;
    margin-left: .2rem;
    margin-top: .08rem
}

.page-wrapper .header .r {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.page-wrapper .header .r .search {
    width: .34rem;
    height: .34rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAACS0lEQVRIia3WS4jPURTA8c//Pwx59N8oakSjkI0ar2G8YoqwMUqSWGjGjmSLSR5lxdbKI3mUZBRiECVlZ+FVUh5ZCeOVZ2Fx77+5/ub3m/9/mrM65/zO+X3vPffcR2Fze4cMGY5WTEMDfuE5ruNZVlKWDOnDNwY70Y5RGXn3sRuXqwUVK+xVeIrtORBowiVcwOhqQOmM1uMk6qL9CWdxA69j7GysxdwYsxrdQom/VgOajqMJpAsdeFsRfweHIuA4ShF6BJvyQOXSHRYWH05gTR+QVLrQgvfR3oiV/YGWYGm0n2AL/uQlRXmMrYm9sz/QhsTeg59VQMpyBg+j3oKJeaD5Uf+GizVACDM/l9gL8kCTov4CP2oEwaNEb8wD1Ue9ZwAQ+Jzow7OCinq7a/wAQWnemzzQg6hP0FvGWqQ10R9mBRVxJbF31AhpEPYcfMDdPNAx4bgh7KF5VUIKwsYtr8sxOc1UxDscjPZQocXn9AMZgmuYVeHLlLqmGTPhnrAHGjFSOFJGCrv/SxqPZTiFhRX/asYw3OwLVEguvhLO+3dxfwvN8lK4NqYL91X6vfKqOYBdWTMi1Pd0HFVzHH0B4zA1znZEkvsYbRiLKYl/Ucy9lQUqj/CGcC99i7Ms6a1/j7A2ndiGV7EKMzE5+c/iOMjbZUch582QSkk41z5lfK8XOnBFhb8T+/i/vlnyMQdCOPHbcLXCv1e8PnJbskb5EWFdWJ749+N3tTOqVr5HWHeFf9hggwhN1Ca8/whrtGcwS5fKV+EBs044mvwFHfVvjDCRCW8AAAAASUVORK5CYII=) no-repeat 50%/100% 100%;
    margin-right: .36rem
}

.page-wrapper .header .r .ask {
    width: .4rem;
    height: .4rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAADhklEQVRIiZ3XbYhVRRgH8N/erpqVq0tYBGGyZZZlL9wyP0hGbvRCkUQSGBSF2hv0SiZEBBGRSWV9qFg/REFQ+iGCkESLBItNM1t63cLF+lD0Idc2ynYrtw8zxzv33HPvntsfDmfmPDPPf87M88z8p+v2VauVxEm4HktxLuZgBv7ArxjCR9iKfWUcVku0uQCPRuIpBfaZ8enF1XgSg3gGb+JIK8eVNqQn4BXsxY054nHsj7av8Fuu7/l4AwM4r1Pys6LjO5I2P2EjLsPxOAMXCUswC2diLXYnfi7GJ7i1LPmF2BWdwSgeFKb1AezEPwX9vscGXIJl+DJ+Pxavxr5tyediG06M9aH4d89jrGj0LfBB7PdSrHfhWdzcinwK3sLsWN+JxfGP/g/GcA8eTwbQLyxTE/l9WBTL3wnRfajA6Qpsx0TueURYmjyeiKRwHDbFgRwln4XHYvlfrNQcwSLBZvQV2J4WMqDIdq+QFYTZXJGS34nuWN4kRHoefZEgw16sw/pcu83oyX0b0xhwa1PyLBWO5AhSrEnK/UJArY8DOB3D0daTa5thu5B2UMPCCuYJeQ0f4ocW5Nl0jgj5n2I4DmIyvJ6Ur61iSfLhvTYds+kdKUHSCluT8pIqzk4+FK11nrwIvZrjoQgHhMH3YEEFpyTGH9sQtEJNWM8szbZgR5v2GcfJVUxPDOMdEvdF4gw7NMdDHr/H9/QqDieGqR0Q9wpplRJfUaLfjPg+XMHPiWFOB+Rr1PN5S0nilOOXCr5JDLUOyNO27YIxxVz1AX9dEY7PDFd1QJ6iXZakuCYp76oKp9YQ5gtC4TStN5oUk0V1EW5Jyu9mGu41PCVst+twVwlH/ZM3acAyQWgQZuqLbG9/WVAssNrka9+rfpTuL0E8DS8k9Q3UD5ZDguqEYwTxN7OE07J4EefE8oCYoql03iio1EXC+r+D5YoFxYhyBwlBJ2Sn3J/CzE7kyf/GTYL6nC1cDgZwnWYpNWLy9JqG53B3rE/EQWTCsklAHsCVOBjr8/Ep7o/OyuJy7MkRPyQs51EUSed9uFT9b7sF9Toc30sV33Tm4WFBMLyPhfH7X7gt9m1AV5u7WrcQlasKBjku7AWjwoycKujAPPYIazxYRNDuujQqnFA1vK3xojBV+NOa+o0lxaCg0Re3IqbcRfFz3CDcUpcLu+ACjbfUg/gWHwtq5bMSfv0HWzi8dMvUJ+EAAAAASUVORK5CYII=) no-repeat 50%/100% 100%;
    margin-right: .36rem
}

.page-wrapper .header .r .user {
    width: .8rem;
    height: .8rem;
    background: url(../images/u.a2335963.png) no-repeat 50%/100% 100%;
    margin-right: .26rem
}

.page-wrapper .wrap1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 1.1rem .32rem 0
}

.page-wrapper .wrap1 .icon {
    width: 1.4rem;
    height: 1.4rem;
    background: no-repeat 50%/100% 100%;
    border-radius: .32rem
}

.page-wrapper .wrap1 .r {
    margin-left: .4rem
}

.page-wrapper .wrap1 .r .s1 {
    font-size: .36rem;
    color: #000
}

.page-wrapper .wrap1 .r .s2 {
    font-size: .26rem;
    color: #01875f;
    line-height: .4rem
}

.page-wrapper .wrap1 .r .s3 {
    font-size: .22rem;
    color: #5f6368
}

.page-wrapper .wrap2 {
    margin: .5rem .32rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.page-wrapper .wrap2 .c1, .page-wrapper .wrap2 .c2, .page-wrapper .wrap2 .c3 {
    text-align: center
}

.page-wrapper .wrap2 .c1 .m1, .page-wrapper .wrap2 .c2 .m1, .page-wrapper .wrap2 .c3 .m1 {
    font-size: .22rem;
    line-height: .36rem;
    color: #000;
    font-weight: 700
}

.page-wrapper .wrap2 .c1 .m2, .page-wrapper .wrap2 .c2 .m2, .page-wrapper .wrap2 .c3 .m2 {
    font-size: .22rem;
    color: #717375;
    line-height: .5rem
}

.page-wrapper .wrap2 .c3 .m1 {
    display: inline-block;
    width: .46rem;
    height: .33rem;
    background: url(../images/18.8929d796.png) no-repeat 50%/100% 100%
}

.page-wrapper .wrap2 .c3 .m2 span {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAB2ElEQVQ4jZ3UTYiOURQH8N/7zJtEZCFfzaRJUQolhAWjfCwGsyFiN0gaZMHKhp0iTD7SlMZippQ0vks2mBollBVZKFI+ssDGkInFPW/eeT3Ps/Cvp3M65/7PPfc+9/wrnTt3KcACrEIbWlDFewziYdh/UM2JzcFRbKmL/cYI5mNdxO7jCB7Uk7OGYuvxJIq9wmEsxTRMxlwciGJtYfcXdbgBN8I/hNP41bDhV7xAN7ajN/wmnKrvsAV94W/EiZxijejHYnzDSayuL3gcE6OzmznkHuzJiT/HpvDPoZKhVbqz19FZHloxtSB3D9cxG+1VtEfibAEB1pTk4Dw6sDkTZ5f+WBEuoqskP4gfWJmhOYLvSgjbsKIk/x1vMSNDJYIjJYSP+FKSJ72KLIvFpMf7v6hiJj5leBTB5SWEir8nycMSjMNQhjsR3F1CmITxJfnOsAMZnkaXi7C1gNAlPe48zMMOfMDV2qTsDduLhTmkPg2qEmjGQPgHMVwr+EwarbF4bLR0FWGZpIuzpKHoZ7R8XZCkqQmXcU2a0wl1a8ZIg9CDIWkkz2BfbUGjwHbjJY5Jo9SBYel+RjClboM3ksBeqi+Qp9h342uXBHctpsdpPuMWbuMKfjaS/wDYoVxhj/OqXQAAAABJRU5ErkJggg==) no-repeat 50%/100% 100%;
    margin-left: .04rem
}

.page-wrapper .wrap2 .b1, .page-wrapper .wrap2 .b2 {
    width: .01rem;
    height: .3rem;
    background: #a6a7a8
}

.page-wrapper .btn-dl {
    margin: .5rem auto 0;
    background: #01875f;
    border-radius: .16rem;
    color: #fff
}

.page-wrapper .btn-dl, .page-wrapper .see {
    display: block;
    width: 6.7rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .28rem;
    text-align: center
}

.page-wrapper .see {
    margin: .3rem auto 0;
    border: .01rem solid #01875f;
    border-radius: .16rem;
    color: #01875f;
    box-sizing: border-box
}

.page-wrapper .wrap3 {
    margin: .3rem .6rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    fill: #01875f;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.page-wrapper .wrap3 .m1, .page-wrapper .wrap3 .m2 {
    position: relative;
    top: -.1rem;
    font-size: .26rem;
    color: #01875f;
    display: inline-block
}

.page-wrapper .slide-box {
    display: -webkit-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: vw(16);
    margin-top: .7rem
}

.page-wrapper .slide-box::-webkit-scrollbar {
    display: none
}

.page-wrapper .slide-box .slide-item {
    display: block;
    width: 5.5rem;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 0 .06rem;
    border-radius: .08rem
}

.page-wrapper .slide-box .slide-item img {
    border-radius: .08rem
}

.page-wrapper .slide-box.big-h .slide-item {
    width: 3rem
}

.page-wrapper .detail {
    margin: .3rem .32rem 0
}

.page-wrapper .detail .h {
    font-size: .3rem;
    line-height: .6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: #000
}

.page-wrapper .detail .h .arrow {
    width: .6rem;
    height: .6rem;
    background: url(../images/arrow.9dfb90ba.png) no-repeat 50%/.4rem .4rem
}

.page-wrapper .detail .h .arrow:hover {
    box-shadow: inset 0 0 .6rem rgba(0, 0, 0, .1);
    border-radius: .32rem
}

.page-wrapper .detail p {
    font-size: .26rem;
    line-height: .4rem;
    color: #717375;
    margin-top: .16rem
}

.page-wrapper .detail p span {
    display: inline-block;
    margin-left: .08rem;
    width: .2rem;
    height: .2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAB2ElEQVQ4jZ3UTYiOURQH8N/7zJtEZCFfzaRJUQolhAWjfCwGsyFiN0gaZMHKhp0iTD7SlMZippQ0vks2mBollBVZKFI+ssDGkInFPW/eeT3Ps/Cvp3M65/7PPfc+9/wrnTt3KcACrEIbWlDFewziYdh/UM2JzcFRbKmL/cYI5mNdxO7jCB7Uk7OGYuvxJIq9wmEsxTRMxlwciGJtYfcXdbgBN8I/hNP41bDhV7xAN7ajN/wmnKrvsAV94W/EiZxijejHYnzDSayuL3gcE6OzmznkHuzJiT/HpvDPoZKhVbqz19FZHloxtSB3D9cxG+1VtEfibAEB1pTk4Dw6sDkTZ5f+WBEuoqskP4gfWJmhOYLvSgjbsKIk/x1vMSNDJYIjJYSP+FKSJ72KLIvFpMf7v6hiJj5leBTB5SWEir8nycMSjMNQhjsR3F1CmITxJfnOsAMZnkaXi7C1gNAlPe48zMMOfMDV2qTsDduLhTmkPg2qEmjGQPgHMVwr+EwarbF4bLR0FWGZpIuzpKHoZ7R8XZCkqQmXcU2a0wl1a8ZIg9CDIWkkz2BfbUGjwHbjJY5Jo9SBYel+RjClboM3ksBeqi+Qp9h342uXBHctpsdpPuMWbuMKfjaS/wDYoVxhj/OqXQAAAABJRU5ErkJggg==) no-repeat 50%/100% 100%
}

.page-wrapper .tag {
    margin: .4rem .32rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-wrapper .tag li a {
    display: inline-block;
    border: .01rem solid #b4b5b6;
    line-height: .6rem;
    padding: 0 .26rem;
    border-radius: .3rem;
    margin: .3rem .2rem 0 0
}

.page-wrapper .tag li a:hover {
    background-color: #eee
}

.page-wrapper .wrap-box {
    margin: .3rem .32rem 0;
    border: .01rem solid #b4b5b6;
    border-radius: .16rem;
    padding: .3rem
}

.page-wrapper .wrap-box .m {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .2rem
}

.page-wrapper .wrap-box .m .icon {
    width: .4rem;
    height: .4rem
}

.page-wrapper .wrap-box .m .d {
    margin-left: .4rem;
    line-height: .36rem
}

.page-wrapper .wrap-box .m:first-child {
    margin-top: 0
}

.page-wrapper .wrap-box .m:first-child .icon {
    background: url(data:image/png;base64,UklGRogCAABXRUJQVlA4THsCAAAvJ8AJEAcEIZJsV1WTJODfCIpyhh/P2IAYSZKjKFEm4L8jWKQ1vJyCGEmSoyhRJuC/I1ikNbycchvbtqrccz/u7u4hGQXQAb3RCQ3QhUbu7noCAgMmAAAA2AEAFgCAUSnueID444UqAAMAAETgAS6Xy3lm7hXh+vv7u16vV/n6+kp8fX0FZwbo/f//Zyr+//9vKs4M/v7+5Pv72zIzOJ1O/oqovV6vLwg7ZjMD/CqgUPkqzsy5IrTizIw2m83z9Xq1/v//jzNjR3dmvNX57++v+fv7q8DMmP/////VCv8KUNRhq/544Velqw+euFeAArAjVEkl+OFVObDEGL/FYmHAjCu4WCysy+Wy8fv7KzhVTii0EjwrC7R6g2BlADhWgG632/Zut+vs9/uJAbYAQIabqW3btm2mRup29i5J3djOv1e30fNMRP8VuG2jZMeMfQSkIyueXVyaKY4DreeqQqxvk6YmgIKIOFAjyxkKwyaxwFNZPMjLWbyK7JPFLKgJqFmQXZJcl8CjfCbkoBRlu2YU9DO3I0FB/5VA5cn4jVFXoZ3ebTuyc2J4+s5MDyuloJWShVtks64lA3JqG7k+V7Nfv1CQLeOaN1k1+uxwvw9Udoa/ULmOAGn2k3YUxNY3I4qbrShoZ9SOLIiJWdnvygQJXpFN3UwobH0xIBkcgrqBen68jeTgE9nUQ/HIjDji1aRqyhGngahq5MXNH4OVnWH8cb/xsI1LBdkyVv6Xk3t/xsP2DMipa+SGXCDp9zw0fW+mx7VSiNf/OCiP23/bi8f/zWNCDiWJHpAXeTmb4qEvx7/16iRe+uevBllr0//Q0w6Qt6L5JZ4rhBQ3AgA=) no-repeat 50%/100% 100%
}

.page-wrapper .wrap-box .m:nth-child(2) .icon {
    background: url(data:image/png;base64,UklGRooDAABXRUJQVlA4TH0DAAAvJ8AJED8GO5IkR1WiwUOcfyZoLac+FiMgRpLkKEo0eIjzmKDF65+CGEmSoyjR4CHOY4IWr38Kkm3bpp17rr5t2//H6kvSkd+3sJZySlbNePY7atM2YPCa+gYI4AbQpQODXDoAGCgAFFFEwSoCCgoBAADWlpWERyAC2FBgP9/vB1X0/ny+fX0+9//+/no/Pz9P8H9/f2kVwfV2uUx9fn5uzYw2M/3//3+1ysyMhFJRSHxuFoub399f+fn5majozKRn5g9HlYXK//+/OjOt6vf//99DbbNY5LD+/f1N4mSzWPgoVQVABRVAqd4rowJsbxYLho+Z4f///xY61X9lVKf79RqO2y3Zr9fTx+u1je7MKDNDYcPHU/U0M310KweLSkdY0cqGgbeZGVSdyp4ZBe1K4K+ioChXHuyKIVMxaEB8VhQtiCqoEGoVIgNemQhRQ6Ii+MdPVQK/+V4RIHy4COEDK4IAiPRaARMIq0qsOTNDgBVsFovjzWKBu9Xq57DZrC+Hw9Xd6fR6PR4XkHXb1rE3O7br2Ead2rZjp7Zi1LZxqq/dT63YTn7Yi+/9rnIb0f8JwKTfPzkyNiYi2c9RU5efet/d2tb+6uSKEEc4rWlqEyFJkbamZda57PhPERFSRMhv+9wt8jpOiq15PBgIHm+2CXnI05ptinxyGIZHnpCtmy0JGhS5vwEmN9wT6Q+y4qLIr/kwveCnyAULvO9Q7XIz57pd8a6/PelLRr/Ki03QbWjQwfqnYjtnx5znSsiqAI1nkVJFHprAKrYWmls5IBTyBAB47rSRn455AUAl1QFTi7+LtD1YnTRLU2Qjyc/Fmjzyxv4Ro+m3KP+2ZDhBO6aoq8YA5JJsefPQV29C8eNR6DqPvaXh2zFnlJIUyo91mj1XReqhP6zIm4/JxzdJNYy5pbmVV1rIy2kAwn6LzDTIrpNHmSVkSeYjqcuGdm/FF7ZudQGi+0gY+zdmIYfMQVajP/Q9Lolcnw3EtZqCN5BL5gLeMJ4h7AgHonooISZgZJpsjQNSXoucd4wr2RcN+B4kXy5yyJDI31AACz8Ir611wLTbIrVBANxPK/Ll2SlG+eRuEy5Dt8neVdA61yihCLUAChRNi1CVOevA6cw7Co02fhQ7est8Yegyr/xZV6uB89JOZaLvT/UqZ5j1SY2IS0xMTII2ND7RMCE6NAiTdAA=) no-repeat 50%/100% 100%
}

.page-wrapper .wrap-box .m:nth-child(3) .icon {
    background: url(data:image/png;base64,UklGRuwBAABXRUJQVlA4TN8BAAAvJ8AJEO/hKJIkN0oZAuLPSxz0teevaDCKJElKLg4I/Pvii4T7ZtpBJMlO1RQO8G8LG5mfw7itbVuJLu5ETkRqEYsOqIo6qcAhcreZAMCDAAUCGjy97J6yficSzn6pRu9tvB/nNu84tyXyw+e97zeYa4jmbvy/39e8jnMi/fGUZun7R/evX5yIEnUfd46qRDzv99v/C3//r4+//OWCICJdJaJK+tXf/dVvqhLKX4VYgFACfkQGBAgBgbEN+TJMKSMAS5Js09a6OL62bfbpa81/Xt53PXxH9J+R2zaOpNNsL44fIf+F1q1eK5dr9Zv1HfZgsd7uyN12vRjYxkTSlxAESBIgwks6YoTTOYM4rPrtRqPdXx1AnDuOAcEUxHFcyFoxkZiVLYyPIKbBR9w5yWUxKW9MFpck5+6nvTOSk4R8MDEhOXu/M9oF2RMDeyS60XdkzuREjJyQ58w7LsAyYUZiCVze/daQp6IYWjwxtF8ZAqOUKakRMHzN0oL7vBib33NhPXNdY5UzJ7fC+vpMfYv+F7G0+tjWn6lu2I7f8VqlD7a8O/E2N9VnKmRT7vj8qC8i0iQreugt9A7Ru5De/1XLi17+1PKsNx9686Y2v2p9oNYvan2l1n9KfarWz/+EAgA=) no-repeat 50%/100% 100%
}

.page-wrapper .wrap-box .m:nth-child(4) .icon {
    background: url(data:image/png;base64,UklGRvIAAABXRUJQVlA4TOYAAAAvJ8AJEM+gEJIkp/09ju0Bcn4NBW3bSOZPZcCmQbi3Ctq2kcyfw8E7EH+YxrbV6PHJ4LGZAuiR+pKni5VrAkDP04cIDwELAoHucaPGPPeJl08S+/H//LfvGe89MdbyqWf+Cj/h/Y/7Lt5rwZEjSU5UuGYsngL+/1U0PbN+bxH9nwB8q0zMVBu5bVNauTV1mmFBkyYlJM2WsGmAJz3UnvRQRzLqIhmfbolzAzRzXEqR7IGe5AMIIP8tA5gHsGJqoDZiSynzDGTQBXLQjeTaibJbyVE3Hcx6TLpq23PsW6WDu07deTl8nw==) no-repeat 50%/100% 100%
}

.page-wrapper .wrap-box .m2 {
    color: #01875f;
    margin-top: .2rem;
    display: inline-block
}

.page-wrapper .tag-phone {
    display: block;
    width: 2.07rem;
    height: .64rem;
    background: url(../images/phone.078fb2a3.png) no-repeat 50%/100% 100%;
    border-radius: .32rem;
    margin: .3rem .32rem 0
}

.page-wrapper .tag-phone a {
    display: block;
    width: 100%;
    height: 100%
}

.page-wrapper .tag-phone a:hover {
    background-color: rgba(0, 0, 0, .1);
    border-radius: .32rem
}

.page-wrapper .wrap5 {
    margin: .3rem .32rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.page-wrapper .wrap5 .l .l-1 {
    color: #000;
    font-size: .9rem;
    line-height: 1rem
}

.page-wrapper .wrap5 .l .l-2 {
    letter-spacing: .02rem;
    color: #01875f
}

.page-wrapper .wrap5 .l .l-2 .star1 {
    color: #b4b5b6;
    position: relative
}

.page-wrapper .wrap5 .l .l-2 .star2 {
    color: #01875f;
    display: inline-block;
    overflow: hidden;
    width: .15rem;
    height: .3rem;
    vertical-align: bottom;
    position: absolute;
    left: 0
}

.page-wrapper .wrap5 .l .l-3 {
    line-height: .5rem
}

.page-wrapper .wrap5 .r .item {
    margin-bottom: .03rem;
    height: .3rem
}

.page-wrapper .wrap5 .r ul {
    margin-left: .08rem;
    display: inline-block;
    width: 4rem;
    background: #e5e6e7;
    height: .2rem;
    border-radius: .15rem
}

.page-wrapper .wrap5 .r ul li {
    height: 100%;
    background: #01875f;
    border-radius: .15rem
}

.page-wrapper .wrap5 .r .item:first-child ul li {
    width: 90%
}

.page-wrapper .wrap5 .r .item:nth-child(2) ul li {
    width: 8%
}

.page-wrapper .wrap5 .r .item:nth-child(3) ul li {
    width: 1%
}

.page-wrapper .wrap5 .r .item:nth-child(4) ul li {
    width: 4%
}

.page-wrapper .wrap5 .r .item:nth-child(5) ul li {
    width: 10%
}

.page-wrapper .wrap-comment {
    margin: .5rem .32rem 0
}

.page-wrapper .wrap-comment .name {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.page-wrapper .wrap-comment .name .l span {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: 50%;
    background: #653403;
    color: #fff;
    text-align: center;
    margin-right: .3rem
}

.page-wrapper .wrap-comment .name .l .s2 {
    background: #01875f
}

.page-wrapper .wrap-comment .name .l .s3 {
    background: #3694eb
}

.page-wrapper .wrap-comment .name .r {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAeCAYAAADgiwSAAAAAdUlEQVQoke3QMQrCUBCE4c9HrpLK68gjteg1gsbTPHOdgEVOIjY2GwR5ARsb8W+GZZbdYTb7wxEyerSYMeDaYIfixXaZE07q9ClO1WhT/KgxJ5xXzEvCiA43PEI7lCa2yltiS9pVvmxmTLiHZvh3+6n5A/U9AaqlLS8sJZ4sAAAAAElFTkSuQmCC) no-repeat 50%/.07rem .3rem
}

.page-wrapper .wrap-comment .name .r:hover {
    background-color: rgba(0, 0, 0, .1);
    border-radius: .32rem
}

.page-wrapper .wrap-comment .star {
    margin: .3rem 0 0;
    font-size: .2rem
}

.page-wrapper .wrap-comment .star span {
    color: #01875f;
    letter-spacing: .02rem;
    margin-right: .08rem
}

.page-wrapper .wrap-comment p {
    margin-top: .2rem;
    line-height: .4rem;
    color: #909090
}

.page-wrapper .wrap-comment p a {
    display: inline-block;
    border: .01rem solid #b4b5b6;
    line-height: .4rem;
    padding: 0 .3rem;
    border-radius: .3rem;
    margin: 0 .1rem
}

.page-wrapper .wrap-comment p a:hover {
    background-color: #eee
}

.page-wrapper .qi {
    color: #000;
    margin: .3rem .32rem 0;
    padding-left: .4rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAAoUlEQVQ4jdWUwQmEQAxF365WszUI04dHWREsaA8WYB/C1GA3gheFOGviCDOw+04ZEj5Mkp9H825fQEU8Hpi1ZAk44HNDsLcEnzeEoiiD9whMJ3UOqLe4AhZFz4eCHhhOCgshWIs4pM/+ZY0J6JScbEe04Iw+WdmO9FPO3kNrJXYunSKxVmLn/5xyOCypnZL/yxqWUyRfx0HDcsqB33dKcsEVCHceY6q2yGYAAAAASUVORK5CYII=) no-repeat left .1rem/.2rem .21rem;
    border-bottom: .01rem solid #dad8d8;
    padding-bottom: .3rem
}

.page-wrapper .wrap-link {
    margin: .5rem .32rem 0;
    line-height: .7rem
}

.page-wrapper .wrap-link a {
    font-size: .2rem
}

.page-wrapper .wrap-link a:hover {
    color: #01875f
}

.page-wrapper .wrap-link2 {
    margin: .5rem .32rem 0;
    line-height: .7rem
}

.page-wrapper .wrap-link2 a {
    display: inline-block;
    margin-right: .4rem;
    font-size: .2rem
}

.page-wrapper .wrap-link2 a span {
    display: inline-block;
    width: .48rem;
    height: .36rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkBAMAAAA9a6Q5AAAAJFBMVEX1nxX0nBPznBL////w9PulvOKCotd+n9Z0l9I90WQ+0mU+0mf33xzwAAAADHRSTlNK4///////////40oqAEPlAAAAT0lEQVR4AWNgVMIKBBiEsEsoMijhAMNfwhgHIEbCJCzVGauEe0dHCVaJiI6OVqwSGR0dbYQkCBuFsJywc8nw+UwcYPhLrMQuPothF3aJ1QAHwBNAzoW/oQAAAABJRU5ErkJggg==) no-repeat 50%/100% 100%;
    margin-right: .16rem;
    vertical-align: middle
}

.page-wrapper .wrap-link2 a:hover {
    color: #01875f
}

.page-wrapper .floor {
    padding: .1rem 0;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 7.5rem;
    border-top: .01rem solid #eee
}

.page-wrapper .floor a:nth-child(2) {
    color: #01875f
}

.page-wrapper .floor a > div {
    margin: 0 auto;
    width: .6rem;
    height: .6rem
}

.page-wrapper .floor a:first-child > div {
    background: url(../images/games.c945fb93.png) no-repeat 50%/100% 100%
}

.page-wrapper .floor a:nth-child(2) > div {
    background: url(../images/apps.1bd5e8d2.png) no-repeat 50%/100% 100%
}

.page-wrapper .floor a:nth-child(3) > div {
    background: url(../images/movies.148ad803.png) no-repeat 50%/100% 100%
}

.page-wrapper .floor a:nth-child(4) > div {
    background: url(../images/books.929bef66.png) no-repeat 50%/100% 100%
}

.page-wrapper .floor a:nth-child(5) > div {
    background: url(../images/kids.09eb4d38.png) no-repeat 50%/100% 100%
}

.page-wrapper .floor a > span {
    line-height: .4rem
}

.page-wrapper .floor a {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.page-wrapper .pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
    z-index: 999
}

.page-wrapper #loading-pop.pop {
    background: hsla(0, 0%, 100%, .1)
}

.page-wrapper #loading-pop.pop #loading-warp {
    position: relative;
    width: 5rem;
    height: 1.4rem;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: .3rem;
    text-align: center;
    font-size: .32rem;
    color: #fff;
    padding-top: .1rem
}

.page-wrapper #loading-pop.pop #loading-warp:after {
    content: "";
    border: .04rem solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    width: .6rem;
    height: .6rem;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.29rem;
    margin-top: -.15rem
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.page-wrapper #tis-pop .tis {
    width: 6rem;
    height: 6rem;
    background: url(../images/tis.8bd4d084.png) no-repeat 50%/8rem 8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}