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

@font-face {
    font-family: "Helvetica";
    src: url("./fonts/Helvetica.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "DIN";
    src: url("./fonts/DIN-Regular.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "DINAlternate";
    src: url("./fonts/DIN Alternate Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

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

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

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


body{font-family:"PingFang SC" ;margin:0 auto;overflow-x:hidden;}
.phpLogo{width: 125px;height: 34px;background: url(../mobimages/mnewphplogo.png) no-repeat;background-size: contain;display:flex;}
.phpLogo a{width: 125px;height: 34px;}
.headsearch{width: 212px;height: 34px;background: #F3F3F3;border-radius: 17px;align-items: center;margin:0 0 0 16px;}
.text1 {background: #F3F3F3;border-radius: 13px;color: #A6AEBD;line-height: 16px;padding:0 9px 0 3px;border: none;}
.text1::placeholder {color: #A6AEBD;opacity: 1; }
.headtop{align-items: center;justify-content: space-between;margin:11px 16px;width:auto;}
.headdown{height: auto; background:#FFFFFF;border-bottom:1px solid #F3F3F3;}
.hddtabs a{font-size: 18px;color: #333333;line-height: 18px;font-weight: 400;}
.hddtabs{align-items: center;justify-content:space-between;width:100%;margin:0 20px;}
.hddtabA.check{font-weight:bold;background:none;padding:0;}
.hddtabA.check b{width: 100%;height: 6px;background: #F13536;border-radius: 3px; margin-top:12px;}
.hddtabA b{margin-top:9px;}
.hddtabA.check span{margin-top: 9px;}
.hddtabA{height: 100%;align-items: center;justify-content: center;}
.hddtabA:nth-child(1):not(.check){padding:0;}
.hddtabssecd{display:none;position: relative;}
.swiper-container{width:100%;}
.hddtabssecd.check{display:flex;}
.hddtabsecA{font-size: 16px;color: #000000;line-height: 22px;margin:0 33px 0 0;width:auto;white-space:nowrap;}
.hddtabsecA.check{color: #D22222;font-weight: bold;padding:0 0 2px 0;}
.navSwipers {background: #F5F5F5;height:0;transition:all .3s ease;}
.hddtabssecd .underline {width: 28px;position: absolute;bottom: 0;height: 2px;border-radius: 2px;background-color: #D22222;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);pointer-events: none;}
.navsipd{margin:0 16px;padding:0;height: 100%;display: flex;align-items: center;justify-content: center;}
/* header */



.nphpYouBox {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0px;top: 0px;z-index: 11;}

/* .nphpYouTitle a { width:96px;height: 23px;background: url(../mobimages/mnewphplogo.png) no-repeat;background-size:contain;} */

/* .nphpCons{background:#F5F5F5;height:100%;} */
.lay-left{width: 118px;background: #D22222;height:100%;flex-shrink: 0;}
.layleft-btn{height: 51px;display:flex;align-items: center;justify-content: center;color: #FFFFFF;}
.layleft-btn.check{background: #F5F5F5;font-weight: bold;color: #000000;padding: 0 1px;margin-right: -1px;}
.layleft-btn:hover{color:#FFFFFF;}
.layleft-btn.check:hover{color: #000000;}
.layleft-btn.line{width: 72px;height: 1px;background: rgba(255,255,255,0.6);border-radius: 1px;margin: 0 auto;}
.ricon-title{font-weight: bold;font-size: 18px;color: #333333;line-height: 25px;margin:16px 0 0 0;padding:0 0 16px 0;border-bottom:1px solid #E2E2E2;}
.lay-right{margin:0 16px;width: 100%;overflow:auto;}
.listA{width: 95px;height: 42px;background: #FFFFFF;border-radius: 4px;border: 1px solid #ECECEC;font-size: 16px;color: #6D6F7C;
    line-height: 22px;font-family: PingFangSC, PingFang SC;margin:0 10px 10px 0;
}
.listA.mores{background: #FFF9F9;color: #D22222;border: 1px solid #ECECEC;}
.listA:nth-child(2n+2){margin:0 0 10px 0;}
.ricon-list{flex-wrap: wrap;margin:10px 0 0 0;}
.course-reply{padding:0 20px 20px 20px;background: #ffffff;}
.course-reply .video-tab:nth-child(3),.course-reply .video-tab:nth-child(4){margin: 0 0 16px 0;}
.course-reply .video-tab{width:47%}
.course-reply .vtaba,.course-reply .vtabimg {width:100%;}
.course-reply .studymores{ width: 100%;height: 36px;background: #F3F3F3;border-radius: 5px;font-size: 14px;color: #999999;margin:0;display: flex;align-items: center;justify-content: center;}



.nphpApp{ width: 100%; height: 55px; background: #fe6755;}
.nphpAppIn{ width: 92%; margin:auto;}
.nphpAppIn span{ display: block; float: left; width: 11px; height: 11px; background: url(../mobimages/mnewphpbg1.png) no-repeat -280px 0px; background-size: 400px 400px; margin: 22px 0px 0px 0px; cursor: pointer;}
.nphpAppIn em a{ display: block; float: left; width: 40px; height: 40px; background: url(../mobimages/mnewphpbg2.png) no-repeat; background-size: 40px 40px; margin: 8px 0px 0px 12px;}
.nphpAppIn dl{ float: left; width: calc(100% - 161px); margin: 5px 0px 0px 12px;}
.nphpAppIn i a{ display: block; float: right; width: 108px; height: 36px; background: #ffffff; border-radius: 100px; font-style:normal; line-height: 36px; overflow: hidden; text-align: center; color: #fc3930; text-decoration: none; margin-top:10px;  font-size: 16px; font-weight: bold;}
.nphpAppIn dl dt a{ display: block; height: 26px; line-height: 26px; overflow: hidden; font-size: 22px; font-weight: bold; color: #ffffff;}
.nphpAppIn dl dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; margin-top:2px; color: #ffffff;}

.nphpHead{background:#FFFFFF;}
.nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 10;overflow: hidden; box-sizing: border-box;overflow-x: hidden;}
.nphpFootBg {width: 100%;height: 55px;background: #F7F7F7;box-shadow: 0px -4px 24px 0px rgba(0, 0, 0, 0.05);}
.nphpFootMenu {width: 100%;}
.nphpFootMenu li {float: left;width: 20%;}
.nphpFootMenu li a {display: block;text-decoration: none;text-align: center;}
.nphpFootMenu li a b.icon1 {background-position: 0px -170px;}
.nphpFootMenu li a b.icon2 {background-position: -30px -170px;}
.nphpFootMenu li a b.icon3{ background-position: -60px -170px;}
.nphpFootMenu li a b.icon4 {background-position: -90px -170px;}
.nphpFootMenu li a b.icon5 {background-position: -120px -170px;}
.nphpFootMenu li a.hover p{ color: #303133;}
.nphpFootMenu li a.hover b.icon1{ background-position: -150px -170px;}
.nphpFootMenu li a.hover b.icon2{ background-position: -180px -170px;}
.nphpFootMenu li a.hover b.icon3 {background-position: -210px -170px;}
.nphpFootMenu li a.hover b.icon4{ background-position: -240px -170px;}
.nphpFootMenu li a.hover b.icon5{ background-position: -270px -170px;}
.nphpFootMenu li a b {display: block;width: 25px;height: 25px;background: url(../mobimages/mnewphpbg1.png) no-repeat;
    background-size: 400px 400px;margin: auto;margin-top: 5px;
}
.nphpFootMenu li a p {color: #9C9C9C;margin-top: 3px;}
.nphpDing {width: 100%;height:auto;background: #FFFFFF;box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);position: fixed;top: 0px;left: 0px;z-index: 11;font-size:14px}
.nphpDinglogo a {display: block;float: left;width: 44px;height: 26px;
    background: url(../mobimages/mnewphplogo2.png) no-repeat;background-size: 44px 26px;margin: 10px 0px 0px 4%;
}
.nphpNavIn1 { float: left;margin: 0px 0px 0px 16px;width:auto;}
.nphpNavSwiper1 {width: 100%;}
.nphpNavSwiper1 .swiper-wrapper {width: 100%;}
.nphpNavSwiper1 .swiper-wrapper .swiper-slide {width: auto !important;margin: 11px 17px 0px 0px;position: relative;}
.nphpNavSwiper1 .swiper-wrapper .swiper-slide a.hover {border-bottom: 3px solid #FD4029;color: #FD4029;}
.nphpNavSwiper1 .swiper-wrapper .swiper-slide:nth-child(6){margin-right: 0;}
.navswiperList.hddtabssecall{display:none;}

.headsearch a{width:16px;height:16px;background: url(../mobimages/icon154.png) no-repeat;background-size: contain;margin:0 9px;}
.loginB{width:20px;height:23px;background: url(../mobimages/icon295.png) no-repeat;background-size: contain;margin:0 12px;}
.menus{width:24px;height:19px;background: url(../mobimages/icon296.png) no-repeat;background-size: contain;}
.topsearch b{width:22px;height:21px;background: url(../mobimages/icon294.png) no-repeat;background-size: contain;}
.wechats{position:relative;}
.loginAother{align-items: center;}

.ylwTopSub1 {position: absolute;top: 25px;width: 142px;height: 147px;background: #ffffff;right: -16px;border-radius: 12px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);z-index: 11;}
.phpSubnav1 img {width: 100px;height: 100px;margin: 15px 0px 0px 20px;}
.phpSubnav1 p {font-size: 12px;font-weight: bold;margin-top: 10px;margin-left: 10px;text-align: center;}
.phpSubnav1 p em {font-weight: bold;color: #fc3930;}

.hddtabAmore{width:20px;height:17px;background: url(../mobimages/icon156.png) no-repeat;background-size: contain;}
.nphpYouBox {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0px;top: 0px;z-index: 11;}
.nphpYouBg {width: 100%;height: 100%;right: 0px;position: absolute;background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(74,74,74,0.5);display:flex;flex-direction: column; }

.nphpYouTitle{display:flex;align-items: center;justify-content:space-between;position:relative;height:auto; font-size: 16px;color: #333333;}
.nphpCons{background:#FFFFFF;height:100%;margin-bottom: 60px;overflow-y: auto;}
.nphpCons::-webkit-scrollbar { width:4px; }
.nphpCons::-webkit-scrollbar-thumb { background: #F5F5F5; }
.nphpCons::-webkit-scrollbar-track {background: #FFFFFF;}


.menut-right{align-items: center;}
.menuback b{width:9px;height:13px;background: url(../mobimages/icon299.png) no-repeat;background-size:contain;}
.mthome b{width:20px;height:20px;background: url(../mobimages/icon300.png) no-repeat;background-size:contain;margin:0 8px 0 0;}
.mttimes b{width:18px;height:19px;background: url(../mobimages/icon301.png) no-repeat;background-size:contain;}
.menutitle{font-size: 16px;color: #333333;}
.nphpYouTitle a{background:none;width:auto;height: auto;display: flex;margin:0;}
.nphpYouTitle b{position:static;}

.menu-list{width:auto;margin:30px 20px 0 20px;}
.menuli-title{justify-content: space-between;align-items: center;}
.mulitle-left{font-size: 18px;color: #333333;align-items: center;font-weight: 500;}
.mulitle-right{font-size: 14px;color: #999999;align-items: center;}
.muliconA{width: 22%;height: 28px;background: #F8F8F8;border-radius:5px;border: 1px solid #F3F3F3;margin:0 3% 15px 0;
    font-size: 12px;color: #333333;align-items:center;justify-content: center;
}
.muliconA:nth-last-child(-n + 4){margin-bottom:0;}
.muliconA:nth-child(4n+4){margin-right: 0;}
.menuli-cons{margin:18px 0 0 0;flex-wrap: wrap;}
.nzaMain .breadcrumb svg,.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;}
.artLists .clDiv:last-child {margin: 0;}

.artLists .clddTitle,.clddCon{-webkit-line-clamp: 1;}
.mulitle-right b{width:6px;height:11px;background: url(../mobimages/icon261.png) no-repeat;background-size:contain;margin:0 0 0 4px;}
.menulistwz .mulitle-left b{width:23px;height:22px;background: url(../mobimages/icon304.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
.menulistzt .mulitle-left b{width:22px;height:22px;background: url(../mobimages/icon305.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
.menulistai .mulitle-left b{width:19px;height:18px;background: url(../mobimages/icon306.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
.menuliststudy .mulitle-left b{width:23px;height:20px;background: url(../mobimages/icon307.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
.menulistcode .mulitle-left b{width:22px;height:21px;background: url(../mobimages/icon302.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
.menulistxz .mulitle-left b{width:22px;height:21px;background: url(../mobimages/icon308.png) no-repeat;background-size:contain;margin:0 5px 0 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
,.rightdTitle .title-left b,.downBg .hours-read .title-left b
{width:21px;height:20px; background:url(../mobimages/icon310.png) no-repeat;background-size: contain;margin:0 10px 0 0;}

.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;width: 100%; }

.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;}
.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 !important;}
.showbtns img.active {opacity: 1; transform: rotate(0deg);}
.showbtns.show{display:flex !important;}
.arttop-layer{background: #333333;opacity: 0.5;display: none; height: 100%;  width: 100%;position: fixed;top: 0;left: 0;z-index: 10;}


.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;}
.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,.rititle-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;}
.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
,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:21px;height:20px; background:url(../mobimages/icon310.png) no-repeat;background-size: contain;margin:0 10px 0 0;}

.hotdmaimg{width: 140px;height: 86px;border-radius:5px;margin:0 15px 0 0;}
.hotdmda{font-size: 16px;color: #333333;line-height: 26px;-webkit-line-clamp: 1;}
.hotdmdam{ font-size: 14px;color: #999999;-webkit-line-clamp: 1;word-break: break-all;}
.hotdmd-down{font-size: 12px;color: #999999;}
.hotdmd-time{margin:0 15px 0 0;align-items: center;}
.hotdmdd-down{align-items: center;}
.hotdmd-time b{width: 18px;height: 18px;background: url(../mobimages/icon251.png) no-repeat;background-size: contain;margin: 0;cursor: pointer;margin: 0 5px 0 0;}
.hotdmdd-down b{width: 16px;height: 16px;background: url(../mobimages/icon258.png) no-repeat;background-size: contain;margin: 0;cursor: pointer;margin: 0 5px 0 0;}
.hotdm-down{justify-content: space-between;}
.hotd-item{margin:0 0  20px 0;}
.hotd-item:last-child{margin:0;}

.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;}
.artclose img{width:15px;height: 15px;}
.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;}

@media screen and (max-width: 751px) {
    .phpLogo{width: calc(var(--width750) * 125px);height: calc(var(--width750) * 34px);}
    .phpLogo a{width: calc(var(--width750) * 125px);height: calc(var(--width750) * 34px);}
    .headsearch{width: calc(var(--width750) * 212px);height: calc(var(--width750) * 34px);border-radius: calc(var(--width750) * 17px); margin:0 0 0 calc(var(--width750) * 16px);}
    .text1 {border-radius: calc(var(--width750) * 13px);line-height: calc(var(--width750) * 16px);padding:0 calc(var(--width750) * 9px) 0 3px;}
    .headtop{margin:calc(var(--width750) * 11px) calc(var(--width750) * 16px);width:auto;}
    .headdown{ }
    .hddtabs a{font-size: calc(var(--width750) * 18px);line-height: calc(var(--width750) * 18px);}
    .hddtabs{margin:0 calc(var(--width750) * 20px);}
    .hddtabA.check{ padding:0;}
    .hddtabA.check b{ height: calc(var(--width750) * 6px); margin-top:calc(var(--width750) * 12px);}
    .hddtabA b{margin-top:calc(var(--width750) * 9px);}
    .hddtabA.check span{margin-top: calc(var(--width750) * 9px);}
    .hddtabA:nth-child(1):not(.check){padding:0;}
    .swiper-container{width:100%;}
    .hddtabsecA{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 22px);margin:0 calc(var(--width750) * 33px) 0 0;}
    .hddtabssecd .underline {width: calc(var(--width750) * 28px) !important;height: calc(var(--width750) * 2px);}
    .navsipd{margin:0 calc(var(--width750) * 16px);}
    .headsearch a{width:calc(var(--width750) * 16px);height:calc(var(--width750) * 16px); background-size: contain;margin:0 calc(var(--width750) * 9px);}
    .loginB{width:calc(var(--width750) * 19px);height:calc(var(--width750) * 20px); background-size: contain;margin:0 calc(var(--width750) * 16px);}
    .menus{width:calc(var(--width750) * 24px);height:calc(var(--width750) * 19px); background-size: contain;}
    .topsearch b{width:calc(var(--width750) * 22px);height:calc(var(--width750) * 21px); background-size: contain;}
    .wechatB{width:calc(var(--width750) * 23px);height:calc(var(--width750) * 20px); background-size: contain;}
    .ylwTopSub1 {position: absolute;top: calc(var(--width750) * 25px);width:142px;height:147px; right:calc(var(--width750) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width750) * 10px);}
    .hddtabAmore{width:calc(var(--width750) * 20px);height:calc(var(--width750) * 17px); background-size: contain;}
    .nphpYouBg {width: 100%;height: 100%;right: 0px; }
    .nphpYouTitle{margin:calc(var(--width750) * 14px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);font-size:calc(var(--width750) * 16px);}
    .menuback b{width:calc(var(--width750) * 9px);height:calc(var(--width750) * 13px);background-size:contain;}
    .mthome b{width:calc(var(--width750) * 20px);height:calc(var(--width750) * 20px);background-size:contain;margin:0 calc(var(--width750) * 8px) 0 0;}
    .mttimes b{width:calc(var(--width750) * 18px);height:calc(var(--width750) * 19px);background-size:contain;}
    .menutitle{font-size: calc(var(--width750) * 16px); }

    .menu-list{margin:calc(var(--width750) * 30px) calc(var(--width750) * 20px) 0 calc(var(--width750) * 20px);}
    .mulitle-left{font-size: calc(var(--width750) * 18px);}
    .mulitle-right{font-size: calc(var(--width750) * 14px);}
    .muliconA{width:22%;height: calc(var(--width750) * 28px);border-radius:calc(var(--width750) * 5px);margin:0 3% calc(var(--width750) * 15px) 0;font-size: calc(var(--width750) * 12px);}
    .muliconA:nth-last-child(-n + 4){margin-bottom:0;}
    .muliconA:nth-child(4n+4){margin-right: 0;}
    .menuli-cons{margin:calc(var(--width750) * 18px) 0 0 0;}
    .mulitle-right b{width:calc(var(--width750) * 6px);height:calc(var(--width750) * 11px);background-size:contain;margin:0 0 0 calc(var(--width750) * 4px);}
    .menulistwz .mulitle-left b{width:calc(var(--width750) * 23px);height:calc(var(--width750) * 22px);background-size:contain;margin:0 calc(var(--width750) * 5px) 0 0;}
    .menulistzt .mulitle-left b{width:calc(var(--width750) * 22px);height:calc(var(--width750) * 22px);background-size:contain;margin:0 calc(var(--width750) * 5px) 0 0;}
    .menulistai .mulitle-left b{width:calc(var(--width750) * 19px);height:calc(var(--width750) * 18px);background-size:contain;margin:0 calc(var(--width750) * 5px) 0 0;}
    .menuliststudy .mulitle-left b{width:calc(var(--width750) * 23px);height:calc(var(--width750) * 20px);background-size:contain;margin:0 calc(var(--width750) * 5px) 0 0;}
    .menulistcode .mulitle-left b{width:calc(var(--width750) * 22px);height:calc(var(--width750) * 21px);background-size:contain;margin:0 calc(var(--width750) * 5px) 0 0;}
    .menulistxz .mulitle-left b{width:calc(var(--width750) * 22px);height:calc(var(--width750) * 21px);background-size:contain;margin:0 calc(var(--width750) * 5px) 0 0;}

    /* .nphpYouBg {width: 92%;height: 100%;right: 0px; } */
    /* .nphpYouTitle b {width:calc(var(--width750) * 18px);height:calc(var(--width750) * 18px); right: calc(var(--width750) * 16px);top: calc(var(--width750) * 16px);} */
    /* .nphpYouTitle a { width:calc(var(--width750) * 96px);height: calc(var(--width750) * 23px);background-size:contain;} */
    .nphpYouTitle{height:auto;}
    .lay-left{width: calc(var(--width750) * 118px);height:100%;flex-shrink: 0;}
    .layleft-btn{height: calc(var(--width750) * 51px);font-size:calc(var(--width750) * 14px);}
    .layleft-btn.line{width: calc(var(--width750) * 72px);height: 1px;}
    .ricon-title{font-size: calc(var(--width750) * 18px);line-height: calc(var(--width750) * 25px);margin:calc(var(--width750) * 16px) 0 0 0;padding:0 0 calc(var(--width750) * 16px) 0;}
    .lay-right{margin:0 calc(var(--width750) * 16px);width: 100%;}
    .listA{width: calc(var(--width750) * 95px);height: calc(var(--width750) * 42px);font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 22px);margin:0 calc(var(--width750) * 10px) calc(var(--width750) * 10px) 0;
    }
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width750) * 10px) 0;}
    .ricon-list{flex-wrap: wrap;margin:calc(var(--width750) * 10px) 0 0 0;};
    .course-reply .studymores{height: calc(var(--width750) * 36px);font-size: calc(var(--width750) * 14px);}
    .nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;}
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}
    .nphpDing {width: 100%; top: 0px;left: 0px;z-index: 11;font-size: calc(var(--width750) * 14px); }
    .nphpDinglogo a{margin:calc(var(--width750) * 14px) 0 0 4%;}
    .nphpNavIn1 { float: left;margin: 0px 0px 0px calc(var(--width750) * 16px);width:auto;}
    .nphpNavSwiper1 {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide {width: auto !important;margin: calc(var(--width750) * 11px) calc(var(--width750) * 17px) 0px 0px;position: relative;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide a.hover {border-bottom: 3px solid #FD4029;color: #FD4029;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide:nth-child(6){margin-right: 0;}
    .nzaMain .breadcrumb svg,.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);}
    .rightdTitle {margin: 0 0 calc(var(--width750) * 20px) 0;}
    .rititle-more {font-size: calc(var(--width750) * 14px);line-height: calc(var(--width750) * 22px);align-items: center;}
    .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;}
    .hotdownload{margin:calc(var(--width750) * 60px) 0 calc(var(--width750) * 30px) 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;}
    .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,.rititle-more b    { width: calc(var(--width750) * 8px);height: calc(var(--width750) * 11px); background-size: contain;margin: 0 0 0 3px;background: url(../mobimages/icon261.png) no-repeat;}
    .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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:calc(var(--width750) * 21px);height:calc(var(--width750) * 20px); ;background-size: contain;margin:0 calc(var(--width750) * 10px) 0 0;  }
    

    .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);}

    .hotdmaimg{width: calc(var(--width750) * 140px);height: calc(var(--width750) * 86px);border-radius:calc(var(--width750) * 5px);margin:0 calc(var(--width750) * 15px) 0 0;}
    .hotdmda{font-size: calc(var(--width750) * 16px);line-height: calc(var(--width750) * 26px);}
    .hotdmdam{ font-size: calc(var(--width750) * 14px);}
    .hotdmd-down{font-size: calc(var(--width750) * 12px);}
    .hotdmd-time{margin:0 calc(var(--width750) * 15px) 0 0;}
    .hotdmd-time b{width: calc(var(--width750) * 18px);height: calc(var(--width750) * 18px);background-size: contain;margin: 0 calc(var(--width750) * 5px) 0 0;}
    .hotdmdd-down b{width: calc(var(--width750) * 16px);height: calc(var(--width750) * 16px);background-size: contain;margin: 0 calc(var(--width750) * 5px) 0 0;}
    .hotd-item{margin:0 0 calc(var(--width750) * 20px) 0;}


}

@media screen and (max-width: 561px) {
    .phpLogo{width: calc(var(--width560) * 125px);height: calc(var(--width560) * 34px);}
    .phpLogo a{width: calc(var(--width560) * 125px);height: calc(var(--width560) * 34px);}
    .headsearch{width: calc(var(--width560) * 212px);height: calc(var(--width560) * 34px);border-radius: calc(var(--width560) * 17px); margin:0 0 0 calc(var(--width560) * 16px);}
    .text1 {border-radius: calc(var(--width560) * 13px);line-height: calc(var(--width560) * 16px);padding:0 calc(var(--width560) * 9px) 0 3px;}
    .headtop{margin:calc(var(--width560) * 11px) calc(var(--width560) * 16px);width:auto;}
    .headdown{ }
    .hddtabs a{font-size: calc(var(--width560) * 18px);line-height: calc(var(--width560) * 18px);}
    .hddtabs{margin:0 calc(var(--width560) * 20px);}
    .hddtabA.check{ padding:0;}
    .hddtabA.check b{ height: calc(var(--width560) * 6px); margin-top:calc(var(--width560) * 12px);}
    .hddtabA b{margin-top:calc(var(--width560) * 9px);}
    .hddtabA.check span{margin-top: calc(var(--width560) * 9px);}
    .hddtabA:nth-child(1):not(.check){padding:0;}
    .swiper-container{width:100%;}
    .hddtabsecA{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 22px);margin:0 calc(var(--width560) * 33px) 0 0;}
    .hddtabssecd .underline {width: calc(var(--width560) * 28px)  !important;}
    .navsipd{margin:0 calc(var(--width560) * 16px);}
    .headsearch a{width:calc(var(--width560) * 16px);height:calc(var(--width560) * 16px); background-size: contain;margin:0 calc(var(--width560) * 9px);}
    .loginB{width:calc(var(--width560) * 19px);height:calc(var(--width560) * 20px); background-size: contain;margin:0 calc(var(--width560) * 16px);}
    .menus{width:calc(var(--width560) * 24px);height:calc(var(--width560) * 19px); background-size: contain;}
    .topsearch b{width:calc(var(--width560) * 22px);height:calc(var(--width560) * 21px); background-size: contain;}
    .wechatB{width:calc(var(--width560) * 23px);height:calc(var(--width560) * 20px); background-size: contain;}
    .ylwTopSub1 {position: absolute;top: calc(var(--width560) * 25px);width:142px;height:147px; right:calc(var(--width560) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width560) * 10px);}
    .hddtabAmore{width:calc(var(--width560) * 20px);height:calc(var(--width560) * 17px); background-size: contain;}

    /* .nphpYouBg {width: 92%;height: 100%;right: 0px; } */
    /* .nphpYouTitle b {width:calc(var(--width560) * 18px);height:calc(var(--width560) * 18px); right: calc(var(--width560) * 16px);top: calc(var(--width560) * 16px);} */
    /* .nphpYouTitle a { width:calc(var(--width560) * 96px);height: calc(var(--width560) * 23px);background-size:contain;} */
    .nphpYouTitle{height:auto;}
    .lay-left{width: calc(var(--width560) * 118px);height:100%;flex-shrink: 0;}
    .layleft-btn{height: calc(var(--width560) * 51px);font-size:calc(var(--width560) * 14px);}
    .layleft-btn.line{width: calc(var(--width560) * 72px);height: 1px;}
    .ricon-title{font-size: calc(var(--width560) * 18px);line-height: calc(var(--width560) * 25px);margin:calc(var(--width560) * 16px) 0 0 0;padding:0 0 calc(var(--width560) * 16px) 0;}
    .lay-right{margin:0 calc(var(--width560) * 16px);width: 100%;}
    .listA{width: calc(var(--width560) * 95px);height: calc(var(--width560) * 42px);font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 22px);margin:0 calc(var(--width560) * 10px) calc(var(--width560) * 10px) 0;
    }
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width560) * 10px) 0;}
    .ricon-list{flex-wrap: wrap;margin:calc(var(--width560) * 10px) 0 0 0;}
    .course-reply .studymores{height: calc(var(--width560) * 36px);font-size: calc(var(--width560) * 14px);}

    .nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;}
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}
    .nphpDing {width: 100%; top: 0px;left: 0px;z-index: 11;font-size: calc(var(--width560) * 14px); }
    .nphpDinglogo a{margin:calc(var(--width560) * 14px) 0 0 4%;}
    .nphpNavIn1 { float: left;margin: 0px 0px 0px calc(var(--width560) * 16px);width:auto;}
    .nphpNavSwiper1 {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide {width: auto !important;margin: calc(var(--width560) * 11px) calc(var(--width560) * 17px) 0px 0px;position: relative;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide a.hover {border-bottom: 3px solid #FD4029;color: #FD4029;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide:nth-child(6){margin-right: 0;}
    .nzaMain .breadcrumb svg,.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);}
    .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;}
    .hotdownload{margin:calc(var(--width560) * 60px) 0 calc(var(--width560) * 30px) 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;}
    .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,.rititle-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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:calc(var(--width560) * 21px);height:calc(var(--width560) * 20px); ;background-size: contain;margin:0 calc(var(--width560) * 10px) 0 0;}
    
    .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);}

    .hotdmaimg{width: calc(var(--width560) * 140px);height: calc(var(--width560) * 86px);border-radius:calc(var(--width560) * 5px);margin:0 calc(var(--width560) * 15px) 0 0;}
    .hotdmda{font-size: calc(var(--width560) * 16px);line-height: calc(var(--width560) * 26px);}
    .hotdmdam{ font-size: calc(var(--width560) * 14px);}
    .hotdmd-down{font-size: calc(var(--width560) * 12px);}
    .hotdmd-time{margin:0 calc(var(--width560) * 15px) 0 0;}
    .hotdmd-time b{width: calc(var(--width560) * 18px);height: calc(var(--width560) * 18px);background-size: contain;margin: 0 calc(var(--width560) * 5px) 0 0;}
    .hotdmdd-down b{width: calc(var(--width560) * 16px);height: calc(var(--width560) * 16px);background-size: contain;margin: 0 calc(var(--width560) * 5px) 0 0;}
    .hotd-item{margin:0 0 calc(var(--width560) * 20px) 0;}

          
}
@media screen and (max-width: 541px) {
   .phpLogo{width: calc(var(--width540) * 125px);height: calc(var(--width540) * 34px);}
    .phpLogo a{width: calc(var(--width540) * 125px);height: calc(var(--width540) * 34px);}
    .headsearch{width: calc(var(--width540) * 212px);height: calc(var(--width540) * 34px);border-radius: calc(var(--width540) * 17px); margin:0 0 0 calc(var(--width540) * 16px);}
    .text1 {border-radius: calc(var(--width540) * 13px);line-height: calc(var(--width540) * 16px);padding:0 calc(var(--width540) * 9px) 0 3px;}
    .headtop{margin:calc(var(--width540) * 11px) calc(var(--width540) * 16px);width:auto;}
    .headdown{ }
    .hddtabs a{font-size: calc(var(--width540) * 18px);line-height: calc(var(--width540) * 18px);}
    .hddtabs{margin:0 calc(var(--width540) * 20px);}
    .hddtabA.check{ padding:0;}
    .hddtabA.check b{ height: calc(var(--width540) * 6px); margin-top:calc(var(--width540) * 12px);}
    .hddtabA b{margin-top:calc(var(--width540) * 9px);}
    .hddtabA.check span{margin-top: calc(var(--width540) * 9px);}
    .hddtabA:nth-child(1):not(.check){padding:0;}
    .swiper-container{width:100%;}
    .hddtabsecA{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 22px);margin:0 calc(var(--width540) * 33px) 0 0;}
 
    .hddtabssecd .underline {width: calc(var(--width540) * 25px)  !important;}
    .navsipd{margin:0 calc(var(--width540) * 16px);}
    .headsearch a{width:calc(var(--width540) * 16px);height:calc(var(--width540) * 16px); background-size: contain;margin:0 calc(var(--width540) * 9px);}
    .loginB{width:calc(var(--width540) * 19px);height:calc(var(--width540) * 20px); background-size: contain;margin:0 calc(var(--width540) * 16px);}
    .menus{width:calc(var(--width540) * 24px);height:calc(var(--width540) * 19px); background-size: contain;}
    .topsearch b{width:calc(var(--width540) * 22px);height:calc(var(--width540) * 21px); background-size: contain;}
    .wechatB{width:calc(var(--width540) * 23px);height:calc(var(--width540) * 20px); background-size: contain;}
    .ylwTopSub1 {position: absolute;top: calc(var(--width540) * 25px);width:142px;height:147px; right:calc(var(--width540) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width540) * 10px);}
    .hddtabAmore{width:calc(var(--width540) * 20px);height:calc(var(--width540) * 17px); background-size: contain;}
    .nphpYouBg {width: 100%;height: 100%;right: 0px; }
    .nphpYouTitle{margin:calc(var(--width540) * 14px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);font-size:calc(var(--width540) * 16px);}
    .menuback b{width:calc(var(--width540) * 9px);height:calc(var(--width540) * 13px);background-size:contain;}
    .mthome b{width:calc(var(--width540) * 20px);height:calc(var(--width540) * 20px);background-size:contain;margin:0 calc(var(--width540) * 8px) 0 0;}
    .mttimes b{width:calc(var(--width540) * 18px);height:calc(var(--width540) * 19px);background-size:contain;}
    .menutitle{font-size: calc(var(--width540) * 16px); }

    .menu-list{margin:calc(var(--width540) * 30px) calc(var(--width540) * 20px) 0 calc(var(--width540) * 20px);}
    .mulitle-left{font-size: calc(var(--width540) * 18px);}
    .mulitle-right{font-size: calc(var(--width540) * 14px);}
    .muliconA{width:22%;height: calc(var(--width540) * 28px);border-radius:calc(var(--width540) * 5px);margin:0 3% calc(var(--width540) * 15px) 0;font-size: calc(var(--width540) * 12px);}
    .muliconA:nth-last-child(-n + 4){margin-bottom:0;}
    .muliconA:nth-child(4n+4){margin-right: 0;}
    .menuli-cons{margin:calc(var(--width540) * 18px) 0 0 0;}
    .mulitle-right b{width:calc(var(--width540) * 6px);height:calc(var(--width540) * 11px);background-size:contain;margin:0 0 0 calc(var(--width540) * 4px);}
    .menulistwz .mulitle-left b{width:calc(var(--width540) * 23px);height:calc(var(--width540) * 22px);background-size:contain;margin:0 calc(var(--width540) * 5px) 0 0;}
    .menulistzt .mulitle-left b{width:calc(var(--width540) * 22px);height:calc(var(--width540) * 22px);background-size:contain;margin:0 calc(var(--width540) * 5px) 0 0;}
    .menulistai .mulitle-left b{width:calc(var(--width540) * 19px);height:calc(var(--width540) * 18px);background-size:contain;margin:0 calc(var(--width540) * 5px) 0 0;}
    .menuliststudy .mulitle-left b{width:calc(var(--width540) * 23px);height:calc(var(--width540) * 20px);background-size:contain;margin:0 calc(var(--width540) * 5px) 0 0;}
    .menulistcode .mulitle-left b{width:calc(var(--width540) * 22px);height:calc(var(--width540) * 21px);background-size:contain;margin:0 calc(var(--width540) * 5px) 0 0;}
    .menulistxz .mulitle-left b{width:calc(var(--width540) * 22px);height:calc(var(--width540) * 21px);background-size:contain;margin:0 calc(var(--width540) * 5px) 0 0;}


    /* .nphpYouBg {width: 92%;height: 100%;right: 0px; } */
    /* .nphpYouTitle b {width:calc(var(--width540) * 18px);height:calc(var(--width540) * 18px); right: calc(var(--width540) * 16px);top: calc(var(--width540) * 16px);} */
    /* .nphpYouTitle a { width:calc(var(--width540) * 96px);height: calc(var(--width540) * 23px);background-size:contain;} */
    .nphpYouTitle{height:auto;}
    .lay-left{width: calc(var(--width540) * 118px);height:100%;flex-shrink: 0;}
    .layleft-btn{height: calc(var(--width540) * 51px);font-size:calc(var(--width540) * 14px);}
    .layleft-btn.line{width: calc(var(--width540) * 72px);height: 1px;}
    .ricon-title{font-size: calc(var(--width540) * 18px);line-height: calc(var(--width540) * 25px);margin:calc(var(--width540) * 16px) 0 0 0;padding:0 0 calc(var(--width540) * 16px) 0;}
    .lay-right{margin:0 calc(var(--width540) * 16px);width: 100%;}
    .listA{width: calc(var(--width540) * 95px);height: calc(var(--width540) * 42px);font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 22px);margin:0 calc(var(--width540) * 10px) calc(var(--width540) * 10px) 0;
    }
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width540) * 10px) 0;}
    .ricon-list{flex-wrap: wrap;margin:calc(var(--width540) * 10px) 0 0 0;}
    .course-reply .studymores{height: calc(var(--width540) * 36px);font-size: calc(var(--width540) * 14px);}

    .nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;}
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}
    .nphpDing {width: 100%; top: 0px;left: 0px;z-index: 11;font-size: calc(var(--width540) * 14px); }
    .nphpDinglogo a{margin:calc(var(--width540) * 14px) 0 0 4%;}
    .nphpNavIn1 { float: left;margin: 0px 0px 0px calc(var(--width540) * 16px);width:auto;}
    .nphpNavSwiper1 {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide {width: auto !important;margin: 15px calc(var(--width540) * 17px) 0px 0px;position: relative;font-size: calc(var(--width540) * 14px);}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide a.hover {border-bottom: 3px solid #FD4029;color: #FD4029;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide:nth-child(6){margin-right: 0;}
    .nzaMain .breadcrumb svg,.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);}
    .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;}
    .hotdownload{margin:calc(var(--width540) * 60px) 0 calc(var(--width540) * 30px) 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;}
    .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,.rititle-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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:calc(var(--width540) * 21px);height:calc(var(--width540) * 20px); ;background-size: contain;margin:0 calc(var(--width540) * 10px) 0 0;}
    
    .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);}
    
    .hotdmaimg{width: calc(var(--width540) * 140px);height: calc(var(--width540) * 86px);border-radius:calc(var(--width540) * 5px);margin:0 calc(var(--width540) * 15px) 0 0;}
    .hotdmda{font-size: calc(var(--width540) * 16px);line-height: calc(var(--width540) * 26px);}
    .hotdmdam{ font-size: calc(var(--width540) * 14px);}
    .hotdmd-down{font-size: calc(var(--width540) * 12px);}
    .hotdmd-time{margin:0 calc(var(--width540) * 15px) 0 0;}
    .hotdmd-time b{width: calc(var(--width540) * 18px);height: calc(var(--width540) * 18px);background-size: contain;margin: 0 calc(var(--width540) * 5px) 0 0;}
    .hotdmdd-down b{width: calc(var(--width540) * 16px);height: calc(var(--width540) * 16px);background-size: contain;margin: 0 calc(var(--width540) * 5px) 0 0;}
    .hotd-item{margin:0 0 calc(var(--width540) * 20px) 0;}
    
}

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

    .nzaMain .breadcrumb svg,.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);}
    .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;}
    .hotdownload{margin:calc(var(--width501) * 60px) 0 calc(var(--width501) * 30px) 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;}
    .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,.rititle-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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:calc(var(--width501) * 21px);height:calc(var(--width501) * 20px); ;background-size: contain;margin:0 calc(var(--width501) * 10px) 0 0;}
    

    .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);}

    .hotdmaimg{width: calc(var(--width501) * 140px);height: calc(var(--width501) * 86px);border-radius:calc(var(--width501) * 5px);margin:0 calc(var(--width501) * 15px) 0 0;}
    .hotdmda{font-size: calc(var(--width501) * 16px);line-height: calc(var(--width501) * 26px);}
    .hotdmdam{ font-size: calc(var(--width501) * 14px);}
    .hotdmd-down{font-size: calc(var(--width501) * 12px);}
    .hotdmd-time{margin:0 calc(var(--width501) * 15px) 0 0;}
    .hotdmd-time b{width: calc(var(--width501) * 18px);height: calc(var(--width501) * 18px);background-size: contain;margin: 0 calc(var(--width501) * 5px) 0 0;}
    .hotdmdd-down b{width: calc(var(--width501) * 16px);height: calc(var(--width501) * 16px);background-size: contain;margin: 0 calc(var(--width501) * 5px) 0 0;}
    .hotd-item{margin:0 0 calc(var(--width501) * 20px) 0;}

}

@media screen and (max-width: 516px) {
    .headsearch {width: calc(var(--width516) * 200px);height: calc(var(--width516) * 34px);background-size: contain;margin: 0 0 0 calc(var(--width516) * 16px);}
    .listA {width:calc(var(--width516) * 95px);}



}

@media screen and (max-width: 431px) {
    .phpLogo{width: 125px;height: 34px;background: url(../mobimages/mnewphplogo.png) no-repeat;background-size: contain;display:flex;}
    .phpLogo a{width: 125px;height: 34px;}
    .headsearch{width: 212px;height: 34px;background: #F3F3F3;border-radius: 17px;align-items: center;margin:0 0 0 16px;}
    .text1 {background: #F3F3F3;border-radius: 13px;color: #A6AEBD;line-height: 16px;padding:0 9px 0 3px;border: none;}
    .text1::placeholder {color: #A6AEBD;opacity: 1; }
    .headtop{align-items: center;justify-content: space-between;margin:11px 16px;width:auto;}
    .headdown{height:auto;background:#FFFFFF;border-bottom:1px solid #F3F3F3;}
    .hddtabs a{ font-size: 18px;color: #333333;line-height: 18px;font-weight: 400;}
    .hddtabs{align-items: center;justify-content:space-between;width:100%;margin:0 20px;}
    .hddtabA.check{font-weight: bold; color: #000000;padding:0;}
    .hddtabA.check b{width: 100%;height: 6px;background: #F13536;border-radius: 3px; margin-top: 12px;}
    .hddtabA b{margin-top:9px;}
    .hddtabA.check span{margin-top: 9px;}
    .hddtabA{height: 100%;align-items: center;justify-content: center;}
    .hddtabA:nth-child(1):not(.check){padding:0;}
    .hddtabssecd{display:none;position: relative;}
    .swiper-container{width:100%;}
    .hddtabssecd.check{display:flex;}
    .hddtabsecA{font-size: 16px;color: #000000;line-height: 22px;margin:0 33px 0 0;width:auto;white-space:nowrap;}
    .hddtabsecA.check{color: #D22222;font-weight: bold;}
    .navSwipers {background: #F5F5F5;}
    .hddtabssecd .underline {width: 28px;position: absolute;bottom: 0;height: 2px;border-radius: 2px;background-color: #D22222;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);pointer-events: none;}
    .navsipd{margin:0 16px;padding:0;height: 100%;display: flex;align-items: center;justify-content: center;}
    .headsearch a{width:16px;height:16px;background: url(../mobimages/icon154.png) no-repeat;background-size: contain;margin:0 9px;}
    .wechatB{width:23px;height:20px;background: url(../mobimages/icon155.png) no-repeat;background-size: contain;}
    .wechats{position:relative;}
    .ylwTopSub1 {position: absolute;top: 25px;width: 142px;height: 147px;background: #ffffff;right: -16px;border-radius: 12px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);z-index: 11;}
    .phpSubnav1 img {width: 100px;height: 100px;margin: 15px 0px 0px 20px;}
    .phpSubnav1 p {font-size: 12px;font-weight: bold;margin-top: 10px;margin-left: 10px;text-align: center;}
    .phpSubnav1 p em {font-weight: bold;color: #fc3930;}
    .hddtabAmore{width:20px;height:17px;background: url(../mobimages/icon156.png) no-repeat;background-size: contain;}
    .hddtabssecall{overflow: auto;width:100%;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;}

    .headsearch a{width:16px;height:16px;background: url(../mobimages/icon154.png) no-repeat;background-size: contain;margin:0 9px;}
    .loginB{width:20px;height:23px;background: url(../mobimages/icon295.png) no-repeat;background-size: contain;margin:0 12px;}
    .menus{width:24px;height:19px;background: url(../mobimages/icon296.png) no-repeat;background-size: contain;}
    .topsearch b{width:22px;height:21px;background: url(../mobimages/icon294.png) no-repeat;background-size: contain;}

    .wechats{position:relative;}
    .loginAother{align-items: center;}
    .nphpYouBox {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0px;top: 0px;z-index: 11;}
    .nphpYouBg {width: 100%;height: 100%;right: 0px;position: absolute;background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(74,74,74,0.5);display:flex;flex-direction: column;}
    .nphpYouTitle{display:flex;align-items: center;justify-content:space-between;position:relative;margin:14px 20px 0 20px;height:auto; font-size: 16px;color: #333333;}
    .nphpCons{background:#FFFFFF;height:100%;margin-bottom: 60px;overflow-y: auto;}
    .nphpCons::-webkit-scrollbar { width:4px; }
    .nphpCons::-webkit-scrollbar-thumb { background: #F5F5F5; }
    .nphpCons::-webkit-scrollbar-track {background: #FFFFFF;}

    .menut-right{align-items: center;}
    .menuback b{width:9px;height:13px;background: url(../mobimages/icon299.png) no-repeat;background-size:contain;}
    .mthome b{width:20px;height:20px;background: url(../mobimages/icon300.png) no-repeat;background-size:contain;margin:0 8px 0 0;}
    .mttimes b{width:18px;height:19px;background: url(../mobimages/icon301.png) no-repeat;background-size:contain;}
    .menutitle{font-size: 16px;color: #333333;}
    .nphpYouTitle a{background:none;width:auto;height: auto;display:flex;margin:0;}
    .nphpYouTitle b{position:static;}
    .menu-list{width:auto;margin:30px 20px 0 20px;}
    .menuli-title{justify-content: space-between;align-items: center;}
    .mulitle-left{font-size: 18px;color: #333333;align-items: center;font-weight: 500;}
    .mulitle-right{font-size: 14px;color: #999999;align-items: center;}
    .muliconA{width: 22%;height: 28px;background: #F8F8F8;border-radius:5px;border: 1px solid #F3F3F3;margin:0 3% 15px 0;
        font-size: 12px;color: #333333;align-items:center;justify-content: center;
    }
    .muliconA:nth-last-child(-n + 4){margin-bottom:0;}
    .muliconA:nth-child(4n+4){margin-right: 0;}
    .menuli-cons{margin:18px 0 0 0;flex-wrap: wrap;}

    .mulitle-right b{width:6px;height:11px;background: url(../mobimages/icon261.png) no-repeat;background-size:contain;margin:0 0 0 4px;}
    .menulistwz .mulitle-left b{width:23px;height:22px;background: url(../mobimages/icon304.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
    .menulistzt .mulitle-left b{width:22px;height:22px;background: url(../mobimages/icon305.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
    .menulistai .mulitle-left b{width:19px;height:18px;background: url(../mobimages/icon306.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
    .menuliststudy .mulitle-left b{width:23px;height:20px;background: url(../mobimages/icon307.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
    .menulistcode .mulitle-left b{width:22px;height:21px;background: url(../mobimages/icon302.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
    .menulistxz .mulitle-left b{width:22px;height:21px;background: url(../mobimages/icon308.png) no-repeat;background-size:contain;margin:0 5px 0 0;}
    
    .nphpYouBox {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0px;top: 0px;z-index: 11;}
    /* .nphpYouBg {width: 92%;height: 100%;right: 0px;position: absolute;background: #F5F5F5;box-shadow: 0px 0px 8px 0px rgba(74,74,74,0.5);} */
 
    /* .nphpYouTitle a { width:96px;height: 23px;background: url(../mobimages/mnewphplogo.png) no-repeat;background-size:contain;} */
    /* .nphpCons{background:#F5F5F5;height:100%;} */
    .lay-left{width: 118px;background: #D22222;height:100%;flex-shrink: 0;}
    .layleft-btn{height: 51px;display:flex;align-items: center;justify-content: center;color: #FFFFFF;}
    .layleft-btn.check{background: #F5F5F5;font-weight: bold;color: #000000;}
    .layleft-btn:hover{color:#FFFFFF;}
    .layleft-btn.check:hover{color: #000000;}
    .layleft-btn.line{width: 72px;height: 1px;background: rgba(255,255,255,0.6);border-radius: 1px;margin: 0 auto;}
    .ricon-title{font-weight: bold;font-size: 18px;color: #333333;line-height: 25px;margin:16px 0 0 0;padding:0 0 16px 0;border-bottom:1px solid #E2E2E2;}
    .lay-right{margin:0 16px;width: 100%;overflow:auto;}
    .listA{width: 95px;height: 42px;background: #FFFFFF;border-radius: 4px;border: 1px solid #ECECEC;font-size: 16px;color: #6D6F7C;
        line-height: 22px;font-family: PingFangSC, PingFang SC;margin:0 10px 10px 0;
    }
    .listA:nth-child(2n+2){margin:0 0 10px 0;}
    .ricon-list{flex-wrap: wrap;margin:10px 0 0 0;}


    .nphpHead{background:#FFFFFF;}
    .nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;overflow: hidden; box-sizing: border-box;overflow-x: hidden;}
    .nphpFootBg {width: 100%;height: 55px;background: #F7F7F7;box-shadow: 0px -4px 24px 0px rgba(0, 0, 0, 0.05);}
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}
    .nphpFootMenu li a {display: block;text-decoration: none;text-align: center;}
    .nphpFootMenu li a b.icon1 {background-position: 0px -170px;}
    .nphpFootMenu li a b.icon2 {background-position: -30px -170px;}
    .nphpFootMenu li a.hover b.icon3 {background-position: -210px -170px;}
    .nphpFootMenu li a b.icon4 {background-position: -90px -170px;}
    .nphpFootMenu li a b.icon5 {background-position: -120px -170px;}
    .nphpFootMenu li a b {display: block;width: 25px;height: 25px;background: url(../mobimages/mnewphpbg1.png) no-repeat;
        background-size: 400px 400px;margin: auto;margin-top: 5px;
    }
    .nphpFootMenu li a p {color: #9C9C9C;margin-top: 3px;}
    .nphpDing {width: 100%;height: auto;background: #FFFFFF;box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);position: fixed;top: 0px;left: 0px;z-index: 11;font-size:  14px}
    .nphpDinglogo a{margin: 14px 0 0 4%;}
    .nphpNavIn1 { float: left;margin: 0px 0px 0px 16px;width:auto;}
    .nphpNavSwiper1 {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide {width: auto !important;margin: 11px 17px 0px 0px;position: relative;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide a.hover {border-bottom: 3px solid #FD4029;color: #FD4029;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide:nth-child(6){margin-right: 0;}
    .course-reply{padding:0 20px 20px 20px;background: #ffffff;}
    .course-reply .video-tab:nth-child(3),.course-reply .video-tab:nth-child(4){margin: 0 0 16px 0;}
    .course-reply .video-tab{width:47%}
    .course-reply .vtaba,.course-reply .vtabimg {width:100%;}

    .course-reply .studymores{ width: 100%;height: 36px;background: #F3F3F3;border-radius: 5px;font-size: 14px;color: #999999;margin:0;display: flex;align-items: center;justify-content: center;}
    .nzaMain .breadcrumb svg,.breadcrumb img{width: 14px;height: 18px;margin: 0 4px 0 0;}
    .nzaMain .breadcrumb, .freeSize, .freeSize a {font-size: 14px;color: #A7A7A7;}

    .nzaMain .breadcrumb{color:#000000;}
    .nzaMain .breadcrumb * ,.nzaMain .freeSize a.lastbreada{color: inherit;}
    .nzaMain .breadcrumb svg{width: 15px;height: 20px;}
    .nzaMain .breadcrumb a {color: inherit;}

    .artLists .clddTitle,.clddCon{-webkit-line-clamp: 1;}
    .artLists .clDiv:last-child {margin: 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;}
    .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,.rititle-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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:21px;height:20px; background:url(../mobimages/icon310.png) no-repeat;background-size: contain;margin:0 10px 0 0;}
    
    .arttopmore{width:100%;background:#FFFFFF;z-index: 100;}
    .art-tops{margin:20px 15px 0 15px;}
    .artop-tabs::-webkit-scrollbar {display: none;}
    .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; width: 100%;}
    .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;}
    .arttop-layer{background: #333333;opacity: 0.5;display: none; height: 100%;  width: 100%;position: fixed;top: 0;left: 0;z-index: 10;}

    .hotdmaimg{width: 140px;height: 86px;border-radius:5px;margin:0 15px 0 0;}
    .hotdmda{font-size: 16px;color: #333333;line-height: 26px;-webkit-line-clamp: 1;}
    .hotdmdam{ font-size: 14px;color: #999999;-webkit-line-clamp: 1;word-break: break-all;}
    .hotdmd-down{font-size: 12px;color: #999999;}
    .hotdmd-time{margin:0 15px 0 0;align-items: center;}
    .hotdmdd-down{align-items: center;}
    .hotdmd-time b{width: 18px;height: 18px;background: url(../mobimages/icon251.png) no-repeat;background-size: contain;margin: 0;cursor: pointer;margin: 0 5px 0 0;}
    .hotdmdd-down b{width: 16px;height: 16px;background: url(../mobimages/icon258.png) no-repeat;background-size: contain;margin: 0;cursor: pointer;margin: 0 5px 0 0;}
    .hotdm-down{justify-content: space-between;}
    .hotd-item{margin:0 0 20px 0;}
    .hotd-item:last-child{margin:0;}
    .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;}
    .artclose img{width:15px;height: 15px;}
    .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;}


}


@media screen and (max-width: 415px) {
    .headsearch{width:calc(var(--width412) * 200px);height:calc(var(--width412) * 34px); background-size: contain;margin:0 0 0 calc(var(--width412) * 16px);}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide {width: auto !important;margin: calc(var(--width415) * 11px) calc(var(--width415) * 10px) 0px 0px;position: relative;}
 
    .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);}


}

@media screen and (max-width: 395px) {
    .headsearch {width: calc(var(--width395) * 200px);height: calc(var(--width395) * 34px);background-size: contain;margin: 0 0 0 calc(var(--width395) * 16px);}
    .listA {width:calc(var(--width395) * 95px);}
    .breadcrumb ,.freeSize,.freeSize a{font-size: calc(var(--width401) * 14px);}
    .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;}
    .hotdownload{margin:calc(var(--width401) * 60px) 0 calc(var(--width401) * 30px) 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;}
    .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,.rititle-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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:calc(var(--width401) * 21px);height:calc(var(--width401) * 20px); ;background-size: contain;margin:0 calc(var(--width401) * 10px) 0 0;}
    




}

@media screen and (max-width: 391px) {
    .phpLogo{width: calc(var(--width390) * 125px);height: calc(var(--width390) * 34px);}
    .phpLogo a{width: calc(var(--width390) * 125px);height: calc(var(--width390) * 34px);}
    .headsearch{width: calc(var(--width390) * 212px);height: calc(var(--width390) * 34px);border-radius: calc(var(--width390) * 17px); margin:0 0 0 calc(var(--width390) * 16px);}
    .text1 {border-radius: calc(var(--width390) * 13px);line-height: calc(var(--width390) * 16px);padding:0 calc(var(--width390) * 9px) 0 3px;}
    .headtop{margin:calc(var(--width390) * 11px) calc(var(--width390) * 16px);width:auto;}

    .headdown{ }
    .hddtabs a{font-size: calc(var(--width390) * 18px);line-height: calc(var(--width390) * 18px);}
    .hddtabs{margin:0 calc(var(--width390) * 20px);}
    .hddtabA.check{ background:none;padding:0;}
    .hddtabA.check b{ height: calc(var(--width390) * 6px); margin-top:calc(var(--width390) * 12px);}
    .hddtabA b{margin-top:calc(var(--width390) * 9px);}
    .hddtabA.check span{margin-top: calc(var(--width390) * 9px);}
    .hddtabA:nth-child(1):not(.check){padding:0;}
    .swiper-container{width:100%;}
    .hddtabsecA{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 22px);margin:0 calc(var(--width390) * 33px) 0 0;}

    .hddtabssecd .underline {width: calc(var(--width390) * 28px) !important;}
    .navsipd{margin:0 calc(var(--width390) * 16px);}

    .headsearch a{width:calc(var(--width390) * 16px);height:calc(var(--width390) * 16px); background-size: contain;margin:0 calc(var(--width390) * 9px);}
    .loginB{width:calc(var(--width390) * 20px);height:calc(var(--width390) * 23px); background-size: contain;margin:0 calc(var(--width390) * 12px);}
    .menus{width:calc(var(--width390) * 24px);height:calc(var(--width390) * 19px); background-size: contain;}
    .topsearch b{width:calc(var(--width390) * 22px);height:calc(var(--width390) * 21px); background-size: contain;}

    .ylwTopSub1 {position: absolute;top: calc(var(--width390) * 25px);width:142px;height:147px; right:calc(var(--width390) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width390) * 10px);}
    .hddtabAmore{width:calc(var(--width390) * 20px);height:calc(var(--width390) * 17px); background-size: contain;}
    .nphpYouBg {width: 100%;height: 100%;right: 0px; }
    .nphpYouTitle{margin:calc(var(--width390) * 14px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);font-size:calc(var(--width390) * 16px);}
    .menuback b{width:calc(var(--width390) * 9px);height:calc(var(--width390) * 13px);background-size:contain;}
    .mthome b{width:calc(var(--width390) * 20px);height:calc(var(--width390) * 20px);background-size:contain;margin:0 calc(var(--width390) * 8px) 0 0;}
    .mttimes b{width:calc(var(--width390) * 18px);height:calc(var(--width390) * 19px);background-size:contain;}
    .menutitle{font-size: calc(var(--width390) * 16px); }
    
    .menu-list{margin:calc(var(--width390) * 30px) calc(var(--width390) * 20px) 0 calc(var(--width390) * 20px);}
    .mulitle-left{font-size: calc(var(--width390) * 18px);}
    .mulitle-right{font-size: calc(var(--width390) * 14px);}
    .muliconA{width:22%;height: calc(var(--width390) * 28px);border-radius:calc(var(--width390) * 5px);margin:0 3% calc(var(--width390) * 15px) 0;font-size: calc(var(--width390) * 12px);}
    .muliconA:nth-last-child(-n + 4){margin-bottom:0;}
    .muliconA:nth-child(4n+4){margin-right: 0;}

    .menuli-cons{margin:calc(var(--width390) * 18px) 0 0 0;}
    .mulitle-right b{width:calc(var(--width390) * 6px);height:calc(var(--width390) * 11px);background-size:contain;margin:0 0 0 calc(var(--width390) * 4px);}
    .menulistwz .mulitle-left b{width:calc(var(--width390) * 23px);height:calc(var(--width390) * 22px);background-size:contain;margin:0 calc(var(--width390) * 5px) 0 0;}
    .menulistzt .mulitle-left b{width:calc(var(--width390) * 22px);height:calc(var(--width390) * 22px);background-size:contain;margin:0 calc(var(--width390) * 5px) 0 0;}
    .menulistai .mulitle-left b{width:calc(var(--width390) * 19px);height:calc(var(--width390) * 18px);background-size:contain;margin:0 calc(var(--width390) * 5px) 0 0;}
    .menuliststudy .mulitle-left b{width:calc(var(--width390) * 23px);height:calc(var(--width390) * 20px);background-size:contain;margin:0 calc(var(--width390) * 5px) 0 0;}
    .menulistcode .mulitle-left b{width:calc(var(--width390) * 22px);height:calc(var(--width390) * 21px);background-size:contain;margin:0 calc(var(--width390) * 5px) 0 0;}
    .menulistxz .mulitle-left b{width:calc(var(--width390) * 22px);height:calc(var(--width390) * 21px);background-size:contain;margin:0 calc(var(--width390) * 5px) 0 0;}
    /* .nphpYouTitle b {width:calc(var(--width390) * 18px);height:calc(var(--width390) * 18px); right: calc(var(--width390) * 16px);top: calc(var(--width390) * 16px);} */
    /* .nphpYouTitle a { width:calc(var(--width390) * 96px);height: calc(var(--width390) * 23px);background-size:contain;} */
    /* .nphpYouTitle{height: calc(var(--width390) * 55px);} */
    .lay-left{width: calc(var(--width390) * 118px);height:100%;flex-shrink: 0;}
    .layleft-btn{height: calc(var(--width390) * 51px);font-size:calc(var(--width390) * 14px);}
    .layleft-btn.line{width: calc(var(--width390) * 72px);height: 1px;}
    .ricon-title{font-size: calc(var(--width390) * 18px);line-height: calc(var(--width390) * 25px);margin:calc(var(--width390) * 16px) 0 0 0;padding:0 0 calc(var(--width390) * 16px) 0;}
    .lay-right{margin:0 calc(var(--width390) * 16px);width: 100%;}
    .listA{width: calc(var(--width390) * 95px);height: calc(var(--width390) * 42px);font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 22px);margin:0 calc(var(--width390) * 10px) calc(var(--width390) * 10px) 0;
    }
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width390) * 10px) 0;}
    .ricon-list{flex-wrap: wrap;margin:calc(var(--width390) * 10px) 0 0 0;}
    .course-reply .studymores{height: calc(var(--width390) * 36px);font-size: calc(var(--width390) * 14px);}

    .nphpFoot {width: 100%;left: 0px;bottom: 0px;position: fixed;z-index: 100;overflow: hidden; box-sizing: border-box;overflow-x: hidden; }
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}
    .nphpDing {width: 100%; top: 0px;left: 0px;z-index: 11; }
    .nphpDinglogo a{margin:calc(var(--width390) * 14px) 0 0 4%;}
    .nphpNavIn1 { float: left;margin: 0px 0px 0px calc(var(--width390) * 16px);font-size: calc(var(--width390) * 14px);width:auto;}
    .nphpNavSwiper1 {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide { width: auto !important;margin: calc(var(--width390) * 11px) calc(var(--width390) * 7px) 0px 0px;position: relative;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide a.hover {border-bottom: 3px solid #FD4029;color: #FD4029;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide:nth-child(6){margin-right: 0;}
    .nzaMain .breadcrumb svg,.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);}
    .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;}
    .hotdownload{margin:calc(var(--width390) * 60px) 0 calc(var(--width390) * 30px) 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;}
    .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,.rititle-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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:calc(var(--width390) * 21px);height:calc(var(--width390) * 20px); ;background-size: contain;margin:0 calc(var(--width390) * 10px) 0 0;}
    
    .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);}

    .hotdmaimg{width: calc(var(--width390) * 140px);height: calc(var(--width390) * 86px);border-radius:calc(var(--width390) * 5px);margin:0 calc(var(--width390) * 15px) 0 0;}
    .hotdmda{font-size: calc(var(--width390) * 16px);line-height: calc(var(--width390) * 26px);}
    .hotdmdam{ font-size: calc(var(--width390) * 14px);}
    .hotdmd-down{font-size: calc(var(--width390) * 12px);}
    .hotdmd-time{margin:0 calc(var(--width390) * 15px) 0 0;}
    .hotdmd-time b{width: calc(var(--width390) * 18px);height: calc(var(--width390) * 18px);background-size: contain;margin: 0 calc(var(--width390) * 5px) 0 0;}
    .hotdmdd-down b{width: calc(var(--width390) * 16px);height: calc(var(--width390) * 16px);background-size: contain;margin: 0 calc(var(--width390) * 5px) 0 0;}
    .hotd-item{margin:0 0 calc(var(--width390) * 20px) 0;}


}

@media screen and (max-width: 376px) {
    .listA{width:calc(var(--width375) * 95px);height:calc(var(--width375) * 42px);margin:0 calc(var(--width375) * 10px) calc(var(--width375) * 10px) 0;}
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width375) * 10px) 0;}
    .headsearch {width: calc(var(--width375) * 200px);height: calc(var(--width375) * 34px);border-radius: calc(var(--width375) * 17px);margin: 0 0 0 calc(var(--width375) * 16px);}
    .headsearch a{width:calc(var(--width375) * 16px);height:calc(var(--width375) * 16px); background-size: contain;margin:0 calc(var(--width375) * 9px);}
    .loginB{width:calc(var(--width375) * 20px);height:calc(var(--width375) * 23px); background-size: contain;margin:0 calc(var(--width375) * 12px);}
    .menus{width:calc(var(--width375) * 24px);height:calc(var(--width375) * 19px); background-size: contain;}
    .topsearch b{width:calc(var(--width375) * 22px);height:calc(var(--width375) * 21px); background-size: contain;}

    .ylwTopSub1 {position: absolute;top: calc(var(--width375) * 25px);width:142px;height:147px; right:calc(var(--width375) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width375) * 10px);}
    .hddtabAmore{width:calc(var(--width375) * 20px);height:calc(var(--width375) * 17px); background-size: contain;}
    .nphpYouBg {width: 100%;height: 100%;right: 0px; }
    .nphpYouTitle{margin:calc(var(--width375) * 14px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);font-size:calc(var(--width375) * 16px);}
    .menuback b{width:calc(var(--width375) * 9px);height:calc(var(--width375) * 13px);background-size:contain;}
    .mthome b{width:calc(var(--width375) * 20px);height:calc(var(--width375) * 20px);background-size:contain;margin:0 calc(var(--width375) * 8px) 0 0;}
    .mttimes b{width:calc(var(--width375) * 18px);height:calc(var(--width375) * 19px);background-size:contain;}
    .menutitle{font-size: calc(var(--width375) * 16px); }

    .menu-list{margin:calc(var(--width375) * 30px) calc(var(--width375) * 20px) 0 calc(var(--width375) * 20px);}
    .mulitle-left{font-size: calc(var(--width375) * 18px);}
    .mulitle-right{font-size: calc(var(--width375) * 14px);}
    .muliconA{width:22%;height: calc(var(--width375) * 28px);border-radius:calc(var(--width375) * 5px);margin:0 3% calc(var(--width375) * 15px) 0;font-size: calc(var(--width375) * 12px);}
    .muliconA:nth-last-child(-n + 4){margin-bottom:0;}
    .muliconA:nth-child(4n+4){margin-right: 0;}

    .menuli-cons{margin:calc(var(--width375) * 18px) 0 0 0;}
    .mulitle-right b{width:calc(var(--width375) * 6px);height:calc(var(--width375) * 11px);background-size:contain;margin:0 0 0 calc(var(--width375) * 4px);}
    .menulistwz .mulitle-left b{width:calc(var(--width375) * 23px);height:calc(var(--width375) * 22px);background-size:contain;margin:0 calc(var(--width375) * 5px) 0 0;}
    .menulistzt .mulitle-left b{width:calc(var(--width375) * 22px);height:calc(var(--width375) * 22px);background-size:contain;margin:0 calc(var(--width375) * 5px) 0 0;}
    .menulistai .mulitle-left b{width:calc(var(--width375) * 19px);height:calc(var(--width375) * 18px);background-size:contain;margin:0 calc(var(--width375) * 5px) 0 0;}
    .menuliststudy .mulitle-left b{width:calc(var(--width375) * 23px);height:calc(var(--width375) * 20px);background-size:contain;margin:0 calc(var(--width375) * 5px) 0 0;}
    .menulistcode .mulitle-left b{width:calc(var(--width375) * 22px);height:calc(var(--width375) * 21px);background-size:contain;margin:0 calc(var(--width375) * 5px) 0 0;}
    .menulistxz .mulitle-left b{width:calc(var(--width375) * 22px);height:calc(var(--width375) * 21px);background-size:contain;margin:0 calc(var(--width375) * 5px) 0 0;}
    .nzaMain .breadcrumb svg,.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);}
    .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;}
    .hotdownload{margin:calc(var(--width375) * 60px) 0 calc(var(--width375) * 30px) 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;}
    .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,.rititle-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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:calc(var(--width375) * 21px);height:calc(var(--width375) * 20px); ;background-size: contain;margin:0 calc(var(--width375) * 10px) 0 0;}
    
    .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);}
    
    .hotdmaimg{width: calc(var(--width375) * 140px);height: calc(var(--width375) * 86px);border-radius:calc(var(--width375) * 5px);margin:0 calc(var(--width375) * 15px) 0 0;}
    .hotdmda{font-size: calc(var(--width375) * 16px);line-height: calc(var(--width375) * 26px);}
    .hotdmdam{ font-size: calc(var(--width375) * 14px);}
    .hotdmd-down{font-size: calc(var(--width375) * 12px);}
    .hotdmd-time{margin:0 calc(var(--width375) * 15px) 0 0;}
    .hotdmd-time b{width: calc(var(--width375) * 18px);height: calc(var(--width375) * 18px);background-size: contain;margin: 0 calc(var(--width375) * 5px) 0 0;}
    .hotdmdd-down b{width: calc(var(--width375) * 16px);height: calc(var(--width375) * 16px);background-size: contain;margin: 0 calc(var(--width375) * 5px) 0 0;}
    .hotd-item{margin:0 0 calc(var(--width375) * 20px) 0;}

}

@media screen and (max-width: 361px) {
    .phpLogo{width: calc(var(--width360) * 96px);height: calc(var(--width360) * 23px);}
     .phpLogo{width: calc(var(--width360) * 125px);height: calc(var(--width360) * 34px);}
    .phpLogo a{width: calc(var(--width360) * 125px);height: calc(var(--width360) * 34px);}
    .headsearch{width: calc(var(--width360) * 212px);height: calc(var(--width360) * 34px);border-radius: calc(var(--width360) * 17px); margin:0 0 0 calc(var(--width360) * 16px);}
    .text1 {border-radius: calc(var(--width360) * 13px);line-height: calc(var(--width360) * 16px);padding:0 calc(var(--width360) * 9px) 0 3px;}
    .headtop{margin:calc(var(--width360) * 11px) calc(var(--width360) * 16px);width:auto;}

    .headdown{ }
    .hddtabs a{font-size: calc(var(--width360) * 18px);line-height: calc(var(--width360) * 18px);}
    .hddtabs{margin:0 calc(var(--width360) * 20px);}
    .hddtabA.check{ padding:0;}
    .hddtabA.check b{ height: calc(var(--width360) * 6px); margin-top:calc(var(--width360) * 12px);}
    .hddtabA b{margin-top:calc(var(--width360) * 9px);}
    .hddtabA.check span{margin-top: calc(var(--width360) * 9px);}
    .hddtabA:nth-child(1):not(.check){padding:0;}
    .swiper-container{width:100%;}
    .hddtabsecA{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 22px);margin:0 calc(var(--width360) * 33px) 0 0;}
    .hddtabssecd .underline {width: calc(var(--width360) * 28px);}
    .navsipd{margin:0 calc(var(--width360) * 16px);}

    .headsearch a{width:calc(var(--width360) * 16px);height:calc(var(--width360) * 16px); background-size: contain;margin:0 calc(var(--width360) * 9px);}
    .loginB{width:calc(var(--width360) * 19px);height:calc(var(--width360) * 20px); background-size: contain;margin:0 calc(var(--width360) * 16px);}
    .menus{width:calc(var(--width360) * 24px);height:calc(var(--width360) * 19px); background-size: contain;}
    .topsearch b{width:calc(var(--width360) * 22px);height:calc(var(--width360) * 21px); background-size: contain;}
    .wechatB{width:calc(var(--width360) * 23px);height:calc(var(--width360) * 20px); background-size: contain;}
    .ylwTopSub1 {position: absolute;top: calc(var(--width360) * 25px);width:142px;height:147px; right:calc(var(--width360) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width360) * 10px);}
    .hddtabAmore{width:calc(var(--width360) * 20px);height:calc(var(--width360) * 17px); background-size: contain;}

    /* .nphpYouTitle b {width:calc(var(--width360) * 18px);height:calc(var(--width360) * 18px); right: calc(var(--width360) * 16px);top: calc(var(--width360) * 16px);} */
    /* .nphpYouTitle a { width:calc(var(--width360) * 96px);height: calc(var(--width360) * 23px);background-size:contain;} */
    .nphpYouTitle{height:auto;}
    .lay-left{width: calc(var(--width360) * 118px);height:100%;flex-shrink: 0;}
    .layleft-btn{height: calc(var(--width360) * 51px);font-size:calc(var(--width360) * 14px);}
    .layleft-btn.line{width: calc(var(--width360) * 72px);height: 1px;}
    .ricon-title{font-size: calc(var(--width360) * 18px);line-height: calc(var(--width360) * 25px);margin:calc(var(--width360) * 16px) 0 0 0;padding:0 0 calc(var(--width360) * 16px) 0;}
    .lay-right{margin:0 calc(var(--width360) * 16px);width: 100%;}
    .listA{width: calc(var(--width360) * 95px);height: calc(var(--width360) * 42px);font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 22px);margin:0 calc(var(--width360) * 10px) calc(var(--width360) * 10px) 0;
    }
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width360) * 10px) 0;}
    .ricon-list{flex-wrap: wrap;margin:calc(var(--width360) * 10px) 0 0 0;}
    .course-reply .studymores{height: calc(var(--width360) * 36px);font-size: calc(var(--width360) * 14px);}
    .headsearch a{width:calc(var(--width360) * 16px);height:calc(var(--width360) * 16px); background-size: contain;margin:0 calc(var(--width360) * 9px);}
    .loginB{width:calc(var(--width360) * 20px);height:calc(var(--width360) * 23px); background-size: contain;margin:0 calc(var(--width360) * 12px);}
    .menus{width:calc(var(--width360) * 24px);height:calc(var(--width360) * 19px); background-size: contain;}
    .topsearch b{width:calc(var(--width360) * 22px);height:calc(var(--width360) * 21px); background-size: contain;}

    .ylwTopSub1 {position: absolute;top: calc(var(--width360) * 25px);width:142px;height:147px; right:calc(var(--width360) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width360) * 10px);}
    .hddtabAmore{width:calc(var(--width360) * 20px);height:calc(var(--width360) * 17px); background-size: contain;}
    .nphpYouBg {width: 100%;height: 100%;right: 0px; }
    .nphpYouTitle{margin:calc(var(--width360) * 14px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);font-size:calc(var(--width360) * 16px);}
    .menuback b{width:calc(var(--width360) * 9px);height:calc(var(--width360) * 13px);background-size:contain;}
    .mthome b{width:calc(var(--width360) * 20px);height:calc(var(--width360) * 20px);background-size:contain;margin:0 calc(var(--width360) * 8px) 0 0;}
    .mttimes b{width:calc(var(--width360) * 18px);height:calc(var(--width360) * 19px);background-size:contain;}
    .menutitle{font-size: calc(var(--width360) * 16px); }

    .menu-list{margin:calc(var(--width360) * 30px) calc(var(--width360) * 20px) 0 calc(var(--width360) * 20px);}
    .mulitle-left{font-size: calc(var(--width360) * 18px);}
    .mulitle-right{font-size: calc(var(--width360) * 14px);}
    .muliconA{width: 22%;height: calc(var(--width360) * 28px);border-radius:calc(var(--width360) * 5px);margin:0 3% calc(var(--width360) * 15px) 0;font-size: calc(var(--width360) * 12px);}
    .muliconA:nth-last-child(-n + 4){margin-bottom:0;}
    .muliconA:nth-child(4n+4){margin-right: 0;}

    .menuli-cons{margin:calc(var(--width360) * 18px) 0 0 0;}
    .mulitle-right b{width:calc(var(--width360) * 6px);height:calc(var(--width360) * 11px);background-size:contain;margin:0 0 0 calc(var(--width360) * 4px);}
    .menulistwz .mulitle-left b{width:calc(var(--width360) * 23px);height:calc(var(--width360) * 22px);background-size:contain;margin:0 calc(var(--width360) * 5px) 0 0;}
    .menulistzt .mulitle-left b{width:calc(var(--width360) * 22px);height:calc(var(--width360) * 22px);background-size:contain;margin:0 calc(var(--width360) * 5px) 0 0;}
    .menulistai .mulitle-left b{width:calc(var(--width360) * 19px);height:calc(var(--width360) * 18px);background-size:contain;margin:0 calc(var(--width360) * 5px) 0 0;}
    .menuliststudy .mulitle-left b{width:calc(var(--width360) * 23px);height:calc(var(--width360) * 20px);background-size:contain;margin:0 calc(var(--width360) * 5px) 0 0;}
    .menulistcode .mulitle-left b{width:calc(var(--width360) * 22px);height:calc(var(--width360) * 21px);background-size:contain;margin:0 calc(var(--width360) * 5px) 0 0;}
    .menulistxz .mulitle-left b{width:calc(var(--width360) * 22px);height:calc(var(--width360) * 21px);background-size:contain;margin:0 calc(var(--width360) * 5px) 0 0;}

    .nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;}
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}
    .nphpDing {width: 100%; top: 0px;left: 0px;z-index: 11; }
    .nphpDinglogo a{margin:calc(var(--width360) * 14px) 0 0 4%;}
    .nphpNavIn1 { float: left;margin: 0px 0px 0px calc(var(--width360) * 16px);font-size: calc(var(--width360) * 14px);width:auto;}
    .nphpNavSwiper1 {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide {width: auto !important;margin: calc(var(--width360) * 11px) calc(var(--width360) * 5px) 0px 0px;position: relative;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide a.hover {border-bottom: 3px solid #FD4029;color: #FD4029;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide:nth-child(6){margin-right: 0;}
    .nzaMain .breadcrumb svg,.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);}
    .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;}
    .hotdownload{margin:calc(var(--width360) * 60px) 0 calc(var(--width360) * 30px) 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;}
    .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,.rititle-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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:calc(var(--width360) * 21px);height:calc(var(--width360) * 20px); ;background-size: contain;margin:0 calc(var(--width360) * 10px) 0 0;}
    

    .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);}

    .hotdmaimg{width: calc(var(--width360) * 140px);height: calc(var(--width360) * 86px);border-radius:calc(var(--width360) * 5px);margin:0 calc(var(--width360) * 15px) 0 0;}
    .hotdmda{font-size: calc(var(--width360) * 16px);line-height: calc(var(--width360) * 26px);}
    .hotdmdam{ font-size: calc(var(--width360) * 14px);}
    .hotdmd-down{font-size: calc(var(--width360) * 12px);}
    .hotdmd-time{margin:0 calc(var(--width360) * 15px) 0 0;}
    .hotdmd-time b{width: calc(var(--width360) * 18px);height: calc(var(--width360) * 18px);background-size: contain;margin: 0 calc(var(--width360) * 5px) 0 0;}
    .hotdmdd-down b{width: calc(var(--width360) * 16px);height: calc(var(--width360) * 16px);background-size: contain;margin: 0 calc(var(--width360) * 5px) 0 0;}
    .hotd-item{margin:0 0 calc(var(--width360) * 20px) 0;}


}

@media screen and (max-width: 345px) {
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide { margin: calc(var(--width360) * 11px) calc(var(--width360) * 2px) 0px 0px;}

}


@media screen and (max-width: 331px) {
    .phpLogo{width: calc(var(--width330) * 125px);height: calc(var(--width330) * 34px);}
    .phpLogo a{width: calc(var(--width330) * 125px);height: calc(var(--width330) * 34px);}
    .headsearch{width: calc(var(--width330) * 212px);height: calc(var(--width330) * 34px);border-radius: calc(var(--width330) * 17px); margin:0 0 0 calc(var(--width330) * 16px);}
    .text1 {border-radius: calc(var(--width330) * 13px);line-height: calc(var(--width330) * 16px);padding:0 calc(var(--width330) * 9px) 0 3px;width:calc(var(--width330) * 160px);}
    .headtop{margin:calc(var(--width330) * 11px) calc(var(--width330) * 16px);width:auto;}
    .headdown{ }
    .hddtabs a{font-size: calc(var(--width330) * 18px);line-height: calc(var(--width330) * 18px);}
    .hddtabs{margin:0 calc(var(--width330) * 20px);}
    .hddtabA.check{ padding:0;}
    .hddtabA.check b{ height: calc(var(--width330) * 6px); margin-top:calc(var(--width330) * 12px);}
    .hddtabA b{margin-top:calc(var(--width330) * 9px);}
    .hddtabA.check span{margin-top: calc(var(--width330) * 9px);}
    .hddtabA:nth-child(1):not(.check){padding:0;}
    .swiper-container{width:100%;}
    .hddtabsecA{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 22px);margin:0 calc(var(--width330) * 33px) 0 0;}

    .hddtabssecd .underline {width: calc(var(--width330) * 28px) !important;}
    .navsipd{margin:0 calc(var(--width330) * 16px);}
    .headsearch a{width:calc(var(--width330) * 16px);height:calc(var(--width330) * 16px); background-size: contain;margin:0 calc(var(--width330) * 9px);}
    .loginB{width:calc(var(--width330) * 19px);height:calc(var(--width330) * 20px); background-size: contain;margin:0 calc(var(--width330) * 16px);}
    .menus{width:calc(var(--width330) * 24px);height:calc(var(--width330) * 19px); background-size: contain;}
    .topsearch b{width:calc(var(--width330) * 22px);height:calc(var(--width330) * 21px); background-size: contain;}

    .wechatB{width:calc(var(--width330) * 23px);height:calc(var(--width330) * 20px); background-size: contain;}
    .ylwTopSub1 {position: absolute;top: calc(var(--width330) * 25px);width:142px;height:147px; right:calc(var(--width330) * -16px);border-radius:12px;}
    .phpSubnav1 p {font-size:12px;margin-top:10px;margin-left:calc(var(--width330) * 10px);}
    .hddtabAmore{width:calc(var(--width330) * 20px);height:calc(var(--width330) * 17px); background-size: contain;}
    .nphpYouBg {width: 100%;height: 100%;right: 0px; }
    .nphpYouTitle{margin:calc(var(--width330) * 14px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);font-size:calc(var(--width330) * 16px);}
    .menuback b{width:calc(var(--width330) * 9px);height:calc(var(--width330) * 13px);background-size:contain;}
    .mthome b{width:calc(var(--width330) * 20px);height:calc(var(--width330) * 20px);background-size:contain;margin:0 calc(var(--width330) * 8px) 0 0;}
    .mttimes b{width:calc(var(--width330) * 18px);height:calc(var(--width330) * 19px);background-size:contain;}
    .menutitle{font-size: calc(var(--width330) * 16px); }

    .menu-list{margin:calc(var(--width330) * 30px) calc(var(--width330) * 20px) 0 calc(var(--width330) * 20px);}
    .mulitle-left{font-size: calc(var(--width330) * 18px);}
    .mulitle-right{font-size: calc(var(--width330) * 14px);}
    .muliconA{width:22%;height: calc(var(--width330) * 28px);border-radius:calc(var(--width330) * 5px);margin:0 3% calc(var(--width330) * 15px) 0;font-size: calc(var(--width330) * 12px);}
    .muliconA:nth-last-child(-n + 4){margin-bottom:0;}
    .muliconA:nth-child(4n+4){margin-right: 0;}
    
    .menuli-cons{margin:calc(var(--width330) * 18px) 0 0 0;}
    .mulitle-right b{width:calc(var(--width330) * 6px);height:calc(var(--width330) * 11px);background-size:contain;margin:0 0 0 calc(var(--width330) * 4px);}
    .menulistwz .mulitle-left b{width:calc(var(--width330) * 23px);height:calc(var(--width330) * 22px);background-size:contain;margin:0 calc(var(--width330) * 5px) 0 0;}
    .menulistzt .mulitle-left b{width:calc(var(--width330) * 22px);height:calc(var(--width330) * 22px);background-size:contain;margin:0 calc(var(--width330) * 5px) 0 0;}
    .menulistai .mulitle-left b{width:calc(var(--width330) * 19px);height:calc(var(--width330) * 18px);background-size:contain;margin:0 calc(var(--width330) * 5px) 0 0;}
    .menuliststudy .mulitle-left b{width:calc(var(--width330) * 23px);height:calc(var(--width330) * 20px);background-size:contain;margin:0 calc(var(--width330) * 5px) 0 0;}
    .menulistcode .mulitle-left b{width:calc(var(--width330) * 22px);height:calc(var(--width330) * 21px);background-size:contain;margin:0 calc(var(--width330) * 5px) 0 0;}
    .menulistxz .mulitle-left b{width:calc(var(--width330) * 22px);height:calc(var(--width330) * 21px);background-size:contain;margin:0 calc(var(--width330) * 5px) 0 0;}

    /* .nphpYouTitle b {width:calc(var(--width330) * 18px);height:calc(var(--width330) * 18px); right: calc(var(--width330) * 16px);top: calc(var(--width330) * 16px);} */
    /* .nphpYouTitle a { width:calc(var(--width330) * 96px);height: calc(var(--width330) * 23px);background-size:contain;} */
    .nphpYouTitle{height:auto;}
    .lay-left{width: calc(var(--width330) * 118px);height:100%;flex-shrink: 0;}
    .layleft-btn{height: calc(var(--width330) * 51px);font-size:calc(var(--width330) * 14px);}
    .layleft-btn.line{width: calc(var(--width330) * 72px);height: 1px;}
    .ricon-title{font-size: calc(var(--width330) * 18px);line-height: calc(var(--width330) * 25px);margin:calc(var(--width330) * 16px) 0 0 0;padding:0 0 calc(var(--width330) * 16px) 0;}
    .lay-right{margin:0 calc(var(--width330) * 16px);width: 100%;}
    .listA{width: calc(var(--width330) * 95px);height: calc(var(--width330) * 42px);font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 22px);margin:0 calc(var(--width330) * 10px) calc(var(--width330) * 10px) 0;
    }
    .listA:nth-child(2n+2){margin:0 0 calc(var(--width330) * 10px) 0;}
    .ricon-list{flex-wrap: wrap;margin:calc(var(--width330) * 10px) 0 0 0;}

    .course-reply .studymores{height: calc(var(--width330) * 36px);font-size: calc(var(--width330) * 14px);}
    .nphpFoot {width: 100%;position: absolute;left: 0px;bottom: 0px;position: fixed;z-index: 100;}
    .nphpFootMenu {width: 100%;}
    .nphpFootMenu li {float: left;width: 20%;}
    .nphpDing {width: 100%; top: 0px;left: 0px;z-index: 11; }
    .nphpDinglogo a{margin:calc(var(--width330) * 14px) 0 0 4%;}
    .nphpNavIn1 {float: left;margin: 0px 0px 0px calc(var(--width330) * 16px);font-size: calc(var(--width330) * 14px);width:auto;}
    .nphpNavSwiper1 {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper {width: 100%;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide {width: auto !important;margin: calc(var(--width330) * 15px) 0 0px 0px;position: relative;font-size: 16px;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide a.hover {border-bottom: 3px solid #FD4029;color: #FD4029;}
    .nphpNavSwiper1 .swiper-wrapper .swiper-slide:nth-child(6){margin-right: 0;}
    .nzaMain .breadcrumb svg,.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);}
    .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;}
    .hotdownload{margin:calc(var(--width330) * 60px) 0 calc(var(--width330) * 30px) 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;}
    .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,.rititle-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;}
    .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
    ,.rightdTitle .title-left b,.downBg .hours-read .title-left b{width:calc(var(--width330) * 21px);height:calc(var(--width330) * 20px); ;background-size: contain;margin:0 calc(var(--width330) * 10px) 0 0;}
    
    .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);}

    .hotdmaimg{width: calc(var(--width330) * 140px);height: calc(var(--width330) * 86px);border-radius:calc(var(--width330) * 5px);margin:0 calc(var(--width330) * 15px) 0 0;}
    .hotdmda{font-size: calc(var(--width330) * 16px);line-height: calc(var(--width330) * 26px);}
    .hotdmdam{ font-size: calc(var(--width330) * 14px);}
    .hotdmd-down{font-size: calc(var(--width330) * 12px);}
    .hotdmd-time{margin:0 calc(var(--width330) * 15px) 0 0;}
    .hotdmd-time b{width: calc(var(--width330) * 18px);height: calc(var(--width330) * 18px);background-size: contain;margin: 0 calc(var(--width330) * 5px) 0 0;}
    .hotdmdd-down b{width: calc(var(--width330) * 16px);height: calc(var(--width330) * 16px);background-size: contain;margin: 0 calc(var(--width330) * 5px) 0 0;}
    .hotd-item{margin:0 0 calc(var(--width330) * 20px) 0;}

      
}