@keyframes el-skeleton-loading-b711b8de{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-b711b8de]{width:1200px;margin:0 auto;display:grid;row-gap:30px;-moz-column-gap:48px;column-gap:48px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.skeleton .item[data-v-b711b8de]{width:264px;height:auto;display:flex;flex-direction:column}.skeleton .item .thumb[data-v-b711b8de]{width:100%;height:198px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-b711b8de 1.4s ease infinite}.skeleton .item .body[data-v-b711b8de]{box-sizing:border-box;width:100%;height:75px;padding:15px}.skeleton .item .body .title[data-v-b711b8de]{width:100px;height:16px;margin-bottom:9px}.skeleton .item .body .info[data-v-b711b8de],.skeleton .item .body .title[data-v-b711b8de]{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-b711b8de 1.4s ease infinite}.skeleton .item .body .info[data-v-b711b8de]{width:60px;height:14px}.content .contanier[data-v-72709fd0]{width:1200px;background:#fff;min-height:500px;margin:0 auto;margin-top:20px;display:grid;row-gap:30px;-moz-column-gap:40px;column-gap:40px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;box-sizing:border-box;padding:50px 30px}.content .contanier .live-course-item[data-v-72709fd0]{width:100%;height:390px;display:flex;cursor:pointer;flex-direction:column;border-radius:8px}.content .contanier .live-course-item[data-v-72709fd0]:hover{box-shadow:0 4px 8px 0 hsla(0,0%,40%,.1)}.content .contanier .live-course-item:hover .live-course-thumb img[data-v-72709fd0]{transform:scale(1.1)}.content .contanier .live-course-item .live-course-thumb[data-v-72709fd0]{width:255px;height:191px;border-radius:8px 8px 0 0;overflow:hidden}.content .contanier .live-course-item .live-course-thumb img[data-v-72709fd0]{width:100%;height:100%;border-radius:8px 8px 0 0;transition:all .5s}.content .contanier .live-course-item .live-course-body[data-v-72709fd0]{position:relative;box-sizing:border-box;width:100%;height:199px;background-color:#fff;border-radius:0 0 8px 8px;padding:15px 13px 0 13px;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea}.content .contanier .live-course-item .live-course-body .live-course-title[data-v-72709fd0]{width:100%;height:44px;float:left;font-size:14px;font-weight:400;color:#333;line-height:22px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px}.content .contanier .live-course-item .live-course-body .live-course-info[data-v-72709fd0]{width:100%;height:30px;float:left;display:flex;align-items:center;justify-content:space-between}.content .contanier .live-course-item .live-course-body .live-course-info .live-course-sub[data-v-72709fd0]{display:flex;flex-direction:row;width:135px;height:30px;font-size:14px;font-weight:400;color:#333;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content .contanier .live-course-item .live-course-body .live-course-info .live-course-sub img[data-v-72709fd0]{width:30px;height:30px;border-radius:50%;margin-right:10px}.content .contanier .live-course-item .live-course-body .live-course-info .live-course-num[data-v-72709fd0]{font-size:14px;font-weight:400;color:#bc6537;line-height:14px;padding:5px 15px;background:linear-gradient(90deg,#fcf4e8,#f8e5cc);border-radius:15px;margin-right:17px}.content .contanier .live-course-item .live-course-body .live-course-charge[data-v-72709fd0]{position:absolute;bottom:-6px;left:-8px;z-index:10;width:138px;height:76px;background-image:url(../img/livebg-play@2x.499a6f20.png);background-size:100% 100%;cursor:pointer}.content .contanier .live-course-item .live-course-body .live-course-charge .charge-text[data-v-72709fd0]{display:inline-block;margin-left:39px;margin-top:29px;font-size:20px;font-weight:600;color:#bc6537;line-height:20px}.content .contanier .live-course-item .live-course-body .live-course-charge .charge-text .unit[data-v-72709fd0]{font-size:14px}.content .contanier .live-course-item .live-course-body .live-course-charge .free-text[data-v-72709fd0]{display:inline-block;margin-left:39px;margin-top:29px;font-size:20px;font-weight:600;color:#bc6537;line-height:20px}.content .contanier .live-course-item .live-course-body .live-course-bottom[data-v-72709fd0]{position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(90deg,#fcf4e8,#f8e5cc);border-radius:0 0 8px 8px}.content .contanier .live-course-item .live-course-body .live-course-bottom span[data-v-72709fd0]{display:inline-block;height:20px;font-size:14px;font-weight:400;color:#333;line-height:20px;margin-top:18px;margin-left:124px}.content #page[data-v-72709fd0]{width:1200px;margin:0 auto;margin-top:70px;display:flex;flex-direction:row;justify-content:center}