<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.ke-courses-list-box{width: 100%;height: auto;float: left;margin-bottom: 30px;}
.ke-courses-list-box &gt; .ke-course-item{width: 280px;height: auto;float: left;margin-left: 23.33333px;border-radius: 8px;margin-bottom: 30px;background-color: white;}
.ke-courses-list-box &gt; .ke-course-item:hover{box-shadow: 0 4px 10px 0 rgba(153, 153, 158, .2);}
.ke-courses-list-box &gt; .ke-course-item.first{margin-left: 0;}
.ke-courses-list-box &gt; .ke-course-item &gt; .course-thumb{width: 100%; height: 180px; position: relative;}
.ke-courses-list-box &gt; .ke-course-item &gt; .course-thumb &gt; img{height: 180px; position: absolute; left: 50%; border-top-right-radius: 8px;border-top-left-radius: 8px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);}
.ke-courses-list-box &gt; .ke-course-item &gt; .course-thumb &gt; .type-label{position: absolute;top: 0;right: 0;padding: 5px 10px;background-color: rgba(0, 0, 0, .5);color: white;border-top-right-radius: 8px;border-bottom-left-radius: 8px;}
.ke-courses-list-box &gt; .ke-course-item &gt; .course-title{width: 100%;height: auto;float: left;padding: 10px 15px;font-size: 15px;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333333;}
.ke-courses-list-box &gt; .ke-course-item &gt; .options{width: 100%;height: auto;float: left;display: flex;padding: 5px 10px;}
.ke-courses-list-box &gt; .ke-course-item &gt; .options &gt; .charge{flex: 1;text-align: left;}
.ke-courses-list-box &gt; .ke-course-item &gt; .options &gt; .charge &gt; .now-charge{font-size: 18px;font-weight: 500;line-height: 32px;color: red;}
.ke-courses-list-box &gt; .ke-course-item &gt; .options &gt; .charge &gt; .ori-charge{font-size: 12px;font-weight: normal;line-height: 32px;color: #aaaaaa;text-decoration: line-through;}
.ke-courses-list-box &gt; .ke-course-item &gt; .options &gt; .user-count{flex: 1;text-align: right;font-size: 14px;line-height: 32px;color: rgba(0, 0, 0, .7);}
.paginator-box{width: 100%;height: auto;float: left;margin-bottom: 100px;}
.oto-category-box{width: 100%;height: auto;float: left;background-color: white;border-radius: 8px;padding: 30px;margin-top: 30px;margin-bottom: 30px;box-shadow: 0 4px 10px 0 rgba(153, 153, 158, .2);}
.category-box-item{width: 100%;height: auto;float: left;line-height: 40px;font-size: 14px;}
.category-box-item a{color: #333333;margin-right: 15px;}
.category-box-item a.active{background-color: #0B76DE;color: white;padding: 5px 7px;border-radius: 7px;}
.category-box-item .title{font-weight: 800;}
.category-box-item .title:hover{color: #333333;}
.oto-show-teachers-box{width: 100%;height: auto;float: left;}
.oto-show-teachers-box .oto-show-teacher{display: flex;width: 100%;height: auto;float: left;margin-bottom: 20px;background-color: white;padding: 30px;border-radius: 8px;box-shadow: 0px 4px 10px 0px rgba(153, 153, 158, .2);}
.oto-show-teachers-box .oto-show-teacher .avatar{width: 230px;height: 240px;padding-right: 30px;}
.oto-show-teachers-box .oto-show-teacher .info{flex: 1;}
.oto-show-teachers-box .oto-show-teacher .info .name{width: 100%;height: auto;line-height: 50px;font-weight: 700;font-size: 24px;margin-bottom: 15px;}
.oto-show-teachers-box .oto-show-teacher .info .desc{width: 100%;height: auto;float: left;font-size: 14px;line-height: 24px;color: #333333;}
.no-teacher{margin-top: 30px;margin-bottom: 30px;width: 100%;height: auto;float: left;background-color: white;border-radius: 8px;padding: 30px;text-align: center;font-size: 24px;color: orange;}
.one-to-one-courses-box{width: 100%;height: auto;float: left;margin-top: 30px;margin-bottom: 30px;min-height: 80vh;}
.one-to-one-courses-box .one-to-one-course-item{width: 280px;height: auto;float: left;margin-left: 20px;background-color: white;border-radius: 8px;box-shadow: 0px 4px 10px 0px rgba(153, 153, 158, .2);cursor: pointer;}
.one-to-one-courses-box .one-to-one-course-item.first{margin-left: 0;}
.one-to-one-courses-box .one-to-one-course-item .course-thumb{width: 100%;height: 210px;float: left;}
.one-to-one-courses-box .one-to-one-course-item .course-thumb img{border-top-right-radius: 8px;border-top-left-radius: 8px;}
.one-to-one-courses-box .one-to-one-course-item .course-title{width: 100%;height: auto;float: left;padding-left: 10px;padding-right: 10px;word-break: keep-all;white-space: nowrap;overflow: hidden;line-height: 40px;}
.one-to-one-courses-box .one-to-one-course-item .option{display: flex;width: 100%;height: auto;float: left;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;}
.one-to-one-courses-box .one-to-one-course-item .option .teacher{flex: 1;font-size: 14px;line-height: 36px;}
.one-to-one-courses-box .one-to-one-course-item .option .button{width: 100px;height: 36px;}
.one-to-one-courses-box .one-to-one-course-item .option .button a{display: inline-block;width: 100%;height: 36px;background-color: #0B76DE;color: white;text-align: center;line-height: 36px;}
.one-to-one-courses-box .one-to-one-course-item .option .button a :hover{color: white;}</pre></body></html>