.course-list-bottom-tab {display: flex;flex-direction: column;}.course-list {margin: 37px auto;width: 100%;max-width: 1400px;display: grid;justify-content: center;grid-template-columns: 1fr 1fr 1fr 1fr;padding: 0;}.breadcrumb {margin-top: 20px;}.breadcrumb a {color: #737373;}.breadcrumb i {color: #50e3c2;margin: 0 10px;}.course-list-li {width: 300px;margin: 0px 10px 40px 10px;border-radius: 24px;overflow: hidden;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);background-color: #ffffff;display: flex;flex-direction: column;justify-content: space-between;min-height: 422px;height: auto;}.course-list-li .course-plan {width: 100%;height: 56px;border-top: solid 1px #e8e8e8;position: relative;font-size: 16px;font-weight: bold;letter-spacing: 2px;color: #20979e;display: flex;align-items: center;padding-left: 17px;cursor: pointer;}.course-plan .hover-circle {width: 70px;height: 70px;border-radius: 50%;border: solid 1.5px #d3eaec;background-color: #fff;position: absolute;right: -5px;bottom: -4px;display: flex;align-items: center;justify-content: center;}.course-plan .hover-circle .active {display: none !important;}.course-plan:hover .hover-circle, .course-plan:hover .hover-circle i {background-color: #8d6dce;color: #fff;border: none;}.course-plan:hover .active {display: block !important;}.course-plan:hover .no-active {display: none !important;}.course-plan .hover-circle i {font-size: 20px;color: #d3eaec;}.result-course-block {padding: 0 20px;}.result-course-block .course-title {font-size: 24px;color: #363d4d;}.course-detail-list li img {margin-right: 15px;}.course-detail-list li {display: flex;align-items: center;margin-bottom: 12px;font-family: PingFangTC;font-size: 16px;color: #4a4a4a;}.result-course-block .course-title {font-weight: 500;font-size: 24px;color: #363d4d;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;margin-top: 19px;margin-bottom: 15px;letter-spacing: -1px;}.btn-green {font-size: 14px;font-weight: 600;letter-spacing: 2px;color: #fff;padding: 10px;background-color: #20979e;border-radius: 21px;}@media (max-width: 1360px) {.course-list-page {width: 90%;}.course-list {width: 100%;max-width: 1400px;display: grid;grid-template-columns: 1fr 1fr 1fr;}}@media (max-width: 960px) {.course-list {display: grid;grid-template-columns: 1fr 1fr;}}@media (max-width: 650px) {.course-list {display: grid;grid-template-columns: 1fr;}.course-list-li {margin: 20px auto;}}