body,html{background-color:#f5f5f5;display:block}.text-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_center{max-width:1300px;display:flex;padding:0 15px;margin:46px auto 0}.user_center .viewed_course_container{min-height:650px;flex-basis:100%;background-color:#fff;border:1px solid #e3e3e3;border-bottom:0 solid #e5e6e9;margin-bottom:70px}.user_center .viewed_course_container .special_column{padding:10px 30px;border-bottom:1px solid #e5e6e9}.user_center .viewed_course_container .special_column .nav_name{font-size:24px;margin-bottom:0;display:flex;align-items:center;flex-wrap:wrap}.user_center .viewed_course_container .special_column .nav_name span{font-size:14px;color:red;display:block}.user_center .viewed_course_container .empty{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:50px}.user_center .viewed_course_container .empty div{font-size:16px;margin-top:20px}.user_center .viewed_course_container .empty div img{position:relative;top:-3px}.user_center .viewed_course_container .empty div a{font-size:16px;color:#3f81fa}.user_center .viewed_course_container .course_list{padding:0 10px 0 30px;overflow:auto}.user_center .viewed_course_container .course_list .layui-btn-sm{height:20px;line-height:0;display:flex;align-items:center;justify-content:center;padding:0 18px}.user_center .viewed_course_container .course_list td,.user_center .viewed_course_container .course_list th{white-space:nowrap}.user_center .viewed_course_container .course_list td a{color:#3f81fa;cursor:pointer}.user_center .viewed_course_container .course_list td .scene_pay{cursor:pointer}.user_center .viewed_course_container .course_list td .divider{height:10px;width:1px;background-color:#3f81fa;display:inline-block;margin:0 2px}.user_center .viewed_course_container #pagination{text-align:center;margin:30px 0}.user_center .order_info,.user_center .pay_info,.user_center .qrcode_info{position:fixed;z-index:1;left:0;top:0;bottom:0;right:0;overflow:hidden;background-color:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center}.user_center .order_info .info_container,.user_center .pay_info .info_container,.user_center .qrcode_info .info_container{width:1000px;height:80%;background-color:#fff;border-radius:20px;padding:0 20px;position:relative}.user_center .order_info .info_container .info_title,.user_center .pay_info .info_container .info_title,.user_center .qrcode_info .info_container .info_title{height:60px;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;color:#333;border-bottom:1px solid #e0dcdc}.user_center .order_info .info_container .info_title .layui-icon,.user_center .pay_info .info_container .info_title .layui-icon,.user_center .qrcode_info .info_container .info_title .layui-icon{cursor:pointer}.user_center .order_info .info_container .info_details,.user_center .pay_info .info_container .info_details,.user_center .qrcode_info .info_container .info_details{padding-top:10px;position:absolute;top:60px;left:0;bottom:80px;right:20px;overflow-y:auto;overflow-x:hidden}.user_center .order_info .info_container .info_details .info_field,.user_center .pay_info .info_container .info_details .info_field,.user_center .qrcode_info .info_container .info_details .info_field{display:flex;margin-bottom:10px}.user_center .order_info .info_container .info_details .info_field .field_label,.user_center .pay_info .info_container .info_details .info_field .field_label,.user_center .qrcode_info .info_container .info_details .info_field .field_label{font-size:16px;font-weight:700;line-height:25px;width:80px;display:inline-flex;flex-wrap:wrap!important;align-items:baseline;margin-left:40px}.user_center .order_info .info_container .info_details .info_field .field_value,.user_center .pay_info .info_container .info_details .info_field .field_value,.user_center .qrcode_info .info_container .info_details .info_field .field_value{font-size:14px;color:#333;line-height:25px;flex:1 1;flex-wrap:wrap!important;display:inline-flex;align-items:baseline;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.user_center .order_info .info_container .info_details .info_field .field_value.price,.user_center .pay_info .info_container .info_details .info_field .field_value.price,.user_center .qrcode_info .info_container .info_details .info_field .field_value.price{font-size:20px;font-weight:700;color:#f40909}.user_center .order_info .info_container .info_details .info_field .form_value,.user_center .pay_info .info_container .info_details .info_field .form_value,.user_center .qrcode_info .info_container .info_details .info_field .form_value{flex:1 1;flex-wrap:wrap!important;word-break:break-word;overflow-wrap:break-word}.user_center .order_info .info_container .info_details .info_field .form_value .layui-form-item,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-form-item,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-form-item{margin-bottom:5px}.user_center .order_info .info_container .info_details .info_field .form_value .layui-form-label,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-form-label,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-form-label{padding:0;line-height:unset;width:90px;position:relative;top:3px}.user_center .order_info .info_container .info_details .info_field .form_value .layui-form-label.required:before,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-form-label.required:before,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-form-label.required:before{content:"*";color:red;margin-right:5px}.user_center .order_info .info_container .info_details .info_field .form_value .layui-form-label.receiver_name,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-form-label.receiver_name,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-form-label.receiver_name{width:100px;position:absolute;left:-10px}.user_center .order_info .info_container .info_details .info_field .form_value .layui-form-label.receiver_name+div,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-form-label.receiver_name+div,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-form-label.receiver_name+div{margin-left:90px}.user_center .order_info .info_container .info_details .info_field .form_value .layui-disabled,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-disabled,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-disabled{color:#000!important}.user_center .order_info .info_container .info_details .info_field .form_value .layui-radio-disbaled>i,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-radio-disbaled>i,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-radio-disbaled>i{color:#888!important}.user_center .order_info .info_container .info_details .info_field .form_value .layui-input-block,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-input-block,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-input-block{margin-left:90px}.user_center .order_info .info_container .info_details .info_field .form_value .layui-input-block img,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-input-block img,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-input-block img{position:relative;left:-20px;cursor:pointer}.user_center .order_info .info_container .info_details .info_field .form_value .layui-form-radio,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-form-radio,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-form-radio{margin-top:0}.user_center .order_info .info_container .info_details .info_field .form_value .layui-inline,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-inline,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-inline{width:390px;margin-right:0}.user_center .order_info .info_container .info_details .info_field .form_value .layui-form-item .layui-input-inline,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-form-item .layui-input-inline,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-form-item .layui-input-inline{width:290px!important}.user_center .order_info .info_container .info_details .info_field .form_value .layui-input,.user_center .order_info .info_container .info_details .info_field .form_value .layui-textarea,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-input,.user_center .pay_info .info_container .info_details .info_field .form_value .layui-textarea,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-input,.user_center .qrcode_info .info_container .info_details .info_field .form_value .layui-textarea{height:25px}.user_center .order_info .info_container .info_details .info_field.field_table,.user_center .pay_info .info_container .info_details .info_field.field_table,.user_center .qrcode_info .info_container .info_details .info_field.field_table{flex-direction:column}.user_center .order_info .info_container .info_details .info_field.field_table .field_label,.user_center .pay_info .info_container .info_details .info_field.field_table .field_label,.user_center .qrcode_info .info_container .info_details .info_field.field_table .field_label{width:auto;display:flex;align-items:center;justify-content:space-between}.user_center .order_info .info_container .info_details .info_field.field_table .field_label span,.user_center .pay_info .info_container .info_details .info_field.field_table .field_label span,.user_center .qrcode_info .info_container .info_details .info_field.field_table .field_label span{display:flex;width:127px;height:34px;align-items:center;justify-content:center;color:#fff;cursor:pointer;background-color:#3f81fa;font-size:14px;font-weight:400}.user_center .order_info .info_container .info_details .info_field.field_table .table_value,.user_center .pay_info .info_container .info_details .info_field.field_table .table_value,.user_center .qrcode_info .info_container .info_details .info_field.field_table .table_value{margin-left:26px;overflow:auto}.user_center .order_info .info_container .info_details .info_field.field_table .table_value td,.user_center .order_info .info_container .info_details .info_field.field_table .table_value th,.user_center .pay_info .info_container .info_details .info_field.field_table .table_value td,.user_center .pay_info .info_container .info_details .info_field.field_table .table_value th,.user_center .qrcode_info .info_container .info_details .info_field.field_table .table_value td,.user_center .qrcode_info .info_container .info_details .info_field.field_table .table_value th{white-space:nowrap}.user_center .order_info .info_container .info_details .info_field.field_table .table_value .status,.user_center .pay_info .info_container .info_details .info_field.field_table .table_value .status,.user_center .qrcode_info .info_container .info_details .info_field.field_table .table_value .status{display:flex;align-items:center;justify-content:center;width:56px;height:24px;box-sizing:border-box;border-radius:12px}.user_center .order_info .info_container .info_details .info_field.field_table .table_value .status.over,.user_center .pay_info .info_container .info_details .info_field.field_table .table_value .status.over,.user_center .qrcode_info .info_container .info_details .info_field.field_table .table_value .status.over{background:rgba(24,144,255,.1);border:1px solid #3f81fa;color:#1890ff}.user_center .order_info .info_container .info_details .info_field.field_table .table_value .status.draft,.user_center .pay_info .info_container .info_details .info_field.field_table .table_value .status.draft,.user_center .qrcode_info .info_container .info_details .info_field.field_table .table_value .status.draft{background:rgba(255,186,0,.1);border:1px solid #ffba00;color:#ffba00}.user_center .order_info .info_container .info_footer,.user_center .pay_info .info_container .info_footer,.user_center .qrcode_info .info_container .info_footer{position:absolute;bottom:0;left:0;width:100%;height:80px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:20px}.user_center .order_info .info_container .info_footer .btn,.user_center .pay_info .info_container .info_footer .btn,.user_center .qrcode_info .info_container .info_footer .btn{width:130px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #3f81fa;cursor:pointer;color:#3f81fa}.user_center .order_info .info_container .info_footer .btn:first-child,.user_center .pay_info .info_container .info_footer .btn:first-child,.user_center .qrcode_info .info_container .info_footer .btn:first-child{margin-right:20px}.user_center .order_info .info_container .info_footer .btn.buy,.user_center .pay_info .info_container .info_footer .btn.buy,.user_center .qrcode_info .info_container .info_footer .btn.buy{background-color:#3f81fa;color:#fff}.user_center .order_info .info_container .qrcode_container,.user_center .pay_info .info_container .qrcode_container,.user_center .qrcode_info .info_container .qrcode_container{position:absolute;top:60px;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:20px}.user_center .order_info .info_container .qrcode_container .tips span,.user_center .pay_info .info_container .qrcode_container .tips span,.user_center .qrcode_info .info_container .qrcode_container .tips span{font-size:16px;color:#3f81fa;font-weight:700;margin:0 3px}.user_center .order_info .info_container .qrcode_container .qrcode_img,.user_center .pay_info .info_container .qrcode_container .qrcode_img,.user_center .qrcode_info .info_container .qrcode_container .qrcode_img{margin-top:20px;position:relative}.user_center .order_info .info_container .qrcode_container .qrcode_img .qr_logo,.user_center .pay_info .info_container .qrcode_container .qrcode_img .qr_logo,.user_center .qrcode_info .info_container .qrcode_container .qrcode_img .qr_logo{position:absolute;top:58px;left:58px}.user_center .qrcode_info .info_container{width:500px;height:50%}.user_center .order_info .info_container .info_details{bottom:0}.user_center .order_info .info_container .info_details_edit{bottom:80px}.user_center .order_info .info_footer{position:absolute;bottom:0;left:0;width:100%;height:60px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:20px}.user_center .order_info .info_footer .btn{width:130px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #3f81fa;cursor:pointer;color:#3f81fa}.user_center .order_info .info_footer .btn:first-child{margin-right:20px}.user_center .order_info .info_footer .btn.buy{background-color:#3f81fa;color:#fff}