*{
    margin:0;
    padding:0;
}
html,body{
    list-style-type: none;
    width: 100%;
    height: 100%;
    text-align: justify;
    font-family: 微软雅黑;
    font-size: 16px;
    color: #414149;
    cursor: default;
}
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{
        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%;
}
/*图片*/
img{
    width: 100%;
   /* max-width: 100% !important;*/
    height:auto !important;
    margin: auto;
}

/*文本*/
.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;
    }

}