.alex-pd5em{padding: 0.5em}
.alex-pd15em{padding: 1.5em}
.alex-pd10em{padding: 1em}
.alex-pd2em{padding: 0.2em}
.alex-pd2em{padding: 0.2em}

.alex-pl10b{padding-left: 10%}
.alex-pr10b{padding-right: 10%}

.alex-pr1d5em{padding-right: 1.5em}

.alex-pt10em{padding-top: 10em}
.alex-pb10em{padding-bottom: 10em}

.alex-pt5em{padding-top: 5em}
.alex-pb5em{padding-bottom: 5em}

.alex-pl4em{padding-left: 4em}
.alex-pr4em{padding-right: 4em}

.alex-pt3em{padding-top: 3em}
.alex-pb3em{padding-bottom: 3em}

.alex-pt2em{padding-top: 2em}
.alex-pb2em{padding-bottom: 2em}

.alex-pt1d5em{padding-top: 1.5em}
.alex-pb1d5em{padding-bottom: 1.5em}

.alex-pt1em{padding-top: 1em}
.alex-pb1em{padding-bottom: 1em}

.alex-pt0d5em{padding-top: 0.5em}
.alex-pb0d5em{padding-bottom: 0.5em}

.alex-pt0d3em{padding-top: 0.3em}
.alex-pb0d3em{padding-bottom: 0.3em}

.alex-ptb1em{padding:1em 0 1em 0}


.alex-mr10em{margin-right: 10em}
.alex-mr4em{margin-right: 4em}
.alex-mr2em{margin-right: 2em}
.alex-mr10b{margin-right: 10%}

.alex-ml0em{margin-left: 0em}
.alex-ml3em{margin-left: 3em}
.alex-ml4em{margin-left: 4em}
.alex-ml10em{margin-left: 10em}
.alex-ml9em{margin-left: 9em}
.alex-ml10b{margin-left: 10%}
.alex-ml30b{margin-left: 30%}

.alex-mt5em{margin-top:5em}
.alex-mt10em{margin-top:10em}
.alex-mt3em{margin-top:3em}
.alex-mt2em{margin-top:2em}
.alex-mt1em{margin-top:1em}
.alex-mt05em{margin-top:0.5em}

.alex-mb10em{margin-bottom:10em}
.alex-mb5em{margin-bottom:5em}
.alex-mb3em{margin-bottom:3em}

.alex-height100b{height: 100%;}
.alex-height50em{height: 50em;}
.alex-height28em{height: 28em;}
.alex-height35em{height: 35em;}
.alex-height30em{height: 30em;}
.alex-height45em{height: 45em;}
.alex-height10em{height: 10em;}
.alex-height15em{height: 15em;}
.alex-height9em{height: 9em;}
.alex-height8em{height: 8em;}
.alex-height5em{height: 5em;}
.alex-height4em{height: 4em;}
.alex-height3em{height: 3em;}
.alex-height2d5em{height: 2.5em;}
.alex-height2em{height: 2em;}
.alex-height1d5em{height: 1.5em;}
.alex-height1em{height: 1em;}
.alex-height0d5em{height: 0.5em;}

.alex-width100b{width: 100%;}
.alex-width90b{width: 90%;}
.alex-width80b{width: 80%;}
.alex-width70b{width: 70%;}
.alex-width62b{width: 62%;}
.alex-width62b{width: 62%;}
.alex-width58b{width: 58%;}
.alex-width50b{width: 50%;}
.alex-width42b{width: 42%;}
.alex-width32b{width: 32%;}
.alex-width20b{width: 20%;}
.alex-width10b{width: 10%;}
.alex-width32bc05em{width: calc(33.33% - 0.5em);}
.alex-width35b{width: 35%;}
.alex-width38b{width: 38%;}
.alex-width28b{width: 28%;}
.alex-width30b{width: 30%;}
.alex-width10em{width: 10em;}
.alex-width38em{width: 38em;}
.alex-width34em{width: 34em;}
.alex-width32em{width: 32em;}
.alex-width30em{width: 30em;}
.alex-width9em{width: 9em;}
.alex-width8em{width: 8em;}
.alex-width6d5em{width: 6.5em !important;}
.alex-width5em{width: 5em;}
.alex-width4em{width: 4em;}
.alex-width3em{width: 3em;}
.alex-width2d5em{width: 2.5em;}
.alex-width2em{width: 2em;}
.alex-width1d5em{width: 1.5em;}
.alex-width1em{width: 1em;}
.alex-widthinherit{width: inherit;;}



.alex-float-left{float: left}

.alex-width60b{width: 60%}

