/* 个人中心标题组件样式 */

.ks-title { padding: 18px 0; font-size: 18px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(47, 49, 51, 1); } 

.underline { border-bottom: 1px solid #E6E9ED; } 


/* 考试学习图表样式 */

.echarts { width: 100%; height: 100%; } 


/* 选择组件 */

.exam-sort { height: 300px; position: relative; } 

.exam-sort__box1 { width: 188px; height: 100px; border-radius: 6px; border: solid 1px #ccc; color: #333; font-size: 16px; text-align: center; position: absolute; top: 80px; left: 120px; } 

.exam-sort__box1:hover { border: solid 1px #488BFF; color: #488BFF; } 

.exam-sort__box1:hover .exam-sort__box1-img { background: url(/ks_inc/member-center/images/exam/me_test_btn_order.png) no-repeat center; } 

.exam-sort__box1-img { width: 40px; height: 40px; background: url(/ks_inc/member-center/images/exam/me_test_btn_order_n.png) no-repeat center; margin-top: 20px; position: absolute; left: 50%; margin-left: -20px; } 

.exam-sort__box1 p { margin-top: 68px; } 

.exam-sort__box2 { width: 188px; height: 100px; border-radius: 6px; border: solid 1px #ccc; color: #333; font-size: 16px; text-align: center; position: absolute; top: 80px; right: 120px; } 

.exam-sort__box2:hover { border: solid 1px #488BFF; color: #488BFF; } 

.exam-sort__box2:hover .exam-sort__box2-img { background: url(/ks_inc/member-center/images/exam/me_test_btn_random.png) no-repeat center; } 

.exam-sort__box2-img { width: 40px; height: 40px; background: url(/ks_inc/member-center/images/exam/me_test_btn_random_n.png) no-repeat center; margin-top: 20px; position: absolute; left: 50%; margin-left: -20px; } 

.exam-sort__box2 p { margin-top: 68px; } 


/* 无内容提示 */

.ks-empty { text-align: center; color: #b5b5b5; background-repeat: no-repeat; background-size: auto 140px; background-position: 50% 40px; padding: 200px 0 30px 0; font-size: 14px } 

.ks-empty--default { background-image: url(/ks_inc/member-center/images/common/nodata.png) } 
.ks-empty--list { background-image: url(/ks_inc/member-center/images/common/empty.png) } 

/* 支付组件样式 */

.ks-pay { padding: 20px 20px 0 20px; border-top: 1px solid #E6E9ED; } 

.ks-pay h1 { font-size: 16px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(102, 102, 102, 1); margin-top: 20px; } 

.ks-pay__row p { display: block; font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 40px; } 

.ks-pay__list { overflow: hidden; margin-top: 20px; } 

.ks-pay__item { width: 145px; height: 48px; position: relative; margin-right: 10px; text-align: center; line-height: 48px; float: left; border: 1px solid #BCC3CC; font-size: 20px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(53, 53, 53, 1); } 

.ks-pay__item i { width: 16px; height: 16px; background: url(/ks_inc/member-center/images/account/active.png); position: absolute; right: 0; bottom: 0; } 

.active-pay { border: 1px solid #3C81F9; } 

.ks-used { width: 145px; text-align: center; line-height: 40px; font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(136, 136, 136, 1); } 

.ks-pay__text { margin-top: 15px; border: 1px solid #E6E9ED; max-height: 200px; min-height: 100px; overflow: auto; padding: 10px; } 

.ks-checkbox { margin-top: 30px; } 

.ks-pay__btn { text-align: center; margin-top: 30px; } 
/* 图片上传组件 */
.upload-img { margin-top: 20px; text-align: center; background: #fff; } 
.avatar-uploader { overflow: hidden; } 
.avatar-uploader-icon { font-size: 28px; color: #8c939d; width: 200px; height: 200px; line-height: 200px; text-align: center; border: 1px dashed #d9d9d9; box-sizing: border-box; } 
.avatar-uploader-icon:hover { border-color: #409EFF; } 
.avatar { max-width: 200px; max-height: 200px; display: inline-block; vertical-align: middle; } 
.upload-img-tips { margin-top: 15px; } 
.upload-img-tips h3 { font-size: 14px; font-weight: normal; } 
.upload-img-tips p { font-size: 13px; color: #999; line-height: 25px; } 


.MediaPreview .mt10 { margin-top: 10px; } 
.MediaPreview video::-internal-media-controls-download-button { display: none; } 
.MediaPreview video::-webkit-media-controls-enclosure { overflow: hidden; } 
/* 原生 */
.MediaPreview audio::-webkit-media-controls-enclosure { border-radius: 0px; } 
.MediaPreview audio::-webkit-media-controls-timeline { padding-top: 10px; padding-bottom: 10px; } 
.MediaPreview .audio { width:400px; } 
.MediaPreview .preview img { float:left; } 
.MediaPreview .preview-image .atlas .ks-image img { width: 100%; height: 200px; object-fit: cover; margin-top: 5px; } 
.MediaPreview .preview-image { overflow: hidden; } 
.MediaPreview .preview-image .ks-image { float: left; } 
.MediaPreview .preview-image .ks-image img { width: 4.5rem; height: 4.5rem; margin: 5px 8px 5px 0; } 
.MediaPreview .preview-vodeo .video { width: 14.5rem; margin-top: 5px; } 

.MediaPreview .audio-wrapper { width:400px; background-color: #f7f7f7; border-radius: 4px; display: flex; padding: 5px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; } 

.MediaPreview .audio-left { width: 40px; height: 40px; text-align: center; color: #fff; background-image: url(/ks_inc/member-center/images/common/play.png); background-repeat: no-repeat; background-size: 100% 100%; } 
.MediaPreview .audio-left--playing { /* animation: rotation 3s linear infinite; */
 background-image: url(/ks_inc/member-center/images/common/playing_gr.gif); } 
@keyframes rotation { 
 from { -webkit-transform: rotate(0deg); } 
to { -webkit-transform: rotate(360deg); } 
 }
.MediaPreview .audio-left--pause { background-image: url(/ks_inc/member-center/images/common/playing_gr.gif); } 

.MediaPreview .audio-right { width: 100%; padding-left: 15px; } 
.MediaPreview .audio-right__name { font-weight: bold; line-height: 24px; height: 24px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 

.MediaPreview .audio-right__time { line-height: 20px; height: 20px; color: #e64a3b; font-size: 10px; } 

.MediaPreview .audio-length-current { float: left; font-size: 12px; } 
.MediaPreview .ks-action-sheet__list { border-radius: 5px; overflow: hidden; } 
.MediaPreview .ks-action-sheet { width: 96%; left: 2%; } 
.MediaPreview .ks-action-sheet__cancel { border-radius: 5px; overflow: hidden; margin-bottom: 10px; } 
.MediaPreview .audio-length-total { position: absolute; right: 18px; top: 10px; font-size: 16px } 
/* 图片样式 */
.MediaPreview .preview { width: 10rem; height: 10rem; margin-right: .5rem; margin-top: 5px; border-radius: 4px; border: 1px solid #eee; object-fit: cover; } 
.MediaPreview .preview-image .atlas .preview { width: 100%; height: 23rem; border-radius: 4px; margin-top: 5px; object-fit: cover; } 
/* .preview-video { width: 100%; } */
.MediaPreview .atlas { width: 550px; } 
.MediaPreview .audio-wrapper { position: relative; } 
.MediaPreview .audio-left { background-image: url(/ks_inc/member-center/images/common/play.png); } 
.MediaPreview .audio-left--playing { background-image: url(/ks_inc/member-center/images/common/playing_gr.gif); } 
.MediaPreview .preview-video .preview-span { width:460px; } 
.MediaPreview .preview-word .preview-span { width: 760px; } 
.MediaPreview .preview-span { position:relative; float: left; display: block; } 
.MediaPreview .preview-span__i { position: absolute; right: 18px; top: 12px; background: #00000036; padding: 5px; } 
.MediaPreview .el-icon-delete:before { color: #fff; } 
.MediaPreview .video { height: 23rem; } 

/* 目录 */
.ks-catalog-chapter>.ks-catalog-title { background: none !important; } 

.ks-catalog-section>.ks-catalog-title { background: url('/KS_Inc/member-center/images/catalog/common_icon_circle.png') no-repeat 10px center !important; padding-left: 20px; } 

.ks-catalog-chapter>.ks-catalog-title { padding-left: 0 !important; padding-left: 20px; } 

.ks-catalog-title__th { padding: 0 10px !important; height: 59px !important; line-height: 59px !important; } 

.ks-catalog-section .ks-catalog-period .ks-catalog-title { margin-left: 20px; border-bottom: 1px solid #F8F9FB; } 
.ks-catalog-title__arrow { background: url('/KS_Inc/member-center/images/catalog/common_icon_pulldown.png') no-repeat 50% 50%; top: 50%; margin-top: -25px; } 
.sprogress { float: right; width: 120px; margin: 0 10px; margin-top: 22px; } 
.sprogress .el-progress { width: 120px; } 
.ks-catalog-learnednum { float: right; font-size: 14px; color: #8D9299; margin-left: 11px; }