@charset "utf-8";
/* CSS Document */


/*******************************首页*******************************/
.mflyBox{width: 100%;background: #ffffff;border-radius: 0px 0px 8px 8px;padding-bottom: 5px;margin-top:1px;}
.mflyBoxIn{width: 92%;margin: auto;padding-top: 14px;}
.index_swiper{ width: 100%; position: relative;}
.index_swiper a{ color: #FFFFFF; }
.index_swiper .swiper-slide{ position: relative; overflow: hidden; }
.index_swiper .swiper-slide a{ display: block; }
.index_swiper .swiper-slide img{ width: 100%; height: 35vw;max-height: 274px; border-radius: 6px;}
.index_swiper .swiper-pagination{ bottom: 5px;}
.index_swiper .swiper-pagination-bullet{ background: #ffffff; margin: 0 3px !important; width: 6px; height: 6px; background: #FFFFFF; opacity: 0.45; border: none; border-radius: 100px;}
.index_swiper .swiper-pagination-bullet-active{ background: #ffffff; width: 16px; height: 6px; opacity: 1; }

.nphpShou a{ width: 92%; height: 36px;background: rgba(255,67,44,0.08); border-radius: 6px; margin: auto; margin-top:16px; display: block;}
.nphpShou a b{ display: block; float: left; width: 18px; height: 18px; background: url(../mobimages/mnewphpbg1.png) no-repeat; background-size: 400px 400px; margin: 9px 0px 0px 8px;}
.nphpShou a b.icon1{ background-position: -120px 0px;}
.nphpShou a em{ display: block; float: left; width: calc(100% - 65px); margin: 0px 0px 0px 10px; height: 36px; line-height: 36px; overflow: hidden;font-size:13px;}
.nphpShou a span{ display: block; float: left; width: 6px; height: 11px; background: url(../mobimages/mnewphpbg1.png) no-repeat -165px 0px; background-size: 400px 400px; float: right; margin: 12px 8px 0px 0px;}

.nphpZhaoList{ width: 92%; margin: auto;}
.nphpZhaoList li{ float: left; width: 25%; margin: 16px 0px 0px 0px;}
.nphpZhaoList li a{ display: block; text-align: center;}
.nphpZhaoList li a b{ display:inline-block; width: 52px; height: 52px; background: url(../mobimages/mnewphpbg1.png) no-repeat; background-size:400px 400px;}
.nphpZhaoList li a b.icon1{ background-position: 0px -35px;}
.nphpZhaoList li a b.icon2{ background-position: -60px -35px;}
.nphpZhaoList li a b.icon3{ background-position: -120px -35px;}
.nphpZhaoList li a b.icon4{ background-position: -180px -35px;}
.nphpZhaoList li a b.icon5{ background-position: -240px -35px;}
.nphpZhaoList li a b.icon6{ background-position: -300px -35px;}
.nphpZhaoList li a b.icon7{ background-position: 0px -100px;}
.nphpZhaoList li a b.icon8{ background-position: -60px -100px;}
.nphpZhaoList li a span{ display: block; margin-top:5px;}

.nphpZbktBox{ width: 100%; background: #ffffff; border-radius: 8px; margin-top:12px; padding-bottom: 20px;}
.nphpZbktTitle{ width: 92%; margin: auto; padding-top:16px;}
.nphpZbktTitle h2{ float: left; font-size: 20px; font-weight: bold; color: #1A1A1A;}
.nphpZbktTitle em a{ display: block; float: right; font-size: 12px; margin-top:6px;}
.nphpZbktTitle em a i{ display: block; font-style: normal; float: left;}
.nphpZbktTitle em a b{ display: block; float: right; width: 5px; height: 8px; background: url(../mobimages/mnewphpbg1.png) no-repeat -180px 0px; background-size: 400px 400px; margin:4px 5px 0px 5px;}

.nphpZbktList{ width: 92%; margin: auto;}
.nphpZbktList li{ margin-top:16px;}
.nphpZbktList li span{ display: block; float: left; width: 156px; height: 96px;}
.nphpZbktList li span a{ display: block; width: 156px; height: 96px; position: relative;}
.nphpZbktList li span a img{ width: 156px; height: 96px; border-radius: 6px;}
.nphpZbktList li span a em{ display: block; height: 20px; padding: 0px 8px; line-height: 20px; overflow: hidden; border-radius: 0px 6px 0px 6px; position:absolute; top: 0px; right: 0px; font-size: 12px;}
.nphpZbktList li span a em.bg1{background: linear-gradient(134deg, #FF653F 0%, #FD4029 100%);}
.nphpZbktList li span a em.bg2{ background: linear-gradient(129deg, #5999FC 0%, #4368FF 100%);}
.nphpZbktList li span a i{ display: block; width: 156px; height: 26px; background: rgba(0,0,0,0.6); border-radius: 0px 0px 8px 8px; line-height: 26px; overflow: hidden; text-align: center; font-style: normal; position:absolute; left: 0px; bottom: 0px;}
.nphpZbktList li dl{ float: right; width: calc(100% - 168px); margin-top:-3px;}
.nphpZbktList li dl dt a{ display: block; height:38px; line-height: 20px; overflow: hidden;}
.nphpZbktList li dl dd.cont1{ font-size: 12px; height:16px; line-height:16px; overflow: hidden; color: #FD4029; margin-top:14px;}
.nphpZbktList li dl dd.cont2{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #A3A3A3; margin-top:14px;}
.nphpZbktList li dl dd.cont1 b { display: block; float:left; width: 12px; height: 14px; background: url(../mobimages/mnewphpbg1.png) no-repeat -195px 0px; background-size:400px 400px; margin: 5px 5px 0px 0px;}

.nphpXszkList{ width: 92%; margin: auto;}
.nphpXszkList li{ margin-top:15px; border-bottom: 1px solid #EBEBEB; padding-bottom:13px;}
.nphpXszkImg{ float: left; width: 117px; height: 72px;}
.nphpXszkImg a{ display: block; position: relative;}
.nphpXszkImg a img{ width: 117px; height: 72px; border-radius: 6px;}
.nphpXszkImg a span{ display: block; height: 20px; border-radius: 0px 6px 0px 6px; line-height: 20px; overflow: hidden; padding: 0px 5px; position:absolute; top: 0px; right: 0px; font-size: 12px;}
.nphpXszkImg a span.bg1{ background: #FD4029;}
.nphpXszkImg a span.bg2{ background: #FB9025;}
.nphpXszkCont{ float: right; width: calc(100% - 129px);}
.nphpXszkCont h2 a{ display: block; height: 41px; line-height: 22px; overflow: hidden;}
.nphpXszkIn{ margin-top:11px; height: 20px; overflow: hidden;}
.nphpXszkHui{ width: 60px; height: 20px; background: #FCEAC0; border-radius: 2px; line-height: 20px; overflow: hidden; text-align: center; font-size: 12px; color: #633B00; float:left;}
.nphpXszkXian{ height: 18px; border-radius: 3px; padding: 0px 4px; border: 1px solid #FD4029; float:right; font-size: 12px; color: #FD4029; line-height: 18px;}
.nphpXszkMsg{ margin-top:8px; height: 22px; overflow: hidden;}
.nphpXszkMsg span{ display: block; float: left; line-height: 22px; font-size: 12px; color: #A3A3A3; margin-top:4px;}
.nphpXszkMsg span a{color: #A3A3A3;}
.nphpXszkMsg em{ display: block; float: right;}
.nphpXszkMsg em b{ display: block; float: left; font-weight: normal; color: #A3A3A3; text-decoration: line-through; margin-top:4px;}
.nphpXszkMsg em i{ display: block; float: right; font-style: normal; font-size: 18px; color: #FD4029; margin: 0px 0px 0px 8px;}
.nphpXszkVip{ float: left;}
.nphpXszkVip span{ display: block; float: left; width: 31px; height: 20px; background: #585858;border-radius: 2px 0px 0px 2px; line-height: 20px; overflow: hidden; text-align: center; color: #FCEAC0; font-size: 12px;}
.nphpXszkVip em{ display: block; height: 20px; padding: 0px 6px; background: #FCEAC0; border-radius: 0px 2px 2px 0px; float: left; font-size: 12px; color: #633B00; line-height: 20px; overflow: hidden; max-width: 50px;}
.nphpXszkList li:last-child{ border-bottom: none; padding-bottom: 0px;}

.nphpZxkcIn{ width: 92%; margin: auto;}
.nphpZxkcSwiper{ width: 100%; overflow: hidden;}
.nphpZxkcSwiper .swiper-wrapper{ width: 100%; margin-bottom: 30px;}
.nphpZxkcSwiper .swiper-wrapper .swiper-slide{ width: 100%;}
.nphpZxkcList{ width: 100%;}
.nphpZxkcList li{ float: left; width: 48%; margin: 16px 0px 0px 4%;}
.nphpZxkcList li:nth-child(2n+1){ margin-left:0px;}
.nphpZxkcList li a img{ display: block; width: 100%; height: 28vw; border-radius: 6px; max-height: 200px;}
.nphpZxkcList li dl{ margin-top:8px;}
.nphpZxkcList li dl dt a{ display: block; height: 38px; line-height: 20px; overflow: hidden;}
.nphpZxkcList li dl dd{ margin-top:8px; height: 20px; overflow: hidden;}
.nphpZxkcList li dl dd span{ display: block; float: left; width: 34px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; font-size: 12px; border-radius: 4px;}
.nphpZxkcList li dl dd span.bg1{ background: #FCF3E0; color: #FB6401;}
.nphpZxkcList li dl dd span.bg2{ background: #E0E8FC; color: #3B93FD;}
.nphpZxkcList li dl dd span.bg3{ background: #FCE7E0; color: #FD4B35;}
.nphpZxkcList li dl dd em{ display: block; float: right; font-size: 12px; color: #A3A3A3; line-height: 20px; overflow: hidden; width: calc(100% - 34px); height: 20px; text-align: right;}
.nphpZxkcSwiper .swiper-pagination{ bottom:0px;}
.nphpZxkcSwiper .swiper-pagination-bullet{ background: #ffffff; margin: 0 3px !important; width: 6px; height: 6px; background: #E6E7EB; opacity:1; border: none; border-radius: 100px;}
.nphpZxkcSwiper .swiper-pagination-bullet-active{ background: #FD4029; width: 16px; height: 6px; opacity: 1; }


.nphpHktjIn{ width: 92%; margin: auto;}

.nphpKfscIn{ width: 96%; margin:0px 0px 0px 4%;}
.nphpKfscSwiper{ width: 100%; overflow: hidden;}
.nphpKfscSwiper .swiper-wrapper{ width: 100%;}
.nphpKfscSwiper .swiper-wrapper .swiper-slide{ float:left; width: 325px; margin: 24px 12px 0px 0px;}
.nphpKfscIImg{ float: left; width: 106px; height: 120px;}
.nphpKfscIImg a img{ display: block; width: 106px; height: 120px;}
.nphpKfscICont{ float: right; width: 211px;}
.nphpKfscICont dl{ width: 211px; margin-top:8px;}
.nphpKfscICont dl dt a{ display: block; height: 18px; line-height: 18px; overflow: hidden;}
.nphpKfscICont dl dd.cont1{ height: 24px; background: #F5F5F5;border-radius: 4px; line-height: 24px; overflow: hidden; padding: 0px 8px; color: #A3A3A3; font-size: 12px; margin-top:8px;}
.nphpKfscICont dl dd.cont2{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #A3A3A3; margin-top:35px;}
.nphpKfscICont dl dd.cont2 span{ display: block;  float: left;}
.nphpKfscICont dl dd.cont2 em{ display: block; float: right;}


.esLgxmsIn{ width:100%; margin-top:16px;}
.vipJingpTitle{ width:100%; height: 33px; border-bottom: 1px solid #EBEBEB;}
.vipJingpSwiper{ width: 96%; overflow: hidden; margin-left:4%;}
.vipJingpSwiper .swiper-wrapper{ width: 100%;}
.vipJingpSwiper .swiper-wrapper .swiper-slide{ float:left; width: auto; margin-right: 20px;}
.vipJingpSwiper .swiper-wrapper .swiper-slide a{ display: block; text-decoration: none; height: 30px; border-bottom: 3px solid #ffffff; color: #303133; font-size: 16px;}
.vipJingpSwiper .swiper-wrapper .swiper-slide a.hover{ border-bottom: 3px solid #FD4029; color: #FD4029;}
.vipJingpCont{ width: 92%; margin: auto;}
.vipJingpList{ width: 100%;}
.vipJingpList li{ border-bottom: 1px solid #EBEBEB; padding-bottom: 17px; margin-top:15px;}
.vipJingpList li dl{ float: left; width: calc(100% - 140px); margin-top:3px;}
.vipJingpList li a.articlePics{display: block;width: 120px; height: 74px;float:right;overflow: hidden}
.vipJingpList li a img{ display: block; float: left; width: 120px; height: 74px; border-radius: 4px;}
.vipJingpList li dl dt a{ display: block; height: 40px; line-height: 21px; overflow: hidden;}
.vipJingpList li dl dd{ height: 20px; overflow: hidden; margin-top:13px; line-height: 20px;}
.vipJingpList li dl dd a{ display: block; float: left; height: 20px; background: #F5F5F5; border-radius: 3px; padding: 0px 6px; font-size: 12px; text-decoration: none; color: #646566; line-height: 20px; max-width:35%;}
.vipJingpList li dl dd span{ display: block; float: right; font-size: 12px; color: #B2B2B2; margin: 0px 0px 0px 15px;}
.vipJingpList li dl dd span b{ display: block; float: left; width: 14px; height: 13px; background: url(../mobimages/mnewphpbg1.png) no-repeat; background-size: 400px 400px; margin: 4px 5px 0px 0px;}
.vipJingpList li dl dd span b.icon1{ background-position: -215px 0px;}
.vipJingpList li dl dd span b.icon2{ background-position: -230px 0px;}
.vipJingpList li:last-child{ border-bottom: none; padding-bottom: 0px;}


.nphpBomenu{ float: right; margin-top:5px;}
.nphpBomenu li{ float: left; color: #333333; text-decoration: none; color: #333333; cursor: pointer;}
.nphpBomenu span{ display: block; float: left; color: #E6E7EB; margin: 0px 8px;}
.nphpBomenu li.current{ font-weight: 500; color: #FD4029;}
.nphpBoList{ width: 92%; margin: auto;}
.nphpBoList li{ border-bottom: 1px solid #EBEBEB; padding-bottom: 17px; margin-top:15px;}
.nphpBoList li dl{ width: 100%;}
.nphpBoList li dl dt a{ display: block; max-height: 40px; line-height: 21px; overflow: hidden;}
.nphpBoList li dl dd.cont1{ height: 35px; line-height: 17px; overflow: hidden; font-size: 12px; color: #B2B2B2; margin-top:8px;}
.nphpBoList li dl dd.cont2{ height: 16px; line-height: 16px; overflow: hidden; margin-top:12px;}
.nphpBoList li dl dd.cont2 span{ display: block; float: left; width: 50%; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #B2B2B2;}
.nphpBoList li dl dd.cont2 em{ display: block; float: right;}
.nphpBoList li dl dd.cont2 em i{ display: block; float: left; font-style: normal; font-size: 12px; color: #B2B2B2; margin: 0px 0px 0px 20px;}
.nphpBoList li dl dd.cont2 em i b{display: block; float: left; width: 14px; height: 13px; background: url(../mobimages/mnewphpbg1.png) no-repeat; background-size: 400px 400px; margin: 2px 5px 0px 0px;}
.nphpBoList li dl dd.cont2 em i b.icon1{ background-position: -230px 0px;}
.nphpBoList li dl dd.cont2 em i b.icon2{ background-position: -250px 0px;}
.nphpBoMore a{ display: block; width: 92%; height: 40px; border-radius: 6px; border: 1px solid #E6E7EB; margin: auto; box-sizing: border-box; margin-top:19px; color: #969799; text-decoration: none; display: flex; align-items: center; justify-content: center;}
.nphpBoMore a i{ display: block; float: left; font-style: normal;}
.nphpBoMore a b{ display: block; float: left; width: 5px; height: 8px; background: url(../mobimages/mnewphpbg1.png) no-repeat -270px 0px; background-size: 400px 400px; margin: 0px 0px 0px 5px;}
.nphpZbktBox1{padding-bottom:60px;}






/*******************************文章详情页*******************************/
.nphpQianBox{ width: 100%; background: #ffffff; padding-bottom: 16px;}
.nphpQianTitle{ width: 92%; margin: auto; border-bottom: 1px solid #EBEBEB; padding-bottom: 17px; padding-top: 4px;}
.nphpQianTitle h1{ line-height: 30px; color: #303133; font-size: 20px; font-weight: 700}
.nphpQianTitleIn{ width: 100%; margin-top:15px;}
.nphpQianTitleIn span img{ display: block; float: left; width: 36px; height: 36px; border-radius: 100px; margin-top:3px;}
.nphpQianTitleIn dl{ float: right; width:calc(100% - 44px);}
.nphpQianTitleIn dl dt em{ display: block; float: left; width: 75%; height: 18px; line-height: 18px; overflow: hidden; color: #303133;}
.nphpQianTitleIn dl dt i{ display: block; float: right; font-style: normal; height: 18px; line-height: 18px; width: 36px; border-radius: 2px; font-style: normal; text-align: center; font-size: 12px; overflow: hidden;}
.nphpQianTitleIn dl dt i.bg1{ background: rgba(253,64,41,0.15); color: #FD4029;}
.nphpQianTitleIn dl dt i.bg2{ background:#F5F5F5; color: #646566;}
.nphpQianTitleIn dl dd{ margin-top:5px;}
.nphpQianTitleIn dl dd em{ display: block; float: left; width: 50%; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #969799;}
.nphpQianTitleIn dl dd i{ display: block; float: right; width: 50%; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #969799; text-align: right; font-style: normal;}
.nphpQianCont{ width: 92%; margin: auto; margin-top:15px;}
.nphpQianCont p{ font-size: 15px; line-height: 26px; color: #525252; margin-top:15px;word-break: break-all;word-wrap: break-word;}
.nphpQianCont img{ max-width: 100%; margin-top:16px;}
.nphpQianImg{ text-align: center;}
.nphpQianContIn,blockquote{ width: 100%; background: #F7F8FA; border-left: 3px solid #CCCCCC; padding: 1px 12px 12px 12px; font-size: 16px; line-height: 26px; color: #646566; margin-top:16px; box-sizing: border-box;}
blockquote p{padding:0 5px;}
.nphpQianMsg{ width: 92%; margin: auto;}
.nphpQianMsg a{ display: block; float: left; height: 28px; border-radius: 4px; border: 1px solid #C8CACC; line-height: 28px; padding: 0px 12px; color: #303133; text-decoration: none; margin: 16px 12px 0px 0px;}
.nphpQianSheng{ width: 92%; margin: auto; background: #F7F7F7; border-radius: 8px; padding: 12px; line-height: 18px; color: #969799; box-sizing: border-box; font-size: 12px; margin-top:16px;}
.nphpQianSheng span{ color: #FD4029;}
.nphpFen{ width: 92%; margin: auto; margin-top:16px;}
.nphpFen span{ display: block; float: left;}
.nphpFen span a{ display: block; color: #969799; text-decoration: none;}
.nphpFen span a b{ display: block; float: left; width: 14px; height: 14px; background: url(../mobimages/mnewphpbg1.png) no-repeat -160px -100px; background-size:400px 400px; margin: 3px 5px 0px 0px;}
.nphpFen em{ display: block; float: left; margin: 0px 0px 0px 15px; cursor: pointer;}
.nphpFen em.icon1{ color: #969799;}
.nphpFen em.icon1 b{ display: block; float:left; width: 17px; height: 16.5px; background: url(../mobimages/mnewphpbg1.png) no-repeat -185px -100px; background-size: 400px 400px; margin: 0px 5px 0px 0px;}
.nphpFen em.icon2{ color: #FC9902;}
.nphpFen em.icon2 b{ display: block; float:left; width: 17px; height: 16.5px; background: url(../mobimages/mnewphpbg1.png) no-repeat -210px -100px; background-size: 400px 400px; margin: 0px 5px 0px 0px;}
.nphpFen i{ display: block; float: right; font-style:normal; cursor: pointer;}
.nphpFen i.icon1{ color: #969799;}
.nphpFen i.icon1 b{ display: block; float:left; width: 17px; height: 16.5px; background: url(../mobimages/mnewphpbg1.png) no-repeat -235px -100px; background-size: 400px 400px; margin: 0px 5px 0px 0px;}
.nphpFen i.icon2{ color: #FD4029;}
.nphpFen i.icon2 b{ display: block; float:left; width: 17px; height: 16.5px; background: url(../mobimages/mnewphpbg1.png) no-repeat -260px -100px; background-size: 400px 400px; margin: 0px 5px 0px 0px;}
.nphpSytBox{ width:100%; background: #ffffff; padding-bottom: 16px; margin-top:12px;}
.nphpSytBox span{ display: block; width: 92%; margin: auto; height: 18px; line-height: 18px; overflow: hidden; color: #646566; padding-top: 16px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.nphpSytBox1{ padding-top: 16px; width:100%; background: #ffffff; padding-bottom: 16px; margin-top:12px;}
.nphpSytBox2{ width:100%; background: #ffffff; padding-bottom: 16px; margin-top:12px;}
.nphpSytBox1 .nphpShou a{ margin-top:0px;}
.nphpShou a b.icon2{ background-position: -140px 0px;}
.nphpBian{ width: 92%; margin: auto;}
.nphpBian li{ float: left; width: 48%; height: 68px; border-radius: 6px; border: 1px solid #E6E7EB; box-sizing: border-box; margin: 12px 0px 0px 4%;}
.nphpBian li:nth-child(2n+1){ margin-left:0px;}
.nphpBian li a{ display: block;}
.nphpBian li a span{ display: block; float: left; width: 44px; height: 44px; background: url(../mobimages/mnewphpbg1.png) no-repeat; background-size: 400px 400px; margin: 12px 0px 0px 12px;}
.nphpBian li a span.bg1{ background-position: 0px -250px;}
.nphpBian li a span.bg2{ background-position: -55px -250px;}
.nphpBian li a dl{ float: left; width: calc(100% - 72px); margin:15px 0px 0px 8px;}
.nphpBian li a dl dt{ display: block; height: 18px; line-height: 18px; overflow: hidden; color: #303133;font-weight: 700;}
.nphpBian li a dl dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #969799; margin-top:6px;}
.nphpXxljIn{ width: 96%; margin:16px 0px 0px 4%;}
.nphpXxljSwiper{ width: 100%; overflow: hidden;}
.nphpXxljSwiper .swiper-wrapper{ width: 100%;}
.nphpXxljSwiper .swiper-wrapper .swiper-slide{ float: left; width: 260px; height: 68px; background: #F7F7F7; border-radius: 4px; margin: 0px 12px 0px 0px;}
.nphpXxljSwiper .swiper-wrapper .swiper-slide a{ display: block; text-decoration: none;}
.nphpXxljSwiper .swiper-wrapper .swiper-slide a img{ float: left; width: 44px; height: 44px; border-radius: 2px; margin: 12px 0px 0px 12px;}
.nphpXxljSwiper .swiper-wrapper .swiper-slide a dl{ float:left; width: 190px; margin: 15px 0px 0px 8px;}
.nphpXxljSwiper .swiper-wrapper .swiper-slide a dl dt{ height: 18px; line-height: 18px; overflow: hidden; color: #303133;font-weight: 700}
.nphpXxljSwiper .swiper-wrapper .swiper-slide a dl dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #969799; margin-top:6px;}
.nphpXgwzList{ width: 92%; margin: auto;}
.nphpXgwzList li{ margin-top:16px;}
.nphpXgwzList li b{ display: block; float: left; width: 4px; height: 4px; background: #C8CACC; margin: 7px 10px 0px 0px;}
.nphpXgwzList li a{ display: block; float: right; width:calc(100% - 15px); height: 18px; line-height: 18px; overflow: hidden;}
.nphpTjkcTitle{ width: 92%; margin: auto; padding-top: 15px;}
.nphpTjkcMenu{ float: left; }
.nphpTjkcMenu li{ float: left; font-size: 18px; color: #303133; margin: 0px 16px 0px 0px; cursor: pointer;}
.nphpTjkcMenu li.current{ font-weight: bold; color: #FD4029;}
.nphpTjkcMenuIn{ width:122px; height: 23px; background: linear-gradient(90deg, #F6E1B0 0%, #EDC66E 100%); float: right; border-radius: 6px;}
.nphpTjkcMenuIn b{ display: block; float: left; width: 24px; height: 9px; background: url(../mobimages/mnewphpbg1.png) no-repeat -285px -100px; background-size: 400px 400px; margin: 7px 5px 0px 8px;}
.nphpTjkcMenuIn em{ display: block; float: left; /*width: 115px;*/ height: 23px; line-height: 23px; overflow: hidden; font-size: 12px; color: #593C13;}
.nphpXszkHui1{ float: right;}
.nphpXszkVip1{ float: right;}
.nphpXszkList1 li:last-child{ border-bottom: 1px solid #EBEBEB; padding-bottom: 13px;}
.nphpShou2 a{ width: 92%; height: 36px;background: rgba(255,67,44,0.08); border-radius: 6px; margin: auto; margin-top:15px; display: block;}
.nphpShou2 a b{ display: block; float: left; width: 74px; height: 18px; background:url(../mobimages/mnewphplogo3.png); background-size:74px 18px; margin: 9px 0px 0px 8px;}
.nphpShou2 a em{ display: block; float: left; width: calc(100% - 120px); margin: 0px 0px 0px 10px; height: 36px; line-height: 36px; overflow: hidden;}
.nphpShou2 a span{ display: block; float: left; width: 6px; height: 11px; background: url(../mobimages/mnewphpbg1.png) no-repeat -165px 0px; background-size: 400px 400px; float: right; margin: 12px 8px 0px 0px;}

table.syntaxhighlighter{display:block;overflow: hidden!important;}
.cnblogs_code_footer{width: 100%;padding-top: 20px;background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),to(#cfcfcf));background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#cfcfcf 100%);position: absolute;left: 0;right: 0;bottom: -1px;z-index: 10;}
.cnblogs_code_footer .cnblogs_code_footer_icon{display: block;
    margin: auto;
    width: 44px;
    height: 15px;
    background: #f0f0f5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-top: 6px;
    cursor: pointer;
    position: relative;}
.cnblogs_code_footer .cnblogs_code_footer_icon:before{
    position: absolute;
    content: '';
    width: 10px;
    height: 2px;
    background: #999aaa;
    left: 14px;
    top: 10px;
    transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -webkit-transform: rotate(42deg);
    -o-transform: rotate(42deg);
}
.cnblogs_code_footer .cnblogs_code_footer_icon:after{
    position: absolute;
    content: '';
    width: 10px;
    height: 2px;
    background: #999aaa;
    right: 14px;
    top: 10px;
    transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    -webkit-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
}
.nphpQianCont code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    word-break:break-word;
}
.nphpQianCont a{color:#3da70d;}
.nphpQianCont h2, .nphpQianCont h3, .nphpQianCont h1{font-size:16px;font-weight: 700;margin-top:15px;}
.nphpQianCont li{list-style:unset;margin-left: 20px;}
.nphpQianCont th,.nphpQianCont td{padding:5px 10px;border:1px solid #DDD;}
.nphpQianCont th{background-color:#e9ecef;}
table {
    border-collapse: collapse;margin:15px 0;
    border-spacing: 0;
}

.downloadNavList{ width: 92%; margin: auto;}
.downloadNavList li{ float: left; width: 25%; margin: 16px 0px 0px 0px;}
.downloadNavList li a{ display: block; text-align: center;}
.downloadNavList li a b{ display:inline-block; width: 60px; height: 60px; background: url(../mobimages/mnewphpbg3.png) no-repeat; background-size:480px 60px;}
.downloadNavList li a b.icon1{ background-position: 0px 0;}
.downloadNavList li a b.icon2{ background-position: -60px 0;}
.downloadNavList li a b.icon3{ background-position: -120px 0;}
.downloadNavList li a b.icon4{ background-position: -180px 0;}
.downloadNavList li a b.icon5{ background-position: -240px 0;}
.downloadNavList li a b.icon6{ background-position: -300px 0;}
.downloadNavList li a b.icon7{ background-position: -360px 0;}
.downloadNavList li a b.icon8{ background-position: -420px 0;}
.downloadNavList li a span{ display: block; margin-top:5px;}

.nphpJSTXSwiper{ width: 100%; overflow: hidden;}
.nphpJSTXSwiper .swiper-wrapper{ width: 100%; margin-bottom: 30px;}
.nphpJSTXSwiper .swiper-wrapper .swiper-slide{ width: 100%;}
.nphpJSTXList{ width: 100%;}
.nphpJSTXList li{ float: left; width: 48%; margin: 16px 0px 0px 4%;}
.nphpJSTXList{display: flex;flex-direction: row;flex-wrap: wrap;}
.nphpJSTXList li:nth-child(2n+1){ margin-left:0px;}
.nphpJSTXList li a img{display: block;width: 100%;height: 31vw;border-radius: 6px;}
.nphpJSTXList li dl{ margin-top:8px;}
.nphpJSTXList li dl dt a{ display: block; height: 38px; line-height: 20px; overflow: hidden;}
.nphpJSTXList li dl dd{ margin-top:8px; height: 20px; overflow: hidden;}
.nphpJSTXList li dl dd span{display: block;float: left;height: 20px;line-height: 20px;overflow: hidden;text-align: center;font-size: 12px;border-radius: 4px;padding: 0 5px;}
.nphpJSTXList li dl dd span.bg1{ background: #FCF3E0; color: #FB6401;}
.nphpJSTXList li dl dd span.bg2{ background: #E0E8FC; color: #3B93FD;}
.nphpJSTXList li dl dd span.bg3{ background: #FCE7E0; color: #FD4B35;}
.nphpJSTXList li dl dd em{display: block;float: right;font-size: 12px;color: #A3A3A3;line-height: 20px;overflow: hidden;height: 20px;text-align: right;}
.nphpJSTXSwiper .swiper-pagination{ bottom:0px;}
.nphpJSTXSwiper .swiper-pagination-bullet{ background: #ffffff; margin: 0 3px !important; width: 6px; height: 6px; background: #E6E7EB; opacity:1; border: none; border-radius: 100px;}
.nphpJSTXSwiper .swiper-pagination-bullet-active{ background: #FD4029; width: 16px; height: 6px; opacity: 1; }

.vipjswzList{ width: 100%;}
.vipjswzList li{ border-bottom: 1px solid #EBEBEB; padding-bottom: 17px; margin-top:15px;}
.vipjswzList li dl{float: left;width: calc(100% - 140px);margin-top:3px;}
.vipjswzList li a img{display: block;float: right;width: 130px;height: 74px;border-radius: 4px;}
.vipjswzList li dl dt a{ display: block; height: 40px; line-height: 21px; overflow: hidden;}
.vipjswzList li dl dd{ height: 20px; overflow: hidden; margin-top:13px; line-height: 20px;}
.vipjswzList li dl dd a{ display: block; float: left; height: 20px; background: #F5F5F5; border-radius: 3px; padding: 0px 6px; font-size: 12px; text-decoration: none; color: #646566; line-height: 20px; max-width:35%;}
.vipjswzList li dl dd span{ display: block; float: right; font-size: 12px; color: #B2B2B2; margin: 0px 0px 0px 15px;}
.vipjswzList li dl dd span.left{ float: left; }
.vipjswzList li dl dd span b{ display: block; float: left; width: 14px; height: 13px; background: url(../mobimages/mnewphpbg1.png) no-repeat; background-size: 400px 400px; margin: 4px 5px 0px 0px;}
.vipjswzList li dl dd span b.icon1{ background-position: -215px 0px;}
.vipjswzList li dl dd span b.icon2{ background-position: -230px 0px;}
.vipjswzList li:last-child{ border-bottom: none; padding-bottom: 0px;}

.articleCateList{ width: calc(100% + 2%); overflow: hidden; max-height: 104px; display: flex;flex-direction: row;flex-wrap: wrap;}
.articleCateList a{ display: block; float: left; min-width: 23%; text-align: center; margin-bottom: 17px; color: #333333; text-decoration: none; padding: 0 5px; margin-right: 2%; box-sizing: border-box; height: 35px; line-height: 33px; background: #F9F9F9; border: 1px solid #EEEEEE; border-radius: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.articleCateList a.curr{ color: #FFF; background: #F11717; border-color: #F11717; }
.lookMoreCate{ width: 100%; height: 35px; color: #F11717; font-size: 14px; background: #FDF4F4; border-radius: 5px; border: 0; }
.lookMoreCate span:nth-child(1){display: block;}
.lookMoreCate span:nth-child(2){display: none;}
.lookMoreCate i{display: inline-block;vertical-align: middle;width: 13px;height: 8px;margin-left: 15px;margin-top: -2px;background: url(../mobimages/mnewphpbg1.png) no-repeat -330px 0/400px 400px;}
.lookMoreCate.more i{transform: rotateX(180deg);}
.lookMoreCate.more span:nth-child(1){display: none;}
.lookMoreCate.more span:nth-child(2){display: block;}

.articleList li{ padding: 18px 0; border-bottom: 1px solid #EEEEEE; }
.articleList .tit{ font-size: 16px; height: 20px; line-height: 20px; font-weight: bold; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.articleList .cont{ margin-top: 12px; color: #666666; line-height: 24px; }
.articleList .img_box{ float: right; width: 130px; height: 85px; border-radius: 4px; margin-left: 15px; overflow: hidden; }
.articleList .img_box img{ width: 100%; min-height: 100%; }
.articleList p{ padding-top: 10px; }
.articleList .opt{ margin-top: 16px; font-size: 12px; color: #B2B2B2; display: flex;align-items: center;}
.articleList .opt span{ margin-left: 20px; }
.articleList .opt span:first-child{ margin-left: 0; }
.articleList .opt span.lab{ display: inline-block; height: 20px; text-align: center; line-height: 20px; padding: 0 6px; background: #F5F5F5; border-radius: 3px; 
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-width: 170px;
}
.articleList .opt span i{display: inline-block;vertical-align: middle;margin-right: 5px;background: url(../mobimages/mnewphpbg1.png) no-repeat;background-size: 400px 400px;margin-top: -3px;}
.articleList .opt span i.see{ width: 15px; height: 12px; background-position: -230px 0; }
.articleList .opt span i.time{ width: 13px; height: 13px; background-position: -315px 0; }

.yxxzBox{padding-top: 20px;}
.yxxzTit{ font-size: 20px; font-weight: bold; line-height: 28px; }
.yxxzSub{ color: #999999; line-height: 18px; font-size: 14px;  }
.yxxzSub span{ display: inline-block; margin-top: 12px; margin-right: 25px; }
.yxxzSub span:nth-child(3n){margin-right: 0;}
.yxxzBox .btnGroup{ display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px; margin-top: 20px; }
.yxxzBox .btnGroup button{ width: 100%; height: 50px; line-height: 50px; border: 0; border-radius: 5px; font-size: 16px; font-weight: bold; }
.yxxzBox .btnGroup button.gray{ background: none; color:  #FF2208;font-size: 13px;    height: 20px;line-height: 20px; }
.yxxzBox .btnGroup button.red{ background: #FF2208; color: #FFFFFF; }
.yxxzBox .btnGroup p{font-size: 13px;color: red;font-weight: 700;}

.softIntroBox{width: 100%;overflow: hidden;padding-top: 10px;}
.softLabs{ width: calc(100% - 15px); padding-top: 5px; }
.softLabs a{ display: inline-block; margin-top: 15px; margin-left: 15px; padding: 0 14px; height: 35px; line-height: 35px; text-align: center; text-decoration: none; color: #F11717; background: #FDF4F4; border-radius: 5px; }
.softIntroCont{line-height: 24px; width: 92%; margin: 0 auto; padding-top: 5px;}
.softIntroCont p{ margin-top: 15px; }
.softIntroTip{width: 92%;margin: 0 auto;padding: 16px;margin-top: 20px;background: #FDF4F4;border-radius: 5px;font-size: 12px;line-height: 24px;box-sizing: border-box;}
.softIntroTip .tit{margin-bottom: 10px;width: 25vw;}
.softIntroTip .tit img{ width: 100%; }
.softIntroTip>div{color:#FF2208;font-size:18px;}

.recomArtList{ width: 92%; margin: 0 auto; padding-top: 5px; }
.recomArtList li{ overflow: hidden; height: 18px; line-height: 18px; margin-top: 15px; }
.recomArtList li:before{ content: ''; display: block; float: left; width: 6px; height: 6px; background: #E6E7EB; border-radius: 50%; margin: 6px 12px 0 0; }
.recomArtList span{ float: right; color: #999999; font-size: 12px; margin-left: 15px; }
.recomArtList span i{ display: block; float: left; width: 13px; height: 13px; margin: 3px 5px 0 0; background: url(../mobimages/mnewphpbg1.png) no-repeat -315px 0/400px 400px; }

.newClassList{ width: 92%; margin: 0 auto; padding-top: 5px; }
.newClassList li{ margin-top: 18px; }
.newClassList .img_box{ float: left; width: 120px; height: 80px; background: #DEDEDE; border-radius: 4px; margin-right: 15px; overflow: hidden;}
.newClassList .img_box img{ width: 100%; min-height: 100%; }
.newClassList dt{ height: 18px; line-height: 18px; overflow: hidden; }
.newClassList dd{ font-size: 12px; color: #999999; line-height: 24px; margin-top: 15px; height: 48px; overflow: hidden; }
.home-live .left {
    color:#fff;
    text-align:center;
    float:left;
    width:100%;
    position:relative;
}
.home-live .left .live-img {
    position:relative;
    opacity:9;
}
.home-live .left .live-info {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
.home-live .left .live-info-bg {
    position:absolute;
    top:0;
    left:0;
    background:#000;
    width:100%;
    height:100%;
    box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);
    opacity:0.8;
    filter:blur(2px);
}
.home-live .left .live-info .title {
    margin-top:20px;
/*    font-weight:700;*/
    font-size:16px;
}
.home-live .left .live-info p {
/*    line-height:40px;*/
}
.home-live .left .live-info .time {
    margin:10px 0;
    font-size:18px;
}
.home-live .left .live-info .time p {
    border-radius:20px;
    background-color:rgba(0,0,0,.69);
    width:300px;
    line-height:35px;
    margin:0 auto;
}
.home-live .left .live-info .time p span {
    color:#1fa4da;
    font-weight:700;
    padding:0 10px 0 10px;
}
.home-live .left .live-info .layui-btn {
    display:block;
    width:120px;
    height:30px;
    line-height:30px;
    margin:0 auto;
    background-color:#F11717;
}
.home-live .left .live-info .teacher-info {
    background:#000;
    opacity:0.7;
    position:absolute;
/*  width:634px;*/
    width:100%;
    height:60px;
    bottom:0;
/*  left:16px;*/
    font-size:19px;
}
.home-live .left .live-info .teacher-info p {
    text-align:left;
    margin-left:20px;
    padding-top:10px;
}
.home-live .left .live-info .teacher-info p img {
    width:40px;
    height:40px;
    border-radius:20px;
    min-height: 0;
}
.home-live .left .live-info .teacher-info p span {
    margin-left:10px;
}
.home-live .left .live-info .teacher-info p a {
    color:#fff;
/*  float:right;*/
    float:left;
    width:400px;
/*  height:30px;*/
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
}
.home-live .left .live-info .teacher-info p a:hover {
    color:#56ff00;
}
.home-live .right {
    float:right;
    width:349px;
    background-color:#f4f4f4;
}
.home-live h3 {
    line-height:28px;
    padding:10px;
    text-align:center;
    font-size:20px;
}
.home-live h3 img {
    width:24px;
    height:24px;
    margin-right:10px;
}
.home-live h3 a {
    }.home-live .right a {
    padding-left:10px;
    display:block;
    line-height:46px;
    font-size:16px;
    border-left:4px solid #f4f4f4;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.home-live .right a span {
    margin:0 10px 0 10px;
    color:#ababab;
}
.home-live .right a i {
    font-size:12px;
    color:#ababab;
}
.home-live .right a:hover {
    border-left:4px solid #23b8ff;
    background-color:#fff;
    color:#000;
}