@charset "UTF-8";

* {
    padding: 0;
    margin: 0;
}

body {
    color: #222;
    background-color: #f3f6f8;
    font: 14px/1.5 "Microsoft YaHei", PingFangSC-Light, "PingFang SC", SimSun, Arial
}

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

a:hover {
    color: #08c
}

a:focus {
    outline: 0
}

ol,
ul {
    list-style: none
}

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

textarea {
    resize: none
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
form,
img,
p {
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
}



.both {
    clear: both;
}


.flex {
    display: flex;
}

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

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

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

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

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

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

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

.flex .col2 {
    width: 50%;
}

.flex .col3 {
    width: 33.33%;
}

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

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

.text-over2 {
    overflow: hidden;
    min-height: 32px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-over3 {
    overflow: hidden;
    min-height: 32px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-over4 {
    word-break: break-all;
    /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1;
    /** 显示的行数 **/
    overflow: hidden;
    /** 隐藏超出的内容 **/
}

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

.text-line-down {
    text-decoration: underline;
}

.text-main,
.cl-main {
    color: #232529;
}

.text-sec,
.cl-info,
.cl-sec {
    color: #8A8D99;
}

.text-notice,
.cl-notice {
    color: #A6AEC2;
}

.text-theme,
.cl-theme {
    color: #4772FF;
}

.text-w,
.cl-w {
    color: #ffffff;
}

.text-black,
.cl-black {
    color: #000000;
}



.cl-placeholder {
    color: #CCCCCC;
}

.cl-price {
    color: #FF6D00;
}

.cl-red,
.text-red {
    color: red;
}


.cl-wrong,
.text-wrong {
    color: #FE734C;
}

.cl-violet,
.text-violet {
    color: #7A83FC;
}

.cl-yellow {
    color: #FFE5AD;
}

.cl-green {
    color: #00C657;
}

.cl-manage {
    color: #5E40FF;
}

.cl-orange {
    color: #FF6600
}

.cl-blue {
    color: #1890FF
}

.bg-w {
    background: #ffffff;
}

.mt3 {
    margin-top: 3px;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt12 {
    margin-top: 12px;
}

.mt15 {
    margin-top: 15px;
}

.mt16 {
    margin-top: 16px;
}

.mt20 {
    margin-top: 20px;
}

.mt24 {
    margin-top: 24px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px
}

.mt32 {
    margin-top: 32px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.ml2 {
    margin-left: 2px
}

.ml4 {
    margin-left: 4px;
}

.ml5 {
    margin-left: 5px
}

.ml8 {
    margin-left: 8px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml16 {
    margin-left: 16px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml60 {
    margin-left: 60px;
}

.mr2 {
    margin-right: 2px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mr60 {
    margin-right: 60px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb12 {
    margin-bottom: 12px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb16 {
    margin-bottom: 16px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb24 {
    margin-bottom: 24px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.pd5 {
    padding: 5px;
}

.pl5 {
    padding-left: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.plr5 {
    padding: 0 5px;
}

.pd7_5 {
    padding: 7.5px;
}

.pl7_5 {
    padding-left: 7.5px;
}

.pr7_5 {
    padding-right: 7.5px;
}

.pt7_5 {
    padding-top: 7.5px;
}

.pb7_5 {
    padding-bottom: 7.5px;
}

.plr7_5 {
    padding: 0 7.5px;
}

.pd8 {
    padding: 8px;
}

.pd10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.plr10 {
    padding: 0 10px;
}

.pd15 {
    padding: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pr15 {
    padding-right: 15px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.plr15 {
    padding: 0 15px;
}

.pd20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.plr20 {
    padding: 0 20px;
}

.pd25 {
    padding: 25px;
}

.pl25 {
    padding-left: 25px;
}

.pr25 {
    padding-right: 25px;
}

.pt25 {
    padding-top: 25px;
}

.pb25 {
    padding-bottom: 25px;
}

.plr25 {
    padding: 0 25px;
}

.pd30 {
    padding: 30px;
}

.pl30 {
    padding-left: 30px;
}

.pr30 {
    padding-right: 30px;
}

.pt30 {
    padding-top: 30px;
}

.pb30 {
    padding-bottom: 30px;
}

.plr30 {
    padding: 0 30px;
}

.pd40 {
    padding: 40px;
}

.pl40 {
    padding-left: 40px;
}

.pr40 {
    padding-right: 40px;
}

.pt40 {
    padding-top: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

.plr40 {
    padding: 0 40px;
}

.pd50 {
    padding: 50px;
}

.pl50 {
    padding-left: 50px;
}

.pr50 {
    padding-right: 50px;
}

.pt50 {
    padding-top: 50px;
}

.pb50 {
    padding-bottom: 50px;
}

.plr50 {
    padding: 0 50px;
}

.pd24_20 {
    padding: 24px 20px;
}

.pd20_40 {
    padding: 20px 40px;
}

.pd20_15 {
    padding: 20px 15px;
}

.pd16_15 {
    padding: 16px 15px;
}

.ft10 {
    font-size: 10px;
}

.ft12 {
    font-size: 12px;
}

.ft14 {
    font-size: 14px;
}

.ft16 {
    font-size: 16px;
}

.ft18 {
    font-size: 18px;
}

.ft20 {
    font-size: 20px;
}

.ft22 {
    font-size: 22px;
}

.ft24 {
    font-size: 24px;
}

.ft26 {
    font-size: 26px;
}

.ft28 {
    font-size: 28px;
}

.ft30 {
    font-size: 30px;
}

.ft32 {
    font-size: 32px;
}

.ft34 {
    font-size: 34px;
}

.ft36 {
    font-size: 36px;
}

.ft40 {
    font-size: 40px;
}

.ftw400 {
    font-weight: 400;
}

.ftw500 {
    font-weight: 500;
}

.ftw600 {
    font-weight: 600;
}

.ftwblod {
    font-weight: bold;
}

.ft-italic {
    font-style: italic;
}

.r6 {
    border-radius: 6px;
}

.r8 {
    border-radius: 8px;
}

.r10 {
    border-radius: 10px;
}

.r15 {
    border-radius: 15px;
}