.payRecord-wrap>.footer{text-align:center;padding:10px}.payRecord-wrap .spanClass{font-size:13px;font-weight:600}.course-index-head-wrap{background-color:#fff;padding:25px 0 55px}.course-index-head-wrap>.container{height:288px;display:flex;align-items:flex-start}.course-index-head-wrap>.container>div{height:100%}.course-index-head-wrap>.container>.left-wrap{width:510px;border-radius:8px;overflow:hidden}.course-index-head-wrap>.container>.left-wrap>.preview-wrap{position:relative;overflow:hidden}.course-index-head-wrap>.container>.left-wrap>.preview-wrap>.mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.3)}.course-index-head-wrap>.container>.left-wrap>.preview-wrap>.button{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;width:120px;height:49px;border-radius:100px;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);background-color:#fff;text-align:center;font-size:16px;color:#111;transition:all .3s ease-in-out 0s;transform:translate(-50%,-50%);cursor:pointer}.course-index-head-wrap>.container>.left-wrap>.preview-wrap>.button>span{margin-left:5px}.course-index-head-wrap>.container>.left-wrap>.preview-wrap>.button:hover{background-color:hsla(0,0%,100%,.7)}.course-index-head-wrap>.container>.left-wrap>.video-wrap{width:100%;height:100%}.course-index-head-wrap>.container>.right-wrap{margin-left:25px;flex:1}.course-index-head-wrap>.container>.right-wrap>.name{font-size:24px;color:#333;margin-right:6px;font-weight:600}.course-index-head-wrap>.container>.right-wrap>.info{margin-top:16px;padding:16px;margin-bottom:24px;background-color:#f8f9fb;border-radius:8px}.course-index-head-wrap>.container>.right-wrap>.info>.item{color:#666;font-size:12px;line-height:20px}.course-index-head-wrap>.container>.right-wrap>.info>.bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:8px}.course-index-head-wrap>.container>.right-wrap>.info>.bottom>.left i{font-size:12px;margin:0 3px 0 1px}.course-index-head-wrap>.container>.right-wrap>.info>.bottom>.left>.wait-open{color:#fa7e46}.course-index-head-wrap>.container>.right-wrap>.info>.bottom>.left>.running{color:#53b880}.course-index-head-wrap>.container>.right-wrap>.info>.bottom>.left>.end,.course-index-head-wrap>.container>.right-wrap>.info>.bottom>.right{color:#999}.course-index-head-wrap>.container>.right-wrap>.ivu-btn{margin-top:10px;font-size:18px;width:192px;height:48px;border-radius:24px}