.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wordbreak{word-break:break-all;word-wrap:break-word}.getflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.space-around{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around}.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}body{background:#fff}html{height:auto}.header{width:100%;height:120px;background:#F3F5F6}.wrap{width:1152px;margin:0 auto}.head{position:relative;text-align:left;padding-top:21px;box-sizing:border-box}.head .map{line-height:17px;font-size:12px;color:#545C63;font-weight:400}.head .title{font-size:24px;color:#1C1F21;line-height:40px;font-weight:600}.head .desc{line-height:20px;font-size:14px;color:#545C63;font-weight:400}.head .header-favorites{display:none;position:absolute;right:0;top:36px;width:132px;height:48px;background:#F20D0D;border-radius:24px;text-align:center;line-height:48px;color:#FFF;font-size:16px}.head .header-favorites cur i{font-size:21px;color:#fff}.felsnav{height:72px}.felsnav .navbar{border-bottom:1px solid #f3f5f6;overflow:hidden}.felsnav .navbar li{float:left;margin-right:40px;font-size:16px;color:#545C63;font-weight:400;line-height:72px;cursor:pointer}.felsnav .navbar li.on{position:relative;color:#F20D0D;font-weight:700}.felsnav .navbar li.on::after{position:absolute;content:"";bottom:0;left:50%;margin-left:-40px;width:80px;height:4px;background:#F20D0D;border-radius:2px}.stage-modal{padding-top:20px;margin-bottom:60px}.stage-modal .nav-top{border-bottom:1px solid #f3f5f6;padding-bottom:24px;display:flex;overflow:auto}.stage-modal .nav-top .nav-block{display:flex}.stage-modal .nav-top .first-nav{display:inline-block;width:140px;height:32px;background:url(/static/wap/static/img/act/btn-fels-default.png) no-repeat;background-size:cover;text-align:center;line-height:32px;font-size:14px;color:#717A84;cursor:pointer;margin-right:24px;float:left}.stage-modal .nav-top .first-nav.on{background:url(/static/wap/static/img/act/btn-fels-on.png) no-repeat;background-size:cover;color:#FFF}.stage-modal .nav-top .second-nav{font-size:14px;color:#717A84;line-height:32px;cursor:pointer;white-space:nowrap;overflow:auto}.stage-modal .nav-top .second-nav span{margin-right:12px}.stage-modal .nav-top .second-nav span em{font-style:normal;display:inline-block;margin-right:12px}.stage-modal .nav-top .second-nav span.on em{font-size:14px;color:#F20D0D;font-weight:700}.stage-modal .detail-course{padding:12px 0}.stage-modal .detail-course .subtitle{font-size:18px;color:#1C1F21;line-height:40px;font-weight:600;margin-bottom:11px}.stage-modal .more-btn{display:block;text-align:center;font-size:16px;color:#1C1F21;line-height:40px;height:40px;width:100%}.stage-modal .more-btn i{vertical-align:middle;font-size:16px;display:inline-block;margin-top:-3px}.pro-modal{padding-top:21px;margin-bottom:60px}.pro-modal .all-path .pathlist{float:left;width:540px;height:180px;padding:21px 20px;box-sizing:border-box;background:#FFF;border:1px solid #f3f5f6;box-shadow:0 6px 12px 0 rgba(55,55,55,.2);border-radius:8px;margin-right:36px;margin-bottom:36px}.pro-modal .all-path .pathlist:ntn-child(2n){margin-right:0}.pro-modal .all-path .pathlist h3{font-size:21px;color:#1C1F21;line-height:20px;font-weight:600}.pro-modal .all-path .pathlist p{font-size:16px;color:#545C63;font-weight:400;margin-top:16px}.pro-modal .all-path .pathlist .path-btn{float:right;margin-top:22px;width:160px;height:36px;background-image:linear-gradient(-45deg,#f68641 0,#fc291a 100%);border-radius:18px;font-size:16px;color:#FFF;text-align:center;line-height:36px;cursor:pointer}.pro-modal .all-path .tip{font-size:16px;color:#717A84;text-align:center;line-height:40px;margin-bottom:126px}.pro-modal .path-detail-container{background:#FFF;border:1px solid #f3f5f6;border-radius:8px}.pro-modal .path-detail-container .container{padding:21px 0 0;box-sizing:border-box}.pro-modal .path-detail-container .container .detail-top{padding:0 26px;border-bottom:1px solid #f3f5f6;box-sizing:border-box}.pro-modal .path-detail-container .container .detail-top h3{font-size:21px;color:#1C1F21;line-height:20px;font-weight:600;margin-bottom:16px}.pro-modal .path-detail-container .container .detail-top .desc{font-size:16px;color:#545C63;line-height:22px;position:relative}.pro-modal .path-detail-container .container .detail-top .desc span{font-size:16px;color:#37F;position:absolute;right:0;bottom:0;cursor:pointer}.pro-modal .path-detail-container .container .detail-top .detail-sub-nav{margin-top:35px;width:1100px;white-space:nowrap;overflow:auto;padding-bottom:35px}.pro-modal .path-detail-container .container .detail-top .detail-sub-nav span{min-width:100px;height:32px;background:#FFE4E4;border-radius:16px;line-height:32px;font-size:14px;color:#F20D0D;display:inline-block;text-align:center;padding:0 12px;box-sizing:border-box;margin-left:50px;position:relative;cursor:pointer}.pro-modal .path-detail-container .container .detail-top .detail-sub-nav span.on{background-image:linear-gradient(-45deg,#f68641 0,#fc291a 100%);color:#FFF}.pro-modal .path-detail-container .container .detail-top .detail-sub-nav span::before{content:"";width:55px;height:6px;background:#ffe4e4;position:absolute;top:13px;left:-55px}.pro-modal .path-detail-container .container .detail-course{padding:20px 17px 0}.pro-modal .path-detail-container .container .detail-course .subtitle{font-size:18px;color:#1C1F21;line-height:40px;font-weight:600;margin-bottom:11px}.pro-modal .path-detail-container .container .detail-course .wrap-path{margin-bottom:30px;text-align:center;font-size:16px;color:#1C1F21;cursor:pointer}.felscontainer{width:1152px;margin:0 auto;min-height:680px}.felscontainer .label{display:flex;flex-wrap:wrap}.felscontainer .label span{display:inline-block;min-width:80px;height:24px;padding:0 12px;box-sizing:border-box;line-height:24px;text-align:center;background:#F3F5F6;font-size:12px;color:#9199A1;border-radius:12px;margin:0 4px 6px 0}.course-container .course-list{display:flex;flex-direction:row;flex-wrap:wrap}.course-container .course-list .course-card{position:relative;width:270px;height:270px;background:#FFF;box-shadow:0 6px 12px 0 rgba(55,55,55,.2);border-radius:8px;margin-bottom:24px;transition:all .2s;margin-right:24px}.course-container .course-list .course-card.detail-course-card{margin-right:12px}.course-container .course-list .course-card:nth-child(4n){margin-right:0}.course-container .course-list .course-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95,101,105,.1)}.course-container .course-list .course-card .jpicon{background:url(/static/wap/static/img/act/jpicon.png) no-repeat center top;background-size:cover;width:60px;height:25px;position:absolute;right:0;top:0}.course-container .course-list .course-card .img{height:152px;background:no-repeat center / cover;margin-bottom:8px;border-radius:8px 8px 0 0;overflow:hidden}.course-container .course-list .course-card .course-con{padding:0 8px}.course-container .course-list .course-card .title{font-size:14px;color:#545C63;line-height:20px;height:40px;margin-bottom:8px}.course-container .course-list .course-card .title.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topice-modal{margin-top:19px}.topice-modal .tnav{height:32px;overflow:hidden;margin-bottom:28px}.topice-modal .tnav li{float:left;height:32px;min-width:80px;text-align:center;background:#F3F5F6;border-radius:4px;padding:0 12px;line-height:32px;font-size:14px;color:#717A84;margin-right:12px;box-sizing:border-box;cursor:pointer}.topice-modal .tnav li:last-child{margin-right:0}.topice-modal .tnav li.on{background:#F3F5F6;background-image:linear-gradient(-45deg,#f68641 0,#fc291a 100%);color:#FFF}.jxread-modal{position:relative;margin-top:18px;overflow:hidden;padding-bottom:35px}.jxread-modal .qrcode{position:absolute;right:0;top:0;width:160px;height:200px;background:#FFF;box-shadow:0 6px 12px 0 rgba(55,55,55,.2);border-radius:8px;text-align:center;padding-top:10px;box-sizing:border-box}.jxread-modal .qrcode p{font-size:12px;color:#545C63;line-height:16px}.jxread-modal .qrcode .felsqrcode{background:url(/static/wap/static/img/act/qrcode.jpg) no-repeat;background-size:cover;width:138px;height:133px;margin:12px auto 0}.jxread-modal .read-list .read-card{float:left;width:460px;height:140px;margin:0 24px 16px 0;background:#FFF;border:1px solid #f3f5f6;border-radius:8px;padding:18px 20px;box-sizing:border-box}.jxread-modal .read-list .read-card:hover{box-shadow:0 6px 12px 0 rgba(55,55,55,.2)}.jxread-modal .read-list .read-card .authorhead{width:66px;height:66px;border-radius:8px;float:left}.jxread-modal .read-list .read-card .read-con{margin-left:80px}.jxread-modal .read-list .read-card .read-con .title{font-size:14px;color:#1C1F21;font-weight:600;height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.jxread-modal .read-list .read-card .read-con .author{margin-top:8px;font-size:12px;color:#9199A1}.jxread-modal .more-btn{display:block;text-align:center;font-size:16px;color:#1C1F21;line-height:40px;height:40px;width:944px}.jxread-modal .more-btn i{vertical-align:middle;font-size:16px;display:inline-block;margin-top:-3px}.cir-modal{padding-top:18px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.stage-modal .nav-top{overflow:hidden}.stage-modal .nav-top .second-nav{max-width:500px}}