@charset "UTF-8";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 1.5;
    font-size: 14px;
    max-width: 100%;
}
body{
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    overflow-x: hidden;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
    box-sizing: border-box;
    font-style: normal;
    text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    ::-webkit-scrollbar-button {
        display: none;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: #ccc;
    }

    ::-webkit-scrollbar-track {
        width: 10px;
        height: 10px;
    }

    ::-webkit-scrollbar-track-piece {
        background: transparent;
    }

    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    ::-webkit-scrollbar-button {
        display: none;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: #ccc;
    }

    ::-webkit-scrollbar-track {
        width: 10px;
        height: 10px;
    }

    ::-webkit-scrollbar-track-piece {
        background: transparent;
    }
}
@media (min-width: 1200px) {
}
audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}
a {
    background: 0;
    text-decoration: none;
    cursor: pointer;
}
a:link, a:visited, a:active, a, a:hover{
    text-decoration: none !important;
    outline: 0  !important;
    font-style: normal !important;
}
abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn{
    font-style: italic
}

ul, li {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

img:not([src*="/"]) {
    display: none
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    border: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    overflow: visible
}
button:focus{
    outline: none !important;
    outline: 0px auto -webkit-focus-ring-color;
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type='text'] {
    line-height: normal;
   appearance:button;
   -moz-appearance:button; /* Firefox */
   -webkit-appearance:button; /* Safari 和 Chrome */
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

i {
    display: inline-block
}
.clear {
    *zoom: 1
}

.clear:before, .clear:after {
    display: table;
    line-height: 0;
    content: ""
}

.clear:after {
    clear: both
}

.hide {
    display: none !important
}
.pa5{padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.pa10{padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;}
.pa15{padding-top: 15px;padding-right: 15px;padding-bottom: 15px;padding-left: 15px;}
.pa20{padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;}
.pa25{padding-top: 25px;padding-right: 25px;padding-bottom: 25px;padding-left: 25px;}
.pa30{padding-top: 30px;padding-right: 30px;padding-bottom: 30px;padding-left: 30px;}


.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt100{padding-top: 100px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb100{padding-bottom: 100px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.plr5{padding-right: 5px !important;padding-left: 5px !important;}
.plr10{padding-right: 10px !important;padding-left: 10px !important;}
.plr15{padding-right: 15px !important;padding-left: 15px !important;}
.plr20{padding-right: 20px !important;padding-left: 20px !important;}
.plr30{padding-right: 30px !important;padding-left: 30px !important;}
.ptb5{padding-top: 5px !important;padding-bottom: 5px !important;}
.ptb10{padding-top: 10px !important;padding-bottom: 10px !important;}
.ptb15{padding-top: 15px !important;padding-bottom: 15px !important;}
.ptb20{padding-top: 20px !important;padding-bottom: 20px !important;}
.ptb30{padding-top: 30px !important;padding-bottom: 30px !important;}
.ptb50{padding-top: 50px !important;padding-bottom: 50px !important;}
.ptb60{padding-top: 60px !important;padding-bottom: 60px !important;}
.ptb80{padding-top: 80px !important;padding-bottom: 80px !important;}
.ptb100{padding-top: 100px !important;padding-bottom: 100px !important;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb0{margin-bottom: 0px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}
.ml60{margin-left: 60px !important;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mlr5{margin-right: 5px;margin-left: 5px;}
.mlr10{margin-right: 10px;margin-left: 10px;}
.mlr15{margin-right: 15px;margin-left: 15px;}
.mlr20{margin-right: 20px;margin-left: 20px;}
.mtb5{margin-top: 5px;margin-bottom: 5px;}
.mtb10{margin-top: 10px;margin-bottom: 10px;}
.mtb15{margin-top: 15px;margin-bottom: 15px;}
.mtb20{margin-top: 20px;margin-bottom: 20px;}
.mtb50{margin-top: 50px;margin-bottom: 50px;}
.mtb60{margin-top: 60px;margin-bottom: 60px;}
.mtb80{margin-top: 80px;margin-bottom: 80px;}
.mtb100{margin-top: 100px;margin-bottom: 100px;}

.ftc{color: #333333 !important;}
.fpc{color: #666666;}
.fic{color: #999999;}
.fred{color: #f01e1e !important; }

.h1{font-size: 26px;}
.h2{font-size: 22px;}
.h3{font-size: 18px;}
.h4{font-size: 16px;}
.h5{font-size: 14px;}
.h6{font-size: 12px;}

.fs36{font-size: 36px !important;}
.fs32{font-size: 32px !important;}
.fs28{font-size: 28px !important;}
.fs26{font-size: 26px !important;}
.fs22{font-size: 22px !important;}
.fs18{font-size: 18px !important;}
.fs16{font-size: 16px !important;}
.fs14{font-size: 14px !important;}
.fs12{font-size: 12px !important;}



.color0{color: #ffffff;}
.color1{color: #bc111a !important;}
.color2{color: #286aad;}
.color3{color: #717171;}
.color4{color: #999999;}
.color5{color: #ff8a00;}
/* 危险颜色 */
.color6{color: #F56C6C !important;}  


.bg0{background-color: #ffffff;}
.bg1{background-color: #588bbf;}
.bg2{background-color: #588bbf;}
.bg3{background-color: #f3f6f8;}
.bg4{background-color: #545454;}
.bg5{background-color: #f3f6f8;}
.bg6{background-color: #bc111a;}

.bg7{background-color: #a1d36e;}
.bg8{background-color: #5ac3c9;}
.bg9{background-color: #369fbd;}
.bg10{background-color: #eceff0;}

.danger{color: #dc3545;}

.bg11{background-color: #d02323;}
.bg12{background-color: #678e4b;}
.bg13{background-color: #325581;}
.bg14{background-color: #ed944b;}
.bg15{background-color: #ffa200 !important;}


.bg15{background-color: #A1D36E;}
.bg16{background-color: #EA957A;}
.bg17{background-color: #CD6B8E;}
.bg18{background-color: #56A47C;}
.bg19{background-color: #f5f5f5;}



.alignR{text-align: right;}
.alignL{text-align: left;}
.align{text-align: center;}

.indent2{text-indent: 2em;}


.borb{border-bottom: 1px solid #efefef;}

.fl{float: left;}
.fr{float: right;}
.fw{font-weight: bold;}

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


.nowrap{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;  
}
.nowrap1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.nowrap2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nowrap3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.nowrap6{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
/* inline-block */
.inline{
    display: inline-block !important;
}
.block{
    display: block !important;
}

/* center  begin */
.center{
    text-align: center;
}
/* center    end */
/* 弹性和模型 begin */
.flex {
    display: flex;
}
.flex .auto{
    flex-grow: 1;
    flex-shrink: 1;
}
.flex .base{
    flex-shrink: 0;
    flex-grow: 0;
}

.flex-col{
    flex-direction: column;
}
.items-center{
    align-items: center;
}
.items-end{
    align-items: flex-end;
}

.justify-center {
    justify-content: center;
}
.justify-end{
    justify-content: flex-end;
}


.flex-1{
    flex: 1 1 0%;
}

.text-xs{
    font-size: 0.72rem;
}
.text-sm{
    font-size: 0.86rem;
}
.text-md{
    font-size: 1rem;
}
.text-lg{
    font-size: 1.142rem;
}


/*.text-xl {
    font-size: 1.125rem;
}
.text-lg {
    font-size: 1rem;
}*/
.leading-relaxed {
    line-height: 1.625;
}


.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}