#class_process_card{background:#fff;height:249px;border-radius:6px;-webkit-box-shadow:0 3px 5px 0 rgba(213,219,227,.37);box-shadow:0 3px 5px 0 rgba(213,219,227,.37);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:41px 24px 24px}#class_process_card .class_process{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 6px 0 0}#class_process_card .class_process .class_process_sum{font-size:12px;font-weight:400;color:rgba(51,51,51,.6);text-align:right;margin-top:7px}#class_process_card .teacher{margin:13px 3px 23px 0;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}#class_process_card .teacher div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:3px}#class_process_card .teacher .teacherimg{width:44px;height:44px;border-radius:50%}#class_process_card .teacher .teachername{margin-top:9px;text-align:center;font-size:12px;font-weight:400;color:rgba(51,51,51,.8);width:48px;height:16px;overflow:hidden}#class_process_card .teacher img{width:48px;height:48px;border-radius:50%}#class_process_card .card_title{text-align:left;height:50px;line-height:25px;font-size:18px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-indent:48px;position:relative}#class_process_card .card_title .stateblue{color:#00c7bf;background:rgba(0,199,191,.1)}#class_process_card .card_title .stateyellow{background:rgba(255,160,0,.1);color:#ffa000}#class_process_card .card_title .stategrey{color:rgba(51,51,51,.4);background:rgba(51,51,51,.04)}#class_process_card .card_title .state_success{text-indent:0}#class_process_card .card_title .state_nostart,#class_process_card .card_title .state_success{width:44px;height:20px;font-size:12px;font-weight:500;border-radius:4px;text-align:center;line-height:20px;position:absolute;top:2px}#class_process_card .card_title .state_nostart{color:#ffa000;background:rgba(255,160,0,.1)}#class_process_card .class_type{width:65px;height:65px;overflow:hidden;position:absolute;top:0;right:0}#class_process_card .class_type .class_ontypeText{color:#333;background-color:rgba(0,199,191,.1);color:#6a6340;color:#00c7bf}#class_process_card .class_type .class_offtypeText,#class_process_card .class_type .class_ontypeText{font:700 15px Sans-Serif;transform:rotate(45deg);text-align:center;position:relative;padding:2px 20px;left:-11px;top:11px;width:100px;font-size:12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}#class_process_card .class_type .class_offtypeText{background-color:rgba(255,160,0,.1);color:#ffa000}#mycource{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}#mycource .mark1:after{position:absolute;bottom:0;height:5px;width:5px;content:"";background:#fff;border-radius:50%}#mycource .mycource_list{width:796px}#mycource .mycource_list .mycource_list_title{height:38px;background:#fff;text-align:right;width:100%;color:rgba(51,51,51,.4);line-height:38px;border-bottom:1px solid rgba(51,51,51,.06);font-size:13px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:24px}#mycource .mycource_list .mycource_list_title span{text-decoration:underline;color:#3f86e8}#mycource .mycource_list .mycource_list_title span a{color:#3f86e8}#mycource .mycource_list .mycource_list_nav{width:100%;height:52px;background:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 26px}#mycource .mycource_list .mycource_list_nav,#mycource .mycource_list .mycource_list_nav .mycource_list_navleft{display:-webkit-box;display:-ms-flexbox;display:flex}#mycource .mycource_list .mycource_list_nav .mycource_list_navleft div{height:28px;border-bottom:2px solid #00c7bf;color:#00c7bf;margin-right:48px;cursor:pointer}#mycource .mycource_list .mycource_list_nav .mycource_list_navright{display:-webkit-box;display:-ms-flexbox;display:flex}#mycource .mycource_list .mycource_list_nav .mycource_list_navright .mycource_list_subject{margin-right:16px}#mycource .mycource_list .mycource_list_nav .mycource_list_navright .mycource_list_state,#mycource .mycource_list .mycource_list_nav .mycource_list_navright .mycource_list_subject{width:84px;height:28px;border-radius:4px;border:1px solid rgba(44,45,46,.3);text-align:center;line-height:28px;color:rgba(51,51,51,.6)}#mycource .mycource_list .mycource_list_card{margin-top:12px;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;width:100%}#mycource .mycource_list .mycource_list_card .cardlist{width:386px;height:249px;margin-bottom:15px}#mycource .mycource_calendar{width:323px}@media(max-width:375px){#mycource .mycource_list{width:413px}#mycource .mycource_list .mycource_list_nav,#mycource .mycource_list .mycource_list_title{width:392px}#mycource .mycource_list .mycource_list_nav .mycource_list_navleft div{height:28px;border-bottom:2px solid #00c7bf;margin-right:13px}#mycource .mycource_list .mycource_list_card{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:373px}#mycource .mycource_calendar{display:none}}@media(max-width:768px)and (min-width:375px){#mycource{width:754px}#mycource .mycource_list{width:413px}#mycource .mycource_list .mycource_list_nav .mycource_list_navleft div{height:28px;border-bottom:2px solid #00c7bf;margin-right:13px}#mycource .mycource_list .mycource_list_card{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#mycource .mycource_calendar{width:323px}}@media(max-width:1023px)and (min-width:769px){#mycource{width:755px}#mycource .mycource_list{width:431px}#mycource .mycource_list .mycource_list_nav .mycource_list_navleft div{height:28px;border-bottom:2px solid #00c7bf;margin-right:20px}}@media(max-width:1372px)and (min-width:1024px){#mycource{width:999px}#mycource .mycource_list{width:657px}#mycource .mycource_list .mycource_list_card .cardlist{width:310px}}