a,
a:active,
a:hover,
a:visited {
    color: #fff
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    font-size: .4rem
}

body {
    margin: 0 auto
}

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

.t_right {
    text-align: right
}

.t_left {
    text-align: left
}

.t_center {
    text-align: center
}

.mt_3 {
    margin-top: .3rem
}

.mb_3 {
    margin-bottom: .3rem
}

.ml_3 {
    margin-left: .3rem
}

.mr_3 {
    margin-right: .3rem
}

.bg_main_i {
    background-color: #ff4f36
}

.bg_main_q {
    background-color: #12b360
}

.bg_main_qx {
    background-color: #009159
}

.bg_none {
    background-image: none
}

.bg_white {
    background-color: #fff
}

.bg_grey {
    background-color: #ddd
}

.bg_light {
    background-color: #eee
}

.black {
    color: #444
}

.black_r {
    color: #000
}

.white {
    color: #fff
}

.main_i {
    color: #ff4f36
}

.main_q {
    color: #12b360
}

.grey {
    color: #aaa
}

.light {
    color: #bbb
}

.red {
    color: red
}

.blue {
    color: #00f
}

.bold {
    font-weight: 700
}

.small {
    font-size: .3rem
}

.small_x {
    font-size: .2rem
}

.middle {
    font-size: .4rem
}

.big {
    font-size: .5rem
}

.big_m {
    font-size: .6rem
}

.big_x {
    font-size: .7rem
}

.big_xx {
    font-size: .9rem
}

.fl {
    float: left
}

.fr {
    float: right
}

.hidden {
    display: none
}

.pane {
    padding: .3rem .5rem
}

.pc {
    font-size: .18rem;
    padding: 0 2rem
}

.placement {
    height: .2rem
}

.line1 {
    height: 1px
}

.line2 {
    height: 2px
}

.pane .btn {
    color: #fff;
    display: block;
    width: 100%;
    height: 1.17333rem;
    line-height: 1.17333rem;
    font-size: .4rem;
    text-align: center;
    border-radius: .08rem;
    margin: .2rem 0
}

.botom_holder {
    height: 1.5rem
}

.small[data-v-58f59c18] {
    font-size: .2rem
}

.c[data-v-58f59c18] {
    margin-bottom: .1rem
}

.ff[data-v-afadf73c] {
    padding: .5rem;
    text-align: center;
    font-size: .35rem
}

img[data-v-afadf73c] {
    width: 5rem;
    height: 5rem;
    margin-bottom: .2rem
}

.pane1[data-v-60edadea] {
    padding: .5rem
}

a[data-v-60edadea] {
    color: orange;
    text-decoration: none;
    padding: 0 .1rem;
    font-size: .7rem
}

.new[data-v-60edadea] {
    margin: .2em 0;
    line-height: .6rem;
    height: .6rem
}

.new img[data-v-60edadea] {
    width: .6rem;
    margin-right: .2rem
}

.new img[data-v-60edadea],
.newInfo[data-v-60edadea] {
    height: .6rem;
    display: inline-block;
    vertical-align: middle
}

.newInfo[data-v-60edadea] {
    line-height: .6rem
}

.pc .big[data-v-644a7bda] {
    font-size: .35rem
}

.container[data-v-644a7bda] {
    -webkit-box-shadow: 0 0 12px grey, 0 0 0 grey, 0 0 12px grey, 0 0 0 grey;
    box-shadow: 0 0 12px grey, 0 0 0 grey, 0 0 12px grey, 0 0 0 grey
}

.header[data-v-644a7bda] {
    padding: .4rem .3rem
}

.banner[data-v-644a7bda] {
    padding: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bannerimg[data-v-644a7bda] {
    height: .8rem;
    width: .8rem
}

img[data-v-644a7bda] {
    width: 5rem;
    height: 5rem;
    margin: .2rem 0
}

.big[data-v-644a7bda] {
    margin-top: .3rem
}

.pane[data-v-644a7bda] {
    background-color: #fff
}

.pane .title[data-v-644a7bda] {
    text-align: center;
    font-size: .4rem;
    margin: .4rem 0
}

.qa[data-v-644a7bda] {
    margin-bottom: .2rem
}

.middle[data-v-644a7bda] {
    font-size: .35rem
}

.qrcode[data-v-644a7bda] {
    margin: .5rem
}

.fz[data-v-644a7bda] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .5rem
}

.fz_btn[data-v-644a7bda] {
    background-color: #e8e8e8;
    padding: .2rem .4rem;
    border: 1px solid #444;
    color: #111;
    border-radius: .2rem
}

.bands[data-v-644a7bda] {
    font-size: .28rem;
    border-radius: .1rem;
    border: 1px solid #006400;
    padding: .2rem .2rem
}

