* {
    font-family: microsoft yahei;
    font-family: Arial;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
button,
textarea,
p,
b,
blockquote,
th,
td,
figure,
span figcaption,
select {
    font-weight: normal;
    font-style: normal;
    font-size: 0.26rem;
}

body,
html {
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style: none;
    /*火狐下隐藏滚动条*/
    scrollbar-width: none;
    /*解决ios上滑动不流畅*/
    -webkit-overflow-scrolling: touch;
}

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


/*Chrome下隐藏滚动条，溢出可以透明滚动*/

a {
    text-decoration: none;
}

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

img {
    border: 0;
    max-width: 100%;
    vertical-align: bottom;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
i {
    font-style: normal;
}

a,
input,
button,
textarea,
label {
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: transparent;
}

input:focus,
textarea:focus,
select:focus,
label:focus,
option:focus {
    outline: none;
}

ol,
li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

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

abbr,
acronym {
    border: 0;
}

select:focus {
    outline: 0;
}

.right {
    float: right;
}

.left {
    float: left;
}

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

.tc {
    text-align: center !important;
}

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

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

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

.t-one {
    white-space: nowrap;
}

.t-omit {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.t-duan {
    word-break: break-all;
}

.t-da {
    text-transform: uppercase;
}

.fwb {
    font-weight: bold;
}

.pr {
    position: relative;
}

.ovh {
    overflow: hidden;
}

.nobg {
    background: none !important;
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0px;
}

.clearfix {
    zoom: 1;
}

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

*html .clearfix {
    zoom: 1;
}


/* IE6 */

*:first-child+html .clearfix {
    zoom: 1;
}


/* IE7 */


/*clearfix主要是用在浮动层的父层，而clear 主要是用在浮动层与浮动层之间，和浮动层同一级*/

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.fullPage {
    width: 100%;
    height: 100%;
}

.scrollBx {
    height: 100%;
    overflow-y: scroll;
}

.flex {
    display: flex !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-column {
    flex-flow: column;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}

.align-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-center {
    align-self: flex-center;
}

.self-end {
    align-self: flex-end;
}

.self-stretch {
    align-self: stretch;
}

.align-stretch {
    align-items: stretch;
}

.justify-start {
    justify-content: flex-start;
}

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

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

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.flexUl {
    display: flex;
    flex-wrap: wrap;
}

.flexT {
    display: flex;
    align-items: flex-start;
}

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

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

.flexTb {
    display: flex;
    align-items: flex-end;
}

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

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

.flexR {
    display: flex;
    justify-content: flex-end;
}

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

.flexDc {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

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

.flexLrTb {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.flexM {
    flex-grow: 1;
}

.flexS {
    flex-flow: column;
}

.fssm {
    font-size: 0.24rem !important;
}

.fsdf {
    font-size: 0.28rem !important;
}

.fslg {
    font-size: 0.32rem !important;
}

.fsxl {
    font-size: 0.38rem !important;
}

.fsxxl {
    font-size: 0.58rem !important;
}

.wrap {
    padding: 0 0.2rem
}

.wraps {
    padding: 0 0.4rem
}

.pdsm {
    padding: 0.1rem
}

.pddf {
    padding: 0.2rem
}

.pdlg {
    padding: 0.3rem
}

.pdxl {
    padding: 0.4rem
}

.pdxxl {
    padding: 0.6rem
}

.pdlrsm {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}

.pdlrdf {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.pdlrlg {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.pdlrxl {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.pdlrxxl {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.pdtbsm {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.pdtbdf {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.pdtblg {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.pdtbxl {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.pdtbxxl {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.pdlsm {
    padding-left: 0.1rem;
}

.pdldf {
    padding-left: 0.2rem;
}

.pdllg {
    padding-left: 0.3rem;
}

.pdlxl {
    padding-left: 0.4rem;
}

.pdlxxl {
    padding-left: 0.6rem;
}

.pdrsm {
    padding-right: 0.1rem;
}

.pdrdf {
    padding-right: 0.2rem;
}

.pdrlg {
    padding-right: 0.3rem;
}

.pdrxl {
    padding-right: 0.4rem;
}

.pdrxxl {
    padding-right: 0.6rem;
}

.pdtsm {
    padding-top: 0.1rem;
}

.pdtdf {
    padding-top: 0.2rem;
}

.pdtlg {
    padding-top: 0.3rem;
}

.pdtxl {
    padding-top: 0.4rem;
}

.pdtxxl {
    padding-top: 0.6rem;
}

.pdbsm {
    padding-bottom: 0.1rem;
}

.pdbdf {
    padding-bottom: 0.2rem;
}

.pdblg {
    padding-bottom: 0.3rem;
}

.pdbxl {
    padding-bottom: 0.4rem;
}

.pdbxxl {
    padding-bottom: 0.6rem;
}

.mrsm {
    margin: 0.1rem
}

.mrdf {
    margin: 0.2rem
}

.mrxl {
    margin: 0.3rem
}

.mrxxl {
    margin: 0.6rem
}

.mrlrsm {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

.mrlrdf {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.mrlrlg {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.mrlrxl {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

.mrlrxxl {
    margin-left: 0.6rem;
    margin-right: 0.6rem;
}

.mrtbsm {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.mrtbdf {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.mrtblg {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.mrtbxl {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.mrtbxxl {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.mrlsm {
    margin-left: 0.1rem
}

.mrldf {
    margin-left: 0.2rem
}

.mrllg {
    margin-left: 0.3rem
}

.mrlxl {
    margin-left: 0.4rem
}

.mrlxxl {
    margin-left: 0.6rem
}

.mrrsm {
    margin-right: 0.1rem
}

.mrrdf {
    margin-right: 0.2rem
}

.mrrlg {
    margin-right: 0.3rem
}

.mrrxl {
    margin-right: 0.4rem
}

.mrrxxl {
    margin-right: 0.6rem
}

.mrtsm {
    margin-top: 0.1rem
}

.mrtdf {
    margin-top: 0.2rem
}

.mrtlg {
    margin-top: 0.3rem
}

.mrtxl {
    margin-top: 0.4rem
}

.mrtxxl {
    margin-top: 0.6rem
}

.mrbsm {
    margin-bottom: 0.1rem
}

.mrbdf {
    margin-bottom: 0.2rem
}

.mrblg {
    margin-bottom: 0.3rem
}

.mrbxl {
    margin-bottom: 0.4rem
}

.mrbxxl {
    margin-bottom: 0.6rem
}

.bg-gradual-1 {
    background-image: linear-gradient(0deg, #fdb155, #f77f14);
}

.bg-gradual-2 {
    background-image: linear-gradient(0deg, #0c79ff, #28c9f8);
}

.bg-gradual-3 {
    background-image: linear-gradient(0deg, #f42020, #ff973b);
}

.bg-gradual-4 {
    background-image: linear-gradient(0deg, #1ce7b0, #28c9f8);
}

.bg-gradual-5 {
    background-image: linear-gradient(0deg, #ff9059, #ff635a);
}

.bg-gradual-6 {
    background-image: linear-gradient(0deg, #d36afa, #5c60fe);
}

.bg-gradual-7 {
    background-image: linear-gradient(0deg, #ca97fe, #67ebfb);
}

.bg-gradual-8 {
    background-image: linear-gradient(0deg, #2774bb, #2cefed);
}

.bg-gradual-9 {
    background-image: linear-gradient(0deg, #fdb155, #f77f14);
}

.bg-gradual-10 {
    background-image: linear-gradient(0deg, #6aebfa, #5c60fe);
}

.bg-gradual-11 {
    background-image: linear-gradient(0deg, #00c9cc, #058caa);
}

.bg-gradual-12 {
    background-image: linear-gradient(0deg, #ffbc61, #e7784e);
}

.bg-gradual-13 {
    background-image: linear-gradient(0deg, #5ae9ab, #ef9a4f);
}

.bg-gradual-14 {
    background-image: linear-gradient(0deg, #fc3efe, #ff6a6a);
}

.bg-gradual-15 {
    background-image: linear-gradient(0deg, #67a0fc, #86bdfe);
}

.bg-gradual-bt1 {
    background-image: linear-gradient(0deg, #ffd600, #f1ff52);
}

.bg-gradual-bt2 {
    background-image: linear-gradient(0deg, #6ea6fc, #6ff7fc);
}

.text-gradual {
    -webkit-background-clip: text;
    color: transparent !important;
}

.alert {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 5em;
    max-width: 90%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    text-align: center;
    padding: 0.15rem;
    border-radius: 0.15rem;
    border: 1px solid;
    font-size: 0.26rem;
}

.alert-tips {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    border: none;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #fff;
    background-color: #2e303c;
    border-color: #616372;
}

.alert-warning {
    color: #000;
    background-color: #fff;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert button {
    background: rgb(0%, 0%, 0%);
    border: none;
    color: #fff;
    position: absolute;
    top: -0.15rem;
    right: -0.15rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    margin: 0;
    padding: 0;
}

.col-2,
.col-3,
.col-4,
.col-5 {
    margin-left: -0.2rem;
    overflow: hidden;
}

.col-2 li,
.col-3 li,
.col-4 li,
.col-5 li {
    float: left;
    margin-left: 0.2rem;
}

.col-1 li {
    width: 100%;
    margin-bottom: 0.2rem;
}

.col-2 li,
.col-2>div {
    width: calc(50% - 0.2rem);
    margin-bottom: 0.2rem;
}

.col-3 li,
.col-3>div {
    width: calc(33.33% - 0.2rem) !important;
    margin-bottom: 0.2rem;
}

.col-4 li,
.col-4>div {
    width: calc(25% - 0.2rem);
    margin-bottom: 0.2rem;
}

.col-5 li,
.col-5>div {
    width: calc(20% - 0.2rem);
    margin-bottom: 0.2rem;
}