html{overflow-x:hidden;}

.nstycon{margin:15px;}
.nstplsta{ width: 90px;height: 35px;background: #F4F4F4;border-radius:5px;margin-right: 13px;margin-bottom: 15px;}
.nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
.nstytop-list{justify-content:flex-start;margin:17px 10px 20px 0;}
.ngxtop-list{flex-wrap: wrap;}
.nstplsta:nth-child(4n+4){margin-right: 0;}
.layer-top {border-radius: 0 0 12px 12px;overflow: hidden;}
.popup-content {background: #fff;padding: 16px;font-size: 14px;color: #333;}
@keyframes slideDown {
    from {transform: translateY(-100%);}
    to {transform: translateY(0);}
}
.topPopup,.layui-layer-title,.layui-layer-setwin{display:none;}
.layui-layer-content{height: auto !important;}
.nphpCons{margin:0 0 20px 0;}
.menu-list:nth-child(1){margin:20px 20px 0 20px;}
.muliconA.hover,.nstplsta.hover{background: #FAEAEA;color: #F13536; }
.stitemtop{position: relative;}
.stitemtop,.stitemtopimg{width: 184px;height: 110px;background: #ECECEC;border-radius: 5px 5px 0px 0px;}
.stlist-item{width: 184px;position: relative;height: 215px; border-radius:5px;border: 1px solid #F3F3F3;margin:0 0 20px 0;}
.stlist-item:nth-last-child(-n+2){margin:0;}
.codedown-img{position:absolute;width: 41px;height: 41px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.stitem-free {position: absolute;width: 45px;height: 20px;font-size: 14px;color: #FFFFFF;line-height: 12px;display: flex;align-items: center;
    justify-content: center;z-index: 2;opacity: 0.5;border-radius: 5px 0 5px 0;background-color: #000000;
}
.stlist-item dl{width: auto;margin: 13px 12px 0 12px;}
.stlist-item dl dt {line-height: 24px;overflow: hidden;height: 44px;font-size: 16px;margin: 0 0 18px 0;}
.stlist-item dl dt span.bg1{background: #DCE5FA;color: #2C83F7;}
.stlist-item dl dt span.bg2{background: #FBE3DC;color: #FB3A2C;}
.stlist-item dl dt span.bg3{background: #FBF1DD;color: #F9662C;}
.stlist-item dl dt span {display: block;height: 21px;background: #FCE7E0;padding: 0px 5px;border-radius: 2px;float: left;font-size: 12px;line-height: 21px;margin: 0px 5px 0px 0px;}
.stlist-item dl dt a {color: #333333;}
.stlist-item dl .cont1,.stlist-item dl .cont1 a{display: flex;justify-content: space-between;font-size: 12px;color: #93999F;}
.stylstd{flex-wrap: wrap;justify-content:space-between;}
.stlist-item dl dd.cont1 span.collected a{color:#F13536;}
.pages {margin: 30px auto 10px auto;}
.page {text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}
.page a {border-radius: 3px;border: 1px solid #E4E4E4;height: 25px;font-size: 14px;color: #999999;padding:0 9px;
    margin-right: 8px;display: flex;align-items: center;justify-content: center;min-width: auto;
}
.page a.active {border: 1px solid #333333;color: #333333;background: #FFFFFF;}
.stylist-downs .xgzt .clddTitle{-webkit-line-clamp: 1;}
.artLists .clDiv {padding: 0;border-bottom: none;}
.cdcod-list{flex-wrap: wrap;justify-content: space-between;}
.codeconleft{margin:20px 20px 0 20px;}
.cdcod-con p {font-weight: 400;font-size: 16px;color: #333333;line-height: 30px;}
.cdcon-top h1 {font-size: 20px;color: #333333;line-height: 20px;font-family: PingFangMedium;margin:17px 0 0 0;}
.ztprDown {margin:10px 0 13px 0;}
.ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {display: flex;align-items: center;font-size: 12px;color: #999999;}
.codetop-btn {justify-content: space-between;}
.cdtpbtn{ width:100%;height: 30px;border-radius: 5px 5px 5px 5px;font-size: 16px;color: #FFFFFF;}
.cdtpbtn:nth-child(1){background: #F13536; }
.cdtpbtn:nth-child(2){background: #333333; }
.artdp span {width: 5px;height: 17px;background: #F13536;border-radius: 3px;margin: 0 13px 0 0;}
.artdp,.artdp p,.scztallcon .artdp p{display: flex;align-items: center;font-size: 20px;color: #333333;font-weight: 600;margin:0;}
.artdp{margin: 10px 0 5px 0;}
.ztcldh{margin:0 15px;}
.tips{color:#F13536;}
.lcld-title{ font-size: 16px;color: #212121;margin:0 16px;}
.lcldcd-items{ border: 1px solid #ECECEC;margin:0 0 25px 0;}
.lcldcd-items:last-child{margin:0;}
.lcldc-dv{margin:16px 0 0 0;}
.lcldcdv{margin:16px 0 0 0;height: 35px;align-items: center;}
.cdvall{margin:0 16px;}
.cdvall,.cdvalld{font-size: 14px;color: #333333;}
.cdvalld p{ -webkit-line-clamp: 1;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.lcldcdv:nth-child(2n+2) {background: #F9F9F9;}
.cdcod-items{margin:40px 0 0 0;}
.stykc-downs .hot-down{margin:60px 0 0 0;}


.stclass-top {width: 100%;height:auto;background: radial-gradient(0% 0% at 0% 0%, #FBCBB6 0%, #FAE3D3 100%), #A7A7A6;}
.stclt-con .breadcrumb, .stclt-con .freeSize, .stclt-con .freeSize a {color: #AD0405;}
.stclt-con .breadcrumb {margin: 20px 0 0 0;}
.stclt-con{margin:0 16px;}
.stcltc-all h1{ font-weight: 500;font-size: 20px;color: #AD0405;margin:20px 0 17px 0;
    -webkit-line-clamp: 1;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.learnTime{font-size: 14px;color: #AD0405;line-height: 28px;align-items: center;}
.learntimeLine{ width: 1px;height: 43px;background: #FAA676;margin:0 32px;}
.learnTimenow,.learnTimenow:hover{width: 391px;height: 35px;background: #F13536;border-radius:5px;font-size: 16px;color: #FFFFFF;margin:13px 0 17px 0;}
.stcl-alist{ width:110%;height: 40px;background: #F5F5F5;border-radius:5px;align-items: center;
    overflow: auto;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none; -ms-overflow-style: none;scrollbar-width: none;
}
.webmidtabs::-webkit-scrollbar {display: none;}
.stcl-alist a{font-size: 18px;color: #333333;margin:0 30px 0 0;white-space: nowrap;align-items: center;}
.stcl-alist a:first-child{margin:0 30px 0 20px;}
.stcl-alist a:last-child{margin:0 50px 0 0 ;}
.stcl-alist a span{margin:8px 0 1px 0;}
.stcl-alist a.check{font-weight: bold;}
.stcl-alist a b{ width: 37px;height: 5px;border-radius:3px;}
.stcl-alist a.check b{background: #F13536;}
.stcsl-tips{width: 391px;height: 30px;background: #FBF1F1;border-radius:5px;font-size: 12px;color: #999999;align-items: center;justify-content: space-between;margin:20px 0 30px 0;}
.stcsl-tips p{margin:0 0 0 10px;}
.stcsl-tips .sttips{margin:0 10px 0 0;}
.sttips a{ color: #F13536;}
.classdes .rightdTitle{margin:0 0 15px 0;}
.classdesp{ font-size: 16px;color: #333333;line-height: 30px;}
.classlist{margin:34px 0 36px 0;}
.litr-img {width: 13px;height: 8px;display: none;cursor: pointer;object-fit: cover;}
.litr-img.check {display: flex;}
.li-titles {justify-content: space-between;font-size: 16px;color: #333333;line-height: 30px;align-items: center;margin:0 0 6px 0;}
.lilist-title{font-size: 14px;color: #666666;line-height: 30px;}
.calist-item{border-bottom: 1px solid #F3F3F3;padding:0 0 5px 0;margin:0 0 5px 0;}
.calist-item:last-child{margin:0;}
.sttoptaba {height: 25px;padding: 0 15px 0 13px;border-radius: 5px;border: 1px solid #844303;font-size: 14px;color: #844303;transition: all .3s ease;margin: 0 14px 0 0;align-items: center;}
.styvd-tops .stclass-top{ background: radial-gradient( 0% 0% at 0% 0%, #FCDCBD 0.42%, #FED5AD 100%), #FB945C;}
.styvd-tops .stclt-con .breadcrumb,.styvd-tops .stclt-con .freeSize,.styvd-tops .stclt-con .freeSize a {color:#844303;}
.styvd-tops h1{color:#844303;}
.styvd-tops .learnTime{color:#844303;}
.styvd-tops .learntimeLine{ background:#FBC289;margin:0 20px;}
.kcvdall-down .learnTimenow,.kcvdall-down .downloadkj{width:50%;max-width: 50%;}
.kcvdall-down .learnTimenow{margin:0 20px 0 0;}
.kcvdall-down .downloadkj{background: #FB9B3D;border-radius: 5px;color:#FFFFFF;font-size: 16px;}
.styvd-tops .stcltc-all h1{margin:20px 0 13px 0;}
.styvd-tops .learnTime{margin:18px 0 20px 0;}
.kcvdall-down{margin:0 0 14px 0;}
.techda,.techda img{width: 60px;height: 60px;margin:0 11px 0 0;border-radius:50%;}
.teachdl-rg p:nth-child(1){font-size: 16px;color: #333333;}
.teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: 12px;color: #999999;}
.teachd-right {font-size: 14px;color: #999999;align-items: center;cursor: pointer;flex-shrink: 0;margin-left:5px;}
.teachd-right:hover{color:#F13536;}
.teach-down{justify-content: space-between;}
.teacher-des{margin:30px 0 10px 0;}
.classdes{margin: 30px 0 0 0;}
.lz-li{justify-content: space-between;padding:0 0 20px 0;border-bottom: 1px solid #F3F3F3;margin:0 0 20px 0;align-items: center;}
.lz-li:last-child{margin:0;}
.lzt-down{width: 60px;height: 30px;background: #FEF5F5;border-radius:5px;font-size: 14px;color: #F13536;}
.lzt-lititle{font-size: 16px; color: #333333;}
.stykc-downs{margin-top:40px;}
.disabledCourse{background:#ccc;color:#999;cursor:not-allowed;pointer-events:none;}
.cdlstcon .nstytop-list{justify-content: flex-start;flex-wrap: wrap;}
.cdlstcon .nstytop-list .nstplsta{margin:0 10px 20px 0;}
.cdlstcon .nstytop-list .nstplsta:nth-last-child(-n+4){margin-bottom:0;}
.cdlstcon .nstytop-list .nstplsta.check{background: #FAEAEA;color: #F13536;}
.codestyldown .pages{margin:0 auto 10px auto;}
.newarticle .tech-news .title-left b{background: url(../mobimages/icon310.png) no-repeat;background-size: contain;}
.codedetilBg .hours-read{margin-top: 60px;}
.scztl-tops h1{ font-size: 24px;color: #333333;font-weight: 600;line-height: 24px;text-indent:1px;}
.sctpcz-btns, .sctpcz-btns a {align-items: center;font-size: 14px;color: #999999;}
.sctpcz-share.check a, .sctpcz-cole.check a {color: #F13536;}
.scztlka{width: auto;height: 28px;padding: 0 10px;background: #FFFFFF;border-radius: 5px;border: 1px solid #F13536;font-size: 14px;color: #D22222;
    line-height: 20px;align-items: center;justify-content: center;position: relative;transition: all .2s ease;
}
.scztallcon {font-size: 16px;color: #333333;line-height: 30px;}
.scztallcon p {margin: 0 0 10px 0;}
.scztallcon img{width:100%;}
.scztlink{justify-content: space-between;border-bottom: 1px solid #F3F3F3;padding:0 0 20px 0;}
.scztlka.scztlkaright {margin-left: auto;}
.art-tops{margin: 20px 0 0 0}
.sczttpcz{margin:18px 0;justify-content: space-between;}
.codedtl-down{margin:40px 0 0 0;}
.cdcon-top{border-bottom: 1px solid #F3F3F3;padding:0 0  16px 0;}
.swiper-pagination{width:90%;}
.codelistBody .artLists .clddTitle{-webkit-line-clamp:1;}
.styvd-tops,.stykclist-top{margin-top: 0;}
.lilistd-div{display: none;}
.lilistd-div.show{display:flex;}
.sttop-tabs .sttoptaba:nth-child(n+5) {display: none;}
.codedtlleft .clDiv:nth-last-of-type(1){margin:0;}
.tptype-code {overflow: auto;margin: 10px 15px;overflow-x: auto !important;flex-wrap: nowrap;height: 30px;
    overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
}
.tptype-code { -ms-overflow-style: none;scrollbar-width: none;}
.tptype-code.hide{display:none;}
.tptype-code .arttypea-code{width:auto;}

.tptype-code.shows{display:flex;}
.arttypea-code {width: 178px;height: 28px;background: #F4F4F4;border-radius: 5px;font-size: 14px;color: #333333;white-space: nowrap;
    margin: 0 12px 10px 0;line-height: 26px;text-align: center;overflow: hidden;padding: 0 4px;-webkit-line-clamp: 1;flex-shrink: 0;
}
.arttypea-code.check{ background: #FEF5F5;color:#F13536;}
.cdtplt-item .arttypea-code:nth-child(2n+2){margin-right: 0;}
.cdtplt-item .arttypea-code:nth-last-child(-n+2){margin-bottom: 0;}
.tpmores-code img {width: 81px;height: 44px;}
.tpmores-code {position: absolute;right: 0;}
.artop-types {position: relative;border-bottom: 5px solid #F8F8F8;overflow-y: hidden;}
.cdtpitmd{flex-wrap: wrap;justify-content: space-between;}
.cdtplt-item p{ font-weight: 500;font-size: 18px;color: #333333;margin:20px 0 18px 0;}

.codetype-lists{display: none;margin:0 15px 30px 15px;} 
.codetype-lists.show{display: flex;height: auto; }
.codetype-lists.showsall.show {height: auto;overflow-y: auto;}
.artop-types.nobot{max-height: 500px;overflow:auto;}
.artop-types::-webkit-scrollbar-track {background: #f5f5f5;}


.scztlka.scztlkaright b {width: 9px;height: 12px;background: url(../mobimages/icon228.png) no-repeat;background-size: contain;margin: 0 0 0 5px;}
.scztlka.scztlkaleft b {width: 9px;height: 12px;background: url(../mobimages/icon227.png) no-repeat;background-size: contain;margin: 0 5px 0 0;}
.sctpcz-cole.check b {width: 15px;height: 15px;background: url(../mobimages/icon196.png) no-repeat;background-size: contain;margin-right: 5px;}
.sctpcz-cole b {width: 15px;height: 15px;background: url(../mobimages/icon325.png) no-repeat;background-size: contain;margin-right: 5px;}
.sctpcz-share.check b {width: 11px;height: 13px;background: url(../mobimages/icon327.png) no-repeat;background-size: contain;margin-right: 5px;}
.sctpcz-share b {width: 11px;height: 13px;background: url(../mobimages/icon326.png) no-repeat;background-size: contain;margin-right: 5px;}
.sctpcz-look b {width: 16px;height: 13px;background: url(../mobimages/icon231.png) no-repeat;background-size: contain;margin-right: 5px;}
.sctpcz-gx b {width: 16px;height: 16px;background: url(../mobimages/icon232.png) no-repeat;background-size: contain;margin-right: 5px;}

.teachd-right:hover b{background: url(../mobimages/icon324.png) no-repeat;background-size: contain;}
.teachd-right b {width: 13px;height: 13px;background: url(../mobimages/icon323.png) no-repeat;background-size: contain;margin: 0 4px 0 0;}
.cdvalld b {width: 18px;height: 22px;background: url(../mobimages/icon244.png) no-repeat;margin: 0 8px 0 0;background-size: contain;flex-shrink: 0;}
.ztcldh b {width: 21px;height: 15px;background: url(../mobimages/icon252.png) no-repeat;background-size: contain;margin: 0 3px 0 0;}
.ztclddTime b {width: 18px;height: 18px;background: url(../mobimages/icon251.png) no-repeat;background-size: contain;margin: 0 3px 0 0;}
.ztclddRead b {width: 17px;height: 18px;background: url(../mobimages/icon253.png) no-repeat;background-size: contain;margin: 0 3px 0 0;}

.stlist-item dl dd.cont1 span.collected a b {background: url(../mobimages/icon196.png) no-repeat;width: 14px;height: 15px;background-size: contain;margin: 0 3px 0 0;}
.stlist-item dl dd.cont1 span a b {background: url(../mobimages/icon195.png) no-repeat;width: 14px;height: 15px;background-size: contain;margin: 0 3px 0 0;}
.nstplstad b{background:url(../mobimages/icon320.png) no-repeat;width:18px;height: 18px;background-size: contain;margin:0 0 0 2px;}


.aidwzdd-left {background: url(../mobimages/icon319.png) no-repeat;width: 50px;height: 50px;background-size: contain;flex-shrink: 0;}
.aidwzdd-left {align-items: center;justify-content: center;margin: 0 0 0 14px;}
.aidwzdd-left span:nth-child(1) {font-weight: 500;font-size: 20px;color: #333333;}
.aidwzdd-left span:nth-child(2) {color: #999999;font-size: 14px;}
.ngxr-top {font-size: 16px;color: #333333;-webkit-line-clamp: 1;transition: all .3s ease;margin: 0 0 6px 0;}
.ngxr-down {font-size: 14px;color: #999999;}
.ngxr-down a {margin: 0 15px 0 0;}
.ngx{margin:0 0 20px 0;padding:0 0 20px 0;border-bottom: 1px solid #F3F3F3;width: 100%;justify-content: space-between;}
.ngx:last-child{margin:0;}
.ngxlist-down{margin:5px 0 0 0;}
.clzliimg {width: 35px;height: 45px;margin: 0 11px 0 0;object-fit: cover;}
.clzt-lititle {font-size: 16px;color: #333333;margin:0 0 3px 0;}
.clzt-lititledes {font-size: 14px;color: #999999;}
.clzt-down {width: 60px;height: 30px;background: #FEF5F5;border-radius: 5px;font-size: 14px;color: #F13536;transition: all .3s ease;}
.clz-li{justify-content: space-between;align-items: center;padding:0 0 20px 0;margin:0 0 20px 0;border-bottom: 1px solid #F3F3F3;}
.clzli-left{align-items: center;}
.clz-li:last-child{margin:0;}
.nst-kjxz{margin:40px 0 0 0;}
.bodyBg.newstyBg.newstyvdBg{padding-bottom:40px;}
.bodyBg.newstudyBg{padding-bottom:20px;}





@media screen and (max-width: 1024px) {


    
}



@media screen and (max-width: 751px) {
  


    .ngxtop-list{flex-wrap: wrap;}
    .nstycon{margin:calc(var(--width750) * 15px);}
    .nstplsta{ width: calc(var(--width750) * 90px);height: calc(var(--width750) * 35px);border-radius:calc(var(--width750) * 5px);font-size:calc(var(--width750) * 14px);margin-right: calc(var(--width750) * 13px);margin-bottom: calc(var(--width750) * 15px);}
    .nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
    .nstytop-list{margin:calc(var(--width750) * 17px) 0 calc(var(--width750) * 20px) 0;}
    .layer-top {border-radius: 0 0 calc(var(--width750) * 12px) calc(var(--width750) * 12px);}
    .popup-content {padding: calc(var(--width750) * 16px);font-size: calc(var(--width750) * 14px);}
    .nphpCons{margin:0 0 calc(var(--width750) * 20px) 0;}
    .menu-list:nth-child(1){margin:calc(var(--width750) * 20px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);}
    .stitemtop,.stitemtopimg{width: calc(var(--width750) * 184px);height: calc(var(--width750) * 110px);border-radius: calc(var(--width750) * 5px) calc(var(--width750) * 5px) 0px 0px;}
    .stlist-item{width:  calc(var(--width750) * 184px);height:  calc(var(--width750) * 215px); border-radius: calc(var(--width750) * 5px);margin:0 0 calc(var(--width750) * 20px) 0;}
    .codedown-img{width:  calc(var(--width750) * 41px);height:  calc(var(--width750) * 41px);}
    .stitem-free {width:  calc(var(--width750) * 45px);height: calc(var(--width750) * 20px);font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 12px);
        border-radius:  calc(var(--width750) * 5px) 0;
    }
    .stlist-item dl{width: auto;margin:calc(var(--width750) * 13px) calc(var(--width750) * 12px) 0 calc(var(--width750) * 12px);}
    .stlist-item dl dt {line-height: calc(var(--width750) * 24px);overflow: hidden;height: calc(var(--width750) * 44px);font-size: calc(var(--width750) * 16px);margin: 0 0 calc(var(--width750) * 18px) 0;}
    .stlist-item dl dt span {height: calc(var(--width750) * 21px);padding: 0 calc(var(--width750) * 5px);font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 21px);margin: 0px calc(var(--width750) * 5px) 0px 0px;}
    .stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width750) * 12px);}
    .pages {margin: calc(var(--width750) * 30px) auto calc(var(--width750) * 10px) auto;}
    .page a {border-radius: calc(var(--width750) * 3px);height: calc(var(--width750) * 25px);font-size: calc(var(--width750) * 14px);padding:0 calc(var(--width750) * 9px);
        margin-right: calc(var(--width750) * 8px);
    }
    .codeconleft{margin:calc(var(--width750) * 20px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);}
    .cdcod-con p {font-weight: 400;font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 30px);}
    .cdcon-top h1 {font-size: calc(var(--width750) * 20px);line-height: calc(var(--width750) * 20px);margin:calc(var(--width750) * 17px) 0 0 0;}
    .ztprDown {margin:calc(var(--width750) * 10px) 0 calc(var(--width750) * 13px) 0;}
    .ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width750) * 12px);}
    .cdtpbtn{ height: calc(var(--width750) * 30px);border-radius:calc(var(--width750) * 5px);font-size: calc(var(--width750) * 16px);}
    .artdp span {width: calc(var(--width750) * 5px);height: calc(var(--width750) * 17px);border-radius: calc(var(--width750) * 3px);margin: 0 calc(var(--width750) * 13px) 0 0;}
    .artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width750) * 20px);}
    .artdp{margin: calc(var(--width750) * 10px) 0 calc(var(--width750) * 5px) 0;}
    .ztcldh{margin:0 calc(var(--width750) * 15px);}
    .lcld-title{ font-size: calc(var(--width750) * 16px);margin:0 calc(var(--width750) * 16px);}
    .lcldcd-items{margin:0 0 calc(var(--width750) * 25px) 0;}
    .lcldc-dv{margin:calc(var(--width750) * 16px) 0 0 0;}
    .lcldcdv{margin:calc(var(--width750) * 16px) 0 0 0;height: calc(var(--width750) * 35px);}
    .cdvall{margin:0 calc(var(--width750) * 16px);}
    .cdvall,.cdvalld{font-size: calc(var(--width750) * 14px);}
    .cdcod-items{margin:calc(var(--width750) * 40px) 0 0 0;}
    .stykc-downs .hot-down{margin:calc(var(--width750) * 60px) 0 0 0;}
    .stclt-con .breadcrumb {margin: calc(var(--width750) * 20px) 0 0 0;}
    .stclt-con{margin:0 calc(var(--width750) * 16px);}
    .stcltc-all h1{ font-weight: 500;font-size: calc(var(--width750) * 20px);margin:calc(var(--width750) * 20px) 0 calc(var(--width750) * 17px) 0;}
    .learnTime{font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 28px);}
    .learntimeLine{ height: calc(var(--width750) * 43px);margin:0 calc(var(--width750) * 32px);}
    .learnTimenow,.learnTimenow:hover{width: calc(var(--width750) * 390px);height: calc(var(--width750) * 35px);border-radius:calc(var(--width750) * 5px);font-size: calc(var(--width750) * 16px);margin:calc(var(--width750) * 13px) 0 calc(var(--width750) * 17px) 0;}
    .stcl-alist{ width:110%;height: calc(var(--width750) * 40px);border-radius:calc(var(--width750) * 5px);}
    
    .stcl-alist a{font-size: calc(var(--width750) * 18px);margin:0 calc(var(--width750) * 30px) 0 0;}
    .stcl-alist a:first-child{margin:0 calc(var(--width750) * 30px) 0 calc(var(--width750) * 20px);}
    .stcl-alist a:last-child{margin:0 calc(var(--width750) * 50px) 0 0 ;}
    .stcl-alist a span{margin:calc(var(--width750) * 8px) 0 1px 0;}
    .stcl-alist a b{ width: calc(var(--width750) * 37px);height: calc(var(--width750) * 5px);border-radius:calc(var(--width750) * 3px);}
    .stcsl-tips{width: calc(var(--width750) * 390px);height: calc(var(--width750) * 30px);border-radius:calc(var(--width750) * 5px);font-size: calc(var(--width750) * 12px);margin:calc(var(--width750) * 20px) 0 calc(var(--width750) * 30px) 0;}
    .stcsl-tips p{margin:0 0 0 calc(var(--width750) * 10px);}
    .stcsl-tips .sttips{margin:0 calc(var(--width750) * 10px) 0 0;}
    
    .classdes .rightdTitle{margin:0 0 calc(var(--width750) * 15px) 0;}
    .classdesp{ font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 30px);}
    .classlist{margin:calc(var(--width750) * 34px) 0 calc(var(--width750) * 36px) 0;}
    .litr-img {width: calc(var(--width750) * 13px);height: calc(var(--width750) * 8px);object-fit: cover;}
    .li-titles {font-size: calc(var(--width750) * 16px);color: #333333;line-height: calc(var(--width750) * 30px);margin:0 0 calc(var(--width750) * 6px) 0;}
    .lilist-title{font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 30px);}
    .calist-item{padding:0 0 calc(var(--width750) * 5px) 0;margin:0 0 calc(var(--width750) * 5px) 0;}
    
    .sttoptaba {height: calc(var(--width750) * 25px);padding: 0 calc(var(--width750) * 15px) 0 calc(var(--width750) * 13px);border-radius: calc(var(--width750) * 5px);font-size: calc(var(--width750) * 14px);margin: 0 calc(var(--width750) * 14px) 0 0;}
    
    .styvd-tops .learntimeLine{margin:0 calc(var(--width750) * 20px);}
    
    .kcvdall-down .learnTimenow{margin:0 calc(var(--width750) * 20px) 0 0;}
    .kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width750) * 5px);font-size: calc(var(--width750) * 16px);}
    .styvd-tops .stcltc-all h1{margin:calc(var(--width750) * 20px) 0 calc(var(--width750) * 13px) 0;}
    .styvd-tops .learnTime{margin:calc(var(--width750) * 18px) 0 calc(var(--width750) * 20px) 0;}
    .kcvdall-down{margin:0 0 calc(var(--width750) * 14px) 0;}
    .techda,.techda img{width: calc(var(--width750) * 60px);height: calc(var(--width750) * 60px);margin:0 calc(var(--width750) * 11px) 0 0;}
    .teachdl-rg p:nth-child(1){font-size: calc(var(--width750) * 16px);}
    .teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width750) * 12px);}
    .teachd-right {font-size: calc(var(--width750) * 14px);}
    .teacher-des{margin:calc(var(--width750) * 30px) 0 calc(var(--width750) * 10px) 0;}
    .classdes{margin:calc(var(--width750) * 30px) 0 0 0;}
    .lz-li{padding:0 0 calc(var(--width750) * 20px) 0;margin:0 0 calc(var(--width750) * 20px) 0;}
    .lzt-down{width: calc(var(--width750) * 60px);height: calc(var(--width750) * 30px);border-radius:calc(var(--width750) * 5px);font-size: calc(var(--width750) * 14px);}
    .lzt-lititle{font-size: calc(var(--width750) * 16px);}
    .stykc-downs{margin-top:calc(var(--width750) * 40px);}
    .cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width750) * 10px) calc(var(--width750) * 20px) 0;}
    .codestyldown .pages{margin:0 auto calc(var(--width750) * 10px) auto;}
    .codedetilBg .hours-read{margin-top: calc(var(--width750) * 60px);}
    .scztl-tops h1{ font-size: calc(var(--width750) * 24px);line-height: calc(var(--width750) * 24px);}
    .sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width750) * 14px);}
    .scztlka{height: calc(var(--width750) * 28px);padding: 0 calc(var(--width750) * 10px);border-radius: calc(var(--width750) * 5px);font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 20px);
    }
    .scztallcon {font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 30px);}
    .scztallcon p {margin: 0 0 calc(var(--width750) * 10px) 0;}
    .scztlink{padding:0 0 calc(var(--width750) * 20px) 0;}
    .art-tops{margin: calc(var(--width750) * 20px) 0 0 0}
    .sczttpcz{margin:calc(var(--width750) * 18px) 0;}
    .codedtl-down{margin:calc(var(--width750) * 40px) 0 0 0;}
    .cdcon-top{padding:0 0 calc(var(--width750) * 16px) 0;}
    .styvd-tops,.stykclist-top{margin-top: 0;}
    .lilistd-div{display: none;}
    .lilistd-div.show{display:flex;}
    .styvd-tops,.stykclist-top{margin-top: 0;}
    .newstylistBg{margin-bottom: 30px;}
    .artaba{font-size: calc(var(--width750) * 16px);}
    .clzliimg {width: calc(var(--width750) * 35px);height: calc(var(--width750) * 45px);margin: 0 calc(var(--width750) * 11px) 0 0;object-fit: cover;}
    .clzt-lititle {font-size: calc(var(--width750) * 16px);margin:0 0 calc(var(--width750) * 3px) 0;}
    .clzt-lititledes {font-size: calc(var(--width750) * 14px);}
    .clzt-down {width: calc(var(--width750) * 60px);height: calc(var(--width750) * 30px);border-radius: calc(var(--width750) * 5px);font-size: calc(var(--width750) * 14px);}
    .clz-li{padding:0 0 calc(var(--width750) * 20px) 0;margin:0 0 calc(var(--width750) * 20px) 0;}
    .nst-kjxz{margin:calc(var(--width750) * 40px) 0 0 0;}
    .tptype-code { margin: calc(var(--width750) * 10px) calc(var(--width750) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width750) * 30px);
        overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
    }
    .arttypea-code {width: calc(var(--width750) * 178px);height: calc(var(--width750) * 28px); border-radius: calc(var(--width750) * 5px);font-size: calc(var(--width750) * 14px); 
        margin: 0 calc(var(--width750) * 12px) calc(var(--width750) * 10px) 0;line-height: calc(var(--width750) * 26px);padding: 0 calc(var(--width750) * 4px);
    }
    .tpmores-code img {width: calc(var(--width750) * 80px);height: calc(var(--width750) * 44px);}
    .artop-types {border-bottom: calc(var(--width750) * 5px) solid #F8F8F8;}
    .cdtplt-item p{ font-size: calc(var(--width750) * 18px);margin:calc(var(--width750) * 20px) 0 calc(var(--width750) * 18px) 0;}
    .codetype-lists{margin:0 calc(var(--width750) * 15px) calc(var(--width750) * 30px) calc(var(--width750) * 15px);} 

  /* new updates */
  .aidwzdd-left {width: calc(var(--width750) * 50px);height: calc(var(--width750) * 50px);background-size: contain;flex-shrink: 0;}
  .aidwzdd-left {margin: 0 0 0 calc(var(--width750) * 14px);}
  .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width750) * 20px);}
  .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width750) * 14px);}
  .ngxr-top {font-size: calc(var(--width750) * 16px);margin: 0 0 calc(var(--width750) * 6px) 0;}
  .ngxr-down {font-size: calc(var(--width750) * 14px);}
  .ngxr-down a {margin: 0 calc(var(--width750) * 15px) 0 0;}
  .ngx{margin:0 0 calc(var(--width750) * 20px) 0;padding:0 0 calc(var(--width750) * 20px) 0;width: 100%;justify-content: space-between;}
  .ngxlist-down{margin:calc(var(--width750) * 5px) 0 0 0;}





    
    .scztlka.scztlkaright b {width: calc(var(--width750) * 9px);height: calc(var(--width750) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width750) * 5px);}
    .scztlka.scztlkaleft b {width: calc(var(--width750) * 9px);height: calc(var(--width750) * 12px);background-size: contain;margin: 0 calc(var(--width750) * 5px) 0 0;}
    .sctpcz-cole.check b {width: calc(var(--width750) * 15px);height: calc(var(--width750) * 15px);background-size: contain;margin-right: calc(var(--width750) * 5px);}
    .sctpcz-cole b {width: calc(var(--width750) * 15px);height: calc(var(--width750) * 15px);background-size: contain;margin-right: calc(var(--width750) * 5px);}
    .sctpcz-share.check b {width: calc(var(--width750) * 11px);height: calc(var(--width750) * 13px);background-size: contain;margin-right: calc(var(--width750) * 5px);}
    .sctpcz-share b {width: calc(var(--width750) * 11px);height: calc(var(--width750) * 13px);background-size: contain;margin-right: calc(var(--width750) * 5px);}
    .sctpcz-look b {width: calc(var(--width750) * 16px);height: calc(var(--width750) * 13px);background-size: contain;margin-right: calc(var(--width750) * 5px);}
    .sctpcz-gx b {width: calc(var(--width750) * 16px);height: calc(var(--width750) * 16px);background-size: contain;margin-right: calc(var(--width750) * 5px);}
    .teachd-right b {width: calc(var(--width750) * 13px);height: calc(var(--width750) * 13px);background-size: contain;margin: 0 calc(var(--width750) * 4px) 0 0;}
    .cdvalld b {width: calc(var(--width750) * 18px);height: calc(var(--width750) * 22px);margin: 0 calc(var(--width750) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
    .ztcldh b {width: calc(var(--width750) * 21px);height: calc(var(--width750) * 15px);background-size: contain;margin: 0 calc(var(--width750) * 3px) 0 0;}
    .ztclddTime b {width: calc(var(--width750) * 18px);height: calc(var(--width750) * 18px);background-size: contain;margin: 0 calc(var(--width750) * 3px) 0 0;}
    .ztclddRead b {width: calc(var(--width750) * 17px);height: calc(var(--width750) * 18px);background-size: contain;margin: 0 calc(var(--width750) * 3px) 0 0;}
    .stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width750) * 14px);height: calc(var(--width750) * 15px);background-size: contain;margin: 0 calc(var(--width750) * 3px) 0 0;}
    .stlist-item dl dd.cont1 span a b {width: calc(var(--width750) * 14px);height: calc(var(--width750) * 15px);background-size: contain;margin: 0 calc(var(--width750) * 3px) 0 0;}
    .nstplstad b{width:calc(var(--width750) * 18px);height: calc(var(--width750) * 18px);background-size: contain;margin:0 0 0 calc(var(--width750) * 2px);}
    .list-downs{margin:calc(var(--width750) * 40px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px)}
    

}


@media screen and (max-width: 561px) {

   


.nstycon{margin:calc(var(--width560) * 15px);}
.nstplsta{ width: calc(var(--width560) * 90px);height: calc(var(--width560) * 35px);border-radius:calc(var(--width560) * 5px);font-size:calc(var(--width560) * 14px);margin-right: calc(var(--width560) * 13px);margin-bottom: calc(var(--width560) * 15px);}
.nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
.nstytop-list{margin:calc(var(--width560) * 17px) 0 calc(var(--width560) * 20px) 0;}
.layer-top {border-radius: 0 0 calc(var(--width560) * 12px) calc(var(--width560) * 12px);}
.popup-content {padding: calc(var(--width560) * 16px);font-size: calc(var(--width560) * 14px);}
.nphpCons{margin:0 0 calc(var(--width560) * 20px) 0;}
.menu-list:nth-child(1){margin:calc(var(--width560) * 20px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px);}
.stitemtop,.stitemtopimg{width: calc(var(--width560) * 184px);height: calc(var(--width560) * 110px);border-radius: calc(var(--width560) * 5px) calc(var(--width560) * 5px) 0px 0px;}
.stlist-item{width:  calc(var(--width560) * 184px);height:  calc(var(--width560) * 215px); border-radius: calc(var(--width560) * 5px);margin:0 0 calc(var(--width560) * 20px) 0;}
.codedown-img{width:  calc(var(--width560) * 41px);height:  calc(var(--width560) * 41px);}
.stitem-free {width:  calc(var(--width560) * 45px);height: calc(var(--width560) * 20px);font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 12px);
    border-radius:  calc(var(--width560) * 5px) 0;
}
.stlist-item dl{width: auto;margin:calc(var(--width560) * 13px) calc(var(--width560) * 12px) 0 calc(var(--width560) * 12px);}
.stlist-item dl dt {line-height: calc(var(--width560) * 24px);overflow: hidden;height: calc(var(--width560) * 44px);font-size: calc(var(--width560) * 16px);margin: 0 0 calc(var(--width560) * 18px) 0;}
.stlist-item dl dt span {height: calc(var(--width560) * 21px);padding: 0 calc(var(--width560) * 5px);font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 21px);margin: 0px calc(var(--width560) * 5px) 0px 0px;}
.stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width560) * 12px);}
.pages {margin: calc(var(--width560) * 30px) auto calc(var(--width560) * 10px) auto;}
.page a {border-radius: calc(var(--width560) * 3px);height: calc(var(--width560) * 25px);font-size: calc(var(--width560) * 14px);padding:0 calc(var(--width560) * 9px);
    margin-right: calc(var(--width560) * 8px);
}
.codeconleft{margin:calc(var(--width560) * 20px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px);}
.cdcod-con p {font-weight: 400;font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 30px);}
.cdcon-top h1 {font-size: calc(var(--width560) * 20px);line-height: calc(var(--width560) * 20px);margin:calc(var(--width560) * 17px) 0 0 0;}
.ztprDown {margin:calc(var(--width560) * 10px) 0 calc(var(--width560) * 13px) 0;}
.ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width560) * 12px);}
.cdtpbtn{ height: calc(var(--width560) * 30px);border-radius:calc(var(--width560) * 5px);font-size: calc(var(--width560) * 16px);}
.artdp span {width: calc(var(--width560) * 5px);height: calc(var(--width560) * 17px);border-radius: calc(var(--width560) * 3px);margin: 0 calc(var(--width560) * 13px) 0 0;}
.artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width560) * 20px);}
.artdp{margin: calc(var(--width560) * 10px) 0 calc(var(--width560) * 5px) 0;}
.ztcldh{margin:0 calc(var(--width560) * 15px);}
.lcld-title{ font-size: calc(var(--width560) * 16px);margin:0 calc(var(--width560) * 16px);}
.lcldcd-items{margin:0 0 calc(var(--width560) * 25px) 0;}
.lcldc-dv{margin:calc(var(--width560) * 16px) 0 0 0;}
.lcldcdv{margin:calc(var(--width560) * 16px) 0 0 0;height: calc(var(--width560) * 35px);}
.cdvall{margin:0 calc(var(--width560) * 16px);}
.cdvall,.cdvalld{font-size: calc(var(--width560) * 14px);}
.cdcod-items{margin:calc(var(--width560) * 40px) 0 0 0;}
.stykc-downs .hot-down{margin:calc(var(--width560) * 60px) 0 0 0;}
.stclt-con .breadcrumb {margin: calc(var(--width560) * 20px) 0 0 0;}
.stclt-con{margin:0 calc(var(--width560) * 16px);}
.stcltc-all h1{ font-weight: 500;font-size: calc(var(--width560) * 20px);margin:calc(var(--width560) * 20px) 0 calc(var(--width560) * 17px) 0;}
.learnTime{font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 28px);}
.learntimeLine{ height: calc(var(--width560) * 43px);margin:0 calc(var(--width560) * 32px);}
.learnTimenow,.learnTimenow:hover{width: calc(var(--width560) * 390px);height: calc(var(--width560) * 35px);border-radius:calc(var(--width560) * 5px);font-size: calc(var(--width560) * 16px);margin:calc(var(--width560) * 13px) 0 calc(var(--width560) * 17px) 0;}
.stcl-alist{ width:110%;height: calc(var(--width560) * 40px);border-radius:calc(var(--width560) * 5px);}

.stcl-alist a{font-size: calc(var(--width560) * 18px);margin:0 calc(var(--width560) * 30px) 0 0;}
.stcl-alist a:first-child{margin:0 calc(var(--width560) * 30px) 0 calc(var(--width560) * 20px);}
.stcl-alist a:last-child{margin:0 calc(var(--width560) * 50px) 0 0 ;}
.stcl-alist a span{margin:calc(var(--width560) * 8px) 0 1px 0;}
.stcl-alist a b{ width: calc(var(--width560) * 37px);height: calc(var(--width560) * 5px);border-radius:calc(var(--width560) * 3px);}
.stcsl-tips{width: calc(var(--width560) * 390px);height: calc(var(--width560) * 30px);border-radius:calc(var(--width560) * 5px);font-size: calc(var(--width560) * 12px);margin:calc(var(--width560) * 20px) 0 calc(var(--width560) * 30px) 0;}
.stcsl-tips p{margin:0 0 0 calc(var(--width560) * 10px);}
.stcsl-tips .sttips{margin:0 calc(var(--width560) * 10px) 0 0;}

.classdes .rightdTitle{margin:0 0 calc(var(--width560) * 15px) 0;}
.classdesp{ font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 30px);}
.classlist{margin:calc(var(--width560) * 34px) 0 calc(var(--width560) * 36px) 0;}
.litr-img {width: calc(var(--width560) * 13px);height: calc(var(--width560) * 8px);object-fit: cover;}
.li-titles {font-size: calc(var(--width560) * 16px);color: #333333;line-height: calc(var(--width560) * 30px);margin:0 0 calc(var(--width560) * 6px) 0;}
.lilist-title{font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 30px);}
.calist-item{padding:0 0 calc(var(--width560) * 5px) 0;margin:0 0 calc(var(--width560) * 5px) 0;}

.sttoptaba {height: calc(var(--width560) * 25px);padding: 0 calc(var(--width560) * 15px) 0 calc(var(--width560) * 13px);border-radius: calc(var(--width560) * 5px);font-size: calc(var(--width560) * 14px);margin: 0 calc(var(--width560) * 14px) 0 0;}

.styvd-tops .learntimeLine{margin:0 calc(var(--width560) * 20px);}

.kcvdall-down .learnTimenow{margin:0 calc(var(--width560) * 20px) 0 0;}
.kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width560) * 5px);font-size: calc(var(--width560) * 16px);}
.styvd-tops .stcltc-all h1{margin:calc(var(--width560) * 20px) 0 calc(var(--width560) * 13px) 0;}
.styvd-tops .learnTime{margin:calc(var(--width560) * 18px) 0 calc(var(--width560) * 20px) 0;}
.kcvdall-down{margin:0 0 calc(var(--width560) * 14px) 0;}
.techda,.techda img{width: calc(var(--width560) * 60px);height: calc(var(--width560) * 60px);margin:0 calc(var(--width560) * 11px) 0 0;}
.teachdl-rg p:nth-child(1){font-size: calc(var(--width560) * 16px);}
.teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width560) * 12px);}
.teachd-right {font-size: calc(var(--width560) * 14px);}
.teacher-des{margin:calc(var(--width560) * 30px) 0 calc(var(--width560) * 10px) 0;}
.classdes{margin:calc(var(--width560) * 30px) 0 0 0;}
.lz-li{padding:0 0 calc(var(--width560) * 20px) 0;margin:0 0 calc(var(--width560) * 20px) 0;}
.lzt-down{width: calc(var(--width560) * 60px);height: calc(var(--width560) * 30px);border-radius:calc(var(--width560) * 5px);font-size: calc(var(--width560) * 14px);}
.lzt-lititle{font-size: calc(var(--width560) * 16px);}
.stykc-downs{margin-top:calc(var(--width560) * 40px);}
.cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width560) * 10px) calc(var(--width560) * 20px) 0;}
.codestyldown .pages{margin:0 auto calc(var(--width560) * 10px) auto;}
.codedetilBg .hours-read{margin-top: calc(var(--width560) * 60px);}
.scztl-tops h1{ font-size: calc(var(--width560) * 24px);line-height: calc(var(--width560) * 24px);}
.sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width560) * 14px);}
.scztlka{height: calc(var(--width560) * 28px);padding: 0 calc(var(--width560) * 10px);border-radius: calc(var(--width560) * 5px);font-size: calc(var(--width560) * 14px);
    line-height: calc(var(--width560) * 20px);
}
.scztallcon {font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 30px);}
.scztallcon p {margin: 0 0 calc(var(--width560) * 10px) 0;}
.scztlink{padding:0 0 calc(var(--width560) * 20px) 0;}
.art-tops{margin: calc(var(--width560) * 20px) 0 0 0}
.sczttpcz{margin:calc(var(--width560) * 18px) 0;}
.codedtl-down{margin:calc(var(--width560) * 40px) 0 0 0;}
.cdcon-top{border-bottom:1px solid #F3F3F3; padding:0 0 calc(var(--width560) * 16px) 0;}
.swiper-pagination{width:90%;}
.styvd-tops,.stykclist-top{margin-top: 0;}
.artaba{font-size: calc(var(--width560) * 16px);}
.clzliimg {width: calc(var(--width560) * 35px);height: calc(var(--width560) * 45px);margin: 0 calc(var(--width560) * 11px) 0 0;object-fit: cover;}
.clzt-lititle {font-size: calc(var(--width560) * 16px);margin:0 0 calc(var(--width560) * 3px) 0;}
.clzt-lititledes {font-size: calc(var(--width560) * 14px);}
.clzt-down {width: calc(var(--width560) * 60px);height: calc(var(--width560) * 30px);border-radius: calc(var(--width560) * 5px);font-size: calc(var(--width560) * 14px);}
.clz-li{padding:0 0 calc(var(--width560) * 20px) 0;margin:0 0 calc(var(--width560) * 20px) 0;}
.nst-kjxz{margin:calc(var(--width560) * 40px) 0 0 0;}

  /* new updates */
  .aidwzdd-left {width: calc(var(--width560) * 50px);height: calc(var(--width560) * 50px);background-size: contain;flex-shrink: 0;}
  .aidwzdd-left {margin: 0 0 0 calc(var(--width560) * 14px);}
  .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width560) * 20px);}
  .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width560) * 14px);}
  .ngxr-top {font-size: calc(var(--width560) * 16px);margin: 0 0 calc(var(--width560) * 6px) 0;}
  .ngxr-down {font-size: calc(var(--width560) * 14px);}
  .ngxr-down a {margin: 0 calc(var(--width560) * 15px) 0 0;}
  .ngx{margin:0 0 calc(var(--width560) * 20px) 0;padding:0 0 calc(var(--width560) * 20px) 0;}
  .ngxlist-down{margin:calc(var(--width560) * 5px) 0 0 0;}
  .tptype-code { margin: calc(var(--width560) * 10px) calc(var(--width560) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width560) * 30px);
    overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
}
.arttypea-code {width: calc(var(--width560) * 178px);height: calc(var(--width560) * 28px); border-radius: calc(var(--width560) * 5px);font-size: calc(var(--width560) * 14px); 
    margin: 0 calc(var(--width560) * 12px) calc(var(--width560) * 10px) 0;line-height: calc(var(--width560) * 26px);padding: 0 calc(var(--width560) * 4px);
}
.tpmores-code img {width: calc(var(--width560) * 80px);height: calc(var(--width560) * 44px);}
.artop-types {border-bottom: calc(var(--width560) * 5px) solid #F8F8F8;}
.cdtplt-item p{ font-size: calc(var(--width560) * 18px);margin:calc(var(--width560) * 20px) 0 calc(var(--width560) * 18px) 0;}
.codetype-lists{margin:0 calc(var(--width560) * 15px) calc(var(--width560) * 30px) calc(var(--width560) * 15px);} 





.scztlka.scztlkaright b {width: calc(var(--width560) * 9px);height: calc(var(--width560) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width560) * 5px);}
.scztlka.scztlkaleft b {width: calc(var(--width560) * 9px);height: calc(var(--width560) * 12px);background-size: contain;margin: 0 calc(var(--width560) * 5px) 0 0;}
.sctpcz-cole.check b {width: calc(var(--width560) * 15px);height: calc(var(--width560) * 15px);background-size: contain;margin-right: calc(var(--width560) * 5px);}
.sctpcz-cole b {width: calc(var(--width560) * 15px);height: calc(var(--width560) * 15px);background-size: contain;margin-right: calc(var(--width560) * 5px);}
.sctpcz-share.check b {width: calc(var(--width560) * 11px);height: calc(var(--width560) * 13px);background-size: contain;margin-right: calc(var(--width560) * 5px);}
.sctpcz-share b {width: calc(var(--width560) * 11px);height: calc(var(--width560) * 13px);background-size: contain;margin-right: calc(var(--width560) * 5px);}
.sctpcz-look b {width: calc(var(--width560) * 16px);height: calc(var(--width560) * 13px);background-size: contain;margin-right: calc(var(--width560) * 5px);}
.sctpcz-gx b {width: calc(var(--width560) * 16px);height: calc(var(--width560) * 16px);background-size: contain;margin-right: calc(var(--width560) * 5px);}
.teachd-right b {width: calc(var(--width560) * 13px);height: calc(var(--width560) * 13px);background-size: contain;margin: 0 calc(var(--width560) * 4px) 0 0;}
.cdvalld b {width: calc(var(--width560) * 18px);height: calc(var(--width560) * 22px);margin: 0 calc(var(--width560) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
.ztcldh b {width: calc(var(--width560) * 21px);height: calc(var(--width560) * 15px);background-size: contain;margin: 0 calc(var(--width560) * 3px) 0 0;}
.ztclddTime b {width: calc(var(--width560) * 18px);height: calc(var(--width560) * 18px);background-size: contain;margin: 0 calc(var(--width560) * 3px) 0 0;}
.ztclddRead b {width: calc(var(--width560) * 17px);height: calc(var(--width560) * 18px);background-size: contain;margin: 0 calc(var(--width560) * 3px) 0 0;}
.stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width560) * 14px);height: calc(var(--width560) * 15px);background-size: contain;margin: 0 calc(var(--width560) * 3px) 0 0;}
.stlist-item dl dd.cont1 span a b {width: calc(var(--width560) * 14px);height: calc(var(--width560) * 15px);background-size: contain;margin: 0 calc(var(--width560) * 3px) 0 0;}
.nstplstad b{width:calc(var(--width560) * 18px);height: calc(var(--width560) * 18px);background-size: contain;margin:0 0 0 calc(var(--width560) * 2px);}
.list-downs{margin:calc(var(--width560) * 40px) calc(var(--width560) * 20px) 0 calc(var(--width560) * 20px)}
    


}


@media screen and (max-width: 541px) {

    


.nstycon{margin:calc(var(--width540) * 15px);}
.nstplsta{ width: calc(var(--width540) * 90px);height: calc(var(--width540) * 35px);border-radius:calc(var(--width540) * 5px);font-size:calc(var(--width540) * 14px);margin-right: calc(var(--width540) * 13px);margin-bottom: calc(var(--width540) * 15px);}
.nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
.nstytop-list{margin:calc(var(--width540) * 17px) 0 calc(var(--width540) * 20px) 0;}
.layer-top {border-radius: 0 0 calc(var(--width540) * 12px) calc(var(--width540) * 12px);}
.popup-content {padding: calc(var(--width540) * 16px);font-size: calc(var(--width540) * 14px);}
.nphpCons{margin:0 0 calc(var(--width540) * 20px) 0;}
.menu-list:nth-child(1){margin:calc(var(--width540) * 20px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
.stitemtop,.stitemtopimg{width: calc(var(--width540) * 184px);height: calc(var(--width540) * 110px);border-radius: calc(var(--width540) * 5px) calc(var(--width540) * 5px) 0px 0px;}
.stlist-item{width:  calc(var(--width540) * 184px);height:  calc(var(--width540) * 215px); border-radius: calc(var(--width540) * 5px);margin:0 0 calc(var(--width540) * 20px) 0;}
.codedown-img{width:  calc(var(--width540) * 41px);height:  calc(var(--width540) * 41px);}
.stitem-free {width:  calc(var(--width540) * 45px);height: calc(var(--width540) * 20px);font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 12px);
    border-radius:  calc(var(--width540) * 5px) 0;
}
.stlist-item dl{width: auto;margin:calc(var(--width540) * 13px) calc(var(--width540) * 12px) 0 calc(var(--width540) * 12px);}
.stlist-item dl dt {line-height: calc(var(--width540) * 24px);overflow: hidden;height: calc(var(--width540) * 44px);font-size: calc(var(--width540) * 16px);margin: 0 0 calc(var(--width540) * 18px) 0;}
.stlist-item dl dt span {height: calc(var(--width540) * 21px);padding: 0 calc(var(--width540) * 5px);font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 21px);margin: 0px calc(var(--width540) * 5px) 0px 0px;}
.stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width540) * 12px);}
.pages {margin: calc(var(--width540) * 30px) auto calc(var(--width540) * 10px) auto;}
.page a {border-radius: calc(var(--width540) * 3px);height: calc(var(--width540) * 25px);font-size: calc(var(--width540) * 14px);padding:0 calc(var(--width540) * 9px);
    margin-right: calc(var(--width540) * 8px);
}
.codeconleft{margin:calc(var(--width540) * 20px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
.cdcod-con p {font-weight: 400;font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 30px);}
.cdcon-top h1 {font-size: calc(var(--width540) * 20px);line-height: calc(var(--width540) * 20px);margin:calc(var(--width540) * 17px) 0 0 0;}
.ztprDown {margin:calc(var(--width540) * 10px) 0 calc(var(--width540) * 13px) 0;}
.ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width540) * 12px);}
.cdtpbtn{ height: calc(var(--width540) * 30px);border-radius:calc(var(--width540) * 5px);font-size: calc(var(--width540) * 16px);}
.artdp span {width: calc(var(--width540) * 5px);height: calc(var(--width540) * 17px);border-radius: calc(var(--width540) * 3px);margin: 0 calc(var(--width540) * 13px) 0 0;}
.artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width540) * 20px);}
.artdp{margin: calc(var(--width540) * 10px) 0 calc(var(--width540) * 5px) 0;}
.ztcldh{margin:0 calc(var(--width540) * 15px);}
.lcld-title{ font-size: calc(var(--width540) * 16px);margin:0 calc(var(--width540) * 16px);}
.lcldcd-items{margin:0 0 calc(var(--width540) * 25px) 0;}
.lcldc-dv{margin:calc(var(--width540) * 16px) 0 0 0;}
.lcldcdv{margin:calc(var(--width540) * 16px) 0 0 0;height: calc(var(--width540) * 35px);}
.cdvall{margin:0 calc(var(--width540) * 16px);}
.cdvall,.cdvalld{font-size: calc(var(--width540) * 14px);}
.cdcod-items{margin:calc(var(--width540) * 40px) 0 0 0;}
.stykc-downs .hot-down{margin:calc(var(--width540) * 60px) 0 0 0;}
.stclt-con .breadcrumb {margin: calc(var(--width540) * 20px) 0 0 0;}
.stclt-con{margin:0 calc(var(--width540) * 16px);}
.stcltc-all h1{ font-weight: 500;font-size: calc(var(--width540) * 20px);margin:calc(var(--width540) * 20px) 0 calc(var(--width540) * 17px) 0;}
.learnTime{font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 28px);}
.learntimeLine{ height: calc(var(--width540) * 43px);margin:0 calc(var(--width540) * 32px);}
.learnTimenow,.learnTimenow:hover{width: calc(var(--width540) * 390px);height: calc(var(--width540) * 35px);border-radius:calc(var(--width540) * 5px);font-size: calc(var(--width540) * 16px);margin:calc(var(--width540) * 13px) 0 calc(var(--width540) * 17px) 0;}
.stcl-alist{ width:110%;height: calc(var(--width540) * 40px);border-radius:calc(var(--width540) * 5px);}

