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


/*****************************精品课*****************************/
.phpFootCodeIn a{ color:#656565; text-decoration: none;}
.phpFootCodeIn a:hover{ color: #ffffff;}
.bgBody{ background: #F8FBFF;}
.jpkMain{ width: 100%; margin-top:90px;}


/**立即购买**/
.jpkLjgmBox{ width: 100%;}
.jpkLjgmBg{ width: 100%; height: 348px; background:url(/static/images/jpk/bg9.png) no-repeat  center top; 
    background: image-set(url(/static/images/jpk/bg9.png) 1x, url(/static/images/jpk/bg9-2x.png) 2x)  no-repeat center top; 
    background: -webkit-image-set(url(/static/images/jpk/bg9.png) 1x, url(/static/images/jpk/bg9-2x.png) 2x) no-repeat center top;}
.jpkLjgmBg h1{ font-size: 48px; font-weight: bold; color: #ffffff; text-align: center; padding-top:90px;}
.jpkLjgmBg p{ width: 620px; margin:auto; color: #ffffff; text-align: center; font-size: 18px; margin-top:30px;}
.jpkLjgmCont{ width:1380px; height: 123px; background: #FFFFFF; box-shadow: 0px 2px 32px 0px rgba(1, 30, 87, 0.08); border-radius: 12px; margin: auto; position: relative; margin-top:-60px;}
.jpkLjgmCont dl{ float: left; width: 595px; margin: 25px 0px 0px 40px;}
.jpkLjgmCont dl dt{ height: 40px; overflow: hidden; }
.jpkLjgmCont dl dt span{ display: block; float: left; color: #6F6F6F; font-size: 16px; margin-top:20px;}
.jpkLjgmCont dl dt em{ display: block; float: left; font-size: 36px; font-weight: bold; color: #FD432C;}
.jpkLjgmCont dl dt i{ display: block; float: left; font-size: 20px; color: #999999; text-decoration: line-through; font-style: normal; margin:16px 0px 0px 15px;}
.jpkLjgmCont dl dt b{ display: block; float: left; height: 29px; border: 1px solid #FD4029; color: #FD4029; border-radius: 3px; padding: 0px 10px; line-height: 29px; box-sizing: border-box; margin: 10px 0px 0px 15px; font-weight: normal; font-size: 16px;} 
.jpkLjgmCont dl dd{ height: 20px; line-height: 20px; overflow: hidden; margin-top:18px;}
.jpkLjgmCont dl dd span{ display: block; float: left; color: #999999; margin-right:15px;}
.jpkLjgmCont dl dd span b{ display: block; float: left; width: 20px; height: 20px; background:url(/static/images/jpk/bg8.png) no-repeat; 
    background: image-set(url(/static/images/jpk/bg8.png) 1x, url(/static/images/jpk/bg8-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/bg8.png) 1x, url(/static/images/jpk/bg8-2x.png) 2x) no-repeat; margin: 0px 5px 0px 0px;}
.jpkLjgmCont dl dd span b.icon1{ background-position: -250px 0px;}
.jpkLjgmCont dl dd span b.icon2{ background-position: -280px 0px;}
.jpkLjgmCont dl dd span b.icon3{ background-position: -310px 0px;}
.jpkLjgmCont dl dd span b.icon4{ background-position: -280px 0px;}
.jpkLjgmSubmit{ float: right; margin: 35px 40px 0px 0px;}
.jpkLjgmSubmit a{ display: block; float:left;}
.jpkLjgmSubmit a.bg1{ height: 55px; background: linear-gradient(90deg, #F6E1B0 0%, #EDC66E 100%); border-radius: 100px; line-height: 55px; padding: 0px 40px; font-weight: bold; color: #593C13; font-size: 18px; text-decoration: none;}
.jpkLjgmSubmit a.bg2{ width: 152px; height: 55px; background: #FD4029; line-height: 55px; text-align: center; overflow: hidden; border-radius: 100px; font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; margin-left:26px;}


/**课程适合谁**/
.jpkKcshsBox{ width:1380px; margin: auto;}
.jpkKcshsTitle{ text-align: center; padding-top:80px;}
.jpkKcshsTitle h2{ font-size: 32px; font-weight:bold; color: #303133;}
.jpkKcshsTitle h2 span{ color: #3377FF;}
.jpkKcshsTitle p{ font-size: 18px; color: #646566; margin-top:25px;}
.jpkKcshsList{ width:1380px; margin: auto;}
.jpkKcshsList li{ float: left; width: 426px; height: 258px; box-sizing: border-box; border: 3px solid #FFFFFF; background: #F9F9FB; border-radius: 16px; box-shadow: 0px 4px 32px 0px rgba(1, 30, 87, 0.06); margin: 60px 0px 0px 50px;}
.jpkKcshsList li span img{ width: 80px; height: 80px; border: 3px solid #ffffff; border-radius:100px; margin: 40px 0px 0px 170px;}
.jpkKcshsList li dl{ width: 315px; margin: auto; margin-top:22px;}
.jpkKcshsList li dl dt{ height: 24px; line-height: 24px; overflow: hidden; font-size: 20px; font-weight: bold; color: #303133; text-align: center;} 
.jpkKcshsList li dl dd{ text-align: center; color: #646566; margin-top:15px;}
.jpkKcshsList li:nth-child(3n+1){ margin-left:0px;}


/**高并发不得不学的三大理由**/
.jpkGbfBox{ width: 100%; background: #FFFFFF; margin-top:80px;}
.jpkGbfIn{ width: 1380px; margin: auto; padding-bottom: 80px;}
.jpkGbfList{ width: 1380px; margin-top:140px;}
.jpkGbfList li{ float: left; width: 435px; position: relative; margin: 0px 0px 0px 37px;}
.jpkGbfList li:nth-child(3n+1){ margin-left:0px;}
.jpkGbfTitle{ width: 403px; position:absolute; left:15px; top:-79px;}
.jpkGbfBg{ width: 403px; height: 79px; line-height: 79px; text-align: center; overflow: hidden; font-size: 24px; font-weight: bold; color: #ffffff; border-radius: 12px 12px 0px 0px;}
.jpkGbfBg1{ background: #5379E4; }
.jpkGbfBg2{ background: #FF9244; }
.jpkGbfBg3{ background: #1BC8B5; }
.jpkGbfIcon1{ width: 0; height: 0; border-right:14px solid transparent; border-left: 14px solid transparent; border-top: 14px solid #5379E4; margin-left:148px;}
.jpkGbfIcon2{ width: 0; height: 0; border-right:14px solid transparent; border-left: 14px solid transparent; border-top: 14px solid #FF9244; margin-left:148px;}
.jpkGbfIcon3{ width: 0; height: 0; border-right:14px solid transparent; border-left: 14px solid transparent; border-top: 14px solid #1BC8B5; margin-left:148px;}
.jpkGbfCont{ width: 435px; height: 218px; background: #ffffff; box-shadow: 0px 4px 32px 0px rgba(1, 30, 87, 0.08); border-radius: 12px;}
.jpkGbfCont p{ width: 356px; margin: auto; font-size: 16px; color: #646566; height: 125px; overflow: hidden; line-height: 25px; padding-top:40px;}
.jpkGbfCont span{ display: block; position:absolute; right:15px; bottom: 0px; font-size: 52px; font-weight: bold; color: #F5F5F5;}
.jpkGbfJian{ width: 34px; height: 24px; background:url(/static/images/jpk/bg8.png) no-repeat -180px -30px; 
    background: image-set(url(/static/images/jpk/bg8.png) 1x, url(/static/images/jpk/bg8-2x.png) 2x)  no-repeat -180px -30px; 
    background: -webkit-image-set(url(/static/images/jpk/bg8.png) 1x, url(/static/images/jpk/bg8-2x.png) 2x) no-repeat -180px -30px; position:absolute; right:-35px; top: -50px;}


/**核心实战项目案例展示**/
.jpkHxszBg{ width: 100%; height: 918px; background: #3075FF;}
.jpkHxszBox{ width: 1380px; margin: auto;}
.jpkKcshsTitle1 h2{ color: #ffffff;}
.jpkKcshsTitle1 p{ color: #ffffff;}
.jpkHxszIn{ width:1380px; height: 606px; background: #ffffff; border-radius: 24px; margin-top:60px;}
.jpkHxszSwiper{ width:1252px;height: 560px;}
.jpkHxszSwiper .swiper-wrapper{ width: 1252px;}
.jpkHxszSwiper .swiper-wrapper .swiper-slide{ width: 1252px; float: left;}
.jpkHxszLeft{ float: left; width: 360px; }
.jpkHxszLeft dl{ margin-top:45px;}
.jpkHxszLeft dl dt{ font-size: 24px; font-weight: bold; color: #3075FF; line-height: 40px; overflow: hidden; height: 40px;}
.jpkHxszLeft dl dt b{ width: 44px; height: 40px; background:url(/static/images/jpk/bg8.png) no-repeat; 
    background: image-set(url(/static/images/jpk/bg8.png) 1x, url(/static/images/jpk/bg8-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/bg8.png) 1x, url(/static/images/jpk/bg8-2x.png) 2x) no-repeat; float: left; margin-right:20px;}
.jpkHxszLeft dl dt b.icon1{ background-position: -230px -30px;}
.jpkHxszLeft dl dt b.icon2{ background-position: -290px -30px;}
.jpkHxszLeft dl dt b.icon3{ background-position: -350px -30px;}
.jpkHxszLeft dl dd{ position: relative; margin-top:20px;}
.jpkHxszLeft dl dd span{ display: block; float: left; width: 14px; height: 14px; background: #3075FF; border: 4px solid #EBF7FF; box-sizing: border-box; border-radius: 100px; position:absolute; left: 20px; top: 10px;}
.jpkHxszLeft dl dd em{ float: left; width: 295px;  font-size: 18px; color: #646566; margin-left:65px; line-height: 30px; display: block;}
.jpkHxszRight{ float: right; width: 664px; height: 442px; margin-top:50px;}
.jpkHxszRight img{ width: 664px; height: 442px;}
.jpkHxszSwiper .swiper-pagination{ width:1252px; bottom:0px; display: flex; align-items: center; justify-content: center;}
.jpkHxszSwiper .swiper-pagination-bullet{ width: 14px; height: 14px; background: #E6E7EB;  border-radius: 100px; opacity: 1;}
.jpkHxszSwiper .swiper-pagination-bullet-active{ background: #3075FF; width: 35px; height: 14px; opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 10px;}


/**你将在该课程中学到什么**/
.jpkNjzgBox{ width: 1380px; margin: auto;}
.jpkNjzgList{ width: 1380px; margin-top:50px;}
.jpkNjzgList li{ width: 439px; float: left; margin: 30px 0px 0px 31px; position:relative;}
.jpkNjzgList li:nth-child(3n+1){ margin-left:0px;}
.jpkNjzgName{ width: 439px; position:relative; }
.jpkNjzgTitle{ width: 439px; height: 88px; background: linear-gradient(315deg, #3F87F4 0%, #005FF5 100%); border-radius: 9px; position:absolute; left: 0px; top: 40px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff; z-index: 10;}
.jpkNjzgBg{ width: 392px; background: #F9F9FB; border: 3px solid #FFFFFF; box-shadow: 0px 4px 32px 0px rgba(1, 30, 87, 0.08);  border-radius: 12px; padding-bottom: 15px; position: relative; margin-left:20px;}
.jpkNjzgCont{  width: 354px; margin: auto; margin-top:130px;}
.jpkNjzgCont p{ padding-top:20px;}
.jpkNjzgCont p span{ display: block; width: 6px; height: 6px;  background: #303133; border-radius: 100px; float: left; margin: 9px 0px 0px 0px;}
.jpkNjzgCont p em{ display: block; float: right; width: 329px; font-size: 18px;}
.jpkZjieBox{ width: 1105px; height: 180px; background: linear-gradient(180deg, #F5F9FF 0%, #FFFFFF 100%); box-shadow: 0px 4px 32px 0px rgba(1, 30, 87, 0.06); border-radius: 12px;  border: 3px solid #FFFFFF; margin-top:30px;}
.jpkZjieList{ width: 1105px;}
.jpkZjieList li{ float: left; width: 100px; height: 100px; background: #F4F7FD; border: 2px solid #CADFFF; box-sizing: border-box; border-radius: 100px; margin: 40px 0px 0px 100px;}
.jpkZjieList li span{ display: block; height: 34px; line-height: 34px; overflow: hidden; font-size: 12px; color: #3075FF; text-align: center; margin-top:18px;}
.jpkZjieList li span em{ font-size: 30px; font-weight: bold; color: #3075FF; }
.jpkZjieList li p{ font-size: 12px; color: #303133; text-align: center; margin-top:10px;}


/**帮助与常见问题反馈**/
.jpkBzycjBg{ width: 100%; background: #ffffff; padding-bottom: 30px; margin-top:80px;}
.jpkBzycjBox{ width: 1380px; margin: auto;}
.jpkBzycjTitle h2{ font-size: 24px; font-weight: bold; color: #333333; padding-top:80px;}
.jpkBzycjBox dl{ width: 1380px; border-bottom: 1px solid #E5E5E5; padding-bottom: 20px; margin-top:30px;} 
.jpkBzycjBox dl dt{ font-size: 17px; color: #1A1A1A; font-weight: bold;} 
.jpkBzycjBox dl dd{ font-size: 15px; color: #646566; line-height: 25px; margin-top:15px;}
.jpkBzycjBox dl:last-child{ border-bottom: none;}


/**畅销套餐**/
.jpkCxtcBox{ width:1380px; margin: auto; margin-top:80px;}
.jpkCxtcTitle{ font-size: 32px; font-weight: bold; color: #333333; text-align: center;}
.jpkCxtcIn{ width: 1380px; margin-top:45px;}
.jpkCxtcLeft{ float: left; width: 280px; height: 287px; border: 2px solid #fd4029; border-radius: 10px; background: #fffbfb; box-sizing: border-box;}
.jpkCxtcLeft dl{ width:250px; margin: auto;}
.jpkCxtcLeft dl dt a{ display: block; height:50px; line-height: 26px; overflow: hidden; font-size:18px; font-weight: bold; margin-top:15px;}
.jpkCxtcLeft dl dd.cont1{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #c6c6c6; text-decoration:line-through; font-weight: bold; margin-top:20px;}
.jpkCxtcLeft dl dd.cont2{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #fd432c; font-weight: bold; margin-top:20px;}
.jpkCxtcLeft dl dd.cont3 a{ display: block; width: 245px; height: 45px; background: #fd4029; line-height: 45px; overflow: hidden; border-radius: 6px; color: #ffffff; text-decoration: none; text-align: center; font-size: 16px; font-weight: bold; margin-top:15px;}
.jpkCxtcLeft dl dd.cont4 a{ display: block; width: 245px; height: 45px; background: #2b6ff6; line-height: 45px; overflow: hidden; border-radius: 6px; color: #ffffff; text-decoration: none; text-align: center; font-size: 16px; font-weight: bold;  margin-top:15px;}
.jpkCxtcRmkc{ float: left; width: 325px; height: 287px; border: 1px solid #eeeeee; background: #ffffff; border-radius: 10px; margin: 0px 0px 0px 41px; position: relative; box-sizing: border-box; }
.jpkCxtcRmkcImg a img{ width: 325px; height: 185px; display: block; border-radius:10px 10px 0px 0px;}
.jpkCxtcRmkc dl{ width: 300px; margin: auto;}
.jpkCxtcRmkc dl dt a{ display: block; height: 50px; line-height:28px; overflow: hidden; margin-top:10px; font-size: 16px;} 
.jpkCxtcRmkc dl dd{ margin-top:10px;}
.jpkCxtcRmkc dl dd span{ display: block; float: left; width: 100px; height: 18px; line-height: 18px; overflow: hidden; color: #fd432c;}
.jpkCxtcRmkc dl dd em{ display: block; float: right; width: 100px; height: 18px; line-height: 18px; overflow: hidden; color: #999999; text-align: right;}
.jpkCxtcRmkcicon{ width: 43px; line-height: 22px; height: 22px; border-radius: 4px; background: linear-gradient(180deg, #f9e2bd 0%, #ecc68a 100%); font-size: 12px; color: #93652a; text-align: center; position:absolute; right: 15px; top: 15px; overflow: hidden;}

 


/*****************************精品课列表*****************************/
/**焦点图**/
.jpFirMiddle{ width:1380px; margin: auto; margin-top:125px; position: relative;}
.jp_banSwiper{ width:1380px;height: 340px; border-radius:11px;}
.jp_banSwiper img{ width:1380px; height: 340px; transition: transform 0.5s; }
.jp_banSwiper li:hover img{ transform:scale(1.1); transition: transform 0.5s; }
.jp_banSwiper .swiper-pagination{ bottom: 20px; display: flex; justify-content: center;}
.jp_banSwiper .swiper-pagination-bullet{ width: 20px; height: 3px; background: #FFFFFF; border-radius: 2px; opacity: 0.2;}
.jp_banSwiper .swiper-pagination-bullet-active{ background: #FFFFFF;  opacity: 1;}
.jp_banSwiper .swiper-button-next{ width: 50px; height: 50px; background:url(/static/images/jpk/hhl-bg14.png) no-repeat -60px -60px; 
    background: image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x)  no-repeat -60px -60px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x) no-repeat -60px -60px; position: absolute; right: 0px; top: 160px;}
.jp_banSwiper .swiper-button-prev{ width: 50px; height: 50px; background:url(/static/images/jpk/hhl-bg14.png) no-repeat 0px -60px; 
        background: image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x)  no-repeat 0px -60px; 
        background: -webkit-image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x) no-repeat 0px -60px; position: absolute; left: 0px; top: 160px;}
.jp_banSwiper .swiper-button-next:hover{ background-position: -180px -60px;}
.jp_banSwiper .swiper-button-prev:hover{ background-position: -120px -60px;}

/**限时折扣**/
.jpXszkBox{ width:1380px; margin: auto; margin-top:35px;}
.jpXszkTitle{ font-size: 22px; font-weight: bold; color: #333333;}
.jpXszkTitle h2{ float: left; font-size: 22px; font-weight: bold; color: #333333;}
.jpXszkTitle a{ display: block; float: right; font-size: 14px; font-weight: normal; margin-top:5px;}
.jpXszkIn{ width:1380px; margin-top:5px;}
.jpXszk_banSwiper{ width:1380px; height:370px;}
.jpXszk_banSwiper .swiper-wrapper{ width: 1380px; }
.jpXszk_banSwiper .swiper-wrapper .swiper-slide{ float: left;}
.jpXszkCont{ width: 253px; height: 313px; background: #ffffff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.06); border-radius: 8px; float: left; position: relative; margin: 20px 0px 0px 28.5px;}
.jpXszkCont:nth-child(5n+1){ margin-left:0px;}
.jpXszkCont a img{ width: 253px; height: 154px; border-radius: 8px 8px 0px 0px;}
.jpXszkCont dl{ width: 217px; margin: auto; margin-top:15px;}
.jpXszkCont dl dt{ line-height: 22px; overflow: hidden; height: 40px;}
.jpXszkCont dl dt span{ display: block; height: 20px; background: #FCE7E0; padding: 0px 5px; border-radius: 2px; float: left; font-size: 12px; line-height: 20px; margin: 0px 5px 0px 0px;} 
.jpXszkCont dl dt span.bg1{ background: #E0E8FC; color: #298AFD;}
.jpXszkCont dl dt span.bg2{ background: #FCE7E0; color: #FD4029;}
.jpXszkCont dl dt span.bg3{ background: #FCF3E0; color: #FB6401;}
.jpXszkCont dl dd.cont1{ margin-top:12px;}
.jpXszkCont dl dd.cont1 p{ float: left; width:100px; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #93999F;}
.jpXszkCont dl dd.cont1 span{ display: block; float: right; width: 80px; font-size: 12px; color: #93999F; display: flex; justify-content: flex-end; height: 16px; line-height: 16px; overflow: hidden;}
.jpXszkCont dl dd.cont1 span a{ display: block; color: #93999F; text-decoration: none;}
.jpXszkCont dl dd.cont1 span a b{ display: block; float: left; background:url(/static/images/jpk/bg1.png) no-repeat; 
    background: image-set(url(/static/images/jpk/bg1.png) 1x, url(/static/images/jpk/bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/bg1.png) 1x, url(/static/images/jpk/bg1-2x.png) 2x) no-repeat; width: 11px; height: 11px; margin: 3px 5px 0px 0px;}
.jpXszkCont dl dd.cont1 span a b.icon1{ background-position: -80px -65px; }
.jpXszkCont dl dd.cont1 span a b.icon2{ background-position: -95px -65px; }
.jpXszkCont dl dd.cont2{ height: 18px; border-radius: 3px; border: 1px solid #FD4029; box-sizing: border-box; line-height: 16px; overflow: hidden; max-width: 187px; display:inline-block; font-size: 10px; color: #FD4029; padding: 0px 5px; margin-top:10px;}
.jpXszkCont dl dd.cont3{ height: 20px; overflow: hidden; position:absolute; left: 15px; bottom:20px; width: 222px;}
.jpXszkCont dl dd.cont3 span{ display: block;}
.jpXszkCont dl dd.cont3 span.left{ float: left;}
.jpXszkCont dl dd.cont3 span.left em{ font-size: 16px; color: #FD432C; display: block; float: left; margin-right:5px;}
.jpXszkCont dl dd.cont3 span.left i{ display: block; float: left; font-size: 12px; color: #93999F; font-style:normal; margin-top:4px; text-decoration: line-through;}
.jpXszkCont dl dd.cont3 span.right1{ float:right; width: 60px; height: 20px;}
.jpXszkCont dl dd.cont3 span.right1 em{ display: block; width: 60px; height: 20px; background: #FCEAC0; border-radius: 2px; font-size: 12px; color: #633B00; line-height: 20px; text-align: center; overflow: hidden;} 
.jpXszkCont dl dd.cont3 span.right2{ float: right;}   
.jpXszkCont dl dd.cont3 span.right2 em{ display: block; float: left; width: 31px; height: 20px; background: #585858; border-radius: 2px 0px 0px 2px; color: #FCEAC0; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center;}
.jpXszkCont dl dd.cont3 span.right2 i{ display: block; float: left; height: 20px; background: #FCEAC0; border-radius: 0px 2px 2px 0px; color: #633B00; font-size: 12px; padding: 0px 5px; font-style: normal; line-height: 20px;}
.jpXszkCont dl dd.cont4{ width: 78px; height: 25px; background: #FD4029; border-radius: 0px 8px 0px 6px; line-height: 25px; overflow: hidden; text-align: center; color: #ffffff; position:absolute;  right: 0px; top: 0px;}
.jpXszk_banSwiper .swiper-button-prev{ width: 32px; height: 87px; background:url(/static/images/jpk/hhl-bg14.png) no-repeat -260px 0px; 
    background: image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x)  no-repeat -260px 0px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x) no-repeat -260px 0px; position:absolute; left: 0px; top: 150px; z-index: 10;}
.jpXszk_banSwiper .swiper-button-next{ width: 32px; height: 87px; background:url(/static/images/jpk/hhl-bg14.png) no-repeat -295px 0px; 
        background: image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x)  no-repeat -295px 0px; 
        background: -webkit-image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x) no-repeat -295px 0px; position:absolute; right: 0px; top: 150px;  z-index: 10;}
.jpXszk_banSwiper .swiper-button-prev:hover{ background-position: -330px 0px;}
.jpXszk_banSwiper .swiper-button-next:hover{ background-position: -365px 0px;}

/**课程列表**/
.jpKclbBox{ width: 1380px; margin: auto; margin-top:20px;}
.jpXszkTitle1{ margin-left:0px;}
.jpKclbName{ width: 1380px; margin-top:25px;}
.jpKclbLeft{ float: left;}
.jpKclbMenu{ float: left;}
.jpKclbMenu li{ float: left; margin-right: 15px;}
.jpKclbMenu li a{ display: block; height: 30px; background: #F7F7F7; border-radius: 4px; padding: 0px 10px; color: #646566; text-decoration: none; line-height: 30px; font-size: 16px;}
.jpKclbMenu li a.hover{ font-weight: bold; color: #ffffff; background: #FD4029;}
.jpKclbVip{ float: left;}
.jpKclbVip a{ display: block; height: 27px;  color: #593C13; text-decoration: none; line-height: 27px; overflow: hidden; width: 135px; background:url(/static/images/jpk/hhl-bg14.png) no-repeat 0px -120px; 
    background: image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x)  no-repeat 0px -120px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x) no-repeat 0px -120px; border-radius:4px;}
.jpKclbVip a b{ display: block; float: left; width: 29px; height: 11px; background:url(/static/images/jpk/hhl-bg14.png) no-repeat -260px -98px; 
    background: image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x)  no-repeat -260px -98px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x) no-repeat -260px -98px; margin: 8px 5px 0px 10px;} 
.jpKclbRight{ float: right; margin-top:5px;}
.jpKclbRight a{ display: block; float: left; margin-left: 30px; text-decoration:none;}
.jpKclbRight a span{ color: #646566; display: block; float: left;}
.jpKclbRight a b{ width: 8px; height: 12px; background:url(/static/images/jpk/hhl-bg14.png) no-repeat; 
    background: image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg14.png) 1x, url(/static/images/jpk/hhl-bg14-2x.png) 2x) no-repeat; display: block; float: left; margin: 4px 0px 0px 5px;}
.jpKclbRight a b.icon1{ background-position: -200px -120px;}
.jpKclbRight a b.icon2{ background-position: -215px -120px;}
.jpKclbRight a b.icon3{ background-position: -230px -120px;}
.jpKclbRight a.hover span{ color: #FD4029; font-weight: bold;}
.jpKclbList{ width: 1380px;}
.jpKclbList .jpXszkCont{ margin-top:25px;}
.kclb .jpXszkCont>a img{width: 253px !important;}
.kclb .jpXszkCont{width: 253px !important;}


/*****************************php推出往期实战特惠*****************************/
/**焦点图**/
.tcJiaoBox{ width: 100%; height: 340px; background:url(/static/images/jpk/hhl-bg15.png) no-repeat center top; 
    background: image-set(url(/static/images/jpk/hhl-bg15.png) 1x, url(/static/images/jpk/hhl-bg15-2x.png) 2x)  no-repeat center top; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg15.png) 1x, url(/static/images/jpk/hhl-bg15-2x.png) 2x) no-repeat center top; margin-top:90px; display: flex; align-items: center; justify-content: center;}
.tcJiaoBox h1{ font-size:80px; font-weight: bold; color: #ffffff;}

/**主体**/
.tcMain{ width: 1380px; margin: auto}
.tcZhibBox{ width: 1380px; height: 400px; background: #FFFFFF;  box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.0400);  border-radius: 12px; margin-top:40px;}
.tcZhibLeft{ float:left; width:392px; height: 400px; background: #FFFFFF; box-shadow: 12px 0px 24px 0px rgba(0,0,0,0.0400); border-radius: 12px 0px 0px 12px;}
.tcZhibLeft dl{ width: 352px; margin: auto;}
.tcZhibLeft dl dt a{ display: block; height: 55px; line-height: 30px; overflow: hidden; font-size: 18px; font-weight: bold; margin-top:30px;}
.tcZhibLeft dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #646566; margin-top:15px;}
.tcZhibLeft dl dd.cont2{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #969799; text-decoration:line-through; margin-top:30px;}
.tcZhibLeft dl dd.cont3{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color:#FD4029; font-weight: bold; margin-top:20px;}
.tcZhibLeft dl dd.cont4{ margin-top:20px; background: #FFFFFF; box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1200); border-radius: 6px; float: left; height: 37px; overflow: hidden; max-width: 352px;}
.tcZhibLeft dl dd.cont4 span{ display: block; float: left; width: 57px; height: 37px; background: #FD4029;  border-radius: 6px 0px 0px 6px; font-size: 16px; color: #ffffff; font-weight: bold; line-height: 37px; text-align: center; overflow: hidden;}
.tcZhibLeft dl dd.cont4 em{ display: block; float: left; line-height: 37px; line-height: 37px; overflow: hidden; font-size: 18px; font-weight: bold; color: #FD4029; padding: 0px 10px;}
.tcZhibLeft dl dd.cont5 a{ display: block; width: 352px; height: 40px;  background: rgba(253, 64, 41, 0.1); border-radius: 6px; line-height: 40px; text-align: center; overflow: hidden; font-size: 16px; color: #FD4029; text-decoration: none; margin-top:60px;}
.tcZhibLeft dl dd.cont5 a:hover{ background: #FD4029; color: #ffffff;}  
.tcZhibRight{ float: right; width: 988px;}
.tcZhibRight li{ float: left; margin: 15px 0px 0px 41px;} 
.tcZhibRight li .jpXszkCont{ height: 335px; width: 275px;}
.tcZhibRight li .jpXszkCont a img{ width: 275px; height: 170px;}
.tcZhibRight li .jpXszkCont dl{ margin-top:15px; width: 245px;}
.tcZhibRight li .jpXszkCont dl dd.cont3{ bottom: 15px; height: 28px; overflow: hidden; width: 250px;}
.jpXszkCont dl dd.cont3 span.right3 a{ display: block; float: right; width: 80px; height: 28px; border-radius: 16px; border: 1px solid #E6E7EB; box-sizing: border-box; line-height: 26px; text-align: center; color: #303133; text-decoration:none; font-size: 12px; overflow: hidden;}
.jpXszkCont dl dd.cont3 span.right3 a:hover{ background: #FD4029; color: #ffffff; border: 1px solid #FD4029;}




/*****************************讲师招募*****************************/
/**全图**/
.jsZhaoBg{ width: 100%; height: 411px; background:url(/static/images/jpk/hhl-bg16.png) no-repeat center top; 
    background: image-set(url(/static/images/jpk/hhl-bg16.png) 1x, url(/static/images/jpk/hhl-bg16-2x.png) 2x)  no-repeat center top; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg16.png) 1x, url(/static/images/jpk/hhl-bg16-2x.png) 2x) no-repeat center top; margin-top:90px;}
.jsZhaoIn{ width: 1380px; margin: auto;} 
.jsZhaoIn h1{ font-size: 60px; font-weight:bold; color:#ffffff; text-align: center; padding-top:100px; line-height: 100px;}
.jsRhcwBox{ width: 1380px; margin: auto; margin-top:100px;}
.jsRhcwIn{display: flex; justify-content: center; align-items: center;}
.jsRhcwIn span{ display: block; width: 71px; height: 18px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat; margin-top:2px;}
.jsRhcwIn span.bg1{ background-position: 0px 0px;}
.jsRhcwIn span.bg2{ background-position: -90px 0px;}
.jsRhcwIn h2{ font-size: 32px; font-weight: bold; color: #333333; margin: 0px 20px;}
.jsRhcwTitle p{ text-align: center; font-size: 18px; color: #333333; margin-top:20px;}
.jsRhcwList{ width: 1380px; margin-top:40px;}
.jsRhcwList li{ float: left;}
.jsRhcwCont{ width:200px;}
.jsRhcwCont span{ display: block; width: 72px; height: 72px;  background:url(/static/images/jpk/hhl-bg17.png) no-repeat; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat; margin: auto;}
.jsRhcwCont span.icon1{ background-position: 0px -30px;}
.jsRhcwCont span.icon2{ background-position: -90px -30px;}
.jsRhcwCont span.icon3{ background-position: -180px -30px;}
.jsRhcwCont span.icon4{ background-position: -270px -30px;}
.jsRhcwCont span.icon5{ background-position: 0px -110px;}
.jsRhcwCont dl{ text-align: center; margin-top:20px;}
.jsRhcwCont dl dt{ height: 28px; line-height: 28px; overflow: hidden; font-size: 24px; font-weight: bold; color: #333333;}
.jsRhcwCont dl dd{ margin-top:15px; font-size: 16px; color: #333333; line-height: 25px;}
.jsRhcwMsg{ width: 14px; height: 24px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat -100px -120px; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat -100px -120px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat -100px -120px; margin:30px 36px 0px 36px;}
.jsSqrzBox{ width: 1380px; display: flex; align-items: center; justify-content: center; margin-top:60px;}
.jsSqrzBox a{ text-decoration: none; margin:0px 20px 0px 20px;}
.jsSqrzBox a.bg1{ width: 232px; height: 60px; background: #FD4029; border-radius: 12px; display: block; display: flex; align-items: center; justify-content: center;}
.jsSqrzBox a.bg2{ width: 232px;  height: 60px; border-radius: 12px; border: 1px solid #C8CACC; display: block; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.jsSqrzBox a.bg1 span{ display: block; float: left; font-size: 22px; color: #ffffff;}
.jsSqrzBox a.bg1 em{ display: block; width:9px; height: 16px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat -130px -120px; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat -130px -120px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat -130px -120px; margin: 0px 0px 0px 10px;}
.jsSqrzBox a.bg2 span{ display: block; float: left; font-size: 22px; color: #333333;}
.jsSqrzBox a.bg2 em{ display: block; width:9px; height: 16px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat -150px -120px; 
        background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat -150px -120px; 
        background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat -150px -120px; margin: 0px 0px 0px 10px;}
.jsMacBox{ float: left; width: 670px; border: 1px solid #E6E7EB; border-radius: 24px; padding-bottom: 20px; margin: 50px 0px 0px 0px;}
.jsMacTitle{ width: 560px; margin: auto; padding-top: 25px;}
.jsMacTitle span{ display: block; width: 79px; height: 79px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat;}
.jsMacTitle span.bg1{ background-position: 0px -195px;}
.jsMacTitle span.bg2{ background-position: -95px -195px;}
.jsMacTitle h2{ font-size: 24px; font-weight: bold; color: #333333; margin-top:15px;}
.jsMacList{ width: 568px; margin: auto; padding-top: 10px;}
.jsMacList li{ border-bottom: 1px  dashed #E6E7EB; padding-bottom: 20px; margin-top:20px;}
.jsMacList li b{ display: block; float:left; width: 6px; height: 6px; background: #303133; border-radius: 100px; margin-top:10px;}
.jsMacList li a{ display: block; float: right; width: 540px; height: 24px; line-height: 24px; overflow: hidden; font-size: 20px;}
.jsMacList li:last-child{ border-bottom: none;}





/*****************************文章列表*****************************/
.wzLbBox{ width: 970px; padding-left: 183px;margin:  0 auto;min-height: 580px; }
.wzLbTitle{ width: 970px; height: 45px; border-bottom: 1px solid #F3F3F3;}
.wzLbMenu{ float: left;}
.wzLbMenu li{ float: left; margin: 0px 35px 0px 0px;}
.wzLbMenu li a{ display: block; color: #303133; text-decoration: none; height: 45px; line-height: 33px;} 
.wzLbMenu li a.hover{ height:43px; border-bottom:3px solid #FD4029;}
.wzLbTitle span a{ display: block; float: right; width: 86px; height: 34px; background: #FD4029; border-radius: 4px; line-height: 34px; overflow: hidden; color: #ffffff; text-decoration: none; text-align: center; font-weight: bold;}
.wzLbList{ width: 970px;}
.wzLbList li{ border-bottom: 1px solid #F3F3F3; padding-bottom:20px; margin-top:20px;}
.wzLbName{ width: 970px; height: 24px; overflow: hidden;}
.wzLbName span{ display: block; float: left; height: 24px; background: rgba(253,64,41,0.15); border-radius: 2px; padding: 0px 6px; line-height: 24px; color: #FD4029; margin: 0px 10px 0px 0px;}
.wzLbName a{ display: block; float: left; width: 780px; height: 24px; line-height: 24px; overflow: hidden; font-weight: bold;} 
.wzLbName em{ display: block; float: right; color: #969799;} 
.wzLbName em b{ display: block; float: left; width: 14px; height: 14px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat -190px -200px; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat -190px -200px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat -190px -200px; margin: 2px 5px 0px 0px;}
.wzLbIn{ width: 970px; margin-top:15px;} 
.wzLbIn a img{ display: block; float: left; width: 150px; height: 88px;}
.wzLbIn span{ display: block; float:right; width: 800px; height: 80px;  line-height: 25px; color: #646566; margin-top:5px; overflow: hidden;}
.wzLbCont{ width: 970px; margin-top:15px;}
.wzLbLeft{ float: left; margin-top:8px;}
.wzLbLeft span{ display: block; float: left; color: #969799; margin: 0px 30px 0px 0px; font-size: 13px;}
.wzLbLeft span em{ color: #646566;}
.wzLbRight{ float: right;}
.wzLbRight a{ display: block; width: 68px; height: 28px; border-radius: 4px; border: 1px solid #E6E7EB; float: left; box-sizing: border-box; line-height: 28px; text-align: center; color: #303133; text-decoration: none; font-size: 12px; margin: 0px 0px 0px 15px;}
.wzLbRight a:hover{ border: 1px solid #FD4029; color:#FD4029;} 

/**发布文章**/
.wzFbBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed;}
.wzFbBox{ width:520px; height:480px; background: #FFFFFF; position:absolute; left: 50%; top: 50%; margin-left:-260px; margin-top:-240px; }
.wzFbTitle{ width: 472px; margin: auto; height: 35px; border-bottom: 1px solid #F3F3F3; font-size: 18px; font-weight: bold; color: #303133; margin-top:25px;}
.wzFbList{ width:405px; margin: auto;}
.wzFbList li{ margin-top:20px;}
.wzFbName{ float: left; width: 70px; height: 35px; line-height: 35px; overflow: hidden; text-align: right; color: #303133;}
.wzFbImg{ float: left;  margin: 0px 0px 0px 15px;}
.wzFbImg img{ width: 146px; height: 80px;}
.wzFbImg p{ font-size: 12px; color: #B7B7B7; font-size: 12px; margin-top:15px;} 
.wzFbSelect{ float: left; margin: 0px 0px 0px 15px;}
.wzFbSelect select{ width: 320px; height: 35px; border: none; border: 2px solid #E5E6EB; outline:none; color: #333333;}
.wzFbsrBox{ width: 320px; margin:15px 0px 0px 85px;}
.wzFbsrBox input.text1{ float: left; width: 81px;height: 35px; border: 2px solid #E5E6EB; padding-left: 5px; font-size: 12px; line-height: 35px; outline: none;}  
.wzFbsrBox input::placeholder{ color: #C8CACC; }
.wzFbsrBox span{ display: block; float: left; font-size: 12px; color: #646566; margin:10px 0px 0px 10px;}
.wzFbsrBox span em{ color: #B7B7B7;}
.wzFbSubmit{ width: 405px; display: flex; justify-content: center; align-items: center; padding-top:20px;} 
.wzFbSubmit input.submit1{ background: none; border: none; width: 88px; height: 36px; border-radius: 4px; border: 1px solid #F11717; font-size: 14px; color: #F11717; cursor: pointer;} 
.wzFbSubmit input.submit2{ background: none; border: none; width: 88px; height: 36px; border-radius: 4px; border: 1px solid #F11717; font-size: 14px; color: #ffffff; cursor: pointer; background: #F11717; margin: 0px 0px 0px 20px;}
.wzWeitBox{ margin-top:15px;}
.wzWeitBox b{ display: block; float: left; width: 14px; height: 14px;  background:url(/static/images/jpk/hhl-bg17.png) no-repeat -310px -150px; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat -310px -150px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat -310px -150px; margin: 2px 5px 0px 0px;}
.wzWeitBox span{ display: block; float: left; font-size: 12px; color: #FD4029;}





/*****************************文章付费*****************************/
/**左边**/
.weLeft{ float: left; width: 1030px;}
.weBox{ width: 1030px; background: #ffffff; padding-bottom: 30px; border-radius: 12px;}
.weVsTitle{ width: 1030px; border-bottom: 1px solid #F3F3F3; padding-bottom:20px; padding-top: 20px;}
.weVsTitle h1{ width: 990px; margin:auto; font-size: 28px; font-weight: bold; color: #303133; line-height: 30px;}
.weVsIn{ width: 990px; margin: auto; margin-top:20px;}
.weVsLeft{ float: left; width: 680px;}
.weVsLeft img{ float: left; width: 40px; height: 40px; border-radius: 100px;}
.weVsLeft dl{ float: right; width: 630px;}
.weVsLeft dl dt{ font-weight: bold; color: #646566; height: 18px; line-height: 18px; overflow: hidden;}
.weVsLeft dl dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #969799; margin-top:5px;}  
.weVsRight{ float: right; margin-top:25px;}
.weVsRight em{ display: block; float: left; font-size: 12px; color: #969799; margin: 0px 15px 0px 0px;}
.weVsRight em b{ display: block; float: left; width: 20px; height: 15px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat; margin: 0px 5px 0px 0px;}
.weVsRight em b.icon1{ background-position: -220px -200px;}
.weVsRight em b.icon2{ background-position: -250px -200px;}
.weVsCont{ width: 990px; margin: auto; position:relative; margin-top:15px;min-height: 450px;}
.weVsContIn{ line-height: 40px; font-size: 20px; color: #303133;  overflow: hidden; }
.weVsContIn p{ line-height: 40px; font-size: 20px; color: #303133; margin: 15px 0px 0px 0px;}
.weVsContIn h2{ font-weight: bold; font-size: 24px; color: #303133; margin-top:15px;}
.weVsContIn img{ max-width: 990px; margin: auto; margin: 20px 0px;}
.weVsContBg{ width: 990px; height: 248px; background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #FFFFFF 100%); position:absolute; left: 0px; bottom: 0px;top: 200px;}
.weVsContBg b{ display: block; width: 38px; height: 38px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat -190px -120px;  
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat -190px -120px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat -190px -120px; margin:70px 0px 0px 380px;}
.weVsContBg  a{ display: block; width: 142px; height: 48px; background: #FD4029; border-radius: 8px; line-height: 48px; text-align: center; overflow: hidden; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: bold; margin: 20px 0px 0px 420px;} 
.wePhpBox{ width: 990px; margin: auto; margin-top:30px;}
.wePhpLeft{ float: left; width: 630px; height: 34px; overflow: hidden; }
.wePhpLeft a{ display: block; float:left; height: 34px; line-height: 34px; padding: 0px 10px; overflow: hidden; background: #F7F7F7; color: #646566; text-decoration: none; margin: 0px 10px 0px 0px; border-radius: 4px;}
.wePhpLeft a:hover{ background: #FD4029; color: #ffffff;}
.wePhpRight{ float: right;}
.wePhpRight em{ display: block; float: left; color: #8A91A0; text-decoration: none; margin: 5px 0px 0px 20px;}
.wePhpRight em a{ display: block; color: #8A91A0; text-decoration: none;}
.wePhpRight em a b{ display: block; width: 16px; height: 16px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat;  
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat; float: left; margin: 0px 5px 0px 0px;}
.wePhpRight em a b.icon1{ background-position: -280px -200px;}
.wePhpRight em a b.icon2{ background-position: -305px -200px;}
.wePhpRight em a b.icon3{ background-position: -330px -200px;}
.wePhpRight em a b.icon4{ background-position: -360px -200px;}
.wePhpRight em a:hover b.icon1{ background-position: -280px -230px;}
.wePhpRight em a:hover b.icon2{ background-position: -305px -230px;}
.wePhpRight em a:hover b.icon3{ background-position: -330px -230px;}
.wePhpRight em a:hover b.icon4{ background-position: -360px -230px;}
.wePhpRight em a:hover{ color:#FD4029 ;}
.wePhpRight em a.tubiao1 b.icon1{ background-position: -280px -230px;}
.wePhpRight em a.tubiao1 b.icon2{ background-position: -305px -230px;}
.wePhpRight em a.tubiao1{ color:#FD4029 ;}



/**右边**/
.weRight{ float: right; width: 330px;} 
.wePxrBox{ width: 330px; background: #ffffff; border-radius: 12px; padding-bottom: 20px;}
.wePxrIn{ width: 300px; margin: auto; padding-top: 20px;}
.wePxrIn span a img{ display: block; width: 60px; height: 60px; border-radius: 100px; float: left;}
.wePxrIn dl{ float: left; width: 150px; margin: 5px 0px 0px 15px;}
.wePxrIn dl dt a{ display: block;  height: 16px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden;}
.wePxrIn dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #969799; margin-top:10px;}
.wePxrIn em a{ display: block; float: right; width: 67px; height: 30px;border-radius: 4px;border: 1px solid #FD4029; line-height: 30px; overflow: hidden; text-align: center; color:#FD4029; text-decoration: none; margin-top:12px;}
.wePxrIn em a:hover{ background: #FD4029; color: #ffffff;}
.wePxrTitle{ width: 290px; margin: auto; display:flex; justify-content: center; align-items: center; margin-top:20px;}
.wePxrTitle span{ display: block; float: left; width: 88px; height: 1px; background: #000000; opacity: 0.08;}
.wePxrTitle h2{ float: left; font-size: 14px; color: #303133; margin: 0px 25px 0px 25px;}
.wePxrList{ width: 290px; margin:auto;}
.wePxrList li{ margin-top:20px;}
.wePxrList li a{ display: block; font-size: 16px; line-height: 22px;} 
.wePxrList li p{margin-top:10px;}
.wePxrList li p span{ display: block; float: left; width: 145px; height: 18px; line-height: 18px; overflow: hidden;  color: #A3A3A3;}
.wePxrList li p em{ display: block; float: right; width: 145px; height: 18px; line-height: 18px; overflow: hidden;  color: #A3A3A3; text-align: right;}
.wzWzmlBox{ width: 330px; background: #ffffff; border-radius: 12px; margin-top:30px; padding-bottom: 20px;} 
.wzWzmlTitle{ width: 290px; font-size: 18px; font-weight:bold; color: #303133;  padding-top:15px; margin: auto;}
.wzWzmlListIn{ width: 330px; max-height: 370px; margin-top:15px;}
.wzWzmlList{ width: 330px;}
.wzWzmlList li{ margin-top:18px;}
.wzWzmlList li b{ display: block; float: left; width: 16px; height: 5px; background: #ffffff; margin: 5px 20px 0px 0px;}
.wzWzmlList li:hover b{ background: #FD4029;}
.wzWzmlList li a{ display: block; width: 200px; height: 18px; line-height: 18px; overflow: hidden; color: #333333; text-decoration: none;white-space: nowrap;text-overflow: ellipsis;}
.wzWzmlList li:hover a{ color:#FD4029 ;}


/**侧导航**/
.xiCdhBox{ width:64px; background: #ffffff; box-shadow: -4px 4px 6px 4px rgba(0, 0, 0, 0.03); border-radius: 6px 0px 0px 12px; position:absolute; right:0px; top:40%; position:fixed; z-index:99; }
.xiCdhList{ width: 48px; margin: auto;}
.xiCdhList li{ width: 48px; height: 85px; border-top: 2px solid #EBEBEB; overflow: hidden;}
.xiCdhList li a{ display: block; width: 48px; height: 85px; text-decoration: none;}
.xiCdhList li a b{ display: block; width: 26px; height: 26px; background:url(/static/images/jpk/hhl-bg11.png) no-repeat; 
    background: image-set(url(/static/images/jpk/hhl-bg11.png) 1x, url(/static/images/jpk/hhl-bg11-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg11.png) 1x, url(/static/images/jpk/hhl-bg11-2x.png) 2x) no-repeat; margin: 20px 0px 0px 10px;}
.xiCdhList li a b.icon4{ background-position: -250px -70px;}
.xiCdhList li a b.icon5{ background-position: -280px -70px;}
.xiCdhList li a b.icon3{ background-position: -280px -210px;}
.xiCdhList li a p{ font-size: 12px; color: #646566; margin-top:8px; text-align: center;}
.xiCdhList li a:hover b.icon5{ background-position: -310px -70px;}
.xiCdhList li a:hover b.icon3{ background-position: -280px -250px;}
.xiCdhList li a:hover p{ color: #FD4029;}
.xiFanhui{ display: none;}
.xiCdhList li:first-child{ border-top:none;}
.xiCdhList li a.color p{ color: #FD4029;}



/**打赏**/
.wzDasBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
.wzDasBox{ width:430px; background: #FFFFFF; position:absolute; left: 50%; top: 35%; margin-left:-215px; padding-bottom: 30px; border-radius: 12px;}
.wzDasGuan{ width: 16px; height: 16px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat -255px -125px; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat -255px -125px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat -255px -125px; margin:20px 0px 0px 20px;} 
.wzDasTitle{ text-align: center; font-size: 18px; font-weight: bold; color: #303133; margin-top:20px;}
.wzDasIn{ display:flex; justify-content: center; align-items: center; margin-top:20px;} 
.wzDasIn a{ display: block; float: left; width: 68px; height: 38px; border-radius: 4px; border: 1px solid #E6E7EB; line-height: 38px; text-align: center; overflow: hidden; color: #646566; text-decoration: none; margin:0px 10px 0px 10px;}
.wzDasIn a.hover{ height: 38px; background: rgba(253,64,41,0.08); border: 1px solid #FD4029; color: #FD4029;}
.wzDasIn a.color{ color: #C8CACC; border: 1px solid #E6E7EB;}
.wzDasCheck{ margin-top:20px; display:flex; justify-content: center; align-items: center; }
.wzDasCheck span{ display: block; float: left; font-size: 16px; color: #646566; margin: 0px 10px 0px 10px;}
.wzDasJia{ text-align: center; font-size: 16px; color: #646566; margin-top:20px;}
.wzDasJia span{ color: #FD4029;}
.wzDasCode{ width: 204px; margin: auto; margin-top:20px;}
.wzDasCode img{ width: 204px; height: 204px; border: 1px solid #eeeeee; box-sizing: border-box;} 
.wzDasCode p{ font-size: 16px; color: #646566; margin-top:15px;}





/*****************************文章详情*****************************/
.vswzmain{ width: 1380px; margin: auto; margin-top:120px;}
.vswzSize{ width: 1380px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #999999;}

/**左边**/
.vswzLeft{ float: left; width: 258px}
.vswzXxljBox{ width: 258px; padding-bottom: 20px; margin-top:20px; padding-top: 20px; border-radius: 12px;}
.vswzXxljIn{ width:258px; margin: auto;}
.vswzXxljTitle h2{ float: left; font-size: 18px; font-weight: bold; color: #303133;} 
.vswzXxljTitle em a{ display: block; float: right; margin-top:5px;}
.vswzXxljList{ width: 258px; padding-top: 5px;}
.vswzXxljList li{ border-bottom: 1px dashed #E6E7EB; padding-bottom: 15px; margin-top:15px;}
.vswzXxljCont{ width: 258px;}
.vswzXxljCont a img{ display: block; float: left; width: 76px; height: 76px; border-radius: 4px;}
.vswzXxljCont dl{ float: right; width: 170px;}
.vswzXxljCont dl dt a{ display: block; height: 18px; line-height: 18px; overflow: hidden; font-weight: bold;}
.vswzXxljCont dl dd{ height: 55px; overflow: hidden; line-height: 18px; font-size: 12px; color: #969799; margin-top:5px;}
.vswzXxljMsg{ width: 213px; margin-top:15px; height: 16px; overflow: hidden;}
.vswzXxljMsg span{ display: block; float: left; font-size: 12px; color: #969799;}
.vswzXxljMsg em{ display: block; float: right; font-size: 12px; color:#969799;}
.vswzXxljMsg em b{ display: block; float: left; width: 12px; height: 14px; background:url(/static/images/jpk/hhl-bg11.png) no-repeat -340px 0px; 
    background: image-set(url(/static/images/jpk/hhl-bg11.png) 1x, url(/static/images/jpk/hhl-bg11-2x.png) 2x)  no-repeat -340px 0px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg11.png) 1x, url(/static/images/jpk/hhl-bg11-2x.png) 2x) no-repeat -340px 0px; margin: 0px 5px 0px 0px;}
.vswzXxljList li:last-child{ border-bottom:none; padding-bottom: 0px;}
.vswzXxljMenu li{ float: left; font-size: 18px; color: #303133; margin: 0px 30px 0px 0px; cursor: pointer;}
.vswzXxljMenu li.current{ font-weight: bold; color: #FD4029;}
.vswzRmwzList{ width: 258px; padding-top: 5px;}
.vswzRmwzList li{ border-bottom: 1px dashed #E6E7EB; padding-bottom: 15px; margin-top:15px;}
.vswzRmwzList li a{ display: block; height: 18px; line-height: 18px; overflow: hidden;}
.vswzRmwzList li p{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color:#969799; margin-top:8px;} 
.vswzRmbqBox{ width: 258px; padding-top:10px; } 
.vswzRmbqBox a{ display: block; float: left; height: 34px; background: #F7F7F7; line-height: 34px; padding: 0px 14px; border-radius: 4px; margin: 10px 10px 0px 0px; color: #646566; text-decoration: none;} 
.vswzRmbqBox a:hover{ background: #FD4029; color: #ffffff;}
.wzWzmlBox1{ width: 258px; } 
.wzWzmlBox1 .wzWzmlTitle{ width: 218px; margin: inherit;}
.wzWzmlBox1 .wzWzmlListIn{ width: 258px; }
.wzWzmlBox1 .wzWzmlList{ width: 258px;}
.wzWzmlBox1 .wzWzmlList li a{ width: 128px; }



/**中间**/
.vswzMiddle{ float: left; width: 804px; margin: 0px 0px 0px 30px;} 
.vswzCodeBox{ width:804px; background: #ffffff; padding-bottom:30px; margin-top:30px; border-radius: 12px;}
.vswzCodeTitle{ width: 804px; border-bottom: 1px solid #eeeeee; padding-top:20px; padding-bottom: 20px;}
.vswzCodeTitle h1{ font-size: 28px; font-weight: bold; color: #303133; width: 802px; margin: auto;}
.vswzCodeMsg{ width: 804px; margin: auto; margin-top:20px; height: 32px; overflow: hidden;}
.vswzCodeLeft{ float: left; width: 550px; height: 24px; overflow: hidden;}
.vswzCodeLeft dl{ float: left; margin: 0px 20px 0px 0px;}
.vswzCodeLeft dl dt{ float: left; width: 24px; height: 24px; margin: 0px 15px 0px 0px;}
.vswzCodeLeft dl dt img{ width: 24px; height: 24px; border-radius: 100px; }
.vswzCodeLeft dl dd{ float: left;}
.vswzCodeLeft dl dd p{ float: left; font-size: 15px; color: #646566; margin-top:2px;}
.vswzCodeLeft dl dd span{ display: block; float:left; height: 24px; line-height: 24px; width: 44px; text-align: center; border-radius: 2px; margin: 0px 0px 0px 15px;}
.vswzCodeLeft dl dd span.bg1{ background: rgba(253,64,41,0.15); color: #FD4029;} 
.vswzCodeLeft dl dd span.bg2{ background: #F5F5F5; color: #646566;}
.vswzCodeLeft em{ display: block; float: left; color: #969799; margin-top:2px;}
.vswzCodeLeft i{ display: block; float: left; font-style:normal; color: #E6E7EB; margin: 2px 15px 0px 15px;}
.vswzCodeLeft em b{ display: block; float: left; width: 20px; height: 15px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat; 
        background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat; 
        background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat; margin: 3px 5px 0px 0px;}
.vswzCodeLeft em b.icon1{ background-position: -220px -200px;}
.vswzCodeLeft em b.icon2{ background-position: -250px -200px;}
.vswzCodeRight{ float: right; height: 32px; overflow: hidden;}
.vswzCodeRight a{ display: block; border: 1px solid #FD4029; color: #FD4029; text-decoration: none; height: 30px; float: left; padding: 0px 10px; line-height: 30px; border-radius: 4px; margin: 0px 0px 0px 20px;} 
.vswzCodeRight a.hover{ background:#FD4029; color: #ffffff;}
.vswzCodeIn{ width: 804px; margin: auto; margin-top:20px; }
.vswzCodeTi{ width: 804px; height: 192px; background:#F7F8FA; border-left: 4px solid #CCCCCC; }
.vswzCodeTi p{ width: 760px; margin: auto; font-size: 20px; color: #303133; line-height:40px; height: 170px; overflow: hidden; padding-top:20px;}
.vswzCodeCont{ font-size: 20px; color: #303133; line-height: 40px; width: 804px; margin-top:30px;}
.vswzCodeCont img{  max-width: 804px;}
.vswzCodeImg{ text-align: center;}
.vswzCodeCont p{ font-size: 20px; color: #303133; line-height: 40px; margin-top:30px;}
.vswzCodeCont h2{ font-weight: bold; margin-top:30px; font-size: 24px;}
.vswzPhpBox{ width: 804px; margin: auto; margin-top:20px;}
.vswzPhpLeft{ float: left; width: 600px; height: 34px; overflow: hidden;}
.vswzPhpLeft a{ display: block; float: left; height: 34px; background: #F7F7F7; line-height: 34px; padding: 0px 14px; border-radius: 4px; margin: 0px 10px 0px 0px; color: #646566; text-decoration: none;}
.vswzPhpLeft a:hover{ background: #FD4029; color: #ffffff;}
.vswzPhpRight{ float: right;}
.vswzPhpRight a{ display: block; float: left; width: 72px; height: 34px; border-radius: 4px; margin: 0px 0px 0px 15px;}
.vswzPhpRight a.bg1{ width: 70px; height: 32px; border: 1px solid #00B44B; color: #00B44B; text-decoration: none; display: flex; align-items: center; justify-content: center;} 
.vswzPhpRight a b{ display: block; float: left; background:url(/static/images/jpk/hhl-bg17.png) no-repeat; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat; width: 16px; height: 16px; margin: 0px 5px 0px 0px;}
.vswzPhpRight a.bg1 b{ background-position: -285px -120px;}
.vswzPhpRight a.bg2{ width: 70px; height: 32px; border: 1px solid #008AFF; color: #008AFF; text-decoration: none; display: flex; align-items: center; justify-content: center;} 
.vswzPhpRight a.bg2 b{ background-position: -310px -120px;}
.vswzPhpRight a:hover.bg1 b{ background-position: -335px -120px;}
.vswzPhpRight a:hover.bg2 b{ background-position: -360px -120px;}
.vswzPhpRight a:hover.bg1{ background: #00B44B; color: #ffffff;}
.vswzPhpRight a:hover.bg2{ background: #008AFF; color: #ffffff;}
.vswzSheng{ width: 804px; margin: auto; display:flex; align-items: center; justify-content: center; margin-top:30px;}
.vswzSheng span{ display: block; float: left; width: 355px; height: 1px; background: #000000; opacity: 0.08;}
.vswzSheng h2{ float: left; margin: 0px 25px 0px 25px; font-size: 16px; color: #FD4029;}
.vswzShengMsg{ width: 802px; margin: auto; text-align: center; font-size: 18px; color: #303133; margin-top:20px;}
.vswzShengMsg a{ color: #FD4029;}
.vswzShang{ width: 802px; margin: auto; margin-top:25px;}
.vswzShang a{ display: block; float: left; width: 375px; height: 43px; padding: 0px 10px; background: #F7F7F7; line-height: 43px; overflow: hidden; margin: 0px 0px 0px 12px; text-align: center; border-radius: 2px;}
.vswzShang a:nth-child(2n+1){ margin-left:0px;}
.vswzXgtjBox{ width: 804px; background: #ffffff; padding-bottom:30px; margin-top:20px; border-radius: 12px; padding-top: 20px;}
.vswzXgtjIn{ width: 804px; margin: auto;}
.vswzXgtjList{ width: 804px; padding-top: 5px;}
.vswzXgtjList li{ border-bottom:1px dashed #E6E7EB; padding-bottom: 15px; margin-top:15px;}
.vswzXgtjList li a img{ display: block; width: 102px; height: 102px; border-radius: 2px; float:left;}
.vswzXgtjList li dl{ float: right; width: 680px; } 
.vswzXgtjList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold;}  
.vswzXgtjList li dl dd.cont1{ height: 40px;  line-height: 20px; overflow: hidden; color: #7D7E80; margin-top:10px;}
.vswzXgtjList li dl dd.cont2{ margin-top:10px;}
.vswzXgtjList li dl dd.cont2 em{  display: block; float: left; color: #969799; margin-top:2px;}
.vswzXgtjList li dl dd.cont2 em b{ display: block; float: left; width: 20px; height: 15px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat; margin: 3px 5px 0px 0px;}
.vswzXgtjList li dl dd.cont2 em b.icon1{ background-position: -220px -200px;}
.vswzXgtjList li dl dd.cont2 em b.icon2{ background-position: -250px -200px;}
.vswzXgtjList li dl dd.cont2 span{ display: block; float: left; color: #E6E7EB; margin: 0px 15px 0px 15px;}
.vswzXgtjList li:last-child{ border-bottom: none; padding-bottom: 0px;}
.vswzXgtjLBg{ width: 804px; background: #F7F7F7; border-radius: 8px; margin-top:30px; padding: 10px 0px 0px 0px;}
.vswzXgtjLCont{ width: 804px;}
.vswzXgtjLCont li em{ float: left; width: 365px; border-bottom: 1px solid #eeeeee; padding-bottom: 15px; margin: 15px 0px 0px 23px; display: block;}
.vswzXgtjLCont li em b{ display: block; float: left; width: 14px; height: 14px; background:url(/static/images/jpk/hhl-bg17.png) no-repeat -285px -150px; 
    background: image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x)  no-repeat -285px -150px; 
    background: -webkit-image-set(url(/static/images/jpk/hhl-bg17.png) 1x, url(/static/images/jpk/hhl-bg17-2x.png) 2x) no-repeat -285px -150px; margin: 3px 10px 0px 0px;}
.vswzXgtjLCont li em a{ display: block; float: left; width: 250px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.vswzXgtjLCont li em span{ display: block; float: right; width:80px; height: 20px; line-height: 20px; overflow: hidden; color: #969799; text-align: right;} 
.vswzXgtjLCont li.line em{ border-bottom: none;}
.vswzXgkcList{ width: 804px;}
.vswzXgkcList li{ float: left; width: 254px; height: 260px; background: #FFFFFF;  border-radius: 8px;border: 1px solid rgba(0,0,0,0.08); margin: 20px 0px 0px 17px;}
.vswzXgkcList li a img{ display: block; width: 254px; height: 145px; border-radius: 8px 8px 0px 0px;}
.vswzXgkcList li dl{ width:230px; margin: auto; margin-top: 18px;}
.vswzXgkcList li dl dt a{ display: block; height: 45px; line-height: 22px; overflow: hidden; font-size: 16px;}
.vswzXgkcList li dl dd{ margin-top:15px;}
.vswzXgkcList li dl dd span{ display: block;  float: left; width: 100px; height: 17px; line-height: 17px; overflow: hidden; font-size: 13px; color: #B7B7B7;}
.vswzXgkcList li dl dd em{ display: block;  float: right; width: 130px; height: 17px; line-height: 17px; overflow: hidden; font-size: 13px; color: #B7B7B7; text-align: right;}
.vswzXgkcList li:nth-child(3n+1){ margin-left:0px;}


/**右边**/
.vswzRight{ float: right; width: 258px;}
.vswzBanner a img{ display: block; width: 258px; height: 600px; margin-top:30px; border-radius: 12px;}
.vswzMarBox{ width:258px; background: #FFFFFF; border-radius: 12px; padding-bottom: 25px; margin-top:20px;}
.vswzMarBox img{ width: 188px; height: 188px; border: 1px solid #eeeeee; padding: 12px; margin:30px 0px 0px 22px;}
.vswzMarBox  p{ font-size: 18px; font-weight: bold; color: #303133; text-align: center; margin-top:20px; line-height: 25px;}
.vswzXsrwBox{ background: #FFFFFF; border-radius: 12px; padding-bottom: 25px; margin-top:20px; padding-top: 20px;}
.vswzXsrwIn{ width: 258px; margin: auto;}
.vswzXsrwList{ width: 258px; padding-top: 5px;}
.vswzXsrwList li{ border-bottom: 1px dashed #E6E7EB; padding-bottom: 15px; margin-top: 15px;} 
.vswzXsrwList li dl dt a{ display: block; float: left; max-height: 40px; overflow: hidden; line-height: 20px; width: 180px; }
.vswzXsrwList li dl dt span{ display: block; width: 70px; height:20px; line-height: 20px; overflow: hidden; font-size: 16px; float: right; font-weight: bold; color: #FD4029; text-align: right;}
.vswzXsrwList li:last-child{ border-bottom: none; padding-bottom: 0px;}
.vswzXsrwList li dl dd{ font-size: 12px; color: #999999; height: 16px; line-height: 16px; overflow: hidden;}
.vswzTu a img{ display: block; width: 258px; height: 151px; border-radius: 12px; margin-top:20px;}
.vswzTjkcBox{ width: 258px; margin-top:20px;}
.hHuiyBox1{ width: 258px; margin-top:20px;}
.mjpKclbMenu1{ width: 258px;padding: 0px 0px 0px 0px;}
.mjpKclbMenu1 li{ float:left; margin: 0px 5px 0px 5px; height: 30px; background: #F7F7F7; border-radius: 4px; line-height: 28px; padding: 0px 15px; color: #646566; text-decoration: none; cursor: pointer;}
.mjpKclbMenu1 li.current{ background: #FD4029; color: #ffffff; font-weight: bold;}
.mjpKclbMenu1 li:first-child{ margin-left:0px;}
.mjpKclbList1{ width:258px; padding-top: 5px;}
.mjpKclbList1 li{ border-bottom: 1px dashed #E6E7EB; padding-bottom: 15px; margin-top:15px;}
.mjpKclbList1 li span.img{ display: block; width: 80px; height: 70px; position: relative; float: left;}
.mjpKclbList1 li span.img img{ width: 80px; height: 70px; border-radius: 6px;}
.mjpKclbList1 li span.img p{ width: 56px; height: 20px; background: #FD4029; border-radius: 0px 6px 0px 6px; line-height: 20px; text-align: center; overflow: hidden; font-size: 12px; color: #ffffff; position:absolute; right: 0px; top: 0px;}
.mjpKclbList1 li dl{ float: right; width: calc(100% - 90px);}
.mjpKclbList1 li dl dt a{ display: block; height: 18px; line-height: 18px; overflow: hidden;}
.mjpKclbList1 li dl dd{ margin-top:5px; height: 20px; overflow: hidden;}
.mjpKclbList1 li dl dd span.left{ display: block; float: left;}
.mjpKclbList1 li dl dd span.left em{ display: block; float: left; color: #FD432C; font-size: 16px; margin: 0px 5px 0px 0px;}
.mjpKclbList1 li dl dd span.left i{ display: block; float: left; font-style: normal; font-size: 12px; color: #93999F; margin-top:3px; text-decoration: line-through;}
.mjpKclbList1 li dl dd span.right2{ display: block; float: right;}
.mjpKclbList1 li dl dd span.right2 em{ display: block; float: left; width: 29px; height: 20px; background: #585858; border-radius: 2px 0px 0px 2px; color: #FCEAC0; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center;}
.mjpKclbList1 li dl dd span.right2 i{ display: block; float: left; height: 20px; background: #FCEAC0; border-radius: 0px 2px 2px 0px; color: #633B00; font-size: 12px; padding: 0px 4px; font-style: normal; line-height: 20px;}
.mjpKclbList1 li dl dd.cont2{height: 18px; border-radius: 3px; border: 1px solid #FD4029; box-sizing: border-box; line-height: 16px; overflow: hidden; max-width: 187px; display:inline-block; font-size: 12px; color: #FD4029; padding: 0px 5px; margin-top:10px;}