.my_course>ul>li{margin-bottom:20px;cursor:pointer}.my_course>ul>li .course_box{padding:20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;position:relative}.my_course>ul>li .course_box .course_info{display:flex}.my_course>ul>li .course_box .course_info .course_img{width:150px;height:95px;border-radius:10px;overflow:hidden;margin-right:20px}.my_course>ul>li .course_box .course_info .course_img>img{width:150px;height:95px}.my_course>ul>li .course_box .course_info .course_cont>h3{font-size:16px;font-family:PingFang SC;font-weight:500;color:#333}.my_course>ul>li .course_box .course_info .course_cont>p{font-size:14px;font-family:PingFang SC;font-weight:500;color:#999;margin-top:15px;margin-left:6px}.my_course>ul>li .course_box .course_btn{text-align:center}.my_course>ul>li .course_box .course_btn>a{display:block;margin-top:15px;font-size:14px;font-family:PingFang SC;font-weight:500;color:#999}.my_course>ul>li .course_box>p{position:absolute;left:70%;font-size:14px;font-family:PingFang SC;font-weight:500}.my_course>ul>li .course_box>p .icon-forbid{color:#909399}.my_course>ul>li .course_box>p .icon-tongji{color:#28d400}li[data-v-1dd528eb],ul[data-v-1dd528eb]{list-style:none;margin:0;padding:0}.c-avatar-cutter[data-v-1dd528eb]{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;z-index:3;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center}.c-avatar-cutter .mask[data-v-1dd528eb]{position:absolute;width:100%;height:100%;opacity:.6;background-color:rgba(0,0,0,.6)}.c-avatar-cutter .container[data-v-1dd528eb]{position:absolute;padding:20px;width:642px;box-sizing:border-box;background-color:#fff}.c-avatar-cutter .title[data-v-1dd528eb]{font-size:16px;margin-bottom:20px}.c-avatar-cutter .content[data-v-1dd528eb],.c-left[data-v-1dd528eb]{display:flex;height:350px}.c-left[data-v-1dd528eb]{align-items:center;justify-content:center;width:350px;border:1px solid #e8e8e8;background-repeat:round;background-image:url(../img/upload_head_bgc.dbca0d99.jpg)}.c-left .container-box[data-v-1dd528eb]{position:relative}.c-left .img-mask[data-v-1dd528eb]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;background-color:#fff}.c-left img[data-v-1dd528eb]{width:100%;height:100%}.c-left .select-box[data-v-1dd528eb]{position:absolute;top:0;left:0;cursor:move}.c-left .x-line[data-v-1dd528eb],.c-left .y-line[data-v-1dd528eb]{display:flex;justify-content:space-between;position:absolute;width:100%;height:100%}.c-left .x-line li[data-v-1dd528eb],.c-left .y-line li[data-v-1dd528eb]{position:relative;border:1px dashed #fff}.c-left .x-line li[data-v-1dd528eb]:first-child:before,.c-left .x-line li[data-v-1dd528eb]:last-child:before,.c-left .y-line li[data-v-1dd528eb]:first-child:before,.c-left .y-line li[data-v-1dd528eb]:last-child:before{position:absolute;margin-left:-3px;margin-top:-3px;width:6px;height:6px;content:"";background-color:#fff}.c-left .x-line[data-v-1dd528eb]{flex-direction:column}.c-left .x-line li[data-v-1dd528eb]:first-child{cursor:n-resize}.c-left .x-line li[data-v-1dd528eb]:first-child:before{left:50%}.c-left .x-line li[data-v-1dd528eb]:last-child{cursor:s-resize}.c-left .x-line li[data-v-1dd528eb]:last-child:before{left:50%}.c-left .y-line li[data-v-1dd528eb]:first-child{cursor:w-resize}.c-left .y-line li[data-v-1dd528eb]:first-child:before{top:50%}.c-left .y-line li[data-v-1dd528eb]:last-child{cursor:e-resize}.c-left .y-line li[data-v-1dd528eb]:last-child:before{top:50%}.c-left .point[data-v-1dd528eb]{width:100%;height:100%}.c-left .point li[data-v-1dd528eb]{position:absolute;margin-left:-3px;margin-top:-3px;width:6px;height:6px;content:"";cursor:crosshair;background-color:#fff}.c-left .point li[data-v-1dd528eb]:first-child{top:2px;left:1px;cursor:nw-resize}.c-left .point li[data-v-1dd528eb]:nth-child(2){top:2px;right:-2px;cursor:ne-resize}.c-left .point li[data-v-1dd528eb]:nth-child(3){bottom:-2px;left:1px;cursor:sw-resize}.c-left .point li[data-v-1dd528eb]:nth-child(4){bottom:-2px;right:-2px;cursor:se-resize}.c-left .cross[data-v-1dd528eb]{position:absolute;top:50%;left:50%;width:6px;height:6px;min-width:unset;margin-top:-3px;margin-left:-3px;background-size:cover}.c-right[data-v-1dd528eb]{flex:1;position:relative;margin-left:24px;font-size:16px;color:#333;text-align:center}.c-right .preview[data-v-1dd528eb]{padding:0 16px 34px;border:1px solid #e8e8e8;background-color:#fafafa}.c-right .preview p[data-v-1dd528eb]{height:30px;line-height:30px}.c-right .preview canvas[data-v-1dd528eb]{display:block;width:190px;height:190px;border:1px solid #e8e8e8;background-repeat:round;background:url(../img/upload_head_bgc.dbca0d99.jpg)}.c-right .btn-upload[data-v-1dd528eb]{margin-top:20px;width:100%}.c-right input[type=file][data-v-1dd528eb]{position:absolute;left:0;bottom:30px;width:100%;height:42px;opacity:0;background-color:#fff}.c-btn-group[data-v-1dd528eb]{display:flex;justify-content:center;margin-top:20px}.c-btn-group input[data-v-1dd528eb]{padding:0;margin:0 12px;width:100px;height:40px;color:#fff;line-height:40px;font-size:16px;border-radius:20px}.c-btn-group .btn-cancel[data-v-1dd528eb]{background-color:#ccc}.c-btn-group .btn-enter[data-v-1dd528eb]{background-color:#56b962}.c-btn-group .btn-enter--disable[data-v-1dd528eb]{cursor:not-allowed}.my_course_box .page_title{height:50px;margin-bottom:20px;border-left:4px solid #ff701d;box-sizing:border-box;padding:0 25px}.my_course_box .page_title .page_title_box{height:50px;line-height:50px;display:flex;border-bottom:1px solid #e7e7e7}.my_course_box .page_title .page_title_box>ul{display:flex}.my_course_box .page_title .page_title_box>ul>li{padding:0 10px;margin-right:20px;text-align:center;border-bottom:2px solid transparent;font-size:16px;font-family:PingFang SC;font-weight:700;color:#999;transition:all .3s;cursor:pointer}.my_course_box .page_title .page_title_box>ul>li:hover{color:#ff701d}.my_course_box .page_title .page_title_box>ul .select_active{border-bottom:2px solid #ff701d;color:#ff701d}.my_course_box .list_box{display:flex}.test_box{background:#fff;width:275px;box-shadow:0 2px 9px 1px rgba(209,212,221,.98);margin-top:20px;margin-right:20px;cursor:pointer}.test_box .topic_head{position:relative;height:50px}.test_box .topic_head .tag_box{width:82px;background:linear-gradient(-80deg,#ff5757,#ff8f8f);text-align:center;padding:3px 0;border-top-right-radius:13px;border-bottom-right-radius:13px;font-size:14px;color:#fffefe;position:absolute;top:12px}.test_box .topic_body{padding:15px 20px;box-sizing:border-box}.test_box .topic_body>h3{font-size:18px;font-weight:400;color:#000;line-height:26px;height:52px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.test_box .topic_body>P{display:flex;font-size:14px;font-weight:400;line-height:26px;margin-top:20px;color:#9fa3ab;background:#f7f7f7}.test_box .topic_body>P:first-of-type{width:210px}.test_box .topic_body>P:nth-of-type(2){width:110px}.test_box .topic_body .txt_box{display:flex;font-size:14px;font-weight:400;color:#9fa3ab;line-height:26px}.test_box .topic_body .txt_box>span{margin:0 10px}.test_box .topic_body .topic_bottom{border-top:1px solid #ecedf0;display:flex;justify-content:flex-end;align-items:center;height:60px}.test_box .topic_body .topic_bottom .price{font-size:14px;font-weight:400;color:#999;line-height:26px}.test_box .topic_body .topic_bottom .price>span{color:#e64840}.test_box .topic_body .topic_bottom .price>span>b{font-size:24px}.test_box .topic_body .topic_bottom .price>span.free{color:#e64840}.test_box .topic_body .topic_bottom .price>span.free>b{font-size:20px}.test_box .topic_body .topic_bottom .price>font{text-decoration:line-through;margin-left:5px}.test_box .topic_body .topic_bottom>p{display:flex;align-items:center;justify-content:center;width:98px;height:30px;background:#ff771b;border-radius:15px;font-size:14px;color:#fff}.sign_up_form .sign_up_title{padding:30px;box-sizing:border-box;position:relative}.sign_up_form .sign_up_title>h3{text-align:center;font-size:18px}.sign_up_form .sign_up_title .close_box{width:20px;height:20px;position:absolute;top:15px;right:20px;cursor:pointer}.sign_up_form .sign_up_title .close_box>i{font-size:20px}.upload_box section{margin:0}.upload_box .head-enter,.upload_box .head-leave-to{transform:translateY(-100px);opacity:0}.upload_box .head-enter-active,.upload_box .head-leave-active{transition:transform .5s,opacity .5s}