.stcl-alist a{font-size: calc(var(--width540) * 18px);margin:0 calc(var(--width540) * 30px) 0 0;}
.stcl-alist a:first-child{margin:0 calc(var(--width540) * 30px) 0 calc(var(--width540) * 20px);}
.stcl-alist a:last-child{margin:0 calc(var(--width540) * 50px) 0 0 ;}
.stcl-alist a span{margin:calc(var(--width540) * 8px) 0 1px 0;}
.stcl-alist a b{ width: calc(var(--width540) * 37px);height: calc(var(--width540) * 5px);border-radius:calc(var(--width540) * 3px);}
.stcsl-tips{width: calc(var(--width540) * 390px);height: calc(var(--width540) * 30px);border-radius:calc(var(--width540) * 5px);font-size: calc(var(--width540) * 12px);margin:calc(var(--width540) * 20px) 0 calc(var(--width540) * 30px) 0;}
.stcsl-tips p{margin:0 0 0 calc(var(--width540) * 10px);}
.stcsl-tips .sttips{margin:0 calc(var(--width540) * 10px) 0 0;}

.classdes .rightdTitle{margin:0 0 calc(var(--width540) * 15px) 0;}
.classdesp{ font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 30px);}
.classlist{margin:calc(var(--width540) * 34px) 0 calc(var(--width540) * 36px) 0;}
.litr-img {width: calc(var(--width540) * 13px);height: calc(var(--width540) * 8px);object-fit: cover;}
.li-titles {font-size: calc(var(--width540) * 16px);color: #333333;line-height: calc(var(--width540) * 30px);margin:0 0 calc(var(--width540) * 6px) 0;}
.lilist-title{font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 30px);}
.calist-item{padding:0 0 calc(var(--width540) * 5px) 0;margin:0 0 calc(var(--width540) * 5px) 0;}

