.my_course .person{width:100%;height:100px;margin-top:40px;margin-bottom:30px;border-radius:4px;background-image:url(../../static/img/dabeijing.31616ed1.png);background-size:100% 100%;display:flex;align-items:center}.my_course .person .the-avatar{margin-left:20px;margin-right:20px}.my_course .person .infos{color:#fff;text-align:left}.my_course .person .infos .name{font-size:18px;margin-bottom:10px;padding-left:5px}.my_course .person .infos .name .info_title_sub{padding-left:10px;font-size:12px;color:#ddd;display:inline-flex;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my_course .person .infos .school{font-size:12px;padding:5px 10px;border-radius:12px;background-color:hsla(0,0%,100%,.2)}.my_course .person .infos .school span{margin-right:10px}.my_course .person .infos .school i{cursor:pointer}.my_course .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.my_course .title div:first-child span:first-child{color:#333;font-size:16px;margin-right:10px}.my_course .title div:nth-child(2){color:#43b498;font-size:14px;text-decoration:underline;cursor:pointer}.my_course .course_list .item{height:100px;margin-bottom:20px;border-radius:4px;border:1px solid #ddd;display:flex}.my_course .course_list .item .course_time{width:120px;height:100px;background-color:#43b498;color:#fff;border-radius:4px 0 0 4px;text-align:left}.my_course .course_list .item .course_time .timing{font-size:24px;margin-left:20px;margin-top:25px;margin-bottom:10px}.my_course .course_list .item .course_time .date{font-size:12px;margin-left:20px}.my_course .course_list .item .course_infos{width:calc(100% - 150px);padding:16px 20px}.my_course .course_list .item .course_infos .course_name{color:#333;font-size:16px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.my_course .course_list .item .course_infos .base_info{color:#999;font-size:12px}.my_course .course_list .item .course_infos .base_info div{display:flex;justify-content:space-between}.my_course .course_list .item .course_infos .base_info div:first-child{margin-bottom:10px}.my_course .course_list .item .course_btn{width:100px;display:flex;justify-content:center;align-items:center}.my_course .no-datas{width:100%;padding:20px 0;text-align:center;color:#999}.my_course .cursor-point{cursor:pointer}.inviteCodeDialog .el-dialog__body{text-align:center}.inviteCodeDialog .el-dialog__body .remind{color:#666;font-size:14px}.inviteCodeDialog .el-dialog__body .fill_in .tips{color:#666;font-size:14px;margin-bottom:20px}.inviteCodeDialog .el-dialog__body .fill_in .inputs{height:50px;width:100%;position:relative;text-align:center}.inviteCodeDialog .el-dialog__body .fill_in .inputs>span{background:#eee;display:inline-block;width:50px;height:50px;margin-left:10px;text-align:center;line-height:50px;vertical-align:middle;font-size:30px}.inviteCodeDialog .el-dialog__body .fill_in .inputs>span:first-child{margin-left:0}.inviteCodeDialog .el-dialog__body .fill_in .inputs .active{border:1px solid #43b498}.inviteCodeDialog .el-dialog__body .fill_in .inputs>input{position:absolute;width:100%;letter-spacing:1.3rem;padding-left:.3rem;color:#fff;opacity:0;left:0;height:100%}.inviteCodeDialog .el-dialog__body .result .img{width:100%;height:100px;margin-bottom:20px;text-align:center}.inviteCodeDialog .el-dialog__body .result .img img{width:100px;height:100%}.inviteCodeDialog .el-dialog__body .result .tips{text-align:center;color:#43b498;font-size:16px}.inviteCodeDialog .el-dialog__footer{text-align:center}.inviteCodeDialog .el-dialog__footer .el-button{padding:8px 12px}