body,
html {overflow-x: hidden;}
div{box-sizing: border-box;}
a {text-decoration: none;cursor: pointer;color: #7f7f7f;}
ol,ul {list-style: none;padding: 0;margin: 0;}
.bigbox{margin-left: 200px; position: relative;background: #edf1f3;min-width: 1300px;}
.sonType_contanier{min-width: 1300px;width: 1300px;margin: 0 auto;height: 45px;}
.eyou_typename{float: left;margin: 0;font-size: 18px;margin-top: 15px;}
.sonType{float: left;margin-left: 25px;}
.sonType_item{color: #565656;font-size: 14px;display: inline-block;margin-right: 13px;margin-top: 13px;}
.sonType_item.active{color: #3E7C7C;position: relative;}
.sonType_item.active::after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 3px;
    background-color: #3E7C7C;
    border-radius: 10px;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.sonType_item .sonType_tag{background-color: #ff5722;color: #fff;font-size: 9px;border-radius: 4px;padding: 1px 4px;margin-top: 3px;margin-left: 2px;}
.sonType_item .sonType_icon{display: inline-block;width: 20px;height: 20px;overflow: hidden;margin-right: 5px;margin-left: 2px;}
.sonType_item .sonType_icon img {width: 100%;height: 100%;}
.sonType_icon ,.sonType_title ,.sonType_tag{float: left;}
.containerBox{margin-left: 200px;background-color: #fcfcfc;}
.leftRight{min-width: 1300px;width: 1300px;margin: 0 auto;padding-top: 15px;column-count: 2;column-gap: 15px;}
.title_,.title_type{padding: 5px 10px;background: #EDF1F3;}
.title_ .name{font-size: 16px;font-weight: bold;color: #333333;}
.title_ .more{color: #838383;float: right;}
.dot{display: inline-block;width: 5px;height: 5px;background: #D8D8D8;border-radius: 50%;margin: 0 7px 2px 10px;}
.list-box{border: 1px solid #949494;margin-bottom: 15px;background: #fff;width: 643px;break-inside: avoid;    border-radius: 5px;overflow: hidden;}
.list-box li{border-top: 1px solid #D8D8D8;padding: 5px 0px;cursor: pointer;}
.list-box li:hover{background-color: #ededed;color: #0081db;}
.update_time,.list-item-click,.list-item-down,.list-item-answer{font-size: 12px;float: right;color: #979797;padding-right: 10px;}
.list-item-click{font-size: 11px;padding-top: 3px;}
.list-item-down{color: #FF7700;}
.list-box .block{margin-left: 10px;padding-right: 2px;margin-right: 3px;display: inline-block;width: 13px;height: 16px;text-align: center;line-height: 16px;font-size: 12px;border-radius: 2px;}
.list_download ul li:nth-child(2) .block {background: #f64242;color: #fff;}
.list_download ul li:nth-child(3) .block {background: #ff7426;color: #fff;}
.list_download ul li:nth-child(4) .block {background: #ffac0c;color: #fff;}
.char{margin-left: 10px;display: inline-block;width: 15px;height: 15px;text-align: center; line-height: 15px;background-color: #FABF0D;border-radius: 50%;color: #fff;margin-right: 7px;}
.title_type{border-top: 1px solid #D8D8D8;}
.mySwiper .swiper-slide{text-align: center;width: 160px !important;overflow: hidden;height: 140px;}
.mySwiper{margin: 10px;--swiper-navigation-size: 10px; --swiper-theme-color: #ffffff;}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{padding: 16px;border-radius: 50%;background-color: #3e7c7c;}
.videobox_content img{width: 100%;height: 100px;}
#dowAttributelist{min-width: 1300px;width: 1300px;margin: 0 auto;max-height: 174px;padding-top: 5px;}
.briefly{text-align: left;}
@media screen and (max-width:1300px) {
    .containerBox{padding-left: 10px;}
    .sonType_contanier{padding-left: 10px;}
    .leftRight{column-gap: 0;}
    .list-box{width: 640px;}
}
.nolist{display: flex;justify-content: center;color: #198754;}