.para[data-v-644a7bda] {
    margin-bottom: .2rem
}

.ff[data-v-b303a140] {
    padding: .5rem;
    text-align: center;
    font-size: .18rem;
    line-height: .25rem
}

img[data-v-b303a140] {
    width: 1rem;
    height: 1rem;
    margin-bottom: .2rem
}

.big[data-v-12c9e8f5] {
    font-size: .3rem
}

.pane1[data-v-12c9e8f5] {
    padding: .5rem .1rem
}

a[data-v-12c9e8f5] {
    color: orange;
    text-decoration: none;
    padding: 0 .1rem;
    font-size: .5rem
}

.new[data-v-12c9e8f5] {
    margin: .2em 0;
    line-height: .6rem;
    height: .6rem
}

.new img[data-v-12c9e8f5] {
    width: .6rem;
    margin-right: .2rem
}

.new img[data-v-12c9e8f5],
.newInfo[data-v-12c9e8f5] {
    height: .6rem;
    display: inline-block;
    vertical-align: middle
}

.newInfo[data-v-12c9e8f5] {
    line-height: .6rem
}

.pc .big[data-v-288d3f2b] {
    font-size: .35rem
}

.container[data-v-288d3f2b] {
    -webkit-box-shadow: 0 0 12px grey, 0 0 0 grey, 0 0 12px grey, 0 0 0 grey;
    box-shadow: 0 0 12px grey, 0 0 0 grey, 0 0 12px grey, 0 0 0 grey
}

.header[data-v-288d3f2b] {
    padding: .4rem .3rem
}

.banner[data-v-288d3f2b] {
    padding: .05rem .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bannerimg[data-v-288d3f2b] {
    height: .4rem;
    width: .4rem
}

img[data-v-288d3f2b] {
    width: 1.8rem;
    height: 1.8rem;
    margin: .2rem 0
}

.big[data-v-288d3f2b] {
    margin-top: .3rem
}

.pane[data-v-288d3f2b] {
    background-color: #fff
}

.pane .title[data-v-288d3f2b] {
    text-align: center;
    font-size: .3rem;
    margin: .4rem 0
}

.qa[data-v-288d3f2b] {
    margin-bottom: .2rem
}

.middle[data-v-288d3f2b] {
    font-size: .23rem
}

.qrcode[data-v-288d3f2b] {
    margin: .2rem
}

.fz[data-v-288d3f2b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .2rem
}

.fz_btn[data-v-288d3f2b] {
    padding: .1rem;
    background-color: #e8e8e8;
    border: 1px solid #444;
    color: #111;
    border-radius: .1rem
}

.bands[data-v-288d3f2b] {
    border-radius: .1rem;
    border: 1px solid #006400;
    padding: .2rem .2rem
}

.para[data-v-288d3f2b] {
    margin-bottom: .2rem
}

.header[data-v-436470f9] {
    padding: .5rem
}

.a_title[data-v-436470f9] {
    font-size: .5rem;
    margin: .5rem 0;
    font-weight: 700;
    text-align: center
}

.a_part[data-v-436470f9] {
    margin: .2rem;
    text-align: left
}

.btnx[data-v-436470f9] {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    width: 100%;
    height: 1.17333rem;
    line-height: 1.17333rem;
    font-size: .4rem;
    text-align: center;
    border-radius: .08rem;
    margin: .2rem 0
}

.big[data-v-16df9901] {
    font-size: .27rem
}

.container[data-v-16df9901] {
    -webkit-box-shadow: 0 0 12px grey, 0 0 0 grey, 0 0 12px grey, 0 0 0 grey;
    box-shadow: 0 0 12px grey, 0 0 0 grey, 0 0 12px grey, 0 0 0 grey
}

.header[data-v-16df9901] {
    padding: .5rem
}

.a_title[data-v-16df9901] {
    font-size: .5rem;
    margin: .5rem 0;
    font-weight: 700;
    text-align: center
}

.a_part[data-v-16df9901] {
    margin: .2rem;
    text-align: left
}

.btnx[data-v-16df9901] {
    border: 1px solid #fff;
    padding: .15rem;
    color: #fff;
    display: block;
    width: 100%;
    font-size: .22rem;
    text-align: center;
    border-radius: .08rem;
    margin: .2rem 0
}

img[data-v-6c3d7bc0] {
    width: 100%
}

.a_title[data-v-6c3d7bc0] {
    font-size: .5rem;
    margin: .5rem 0;
    font-weight: 700;
    text-align: center
}

.a_part[data-v-6c3d7bc0] {
    margin: .2rem;
    text-align: left
}