* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    margin: 0 auto;
    list-style-type: none;
    width: 100%;
    height: 100%;
    text-align: justify;
    font-family: 微软雅黑;
    font-size: 16px;
    color: #414149;
    cursor: default;
    max-width: 1920px;
}

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

@media all and (max-width: 768px) {
    html, body {
        font-size: 13px;
        position: relative;
    }

    h1, h2, h3 {
        font-size: 16px;
    }

    a {
        font-size: 13px;
    }
}

@media all and (min-width: 768px) and  (max-width: 1199px) {
    html, body, #top, .layui-nav , .header_pc{
        min-width: 1200px !important;
    }

    .container {
        min-width: 1200px !important;
    }
}

/*整体大小*/
@media all and (min-width: 1200px) {
    .width_nine {
        width: 1190px;
        margin: 0 auto;
    }

    .width_eight {
        width: 1180px;
        margin: 0 auto;
    }

    .width_event {
        width: 1170px;
        margin: 0 auto;
    }

    .width_six {
        width: 1160px;
        margin: 0 auto;
    }
}

.height {
    height: 100%;
}

/*文本*/
.text-align {
    text-align: center;
}

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

.text-right {
    text-align: right;

}


/*字体样式*/
.font-body {
    font-weight: bold;
}

.line-height-threeSix {
    line-height: 36px;
}

.line-height-threeFour {
    line-height: 34px;
}

.line-height-threeTow {
    line-height: 32px;
}

.line-height-three {
    line-height: 30px;
}

.line-height-towEight {
    line-height: 28px;
}

.line-height-towSix {
    line-height: 26px;
}

.text-indent {
    text-indent: 2em;

}

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

.font-size-14 {
    font-size: 14px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-12 {
    font-size: 12px;
}

@media all and (max-width: 768px) {
    .s_line-height-towEight {
        line-height: 28px;
    }

    .s_line-height-towSix {
        line-height: 26px;
    }

    .font-size-16 {
        font-size: 14px;
    }
}

/*felx布局*/
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

}

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

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

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

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

.flex-reverse {
    flex-direction: row-reverse
}

@media all and (max-width: 768px) {
    .s-justify-content {
        justify-content: flex-start;
    }
}

/*浮动*/
.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*定位*/
.position-relative {
    position: relative;
}

.position-static {
    position: static;

}

.overflow-hidden {
    overflow: hidden;
}

/*显示多少行内容隐藏*/
.line-clamp-one {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;

}

