#app {

    text-align: center;
    color: #2c3e50;
    font-size: .4rem
}



.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
}



.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
}