.alex-color1{color: #FFFFFF}
.alex-color7{color: #E70012}

.alex-bg-blue-grey{background-color: #393E45}
.alex-bg-light-grey{background-color: #F9F9F9}
.alex-bg-white{background-color: #FFFFFF}
.alex-bg-999{background-color: #999999}
.alex-bg-red{background-color: red}

.alex-flex{display: flex}
.alex-flex-1{flex:1}
.alex-flex-justify-center{justify-content: center;}
.alex-flex-justify-between{justify-content: space-between;}
.alex-flex-justify-start{justify-content: flex-start;}
.alex-flex-justify-around{justify-content: space-around;}
.alex-flex-justify-evenly{justify-content: space-evenly;}
.alex-flex-wrap{flex-wrap: wrap;}
.alex-flex-items-center{align-items: center}
.alex-flex-column{flex-direction: column}
.alex-flex-column-reserve{flex-direction: column-reverse;}
.alex-flex-spa-between{display: flex;justify-content: space-between;align-items: center}
.alex-flex-align-between{display: flex;flex-direction: column;align-items: center;justify-content: space-between}
.alex-flex-align-center{display: flex;flex-direction: column;align-items: center;justify-content: center}

.alex-display-block{display: block}
.alex-display-inlineblock{display: inline-block}

.border-box{box-sizing:border-box}
.border-left{border-left: 1px solid #999999}
.border-right{border-right: 1px solid #999999}

.alex-position-relative{position: relative}
.alex-position-absolute{position: absolute}

.alex-top0em{top: 0em}
.alex-bottom0em{bottom: 0em}
.alex-bottom110px{bottom: 110px}

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

.alex-font-08em{font-size: 0.8em}
.alex-font-1d2em{font-size: 1.2em}
.alex-font-1d5em{font-size: 1.5em}
.layui-carousel-ind{
    top: -90px !important;
}
.alex-opacity05{
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.alex-opacity03{
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}
@media screen and (max-width: 1100px) /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
{
    .wap-alex-border-label{border:1px solid grey}
    .wap-alex-mg0{margin: 0}
    .wap-alex-mr1em{margin-right: 0.1em}
    .wap-alex-mr2em{margin-right: 0.2em}
    .wap-alex-mr3em{margin-right: 0.3em}
    .wap-alex-mr4em{margin-right: 0.4em}

    .wap-alex-mr3b{margin-right: 3%}

    .wap-alex-ml0{margin-left: 0}
    .wap-alex-mr0{margin-right: 0}


    .wap-alex-mt3em{margin-top:3em}
    .wap-alex-mt2em{margin-top:2em}
    .wap-alex-mt1em{margin-top:1em}
    .wap-alex-mt0em{margin-top:0em}

    .wap-alex-mb1em{margin-bottom:1em}

    .wap-alex-pd1em{padding: 1em}
    .wap-alex-pd05em{padding: 0.5em}
    .wap-alex-pd0em{padding: 0em}
    .wap-alex-pt1em{padding-top: 1em}
    .wap-alex-pl0em{padding-left: 0em}
    .wap-alex-pr0em{padding-right: 0em}
    .wap-alex-pb1em{padding-bottom: 1em}

    .wap-alex-select-bg{background: #393E45;}
    .wap-alex-bg-red{background: red !important;}
    .wap-alex-bg-f4{background: #f4f4f4 !important;}

    .wap-alex-lin12em_wap{line-height: 1.2em !important;}

    .wap-alex-text08em{ font-size: 0.8em !important;}
    .wap-alex-text06em{ font-size: 0.6em !important;}

    .wap-alex-flex-spa-between{display: flex;justify-content: space-between;align-items: center}

    .wap-alex-hidden{display: none !important;}
    .wap-alex-block{display: block !important;}


    .wap-alex-flex-column{flex-direction: column}
    .wap-alex-flex-column-reserve{flex-direction: column-reverse;}
    .wap-alex-flex{display: flex}
    .wap-alex-flex-line{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
    .wap-alex-flex-wrap{flex-wrap: wrap;}
    .wap-alex-flex-align-center{align-items: center}
    .wap-alex-flex-justify-center{justify-content: center}

    .wap-alex-display-grid{display: grid}
    .wap-alex-display-table{display: table}

    .wap-alex-float-unset{float: unset;}
    .wap-alex-float-left{float: left;}

    .wap-alex-text-left{text-align: left;}
    .wap-alex-text-right{text-align: right;}
    .wap-alex-text-center{text-align: center !important;}

    .wap-alex-color-000{color: #000}
    .wap-alex-color-FFF{color: #FFF !important;}

    .wap-alex-overx-scroll{overflow-x: scroll}
    .wap-alex-overy-scroll{overflow-y: scroll}

    .wap-alex-overflow-unset{overflow: unset}

    .wap-alex-white-space{white-space: nowrap}


    .wap-alex-w67vw{width: 67vw !important;}
    .wap-alex-w77vw{width: 77vw !important;}
    .wap-alex-width-auto{width: auto !important;}
    .wap-alex-width100{width: 100% !important;}
    .wap-alex-width99{width: 99% !important;}
    .wap-alex-width98{width: 98% !important;}
    .wap-alex-width97{width: 97% !important;}
    .wap-alex-width91{width: 91% !important;}
    .wap-alex-width70{width: 70% !important;}
    .wap-alex-width49{width: 49% !important;}
    .wap-alex-width33{width: 33.3% !important;}
    .wap-alex-width5em{width: 5em;}
    .wap-alex-width1em{width: 1em;}
    .wap-alex-widthmax{width:max-content;}

    .wap-alex-height-auto{height: auto !important;}
    .wap-alex-height100b{height: 100%;}
    .wap-alex-height30em{height: 30em;}
    .wap-alex-height13em{height: 13em;}
    .wap-alex-height50em{height: 50em;}
    .wap-alex-height60em{height: 60em;}
    .wap-alex-height7em{height: 7em;}
    .wap-alex-height5em{height: 5em;}
    .wap-alex-height1em{height: 1em;}
    .wap-alex-max-height-inherit{max-height: inherit !important;}


    .wap-alex-font06em{font-size: 0.6em;}

    .wap-alex-hidden2line{
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .wap-alex-hidden3line{
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
    }

    .layui-carousel-ind {
        top: -45px !important;
    }
    .wap-alex-bottom60px{bottom: 60px}
}