@charset "utf-8";

/* CSS Document */



/**公共部分**/

*{margin:0px; padding:0px;}

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 "微软雅黑"; max-width:768px; margin:auto; background:#E7EAEF; min-width:320px;}

address,cite,code,em,th{font-weight:normal; font-style:normal;}

.clear{clear:both;}

a{outline: none;}



.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:#F5F5F5; padding-bottom: 70px;}





/**顶部**/

.nphpHead{ width: 100%;}

.nphpTop{ width: 100%; height: 44px; background: #ffffff;}

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

.nphpLogo a{ display: block; width: 50px; height: 28px; background: url(../mobimages/mnewphplogo.png) no-repeat; background-size: contain; margin-top:8px; float: left;}

.nphpSubmit{ float: right;display: flex;min-width: 100px;}

.nphpSubmit a{ display: block; float: left; width: 25px; height: 25px; background: url(../mobimages/mnewphpbg1.png) no-repeat; background-size: 400px 400px; margin: 14px 0px 0px 15px;} 

.nphpSubmit a.bg1{ background-position:0px 0px;}

.nphpSubmit a.bg2{ background-position:-25px 0px;}

.nphpSubmit a.bg3{ background-position:-50px 0px;}

.langadivs {position: relative;height: 100%;align-items: center;display: flex;}

.blogbody .langadivs{display: none !important;}



.nphpNav{ width: 100%; height: 44px; background: #ffffff; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.05);}

.nphpNavIn{ width: 96%; margin-left:4%;}

.nphpNavSwiper{ width: 100%; overflow: hidden;}

.nphpNavSwiper .swiper-wrapper{ width: 100%;}

.nphpNavSwiper .swiper-wrapper .swiper-slide{ width: auto !important; margin: 11px 26px 0px 0px; position: relative;}

.nphpNavSwiper .swiper-wrapper .swiper-slide a{ display: block; height:30px; border-bottom:3px solid #ffffff; font-size: 16px; text-decoration:none; color: #303133; }

.nphpNavSwiper .swiper-wrapper .swiper-slide a.hover{ border-bottom: 3px solid #FD4029; color: #FD4029;}

.nphpNavSwiper .swiper-wrapper .swiper-slide b{ display: block; width: 31px; height: 14px; background: url(../mobimages/mnewphpbg1.png) no-repeat -80px 0px; background-size: 400px 400px; position: absolute; right: -10px; top: -12px;}

.nphpMore img:nth-child(1) {width: 30px;height: 30px;border-radius: 50%;margin-right: 11px;}

.nphpNewversion img{width: 10px;height: 11px;margin-right: 6px;}

.nphpNewversion,.nphpMore {align-items: center;margin-top: 10px;}

.nphpTopIn {justify-content: space-between;    display: flex; width: 100%; flex-direction: row;}

.nphpNewversion{color: #999999;}



/**主体**/

.bodyMain{ width: 100%; }





/**底部菜单**/

.nphpFoot{ width: 100%; position:absolute; left: 0px; bottom: 0px; position:fixed; z-index: 10;}

.nphpApp{ width: 100%; height: 55px; background: #fe6755;}

.nphpFootBg{ width: 100%; height: 55px; background: #F7F7F7; box-shadow: 0px -4px 24px 0px rgba(0,0,0,0.05);}

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

.nphpFootMenu{ width: 100%;}

.nphpFootMenu li{ float: left; width: 25%;}

.nphpFootMenu li a{ display: block; text-decoration: none; text-align: center;}

.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 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 p{ color: #9C9C9C; margin-top:3px;}

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





/**右侧菜单**/

.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%; background: #ffffff; width: 269px; right: 0px; position:absolute;}

.nphpYouTitle{ height: 44px;}

.nphpYouTitle span{ display: block; float: left; width: 24px; height: 24px; background: url(../mobimages/mnewphpbg1.png) no-repeat -125px -100px; background-size:400px 400px; margin: 10px 0px 0px 12px; cursor: pointer;}

.nphpYouTitle a{ display: block; float: left; width: 115px; height: 28px; background: url(../mobimages/mnewphplogo.png) no-repeat; background-size: 115px 28px; margin:9px 0px 0px 40px;}

.nphpYouList{ width: 269px;}

.nphpYouList li{ float: left; margin: 12px 0px 0px 12px;}

.nphpYouList li a{ display: block; width: 116px; height: 40px; background: #F7F7F7; border-radius: 4px; text-decoration:none; position: relative;}

.nphpYouList li a b{ display: block; float: left; width: 28px; height: 28px; background: url(../mobimages/mnewphpbg1.png) no-repeat; background-size: 400px 400px; margin: 5px 0px 0px 10px;}

.nphpYouList li a b.icon1{ background-position: 0px -210px;}

.nphpYouList li a b.icon2{ background-position: -35px -210px;}

.nphpYouList li a b.icon3{ background-position: -70px -210px;}

.nphpYouList li a b.icon4{ background-position: -105px -210px;}

.nphpYouList li a b.icon5{ background-position: -140px -210px;}

.nphpYouList li a b.icon6{ background-position: -175px -210px;}

.nphpYouList li a b.icon7{ background-position: -210px -210px;}

.nphpYouList li a b.icon8{ background-position: -245px -210px;}

.nphpYouList li a b.icon9{ background-position: -280px -210px;}

.nphpYouList li a b.icon10{ background-position: -315px -210px;}

.nphpYouList li a b.icon11{ background-position: -350px -210px;}

.nphpYouList li a b.icon12{ background-position: -175px -250px;}

.nphpYouList li a span{ display: block; float: left; width: 60px; height: 40px; line-height: 40px; overflow: hidden; color: #1A1A1A; margin: 0px 0px 0px 10px;}

.nphpYouList li a em{ display: block; width: 24px; height: 13px; background: #FD4029; line-height: 13px; overflow: hidden; border-radius: 0px 6px 0px 6px; font-size: 12px; color: #ffffff; text-align: center; position:absolute; top: 0px; right: 0px;}





/**顶部导航**/

.nphpDing{ width: 100%; height: 44px; background: #FFFFFF; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.05); position:fixed; top: 0px; left: 0px; z-index:11;}

.nphpDinglogo a{ display: block; float: left; width: 50px; height: 86px; background: url(../mobimages/mnewphplogo.png) no-repeat; background-size:44px 26px; margin: 10px 0px 0px 4%;}

.nphpNavIn1{ width:calc(96% - 85px); float: left; margin:0px 0px 0px 16px;}

.nphpNavSwiper1{ width: 100%; overflow: hidden; width: 90% !important;margin-right: 40px !important;}

.nphpNavSwiper1 .swiper-wrapper{ width: 100%;}

.nphpNavSwiper1 .swiper-wrapper .swiper-slide{ width: auto !important; margin: 11px 26px 0px 0px; position: relative;}

.nphpNavSwiper1 .swiper-wrapper .swiper-slide a{ display: block; height:30px; border-bottom:3px solid #ffffff; font-size: 16px; text-decoration:none; color: #303133; }

.nphpNavSwiper1 .swiper-wrapper .swiper-slide a.hover{ border-bottom: 3px solid #FD4029; color: #FD4029;}

.nphpNavSwiper1 .swiper-wrapper .swiper-slide b{ display: block; width: 31px; height: 14px; background: url(../mobimages/mnewphpbg1.png) no-repeat -80px 0px; background-size: 400px 400px; position: absolute; right: -10px; top: -12px;}





/**所在位置**/

.nphpSize{ width: 100%; height:44px; background: #ffffff;}

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

.nphpSizeIn b{ display: block; float: left; width: 12px; height: 14px; background: url(../mobimages/mnewphpbg1.png) no-repeat -300px 0px; background-size: 400px 400px; margin: 15px 10px 0px 0px;}

.nphpSizeIn p{ float: right; width: calc(100% - 22px); height: 44px; line-height: 44px; overflow: hidden; color: #7F7F7F;} 



.mt0{ margin-top: 0 !important; }

.pt0{ padding-top: 0 !important; }

.maxAuto{max-height: none !important;}



/**页码**/

.mngfPage{width:100%;text-align:center;margin: 24px 0;}

.mngfPage a{height:31px; min-width: 31px; line-height:31px;display:inline-block;vertical-align: middle;color:#323233;text-decoration:none;border:1px solid #DCDEE0;padding:0px 10px; box-sizing: border-box; background:#FFFFFF;font-size:14px;margin-left:4px;border-radius: 3px;}

.mngfPage a.currentPage{color:#ffffff; background:#F11716 ; border:1px solid #F11716;}

.mngfPage a.nextPage, .mngfPage a.prevPage{position: relative;}

.mngfPage.red a.currentPage{ background: #F11717; border:1px solid #F11717; }

.course-intro p .layui-icon-friends{
    margin-left: 20px;
    margin-right: 5px;
}
.noimg-course-intro p .layui-icon-friends{
    margin-left: 20px;
    margin-right: 5px;
}
.noimg-course-intro p .layui-icon-reply-fill{
    margin-left: 20px;
    margin-right: 5px;
}