.sttoptaba {height: calc(var(--width540) * 25px);padding: 0 calc(var(--width540) * 15px) 0 calc(var(--width540) * 13px);border-radius: calc(var(--width540) * 5px);font-size: calc(var(--width540) * 14px);margin: 0 calc(var(--width540) * 14px) 0 0;}

.styvd-tops .learntimeLine{margin:0 calc(var(--width540) * 20px);}

.kcvdall-down .learnTimenow{margin:0 calc(var(--width540) * 20px) 0 0;}
.kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width540) * 5px);font-size: calc(var(--width540) * 16px);}
.styvd-tops .stcltc-all h1{margin:calc(var(--width540) * 20px) 0 calc(var(--width540) * 13px) 0;}
.styvd-tops .learnTime{margin:calc(var(--width540) * 18px) 0 calc(var(--width540) * 20px) 0;}
.kcvdall-down{margin:0 0 calc(var(--width540) * 14px) 0;}
.techda,.techda img{width: calc(var(--width540) * 60px);height: calc(var(--width540) * 60px);margin:0 calc(var(--width540) * 11px) 0 0;}
.teachdl-rg p:nth-child(1){font-size: calc(var(--width540) * 16px);}
.teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width540) * 12px);}
.teachd-right {font-size: calc(var(--width540) * 14px);}
.teacher-des{margin:calc(var(--width540) * 30px) 0 calc(var(--width540) * 10px) 0;}
.classdes{margin:calc(var(--width540) * 30px) 0 0 0;}
.lz-li{padding:0 0 calc(var(--width540) * 20px) 0;margin:0 0 calc(var(--width540) * 20px) 0;}
.lzt-down{width: calc(var(--width540) * 60px);height: calc(var(--width540) * 30px);border-radius:calc(var(--width540) * 5px);font-size: calc(var(--width540) * 14px);}
.lzt-lititle{font-size: calc(var(--width540) * 16px);}
.stykc-downs{margin-top:calc(var(--width540) * 40px);}
.cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width540) * 10px) calc(var(--width540) * 20px) 0;}
.codestyldown .pages{margin:0 auto calc(var(--width540) * 10px) auto;}
.codedetilBg .hours-read{margin-top: calc(var(--width540) * 60px);}
.scztl-tops h1{ font-size: calc(var(--width540) * 24px);line-height: calc(var(--width540) * 24px);}
.sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width540) * 14px);}
.scztlka{height: calc(var(--width540) * 28px);padding: 0 calc(var(--width540) * 10px);border-radius: calc(var(--width540) * 5px);font-size: calc(var(--width540) * 14px);
    line-height: calc(var(--width540) * 20px);
}
.scztallcon {font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 30px);}
.scztallcon p {margin: 0 0 calc(var(--width540) * 10px) 0;}
.scztlink{padding:0 0 calc(var(--width540) * 20px) 0;}
.art-tops{margin: calc(var(--width540) * 20px) 0 0 0}
.sczttpcz{margin:calc(var(--width540) * 18px) 0;}
.codedtl-down{margin:calc(var(--width540) * 40px) 0 0 0;}
.cdcon-top{border-bottom:1px solid #F3F3F3; padding:0 0 calc(var(--width540) * 16px) 0;}
.swiper-pagination{width:90%;}
.styvd-tops,.stykclist-top{margin-top: 0;}
.artaba{font-size: calc(var(--width540) * 16px);}

.clzliimg {width: calc(var(--width540) * 35px);height: calc(var(--width540) * 45px);margin: 0 calc(var(--width540) * 11px) 0 0;object-fit: cover;}
.clzt-lititle {font-size: calc(var(--width540) * 16px);margin:0 0 calc(var(--width540) * 3px) 0;}
.clzt-lititledes {font-size: calc(var(--width540) * 14px);}
.clzt-down {width: calc(var(--width540) * 60px);height: calc(var(--width540) * 30px);border-radius: calc(var(--width540) * 5px);font-size: calc(var(--width540) * 14px);}
.clz-li{padding:0 0 calc(var(--width540) * 20px) 0;margin:0 0 calc(var(--width540) * 20px) 0;}
.nst-kjxz{margin:calc(var(--width540) * 40px) 0 0 0;}
.tptype-code { margin: calc(var(--width540) * 10px) calc(var(--width540) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width540) * 30px);
    overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
}
.arttypea-code {width: calc(var(--width540) * 178px);height: calc(var(--width540) * 28px); border-radius: calc(var(--width540) * 5px);font-size: calc(var(--width540) * 14px); 
    margin: 0 calc(var(--width540) * 12px) calc(var(--width540) * 10px) 0;line-height: calc(var(--width540) * 26px);padding: 0 calc(var(--width540) * 4px);
}
.tpmores-code img {width: calc(var(--width540) * 80px);height: calc(var(--width540) * 44px);}
.artop-types {border-bottom: calc(var(--width540) * 5px) solid #F8F8F8;}
.cdtplt-item p{ font-size: calc(var(--width540) * 18px);margin:calc(var(--width540) * 20px) 0 calc(var(--width540) * 18px) 0;}
.codetype-lists{margin:0 calc(var(--width540) * 15px) calc(var(--width540) * 30px) calc(var(--width540) * 15px);} 




  /* new updates */
  .aidwzdd-left {width: calc(var(--width540) * 50px);height: calc(var(--width540) * 50px);background-size: contain;flex-shrink: 0;}
  .aidwzdd-left {margin: 0 0 0 calc(var(--width540) * 14px);}
  .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width540) * 20px);}
  .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width540) * 14px);}
  .ngxr-top {font-size: calc(var(--width540) * 16px);margin: 0 0 calc(var(--width540) * 6px) 0;}
  .ngxr-down {font-size: calc(var(--width540) * 14px);}
  .ngxr-down a {margin: 0 calc(var(--width540) * 15px) 0 0;}
  .ngx{margin:0 0 calc(var(--width540) * 20px) 0;padding:0 0 calc(var(--width540) * 20px) 0;}
  .ngxlist-down{margin:calc(var(--width540) * 5px) 0 0 0;}


.scztlka.scztlkaright b {width: calc(var(--width540) * 9px);height: calc(var(--width540) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width540) * 5px);}
.scztlka.scztlkaleft b {width: calc(var(--width540) * 9px);height: calc(var(--width540) * 12px);background-size: contain;margin: 0 calc(var(--width540) * 5px) 0 0;}
.sctpcz-cole.check b {width: calc(var(--width540) * 15px);height: calc(var(--width540) * 15px);background-size: contain;margin-right: calc(var(--width540) * 5px);}
.sctpcz-cole b {width: calc(var(--width540) * 15px);height: calc(var(--width540) * 15px);background-size: contain;margin-right: calc(var(--width540) * 5px);}
.sctpcz-share.check b {width: calc(var(--width540) * 11px);height: calc(var(--width540) * 13px);background-size: contain;margin-right: calc(var(--width540) * 5px);}
.sctpcz-share b {width: calc(var(--width540) * 11px);height: calc(var(--width540) * 13px);background-size: contain;margin-right: calc(var(--width540) * 5px);}
.sctpcz-look b {width: calc(var(--width540) * 16px);height: calc(var(--width540) * 13px);background-size: contain;margin-right: calc(var(--width540) * 5px);}
.sctpcz-gx b {width: calc(var(--width540) * 16px);height: calc(var(--width540) * 16px);background-size: contain;margin-right: calc(var(--width540) * 5px);}
.teachd-right b {width: calc(var(--width540) * 13px);height: calc(var(--width540) * 13px);background-size: contain;margin: 0 calc(var(--width540) * 4px) 0 0;}
.cdvalld b {width: calc(var(--width540) * 18px);height: calc(var(--width540) * 22px);margin: 0 calc(var(--width540) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
.ztcldh b {width: calc(var(--width540) * 21px);height: calc(var(--width540) * 15px);background-size: contain;margin: 0 calc(var(--width540) * 3px) 0 0;}
.ztclddTime b {width: calc(var(--width540) * 18px);height: calc(var(--width540) * 18px);background-size: contain;margin: 0 calc(var(--width540) * 3px) 0 0;}
.ztclddRead b {width: calc(var(--width540) * 17px);height: calc(var(--width540) * 18px);background-size: contain;margin: 0 calc(var(--width540) * 3px) 0 0;}
.stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width540) * 14px);height: calc(var(--width540) * 15px);background-size: contain;margin: 0 calc(var(--width540) * 3px) 0 0;}
.stlist-item dl dd.cont1 span a b {width: calc(var(--width540) * 14px);height: calc(var(--width540) * 15px);background-size: contain;margin: 0 calc(var(--width540) * 3px) 0 0;}
.nstplstad b{width:calc(var(--width540) * 18px);height: calc(var(--width540) * 18px);background-size: contain;margin:0 0 0 calc(var(--width540) * 2px);}
.list-downs{margin:calc(var(--width540) * 40px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px)}
    


}


