body{margin:0 auto !important;}
.nphpTopIn{display: flex;width: 100%;flex-direction: row;    justify-content: space-between;}
.nphpLogo{margin-left:15px;}
.nphpSubmit{display: flex; min-width: 100px;}
.nphpNavSwiper .swiper-wrapper .swiper-slide a.hover{font-weight: bold;}
.newindex{margin:0 0 70px 0;}
.index_swiper .swiper-pagination-bullet{background: #000000;width: 16px;height: 6px;opacity: 0.5;border: none;border-radius: 100px;}
.index_swiper .swiper-pagination-bullet-active{background: #ffffff;opacity: 1;}
.topswipzt,.topswipxe{position: relative;}
.topswipzt span,.topswipxe span{position: absolute;
    color: #FFFFFF;font-size: 12px;background: #FC3930;border-radius: 8px;top:-10px;display: flex;justify-content: center;align-items: center;
}
.topswipxe span{width: 25px;height: 14px;right: -20px;}
.topswipzt span{width: 29px;height: 14px;right: -26px;}
.index_swiper .swiper-slide img {width: 100%;height: 35vw;max-height: 274px;border-radius: 6px;}
.mflyBoxIn{background: #FFFFFF;border-radius: 0px 0px 8px 8px;}
.hottt{width: auto;}
.hottt .hotttt .swiper-wrapper .swiper-slide {width: auto !important;margin: 11px 10px ;position: relative;line-height: 22px;}
.hotSwiper{background: #292929;border-radius: 5px;}
.hotswip a{color:#FFFFFF;}
.heightA {width: 1px;height: 20px;background: #FFFFFF;display: flex;}
.hotlclimg{width: 175px;height: 110px;margin:0 20px 0 0;}
.hotcons .hotlTitle{margin:20px 0 21px 0;}
.hotlcltitle{-webkit-line-clamp: 2;margin:0 0 15px 0;}
.hotlclcon{-webkit-line-clamp: 3 !important;}
.hotlcrli{margin:22px 0 0 0;}
.hotlcrt,.hotlcrc{-webkit-line-clamp: 1;}
.hotlcrc{margin:14px 0 0 0;}
.hotszts{background: #FFFFFF;border-radius: 8px;padding:0 20px 20px 15px;margin:10px 0 0 0;}
.hotttt{background: #FFFFFF;padding:15px 15px 18px 15px;border-radius: 8px;}
.hotstt{font-size: 20px;font-weight: bold;color:#333333;}
.hotszts .hotlTitle{margin:20px 0 0 0;}
.readCharts{background: #FFFFFF;border-radius: 8px;margin:10px 0 0 0;padding:18px 14px 15px 15px;}
.rcTitle,.hotlTitle {align-items: center;}
.readA{-webkit-line-clamp: 2;line-height: 25px;}
.rcLi {margin:15px 0 0 0;}
.clDivmore{margin-top: 15px; background: #FDF4F4;border-radius: 5px;width: 100%;height: 35px;color: #FC3930;font-size: 16px;align-items: center;justify-content: center;}
.clDivmore span{color: #FC3930;}
.borAbg{background: #FFFFFF;border-radius: 8px;}
.qslList {margin:22px 0 0 0;}
.questions{margin:10px 0 0 0;padding:20px 15px 20px 15px;}
.qsltB{align-items: center;}
.qslspanb{color:#FC3930}
.qsllspan {font-size: 18px;font-weight: bold;color: #333333;}
.qslList ul {margin: 20px 0 0 0;}
.qsllli {justify-content: space-between; align-items: center; margin: 0 0 20px 0;}
.qslllia {justify-content: space-between;align-items: center;width: 100%;}
.qslllia {justify-content: space-between;align-items: center;width: 100%;}
.qsllli span {width: auto;font-weight: 400;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.qslSearch {width: 100%;height: 45px;border: 1px solid #EEEEEE;border-radius: 5px;}
.aisearch {outline: none;border: none;width: calc(100% - 75px);padding: 15px 14px;}
.sqlsBtn {width: 75px;height: 43px;background: #FC3930;border-radius: 0px 5px 5px 0px;margin: 1px;
    font-size: 16px;color: #FFFFFF;justify-content: center;align-items: center;cursor: pointer;
}
.learnvideo{margin:10px 0 0 0;padding:20px 15px 15px 15px;}
.lc-title{align-items: center;margin:0 0 20px 0;}
.zttc{background: #F8F8F8;border-radius: 5px;padding:18px 15px 0 15px;}
.lcl-titles{-webkit-line-clamp: 2;margin:18px 0 10px 0;}
.zttctitle{justify-content: space-between;}
.lcri-title {color: #999999;margin: 0 0 14px 0;}
.circles {width: 5px;height: 5px;background: #DEDEDE;border-radius: 50%;display: block;margin: 9px 10px;}
.lc-packmoney{border-radius: 5px;width: 141px;color:#FC3930;}
.tcprices{width: 67px;height: 35px;background: #FC3930;border-radius: 5px 0px 0px 5px;color:#FFFFFF;padding:6px 9px;}
.tcrpeices{padding:6px 10px;background: #FFFFFF;}
.lc-save{margin:22px 0 0 0;font-size: 16px;}
.lc-save span:nth-child(1){color: #999999;text-decoration: line-through;margin:0 26px 0 0;}
.lc-save span:nth-child(2){color:#FC3930;}
.zttc .lcriLiimg {margin:0 19px 0 3px;}
.lcriLiimg {width: 150px;height: 92px;margin:0 19px 0 0;}
.lcriliDiv a{margin:6px 0 24px 0;-webkit-line-clamp: 1;}
.lcrilidSpan{-webkit-line-clamp: 2;word-break: break-all;max-width: 400px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
}
.lcrilidMoney{margin:0 0 8px 0;}
.lcrilidMoney{color: #FC3930;}
.lcriSwiper {margin:17px 0 0 0;padding-bottom: 30px;}
.lcriSwiper .swiper-div {margin:0 0 20px 0 ;}
/* .lcriSwiper  .swiper-wrapper .swiper-slide{align-items: center;} */
.lcriSwiper .swiper-pagination-bullet{width: 15px;height: 4px;background: #CBCBCB;border-radius: 2px;}
.lcriSwiper .swiper-pagination-bullet-active{background: #FC3930;opacity: 1;}
/* .lcriSwiper .swiper-slide{margin-right: 5px;} */

.vflidiv {width: 45%;max-width: 185px; height: auto;background: #FFFFFF;margin: 21px 0 0 0;background: #F8F8F8;padding-bottom: 10px;position: relative;}
.vfli span a img {width: 100%;height: 110px;}
.vfli dl {padding: 0 10px 0 12px;width: 90%;margin: auto;}
.vfli dl dt {margin: 16px 0 11px 0;height: 45px;overflow: hidden;line-height: 25px;word-break: break-all;}
.vfli dl dt i.bg1 { background: #E0E8FC; color: #298AFD;}

.vfli dl dt i {display: block;float: left;width: 28px;height: 16px;line-height: 16px;overflow: hidden;
    text-align: center;font-style: normal;font-size: 11px;color: #ffffff;margin-right: 10px;margin-top: 3px;border-radius: 2px;padding: 2px 4px;
}
.vfli dl dd p {float: left;width: 80px;height: 16px;line-height: 16px;overflow: hidden;font-size: 12px;color: #b7b7b7;margin:0 0 12px 0;}
.vfli dl dd em a {display: block;float: right;font-size: 12px;color: #b7b7b7;text-decoration: none;}
.vfli dl dd em.phpshouchang a b {background-position: -95px -65px;}

.vfli dl dd em a b {display: block;width: 11px;height: 11px;
    background: url(../mobimages/bg1.png) no-repeat -80px -65px;
    background: image-set(url(../mobimages/bg1.png) 1x, url(../mobimages/bg1-2x.png) 2x) no-repeat -80px -65px;
    background: -webkit-image-set(url(../mobimages/bg1.png) 1x, url(../mobimages/bg1-2x.png) 2x) no-repeat -80px -65px;
    float: left;margin: 3px 5px 0px 0px;
}
.vflddiv {max-width: 139px;height: 18px;border: 1px solid #FC3930;border-radius: 2px;font-size: 12px;color: #FC3930;padding: 0 6px;margin: 0 0 10px 0;}
.vfldd1 {justify-content: space-between;align-items: center;cursor: pointer;margin: 20px 0 0 0;}
.vfldds3 {font-size: 12px;font-weight: 400;color: #875903;padding: 7px 9px 5px 8px;background: linear-gradient(99deg, #FEF1D3 0%, #FCEABF 100%);border-radius: 5px}
.vfldds1 {font-size: 16px;font-weight: 400;color: #FC3930;}
.vfldds2 {font-size: 14px;font-weight: 400;color: #999999;}
.learnvideo .vfldds2{text-decoration: line-through;}
.lo-ul {min-width: 320px;width: 100%;}
.vfli {width: 100%;justify-content: space-around;}
.vfli dl dt i.bg2 {background: #FCE7E0;color: #FD4029;}
.vfli dl dt i.bg3 {background: #FCF3E0;color: #FB6401;}
.learnvideo .freesdd{margin:40px 0 0 0;}
.vipfrees{display: flex;justify-content: center;align-items: center;   position: absolute; width: 65px;height: 25px;background: linear-gradient(99deg, #FEF1D3 0%, #FCEABF 100%);font-size: 12px;color: #875903;}
.alllistdiv{width: auto;font-size: 18px;margin:0 15px 0 10px}
.listswiper {padding-top: 17px;}
.listswiper   .alllistdiv.checkdiv{border-bottom: 4px solid #FC3930;padding:0 0 9px 0;color:#FC3930;font-weight: bold; }
.allLists {padding:1px 0 5px 0;}
.vipFree {justify-content: center;}
.gzDiv .vfli dl dd p{margin:0;}
.gzLists{margin:0 15px;}
.gzLists .vfli:last-child .vflidiv{margin: 21px 0 0 0;;}

.ztLists{margin:0 15px;}
.morezt,.wdmore {margin:0 0 17px 0}
.dltreImg{width: 180px;height: 90px;}
.downLists{padding:0 15px;}
.dwlidiv{background: #F8F8F8;width: 180px;margin:0 10px 0 0;justify-content: space-around;}
.dltreTitle a{-webkit-line-clamp: 2; width: 146px;margin:14px 15px 16px 14px;}
.dltreSpan{border: 1px solid #FD7B75;border-radius: 5px;color: #F11717;padding:4px 3px 3px 4px ;margin:0 15px 0 0}
.dltretimes{margin:0 16px 15px 14px;align-items: center;}
.dltreLi{margin:21px 0 0 0;justify-content: space-around;width: 100%;}
.fontoverflow,.downgjccon{-webkit-line-clamp: 1;}
.downgjImg{width: 80px;height: 80px;border-radius: 5px;margin:0 20px 0 0;}
.downgjccon{margin:10px 0 11px 0;}
.downgjdiv .dltretimes{margin:0;justify-content: space-between;}
.downgjcon {width: 100%;}
.downgjdiv{border-bottom: 1px solid #EEEEEE;padding-bottom: 18px;margin:24px 0 0 0}
.sctop {margin:20px 0 23px 0;justify-content: space-around;}
.sctop .downscImg{width: 64px;height: 64px;border-radius: 50%;margin-bottom: 20px;}
.downscImg1{width: 64px;height: 64px;border-radius: 10px;}
.nocirclea{margin:22px 0;}
.scdspan{margin:15px 0 11px 0;width: 81px;text-align: center;height: 40px;}
.sctop a{align-items: center;text-align: center;}
/* .sctli{margin:0 30px 0 0} */
.scdown .downscImg{width: 64px;height: 64px;border-radius: 10px;}
.scdown a{align-items: center;margin:0 26px 20px 0;}
.scdown{flex-wrap: wrap;}
.scdspand{padding:4px 5px 3px 6px;color: #F11717;border: 1px solid #FD7B75;border-radius: 5px;}
.downtremore3{margin:0}
.downfoLi {background: #F8F8F8;
    height: 157px;
    border-radius: 5px;
    margin: 20px 14px 0 15px;
}
.downfoDOne {
    margin: 20px 15px 17px 17px;
    align-items: center;
}
.downfoTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: normal;
}
.downfoLbel {
    padding: 4px 5px 3px 6px;
    border: 1px solid #FD7B75;
    border-radius: 5px;
    color: #F11717 !important;
    margin: 0 0 0 14px;
}
.downfodTwoTitle {
    margin: 0 15px 18px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: normal;
}
.downfoDown {align-items: center;}
.downfoDivt{margin:0 20px 0 15px;}
.downtremore5 {margin-bottom: 15px;}

.cdsearchdiv .layui-tab-title {  border-bottom-style: none;padding:10px 0 0 0;
    position: relative;left: 0;height: 40px;white-space: nowrap;font-size: 0;transition: all .2s;-webkit-transition: all .2s;
}
.cdsearchdiv .layui-tab-title .layui-this {color: #FC3930;font-size: 22px;font-weight: bold;}
.cdsearchdiv .layui-tab-title li {font-size: 18px;color: #333333;font-weight: 400;}
.cdsearchdiv .layui-tab-title .layui-this:after {
    border-style: none; border-bottom-color: #FC3930; border-bottom-style: solid; border-width: 4px; width: 60%; align-items: center; margin: 0 0 0 21%;
}
.qrtctitle {align-items: center;font-size: 20px;font-weight: bold;color: #333333;}
.qrbjcon {font-size: 14px;font-weight: 400;color: #999999;margin: 14px 0 29px 0;}
.qrtcsbtn {width: 100%; height: 45px; border: 1px solid #EEEEEE; border-radius: 5px; margin: 0 0 29px 0;}
.cdsearch { color: #FC3930 !important; outline: none; border: 1px solid #EEEEEE; width: calc(100% - 75px); padding: 15px 14px; font-size: 14px; font-weight: 400;
    color: #999999;
}
.sqlsBtn {width: 75px;height: 43px;background: #FC3930;border-radius: 0px 5px 5px 0px;margin: 1px;font-size: 16px;
    color: #FFFFFF;justify-content: center;align-items: center;cursor: pointer;
}
.qrtcslabels {margin: 0 5px;}
.hotsearch {font-size: 16px;font-weight: 400;color: #333333;width: 88px;min-width: 88px;float: left;}
.hotslabelsdiv {flex-wrap: wrap;height: 90px;float: right;width: calc(100% - 90px);overflow: hidden;}
.hotslabels {border: 1px solid #EEEEEE;border-radius: 5px;margin: 0 15px 22px 0;padding: 7px 13px 6px 10px;
    font-size: 14px;color: #999999;display: flex;align-items: center;justify-content: center;cursor: pointer;
}
.qrtuser  {margin:0 auto;width: 100%;}
.qrtuserDiv {margin: 0 0 13px 0;display: flex;flex-direction: row;justify-content: space-around;}
.dictionary {width: 180px;height: 77px;background: #F7F8FA;border-radius: 5px;margin:0 12px 0 0;display: flex;flex-direction: row;justify-content: space-around;}
.dictImg { width: 45px; height: 45px; border-radius: 50%; margin: 18px 14px 0 13px;}
.dectDiv {margin: 16px 16px 0 0;}
.dectDiv a:nth-child(1) {margin: 0 0 2px 0;height: 18px;overflow: hidden;}
.dectDiv a:nth-child(2) { width: 107px; height: 31px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: normal;
}
.qrtassign {padding: 5px 0 0 0;height: 265px;overflow: hidden;}
.qrtassign ul {flex-wrap: wrap;}
.qrtassign ul li {background: #F7F8FA;margin: 0 16px 14px 0;padding: 12px 17px 11px 20px;border-radius: 20px;}
.checkqrtA {background: #FC3930 !important;color: #FFFFFF;}
.checkqrtA a {color: #FFFFFF;}
.hotswip .hottabs{color:#FC3930}
.allLists .hotSwiper .swiper-wrapper .swiper-slide {width: auto !important;margin: 11px 10px ;position: relative;}
.hotSwipers{background: #292929;height: 40px;}
.hotSwipers11{background: #292929;height: 40px;}

.hotSwipers .hotswip,.hotSwipers11 .hotswip{width: auto !important;display: flex;margin:0 10px 0 15px;align-items: center;}
.hotswip{color:#FFFFFF}
.hottabs{color:#FC3930;}
.teachside{width: auto;}
.teald {margin: 0 16px 0 0;align-items: center;text-align: center;}
.teald span {width: 80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tealdimg {width: 64px; height: 64px; border-radius: 50%; margin: 0 0 14px 0;}
.teacherswiper{margin:15px 0 21px 15px;}
.tjliImg{width: 150px;height: 92px;margin:0 16px 0 0;}
.tjliDiv span:nth-child(1){-webkit-line-clamp: 2;margin:0 0 30px 0;}
.tjUl{margin:0 15px 20px 15px;}
.tjLi{padding-bottom: 16px;border-bottom: 1px solid #EEEEEE;margin:0 0 16px 0;}
.layui-tab-content{flex-wrap: wrap;}
.gzmorewz{margin:0 0 20px 0;}
.moreClasss{margin:15px 0 20px 0;}
.wdlitImg{width: 30px;height: 30px;border-radius: 50%;}
.wdUl{margin:0 15px;}
.wdLi{background: #F8F8F8;border-radius: 5px;padding:13px 4px 13px 15px;margin:0 0 19px 0;}
.names{margin:0 15px 0 11px;}
.wdbtns{background: #FFFFFF;border: 1px solid #EEEEEE;border-radius: 5px;padding:6px 11px;font-size: 12px;}
.answers{border: 1px solid #FC3930;color: #FC3930 !important;margin:0 12px;}
.wdlibtns{margin: 15px 0 16px 0;}
.wdlicons  a:nth-child(1) span{-webkit-line-clamp: 1;}
.wdlicons a:nth-child(2) span{-webkit-line-clamp: 2;margin:16px 0;}
.wdlilabels{flex-wrap: wrap;}
.wdlabs{background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 5px;padding:8px 10px 7px 12px;font-size: 12px ;color:#999999 !important;margin-right: 9px;}
.alllistdivzt b{width: 25px;height: 15px;background: #FC3930;border-radius: 8px;color: #FFFFFF;position: absolute;font-size: 12px;text-align: center;top:-8px;}
.alllistdivzt{position: relative;}
/* .downlThree ul{min-width: 395px;} */
.downtx ul{flex-wrap: wrap;}
.downtx{margin:0 15px ;}

/* 手游 */
.idlists{margin-top:20px !important;}
.lisimg{width: 70px; height: 70px;border-radius: 15px;margin:0 17px 0 0;}
.shouLists {background: #FFFFFF;}
.slists{margin:10px 15px;    padding: 1px 0;}
.slis{margin: 18px 0 0 0; border-bottom: 1px solid #F4F4F4;padding: 0 0 18px 0;align-items: center;justify-content: space-between;}
.times,.desc{color:#999999}
.times{margin:9px 0 5px 0;}
.lisddown{padding:0 5px;min-width: 60px; width: 60px;height: 30px;border: 1px solid #FD4029;border-radius: 5px;color:#FD4029 !important;display: flex;align-items: center;justify-content: center;}
.shoucons{margin: 0 0 10px 0;}
.lisdA,.times,.desc{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
/* 手游 end */
.wzUl ,.jcUl {margin:0 15px;}
.langadiv{    position: absolute;
    min-width: 190px;
    display: none;
    border-radius: 5px;
    top: 35px;
    padding: 10px 0;
    left: -75px;
    background: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
    z-index: 100;
}
.langadivs {  position: relative;
    height: 100%;
    align-items: center;
    display: flex;
}
.chooselan {background:none !important;
    width: 130px !important;
    display: flex;
    margin: 0 0 0 10px;
    align-items: center;
    color: #333333;
    white-space: nowrap;
    height: 30px;
    font-weight: bold;
    padding: 0 10px;
    font-size: 14px !important;
}

.downfoDiv1 b {
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background: url(../mobimages/icon48.png) no-repeat;
}
.downfoDiv3 b {
    width: 19px;
    height: 12px;
    margin: 0 5px 0 0;
    background: url(../mobimages/icon50.png) no-repeat;
}
.swiper1 .swiper-slide{overflow: hidden;display: flex;}
.swiper1{overflow: hidden;height:20px;margin: 13px 0 0 10px;}
.swiper1 .swiper-wrapper1{height: 20px;}
.swiper1 .swiper-slide b{
    width: 13px;height: 12px;margin:4px 3px 0 0 ;
    background: url(../mobimages/icon9.png) no-repeat ;
    background: image-set(url(../mobimages/icon9.png) ) no-repeat ;
    background: -webkit-image-set(url(../mobimages/icon9.png)) no-repeat; 
}
.lc-title b{
    width: 28px;height: 24px;margin:0 7px 0 0;
    background: url(../mobimages/icon30.png) no-repeat ;
  }
.qsllli b { width: 15px;height: 9px;margin:0 0 0 15px;
    background: url(../mobimages/icon94.png) no-repeat;
}
.qsltB{width: 27px;height: 24px;margin:0 9px 0 0 ;
    background: url(../mobimages/icon93.png) no-repeat ;
  }
.clDivmore b{
    width: 12px;height: 7px;margin:0 0 0 6px;
    background: url(../mobimages/icon32.png) no-repeat;
}
.morewz b{
    width: 12px;height: 12px;margin:2px 0 0 6px;
    background: url(../mobimages/icon47.png) no-repeat;
}
.rcLi:nth-child(-n+3) b{min-width: 26px;
    width: 26px;height: 29px;margin:0 10px 0 0 ;
    background: url(../mobimages/icon39.png) no-repeat ;
    background: image-set(url(../mobimages/icon39.png) ) no-repeat ;
    background: -webkit-image-set(url(../mobimages/icon39.png)) no-repeat; 
    font-size: 16px;align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #FFFFFF;
  }
  .rcLi:nth-child(n+3) b{min-width: 26px;
    width: 26px;height: 29px;margin:0 10px 0 0 ;
    background: url(../mobimages/icon40.png) no-repeat ;
    background: image-set(url(../mobimages/icon40.png) ) no-repeat ;
    background: -webkit-image-set(url(../mobimages/icon40.png)) no-repeat; 
    font-size: 16px;align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #FFFFFF;
  }
.rcTitle b{
    width: 27px;height: 25px;margin:0 10px 0 0;
    background: url(../mobimages/icon38.png) no-repeat;
}
.hotsrtitle b{
    width: 25px;height: 25px;margin:0 11px 0 0;
    background: url(../mobimages/icon92.png) no-repeat;
}
.hotsltitle b{width: 25px;height: 24px;margin:0 11px 0 0;
    background: url(../mobimages/icon91.png) no-repeat;
}
.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;}
.flexCloumn,.flexColumn{display: flex;flex-direction: column;}
.aClass{cursor: pointer;text-decoration: none;color:#333333}
.aClass:hover{text-decoration: none;}
.fontoverflow{
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;  -webkit-box-orient: vertical;
}