html{overflow-x:hidden;}
.bodyBg.newarticle{padding-bottom:20px;}
.newarticle .headdownall,.newartdetail .articlehead{display:none;}
.newartdetail .headdownall{display:flex;}
.arttopmore{width:100%;background:#FFFFFF;z-index: 100;}
.art-tops{margin:20px 15px 0 15px;}
.artop-tabs {overflow: auto;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding:5px 15px 12px 15px;border-bottom: 1px solid#F3F3F3;}
.artop-tabs::-webkit-scrollbar {display: none;width: 0;height: 0;}
.artop-tabs{-ms-overflow-style: none; scrollbar-width: none; }
.artaba{white-space: nowrap;font-size: 18px;color: #666666;margin:0 15px 0 0;}
.artaba:last-child{margin:0;}
.artaba.check{font-weight:bold;color:#333333;}

.tptype{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::-webkit-scrollbar {display: none;width: 0;height: 0;}
.tptype{-ms-overflow-style: none; scrollbar-width: none; }

.tptype.shows{margin-bottom:25px;max-height:150px;flex-wrap:wrap;height: auto;}
.tptype.shows.showsall{height: auto;max-height: 300px;overflow-y:auto;}
.arttypea{width:82px;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;}
.shows .arttypea:nth-child(4n+4){margin-right: 0;}
.arttypea:nth-last-child(-n+4) { margin-bottom: 0;  }
.arttypea:last-child{margin:0;}
.arttypea.check{color:#F13536;background: #FEF5F5;font-weight: 500;}
.artop-types{position: relative; border-bottom: 5px solid #F8F8F8;overflow-y: hidden;}
.artop-types.nobot{border-bottom: none;}
.tpmores{position: absolute;right: 0;}
.tpmores img{width:81px;height: 44px;}
.artclDiv{margin:20px 0 0 0;padding:0 0 20px 0;border-bottom: 1px solid  #F3F3F3;}
.pages{margin:30px auto 10px auto;}
.page{text-align: center;}
.page a{ border-radius:3px;border: 1px solid #E4E4E4;height:auto;font-size: 14px;color: #999999;padding:5px 9px;margin-right: 5px;}
.page a.active{border: 1px solid #333333;color:#333333;background:#FFFFFF;}

.arttop-layer{background: #333333;opacity: 0.5;display: none; height: 100%;  width: 100%;position: fixed;top: 0;left: 0;z-index: 10;}
.artLists .clddTitle,.clddCon{-webkit-line-clamp: 1;}
.clddCon{font-size: 14px;color: #999999;}
.artLists .clDiv{padding:0;border-bottom: none;}
.artLists .clDiv:last-child{margin:0;}
.artLists .clDiv:first-child{margin-top: 0;}
.art-tops .artLists{overflow: hidden;}
.newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
, .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
{width:21px;height:20px; background:url(../mobimages/icon310.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
.newarticle .codedl{margin:40px 0 0 0;}
.newarticle .hot-down{margin:65px 0 0 0;}
.newarticle .quality-courses{margin:40px 0 60px 0;}
.newarticle .advertisement{margin:65px 0 0 0;}
.showbtns img{width:12px;height: 9px;cursor: pointer;position: absolute;  transform: rotate(180deg);transition: opacity .3s ease, transform .3s ease;}
.showbtns {position: relative;width:100%;height: 15px; margin-top: -25px;   justify-content: center;align-items: center;width: 100%;display:none;}
.showbtns img.active {opacity: 1; transform: rotate(0deg);}
.showbtns.show{display:flex !important;}
.article-content a{word-wrap: break-word;white-space: normal;}
.aritcle_card_img{display:flex;}

.artlayers{overflow-y: hidden;}
.artlayers .layui-layer-content{height:auto !important;}
.artlayers .layui-layer-title,.artlayers .layui-layer-setwin .layui-layer-close1{display:none;}
.artlayer{width:100%;height:100%;}
.artclose{position:absolute;top:20px;right:20px;width:11px;height: 12px;}
.artlycontop{width:100%;height: 40px;background: #FCF5E5;border-radius:5px;align-items: center;margin:46px 0 16px 0;}
.artwarn{width:19px;height: 17px;}
.artlycontop img{margin:0 7px 0 21px;}
.artlycontop p{font-size: 16px;color: #333333;line-height: 30px;}
.artlyconbtn p{font-size: 14px;color: #333333;line-height: 25px;margin:0 0 16px 0;}
.artlyconbtn a{width: 100px;height: 35px;border: 1px solid #F35936;border-radius:5px;font-size: 14px;color: #F35936;line-height: 30px;margin: 0 auto 20px auto;}
.artlyconbtn a:hover{color:#F35936;}
.artlaycons{margin:0 23px;}




.breadcrumb img{width:14px;height:18px;margin:0 4px 0 0;}   
.breadcrumb ,.freeSize,.freeSize a{font-size: 14px;color: #A7A7A7;}
.freeSize a.lastbreada{color:#000000;}
.breadcrumb{align-items: center;margin:0 0 14px 0;}

.artop-left{justify-content: space-between;align-items: center;padding:0 0 20px 0;border-bottom: 1px solid #F3F3F3;}
.artavatar{width:40px;height: 40px;border-radius: 50%;margin:0 11px 0 0;}
.artldr-name{font-size: 16px;line-height: 18px;color:#333333;margin:0 0 8px 0;}
.artldr-down{font-size: 12px;line-height: 14px;color:#999999;}
.artldr-down p{display:flex;align-items: center;}

.artldr-down p:nth-of-type(1){margin:0 10px 0 0;}
.art-tops h1{margin:0 0 20px 0;font-size: 20px;color: #333333;line-height: 30px;font-weight: bold;}
.artop-right{width: 40px;height: 20px;background: #F8F8F8;border-radius:3px;font-size: 14px;color: #999999;line-height: 26px;}
.aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: 70px;background: #F8F8F8;border-radius:5px;margin:20px 0;}
.nphpQianCont .aritcle_card{margin:0;}
.nphpQianCont ul{margin-top: 15px;}
.nphpQianCont ul li{list-style-type: disc;margin-bottom: 10px;}
.nphpQianCont ul li:last-child{margin-bottom: 0;}
.aritcle_card_img,.aritcle_card_img img{width:50px;height: 50px;border-radius: 15px ;}
.aritcle_card_img{margin:0 10px 0 0;}
.aritcle_card_img img{margin-top: 0 !important;flex-shrink: 0;}
.nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: 16px;color: #333333;line-height: 16px;-webkit-line-clamp: 1;}
.aritcle_card_info p{font-size: 12px;color: #999999;-webkit-line-clamp: 1;margin:10px 0 0 0 !important;}
.nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: 65px;height:25px;background: #FFFFFF;border-radius:5px;border: 1px solid #F13536;font-size: 14px;color: #F13536;flex-shrink: 0;}
.nphpQianCont .aritcle_card_btn,.aritcle_card_btn:hover{color:#F13536;}
.artcardd{margin:9px 10px 9px 10px;align-items: center;}

.aritcle_card_info{margin:0 30px 0 0 ;justify-content: space-between;width:385px;}
.artdesc{width:100%;height:auto;background: #FFF8F9;border-radius:5px;text-indent: 0;background-color: #FFF8F9;
    border-left: 5px solid #FCEBEB;color: #555;margin:0 0 20px 0;
}
.artdesc p{margin:14px 13px 15px 15px;font-size: 16px;color: #333333;line-height: 30px; }
.artcona{margin:0 auto;}
.artconimg{width:310px;height:170px;margin:0 auto 25px auto;}
.artdp{font-size:20px;color: #333333;display:flex;align-items: center;font-weight:bold;margin:0 0 18px 0;}
.aritcle_card+.artdp{margin-top: 25px;}
.artp{font-size: 16px;color: #333333;line-height: 30px;margin:0 0 22px 0;}
.artdp span{width: 5px;height: 17px;background: #F13536;border-radius: 3px;margin:0 13px 0 0;}
.artmrlis{align-items: center;font-size: 16px;color: #333333;line-height: 16px;margin:0 0 20px 0;}
.artmrlis p{margin:0 0 0 15px;-webkit-line-clamp: 1;word-break: break-all;}
.artmrlis:last-child{margin:0;}
.artmoreart{margin:25px 0 0 0;}
.artmoretabs{flex-wrap: wrap;}
.artmoretabs p{flex-shrink: 0;font-size: 16px;color: #333333;margin:0 11px 0 0;}
.mtbs{flex-wrap: wrap;}

.mtbsa{font-size: 14px;color: #999999;padding:0 8px;height: 24px;border-radius:5px;border: 1px solid #E4E4E4;margin:0 8px 15px 0;line-height: 22px;}
.statement{font-size: 14px;color: #666666;margin:10px 0 25px 0;border-radius:5px;border: 3px solid #FCEBEB;line-height: 22px;}
.statementd{margin:9px 20px 10px 20px;font-size: 14px;color: #666666;line-height: 22px;}
.stetop{align-items: center;margin:0 0 4px 0;}
.stetop p{width:103px;height:33px;background:url(../mobimages/icon316.png) no-repeat;background-size: contain;flex-shrink: 0;}
.stetop b{height: 1px;background: #FBC3C3;width: 100%;}
.lastanext{width:100%;height:auto;border-radius: 5px;align-items: center;justify-content: space-between;}
.lastanext a{font-size: 16px;color: #333333;line-height: 33px;background: #F8F8F8;white-space: nowrap;width: 100%;}
.lastanext p{margin:0 10px;-webkit-line-clamp:1;}
.lastart span,.nextart span{color:#999999;}
.lastart{margin:0 0 15px 0;}
.nextart{margin:0  0 0;}
.autharts{align-items: center;justify-content: space-between;margin:0 0 14px 0;}
.autharts:last-child{margin:0;}
.autharta,.authtime{align-items: center;}
.autharta{font-size: 16px;color: #333333;line-height: 24px;}
.autharta p{margin:0 0 0 15px;-webkit-line-clamp: 1;    word-break: break-all;}
.authtime{font-size: 14px;color: #999999;line-height: 14px;flex-shrink: 0;}
.authormore{margin:40px 0 0 0;}
.authlist{margin:0 0 16px 0;}
.authlist:last-child{margin:0;}
.aibtns {align-items: center;transition: all .3s ease;}
.aibtnimg {width: 72px;height: 72px;border-radius: 15px;}
.aibtn-right {justify-content: space-between;height: auto;}
.abripone {font-size: 16px;color: #000000;line-height: 16px;-webkit-line-clamp: 1;margin:0;}
.abriptwo {margin:10px 0;font-size: 14px;color: #999999;line-height: 14px;-webkit-line-clamp: 1;}
.aidcontbp {width: auto;height: 25px;padding: 0 6px;margin: 0 7px 0 0;background: #F8F8F8;border-radius: 5px;font-size: 12px;color: #999999;
    max-width: 80px;line-height: 25px;overflow: hidden;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;
}
.moreailist{flex-wrap: wrap;}
.aidcons{display:flex;}
.aibtns:nth-child(4n+4){margin-right: 0;}
.aibtns:nth-last-of-type(-n + 4){margin-bottom: 0;}
.moreAi{margin:40px 0 0 0;}
.rightdTitle {justify-content: space-between;margin: 0 0 20px 0;align-items: center;}
.rititle-more {font-size: 14px;color: #899099;line-height: 22px;align-items: center;}
.artztswiper{width: 100%;overflow: hidden;}
.clddiv .clddp{-webkit-line-clamp: 1;font-size: 14px;color: #999999;margin:6px 0 8px 0;}
.xgzt.artLists .clddiv{justify-content: center;       }
.xgzt,.jpkc,.adversitement,.zxarts{margin:40px 0 0 0;}
.xgarts{margin:30px 0 0 0;}
.hotdownload{margin:60px 0 30 0;}
.adversitement,.adversitement img{width:100%;height: 332px;}
.wzrfourli{align-items: center;}
.wzrfourli a {margin: 0 0 0 15px;line-height: 35px;font-size: 16px;}
.wzrfourli a ,.xgwzlid a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.wzrfourli a span:nth-child(1) {color: #999999;margin: 0 4px 0 0;}
.wzrfourli a span:nth-child(2) {color: #333333;}
.hdTabs,.jpkcTabs{font-size: 18px;color:#999999;margin:0 0 15px 0;}
.hdTabs div.check, .jpkcTabs div.check {color: #333333;}
.hdTabs div, .jpkcTabs div {display: flex;;flex-direction: column;margin: 0 6px;}
.hdTabs div:nth-child(1), .jpkcTabs div:nth-child(1) {margin-left: 0;}
.hdTabs div:nth-child(4), .jpkcTabs div:nth-child(4) {margin-right: 0;}
.hdTabs div.check b, .jpkcTabs div.check b {background: #F13536;}
.hdTabs div b, .jpkcTabs div b {width: 100%;height: 4px;border-radius: 2px;margin:2px 0 0 0;}
.xgwzlid{align-items: center;margin:0 0 20px 0;}
.xgwzlid a {font-size: 16px;line-height: 18px;margin: 0 0 0 15px;}
.jpkc .ristyAimg {border-radius: 5px;margin: 0 15px 0 0;width: 140px;height: 86px;}
.jpkc .rirightp {word-break: break-all;margin:6px 0 12px 0;height: 40px;-webkit-line-clamp:2;height: auto;line-height: 24px;font-size: 16px;}
.jpkc .risrdown {font-size: 12px;}
.risrdown {color: #999999;line-height: 20px;align-items: center;white-space: nowrap;}
.ristyA{margin:0 0 20px 0;}
.jpktabd .ristyA:last-child{margin-bottom:0;}
.syntaxhighlighter .gutter p,.syntaxhighlighter .line{margin-top: 0;}

.copy-button {padding: 5px 10px;background-color: #666;border: none;color: #FFF;font-size: 12px;cursor: pointer;border-radius: 5px;
    position: relative;top: 33px;right: 5px;z-index: 99;float: right;
}
h3+.copy-button{top:55px;}
.newarticle .nphpQianContIn,.newarticle blockquote{width: 100%;height: auto;background: #FFF8F9;border-radius: 5px;text-indent: 0;
    background-color: #FFF8F9;border-left: 5px solid #FCEBEB;color: #555;padding-top: 10px;
}
.newarticle blockquote p{margin-top: 0;}
.newarticle .hot-down{margin-bottom: 20px;}

/* art list */
.artlist{margin:0 20px 10px 20px;}
.atlitd{align-items: center;justify-content: space-between;    width: 100%;}
.atlititle-more{align-items: center;font-size: 14px;color: #959595; }
.atlitd-left{font-size: 20px;color: #333333;align-items: center;font-weight: bold;}
.atliglul li{display:flex;align-items: center;margin:15px 0 0 0;}
.atli-title{margin:0 0 3px 0;}
.atligulia{-webkit-line-clamp: 1;font-size: 16px;color: #333333;line-height:20px;}
.artlistd{border-bottom:  5px solid #F8F8F8;padding:0 0 15px 0;margin:20px 0 0 0;}
.artlistd:last-child{border-bottom: none;}
.newarticle .swiper-pagination{width:90%;}

.atliglul li b{width: 12px;height: 12px;background: url(../mobimages/icon315.png) no-repeat;background-size: contain;margin: 0 8px 0 0;flex-shrink: 0;}
.atlitd-left b{width:20px;height: 20px;background: url(../mobimages/icon310.png) no-repeat;background-size: contain;margin: 0 6px 0 0 ;}
.artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,.xgzt .rititle-more b,
.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
{ width: 8px;height: 11px;background: url(../mobimages/icon261.png) no-repeat;background-size: contain;margin: 0 0 0 3px;}
.artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:13px;height:13px; background:url(../mobimages/icon315.png) no-repeat;background-size: contain;flex-shrink: 0;}
.artldr-down p:nth-of-type(1) b{width:12px;height:12px; background:url(../mobimages/icon251.png) no-repeat;background-size: contain;margin:0 2px 0 0;}
.artldr-down p:nth-of-type(2) b{width:17px;height:12px; background:url(../mobimages/icon242.png) no-repeat;background-size: contain;margin:0 2px 0 0;}
.nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:16px;height:16px; background:url(../mobimages/icon314.png) no-repeat;background-size: contain;margin:0 2px 0 0;}


@media screen and (max-width: 1024px) {
    .arttopmore,.mflyBox{max-width: 750px;}
    .shows .arttypea:nth-child(4n+4){margin:0 12px 0 0;}

}


@media screen and (max-width: 751px) {
  
    .art-tops{margin:calc(var(--width750) * 20px) calc(var(--width750) * 15px) 0 calc(var(--width750) * 15px);}
    .artop-tabs {padding:calc(var(--width750) * 5px) calc(var(--width750) * 15px) calc(var(--width750) * 12px) calc(var(--width750) * 15px);}
    .artaba{font-size: calc(var(--width750) * 18px);margin:0 calc(var(--width750) * 15px) 0 0;}
    .tptype{margin: calc(var(--width750) * 10px) calc(var(--width750) * 15px);height: calc(var(--width750) * 30px);}
    .tptype.shows{margin-bottom:calc(var(--width750) * 25px);max-height:calc(var(--width750) * 150px);}
    .tptype.shows.showsall{max-height: 300px;}
    .arttypea{width:calc(var(--width750) * 82px);height: calc(var(--width750) * 28px);border-radius:5px; font-size: calc(var(--width750) * 14px);margin:0 calc(var(--width750) * 12px) calc(var(--width750) * 10px) 0;line-height: calc(var(--width750) * 26px);}
    .shows .arttypea:nth-child(4n+4){margin:0;}
    .tpmores img{width:calc(var(--width750) * 81px);height: calc(var(--width750) * 44px);}
    .artclDiv{margin:calc(var(--width750) * 20px) 0 0 0;padding:0 0 calc(var(--width750) * 20px) 0;}
    .pages{margin:calc(var(--width750) * 30px) auto calc(var(--width750) * 10px) auto;}
    .page a{ border-radius:calc(var(--width750) * 3px); font-size: calc(var(--width750) * 14px);padding:calc(var(--width750) * 5px) calc(var(--width750) * 9px); }
    .clddCon{font-size: calc(var(--width750) * 14px);}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    ,.moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:calc(var(--width750) * 21px);height:calc(var(--width750) * 20px); ;background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;}
    .newarticle .codedl{margin:calc(var(--width750) * 40px) 0 0 0;}
    .newarticle .hot-down{margin:calc(var(--width750) * 65px) 0 calc(var(--width750) * 20px) 0;}
    .newarticle .quality-courses{margin:calc(var(--width750) * 40px) 0 calc(var(--width750) * 60px) 0;}
    .hotdownload{margin: calc(var(--width750) * 60px) 0 calc(var(--width750) * 30px) 0;}
    .newarticle .advertisement{margin:calc(var(--width750) * 65px) 0 0 0;}
    .showbtns img{width:calc(var(--width750) * 12px);height: calc(var(--width750) * 9px);}
    .showbtns {height: calc(var(--width750) * 15px); margin-top: -25px;}
    .breadcrumb img{width:calc(var(--width750) * 14px);height:calc(var(--width750) * 18px);margin:0 calc(var(--width750) * 4px) 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width750) * 14px);}
    .breadcrumb{margin:0 0 calc(var(--width750) * 14px) 0;}
    .artop-left{padding:0 0 calc(var(--width750) * 20px) 0;}
    .artavatar{width:calc(var(--width750) * 40px);height: calc(var(--width750) * 40px);margin:0 calc(var(--width750) * 11px) 0 0;}
    .artldr-name{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 18px);margin:0 0 calc(var(--width750) * 8px) 0;}
    .artldr-down{font-size: calc(var(--width750) * 12px);line-height: calc(var(--width750) * 14px);}
    .artldr-down p:nth-of-type(1){margin:0 calc(var(--width750) * 10px) 0 0;}
    .art-tops h1{margin:0 0 calc(var(--width750) * 20px) 0;font-size: calc(var(--width750) * 20px);line-height: calc(var(--width750) * 30px);}
    .artop-right{width: calc(var(--width750) * 40px);height: calc(var(--width750) * 20px);border-radius:calc(var(--width750) * 3px);font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 26px);}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: calc(var(--width750) * 70px);border-radius:5px;margin:calc(var(--width750) * 20px) 0;}
    .aritcle_card_img,.aritcle_card_img img{width:calc(var(--width750) * 50px);height: calc(var(--width750) * 50px);border-radius: calc(var(--width750) * 15px) ;}
    .aritcle_card_img{margin:0 calc(var(--width750) * 10px) 0 0;}
    .nphpQianCont ul{margin-top: calc(var(--width750) * 10px);}
    .nphpQianCont ul li{margin-bottom: calc(var(--width750) * 10px);}
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 16px);}
    .aritcle_card_info p{font-size: calc(var(--width750) * 12px);margin:calc(var(--width750) * 10px) 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: calc(var(--width750) * 65px);height:calc(var(--width750) * 25px);border-radius:calc(var(--width750) * 5px);font-size: calc(var(--width750) * 14px);}
    .artcardd{margin:calc(var(--width750) * 9px) calc(var(--width750) * 10px) calc(var(--width750) * 9px) calc(var(--width750) * 10px);}
    .aritcle_card_info{margin:0 calc(var(--width750) * 30px) 0 0 ;width:calc(var(--width750) * 215px);}
    .artdesc{border-radius:calc(var(--width750) * 5px);border-left: 5px solid #FCEBEB;margin:0 0 calc(var(--width750) * 20px) 0;}
    .artdesc p{margin:calc(var(--width750) * 14px) calc(var(--width750) * 13px) calc(var(--width750) * 15px) calc(var(--width750) * 15px);font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 30px); }
    .artconimg{width:calc(var(--width750) * 310px);height:calc(var(--width750) * 170px);margin:0 auto calc(var(--width750) * 25px) auto;}
    .artdp{font-size:calc(var(--width750) * 20px);margin:0 0 calc(var(--width750) * 18px) 0;}
    .aritcle_card+.artdp{margin-top: calc(var(--width750) * 25px);}
    .artp{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 30px);margin:0 0 calc(var(--width750) * 22px) 0;}
    .artdp span{width: calc(var(--width750) * 5px);height: calc(var(--width750) * 17px);border-radius: 3px;margin:0 calc(var(--width750) * 13px) 0 0;}
    .artmrlis{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 16px);margin:0 0 calc(var(--width750) * 20px) 0;}
    .artmrlis p{margin:0 0 0 calc(var(--width750) * 15px);}
    .artmoreart{margin:calc(var(--width750) * 25px) 0 0 0;}
    .artmoretabs p{font-size: calc(var(--width750) * 16px);margin:0 calc(var(--width750) * 11px) 0 0;}
    .mtbsa{font-size: calc(var(--width750) * 14px);padding:0 calc(var(--width750) * 8px);height: calc(var(--width750) * 24px);border-radius:5px;margin:0 calc(var(--width750) * 8px) calc(var(--width750) * 15px) 0;line-height: calc(var(--width750) * 22px);}
    .statement{font-size: calc(var(--width750) * 14px);margin:calc(var(--width750) * 10px) 0 calc(var(--width750) * 25px) 0;border-radius:calc(var(--width750) * 5px);border: calc(var(--width750) * 3px) solid #FCEBEB;line-height: calc(var(--width750) * 22px);}
    .statementd{margin:9px calc(var(--width750) * 20px) calc(var(--width750) * 10px) calc(var(--width750) * 20px);font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 22px);}
    .stetop{margin:0 0 calc(var(--width750) * 4px) 0;}
    .stetop p{width:calc(var(--width750) * 103px);height:calc(var(--width750) * 33px);background-size: contain;}
    .lastanext{border-radius: calc(var(--width750) * 5px);}
    .lastanext a{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 33px);}
    .lastanext p{margin:0 calc(var(--width750) * 10px);}
    .lastart{margin:0 0 calc(var(--width750) * 15px) 0;}
    .autharts{margin:0 0 calc(var(--width750) * 14px) 0;}
    .autharta{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 24px);}
    .autharta p{margin:0 0 0 calc(var(--width750) * 15px);}
    .authtime{font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 14px);flex-shrink: 0;}
    .authormore{margin:calc(var(--width750) * 40px) 0 0 0;}
    .authlist{margin:0 0 calc(var(--width750) * 16px) 0;}
    .aibtnimg {width: calc(var(--width750) * 72px);height: calc(var(--width750) * 72px);border-radius: calc(var(--width750) * 15px);}
    .abripone {font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 16px);}
    .abriptwo {margin:calc(var(--width750) * 10px) 0;font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 14px);}
    .aidcontbp {height: calc(var(--width750) * 25px);padding: 0 calc(var(--width750) * 6px);margin: 0 calc(var(--width750) * 7px) 0 0;border-radius: calc(var(--width750) * 5px);font-size: calc(var(--width750) * 12px);
        max-width: calc(var(--width750) * 80px);line-height: calc(var(--width750) * 25px);
    }
    .moreAi{margin:calc(var(--width750) * 40px) 0 0 0;}
    .rightdTitle {margin: 0 0 calc(var(--width750) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 22px);}
    .clddiv .clddp{font-size: calc(var(--width750) * 14px);margin:calc(var(--width750) * 6px) 0 calc(var(--width750) * 8px) 0;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:calc(var(--width750) * 40px) 0 0 0;}
    .xgarts{margin:calc(var(--width750) * 30px) 0 0 0;}
    .adversitement,.adversitement img{height: calc(var(--width750) * 332px);}
    .wzrfourli a {margin: 0 0 0 calc(var(--width750) * 15px);line-height: calc(var(--width750) * 35px);font-size: calc(var(--width750) * 16px);}
    .wzrfourli a span:nth-child(1) {margin: 0 calc(var(--width750) * 4px) 0 0;}
    .hdTabs,.jpkcTabs{font-size: calc(var(--width750) * 18px);margin:0 0 calc(var(--width750) * 15px) 0;}
    .hdTabs div, .jpkcTabs div {margin: 0 calc(var(--width750) * 6px);}
    .hdTabs div b, .jpkcTabs div b {height: calc(var(--width750) * 4px);margin:calc(var(--width750) * 2px) 0 0 0;}
    .xgwzlid{margin:0 0 calc(var(--width750) * 20px) 0;}
    .xgwzlid a {font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 18px);margin: 0 0 0 calc(var(--width750) * 15px);}
    .jpkc .ristyAimg {border-radius: calc(var(--width750) * 5px);margin: 0 calc(var(--width750) * 15px) 0 0;width: calc(var(--width750) * 140px);height: calc(var(--width750) * 86px);}
    .jpkc .rirightp {margin:calc(var(--width750) * 6px) 0 calc(var(--width750) * 12px) 0;height: calc(var(--width750) * 45px);line-height: calc(var(--width750) * 24px);font-size: calc(var(--width750) * 16px);}
    .jpkc .risrdown {font-size: calc(var(--width750) * 12px);}
    .risrdown {line-height: calc(var(--width750) * 20px);}
    .ristyA{margin:0 0 calc(var(--width750) * 20px) 0;}

    /* art list */
    .artlist{margin:0 calc(var(--width750) * 20px) calc(var(--width750) * 10px) calc(var(--width750) * 20px);}
    .atlititle-more{font-size: calc(var(--width750) * 14px);}
    .atlitd-left{font-size: calc(var(--width750) * 20px);}
    .atliglul li{margin:calc(var(--width750) * 15px) 0 0 0;}
    .atli-title{margin:0 0 calc(var(--width750) * 3px) 0;}
    .atligulia{font-size: calc(var(--width750) * 16px);line-height:calc(var(--width750) * 20px);}
    .artlistd{border-bottom:  calc(var(--width750) * 5px) solid #F8F8F8;padding:0 0 calc(var(--width750) * 15px) 0;margin:calc(var(--width750) * 20px) 0 0 0;}


    .atliglul li b{width: calc(var(--width750) * 12px);height: calc(var(--width750) * 12px); background-size: contain;margin: 0 calc(var(--width750) * 8px) 0 0;flex-shrink: 0;}
    .atlitd-left b{width:calc(var(--width750) * 20px);height: calc(var(--width750) * 20px);background-size: contain;margin: 0 calc(var(--width750) * 6px) 0 0 ;}
    
    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,.xgzt .rititle-more b,
    .hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b    { width: calc(var(--width750) * 8px);height: calc(var(--width750) * 11px); background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:calc(var(--width750) * 13px);height:calc(var(--width750) * 13px); background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:calc(var(--width750) * 12px);height:calc(var(--width750) * 12px); background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:calc(var(--width750) * 17px);height:calc(var(--width750) * 12px); background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:calc(var(--width750) * 16px);height:calc(var(--width750) * 16px); background-size: contain;margin:0 2px 0 0;}
    

}


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

    .art-tops{margin:calc(var(--width560) * 20px) calc(var(--width560) * 15px) 0 calc(var(--width560) * 15px);}
    .artop-tabs {padding:calc(var(--width560) * 5px) calc(var(--width560) * 15px) calc(var(--width560) * 12px) calc(var(--width560) * 15px);}
    .artaba{font-size: calc(var(--width560) * 18px);margin:0 calc(var(--width560) * 15px) 0 0;}
    .tptype{margin: calc(var(--width560) * 10px) calc(var(--width560) * 15px);height: calc(var(--width560) * 30px);}
    .tptype.shows{margin-bottom:calc(var(--width560) * 25px);max-height:calc(var(--width560) * 150px);}
    .tptype.shows.showsall{max-height: 435px;}
    .arttypea{width:calc(var(--width560) * 82px);height: calc(var(--width560) * 28px);border-radius:5px; font-size: calc(var(--width560) * 14px);margin:0 calc(var(--width560) * 12px) calc(var(--width560) * 10px) 0;line-height: calc(var(--width560) * 26px);}
    .tpmores img{width:calc(var(--width560) * 81px);height: calc(var(--width560) * 44px);}
    .artclDiv{margin:calc(var(--width560) * 20px) 0 0 0;padding:0 0 calc(var(--width560) * 20px) 0;}
    .pages{margin:calc(var(--width560) * 30px) auto calc(var(--width560) * 10px) auto;}
    .page a{ border-radius:calc(var(--width560) * 3px); font-size: calc(var(--width560) * 14px);padding:calc(var(--width560) * 5px) calc(var(--width560) * 9px); }
    .clddCon{font-size: calc(var(--width560) * 14px);}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    , .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:calc(var(--width560) * 21px);height:calc(var(--width560) * 20px); ;background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    .newarticle .codedl {margin:calc(var(--width560) * 40px) 0 0 0;}
    .newarticle .hot-down{margin:calc(var(--width560) * 65px) 0 calc(var(--width560) * 20px) 0;}
    .newarticle .quality-courses{margin:calc(var(--width560) * 40px) 0 calc(var(--width560) * 60px) 0;}
    .hotdownload{margin: calc(var(--width560) * 60px) 0 calc(var(--width560) * 30px) 0;}
    .newarticle .advertisement{margin:calc(var(--width560) * 65px) 0 0 0;}
    .showbtns img{width:calc(var(--width560) * 12px);height: calc(var(--width560) * 9px);}
    .showbtns {height: calc(var(--width560) * 15px); margin-top: -25px;}
    .breadcrumb img{width:calc(var(--width560) * 14px);height:calc(var(--width560) * 18px);margin:0 calc(var(--width560) * 4px) 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width560) * 14px);}
    .breadcrumb{margin:0 0 calc(var(--width560) * 14px) 0;}
    .artop-left{padding:0 0 calc(var(--width560) * 20px) 0;}
    .artavatar{width:calc(var(--width560) * 40px);height: calc(var(--width560) * 40px);margin:0 calc(var(--width560) * 11px) 0 0;}
    .artldr-name{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 18px);margin:0 0 calc(var(--width560) * 8px) 0;}
    .artldr-down{font-size: calc(var(--width560) * 12px);line-height: calc(var(--width560) * 14px);}
    .artldr-down p:nth-of-type(1){margin:0 calc(var(--width560) * 10px) 0 0;}
    .art-tops h1{margin:0 0 calc(var(--width560) * 20px) 0;font-size: calc(var(--width560) * 20px);line-height: calc(var(--width560) * 30px);}
    .artop-right{width: calc(var(--width560) * 40px);height: calc(var(--width560) * 20px);border-radius:calc(var(--width560) * 3px);font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 26px);}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: calc(var(--width560) * 70px);border-radius:5px;margin:calc(var(--width560) * 20px) 0;}
    .aritcle_card_img,.aritcle_card_img img{width:calc(var(--width560) * 50px);height: calc(var(--width560) * 50px);border-radius: calc(var(--width560) * 15px) ;}
    .aritcle_card_img{margin:0 calc(var(--width560) * 10px) 0 0;}
    .nphpQianCont ul{margin-top: calc(var(--width560) * 10px);}
    .nphpQianCont ul li{margin-bottom: calc(var(--width560) * 10px);}
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 16px);}
    .aritcle_card_info p{font-size: calc(var(--width560) * 12px);margin:calc(var(--width560) * 10px) 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: calc(var(--width560) * 65px);height:calc(var(--width560) * 25px);border-radius:calc(var(--width560) * 5px);font-size: calc(var(--width560) * 14px);}
    .artcardd{margin:calc(var(--width560) * 9px) calc(var(--width560) * 10px) calc(var(--width560) * 9px) calc(var(--width560) * 10px);}
    .aritcle_card_info{margin:0 calc(var(--width560) * 30px) 0 0 ;width:calc(var(--width560) * 215px);}
    .artdesc{border-radius:calc(var(--width560) * 5px);border-left: 5px solid #FCEBEB;margin:0 0 calc(var(--width560) * 20px) 0;}
    .artdesc p{margin:calc(var(--width560) * 14px) calc(var(--width560) * 13px) calc(var(--width560) * 15px) calc(var(--width560) * 15px);font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 30px); }
    .artconimg{width:calc(var(--width560) * 310px);height:calc(var(--width560) * 170px);margin:0 auto calc(var(--width560) * 25px) auto;}
    .artdp{font-size:calc(var(--width560) * 20px);margin:0 0 calc(var(--width560) * 18px) 0;}
    .aritcle_card+.artdp{margin-top: calc(var(--width560) * 25px);}
    .artp{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 30px);margin:0 0 calc(var(--width560) * 22px) 0;}
    .artdp span{width: calc(var(--width560) * 5px);height: calc(var(--width560) * 17px);border-radius: 3px;margin:0 calc(var(--width560) * 13px) 0 0;}
    .artmrlis{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 16px);margin:0 0 calc(var(--width560) * 20px) 0;}
    .artmrlis p{margin:0 0 0 calc(var(--width560) * 15px);}
    .artmoreart{margin:calc(var(--width560) * 25px) 0 0 0;}
    .artmoretabs p{font-size: calc(var(--width560) * 16px);margin:0 calc(var(--width560) * 11px) 0 0;}
    .mtbsa{font-size: calc(var(--width560) * 14px);padding:0 calc(var(--width560) * 8px);height: calc(var(--width560) * 24px);border-radius:5px;margin:0 calc(var(--width560) * 8px) calc(var(--width560) * 15px) 0;line-height: calc(var(--width560) * 22px);}
    .statement{font-size: calc(var(--width560) * 14px);margin:calc(var(--width560) * 10px) 0 calc(var(--width560) * 25px) 0;border-radius:calc(var(--width560) * 5px);border: calc(var(--width560) * 3px) solid #FCEBEB;line-height: calc(var(--width560) * 22px);}
    .statementd{margin:9px calc(var(--width560) * 20px) calc(var(--width560) * 10px) calc(var(--width560) * 20px);font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 22px);}
    .stetop{margin:0 0 calc(var(--width560) * 4px) 0;}
    .stetop p{width:calc(var(--width560) * 103px);height:calc(var(--width560) * 33px);background-size: contain;}
    .lastanext{border-radius: calc(var(--width560) * 5px);}
    .lastanext a{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 33px);}
    .lastanext p{margin:0 calc(var(--width560) * 10px);}
    .lastart{margin:0 0 calc(var(--width560) * 15px) 0;}
    .autharts{margin:0 0 calc(var(--width560) * 14px) 0;}
    .autharta{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 24px);}
    .autharta p{margin:0 0 0 calc(var(--width560) * 15px);}
    .authtime{font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 14px);flex-shrink: 0;}
    .authormore{margin:calc(var(--width560) * 40px) 0 0 0;}
    .authlist{margin:0 0 calc(var(--width560) * 16px) 0;}
    .aibtnimg {width: calc(var(--width560) * 72px);height: calc(var(--width560) * 72px);border-radius: calc(var(--width560) * 15px);}
    .abripone {font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 16px);}
    .abriptwo {margin:calc(var(--width560) * 10px) 0;font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 14px);}
    .aidcontbp {height: calc(var(--width560) * 25px);padding: 0 calc(var(--width560) * 6px);margin: 0 calc(var(--width560) * 7px) 0 0;border-radius: calc(var(--width560) * 5px);font-size: calc(var(--width560) * 12px);
        max-width: calc(var(--width560) * 80px);line-height: calc(var(--width560) * 25px);
    }
    .moreAi{margin:calc(var(--width560) * 40px) 0 0 0;}
    .rightdTitle {margin: 0 0 calc(var(--width560) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width560) * 14px);line-height: calc(var(--width560) * 22px);}
    .clddiv .clddp{font-size: calc(var(--width560) * 14px);margin:calc(var(--width560) * 6px) 0 calc(var(--width560) * 8px) 0;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:calc(var(--width560) * 40px) 0 0 0;}
    .xgarts{margin:calc(var(--width560) * 30px) 0 0 0;}
    .adversitement,.adversitement img{height: calc(var(--width560) * 332px);}
    .wzrfourli a {margin: 0 0 0 calc(var(--width560) * 15px);line-height: calc(var(--width560) * 35px);font-size: calc(var(--width560) * 16px);}
    .wzrfourli a span:nth-child(1) {margin: 0 calc(var(--width560) * 4px) 0 0;}
    .hdTabs,.jpkcTabs{font-size: calc(var(--width560) * 18px);margin:0 0 calc(var(--width560) * 15px) 0;}
    .hdTabs div, .jpkcTabs div {margin: 0 calc(var(--width560) * 6px);}
    .hdTabs div b, .jpkcTabs div b {height: calc(var(--width560) * 4px);margin:calc(var(--width560) * 2px) 0 0 0;}
    .xgwzlid{margin:0 0 calc(var(--width560) * 20px) 0;}
    .xgwzlid a {font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 18px);margin: 0 0 0 calc(var(--width560) * 15px);}
    .jpkc .ristyAimg {border-radius: calc(var(--width560) * 5px);margin: 0 calc(var(--width560) * 15px) 0 0;width: calc(var(--width560) * 140px);height: calc(var(--width560) * 86px);}
    .jpkc .rirightp {margin:calc(var(--width560) * 6px) 0 calc(var(--width560) * 12px) 0;height: calc(var(--width560) * 45px);line-height: calc(var(--width560) * 24px);font-size: calc(var(--width560) * 16px);}
    .jpkc .risrdown {font-size: calc(var(--width560) * 12px);}
    .risrdown {line-height: calc(var(--width560) * 20px);}
    .ristyA{margin:0 0 calc(var(--width560) * 20px) 0;}
    
    
    /* art list */
    .artlist{margin:0 calc(var(--width560) * 20px) calc(var(--width560) * 10px) calc(var(--width560) * 20px);}
    .atlititle-more{font-size: calc(var(--width560) * 14px);}
    .atlitd-left{font-size: calc(var(--width560) * 20px);}
    .atliglul li{margin:calc(var(--width560) * 15px) 0 0 0;}
    .atli-title{margin:0 0 calc(var(--width560) * 3px) 0;}
    .atligulia{font-size: calc(var(--width560) * 16px);line-height:calc(var(--width560) * 20px);}
    .artlistd{border-bottom:  calc(var(--width560) * 5px) solid #F8F8F8;padding:0 0 calc(var(--width560) * 15px) 0;margin:calc(var(--width560) * 20px) 0 0 0;}


    .atliglul li b{width: calc(var(--width560) * 12px);height: calc(var(--width560) * 12px); background-size: contain;margin: 0 calc(var(--width560) * 8px) 0 0;flex-shrink: 0;}
    .atlitd-left b{width:calc(var(--width560) * 20px);height: calc(var(--width560) * 20px);background-size: contain;margin: 0 calc(var(--width560) * 6px) 0 0 ;}
    


    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,
    .xgzt .rititle-more b,.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
    { width: calc(var(--width560) * 8px);height: calc(var(--width560) * 11px); background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:calc(var(--width560) * 13px);height:calc(var(--width560) * 13px); background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:calc(var(--width560) * 12px);height:calc(var(--width560) * 12px); background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:calc(var(--width560) * 17px);height:calc(var(--width560) * 12px); background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:calc(var(--width560) * 16px);height:calc(var(--width560) * 16px); background-size: contain;margin:0 2px 0 0;}

    

}


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

    .art-tops{margin:calc(var(--width540) * 20px) calc(var(--width540) * 15px) 0 calc(var(--width540) * 15px);}
    .artop-tabs {padding:calc(var(--width540) * 5px) calc(var(--width540) * 15px) calc(var(--width540) * 12px) calc(var(--width540) * 15px);}
    .artaba{font-size: calc(var(--width540) * 18px);margin:0 calc(var(--width540) * 15px) 0 0;}
    .tptype{margin: calc(var(--width540) * 10px) calc(var(--width540) * 15px);height: calc(var(--width540) * 30px);}
    .tptype.shows{margin-bottom:calc(var(--width540) * 25px);max-height:calc(var(--width540) * 150px);}
    .tptype.shows.showsall{max-height: 425px;}
    .arttypea{width:calc(var(--width540) * 82px);height: calc(var(--width540) * 28px);border-radius:5px; font-size: calc(var(--width540) * 14px);margin:0 calc(var(--width540) * 14px) calc(var(--width540) * 10px) 0;line-height: calc(var(--width540) * 26px);}
    .tpmores img{width:calc(var(--width540) * 81px);height: calc(var(--width540) * 44px);}
    .artclDiv{margin:calc(var(--width540) * 20px) 0 0 0;padding:0 0 calc(var(--width540) * 20px) 0;}
    .pages{margin:calc(var(--width540) * 30px) auto calc(var(--width540) * 10px) auto;}
    .page a{ border-radius:calc(var(--width540) * 3px); font-size: calc(var(--width540) * 14px);padding:calc(var(--width540) * 5px) calc(var(--width540) * 9px); }
    .clddCon{font-size: calc(var(--width540) * 14px);}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    , .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:calc(var(--width540) * 21px);height:calc(var(--width540) * 20px); ;background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    .newarticle .codedl {margin:calc(var(--width540) * 40px) 0 0 0;}
    .newarticle .hot-down{margin:calc(var(--width540) * 65px) 0 calc(var(--width540) * 20px) 0;}
    .newarticle .quality-courses{margin:calc(var(--width540) * 40px) 0 calc(var(--width560) * 60px) 0;}
    .hotdownload{margin: calc(var(--width540) * 60px) 0 calc(var(--width540) * 30px) 0;}
    .newarticle .advertisement{margin:calc(var(--width540) * 65px) 0 0 0;}
    .showbtns img{width:calc(var(--width540) * 12px);height: calc(var(--width540) * 9px);}
    .showbtns {height: calc(var(--width540) * 15px); margin-top: -25px;}
    .breadcrumb img{width:calc(var(--width540) * 14px);height:calc(var(--width540) * 18px);margin:0 calc(var(--width540) * 4px) 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width540) * 14px);}
    .breadcrumb{margin:0 0 calc(var(--width540) * 14px) 0;}
    .artop-left{padding:0 0 calc(var(--width540) * 20px) 0;}
    .artavatar{width:calc(var(--width540) * 40px);height: calc(var(--width540) * 40px);margin:0 calc(var(--width540) * 11px) 0 0;}
    .artldr-name{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 18px);margin:0 0 calc(var(--width540) * 8px) 0;}
    .artldr-down{font-size: calc(var(--width540) * 12px);line-height: calc(var(--width540) * 14px);}
    .artldr-down p:nth-of-type(1){margin:0 calc(var(--width540) * 10px) 0 0;}
    .art-tops h1{margin:0 0 calc(var(--width540) * 20px) 0;font-size: calc(var(--width540) * 20px);line-height: calc(var(--width540) * 30px);}
    .artop-right{width: calc(var(--width540) * 40px);height: calc(var(--width540) * 20px);border-radius:calc(var(--width540) * 3px);font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 26px);}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: calc(var(--width540) * 70px);border-radius:5px;margin:calc(var(--width540) * 20px) 0;}
    .aritcle_card_img,.aritcle_card_img img{width:calc(var(--width540) * 50px);height: calc(var(--width540) * 50px);border-radius: calc(var(--width540) * 15px) ;}
    .aritcle_card_img{margin:0 calc(var(--width540) * 10px) 0 0;}
    .nphpQianCont ul{margin-top: calc(var(--width540) * 10px);}
    .nphpQianCont ul li{margin-bottom: calc(var(--width540) * 10px);}
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 16px);}
    .aritcle_card_info p{font-size: calc(var(--width540) * 12px);margin:calc(var(--width540) * 10px) 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: calc(var(--width540) * 65px);height:calc(var(--width540) * 25px);border-radius:calc(var(--width540) * 5px);font-size: calc(var(--width540) * 14px);}
    .artcardd{margin:calc(var(--width540) * 9px) calc(var(--width540) * 10px) calc(var(--width540) * 9px) calc(var(--width540) * 10px);}
    .aritcle_card_info{margin:0 calc(var(--width540) * 30px) 0 0 ;width:calc(var(--width540) * 215px);}
    .artdesc{border-radius:calc(var(--width540) * 5px);border-left: 5px solid #FCEBEB;margin:0 0 calc(var(--width540) * 20px) 0;}
    .artdesc p{margin:calc(var(--width540) * 14px) calc(var(--width540) * 13px) calc(var(--width540) * 15px) calc(var(--width540) * 15px);font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 30px); }
    .artconimg{width:calc(var(--width540) * 310px);height:calc(var(--width540) * 170px);margin:0 auto calc(var(--width540) * 25px) auto;}
    .artdp{font-size:calc(var(--width540) * 20px);margin:0 0 calc(var(--width540) * 18px) 0;}
    .aritcle_card+.artdp{margin-top: calc(var(--width540) * 25px);}
    .artp{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 30px);margin:0 0 calc(var(--width540) * 22px) 0;}
    .artdp span{width: calc(var(--width540) * 5px);height: calc(var(--width540) * 17px);border-radius: 3px;margin:0 calc(var(--width540) * 13px) 0 0;}
    .artmrlis{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 16px);margin:0 0 calc(var(--width540) * 20px) 0;}
    .artmrlis p{margin:0 0 0 calc(var(--width540) * 15px);}
    .artmoreart{margin:calc(var(--width540) * 25px) 0 0 0;}
    .artmoretabs p{font-size: calc(var(--width540) * 16px);margin:0 calc(var(--width540) * 11px) 0 0;}
    .mtbsa{font-size: calc(var(--width540) * 14px);padding:0 calc(var(--width540) * 8px);height: calc(var(--width540) * 24px);border-radius:5px;margin:0 calc(var(--width540) * 8px) calc(var(--width540) * 15px) 0;line-height: calc(var(--width540) * 22px);}
    .statement{font-size: calc(var(--width540) * 14px);margin:calc(var(--width540) * 10px) 0 calc(var(--width540) * 25px) 0;border-radius:calc(var(--width540) * 5px);border: calc(var(--width540) * 3px) solid #FCEBEB;line-height: calc(var(--width540) * 22px);}
    .statementd{margin:9px calc(var(--width540) * 20px) calc(var(--width540) * 10px) calc(var(--width540) * 20px);font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 22px);}
    .stetop{margin:0 0 calc(var(--width540) * 4px) 0;}
    .stetop p{width:calc(var(--width540) * 103px);height:calc(var(--width540) * 33px);background-size: contain;}
    .lastanext{border-radius: calc(var(--width540) * 5px);}
    .lastanext a{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 33px);}
    .lastanext p{margin:0 calc(var(--width540) * 10px);}
    .lastart{margin:0 0 calc(var(--width540) * 15px) 0;}
    .autharts{margin:0 0 calc(var(--width540) * 14px) 0;}
    .autharta{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 24px);}
    .autharta p{margin:0 0 0 calc(var(--width540) * 15px);}
    .authtime{font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 14px);flex-shrink: 0;}
    .authormore{margin:calc(var(--width540) * 40px) 0 0 0;}
    .authlist{margin:0 0 calc(var(--width540) * 16px) 0;}
    .aibtnimg {width: calc(var(--width540) * 72px);height: calc(var(--width540) * 72px);border-radius: calc(var(--width540) * 15px);}
    .abripone {font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 16px);}
    .abriptwo {margin:calc(var(--width540) * 10px) 0;font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 14px);}
    .aidcontbp {height: calc(var(--width540) * 25px);padding: 0 calc(var(--width540) * 6px);margin: 0 calc(var(--width540) * 7px) 0 0;border-radius: calc(var(--width540) * 5px);font-size: calc(var(--width540) * 12px);
        max-width: calc(var(--width540) * 80px);line-height: calc(var(--width540) * 25px);
    }
    .moreAi{margin:calc(var(--width540) * 40px) 0 0 0;}
    .rightdTitle {margin: 0 0 calc(var(--width540) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width540) * 14px);line-height: calc(var(--width540) * 22px);}
    .clddiv .clddp{font-size: calc(var(--width540) * 14px);margin:calc(var(--width540) * 6px) 0 calc(var(--width540) * 8px) 0;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:calc(var(--width540) * 40px) 0 0 0;}
    .xgarts{margin:calc(var(--width540) * 30px) 0 0 0;}
    .adversitement,.adversitement img{height: calc(var(--width540) * 332px);}
    .wzrfourli a {margin: 0 0 0 calc(var(--width540) * 15px);line-height: calc(var(--width540) * 35px);font-size: calc(var(--width540) * 16px);}
    .wzrfourli a span:nth-child(1) {margin: 0 calc(var(--width540) * 4px) 0 0;}
    .hdTabs,.jpkcTabs{font-size: calc(var(--width540) * 18px);margin:0 0 calc(var(--width540) * 15px) 0;}
    .hdTabs div, .jpkcTabs div {margin: 0 calc(var(--width540) * 6px);}
    .hdTabs div b, .jpkcTabs div b {height: calc(var(--width540) * 4px);margin:calc(var(--width540) * 2px) 0 0 0;}
    .xgwzlid{margin:0 0 calc(var(--width540) * 20px) 0;}
    .xgwzlid a {font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 18px);margin: 0 0 0 calc(var(--width540) * 15px);}
    .jpkc .ristyAimg {border-radius: calc(var(--width540) * 5px);margin: 0 calc(var(--width540) * 15px) 0 0;width: calc(var(--width540) * 140px);height: calc(var(--width540) * 86px);}
    .jpkc .rirightp {margin:calc(var(--width540) * 6px) 0 calc(var(--width540) * 12px) 0;height: calc(var(--width540) * 45px);line-height: calc(var(--width540) * 24px);font-size: calc(var(--width540) * 16px);}
    .jpkc .risrdown {font-size: calc(var(--width540) * 12px);}
    .risrdown {line-height: calc(var(--width540) * 20px);}
    .ristyA{margin:0 0 calc(var(--width540) * 20px) 0;}
    
        /* art list */
        .artlist{margin:0 calc(var(--width540) * 20px) calc(var(--width540) * 10px) calc(var(--width540) * 20px);}
        .atlititle-more{font-size: calc(var(--width540) * 14px);}
        .atlitd-left{font-size: calc(var(--width540) * 20px);}
        .atliglul li{margin:calc(var(--width540) * 15px) 0 0 0;}
        .atli-title{margin:0 0 calc(var(--width540) * 3px) 0;}
        .atligulia{font-size: calc(var(--width540) * 16px);line-height:calc(var(--width540) * 20px);}
        .artlistd{border-bottom:  calc(var(--width540) * 5px) solid #F8F8F8;padding:0 0 calc(var(--width540) * 15px) 0;margin:calc(var(--width540) * 20px) 0 0 0;}
    
    
        .atliglul li b{width: calc(var(--width540) * 12px);height: calc(var(--width540) * 12px); background-size: contain;margin: 0 calc(var(--width540) * 8px) 0 0;flex-shrink: 0;}
        .atlitd-left b{width:calc(var(--width540) * 20px);height: calc(var(--width540) * 20px);background-size: contain;margin: 0 calc(var(--width540) * 6px) 0 0 ;}



    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,
    .xgzt .rititle-more b,.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
    { width: calc(var(--width540) * 8px);height: calc(var(--width540) * 11px); background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:calc(var(--width540) * 13px);height:calc(var(--width540) * 13px); background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:calc(var(--width540) * 12px);height:calc(var(--width540) * 12px); background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:calc(var(--width540) * 17px);height:calc(var(--width540) * 12px); background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:calc(var(--width540) * 16px);height:calc(var(--width540) * 16px); background-size: contain;margin:0 2px 0 0;}

    

}


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

    .art-tops{margin:calc(var(--width501) * 20px) calc(var(--width501) * 15px) 0 calc(var(--width501) * 15px);}
    .artop-tabs {padding:calc(var(--width501) * 5px) calc(var(--width501) * 15px) calc(var(--width501) * 12px) calc(var(--width501) * 15px);}
    .artaba{font-size: calc(var(--width501) * 18px);margin:0 calc(var(--width501) * 15px) 0 0;}
    .tptype{margin: calc(var(--width501) * 10px) calc(var(--width501) * 15px);height: calc(var(--width501) * 30px);}
    .tptype.shows{margin-bottom:calc(var(--width501) * 25px);max-height:calc(var(--width501) * 150px);}
    .tptype.shows.showsall{max-height: 395px;}
    .arttypea{width:calc(var(--width501) * 82px);height: calc(var(--width501) * 28px);border-radius:5px; font-size: calc(var(--width501) * 14px);margin:0 calc(var(--width501) * 12px) calc(var(--width501) * 10px) 0;line-height: calc(var(--width501) * 26px);}
    .tpmores img{width:calc(var(--width501) * 81px);height: calc(var(--width501) * 44px);}
    .artclDiv{margin:calc(var(--width501) * 20px) 0 0 0;padding:0 0 calc(var(--width501) * 20px) 0;}
    .pages{margin:calc(var(--width501) * 30px) auto calc(var(--width501) * 10px) auto;}
    .page a{ border-radius:calc(var(--width501) * 3px); font-size: calc(var(--width501) * 14px);padding:calc(var(--width501) * 5px) calc(var(--width501) * 9px); }
    .clddCon{font-size: calc(var(--width501) * 14px);}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    , .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:calc(var(--width501) * 21px);height:calc(var(--width501) * 20px); ;background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    .newarticle .codedl {margin:calc(var(--width501) * 40px) 0 0 0;}
    .newarticle .hot-down{margin:calc(var(--width501) * 65px) 0 calc(var(--width501) * 20px) 0;}
    .newarticle .quality-courses{margin:calc(var(--width501) * 40px) 0 calc(var(--width501) * 60px) 0;}
    .hotdownload{margin: calc(var(--width501) * 60px) 0 calc(var(--width501) * 30px) 0;}
    .newarticle .advertisement{margin:calc(var(--width501) * 65px) 0 0 0;}
    .showbtns img{width:calc(var(--width501) * 12px);height: calc(var(--width501) * 9px);}
    .showbtns {height: calc(var(--width501) * 15px); margin-top: -25px;}
    .breadcrumb img{width:calc(var(--width501) * 14px);height:calc(var(--width501) * 18px);margin:0 calc(var(--width501) * 4px) 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width501) * 14px);}
    .breadcrumb{margin:0 0 calc(var(--width501) * 14px) 0;}
    .artop-left{padding:0 0 calc(var(--width501) * 20px) 0;}
    .artavatar{width:calc(var(--width501) * 40px);height: calc(var(--width501) * 40px);margin:0 calc(var(--width501) * 11px) 0 0;}
    .artldr-name{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 18px);margin:0 0 calc(var(--width501) * 8px) 0;}
    .artldr-down{font-size: calc(var(--width501) * 12px);line-height: calc(var(--width501) * 14px);}
    .artldr-down p:nth-of-type(1){margin:0 calc(var(--width501) * 10px) 0 0;}
    .art-tops h1{margin:0 0 calc(var(--width501) * 20px) 0;font-size: calc(var(--width501) * 20px);line-height: calc(var(--width501) * 30px);}
    .artop-right{width: calc(var(--width501) * 40px);height: calc(var(--width501) * 20px);border-radius:calc(var(--width501) * 3px);font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 26px);}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: calc(var(--width501) * 70px);border-radius:5px;margin:calc(var(--width501) * 20px) 0;}
    .aritcle_card_img,.aritcle_card_img img{width:calc(var(--width501) * 50px);height: calc(var(--width501) * 50px);border-radius: calc(var(--width501) * 15px) ;}
    .aritcle_card_img{margin:0 calc(var(--width501) * 10px) 0 0;}
    .nphpQianCont ul{margin-top: calc(var(--width501) * 10px);}
    .nphpQianCont ul li{margin-bottom: calc(var(--width501) * 10px);}
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 16px);}
    .aritcle_card_info p{font-size: calc(var(--width501) * 12px);margin:calc(var(--width501) * 10px) 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: calc(var(--width501) * 65px);height:calc(var(--width501) * 25px);border-radius:calc(var(--width501) * 5px);font-size: calc(var(--width501) * 14px);}
    .artcardd{margin:calc(var(--width501) * 9px) calc(var(--width501) * 10px) calc(var(--width501) * 9px) calc(var(--width501) * 10px);}
    .aritcle_card_info{margin:0 calc(var(--width501) * 30px) 0 0 ;width:calc(var(--width501) * 215px);}
    .artdesc{border-radius:calc(var(--width501) * 5px);border-left: 5px solid #FCEBEB;margin:0 0 calc(var(--width501) * 20px) 0;}
    .artdesc p{margin:calc(var(--width501) * 14px) calc(var(--width501) * 13px) calc(var(--width501) * 15px) calc(var(--width501) * 15px);font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 30px); }
    .artconimg{width:calc(var(--width501) * 310px);height:calc(var(--width501) * 170px);margin:0 auto calc(var(--width501) * 25px) auto;}
    .artdp{font-size:calc(var(--width501) * 20px);margin:0 0 calc(var(--width501) * 18px) 0;}
    .aritcle_card+.artdp{margin-top: calc(var(--width501) * 25px);}
    .artp{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 30px);margin:0 0 calc(var(--width501) * 22px) 0;}
    .artdp span{width: calc(var(--width501) * 5px);height: calc(var(--width501) * 17px);border-radius: 3px;margin:0 calc(var(--width501) * 13px) 0 0;}
    .artmrlis{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 16px);margin:0 0 calc(var(--width501) * 20px) 0;}
    .artmrlis p{margin:0 0 0 calc(var(--width501) * 15px);}
    .artmoreart{margin:calc(var(--width501) * 25px) 0 0 0;}
    .artmoretabs p{font-size: calc(var(--width501) * 16px);margin:0 calc(var(--width501) * 11px) 0 0;}
    .mtbsa{font-size: calc(var(--width501) * 14px);padding:0 calc(var(--width501) * 8px);height: calc(var(--width501) * 24px);border-radius:5px;margin:0 calc(var(--width501) * 8px) calc(var(--width501) * 15px) 0;line-height: calc(var(--width501) * 22px);}
    .statement{font-size: calc(var(--width501) * 14px);margin:calc(var(--width501) * 10px) 0 calc(var(--width501) * 25px) 0;border-radius:calc(var(--width501) * 5px);border: calc(var(--width501) * 3px) solid #FCEBEB;line-height: calc(var(--width501) * 22px);}
    .statementd{margin:9px calc(var(--width501) * 20px) calc(var(--width501) * 10px) calc(var(--width501) * 20px);font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 22px);}
    .stetop{margin:0 0 calc(var(--width501) * 4px) 0;}
    .stetop p{width:calc(var(--width501) * 103px);height:calc(var(--width501) * 33px);background-size: contain;}
    .lastanext{border-radius: calc(var(--width501) * 5px);}
    .lastanext a{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 33px);}
    .lastanext p{margin:0 calc(var(--width501) * 10px);}
    .lastart{margin:0 0 calc(var(--width501) * 15px) 0;}
    .autharts{margin:0 0 calc(var(--width501) * 14px) 0;}
    .autharta{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 24px);}
    .autharta p{margin:0 0 0 calc(var(--width501) * 15px);}
    .authtime{font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 14px);flex-shrink: 0;}
    .authormore{margin:calc(var(--width501) * 40px) 0 0 0;}
    .authlist{margin:0 0 calc(var(--width501) * 16px) 0;}
    .aibtnimg {width: calc(var(--width501) * 72px);height: calc(var(--width501) * 72px);border-radius: calc(var(--width501) * 15px);}
    .abripone {font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 16px);}
    .abriptwo {margin:calc(var(--width501) * 10px) 0;font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 14px);}
    .aidcontbp {height: calc(var(--width501) * 25px);padding: 0 calc(var(--width501) * 6px);margin: 0 calc(var(--width501) * 7px) 0 0;border-radius: calc(var(--width501) * 5px);font-size: calc(var(--width501) * 12px);
        max-width: calc(var(--width501) * 80px);line-height: calc(var(--width501) * 25px);
    }
    .moreAi{margin:calc(var(--width501) * 40px) 0 0 0;}
    .rightdTitle {margin: 0 0 calc(var(--width501) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width501) * 14px);line-height: calc(var(--width501) * 22px);}
    .clddiv .clddp{font-size: calc(var(--width501) * 14px);margin:calc(var(--width501) * 6px) 0 calc(var(--width501) * 8px) 0;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:calc(var(--width501) * 40px) 0 0 0;}
    .xgarts{margin:calc(var(--width501) * 30px) 0 0 0;}
    .adversitement,.adversitement img{height: calc(var(--width501) * 332px);}
    .wzrfourli a {margin: 0 0 0 calc(var(--width501) * 15px);line-height: calc(var(--width501) * 35px);font-size: calc(var(--width501) * 16px);}
    .wzrfourli a span:nth-child(1) {margin: 0 calc(var(--width501) * 4px) 0 0;}
    .hdTabs,.jpkcTabs{font-size: calc(var(--width501) * 18px);margin:0 0 calc(var(--width501) * 15px) 0;}
    .hdTabs div, .jpkcTabs div {margin: 0 calc(var(--width501) * 6px);}
    .hdTabs div b, .jpkcTabs div b {height: calc(var(--width501) * 4px);margin:calc(var(--width501) * 2px) 0 0 0;}
    .xgwzlid{margin:0 0 calc(var(--width501) * 20px) 0;}
    .xgwzlid a {font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 18px);margin: 0 0 0 calc(var(--width501) * 15px);}
    .jpkc .ristyAimg {border-radius: calc(var(--width501) * 5px);margin: 0 calc(var(--width501) * 15px) 0 0;width: calc(var(--width501) * 140px);height: calc(var(--width501) * 86px);}
    .jpkc .rirightp {margin:calc(var(--width501) * 6px) 0 calc(var(--width501) * 12px) 0;height: calc(var(--width501) * 45px);line-height: calc(var(--width501) * 24px);font-size: calc(var(--width501) * 16px);}
    .jpkc .risrdown {font-size: calc(var(--width501) * 12px);}
    .risrdown {line-height: calc(var(--width501) * 20px);}
    .ristyA{margin:0 0 calc(var(--width501) * 20px) 0;}
    
    /* art list */
    .artlist{margin:0 calc(var(--width501) * 20px) calc(var(--width501) * 10px) calc(var(--width501) * 20px);}
    .atlititle-more{font-size: calc(var(--width501) * 14px);}
    .atlitd-left{font-size: calc(var(--width501) * 20px);}
    .atliglul li{margin:calc(var(--width501) * 15px) 0 0 0;}
    .atli-title{margin:0 0 calc(var(--width501) * 3px) 0;}
    .atligulia{font-size: calc(var(--width501) * 16px);line-height:calc(var(--width501) * 20px);}
    .artlistd{border-bottom:  calc(var(--width501) * 5px) solid #F8F8F8;padding:0 0 calc(var(--width501) * 15px) 0;margin:calc(var(--width501) * 20px) 0 0 0;}


    .atliglul li b{width: calc(var(--width501) * 12px);height: calc(var(--width501) * 12px); background-size: contain;margin: 0 calc(var(--width501) * 8px) 0 0;flex-shrink: 0;}
    .atlitd-left b{width:calc(var(--width501) * 20px);height: calc(var(--width501) * 20px);background-size: contain;margin: 0 calc(var(--width501) * 6px) 0 0 ;}
    



    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,
    .xgzt .rititle-more b,.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
    { width: calc(var(--width501) * 8px);height: calc(var(--width501) * 11px); background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:calc(var(--width501) * 13px);height:calc(var(--width501) * 13px); background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:calc(var(--width501) * 12px);height:calc(var(--width501) * 12px); background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:calc(var(--width501) * 17px);height:calc(var(--width501) * 12px); background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:calc(var(--width501) * 16px);height:calc(var(--width501) * 16px); background-size: contain;margin:0 2px 0 0;}

    

    
}


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

    .newarticle .headdownall,.newartdetail .articlehead{display:none;}
    .newartdetail .headdownall{display:flex;}
    .arttopmore{width:100%;background:#FFFFFF;z-index: 100;}
    .art-tops{margin:20px 15px 0 15px;}
    .artop-tabs {overflow: auto;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding:5px 15px 12px 15px;border-bottom: 1px solid#F3F3F3;}
    .artop-tabs::-webkit-scrollbar {display: none; width: 0;height: 0;}
    .artop-tabs{-ms-overflow-style: none; scrollbar-width: none; }
    .artaba{white-space: nowrap;font-size: 18px;color: #666666;margin:0 15px 0 0;}
    .artaba:last-child{margin:0;}
    .artaba.check{font-weight:bold;color:#333333;}

    .tptype{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::-webkit-scrollbar {display: none;width: 0;height: 0;}
    .tptype{-ms-overflow-style: none; scrollbar-width: none; }
    .tptype.shows{margin-bottom:25px;max-height:150px;flex-wrap:wrap;height: auto;}
    .tptype.shows.showsall{height: auto;max-height: 300px;overflow-y:auto;}
    .arttypea{width:82px;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;}
    .shows .arttypea:nth-child(4n+4){margin-right: 0;}
    .arttypea:nth-last-child(-n+4) { margin-bottom: 0;  }
    .arttypea:last-child{margin:0;}
    .arttypea.check{color:#F13536;background: #FEF5F5;font-weight: 500;}
    .artop-types{position: relative; border-bottom: 5px solid #F8F8F8;overflow-y: hidden;}
    .artop-types.nobot{border-bottom: none;}
    .tpmores{position: absolute;right: 0;}
    .tpmores img{width:81px;height: 44px;}
    .artclDiv{margin:20px 0 0 0;padding:0 0 20px 0;border-bottom: 1px solid  #F3F3F3;}
    .pages{margin:30px auto 10px auto;}
    .page{text-align: center;}
    .page a{ border-radius:3px;border: 1px solid #E4E4E4;height:auto;font-size: 14px;color: #999999;padding:5px 9px;margin-right: 5px;}
    .page a.active{border: 1px solid #333333;color:#333333;background:#ffffff;}

    .arttop-layer{background: #333333;opacity: 0.5;display: none; height: 100%;  width: 100%;position: fixed;top: 0;left: 0;z-index: 10;}
    .artLists .clddTitle,.clddCon{-webkit-line-clamp: 1;}
    .clddCon{font-size: 14px;color: #999999;}
    .artLists .clDiv{padding:0;border-bottom: none;}
    .artLists .clDiv:last-child{margin:0;}
    .artLists .clDiv:first-child{margin-top: 0;}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    , .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:21px;height:20px; background:url(../mobimages/icon310.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    .newarticle .codedl {margin:40px 0 0 0;}
    .newarticle .hot-down{margin: 65px  0  20px  0;}
    .newarticle .quality-courses{margin:40px 0 60px 0;}
    .newarticle .advertisement{margin:65px 0 0 0;}
    .showbtns img{width:12px;height: 9px;cursor: pointer;position: absolute;  transform: rotate(180deg);transition: opacity .3s ease, transform .3s ease;}
    .showbtns {position: relative;width:100%;height: 15px; margin-top: -25px;   justify-content: center;align-items: center;width: 100%;display:none;}
    .showbtns img.active {opacity: 1; transform: rotate(0deg);}
    .showbtns.show{display:flex !important;}
    .newarticle .swiper-pagination{width:90%;}





    .breadcrumb img{width:14px;height:18px;margin:0 4px 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: 14px;color: #A7A7A7;}
    .freeSize a.lastbreada{color:#000000;}
    .breadcrumb{align-items: center;margin:0 0 14px 0;}

    .artop-left{justify-content: space-between;align-items: center;padding:0 0 20px 0;border-bottom: 1px solid #F3F3F3;}
    .artavatar{width:40px;height: 40px;border-radius: 50%;margin:0 11px 0 0;}
    .artldr-name{font-size: 16px;line-height: 18px;color:#333333;margin:0 0 8px 0;}
    .artldr-down{font-size: 12px;line-height: 14px;color:#999999;}
    .artldr-down p{display:flex;align-items: center;}

    .artldr-down p:nth-of-type(1){margin:0 10px 0 0;}
    .art-tops h1{margin:0 0 20px 0;font-size: 20px;color: #333333;line-height: 30px;font-weight: bold;}
    .artop-right{width: 40px;height: 20px;background: #F8F8F8;border-radius:3px;font-size: 14px;color: #999999;line-height: 26px;}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: 70px;background: #F8F8F8;border-radius:5px;margin:20px 0;}
    .nphpQianCont .aritcle_card{margin:0;}
    .nphpQianCont ul{margin-top: 15px;}
    .nphpQianCont ul li{list-style-type: disc;margin-bottom: 10px;}
    .nphpQianCont ul li:last-child{margin-bottom: 0;}
    .aritcle_card_img,.aritcle_card_img img{width:50px;height: 50px;border-radius: 15px ;}
    .aritcle_card_img{margin:0 10px 0 0;}
    .aritcle_card_img img{margin-top: 0 !important;flex-shrink: 0;}
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: 16px;color: #333333;line-height: 16px;-webkit-line-clamp: 1;}
    .aritcle_card_info p{font-size: 12px;color: #999999;-webkit-line-clamp: 1;margin:10px 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: 65px;height:25px;background: #FFFFFF;border-radius:5px;border: 1px solid #F13536;font-size: 14px;color: #F13536;flex-shrink: 0;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn:hover{color:#F13536;}
    .artcardd{margin:9px 10px 9px 10px;align-items: center;}
    
    .aritcle_card_info{margin:0 30px 0 0 ;justify-content: space-between;width: 215px ;}
    .artdesc{width:100%;height:auto;background: #FFF8F9;border-radius:5px;text-indent: 0;background-color: #FFF8F9;
        border-left: 5px solid #FCEBEB;color: #555;margin:0 0 20px 0;
    }
    .artdesc p{margin:14px 13px 15px 15px;font-size: 16px;color: #333333;line-height: 30px; }
    .artcona{margin:0 auto;}
    .artconimg{width:310px;height:170px;margin:0 auto 25px auto;}
    .artdp{font-size:20px;color: #333333;display:flex;align-items: center;font-weight:bold;margin:0 0 18px 0;}
    .aritcle_card+.artdp{margin-top: 25px;}
    .artp{font-size: 16px;color: #333333;line-height: 30px;margin:0 0 22px 0;}
    .artdp span{width: 5px;height: 17px;background: #F13536;border-radius: 3px;margin:0 13px 0 0;}
    .artmrlis{align-items: center;font-size: 16px;color: #333333;line-height: 16px;margin:0 0 20px 0;}
    .artmrlis p{margin:0 0 0 15px;-webkit-line-clamp: 1;word-break: break-all;}
    .artmrlis:last-child{margin:0;}
    .artmoreart{margin:25px 0 0 0;}
    .artmoretabs{flex-wrap: wrap;}
    .artmoretabs p{flex-shrink: 0;font-size: 16px;color: #333333;margin:0 11px 0 0;}
    .mtbs{flex-wrap: wrap;}
    
    .mtbsa{font-size: 14px;color: #999999;padding:0 8px;height: 24px;border-radius:5px;border: 1px solid #E4E4E4;margin:0 8px 15px 0;line-height: 22px;}
    .statement{font-size: 14px;color: #666666;margin:10px 0 25px 0;border-radius:5px;border: 3px solid #FCEBEB;line-height: 22px;}
    .statementd{margin:9px 20px 10px 20px;font-size: 14px;color: #666666;line-height: 22px;}
    .stetop{align-items: center;margin:0 0 4px 0;}
    .stetop p{width:103px;height:33px;background:url(../mobimages/icon316.png) no-repeat;background-size: contain;flex-shrink: 0;}
    .stetop b{height: 1px;background: #FBC3C3;width: 100%;}
    .lastanext{width:100%;height:auto;border-radius: 5px;align-items: center;justify-content: space-between;}
    .lastanext a{font-size: 16px;color: #333333;line-height: 33px;background: #F8F8F8;white-space: nowrap;width: 100%;}
    .lastanext p{margin:0 10px;-webkit-line-clamp:1;}
    .lastart span,.nextart span{color:#999999;}
    .lastart{margin:0 0 15px 0;}
    .nextart{margin:0  0 0;}
    .autharts{align-items: center;justify-content: space-between;margin:0 0 14px 0;}
    .autharts:last-child{margin:0;}
    .autharta,.authtime{align-items: center;}
    .autharta{font-size: 16px;color: #333333;line-height: 24px;}
    .autharta p{margin:0 0 0 15px;-webkit-line-clamp: 1;    word-break: break-all;}
    .authtime{font-size: 14px;color: #999999;line-height: 14px;flex-shrink: 0;}
    .authormore{margin:40px 0 0 0;}
    .authlist{margin:0 0 16px 0;}
    .authlist:last-child{margin:0;}
    .aibtns {align-items: center;transition: all .3s ease;}
    .aibtnimg {width: 72px;height: 72px;border-radius: 15px;}
    .aibtn-right {justify-content: space-between;height: auto;}
    .abripone {font-size: 16px;color: #000000;line-height: 16px;-webkit-line-clamp: 1;margin:0;}
    .abriptwo {margin:10px 0;font-size: 14px;color: #999999;line-height: 14px;-webkit-line-clamp: 1;}
    .aidcontbp {width: auto;height: 25px;padding: 0 6px;margin: 0 7px 0 0;background: #F8F8F8;border-radius: 5px;font-size: 12px;color: #999999;
        max-width: 80px;line-height: 25px;overflow: hidden;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;
    }
    .moreailist{flex-wrap: wrap;}
    .aidcons{display:flex;}
    .aibtns:nth-child(4n+4){margin-right: 0;}
    .aibtns:nth-last-of-type(-n + 4){margin-bottom: 0;}
    .moreAi{margin:40px 0 0 0;}
    .rightdTitle {justify-content: space-between;margin: 0 0 20px 0;align-items: center;}
    .rititle-more {font-size: 14px;color: #899099;line-height: 22px;align-items: center;}
    .artztswiper{width: 100%;overflow: hidden;}
    .clddiv .clddp{-webkit-line-clamp: 1;font-size: 14px;color: #999999;margin:6px 0 8px 0;}
    .xgzt.artLists .clddiv{justify-content: center;       }
    .art-tops .artLists{overflow: hidden;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:40px 0 0 0;}
    .xgarts{margin: 30px  0 0 0;}
    .hotdownload{margin:60px 0 30px 0;}
    .adversitement,.adversitement img{width:100%;height: 332px;}
    .wzrfourli{align-items: center;}
    .wzrfourli a {margin: 0 0 0 15px;line-height: 35px;font-size: 16px;}
    .wzrfourli a ,.xgwzlid a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .wzrfourli a span:nth-child(1) {color: #999999;margin: 0 4px 0 0;}
    .wzrfourli a span:nth-child(2) {color: #333333;}
    .hdTabs,.jpkcTabs{font-size: 18px;color:#999999;margin:0 0 15px 0;}
    .hdTabs div.check, .jpkcTabs div.check {color: #333333;}
    .hdTabs div, .jpkcTabs div {display: flex;;flex-direction: column;margin: 0 6px;}
    .hdTabs div:nth-child(1), .jpkcTabs div:nth-child(1) {margin-left: 0;}
    .hdTabs div:nth-child(4), .jpkcTabs div:nth-child(4) {margin-right: 0;}
    .hdTabs div.check b, .jpkcTabs div.check b {background: #F13536;}
    .hdTabs div b, .jpkcTabs div b {width: 100%;height: 4px;border-radius: 2px;margin:2px 0 0 0;}
    .xgwzlid{align-items: center;margin:0 0 20px 0;}
    .xgwzlid a {font-size: 16px;line-height: 18px;margin: 0 0 0 15px;}
    .jpkc .ristyAimg {border-radius: 5px;margin: 0 15px 0 0;width: 140px;height: 86px;}
    .jpkc .rirightp {word-break: break-all;margin:6px 0 12px 0;height: 40px;-webkit-line-clamp:2;height: auto;line-height: 24px;font-size: 16px;}
    .jpkc .risrdown {font-size: 12px;}
    .risrdown {color: #999999;line-height: 20px;align-items: center;white-space: nowrap;}
    .ristyA{margin:0 0 20px 0;}
    .jpktabd .ristyA:last-child{margin-bottom:0;}

    .syntaxhighlighter .gutter p,.syntaxhighlighter .line{margin-top: 0;}
    .article-content a{word-wrap: break-word;white-space: normal;}
    .aritcle_card_img{display:flex;}



    .copy-button {padding: 5px 10px;background-color: #666;border: none;color: #FFF;font-size: 12px;cursor: pointer;border-radius: 5px;
        position: relative;top: 33px;right: 5px;z-index: 99;float: right;
    }
    .newarticle .nphpQianContIn,.newarticle  blockquote{width: 100%;height: auto;background: #FFF8F9;border-radius: 5px;
        text-indent: 0;background-color: #FFF8F9;border-left: 5px solid #FCEBEB;color: #555;padding-top: 10px;
    }

    /* art list */
    .artlist{margin:0 20px 10px 20px;}
    .atlitd{align-items: center;justify-content: space-between;    width: 100%;}
    .atlititle-more{align-items: center;font-size: 14px;color: #959595; }
    .atlitd-left{font-size: 20px;color: #333333;align-items: center;font-weight: bold;}
    .atliglul li{display:flex;align-items: center;margin:15px 0 0 0;}
    .atli-title{margin:0 0 3px 0;}
    .atligulia{-webkit-line-clamp: 1;font-size: 16px;color: #333333;line-height:20px;}
    .artlistd{border-bottom:  5px solid #F8F8F8;padding:0 0 15px 0;margin:20px 0 0 0;}
    .artlistd:last-child{border-bottom: none;}


    .atliglul li b{width: 12px;height: 12px;background: url(../mobimages/icon315.png) no-repeat;background-size: contain;margin: 0 8px 0 0;flex-shrink: 0;}
    .atlitd-left b{width:20px;height: 20px;background: url(../mobimages/icon310.png) no-repeat;background-size: contain;margin: 0 6px 0 0 ;}


    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,
    .xgzt .rititle-more b,.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
    { width: 8px;height: 11px;background: url(../mobimages/icon261.png) no-repeat;background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:13px;height:13px; background:url(../mobimages/icon315.png) no-repeat;background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:12px;height:12px; background:url(../mobimages/icon251.png) no-repeat;background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:17px;height:12px; background:url(../mobimages/icon242.png) no-repeat;background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:16px;height:16px; background:url(../mobimages/icon314.png) no-repeat;background-size: contain;margin:0 2px 0 0;}

}
@media screen and (max-width:415px){
    .arttypea{width:calc(var(--width414) * 82px);height: calc(var(--width414) * 28px);border-radius:5px; font-size: calc(var(--width414) * 14px);margin:0 calc(var(--width414) * 17px) calc(var(--width414) * 10px) 0;line-height: calc(var(--width414) * 26px);padding:0 2px;}

}

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

    .art-tops{margin:calc(var(--width401) * 20px) calc(var(--width401) * 15px) 0 calc(var(--width401) * 15px);}
    .artop-tabs {padding:calc(var(--width401) * 5px) calc(var(--width401) * 15px) calc(var(--width401) * 12px) calc(var(--width401) * 15px);}
    .artaba{font-size: calc(var(--width401) * 18px);margin:0 calc(var(--width401) * 15px) 0 0;}
    .tptype{margin: calc(var(--width401) * 10px) calc(var(--width401) * 15px);height: calc(var(--width401) * 30px);}
    .tptype.shows{margin-bottom:calc(var(--width401) * 25px);max-height:calc(var(--width401) * 150px);}
    .tptype.shows.showsall{max-height: 400px;}
    .arttypea{width:calc(var(--width401) * 82px);height: calc(var(--width401) * 28px);border-radius: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 2px;}
    .tpmores img{width:calc(var(--width401) * 81px);height: calc(var(--width401) * 44px);}
    .artclDiv{margin:calc(var(--width401) * 20px) 0 0 0;padding:0 0 calc(var(--width401) * 20px) 0;}
    .pages{margin:calc(var(--width401) * 30px) auto calc(var(--width401) * 10px) auto;}
    .page a{ border-radius:calc(var(--width401) * 3px); font-size: calc(var(--width401) * 14px);padding:calc(var(--width401) * 5px) calc(var(--width401) * 9px); }
    .clddCon{font-size: calc(var(--width401) * 14px);}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    , .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:calc(var(--width401) * 21px);height:calc(var(--width401) * 20px); ;background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    .newarticle .codedl {margin:calc(var(--width401) * 40px) 0 0 0;}
    .newarticle .hot-down{margin:calc(var(--width401) * 65px) 0 calc(var(--width401) * 20px) 0;}
    .newarticle .quality-courses{margin:calc(var(--width401) * 40px) 0 calc(var(--width401) * 60px) 0;}
    .hotdownload{margin: calc(var(--width401) * 60px) 0 calc(var(--width401) * 30px) 0;}
    .newarticle .advertisement{margin:calc(var(--width401) * 65px) 0 0 0;}
    .showbtns img{width:calc(var(--width401) * 12px);height: calc(var(--width401) * 9px);}
    .showbtns {height: calc(var(--width401) * 15px); margin-top: -20px;}
    .breadcrumb img{width:calc(var(--width401) * 14px);height:calc(var(--width401) * 18px);margin:0 calc(var(--width401) * 4px) 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width401) * 14px);}
    .breadcrumb{margin:0 0 calc(var(--width401) * 14px) 0;}
    .artop-left{padding:0 0 calc(var(--width401) * 20px) 0;}
    .artavatar{width:calc(var(--width401) * 40px);height: calc(var(--width401) * 40px);margin:0 calc(var(--width401) * 11px) 0 0;}
    .artldr-name{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 18px);margin:0 0 calc(var(--width401) * 8px) 0;}
    .artldr-down{font-size: calc(var(--width401) * 12px);line-height: calc(var(--width401) * 14px);}
    .artldr-down p:nth-of-type(1){margin:0 calc(var(--width401) * 10px) 0 0;}
    .art-tops h1{margin:0 0 calc(var(--width401) * 20px) 0;font-size: calc(var(--width401) * 20px);line-height: calc(var(--width401) * 30px);}
    .artop-right{width: calc(var(--width401) * 40px);height: calc(var(--width401) * 20px);border-radius:calc(var(--width401) * 3px);font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 26px);}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: calc(var(--width401) * 70px);border-radius:5px;margin:calc(var(--width401) * 20px) 0;}
    .aritcle_card_img,.aritcle_card_img img{width:calc(var(--width401) * 50px);height: calc(var(--width401) * 50px);border-radius: calc(var(--width401) * 15px) ;}
    .aritcle_card_img{margin:0 calc(var(--width401) * 10px) 0 0;}
    .nphpQianCont ul{margin-top: calc(var(--width401) * 10px);}
    .nphpQianCont ul li{ margin-bottom: calc(var(--width401) * 10px);}
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 16px);}
    .aritcle_card_info p{font-size: calc(var(--width401) * 12px);margin:calc(var(--width401) * 10px) 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: calc(var(--width401) * 65px);height:calc(var(--width401) * 25px);border-radius:calc(var(--width401) * 5px);font-size: calc(var(--width401) * 14px);}
    .artcardd{margin:calc(var(--width401) * 9px) calc(var(--width401) * 10px) calc(var(--width401) * 9px) calc(var(--width401) * 10px);}
    .aritcle_card_info{margin:0 calc(var(--width401) * 30px) 0 0 ;width:calc(var(--width401) * 215px);}
    .artdesc{border-radius:calc(var(--width401) * 5px);border-left: 5px solid #FCEBEB;margin:0 0 calc(var(--width401) * 20px) 0;}
    .artdesc p{margin:calc(var(--width401) * 14px) calc(var(--width401) * 13px) calc(var(--width401) * 15px) calc(var(--width401) * 15px);font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 30px); }
    .artconimg{width:calc(var(--width401) * 310px);height:calc(var(--width401) * 170px);margin:0 auto calc(var(--width401) * 25px) auto;}
    .artdp{font-size:calc(var(--width401) * 20px);margin:0 0 calc(var(--width401) * 18px) 0;}
    .aritcle_card+.artdp{margin-top: calc(var(--width401) * 25px);}
    .artp{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 30px);margin:0 0 calc(var(--width401) * 22px) 0;}
    .artdp span{width: calc(var(--width401) * 5px);height: calc(var(--width401) * 17px);border-radius: 3px;margin:0 calc(var(--width401) * 13px) 0 0;}
    .artmrlis{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 16px);margin:0 0 calc(var(--width401) * 20px) 0;}
    .artmrlis p{margin:0 0 0 calc(var(--width401) * 15px);}
    .artmoreart{margin:calc(var(--width401) * 25px) 0 0 0;}
    .artmoretabs p{font-size: calc(var(--width401) * 16px);margin:0 calc(var(--width401) * 11px) 0 0;}
    .mtbsa{font-size: calc(var(--width401) * 14px);padding:0 calc(var(--width401) * 8px);height: calc(var(--width401) * 24px);border-radius:5px;margin:0 calc(var(--width401) * 8px) calc(var(--width401) * 15px) 0;line-height: calc(var(--width401) * 22px);}
    .statement{font-size: calc(var(--width401) * 14px);margin:calc(var(--width401) * 10px) 0 calc(var(--width401) * 25px) 0;border-radius:calc(var(--width401) * 5px);border: calc(var(--width401) * 3px) solid #FCEBEB;line-height: calc(var(--width401) * 22px);}
    .statementd{margin:9px calc(var(--width401) * 20px) calc(var(--width401) * 10px) calc(var(--width401) * 20px);font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 22px);}
    .stetop{margin:0 0 calc(var(--width401) * 4px) 0;}
    .stetop p{width:calc(var(--width401) * 103px);height:calc(var(--width401) * 33px);background-size: contain;}
    .lastanext{border-radius: calc(var(--width401) * 5px);}
    .lastanext a{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 33px);}
    .lastanext p{margin:0 calc(var(--width401) * 10px);}
    .lastart{margin:0 0 calc(var(--width401) * 15px) 0;}
    .autharts{margin:0 0 calc(var(--width401) * 14px) 0;}
    .autharta{font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 24px);}
    .autharta p{margin:0 0 0 calc(var(--width401) * 15px);}
    .authtime{font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 14px);flex-shrink: 0;}
    .authormore{margin:calc(var(--width401) * 40px) 0 0 0;}
    .authlist{margin:0 0 calc(var(--width401) * 16px) 0;}
    .aibtnimg {width: calc(var(--width401) * 72px);height: calc(var(--width401) * 72px);border-radius: calc(var(--width401) * 15px);}
    .abripone {font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 16px);}
    .abriptwo {margin:calc(var(--width401) * 10px) 0;font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 14px);}
    .aidcontbp {height: calc(var(--width401) * 25px);padding: 0 calc(var(--width401) * 6px);margin: 0 calc(var(--width401) * 7px) 0 0;border-radius: calc(var(--width401) * 5px);font-size: calc(var(--width401) * 12px);
        max-width: calc(var(--width401) * 80px);line-height: calc(var(--width401) * 25px);
    }
    .moreAi{margin:calc(var(--width401) * 40px) 0 0 0;}
    .rightdTitle {margin: 0 0 calc(var(--width401) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width401) * 14px);line-height: calc(var(--width401) * 22px);}
    .clddiv .clddp{font-size: calc(var(--width401) * 14px);margin:calc(var(--width401) * 6px) 0 calc(var(--width401) * 8px) 0;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:calc(var(--width401) * 40px) 0 0 0;}
    .xgarts{margin:calc(var(--width401) * 30px) 0 0 0;}
    .adversitement,.adversitement img{height: calc(var(--width401) * 332px);}
    .wzrfourli a {margin: 0 0 0 calc(var(--width401) * 15px);line-height: calc(var(--width401) * 35px);font-size: calc(var(--width401) * 16px);}
    .wzrfourli a span:nth-child(1) {margin: 0 calc(var(--width401) * 4px) 0 0;}
    .hdTabs,.jpkcTabs{font-size: calc(var(--width401) * 18px);margin:0 0 calc(var(--width401) * 15px) 0;}
    .hdTabs div, .jpkcTabs div {margin: 0 calc(var(--width401) * 6px);}
    .hdTabs div b, .jpkcTabs div b {height: calc(var(--width401) * 4px);margin:calc(var(--width401) * 2px) 0 0 0;}
    .xgwzlid{margin:0 0 calc(var(--width401) * 20px) 0;}
    .xgwzlid a {font-size: calc(var(--width401) * 16px);line-height: calc(var(--width401) * 18px);margin: 0 0 0 calc(var(--width401) * 15px);}
    .jpkc .ristyAimg {border-radius: calc(var(--width401) * 5px);margin: 0 calc(var(--width401) * 15px) 0 0;width: calc(var(--width401) * 140px);height: calc(var(--width401) * 86px);}
    .jpkc .rirightp {margin:calc(var(--width401) * 6px) 0 calc(var(--width401) * 12px) 0;height: calc(var(--width401) * 45px);line-height: calc(var(--width401) * 24px);font-size: calc(var(--width401) * 16px);}
    .jpkc .risrdown {font-size: calc(var(--width401) * 12px);}
    .risrdown {line-height: calc(var(--width401) * 20px);}
    .ristyA{margin:0 0 calc(var(--width401) * 20px) 0;}
    

    /* art list */
    .artlist{margin:0 calc(var(--width401) * 20px) calc(var(--width401) * 10px) calc(var(--width401) * 20px);}
    .atlititle-more{font-size: calc(var(--width401) * 14px);}
    .atlitd-left{font-size: calc(var(--width401) * 20px);}
    .atliglul li{margin:calc(var(--width401) * 15px) 0 0 0;}
    .atli-title{margin:0 0 calc(var(--width401) * 3px) 0;}
    .atligulia{font-size: calc(var(--width401) * 16px);line-height:calc(var(--width401) * 20px);}
    .artlistd{border-bottom:  calc(var(--width401) * 5px) solid #F8F8F8;padding:0 0 calc(var(--width401) * 15px) 0;margin:calc(var(--width401) * 20px) 0 0 0;}


    .atliglul li b{width: calc(var(--width401) * 12px);height: calc(var(--width401) * 12px); background-size: contain;margin: 0 calc(var(--width401) * 8px) 0 0;flex-shrink: 0;}
    .atlitd-left b{width:calc(var(--width401) * 20px);height: calc(var(--width401) * 20px);background-size: contain;margin: 0 calc(var(--width401) * 6px) 0 0 ;}
    



    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,
    .xgzt .rititle-more b,.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
    { width: calc(var(--width401) * 8px);height: calc(var(--width401) * 11px); background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:calc(var(--width401) * 13px);height:calc(var(--width401) * 13px); background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:calc(var(--width401) * 12px);height:calc(var(--width401) * 12px); background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:calc(var(--width401) * 17px);height:calc(var(--width401) * 12px); background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:calc(var(--width401) * 16px);height:calc(var(--width401) * 16px); background-size: contain;margin:0 2px 0 0;}

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

    .art-tops{margin:calc(var(--width390) * 20px) calc(var(--width390) * 15px) 0 calc(var(--width390) * 15px);}
    .artop-tabs {padding:calc(var(--width390) * 5px) calc(var(--width390) * 15px) calc(var(--width390) * 12px) calc(var(--width390) * 15px);}
    .artaba{font-size: calc(var(--width390) * 18px);margin:0 calc(var(--width390) * 15px) 0 0;}
    .tptype{margin: calc(var(--width390) * 10px) calc(var(--width390) * 15px);height: calc(var(--width390) * 30px);}
    .tptype.shows{margin-bottom:calc(var(--width390) * 25px);max-height:calc(var(--width390) * 150px);}
    .tptype.shows.showsall{max-height: 400px;}
    .arttypea{width:calc(var(--width390) * 82px);height: calc(var(--width390) * 28px);border-radius:5px; font-size: calc(var(--width390) * 14px);margin:0 calc(var(--width390) * 17px) calc(var(--width390) * 10px) 0;line-height: calc(var(--width390) * 26px);padding:0 2px;}
    .tpmores img{width:calc(var(--width390) * 81px);height: calc(var(--width390) * 44px);}
    .artclDiv{margin:calc(var(--width390) * 20px) 0 0 0;padding:0 0 calc(var(--width390) * 20px) 0;}
    .pages{margin:calc(var(--width390) * 30px) auto calc(var(--width390) * 10px) auto;}
    .page a{ border-radius:calc(var(--width390) * 3px); font-size: calc(var(--width390) * 14px);padding:calc(var(--width390) * 5px) calc(var(--width390) * 9px); }
    .clddCon{font-size: calc(var(--width390) * 14px);}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    , .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:calc(var(--width390) * 21px);height:calc(var(--width390) * 20px); ;background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    .newarticle .codedl {margin:calc(var(--width390) * 40px) 0 0 0;}
    .newarticle .hot-down{margin:calc(var(--width390) * 65px) 0 calc(var(--width390) * 20px) 0;}
    .newarticle .quality-courses{margin:calc(var(--width390) * 40px) 0 calc(var(--width390) * 40px) 0;}
    .hotdownload{margin: calc(var(--width390) * 60px) 0 calc(var(--width390) * 30px) 0;}
    .newarticle .advertisement{margin:calc(var(--width390) * 65px) 0 0 0;}
    .showbtns img{width:calc(var(--width390) * 12px);height: calc(var(--width390) * 9px);}
    .showbtns {height: calc(var(--width390) * 15px); margin-top: -20px;}
    .breadcrumb img{width:calc(var(--width390) * 14px);height:calc(var(--width390) * 18px);margin:0 calc(var(--width390) * 4px) 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width390) * 14px);}
    .breadcrumb{margin:0 0 calc(var(--width390) * 14px) 0;}
    .artop-left{padding:0 0 calc(var(--width390) * 20px) 0;}
    .artavatar{width:calc(var(--width390) * 40px);height: calc(var(--width390) * 40px);margin:0 calc(var(--width390) * 11px) 0 0;}
    .artldr-name{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 18px);margin:0 0 calc(var(--width390) * 8px) 0;}
    .artldr-down{font-size: calc(var(--width390) * 12px);line-height: calc(var(--width390) * 14px);}
    .artldr-down p:nth-of-type(1){margin:0 calc(var(--width390) * 10px) 0 0;}
    .art-tops h1{margin:0 0 calc(var(--width390) * 20px) 0;font-size: calc(var(--width390) * 20px);line-height: calc(var(--width390) * 30px);}
    .artop-right{width: calc(var(--width390) * 40px);height: calc(var(--width390) * 20px);border-radius:calc(var(--width390) * 3px);font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 26px);}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: calc(var(--width390) * 70px);border-radius:5px;margin:calc(var(--width390) * 20px) 0;}
    .aritcle_card_img,.aritcle_card_img img{width:calc(var(--width390) * 50px);height: calc(var(--width390) * 50px);border-radius: calc(var(--width390) * 15px) ;}
    .aritcle_card_img{margin:0 calc(var(--width390) * 10px) 0 0;}
    .nphpQianCont ul{margin-top: calc(var(--width390) * 10px);}
    .nphpQianCont ul li{ margin-bottom: calc(var(--width390) * 10px);}
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 16px);}
    .aritcle_card_info p{font-size: calc(var(--width390) * 12px);margin:calc(var(--width390) * 10px) 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: calc(var(--width390) * 65px);height:calc(var(--width390) * 25px);border-radius:calc(var(--width390) * 5px);font-size: calc(var(--width390) * 14px);}
    .artcardd{margin:calc(var(--width390) * 9px) calc(var(--width390) * 10px) calc(var(--width390) * 9px) calc(var(--width390) * 10px);}
    .aritcle_card_info{margin:0 calc(var(--width390) * 30px) 0 0 ;width:calc(var(--width390) * 215px);}
    .artdesc{border-radius:calc(var(--width390) * 5px);border-left: 5px solid #FCEBEB;margin:0 0 calc(var(--width390) * 20px) 0;}
    .artdesc p{margin:calc(var(--width390) * 14px) calc(var(--width390) * 13px) calc(var(--width390) * 15px) calc(var(--width390) * 15px);font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 30px); }
    .artconimg{width:calc(var(--width390) * 310px);height:calc(var(--width390) * 170px);margin:0 auto calc(var(--width390) * 25px) auto;}
    .artdp{font-size:calc(var(--width390) * 20px);margin:0 0 calc(var(--width390) * 18px) 0;}
    .aritcle_card+.artdp{margin-top: calc(var(--width390) * 25px);}
    .artp{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 30px);margin:0 0 calc(var(--width390) * 22px) 0;}
    .artdp span{width: calc(var(--width390) * 5px);height: calc(var(--width390) * 17px);border-radius: 3px;margin:0 calc(var(--width390) * 13px) 0 0;}
    .artmrlis{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 16px);margin:0 0 calc(var(--width390) * 20px) 0;}
    .artmrlis p{margin:0 0 0 calc(var(--width390) * 15px);}
    .artmoreart{margin:calc(var(--width390) * 25px) 0 0 0;}
    .artmoretabs p{font-size: calc(var(--width390) * 16px);margin:0 calc(var(--width390) * 11px) 0 0;}
    .mtbsa{font-size: calc(var(--width390) * 14px);padding:0 calc(var(--width390) * 8px);height: calc(var(--width390) * 24px);border-radius:5px;margin:0 calc(var(--width390) * 8px) calc(var(--width390) * 15px) 0;line-height: calc(var(--width390) * 22px);}
    .statement{font-size: calc(var(--width390) * 14px);margin:calc(var(--width390) * 10px) 0 calc(var(--width390) * 25px) 0;border-radius:calc(var(--width390) * 5px);border: calc(var(--width390) * 3px) solid #FCEBEB;line-height: calc(var(--width390) * 22px);}
    .statementd{margin:9px calc(var(--width390) * 20px) calc(var(--width390) * 10px) calc(var(--width390) * 20px);font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 22px);}
    .stetop{margin:0 0 calc(var(--width390) * 4px) 0;}
    .stetop p{width:calc(var(--width390) * 103px);height:calc(var(--width390) * 33px);background-size: contain;}
    .lastanext{border-radius: calc(var(--width390) * 5px);}
    .lastanext a{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 33px);}
    .lastanext p{margin:0 calc(var(--width390) * 10px);}
    .lastart{margin:0 0 calc(var(--width390) * 15px) 0;}
    .autharts{margin:0 0 calc(var(--width390) * 14px) 0;}
    .autharta{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 24px);}
    .autharta p{margin:0 0 0 calc(var(--width390) * 15px);}
    .authtime{font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 14px);flex-shrink: 0;}
    .authormore{margin:calc(var(--width390) * 40px) 0 0 0;}
    .authlist{margin:0 0 calc(var(--width390) * 16px) 0;}
    .aibtnimg {width: calc(var(--width390) * 72px);height: calc(var(--width390) * 72px);border-radius: calc(var(--width390) * 15px);}
    .abripone {font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 16px);}
    .abriptwo {margin:calc(var(--width390) * 10px) 0;font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 14px);}
    .aidcontbp {height: calc(var(--width390) * 25px);padding: 0 calc(var(--width390) * 6px);margin: 0 calc(var(--width390) * 7px) 0 0;border-radius: calc(var(--width390) * 5px);font-size: calc(var(--width390) * 12px);
        max-width: calc(var(--width390) * 80px);line-height: calc(var(--width390) * 25px);
    }
    .moreAi{margin:calc(var(--width390) * 40px) 0 0 0;}
    .rightdTitle {margin: 0 0 calc(var(--width390) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width390) * 14px);line-height: calc(var(--width390) * 22px);}
    .clddiv .clddp{font-size: calc(var(--width390) * 14px);margin:calc(var(--width390) * 6px) 0 calc(var(--width390) * 8px) 0;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:calc(var(--width390) * 40px) 0 0 0;}
    .xgarts{margin:calc(var(--width390) * 30px) 0 0 0;}
    .adversitement,.adversitement img{height: calc(var(--width390) * 332px);}
    .wzrfourli a {margin: 0 0 0 calc(var(--width390) * 15px);line-height: calc(var(--width390) * 35px);font-size: calc(var(--width390) * 16px);}
    .wzrfourli a span:nth-child(1) {margin: 0 calc(var(--width390) * 4px) 0 0;}
    .hdTabs,.jpkcTabs{font-size: calc(var(--width390) * 18px);margin:0 0 calc(var(--width390) * 15px) 0;}
    .hdTabs div, .jpkcTabs div {margin: 0 calc(var(--width390) * 6px);}
    .hdTabs div b, .jpkcTabs div b {height: calc(var(--width390) * 4px);margin:calc(var(--width390) * 2px) 0 0 0;}
    .xgwzlid{margin:0 0 calc(var(--width390) * 20px) 0;}
    .xgwzlid a {font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 18px);margin: 0 0 0 calc(var(--width390) * 15px);}
    .jpkc .ristyAimg {border-radius: calc(var(--width390) * 5px);margin: 0 calc(var(--width390) * 15px) 0 0;width: calc(var(--width390) * 140px);height: calc(var(--width390) * 86px);}
    .jpkc .rirightp {margin:calc(var(--width390) * 6px) 0 calc(var(--width390) * 12px) 0;height: calc(var(--width390) * 45px);line-height: calc(var(--width390) * 24px);font-size: calc(var(--width390) * 16px);}
    .jpkc .risrdown {font-size: calc(var(--width390) * 12px);}
    .risrdown {line-height: calc(var(--width390) * 20px);}
    .ristyA{margin:0 0 calc(var(--width390) * 20px) 0;}

    /* art list */
    .artlist{margin:0 calc(var(--width390) * 20px) calc(var(--width390) * 10px) calc(var(--width390) * 20px);}
    .atlititle-more{font-size: calc(var(--width390) * 14px);}
    .atlitd-left{font-size: calc(var(--width390) * 20px);}
    .atliglul li{margin:calc(var(--width390) * 15px) 0 0 0;}
    .atli-title{margin:0 0 calc(var(--width390) * 3px) 0;}
    .atligulia{font-size: calc(var(--width390) * 16px);line-height:calc(var(--width390) * 20px);}
    .artlistd{border-bottom:  calc(var(--width390) * 5px) solid #F8F8F8;padding:0 0 calc(var(--width390) * 15px) 0;margin:calc(var(--width390) * 20px) 0 0 0;}


    .atliglul li b{width: calc(var(--width390) * 12px);height: calc(var(--width390) * 12px); background-size: contain;margin: 0 calc(var(--width390) * 8px) 0 0;flex-shrink: 0;}
    .atlitd-left b{width:calc(var(--width390) * 20px);height: calc(var(--width390) * 20px);background-size: contain;margin: 0 calc(var(--width390) * 6px) 0 0 ;}
    


    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,
    .xgzt .rititle-more b,.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
    { width: calc(var(--width390) * 8px);height: calc(var(--width390) * 11px); background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:calc(var(--width390) * 13px);height:calc(var(--width390) * 13px); background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:calc(var(--width390) * 12px);height:calc(var(--width390) * 12px); background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:calc(var(--width390) * 17px);height:calc(var(--width390) * 12px); background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:calc(var(--width390) * 16px);height:calc(var(--width390) * 16px); background-size: contain;margin:0 2px 0 0;}
    


}

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

    .art-tops{margin:calc(var(--width375) * 20px) calc(var(--width375) * 15px) 0 calc(var(--width375) * 15px);}
    .artop-tabs {padding:calc(var(--width375) * 5px) calc(var(--width375) * 15px) calc(var(--width375) * 12px) calc(var(--width375) * 15px);}
    .artaba{font-size: calc(var(--width375) * 18px);margin:0 calc(var(--width375) * 15px) 0 0;}
    .tptype{margin: calc(var(--width375) * 10px) calc(var(--width375) * 15px);height: calc(var(--width375) * 30px);}
    .tptype.shows{margin-bottom:calc(var(--width375) * 25px);max-height:calc(var(--width375) * 150px);}
    .tptype.shows.showsall{max-height: 435px;}
    .arttypea{width:calc(var(--width375) * 82px);height: calc(var(--width375) * 28px);border-radius:5px; font-size: calc(var(--width375) * 14px);margin:0 calc(var(--width375) * 16px) calc(var(--width375) * 10px) 0;line-height: calc(var(--width375) * 26px);padding:0 2px;}
    .tpmores img{width:calc(var(--width375) * 81px);height: calc(var(--width375) * 44px);}
    .artclDiv{margin:calc(var(--width375) * 20px) 0 0 0;padding:0 0 calc(var(--width375) * 20px) 0;}
    .pages{margin:calc(var(--width375) * 30px) auto calc(var(--width375) * 10px) auto;}
    .page a{ border-radius:calc(var(--width375) * 3px); font-size: calc(var(--width375) * 14px);padding:calc(var(--width375) * 5px) calc(var(--width375) * 9px); }
    .clddCon{font-size: calc(var(--width375) * 14px);}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    , .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:calc(var(--width375) * 21px);height:calc(var(--width375) * 20px); ;background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    .newarticle .codedl {margin:calc(var(--width375) * 40px) 0 0 0;}
    .newarticle .hot-down{margin:calc(var(--width375) * 65px) 0 calc(var(--width375) * 20px) 0;}
     .newarticle .quality-courses{margin:calc(var(--width375) * 40px) 0 calc(var(--width375) * 40px) 0;}
    .hotdownload{margin: calc(var(--width375) * 60px) 0 calc(var(--width375) * 30px) 0;}
    .newarticle .advertisement{margin:calc(var(--width375) * 65px) 0 0 0;}
    .showbtns img{width:calc(var(--width375) * 12px);height: calc(var(--width375) * 9px);}
    .showbtns {height: calc(var(--width375) * 15px); margin-top: -20px;}
    .breadcrumb img{width:calc(var(--width375) * 14px);height:calc(var(--width375) * 18px);margin:0 calc(var(--width375) * 4px) 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width375) * 14px);}
    .breadcrumb{margin:0 0 calc(var(--width375) * 14px) 0;}
    .artop-left{padding:0 0 calc(var(--width375) * 20px) 0;}
    .artavatar{width:calc(var(--width375) * 40px);height: calc(var(--width375) * 40px);margin:0 calc(var(--width375) * 11px) 0 0;}
    .artldr-name{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 18px);margin:0 0 calc(var(--width375) * 8px) 0;}
    .artldr-down{font-size: calc(var(--width375) * 12px);line-height: calc(var(--width375) * 14px);}
    .artldr-down p:nth-of-type(1){margin:0 calc(var(--width375) * 10px) 0 0;}
    .art-tops h1{margin:0 0 calc(var(--width375) * 20px) 0;font-size: calc(var(--width375) * 20px);line-height: calc(var(--width375) * 30px);}
    .artop-right{width: calc(var(--width375) * 40px);height: calc(var(--width375) * 20px);border-radius:calc(var(--width375) * 3px);font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 26px);}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: calc(var(--width375) * 70px);border-radius:5px;margin:calc(var(--width375) * 20px) 0;}
    .aritcle_card_img,.aritcle_card_img img{width:calc(var(--width375) * 50px);height: calc(var(--width375) * 50px);border-radius: calc(var(--width375) * 15px) ;}
    .aritcle_card_img{margin:0 calc(var(--width375) * 10px) 0 0;}
    .nphpQianCont ul{margin-top: calc(var(--width375) * 10px);}
    .nphpQianCont ul li{ margin-bottom: calc(var(--width375) * 10px);}
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 16px);}
    .aritcle_card_info p{font-size: calc(var(--width375) * 12px);margin:calc(var(--width375) * 10px) 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: calc(var(--width375) * 65px);height:calc(var(--width375) * 25px);border-radius:calc(var(--width375) * 5px);font-size: calc(var(--width375) * 14px);}
    .artcardd{margin:calc(var(--width375) * 9px) calc(var(--width375) * 10px) calc(var(--width375) * 9px) calc(var(--width375) * 10px);}
    .aritcle_card_info{margin:0 calc(var(--width375) * 30px) 0 0 ;width:calc(var(--width375) * 215px);}
    .artdesc{border-radius:calc(var(--width375) * 5px);border-left: 5px solid #FCEBEB;margin:0 0 calc(var(--width375) * 20px) 0;}
    .artdesc p{margin:calc(var(--width375) * 14px) calc(var(--width375) * 13px) calc(var(--width375) * 15px) calc(var(--width375) * 15px);font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 30px); }
    .artconimg{width:calc(var(--width375) * 310px);height:calc(var(--width375) * 170px);margin:0 auto calc(var(--width375) * 25px) auto;}
    .artdp{font-size:calc(var(--width375) * 20px);margin:0 0 calc(var(--width375) * 18px) 0;}
    .aritcle_card+.artdp{margin-top: calc(var(--width375) * 25px);}
    .artp{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 30px);margin:0 0 calc(var(--width375) * 22px) 0;}
    .artdp span{width: calc(var(--width375) * 5px);height: calc(var(--width375) * 17px);border-radius: 3px;margin:0 calc(var(--width375) * 13px) 0 0;}
    .artmrlis{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 16px);margin:0 0 calc(var(--width375) * 20px) 0;}
    .artmrlis p{margin:0 0 0 calc(var(--width375) * 15px);}
    .artmoreart{margin:calc(var(--width375) * 25px) 0 0 0;}
    .artmoretabs p{font-size: calc(var(--width375) * 16px);margin:0 calc(var(--width375) * 11px) 0 0;}
    .mtbsa{font-size: calc(var(--width375) * 14px);padding:0 calc(var(--width375) * 8px);height: calc(var(--width375) * 24px);border-radius:5px;margin:0 calc(var(--width375) * 8px) calc(var(--width375) * 15px) 0;line-height: calc(var(--width375) * 22px);}
    .statement{font-size: calc(var(--width375) * 14px);margin:calc(var(--width375) * 10px) 0 calc(var(--width375) * 25px) 0;border-radius:calc(var(--width375) * 5px);border: calc(var(--width375) * 3px) solid #FCEBEB;line-height: calc(var(--width375) * 22px);}
    .statementd{margin:9px calc(var(--width375) * 20px) calc(var(--width375) * 10px) calc(var(--width375) * 20px);font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 22px);}
    .stetop{margin:0 0 calc(var(--width375) * 4px) 0;}
    .stetop p{width:calc(var(--width375) * 103px);height:calc(var(--width375) * 33px);background-size: contain;}
    .lastanext{border-radius: calc(var(--width375) * 5px);}
    .lastanext a{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 33px);}
    .lastanext p{margin:0 calc(var(--width375) * 10px);}
    .lastart{margin:0 0 calc(var(--width375) * 15px) 0;}
    .autharts{margin:0 0 calc(var(--width375) * 14px) 0;}
    .autharta{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 24px);}
    .autharta p{margin:0 0 0 calc(var(--width375) * 15px);}
    .authtime{font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 14px);flex-shrink: 0;}
    .authormore{margin:calc(var(--width375) * 40px) 0 0 0;}
    .authlist{margin:0 0 calc(var(--width375) * 16px) 0;}
    .aibtnimg {width: calc(var(--width375) * 72px);height: calc(var(--width375) * 72px);border-radius: calc(var(--width375) * 15px);}
    .abripone {font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 16px);}
    .abriptwo {margin:calc(var(--width375) * 10px) 0;font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 14px);}
    .aidcontbp {height: calc(var(--width375) * 25px);padding: 0 calc(var(--width375) * 6px);margin: 0 calc(var(--width375) * 7px) 0 0;border-radius: calc(var(--width375) * 5px);font-size: calc(var(--width375) * 12px);
        max-width: calc(var(--width375) * 80px);line-height: calc(var(--width375) * 25px);
    }
    .moreAi{margin:calc(var(--width375) * 40px) 0 0 0;}
    .rightdTitle {margin: 0 0 calc(var(--width375) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width375) * 14px);line-height: calc(var(--width375) * 22px);}
    .clddiv .clddp{font-size: calc(var(--width375) * 14px);margin:calc(var(--width375) * 6px) 0 calc(var(--width375) * 8px) 0;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:calc(var(--width375) * 40px) 0 0 0;}
    .xgarts{margin:calc(var(--width375) * 30px) 0 0 0;}
    .adversitement,.adversitement img{height: calc(var(--width375) * 332px);}
    .wzrfourli a {margin: 0 0 0 calc(var(--width375) * 15px);line-height: calc(var(--width375) * 35px);font-size: calc(var(--width375) * 16px);}
    .wzrfourli a span:nth-child(1) {margin: 0 calc(var(--width375) * 4px) 0 0;}
    .hdTabs,.jpkcTabs{font-size: calc(var(--width375) * 18px);margin:0 0 calc(var(--width375) * 15px) 0;}
    .hdTabs div, .jpkcTabs div {margin: 0 calc(var(--width375) * 6px);}
    .hdTabs div b, .jpkcTabs div b {height: calc(var(--width375) * 4px);margin:calc(var(--width375) * 2px) 0 0 0;}
    .xgwzlid{margin:0 0 calc(var(--width375) * 20px) 0;}
    .xgwzlid a {font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 18px);margin: 0 0 0 calc(var(--width375) * 15px);}
    .jpkc .ristyAimg {border-radius: calc(var(--width375) * 5px);margin: 0 calc(var(--width375) * 15px) 0 0;width: calc(var(--width375) * 140px);height: calc(var(--width375) * 86px);}
    .jpkc .rirightp {margin:calc(var(--width375) * 6px) 0 calc(var(--width375) * 12px) 0;height: calc(var(--width375) * 45px);line-height: calc(var(--width375) * 24px);font-size: calc(var(--width375) * 16px);}
    .jpkc .risrdown {font-size: calc(var(--width375) * 12px);}
    .risrdown {line-height: calc(var(--width375) * 20px);}
    .ristyA{margin:0 0 calc(var(--width375) * 20px) 0;}
    
    
    /* art list */
    .artlist{margin:0 calc(var(--width375) * 20px) calc(var(--width375) * 10px) calc(var(--width375) * 20px);}
    .atlititle-more{font-size: calc(var(--width375) * 14px);}
    .atlitd-left{font-size: calc(var(--width375) * 20px);}
    .atliglul li{margin:calc(var(--width375) * 15px) 0 0 0;}
    .atli-title{margin:0 0 calc(var(--width375) * 3px) 0;}
    .atligulia{font-size: calc(var(--width375) * 16px);line-height:calc(var(--width375) * 20px);}
    .artlistd{border-bottom:  calc(var(--width375) * 5px) solid #F8F8F8;padding:0 0 calc(var(--width375) * 15px) 0;margin:calc(var(--width375) * 20px) 0 0 0;}


    .atliglul li b{width: calc(var(--width375) * 12px);height: calc(var(--width375) * 12px); background-size: contain;margin: 0 calc(var(--width375) * 8px) 0 0;flex-shrink: 0;}
    .atlitd-left b{width:calc(var(--width375) * 20px);height: calc(var(--width375) * 20px);background-size: contain;margin: 0 calc(var(--width375) * 6px) 0 0 ;}
    



    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,
    .xgzt .rititle-more b,.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
    { width: calc(var(--width375) * 8px);height: calc(var(--width375) * 11px); background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:calc(var(--width375) * 13px);height:calc(var(--width375) * 13px); background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:calc(var(--width375) * 12px);height:calc(var(--width375) * 12px); background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:calc(var(--width375) * 17px);height:calc(var(--width375) * 12px); background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:calc(var(--width375) * 16px);height:calc(var(--width375) * 16px); background-size: contain;margin:0 2px 0 0;}

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

    .art-tops{margin:calc(var(--width360) * 20px) calc(var(--width360) * 15px) 0 calc(var(--width360) * 15px);}
    .artop-tabs {padding:calc(var(--width360) * 5px) calc(var(--width360) * 15px) calc(var(--width360) * 12px) calc(var(--width360) * 15px);}
    .artaba{font-size: calc(var(--width360) * 18px);margin:0 calc(var(--width360) * 15px) 0 0;}
    .tptype{margin: calc(var(--width360) * 10px) calc(var(--width360) * 15px);height: calc(var(--width360) * 30px);}
    .tptype.shows{margin-bottom:calc(var(--width360) * 25px);max-height:calc(var(--width360) * 150px);}
    .tptype.shows.showsall{max-height: 435px;}
    .arttypea{width:calc(var(--width360) * 82px);height: calc(var(--width360) * 28px);border-radius:5px; font-size: calc(var(--width360) * 14px);margin:0 calc(var(--width360) * 17px) calc(var(--width360) * 10px) 0;line-height: calc(var(--width360) * 26px);padding:0 2px;}
    .tpmores img{width:calc(var(--width360) * 81px);height: calc(var(--width360) * 44px);}
    .artclDiv{margin:calc(var(--width360) * 20px) 0 0 0;padding:0 0 calc(var(--width360) * 20px) 0;}
    .pages{margin:calc(var(--width360) * 30px) auto calc(var(--width360) * 10px) auto;}
    .page a{ border-radius:calc(var(--width360) * 3px); font-size: calc(var(--width360) * 14px);padding:calc(var(--width360) * 5px) calc(var(--width360) * 9px); }
    .clddCon{font-size: calc(var(--width360) * 14px);}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    , .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:calc(var(--width360) * 21px);height:calc(var(--width360) * 20px); ;background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    .newarticle .codedl {margin:calc(var(--width360) * 40px) 0 0 0;}
    .newarticle .hot-down{margin:calc(var(--width360) * 65px) 0 calc(var(--width360) * 20px) 0;}
    .newarticle .quality-courses{margin:calc(var(--width360) * 40px) 0 calc(var(--width360) * 40px) 0;}
    .hotdownload{margin: calc(var(--width360) * 60px) 0 calc(var(--width360) * 30px) 0;}
    .newarticle .advertisement{margin:calc(var(--width360) * 65px) 0 0 0;}
    .showbtns img{width:calc(var(--width360) * 12px);height: calc(var(--width360) * 9px);}
    .showbtns {height: calc(var(--width360) * 15px); margin-top: -20px;}
    .breadcrumb img{width:calc(var(--width360) * 14px);height:calc(var(--width360) * 18px);margin:0 calc(var(--width360) * 4px) 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width360) * 14px);}
    .breadcrumb{margin:0 0 calc(var(--width360) * 14px) 0;}
    .artop-left{padding:0 0 calc(var(--width360) * 20px) 0;}
    .artavatar{width:calc(var(--width360) * 40px);height: calc(var(--width360) * 40px);margin:0 calc(var(--width360) * 11px) 0 0;}
    .artldr-name{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 18px);margin:0 0 calc(var(--width360) * 8px) 0;}
    .artldr-down{font-size: calc(var(--width360) * 12px);line-height: calc(var(--width360) * 14px);}
    .artldr-down p:nth-of-type(1){margin:0 calc(var(--width360) * 10px) 0 0;}
    .art-tops h1{margin:0 0 calc(var(--width360) * 20px) 0;font-size: calc(var(--width360) * 20px);line-height: calc(var(--width360) * 30px);}
    .artop-right{width: calc(var(--width360) * 40px);height: calc(var(--width360) * 20px);border-radius:calc(var(--width360) * 3px);font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 26px);}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: calc(var(--width360) * 70px);border-radius:5px;margin:calc(var(--width360) * 20px) 0;}
    .aritcle_card_img,.aritcle_card_img img{width:calc(var(--width360) * 50px);height: calc(var(--width360) * 50px);border-radius: calc(var(--width360) * 15px) ;}
    .aritcle_card_img{margin:0 calc(var(--width360) * 10px) 0 0;}
    .nphpQianCont ul{margin-top: calc(var(--width360) * 10px);}
    .nphpQianCont ul li{ margin-bottom: calc(var(--width360) * 10px);}
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 16px);}
    .aritcle_card_info p{font-size: calc(var(--width360) * 12px);margin:calc(var(--width360) * 10px) 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: calc(var(--width360) * 65px);height:calc(var(--width360) * 25px);border-radius:calc(var(--width360) * 5px);font-size: calc(var(--width360) * 14px);}
    .artcardd{margin:calc(var(--width360) * 9px) calc(var(--width360) * 10px) calc(var(--width360) * 9px) calc(var(--width360) * 10px);}
    .aritcle_card_info{margin:0 calc(var(--width360) * 30px) 0 0 ;width:calc(var(--width360) * 215px);}
    .artdesc{border-radius:calc(var(--width360) * 5px);border-left: 5px solid #FCEBEB;margin:0 0 calc(var(--width360) * 20px) 0;}
    .artdesc p{margin:calc(var(--width360) * 14px) calc(var(--width360) * 13px) calc(var(--width360) * 15px) calc(var(--width360) * 15px);font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 30px); }
    .artconimg{width:calc(var(--width360) * 310px);height:calc(var(--width360) * 170px);margin:0 auto calc(var(--width360) * 25px) auto;}
    .artdp{font-size:calc(var(--width360) * 20px);margin:0 0 calc(var(--width360) * 18px) 0;}
    .aritcle_card+.artdp{margin-top: calc(var(--width360) * 25px);}
    .artp{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 30px);margin:0 0 calc(var(--width360) * 22px) 0;}
    .artdp span{width: calc(var(--width360) * 5px);height: calc(var(--width360) * 17px);border-radius: 3px;margin:0 calc(var(--width360) * 13px) 0 0;}
    .artmrlis{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 16px);margin:0 0 calc(var(--width360) * 20px) 0;}
    .artmrlis p{margin:0 0 0 calc(var(--width360) * 15px);}
    .artmoreart{margin:calc(var(--width360) * 25px) 0 0 0;}
    .artmoretabs p{font-size: calc(var(--width360) * 16px);margin:0 calc(var(--width360) * 11px) 0 0;}
    .mtbsa{font-size: calc(var(--width360) * 14px);padding:0 calc(var(--width360) * 8px);height: calc(var(--width360) * 24px);border-radius:5px;margin:0 calc(var(--width360) * 8px) calc(var(--width360) * 15px) 0;line-height: calc(var(--width360) * 22px);}
    .statement{font-size: calc(var(--width360) * 14px);margin:calc(var(--width360) * 10px) 0 calc(var(--width360) * 25px) 0;border-radius:calc(var(--width360) * 5px);border: calc(var(--width360) * 3px) solid #FCEBEB;line-height: calc(var(--width360) * 22px);}
    .statementd{margin:9px calc(var(--width360) * 20px) calc(var(--width360) * 10px) calc(var(--width360) * 20px);font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 22px);}
    .stetop{margin:0 0 calc(var(--width360) * 4px) 0;}
    .stetop p{width:calc(var(--width360) * 103px);height:calc(var(--width360) * 33px);background-size: contain;}
    .lastanext{border-radius: calc(var(--width360) * 5px);}
    .lastanext a{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 33px);}
    .lastanext p{margin:0 calc(var(--width360) * 10px);}
    .lastart{margin:0 0 calc(var(--width360) * 15px) 0;}
    .autharts{margin:0 0 calc(var(--width360) * 14px) 0;}
    .autharta{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 24px);}
    .autharta p{margin:0 0 0 calc(var(--width360) * 15px);}
    .authtime{font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 14px);flex-shrink: 0;}
    .authormore{margin:calc(var(--width360) * 40px) 0 0 0;}
    .authlist{margin:0 0 calc(var(--width360) * 16px) 0;}
    .aibtnimg {width: calc(var(--width360) * 72px);height: calc(var(--width360) * 72px);border-radius: calc(var(--width360) * 15px);}
    .abripone {font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 16px);}
    .abriptwo {margin:calc(var(--width360) * 10px) 0;font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 14px);}
    .aidcontbp {height: calc(var(--width360) * 25px);padding: 0 calc(var(--width360) * 6px);margin: 0 calc(var(--width360) * 7px) 0 0;border-radius: calc(var(--width360) * 5px);font-size: calc(var(--width360) * 12px);
        max-width: calc(var(--width360) * 80px);line-height: calc(var(--width360) * 25px);
    }
    .moreAi{margin:calc(var(--width360) * 40px) 0 0 0;}
    .rightdTitle {margin: 0 0 calc(var(--width360) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width360) * 14px);line-height: calc(var(--width360) * 22px);}
    .clddiv .clddp{font-size: calc(var(--width360) * 14px);margin:calc(var(--width360) * 6px) 0 calc(var(--width360) * 8px) 0;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:calc(var(--width360) * 40px) 0 0 0;}
    .xgarts{margin:calc(var(--width360) * 30px) 0 0 0;}
    .adversitement,.adversitement img{height: calc(var(--width360) * 332px);}
    .wzrfourli a {margin: 0 0 0 calc(var(--width360) * 15px);line-height: calc(var(--width360) * 35px);font-size: calc(var(--width360) * 16px);}
    .wzrfourli a span:nth-child(1) {margin: 0 calc(var(--width360) * 4px) 0 0;}
    .hdTabs,.jpkcTabs{font-size: calc(var(--width360) * 18px);margin:0 0 calc(var(--width360) * 15px) 0;}
    .hdTabs div, .jpkcTabs div {margin: 0 calc(var(--width360) * 6px);}
    .hdTabs div b, .jpkcTabs div b {height: calc(var(--width360) * 4px);margin:calc(var(--width360) * 2px) 0 0 0;}
    .xgwzlid{margin:0 0 calc(var(--width360) * 20px) 0;}
    .xgwzlid a {font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 18px);margin: 0 0 0 calc(var(--width360) * 15px);}
    .jpkc .ristyAimg {border-radius: calc(var(--width360) * 5px);margin: 0 calc(var(--width360) * 15px) 0 0;width: calc(var(--width360) * 140px);height: calc(var(--width360) * 86px);}
    .jpkc .rirightp {margin:calc(var(--width360) * 6px) 0 calc(var(--width360) * 12px) 0;height: calc(var(--width360) * 45px);line-height: calc(var(--width360) * 24px);font-size: calc(var(--width360) * 16px);}
    .jpkc .risrdown {font-size: calc(var(--width360) * 12px);}
    .risrdown {line-height: calc(var(--width360) * 20px);}
    .ristyA{margin:0 0 calc(var(--width360) * 20px) 0;}
    
    /* art list */
    .artlist{margin:0 calc(var(--width360) * 20px) calc(var(--width360) * 10px) calc(var(--width360) * 20px);}
    .atlititle-more{font-size: calc(var(--width360) * 14px);}
    .atlitd-left{font-size: calc(var(--width360) * 20px);}
    .atliglul li{margin:calc(var(--width360) * 15px) 0 0 0;}
    .atli-title{margin:0 0 calc(var(--width360) * 3px) 0;}
    .atligulia{font-size: calc(var(--width360) * 16px);line-height:calc(var(--width360) * 20px);}
    .artlistd{border-bottom:  calc(var(--width360) * 5px) solid #F8F8F8;padding:0 0 calc(var(--width360) * 15px) 0;margin:calc(var(--width360) * 20px) 0 0 0;}


    .atliglul li b{width: calc(var(--width360) * 12px);height: calc(var(--width360) * 12px); background-size: contain;margin: 0 calc(var(--width360) * 8px) 0 0;flex-shrink: 0;}
    .atlitd-left b{width:calc(var(--width360) * 20px);height: calc(var(--width360) * 20px);background-size: contain;margin: 0 calc(var(--width360) * 6px) 0 0 ;}
        



    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,
    .xgzt .rititle-more b,.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
    { width: calc(var(--width360) * 8px);height: calc(var(--width360) * 11px); background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:calc(var(--width360) * 13px);height:calc(var(--width360) * 13px); background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:calc(var(--width360) * 12px);height:calc(var(--width360) * 12px); background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:calc(var(--width360) * 17px);height:calc(var(--width360) * 12px); background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:calc(var(--width360) * 16px);height:calc(var(--width360) * 16px); background-size: contain;margin:0 2px 0 0;}

    
}

