.hide{display:none!important}.show{display:block!important}.pull-left{float:left!important}.pull-right{float:right!important}#wrapper{overflow:auto!important}#user-panel-header .wrapper{width:985px;float:left;margin:25px auto auto 25px}#user-panel-header .main-wrap{width:998px;background-color:#f4f5f7}#user-panel-header .main-wrap .user{*zoom:1;background:#fff;width:998px;height:212px;border-radius:4px;background-size:998px 212px}#user-panel-header .main-wrap .user:before,#user-panel-header .main-wrap .user:after{display:table;content:"";line-height:0}#user-panel-header .main-wrap .user:after{clear:both}#user-panel-header .main-wrap .user .avator{position:relative;width:132px;height:132px;margin:40px 0 40px 34px;float:left}#user-panel-header .main-wrap .user .avator,#user-panel-header .main-wrap .user .avator .wrap,#user-panel-header .main-wrap .user .avator .avatar-icon{border-radius:100%}#user-panel-header .main-wrap .user .avator .wrap{overflow:hidden}#user-panel-header .main-wrap .user .avator .wrap,#user-panel-header .main-wrap .user .avator .avatar-icon{display:block;width:132px;height:132px}#user-panel-header .main-wrap .user .avator .levelIcon{width:66px;height:19px;position:absolute;left:32px;bottom:0}#user-panel-header .main-wrap .user .editInfo{float:left;padding:60px 0 0 24px;text-align:left}#user-panel-header .main-wrap .user .editInfo h2{line-height:30px;font-size:24px;color:#333}#user-panel-header .main-wrap .user .editInfo p{color:#666;line-height:18px}#user-panel-header .main-wrap .user .editInfo p.grade-address-info{padding-top:20px;font-size:14px}#user-panel-header .main-wrap .user .editInfo p.data-box{*zoom:1;padding-top:6px;font-size:14px}#user-panel-header .main-wrap .user .editInfo p.data-box:before,#user-panel-header .main-wrap .user .editInfo p.data-box:after{display:table;content:"";line-height:0}#user-panel-header .main-wrap .user .editInfo p.data-box:after{clear:both}#user-panel-header .main-wrap .user .editInfo p.data-box .data-percent{float:left;height:26px;line-height:26px}#user-panel-header .main-wrap .user .editInfo p.data-box .complete-data{position:relative;width:94px;height:26px;line-height:24px;margin-left:10px;float:left;border:1px solid #ECECEC;border-radius:100px;text-indent:10px;text-decoration:none;color:#666}#user-panel-header .main-wrap .user .editInfo p.data-box .complete-data:hover{color:#666}#user-panel-header .main-wrap .user .editInfo p.data-box .complete-data:after{content:'';display:block;position:absolute;width:6px;height:10px;top:8px;right:10px;background:url(https://web-data.zmlearn.com/image/b8iKbjA7GeXP9QcoWYtgSg/icon_arrowright.png) no-repeat center;background-size:6px 10px}#user-panel-header .main-wrap .user .growth-line{float:left;margin:47px 62px;width:1px;height:120px;background:#F1F3F6}#user-panel-header .main-wrap .user .growth{float:right;margin:40px 140px 27px 0;text-align:center}#user-panel-header .main-wrap .user .growth img{width:50%}#user-panel-header .main-wrap .user .growth .growth-text{font-size:14px;font-weight:500;color:#666}#user-panel-header .main-wrap .user .growth .progress-bg{height:37px;background:url(https://web-data.zmlearn.com/image/R8rXzPXGTrEEDvTcBjaGz/vip_img_ua@2x.png) no-repeat center;background-size:contain}#user-panel-header .main-wrap .user .growth .progress-bg span{font-size:14px;font-weight:400;color:#f33725;line-height:30px}#user-panel-header .main-wrap .user .progress{display:inline-block;margin:5px 0}#user-panel-header .main-wrap .user .progress .level-text{font-size:12px;font-weight:500;color:#999}#user-panel-header .main-wrap .user .progress .progree-box{display:inline-block;width:155px;height:8px;background:#EBEBEB;border-radius:4px;vertical-align:middle;position:relative}#user-panel-header .main-wrap .user .progress .progree-box .progree-task{display:inline-block;background:#F33725;height:8px;border-radius:4px;position:absolute;left:0;top:0}#user-panel-header .main-wrap .user .growth-differ{font-size:14px;color:#666;line-height:21px}#user-panel-header .main-wrap .user .protext{margin-top:43px;text-align:center}#user-panel-header .main-wrap .user .protext span{font-size:14px;color:#666}#user-panel-header .main-wrap .user .growthBox{margin-top:15px;text-align:center}#user-panel-header .main-wrap .user .growthBox a{display:inline-block;width:108px;height:30px;border:1px solid #F54F50;border-radius:18px;font-size:16px;color:#F54F50;text-align:center;line-height:30px;cursor:pointer}#user-panel-header .main-wrap .user .growthBox a:hover{border:1px solid #C9363E;color:#C9363E;text-decoration:none}#user-panel-header .remain-lessons-box{margin-top:12px;padding:20px 20px 29px;border-radius:4px;background-color:#fff;position:relative}#user-panel-header .remain-lessons-box .class-outlay,#user-panel-header .remain-lessons-box .class-outlay2{float:right;font-size:14px;color:#2385EE;text-decoration:none;cursor:pointer}#user-panel-header .remain-lessons-box .remain-lessons-main-title{line-height:18px;padding:6px 8px;border-left:4px solid #F04C52;font-size:18px;color:#666}#user-panel-header .remain-lessons-box .remain-lessons-label-list{*zoom:1;margin-top:26px}#user-panel-header .remain-lessons-box .remain-lessons-label-list:before,#user-panel-header .remain-lessons-box .remain-lessons-label-list:after{display:table;content:"";line-height:0}#user-panel-header .remain-lessons-box .remain-lessons-label-list:after{clear:both}#user-panel-header .remain-lessons-box .remain-lessons-label-list .remain-lessons-label-item{float:left;box-sizing:border-box;height:30px;margin-right:10px;padding:8px 16px;line-height:14px;border-radius:4px;font-size:14px;background:#eee;color:#62657D;cursor:pointer}#user-panel-header .remain-lessons-box .remain-lessons-label-list .remain-lessons-label-item:hover{color:#EF4C4F}#user-panel-header .remain-lessons-box .remain-lessons-label-list .remain-lessons-label-item.active{background:#EF4C4F;color:#FFF}#user-panel-header .remain-lessons-box .remain-lessons-list{margin-top:37px}#user-panel-header .remain-lessons-box .remain-lessons-list .course-list{padding:4px 4px 20px;overflow:hidden}#user-panel-header .remain-lessons-box .remain-lessons-list .course-list .course-list-title{margin-left:10px;font-size:18px;color:#333;font-weight:700}#user-panel-header .remain-lessons-box .remain-lessons-list .course-list .no-course{width:100%;height:250px;background:url(https://web-data.zmlearn.com/image/Y21URvRyAyBj19H5tc51x/no-course.png) no-repeat center;background-size:240px 166px}#user-panel-header .remain-lessons-box .remain-lessons-list .course-list .no-course p{padding-top:200px;text-align:center;font-size:14px;color:#AAADB5}#user-panel-header .remain-lessons-box .course-item{position:relative;margin:7px;padding:16px;width:300px;height:180px;box-sizing:border-box;display:inline-block;border:1px solid #EAEAEA;background:#fff url(https://web-data.zmlearn.com/image/iCs2FWb9tLfygjbf1X9SRD/normal.png) no-repeat right bottom;background-size:70px 107px;box-shadow:0 4px 4px 0 rgba(0,0,0,.02);border-radius:16px}#user-panel-header .remain-lessons-box .course-item.freezed{background:#fff url(https://web-data.zmlearn.com/image/3Z3NmwcrsWaGuXbp5L1t2M/yidongjie.png) no-repeat right bottom;background-size:66px 66px}#user-panel-header .remain-lessons-box .course-item.freezed .course-item-title,#user-panel-header .remain-lessons-box .course-item.freezed .course-item-hour{color:#666}#user-panel-header .remain-lessons-box .course-item.freezed .course-item-line{background:#666}#user-panel-header .remain-lessons-box .course-item .course-item-gift{position:absolute;top:0;right:0;width:40px;height:40px}#user-panel-header .remain-lessons-box .course-item .course-item-title{font-size:20px;color:#333;text-align:left;font-weight:700}#user-panel-header .remain-lessons-box .course-item .course-item-hour{position:absolute;top:20px;right:16px;font-size:16px;color:#333}#user-panel-header .remain-lessons-box .course-item .course-item-amount{position:absolute;right:16px;font-size:14px;color:#999}#user-panel-header .remain-lessons-box .course-item .course-item-line{position:absolute;left:18px;width:15px;height:2px;display:inline-block;background:#333}#user-panel-header .remain-lessons-box .course-item .course-item-bottom{position:absolute;bottom:16px;width:260px}#user-panel-header .remain-lessons-box .course-item .course-item-bottom .course-item-hurry{margin-bottom:5px;padding-left:5px;width:66px;height:22px;display:none;box-sizing:border-box;background:url(https://web-data.zmlearn.com/image/rBuh3qojUxrsfkJ6cGV9om/jijiangguoqi.png) no-repeat center;background-size:66px 22px;font-size:12px;color:#fff;line-height:22px}#user-panel-header .remain-lessons-box .course-item .course-item-bottom .course-item-date{font-size:12px;color:#999}#user-panel-header .remain-lessons-box .course-item .course-item-bottom .course-item-subject{margin-top:5px;font-size:12px;color:#999}#user-panel-header .remain-lessons-box .course-item .course-item-bottom.hurry .course-item-hurry{display:block}#user-panel-header .remain-lessons-box .course-item .course-item-bottom.hurry .course-item-date{color:#EF4C4F}#user-panel-header .remain-lessons-box .group-class{background:#fff url(https://web-data.zmlearn.com/image/84VGPi9SvAFVJJ4oa62uUr/group.png) no-repeat right bottom;background-size:30% 50%}#user-panel-header .remain-lessons-box .jingpinke-item{position:relative;margin:7px;padding:16px;width:300px;height:180px;box-sizing:border-box;display:inline-block;border:1px solid #EAEAEA;background:#fff url(https://web-data.zmlearn.com/image/ueibj9zgWFerxYroLdz1AC/jinpinke.png) no-repeat right bottom;background-size:72px 87px;box-shadow:0 4px 4px 0 rgba(0,0,0,.02);border-radius:16px}#user-panel-header .remain-lessons-box .jingpinke-item .jingpinke-item-title{font-size:20px;color:#333;text-align:left;font-weight:700}#user-panel-header .remain-lessons-box .jingpinke-item .jingpinke-item-amount{position:absolute;top:20px;right:16px;font-size:16px;color:#333}#user-panel-header .remain-lessons-box .jingpinke-item .jingpinke-item-line{position:absolute;left:18px;width:15px;height:2px;display:inline-block;background:#333}#user-panel-header .remain-lessons-box .tiyanke-item{position:relative;margin:7px;padding:16px;width:300px;height:180px;box-sizing:border-box;display:inline-block;border:1px solid #EAEAEA;background:#fff url(https://web-data.zmlearn.com/image/6DN3wuzmYMY9XqDCtBKeBz/tiyanke.png) no-repeat right bottom;background-size:70px 107px;box-shadow:0 4px 4px 0 rgba(0,0,0,.02);border-radius:16px}#user-panel-header .remain-lessons-box .tiyanke-item.expired{background:#fff url(https://web-data.zmlearn.com/image/77jQnLJ3nykx8vQiqZJqCc/yiguoqi.png) no-repeat right bottom;background-size:66px 66px}#user-panel-header .remain-lessons-box .tiyanke-item.expired .tiyanke-item-title{color:#666}#user-panel-header .remain-lessons-box .tiyanke-item.expired .tiyanke-item-line{background:#666}#user-panel-header .remain-lessons-box .tiyanke-item.used{background:#fff url(https://web-data.zmlearn.com/image/p3fJB1i7m5ZXovjR6z4wy3/yishiyong.png) no-repeat right bottom;background-size:66px 66px}#user-panel-header .remain-lessons-box .tiyanke-item.used .tiyanke-item-title{color:#666}#user-panel-header .remain-lessons-box .tiyanke-item.used .tiyanke-item-line{background:#666}#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-title{font-size:20px;color:#333;text-align:left;font-weight:700}#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-amount{position:absolute;top:20px;right:16px;font-size:16px;color:#333}#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-line{position:absolute;left:18px;width:15px;height:2px;display:inline-block;background:#333}#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-bottom{position:absolute;bottom:16px;width:260px}#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-bottom .tiyanke-item-hurry{margin-bottom:5px;padding-left:5px;width:66px;height:22px;display:none;box-sizing:border-box;background:url(https://web-data.zmlearn.com/image/rBuh3qojUxrsfkJ6cGV9om/jijiangguoqi.png) no-repeat center;background-size:66px 22px;font-size:12px;color:#fff;line-height:22px}#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-bottom .tiyanke-item-date,#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-bottom .tiyanke-item-created,#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-bottom .tiyanke-item-subject{margin-top:5px;font-size:12px;color:#999}#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-bottom.hurry .tiyanke-item-hurry{display:block}#user-panel-header .remain-lessons-box .tiyanke-item .tiyanke-item-bottom.hurry .tiyanke-item-date{color:#EF4C4F}#user-panel-header .remain-empty-box{height:300px}#user-panel-header .remain-empty-box .remain-empty-text{padding-top:100px;font-size:24px;text-align:center}#user-panel-header .remain-empty-box .remain-empty-btn{position:relative;box-sizing:border-box;width:120px;left:50%;margin-top:30px;margin-left:-60px;text-align:center;height:40px;line-height:22px;padding:9px 0;border-radius:4px;font-size:20px;background:#F54F50}#user-panel-header .remain-empty-box .remain-empty-btn a{color:#fff}#user-panel-header .remain-empty-box .remain-empty-btn a:hover{text-decoration:none;color:#fff}#user-panel-header .button.white{color:#767676}#user-panel-header .button.white .icon{font-size:12px;font-family:iconfont;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;display:inline-block;vertical-align:middle;font-style:normal;width:12px}.user-panel-client{display:flex;justify-content:center}.user-panel-client .layout{width:auto}.user-panel-client .layout .wrapper{width:auto;margin:0}