body {
    padding: 0;
    margin: 0;
    font-family: "microsoft yahei","arial", "helvetica", "sans-serif";
    font-size: 1rem;
    background: rgb(245,245,245);
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

[v-cloak] {
    display: none;
}

button, input[type="text"], input[type="button"],
input[type="password"], input[type='radio'], input[type="checkbox"], input[type="number"], input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: none;
    appearance: none;
    outline: none;
    font-family: "microsoft yahei","arial, helvetica, sans-serif";
    outline: none;
    border: none;
    background: #fff;
}

button {
    cursor: pointer;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

img {
    width: auto;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #000000;
}

.clear {
    clear: both;
}

.bg-rgb-255 {
    background: rgb(255,255,255);
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}
/*字体状态*/
.f-left {
    float: left;
}

.f-right {
    float: right;
}

.f-none {
    float: none;
}

.t-center {
    text-align: center;
}

.t-left {
    text-align: left !important;
}

.t-right {
    text-align: right !important;
}

.t-throuth {
    text-decoration: line-through;
}

.t-underline {
    text-decoration: underline;
}

.t-esis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t-esis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.t-bold {
    font-weight: bold;
}

.min-width-4 {
    min-width: 4rem;
}
/*字体颜色*/
.t-rgb-0 {
    color: rgb(0,0,0) !important;
}

.t-rgb-93 {
    color: rgb(93,93,93) !important;
}

.t-rgb-128 {
    color: rgb(128,128,128) !important;
}

.t-rgb-153 {
    color: rgb(153,153,153) !important;
}

.t-rgb-191 {
    color: rgb(191,191,191) !important;
}

.t-rgb-255 {
    color: rgb(255,255,255) !important;
}
/*padding*/
.pd-1 {
    padding: 0.1rem;
}

.pd-2 {
    padding: 0.2rem;
}

.pd-3 {
    padding: 0.3rem;
}

.pd-4 {
    padding: 0.4rem;
}

.pd-5 {
    padding: 0.5rem;
}

.pd-6 {
    padding: 0.6rem;
}

.pd-7 {
    padding: 0.7rem;
}

.pd-8 {
    padding: 0.8rem;
}

.pd-9 {
    padding: 0.9rem;
}

.pd-10 {
    padding: 1rem;
}

.pd-75-73 {
    padding: 0.7588rem 0.7333rem;
}

.pd-tb-5 {
    padding: 0.5rem 0;
}

.pd-tb-6 {
    padding: 0.6rem 0;
}

.pd-tb-7 {
    padding: 0.7rem 0;
}

.pd-tb-8 {
    padding: 0.8rem 0;
}

.pd-tb-9 {
    padding: 0.9rem 0;
}

.pd-tb-10 {
    padding: 1rem 0;
}

.pd-tb-7588 {
    padding-top: 0.7588rem;
    padding-bottom: 0.7588rem;
}

.pd-lr-5 {
    padding: 0 0.5rem;
}

.pd-lr-6 {
    padding: 0 0.6rem;
}

.pd-lr-7 {
    padding: 0 0.7rem;
}

.pd-lr-8 {
    padding: 0 0.8rem;
}

.pd-lr-9 {
    padding: 0 0.9rem;
}

.pd-lr-10 {
    padding: 0 1rem;
}

.pd-lr-7333 {
    padding-left: 0.7333rem;
    padding-right: 0.7333rem;
}

.pd-top-1 {
    padding-top: 0.1rem;
}

.pd-top-2 {
    padding-top: 0.2rem;
}

.pd-top-3 {
    padding-top: 0.3rem;
}

.pd-top-4 {
    padding-top: 0.4rem;
}

.pd-top-5 {
    padding-top: 0.5rem;
}

.pd-top-6 {
    padding-top: 0.6rem;
}

.pd-top-7 {
    padding-top: 0.7rem;
}

.pd-top-8 {
    padding-top: 0.8rem;
}

.pd-top-9 {
    padding-top: 0.9rem;
}

.pd-top-10 {
    padding-top: 1rem;
}

.pd-top-7588 {
    padding-top: 0.7588rem;
}

.pd-top-8823 {
    padding-top: 0.8823rem;
}

.pd-bottom-1 {
    padding-bottom: 0.1rem;
}

.pd-bottom-2 {
    padding-bottom: 0.2rem;
}

.pd-bottom-3 {
    padding-bottom: 0.3rem;
}

.pd-bottom-4 {
    padding-bottom: 0.4rem;
}

.pd-bottom-5 {
    padding-bottom: 0.5rem;
}

.pd-bottom-6 {
    padding-bottom: 0.6rem;
}

.pd-bottom-7 {
    padding-bottom: 0.7rem;
}

.pd-bottom-8 {
    padding-bottom: 0.8rem;
}

.pd-bottom-9 {
    padding-bottom: 0.9rem;
}

.pd-bottom-10 {
    padding-bottom: 1rem;
}

.pd-bottom-20 {
    padding-bottom: 2rem;
}

.pd-bottom-7588 {
    padding-bottom: 0.7588rem;
}

.pd-left-5 {
    padding-left: 0.5rem;
}

.pd-left-6 {
    padding-left: 0.6rem;
}

.pd-left-7 {
    padding-left: 0.7rem;
}

.pd-left-8 {
    padding-left: 0.8rem;
}

.pd-left-9 {
    padding-left: 0.9rem;
}

.pd-left-10 {
    padding-left: 1rem;
}

.pd-left-15 {
    padding-left: 1.5rem;
}

.pd-left-20 {
    padding-left: 2rem;
}

.pd-left-7333 {
    padding-left: 0.7333rem;
}

.pd-right-5 {
    padding-right: 0.5rem;
}

.pd-right-6 {
    padding-right: 0.6rem;
}

.pd-right-7 {
    padding-right: 0.7rem;
}

.pd-right-8 {
    padding-right: 0.8rem;
}

.pd-right-9 {
    padding-right: 0.9rem;
}

.pd-right-10 {
    padding-right: 1rem;
}

.pd-right-15 {
    padding-right: 1.5rem;
}

.pd-right-20 {
    padding-right: 2rem;
}

.pd-right-7333 {
    padding-right: 0.7333rem;
}
/*margin*/
.mg-1 {
    margin: 0.1rem;
}

.mg-2 {
    margin: 0.2rem;
}

.mg-3 {
    margin: 0.3rem;
}

.mg-4 {
    margin: 0.4rem;
}

.mg-5 {
    margin: 0.5rem;
}

.mg-6 {
    margin: 0.6rem;
}

.mg-7 {
    margin: 0.7rem;
}

.mg-8 {
    margin: 0.8rem;
}

.mg-9 {
    margin: 0.9rem;
}

.mg-10 {
    margin: 1rem;
}

.mg-tb-5 {
    margin: 0.5rem 0;
}

.mg-tb-6 {
    margin: 0.6rem 0;
}

.mg-tb-7 {
    margin: 0.7rem 0;
}

.mg-tb-8 {
    margin: 0.8rem 0;
}

.mg-tb-9 {
    margin: 0.9rem 0;
}

.mg-tb-10 {
    margin: 1rem 0;
}

.mg-lr-5 {
    margin: 0 0.5rem;
}

.mg-lr-6 {
    margin: 0 0.6rem;
}

.mg-lr-7 {
    margin: 0 0.7rem;
}

.mg-lr-8 {
    margin: 0 0.8rem;
}

.mg-lr-9 {
    margin: 0 0.9rem;
}

.mg-lr-10 {
    margin: 0 1rem;
}

.mg-top-5 {
    margin-top: 0.5rem;
}

.mg-top-6 {
    margin-top: 0.6rem;
}

.mg-top-7 {
    margin-top: 0.7rem;
}

.mg-top-8 {
    margin-top: 0.8rem;
}

.mg-top-9 {
    margin-top: 0.9rem;
}

.mg-top-10 {
    margin-top: 1rem;
}

.mg-bottom-1 {
    margin-bottom: 0.1rem;
}

.mg-bottom-2 {
    margin-bottom: 0.2rem;
}

.mg-bottom-3 {
    margin-bottom: 0.3rem;
}

.mg-bottom-4 {
    margin-bottom: 0.4rem;
}

.mg-bottom-5 {
    margin-bottom: 0.5rem;
}

.mg-bottom-6 {
    margin-bottom: 0.6rem;
}

.mg-bottom-7 {
    margin-bottom: 0.7rem;
}

.mg-bottom-8 {
    margin-bottom: 0.8rem;
}

.mg-bottom-9 {
    margin-bottom: 0.9rem;
}

.mg-bottom-10 {
    margin-bottom: 1rem;
}

.mg-left-5 {
    margin-left: 0.5rem;
}

.mg-left-6 {
    margin-left: 0.6rem;
}

.mg-left-7 {
    margin-left: 0.7rem;
}

.mg-left-8 {
    margin-left: 0.8rem;
}

.mg-left-9 {
    margin-left: 0.9rem;
}

.mg-left-10 {
    margin-left: 1rem;
}

.mg-left-15 {
    margin-left: 1.5rem;
}

.mg-left-20 {
    margin-left: 2rem;
}

.mg-right-5 {
    margin-right: 0.5rem;
}

.mg-right-6 {
    margin-right: 0.6rem;
}

.mg-right-7 {
    margin-right: 0.7rem;
}

.mg-right-8 {
    margin-right: 0.8rem;
}

.mg-right-9 {
    margin-right: 0.9rem;
}

.mg-right-10 {
    margin-right: 1rem;
}

.mg-right-15 {
    margin-right: 1.5rem;
}

.mg-right-20 {
    margin-right: 2rem;
}

/*border-radius*/
.br-2 {
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    border-radius: 0.2rem;
}

.br-3 {
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

.br-4 {
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    border-radius: 0.4rem;
}

.br-5 {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.br-6 {
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
    border-radius: 0.6rem;
}

.br-7 {
    -webkit-border-radius: 0.7rem;
    -moz-border-radius: 0.7rem;
    -ms-border-radius: 0.7rem;
    -o-border-radius: 0.7rem;
    border-radius: 0.7rem;
}

.br-8 {
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
    border-radius: 0.8rem;
}

.br-9 {
    -webkit-border-radius: 0.9rem;
    -moz-border-radius: 0.9rem;
    -ms-border-radius: 0.9rem;
    -o-border-radius: 0.9rem;
    border-radius: 0.9rem;
}

.br-10 {
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
}

.br-50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

/*font-size*/
.font-size-8 {
    font-size: 0.8rem;
}

.font-size-9 {
    font-size: 0.9rem;
}

.font-size-10 {
    font-size: 1rem;
}

.font-size-11 {
    font-size: 1.1rem;
}

.font-size-12 {
    font-size: 1.2rem;
}

.font-size-13 {
    font-size: 1.3rem;
}

.font-size-14 {
    font-size: 1.4rem;
}

.font-size-15 {
    font-size: 1.5rem;
}

.font-34 {
    font-size: 1rem;
}

.font-32 {
    font-size: 0.94rem;
}

.font-30 {
    font-size: 0.8823rem;
}

.font-24 {
    font-size: 0.71rem;
}

.font-26 {
    font-size: 0.7647rem;
}

.font-28 {
    font-size: 0.8235rem;
}

.font-l-34 {
    font-size: 1rem;
    line-height: 1rem;
}

.font-l-30 {
    font-size: 0.8823rem;
    line-height: 0.8823rem;
}

.font-l-28 {
    font-size: 0.8235rem;
    line-height: 0.8235rem;
}

.font-l-26 {
    font-size: 0.7648rem;
    line-height: 0.7647rem;
}

.font-l-24 {
    font-size: 0.71rem;
    line-height: 0.71rem;
}
/*定位方式*/
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.overhidden {
    overflow: hidden;
}
/*border*/
.bor-200 {
    border: 1px solid rgb(200,200,200);
}

.bor-210 {
    border: 1px solid rgb(210,210,210);
}

.bor-220 {
    border: 1px solid rgb(220,220,220);
}

.bor-230 {
    border: 1px solid rgb(230,230,230);
}

.bor-240 {
    border: 1px solid rgb(240,240,240);
}

.bor-tb-200 {
    border-top: 1px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(200,200,200);
}

.bor-tb-210 {
    border-top: 1px solid rgb(210,210,210);
    border-bottom: 1px solid rgb(210,210,210);
}

.bor-tb-220 {
    border-top: 1px solid rgb(220,220,220);
    border-bottom: 1px solid rgb(220,220,220);
}

.bor-tb-230 {
    border-top: 1px solid rgb(230,230,230);
    border-bottom: 1px solid rgb(230,230,230);
}

.bor-tb-240 {
    border-top: 1px solid rgb(240,240,240);
    border-bottom: 1px solid rgb(240,240,240);
}

.bor-top-200 {
    border-top: 1px solid rgb(200,200,200);
}

.bor-top-210 {
    border-top: 1px solid rgb(210,210,210);
}

.bor-top-220 {
    border-top: 1px solid rgb(220,220,220);
}

.bor-top-230 {
    border-top: 1px solid rgb(230,230,230);
}

.bor-top-240 {
    border-top: 1px solid rgb(240,240,240);
}

.bor-bottom-200 {
    border-bottom: 1px solid rgb(200,200,200);
}

.bor-bottom-210 {
    border-bottom: 1px solid rgb(210,210,210);
}

.bor-bottom-220 {
    border-bottom: 1px solid rgb(220,220,220);
}

.bor-bottom-230 {
    border-bottom: 1px solid rgb(230,230,230);
}

.bor-bottom-240 {
    border-bottom: 1px solid rgb(240,240,240);
}

.bor-left-200 {
    border-left: 1px solid rgb(200,200,200);
}

.bor-left-210 {
    border-left: 1px solid rgb(210,210,210);
}

.bor-left-220 {
    border-left: 1px solid rgb(220,220,220);
}

.bor-left-230 {
    border-left: 1px solid rgb(230,230,230);
}

.bor-left-240 {
    border-left: 1px solid rgb(240,240,240);
}

.bor-right-200 {
    border-right: 1px solid rgb(200,200,200);
}

.bor-right-200 {
    border-right: 1px solid rgb(210,210,210);
}

.bor-right-200 {
    border-right: 1px solid rgb(220,220,220);
}

.bor-right-200 {
    border-right: 1px solid rgb(230,230,230);
}

.bor-right-200 {
    border-right: 1px solid rgb(240,240,240);
}
/*img*/
.img-100 {
    width: 100%;
}

.img-max {
    max-width: 100%;
}
/*width*/
.width-100 {
    width: 100%;
}

.width-75 {
    width: 75%;
}

.width-50 {
    width: 50%;
}

.width-33 {
    width: 33.3333%;
}

.width-27 {
    width: 27.5%;
}

.width-25 {
    width: 25%;
}

.width-20 {
    width: 20%;
}

.width-15 {
    width: 15%;
}

.width-auto {
    width: auto;
}
/*height*/
.height-5 {
    height: 0.5rem;
}

.height-6 {
    height: 0.6rem;
}

.height-7 {
    height: 0.7rem;
}

.height-8 {
    height: 0.8rem;
}

.height-9 {
    height: 0.9rem;
}

.height-10 {
    height: 1rem;
}

.height-15 {
    height: 1.5rem;
}

.height-20 {
    height: 2rem;
}

.height-25 {
    height: 2.5rem;
}

.height-30 {
    height: 3rem;
}

.height-35 {
    height: 3.5rem;
}

.height-40 {
    height: 4rem;
}

.height-45 {
    height: 4.5rem;
}

.height-50 {
    height: 5rem;
}

/*display*/
.d-block {
    display: block;
}

.d-line {
    display: inline;
}

.d-inlineBlock {
    display: inline-block;
}



.pd-t-b {
    padding: 0.8rem 0;
}

.pd-l-r {
    padding: 0 0.5rem;
}

.floor {
    height: 0.7352rem;
    background: rgb(245,245,245);
}

.border-b217 {
    border-bottom: 1px solid rgb(245,245,245);
}

.wrap {
    max-width: 640px;
    margin: auto;
    overflow-x: hidden;
}

.cursor {
    cursor: pointer;
}

.flex-com {
    display: flex;
    display: -webkit-flex;
}

.flex-sw {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.flex-center {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.flex-align-center {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.flex-grow {
    flex-grow: 111;
}