.cate-swiper .swiper-slide {width: 71px;margin: 0 31px 0 0 !important;flex-shrink: 0;}
.cate-swiper {width: 1300px;margin: 0 auto;overflow: hidden;}
.cate-swiper-box {width: 1380px;overflow: hidden;position: relative;}

.topswa p{ width: 70px;height: 70px;background: #ECFCF7;display: flex;align-items: center;justify-content: center;margin:0 0 18px 0;transition: all .3s ease;}
.swiper-slide:hover .topswa p{ background: #D6FBEF;}
.topswa{align-items: center;font-size: 16px;color: #333333;}
.topswa span{transition: all .3s ease;}
.cmdltd{align-items: center;}
.cmdltd img{width:10px;height: 14px;margin:0 10px 0 13px;}
.cmdl-top{align-items: center;justify-content: space-between;}
.cmdlt-right{ width: 50px;height: 48px;background: #FFFFFF;border: 1px solid #EDEDED;margin:0 17px 0 0;}
.cmdl-top{width: 380px;height: 70px;background: #F6F6F6;}
.cmdltdr span:nth-child(1){font-size: 14px;color: #999999;}
.cmdltdr span:nth-child(2){font-weight: 500;font-size: 18px;color: #333333;}
.cmdlm-top{justify-content: space-between;}
.cmdlm-top p:nth-child(1){font-weight: 500;font-size: 16px;color:#333333;}
.cmdlm-top p:nth-child(1) span{color: #FFA200;margin:0 6px 0 0;}
.cmdlm-top p:nth-child(2){font-weight: 500;font-size: 16px;color: #999999;}
.cmdl-middle textarea{width: 338px;height:98px;background: #FFFFFF;border: 1px solid #F3F3F3;padding:18px 28px 14px 14px;font-size: 16px;color: #999999;
    outline: none;background: none;resize: none;box-shadow: none;
}
.cmdl-middle textarea::placeholder{font-size: 16px;color: #999999;}
.cmdlm-down{font-size: 16px;color: #999999;margin:10px 0 10px 0;}
.con-middle{margin:50px 0 45px 0;}
.cmdlm-top{margin:22px 0 18px 0;}
.cmdl-down{width: 380px;height: 50px;background: #01B277;font-weight: 500;font-size: 20px;color: #FFFFFF;transition: all .3s ease;}
.cmdl-down:hover{background: #019A67;color: #FFFFFF;}
.cmd-right{ width: 960px;height: 361px;background: #000000;margin:0 0 0 40px;}
.cmdrt-top{ height: 48px;background: #2D2D2D;align-items: center;justify-content: end;}
.cmdrt-top div{font-size: 16px;color: #9C9D9D;}
.cmdrt-copy,.cmdrt-downs{align-items: center; }
.cmdrt-downs{margin:0 17px 0 30px;}
.cmdrt-down{margin:23px 17px 0 30px;font-size: 18px;color:#FFFFFF;}
.cmdrt-down p:nth-child(1){color: #999999;}
.cmdrt-down p:nth-child(2) span:nth-child(1){color:#5F9FF2;}
.cmdrt-down p:nth-child(3) span:nth-child(1),.cmdrt-down p:nth-child(3) span:nth-child(3){color:#F474B6;}
.cmdrt-down p:nth-child(3) span:nth-child(2){color:#ECD144;}
.cmdrt-down p:nth-child(5){width: 220px;height: 35px;background: #5B7DA4;text-align: center;line-height: 30px;}
.cmdrt-down p:nth-child(2),.cmdrt-down p:nth-child(4){margin:16px 0;}
.cmdrt-down p:nth-child(4),.cmdrt-down p:nth-child(5){margin-left: 20px;}
.ctop-down{margin:35px 0 0 0;}


.trackcon{width: 493px; border: 1px solid #F3F3F3;flex-wrap: wrap;}
.trackcon:hover{background: #F3F3F3;}
.trackcon:nth-child(2){border-left: none;}
.trackcon:nth-child(3){border-right:none;border-top: none;}
.trackcon:nth-child(4){border-top: none;}
.track-list,.trackd{flex-wrap: wrap;}
.track-list{margin:23px 0 0 0;}
.tckcd{margin:25px 15px 20px 15px;align-items: center;}
.tckc-title{ font-weight: 500;font-size: 18px;color: #333333;line-height: 18px;align-items: center;white-space: nowrap;width:70px;transition: all .3s ease;}
.tckc-title:hover{color:#01B277;}
.tckc-list {display: grid;grid-template-columns: repeat(3, 110px);gap: 10px;margin:0 0 0 40px;}
.tckclta {display: block;width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #333333;transition: all .3s ease;}
.videotle{ font-size: 14px; color: #999999;margin:0 0 0 30px;font-weight: 400;}
.cdl-video{margin:45px 0 0 0;}
.vdconta img,.vdcon-top,.vdconta{width: 225px;height: 145px;cursor: pointer;}
.vdimg{position:absolute;left: 50%;width:42px;height: 42px;top: 50%;transform: translate(-50%, -50%);display:flex;transition: all .3s ease;}
.vdcon-top{position:relative;}
.vdtime{position: absolute;right:10px;bottom:10px;width: 42px;height: 20px;background: #000000;opacity: 0.5;color: #FFFFFF;font-weight: 500;}
.vdcondes{font-size: 16px;color: #333333;line-height: 22px;-webkit-line-clamp: 2;margin:15px 0 10px 0;transition: all .3s ease;}
.vdlt-con{width:225px;}
.vdcon-down a:hover { background: #ECFCF7;color:#01B277;}
.vdcon-down{justify-content: space-between;}
.vdcon-down a{font-size: 12px;color: #999999;background: #F6F6F6;padding:3px 8px;transition: all .3s ease;}
.vdcdon{font-size: 12px;color: #999999;}
.vdcdon span{color:#FFA200;font-weight: bold;}
.video-list{flex-wrap: wrap;justify-content: space-between;margin:25px 0 0 0;}








.swiper-button-next {right: 0;background-image: url(../image/icon4.png);width: 25px;height: 25px;background-size: contain;top:50%;}
.swiper-button-prev {background-image: url(../image/icon3.png);width: 25px;height: 25px; left: 0;background-size: contain;top:50%;}
.cmdrt-copy b{background:url(../image/icon20.png) no-repeat;width:18px;height:21px;background-size: contain;margin:0 5px 0 0 ;}
.cmdrt-downs b{background:url(../image/icon21.png) no-repeat;width:16px;;height:16px;background-size: contain;margin:0 5px 0 0 ;}
.trackcon:nth-child(1) .tckc-title b{background:url(../image/icon26.png) no-repeat;width:28px;height:28px;background-size: contain;margin:0 0 16px 0;}
.trackcon:nth-child(2) .tckc-title b{background:url(../image/icon27.png) no-repeat;width:26px;height:28px;background-size: contain;margin:0 0 16px 0;}
.trackcon:nth-child(3) .tckc-title b{background:url(../image/icon28.png) no-repeat;width:32px;height:29px;background-size: contain;margin:0 0 16px 0;}
.trackcon:nth-child(4) .tckc-title b{background:url(../image/icon29.png) no-repeat;width:32px;height:29px;background-size: contain;margin:0 0 16px 0;}