.main-wrapper.user{background:#F6F7FB}.footer{margin-top:0}.main .userdata-body{overflow:hidden;height:100%;padding-bottom:40px}.main .userdata-body .userdata-left{float:left;width:220px;height:150vh;min-height:100%}.main .userdata-body .userdata-right{width:calc(100% - 220px);float:left;height:150vh}.main .userdata-body .userdata-logo,.main .userdata-body .userdata-tabs,.main .userdata-body .userdata-data{background:#fff}.main .userdata-body .userdata-logo{margin:40px 0 20px;height:190px;text-align:center}.main .userdata-body .userdata-logo .userdata-img{height:60px;width:60px;margin-top:50px}.main .userdata-body .userdata-logo .userdata-name{margin-top:20px;font-size:16px}.main .userdata-body .userdata-tabs{height:calc(100% - 250px)}.main .userdata-body .userdata-tabs ul{padding:20px 0}.main .userdata-body .userdata-tabs ul li{line-height:50px;height:50px;text-align:center;letter-spacing:-.13px;cursor:pointer;font-size:16px}.main .userdata-body .userdata-tabs ul .tabs-light{color:#006AFF}.main .userdata-body .userdata-data{height:100%}.main .userdata-body .userdata-nodata{height:100%;position:relative}.main .userdata-body .userdata-nodata{background-image:url(https://developer.apollo.auto/images/devcenter/learning/pracitce/a-background_90142ea.png);display:inline-block;background-repeat:no-repeat;background-position:center 30%;width:100%;position:relative}.main .userdata-body .userdata-nodata-text{font-size:16px;color:#999;position:absolute;text-align:center;width:100%;top:32%}.main .userdata-body .userdata-nodata-learn{text-align:center;position:absolute;top:39%;width:100%}.main .userdata-body .userdata-nodata-learn span{background:#006AFF;border-radius:1px;display:inline-block;padding:10px 30px;color:#fff;text-align:center;cursor:pointer}.main .userdata-body .userdata-content{margin-left:20px;height:calc(100% - 40px);padding-top:40px}.main .userdata-body .userdata-course{padding:20px}.main .userdata-body .userdata-course .model{width:50%;display:inline-block}.main .userdata-body .userdata-course .model .content{padding:20px;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main .userdata-body .userdata-course .model .content .courses-name{color:#1F1F1F;font-size:14px;position:absolute;left:180px}.main .userdata-body .userdata-course .model .content .courses-time{color:#A5A5A5;position:absolute;top:45px;left:180px}.main .userdata-body .userdata-course .model .content .courses-begin{display:inline-block;background:#006AFF;padding:7px 20px;color:#fff;position:absolute;top:70px;left:180px;cursor:pointer}.main .userdata-body .userdata-order{padding:40px}.main .userdata-body .userdata-order .model{padding-bottom:20px}.main .userdata-body .userdata-order .model .content{padding:20px 20px 15px;position:relative;border:1px solid #EFF5F3;border-top:0}.main .userdata-body .userdata-order .model .content .courses-img{height:80px;width:auto}.main .userdata-body .userdata-order .model .content .order-name{position:absolute;font-size:14px;color:#1F1F1F;left:23%;top:40px;max-width:160px}.main .userdata-body .userdata-order .model .content .order-status-no{position:absolute;right:10%;top:65px;cursor:pointer}.main .userdata-body .userdata-order .model .content .order-status{position:absolute;right:10%;top:40px;cursor:auto}.main .userdata-body .userdata-order .model .content .order-status-pay{position:absolute;right:10%;top:40px;cursor:pointer}.main .userdata-body .userdata-order .model .content .order-price{position:absolute;font-size:14px;color:#1F1F1F;left:50%;top:40px}.main .userdata-body .userdata-order .model .order-header{background:#F5F6F6;height:40px;line-height:40px;padding:5px 20px}.main .userdata-body .userdata-order .model .order-header span{padding-right:20px}.main-wrapper.order{background-color:#F6F7FB;padding:30px 0}.main-wrapper.order .order-header{background:#fff;padding:20px 40px 15px}.main-wrapper.order .order-header .order-header-title{display:inline-block;font-size:20px}.main-wrapper.order .order-header .order-header-timing{display:inline-block;font-size:14px;color:#A5A5A5;margin-left:10px}.main-wrapper.order .order-content,.main-wrapper.order .order-pay{background:#fff;padding:20px 40px 15px;margin-top:20px}.main-wrapper.order .order-content .order-content-title,.main-wrapper.order .order-pay .order-pay-title{font-size:16px;margin-bottom:20px}.main-wrapper.order .order-pay .order-pay-weichat{background:#F7FEFC;border:1px solid #006AFF;border-radius:1px;width:260px;height:80px;line-height:80px;text-align:center;position:relative;margin-bottom:20px}.main-wrapper.order .order-pay .order-pay-weichat::after{content:'';display:block;position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;border:5px solid #979797;left:50px;top:35px}.main-wrapper.order .order-pay .order-pay-weichat img{margin-top:30px;margin-left:20px}.main-wrapper.order .order-pay .order-pay-coupons{padding-bottom:20px;border-bottom:1px solid #E0E0E0}.main-wrapper.order .order-pay .order-pay-coupons .order-pay-coupons-from{margin-top:10px;height:30px;line-height:30px}.main-wrapper.order .order-pay .order-pay-coupons .order-pay-coupons-input{width:260px;height:30px;border:1px solid #E0E0E0;border-radius:1px;caret-color:#E0E0E0;padding:0 20px}.main-wrapper.order .order-pay .order-pay-coupons .order-pay-coupons-botton{background:#006AFF;color:#fff;padding:0 10px;vertical-align:bottom;margin-bottom:1px;margin-left:10px}.main-wrapper.order .order-pay .order-pay-coupons .order-pay-coupons-tag{display:inline-block;height:20px;color:#F60;margin-top:10px}.main-wrapper.order .order-pay .order-pay-data{overflow:hidden}.main-wrapper.order .order-pay .order-pay-content{float:right}.main-wrapper.order .order-pay .order-pay-content .pay-button{text-align:right;margin:20px 0}.main-wrapper.order .order-pay .order-pay-content .pay-button button{background:#006AFF;display:inline-block;padding:7px 30px;color:#fff}.main-wrapper.order .order-pay .order-pay-content .order-pay-block{margin:10px 0}.main-wrapper.order .order-pay .order-pay-content .order-pay-block.payment{border-top:1px solid #E0E0E0;padding-top:20px;position:relative;overflow:hidden}.main-wrapper.order .order-pay .pay-money.num{font-size:22px}.main-wrapper.order .order-pay .pay-money.num b{font-size:16px}.main-wrapper.order .order-pay .order-pay-content input{margin-right:5px}.main-wrapper.order .order-pay .order-pay-content .pay-money{float:right}.main-wrapper.order .order-content table{width:100%;border:1px solid #EFF5F3;margin-bottom:10px}.main-wrapper.order .order-content thead{background:#F5F6F6}.main-wrapper.order .order-content thead tr{height:50px;line-height:50px}.main-wrapper.order .order-content tbody tr{padding:10px}#courseModal .modal-content{border-radius:0}#courseModal .modal-content .modal-header{background:#F6F7FB}#courseModal .modal-content .pay-success{position:relative;font-size:24px;margin-bottom:40px}#courseModal .modal-content .status-success{padding:60px 0}#courseModal .modal-content .pay-success::after{content:'';background:center center url(https://developer.apollo.auto/images/devcenter/learning/pracitce/icon-9_0a3ca4d.png) no-repeat;width:20px;height:20px;display:inline-block;background-size:100% 100%;position:absolute;left:33%;top:8px}#courseModal .modal-content .status-pay-img img{width:150px;height:150px}#courseModal .modal-content .status-pay-content{margin-bottom:20px}#courseModal .modal-content .status-pay-content span{font-size:24px}