.home_head_item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.home_head_item:hover .menu { color: #39f; text-decoration: underline; }

.home_head_item .top { width: 100%; height: 4px; }

.home_head_item .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 20px; }

.home_head_item .bottom .image { height: 50px; width: 50px; margin-right: 14px; }

.home_head_item .bottom .title { font-weight: bold; }

.home_head_item .bottom .count { font-size: 30px; line-height: 38px; }

.home_head .item1 .top { background: #73a0fa; }

.home_head .item2 .top { background: #ffa159; }

.home_head .item3 .top { background: #73deb3; }

.home_head .item4 .top { background: #e58589; }

.page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page .page-warp { width: 1140px; }

.tc-1 { color: #494c56; }

.db, .dbc, .h-card .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.dbc, .h-card .top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fx1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.dv, .dvc, .h-card .number-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.dvc, .h-card .number-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.mr10 { margin-right: 10px; }

.ml10 { margin-left: 10px; }

.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }

.mb5 { margin-bottom: 5px; }

.b-top-query { color: #666; padding: 10px 0; }

.b-link { color: #39f; cursor: pointer; }

.b-input { border-radius: 3px; height: 32px; width: 230px; padding: 0 10px; border: 1px solid #ddd; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.b-button { border-radius: 3px; height: 32px; line-height: 32px; border: 1px solid #ddd; background-color: #fff; padding: 0 12px 0 10px; cursor: pointer; }

.h-card { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.h-card .rukou { width: 108px; height: 108px; cursor: pointer; margin-top: 16px; }

.h-card .rukou-name { color: #494c56; font-size: 12px; text-align: center; }

.h-card .kjrk { padding: 0 30px; }

.h-card .more { color: #0b66dc; cursor: pointer; font-weight: normal; }

.h-card .top { height: 40px; background-color: #ebebeb; padding-left: 10px; font-size: 14px; font-weight: bold; }

.h-card .top img { width: 16px; height: 16px; margin-right: 5px; }

.h-card .c-y { color: #fa8716; }

.h-card .c-bl { color: #0b66dc; }

.h-card .content { background: #ffffff; -ms-flex-pack: distribute; justify-content: space-around; }

.h-card .number-item { height: 98px; }

.h-card .number-text { font-weight: bold; color: #0b66dc; font-size: 24px; margin-bottom: 6px; text-align: center; }

.h-card .number-info { color: #a1a2a8; font-size: 12px; text-align: center; }

.mr15 { margin-right: 15px; }

.ov-t { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.ov-t2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.people-card-warp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.people-card { width: 179px; height: 250px; background: #ffffff; border: 1px solid #ced2d6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.people-card .operation { width: 100%; margin-left: 12px; padding: 4px 0; }

.people-card img { margin-top: 11px; width: 130px; height: 145px; border-radius: 10px; }

.people-card .name { color: #494c56; font-size: 14px; padding: 10px 0; }

.people-card .about { color: #494c56; font-size: 12px; margin: 0 13px; width: 152px; height: 38px; }

.p-label { height: 30px; background: #ebf1ff; border-radius: 5px; border: 1px solid #759fff; font-size: 14px; color: #759fff; line-height: 30px; padding: 0 10px; }

.p-label1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e0edff; height: 24px; font-size: 12px; padding: 0 8px; color: #1f77dd; border-radius: 2px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); cursor: pointer; }

.p-label1 svg { margin-right: 4px; font-size: 14px; }

.p-label1 .icon-img { width: 12px; height: 12px; margin-right: 2px; }

.home-course .course-title { margin: 9px 7px; font-size: 14px; font-weight: bold; width: 245px; height: 26px; margin-bottom: 10px; }

.home-course .course-buttom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 5px; }

.home-course .course-buttom .text-info { font-size: 12px; color: #a1a2a8; }

.home-course .course-top { position: relative; width: 259px; height: 161px; }

.home-course .course-top img { position: absolute; width: 100%; height: 100%; }

.home-course .course-top .position-name { position: absolute; left: 10px; }

.home-course .course-top .position-label { position: absolute; right: 12px; top: 12px; }

.course-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 48px; background: #0b66dc; font-size: 12px; color: #ffffff; border-bottom: 12px solid #0b66dc00; }

.course-name ::after, .course-name ::before { height: 0; width: 0; content: ""; border-top: 12px solid #0b66dc; margin: 10px; position: absolute; bottom: -34px; }

.course-name ::after { left: 5px; border-left: 15px solid transparent; }

.course-name ::before { border-right: 15px solid transparent; left: -10px; }

.course-name .name-content { margin-top: 8px; width: 12px; height: 50px; }

.g-page-layout { width: 1300px; background: #ffffff; margin: 0 auto; }

.mr-4 { margin-right: -4px; }

.mr30 { margin-right: 30px; }

.train-task { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 1244px; padding: 22px 28px; padding-bottom: 0; margin-top: 12px; }

.train-main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 1140px; padding: 22px 80px; padding-bottom: 0; margin-top: 12px; }

.train_new_header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 175px; margin-top: 21px; display: flex; }

.train_new_header .right { margin-top: 21px; margin-bottom: 24px; margin-right: 20px; }

.train_new_header .right .query-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 19px; color: #494c56; }

.train_new_header .right .query-row .query-title { font-size: 18px; font-weight: bolder; margin-right: 40px; min-width: 72px; text-align: right; }

.train_new_header .right .query-row .query-tag { margin-right: 34px; font-size: 14px; padding: 1px 6px; cursor: pointer; }

.train_new_header .right .query-row .query-tag.select { background: #759fff; color: #fff; height: 20px; }

.train_new_header .right .query-row .query-form { margin-right: 40px; }

.train_new_header .right .query-row .query-form .query-form-title { margin-right: 4px; }

.train_new_header .right .query-row .query-form .input { width: 120px; }

.train_new_header .left { margin-top: 11px; margin-left: 13px; position: relative; margin-right: 17px; width: 220px; }

.train_new_header .left img { position: absolute; width: 210px; height: 135px; border: 1px solid #979797; }

.train_new_header .left .text { position: absolute; font-size: 18px; width: 210px; height: 135px; margin-top: 20px; color: #fff; text-align: center; }

.train_new_header .left .text .count { font-size: 22px; font-weight: bold; }

.g-input { border-radius: 3px; padding: 0 10px; border: 1px solid #ddd; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 30px; }

.g-button { padding: 0 16px; height: 30px; background: #0b66dc; border-radius: 5px; color: #fff; text-align: center; line-height: 30px; cursor: pointer; }

.g-button-y { background: #fa8716; }

.g-select { border-color: #ddd; float: left; padding: 7px 5px; border-radius: 2px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mb20 { margin-bottom: 20px; }

.certificate-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.certificate-list .certificate-name { width: 100%; text-align: center; font-weight: bold; margin-bottom: 20px; margin-top: 10px; }

.certificate-list .certificate-item { position: relative; width: 360px; height: 250px; margin-bottom: 20px; cursor: pointer; }

.certificate-list .certificate-item .content { position: relative; height: -webkit-fill-available; padding: 83px 45px; }

.certificate-list .certificate-item .bg-img { width: 100%; height: 100%; position: absolute; }

.certificate-list .certificate-tag { position: absolute; top: 0px; left: 10px; }

.certificate-list .certificate-yl { position: absolute; bottom: 0px; right: 4px; height: 30px; -webkit-transform: scale(1, 1); transform: scale(1, 1); font-size: 14px; }

.g-radio { height: 23px; line-height: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; }

.g-radio .g-radio-item { background: #e9e9e9; padding: 0 10px; color: #0a71ef; }

.g-radio .active { background: #0a71ef; color: #fff; }

.data-time { border: 1px solid #ddd; padding: 3px 5px; border-radius: 2px; }

.data-time input { border: 0; margin: 0; background-color: #fff; padding: 0 5px; cursor: pointer; width: 70px; height: 24px; font-size: 12px; }

.training-task-list { width: 399px; height: 346px; border-radius: 5px; border: 1px solid #5094f7; }

.training-task-list .task-name { font-weight: bold; padding: 6px 20px; }

.training-task-list .position-tag { position: absolute; left: 10px; }

.training-task-list .position-tag-wks { background: #ffbb66; }

.training-task-list .position-tag-wks ::after { border-top-color: #ffbb66; }

.training-task-list .position-tag-wks ::before { border-top-color: #ffbb66; }

.training-task-list .position-tag-jxz { background: #39f; }

.training-task-list .position-tag-jxz ::after { border-top-color: #39f; }

.training-task-list .position-tag-jxz ::before { border-top-color: #39f; }

.training-task-list .position-tag-ywc { background: #339966; }

.training-task-list .position-tag-ywc ::after { border-top-color: #339966; }

.training-task-list .position-tag-ywc ::before { border-top-color: #339966; }

.training-task-list .position-tag-yjs { background: #888888; }

.training-task-list .position-tag-yjs ::after { border-top-color: #888888; }

.training-task-list .position-tag-yjs ::before { border-top-color: #888888; }

.training-task-list .task-top { height: 220px; position: relative; }

.training-task-list .task-top .has-zs { position: absolute; right: 10px; top: 10px; width: 97px; height: 30px; color: #3d3d3d; background: #ffffff; border-radius: 3px 3px 3px 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.training-task-list .task-top .has-zs img { width: 12px; height: 15px; margin-right: 10px; border-radius: 0; }

.training-task-list .task-top img { width: 399px; height: 220px; border-radius: 5px 5px 0px 0; }

.training-task-list .task-center { height: 34px; background: rgba(40, 98, 208, 0.5); font-size: 12px; color: #3d3d3d; padding: 0 20px; }

.training-task-list .xxjd { font-size: 12px; padding: 3px 20px; padding-bottom: 7px; }

.training-task-list .xxjd-title { margin-right: 20px; }

.g-progress { display: -webkit-box; display: -ms-flexbox; display: flex; }

.g-progress-bar { width: 217px; height: 17px; background: #e1e3e9; border-radius: 10px; margin-right: 10px; position: relative; }

.g-progress-bar-bg { background: #5094f7; position: absolute; height: 17px; border-radius: 10px; width: 30%; }

.g-progress-text { font-size: 12px; color: #eb8c39; }

.gonggaoliebiao_ggtitle1 { width: 280px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left !important; }

.live-video { padding: 10px 15px; background: #fff; }

.live-video .video { margin: 15px 0; width: 870px; height: 490px; background-color: #494c56; }

.live-video .null { margin: 15px 0; width: 870px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.live-video .null img { width: 400px; }
/*# sourceMappingURL=pensonel2.css.map */