@media screen and (max-width: 501px) {



    .nstycon{margin:calc(var(--width501) * 15px);}
    .nstplsta{ width: calc(var(--width501) * 90px);height: calc(var(--width501) * 35px);border-radius:calc(var(--width501) * 5px);font-size:calc(var(--width501) * 14px);margin-right: calc(var(--width501) * 13px);margin-bottom: calc(var(--width501) * 15px);}
    .nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
    .nstytop-list{margin:calc(var(--width501) * 17px) 0 calc(var(--width501) * 20px) 0;}
    .layer-top {border-radius: 0 0 calc(var(--width501) * 12px) calc(var(--width501) * 12px);}
    .popup-content {padding: calc(var(--width501) * 16px);font-size: calc(var(--width501) * 14px);}
    .nphpCons{margin:0 0 calc(var(--width501) * 20px) 0;}
    .menu-list:nth-child(1){margin:calc(var(--width501) * 20px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px);}
    .stitemtop,.stitemtopimg{width: calc(var(--width501) * 184px);height: calc(var(--width501) * 110px);border-radius: calc(var(--width501) * 5px) calc(var(--width501) * 5px) 0px 0px;}
    .stlist-item{width:  calc(var(--width501) * 184px);height:  calc(var(--width501) * 215px); border-radius: calc(var(--width501) * 5px);margin:0 0 calc(var(--width501) * 20px) 0;}
    .codedown-img{width:  calc(var(--width501) * 41px);height:  calc(var(--width501) * 41px);}
    .stitem-free {width:  calc(var(--width501) * 45px);height: calc(var(--width501) * 20px);font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 12px);
        border-radius:  calc(var(--width501) * 5px) 0;
    }
    .stlist-item dl{width: auto;margin:calc(var(--width501) * 13px) calc(var(--width501) * 12px) 0 calc(var(--width501) * 12px);}
    .stlist-item dl dt {line-height: calc(var(--width501) * 24px);overflow: hidden;height: calc(var(--width501) * 44px);font-size: calc(var(--width501) * 16px);margin: 0 0 calc(var(--width501) * 18px) 0;}
    .stlist-item dl dt span {height: calc(var(--width501) * 21px);padding: 0 calc(var(--width501) * 5px);font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 21px);margin: 0px calc(var(--width501) * 5px) 0px 0px;}
    .stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width501) * 12px);}
    .pages {margin: calc(var(--width501) * 30px) auto calc(var(--width501) * 10px) auto;}
    .page a {border-radius: calc(var(--width501) * 3px);height: calc(var(--width501) * 25px);font-size: calc(var(--width501) * 14px);padding:0 calc(var(--width501) * 9px);
        margin-right: calc(var(--width501) * 8px);
    }
    .codeconleft{margin:calc(var(--width501) * 20px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px);}
    .cdcod-con p {font-weight: 400;font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 30px);}
    .cdcon-top h1 {font-size: calc(var(--width501) * 20px);line-height: calc(var(--width501) * 20px);margin:calc(var(--width501) * 17px) 0 0 0;}
    .ztprDown {margin:calc(var(--width501) * 10px) 0 calc(var(--width501) * 13px) 0;}
    .ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width501) * 12px);}
    .cdtpbtn{ height: calc(var(--width501) * 30px);border-radius:calc(var(--width501) * 5px);font-size: calc(var(--width501) * 16px);}
    .artdp span {width: calc(var(--width501) * 5px);height: calc(var(--width501) * 17px);border-radius: calc(var(--width501) * 3px);margin: 0 calc(var(--width501) * 13px) 0 0;}
    .artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width501) * 20px);}
    .artdp{margin: calc(var(--width501) * 10px) 0 calc(var(--width501) * 5px) 0;}
    .ztcldh{margin:0 calc(var(--width501) * 15px);}
    .lcld-title{ font-size: calc(var(--width501) * 16px);margin:0 calc(var(--width501) * 16px);}
    .lcldcd-items{margin:0 0 calc(var(--width501) * 25px) 0;}
    .lcldc-dv{margin:calc(var(--width501) * 16px) 0 0 0;}
    .lcldcdv{margin:calc(var(--width501) * 16px) 0 0 0;height: calc(var(--width501) * 35px);}
    .cdvall{margin:0 calc(var(--width501) * 16px);}
    .cdvall,.cdvalld{font-size: calc(var(--width501) * 14px);}
    .cdcod-items{margin:calc(var(--width501) * 40px) 0 0 0;}
    .stykc-downs .hot-down{margin:calc(var(--width501) * 60px) 0 0 0;}
    .stclt-con .breadcrumb {margin: calc(var(--width501) * 20px) 0 0 0;}
    .stclt-con{margin:0 calc(var(--width501) * 16px);}
    .stcltc-all h1{ font-weight: 500;font-size: calc(var(--width501) * 20px);margin:calc(var(--width501) * 20px) 0 calc(var(--width501) * 17px) 0;}
    .learnTime{font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 28px);}
    .learntimeLine{ height: calc(var(--width501) * 43px);margin:0 calc(var(--width501) * 32px);}
    .learnTimenow,.learnTimenow:hover{width: calc(var(--width501) * 390px);height: calc(var(--width501) * 35px);border-radius:calc(var(--width501) * 5px);font-size: calc(var(--width501) * 16px);margin:calc(var(--width501) * 13px) 0 calc(var(--width501) * 17px) 0;}
    .stcl-alist{ width:110%;height: calc(var(--width501) * 40px);border-radius:calc(var(--width501) * 5px);}
    
    .stcl-alist a{font-size: calc(var(--width501) * 18px);margin:0 calc(var(--width501) * 30px) 0 0;}
    .stcl-alist a:first-child{margin:0 calc(var(--width501) * 30px) 0 calc(var(--width501) * 20px);}
    .stcl-alist a:last-child{margin:0 calc(var(--width501) * 50px) 0 0 ;}
    .stcl-alist a span{margin:calc(var(--width501) * 8px) 0 1px 0;}
    .stcl-alist a b{ width: calc(var(--width501) * 37px);height: calc(var(--width501) * 5px);border-radius:calc(var(--width501) * 3px);}
    .stcsl-tips{width: calc(var(--width501) * 390px);height: calc(var(--width501) * 30px);border-radius:calc(var(--width501) * 5px);font-size: calc(var(--width501) * 12px);margin:calc(var(--width501) * 20px) 0 calc(var(--width501) * 30px) 0;}
    .stcsl-tips p{margin:0 0 0 calc(var(--width501) * 10px);}
    .stcsl-tips .sttips{margin:0 calc(var(--width501) * 10px) 0 0;}
    
    .classdes .rightdTitle{margin:0 0 calc(var(--width501) * 15px) 0;}
    .classdesp{ font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 30px);}
    .classlist{margin:calc(var(--width501) * 34px) 0 calc(var(--width501) * 36px) 0;}
    .litr-img {width: calc(var(--width501) * 13px);height: calc(var(--width501) * 8px);object-fit: cover;}
    .li-titles {font-size: calc(var(--width501) * 16px);color: #333333;line-height: calc(var(--width501) * 30px);margin:0 0 calc(var(--width501) * 6px) 0;}
    .lilist-title{font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 30px);}
    .calist-item{padding:0 0 calc(var(--width501) * 5px) 0;margin:0 0 calc(var(--width501) * 5px) 0;}
    
    .sttoptaba {height: calc(var(--width501) * 25px);padding: 0 calc(var(--width501) * 15px) 0 calc(var(--width501) * 13px);border-radius: calc(var(--width501) * 5px);font-size: calc(var(--width501) * 14px);margin: 0 calc(var(--width501) * 14px) 0 0;}
    
    .styvd-tops .learntimeLine{margin:0 calc(var(--width501) * 20px);}
    
    .kcvdall-down .learnTimenow{margin:0 calc(var(--width501) * 20px) 0 0;}
    .kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width501) * 5px);font-size: calc(var(--width501) * 16px);}
    .styvd-tops .stcltc-all h1{margin:calc(var(--width501) * 20px) 0 calc(var(--width501) * 13px) 0;}
    .styvd-tops .learnTime{margin:calc(var(--width501) * 18px) 0 calc(var(--width501) * 20px) 0;}
    .kcvdall-down{margin:0 0 calc(var(--width501) * 14px) 0;}
    .techda,.techda img{width: calc(var(--width501) * 60px);height: calc(var(--width501) * 60px);margin:0 calc(var(--width501) * 11px) 0 0;}
    .teachdl-rg p:nth-child(1){font-size: calc(var(--width501) * 16px);}
    .teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width501) * 12px);}
    .teachd-right {font-size: calc(var(--width501) * 14px);}
    .teacher-des{margin:calc(var(--width501) * 30px) 0 calc(var(--width501) * 10px) 0;}
    .classdes{margin:calc(var(--width501) * 30px) 0 0 0;}
    .lz-li{padding:0 0 calc(var(--width501) * 20px) 0;margin:0 0 calc(var(--width501) * 20px) 0;}
    .lzt-down{width: calc(var(--width501) * 60px);height: calc(var(--width501) * 30px);border-radius:calc(var(--width501) * 5px);font-size: calc(var(--width501) * 14px);}
    .lzt-lititle{font-size: calc(var(--width501) * 16px);}
    .stykc-downs{margin-top:calc(var(--width501) * 40px);}
    .cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width501) * 10px) calc(var(--width501) * 20px) 0;}
    .codestyldown .pages{margin:0 auto calc(var(--width501) * 10px) auto;}
    .codedetilBg .hours-read{margin-top: calc(var(--width501) * 60px);}
    .scztl-tops h1{ font-size: calc(var(--width501) * 24px);line-height: calc(var(--width501) * 24px);}
    .sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width501) * 14px);}
    .scztlka{height: calc(var(--width501) * 28px);padding: 0 calc(var(--width501) * 10px);border-radius: calc(var(--width501) * 5px);font-size: calc(var(--width501) * 14px);
        line-height: calc(var(--width501) * 20px);
    }
    .scztallcon {font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 30px);}
    .scztallcon p {margin: 0 0 calc(var(--width501) * 10px) 0;}
    .scztlink{padding:0 0 calc(var(--width501) * 20px) 0;}
    .art-tops{margin: calc(var(--width501) * 20px) 0 0 0}
    .sczttpcz{margin:calc(var(--width501) * 18px) 0;}
    .codedtl-down{margin:calc(var(--width501) * 40px) 0 0 0;}
    .cdcon-top{border-bottom: 1px solid #F3F3F3;padding:0 0 calc(var(--width501) * 16px) 0;}
    .cdcon-top{border-bottom:1px solid #F3F3F3; padding:0 0 calc(var(--width501) * 16px) 0;}
    .swiper-pagination{width:90%;}
    .styvd-tops,.stykclist-top{margin-top: 0;}
    .artaba{font-size: calc(var(--width501) * 16px);}

    .clzliimg {width: calc(var(--width501) * 35px);height: calc(var(--width501) * 45px);margin: 0 calc(var(--width501) * 11px) 0 0;object-fit: cover;}
    .clzt-lititle {font-size: calc(var(--width501) * 16px);margin:0 0 calc(var(--width501) * 3px) 0;}
    .clzt-lititledes {font-size: calc(var(--width501) * 14px);}
    .clzt-down {width: calc(var(--width501) * 60px);height: calc(var(--width501) * 30px);border-radius: calc(var(--width501) * 5px);font-size: calc(var(--width501) * 14px);}
    .clz-li{padding:0 0 calc(var(--width501) * 20px) 0;margin:0 0 calc(var(--width501) * 20px) 0;}
    .nst-kjxz{margin:calc(var(--width501) * 40px) 0 0 0;}
    .tptype-code { margin: calc(var(--width501) * 10px) calc(var(--width501) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width501) * 30px);
        overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
    }
    .arttypea-code {width: calc(var(--width501) * 178px);height: calc(var(--width501) * 28px); border-radius: calc(var(--width501) * 5px);font-size: calc(var(--width501) * 14px); 
        margin: 0 calc(var(--width501) * 12px) calc(var(--width501) * 10px) 0;line-height: calc(var(--width501) * 26px);padding: 0 calc(var(--width501) * 4px);
    }
    .tpmores-code img {width: calc(var(--width501) * 80px);height: calc(var(--width501) * 44px);}
    .artop-types {border-bottom: calc(var(--width501) * 5px) solid #F8F8F8;}
    .cdtplt-item p{ font-size: calc(var(--width501) * 18px);margin:calc(var(--width501) * 20px) 0 calc(var(--width501) * 18px) 0;}
    .codetype-lists{margin:0 calc(var(--width501) * 15px) calc(var(--width501) * 30px) calc(var(--width501) * 15px);} 




    /* new updates */
    .aidwzdd-left {width: calc(var(--width501) * 50px);height: calc(var(--width501) * 50px);background-size: contain;flex-shrink: 0;}
    .aidwzdd-left {margin: 0 0 0 calc(var(--width501) * 14px);}
    .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width501) * 20px);}
    .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width501) * 14px);}
    .ngxr-top {font-size: calc(var(--width501) * 16px);margin: 0 0 calc(var(--width501) * 6px) 0;}
    .ngxr-down {font-size: calc(var(--width501) * 14px);}
    .ngxr-down a {margin: 0 calc(var(--width501) * 15px) 0 0;}
    .ngx{margin:0 0 calc(var(--width501) * 20px) 0;padding:0 0 calc(var(--width501) * 20px) 0;}
    .ngxlist-down{margin:calc(var(--width501) * 5px) 0 0 0;}





    
    .scztlka.scztlkaright b {width: calc(var(--width501) * 9px);height: calc(var(--width501) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width501) * 5px);}
    .scztlka.scztlkaleft b {width: calc(var(--width501) * 9px);height: calc(var(--width501) * 12px);background-size: contain;margin: 0 calc(var(--width501) * 5px) 0 0;}
    .sctpcz-cole.check b {width: calc(var(--width501) * 15px);height: calc(var(--width501) * 15px);background-size: contain;margin-right: calc(var(--width501) * 5px);}
    .sctpcz-cole b {width: calc(var(--width501) * 15px);height: calc(var(--width501) * 15px);background-size: contain;margin-right: calc(var(--width501) * 5px);}
    .sctpcz-share.check b {width: calc(var(--width501) * 11px);height: calc(var(--width501) * 13px);background-size: contain;margin-right: calc(var(--width501) * 5px);}
    .sctpcz-share b {width: calc(var(--width501) * 11px);height: calc(var(--width501) * 13px);background-size: contain;margin-right: calc(var(--width501) * 5px);}
    .sctpcz-look b {width: calc(var(--width501) * 16px);height: calc(var(--width501) * 13px);background-size: contain;margin-right: calc(var(--width501) * 5px);}
    .sctpcz-gx b {width: calc(var(--width501) * 16px);height: calc(var(--width501) * 16px);background-size: contain;margin-right: calc(var(--width501) * 5px);}
    .teachd-right b {width: calc(var(--width501) * 13px);height: calc(var(--width501) * 13px);background-size: contain;margin: 0 calc(var(--width501) * 4px) 0 0;}
    .cdvalld b {width: calc(var(--width501) * 18px);height: calc(var(--width501) * 22px);margin: 0 calc(var(--width501) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
    .ztcldh b {width: calc(var(--width501) * 21px);height: calc(var(--width501) * 15px);background-size: contain;margin: 0 calc(var(--width501) * 3px) 0 0;}
    .ztclddTime b {width: calc(var(--width501) * 18px);height: calc(var(--width501) * 18px);background-size: contain;margin: 0 calc(var(--width501) * 3px) 0 0;}
    .ztclddRead b {width: calc(var(--width501) * 17px);height: calc(var(--width501) * 18px);background-size: contain;margin: 0 calc(var(--width501) * 3px) 0 0;}
    .stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width501) * 14px);height: calc(var(--width501) * 15px);background-size: contain;margin: 0 calc(var(--width501) * 3px) 0 0;}
    .stlist-item dl dd.cont1 span a b {width: calc(var(--width501) * 14px);height: calc(var(--width501) * 15px);background-size: contain;margin: 0 calc(var(--width501) * 3px) 0 0;}
    .nstplstad b{width:calc(var(--width501) * 18px);height: calc(var(--width501) * 18px);background-size: contain;margin:0 0 0 calc(var(--width501) * 2px);}
    .list-downs{margin:calc(var(--width501) * 40px) calc(var(--width501) * 20px) 0 calc(var(--width501) * 20px)}
    

    

    
}


