body,html{background-color:#f5f5f5}.text-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cutoff{height:20px;background-color:#fff}.banner{position:relative}.banner .swiper-container .swiper-slide{text-align:center}.banner .swiper-container .swiper-slide.pc img{width:100%;max-height:500px}.banner .swiper-container .swiper-slide.mobile{display:none}.banner .swiper-container .swiper-slide.mobile img{width:100%;max-height:500px}.banner .login_empty{max-width:1300px;padding:0 15px;margin:0 auto;position:relative}.banner .login_empty .login-status{position:absolute;top:60px;right:15px;width:320px;height:350px;background-color:#fff;border-radius:5px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.banner .login_empty .login-status .title{color:#000;font-size:36px}.banner .login_empty .login-status .avatar{margin:20px 0}.banner .login_empty .login-status .avatar img{width:120px;height:120px;border-radius:50%}.banner .login_empty .login-status .index-login-btn{width:240px;height:60px;border-radius:30px;color:#fff;text-align:center;line-height:60px;background-color:#3f81fa;font-size:24px;cursor:pointer}.my_course{max-width:1300px;padding:0 15px;margin:32px auto 0;display:none}.my_course h1{font-size:30px;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between}.my_course h1 a{font-size:16px}.my_course h1 a.mobile{display:none}.my_course h1 a.pc{display:block}.my_course .mobile_my_course_container,.my_course .my_course_list{display:flex;flex-wrap:wrap;margin-left:-2%}.my_course .mobile_my_course_container .course_item,.my_course .my_course_list .course_item{height:160px;width:31.3%;background-color:#fff;cursor:pointer;margin-left:2%;border-radius:4px}.my_course .mobile_my_course_container .course_item .item_time_label,.my_course .my_course_list .course_item .item_time_label{display:inline-block;width:62px;height:26px;color:#fff;background-color:#999;border-radius:4px;text-align:center;line-height:26px}.my_course .mobile_my_course_container .course_item .item_time_label.active,.my_course .my_course_list .course_item .item_time_label.active{background-color:#3f81fa}.my_course .mobile_my_course_container .course_item .item_desc,.my_course .my_course_list .course_item .item_desc{padding-top:16px;padding-left:20px;padding-right:30px}.my_course .mobile_my_course_container .course_item .item_desc .item_start_time,.my_course .my_course_list .course_item .item_desc .item_start_time{font-weight:700}.my_course .mobile_my_course_container .course_item .item_desc .item_info,.my_course .my_course_list .course_item .item_desc .item_info{display:flex;align-items:center;width:100%;justify-content:space-between}.my_course .mobile_my_course_container .course_item .item_desc .item_info .info_left,.my_course .my_course_list .course_item .item_desc .item_info .info_left{max-width:68%}.my_course .mobile_my_course_container .course_item .item_desc .item_info .info_left h4,.my_course .my_course_list .course_item .item_desc .item_info .info_left h4{font-size:18px;width:100%;margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.my_course .mobile_my_course_container .course_item .item_desc .item_info .info_left span,.my_course .my_course_list .course_item .item_desc .item_info .info_left span{color:#333}.my_course .mobile_my_course_container .course_item .item_desc .item_info .info_right img,.my_course .my_course_list .course_item .item_desc .item_info .info_right img{width:85px;height:85px;border-radius:50%}.my_course .mobile_my_course_container{display:none}.my_course .mobile_my_course_container .course_item{width:100%}.my_course .mobile_my_course_container .course_item .item_desc{padding-top:8px;padding-left:12px;padding-right:18px}.recommend_course{max-width:1300px;padding:0 15px;margin:32px auto 40px}.recommend_course h1{font-size:30px;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between}.recommend_course h1 a{font-size:16px}.recommend_course .re_course_list{display:flex;flex-wrap:wrap;margin-left:-2%}.recommend_course .re_course_list .course_item{width:23%;margin-left:2%;margin-bottom:20px;cursor:pointer}.recommend_course .re_course_list .course_item:hover .course_bg img{transform:scale(1.2)}.recommend_course .re_course_list .course_item:hover .item_desc .item_title{color:#2c5092}.recommend_course .re_course_list .course_item .course_bg{width:100%;overflow:hidden}.recommend_course .re_course_list .course_item .course_bg img{width:100%;height:auto;max-height:200px;border-radius:4px;vertical-align:middle;transition:all .5s linear}.recommend_course .re_course_list .course_item .item_desc{width:100%;height:75px;background-color:#fff;padding:12px 18px}.recommend_course .re_course_list .course_item .item_desc .item_title{font-size:18px;color:#000;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recommend_course .re_course_list .course_item .item_desc span{margin-top:5px;color:#999}@media (max-width:1280px){.banner{margin-top:0}.banner .swiper-container .swiper-slide{text-align:center}.banner .swiper-container .swiper-slide.pc{display:none}.banner .swiper-container .swiper-slide.mobile{display:block}.banner .swiper-container .swiper-slide.mobile img{width:100%;height:463px}.banner .login_empty{display:none}}@media (max-width:970px){.cutoff{display:none}.banner{margin-top:0}.banner .swiper-container .swiper-slide{text-align:center}.banner .swiper-container .swiper-slide.pc{display:none}.banner .swiper-container .swiper-slide.mobile{display:block}.banner .swiper-container .swiper-slide.mobile img{width:100%;height:160px}.banner .login_empty{display:none}.my_course{margin:16px auto 0;padding:0 8px}.my_course h1{font-size:18px;margin-bottom:16px}.my_course h1 a.mobile{display:block}.my_course h1 a.pc{display:none}.my_course .my_course_list{margin-left:0;display:none}.my_course .my_course_list .course_item{width:100%;margin-left:0;margin-bottom:10px;height:130px}.my_course .my_course_list .course_item .item_desc{padding-top:8px;padding-left:12px;padding-right:18px}.my_course .my_course_list .course_item .item_desc .item_start_time{font-weight:400}.my_course .my_course_list .course_item .item_desc .item_info .info_left h4{margin-bottom:4px}.my_course .my_course_list .course_item .item_desc .item_info .info_right img{width:60px;height:60px}.my_course .mobile_my_course_container{display:flex}.my_course .mobile_my_course_container .course_item{height:140px}.my_course .mobile_my_course_container .course_item .item_desc .item_start_time{font-weight:400}.my_course .mobile_my_course_container .course_item .item_desc .item_info .info_left h4{font-size:16px}.my_course .mobile_my_course_container .course_item .item_desc .item_info .info_right img{width:70px;height:70px}.recommend_course{padding:0 8px;margin:16px auto 60px}.recommend_course h1{font-size:18px;margin-bottom:16px}.recommend_course .re_course_list{margin-left:-3%}.recommend_course .re_course_list .course_item{width:47%;margin-left:3%}.recommend_course .re_course_list .course_item .item_desc{height:56px;padding:8px}.recommend_course .re_course_list .course_item .item_desc .item_title{font-size:16px;margin-bottom:1px}}