[data-v-63ccbcb8] .headerTop,[data-v-63ccbcb8] .headerTop div{background:#fff!important;color:#000!important}[data-v-63ccbcb8] .headerTop div ul,[data-v-63ccbcb8] .headerTop div ul li{color:#000!important}[data-v-63ccbcb8] .headerTop div ul .navclass{color:#039dea!important;border-bottom:2px solid #039dea!important}[data-v-63ccbcb8] .headerTop div select{background:#fff!important;color:#000!important}[data-v-63ccbcb8] .headerTop div .el-icon-search{background:#f6f8f8!important}.courseBox[data-v-63ccbcb8]{width:100%;text-align:left;background-color:#f4f5f7}.courseBox .dataBox[data-v-63ccbcb8]{width:75.25rem;padding-top:2.25rem;margin:0 auto;padding-bottom:4rem}.courseBox .dataBox .screenBox[data-v-63ccbcb8]{margin-top:.65rem;border-radius:.75rem;width:100%;padding-bottom:1.69rem;background-color:#fff;font-style:.88rem}.courseBox .dataBox .screenBox .geadeClass[data-v-63ccbcb8]{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:1.69rem;color:#3b4144;font-size:.88rem}.courseBox .dataBox .screenBox .geadeClass span[data-v-63ccbcb8]{display:inline-block;width:2rem;padding-left:2.25rem;padding-right:1.5rem;font-weight:500}.courseBox .dataBox .screenBox .geadeClass ul[data-v-63ccbcb8]{width:100%;display:flex}.courseBox .dataBox .screenBox .geadeClass ul .gradeActive[data-v-63ccbcb8]{color:#67c4f2}.courseBox .dataBox .screenBox .geadeClass ul li[data-v-63ccbcb8]{margin-left:.75rem;margin-right:.75rem;cursor:pointer}.courseBox .dataBox .screenBox .courseClass[data-v-63ccbcb8]{width:100%;display:flex;align-items:top;padding-top:1rem;color:#3b4144;font-size:.88rem}.courseBox .dataBox .screenBox .courseClass span[data-v-63ccbcb8]{display:inline-block;width:2rem;padding-left:2.25rem;padding-right:1.5rem;font-weight:500}.courseBox .dataBox .screenBox .courseClass ul[data-v-63ccbcb8]{width:100%;display:flex;flex-wrap:wrap}.courseBox .dataBox .screenBox .courseClass ul .courseActive[data-v-63ccbcb8]{color:#67c4f2}.courseBox .dataBox .screenBox .courseClass ul li[data-v-63ccbcb8]{margin-left:.75rem;margin-right:.75rem;cursor:pointer}.courseBox .dataBox .screenBox .sortClass[data-v-63ccbcb8]{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:1rem;color:#3b4144;font-size:.88rem}.courseBox .dataBox .screenBox .sortClass span[data-v-63ccbcb8]{display:inline-block;width:2rem;padding-left:2.25rem;padding-right:1.5rem;font-weight:500}.courseBox .dataBox .screenBox .sortClass ul[data-v-63ccbcb8]{width:100%;display:flex;flex-wrap:wrap}.courseBox .dataBox .screenBox .sortClass ul .sortActive[data-v-63ccbcb8]{color:#67c4f2}.courseBox .dataBox .screenBox .sortClass ul li[data-v-63ccbcb8]{margin-left:.75rem;margin-right:.75rem;cursor:pointer}.courseBox .dataBox .brandBox[data-v-63ccbcb8]{width:100%;box-sizing:border-box;margin-top:1.5rem;padding-left:2rem;display:flex;justify-content:space-between;align-items:flex-start}.courseBox .dataBox .brandBox span[data-v-63ccbcb8]{font-size:1rem;color:#b4babd}.courseBox .dataBox .brandBox .brandActive[data-v-63ccbcb8]{color:#67c4f2}.courseBox .dataBox .brandBox ul[data-v-63ccbcb8]{width:92%;display:flex;height:1.56rem;flex-wrap:wrap;overflow:hidden}.courseBox .dataBox .brandBox ul li[data-v-63ccbcb8]{margin-right:1.5rem;text-align:center;font-size:.88rem;color:#888b8c;cursor:pointer}@keyframes rotate-63ccbcb8{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}@keyframes rotates-63ccbcb8{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.courseBox .dataBox .brandBox .go[data-v-63ccbcb8]{animation:rotates-63ccbcb8 .5s;animation-fill-mode:forwards;-webkit-animation:rotates-63ccbcb8 .5s;-webkit-animation-fill-mode:forwards}.courseBox .dataBox .brandBox .gos[data-v-63ccbcb8]{animation:rotate-63ccbcb8 .5s;animation-fill-mode:forwards;-webkit-animation:rotate-63ccbcb8 .5s;-webkit-animation-fill-mode:forwards}.courseBox .dataBox .brandBox p[data-v-63ccbcb8]{font-size:1.2rem;height:1.56rem;width:.83rem;line-height:1.56rem;transform:rotate(180deg);animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.courseBox .dataBox .brandBox p[data-v-63ccbcb8]:hover{color:#039dea}.courseBox .dataBox .listBox[data-v-63ccbcb8]{width:100%;margin-top:2.3rem}.courseBox .dataBox .listBox .cfx[data-v-63ccbcb8]{width:3rem;height:0;position:relative;top:-11.88rem;right:-3rem;border:9px solid #68ccff;border-left:6px solid transparent}.courseBox .dataBox .listBox .cfx .text[data-v-63ccbcb8]{width:100%;height:auto;text-align:center;position:absolute;right:-.13rem;top:-.75rem;font-size:.75rem;color:#fff}.courseBox .dataBox .listBox ul[data-v-63ccbcb8]:first-child{width:100%}.courseBox .dataBox .listBox ul:first-child li[data-v-63ccbcb8]{width:100%;height:30.75rem;background:#fff;border-radius:.75rem;position:relative;margin-bottom:2rem}.courseBox .dataBox .listBox ul:first-child li .topBox[data-v-63ccbcb8]{display:flex;position:absolute;top:2.13rem;left:2.25rem;z-index:9}.courseBox .dataBox .listBox ul:first-child li .topBox div[data-v-63ccbcb8]:first-child{transition:all .4s ease 0s}.courseBox .dataBox .listBox ul:first-child li .topBox div:first-child img[data-v-63ccbcb8]{width:9.38rem;height:12.5rem;box-shadow:0 .13rem .75rem 0 hsla(0,0%,67.1%,.5);border-radius:.5rem;cursor:pointer}.courseBox .dataBox .listBox ul:first-child li .topBox div[data-v-63ccbcb8]:first-child:hover{transform:scale(1.04)}.courseBox .dataBox .listBox ul:first-child li .topBox div[data-v-63ccbcb8]:nth-child(2){margin-left:2.5rem}.courseBox .dataBox .listBox ul:first-child li .topBox div:nth-child(2) h2[data-v-63ccbcb8]{font-size:1.13rem;font-weight:500;color:#3b4144}.courseBox .dataBox .listBox ul:first-child li .topBox div:nth-child(2) p[data-v-63ccbcb8]{margin-top:1.75rem}.courseBox .dataBox .listBox ul:first-child li .topBox div:nth-child(2) .icon[data-v-63ccbcb8]{color:#999}.courseBox .dataBox .listBox ul:first-child li .topBox div:nth-child(2) .icon span[data-v-63ccbcb8]{font-size:.75rem;margin-right:1.5rem}.courseBox .dataBox .listBox ul:first-child li .topBox div:nth-child(2) .describe[data-v-63ccbcb8]{width:41.25rem;font-size:.88rem;color:#575c5e}.courseBox .dataBox .listBox ul:first-child li .bottomBox[data-v-63ccbcb8]{width:100%;position:absolute;bottom:0}.courseBox .dataBox .listBox ul:first-child li .bottomBox ul[data-v-63ccbcb8]{width:97%;display:flex;margin:0 auto}.courseBox .dataBox .listBox ul:first-child li .bottomBox ul li[data-v-63ccbcb8]{width:12.88rem;height:12.24rem;box-shadow:0 .13rem .75rem 0 hsla(0,0%,80%,.5);border-radius:.25rem;cursor:pointer;transition:all .4s ease 0s;display:flex;flex-direction:column;justify-content:space-between;margin-left:1rem;margin-right:1rem}.courseBox .dataBox .listBox ul:first-child li .bottomBox ul li .cla_name[data-v-63ccbcb8]{width:100%;box-sizing:border-box;padding-left:.6rem;padding-right:.6rem;font-size:.9rem;margin-top:.2rem}.courseBox .dataBox .listBox ul:first-child li .bottomBox ul li img[data-v-63ccbcb8]{width:100%;height:7.25rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.courseBox .dataBox .listBox ul:first-child li .bottomBox ul li .timeBox[data-v-63ccbcb8]{display:flex;justify-content:space-between;font-size:.7rem!important}.courseBox .dataBox .listBox ul:first-child li .bottomBox ul li .timeBox img[data-v-63ccbcb8]{width:.88rem;height:.63rem;background:#fcfdff;margin-right:.2rem}.courseBox .dataBox .listBox ul:first-child li .bottomBox ul li[data-v-63ccbcb8]:hover{transform:scale(1.04);box-shadow:0 10px 20px rgba(0,0,0,.156)}.courseBox .dataBox .listBox ul:first-child li .bottomBox ul li:hover .play[data-v-63ccbcb8]{visibility:visible}.courseBox .dataBox .listBox ul:first-child li .bottomBox ul li .play[data-v-63ccbcb8]{position:absolute;visibility:hidden;top:20%;right:40%;filter:none;background-color:rgba(0,0,0,.35);display:inline-block;width:3.24rem;height:3.24rem;line-height:3.6rem;border-radius:50%;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#76000000,endColorStr=#76000000);color:#fff;font-size:1.88rem;text-align:center;text-decoration:none;text-shadow:0 -1px rgba(0,0,0,.35)}.courseBox .dataBox .block[data-v-63ccbcb8]{width:100%;padding-top:1rem;text-align:center;font-size:.9rem}.courseBox .dataBox .nullClass[data-v-63ccbcb8]{width:100%;text-align:center;position:relative;background:#fff;box-sizing:border-box;padding-top:2rem;margin-top:1.6rem;border-radius:.75rem}.courseBox .dataBox .nullClass p[data-v-63ccbcb8]{color:#5ecbfc;padding-top:1rem;position:absolute;top:3.4rem;left:38%}.courseBox .dataBox .nullClass img[data-v-63ccbcb8]{padding-bottom:6rem}