@media screen and (max-width: 431px) {

    .nstycon{margin:15px;}
    .nstplsta{ width: 90px;height: 35px;background: #F4F4F4;border-radius:5px;font-size: 14px;margin-right: 13px;margin-bottom: 15px;}
    .nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
    .nstytop-list{justify-content:flex-start;margin:17px 0 20px 0;}
    .nstplsta:nth-child(4n+4){margin-right: 0;}
    .layer-top {border-radius: 0 0 12px 12px;overflow: hidden;}
    .popup-content {background: #fff;padding: 16px;font-size: 14px;color: #333;}
    @keyframes slideDown {
        from {transform: translateY(-100%);}
        to {transform: translateY(0);}
    }
    .topPopup,.layui-layer-title,.layui-layer-setwin{display:none;}
    .layui-layer-content{height: auto !important;}
    .nphpCons{margin:0 0 20px 0;}
    .menu-list:nth-child(1){margin:20px 20px 0 20px;}
    .muliconA.hover,.nstplsta.hover{background: #FAEAEA;color: #F13536; }
    .stitemtop{position: relative;}
    .stitemtop,.stitemtopimg{width: 184px;height: 110px;background: #ECECEC;border-radius: 5px 5px 0px 0px;}
    .stlist-item{width: 184px;position: relative;height: 215px; border-radius:5px;border: 1px solid #F3F3F3;margin:0 0 20px 0;}
    .stlist-item:nth-last-child(-n+2){margin:0;}
    .codedown-img{position:absolute;width: 41px;height: 41px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .stitem-free {position: absolute;width: 45px;height: 20px;font-size: 14px;color: #FFFFFF;line-height: 12px;display: flex;align-items: center;
        justify-content: center;z-index: 2;opacity: 0.5;border-radius: 5px 0 5px 0;background-color: #000000;
    }
    .stlist-item dl{width: auto;margin: 13px 12px 0 12px;}
    .stlist-item dl dt {line-height: 24px;overflow: hidden;height: 44px;font-size: 16px;margin: 0 0 18px 0;}
    .stlist-item dl dt span.bg1{background: #DCE5FA;color: #2C83F7;}
    .stlist-item dl dt span.bg2{background: #FBE3DC;color: #FB3A2C;}
    .stlist-item dl dt span.bg3{background: #FBF1DD;color: #F9662C;}
    .stlist-item dl dt span {display: block;height: 21px;background: #FCE7E0;padding: 0px 5px;border-radius: 2px;float: left;font-size: 12px;line-height: 21px;margin: 0px 5px 0px 0px;}
    .stlist-item dl dt a {color: #333333;}
    .stlist-item dl .cont1,.stlist-item dl .cont1 a{display: flex;justify-content: space-between;font-size: 12px;color: #93999F;}
    .stylstd{flex-wrap: wrap;justify-content:space-between;}
    .stlist-item dl dd.cont1 span.collected a{color:#F13536;}
    .pages {margin: 30px auto 10px auto;}
    .page {text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}
    .page a {border-radius: 3px;border: 1px solid #E4E4E4;height: 25px;font-size: 14px;color: #999999;padding:0 9px;
        margin-right: 8px;display: flex;align-items: center;justify-content: center;min-width: auto;
    }
    .page a.active {border: 1px solid #333333;color: #333333;background: #FFFFFF;}
    .stylist-downs .xgzt .clddTitle{-webkit-line-clamp: 1;}
    .artLists .clDiv {padding: 0;border-bottom: none;}
    .cdcod-list{flex-wrap: wrap;justify-content: space-between;}
    .codeconleft{margin:20px 20px 0 20px;}
    .cdcod-con p {font-weight: 400;font-size: 16px;color: #333333;line-height: 30px;}
    .cdcon-top h1 {font-size: 20px;color: #333333;line-height: 20px;font-family: PingFangMedium;margin:17px 0 0 0;}
    .ztprDown {margin:10px 0 13px 0;}
    .ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {display: flex;align-items: center;font-size: 12px;color: #999999;}
    .codetop-btn {justify-content: space-between;}
    .cdtpbtn{ width: 100%;;height: 30px;border-radius: 5px 5px 5px 5px;font-size: 16px;color: #FFFFFF;}
    .cdtpbtn:nth-child(1){background: #F13536; }
    .cdtpbtn:nth-child(2){background: #333333; }
    .artdp span {width: 5px;height: 17px;background: #F13536;border-radius: 3px;margin: 0 13px 0 0;}
    .artdp,.artdp p,.scztallcon .artdp p{display: flex;align-items: center;font-size: 20px;color: #333333;font-weight: 600;margin:0;}
    .artdp{margin: 10px 0 5px 0;}
    .ztcldh{margin:0 15px;}
    .tips{color:#F13536;}
    .lcld-title{ font-size: 16px;color: #212121;margin:0 16px;}
    .lcldcd-items{ border: 1px solid #ECECEC;margin:0 0 25px 0;}
    .lcldcd-items:last-child{margin:0;}
    .lcldc-dv{margin:16px 0 0 0;}
    .lcldcdv{margin:16px 0 0 0;height: 35px;align-items: center;}
    .cdvall{margin:0 16px;}
    .cdvall,.cdvalld{font-size: 14px;color: #333333;}
    .cdvalld p{ -webkit-line-clamp: 1;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
    .lcldcdv:nth-child(2n+2) {background: #F9F9F9;}
    .cdcod-items{margin:40px 0 0 0;}
    .stykc-downs .hot-down{margin:60px 0 0 0;}


    .stclass-top {width: 100%;height:auto;background: radial-gradient(0% 0% at 0% 0%, #FBCBB6 0%, #FAE3D3 100%), #A7A7A6;}
    .stclt-con .breadcrumb, .stclt-con .freeSize, .stclt-con .freeSize a {color: #AD0405;}
    .stclt-con .breadcrumb {margin: 20px 0 0 0;}
    .stclt-con{margin:0 16px;}
    .stcltc-all h1{ font-weight: 500;font-size: 20px;color: #AD0405;margin:20px 0 17px 0;}
    .learnTime{font-size: 14px;color: #AD0405;line-height: 28px;align-items: center;}
    .learntimeLine{ width: 1px;height: 43px;background: #FAA676;margin:0 32px;}
    .learnTimenow,.learnTimenow:hover{width: 391px;height: 35px;background: #F13536;border-radius:5px;font-size: 16px;color: #FFFFFF;margin:13px 0 17px 0;}
    .stcl-alist{ width:110%;height: 40px;background: #F5F5F5;border-radius:5px;align-items: center;
        overflow: auto;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none; -ms-overflow-style: none;scrollbar-width: none;
    }
    .webmidtabs::-webkit-scrollbar {display: none;}
    .stcl-alist a{font-size: 18px;color: #333333;margin:0 30px 0 0;white-space: nowrap;align-items: center;}
    .stcl-alist a:first-child{margin:0 30px 0 20px;}
    .stcl-alist a:last-child{margin:0 50px 0 0 ;}
    .stcl-alist a span{margin:8px 0 1px 0;}
    .stcl-alist a.check{font-weight: bold;}
    .stcl-alist a b{ width: 37px;height: 5px;border-radius:3px;}
    .stcl-alist a.check b{background: #F13536;}
    .stcsl-tips{width: 391px;height: 30px;background: #FBF1F1;border-radius:5px;font-size: 12px;color: #999999;align-items: center;justify-content: space-between;margin:20px 0 30px 0;}
    .stcsl-tips p{margin:0 0 0 10px;}
    .stcsl-tips .sttips{margin:0 10px 0 0;}
    .sttips a{ color: #F13536;}
    .classdes .rightdTitle{margin:0 0 15px 0;}
    .classdesp{ font-size: 16px;color: #333333;line-height: 30px;}
    .classlist{margin:34px 0 36px 0;}
    .litr-img {width: 13px;height: 8px;display: none;cursor: pointer;object-fit: cover;}
    .litr-img.check {display: flex;}
    .li-titles {justify-content: space-between;font-size: 16px;color: #333333;line-height: 30px;align-items: center;margin:0 0 6px 0;}
    .lilist-title{font-size: 14px;color: #666666;line-height: 30px;}
    .calist-item{border-bottom: 1px solid #F3F3F3;padding:0 0 5px 0;margin:0 0 5px 0;}
    .calist-item:last-child{margin:0;}
    .sttoptaba {height: 25px;padding: 0 15px 0 13px;border-radius: 5px;border: 1px solid #844303;font-size: 14px;color: #844303;transition: all .3s ease;margin: 0 14px 0 0;align-items: center;}
    .styvd-tops .stclass-top{ background: radial-gradient( 0% 0% at 0% 0%, #FCDCBD 0.42%, #FED5AD 100%), #FB945C;}
    .styvd-tops .stclt-con .breadcrumb,.styvd-tops .stclt-con .freeSize,.styvd-tops .stclt-con .freeSize a {color:#844303;}
    .styvd-tops h1{color:#844303;}
    .styvd-tops .learnTime{color:#844303;}
    .styvd-tops .learntimeLine{ background:#FBC289;margin:0 20px;}
    .kcvdall-down .learnTimenow,.kcvdall-down .downloadkj{width:50%;max-width: 50%;}
    .kcvdall-down .learnTimenow{margin:0 20px 0 0;}
    .kcvdall-down .downloadkj{background: #FB9B3D;border-radius: 5px;color:#FFFFFF;font-size: 16px;}
    .styvd-tops .stcltc-all h1{margin:20px 0 13px 0;}
    .styvd-tops .learnTime{margin:18px 0 20px 0;}
    .kcvdall-down{margin:0 0 14px 0;}
    .techda,.techda img{width: 60px;height: 60px;margin:0 11px 0 0;border-radius:50%;}
    .teachdl-rg p:nth-child(1){font-size: 16px;color: #333333;}
    .teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: 12px;color: #999999;}
    .teachd-right {font-size: 14px;color: #999999;align-items: center;cursor: pointer;flex-shrink: 0;margin-left:5px;}
    .teachd-right:hover{color:#F13536;}
    .teach-down{justify-content: space-between;}
    .teacher-des{margin:30px 0 10px 0;}
    .classdes{margin:30px 0 0 0;}
    .lz-li{justify-content: space-between;padding:0 0 20px 0;border-bottom: 1px solid #F3F3F3;margin:0 0 20px 0;align-items: center;}
    .lz-li:last-child{margin:0;}
    .lzt-down{width: 60px;height: 30px;background: #FEF5F5;border-radius:5px;font-size: 14px;color: #F13536;}
    .lzt-lititle{font-size: 16px; color: #333333;}
    .stykc-downs{margin-top:40px;}
    .disabledCourse{background:#ccc;color:#999;cursor:not-allowed;pointer-events:none;}
    .cdlstcon .nstytop-list{justify-content: flex-start;flex-wrap: wrap;}
    .cdlstcon .nstytop-list .nstplsta{margin:0 10px 20px 0;}
    .cdlstcon .nstytop-list .nstplsta:nth-last-child(-n+4){margin-bottom:0;}
    .cdlstcon .nstytop-list .nstplsta.check{background: #FAEAEA;color: #F13536;}
    .codestyldown .pages{margin:0 auto 10px auto;}
    .newarticle .tech-news .title-left b{background: url(../mobimages/icon310.png) no-repeat;background-size: contain;}
    .codedetilBg .hours-read{margin-top: 60px;}
    .scztl-tops h1{ font-size: 24px;color: #333333;font-weight: 600;line-height: 24px;text-indent:1px;}
    .sctpcz-btns, .sctpcz-btns a {align-items: center;font-size: 14px;color: #999999;}
    .sctpcz-share.check a, .sctpcz-cole.check a {color: #F13536;}
    .scztlka{width: auto;height: 28px;padding: 0 10px;background: #FFFFFF;border-radius: 5px;border: 1px solid #F13536;font-size: 14px;color: #D22222;
        line-height: 20px;align-items: center;justify-content: center;position: relative;transition: all .2s ease;
    }
    .scztallcon {font-size: 16px;color: #333333;line-height: 30px;}
    .scztallcon p {margin: 0 0 10px 0;}
    .scztallcon img{width:100%;}
    .scztlink{justify-content: space-between;border-bottom: 1px solid #F3F3F3;padding:0 0 20px 0;}
    .scztlka.scztlkaright {margin-left: auto;}
    .art-tops{margin: 20px 0 0 0}
    .sczttpcz{margin:18px 0;justify-content: space-between;}
    .codedtl-down{margin:40px 0 0 0;}
    .list-downs{margin: 40px  20px 0 20px}
    .cdcon-top{border-bottom: 1px solid #F3F3F3;padding:0 0 16px 0;}
    .codelistBody .artLists .clddTitle{-webkit-line-clamp:1;}
    .styvd-tops,.stykclist-top{margin-top: 0;}
    .lilistd-div{display: none;}
    .lilistd-div.show{display:flex;}
    .sttop-tabs .sttoptaba:nth-child(n+5) {display: none;}
    .styvd-tops,.stykclist-top{margin-top: 0;}
    .codedtlleft .clDiv:nth-last-of-type(1){margin:0;}
    .newstylistBg{margin-bottom: 20px;}
    .artaba{font-size: 16px;}
    /* new updates */
    .aidwzdd-left {background: url(../mobimages/icon319.png) no-repeat;width: 50px;height: 50px;background-size: contain;flex-shrink: 0;}
    .aidwzdd-left {align-items: center;justify-content: center;margin: 0 0 0 14px;}
    .aidwzdd-left span:nth-child(1) {font-weight: 500;font-size: 20px;color: #333333;}
    .aidwzdd-left span:nth-child(2) {color: #999999;font-size: 14px;}
    .ngxr-top {font-size: 16px;color: #333333;-webkit-line-clamp: 1;transition: all .3s ease;margin: 0 0 6px 0;}
    .ngxr-down {font-size: 14px;color: #999999;}
    .ngxr-down a {margin: 0 15px 0 0;}
    .ngx{margin:0 0 20px 0;padding:0 0 20px 0;border-bottom: 1px solid #F3F3F3;    width: 100%;justify-content: space-between;}
    .ngx:last-child{margin:0;}
    .ngxlist-down{margin:5px 0 0 0;}
    .clzliimg {width: 35px;height: 45px;margin: 0 11px 0 0;object-fit: cover;}
    .clzt-lititle {font-size: 16px;color: #333333;margin:0 0 3px 0;}
    .clzt-lititledes {font-size: 14px;color: #999999;}
    .clzt-down {width: 60px;height: 30px;background: #FEF5F5;border-radius: 5px;font-size: 14px;color: #F13536;transition: all .3s ease;}
    .clz-li{justify-content: space-between;align-items: center;padding:0 0 20px 0;margin:0 0 20px 0;border-bottom: 1px solid #F3F3F3;}
    .clzli-left{align-items: center;}
    .clz-li:last-child{margin:0;}
    .nst-kjxz{margin:40px 0 0 0;}

    .tptype-code {overflow: auto;margin: 10px 15px;overflow-x: auto !important;flex-wrap: nowrap;height: 30px;
        overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
    }
    .tptype-code { -ms-overflow-style: none;scrollbar-width: none;}
    .tptype-code.hide{display:none;}
    .tptype-code .arttypea-code{width:auto;}
    
    .tptype-code.shows{display:flex;}
    .arttypea-code {width: 178px;height: 28px;background: #F4F4F4;border-radius: 5px;font-size: 14px;color: #333333;white-space: nowrap;
        margin: 0 12px 10px 0;line-height: 26px;text-align: center;overflow: hidden;padding: 0 4px;-webkit-line-clamp: 1;flex-shrink: 0;
    }
    .arttypea-code.check{ background: #FEF5F5;color:#F13536;}
    .cdtplt-item .arttypea-code:nth-child(2n+2){margin-right: 0;}
    .cdtplt-item .arttypea-code:nth-last-child(-n+2){margin-bottom: 0;}
    .tpmores-code img {width: 81px;height: 44px;}
    .tpmores-code {position: absolute;right: 0;}
    .artop-types {position: relative;border-bottom: 5px solid #F8F8F8;overflow-y: hidden;}
    .cdtpitmd{flex-wrap: wrap;justify-content: space-between;}
    .cdtplt-item p{ font-weight: 500;font-size: 18px;color: #333333;margin:20px 0 18px 0;}
    .codetype-lists{display: none;margin:0 15px 30px 15px;} 
    .codetype-lists.show{display: flex;height: auto;}
    .codetype-lists.showsall.show {height: auto;overflow-y: auto;}
    .artop-types.nobot{max-height: 500px;overflow:auto;}
    .artop-types::-webkit-scrollbar-track {background: #f5f5f5;}
    .bodyBg.newstyBg.newstyvdBg{padding-bottom:40px;}
    .bodyBg.newstudyBg{padding-bottom:20px;}






    .scztlka.scztlkaright b {width: 9px;height: 12px;background: url(../mobimages/icon228.png) no-repeat;background-size: contain;margin: 0 0 0 5px;}
    .scztlka.scztlkaleft b {width: 9px;height: 12px;background: url(../mobimages/icon227.png) no-repeat;background-size: contain;margin: 0 5px 0 0;}
    .sctpcz-cole.check b {width: 15px;height: 15px;background: url(../mobimages/icon196.png) no-repeat;background-size: contain;margin-right: 5px;}
    .sctpcz-cole b {width: 15px;height: 15px;background: url(../mobimages/icon325.png) no-repeat;background-size: contain;margin-right: 5px;}
    .sctpcz-share.check b {width: 11px;height: 13px;background: url(../mobimages/icon327.png) no-repeat;background-size: contain;margin-right: 5px;}
    .sctpcz-share b {width: 11px;height: 13px;background: url(../mobimages/icon326.png) no-repeat;background-size: contain;margin-right: 5px;}
    .sctpcz-look b {width: 16px;height: 13px;background: url(../mobimages/icon231.png) no-repeat;background-size: contain;margin-right: 5px;}
    .sctpcz-gx b {width: 16px;height: 16px;background: url(../mobimages/icon232.png) no-repeat;background-size: contain;margin-right: 5px;}

    .teachd-right:hover b{background: url(../mobimages/icon324.png) no-repeat;background-size: contain;}
    .teachd-right b {width: 13px;height: 13px;background: url(../mobimages/icon323.png) no-repeat;background-size: contain;margin: 0 4px 0 0;}
    .cdvalld b {width: 18px;height: 22px;background: url(../mobimages/icon244.png) no-repeat;margin: 0 8px 0 0;background-size: contain;flex-shrink: 0;}
    .ztcldh b {width: 21px;height: 15px;background: url(../mobimages/icon252.png) no-repeat;background-size: contain;margin: 0 3px 0 0;}
    .ztclddTime b {width: 18px;height: 18px;background: url(../mobimages/icon251.png) no-repeat;background-size: contain;margin: 0 3px 0 0;}
    .ztclddRead b {width: 17px;height: 18px;background: url(../mobimages/icon253.png) no-repeat;background-size: contain;margin: 0 3px 0 0;}

    .stlist-item dl dd.cont1 span.collected a b {background: url(../mobimages/icon196.png) no-repeat;width: 14px;height: 15px;background-size: contain;margin: 0 3px 0 0;}
    .stlist-item dl dd.cont1 span a b {background: url(../mobimages/icon195.png) no-repeat;width: 14px;height: 15px;background-size: contain;margin: 0 3px 0 0;}
    .nstplstad b{background:url(../mobimages/icon320.png) no-repeat;width:18px;height: 18px;background-size: contain;margin:0 0 0 2px;}
    
}
@media screen and (max-width:415px){

    

.ngxtop-list{flex-wrap: wrap;}
.nstycon{margin:calc(var(--width414) * 15px);}
.nstplsta{ width: calc(var(--width414) * 90px);height: calc(var(--width414) * 35px);border-radius:calc(var(--width414) * 5px);font-size:calc(var(--width414) * 14px);margin-right: calc(var(--width414) * 13px);margin-bottom: calc(var(--width414) * 15px);}
.nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
.nstytop-list{margin:calc(var(--width414) * 17px) 0 calc(var(--width414) * 20px) 0;}
.layer-top {border-radius: 0 0 calc(var(--width414) * 12px) calc(var(--width414) * 12px);}
.popup-content {padding: calc(var(--width414) * 16px);font-size: calc(var(--width414) * 14px);}
.nphpCons{margin:0 0 calc(var(--width414) * 20px) 0;}
.menu-list:nth-child(1){margin:calc(var(--width414) * 20px) calc(var(--width414) * 20px) 0 calc(var(--width414) * 20px);}
.stitemtop,.stitemtopimg{width: calc(var(--width414) * 184px);height: calc(var(--width414) * 110px);border-radius: calc(var(--width414) * 5px) calc(var(--width414) * 5px) 0px 0px;}
.stlist-item{width:  calc(var(--width414) * 184px);height:  calc(var(--width414) * 215px); border-radius: calc(var(--width414) * 5px);margin:0 0 calc(var(--width414) * 20px) 0;}
.codedown-img{width:  calc(var(--width414) * 41px);height:  calc(var(--width414) * 41px);}
.stitem-free {width:  calc(var(--width414) * 45px);height: calc(var(--width414) * 20px);font-size: calc(var(--width414) * 14px);line-height: calc(var(--width414) * 12px);
    border-radius:  calc(var(--width414) * 5px) 0;
}
.stlist-item dl{width: auto;margin:calc(var(--width414) * 13px) calc(var(--width414) * 12px) 0 calc(var(--width414) * 12px);}
.stlist-item dl dt {line-height: calc(var(--width414) * 24px);overflow: hidden;height: calc(var(--width414) * 44px);font-size: calc(var(--width414) * 16px);margin: 0 0 calc(var(--width414) * 18px) 0;}
.stlist-item dl dt span {height: calc(var(--width414) * 21px);padding: 0 calc(var(--width414) * 5px);font-size: calc(var(--width414) * 12px);line-height: calc(var(--width414) * 21px);margin: 0px calc(var(--width414) * 5px) 0px 0px;}
.stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width414) * 12px);}
.pages {margin: calc(var(--width414) * 30px) auto calc(var(--width414) * 10px) auto;}
.page a {border-radius: calc(var(--width414) * 3px);height: calc(var(--width414) * 25px);font-size: calc(var(--width414) * 14px);padding:0 calc(var(--width414) * 9px);
    margin-right: calc(var(--width414) * 8px);
}
.codeconleft{margin:calc(var(--width414) * 20px) calc(var(--width414) * 20px) 0 calc(var(--width414) * 20px);}
.cdcod-con p {font-weight: 400;font-size: calc(var(--width414) * 16px);line-height: calc(var(--width414) * 30px);}
.cdcon-top h1 {font-size: calc(var(--width414) * 20px);line-height: calc(var(--width414) * 20px);margin:calc(var(--width414) * 17px) 0 0 0;}
.ztprDown {margin:calc(var(--width414) * 10px) 0 calc(var(--width414) * 13px) 0;}
.ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width414) * 12px);}
.cdtpbtn{  height: calc(var(--width414) * 30px);border-radius:calc(var(--width414) * 5px);font-size: calc(var(--width414) * 16px);}
.artdp span {width: calc(var(--width414) * 5px);height: calc(var(--width414) * 17px);border-radius: calc(var(--width414) * 3px);margin: 0 calc(var(--width414) * 13px) 0 0;}
.artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width414) * 20px);}
.artdp{margin: calc(var(--width414) * 10px) 0 calc(var(--width414) * 5px) 0;}
.ztcldh{margin:0 calc(var(--width414) * 15px);}
.lcld-title{ font-size: calc(var(--width414) * 16px);margin:0 calc(var(--width414) * 16px);}
.lcldcd-items{margin:0 0 calc(var(--width414) * 25px) 0;}
.lcldc-dv{margin:calc(var(--width414) * 16px) 0 0 0;}
.lcldcdv{margin:calc(var(--width414) * 16px) 0 0 0;height: calc(var(--width414) * 35px);}
.cdvall{margin:0 calc(var(--width414) * 16px);}
.cdvall,.cdvalld{font-size: calc(var(--width414) * 14px);}
.cdcod-items{margin:calc(var(--width414) * 40px) 0 0 0;}
.stykc-downs .hot-down{margin:calc(var(--width414) * 60px) 0 0 0;}
.stclt-con .breadcrumb {margin: calc(var(--width414) * 20px) 0 0 0;}
.stclt-con{margin:0 calc(var(--width414) * 16px);}
.stcltc-all h1{ font-weight: 500;font-size: calc(var(--width414) * 20px);margin:calc(var(--width414) * 20px) 0 calc(var(--width414) * 17px) 0;}
.learnTime{font-size: calc(var(--width414) * 14px);line-height: calc(var(--width414) * 28px);}
.learntimeLine{ height: calc(var(--width414) * 43px);margin:0 calc(var(--width414) * 32px);}
.learnTimenow,.learnTimenow:hover{width: calc(var(--width414) * 390px);height: calc(var(--width414) * 35px);border-radius:calc(var(--width414) * 5px);font-size: calc(var(--width414) * 16px);margin:calc(var(--width414) * 13px) 0 calc(var(--width414) * 17px) 0;}
.stcl-alist{ width:110%;height: calc(var(--width414) * 40px);border-radius:calc(var(--width414) * 5px);}

.stcl-alist a{font-size: calc(var(--width414) * 18px);margin:0 calc(var(--width414) * 30px) 0 0;}
.stcl-alist a:first-child{margin:0 calc(var(--width414) * 30px) 0 calc(var(--width414) * 20px);}
.stcl-alist a:last-child{margin:0 calc(var(--width414) * 50px) 0 0 ;}
.stcl-alist a span{margin:calc(var(--width414) * 8px) 0 1px 0;}
.stcl-alist a b{ width: calc(var(--width414) * 37px);height: calc(var(--width414) * 5px);border-radius:calc(var(--width414) * 3px);}
.stcsl-tips{width: calc(var(--width414) * 390px);height: calc(var(--width414) * 30px);border-radius:calc(var(--width414) * 5px);font-size: calc(var(--width414) * 12px);margin:calc(var(--width414) * 20px) 0 calc(var(--width414) * 30px) 0;}
.stcsl-tips p{margin:0 0 0 calc(var(--width414) * 10px);}
.stcsl-tips .sttips{margin:0 calc(var(--width414) * 10px) 0 0;}

.classdes .rightdTitle{margin:0 0 calc(var(--width414) * 15px) 0;}
.classdesp{ font-size: calc(var(--width414) * 16px);line-height: calc(var(--width414) * 30px);}
.classlist{margin:calc(var(--width414) * 34px) 0 calc(var(--width414) * 36px) 0;}
.litr-img {width: calc(var(--width414) * 13px);height: calc(var(--width414) * 8px);object-fit: cover;}
.li-titles {font-size: calc(var(--width414) * 16px);color: #333333;line-height: calc(var(--width414) * 30px);margin:0 0 calc(var(--width414) * 6px) 0;}
.lilist-title{font-size: calc(var(--width414) * 14px);line-height: calc(var(--width414) * 30px);}
.calist-item{padding:0 0 calc(var(--width414) * 5px) 0;margin:0 0 calc(var(--width414) * 5px) 0;}

.sttoptaba {height: calc(var(--width414) * 25px);padding: 0 calc(var(--width414) * 15px) 0 calc(var(--width414) * 13px);border-radius: calc(var(--width414) * 5px);font-size: calc(var(--width414) * 14px);margin: 0 calc(var(--width414) * 14px) 0 0;}

.styvd-tops .learntimeLine{margin:0 calc(var(--width414) * 20px);}

.kcvdall-down .learnTimenow{margin:0 calc(var(--width414) * 20px) 0 0;}
.kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width414) * 5px);font-size: calc(var(--width414) * 16px);}
.styvd-tops .stcltc-all h1{margin:calc(var(--width414) * 20px) 0 calc(var(--width414) * 13px) 0;}
.styvd-tops .learnTime{margin:calc(var(--width414) * 18px) 0 calc(var(--width414) * 20px) 0;}
.kcvdall-down{margin:0 0 calc(var(--width414) * 14px) 0;}
.techda,.techda img{width: calc(var(--width414) * 60px);height: calc(var(--width414) * 60px);margin:0 calc(var(--width414) * 11px) 0 0;}
.teachdl-rg p:nth-child(1){font-size: calc(var(--width414) * 16px);}
.teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width414) * 12px);}
.teachd-right {font-size: calc(var(--width414) * 14px);}
.teacher-des{margin:calc(var(--width414) * 30px) 0 calc(var(--width414) * 10px) 0;}
.classdes{margin:calc(var(--width414) * 30px) 0 0 0;}
.lz-li{padding:0 0 calc(var(--width414) * 20px) 0;margin:0 0 calc(var(--width414) * 20px) 0;}
.lzt-down{width: calc(var(--width414) * 60px);height: calc(var(--width414) * 30px);border-radius:calc(var(--width414) * 5px);font-size: calc(var(--width414) * 14px);}
.lzt-lititle{font-size: calc(var(--width414) * 16px);}
.stykc-downs{margin-top:calc(var(--width414) * 40px);}
.cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width414) * 10px) calc(var(--width414) * 20px) 0;}
.codestyldown .pages{margin:0 auto calc(var(--width414) * 10px) auto;}
.codedetilBg .hours-read{margin-top: calc(var(--width414) * 60px);}
.scztl-tops h1{ font-size: calc(var(--width414) * 24px);line-height: calc(var(--width414) * 24px);}
.sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width414) * 14px);}
.scztlka{height: calc(var(--width414) * 28px);padding: 0 calc(var(--width414) * 10px);border-radius: calc(var(--width414) * 5px);font-size: calc(var(--width414) * 14px);
    line-height: calc(var(--width414) * 20px);
}
.scztallcon {font-size: calc(var(--width414) * 16px);line-height: calc(var(--width414) * 30px);}
.scztallcon p {margin: 0 0 calc(var(--width414) * 10px) 0;}
.scztlink{padding:0 0 calc(var(--width414) * 20px) 0;}
.art-tops{margin: calc(var(--width414) * 20px) 0 0 0}
.sczttpcz{margin:calc(var(--width414) * 18px) 0;}
.codedtl-down{margin:calc(var(--width414) * 40px) 0 0 0;}
.cdcon-top{border-bottom:1px solid #F3F3F3; padding:0 0 calc(var(--width414) * 16px) 0;}
.styvd-tops,.stykclist-top{margin-top: 0;}
.artaba{font-size: calc(var(--width414) * 16px);}

.clzliimg {width: calc(var(--width414) * 35px);height: calc(var(--width414) * 45px);margin: 0 calc(var(--width414) * 11px) 0 0;object-fit: cover;}
.clzt-lititle {font-size: calc(var(--width414) * 16px);margin:0 0 calc(var(--width414) * 3px) 0;}
.clzt-lititledes {font-size: calc(var(--width414) * 14px);}
.clzt-down {width: calc(var(--width414) * 60px);height: calc(var(--width414) * 30px);border-radius: calc(var(--width414) * 5px);font-size: calc(var(--width414) * 14px);}
.clz-li{padding:0 0 calc(var(--width414) * 20px) 0;margin:0 0 calc(var(--width414) * 20px) 0;}
.nst-kjxz{margin:calc(var(--width414) * 40px) 0 0 0;}


  /* new updates */
  .aidwzdd-left {width: calc(var(--width414) * 50px);height: calc(var(--width414) * 50px);background-size: contain;flex-shrink: 0;}
  .aidwzdd-left {margin: 0 0 0 calc(var(--width414) * 14px);}
  .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width414) * 20px);}
  .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width414) * 14px);}
  .ngxr-top {font-size: calc(var(--width414) * 16px);margin: 0 0 calc(var(--width414) * 6px) 0;}
  .ngxr-down {font-size: calc(var(--width414) * 14px);}
  .ngxr-down a {margin: 0 calc(var(--width414) * 15px) 0 0;}
  .ngx{margin:0 0 calc(var(--width414) * 20px) 0;padding:0 0 calc(var(--width414) * 20px) 0;}
  .ngxlist-down{margin:calc(var(--width414) * 5px) 0 0 0;}
    .tptype-code { margin: calc(var(--width414) * 10px) calc(var(--width414) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width414) * 30px);
        overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
    }
    .arttypea-code {width: calc(var(--width414) * 178px);height: calc(var(--width414) * 28px); border-radius: calc(var(--width414) * 5px);font-size: calc(var(--width414) * 14px); 
        margin: 0 calc(var(--width414) * 12px) calc(var(--width414) * 10px) 0;line-height: calc(var(--width414) * 26px);padding: 0 calc(var(--width414) * 4px);
    }
    .tpmores-code img {width: calc(var(--width414) * 80px);height: calc(var(--width414) * 44px);}
    .artop-types {border-bottom: calc(var(--width414) * 5px) solid #F8F8F8;}
    .cdtplt-item p{ font-size: calc(var(--width414) * 18px);margin:calc(var(--width414) * 20px) 0 calc(var(--width414) * 18px) 0;}
    .codetype-lists{margin:0 calc(var(--width414) * 15px) calc(var(--width414) * 30px) calc(var(--width414) * 15px)} 






.scztlka.scztlkaright b {width: calc(var(--width414) * 9px);height: calc(var(--width414) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width414) * 5px);}
.scztlka.scztlkaleft b {width: calc(var(--width414) * 9px);height: calc(var(--width414) * 12px);background-size: contain;margin: 0 calc(var(--width414) * 5px) 0 0;}
.sctpcz-cole.check b {width: calc(var(--width414) * 15px);height: calc(var(--width414) * 15px);background-size: contain;margin-right: calc(var(--width414) * 5px);}
.sctpcz-cole b {width: calc(var(--width414) * 15px);height: calc(var(--width414) * 15px);background-size: contain;margin-right: calc(var(--width414) * 5px);}
.sctpcz-share.check b {width: calc(var(--width414) * 11px);height: calc(var(--width414) * 13px);background-size: contain;margin-right: calc(var(--width414) * 5px);}
.sctpcz-share b {width: calc(var(--width414) * 11px);height: calc(var(--width414) * 13px);background-size: contain;margin-right: calc(var(--width414) * 5px);}
.sctpcz-look b {width: calc(var(--width414) * 16px);height: calc(var(--width414) * 13px);background-size: contain;margin-right: calc(var(--width414) * 5px);}
.sctpcz-gx b {width: calc(var(--width414) * 16px);height: calc(var(--width414) * 16px);background-size: contain;margin-right: calc(var(--width414) * 5px);}
.teachd-right b {width: calc(var(--width414) * 13px);height: calc(var(--width414) * 13px);background-size: contain;margin: 0 calc(var(--width414) * 4px) 0 0;}
.cdvalld b {width: calc(var(--width414) * 18px);height: calc(var(--width414) * 22px);margin: 0 calc(var(--width414) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
.ztcldh b {width: calc(var(--width414) * 21px);height: calc(var(--width414) * 15px);background-size: contain;margin: 0 calc(var(--width414) * 3px) 0 0;}
.ztclddTime b {width: calc(var(--width414) * 18px);height: calc(var(--width414) * 18px);background-size: contain;margin: 0 calc(var(--width414) * 3px) 0 0;}
.ztclddRead b {width: calc(var(--width414) * 17px);height: calc(var(--width414) * 18px);background-size: contain;margin: 0 calc(var(--width414) * 3px) 0 0;}
.stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width414) * 14px);height: calc(var(--width414) * 15px);background-size: contain;margin: 0 calc(var(--width414) * 3px) 0 0;}
.stlist-item dl dd.cont1 span a b {width: calc(var(--width414) * 14px);height: calc(var(--width414) * 15px);background-size: contain;margin: 0 calc(var(--width414) * 3px) 0 0;}
.nstplstad b{width:calc(var(--width414) * 18px);height: calc(var(--width414) * 18px);background-size: contain;margin:0 0 0 calc(var(--width414) * 2px);}
.list-downs{margin:calc(var(--width414) * 40px) calc(var(--width414) * 20px) 0 calc(var(--width414) * 20px)}



}

@media screen and (max-width:401px){

    


.nstycon{margin:calc(var(--width401) * 15px);}
.nstplsta{ width: calc(var(--width401) * 90px);height: calc(var(--width401) * 35px);border-radius:calc(var(--width401) * 5px);font-size:calc(var(--width401) * 14px);margin-right: calc(var(--width401) * 13px);margin-bottom: calc(var(--width401) * 15px);}
.nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
.nstytop-list{margin:calc(var(--width401) * 17px) 0 calc(var(--width401) * 20px) 0;}
.layer-top {border-radius: 0 0 calc(var(--width401) * 12px) calc(var(--width401) * 12px);}
.popup-content {padding: calc(var(--width401) * 16px);font-size: calc(var(--width401) * 14px);}
.nphpCons{margin:0 0 calc(var(--width401) * 20px) 0;}
.menu-list:nth-child(1){margin:calc(var(--width401) * 20px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px);}
.stitemtop,.stitemtopimg{width: calc(var(--width401) * 184px);height: calc(var(--width401) * 110px);border-radius: calc(var(--width401) * 5px) calc(var(--width401) * 5px) 0px 0px;}
.stlist-item{width:  calc(var(--width401) * 184px);height:  calc(var(--width401) * 215px); border-radius: calc(var(--width401) * 5px);margin:0 0 calc(var(--width401) * 20px) 0;}
.codedown-img{width:  calc(var(--width401) * 41px);height:  calc(var(--width401) * 41px);}
.stitem-free {width:  calc(var(--width401) * 45px);height: calc(var(--width401) * 20px);font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 12px);
    border-radius:  calc(var(--width401) * 5px) 0;
}
.stlist-item dl{width: auto;margin:calc(var(--width401) * 13px) calc(var(--width401) * 12px) 0 calc(var(--width401) * 12px);}
.stlist-item dl dt {line-height: calc(var(--width401) * 24px);overflow: hidden;height: calc(var(--width401) * 44px);font-size: calc(var(--width401) * 16px);margin: 0 0 calc(var(--width401) * 18px) 0;}
.stlist-item dl dt span {height: calc(var(--width401) * 21px);padding: 0 calc(var(--width401) * 5px);font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 21px);margin: 0px calc(var(--width401) * 5px) 0px 0px;}
.stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width401) * 12px);}
.pages {margin: calc(var(--width401) * 30px) auto calc(var(--width401) * 10px) auto;}
.page a {border-radius: calc(var(--width401) * 3px);height: calc(var(--width401) * 25px);font-size: calc(var(--width401) * 14px);padding:0 calc(var(--width401) * 9px);
    margin-right: calc(var(--width401) * 8px);
}
.codeconleft{margin:calc(var(--width401) * 20px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px);}
.cdcod-con p {font-weight: 400;font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 30px);}
.cdcon-top h1 {font-size: calc(var(--width401) * 20px);line-height: calc(var(--width401) * 20px);margin:calc(var(--width401) * 17px) 0 0 0;}
.ztprDown {margin:calc(var(--width401) * 10px) 0 calc(var(--width401) * 13px) 0;}
.ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width401) * 12px);}
.cdtpbtn{ height: calc(var(--width401) * 30px);border-radius:calc(var(--width401) * 5px);font-size: calc(var(--width401) * 16px);}
.artdp span {width: calc(var(--width401) * 5px);height: calc(var(--width401) * 17px);border-radius: calc(var(--width401) * 3px);margin: 0 calc(var(--width401) * 13px) 0 0;}
.artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width401) * 20px);}
.artdp{margin: calc(var(--width401) * 10px) 0 calc(var(--width401) * 5px) 0;}
.ztcldh{margin:0 calc(var(--width401) * 15px);}
.lcld-title{ font-size: calc(var(--width401) * 16px);margin:0 calc(var(--width401) * 16px);}
.lcldcd-items{margin:0 0 calc(var(--width401) * 25px) 0;}
.lcldc-dv{margin:calc(var(--width401) * 16px) 0 0 0;}
.lcldcdv{margin:calc(var(--width401) * 16px) 0 0 0;height: calc(var(--width401) * 35px);}
.cdvall{margin:0 calc(var(--width401) * 16px);}
.cdvall,.cdvalld{font-size: calc(var(--width401) * 14px);}
.cdcod-items{margin:calc(var(--width401) * 40px) 0 0 0;}
.stykc-downs .hot-down{margin:calc(var(--width401) * 60px) 0 0 0;}
.stclt-con .breadcrumb {margin: calc(var(--width401) * 20px) 0 0 0;}
.stclt-con{margin:0 calc(var(--width401) * 16px);}
.stcltc-all h1{ font-weight: 500;font-size: calc(var(--width401) * 20px);margin:calc(var(--width401) * 20px) 0 calc(var(--width401) * 17px) 0;}
.learnTime{font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 28px);}
.learntimeLine{ height: calc(var(--width401) * 43px);margin:0 calc(var(--width401) * 32px);}
.learnTimenow,.learnTimenow:hover{width: calc(var(--width401) * 390px);height: calc(var(--width401) * 35px);border-radius:calc(var(--width401) * 5px);font-size: calc(var(--width401) * 16px);margin:calc(var(--width401) * 13px) 0 calc(var(--width401) * 17px) 0;}
.stcl-alist{ width:110%;height: calc(var(--width401) * 40px);border-radius:calc(var(--width401) * 5px);}

.stcl-alist a{font-size: calc(var(--width401) * 18px);margin:0 calc(var(--width401) * 30px) 0 0;}
.stcl-alist a:first-child{margin:0 calc(var(--width401) * 30px) 0 calc(var(--width401) * 20px);}
.stcl-alist a:last-child{margin:0 calc(var(--width401) * 50px) 0 0 ;}
.stcl-alist a span{margin:calc(var(--width401) * 8px) 0 1px 0;}
.stcl-alist a b{ width: calc(var(--width401) * 37px);height: calc(var(--width401) * 5px);border-radius:calc(var(--width401) * 3px);}
.stcsl-tips{width: calc(var(--width401) * 390px);height: calc(var(--width401) * 30px);border-radius:calc(var(--width401) * 5px);font-size: calc(var(--width401) * 12px);margin:calc(var(--width401) * 20px) 0 calc(var(--width401) * 30px) 0;}
.stcsl-tips p{margin:0 0 0 calc(var(--width401) * 10px);}
.stcsl-tips .sttips{margin:0 calc(var(--width401) * 10px) 0 0;}

.classdes .rightdTitle{margin:0 0 calc(var(--width401) * 15px) 0;}
.classdesp{ font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 30px);}
.classlist{margin:calc(var(--width401) * 34px) 0 calc(var(--width401) * 36px) 0;}
.litr-img {width: calc(var(--width401) * 13px);height: calc(var(--width401) * 8px);object-fit: cover;}
.li-titles {font-size: calc(var(--width401) * 16px);color: #333333;line-height: calc(var(--width401) * 30px);margin:0 0 calc(var(--width401) * 6px) 0;}
.lilist-title{font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 30px);}
.calist-item{padding:0 0 calc(var(--width401) * 5px) 0;margin:0 0 calc(var(--width401) * 5px) 0;}

.sttoptaba {height: calc(var(--width401) * 25px);padding: 0 calc(var(--width401) * 15px) 0 calc(var(--width401) * 13px);border-radius: calc(var(--width401) * 5px);font-size: calc(var(--width401) * 14px);margin: 0 calc(var(--width401) * 14px) 0 0;}

.styvd-tops .learntimeLine{margin:0 calc(var(--width401) * 20px);}

.kcvdall-down .learnTimenow{margin:0 calc(var(--width401) * 20px) 0 0;}
.kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width401) * 5px);font-size: calc(var(--width401) * 16px);}
.styvd-tops .stcltc-all h1{margin:calc(var(--width401) * 20px) 0 calc(var(--width401) * 13px) 0;}
.styvd-tops .learnTime{margin:calc(var(--width401) * 18px) 0 calc(var(--width401) * 20px) 0;}
.kcvdall-down{margin:0 0 calc(var(--width401) * 14px) 0;}
.techda,.techda img{width: calc(var(--width401) * 60px);height: calc(var(--width401) * 60px);margin:0 calc(var(--width401) * 11px) 0 0;}
.teachdl-rg p:nth-child(1){font-size: calc(var(--width401) * 16px);}
.teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width401) * 12px);}
.teachd-right {font-size: calc(var(--width401) * 14px);}
.teacher-des{margin:calc(var(--width401) * 30px) 0 calc(var(--width401) * 10px) 0;}
.classdes{margin:calc(var(--width401) * 30px) 0 0 0;}
.lz-li{padding:0 0 calc(var(--width401) * 20px) 0;margin:0 0 calc(var(--width401) * 20px) 0;}
.lzt-down{width: calc(var(--width401) * 60px);height: calc(var(--width401) * 30px);border-radius:calc(var(--width401) * 5px);font-size: calc(var(--width401) * 14px);}
.lzt-lititle{font-size: calc(var(--width401) * 16px);}
.stykc-downs{margin-top:calc(var(--width401) * 40px);}
.cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width401) * 10px) calc(var(--width401) * 20px) 0;}
.codestyldown .pages{margin:0 auto calc(var(--width401) * 10px) auto;}
.codedetilBg .hours-read{margin-top: calc(var(--width401) * 60px);}
.scztl-tops h1{ font-size: calc(var(--width401) * 24px);line-height: calc(var(--width401) * 24px);}
.sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width401) * 14px);}
.scztlka{height: calc(var(--width401) * 28px);padding: 0 calc(var(--width401) * 10px);border-radius: calc(var(--width401) * 5px);font-size: calc(var(--width401) * 14px);
    line-height: calc(var(--width401) * 20px);
}
.scztallcon {font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 30px);}
.scztallcon p {margin: 0 0 calc(var(--width401) * 10px) 0;}
.scztlink{padding:0 0 calc(var(--width401) * 20px) 0;}
.art-tops{margin: calc(var(--width401) * 20px) 0 0 0}
.sczttpcz{margin:calc(var(--width401) * 18px) 0;}
.codedtl-down{margin:calc(var(--width401) * 40px) 0 0 0;}
.cdcon-top{border-bottom:1px solid #F3F3F3; padding:0 0 calc(var(--width401) * 16px) 0;}
.styvd-tops,.stykclist-top{margin-top: 0;}
.artaba{font-size: calc(var(--width401) * 16px);}

.clzliimg {width: calc(var(--width401) * 35px);height: calc(var(--width401) * 45px);margin: 0 calc(var(--width401) * 11px) 0 0;object-fit: cover;}
.clzt-lititle {font-size: calc(var(--width401) * 16px);margin:0 0 calc(var(--width401) * 3px) 0;}
.clzt-lititledes {font-size: calc(var(--width401) * 14px);}
.clzt-down {width: calc(var(--width401) * 60px);height: calc(var(--width401) * 30px);border-radius: calc(var(--width401) * 5px);font-size: calc(var(--width401) * 14px);}
.clz-li{padding:0 0 calc(var(--width401) * 20px) 0;margin:0 0 calc(var(--width401) * 20px) 0;}
.nst-kjxz{margin:calc(var(--width401) * 40px) 0 0 0;}
.tptype-code { margin: calc(var(--width401) * 10px) calc(var(--width401) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width401) * 30px);
    overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
}
.arttypea-code {width: calc(var(--width401) * 178px);height: calc(var(--width401) * 28px); border-radius: calc(var(--width401) * 5px);font-size: calc(var(--width401) * 14px); 
    margin: 0 calc(var(--width401) * 12px) calc(var(--width401) * 10px) 0;line-height: calc(var(--width401) * 26px);padding: 0 calc(var(--width401) * 4px);
}
.tpmores-code img {width: calc(var(--width401) * 80px);height: calc(var(--width401) * 44px);}
.artop-types {border-bottom: calc(var(--width401) * 5px) solid #F8F8F8;}
.cdtplt-item p{ font-size: calc(var(--width401) * 18px);margin:calc(var(--width401) * 20px) 0 calc(var(--width401) * 18px) 0;}
.codetype-lists{margin:0 calc(var(--width401) * 15px) calc(var(--width401) * 30px) calc(var(--width401) * 15px);} 




  /* new updates */
  .aidwzdd-left {width: calc(var(--width401) * 50px);height: calc(var(--width401) * 50px);background-size: contain;flex-shrink: 0;}
  .aidwzdd-left {margin: 0 0 0 calc(var(--width401) * 14px);}
  .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width401) * 20px);}
  .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width401) * 14px);}
  .ngxr-top {font-size: calc(var(--width401) * 16px);margin: 0 0 calc(var(--width401) * 6px) 0;}
  .ngxr-down {font-size: calc(var(--width401) * 14px);}
  .ngxr-down a {margin: 0 calc(var(--width401) * 15px) 0 0;}
  .ngx{margin:0 0 calc(var(--width401) * 20px) 0;padding:0 0 calc(var(--width401) * 20px) 0;}
  .ngxlist-down{margin:calc(var(--width401) * 5px) 0 0 0;}


.scztlka.scztlkaright b {width: calc(var(--width401) * 9px);height: calc(var(--width401) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width401) * 5px);}
.scztlka.scztlkaleft b {width: calc(var(--width401) * 9px);height: calc(var(--width401) * 12px);background-size: contain;margin: 0 calc(var(--width401) * 5px) 0 0;}
.sctpcz-cole.check b {width: calc(var(--width401) * 15px);height: calc(var(--width401) * 15px);background-size: contain;margin-right: calc(var(--width401) * 5px);}
.sctpcz-cole b {width: calc(var(--width401) * 15px);height: calc(var(--width401) * 15px);background-size: contain;margin-right: calc(var(--width401) * 5px);}
.sctpcz-share.check b {width: calc(var(--width401) * 11px);height: calc(var(--width401) * 13px);background-size: contain;margin-right: calc(var(--width401) * 5px);}
.sctpcz-share b {width: calc(var(--width401) * 11px);height: calc(var(--width401) * 13px);background-size: contain;margin-right: calc(var(--width401) * 5px);}
.sctpcz-look b {width: calc(var(--width401) * 16px);height: calc(var(--width401) * 13px);background-size: contain;margin-right: calc(var(--width401) * 5px);}
.sctpcz-gx b {width: calc(var(--width401) * 16px);height: calc(var(--width401) * 16px);background-size: contain;margin-right: calc(var(--width401) * 5px);}
.teachd-right b {width: calc(var(--width401) * 13px);height: calc(var(--width401) * 13px);background-size: contain;margin: 0 calc(var(--width401) * 4px) 0 0;}
.cdvalld b {width: calc(var(--width401) * 18px);height: calc(var(--width401) * 22px);margin: 0 calc(var(--width401) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
.ztcldh b {width: calc(var(--width401) * 21px);height: calc(var(--width401) * 15px);background-size: contain;margin: 0 calc(var(--width401) * 3px) 0 0;}
.ztclddTime b {width: calc(var(--width401) * 18px);height: calc(var(--width401) * 18px);background-size: contain;margin: 0 calc(var(--width401) * 3px) 0 0;}
.ztclddRead b {width: calc(var(--width401) * 17px);height: calc(var(--width401) * 18px);background-size: contain;margin: 0 calc(var(--width401) * 3px) 0 0;}
.stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width401) * 14px);height: calc(var(--width401) * 15px);background-size: contain;margin: 0 calc(var(--width401) * 3px) 0 0;}
.stlist-item dl dd.cont1 span a b {width: calc(var(--width401) * 14px);height: calc(var(--width401) * 15px);background-size: contain;margin: 0 calc(var(--width401) * 3px) 0 0;}
.nstplstad b{width:calc(var(--width401) * 18px);height: calc(var(--width401) * 18px);background-size: contain;margin:0 0 0 calc(var(--width401) * 2px);}
.list-downs{margin:calc(var(--width401) * 40px) calc(var(--width401) * 20px) 0 calc(var(--width401) * 20px)}


    
    
}
@media screen and (max-width: 391px) {

    


.nstycon{margin:calc(var(--width390) * 15px);}
.nstplsta{ width: calc(var(--width390) * 90px);height: calc(var(--width390) * 35px);border-radius:calc(var(--width390) * 5px);font-size:calc(var(--width390) * 14px);margin-right: calc(var(--width390) * 13px);margin-bottom: calc(var(--width390) * 15px);}
.nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
.nstytop-list{margin:calc(var(--width390) * 17px) 0 calc(var(--width390) * 20px) 0;}
.layer-top {border-radius: 0 0 calc(var(--width390) * 12px) calc(var(--width390) * 12px);}
.popup-content {padding: calc(var(--width390) * 16px);font-size: calc(var(--width390) * 14px);}
.nphpCons{margin:0 0 calc(var(--width390) * 20px) 0;}
.menu-list:nth-child(1){margin:calc(var(--width390) * 20px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);}
.stitemtop,.stitemtopimg{width: calc(var(--width390) * 184px);height: calc(var(--width390) * 110px);border-radius: calc(var(--width390) * 5px) calc(var(--width390) * 5px) 0px 0px;}
.stlist-item{width:  calc(var(--width390) * 184px);height:  calc(var(--width390) * 215px); border-radius: calc(var(--width390) * 5px);margin:0 0 calc(var(--width390) * 20px) 0;}
.codedown-img{width:  calc(var(--width390) * 41px);height:  calc(var(--width390) * 41px);}
.stitem-free {width:  calc(var(--width390) * 45px);height: calc(var(--width390) * 20px);font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 12px);
    border-radius:  calc(var(--width390) * 5px) 0;
}
.stlist-item dl{width: auto;margin:calc(var(--width390) * 13px) calc(var(--width390) * 12px) 0 calc(var(--width390) * 12px);}
.stlist-item dl dt {line-height: calc(var(--width390) * 24px);overflow: hidden;height: calc(var(--width390) * 44px);font-size: calc(var(--width390) * 16px);margin: 0 0 calc(var(--width390) * 18px) 0;}
.stlist-item dl dt span {height: calc(var(--width390) * 21px);padding: 0 calc(var(--width390) * 5px);font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 21px);margin: 0px calc(var(--width390) * 5px) 0px 0px;}
.stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width390) * 12px);}
.pages {margin: calc(var(--width390) * 30px) auto calc(var(--width390) * 10px) auto;}
.page a {border-radius: calc(var(--width390) * 3px);height: calc(var(--width390) * 25px);font-size: calc(var(--width390) * 14px);padding:0 calc(var(--width390) * 9px);
    margin-right: calc(var(--width390) * 8px);
}
.codeconleft{margin:calc(var(--width390) * 20px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);}
.cdcod-con p {font-weight: 400;font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 30px);}
.cdcon-top h1 {font-size: calc(var(--width390) * 20px);line-height: calc(var(--width390) * 20px);margin:calc(var(--width390) * 17px) 0 0 0;}
.ztprDown {margin:calc(var(--width390) * 10px) 0 calc(var(--width390) * 13px) 0;}
.ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width390) * 12px);}
.cdtpbtn{ height: calc(var(--width390) * 30px);border-radius:calc(var(--width390) * 5px);font-size: calc(var(--width390) * 16px);}
.artdp span {width: calc(var(--width390) * 5px);height: calc(var(--width390) * 17px);border-radius: calc(var(--width390) * 3px);margin: 0 calc(var(--width390) * 13px) 0 0;}
.artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width390) * 20px);}
.artdp{margin: calc(var(--width390) * 10px) 0 calc(var(--width390) * 5px) 0;}
.ztcldh{margin:0 calc(var(--width390) * 15px);}
.lcld-title{ font-size: calc(var(--width390) * 16px);margin:0 calc(var(--width390) * 16px);}
.lcldcd-items{margin:0 0 calc(var(--width390) * 25px) 0;}
.lcldc-dv{margin:calc(var(--width390) * 16px) 0 0 0;}
.lcldcdv{margin:calc(var(--width390) * 16px) 0 0 0;height: calc(var(--width390) * 35px);}
.cdvall{margin:0 calc(var(--width390) * 16px);}
.cdvall,.cdvalld{font-size: calc(var(--width390) * 14px);}
.cdcod-items{margin:calc(var(--width390) * 40px) 0 0 0;}
.stykc-downs .hot-down{margin:calc(var(--width390) * 60px) 0 0 0;}
.stclt-con .breadcrumb {margin: calc(var(--width390) * 20px) 0 0 0;}
.stclt-con{margin:0 calc(var(--width390) * 16px);}
.stcltc-all h1{ font-weight: 500;font-size: calc(var(--width390) * 20px);margin:calc(var(--width390) * 20px) 0 calc(var(--width390) * 17px) 0;}
.learnTime{font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 28px);}
.learntimeLine{ height: calc(var(--width390) * 43px);margin:0 calc(var(--width390) * 32px);}
.learnTimenow,.learnTimenow:hover{width: calc(var(--width390) * 390px);height: calc(var(--width390) * 35px);border-radius:calc(var(--width390) * 5px);font-size: calc(var(--width390) * 16px);margin:calc(var(--width390) * 13px) 0 calc(var(--width390) * 17px) 0;}
.stcl-alist{ width:110%;height: calc(var(--width390) * 40px);border-radius:calc(var(--width390) * 5px);}

.stcl-alist a{font-size: calc(var(--width390) * 18px);margin:0 calc(var(--width390) * 30px) 0 0;}
.stcl-alist a:first-child{margin:0 calc(var(--width390) * 30px) 0 calc(var(--width390) * 20px);}
.stcl-alist a:last-child{margin:0 calc(var(--width390) * 50px) 0 0 ;}
.stcl-alist a span{margin:calc(var(--width390) * 8px) 0 1px 0;}
.stcl-alist a b{ width: calc(var(--width390) * 37px);height: calc(var(--width390) * 5px);border-radius:calc(var(--width390) * 3px);}
.stcsl-tips{width: calc(var(--width390) * 390px);height: calc(var(--width390) * 30px);border-radius:calc(var(--width390) * 5px);font-size: calc(var(--width390) * 12px);margin:calc(var(--width390) * 20px) 0 calc(var(--width390) * 30px) 0;}
.stcsl-tips p{margin:0 0 0 calc(var(--width390) * 10px);}
.stcsl-tips .sttips{margin:0 calc(var(--width390) * 10px) 0 0;}

.classdes .rightdTitle{margin:0 0 calc(var(--width390) * 15px) 0;}
.classdesp{ font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 30px);}
.classlist{margin:calc(var(--width390) * 34px) 0 calc(var(--width390) * 36px) 0;}
.litr-img {width: calc(var(--width390) * 13px);height: calc(var(--width390) * 8px);object-fit: cover;}
.li-titles {font-size: calc(var(--width390) * 16px);color: #333333;line-height: calc(var(--width390) * 30px);margin:0 0 calc(var(--width390) * 6px) 0;}
.lilist-title{font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 30px);}
.calist-item{padding:0 0 calc(var(--width390) * 5px) 0;margin:0 0 calc(var(--width390) * 5px) 0;}

.sttoptaba {height: calc(var(--width390) * 25px);padding: 0 calc(var(--width390) * 15px) 0 calc(var(--width390) * 13px);border-radius: calc(var(--width390) * 5px);font-size: calc(var(--width390) * 14px);margin: 0 calc(var(--width390) * 14px) 0 0;}

.styvd-tops .learntimeLine{margin:0 calc(var(--width390) * 20px);}

.kcvdall-down .learnTimenow{margin:0 calc(var(--width390) * 20px) 0 0;}
.kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width390) * 5px);font-size: calc(var(--width390) * 16px);}
.styvd-tops .stcltc-all h1{margin:calc(var(--width390) * 20px) 0 calc(var(--width390) * 13px) 0;}
.styvd-tops .learnTime{margin:calc(var(--width390) * 18px) 0 calc(var(--width390) * 20px) 0;}
.kcvdall-down{margin:0 0 calc(var(--width390) * 14px) 0;}
.techda,.techda img{width: calc(var(--width390) * 60px);height: calc(var(--width390) * 60px);margin:0 calc(var(--width390) * 11px) 0 0;}
.teachdl-rg p:nth-child(1){font-size: calc(var(--width390) * 16px);}
.teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width390) * 12px);}
.teachd-right {font-size: calc(var(--width390) * 14px);}
.teacher-des{margin:calc(var(--width390) * 30px) 0 calc(var(--width390) * 10px) 0;}
.classdes{margin:calc(var(--width390) * 30px) 0 0 0;}
.lz-li{padding:0 0 calc(var(--width390) * 20px) 0;margin:0 0 calc(var(--width390) * 20px) 0;}
.lzt-down{width: calc(var(--width390) * 60px);height: calc(var(--width390) * 30px);border-radius:calc(var(--width390) * 5px);font-size: calc(var(--width390) * 14px);}
.lzt-lititle{font-size: calc(var(--width390) * 16px);}
.stykc-downs{margin-top:calc(var(--width390) * 40px);}
.cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width390) * 10px) calc(var(--width390) * 20px) 0;}
.codestyldown .pages{margin:0 auto calc(var(--width390) * 10px) auto;}
.codedetilBg .hours-read{margin-top: calc(var(--width390) * 60px);}
.scztl-tops h1{ font-size: calc(var(--width390) * 24px);line-height: calc(var(--width390) * 24px);}
.sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width390) * 14px);}
.scztlka{height: calc(var(--width390) * 28px);padding: 0 calc(var(--width390) * 10px);border-radius: calc(var(--width390) * 5px);font-size: calc(var(--width390) * 14px);
    line-height: calc(var(--width390) * 20px);
}
.scztallcon {font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 30px);}
.scztallcon p {margin: 0 0 calc(var(--width390) * 10px) 0;}
.scztlink{padding:0 0 calc(var(--width390) * 20px) 0;}
.art-tops{margin: calc(var(--width390) * 20px) 0 0 0}
.sczttpcz{margin:calc(var(--width390) * 18px) 0;}
.codedtl-down{margin:calc(var(--width390) * 40px) 0 0 0;}
.cdcon-top{border-bottom:1px solid #F3F3F3; padding:0 0 calc(var(--width390) * 16px) 0;}
.styvd-tops,.stykclist-top{margin-top: 0;}
.artaba{font-size: calc(var(--width390) * 16px);}


.clzliimg {width: calc(var(--width390) * 35px);height: calc(var(--width390) * 45px);margin: 0 calc(var(--width390) * 11px) 0 0;object-fit: cover;}
.clzt-lititle {font-size: calc(var(--width390) * 16px);margin:0 0 calc(var(--width390) * 3px) 0;}
.clzt-lititledes {font-size: calc(var(--width390) * 14px);}
.clzt-down {width: calc(var(--width390) * 60px);height: calc(var(--width390) * 30px);border-radius: calc(var(--width390) * 5px);font-size: calc(var(--width390) * 14px);}
.clz-li{padding:0 0 calc(var(--width390) * 20px) 0;margin:0 0 calc(var(--width390) * 20px) 0;}
.nst-kjxz{margin:calc(var(--width390) * 40px) 0 0 0;}
.tptype-code { margin: calc(var(--width390) * 10px) calc(var(--width390) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width390) * 30px);
    overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
}
.arttypea-code {width: calc(var(--width390) * 178px);height: calc(var(--width390) * 28px); border-radius: calc(var(--width390) * 5px);font-size: calc(var(--width390) * 14px); 
    margin: 0 calc(var(--width390) * 12px) calc(var(--width390) * 10px) 0;line-height: calc(var(--width390) * 26px);padding: 0 calc(var(--width390) * 4px);
}
.tpmores-code img {width: calc(var(--width390) * 80px);height: calc(var(--width390) * 44px);}
.artop-types {border-bottom: calc(var(--width390) * 5px) solid #F8F8F8;}
.cdtplt-item p{ font-size: calc(var(--width390) * 18px);margin:calc(var(--width390) * 20px) 0 calc(var(--width390) * 18px) 0;}
.codetype-lists{margin:0 calc(var(--width390) * 15px) calc(var(--width390) * 30px) calc(var(--width390) * 15px);} 




  /* new updates */
  .aidwzdd-left {width: calc(var(--width390) * 50px);height: calc(var(--width390) * 50px);background-size: contain;flex-shrink: 0;}
  .aidwzdd-left {margin: 0 0 0 calc(var(--width390) * 14px);}
  .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width390) * 20px);}
  .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width390) * 14px);}
  .ngxr-top {font-size: calc(var(--width390) * 16px);margin: 0 0 calc(var(--width390) * 6px) 0;}
  .ngxr-down {font-size: calc(var(--width390) * 14px);}
  .ngxr-down a {margin: 0 calc(var(--width390) * 15px) 0 0;}
  .ngx{margin:0 0 calc(var(--width390) * 20px) 0;padding:0 0 calc(var(--width390) * 20px) 0;}
  .ngxlist-down{margin:calc(var(--width390) * 5px) 0 0 0;}



