page{height:100%; background:linear-gradient(to bottom, #ee3a43 350rpx, #ee3a43 350rpx, #f5f5f4 350rpx, #f5f5f4 350rpx) no-repeat;}
.page-bg{background: #f5f5f4;}
.picker{display: flex; align-items: center; padding: 20rpx;}
.picker .selector{flex-shrink: 1;width: 62%; margin-left:20rpx;}
.picker .selector:first-child{margin-left: 0; width: 35%; flex-shrink: 0;}
.picker .select{margin-top: 10rpx; background: rgba(255,255,255,.4); border-radius: 40rpx; height: 60rpx; line-height: 60rpx; position: relative; font-size: 24rpx; padding: 0 20rpx;color: #fff;}
.picker .select text{overflow: hidden; height: 60rpx; display: inline-block; width: 100%; line-height: 60rpx;}
.picker .select::after{content: '\e991'; font-family: 'icomoon'; font-size: 24rpx; position: absolute; right: 20rpx; top: 45%; line-height: 0;}

.ui-course-box{padding: 36rpx 30rpx;}
.user-info{display: flex; overflow: hidden; padding: 50rpx;}
.course_seal{position: absolute; top: -25rpx; right: -25rpx; width: 150rpx; height: 150rpx;}
.head{width: 180rpx; height: 180rpx; border-radius: 100%; overflow: hidden; line-height: 180rpx; text-align: center; color: #fff; font-size: 22rpx; flex-shrink: 0;}
.head > image{width: 100%; height: 100%; vertical-align: middle}
.head-bg{width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0;}
.user-i-box{flex-shrink: 1; width: 100%; margin-left: 40rpx;}

.title{border-bottom: 2rpx solid #9fa0a0; font-size: 26rpx; color: #ee3a43;position: relative;}
.title [class^="icon-"]{font-size: 60rpx; margin-right: 10rpx; vertical-align: middle;}
.title::after{content:'0'; height: 4rpx; line-height: 0; font-size: 0; background: #ee3a43; width: 124rpx; position: absolute; bottom: -4rpx; left: 0;}
.ec-canvas{position: relative; top: 0; left: 0; width: 100%; height: 400rpx;}
.ec-canvas > ec-canvas{position: absolute;top: 0;bottom: 0;left: 0; right: 0;}

.solt{background: #ee3a43; border-radius: 20rpx; color: #fff; font-size: 24rpx; padding:2rpx 20rpx;}
.ui-c-box{display: flex; justify-content: flex-start; align-items: center;}
.ui-c-item{flex-shrink: 1; width: 100%;}
.ui-c-item.line{border-right: 2rpx solid #dcdddd; margin-right: 20rpx; padding-right: 20rpx;}
.ui-c-item .font35{line-height: 65rpx;}
.ui-c-item .icon-arrow{background: #ffe3e8; display: inline-block; width: 37rpx; height: 59rpx; line-height: 59rpx; text-align: center; border-radius: 8rpx; float: right; color: #ee3a43; font-size: 50rpx;}
.ui-course-study{background:linear-gradient(to bottom, #ee3a43 174rpx, #ee3a43 174rpx, #fff 174rpx, #fff 174rpx) no-repeat; padding-bottom: 20rpx;}
.ui-course-study .title{border-bottom: 0 none; color:#fff;}
.ui-course-study .title::after{background: #fff; width: 158rpx;}

.ui-course-study .ui-course-box{padding:25rpx 30rpx;}
.fmTop{margin-top: -65rpx !important;}
.course-camp{box-shadow: 0 0 10rpx 4rpx rgba(238,58,67,.2); margin-top: 20rpx;}
.course-camp:first-child{margin-top: 0;}
.course-camp .ui-c-item{margin-left: 18rpx; flex-shrink: 0; width: auto;}
.course-camp .ui-c-item:first-child{margin-left: 0;}
.course-camp-video{width: 211rpx; height: 141rpx; vertical-align: middle;}
.course-camp .bg{background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0;}
.course-camp .icon-video-play{position: absolute; top: 50%; left: 50%; color: #fff; font-size: 80rpx; transform: translate(-50%, -50%); z-index:1; line-height: 0;}
.course-camp-title{border-bottom: 2rpx solid #e5e5e5; padding-bottom: 30rpx; margin-bottom: 30rpx; font-size: 26rpx;}
.course-camp-title > .solt{opacity: .3; border-radius: 8rpx; margin-right: 10rpx;}
.step{letter-spacing: 4rpx;}

.ui-players{overflow: hidden;}
.ui-players .ui-head{text-align: center; width: 16.6666%; margin-top: 20rpx; font-size: 24rpx; color: #908f90; float: left; box-sizing: border-box;}
.ui-players .ui-head > image{width: 80rpx; height: 80rpx; border-radius: 100%;}
.ui-players .ui-head > text{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.buttons-row{flex-direction:row;justify-content : flex-start;}
.buttons-row > .button{width: 200rpx; flex-shrink:0; display: inline-block; margin-right: 0;}
.video{overflow: hidden;}