.courcetitle{background:#fff}.courcetitle .classtitle{width:1140px;height:50px;line-height:50px;margin:auto;font-size:16px}.courcetitle .classtitle i{margin-right:16px;color:#00c7bf}#mycourceinfo{width:1140px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px;margin-top:16px}#mycourceinfo .mark1:after{position:absolute;bottom:0;height:5px;width:5px;content:"";background:#fff;border-radius:50%}#mycourceinfo .mycource_list{width:796px}#mycourceinfo .mycource_list .classinfo_list{background:#fff}#mycourceinfo .mycource_list .classinfo_list .selectedBarTitleFixed{position:fixed;top:49px;z-index:99}#mycourceinfo .mycource_list .classinfo_list .classinfo_nav{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;background:#f8f9f9}#mycourceinfo .mycource_list .classinfo_list .classinfo_nav .classstate{line-height:40px;font-size:14px;color:#2c2d2e;width:152px;text-align:center;cursor:pointer;border-top:2px solid rgba(3,199,191,0)}#mycourceinfo .mycource_list .classinfo_list .classinfo_nav .check-classstate{background:#fff;border-top:2px solid #03c7bf}#mycourceinfo .mycource_list .classinfo_listall{background:#fff}#mycourceinfo .mycource_list .classinfo_listall .box{-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px 24px 8px 24px}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_down,#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_down{margin-top:16px}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_down .offline-subtitle{word-break:break-all}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_down .class_subject{margin-right:20px;font-size:16px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:303px}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_down .class_desp{color:rgba(44,45,46,.4);height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:283px}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_down .class-facestate{height:30px;border-radius:4px;text-align:center}#mycourceinfo .mycource_list .mycource_list_nav{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;height:156px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px}#mycourceinfo .mycource_list .mycource_list_nav .class_code{width:124px;height:124px;margin-right:16px;background:grey}#mycourceinfo .mycource_list .mycource_list_nav .class_code img{width:124px;height:124px}#mycourceinfo .mycource_list .mycource_list_nav .class_info{width:373px}#mycourceinfo .mycource_list .mycource_list_nav .class_info .qqun{font-size:14px;color:rgba(51,51,51,.8)}#mycourceinfo .mycource_list .mycource_list_nav .class_info .qqun span{font-size:22px}#mycourceinfo .mycource_list .mycource_list_nav .class_info .content_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:23px}#mycourceinfo .mycource_list .mycource_list_nav .class_info .content_list .qqcontent{margin-top:4px}#mycourceinfo .mycource_list .mycource_list_nav .class_info .content_list .qqcontent span{color:rgba(51,51,51,.5)}#mycourceinfo .mycource_list .mycource_list_nav .class_info .qwarn{margin-top:13px;font-size:14px}#mycourceinfo .mycource_list .mycource_list_nav .class_info .qwarn span{font-size:14px;font-weight:600}#mycourceinfo .mycource_list .mycource_list_card{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#mycourceinfo .mycource_list .mycource_list_card .cardlist{width:386px;height:249px}#mycourceinfo .mycource_calendar{width:323px}@media(max-width:375px)and (min-width:320px){#mycourceinfo .mycource_list .classinfo_list{width:375px}#mycourceinfo .mycource_list .mycource_list_nav{padding-left:0;width:375px;height:189px}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_down .class_desp,#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_down .class_subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:101px}}@media(max-width:375px)and (min-width:320px){#mycourceinfo,#mycourceinfo .mycource_list,#mycourceinfo .mycource_list .classinfo_list,#mycourceinfo .mycource_list .classinfo_list .selectedBarTitleFixed{width:100%}#mycourceinfo .mycource_list .classinfo_list .classinfo_nav .classstate{width:50%}#mycourceinfo .mycource_list .classinfo_list .classinfo_listall .box .classinfo_listall_down{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:6px}#mycourceinfo .mycource_calendar{display:none}}@media(max-width:768px)and (min-width:376px){#mycourceinfo,.courcetitle .classtitle{width:755px}#mycourceinfo .mycource_list{width:413px}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#mycourceinfo .mycource_list .classinfo_listall .classinfo_listall_down{margin-top:0}#mycourceinfo .mycource_list .mycource_list_nav{height:193px}#mycourceinfo .mycource_list .mycource_list_nav .mycource_list_navleft div{height:28px;border-bottom:2px solid #00c7bf;margin-right:13px}#mycourceinfo .mycource_list .mycource_list_card{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#mycourceinfo .mycource_list .classinfo_list .classinfo_nav .classstate{width:50%}#mycourceinfo .mycource_list .classinfo_list .selectedBarTitleFixed{width:413px}}@media(max-width:1023px)and (min-width:769px){#mycourceinfo,.courcetitle .classtitle{width:755px}#mycourceinfo .mycource_list{width:431px}#mycourceinfo .mycource_list .mycource_list_nav{height:207px}#mycourceinfo .mycource_list .mycource_list_nav .mycource_list_navleft div{height:28px;border-bottom:2px solid #00c7bf;margin-right:20px}#mycourceinfo .mycource_list .classinfo_list{margin-top:0}}@media(max-width:1372px)and (min-width:1024px){#mycourceinfo{width:999px}#mycourceinfo .mycource_list{width:657px}#mycourceinfo .mycource_list .classinfo_list{margin-top:0}.courcetitle .classtitle{padding-left:17px}}