.scztlka.scztlkaright b {width: calc(var(--width390) * 9px);height: calc(var(--width390) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width390) * 5px);}
.scztlka.scztlkaleft b {width: calc(var(--width390) * 9px);height: calc(var(--width390) * 12px);background-size: contain;margin: 0 calc(var(--width390) * 5px) 0 0;}
.sctpcz-cole.check b {width: calc(var(--width390) * 15px);height: calc(var(--width390) * 15px);background-size: contain;margin-right: calc(var(--width390) * 5px);}
.sctpcz-cole b {width: calc(var(--width390) * 15px);height: calc(var(--width390) * 15px);background-size: contain;margin-right: calc(var(--width390) * 5px);}
.sctpcz-share.check b {width: calc(var(--width390) * 11px);height: calc(var(--width390) * 13px);background-size: contain;margin-right: calc(var(--width390) * 5px);}
.sctpcz-share b {width: calc(var(--width390) * 11px);height: calc(var(--width390) * 13px);background-size: contain;margin-right: calc(var(--width390) * 5px);}
.sctpcz-look b {width: calc(var(--width390) * 16px);height: calc(var(--width390) * 13px);background-size: contain;margin-right: calc(var(--width390) * 5px);}
.sctpcz-gx b {width: calc(var(--width390) * 16px);height: calc(var(--width390) * 16px);background-size: contain;margin-right: calc(var(--width390) * 5px);}
.teachd-right b {width: calc(var(--width390) * 13px);height: calc(var(--width390) * 13px);background-size: contain;margin: 0 calc(var(--width390) * 4px) 0 0;}
.cdvalld b {width: calc(var(--width390) * 18px);height: calc(var(--width390) * 22px);margin: 0 calc(var(--width390) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
.ztcldh b {width: calc(var(--width390) * 21px);height: calc(var(--width390) * 15px);background-size: contain;margin: 0 calc(var(--width390) * 3px) 0 0;}
.ztclddTime b {width: calc(var(--width390) * 18px);height: calc(var(--width390) * 18px);background-size: contain;margin: 0 calc(var(--width390) * 3px) 0 0;}
.ztclddRead b {width: calc(var(--width390) * 17px);height: calc(var(--width390) * 18px);background-size: contain;margin: 0 calc(var(--width390) * 3px) 0 0;}
.stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width390) * 14px);height: calc(var(--width390) * 15px);background-size: contain;margin: 0 calc(var(--width390) * 3px) 0 0;}
.stlist-item dl dd.cont1 span a b {width: calc(var(--width390) * 14px);height: calc(var(--width390) * 15px);background-size: contain;margin: 0 calc(var(--width390) * 3px) 0 0;}
.nstplstad b{width:calc(var(--width390) * 18px);height: calc(var(--width390) * 18px);background-size: contain;margin:0 0 0 calc(var(--width390) * 2px);}
.list-downs{margin:calc(var(--width390) * 40px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px)}



}

