#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:#ffa50d}#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:#ffa50d;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:#ffa50d}html{font-size:10px}@media screen and (max-width:320px){html{font-size:6px}}.vip-class-empty{text-align:center;margin:auto;padding:60px 0}.vip-class-empty-desp{color:rgba(51,51,51,.6);margin-top:30px}html[data-v-37d32cf1]{font-size:10px}@media screen and (max-width:320px){html[data-v-37d32cf1]{font-size:6px}}#vipcard_class[data-v-37d32cf1]{width:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#vipcard_class .green_top[data-v-37d32cf1]{background:url(../img/green_top@2x.81cf247f.png) no-repeat}#vipcard_class .yellow_top[data-v-37d32cf1]{background:url(../img/yellow_top@2x.d7cbee89.png) no-repeat}#vipcard_class .grey_top[data-v-37d32cf1]{background:url(../img/grey_top@2x.b23616ff.png) no-repeat}#vipcard_class .phone_green_top[data-v-37d32cf1]{background:url(../img/phone_green@2x.8c2ff482.png) no-repeat}#vipcard_class .phone_yellow_top[data-v-37d32cf1]{background:url(../img/phone_yellow@2x.3aadece4.png) no-repeat}#vipcard_class .phone_grey_top[data-v-37d32cf1]{background:url(../img/phone_grey@2x.e937da25.png) no-repeat}#vipcard_class .phone_top[data-v-37d32cf1]{height:178px;background-size:cover;background-position:50%}#vipcard_class .green_text[data-v-37d32cf1]{color:#00c7bf}#vipcard_class .yellow_text[data-v-37d32cf1]{color:#ffa50d}#vipcard_class .grey_text[data-v-37d32cf1]{color:rgba(51,51,51,.6)}#vipcard_class .top[data-v-37d32cf1]{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:24px;padding-top:12px;background-size:100% 100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:24px;background-color:#fff;border-radius:4px;height:151px}#vipcard_class .top .card_info[data-v-37d32cf1]{font-size:16px;font-weight:500;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#vipcard_class .top .card_info img[data-v-37d32cf1]{width:20px;height:20px;cursor:pointer;margin-right:16px}#vipcard_class .top .card_info span[data-v-37d32cf1]{font-size:12px;color:rgba(51,51,51,.6);font-weight:400;margin-left:24px}#vipcard_class .top .stage-btn[data-v-37d32cf1]{font-size:13px;font-weight:400;color:#00c7bf;line-height:18px;background:transparent;border-radius:4px;border:1px solid #00c7bf;padding:4px 8px;margin:15px 0 0 34px}#vipcard_class .top .state[data-v-37d32cf1]{float:right;font-size:12px;font-weight:400;padding-top:4px}#vipcard_class .top .state span[data-v-37d32cf1]{font-weight:500}#vipcard_class .top-container[data-v-37d32cf1]{position:relative}#vipcard_class .mycource_list_card[data-v-37d32cf1]{padding-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#vipcard_class .mycource_list_card .cardlist[data-v-37d32cf1]{width:358px;height:249px;margin-bottom:15px}#vipcard_class .mycource_list_card .cardlist[data-v-37d32cf1]:hover{-webkit-transition:.3s;transition:.3s;margin-top:-5px}#vipcard_class .mycource_list_card[data-v-37d32cf1]:after{content:"";height:0;width:369px}#vipcard_class .vipcard-search[data-v-37d32cf1] .el-input__inner{background:#fff;border:none;height:34px;border-radius:32px}@media screen and (min-width:768px){#vipcard_class .vipcard-search[data-v-37d32cf1] .el-input__inner{border-radius:4px;padding-right:66px}}#vipcard_class .vipcard-search[data-v-37d32cf1] .el-input__inner::-webkit-input-placeholder{color:rgba(51,51,51,.6);position:relative;top:-1px}#vipcard_class .vipcard-search[data-v-37d32cf1] .el-input__icon{color:rgba(51,51,51,.24)}#vipcard_class .vipcard-search[data-v-37d32cf1]{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background:transparent;position:absolute;bottom:0;width:100%;padding:0 56px 0 24px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width:300px) and (max-width:767px){#vipcard_class .vipcard-search[data-v-37d32cf1]{padding:12px 16px;margin-bottom:6px}}#vipcard_class .vipcard-search .vipcard-search-button[data-v-37d32cf1]{margin-left:12px;height:32px;padding:5px 26px}@media (min-width:300px) and (max-width:767px){#vipcard_class .vipcard-search .vipcard-search-button[data-v-37d32cf1]{width:64px;border-radius:32px;position:absolute;right:18px;padding:0}}@media (min-width:300px) and (max-width:767px){#vipcard_class[data-v-37d32cf1]{width:100%;min-width:350px}#vipcard_class .phone_top[data-v-37d32cf1]{background-color:#fff}#vipcard_class .phone_top .phone_class[data-v-37d32cf1]{width:343px;margin:auto;padding:16px 0 39px}#vipcard_class .phone_top .phone_class .state[data-v-37d32cf1]{text-align:right;font-weight:500;margin-bottom:-15px}#vipcard_class .phone_top .phone_class .title[data-v-37d32cf1]{font-size:20px;font-weight:500;margin-top:0;width:80%;max-height:54px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}#vipcard_class .phone_top .phone_class .time[data-v-37d32cf1]{font-size:12px;font-weight:400;color:rgba(51,51,51,.6);margin:9px 0 8px}#vipcard_class .phone_top .phone_class .stage-btn[data-v-37d32cf1]{font-size:13px;font-weight:400;color:#00c7bf;line-height:18px;background:transparent;border-radius:4px;border:1px solid #00c7bf;padding:4px 8px;margin:0}#vipcard_class .class_title[data-v-37d32cf1]{text-align:left;font-size:14px;font-weight:500;padding:10px 16px}#vipcard_class .mycource_list_card[data-v-37d32cf1]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#vipcard_class .mycource_list_card .cardlist[data-v-37d32cf1]{width:343px;margin-left:0}}@media (min-width:991px) and (max-width:1169px){#vipcard_class[data-v-37d32cf1]{width:100%}#vipcard_class .mycource_list_card[data-v-37d32cf1]{-ms-flex-pack:distribute;justify-content:space-around}}html[data-v-6d8096cb]{font-size:10px}@media screen and (max-width:320px){html[data-v-6d8096cb]{font-size:6px}}#vip_card[data-v-6d8096cb]{width:100%;margin:auto;border-radius:4px}#vip_card .card_area[data-v-6d8096cb]{padding:34px 0 0 0;background:#fff;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}#vip_card .card_area .card_green_style[data-v-6d8096cb]{background-color:linear-gradient(270deg,rgba(0,199,191,.09),rgba(0,229,225,0));background:url(../img/green_card@2x.ee456fdb.png) no-repeat}#vip_card .card_area .card_green_style .card_state[data-v-6d8096cb]{background:#00c7bf}#vip_card .card_area .card_green_style .card_time .see_course[data-v-6d8096cb]{-webkit-box-shadow:2px 5px 10px 0 rgba(0,199,191,.39);box-shadow:2px 5px 10px 0 rgba(0,199,191,.39);background:#fff;color:#00c7bf}#vip_card .card_area .card_yellow_style[data-v-6d8096cb]{background-color:linear-gradient(121deg,rgba(255,165,13,.1),rgba(255,209,30,0));background:url(../img/yellow_card@2x.52d6ac3a.png) no-repeat}#vip_card .card_area .card_yellow_style .card_state[data-v-6d8096cb]{background:#ffa50d}#vip_card .card_area .card_yellow_style .card_time .see_course[data-v-6d8096cb]{background:#fff;-webkit-box-shadow:2px 5px 10px 0 rgba(255,165,13,.37);box-shadow:2px 5px 10px 0 rgba(255,165,13,.37);color:#ffa50d}#vip_card .card_area .card_grey_style[data-v-6d8096cb]{background-color:rgba(51,51,51,.1);background:url(../img/grey_card@2x.f270470e.png) no-repeat}#vip_card .card_area .card_grey_style .card_state[data-v-6d8096cb]{background:rgba(51,51,51,.3)}#vip_card .card_area .card_grey_style .card_time .see_course[data-v-6d8096cb]{background:rgba(51,51,51,.4);color:hsla(0,0%,100%,.6)}#vip_card .card_area .card_list[data-v-6d8096cb]{width:354px;height:120px;-webkit-box-shadow:0 2px 10px 0 rgba(203,204,206,.27);box-shadow:0 2px 10px 0 rgba(203,204,206,.27);border-radius:8px;padding-bottom:12px;background-size:100% 100%;background-color:#fff;margin:0 0 32px 20px;cursor:pointer;position:relative}#vip_card .card_area .card_list .card_state[data-v-6d8096cb]{width:50px;height:17px;border-radius:4px 0 8px 0;color:#fff;text-align:center;font-size:12px}#vip_card .card_area .card_list .card_title[data-v-6d8096cb]{font-size:19px;width:235px;font-weight:500;color:#333;margin:14px 0 8px 15px;display:-webkit-box!important;-webkit-line-clamp:2!important;overflow:hidden;text-overflow:ellipsis;line-height:24px}#vip_card .card_area .card_list .card_time[data-v-6d8096cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px 0 15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#vip_card .card_area .card_list .card_time span[data-v-6d8096cb]{font-size:12px;font-weight:400;color:rgba(51,51,51,.6)}#vip_card .card_area .card_list .card_time .see_course[data-v-6d8096cb]{padding:5px 11px;font-size:12px;border-radius:16px;position:absolute;right:8px;bottom:12px}#vip_card .card_area .card_list[data-v-6d8096cb]:hover{-webkit-transition:.3s;transition:.3s;margin-top:-5px}#vip_card .card_area[data-v-6d8096cb]:after{content:"";height:0;width:354px}#vip_card .top[data-v-6d8096cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:24px;border-radius:4px 4px 0 0;font-size:16px;font-weight:500;color:#333;height:46px;background:-webkit-gradient(linear,right top,left top,from(rgba(0,199,191,.19)),to(rgba(176,254,184,.25)));background:linear-gradient(270deg,rgba(0,199,191,.19),rgba(176,254,184,.25))}#vip_card .top img[data-v-6d8096cb]{width:20px;height:16px;margin-right:10px}@media (min-width:300px) and (max-width:1024px){#vip_card[data-v-6d8096cb]{width:100%}#vip_card .card_area[data-v-6d8096cb]{padding:16px}#vip_card .card_area .card_list .card_title[data-v-6d8096cb]{margin:11px 0 10px 12px}#vip_card .card_area .card_list .card_time[data-v-6d8096cb]{padding:0 7px 0 12px}#vip_card .card_area .card_list .card_time .see_course[data-v-6d8096cb]{padding:6px 9px}}@media (min-width:300px) and (max-width:747px){#vip_card .card_area .card_list[data-v-6d8096cb]{margin-left:0}}.container[data-v-c7480db2]{padding-top:20px}@media(min-width:300px)and (max-width:767px){.container[data-v-c7480db2]{padding:0;margin-top:0!important}}