.wrap[data-v-3b6e4bf5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin-top:-50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-index[data-v-3b6e4bf5]{width:1090px}.course-index .headline-box[data-v-3b6e4bf5]{font-family:Ali-Bold;font-size:28px;text-align:center;color:#2e41a1}.course-index .b-left[data-v-3b6e4bf5]{padding-left:10px;border-left:1px solid #d4d5d7}.course-index .modules-L1[data-v-3b6e4bf5]{margin-top:60px}.course-index .modules-L1 .L1-box ul li[data-v-3b6e4bf5]{display:inline-block;width:330px;height:248px;margin-top:50px;margin-right:50px;padding:55px 10px;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;text-align:center;vertical-align:top;border-radius:6px;background-color:#fff;-webkit-box-shadow:2px 6px 14px 2px rgba(231,234,241,.5);box-shadow:2px 6px 14px 2px rgba(231,234,241,.5)}.course-index .modules-L1 .L1-box ul li[data-v-3b6e4bf5]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 9px 16px 0 rgba(219,231,241,.85);box-shadow:0 9px 16px 0 rgba(219,231,241,.85)}.course-index .modules-L1 .L1-box ul li[data-v-3b6e4bf5]:nth-child(3n){margin-right:0}.course-index .modules-L1 .L1-box ul li img[data-v-3b6e4bf5]{width:68px;height:66px}.course-index .modules-L1 .L1-box ul li .title[data-v-3b6e4bf5]{font-family:Ali-Bold;font-size:18px;margin-top:32px;color:#2e41a1}.course-index .modules-L1 .L1-box ul li .num[data-v-3b6e4bf5]{font-size:12px;margin-top:10px;color:#2e41a1}.course-index .modules-L2[data-v-3b6e4bf5]{margin-top:80px}.course-index .modules-L2 .L2-box[data-v-3b6e4bf5]{margin-top:50px}.course-index .modules-L2 .L2-box>.item-box .item[data-v-3b6e4bf5]{display:inline-block;overflow:hidden;width:250px;height:290px;margin-top:40px;margin-right:30px;cursor:pointer;vertical-align:top;border:1px solid #d4d5d7;border-radius:6px;background-color:#fff}.course-index .modules-L2 .L2-box>.item-box .item[data-v-3b6e4bf5]:nth-child(4n){margin-right:0}.course-index .modules-L2 .L2-box>.item-box .item .cover[data-v-3b6e4bf5]{width:100%;height:188px}.course-index .modules-L2 .L2-box>.item-box .item .info[data-v-3b6e4bf5]{padding:15px 10px}.course-index .modules-L2 .L2-box>.item-box .item .info .title[data-v-3b6e4bf5]{height:35px;line-height:19px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;color:#454545}.course-index .modules-L2 .L2-box>.item-box .item .info .by[data-v-3b6e4bf5]{font-size:12px;margin-top:14px;color:#989898}.course-index .modules-L2 .L2-box>.item-box .item .info .price-box[data-v-3b6e4bf5]{display:inline-block;width:60%;margin-top:16px;vertical-align:bottom}.course-index .modules-L2 .L2-box>.item-box .item .info .price-box .price[data-v-3b6e4bf5]{display:inline-block;vertical-align:bottom;color:#dd1210}.course-index .modules-L2 .L2-box>.item-box .item .info .price-box .price span[data-v-3b6e4bf5]{font-family:Ali-Medium;font-size:12px;display:inline-block}.course-index .modules-L2 .L2-box>.item-box .item .info .price-box .price p[data-v-3b6e4bf5]{font-family:Helvetica-Bold;font-size:24px;display:inline-block;margin-left:2px}.course-index .modules-L2 .L2-box>.item-box .item .info .price-box .sale[data-v-3b6e4bf5]{font-size:12px;display:inline-block;vertical-align:middle;color:#6f6f6f}.course-index .modules-L2 .L2-box>.item-box .item .info .time[data-v-3b6e4bf5]{display:inline-block;width:40%;text-align:right;vertical-align:middle}.course-index .modules-L2 .L2-box>.item-box .item .info .time img[data-v-3b6e4bf5]{display:inline-block;width:16px;height:16px;vertical-align:middle}.course-index .modules-L2 .L2-box>.item-box .item .info .time p[data-v-3b6e4bf5]{font-size:12px;display:inline-block;vertical-align:middle;color:#989898}.course-index .modules-L2 .L2-box .page-box[data-v-3b6e4bf5]{padding-top:40px;text-align:center}.course-index .modules-L3[data-v-3b6e4bf5]{margin-top:80px}.course-index .modules-L3 .L3-box[data-v-3b6e4bf5]{margin-top:50px}.course-index .modules-L3 .L3-box ul li[data-v-3b6e4bf5]{position:relative;overflow:hidden;width:100%;margin-top:20px;padding:22px 0 19px;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;border:1px solid #d4d5d7;border-radius:2px;background-color:#fff}.course-index .modules-L3 .L3-box ul li[data-v-3b6e4bf5]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:2px 6px 14px 2px #e7eaf1;box-shadow:2px 6px 14px 2px #e7eaf1}.course-index .modules-L3 .L3-box ul li[data-v-3b6e4bf5]:first-child{margin-top:0}.course-index .modules-L3 .L3-box ul li .sort[data-v-3b6e4bf5]{font-size:12px;position:absolute;top:-10px;left:-92px;width:200px;padding:20px 0 4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);text-align:center;color:#fff;background:#ffbf01;-webkit-box-shadow:0 2px 4px 0 #e7eaf1,inset 0 1px 1px 0 hsla(0,0%,100%,.5);box-shadow:0 2px 4px 0 #e7eaf1,inset 0 1px 1px 0 hsla(0,0%,100%,.5)}.course-index .modules-L3 .L3-box ul li .hot[data-v-3b6e4bf5]{background-color:#ffbf01}.course-index .modules-L3 .L3-box ul li .best[data-v-3b6e4bf5]{background-color:#3550ff}.course-index .modules-L3 .L3-box ul li .left[data-v-3b6e4bf5]{display:inline-block;width:868px;padding-left:50px;vertical-align:middle}.course-index .modules-L3 .L3-box ul li .left .title[data-v-3b6e4bf5]{font-family:Ali-Bold;font-size:18px;color:#454545}.course-index .modules-L3 .L3-box ul li .left .time[data-v-3b6e4bf5]{margin-top:19px}.course-index .modules-L3 .L3-box ul li .left .time span[data-v-3b6e4bf5]{font-size:12px;margin-left:10px;color:#989898}.course-index .modules-L3 .L3-box ul li .left .time span[data-v-3b6e4bf5]:first-child{margin-left:0}.course-index .modules-L3 .L3-box ul li .right[data-v-3b6e4bf5]{display:inline-block;margin:0 50px;vertical-align:middle}.course-index .modules-L3 .L3-box ul li .right p[data-v-3b6e4bf5]{font-size:18px;width:120px;padding:11px 0;text-align:center;color:#989898;border:1px solid #d4d5d7;border-radius:22px}.course-index .modules-L3 .L3-box ul li .right .active[data-v-3b6e4bf5]{color:#fff;border-color:#2e41a1;background-color:#2e41a1}