@media screen and (max-width: 379px) {

    
    


.nstycon{margin:calc(var(--width375) * 15px);}
.nstplsta{ width: calc(var(--width375) * 90px);height: calc(var(--width375) * 35px);border-radius:calc(var(--width375) * 5px);font-size:calc(var(--width375) * 14px);margin-right: calc(var(--width375) * 13px);margin-bottom: calc(var(--width375) * 15px);}
.nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
.nstytop-list{margin:calc(var(--width375) * 17px) 0 calc(var(--width375) * 20px) 0;}
.layer-top {border-radius: 0 0 calc(var(--width375) * 12px) calc(var(--width375) * 12px);}
.popup-content {padding: calc(var(--width375) * 16px);font-size: calc(var(--width375) * 14px);}
.nphpCons{margin:0 0 calc(var(--width375) * 20px) 0;}
.menu-list:nth-child(1){margin:calc(var(--width375) * 20px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
.stitemtop,.stitemtopimg{width: calc(var(--width375) * 184px);height: calc(var(--width375) * 110px);border-radius: calc(var(--width375) * 5px) calc(var(--width375) * 5px) 0px 0px;}
.stlist-item{width:  calc(var(--width375) * 184px);height:  calc(var(--width375) * 215px); border-radius: calc(var(--width375) * 5px);margin:0 0 calc(var(--width375) * 20px) 0;}
.codedown-img{width:  calc(var(--width375) * 41px);height:  calc(var(--width375) * 41px);}
.stitem-free {width:  calc(var(--width375) * 45px);height: calc(var(--width375) * 20px);font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 12px);
    border-radius:  calc(var(--width375) * 5px) 0;
}
.stlist-item dl{width: auto;margin:calc(var(--width375) * 13px) calc(var(--width375) * 12px) 0 calc(var(--width375) * 12px);}
.stlist-item dl dt {line-height: calc(var(--width375) * 24px);overflow: hidden;height: calc(var(--width375) * 44px);font-size: calc(var(--width375) * 16px);margin: 0 0 calc(var(--width375) * 18px) 0;}
.stlist-item dl dt span {height: calc(var(--width375) * 21px);padding: 0 calc(var(--width375) * 5px);font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 21px);margin: 0px calc(var(--width375) * 5px) 0px 0px;}
.stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width375) * 12px);}
.pages {margin: calc(var(--width375) * 30px) auto calc(var(--width375) * 10px) auto;}
.page a {border-radius: calc(var(--width375) * 3px);height: calc(var(--width375) * 25px);font-size: calc(var(--width375) * 14px);padding:0 calc(var(--width375) * 9px);
    margin-right: calc(var(--width375) * 8px);
}
.codeconleft{margin:calc(var(--width375) * 20px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
.cdcod-con p {font-weight: 400;font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 30px);}
.cdcon-top h1 {font-size: calc(var(--width375) * 20px);line-height: calc(var(--width375) * 20px);margin:calc(var(--width375) * 17px) 0 0 0;}
.ztprDown {margin:calc(var(--width375) * 10px) 0 calc(var(--width375) * 13px) 0;}
.ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width375) * 12px);}
.cdtpbtn{  height: calc(var(--width375) * 30px);border-radius:calc(var(--width375) * 5px);font-size: calc(var(--width375) * 16px);}
.artdp span {width: calc(var(--width375) * 5px);height: calc(var(--width375) * 17px);border-radius: calc(var(--width375) * 3px);margin: 0 calc(var(--width375) * 13px) 0 0;}
.artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width375) * 20px);}
.artdp{margin: calc(var(--width375) * 10px) 0 calc(var(--width375) * 5px) 0;}
.ztcldh{margin:0 calc(var(--width375) * 15px);}
.lcld-title{ font-size: calc(var(--width375) * 16px);margin:0 calc(var(--width375) * 16px);}
.lcldcd-items{margin:0 0 calc(var(--width375) * 25px) 0;}
.lcldc-dv{margin:calc(var(--width375) * 16px) 0 0 0;}
.lcldcdv{margin:calc(var(--width375) * 16px) 0 0 0;height: calc(var(--width375) * 35px);}
.cdvall{margin:0 calc(var(--width375) * 16px);}
.cdvall,.cdvalld{font-size: calc(var(--width375) * 14px);}
.cdcod-items{margin:calc(var(--width375) * 40px) 0 0 0;}
.stykc-downs .hot-down{margin:calc(var(--width375) * 60px) 0 0 0;}
.stclt-con .breadcrumb {margin: calc(var(--width375) * 20px) 0 0 0;}
.stclt-con{margin:0 calc(var(--width375) * 16px);}
.stcltc-all h1{ font-weight: 500;font-size: calc(var(--width375) * 20px);margin:calc(var(--width375) * 20px) 0 calc(var(--width375) * 17px) 0;}
.learnTime{font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 28px);}
.learntimeLine{ height: calc(var(--width375) * 43px);margin:0 calc(var(--width375) * 32px);}
.learnTimenow,.learnTimenow:hover{width: calc(var(--width375) * 390px);height: calc(var(--width375) * 35px);border-radius:calc(var(--width375) * 5px);font-size: calc(var(--width375) * 16px);margin:calc(var(--width375) * 13px) 0 calc(var(--width375) * 17px) 0;}
.stcl-alist{ width:110%;height: calc(var(--width375) * 40px);border-radius:calc(var(--width375) * 5px);}

.stcl-alist a{font-size: calc(var(--width375) * 18px);margin:0 calc(var(--width375) * 30px) 0 0;}
.stcl-alist a:first-child{margin:0 calc(var(--width375) * 30px) 0 calc(var(--width375) * 20px);}
.stcl-alist a:last-child{margin:0 calc(var(--width375) * 50px) 0 0 ;}
.stcl-alist a span{margin:calc(var(--width375) * 8px) 0 1px 0;}
.stcl-alist a b{ width: calc(var(--width375) * 37px);height: calc(var(--width375) * 5px);border-radius:calc(var(--width375) * 3px);}
.stcsl-tips{width: calc(var(--width375) * 390px);height: calc(var(--width375) * 30px);border-radius:calc(var(--width375) * 5px);font-size: calc(var(--width375) * 12px);margin:calc(var(--width375) * 20px) 0 calc(var(--width375) * 30px) 0;}
.stcsl-tips p{margin:0 0 0 calc(var(--width375) * 10px);}
.stcsl-tips .sttips{margin:0 calc(var(--width375) * 10px) 0 0;}

.classdes .rightdTitle{margin:0 0 calc(var(--width375) * 15px) 0;}
.classdesp{ font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 30px);}
.classlist{margin:calc(var(--width375) * 34px) 0 calc(var(--width375) * 36px) 0;}
.litr-img {width: calc(var(--width375) * 13px);height: calc(var(--width375) * 8px);object-fit: cover;}
.li-titles {font-size: calc(var(--width375) * 16px);color: #333333;line-height: calc(var(--width375) * 30px);margin:0 0 calc(var(--width375) * 6px) 0;}
.lilist-title{font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 30px);}
.calist-item{padding:0 0 calc(var(--width375) * 5px) 0;margin:0 0 calc(var(--width375) * 5px) 0;}

.sttoptaba {height: calc(var(--width375) * 25px);padding: 0 calc(var(--width375) * 15px) 0 calc(var(--width375) * 13px);border-radius: calc(var(--width375) * 5px);font-size: calc(var(--width375) * 14px);margin: 0 calc(var(--width375) * 14px) 0 0;}

.styvd-tops .learntimeLine{margin:0 calc(var(--width375) * 20px);}

.kcvdall-down .learnTimenow{margin:0 calc(var(--width375) * 20px) 0 0;}
.kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width375) * 5px);font-size: calc(var(--width375) * 16px);}
.styvd-tops .stcltc-all h1{margin:calc(var(--width375) * 20px) 0 calc(var(--width375) * 13px) 0;}
.styvd-tops .learnTime{margin:calc(var(--width375) * 18px) 0 calc(var(--width375) * 20px) 0;}
.kcvdall-down{margin:0 0 calc(var(--width375) * 14px) 0;}
.techda,.techda img{width: calc(var(--width375) * 60px);height: calc(var(--width375) * 60px);margin:0 calc(var(--width375) * 11px) 0 0;}
.teachdl-rg p:nth-child(1){font-size: calc(var(--width375) * 16px);}
.teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width375) * 12px);}
.teachd-right {font-size: calc(var(--width375) * 14px);}
.teacher-des{margin:calc(var(--width375) * 30px) 0 calc(var(--width375) * 10px) 0;}
.classdes{margin:calc(var(--width375) * 30px) 0 0 0;}
.lz-li{padding:0 0 calc(var(--width375) * 20px) 0;margin:0 0 calc(var(--width375) * 20px) 0;}
.lzt-down{width: calc(var(--width375) * 60px);height: calc(var(--width375) * 30px);border-radius:calc(var(--width375) * 5px);font-size: calc(var(--width375) * 14px);}
.lzt-lititle{font-size: calc(var(--width375) * 16px);}
.stykc-downs{margin-top:calc(var(--width375) * 40px);}
.cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width375) * 10px) calc(var(--width375) * 20px) 0;}
.codestyldown .pages{margin:0 auto calc(var(--width375) * 10px) auto;}
.codedetilBg .hours-read{margin-top: calc(var(--width375) * 60px);}
.scztl-tops h1{ font-size: calc(var(--width375) * 24px);line-height: calc(var(--width375) * 24px);}
.sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width375) * 14px);}
.scztlka{height: calc(var(--width375) * 28px);padding: 0 calc(var(--width375) * 10px);border-radius: calc(var(--width375) * 5px);font-size: calc(var(--width375) * 14px);
    line-height: calc(var(--width375) * 20px);
}
.scztallcon {font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 30px);}
.scztallcon p {margin: 0 0 calc(var(--width375) * 10px) 0;}
.scztlink{padding:0 0 calc(var(--width375) * 20px) 0;}
.art-tops{margin: calc(var(--width375) * 20px) 0 0 0}
.sczttpcz{margin:calc(var(--width375) * 18px) 0;}
.codedtl-down{margin:calc(var(--width375) * 40px) 0 0 0;}
.cdcon-top{border-bottom:1px solid #F3F3F3; padding:0 0 calc(var(--width375) * 16px) 0;}
.styvd-tops,.stykclist-top{margin-top: 0;}
.artaba{font-size: calc(var(--width375) * 16px);}

.clzliimg {width: calc(var(--width375) * 35px);height: calc(var(--width375) * 45px);margin: 0 calc(var(--width375) * 11px) 0 0;object-fit: cover;}
.clzt-lititle {font-size: calc(var(--width375) * 16px);margin:0 0 calc(var(--width375) * 3px) 0;}
.clzt-lititledes {font-size: calc(var(--width375) * 14px);}
.clzt-down {width: calc(var(--width375) * 60px);height: calc(var(--width375) * 30px);border-radius: calc(var(--width375) * 5px);font-size: calc(var(--width375) * 14px);}
.clz-li{padding:0 0 calc(var(--width375) * 20px) 0;margin:0 0 calc(var(--width375) * 20px) 0;}
.nst-kjxz{margin:calc(var(--width375) * 40px) 0 0 0;}
.tptype-code { margin: calc(var(--width375) * 10px) calc(var(--width375) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width375) * 30px);
    overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
}
.arttypea-code {width: calc(var(--width375) * 178px);height: calc(var(--width375) * 28px); border-radius: calc(var(--width375) * 5px);font-size: calc(var(--width375) * 14px); 
    margin: 0 calc(var(--width375) * 12px) calc(var(--width375) * 10px) 0;line-height: calc(var(--width375) * 26px);padding: 0 calc(var(--width375) * 4px);
}
.tpmores-code img {width: calc(var(--width375) * 80px);height: calc(var(--width375) * 44px);}
.artop-types {border-bottom: calc(var(--width375) * 5px) solid #F8F8F8;}
.cdtplt-item p{ font-size: calc(var(--width375) * 18px);margin:calc(var(--width375) * 20px) 0 calc(var(--width375) * 18px) 0;}
.codetype-lists{margin:0 calc(var(--width375) * 15px) calc(var(--width375) * 30px) calc(var(--width375) * 15px);} 





  /* new updates */
  .aidwzdd-left {width: calc(var(--width375) * 50px);height: calc(var(--width375) * 50px);background-size: contain;flex-shrink: 0;}
  .aidwzdd-left {margin: 0 0 0 calc(var(--width375) * 14px);}
  .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width375) * 20px);}
  .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width375) * 14px);}
  .ngxr-top {font-size: calc(var(--width375) * 16px);margin: 0 0 calc(var(--width375) * 6px) 0;}
  .ngxr-down {font-size: calc(var(--width375) * 14px);}
  .ngxr-down a {margin: 0 calc(var(--width375) * 15px) 0 0;}
  .ngx{margin:0 0 calc(var(--width375) * 20px) 0;padding:0 0 calc(var(--width375) * 20px) 0;}
  .ngxlist-down{margin:calc(var(--width375) * 5px) 0 0 0;}




.scztlka.scztlkaright b {width: calc(var(--width375) * 9px);height: calc(var(--width375) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width375) * 5px);}
.scztlka.scztlkaleft b {width: calc(var(--width375) * 9px);height: calc(var(--width375) * 12px);background-size: contain;margin: 0 calc(var(--width375) * 5px) 0 0;}
.sctpcz-cole.check b {width: calc(var(--width375) * 15px);height: calc(var(--width375) * 15px);background-size: contain;margin-right: calc(var(--width375) * 5px);}
.sctpcz-cole b {width: calc(var(--width375) * 15px);height: calc(var(--width375) * 15px);background-size: contain;margin-right: calc(var(--width375) * 5px);}
.sctpcz-share.check b {width: calc(var(--width375) * 11px);height: calc(var(--width375) * 13px);background-size: contain;margin-right: calc(var(--width375) * 5px);}
.sctpcz-share b {width: calc(var(--width375) * 11px);height: calc(var(--width375) * 13px);background-size: contain;margin-right: calc(var(--width375) * 5px);}
.sctpcz-look b {width: calc(var(--width375) * 16px);height: calc(var(--width375) * 13px);background-size: contain;margin-right: calc(var(--width375) * 5px);}
.sctpcz-gx b {width: calc(var(--width375) * 16px);height: calc(var(--width375) * 16px);background-size: contain;margin-right: calc(var(--width375) * 5px);}
.teachd-right b {width: calc(var(--width375) * 13px);height: calc(var(--width375) * 13px);background-size: contain;margin: 0 calc(var(--width375) * 4px) 0 0;}
.cdvalld b {width: calc(var(--width375) * 18px);height: calc(var(--width375) * 22px);margin: 0 calc(var(--width375) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
.ztcldh b {width: calc(var(--width375) * 21px);height: calc(var(--width375) * 15px);background-size: contain;margin: 0 calc(var(--width375) * 3px) 0 0;}
.ztclddTime b {width: calc(var(--width375) * 18px);height: calc(var(--width375) * 18px);background-size: contain;margin: 0 calc(var(--width375) * 3px) 0 0;}
.ztclddRead b {width: calc(var(--width375) * 17px);height: calc(var(--width375) * 18px);background-size: contain;margin: 0 calc(var(--width375) * 3px) 0 0;}
.stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width375) * 14px);height: calc(var(--width375) * 15px);background-size: contain;margin: 0 calc(var(--width375) * 3px) 0 0;}
.stlist-item dl dd.cont1 span a b {width: calc(var(--width375) * 14px);height: calc(var(--width375) * 15px);background-size: contain;margin: 0 calc(var(--width375) * 3px) 0 0;}
.nstplstad b{width:calc(var(--width375) * 18px);height: calc(var(--width375) * 18px);background-size: contain;margin:0 0 0 calc(var(--width375) * 2px);}
.list-downs{margin:calc(var(--width375) * 40px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px)}



    
}
@media screen and (max-width: 361px) {



    .nstycon{margin:calc(var(--width360) * 15px);}
    .nstplsta{ width: calc(var(--width360) * 90px);height: calc(var(--width360) * 35px);border-radius:calc(var(--width360) * 5px);font-size:calc(var(--width360) * 14px);margin-right: calc(var(--width360) * 13px);margin-bottom: calc(var(--width360) * 15px);}
    .nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
    .nstytop-list{margin:calc(var(--width360) * 17px) 0 calc(var(--width360) * 20px) 0;}
    .layer-top {border-radius: 0 0 calc(var(--width360) * 12px) calc(var(--width360) * 12px);}
    .popup-content {padding: calc(var(--width360) * 16px);font-size: calc(var(--width360) * 14px);}
    .nphpCons{margin:0 0 calc(var(--width360) * 20px) 0;}
    .menu-list:nth-child(1){margin:calc(var(--width360) * 20px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .stitemtop,.stitemtopimg{width: calc(var(--width360) * 184px);height: calc(var(--width360) * 110px);border-radius: calc(var(--width360) * 5px) calc(var(--width360) * 5px) 0px 0px;}
    .stlist-item{width:  calc(var(--width360) * 184px);height:  calc(var(--width360) * 215px); border-radius: calc(var(--width360) * 5px);margin:0 0 calc(var(--width360) * 20px) 0;}
    .codedown-img{width:  calc(var(--width360) * 41px);height:  calc(var(--width360) * 41px);}
    .stitem-free {width:  calc(var(--width360) * 45px);height: calc(var(--width360) * 20px);font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 12px);
        border-radius:  calc(var(--width360) * 5px) 0;
    }
    .stlist-item dl{width: auto;margin:calc(var(--width360) * 13px) calc(var(--width360) * 12px) 0 calc(var(--width360) * 12px);}
    .stlist-item dl dt {line-height: calc(var(--width360) * 24px);overflow: hidden;height: calc(var(--width360) * 44px);font-size: calc(var(--width360) * 16px);margin: 0 0 calc(var(--width360) * 18px) 0;}
    .stlist-item dl dt span {height: calc(var(--width360) * 21px);padding: 0 calc(var(--width360) * 5px);font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 21px);margin: 0px calc(var(--width360) * 5px) 0px 0px;}
    .stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width360) * 12px);}
    .pages {margin: calc(var(--width360) * 30px) auto calc(var(--width360) * 10px) auto;}
    .page a {border-radius: calc(var(--width360) * 3px);height: calc(var(--width360) * 25px);font-size: calc(var(--width360) * 14px);padding:0 calc(var(--width360) * 9px);
        margin-right: calc(var(--width360) * 8px);
    }
    .codeconleft{margin:calc(var(--width360) * 20px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .cdcod-con p {font-weight: 400;font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 30px);}
    .cdcon-top h1 {font-size: calc(var(--width360) * 20px);line-height: calc(var(--width360) * 20px);margin:calc(var(--width360) * 17px) 0 0 0;}
    .ztprDown {margin:calc(var(--width360) * 10px) 0 calc(var(--width360) * 13px) 0;}
    .ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width360) * 12px);}
    .cdtpbtn{  height: calc(var(--width360) * 30px);border-radius:calc(var(--width360) * 5px);font-size: calc(var(--width360) * 16px);}
    .artdp span {width: calc(var(--width360) * 5px);height: calc(var(--width360) * 17px);border-radius: calc(var(--width360) * 3px);margin: 0 calc(var(--width360) * 13px) 0 0;}
    .artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width360) * 20px);}
    .artdp{margin: calc(var(--width360) * 10px) 0 calc(var(--width360) * 5px) 0;}
    .ztcldh{margin:0 calc(var(--width360) * 15px);}
    .lcld-title{ font-size: calc(var(--width360) * 16px);margin:0 calc(var(--width360) * 16px);}
    .lcldcd-items{margin:0 0 calc(var(--width360) * 25px) 0;}
    .lcldc-dv{margin:calc(var(--width360) * 16px) 0 0 0;}
    .lcldcdv{margin:calc(var(--width360) * 16px) 0 0 0;height: calc(var(--width360) * 35px);}
    .cdvall{margin:0 calc(var(--width360) * 16px);}
    .cdvall,.cdvalld{font-size: calc(var(--width360) * 14px);}
    .cdcod-items{margin:calc(var(--width360) * 40px) 0 0 0;}
    .stykc-downs .hot-down{margin:calc(var(--width360) * 60px) 0 0 0;}
    .stclt-con .breadcrumb {margin: calc(var(--width360) * 20px) 0 0 0;}
    .stclt-con{margin:0 calc(var(--width360) * 16px);}
    .stcltc-all h1{ font-weight: 500;font-size: calc(var(--width360) * 20px);margin:calc(var(--width360) * 20px) 0 calc(var(--width360) * 17px) 0;}
    .learnTime{font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 28px);}
    .learntimeLine{ height: calc(var(--width360) * 43px);margin:0 calc(var(--width360) * 32px);}
    .learnTimenow,.learnTimenow:hover{width: calc(var(--width360) * 390px);height: calc(var(--width360) * 35px);border-radius:calc(var(--width360) * 5px);font-size: calc(var(--width360) * 16px);margin:calc(var(--width360) * 13px) 0 calc(var(--width360) * 17px) 0;}
    .stcl-alist{ width:110%;height: calc(var(--width360) * 40px);border-radius:calc(var(--width360) * 5px);}
    
    .stcl-alist a{font-size: calc(var(--width360) * 18px);margin:0 calc(var(--width360) * 30px) 0 0;}
    .stcl-alist a:first-child{margin:0 calc(var(--width360) * 30px) 0 calc(var(--width360) * 20px);}
    .stcl-alist a:last-child{margin:0 calc(var(--width360) * 50px) 0 0 ;}
    .stcl-alist a span{margin:calc(var(--width360) * 8px) 0 1px 0;}
    .stcl-alist a b{ width: calc(var(--width360) * 37px);height: calc(var(--width360) * 5px);border-radius:calc(var(--width360) * 3px);}
    .stcsl-tips{width: calc(var(--width360) * 390px);height: calc(var(--width360) * 30px);border-radius:calc(var(--width360) * 5px);font-size: calc(var(--width360) * 12px);margin:calc(var(--width360) * 20px) 0 calc(var(--width360) * 30px) 0;}
    .stcsl-tips p{margin:0 0 0 calc(var(--width360) * 10px);}
    .stcsl-tips .sttips{margin:0 calc(var(--width360) * 10px) 0 0;}
    
    .classdes .rightdTitle{margin:0 0 calc(var(--width360) * 15px) 0;}
    .classdesp{ font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 30px);}
    .classlist{margin:calc(var(--width360) * 34px) 0 calc(var(--width360) * 36px) 0;}
    .litr-img {width: calc(var(--width360) * 13px);height: calc(var(--width360) * 8px);object-fit: cover;}
    .li-titles {font-size: calc(var(--width360) * 16px);color: #333333;line-height: calc(var(--width360) * 30px);margin:0 0 calc(var(--width360) * 6px) 0;}
    .lilist-title{font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 30px);}
    .calist-item{padding:0 0 calc(var(--width360) * 5px) 0;margin:0 0 calc(var(--width360) * 5px) 0;}
    
    .sttoptaba {height: calc(var(--width360) * 25px);padding: 0 calc(var(--width360) * 15px) 0 calc(var(--width360) * 13px);border-radius: calc(var(--width360) * 5px);font-size: calc(var(--width360) * 14px);margin: 0 calc(var(--width360) * 14px) 0 0;}
    
    .styvd-tops .learntimeLine{margin:0 calc(var(--width360) * 20px);}
    
    .kcvdall-down .learnTimenow{margin:0 calc(var(--width360) * 20px) 0 0;}
    .kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width360) * 5px);font-size: calc(var(--width360) * 16px);}
    .styvd-tops .stcltc-all h1{margin:calc(var(--width360) * 20px) 0 calc(var(--width360) * 13px) 0;}
    .styvd-tops .learnTime{margin:calc(var(--width360) * 18px) 0 calc(var(--width360) * 20px) 0;}
    .kcvdall-down{margin:0 0 calc(var(--width360) * 14px) 0;}
    .techda,.techda img{width: calc(var(--width360) * 60px);height: calc(var(--width360) * 60px);margin:0 calc(var(--width360) * 11px) 0 0;}
    .teachdl-rg p:nth-child(1){font-size: calc(var(--width360) * 16px);}
    .teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width360) * 12px);}
    .teachd-right {font-size: calc(var(--width360) * 14px);}
    .teacher-des{margin:calc(var(--width360) * 30px) 0 calc(var(--width360) * 10px) 0;}
    .classdes{margin:calc(var(--width360) * 30px) 0 0 0;}
    .lz-li{padding:0 0 calc(var(--width360) * 20px) 0;margin:0 0 calc(var(--width360) * 20px) 0;}
    .lzt-down{width: calc(var(--width360) * 60px);height: calc(var(--width360) * 30px);border-radius:calc(var(--width360) * 5px);font-size: calc(var(--width360) * 14px);}
    .lzt-lititle{font-size: calc(var(--width360) * 16px);}
    .stykc-downs{margin-top:calc(var(--width360) * 40px);}
    .cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width360) * 10px) calc(var(--width360) * 20px) 0;}
    .codestyldown .pages{margin:0 auto calc(var(--width360) * 10px) auto;}
    .codedetilBg .hours-read{margin-top: calc(var(--width360) * 60px);}
    .scztl-tops h1{ font-size: calc(var(--width360) * 24px);line-height: calc(var(--width360) * 24px);}
    .sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width360) * 14px);}
    .scztlka{height: calc(var(--width360) * 28px);padding: 0 calc(var(--width360) * 10px);border-radius: calc(var(--width360) * 5px);font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 20px);
    }
    .scztallcon {font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 30px);}
    .scztallcon p {margin: 0 0 calc(var(--width360) * 10px) 0;}
    .scztlink{padding:0 0 calc(var(--width360) * 20px) 0;}
    .art-tops{margin: calc(var(--width360) * 20px) 0 0 0}
    .sczttpcz{margin:calc(var(--width360) * 18px) 0;}
    .codedtl-down{margin:calc(var(--width360) * 40px) 0 0 0;}
    .cdcon-top{border-bottom:1px solid #F3F3F3; padding:0 0 calc(var(--width360) * 16px) 0;}
    .styvd-tops,.stykclist-top{margin-top: 0;}
    .artaba{font-size: calc(var(--width360) * 16px);}

    .clzliimg {width: calc(var(--width360) * 35px);height: calc(var(--width360) * 45px);margin: 0 calc(var(--width360) * 11px) 0 0;object-fit: cover;}
    .clzt-lititle {font-size: calc(var(--width360) * 16px);margin:0 0 calc(var(--width360) * 3px) 0;}
    .clzt-lititledes {font-size: calc(var(--width360) * 14px);}
    .clzt-down {width: calc(var(--width360) * 60px);height: calc(var(--width360) * 30px);border-radius: calc(var(--width360) * 5px);font-size: calc(var(--width360) * 14px);}
    .clz-li{padding:0 0 calc(var(--width360) * 20px) 0;margin:0 0 calc(var(--width360) * 20px) 0;}
    .nst-kjxz{margin:calc(var(--width360) * 40px) 0 0 0;}
    .tptype-code { margin: calc(var(--width360) * 10px) calc(var(--width360) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width360) * 30px);
        overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
    }
    .arttypea-code {width: calc(var(--width360) * 178px);height: calc(var(--width360) * 28px); border-radius: calc(var(--width360) * 5px);font-size: calc(var(--width360) * 14px); 
        margin: 0 calc(var(--width360) * 12px) calc(var(--width360) * 10px) 0;line-height: calc(var(--width360) * 26px);padding: 0 calc(var(--width360) * 4px);
    }
    .tpmores-code img {width: calc(var(--width360) * 80px);height: calc(var(--width360) * 44px);}
    .artop-types {border-bottom: calc(var(--width360) * 5px) solid #F8F8F8;}
    .cdtplt-item p{ font-size: calc(var(--width360) * 18px);margin:calc(var(--width360) * 20px) 0 calc(var(--width360) * 18px) 0;}
    .codetype-lists{margin:0 calc(var(--width360) * 15px) calc(var(--width360) * 30px) calc(var(--width360) * 15px);} 





  /* new updates */
  .aidwzdd-left {width: calc(var(--width360) * 50px);height: calc(var(--width360) * 50px);background-size: contain;flex-shrink: 0;}
  .aidwzdd-left {margin: 0 0 0 calc(var(--width360) * 14px);}
  .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width360) * 20px);}
  .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width360) * 14px);}
  .ngxr-top {font-size: calc(var(--width360) * 16px);margin: 0 0 calc(var(--width360) * 6px) 0;}
  .ngxr-down {font-size: calc(var(--width360) * 14px);}
  .ngxr-down a {margin: 0 calc(var(--width360) * 15px) 0 0;}
  .ngx{margin:0 0 calc(var(--width360) * 20px) 0;padding:0 0 calc(var(--width360) * 20px) 0;}
  .ngxlist-down{margin:calc(var(--width360) * 5px) 0 0 0;}
  

    
    .scztlka.scztlkaright b {width: calc(var(--width360) * 9px);height: calc(var(--width360) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width360) * 5px);}
    .scztlka.scztlkaleft b {width: calc(var(--width360) * 9px);height: calc(var(--width360) * 12px);background-size: contain;margin: 0 calc(var(--width360) * 5px) 0 0;}
    .sctpcz-cole.check b {width: calc(var(--width360) * 15px);height: calc(var(--width360) * 15px);background-size: contain;margin-right: calc(var(--width360) * 5px);}
    .sctpcz-cole b {width: calc(var(--width360) * 15px);height: calc(var(--width360) * 15px);background-size: contain;margin-right: calc(var(--width360) * 5px);}
    .sctpcz-share.check b {width: calc(var(--width360) * 11px);height: calc(var(--width360) * 13px);background-size: contain;margin-right: calc(var(--width360) * 5px);}
    .sctpcz-share b {width: calc(var(--width360) * 11px);height: calc(var(--width360) * 13px);background-size: contain;margin-right: calc(var(--width360) * 5px);}
    .sctpcz-look b {width: calc(var(--width360) * 16px);height: calc(var(--width360) * 13px);background-size: contain;margin-right: calc(var(--width360) * 5px);}
    .sctpcz-gx b {width: calc(var(--width360) * 16px);height: calc(var(--width360) * 16px);background-size: contain;margin-right: calc(var(--width360) * 5px);}
    .teachd-right b {width: calc(var(--width360) * 13px);height: calc(var(--width360) * 13px);background-size: contain;margin: 0 calc(var(--width360) * 4px) 0 0;}
    .cdvalld b {width: calc(var(--width360) * 18px);height: calc(var(--width360) * 22px);margin: 0 calc(var(--width360) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
    .ztcldh b {width: calc(var(--width360) * 21px);height: calc(var(--width360) * 15px);background-size: contain;margin: 0 calc(var(--width360) * 3px) 0 0;}
    .ztclddTime b {width: calc(var(--width360) * 18px);height: calc(var(--width360) * 18px);background-size: contain;margin: 0 calc(var(--width360) * 3px) 0 0;}
    .ztclddRead b {width: calc(var(--width360) * 17px);height: calc(var(--width360) * 18px);background-size: contain;margin: 0 calc(var(--width360) * 3px) 0 0;}
    .stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width360) * 14px);height: calc(var(--width360) * 15px);background-size: contain;margin: 0 calc(var(--width360) * 3px) 0 0;}
    .stlist-item dl dd.cont1 span a b {width: calc(var(--width360) * 14px);height: calc(var(--width360) * 15px);background-size: contain;margin: 0 calc(var(--width360) * 3px) 0 0;}
    .nstplstad b{width:calc(var(--width360) * 18px);height: calc(var(--width360) * 18px);background-size: contain;margin:0 0 0 calc(var(--width360) * 2px);}
    .list-downs{margin:calc(var(--width360) * 40px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px)}
    



}