.line-clamp-two {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.line-clamp-three {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.line-clamp-four {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

@media all and (max-width: 768px) {

    .s_line-clamp-two {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .s_line-clamp-three {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}

.display-none {
    display: none
}

.cursor-pointer {
    cursor: pointer;
}

/*手机端pc端显示隐藏*/
.sj {
    display: none;
}

@media all and (max-width: 768px) {
    .sj {
        display: block;
    }

    .pc {
        display: none;
    }
}

.p1 {
    padding: 10px;
}

.p2 {
    padding: 20px;
}

.p3 {
    padding: 30px;
}

.p4 {
    padding: 40px;
}

.p5 {
    padding: 50px;
}

.p6 {
    padding: 60px;
}

.p7 {
    padding: 70px;
}

.p8 {
    padding: 80px;
}

.p9 {
    padding: 90px;
}

/*上内边距*/

.pt1 {
    padding-top: 10px;
}

.pt2 {
    padding-top: 20px;
}

.pt3 {
    padding-top: 30px;
}

.pt4 {
    padding-top: 40px;
}

.pt5 {
    padding-top: 50px;
}

.pt6 {
    padding-top: 60px;
}

.pt7 {
    padding-top: 70px;
}

.pt8 {
    padding-top: 80px;
}

.pt9 {
    padding-top: 90px;
}

/*下内边距*/
.pb1 {
    padding-bottom: 10px;
}

.pb2 {
    padding-bottom: 20px;
}

.pb3 {
    padding-bottom: 30px;
}

.pb4 {
    padding-bottom: 40px;
}

.pb5 {
    padding-bottom: 50px;
}

.pb6 {
    padding-bottom: 60px;
}

.pb7 {
    padding-bottom: 70px;
}

.pb8 {
    padding-bottom: 80px;
}

.pb9 {
    padding-bottom: 90px;
}

/*左内边距*/
.pl1 {
    padding-left: 10px;
}

.pl2 {
    padding-left: 20px;
}

.pl3 {
    padding-left: 30px;
}

.pl4 {
    padding-left: 40px;
}

.pl5 {
    padding-left: 50px;
}

.pl6 {
    padding-left: 60px;
}

.pl7 {
    padding-left: 70px;
}

.pl8 {
    padding-left: 80px;
}

.pl9 {
    padding-left: 90px;
}

/*右边距*/
.pr1 {
    padding-right: 10px;
}

.pr2 {
    padding-right: 20px;
}

.pr3 {
    padding-right: 30px;
}

.pr4 {
    padding-right: 40px;
}

.pr5 {
    padding-right: 50px;
}

.pr6 {
    padding-right: 60px;
}

.pr7 {
    padding-right: 70px;
}

.pr8 {
    padding-right: 80px;
}

.pr9 {
    padding-right: 90px;
}

/*上下内边距*/
.ptb1 {
    padding: 10px 0;
}

.ptb2 {
    padding: 20px 0;
}

.ptb3 {
    padding: 30px 0;
}

.ptb4 {
    padding: 40px 0;
}

.ptb5 {
    padding: 50px 0;
}

.ptb6 {
    padding: 60px 0;
}

.ptb7 {
    padding: 70px 0;
}

.ptb8 {
    padding: 80px 0;
}

.ptb9 {
    padding: 90px 0;
}

/*左右内边距*/
.plr1 {
    padding: 0 10px;

}

.plr2 {
    padding: 0 20px;
}

.plr3 {
    padding: 0 30px;
}

.plr4 {
    padding: 0 40px;
}

.plr5 {
    padding: 0 50px;
}

.plr6 {
    padding: 0 60px;
}

.plr7 {
    padding: 0 70px;
}

.plr8 {
    padding: 0 80px;
}

.plr9 {
    padding: 0 90px;
}

/*手机端内边距*/
@media all and (max-width: 768px) {
    .s_p0 {
        padding: 0;
    }

    .s_p05 {
        padding: 5px;
    }

    .s_p1 {
        padding: 10px;
    }

    .s_p2 {
        padding: 20px;
    }

    .s_p3 {
        padding: 30px;
    }

    .s_p4 {
        padding: 40px;
    }

    .s_p5 {
        padding: 50px;
    }

    .s_pt0 {
        padding-top: 0;
    }

    .s_pt05 {
        padding-top: 5px;
    }

    .s_pt1 {
        padding-top: 10px;
    }

    .s_pt2 {
        padding-top: 20px;
    }

    .s_pt3 {
        padding-top: 30px;
    }

    .s_pt4 {
        padding-top: 40px;
    }

    .s_pt5 {
        padding-top: 50px;
    }


    .s_pb0 {
        padding-bottom: 0;
    }

    .s_pb05 {
        padding-bottom: 5px;
    }

    .s_pb1 {
        padding-bottom: 10px;
    }

    .s_pb2 {
        padding-bottom: 20px;
    }

    .s_pb3 {
        padding-bottom: 30px;
    }

    .s_pb4 {
        padding-bottom: 40px;
    }

    .s_pb5 {
        padding-bottom: 50px;
    }


    .s_pl0 {
        padding-left: 0;
    }

    .s_pl05 {
        padding-left: 5px;
    }

    .s_pl1 {
        padding-left: 10px;
    }

    .s_pl2 {
        padding-left: 20px;
    }

    .s_pl3 {
        padding-left: 30px;
    }

    .s_pl4 {
        padding-left: 40px;
    }

    .s_pl5 {
        padding-left: 50px;
    }

    .s_pr0 {
        padding-right: 0;
    }

    .s_pr05 {
        padding-right: 5px;
    }

    .s_pr1 {
        padding-right: 10px;
    }

    .s_pr2 {
        padding-right: 20px;
    }

    .s_pr3 {
        padding-right: 30px;
    }

    .s_pr4 {
        padding-right: 40px;
    }

    .s_pr5 {
        padding-right: 50px;
    }

    .s_ptb05 {
        padding: 5px 0;
    }

    .s_ptb1 {
        padding: 10px 0;
    }

    .s_ptb2 {
        padding: 20px 0;
    }

    .s_ptb3 {
        padding: 30px 0;
    }

    .s_ptb4 {
        padding: 40px 0;
    }

    .s_ptb5 {
        padding: 50px 0;
    }

    .s_plr05 {
        padding: 0 5px;
    }

    .s_plr1 {
        padding: 0 10px;
    }

    .s_plr2 {
        padding: 0 20px;
    }

    .s_plr3 {
        padding: 0 30px;
    }

    .s_plr4 {
        padding: 0 40px;
    }

    .s_plr5 {
        padding: 0 50px;
    }
}


/*外边距*/

.m1 {
    margin: 10px;
}

.m2 {
    margin: 20px;
}

.m3 {
    margin: 30px;
}

.m4 {
    margin: 40px;
}

.m5 {
    margin: 50px;
}

.m6 {
    margin: 60px;
}

.m7 {
    margin: 70px;
}

.m8 {
    margin: 80px;
}

.m9 {
    margin: 90px;
}

/*上外边距*/

.mt1 {
    margin-top: 10px;
}

.mt2 {
    margin-top: 20px;
}

.mt3 {
    margin-top: 30px;
}

.mt4 {
    margin-top: 40px;
}

.mt5 {
    margin-top: 50px;
}

.mt6 {
    margin-top: 60px;
}

.mt7 {
    margin-top: 70px;
}

.mt8 {
    margin-top: 80px;
}

.mt9 {
    margin-top: 90px;
}

/*下外边距*/
.mb1 {
    margin-bottom: 10px;
}

.mb2 {
    margin-bottom: 20px;
}

.mb3 {
    margin-bottom: 30px;
}

.mb4 {
    margin-bottom: 40px;
}

.mb5 {
    margin-bottom: 50px;
}

.mb6 {
    margin-bottom: 60px;
}

.mb7 {
    margin-bottom: 70px;
}

.mb8 {
    margin-bottom: 80px;
}

.mb9 {
    margin-bottom: 90px;
}

/*左外边距*/
.ml05 {
    margin-left: 5px;
}

.ml1 {
    margin-left: 10px;
}

.ml2 {
    margin-left: 20px;
}

.ml3 {
    margin-left: 30px;
}

.ml4 {
    margin-left: 40px;
}

.ml5 {
    margin-left: 50px;
}

.ml6 {
    margin-left: 60px;
}

.ml7 {
    margin-left: 70px;
}

.ml8 {
    margin-left: 80px;
}

.ml9 {
    margin-left: 90px;
}

/*右外边距*/
.mr05 {
    margin-right: 5px;
}

.mr1 {
    margin-right: 10px;
}

.mr2 {
    margin-right: 20px;
}

.mr3 {
    margin-right: 30px;
}

.mr4 {
    margin-right: 40px;
}

.mr5 {
    margin-right: 50px;
}

.mr6 {
    margin-right: 60px;
}

.mr7 {
    margin-right: 70px;
}

.mr8 {
    margin-right: 80px;
}

.mr9 {
    margin-right: 90px;
}

/*上小外边距*/
.mtb1 {
    margin: 10px 0;
}

.mtb2 {
    margin: 20px 0;
}

.mtb3 {
    margin: 30px 0;
}

.mtb4 {
    margin: 40px 0;
}

.mtb5 {
    margin: 50px 0;
}

.mtb6 {
    margin: 60px 0;
}

.mtb7 {
    margin: 70px 0;
}

.mtb8 {
    margin: 80px 0;
}

.mtb9 {
    margin: 90px 0;
}

/*左右外边距*/
.mlr1 {
    margin: 0 10px;
}

.mlr2 {
    margin: 0 20px;
}

.mlr3 {
    margin: 0 30px;
}

.mlr4 {
    margin: 0 40px;
}

.mlr5 {
    margin: 0 50px;
}

.mlr6 {
    margin: 0 60px;
}

.mlr7 {
    margin: 0 70px;
}

.mlr8 {
    margin: 0 80px;
}

.mlr9 {
    margin: 0 90px;
}

@media all and (max-width: 768px) {
    .s_m0 {
        margin: 0;
    }

    .s_m05 {
        margin: 5px;
    }

    .s_m1 {
        margin: 10px;
    }

    .s_m2 {
        margin: 20px;
    }

    .s_m3 {
        margin: 30px;
    }

    .s_m4 {
        margin: 40px;
    }

    .s_m5 {
        margin: 50px;
    }

    .s_mt0 {
        margin-top: 0;
    }

    .s_mt1 {
        margin-top: 10px;
    }

    .s_mt2 {
        margin-top: 20px;
    }

    .s_mt3 {
        margin-top: 30px;
    }

    .s_mt4 {
        margin-top: 40px;
    }

    .s_mt5 {
        margin-top: 50px;
    }


    .s_mb0 {
        margin-bottom: 0;
    }

    .s_mb05 {
        margin-bottom: 5px;
    }

    .s_mb1 {
        margin-bottom: 10px;
    }

    .s_mb2 {
        margin-bottom: 20px;
    }

    .s_mb3 {
        margin-bottom: 30px;
    }

    .s_mb4 {
        margin-bottom: 40px;
    }

    .s_mb5 {
        margin-bottom: 50px;
    }


    .s_ml0 {
        margin-left: 0;
    }

    .s_ml05 {
        margin-left: 5px;
    }

    .s_ml1 {
        margin-left: 10px;
    }

    .s_ml2 {
        margin-left: 20px;
    }

    .s_ml3 {
        margin-left: 30px;
    }

    .s_ml4 {
        margin-left: 40px;
    }

    .s_ml5 {
        margin-left: 50px;
    }

    .s_mr0 {
        margin-right: 0;
    }

    .s_mr05 {
        margin-right: 5px;
    }

    .s_mr1 {
        margin-right: 10px;
    }

    .s_mr2 {
        margin-right: 20px;
    }

    .s_mr3 {
        margin-right: 30px;
    }

    .s_mr4 {
        margin-right: 40px;
    }

    .s_mr5 {
        margin-right: 50px;
    }

    .s_mtb05 {
        margin: 5px 0;
    }

    .s_mtb1 {
        margin: 10px 0;
    }

    .s_mtb2 {
        margin: 20px 0;
    }

    .s_mtb3 {
        margin: 30px 0;
    }

    .s_mtb4 {
        margin: 40px 0;
    }

    .s_mtb5 {
        margin: 50px 0;
    }

    .s_mlr05 {
        margin: 0 5px;
    }

    .s_mlr1 {
        margin: 0 10px;
    }

    .s_mlr2 {
        margin: 0 20px;
    }

    .s_mlr3 {
        margin: 0 30px;
    }

    .s_mlr4 {
        margin: 0 40px;
    }

    .s_mlr5 {
        margin: 0 50px;
    }

}