@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
table,
th,
td,
button {
    padding: 0;
    margin: 0;
}

fieldset,
img,
button {
    border: 0;
}

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

ol,
ul {
    list-style: none;
}

caption,
th,
li,
dt,
dd,
p {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    text-align: left;
    font-weight: normal;
}

q:before,
q:after {
    content: "";
}

abbr,
acronym {
    border: 0;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

a,
a:hover {
    transition: all 0.3s ease 0s;
}

button {
    cursor: pointer;
    outline: none;
    background-color: inherit;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
}

input {
    outline: none;
}

em {
    font-style: normal;
}

body {
    font-family: PingFangSC, "Helvetica neue", Arial, Helvetica, Tahoma,
        "lantinghei sc", "Microsoft Yahei", simsun, sans-serif;
    font-size: 0.13rem;
    color: #636363;
    background: #fff;
}

.left {
    float: left;
    display: inline;
}

.right {
    float: right;
    display: inline;
}

.center {
    margin: 0 auto;
}

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

/* Hides from IE-mac \*/
* html .clear {
    height: 1%;
}

.clear {
    display: block;
}

/* End hide from IE-mac */

.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.center {
    margin: 0 auto;
}

.flex_cen_cen {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_start_cen {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex_end_cen {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex_sb_cen {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.padding_100 {
    padding: 100px 0;
}

/*webkit内核*/
.scroll_bar_hidden::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.scroll_bar_hidden::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
}

/*o内核*/
.scroll_bar_hidden .-o-scrollbar {
    -moz-appearance: none !important;
    background: rgba(0, 255, 0, 0) !important;
}

.scroll_bar_hidden::-o-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
}

body {
    font-size: 16px;
    line-height: 1.3;
    color: #010818;
}

i {
    font-style: normal;
}

[v-cloak] {
    display: none !important;
}

img {
    max-width: 100%;
}

.m_show {
    display: none !important;
}

.wrap {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1240px;
}

.wrap_max {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1240px;
}

.padding_150 {
    padding: 150px 0;
}

.btn_sx {
    background: #12B76A;
    border-radius: 8px;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    width: 100%;
    height: 64px;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_sx:hover {
    background: #69d84f;
}

.btn_dis {
    background-color: #d0d5dd;
    color: #555b6c;
    border-radius: 8px;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    height: 64px;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: not-allowed;
}

.mask_sty {
    position: fixed;
    z-index: 699;
    background: rgba(1, 8, 24, 0.8);
    backdrop-filter: blur(3px);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mask_sty_cnt {
    width: calc(100% - 32px);
    max-width: 540px;
    border-radius: 12px;
    background: #fff;
}

.mask_sty_cnt_head {
    padding: 30px 20px 20px;
    border-bottom: 1px solid #f2f4f7;
}

.mask_sty_cnt_head span {
    flex: 1;
    color: #0e1425;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.mask_sty_cnt_box {
    padding: 0px 20px 30px;
    max-height: 70vh;
    overflow-y: scroll;
}

@media only screen and (max-width: 450px) {
    .padding_100 {
        padding: 50px 0;
    }

    .wrap,
    .wrap_max {
        padding: 0 16px;
        max-width: 100%;
    }

    .pc_show {
        display: none !important;
    }

    .m_show {
        display: block !important;
    }

    .padding_150 {
        padding: 80px 0;
    }

    .btn_sx,
    .btn_kx,
    .btn_dis {
        font-size: 16px;
        padding: 10px 20px;
        height: 46px;
        border-radius: 6px;
    }

    .btn_sx:hover {
        background: #12B76A;
    }

    .mask_sty_cnt {
        width: calc(100% - 32px);
        max-width: 540px;
        border-radius: 12px;
        background: #fff;
    }

    .mask_sty_cnt_head {
        padding: 20px 12px 12px;
    }

    .mask_sty_cnt_head span {
        font-size: 16px;
    }

    .mask_sty_cnt_box {
        padding: 0px 12px 20px;
        max-height: 65vh;
    }
}