@media screen and (max-width: 345px) {
    


}
@media screen and (max-width: 331px) {

    


.nstycon{margin:calc(var(--width330) * 15px);}
.nstplsta{ width: calc(var(--width330) * 90px);height: calc(var(--width330) * 35px);border-radius:calc(var(--width330) * 5px);font-size:calc(var(--width330) * 14px);margin-right: calc(var(--width330) * 13px);margin-bottom: calc(var(--width330) * 15px);}
.nstplsta:nth-last-child(-n + 4) {margin-bottom: 0;}
.nstytop-list{margin:calc(var(--width330) * 17px) 0 calc(var(--width330) * 20px) 0;}
.layer-top {border-radius: 0 0 calc(var(--width330) * 12px) calc(var(--width330) * 12px);}
.popup-content {padding: calc(var(--width330) * 16px);font-size: calc(var(--width330) * 14px);}
.nphpCons{margin:0 0 calc(var(--width330) * 20px) 0;}
.menu-list:nth-child(1){margin:calc(var(--width330) * 20px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);}
.stitemtop,.stitemtopimg{width: calc(var(--width330) * 184px);height: calc(var(--width330) * 110px);border-radius: calc(var(--width330) * 5px) calc(var(--width330) * 5px) 0px 0px;}
.stlist-item{width:  calc(var(--width330) * 184px);height:  calc(var(--width330) * 215px); border-radius: calc(var(--width330) * 5px);margin:0 0 calc(var(--width330) * 20px) 0;}
.codedown-img{width:  calc(var(--width330) * 41px);height:  calc(var(--width330) * 41px);}
.stitem-free {width:  calc(var(--width330) * 45px);height: calc(var(--width330) * 20px);font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 12px);
    border-radius:  calc(var(--width330) * 5px) 0;
}
.stlist-item dl{width: auto;margin:calc(var(--width330) * 13px) calc(var(--width330) * 12px) 0 calc(var(--width330) * 12px);}
.stlist-item dl dt {line-height: calc(var(--width330) * 24px);overflow: hidden;height: calc(var(--width330) * 44px);font-size: calc(var(--width330) * 16px);margin: 0 0 calc(var(--width330) * 18px) 0;}
.stlist-item dl dt span {height: calc(var(--width330) * 21px);padding: 0 calc(var(--width330) * 5px);font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 21px);margin: 0px calc(var(--width330) * 5px) 0px 0px;}
.stlist-item dl .cont1,.stlist-item dl .cont1 a{font-size: calc(var(--width330) * 12px);}
.pages {margin: calc(var(--width330) * 30px) auto calc(var(--width330) * 10px) auto;}
.page a {border-radius: calc(var(--width330) * 3px);height: calc(var(--width330) * 25px);font-size: calc(var(--width330) * 14px);padding:0 calc(var(--width330) * 9px);
    margin-right: calc(var(--width330) * 8px);
}
.codeconleft{margin:calc(var(--width330) * 20px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);}
.cdcod-con p {font-weight: 400;font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 30px);}
.cdcon-top h1 {font-size: calc(var(--width330) * 20px);line-height: calc(var(--width330) * 20px);margin:calc(var(--width330) * 17px) 0 0 0;}
.ztprDown {margin:calc(var(--width330) * 10px) 0 calc(var(--width330) * 13px) 0;}
.ztcldh, .ztcldh a, .ztclddTime, .ztclddRead {font-size: calc(var(--width330) * 12px);}
.cdtpbtn{  height: calc(var(--width330) * 30px);border-radius:calc(var(--width330) * 5px);font-size: calc(var(--width330) * 16px);}
.artdp span {width: calc(var(--width330) * 5px);height: calc(var(--width330) * 17px);border-radius: calc(var(--width330) * 3px);margin: 0 calc(var(--width330) * 13px) 0 0;}
.artdp,.artdp p,.scztallcon .artdp p{font-size: calc(var(--width330) * 20px);}
.artdp{margin: calc(var(--width330) * 10px) 0 calc(var(--width330) * 5px) 0;}
.ztcldh{margin:0 calc(var(--width330) * 15px);}
.lcld-title{ font-size: calc(var(--width330) * 16px);margin:0 calc(var(--width330) * 16px);}
.lcldcd-items{margin:0 0 calc(var(--width330) * 25px) 0;}
.lcldc-dv{margin:calc(var(--width330) * 16px) 0 0 0;}
.lcldcdv{margin:calc(var(--width330) * 16px) 0 0 0;height: calc(var(--width330) * 35px);}
.cdvall{margin:0 calc(var(--width330) * 16px);}
.cdvall,.cdvalld{font-size: calc(var(--width330) * 14px);}
.cdcod-items{margin:calc(var(--width330) * 40px) 0 0 0;}
.stykc-downs .hot-down{margin:calc(var(--width330) * 60px) 0 0 0;}
.stclt-con .breadcrumb {margin: calc(var(--width330) * 20px) 0 0 0;}
.stclt-con{margin:0 calc(var(--width330) * 16px);}
.stcltc-all h1{ font-weight: 500;font-size: calc(var(--width330) * 20px);margin:calc(var(--width330) * 20px) 0 calc(var(--width330) * 17px) 0;}
.learnTime{font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 28px);}
.learntimeLine{ height: calc(var(--width330) * 43px);margin:0 calc(var(--width330) * 32px);}
.learnTimenow,.learnTimenow:hover{width: calc(var(--width330) * 390px);height: calc(var(--width330) * 35px);border-radius:calc(var(--width330) * 5px);font-size: calc(var(--width330) * 16px);margin:calc(var(--width330) * 13px) 0 calc(var(--width330) * 17px) 0;}
.stcl-alist{ width:110%;height: calc(var(--width330) * 40px);border-radius:calc(var(--width330) * 5px);}

.stcl-alist a{font-size: calc(var(--width330) * 18px);margin:0 calc(var(--width330) * 30px) 0 0;}
.stcl-alist a:first-child{margin:0 calc(var(--width330) * 30px) 0 calc(var(--width330) * 20px);}
.stcl-alist a:last-child{margin:0 calc(var(--width330) * 50px) 0 0 ;}
.stcl-alist a span{margin:calc(var(--width330) * 8px) 0 1px 0;}
.stcl-alist a b{ width: calc(var(--width330) * 37px);height: calc(var(--width330) * 5px);border-radius:calc(var(--width330) * 3px);}
.stcsl-tips{width: calc(var(--width330) * 390px);height: calc(var(--width330) * 30px);border-radius:calc(var(--width330) * 5px);font-size: calc(var(--width330) * 12px);margin:calc(var(--width330) * 20px) 0 calc(var(--width330) * 30px) 0;}
.stcsl-tips p{margin:0 0 0 calc(var(--width330) * 10px);}
.stcsl-tips .sttips{margin:0 calc(var(--width330) * 10px) 0 0;}

.classdes .rightdTitle{margin:0 0 calc(var(--width330) * 15px) 0;}
.classdesp{ font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 30px);}
.classlist{margin:calc(var(--width330) * 34px) 0 calc(var(--width330) * 36px) 0;}
.litr-img {width: calc(var(--width330) * 13px);height: calc(var(--width330) * 8px);object-fit: cover;}
.li-titles {font-size: calc(var(--width330) * 16px);color: #333333;line-height: calc(var(--width330) * 30px);margin:0 0 calc(var(--width330) * 6px) 0;}
.lilist-title{font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 30px);}
.calist-item{padding:0 0 calc(var(--width330) * 5px) 0;margin:0 0 calc(var(--width330) * 5px) 0;}

.sttoptaba {height: calc(var(--width330) * 25px);padding: 0 calc(var(--width330) * 15px) 0 calc(var(--width330) * 13px);border-radius: calc(var(--width330) * 5px);font-size: calc(var(--width330) * 14px);margin: 0 calc(var(--width330) * 14px) 0 0;}

.styvd-tops .learntimeLine{margin:0 calc(var(--width330) * 20px);}

.kcvdall-down .learnTimenow{margin:0 calc(var(--width330) * 20px) 0 0;}
.kcvdall-down .downloadkj{background: #FB9B3D;border-radius: calc(var(--width330) * 5px);font-size: calc(var(--width330) * 16px);}
.styvd-tops .stcltc-all h1{margin:calc(var(--width330) * 20px) 0 calc(var(--width330) * 13px) 0;}
.styvd-tops .learnTime{margin:calc(var(--width330) * 18px) 0 calc(var(--width330) * 20px) 0;}
.kcvdall-down{margin:0 0 calc(var(--width330) * 14px) 0;}
.techda,.techda img{width: calc(var(--width330) * 60px);height: calc(var(--width330) * 60px);margin:0 calc(var(--width330) * 11px) 0 0;}
.teachdl-rg p:nth-child(1){font-size: calc(var(--width330) * 16px);}
.teachdl-rg p:nth-child(2),.teachdl-rg p:nth-child(3){font-size: calc(var(--width330) * 12px);}
.teachd-right {font-size: calc(var(--width330) * 14px);}
.teacher-des{margin:calc(var(--width330) * 30px) 0 calc(var(--width330) * 10px) 0;}
.classdes{margin:calc(var(--width330) * 30px) 0 0 0;}
.lz-li{padding:0 0 calc(var(--width330) * 20px) 0;margin:0 0 calc(var(--width330) * 20px) 0;}
.lzt-down{width: calc(var(--width330) * 60px);height: calc(var(--width330) * 30px);border-radius:calc(var(--width330) * 5px);font-size: calc(var(--width330) * 14px);}
.lzt-lititle{font-size: calc(var(--width330) * 16px);}
.stykc-downs{margin-top:calc(var(--width330) * 40px);}
.cdlstcon .nstytop-list .nstplsta{margin:0 calc(var(--width330) * 10px) calc(var(--width330) * 20px) 0;}
.codestyldown .pages{margin:0 auto calc(var(--width330) * 10px) auto;}
.codedetilBg .hours-read{margin-top: calc(var(--width330) * 60px);}
.scztl-tops h1{ font-size: calc(var(--width330) * 24px);line-height: calc(var(--width330) * 24px);}
.sctpcz-btns, .sctpcz-btns a {font-size: calc(var(--width330) * 14px);}
.scztlka{height: calc(var(--width330) * 28px);padding: 0 calc(var(--width330) * 10px);border-radius: calc(var(--width330) * 5px);font-size: calc(var(--width330) * 14px);
    line-height: calc(var(--width330) * 20px);
}
.scztallcon {font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 30px);}
.scztallcon p {margin: 0 0 calc(var(--width330) * 10px) 0;}
.scztlink{padding:0 0 calc(var(--width330) * 20px) 0;}
.art-tops{margin: calc(var(--width330) * 20px) 0 0 0}
.sczttpcz{margin:calc(var(--width330) * 18px) 0;}
.codedtl-down{margin:calc(var(--width330) * 40px) 0 0 0;}
.cdcon-top{border-bottom:1px solid #F3F3F3; padding:0 0 calc(var(--width330) * 16px) 0;}
.styvd-tops,.stykclist-top{margin-top: 0;}
.artaba{font-size: calc(var(--width330) * 16px);}


.clzliimg {width: calc(var(--width330) * 35px);height: calc(var(--width330) * 45px);margin: 0 calc(var(--width330) * 11px) 0 0;object-fit: cover;}
.clzt-lititle {font-size: calc(var(--width330) * 16px);margin:0 0 calc(var(--width330) * 3px) 0;}
.clzt-lititledes {font-size: calc(var(--width330) * 14px);}
.clzt-down {width: calc(var(--width330) * 60px);height: calc(var(--width330) * 30px);border-radius: calc(var(--width330) * 5px);font-size: calc(var(--width330) * 14px);}
.clz-li{padding:0 0 calc(var(--width330) * 20px) 0;margin:0 0 calc(var(--width330) * 20px) 0;}
.nst-kjxz{margin:calc(var(--width330) * 40px) 0 0 0;}
.tptype-code { margin: calc(var(--width330) * 10px) calc(var(--width330) * 15px);overflow-x: auto !important;flex-wrap: nowrap;height: calc(var(--width330) * 30px);
    overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;
}
.arttypea-code {width: calc(var(--width330) * 178px);height: calc(var(--width330) * 28px); border-radius: calc(var(--width330) * 5px);font-size: calc(var(--width330) * 14px); 
    margin: 0 calc(var(--width330) * 12px) calc(var(--width330) * 10px) 0;line-height: calc(var(--width330) * 26px);padding: 0 calc(var(--width330) * 4px);
}
.tpmores-code img {width: calc(var(--width330) * 80px);height: calc(var(--width330) * 44px);}
.artop-types {border-bottom: calc(var(--width330) * 5px) solid #F8F8F8;}
.cdtplt-item p{ font-size: calc(var(--width330) * 18px);margin:calc(var(--width330) * 20px) 0 calc(var(--width330) * 18px) 0;}
.codetype-lists{margin:0 calc(var(--width330) * 15px) calc(var(--width330) * 30px) calc(var(--width330) * 15px);} 




  /* new updates */
  .aidwzdd-left {width: calc(var(--width330) * 50px);height: calc(var(--width330) * 50px);background-size: contain;flex-shrink: 0;}
  .aidwzdd-left {margin: 0 0 0 calc(var(--width330) * 14px);}
  .aidwzdd-left span:nth-child(1) {font-size: calc(var(--width330) * 20px);}
  .aidwzdd-left span:nth-child(2) {font-size: calc(var(--width330) * 14px);}
  .ngxr-top {font-size: calc(var(--width330) * 16px);margin: 0 0 calc(var(--width330) * 6px) 0;}
  .ngxr-down {font-size: calc(var(--width330) * 14px);}
  .ngxr-down a {margin: 0 calc(var(--width330) * 15px) 0 0;}
  .ngx{margin:0 0 calc(var(--width330) * 20px) 0;padding:0 0 calc(var(--width330) * 20px) 0;}
  .ngxlist-down{margin:calc(var(--width330) * 5px) 0 0 0;}



.scztlka.scztlkaright b {width: calc(var(--width330) * 9px);height: calc(var(--width330) * 12px);background-size: contain;margin: 0 0 0 calc(var(--width330) * 5px);}
.scztlka.scztlkaleft b {width: calc(var(--width330) * 9px);height: calc(var(--width330) * 12px);background-size: contain;margin: 0 calc(var(--width330) * 5px) 0 0;}
.sctpcz-cole.check b {width: calc(var(--width330) * 15px);height: calc(var(--width330) * 15px);background-size: contain;margin-right: calc(var(--width330) * 5px);}
.sctpcz-cole b {width: calc(var(--width330) * 15px);height: calc(var(--width330) * 15px);background-size: contain;margin-right: calc(var(--width330) * 5px);}
.sctpcz-share.check b {width: calc(var(--width330) * 11px);height: calc(var(--width330) * 13px);background-size: contain;margin-right: calc(var(--width330) * 5px);}
.sctpcz-share b {width: calc(var(--width330) * 11px);height: calc(var(--width330) * 13px);background-size: contain;margin-right: calc(var(--width330) * 5px);}
.sctpcz-look b {width: calc(var(--width330) * 16px);height: calc(var(--width330) * 13px);background-size: contain;margin-right: calc(var(--width330) * 5px);}
.sctpcz-gx b {width: calc(var(--width330) * 16px);height: calc(var(--width330) * 16px);background-size: contain;margin-right: calc(var(--width330) * 5px);}
.teachd-right b {width: calc(var(--width330) * 13px);height: calc(var(--width330) * 13px);background-size: contain;margin: 0 calc(var(--width330) * 4px) 0 0;}
.cdvalld b {width: calc(var(--width330) * 18px);height: calc(var(--width330) * 22px);margin: 0 calc(var(--width330) * 8px) 0 0;background-size: contain;flex-shrink: 0;}
.ztcldh b {width: calc(var(--width330) * 21px);height: calc(var(--width330) * 15px);background-size: contain;margin: 0 calc(var(--width330) * 3px) 0 0;}
.ztclddTime b {width: calc(var(--width330) * 18px);height: calc(var(--width330) * 18px);background-size: contain;margin: 0 calc(var(--width330) * 3px) 0 0;}
.ztclddRead b {width: calc(var(--width330) * 17px);height: calc(var(--width330) * 18px);background-size: contain;margin: 0 calc(var(--width330) * 3px) 0 0;}
.stlist-item dl dd.cont1 span.collected a b {width: calc(var(--width330) * 14px);height: calc(var(--width330) * 15px);background-size: contain;margin: 0 calc(var(--width330) * 3px) 0 0;}
.stlist-item dl dd.cont1 span a b {width: calc(var(--width330) * 14px);height: calc(var(--width330) * 15px);background-size: contain;margin: 0 calc(var(--width330) * 3px) 0 0;}
.nstplstad b{width:calc(var(--width330) * 18px);height: calc(var(--width330) * 18px);background-size: contain;margin:0 0 0 calc(var(--width330) * 2px);}

.list-downs{margin:calc(var(--width330) * 40px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px)}




}