@media screen and (max-width: 345px) {
    .arttypea{width:calc(var(--width330) * 82px);height: calc(var(--width330) * 28px);border-radius:5px; font-size: calc(var(--width330) * 14px);margin:0 calc(var(--width330) * 20px) calc(var(--width330) * 10px) 0;line-height: calc(var(--width330) * 26px);padding:0 2px;}
}
@media screen and (max-width: 331px) {

    .art-tops{margin:calc(var(--width330) * 20px) calc(var(--width330) * 15px) 0 calc(var(--width330) * 15px);}
    .artop-tabs {padding:calc(var(--width330) * 5px) calc(var(--width330) * 15px) calc(var(--width330) * 12px) calc(var(--width330) * 15px);}
    .artaba{font-size: calc(var(--width330) * 18px);margin:0 calc(var(--width330) * 15px) 0 0;}
    .tptype{margin: calc(var(--width330) * 10px) calc(var(--width330) * 15px);height: calc(var(--width330) * 30px);}
    .tptype.shows{margin-bottom:calc(var(--width330) * 25px);max-height:calc(var(--width330) * 150px);}
    .tptype.shows.showsall{max-height: 435px;}
    .arttypea{width:calc(var(--width330) * 82px);height: calc(var(--width330) * 28px);border-radius: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 2px;}
    .tpmores img{width:calc(var(--width330) * 81px);height: calc(var(--width330) * 44px);}
    .artclDiv{margin:calc(var(--width330) * 20px) 0 0 0;padding:0 0 calc(var(--width330) * 20px) 0;}
    .pages{margin:calc(var(--width330) * 30px) auto calc(var(--width330) * 10px) auto;}
    .page a{ border-radius:calc(var(--width330) * 3px); font-size: calc(var(--width330) * 14px);padding:calc(var(--width330) * 5px) calc(var(--width330) * 9px); }
    .clddCon{font-size: calc(var(--width330) * 14px);}
    .newarticle .hour-title .title-left b,.newarticle .courses-title .title-left b,.newarticle .artallclass .title-left b,.newarticle .hot-title  .title-left b
    , .moreAi .title-left b,.xgzt .title-left b,.hotdownload .title-left b,.xgarts .title-left b,.jpkc .title-left b,.zxarts .title-left b,.authormore .title-left b
    {width:calc(var(--width330) * 21px);height:calc(var(--width330) * 20px); ;background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    .newarticle .codedl {margin:calc(var(--width330) * 40px) 0 0 0;}
    .newarticle .hot-down{margin:calc(var(--width330) * 65px) 0 calc(var(--width330) * 20px) 0;}
     .newarticle .quality-courses{margin:calc(var(--width330) * 40px) 0 calc(var(--width330) * 40px) 0;}
    .hotdownload{margin: calc(var(--width330) * 60px) 0 calc(var(--width330) * 30px) 0;}
    .newarticle .advertisement{margin:calc(var(--width330) * 65px) 0 0 0;}
    .showbtns img{width:calc(var(--width330) * 12px);height: calc(var(--width330) * 9px);}
    .showbtns {height: calc(var(--width330) * 15px); margin-top: -20px;}
    .breadcrumb img{width:calc(var(--width330) * 14px);height:calc(var(--width330) * 18px);margin:0 calc(var(--width330) * 4px) 0 0;}   
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width330) * 14px);}
    .breadcrumb{margin:0 0 calc(var(--width330) * 14px) 0;}
    .artop-left{padding:0 0 calc(var(--width330) * 20px) 0;}
    .artavatar{width:calc(var(--width330) * 40px);height: calc(var(--width330) * 40px);margin:0 calc(var(--width330) * 11px) 0 0;}
    .artldr-name{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 18px);margin:0 0 calc(var(--width330) * 8px) 0;}
    .artldr-down{font-size: calc(var(--width330) * 12px);line-height: calc(var(--width330) * 14px);}
    .artldr-down p:nth-of-type(1){margin:0 calc(var(--width330) * 10px) 0 0;}
    .art-tops h1{margin:0 0 calc(var(--width330) * 20px) 0;font-size: calc(var(--width330) * 20px);line-height: calc(var(--width330) * 30px);}
    .artop-right{width: calc(var(--width330) * 40px);height: calc(var(--width330) * 20px);border-radius:calc(var(--width330) * 3px);font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 26px);}
    .aritcle_card,.nphpQianCont p+.aritcle_card{width:100%;height: calc(var(--width330) * 70px);border-radius:5px;margin:calc(var(--width330) * 20px) 0;}
    .aritcle_card_img,.aritcle_card_img img{width:calc(var(--width330) * 50px);height: calc(var(--width330) * 50px);border-radius: calc(var(--width330) * 15px) ;}
    .aritcle_card_img{margin:0 calc(var(--width330) * 10px) 0 0;}
    .nphpQianCont ul{margin-top: calc(var(--width330) * 10px);}
    .nphpQianCont ul li{ margin-bottom: calc(var(--width330) * 10px);}
  
    .nphpQianCont .aritcle_card_info a,.aritcle_card_info a{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 16px);}
    .aritcle_card_info p{font-size: calc(var(--width330) * 12px);margin:calc(var(--width330) * 10px) 0 0 0 !important;}
    .nphpQianCont .aritcle_card_btn,.aritcle_card_btn{width: calc(var(--width330) * 65px);height:calc(var(--width330) * 25px);border-radius:calc(var(--width330) * 5px);font-size: calc(var(--width330) * 14px);}
    .artcardd{margin:calc(var(--width330) * 9px) calc(var(--width330) * 10px) calc(var(--width330) * 9px) calc(var(--width330) * 10px);}
    .aritcle_card_info{margin:0 calc(var(--width330) * 30px) 0 0 ;width:calc(var(--width330) * 215px);}
    .artdesc{border-radius:calc(var(--width330) * 5px);border-left: 5px solid #FCEBEB;margin:0 0 calc(var(--width330) * 20px) 0;}
    .artdesc p{margin:calc(var(--width330) * 14px) calc(var(--width330) * 13px) calc(var(--width330) * 15px) calc(var(--width330) * 15px);font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 30px); }
    .artconimg{width:calc(var(--width330) * 310px);height:calc(var(--width330) * 170px);margin:0 auto calc(var(--width330) * 25px) auto;}
    .artdp{font-size:calc(var(--width330) * 20px);margin:0 0 calc(var(--width330) * 18px) 0;}
    .aritcle_card+.artdp{margin-top: calc(var(--width330) * 25px);}
    .artp{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 30px);margin:0 0 calc(var(--width330) * 22px) 0;}
    .artdp span{width: calc(var(--width330) * 5px);height: calc(var(--width330) * 17px);border-radius: 3px;margin:0 calc(var(--width330) * 13px) 0 0;}
    .artmrlis{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 16px);margin:0 0 calc(var(--width330) * 20px) 0;}
    .artmrlis p{margin:0 0 0 calc(var(--width330) * 15px);}
    .artmoreart{margin:calc(var(--width330) * 25px) 0 0 0;}
    .artmoretabs p{font-size: calc(var(--width330) * 16px);margin:0 calc(var(--width330) * 11px) 0 0;}
    .mtbsa{font-size: calc(var(--width330) * 14px);padding:0 calc(var(--width330) * 8px);height: calc(var(--width330) * 24px);border-radius:5px;margin:0 calc(var(--width330) * 8px) calc(var(--width330) * 15px) 0;line-height: calc(var(--width330) * 22px);}
    .statement{font-size: calc(var(--width330) * 14px);margin:calc(var(--width330) * 10px) 0 calc(var(--width330) * 25px) 0;border-radius:calc(var(--width330) * 5px);border: calc(var(--width330) * 3px) solid #FCEBEB;line-height: calc(var(--width330) * 22px);}
    .statementd{margin:9px calc(var(--width330) * 20px) calc(var(--width330) * 10px) calc(var(--width330) * 20px);font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 22px);}
    .stetop{margin:0 0 calc(var(--width330) * 4px) 0;}
    .stetop p{width:calc(var(--width330) * 103px);height:calc(var(--width330) * 33px);background-size: contain;}
    .lastanext{border-radius: calc(var(--width330) * 5px);}
    .lastanext a{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 33px);}
    .lastanext p{margin:0 calc(var(--width330) * 10px);}
    .lastart{margin:0 0 calc(var(--width330) * 15px) 0;}
    .autharts{margin:0 0 calc(var(--width330) * 14px) 0;}
    .autharta{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 24px);}
    .autharta p{margin:0 0 0 calc(var(--width330) * 15px);}
    .authtime{font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 14px);flex-shrink: 0;}
    .authormore{margin:calc(var(--width330) * 40px) 0 0 0;}
    .authlist{margin:0 0 calc(var(--width330) * 16px) 0;}
    .aibtnimg {width: calc(var(--width330) * 72px);height: calc(var(--width330) * 72px);border-radius: calc(var(--width330) * 15px);}
    .abripone {font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 16px);}
    .abriptwo {margin:calc(var(--width330) * 10px) 0;font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 14px);}
    .aidcontbp {height: calc(var(--width330) * 25px);padding: 0 calc(var(--width330) * 6px);margin: 0 calc(var(--width330) * 7px) 0 0;border-radius: calc(var(--width330) * 5px);font-size: calc(var(--width330) * 12px);
        max-width: calc(var(--width330) * 80px);line-height: calc(var(--width330) * 25px);
    }
    .moreAi{margin:calc(var(--width330) * 40px) 0 0 0;}
    .rightdTitle {margin: 0 0 calc(var(--width330) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width330) * 14px);line-height: calc(var(--width330) * 22px);}
    .clddiv .clddp{font-size: calc(var(--width330) * 14px);margin:calc(var(--width330) * 6px) 0 calc(var(--width330) * 8px) 0;}
    .xgzt,.jpkc,.adversitement,.zxarts{margin:calc(var(--width330) * 40px) 0 0 0;}
    .xgarts{margin:calc(var(--width330) * 30px) 0 0 0;}
    .adversitement,.adversitement img{height: calc(var(--width330) * 332px);}
    .wzrfourli a {margin: 0 0 0 calc(var(--width330) * 15px);line-height: calc(var(--width330) * 35px);font-size: calc(var(--width330) * 16px);}
    .wzrfourli a span:nth-child(1) {margin: 0 calc(var(--width330) * 4px) 0 0;}
    .hdTabs,.jpkcTabs{font-size: calc(var(--width330) * 18px);margin:0 0 calc(var(--width330) * 15px) 0;}
    .hdTabs div, .jpkcTabs div {margin: 0 calc(var(--width330) * 6px);}
    .hdTabs div b, .jpkcTabs div b {height: calc(var(--width330) * 4px);margin:calc(var(--width330) * 2px) 0 0 0;}
    .xgwzlid{margin:0 0 calc(var(--width330) * 20px) 0;}
    .xgwzlid a {font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 18px);margin: 0 0 0 calc(var(--width330) * 15px);}
    .jpkc .ristyAimg {border-radius: calc(var(--width330) * 5px);margin: 0 calc(var(--width330) * 15px) 0 0;width: calc(var(--width330) * 140px);height: calc(var(--width330) * 86px);}
    .jpkc .rirightp {margin:calc(var(--width330) * 6px) 0 calc(var(--width330) * 12px) 0;height: calc(var(--width330) * 45px);line-height: calc(var(--width330) * 24px);font-size: calc(var(--width330) * 16px);}
    .jpkc .risrdown {font-size: calc(var(--width330) * 12px);}
    .risrdown {line-height: calc(var(--width330) * 20px);}
    .ristyA{margin:0 0 calc(var(--width330) * 20px) 0;}


    /* art list */
    .artlist{margin:0 calc(var(--width330) * 20px) calc(var(--width330) * 10px) calc(var(--width330) * 20px);}
    .atlititle-more{font-size: calc(var(--width330) * 14px);}
    .atlitd-left{font-size: calc(var(--width330) * 20px);}
    .atliglul li{margin:calc(var(--width330) * 15px) 0 0 0;}
    .atli-title{margin:0 0 calc(var(--width330) * 3px) 0;}
    .atligulia{font-size: calc(var(--width330) * 16px);line-height:calc(var(--width330) * 20px);}
    .artlistd{border-bottom:  calc(var(--width330) * 5px) solid #F8F8F8;padding:0 0 calc(var(--width330) * 15px) 0;margin:calc(var(--width330) * 20px) 0 0 0;}


    .atliglul li b{width: calc(var(--width330) * 12px);height: calc(var(--width330) * 12px); background-size: contain;margin: 0 calc(var(--width330) * 8px) 0 0;flex-shrink: 0;}
    .atlitd-left b{width:calc(var(--width330) * 20px);height: calc(var(--width330) * 20px);background-size: contain;margin: 0 calc(var(--width330) * 6px) 0 0 ;}
     


    .artright .rititle-more b, .right-alls .rititle-more b, .artdtilRight .rititle-more b, .artlef-down .rititle-more b,.moreAi .rititle-more b,
    .xgzt .rititle-more b,.hotdownload .rititle-more b,.xgarts .rititle-more b,.jpkc .rititle-more b,.zxarts .rititle-more b,.authormore .rititle-more b,.atlititle-more b
    { width: calc(var(--width330) * 8px);height: calc(var(--width330) * 11px); background-size: contain;margin: 0 0 0 3px;}
    .artmrlis b,.autharta b,.wzrfourli b,.xgwzlid b, .artmrlis b{width:calc(var(--width330) * 13px);height:calc(var(--width330) * 13px); background-size: contain;flex-shrink: 0;}
    .artldr-down p:nth-of-type(1) b{width:calc(var(--width330) * 12px);height:calc(var(--width330) * 12px); background-size: contain;margin:0 2px 0 0;}
    .artldr-down p:nth-of-type(2) b{width:calc(var(--width330) * 17px);height:calc(var(--width330) * 12px); background-size: contain;margin:0 2px 0 0;}
    .nphpQianCont .aritcle_card_btn b,.aritcle_card_btn b{width:calc(var(--width330) * 16px);height:calc(var(--width330) * 16px); background-size: contain;margin:0 2px 0 0;}
    


}