.text-ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    height: calc(1em * 3 * 1.4);
    min-height: calc(12px * 3 * 1.4);
}

/* 距离 */
.ml50{margin-left: 50px!important}
.pb50{padding-bottom:50px!important}
.pl50{padding-left:50px!important}
.mt40{margin-top:40px!important}
.mr40{margin-right:40px!important}
.mb40{margin-bottom:40px!important}
.ml40{margin-left:40px!important}
.pt40{padding-top:40px!important}
.pr40{padding-right:40px!important}
.pb40{padding-bottom:40px!important}
.pl40{padding-left:40px!important}
.mt30{margin-top:30px!important}
.mr30{margin-right:30px!important}
.mb30{margin-bottom:30px!important}
.ml30{margin-left:30px!important}
.pt30{padding-top:30px!important}
.pr30{padding-right:30px!important}
.pb30{padding-bottom:30px!important}
.pl30{padding-left:30px!important}
.mt20{margin-top:20px!important}
.mr20{margin-right:20px!important}
.mb20{margin-bottom:20px!important}
.ml20{margin-left:20px!important}
.pt20{padding-top:20px!important}
.pr20{padding-right:20px!important}
.pb20{padding-bottom:20px!important}
.pl20{padding-left:20px!important}
.mt15{margin-top:15px!important}
.mr15{margin-right:15px!important}
.mb15{margin-bottom:15px!important}
.ml15{margin-left:15px!important}
.pt15{padding-top:15px!important}
.pr15{padding-right:15px!important}
.pb15{padding-bottom:15px!important}
.pl15{padding-left:15px!important}
.mt10{margin-top:10px!important}
.mr10{margin-right:10px!important}
.mb10{margin-bottom:10px!important}
.ml10{margin-left:10px!important}
.pt10{padding-top:10px!important}
.pr10{padding-right:10px!important}
.pb10{padding-bottom:10px!important}
.pl10{padding-left:10px!important}
.mt5{margin-top:5px!important}
.mr5{margin-right:5px!important}
.mb5{margin-bottom:5px!important}
.ml5{margin-left:5px!important}
.pt5{padding-top:5px!important}
.pr5{padding-right:5px!important}
.pb5{padding-bottom:5px!important}
.pl5{padding-left:5px!important}
.pt3{padding-top: 3px!important}
.pt2{padding-top: 2px!important}
.mt0{margin-top:0!important}
.mr0{margin-right:0!important}
.mb0{margin-bottom:0!important}
.ml0{margin-left:0!important}
.pt0{padding-top:0!important}
.pr0{padding-right:0!important}
.pb0{padding-bottom:0!important}
.pl0{padding-left:0!important}
.mf20{margin-top: -20px!important}
.fs12{font-size:12px!important}
.fs13{font-size:13px!important}
.fs14{font-size:14px!important}
.fs15{font-size:15px!important}
.fs16{font-size:16px!important}
.fs17{font-size:17px!important}
.fs18{font-size:16px!important}
.fs19{font-size:19px!important}
.fs20{font-size:20px!important}
.fs21{font-size:21px!important}
.fs24{font-size:24px!important}
.fs30{font-size:30px!important}
.fs36{font-size:36px!important}
.onec{color:#333346!important}
.twoc{color:#66666e!important}
.threec{color:#99a!important}
.redc{color:red!important}
.bluec{color:#32aaff!important}
.yellowc{color:#ff6601!important}
.greenc{color:#28be28!important}
.whiteoc{color:#fff!important}
.whitetc{color:rgba(255,255,255,.6)}
.mainc{color: #0aa384}
.w300{width: 300px;}
.w400{width: 400px;}
.lh20{line-height: 2.0;}
.bold{font-weight: bold;}
/*lg*/
@media screen and  (min-width: 992px){
}
/*md*/
@media screen and  (min-width: 768px){
    /*.text-ellipsis-3{*/
    /*    -webkit-line-clamp: 2;*/
    /*    height: calc(1em * 2 * 1.5);*/
    /*    min-height: calc(12px * 2 * 1.5);*/
    /*}*/
}
/*sm*/
@media screen and  (min-width: 576px) and (max-width: 768px){
    .text-ellipsis-3{
        -webkit-line-clamp: 2;
        height: calc(1em * 2 * 1.4);
        min-height: calc(12px * 2 * 1.4);
    }
}

.vjs-error .vjs-error-display:before {
    display: none;

}
.video_svg{
    width:300px;height: 200px;    margin:32px 170px;
}

/* 基础样式 */

.inline-block {
    display: inline-block;
}

.flex {
    display: flex !important;
}

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

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

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

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

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

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

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

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

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

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

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

.flex-dir-column {
    flex-direction: column;
}

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

.flex_1 {
    flex: 1;
}

.vertical-middle {
    vertical-align: middle;
}

.pointer {
    cursor: pointer;
}

.line-height-1 {
    line-height: 1;
}
.relative{position: relative}