:root {
    --color: #0377ea;
    --textColor:#0174fe;
    --greyColor:#909090;
    --blackCocolor:#040404;
}

* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

body {
    color: #333;
    
}

.container {
    width: 1560px;
    margin: 0 auto;
}

/* 视频页心 */
.video-container {
    width: 88%;
    margin: 0 auto;
}

/* 产品列表页心 */
.pro-list-container {
    width: 1560px;
    margin: 0 auto;
}

@media all and (min-width: 2000px) and (max-width: 5000px) {
    .container {
        width: 85%;
    }
    .pro-list-container {
        width: 1560px;
    }
}

@media all and (max-width: 1700px) {
    .container {
        width: 1400px;
    }
    .pro-list-container {
        width: 1400px;
    }
}

@media all and (max-width: 1590px) {
    .container {
        width: 1160px;
    }
    .pro-list-container {
        width: 1160px;
    }
}
@media (max-width: 1270px) {
    .container {
        width: 960px;
    }
    .pro-list-container {
        width: 960px;
    }
}

@media all and (max-width: 1100px) {
    .container {
        width: 92%;
    }
    .video-container {
        width: 92%;
    }
}
@media all and (max-width: 680px) {
    .container {
        width: 92%;
    }
}

/* 行高 */

.line-h {
    line-height: 1.8;
}

.line-h-l {
    line-height: 2;
}

/* 文字 */

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

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

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

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

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

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

.co-white {
    color: #fff;
}
.co-black {
    color: var(--blackColor);
}
.co-grey {
    color: var(--greyColor);
}
.co-main {
    color: var(--textColor);
}
.co-ee {
    color: #eee;
}
.text-xieti {
    font-style: italic;
}

/* 间距 */
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}
.mr100{
    margin-right: 100px;
}

.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pt30 {
    padding-top: 30px;
}
.pt40 {
    padding-top: 40px;
}
.pt80{
    padding-top: 80px;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb30 {
    padding-bottom: 30px;
}

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

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

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

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}
.fs-34 {
    font-size: 34px;
}
.fs-36 {
    font-size: 36px;
}
.fs-38 {
    font-size: 38px;
}
.fs-40 {
    font-size: 40px;
}
.fs-44 {
    font-size: 44px;
}
.fs-46 {
    font-size: 46px;
}
.fs-48 {
    font-size: 48px;
}
.fs-50 {
    font-size: 50px;
}
.bold {
    font-weight: bold;
}
.bold-100{
    font-weight: 100;
}
.bold-200{
    font-weight: 200;
}
.bold-300{
    font-weight: 300;
}
.smallbold{
    font-weight: 520;
}

.module-space-m {
    margin: 50px 0;
}

.module-top-m {
    margin-top: 50px;
}

.module-bottom-m {
    margin-bottom: 50px;
}

.module-space-p {
    padding: 50px 0;
}

.module-space-p-big {
    padding: 80px 0;
}
.module-top-p-big {
    padding-top: 80px;
}
.module-bottom-p-big {
    padding-bottom: 80px;
}

.module-top-p {
    padding-top: 50px;
}

.module-bottom-p {
    padding-bottom: 50px;
}

@media all and (max-width: 1100px) {
    .fs-12 {
        font-size: 12px;
    }

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

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

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

    .fs-20 {
        font-size: 18px;
    }

    .fs-22 {
        font-size: 18px;
    }

    .fs-24 {
        font-size: 20px;
    }

    .fs-26 {
        font-size: 22px;
    }

    .fs-28 {
        font-size: 24px;
    }
    .fs-30 {
        font-size: 26px;
    }

    .fs-32 {
        font-size: 26px;
    }
}