input:-webkit-autofill {
 -webkit-transition-delay: 9999s;
 -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}
.ui-u-center { width: 1400px; max-width: 100%; min-width: 130px; margin: auto; margin-top: 48px; margin-bottom: 48px; display: table; }
.ui-u-center .ui-u-c-left { width: 336px; float: left }
.ui-u-center .ui-u-c-right { width: calc(100% - 352px); float: right }
.ui-u-center .ui-u-c-left .ui-u-c-left-top { width: 100%; background: rgba(29, 34, 39, 1); border-radius: 8px; display: inline-block; position: relative; padding-bottom: 24px; }
.bnhVkG { transition: all 0s ease 0s; color: rgba(132, 134, 137, 1); font-size: 14px; font-weight: 400; display: inline-block; line-height: 1.4; border-radius: 0px; margin-top: 12px; }
.dagcdF { color: rgba(119, 77, 247, 1); margin-left: 3px; margin-right: 10px; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom { width: 100%; background: rgba(29, 34, 39, 1); border-radius: 8px; display: inline-block; position: relative; padding: 24px 0px; ; margin-top: 16px; }
.ui-u-center .ui-u-c-left .ui-u-c-avatar { width: 120px; height: 120px; border-radius: 60px; position: absolute; top: -24px; left: 108px; }
.ui-u-center .ui-u-c-left .ui-u-c-avatar img { width: 120px; height: 120px; border-radius: 60px; }

.ui-u-center .ui-u-c-left .ui-u-c-username { width: 100%; height: 34px; line-height: 34px; text-align: center; color: rgba(245, 245, 245, 1); font-size: 24px; margin-top: 112px; }
.ui-u-center .ui-u-c-left .ui-u-c-occupation { color: rgba(99, 102, 105, 1); text-align: center; font-size: 14px; height: 20px; line-height: 20px; margin-top: 4px; }
.ui-u-center .ui-u-c-left .ui-u-c-occupation span { margin: auto; display: inline-block; padding: 0px 6px; }
.ui-u-center .ui-u-c-left .ui-u-ff { width: 288px; height: 62px; border: 1px solid rgba(41, 46, 50, 1); margin: auto; margin-top: 16px; text-align: center; border-radius: 8px; padding: 10px 8px; box-sizing: border-box; }
.ui-u-center .ui-u-c-left .ui-u-upload-works { width: 288px; height: 40px; opacity: 1; border-radius: 4px; background: rgba(119, 77, 247, 1); text-align: center; line-height: 40px; font-size: 16px; font-weight: 400; color: rgba(245, 245, 245, 1); margin-top: 24px; }
.ui-u-center .ui-u-c-left .ui-u-ff div { width: 91px; height: 42px; margin: auto; display: inline-block; }
.ui-u-center .ui-u-c-left .ui-u-ff div span:nth-child(1) { width: 100%; display: block; color: rgba(245, 245, 245, 1); font-size: 16px; }
.ui-u-center .ui-u-c-left .ui-u-ff div span:nth-child(2) { width: 100%; display: block; color: rgba(99, 102, 105, 1); font-size: 14px; }
.ui-u-center .ui-u-c-left .ui-u-signature { width: 288px; color: rgba(200, 201, 202, 1); font-size: 14px; margin: auto; margin-top: 24px; }
.ui-u-center .ui-u-c-left .ui-u-upload-works { width: 288px; height: 40px; background: rgba(119, 77, 247, 1); line-height: 40px; border-radius: 4px; text-align: center; font-size: 16px; margin: auto; margin-top: 24px; display: block; color: rgba(245, 245, 245, 1); }
.ui-u-center .ui-u-c-left .ui-u-upload-zsbx { width: 288px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; border: 1px solid rgba(65, 68, 73, 1); border-radius: 4px; color: rgba(245, 245, 245, 1); margin: auto; display: block; margin-top: 16px; }
.ui-u-center .ui-u-c-left .ui-u-follow { width: 288px; height: 40px; background: rgba(119, 77, 247, 1); border: 1px solid rgba(119, 77, 247, 1); line-height: 40px; border-radius: 4px; text-align: center; font-size: 16px; margin: auto; margin-top: 24px; display: block; color: rgba(245, 245, 245, 1); }
.ui-u-center .ui-u-c-left .ui-u-follow.on { background: none; border: 1px solid rgba(65, 68, 73, 1); }
.ui-u-center .ui-u-c-left .ui-u-coin { width: 288px; margin: auto; height: 18px; margin-top: 16px; }
.ui-u-center .ui-u-c-left .ui-u-coin .coin-1{ float:left;}
.ui-u-center .ui-u-c-left .ui-u-coin .coin-2{ float:right;color: rgba(200, 201, 202, 1); font-size: 14px; line-height:18px;}
.ui-u-center .ui-u-c-left .ui-u-coin .icon { background: url(../img/ucenter-coin-bg.png?1) center no-repeat; width: 16px; height: 16px; float: left }
.ui-u-center .ui-u-c-left .ui-u-coin .coin { height: 18px; line-height: 18px; color: rgba(200, 201, 202, 1); margin-left: 4px; font-size: 14px; display: inline-block }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom a { width: 100%; height: 54px; display: block; padding: 16px 0px; box-sizing: border-box; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom a.active .bg { width: 3px; height: 20px; background: rgba(119, 77, 247, 1); display: block; float: left }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom a .bg { width: 3px; height: 20px; background: none; display: block; float: left }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom a .icon { width: 20px; height: 20px; margin-left: 32px; display: block; float: left; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-center .icon { background: url(../img/b-center.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-qb .icon { background: url(../img/b-qb.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-purchase_record .icon { background: url(../img/b-purchase_record.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-creation .icon { background: url(../img/b-creation.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-collect .icon { background: url(../img/b-collect.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-order .icon { background: url(../img/b-order.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-course .icon { background: url(../img/b-course.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-messages .icon { background: url(../img/b-messages.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-setting .icon { background: url(../img/b-setting.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-withdraw .icon { background: url(../img/b-xianjin.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .b-resume .icon { background: url(../img/b-resume.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-center .icon { background: url(../img/b-center-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-creation .icon { background: url(../img/b-creation-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-collect .icon { background: url(../img/b-collect-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-order .icon { background: url(../img/b-order-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-qb .icon { background: url(../img/b-qb-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-purchase_record .icon { background: url(../img/b-purchase_record-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-messages .icon { background: url(../img/b-messages-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-course .icon { background: url(../img/b-course-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-setting .icon { background: url(../img/b-setting-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-resume .icon { background: url(../img/b-resume-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom .active.b-withdraw .icon { background: url(../img/b-xianjin-active.png) center no-repeat; }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom a .tit { color: rgba(99, 102, 105, 1); font-size: 16px; margin-left: 18px; float: left }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom a.active .tit { color: rgba(245, 245, 245, 1); }
.ui-u-center .ui-u-c-left .ui-u-c-left-bottom a:hover .tit { color: rgba(245, 245, 245, 1); }
/*个人中心*/
.ui-u-c-right .u-center .u-center-top { width: 100%; height: 228px; background: rgba(29, 34, 39, 1); border-radius: 8px; padding: 24px; box-sizing: border-box; }
.u-center-message { width: 100%; height: 40px; }
.u-center-message .u-center-message-icon { width: 40px; height: 40px; background: rgba(41, 46, 50, 1) url(../img/ui-header-notice.png) center no-repeat; border-radius: 2px; float: left; }
.u-center-message .u-center-msg-cell { float: left; margin-left: 16px; }
.u-center-message .u-center-msg-cell .cell-1 { height: 22px; line-height: 22px; color: rgba(245, 245, 245, 1); font-size: 16px; }
.u-center-message .u-center-msg-cell .cell-2 { height: 17px; line-height: 17px; color: rgba(200, 201, 202, 1); font-size: 12px; margin-top: 2px; }
.u-center-fw { margin-top: 40px; }
.u-center-fw .fw-item { width: 236px; height: 99px; border: 1px solid rgba(41, 46, 50, 1); justify-content: flex-start; align-items: center; padding: 16px; box-sizing: border-box; border-radius: 4px; margin-right: 16px; float: left; }
.u-center-fw .fw-item .icon { width: 67px; height: 67px; border-radius: 2px; float: left; }
.u-center-fw .fw-item.course .icon { background: #1D3036 url(../img/fw-item-course.png) center no-repeat; }
.u-center-fw .fw-item.task .icon { background: url(../img/fw-item-task.png) #33322B center no-repeat; }
.u-center-fw .fw-item .data { margin-left: 24px; float: left; }
.u-center-fw .fw-item .data .number { color: rgba(245, 245, 245, 1); height: 45px; line-height: 45px; font-size: 32px; }
.u-center-fw .fw-item .data .tit { color: rgba(245, 245, 245, 1); height: 22px; line-height: 22px; color: rgba(200, 201, 202, 1); font-size: 16px; }
.u-center-course-cell { width: 100%; height: 82px; }
.u-center-course-cell .u-center-coursenav { float: left; color: rgba(245, 245, 245, 1); font-size: 20px; margin-top: 27px; font-weight: 500 }
.u-center-course-cell .u-center-course-change { width: 108px; height: 34px; background: rgba(29, 34, 39, 1); float: right; margin-top: 24px; border-radius: 4px; cursor: pointer; }
.u-center-course-cell .u-center-course-change .icon { background: url(../img/course-change.png) no-repeat; width: 16px; float: left; height: 16px; margin: 9px 8px 0px 16px; }
.u-center-course-cell .u-center-course-change .tit { color: rgba(200, 201, 202, 1); height: 100%; line-height: 34px; font-size: 16px; }
/*课程推荐*/
.ui-course-index-list { width: 100%; min-height: 450px; margin-bottom: 50px; display: block; }
.ui-course-index-list .ui-course-item { float: left; width: 333px; height: 387px; background: rgba(29, 34, 39, 1); border-radius: 4px; margin: 0px 24px 24px 0px; position: relative; }
.ui-course-index-list .ui-course-item:nth-child(3n+0) { margin-right: 0px; }
.ui-course-index-list .ui-course-item a { width: 100%; height: 100%; display: block; }
.ui-course-index-list .ui-course-item a .ui-course-cover { width: 100%; height: 214px; }
.ui-course-index-list .ui-course-item a .ui-course-cover img { max-width: 100%; max-height: 100%; }
.ui-course-index-list .ui-course-item a .ui-course-video { display: none; width: 100%; height: 290px; }
.ui-course-index-list .ui-course-item a .ui-course-video .video { width: 100%; height: 100%; }
.ui-course-index-list .ui-course-info { width: 100%; height: 173px; padding: 20px; box-sizing: border-box; }
.ui-course-index-list .ui-course-info .c1 { overflow: hidden; }
.ui-course-index-list .ui-course-info .c1 .fl { width: 226px; }
.ui-course-index-list .ui-course-info .c1 .course-title { font-size: 18px; height: 25px; line-height: 25px; overflow: hidden; color: rgba(245, 245, 245, 1); }
.ui-course-index-list .ui-course-info .c1 .course-dk span { font-size: 14px; height: 20px; line-height: 20px; margin-right: 8px; margin-top: 10px; display: block; float: left; color: rgba(200, 201, 202, 1); }
.ui-course-index-list .ui-course-info .c1 .price { height: 28px; line-height: 28px; color: rgba(245, 245, 245, 1); }
.ui-course-index-list .ui-course-info .c1 .price span:nth-child(1) { font-size: 14px; float: left; margin-top: 3px; }
.ui-course-index-list .ui-course-info .c1 .price span:nth-child(2) { font-size: 20px; float: left; }
.ui-course-index-list .ui-course-info .c1 .ts { width: 70px; height: 20px; background: rgba(41, 46, 50, 1); border-radius: 3px; text-align: center; overflow: hidden; margin-top: 4px; float: right }
.ui-course-index-list .ui-course-info .c1 .ts span { margin: auto; font-size: 11px; line-height: 20px; color: rgba(255, 255, 255, 1); display: inline-block }
.ui-course-index-list .ui-course-info .c1 .ts .icon { background: url(../img/x-vip-icon.png) no-repeat; width: 10px; height: 8px; margin-right: 4px; }
.ui-course-index-list .ui-course-info .c2 { width: 100%; height: 62px; border: 1px solid rgba(41, 46, 50, 1); display: flex; justify-content: flex-start; align-items: flex-start; padding: 12px 12px 12px 12px; border-radius: 4px; box-sizing: border-box; margin-top: 16px; }
.ui-course-index-list .ui-course-info .c2 .in_1 { width: 32px; height: 32px; border-radius: 16px; }
.ui-course-index-list .ui-course-info .c2 .in_1 img { width: 32px; height: 32px; border-radius: 16px; }
.ui-course-index-list .ui-course-info .c2 .in_2 { margin-left: 8px; overflow: hidden; }
.ui-course-index-list .ui-course-info .c2 .in_2 div:nth-child(1) { height: 20px; line-height: 20px; font-size: 14px; color: rgba(245, 245, 245, 1); }
.ui-course-index-list .ui-course-info .c2 .in_2 div:nth-child(2) { height: 17px; line-height: 17px; font-size: 12px; color: rgba(99, 102, 105, 1); }
.ui-course-index-list .course-tool { width: 100%; height: 46px; position: absolute; bottom: 173px; display: block; }
.ui-course-index-list .course-tool div { width: 22px; height: 22px; background-size: 100%; float: left; margin-top: 14px; margin-left: 20px; margin-right: 9px; }
.ui-course-index-list .course-tool .tool-ps { background: url(../img/tool_ps.png) no-repeat; background-size: 100%; }
/*课程推荐*/

/*我的课程*/
.u-course .ui-course-router-tabs { width: 100%; height: 32px; }
.u-course .ui-course-router-tabs .ui-course-tab-button { color: rgba(99, 102, 105, 1); height: 34px; line-height: 20px; margin-left: 24px; margin-right: 24px; font-size: 16px; position: relative; display: inline-block; font-size: 16px; }
.u-course .ui-course-router-tabs .ui-course-tab-button.cur span { width: 100%; height: 2px; display: block; position: absolute; bottom: 0px; background: rgba(119, 77, 247, 1); background-blend-mode: normal; }
.u-course .ui-course-router-tabs .ui-course-tab-button.cur { color: rgba(245, 245, 245, 1); }
.u-course .ui-course-list { margin-top: 24px; }
.u-course .ui-course-list .emptycourse { width: 100%; text-align: center; font-size: 16px; color: #fff; margin-top: 80px; }
.u-course .ui-course-list .ui-course-item { width: 100%; height: 185px; background: rgba(29, 34, 39, 1); padding: 24px; box-sizing: border-box; margin-bottom: 16px; }
.ui-course-list .ui-course-item .course-cover { width: 213px; height: 137px; border-radius: 4px; float: left; }
.ui-course-list .ui-course-item .ui-course-item-right { float: right; width: calc(100% - 238px); }
.ui-course-list .ui-course-item .ui-course-item-right .title { height: 25px; color: rgba(245, 245, 245, 1); font-size: 18px; width: 100%; overflow: hidden; }
.ui-course-list .ui-course-item .ui-course-item-right .title2 { height: 25px; color: rgba(245, 245, 245, 1); font-size: 18px; width: 60%; overflow: hidden; float:left; }

.ui-course-list .ui-course-item .ui-course-item-right .validity_period { height: 25px; color: rgba(245, 245, 245, 1); font-size: 18px; width: 40%; overflow: hidden; float:right; text-align:right; }
.ui-course-list .ui-course-item .ui-course-item-right .item-cell-2 { margin-top: 4px; color: rgba(99, 102, 105, 1); height: 20px; line-height: 20px; }
.ui-course-list .ui-course-item .ui-course-item-right .item-cell-2 div { float: left; font-size: 14px; margin-right: 20px; }
.ui-course-list .ui-course-item .ui-course-item-right .item-cell-3 { width: 100%; margin-top: 5px;margin-bottom: 5px; display: inline-block; }
.ui-course-list .ui-course-item .ui-course-item-right .item-cell-3 .user-img { float: left; width: 32px; height: 32px; border-radius: 16px; margin-right: 10px; }
.ui-course-list .ui-course-item .ui-course-item-right .item-cell-3 .user-name { height: 32px; line-height: 32px; color: rgba(245, 245, 245, 1); font-size: 14px; float: left; }
.ui-course-list .course-look-progress { height: 40px; width: 100%; }
.ui-course-list .course-look-progress .progress-1 .progress-bar { width: 550px; float: left; height: 4px; background: rgba(255, 255, 255, 0.2); border-radius: 100px; position: relative; top: 18px; }
.ui-course-list .course-look-progress .progress-1 .progress-bar span { display: block; height: 4px; position: absolute; top: 0px; left: 0px; border-radius: 100px; background: rgba(119, 77, 247, 1); }
.ui-course-list .course-look-progress .progress-1 .progress-bar-tit { color: rgba(200, 201, 202, 1); height: 20px; margin-top: 10px; line-height: 20px; font-size: 14px; float: left; padding: 0px 16px; border-right: 1px solid #494E52 }
.ui-course-list .course-look-progress .progress-1 .continue-learning { width: 84px; height: 40px; background: rgba(119, 77, 247, 1); text-align: center; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 16px; border-radius: 4px; float: right; }
.ui-course-list .course-look-progress .progress-2 { width: 100%; }
.ui-course-list .course-look-progress .progress-2 .opening-time { height: 40px; line-height: 40px; color: rgba(200, 201, 202, 1); font-size: 14px; float: left; }
.ui-course-list .course-look-progress .progress-2 .look-course { width: 84px; height: 40px; border: 1px solid rgba(65, 68, 73, 1); font-size: 16px; text-align: center; line-height: 40px; border-radius: 4px; float: right; color: rgba(245, 245, 245, 1); }
.ui-course-list .item-cell-3 .continue-learning { width: 84px; height: 40px; background: rgba(119, 77, 247, 1); text-align: center; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 16px; border-radius: 4px; float: right; }
.ui-course-list .item-cell-3 .continue-learning2 { width: 84px; height: 40px; background:#de5d1d; text-align: center; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 16px; border-radius: 4px; float: right; }
.ui-course-list .item-cell-3 .continue-learning3 { width: 84px; height: 40px; border:1px solid #fff; text-align: center; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 16px; border-radius: 4px; float: right; }
/*我的创作*/
.u-creation .ui-creation-router-tabs { width: 100%; height: 63px; background: rgba(29, 34, 39, 1); border-radius: 8px; }
.u-creation .ui-creation-router-tabs .ui-creation-tab-button { color: rgba(99, 102, 105, 1); height: 32px; line-height: 20px; margin-left: 36px; margin-top: 14px; position: relative; display: inline-block; font-size: 16px; color: rgba(99, 102, 105, 1); }
.u-creation .ui-creation-router-tabs .ui-creation-tab-button.cur span { width: 100%; height: 2px; display: block; position: absolute; bottom: 0px; background: rgba(119, 77, 247, 1); background-blend-mode: normal; }
.u-creation .ui-creation-router-tabs .ui-creation-tab-button.cur { color: rgba(245, 245, 245, 1); }
.u-creation .ui-creation-list { margin-top: 24px; column-gap: 18px; }
.u-creation .ui-creation-list .emptycreation { width: 100%; text-align: center; font-size: 16px; color: #fff; margin-top: 80px; }
.u-creation .ui-creation-list .ui-creation-item { width: 100%; height: 185px; background: rgba(29, 34, 39, 1); padding: 24px; box-sizing: border-box; margin-bottom: 16px; }
.u-creation .ui-creation-list .cardBox { width: 248px !important; }
.u-creation .ui-creation-list .cardBox:hover .jSERgJ { display: block; }
.btuCVL .filterTab { width: 100%; height:40px; margin-bottom: 20px; margin-top: 25px; }
.ixslyB { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; }
.bNyzKv { transition: all 0s ease 0s; color: rgba(245, 245, 245, 1); height: 40px; line-height: 40px; font-size: 20px; display: inline-block; border-radius: 0px; }
.dowjFr { position: relative; background-color: transparent; text-align: left; border-bottom: none; border-top: none; border-radius: 0px; box-shadow: none; margin-left: 20px; }
.ieoHpf { display: inline-block; background-color: transparent; position: relative; color: rgb(31, 31, 31); }
.ixslyB .select_wrapper { float: right; position: relative; }
.ixslyB .select-selector { width: 138px !important; display: block; border-radius: 8px; color: rgba(99, 102, 105, 1); font-size: 16px; height: 40px; line-height: 40px; background: url(../img/select-icon.png) rgba(41, 46, 50, 1) 117px 17px no-repeat; padding: 0px 20px; cursor: pointer; box-sizing: border-box; }
.ixslyB .select-selector.cur { }
.ixslyB .select_wrapper .select_inner { display: none; position: absolute; top: 41px; left: 0px; z-index: 9; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 35%); padding: 5px 0px; background: rgba(41, 46, 50, 1); border-radius: 8px; }
.ixslyB .select_wrapper .select_inner .select-li { width: 138px !important; display: block; color: rgba(99, 102, 105, 1); font-size: 16px; height: 40px; line-height: 40px; background: rgba(41, 46, 50, 1); padding: 0px 20px; cursor: pointer; box-sizing: border-box; }
.ixslyB .select_wrapper .select_inner .select-li:hover { background: rgba(35, 40, 43, 1); }
.ixslyB .select_wrapper .select_inner .select-li:last-child { }
/*账户设置*/
.u-setting { height: 1234px; background: rgba(29, 34, 39, 1); border-radius: 8px; }
.u-setting .u-setting-tab-box { width: 100%; height: 70px; border-bottom: 1px solid #242B2F }
.u-setting .u-setting-tab-box a { margin-left: 32px; margin-right: 32px; height: 68px; line-height: 68px; color: rgba(245, 245, 245, 1); font-size: 16px; display: block; float: left; }
.u-setting .u-setting-tab-box a.cur { border-bottom: 2px solid rgba(119, 77, 247, 1) }
.user-avatars { text-align: center; position: relative; width: 120px; height: 120px; margin: 40px auto 16px; cursor: pointer; }
.user-avatars .opacity-layer { width: 120px; height: 120px; background: rgba(0, 0, 0, .5); position: absolute; border-radius: 50%; color: #fff; line-height: 120px; }
.user-avatars img { border-radius: 50%; }
.datum-title-box { color: rgba(245, 245, 245, 1); font-size: 14px; height: 52px; line-height: 52px; padding-left: 24px; }
.table-wrap { margin-left: 24px; width: 888px; }
.datum-table th { width: 73px; font-weight: 400; color: rgba(245, 245, 245, 1); text-align: right; padding-right: 30px }
.datum-table td { color: rgba(245, 245, 245, 1); position: relative }
.datum-table .e-job { width: auto; padding-left: 30px }
.datum-table .padding-top-30 { padding-top: 30px }
.datum-table .brief-introduction { padding-top: 46px }
.datum-table .long-text-box { display: inline-block; position: relative }
.datum-table .long-text-box .text-style { width: 100%; display: block }
.datum-table .school-name-wrap { width: 324px; position: relative }
.datum-table .short-text-box { width: 324px }
.datum-table .company-text { width: 288px }
.datum-table .personal-link-icon { margin-left: 16px; vertical-align: middle; zoom: 1; display: none; position: absolute; top: 24px }
.datum-table .other-personal-link { display: none }
@media screen and (min-width:1601px) {
.datum-table .long-text-box { width: 868px }
.detailed-address { width: 658px }
.table-wrap { width: 952px }
}
.datum-table .text-style { background: #272E32; border-radius: 4px; height: 42px; width: 100%; display: inline-block; padding: 10px; box-sizing: border-box; color: rgba(245, 245, 245, 1); font-size: 14px; }
.required-sign { color: #f4523b; width: 7px; height: 13px; margin-right: 10px; display: inline-block }
.btn-current-middle, .btn-current-small { height: 36px; line-height: 36px; font-size: 14px; -webkit-box-sizing: border-box; width: 80px; float: right; box-sizing: border-box; }
.table-wrap .btn-default-main { margin-top: 40px; color: rgba(245, 245, 245, 1); background: rgba(119, 77, 247, 1); background-blend-mode: normal; border-radius: 4px; cursor: pointer; text-align: center; }
/*账户安全*/
.u-setting .account-num-tabcon { margin-top: 28px; padding: 40px 100px; }
.u-setting .account-num-tabcon p > span { margin-top: -4px; float: left; color: #444444; font-size: 14px; display: inline-block; vertical-align: middle; *vertical-align: auto;
zoom: 1; *display: inline;
}
.u-setting .account-num-tabcon p .account-title { width: 56px; text-align: right; margin-right: 40px; color: #bbbbbb; }
.u-setting .account-num-tabcon p .account-tips-text { width: 380px; color: #666666; }
.u-setting .account-num-tabcon p > a { display: inline-block; vertical-align: middle; *vertical-align: auto;
zoom: 1; *display: inline;
width: 120px; height: 36px; line-height: 36px; float: right; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 10px; }
.u-setting .account-num-tabcon .btn-default-main { color: rgba(245, 245, 245, 1); background: rgba(119, 77, 247, 1); background-blend-mode: normal; border-radius: 4px; cursor: pointer; text-align: center; }
/*修改密码*/
.retrieve-pass-box { width: 100%; }
.retrieve-pass-box .retrie-center { width: 336px; margin: auto; margin-top: 40px; display: block; }
.retrieve-pass-box .text-style { background: #272E32; border-radius: 4px; height: 42px; width: 100%; display: inline-block; padding: 10px; box-sizing: border-box; color: rgba(245, 245, 245, 1); font-size: 14px; margin-bottom: 20px; }
.retrieve-pass-box .btn-default-main { width: 145px; height: 40px; line-height: 40px; margin: auto; color: rgba(245, 245, 245, 1); background: rgba(119, 77, 247, 1); background-blend-mode: normal; border-radius: 4px; cursor: pointer; text-align: center; }
/*修改密码-修改方式切换*/
.retrieve-pass-box .pwd-way-tab { width: 336px; margin: auto; margin-top: 30px; overflow: hidden; }
.retrieve-pass-box .pwd-way-tab a { display: block; float: left; width: 50%; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: rgba(200, 201, 202, 1); background: #272E32; box-sizing: border-box; }
.retrieve-pass-box .pwd-way-tab a:first-child { border-radius: 4px 0 0 4px; }
.retrieve-pass-box .pwd-way-tab a:last-child { border-radius: 0 4px 4px 0; }
.retrieve-pass-box .pwd-way-tab a.cur { color: rgba(245, 245, 245, 1); background: rgba(119, 77, 247, 1); }
/*修改密码-只读手机号*/
.retrieve-pass-box .readonly-mobile { color: rgba(150, 153, 156, 1); cursor: not-allowed; }
/*修改密码-验证码与发送按钮*/
.retrieve-pass-box .code-line { width: 100%; display: inline-block; }
.retrieve-pass-box .code-line .input-code { width: 206px; }
.retrieve-pass-box .ui-send-tit { width: 120px; height: 42px; line-height: 42px; float: right; border: 0; border-radius: 4px; background: #774DF7; color: #fff; font-size: 16px; text-align: center; cursor: pointer; margin-bottom: 20px; }
.retrieve-pass-box .ui-send-tit[disabled] { opacity: .5; cursor: not-allowed; }
.retrieve-pass-box .no-bind-mobile-tips { color: rgba(222, 93, 29, 1); font-size: 13px; line-height: 18px; margin-bottom: 20px; }
/*我的钱包*/
.u-qb { background: rgba(29, 34, 39, 1); border-radius: 8px; min-height: 224px; }
.u-qb .u-qb-title { height: 54px; background: rgba(41.82, 46.869, 51, 1); padding: 16px 24px; box-sizing: border-box; border-radius: 8px 8px 0px 0px; }
.u-qb .u-qb-title .icon { background: url(../img/b-qb.png) no-repeat; width: 20px; height: 20px; float: left; margin-right: 8px; }
.u-qb .u-qb-title .tit { height: 20px; line-height: 20px; color: rgba(200, 201, 202, 1); font-size: 16px; float: left; }
.u-qb .u-qb-recharge .u-qb-balance { float: left; margin-top: 24px; margin-left: 48px; }
.u-qb .u-qb-recharge .u-qb-balance .tit { color: rgba(200, 201, 202, 1); font-size: 16px; height: 24px; line-height: 24px; }
.u-qb .u-qb-recharge .u-qb-balance .balance .amount { color: rgba(222, 93.00000000000001, 29.00000000000002, 1); font-size: 64px; float: left }
.u-qb .u-qb-recharge .u-qb-balance .balance div:nth-child(2) { color: rgba(222, 93.00000000000001, 29.00000000000002, 1); font-size: 16px; float: left; margin-top: 50px; margin-left: 8px; }
.u-qb .u-qb-recharge .u-qb-buy { width: 145px; height: 40px; background: rgba(119, 77, 247, 1); background-blend-mode: normal; border-radius: 4px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; margin-top: 65px; margin-right: 48px; float: right; cursor: pointer; }
.u-coin-sm { background: rgba(29, 34, 39, 1); border-radius: 8px; min-height: 224px; margin-top: 26px; }
.u-coin-sm .u-qb-title { height: 54px; padding: 10px 24px; border-bottom: 2px solid rgba(65, 68, 73, 1); box-sizing: border-box; border-radius: 8px 8px 0px 0px; }
.u-coin-sm .u-qb-title .nav { height: 34px; line-height: 20px; color: rgba(99, 102, 105, 1); margin-right: 48px; position: relative; font-size: 16px; font-weight: 400; float: left; }
.u-coin-sm .u-qb-title .nav.on span { width: 100%; height: 2px; position: absolute; bottom: 0px; left: 0px; display: block; background: rgba(119, 77, 247, 1); }
.u-coin-sm .u-qb-title .nav.on { color: rgba(245, 245, 245, 1); }
.coin-sm-list { padding: 18px; box-sizing: border-box; display: inline-block; }
.coin-sm-list .dGdsI2 { width: 1012px; min-height: 40px; margin-bottom: 20px; overflow:hidden; }
.coin-sm-list .dGdsI2 .ef1 { float: left; width: 160px; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 40px; color: rgba(245, 245, 245, 1); }
.coin-sm-list .dGdsI2 .ef2 { float: left; width: 610px; margin-left: 24px; color: rgba(99, 102, 105, 1); ; font-size: 16px; font-weight: 400; line-height: 40px; letter-spacing: 0px; }
.coin-sm-list .dGdsI2 .ef2 span { color: rgba(222, 93, 29, 1); }
.coin-sm-list .dGdsI2 .ef3 { float: right; width: 170px; height: 40px; line-height: 40px; color: rgba(245, 245, 245, 1); font-size: 16px; opacity: 1; border-radius: 4px; background: rgba(119, 77, 247, 1); text-align: center; }
.record-nav { margin: 18px 0px; }
.record-nav .n1 { font-size: 16px; font-weight: 400; color: rgba(200, 201, 202, 1); margin-left: 24px; }
.record-nav .n2 { font-size: 16px; font-weight: 400; color: rgba(99, 102, 105, 1); margin-left: 24px; }
.coin-record-list { padding-bottom: 40px; display: block }
.coin-record-list table { color: rgba(99, 102, 105, 1); text-align: center; width: calc(100% - 36px); margin: auto; margin-bottom: 40px; }
.coin-record-list table th { background: rgba(65, 68, 73, 1); font-size: 16px; font-weight: 700; }
.coin-record-list table tr { height: 38px; }
/*我的订单*/
.u-order { background: rgba(29, 34, 39, 1); min-height: 660px; border-radius: 8px; }
.u-order .u-order-title { height: 54px; background: rgba(41.82, 46.869, 51, 1); padding: 16px 24px; box-sizing: border-box; border-radius: 8px 8px 0px 0px; }
.u-order .u-order-title .icon { background: url(../img/b-qb.png) no-repeat; width: 20px; height: 20px; float: left; margin-right: 8px; }
.u-order .u-order-title .tit { height: 20px; line-height: 20px; color: rgba(200, 201, 202, 1); font-size: 16px; float: left; }
.u-order .ui-order-list { padding: 24px 24px; }
.u-order .ui-order-list .emptycourse { width: 100%; text-align: center; font-size: 16px; color: #fff; margin-top: 80px; }
.u-order .ui-order-list .ui-order-item { width: 100%; height: 185px; background: rgba(29, 34, 39, 1); padding: 24px; box-sizing: border-box; margin-bottom: 16px; color: rgba(200, 201, 202, 1) }
.u-order .ui-order-list .order-wrap { width: 100%; border-radius: 8px; margin: 0px 0px 20px; display: inline-block; box-sizing: border-box; background: rgba(41.82, 46.869, 51, 1); border: 1px solid rgba(255, 255, 255, 0.2); }
.u-order .ui-order-list .order-top { width: 100%; background: rgba(41.82, 46.869, 51, 1); border-radius: 8px 8px 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 16px 24px 16px; display: inline-block; box-sizing: border-box; color: #fff; }
.u-order .ui-order-list .order-top .ot-1 { float: left; }
.u-order .ui-order-list .order-top .ot-2 { float: left; margin-left: 20px; }
.order-cnt-cos-price { width: 100%; height: 180px; overflow: hidden; }
.u-order .ui-order-list .cos-wrap { width: 610px; float: left; padding: 28px 24px 28px 24px; border-top: 1px solid #eceef2; border-top: 1px solid var(--color-border-hr, #eceef2); height: 180px; box-sizing: border-box }
.u-order .ui-order-list .cos-wrap .cnt-cos { height: 100% }
.u-order .ui-order-list .cos-wrap:first-child { border-top: none }
.u-order .ui-order-list .order-cnt-price { width: 19%; min-width: 100px; flex: none; float: left; display: flex; justify-content: center; align-items: center; color: #fff; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); }
.u-order .ui-order-list .order-cnt-operate { width: 15%; min-width: 100px; flex: none; float: left;justify-content: center; align-items: center; color: #fff; height: 100%; }
.u-order .ui-order-list .order-cnt-operate .btn { width: 96px; height: 40px; line-height: 40px; display: block; border-radius: 20px; font-size: 16px; text-align: center; margin:auto; margin-top: 30px; cursor: pointer; float: right }
.u-order .ui-order-list .order-cnt-operate .pay-btn { width: 100%; display: inline-block; margin-left: 15px; background: #70FFF7; color: #1E474D; }
.u-order .ui-order-list .order-cnt-operate .pay-btn-no { cursor: default; }
.u-order .ui-order-list .order-cnt-operate .buy-it-now { width: 96px;height: 40px;opacity: 1;border-radius: 4px;border: 1px solid rgba(119, 77, 247, 1);background: rgba(119, 77, 247, 1); line-height: 40px; font-size: 14px; text-align: center; cursor: pointer; }
.u-order .ui-order-list .order-cnt-operate .pay-cancel { width: 96px;height: 40px;opacity: 1;border-radius: 4px;border: 1px solid rgba(65, 68, 73, 1); line-height: 40px; font-size: 14px; text-align: center; cursor: pointer; }
.order-center-img { width: 210px; height: 100%; overflow: hidden; flex: none; display: flex; justify-content: center; align-items: flex-start; position: relative; display: inline-block; float: left; border-radius: 8px; margin-right: 16px; }
.order-center-img .img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 8px; }
.order-center-img .icon-placeholder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #eceef2; color: var(--color-border-hr, #eceef2); font-size: 40px; background-color: #fff; background-color: var(--color-bg-white-ctn, #fff) }
.order-center-tit { width: 320px; height: 100%; justify-content: space-between; float: left; flex: 1; flex-direction: column; display: flex; align-items: flex-start; }
.order-center-tit a { color: #fff; }
.order-center-tit .order-price { color: #ffaf3c; font-size: 18px; line-height: 26px; font-weight: 500; align-items: center; width: 100%; justify-content: space-between; text-align: right; }
/*我的消息*/
.u-messages { background: rgba(29, 34, 39, 1); min-height: 660px; border-radius: 8px; }
.u-messages .u-messages-title { height: 54px; background: rgba(41.82, 46.869, 51, 1); padding: 16px 24px; box-sizing: border-box; border-radius: 8px 8px 0px 0px; }
.u-messages .u-messages-title .tit { height: 20px; line-height: 20px; color: rgba(200, 201, 202, 1); font-size: 16px; float: left; }
.u-messages .ui-messages-list { padding: 0px 24px; }
.u-messages .ui-messages-list .message-item { border-bottom: 1px solid rgba(41, 46, 50, 1); padding-bottom: 16px; padding-top: 16px; box-sizing: border-box; }
.u-messages .ui-messages-list .message-item .user-pic { width: 100%; height: 48px; line-height: 48px; margin-top: 16px; position: relative; }
.u-messages .ui-messages-list .message-item .user-pic a { float: left; margin-left: 8px; }
.u-messages .ui-messages-list .message-item .user-pic a img { width: 48px; height: 48px; border-radius: 24px; }
.u-messages .ui-messages-list .message-item .user-pic .username { font-size: 16px; float: left; color: #fff; margin-left: 10px; display: block; }
.u-messages .ui-messages-list .message-item .date { color: rgba(99, 102, 105, 1); font-size: 12px; width: 100%; text-align: right; padding-right: 8px; }
.u-messages .ui-messages-list .message-item .details { padding-left: 67px; color: #fff; font-size: 14px; }
.u-messages .ui-messages-list .message-item .details a { color: rgba(119, 77, 247, 1) }
.u-messages .ui-messages-list .message-item .details .neirong { border-left: 1px solid #273460; padding: 7px; box-sizing: border-box; margin-top: 8px; }
/*个人主页*/
.ui-index-router-tabs { width: 100%; min-height: 63px; background: rgba(29, 34, 39, 1); border-radius: 8px; }
.ui-index-router-tabs .ui-index-tab-button { color: rgba(99, 102, 105, 1); height: 34px; line-height: 20px; margin-left: 36px; margin-top: 14px; position: relative; display: inline-block; font-size: 16px; color: rgba(99, 102, 105, 1); }
.ui-index-router-tabs .ui-index-tab-button.cur span { width: 100%; height: 2px; display: block; position: absolute; bottom: 0px; background: rgba(119, 77, 247, 1); background-blend-mode: normal; }
.ui-index-router-tabs .ui-index-tab-button.cur { color: rgba(245, 245, 245, 1); }
.UCBMc { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: baseline; align-items: baseline; }
.cateBox { z-index: 1; width: 100%; background: rgba(29, 34, 39, 1); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.cateBox .cateList .cateItem:hover { background: rgb(242, 242, 242); color: rgb(40, 40, 40); border-radius: 4px; }
.fpKNiE { transition: all 0s ease 0s; color: rgba(99, 102, 105, 1); font-size: 14px; display: inline-block; cursor: pointer; border-radius: 0px; margin-left: 4px; margin-right: 4px; padding: 8px 12px; }
.keOruJ { transition: all 0s ease 0s; color: rgba(245, 245, 245, 1); font-size: 14px; display: block; font-weight: 400; border-radius: 0px; margin-left: 30px; padding-top: 4px; padding-bottom: 4px; }
.cateBox .cateList { padding: 16px 0px 15px 20px; }
.cateBox .cateList .cateItem.cur { color: rgba(119, 77, 247, 1) }
.gXheEX { display: flex; flex-flow: row wrap; flex: initial; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
.cateList { width: 1000px; max-width: 1000px; }
.u-index .u-user-info { width: 100%; min-height: 500px; background: rgba(29, 34, 39, 1); border-radius: 8px; margin-top: 24px; padding: 24px; box-sizing: border-box; }
.u-index .u-user-info .nav2 { color: rgba(245, 245, 245, 1); height: 20px; line-height: 20px; font-size: 14px; margin-bottom: 16px; }
.u-index .u-user-info .infoitem { width: 100%; margin-bottom: 16px; display: inline-block; height: 20px; }
.u-index .u-user-info .infoitem .in1 { width: 72px; height: 20px; line-height: 20px; text-align: right; float: left; color: rgba(99, 102, 105, 1); font-size: 14px; }
.u-index .u-user-info .infoitem .in2 { float: left; height: 20px; margin-left: 24px; color: rgba(245, 245, 245, 1); font-size: 14px; }
/*上传头像*/
#avatar_ley { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; }
#avatar_ley > .upload_frame { width: 666px; height: 634px; background: #FFFFFF; border-radius: 10px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; overflow: hidden; }
#avatar_ley > .upload_frame > .upload_title { padding: 28px 46px 28px 46px; border-bottom: 1px solid #e7e7e7; overflow: hidden; }
#avatar_ley > .upload_frame > .upload_title >.upload_title_left { float: left; line-height: 24px; font-size: 18px; }
#avatar_ley > .upload_frame > .upload_title >.upload_title_right { float: right; cursor: pointer; width: 28px; height: 28px; background: url("../img/close_icon2.jpg") center no-repeat; display: block; border-radius: 14px; }
#avatar_ley > .upload_frame > .upload_fileBtn { padding: 24px 46px; line-height: 34px; font-size: 16px; }
#avatar_ley > .upload_frame > .upload_fileBtn >input { display: none; }
#avatar_ley > .upload_frame > .upload_fileBtn >label { display: inline-block; width: 88px; height: 34px; text-align: center; border-radius: 5px; background: rgba(119, 77, 247, 1); margin-left: 22px; color: #FFFFFF; }
#avatar_ley > .upload_frame > .upload_content { padding: 0 46px; }
#avatar_ley > .upload_frame > .upload_content >#clipArea { width: 388px; height: 388px; float: left; margin-left: 20px; }
#avatar_ley > .upload_frame > .upload_content .upload_content_right { float: right; width: 120px; margin-right: 20px; text-align: center; }
#avatar_ley > .upload_frame > .upload_content .upload_content_right .upload_view { width: 120px; height: 120px; border-radius: 50%; }
#avatar_ley > .upload_frame > .upload_content .upload_content_right #clipBtn { width: 90px; height: 34px; border: none; outline: none; border-radius: 5px; background: rgba(119, 77, 247, 1); color: #FFFFFF; margin-top: 196px; }
#avatar_ley > .upload_frame > .upload_content .upload_content_right label { display: block; margin-top: 14px; font-size: 16px; color: #666666; }
#view { width: 60px; height: 60px; border-radius: 50%; }
.load-icon { width: 200px; height: 30px; line-height: 30px; margin: 50px auto; position: relative; padding-left: 36px; color: rgba(99, 102, 105, 1); }
.tab_null { text-align: center; margin-top: 70px; font-size: 16px; color: rgba(99, 102, 105, 1) }
/*分页*/
.page { width: 100%; padding: 10px 0; font-size: 16px; overflow: hidden; height: 44px; opacity: 1; text-align: center; box-sizing: border-box; }
.page li { float: left }
.page a { min-width: 24px; height: 24px; display: inline-block; margin: 0 4px; text-align: center; line-height: 24px; font-size: 14px; border-radius: 4px; color: #6D7278 }
.page span.disabled { display: none; }
.page .current { color: #2475ec; width: 24px; height: 24px; display: inline-block; margin: 0 8px; text-align: center; line-height: 24px; background-color: rgba(121, 72, 234, 1); font-size: 16px; border-radius: 4px; color: rgba(245, 245, 245, 1); }
.page .prevPage { background: url("../img/jt-left.png") center no-repeat; text-indent: -9999px; background-size: 10px; border: 0px; }
.page .nextPage { background: url("../img/jt-left.png") center no-repeat; text-indent: -9999px; transform: rotate(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); background-size: 10px; border: 0px; }
.page .prevPage:hover { background: url("../img/jt-left.png") center no-repeat; background-size: 10px; }
.page .nextPage:hover { background: url("../img/jt-left.png") center no-repeat; transform: rotate(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); background-size: 10px; }
.page .jump_page { display: inline-block; color: #27627B; height: 38px; font-size: 14px }
.page .jump_page span { margin-right: 5px; margin-left: 5px; height: 38px; display: inline-block; line-height: 38px; font-size: 14px }
.page .jump_page input { width: 50px; height: 30px; border: 1px solid #ccc; border-radius: 4px; text-align: center; background: #fff; outline: 0; box-sizing: border-box }
.page .jump_page input:focus { border-color: #409eff }
.page .jump_page button { color: #fff; width: 50px; height: 30px; border-radius: 4px; text-align: center; border: 0; cursor: pointer; border: 2px solid #27627B; color: #27627B; background: none; font-size: 14px }
/*购买记录*/
.soWms1 { width: 100%; display: block; height: 24px; margin-top: 14px; }
.soWms1 .s1 { font-size: 16px; font-weight: 400; color: rgba(245, 245, 245, 1); float: left }
.soWms1 .icon { background: url("../img/bi-icon.png") center no-repeat; width: 20px; height: 20px; margin-top: 2px; margin-left: 3px; float: left }
.soWms1 .coin { font-size: 16px; font-weight: 400; color: rgba(119, 77, 247, 1); margin-left: 3px; float: left }
.bhZU1m { width: 100%; font-size: 16px !important; font-weight: 400; color: rgba(99, 102, 105, 1) !important; display: block; height: 24px; line-height: 24px; margin-top: 14px; }
.soWms1 .download-yi{background: url(../img/lgck-download-icon-yi.png) center no-repeat;width: 24px;height: 24px; display:block; float:right;}

/*我的简历*/
.u-resume {width:100%;  border-radius: 8px; min-height: 224px; padding-bottom:20px; }
.u-resume .u-resume-title { height: 54px; background: rgba(41.82, 46.869, 51, 1); padding: 16px 24px; box-sizing: border-box; border-radius: 8px 8px 8px 8px; }
.u-resume .u-resume-title .icon { background: url(../img/b-qb.png) no-repeat; width: 20px; height: 20px; float: left; margin-right: 8px; }
.u-resume .u-resume-title .tit { height: 20px; line-height: 20px; color: rgba(200, 201, 202, 1); font-size: 16px; float: left; }

.u-resume-doc{ width:100%;border-radius:10px; background: rgba(29, 34, 39, 1);padding:15px; margin:auto; color:#fff; margin-top:20px;box-sizing:border-box; display:inline-block }
.u-resume-doc .jumpworks{width: 128px;
height: 40px;
    background: rgba(119, 77, 247, 1);
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    margin-left:50px;
    display: block;
    color: rgba(245, 245, 245, 1);}
.iskOS{ width:400px; !important; margin-top:0px !important; margin-right:70px;}
.gMJFdg{ margin-bottom:15px;}
.u-resume .u-resume-doc .u-resume-tit { color: rgba(200, 201, 202, 1); font-size: 16px; height: 24px; line-height: 24px; margin-bottom:10px; font-weight:bold; }
.u-resume .u-resume-doc .u-resume-tit2 { color: rgba(200, 201, 202, 1); font-size: 14px; height: 24px; line-height: 24px; margin-bottom:8px; }
.Koske9{ display:inline-block; width:100%;margin-bottom:15px;}
.Koske9 .title{ width:400px; margin-right:70px;}
.Koske9 .is_open{ margin-top:40px;}
.mid_3qfI {margin-bottom:15px; }

.btn-add {
    margin-top: 0px;
    color: rgba(245, 245, 245, 1);
    background: rgba(119, 77, 247, 1);
    background-blend-mode: normal;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;display: inline-block;
    height: 25px;
    line-height: 25px;padding: 0 18px;
}
.kvefLl{ position:relative;}
.btncloss{position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    cursor: pointer;
    z-index: 3;
    right: 250px;
    top: 10px;
    background: url(../img/icon-close.svg) center no-repeat;}
	
.btncloss2{position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    cursor: pointer;
    z-index: 3;
    right: 36px;
    top: 10px;
    background: url(../img/icon-close.svg) center no-repeat;}
.gMJFd2{ margin-bottom:15px; margin-top:10px;}