@charset "utf-8";
/**公共部分**/
*{margin:0px; padding:0px;}
/* @font-face {
    font-family: "FZZCHJW--GB1";
    src: url("./fonts/方正正粗黑简体.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica";
    src: url("./fonts/Helvetica.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "DIN";
    src: url("./fonts/DIN-Regular.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
} */
:root {
    --width330: (330 / 430);
    --width344: (344 / 430);
    --width360: (360 / 430);
    --width375: (375 / 430);
    --width390: (390 / 430);
    --width395: (395 / 430);
    --width412: (412 / 430);
    --width415: (415 / 430);
    --width516: (516 / 430);
    --width525: (525 / 430);
    --width540: (540 / 430);
    --width560: (560 / 430);
    --width750: (750 / 430);
  }
  html, body {width: 100%;max-width: 100%;overflow-x: hidden !important;overscroll-behavior-x: none;touch-action: pan-y;}
  /* body *, html * {max-width: 100% !important;} */
img{border:none; vertical-align:top;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
body{font:14px "PingFangSC, PingFang SC;"; max-width:768px; margin:auto; min-width:320px;}
address,cite,code,em,th{font-weight:normal; font-style:normal;}
.clear{clear:both;}
a{outline: none;text-decoration:none;color:#333333;}
.aBlack a,.aBlack{ color:#333333; text-decoration:none;}
.bBlack a,.bBlack{ color:#9C9C9C; text-decoration:none;}
.cBlack a,.cBlack{ color:#7F7F7F; text-decoration:none;}
.dBlack a,.dBlack{ color:#646566; text-decoration:none;}

.aWhite a,.aWhite{ color:#ffffff; text-decoration:none;}
.aRed a,.aRed{ color:#FD4029; text-decoration:none;}
.bodyBg{ background:#FFFFFF;overflow-x:hidden;}
.font12{font-size: 12px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font33{color: #333333;}
.font66{color: #666666;}
.font99{color: #999999 !important;}
.fontFF{color: #FFFFFF;}

.fontBold{font-weight: bold;}
.flexRow{display: flex;flex-direction: row;}
.flexcenter{align-items: center;justify-content: center;}
.flexCloumn,.flexColumn{display: flex;flex-direction: column;}
.aClass{cursor: pointer;text-decoration: none;color:#333333}
.aClass:hover{text-decoration: none;}
.overflowclass{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.overflowclassone{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}


body{font-family:"PingFang SC" ;margin:0 auto;overflow-x:hidden;}

.indexsw,.indexsw img{width: 100%;height:162px;border-radius: 8px;display:flex;overflow: hidden;}
.swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{width:100%;height:180px;}
.swiper-slide-active .indexsw{margin:0 10px;}
.indexsw{margin:0 auto;position: relative;}
.index_swiper .swiper-slide {transition: transform 0.3s ease, opacity 0.3s ease;transform: scale(0.99);transform-origin: center;}
.index_swiper .swiper-slide-active {transform: scale(1);opacity: 1;}
.index_swiper .swiper-slide-next,.index_swiper .swiper-slide-prev{margin-top: 2%;}
.index_swiper{position: relative;margin:20px 0;}
.index_swiper .swiper-slide {position: relative;display: flex;align-items: center;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
.index_swiper .swiper-pagination {position: absolute;bottom: 10px;left:19.3%;transform: translateX(-50%);z-index: 10;text-align: center;}
.index_swiper .swiper-pagination-bullet {width: 10px;height: 5px;background: #5C5C5C;border-radius: 3px;opacity: 1;}
.index_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #FFFFFF;opacity:1;}
.ltt-botd{position: absolute; font-size: 18px;color: #FFFFFF;line-height: 24px;height:90px; bottom: 0;margin:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);width: 100%;border-radius: 0 0 8px 8px;}
.ltt-botd p{-webkit-line-clamp:1;margin: 40px 15px 0 15px;}
.ltt-down{margin:20px 20px 0 20px;border-top: 3px solid #F7F7F7;}
.ltdlefta-down p:nth-child(1){font-size: 16px;color: #333333;line-height: 22px;-webkit-line-clamp: 1;margin:0 0 10px 0;}
.ltdlefta-down p:nth-child(2){font-size: 14px;color: #999999;line-height: 20px;-webkit-line-clamp: 1;}
.ltdlefta{margin:24px 0 0 0;}
.ltdlefta:first-child{margin:20px 0 0 0;}
.lttitle{justify-content: space-between;margin:0 0 19px 0;}
.title-more{font-size:14px;color:#999999;align-items: center;}
.title-left{font-size: 20px;color:#333333;font-weight: bold;align-items: center;}


.left-jxai .title-left b{width:26px;height:24px; background:url(../mobimages/icon303.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
.left-zt .title-left b{width:24px;height:24px; background:url(../mobimages/icon262.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
.left-ai .title-left b{width:25px;height:24px; background:url(../mobimages/icon263.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
.left-article .title-left b{width:25px;height:24px; background:url(../mobimages/icon264.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
.left-video .title-left b{width:27px;height:24px; background:url(../mobimages/icon265.png) no-repeat;background-size: contain;margin:0 10px 0 0;}

.hours-read .title-left b{width:25px;height:23px; background:url(../mobimages/icon266.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
.tech-news .title-left b{width:24px;height:24px; background:url(../mobimages/icon267.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
.quality-courses .title-left b{width:26px;height:24px; background:url(../mobimages/icon269.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
.hot-down .title-left b{width:26px;height:24px; background:url(../mobimages/icon275.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
.codedl .title-left b{width:26px;height:26px;background:url(../mobimages/icon276.png) no-repeat; background-size: contain;margin:0 10px 0 0;}



/* .title-left .pfjt{font-family:"PingFang SC";line-height: 23px;font-weight:bold;}
.title-left .eng{font-family: Helvetica;font-size: 14px;color: #DCDCDC;line-height: 20px;text-align: left;margin:5px 0 0 6px;} */
/* .title-left p:nth-child(1){color:#D22222;    display: flex;flex-direction: column;align-items: center;}
.title-left p:nth-child(1) b{width:100%;height: 2px;background: #D22222;border-radius: 2px;} */

.zttab-top.check ~ .zttab-ul{display: none;}
.zttab-top.check .zttabtdDes{display:block;}
.zttabtdDes{display:none;font-size: 16px;color: #FCFCFC;line-height: 22px;margin:14px 20px 20px 20px;opacity: 0;}
.zttabtdDes a{-webkit-line-clamp:9;color:#FFFFFF;font-size:14px;}

.zttab-top{width: 100%;height:120px;  position: relative;border-radius: 8px 8px 0px 0px;}
.left-zt,.list-downs{margin:32px 20px 0 20px;}
.left-video{margin:40px 20px 0 20px;}
.left-ai{margin:60px 20px 0 20px;}
.left-article{margin:40px 20px 0 20px;}
.zttab-top.check::before {opacity: 1;}
.zttab{width: 270px;min-width: 270px;height:auto;background: #FFFFFF;border: 1px solid #F3F3F3 ;border-radius: 5px;position: relative;flex-shrink:0;}
.zttab-ul li:last-child a{margin: 0;border-bottom: none;}
.zttab:nth-child(2){margin:0 20px;}
.zttab-ul{margin:0 16px 20px 16px;}
.zttabtd{width:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);display: flex;align-items: center;position:absolute;bottom:0;}
.zttabtd p:nth-child(1){ font-size: 16px;color: #FFFFFF;line-height: 25px;margin:20px 20px 10px 20px;-webkit-line-clamp:1;}
.zttabtd p:nth-child(2){font-size:16px;line-height:25px;color: #FFFFFF;margin:0 20px;-webkit-line-clamp:2;}
.zttab-ul{font-size: 16px;color: #000000;line-height: 20px;}
.zttaba{-webkit-line-clamp: 1;margin:20px 0;white-space: nowrap;width:auto;height:20px;transition:all .3s ease;}
/* .zttaba:hover{color:#D22222;background:#FFF5F5;} */
.ltzt-tabs{overflow: auto;width: auto;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding:0 1px 1px 1px;}
.ltzt-tabs::-webkit-scrollbar,.btabdiv2 ul::-webkit-scrollbar {display: none; }
.ltzt-tabs,.btabdiv2 ul {-ms-overflow-style: none; scrollbar-width: none; }

.aibtnimg{width: 72px;height: 72px;border-radius: 15px;    border: 2px solid #f3f3f3;}
.aibtn-right{width: 100%;}
.aibtn-right p:nth-child(1){ font-size: 16px;color: #000000;line-height: 18px;margin:16px 0 0 0;-webkit-line-clamp: 1;white-space: nowrap;text-align: center;}
/* .aibtn-right p:nth-child(2){font-size: 16px;color: #6E6E6E;line-height: 22px;-webkit-line-clamp: 1;margin:0 6px 0 0;} */
.aibtns{width:19%; border-radius: 8px;align-items: center;transition:all .3s ease;margin:0 8% 20px 0;}
.aibtns:nth-child(4n) {margin-right: 0;}
.aibtns:nth-last-child(-n+4) {margin-bottom: 0;}
.aitabs{width:100%;overflow:hidden;height: 40px;background: #F8F8F8;border-radius: 5px 5px 5px 5px;display: flex;align-items: center;margin:0 0 22px 0;overflow-x: auto;scrollbar-width: none;}
.aitabs::-webkit-scrollbar {display: none;}
.aitaba{white-space: nowrap;font-size: 14px;color: #333333;height: 100%;position: relative;margin:0 15px 0 0;font-weight: 600;  }

.aitaba.check{color:#F13536; display: flex;flex-direction: column;}
.aitaba.check b{height:3px;width: 100%;background: #F13536;    position: absolute;bottom: 0;}
.aitaba span{display: flex;height: 100%;align-items: center;}
.aitaba:nth-of-type(1){margin:0 15px 0 10px;}
.aitaba:last-of-type(){margin:0 10px 0 0;}


.aidcons{flex-wrap: wrap;display:none;}
.aidcons.check{display:flex;}
.aislide{flex-wrap: wrap;}
.aiswiper{overflow:hidden;}
.aiswiper-pagintaion{margin: 5px auto 0 auto;width:100%;}
.hours-read .swiper-pagination,.tech-news .swiper-pagination,.left-jxai .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:5px;}
.swiper-pagination{width:90%;margin-top: 5px;}
.swiper-pagination-bullet{display: inline-block;width: 50px;height:3px;border-radius: 2px;background: #F3F3F5;margin: 0 18px 0 0;opacity:1;}
.swiper-pagination-bullet-active{background: #C6C6D3;}
.hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet,
.left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet{width: 15px;height: 5px;background: #D9D9D9;border-radius: 3px;margin:0 6px 0 0;}
.hours-read .swiper-pagination-bullet-active,.tech-news .swiper-pagination-bullet-active,.quality-courses .swiper-pagination-bullet-active,
.hot-down .swiper-pagination-bullet-active,.left-jxai .swiper-pagination-bullet-active ,.artLists .swiper-pagination-bullet-active,.ztxgzt .swiper-pagination-bullet-active,.xgzt.aiLists .swiper-pagination-bullet-active,
.aifree .swiper-pagination-bullet-active,.jxaigj .swiper-pagination-bullet-active{background:#6B6B6B;}
.coursesswiper-pagination,.hotswiper-pagination{margin:10px 0 0 0;}
.artleftp{width: 10px;height: 10px;background: #CCCCCC;border-radius: 2px;margin:6px 6px 0 0;transition:all .3s ease;}
.artleft:hover .artleftp{background: #D22222;}
.artleft{width:100%;border-bottom: 1px solid #EDEDED;margin:0 0 15px 0;}
.artleft-down .aldatitle{display: flex;align-items: center;;font-size: 16px;line-height: 22px;transition:all .3s ease;position: relative;color:#333333;}
.artleft-down .aldadesc{-webkit-line-clamp: 1;margin:10px 0;color: #999999;font-size:14px;}
.artleft-down .aldatitle b{flex-shrink: 0;}
.artleft-down .aldatitle p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.artleft-tab a{max-width: 100px;height: 25px;background: #F8F8F8;border-radius: 5px;padding:0 6px; margin:0 10px 0 0;transition:all .3s ease;
    line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;font-size:12px;color:#999999;
}
.artleft-tab{padding:0 0 15px 0;}
.art-con{justify-content: space-between;}
.artleft-down{width:100%}
.video-tab{width:47%;height:auto;background: #FFFFFF; border: 1px solid #F3F3F3;border-radius:5px;position: relative;transition:all .3s ease;margin:0 0 20px 0;}
.video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
.vtabimg{transition: transform 0.4s ease;}
.vtaba{overflow:hidden;}
.vtdown dt a{color:#333333;transition:all .3s ease;word-break: break-all;}
.vtaba,.vtabimg{width:100%;height:110px;border-radius: 5px 5px 0px 0px;}
.vtdown dt {height: 44px;overflow: hidden;font-size: 16px;color: #333333;line-height: 22px; margin:12px 15px 0 15px;}
.vtdown dt .bg1{font-size: 12px;color: #2C83F7;line-height: 12px;background: #DCE5FA;}
.vtdown dt .bg2 {font-size: 12px;color: #FB3A2C;line-height: 12px;background: #FBE3DC;}
.vtdown dt .bg3 {font-size: 12px;color: #F9662C;line-height: 12px;background: #FBF1DD;}
.vtdown dt i {font-size: 12px;line-height: 12px;width: 32px;height: 16px;border-radius: 2px;font-style: normal;padding: 2px 2px;font-weight: 400;}
.vtdown dd {justify-content: space-between;color:#93999F;margin:18px 14px 14px 14px;;font-size: 12px;}
.vtdown dd em a {display: flex;align-items: center;color:#8E8E8E;transition:all .3s ease;}
.vtdown dd em a.courseICollectioned{color:#D22222;}
.shoucang a {color: #BB1114;}
.vtaba-free{position:absolute;width: 45px;height: 20px;background: rgba(0, 0, 0, 0.5);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);border-radius: 5px 0px 5px 0px;
    font-weight: bold;font-size: 14px;color: #FFFFFF;line-height: 12px;    display: flex;align-items: center;justify-content: center;z-index:2;
}
.video-list{flex-wrap:wrap;justify-content: space-between;}
.allAlist .taballsdown {
    background:#F13536;border-bottom-style: none;display: flex;
    height: 50px;align-items: center;justify-content: space-between;padding: 0;
}
.taballdd{display:flex;justify-content: space-between;}
.tabLi {width:auto;display:flex !important;align-items: center;height: 44px;position: relative;color: #FFFFFF;}
.taballsdown .alllistdiv {font-size: 18px;line-height: 25px;z-index: 2;margin-top:8px;height: 43px;border-radius: 5px 5px 0px 0px;padding: 0 10px;}
.taballsdown .alllistdiv span{z-index: 2;white-space: nowrap;}
.taballsdown .alllistdiv:nth-child(1){margin-left: 20px;}
.alllistdiv.check{font-weight: bold;font-size: 20px;color: #F13536;line-height: 25px;}

.tabLi.check  {background-color: #FFFFFF;display: block;}
.tabLi img {width:78px;height:45px;display: none;}
.btabdiv2{display:none;height: 100%;align-items: center;}
.btabdiv2.check{display:flex;}
.tabA2.mores b{background:url(../mobimages/icon199.png) no-repeat;width:20px;height:4px;background-size: contain;}
.tabA2.mores{height: 100%;display:flex;align-items: center;margin:0 16px 0 0;}
.layui-tab{margin:0 !important;}
.layui-tab-content{padding:0 !important;}
.blackTab2{margin:20px 0 0 20px;}
.btdiv2{height:100%;}
.blackTab2 .btabdiv2 .tabA2{font-size: 14px;color:#333333;line-height: 22px;word-break: keep-all;margin:0 8px;white-space: nowrap;}
.blackTab2 .btabdiv2 .tabA2.check{color:#D22222;}
.btabdiv2 ul{justify-content:left;width: 100%;overflow:auto;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.btabdiv2 ul li{height: 30px;background: #F8F8F8;border-radius:5px;border: 1px solid #E7E7E7;line-height: 30px;margin:0 12px 0 0;}
.allAlist{margin:40px 0 0 0;}
.layui-tab-items{margin:20px 20px 0 20px;display:none;}
.layui-tab-items.check{display:flex;}
.cldA,.cldaimg{width: 140px;height: 86px;border-radius: 5px;}
.cldA{margin:0 15px 0 0;}
.clDiv{padding:0 0 20px 0;margin:0 0 20px 0;border-bottom: 1px solid #F4F4F4;}
/* .conList > div.clDiv:last-of-type{border-bottom:none;padding:0;} */
.clDiv dt a:hover{color: #D22222;}
.clDiv dt a{color:#333333;transition:all .3s ease;font-size: 16px;line-height: 24px;}
.clDiv dt {height:45px;overflow: hidden;font-size: 16px;color: #333333;line-height: 24px;}
.clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child){font-size: 12px;line-height: 12px; font-style: normal;padding: 4px 6px;color:#999999;width: 46px;height: 20px;background: #F8F8F8;border-radius: 5px;}
.clddTime,.cldddLabels{display:flex;align-items: center;}
.clddTime{color: #999999;line-height: 12px;font-size: 12px;}
.cldddLabels a{font-size: 12px;color: #999999;line-height: 21px;height: 21px;padding:0 5px;background: #F8F9FB;border-radius: 5px;margin:0 0 0 5px;  
    max-width: 100%;word-break: keep-all;white-space: nowrap;overflow: hidden;
}
.cldddLabels {display: flex;flex-wrap: nowrap;width: 150px;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;flex-shrink: 0;}
.cldddLabels::-webkit-scrollbar {width: 0;height: 0;display: none;}
.cldddLabels {scrollbar-width: none;}
.cldddLabels {-ms-overflow-style: none;}
.cldddLabels a{flex-shrink: 0;}
.clddTitle{justify-content: space-between;}
.cldddLabels{margin:0 0 0 10px;}
.clDivmore{height: 35px;background: #F8F8F8;border-radius: 5px;font-size: 16px;color: #999999;line-height: 22px;}
.clDivmore b{width:18px;height:18px; background:url(../mobimages/icon270.png) no-repeat;background-size: contain;margin:0 0 0 5px;}
.hours-read,.tech-news{margin:40px 0 0 0;}
.hours-read{margin-bottom: 60px;}
.quality-courses,.hot-down,.codedl{margin:60px 0 0 0;}
/* .hot-down .swiper-wrapper{overflow-x: hidden;} */
.readswiper,.coursesswiper,.hotswiper,.technewswiper{overflow: hidden;}
.hours-read .swiper-slide .hoursided .hournum p{padding:4px 0 0 7px;}
.hours-read .swiper-slide .hoursided .hournum{flex-shrink: 0;}
.hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:26px;height:28px;  background:url(../mobimages/icon271.png) no-repeat;background-size: contain;}
.hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:26px;height:28px;  background:url(../mobimages/icon272.png) no-repeat;background-size: contain;}
.hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:26px;height:28px;  background:url(../mobimages/icon273.png) no-repeat;background-size: contain;}
.hours-read .swiper-slide .hoursided .hournum{width:26px;height:28px;background:url(../mobimages/icon274.png) no-repeat;background-size: contain;}
.hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left: 3px;}
/* .tech-news .techlide{width:390px !important;} */

.hournum{font-size: 18px;color: #FFFFFF;margin:0 12px 0 0;}
.hourcon{font-size: 16px;color: #333333;line-height: 26px;-webkit-line-clamp:1;white-space: nowrap;}
.hoursided{margin:0 0 14px 0;align-items: center;}
.hoursided:nth-child(5){margin:0;}
.advertisement{border-radius: 5px;display: flex;margin: 68px 0 0 0;}
.advertisement img{width: 391px;height: 332px;border-radius: 5px;}
.techblack{width: 6px;height: 6px;background: #CCCCCC;margin:10px 10px 0 0;flex-shrink: 0;}
.techcon{font-size: 16px;color: #333333;line-height: 24px;-webkit-line-clamp:2;}
.techsided{margin:0 0 20px 0;}
.techsided:nth-child(3){margin:0;}
.courses-left,.courses-left img{width: 140px;height: 86px;border-radius: 5px;flex-shrink: 0;}
.courses-left{margin:0 14px 0 0;}
.coursecon{font-size: 16px;color: #333333;line-height: 26px;-webkit-line-clamp:2;}
.course-down{font-size: 12px;color: #999999;line-height: 22px;align-items: center;}
.course-right{justify-content: space-between;}
.course-down b {width:1px;height: 13px;background:#999999;margin: 0 4px; }
.coursessided{margin:0 0 20px 0;}
.coursessided:last-child{margin:0;}
.hot-left,.hot-left img{width: 140px;height: 86px;border-radius: 5px;flex-shrink: 0;}
.hot-left{margin:0 14px 0 0;}
.hotra{font-size: 16px;color: #333333;line-height: 26px;-webkit-line-clamp:2;word-break: break-all;white-space:normal;}
.codelistBg .hotra{-webkit-line-clamp:1;white-space:nowrap;}
.hotrp{-webkit-line-clamp: 1;}
.hotrdown{width: 58px;height: 25px;background: #F8F8F8;border-radius: 5px;font-size: 14px;color: #999999;line-height: 20px;-webkit-line-clamp:1;}
.hot-right{justify-content: space-between;width: auto;overflow: hidden;}
.hotsided{margin:0 0 20px 0;}
.hotsided:last-child{margin:0;}
.ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{display:flex;align-items: center;margin:0 15px;}
.ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size: 12px;color: #999999;line-height: 18px;}
.ztLists .cldddht,.artLists .cldddht,.aiLists .cldddht{display:flex;align-items:center;}
.ztLists .clddTitle,.artLists .clddTitle{font-size: 16px;color: #333333;line-height: 24px;-webkit-line-clamp:2;}
.ztLists .clddiv,.artLists .clddiv{justify-content:space-between;}
.aitabtopa,.aitabtopa img{width: 72px;height: 72px;border-radius: 15px;}
.aitab{width:100%;height: auto; margin: 16px  0 0 0;}
.aitab:nth-child(1){margin:0;}
.aitab:last-child{margin-bottom:16px;}
.aitab-down{margin:0 0 0 15px;border-bottom: 1px solid #F3F3F3;padding-bottom: 15px;width:100%;}
.aitaball{flex-wrap: wrap;}
.aitabdowna{ font-size: 16px;color: #333333;line-height: 16px;-webkit-line-clamp:1;word-break: break-all;}
.aitabdowntime{font-size: 14px;color: #999999;line-height: 20px;margin:6px 0;}
.aitabdta{width:auto;height: 21px;background: #F8F8F8;border-radius: 5px;border: 1px solid #E4E4E4;-webkit-line-clamp:1;line-height: 21px;text-align:center;margin:0 10px 0 0; font-size:12px;color:#999999;padding:0 7px;}
.aitabdta:last-child{margin:0;}
.aitabdowntab{width: auto;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.laytabStyall{flex-wrap: wrap;}
.study-all{width:100%;}
.study-all .video-tab{margin:0 0 20px 0;}
.study-all .video-tab:nth-child(2n+1){margin:0 16px 20px 0;}
.dlodiva,.dlodiva img{width: 100%;height: 110px;border-radius: 5px 5px 0px 0px;}
.downlOne{flex-wrap:wrap;}
.down-all{width:100%;}
.dtliallda,.dtliallda img {width: 70px;height: 70px;border-radius: 15px;}
.downlTwo{margin:20px 0 0 0;overflow:hidden;}
.downlTwo ul,.downlThree,.downlFive{flex-wrap: wrap;}
.dloDiv{width: 47%;background: #FFFFFF;border:1px solid #F3F3F3;border-radius: 5px;margin:0 0 20px 0;}
.dloDiv:nth-child(2n+1){margin:0 16px 16px 0;}
.dlodTitle i {height: 18px;padding:2px 4px;white-space: nowrap;background: #FBE3DC;border-radius: 2px; 
    font-size: 12px;color: #FB3A2C;line-height: 16px;font-style: normal;
}
.dlodTitle i.tj{background:#DCE5FA;color:#2C83F7;}
.dlodTitle i.zx{background:#FBE3DC;color:#FB3A2C;}
.dlodTitle a {font-size: 16px;color: #000000;line-height: 24px;-webkit-line-clamp:2;margin: 0 0 0 6px;transition: all .3s ease;}
.dlodType,.dlodTime{align-items: center;white-space: nowrap;}
.dlodType span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;width:80%;-webkit-line-clamp: 1;}
.dldowndes{justify-content:space-between;margin:0 10px 10px 10px;}
.dlodTitle{height: 48px;overflow:hidden;margin:15px 20px 10px 13px;}
.downmoney{margin:0 13px 12px 13px;color:#333333;}
.downmoney span:nth-child(1){font-size: 18px;font-weight: 500;}
.downmoney span:nth-child(2){font-size: 12px;font-weight: 500;}
.dlodType,.dlodTime,.dlodType a{font-size: 12px;color: #999999;line-height: 12px;align-items: center;}
.dtliAlld{width:100%;height:auto;border-radius: 4px;margin:0 0 13px 0;}
.dtliAlld:last-child(){margin:0 0 16px 0;}
.dtliallda{margin:0 16px 0 0;}
.dtlTitle{ justify-content:space-between;border-bottom:1px solid #F3F3F3;padding-bottom: 15px;height: 70px;width:100%;}
.dtlTitle a:nth-child(1){ font-size: 16px;color: #000000;line-height: 22px;-webkit-line-clamp:1;}
.dtlTitle a:nth-child(2){color:#999999;line-height: 18px;-webkit-line-clamp:1; word-break: break-all;}
.dtlDown{font-size: 12px;color: #999999;}
.dtlDowno b{width:18px;height:18px; background: url(../mobimages/icon258.png) no-repeat; background-size: contain;margin-right: 5px;}
.dtlDownt b{width:18px;height:18px; background: url(../mobimages/icon251.png) no-repeat; background-size: contain;margin-right: 5px;}
.dtlDowno{margin:0 16px 0 0;}

.downltwo-all{width:auto;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.downtwolist{flex:0 0 auto;width:100%;}
.downtwolist:nth-child(2){margin:0 16px;}
.dlfor{width: 47%;height:auto;background: #FFFFFF;box-shadow: 0px 0px 1px 1px #F9F9F9;border-radius: 8px;margin:0 20px 20px 0;}
.dlfor:nth-child(2n+2){margin:0 0 20px 0;}
.dlfrTitle{margin:10px 0;}
.dlfrTitle a{font-weight: bold;font-size: 16px;color: #000000;line-height: 24px;-webkit-line-clamp:2;height:48px;word-break: break-all;}
.dlfrToptitle{-webkit-line-clamp: 2;font-size: 16px;color: #0D0D0D;line-height: 24px;height: 49px;}
.dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child) {font-size: 12px;height: 21px;background: #F3F3F3;border-radius:2px;color: #999999;padding:2px 4px;font-style: normal;}
.dlftTimes,.dlfrDownload,.dlfrWatch{align-items: center; color: #999999;line-height: 18px;font-size:12px;}
.dlfrWatch{margin-right: 12px;}
.dlfrTop{justify-content: space-between;}
.dlfrDown{margin:15px 13px 14px 13px;}
.dlfrDowns{margin-top: 12px;}
.downlFour {flex-wrap: wrap;margin: 20px 0 0 0;}    

.scothdWatch{margin:0 17px;}
.scodotherd {width:100%;height:auto;border-radius: 5px;margin: 0 0 20px 0;outline: 1px solid #F3F3F3;}
.scothds {margin: 12px 13px;}
.scothdsd{ display: flex;}
.scothtop {font-size: 16px;color: #333333;height: 28px;overflow: hidden;flex-shrink: 0;display: flex;align-items: center;padding: 0 1px 0 1px;}
.scothtop dt {display: inline-flex;}
.scothtop dt span,.scothdsd a:nth-child(1) {max-width: 80%;display: inline-block;height: 20px;line-height: 26px;}
.scothtop dt i,.scothdsd a:nth-child(2) i {display: inline-block;max-width: 65px;max-height: 26px;overflow: hidden;flex-shrink: 0;background: #F8F8F8;border-radius: 3px;
    outline: 1px solid #E8E8E8;font-size: 12px;color: #999999;font-style: normal;padding: 0 6px 0 8px;line-height: 26px;transition: all .3s ease;
}
.scothmiddle {font-size: 14px;color: #999999;margin: 10px 0 14px 0;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.scothdown {font-size: 12px;color: #999999;}
.scothdown div{align-items: center;}
.scothdTime b {width: 14px;height: 15px;background: url(../mobimages/icon251.png) no-repeat;margin: 0 4px 0 0;background-size: contain;}
.scothdWatch b {width: 18px;height: 12px;background: url(../mobimages/icon252.png) no-repeat;margin: 0 4px 0 0;background-size: contain;}
.scothdDownload b {width: 16px;height: 16px;background: url(../mobimages/icon258.png) no-repeat;margin: 0 4px 0 0;background-size: contain;}



.downlThree,.downlFive{margin:20px 0 0 0;}
.dtlImg{width: 80px;height: 80px;border-radius: 4px; }
.coderTitle{ font-size: 16px;color: #000000;line-height: 16px;-webkit-line-clamp:1;}
.coderDes{color: #999999;line-height: 22px;-webkit-line-clamp:1;margin:12px 0 10px 0;font-size:14px;}

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


.codeconA{width:100%;}
.codeconAd{width:100%;height:auto;background: #FFFFFF;border-radius: 5px;margin:0 0 15px 0;}
.codeconAd .dtlImg{margin:0  18px 0 0;border-radius: 15px;}
.codecRight{margin: 0;overflow: hidden;border-bottom:1px solid #F3F3F3;padding-bottom: 15px;width:100%;}


.hddtabssecall{overflow: auto;width:100%;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;}


.dlfrDownload b{width:14px;height:15px;background: url(../mobimages/icon251.png) no-repeat;background-size:contain;margin:0 2px 0 0 ;}
.dlfrWatch b{width:16px;height:16px;background: url(../mobimages/icon258.png) no-repeat;background-size:contain;margin:0 2px 0 0 ;}
.dlftTimes b{width:14px;height:14px;background: url(../mobimages/icon200.png) no-repeat;background-size:contain;margin:0 2px 0 0 ;}
.dlodType b{width:15px;height:15px;background: url(../mobimages/icon203.png) no-repeat;background-size:contain;margin:0 3px 0 0 ;flex-shrink: 0;}
.dlodTime b{width:14px;height:15px;background: url(../mobimages/icon251.png) no-repeat;background-size:contain;margin:0 3px 0 0 ;}
.ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:17px;height:12px;background: url(../mobimages/icon242.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
.ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:14px;height:14px;background: url(../mobimages/icon241.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
.cldddLabels b{width:14px;height:14px;background: url(../mobimages/icon201.png) no-repeat;background-size:contain;}
.clddTime b{width:14px;height:15px;background: url(../mobimages/icon251.png) no-repeat;background-size:contain;margin:0 3px 0 0;}
.artleft-down .aldatitle b{width:14px;height:16px;background: url(../mobimages/icon197.png) no-repeat;background-size:contain;margin:0 10px 0 0;display: inline-block;vertical-align: text-top;}
.vtdown dd em.shoucang a b {width: 18px;height: 18px;background: url(../mobimages/icon196.png) no-repeat;background-size: contain;}
.vtdown dd em a b {width: 14px;height: 15px;background: url(../mobimages/icon195.png) no-repeat; margin: 0 4px 0 0;transition:all .3s ease;background-size: contain;}
.vtdown dd em a.courseICollectioned b{width: 14px;height: 15px;background: url(../mobimages/icon196.png) no-repeat; margin: 0 4px 0 0;transition:all .3s ease;background-size: contain;}
/* .zttabmiddle .zttab-top{background:url(../mobimages/icon164.png) no-repeat center/cover;position: relative;display: block;width: 100%;height: 120px; transition: all .3s ease;border-radius: 8px 8px 0px 0px;}
.zttabmiddle .zttab-top.check{height:100%;background: url(../mobimages/icon193.png) no-repeat  center/cover;border-radius: 8px 8px 0px 0px;} */
.zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: 150px;transition: all .3s ease;border-radius: 5px 5px 0px 0px;display: flex;align-items: end;}
.zttab-top img{width:100%;height: 150px;border-radius:5px 5px 0 0;background-size: contain;}
/* .zttableft .zttab-top.check{height:100%;background: url(../mobimages/icon192.png) no-repeat  center/cover;} */
/* .zttabright .zttab-top{background:url(../mobimages/icon165.png) no-repeat center/cover;position: relative;display: block;width: 100%;height: 120px; transition: all .3s ease;border-radius: 8px 8px 0px 0px;}
.zttabright .zttab-top.check{height:100%;background: url(../mobimages/icon194.png) no-repeat  center/cover;} */
.title-more b {position: relative;display: inline-block;width: 6px;height:10px;background: url(../mobimages/icon261.png) no-repeat center / cover;margin:0 0 0 4px;background-size: contain;}
/* .title-more b::after {content: "";position: absolute;inset: 0;background: url(../mobimages/icon157.png) no-repeat center / cover;opacity: 0;transition: opacity 0.3s ease;} */



.nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;}
.nphpFootBg {width: 100%;height: 55px;background: #F7F7F7;box-shadow: 0px -4px 24px 0px rgba(0, 0, 0, 0.05);}
.nphpFootMenu {width: 100%;}
.nphpFootMenu li {float: left;width: 20%;}
.nphpFootMenu li a {display: block;text-decoration: none;text-align: center;}
.nphpFootMenu li a b.icon1 {background-position: 0px -170px;}
.nphpFootMenu li a b.icon2 {background-position: -30px -170px;}
.nphpFootMenu li a.hover b.icon3 {background-position: -210px -170px;}
.nphpFootMenu li a b.icon4 {background-position: -90px -170px;}
.nphpFootMenu li a b.icon5 {background-position: -120px -170px;}
.nphpFootMenu li a b {display: block;width: 25px;height: 25px;background: url(../mobimages/mnewphpbg1.png) no-repeat;
    background-size: 400px 400px;margin: auto;margin-top: 5px;
}
.nphpFootMenu li a p {color: #9C9C9C;margin-top: 3px;}


.rgdlds{justify-content: space-between;align-items: center;margin:0 0 20px 0;}
.rgdlds:last-child{margin:0;}
.rgdld-left{align-items: center;}
.rgdllefa {width: 75px;height: 75px;border-radius: 50%;background: #e4e4e4;align-items: center;display: flex;justify-content: center;margin:0 16px 0 0;}
.rgdllefimg {width: 65px;height: 65px;border-radius: 50%;}
.ridldrri{width: 200px;}
.ridldrri a{font-size: 16px;color: #333333;margin:0 0 15px 0;-webkit-line-clamp: 1;}
.ridldrri p{font-size: 14px;color: #999999;-webkit-line-clamp: 1;}
.rgdllook{ width: 50px;height: 25px;background: #F8F8F8;border-radius: 3px;font-size: 14px;color: #999999;line-height: 26px;text-align: center;}
.webmidtabs{overflow: auto;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.webmidtabs{margin:0 20px;}
.webmidtabs::-webkit-scrollbar {
    display: none; 
}
.webmidtabs {
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}
.mdidtabd{margin-right: 31px;}
.mdidtabd:nth-last-child(1){margin-right: 0;}
.mdidtabd img{width:46px;height:46px;}
.mdidtabd span{white-space: nowrap;font-size: 14px;color: #333333;margin-top: 10px;}
.mdidtabd a{align-items: center;}

.navswiperList.hddtabssecall{display:none;}

.sechcon{margin:20px 0 0 0;}
.search-layer {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0px;top: 0px;z-index: 12;display:none;}
.search-layerbg {width: 100%;height:auto;min-height: 235px; right: 0px;position: absolute;background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(74,74,74,0.5);}
.sechtitle b{width: 18px;height: 18px;background: url(../mobimages/icon297.png) no-repeat ;cursor: pointer;background-size: contain;}
.sechtitle{justify-content: end;}
.schbg{margin:20px;}
.sechconlogoa{margin:0 auto 20px auto;width:159px;height: 41px;}
.sechcon .sechconlogoa img{width:159px;height: 41px;}
.serchd{width:100%;height: 35px;background:#FFFFFF;border-radius:5px;border: 1px solid #333333;margin:0 0 23px 0;}
.serchd input{width:100%;border: none;margin:0 10px;font-size: 14px;color: #A9A6A6;}
.serchp{width:25px;height: 25px;background:url(../mobimages/icon298.png) no-repeat;background-size: contain;margin:0 11px 0 0;flex-shrink: 0;}
.serchd input::placeholder {color: #A9A6A6;}
.topbtna{height:25px;background: #F3F3F3;border-radius: 5px;font-size: 14px;color:#999999;padding: 0 8px 0 7px;align-items: center;margin: 0 10px 10px 0;}
.top-btn{flex-wrap: wrap;height: 30px;overflow:hidden;}
.left-jxai{margin:40px 20px 0 20px;overflow: hidden;}
.jxailide{align-items: flex-start;flex-wrap: wrap;overflow-x: hidden;}
.jxaida{align-items: center;margin:0 8% 20px 0;width:19%;}
.jxaida:nth-child(4n+4){margin-right: 0;}
.jxaida:nth-last-child(-n + 4){margin-bottom: 0;}
.jxaida img{width: 73px;height: 73px;border-radius:15px;margin:0 0 15px 0;border:2px solid #f3f3f3;}
.jxaida p{font-size: 16px;color: #000000;-webkit-line-clamp: 1;}


.adbox{display: block;width: calc(100% - 32px);aspect-ratio: 432 / 185; height: auto;background-image: url(../mobimages/adbg.png);background-size: 100% 100%;
    margin:-4px auto -10px auto;position: relative;display: flex;flex-direction: column;justify-content: center;gap: 10px;align-items: flex-start; 
}
.ad_jiaobiao{position: absolute;top: 0;left: 0;font-size: 12px;color: #FFFFFF;line-height: 17px;padding: 2px 4px;background-color: rgba(216,216,216,0.5);border-radius: 8px 0px 0px 0px;}
.adbox button {width: 20px;height: 20px;position: absolute;border: none;top:0;right: 0;
    background-color: rgba(216,216,216,0.5);cursor: pointer;border-radius: 0px 8px 0px 0px;
}
.adbox button img{width: 10px;height: 10px;}
.ad_title{font-family: 'adfont', Arial, sans-serif;font-size: 42px;color: #FFFFFF;line-height: 48px;padding-left: 17px;}
.ad_describe{font-size: 12px;color: #FFFFFF;line-height: 17px;padding-left: 17px;}
.ad_down{display: block;width: auto;font-size: 12px;color: #ED836F;line-height: 17px;padding: 4px 11px;background: #FBFF87;border-radius: 8px;margin-left: 17px;}





@media screen and (max-width: 751px) {
  
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{ height:calc(var(--width750) * 180px);}
    .indexsw,.indexsw img{width: calc(var(--width750) * 350px);height: calc(var(--width750) * 162px);border-radius: calc(var(--width750) * 8px);}
    .index_swiper{margin:calc(var(--width750) * 20px) 0;}
    .index_swiper .swiper-pagination {bottom: calc(var(--width750) * 10px);left:17.6%;}
    .index_swiper .swiper-pagination-bullet {width: calc(var(--width750) * 10px);height: 5px;}
    .ltt-botd{font-size: calc(var(--width750) * 18px);line-height: calc(var(--width750) * 24px);height:calc(var(--width750) * 90px);border-radius: 0 0 calc(var(--width750) * 8px) calc(var(--width750) * 8px);}
    .ltt-botd p{ margin: calc(var(--width750) * 40px) calc(var(--width750) * 15px) 0 calc(var(--width750) * 15px);}
    .ltt-down{margin:calc(var(--width750) * 20px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px); }
    .ltdlefta-down p:nth-child(1){font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 22px);margin:0 0 calc(var(--width750) * 10px) 0;}
    .ltdlefta-down p:nth-child(2){font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 20px);}
    .ltdlefta{margin:calc(var(--width750) * 24px) 0 0 0;}
    .ltdlefta:first-child{margin:calc(var(--width750) * 20px) 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 calc(var(--width750) * 19px) 0;}
    .title-more{font-size:calc(var(--width750) * 14px);}
    .title-left{font-size: calc(var(--width750) * 20px); }
    .left-jxai .title-left b{width:calc(var(--width750) * 26px);height:calc(var(--width750) * 24px); background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}

    .left-zt .title-left b{width:calc(var(--width750) * 24px);height:calc(var(--width750) * 24px); background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}
    .left-ai .title-left b{width:calc(var(--width750) * 25px);height:calc(var(--width750) * 24px);  background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}
    .left-article .title-left b{width:calc(var(--width750) * 25px);height:calc(var(--width750) * 24px); background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}
    .left-video .title-left b{width:calc(var(--width750) * 27px);height:calc(var(--width750) * 24px); background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}
    .hours-read .title-left b{width:calc(var(--width750) * 25px);height:calc(var(--width750) * 23px); background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}
    .tech-news .title-left b{width:calc(var(--width750) * 24px);height:calc(var(--width750) * 24px); background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}
    .quality-courses .title-left b{width:calc(var(--width750) * 26px);height:calc(var(--width750) * 24px); background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}
    .hot-down .title-left b{width:calc(var(--width750) * 26px);height:calc(var(--width750) * 24px); background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}
    .codedl .title-left b{width:calc(var(--width750) * 26px);height:calc(var(--width750) * 26px); background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}

    /* .title-left .pfjt{line-height: calc(var(--width750) * 23px);}
    .title-left .eng{ font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 20px); margin:calc(var(--width750) * 5px) 0 0 calc(var(--width750) * 6px);} */
    .zttabtdDes{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 22px);margin:calc(var(--width750) * 14px) calc(var(--width750) * 20px) calc(var(--width750) * 20px) calc(var(--width750) * 20px);}
    .zttabtdDes a{font-size:calc(var(--width750) * 14px);}
    .zttab-top{width: 100%;height:calc(var(--width750) * 120px);border-radius: calc(var(--width750) * 8px) calc(var(--width750) * 8px) 0px 0px;}
    .left-zt,.list-downs{margin:calc(var(--width750) * 32px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);}
    .left-video{margin:calc(var(--width750) * 40px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);}
    .left-ai{margin:calc(var(--width750) * 60px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);}
    .left-article{margin:calc(var(--width750) * 40px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);}
    .zttab{width: calc(var(--width750) * 270px);min-width:calc(var(--width750) * 270px);border-radius: calc(var(--width750) * 5px);}
    .zttab:nth-child(2){margin:0 calc(var(--width750) * 20px);}
    .zttab-ul{margin:0 calc(var(--width750) * 16px) calc(var(--width750) * 20px) calc(var(--width750) * 16px);}
    .zttabtd{width:100%;}
    .zttabtd p:nth-child(1){font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 25px);margin:calc(var(--width750) * 20px) calc(var(--width750) * 20px) calc(var(--width750) * 10px) calc(var(--width750) * 20px);}
    .zttabtd p:nth-child(2){font-size:calc(var(--width750) * 16px);line-height:calc(var(--width750) * 25px);margin:0 calc(var(--width750) * 20px);}
    .zttab-ul{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 20px);}
    .zttaba{margin:calc(var(--width750) * 20px) 0;height:calc(var(--width750) * 20px);}
    .aibtnimg{width: calc(var(--width750) * 72px);height: calc(var(--width750) * 72px);border-radius: calc(var(--width750) * 15px);}
    .aibtn-right p:nth-child(1){font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 18px);margin:calc(var(--width750) * 16px) 0 0 0;}
    /* .aibtn-right p:nth-child(2){font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 22px);margin:0 calc(var(--width750) * 6px) 0 0;} */
    .aibtns{width:19%; border-radius: calc(var(--width750) * 8px);margin:0 8% calc(var(--width750) * 20px) 0;}
    .aitabs{ height: calc(var(--width750) * 40px);border-radius:calc(var(--width750) * 5px);margin:0 0 calc(var(--width750) * 22px) 0}
    .aitaba{font-size: calc(var(--width750) * 14px);margin:0 calc(var(--width750) * 15px) 0 0;}
    .aitaba.check b{height:calc(var(--width750) * 3px);}
    .aitaba:nth-of-type(1){margin:0 calc(var(--width750) * 15px) 0 calc(var(--width750) * 10px);}
    .aitaba:last-of-type(){margin:0 calc(var(--width750) * 10px) 0 0;}

    .aiswiper-pagintaion{margin: calc(var(--width750) * 5px) auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:calc(var(--width750) * 5px);}
    .swiper-pagination{width:90%;}
    .swiper-pagination-bullet{width: calc(var(--width750) * 50px);height:3px;border-radius: 2px;margin: 0 calc(var(--width750) * 18px) 0 0;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet,
    .left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet{width: calc(var(--width750) * 15px);height: calc(var(--width750) * 5px);margin:0 calc(var(--width750) * 6px) 0 0;}
    .coursesswiper-pagination,.hotswiper-pagination{margin:calc(var(--width750) * 10px) 0 0 0;}
    .artleftp{width: calc(var(--width750) * 10px);height: calc(var(--width750) * 10px);margin:calc(var(--width750) * 6px) calc(var(--width750) * 6px) 0 0;}
    .artleft{margin:0 0 calc(var(--width750) * 15px) 0;}
    .artleft-down .aldatitle{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 22px);}
    .artleft-down .aldadesc{margin:calc(var(--width750) * 10px) 0;font-size:calc(var(--width750) * 14px);}
    .artleft-tab a{max-width: calc(var(--width750) * 100px); height: calc(var(--width750) * 25px);;border-radius: calc(var(--width750) * 5px);padding:0 calc(var(--width750) * 6px); margin:0 calc(var(--width750) * 10px) 0 0;
        line-height: calc(var(--width750) * 24px);font-size:calc(var(--width750) * 12px);
    }
    .artleft-tab{padding:0 0 calc(var(--width750) * 15px) 0;}
    .artleft-down{width:100%}
    .video-tab{width:47%;border-radius:calc(var(--width750) * 5px);margin:0 0 calc(var(--width750) * 20px) 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtaba,.vtabimg{width:100%;height:calc(var(--width750) * 110px);}
    .vtdown dt {height: calc(var(--width750) * 44px);font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 22px);margin:calc(var(--width750) * 12px) calc(var(--width750) * 15px) 0 calc(var(--width750) * 15px);}
    .vtdown dt .bg1{font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 12px);}
    .vtdown dt .bg2 {font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 12px);}
    .vtdown dt .bg3 {font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 12px);}
    .vtdown dt i {font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 12px);width: calc(var(--width750) * 32px);height: calc(var(--width750) * 16px);border-radius: 2px;padding: 2px 2px;}
    .vtdown dd {margin:calc(var(--width750) * 18px) calc(var(--width750) * 14px) calc(var(--width750) * 14px) calc(var(--width750) * 14px);font-size:calc(var(--width750) * 12px);}
    .vtaba-free{ width: calc(var(--width750) * 45px);height: calc(var(--width750) * 20px); border-radius: calc(var(--width750) * 5px) 0px calc(var(--width750) * 5px) 0px;
         font-size: calc(var(--width750) * 14px); line-height: calc(var(--width750) * 12px);  
    }
    .allAlist .taballsdown {height: calc(var(--width750) * 50px);}
    .tabLi {height: calc(var(--width750) * 44px);}
    .taballsdown .alllistdiv { font-size: calc(var(--width750) * 18px);line-height: calc(var(--width750) * 25px);
        margin-top: calc(var(--width750) * 8px);height: calc(var(--width750) * 43px);border-radius: calc(var(--width750) * 5px) calc(var(--width750) * 5px) 0px 0px;padding: 0 calc(var(--width750) * 10px);
    }
    .alllistdiv.check{font-size: calc(var(--width750) * 20px);line-height: calc(var(--width750) * 25px);}
    .tabLi img {width:calc(var(--width750) * 78px);height:calc(var(--width750) * 45px);}
    .tabA2.mores b{width:calc(var(--width750) * 20px);height:calc(var(--width750) * 4px);}
    .tabA2.mores{margin:0 calc(var(--width750) * 16px) 0 0;}
    .blackTab2{margin:calc(var(--width750) * 20px) 0 0 calc(var(--width750) * 20px); }
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 22px);margin:0 calc(var(--width750) * 8px);}
    .btabdiv2 ul li{height: calc(var(--width750) * 30px); border-radius:calc(var(--width750) * 5px);line-height: calc(var(--width750) * 30px);margin:0 calc(var(--width750) * 12px) 0 0;}
    .allAlist{margin:calc(var(--width750) * 40px) 0 0 0;}
    .layui-tab-items{margin:calc(var(--width750) * 20px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);}
    .cldA,.cldaimg{width: calc(var(--width750) * 140px);height: calc(var(--width750) * 86px);border-radius: calc(var(--width750) * 5px);}
    .cldA{margin:0 calc(var(--width750) * 15px) 0 0;}
    .clDiv{padding:0 0 calc(var(--width750) * 20px) 0;margin:0 0 calc(var(--width750) * 20px) 0;}
    .clDiv dt a{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 24px);}
    .clDiv dt {height:calc(var(--width750) * 45px);font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 24px);}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 12px);padding: calc(var(--width750) * 4px) calc(var(--width750) * 6px);width: calc(var(--width750) * 46px);height: calc(var(--width750) * 20px);}
    .clddTime{line-height: calc(var(--width750) * 18px);font-size:calc(var(--width750) * 12px);}
    .cldddLabels a{font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 21px);height: calc(var(--width750) * 21px);padding:0 calc(var(--width750) * 5px);margin:0 0 0 calc(var(--width750) * 5px); }
    .cldddLabels{margin:0 0 0 calc(var(--width750) * 10px);width: calc(var(--width750) * 140px);}
    .clDivmore{height: calc(var(--width750) * 35px);border-radius: calc(var(--width750) * 5px);font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 22px);}
    .clDivmore b{width:calc(var(--width750) * 18px);height:calc(var(--width750) * 18px);background-size: contain;margin:0 0 0 calc(var(--width750) * 5px);}
    .hours-read,.tech-news{margin:calc(var(--width750) * 40px) 0 0 0;}
    .hours-read{margin-bottom:calc(var(--width750) * 60px);}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width750) * 60px) 0 0 0;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:calc(var(--width750) * 26px);height:calc(var(--width750) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:calc(var(--width750) * 26px);height:calc(var(--width750) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:calc(var(--width750) * 26px);height:calc(var(--width750) * 28px);background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum{width:calc(var(--width750) * 26px);height:calc(var(--width750) * 28px); background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:calc(var(--width750) * 4px) 0 0 calc(var(--width750) * 7px);}
    .hournum{font-size:calc(var(--width750) * 18px);margin:0 calc(var(--width750) * 12px) 0 0;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left:calc(var(--width330) * 3px);}
    .hourcon{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 26px);}
    .hoursided{margin:0 0 calc(var(--width750) * 14px) 0;}
    .advertisement{border-radius: calc(var(--width750) * 5px);margin: calc(var(--width750) * 68px) 0 0 0;}
    .advertisement img{width: calc(var(--width750) * 391px);height: calc(var(--width750) * 332px);border-radius: calc(var(--width750) * 5px);}
    .techblack{width: calc(var(--width750) * 6px);height: calc(var(--width750) * 6px);margin:calc(var(--width750) * 10px) calc(var(--width750) * 10px) 0 0;flex-shrink: 0;}
    .techcon{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 24px);}
    .techsided{margin:0 0 calc(var(--width750) * 20px) 0;}
    .courses-left,.courses-left img{width: calc(var(--width750) * 140px);height: calc(var(--width750) * 86px);border-radius: calc(var(--width750) * 5px);}
    .courses-left{margin:0 calc(var(--width750) * 14px) 0 0;}
    .coursecon{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 26px);}
    .course-down{font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 22px);}
    .course-down b {height: calc(var(--width750) * 13px);margin: 0 calc(var(--width750) * 4px);}
    .coursessided{margin:0 0 calc(var(--width750) * 20px) 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: calc(var(--width750) * 140px);height: calc(var(--width750) * 86px);border-radius: calc(var(--width750) * 5px);}
    .hot-left{margin:0 calc(var(--width750) * 14px) 0 0;}
    .hotra{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 26px);}

    .hotrdown{width: calc(var(--width750) * 58px);height: calc(var(--width750) * 25px);border-radius: calc(var(--width750) * 5px);font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 20px);}
    .hotsided{margin:0 0 calc(var(--width750) * 20px) 0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{margin:0 calc(var(--width750) * 15px);}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size:calc(var(--width750) * 12px);line-height: calc(var(--width750) * 18px);}
    .ztLists .clddTitle,.artLists .clddTitle{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 24px);}
    .aitabtopa,.aitabtopa img{width: calc(var(--width750) * 72px);height: calc(var(--width750) * 72px);border-radius: calc(var(--width750) * 15px);}
    .aitab{ margin:calc(var(--width750) * 16px) 0 0 0;}
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:calc(var(--width750) * 16px);}
    .aitab-down{margin:0 0 0 calc(var(--width750) * 15px);padding-bottom: calc(var(--width750) * 15px);}
    .aitabdowna{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 16px);}
    .aitabdowntime{font-size:calc(var(--width750) * 14px);line-height: calc(var(--width750) * 20px);margin:calc(var(--width750) * 6px) 0;}
    .aitabdta{padding:0 calc(var(--width750) * 7px); height: calc(var(--width750) * 21px);border-radius: calc(var(--width750) * 5px);font-size:calc(var(--width750) * 12px);line-height: calc(var(--width750) * 21px);margin:0 calc(var(--width750) * 5px) 0 0; }
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 calc(var(--width750) * 20px) 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 calc(var(--width750) * 16px) calc(var(--width750) * 20px) 0;}
    .dlodiva,.dlodiva img{width:100%;height: calc(var(--width750) * 110px);border-radius: calc(var(--width750) * 5px) calc(var(--width750) * 5px) 0px 0px;}
    .dtliallda,.dtliallda img {width: calc(var(--width750) * 70px);height: calc(var(--width750) * 70px);border-radius: calc(var(--width750) * 15px);}
    .downlTwo{margin:calc(var(--width750) * 20px) 0 0 0;}
    .dloDiv{width:47%;border-radius: calc(var(--width750) * 5px);margin:0 0 calc(var(--width750) * 20px) 0;}
    .dloDiv:nth-child(2n+1){margin:0 calc(var(--width750) * 16px) calc(var(--width750) * 16px) 0;}
    .dlodTitle i {height: calc(var(--width750) * 18px);padding:2px calc(var(--width750) * 4px);
        font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 16px);
    }
    .dlodTitle a {font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 24px);margin: 0 0 0 calc(var(--width750) * 6px);}
    .dldowndes{margin:0 calc(var(--width750) * 10px) calc(var(--width750) * 10px) calc(var(--width750) * 10px);}
    .dlodTitle{height: calc(var(--width750) * 48px);margin: calc(var(--width750) * 15px) calc(var(--width750) * 20px) calc(var(--width750) * 10px) calc(var(--width750) * 13px);}
    .downmoney{margin:0 calc(var(--width750) * 13px) calc(var(--width750) * 12px) calc(var(--width750) * 13px); }
    .downmoney span:nth-child(1){font-size: calc(var(--width750) * 18px); }
    .downmoney span:nth-child(2){font-size: calc(var(--width750) * 12px);}
    .dlodType,.dlodTime{font-size:calc(var(--width750) * 12px);line-height: calc(var(--width750) * 12px);}
    .dtliAlld{ border-radius: calc(var(--width750) * 4px);margin:0 0 calc(var(--width750) * 13px) 0;}
    .dtliAlld:last-child(){margin:0 0 calc(var(--width750) * 16px) 0;}
    .dtliallda{margin:0 calc(var(--width750) * 16px) 0 0;}
    .dtlTitle{ padding-bottom: calc(var(--width750) * 15px);height: calc(var(--width750) * 70px);}
    .dtlTitle a:nth-child(1){font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 22px);}
    .dtlTitle a:nth-child(2){line-height: calc(var(--width750) * 18px);font-size: calc(var(--width750) * 14px);}
    .dtlDown{font-size: calc(var(--width750) * 12px); }
    .dtlDowno b{width:calc(var(--width750) * 18px);height:calc(var(--width750) * 18px); background-size: contain;margin-right:calc(var(--width750) * 5px);}
    .dtlDownt b{width:calc(var(--width750) * 18px);height:calc(var(--width750) * 18px); background-size: contain;margin-right:calc(var(--width750) * 5px);}
    .dtlDowno{margin:0 calc(var(--width750) * 16px) 0 0;}

    .downtwolist{flex:0 0 auto;}
    .downtwolist:nth-child(2){margin:0 calc(var(--width750) * 16px);}
    .dlfor{width:47%; border-radius: calc(var(--width750) * 8px);margin:0 calc(var(--width750) * 20px) calc(var(--width750) * 20px) 0;}
    .dlfor:nth-child(2n+2){margin:0 0 calc(var(--width750) * 20px) 0;}
    .dlfrTitle{margin:calc(var(--width750) * 10px) 0;}
    .dlfrTitle a{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 24px);height:calc(var(--width750) * 48px);}
    .dlfrToptitle{ font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 24px);height: calc(var(--width750) * 49px);}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: calc(var(--width750) * 12px);height: calc(var(--width750) * 21px);padding:calc(var(--width750) * 2px) calc(var(--width750) * 4px); }
    .dlftTimes,.dlfrDownload,.dlfrWatch{line-height: calc(var(--width750) * 18px);font-size:calc(var(--width750) * 12px);}
    .dlfrWatch{margin-right: calc(var(--width750) * 12px);}
    .dlfrDown{margin: calc(var(--width750) * 15px) calc(var(--width750) * 13px) calc(var(--width750) * 14px) calc(var(--width750) * 13px);}
    .dlfrDowns{ margin-top: calc(var(--width750) * 12px);}
    .downlFour {margin: calc(var(--width750) * 20px) 0 0 0;}
    .scothdWatch{margin:0 calc(var(--width750) * 17px);}
    .scodotherd {border-radius: calc(var(--width750) * 5px);margin: 0 0 calc(var(--width750) * 20px) 0;}
    .scothds {margin: calc(var(--width750) * 12px) calc(var(--width750) * 13px);}
    .scothtop {font-size: calc(var(--width750) * 16px);height: calc(var(--width750) * 28px);}
    .scothtop dt span,.scothdsd a:nth-child(1) {height: calc(var(--width750) * 20px);line-height: calc(var(--width750) * 26px);}
    .scothtop dt i,.scothdsd a:nth-child(2) i {max-width: calc(var(--width750) * 65px);max-height: calc(var(--width750) * 26px);border-radius: calc(var(--width750) * 3px);
        font-size: calc(var(--width750) * 12px);padding: 0 calc(var(--width750) * 6px) 0 calc(var(--width750) * 8px);line-height: calc(var(--width750) * 26px);
    }
    .scothmiddle {font-size: calc(var(--width750) * 14px);margin: calc(var(--width750) * 10px) 0 calc(var(--width750) * 14px) 0;-webkit-line-clamp: 1;}
    .scothdown {font-size: calc(var(--width750) * 12px);}
    .scothdTime b {width: calc(var(--width750) * 14px);height: calc(var(--width750) * 15px);margin: 0 calc(var(--width750) * 4px) 0 0;background-size: contain;}
    .scothdWatch b {width: calc(var(--width750) * 18px);height: calc(var(--width750) * 12px);margin: 0 calc(var(--width750) * 4px) 0 0;background-size: contain;}
    .scothdDownload b {width: calc(var(--width750) * 16px);height: calc(var(--width750) * 16px);margin: 0 calc(var(--width750) * 4px) 0 0;background-size: contain;}


    .downlThree,.downlFive{margin:calc(var(--width750) * 20px) 0 0 0;}
    .dtlImg{width: calc(var(--width750) * 80px);height: calc(var(--width750) * 80px);border-radius: calc(var(--width750) * 4px); }
    .coderTitle{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 16px);}
    .coderDes{line-height: calc(var(--width750) * 22px);margin:calc(var(--width750) * 12px) 0 calc(var(--width750) * 10px) 0;font-size: calc(var(--width750) * 14px);}
    .codeconAd{width:100%; border-radius: calc(var(--width750) * 5px);margin:0 0 calc(var(--width750) * 15px) 0;}
    .codeconAd .dtlImg{margin:0 calc(var(--width750) * 18px) 0 0;}
    .codecRight{margin:0;width: 100%;padding-bottom: calc(var(--width750) * 15px);}
    .morecon-all{margin:calc(var(--width750) * 16px);width:100%;}
    .mlc-title{font-size: calc(var(--width750) * 18px);line-height: calc(var(--width750) * 25px);padding:0 0 calc(var(--width750) * 13px) 0;width:100%;}
    .mlc-con{margin:calc(var(--width750) * 16px) 0 0 0;}
    .mlcA{height: calc(var(--width750) * 42px);border-radius: calc(var(--width750) * 4px);font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 22px);padding:0 calc(var(--width750) * 12px);margin:0 calc(var(--width750) * 15px) calc(var(--width750) * 15px) 0;}

    .dlfrDownload b{width:calc(var(--width750) * 14px);height:calc(var(--width750) * 15px); background-size:contain;margin:0 calc(var(--width750) * 2px) 0 0 ;}
    .dlfrWatch b{width:calc(var(--width750) * 16px);height:calc(var(--width750) * 16px); background-size:contain;margin:0 calc(var(--width750) * 2px) 0 0 ;}
    .dlftTimes b{width:calc(var(--width750) * 14px);height:calc(var(--width750) * 14px); background-size:contain;margin:0 calc(var(--width750) * 2px) 0 0 ;}
    .dlodType b{width:calc(var(--width750) * 15px);height:calc(var(--width750) * 15px); background-size:contain;margin:0 calc(var(--width750) * 3px) 0 0 ;}
    .dlodTime b{width:calc(var(--width750) * 14px);height:calc(var(--width750) * 15px); background-size:contain;margin:0 calc(var(--width750) * 3px) 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:calc(var(--width750) * 17px);height:calc(var(--width750) * 12px); background-size:contain;margin:0 calc(var(--width750) * 5px) 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:calc(var(--width750) * 14px);height:calc(var(--width750) * 14px);background-size:contain;margin:0 calc(var(--width750) * 5px) 0 0;}
    .cldddLabels b{width:calc(var(--width750) * 14px);height:calc(var(--width750) * 14px); background-size:contain;}
    .clddTime b{width:calc(var(--width750) * 14px);height:calc(var(--width750) * 15px); background-size:contain;margin:0 calc(var(--width750) * 3px) 0 0;}
    .artleft-down .aldatitle b{width:calc(var(--width750) * 14px);height:calc(var(--width750) * 16px); background-size:contain;margin:0 calc(var(--width750) * 10px) 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: calc(var(--width750) * 18px);height: calc(var(--width750) * 18px); background-size: contain;}
    .vtdown dd em a b {width: calc(var(--width750) * 14px);height: calc(var(--width750) * 15px); margin: 0 calc(var(--width750) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: calc(var(--width750) * 14px);height: calc(var(--width750) * 15px); margin: 0 calc(var(--width750) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{  width: 100%;height: calc(var(--width750) * 120px);border-radius: calc(var(--width750) * 8px) calc(var(--width750) * 8px) 0px 0px;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: calc(var(--width750) * 150px);border-radius: calc(var(--width750) * 5px) calc(var(--width750) * 5px) 0px 0px;}
    .zttab-top img{ height: calc(var(--width750) * 150px); background-size: contain;}
    /* .zttabright .zttab-top{ width: 100%;height: calc(var(--width750) * 120px);border-radius: calc(var(--width750) * 8px) calc(var(--width750) * 8px) 0px 0px;} */
    .title-more b { width: calc(var(--width750) * 6px);height:calc(var(--width750) * 17px); margin: 0 0 0 calc(var(--width750) * 4px);background-size: contain;}
 

    .ylwTopSub1 {position: absolute;top: calc(var(--width750) * 25px);width:142px;height:147px; right:calc(var(--width750) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width750) * 10px);}

   
    


    .nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;}
    .nphpFootBg {width: 100%; background: #F7F7F7;box-shadow: 0px -4px 24px 0px rgba(0, 0, 0, 0.05);}
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}


    .rgdlds{margin:0 0 calc(var(--width750) * 20px) 0;}
    .rgdllefa {width: calc(var(--width750) * 75px);height: calc(var(--width750) * 75px);margin:0 calc(var(--width750) * 16px) 0 0;}
    .rgdllefimg {width: calc(var(--width750) * 65px);height: calc(var(--width750) * 65px);}
    .ridldrri{width: calc(var(--width750) * 200px);}
    .ridldrri a{font-size: calc(var(--width750) * 16px);margin:0 0 calc(var(--width750) * 15px) 0;}
    .ridldrri p{font-size: calc(var(--width750) * 14px);}
    .rgdllook{ width: calc(var(--width750) * 50px);height: calc(var(--width750) * 25px);font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 26px);}

    .webmidtabs{margin:0 calc(var(--width750) * 20px);}
    .mdidtabd{margin-right: calc(var(--width750) * 31px);}
    .mdidtabd img{width:calc(var(--width750) * 46px);height:calc(var(--width750) * 46px);}
    .mdidtabd span{ font-size: calc(var(--width750) * 14px); margin-top: calc(var(--width750) * 10px);}

    .sechcon{margin:calc(var(--width750) * 20px) 0 0 0;}
    .search-layerbg { min-height: calc(var(--width750) * 235px);}
    .sechtitle b{width: calc(var(--width750) * 18px);height: calc(var(--width750) * 18px);background-size: contain;}
    .schbg{margin:calc(var(--width750) * 20px);}
    .sechconlogoa{margin:0 auto calc(var(--width750) * 20px) auto;width:calc(var(--width750) * 159px);height: calc(var(--width750) * 41px);}
    .sechcon .sechconlogoa img{width:calc(var(--width750) * 159px);height: calc(var(--width750) * 41px);}
    .serchd{ height: calc(var(--width750) * 35px); margin:0 0 calc(var(--width750) * 23px) 0;}
    .serchd input{ margin:0 calc(var(--width750) * 10px);font-size: calc(var(--width750) * 14px); }
    .serchp{width:calc(var(--width750) * 25px);height: calc(var(--width750) * 25px); background-size: contain;margin:0 calc(var(--width750) * 11px) 0 0;flex-shrink: 0;}
    .topbtna{height:calc(var(--width750) * 25px); border-radius: 5px;font-size: calc(var(--width750) * 14px);padding: 0 calc(var(--width750) * 8px) 0 calc(var(--width750) * 7px); margin: 0 calc(var(--width750) * 10px) calc(var(--width750) * 10px) 0;}
    .top-btn{ height:calc(var(--width750) * 30px);}
    .left-jxai{margin:calc(var(--width750) * 40px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);}
    .jxaida{margin:0 8% calc(var(--width750) * 20px) 0;width:19%;}
    .jxaida img{width: calc(var(--width750) * 73px);height: calc(var(--width750) * 73px);border-radius:calc(var(--width750) * 15px);margin:0 0 calc(var(--width750) * 15px) 0;}
    .jxaida p{font-size: calc(var(--width750) * 16px);}




    
}
@media screen and (max-width: 561px) {
    
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{ height:calc(var(--width560) * 180px);}
    .indexsw,.indexsw img{width: calc(var(--width560) * 350px);height: calc(var(--width560) * 162px);border-radius: calc(var(--width560) * 8px);}
    .index_swiper{margin:calc(var(--width560) * 20px) 0;}
    .index_swiper .swiper-pagination {bottom: calc(var(--width560) * 10px);left:18.5%;}
    .index_swiper .swiper-pagination-bullet {width: calc(var(--width560) * 10px);height: 5px;}
    .ltt-botd{font-size: calc(var(--width560) * 18px);line-height: calc(var(--width560) * 24px);height:calc(var(--width560) * 90px);border-radius: 0 0 calc(var(--width560) * 8px) calc(var(--width560) * 8px);}
    .ltt-botd p{ margin: calc(var(--width560) * 40px) calc(var(--width560) * 15px) 0 calc(var(--width560) * 15px);}

    .ltt-down{margin:calc(var(--width560) * 20px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px);}
    .ltdlefta-down p:nth-child(1){font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 22px);margin:0 0 calc(var(--width560) * 10px) 0;}
    .ltdlefta-down p:nth-child(2){font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 20px);}
    .ltdlefta{margin:calc(var(--width560) * 24px) 0 0 0; }
    .ltdlefta:first-child{margin:calc(var(--width560) * 20px) 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 calc(var(--width560) * 19px) 0;}
    .title-more{font-size:calc(var(--width560) * 14px);}
    .title-left{font-size: calc(var(--width560) * 20px); }
    .left-jxai .title-left b{width:calc(var(--width560) * 26px);height:calc(var(--width560) * 24px); background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}

    .left-zt .title-left b{width:calc(var(--width560) * 24px);height:calc(var(--width560) * 24px); background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    .left-ai .title-left b{width:calc(var(--width560) * 25px);height:calc(var(--width560) * 24px);  background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    .left-article .title-left b{width:calc(var(--width560) * 25px);height:calc(var(--width560) * 24px); background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    .left-video .title-left b{width:calc(var(--width560) * 27px);height:calc(var(--width560) * 24px); background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    .hours-read .title-left b{width:calc(var(--width560) * 25px);height:calc(var(--width560) * 23px); background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    .tech-news .title-left b{width:calc(var(--width560) * 24px);height:calc(var(--width560) * 24px); background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    .quality-courses .title-left b{width:calc(var(--width560) * 26px);height:calc(var(--width560) * 24px); background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    .hot-down .title-left b{width:calc(var(--width560) * 26px);height:calc(var(--width560) * 24px); background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    .codedl .title-left b{width:calc(var(--width560) * 26px);height:calc(var(--width560) * 26px); background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}

    /* .title-left .pfjt{line-height: calc(var(--width560) * 23px);}
    .title-left .eng{ font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 20px); margin:calc(var(--width560) * 5px) 0 0 calc(var(--width560) * 6px);} */
    .zttabtdDes{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 22px);margin:calc(var(--width560) * 14px) calc(var(--width560) * 20px) calc(var(--width560) * 20px) calc(var(--width560) * 20px);}
    .zttabtdDes a{font-size:calc(var(--width560) * 14px);}
    .zttab-top{width: 100%;height:calc(var(--width560) * 120px);border-radius: calc(var(--width560) * 8px) calc(var(--width560) * 8px) 0px 0px;}
    .left-zt,.list-downs{margin:calc(var(--width560) * 32px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px);}
    .left-video{margin:calc(var(--width560) * 40px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px);}
    .left-ai{margin:calc(var(--width560) * 60px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px);}
    .left-article{margin:calc(var(--width560) * 40px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px);}
    .zttab{width: calc(var(--width560) * 270px);min-width:calc(var(--width560) * 270px);border-radius: calc(var(--width560) * 5px);}
    .zttab:nth-child(2){margin:0 calc(var(--width560) * 20px);}
    .zttab-ul{margin:0 calc(var(--width560) * 16px) calc(var(--width560) * 20px) calc(var(--width560) * 16px);}
    .zttabtd{width:100%;}
    .zttabtd p:nth-child(1){font-size: calc(var(--width560) * 16px);line-height: 25px;margin:calc(var(--width560) * 20px) calc(var(--width560) * 20px) calc(var(--width560) * 10px) calc(var(--width560) * 20px);}
    .zttabtd p:nth-child(2){font-size:calc(var(--width560) * 16px);line-height:calc(var(--width560) * 25px);margin:0 calc(var(--width560) * 20px);}
    .zttab-ul{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 20px);}
    .zttaba{margin:calc(var(--width560) * 20px) 0;height:calc(var(--width560) * 20px);}
    .aibtnimg{width: calc(var(--width560) * 72px);height: calc(var(--width560) * 72px);border-radius: calc(var(--width560) * 15px);}
    .aibtn-right p:nth-child(1){font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 18px);margin:calc(var(--width560) * 16px) 0 0 0;}
    /* .aibtn-right p:nth-child(2){font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 22px);margin:0 calc(var(--width560) * 6px) 0 0;} */
    .aibtns{width:19%; border-radius: calc(var(--width560) * 8px);margin:0 8% calc(var(--width560) * 20px) 0;}
    .aitabs{ height: calc(var(--width560) * 40px);border-radius:calc(var(--width560) * 5px);margin:0 0 calc(var(--width560) * 22px) 0}
    .aitaba{font-size: calc(var(--width560) * 14px);margin:0 calc(var(--width560) * 15px) 0 0;}
    .aitaba.check b{height:calc(var(--width560) * 3px);}
    .aitaba:nth-of-type(1){margin:0 calc(var(--width560) * 15px) 0 calc(var(--width560) * 10px);}
    .aitaba:last-of-type(){margin:0 calc(var(--width560) * 10px) 0 0;}
    
    .aiswiper-pagintaion{margin: calc(var(--width560) * 5px) auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:calc(var(--width560) * 5px);}
    .swiper-pagination{width:100%;}
    .swiper-pagination-bullet{width: calc(var(--width560) * 50px);height:3px;border-radius: 2px;margin: 0 calc(var(--width560) * 18px) 0 0;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet,
    .left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet{
        width: calc(var(--width560) * 15px);height: calc(var(--width560) * 5px);margin:0 calc(var(--width560) * 6px) 0 0;
    }
    .coursesswiper-pagination,.hotswiper-pagination{margin:calc(var(--width560) * 10px) 0 0 0;}
    .artleftp{width: calc(var(--width560) * 10px);height: calc(var(--width560) * 10px);margin:calc(var(--width560) * 6px) calc(var(--width560) * 6px) 0 0;}
    .artleft{margin:0 0 calc(var(--width560) * 15px) 0;}
    .artleft-down .aldatitle{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 22px);}
    .artleft-down .aldadesc{margin:calc(var(--width560) * 10px) 0;font-size:calc(var(--width560) * 14px);}
    .artleft-tab a{max-width: calc(var(--width560) * 100px); height: calc(var(--width560) * 25px);;border-radius: calc(var(--width560) * 5px);padding:0 calc(var(--width560) * 6px); margin:0 calc(var(--width560) * 10px) 0 0;
        line-height: calc(var(--width560) * 24px);font-size:calc(var(--width560) * 14px);
    }
    .artleft-tab{padding:0 0 calc(var(--width560) * 15px) 0;}
    .artleft-down{width:100%}
    .video-tab{width:47%;border-radius:calc(var(--width560) * 5px);margin:0 0 calc(var(--width560) * 20px) 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtaba,.vtabimg{width:100%;height:calc(var(--width560) * 110px);}
    .vtdown dt {height: calc(var(--width560) * 44px);font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 22px);margin:calc(var(--width560) * 12px) calc(var(--width560) * 15px) 0 calc(var(--width560) * 15px);}
    .vtdown dt .bg1{font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 12px);}
    .vtdown dt .bg2 {font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 12px);}
    .vtdown dt .bg3 {font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 12px);}
    .vtdown dt i {font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 12px);width: calc(var(--width560) * 32px);height: calc(var(--width560) * 16px);border-radius: 2px;padding: 2px 2px;}
    .vtdown dd {margin:calc(var(--width560) * 18px) calc(var(--width560) * 14px) calc(var(--width560) * 14px) calc(var(--width560) * 14px);font-size:calc(var(--width560) * 12px);}
    .vtaba-free{ width: calc(var(--width560) * 45px);height: calc(var(--width560) * 20px); border-radius: calc(var(--width560) * 5px) 0px calc(var(--width560) * 5px) 0px;
         font-size: calc(var(--width560) * 14px); line-height: calc(var(--width560) * 12px);  
    }
    .allAlist .taballsdown {height: calc(var(--width560) * 50px);}
    .tabLi {height: calc(var(--width560) * 44px);}
    .taballsdown .alllistdiv { font-size: calc(var(--width560) * 18px);line-height: calc(var(--width560) * 25px);
        margin-top: calc(var(--width560) * 8px);height: calc(var(--width560) * 43px);border-radius: calc(var(--width560) * 5px) calc(var(--width560) * 5px) 0px 0px;padding: 0 calc(var(--width560) * 10px);
    }
    .alllistdiv.check{font-size: calc(var(--width560) * 20px);line-height: calc(var(--width560) * 25px);}
    .tabLi img {width:calc(var(--width560) * 78px);height:calc(var(--width560) * 45px);}
    .tabA2.mores b{width:calc(var(--width560) * 20px);height:calc(var(--width560) * 4px);}
    .tabA2.mores{margin:0 calc(var(--width560) * 16px) 0 0;}
    .blackTab2{ margin:calc(var(--width560) * 20px) 0 0 calc(var(--width560) * 20px);}
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 22px);margin:0 calc(var(--width560) * 8px);}
    .btabdiv2 ul li{height: calc(var(--width560) * 30px); border-radius:calc(var(--width560) * 5px);line-height: calc(var(--width560) * 30px);margin:0 calc(var(--width560) * 12px) 0 0;}
    .allAlist{margin:calc(var(--width560) * 40px) 0 0 0;}
    .layui-tab-items{margin:calc(var(--width560) * 20px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px);}
    .cldA,.cldaimg{width: calc(var(--width560) * 140px);height: calc(var(--width560) * 86px);border-radius: calc(var(--width560) * 5px);}
    .cldA{margin:0 calc(var(--width560) * 15px) 0 0;}
    .clDiv{padding:0 0 calc(var(--width560) * 20px) 0;margin:0 0 calc(var(--width560) * 20px) 0;}
    .clDiv dt a{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 24px);}
    .clDiv dt {height:calc(var(--width560) * 45px);font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 24px);}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 12px);padding: calc(var(--width560) * 4px) calc(var(--width560) * 6px);width: calc(var(--width560) * 46px);height: calc(var(--width560) * 20px);}
    .clddTime{line-height: calc(var(--width560) * 18px);font-size:calc(var(--width560) * 12px);}
    .cldddLabels a{font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 21px);height: calc(var(--width560) * 21px);padding:0 calc(var(--width560) * 5px);margin:0 0 0 calc(var(--width560) * 5px); }
    .cldddLabels{margin:0 0 0 calc(var(--width560) * 10px);width: calc(var(--width560) * 140px);}
    .clDivmore{height: calc(var(--width560) * 35px);border-radius: calc(var(--width560) * 5px);font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 22px);}
    .clDivmore b{width:calc(var(--width560) * 18px);height:calc(var(--width560) * 18px);background-size: contain;margin:0 0 0 calc(var(--width560) * 5px);}
    .hours-read,.tech-news{margin:calc(var(--width560) * 40px) 0 0 0;}
    .hours-read{margin-bottom:calc(var(--width560) * 60px);}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width560) * 60px) 0 0 0;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:calc(var(--width560) * 26px);height:calc(var(--width560) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:calc(var(--width560) * 26px);height:calc(var(--width560) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:calc(var(--width560) * 26px);height:calc(var(--width560) * 28px);background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum{width:calc(var(--width560) * 26px);height:calc(var(--width560) * 28px); background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:calc(var(--width560) * 4px) 0 0 calc(var(--width560) * 7px);}
    .hournum{font-size:calc(var(--width560) * 18px);margin:0 calc(var(--width560) * 12px) 0 0;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left:calc(var(--width560) * 3px);}
    .hourcon{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 26px);}
    .hoursided{margin:0 0 calc(var(--width560) * 14px) 0;}
    .advertisement{border-radius: calc(var(--width560) * 5px);margin: calc(var(--width560) * 68px) 0 0 0;}
    .advertisement img{width: calc(var(--width560) * 391px);height: calc(var(--width560) * 332px);border-radius: calc(var(--width560) * 5px);}
    .techblack{width: calc(var(--width560) * 6px);height: calc(var(--width560) * 6px);margin:calc(var(--width560) * 10px) calc(var(--width560) * 10px) 0 0;flex-shrink: 0;}
    .techcon{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 24px);}
    .techsided{margin:0 0 calc(var(--width560) * 20px) 0;}
    .courses-left,.courses-left img{width: calc(var(--width560) * 140px);height: calc(var(--width560) * 86px);border-radius: calc(var(--width560) * 5px);}
    .courses-left{margin:0 calc(var(--width560) * 14px) 0 0;}
    .coursecon{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 26px);}
    .course-down{font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 22px);}
    .course-down b { height: calc(var(--width560) * 13px);margin: 0 calc(var(--width560) * 4px);}
    .coursessided{margin:0 0 calc(var(--width560) * 20px) 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: calc(var(--width560) * 140px);height: calc(var(--width560) * 86px);border-radius: calc(var(--width560) * 5px);}
    .hot-left{margin:0 calc(var(--width560) * 14px) 0 0;}
    .hotra{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 26px);}

    .hotrdown{width: calc(var(--width560) * 58px);height: calc(var(--width560) * 25px);border-radius: calc(var(--width560) * 5px);font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 20px);}
    .hotsided{margin:0 0 calc(var(--width560) * 20px) 0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{margin:0 calc(var(--width560) * 15px);}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size:calc(var(--width560) * 12px);line-height: calc(var(--width560) * 18px);}
    .ztLists .clddTitle,.artLists .clddTitle{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 24px);}
    .aitabtopa,.aitabtopa img{width: calc(var(--width560) * 72px);height: calc(var(--width560) * 72px);border-radius: calc(var(--width560) * 15px);}
    .aitab{ margin:calc(var(--width560) * 16px) 0 0 0;}
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:calc(var(--width560) * 16px);}
    .aitab-down{margin:0 0 0 calc(var(--width560) * 15px);padding-bottom: calc(var(--width560) * 15px);}
    .aitabdowna{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 16px);}
    .aitabdowntime{font-size:calc(var(--width560) * 14px);line-height: calc(var(--width560) * 20px);margin:calc(var(--width560) * 6px) 0;}
    .aitabdta{padding:0 calc(var(--width560) * 7px); height: calc(var(--width560) * 21px);border-radius: calc(var(--width560) * 5px);font-size:calc(var(--width560) * 12px);line-height: calc(var(--width560) * 21px);margin:0 calc(var(--width560) * 5px) 0 0; }
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 calc(var(--width560) * 20px) 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 calc(var(--width560) * 16px) calc(var(--width560) * 20px) 0;}
    .dlodiva,.dlodiva img{width:100%;height: calc(var(--width560) * 110px);border-radius: calc(var(--width560) * 5px) calc(var(--width560) * 5px) 0px 0px;}
    .dtliallda,.dtliallda img {width: calc(var(--width560) * 70px);height: calc(var(--width560) * 70px);border-radius: calc(var(--width560) * 15px);}
    .downlTwo{margin:calc(var(--width560) * 20px) 0 0 0;}
    .dloDiv{width:47%;border-radius: calc(var(--width560) * 5px);margin:0 0 calc(var(--width560) * 20px) 0;}
    .dloDiv:nth-child(2n+1){margin:0 calc(var(--width560) * 16px) calc(var(--width560) * 16px) 0;}
    .dlodTitle i {height: calc(var(--width560) * 18px);padding:2px calc(var(--width560) * 4px);
        font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 16px);
    }
    .dlodTitle a {font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 24px);margin: 0 0 0 calc(var(--width560) * 6px);}
    .dldowndes{margin:0 calc(var(--width560) * 10px) calc(var(--width560) * 10px) calc(var(--width560) * 10px);}
    .dlodTitle{height: calc(var(--width560) * 48px);margin:calc(var(--width560) * 15px) calc(var(--width560) * 20px) calc(var(--width560) * 10px) calc(var(--width560) * 13px);}
    .downmoney{margin:0 calc(var(--width560) * 13px) calc(var(--width560) * 12px) calc(var(--width560) * 13px); }
    .downmoney span:nth-child(1){font-size: calc(var(--width560) * 18px); }
    .downmoney span:nth-child(2){font-size: calc(var(--width560) * 12px);}
    .dlodType,.dlodTime{font-size:calc(var(--width560) * 12px);line-height: calc(var(--width560) * 12px);}
    .dtliAlld{ border-radius: calc(var(--width560) * 4px);margin:0 0 calc(var(--width560) * 13px) 0;}
    .dtliAlld:last-child(){margin:0 0 calc(var(--width560) * 16px) 0;}
    .dtliallda{margin:0 calc(var(--width560) * 16px) 0 0;}
    .dtlTitle{ padding-bottom: calc(var(--width560) * 15px);height: calc(var(--width560) * 70px);}
    .dtlTitle a:nth-child(1){font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 22px);}
    .dtlTitle a:nth-child(2){line-height: calc(var(--width560) * 18px);font-size: calc(var(--width560) * 14px);}
    .dtlDown{font-size: calc(var(--width560) * 12px); }
    .dtlDowno b{width:calc(var(--width560) * 18px);height:calc(var(--width560) * 18px); background-size: contain;margin-right:calc(var(--width560) * 5px);}
    .dtlDownt b{width:calc(var(--width560) * 18px);height:calc(var(--width560) * 18px); background-size: contain;margin-right:calc(var(--width560) * 5px);}
    .dtlDowno{margin:0 calc(var(--width560) * 16px) 0 0;}
    .downtwolist{flex:0 0 auto;}
    .downtwolist:nth-child(2){margin:0 calc(var(--width560) * 16px);}
    .dlfor{width:47%; border-radius: calc(var(--width560) * 8px);margin:0 calc(var(--width560) * 20px) calc(var(--width560) * 20px) 0;}
    .dlfor:nth-child(2n+2){margin:0 0 calc(var(--width560) * 20px) 0;}
    .dlfrTitle{margin:calc(var(--width560) * 10px) 0;}
    .dlfrTitle a{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 24px);height:calc(var(--width560) * 48px);}
    .dlfrToptitle{ font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 24px);height: calc(var(--width560) * 49px);}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: calc(var(--width560) * 12px);height: calc(var(--width560) * 21px);padding:calc(var(--width560) * 2px) calc(var(--width560) * 4px); }
    .dlftTimes,.dlfrDownload,.dlfrWatch{line-height: calc(var(--width560) * 18px);font-size:calc(var(--width560) * 12px);}
    .dlfrWatch{margin-right: calc(var(--width560) * 12px);}
    .dlfrDown{margin:calc(var(--width560) * 15px) calc(var(--width560) * 13px) calc(var(--width560) * 14px) calc(var(--width560) * 13px);}
    .dlfrDowns{ margin-top: calc(var(--width560) * 12px);}
    .downlFour {margin: calc(var(--width560) * 20px) 0 0 0;}
    .scothdWatch{margin:0 calc(var(--width560) * 17px);}
    .scodotherd {border-radius: calc(var(--width560) * 5px);margin: 0 0 calc(var(--width560) * 20px) 0;}
    .scothds {margin: calc(var(--width560) * 12px) calc(var(--width560) * 13px);}
    .scothtop {font-size: calc(var(--width560) * 16px);height: calc(var(--width560) * 28px);}
    .scothtop dt span,.scothdsd a:nth-child(1) {height: calc(var(--width560) * 20px);line-height: calc(var(--width560) * 26px);}
    .scothtop dt i,.scothdsd a:nth-child(2) i {max-width: calc(var(--width560) * 65px);max-height: calc(var(--width560) * 26px);border-radius: calc(var(--width560) * 3px);
        font-size: calc(var(--width560) * 12px);padding: 0 calc(var(--width560) * 6px) 0 calc(var(--width560) * 8px);line-height: calc(var(--width560) * 26px);
    }
    .scothmiddle {font-size: calc(var(--width560) * 14px);margin: calc(var(--width560) * 10px) 0 calc(var(--width560) * 14px) 0;-webkit-line-clamp: 1;}
    .scothdown {font-size: calc(var(--width560) * 12px);}
    .scothdTime b {width: calc(var(--width560) * 14px);height: calc(var(--width560) * 15px);margin: 0 calc(var(--width560) * 4px) 0 0;background-size: contain;}
    .scothdWatch b {width: calc(var(--width560) * 18px);height: calc(var(--width560) * 12px);margin: 0 calc(var(--width560) * 4px) 0 0;background-size: contain;}
    .scothdDownload b {width: calc(var(--width560) * 16px);height: calc(var(--width560) * 16px);margin: 0 calc(var(--width560) * 4px) 0 0;background-size: contain;}


    .downlThree,.downlFive{margin:calc(var(--width560) * 20px) 0 0 0;}
    .dtlImg{width: calc(var(--width560) * 80px);height: calc(var(--width560) * 80px);border-radius: calc(var(--width560) * 4px); }
    .coderTitle{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 16px);}
    .coderDes{line-height: calc(var(--width560) * 22px);margin:calc(var(--width560) * 12px) 0 calc(var(--width560) * 10px) 0;font-size: calc(var(--width560) * 14px);}
    .codeconAd{width:100%; border-radius: calc(var(--width560) * 5px);margin:0 0 calc(var(--width560) * 15px) 0;}
    .codeconAd .dtlImg{margin:0 calc(var(--width560) * 18px) 0 0;}
    .codecRight{margin: 0;width: 100%;padding-bottom: calc(var(--width560) * 15px);}
    .morecon-all{margin:calc(var(--width560) * 16px);width:100%;}
    .mlc-title{font-size: calc(var(--width560) * 18px);line-height: calc(var(--width560) * 25px);padding:0 0 calc(var(--width560) * 13px) 0;width:100%;}
    .mlc-con{margin:calc(var(--width560) * 16px) 0 0 0;}
    .mlcA{height: calc(var(--width560) * 42px);border-radius: calc(var(--width560) * 4px);font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 22px);padding:0 calc(var(--width560) * 12px);margin:0 calc(var(--width560) * 15px) calc(var(--width560) * 15px) 0;}

    .dlfrDownload b{width:calc(var(--width560) * 14px);height:calc(var(--width560) * 15px); background-size:contain;margin:0 calc(var(--width560) * 2px) 0 0 ;}
    .dlfrWatch b{width:calc(var(--width560) * 16px);height:calc(var(--width560) * 16px); background-size:contain;margin:0 calc(var(--width560) * 2px) 0 0 ;}
    .dlftTimes b{width:calc(var(--width560) * 14px);height:calc(var(--width560) * 14px); background-size:contain;margin:0 calc(var(--width560) * 2px) 0 0 ;}
    .dlodType b{width:calc(var(--width560) * 15px);height:calc(var(--width560) * 15px); background-size:contain;margin:0 calc(var(--width560) * 3px) 0 0 ;}
    .dlodTime b{width:calc(var(--width560) * 14px);height:calc(var(--width560) * 15px); background-size:contain;margin:0 calc(var(--width560) * 3px) 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:calc(var(--width560) * 17px);height:calc(var(--width560) * 12px); background-size:contain;margin:0 calc(var(--width560) * 5px) 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:calc(var(--width560) * 14px);height:calc(var(--width560) * 14px);background-size:contain;margin:0 calc(var(--width560) * 5px) 0 0;}
    .cldddLabels b{width:calc(var(--width560) * 14px);height:calc(var(--width560) * 14px); background-size:contain;}
    .clddTime b{width:calc(var(--width560) * 14px);height:calc(var(--width560) * 15px); background-size:contain;margin:0 calc(var(--width560) * 3px) 0 0;}
    .artleft-down .aldatitle b{width:calc(var(--width560) * 14px);height:calc(var(--width560) * 16px); background-size:contain;margin:0 calc(var(--width560) * 10px) 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: calc(var(--width560) * 18px);height: calc(var(--width560) * 18px); background-size: contain;}
    .vtdown dd em a b {width: calc(var(--width560) * 14px);height: calc(var(--width560) * 15px); margin: 0 calc(var(--width560) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: calc(var(--width560) * 14px);height: calc(var(--width560) * 15px); margin: 0 calc(var(--width560) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{  width: 100%;height: calc(var(--width560) * 120px);border-radius: calc(var(--width560) * 8px) calc(var(--width560) * 8px) 0px 0px;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: calc(var(--width560) * 150px);border-radius: calc(var(--width560) * 5px) calc(var(--width560) * 5px) 0px 0px;}
    .zttab-top img{ height: calc(var(--width560) * 150px); background-size: contain;}
    /* .zttabright .zttab-top{ width: 100%;height: calc(var(--width560) * 120px);border-radius: calc(var(--width560) * 8px) calc(var(--width560) * 8px) 0px 0px;} */
    .title-more b { width: calc(var(--width560) * 6px);height:calc(var(--width560) * 17px); margin: 0 0 0 calc(var(--width560) * 4px);background-size: contain;}
  
    .ylwTopSub1 {position: absolute;top: calc(var(--width560) * 25px);width:142px;height:147px; right:calc(var(--width560) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width560) * 10px);}

   
    
    .nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;}
    .nphpFootBg {width: 100%; background: #F7F7F7;box-shadow: 0px -4px 24px 0px rgba(0, 0, 0, 0.05);}
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}

    
    .rgdlds{margin:0 0 calc(var(--width560) * 20px) 0;}
    .rgdllefa {width: calc(var(--width560) * 75px);height: calc(var(--width560) * 75px);margin:0 calc(var(--width560) * 16px) 0 0;}
    .rgdllefimg {width: calc(var(--width560) * 65px);height: calc(var(--width560) * 65px);}
    .ridldrri{width: calc(var(--width560) * 200px);}
    .ridldrri a{font-size: calc(var(--width560) * 16px);margin:0 0 calc(var(--width560) * 15px) 0;}
    .ridldrri p{font-size: calc(var(--width560) * 14px);}
    .rgdllook{ width: calc(var(--width560) * 50px);height: calc(var(--width560) * 25px);font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 26px);}

    .webmidtabs{margin:0 calc(var(--width560) * 20px);}
    .mdidtabd{margin-right: calc(var(--width560) * 31px);}
    .mdidtabd img{width:calc(var(--width560) * 46px);height:calc(var(--width560) * 46px);}
    .mdidtabd span{ font-size: calc(var(--width560) * 14px); margin-top: calc(var(--width560) * 10px);}

    .sechcon{margin:calc(var(--width560) * 20px) 0 0 0;}
    .search-layerbg { min-height: calc(var(--width560) * 235px);}
    .sechtitle b{width: calc(var(--width560) * 18px);height: calc(var(--width560) * 18px);background-size: contain;}
    .schbg{margin:calc(var(--width560) * 20px);}
    .sechconlogoa{margin:0 auto calc(var(--width560) * 20px) auto;width:calc(var(--width560) * 159px);height: calc(var(--width560) * 41px);}
    .sechcon .sechconlogoa img{width:calc(var(--width560) * 159px);height: calc(var(--width560) * 41px);}
    .serchd{ height: calc(var(--width560) * 35px); margin:0 0 calc(var(--width560) * 23px) 0;}
    .serchd input{ margin:0 calc(var(--width560) * 10px);font-size: calc(var(--width560) * 14px); }
    .serchp{width:calc(var(--width560) * 25px);height: calc(var(--width560) * 25px); background-size: contain;margin:0 calc(var(--width560) * 11px) 0 0;flex-shrink: 0;}
    .topbtna{height:calc(var(--width560) * 25px); border-radius: 5px;font-size: calc(var(--width560) * 14px);padding: 0 calc(var(--width560) * 8px) 0 calc(var(--width560) * 7px); margin: 0 calc(var(--width560) * 10px) calc(var(--width560) * 10px) 0;}
    .top-btn{ height:calc(var(--width560) * 30px);}
    .left-jxai{margin:calc(var(--width560) * 40px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px);}
    .jxaida{margin:0 8% calc(var(--width560) * 20px) 0;width:19%;}
    .jxaida img{width: calc(var(--width560) * 73px);height: calc(var(--width560) * 73px);border-radius:calc(var(--width560) * 15px);margin:0 0 calc(var(--width560) * 15px) 0;}
    .jxaida p{font-size: calc(var(--width560) * 16px);}

    
}
@media screen and (max-width: 541px) {
    
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{ height:calc(var(--width540) * 180px);}
    .indexsw,.indexsw img{width: calc(var(--width540) * 350px);height: calc(var(--width540) * 162px);border-radius: calc(var(--width540) * 8px);}
    .index_swiper{margin:calc(var(--width540) * 20px) 0;}
    .index_swiper .swiper-pagination {bottom: calc(var(--width540) * 10px);left:18.5%;}
    .index_swiper .swiper-pagination-bullet {width: calc(var(--width540) * 10px);height: 5px;}
    .ltt-botd{font-size: calc(var(--width540) * 18px);line-height: calc(var(--width540) * 24px);height:calc(var(--width540) * 90px);border-radius: 0 0 calc(var(--width540) * 8px) calc(var(--width540) * 8px);}
    .ltt-botd p{ margin: calc(var(--width540) * 40px) calc(var(--width540) * 15px) 0 calc(var(--width540) * 15px);}

    .ltt-down{margin:calc(var(--width540) * 20px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
    .ltdlefta-down p:nth-child(1){font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 22px);margin:0 0 calc(var(--width540) * 10px) 0;}
    .ltdlefta-down p:nth-child(2){font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 20px);}
    .ltdlefta{margin:calc(var(--width540) * 24px) 0 0 0;}
    .ltdlefta:first-child{margin:calc(var(--width540) * 20px) 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 calc(var(--width540) * 19px) 0;}
    .title-more{font-size: calc(var(--width540) * 14px);}
    .title-left{font-size: calc(var(--width540) * 20px);}
    .left-jxai .title-left b{width:calc(var(--width540) * 26px);height:calc(var(--width540) * 24px); background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}

    .left-zt .title-left b{width:calc(var(--width540) * 24px);height:calc(var(--width540) * 24px); background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    .left-ai .title-left b{width:calc(var(--width540) * 25px);height:calc(var(--width540) * 24px);  background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    .left-article .title-left b{width:calc(var(--width540) * 25px);height:calc(var(--width540) * 24px); background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    .left-video .title-left b{width:calc(var(--width540) * 27px);height:calc(var(--width540) * 24px); background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    .hours-read .title-left b{width:calc(var(--width540) * 25px);height:calc(var(--width540) * 23px); background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    .tech-news .title-left b{width:calc(var(--width540) * 24px);height:calc(var(--width540) * 24px); background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    .quality-courses .title-left b{width:calc(var(--width540) * 26px);height:calc(var(--width540) * 24px); background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    .hot-down .title-left b{width:calc(var(--width540) * 26px);height:calc(var(--width540) * 24px); background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    .codedl .title-left b{width:calc(var(--width540) * 26px);height:calc(var(--width540) * 26px); background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}

    /* .title-left .pfjt{line-height: calc(var(--width540) * 23px);}
    .title-left .eng{ font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 20px); margin:calc(var(--width540) * 5px) 0 0 calc(var(--width540) * 6px);} */
    .zttabtdDes{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 22px);margin:calc(var(--width540) * 14px) calc(var(--width540) * 20px) calc(var(--width540) * 20px) calc(var(--width540) * 20px);}
    .zttabtdDes a{font-size:calc(var(--width540) * 14px);}
    .zttab-top{width: 100%;height:calc(var(--width540) * 120px);border-radius: calc(var(--width540) * 8px) calc(var(--width540) * 8px) 0px 0px;}
    .left-zt,.list-downs{margin:calc(var(--width540) * 32px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
    .left-video{margin:calc(var(--width540) * 40px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
    .left-ai{margin:calc(var(--width540) * 60px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
    .left-article{margin:calc(var(--width540) * 40px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
    .zttab{width: calc(var(--width540) * 270px);min-width:calc(var(--width540) * 270px);border-radius: calc(var(--width540) * 5px);}
    .zttab:nth-child(2){margin:0 calc(var(--width540) * 20px);}
    .zttab-ul{margin:0 calc(var(--width540) * 16px) calc(var(--width540) * 20px) calc(var(--width540) * 16px);}
    .zttabtd{width:100%;}
    .zttabtd p:nth-child(1){font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 25px);margin:calc(var(--width540) * 20px) calc(var(--width540) * 20px) calc(var(--width540) * 10px) calc(var(--width540) * 20px);}
    .zttabtd p:nth-child(2){font-size:calc(var(--width540) * 16px);line-height:calc(var(--width540) * 25px);margin:0 calc(var(--width540) * 20px);}
    .zttab-ul{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 20px);}
    .zttaba{margin:calc(var(--width540) * 20px) 0;height:calc(var(--width540) * 20px);}
    .aibtnimg{width: calc(var(--width540) * 72px);height: calc(var(--width540) * 72px);border-radius: calc(var(--width540) * 15px);}
    .aibtn-right p:nth-child(1){font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 18px);margin:calc(var(--width540) * 16px) 0 0 0;}
    /* .aibtn-right p:nth-child(2){font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 22px);margin:0 calc(var(--width540) * 6px) 0 0;} */
    .aibtns{width:19%; border-radius: calc(var(--width540) * 8px);margin:0 8% calc(var(--width540) * 20px) 0;}
    .aitabs{ height: calc(var(--width540) * 40px);border-radius:calc(var(--width540) * 5px);margin:0 0 calc(var(--width540) * 22px) 0}

    .aitaba{font-size: calc(var(--width540) * 14px);margin:0 calc(var(--width540) * 15px) 0 0;}
    .aitaba.check b{height:calc(var(--width540) * 3px);}
    .aitaba:nth-of-type(1){margin:0 calc(var(--width540) * 15px) 0 calc(var(--width540) * 10px);}
    .aitaba:last-of-type(){margin:0 calc(var(--width540) * 10px) 0 0;}

    .aiswiper-pagintaion{margin: calc(var(--width540) * 5px) auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:calc(var(--width540) * 5px);}
    .swiper-pagination{width:100%;}
    .swiper-pagination-bullet{width: calc(var(--width540) * 50px);height:3px;border-radius: 2px;margin: 0 calc(var(--width540) * 18px) 0 0;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet,
    .left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet
    {width: calc(var(--width540) * 15px);height: calc(var(--width540) * 5px);margin:0 calc(var(--width540) * 6px) 0 0;}
    .coursesswiper-pagination,.hotswiper-pagination{margin:calc(var(--width540) * 10px) 0 0 0;}
    .artleftp{width: calc(var(--width540) * 10px);height: calc(var(--width540) * 10px);margin:calc(var(--width540) * 6px) calc(var(--width540) * 6px) 0 0;}
    .artleft{margin:0 0 calc(var(--width540) * 15px) 0;}
    .artleft-down .aldatitle{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 22px);}
    .artleft-down .aldadesc{margin:calc(var(--width540) * 10px) 0;font-size:calc(var(--width540) * 14px);}
    .artleft-tab a{max-width: calc(var(--width540) * 100px); height: calc(var(--width540) * 25px);;border-radius: calc(var(--width540) * 5px);padding:0 calc(var(--width540) * 6px); margin:0 calc(var(--width540) * 10px) 0 0;
        line-height: calc(var(--width540) * 24px);font-size:calc(var(--width540) * 12px);
    }
    .artleft-tab{padding:0 0 calc(var(--width540) * 15px) 0;}
    .artleft-down{width:100%}
    .video-tab{width:47%;border-radius:calc(var(--width540) * 5px);margin:0 0 calc(var(--width540) * 20px) 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtaba,.vtabimg{width:100%;height:calc(var(--width540) * 110px);}
    .vtdown dt {height: calc(var(--width540) * 44px);font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 22px);margin:calc(var(--width540) * 12px) calc(var(--width540) * 15px) 0 calc(var(--width540) * 15px);}
    .vtdown dt .bg1{font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 12px);}
    .vtdown dt .bg2 {font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 12px);}
    .vtdown dt .bg3 {font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 12px);}
    .vtdown dt i {font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 12px);width: calc(var(--width540) * 32px);height: calc(var(--width540) * 16px);border-radius: 2px;padding: 2px 2px;}
    .vtdown dd {margin:calc(var(--width540) * 18px) calc(var(--width540) * 14px) calc(var(--width540) * 14px) calc(var(--width540) * 14px);font-size:calc(var(--width540) * 12px);}
    .vtaba-free{ width: calc(var(--width540) * 45px);height: calc(var(--width540) * 20px); border-radius: calc(var(--width540) * 5px) 0px calc(var(--width540) * 5px) 0px;
         font-size: calc(var(--width540) * 14px); line-height: calc(var(--width540) * 12px);  
    }
    .allAlist .taballsdown {height: calc(var(--width540) * 50px);}
    .tabLi {height: calc(var(--width540) * 44px);}
    .taballsdown .alllistdiv { font-size: calc(var(--width540) * 18px);line-height: calc(var(--width540) * 25px);
        margin-top: calc(var(--width540) * 8px);height: calc(var(--width540) * 43px);border-radius: calc(var(--width540) * 5px) calc(var(--width540) * 5px) 0px 0px;padding: 0 calc(var(--width540) * 10px);
    }
    .alllistdiv.check{font-size: calc(var(--width540) * 20px);line-height: calc(var(--width540) * 25px);}
    .tabLi img {width:calc(var(--width540) * 78px);height:calc(var(--width540) * 45px);}
    .tabA2.mores b{width:calc(var(--width540) * 20px);height:calc(var(--width540) * 4px);}
    .tabA2.mores{margin:0 calc(var(--width540) * 16px) 0 0;}
    .blackTab2{ margin:calc(var(--width540) * 20px) 0 0 calc(var(--width540) * 20px);}
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 22px);margin:0 calc(var(--width540) * 8px);}
    .btabdiv2 ul li{height: calc(var(--width540) * 30px); border-radius:calc(var(--width540) * 5px);line-height: calc(var(--width540) * 30px);margin:0 calc(var(--width540) * 12px) 0 0;}
    .allAlist{margin:calc(var(--width540) * 40px) 0 0 0;}
    .layui-tab-items{margin:calc(var(--width540) * 20px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
    .cldA,.cldaimg{width: calc(var(--width540) * 140px);height: calc(var(--width540) * 86px);border-radius: calc(var(--width540) * 5px);}
    .cldA{margin:0 calc(var(--width540) * 15px) 0 0;}
    .clDiv{padding:0 0 calc(var(--width540) * 20px) 0;margin:0 0 calc(var(--width540) * 20px) 0;}
    .clDiv dt a{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 24px);}
    .clDiv dt {height:calc(var(--width540) * 45px);font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 24px);}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 12px);padding: calc(var(--width540) * 4px) calc(var(--width540) * 6px);width: calc(var(--width540) * 46px);height: calc(var(--width540) * 20px);}
    .clddTime{line-height: calc(var(--width540) * 18px);font-size:calc(var(--width540) * 12px);}
    .cldddLabels a{font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 21px);height: calc(var(--width540) * 21px);padding:0 calc(var(--width540) * 5px);margin:0 0 0 calc(var(--width540) * 5px); }
    .cldddLabels{margin:0 0 0 calc(var(--width540) * 10px);width: calc(var(--width540) * 140px);}
    .clDivmore{height: calc(var(--width540) * 35px);border-radius: calc(var(--width540) * 5px);font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 22px);}
    .clDivmore b{width:calc(var(--width540) * 18px);height:calc(var(--width540) * 18px);background-size: contain;margin:0 0 0 calc(var(--width540) * 5px);}
    .hours-read,.tech-news{margin:calc(var(--width540) * 40px) 0 0 0;}
    .hours-read{margin-bottom:calc(var(--width540) * 60px);}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width540) * 60px) 0 0 0;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:calc(var(--width540) * 26px);height:calc(var(--width540) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:calc(var(--width540) * 26px);height:calc(var(--width540) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:calc(var(--width540) * 26px);height:calc(var(--width540) * 28px);background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum{width:calc(var(--width540) * 26px);height:calc(var(--width540) * 28px); background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:calc(var(--width540) * 4px) 0 0 calc(var(--width540) * 7px);}
    .hournum{font-size:calc(var(--width540) * 18px);margin:0 calc(var(--width540) * 12px) 0 0;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left:calc(var(--width540) * 3px);}
    .hourcon{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 26px);}
    .hoursided{margin:0 0 calc(var(--width540) * 14px) 0;}
    .advertisement{border-radius: calc(var(--width540) * 5px);margin: calc(var(--width540) * 68px) 0 0 0;}
    .advertisement img{width: calc(var(--width540) * 391px);height: calc(var(--width540) * 332px);border-radius: calc(var(--width540) * 5px);}
    .techblack{width: calc(var(--width540) * 6px);height: calc(var(--width540) * 6px);margin:calc(var(--width540) * 10px) calc(var(--width540) * 10px) 0 0;flex-shrink: 0;}
    .techcon{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 24px);}
    .techsided{margin:0 0 calc(var(--width540) * 20px) 0;}
    .courses-left,.courses-left img{width: calc(var(--width540) * 140px);height: calc(var(--width540) * 86px);border-radius: calc(var(--width540) * 5px);}
    .courses-left{margin:0 calc(var(--width540) * 14px) 0 0;}
    .coursecon{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 26px);}
    .course-down{font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 22px);}
    .course-down b { height: calc(var(--width540) * 13px);margin: 0 calc(var(--width540) * 4px);}
    .coursessided{margin:0 0 calc(var(--width540) * 20px) 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: calc(var(--width540) * 140px);height: calc(var(--width540) * 86px);border-radius: calc(var(--width540) * 5px);}
    .hot-left{margin:0 calc(var(--width540) * 14px) 0 0;}
    .hotra{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 26px);}

    .hotrdown{width: calc(var(--width540) * 58px);height: calc(var(--width540) * 25px);border-radius: calc(var(--width540) * 5px);font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 17px);}
    .hotsided{margin:0 0 calc(var(--width540) * 20px) 0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{margin:0 calc(var(--width540) * 15px);}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size:calc(var(--width540) * 12px);line-height: calc(var(--width540) * 18px);}
    .ztLists .clddTitle,.artLists .clddTitle{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 24px);}
    .aitabtopa,.aitabtopa img{width: calc(var(--width540) * 72px);height: calc(var(--width540) * 72px);border-radius: calc(var(--width540) * 15px);}
    .aitab{margin:calc(var(--width540) * 16px) 0 0 0;}
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:calc(var(--width540) * 16px);}
    .aitab-down{margin:0 0 0 calc(var(--width540) * 15px);padding-bottom: calc(var(--width540) * 15px);}
    .aitabdowna{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 16px);}
    .aitabdowntime{font-size:calc(var(--width540) * 14px);line-height: calc(var(--width540) * 20px);margin:calc(var(--width540) * 6px) 0;}
    .aitabdta{padding:0 calc(var(--width540) * 7px);height: calc(var(--width540) * 21px);border-radius: calc(var(--width540) * 5px);font-size:calc(var(--width540) * 12px);line-height: calc(var(--width540) * 21px);margin:0 calc(var(--width540) * 5px) 0 0;}
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 calc(var(--width540) * 20px) 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 calc(var(--width540) * 16px) calc(var(--width540) * 20px) 0;}
    .dlodiva,.dlodiva img{width:100%;height: calc(var(--width540) * 110px);border-radius: calc(var(--width540) * 5px) calc(var(--width540) * 5px) 0px 0px;}
    .dtliallda,.dtliallda img {width: calc(var(--width540) * 70px);height: calc(var(--width540) * 70px);border-radius: calc(var(--width540) * 15px);}
    .downlTwo{margin:calc(var(--width540) * 20px) 0 0 0;}
    .dloDiv{width:47%;border-radius: calc(var(--width540) * 5px);margin:0 0 calc(var(--width540) * 20px) 0;}
    .dloDiv:nth-child(2n+1){margin:0 calc(var(--width540) * 16px) calc(var(--width540) * 16px) 0;}
    .dlodTitle i {height: calc(var(--width540) * 18px);padding:2px calc(var(--width540) * 4px);
        font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 16px);
    }
    .dlodTitle a {font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 24px);margin: 0 0 0 calc(var(--width540) * 6px);}
    .dldowndes{margin:0 calc(var(--width540) * 10px) calc(var(--width540) * 10px) calc(var(--width540) * 10px);}
    .dlodTitle{height: calc(var(--width540) * 48px);margin:calc(var(--width540) * 15px) calc(var(--width540) * 20px) calc(var(--width540) * 10px) calc(var(--width540) * 13px);}
    .downmoney{margin:0 calc(var(--width540) * 13px) calc(var(--width540) * 12px) calc(var(--width540) * 13px); }
    .downmoney span:nth-child(1){font-size: calc(var(--width540) * 18px); }
    .downmoney span:nth-child(2){font-size: calc(var(--width540) * 12px);}
    .dlodType,.dlodTime{font-size:calc(var(--width540) * 12px);line-height: calc(var(--width540) * 12px);}
    .dtliAlld{ border-radius: calc(var(--width540) * 4px);margin:0 0 calc(var(--width540) * 13px) 0;}
    .dtliAlld:last-child(){margin:0 0 calc(var(--width540) * 16px) 0;}
    .dtliallda{margin:0 calc(var(--width540) * 16px) 0 0;}
    .dtlTitle{ padding-bottom: calc(var(--width540) * 15px);height: calc(var(--width540) * 70px);}
    .dtlTitle a:nth-child(1){font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 22px);}
    .dtlTitle a:nth-child(2){line-height: calc(var(--width540) * 18px);font-size: calc(var(--width540) * 14px);}
    .dtlDown{font-size: calc(var(--width540) * 12px); }
    .dtlDowno b{width:calc(var(--width540) * 18px);height:calc(var(--width540) * 18px); background-size: contain;margin-right:calc(var(--width540) * 5px);}
    .dtlDownt b{width:calc(var(--width540) * 18px);height:calc(var(--width540) * 18px); background-size: contain;margin-right:calc(var(--width540) * 5px);}
    .dtlDowno{margin:0 calc(var(--width540) * 16px) 0 0;}
    .downtwolist{flex:0 0 auto;}
    .downtwolist:nth-child(2){margin:0 calc(var(--width540) * 16px);}
    .dlfor{width:47%; border-radius: calc(var(--width540) * 8px);margin:0 calc(var(--width540) * 20px) calc(var(--width540) * 20px) 0;}
    .dlfor:nth-child(2n+2){margin:0 0 calc(var(--width540) * 20px) 0;}
    .dlfrTitle{margin:calc(var(--width540) * 10px) 0;}
    .dlfrTitle a{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 24px);height:calc(var(--width540) * 48px);}
    .dlfrToptitle{ font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 24px);height: calc(var(--width540) * 49px);}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: calc(var(--width540) * 12px);height: calc(var(--width540) * 21px);padding:calc(var(--width540) * 2px) calc(var(--width540) * 4px); }
    .dlftTimes,.dlfrDownload,.dlfrWatch{line-height: calc(var(--width540) * 18px);font-size:calc(var(--width540) * 12px);}
    .dlfrWatch{margin-right: calc(var(--width540) * 12px);}
    .dlfrDown{margin:calc(var(--width540) * 15px) calc(var(--width540) * 13px) calc(var(--width540) * 14px) calc(var(--width540) * 13px);}
    .dlfrDowns{ margin-top: calc(var(--width540) * 12px);}
    .downlFour {margin: calc(var(--width540) * 20px) 0 0 0;}

    .scothdWatch{margin:0 calc(var(--width540) * 17px);}
    .scodotherd {border-radius: calc(var(--width540) * 5px);margin: 0 0 calc(var(--width540) * 20px) 0;}
    .scothds {margin: calc(var(--width540) * 12px) calc(var(--width540) * 13px);}
    .scothtop {font-size: calc(var(--width540) * 16px);height: calc(var(--width540) * 28px);}
    .scothtop dt span,.scothdsd a:nth-child(1) {height: calc(var(--width540) * 20px);line-height: calc(var(--width540) * 26px);}
    .scothtop dt i,.scothdsd a:nth-child(2) i {max-width: calc(var(--width540) * 65px);max-height: calc(var(--width540) * 26px);border-radius: calc(var(--width540) * 3px);
        font-size: calc(var(--width540) * 12px);padding: 0 calc(var(--width540) * 6px) 0 calc(var(--width540) * 8px);line-height: calc(var(--width540) * 26px);
    }
    .scothmiddle {font-size: calc(var(--width540) * 14px);margin: calc(var(--width540) * 10px) 0 calc(var(--width540) * 14px) 0;-webkit-line-clamp: 1;}
    .scothdown {font-size: calc(var(--width540) * 12px);}
    .scothdTime b {width: calc(var(--width540) * 14px);height: calc(var(--width540) * 15px);margin: 0 calc(var(--width540) * 4px) 0 0;background-size: contain;}
    .scothdWatch b {width: calc(var(--width540) * 18px);height: calc(var(--width540) * 12px);margin: 0 calc(var(--width540) * 4px) 0 0;background-size: contain;}
    .scothdDownload b {width: calc(var(--width540) * 16px);height: calc(var(--width540) * 16px);margin: 0 calc(var(--width540) * 4px) 0 0;background-size: contain;}

    
    .downlThree,.downlFive{margin:calc(var(--width540) * 20px) 0 0 0;}
    .dtlImg{width: calc(var(--width540) * 80px);height: calc(var(--width540) * 80px);border-radius: calc(var(--width540) * 4px); }
    .coderTitle{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 16px);}
    .coderDes{line-height: calc(var(--width540) * 22px);margin:calc(var(--width540) * 12px) 0 calc(var(--width540) * 10px) 0;font-size: calc(var(--width540) * 14px);}

    .codeconAd{width:100%; border-radius: calc(var(--width540) * 5px);margin:0 0 calc(var(--width540) * 15px) 0;}
    .codeconAd .dtlImg{margin:0 calc(var(--width540) * 18px) 0 0;}
    .codecRight{margin: 0;width: 100%;padding-bottom: calc(var(--width540) * 15px);}
    .morecon-all{margin:calc(var(--width540) * 16px);width:100%;}
    .mlc-title{font-size: calc(var(--width540) * 18px);line-height: calc(var(--width540) * 25px);padding:0 0 calc(var(--width540) * 13px) 0;width:100%;}
    .mlc-con{margin:calc(var(--width540) * 16px) 0 0 0;}
    .mlcA{height: calc(var(--width540) * 42px);border-radius: calc(var(--width540) * 4px);font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 22px);padding:0 calc(var(--width540) * 12px);margin:0 calc(var(--width540) * 15px) calc(var(--width540) * 15px) 0;}

    .dlfrDownload b{width:calc(var(--width540) * 14px);height:calc(var(--width540) * 15px); background-size:contain;margin:0 calc(var(--width540) * 2px) 0 0 ;}
    .dlfrWatch b{width:calc(var(--width540) * 16px);height:calc(var(--width540) * 16px); background-size:contain;margin:0 calc(var(--width540) * 2px) 0 0 ;}
    .dlftTimes b{width:calc(var(--width540) * 14px);height:calc(var(--width540) * 14px); background-size:contain;margin:0 calc(var(--width540) * 2px) 0 0 ;}
    .dlodType b{width:calc(var(--width540) * 15px);height:calc(var(--width540) * 15px); background-size:contain;margin:0 calc(var(--width540) * 3px) 0 0 ;}
    .dlodTime b{width:calc(var(--width540) * 14px);height:calc(var(--width540) * 15px); background-size:contain;margin:0 calc(var(--width540) * 3px) 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:calc(var(--width540) * 17px);height:calc(var(--width540) * 12px); background-size:contain;margin:0 calc(var(--width540) * 5px) 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:calc(var(--width540) * 14px);height:calc(var(--width540) * 14px);background-size:contain;margin:0 calc(var(--width540) * 5px) 0 0;}
    .cldddLabels b{width:calc(var(--width540) * 14px);height:calc(var(--width540) * 14px); background-size:contain;}
    .clddTime b{width:calc(var(--width540) * 14px);height:calc(var(--width540) * 15px); background-size:contain;margin:0 calc(var(--width540) * 3px) 0 0;}
    .artleft-down .aldatitle b{width:calc(var(--width540) * 14px);height:calc(var(--width540) * 16px); background-size:contain;margin:0 calc(var(--width540) * 10px) 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: calc(var(--width540) * 18px);height: calc(var(--width540) * 18px); background-size: contain;}
    .vtdown dd em a b {width: calc(var(--width540) * 14px);height: calc(var(--width540) * 15px); margin: 0 calc(var(--width540) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: calc(var(--width540) * 14px);height: calc(var(--width540) * 15px); margin: 0 calc(var(--width540) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{  width: 100%;height: calc(var(--width540) * 120px);border-radius: calc(var(--width540) * 8px) calc(var(--width540) * 8px) 0px 0px;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: calc(var(--width540) * 150px);border-radius: calc(var(--width540) * 5px) calc(var(--width540) * 5px) 0px 0px;}
    .zttab-top img{ height: calc(var(--width540) * 150px); background-size: contain;}
    /* .zttabright .zttab-top{ width: 100%;height: calc(var(--width540) * 120px);border-radius: calc(var(--width540) * 8px) calc(var(--width540) * 8px) 0px 0px;} */
    .title-more b { width: calc(var(--width540) * 6px);height:calc(var(--width540) * 17px); margin: 0 0 0 calc(var(--width540) * 4px) ;background-size: contain;}

    .ylwTopSub1 {position: absolute;top: calc(var(--width540) * 25px);width:142px;height:147px; right:calc(var(--width540) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width540) * 10px);}
   
    
    .nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;}
    .nphpFootBg {width: 100%; background: #F7F7F7;box-shadow: 0px -4px 24px 0px rgba(0, 0, 0, 0.05);}
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}

    
    .rgdlds{margin:0 0 calc(var(--width540) * 20px) 0;}
    .rgdllefa {width: calc(var(--width540) * 75px);height: calc(var(--width540) * 75px);margin:0 calc(var(--width540) * 16px) 0 0;}
    .rgdllefimg {width: calc(var(--width540) * 65px);height: calc(var(--width540) * 65px);}
    .ridldrri{width: calc(var(--width540) * 200px);}
    .ridldrri a{font-size: calc(var(--width540) * 16px);margin:0 0 calc(var(--width540) * 15px) 0;}
    .ridldrri p{font-size: calc(var(--width540) * 14px);}
    .rgdllook{ width: calc(var(--width540) * 50px);height: calc(var(--width540) * 25px);font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 26px);}

    .webmidtabs{margin:0 calc(var(--width540) * 20px);}
    .mdidtabd{margin-right: calc(var(--width540) * 31px);}
    .mdidtabd img{width:calc(var(--width540) * 46px);height:calc(var(--width540) * 46px);}
    .mdidtabd span{ font-size: calc(var(--width540) * 14px); margin-top: calc(var(--width540) * 10px);}

    
    .sechcon{margin:calc(var(--width540) * 20px) 0 0 0;}
    .search-layerbg { min-height: calc(var(--width540) * 235px);}
    .sechtitle b{width: calc(var(--width540) * 18px);height: calc(var(--width540) * 18px);background-size: contain;}
    .schbg{margin:calc(var(--width540) * 20px);}
    .sechconlogoa{margin:0 auto calc(var(--width540) * 20px) auto;width:calc(var(--width540) * 159px);height: calc(var(--width540) * 41px);}
    .sechcon .sechconlogoa img{width:calc(var(--width540) * 159px);height: calc(var(--width540) * 41px);}
    .serchd{ height: calc(var(--width540) * 35px); margin:0 0 calc(var(--width540) * 23px) 0;}
    .serchd input{ margin:0 calc(var(--width540) * 10px);font-size: calc(var(--width540) * 14px); }
    .serchp{width:calc(var(--width540) * 25px);height: calc(var(--width540) * 25px); background-size: contain;margin:0 calc(var(--width540) * 11px) 0 0;flex-shrink: 0;}
    .topbtna{height:calc(var(--width540) * 25px); border-radius: 5px;font-size: calc(var(--width540) * 14px);padding: 0 calc(var(--width540) * 8px) 0 calc(var(--width540) * 7px); margin: 0 calc(var(--width540) * 10px) calc(var(--width540) * 10px) 0;}
    .top-btn{ height:calc(var(--width540) * 30px);}
    .left-jxai{margin:calc(var(--width540) * 40px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
    .jxaida{margin:0 8% calc(var(--width540) * 20px) 0;width:19%;}
    .jxaida img{width: calc(var(--width540) * 73px);height: calc(var(--width540) * 73px);border-radius:calc(var(--width540) * 15px);margin:0 0 calc(var(--width540) * 15px) 0;}
    .jxaida p{font-size: calc(var(--width540) * 16px);}
    
}

@media screen and (max-width: 516px) {
    .video-tab {width:47%;}


}

@media screen and (max-width: 501px) {
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{ height:calc(var(--width501) * 180px);}
    .indexsw,.indexsw img{width: calc(var(--width501) * 350px);height: calc(var(--width501) * 162px);border-radius: calc(var(--width501) * 8px);}
    .index_swiper{margin:calc(var(--width501) * 20px) 0;}
    .index_swiper .swiper-pagination {bottom: calc(var(--width501) * 10px);left:18.8%;}
    .index_swiper .swiper-pagination-bullet {width: calc(var(--width501) * 10px);height: 5px;}
    .ltt-botd{font-size: calc(var(--width501) * 18px);line-height: calc(var(--width501) * 24px);height:calc(var(--width501) * 90px);border-radius: 0 0 calc(var(--width501) * 8px) calc(var(--width501) * 8px);}
    .ltt-botd p{ margin: calc(var(--width501) * 40px) calc(var(--width501) * 15px) 0 calc(var(--width501) * 15px);}

    .ltt-down{margin:calc(var(--width501) * 20px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px);}
    .ltdlefta-down p:nth-child(1){font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 22px);margin:0 0 calc(var(--width501) * 10px) 0;}
    .ltdlefta-down p:nth-child(2){font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 20px);}
    .ltdlefta{margin:calc(var(--width501) * 24px) 0 0 0;}
    .ltdlefta:first-child{margin:calc(var(--width501) * 20px) 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 calc(var(--width501) * 19px) 0;}
    .title-more{font-size: calc(var(--width501) * 14px);}
    .title-left{font-size: calc(var(--width501) * 20px); }
    .left-jxai .title-left b{width:calc(var(--width501) * 26px);height:calc(var(--width501) * 24px); background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}

    .left-zt .title-left b{width:calc(var(--width501) * 24px);height:calc(var(--width501) * 24px); background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    .left-ai .title-left b{width:calc(var(--width501) * 25px);height:calc(var(--width501) * 24px);  background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    .left-article .title-left b{width:calc(var(--width501) * 25px);height:calc(var(--width501) * 24px); background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    .left-video .title-left b{width:calc(var(--width501) * 27px);height:calc(var(--width501) * 24px); background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    .hours-read .title-left b{width:calc(var(--width501) * 25px);height:calc(var(--width501) * 23px); background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    .tech-news .title-left b{width:calc(var(--width501) * 24px);height:calc(var(--width501) * 24px); background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    .quality-courses .title-left b{width:calc(var(--width501) * 26px);height:calc(var(--width501) * 24px); background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    .hot-down .title-left b{width:calc(var(--width501) * 26px);height:calc(var(--width501) * 24px); background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    .codedl .title-left b{width:calc(var(--width501) * 26px);height:calc(var(--width501) * 26px); background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    /* .title-left .pfjt{line-height: calc(var(--width501) * 23px);}
    .title-left .eng{ font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 20px); margin:calc(var(--width501) * 5px) 0 0 calc(var(--width501) * 6px);} */
    .zttabtdDes{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 22px);margin:calc(var(--width501) * 14px) calc(var(--width501) * 20px) calc(var(--width501) * 20px) calc(var(--width501) * 20px);}
    .zttabtdDes a{font-size:calc(var(--width501) * 14px);}
    .zttab-top{width: 100%;height:calc(var(--width501) * 120px);border-radius: calc(var(--width501) * 8px) calc(var(--width501) * 8px) 0px 0px;}
    .left-zt,.list-downs{margin:calc(var(--width501) * 32px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px);}
    .left-video{margin:calc(var(--width501) * 40px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px);}
    .left-ai{margin:calc(var(--width501) * 60px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px);}
    .left-article{margin:calc(var(--width501) * 40px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px);}
    .zttab{width: calc(var(--width501) * 270px);min-width:calc(var(--width501) * 270px); border-radius: calc(var(--width501) * 5px);}
    .zttab:nth-child(2){margin:0 calc(var(--width501) * 20px);}
    .zttab-ul{margin:0 calc(var(--width501) * 16px) calc(var(--width501) * 20px) calc(var(--width501) * 16px);}
    .zttabtd{width:100%;}
    .zttabtd p:nth-child(1){font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 25px);margin:calc(var(--width501) * 20px) calc(var(--width501) * 20px) calc(var(--width501) * 10px) calc(var(--width501) * 20px);}
    .zttabtd p:nth-child(2){font-size:calc(var(--width501) * 16px);line-height:calc(var(--width501) * 25px);margin:0 calc(var(--width501) * 20px);}
    .zttab-ul{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 20px);}
    .zttaba{margin:calc(var(--width501) * 20px) 0;height:calc(var(--width501) * 20px);}
    .aibtnimg{width: calc(var(--width501) * 72px);height: calc(var(--width501) * 72px);border-radius: calc(var(--width501) * 15px);}
    .aibtn-right p:nth-child(1){font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 18px);margin:calc(var(--width501) * 16px) 0 0 0;}
    /* .aibtn-right p:nth-child(2){font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 22px);margin:0 calc(var(--width501) * 6px) 0 0;} */
    .aibtns{width:19%; border-radius: calc(var(--width501) * 8px);margin:0 8% calc(var(--width501) * 20px) 0;}
    .aitabs{ height: calc(var(--width501) * 40px);border-radius:calc(var(--width501) * 5px);margin:0 0 calc(var(--width501) * 22px) 0}
    .aitaba{font-size: calc(var(--width501) * 14px);margin:0 calc(var(--width501) * 15px) 0 0;}
    .aitaba.check b{height:calc(var(--width501) * 3px);}
    .aitaba:nth-of-type(1){margin:0 calc(var(--width501) * 15px) 0 calc(var(--width501) * 10px);}
    .aitaba:last-of-type(){margin:0 calc(var(--width501) * 10px) 0 0;}

    .aiswiper-pagintaion{margin: calc(var(--width501) * 5px) auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:calc(var(--width501) * 5px);}
    .swiper-pagination{width:100%;}
    .swiper-pagination-bullet{width: calc(var(--width501) * 50px);height:3px;border-radius: 2px;margin: 0 calc(var(--width501) * 18px) 0 0;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet,
    .left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet
    {width: calc(var(--width501) * 15px);height: calc(var(--width501) * 5px);margin:0 calc(var(--width501) * 6px) 0 0;}
    .coursesswiper-pagination,.hotswiper-pagination{margin:calc(var(--width501) * 10px) 0 0 0;}
    .artleftp{width: calc(var(--width501) * 10px);height: calc(var(--width501) * 10px);margin:calc(var(--width501) * 6px) calc(var(--width501) * 6px) 0 0;}
    .artleft{margin:0 0 calc(var(--width501) * 15px) 0;}
    .artleft-down .aldatitle{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 22px);}
    .artleft-down .aldadesc{margin:calc(var(--width501) * 10px) 0;font-size:calc(var(--width501) * 14px);}
    .artleft-tab a{max-width: calc(var(--width501) * 100px); height: calc(var(--width501) * 25px);;border-radius: calc(var(--width501) * 5px);padding:0 calc(var(--width501) * 6px); margin:0 calc(var(--width501) * 10px) 0 0;
        line-height: calc(var(--width501) * 24px);font-size:calc(var(--width501) * 12px);
    }
    .artleft-tab{padding:0 0 calc(var(--width501) * 15px) 0;}
    .artleft-down{width:100%}
    .video-tab{width:47%;border-radius:calc(var(--width501) * 5px);margin:0 0 calc(var(--width501) * 20px) 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtaba,.vtabimg{width:100%;height:calc(var(--width501) * 110px);}
    .vtdown dt {height: calc(var(--width501) * 44px);font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 22px);margin:calc(var(--width501) * 12px) calc(var(--width501) * 15px) 0 calc(var(--width501) * 15px);}
    .vtdown dt .bg1{font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 12px);}
    .vtdown dt .bg2 {font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 12px);}
    .vtdown dt .bg3 {font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 12px);}
    .vtdown dt i {font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 12px);width: calc(var(--width501) * 32px);height: calc(var(--width501) * 16px);border-radius: 2px;padding: 2px 2px;}
    .vtdown dd {margin:calc(var(--width501) * 18px) calc(var(--width501) * 14px) calc(var(--width501) * 14px) calc(var(--width501) * 14px);font-size:calc(var(--width501) * 12px);}
    .vtaba-free{ width: calc(var(--width501) * 45px);height: calc(var(--width501) * 20px); border-radius: calc(var(--width501) * 5px) 0px calc(var(--width501) * 5px) 0px;
        font-size: calc(var(--width501) * 14px); line-height: calc(var(--width501) * 12px);  
    }
    .allAlist .taballsdown {height: calc(var(--width501) * 50px);}
    .tabLi {height: calc(var(--width501) * 44px);}
    .taballsdown .alllistdiv {font-size: calc(var(--width501) * 18px);line-height: calc(var(--width501) * 25px);
        margin-top: calc(var(--width501) * 8px);height: calc(var(--width501) * 43px);border-radius: calc(var(--width501) * 5px) calc(var(--width501) * 5px) 0px 0px;padding: 0 calc(var(--width501) * 10px);
    }
    .alllistdiv.check{font-size: calc(var(--width501) * 20px);line-height: calc(var(--width501) * 25px);}
    .tabLi img {width:calc(var(--width501) * 78px);height:calc(var(--width501) * 45px);}
    .tabA2.mores b{width:calc(var(--width501) * 20px);height:calc(var(--width501) * 4px);}
    .tabA2.mores{margin:0 calc(var(--width501) * 16px) 0 0;}
    .blackTab2{margin:calc(var(--width501) * 20px) 0 0 calc(var(--width501) * 20px);}
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 22px);margin:0 calc(var(--width501) * 8px);}
    .btabdiv2 ul li{height: calc(var(--width501) * 30px); border-radius:calc(var(--width501) * 5px);line-height: calc(var(--width501) * 30px);margin:0 calc(var(--width501) * 12px) 0 0;}
    .allAlist{margin:calc(var(--width501) * 40px) 0 0 0;}
    .layui-tab-items{margin:calc(var(--width501) * 20px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px);}
    .cldA,.cldaimg{width: calc(var(--width501) * 140px);height: calc(var(--width501) * 86px);border-radius: calc(var(--width501) * 5px);}
    .cldA{margin:0 calc(var(--width501) * 15px) 0 0;}
    .clDiv{padding:0 0 calc(var(--width501) * 20px) 0;margin:0 0 calc(var(--width501) * 20px) 0;}
    .clDiv dt a{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 24px);}
    .clDiv dt {height:calc(var(--width501) * 45px);font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 24px);}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 12px);padding: calc(var(--width501) * 4px) calc(var(--width501) * 6px);width: calc(var(--width501) * 46px);height: calc(var(--width501) * 20px);}
    .clddTime{line-height: calc(var(--width501) * 18px);font-size:calc(var(--width501) * 12px);}
    .cldddLabels a{font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 21px);height: calc(var(--width501) * 21px);padding:0 calc(var(--width501) * 5px);margin:0 0 0 calc(var(--width501) * 5px); }
    .cldddLabels{margin:0 0 0 calc(var(--width501) * 10px);width: calc(var(--width501) * 140px);}
    .clDivmore{height: calc(var(--width501) * 35px);border-radius: calc(var(--width501) * 5px);font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 22px);}
    .clDivmore b{width:calc(var(--width501) * 18px);height:calc(var(--width501) * 18px);background-size: contain;margin:0 0 0 calc(var(--width501) * 5px);}
    .hours-read,.tech-news{margin:calc(var(--width501) * 40px) 0 0 0;}
    .hours-read{margin-bottom:calc(var(--width501) * 60px);}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width501) * 60px) 0 0 0;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:calc(var(--width501) * 26px);height:calc(var(--width501) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:calc(var(--width501) * 26px);height:calc(var(--width501) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:calc(var(--width501) * 26px);height:calc(var(--width501) * 28px);background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum{width:calc(var(--width501) * 26px);height:calc(var(--width501) * 28px); background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:calc(var(--width501) * 4px) 0 0 calc(var(--width501) * 7px);}
    .hournum{font-size:calc(var(--width501) * 18px);margin:0 calc(var(--width501) * 12px) 0 0;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left:calc(var(--width501) * 3px);}

    .hourcon{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 26px);}
    .hoursided{margin:0 0 calc(var(--width501) * 14px) 0;}
    .advertisement{border-radius: calc(var(--width501) * 5px);margin: calc(var(--width501) * 68px) 0 0 0;}
    .advertisement img{width: calc(var(--width501) * 391px);height: calc(var(--width501) * 332px);border-radius: calc(var(--width501) * 5px);}
    .techblack{width: calc(var(--width501) * 6px);height: calc(var(--width501) * 6px);margin:calc(var(--width501) * 10px) calc(var(--width501) * 10px) 0 0;flex-shrink: 0;}
    .techcon{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 24px);}
    .techsided{margin:0 0 calc(var(--width501) * 20px) 0;}
    .courses-left,.courses-left img{width: calc(var(--width501) * 140px);height: calc(var(--width501) * 86px);border-radius: calc(var(--width501) * 5px);}
    .courses-left{margin:0 calc(var(--width501) * 14px) 0 0;}
    .coursecon{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 26px);}
    .course-down{font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 22px);}
    .course-down b { height: calc(var(--width501) * 13px);margin: 0 calc(var(--width501) * 4px);}
    .coursessided{margin:0 0 calc(var(--width501) * 20px) 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: calc(var(--width501) * 140px);height: calc(var(--width501) * 86px);border-radius: calc(var(--width501) * 5px);}
    .hot-left{margin:0 calc(var(--width501) * 14px) 0 0;}
    .hotra{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 26px);}

    .hotrdown{width: calc(var(--width501) * 58px);height: calc(var(--width501) * 25px);border-radius: calc(var(--width501) * 5px);font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 20px);}
    .hotsided{margin:0 0 calc(var(--width501) * 20px) 0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{margin:0 calc(var(--width501) * 15px);}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size:calc(var(--width501) * 12px);line-height: calc(var(--width501) * 18px);}
    .ztLists .clddTitle,.artLists .clddTitle{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 24px);}
    .aitabtopa,.aitabtopa img{width: calc(var(--width501) * 72px);height: calc(var(--width501) * 72px);border-radius: calc(var(--width501) * 15px);}
    .aitab{ margin:calc(var(--width501) * 16px) 0 0 0;}
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:calc(var(--width501) * 16px);}
    .aitab-down{margin:0 0 0 calc(var(--width501) * 15px);padding-bottom: calc(var(--width501) * 15px);}
    .aitabdowna{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 16px);}
    .aitabdowntime{font-size:calc(var(--width501) * 14px);line-height: calc(var(--width501) * 20px);margin:calc(var(--width501) * 6px) 0;}
    .aitabdta{padding:0 calc(var(--width501) * 7px); height: calc(var(--width501) * 21px);border-radius: calc(var(--width501) * 5px);font-size:calc(var(--width501) * 12px);line-height: calc(var(--width501) * 21px);margin:0 calc(var(--width501) * 7px) 0 0; }
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 calc(var(--width501) * 20px) 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 calc(var(--width501) * 16px) calc(var(--width501) * 20px) 0;}
    .dlodiva,.dlodiva img{width:100%;height: calc(var(--width501) * 110px);border-radius: calc(var(--width501) * 5px) calc(var(--width501) * 5px) 0px 0px;}
    .dtliallda,.dtliallda img {width: calc(var(--width501) * 70px);height: calc(var(--width501) * 70px);border-radius: calc(var(--width501) * 15px);}
    .downlTwo{margin:calc(var(--width501) * 20px) 0 0 0;}
    .dloDiv{width:47%;border-radius: calc(var(--width501) * 5px);margin:0 0 calc(var(--width501) * 20px) 0;}
    .dloDiv:nth-child(2n+1){margin:0 calc(var(--width501) * 16px) calc(var(--width501) * 16px) 0;}
    .dlodTitle i {height: calc(var(--width501) * 18px);padding:2px calc(var(--width501) * 4px);
        font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 16px);
    }
    .dlodTitle a {font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 24px);margin: 0 0 0 calc(var(--width501) * 6px);}
    .dldowndes{margin:0 calc(var(--width501) * 10px) calc(var(--width501) * 10px) calc(var(--width501) * 10px);}
    .dlodTitle{height: calc(var(--width501) * 48px);margin:calc(var(--width501) * 15px) calc(var(--width501) * 20px) calc(var(--width501) * 10px) calc(var(--width501) * 13px);}
    .downmoney{margin:0 calc(var(--width501) * 13px) calc(var(--width501) * 12px) calc(var(--width501) * 13px); }
    .downmoney span:nth-child(1){font-size: calc(var(--width501) * 18px); }
    .downmoney span:nth-child(2){font-size: calc(var(--width501) * 12px);}
    .dlodType,.dlodTime{font-size:calc(var(--width501) * 12px);line-height: calc(var(--width501) * 12px);}
    .dtliAlld{ border-radius: calc(var(--width501) * 4px);margin:0 0 calc(var(--width501) * 13px) 0;}
    .dtliAlld:last-child(){margin:0 0 calc(var(--width501) * 16px) 0;}
    .dtliallda{margin:0 calc(var(--width501) * 16px) 0 0;}
    .dtlTitle{ padding-bottom: calc(var(--width501) * 15px);height: calc(var(--width501) * 70px);}
    .dtlTitle a:nth-child(1){font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 22px);}
    .dtlTitle a:nth-child(2){line-height: calc(var(--width501) * 18px);font-size: calc(var(--width501) * 14px);}
    .dtlDown{font-size: calc(var(--width501) * 12px); }
    .dtlDowno b{width:calc(var(--width501) * 18px);height:calc(var(--width501) * 18px); background-size: contain;margin-right:calc(var(--width501) * 5px);}
    .dtlDownt b{width:calc(var(--width501) * 18px);height:calc(var(--width501) * 18px); background-size: contain;margin-right:calc(var(--width501) * 5px);}
    .dtlDowno{margin:0 calc(var(--width501) * 16px) 0 0;}
    .downtwolist{flex:0 0 auto;}
    .downtwolist:nth-child(2){margin:0 calc(var(--width501) * 16px);}
    .dlfor{width:47%; border-radius: calc(var(--width501) * 8px);margin:0 calc(var(--width501) * 20px) calc(var(--width501) * 20px) 0;}
    .dlfor:nth-child(2n+2){margin:0 0 calc(var(--width501) * 20px) 0;}
    .dlfrTitle{margin:calc(var(--width501) * 10px) 0;}
    .dlfrTitle a{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 24px);height:calc(var(--width501) * 48px);}
    .dlfrToptitle{ font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 24px);height: calc(var(--width501) * 49px);}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: calc(var(--width501) * 12px);height: calc(var(--width501) * 21px);padding:calc(var(--width501) * 2px) calc(var(--width501) * 4px); }
    .dlftTimes,.dlfrDownload,.dlfrWatch{line-height: calc(var(--width501) * 18px);font-size:calc(var(--width501) * 12px);}
    .dlfrWatch{margin-right: calc(var(--width501) * 12px);}
    .dlfrDown{margin:calc(var(--width501) * 15px) calc(var(--width501) * 13px) calc(var(--width501) * 14px) calc(var(--width501) * 13px);}
    .dlfrDowns{ margin-top: calc(var(--width501) * 12px);}
    .downlFour {margin: calc(var(--width501) * 20px) 0 0 0;}
    .scothdWatch{margin:0 calc(var(--width501) * 17px);}
    .scodotherd {border-radius: calc(var(--width501) * 5px);margin: 0 0 calc(var(--width501) * 20px) 0;}
    .scothds {margin: calc(var(--width501) * 12px) calc(var(--width501) * 13px);}
    .scothtop {font-size: calc(var(--width501) * 16px);height: calc(var(--width501) * 28px);}
    .scothtop dt span,.scothdsd a:nth-child(1) {height: calc(var(--width501) * 20px);line-height: calc(var(--width501) * 26px);}
    .scothtop dt i,.scothdsd a:nth-child(2) i {max-width: calc(var(--width501) * 65px);max-height: calc(var(--width501) * 26px);border-radius: calc(var(--width501) * 3px);
        font-size: calc(var(--width501) * 12px);padding: 0 calc(var(--width501) * 6px) 0 calc(var(--width501) * 8px);line-height: calc(var(--width501) * 26px);
    }
    .scothmiddle {font-size: calc(var(--width501) * 14px);margin: calc(var(--width501) * 10px) 0 calc(var(--width501) * 14px) 0;-webkit-line-clamp: 1;}
    .scothdown {font-size: calc(var(--width501) * 12px);}
    .scothdTime b {width: calc(var(--width501) * 14px);height: calc(var(--width501) * 15px);margin: 0 calc(var(--width501) * 4px) 0 0;background-size: contain;}
    .scothdWatch b {width: calc(var(--width501) * 18px);height: calc(var(--width501) * 12px);margin: 0 calc(var(--width501) * 4px) 0 0;background-size: contain;}
    .scothdDownload b {width: calc(var(--width501) * 16px);height: calc(var(--width501) * 16px);margin: 0 calc(var(--width501) * 4px) 0 0;background-size: contain;}


    .downlThree,.downlFive{margin:calc(var(--width501) * 20px) 0 0 0;}
    .dtlImg{width: calc(var(--width501) * 80px);height: calc(var(--width501) * 80px);border-radius: calc(var(--width501) * 4px); }
    .coderTitle{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 16px);}
    .coderDes{line-height: calc(var(--width501) * 22px);margin:calc(var(--width501) * 12px) 0 calc(var(--width501) * 10px) 0;font-size: calc(var(--width501) * 14px);}

    .codeconAd{width:100%; border-radius: calc(var(--width501) * 5px);margin:0 0 calc(var(--width501) * 15px) 0;}
    .codeconAd .dtlImg{margin:0 calc(var(--width501) * 18px) 0 0;}
    .codecRight{margin:0;padding-bottom: calc(var(--width501) * 15px);}
    .morecon-all{margin:calc(var(--width501) * 16px);width:100%;}
    .mlc-title{font-size: calc(var(--width501) * 18px);line-height: calc(var(--width501) * 25px);padding:0 0 calc(var(--width501) * 13px) 0;width:100%;}
    .mlc-con{margin:calc(var(--width501) * 16px) 0 0 0;}
    .mlcA{height: calc(var(--width501) * 42px);border-radius: calc(var(--width501) * 4px);font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 22px);padding:0 calc(var(--width501) * 12px);margin:0 calc(var(--width501) * 15px) calc(var(--width501) * 15px) 0;}

    .dlfrDownload b{width:calc(var(--width501) * 14px);height:calc(var(--width501) * 15px); background-size:contain;margin:0 calc(var(--width501) * 2px) 0 0 ;}
    .dlfrWatch b{width:calc(var(--width501) * 16px);height:calc(var(--width501) * 16px); background-size:contain;margin:0 calc(var(--width501) * 2px) 0 0 ;}
    .dlftTimes b{width:calc(var(--width501) * 14px);height:calc(var(--width501) * 14px); background-size:contain;margin:0 calc(var(--width501) * 2px) 0 0 ;}
    .dlodType b{width:calc(var(--width501) * 15px);height:calc(var(--width501) * 15px); background-size:contain;margin:0 calc(var(--width501) * 3px) 0 0 ;}
    .dlodTime b{width:calc(var(--width501) * 14px);height:calc(var(--width501) * 15px); background-size:contain;margin:0 calc(var(--width501) * 3px) 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:calc(var(--width501) * 16px);height:calc(var(--width501) * 12px); background-size:contain;margin:0 calc(var(--width501) * 5px) 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:calc(var(--width501) * 14px);height:calc(var(--width501) * 14px);background-size:contain;margin:0 calc(var(--width501) * 5px) 0 0;}
    .cldddLabels b{width:calc(var(--width501) * 14px);height:calc(var(--width501) * 14px); background-size:contain;}
    .clddTime b{width:calc(var(--width501) * 14px);height:calc(var(--width501) * 15px); background-size:contain;margin:0 calc(var(--width501) * 3px) 0 0;}
    .artleft-down .aldatitle b{width:calc(var(--width501) * 16px);height:calc(var(--width501) * 16px); background-size:contain;margin:0 calc(var(--width501) * 10px) 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: calc(var(--width501) * 18px);height: calc(var(--width501) * 18px); background-size: contain;}
    .vtdown dd em a b {width: calc(var(--width501) * 14px);height: calc(var(--width501) * 15px); margin: 0 calc(var(--width501) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: calc(var(--width501) * 14px);height: calc(var(--width501) * 15px); margin: 0 calc(var(--width501) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{  width: 100%;height: calc(var(--width501) * 120px);border-radius: calc(var(--width501) * 8px) calc(var(--width501) * 8px) 0px 0px;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: calc(var(--width501) * 150px);border-radius: calc(var(--width501) * 5px) calc(var(--width501) * 5px) 0px 0px;}
    .zttab-top img{ height: calc(var(--width501) * 150px); background-size: contain;}
    /* .zttabright .zttab-top{ width: 100%;height: calc(var(--width501) * 120px);border-radius: calc(var(--width501) * 8px) calc(var(--width501) * 8px) 0px 0px;} */
    .title-more b { width: calc(var(--width501) * 6px);height:calc(var(--width501) * 17px); margin: 0 0 0 calc(var(--width501) * 4px);}



    .rgdlds{margin:0 0 calc(var(--width501) * 20px) 0;}
    .rgdllefa {width: calc(var(--width501) * 75px);height: calc(var(--width501) * 75px);margin:0 calc(var(--width501) * 16px) 0 0;}
    .rgdllefimg {width: calc(var(--width501) * 65px);height: calc(var(--width501) * 65px);}
    .ridldrri{width: calc(var(--width501) * 200px);}
    .ridldrri a{font-size: calc(var(--width501) * 16px);margin:0 0 calc(var(--width501) * 15px) 0;}
    .ridldrri p{font-size: calc(var(--width501) * 14px);}
    .rgdllook{ width: calc(var(--width501) * 50px);height: calc(var(--width501) * 25px);font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 26px);}

    .webmidtabs{margin:0 calc(var(--width501) * 20px);}
    .mdidtabd{margin-right: calc(var(--width501) * 31px);}
    .mdidtabd img{width:calc(var(--width501) * 46px);height:calc(var(--width501) * 46px);}
    .mdidtabd span{ font-size: calc(var(--width501) * 14px); margin-top: calc(var(--width501) * 10px);}

    .sechcon{margin:calc(var(--width501) * 20px) 0 0 0;}
    .search-layerbg { min-height: calc(var(--width501) * 235px);}
    .sechtitle b{width: calc(var(--width501) * 18px);height: calc(var(--width501) * 18px);background-size: contain;}
    .schbg{margin:calc(var(--width501) * 20px);}
    .sechconlogoa{margin:0 auto calc(var(--width501) * 20px) auto;width:calc(var(--width501) * 159px);height: calc(var(--width501) * 41px);}
    .sechcon .sechconlogoa img{width:calc(var(--width501) * 159px);height: calc(var(--width501) * 41px);}
    .serchd{ height: calc(var(--width501) * 35px); margin:0 0 calc(var(--width501) * 23px) 0;}
    .serchd input{ margin:0 calc(var(--width501) * 10px);font-size: calc(var(--width501) * 14px); }
    .serchp{width:calc(var(--width501) * 25px);height: calc(var(--width501) * 25px); background-size: contain;margin:0 calc(var(--width501) * 11px) 0 0;flex-shrink: 0;}
    .topbtna{height:calc(var(--width501) * 25px); border-radius: 5px;font-size: calc(var(--width501) * 14px);padding: 0 calc(var(--width501) * 8px) 0 calc(var(--width501) * 7px); margin: 0 calc(var(--width501) * 10px) calc(var(--width501) * 10px) 0;}
    .top-btn{ height:calc(var(--width501) * 30px);}
    .left-jxai{margin:calc(var(--width501) * 40px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px);}
    .jxaida{margin:0 8% calc(var(--width501) * 20px) 0;width:19%;}
    .jxaida img{width: calc(var(--width501) * 73px);height: calc(var(--width501) * 73px);border-radius:calc(var(--width501) * 15px);margin:0 0 calc(var(--width501) * 15px) 0;}
    .jxaida p{font-size: calc(var(--width501) * 16px);}

}


@media screen and (max-width: 431px) {
    .indexsw,.indexsw img{width:100%;height:162px;border-radius: 8px;display:flex;overflow: hidden;}
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{width:100%;height:180px;}
    .swiper-slide-active .indexsw{margin:0 10px;}
    .index_swiper{position: relative;margin:20px 0;}
    .index_swiper .swiper-slide {position: relative; display: flex;align-items: center;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
    .index_swiper .swiper-pagination {position: absolute;bottom: 10px;left:19.3%;transform: translateX(-50%);z-index: 10;text-align: center;}
    .index_swiper .swiper-pagination-bullet {width: 10px;height: 5px;background: #5C5C5C;border-radius: 3px;opacity: 1;}
    .index_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #FFFFFF;opacity:1;}
    .ltt-botd{position: absolute; font-size: 18px;color: #FFFFFF;line-height: 24px;height:90px; bottom: 0;margin:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);width: 100%;border-radius: 0 0 8px 8px;}
    .ltt-botd p{-webkit-line-clamp:1;margin: 40px 15px 0 15px;}
    .ltt-down{margin:20px 20px 0 20px;border-top: 3px solid #F7F7F7;}
    .ltdlefta-down p:nth-child(1){font-size: 16px;color: #333333;line-height: 22px;-webkit-line-clamp: 1;margin:0 0 10px 0;}
    .ltdlefta-down p:nth-child(2){font-size: 14px;color: #999999;line-height: 20px;-webkit-line-clamp: 1;}
    .ltdlefta{margin:24px 0 0 0;}
    .ltdlefta:first-child{margin:20px 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 19px 0;}
    .title-more{font-size:14px;color:#999999;align-items: center;}
    .title-left{font-size: 20px;color:#333333;font-weight:bold;align-items: center;}
    .left-jxai .title-left b{width:26px;height:24px; background:url(../mobimages/icon303.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    .left-zt .title-left b{width:24px;height:24px; background:url(../mobimages/icon262.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    .left-ai .title-left b{width:25px;height:24px; background:url(../mobimages/icon263.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    .left-article .title-left b{width:25px;height:24px; background:url(../mobimages/icon264.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    .left-video .title-left b{width:27px;height:24px; background:url(../mobimages/icon265.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    .hours-read .title-left b{width:25px;height:23px; background:url(../mobimages/icon266.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    .tech-news .title-left b{width:24px;height:24px; background:url(../mobimages/icon267.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    .quality-courses .title-left b{width:26px;height:24px; background:url(../mobimages/icon268.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    .hot-down .title-left b{width: 26px;height:24px;background:url(../mobimages/icon275.png) no-repeat; background-size: contain;margin:0 10px 0 0;}
    .codedl .title-left b{width:26px;height:26px;background:url(../mobimages/icon276.png) no-repeat; background-size: contain;margin:0 10px 0 0;}

    /* .title-left .pfjt{font-family:"PingFang SC";line-height: 23px;font-weight:bold;}
    .title-left .eng{font-family: Helvetica;font-size: 14px;color: #DCDCDC;line-height: 20px;text-align: left;margin:5px 0 0 6px;} */
    /* .title-left p:nth-child(1){color:#D22222;    display: flex;flex-direction: column;align-items: center;}
    .title-left p:nth-child(1) b{width:100%;height: 2px;background: #D22222;border-radius: 2px;} */
    
    .zttab-top.check ~ .zttab-ul{display: none;}
    .zttab-top.check .zttabtdDes{display:block;}
    .zttabtdDes{display:none;font-size: 16px;color: #FCFCFC;line-height: 22px;margin:14px 20px 20px 20px;opacity: 0;}
    .zttabtdDes a{-webkit-line-clamp:9;color:#FFFFFF;font-size:14px;}
    
    .zttab-top{width: 100%;height:120px;  position: relative;border-radius:8px 8px 0 0;}
    .left-zt,.list-downs{margin:32px 20px 0 20px;}
    .left-video{margin:40px 20px 0 20px;}
    .left-ai{margin:60px 20px 0 20px;}
    .left-article{margin:40px 20px 0 20px;}
    .zttab-top.check::before {opacity: 1;}
    .zttab{width: 270px;min-width: 270px;height:auto;background: #FFFFFF;border: 1px solid #F3F3F3;border-radius:5px;position: relative;flex-shrink:0;}
    .zttab-ul li:last-child a{margin: 0;border-bottom: none;}
    .zttab:nth-child(2){margin:0 20px;}
    .zttab-ul{margin:0 16px 20px 16px;}
    .zttabtd{width:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);display: flex;align-items: center;position:absolute;bottom:0;}
    .zttabtd p:nth-child(1){ font-size: 16px;color: #FFFFFF;line-height: 25px;margin:20px 20px 10px 20px;-webkit-line-clamp:1;}
    .zttabtd p:nth-child(2){font-size:16px;line-height:25px;color: #FFFFFF;margin:0 20px;-webkit-line-clamp:2;}
    .zttab-ul{font-size: 16px;color: #000000;line-height: 20px;}
    .zttaba{-webkit-line-clamp: 1;margin:20px 0;white-space: nowrap;width:auto;height:20px;transition:all .3s ease;}
    /* .zttaba:hover{color:#D22222;background:#FFF5F5;} */
    .ltzt-tabs{overflow: auto;width: auto;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding:0 1px 1px 1px;}
    .ltzt-tabs::-webkit-scrollbar {display: none; }
    .ltzt-tabs {-ms-overflow-style: none; scrollbar-width: none; }
    .aibtnimg{width: 72px;height: 72px;border-radius: 15px;    border: 2px solid #f3f3f3;}
    .aibtn-right{width: 100%;}
    .aibtn-right p:nth-child(1){font-size: 16px;color: #000000;line-height: 18px;margin:16px 0 0 0;-webkit-line-clamp: 1;white-space: nowrap;text-align: center;}
    /* .aibtn-right p:nth-child(2){font-size: 16px;color: #6E6E6E;line-height: 22px;-webkit-line-clamp: 1;margin:0 6px 0 0;} */
    .aibtns{width:19%; border-radius: 8px;align-items: center;transition:all .3s ease;margin:0 8% 20px 0;}
    .aibtns:nth-child(4n) {margin-right: 0;}
    .aibtns:nth-last-child(-n+4) {margin-bottom: 0;}
    .aitabs{width:100%;overflow:hidden;height: 40px;background: #F8F8F8;border-radius: 5px 5px 5px 5px;display: flex;align-items: center;margin:0 0 22px 0;overflow-x: auto;scrollbar-width: none;}
    .aitabs::-webkit-scrollbar {display: none;}
    .aitaba{white-space: nowrap;font-size: 14px;color: #333333;height: 100%;position: relative;margin:0 15px 0 0;font-weight:600;}
    .aitaba.check{color:#F13536;display: flex;flex-direction: column;}
    .aitaba.check b{height:3px;width: 100%;background: #F13536;    position: absolute;bottom: 0;}
    .aitaba span{display: flex;height: 100%;align-items: center;}
    .aitaba:nth-of-type(1){margin:0 15px 0 10px;}
    .aitaba:last-of-type(){margin:0 10px 0 0;}

    .aidcons{flex-wrap: wrap;display:none;}
    .aidcons.check{display:flex;}
    .aislide{flex-wrap: wrap;}
    .aiswiper{overflow:hidden;}
    .aiswiper-pagintaion{margin: 5px auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:5px;}
    .swiper-pagination{width:90%;}
    .swiper-pagination-bullet{display: inline-block;width: 50px;height:3px;border-radius: 2px;background: #F3F3F5;margin: 0 18px 0 0;opacity:1;}
    .swiper-pagination-bullet-active{background: #C6C6D3;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet,
    .left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet
    {width: 15px;height: 5px;background: #D9D9D9;border-radius: 3px;margin:0 6px 0 0;}
    .hours-read .swiper-pagination-bullet-active,.tech-news .swiper-pagination-bullet-active,.quality-courses .swiper-pagination-bullet-active,
    .hot-down .swiper-pagination-bullet-active,.left-jxai .swiper-pagination-bullet-active,.artLists .swiper-pagination-bullet-active,.ztxgzt .swiper-pagination-bullet-active,
    .xgzt.aiLists .swiper-pagination-bullet-active,.aifree .swiper-pagination-bullet-active,.jxaigj .swiper-pagination-bullet-active
    {background:#6B6B6B;}
    .coursesswiper-pagination,.hotswiper-pagination{margin:10px 0 0 0;}
    .artleftp{width: 10px;height: 10px;background: #CCCCCC;border-radius: 2px;margin:6px 6px 0 0;transition:all .3s ease;}
    .artleft:hover .artleftp{background: #D22222;}
    .artleft{width:100%;border-bottom: 1px solid #EDEDED;margin:0 0 15px 0;}
    .artleft-down .aldatitle{display: flex;align-items: center;;font-size: 16px;line-height: 22px;transition:all .3s ease;position: relative;color:#333333;}
    .artleft-down .aldadesc{-webkit-line-clamp: 1;margin:10px 0;color: #999999;font-size:14px;}
    .artleft-down .aldatitle b{flex-shrink: 0;}
    .artleft-down .aldatitle p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .artleft-tab a{max-width: 100px; height: 25px;background: #F8F8F8;border-radius:5px;padding:0 6px; margin:0 10px 0 0;transition:all .3s ease;
        line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;font-size:12px;color:#999999;
    }
    .artleft-tab{padding:0 0 15px 0;}
    .art-con{justify-content: space-between;}
    .artleft-down{width:100%}
    .video-tab{width:47%;height:auto;background: #FFFFFF; border: 1px solid #F3F3F3;border-radius:5px;position: relative;transition:all .3s ease;margin:0 0 20px 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtabimg{transition: transform 0.4s ease;}
    .vtaba{overflow:hidden;}
    .vtdown dt a{color:#333333;transition:all .3s ease;word-break: break-all;}
    .vtaba,.vtabimg{width:100%;height:110px;border-radius: 5px 5px 0px 0px;}
    .vtdown dt {height: 44px;overflow: hidden;font-size: 16px;color: #333333;line-height: 22px; margin:12px 15px 0 15px;}
    .vtdown dt .bg1{font-size: 12px;color: #2C83F7;line-height: 12px;background: #DCE5FA;}
    .vtdown dt .bg2 {font-size: 12px;color: #FB3A2C;line-height: 12px;background: #FBE3DC;}
    .vtdown dt .bg3 {font-size: 12px;color: #F9662C;line-height: 12px;background: #FBF1DD;}
    .vtdown dt i {font-size: 12px;line-height: 12px;width: 32px;height: 16px;border-radius: 2px;font-style: normal;padding: 2px 2px;font-weight: 400;}
    .vtdown dd {justify-content: space-between;color:#93999F;margin:18px 14px 14px 14px;font-size: 12px;}
    .vtdown dd em a {display: flex;align-items: center;color:#8E8E8E;transition:all .3s ease;}
    .vtdown dd em a.courseICollectioned{color:#D22222;}
    .shoucang a {color: #BB1114;}
    .vtaba-free{position:absolute;width: 45px;height: 20px;background: rgba(0, 0, 0, 0.5);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);border-radius: 5px 0px 5px 0px;
        font-weight: bold;font-size: 14px;color: #FFFFFF;line-height: 12px;display: flex;align-items: center;justify-content: center;z-index:2;
    }
    .video-list{flex-wrap:wrap;justify-content: space-between;}
    .allAlist .taballsdown {
        background:#F13536;border-bottom-style: none;display: flex;
        height: 50px;align-items: center;justify-content: space-between;padding: 0;
    }
    .taballdd{display:flex;justify-content: space-between;}
    .tabLi {width:auto;display:flex !important;align-items: center;height: 44px;position: relative;color: #FFFFFF;}
    .taballsdown .alllistdiv {font-size: 18px;line-height: 25px;z-index: 2;margin-top: 8px;height: 43px;border-radius: 5px 5px 0px 0px;padding: 0 10px;}
    .taballsdown .alllistdiv span{z-index: 2;white-space: nowrap;}
    .taballsdown .alllistdiv:nth-child(1){margin-left: 20px;}
    .alllistdiv.check{font-weight: bold;font-size: 20px;color: #F13536;line-height: 25px;}
    .tabLi.check  { background-color: #FFFFFF;display: block;}
    .tabLi img {width:78px;height:45px;display: none;}
    .btabdiv2{display:none;height: 100%;align-items: center;}
    .btabdiv2.check{display:flex;}
    .tabA2.mores b{background:url(../mobimages/icon199.png) no-repeat;width:20px;height:4px;background-size: contain;}
    .tabA2.mores{height: 100%;display:flex;align-items: center;margin:0 16px 0 0;}
    .layui-tab{margin:0 !important;}
    .layui-tab-content{padding:0 !important;}
    .blackTab2{margin: 20px 0 0 20px; }
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: 14px;color:#333333;line-height: 22px;margin:0 8px;white-space: nowrap;}
    .blackTab2 .btabdiv2 .tabA2.check{color:#D22222;}
    .btabdiv2 ul{justify-content:left;width: 100%;}
    .btabdiv2 ul li{height: 30px;background: #F8F8F8;border-radius:5px;border: 1px solid #E7E7E7;line-height: 30px;margin:0 12px 0 0;}
    .allAlist{margin:40px 0 0 0;}
    .layui-tab-items{margin:20px 20px 0 20px;display:none;}
    .layui-tab-items.check{display:flex;}
    .cldA,.cldaimg{width: 140px;height: 86px;border-radius: 5px;}
    .cldA{margin:0 15px 0 0;}
    .clDiv{padding:0 0 20px 0;margin:0 0 20px 0;border-bottom: 1px solid #F4F4F4;}
    /* .conList > div.clDiv:last-of-type{border-bottom:none;padding:0;} */
    .clDiv dt a:hover{color: #D22222;}
    .clDiv dt a{color:#333333;transition:all .3s ease;font-size: 16px;line-height: 24px;}
    .clDiv dt {height:45px;overflow: hidden;font-size: 16px;color: #333333;line-height: 24px;}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: 12px;line-height: 12px; font-style: normal;padding: 4px 6px;color: #999999;width: 46px;height: 20px;background: #F8F8F8;border-radius: 5px;}
    .clddTime,.cldddLabels{display:flex;align-items: center;}
    .clddTime{color: #999999;line-height: 12px; font-size: 12px;}
    .cldddLabels a{font-size: 12px;color: #999999;line-height: 21px;height: 21px;padding:0 5px;background:#F8F8F8;border-radius:5px;margin:0 0 0 5px;
        max-width:100%;word-break: keep-all;white-space: nowrap;overflow: hidden;border: 1px solid #E4E4E4;
    }
    .cldddLabels {display: flex;flex-wrap: nowrap;width: 150px;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;flex-shrink: 0;}
    .cldddLabels::-webkit-scrollbar {width: 0;height: 0;display: none;}
    .cldddLabels {scrollbar-width: none;}
    .cldddLabels {-ms-overflow-style: none;}
    .cldddLabels a{flex-shrink: 0;}

    .clddTitle{justify-content: space-between;}
    .cldddLabels{margin:0 0 0 10px;}
    .clDivmore{height: 35px;background: #F8F8F8;border-radius: 5px;font-size: 16px;color: #999999;line-height: 22px;}
    .clDivmore b{width:18px;height:18px; background:url(../mobimages/icon270.png) no-repeat;background-size: contain;margin:0 0 0 5px;}
    .hours-read,.tech-news{margin:40px 0 0 0;}
    .hours-read{margin-bottom:60px;}
    .quality-courses,.hot-down,.codedl{margin:60px 0 0 0;}
    /* .hot-down .swiper-wrapper{overflow-x: hidden;} */
    .readswiper,.coursesswiper,.hotswiper{overflow: hidden;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:4px 0 0 7px;}
    .hours-read .swiper-slide .hoursided .hournum{flex-shrink: 0;}
    .hours-read .swiper-slide .hoursided .hournum{width:26px;height:28px;background:url(../mobimages/icon274.png) no-repeat;background-size: contain;}

    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:26px;height:28px;  background:url(../mobimages/icon271.png) no-repeat;background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:26px;height:28px;  background:url(../mobimages/icon272.png) no-repeat;background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:26px;height:28px;  background:url(../mobimages/icon273.png) no-repeat;background-size: contain;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding:2px 0 0 3px;}

    .hournum{ font-size: 18px;color: #FFFFFF;margin:0 12px 0 0;}
    .hourcon{font-size: 16px;color: #333333;line-height: 26px;-webkit-line-clamp:1;white-space: nowrap;}
    .hoursided{margin:0 0 14px 0;align-items: center;}
    .hoursided:nth-child(5){margin:0;}
    .advertisement{border-radius: 5px;display: flex;margin: 68px 0 0 0;}
    .advertisement img{width: 391px;height: 332px;border-radius: 5px;}
    .techblack{width: 6px;height: 6px;background: #CCCCCC;margin:10px 10px 0 0;flex-shrink: 0;}
    .techcon{font-size: 16px;color: #333333;line-height: 24px;-webkit-line-clamp:2;}
    .techsided{margin:0 0 20px 0;}
    .techsided:nth-child(3){margin:0;}
    .courses-left,.courses-left img{width: 140px;height: 86px;border-radius: 5px;flex-shrink: 0;}
    .courses-left{margin:0 14px 0 0;}
    .coursecon{font-size: 16px;color: #333333;line-height: 26px;-webkit-line-clamp:2;}
    .course-down{font-size: 12px;color: #999999;line-height: 22px;align-items: center;}
    .course-right{justify-content: space-between;}
    .course-down b {width:1px;height: 13px;background:#999999;margin: 0 4px;}
    .coursessided{margin:0 0 20px 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: 140px;height: 86px;border-radius: 5px;flex-shrink: 0;}
    .hot-left{margin:0 14px 0 0;}
    .hotra{font-size: 16px;color: #333333;line-height: 26px;-webkit-line-clamp:2;word-break: break-all;white-space: normal;}
    .codelistBg .hotra{-webkit-line-clamp:1;white-space:nowrap;}
    .hotrp{-webkit-line-clamp: 1;}
    .hotrdown{width: 58px;height: 25px;background: #F8F8F8;border-radius: 5px;font-size: 14px;color: #999999;line-height: 20px;-webkit-line-clamp:1;}
    .hot-right{justify-content: space-between;width: auto;overflow: hidden;}
    .hotsided{margin:0 0 20px 0;}
    .hotsided:last-child{margin:0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{display:flex;align-items: center;margin:0 15px;}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size: 12px;color: #999999;line-height: 18px;}
    .ztLists .cldddht,.artLists .cldddht,.aiLists .cldddht{display:flex;align-items:center;}
    .ztLists .clddTitle,.artLists .clddTitle{font-size: 16px;color: #333333;line-height: 24px;-webkit-line-clamp:2;}
    .ztLists .clddiv,.artLists .clddiv{justify-content:space-between;}
    .aitabtopa,.aitabtopa img{width: 72px;height: 72px;border-radius:15px;}
    .aitab{width:100%;height: auto;background: #FFFFFF;margin:16px 0 0 0;}
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:16px;}
    .aitab-down{margin:0 0 0 15px;border-bottom: 1px solid #F3F3F3;padding-bottom: 15px;width:100%;}
    .aitaball{flex-wrap: wrap;}
    .aitabdowna{font-size: 16px;color: #333333;line-height: 16px;-webkit-line-clamp:1;word-break: break-all;}
    .aitabdowntime{font-size: 14px;color: #999999;line-height: 20px;margin:6px 0;}
    .aitabdta{width:auto;height: 21px;background: #F8F8F8;border-radius: 5px;border: 1px solid #E4E4E4;-webkit-line-clamp:1;line-height: 21px;text-align:center;margin:0 10px 0 0; font-size:12px;color:#999999;padding:0 7px;}
    .aitabdta:last-child{margin:0;}
    .aitabdowntab{width: auto;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
    .laytabStyall{flex-wrap: wrap;}
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 20px 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 16px 20px 0;}
    .dlodiva,.dlodiva img{width: 100%;height: 110px;border-radius: 5px 5px 0px 0px;}
    .downlOne{flex-wrap:wrap;}
    .down-all{width:100%;}
    .dtliallda,.dtliallda img {width: 70px;height: 70px;border-radius: 15px;}
    .downlTwo{margin:20px 0 0 0;overflow:hidden;}
    .downlTwo ul,.downlThree,.downlFive{flex-wrap: wrap;}
    .dloDiv{width: 47%;background: #FFFFFF;border:1px solid #F3F3F3; border-radius: 5px;margin:0 0 20px 0;}
    .dloDiv:nth-child(2n+1){margin:0 16px 16px 0;}
    .dlodTitle i {height: 18px;padding:2px 4px;white-space: nowrap;background: #FBE3DC;border-radius: 2px; 
        font-size: 12px;color: #FB3A2C;line-height: 16px;font-style: normal;
    }
    .dlodTitle i.tj{background:#DCE5FA;color:#2C83F7;}
    .dlodTitle i.zx{background:#FBE3DC;color:#FB3A2C;}
    .dlodTitle a {font-size: 16px;color: #000000;line-height: 24px;-webkit-line-clamp:2;margin: 0 0 0 6px;transition: all .3s ease;}
    .dlodType,.dlodTime{align-items: center;white-space: nowrap;}
    .dlodType span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;width:80%;-webkit-line-clamp: 1;}
    .dldowndes{justify-content:space-between;margin:0 10px 10px 10px;}
    .dlodTitle{height: 48px;overflow:hidden;margin:15px 20px 10px 13px;}
    .downmoney{margin:0 13px 12px 13px;color:#333333;}
    .downmoney span:nth-child(1){font-size: 18px;font-weight: 500;}
    .downmoney span:nth-child(2){font-size: 12px;font-weight: 500;}
    .dlodType,.dlodTime,.dlodType a{font-size: 12px;color: #999999;line-height: 12px;align-items: center;}
    .dtliAlld{width:100%;height: auto; border-radius: 4px;margin:0 0 13px 0;}
    .dtliAlld:last-child(){margin:0 0 16px 0;}
    .dtliallda{margin:0 16px 0 0;}
    .dtlTitle{ justify-content:space-between;border-bottom:1px solid #F3F3F3;padding-bottom: 15px;height: 70px;width:100%;}
    .dtlTitle a:nth-child(1){ font-size: 16px;color: #000000;line-height: 22px;-webkit-line-clamp:1;}
    .dtlTitle a:nth-child(2){color:#999999;line-height: 18px;-webkit-line-clamp:1;font-size: 14px;word-break: break-all;}
    .dtlDown{font-size: 12px;color: #999999;}
    .dtlDowno b{width:18px;height:18px; background: url(../mobimages/icon258.png) no-repeat; background-size: contain;margin-right: 5px;}
    .dtlDownt b{width:18px;height:18px; background: url(../mobimages/icon251.png) no-repeat; background-size: contain;margin-right: 5px;}
    .dtlDowno{margin:0 16px 0 0;}
    .downltwo-all{width:auto;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
    .downtwolist{flex:0 0 auto;width:100%;}
    .downtwolist:nth-child(2){margin:0 16px;}
    .dlfor{width: 47%;height:auto;background: #FFFFFF;box-shadow: 0px 0px 1px 1px #F9F9F9;border-radius: 8px;margin:0 20px 20px 0;}
    .dlfor:nth-child(2n+2){margin:0 0 20px 0;}
    .dlfrTitle{margin:10px 0;}
    .dlfrTitle a{font-weight: bold;font-size: 16px;color: #000000;line-height: 24px;-webkit-line-clamp:2;height:48px;word-break: break-all;}
    .dlfrToptitle{-webkit-line-clamp: 2;font-size: 16px;color: #0D0D0D;line-height: 24px;height: 49px;}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: 12px;height: 21px;background: #F3F3F3;border-radius:2px;color: #999999;padding:2px 4px;font-style: normal;}
    .dlftTimes,.dlfrDownload,.dlfrWatch{align-items: center;color: #999999;line-height: 18px;font-size: 12px;}
    .dlfrWatch{margin-right:12px;}
    .dlfrTop{justify-content: space-between;}
    .dlfrDown{margin:15px 13px 14px 13px;}
    .dlfrDowns{margin-top: 12px;}
    .downlFour {flex-wrap: wrap;margin: 20px 0 0 0;}

    .scothdWatch{margin:0 17px;}
    .scodotherd {width:100%;height:auto;border-radius: 5px;margin: 0 0 20px 0;outline: 1px solid #F3F3F3;}
    .scothds {margin: 12px 13px;}
    .scothtop {font-size: 16px;color: #333333;height: 28px;overflow: hidden;flex-shrink: 0;display: flex;align-items: center;padding: 0 1px 0 1px;}
    .scothtop dt {display: inline-flex;}
    .scothtop dt span,.scothdsd a:nth-child(1) {max-width: 80%;display: inline-block;height: 20px;line-height: 26px;}
    .scothtop dt i,.scothdsd a:nth-child(2) i {display: inline-block;max-width: 65px;max-height: 26px;overflow: hidden;flex-shrink: 0;background: #F8F8F8;border-radius: 3px;
        outline: 1px solid #E8E8E8;font-size: 12px;color: #999999;font-style: normal;padding: 0 6px 0 8px;line-height: 26px;transition: all .3s ease;
    }
    .scothmiddle {font-size: 14px;color: #999999;margin: 10px 0 14px 0;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
    .scothdown {font-size: 12px;color: #999999;}
    .scothdown div{align-items: center;}
    .scothdTime b {width: 14px;height: 15px;background: url(../mobimages/icon251.png) no-repeat;margin: 0 4px 0 0;background-size: contain;}
    .scothdWatch b {width: 18px;height: 12px;background: url(../mobimages/icon252.png) no-repeat;margin: 0 4px 0 0;background-size: contain;}
    .scothdDownload b {width: 16px;height: 16px;background: url(../mobimages/icon258.png) no-repeat;margin: 0 4px 0 0;background-size: contain;}    

    .downlThree,.downlFive{margin:20px 0 0 0;}
    .dtlImg{width: 80px;height: 80px;border-radius: 4px; }
    .coderTitle{ font-size: 16px;color: #000000;line-height: 16px;-webkit-line-clamp:1;}
    .coderDes{color: #999999;line-height: 22px;-webkit-line-clamp:1;margin:12px 0 10px 0;font-size:14px;}

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


    .codeconAd{width:100%;height:auto;background: #FFFFFF; border-radius: 5px;margin:0 0 15px 0;}
    .codeconAd .dtlImg{margin:0  18px 0 0;border-radius: 15px;}
    .codecRight{margin:0;overflow: hidden;border-bottom:1px solid #F3F3F3;padding-bottom: 15px;width:100%;}

    
    .hddtabssecall{overflow: auto;width:100%;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
 
    
    .dlfrDownload b{width:14px;height:15px;background: url(../mobimages/icon251.png) no-repeat;background-size:contain;margin:0 2px 0 0 ;}
    .dlfrWatch b{width:16px;height:16px;background: url(../mobimages/icon258.png) no-repeat;background-size:contain;margin:0 2px 0 0 ;}
    .dlftTimes b{width:14px;height:14px;background: url(../mobimages/icon200.png) no-repeat;background-size:contain;margin:0 2px 0 0 ;}
    .dlodType b{width:15px;height:15px;background: url(../mobimages/icon203.png) no-repeat;background-size:contain;margin:0 3px 0 0 ;flex-shrink: 0;}
    .dlodTime b{width:14px;height:15px;background: url(../mobimages/icon251.png) no-repeat;background-size:contain;margin:0 3px 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:17px;height:12px;background: url(../mobimages/icon242.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:14px;height:14px;background: url(../mobimages/icon241.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
    .cldddLabels b{width:14px;height:14px;background: url(../mobimages/icon201.png) no-repeat;background-size:contain;}
    .clddTime b{width:14px;height:15px;background: url(../mobimages/icon251.png) no-repeat;background-size:contain;margin:0 3px 0 0;}
    .artleft-down .aldatitle b{width:14px;height:16px;background: url(../mobimages/icon197.png) no-repeat;background-size:contain;margin:0 10px 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: 18px;height: 18px;background: url(../mobimages/icon196.png) no-repeat;background-size: contain;}
    .vtdown dd em a b {width: 14px;height: 15px;background: url(../mobimages/icon195.png) no-repeat; margin: 0 4px 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: 14px;height: 15px;background: url(../mobimages/icon196.png) no-repeat; margin: 0 4px 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{background:url(../mobimages/icon164.png) no-repeat center/cover;position: relative;display: block;width: 100%;height: 120px; transition: all .3s ease;border-radius:8px 8px 0 0;}
    .zttabmiddle .zttab-top.check{height:100%;background: url(../mobimages/icon193.png) no-repeat  center/cover;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: 150px;transition: all .3s ease;border-radius: 5px 5px 0px 0px;display: flex;align-items: end;}
    /* .zttableft .zttab-top.check{height:100%;background: url(../mobimages/icon192.png) no-repeat  center/cover;} */
    /* .zttabright .zttab-top{background:url(../mobimages/icon165.png) no-repeat center/cover;position: relative;display: block;width: 100%;height: 120px; transition: all .3s ease;border-radius:8px 8px 0 0;}
    .zttabright .zttab-top.check{height:100%;background: url(../mobimages/icon194.png) no-repeat  center/cover;} */
    .zttab-top img{width:100%;height: 150px;border-radius:5px 5px 0 0;background-size: contain;}
    .title-more b {position: relative;display: inline-block;width: 6px;height:10px;background: url(../mobimages/icon261.png) no-repeat center / cover;margin: 0 0 0 4px;background-size: contain;}
    /* .title-more b::after {content: "";position: absolute;inset: 0;background: url(../mobimages/icon157.png) no-repeat center / cover;opacity: 0;transition: opacity 0.3s ease;} */
 
    
    

    .rgdlds{justify-content: space-between;align-items: center;margin:0 0 20px 0;}
    .rgdlds:last-child{margin:0;}
    .rgdld-left{align-items: center;}
    .rgdllefa {width: 75px;height: 75px;border-radius: 50%;background: #e4e4e4;align-items: center;display: flex;justify-content: center;margin:0 16px 0 0;}
    .rgdllefimg {width: 65px;height: 65px;border-radius: 50%;}
    .ridldrri{width: 200px;}
    .ridldrri a{font-size: 16px;color: #333333;margin:0 0 15px 0;-webkit-line-clamp: 1;}
    .ridldrri p{font-size: 14px;color: #999999;-webkit-line-clamp: 1;}
    .rgdllook{ width: 50px;height: 25px;background: #F8F8F8;border-radius: 3px;font-size: 14px;color: #999999;line-height: 26px;text-align: center;}

    .webmidtabs{margin:0 20px;}
    .mdidtabd{margin-right: 31px;}
    .mdidtabd:nth-last-child(1){margin-right: 0;}
    .mdidtabd img{width:46px;height:46px;}
    .mdidtabd span{white-space: nowrap;font-size: 14px;color: #333333;margin-top: 10px;}
    .mdidtabd a{align-items: center;}
    .webmidtabs{overflow: auto;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;}

    .sechcon{margin:20px 0 0 0;}
    .search-layer {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0px;top: 0px;z-index: 12;display:none;}
    .search-layerbg {width: 100%;height:auto;min-height: 235px; right: 0px;position: absolute;background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(74,74,74,0.5);}
    .sechtitle b{width: 18px;height: 18px;background: url(../mobimages/icon297.png) no-repeat ;cursor: pointer;background-size: contain;}
    .sechtitle{justify-content: end;}
    .schbg{margin:20px;}
    .sechconlogoa{margin:0 auto 20px auto;width:159px;height: 41px;}
    .sechcon .sechconlogoa img{width:159px;height: 41px;}
    .serchd{width:100%;height: 35px;background:#FFFFFF;border-radius:5px;border: 1px solid #333333;margin:0 0 23px 0;}
    .serchd input{width:100%;border: none;margin:0 10px;font-size: 14px;color: #A9A6A6;}
    .serchp{width:25px;height: 25px;background:url(../mobimages/icon298.png) no-repeat;background-size: contain;margin:0 11px 0 0;flex-shrink: 0;}
    .serchd input::placeholder {color: #A9A6A6;}
    .topbtna{height:25px;background: #F3F3F3;border-radius: 5px;font-size: 14px;color:#999999;padding: 0 8px 0 7px;align-items: center;margin: 0 10px 10px 0;}
    .top-btn{flex-wrap: wrap;height: 30px;overflow:hidden;}

    .left-jxai{margin:40px 20px 0 20px;overflow: hidden;}
    .jxailide{align-items: flex-start;flex-wrap: wrap;overflow-x: hidden;}
    .jxaida{align-items: center;margin:0 8% 20px 0;width:19%;}
    .jxaida:nth-child(4n+4){margin-right: 0;}
    .jxaida:nth-last-child(-n + 4){margin-bottom: 0;}
    .jxaida img{width: 73px;height: 73px;border-radius:15px;margin:0 0 15px 0;border:2px solid #f3f3f3;}
    .jxaida p{font-size: 16px;color: #000000;-webkit-line-clamp: 1;}




}
@media screen and (max-width: 413px) {
     .aibtns {width: 19%;margin: 0 8% calc(var(--width412) * 20px) 0;}
     .jxaida{margin: 0 8% calc(var(--width540) * 20px) 0;width:19%;}
     .jxaida img {width: calc(var(--width412) * 73px);height: calc(var(--width412) * 73px);}
     .taballsdown .alllistdiv{padding: 0 calc(var(--width412) * 10px);}
     .dloDiv {width:47%;}
     .dlfor{margin: 0 calc(var(--width415) * 15px) calc(var(--width415) * 20px) 0;}


}

@media screen and (max-width: 415px) {
    
    .listA{width:calc(var(--width415) * 105px);height:calc(var(--width415) * 42px);margin:0 calc(var(--width415) * 10px) calc(var(--width415) * 10px) 0;}
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width415) * 10px) 0;}
    .video-tab{width:47%;}
    .vtaba, .vtabimg,.dlodiva, .dlodiva img{width:100%;height: calc(var(--width415) * 110px);border-radius: calc(var(--width415) * 5px) calc(var(--width415) * 5px) 0px 0px;}
    .study-all .video-tab:nth-child(2n+1){margin: 0 calc(var(--width415) * 11px) calc(var(--width415) * 20px) 0;}
    .aitabtopa, .aitabtopa img{width: calc(var(--width415) * 72px);height: calc(var(--width415) * 72px);border-radius: calc(var(--width415) * 15px);}

    .dlfor {width:47%; border-radius: calc(var(--width415) * 8px);margin: 0 calc(var(--width415) * 15px) calc(var(--width415) * 20px) 0;}
    .index_swiper .swiper-pagination { left:19.3%;}

}

@media screen and (max-width:401px){
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{ height:calc(var(--width401) * 180px);}
    .indexsw,.indexsw img{width: calc(var(--width401) * 350px);height: calc(var(--width401) * 162px);border-radius: calc(var(--width401) * 8px);}
    .index_swiper{margin:calc(var(--width401) * 20px) 0;}
    .index_swiper .swiper-pagination {bottom: calc(var(--width401) * 10px);left:19.3%;}
    .index_swiper .swiper-pagination-bullet {width: calc(var(--width401) * 10px);height: 5px;}
    .ltt-botd{font-size: calc(var(--width401) * 18px);line-height: calc(var(--width401) * 24px);height:calc(var(--width401) * 90px);border-radius: 0 0 calc(var(--width401) * 8px) calc(var(--width401) * 8px);}
    .ltt-botd p{ margin: calc(var(--width401) * 40px) calc(var(--width401) * 15px) 0 calc(var(--width401) * 15px);}

    .ltt-down{margin:calc(var(--width401) * 20px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px);}
    .ltdlefta-down p:nth-child(1){font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 22px);margin:0 0 calc(var(--width401) * 10px) 0;}
    .ltdlefta-down p:nth-child(2){font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 20px);}
    .ltdlefta{margin:calc(var(--width401) * 24px) 0 0 0;}
    .ltdlefta:first-child{margin:calc(var(--width401) * 20px) 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 calc(var(--width401) * 19px) 0;}
    .title-more{font-size: calc(var(--width401) * 14px);}
    .title-left{font-size: calc(var(--width401) * 20px); }
    .left-jxai .title-left b{width:calc(var(--width401) * 26px);height:calc(var(--width401) * 24px); background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}

    .left-zt .title-left b{width:calc(var(--width401) * 24px);height:calc(var(--width401) * 24px); background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    .left-ai .title-left b{width:calc(var(--width401) * 25px);height:calc(var(--width401) * 24px);  background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    .left-article .title-left b{width:calc(var(--width401) * 25px);height:calc(var(--width401) * 24px); background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    .left-video .title-left b{width:calc(var(--width401) * 27px);height:calc(var(--width401) * 24px); background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    .hours-read .title-left b{width:calc(var(--width401) * 25px);height:calc(var(--width401) * 23px); background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    .tech-news .title-left b{width:calc(var(--width401) * 24px);height:calc(var(--width401) * 24px); background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    .quality-courses .title-left b{width:calc(var(--width401) * 26px);height:calc(var(--width401) * 24px); background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    .hot-down .title-left b{width:calc(var(--width401) * 26px);height:calc(var(--width401) * 24px); background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    .codedl .title-left b{width:calc(var(--width401) * 26px);height:calc(var(--width401) * 26px); background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    /* .title-left .pfjt{line-height: calc(var(--width401) * 23px);}
    .title-left .eng{ font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 20px); margin:calc(var(--width401) * 5px) 0 0 calc(var(--width401) * 6px);} */
    .zttabtdDes{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 22px);margin:calc(var(--width401) * 14px) calc(var(--width401) * 20px) calc(var(--width401) * 20px) calc(var(--width401) * 20px);}
    .zttabtdDes a{font-size:calc(var(--width401) * 14px);}
    .zttab-top{width: 100%;height:calc(var(--width401) * 120px);border-radius: calc(var(--width401) * 8px) calc(var(--width401) * 8px) 0px 0px;}
    .left-zt,.list-downs{margin:calc(var(--width401) * 32px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px);}
    .left-video{margin:calc(var(--width401) * 40px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px);}
    .left-ai{margin:calc(var(--width401) * 60px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px);}
    .left-article{margin:calc(var(--width401) * 40px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px);}
    .zttab{width: calc(var(--width401) * 270px);min-width:calc(var(--width401) * 270px); border-radius: calc(var(--width401) * 5px);}
    .zttab:nth-child(2){margin:0 calc(var(--width401) * 20px);}
    .zttab-ul{margin:0 calc(var(--width401) * 16px) calc(var(--width401) * 20px) calc(var(--width401) * 16px);}
    .zttabtd{width:100%;}
    .zttabtd p:nth-child(1){font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 25px);margin:calc(var(--width401) * 20px) calc(var(--width401) * 20px) calc(var(--width401) * 10px) calc(var(--width401) * 20px);}
    .zttabtd p:nth-child(2){font-size:calc(var(--width401) * 16px);line-height:calc(var(--width401) * 25px);margin:0 calc(var(--width401) * 20px);}
    .zttab-ul{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 20px);}
    .zttaba{margin:calc(var(--width401) * 20px) 0;height:calc(var(--width401) * 20px);}
    .aibtnimg{width: calc(var(--width401) * 72px);height: calc(var(--width401) * 72px);border-radius: calc(var(--width401) * 15px);}
    .aibtn-right p:nth-child(1){font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 18px);margin:calc(var(--width401) * 16px) 0 0 0;}
    /* .aibtn-right p:nth-child(2){font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 22px);margin:0 calc(var(--width401) * 6px) 0 0;} */
    .aibtns{width:19%; border-radius: calc(var(--width401) * 8px);margin:0 8% calc(var(--width401) * 20px) 0;}
    .aitabs{ height: calc(var(--width401) * 40px);border-radius:calc(var(--width401) * 5px);margin:0 0 calc(var(--width401) * 22px) 0}
    .aitaba{font-size: calc(var(--width401) * 14px);margin:0 calc(var(--width401) * 15px) 0 0;}
    .aitaba.check b{height:calc(var(--width401) * 3px);}
    .aitaba:nth-of-type(1){margin:0 calc(var(--width401) * 15px) 0 calc(var(--width401) * 10px);}
    .aitaba:last-of-type(){margin:0 calc(var(--width401) * 10px) 0 0;}
    
    .aiswiper-pagintaion{margin: calc(var(--width401) * 5px) auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:calc(var(--width401) * 5px);}
    .swiper-pagination{width:100%;}
    .swiper-pagination-bullet{width: calc(var(--width401) * 50px);height:3px;border-radius: 2px;margin: 0 calc(var(--width401) * 18px) 0 0;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet, .left-jxai .swiper-pagination-bullet{width: calc(var(--width401) * 15px);height: calc(var(--width401) * 5px);margin:0 calc(var(--width401) * 6px) 0 0;}
    .coursesswiper-pagination,.hotswiper-pagination,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet
    {margin: 0 calc(var(--width401) * 10px) 0 0;}
    .artleftp{width: calc(var(--width401) * 10px);height: calc(var(--width401) * 10px);margin:calc(var(--width401) * 6px) calc(var(--width401) * 6px) 0 0;}
    .artleft{margin:0 0 calc(var(--width401) * 15px) 0;}
    .artleft-down .aldatitle{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 22px);}
    .artleft-down .aldadesc{margin:calc(var(--width401) * 10px) 0;font-size:calc(var(--width401) * 14px);}
    .artleft-tab a{max-width: calc(var(--width401) * 100px); height: calc(var(--width401) * 25px);;border-radius: calc(var(--width401) * 5px);padding:0 calc(var(--width401) * 6px); margin:0 calc(var(--width401) * 10px) 0 0;
        line-height: calc(var(--width401) * 24px);font-size:calc(var(--width401) * 12px);
    }
    .artleft-tab{padding:0 0 calc(var(--width401) * 15px) 0;}
    .artleft-down{width:100%}
    .video-tab{width:47%;border-radius:calc(var(--width401) * 5px);margin:0 0 calc(var(--width401) * 20px) 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtaba,.vtabimg{width:100%;height:calc(var(--width401) * 110px);}
    .vtdown dt {height: calc(var(--width401) * 44px);font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 22px);margin:calc(var(--width401) * 12px) calc(var(--width401) * 15px) 0 calc(var(--width401) * 15px);}
    .vtdown dt .bg1{font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 12px);}
    .vtdown dt .bg2 {font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 12px);}
    .vtdown dt .bg3 {font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 12px);}
    .vtdown dt i {font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 12px);width: calc(var(--width401) * 32px);height: calc(var(--width401) * 16px);border-radius: 2px;padding: 2px 2px;}
    .vtdown dd {margin:calc(var(--width401) * 18px) calc(var(--width401) * 14px) calc(var(--width401) * 14px) calc(var(--width401) * 14px);font-size:calc(var(--width401) * 12px);}
    .vtaba-free{ width: calc(var(--width401) * 45px);height: calc(var(--width401) * 20px); border-radius: calc(var(--width401) * 5px) 0px calc(var(--width401) * 5px) 0px;
         font-size: calc(var(--width401) * 14px); line-height: calc(var(--width401) * 12px);  
    }
    .allAlist .taballsdown {height: calc(var(--width401) * 50px);}
    .tabLi {height: calc(var(--width401) * 44px);}
    .taballsdown .alllistdiv {font-size: calc(var(--width401) * 18px);line-height: calc(var(--width401) * 25px);
        margin-top: calc(var(--width401) * 8px);height: calc(var(--width401) * 43px);border-radius: calc(var(--width401) * 5px) calc(var(--width401) * 5px) 0px 0px;padding: 0 calc(var(--width401) * 10px);
    }
    .alllistdiv.check{font-size: calc(var(--width401) * 20px);line-height: calc(var(--width401) * 25px);}
    .tabLi img {width:calc(var(--width401) * 78px);height:calc(var(--width401) * 45px);}
    .tabA2.mores b{width:calc(var(--width401) * 20px);height:calc(var(--width401) * 4px);}
    .tabA2.mores{margin:0 calc(var(--width401) * 16px) 0 0;}
    .blackTab2{margin:calc(var(--width401) * 20px) 0 0 calc(var(--width401) * 20px);}
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 22px);margin:0 calc(var(--width401) * 8px);}
    .btabdiv2 ul li{height: calc(var(--width401) * 30px); border-radius:calc(var(--width401) * 5px);line-height: calc(var(--width401) * 30px);margin:0 calc(var(--width401) * 12px) 0 0;}
    .allAlist{margin:calc(var(--width401) * 40px) 0 0 0;}
    .layui-tab-items{margin:calc(var(--width401) * 20px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px);}
    .cldA,.cldaimg{width: calc(var(--width401) * 140px);height: calc(var(--width401) * 86px);border-radius: calc(var(--width401) * 5px);}
    .cldA{margin:0 calc(var(--width401) * 15px) 0 0;}
    .clDiv{padding:0 0 calc(var(--width401) * 20px) 0;margin:0 0 calc(var(--width401) * 20px) 0;}
    .clDiv dt a{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 24px);}
    .clDiv dt {height:calc(var(--width401) * 45px);font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 24px);}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 12px);padding: calc(var(--width401) * 4px) calc(var(--width401) * 6px);width: calc(var(--width401) * 46px);height: calc(var(--width401) * 20px);}
    .clddTime{line-height: calc(var(--width401) * 18px);font-size:calc(var(--width401) * 12px);}
    .cldddLabels a{font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 21px);height: calc(var(--width401) * 21px);padding:0 calc(var(--width401) * 5px);margin:0 0 0 calc(var(--width401) * 5px);}
    .cldddLabels{margin:0 0 0 calc(var(--width401) * 10px);width: calc(var(--width401) * 140px);}
    .clDivmore{height: calc(var(--width401) * 35px);border-radius: calc(var(--width401) * 5px);font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 22px);}
    .clDivmore b{width:calc(var(--width401) * 18px);height:calc(var(--width401) * 18px);background-size: contain;margin:0 0 0 calc(var(--width401) * 5px);}
    .hours-read,.tech-news{margin:calc(var(--width401) * 40px) 0 0 0;}
    .hours-read{margin-bottom:calc(var(--width401) * 60px);}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width401) * 60px) 0 0 0;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:calc(var(--width401) * 26px);height:calc(var(--width401) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:calc(var(--width401) * 26px);height:calc(var(--width401) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:calc(var(--width401) * 26px);height:calc(var(--width401) * 28px);background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum{width:calc(var(--width401) * 26px);height:calc(var(--width401) * 28px); background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:calc(var(--width401) * 4px) 0 0 calc(var(--width401) * 7px);}
    .hournum{font-size:calc(var(--width401) * 18px);margin:0 calc(var(--width401) * 12px) 0 0;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left:calc(var(--width401) * 3px);}

    .hourcon{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 26px);}
    .hoursided{margin:0 0 calc(var(--width401) * 14px) 0;}
    .advertisement{border-radius: calc(var(--width401) * 5px);margin: calc(var(--width401) * 68px) 0 0 0;}
    .advertisement img{width: calc(var(--width401) * 391px);height: calc(var(--width401) * 332px);border-radius: calc(var(--width401) * 5px);}
    .techblack{width: calc(var(--width401) * 6px);height: calc(var(--width401) * 6px);margin:calc(var(--width401) * 10px) calc(var(--width401) * 10px) 0 0;flex-shrink: 0;}
    .techcon{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 24px);}
    .techsided{margin:0 0 calc(var(--width401) * 20px) 0;}
    .courses-left,.courses-left img{width: calc(var(--width401) * 140px);height: calc(var(--width401) * 86px);border-radius: calc(var(--width401) * 5px);}
    .courses-left{margin:0 calc(var(--width401) * 14px) 0 0;}
    .coursecon{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 26px);}
    .course-down{font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 22px);}
    .course-down b { height: calc(var(--width401) * 13px);margin: 0 calc(var(--width401) * 4px);}
    .coursessided{margin:0 0 calc(var(--width401) * 20px) 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: calc(var(--width401) * 140px);height: calc(var(--width401) * 86px);border-radius: calc(var(--width401) * 5px);}
    .hot-left{margin:0 calc(var(--width401) * 14px) 0 0;}
    .hotra{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 26px);}

    .hotrdown{width: calc(var(--width401) * 58px);height: calc(var(--width401) * 25px);border-radius: calc(var(--width401) * 5px);font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 20px);}
    .hotsided{margin:0 0 calc(var(--width401) * 20px) 0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{margin:0 calc(var(--width401) * 15px);}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size:calc(var(--width401) * 12px);line-height: calc(var(--width401) * 18px);}
    .ztLists .clddTitle,.artLists .clddTitle{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 24px);}
    .aitabtopa,.aitabtopa img{width: calc(var(--width401) * 72px);height: calc(var(--width401) * 72px);border-radius: calc(var(--width401) * 15px);}
    .aitab{ margin:calc(var(--width401) * 16px) 0 0 0;}
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:calc(var(--width401) * 16px);}
    .aitab-down{margin:0 0 0 calc(var(--width401) * 15px);padding-bottom: calc(var(--width401) * 15px);}
    .aitabdowna{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 16px);}
    .aitabdowntime{font-size:calc(var(--width401) * 14px);line-height: calc(var(--width401) * 20px);margin:calc(var(--width401) * 6px) 0;}
    .aitabdta{padding:0 calc(var(--width401) * 7px); height: calc(var(--width401) * 21px);border-radius: calc(var(--width401) * 5px);font-size:calc(var(--width401) * 12px);line-height: calc(var(--width401) * 21px);margin:0 calc(var(--width401) * 7px) 0 0; }
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 calc(var(--width401) * 20px) 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 calc(var(--width401) * 16px) calc(var(--width401) * 20px) 0;}
    .dlodiva,.dlodiva img{width:100%;height: calc(var(--width401) * 110px);border-radius: calc(var(--width401) * 5px) calc(var(--width401) * 5px) 0px 0px;}
    .dtliallda,.dtliallda img {width: calc(var(--width401) * 70px);height: calc(var(--width401) * 70px);border-radius: calc(var(--width401) * 15px);}
    .downlTwo{margin:calc(var(--width401) * 20px) 0 0 0;}
    .dloDiv{width:47%;border-radius: calc(var(--width401) * 5px);margin:0 0 calc(var(--width401) * 20px) 0;}
    .dloDiv:nth-child(2n+1){margin:0 calc(var(--width401) * 16px) calc(var(--width401) * 16px) 0;}
    .dlodTitle i {height: calc(var(--width401) * 18px);padding:2px calc(var(--width401) * 4px);
        font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 16px);
    }
    .dlodTitle a {font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 24px);margin: 0 0 0 calc(var(--width401) * 6px);}
    .dldowndes{margin:0 calc(var(--width401) * 10px) calc(var(--width401) * 10px) calc(var(--width401) * 10px);}
    .dlodTitle{height: calc(var(--width401) * 48px);margin:calc(var(--width401) * 15px) calc(var(--width401) * 20px) calc(var(--width401) * 10px) calc(var(--width401) * 13px);}
    .downmoney{margin:0 calc(var(--width401) * 13px) calc(var(--width401) * 12px) calc(var(--width401) * 13px); }
    .downmoney span:nth-child(1){font-size: calc(var(--width401) * 18px); }
    .downmoney span:nth-child(2){font-size: calc(var(--width401) * 12px);}
    .dlodType,.dlodTime{font-size:calc(var(--width401) * 12px);line-height: calc(var(--width401) * 12px);}
    .dtliAlld{ border-radius: calc(var(--width401) * 4px);margin:0 0 calc(var(--width401) * 13px) 0;}
    .dtliAlld:last-child(){margin:0 0 calc(var(--width401) * 16px) 0;}
    .dtliallda{margin:0 calc(var(--width401) * 16px) 0 0;}
    .dtlTitle{ padding-bottom: calc(var(--width401) * 15px);height: calc(var(--width401) * 70px);}
    .dtlTitle a:nth-child(1){font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 22px);}
    .dtlTitle a:nth-child(2){line-height: calc(var(--width401) * 18px);font-size: calc(var(--width401) * 14px);}
    .dtlDown{font-size: calc(var(--width401) * 12px); }
    .dtlDowno b{width:calc(var(--width401) * 18px);height:calc(var(--width401) * 18px); background-size: contain;margin-right:calc(var(--width401) * 5px);}
    .dtlDownt b{width:calc(var(--width401) * 18px);height:calc(var(--width401) * 18px); background-size: contain;margin-right:calc(var(--width401) * 5px);}
    .dtlDowno{margin:0 calc(var(--width401) * 16px) 0 0;}
    .downtwolist{flex:0 0 auto;}
    .downtwolist:nth-child(2){margin:0 calc(var(--width401) * 16px);}
    .dlfor{width:47%; border-radius: calc(var(--width401) * 8px);margin:0 calc(var(--width401) * 20px) calc(var(--width401) * 20px) 0;}
    .dlfor:nth-child(2n+2){margin:0 0 calc(var(--width401) * 20px) 0;}
    .dlfrTitle{margin:calc(var(--width401) * 10px) 0;}
    .dlfrTitle a{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 24px);height:calc(var(--width401) * 48px);}
    .dlfrToptitle{ font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 24px);height: calc(var(--width401) * 49px);}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: calc(var(--width401) * 12px);height: calc(var(--width401) * 21px);padding:calc(var(--width401) * 2px) calc(var(--width401) * 4px); }
    .dlftTimes,.dlfrDownload,.dlfrWatch{line-height: calc(var(--width401) * 18px);font-size:calc(var(--width401) * 12px);}
    .dlfrWatch{margin-right: calc(var(--width401) * 12px);}
    .dlfrDown{margin:calc(var(--width401) * 15px) calc(var(--width401) * 13px) calc(var(--width401) * 14px) calc(var(--width401) * 13px);}
    .dlfrDowns{ margin-top: calc(var(--width401) * 12px);}
    .downlFour {margin: calc(var(--width401) * 20px) 0 0 0;}
    .scothdWatch{margin:0 calc(var(--width401) * 17px);}
    .scodotherd {border-radius: calc(var(--width401) * 5px);margin: 0 0 calc(var(--width401) * 20px) 0;}
    .scothds {margin: calc(var(--width401) * 12px) calc(var(--width401) * 13px);}
    .scothtop {font-size: calc(var(--width401) * 16px);height: calc(var(--width401) * 28px);}
    .scothtop dt span,.scothdsd a:nth-child(1) {height: calc(var(--width401) * 20px);line-height: calc(var(--width401) * 26px);}
    .scothtop dt i,.scothdsd a:nth-child(2) i {max-width: calc(var(--width401) * 65px);max-height: calc(var(--width401) * 26px);border-radius: calc(var(--width401) * 3px);
        font-size: calc(var(--width401) * 12px);padding: 0 calc(var(--width401) * 6px) 0 calc(var(--width401) * 8px);line-height: calc(var(--width401) * 26px);
    }
    .scothmiddle {font-size: calc(var(--width401) * 14px);margin: calc(var(--width401) * 10px) 0 calc(var(--width401) * 14px) 0;-webkit-line-clamp: 1;}
    .scothdown {font-size: calc(var(--width401) * 12px);}
    .scothdTime b {width: calc(var(--width401) * 14px);height: calc(var(--width401) * 15px);margin: 0 calc(var(--width401) * 4px) 0 0;background-size: contain;}
    .scothdWatch b {width: calc(var(--width401) * 18px);height: calc(var(--width401) * 12px);margin: 0 calc(var(--width401) * 4px) 0 0;background-size: contain;}
    .scothdDownload b {width: calc(var(--width401) * 16px);height: calc(var(--width401) * 16px);margin: 0 calc(var(--width401) * 4px) 0 0;background-size: contain;}
    
    
    .downlThree,.downlFive{margin:calc(var(--width401) * 20px) 0 0 0;}
    .dtlImg{width: calc(var(--width401) * 80px);height: calc(var(--width401) * 80px);border-radius: calc(var(--width401) * 4px); }
    .coderTitle{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 16px);}
    .coderDes{line-height: calc(var(--width401) * 22px);margin:calc(var(--width401) * 12px) 0 calc(var(--width401) * 10px) 0;font-size: calc(var(--width401) * 14px);}

    .codeconAd{width:100%; border-radius: calc(var(--width401) * 5px);margin:0 0 calc(var(--width401) * 15px) 0;}
    .codeconAd .dtlImg{margin:0 calc(var(--width401) * 18px) 0 0;}
    .codecRight{margin:0;padding-bottom: calc(var(--width401) * 15px);}
    .morecon-all{margin:calc(var(--width401) * 16px);width:100%;}
    .mlc-title{font-size: calc(var(--width401) * 18px);line-height: calc(var(--width401) * 25px);padding:0 0 calc(var(--width401) * 13px) 0;width:100%;}
    .mlc-con{margin:calc(var(--width401) * 16px) 0 0 0;}
    .mlcA{height: calc(var(--width401) * 42px);border-radius: calc(var(--width401) * 4px);font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 22px);padding:0 calc(var(--width401) * 12px);margin:0 calc(var(--width401) * 15px) calc(var(--width401) * 15px) 0;}

    .dlfrDownload b{width:calc(var(--width401) * 14px);height:calc(var(--width401) * 15px); background-size:contain;margin:0 calc(var(--width401) * 2px) 0 0 ;}
    .dlfrWatch b{width:calc(var(--width401) * 16px);height:calc(var(--width401) * 16px); background-size:contain;margin:0 calc(var(--width401) * 2px) 0 0 ;}
    .dlftTimes b{width:calc(var(--width401) * 14px);height:calc(var(--width401) * 14px); background-size:contain;margin:0 calc(var(--width401) * 2px) 0 0 ;}
    .dlodType b{width:calc(var(--width401) * 15px);height:calc(var(--width401) * 15px); background-size:contain;margin:0 calc(var(--width401) * 3px) 0 0 ;}
    .dlodTime b{width:calc(var(--width401) * 14px);height:calc(var(--width401) * 15px); background-size:contain;margin:0 calc(var(--width401) * 3px) 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:calc(var(--width401) * 16px);height:calc(var(--width401) * 12px); background-size:contain;margin:0 calc(var(--width401) * 5px) 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:calc(var(--width401) * 14px);height:calc(var(--width401) * 14px);background-size:contain;margin:0 calc(var(--width401) * 5px) 0 0;}
    .cldddLabels b{width:calc(var(--width401) * 14px);height:calc(var(--width401) * 14px); background-size:contain;}
    .clddTime b{width:calc(var(--width401) * 14px);height:calc(var(--width401) * 15px); background-size:contain;margin:0 calc(var(--width401) * 3px) 0 0;}
    .artleft-down .aldatitle b{width:calc(var(--width401) * 16px);height:calc(var(--width401) * 16px); background-size:contain;margin:0 calc(var(--width401) * 10px) 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: calc(var(--width401) * 18px);height: calc(var(--width401) * 18px); background-size: contain;}
    .vtdown dd em a b {width: calc(var(--width401) * 14px);height: calc(var(--width401) * 15px); margin: 0 calc(var(--width401) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: calc(var(--width401) * 14px);height: calc(var(--width401) * 15px); margin: 0 calc(var(--width401) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{  width: 100%;height: calc(var(--width401) * 120px);border-radius: calc(var(--width401) * 8px) calc(var(--width401) * 8px) 0px 0px;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: calc(var(--width401) * 150px);border-radius: calc(var(--width401) * 5px) calc(var(--width401) * 5px) 0px 0px;}
    .zttab-top img{ height: calc(var(--width401) * 150px); background-size: contain;}
    /* .zttabright .zttab-top{ width: 100%;height: calc(var(--width401) * 120px);border-radius: calc(var(--width401) * 8px) calc(var(--width401) * 8px) 0px 0px;} */
    .title-more b { width: calc(var(--width401) * 6px);height:calc(var(--width401) * 17px); margin: 0 0 0 calc(var(--width401) * 4px);}
    
    

    .rgdlds{margin:0 0 calc(var(--width401) * 20px) 0;}
    .rgdllefa {width: calc(var(--width401) * 75px);height: calc(var(--width401) * 75px);margin:0 calc(var(--width401) * 16px) 0 0;}
    .rgdllefimg {width: calc(var(--width401) * 65px);height: calc(var(--width401) * 65px);}
    .ridldrri{width: calc(var(--width401) * 200px);}
    .ridldrri a{font-size: calc(var(--width401) * 16px);margin:0 0 calc(var(--width401) * 15px) 0;}
    .ridldrri p{font-size: calc(var(--width401) * 14px);}
    .rgdllook{ width: calc(var(--width401) * 50px);height: calc(var(--width401) * 25px);font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 26px);}

    .webmidtabs{margin:0 calc(var(--width401) * 20px);}
    .mdidtabd{margin-right: calc(var(--width401) * 31px);}
    .mdidtabd img{width:calc(var(--width401) * 46px);height:calc(var(--width401) * 46px);}
    .mdidtabd span{ font-size: calc(var(--width401) * 14px); margin-top: calc(var(--width401) * 10px);}

    .sechcon{margin:calc(var(--width401) * 20px) 0 0 0;}
    .search-layerbg { min-height: calc(var(--width401) * 235px);}
    .sechtitle b{width: calc(var(--width401) * 18px);height: calc(var(--width401) * 18px);background-size: contain;}
    .schbg{margin:calc(var(--width401) * 20px);}
    .sechconlogoa{margin:0 auto calc(var(--width401) * 20px) auto;width:calc(var(--width401) * 159px);height: calc(var(--width401) * 41px);}
    .sechcon .sechconlogoa img{width:calc(var(--width401) * 159px);height: calc(var(--width401) * 41px);}
    .serchd{ height: calc(var(--width401) * 35px); margin:0 0 calc(var(--width401) * 23px) 0;}
    .serchd input{ margin:0 calc(var(--width401) * 10px);font-size: calc(var(--width401) * 14px); }
    .serchp{width:calc(var(--width401) * 25px);height: calc(var(--width401) * 25px); background-size: contain;margin:0 calc(var(--width401) * 11px) 0 0;flex-shrink: 0;}
    .topbtna{height:calc(var(--width401) * 25px); border-radius: 5px;font-size: calc(var(--width401) * 14px);padding: 0 calc(var(--width401) * 8px) 0 calc(var(--width401) * 7px); margin: 0 calc(var(--width401) * 10px) calc(var(--width401) * 10px) 0;}
    .top-btn{ height:calc(var(--width401) * 30px);}
    .left-jxai{margin:calc(var(--width401) * 40px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px);}
    .jxaida{margin:0 8% calc(var(--width401) * 20px) 0;width:19%;}
    .jxaida img{width: calc(var(--width401) * 73px);height: calc(var(--width401) * 73px);border-radius:calc(var(--width401) * 15px);margin:0 0 calc(var(--width401) * 15px) 0;}
    .jxaida p{font-size: calc(var(--width401) * 16px);}

}

@media screen and (max-width: 395px) {
    .video-tab {width:47%;}



}

@media screen and (max-width: 391px) {
    
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{ height:calc(var(--width390) * 180px);}
    .indexsw,.indexsw img{width: calc(var(--width390) * 350px);height: calc(var(--width390) * 162px);border-radius: calc(var(--width390) * 8px);}
    .index_swiper{margin:calc(var(--width390) * 20px) 0;}
    .index_swiper .swiper-pagination {bottom: calc(var(--width390) * 10px);left:19.5%;}
    .index_swiper .swiper-pagination-bullet {width: calc(var(--width390) * 10px);height: 5px;}
    .ltt-botd{font-size: calc(var(--width390) * 18px);line-height: calc(var(--width390) * 24px);height:calc(var(--width390) * 90px);border-radius: 0 0 calc(var(--width390) * 8px) calc(var(--width390) * 8px);}
    .ltt-botd p{ margin: calc(var(--width390) * 40px) calc(var(--width390) * 15px) 0 calc(var(--width390) * 15px);}

    .ltt-down{margin:calc(var(--width390) * 20px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px); }
    .ltdlefta-down p:nth-child(1){font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 22px);margin:0 0 calc(var(--width390) * 10px) 0;}
    .ltdlefta-down p:nth-child(2){font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 20px);}
    .ltdlefta{margin:calc(var(--width390) * 24px) 0 0 0;}
    .ltdlefta:first-child{margin:calc(var(--width390) * 20px) 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 calc(var(--width390) * 19px) 0;}
    .title-more{font-size: calc(var(--width390) * 14px);}
    .title-left{font-size: calc(var(--width390) * 20px); }
    .left-jxai .title-left b{width:calc(var(--width390) * 26px);height:calc(var(--width390) * 24px); background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .left-zt .title-left b{width:calc(var(--width390) * 24px);height:calc(var(--width390) * 24px); background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .left-ai .title-left b{width:calc(var(--width390) * 25px);height:calc(var(--width390) * 24px);  background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .left-article .title-left b{width:calc(var(--width390) * 25px);height:calc(var(--width390) * 24px); background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .left-video .title-left b{width:calc(var(--width390) * 27px);height:calc(var(--width390) * 24px); background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .hours-read .title-left b{width:calc(var(--width390) * 25px);height:calc(var(--width390) * 23px); background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .tech-news .title-left b{width:calc(var(--width390) * 24px);height:calc(var(--width390) * 24px); background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .quality-courses .title-left b{width:calc(var(--width390) * 26px);height:calc(var(--width390) * 24px); background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .hot-down .title-left b{width:calc(var(--width390) * 26px);height:calc(var(--width390) * 24px); background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .codedl .title-left b{width:calc(var(--width390) * 26px);height:calc(var(--width390) * 26px); background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}

    /* .title-left .pfjt{line-height: calc(var(--width390) * 23px);}
    .title-left .eng{ font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 20px); margin:calc(var(--width390) * 5px) 0 0 calc(var(--width390) * 6px);} */
    .zttabtdDes{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 22px);margin:calc(var(--width390) * 14px) calc(var(--width390) * 20px) calc(var(--width390) * 20px) calc(var(--width390) * 20px);}
    .zttabtdDes a{font-size:calc(var(--width390) * 14px);}
    .zttab-top{width: 100%;height:calc(var(--width390) * 120px);border-radius: calc(var(--width390) * 8px) calc(var(--width390) * 8px) 0px 0px;}
    .left-zt,.list-downs{margin:calc(var(--width390) * 32px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);}
    .left-video{margin:calc(var(--width390) * 40px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);}
    .left-ai{margin:calc(var(--width390) * 60px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);}
    .left-article{margin:calc(var(--width390) * 40px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);}
    .zttab{width: calc(var(--width390) * 270px);min-width:calc(var(--width390) * 270px); border-radius: calc(var(--width390) * 5px);}
    .zttab:nth-child(2){margin:0 calc(var(--width390) * 20px);}
    .zttab-ul{margin:0 calc(var(--width390) * 16px) calc(var(--width390) * 20px) calc(var(--width390) * 16px);}
    .zttabtd{width:100%;}
    .zttabtd p:nth-child(1){font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 25px);margin:calc(var(--width390) * 20px) calc(var(--width390) * 20px) calc(var(--width390) * 10px) calc(var(--width390) * 20px);}
    .zttabtd p:nth-child(2){font-size:calc(var(--width390) * 16px);line-height:calc(var(--width390) * 25px);margin:0 calc(var(--width390) * 20px);}
    .zttab-ul{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 20px);}
    .zttaba{margin:calc(var(--width390) * 20px) 0;height:calc(var(--width390) * 20px);}
    .aibtnimg{width: calc(var(--width390) * 72px);height: calc(var(--width390) * 72px);border-radius: calc(var(--width390) * 15px);}
    .aibtn-right p:nth-child(1){font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 18px);margin:calc(var(--width390) * 16px) 0 0 0;}
    /* .aibtn-right p:nth-child(2){font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 22px);margin:0 calc(var(--width390) * 6px) 0 0;} */
    .aibtns{width: 19%; border-radius: calc(var(--width390) * 8px);margin:0 8% calc(var(--width390) * 20px) 0;}
    .aitabs{ height: calc(var(--width390) * 40px);border-radius:calc(var(--width390) * 5px);margin:0 0 calc(var(--width390) * 22px) 0}
    .aitaba{font-size: calc(var(--width390) * 14px);margin:0 calc(var(--width390) * 15px) 0 0;}
    .aitaba.check b{height:calc(var(--width390) * 3px);}
    .aitaba:nth-of-type(1){margin:0 calc(var(--width390) * 15px) 0 calc(var(--width390) * 10px);}
    .aitaba:last-of-type(){margin:0 calc(var(--width390) * 10px) 0 0;}
    
    .aiswiper-pagintaion{margin: calc(var(--width390) * 5px) auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:calc(var(--width390) * 5px);}
    .swiper-pagination{width:100%;}
    .swiper-pagination-bullet{width: calc(var(--width390) * 50px);height:3px;border-radius: 2px;margin: 0 calc(var(--width390) * 18px) 0 0;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet, 
    .left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet
    ,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet{width: calc(var(--width390) * 15px);height: calc(var(--width390) * 5px);margin:0 calc(var(--width390) * 6px) 0 0;}
    .coursesswiper-pagination,.hotswiper-pagination{margin:calc(var(--width390) * 10px) 0 0 0;}
    .artleftp{width: calc(var(--width390) * 10px);height: calc(var(--width390) * 10px);margin:calc(var(--width390) * 6px) calc(var(--width390) * 6px) 0 0;}
    .artleft{margin:0 0 calc(var(--width390) * 15px) 0;}
    .artleft-down .aldatitle{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 22px);}
    .artleft-down .aldadesc{margin:calc(var(--width390) * 10px) 0;font-size:calc(var(--width390) * 14px);}
    .artleft-tab a{max-width: calc(var(--width390) * 100px);height: calc(var(--width390) * 25px);;border-radius: calc(var(--width390) * 5px);padding:0 calc(var(--width390) * 6px); margin:0 calc(var(--width390) * 10px) 0 0;
        line-height: calc(var(--width390) * 24px);font-size:calc(var(--width390) * 12px);
    }
    .artleft-tab{padding:0 0 calc(var(--width390) * 15px) 0;}
    .artleft-down{width:100%}
    .video-tab{width:47%;border-radius:calc(var(--width390) * 5px);margin:0 0 calc(var(--width390) * 20px) 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtaba,.vtabimg{width:100%;height:calc(var(--width390) * 110px);}
    .vtdown dt {height: calc(var(--width390) * 44px);font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 22px);margin:calc(var(--width390) * 12px) calc(var(--width390) * 15px) 0 calc(var(--width390) * 15px);}
    .vtdown dt .bg1{font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 12px);}
    .vtdown dt .bg2 {font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 12px);}
    .vtdown dt .bg3 {font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 12px);}
    .vtdown dt i {font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 12px);width: calc(var(--width390) * 32px);height: calc(var(--width390) * 16px);border-radius: 2px;padding: 2px 2px;}
    .vtdown dd {margin:calc(var(--width390) * 18px) calc(var(--width390) * 14px) calc(var(--width390) * 14px) calc(var(--width390) * 14px);font-size:calc(var(--width390) * 12px);}
    .vtaba-free{ width: calc(var(--width390) * 45px);height: calc(var(--width390) * 20px); border-radius: calc(var(--width390) * 5px) 0px calc(var(--width390) * 5px) 0px;
         font-size: calc(var(--width390) * 14px); line-height: calc(var(--width390) * 12px);  
    }
    .allAlist .taballsdown {height: calc(var(--width390) * 50px);}
    .tabLi {height: calc(var(--width390) * 44px);}
    .taballsdown .alllistdiv {font-size: calc(var(--width390) * 18px);line-height: calc(var(--width390) * 25px);
        margin-top: calc(var(--width390) * 8px);height: calc(var(--width390) * 43px);border-radius: calc(var(--width390) * 5px) calc(var(--width390) * 5px) 0px 0px;padding: 0 calc(var(--width390) * 10px);
    }
    .alllistdiv.check{font-size: calc(var(--width390) * 20px);line-height: calc(var(--width390) * 25px);}
    .tabLi img {width:calc(var(--width390) * 78px);height:calc(var(--width390) * 45px);}
    .tabA2.mores b{width:calc(var(--width390) * 20px);height:calc(var(--width390) * 4px);}
    .tabA2.mores{margin:0 calc(var(--width390) * 16px) 0 0;}
    .blackTab2{margin:calc(var(--width390) * 20px) 0 0 calc(var(--width390) * 20px);}
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 22px);margin:0 calc(var(--width390) * 8px);}
    .btabdiv2 ul li{height: calc(var(--width390) * 30px); border-radius:calc(var(--width390) * 5px);line-height: calc(var(--width390) * 30px);margin:0 calc(var(--width390) * 12px) 0 0;}
    .allAlist{margin:calc(var(--width390) * 40px) 0 0 0;}
    .layui-tab-items{margin:calc(var(--width390) * 20px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);}
    .cldA,.cldaimg{width: calc(var(--width390) * 140px);height: calc(var(--width390) * 86px);border-radius: calc(var(--width390) * 5px);}
    .cldA{margin:0 calc(var(--width390) * 15px) 0 0;}
    .clDiv{padding:0 0 calc(var(--width390) * 20px) 0;margin:0 0 calc(var(--width390) * 20px) 0;}
    .clDiv dt a{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 24px);}
    .clDiv dt {height:calc(var(--width390) * 45px);font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 24px);}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 12px);padding: calc(var(--width390) * 4px) calc(var(--width390) * 6px);width: calc(var(--width390) * 46px);height: calc(var(--width390) * 20px);}
    .clddTime{line-height: calc(var(--width390) * 18px);font-size:calc(var(--width390) * 12px);}
    .cldddLabels a{font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 21px);height: calc(var(--width390) * 21px);padding:0 calc(var(--width390) * 5px);margin:0 0 0 calc(var(--width390) * 5px); }
    .cldddLabels{margin:0 0 0 calc(var(--width390) * 10px);width: calc(var(--width390) * 140px);}
    .clDivmore{height: calc(var(--width390) * 35px);border-radius: calc(var(--width390) * 5px);font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 22px);}
    .clDivmore b{width:calc(var(--width390) * 18px);height:calc(var(--width390) * 18px);background-size: contain;margin:0 0 0 calc(var(--width390) * 5px);}
    .hours-read,.tech-news{margin:calc(var(--width390) * 40px) 0 0 0;}
    .hours-read{margin-bottom:calc(var(--width390) * 60px);}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width390) * 60px) 0 0 0;}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width390) * 60px) 0 0 0;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:calc(var(--width390) * 26px);height:calc(var(--width390) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:calc(var(--width390) * 26px);height:calc(var(--width390) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:calc(var(--width390) * 26px);height:calc(var(--width390) * 28px);background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum{width:calc(var(--width390) * 26px);height:calc(var(--width390) * 28px); background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:calc(var(--width390) * 4px) 0 0 calc(var(--width390) * 7px);}
    .hournum{font-size:calc(var(--width390) * 18px);margin:0 calc(var(--width390) * 12px) 0 0;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left:calc(var(--width390) * 3px);}

    .hourcon{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 26px);}
    .hoursided{margin:0 0 calc(var(--width390) * 14px) 0;}
    .advertisement{border-radius: calc(var(--width390) * 5px);margin: calc(var(--width390) * 68px) 0 0 0;}
    .advertisement img{width: calc(var(--width390) * 391px);height: calc(var(--width390) * 332px);border-radius: calc(var(--width390) * 5px);}
    .techblack{width: calc(var(--width390) * 6px);height: calc(var(--width390) * 6px);margin:calc(var(--width390) * 10px) calc(var(--width390) * 10px) 0 0;flex-shrink: 0;}
    .techcon{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 24px);}
    .techsided{margin:0 0 calc(var(--width390) * 20px) 0;}
    .courses-left,.courses-left img{width: calc(var(--width390) * 140px);height: calc(var(--width390) * 86px);border-radius: calc(var(--width390) * 5px);}
    .courses-left{margin:0 calc(var(--width390) * 14px) 0 0;}
    .coursecon{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 26px);}
    .course-down{font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 22px);}
    .course-down b { height: calc(var(--width390) * 13px);margin: 0 calc(var(--width390) * 4px);}
    .coursessided{margin:0 0 calc(var(--width390) * 20px) 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: calc(var(--width390) * 140px);height: calc(var(--width390) * 86px);border-radius: calc(var(--width390) * 5px);}
    .hot-left{margin:0 calc(var(--width390) * 14px) 0 0;}
    .hotra{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 26px);}
    .hotrdown{width: calc(var(--width390) * 58px);height: calc(var(--width390) * 25px);border-radius: calc(var(--width390) * 5px);font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 20px);}
    .hotsided{margin:0 0 calc(var(--width390) * 20px) 0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{margin:0 calc(var(--width390) * 15px);}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size:calc(var(--width390) * 12px);line-height: calc(var(--width390) * 18px);}
   
    .ztLists .clddTitle,.artLists .clddTitle{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 24px);}
    .aitabtopa,.aitabtopa img{width: calc(var(--width390) * 72px);height: calc(var(--width390) * 72px);border-radius: calc(var(--width390) * 15px);}
    .aitab{ margin:calc(var(--width390) * 16px) 0  0 0;}
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:calc(var(--width390) * 16px);}
    .aitab-down{margin:0 0 0 calc(var(--width390) * 15px);padding-bottom: calc(var(--width390) * 15px);}
    .aitabdowna{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 16px);}
    .aitabdowntime{font-size:calc(var(--width390) * 14px);line-height: calc(var(--width390) * 20px);margin:calc(var(--width390) * 6px) 0;}
    .aitabdta{padding:0 calc(var(--width390) * 7px); height: calc(var(--width390) * 21px);border-radius: calc(var(--width390) * 5px);font-size:calc(var(--width390) * 12px);line-height: calc(var(--width390) * 21px);margin:0 calc(var(--width390) * 7px) 0 0; }
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 calc(var(--width390) * 20px) 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 calc(var(--width390) * 16px) calc(var(--width390) * 20px) 0;}
    .dlodiva,.dlodiva img{width:100%;height: calc(var(--width390) * 110px);border-radius: calc(var(--width390) * 5px) calc(var(--width390) * 5px) 0px 0px;}
    .dtliallda,.dtliallda img {width: calc(var(--width390) * 70px);height: calc(var(--width390) * 70px);border-radius: calc(var(--width390) * 15px);}
    .downlTwo{margin:calc(var(--width390) * 20px) 0 0 0;}
    .dloDiv{width:47%;border-radius: calc(var(--width390) * 5px);margin:0 0 calc(var(--width390) * 20px) 0;}
    .dloDiv:nth-child(2n+1){margin:0 calc(var(--width390) * 16px) calc(var(--width390) * 16px) 0;}
    .dlodTitle i {height: calc(var(--width390) * 18px);padding:2px calc(var(--width390) * 4px);
        font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 16px);
    }
    .dlodTitle a {font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 24px);margin: 0 0 0 calc(var(--width390) * 6px);}
    .dldowndes{margin:0 calc(var(--width390) * 10px) calc(var(--width390) * 10px) calc(var(--width390) * 10px);}
    .dlodTitle{height: calc(var(--width390) * 48px);margin:calc(var(--width390) * 15px) calc(var(--width390) * 20px) calc(var(--width390) * 10px) calc(var(--width390) * 13px);}
    .downmoney{margin:0 calc(var(--width390) * 13px) calc(var(--width390) * 12px) calc(var(--width390) * 13px); }
    .downmoney span:nth-child(1){font-size: calc(var(--width390) * 18px); }
    .downmoney span:nth-child(2){font-size: calc(var(--width390) * 12px);}
    .dlodType,.dlodTime{font-size:calc(var(--width390) * 12px);line-height: calc(var(--width390) * 12px);}
    .dtliAlld{ border-radius: calc(var(--width390) * 4px);margin:0 0 calc(var(--width390) * 13px) 0;}
    .dtliAlld:last-child(){margin:0 0 calc(var(--width390) * 16px) 0;}
    .dtliallda{margin:0 calc(var(--width390) * 16px) 0 0;}
    .dtlTitle{ padding-bottom: calc(var(--width390) * 15px);height: calc(var(--width390) * 70px);}
    .dtlTitle a:nth-child(1){font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 22px);}
    .dtlTitle a:nth-child(2){line-height: calc(var(--width390) * 18px);font-size: calc(var(--width390) * 14px);}
    .dtlDown{font-size: calc(var(--width390) * 12px); }
    .dtlDowno b{width:calc(var(--width390) * 18px);height:calc(var(--width390) * 18px); background-size: contain;margin-right:calc(var(--width390) * 5px);}
    .dtlDownt b{width:calc(var(--width390) * 18px);height:calc(var(--width390) * 18px); background-size: contain;margin-right:calc(var(--width390) * 5px);}
    .dtlDowno{margin:0 calc(var(--width390) * 16px) 0 0;}
    .downtwolist{flex:0 0 auto;}
    .downtwolist:nth-child(2){margin:0 calc(var(--width390) * 16px);}
    .dlfor{width:47%; border-radius: calc(var(--width390) * 8px);margin:0 calc(var(--width390) * 20px) calc(var(--width390) * 20px) 0;}
    .dlfor:nth-child(2n+2){margin:0 0 calc(var(--width390) * 20px) 0;}
    .dlfrTitle{margin:calc(var(--width390) * 10px) 0;}
    .dlfrTitle a{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 24px);height:calc(var(--width390) * 48px);}
    .dlfrToptitle{ font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 24px);height: calc(var(--width390) * 49px);}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: calc(var(--width390) * 12px);height: calc(var(--width390) * 21px);padding:calc(var(--width390) * 2px) calc(var(--width390) * 4px); }
    .dlftTimes,.dlfrDownload,.dlfrWatch{line-height: calc(var(--width390) * 18px);font-size:calc(var(--width390) * 12px);}
    .dlfrWatch{margin-right: calc(var(--width390) * 12px);}
    .dlfrDown{margin:calc(var(--width390) * 15px) calc(var(--width390) * 13px) calc(var(--width390) * 14px) calc(var(--width390) * 13px);}
    .dlfrDowns{ margin-top: calc(var(--width390) * 12px);}
    .downlFour {margin: calc(var(--width390) * 20px) 0 0 0;}
    .scothdWatch{margin:0 calc(var(--width390) * 17px);}
    .scodotherd {border-radius: calc(var(--width390) * 5px);margin: 0 0 calc(var(--width390) * 20px) 0;}
    .scothds {margin: calc(var(--width390) * 12px) calc(var(--width390) * 13px);}
    .scothtop {font-size: calc(var(--width390) * 16px);height: calc(var(--width390) * 28px);}
    .scothtop dt span,.scothdsd a:nth-child(1) {height: calc(var(--width390) * 20px);line-height: calc(var(--width390) * 26px);}
    .scothtop dt i,.scothdsd a:nth-child(2) i {max-width: calc(var(--width390) * 65px);max-height: calc(var(--width390) * 26px);border-radius: calc(var(--width390) * 3px);
        font-size: calc(var(--width390) * 12px);padding: 0 calc(var(--width390) * 6px) 0 calc(var(--width390) * 8px);line-height: calc(var(--width390) * 26px);
    }
    .scothmiddle {font-size: calc(var(--width390) * 14px);margin: calc(var(--width390) * 10px) 0 calc(var(--width390) * 14px) 0;-webkit-line-clamp: 1;}
    .scothdown {font-size: calc(var(--width390) * 12px);}
    .scothdTime b {width: calc(var(--width390) * 14px);height: calc(var(--width390) * 15px);margin: 0 calc(var(--width390) * 4px) 0 0;background-size: contain;}
    .scothdWatch b {width: calc(var(--width390) * 18px);height: calc(var(--width390) * 12px);margin: 0 calc(var(--width390) * 4px) 0 0;background-size: contain;}
    .scothdDownload b {width: calc(var(--width390) * 16px);height: calc(var(--width390) * 16px);margin: 0 calc(var(--width390) * 4px) 0 0;background-size: contain;}
    
    
    .downlThree,.downlFive{margin:calc(var(--width390) * 20px) 0 0 0;}
    .dtlImg{width: calc(var(--width390) * 80px);height: calc(var(--width390) * 80px);border-radius: calc(var(--width390) * 4px); }
    .coderTitle{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 16px);}
    .coderDes{line-height: calc(var(--width390) * 22px);margin:calc(var(--width390) * 12px) 0 calc(var(--width390) * 10px) 0;font-size: calc(var(--width390) * 14px);}

    .codeconAd{width:100%; border-radius: calc(var(--width390) * 5px);margin:0 0 calc(var(--width390) * 15px) 0;}
    .codeconAd .dtlImg{margin:0 calc(var(--width390) * 18px) 0 0;}
    .codecRight{margin: 0;width: 100%;padding-bottom: calc(var(--width390) * 15px);}
    .morecon-all{margin:calc(var(--width390) * 16px);width:100%;}
    .mlc-title{font-size: calc(var(--width390) * 18px);line-height: calc(var(--width390) * 25px);padding:0 0 calc(var(--width390) * 13px) 0;width:100%;}
    .mlc-con{margin:calc(var(--width390) * 16px) 0 0 0;}
    .mlcA{height: calc(var(--width390) * 42px);border-radius: calc(var(--width390) * 4px);font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 22px);padding:0 calc(var(--width390) * 12px);margin:0 calc(var(--width390) * 15px) calc(var(--width390) * 15px) 0;}

    .dlfrDownload b{width:calc(var(--width390) * 14px);height:calc(var(--width390) * 15px); background-size:contain;margin:0 calc(var(--width390) * 2px) 0 0 ;}
    .dlfrWatch b{width:calc(var(--width390) * 16px);height:calc(var(--width390) * 16px); background-size:contain;margin:0 calc(var(--width390) * 2px) 0 0 ;}
    .dlftTimes b{width:calc(var(--width390) * 14px);height:calc(var(--width390) * 14px); background-size:contain;margin:0 calc(var(--width390) * 2px) 0 0 ;}
    .dlodType b{width:calc(var(--width390) * 15px);height:calc(var(--width390) * 15px); background-size:contain;margin:0 calc(var(--width390) * 3px) 0 0 ;}
    .dlodTime b{width:calc(var(--width390) * 14px);height:calc(var(--width390) * 15px); background-size:contain;margin:0 calc(var(--width390) * 3px) 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:calc(var(--width390) * 17px);height:calc(var(--width390) * 12px); background-size:contain;margin:0 calc(var(--width390) * 5px) 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:calc(var(--width390) * 14px);height:calc(var(--width390) * 14px);background-size:contain;margin:0 calc(var(--width390) * 5px) 0 0;}
    .cldddLabels b{width:calc(var(--width390) * 14px);height:calc(var(--width390) * 14px); background-size:contain;}
    .clddTime b{width:calc(var(--width390) * 14px);height:calc(var(--width390) * 15px); background-size:contain;margin:0 calc(var(--width390) * 3px) 0 0;}
    .artleft-down .aldatitle b{width:calc(var(--width390) * 14px);height:calc(var(--width390) * 16px); background-size:contain;margin:0 calc(var(--width390) * 10px) 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: calc(var(--width390) * 18px);height: calc(var(--width390) * 18px); background-size: contain;}
    .vtdown dd em a b {width: calc(var(--width390) * 14px);height: calc(var(--width390) * 15px); margin: 0 calc(var(--width390) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: calc(var(--width390) * 14px);height: calc(var(--width390) * 15px); margin: 0 calc(var(--width390) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{  width: 100%;height: calc(var(--width390) * 120px);border-radius: calc(var(--width390) * 8px) calc(var(--width390) * 8px) 0px 0px;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: calc(var(--width390) * 150px);border-radius: calc(var(--width390) * 5px) calc(var(--width390) * 5px) 0px 0px;}
    .zttab-top img{ height: calc(var(--width390) * 150px); background-size: contain;}
    /* .zttabright .zttab-top{ width: 100%;height: calc(var(--width390) * 120px);border-radius: calc(var(--width390) * 8px) calc(var(--width390) * 8px) 0px 0px;} */
    .title-more b { width: calc(var(--width390) * 6px);height:calc(var(--width390) * 17px); margin: 0 0 0 calc(var(--width390) * 4px);background-size: contain;}
    
    
 
    .rgdlds{margin:0 0 calc(var(--width390) * 20px) 0;}
    .rgdllefa {width: calc(var(--width390) * 75px);height: calc(var(--width390) * 75px);margin:0 calc(var(--width390) * 16px) 0 0;}
    .rgdllefimg {width: calc(var(--width390) * 65px);height: calc(var(--width390) * 65px);}
    .ridldrri{width: calc(var(--width390) * 200px);}
    .ridldrri a{font-size: calc(var(--width390) * 16px);margin:0 0 calc(var(--width390) * 15px) 0;}
    .ridldrri p{font-size: calc(var(--width390) * 14px);}
    .rgdllook{ width: calc(var(--width390) * 50px);height: calc(var(--width390) * 25px);font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 26px);}

    .webmidtabs{margin:0 calc(var(--width390) * 20px);}
    .mdidtabd{margin-right: calc(var(--width390) * 31px);}
    .mdidtabd img{width:calc(var(--width390) * 46px);height:calc(var(--width390) * 46px);}
    .mdidtabd span{ font-size: calc(var(--width390) * 14px); margin-top: calc(var(--width390) * 10px);}


    .sechcon{margin:calc(var(--width390) * 20px) 0 0 0;}
    .search-layerbg { min-height: calc(var(--width390) * 235px);}
    .sechtitle b{width: calc(var(--width390) * 18px);height: calc(var(--width390) * 18px);background-size: contain;}
    .schbg{margin:calc(var(--width390) * 20px);}
    .sechconlogoa{margin:0 auto calc(var(--width390) * 20px) auto;width:calc(var(--width390) * 159px);height: calc(var(--width390) * 41px);}
    .sechcon .sechconlogoa img{width:calc(var(--width390) * 159px);height: calc(var(--width390) * 41px);}
    .serchd{ height: calc(var(--width390) * 35px); margin:0 0 calc(var(--width390) * 23px) 0;}
    .serchd input{ margin:0 calc(var(--width390) * 10px);font-size: calc(var(--width390) * 14px); }
    .serchp{width:calc(var(--width390) * 25px);height: calc(var(--width390) * 25px); background-size: contain;margin:0 calc(var(--width390) * 11px) 0 0;flex-shrink: 0;}
    .topbtna{height:calc(var(--width390) * 25px); border-radius: 5px;font-size: calc(var(--width390) * 14px);padding: 0 calc(var(--width390) * 8px) 0 calc(var(--width390) * 7px); margin: 0 calc(var(--width390) * 10px) calc(var(--width390) * 10px) 0;}
    .top-btn{ height:calc(var(--width390) * 30px);}
    .left-jxai{margin:calc(var(--width390) * 40px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);}
    .jxaida{margin:0 8% calc(var(--width390) * 20px) 0;width:19%;}
    .jxaida img{width: calc(var(--width390) * 73px);height: calc(var(--width390) * 73px);border-radius:calc(var(--width390) * 15px);margin:0 0 calc(var(--width390) * 15px) 0;}
    .jxaida p{font-size: calc(var(--width390) * 16px);}


}

@media screen and (max-width: 379px) {
    .listA{width:calc(var(--width375) * 100px);height:calc(var(--width375) * 42px);margin:0 calc(var(--width375) * 10px) calc(var(--width375) * 10px) 0;}
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width375) * 10px) 0;}
    .video-tab{width:47%;}
    
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{ height:calc(var(--width375) * 180px);}
    .indexsw,.indexsw img{width: calc(var(--width375) * 350px);height: calc(var(--width375) * 162px);border-radius: calc(var(--width375) * 8px);}
    .index_swiper{margin:calc(var(--width375) * 20px) 0;}
    .index_swiper .swiper-pagination {bottom: calc(var(--width375) * 10px);left:19.8%;}
    .index_swiper .swiper-pagination-bullet {width: calc(var(--width375) * 10px);height: 5px;}
    .ltt-botd{font-size: calc(var(--width375) * 18px);line-height: calc(var(--width375) * 24px);height:calc(var(--width375) * 90px);border-radius: 0 0 calc(var(--width375) * 8px) calc(var(--width375) * 8px);}
    .ltt-botd p{ margin: calc(var(--width375) * 40px) calc(var(--width375) * 15px) 0 calc(var(--width375) * 15px);}

    .ltt-down{margin:calc(var(--width375) * 20px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
    .ltdlefta-down p:nth-child(1){font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 22px);margin:0 0 calc(var(--width375) * 10px) 0;}
    .ltdlefta-down p:nth-child(2){font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 20px);}
    .ltdlefta{margin:calc(var(--width375) * 24px) 0 0 0;}
    .ltdlefta:first-child{margin:calc(var(--width375) * 20px) 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 calc(var(--width375) * 19px) 0;}
    .title-more{font-size: calc(var(--width375) * 14px);}
    .title-left{font-size: calc(var(--width375) * 20px); }
    .left-jxai .title-left b{width:calc(var(--width375) * 26px);height:calc(var(--width375) * 24px); background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}

    .left-zt .title-left b{width:calc(var(--width375) * 24px);height:calc(var(--width375) * 24px); background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    .left-ai .title-left b{width:calc(var(--width375) * 25px);height:calc(var(--width375) * 24px);  background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    .left-article .title-left b{width:calc(var(--width375) * 25px);height:calc(var(--width375) * 24px); background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    .left-video .title-left b{width:calc(var(--width375) * 27px);height:calc(var(--width375) * 24px); background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    .hours-read .title-left b{width:calc(var(--width375) * 25px);height:calc(var(--width375) * 23px); background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    .tech-news .title-left b{width:calc(var(--width375) * 24px);height:calc(var(--width375) * 24px); background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    .quality-courses .title-left b{width:calc(var(--width375) * 26px);height:calc(var(--width375) * 24px); background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    .hot-down .title-left b{width:calc(var(--width375) * 26px);height:calc(var(--width375) * 24px); background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    .codedl .title-left b{width:calc(var(--width375) * 26px);height:calc(var(--width375) * 26px); background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    /* .title-left .pfjt{line-height: calc(var(--width375) * 23px);}
    .title-left .eng{ font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 20px); margin:calc(var(--width375) * 5px) 0 0 calc(var(--width375) * 6px);} */
    .zttabtdDes{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 22px);margin:calc(var(--width375) * 14px) calc(var(--width375) * 20px) calc(var(--width375) * 20px) calc(var(--width375) * 20px);}
    .zttabtdDes a{font-size:calc(var(--width375) * 14px);}
    .zttab-top{width: 100%;height:calc(var(--width375) * 120px);border-radius: calc(var(--width375) * 8px) calc(var(--width375) * 8px) 0px 0px;}
    .left-zt,.list-downs{margin:calc(var(--width375) * 32px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
    .left-video{margin:calc(var(--width375) * 40px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
    .left-ai{margin:calc(var(--width375) * 60px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
    .left-article{margin:calc(var(--width375) * 40px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
    .zttab{width: calc(var(--width375) * 270px);min-width:calc(var(--width375) * 270px); border-radius: calc(var(--width375) * 5px);}
    .zttab:nth-child(2){margin:0 calc(var(--width375) * 20px);}
    .zttab-ul{margin:0 calc(var(--width375) * 16px) calc(var(--width375) * 20px) calc(var(--width375) * 16px);}
    .zttabtd{width:100%;}
    .zttabtd p:nth-child(1){font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 25px);margin:calc(var(--width375) * 20px) calc(var(--width375) * 20px) calc(var(--width375) * 10px) calc(var(--width375) * 20px);}
    .zttabtd p:nth-child(2){font-size:calc(var(--width375) * 16px);line-height:calc(var(--width375) * 25px);margin:0 calc(var(--width375) * 20px);}
    .zttab-ul{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 20px);}
    .zttaba{margin:calc(var(--width375) * 20px) 0;height:calc(var(--width375) * 20px);}
    .aibtnimg{width: calc(var(--width375) * 72px);height: calc(var(--width375) * 72px);border-radius: calc(var(--width375) * 15px);}
    .aibtn-right p:nth-child(1){font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 18px);margin:calc(var(--width375) * 16px) 0 0 0;}
    /* .aibtn-right p:nth-child(2){font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 22px);margin:0 calc(var(--width375) * 6px) 0 0;} */
    .aibtns{width:19%; border-radius: calc(var(--width375) * 8px);margin:0 8% calc(var(--width375) * 20px) 0;}
    .aitabs{ height: calc(var(--width375) * 40px);border-radius:calc(var(--width375) * 5px);margin:0 0 calc(var(--width375) * 22px) 0}
    .aitaba{font-size: calc(var(--width375) * 14px);margin:0 calc(var(--width375) * 15px) 0 0;}
    .aitaba.check b{height:calc(var(--width375) * 3px);}
    .aitaba:nth-of-type(1){margin:0 calc(var(--width375) * 15px) 0 calc(var(--width375) * 10px);}
    .aitaba:last-of-type(){margin:0 calc(var(--width375) * 10px) 0 0;}
    
    .aiswiper-pagintaion{margin: calc(var(--width375) * 5px) auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:calc(var(--width375) * 5px);}
    .swiper-pagination{width:100%;}
    .swiper-pagination-bullet{width: calc(var(--width375) * 50px);height:3px;border-radius: 2px;margin: 0 calc(var(--width375) * 18px) 0 0;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet,
    .left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet
    {width: calc(var(--width375) * 15px);height: calc(var(--width375) * 5px);margin:0 calc(var(--width375) * 6px) 0 0;}
    .coursesswiper-pagination,.hotswiper-pagination{margin:calc(var(--width375) * 10px) 0 0 0;}
    .artleftp{width: calc(var(--width375) * 10px);height: calc(var(--width375) * 10px);margin:calc(var(--width375) * 6px) calc(var(--width375) * 6px) 0 0;}
    .artleft{margin:0 0 calc(var(--width375) * 15px) 0;}
    .artleft-down .aldatitle{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 22px);}
    .artleft-down .aldadesc{margin:calc(var(--width375) * 10px) 0;font-size:calc(var(--width375) * 14px);}
    .artleft-tab a{max-width: calc(var(--width375) * 100px); height: calc(var(--width375) * 25px);;border-radius: calc(var(--width375) * 5px);padding:0 calc(var(--width375) * 6px); margin:0 calc(var(--width375) * 10px) 0 0;
        line-height: calc(var(--width375) * 24px);font-size:calc(var(--width375) * 12px);
    }
    .artleft-tab{padding:0 0 calc(var(--width375) * 15px) 0;}
    .artleft-down{width:100%}
    .video-tab{width:47%;border-radius:calc(var(--width375) * 5px);margin:0 0 calc(var(--width375) * 20px) 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtaba,.vtabimg{width:100%;height:calc(var(--width375) * 110px);}
    .vtdown dt {height: calc(var(--width375) * 44px);font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 22px);margin:calc(var(--width375) * 12px) calc(var(--width375) * 15px) 0 calc(var(--width375) * 15px);}
    .vtdown dt .bg1{font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 12px);}
    .vtdown dt .bg2 {font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 12px);}
    .vtdown dt .bg3 {font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 12px);}
    .vtdown dt i {font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 12px);width: calc(var(--width375) * 32px);height: calc(var(--width375) * 16px);border-radius: 2px;padding: 2px 2px;}
    .vtdown dd {margin:calc(var(--width375) * 18px) calc(var(--width375) * 14px) calc(var(--width375) * 14px) calc(var(--width375) * 14px);font-size:calc(var(--width375) * 12px);}
    .vtaba-free{ width: calc(var(--width375) * 45px);height: calc(var(--width375) * 20px); border-radius: calc(var(--width375) * 5px) 0px calc(var(--width375) * 5px) 0px;
         font-size: calc(var(--width375) * 14px); line-height: calc(var(--width375) * 12px);  
    }
    .allAlist .taballsdown {height: calc(var(--width375) * 50px);}
    .tabLi {height: calc(var(--width375) * 44px);}
    .taballsdown .alllistdiv {font-size: calc(var(--width375) * 18px);line-height: calc(var(--width375) * 25px);
        margin-top: calc(var(--width375) * 8px);height: calc(var(--width375) * 43px);border-radius: calc(var(--width375) * 5px) calc(var(--width375) * 5px) 0px 0px;padding: 0 calc(var(--width375) * 10px);
    }
    .alllistdiv.check{font-size: calc(var(--width375) * 20px);line-height: calc(var(--width375) * 25px);}
    .tabLi img {width:calc(var(--width375) * 78px);height:calc(var(--width375) * 45px);}
    .tabA2.mores b{width:calc(var(--width375) * 20px);height:calc(var(--width375) * 4px);}
    .tabA2.mores{margin:0 calc(var(--width375) * 16px) 0 0;}
    .blackTab2{margin:calc(var(--width375) * 20px) 0 0 calc(var(--width375) * 20px);}
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 22px);margin:0 calc(var(--width375) * 8px);}
    .btabdiv2 ul li{height: calc(var(--width375) * 30px); border-radius:calc(var(--width375) * 5px);line-height: calc(var(--width375) * 30px);margin:0 calc(var(--width375) * 12px) 0 0;}
    .allAlist{margin:calc(var(--width375) * 40px) 0 0 0;}
    .layui-tab-items{margin:calc(var(--width375) * 20px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
    .cldA,.cldaimg{width: calc(var(--width375) * 140px);height: calc(var(--width375) * 86px);border-radius: calc(var(--width375) * 5px);}
    .cldA{margin:0 calc(var(--width375) * 15px) 0 0;}
    .clDiv{padding:0 0 calc(var(--width375) * 20px) 0;margin:0 0 calc(var(--width375) * 20px) 0;}
    .clDiv dt a{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 24px);}
    .clDiv dt {height:calc(var(--width375) * 45px);font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 24px);}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 12px);padding: calc(var(--width375) * 4px) calc(var(--width375) * 6px);width: calc(var(--width375) * 46px);height: calc(var(--width375) * 20px);}
    .clddTime{line-height: calc(var(--width375) * 18px);font-size:calc(var(--width375) * 12px);}
    .cldddLabels a{font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 21px);height: calc(var(--width375) * 21px);padding:0 calc(var(--width375) * 5px);margin:0 0 0 calc(var(--width375) * 5px); }
    .cldddLabels{margin:0 0 0 calc(var(--width375) * 10px);width: calc(var(--width375) * 140px);}
    .clDivmore{height: calc(var(--width375) * 35px);border-radius: calc(var(--width375) * 5px);font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 22px);}
    .clDivmore b{width:calc(var(--width375) * 18px);height:calc(var(--width375) * 18px);background-size: contain;margin:0 0 0 calc(var(--width375) * 5px);}
    .hours-read,.tech-news{margin:calc(var(--width375) * 40px) 0 0 0;}
    .hours-read{margin-bottom:calc(var(--width390) * 60px);}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width375) * 60px) 0 0 0;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:calc(var(--width375) * 26px);height:calc(var(--width375) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:calc(var(--width375) * 26px);height:calc(var(--width375) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:calc(var(--width375) * 26px);height:calc(var(--width375) * 28px);background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum{width:calc(var(--width375) * 26px);height:calc(var(--width375) * 28px); background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:calc(var(--width375) * 4px) 0 0 calc(var(--width375) * 7px);}
    .hournum{font-size:calc(var(--width375) * 18px);margin:0 calc(var(--width375) * 12px) 0 0;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left:calc(var(--width375) * 3px);}

    .hourcon{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 26px);}
    .hoursided{margin:0 0 calc(var(--width375) * 14px) 0;}
    .advertisement{border-radius: calc(var(--width375) * 5px);margin: calc(var(--width375) * 68px) 0 0 0;}
    .advertisement img{width: calc(var(--width375) * 391px);height: calc(var(--width375) * 332px);border-radius: calc(var(--width375) * 5px);}
    .techblack{width: calc(var(--width375) * 6px);height: calc(var(--width375) * 6px);margin:calc(var(--width375) * 10px) calc(var(--width375) * 10px) 0 0;flex-shrink: 0;}
    .techcon{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 24px);}
    .techsided{margin:0 0 calc(var(--width375) * 20px) 0;}
    .courses-left,.courses-left img{width: calc(var(--width375) * 140px);height: calc(var(--width375) * 86px);border-radius: calc(var(--width375) * 5px);}
    .courses-left{margin:0 calc(var(--width375) * 14px) 0 0;}
    .coursecon{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 26px);}
    .course-down{font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 22px);}
    .course-down b { height: calc(var(--width375) * 13px);margin: 0 calc(var(--width375) * 4px);}
    .coursessided{margin:0 0 calc(var(--width375) * 20px) 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: calc(var(--width375) * 140px);height: calc(var(--width375) * 86px);border-radius: calc(var(--width375) * 5px);}
    .hot-left{margin:0 calc(var(--width375) * 14px) 0 0;}
    .hotra{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 26px);}

    .hotrdown{width: calc(var(--width375) * 58px);height: calc(var(--width375) * 25px);border-radius: calc(var(--width375) * 5px);font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 20px);}
    .hotsided{margin:0 0 calc(var(--width375) * 20px) 0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{margin:0 calc(var(--width375) * 15px);}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size:calc(var(--width375) * 12px);line-height: calc(var(--width375) * 18px);}
    .ztLists .clddTitle,.artLists .clddTitle{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 24px);}
    .aitabtopa,.aitabtopa img{width: calc(var(--width375) * 72px);height: calc(var(--width375) * 72px);border-radius: calc(var(--width375) * 15px);}
    .aitab{ margin:calc(var(--width375) * 16px) 0 0 0;}
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:calc(var(--width375) * 16px);}
    .aitab-down{margin:0 0 0 calc(var(--width375) * 15px);padding-bottom: calc(var(--width375) * 15px);}
    .aitabdowna{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 16px);}
    .aitabdowntime{font-size:calc(var(--width375) * 14px);line-height: calc(var(--width375) * 20px);margin:calc(var(--width375) * 6px) 0;}
    .aitabdta{padding:0 calc(var(--width375) * 7px); height: calc(var(--width375) * 21px);border-radius: calc(var(--width375) * 5px);font-size:calc(var(--width375) * 12px);line-height: calc(var(--width375) * 21px);margin:0 calc(var(--width375) * 7px) 0 0; }
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 calc(var(--width375) * 20px) 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 calc(var(--width375) * 16px) calc(var(--width375) * 20px) 0;}
    .dlodiva,.dlodiva img{width:100%;height: calc(var(--width375) * 110px);border-radius: calc(var(--width375) * 5px) calc(var(--width375) * 5px) 0px 0px;}
    .dtliallda,.dtliallda img {width: calc(var(--width375) * 70px);height: calc(var(--width375) * 70px);border-radius: calc(var(--width375) * 15px);}
    .downlTwo{margin:calc(var(--width375) * 20px) 0 0 0;}
    .dloDiv{width:47%;border-radius: calc(var(--width375) * 5px);margin:0 0 calc(var(--width375) * 20px) 0;}
    .dloDiv:nth-child(2n+1){margin:0 calc(var(--width375) * 16px) calc(var(--width375) * 16px) 0;}
    .dlodTitle i {height: calc(var(--width375) * 18px);padding:2px calc(var(--width375) * 4px);
        font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 16px);
    }
    .dlodTitle a {font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 24px);margin: 0 0 0 calc(var(--width375) * 6px);}
    .dldowndes{margin:0 calc(var(--width375) * 10px) calc(var(--width375) * 10px) calc(var(--width375) * 10px);}
    .dlodTitle{height: calc(var(--width375) * 48px);margin:calc(var(--width375) * 15px) calc(var(--width375) * 20px) calc(var(--width375) * 10px) calc(var(--width375) * 13px);}
    .downmoney{margin:0 calc(var(--width375) * 13px) calc(var(--width375) * 12px) calc(var(--width375) * 13px); }
    .downmoney span:nth-child(1){font-size: calc(var(--width375) * 18px); }
    .downmoney span:nth-child(2){font-size: calc(var(--width375) * 12px);}
    .dlodType,.dlodTime{font-size:calc(var(--width375) * 12px);line-height: calc(var(--width375) * 12px);}
    .dtliAlld{ border-radius: calc(var(--width375) * 4px);margin:0 0 calc(var(--width375) * 13px) 0;}
    .dtliAlld:last-child(){margin:0 0 calc(var(--width375) * 16px) 0;}
    .dtliallda{margin:0 calc(var(--width375) * 16px) 0 0;}
    .dtlTitle{ padding-bottom: calc(var(--width375) * 15px);height: calc(var(--width375) * 70px);}
    .dtlTitle a:nth-child(1){font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 22px);}
    .dtlTitle a:nth-child(2){line-height: calc(var(--width375) * 18px);font-size: calc(var(--width375) * 14px);}
    .dtlDown{font-size: calc(var(--width375) * 12px); }
    .dtlDowno b{width:calc(var(--width375) * 18px);height:calc(var(--width375) * 18px); background-size: contain;margin-right:calc(var(--width375) * 5px);}
    .dtlDownt b{width:calc(var(--width375) * 18px);height:calc(var(--width375) * 18px); background-size: contain;margin-right:calc(var(--width375) * 5px);}
    .dtlDowno{margin:0 calc(var(--width375) * 16px) 0 0;}
    .downtwolist{flex:0 0 auto;}
    .downtwolist:nth-child(2){margin:0 calc(var(--width375) * 16px);}
    .dlfor{width:47%; border-radius: calc(var(--width375) * 8px);margin:0 calc(var(--width375) * 20px) calc(var(--width375) * 20px) 0;}
    .dlfor:nth-child(2n+2){margin:0 0 calc(var(--width375) * 20px) 0;}
    .dlfrTitle{margin:calc(var(--width375) * 10px) 0;}
    .dlfrTitle a{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 24px);height:calc(var(--width375) * 48px);}
    .dlfrToptitle{ font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 24px);height: calc(var(--width375) * 49px);}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: calc(var(--width375) * 12px);height: calc(var(--width375) * 21px);padding:calc(var(--width375) * 2px) calc(var(--width375) * 4px); }
    .dlftTimes,.dlfrDownload,.dlfrWatch{line-height: calc(var(--width375) * 18px);font-size:calc(var(--width375) * 12px);}
    .dlfrWatch{margin-right: calc(var(--width375) * 12px);}
    .dlfrDown{margin:calc(var(--width375) * 15px) calc(var(--width375) * 13px) calc(var(--width375) * 14px) calc(var(--width375) * 13px);}
    .dlfrDowns{ margin-top: calc(var(--width375) * 12px);}
    .downlFour {margin: calc(var(--width375) * 20px) 0 0 0;}
    .scothdWatch{margin:0 calc(var(--width375) * 17px);}
    .scodotherd {border-radius: calc(var(--width375) * 5px);margin: 0 0 calc(var(--width375) * 20px) 0;}
    .scothds {margin: calc(var(--width375) * 12px) calc(var(--width375) * 13px);}
    .scothtop {font-size: calc(var(--width375) * 16px);height: calc(var(--width375) * 28px);}
    .scothtop dt span,.scothdsd a:nth-child(1) {height: calc(var(--width375) * 20px);line-height: calc(var(--width375) * 26px);}
    .scothtop dt i,.scothdsd a:nth-child(2) i {max-width: calc(var(--width375) * 65px);max-height: calc(var(--width375) * 26px);border-radius: calc(var(--width375) * 3px);
        font-size: calc(var(--width375) * 12px);padding: 0 calc(var(--width375) * 6px) 0 calc(var(--width375) * 8px);line-height: calc(var(--width375) * 26px);
    }
    .scothmiddle {font-size: calc(var(--width375) * 14px);margin: calc(var(--width375) * 10px) 0 calc(var(--width375) * 14px) 0;-webkit-line-clamp: 1;}
    .scothdown {font-size: calc(var(--width375) * 12px);}
    .scothdTime b {width: calc(var(--width375) * 14px);height: calc(var(--width375) * 15px);margin: 0 calc(var(--width375) * 4px) 0 0;background-size: contain;}
    .scothdWatch b {width: calc(var(--width375) * 18px);height: calc(var(--width375) * 12px);margin: 0 calc(var(--width375) * 4px) 0 0;background-size: contain;}
    .scothdDownload b {width: calc(var(--width375) * 16px);height: calc(var(--width375) * 16px);margin: 0 calc(var(--width375) * 4px) 0 0;background-size: contain;}
    
    
    .downlThree,.downlFive{margin:calc(var(--width375) * 20px) 0 0 0;}
    .dtlImg{width: calc(var(--width375) * 80px);height: calc(var(--width375) * 80px);border-radius: calc(var(--width375) * 4px); }
    .coderTitle{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 16px);}
    .coderDes{line-height: calc(var(--width375) * 22px);margin:calc(var(--width375) * 12px) 0 calc(var(--width375) * 10px) 0;font-size: calc(var(--width375) * 14px);}

    .codeconAd{width:100%; border-radius: calc(var(--width375) * 5px);margin:0 0 calc(var(--width375) * 15px) 0;}
    .codeconAd .dtlImg{margin:0 calc(var(--width375) * 18px) 0 0;}
    .codecRight{margin:0;padding-bottom: calc(var(--width375) * 15px);}
    .morecon-all{margin:calc(var(--width375) * 16px);width:100%;}
    .mlc-title{font-size: calc(var(--width375) * 18px);line-height: calc(var(--width375) * 25px);padding:0 0 calc(var(--width375) * 13px) 0;width:100%;}
    .mlc-con{margin:calc(var(--width375) * 16px) 0 0 0;}
    .mlcA{height: calc(var(--width375) * 42px);border-radius: calc(var(--width375) * 4px);font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 22px);padding:0 calc(var(--width375) * 12px);margin:0 calc(var(--width375) * 15px) calc(var(--width375) * 15px) 0;}

    .dlfrDownload b{width:calc(var(--width375) * 14px);height:calc(var(--width375) * 15px); background-size:contain;margin:0 calc(var(--width375) * 2px) 0 0 ;}
    .dlfrWatch b{width:calc(var(--width375) * 16px);height:calc(var(--width375) * 16px); background-size:contain;margin:0 calc(var(--width375) * 2px) 0 0 ;}
    .dlftTimes b{width:calc(var(--width375) * 14px);height:calc(var(--width375) * 14px); background-size:contain;margin:0 calc(var(--width375) * 2px) 0 0 ;}
    .dlodType b{width:calc(var(--width375) * 15px);height:calc(var(--width375) * 15px); background-size:contain;margin:0 calc(var(--width375) * 3px) 0 0 ;}
    .dlodTime b{width:calc(var(--width375) * 14px);height:calc(var(--width375) * 15px); background-size:contain;margin:0 calc(var(--width375) * 3px) 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:calc(var(--width375) * 16px);height:calc(var(--width375) * 12px); background-size:contain;margin:0 calc(var(--width375) * 5px) 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:calc(var(--width375) * 14px);height:calc(var(--width375) * 14px);background-size:contain;margin:0 calc(var(--width375) * 5px) 0 0;}
    .cldddLabels b{width:calc(var(--width375) * 14px);height:calc(var(--width375) * 14px); background-size:contain;}
    .clddTime b{width:calc(var(--width375) * 14px);height:calc(var(--width375) * 15px); background-size:contain;margin:0 calc(var(--width375) * 3px) 0 0;}
    .artleft-down .aldatitle b{width:calc(var(--width375) * 16px);height:calc(var(--width375) * 16px); background-size:contain;margin:0 calc(var(--width375) * 10px) 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: calc(var(--width375) * 18px);height: calc(var(--width375) * 18px); background-size: contain;}
    .vtdown dd em a b {width: calc(var(--width375) * 14px);height: calc(var(--width375) * 15px); margin: 0 calc(var(--width375) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: calc(var(--width375) * 14px);height: calc(var(--width375) * 15px); margin: 0 calc(var(--width375) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{  width: 100%;height: calc(var(--width375) * 120px);border-radius: calc(var(--width375) * 8px) calc(var(--width375) * 8px) 0px 0px;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: calc(var(--width375) * 150px);border-radius: calc(var(--width375) * 5px) calc(var(--width375) * 5px) 0px 0px;}
    .zttab-top img{ height: calc(var(--width375) * 150px); background-size: contain;}
    /* .zttabright .zttab-top{ width: 100%;height: calc(var(--width375) * 120px);border-radius: calc(var(--width375) * 8px) calc(var(--width375) * 8px) 0px 0px;} */
    .title-more b { width: calc(var(--width375) * 6px);height:calc(var(--width375) * 17px); margin: 0 0 0 calc(var(--width375) * 4px);}

    

    .rgdlds{margin:0 0 calc(var(--width375) * 20px) 0;}
    .rgdllefa {width: calc(var(--width375) * 75px);height: calc(var(--width375) * 75px);margin:0 calc(var(--width375) * 16px) 0 0;}
    .rgdllefimg {width: calc(var(--width375) * 65px);height: calc(var(--width375) * 65px);}
    .ridldrri{width: calc(var(--width375) * 200px);}
    .ridldrri a{font-size: calc(var(--width375) * 16px);margin:0 0 calc(var(--width375) * 15px) 0;}
    .ridldrri p{font-size: calc(var(--width375) * 14px);}
    .rgdllook{ width: calc(var(--width375) * 50px);height: calc(var(--width375) * 25px);font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 26px);}

    .webmidtabs{margin:0 calc(var(--width375) * 20px);}
    .mdidtabd{margin-right: calc(var(--width375) * 31px);}
    .mdidtabd img{width:calc(var(--width375) * 46px);height:calc(var(--width375) * 46px);}
    .mdidtabd span{ font-size: calc(var(--width375) * 14px); margin-top: calc(var(--width375) * 10px);}

    .sechcon{margin:calc(var(--width375) * 20px) 0 0 0;}
    .search-layerbg { min-height: calc(var(--width375) * 235px);}
    .sechtitle b{width: calc(var(--width375) * 18px);height: calc(var(--width375) * 18px);background-size: contain;}
    .schbg{margin:calc(var(--width375) * 20px);}
    .sechconlogoa{margin:0 auto calc(var(--width375) * 20px) auto;width:calc(var(--width375) * 159px);height: calc(var(--width375) * 41px);}
    .sechcon .sechconlogoa img{width:calc(var(--width375) * 159px);height: calc(var(--width375) * 41px);}
    .serchd{ height: calc(var(--width375) * 35px); margin:0 0 calc(var(--width375) * 23px) 0;}
    .serchd input{ margin:0 calc(var(--width375) * 10px);font-size: calc(var(--width375) * 14px); }
    .serchp{width:calc(var(--width375) * 25px);height: calc(var(--width375) * 25px); background-size: contain;margin:0 calc(var(--width375) * 11px) 0 0;flex-shrink: 0;}
    .topbtna{height:calc(var(--width375) * 25px); border-radius: 5px;font-size: calc(var(--width375) * 14px);padding: 0 calc(var(--width375) * 8px) 0 calc(var(--width375) * 7px); margin: 0 calc(var(--width375) * 10px) calc(var(--width375) * 10px) 0;}
    .top-btn{ height:calc(var(--width375) * 30px);}
    .left-jxai{margin:calc(var(--width375) * 40px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
    .jxaida{margin:0 8% calc(var(--width375) * 20px) 0;width:19%;}
    .jxaida img{width: calc(var(--width375) * 73px);height: calc(var(--width375) * 73px);border-radius:calc(var(--width375) * 15px);margin:0 0 calc(var(--width375) * 15px) 0;}
    .jxaida p{font-size: calc(var(--width375) * 16px);}


}

@media screen and (max-width: 361px) {
   
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{ height:calc(var(--width360) * 180px);}
    .indexsw,.indexsw img{width: calc(var(--width360) * 350px);height: calc(var(--width360) * 162px);border-radius: calc(var(--width360) * 8px);}
    .index_swiper{margin:calc(var(--width360) * 20px) 0;}
    .index_swiper .swiper-pagination {bottom: calc(var(--width360) * 10px);left:20%;}
    .index_swiper .swiper-pagination-bullet {width: calc(var(--width360) * 10px);height: 5px;}
    .ltt-botd{font-size: calc(var(--width360) * 18px);line-height: calc(var(--width360) * 24px);height:calc(var(--width360) * 90px);border-radius: 0 0 calc(var(--width360) * 8px) calc(var(--width360) * 8px);}
    .ltt-botd p{ margin: calc(var(--width360) * 40px) calc(var(--width360) * 15px) 0 calc(var(--width360) * 15px);}

    .ltt-down{margin:calc(var(--width360) * 20px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .ltdlefta-down p:nth-child(1){font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 22px);margin:0 0 calc(var(--width360) * 10px) 0;}
    .ltdlefta-down p:nth-child(2){font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 20px);}
    .ltdlefta{margin:calc(var(--width360) * 24px) 0 0 0;}
    .ltdlefta:first-child{margin:calc(var(--width360) * 20px) 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 calc(var(--width360) * 19px) 0;}
    .title-more{font-size: calc(var(--width360) * 14px);}
    .title-left{font-size: calc(var(--width360) * 20px); }
    .left-jxai .title-left b{width:calc(var(--width360) * 26px);height:calc(var(--width360) * 24px); background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}

    .left-zt .title-left b{width:calc(var(--width360) * 24px);height:calc(var(--width360) * 24px); background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    .left-ai .title-left b{width:calc(var(--width360) * 25px);height:calc(var(--width360) * 24px);  background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    .left-article .title-left b{width:calc(var(--width360) * 25px);height:calc(var(--width360) * 24px); background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    .left-video .title-left b{width:calc(var(--width360) * 27px);height:calc(var(--width360) * 24px); background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    .hours-read .title-left b{width:calc(var(--width360) * 25px);height:calc(var(--width360) * 23px); background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    .tech-news .title-left b{width:calc(var(--width360) * 24px);height:calc(var(--width360) * 24px); background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    .quality-courses .title-left b{width:calc(var(--width360) * 26px);height:calc(var(--width360) * 24px); background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    .hot-down .title-left b{width:calc(var(--width360) * 26px);height:calc(var(--width360) * 24px); background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    .codedl .title-left b{width:calc(var(--width360) * 26px);height:calc(var(--width360) * 26px); background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    /* .title-left .pfjt{line-height: calc(var(--width360) * 23px);}
    .title-left .eng{ font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 20px); margin:calc(var(--width360) * 5px) 0 0 calc(var(--width360) * 6px);} */
    .zttabtdDes{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 22px);margin:calc(var(--width360) * 14px) calc(var(--width360) * 20px) calc(var(--width360) * 20px) calc(var(--width360) * 20px);}
    .zttabtdDes a{font-size:calc(var(--width360) * 14px);}
    .zttab-top{width: 100%;height:calc(var(--width360) * 120px);border-radius: calc(var(--width360) * 8px) calc(var(--width360) * 8px) 0px 0px;}
    .left-zt,.list-downs{margin:calc(var(--width360) * 32px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .left-video{margin:calc(var(--width360) * 40px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .left-ai{margin:calc(var(--width360) * 60px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .left-article{margin:calc(var(--width360) * 40px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .zttab{width: calc(var(--width360) * 270px);min-width:calc(var(--width360) * 270px); border-radius: calc(var(--width360) * 5px);}
    .zttab:nth-child(2){margin:0 calc(var(--width360) * 20px);}
    .zttab-ul{margin:0 calc(var(--width360) * 16px) calc(var(--width360) * 20px) calc(var(--width360) * 16px);}
    .zttabtd{width:100%;}
    .zttabtd p:nth-child(1){font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 25px);margin:calc(var(--width360) * 20px) calc(var(--width360) * 20px) calc(var(--width360) * 10px) calc(var(--width360) * 20px);}
    .zttabtd p:nth-child(2){font-size:calc(var(--width360) * 16px);line-height:calc(var(--width360) * 25px);margin:0 calc(var(--width360) * 20px);}
    .zttab-ul{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 20px);}
    .zttaba{margin:calc(var(--width360) * 20px) 0;height:calc(var(--width360) * 20px);}
    .aibtnimg{width: calc(var(--width360) * 72px);height: calc(var(--width360) * 72px);border-radius: calc(var(--width360) * 15px);}
    .aibtn-right p:nth-child(1){font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 18px);margin:calc(var(--width360) * 16px) 0 0 0;}
    /* .aibtn-right p:nth-child(2){font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 22px);margin:0 calc(var(--width360) * 6px) 0 0;} */
    .aibtns{width:19%; border-radius: calc(var(--width360) * 8px);margin:0 8% calc(var(--width360) * 20px) 0;}
    .aitabs{ height: calc(var(--width360) * 40px);border-radius:calc(var(--width360) * 5px);margin:0 0 calc(var(--width360) * 22px) 0}
    .aitaba{font-size: calc(var(--width360) * 14px);margin:0 calc(var(--width360) * 15px) 0 0;}
    .aitaba.check b{height:calc(var(--width360) * 3px);}
    .aitaba:nth-of-type(1){margin:0 calc(var(--width360) * 15px) 0 calc(var(--width360) * 10px);}
    .aitaba:last-of-type(){margin:0 calc(var(--width360) * 10px) 0 0;}
    
    .aiswiper-pagintaion{margin: calc(var(--width360) * 5px) auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:calc(var(--width360) * 5px);}
    .swiper-pagination{width:100%;}
    .swiper-pagination-bullet{width: calc(var(--width360) * 50px);height:3px;border-radius: 2px;margin: 0 calc(var(--width360) * 18px) 0 0;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet,
    .left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet
    {width: calc(var(--width360) * 15px);height: calc(var(--width360) * 5px);margin:0 calc(var(--width360) * 6px) 0 0;}
    .coursesswiper-pagination,.hotswiper-pagination{margin:calc(var(--width360) * 10px) 0 0 0;}
    .artleftp{width: calc(var(--width360) * 10px);height: calc(var(--width360) * 10px);margin:calc(var(--width360) * 6px) calc(var(--width360) * 6px) 0 0;}
    .artleft{margin:0 0 calc(var(--width360) * 15px) 0;}
    .artleft-down .aldatitle{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 22px);}
    .artleft-down .aldadesc{margin:calc(var(--width360) * 10px) 0;font-size:calc(var(--width360) * 14px);}
    .artleft-tab a{max-width: calc(var(--width360) * 100px); height: calc(var(--width360) * 25px);;border-radius: calc(var(--width360) * 5px);padding:0 calc(var(--width360) * 6px); margin:0 calc(var(--width360) * 10px) 0 0;
        line-height: calc(var(--width360) * 24px);font-size:calc(var(--width360) * 12px);
    }
    .artleft-tab{padding:0 0 calc(var(--width360) * 15px) 0;}
    .artleft-down{width:100%}
    .video-tab{width:47%;border-radius:calc(var(--width360) * 5px);margin:0 0 calc(var(--width360) * 20px) 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtaba,.vtabimg{width:100%;height:calc(var(--width360) * 110px);}
    .vtdown dt {height: calc(var(--width360) * 44px);font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 22px);margin:calc(var(--width360) * 12px) calc(var(--width360) * 15px) 0 calc(var(--width360) * 15px);}
    .vtdown dt .bg1{font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 12px);}
    .vtdown dt .bg2 {font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 12px);}
    .vtdown dt .bg3 {font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 12px);}
    .vtdown dt i {font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 12px);width: calc(var(--width360) * 32px);height: calc(var(--width360) * 16px);border-radius: 2px;padding: 2px 2px;}
    .vtdown dd {margin:calc(var(--width360) * 18px) calc(var(--width360) * 14px) calc(var(--width360) * 14px) calc(var(--width360) * 14px);font-size:calc(var(--width360) * 12px);}
    .vtaba-free{ width: calc(var(--width360) * 45px);height: calc(var(--width360) * 20px); border-radius: calc(var(--width360) * 5px) 0px calc(var(--width360) * 5px) 0px;
         font-size: calc(var(--width360) * 14px); line-height: calc(var(--width360) * 12px);  
    }
    .allAlist .taballsdown {height: calc(var(--width360) * 50px);}
    .tabLi {height: calc(var(--width360) * 44px);}
    .taballsdown .alllistdiv {font-size: calc(var(--width360) * 18px);line-height: calc(var(--width360) * 25px);
        margin-top: calc(var(--width360) * 8px);height: calc(var(--width360) * 43px);border-radius: calc(var(--width360) * 5px) calc(var(--width360) * 5px) 0px 0px;padding: 0 calc(var(--width360) * 10px);
    }
    .alllistdiv.check{font-size: calc(var(--width360) * 20px);line-height: calc(var(--width360) * 25px);}
    .tabLi img {width:calc(var(--width360) * 78px);height:calc(var(--width360) * 45px);}
    .tabA2.mores b{width:calc(var(--width360) * 20px);height:calc(var(--width360) * 4px);}
    .tabA2.mores{margin:0 calc(var(--width360) * 16px) 0 0;}
    .blackTab2{margin:calc(var(--width360) * 20px) 0 0 calc(var(--width360) * 20px);}
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 22px);margin:0 calc(var(--width360) * 8px);}
    .btabdiv2 ul li{height: calc(var(--width360) * 30px); border-radius:calc(var(--width360) * 5px);line-height: calc(var(--width360) * 30px);margin:0 calc(var(--width360) * 12px) 0 0;}
    .allAlist{margin:calc(var(--width360) * 40px) 0 0 0;}
    .layui-tab-items{margin:calc(var(--width360) * 20px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .cldA,.cldaimg{width: calc(var(--width360) * 140px);height: calc(var(--width360) * 86px);border-radius: calc(var(--width360) * 5px);}
    .cldA{margin:0 calc(var(--width360) * 15px) 0 0;}
    .clDiv{padding:0 0 calc(var(--width360) * 20px) 0;margin:0 0 calc(var(--width360) * 20px) 0;}
    .clDiv dt a{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 24px);}
    .clDiv dt {height:calc(var(--width360) * 45px);font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 24px);}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 12px);padding: calc(var(--width360) * 4px) calc(var(--width360) * 6px);width: calc(var(--width360) * 46px);height: calc(var(--width360) * 20px);}
    .clddTime{line-height: calc(var(--width360) * 18px);font-size:calc(var(--width360) * 12px);}
    .cldddLabels a{font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 21px);height: calc(var(--width360) * 21px);padding:0 calc(var(--width360) * 5px);margin:0 0 0 calc(var(--width360) * 5px); }
    .cldddLabels{margin:0 0 0 calc(var(--width360) * 10px);width: calc(var(--width360) * 140px);}
    .clDivmore{height: calc(var(--width360) * 35px);border-radius: calc(var(--width360) * 5px);font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 22px);}
    .clDivmore b{width:calc(var(--width360) * 18px);height:calc(var(--width360) * 18px);background-size: contain;margin:0 0 0 calc(var(--width360) * 5px);}
    .hours-read,.tech-news{margin:calc(var(--width360) * 40px) 0 0 0;}
    .hours-read{margin-bottom:calc(var(--width360) * 60px);}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width360) * 60px) 0 0 0;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:calc(var(--width360) * 26px);height:calc(var(--width360) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:calc(var(--width360) * 26px);height:calc(var(--width360) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:calc(var(--width360) * 26px);height:calc(var(--width360) * 28px);background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum{width:calc(var(--width360) * 26px);height:calc(var(--width360) * 28px); background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:calc(var(--width360) * 4px) 0 0 calc(var(--width360) * 7px);}
    .hournum{font-size:calc(var(--width360) * 18px);margin:0 calc(var(--width360) * 12px) 0 0;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left:calc(var(--width360) * 3px);}

    .hourcon{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 26px);}
    .hoursided{margin:0 0 calc(var(--width360) * 14px) 0;}
    .advertisement{border-radius: calc(var(--width360) * 5px);margin: calc(var(--width360) * 68px) 0 0 0;}
    .advertisement img{width: calc(var(--width360) * 391px);height: calc(var(--width360) * 332px);border-radius: calc(var(--width360) * 5px);}
    .techblack{width: calc(var(--width360) * 6px);height: calc(var(--width360) * 6px);margin:calc(var(--width360) * 10px) calc(var(--width360) * 10px) 0 0;flex-shrink: 0;}
    .techcon{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 24px);}
    .techsided{margin:0 0 calc(var(--width360) * 20px) 0;}
    .courses-left,.courses-left img{width: calc(var(--width360) * 140px);height: calc(var(--width360) * 86px);border-radius: calc(var(--width360) * 5px);}
    .courses-left{margin:0 calc(var(--width360) * 14px) 0 0;}
    .coursecon{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 26px);}
    .course-down{font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 22px);}
    .course-down b { height: calc(var(--width360) * 13px);margin: 0 calc(var(--width360) * 4px);}
    .coursessided{margin:0 0 calc(var(--width360) * 20px) 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: calc(var(--width360) * 140px);height: calc(var(--width360) * 86px);border-radius: calc(var(--width360) * 5px);}
    .hot-left{margin:0 calc(var(--width360) * 14px) 0 0;}
    .hotra{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 26px);}

    .hotrdown{width: calc(var(--width360) * 58px);height: calc(var(--width360) * 25px);border-radius: calc(var(--width360) * 5px);font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 20px);}
    .hotsided{margin:0 0 calc(var(--width360) * 20px) 0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{margin:0 calc(var(--width360) * 15px);}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size:calc(var(--width360) * 12px);line-height: calc(var(--width360) * 18px);}
    .ztLists .clddTitle,.artLists .clddTitle{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 24px);}
    .aitabtopa,.aitabtopa img{width: calc(var(--width360) * 72px);height: calc(var(--width360) * 72px);border-radius: calc(var(--width360) * 15px);}
    .aitab{margin:calc(var(--width360) * 16px) 0 0 0; }
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:calc(var(--width360) * 16px);}
    .aitab-down{margin:0 0 0 calc(var(--width360) * 15px);padding-bottom: calc(var(--width360) * 15px);}
    .aitabdowna{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 16px);}
    .aitabdowntime{font-size:calc(var(--width360) * 14px);line-height: calc(var(--width360) * 20px);margin:calc(var(--width360) * 6px) 0;}
    .aitabdta{padding:0 calc(var(--width360) * 7px); height: calc(var(--width360) * 21px);border-radius: calc(var(--width360) * 5px);font-size:calc(var(--width360) * 12px);line-height: calc(var(--width360) * 21px);margin:0 calc(var(--width360) * 7px) 0 0; }
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 calc(var(--width360) * 20px) 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 calc(var(--width360) * 16px) calc(var(--width360) * 20px) 0;}
    .dlodiva,.dlodiva img{width:100%;height: calc(var(--width360) * 110px);border-radius: calc(var(--width360) * 5px) calc(var(--width360) * 5px) 0px 0px;}
    .dtliallda,.dtliallda img {width: calc(var(--width360) * 70px);height: calc(var(--width360) * 70px);border-radius: calc(var(--width360) * 15px);}
    .downlTwo{margin:calc(var(--width360) * 20px) 0 0 0;}
    .dloDiv{width:47%;border-radius: calc(var(--width360) * 5px);margin:0 0 calc(var(--width360) * 20px) 0;}
    .dloDiv:nth-child(2n+1){margin:0 calc(var(--width360) * 16px) calc(var(--width360) * 16px) 0;}
    .dlodTitle i {height: calc(var(--width360) * 18px);padding:2px calc(var(--width360) * 4px);
        font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 16px);
    }
    .dlodTitle a {font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 24px);margin: 0 0 0 calc(var(--width360) * 6px);}
    .dldowndes{margin:0 calc(var(--width360) * 10px) calc(var(--width360) * 10px) calc(var(--width360) * 10px);}
    .dlodTitle{height: calc(var(--width360) * 48px);margin:calc(var(--width360) * 15px) calc(var(--width360) * 20px) calc(var(--width360) * 10px) calc(var(--width360) * 13px);}
    .downmoney{margin:0 calc(var(--width360) * 13px) calc(var(--width360) * 12px) calc(var(--width360) * 13px); }
    .downmoney span:nth-child(1){font-size: calc(var(--width360) * 18px); }
    .downmoney span:nth-child(2){font-size: calc(var(--width360) * 12px);}
    .dlodType,.dlodTime{font-size:calc(var(--width360) * 12px);line-height: calc(var(--width360) * 12px);}
    .dtliAlld{ border-radius: calc(var(--width360) * 4px);margin:0 0 calc(var(--width360) * 13px) 0;}
    .dtliAlld:last-child(){margin:0 0 calc(var(--width360) * 16px) 0;}
    .dtliallda{margin:0 calc(var(--width360) * 16px) 0 0;}
    .dtlTitle{ padding-bottom: calc(var(--width360) * 15px);height: calc(var(--width360) * 70px);}
    .dtlTitle a:nth-child(1){font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 22px);}
    .dtlTitle a:nth-child(2){line-height: calc(var(--width360) * 18px);font-size: calc(var(--width360) * 14px);}
    .dtlDown{font-size: calc(var(--width360) * 12px); }
    .dtlDowno b{width:calc(var(--width360) * 18px);height:calc(var(--width360) * 18px); background-size: contain;margin-right:calc(var(--width360) * 5px);}
    .dtlDownt b{width:calc(var(--width360) * 18px);height:calc(var(--width360) * 18px); background-size: contain;margin-right:calc(var(--width360) * 5px);}
    .dtlDowno{margin:0 calc(var(--width360) * 16px) 0 0;}
    .downtwolist{flex:0 0 auto;}
    .downtwolist:nth-child(2){margin:0 calc(var(--width360) * 16px);}
    .dlfor{width:47%; border-radius: calc(var(--width360) * 8px);margin:0 calc(var(--width360) * 20px) calc(var(--width360) * 20px) 0;}
    .dlfor:nth-child(2n+2){margin:0 0 calc(var(--width360) * 20px) 0;}
    .dlfrTitle{margin:calc(var(--width360) * 10px) 0;}
    .dlfrTitle a{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 24px);height:calc(var(--width360) * 48px);}
    .dlfrToptitle{ font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 24px);height: calc(var(--width360) * 49px);}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: calc(var(--width360) * 12px);height: calc(var(--width360) * 21px);padding:calc(var(--width360) * 2px) calc(var(--width360) * 4px); }
    .dlftTimes,.dlfrDownload,.dlfrWatch{line-height: calc(var(--width360) * 18px);font-size:calc(var(--width360) * 12px);}
    .dlfrWatch{margin-right: calc(var(--width360) * 12px);}
    .dlfrDown{margin:calc(var(--width360) * 15px) calc(var(--width360) * 13px) calc(var(--width360) * 14px) calc(var(--width360) * 13px);}
    .dlfrDowns{ margin-top: calc(var(--width360) * 12px);}
    .downlFour {margin: calc(var(--width360) * 20px) 0 0 0;}
    .scothdWatch{margin:0 calc(var(--width360) * 17px);}
    .scodotherd {border-radius: calc(var(--width360) * 5px);margin: 0 0 calc(var(--width360) * 20px) 0;}
    .scothds {margin: calc(var(--width360) * 12px) calc(var(--width360) * 13px);}
    .scothtop {font-size: calc(var(--width360) * 16px);height: calc(var(--width360) * 28px);}
    .scothtop dt span,.scothdsd a:nth-child(1) {height: calc(var(--width360) * 20px);line-height: calc(var(--width360) * 26px);}
    .scothtop dt i,.scothdsd a:nth-child(2) i {max-width: calc(var(--width360) * 65px);max-height: calc(var(--width360) * 26px);border-radius: calc(var(--width360) * 3px);
        font-size: calc(var(--width360) * 12px);padding: 0 calc(var(--width360) * 6px) 0 calc(var(--width360) * 8px);line-height: calc(var(--width360) * 26px);
    }
    .scothmiddle {font-size: calc(var(--width360) * 14px);margin: calc(var(--width360) * 10px) 0 calc(var(--width360) * 14px) 0;-webkit-line-clamp: 1;}
    .scothdown {font-size: calc(var(--width360) * 12px);}
    .scothdTime b {width: calc(var(--width360) * 14px);height: calc(var(--width360) * 15px);margin: 0 calc(var(--width360) * 4px) 0 0;background-size: contain;}
    .scothdWatch b {width: calc(var(--width360) * 18px);height: calc(var(--width360) * 12px);margin: 0 calc(var(--width360) * 4px) 0 0;background-size: contain;}
    .scothdDownload b {width: calc(var(--width360) * 16px);height: calc(var(--width360) * 16px);margin: 0 calc(var(--width360) * 4px) 0 0;background-size: contain;}
    
    
    .downlThree,.downlFive{margin:calc(var(--width360) * 20px) 0 0 0;}
    .dtlImg{width: calc(var(--width360) * 80px);height: calc(var(--width360) * 80px);border-radius: calc(var(--width360) * 4px); }
    .coderTitle{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 16px);}
    .coderDes{line-height: calc(var(--width360) * 22px);margin:calc(var(--width360) * 12px) 0 calc(var(--width360) * 10px) 0;font-size: calc(var(--width360) * 14px);}

    .codeconAd{width:100%; border-radius: calc(var(--width360) * 5px);margin:0 0 calc(var(--width360) * 15px) 0;}
    .codeconAd .dtlImg{margin:0 calc(var(--width360) * 18px) 0 0;}
    .codecRight{margin:0;padding-bottom: calc(var(--width360) * 15px);}
    .morecon-all{margin:calc(var(--width360) * 16px);width:100%;}
    .mlc-title{font-size: calc(var(--width360) * 18px);line-height: calc(var(--width360) * 25px);padding:0 0 calc(var(--width360) * 13px) 0;width:100%;}
    .mlc-con{margin:calc(var(--width360) * 16px) 0 0 0;}
    .mlcA{height: calc(var(--width360) * 42px);border-radius: calc(var(--width360) * 4px);font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 22px);padding:0 calc(var(--width360) * 12px);margin:0 calc(var(--width360) * 15px) calc(var(--width360) * 15px) 0;}

    .dlfrDownload b{width:calc(var(--width360) * 14px);height:calc(var(--width360) * 15px); background-size:contain;margin:0 calc(var(--width360) * 2px) 0 0 ;}
    .dlfrWatch b{width:calc(var(--width360) * 16px);height:calc(var(--width360) * 16px); background-size:contain;margin:0 calc(var(--width360) * 2px) 0 0 ;}
    .dlftTimes b{width:calc(var(--width360) * 14px);height:calc(var(--width360) * 14px); background-size:contain;margin:0 calc(var(--width360) * 2px) 0 0 ;}
    .dlodType b{width:calc(var(--width360) * 15px);height:calc(var(--width360) * 15px); background-size:contain;margin:0 calc(var(--width360) * 3px) 0 0 ;}
    .dlodTime b{width:calc(var(--width360) * 14px);height:calc(var(--width360) * 15px); background-size:contain;margin:0 calc(var(--width360) * 3px) 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:calc(var(--width360) * 16px);height:calc(var(--width360) * 12px); background-size:contain;margin:0 calc(var(--width360) * 5px) 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:calc(var(--width360) * 14px);height:calc(var(--width360) * 14px);background-size:contain;margin:0 calc(var(--width360) * 5px) 0 0;}
    .cldddLabels b{width:calc(var(--width360) * 14px);height:calc(var(--width360) * 14px); background-size:contain;}
    .clddTime b{width:calc(var(--width360) * 14px);height:calc(var(--width360) * 15px); background-size:contain;margin:0 calc(var(--width360) * 3px) 0 0;}
    .artleft-down .aldatitle b{width:calc(var(--width360) * 16px);height:calc(var(--width360) * 16px); background-size:contain;margin:0 calc(var(--width360) * 10px) 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: calc(var(--width360) * 18px);height: calc(var(--width360) * 18px); background-size: contain;}
    .vtdown dd em a b {width: calc(var(--width360) * 14px);height: calc(var(--width360) * 15px); margin: 0 calc(var(--width360) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: calc(var(--width360) * 14px);height: calc(var(--width360) * 15px); margin: 0 calc(var(--width360) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{  width: 100%;height: calc(var(--width360) * 120px);border-radius: calc(var(--width360) * 8px) calc(var(--width360) * 8px) 0px 0px;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: calc(var(--width360) * 150px);border-radius: calc(var(--width360) * 5px) calc(var(--width360) * 5px) 0px 0px;}
    .zttab-top img{ height: calc(var(--width360) * 150px); background-size: contain;}
    /* .zttabright .zttab-top{ width: 100%;height: calc(var(--width360) * 120px);border-radius: calc(var(--width360) * 8px) calc(var(--width360) * 8px) 0px 0px;} */
    .title-more b { width: calc(var(--width360) * 6px);height:calc(var(--width360) * 17px); margin: 0 0 0 calc(var(--width360) * 4px);}
    
    

    .rgdlds{margin:0 0 calc(var(--width360) * 20px) 0;}
    .rgdllefa {width: calc(var(--width360) * 75px);height: calc(var(--width360) * 75px);margin:0 calc(var(--width360) * 16px) 0 0;}
    .rgdllefimg {width: calc(var(--width360) * 65px);height: calc(var(--width360) * 65px);}
    .ridldrri{width: calc(var(--width360) * 200px);}
    .ridldrri a{font-size: calc(var(--width360) * 16px);margin:0 0 calc(var(--width360) * 15px) 0;}
    .ridldrri p{font-size: calc(var(--width360) * 14px);}
    .rgdllook{ width: calc(var(--width360) * 50px);height: calc(var(--width360) * 25px);font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 26px);}

    .webmidtabs{margin:0 calc(var(--width360) * 20px);}
    .mdidtabd{margin-right: calc(var(--width360) * 31px);}
    .mdidtabd img{width:calc(var(--width360) * 46px);height:calc(var(--width360) * 46px);}
    .mdidtabd span{ font-size: calc(var(--width360) * 14px); margin-top: calc(var(--width360) * 10px);}

    .sechcon{margin:calc(var(--width360) * 20px) 0 0 0;}
    .search-layerbg { min-height: calc(var(--width360) * 235px);}
    .sechtitle b{width: calc(var(--width360) * 18px);height: calc(var(--width360) * 18px);background-size: contain;}
    .schbg{margin:calc(var(--width360) * 20px);}
    .sechconlogoa{margin:0 auto calc(var(--width360) * 20px) auto;width:calc(var(--width360) * 159px);height: calc(var(--width360) * 41px);}
    .sechcon .sechconlogoa img{width:calc(var(--width360) * 159px);height: calc(var(--width360) * 41px);}
    .serchd{ height: calc(var(--width360) * 35px); margin:0 0 calc(var(--width360) * 23px) 0;}
    .serchd input{ margin:0 calc(var(--width360) * 10px);font-size: calc(var(--width360) * 14px); }
    .serchp{width:calc(var(--width360) * 25px);height: calc(var(--width360) * 25px); background-size: contain;margin:0 calc(var(--width360) * 11px) 0 0;flex-shrink: 0;}
    .topbtna{height:calc(var(--width360) * 25px); border-radius: 5px;font-size: calc(var(--width360) * 14px);padding: 0 calc(var(--width360) * 8px) 0 calc(var(--width360) * 7px); margin: 0 calc(var(--width360) * 10px) calc(var(--width360) * 10px) 0;}
    .top-btn{ height:calc(var(--width360) * 30px);}
    .left-jxai{margin:calc(var(--width360) * 40px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .jxaida{margin:0 8% calc(var(--width360) * 20px) 0;width:19%;}
    .jxaida img{width: calc(var(--width360) * 73px);height: calc(var(--width360) * 73px);border-radius:calc(var(--width360) * 15px);margin:0 0 calc(var(--width360) * 15px) 0;}
    .jxaida p{font-size: calc(var(--width360) * 16px);}

    
}

@media screen and (max-width: 345px) {
    .listA{width:calc(var(--width344) * 100px);height:calc(var(--width344) * 42px);margin:0 calc(var(--width344) * 10px) calc(var(--width344) * 10px) 0;}
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width344) * 10px) 0;}
    .video-tab{width:47%;}
    .jxaida {margin: 0 calc(var(--width344) * 26px) calc(var(--width344) * 20px) 0; }
    .aibtns{margin: 0 8% calc(var(--width344) * 20px) 0;}
    .taballsdown .alllistdiv{padding: 0 calc(var(--width344) * 8px);}
    .dloDiv:nth-child(2n+1){margin: 0 calc(var(--width344) * 1px) calc(var(--width344) * 16px) 0}
    .dlfor{margin:0 calc(var(--width344) * 2px) calc(var(--width344) * 20px) 0}




}


@media screen and (max-width: 331px) {
    
    .swiper-slide-active .indexsw,.swiper-slide-active .indexsw img{height:calc(var(--width330) * 180px);}
    .indexsw,.indexsw img{width: calc(var(--width330) * 350px);height: calc(var(--width330) * 162px);border-radius: calc(var(--width330) * 8px);}
    .index_swiper{margin:calc(var(--width330) * 20px) 0;}
    .index_swiper .swiper-pagination {bottom: calc(var(--width330) * 10px);left:20.3%;}
    .index_swiper .swiper-pagination-bullet {width: calc(var(--width330) * 10px);height: 5px;}
    .ltt-botd{font-size: calc(var(--width330) * 18px);line-height: calc(var(--width330) * 24px);height:calc(var(--width330) * 90px);border-radius: 0 0 calc(var(--width330) * 8px) calc(var(--width330) * 8px);}
    .ltt-botd p{ margin: calc(var(--width330) * 40px) calc(var(--width330) * 15px) 0 calc(var(--width330) * 15px);}


    .ltt-down{margin:calc(var(--width330) * 20px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px); }
    .ltdlefta-down p:nth-child(1){font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 22px);margin:0 0 calc(var(--width330) * 10px) 0;}
    .ltdlefta-down p:nth-child(2){font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 20px);}
    .ltdlefta{margin:calc(var(--width330) * 24px) 0 0 0; }
    .ltdlefta:first-child{margin:calc(var(--width330) * 20px) 0 0 0;}
    .lttitle{justify-content: space-between;margin:0 0 calc(var(--width330) * 19px) 0;}
    .title-more{font-size: calc(var(--width330) * 14px);}
    .title-left{font-size: calc(var(--width330) * 20px); }
    .left-jxai .title-left b{width:calc(var(--width330) * 26px);height:calc(var(--width330) * 24px); background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}

    .left-zt .title-left b{width:calc(var(--width330) * 24px);height:calc(var(--width330) * 24px); background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    .left-ai .title-left b{width:calc(var(--width330) * 25px);height:calc(var(--width330) * 24px);  background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    .left-article .title-left b{width:calc(var(--width330) * 25px);height:calc(var(--width330) * 24px); background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    .left-video .title-left b{width:calc(var(--width330) * 27px);height:calc(var(--width330) * 24px); background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    .hours-read .title-left b{width:calc(var(--width330) * 25px);height:calc(var(--width330) * 23px); background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    .tech-news .title-left b{width:calc(var(--width330) * 24px);height:calc(var(--width330) * 24px); background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    .quality-courses .title-left b{width:calc(var(--width330) * 26px);height:calc(var(--width330) * 24px); background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    .hot-down .title-left b{width:calc(var(--width330) * 26px);height:calc(var(--width330) * 24px); background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    .codedl .title-left b{width:calc(var(--width330) * 26px);height:calc(var(--width330) * 26px); background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}

    /* .title-left .pfjt{line-height: calc(var(--width330) * 23px);}
    .title-left .eng{ font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 20px); margin:calc(var(--width330) * 5px) 0 0 calc(var(--width330) * 6px);} */
    .zttabtdDes{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 22px);margin:calc(var(--width330) * 14px) calc(var(--width330) * 20px) calc(var(--width330) * 20px) calc(var(--width330) * 20px);}
    .zttabtdDes a{font-size:calc(var(--width330) * 14px);}
    .zttab-top{width: 100%;height:calc(var(--width330) * 120px);border-radius: calc(var(--width330) * 8px) calc(var(--width330) * 8px) 0px 0px;}
    .left-zt,.list-downs{margin:calc(var(--width330) * 32px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);}
    .left-video{margin:calc(var(--width330) * 40px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);}
    .left-ai{margin:calc(var(--width330) * 60px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);}
    .left-article{margin:calc(var(--width330) * 40px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);}
    .zttab{width: calc(var(--width330) * 270px);min-width:calc(var(--width330) * 270px); border-radius: calc(var(--width330) * 5px);}
    .zttab:nth-child(2){margin:0 calc(var(--width330) * 20px);}
    .zttab-ul{margin:0 calc(var(--width330) * 16px) calc(var(--width330) * 20px) calc(var(--width330) * 16px);}
    .zttabtd{width:100%;}
    .zttabtd p:nth-child(1){font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 25px);margin:calc(var(--width330) * 20px)  calc(var(--width330) * 20px)  calc(var(--width330) *10px) calc(var(--width330) * 20px);}
    .zttabtd p:nth-child(2){font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 25px);margin:0 calc(var(--width330) * 20px);}
    
    .zttab-ul{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 20px);}
    .zttaba{margin:calc(var(--width330) * 20px) 0;height:calc(var(--width330) * 20px);}
    .aibtnimg{width: calc(var(--width330) * 72px);height: calc(var(--width330) * 72px);border-radius: calc(var(--width330) * 15px);}
    .aibtn-right p:nth-child(1){font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 18px);margin:calc(var(--width330) * 16px) 0 0 0;}
    /* .aibtn-right p:nth-child(2){font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 22px);margin:0 calc(var(--width330) * 6px) 0 0;} */
    .aibtns{width:19%; border-radius: calc(var(--width330) * 8px);margin:0 8% calc(var(--width330) * 20px) 0;}
    .aitabs{ height: calc(var(--width330) * 40px);border-radius:calc(var(--width330) * 5px);margin:0 0 calc(var(--width330) * 22px) 0}
    .aitaba{font-size: calc(var(--width330) * 14px);margin:0 calc(var(--width330) * 15px) 0 0;}
    .aitaba.check b{height:calc(var(--width330) * 3px);}
    .aitaba:nth-of-type(1){margin:0 calc(var(--width330) * 15px) 0 calc(var(--width330) * 10px);}
    .aitaba:last-of-type(){margin:0 calc(var(--width330) * 10px) 0 0;}

    .aiswiper-pagintaion{margin: calc(var(--width330) * 5px) auto 0 auto;width:100%;}
    .hours-read .swiper-pagination,.tech-news .swiper-pagination,.artLists .swiper-pagination,.aifree .swiper-pagination,.jxaigj .swiper-pagination{margin-top:calc(var(--width330) * 5px);}
    .swiper-pagination{width:100%;}
    .swiper-pagination-bullet{width: calc(var(--width330) * 50px);height:3px;border-radius: 2px;margin: 0 calc(var(--width330) * 18px) 0 0;}
    .hours-read .swiper-pagination-bullet,.tech-news .swiper-pagination-bullet,.quality-courses .swiper-pagination-bullet,.hot-down .swiper-pagination-bullet,
    .left-jxai .swiper-pagination-bullet,.artLists .swiper-pagination-bullet,.ztxgzt .swiper-pagination-bullet,.xgzt.aiLists .swiper-pagination-bullet,.aifree .swiper-pagination-bullet,.jxaigj .swiper-pagination-bullet
    {width: calc(var(--width330) * 15px);height: calc(var(--width330) * 5px);margin:0 calc(var(--width330) * 6px) 0 0;}
    .coursesswiper-pagination,.hotswiper-pagination{margin:calc(var(--width330) * 10px) 0 0 0;}
    .artleftp{width: calc(var(--width330) * 10px);height: calc(var(--width330) * 10px);margin:calc(var(--width330) * 6px) calc(var(--width330) * 6px) 0 0;}
    .artleft{margin:0 0 calc(var(--width330) * 15px) 0;}
    .artleft-down .aldatitle{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 22px);}
    .artleft-down .aldadesc{margin:calc(var(--width330) * 10px) 0;font-size:calc(var(--width330) * 14px);}
    .artleft-tab a{max-width: calc(var(--width330) * 100px);height: calc(var(--width330) * 25px);;border-radius: calc(var(--width330) * 5px);padding:0 calc(var(--width330) * 6px); margin:0 calc(var(--width330) * 10px) 0 0;
        line-height: calc(var(--width330) * 24px);font-size:calc(var(--width330) * 12px);
    }
    .artleft-tab{padding:0 0 calc(var(--width330) * 15px) 0;}
    .artleft-down{width:100%}
    .video-tab{width:47%;border-radius:calc(var(--width330) * 5px);margin:0 0 calc(var(--width330) * 20px) 0;}
    .video-tab:nth-child(3),.video-tab:nth-child(4){margin:0;}
    .vtaba,.vtabimg{width:100%;height:calc(var(--width330) * 110px);}
    .vtdown dt {height: calc(var(--width330) * 44px);font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 22px);margin:calc(var(--width330) * 12px) calc(var(--width330) * 15px) 0 calc(var(--width330) * 15px);}
    .vtdown dt .bg1{font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 12px);}
    .vtdown dt .bg2 {font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 12px);}
    .vtdown dt .bg3 {font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 12px);}
    .vtdown dt i {font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 12px);width: calc(var(--width330) * 32px);height: calc(var(--width330) * 16px);border-radius: 2px;padding: 2px 2px;}
    .vtdown dd {margin:calc(var(--width330) * 18px) calc(var(--width330) * 14px) calc(var(--width330) * 14px) calc(var(--width330) * 14px);font-size:calc(var(--width330) * 12px);}
    .vtaba-free{ width: calc(var(--width330) * 45px);height: calc(var(--width330) * 20px); border-radius: calc(var(--width330) * 5px) 0px calc(var(--width330) * 5px) 0px;
         font-size: calc(var(--width330) * 14px); line-height: calc(var(--width330) * 12px);  
    }
    .allAlist .taballsdown {height: calc(var(--width330) * 50px);}
    .tabLi {height: calc(var(--width330) * 44px);}
    .taballsdown .alllistdiv { font-size: calc(var(--width330) * 18px);line-height: calc(var(--width330) * 25px);
        margin-top: calc(var(--width330) * 8px);height: calc(var(--width330) * 43px);border-radius: calc(var(--width330) * 5px) calc(var(--width330) * 5px) 0px 0px;padding: 0 calc(var(--width330) * 10px);
    }
    .alllistdiv.check{font-size: calc(var(--width330) * 20px);line-height: calc(var(--width330) * 25px);}
    .tabLi img {width:calc(var(--width330) * 78px);height:calc(var(--width330) * 45px);}
    .tabA2.mores b{width:calc(var(--width330) * 20px);height:calc(var(--width330) * 4px);}
    .tabA2.mores{margin:0 calc(var(--width330) * 16px) 0 0;}
    .blackTab2{margin:calc(var(--width330) * 20px) 0 0 calc(var(--width330) * 20px); }
    .btdiv2{height:100%;}
    .blackTab2 .btabdiv2 .tabA2{font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 22px);margin:0 calc(var(--width330) * 8px);}
    .btabdiv2 ul li{height: calc(var(--width330) * 30px); border-radius:calc(var(--width330) * 5px);line-height: calc(var(--width330) * 30px);margin:0 calc(var(--width330) * 12px) 0 0;}
    .allAlist{margin:calc(var(--width330) * 40px) 0 0 0;}
    .layui-tab-items{margin:calc(var(--width330) * 20px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);}
    .cldA,.cldaimg{width: calc(var(--width330) * 140px);height: calc(var(--width330) * 86px);border-radius: calc(var(--width330) * 5px);}
    .cldA{margin:0 calc(var(--width330) * 15px) 0 0;}
    .clDiv{padding:0 0 calc(var(--width330) * 20px) 0;margin:0 0 calc(var(--width330) * 20px) 0;}
    .clDiv dt a{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 24px);}
    .clDiv dt {height:calc(var(--width330) * 45px);font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 24px);}
    .clDiv dt i,.clDiv dt a:nth-child(1):not(:only-child) {font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 12px);padding: calc(var(--width330) * 5px) calc(var(--width330) * 6px);width: calc(var(--width330) * 46px);height: calc(var(--width330) * 20px);}
    .clddTime{line-height: calc(var(--width330) * 18px);font-size:calc(var(--width330) * 12px);}
    .cldddLabels a{font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 21px);height: calc(var(--width330) * 21px);padding:0 calc(var(--width330) * 5px);margin:0 0 0 calc(var(--width330) * 5px); }
    .cldddLabels{margin:0 0 0 calc(var(--width330) * 10px);width: calc(var(--width330) * 140px);}
    .clDivmore{height: calc(var(--width330) * 35px);border-radius: calc(var(--width330) * 5px);font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 22px);}
    .clDivmore b{width:calc(var(--width330) * 18px);height:calc(var(--width330) * 18px);background-size: contain;margin:0 0 0 calc(var(--width330) * 5px);}
    .hours-read,.tech-news{margin:calc(var(--width330) * 40px) 0 0 0;}
    .hours-read{margin-bottom:calc(var(--width330) * 60px);}
    .quality-courses,.hot-down,.codedl{margin:calc(var(--width330) * 60px) 0 0 0;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(1) .hournum{width:calc(var(--width330) * 26px);height:calc(var(--width330) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(2) .hournum{width:calc(var(--width330) * 26px);height:calc(var(--width330) * 28px);background-size: contain;}
    .hours-read .swiper-slide:nth-child(1) .hoursided:nth-child(3) .hournum{width:calc(var(--width330) * 26px);height:calc(var(--width330) * 28px);background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum{width:calc(var(--width330) * 26px);height:calc(var(--width330) * 28px); background-size: contain;}
    .hours-read .swiper-slide .hoursided .hournum p{padding:calc(var(--width330) * 4px) 0 0 calc(var(--width330) * 7px);}
    .hournum{font-size:calc(var(--width330) * 18px);margin:0 calc(var(--width330) * 12px) 0 0;}
    .hours-read .swiper-slide:nth-child(2) .hoursided:nth-child(5) .hournum p,.hours-read .swiper-slide:nth-child(3) .hoursided .hournum p{padding-left:calc(var(--width330) * 3px);}
    .hourcon{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 26px);}
    .hoursided{margin:0 0 calc(var(--width330) * 14px) 0;}
    .advertisement{border-radius: calc(var(--width330) * 5px);margin: calc(var(--width330) * 68px) 0 0 0;}
    .advertisement img{width: calc(var(--width330) * 391px);height: calc(var(--width330) * 332px);border-radius: calc(var(--width330) * 5px);}
    .techblack{width: calc(var(--width330) * 6px);height: calc(var(--width330) * 6px);margin:calc(var(--width330) * 10px) calc(var(--width330) * 10px) 0 0;flex-shrink: 0;}
    .techcon{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 24px);}
    .techsided{margin:0 0 calc(var(--width330) * 20px) 0;}
    .courses-left,.courses-left img{width: calc(var(--width330) * 140px);height: calc(var(--width330) * 86px);border-radius: calc(var(--width330) * 5px);}
    .courses-left{margin:0 calc(var(--width330) * 14px) 0 0;}
    .coursecon{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 26px);}
    .course-down{font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 22px);}
    .course-down b {height: calc(var(--width330) * 13px);margin: 0 calc(var(--width330) * 4px);}
    .coursessided{margin:0 0 calc(var(--width330) * 20px) 0;}
    .coursessided:last-child{margin:0;}
    .hot-left,.hot-left img{width: calc(var(--width330) * 140px);height: calc(var(--width330) * 86px);border-radius: calc(var(--width330) * 5px);}
    .hot-left{margin:0 calc(var(--width330) * 14px) 0 0;}
    .hotra{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 26px);}

    .hotrdown{width: calc(var(--width330) * 58px);height: calc(var(--width330) * 25px);border-radius: calc(var(--width330) * 5px);font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 20px);}
    .hotsided{margin:0 0 calc(var(--width330) * 20px) 0;}
    .ztLists .cldddh,.artLists .cldddh,.aiLists .cldddh{margin:0 calc(var(--width330) * 15px);}
    .ztLists .cldddh,.ztLists .clddTime,.ztLists .cldddht,.artLists .cldddh,.artLists .clddTime,.artLists .cldddht,.aiLists .cldddht,.aiLists .cldddh{font-size:calc(var(--width330) * 12px);line-height: calc(var(--width330) * 18px);}
    .ztLists .clddTitle,.artLists .clddTitle{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 24px);}
    .aitabtopa,.aitabtopa img{width: calc(var(--width330) * 72px);height: calc(var(--width330) * 72px);border-radius: calc(var(--width330) * 15px);}
    .aitab{ margin:calc(var(--width330) * 16px) 0 0 0;}
    .aitab:nth-child(1){margin:0;}
    .aitab:last-child{margin-bottom:calc(var(--width330) * 16px);}
    .aitab-down{margin:0 0 0 calc(var(--width330) * 15px);padding-bottom: calc(var(--width330) * 15px);}
    .aitabdowna{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 16px);}
    .aitabdowntime{font-size:calc(var(--width330) * 14px);line-height: calc(var(--width330) * 20px);margin:calc(var(--width330) * 6px) 0;}
    .aitabdta{padding:0 calc(var(--width330) * 7px); height: calc(var(--width330) * 21px);border-radius: calc(var(--width330) * 5px);font-size:calc(var(--width330) * 12px);line-height: calc(var(--width330) * 21px);margin:0 calc(var(--width330) * 7px) 0 0; }
    .study-all{width:100%;}
    .study-all .video-tab{margin:0 0 calc(var(--width330) * 20px) 0;}
    .study-all .video-tab:nth-child(2n+1){margin:0 calc(var(--width330) * 16px) calc(var(--width330) * 20px) 0;}
    .dlodiva,.dlodiva img{width:100%;height: calc(var(--width330) * 110px) ;border-radius: calc(var(--width330) * 5px) calc(var(--width330) * 5px) 0px 0px;}
    .dtliallda,.dtliallda img {width: calc(var(--width330) * 70px);height: calc(var(--width330) * 70px);border-radius: calc(var(--width330) * 15px);}
    .downlTwo{margin:calc(var(--width330) * 20px) 0 0 0;}
    .dloDiv{width:47%;border-radius: calc(var(--width330) * 5px);margin:0 0 calc(var(--width330) * 20px) 0;}
    .dloDiv:nth-child(2n+1){margin:0 calc(var(--width330) * 16px) calc(var(--width330) * 16px) 0;}
    .dlodTitle i {height: calc(var(--width330) * 18px);padding:2px calc(var(--width330) * 4px);
        font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 16px);
    }
    .dlodTitle a {font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 24px);margin: 0 0 0 calc(var(--width330) * 6px);}
    .dldowndes{margin:0 calc(var(--width330) * 10px) calc(var(--width330) * 10px) calc(var(--width330) * 10px);}
    .dlodTitle{height: calc(var(--width330) * 48px);margin:calc(var(--width330) * 15px) calc(var(--width330) * 20px) calc(var(--width330) * 10px) calc(var(--width330) * 13px);}
    .downmoney{margin:0 calc(var(--width330) * 13px) calc(var(--width330) * 12px) calc(var(--width330) * 13px); }
    .downmoney span:nth-child(1){font-size: calc(var(--width330) * 18px); }
    .downmoney span:nth-child(2){font-size: calc(var(--width330) * 12px);}
    .dlodType,.dlodTime{font-size:calc(var(--width330) * 12px);line-height: calc(var(--width330) * 12px);}
    .dtliAlld{ border-radius: calc(var(--width330) * 4px);margin:0 0 calc(var(--width330) * 13px) 0;}
    .dtliAlld:last-child(){margin:0 0 calc(var(--width330) * 16px) 0;}
    .dtliallda{margin:0 calc(var(--width330) * 16px) 0 0;}
    .dtlTitle{ padding-bottom: calc(var(--width330) * 15px);height: calc(var(--width330) * 70px);}
    .dtlTitle a:nth-child(1){font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 22px);}
    .dtlTitle a:nth-child(2){line-height: calc(var(--width330) * 18px);font-size: calc(var(--width330) * 14px);}
    .dtlDown{font-size: calc(var(--width330) * 12px); }
    .dtlDowno b{width:calc(var(--width330) * 18px);height:calc(var(--width330) * 18px); background-size: contain;margin-right:calc(var(--width330) * 5px);}
    .dtlDownt b{width:calc(var(--width330) * 18px);height:calc(var(--width330) * 18px); background-size: contain;margin-right:calc(var(--width330) * 5px);}
    .dtlDowno{margin:0 calc(var(--width330) * 16px) 0 0;}
    .downtwolist{flex:0 0 auto;}
    .downtwolist:nth-child(2){margin:0 calc(var(--width330) * 16px);}
    .dlfor{width:47%; border-radius: calc(var(--width330) * 8px);margin:0 calc(var(--width330) * 20px) calc(var(--width330) * 20px) 0;}
    .dlfor:nth-child(2n+2){margin:0 0 calc(var(--width330) * 20px) 0;}
    .dlfrTitle{margin:calc(var(--width330) * 10px) 0;}
    .dlfrTitle a{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 24px);height:calc(var(--width330) * 48px);}
    .dlfrToptitle{ font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 24px);height: calc(var(--width330) * 49px);}
    .dlfrToptitle i,.dlfrToptitle a:nth-child(1):not(:only-child){font-size: calc(var(--width330) * 12px);height: calc(var(--width330) * 21px);padding:calc(var(--width330) * 2px) calc(var(--width330) * 4px); }
    .dlftTimes,.dlfrDownload,.dlfrWatch{line-height: calc(var(--width330) * 18px);font-size:calc(var(--width330) * 12px);}
    .dlfrWatch{margin-right: calc(var(--width330) * 12px);}
    .dlfrDown{margin:calc(var(--width330) * 15px) calc(var(--width330) * 13px) calc(var(--width330) * 14px) calc(var(--width330) * 13px);}
    .dlfrDowns{ margin-top: calc(var(--width330) * 12px);}
    .downlFour {margin: calc(var(--width330) * 20px) 0 0 0;}
    .scothdWatch{margin:0 calc(var(--width330) * 17px);}
    .scodotherd {border-radius: calc(var(--width330) * 5px);margin: 0 0 calc(var(--width330) * 20px) 0;}
    .scothds {margin: calc(var(--width330) * 12px) calc(var(--width330) * 13px);}
    .scothtop {font-size: calc(var(--width330) * 16px);height: calc(var(--width330) * 28px);}
    .scothtop dt span,.scothdsd a:nth-child(1) {height: calc(var(--width330) * 20px);line-height: calc(var(--width330) * 26px);}
    .scothtop dt i,.scothdsd a:nth-child(2) i {max-width: calc(var(--width330) * 65px);max-height: calc(var(--width330) * 26px);border-radius: calc(var(--width330) * 3px);
        font-size: calc(var(--width330) * 12px);padding: 0 calc(var(--width330) * 6px) 0 calc(var(--width330) * 8px);line-height: calc(var(--width330) * 26px);
    }
    .scothmiddle {font-size: calc(var(--width330) * 14px);margin: calc(var(--width330) * 10px) 0 calc(var(--width330) * 14px) 0;-webkit-line-clamp: 1;}
    .scothdown {font-size: calc(var(--width330) * 12px);}
    .scothdTime b {width: calc(var(--width330) * 14px);height: calc(var(--width330) * 15px);margin: 0 calc(var(--width330) * 4px) 0 0;background-size: contain;}
    .scothdWatch b {width: calc(var(--width330) * 18px);height: calc(var(--width330) * 12px);margin: 0 calc(var(--width330) * 4px) 0 0;background-size: contain;}
    .scothdDownload b {width: calc(var(--width330) * 16px);height: calc(var(--width330) * 16px);margin: 0 calc(var(--width330) * 4px) 0 0;background-size: contain;}

    .downlThree,.downlFive{margin:calc(var(--width330) * 20px) 0 0 0;}
    .dtlImg{width: calc(var(--width330) * 80px);height: calc(var(--width330) * 80px);border-radius: calc(var(--width330) * 4px);}
    .coderTitle{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 16px);}
    .coderDes{line-height: calc(var(--width330) * 22px);margin:calc(var(--width330) * 12px) 0 calc(var(--width330) * 10px) 0;font-size: calc(var(--width330) * 14px);}
   
    .codeconAd{width:100%; border-radius: calc(var(--width330) * 5px);margin:0 0 calc(var(--width330) * 15px) 0;}
    .codeconAd .dtlImg{margin:0 calc(var(--width330) * 18px) 0 0;}
    .codecRight{margin:0;width: 100%;padding-bottom: calc(var(--width330) * 15px);}
    .morecon-all{margin:calc(var(--width330) * 16px);width:100%;}
    .mlc-title{font-size: calc(var(--width330) * 18px);line-height: calc(var(--width330) * 25px);padding:0 0 calc(var(--width330) * 13px) 0;width:100%;}
    .mlc-con{margin:calc(var(--width330) * 16px) 0 0 0;}
    .mlcA{height: calc(var(--width330) * 42px);border-radius: calc(var(--width330) * 4px);font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 22px);padding:0 calc(var(--width330) * 12px);margin:0 calc(var(--width330) * 15px) calc(var(--width330) * 15px) 0;}
    .dlfrDownload b{width:calc(var(--width330) * 14px);height:calc(var(--width330) * 15px); background-size:contain;margin:0 calc(var(--width330) * 2px) 0 0 ;}
    .dlfrWatch b{width:calc(var(--width330) * 16px);height:calc(var(--width330) * 16px); background-size:contain;margin:0 calc(var(--width330) * 2px) 0 0 ;}
    .dlftTimes b{width:calc(var(--width330) * 14px);height:calc(var(--width330) * 14px); background-size:contain;margin:0 calc(var(--width330) * 2px) 0 0 ;}
    .dlodType b{width:calc(var(--width330) * 15px);height:calc(var(--width330) * 15px); background-size:contain;margin:0 calc(var(--width330) * 3px) 0 0 ;}
    .dlodTime b{width:calc(var(--width330) * 14px);height:calc(var(--width330) * 15px); background-size:contain;margin:0 calc(var(--width330) * 3px) 0 0 ;}
    .ztLists .cldddh b,.artLists .cldddh b,.aiLists .cldddh b{width:calc(var(--width330) * 17px);height:calc(var(--width330) * 12px); background-size:contain;margin:0 calc(var(--width330) * 5px) 0 0;}
    .ztLists .cldddht b,.artLists .cldddht b,.aiLists .cldddht b{width:calc(var(--width330) * 14px);height:calc(var(--width330) * 14px);background-size:contain;margin:0 calc(var(--width330) * 5px) 0 0;}
    .cldddLabels b{width:calc(var(--width330) * 14px);height:calc(var(--width330) * 14px); background-size:contain;}
    .clddTime b{width:calc(var(--width330) * 14px);height:calc(var(--width330) * 15px); background-size:contain;margin:0 calc(var(--width330) * 3px) 0 0;}
    .artleft-down .aldatitle b{width:calc(var(--width330) * 14px);height:calc(var(--width330) * 16px); background-size:contain;margin:0 calc(var(--width330) * 10px) 0 0;display: inline-block;vertical-align: text-top;}
    .vtdown dd em.shoucang a b {width: calc(var(--width330) * 18px);height: calc(var(--width330) * 18px); background-size: contain;}
    .vtdown dd em a b {width: calc(var(--width330) * 14px);height: calc(var(--width330) * 15px); margin: 0 calc(var(--width330) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    .vtdown dd em a.courseICollectioned b{width: calc(var(--width330) * 14px);height: calc(var(--width330) * 15px); margin: 0 calc(var(--width330) * 4px) 0 0;transition:all .3s ease;background-size: contain;}
    /* .zttabmiddle .zttab-top{  width: 100%;height: calc(var(--width330) * 120px);border-radius: calc(var(--width330) * 8px) calc(var(--width330) * 8px) 0px 0px;} */
    .zttableft .zttab-top,.zttabmiddle .zttab-top, .zttabright .zttab-top{position: relative;display: block;width: 100%;height: calc(var(--width330) * 150px);border-radius: calc(var(--width330) * 5px) calc(var(--width330) * 5px) 0px 0px;}
    .zttab-top img{ height: calc(var(--width330) * 150px); background-size: contain;}
    /* .zttabright .zttab-top{ width: 100%;height: calc(var(--width330) * 120px);border-radius: calc(var(--width330) * 8px) calc(var(--width330) * 8px) 0px 0px;} */
    .title-more b { width: calc(var(--width330) * 6px);height:calc(var(--width330) * 17px); margin:0 0 0 calc(var(--width330) * 4px);background-size: contain;}

    

    .rgdlds{margin:0 0 calc(var(--width330) * 20px) 0;}
    .rgdllefa {width: calc(var(--width330) * 75px);height: calc(var(--width330) * 75px);margin:0 calc(var(--width330) * 16px) 0 0;}
    .rgdllefimg {width: calc(var(--width330) * 65px);height: calc(var(--width330) * 65px);}
    .ridldrri{width: calc(var(--width330) * 200px);}
    .ridldrri a{font-size: calc(var(--width330) * 16px);margin:0 0 calc(var(--width330) * 15px) 0;}
    .ridldrri p{font-size: calc(var(--width330) * 14px);}
    .rgdllook{ width: calc(var(--width330) * 50px);height: calc(var(--width330) * 25px);font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 26px);}

    .webmidtabs{margin:0 calc(var(--width330) * 20px);}
    .mdidtabd{margin-right: calc(var(--width330) * 31px);}
    .mdidtabd img{width:calc(var(--width330) * 46px);height:calc(var(--width330) * 46px);}
    .mdidtabd span{ font-size: calc(var(--width330) * 14px); margin-top: calc(var(--width330) * 10px);}


    .sechcon{margin:calc(var(--width330) * 20px) 0 0 0;}
    .search-layerbg { min-height: calc(var(--width330) * 235px);}
    .sechtitle b{width: calc(var(--width330) * 18px);height: calc(var(--width330) * 18px);background-size: contain;}
    .schbg{margin:calc(var(--width330) * 20px);}
    .sechconlogoa{margin:0 auto calc(var(--width330) * 20px) auto;width:calc(var(--width330) * 159px);height: calc(var(--width330) * 41px);}
    .sechcon .sechconlogoa img{width:calc(var(--width330) * 159px);height: calc(var(--width330) * 41px);}
    .serchd{ height: calc(var(--width330) * 35px); margin:0 0 calc(var(--width330) * 23px) 0;}
    .serchd input{ margin:0 calc(var(--width330) * 10px);font-size: calc(var(--width330) * 14px); }
    .serchp{width:calc(var(--width330) * 25px);height: calc(var(--width330) * 25px); background-size: contain;margin:0 calc(var(--width330) * 11px) 0 0;flex-shrink: 0;}
    .topbtna{height:calc(var(--width330) * 25px); border-radius: 5px;font-size: calc(var(--width330) * 14px);padding: 0 calc(var(--width330) * 8px) 0 calc(var(--width330) * 7px); margin: 0 calc(var(--width330) * 10px) calc(var(--width330) * 10px) 0;}
    .top-btn{ height:calc(var(--width330) * 30px);}
    .left-jxai{margin:calc(var(--width330) * 40px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);}
    .jxaida{margin:0 8% calc(var(--width330) * 20px) 0;width:19%;}
    .jxaida img{width: calc(var(--width330) * 73px);height: calc(var(--width330) * 73px);border-radius:calc(var(--width330) * 15px);margin:0 0 calc(var(--width330) * 15px) 0;}
    .jxaida p{font-size: calc(var(--width330) * 16px);}

        
}