.payRecord-wrap>.footer{text-align:center;padding:10px}.payRecord-wrap .spanClass{font-size:13px;font-weight:600}.kpcourse-index-head-wrap{background-color:#fff;padding:25px 0 55px}.kpcourse-index-head-wrap>.container{height:288px;display:flex;align-items:flex-start}.kpcourse-index-head-wrap>.container>div{height:100%}.kpcourse-index-head-wrap>.container>.left-wrap{width:510px;border-radius:8px;overflow:hidden}.kpcourse-index-head-wrap>.container>.left-wrap>.preview-wrap{position:relative;overflow:hidden}.kpcourse-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)}.kpcourse-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}.kpcourse-index-head-wrap>.container>.left-wrap>.preview-wrap>.button>span{margin-left:5px}.kpcourse-index-head-wrap>.container>.left-wrap>.preview-wrap>.button:hover{background-color:hsla(0,0%,100%,.7)}.kpcourse-index-head-wrap>.container>.left-wrap>.video-wrap{width:100%;height:100%}.kpcourse-index-head-wrap>.container>.right-wrap{margin-left:25px;flex:1}.kpcourse-index-head-wrap>.container>.right-wrap>.name{font-size:24px;color:#333;margin-right:6px;font-weight:600}.kpcourse-index-head-wrap>.container>.right-wrap>.info{margin-top:16px;padding:16px;height:214px;margin-bottom:24px;background-color:#f8f9fb;border-radius:8px}.kpcourse-index-head-wrap>.container>.right-wrap>.info>.item{color:#666;font-size:12px;line-height:20px}.kpcourse-index-head-wrap>.container>.right-wrap>.info>.bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:8px}.kpcourse-index-head-wrap>.container>.right-wrap>.info>.bottom>.left i{font-size:12px;margin:0 3px 0 1px}.kpcourse-index-head-wrap>.container>.right-wrap>.info>.bottom>.left>.wait-open{color:#fa7e46}.kpcourse-index-head-wrap>.container>.right-wrap>.info>.bottom>.left>.running{color:#53b880}.kpcourse-index-head-wrap>.container>.right-wrap>.info>.bottom>.left>.end,.kpcourse-index-head-wrap>.container>.right-wrap>.info>.bottom>.right{color:#999}.kpcourse-index-head-wrap>.container>.right-wrap>.ivu-btn{margin-top:10px;font-size:18px;width:192px;height:48px;border-radius:24px}.course-index-content-introduce-wrap{margin-top:30px}.course-index-content-introduce-wrap img{width:200px}.course-index-content-introduce-wrap>.tip{background-color:#f5f8f4;padding:30px 30px 20px;margin-bottom:48px;color:#333}.course-index-content-introduce-wrap>.tip>.content{margin-bottom:10px;font-size:14px}.course-index-content-introduce-wrap>.tip>.auth{font-size:16px;text-align:right}.course-index-content-wrap>.container>.tab-wrap{display:flex;align-items:center;border-bottom:1px solid #e6e6e6}.course-index-content-wrap>.container>.tab-wrap>.tab-item{font-size:18px;border-bottom:4px solid transparent;padding-bottom:7px;cursor:pointer;transition:all .3s ease}.course-index-content-wrap>.container>.tab-wrap>.tab-item+.tab-item{margin-left:50px}.course-index-content-wrap>.container>.tab-wrap>.tab-item.is-active{border-bottom-color:#00cc7e;color:#00cc7e}.course-index-recommend-wrap{margin:20px auto 0!important}.course-index-recommend-wrap>.container>.title{font-size:18px;color:#333;height:24px;line-height:24px;padding-left:10px;border-left:4px solid #00cc7e;margin-bottom:20px}.course-index-recommend-wrap>.container>.items>.item{width:380px;overflow:hidden;cursor:pointer;display:inline-flex;align-items:flex-start}.course-index-recommend-wrap>.container>.items>.item:nth-child(2n){margin-left:50px}.course-index-recommend-wrap>.container>.items>.item:nth-child(n+3){margin-top:25px}.course-index-recommend-wrap>.container>.items>.item:hover>.left-wrap>img{transform:scale(1.05)}.course-index-recommend-wrap>.container>.items>.item>div{height:104px}.course-index-recommend-wrap>.container>.items>.item>.left-wrap{width:180px;height:104px;overflow:hidden}.course-index-recommend-wrap>.container>.items>.item>.left-wrap>img{transition:transform .3s ease}.course-index-recommend-wrap>.container>.items>.item>.right-wrap{flex:1;margin-left:12px;position:relative}.course-index-recommend-wrap>.container>.items>.item>.right-wrap>.name{color:#333;font-size:14px;max-height:42px;line-height:19px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-index-recommend-wrap>.container>.items>.item>.right-wrap>.teacher-name{line-height:17px;margin-top:10px;color:#999;font-size:12px}.course-index-recommend-wrap>.container>.items>.item>.right-wrap>.join-num{position:absolute;bottom:0;margin-top:11px;font-size:12px;height:17px;color:#999;display:flex;align-items:center}.course-index-recommend-wrap>.container>.items>.item>.right-wrap>.join-num>span{margin-left:3px}.wkcourse-index-link-wrap{padding:20px}.wkcourse-index-link-wrap.is-fixed{position:fixed!important;z-index:0;top:0}.wkcourse-index-link-wrap>.title{font-size:16px;color:#333;height:20px;line-height:20px;padding-left:10px;border-left:4px solid #00cc7e}.wkcourse-index-link-wrap>.item{overflow:hidden;cursor:pointer;display:inline-flex;align-items:flex-start;margin-top:15px}.wkcourse-index-link-wrap>.item:hover>.left-wrap>img{transform:scale(1.05)}.wkcourse-index-link-wrap>.item>div{height:72px}.wkcourse-index-link-wrap>.item>.left-wrap{width:102px;height:72px;overflow:hidden}.wkcourse-index-link-wrap>.item>.left-wrap>img{transition:transform .3s ease}.wkcourse-index-link-wrap>.item>.right-wrap{flex:1;overflow:hidden;margin-left:12px;position:relative}.wkcourse-index-link-wrap>.item>.right-wrap>.name{color:#333;font-size:13px;max-height:42px;line-height:17px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wkcourse-index-link-wrap>.item>.right-wrap>.teacher-name{line-height:17px;margin-top:3px;color:#999;font-size:12px}.wkcourse-index-link-wrap>.item>.right-wrap>.join-num{position:absolute;bottom:0;margin-top:11px;font-size:12px;height:17px;color:#999;display:flex;align-items:center}.wkcourse-index-link-wrap>.item>.right-wrap>.join-num>span{margin-left:3px}.course-index-content-right-wrap>div{margin-left:20px;background-color:#fff;width:290px;overflow:hidden;border-radius:8px}.course-root-index-wrap{position:relative}.course-root-index-wrap>.container{margin-top:20px;display:flex;align-items:flex-start}.course-root-index-wrap .course-left-block>.container{width:890px;background-color:#fff;padding:30px 40px;border-radius:8px}