[data-v-5b200657] .sectionBox{width:83px;height:71px;background:url(../img/center.18d6128b.png) no-repeat 50%;background-size:cover;justify-content:center;display:flex;align-items:center;overflow:auto}[data-v-5b200657] .sectionBox .type1{height:50px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:14px;padding:10px}[data-v-5b200657] .sectionBox .type2{font-size:14px;padding:10px}[data-v-5b200657] .courseGraphFirst{width:130px;height:24px;background-size:cover;justify-content:center;display:flex;align-items:center}[data-v-5b200657] .courseGraphFirst p{display:flex;align-items:center;width:130px;border-radius:12px;border:1px solid #78ceff;box-shadow:inset 0 0 15px rgba(62,116,254,.8);font-size:10px}[data-v-5b200657] .courseGraphFirst p .spanBg{display:inline-block;width:24px;height:24px;border-radius:100%;background-color:#3e74fe;border:2px solid #79ceff}[data-v-5b200657] .courseGraphFirst p .maxW{width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-5b200657] .courseGraphSection{width:132px;height:24px;justify-content:center;display:flex;align-items:center}[data-v-5b200657] .courseGraphSection p{display:flex;align-items:center;width:132px;border-radius:12px;border:1px solid #46f9a7;box-shadow:inset 0 0 15px rgba(0,179,97,.8);font-size:10px}[data-v-5b200657] .courseGraphSection p .spanBg{display:inline-block;width:24px;height:24px;border-radius:100%;background-color:#00b361;border:2px solid #46f9a7}[data-v-5b200657] .courseGraphSection p .maxW{width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-5b200657] .courseGraphThree{width:20px;height:20px;box-shadow:0 0 6px #fff;background-color:#ff8400;justify-content:center;display:flex;align-items:center;border-radius:100%;position:relative}[data-v-5b200657] .courseGraphThree p{color:#ff8400;font-size:10px;position:absolute;white-space:nowrap}[data-v-5b200657] .courseGraphThree .left-type{left:30px}[data-v-133c8aa7] .sectionBox{width:130px;height:130px;background:url(../img/center.f5d2d38b.png) no-repeat 50%;background-size:cover;justify-content:center;display:flex;align-items:center;overflow:auto}[data-v-133c8aa7] .sectionBox .type1{height:50px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:16px;padding:10px}[data-v-133c8aa7] .sectionBox .type2{font-size:16px;padding:10px}[data-v-133c8aa7] .courseGraphFirst{width:150px;height:40px;clip-path:polygon(9% 0,77% 0,87% 50%,77% 100%,9% 100%,0 50%);background-color:rgba(11,57,255,.3);display:flex;align-items:center;justify-content:center}[data-v-133c8aa7] .courseGraphFirst p{height:30px;line-height:30px;width:130px;border-radius:10px;clip-path:polygon(8% 0,77% 0,86% 50%,77% 100%,8% 100%,0 50%);background:linear-gradient(180deg,#3ed8fe,#8f95fe);font-size:16px}[data-v-133c8aa7] .courseGraphFirst p .maxW{position:relative;left:-8px;display:inline-block;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-133c8aa7] .courseGraphSection{width:150px;height:40px;clip-path:polygon(9% 0,77% 0,87% 50%,77% 100%,9% 100%,0 50%);background-color:rgba(11,57,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 30px rgba(175,215,255,.8)}[data-v-133c8aa7] .courseGraphSection p{font-size:16px}[data-v-133c8aa7] .courseGraphSection p .maxW{position:relative;left:-7px;display:inline-block;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-133c8aa7] .courseGraphThree{width:20px;height:20px;box-shadow:0 0 6px #fff;justify-content:center;display:flex;align-items:center;border-radius:100%;position:relative}[data-v-133c8aa7] .courseGraphThree p{color:#ff8400;font-size:10px;position:absolute;white-space:nowrap}[data-v-133c8aa7] .courseGraphThree .left-type{left:30px}[data-v-133c8aa7] .courseGraphFour{width:100px;height:70px;display:flex;align-items:center;justify-content:center}[data-v-133c8aa7] .courseGraphFour p{width:100px;height:70px;line-height:70px;box-shadow:inset 0 0 30px rgba(175,215,255,.8);border-radius:50%;border:2px solid #7f90f8;color:#fff;font-size:16px}[data-v-133c8aa7] .courseGraphFour p .maxW{display:inline-block;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-4f640d52] .sectionBox{width:130px;height:130px;background:url(../img/center.f5d2d38b.png) no-repeat 50%;background-size:cover;justify-content:center;display:flex;align-items:center;overflow:auto}[data-v-4f640d52] .sectionBox .type1{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;padding:10px}[data-v-4f640d52] .sectionBox .type2{font-size:16px;padding:10px}[data-v-4f640d52] .courseGraphFirst{width:110px;height:53px;background-color:rgba(11,57,255,.3);border-radius:10px;display:flex;align-items:center;justify-content:center}[data-v-4f640d52] .courseGraphFirst p{height:46px;text-align:center;line-height:46px;width:98px;border-radius:10px;background:linear-gradient(180deg,#3ed8fe,#8f95fe);font-size:16px}[data-v-4f640d52] .courseGraphFirst p .maxW{display:inline-block;width:98px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-4f640d52] .courseGraphSection{width:98px;height:47px;justify-content:center;display:flex;align-items:center}[data-v-4f640d52] .courseGraphSection p{height:47px;line-height:47px;display:flex;align-items:center;width:98px;border-radius:10px;border:1px solid #b7d3ff;box-shadow:inset 0 0 25px rgba(51,149,250,.8);font-size:16px}[data-v-4f640d52] .courseGraphSection p .maxW{width:98px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-4f640d52] .courseGraphThree{width:20px;height:20px;box-shadow:0 0 6px #fff;justify-content:center;display:flex;align-items:center;border-radius:100%;position:relative}[data-v-4f640d52] .courseGraphThree p{color:#ff8400;font-size:10px;position:absolute;white-space:nowrap}[data-v-4f640d52] .courseGraphThree .left-type{left:30px}[data-v-4f640d52] .courseGraphThree .pos{position:absolute;top:-15px;left:-10}[data-v-3e1feb0c] .courseGraphThree1{width:20px;height:20px;box-shadow:0 0 6px #fff;background-color:#f2d427;border:2px solid #f2d427;justify-content:center;display:flex;align-items:center;border-radius:100%;position:relative}[data-v-3e1feb0c] .courseGraphThree1 p{color:#ff8400;font-size:10px;position:absolute;white-space:nowrap}[data-v-3e1feb0c] .courseGraphThree1 .left-type{left:30px}[data-v-3e1feb0c] .sectionBox{width:130px;height:130px;background:url(../img/center.f5d2d38b.png) no-repeat 50%;background-size:cover;justify-content:center;display:flex;align-items:center;overflow:auto}[data-v-3e1feb0c] .sectionBox .type1{height:50px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:16px;padding:10px}[data-v-3e1feb0c] .sectionBox .type2{font-size:16px;padding:10px}[data-v-3e1feb0c] .courseGraphFirst{width:150px;height:40px;clip-path:polygon(9% 0,77% 0,87% 50%,77% 100%,9% 100%,0 50%);background-color:rgba(11,57,255,.3);display:flex;align-items:center;justify-content:center}[data-v-3e1feb0c] .courseGraphFirst p{height:30px;line-height:30px;width:130px;border-radius:10px;clip-path:polygon(8% 0,77% 0,86% 50%,77% 100%,8% 100%,0 50%);background:linear-gradient(180deg,#3ed8fe,#8f95fe);font-size:16px}[data-v-3e1feb0c] .courseGraphFirst p .maxW{position:relative;left:-8px;display:inline-block;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-3e1feb0c] .courseGraphSection{width:150px;height:40px;clip-path:polygon(9% 0,77% 0,87% 50%,77% 100%,9% 100%,0 50%);background-color:rgba(11,57,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 30px rgba(175,215,255,.8)}[data-v-3e1feb0c] .courseGraphSection p{font-size:16px}[data-v-3e1feb0c] .courseGraphSection p .maxW{position:relative;left:-7px;display:inline-block;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-3e1feb0c] .courseGraphThree{width:20px;height:20px;box-shadow:0 0 6px #fff;justify-content:center;display:flex;align-items:center;border-radius:100%;position:relative}[data-v-3e1feb0c] .courseGraphThree p{color:#ff8400;font-size:10px;position:absolute;white-space:nowrap}[data-v-3e1feb0c] .courseGraphThree .left-type{left:30px}[data-v-3e1feb0c] .courseGraphFour{width:100px;height:70px;display:flex;align-items:center;justify-content:center}[data-v-3e1feb0c] .courseGraphFour p{width:100px;height:70px;line-height:70px;background-color:#7f90f8;border-radius:50%;border:2px solid #7f90f8;font-size:16px}[data-v-3e1feb0c] .courseGraphFour p .maxW{display:inline-block;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}