@charset "utf-8";

@font-face { font-family: element-icons; src: url("element-icons.535877f.woff") format("woff"); font-weight: 400; font-style: normal; }

[class*=" el-icon-"], [class^="el-icon-"] { speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; font-family: element-icons !important; }

.el-icon-ice-cream-round::before { content: ""; }

.el-icon-ice-cream-square::before { content: ""; }

.el-icon-lollipop::before { content: ""; }

.el-icon-potato-strips::before { content: ""; }

.el-icon-milk-tea::before { content: ""; }

.el-icon-ice-drink::before { content: ""; }

.el-icon-ice-tea::before { content: ""; }

.el-icon-coffee::before { content: ""; }

.el-icon-orange::before { content: ""; }

.el-icon-pear::before { content: ""; }

.el-icon-apple::before { content: ""; }

.el-icon-cherry::before { content: ""; }

.el-icon-watermelon::before { content: ""; }

.el-icon-grape::before { content: ""; }

.el-icon-refrigerator::before { content: ""; }

.el-icon-goblet-square-full::before { content: ""; }

.el-icon-goblet-square::before { content: ""; }

.el-icon-goblet-full::before { content: ""; }

.el-icon-goblet::before { content: ""; }

.el-icon-cold-drink::before { content: ""; }

.el-icon-coffee-cup::before { content: ""; }

.el-icon-water-cup::before { content: ""; }

.el-icon-hot-water::before { content: ""; }

.el-icon-ice-cream::before { content: ""; }

.el-icon-dessert::before { content: ""; }

.el-icon-sugar::before { content: ""; }

.el-icon-tableware::before { content: ""; }

.el-icon-burger::before { content: ""; }

.el-icon-knife-fork::before { content: ""; }

.el-icon-fork-spoon::before { content: ""; }

.el-icon-chicken::before { content: ""; }

.el-icon-food::before { content: ""; }

.el-icon-dish-1::before { content: ""; }

.el-icon-dish::before { content: ""; }

.el-icon-moon-night::before { content: ""; }

.el-icon-moon::before { content: ""; }

.el-icon-cloudy-and-sunny::before { content: ""; }

.el-icon-partly-cloudy::before { content: ""; }

.el-icon-cloudy::before { content: ""; }

.el-icon-sunny::before { content: ""; }

.el-icon-sunset::before { content: ""; }

.el-icon-sunrise-1::before { content: ""; }

.el-icon-sunrise::before { content: ""; }

.el-icon-heavy-rain::before { content: ""; }

.el-icon-lightning::before { content: ""; }

.el-icon-light-rain::before { content: ""; }

.el-icon-wind-power::before { content: ""; }

.el-icon-baseball::before { content: ""; }

.el-icon-soccer::before { content: ""; }

.el-icon-football::before { content: ""; }

.el-icon-basketball::before { content: ""; }

.el-icon-ship::before { content: ""; }

.el-icon-truck::before { content: ""; }

.el-icon-bicycle::before { content: ""; }

.el-icon-mobile-phone::before { content: ""; }

.el-icon-service::before { content: ""; }

.el-icon-key::before { content: ""; }

.el-icon-unlock::before { content: ""; }

.el-icon-lock::before { content: ""; }

.el-icon-watch::before { content: ""; }

.el-icon-watch-1::before { content: ""; }

.el-icon-timer::before { content: ""; }

.el-icon-alarm-clock::before { content: ""; }

.el-icon-map-location::before { content: ""; }

.el-icon-delete-location::before { content: ""; }

.el-icon-add-location::before { content: ""; }

.el-icon-location-information::before { content: ""; }

.el-icon-location-outline::before { content: ""; }

.el-icon-location::before { content: ""; }

.el-icon-place::before { content: ""; }

.el-icon-discover::before { content: ""; }

.el-icon-first-aid-kit::before { content: ""; }

.el-icon-trophy-1::before { content: ""; }

.el-icon-trophy::before { content: ""; }

.el-icon-medal::before { content: ""; }

.el-icon-medal-1::before { content: ""; }

.el-icon-stopwatch::before { content: ""; }

.el-icon-mic::before { content: ""; }

.el-icon-copy-document::before { content: ""; }

.el-icon-full-screen::before { content: ""; }

.el-icon-switch-button::before { content: ""; }

.el-icon-aim::before { content: ""; }

.el-icon-crop::before { content: ""; }

.el-icon-odometer::before { content: ""; }

.el-icon-time::before { content: ""; }

.el-icon-bangzhu::before { content: ""; }

.el-icon-close-notification::before { content: ""; }

.el-icon-microphone::before { content: ""; }

.el-icon-turn-off-microphone::before { content: ""; }

.el-icon-position::before { content: ""; }

.el-icon-postcard::before { content: ""; }

.el-icon-message::before { content: ""; }

.el-icon-chat-line-square::before { content: ""; }

.el-icon-chat-dot-square::before { content: ""; }

.el-icon-chat-dot-round::before { content: ""; }

.el-icon-chat-square::before { content: ""; }

.el-icon-chat-line-round::before { content: ""; }

.el-icon-chat-round::before { content: ""; }

.el-icon-set-up::before { content: ""; }

.el-icon-turn-off::before { content: ""; }

.el-icon-open::before { content: ""; }

.el-icon-connection::before { content: ""; }

.el-icon-link::before { content: ""; }

.el-icon-cpu::before { content: ""; }

.el-icon-thumb::before { content: ""; }

.el-icon-female::before { content: ""; }

.el-icon-male::before { content: ""; }

.el-icon-guide::before { content: ""; }

.el-icon-news::before { content: ""; }

.el-icon-price-tag::before { content: ""; }

.el-icon-discount::before { content: ""; }

.el-icon-wallet::before { content: ""; }

.el-icon-coin::before { content: ""; }

.el-icon-money::before { content: ""; }

.el-icon-bank-card::before { content: ""; }

.el-icon-box::before { content: ""; }

.el-icon-present::before { content: ""; }

.el-icon-sell::before { content: ""; }

.el-icon-sold-out::before { content: ""; }

.el-icon-shopping-bag-2::before { content: ""; }

.el-icon-shopping-bag-1::before { content: ""; }

.el-icon-shopping-cart-2::before { content: ""; }

.el-icon-shopping-cart-1::before { content: ""; }

.el-icon-shopping-cart-full::before { content: ""; }

.el-icon-smoking::before { content: ""; }

.el-icon-no-smoking::before { content: ""; }

.el-icon-house::before { content: ""; }

.el-icon-table-lamp::before { content: ""; }

.el-icon-school::before { content: ""; }

.el-icon-office-building::before { content: ""; }

.el-icon-toilet-paper::before { content: ""; }

.el-icon-notebook-2::before { content: ""; }

.el-icon-notebook-1::before { content: ""; }

.el-icon-files::before { content: ""; }

.el-icon-collection::before { content: ""; }

.el-icon-receiving::before { content: ""; }

.el-icon-suitcase-1::before { content: ""; }

.el-icon-suitcase::before { content: ""; }

.el-icon-film::before { content: ""; }

.el-icon-collection-tag::before { content: ""; }

.el-icon-data-analysis::before { content: ""; }

.el-icon-pie-chart::before { content: ""; }

.el-icon-data-board::before { content: ""; }

.el-icon-data-line::before { content: ""; }

.el-icon-reading::before { content: ""; }

.el-icon-magic-stick::before { content: ""; }

.el-icon-coordinate::before { content: ""; }

.el-icon-mouse::before { content: ""; }

.el-icon-brush::before { content: ""; }

.el-icon-headset::before { content: ""; }

.el-icon-umbrella::before { content: ""; }

.el-icon-scissors::before { content: ""; }

.el-icon-mobile::before { content: ""; }

.el-icon-attract::before { content: ""; }

.el-icon-monitor::before { content: ""; }

.el-icon-search::before { content: ""; }

.el-icon-takeaway-box::before { content: ""; }

.el-icon-paperclip::before { content: ""; }

.el-icon-printer::before { content: ""; }

.el-icon-document-add::before { content: ""; }

.el-icon-document::before { content: ""; }

.el-icon-document-checked::before { content: ""; }

.el-icon-document-copy::before { content: ""; }

.el-icon-document-delete::before { content: ""; }

.el-icon-document-remove::before { content: ""; }

.el-icon-tickets::before { content: ""; }

.el-icon-folder-checked::before { content: ""; }

.el-icon-folder-delete::before { content: ""; }

.el-icon-folder-remove::before { content: ""; }

.el-icon-folder-add::before { content: ""; }

.el-icon-folder-opened::before { content: ""; }

.el-icon-folder::before { content: ""; }

.el-icon-edit-outline::before { content: ""; }

.el-icon-edit::before { content: ""; }

.el-icon-date::before { content: ""; }

.el-icon-c-scale-to-original::before { content: ""; }

.el-icon-view::before { content: ""; }

.el-icon-loading::before { content: ""; }

.el-icon-rank::before { content: ""; }

.el-icon-sort-down::before { content: ""; }

.el-icon-sort-up::before { content: ""; }

.el-icon-sort::before { content: ""; }

.el-icon-finished::before { content: ""; }

.el-icon-refresh-left::before { content: ""; }

.el-icon-refresh-right::before { content: ""; }

.el-icon-refresh::before { content: ""; }

.el-icon-video-play::before { content: ""; }

.el-icon-video-pause::before { content: ""; }

.el-icon-d-arrow-right::before { content: ""; }

.el-icon-d-arrow-left::before { content: ""; }

.el-icon-arrow-up::before { content: ""; }

.el-icon-arrow-down::before { content: ""; }

.el-icon-arrow-right::before { content: ""; }

.el-icon-arrow-left::before { content: ""; }

.el-icon-top-right::before { content: ""; }

.el-icon-top-left::before { content: ""; }

.el-icon-top::before { content: ""; }

.el-icon-bottom::before { content: ""; }

.el-icon-right::before { content: ""; }

.el-icon-back::before { content: ""; }

.el-icon-bottom-right::before { content: ""; }

.el-icon-bottom-left::before { content: ""; }

.el-icon-caret-top::before { content: ""; }

.el-icon-caret-bottom::before { content: ""; }

.el-icon-caret-right::before { content: ""; }

.el-icon-caret-left::before { content: ""; }

.el-icon-d-caret::before { content: ""; }

.el-icon-share::before { content: ""; }

.el-icon-menu::before { content: ""; }

.el-icon-s-grid::before { content: ""; }

.el-icon-s-check::before { content: ""; }

.el-icon-s-data::before { content: ""; }

.el-icon-s-opportunity::before { content: ""; }

.el-icon-s-custom::before { content: ""; }

.el-icon-s-claim::before { content: ""; }

.el-icon-s-finance::before { content: ""; }

.el-icon-s-comment::before { content: ""; }

.el-icon-s-flag::before { content: ""; }

.el-icon-s-marketing::before { content: ""; }

.el-icon-s-shop::before { content: ""; }

.el-icon-s-open::before { content: ""; }

.el-icon-s-management::before { content: ""; }

.el-icon-s-ticket::before { content: ""; }

.el-icon-s-release::before { content: ""; }

.el-icon-s-home::before { content: ""; }

.el-icon-s-promotion::before { content: ""; }

.el-icon-s-operation::before { content: ""; }

.el-icon-s-unfold::before { content: ""; }

.el-icon-s-fold::before { content: ""; }

.el-icon-s-platform::before { content: ""; }

.el-icon-s-order::before { content: ""; }

.el-icon-s-cooperation::before { content: ""; }

.el-icon-bell::before { content: ""; }

.el-icon-message-solid::before { content: ""; }

.el-icon-video-camera::before { content: ""; }

.el-icon-video-camera-solid::before { content: ""; }

.el-icon-camera::before { content: ""; }

.el-icon-camera-solid::before { content: ""; }

.el-icon-download::before { content: ""; }

.el-icon-upload2::before { content: ""; }

.el-icon-upload::before { content: ""; }

.el-icon-picture-outline-round::before { content: ""; }

.el-icon-picture-outline::before { content: ""; }

.el-icon-picture::before { content: ""; }

.el-icon-close::before { content: ""; }

.el-icon-check::before { content: ""; }

.el-icon-plus::before { content: ""; }

.el-icon-minus::before { content: ""; }

.el-icon-help::before { content: ""; }

.el-icon-s-help::before { content: ""; }

.el-icon-circle-close::before { content: ""; }

.el-icon-circle-check::before { content: ""; }

.el-icon-circle-plus-outline::before { content: ""; }

.el-icon-remove-outline::before { content: ""; }

.el-icon-zoom-out::before { content: ""; }

.el-icon-zoom-in::before { content: ""; }

.el-icon-error::before { content: ""; }

.el-icon-success::before { content: ""; }

.el-icon-circle-plus::before { content: ""; }

.el-icon-remove::before { content: ""; }

.el-icon-info::before { content: ""; }

.el-icon-question::before { content: ""; }

.el-icon-warning-outline::before { content: ""; }

.el-icon-warning::before { content: ""; }

.el-icon-goods::before { content: ""; }

.el-icon-s-goods::before { content: ""; }

.el-icon-star-off::before { content: ""; }

.el-icon-star-on::before { content: ""; }

.el-icon-more-outline::before { content: ""; }

.el-icon-more::before { content: ""; }

.el-icon-phone-outline::before { content: ""; }

.el-icon-phone::before { content: ""; }

.el-icon-user::before { content: ""; }

.el-icon-user-solid::before { content: ""; }

.el-icon-setting::before { content: ""; }

.el-icon-s-tools::before { content: ""; }

.el-icon-delete::before { content: ""; }

.el-icon-delete-solid::before { content: ""; }

.el-icon-eleme::before { content: ""; }

.el-icon-platform-eleme::before { content: ""; }

.el-icon-loading { animation: 2s linear 0s infinite normal none running rotating; }

.el-icon--right { margin-left: 5px; }

.el-icon--left { margin-right: 5px; }

@-webkit-keyframes rotating { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@keyframes rotating { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

.el-pagination { white-space: nowrap; padding: 2px 5px; color: rgb(48, 49, 51); font-weight: 700; }

.el-pagination::after, .el-pagination::before { display: table; content: ""; }

.el-pagination::after { clear: both; }

.el-pagination button, .el-pagination span:not([class*="suffix"]) { display: inline-block; font-size: 13px; min-width: 35.5px; height: 28px; line-height: 28px; vertical-align: top; box-sizing: border-box; }

.el-pagination .el-input__inner { text-align: center; line-height: normal; }

.el-pagination .el-input__suffix { right: 0px; transform: scale(0.8); }

.el-pagination .el-select .el-input { width: 100px; margin: 0px 5px; }

.el-pagination .el-select .el-input .el-input__inner { padding-right: 25px; border-radius: 3px; }

.el-pagination button { border: none; padding: 0px 6px; background: 0px 0px; }

.el-pagination button:focus { outline: 0px; }

.el-pagination button:hover { color: rgb(64, 158, 255); }

.el-pagination button:disabled { color: rgb(192, 196, 204); background-color: rgb(255, 255, 255); cursor: not-allowed; }

.el-pagination .btn-next, .el-pagination .btn-prev { background: 50% center / 16px no-repeat rgb(255, 255, 255); cursor: pointer; margin: 0px; color: rgb(48, 49, 51); }

.el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon { display: block; font-size: 12px; font-weight: 700; }

.el-pagination .btn-prev { padding-right: 12px; }

.el-pagination .btn-next { padding-left: 12px; }

.el-pagination .el-pager li.disabled { color: rgb(192, 196, 204); cursor: not-allowed; }

.el-pager li, .el-pager li.btn-quicknext:hover, .el-pager li.btn-quickprev:hover { cursor: pointer; }

.el-pagination--small .btn-next, .el-pagination--small .btn-prev, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child { border-color: transparent; font-size: 12px; line-height: 22px; height: 22px; min-width: 22px; }

.el-pagination--small .arrow.disabled { visibility: hidden; }

.el-pagination--small .more::before, .el-pagination--small li.more::before { line-height: 24px; }

.el-pagination--small button, .el-pagination--small span:not([class*="suffix"]) { height: 22px; line-height: 22px; }

.el-pagination--small .el-pagination__editor, .el-pagination--small .el-pagination__editor.el-input .el-input__inner { height: 22px; }

.el-pagination__sizes { margin: 0px 10px 0px 0px; font-weight: 400; color: rgb(96, 98, 102); }

.el-pagination__sizes .el-input .el-input__inner { font-size: 13px; padding-left: 8px; }

.el-pagination__sizes .el-input .el-input__inner:hover { border-color: rgb(64, 158, 255); }

.el-pagination__total { margin-right: 10px; font-weight: 400; color: rgb(96, 98, 102); }

.el-pagination__jump { margin-left: 24px; font-weight: 400; color: rgb(96, 98, 102); }

.el-pagination__jump .el-input__inner { padding: 0px 3px; }

.el-pagination__rightwrapper { float: right; }

.el-pagination__editor { line-height: 18px; padding: 0px 2px; height: 28px; text-align: center; margin: 0px 2px; box-sizing: border-box; border-radius: 3px; }

.el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev { padding: 0px; }

.el-dialog, .el-pager li { box-sizing: border-box; }

.el-pagination__editor.el-input { width: 50px; }

.el-pagination__editor.el-input .el-input__inner { height: 28px; }

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button, .el-pagination__editor .el-input__inner::-webkit-outer-spin-button { appearance: none; margin: 0px; }

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { margin: 0px 5px; background-color: rgb(244, 244, 245); color: rgb(96, 98, 102); min-width: 30px; border-radius: 2px; }

.el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.disabled { color: rgb(192, 196, 204); }

.el-pagination.is-background .el-pager li:not(.disabled):hover { color: rgb(64, 158, 255); }

.el-pagination.is-background .el-pager li:not(.disabled).active { background-color: rgb(64, 158, 255); color: rgb(255, 255, 255); }

.el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li { margin: 0px 3px; min-width: 22px; }

.el-pager, .el-pager li { vertical-align: top; margin: 0px; display: inline-block; }

.el-pager { user-select: none; list-style: none; font-size: 0px; }

.el-pager .more::before { line-height: 30px; }

.el-pager li { padding: 0px 4px; background: rgb(255, 255, 255); font-size: 13px; min-width: 35.5px; height: 28px; line-height: 28px; box-sizing: border-box; text-align: center; }

.el-pager li.btn-quicknext, .el-pager li.btn-quickprev { line-height: 28px; color: rgb(48, 49, 51); }

.el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled { color: rgb(192, 196, 204); }

.el-pager li.active + li { border-left: 0px; }

.el-pager li:hover { color: rgb(64, 158, 255); }

.el-pager li.active { color: rgb(64, 158, 255); cursor: default; }

@-webkit-keyframes v-modal-in { 
  0% { opacity: 0; }
}

@-webkit-keyframes v-modal-out { 
  100% { opacity: 0; }
}

.el-dialog { position: relative; margin: 0px auto 50px; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; box-sizing: border-box; width: 50%; }

.el-dialog.is-fullscreen { width: 100%; margin-top: 0px; margin-bottom: 0px; height: 100%; overflow: auto; }

.el-dialog__wrapper { position: fixed; inset: 0px; overflow: auto; margin: 0px; }

.el-dialog__header { padding: 20px 20px 10px; }

.el-dialog__headerbtn { position: absolute; top: 20px; right: 20px; padding: 0px; background: 0px 0px; border: none; outline: 0px; cursor: pointer; font-size: 16px; }

.el-dialog__headerbtn .el-dialog__close { color: rgb(144, 147, 153); }

.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { color: rgb(64, 158, 255); }

.el-dialog__title { line-height: 24px; font-size: 18px; color: rgb(48, 49, 51); }

.el-dialog__body { padding: 30px 20px; color: rgb(96, 98, 102); font-size: 14px; word-break: break-all; }

.el-dialog__footer { padding: 10px 20px 20px; text-align: right; box-sizing: border-box; }

.el-dialog--center { text-align: center; }

.el-dialog--center .el-dialog__body { text-align: initial; padding: 25px 25px 30px; }

.el-dialog--center .el-dialog__footer { text-align: inherit; }

.dialog-fade-enter-active { animation: 0.3s ease 0s 1 normal none running dialog-fade-in; }

.dialog-fade-leave-active { animation: 0.3s ease 0s 1 normal none running dialog-fade-out; }

@-webkit-keyframes dialog-fade-in { 
  0% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes dialog-fade-in { 
  0% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes dialog-fade-out { 
  0% { transform: translateZ(0px); opacity: 1; }
  100% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
}

@keyframes dialog-fade-out { 
  0% { transform: translateZ(0px); opacity: 1; }
  100% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
}

.el-autocomplete { position: relative; display: inline-block; }

.el-autocomplete-suggestion { margin: 5px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; border-radius: 4px; border: 1px solid rgb(228, 231, 237); box-sizing: border-box; background-color: rgb(255, 255, 255); }

.el-autocomplete-suggestion__wrap { max-height: 280px; padding: 10px 0px; box-sizing: border-box; }

.el-autocomplete-suggestion__list { margin: 0px; padding: 0px; }

.el-autocomplete-suggestion li { padding: 0px 20px; margin: 0px; line-height: 34px; cursor: pointer; color: rgb(96, 98, 102); font-size: 14px; list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.el-autocomplete-suggestion li.highlighted, .el-autocomplete-suggestion li:hover { background-color: rgb(245, 247, 250); }

.el-autocomplete-suggestion li.divider { margin-top: 6px; border-top: 1px solid rgb(0, 0, 0); }

.el-autocomplete-suggestion li.divider:last-child { margin-bottom: -6px; }

.el-autocomplete-suggestion.is-loading li { text-align: center; height: 100px; line-height: 100px; font-size: 20px; color: rgb(153, 153, 153); }

.el-autocomplete-suggestion.is-loading li::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; }

.el-autocomplete-suggestion.is-loading li:hover { background-color: rgb(255, 255, 255); }

.el-autocomplete-suggestion.is-loading .el-icon-loading { vertical-align: middle; }

.el-dropdown { display: inline-block; position: relative; color: rgb(96, 98, 102); font-size: 14px; }

.el-dropdown .el-button-group { display: block; }

.el-dropdown .el-button-group .el-button { float: none; }

.el-dropdown .el-dropdown__caret-button { padding-left: 5px; padding-right: 5px; position: relative; border-left: none; }

.el-dropdown .el-dropdown__caret-button::before { content: ""; position: absolute; display: block; width: 1px; top: 5px; bottom: 5px; left: 0px; background: rgba(255, 255, 255, 0.5); }

.el-dropdown .el-dropdown__caret-button.el-button--default::before { background: rgba(220, 223, 230, 0.5); }

.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before { top: 0px; bottom: 0px; }

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { padding-left: 0px; }

.el-dropdown__icon { font-size: 12px; margin: 0px 3px; }

.el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) { outline-width: 0px; }

.el-dropdown [disabled] { cursor: not-allowed; color: rgb(187, 187, 187); }

.el-dropdown-menu { position: absolute; top: 0px; left: 0px; z-index: 10; padding: 10px 0px; margin: 5px 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(235, 238, 245); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }

.el-dropdown-menu__item, .el-menu-item { font-size: 14px; padding: 0px 20px; cursor: pointer; }

.el-dropdown-menu__item { list-style: none; line-height: 36px; margin: 0px; color: rgb(96, 98, 102); outline: 0px; }

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: rgb(236, 245, 255); color: rgb(102, 177, 255); }

.el-dropdown-menu__item i { margin-right: 5px; }

.el-dropdown-menu__item--divided { position: relative; margin-top: 6px; border-top: 1px solid rgb(235, 238, 245); }

.el-dropdown-menu__item--divided::before { content: ""; height: 6px; display: block; margin: 0px -20px; background-color: rgb(255, 255, 255); }

.el-dropdown-menu__item.is-disabled { cursor: default; color: rgb(187, 187, 187); pointer-events: none; }

.el-dropdown-menu--medium { padding: 6px 0px; }

.el-dropdown-menu--medium .el-dropdown-menu__item { line-height: 30px; padding: 0px 17px; font-size: 14px; }

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 6px; }

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided::before { height: 6px; margin: 0px -17px; }

.el-dropdown-menu--small { padding: 6px 0px; }

.el-dropdown-menu--small .el-dropdown-menu__item { line-height: 27px; padding: 0px 15px; font-size: 13px; }

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 4px; }

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided::before { height: 4px; margin: 0px -15px; }

.el-dropdown-menu--mini { padding: 3px 0px; }

.el-dropdown-menu--mini .el-dropdown-menu__item { line-height: 24px; padding: 0px 10px; font-size: 12px; }

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 3px; }

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided::before { height: 3px; margin: 0px -10px; }

.el-menu { border-right: 1px solid rgb(230, 230, 230); list-style: none; position: relative; margin: 0px; padding-left: 0px; }

.el-menu, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-submenu .el-submenu__title:hover { background-color: rgb(255, 255, 255); }

.el-menu::after, .el-menu::before { display: table; content: ""; }

.el-breadcrumb__item:last-child .el-breadcrumb__separator, .el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { display: none; }

.el-menu::after { clear: both; }

.el-menu.el-menu--horizontal { border-bottom: 1px solid rgb(230, 230, 230); }

.el-menu--horizontal { border-right: none; }

.el-menu--horizontal > .el-menu-item { float: left; height: 60px; line-height: 60px; margin: 0px; border-bottom: 2px solid transparent; color: rgb(144, 147, 153); }

.el-menu--horizontal > .el-menu-item a, .el-menu--horizontal > .el-menu-item a:hover { color: inherit; }

.el-menu--horizontal > .el-submenu { float: left; }

.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover { outline: 0px; }

.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title { color: rgb(48, 49, 51); }

.el-menu--horizontal > .el-submenu.is-active .el-submenu__title { border-bottom: 2px solid rgb(64, 158, 255); color: rgb(48, 49, 51); }

.el-menu--horizontal > .el-submenu .el-submenu__title { height: 60px; line-height: 60px; border-bottom: 2px solid transparent; color: rgb(144, 147, 153); }

.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow { position: static; vertical-align: middle; margin-left: 8px; margin-top: -3px; }

.el-menu--collapse .el-submenu, .el-menu-item { position: relative; }

.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title { background-color: rgb(255, 255, 255); float: none; height: 36px; line-height: 36px; padding: 0px 10px; color: rgb(144, 147, 153); }

.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { color: rgb(48, 49, 51); }

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover { outline: 0px; color: rgb(48, 49, 51); }

.el-menu--horizontal > .el-menu-item.is-active { border-bottom: 2px solid rgb(64, 158, 255); color: rgb(48, 49, 51); }

.el-menu--collapse { width: 64px; }

.el-menu--collapse > .el-menu-item [class^="el-icon-"], .el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { margin: 0px; vertical-align: middle; width: 24px; text-align: center; }

.el-menu--collapse > .el-menu-item span, .el-menu--collapse > .el-submenu > .el-submenu__title span { height: 0px; width: 0px; overflow: hidden; visibility: hidden; display: inline-block; }

.el-menu-item, .el-submenu__title { height: 56px; line-height: 56px; list-style: none; }

.el-menu--collapse > .el-menu-item.is-active i { color: inherit; }

.el-menu--collapse .el-menu .el-submenu { min-width: 200px; }

.el-menu--collapse .el-submenu .el-menu { position: absolute; margin-left: 5px; top: 0px; left: 100%; z-index: 10; border: 1px solid rgb(228, 231, 237); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }

.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { transform: none; }

.el-menu--popup { z-index: 100; min-width: 200px; border: none; padding: 5px 0px; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }

.el-menu--popup-bottom-start { margin-top: 5px; }

.el-menu--popup-right-start { margin-left: 5px; margin-right: 5px; }

.el-menu-item { color: rgb(48, 49, 51); transition: border-color 0.3s, background-color 0.3s, color 0.3s; box-sizing: border-box; white-space: nowrap; }

.el-radio-button__inner, .el-submenu__title { box-sizing: border-box; position: relative; white-space: nowrap; }

.el-menu-item * { vertical-align: middle; }

.el-menu-item i { color: rgb(144, 147, 153); }

.el-menu-item:focus, .el-menu-item:hover { outline: 0px; background-color: rgb(236, 245, 255); }

.el-menu-item.is-disabled { opacity: 0.25; cursor: not-allowed; background: 0px 0px !important; }

.el-menu-item [class^="el-icon-"] { margin-right: 5px; width: 24px; text-align: center; font-size: 18px; vertical-align: middle; }

.el-menu-item.is-active { color: rgb(64, 158, 255); }

.el-menu-item.is-active i { color: inherit; }

.el-submenu { list-style: none; margin: 0px; padding-left: 0px; }

.el-submenu__title { font-size: 14px; color: rgb(48, 49, 51); padding: 0px 20px; cursor: pointer; transition: border-color 0.3s, background-color 0.3s, color 0.3s; box-sizing: border-box; }

.el-submenu__title * { vertical-align: middle; }

.el-submenu__title i { color: rgb(144, 147, 153); }

.el-submenu__title:focus, .el-submenu__title:hover { outline: 0px; background-color: rgb(236, 245, 255); }

.el-submenu__title.is-disabled { opacity: 0.25; cursor: not-allowed; background: 0px 0px !important; }

.el-submenu__title:hover { background-color: rgb(236, 245, 255); }

.el-submenu .el-menu { border: none; }

.el-submenu .el-menu-item { height: 50px; line-height: 50px; padding: 0px 45px; min-width: 200px; }

.el-submenu__icon-arrow { position: absolute; top: 50%; right: 20px; margin-top: -7px; transition: transform 0.3s, -webkit-transform 0.3s; font-size: 12px; }

.el-submenu.is-active .el-submenu__title { border-bottom-color: rgb(64, 158, 255); }

.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { transform: rotate(180deg); }

.el-submenu.is-disabled .el-menu-item, .el-submenu.is-disabled .el-submenu__title { opacity: 0.25; cursor: not-allowed; background: 0px 0px !important; }

.el-submenu [class^="el-icon-"] { vertical-align: middle; margin-right: 5px; width: 24px; text-align: center; font-size: 18px; }

.el-menu-item-group > ul { padding: 0px; }

.el-menu-item-group__title { padding: 7px 0px 7px 20px; line-height: normal; font-size: 12px; color: rgb(144, 147, 153); }

.el-radio-button__inner, .el-radio-group { display: inline-block; line-height: 1; vertical-align: middle; }

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { transition: 0.2s; opacity: 0; }

.el-radio-group { font-size: 0px; }

.el-radio-button { position: relative; display: inline-block; outline: 0px; }

.el-radio-button__inner { background: rgb(255, 255, 255); border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(220, 223, 230); border-right-color: rgb(220, 223, 230); border-bottom-color: rgb(220, 223, 230); border-image: initial; font-weight: 500; border-left-style: initial; border-left-color: initial; color: rgb(96, 98, 102); appearance: none; text-align: center; box-sizing: border-box; outline: 0px; margin: 0px; cursor: pointer; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); padding: 12px 20px; font-size: 14px; border-radius: 0px; }

.el-radio-button__inner.is-round { padding: 12px 20px; }

.el-radio-button__inner:hover { color: rgb(64, 158, 255); }

.el-radio-button__inner [class*="el-icon-"] { line-height: 0.9; }

.el-radio-button__inner [class*="el-icon-"] + span { margin-left: 5px; }

.el-radio-button:first-child .el-radio-button__inner { border-left: 1px solid rgb(220, 223, 230); border-radius: 4px 0px 0px 4px; box-shadow: none !important; }

.el-radio-button__orig-radio { opacity: 0; outline: 0px; position: absolute; z-index: -1; }

.el-radio-button__orig-radio:checked + .el-radio-button__inner { color: rgb(255, 255, 255); background-color: rgb(64, 158, 255); border-color: rgb(64, 158, 255); box-shadow: rgb(64, 158, 255) -1px 0px 0px 0px; }

.el-radio-button__orig-radio:disabled + .el-radio-button__inner { color: rgb(192, 196, 204); cursor: not-allowed; background-image: none; background-color: rgb(255, 255, 255); border-color: rgb(235, 238, 245); box-shadow: none; }

.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { background-color: rgb(242, 246, 252); }

.el-radio-button:last-child .el-radio-button__inner { border-radius: 0px 4px 4px 0px; }

.el-radio-button:first-child:last-child .el-radio-button__inner { border-radius: 4px; }

.el-radio-button--medium .el-radio-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0px; }

.el-radio-button--medium .el-radio-button__inner.is-round { padding: 10px 20px; }

.el-radio-button--small .el-radio-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0px; }

.el-radio-button--small .el-radio-button__inner.is-round { padding: 9px 15px; }

.el-radio-button--mini .el-radio-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0px; }

.el-radio-button--mini .el-radio-button__inner.is-round { padding: 7px 15px; }

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { box-shadow: rgb(64, 158, 255) 0px 0px 2px 2px; }

.el-picker-panel, .el-popover, .el-select-dropdown, .el-table-filter, .el-time-panel { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }

.el-switch { display: inline-flex; -webkit-box-align: center; align-items: center; position: relative; font-size: 14px; line-height: 20px; height: 20px; vertical-align: middle; }

.el-switch__core, .el-switch__label { display: inline-block; cursor: pointer; }

.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { cursor: not-allowed; }

.el-switch__label { transition: 0.2s; height: 20px; font-size: 14px; font-weight: 500; vertical-align: middle; color: rgb(48, 49, 51); }

.el-switch__label.is-active { color: rgb(64, 158, 255); }

.el-switch__label--left { margin-right: 10px; }

.el-switch__label--right { margin-left: 10px; }

.el-switch__label * { line-height: 1; font-size: 14px; display: inline-block; }

.el-switch__input { position: absolute; width: 0px; height: 0px; opacity: 0; margin: 0px; }

.el-switch__core { margin: 0px; position: relative; width: 40px; height: 20px; border: 1px solid rgb(220, 223, 230); outline: 0px; border-radius: 10px; box-sizing: border-box; background: rgb(220, 223, 230); transition: border-color 0.3s, background-color 0.3s; vertical-align: middle; }

.el-input__prefix, .el-input__suffix { transition: 0.3s; color: rgb(192, 196, 204); }

.el-switch__core::after { content: ""; position: absolute; top: 1px; left: 1px; border-radius: 100%; transition: 0.3s; width: 16px; height: 16px; background-color: rgb(255, 255, 255); }

.el-switch.is-checked .el-switch__core { border-color: rgb(64, 158, 255); background-color: rgb(64, 158, 255); }

.el-switch.is-checked .el-switch__core::after { left: 100%; margin-left: -17px; }

.el-switch.is-disabled { opacity: 0.6; }

.el-switch--wide .el-switch__label.el-switch__label--left span { left: 10px; }

.el-switch--wide .el-switch__label.el-switch__label--right span { right: 10px; }

.el-switch .label-fade-enter, .el-switch .label-fade-leave-active { opacity: 0; }

.el-select-dropdown { position: absolute; z-index: 1001; border: 1px solid rgb(228, 231, 237); border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; box-sizing: border-box; margin: 5px 0px; }

.el-select-dropdown.is-multiple .el-select-dropdown__item { padding-right: 40px; }

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: rgb(64, 158, 255); background-color: rgb(255, 255, 255); }

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { background-color: rgb(245, 247, 250); }

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { position: absolute; right: 20px; font-family: element-icons; content: ""; font-size: 12px; font-weight: 700; -webkit-font-smoothing: antialiased; }

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { padding: 0px; }

.el-select-dropdown__empty { padding: 10px 0px; margin: 0px; text-align: center; color: rgb(153, 153, 153); font-size: 14px; }

.el-select-dropdown__wrap { max-height: 274px; }

.el-select-dropdown__list { list-style: none; padding: 6px 0px; margin: 0px; box-sizing: border-box; }

.el-select-dropdown__item { font-size: 14px; padding: 0px 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(96, 98, 102); height: 34px; line-height: 34px; box-sizing: border-box; cursor: pointer; }

.el-select-dropdown__item.is-disabled { color: rgb(192, 196, 204); cursor: not-allowed; }

.el-select-dropdown__item.is-disabled:hover { background-color: rgb(255, 255, 255); }

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: rgb(245, 247, 250); }

.el-select-dropdown__item.selected { color: rgb(64, 158, 255); font-weight: 700; }

.el-select-group { margin: 0px; padding: 0px; }

.el-select-group__wrap { position: relative; list-style: none; margin: 0px; padding: 0px; }

.el-select-group__wrap:not(:last-of-type) { padding-bottom: 24px; }

.el-select-group__wrap:not(:last-of-type)::after { content: ""; position: absolute; display: block; left: 20px; right: 20px; bottom: 12px; height: 1px; background: rgb(228, 231, 237); }

.el-select-group__title { padding-left: 20px; font-size: 12px; color: rgb(144, 147, 153); line-height: 30px; }

.el-select-group .el-select-dropdown__item { padding-left: 20px; }

.el-select { display: inline-block; position: relative; }

.el-select .el-select__tags > span { display: contents; }

.el-select:hover .el-input__inner { border-color: rgb(192, 196, 204); }

.el-select .el-input__inner { cursor: pointer; padding-right: 35px; }

.el-select .el-input__inner:focus { border-color: rgb(64, 158, 255); }

.el-select .el-input .el-select__caret { color: rgb(192, 196, 204); font-size: 14px; transition: transform 0.3s, -webkit-transform 0.3s; transform: rotate(180deg); cursor: pointer; }

.el-select .el-input .el-select__caret.is-reverse { transform: rotate(0deg); }

.el-select .el-input .el-select__caret.is-show-close { font-size: 14px; text-align: center; transform: rotate(180deg); border-radius: 100%; color: rgb(192, 196, 204); transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-select .el-input .el-select__caret.is-show-close:hover { color: rgb(144, 147, 153); }

.el-select .el-input.is-disabled .el-input__inner { cursor: not-allowed; }

.el-select .el-input.is-disabled .el-input__inner:hover { border-color: rgb(228, 231, 237); }

.el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner { border-color: rgb(64, 158, 255); }

.el-select > .el-input { display: block; }

.el-select__input { border: none; outline: 0px; padding: 0px; margin-left: 15px; color: rgb(102, 102, 102); font-size: 14px; appearance: none; height: 28px; background-color: transparent; }

.el-select__input.is-mini { height: 14px; }

.el-select__close { cursor: pointer; position: absolute; top: 8px; z-index: 1000; right: 25px; color: rgb(192, 196, 204); line-height: 18px; font-size: 14px; }

.el-select__close:hover { color: rgb(144, 147, 153); }

.el-select__tags { position: absolute; line-height: normal; white-space: normal; z-index: 1; top: 50%; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; }

.el-select__tags-text { overflow: hidden; text-overflow: ellipsis; }

.el-select .el-tag { box-sizing: border-box; border-color: transparent; margin: 2px 0px 2px 6px; background-color: rgb(240, 242, 245); display: flex; max-width: 100%; -webkit-box-align: center; align-items: center; }

.el-select .el-tag__close.el-icon-close { background-color: rgb(192, 196, 204); top: 0px; color: rgb(255, 255, 255); flex-shrink: 0; }

.el-select .el-tag__close.el-icon-close:hover { background-color: rgb(144, 147, 153); }

.el-table, .el-table__expanded-cell { background-color: rgb(255, 255, 255); }

.el-select .el-tag__close.el-icon-close::before { display: block; transform: translateY(0.5px); }

.el-table { position: relative; overflow: hidden; box-sizing: border-box; -webkit-box-flex: 1; flex: 1 1 0%; width: 100%; max-width: 100%; font-size: 14px; color: rgb(96, 98, 102); }

.el-table__empty-block { min-height: 60px; text-align: center; width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.el-table__empty-text { line-height: 60px; width: 50%; color: rgb(144, 147, 153); }

.el-table__expand-column .cell { padding: 0px; text-align: center; }

.el-table__expand-icon { position: relative; cursor: pointer; color: rgb(102, 102, 102); font-size: 12px; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; height: 20px; }

.el-table__expand-icon--expanded { transform: rotate(90deg); }

.el-table__expand-icon > .el-icon { position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; }

.el-table__expanded-cell[class*="cell"] { padding: 20px 50px; }

.el-table__expanded-cell:hover { background-color: transparent !important; }

.el-table__placeholder { display: inline-block; width: 20px; }

.el-table__append-wrapper { overflow: hidden; }

.el-table--fit { border-right: 0px; border-bottom: 0px; }

.el-table--fit .el-table__cell.gutter { border-right-width: 1px; }

.el-table--scrollable-x .el-table__body-wrapper { overflow-x: auto; }

.el-table--scrollable-y .el-table__body-wrapper { overflow-y: auto; }

.el-table thead { color: rgb(144, 147, 153); font-weight: 500; }

.el-table thead.is-group th.el-table__cell { background: rgb(245, 247, 250); }

.el-table .el-table__cell { padding: 12px 0px; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; }

.el-table .el-table__cell.is-center { text-align: center; }

.el-table .el-table__cell.is-right { text-align: right; }

.el-table .el-table__cell.gutter { width: 15px; border-right-width: 0px; border-bottom-width: 0px; padding: 0px; }

.el-table .el-table__cell.is-hidden > * { visibility: hidden; }

.el-table--medium .el-table__cell { padding: 10px 0px; }

.el-table--small { font-size: 12px; }

.el-table--small .el-table__cell { padding: 8px 0px; }

.el-table--mini { font-size: 12px; }

.el-table--mini .el-table__cell { padding: 6px 0px; }

.el-table tr { background-color: rgb(255, 255, 255); }

.el-table tr input[type="checkbox"] { margin: 0px; }

.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf { border-bottom: 1px solid rgb(235, 238, 245); }

.el-table th.el-table__cell.is-sortable { cursor: pointer; }

.el-table th.el-table__cell { overflow: hidden; user-select: none; background-color: rgb(255, 255, 255); }

.el-table th.el-table__cell > .cell { display: inline-block; box-sizing: border-box; position: relative; vertical-align: middle; padding-left: 10px; padding-right: 10px; width: 100%; }

.el-table th.el-table__cell > .cell.highlight { color: rgb(64, 158, 255); }

.el-table th.el-table__cell.required > div::before { display: inline-block; content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 77, 81); margin-right: 5px; vertical-align: middle; }

.el-table td.el-table__cell div { box-sizing: border-box; }

.el-date-table td, .el-table-filter, .el-table .cell { box-sizing: border-box; }

.el-table td.el-table__cell.gutter { width: 0px; }

.el-table .cell { box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; line-height: 23px; padding-left: 10px; padding-right: 10px; }

.el-table .cell.el-tooltip { white-space: nowrap; min-width: 50px; }

.el-table--border, .el-table--group { border: 1px solid rgb(235, 238, 245); }

.el-table--border::after, .el-table--group::after, .el-table::before { content: ""; position: absolute; background-color: rgb(235, 238, 245); z-index: 1; }

.el-table--border::after, .el-table--group::after { top: 0px; right: 0px; width: 1px; height: 100%; }

.el-table::before { left: 0px; bottom: 0px; width: 100%; height: 1px; }

.el-table--border { border-right: none; border-bottom: none; }

.el-table--border.el-loading-parent--relative { border-color: transparent; }

.el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { border-right: 1px solid rgb(235, 238, 245); }

.el-table--border .el-table__cell:first-child .cell { padding-left: 10px; }

.el-table--border th.el-table__cell, .el-table--border th.el-table__cell.gutter:last-of-type, .el-table__fixed-right-patch { border-bottom: 1px solid rgb(235, 238, 245); }

.el-table--hidden { visibility: hidden; }

.el-table__fixed, .el-table__fixed-right { position: absolute; top: 0px; left: 0px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px; }

.el-table__fixed-right::before, .el-table__fixed::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background-color: rgb(235, 238, 245); z-index: 4; }

.el-table__fixed-right-patch { position: absolute; top: -1px; right: 0px; background-color: rgb(255, 255, 255); }

.el-table__fixed-right { top: 0px; left: auto; right: 0px; }

.el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper, .el-table__fixed-right .el-table__fixed-header-wrapper { left: auto; right: 0px; }

.el-table__fixed-header-wrapper { position: absolute; left: 0px; top: 0px; z-index: 3; }

.el-table__fixed-footer-wrapper { position: absolute; left: 0px; bottom: 0px; z-index: 3; }

.el-table__fixed-footer-wrapper tbody td.el-table__cell { border-top: 1px solid rgb(235, 238, 245); background-color: rgb(245, 247, 250); color: rgb(96, 98, 102); }

.el-table__fixed-body-wrapper { position: absolute; left: 0px; top: 37px; overflow: hidden; z-index: 3; }

.el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper { width: 100%; }

.el-table__footer-wrapper { margin-top: -1px; }

.el-table__footer-wrapper td.el-table__cell { border-top: 1px solid rgb(235, 238, 245); }

.el-table__body, .el-table__footer, .el-table__header { table-layout: fixed; border-collapse: separate; }

.el-table__footer-wrapper, .el-table__header-wrapper { overflow: hidden; }

.el-table__footer-wrapper tbody td.el-table__cell, .el-table__header-wrapper tbody td.el-table__cell { background-color: rgb(245, 247, 250); color: rgb(96, 98, 102); }

.el-table__body-wrapper { overflow: hidden; position: relative; }

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, .el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { box-shadow: none; }

.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { border-left: 1px solid rgb(235, 238, 245); }

.el-table .caret-wrapper { display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; height: 34px; width: 24px; vertical-align: middle; cursor: pointer; overflow: initial; position: relative; }

.el-table .sort-caret { width: 0px; height: 0px; border: 5px solid transparent; position: absolute; left: 7px; }

.el-table .sort-caret.ascending { border-bottom-color: rgb(192, 196, 204); top: 5px; }

.el-table .sort-caret.descending { border-top-color: rgb(192, 196, 204); bottom: 7px; }

.el-table .ascending .sort-caret.ascending { border-bottom-color: rgb(64, 158, 255); }

.el-table .descending .sort-caret.descending { border-top-color: rgb(64, 158, 255); }

.el-table .hidden-columns { visibility: hidden; position: absolute; z-index: -1; }

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { background: rgb(250, 250, 250); }

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell { background-color: rgb(236, 245, 255); }

.el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row > td.el-table__cell { background-color: rgb(245, 247, 250); }

.el-table__body tr.current-row > td.el-table__cell { background-color: rgb(236, 245, 255); }

.el-table__column-resize-proxy { position: absolute; left: 200px; top: 0px; bottom: 0px; width: 0px; border-left: 1px solid rgb(235, 238, 245); z-index: 10; }

.el-table__column-filter-trigger { display: inline-block; line-height: 34px; cursor: pointer; }

.el-table__column-filter-trigger i { color: rgb(144, 147, 153); font-size: 12px; transform: scale(0.75); }

.el-table--enable-row-transition .el-table__body td.el-table__cell { transition: background-color 0.25s; }

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background-color: rgb(245, 247, 250); }

.el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right { bottom: 0px; overflow: hidden; }

.el-table [class*="el-table__row--level"] .el-table__expand-icon { display: inline-block; width: 20px; line-height: 20px; height: 20px; text-align: center; margin-right: 3px; }

.el-table-column--selection .cell { padding-left: 14px; padding-right: 14px; }

.el-table-filter { border: 1px solid rgb(235, 238, 245); border-radius: 2px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; box-sizing: border-box; margin: 2px 0px; }

.el-table-filter__list { padding: 5px 0px; margin: 0px; list-style: none; min-width: 100px; }

.el-table-filter__list-item { line-height: 36px; padding: 0px 10px; cursor: pointer; font-size: 14px; }

.el-table-filter__list-item:hover { background-color: rgb(236, 245, 255); color: rgb(102, 177, 255); }

.el-table-filter__list-item.is-active { background-color: rgb(64, 158, 255); color: rgb(255, 255, 255); }

.el-table-filter__content { min-width: 100px; }

.el-table-filter__bottom { border-top: 1px solid rgb(235, 238, 245); padding: 8px; }

.el-table-filter__bottom button { background: 0px 0px; border: none; color: rgb(96, 98, 102); cursor: pointer; font-size: 13px; padding: 0px 3px; }

.el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div, .el-date-table td.in-range div, .el-date-table td.in-range div:hover { background-color: rgb(242, 246, 252); }

.el-table-filter__bottom button:hover { color: rgb(64, 158, 255); }

.el-table-filter__bottom button:focus { outline: 0px; }

.el-table-filter__bottom button.is-disabled { color: rgb(192, 196, 204); cursor: not-allowed; }

.el-table-filter__wrap { max-height: 280px; }

.el-table-filter__checkbox-group { padding: 10px; }

.el-table-filter__checkbox-group label.el-checkbox { display: block; margin-right: 5px; margin-bottom: 8px; margin-left: 5px; }

.el-table-filter__checkbox-group .el-checkbox:last-child { margin-bottom: 0px; }

.el-date-table { font-size: 12px; user-select: none; }

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { color: rgb(96, 98, 102); }

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { margin-left: 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { margin-right: 5px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }

.el-date-table td { width: 32px; padding: 4px 0px; text-align: center; cursor: pointer; position: relative; }

.el-date-table td, .el-date-table td div { height: 30px; box-sizing: border-box; }

.el-date-table td div { padding: 3px 0px; }

.el-date-table td span { width: 24px; height: 24px; display: block; margin: 0px auto; line-height: 24px; position: absolute; left: 50%; transform: translateX(-50%); border-radius: 50%; }

.el-date-table td.next-month, .el-date-table td.prev-month { color: rgb(192, 196, 204); }

.el-date-table td.today { position: relative; }

.el-date-table td.today span { color: rgb(64, 158, 255); font-weight: 700; }

.el-date-table td.today.end-date span, .el-date-table td.today.start-date span { color: rgb(255, 255, 255); }

.el-date-table td.available:hover { color: rgb(64, 158, 255); }

.el-date-table td.current:not(.disabled) span { color: rgb(255, 255, 255); background-color: rgb(64, 158, 255); }

.el-date-table td.end-date div, .el-date-table td.start-date div { color: rgb(255, 255, 255); }

.el-date-table td.end-date span, .el-date-table td.start-date span { background-color: rgb(64, 158, 255); }

.el-date-table td.start-date div { margin-left: 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }

.el-date-table td.end-date div { margin-right: 5px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }

.el-date-table td.disabled div { background-color: rgb(245, 247, 250); opacity: 1; cursor: not-allowed; color: rgb(192, 196, 204); }

.el-date-table td.selected div { margin-left: 5px; margin-right: 5px; background-color: rgb(242, 246, 252); border-radius: 15px; }

.el-date-table td.selected div:hover { background-color: rgb(242, 246, 252); }

.el-date-table td.selected span { background-color: rgb(64, 158, 255); color: rgb(255, 255, 255); border-radius: 15px; }

.el-date-table td.week { font-size: 80%; color: rgb(96, 98, 102); }

.el-month-table, .el-year-table { font-size: 12px; border-collapse: collapse; }

.el-date-table th { padding: 5px; color: rgb(96, 98, 102); font-weight: 400; border-bottom: 1px solid rgb(235, 238, 245); }

.el-month-table { margin: -1px; }

.el-month-table td { text-align: center; padding: 8px 0px; cursor: pointer; }

.el-month-table td div { height: 48px; padding: 6px 0px; box-sizing: border-box; }

.el-month-table td.today .cell { color: rgb(64, 158, 255); font-weight: 700; }

.el-month-table td.today.end-date .cell, .el-month-table td.today.start-date .cell { color: rgb(255, 255, 255); }

.el-month-table td.disabled .cell { background-color: rgb(245, 247, 250); cursor: not-allowed; color: rgb(192, 196, 204); }

.el-month-table td.disabled .cell:hover { color: rgb(192, 196, 204); }

.el-month-table td .cell { width: 60px; height: 36px; display: block; line-height: 36px; color: rgb(96, 98, 102); margin: 0px auto; border-radius: 18px; }

.el-month-table td .cell:hover { color: rgb(64, 158, 255); }

.el-month-table td.in-range div, .el-month-table td.in-range div:hover { background-color: rgb(242, 246, 252); }

.el-month-table td.end-date div, .el-month-table td.start-date div { color: rgb(255, 255, 255); }

.el-month-table td.end-date .cell, .el-month-table td.start-date .cell { color: rgb(255, 255, 255); background-color: rgb(64, 158, 255); }

.el-month-table td.start-date div { border-top-left-radius: 24px; border-bottom-left-radius: 24px; }

.el-month-table td.end-date div { border-top-right-radius: 24px; border-bottom-right-radius: 24px; }

.el-month-table td.current:not(.disabled) .cell { color: rgb(64, 158, 255); }

.el-year-table { margin: -1px; }

.el-year-table .el-icon { color: rgb(48, 49, 51); }

.el-year-table td { text-align: center; padding: 20px 3px; cursor: pointer; }

.el-year-table td.today .cell { color: rgb(64, 158, 255); font-weight: 700; }

.el-year-table td.disabled .cell { background-color: rgb(245, 247, 250); cursor: not-allowed; color: rgb(192, 196, 204); }

.el-year-table td.disabled .cell:hover { color: rgb(192, 196, 204); }

.el-year-table td .cell { width: 48px; height: 32px; display: block; line-height: 32px; color: rgb(96, 98, 102); margin: 0px auto; }

.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell { color: rgb(64, 158, 255); }

.el-date-range-picker { width: 646px; }

.el-date-range-picker.has-sidebar { width: 756px; }

.el-date-range-picker table { table-layout: fixed; width: 100%; }

.el-date-range-picker .el-picker-panel__body { min-width: 513px; }

.el-date-range-picker .el-picker-panel__content { margin: 0px; }

.el-date-range-picker__header { position: relative; text-align: center; height: 28px; }

.el-date-range-picker__header [class*="arrow-left"] { float: left; }

.el-date-range-picker__header [class*="arrow-right"] { float: right; }

.el-date-range-picker__header div { font-size: 16px; font-weight: 500; margin-right: 50px; }

.el-date-range-picker__content { float: left; width: 50%; box-sizing: border-box; margin: 0px; padding: 16px; }

.el-date-range-picker__content.is-left { border-right: 1px solid rgb(228, 228, 228); }

.el-date-range-picker__content .el-date-range-picker__header div { margin-left: 50px; margin-right: 50px; }

.el-date-range-picker__editors-wrap { box-sizing: border-box; display: table-cell; }

.el-date-range-picker__editors-wrap.is-right { text-align: right; }

.el-date-range-picker__time-header { position: relative; border-bottom: 1px solid rgb(228, 228, 228); font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; box-sizing: border-box; }

.el-date-range-picker__time-header > .el-icon-arrow-right { font-size: 20px; vertical-align: middle; display: table-cell; color: rgb(48, 49, 51); }

.el-date-range-picker__time-picker-wrap { position: relative; display: table-cell; padding: 0px 5px; }

.el-date-range-picker__time-picker-wrap .el-picker-panel { position: absolute; top: 13px; right: 0px; z-index: 1; background: rgb(255, 255, 255); }

.el-date-picker { width: 322px; }

.el-date-picker.has-sidebar.has-time { width: 434px; }

.el-date-picker.has-sidebar { width: 438px; }

.el-date-picker.has-time .el-picker-panel__body-wrapper { position: relative; }

.el-date-picker .el-picker-panel__content { width: 292px; }

.el-date-picker table { table-layout: fixed; width: 100%; }

.el-date-picker__editor-wrap { position: relative; display: table-cell; padding: 0px 5px; }

.el-date-picker__time-header { position: relative; border-bottom: 1px solid rgb(228, 228, 228); font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; box-sizing: border-box; }

.el-date-picker__header { margin: 12px; text-align: center; }

.el-date-picker__header--bordered { margin-bottom: 0px; padding-bottom: 12px; border-bottom: 1px solid rgb(235, 238, 245); }

.el-date-picker__header--bordered + .el-picker-panel__content { margin-top: 0px; }

.el-date-picker__header-label { font-size: 16px; font-weight: 500; padding: 0px 5px; line-height: 22px; text-align: center; cursor: pointer; color: rgb(96, 98, 102); }

.el-date-picker__header-label.active, .el-date-picker__header-label:hover { color: rgb(64, 158, 255); }

.el-date-picker__prev-btn { float: left; }

.el-date-picker__next-btn { float: right; }

.el-date-picker__time-wrap { padding: 10px; text-align: center; }

.el-date-picker__time-label { float: left; cursor: pointer; line-height: 30px; margin-left: 10px; }

.time-select { margin: 5px 0px; min-width: 0px; }

.time-select .el-picker-panel__content { max-height: 200px; margin: 0px; }

.time-select-item { padding: 8px 10px; font-size: 14px; line-height: 20px; }

.time-select-item.selected:not(.disabled) { color: rgb(64, 158, 255); font-weight: 700; }

.time-select-item.disabled { color: rgb(228, 231, 237); cursor: not-allowed; }

.time-select-item:hover { background-color: rgb(245, 247, 250); font-weight: 700; cursor: pointer; }

.el-date-editor { position: relative; display: inline-block; text-align: left; }

.el-date-editor.el-input, .el-date-editor.el-input__inner { width: 220px; }

.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner { width: 300px; }

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner { width: 350px; }

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner { width: 400px; }

.el-date-editor--dates .el-input__inner { text-overflow: ellipsis; white-space: nowrap; }

.el-date-editor .el-icon-circle-close { cursor: pointer; }

.el-date-editor .el-range__icon { font-size: 14px; margin-left: -5px; color: rgb(192, 196, 204); float: left; line-height: 32px; }

.el-date-editor .el-range-input { appearance: none; border: none; outline: 0px; display: inline-block; height: 100%; margin: 0px; padding: 0px; width: 39%; text-align: center; font-size: 14px; color: rgb(96, 98, 102); }

.el-date-editor .el-range-input::-webkit-input-placeholder { color: rgb(192, 196, 204); }

.el-date-editor .el-range-input::placeholder { color: rgb(192, 196, 204); }

.el-date-editor .el-range-separator { display: inline-block; height: 100%; padding: 0px 5px; margin: 0px; text-align: center; line-height: 32px; font-size: 14px; width: 5%; color: rgb(48, 49, 51); }

.el-date-editor .el-range__close-icon { font-size: 14px; color: rgb(192, 196, 204); width: 25px; display: inline-block; float: right; line-height: 32px; }

.el-range-editor.el-input__inner { display: inline-flex; -webkit-box-align: center; align-items: center; padding: 3px 10px; }

.el-range-editor .el-range-input { line-height: 1; }

.el-range-editor--medium.el-input__inner { height: 36px; }

.el-range-editor--medium .el-range-separator { line-height: 28px; font-size: 14px; }

.el-range-editor--medium .el-range-input { font-size: 14px; }

.el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon { line-height: 28px; }

.el-range-editor--small.el-input__inner { height: 32px; }

.el-range-editor--small .el-range-separator { line-height: 24px; font-size: 13px; }

.el-range-editor--small .el-range-input { font-size: 13px; }

.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon { line-height: 24px; }

.el-range-editor--mini.el-input__inner { height: 28px; }

.el-range-editor--mini .el-range-separator { line-height: 20px; font-size: 12px; }

.el-range-editor--mini .el-range-input { font-size: 12px; }

.el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon { line-height: 20px; }

.el-range-editor.is-disabled { background-color: rgb(245, 247, 250); border-color: rgb(228, 231, 237); color: rgb(192, 196, 204); cursor: not-allowed; }

.el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover { border-color: rgb(228, 231, 237); }

.el-range-editor.is-disabled input { background-color: rgb(245, 247, 250); color: rgb(192, 196, 204); cursor: not-allowed; }

.el-range-editor.is-disabled input::-webkit-input-placeholder { color: rgb(192, 196, 204); }

.el-range-editor.is-disabled input::placeholder { color: rgb(192, 196, 204); }

.el-range-editor.is-disabled .el-range-separator { color: rgb(192, 196, 204); }

.el-picker-panel { color: rgb(96, 98, 102); border: 1px solid rgb(228, 231, 237); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; background: rgb(255, 255, 255); border-radius: 4px; line-height: 30px; margin: 5px 0px; }

.el-picker-panel__body-wrapper::after, .el-picker-panel__body::after { content: ""; display: table; clear: both; }

.el-picker-panel__content { position: relative; margin: 15px; }

.el-picker-panel__footer { border-top: 1px solid rgb(228, 228, 228); padding: 4px; text-align: right; background-color: rgb(255, 255, 255); position: relative; font-size: 0px; }

.el-picker-panel__shortcut { display: block; width: 100%; border: 0px; background-color: transparent; line-height: 28px; font-size: 14px; color: rgb(96, 98, 102); padding-left: 12px; text-align: left; outline: 0px; cursor: pointer; }

.el-picker-panel__shortcut:hover { color: rgb(64, 158, 255); }

.el-picker-panel__shortcut.active { background-color: rgb(230, 241, 254); color: rgb(64, 158, 255); }

.el-picker-panel__btn { border: 1px solid rgb(220, 220, 220); color: rgb(51, 51, 51); line-height: 24px; border-radius: 2px; padding: 0px 20px; cursor: pointer; background-color: transparent; outline: 0px; font-size: 12px; }

.el-picker-panel__btn[disabled] { color: rgb(204, 204, 204); cursor: not-allowed; }

.el-picker-panel__icon-btn { font-size: 12px; color: rgb(48, 49, 51); border: 0px; background: 0px 0px; cursor: pointer; outline: 0px; margin-top: 8px; }

.el-picker-panel__icon-btn:hover { color: rgb(64, 158, 255); }

.el-picker-panel__icon-btn.is-disabled { color: rgb(187, 187, 187); }

.el-picker-panel__icon-btn.is-disabled:hover { cursor: not-allowed; }

.el-picker-panel__link-btn { vertical-align: middle; }

.el-picker-panel [slot="sidebar"], .el-picker-panel__sidebar { position: absolute; top: 0px; bottom: 0px; width: 110px; border-right: 1px solid rgb(228, 228, 228); box-sizing: border-box; padding-top: 6px; background-color: rgb(255, 255, 255); overflow: auto; }

.el-picker-panel [slot="sidebar"] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { margin-left: 110px; }

.el-time-spinner.has-seconds .el-time-spinner__wrapper { width: 33.3%; }

.el-time-spinner__wrapper { max-height: 190px; overflow: auto; display: inline-block; width: 50%; vertical-align: top; position: relative; }

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { padding-bottom: 15px; }

.el-time-spinner__input.el-input .el-input__inner, .el-time-spinner__list { padding: 0px; text-align: center; }

.el-time-spinner__wrapper.is-arrow { box-sizing: border-box; text-align: center; overflow: hidden; }

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list { transform: translateY(-32px); }

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { background: rgb(255, 255, 255); cursor: default; }

.el-time-spinner__arrow { font-size: 12px; color: rgb(144, 147, 153); position: absolute; left: 0px; width: 100%; z-index: 1; text-align: center; height: 30px; line-height: 30px; cursor: pointer; }

.el-time-spinner__arrow:hover { color: rgb(64, 158, 255); }

.el-time-spinner__arrow.el-icon-arrow-up { top: 10px; }

.el-time-spinner__arrow.el-icon-arrow-down { bottom: 10px; }

.el-time-spinner__input.el-input { width: 70%; }

.el-time-spinner__list { margin: 0px; list-style: none; }

.el-time-spinner__list::after, .el-time-spinner__list::before { content: ""; display: block; width: 100%; height: 80px; }

.el-time-spinner__item { height: 32px; line-height: 32px; font-size: 12px; color: rgb(96, 98, 102); }

.el-time-spinner__item:hover:not(.disabled):not(.active) { background: rgb(245, 247, 250); cursor: pointer; }

.el-time-spinner__item.active:not(.disabled) { color: rgb(48, 49, 51); font-weight: 700; }

.el-time-spinner__item.disabled { color: rgb(192, 196, 204); cursor: not-allowed; }

.el-time-panel { margin: 5px 0px; border: 1px solid rgb(228, 231, 237); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; border-radius: 2px; position: absolute; width: 180px; left: 0px; z-index: 1000; user-select: none; box-sizing: content-box; }

.el-time-panel__content { font-size: 0px; position: relative; overflow: hidden; }

.el-time-panel__content::after, .el-time-panel__content::before { content: ""; top: 50%; position: absolute; margin-top: -15px; height: 32px; z-index: -1; left: 0px; right: 0px; box-sizing: border-box; padding-top: 6px; text-align: left; border-top: 1px solid rgb(228, 231, 237); border-bottom: 1px solid rgb(228, 231, 237); }

.el-time-panel__content::after { left: 50%; margin-left: 12%; margin-right: 12%; }

.el-time-panel__content::before { padding-left: 50%; margin-right: 12%; margin-left: 12%; }

.el-time-panel__content.has-seconds::after { left: 66.6667%; }

.el-time-panel__content.has-seconds::before { padding-left: 33.3333%; }

.el-time-panel__footer { border-top: 1px solid rgb(228, 228, 228); padding: 4px; height: 36px; line-height: 25px; text-align: right; box-sizing: border-box; }

.el-time-panel__btn { border: none; line-height: 28px; padding: 0px 5px; margin: 0px 5px; cursor: pointer; background-color: transparent; outline: 0px; font-size: 12px; color: rgb(48, 49, 51); }

.el-time-panel__btn.confirm { font-weight: 800; color: rgb(64, 158, 255); }

.el-time-range-picker { width: 354px; overflow: visible; }

.el-time-range-picker__content { position: relative; text-align: center; padding: 10px; }

.el-time-range-picker__cell { box-sizing: border-box; margin: 0px; padding: 4px 7px 7px; width: 50%; display: inline-block; }

.el-time-range-picker__header { margin-bottom: 5px; text-align: center; font-size: 14px; }

.el-time-range-picker__body { border-radius: 2px; border: 1px solid rgb(228, 231, 237); }

.el-popover { position: absolute; background: rgb(255, 255, 255); min-width: 150px; border-radius: 4px; border: 1px solid rgb(235, 238, 245); padding: 12px; z-index: 2000; color: rgb(96, 98, 102); line-height: 1.4; text-align: justify; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; word-break: break-all; }

.el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover, .el-cascader__dropdown, .el-color-picker__panel, .el-message-box, .el-notification, .el-popover { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }

.el-popover--plain { padding: 18px 20px; }

.el-popover__title { color: rgb(48, 49, 51); font-size: 16px; line-height: 1; margin-bottom: 12px; }

.el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing) { outline-width: 0px; }

.v-modal-enter { animation: 0.2s ease 0s 1 normal none running v-modal-in; }

.v-modal-leave { animation: 0.2s ease 0s 1 normal forwards running v-modal-out; }

@keyframes v-modal-in { 
  0% { opacity: 0; }
}

@keyframes v-modal-out { 
  100% { opacity: 0; }
}

.v-modal { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.5; background: rgb(0, 0, 0); }

.el-popup-parent--hidden { overflow: hidden; }

.el-message-box { display: inline-block; width: 420px; padding-bottom: 10px; vertical-align: middle; background-color: rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgb(235, 238, 245); font-size: 18px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; text-align: left; overflow: hidden; backface-visibility: hidden; }

.el-message-box__wrapper { position: fixed; inset: 0px; text-align: center; }

.el-message-box__wrapper::after { content: ""; display: inline-block; height: 100%; width: 0px; vertical-align: middle; }

.el-message-box__header { position: relative; padding: 15px 15px 10px; }

.el-message-box__title { padding-left: 0px; margin-bottom: 0px; font-size: 18px; line-height: 1; color: rgb(48, 49, 51); }

.el-message-box__headerbtn { position: absolute; top: 15px; right: 15px; padding: 0px; border: none; outline: 0px; background: 0px 0px; font-size: 16px; cursor: pointer; }

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus { border-color: rgb(245, 108, 108); }

.el-message-box__headerbtn .el-message-box__close { color: rgb(144, 147, 153); }

.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { color: rgb(64, 158, 255); }

.el-message-box__content { padding: 10px 15px; color: rgb(96, 98, 102); font-size: 14px; }

.el-message-box__container { position: relative; }

.el-message-box__input { padding-top: 15px; }

.el-message-box__status { position: absolute; top: 50%; transform: translateY(-50%); font-size: 24px !important; }

.el-message-box__status::before { padding-left: 1px; }

.el-message-box__status + .el-message-box__message { padding-left: 36px; padding-right: 12px; }

.el-message-box__status.el-icon-success { color: rgb(103, 194, 58); }

.el-message-box__status.el-icon-info { color: rgb(144, 147, 153); }

.el-message-box__status.el-icon-warning { color: rgb(230, 162, 60); }

.el-message-box__status.el-icon-error { color: rgb(245, 108, 108); }

.el-message-box__message { margin: 0px; }

.el-message-box__message p { margin: 0px; line-height: 24px; }

.el-message-box__errormsg { color: rgb(245, 108, 108); font-size: 12px; min-height: 18px; margin-top: 2px; }

.el-message-box__btns { padding: 5px 15px 0px; text-align: right; }

.el-message-box__btns button:nth-child(2) { margin-left: 10px; }

.el-message-box__btns-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.el-message-box--center { padding-bottom: 30px; }

.el-message-box--center .el-message-box__header { padding-top: 30px; }

.el-message-box--center .el-message-box__title { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.el-message-box--center .el-message-box__status { position: relative; top: auto; padding-right: 5px; text-align: center; transform: translateY(-1px); }

.el-message-box--center .el-message-box__message { margin-left: 0px; }

.el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content { text-align: center; }

.el-message-box--center .el-message-box__content { padding-left: 27px; padding-right: 27px; }

.msgbox-fade-enter-active { animation: 0.3s ease 0s 1 normal none running msgbox-fade-in; }

.msgbox-fade-leave-active { animation: 0.3s ease 0s 1 normal none running msgbox-fade-out; }

@-webkit-keyframes msgbox-fade-in { 
  0% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes msgbox-fade-in { 
  0% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes msgbox-fade-out { 
  0% { transform: translateZ(0px); opacity: 1; }
  100% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
}

@keyframes msgbox-fade-out { 
  0% { transform: translateZ(0px); opacity: 1; }
  100% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
}

.el-breadcrumb { font-size: 14px; line-height: 1; }

.el-breadcrumb::after, .el-breadcrumb::before { display: table; content: ""; }

.el-breadcrumb::after { clear: both; }

.el-breadcrumb__separator { margin: 0px 9px; font-weight: 700; color: rgb(192, 196, 204); }

.el-breadcrumb__separator[class*="icon"] { margin: 0px 6px; font-weight: 400; }

.el-breadcrumb__item { float: left; }

.el-breadcrumb__inner { color: rgb(96, 98, 102); }

.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { font-weight: 700; text-decoration: none; transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); color: rgb(48, 49, 51); }

.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { color: rgb(64, 158, 255); cursor: pointer; }

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { font-weight: 400; color: rgb(96, 98, 102); cursor: text; }

.el-form--label-left .el-form-item__label { text-align: left; }

.el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0px 0px 10px; }

.el-form--inline .el-form-item { display: inline-block; margin-right: 10px; vertical-align: top; }

.el-form--inline .el-form-item__label { float: none; display: inline-block; }

.el-form--inline .el-form-item__content { display: inline-block; vertical-align: top; }

.el-form--inline.el-form--label-top .el-form-item__content { display: block; }

.el-form-item { margin-bottom: 22px; }

.el-form-item::after, .el-form-item::before { display: table; content: ""; }

.el-form-item::after { clear: both; }

.el-form-item .el-form-item { margin-bottom: 0px; }

.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { margin-bottom: 18px; }

.el-form-item .el-input__validateIcon { display: none; }

.el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label { line-height: 36px; }

.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label { line-height: 32px; }

.el-form-item--small .el-form-item__error { padding-top: 2px; }

.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label { line-height: 28px; }

.el-form-item--mini .el-form-item__error { padding-top: 1px; }

.el-form-item__label-wrap { float: left; }

.el-form-item__label-wrap .el-form-item__label { display: inline-block; float: none; }

.el-form-item__label { text-align: right; vertical-align: middle; float: left; font-size: 14px; color: rgb(96, 98, 102); line-height: 40px; padding: 0px 12px 0px 0px; box-sizing: border-box; }

.el-form-item__content { line-height: 40px; position: relative; font-size: 14px; }

.el-form-item__content::after, .el-form-item__content::before { display: table; content: ""; }

.el-form-item__content::after { clear: both; }

.el-form-item__content .el-input-group { vertical-align: top; }

.el-form-item__error { color: rgb(245, 108, 108); font-size: 12px; line-height: 1; padding-top: 4px; position: absolute; top: 100%; left: 0px; }

.el-form-item__error--inline { position: relative; top: auto; left: auto; display: inline-block; margin-left: 10px; }

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before, .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before { content: "*"; color: rgb(245, 108, 108); margin-right: 4px; }

.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner { border-color: transparent; }

.el-form-item.is-error .el-input__validateIcon { color: rgb(245, 108, 108); }

.el-form-item--feedback .el-input__validateIcon { display: inline-block; }

.el-tabs__header { padding: 0px; position: relative; margin: 0px 0px 15px; }

.el-tabs__active-bar { position: absolute; bottom: 0px; left: 0px; height: 2px; background-color: rgb(64, 158, 255); z-index: 1; transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); list-style: none; }

.el-tabs__new-tab { float: right; border: 1px solid rgb(211, 220, 230); height: 18px; width: 18px; line-height: 18px; margin: 12px 0px 9px 10px; border-radius: 3px; text-align: center; font-size: 12px; color: rgb(211, 220, 230); cursor: pointer; transition: 0.15s; }

.el-tabs__new-tab .el-icon-plus { transform: scale(0.8); }

.el-tabs__new-tab:hover { color: rgb(64, 158, 255); }

.el-tabs__nav-wrap { overflow: hidden; margin-bottom: -1px; position: relative; }

.el-tabs__nav-wrap::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background-color: rgb(228, 231, 237); z-index: 1; }

.el-tabs__nav-wrap.is-scrollable { padding: 0px 20px; box-sizing: border-box; }

.el-tabs__nav-scroll { overflow: hidden; }

.el-tabs__nav-next, .el-tabs__nav-prev { position: absolute; cursor: pointer; line-height: 44px; font-size: 12px; color: rgb(144, 147, 153); }

.el-tabs__nav-next { right: 0px; }

.el-tabs__nav-prev { left: 0px; }

.el-tabs__nav { white-space: nowrap; position: relative; transition: transform 0.3s, -webkit-transform 0.3s; float: left; z-index: 2; }

.el-tabs__nav.is-stretch { min-width: 100%; display: flex; }

.el-tabs__nav.is-stretch > * { -webkit-box-flex: 1; flex: 1 1 0%; text-align: center; }

.el-tabs__item { padding: 0px 20px; height: 40px; box-sizing: border-box; line-height: 40px; display: inline-block; list-style: none; font-size: 14px; font-weight: 500; color: rgb(48, 49, 51); position: relative; }

.el-tabs__item:focus, .el-tabs__item:focus:active { outline: 0px; }

.el-tabs__item:focus.is-active.is-focus:not(:active) { box-shadow: rgb(64, 158, 255) 0px 0px 2px 2px inset; border-radius: 3px; }

.el-tabs__item .el-icon-close { border-radius: 50%; text-align: center; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); margin-left: 5px; }

.el-tabs__item .el-icon-close::before { transform: scale(0.9); display: inline-block; }

.el-tabs--card > .el-tabs__header .el-tabs__active-bar, .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { display: none; }

.el-tabs__item .el-icon-close:hover { background-color: rgb(192, 196, 204); color: rgb(255, 255, 255); }

.el-tabs__item.is-active { color: rgb(64, 158, 255); }

.el-tabs__item:hover { color: rgb(64, 158, 255); cursor: pointer; }

.el-tabs__item.is-disabled { color: rgb(192, 196, 204); cursor: default; }

.el-tabs__content { overflow: hidden; position: relative; }

.el-tabs--card > .el-tabs__header { border-bottom: 1px solid rgb(228, 231, 237); }

.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { content: none; }

.el-tabs--card > .el-tabs__header .el-tabs__nav { border-top: 1px solid rgb(228, 231, 237); border-right: 1px solid rgb(228, 231, 237); border-left: 1px solid rgb(228, 231, 237); border-image: initial; border-bottom: none; border-radius: 4px 4px 0px 0px; box-sizing: border-box; }

.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { position: relative; font-size: 12px; width: 0px; height: 14px; vertical-align: middle; line-height: 15px; overflow: hidden; top: -1px; right: -2px; transform-origin: 100% 50%; }

.el-tabs--card > .el-tabs__header .el-tabs__item { border-bottom: 1px solid transparent; border-left: 1px solid rgb(228, 231, 237); transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-tabs--card > .el-tabs__header .el-tabs__item:first-child { border-left: none; }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { padding-left: 13px; padding-right: 13px; }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { width: 14px; }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { border-bottom-color: rgb(255, 255, 255); }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { padding-left: 20px; padding-right: 20px; }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { width: 14px; }

.el-tabs--border-card { background: rgb(255, 255, 255); border: 1px solid rgb(220, 223, 230); box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px 0px, rgba(0, 0, 0, 0.04) 0px 0px 6px 0px; }

.el-tabs--border-card > .el-tabs__content { padding: 15px; }

.el-tabs--border-card > .el-tabs__header { background-color: rgb(245, 247, 250); border-bottom: 1px solid rgb(228, 231, 237); margin: 0px; }

.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after { content: none; }

.el-tabs--border-card > .el-tabs__header .el-tabs__item { transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border: 1px solid transparent; margin-top: -1px; color: rgb(144, 147, 153); }

.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { margin-left: -1px; }

.el-col-offset-0, .el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { margin-left: 0px; }

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { color: rgb(64, 158, 255); background-color: rgb(255, 255, 255); border-right-color: rgb(220, 223, 230); border-left-color: rgb(220, 223, 230); }

.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { color: rgb(64, 158, 255); }

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { color: rgb(192, 196, 204); }

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) { padding-left: 0px; }

.el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child { padding-right: 0px; }

.el-cascader-menu:last-child .el-cascader-node, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child { padding-right: 20px; }

.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) { padding-left: 20px; }

.el-tabs--bottom .el-tabs__header.is-bottom { margin-bottom: 0px; margin-top: 10px; }

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { border-bottom: 0px; border-top: 1px solid rgb(220, 223, 230); }

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { margin-top: -1px; margin-bottom: 0px; }

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { border: 1px solid transparent; }

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { margin: 0px -1px -1px; }

.el-tabs--left, .el-tabs--right { overflow: hidden; }

.el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-scroll, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { height: 100%; }

.el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right { top: 0px; bottom: auto; width: 2px; height: auto; }

.el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { margin-bottom: 0px; }

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { height: 30px; line-height: 30px; width: 100%; text-align: center; cursor: pointer; }

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i { transform: rotate(90deg); }

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { left: auto; top: 0px; }

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { right: auto; bottom: 0px; }

.el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left::after { right: 0px; left: auto; }

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { padding: 30px 0px; }

.el-tabs--left .el-tabs__nav-wrap.is-left::after, .el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after, .el-tabs--right .el-tabs__nav-wrap.is-right::after { height: 100%; width: 2px; bottom: auto; top: 0px; }

.el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right { float: none; }

.el-tabs--left .el-tabs__item.is-left, .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-right { display: block; }

.el-tabs--left .el-tabs__header.is-left { float: left; margin-bottom: 0px; margin-right: 10px; }

.el-button-group > .el-button:not(:last-child), .el-tabs--left .el-tabs__nav-wrap.is-left { margin-right: -1px; }

.el-tabs--left .el-tabs__item.is-left { text-align: right; }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left { border-top: 1px solid rgb(228, 231, 237); border-right: 1px solid rgb(228, 231, 237); border-image: initial; border-bottom: none; border-left: none; text-align: left; }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { border-right: 1px solid rgb(228, 231, 237); border-top: none; }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid rgb(228, 231, 237); border-right: 1px solid rgb(255, 255, 255); }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { border-top: none; }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { border-bottom: none; }

.el-tabs--left.el-tabs--card .el-tabs__nav { border-radius: 4px 0px 0px 4px; border-bottom: 1px solid rgb(228, 231, 237); border-right: none; }

.el-tabs--left.el-tabs--card .el-tabs__new-tab { float: none; }

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { border-right: 1px solid rgb(223, 228, 237); }

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { border: 1px solid transparent; margin: -1px 0px -1px -1px; }

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { border-color: rgb(209, 219, 229) transparent; }

.el-tabs--right .el-tabs__header.is-right { float: right; margin-bottom: 0px; margin-left: 10px; }

.el-tabs--right .el-tabs__nav-wrap.is-right { margin-left: -1px; }

.el-tabs--right .el-tabs__nav-wrap.is-right::after { left: 0px; right: auto; }

.el-tabs--right .el-tabs__active-bar.is-right { left: 0px; }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right { border-bottom: none; border-top: 1px solid rgb(228, 231, 237); }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { border-left: 1px solid rgb(228, 231, 237); border-top: none; }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { border-right: none; border-bottom: none; border-image: initial; border-top: 1px solid rgb(228, 231, 237); border-left: 1px solid rgb(255, 255, 255); }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { border-top: none; }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { border-bottom: none; }

.el-tabs--right.el-tabs--card .el-tabs__nav { border-radius: 0px 4px 4px 0px; border-bottom: 1px solid rgb(228, 231, 237); border-left: none; }

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { border-left: 1px solid rgb(223, 228, 237); }

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { border: 1px solid transparent; margin: -1px -1px -1px 0px; }

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { border-color: rgb(209, 219, 229) transparent; }

.slideInLeft-transition, .slideInRight-transition { display: inline-block; }

.slideInRight-enter { animation: 0.3s ease 0s 1 normal none running slideInRight-enter; }

.slideInRight-leave { position: absolute; left: 0px; right: 0px; animation: 0.3s ease 0s 1 normal none running slideInRight-leave; }

.slideInLeft-enter { animation: 0.3s ease 0s 1 normal none running slideInLeft-enter; }

.slideInLeft-leave { position: absolute; left: 0px; right: 0px; animation: 0.3s ease 0s 1 normal none running slideInLeft-leave; }

@-webkit-keyframes slideInRight-enter { 
  0% { opacity: 0; transform-origin: 0px 0px; transform: translateX(100%); }
  100% { opacity: 1; transform-origin: 0px 0px; transform: translateX(0px); }
}

@keyframes slideInRight-enter { 
  0% { opacity: 0; transform-origin: 0px 0px; transform: translateX(100%); }
  100% { opacity: 1; transform-origin: 0px 0px; transform: translateX(0px); }
}

@-webkit-keyframes slideInRight-leave { 
  0% { transform-origin: 0px 0px; transform: translateX(0px); opacity: 1; }
  100% { transform-origin: 0px 0px; transform: translateX(100%); opacity: 0; }
}

@keyframes slideInRight-leave { 
  0% { transform-origin: 0px 0px; transform: translateX(0px); opacity: 1; }
  100% { transform-origin: 0px 0px; transform: translateX(100%); opacity: 0; }
}

@-webkit-keyframes slideInLeft-enter { 
  0% { opacity: 0; transform-origin: 0px 0px; transform: translateX(-100%); }
  100% { opacity: 1; transform-origin: 0px 0px; transform: translateX(0px); }
}

@keyframes slideInLeft-enter { 
  0% { opacity: 0; transform-origin: 0px 0px; transform: translateX(-100%); }
  100% { opacity: 1; transform-origin: 0px 0px; transform: translateX(0px); }
}

@-webkit-keyframes slideInLeft-leave { 
  0% { transform-origin: 0px 0px; transform: translateX(0px); opacity: 1; }
  100% { transform-origin: 0px 0px; transform: translateX(-100%); opacity: 0; }
}

@keyframes slideInLeft-leave { 
  0% { transform-origin: 0px 0px; transform: translateX(0px); opacity: 1; }
  100% { transform-origin: 0px 0px; transform: translateX(-100%); opacity: 0; }
}

.el-tree { position: relative; cursor: default; background: rgb(255, 255, 255); color: rgb(96, 98, 102); }

.el-tree__empty-block { position: relative; min-height: 60px; text-align: center; width: 100%; height: 100%; }

.el-tree__empty-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgb(144, 147, 153); font-size: 14px; }

.el-tree__drop-indicator { position: absolute; left: 0px; right: 0px; height: 1px; background-color: rgb(64, 158, 255); }

.el-tree-node { white-space: nowrap; outline: 0px; }

.el-tree-node:focus > .el-tree-node__content { background-color: rgb(245, 247, 250); }

.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { background-color: rgb(64, 158, 255); color: rgb(255, 255, 255); }

.el-tree-node__content:hover, .el-upload-list__item:hover { background-color: rgb(245, 247, 250); }

.el-tree-node__content { display: flex; -webkit-box-align: center; align-items: center; height: 26px; cursor: pointer; }

.el-tree-node__content > .el-tree-node__expand-icon { padding: 6px; }

.el-tree-node__content > label.el-checkbox { margin-right: 8px; }

.el-tree.is-dragging .el-tree-node__content { cursor: move; }

.el-tree.is-dragging .el-tree-node__content * { pointer-events: none; }

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { cursor: not-allowed; }

.el-tree-node__expand-icon { cursor: pointer; color: rgb(192, 196, 204); font-size: 12px; transform: rotate(0deg); transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

.el-tree-node__expand-icon.expanded { transform: rotate(90deg); }

.el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default; }

.el-tree-node__label { font-size: 14px; }

.el-tree-node__loading-icon { margin-right: 8px; font-size: 14px; color: rgb(192, 196, 204); }

.el-tree-node > .el-tree-node__children { overflow: hidden; background-color: transparent; }

.el-tree-node.is-expanded > .el-tree-node__children { display: block; }

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: rgb(240, 247, 255); }

.el-alert { width: 100%; padding: 8px 16px; margin: 0px; box-sizing: border-box; border-radius: 4px; position: relative; background-color: rgb(255, 255, 255); overflow: hidden; opacity: 1; display: flex; -webkit-box-align: center; align-items: center; transition: opacity 0.2s; }

.el-alert.is-light .el-alert__closebtn { color: rgb(192, 196, 204); }

.el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description { color: rgb(255, 255, 255); }

.el-alert.is-center { -webkit-box-pack: center; justify-content: center; }

.el-alert--success.is-light { background-color: rgb(240, 249, 235); color: rgb(103, 194, 58); }

.el-alert--success.is-light .el-alert__description { color: rgb(103, 194, 58); }

.el-alert--success.is-dark { background-color: rgb(103, 194, 58); color: rgb(255, 255, 255); }

.el-alert--info.is-light { background-color: rgb(244, 244, 245); color: rgb(144, 147, 153); }

.el-alert--info.is-dark { background-color: rgb(144, 147, 153); color: rgb(255, 255, 255); }

.el-alert--info .el-alert__description { color: rgb(144, 147, 153); }

.el-alert--warning.is-light { background-color: rgb(253, 246, 236); color: rgb(230, 162, 60); }

.el-alert--warning.is-light .el-alert__description { color: rgb(230, 162, 60); }

.el-alert--warning.is-dark { background-color: rgb(230, 162, 60); color: rgb(255, 255, 255); }

.el-alert--error.is-light { background-color: rgb(254, 240, 240); color: rgb(245, 108, 108); }

.el-alert--error.is-light .el-alert__description { color: rgb(245, 108, 108); }

.el-alert--error.is-dark { background-color: rgb(245, 108, 108); color: rgb(255, 255, 255); }

.el-alert__content { display: table-cell; padding: 0px 8px; }

.el-alert__icon { font-size: 16px; width: 16px; }

.el-alert__icon.is-big { font-size: 28px; width: 28px; }

.el-alert__title { font-size: 13px; line-height: 18px; }

.el-alert__title.is-bold { font-weight: 700; }

.el-alert .el-alert__description { font-size: 12px; margin: 5px 0px 0px; }

.el-alert__closebtn { font-size: 12px; opacity: 1; position: absolute; top: 12px; right: 15px; cursor: pointer; }

.el-alert-fade-enter, .el-alert-fade-leave-active, .el-loading-fade-enter, .el-loading-fade-leave-active, .el-notification-fade-leave-active, .el-upload iframe { opacity: 0; }

.el-carousel__arrow--right, .el-notification.right { right: 16px; }

.el-alert__closebtn.is-customed { font-style: normal; font-size: 13px; top: 9px; }

.el-notification { display: flex; width: 330px; padding: 14px 26px 14px 13px; border-radius: 8px; box-sizing: border-box; border: 1px solid rgb(235, 238, 245); position: fixed; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; overflow: hidden; }

.el-notification.left { left: 16px; }

.el-notification__group { margin-left: 13px; margin-right: 8px; }

.el-notification__title { font-weight: 700; font-size: 16px; color: rgb(48, 49, 51); margin: 0px; }

.el-notification__content { font-size: 14px; line-height: 21px; margin: 6px 0px 0px; color: rgb(96, 98, 102); text-align: justify; }

.el-notification__content p { margin: 0px; }

.el-notification__icon { height: 24px; width: 24px; font-size: 24px; }

.el-notification__closeBtn { position: absolute; top: 18px; right: 15px; cursor: pointer; color: rgb(144, 147, 153); font-size: 16px; }

.el-notification__closeBtn:hover { color: rgb(96, 98, 102); }

.el-notification .el-icon-success { color: rgb(103, 194, 58); }

.el-notification .el-icon-error { color: rgb(245, 108, 108); }

.el-notification .el-icon-info { color: rgb(144, 147, 153); }

.el-notification .el-icon-warning { color: rgb(230, 162, 60); }

.el-notification-fade-enter.right { right: 0px; transform: translateX(100%); }

.el-notification-fade-enter.left { left: 0px; transform: translateX(-100%); }

.el-input-number { position: relative; display: inline-block; width: 180px; line-height: 38px; }

.el-input-number .el-input { display: block; }

.el-input-number .el-input__inner { appearance: none; padding-left: 50px; padding-right: 50px; text-align: center; }

.el-input-number__decrease, .el-input-number__increase { position: absolute; z-index: 1; top: 1px; width: 40px; height: auto; text-align: center; background: rgb(245, 247, 250); color: rgb(96, 98, 102); cursor: pointer; font-size: 13px; }

.el-input-number__decrease:hover, .el-input-number__increase:hover { color: rgb(64, 158, 255); }

.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: rgb(64, 158, 255); }

.el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled { color: rgb(192, 196, 204); cursor: not-allowed; }

.el-input-number__increase { right: 1px; border-radius: 0px 4px 4px 0px; border-left: 1px solid rgb(220, 223, 230); }

.el-input-number__decrease { left: 1px; border-radius: 4px 0px 0px 4px; border-right: 1px solid rgb(220, 223, 230); }

.el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase { border-color: rgb(228, 231, 237); color: rgb(228, 231, 237); }

.el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover { color: rgb(228, 231, 237); cursor: not-allowed; }

.el-input-number--medium { width: 200px; line-height: 34px; }

.el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase { width: 36px; font-size: 14px; }

.el-input-number--medium .el-input__inner { padding-left: 43px; padding-right: 43px; }

.el-input-number--small { width: 130px; line-height: 30px; }

.el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase { width: 32px; font-size: 13px; }

.el-input-number--small .el-input-number__decrease [class*="el-icon"], .el-input-number--small .el-input-number__increase [class*="el-icon"] { transform: scale(0.9); }

.el-input-number--small .el-input__inner { padding-left: 39px; padding-right: 39px; }

.el-input-number--mini { width: 130px; line-height: 26px; }

.el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase { width: 28px; font-size: 12px; }

.el-input-number--mini .el-input-number__decrease [class*="el-icon"], .el-input-number--mini .el-input-number__increase [class*="el-icon"] { transform: scale(0.8); }

.el-input-number--mini .el-input__inner { padding-left: 35px; padding-right: 35px; }

.el-input-number.is-without-controls .el-input__inner { padding-left: 15px; padding-right: 15px; }

.el-input-number.is-controls-right .el-input__inner { padding-left: 15px; padding-right: 50px; }

.el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase { height: auto; line-height: 19px; }

.el-input-number.is-controls-right .el-input-number__decrease [class*="el-icon"], .el-input-number.is-controls-right .el-input-number__increase [class*="el-icon"] { transform: scale(0.8); }

.el-input-number.is-controls-right .el-input-number__increase { border-radius: 0px 4px 0px 0px; border-bottom: 1px solid rgb(220, 223, 230); }

.el-input-number.is-controls-right .el-input-number__decrease { inset: auto 1px 1px auto; border-right: none; border-left: 1px solid rgb(220, 223, 230); border-radius: 0px 0px 4px; }

.el-input-number.is-controls-right[class*="medium"] [class*="decrease"], .el-input-number.is-controls-right[class*="medium"] [class*="increase"] { line-height: 17px; }

.el-input-number.is-controls-right[class*="small"] [class*="decrease"], .el-input-number.is-controls-right[class*="small"] [class*="increase"] { line-height: 15px; }

.el-input-number.is-controls-right[class*="mini"] [class*="decrease"], .el-input-number.is-controls-right[class*="mini"] [class*="increase"] { line-height: 13px; }

.el-tooltip:focus:hover, .el-tooltip:focus:not(.focusing) { outline-width: 0px; }

.el-tooltip__popper { position: absolute; border-radius: 4px; padding: 10px; z-index: 2000; font-size: 12px; line-height: 1.2; min-width: 10px; overflow-wrap: break-word; }

.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }

.el-tooltip__popper .popper__arrow { border-width: 6px; }

.el-tooltip__popper .popper__arrow::after { content: " "; border-width: 5px; }

.el-button-group::after, .el-button-group::before, .el-color-dropdown__main-wrapper::after, .el-link.is-underline:hover::after, .el-page-header__left::after, .el-progress-bar__inner::after, .el-row::after, .el-row::before, .el-slider::after, .el-slider::before, .el-slider__button-wrapper::after, .el-transfer-panel .el-transfer-panel__footer::after, .el-upload-cover::after, .el-upload-list--picture-card .el-upload-list__item-actions::after { content: ""; }

.el-tooltip__popper[x-placement^="top"] { margin-bottom: 12px; }

.el-tooltip__popper[x-placement^="top"] .popper__arrow { bottom: -6px; border-top-color: rgb(48, 49, 51); border-bottom-width: 0px; }

.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { bottom: 1px; margin-left: -5px; border-top-color: rgb(48, 49, 51); border-bottom-width: 0px; }

.el-tooltip__popper[x-placement^="bottom"] { margin-top: 12px; }

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { top: -6px; border-top-width: 0px; border-bottom-color: rgb(48, 49, 51); }

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { top: 1px; margin-left: -5px; border-top-width: 0px; border-bottom-color: rgb(48, 49, 51); }

.el-tooltip__popper[x-placement^="right"] { margin-left: 12px; }

.el-tooltip__popper[x-placement^="right"] .popper__arrow { left: -6px; border-right-color: rgb(48, 49, 51); border-left-width: 0px; }

.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { bottom: -5px; left: 1px; border-right-color: rgb(48, 49, 51); border-left-width: 0px; }

.el-tooltip__popper[x-placement^="left"] { margin-right: 12px; }

.el-tooltip__popper[x-placement^="left"] .popper__arrow { right: -6px; border-right-width: 0px; border-left-color: rgb(48, 49, 51); }

.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { right: 1px; bottom: -5px; margin-left: -5px; border-right-width: 0px; border-left-color: rgb(48, 49, 51); }

.el-tooltip__popper.is-dark { background: rgb(48, 49, 51); color: rgb(255, 255, 255); }

.el-tooltip__popper.is-light { background: rgb(255, 255, 255); border: 1px solid rgb(48, 49, 51); }

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { border-top-color: rgb(48, 49, 51); }

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { border-top-color: rgb(255, 255, 255); }

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { border-bottom-color: rgb(48, 49, 51); }

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { border-bottom-color: rgb(255, 255, 255); }

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { border-left-color: rgb(48, 49, 51); }

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { border-left-color: rgb(255, 255, 255); }

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { border-right-color: rgb(48, 49, 51); }

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { border-right-color: rgb(255, 255, 255); }

.el-slider::after, .el-slider::before { display: table; }

.el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper::after { display: inline-block; vertical-align: middle; }

.el-slider::after { clear: both; }

.el-slider__runway { width: 100%; height: 6px; margin: 16px 0px; background-color: rgb(228, 231, 237); border-radius: 3px; position: relative; cursor: pointer; vertical-align: middle; }

.el-slider__runway.show-input { margin-right: 160px; width: auto; }

.el-slider__runway.disabled { cursor: default; }

.el-slider__runway.disabled .el-slider__bar { background-color: rgb(192, 196, 204); }

.el-slider__runway.disabled .el-slider__button { border-color: rgb(192, 196, 204); }

.el-slider__runway.disabled .el-slider__button-wrapper.dragging, .el-slider__runway.disabled .el-slider__button-wrapper.hover, .el-slider__runway.disabled .el-slider__button-wrapper:hover { cursor: not-allowed; }

.el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover { transform: scale(1); cursor: not-allowed; }

.el-slider__button-wrapper, .el-slider__stop { transform: translateX(-50%); position: absolute; }

.el-slider__input { float: right; margin-top: 3px; width: 130px; }

.el-slider__input.el-input-number--mini { margin-top: 5px; }

.el-slider__input.el-input-number--medium { margin-top: 0px; }

.el-slider__input.el-input-number--large { margin-top: -2px; }

.el-slider__bar { height: 6px; background-color: rgb(64, 158, 255); border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: absolute; }

.el-slider__button-wrapper { height: 36px; width: 36px; z-index: 1001; top: -15px; transform: translateX(-50%); background-color: transparent; text-align: center; user-select: none; line-height: normal; }

.el-image-viewer__btn, .el-slider__button, .el-slider__button-wrapper, .el-step__icon-inner { }

.el-slider__button-wrapper::after { height: 100%; }

.el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover { cursor: grab; }

.el-slider__button-wrapper.dragging { cursor: grabbing; }

.el-slider__button { width: 16px; height: 16px; border: 2px solid rgb(64, 158, 255); background-color: rgb(255, 255, 255); border-radius: 50%; transition: 0.2s; user-select: none; }

.el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover { transform: scale(1.2); }

.el-slider__button.hover, .el-slider__button:hover { cursor: grab; }

.el-slider__button.dragging { cursor: grabbing; }

.el-slider__stop { height: 6px; width: 6px; border-radius: 100%; background-color: rgb(255, 255, 255); transform: translateX(-50%); }

.el-slider__marks { top: 0px; left: 12px; width: 18px; height: 100%; }

.el-slider__marks-text { position: absolute; transform: translateX(-50%); font-size: 14px; color: rgb(144, 147, 153); margin-top: 15px; }

.el-slider.is-vertical { position: relative; }

.el-slider.is-vertical .el-slider__runway { width: 6px; height: 100%; margin: 0px 16px; }

.el-slider.is-vertical .el-slider__bar { width: 6px; height: auto; border-radius: 0px 0px 3px 3px; }

.el-slider.is-vertical .el-slider__button-wrapper { top: auto; left: -15px; }

.el-slider.is-vertical .el-slider__button-wrapper, .el-slider.is-vertical .el-slider__stop { transform: translateY(50%); }

.el-slider.is-vertical.el-slider--with-input { padding-bottom: 58px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input { overflow: visible; float: none; position: absolute; bottom: 22px; width: 36px; margin-top: 15px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner { text-align: center; padding-left: 5px; padding-right: 5px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { top: 32px; margin-top: -1px; border: 1px solid rgb(220, 223, 230); line-height: 20px; box-sizing: border-box; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { width: 18px; right: 18px; border-bottom-left-radius: 4px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { width: 19px; border-bottom-right-radius: 4px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase { border-color: rgb(192, 196, 204); }

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase { border-color: rgb(64, 158, 255); }

.el-slider.is-vertical .el-slider__marks-text { margin-top: 0px; left: 15px; transform: translateY(50%); }

.el-loading-parent--relative { position: relative !important; }

.el-loading-parent--hidden { overflow: hidden !important; }

.el-loading-mask { position: absolute; z-index: 2000; background-color: rgba(255, 255, 255, 0.9); margin: 0px; inset: 0px; transition: opacity 0.3s; }

.el-loading-mask.is-fullscreen { position: fixed; }

.el-loading-mask.is-fullscreen .el-loading-spinner { margin-top: -25px; }

.el-loading-mask.is-fullscreen .el-loading-spinner .circular { height: 50px; width: 50px; }

.el-loading-spinner { top: 50%; margin-top: -21px; width: 100%; text-align: center; position: absolute; }

.el-col-pull-0, .el-col-pull-1, .el-col-pull-2, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-pull-10, .el-col-pull-11, .el-col-pull-12, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-push-0, .el-col-push-1, .el-col-push-2, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-row, .el-upload-dragger, .el-upload-list__item { position: relative; }

.el-loading-spinner .el-loading-text { color: rgb(64, 158, 255); margin: 3px 0px; font-size: 14px; }

.el-loading-spinner .circular { height: 42px; width: 42px; animation: 2s linear 0s infinite normal none running loading-rotate; }

.el-loading-spinner .path { animation: 1.5s ease-in-out 0s infinite normal none running loading-dash; stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 2; stroke: rgb(64, 158, 255); stroke-linecap: round; }

.el-loading-spinner i { color: rgb(64, 158, 255); }

@-webkit-keyframes loading-rotate { 
  100% { transform: rotate(1turn); }
}

@keyframes loading-rotate { 
  100% { transform: rotate(1turn); }
}

@-webkit-keyframes loading-dash { 
  0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; }
}

@keyframes loading-dash { 
  0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; }
}

.el-row { box-sizing: border-box; }

.el-row::after, .el-row::before { display: table; }

.el-row::after { clear: both; }

.el-row--flex { display: flex; }

.el-col-0, .el-row--flex::after, .el-row--flex::before { display: none; }

.el-row--flex.is-justify-center { -webkit-box-pack: center; justify-content: center; }

.el-row--flex.is-justify-end { -webkit-box-pack: end; justify-content: flex-end; }

.el-row--flex.is-justify-space-between { -webkit-box-pack: justify; justify-content: space-between; }

.el-row--flex.is-justify-space-around { justify-content: space-around; }

.el-row--flex.is-align-top { -webkit-box-align: start; align-items: flex-start; }

.el-row--flex.is-align-middle { -webkit-box-align: center; align-items: center; }

.el-row--flex.is-align-bottom { -webkit-box-align: end; align-items: flex-end; }

[class*="el-col-"] { float: left; box-sizing: border-box; }

.el-col-0 { width: 0px; }

.el-col-pull-0 { right: 0px; }

.el-col-push-0 { left: 0px; }

.el-col-1 { width: 4.16667%; }

.el-col-offset-1 { margin-left: 4.16667%; }

.el-col-pull-1 { right: 4.16667%; }

.el-col-push-1 { left: 4.16667%; }

.el-col-2 { width: 8.33333%; }

.el-col-offset-2 { margin-left: 8.33333%; }

.el-col-pull-2 { right: 8.33333%; }

.el-col-push-2 { left: 8.33333%; }

.el-col-3 { width: 12.5%; }

.el-col-offset-3 { margin-left: 12.5%; }

.el-col-pull-3 { right: 12.5%; }

.el-col-push-3 { left: 12.5%; }

.el-col-4 { width: 16.6667%; }

.el-col-offset-4 { margin-left: 16.6667%; }

.el-col-pull-4 { right: 16.6667%; }

.el-col-push-4 { left: 16.6667%; }

.el-col-5 { width: 20.8333%; }

.el-col-offset-5 { margin-left: 20.8333%; }

.el-col-pull-5 { right: 20.8333%; }

.el-col-push-5 { left: 20.8333%; }

.el-col-6 { width: 25%; }

.el-col-offset-6 { margin-left: 25%; }

.el-col-pull-6 { right: 25%; }

.el-col-push-6 { left: 25%; }

.el-col-7 { width: 29.1667%; }

.el-col-offset-7 { margin-left: 29.1667%; }

.el-col-pull-7 { right: 29.1667%; }

.el-col-push-7 { left: 29.1667%; }

.el-col-8 { width: 33.3333%; }

.el-col-offset-8 { margin-left: 33.3333%; }

.el-col-pull-8 { right: 33.3333%; }

.el-col-push-8 { left: 33.3333%; }

.el-col-9 { width: 37.5%; }

.el-col-offset-9 { margin-left: 37.5%; }

.el-col-pull-9 { right: 37.5%; }

.el-col-push-9 { left: 37.5%; }

.el-col-10 { width: 41.6667%; }

.el-col-offset-10 { margin-left: 41.6667%; }

.el-col-pull-10 { right: 41.6667%; }

.el-col-push-10 { left: 41.6667%; }

.el-col-11 { width: 45.8333%; }

.el-col-offset-11 { margin-left: 45.8333%; }

.el-col-pull-11 { right: 45.8333%; }

.el-col-push-11 { left: 45.8333%; }

.el-col-12 { width: 50%; }

.el-col-offset-12 { margin-left: 50%; }

.el-col-pull-12 { right: 50%; }

.el-col-push-12 { left: 50%; }

.el-col-13 { width: 54.1667%; }

.el-col-offset-13 { margin-left: 54.1667%; }

.el-col-pull-13 { right: 54.1667%; }

.el-col-push-13 { left: 54.1667%; }

.el-col-14 { width: 58.3333%; }

.el-col-offset-14 { margin-left: 58.3333%; }

.el-col-pull-14 { right: 58.3333%; }

.el-col-push-14 { left: 58.3333%; }

.el-col-15 { width: 62.5%; }

.el-col-offset-15 { margin-left: 62.5%; }

.el-col-pull-15 { right: 62.5%; }

.el-col-push-15 { left: 62.5%; }

.el-col-16 { width: 66.6667%; }

.el-col-offset-16 { margin-left: 66.6667%; }

.el-col-pull-16 { right: 66.6667%; }

.el-col-push-16 { left: 66.6667%; }

.el-col-17 { width: 70.8333%; }

.el-col-offset-17 { margin-left: 70.8333%; }

.el-col-pull-17 { right: 70.8333%; }

.el-col-push-17 { left: 70.8333%; }

.el-col-18 { width: 75%; }

.el-col-offset-18 { margin-left: 75%; }

.el-col-pull-18 { right: 75%; }

.el-col-push-18 { left: 75%; }

.el-col-19 { width: 79.1667%; }

.el-col-offset-19 { margin-left: 79.1667%; }

.el-col-pull-19 { right: 79.1667%; }

.el-col-push-19 { left: 79.1667%; }

.el-col-20 { width: 83.3333%; }

.el-col-offset-20 { margin-left: 83.3333%; }

.el-col-pull-20 { right: 83.3333%; }

.el-col-push-20 { left: 83.3333%; }

.el-col-21 { width: 87.5%; }

.el-col-offset-21 { margin-left: 87.5%; }

.el-col-pull-21 { right: 87.5%; }

.el-col-push-21 { left: 87.5%; }

.el-col-22 { width: 91.6667%; }

.el-col-offset-22 { margin-left: 91.6667%; }

.el-col-pull-22 { right: 91.6667%; }

.el-col-push-22 { left: 91.6667%; }

.el-col-23 { width: 95.8333%; }

.el-col-offset-23 { margin-left: 95.8333%; }

.el-col-pull-23 { right: 95.8333%; }

.el-col-push-23 { left: 95.8333%; }

.el-col-24 { width: 100%; }

.el-col-offset-24 { margin-left: 100%; }

.el-col-pull-24 { right: 100%; }

.el-col-push-24 { left: 100%; }

@media only screen and (max-width: 767px) {
  .el-col-xs-0 { display: none; width: 0px; }
  .el-col-xs-offset-0 { margin-left: 0px; }
  .el-col-xs-pull-0 { position: relative; right: 0px; }
  .el-col-xs-push-0 { position: relative; left: 0px; }
  .el-col-xs-1 { width: 4.16667%; }
  .el-col-xs-offset-1 { margin-left: 4.16667%; }
  .el-col-xs-pull-1 { position: relative; right: 4.16667%; }
  .el-col-xs-push-1 { position: relative; left: 4.16667%; }
  .el-col-xs-2 { width: 8.33333%; }
  .el-col-xs-offset-2 { margin-left: 8.33333%; }
  .el-col-xs-pull-2 { position: relative; right: 8.33333%; }
  .el-col-xs-push-2 { position: relative; left: 8.33333%; }
  .el-col-xs-3 { width: 12.5%; }
  .el-col-xs-offset-3 { margin-left: 12.5%; }
  .el-col-xs-pull-3 { position: relative; right: 12.5%; }
  .el-col-xs-push-3 { position: relative; left: 12.5%; }
  .el-col-xs-4 { width: 16.6667%; }
  .el-col-xs-offset-4 { margin-left: 16.6667%; }
  .el-col-xs-pull-4 { position: relative; right: 16.6667%; }
  .el-col-xs-push-4 { position: relative; left: 16.6667%; }
  .el-col-xs-5 { width: 20.8333%; }
  .el-col-xs-offset-5 { margin-left: 20.8333%; }
  .el-col-xs-pull-5 { position: relative; right: 20.8333%; }
  .el-col-xs-push-5 { position: relative; left: 20.8333%; }
  .el-col-xs-6 { width: 25%; }
  .el-col-xs-offset-6 { margin-left: 25%; }
  .el-col-xs-pull-6 { position: relative; right: 25%; }
  .el-col-xs-push-6 { position: relative; left: 25%; }
  .el-col-xs-7 { width: 29.1667%; }
  .el-col-xs-offset-7 { margin-left: 29.1667%; }
  .el-col-xs-pull-7 { position: relative; right: 29.1667%; }
  .el-col-xs-push-7 { position: relative; left: 29.1667%; }
  .el-col-xs-8 { width: 33.3333%; }
  .el-col-xs-offset-8 { margin-left: 33.3333%; }
  .el-col-xs-pull-8 { position: relative; right: 33.3333%; }
  .el-col-xs-push-8 { position: relative; left: 33.3333%; }
  .el-col-xs-9 { width: 37.5%; }
  .el-col-xs-offset-9 { margin-left: 37.5%; }
  .el-col-xs-pull-9 { position: relative; right: 37.5%; }
  .el-col-xs-push-9 { position: relative; left: 37.5%; }
  .el-col-xs-10 { width: 41.6667%; }
  .el-col-xs-offset-10 { margin-left: 41.6667%; }
  .el-col-xs-pull-10 { position: relative; right: 41.6667%; }
  .el-col-xs-push-10 { position: relative; left: 41.6667%; }
  .el-col-xs-11 { width: 45.8333%; }
  .el-col-xs-offset-11 { margin-left: 45.8333%; }
  .el-col-xs-pull-11 { position: relative; right: 45.8333%; }
  .el-col-xs-push-11 { position: relative; left: 45.8333%; }
  .el-col-xs-12 { width: 50%; }
  .el-col-xs-offset-12 { margin-left: 50%; }
  .el-col-xs-pull-12 { position: relative; right: 50%; }
  .el-col-xs-push-12 { position: relative; left: 50%; }
  .el-col-xs-13 { width: 54.1667%; }
  .el-col-xs-offset-13 { margin-left: 54.1667%; }
  .el-col-xs-pull-13 { position: relative; right: 54.1667%; }
  .el-col-xs-push-13 { position: relative; left: 54.1667%; }
  .el-col-xs-14 { width: 58.3333%; }
  .el-col-xs-offset-14 { margin-left: 58.3333%; }
  .el-col-xs-pull-14 { position: relative; right: 58.3333%; }
  .el-col-xs-push-14 { position: relative; left: 58.3333%; }
  .el-col-xs-15 { width: 62.5%; }
  .el-col-xs-offset-15 { margin-left: 62.5%; }
  .el-col-xs-pull-15 { position: relative; right: 62.5%; }
  .el-col-xs-push-15 { position: relative; left: 62.5%; }
  .el-col-xs-16 { width: 66.6667%; }
  .el-col-xs-offset-16 { margin-left: 66.6667%; }
  .el-col-xs-pull-16 { position: relative; right: 66.6667%; }
  .el-col-xs-push-16 { position: relative; left: 66.6667%; }
  .el-col-xs-17 { width: 70.8333%; }
  .el-col-xs-offset-17 { margin-left: 70.8333%; }
  .el-col-xs-pull-17 { position: relative; right: 70.8333%; }
  .el-col-xs-push-17 { position: relative; left: 70.8333%; }
  .el-col-xs-18 { width: 75%; }
  .el-col-xs-offset-18 { margin-left: 75%; }
  .el-col-xs-pull-18 { position: relative; right: 75%; }
  .el-col-xs-push-18 { position: relative; left: 75%; }
  .el-col-xs-19 { width: 79.1667%; }
  .el-col-xs-offset-19 { margin-left: 79.1667%; }
  .el-col-xs-pull-19 { position: relative; right: 79.1667%; }
  .el-col-xs-push-19 { position: relative; left: 79.1667%; }
  .el-col-xs-20 { width: 83.3333%; }
  .el-col-xs-offset-20 { margin-left: 83.3333%; }
  .el-col-xs-pull-20 { position: relative; right: 83.3333%; }
  .el-col-xs-push-20 { position: relative; left: 83.3333%; }
  .el-col-xs-21 { width: 87.5%; }
  .el-col-xs-offset-21 { margin-left: 87.5%; }
  .el-col-xs-pull-21 { position: relative; right: 87.5%; }
  .el-col-xs-push-21 { position: relative; left: 87.5%; }
  .el-col-xs-22 { width: 91.6667%; }
  .el-col-xs-offset-22 { margin-left: 91.6667%; }
  .el-col-xs-pull-22 { position: relative; right: 91.6667%; }
  .el-col-xs-push-22 { position: relative; left: 91.6667%; }
  .el-col-xs-23 { width: 95.8333%; }
  .el-col-xs-offset-23 { margin-left: 95.8333%; }
  .el-col-xs-pull-23 { position: relative; right: 95.8333%; }
  .el-col-xs-push-23 { position: relative; left: 95.8333%; }
  .el-col-xs-24 { width: 100%; }
  .el-col-xs-offset-24 { margin-left: 100%; }
  .el-col-xs-pull-24 { position: relative; right: 100%; }
  .el-col-xs-push-24 { position: relative; left: 100%; }
}

@media only screen and (min-width: 768px) {
  .el-col-sm-0 { display: none; width: 0px; }
  .el-col-sm-offset-0 { margin-left: 0px; }
  .el-col-sm-pull-0 { position: relative; right: 0px; }
  .el-col-sm-push-0 { position: relative; left: 0px; }
  .el-col-sm-1 { width: 4.16667%; }
  .el-col-sm-offset-1 { margin-left: 4.16667%; }
  .el-col-sm-pull-1 { position: relative; right: 4.16667%; }
  .el-col-sm-push-1 { position: relative; left: 4.16667%; }
  .el-col-sm-2 { width: 8.33333%; }
  .el-col-sm-offset-2 { margin-left: 8.33333%; }
  .el-col-sm-pull-2 { position: relative; right: 8.33333%; }
  .el-col-sm-push-2 { position: relative; left: 8.33333%; }
  .el-col-sm-3 { width: 12.5%; }
  .el-col-sm-offset-3 { margin-left: 12.5%; }
  .el-col-sm-pull-3 { position: relative; right: 12.5%; }
  .el-col-sm-push-3 { position: relative; left: 12.5%; }
  .el-col-sm-4 { width: 16.6667%; }
  .el-col-sm-offset-4 { margin-left: 16.6667%; }
  .el-col-sm-pull-4 { position: relative; right: 16.6667%; }
  .el-col-sm-push-4 { position: relative; left: 16.6667%; }
  .el-col-sm-5 { width: 20.8333%; }
  .el-col-sm-offset-5 { margin-left: 20.8333%; }
  .el-col-sm-pull-5 { position: relative; right: 20.8333%; }
  .el-col-sm-push-5 { position: relative; left: 20.8333%; }
  .el-col-sm-6 { width: 25%; }
  .el-col-sm-offset-6 { margin-left: 25%; }
  .el-col-sm-pull-6 { position: relative; right: 25%; }
  .el-col-sm-push-6 { position: relative; left: 25%; }
  .el-col-sm-7 { width: 29.1667%; }
  .el-col-sm-offset-7 { margin-left: 29.1667%; }
  .el-col-sm-pull-7 { position: relative; right: 29.1667%; }
  .el-col-sm-push-7 { position: relative; left: 29.1667%; }
  .el-col-sm-8 { width: 33.3333%; }
  .el-col-sm-offset-8 { margin-left: 33.3333%; }
  .el-col-sm-pull-8 { position: relative; right: 33.3333%; }
  .el-col-sm-push-8 { position: relative; left: 33.3333%; }
  .el-col-sm-9 { width: 37.5%; }
  .el-col-sm-offset-9 { margin-left: 37.5%; }
  .el-col-sm-pull-9 { position: relative; right: 37.5%; }
  .el-col-sm-push-9 { position: relative; left: 37.5%; }
  .el-col-sm-10 { width: 41.6667%; }
  .el-col-sm-offset-10 { margin-left: 41.6667%; }
  .el-col-sm-pull-10 { position: relative; right: 41.6667%; }
  .el-col-sm-push-10 { position: relative; left: 41.6667%; }
  .el-col-sm-11 { width: 45.8333%; }
  .el-col-sm-offset-11 { margin-left: 45.8333%; }
  .el-col-sm-pull-11 { position: relative; right: 45.8333%; }
  .el-col-sm-push-11 { position: relative; left: 45.8333%; }
  .el-col-sm-12 { width: 50%; }
  .el-col-sm-offset-12 { margin-left: 50%; }
  .el-col-sm-pull-12 { position: relative; right: 50%; }
  .el-col-sm-push-12 { position: relative; left: 50%; }
  .el-col-sm-13 { width: 54.1667%; }
  .el-col-sm-offset-13 { margin-left: 54.1667%; }
  .el-col-sm-pull-13 { position: relative; right: 54.1667%; }
  .el-col-sm-push-13 { position: relative; left: 54.1667%; }
  .el-col-sm-14 { width: 58.3333%; }
  .el-col-sm-offset-14 { margin-left: 58.3333%; }
  .el-col-sm-pull-14 { position: relative; right: 58.3333%; }
  .el-col-sm-push-14 { position: relative; left: 58.3333%; }
  .el-col-sm-15 { width: 62.5%; }
  .el-col-sm-offset-15 { margin-left: 62.5%; }
  .el-col-sm-pull-15 { position: relative; right: 62.5%; }
  .el-col-sm-push-15 { position: relative; left: 62.5%; }
  .el-col-sm-16 { width: 66.6667%; }
  .el-col-sm-offset-16 { margin-left: 66.6667%; }
  .el-col-sm-pull-16 { position: relative; right: 66.6667%; }
  .el-col-sm-push-16 { position: relative; left: 66.6667%; }
  .el-col-sm-17 { width: 70.8333%; }
  .el-col-sm-offset-17 { margin-left: 70.8333%; }
  .el-col-sm-pull-17 { position: relative; right: 70.8333%; }
  .el-col-sm-push-17 { position: relative; left: 70.8333%; }
  .el-col-sm-18 { width: 75%; }
  .el-col-sm-offset-18 { margin-left: 75%; }
  .el-col-sm-pull-18 { position: relative; right: 75%; }
  .el-col-sm-push-18 { position: relative; left: 75%; }
  .el-col-sm-19 { width: 79.1667%; }
  .el-col-sm-offset-19 { margin-left: 79.1667%; }
  .el-col-sm-pull-19 { position: relative; right: 79.1667%; }
  .el-col-sm-push-19 { position: relative; left: 79.1667%; }
  .el-col-sm-20 { width: 83.3333%; }
  .el-col-sm-offset-20 { margin-left: 83.3333%; }
  .el-col-sm-pull-20 { position: relative; right: 83.3333%; }
  .el-col-sm-push-20 { position: relative; left: 83.3333%; }
  .el-col-sm-21 { width: 87.5%; }
  .el-col-sm-offset-21 { margin-left: 87.5%; }
  .el-col-sm-pull-21 { position: relative; right: 87.5%; }
  .el-col-sm-push-21 { position: relative; left: 87.5%; }
  .el-col-sm-22 { width: 91.6667%; }
  .el-col-sm-offset-22 { margin-left: 91.6667%; }
  .el-col-sm-pull-22 { position: relative; right: 91.6667%; }
  .el-col-sm-push-22 { position: relative; left: 91.6667%; }
  .el-col-sm-23 { width: 95.8333%; }
  .el-col-sm-offset-23 { margin-left: 95.8333%; }
  .el-col-sm-pull-23 { position: relative; right: 95.8333%; }
  .el-col-sm-push-23 { position: relative; left: 95.8333%; }
  .el-col-sm-24 { width: 100%; }
  .el-col-sm-offset-24 { margin-left: 100%; }
  .el-col-sm-pull-24 { position: relative; right: 100%; }
  .el-col-sm-push-24 { position: relative; left: 100%; }
}

@media only screen and (min-width: 992px) {
  .el-col-md-0 { display: none; width: 0px; }
  .el-col-md-offset-0 { margin-left: 0px; }
  .el-col-md-pull-0 { position: relative; right: 0px; }
  .el-col-md-push-0 { position: relative; left: 0px; }
  .el-col-md-1 { width: 4.16667%; }
  .el-col-md-offset-1 { margin-left: 4.16667%; }
  .el-col-md-pull-1 { position: relative; right: 4.16667%; }
  .el-col-md-push-1 { position: relative; left: 4.16667%; }
  .el-col-md-2 { width: 8.33333%; }
  .el-col-md-offset-2 { margin-left: 8.33333%; }
  .el-col-md-pull-2 { position: relative; right: 8.33333%; }
  .el-col-md-push-2 { position: relative; left: 8.33333%; }
  .el-col-md-3 { width: 12.5%; }
  .el-col-md-offset-3 { margin-left: 12.5%; }
  .el-col-md-pull-3 { position: relative; right: 12.5%; }
  .el-col-md-push-3 { position: relative; left: 12.5%; }
  .el-col-md-4 { width: 16.6667%; }
  .el-col-md-offset-4 { margin-left: 16.6667%; }
  .el-col-md-pull-4 { position: relative; right: 16.6667%; }
  .el-col-md-push-4 { position: relative; left: 16.6667%; }
  .el-col-md-5 { width: 20.8333%; }
  .el-col-md-offset-5 { margin-left: 20.8333%; }
  .el-col-md-pull-5 { position: relative; right: 20.8333%; }
  .el-col-md-push-5 { position: relative; left: 20.8333%; }
  .el-col-md-6 { width: 25%; }
  .el-col-md-offset-6 { margin-left: 25%; }
  .el-col-md-pull-6 { position: relative; right: 25%; }
  .el-col-md-push-6 { position: relative; left: 25%; }
  .el-col-md-7 { width: 29.1667%; }
  .el-col-md-offset-7 { margin-left: 29.1667%; }
  .el-col-md-pull-7 { position: relative; right: 29.1667%; }
  .el-col-md-push-7 { position: relative; left: 29.1667%; }
  .el-col-md-8 { width: 33.3333%; }
  .el-col-md-offset-8 { margin-left: 33.3333%; }
  .el-col-md-pull-8 { position: relative; right: 33.3333%; }
  .el-col-md-push-8 { position: relative; left: 33.3333%; }
  .el-col-md-9 { width: 37.5%; }
  .el-col-md-offset-9 { margin-left: 37.5%; }
  .el-col-md-pull-9 { position: relative; right: 37.5%; }
  .el-col-md-push-9 { position: relative; left: 37.5%; }
  .el-col-md-10 { width: 41.6667%; }
  .el-col-md-offset-10 { margin-left: 41.6667%; }
  .el-col-md-pull-10 { position: relative; right: 41.6667%; }
  .el-col-md-push-10 { position: relative; left: 41.6667%; }
  .el-col-md-11 { width: 45.8333%; }
  .el-col-md-offset-11 { margin-left: 45.8333%; }
  .el-col-md-pull-11 { position: relative; right: 45.8333%; }
  .el-col-md-push-11 { position: relative; left: 45.8333%; }
  .el-col-md-12 { width: 50%; }
  .el-col-md-offset-12 { margin-left: 50%; }
  .el-col-md-pull-12 { position: relative; right: 50%; }
  .el-col-md-push-12 { position: relative; left: 50%; }
  .el-col-md-13 { width: 54.1667%; }
  .el-col-md-offset-13 { margin-left: 54.1667%; }
  .el-col-md-pull-13 { position: relative; right: 54.1667%; }
  .el-col-md-push-13 { position: relative; left: 54.1667%; }
  .el-col-md-14 { width: 58.3333%; }
  .el-col-md-offset-14 { margin-left: 58.3333%; }
  .el-col-md-pull-14 { position: relative; right: 58.3333%; }
  .el-col-md-push-14 { position: relative; left: 58.3333%; }
  .el-col-md-15 { width: 62.5%; }
  .el-col-md-offset-15 { margin-left: 62.5%; }
  .el-col-md-pull-15 { position: relative; right: 62.5%; }
  .el-col-md-push-15 { position: relative; left: 62.5%; }
  .el-col-md-16 { width: 66.6667%; }
  .el-col-md-offset-16 { margin-left: 66.6667%; }
  .el-col-md-pull-16 { position: relative; right: 66.6667%; }
  .el-col-md-push-16 { position: relative; left: 66.6667%; }
  .el-col-md-17 { width: 70.8333%; }
  .el-col-md-offset-17 { margin-left: 70.8333%; }
  .el-col-md-pull-17 { position: relative; right: 70.8333%; }
  .el-col-md-push-17 { position: relative; left: 70.8333%; }
  .el-col-md-18 { width: 75%; }
  .el-col-md-offset-18 { margin-left: 75%; }
  .el-col-md-pull-18 { position: relative; right: 75%; }
  .el-col-md-push-18 { position: relative; left: 75%; }
  .el-col-md-19 { width: 79.1667%; }
  .el-col-md-offset-19 { margin-left: 79.1667%; }
  .el-col-md-pull-19 { position: relative; right: 79.1667%; }
  .el-col-md-push-19 { position: relative; left: 79.1667%; }
  .el-col-md-20 { width: 83.3333%; }
  .el-col-md-offset-20 { margin-left: 83.3333%; }
  .el-col-md-pull-20 { position: relative; right: 83.3333%; }
  .el-col-md-push-20 { position: relative; left: 83.3333%; }
  .el-col-md-21 { width: 87.5%; }
  .el-col-md-offset-21 { margin-left: 87.5%; }
  .el-col-md-pull-21 { position: relative; right: 87.5%; }
  .el-col-md-push-21 { position: relative; left: 87.5%; }
  .el-col-md-22 { width: 91.6667%; }
  .el-col-md-offset-22 { margin-left: 91.6667%; }
  .el-col-md-pull-22 { position: relative; right: 91.6667%; }
  .el-col-md-push-22 { position: relative; left: 91.6667%; }
  .el-col-md-23 { width: 95.8333%; }
  .el-col-md-offset-23 { margin-left: 95.8333%; }
  .el-col-md-pull-23 { position: relative; right: 95.8333%; }
  .el-col-md-push-23 { position: relative; left: 95.8333%; }
  .el-col-md-24 { width: 100%; }
  .el-col-md-offset-24 { margin-left: 100%; }
  .el-col-md-pull-24 { position: relative; right: 100%; }
  .el-col-md-push-24 { position: relative; left: 100%; }
}

@media only screen and (min-width: 1200px) {
  .el-col-lg-0 { display: none; width: 0px; }
  .el-col-lg-offset-0 { margin-left: 0px; }
  .el-col-lg-pull-0 { position: relative; right: 0px; }
  .el-col-lg-push-0 { position: relative; left: 0px; }
  .el-col-lg-1 { width: 4.16667%; }
  .el-col-lg-offset-1 { margin-left: 4.16667%; }
  .el-col-lg-pull-1 { position: relative; right: 4.16667%; }
  .el-col-lg-push-1 { position: relative; left: 4.16667%; }
  .el-col-lg-2 { width: 8.33333%; }
  .el-col-lg-offset-2 { margin-left: 8.33333%; }
  .el-col-lg-pull-2 { position: relative; right: 8.33333%; }
  .el-col-lg-push-2 { position: relative; left: 8.33333%; }
  .el-col-lg-3 { width: 12.5%; }
  .el-col-lg-offset-3 { margin-left: 12.5%; }
  .el-col-lg-pull-3 { position: relative; right: 12.5%; }
  .el-col-lg-push-3 { position: relative; left: 12.5%; }
  .el-col-lg-4 { width: 16.6667%; }
  .el-col-lg-offset-4 { margin-left: 16.6667%; }
  .el-col-lg-pull-4 { position: relative; right: 16.6667%; }
  .el-col-lg-push-4 { position: relative; left: 16.6667%; }
  .el-col-lg-5 { width: 20.8333%; }
  .el-col-lg-offset-5 { margin-left: 20.8333%; }
  .el-col-lg-pull-5 { position: relative; right: 20.8333%; }
  .el-col-lg-push-5 { position: relative; left: 20.8333%; }
  .el-col-lg-6 { width: 25%; }
  .el-col-lg-offset-6 { margin-left: 25%; }
  .el-col-lg-pull-6 { position: relative; right: 25%; }
  .el-col-lg-push-6 { position: relative; left: 25%; }
  .el-col-lg-7 { width: 29.1667%; }
  .el-col-lg-offset-7 { margin-left: 29.1667%; }
  .el-col-lg-pull-7 { position: relative; right: 29.1667%; }
  .el-col-lg-push-7 { position: relative; left: 29.1667%; }
  .el-col-lg-8 { width: 33.3333%; }
  .el-col-lg-offset-8 { margin-left: 33.3333%; }
  .el-col-lg-pull-8 { position: relative; right: 33.3333%; }
  .el-col-lg-push-8 { position: relative; left: 33.3333%; }
  .el-col-lg-9 { width: 37.5%; }
  .el-col-lg-offset-9 { margin-left: 37.5%; }
  .el-col-lg-pull-9 { position: relative; right: 37.5%; }
  .el-col-lg-push-9 { position: relative; left: 37.5%; }
  .el-col-lg-10 { width: 41.6667%; }
  .el-col-lg-offset-10 { margin-left: 41.6667%; }
  .el-col-lg-pull-10 { position: relative; right: 41.6667%; }
  .el-col-lg-push-10 { position: relative; left: 41.6667%; }
  .el-col-lg-11 { width: 45.8333%; }
  .el-col-lg-offset-11 { margin-left: 45.8333%; }
  .el-col-lg-pull-11 { position: relative; right: 45.8333%; }
  .el-col-lg-push-11 { position: relative; left: 45.8333%; }
  .el-col-lg-12 { width: 50%; }
  .el-col-lg-offset-12 { margin-left: 50%; }
  .el-col-lg-pull-12 { position: relative; right: 50%; }
  .el-col-lg-push-12 { position: relative; left: 50%; }
  .el-col-lg-13 { width: 54.1667%; }
  .el-col-lg-offset-13 { margin-left: 54.1667%; }
  .el-col-lg-pull-13 { position: relative; right: 54.1667%; }
  .el-col-lg-push-13 { position: relative; left: 54.1667%; }
  .el-col-lg-14 { width: 58.3333%; }
  .el-col-lg-offset-14 { margin-left: 58.3333%; }
  .el-col-lg-pull-14 { position: relative; right: 58.3333%; }
  .el-col-lg-push-14 { position: relative; left: 58.3333%; }
  .el-col-lg-15 { width: 62.5%; }
  .el-col-lg-offset-15 { margin-left: 62.5%; }
  .el-col-lg-pull-15 { position: relative; right: 62.5%; }
  .el-col-lg-push-15 { position: relative; left: 62.5%; }
  .el-col-lg-16 { width: 66.6667%; }
  .el-col-lg-offset-16 { margin-left: 66.6667%; }
  .el-col-lg-pull-16 { position: relative; right: 66.6667%; }
  .el-col-lg-push-16 { position: relative; left: 66.6667%; }
  .el-col-lg-17 { width: 70.8333%; }
  .el-col-lg-offset-17 { margin-left: 70.8333%; }
  .el-col-lg-pull-17 { position: relative; right: 70.8333%; }
  .el-col-lg-push-17 { position: relative; left: 70.8333%; }
  .el-col-lg-18 { width: 75%; }
  .el-col-lg-offset-18 { margin-left: 75%; }
  .el-col-lg-pull-18 { position: relative; right: 75%; }
  .el-col-lg-push-18 { position: relative; left: 75%; }
  .el-col-lg-19 { width: 79.1667%; }
  .el-col-lg-offset-19 { margin-left: 79.1667%; }
  .el-col-lg-pull-19 { position: relative; right: 79.1667%; }
  .el-col-lg-push-19 { position: relative; left: 79.1667%; }
  .el-col-lg-20 { width: 83.3333%; }
  .el-col-lg-offset-20 { margin-left: 83.3333%; }
  .el-col-lg-pull-20 { position: relative; right: 83.3333%; }
  .el-col-lg-push-20 { position: relative; left: 83.3333%; }
  .el-col-lg-21 { width: 87.5%; }
  .el-col-lg-offset-21 { margin-left: 87.5%; }
  .el-col-lg-pull-21 { position: relative; right: 87.5%; }
  .el-col-lg-push-21 { position: relative; left: 87.5%; }
  .el-col-lg-22 { width: 91.6667%; }
  .el-col-lg-offset-22 { margin-left: 91.6667%; }
  .el-col-lg-pull-22 { position: relative; right: 91.6667%; }
  .el-col-lg-push-22 { position: relative; left: 91.6667%; }
  .el-col-lg-23 { width: 95.8333%; }
  .el-col-lg-offset-23 { margin-left: 95.8333%; }
  .el-col-lg-pull-23 { position: relative; right: 95.8333%; }
  .el-col-lg-push-23 { position: relative; left: 95.8333%; }
  .el-col-lg-24 { width: 100%; }
  .el-col-lg-offset-24 { margin-left: 100%; }
  .el-col-lg-pull-24 { position: relative; right: 100%; }
  .el-col-lg-push-24 { position: relative; left: 100%; }
}

@media only screen and (min-width: 1920px) {
  .el-col-xl-0 { display: none; width: 0px; }
  .el-col-xl-offset-0 { margin-left: 0px; }
  .el-col-xl-pull-0 { position: relative; right: 0px; }
  .el-col-xl-push-0 { position: relative; left: 0px; }
  .el-col-xl-1 { width: 4.16667%; }
  .el-col-xl-offset-1 { margin-left: 4.16667%; }
  .el-col-xl-pull-1 { position: relative; right: 4.16667%; }
  .el-col-xl-push-1 { position: relative; left: 4.16667%; }
  .el-col-xl-2 { width: 8.33333%; }
  .el-col-xl-offset-2 { margin-left: 8.33333%; }
  .el-col-xl-pull-2 { position: relative; right: 8.33333%; }
  .el-col-xl-push-2 { position: relative; left: 8.33333%; }
  .el-col-xl-3 { width: 12.5%; }
  .el-col-xl-offset-3 { margin-left: 12.5%; }
  .el-col-xl-pull-3 { position: relative; right: 12.5%; }
  .el-col-xl-push-3 { position: relative; left: 12.5%; }
  .el-col-xl-4 { width: 16.6667%; }
  .el-col-xl-offset-4 { margin-left: 16.6667%; }
  .el-col-xl-pull-4 { position: relative; right: 16.6667%; }
  .el-col-xl-push-4 { position: relative; left: 16.6667%; }
  .el-col-xl-5 { width: 20.8333%; }
  .el-col-xl-offset-5 { margin-left: 20.8333%; }
  .el-col-xl-pull-5 { position: relative; right: 20.8333%; }
  .el-col-xl-push-5 { position: relative; left: 20.8333%; }
  .el-col-xl-6 { width: 25%; }
  .el-col-xl-offset-6 { margin-left: 25%; }
  .el-col-xl-pull-6 { position: relative; right: 25%; }
  .el-col-xl-push-6 { position: relative; left: 25%; }
  .el-col-xl-7 { width: 29.1667%; }
  .el-col-xl-offset-7 { margin-left: 29.1667%; }
  .el-col-xl-pull-7 { position: relative; right: 29.1667%; }
  .el-col-xl-push-7 { position: relative; left: 29.1667%; }
  .el-col-xl-8 { width: 33.3333%; }
  .el-col-xl-offset-8 { margin-left: 33.3333%; }
  .el-col-xl-pull-8 { position: relative; right: 33.3333%; }
  .el-col-xl-push-8 { position: relative; left: 33.3333%; }
  .el-col-xl-9 { width: 37.5%; }
  .el-col-xl-offset-9 { margin-left: 37.5%; }
  .el-col-xl-pull-9 { position: relative; right: 37.5%; }
  .el-col-xl-push-9 { position: relative; left: 37.5%; }
  .el-col-xl-10 { width: 41.6667%; }
  .el-col-xl-offset-10 { margin-left: 41.6667%; }
  .el-col-xl-pull-10 { position: relative; right: 41.6667%; }
  .el-col-xl-push-10 { position: relative; left: 41.6667%; }
  .el-col-xl-11 { width: 45.8333%; }
  .el-col-xl-offset-11 { margin-left: 45.8333%; }
  .el-col-xl-pull-11 { position: relative; right: 45.8333%; }
  .el-col-xl-push-11 { position: relative; left: 45.8333%; }
  .el-col-xl-12 { width: 50%; }
  .el-col-xl-offset-12 { margin-left: 50%; }
  .el-col-xl-pull-12 { position: relative; right: 50%; }
  .el-col-xl-push-12 { position: relative; left: 50%; }
  .el-col-xl-13 { width: 54.1667%; }
  .el-col-xl-offset-13 { margin-left: 54.1667%; }
  .el-col-xl-pull-13 { position: relative; right: 54.1667%; }
  .el-col-xl-push-13 { position: relative; left: 54.1667%; }
  .el-col-xl-14 { width: 58.3333%; }
  .el-col-xl-offset-14 { margin-left: 58.3333%; }
  .el-col-xl-pull-14 { position: relative; right: 58.3333%; }
  .el-col-xl-push-14 { position: relative; left: 58.3333%; }
  .el-col-xl-15 { width: 62.5%; }
  .el-col-xl-offset-15 { margin-left: 62.5%; }
  .el-col-xl-pull-15 { position: relative; right: 62.5%; }
  .el-col-xl-push-15 { position: relative; left: 62.5%; }
  .el-col-xl-16 { width: 66.6667%; }
  .el-col-xl-offset-16 { margin-left: 66.6667%; }
  .el-col-xl-pull-16 { position: relative; right: 66.6667%; }
  .el-col-xl-push-16 { position: relative; left: 66.6667%; }
  .el-col-xl-17 { width: 70.8333%; }
  .el-col-xl-offset-17 { margin-left: 70.8333%; }
  .el-col-xl-pull-17 { position: relative; right: 70.8333%; }
  .el-col-xl-push-17 { position: relative; left: 70.8333%; }
  .el-col-xl-18 { width: 75%; }
  .el-col-xl-offset-18 { margin-left: 75%; }
  .el-col-xl-pull-18 { position: relative; right: 75%; }
  .el-col-xl-push-18 { position: relative; left: 75%; }
  .el-col-xl-19 { width: 79.1667%; }
  .el-col-xl-offset-19 { margin-left: 79.1667%; }
  .el-col-xl-pull-19 { position: relative; right: 79.1667%; }
  .el-col-xl-push-19 { position: relative; left: 79.1667%; }
  .el-col-xl-20 { width: 83.3333%; }
  .el-col-xl-offset-20 { margin-left: 83.3333%; }
  .el-col-xl-pull-20 { position: relative; right: 83.3333%; }
  .el-col-xl-push-20 { position: relative; left: 83.3333%; }
  .el-col-xl-21 { width: 87.5%; }
  .el-col-xl-offset-21 { margin-left: 87.5%; }
  .el-col-xl-pull-21 { position: relative; right: 87.5%; }
  .el-col-xl-push-21 { position: relative; left: 87.5%; }
  .el-col-xl-22 { width: 91.6667%; }
  .el-col-xl-offset-22 { margin-left: 91.6667%; }
  .el-col-xl-pull-22 { position: relative; right: 91.6667%; }
  .el-col-xl-push-22 { position: relative; left: 91.6667%; }
  .el-col-xl-23 { width: 95.8333%; }
  .el-col-xl-offset-23 { margin-left: 95.8333%; }
  .el-col-xl-pull-23 { position: relative; right: 95.8333%; }
  .el-col-xl-push-23 { position: relative; left: 95.8333%; }
  .el-col-xl-24 { width: 100%; }
  .el-col-xl-offset-24 { margin-left: 100%; }
  .el-col-xl-pull-24 { position: relative; right: 100%; }
  .el-col-xl-push-24 { position: relative; left: 100%; }
}

@-webkit-keyframes progress { 
  0% { background-position: 0px 0px; }
  100% { background-position: 32px 0px; }
}

.el-upload { display: inline-block; text-align: center; cursor: pointer; outline: 0px; }

.el-upload__input { display: none; }

.el-upload__tip { font-size: 12px; color: rgb(96, 98, 102); margin-top: 7px; }

.el-upload iframe { position: absolute; z-index: -1; top: 0px; left: 0px; }

.el-upload--picture-card { background-color: rgb(251, 253, 255); border: 1px dashed rgb(192, 204, 218); border-radius: 6px; box-sizing: border-box; width: 148px; height: 148px; cursor: pointer; line-height: 146px; vertical-align: top; }

.el-upload--picture-card i { font-size: 28px; color: rgb(140, 147, 157); }

.el-upload--picture-card:hover, .el-upload:focus { border-color: rgb(64, 158, 255); color: rgb(64, 158, 255); }

.el-upload:focus .el-upload-dragger { border-color: rgb(64, 158, 255); }

.el-upload-dragger { background-color: rgb(255, 255, 255); border: 1px dashed rgb(217, 217, 217); border-radius: 6px; box-sizing: border-box; width: 360px; height: 180px; text-align: center; cursor: pointer; overflow: hidden; }

.el-upload-dragger .el-icon-upload { font-size: 67px; color: rgb(192, 196, 204); margin: 40px 0px 16px; line-height: 50px; }

.el-upload-dragger + .el-upload__tip { text-align: center; }

.el-upload-dragger ~ .el-upload__files { border-top: 1px solid rgb(220, 223, 230); margin-top: 7px; padding-top: 5px; }

.el-upload-dragger .el-upload__text { color: rgb(96, 98, 102); font-size: 14px; text-align: center; }

.el-upload-dragger .el-upload__text em { color: rgb(64, 158, 255); font-style: normal; }

.el-upload-dragger:hover { border-color: rgb(64, 158, 255); }

.el-upload-dragger.is-dragover { background-color: rgba(32, 159, 255, 0.06); border: 2px dashed rgb(64, 158, 255); }

.el-upload-list { margin: 0px; padding: 0px; list-style: none; }

.el-upload-list__item { transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1); font-size: 14px; color: rgb(96, 98, 102); line-height: 1.8; margin-top: 5px; box-sizing: border-box; border-radius: 4px; width: 100%; }

.el-upload-list__item .el-progress { position: absolute; top: 20px; width: 100%; }

.el-upload-list__item .el-progress__text { position: absolute; right: 0px; top: -13px; }

.el-upload-list__item .el-progress-bar { margin-right: 0px; padding-right: 0px; }

.el-upload-list__item:first-child { margin-top: 10px; }

.el-upload-list__item .el-icon-upload-success { color: rgb(103, 194, 58); }

.el-upload-list__item .el-icon-close { display: none; position: absolute; top: 5px; right: 5px; cursor: pointer; opacity: 0.75; color: rgb(96, 98, 102); }

.el-upload-list__item .el-icon-close:hover { opacity: 1; }

.el-upload-list__item .el-icon-close-tip { display: none; position: absolute; top: 5px; right: 5px; font-size: 12px; cursor: pointer; opacity: 1; color: rgb(64, 158, 255); }

.el-upload-list__item:hover .el-icon-close { display: inline-block; }

.el-upload-list__item:hover .el-progress__text { display: none; }

.el-upload-list__item.is-success .el-upload-list__item-status-label { display: block; }

.el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover { color: rgb(64, 158, 255); cursor: pointer; }

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { display: inline-block; }

.el-upload-list__item.is-success:active, .el-upload-list__item.is-success:not(.focusing):focus { outline-width: 0px; }

.el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { display: none; }

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { display: block; }

.el-upload-list__item-name { color: rgb(96, 98, 102); display: block; margin-right: 40px; overflow: hidden; padding-left: 4px; text-overflow: ellipsis; transition: color 0.3s; white-space: nowrap; }

.el-upload-list__item-name [class^="el-icon"] { height: 100%; margin-right: 7px; color: rgb(144, 147, 153); line-height: inherit; }

.el-upload-list__item-status-label { position: absolute; right: 5px; top: 0px; line-height: inherit; display: none; }

.el-upload-list__item-delete { position: absolute; right: 10px; top: 0px; font-size: 12px; color: rgb(96, 98, 102); display: none; }

.el-upload-list__item-delete:hover { color: rgb(64, 158, 255); }

.el-upload-list--picture-card { margin: 0px; display: inline; vertical-align: top; }

.el-upload-list--picture-card .el-upload-list__item { overflow: hidden; background-color: rgb(255, 255, 255); border: 1px solid rgb(192, 204, 218); border-radius: 6px; box-sizing: border-box; width: 148px; height: 148px; margin: 0px 8px 8px 0px; display: inline-block; }

.el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { color: rgb(255, 255, 255); }

.el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { display: none; }

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { display: block; }

.el-upload-list--picture-card .el-upload-list__item-name { display: none; }

.el-upload-list--picture-card .el-upload-list__item-thumbnail { width: 100%; height: 100%; }

.el-upload-list--picture-card .el-upload-list__item-status-label { position: absolute; right: -15px; top: -6px; width: 40px; height: 24px; background: rgb(19, 206, 102); text-align: center; transform: rotate(45deg); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1pc 1px; }

.el-upload-list--picture-card .el-upload-list__item-status-label i { font-size: 12px; margin-top: 11px; transform: rotate(-45deg); }

.el-upload-list--picture-card .el-upload-list__item-actions { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; cursor: default; text-align: center; color: rgb(255, 255, 255); opacity: 0; font-size: 20px; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s; }

.el-upload-list--picture-card .el-upload-list__item-actions::after { display: inline-block; height: 100%; vertical-align: middle; }

.el-upload-list--picture-card .el-upload-list__item-actions span { display: none; cursor: pointer; }

.el-upload-list--picture-card .el-upload-list__item-actions span + span { margin-left: 15px; }

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { position: static; font-size: inherit; color: inherit; }

.el-upload-list--picture-card .el-upload-list__item-actions:hover { opacity: 1; }

.el-upload-list--picture-card .el-upload-list__item-actions:hover span { display: inline-block; }

.el-upload-list--picture-card .el-progress { top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; width: 126px; }

.el-upload-list--picture-card .el-progress .el-progress__text { top: 50%; }

.el-upload-list--picture .el-upload-list__item { overflow: hidden; z-index: 0; background-color: rgb(255, 255, 255); border: 1px solid rgb(192, 204, 218); border-radius: 6px; box-sizing: border-box; margin-top: 10px; padding: 10px 10px 10px 90px; height: 92px; }

.el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check { color: rgb(255, 255, 255); }

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { background: 0px 0px; box-shadow: none; top: -2px; right: -12px; }

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text { display: block; }

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { line-height: 70px; margin-top: 0px; }

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { display: none; }

.el-upload-list--picture .el-upload-list__item-thumbnail { vertical-align: middle; display: inline-block; width: 70px; height: 70px; float: left; position: relative; z-index: 1; margin-left: -80px; background-color: rgb(255, 255, 255); }

.el-upload-list--picture .el-upload-list__item-name { display: block; margin-top: 20px; }

.el-upload-list--picture .el-upload-list__item-name i { font-size: 70px; line-height: 1; position: absolute; left: 9px; top: 10px; }

.el-upload-list--picture .el-upload-list__item-status-label { position: absolute; right: -17px; top: -7px; width: 46px; height: 26px; background: rgb(19, 206, 102); text-align: center; transform: rotate(45deg); box-shadow: rgb(204, 204, 204) 0px 1px 1px; }

.el-upload-list--picture .el-upload-list__item-status-label i { font-size: 12px; margin-top: 12px; transform: rotate(-45deg); }

.el-upload-list--picture .el-progress { position: relative; top: -7px; }

.el-upload-cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 10; cursor: default; }

.el-upload-cover::after { display: inline-block; height: 100%; vertical-align: middle; }

.el-upload-cover img { display: block; width: 100%; height: 100%; }

.el-upload-cover__label { position: absolute; right: -15px; top: -6px; width: 40px; height: 24px; background: rgb(19, 206, 102); text-align: center; transform: rotate(45deg); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1pc 1px; }

.el-upload-cover__label i { font-size: 12px; margin-top: 11px; transform: rotate(-45deg); color: rgb(255, 255, 255); }

.el-upload-cover__progress { display: inline-block; vertical-align: middle; position: static; width: 243px; }

.el-upload-cover__progress + .el-upload__inner { opacity: 0; }

.el-upload-cover__content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.el-upload-cover__interact { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.72); text-align: center; }

.el-upload-cover__interact .btn { display: inline-block; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; vertical-align: middle; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); margin-top: 60px; }

.el-upload-cover__interact .btn span { opacity: 0; transition: opacity 0.15s linear; }

.el-upload-cover__interact .btn:not(:first-child) { margin-left: 35px; }

.el-upload-cover__interact .btn:hover { transform: translateY(-13px); }

.el-upload-cover__interact .btn:hover span { opacity: 1; }

.el-upload-cover__interact .btn i { color: rgb(255, 255, 255); display: block; font-size: 24px; line-height: inherit; margin: 0px auto 5px; }

.el-upload-cover__title { position: absolute; bottom: 0px; left: 0px; background-color: rgb(255, 255, 255); height: 36px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; text-align: left; padding: 0px 10px; margin: 0px; line-height: 36px; font-size: 14px; color: rgb(48, 49, 51); }

.el-upload-cover + .el-upload__inner { opacity: 0; position: relative; z-index: 1; }

.el-progress { position: relative; line-height: 1; }

.el-progress__text { font-size: 14px; color: rgb(96, 98, 102); display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 1; }

.el-progress__text i { vertical-align: middle; display: block; }

.el-progress--circle, .el-progress--dashboard { display: inline-block; }

.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text { position: absolute; top: 50%; left: 0px; width: 100%; text-align: center; margin: 0px; transform: translateY(-50%); }

.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i { vertical-align: middle; display: inline-block; }

.el-progress--without-text .el-progress__text { display: none; }

.el-progress--without-text .el-progress-bar { padding-right: 0px; margin-right: 0px; display: block; }

.el-progress--text-inside .el-progress-bar { padding-right: 0px; margin-right: 0px; }

.el-progress.is-success .el-progress-bar__inner { background-color: rgb(103, 194, 58); }

.el-progress.is-success .el-progress__text { color: rgb(103, 194, 58); }

.el-progress.is-warning .el-progress-bar__inner { background-color: rgb(230, 162, 60); }

.el-badge__content, .el-progress.is-exception .el-progress-bar__inner { background-color: rgb(245, 108, 108); }

.el-progress.is-warning .el-progress__text { color: rgb(230, 162, 60); }

.el-progress.is-exception .el-progress__text { color: rgb(245, 108, 108); }

.el-progress-bar { padding-right: 50px; display: inline-block; vertical-align: middle; width: 100%; margin-right: -55px; box-sizing: border-box; }

.el-card__header, .el-message, .el-progress-bar, .el-step__icon { box-sizing: border-box; }

.el-progress-bar__outer { height: 6px; border-radius: 100px; background-color: rgb(235, 238, 245); overflow: hidden; position: relative; vertical-align: middle; }

.el-progress-bar__inner { position: absolute; left: 0px; top: 0px; height: 100%; background-color: rgb(64, 158, 255); text-align: right; border-radius: 100px; line-height: 1; white-space: nowrap; transition: width 0.6s; }

.el-progress-bar__inner::after { display: inline-block; height: 100%; vertical-align: middle; }

.el-progress-bar__innerText { display: inline-block; vertical-align: middle; color: rgb(255, 255, 255); font-size: 12px; margin: 0px 5px; }

@keyframes progress { 
  0% { background-position: 0px 0px; }
  100% { background-position: 32px 0px; }
}

.el-time-spinner { width: 100%; white-space: nowrap; }

.el-spinner { display: inline-block; vertical-align: middle; }

.el-spinner-inner { animation: 2s linear 0s infinite normal none running rotate; width: 50px; height: 50px; }

.el-spinner-inner .path { stroke: rgb(236, 236, 236); stroke-linecap: round; animation: 1.5s ease-in-out 0s infinite normal none running dash; }

@-webkit-keyframes rotate { 
  100% { transform: rotate(1turn); }
}

@keyframes rotate { 
  100% { transform: rotate(1turn); }
}

@-webkit-keyframes dash { 
  0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}

@keyframes dash { 
  0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}

.el-message { min-width: 380px; box-sizing: border-box; border-radius: 4px; border: 1px solid rgb(235, 238, 245); position: fixed; left: 50%; top: 20px; transform: translateX(-50%); background-color: rgb(237, 242, 252); transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s; overflow: hidden; padding: 15px 15px 15px 20px; display: flex; -webkit-box-align: center; align-items: center; }

.el-message.is-center { -webkit-box-pack: center; justify-content: center; }

.el-message.is-closable .el-message__content { padding-right: 16px; }

.el-message p { margin: 0px; }

.el-message--info .el-message__content { color: rgb(144, 147, 153); }

.el-message--success { background-color: rgb(240, 249, 235); border-color: rgb(225, 243, 216); }

.el-message--success .el-message__content { color: rgb(103, 194, 58); }

.el-message--warning { background-color: rgb(253, 246, 236); border-color: rgb(250, 236, 216); }

.el-message--warning .el-message__content { color: rgb(230, 162, 60); }

.el-message--error { background-color: rgb(254, 240, 240); border-color: rgb(253, 226, 226); }

.el-message--error .el-message__content { color: rgb(245, 108, 108); }

.el-message__icon { margin-right: 10px; }

.el-message__content { padding: 0px; font-size: 14px; line-height: 1; }

.el-message__content:focus { outline-width: 0px; }

.el-message__closeBtn { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); cursor: pointer; color: rgb(192, 196, 204); font-size: 16px; }

.el-message__closeBtn:focus { outline-width: 0px; }

.el-message__closeBtn:hover { color: rgb(144, 147, 153); }

.el-message .el-icon-success { color: rgb(103, 194, 58); }

.el-message .el-icon-error { color: rgb(245, 108, 108); }

.el-message .el-icon-info { color: rgb(144, 147, 153); }

.el-message .el-icon-warning { color: rgb(230, 162, 60); }

.el-message-fade-enter, .el-message-fade-leave-active { opacity: 0; transform: translate(-50%, -100%); }

.el-badge { position: relative; vertical-align: middle; display: inline-block; }

.el-badge__content { border-radius: 10px; color: rgb(255, 255, 255); display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0px 6px; text-align: center; white-space: nowrap; border: 1px solid rgb(255, 255, 255); }

.el-badge__content.is-fixed { position: absolute; top: 0px; right: 10px; transform: translateY(-50%) translateX(100%); }

.el-rate__icon, .el-rate__item { position: relative; display: inline-block; }

.el-badge__content.is-fixed.is-dot { right: 5px; }

.el-badge__content.is-dot { height: 8px; width: 8px; padding: 0px; right: 0px; border-radius: 50%; }

.el-badge__content--primary { background-color: rgb(64, 158, 255); }

.el-badge__content--success { background-color: rgb(103, 194, 58); }

.el-badge__content--warning { background-color: rgb(230, 162, 60); }

.el-badge__content--info { background-color: rgb(144, 147, 153); }

.el-badge__content--danger { background-color: rgb(245, 108, 108); }

.el-card { border-radius: 4px; border: 1px solid rgb(235, 238, 245); background-color: rgb(255, 255, 255); overflow: hidden; color: rgb(48, 49, 51); transition: 0.3s; }

.el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }

.el-card__header { padding: 18px 20px; border-bottom: 1px solid rgb(235, 238, 245); box-sizing: border-box; }

.el-card__body, .el-main { padding: 20px; }

.el-rate { height: 20px; line-height: 1; }

.el-rate:active, .el-rate:focus { outline-width: 0px; }

.el-rate__item { font-size: 0px; vertical-align: middle; }

.el-rate__icon { font-size: 18px; margin-right: 6px; color: rgb(192, 196, 204); transition: 0.3s; }

.el-rate__decimal, .el-rate__icon .path2 { position: absolute; top: 0px; left: 0px; }

.el-rate__icon.hover { transform: scale(1.15); }

.el-rate__decimal { display: inline-block; overflow: hidden; }

.el-step.is-vertical, .el-steps { display: -webkit-box; }

.el-rate__text { font-size: 14px; vertical-align: middle; }

.el-steps { display: flex; }

.el-steps--simple { padding: 13px 8%; border-radius: 4px; background: rgb(245, 247, 250); }

.el-steps--horizontal { white-space: nowrap; }

.el-steps--vertical { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; }

.el-step { position: relative; flex-shrink: 1; }

.el-step:last-of-type .el-step__line { display: none; }

.el-step:last-of-type.is-flex { flex-shrink: 0; -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto !important; }

.el-step:last-of-type .el-step__description, .el-step:last-of-type .el-step__main { padding-right: 0px; }

.el-step__head { position: relative; width: 100%; }

.el-step__head.is-process { color: rgb(48, 49, 51); border-color: rgb(48, 49, 51); }

.el-step__head.is-wait { color: rgb(192, 196, 204); border-color: rgb(192, 196, 204); }

.el-step__head.is-success { color: rgb(103, 194, 58); border-color: rgb(103, 194, 58); }

.el-step__head.is-error { color: rgb(245, 108, 108); border-color: rgb(245, 108, 108); }

.el-step__head.is-finish { color: rgb(64, 158, 255); border-color: rgb(64, 158, 255); }

.el-step__icon { position: relative; z-index: 1; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 24px; height: 24px; font-size: 14px; box-sizing: border-box; background: rgb(255, 255, 255); transition: 0.15s ease-out; }

.el-step.is-horizontal, .el-step__icon-inner { display: inline-block; }

.el-step__icon.is-text { border-radius: 50%; border-width: 2px; border-style: solid; border-image: initial; border-color: inherit; }

.el-step__icon.is-icon { width: 40px; }

.el-step__icon-inner { user-select: none; text-align: center; font-weight: 700; line-height: 1; color: inherit; }

.el-step__icon-inner[class*="el-icon"]:not(.is-status) { font-size: 25px; font-weight: 400; }

.el-step__icon-inner.is-status { transform: translateY(1px); }

.el-step__line { position: absolute; border-color: inherit; background-color: rgb(192, 196, 204); }

.el-step__line-inner { display: block; border-width: 1px; border-style: solid; border-image: initial; border-color: inherit; transition: 0.15s ease-out; box-sizing: border-box; width: 0px; height: 0px; }

.el-step__main { white-space: normal; text-align: left; }

.el-step__title { font-size: 16px; line-height: 38px; }

.el-step__title.is-process { font-weight: 700; color: rgb(48, 49, 51); }

.el-step__title.is-wait { color: rgb(192, 196, 204); }

.el-step__title.is-success { color: rgb(103, 194, 58); }

.el-step__title.is-error { color: rgb(245, 108, 108); }

.el-step__title.is-finish { color: rgb(64, 158, 255); }

.el-step__description { padding-right: 10%; margin-top: -5px; font-size: 12px; line-height: 20px; font-weight: 400; }

.el-step__description.is-process { color: rgb(48, 49, 51); }

.el-step__description.is-wait { color: rgb(192, 196, 204); }

.el-step__description.is-success { color: rgb(103, 194, 58); }

.el-step__description.is-error { color: rgb(245, 108, 108); }

.el-step__description.is-finish { color: rgb(64, 158, 255); }

.el-step.is-horizontal .el-step__line { height: 2px; top: 11px; left: 0px; right: 0px; }

.el-step.is-vertical { display: flex; }

.el-step.is-vertical .el-step__head { -webkit-box-flex: 0; flex-grow: 0; width: 24px; }

.el-step.is-vertical .el-step__main { padding-left: 10px; -webkit-box-flex: 1; flex-grow: 1; }

.el-step.is-vertical .el-step__title { line-height: 24px; padding-bottom: 8px; }

.el-step.is-vertical .el-step__line { width: 2px; top: 0px; bottom: 0px; left: 11px; }

.el-step.is-vertical .el-step__icon.is-icon { width: 24px; }

.el-step.is-center .el-step__head, .el-step.is-center .el-step__main { text-align: center; }

.el-step.is-center .el-step__description { padding-left: 20%; padding-right: 20%; }

.el-step.is-center .el-step__line { left: 50%; right: -50%; }

.el-step.is-simple { display: flex; -webkit-box-align: center; align-items: center; }

.el-step.is-simple .el-step__head { width: auto; font-size: 0px; padding-right: 10px; }

.el-step.is-simple .el-step__icon { background: 0px 0px; width: 16px; height: 16px; font-size: 12px; }

.el-step.is-simple .el-step__icon-inner[class*="el-icon"]:not(.is-status) { font-size: 18px; }

.el-step.is-simple .el-step__icon-inner.is-status { transform: scale(0.8) translateY(1px); }

.el-step.is-simple .el-step__main { position: relative; display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-flex: 1; flex-grow: 1; }

.el-step.is-simple .el-step__title { font-size: 16px; line-height: 20px; }

.el-step.is-simple:not(:last-of-type) .el-step__title { max-width: 50%; word-break: break-all; }

.el-step.is-simple .el-step__arrow { -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.el-step.is-simple .el-step__arrow::after, .el-step.is-simple .el-step__arrow::before { content: ""; display: inline-block; position: absolute; height: 15px; width: 1px; background: rgb(192, 196, 204); }

.el-step.is-simple .el-step__arrow::before { transform: rotate(-45deg) translateY(-4px); transform-origin: 0px 0px; }

.el-step.is-simple .el-step__arrow::after { transform: rotate(45deg) translateY(4px); transform-origin: 100% 100%; }

.el-step.is-simple:last-of-type .el-step__arrow { display: none; }

.el-carousel { position: relative; }

.el-carousel--horizontal { overflow-x: hidden; }

.el-carousel--vertical { overflow-y: hidden; }

.el-carousel__container { position: relative; height: 300px; }

.el-carousel__arrow { border: none; outline: 0px; padding: 0px; margin: 0px; height: 36px; width: 36px; cursor: pointer; transition: 0.3s; border-radius: 50%; background-color: rgba(31, 45, 61, 0.11); color: rgb(255, 255, 255); position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); text-align: center; font-size: 12px; }

.el-carousel__arrow--left { left: 16px; }

.el-carousel__arrow:hover { background-color: rgba(31, 45, 61, 0.23); }

.el-carousel__arrow i { cursor: pointer; }

.el-carousel__indicators { position: absolute; list-style: none; margin: 0px; padding: 0px; z-index: 2; }

.el-carousel__indicators--horizontal { bottom: 0px; left: 50%; transform: translateX(-50%); }

.el-carousel__indicators--vertical { right: 0px; top: 50%; transform: translateY(-50%); }

.el-carousel__indicators--outside { bottom: 26px; text-align: center; position: static; transform: none; }

.el-carousel__indicators--outside .el-carousel__indicator:hover button { opacity: 0.64; }

.el-carousel__indicators--outside button { background-color: rgb(192, 196, 204); opacity: 0.24; }

.el-carousel__indicators--labels { left: 0px; right: 0px; transform: none; text-align: center; }

.el-carousel__indicators--labels .el-carousel__button { height: auto; width: auto; padding: 2px 18px; font-size: 12px; }

.el-carousel__indicators--labels .el-carousel__indicator { padding: 6px 4px; }

.el-carousel__indicator { background-color: transparent; cursor: pointer; }

.el-carousel__indicator:hover button { opacity: 0.72; }

.el-carousel__indicator--horizontal { display: inline-block; padding: 12px 4px; }

.el-carousel__indicator--vertical { padding: 4px 12px; }

.el-carousel__indicator--vertical .el-carousel__button { width: 2px; height: 15px; }

.el-carousel__indicator.is-active button { opacity: 1; }

.el-carousel__button { display: block; opacity: 0.48; width: 30px; height: 2px; background-color: rgb(255, 255, 255); border: none; outline: 0px; padding: 0px; margin: 0px; cursor: pointer; transition: 0.3s; }

.el-carousel__item, .el-carousel__mask { height: 100%; position: absolute; top: 0px; left: 0px; }

.carousel-arrow-left-enter, .carousel-arrow-left-leave-active { transform: translateY(-50%) translateX(-10px); opacity: 0; }

.carousel-arrow-right-enter, .carousel-arrow-right-leave-active { transform: translateY(-50%) translateX(10px); opacity: 0; }

.el-carousel__item { width: 100%; display: inline-block; overflow: hidden; z-index: 0; }

.el-carousel__item.is-active { z-index: 2; }

.el-carousel__item--card, .el-carousel__item.is-animating { transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; }

.el-carousel__item--card { width: 50%; }

.el-carousel__item--card.is-in-stage { cursor: pointer; z-index: 1; }

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask { opacity: 0.12; }

.el-carousel__item--card.is-active { z-index: 2; }

.el-carousel__mask { width: 100%; background-color: rgb(255, 255, 255); opacity: 0.24; transition: 0.2s; }

.fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 0.2s linear; }

.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; }

.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity 0.2s linear; }

.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0; }

.el-fade-in-enter-active, .el-fade-in-leave-active { transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; }

.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; transform: scaleX(0); }

.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center top; }

.el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); }

.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center bottom; }

.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); }

.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transform-origin: left top; }

.el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(0.45); }

.collapse-transition { transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out; }

.horizontal-collapse-transition { transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out, padding-right 0.3s ease-in-out; }

.el-list-enter-active, .el-list-leave-active { transition: 1s; }

.el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px); }

.el-opacity-transition { transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.el-collapse { border-top: 1px solid rgb(235, 238, 245); border-bottom: 1px solid rgb(235, 238, 245); }

.el-collapse-item.is-disabled .el-collapse-item__header { color: rgb(187, 187, 187); cursor: not-allowed; }

.el-collapse-item__header { display: flex; -webkit-box-align: center; align-items: center; height: 48px; line-height: 48px; background-color: rgb(255, 255, 255); color: rgb(48, 49, 51); cursor: pointer; border-bottom: 1px solid rgb(235, 238, 245); font-size: 13px; font-weight: 500; transition: border-bottom-color 0.3s; outline: 0px; }

.el-collapse-item__arrow { margin: 0px 8px 0px auto; transition: transform 0.3s, -webkit-transform 0.3s; font-weight: 300; }

.el-collapse-item__arrow.is-active { transform: rotate(90deg); }

.el-collapse-item__header.focusing:focus:not(:hover) { color: rgb(64, 158, 255); }

.el-collapse-item__header.is-active { border-bottom-color: transparent; }

.el-collapse-item__wrap { will-change: height; background-color: rgb(255, 255, 255); overflow: hidden; box-sizing: border-box; border-bottom: 1px solid rgb(235, 238, 245); }

.el-cascader__search-input, .el-cascader__tags, .el-collapse-item__wrap, .el-tag { box-sizing: border-box; }

.el-collapse-item__content { padding-bottom: 25px; font-size: 13px; color: rgb(48, 49, 51); line-height: 1.76923; }

.el-collapse-item:last-child { margin-bottom: -1px; }

.el-popper .popper__arrow, .el-popper .popper__arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }

.el-cascader, .el-tag { display: inline-block; }

.el-popper .popper__arrow { border-width: 6px; filter: drop-shadow(rgba(0, 0, 0, 0.03) 0px 2px 12px); }

.el-popper .popper__arrow::after { content: " "; border-width: 6px; }

.el-popper[x-placement^="top"] { margin-bottom: 12px; }

.el-popper[x-placement^="top"] .popper__arrow { bottom: -6px; left: 50%; margin-right: 3px; border-top-color: rgb(235, 238, 245); border-bottom-width: 0px; }

.el-popper[x-placement^="top"] .popper__arrow::after { bottom: 1px; margin-left: -6px; border-top-color: rgb(255, 255, 255); border-bottom-width: 0px; }

.el-popper[x-placement^="bottom"] { margin-top: 12px; }

.el-popper[x-placement^="bottom"] .popper__arrow { top: -6px; left: 50%; margin-right: 3px; border-top-width: 0px; border-bottom-color: rgb(235, 238, 245); }

.el-popper[x-placement^="bottom"] .popper__arrow::after { top: 1px; margin-left: -6px; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); }

.el-popper[x-placement^="right"] { margin-left: 12px; }

.el-popper[x-placement^="right"] .popper__arrow { top: 50%; left: -6px; margin-bottom: 3px; border-right-color: rgb(235, 238, 245); border-left-width: 0px; }

.el-popper[x-placement^="right"] .popper__arrow::after { bottom: -6px; left: 1px; border-right-color: rgb(255, 255, 255); border-left-width: 0px; }

.el-popper[x-placement^="left"] { margin-right: 12px; }

.el-popper[x-placement^="left"] .popper__arrow { top: 50%; right: -6px; margin-bottom: 3px; border-right-width: 0px; border-left-color: rgb(235, 238, 245); }

.el-popper[x-placement^="left"] .popper__arrow::after { right: 1px; bottom: -6px; margin-left: -6px; border-right-width: 0px; border-left-color: rgb(255, 255, 255); }

.el-tag { background-color: rgb(236, 245, 255); height: 32px; padding: 0px 10px; line-height: 30px; font-size: 12px; color: rgb(64, 158, 255); border: 1px solid rgb(217, 236, 255); border-radius: 4px; box-sizing: border-box; white-space: nowrap; }

.el-tag.is-hit { border-color: rgb(64, 158, 255); }

.el-tag .el-tag__close { color: rgb(64, 158, 255); }

.el-tag .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(64, 158, 255); }

.el-tag.el-tag--info { background-color: rgb(244, 244, 245); border-color: rgb(233, 233, 235); color: rgb(144, 147, 153); }

.el-tag.el-tag--info.is-hit { border-color: rgb(144, 147, 153); }

.el-tag.el-tag--info .el-tag__close { color: rgb(144, 147, 153); }

.el-tag.el-tag--info .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(144, 147, 153); }

.el-tag.el-tag--success { background-color: rgb(240, 249, 235); border-color: rgb(225, 243, 216); color: rgb(103, 194, 58); }

.el-tag.el-tag--success.is-hit { border-color: rgb(103, 194, 58); }

.el-tag.el-tag--success .el-tag__close { color: rgb(103, 194, 58); }

.el-tag.el-tag--success .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(103, 194, 58); }

.el-tag.el-tag--warning { background-color: rgb(253, 246, 236); border-color: rgb(250, 236, 216); color: rgb(230, 162, 60); }

.el-tag.el-tag--warning.is-hit { border-color: rgb(230, 162, 60); }

.el-tag.el-tag--warning .el-tag__close { color: rgb(230, 162, 60); }

.el-tag.el-tag--warning .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(230, 162, 60); }

.el-tag.el-tag--danger { background-color: rgb(254, 240, 240); border-color: rgb(253, 226, 226); color: rgb(245, 108, 108); }

.el-tag.el-tag--danger.is-hit { border-color: rgb(245, 108, 108); }

.el-tag.el-tag--danger .el-tag__close { color: rgb(245, 108, 108); }

.el-tag.el-tag--danger .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(245, 108, 108); }

.el-tag .el-icon-close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 16px; vertical-align: middle; top: -1px; right: -5px; }

.el-tag .el-icon-close::before { display: block; }

.el-tag--dark { background-color: rgb(64, 158, 255); color: rgb(255, 255, 255); }

.el-tag--dark, .el-tag--dark.is-hit { border-color: rgb(64, 158, 255); }

.el-tag--dark .el-tag__close { color: rgb(255, 255, 255); }

.el-tag--dark .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(102, 177, 255); }

.el-tag--dark.el-tag--info { background-color: rgb(144, 147, 153); border-color: rgb(144, 147, 153); color: rgb(255, 255, 255); }

.el-tag--dark.el-tag--info.is-hit { border-color: rgb(144, 147, 153); }

.el-tag--dark.el-tag--info .el-tag__close { color: rgb(255, 255, 255); }

.el-tag--dark.el-tag--info .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(166, 169, 173); }

.el-tag--dark.el-tag--success { background-color: rgb(103, 194, 58); border-color: rgb(103, 194, 58); color: rgb(255, 255, 255); }

.el-tag--dark.el-tag--success.is-hit { border-color: rgb(103, 194, 58); }

.el-tag--dark.el-tag--success .el-tag__close { color: rgb(255, 255, 255); }

.el-tag--dark.el-tag--success .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(133, 206, 97); }

.el-tag--dark.el-tag--warning { background-color: rgb(230, 162, 60); border-color: rgb(230, 162, 60); color: rgb(255, 255, 255); }

.el-tag--dark.el-tag--warning.is-hit { border-color: rgb(230, 162, 60); }

.el-tag--dark.el-tag--warning .el-tag__close { color: rgb(255, 255, 255); }

.el-tag--dark.el-tag--warning .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(235, 181, 99); }

.el-tag--dark.el-tag--danger { background-color: rgb(245, 108, 108); border-color: rgb(245, 108, 108); color: rgb(255, 255, 255); }

.el-tag--dark.el-tag--danger.is-hit { border-color: rgb(245, 108, 108); }

.el-tag--dark.el-tag--danger .el-tag__close { color: rgb(255, 255, 255); }

.el-tag--dark.el-tag--danger .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(247, 137, 137); }

.el-tag--plain { background-color: rgb(255, 255, 255); border-color: rgb(179, 216, 255); color: rgb(64, 158, 255); }

.el-tag--plain.is-hit { border-color: rgb(64, 158, 255); }

.el-tag--plain .el-tag__close { color: rgb(64, 158, 255); }

.el-tag--plain .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(64, 158, 255); }

.el-tag--plain.el-tag--info { background-color: rgb(255, 255, 255); border-color: rgb(211, 212, 214); color: rgb(144, 147, 153); }

.el-tag--plain.el-tag--info.is-hit { border-color: rgb(144, 147, 153); }

.el-tag--plain.el-tag--info .el-tag__close { color: rgb(144, 147, 153); }

.el-tag--plain.el-tag--info .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(144, 147, 153); }

.el-tag--plain.el-tag--success { background-color: rgb(255, 255, 255); border-color: rgb(194, 231, 176); color: rgb(103, 194, 58); }

.el-tag--plain.el-tag--success.is-hit { border-color: rgb(103, 194, 58); }

.el-tag--plain.el-tag--success .el-tag__close { color: rgb(103, 194, 58); }

.el-tag--plain.el-tag--success .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(103, 194, 58); }

.el-tag--plain.el-tag--warning { background-color: rgb(255, 255, 255); border-color: rgb(245, 218, 177); color: rgb(230, 162, 60); }

.el-tag--plain.el-tag--warning.is-hit { border-color: rgb(230, 162, 60); }

.el-tag--plain.el-tag--warning .el-tag__close { color: rgb(230, 162, 60); }

.el-tag--plain.el-tag--warning .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(230, 162, 60); }

.el-tag--plain.el-tag--danger { background-color: rgb(255, 255, 255); border-color: rgb(251, 196, 196); color: rgb(245, 108, 108); }

.el-tag--plain.el-tag--danger.is-hit { border-color: rgb(245, 108, 108); }

.el-tag--plain.el-tag--danger .el-tag__close { color: rgb(245, 108, 108); }

.el-tag--plain.el-tag--danger .el-tag__close:hover { color: rgb(255, 255, 255); background-color: rgb(245, 108, 108); }

.el-tag--medium { height: 28px; line-height: 26px; }

.el-tag--medium .el-icon-close { transform: scale(0.8); }

.el-tag--small { height: 24px; padding: 0px 8px; line-height: 22px; }

.el-tag--small .el-icon-close { transform: scale(0.8); }

.el-tag--mini { height: 20px; padding: 0px 5px; line-height: 19px; }

.el-tag--mini .el-icon-close { margin-left: -3px; transform: scale(0.7); }

.el-cascader { position: relative; font-size: 14px; line-height: 40px; }

.el-cascader:not(.is-disabled):hover .el-input__inner { cursor: pointer; border-color: rgb(192, 196, 204); }

.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner { border-color: rgb(64, 158, 255); }

.el-cascader .el-input { cursor: pointer; }

.el-cascader .el-input .el-input__inner { text-overflow: ellipsis; }

.el-cascader .el-input .el-icon-arrow-down { transition: transform 0.3s, -webkit-transform 0.3s; font-size: 14px; }

.el-cascader .el-input .el-icon-arrow-down.is-reverse { transform: rotate(180deg); }

.el-cascader .el-input .el-icon-circle-close:hover { color: rgb(144, 147, 153); }

.el-cascader--medium { font-size: 14px; line-height: 36px; }

.el-cascader--small { font-size: 13px; line-height: 32px; }

.el-cascader--mini { font-size: 12px; line-height: 28px; }

.el-cascader.is-disabled .el-cascader__label { z-index: 2; color: rgb(192, 196, 204); }

.el-cascader__dropdown { margin: 5px 0px; font-size: 14px; background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 237); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }

.el-cascader__tags { position: absolute; left: 0px; right: 30px; top: 50%; transform: translateY(-50%); display: flex; flex-wrap: wrap; line-height: normal; text-align: left; box-sizing: border-box; }

.el-cascader__tags .el-tag { display: inline-flex; -webkit-box-align: center; align-items: center; max-width: 100%; margin: 2px 0px 2px 6px; text-overflow: ellipsis; background: rgb(240, 242, 245); }

.el-cascader__tags .el-tag:not(.is-hit) { border-color: transparent; }

.el-cascader__tags .el-tag > span { -webkit-box-flex: 1; flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; }

.el-cascader__tags .el-tag .el-icon-close { -webkit-box-flex: 0; flex: 0 0 auto; background-color: rgb(192, 196, 204); color: rgb(255, 255, 255); }

.el-cascader__tags .el-tag .el-icon-close:hover { background-color: rgb(144, 147, 153); }

.el-cascader__suggestion-panel { border-radius: 4px; }

.el-cascader__suggestion-list { max-height: 204px; margin: 0px; padding: 6px 0px; font-size: 14px; color: rgb(96, 98, 102); text-align: center; }

.el-cascader__suggestion-item { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; height: 34px; padding: 0px 15px; text-align: left; outline: 0px; cursor: pointer; }

.el-cascader__suggestion-item:focus, .el-cascader__suggestion-item:hover { background: rgb(245, 247, 250); }

.el-cascader__suggestion-item.is-checked { color: rgb(64, 158, 255); font-weight: 700; }

.el-cascader__suggestion-item > span { margin-right: 10px; }

.el-cascader__empty-text { margin: 10px 0px; color: rgb(192, 196, 204); }

.el-cascader__search-input { -webkit-box-flex: 1; flex: 1 1 0%; height: 24px; min-width: 60px; margin: 2px 0px 2px 15px; padding: 0px; color: rgb(96, 98, 102); border: none; outline: 0px; box-sizing: border-box; }

.el-cascader__search-input::-webkit-input-placeholder { color: rgb(192, 196, 204); }

.el-cascader__search-input::placeholder { color: rgb(192, 196, 204); }

.el-color-predefine { font-size: 12px; margin-top: 8px; width: 280px; }

.el-color-predefine, .el-color-predefine__colors { display: flex; }

.el-color-predefine__colors { -webkit-box-flex: 1; flex: 1 1 0%; flex-wrap: wrap; }

.el-color-predefine__color-selector { margin: 0px 0px 8px 8px; width: 20px; height: 20px; border-radius: 4px; cursor: pointer; }

.el-color-predefine__color-selector:nth-child(10n+1) { margin-left: 0px; }

.el-color-predefine__color-selector.selected { box-shadow: rgb(64, 158, 255) 0px 0px 3px 2px; }

.el-color-predefine__color-selector > div { display: flex; height: 100%; border-radius: 3px; }

.el-color-predefine__color-selector.is-alpha { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="); }

.el-color-hue-slider { position: relative; box-sizing: border-box; width: 280px; height: 12px; background-color: red; padding: 0px 2px; }

.el-color-hue-slider__bar { position: relative; background: linear-gradient(90deg, red 0px, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, red); height: 100%; }

.el-color-hue-slider__thumb { position: absolute; cursor: pointer; box-sizing: border-box; left: 0px; top: 0px; width: 4px; height: 100%; border-radius: 1px; background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px; z-index: 1; }

.el-color-hue-slider.is-vertical { width: 12px; height: 180px; padding: 2px 0px; }

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { background: linear-gradient(red 0px, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, red); }

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { left: 0px; top: 0px; width: 100%; height: 4px; }

.el-color-svpanel { position: relative; width: 280px; height: 180px; }

.el-color-svpanel__black, .el-color-svpanel__white { position: absolute; inset: 0px; }

.el-color-svpanel__white { background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }

.el-color-svpanel__black { background: linear-gradient(0deg, rgb(0, 0, 0), transparent); }

.el-color-svpanel__cursor { position: absolute; }

.el-color-svpanel__cursor > div { width: 4px; height: 4px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1.5px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px; border-radius: 50%; transform: translate(-2px, -2px); }

.el-color-alpha-slider { position: relative; box-sizing: border-box; width: 280px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="); }

.el-color-alpha-slider__bar { position: relative; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255)); height: 100%; }

.el-color-alpha-slider__thumb { position: absolute; cursor: pointer; box-sizing: border-box; left: 0px; top: 0px; width: 4px; height: 100%; border-radius: 1px; background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px; z-index: 1; }

.el-color-alpha-slider.is-vertical { width: 20px; height: 180px; }

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255)); }

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { left: 0px; top: 0px; width: 100%; height: 4px; }

.el-color-dropdown { width: 300px; }

.el-color-dropdown__main-wrapper { margin-bottom: 6px; }

.el-color-dropdown__main-wrapper::after { display: table; clear: both; }

.el-color-dropdown__btns { margin-top: 6px; text-align: right; }

.el-color-dropdown__value { float: left; line-height: 26px; font-size: 12px; color: rgb(0, 0, 0); width: 160px; }

.el-color-dropdown__btn { border: 1px solid rgb(220, 220, 220); color: rgb(51, 51, 51); line-height: 24px; border-radius: 2px; padding: 0px 20px; cursor: pointer; background-color: transparent; outline: 0px; font-size: 12px; }

.el-color-dropdown__btn[disabled] { color: rgb(204, 204, 204); cursor: not-allowed; }

.el-color-dropdown__btn:hover { color: rgb(64, 158, 255); border-color: rgb(64, 158, 255); }

.el-color-dropdown__link-btn { cursor: pointer; color: rgb(64, 158, 255); text-decoration: none; padding: 15px; font-size: 12px; }

.el-color-dropdown__link-btn:hover { }

.el-color-picker { display: inline-block; position: relative; line-height: normal; height: 40px; }

.el-color-picker.is-disabled .el-color-picker__trigger { cursor: not-allowed; }

.el-color-picker--medium { height: 36px; }

.el-color-picker--medium .el-color-picker__trigger { height: 36px; width: 36px; }

.el-color-picker--medium .el-color-picker__mask { height: 34px; width: 34px; }

.el-color-picker--small { height: 32px; }

.el-color-picker--small .el-color-picker__trigger { height: 32px; width: 32px; }

.el-color-picker--small .el-color-picker__mask { height: 30px; width: 30px; }

.el-color-picker--small .el-color-picker__empty, .el-color-picker--small .el-color-picker__icon { transform: translate3d(-50%, -50%, 0px) scale(0.8); }

.el-color-picker--mini { height: 28px; }

.el-color-picker--mini .el-color-picker__trigger { height: 28px; width: 28px; }

.el-color-picker--mini .el-color-picker__mask { height: 26px; width: 26px; }

.el-color-picker--mini .el-color-picker__empty, .el-color-picker--mini .el-color-picker__icon { transform: translate3d(-50%, -50%, 0px) scale(0.8); }

.el-color-picker__mask { height: 38px; width: 38px; border-radius: 4px; position: absolute; top: 1px; left: 1px; z-index: 1; cursor: not-allowed; background-color: rgba(255, 255, 255, 0.7); }

.el-color-picker__trigger { display: inline-block; height: 40px; width: 40px; padding: 4px; border: 1px solid rgb(230, 230, 230); border-radius: 4px; font-size: 0px; cursor: pointer; }

.el-color-picker__color, .el-color-picker__trigger { box-sizing: border-box; position: relative; }

.el-color-picker__color { display: block; border: 1px solid rgb(153, 153, 153); border-radius: 2px; width: 100%; height: 100%; text-align: center; }

.el-color-picker__icon, .el-input, .el-textarea { display: inline-block; width: 100%; }

.el-color-picker__color.is-alpha { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="); }

.el-color-picker__color-inner { position: absolute; inset: 0px; }

.el-color-picker__empty { color: rgb(153, 153, 153); }

.el-color-picker__empty, .el-color-picker__icon { font-size: 12px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); }

.el-color-picker__icon { color: rgb(255, 255, 255); text-align: center; }

.el-input__prefix, .el-input__suffix { position: absolute; top: 0px; text-align: center; }

.el-color-picker__panel { position: absolute; z-index: 10; padding: 6px; box-sizing: content-box; background-color: rgb(255, 255, 255); border: 1px solid rgb(235, 238, 245); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }

.el-input__inner, .el-textarea__inner, .el-transfer-panel { box-sizing: border-box; }

.el-textarea { position: relative; vertical-align: bottom; font-size: 14px; }

.el-textarea__inner { display: block; resize: vertical; padding: 5px 15px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: inherit; color: rgb(96, 98, 102); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(220, 223, 230); border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-textarea__inner::-webkit-input-placeholder { color: rgb(192, 196, 204); }

.el-textarea__inner::placeholder { color: rgb(192, 196, 204); }

.el-textarea__inner:hover { border-color: rgb(192, 196, 204); }

.el-textarea__inner:focus { outline: 0px; border-color: rgb(64, 158, 255); }

.el-textarea .el-input__count { color: rgb(144, 147, 153); background: rgb(255, 255, 255); position: absolute; font-size: 12px; bottom: 5px; right: 10px; }

.el-textarea.is-disabled .el-textarea__inner { background-color: rgb(245, 247, 250); border-color: rgb(228, 231, 237); color: rgb(192, 196, 204); cursor: not-allowed; }

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgb(192, 196, 204); }

.el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgb(192, 196, 204); }

.el-textarea.is-exceed .el-textarea__inner { border-color: rgb(245, 108, 108); }

.el-textarea.is-exceed .el-input__count { color: rgb(245, 108, 108); }

.el-input { position: relative; font-size: 14px; }

.el-input::-webkit-scrollbar { z-index: 11; width: 6px; }

.el-input::-webkit-scrollbar:horizontal { height: 6px; }

.el-input::-webkit-scrollbar-thumb { border-radius: 5px; width: 6px; background: rgb(180, 188, 204); }

.el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track { background: rgb(255, 255, 255); }

.el-input::-webkit-scrollbar-track-piece { background: rgb(255, 255, 255); width: 6px; }

.el-input .el-input__clear { color: rgb(192, 196, 204); font-size: 14px; cursor: pointer; transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-input .el-input__clear:hover { color: rgb(144, 147, 153); }

.el-input .el-input__count { height: 100%; display: inline-flex; -webkit-box-align: center; align-items: center; color: rgb(144, 147, 153); font-size: 12px; }

.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input, .el-input__inner { font-size: inherit; }

.el-input .el-input__count .el-input__count-inner { background: rgb(255, 255, 255); line-height: normal; display: inline-block; padding: 0px 5px; }

.el-input__inner { appearance: none; background-color: rgb(255, 255, 255); background-image: none; border-radius: 4px; border: 1px solid rgb(220, 223, 230); box-sizing: border-box; color: rgb(96, 98, 102); display: inline-block; height: 40px; line-height: 40px; outline: 0px; padding: 0px 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; }

.el-input__inner::-webkit-input-placeholder { color: rgb(192, 196, 204); }

.el-input__inner::placeholder { color: rgb(192, 196, 204); }

.el-input__inner:hover { border-color: rgb(192, 196, 204); }

.el-input.is-active .el-input__inner, .el-input__inner:focus { border-color: rgb(64, 158, 255); outline: 0px; }

.el-input__suffix { height: 100%; right: 5px; transition: 0.3s; pointer-events: none; }

.el-input__suffix-inner { pointer-events: all; }

.el-input__prefix { left: 5px; }

.el-input__icon, .el-input__prefix { height: 100%; transition: 0.3s; }

.el-input__icon { width: 25px; text-align: center; line-height: 40px; }

.el-input__icon::after { content: ""; height: 100%; width: 0px; display: inline-block; vertical-align: middle; }

.el-input__validateIcon { pointer-events: none; }

.el-input.is-disabled .el-input__inner { background-color: rgb(245, 247, 250); border-color: rgb(228, 231, 237); color: rgb(192, 196, 204); cursor: not-allowed; }

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgb(192, 196, 204); }

.el-input.is-disabled .el-input__inner::placeholder { color: rgb(192, 196, 204); }

.el-input.is-disabled .el-input__icon { cursor: not-allowed; }

.el-image-viewer__btn, .el-image__preview, .el-link, .el-transfer-panel__filter .el-icon-circle-close { cursor: pointer; }

.el-input.is-exceed .el-input__inner { border-color: rgb(245, 108, 108); }

.el-input.is-exceed .el-input__suffix .el-input__count { color: rgb(245, 108, 108); }

.el-input--suffix .el-input__inner { padding-right: 30px; }

.el-input--prefix .el-input__inner { padding-left: 30px; }

.el-input--medium { font-size: 14px; }

.el-input--medium .el-input__inner { height: 36px; line-height: 36px; }

.el-input--medium .el-input__icon { line-height: 36px; }

.el-input--small { font-size: 13px; }

.el-input--small .el-input__inner { height: 32px; line-height: 32px; }

.el-input--small .el-input__icon { line-height: 32px; }

.el-input--mini { font-size: 12px; }

.el-input--mini .el-input__inner { height: 28px; line-height: 28px; }

.el-input--mini .el-input__icon { line-height: 28px; }

.el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; border-spacing: 0px; }

.el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; }

.el-input-group__append, .el-input-group__prepend { background-color: rgb(245, 247, 250); color: rgb(144, 147, 153); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgb(220, 223, 230); border-radius: 4px; padding: 0px 20px; width: 1px; white-space: nowrap; }

.el-input-group--append .el-input__inner, .el-input-group__prepend { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.el-input-group__append:focus, .el-input-group__prepend:focus { outline: 0px; }

.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select { display: inline-block; margin: -10px -20px; }

.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { border-right-color: transparent; border-left-color: transparent; background-color: transparent; color: inherit; border-top: 0px; border-bottom: 0px; }

.el-input-group__prepend { border-right: 0px; }

.el-input-group__append { border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; }

.el-input-group--prepend .el-input__inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.el-transfer { font-size: 14px; }

.el-transfer__buttons { display: inline-block; vertical-align: middle; padding: 0px 30px; }

.el-transfer__button { display: block; margin: 0px auto; padding: 10px; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(64, 158, 255); font-size: 0px; }

.el-button-group > .el-button + .el-button, .el-transfer-panel__item + .el-transfer-panel__item, .el-transfer__button [class*="el-icon-"] + span { margin-left: 0px; }

.el-divider__text, .el-image__error, .el-link, .el-timeline, .el-transfer__button i, .el-transfer__button span { font-size: 14px; }

.el-transfer__button.is-with-texts { border-radius: 4px; }

.el-transfer__button.is-disabled, .el-transfer__button.is-disabled:hover { border: 1px solid rgb(220, 223, 230); background-color: rgb(245, 247, 250); color: rgb(192, 196, 204); }

.el-transfer__button:first-child { margin-bottom: 10px; }

.el-transfer__button:nth-child(2) { margin: 0px; }

.el-transfer-panel { border: 1px solid rgb(235, 238, 245); border-radius: 4px; overflow: hidden; background: rgb(255, 255, 255); display: inline-block; vertical-align: middle; width: 200px; max-height: 100%; box-sizing: border-box; position: relative; }

.el-transfer-panel__body { height: 246px; }

.el-transfer-panel__body.is-with-footer { padding-bottom: 40px; }

.el-transfer-panel__list { margin: 0px; padding: 6px 0px; list-style: none; height: 246px; overflow: auto; box-sizing: border-box; }

.el-transfer-panel__list.is-filterable { height: 194px; padding-top: 0px; }

.el-transfer-panel__item { height: 30px; line-height: 30px; padding-left: 15px; display: block !important; }

.el-transfer-panel__item.el-checkbox { color: rgb(96, 98, 102); }

.el-transfer-panel__item:hover { color: rgb(64, 158, 255); }

.el-transfer-panel__item.el-checkbox .el-checkbox__label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; box-sizing: border-box; padding-left: 24px; line-height: 30px; }

.el-transfer-panel__item .el-checkbox__input { position: absolute; top: 8px; }

.el-transfer-panel__filter { text-align: center; margin: 15px; box-sizing: border-box; display: block; width: auto; }

.el-transfer-panel__filter .el-input__inner { height: 32px; width: 100%; font-size: 12px; display: inline-block; box-sizing: border-box; border-radius: 16px; padding-right: 10px; padding-left: 30px; }

.el-transfer-panel__filter .el-input__icon { margin-left: 5px; }

.el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: rgb(245, 247, 250); margin: 0px; padding-left: 15px; border-bottom: 1px solid rgb(235, 238, 245); box-sizing: border-box; color: rgb(0, 0, 0); }

.el-container, .el-header { box-sizing: border-box; }

.el-transfer-panel .el-transfer-panel__header .el-checkbox { display: block; line-height: 40px; }

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { font-size: 16px; color: rgb(48, 49, 51); font-weight: 400; }

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { position: absolute; right: 15px; color: rgb(144, 147, 153); font-size: 12px; font-weight: 400; }

.el-transfer-panel .el-transfer-panel__footer { height: 40px; background: rgb(255, 255, 255); margin: 0px; padding: 0px; border-top: 1px solid rgb(235, 238, 245); position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 1; }

.el-transfer-panel .el-transfer-panel__footer::after { display: inline-block; height: 100%; vertical-align: middle; }

.el-container, .el-timeline-item__node { display: -webkit-box; }

.el-transfer-panel .el-transfer-panel__footer .el-checkbox { padding-left: 20px; color: rgb(96, 98, 102); }

.el-transfer-panel .el-transfer-panel__empty { margin: 0px; height: 30px; line-height: 30px; padding: 6px 15px 0px; color: rgb(144, 147, 153); text-align: center; }

.el-transfer-panel .el-checkbox__label { padding-left: 8px; }

.el-transfer-panel .el-checkbox__inner { height: 14px; width: 14px; border-radius: 3px; }

.el-transfer-panel .el-checkbox__inner::after { height: 6px; width: 3px; left: 4px; }

.el-container { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-flex: 1; flex: 1 1 auto; box-sizing: border-box; min-width: 0px; }

.el-container.is-vertical, .el-drawer, .el-empty, .el-result { -webkit-box-orient: vertical; -webkit-box-direction: normal; }

.el-container.is-vertical { flex-direction: column; }

.el-header { padding: 0px 20px; }

.el-aside, .el-header { box-sizing: border-box; flex-shrink: 0; }

.el-aside { overflow: auto; }

.el-main { display: block; -webkit-box-flex: 1; flex: 1 1 auto; overflow: auto; }

.el-footer, .el-main { box-sizing: border-box; }

.el-footer { padding: 0px 20px; flex-shrink: 0; }

.el-timeline { margin: 0px; list-style: none; }

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail { display: none; }

.el-timeline-item { position: relative; padding-bottom: 20px; }

.el-timeline-item__wrapper { position: relative; padding-left: 28px; top: -3px; }

.el-timeline-item__tail { position: absolute; left: 4px; height: 100%; border-left: 2px solid rgb(228, 231, 237); }

.el-timeline-item__icon { color: rgb(255, 255, 255); font-size: 13px; }

.el-timeline-item__node { position: absolute; background-color: rgb(228, 231, 237); border-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.el-image__error, .el-timeline-item__dot { display: -webkit-box; }

.el-timeline-item__node--normal { left: -1px; width: 12px; height: 12px; }

.el-timeline-item__node--large { left: -2px; width: 14px; height: 14px; }

.el-timeline-item__node--primary { background-color: rgb(64, 158, 255); }

.el-timeline-item__node--success { background-color: rgb(103, 194, 58); }

.el-timeline-item__node--warning { background-color: rgb(230, 162, 60); }

.el-timeline-item__node--danger { background-color: rgb(245, 108, 108); }

.el-timeline-item__node--info { background-color: rgb(144, 147, 153); }

.el-timeline-item__dot { position: absolute; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.el-timeline-item__content { color: rgb(48, 49, 51); }

.el-timeline-item__timestamp { color: rgb(144, 147, 153); line-height: 1; font-size: 13px; }

.el-timeline-item__timestamp.is-top { margin-bottom: 8px; padding-top: 4px; }

.el-timeline-item__timestamp.is-bottom { margin-top: 8px; }

.el-link { display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; vertical-align: middle; position: relative; text-decoration: none; outline: 0px; padding: 0px; font-weight: 500; }

.el-link.is-underline:hover::after { position: absolute; left: 0px; right: 0px; height: 0px; bottom: 0px; border-bottom: 1px solid rgb(64, 158, 255); }

.el-link.el-link--default::after, .el-link.el-link--primary.is-underline:hover::after, .el-link.el-link--primary::after { border-color: rgb(64, 158, 255); }

.el-link.is-disabled { cursor: not-allowed; }

.el-link [class*="el-icon-"] + span { margin-left: 5px; }

.el-link.el-link--default { color: rgb(96, 98, 102); }

.el-link.el-link--default:hover { color: rgb(64, 158, 255); }

.el-link.el-link--default.is-disabled { color: rgb(192, 196, 204); }

.el-link.el-link--primary { color: rgb(64, 158, 255); }

.el-link.el-link--primary:hover { color: rgb(102, 177, 255); }

.el-link.el-link--primary.is-disabled { color: rgb(160, 207, 255); }

.el-link.el-link--danger.is-underline:hover::after, .el-link.el-link--danger::after { border-color: rgb(245, 108, 108); }

.el-link.el-link--danger { color: rgb(245, 108, 108); }

.el-link.el-link--danger:hover { color: rgb(247, 137, 137); }

.el-link.el-link--danger.is-disabled { color: rgb(250, 182, 182); }

.el-link.el-link--success.is-underline:hover::after, .el-link.el-link--success::after { border-color: rgb(103, 194, 58); }

.el-link.el-link--success { color: rgb(103, 194, 58); }

.el-link.el-link--success:hover { color: rgb(133, 206, 97); }

.el-link.el-link--success.is-disabled { color: rgb(179, 225, 157); }

.el-link.el-link--warning.is-underline:hover::after, .el-link.el-link--warning::after { border-color: rgb(230, 162, 60); }

.el-link.el-link--warning { color: rgb(230, 162, 60); }

.el-link.el-link--warning:hover { color: rgb(235, 181, 99); }

.el-link.el-link--warning.is-disabled { color: rgb(243, 209, 158); }

.el-link.el-link--info.is-underline:hover::after, .el-link.el-link--info::after { border-color: rgb(144, 147, 153); }

.el-link.el-link--info { color: rgb(144, 147, 153); }

.el-link.el-link--info:hover { color: rgb(166, 169, 173); }

.el-link.el-link--info.is-disabled { color: rgb(200, 201, 204); }

.el-divider { background-color: rgb(220, 223, 230); position: relative; }

.el-divider--horizontal { display: block; height: 1px; width: 100%; margin: 24px 0px; }

.el-divider--vertical { display: inline-block; width: 1px; height: 1em; margin: 0px 8px; vertical-align: middle; position: relative; }

.el-divider__text { position: absolute; background-color: rgb(255, 255, 255); padding: 0px 20px; font-weight: 500; color: rgb(48, 49, 51); }

.el-image__error, .el-image__placeholder { background: rgb(245, 247, 250); }

.el-divider__text.is-left { left: 20px; transform: translateY(-50%); }

.el-divider__text.is-center { left: 50%; transform: translateX(-50%) translateY(-50%); }

.el-divider__text.is-right { right: 20px; transform: translateY(-50%); }

.el-image__error, .el-image__inner, .el-image__placeholder { width: 100%; height: 100%; }

.el-image { position: relative; display: inline-block; overflow: hidden; }

.el-image__inner { vertical-align: top; }

.el-image__inner--center { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; }

.el-image__error { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: rgb(192, 196, 204); vertical-align: middle; }

.el-image-viewer__wrapper { position: fixed; inset: 0px; }

.el-image-viewer__btn { position: absolute; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; opacity: 0.8; box-sizing: border-box; user-select: none; }

.el-button, .el-checkbox, .el-checkbox-button__inner, .el-empty__image img, .el-image-viewer__btn, .el-radio { user-select: none; }

.el-image-viewer__close { top: 40px; right: 40px; width: 40px; height: 40px; font-size: 24px; color: rgb(255, 255, 255); background-color: rgb(96, 98, 102); }

.el-image-viewer__canvas { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.el-image-viewer__actions { left: 50%; bottom: 30px; transform: translateX(-50%); width: 282px; height: 44px; padding: 0px 23px; background-color: rgb(96, 98, 102); border-color: rgb(255, 255, 255); border-radius: 22px; }

.el-image-viewer__actions__inner { width: 100%; height: 100%; text-align: justify; cursor: default; font-size: 23px; color: rgb(255, 255, 255); display: flex; -webkit-box-align: center; align-items: center; justify-content: space-around; }

.el-image-viewer__next, .el-image-viewer__prev { width: 44px; height: 44px; font-size: 24px; color: rgb(255, 255, 255); background-color: rgb(96, 98, 102); border-color: rgb(255, 255, 255); top: 50%; }

.el-image-viewer__prev { left: 40px; }

.el-image-viewer__next, .el-image-viewer__prev { transform: translateY(-50%); }

.el-image-viewer__next { right: 40px; text-indent: 2px; }

.el-image-viewer__mask { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.5; background: rgb(0, 0, 0); }

.viewer-fade-enter-active { animation: 0.3s ease 0s 1 normal none running viewer-fade-in; }

.viewer-fade-leave-active { animation: 0.3s ease 0s 1 normal none running viewer-fade-out; }

@-webkit-keyframes viewer-fade-in { 
  0% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}

@keyframes viewer-fade-in { 
  0% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}

@-webkit-keyframes viewer-fade-out { 
  0% { transform: translateZ(0px); opacity: 1; }
  100% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
}

@keyframes viewer-fade-out { 
  0% { transform: translateZ(0px); opacity: 1; }
  100% { transform: translate3d(0px, -20px, 0px); opacity: 0; }
}

.el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(220, 223, 230); color: rgb(96, 98, 102); appearance: none; text-align: center; box-sizing: border-box; outline: 0px; margin: 0px; transition: 0.1s; font-weight: 500; padding: 12px 20px; font-size: 14px; border-radius: 4px; }

.el-button + .el-button, .el-checkbox.is-bordered + .el-checkbox.is-bordered { margin-left: 10px; }

.el-button:focus, .el-button:hover { color: rgb(64, 158, 255); border-color: rgb(198, 226, 255); background-color: rgb(236, 245, 255); }

.el-button:active { color: rgb(58, 142, 230); border-color: rgb(58, 142, 230); outline: 0px; }

.el-button [class*="el-icon-"] + span { margin-left: 5px; }

.el-button.is-plain:focus, .el-button.is-plain:hover { background: rgb(255, 255, 255); border-color: rgb(64, 158, 255); color: rgb(64, 158, 255); }

.el-button.is-active, .el-button.is-plain:active { color: rgb(58, 142, 230); border-color: rgb(58, 142, 230); }

.el-button.is-plain:active { background: rgb(255, 255, 255); outline: 0px; }

.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover { color: rgb(192, 196, 204); cursor: not-allowed; background-image: none; background-color: rgb(255, 255, 255); border-color: rgb(235, 238, 245); }

.el-button.is-disabled.el-button--text { background-color: transparent; }

.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover { background-color: rgb(255, 255, 255); border-color: rgb(235, 238, 245); color: rgb(192, 196, 204); }

.el-button.is-loading { position: relative; pointer-events: none; }

.el-button.is-loading::before { pointer-events: none; content: ""; position: absolute; inset: -1px; border-radius: inherit; background-color: rgba(255, 255, 255, 0.35); }

.el-button.is-round { border-radius: 20px; padding: 12px 23px; }

.el-button.is-circle { border-radius: 50%; padding: 12px; }

.el-button--primary { color: rgb(255, 255, 255); background-color: rgb(64, 158, 255); border-color: rgb(64, 158, 255); }

.el-button--primary:focus, .el-button--primary:hover { background: rgb(102, 177, 255); border-color: rgb(102, 177, 255); color: rgb(255, 255, 255); }

.el-button--primary.is-active, .el-button--primary:active { background: rgb(58, 142, 230); border-color: rgb(58, 142, 230); color: rgb(255, 255, 255); }

.el-button--primary:active { outline: 0px; }

.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover { color: rgb(255, 255, 255); background-color: rgb(160, 207, 255); border-color: rgb(160, 207, 255); }

.el-button--primary.is-plain { color: rgb(64, 158, 255); background: rgb(236, 245, 255); border-color: rgb(179, 216, 255); }

.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover { background: rgb(64, 158, 255); border-color: rgb(64, 158, 255); color: rgb(255, 255, 255); }

.el-button--primary.is-plain:active { background: rgb(58, 142, 230); border-color: rgb(58, 142, 230); color: rgb(255, 255, 255); outline: 0px; }

.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover { color: rgb(140, 197, 255); background-color: rgb(236, 245, 255); border-color: rgb(217, 236, 255); }

.el-button--success { color: rgb(255, 255, 255); background-color: rgb(103, 194, 58); border-color: rgb(103, 194, 58); }

.el-button--success:focus, .el-button--success:hover { background: rgb(133, 206, 97); border-color: rgb(133, 206, 97); color: rgb(255, 255, 255); }

.el-button--success.is-active, .el-button--success:active { background: rgb(93, 175, 52); border-color: rgb(93, 175, 52); color: rgb(255, 255, 255); }

.el-button--success:active { outline: 0px; }

.el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover { color: rgb(255, 255, 255); background-color: rgb(179, 225, 157); border-color: rgb(179, 225, 157); }

.el-button--success.is-plain { color: rgb(103, 194, 58); background: rgb(240, 249, 235); border-color: rgb(194, 231, 176); }

.el-button--success.is-plain:focus, .el-button--success.is-plain:hover { background: rgb(103, 194, 58); border-color: rgb(103, 194, 58); color: rgb(255, 255, 255); }

.el-button--success.is-plain:active { background: rgb(93, 175, 52); border-color: rgb(93, 175, 52); color: rgb(255, 255, 255); outline: 0px; }

.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover { color: rgb(164, 218, 137); background-color: rgb(240, 249, 235); border-color: rgb(225, 243, 216); }

.el-button--warning { color: rgb(255, 255, 255); background-color: rgb(230, 162, 60); border-color: rgb(230, 162, 60); }

.el-button--warning:focus, .el-button--warning:hover { background: rgb(235, 181, 99); border-color: rgb(235, 181, 99); color: rgb(255, 255, 255); }

.el-button--warning.is-active, .el-button--warning:active { background: rgb(207, 146, 54); border-color: rgb(207, 146, 54); color: rgb(255, 255, 255); }

.el-button--warning:active { outline: 0px; }

.el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover { color: rgb(255, 255, 255); background-color: rgb(243, 209, 158); border-color: rgb(243, 209, 158); }

.el-button--warning.is-plain { color: rgb(230, 162, 60); background: rgb(253, 246, 236); border-color: rgb(245, 218, 177); }

.el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover { background: rgb(230, 162, 60); border-color: rgb(230, 162, 60); color: rgb(255, 255, 255); }

.el-button--warning.is-plain:active { background: rgb(207, 146, 54); border-color: rgb(207, 146, 54); color: rgb(255, 255, 255); outline: 0px; }

.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover { color: rgb(240, 199, 138); background-color: rgb(253, 246, 236); border-color: rgb(250, 236, 216); }

.el-button--danger { color: rgb(255, 255, 255); background-color: rgb(245, 108, 108); border-color: rgb(245, 108, 108); }

.el-button--danger:focus, .el-button--danger:hover { background: rgb(247, 137, 137); border-color: rgb(247, 137, 137); color: rgb(255, 255, 255); }

.el-button--danger.is-active, .el-button--danger:active { background: rgb(221, 97, 97); border-color: rgb(221, 97, 97); color: rgb(255, 255, 255); }

.el-button--danger:active { outline: 0px; }

.el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover { color: rgb(255, 255, 255); background-color: rgb(250, 182, 182); border-color: rgb(250, 182, 182); }

.el-button--danger.is-plain { color: rgb(245, 108, 108); background: rgb(254, 240, 240); border-color: rgb(251, 196, 196); }

.el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover { background: rgb(245, 108, 108); border-color: rgb(245, 108, 108); color: rgb(255, 255, 255); }

.el-button--danger.is-plain:active { background: rgb(221, 97, 97); border-color: rgb(221, 97, 97); color: rgb(255, 255, 255); outline: 0px; }

.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover { color: rgb(249, 167, 167); background-color: rgb(254, 240, 240); border-color: rgb(253, 226, 226); }

.el-button--info { color: rgb(255, 255, 255); background-color: rgb(144, 147, 153); border-color: rgb(144, 147, 153); }

.el-button--info:focus, .el-button--info:hover { background: rgb(166, 169, 173); border-color: rgb(166, 169, 173); color: rgb(255, 255, 255); }

.el-button--info.is-active, .el-button--info:active { background: rgb(130, 132, 138); border-color: rgb(130, 132, 138); color: rgb(255, 255, 255); }

.el-button--info:active { outline: 0px; }

.el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover { color: rgb(255, 255, 255); background-color: rgb(200, 201, 204); border-color: rgb(200, 201, 204); }

.el-button--info.is-plain { color: rgb(144, 147, 153); background: rgb(244, 244, 245); border-color: rgb(211, 212, 214); }

.el-button--info.is-plain:focus, .el-button--info.is-plain:hover { background: rgb(144, 147, 153); border-color: rgb(144, 147, 153); color: rgb(255, 255, 255); }

.el-button--info.is-plain:active { background: rgb(130, 132, 138); border-color: rgb(130, 132, 138); color: rgb(255, 255, 255); outline: 0px; }

.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover { color: rgb(188, 190, 194); background-color: rgb(244, 244, 245); border-color: rgb(233, 233, 235); }

.el-button--medium { padding: 10px 20px; font-size: 14px; border-radius: 4px; }

.el-button--medium.is-round { padding: 10px 20px; }

.el-button--medium.is-circle { padding: 10px; }

.el-button--small { padding: 9px 15px; font-size: 12px; border-radius: 3px; }

.el-button--small.is-round { padding: 9px 15px; }

.el-button--small.is-circle { padding: 9px; }

.el-button--mini, .el-button--mini.is-round { padding: 7px 15px; }

.el-button--mini { font-size: 12px; border-radius: 3px; }

.el-button--mini.is-circle { padding: 7px; }

.el-button--text { border-color: transparent; color: rgb(64, 158, 255); background: 0px 0px; padding-left: 0px; padding-right: 0px; }

.el-button--text:focus, .el-button--text:hover { color: rgb(102, 177, 255); border-color: transparent; background-color: transparent; }

.el-button--text:active { color: rgb(58, 142, 230); background-color: transparent; }

.el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active { border-color: transparent; }

.el-button-group .el-button--danger:last-child, .el-button-group .el-button--danger:not(:first-child):not(:last-child), .el-button-group .el-button--info:last-child, .el-button-group .el-button--info:not(:first-child):not(:last-child), .el-button-group .el-button--primary:last-child, .el-button-group .el-button--primary:not(:first-child):not(:last-child), .el-button-group .el-button--success:last-child, .el-button-group .el-button--success:not(:first-child):not(:last-child), .el-button-group .el-button--warning:last-child, .el-button-group .el-button--warning:not(:first-child):not(:last-child), .el-button-group > .el-dropdown > .el-button { border-left-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--danger:first-child, .el-button-group .el-button--danger:not(:first-child):not(:last-child), .el-button-group .el-button--info:first-child, .el-button-group .el-button--info:not(:first-child):not(:last-child), .el-button-group .el-button--primary:first-child, .el-button-group .el-button--primary:not(:first-child):not(:last-child), .el-button-group .el-button--success:first-child, .el-button-group .el-button--success:not(:first-child):not(:last-child), .el-button-group .el-button--warning:first-child, .el-button-group .el-button--warning:not(:first-child):not(:last-child) { border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group { display: inline-block; vertical-align: middle; }

.el-button-group::after, .el-button-group::before { display: table; }

.el-button-group::after { clear: both; }

.el-button-group > .el-button { float: left; position: relative; }

.el-button-group > .el-button.is-disabled { z-index: 1; }

.el-button-group > .el-button:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.el-button-group > .el-button:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.el-button-group > .el-button:first-child:last-child { border-radius: 4px; }

.el-button-group > .el-button:first-child:last-child.is-round { border-radius: 20px; }

.el-button-group > .el-button:first-child:last-child.is-circle { border-radius: 50%; }

.el-button-group > .el-button:not(:first-child):not(:last-child) { border-radius: 0px; }

.el-button-group > .el-button.is-active, .el-button-group > .el-button:not(.is-disabled):active, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):hover { z-index: 1; }

.el-button-group > .el-dropdown > .el-button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.el-calendar { background-color: rgb(255, 255, 255); }

.el-calendar__header { display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid rgb(235, 238, 245); }

.el-backtop, .el-page-header { display: -webkit-box; }

.el-calendar__title { color: rgb(0, 0, 0); align-self: center; }

.el-calendar__body { padding: 12px 20px 35px; }

.el-calendar-table { table-layout: fixed; width: 100%; }

.el-calendar-table thead th { padding: 12px 0px; color: rgb(96, 98, 102); font-weight: 400; }

.el-calendar-table:not(.is-range) td.next, .el-calendar-table:not(.is-range) td.prev { color: rgb(192, 196, 204); }

.el-backtop, .el-calendar-table td.is-today { color: rgb(64, 158, 255); }

.el-calendar-table td { border-bottom: 1px solid rgb(235, 238, 245); border-right: 1px solid rgb(235, 238, 245); vertical-align: top; transition: background-color 0.2s; }

.el-calendar-table td.is-selected { background-color: rgb(242, 248, 254); }

.el-calendar-table tr:first-child td { border-top: 1px solid rgb(235, 238, 245); }

.el-calendar-table tr td:first-child { border-left: 1px solid rgb(235, 238, 245); }

.el-calendar-table tr.el-calendar-table__row--hide-border td { border-top: none; }

.el-calendar-table .el-calendar-day { box-sizing: border-box; padding: 8px; height: 85px; }

.el-calendar-table .el-calendar-day:hover { cursor: pointer; background-color: rgb(242, 248, 254); }

.el-backtop { position: fixed; background-color: rgb(255, 255, 255); width: 40px; height: 40px; border-radius: 50%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 20px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 6px; cursor: pointer; z-index: 5; }

.el-backtop:hover { background-color: rgb(242, 246, 252); }

.el-page-header { line-height: 24px; }

.el-page-header, .el-page-header__left { display: flex; }

.el-page-header__left { cursor: pointer; margin-right: 40px; position: relative; }

.el-page-header__left::after { position: absolute; width: 1px; height: 16px; right: -20px; top: 50%; transform: translateY(-50%); background-color: rgb(220, 223, 230); }

.el-checkbox, .el-checkbox__input { display: inline-block; position: relative; white-space: nowrap; }

.el-page-header__left .el-icon-back { font-size: 18px; margin-right: 6px; align-self: center; }

.el-page-header__title { font-size: 14px; font-weight: 500; }

.el-page-header__content { font-size: 18px; color: rgb(48, 49, 51); }

.el-checkbox { color: rgb(96, 98, 102); font-weight: 500; font-size: 14px; cursor: pointer; user-select: none; margin-right: 30px; }

.el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid rgb(220, 223, 230); box-sizing: border-box; line-height: normal; height: 40px; }

.el-checkbox.is-bordered.is-checked { border-color: rgb(64, 158, 255); }

.el-checkbox.is-bordered.is-disabled { border-color: rgb(235, 238, 245); cursor: not-allowed; }

.el-checkbox.is-bordered.el-checkbox--medium { padding: 7px 20px 7px 10px; border-radius: 4px; height: 36px; }

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { line-height: 17px; font-size: 14px; }

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { height: 14px; width: 14px; }

.el-checkbox.is-bordered.el-checkbox--small { padding: 5px 15px 5px 10px; border-radius: 3px; height: 32px; }

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { line-height: 15px; font-size: 12px; }

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { height: 12px; width: 12px; }

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { height: 6px; width: 2px; }

.el-checkbox.is-bordered.el-checkbox--mini { padding: 3px 15px 3px 10px; border-radius: 3px; height: 28px; }

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { line-height: 12px; font-size: 12px; }

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { height: 12px; width: 12px; }

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { height: 6px; width: 2px; }

.el-checkbox__input { cursor: pointer; outline: 0px; line-height: 1; vertical-align: middle; }

.el-checkbox__input.is-disabled .el-checkbox__inner { background-color: rgb(237, 242, 252); border-color: rgb(220, 223, 230); cursor: not-allowed; }

.el-checkbox__input.is-disabled .el-checkbox__inner::after { cursor: not-allowed; border-color: rgb(192, 196, 204); }

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { cursor: not-allowed; }

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: rgb(242, 246, 252); border-color: rgb(220, 223, 230); }

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: rgb(192, 196, 204); }

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: rgb(242, 246, 252); border-color: rgb(220, 223, 230); }

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { background-color: rgb(192, 196, 204); border-color: rgb(192, 196, 204); }

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: rgb(64, 158, 255); border-color: rgb(64, 158, 255); }

.el-checkbox__input.is-disabled + span.el-checkbox__label { color: rgb(192, 196, 204); cursor: not-allowed; }

.el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); }

.el-checkbox__input.is-checked + .el-checkbox__label { color: rgb(64, 158, 255); }

.el-checkbox__input.is-focus .el-checkbox__inner { border-color: rgb(64, 158, 255); }

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; background-color: rgb(255, 255, 255); height: 2px; transform: scale(0.5); left: 0px; right: 0px; top: 5px; }

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { display: none; }

.el-checkbox__inner { display: inline-block; position: relative; border: 1px solid rgb(220, 223, 230); border-radius: 2px; box-sizing: border-box; width: 14px; height: 14px; background-color: rgb(255, 255, 255); z-index: 1; transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }

.el-checkbox__inner:hover { border-color: rgb(64, 158, 255); }

.el-checkbox__inner::after { box-sizing: content-box; content: ""; border-width: 0px 1px 1px 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; transform-origin: center center; }

.el-checkbox__original { opacity: 0; outline: 0px; position: absolute; margin: 0px; width: 0px; height: 0px; z-index: -1; }

.el-checkbox-button, .el-checkbox-button__inner { display: inline-block; position: relative; }

.el-checkbox__label { display: inline-block; padding-left: 10px; line-height: 19px; font-size: 14px; }

.el-checkbox:last-of-type { margin-right: 0px; }

.el-checkbox-button__inner { line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: rgb(255, 255, 255); border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(220, 223, 230); border-right-color: rgb(220, 223, 230); border-bottom-color: rgb(220, 223, 230); border-image: initial; border-left-style: initial; border-left-color: initial; color: rgb(96, 98, 102); appearance: none; text-align: center; box-sizing: border-box; outline: 0px; margin: 0px; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); padding: 12px 20px; font-size: 14px; border-radius: 0px; }

.el-checkbox-button__inner.is-round { padding: 12px 20px; }

.el-checkbox-button__inner:hover { color: rgb(64, 158, 255); }

.el-checkbox-button__inner [class*="el-icon-"] { line-height: 0.9; }

.el-checkbox-button__inner [class*="el-icon-"] + span { margin-left: 5px; }

.el-checkbox-button__original { opacity: 0; outline: 0px; position: absolute; margin: 0px; z-index: -1; }

.el-radio, .el-radio__inner, .el-radio__input { position: relative; display: inline-block; }

.el-checkbox-button.is-checked .el-checkbox-button__inner { color: rgb(255, 255, 255); background-color: rgb(64, 158, 255); border-color: rgb(64, 158, 255); box-shadow: rgb(140, 197, 255) -1px 0px 0px 0px; }

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: rgb(64, 158, 255); }

.el-checkbox-button.is-disabled .el-checkbox-button__inner { color: rgb(192, 196, 204); cursor: not-allowed; background-image: none; background-color: rgb(255, 255, 255); border-color: rgb(235, 238, 245); box-shadow: none; }

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { border-left-color: rgb(235, 238, 245); }

.el-checkbox-button:first-child .el-checkbox-button__inner { border-left: 1px solid rgb(220, 223, 230); border-radius: 4px 0px 0px 4px; box-shadow: none !important; }

.el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: rgb(64, 158, 255); }

.el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0px 4px 4px 0px; }

.el-checkbox-button--medium .el-checkbox-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0px; }

.el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 10px 20px; }

.el-checkbox-button--small .el-checkbox-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0px; }

.el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 9px 15px; }

.el-checkbox-button--mini .el-checkbox-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0px; }

.el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 7px 15px; }

.el-checkbox-group { font-size: 0px; }

.el-avatar, .el-cascader-panel, .el-radio, .el-radio--medium.is-bordered .el-radio__label, .el-radio__label { font-size: 14px; }

.el-radio { color: rgb(96, 98, 102); font-weight: 500; line-height: 1; cursor: pointer; white-space: nowrap; outline: 0px; margin-right: 30px; }

.el-cascader-node > .el-radio, .el-radio:last-child { margin-right: 0px; }

.el-radio.is-bordered { padding: 12px 20px 0px 10px; border-radius: 4px; border: 1px solid rgb(220, 223, 230); box-sizing: border-box; height: 40px; }

.el-cascader-menu, .el-cascader-menu__list, .el-radio.is-bordered, .el-radio__inner { box-sizing: border-box; }

.el-radio.is-bordered.is-checked { border-color: rgb(64, 158, 255); }

.el-radio.is-bordered.is-disabled { cursor: not-allowed; border-color: rgb(235, 238, 245); }

.el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner { background-color: rgb(245, 247, 250); border-color: rgb(228, 231, 237); }

.el-radio.is-bordered + .el-radio.is-bordered { margin-left: 10px; }

.el-radio--medium.is-bordered { padding: 10px 20px 0px 10px; border-radius: 4px; height: 36px; }

.el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label { font-size: 12px; }

.el-radio--medium.is-bordered .el-radio__inner { height: 14px; width: 14px; }

.el-radio--small.is-bordered { padding: 8px 15px 0px 10px; border-radius: 3px; height: 32px; }

.el-radio--small.is-bordered .el-radio__inner { height: 12px; width: 12px; }

.el-radio--mini.is-bordered { padding: 6px 15px 0px 10px; border-radius: 3px; height: 28px; }

.el-radio--mini.is-bordered .el-radio__inner { height: 12px; width: 12px; }

.el-radio__input { white-space: nowrap; cursor: pointer; outline: 0px; line-height: 1; vertical-align: middle; }

.el-radio__input.is-disabled .el-radio__inner { cursor: not-allowed; }

.el-radio__input.is-disabled .el-radio__inner::after { cursor: not-allowed; background-color: rgb(245, 247, 250); }

.el-radio__input.is-disabled .el-radio__inner + .el-radio__label { cursor: not-allowed; }

.el-radio__input.is-disabled.is-checked .el-radio__inner::after { background-color: rgb(192, 196, 204); }

.el-radio__input.is-disabled + span.el-radio__label { color: rgb(192, 196, 204); cursor: not-allowed; }

.el-radio__input.is-checked .el-radio__inner { border-color: rgb(64, 158, 255); background: rgb(64, 158, 255); }

.el-radio__input.is-checked .el-radio__inner::after { transform: translate(-50%, -50%) scale(1); }

.el-radio__input.is-checked + .el-radio__label { color: rgb(64, 158, 255); }

.el-radio__input.is-focus .el-radio__inner { border-color: rgb(64, 158, 255); }

.el-radio__inner { border: 1px solid rgb(220, 223, 230); border-radius: 100%; width: 14px; height: 14px; background-color: rgb(255, 255, 255); cursor: pointer; box-sizing: border-box; }

.el-radio__inner:hover { border-color: rgb(64, 158, 255); }

.el-radio__inner::after { width: 4px; height: 4px; border-radius: 100%; background-color: rgb(255, 255, 255); content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; }

.el-radio__original { opacity: 0; outline: 0px; position: absolute; z-index: -1; inset: 0px; margin: 0px; }

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { box-shadow: rgb(64, 158, 255) 0px 0px 2px 2px; }

.el-radio__label { padding-left: 10px; }

.el-scrollbar { overflow: hidden; position: relative; }

.el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar, .el-scrollbar:hover > .el-scrollbar__bar { opacity: 1; transition: opacity 0.34s ease-out; }

.el-scrollbar__wrap { overflow: scroll; height: 100%; }

.el-scrollbar__wrap--hidden-default { scrollbar-width: none; }

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0px; height: 0px; }

.el-scrollbar__thumb { position: relative; display: block; width: 0px; height: 0px; cursor: pointer; border-radius: inherit; background-color: rgba(144, 147, 153, 0.3); transition: background-color 0.3s; }

.el-scrollbar__thumb:hover { background-color: rgba(144, 147, 153, 0.5); }

.el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; transition: opacity 0.12s ease-out; }

.el-scrollbar__bar.is-vertical { width: 6px; top: 2px; }

.el-scrollbar__bar.is-vertical > div { width: 100%; }

.el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; }

.el-scrollbar__bar.is-horizontal > div { height: 100%; }

.el-cascader-panel { display: flex; border-radius: 4px; }

.el-cascader-panel.is-bordered { border: 1px solid rgb(228, 231, 237); border-radius: 4px; }

.el-cascader-menu { min-width: 180px; box-sizing: border-box; color: rgb(96, 98, 102); border-right: 1px solid rgb(228, 231, 237); }

.el-cascader-menu:last-child { border-right: none; }

.el-cascader-menu__wrap { height: 204px; }

.el-cascader-menu__list { position: relative; min-height: 100%; margin: 0px; padding: 6px 0px; list-style: none; box-sizing: border-box; }

.el-cascader-menu__hover-zone { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }

.el-cascader-menu__empty-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: rgb(192, 196, 204); }

.el-cascader-node { position: relative; display: flex; -webkit-box-align: center; align-items: center; padding: 0px 30px 0px 20px; height: 34px; line-height: 34px; outline: 0px; }

.el-cascader-node.is-selectable.in-active-path { color: rgb(96, 98, 102); }

.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path { color: rgb(64, 158, 255); font-weight: 700; }

.el-cascader-node:not(.is-disabled) { cursor: pointer; }

.el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover { background: rgb(245, 247, 250); }

.el-cascader-node.is-disabled { color: rgb(192, 196, 204); cursor: not-allowed; }

.el-cascader-node__prefix { position: absolute; left: 10px; }

.el-cascader-node__postfix { position: absolute; right: 10px; }

.el-cascader-node__label { -webkit-box-flex: 1; flex: 1 1 0%; padding: 0px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.el-cascader-node > .el-radio .el-radio__label { padding-left: 0px; }

.el-avatar { display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden; color: rgb(255, 255, 255); background: rgb(192, 196, 204); width: 40px; height: 40px; line-height: 40px; }

.el-avatar, .el-drawer, .el-drawer__body > * { box-sizing: border-box; }

.el-avatar > img { display: block; height: 100%; vertical-align: middle; }

.el-empty__image img, .el-empty__image svg { vertical-align: top; height: 100%; width: 100%; }

.el-avatar--circle { border-radius: 50%; }

.el-avatar--square { border-radius: 4px; }

.el-avatar--icon { font-size: 18px; }

.el-avatar--large { width: 40px; height: 40px; line-height: 40px; }

.el-avatar--medium { width: 36px; height: 36px; line-height: 36px; }

.el-avatar--small { width: 28px; height: 28px; line-height: 28px; }

@-webkit-keyframes el-drawer-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes el-drawer-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes rtl-drawer-in { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}

@keyframes rtl-drawer-in { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}

@-webkit-keyframes rtl-drawer-out { 
  0% { transform: translate(0px); }
  100% { transform: translate(100%); }
}

@keyframes rtl-drawer-out { 
  0% { transform: translate(0px); }
  100% { transform: translate(100%); }
}

@-webkit-keyframes ltr-drawer-in { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}

@keyframes ltr-drawer-in { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}

@-webkit-keyframes ltr-drawer-out { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}

@keyframes ltr-drawer-out { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}

@-webkit-keyframes ttb-drawer-in { 
  0% { transform: translateY(-100%); }
  100% { transform: translate(0px); }
}

@keyframes ttb-drawer-in { 
  0% { transform: translateY(-100%); }
  100% { transform: translate(0px); }
}

@-webkit-keyframes ttb-drawer-out { 
  0% { transform: translate(0px); }
  100% { transform: translateY(-100%); }
}

@keyframes ttb-drawer-out { 
  0% { transform: translate(0px); }
  100% { transform: translateY(-100%); }
}

@-webkit-keyframes btt-drawer-in { 
  0% { transform: translateY(100%); }
  100% { transform: translate(0px); }
}

@keyframes btt-drawer-in { 
  0% { transform: translateY(100%); }
  100% { transform: translate(0px); }
}

@-webkit-keyframes btt-drawer-out { 
  0% { transform: translate(0px); }
  100% { transform: translateY(100%); }
}

@keyframes btt-drawer-out { 
  0% { transform: translate(0px); }
  100% { transform: translateY(100%); }
}

.el-drawer { position: absolute; box-sizing: border-box; background-color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px -5px, rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px; overflow: hidden; outline: 0px; }

.el-drawer.rtl { animation: 0.3s ease 0s 1 normal none running rtl-drawer-out; right: 0px; }

.el-drawer__open .el-drawer.rtl { animation: 0.3s ease 1ms 1 normal none running rtl-drawer-in; }

.el-drawer.ltr { animation: 0.3s ease 0s 1 normal none running ltr-drawer-out; left: 0px; }

.el-drawer__open .el-drawer.ltr { animation: 0.3s ease 1ms 1 normal none running ltr-drawer-in; }

.el-drawer.ttb { animation: 0.3s ease 0s 1 normal none running ttb-drawer-out; top: 0px; }

.el-drawer__open .el-drawer.ttb { animation: 0.3s ease 1ms 1 normal none running ttb-drawer-in; }

.el-drawer.btt { animation: 0.3s ease 0s 1 normal none running btt-drawer-out; bottom: 0px; }

.el-drawer__open .el-drawer.btt { animation: 0.3s ease 1ms 1 normal none running btt-drawer-in; }

.el-drawer__wrapper { position: fixed; inset: 0px; overflow: hidden; margin: 0px; }

.el-drawer__header { -webkit-box-align: center; align-items: center; color: rgb(114, 118, 123); display: flex; margin-bottom: 32px; padding: 20px 20px 0px; }

.el-drawer__header > :first-child, .el-drawer__title { -webkit-box-flex: 1; flex: 1 1 0%; }

.el-drawer__title { margin: 0px; line-height: inherit; font-size: 1rem; }

.el-drawer__close-btn { border: none; cursor: pointer; font-size: 20px; color: inherit; background-color: transparent; }

.el-drawer__body { -webkit-box-flex: 1; flex: 1 1 0%; overflow: auto; }

.el-drawer__body > * { box-sizing: border-box; }

.el-drawer.ltr, .el-drawer.rtl { height: 100%; top: 0px; bottom: 0px; }

.el-drawer.btt, .el-drawer.ttb, .el-drawer__container { width: 100%; left: 0px; right: 0px; }

.el-drawer__container { position: relative; top: 0px; bottom: 0px; height: 100%; }

.el-drawer-fade-enter-active { animation: 0.3s ease 0s 1 normal none running el-drawer-fade-in; }

.el-drawer-fade-leave-active { animation: 0.3s ease 0s 1 reverse none running el-drawer-fade-in; }

.el-statistic { width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; text-align: center; }

.el-statistic .head { margin-bottom: 4px; color: rgb(96, 98, 102); font-size: 13px; }

.el-statistic .con { font-family: sans-serif; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: rgb(48, 49, 51); }

.el-statistic .con .number { font-size: 20px; padding: 0px 4px; }

.el-statistic .con span { display: inline-block; margin: 0px; line-height: 100%; }

.el-popconfirm__main, .el-skeleton__image { -webkit-box-align: center; display: -webkit-box; }

.el-popconfirm__main { display: flex; -webkit-box-align: center; align-items: center; }

.el-popconfirm__icon { margin-right: 5px; }

.el-popconfirm__action { text-align: right; margin: 0px; }

@-webkit-keyframes el-skeleton-loading { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}

@keyframes el-skeleton-loading { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}

.el-skeleton { width: 100%; }

.el-skeleton__first-line, .el-skeleton__paragraph { height: 16px; margin-top: 16px; background: rgb(242, 242, 242); }

.el-skeleton.is-animated .el-skeleton__item { background: linear-gradient(90deg, rgb(242, 242, 242) 25%, rgb(230, 230, 230) 37%, rgb(242, 242, 242) 63%) 0% 0% / 400% 100%; animation: 1.4s ease 0s infinite normal none running el-skeleton-loading; }

.el-skeleton__item { background: rgb(242, 242, 242); display: inline-block; height: 16px; border-radius: 4px; width: 100%; }

.el-skeleton__circle { border-radius: 50%; width: 36px; height: 36px; line-height: 36px; }

.el-skeleton__circle--lg { width: 40px; height: 40px; line-height: 40px; }

.el-skeleton__circle--md { width: 28px; height: 28px; line-height: 28px; }

.el-skeleton__button { height: 40px; width: 64px; border-radius: 4px; }

.el-skeleton__p { width: 100%; }

.el-skeleton__p.is-last { width: 61%; }

.el-skeleton__p.is-first { width: 33%; }

.el-skeleton__text { width: 100%; height: 13px; }

.el-skeleton__caption { height: 12px; }

.el-skeleton__h1 { height: 20px; }

.el-skeleton__h3 { height: 18px; }

.el-skeleton__h5 { height: 16px; }

.el-skeleton__image { width: unset; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 0px; }

.el-skeleton__image svg { fill: rgb(220, 221, 224); width: 22%; height: 22%; }

.el-empty { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; box-sizing: border-box; padding: 40px 0px; }

.el-empty__image { width: 160px; }

.el-empty__image img { user-select: none; object-fit: contain; }

.el-empty__image svg { fill: rgb(220, 221, 224); }

.el-empty__description { margin-top: 20px; }

.el-empty__description p { margin: 0px; font-size: 14px; color: rgb(144, 147, 153); }

.el-empty__bottom, .el-result__title { margin-top: 20px; }

.el-descriptions { box-sizing: border-box; font-size: 14px; color: rgb(48, 49, 51); }

.el-descriptions__header { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 20px; }

.el-descriptions__title { font-size: 16px; font-weight: 700; }

.el-descriptions--mini, .el-descriptions--small { font-size: 12px; }

.el-descriptions__body { color: rgb(96, 98, 102); background-color: rgb(255, 255, 255); }

.el-descriptions__body .el-descriptions__table { border-collapse: collapse; width: 100%; table-layout: fixed; }

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell { box-sizing: border-box; text-align: left; font-weight: 400; line-height: 1.5; }

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left { text-align: left; }

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center { text-align: center; }

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right { text-align: right; }

.el-descriptions .is-bordered { table-layout: auto; }

.el-descriptions .is-bordered .el-descriptions-item__cell { border: 1px solid rgb(235, 238, 245); padding: 12px 10px; }

.el-descriptions :not(.is-bordered) .el-descriptions-item__cell { padding-bottom: 12px; }

.el-descriptions--medium.is-bordered .el-descriptions-item__cell { padding: 10px; }

.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell { padding-bottom: 10px; }

.el-descriptions--small.is-bordered .el-descriptions-item__cell { padding: 8px 10px; }

.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell { padding-bottom: 8px; }

.el-descriptions--mini.is-bordered .el-descriptions-item__cell { padding: 6px 10px; }

.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell { padding-bottom: 6px; }

.el-descriptions-item { vertical-align: top; }

.el-descriptions-item__container { display: flex; }

.el-descriptions-item__container .el-descriptions-item__content, .el-descriptions-item__container .el-descriptions-item__label { display: inline-flex; -webkit-box-align: baseline; align-items: baseline; }

.el-descriptions-item__container .el-descriptions-item__content { -webkit-box-flex: 1; flex: 1 1 0%; }

.el-descriptions-item__label.has-colon::after { content: ":"; position: relative; top: -0.5px; }

.el-descriptions-item__label.is-bordered-label { font-weight: 700; color: rgb(144, 147, 153); background: rgb(250, 250, 250); }

.el-descriptions-item__label:not(.is-bordered-label) { margin-right: 10px; }

.el-descriptions-item__content { word-break: break-word; overflow-wrap: break-word; }

.el-result { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; box-sizing: border-box; padding: 40px 30px; }

.el-result__icon svg { width: 64px; height: 64px; }

.el-result__title p { margin: 0px; font-size: 20px; color: rgb(48, 49, 51); line-height: 1.3; }

.el-result__subtitle { margin-top: 10px; }

.el-result__subtitle p { margin: 0px; font-size: 14px; color: rgb(96, 98, 102); line-height: 1.3; }

.el-result__extra { margin-top: 30px; }

.el-result .icon-success { fill: rgb(103, 194, 58); }

.el-result .icon-error { fill: rgb(245, 108, 108); }

.el-result .icon-info { fill: rgb(144, 147, 153); }

.el-result .icon-warning { fill: rgb(230, 162, 60); }

html { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 12px; }

blockquote, body, button, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, ol, p, pre, td, textarea, th, ul, xmp { margin: 0px; padding: 0px; }

big, button, h1, h2, h3, h4, h5, h6, input, select, small, textarea { font-size: 100%; outline: none 0px; }

li { outline: none 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

address, cite, dfn, em, i, optgroup, var { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0px; text-align: left; }

caption, th { text-align: inherit; }

menu, ol, ul { list-style: none; }

fieldset, img { border: 0px; }

button, img, input, object, select, textarea { vertical-align: middle; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

audio, canvas, video { display: inline-block; }

blockquote::after, blockquote::before, q::after, q::before { content: " "; }

textarea { overflow: auto; resize: vertical; }

a, button, input, select, textarea { outline: none 0px; border: none; background: none; }

mark { background-color: transparent; }

a, del, ins, s, u { text-decoration: none; }

sub, sup { vertical-align: baseline; }

html { height: 100%; -webkit-tap-highlight-color: transparent; }

body { color: rgb(51, 51, 51); font-size: 0.28em; text-size-adjust: none; }

hr { height: 0.02rem; margin: 0.1rem 0px; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 0.02rem solid rgb(202, 202, 202); }

a { text-decoration: none; }

img { image-rendering: -webkit-optimize-contrast; }

* { margin: 0px; padding: 0px; }

textarea { font-family: initial; }

body, html { font-size: 12px; color: rgb(51, 51, 51); text-size-adjust: none; zoom: 1; background: rgb(237, 241, 247); word-break: break-all; }

.pub-margin-left { margin: 0px auto; width: 1197px; }

button { cursor: pointer; }

.progress-bt { -webkit-box-pack: justify; justify-content: space-between; width: 894px; height: 71px; padding: 0px 30px; margin-bottom: 33px; line-height: 71px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); background: rgb(255, 255, 255); border-radius: 8px; }

.progress-bt, .progress-bt .left-text { display: flex; }

.progress-bt .left-text .replace-text { margin-left: 130px; }

.progress-bt .left-text .replace-text i { color: rgb(204, 204, 204); margin-left: 9px; }

.progress-bt .choose-text span { color: rgb(255, 94, 1); margin: 0px 5px; }

.progress-bt label.el-checkbox > span.el-checkbox__label { line-height: 71px; font-weight: 400; font-size: 20px; color: rgb(51, 51, 51); }

.progress-bt label.el-checkbox > span.el-checkbox__input > .el-checkbox__inner { width: 16px; height: 16px; border-radius: 4px; border: 1px solid rgb(220, 222, 227); vertical-align: 2px; }

.progress-bt label.el-checkbox > span.el-checkbox__input > .el-checkbox__inner::after { height: 9px; left: 5px; }

.progress-bt label.el-checkbox.is-checked > span.el-checkbox__input.is-checked .el-checkbox__inner { border: 1px solid rgb(0, 135, 255); }

.progress-bt label.el-checkbox.is-checked > span.el-checkbox__input.is-checked .el-checkbox__inner::after { height: 9px; left: 5px; }

.progress-bt .el-button.el-button--primary { width: 120px; height: 40px; font-size: 14px; }

.progress-bt .el-button.el-button--primary.first-btn { background-color: rgb(255, 255, 255); border: 1px solid rgb(220, 222, 227); color: rgb(102, 102, 102); }

.middle-wrap { width: 1200px; margin: 0px auto; }

.setmeal-order-dialog .order-con { width: 740px; background: rgb(241, 250, 255); padding: 25px 30px; box-sizing: border-box; margin-bottom: 20px; }

.setmeal-order-dialog .order-con .order-con-dl { font-size: 16px; border-bottom: 1px solid rgb(237, 241, 247); padding-bottom: 30px; line-height: 22px; margin-bottom: 26px; }

.setmeal-order-dialog .order-con .order-con-old-price { color: rgb(204, 204, 204); text-decoration: line-through; margin-right: 48px; }

.setmeal-order-dialog .order-con p { font-size: 16px; line-height: 22px; text-align: right; }

.setmeal-order-dialog .order-con p + p { margin-top: 16px; }

.setmeal-order-dialog .order-con-type { font-size: 16px; }

.setmeal-order-dialog .order-con-type .iconweixin { color: rgb(9, 187, 7); }

.setmeal-order-dialog .order-con-type .iconz-alipay { color: rgb(17, 135, 232); }

.setmeal-order-dialog .order-con-type .el-radio-group { height: 20px; line-height: 20px; }

.setmeal-order-dialog .order-con-type .el-radio-group i { vertical-align: -1px; }

.setmeal-order-dialog .order-con-type .el-radio { color: rgb(102, 102, 102); }

.setmeal-order-dialog .order-con-type .el-radio.is-checked .el-radio__input.is-checked .el-radio__inner { border-color: rgb(0, 202, 111); background: rgb(0, 202, 111); }

.setmeal-order-dialog .order-con-type .el-radio.is-checked .el-radio__input.is-checked + .el-radio__label { color: rgb(102, 102, 102); }

.setmeal-order-dialog .order-con-type .el-radio .el-radio__input .el-radio__inner:hover { border-color: rgb(0, 202, 111); }

.setmeal-order-dialog .order-con-type .fr span { color: rgb(255, 94, 1); font-size: 24px; }

.setmeal-order-dialog .order-con-type .fr span sub { font-size: 14px; }

.setmeal-order-dialog .el-button { width: 140px; background: rgb(0, 135, 255); }

.setmeal-order-dialog .el-button:hover { opacity: 0.95; }

.setmeal-order-dialog .el-button.payColor.el-button--primary { opacity: 1; }

.el-button--primary { background-color: rgb(0, 135, 255); }

.el-button--primary:hover { background-color: rgb(0, 135, 255); opacity: 0.95; }

.setmeal-order-dialog .el-dialog__header { padding-left: 30px; }

.setmeal-order-dialog .el-dialog__body { padding: 10px 30px 0px; }

.setmeal-order-dialog .el-dialog__footer { padding: 30px; }

.setmeal-ewm-dialog { text-align: center; font-size: 14px; line-height: 20px; color: rgb(102, 102, 102); }

.setmeal-ewm-dialog p { margin-bottom: 20px; }

.setmeal-ewm-dialog .ewm-bg { top: -89px; position: absolute; left: 0px; }

.setmeal-ewm-dialog .el-dialog__body { padding: 10px 0px 51px; }

.setmeal-ewm-dialog .close { top: -14px; position: absolute; right: -14px; cursor: pointer; }

.setmeal-ewm-dialog .ewm { height: 209px; }

.cursor-has { cursor: pointer; }

.el-popper { z-index: 1999 !important; }

.notice-dialog .el-dialog { width: 384px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; border-radius: 8px; }

.notice-dialog .el-dialog .el-dialog__header { font-weight: 600; font-size: 18px; color: rgb(51, 51, 51); text-align: center; padding: 30px 25px 10px 30px; }

.notice-dialog .el-dialog .el-dialog__body { text-align: center; font-size: 16px; }

.notice-dialog .el-dialog .el-dialog__body .text { font-size: 16px; }

.notice-dialog .el-dialog .el-dialog__footer { text-align: center; }

.notice-dialog .el-dialog .el-dialog__footer .el-button { padding: 9px 30px; width: 100px; height: 40px; border-radius: 4px; font-weight: 500; font-size: 16px; }

.notice-dialog .el-dialog .el-dialog__footer .el-button:first-child { color: rgb(51, 51, 51); }

.notice-dialog .el-dialog .el-dialog__footer .el-button:last-child { background: rgb(0, 135, 255); border: none; }

.notice-dialog .el-dialog .el-dialog__footer .el-button:last-child:hover { opacity: 0.95; }

.notice-message { width: 384px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; border-radius: 8px; }

.notice-message .el-message-box__header { padding: 30px 25px 10px 30px; }

.notice-message .el-message-box__header .el-message-box__title { color: rgb(51, 51, 51); font-weight: 600; text-align: center; line-height: 25px; }

.notice-message .el-message-box__content { padding: 20px 30px 30px; color: rgb(102, 102, 102); font-size: 16px; }

.notice-message .el-message-box__content .el-message-box__message { text-align: center; }

.notice-message .el-message-box__btns { text-align: center; padding-bottom: 20px; }

.notice-message .el-message-box__btns .el-button { width: 220px; height: 40px; background: rgb(0, 135, 255); border: none; border-radius: 4px; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 22px; }

.notice-message .el-message-box__btns .el-button:hover { opacity: 0.95; }

.confirm-message, .confirm-message-appoint, .confirm-password { width: 384px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; border-radius: 8px; }

.confirm-message-appoint.confirm-message-appoint, .confirm-message.confirm-message-appoint, .confirm-password.confirm-message-appoint { width: 461px; }

.confirm-message-appoint.confirm-message-appoint .el-message-box__btns, .confirm-message.confirm-message-appoint .el-message-box__btns, .confirm-password.confirm-message-appoint .el-message-box__btns { text-align: center; padding-bottom: 20px; }

.confirm-message-appoint.confirm-message-appoint .el-message-box__btns .el-button:first-child, .confirm-message.confirm-message-appoint .el-message-box__btns .el-button:first-child, .confirm-password.confirm-message-appoint .el-message-box__btns .el-button:first-child { min-width: 100px; height: 40px; background: rgb(0, 135, 255); border: none; border-radius: 4px; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 22px; margin-left: 20px; }

.confirm-message-appoint.confirm-message-appoint .el-message-box__btns .el-button:first-child:hover, .confirm-message.confirm-message-appoint .el-message-box__btns .el-button:first-child:hover, .confirm-password.confirm-message-appoint .el-message-box__btns .el-button:first-child:hover { opacity: 0.95; background: rgb(0, 135, 255); }

.confirm-message-appoint.confirm-message-appoint .el-message-box__btns .el-button:nth-child(2), .confirm-message.confirm-message-appoint .el-message-box__btns .el-button:nth-child(2), .confirm-password.confirm-message-appoint .el-message-box__btns .el-button:nth-child(2) { min-width: 100px; height: 40px; background: rgb(255, 255, 255); border-radius: 4px; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); line-height: 22px; border: 1px solid rgb(204, 204, 204); }

.confirm-message-appoint.confirm-message-appoint .el-message-box__btns .el-button:nth-child(2):hover, .confirm-message.confirm-message-appoint .el-message-box__btns .el-button:nth-child(2):hover, .confirm-password.confirm-message-appoint .el-message-box__btns .el-button:nth-child(2):hover { background: rgb(238, 238, 238); }

.confirm-message-appoint .el-message-box__header, .confirm-message .el-message-box__header, .confirm-password .el-message-box__header { padding: 30px 25px 10px 30px; }

.confirm-message-appoint .el-message-box__header .el-message-box__title, .confirm-message .el-message-box__header .el-message-box__title, .confirm-password .el-message-box__header .el-message-box__title { color: rgb(51, 51, 51); font-weight: 600; text-align: center; line-height: 25px; }

.confirm-message-appoint .el-message-box__content, .confirm-message .el-message-box__content, .confirm-password .el-message-box__content { padding: 20px 30px 30px; color: rgb(102, 102, 102); font-size: 16px; }

.confirm-message-appoint .el-message-box__content .el-message-box__message, .confirm-message .el-message-box__content .el-message-box__message, .confirm-password .el-message-box__content .el-message-box__message { text-align: center; }

.confirm-message-appoint .el-message-box__btns, .confirm-message .el-message-box__btns, .confirm-password .el-message-box__btns { text-align: center; padding-bottom: 20px; }

.confirm-message-appoint .el-message-box__btns .el-button:first-child, .confirm-message .el-message-box__btns .el-button:first-child, .confirm-password .el-message-box__btns .el-button:first-child { min-width: 100px; height: 40px; background: rgb(255, 255, 255); border-radius: 4px; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); line-height: 22px; border: 1px solid rgb(204, 204, 204); }

.confirm-message-appoint .el-message-box__btns .el-button:first-child:hover, .confirm-message .el-message-box__btns .el-button:first-child:hover, .confirm-password .el-message-box__btns .el-button:first-child:hover { background: rgb(238, 238, 238); }

.confirm-message-appoint .el-message-box__btns .el-button.editBtn, .confirm-message .el-message-box__btns .el-button.editBtn, .confirm-password .el-message-box__btns .el-button.editBtn { border: none; background: rgb(0, 135, 255) !important; color: rgb(255, 255, 255) !important; }

.confirm-message-appoint .el-message-box__btns .el-button.editBtn:hover, .confirm-message .el-message-box__btns .el-button.editBtn:hover, .confirm-password .el-message-box__btns .el-button.editBtn:hover { background: rgb(0, 135, 255); opacity: 0.95; }

.confirm-message-appoint .el-message-box__btns .el-button:nth-child(2), .confirm-message .el-message-box__btns .el-button:nth-child(2), .confirm-password .el-message-box__btns .el-button:nth-child(2) { min-width: 100px; height: 40px; background: rgb(0, 135, 255); border: none; border-radius: 4px; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 22px; margin-left: 20px; }

.confirm-message-appoint .el-message-box__btns .el-button:nth-child(2):hover, .confirm-message .el-message-box__btns .el-button:nth-child(2):hover, .confirm-password .el-message-box__btns .el-button:nth-child(2):hover { opacity: 0.95; }

.confirm-password .el-message-box__header { padding: 30px 25px 0px 30px; }

.confirm-password .el-message-box__content { padding: 20px 30px; }

.confirm-password .el-message-box__content .el-message-box__message { text-align: left; }

.confirm-password .el-message-box__btns { text-align: center; padding-bottom: 20px; }

.confirm-password .el-message-box__btns .el-button:first-child { width: 132px; height: 40px; background: rgb(0, 135, 255); border-radius: 4px; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 22px; border: none; }

.confirm-password .el-message-box__btns .el-button:first-child:hover { background: rgb(0, 135, 255); opacity: 0.95; }

.confirm-password .el-message-box__btns .el-button:nth-child(2) { width: 132px; height: 40px; background: rgb(0, 135, 255); border-radius: 4px; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); line-height: 22px; margin-left: 20px; border: none; }

.confirm-password .el-message-box__btns .el-button:nth-child(2):hover { opacity: 0.95; }

.none-list { margin-top: -30px; text-align: center; }

.none-list span { font-size: 14px; color: rgb(153, 153, 153); }

.el-dialog__wrapper.videoDialog .el-dialog, .el-dialog__wrapper.videoDialogTeacher .el-dialog { width: 1000px; border-radius: 20px; }

.el-dialog__wrapper.videoDialog .el-dialog__header, .el-dialog__wrapper.videoDialogTeacher .el-dialog__header { padding-top: 0px; }

.el-dialog__wrapper.videoDialog .el-dialog__header .el-dialog__headerbtn, .el-dialog__wrapper.videoDialogTeacher .el-dialog__header .el-dialog__headerbtn { border: none !important; background: none !important; }

.el-dialog__wrapper.videoDialog .el-dialog__header .el-dialog__close.el-icon.el-icon-close, .el-dialog__wrapper.videoDialogTeacher .el-dialog__header .el-dialog__close.el-icon.el-icon-close { position: absolute; font-size: 40px; top: -23px; left: 27px; color: rgb(255, 255, 255); }

.el-dialog__wrapper.videoDialog .el-dialog__body, .el-dialog__wrapper.videoDialogTeacher .el-dialog__body { padding: 25px; }

.el-dialog__wrapper.videoDialog .el-dialog__body .video, .el-dialog__wrapper.videoDialogTeacher .el-dialog__body .video { background-color: rgb(0, 0, 0); }

.el-dialog__wrapper.videoDialogTeacher { overflow: hidden; }

.el-dialog__wrapper.videoDialogTeacher .el-dialog { width: 85%; min-width: 400px; margin-top: 8vh !important; }

.el-dialog__wrapper.videoDialogTeacher .el-dialog__body { padding: 25px; text-align: center; }

.el-dialog__wrapper.videoDialogTeacher .el-dialog__body .video-wrap video { width: 100%; max-height: 750px; object-fit: contain; }

.el-loading-mask { z-index: 1000; }

button.el-button.el-button--primary { border: none; }

.clearfix::after, .clearfix::before { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; }

.fl { float: left; }

.fr { float: right; }

.gray { color: rgb(153, 153, 153); }

.blue { color: rgb(25, 137, 250); }

.orange { color: rgb(255, 94, 1); }

.header-popovers { padding: 4px 0px; transform: scaleX(0.8); border: none; z-index: 3000 !important; }

.header-popovers .popover-ul { text-align: center; transform: scaleX(1.25); font-size: 14px; font-weight: 400; margin-left: 17px; cursor: pointer; }

.header-popovers .popover-ul li { width: 120px; height: 36px; line-height: 36px; }

.header-popovers .popover-ul li:hover { background: rgb(0, 135, 255); color: rgb(255, 255, 255); }

.el-breadcrumb-item span { cursor: pointer; }

.el-tabs__item { font-weight: 600; }

:focus { outline: 0px; }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; }

input[type="number"] { }

.blue-title { color: rgb(51, 51, 51); margin-bottom: 30px; font-weight: 700; font-size: 20px; }

.iconiconfontquestion { cursor: help; }

#material-list .main-wrap { padding-bottom: 2px !important; min-height: 450px !important; }

#material-list .material-list { padding-bottom: 30px; border-bottom: 1px solid rgb(220, 222, 227); margin-bottom: 30px; background-color: rgb(255, 255, 255); }

#material-list .material-list li { position: relative; margin-top: 40px; }

#material-list .material-list li .mat-time { font-size: 16px; font-weight: 500; color: rgb(255, 94, 1); }

#material-list .material-list li .mat-time i.iconjishi { color: rgb(204, 204, 204); margin-right: 5px; }

#material-list .material-list li .mat-time i.iconchushaixuanxiang { position: absolute; right: 0px; font-size: 20px; }

#material-list .material-list li .spot-line { position: relative; width: 100%; border-bottom: 1px solid rgb(220, 222, 227); margin: 23px 0px 30px; }

#material-list .material-list li .spot-line span { position: absolute; display: block; height: 7px; width: 7px; background: rgb(255, 255, 255); border-top: 1px solid rgb(220, 222, 227); border-left: 1px solid rgb(220, 222, 227); transform: rotate(45deg); margin-top: -4px; left: 5px; }

#material-list .material-list li .mat-content { font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); }

#material-list .material-list li .mat-content div.el-select { width: 300px; height: 40px; background: rgb(255, 255, 255); border-radius: 8px; margin: 0px 30px 0px 15px; }

#material-list .material-list li .mat-content .text > div.el-input { width: 43px; height: 40px; background: rgb(255, 255, 255); border-radius: 8px; margin: 0px 10px; }

#material-list .material-list li .mat-content .text > div.el-input.fill-input .el-input__inner { padding: 0px 10px; text-align: center; }

#material-list .material-list li .mat-content .text > span { color: rgb(0, 135, 255); }

#material-list .material-list li .mat-content .text .clickBtn { cursor: pointer; }

#material-list .material-list li .mat-content .text .clickBtn.sure { margin: 0px 20px; }

#material-list .material-list li .mat-content div + div { margin-top: 20px; }

#material-list .progress-bt { margin-top: 10px; }

#material-list .progress-bt .replace-text { margin-left: 50px; }

.el-tooltip__popper { max-width: 500px; }

#app { -webkit-font-smoothing: antialiased; position: relative; min-height: 100vh; }

.bottom-wrap[data-v-e4b5ec00] { position: fixed; bottom: 0px; z-index: 10; width: 100%; height: 100px; background: rgba(0, 0, 0, 0.7); }

.bottom-wrap .inner-wrap[data-v-e4b5ec00] { -webkit-box-pack: justify; justify-content: space-between; width: 1200px; height: 100px; margin: auto; cursor: pointer; }

.bottom-wrap .inner-wrap .left-wrap[data-v-e4b5ec00], .bottom-wrap .inner-wrap[data-v-e4b5ec00] { display: flex; -webkit-box-align: center; align-items: center; }

.bottom-wrap .inner-wrap .left-wrap .icon[data-v-e4b5ec00] { width: 74px; height: 72px; margin-right: 17px; }

.bottom-wrap .inner-wrap .left-wrap .allow[data-v-e4b5ec00] { width: 33px; height: 24px; margin-left: 16px; }

.bottom-wrap .inner-wrap .left-wrap .right[data-v-e4b5ec00] { display: flex; -webkit-box-align: center; align-items: center; font-size: 38px; font-weight: 500; line-height: 42px; color: rgb(255, 255, 255); letter-spacing: 5px; }

.bottom-wrap .inner-wrap .left-wrap .right .num[data-v-e4b5ec00] { font-size: 48px; margin-right: 5px; }

.bottom-wrap .inner-wrap .left-wrap .right .active[data-v-e4b5ec00] { color: rgb(255, 170, 0); }

.bottom-wrap .inner-wrap .right-btn[data-v-e4b5ec00] { width: 300px; height: 60px; background: linear-gradient(103deg, rgb(255, 92, 1), rgb(255, 153, 0)); border-radius: 60px; text-align: center; font-size: 28px; font-weight: 500; color: rgb(255, 255, 255); line-height: 60px; }

[data-v-0e12c217] .el-dialog__body, [data-v-0e12c217] .el-dialog__header { padding: 0px; }

[data-v-0e12c217] .el-dialog { border-radius: 24px; }

[data-v-0e12c217] .el-form-item { border-radius: 20px; }

.container[data-v-0e12c217] { position: relative; width: 450px; background: linear-gradient(rgb(255, 251, 242), rgb(255, 255, 255)); border-radius: 24px; }

.container .close[data-v-0e12c217] { position: absolute; top: 0px; right: -90px; cursor: pointer; width: 40px; height: 40px; }

.container .title-wrap[data-v-0e12c217] { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 341px; margin: 0px auto 25px; padding-top: 35px; }

.container .title-wrap .top[data-v-0e12c217] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 7px; }

.container .title-wrap .top .left-line[data-v-0e12c217] { width: 80px; height: 4px; background: linear-gradient(252deg, rgb(255, 92, 1), rgba(255, 255, 255, 0) 92%); border-radius: 60px; opacity: 0.5; }

.container .title-wrap .top .right-line[data-v-0e12c217] { width: 80px; height: 4px; background: linear-gradient(126deg, rgb(255, 92, 1), rgba(255, 255, 255, 0) 87%); border-radius: 60px; opacity: 0.5; }

.container .title-wrap .top .text[data-v-0e12c217] { font-size: 28px; line-height: 40px; font-weight: 700; color: rgb(255, 92, 1); }

.container .title-wrap .bottom[data-v-0e12c217] { font-size: 24px; line-height: 40px; color: rgb(255, 92, 1); text-align: center; }

.container .input[data-v-0e12c217] { position: relative; width: 404px; display: block; margin: 0px auto; }

.container .input[data-v-0e12c217] .el-input__inner { width: 404px; height: 60px; border-radius: 60px; border: 1px solid rgb(237, 241, 247); font-size: 22px; padding-left: 86px; }

.container .input[data-v-0e12c217] .el-input__inner::-webkit-input-placeholder { font-size: 22px; font-weight: 500; color: rgb(204, 204, 204); }

.container .input[data-v-0e12c217] .el-input__inner::placeholder { font-size: 22px; font-weight: 500; color: rgb(204, 204, 204); }

.container .input .code[data-v-0e12c217] { right: 35px; width: 100px; font-size: 20px; font-weight: 400; color: rgb(0, 135, 255); line-height: 36px; text-align: center; }

.container .input .code[data-v-0e12c217], .container .input .send_code[data-v-0e12c217] { display: block; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }

.container .input .send_code[data-v-0e12c217] { right: 25px; width: 110px; height: 50px; border-radius: 4px; }

.container .input .time[data-v-0e12c217] { color: rgb(153, 153, 153); }

.container[data-v-0e12c217] .el-input__prefix { display: flex; -webkit-box-align: center; align-items: center; margin-left: 41px; }

.container .button[data-v-0e12c217] { width: 399px; height: 60px; background: linear-gradient(103deg, rgb(255, 92, 1), rgb(255, 153, 0)); border-radius: 60px; font-size: 24px; font-weight: 500; color: rgb(255, 255, 255); line-height: 60px; margin: 20px auto; text-align: center; cursor: pointer; }

.container .tip[data-v-0e12c217] { font-size: 14px; font-weight: 400; color: rgb(144, 147, 153); line-height: 16px; margin-bottom: 28px; }

.container .blue[data-v-0e12c217] { color: rgb(0, 135, 255); }

.container[data-v-0e12c217] .el-checkbox__inner { border-radius: 50%; }

.container[data-v-0e12c217] .el-checkbox__inner:hover { border-color: rgb(255, 92, 1); }

.container[data-v-0e12c217] .el-checkbox__input.is-checked .el-checkbox__inner, .container[data-v-0e12c217] .el-checkbox__input.is-indeterminate .el-checkbox__inner { background: rgb(255, 92, 1); border-color: rgb(255, 92, 1); }

.container[data-v-0e12c217] .el-checkbox__input .el-checkbox__inner:hover, .container[data-v-0e12c217] .el-checkbox__input.is-focus .el-checkbox__inner { border-color: rgb(255, 92, 1); }

.container .flex-c[data-v-0e12c217] { display: flex; -webkit-box-pack: center; justify-content: center; }

.container[data-v-0e12c217] .el-form-item__error { width: 100%; text-align: center; color: rgb(255, 92, 1); }

[data-v-01ed77f0] .el-dialog__body { background: rgb(245, 246, 249); padding: 20px 40px 28px; border-radius: 0px 0px 24px 24px; }

[data-v-01ed77f0] .el-dialog__header { background: rgb(245, 246, 249); border-radius: 24px 24px 0px 0px; padding: 40px 40px 0px; }

[data-v-01ed77f0] .el-dialog__title { font-size: 20px; font-weight: 700; color: rgb(51, 51, 51); line-height: 20px; }

[data-v-01ed77f0] .el-dialog__headerbtn { right: 40px; top: 40px; color: rgb(204, 204, 204); }

[data-v-01ed77f0] .el-dialog { border-radius: 24px; }

.title[data-v-01ed77f0] { font-size: 18px; font-weight: 500; color: rgb(51, 51, 51); line-height: 19px; }

.top-wrap[data-v-01ed77f0] { width: 511px; background: rgb(255, 255, 255); border-radius: 8px; box-sizing: border-box; padding: 20px 20px 30px; }

.top-wrap .block-wrap[data-v-01ed77f0] { display: flex; -webkit-box-align: end; align-items: end; padding-top: 40px; padding-bottom: 11px; border-bottom: 3px solid rgb(241, 241, 241); }

.top-wrap .block-wrap .item[data-v-01ed77f0] { display: inline-block; position: relative; width: 38px; height: 26px; background: rgb(241, 241, 241); border-radius: 2px; margin-right: 10px; cursor: pointer; }

.top-wrap .block-wrap .item[data-v-01ed77f0]:last-child { margin-right: 0px; }

.top-wrap .block-wrap .item .num[data-v-01ed77f0] { position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%); font-size: 14px; font-weight: 500; color: rgb(153, 153, 153); }

.top-wrap .block-wrap .item .num-active[data-v-01ed77f0] { color: rgb(255, 255, 255); }

.top-wrap .block-wrap .item .my-level[data-v-01ed77f0] { position: absolute; top: -29px; left: -12px; height: 19px; border-radius: 4px; width: 56px; box-sizing: border-box; background: rgb(0, 135, 255); font-size: 12px; font-weight: 400; text-align: center; color: rgb(255, 255, 255); line-height: 19px; }

.top-wrap .block-wrap .item .my-level[data-v-01ed77f0]::before { position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: rgb(0, 135, 255) transparent transparent; border-image: initial; }

.top-wrap .block-wrap .item .bottom-line[data-v-01ed77f0] { position: absolute; bottom: -14px; width: 38px; height: 3px; background: rgb(0, 135, 255); border-radius: 60px; }

.top-wrap .block-wrap .active[data-v-01ed77f0] { background: rgb(0, 135, 255); color: rgb(255, 255, 255); }

.top-wrap .tip[data-v-01ed77f0] { margin-top: 10px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); line-height: 21px; }

.bottom-wrap[data-v-01ed77f0] { width: 511px; background: rgb(255, 255, 255); border-radius: 8px; box-sizing: border-box; padding: 20px 20px 0px; margin-top: 20px; }

.bottom-wrap .date-wrap[data-v-01ed77f0] { margin-bottom: 20px; margin-top: 20px; width: 100%; height: 48px; border-radius: 4px; border: 1px solid rgb(220, 222, 227); }

.bottom-wrap .date-wrap .item[data-v-01ed77f0], .bottom-wrap .date-wrap[data-v-01ed77f0] { display: flex; -webkit-box-align: center; align-items: center; }

.bottom-wrap .date-wrap .item[data-v-01ed77f0] { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; flex: 1 1 0%; height: 100%; cursor: pointer; border-right: 1px solid rgb(220, 222, 227); }

.bottom-wrap .date-wrap .item[data-v-01ed77f0]:last-child { border-right: none; }

.bottom-wrap .date-wrap .item .week[data-v-01ed77f0] { font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); line-height: 14px; }

.bottom-wrap .date-wrap .item .date[data-v-01ed77f0] { font-size: 12px; font-weight: 400; color: rgb(51, 51, 51); line-height: 14px; margin-bottom: 5px; }

.bottom-wrap .date-wrap .active-item[data-v-01ed77f0] { background: rgb(0, 135, 255); }

.bottom-wrap .date-wrap .active-item .date[data-v-01ed77f0], .bottom-wrap .date-wrap .active-item .week[data-v-01ed77f0] { color: rgb(255, 255, 255); }

.bottom-wrap .time-wrap[data-v-01ed77f0] { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; }

.bottom-wrap .time-wrap .item[data-v-01ed77f0] { margin-bottom: 20px; box-sizing: border-box; width: 136px; height: 30px; border-radius: 4px; border: 1px solid rgb(213, 213, 213); font-size: 14px; font-weight: 500; color: rgb(102, 102, 102); line-height: 30px; text-align: center; cursor: pointer; }

.bottom-wrap .time-wrap .item[data-v-01ed77f0]:nth-child(3n+2) { margin-left: 30px; margin-right: 30px; }

.bottom-wrap .time-wrap .active[data-v-01ed77f0] { background: rgb(0, 135, 255); border: 1px solid rgb(0, 135, 255); color: rgb(255, 255, 255); }

.bottom-wrap .time-wrap .disabled[data-v-01ed77f0] { background: rgb(241, 241, 241); border: 1px solid rgb(213, 213, 213); }

.tip2[data-v-01ed77f0] { font-size: 12px; font-weight: 400; color: rgb(153, 153, 153); line-height: 14px; margin-top: 10px; text-align: center; }

.btn[data-v-01ed77f0] { width: 100%; margin-top: 15px; height: 44px; background: linear-gradient(90deg, rgb(254, 117, 1), rgb(255, 146, 3)); border-radius: 8px; font-size: 14px; font-weight: 500; color: rgb(255, 255, 255); line-height: 44px; text-align: center; cursor: pointer; }

.disabled-btn[data-v-01ed77f0] { background: rgb(204, 204, 204); }

[data-v-1748a7ce] .el-dialog__body { padding: 20px 40px 28px; border-radius: 0px 0px 24px 24px; }

[data-v-1748a7ce] .el-dialog__header { border-radius: 24px 24px 0px 0px; padding: 40px 40px 0px; }

[data-v-1748a7ce] .el-dialog__title { font-size: 20px; font-weight: 700; color: rgb(51, 51, 51); line-height: 20px; }

[data-v-1748a7ce] .el-dialog__headerbtn { right: 40px; top: 40px; color: rgb(204, 204, 204); }

[data-v-1748a7ce] .el-dialog { border-radius: 24px; }

.icon[data-v-1748a7ce] { width: 123px; height: 95px; display: block; margin: 30px auto auto; }

.title[data-v-1748a7ce] { margin-top: 18px; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); line-height: 19px; text-align: center; }

.tip[data-v-1748a7ce] { margin-top: 6px; font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); line-height: 16px; text-align: center; }

.btn[data-v-1748a7ce] { cursor: pointer; width: 340px; height: 44px; background: rgb(0, 135, 255); border-radius: 8px; margin: 27px auto 0px; font-size: 14px; font-weight: 500; color: rgb(255, 255, 255); line-height: 44px; text-align: center; }

#website-home { min-width: 1200px; background: rgb(255, 255, 255); border-radius: 8px; }

#website-home .footer-block { height: 220px; background-color: rgb(237, 241, 247); }

.visibility-hidden[data-v-6eecdb02] { visibility: hidden; }

#website-index .wrap-margin { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

#website-index .popup_wrap { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 3000; }

#website-index .popup_wrap .popup_container { color: rgb(255, 255, 255); text-align: center; margin-top: 15vh; }

#website-index .popup_wrap .popup_container .popup_text { position: relative; width: 600px; height: 600px; margin: 0px auto; }

#website-index .popup_wrap .popup_container .popup_text img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#website-index .popup_wrap .popup_container .popup_text .close { position: absolute; right: -92px; z-index: 2000; }

#website-index .popup_wrap .popup_container .popup_text .close .icon_guanbi { font-size: 48px; cursor: pointer; }

#website-index .popup_wrap .popup_container .popup_text .close div { font-size: 16px; font-weight: 500; margin-top: 8px; color: rgb(204, 204, 204); }

#website-index .fade-leave-active { transition: opacity 0.5s; }

#website-index .fade-leave-to { opacity: 0; }

#website-index .button-style { background: linear-gradient(0deg, rgb(0, 156, 255), rgb(0, 135, 255)); box-shadow: rgba(0, 246, 255, 0.4) 0px 5px 13px 0px; border-radius: 25px; font-size: 20px; font-weight: 400; color: rgb(208, 253, 255); text-shadow: rgba(0, 72, 120, 0.34) 1px 1px 0px; }

#website-index .carousel-wrap { position: relative; }

#website-index .carousel-wrap .cursor-has { cursor: pointer; }

#website-index .carousel-wrap .el-carousel__arrow { margin: 0px 60px; height: 60px; width: 60px; }

#website-index .carousel-wrap .el-carousel__arrow i { font-size: 20px; }

#website-index .carousel-wrap .el-carousel__item img { width: 1920px; position: absolute; left: 50%; transform: translateX(-50%); }

#website-index .reason-wrap { width: 100%; height: 1090px; }

#website-index .reason-wrap .reason-content { text-align: center; }

#website-index .reason-wrap .reason-content .reason-title { display: inline-block; margin: 80px 0px 83px; font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); }

#website-index .reason-wrap .reason-content ul { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }

#website-index .reason-wrap .reason-content ul li { width: 374px; height: 300px; margin-bottom: 52px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 29px 0px; position: relative; }

#website-index .reason-wrap .reason-content ul li:hover .top-img { border-radius: 10px 10px 0px 0px; }

#website-index .reason-wrap .reason-content ul li:hover .top-img img { width: 105%; height: 105%; }

#website-index .reason-wrap .reason-content ul li .top-img { width: 374px; height: 228px; overflow: hidden; position: relative; }

#website-index .reason-wrap .reason-content ul li .top-img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#website-index .reason-wrap .reason-content ul li img { border-radius: 10px 10px 0px 0px; }

#website-index .reason-wrap .reason-content ul li .reason-description { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 20px auto; width: 327px; text-align: center; }

#website-index .reason-wrap .reason-content ul li .reason-description p { margin-left: 7px; font-size: 20px; font-weight: 400; color: rgb(41, 41, 41); }

#website-index .reason-wrap .reason-content button { width: 291px; height: 50px; }

#website-index .pool-wrap { position: relative; width: 100%; height: 506px; }

#website-index .pool-wrap .v { position: absolute; top: 0px; overflow: hidden; width: 100%; height: 100%; background: url("/student/static/img/student-video.a2c8146.png") 50% center no-repeat; }

#website-index .pool-wrap .v .f { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }

#website-index .pool-wrap .bg-pop { height: 100%; width: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.5); }

#website-index .pool-wrap .pool-title { width: 440px; height: 108px; margin: 0px auto; padding-top: 141px; font-size: 40px; font-weight: 400; color: rgb(255, 255, 255); text-align: center; }

#website-index .pool-wrap .pool-title > div > span { font-weight: 600; }

#website-index .pool-wrap button { display: block; width: 311px; height: 50px; margin: 110px auto; }

#website-index .system-wrap { width: 100%; height: 801px; padding: 110px 0px; text-align: center; }

#website-index .system-wrap .system-title { font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); line-height: 70px; }

#website-index .system-wrap ul { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 130px; }

#website-index .system-wrap ul li { width: 374px; height: 440px; }

#website-index .system-wrap ul li div { margin: 58px 0px 20px; font-size: 23px; font-weight: 400; color: rgb(41, 41, 41); line-height: 36px; }

#website-index .system-wrap ul li p { font-size: 16px; font-weight: 400; color: rgb(41, 41, 41); }

#website-index .system-wrap button { width: 231px; height: 50px; margin-top: 74px; }

#website-index .video-wrap { width: 100%; height: 915px; background: url("/student/static/img/icon-bg2.84aaf1a.png") 50% center no-repeat; }

#website-index .video-wrap .video-title { padding-top: 70px; font-size: 40px; font-weight: 500; color: rgb(255, 255, 255); line-height: 70px; }

#website-index .video-wrap .video-container { position: relative; width: 879px; padding-top: 12px; height: 483px; border-radius: 10px; margin: 61px auto 48px; }

#website-index .video-wrap .video-container .img-video { width: 95%; margin-top: -50px; border-radius: 8px; }

#website-index .video-wrap .video-container .f { width: 95%; cursor: pointer; }

#website-index .video-wrap .video-container .play-btn { position: absolute; left: 400px; top: 200px; cursor: pointer; }

#website-index .video-wrap .video-container .play-btn:hover { opacity: 0.95; }

#website-index .video-wrap button { width: 231px; height: 50px; border: 1px solid rgb(255, 255, 255); border-radius: 25px; background: none; font-size: 23px; font-weight: 400; color: rgb(255, 255, 255); }

#website-index .video-wrap button i { margin-left: 10px; }

#website-index .experience-wrap { height: 882px; }

#website-index .experience-wrap .experience-title { padding-top: 130px; font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); }

#website-index .experience-wrap ul { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

#website-index .experience-wrap ul li { width: 399px; font-weight: 400; line-height: 36px; margin-top: 130px; }

#website-index .experience-wrap ul li:hover { margin-top: 88px; }

#website-index .experience-wrap ul li div { font-size: 23px; color: rgb(41, 41, 41); }

#website-index .experience-wrap ul li p { font-size: 16px; color: rgb(141, 141, 141); }

#website-index .experience-wrap button { width: 231px; height: 50px; margin-top: 87px; }

#website-index .enterprice-honor { height: 603px; background: url("/student/static/img/icon-bg-d.237f858.png") 50% center no-repeat; }

#website-index .enterprice-honor .honor-title { padding-top: 85px; font-size: 40px; font-weight: 500; color: rgb(255, 255, 255); }

#website-index .enterprice-honor .arrow-left { position: absolute; top: 330px; left: 0px; }

#website-index .enterprice-honor .arrow-right { position: absolute; top: 330px; right: 0px; }

#website-index .enterprice-honor .honor-outer { position: relative; height: 290px; width: 1020px; margin: 84px 0px 0px 93px; overflow: hidden; box-sizing: border-box; }

#website-index .enterprice-honor .honor-outer ul { position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; left: 0px; }

#website-index .enterprice-honor .honor-outer ul li { width: 212px; margin-right: 54px; height: 100%; font-size: 18px; color: rgb(142, 142, 142); line-height: 30px; position: absolute; transition: 0.5s; }

#website-index .enterprice-honor .honor-outer ul li .img { width: 212px; height: 166px; }

#website-index .enterprice-honor .honor-outer ul li div.honor-item { margin-top: 35px; }

#website-index .enterprice-honor .honor-outer ul li .honor-desp { width: 212px; overflow-wrap: break-word; word-break: break-all; overflow: hidden; }

#website-index .enterprice-honor .honor-outer ul li .honor-desp.popular { width: 180px; padding-left: 17px; }

#website-index .video-pop { position: fixed; width: 100%; height: 100%; top: 0px; background-color: rgb(0, 0, 0); z-index: 999; }

#website-index .video-pop .f { position: absolute; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); }

#website-index .video-pop i { position: absolute; top: 20px; right: 20px; color: rgb(255, 255, 255); font-size: 40px; cursor: pointer; }

#global-faculty .wrap-margin { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

#global-faculty .button-style { background: linear-gradient(0deg, rgb(0, 156, 255), rgb(0, 135, 255)); box-shadow: rgba(0, 246, 255, 0.4) 0px 6px 13px 0px; border-radius: 25px; font-size: 20px; font-weight: 400; color: rgb(208, 253, 255); text-shadow: rgba(0, 72, 120, 0.34) 1px 1px 0px; }

#global-faculty .teacher-wrap { height: 834px; margin-bottom: 300px; background: url("/student/static/img/global-teacher.c2637be.png") 50% center no-repeat; }

#global-faculty .teacher-wrap .teacher-title { padding-top: 355px; font-size: 70px; font-weight: 700; color: rgb(255, 255, 255); line-height: 89px; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

#global-faculty .teacher-wrap .teacher-description { margin-top: 40px; font-size: 23px; font-weight: 400; color: rgb(255, 255, 255); line-height: 46px; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

#global-faculty ul { display: flex; color: rgb(51, 51, 51); width: 1200px; height: 92px; margin-top: 385px; }

#global-faculty ul li { width: 33.3%; line-height: 36px; border-left: 1px solid rgb(210, 210, 210); }

#global-faculty ul li:last-child { border-right: 1px solid rgb(210, 210, 210); }

#global-faculty ul li div { font-size: 23px; color: rgb(41, 41, 41); }

#global-faculty ul li div .qi-class { font-size: 15px; margin-left: 5px; font-weight: 400; color: rgb(0, 135, 255); }

#global-faculty ul li p { font-size: 16px; color: rgb(141, 141, 141); }

#global-faculty .employ-wrap { height: 732px; }

#global-faculty .employ-wrap .employ-title { margin: 37px 0px 27px; font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); }

#global-faculty .employ-wrap .employ-description { font-size: 23px; font-weight: 300; color: rgb(141, 141, 141); }

#global-faculty .employ-wrap .employ-img { position: relative; width: 1200px; height: 467px; background: url("/student/static/img/employ-bg.f9b4cb5.png") 50% 218px no-repeat; text-align: left; }

#global-faculty .employ-wrap .employ-img p { position: absolute; font-size: 23px; font-weight: 400; color: rgb(41, 41, 41); line-height: 36px; }

#global-faculty .employ-wrap .employ-img p:first-of-type { top: 417px; left: 34px; }

#global-faculty .employ-wrap .employ-img p:nth-of-type(2) { top: 240px; left: 390px; }

#global-faculty .employ-wrap .employ-img p:nth-of-type(3) { top: 436px; left: 650px; }

#global-faculty .employ-wrap .employ-img p:last-of-type { text-align: right; top: 153px; left: 946px; }

#global-faculty .employ-wrap .employ-img img { position: absolute; }

#global-faculty .employ-wrap .employ-img img:first-of-type { top: 200px; left: 0px; }

#global-faculty .employ-wrap .employ-img img:nth-of-type(2) { top: 92px; left: 305px; }

#global-faculty .employ-wrap .employ-img img:nth-of-type(3) { top: 260px; left: 700px; }

#global-faculty .employ-wrap .employ-img img:last-of-type { top: 0px; left: 1027px; }

#global-faculty .employ-wrap .employ-img #em-img1 { animation: 1s ease-in-out 0s infinite alternate none running em-img1; }

@-webkit-keyframes em-img1 { 
  100% { top: 210px; }
}

@keyframes em-img1 { 
  100% { top: 210px; }
}

#global-faculty .employ-wrap .employ-img #em-img2 { animation: 1s ease-in-out 0s infinite alternate none running em-img2; }

@-webkit-keyframes em-img2 { 
  100% { top: 85px; }
}

@keyframes em-img2 { 
  100% { top: 85px; }
}

#global-faculty .employ-wrap .employ-img #em-img3 { animation: 1s ease-in-out 0s infinite alternate none running em-img3; }

@-webkit-keyframes em-img3 { 
  100% { top: 245px; }
}

@keyframes em-img3 { 
  100% { top: 245px; }
}

#global-faculty .employ-wrap .employ-img #em-img4 { animation: 1s ease-in-out 0s infinite alternate none running em-img4; }

@-webkit-keyframes em-img4 { 
  100% { top: 8px; }
}

@keyframes em-img4 { 
  100% { top: 8px; }
}

#global-faculty #standard-wrap { position: relative; height: 595px; color: rgb(255, 255, 255); }

#global-faculty #standard-wrap .standard-copy { width: 100%; position: absolute; display: flex; }

#global-faculty #standard-wrap .standard-copy div:first-child { position: absolute; left: 0px; }

#global-faculty #standard-wrap .standard-copy div:last-child { position: absolute; right: 0px; }

#global-faculty #standard-wrap .standard-title { padding-top: 207px; margin-bottom: 37px; font-size: 60px; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

#global-faculty #standard-wrap p { font-size: 23px; font-weight: 300; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

#global-faculty #standard-wrap button { width: 271px; height: 50px; margin-top: 60px; }

#global-faculty .timetable-wrap { height: 928px; background: rgb(243, 243, 243); }

#global-faculty .timetable-wrap .time-title { padding-top: 100px; font-size: 40px; font-weight: 500; line-height: 70px; color: rgb(41, 41, 41); }

#global-faculty .timetable-wrap p { margin: 20px 0px 51px; font-size: 23px; font-weight: 300; color: rgb(141, 141, 141); }

#global-faculty .waiting-wrap { position: relative; height: 593px; background: rgb(41, 41, 41); color: rgb(255, 255, 255); }

#global-faculty .waiting-wrap .v { position: absolute; top: 0px; overflow: hidden; width: 100%; height: 100%; }

#global-faculty .waiting-wrap .v .f { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }

#global-faculty .waiting-wrap .bg-pop { height: 100%; width: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.5); }

#global-faculty .waiting-wrap .waiting-title { padding-top: 88px; font-size: 60px; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

#global-faculty .waiting-wrap p { margin: 44px 0px 90px; font-size: 23px; font-weight: 300; }

#global-faculty .waiting-wrap button { width: 231px; height: 50px; padding-left: 10px; border: 1px solid rgb(255, 255, 255); border-radius: 25px; font-size: 23px; font-weight: 400; line-height: 50px; color: rgb(255, 255, 255); background: none; }

#global-faculty .waiting-wrap button i { margin-left: 10px; }

#class-tool .download-wrap { width: 100%; height: 680px; background: url("/student/static/img/tool-bg.2766a12.png") 50% center no-repeat; }

#class-tool .other-title { text-align: center; font-size: 36px; font-weight: 600; color: rgb(34, 35, 37); margin: 58px 0px 35px; }

#class-tool .other-title span { margin: 0px 40px; }

#class-tool .tool-use { width: 1200px; min-width: 1200px; margin: 0px auto; padding-bottom: 80px; }

#class-tool .tool-use .tool-process { display: flex; padding-left: 60px; }

#class-tool .tool-use .tool-process > img { flex-shrink: 0; margin-right: 64px; width: 148px; height: 800px; }

#class-tool .tool-use .tool-process .tool-content .first-step.second { margin-top: 124px; }

#class-tool .tool-use .tool-process .tool-content .first-step.third { margin-top: 184px; }

#class-tool .tool-use .tool-process .tool-content .first-step .step-title { font-size: 36px; font-weight: 600; color: rgb(51, 51, 51); margin: 50px 0px 20px; }

#class-tool .tool-use .tool-process .tool-content .first-step .step-tips { width: 855px; font-size: 24px; font-weight: 400; color: rgb(153, 153, 153); margin-bottom: 30px; line-height: 40px; }

#class-tool .tool-use .tool-process .tool-content .first-step .step-btn { display: inline-block; width: 304px; height: 60px; border-radius: 8px; border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); font-size: 24px; text-align: center; line-height: 60px; cursor: pointer; margin-right: 30px; }

#class-tool .tool-use .tool-process .tool-content .first-step .step-btn.register { width: 144px; }

#class-tool .tool-use .tool-process .tool-content .first-step .step-btn:hover { background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); }

#class-tool .tool-use .tool-process .tool-content .first-step .register-btn-slot { height: 60px; }

#class-tool .tool-use .tool-process .tool-content .first-step .class-img img { width: 847px; height: 633px; }

#class-tool .device-wrap { background-color: rgb(248, 252, 255); padding: 85px 0px 80px; }

#class-tool .device-wrap .main-wrap { width: 1200px; margin: 0px auto; }

#class-tool .device-wrap .other-title { margin: 0px; }

#class-tool .device-wrap .device-ul { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-top: 50px; height: 180px; }

#class-tool .device-wrap .device-ul li { width: 380px; height: 100%; }

#class-tool .device-wrap .device-ul li .img-block { width: 100%; height: 130px; margin-bottom: 10px; }

#class-tool .device-wrap .device-ul li .img-block img { width: 380px; }

#class-tool .device-wrap .device-ul li .des-block { text-align: center; font-size: 14px; color: rgb(34, 35, 37); }

#class-tool .device-wrap .device-ul li:nth-child(2) .des-block { width: 380px; margin: 0px auto; }

#class-tool .device-wrap .device-ul li:nth-child(4) .des-block { width: 178px; margin: 0px auto; }

#class-tool .other-question { background: rgb(255, 255, 255); padding-bottom: 40px; padding-left: 60px; }

#class-tool .other-question .other-wrap { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 1200px; min-width: 1200px; margin: 0px auto; padding-top: 64px; }

#class-tool .other-question .other-wrap .b-block.first { width: 496px; }

#class-tool .other-question .other-wrap .b-block.first ul { display: flex; flex-wrap: wrap; }

#class-tool .other-question .other-wrap .b-block.first ul li a { display: block; cursor: pointer; width: 248px; font-size: 14px; color: rgb(102, 102, 102); line-height: 32px; }

#class-tool .other-question .other-wrap .b-block.first ul li a:hover { color: rgb(0, 135, 255); }

#class-tool .other-question .other-wrap .b-block .title { font-size: 36px; font-weight: 600; color: rgb(34, 35, 37); margin-bottom: 35px; }

#class-tool .other-question .other-wrap .b-block .brower-list > div { padding: 30px; width: 460px; margin-right: 30px; border: 1px solid rgb(237, 241, 247); margin-bottom: 30px; }

#class-tool .other-question .other-wrap .b-block .brower-list > div:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 29px 0px; }

#class-tool .other-question .other-wrap .b-block .block { display: flex; }

#class-tool .other-question .other-wrap .b-block .block img { width: 56px; height: 56px; flex-shrink: 0; margin-right: 20px; }

#class-tool .other-question .other-wrap .b-block .block .b-title { font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

#class-tool .other-question .other-wrap .b-block .block .b-tips { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); margin: 10px 0px; }

#class-tool .other-question .other-wrap .b-block .block .b-btn { width: 102px; height: 32px; border-radius: 4px; border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); font-size: 14px; text-align: center; line-height: 32px; cursor: pointer; }

#class-tool .other-question .other-wrap .b-block .block .b-btn:hover { background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); }

#download-center .wrap-margin { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

#download-center .download-wrap { height: 635px; background: url("/student/static/img/download-bg.4a825a0.png") 50% center / 1920px 680px no-repeat; }

#download-center .download-wrap .download-content { text-align: left; }

#download-center .download-wrap .download-content .download-title { padding-top: 112px; font-size: 48px; font-weight: 700; color: rgb(34, 35, 37); }

#download-center .download-wrap .download-content p { margin-top: 30px; font-size: 24px; font-weight: 400; color: rgb(141, 148, 155); }

#download-center .download-wrap .download-content img { margin: 38px 57px 0px 0px; }

#download-center .download-wrap .download-block { display: flex; }

#download-center .download-wrap .download-block > img { width: 200px; height: 200px; }

#download-center .download-wrap .download-block .block-right > a { display: flex; width: 200px; height: 56px; background: rgb(255, 255, 255); border-radius: 30px; border: 2px solid rgb(0, 135, 255); line-height: 56px; font-size: 16px; font-weight: 500; cursor: pointer; color: rgb(51, 51, 51); }

#download-center .download-wrap .download-block .block-right > a:first-child { margin: 70px 0px 20px; }

#download-center .download-wrap .download-block .block-right > a:first-child > span { margin-left: 16px; }

#download-center .download-wrap .download-block .block-right > a .icon-img { margin: 0px 15px 0px 30px; }

#download-center .download-wrap .download-block .block-right > a .icon-img img { width: 20px; height: 20px; margin: 0px 0px 5px; }

#download-center .download-wrap .download-block .block-right span { color: rgb(216, 216, 216); margin-left: 8px; }

#download-center .other-wrap { width: 1140px; min-width: 1200px; margin: 0px auto; padding-bottom: 30px; padding-left: 60px; }

#download-center .other-wrap .other-title { text-align: center; font-size: 36px; font-weight: 600; color: rgb(34, 35, 37); margin: 58px 0px 35px; }

#download-center .other-wrap .other-title span { margin: 0px 40px; }

#download-center .other-wrap .brower-list { display: flex; flex-wrap: wrap; }

#download-center .other-wrap .brower-list > div { flex-shrink: 0; padding: 30px; width: 460px; margin-right: 30px; border: 1px solid rgb(237, 241, 247); margin-bottom: 30px; }

#download-center .other-wrap .brower-list > div:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 29px 0px; }

#download-center .other-wrap .brower-list .block { display: flex; }

#download-center .other-wrap .brower-list .block img { width: 56px; height: 56px; flex-shrink: 0; margin-right: 20px; }

#download-center .other-wrap .brower-list .block .b-title { font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

#download-center .other-wrap .brower-list .block .b-tips { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); margin: 10px 0px; }

#download-center .other-wrap .brower-list .block .b-btn { width: 102px; height: 32px; border-radius: 4px; border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); font-size: 14px; text-align: center; line-height: 32px; cursor: pointer; }

#download-center .other-wrap .brower-list .block .b-btn:hover { background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); }

#course-system .wrap-margin { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

#course-system .button-style { background: linear-gradient(0deg, rgb(0, 156, 255), rgb(0, 135, 255)); box-shadow: rgba(0, 246, 255, 0.4) 0px 6px 13px 0px; border-radius: 25px; font-size: 20px; font-weight: 400; color: rgb(208, 253, 255); text-shadow: rgba(0, 72, 120, 0.34) 1px 1px 0px; }

#course-system .banner-wrap { position: relative; box-sizing: border-box; width: 100%; height: 787px; }

#course-system .banner-wrap .video-wrap { position: absolute; top: 0px; overflow: hidden; width: 100%; height: 100%; }

#course-system .banner-wrap .video-wrap .video { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 100%; height: 787px; object-fit: cover; }

#course-system .banner-wrap .bg-pop { height: 100%; width: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.3); }

#course-system .banner-wrap .bg-pop .title { padding-top: 216px; padding-bottom: 10px; font-size: 48px; font-weight: 700; color: rgb(255, 255, 255); line-height: 64px; text-align: center; }

#course-system .banner-wrap .bg-pop .text { font-size: 20px; font-weight: 500; color: rgb(255, 255, 255); line-height: 38px; text-align: center; }

#course-system .banner-wrap .bg-pop .slice { position: absolute; bottom: 0px; width: 100%; }

#course-system .btn { display: block; width: 300px; height: 56px; margin: 40px auto auto; border-radius: 60px; background: rgb(0, 135, 255); font-size: 20px; font-weight: 400; line-height: 56px; color: rgb(255, 255, 255); transition: 0.3s; }

#course-system .btn:hover { background: rgb(0, 114, 215); }

#course-system .mt-60 { margin-top: 60px; }

#course-system .content-wrap { position: relative; width: 100%; height: 100%; margin: 0px auto; }

#course-system .content-wrap .bg { position: relative; height: 700px; width: 100%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAK8AgMAAABzTEokAAAACVBMVEVHcEz/YgAAlP8pcibhAAAAA3RSTlMADAvBEVJaAAATaUlEQVR4AezVva7cRgxAYQ/g6ZOC76MmvQKI7/8qCeKruStpfpTRGlwS56t8d7cgcMzhDwCAf0lV/7AeAr9N1v/8bT0Hfo+vvsoaB6WvWONwRE9Y41j0ijUOJFcCs8aBaAtrHELSDuvh8JwohUPr9qWwe2kQeLUeEM9kZYVDk1FgVti3UV9W2Lc0DswKezY8waqb9Yx4YHiC/7VYD4l5dwLzRjt2oy9vtGPpTmC1nhLT7gXmCLuVbwXmCLslyhEO7V5gjrBb9/pyhN0icGzpZuDVelDMuRt4sx4UcwgcXP5u+Ge3sPWgmJNfC/78i8DRyB5w/fV3c40X60kxRS4BfxI4kj3w9vphbY1X60kxRer9rteYwD61X+DTGm/Wk2JK78Qe1pjAPu39Gl/n78LWk2LKaD8zgX0bPsAE9m0YOPeuND5d+qq3Dn9BYJ+GgX8Q2LNE4NhuBM7jn+Bj/Y/AbLBLbHBsNzY4EdgzAsd2px6BPfuqtxE4KAIH91VPn/0fwMe6H5gNdknY4Nj2DV7Y4JiEwLHJMF8isGcEDi5/5duavyCwa+PAmcCe7fm0+Yv9EV+sR8WMdDswG+zSOLCywa6N+iUC+0bg4EYnNg/fcHy0UWAhsG97wI3AMeVBYB18jw83uLGJwM6lfuDSf7UeFHNK4KX6NYHd6wcWAnvXD6z9r/H5pLei5QFX6zExi8DB7YG32pdZe9/Cg9xLKAR2L/ce4RJ4tR4Ts1IvcDnBi/WYmJU6DROBA+g0LM+3Wg+JeZ0zWwJv1kNinrQDC4ED6ATWznbDi9zeUu3cZ3jRDpxKYOsZ8UBuVswEjiA1K+7XufZ6w4/moS2BV+sR8UQzsDa/gSetPU0EjkGGga0nxCN74O30edbGF/AlNzpK6+2GL63ASuAYcuPUlsCL9YR4JNUDJwIHkeohy2Jv1gPiIQIHt5dcD59K/WP4I9WSSuAopPYWl8t8ernhT+4Hth4PT1UD7x8eP4VHqbarQuAwqoHLC71aj4fH9pZLLfBiPR0eq7QsW63Ww+G5ymucCRyIdAJv1sPhObnGlMpWw6t8DawEDiRf7m0qgRfr4fBc6gS2ng1vcA2cCRzK5T0WvZ5l+NUOvFqPhne45NRLcngmp8CJwLHI6eLmEth6MrxFbgXerCfDW+TTwsrlKMO1dAqsBI6lBF5+/a2nv+HdMWjprdZz4U2OT3I5yZv1XHgTORQVAkcjhzdZjwsN/+Q1aSZwOIerW2qr9Vh4l9el/f73dOB/2Ctj3citGIp6CBgI2E8fpORXuEh6F87/TBnsV6gU+JXJIt5dafSeNLZ4H+Wne9pdjPh4zHvJ0bj8XeIteywSBQX3TlHwa/ZUJIyi4JfsqUgY15Lg7KFIHBTcOc8Fv2/ZQ5E4SoJfs4cicVwKgl+yhyJxUHDvFARnj0QiuS78vmWPRCKh4M5ZlvBr9kgkkqXgl+yRSCgLwdkDkViurOC+eWYF982FFdw5rODOubKC++bCCu4cJnTnXJnQfTPN6JfsYQiAKw+4by484M55fvf7mj0IAfEe0tljEBh/sYB750/2LyFHwdz9n+whCI7//LqP2VMQGE7DfeM03Dfvgn3IHoRg+CHYb9mTEAg/BXv2JASC03DfTASP2bMQABPBPmQPQ+JxGu6bmWC/ZY9DopkL9uxxyDu/fbPfQ37IafiI/C8jQvG94DH7aeTpl5WAyrwX7EP248hTZKA6DR8OjQzUpeCIXCA7kNBzKwgOyAWyAwuV4TR8MCS2MYuC9yc/+TQWe21FwfuTn3wWCXbhNHwsNDhOK4L9lv3QsxKtoibYsx96UiQ6TZ2GD4VGm6gLHrPfekrC67IueGc0kM8g4SJWBO9sd/IJNDxLnYaPhBU97PnFVcGe/d7TEX9o64LH7AefDInX4DR8ILS5YB+y33wqLL4qtwTvyn/yQQASnIaPgwBydFuwZz/7PFQqeFcJPyB4zH73aVDAkTkNHwdLErynAsgHqBu47fjNPx4wfMt++ikQxIl9V/eA4ey3nwKFZShr+BAobP/KGj4ChotQZUgfAOT6jSecjqyt/7b3140nnI1CBQtPOBvFbn/T8Ji9gN4x8HnpluHdKUFWgZ+XMqMzEXx+2obh7BX0jTZYvjGj82ghWJjRedh9JBsgPhv0AKmwPFgDxKeyhJOQZVgKoh+VJZyDFk7JEP34jSWcghbKUCC7N5ZwBsXChQgWlnAGxT0b5LiEJdweKSalYtJTWcLN0eKaBZSeyhJujZaDElWPFNwaayt4/j3YV8hPKlu2kvUIpCI49ivkB1LJSYWtXii4JbMKHloInn+y9G0SSE2wAFdfNDxmb6JTrFzBUMFPFNwO3xYMWL0VDGdvok+kekRQwVIQHF315Du1Cp6dNuC7QsFt0OqKweGpC8HxVU/uyvBW+RfIl5WCWzBb8exfDB2e94IBVU+kvmGFtyMF49F6RuIFCwXDWREs+Ha8M5y9jB6x+oIbCJ7/fVEwAH9IMC48jYKhyFoHthA8GwBU9WdmpYLbCJ6dMAWHo2sH1CQ8ZeUvjOzG1gRbk3akYCRTvwuL1iQ8jYJxTPNxWbTaRLBSMI5ZBQ85gmXlT4zs5GHBwNuiYCC2VsHT1SPDk4Jx+KOCkas3CkYxMVjcbmvBnr2Q3liv4FaClReMYib4tvx3b3JbygtGYRuC24SnUDCKqd/Scin4azPZbLn/dPW+KfjozCp4SBP8RMEgPiJ4wI3BC0ZhGxU8XT1QMC8YhR9OMLIIzsdEn/u48T9G4CC8YAybFTxdPQV/PWaCy+HoTXbfSUT/y14Z5FaOw0AU0FKn6DVP6WUwpzB6ZeiUM4OZNCT/L5ukVVSi1NsFkL6deibryyH3giVY8OxI1qL224k2WjAneCCp9tupWAnJnhMMoang/fYMTnCiYAhGwTvsRSgYg9xXcJ09BX83CgUvTRVrKcf9oQP2JpmCEWgquB7zCMG4Z/xAGsFb71SEYOEEIxCV4IjwhROMoPbblxchOGJL/DxS7bcfrCimfNybUPA4mgreNcco+FthF7zj3wT1iJ+IqCo4In2hYARFJzjh0y8UDKASd1l9+IJMFIxAWcH1fIEE112xzY5lHRrBV7lS8PdEtIJF09QPSNoXISbqWIvyIORFsvZFiIVmbi53r4DnSygYQTM3u/IkRLD6SyMWvozgRMEQ9IsxKz8EJ5mCIRS14IQVLOpVQgwYFuMTwYqdXigYgb6CawXmDXovuPnSICX/M8mGWKGCs74riAFxCTYL2GwvQsHDsMQqSMHNixyzY1mGZIlV/B252yqYgkfRNN+dBaTgtoL32bksg0lwBgpu/Jp/nvQQQwXXgq0jdnc+UTCGYhGc/ILvSrXd0GV2LMvQDM4xUXCzSe7fhCgxVXA971YFNsH77FyWIduKDyb4VMEUPArxCra25M35UwVvs3NZhibW++OCEtxu6DI7lnWoU1VsXZjg1u8xO5ZlSMbiE/cWLazgGWRjrNkveGMFTyAbiy+7p+xaGisYhBhjTSDBrGAQYowVJJgVjMIaa3KP2eXPs4JRmGPFCGYFg0gPBBs1XAnmhkaRzHMjCMGZgkHUyepWLkQwNzSKbJ4bMa70P1x9QIWCQdgFZ4BgVjAMMc8NQjArGIZdcPKKuBDMCoZRxXrobvgFF2UFH7NDWQn7YkxeE33BrGAcxd6o4wWfKnibHcpKfAnBrGAYyZGrV0X/E2IFw/AUqowWzArGkRy5irMtu8dZwTg8gvNowcINDcMjyy94ZwVHkxx9mp112TvODQ0kOwSnwYKFgnE8FGxapz3B3NBAsidYt+C3xxMFA/kCglnBSLKnTotjr/cFs4KRuCZYhgrmhkYingl2C353/FTB++xEFsO1orNvob4XzAqGItMFnyp4diCr8XSCLRv1vT5WMBTXBKeBglnBWHKs4I0VHEzwBG+s4GCyV5WjM98J5oYGIxS8NtmlSryCd27oYJ4Ktih5J7hQMBaf4DxKMDc0mskTnCkYjG8Wh00wKxiNT1XyCj5YwcFUqjb0rVfBrGA4jwUbnvUq+FTB2+w0FiT55mfQBLOC4VSCD8M1r+ByVcHH7DBWJPkGaIxgVnAAxe3quWBWcAC+gGWIYFZwAL4OdE/wxgoORlwjJCMEc0NHIK6Ih0wwBUcgriXpnuCdGzqYZox27a0yQHCi4AjaPfmhvOWe4IMbOphTzIcu5zJAsFBwBKdFWcpvzS234MIKDuZFcCm/7m8NEMwKDuJV8P2eTn7Bf86zgoN4I7iUj+s7lWDrk/bPv04VPDuGdZG3hq8n6sEEH6zgYDqCL2cq+yf484s4VfA+O4Z1yT3BF6E/Efz/rworOIi+4H7s8kDw8bb6Z6ewMOlCcK8aywPB/301mRUcxaXgzp72mamvFFZwGNeC381oeiT4nztJuKHjkDvDv8838jPBqo+IDCPfCS7lo70howVzQyNRCC7HVt9wqqHgOSSF4GZPp+GCZ0ewOCrBpfz6PC8U/L1QCv7c083EbyOeww2NRbSGy8fL8SGCt9kJLE5SC/53T/9VhgueHcDqWAQ/cdP7jWN2AMszWTArGI24/ZqGr/cjrGA0ea7g2f/++vhL2LRdR3wkxMVUwaxgPO4dbarPEb9BXKSJgrmhI/AKHvAQCo4gzxPMDR2Bc0fbpo+CJyIuwbvpGdzQE8kUvDguwdvzR3BDB+EaYdsjBvwEuedv9uomNW4giALwWBAQXsULXUBLnSJHyMJ9Hy8HnSJLHTNDnB9pPANuq9slOt+3Fk2JR726ZwoJWEN/mi4/37wTfCrwBDs8RgTsBH+i7IQz09lf8uwzZgac+fykocNNOfkumY93GjpeXzHgk4Y+grHWCb7RDxo6QjfVOcE3OlpDx+jrNPSbFV6if/T/Nb8j4A/066MFPop39PRH4pks8GGMxU/w6eoKW+Bgc+mGPm1W+Ef0/9GXbuiLfQ1AYd3dfJe9L0b/Gq/mog190U3yPZbbAe94sD+fX6J/ipWx5AJzRHPJBeaAegvcuk1PL9HTUF43KejW/cn3JXoQKpntb+v6s/UFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIA3np6+Ro9APQ9DSuk5egqqSb9IuFXDa8Dpe/QgVPHld74pRU9CFX/ztcJN+rfAVrhJwypgK9yeh1W+6Tl6GopbN3RK36LHobRNvjq6OZuG1tHt2Ta0jm7OIOC2XeWroxtzdYIv7nz4k70yyHEdBIJoWHAE7uMjeGHuf5WvL00SbDcwIpF6uvTeaiZ4UdJTV0FMrhNMR4txneBad+9I8E3uguloKSqCpUmGYDpaiGwIPrxDwfewBNPRQhRL8OadCr6GKZiO1qEiWBtTMB0tQ7IF79654Et0BNPRKnQEV+9c8CVypaOleQveHgXBepR2deloPV6Ct8e5rzfvZPAVSnPAj0RHy3H22azw4Z0MvsK5kQsdrcZZJx0tx1Pn5V86WoWLzbajvaPBF0gXwZkR1iJdB5cR1mIkmI4W4CaYjtYiXV0mOlqK2wW3HX14p4OPybc2LoywEnfBiRFWYiyYjg7PXTAdLUW+m8x0tBDlLrjt6N07H3yIIfjBCAthCc6MsA4zwXR0cCzBdLQQpsdCR8tQLMFtR2/eCeEjzAtOjLAM9tQWRlgF+04LHa2Cfad0tAqpY7HS0Rr0BLcd7Z0RPqAnODPCGvQEPxhhDVLvShlhDXJPcGaEJegKToywBF3BjLAGfcEFwQr0BTcdfXinhGWed3p/aUfYOyUsk/sKm47evGPCKv0LfrlHcGQGgpuO3r1jwio/gg/rDcECDC646ejDOyasMjKYEByfocF3R3vHhFWGgguCwzMUnBEcnh+Bu/n4HuHNOyeskYYX/O5oBAclDS/43dEIDspE8Kujd++gsMZE8APBwUmTCi4Ijk2eCM4Ijs3sgp/vh3dQWCMjWJuZ4AeCY4NgcZ6Cux8UBIemzARzwbEpv7zg6h0U1ihUtDZcsDjTA+WCY8MFi1O5YG0QLM5UcEVwaBCsTfrxt3e/QHBsZoITgkOTfit4904KS0z9ZS44NFPBhQsOzVPw1vugIjg0eSI4ITg2M8HPhu6fOPxpJoJfB4zgoEwEFwQH5yl4/Nr9AP46wwt+FzSCo1JG/iqCwzMS/B7gWg/voLDGQHBb0HX3DgprDARXBAtQug1cEKxAV3A++a2bd1BYoyf4NMB2hUMEeoIrgjWotuBLQVsbDSGwL/ha0AgOiy346rfu3jlhEVNwuQnevHPCIk+X7W/XAb48QyQMwbcBZoIDYwi+FzQTHJdyG1mjoJnguNwEGwXNBAcmX0vY8ssExyVfHBoDzARHJp9b2BpgJjgy+Syx0tBipFMNFw5YjZfg/x1tF3T1zggf8Ba8N3+f2L0zwgd0pHLAMkz9ssCxmfmloINTxn4P73zwIYWC1iZT0NpkClqbNBLsHQ4+JzHA4jDA4hQKWpsSoaD/tVfHJgDDMBREUaEBXGivFNl/lkCqQFIEYyM47tUuBIb7mpcGmi2+//fsvkurOMBw5QCzlYFmCwPNFgYa7tXoo/siLZUOMFsYaLgy0GxpoOGeH9x9izZIBxjOAYZLBxiuDDTc/b/dR2ijGOPHqwtr9cWnJ8T5owAAAABJRU5ErkJggg==") 50% center no-repeat; }

#course-system .content-wrap .title { font-size: 40px; color: rgb(51, 51, 51); line-height: 64px; text-align: center; }

#course-system .content-wrap .title-second { font-size: 32px; font-weight: 500; color: rgb(51, 51, 51); text-align: center; margin-top: 12px; }

#course-system .content-wrap .third-third { font-size: 24px; font-weight: 400; color: rgb(153, 153, 153); line-height: 36px; text-align: center; }

#course-system .content-wrap .title-third { font-size: 24px; font-weight: 400; color: rgb(153, 153, 153); line-height: 24px; text-align: center; margin-top: 21px; }

#course-system .content-wrap .img { max-width: 1200px; display: block; margin: auto; }

#course-system .content-wrap .series-img { width: 100%; margin-top: 50px; }

#course-system .content-wrap .mt-13 { margin-top: 13px; }

#course-system .content-wrap .mt-100 { margin-top: 100px; }

#course-system .content-wrap .mt-150 { margin-top: 150px; }

#course-system .content-wrap .mt-32 { margin-top: 32px; }

#course-system .content-wrap .mt-50 { margin-top: 50px; }

#course-system .content-wrap .mt-70 { margin-top: 70px; }

#course-system .content-wrap .mt-16 { margin-top: 16px; }

#course-system .content-wrap .ml-15 { margin-left: 15px; }

#course-system .content-wrap .mb-20 { margin-bottom: 20px; }

#course-system .content-wrap .btn-group { margin-top: 27px; display: flex; place-content: center; -webkit-box-pack: center; }

#course-system .content-wrap .btn-group .btn { width: 207px; height: 65px; border-radius: 33px; font-size: 28px; font-weight: 500; line-height: 65px; background: rgb(236, 242, 246); color: rgb(51, 51, 51); text-align: center; cursor: pointer; margin: 0px; }

#course-system .content-wrap .btn-group .right { margin-left: 15px; }

#course-system .content-wrap .btn-group .active { background: rgb(0, 135, 255); color: rgb(255, 255, 255); }

#course-system .content-wrap .info-wrap { display: flex; -webkit-box-align: center; align-items: center; margin: 60px auto auto; width: 1200px; }

#course-system .content-wrap .info-wrap .left { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

#course-system .content-wrap .info-wrap .left .title-wrap { position: relative; font-size: 32px; color: rgb(51, 51, 51); line-height: 36px; }

#course-system .content-wrap .info-wrap .left .title-wrap span { position: relative; z-index: 2; }

#course-system .content-wrap .info-wrap .left .title-wrap .icon { position: absolute; z-index: 1; left: -8px; top: 2px; width: 25px; height: 25px; }

#course-system .content-wrap .info-wrap .left .text { margin-top: 23px; font-size: 20px; font-weight: 400; color: rgb(102, 102, 102); line-height: 40px; }

#course-system .content-wrap .info-wrap .right { margin-left: 58px; width: 607px; height: 428px; border-radius: 16px; }

#course-system .expert-wrap { position: relative; height: 1534px; background: url("/student/static/img/system-expert.4e47c9b.png") 50% center no-repeat; }

#course-system .expert-wrap .title-text { padding-top: 100px; color: rgb(255, 255, 255); line-height: 70px; font-weight: 500; font-size: 40px; }

#course-system .expert-wrap .title-detail { display: flex; -webkit-box-align: center; align-items: center; height: 150px; width: 790px; margin: 57px auto 0px; font-weight: 400; color: rgb(255, 255, 255); }

#course-system .expert-wrap .title-detail .expert-name { width: 257px; height: 96px; padding-top: 24px; font-size: 23px; line-height: 36px; border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); }

#course-system .expert-wrap .title-detail .expert-img { margin: 0px 60px; }

#course-system .expert-wrap .title-detail .expert-detail { width: 257px; height: 105px; padding-top: 15px; text-align: left; font-size: 18px; line-height: 31px; border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); }

#course-system .expert-wrap .expert-comment { position: absolute; top: 535px; left: -22px; width: 92px; height: 66px; text-align: center; font-size: 23px; font-weight: 400; color: rgb(255, 255, 255); }

#course-system .expert-wrap .expert-comment span { display: block; margin-top: 2px; font-size: 10px; }

#course-system .expert-wrap .comment-content { position: absolute; top: 543px; width: 1200px; height: 862px; background: none; border-radius: 50px; }

#course-system .expert-wrap .comment-content .comment-left { padding: 45px; width: 500px; }

#course-system .expert-wrap .comment-content .comment-left .comment-title { margin-top: -12px; text-align: right; font-size: 18px; font-weight: 400; color: rgb(42, 42, 42); line-height: 36px; }

#course-system .expert-wrap .comment-content .comment-left .comment-title span { display: block; font-size: 23px; font-weight: 700; color: rgb(255, 100, 0); }

#course-system .expert-wrap .comment-content .comment-left .comment-text { position: relative; width: 577px; height: 655px; margin-top: 34px; font-size: 16px; font-weight: 300; color: rgb(42, 42, 42); line-height: 30px; overflow-y: auto; }

#course-system .expert-wrap .comment-content .comment-left .comment-text::-webkit-scrollbar { width: 27px; height: 656px; border-radius: 4px; }

#course-system .expert-wrap .comment-content .comment-left .comment-text::-webkit-scrollbar-thumb { width: 27px; height: 89px; border-image: linear-gradient(0deg, rgb(0, 140, 255), rgb(255, 255, 255)) 10 / 1 / 0 stretch; background: linear-gradient(90deg, rgba(255, 255, 255, 0.51), rgba(255, 255, 255, 0.4)); box-shadow: rgba(0, 0, 0, 0.08) 1px 11px 16px 0px; border-radius: 14px; }

#course-system .expert-wrap .comment-content .comment-left .comment-text ul { width: 500px; background: rgb(255, 255, 255); margin-right: 55px; margin-top: 17px; }

#course-system .expert-wrap .comment-content .comment-left .comment-text ul li { width: 500px; word-break: normal; margin-bottom: 30px; text-align: justify; }

#course-system .expert-wrap .comment-content .comment-right { position: absolute; top: 0px; right: 0px; width: 509px; padding: 45px 30px 0px; }

#course-system .expert-wrap .comment-content .comment-right ul li { position: relative; display: flex; -webkit-box-align: center; align-items: center; padding: 16px 0px; border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); text-align: justify; word-break: normal; }

#course-system .expert-wrap .comment-content .comment-right ul li img { width: 68px; height: 68px; margin-right: 25px; }

#course-system .expert-wrap .comment-content .comment-right ul li div.teacher-words { width: 404px; font-size: 16px; font-weight: 300; color: rgb(94, 94, 94); line-height: 26px; }

#course-system .expert-wrap .comment-content .comment-right ul li .teacher-shade { position: absolute; width: 100%; height: 100%; background: rgb(0, 156, 255); opacity: 0.8; }

#course-system .expert-wrap .comment-content .comment-right ul li .teacher-shade span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 23px; font-weight: 700; color: rgb(255, 255, 255); }

#course-system .mode-wrap { position: relative; height: 1145px; background: url("/student/static/img/mode-bg.7f38938.png") 0px 0px no-repeat, url("/student/static/img/mode-content.51454c3.png") center 170px no-repeat; }

#course-system .mode-wrap .mode-title { padding-top: 140px; font-size: 40px; font-weight: 500; color: rgb(42, 42, 42); }

#course-system .mode-wrap p { margin: 30px 0px 48px; font-size: 23px; font-weight: 300; color: rgb(142, 142, 142); }

#course-system .interact-wrap { height: 1422px; background: url("/student/static/img/interact-bg.9674ed1.png") center 250px no-repeat; }

#course-system .interact-wrap .interact-title { font-size: 40px; font-weight: 500; color: rgb(42, 42, 42); line-height: 70px; }

#course-system .interact-wrap p { margin-top: 37px; font-size: 23px; font-weight: 300; color: rgb(94, 94, 94); }

#course-system .interact-wrap .interact-description { position: absolute; top: 517px; left: 50%; width: 650px; height: 25px; font-size: 23px; font-weight: 800; color: rgb(255, 255, 255); transform: translateX(-50%); }

#course-system .interact-wrap .wrap-margin > div.bt-list { display: flex; margin-top: 34px; height: 280px; }

#course-system .interact-wrap .wrap-margin > div.bt-list > div { width: 25%; cursor: pointer; }

.img #course-system .interact-wrap .wrap-margin > div.bt-list > div:first-of-type { margin-top: 45px; }

#course-system .interact-wrap .wrap-margin > div.bt-list > div:nth-of-type(2) { margin-top: 25px; }

#course-system .interact-wrap .wrap-margin > div.bt-list > div:nth-of-type(3) { margin-top: 55px; }

#course-system .interact-wrap .wrap-margin > div.bt-list > div:nth-of-type(4) { margin-top: 30px; }

#course-system .interact-wrap .wrap-margin > div.bt-list > div .activeCarousel { width: 164px; height: 164px; }

#course-system .interact-wrap div.el-carousel__container { margin-top: 75px; width: 1200px; height: 660px; }

#course-system .interact-wrap div.el-carousel__container div.el-carousel__item { margin: 0px auto; }

#course-system .interact-wrap div.el-carousel__container button.el-carousel__arrow.el-carousel__arrow--left, #course-system .interact-wrap div.el-carousel__container button.el-carousel__arrow.el-carousel__arrow--right { background: none; }

#course-system .interact-wrap div.el-carousel__container button.el-carousel__arrow.el-carousel__arrow--left i, #course-system .interact-wrap div.el-carousel__container button.el-carousel__arrow.el-carousel__arrow--right i { margin-left: -8px; font-size: 50px; font-weight: 600; opacity: 0.3; }

#course-system .interact-wrap .bt { width: 231px; height: 50px; margin-top: 53px; padding-left: 10px; border: 1px solid rgb(255, 255, 255); border-radius: 25px; font-size: 23px; font-weight: 400; line-height: 50px; color: rgb(255, 255, 255); background: none; }

#course-system .interact-wrap .bt i { margin-left: 10px; }

#course-system .internationalization-wrap { height: 1720px; }

#course-system .internationalization-wrap .internationalization-title { padding-top: 145px; font-size: 40px; font-weight: 500; color: rgb(42, 42, 42); line-height: 70px; }

#course-system .internationalization-wrap p { margin: 37px 0px 18px; font-size: 23px; font-weight: 300; color: rgb(142, 142, 142); }

#course-system .internationalization-wrap button { width: 251px; height: 50px; margin-top: 62px; }

#course-system .internationalization-wrap.diy { height: 1750px; }

#course-system .internationalization-wrap.diy .internationalization-title { padding-top: 10px; }

#course-system .internationalization-wrap.diy .more-material { margin: 86px 0px 57px; font-size: 23px; font-weight: 300; color: rgb(141, 141, 141); }

#course-system .internationalization-wrap.diy .material-list { display: flex; }

#course-system .internationalization-wrap.diy .material-list > li { width: 25%; height: 370px; padding-top: 50px; border-radius: 8px; }

#course-system .internationalization-wrap.diy .material-list > li:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 29px 0px; }

#course-system .internationalization-wrap.diy .material-list > li div { margin-top: 20px; font-size: 20px; font-weight: 700; line-height: 36px; }

#course-system .internationalization-wrap.diy .material-list > li .img-pic { width: 160px; }

#course-system .internationalization-wrap.diy .material-list > li .t1 { color: rgb(255, 173, 64); }

#course-system .internationalization-wrap.diy .material-list > li .t2 { color: rgb(2, 199, 255); }

#course-system .internationalization-wrap.diy .material-list > li .t3 { color: rgb(42, 155, 255); }

#course-system .internationalization-wrap.diy .material-list > li .t4 { color: rgb(138, 142, 255); }

#course-system .internationalization-wrap.diy .material-list > li .color-title { margin-bottom: 10px; }

#course-system .internationalization-wrap.diy .material-list > li ul li { font-size: 16px; line-height: 36px; color: rgb(41, 41, 41); cursor: pointer; }

#course-system .internationalization-wrap.diy .material-list > li ul li:hover { color: rgb(0, 135, 255); }

#course-system .internationalization-wrap.diy button { margin-top: 79px; }

#course-system .service-wrap { margin-top: 120px; height: 590px; background: url("/student/static/img/system-service.7d40ef2.png") 50% center no-repeat; }

#course-system .service-wrap .service-title { font-size: 40px; line-height: 64px; color: rgb(51, 51, 51); }

#course-system .service-wrap p { margin-top: 21px; line-height: 24px; font-size: 24px; font-weight: 300; color: rgb(153, 153, 153); }

#oral-class { background-color: rgb(255, 255, 255); }

#oral-class .wrap-margin { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

#oral-class .el-button { width: 300px; height: 56px; background: rgb(0, 135, 255); border-radius: 36px; font-size: 20px; font-weight: 500; color: rgb(255, 255, 255); border: none; }

#oral-class .space { margin-right: 15px; }

#oral-class .btn-group { margin: 40px 0px 30px; box-shadow: rgb(225, 241, 255) 0px 15px 15px 0px; }

#oral-class .btn-group.user { margin-bottom: 50px; }

#oral-class .title { position: relative; width: 720px; height: 23px; margin: 0px auto 20px; }

#oral-class .title.business { width: 680px; }

#oral-class .title h2 { position: absolute; bottom: 0px; opacity: 1; font-size: 40px; font-weight: 500; color: rgb(17, 17, 17); }

#oral-class .mt-135 { margin-top: 135px; }

#oral-class .sub-title { font-size: 28px; font-weight: 400; color: rgb(102, 102, 102); margin-bottom: 20px; line-height: 50px; }

#oral-class .tips { font-size: 12px; font-weight: 600; color: rgb(153, 153, 153); line-height: 17px; }

#oral-class .mt-47 { margin-top: 47px; }

#oral-class .banner { height: 678px; background: url("/student/static/img/oral01-banner.933f8bc.png") 50% center no-repeat; }

#oral-class .banner .el-button { position: absolute; bottom: 212px; left: 182px; }

#oral-class .toggle .two-btn { margin-bottom: 42px; margin-top: 30px; }

#oral-class .toggle .two-btn .el-button { width: 184px; height: 56px; background: rgb(236, 242, 246); border-radius: 28px; color: rgb(51, 51, 51); font-weight: 500; }

#oral-class .toggle .two-btn .el-button.active { background: rgb(0, 135, 255); color: rgb(255, 255, 255); }

#oral-class .business-life { position: relative; height: 795px; margin-bottom: 100px; }

#oral-class .business-life.life { background: url("/student/static/img/oral02-life.af977bd.png") 50% center no-repeat; }

#oral-class .business-life.business { background: url("/student/static/img/oral02-business.8653c8e.png") 50% center no-repeat; }

#oral-class .business-life .btn-group { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }

#oral-class .coffee { height: 470px; margin-top: 60px; background: url("/student/static/img/oral03-coffee.9d5ae20.png") 50% center no-repeat; }

#oral-class .certificate { position: relative; margin: 160px 0px 120px; height: 895px; background: url("/student/static/img/oral04-certificate.21dd6e8.png") 50% center no-repeat; }

#oral-class .certificate .btn-group { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }

#oral-class .plan { position: relative; margin-top: -20px; margin-bottom: 100px; height: 858px; background: url("/student/static/img/oral05-plan.ff9e52c.png") 50% center no-repeat; }

#oral-class .plan .btn-group { bottom: 80px; }

#oral-class .plan .btn-group, #oral-class .plan .tips { position: absolute; left: 50%; transform: translateX(-50%); }

#oral-class .plan .tips { bottom: 50px; }

#oral-class .course { margin: 60px 0px 20px; height: 320px; background: url("/student/static/img/oral06-class.595c6bf.png") 50% center no-repeat; }

#oral-class .last-block { margin-bottom: 100px; }

.corporate-training .button[data-v-0fad5148] { width: 300px; height: 56px; background: rgb(0, 135, 255); border-radius: 60px; font-size: 20px; font-weight: 700; line-height: 56px; cursor: pointer; color: rgb(255, 255, 255); }

.corporate-training .button[data-v-0fad5148]:hover { background: rgb(0, 114, 215); }

.corporate-training .banner[data-v-0fad5148] { height: 734px; background: url("/student/static/img/banner.259fb4a.png") 50% center no-repeat; color: rgb(255, 255, 255); font-size: 48px; text-align: center; }

.corporate-training .banner .banner-title[data-v-0fad5148] { font-weight: 700; line-height: 64px; padding-top: 180px; }

.corporate-training .banner .banner-sub-title[data-v-0fad5148] { padding-top: 10px; font-weight: 700; line-height: 48px; }

.corporate-training .banner .banner-text[data-v-0fad5148] { padding-top: 24px; font-size: 24px; font-weight: 500; color: rgb(255, 255, 255); line-height: 48px; text-align: center; }

.corporate-training .banner .banner-button[data-v-0fad5148] { margin: 30px auto 0px; }

.corporate-training .content[data-v-0fad5148] { width: 1200px; margin: auto; }

.corporate-training .content .title[data-v-0fad5148] { font-size: 40px; font-weight: 500; color: rgb(51, 51, 51); line-height: 64px; text-align: center; }

.corporate-training .content .card-wrapper[data-v-0fad5148] { margin-top: 50px; width: 100%; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.corporate-training .content .card-wrapper .item[data-v-0fad5148] { position: relative; width: 580px; height: 360px; margin-bottom: 40px; }

.corporate-training .content .card-wrapper .item[data-v-0fad5148]::before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent; z-index: 1; }

.corporate-training .content .card-wrapper .item[data-v-0fad5148]:hover::before { background: rgba(0, 135, 255, 0.85); }

.corporate-training .content .card-wrapper .item .text[data-v-0fad5148] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 36px; font-weight: 700; color: rgb(255, 255, 255); line-height: 56px; z-index: 2; text-align: center; width: 100%; }

.corporate-training .content .lh40[data-v-0fad5148] { line-height: 40px; }

.corporate-training .content .tag-wrapper[data-v-0fad5148] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-top: 70px; }

.corporate-training .content .tag-wrapper .item[data-v-0fad5148] { position: relative; font-size: 28px; font-weight: 500; color: rgb(102, 102, 102); line-height: 40px; cursor: pointer; }

.corporate-training .content .tag-wrapper .active[data-v-0fad5148] { color: rgb(0, 135, 255); }

.corporate-training .content .tag-wrapper .active[data-v-0fad5148]::after { content: ""; display: block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 24px; height: 6px; background: rgb(0, 135, 255); border-radius: 50px; }

.corporate-training .content .tag-img[data-v-0fad5148] { margin-top: 52px; height: 448px; width: 100%; }

.corporate-training .contact-wrap[data-v-0fad5148] { position: relative; margin-top: 100px; height: 401px; background: url("/student/static/img/contactBg.e31cddb.png") 50% center no-repeat; box-sizing: border-box; text-align: center; }

.corporate-training .contact-wrap .contact-area[data-v-0fad5148] { position: absolute; top: 62px; right: 19.38%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 436px; height: 282px; background: rgb(255, 255, 255); border-radius: 24px; }

.corporate-training .contact-wrap .contact-area .contact-title[data-v-0fad5148] { font-size: 40px; font-weight: 500; color: rgb(51, 51, 51); line-height: 40px; }

.corporate-training .contact-wrap .contact-area .contact-text[data-v-0fad5148] { margin-top: 16px; font-size: 28px; font-weight: 500; color: rgb(102, 102, 102); line-height: 40px; }

.corporate-training .contact-wrap .contact-area .contact-btn[data-v-0fad5148] { margin: 30px auto 0px; }

.corporate-training .mt80[data-v-0fad5148] { margin-top: 80px; }

.corporate-training .mt30[data-v-0fad5148] { margin-top: 30px; }

#public-welfare[data-v-3fe241be] { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; border-radius: 8px; color: rgb(153, 153, 153); }

#public-welfare .title-pic[data-v-3fe241be] { width: 100%; margin-bottom: 30px; }

#public-welfare .title-pic img[data-v-3fe241be] { width: 100%; }

#public-welfare .title[data-v-3fe241be] { color: rgb(0, 135, 225); margin-bottom: 30px; font-weight: 700; font-size: 16px; }

#public-welfare ul li[data-v-3fe241be] { display: flex; cursor: pointer; }

#public-welfare ul li div[data-v-3fe241be] { flex-shrink: 0; }

#public-welfare ul li .img-wrap[data-v-3fe241be] { width: 310px; height: 168px; margin-right: 20px; }

#public-welfare ul li .img-wrap img[data-v-3fe241be] { width: 100%; height: 100%; }

#public-welfare ul li .text-wrap .text-title[data-v-3fe241be] { font-size: 20px; font-weight: 500; color: rgb(255, 94, 1); width: 540px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#public-welfare ul li .text-wrap .time[data-v-3fe241be] { font-size: 14px; color: rgb(255, 94, 1); margin: 10px 0px 20px; }

#public-welfare ul li .text-wrap .content span[data-v-3fe241be] { width: 544px; overflow: hidden; -webkit-line-clamp: 4; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

#public-welfare ul li + li[data-v-3fe241be] { margin: 80px 0px; }

.website-home[data-v-97e7f192] { min-width: 1200px; background: rgb(255, 255, 255); border-radius: 8px; }

.website-home .footer-block[data-v-97e7f192] { height: 220px; background-color: rgb(237, 241, 247); }

.bottom-wrap[data-v-97e7f192] { position: fixed; bottom: 0px; z-index: 10; width: 100%; height: 100px; background: rgba(0, 0, 0, 0.7); }

.bottom-wrap .inner-wrap[data-v-97e7f192] { -webkit-box-pack: justify; justify-content: space-between; width: 1200px; height: 100px; margin: auto; cursor: pointer; }

.bottom-wrap .inner-wrap .left-wrap[data-v-97e7f192], .bottom-wrap .inner-wrap[data-v-97e7f192] { display: flex; -webkit-box-align: center; align-items: center; }

.bottom-wrap .inner-wrap .left-wrap .icon[data-v-97e7f192] { width: 74px; height: 72px; margin-right: 17px; }

.bottom-wrap .inner-wrap .left-wrap .allow[data-v-97e7f192] { width: 33px; height: 24px; margin-left: 16px; }

.bottom-wrap .inner-wrap .left-wrap .right[data-v-97e7f192] { display: flex; -webkit-box-align: center; align-items: center; font-size: 38px; font-weight: 500; line-height: 42px; color: rgb(255, 255, 255); letter-spacing: 5px; }

.bottom-wrap .inner-wrap .left-wrap .right .num[data-v-97e7f192] { font-size: 48px; margin-right: 5px; }

.bottom-wrap .inner-wrap .left-wrap .right .active[data-v-97e7f192] { color: rgb(255, 170, 0); }

.bottom-wrap .inner-wrap .right-btn[data-v-97e7f192] { width: 300px; height: 60px; background: linear-gradient(103deg, rgb(255, 92, 1), rgb(255, 153, 0)); border-radius: 60px; text-align: center; font-size: 28px; font-weight: 500; color: rgb(255, 255, 255); line-height: 60px; }

[data-v-79570ed6] .el-dropdown-menu__item { line-height: 26px; }

[data-v-79570ed6] .el-dropdown-menu { padding: 0px; }

.website-header[data-v-79570ed6] { width: 100%; min-width: 1200px; height: 120px; background: linear-gradient(0deg, rgb(0, 135, 255), rgb(0, 156, 255)); }

.website-header .header-wrap[data-v-79570ed6] { display: flex; -webkit-box-pack: justify; justify-content: space-between; height: 100%; width: 1200px; }

.website-header .header-wrap .header-left[data-v-79570ed6] { margin-top: 28px; }

.website-header .header-wrap .header-left .icon[data-v-79570ed6] { width: 266px; height: 64px; }

.website-header .header-wrap .header-right[data-v-79570ed6] { position: relative; width: 700px; height: 100%; display: flex; -webkit-box-pack: end; justify-content: end; padding-top: 18px; box-sizing: border-box; }

.website-header .header-wrap .header-right .dropdown[data-v-79570ed6] { font-size: 16px; color: rgb(255, 255, 255); height: 20px; margin-top: 10px; cursor: pointer; }

.website-header .header-wrap .header-right .receive-button[data-v-79570ed6] { box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 140px; height: 40px; border-radius: 60px; border: 1px solid rgb(255, 255, 255); cursor: pointer; margin-right: 10px; }

.website-header .header-wrap .header-right .receive-button[data-v-79570ed6]:hover { border: 1px solid transparent; background: rgb(255, 255, 255); }

.website-header .header-wrap .header-right .receive-button:hover .text[data-v-79570ed6] { color: rgb(255, 92, 1); }

.website-header .header-wrap .header-right .receive-button .icon[data-v-79570ed6] { width: 24px; height: 24px; margin-right: 3px; }

.website-header .header-wrap .header-right .receive-button .text[data-v-79570ed6] { font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); line-height: 19px; }

.website-header .header-wrap .header-right .is-login[data-v-79570ed6] { margin-top: 27px; margin-right: 50px; }

.website-header .header-wrap .header-right .login-button[data-v-79570ed6] { display: flex; -webkit-box-align: center; align-items: center; height: 40px; }

.website-header .header-wrap .header-right .login-button .back[data-v-79570ed6] { line-height: 40px; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; text-decoration: underline; margin-right: 30px; }

.website-header .header-wrap .header-right .login-button button[data-v-79570ed6] { width: 94px; height: 40px; border: 1px solid rgb(255, 255, 255); border-radius: 20px; font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 16px; text-indent: 16px; background: none; }

.website-header .header-wrap .header-right .login-button .reg-button[data-v-79570ed6] { margin-left: 10px; background: rgb(255, 100, 0); border: 1px solid rgb(255, 100, 0); border-radius: 20px; }

.website-header .header-wrap .header-right .main-left[data-v-79570ed6] { display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); padding-top: 30px; }

.website-header .header-wrap .header-right .main-left .back[data-v-79570ed6] { line-height: 40px; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; text-decoration: underline; margin-right: 30px; }

.website-header .header-wrap .header-right .main-left.teacher div[data-v-79570ed6] { cursor: pointer; }

.website-header .header-wrap .header-right .main-left.teacher .main-left-name[data-v-79570ed6] { font-size: 16px; margin-right: 10px; max-width: 158px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.website-header .header-wrap .header-right .main-left.teacher .logout[data-v-79570ed6] { font-size: 14px; text-decoration: underline; }

.website-header .header-wrap .header-right .main-left .main-left-notice[data-v-79570ed6] { position: relative; height: 24px; cursor: pointer; width: 50px; }

.website-header .header-wrap .header-right .main-left .main-left-notice .badge-style .el-badge__content[data-v-79570ed6] { border: none; background: rgb(255, 94, 1); }

.website-header .header-wrap .header-right .main-left .main-left-notice .notice-bell i[data-v-79570ed6] { width: 18px; height: 24px; font-size: 24px; opacity: 0.8; }

.website-header .header-wrap .header-right .main-left .main-left-img[data-v-79570ed6] { position: relative; flex-shrink: 0; width: 31px; height: 31px; border: 1px solid rgb(255, 255, 255); border-radius: 16px; margin-left: 30px; }

.website-header .header-wrap .header-right .main-left .main-left-img img[data-v-79570ed6] { height: 100%; width: 100%; border-radius: 16px; }

.website-header .header-wrap .header-right .main-left .main-left-name[data-v-79570ed6] { font-size: 14px; margin-left: 8px; }

.website-header .header-wrap .header-right .main-left .main-left-name.click[data-v-79570ed6] { text-decoration: underline; }

.website-header .header-wrap .header-right .main-left .main-left-arrow[data-v-79570ed6] { margin-left: 15px; }

.website-header .header-wrap .header-right ul[data-v-79570ed6] { display: flex; -webkit-box-pack: end; justify-content: flex-end; position: absolute; bottom: 0px; height: 37px; width: 100%; font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); padding-bottom: 14px; }

.website-header .header-wrap .header-right ul .activeIndex[data-v-79570ed6] { font-weight: 700; }

.website-header .header-wrap .header-right ul li[data-v-79570ed6] { margin-right: 34px; }

.website-header .header-wrap .header-right ul li a[data-v-79570ed6] { color: rgb(255, 255, 255); }

.website-header .header-wrap .header-right ul li[data-v-79570ed6]:first-child { margin-left: 3px; }

.website-header .header-wrap .header-right ul li[data-v-79570ed6]:last-child { margin-right: 0px; }

.website-header .pb-16[data-v-79570ed6] { padding-bottom: 16px; }

.website-footer[data-v-0759e538] { position: absolute; bottom: 0px; z-index: 11; width: 100%; min-width: 1200px; height: 220px; background: rgb(41, 41, 41); color: rgb(141, 141, 141); }

.website-footer a[data-v-0759e538] { color: rgb(141, 141, 141); }

.website-footer a[data-v-0759e538]:hover { color: rgb(255, 255, 255); }

.website-footer .main-wrap[data-v-0759e538] { width: 1200px; margin-top: 60px; font-size: 14px; }

.website-footer .main-wrap .first-line[data-v-0759e538] { display: flex; height: 30px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.website-footer .main-wrap .first-line .product-ul[data-v-0759e538] { display: flex; height: 16px; line-height: 16px; }

.website-footer .main-wrap .first-line .product-ul li[data-v-0759e538] { border-right: 1px solid rgb(141, 141, 141); padding: 0px 10px; cursor: pointer; }

.website-footer .main-wrap .first-line .product-ul li[data-v-0759e538]:hover { color: rgb(255, 255, 255); }

.website-footer .main-wrap .first-line .product-ul li[data-v-0759e538]:last-child { border: none; }

.website-footer .main-wrap .first-line .other-link > span[data-v-0759e538] { position: relative; margin-right: 12px; height: 25px; width: 25px; display: inline-block; }

.website-footer .main-wrap .first-line .other-link > span span[data-v-0759e538] { display: inline-block; height: 23px; width: 23px; background-color: rgb(255, 255, 255); border-radius: 50%; }

.website-footer .main-wrap .first-line .other-link > span i[data-v-0759e538] { position: absolute; top: -3px; left: -3px; font-size: 27px; cursor: pointer; }

.website-footer .main-wrap .about-us[data-v-0759e538] { display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; }

.website-footer .main-wrap .about-us li[data-v-0759e538] { margin-top: 20px; margin-right: 20px; cursor: pointer; }

.website-footer .main-wrap .about-us li[data-v-0759e538]:hover { color: rgb(255, 255, 255); }

.website-footer .main-wrap .last-line[data-v-0759e538] { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 20px; cursor: pointer; }

.website-footer .main-wrap .last-line span[data-v-0759e538]:hover { color: rgb(255, 255, 255); }

.website-footer .main-wrap .last-line span[data-v-0759e538] { margin-left: 10px; }

.website-footer .main-wrap .last-line img[data-v-0759e538] { margin-left: 10px; cursor: pointer; }

.visibility-hidden[data-v-3e0375d2] { visibility: hidden; }

.website-index[data-v-3e0375d2] { word-break: break-word; }

.website-index .wrap-margin[data-v-3e0375d2] { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

.website-index .popup_wrap[data-v-3e0375d2] { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 3000; }

.website-index .popup_wrap .popup_container[data-v-3e0375d2] { color: rgb(255, 255, 255); text-align: center; margin-top: 15vh; }

.website-index .popup_wrap .popup_container .popup_text[data-v-3e0375d2] { position: relative; width: 600px; height: 600px; margin: 0px auto; }

.website-index .popup_wrap .popup_container .popup_text img[data-v-3e0375d2] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.website-index .popup_wrap .popup_container .popup_text .close[data-v-3e0375d2] { position: absolute; right: -92px; z-index: 2000; }

.website-index .popup_wrap .popup_container .popup_text .close .icon_guanbi[data-v-3e0375d2] { font-size: 48px; cursor: pointer; }

.website-index .popup_wrap .popup_container .popup_text .close div[data-v-3e0375d2] { font-size: 16px; font-weight: 500; margin-top: 8px; color: rgb(204, 204, 204); }

.website-index .fade-leave-active[data-v-3e0375d2] { transition: opacity 0.5s; }

.website-index .fade-leave-to[data-v-3e0375d2] { opacity: 0; }

.website-index .button-style[data-v-3e0375d2] { background: linear-gradient(0deg, rgb(0, 156, 255), rgb(0, 135, 255)); box-shadow: rgba(0, 246, 255, 0.4) 0px 5px 13px 0px; border-radius: 25px; font-size: 20px; font-weight: 400; color: rgb(208, 253, 255); text-shadow: rgba(0, 72, 120, 0.34) 1px 1px 0px; padding-left: 32px; padding-right: 32px; min-width: 246px; text-align: center; }

.website-index .carousel-wrap[data-v-3e0375d2] { position: relative; }

.website-index .carousel-wrap .cursor-has[data-v-3e0375d2] { cursor: pointer; }

.website-index .carousel-wrap .el-carousel__arrow[data-v-3e0375d2] { margin: 0px 60px; height: 60px; width: 60px; }

.website-index .carousel-wrap .el-carousel__arrow i[data-v-3e0375d2] { font-size: 20px; }

.website-index .carousel-wrap .el-carousel__item img[data-v-3e0375d2] { width: 1920px; position: absolute; left: 50%; transform: translateX(-50%); }

.website-index .reason-wrap[data-v-3e0375d2] { width: 100%; height: 1090px; }

.website-index .reason-wrap .reason-content[data-v-3e0375d2] { text-align: center; }

.website-index .reason-wrap .reason-content .reason-title[data-v-3e0375d2] { display: inline-block; margin: 80px 0px 83px; font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); }

.website-index .reason-wrap .reason-content ul[data-v-3e0375d2] { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }

.website-index .reason-wrap .reason-content ul li[data-v-3e0375d2] { width: 374px; min-height: 300px; margin-bottom: 52px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 29px 0px; position: relative; }

.website-index .reason-wrap .reason-content ul li:hover .top-img[data-v-3e0375d2] { border-radius: 10px 10px 0px 0px; }

.website-index .reason-wrap .reason-content ul li:hover .top-img img[data-v-3e0375d2] { width: 105%; height: 105%; }

.website-index .reason-wrap .reason-content ul li .top-img[data-v-3e0375d2] { width: 374px; height: 228px; overflow: hidden; position: relative; }

.website-index .reason-wrap .reason-content ul li .top-img img[data-v-3e0375d2] { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; }

.website-index .reason-wrap .reason-content ul li img[data-v-3e0375d2] { border-radius: 10px 10px 0px 0px; }

.website-index .reason-wrap .reason-content ul li .reason-description[data-v-3e0375d2] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 20px auto; width: 327px; text-align: center; }

.website-index .reason-wrap .reason-content ul li .reason-description p[data-v-3e0375d2] { margin-left: 7px; font-size: 20px; font-weight: 400; color: rgb(41, 41, 41); }

.website-index .reason-wrap .reason-content button[data-v-3e0375d2] { width: 291px; height: 50px; }

.website-index .pool-wrap[data-v-3e0375d2] { position: relative; width: 100%; height: 506px; }

.website-index .pool-wrap .v[data-v-3e0375d2] { position: absolute; top: 0px; overflow: hidden; width: 100%; height: 100%; background: url("/student/static/img/student-video.a2c8146.png") 50% center no-repeat; }

.website-index .pool-wrap .v .f[data-v-3e0375d2] { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }

.website-index .pool-wrap .bg-pop[data-v-3e0375d2] { height: 100%; width: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.5); }

.website-index .pool-wrap .pool-title[data-v-3e0375d2] { width: 730px; height: 108px; margin: 0px auto; padding-top: 141px; font-size: 40px; font-weight: 400; color: rgb(255, 255, 255); text-align: center; }

.website-index .pool-wrap .pool-title > div > span[data-v-3e0375d2] { font-weight: 600; }

.website-index .pool-wrap button[data-v-3e0375d2] { display: block; min-width: 311px; height: 50px; margin: 110px auto; }

.website-index .system-wrap[data-v-3e0375d2] { width: 100%; height: 801px; padding: 110px 0px; text-align: center; }

.website-index .system-wrap .system-title[data-v-3e0375d2] { font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); line-height: 70px; }

.website-index .system-wrap ul[data-v-3e0375d2] { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 130px; }

.website-index .system-wrap ul li[data-v-3e0375d2] { width: 374px; min-height: 440px; }

.website-index .system-wrap ul li div[data-v-3e0375d2] { margin: 58px 0px 20px; font-size: 23px; font-weight: 400; color: rgb(41, 41, 41); line-height: 36px; }

.website-index .system-wrap ul li p[data-v-3e0375d2] { font-size: 16px; font-weight: 400; color: rgb(41, 41, 41); }

.website-index .system-wrap button[data-v-3e0375d2] { width: 231px; height: 50px; margin-top: 74px; }

.website-index .video-wrap[data-v-3e0375d2] { width: 100%; height: 915px; background: url("/student/static/img/icon-bg2.84aaf1a.png") 50% center no-repeat; }

.website-index .video-wrap .video-title[data-v-3e0375d2] { padding-top: 70px; font-size: 40px; font-weight: 500; color: rgb(255, 255, 255); line-height: 70px; }

.website-index .video-wrap .video-container[data-v-3e0375d2] { position: relative; width: 879px; padding-top: 12px; height: 483px; border-radius: 10px; margin: 61px auto 48px; }

.website-index .video-wrap .video-container .img-video[data-v-3e0375d2] { width: 95%; margin-top: -50px; border-radius: 8px; }

.website-index .video-wrap .video-container .f[data-v-3e0375d2] { width: 95%; cursor: pointer; }

.website-index .video-wrap .video-container .play-btn[data-v-3e0375d2] { position: absolute; left: 400px; top: 200px; cursor: pointer; }

.website-index .video-wrap .video-container .play-btn[data-v-3e0375d2]:hover { opacity: 0.95; }

.website-index .video-wrap button[data-v-3e0375d2] { width: 231px; height: 50px; border: 1px solid rgb(255, 255, 255); border-radius: 25px; background: none; font-size: 23px; font-weight: 400; color: rgb(255, 255, 255); }

.website-index .video-wrap button i[data-v-3e0375d2] { margin-left: 10px; }

.website-index .experience-wrap[data-v-3e0375d2] { height: 882px; }

.website-index .experience-wrap .experience-title[data-v-3e0375d2] { padding-top: 130px; font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); }

.website-index .experience-wrap ul[data-v-3e0375d2] { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.website-index .experience-wrap ul li[data-v-3e0375d2] { width: 399px; font-weight: 400; line-height: 36px; margin-top: 130px; }

.website-index .experience-wrap ul li[data-v-3e0375d2]:hover { margin-top: 88px; }

.website-index .experience-wrap ul li div[data-v-3e0375d2] { font-size: 23px; color: rgb(41, 41, 41); }

.website-index .experience-wrap ul li p[data-v-3e0375d2] { font-size: 16px; color: rgb(141, 141, 141); }

.website-index .experience-wrap button[data-v-3e0375d2] { width: 231px; height: 50px; margin-top: 87px; }

.website-index .enterprice-honor[data-v-3e0375d2] { height: 603px; background: url("/student/static/img/icon-bg-d.237f858.png") 50% center no-repeat; }

.website-index .enterprice-honor .honor-title[data-v-3e0375d2] { padding-top: 85px; font-size: 40px; font-weight: 500; color: rgb(255, 255, 255); }

.website-index .enterprice-honor .arrow-left[data-v-3e0375d2] { position: absolute; top: 330px; left: 0px; }

.website-index .enterprice-honor .arrow-right[data-v-3e0375d2] { position: absolute; top: 330px; right: 0px; }

.website-index .enterprice-honor .honor-outer[data-v-3e0375d2] { position: relative; height: 290px; width: 1020px; margin: 84px 0px 0px 93px; overflow: hidden; box-sizing: border-box; }

.website-index .enterprice-honor .honor-outer ul[data-v-3e0375d2] { position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; left: 0px; }

.website-index .enterprice-honor .honor-outer ul li[data-v-3e0375d2] { width: 212px; margin-right: 54px; height: 100%; font-size: 18px; color: rgb(142, 142, 142); line-height: 30px; position: absolute; transition: 0.5s; }

.website-index .enterprice-honor .honor-outer ul li div.honor-item[data-v-3e0375d2] { margin-top: 35px; }

.website-index .enterprice-honor .honor-outer ul li .honor-desp[data-v-3e0375d2] { width: 212px; overflow-wrap: break-word; word-break: break-all; overflow: hidden; }

.website-index .enterprice-honor .honor-outer ul li .honor-desp.popular[data-v-3e0375d2] { width: 180px; padding-left: 17px; }

.website-index .video-pop[data-v-3e0375d2] { position: fixed; width: 100%; height: 100%; top: 0px; background-color: rgb(0, 0, 0); z-index: 999; }

.website-index .video-pop .f[data-v-3e0375d2] { position: absolute; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.website-index .video-pop i[data-v-3e0375d2] { position: absolute; top: 20px; right: 20px; color: rgb(255, 255, 255); font-size: 40px; cursor: pointer; }

.global-faculty .wrap-margin[data-v-a4faee0c] { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

.global-faculty .button-style[data-v-a4faee0c] { background: linear-gradient(0deg, rgb(0, 156, 255), rgb(0, 135, 255)); box-shadow: rgba(0, 246, 255, 0.4) 0px 6px 13px 0px; border-radius: 25px; font-size: 20px; font-weight: 400; color: rgb(208, 253, 255); text-shadow: rgba(0, 72, 120, 0.34) 1px 1px 0px; }

.global-faculty .teacher-wrap[data-v-a4faee0c] { height: 834px; margin-bottom: 300px; background: url("/student/static/img/en-global-teacher.ae6761e.png") 50% center no-repeat; }

.global-faculty .teacher-wrap .teacher-title[data-v-a4faee0c] { padding-top: 355px; font-size: 42px; font-weight: 700; color: rgb(255, 255, 255); line-height: 89px; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

.global-faculty .teacher-wrap .teacher-description[data-v-a4faee0c] { margin-top: 10px; font-size: 23px; font-weight: 400; color: rgb(255, 255, 255); line-height: 46px; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

.global-faculty ul[data-v-a4faee0c] { display: flex; color: rgb(51, 51, 51); width: 1200px; min-height: 92px; margin-top: 385px; }

.global-faculty ul li[data-v-a4faee0c] { width: 33.3%; line-height: 36px; border-left: 1px solid rgb(210, 210, 210); box-sizing: border-box; padding: 0px 20px; }

.global-faculty ul li[data-v-a4faee0c]:last-child { border-right: 1px solid rgb(210, 210, 210); }

.global-faculty ul li div[data-v-a4faee0c] { word-break: break-word; font-size: 23px; color: rgb(41, 41, 41); }

.global-faculty ul li div .qi-class[data-v-a4faee0c] { font-size: 15px; margin-left: 5px; font-weight: 400; color: rgb(0, 135, 255); }

.global-faculty ul li p[data-v-a4faee0c] { word-break: break-word; font-size: 16px; color: rgb(141, 141, 141); }

.global-faculty .employ-wrap[data-v-a4faee0c] { height: 732px; }

.global-faculty .employ-wrap .employ-title[data-v-a4faee0c] { margin: 37px 0px 27px; font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); }

.global-faculty .employ-wrap .employ-description[data-v-a4faee0c] { font-size: 23px; font-weight: 300; color: rgb(141, 141, 141); }

.global-faculty .employ-wrap .employ-img[data-v-a4faee0c] { position: relative; width: 1200px; height: 467px; background: url("/student/static/img/en-employ-bg.834c857.png") 50% 218px no-repeat; text-align: left; }

.global-faculty .employ-wrap .employ-img p[data-v-a4faee0c] { position: absolute; font-size: 17px; font-weight: 400; color: rgb(41, 41, 41); line-height: 36px; word-break: break-word; }

.global-faculty .employ-wrap .employ-img p[data-v-a4faee0c]:first-of-type { top: 417px; left: 34px; }

.global-faculty .employ-wrap .employ-img p[data-v-a4faee0c]:nth-of-type(2) { top: 220px; left: 240px; }

.global-faculty .employ-wrap .employ-img p[data-v-a4faee0c]:nth-of-type(3) { top: 436px; left: 740px; }

.global-faculty .employ-wrap .employ-img p[data-v-a4faee0c]:last-of-type { text-align: right; top: 138px; left: 840px; }

.global-faculty .employ-wrap .employ-img img[data-v-a4faee0c] { position: absolute; }

.global-faculty .employ-wrap .employ-img img[data-v-a4faee0c]:first-of-type { top: 200px; left: 0px; }

.global-faculty .employ-wrap .employ-img img[data-v-a4faee0c]:nth-of-type(2) { top: 92px; left: 305px; }

.global-faculty .employ-wrap .employ-img img[data-v-a4faee0c]:nth-of-type(3) { top: 260px; left: 700px; }

.global-faculty .employ-wrap .employ-img img[data-v-a4faee0c]:last-of-type { top: 0px; left: 1027px; }

.global-faculty .employ-wrap .employ-img #em-img1[data-v-a4faee0c] { animation: 1s ease-in-out 0s infinite alternate none running em-img1-data-v-a4faee0c; }

@-webkit-keyframes em-img1-data-v-a4faee0c { 
  100% { top: 210px; }
}

@keyframes em-img1-data-v-a4faee0c { 
  100% { top: 210px; }
}

.global-faculty .employ-wrap .employ-img #em-img2[data-v-a4faee0c] { animation: 1s ease-in-out 0s infinite alternate none running em-img2-data-v-a4faee0c; }

@-webkit-keyframes em-img2-data-v-a4faee0c { 
  100% { top: 85px; }
}

@keyframes em-img2-data-v-a4faee0c { 
  100% { top: 85px; }
}

.global-faculty .employ-wrap .employ-img #em-img3[data-v-a4faee0c] { animation: 1s ease-in-out 0s infinite alternate none running em-img3-data-v-a4faee0c; }

@-webkit-keyframes em-img3-data-v-a4faee0c { 
  100% { top: 245px; }
}

@keyframes em-img3-data-v-a4faee0c { 
  100% { top: 250px; }
}

.global-faculty .employ-wrap .employ-img #em-img4[data-v-a4faee0c] { animation: 1s ease-in-out 0s infinite alternate none running em-img4-data-v-a4faee0c; }

@-webkit-keyframes em-img4-data-v-a4faee0c { 
  100% { top: 8px; }
}

@keyframes em-img4-data-v-a4faee0c { 
  100% { top: 8px; }
}

.global-faculty #standard-wrap[data-v-a4faee0c] { position: relative; height: 595px; color: rgb(255, 255, 255); }

.global-faculty #standard-wrap .standard-copy[data-v-a4faee0c] { width: 100%; position: absolute; display: flex; }

.global-faculty #standard-wrap .standard-copy div[data-v-a4faee0c]:first-child { position: absolute; left: 0px; }

.global-faculty #standard-wrap .standard-copy div[data-v-a4faee0c]:last-child { position: absolute; right: 0px; }

.global-faculty #standard-wrap .standard-title[data-v-a4faee0c] { padding-top: 207px; margin-bottom: 37px; font-size: 56px; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

.global-faculty #standard-wrap p[data-v-a4faee0c] { font-size: 28px; font-weight: 300; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

.global-faculty #standard-wrap button[data-v-a4faee0c] { width: 271px; height: 50px; margin-top: 60px; }

.global-faculty .timetable-wrap[data-v-a4faee0c] { height: 928px; background: rgb(243, 243, 243); }

.global-faculty .timetable-wrap .time-title[data-v-a4faee0c] { padding-top: 100px; font-size: 40px; font-weight: 500; line-height: 70px; color: rgb(41, 41, 41); }

.global-faculty .timetable-wrap p[data-v-a4faee0c] { margin: 20px 0px 51px; font-size: 23px; font-weight: 300; color: rgb(141, 141, 141); }

.global-faculty .waiting-wrap[data-v-a4faee0c] { position: relative; height: 593px; background: rgb(41, 41, 41); color: rgb(255, 255, 255); }

.global-faculty .waiting-wrap .v[data-v-a4faee0c] { position: absolute; top: 0px; overflow: hidden; width: 100%; height: 100%; }

.global-faculty .waiting-wrap .v .f[data-v-a4faee0c] { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); }

.global-faculty .waiting-wrap .bg-pop[data-v-a4faee0c] { height: 100%; width: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.5); }

.global-faculty .waiting-wrap .waiting-title[data-v-a4faee0c] { font-size: 60px; font-weight: 500; line-height: 593px; text-shadow: rgba(0, 0, 0, 0.23) 0px 6px 21px; }

.global-faculty .waiting-wrap p[data-v-a4faee0c] { margin: 44px 0px 90px; font-size: 23px; font-weight: 300; }

.global-faculty .waiting-wrap button[data-v-a4faee0c] { width: 231px; height: 50px; padding-left: 10px; border: 1px solid rgb(255, 255, 255); border-radius: 25px; font-size: 23px; font-weight: 400; line-height: 50px; color: rgb(255, 255, 255); background: none; }

.global-faculty .waiting-wrap button i[data-v-a4faee0c] { margin-left: 10px; }

.class-tool .download-wrap[data-v-3c17c4bb] { width: 100%; height: 680px; background: url("/student/static/img/en-tool-bg.502ad2f.png") 50% center no-repeat; }

.class-tool .other-title[data-v-3c17c4bb] { text-align: center; font-size: 36px; font-weight: 600; color: rgb(34, 35, 37); margin: 58px 0px 35px; }

.class-tool .other-title span[data-v-3c17c4bb] { margin: 0px 40px; }

.class-tool .tool-use[data-v-3c17c4bb] { width: 1200px; min-width: 1200px; margin: 0px auto; padding-bottom: 80px; }

.class-tool .tool-use .tool-process[data-v-3c17c4bb] { display: flex; padding-left: 60px; }

.class-tool .tool-use .tool-process > img[data-v-3c17c4bb] { flex-shrink: 0; margin-right: 64px; width: 148px; height: 800px; }

.class-tool .tool-use .tool-process .tool-content .first-step.second[data-v-3c17c4bb] { margin-top: 124px; }

.class-tool .tool-use .tool-process .tool-content .first-step.third[data-v-3c17c4bb] { margin-top: 184px; }

.class-tool .tool-use .tool-process .tool-content .first-step .step-title[data-v-3c17c4bb] { font-size: 36px; font-weight: 600; color: rgb(51, 51, 51); margin: 50px 0px 20px; }

.class-tool .tool-use .tool-process .tool-content .first-step .step-tips[data-v-3c17c4bb] { width: 855px; font-size: 24px; font-weight: 400; color: rgb(153, 153, 153); margin-bottom: 30px; line-height: 40px; word-break: break-word; }

.class-tool .tool-use .tool-process .tool-content .first-step .step-btn[data-v-3c17c4bb] { display: inline-block; min-width: 304px; height: 60px; border-radius: 8px; border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); font-size: 24px; text-align: center; line-height: 60px; cursor: pointer; margin-right: 30px; padding: 0px 20px; box-sizing: border-box; }

.class-tool .tool-use .tool-process .tool-content .first-step .step-btn.register[data-v-3c17c4bb] { width: 144px; }

.class-tool .tool-use .tool-process .tool-content .first-step .step-btn[data-v-3c17c4bb]:hover { background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); }

.class-tool .tool-use .tool-process .tool-content .first-step .register-btn-slot[data-v-3c17c4bb] { height: 60px; }

.class-tool .tool-use .tool-process .tool-content .first-step .class-img img[data-v-3c17c4bb] { width: 847px; height: 633px; }

.class-tool .device-wrap[data-v-3c17c4bb] { background-color: rgb(248, 252, 255); padding: 85px 0px 80px; }

.class-tool .device-wrap .main-wrap[data-v-3c17c4bb] { width: 1200px; margin: 0px auto; }

.class-tool .device-wrap .other-title[data-v-3c17c4bb] { margin: 0px; }

.class-tool .device-wrap .device-ul[data-v-3c17c4bb] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-top: 50px; height: 180px; }

.class-tool .device-wrap .device-ul li[data-v-3c17c4bb] { width: 380px; height: 100%; }

.class-tool .device-wrap .device-ul li .img-block[data-v-3c17c4bb] { width: 100%; height: 130px; margin-bottom: 10px; }

.class-tool .device-wrap .device-ul li .img-block img[data-v-3c17c4bb] { width: 380px; }

.class-tool .device-wrap .device-ul li .des-block[data-v-3c17c4bb] { text-align: center; font-size: 14px; color: rgb(34, 35, 37); word-break: break-word; }

.class-tool .device-wrap .device-ul li:nth-child(2) .des-block[data-v-3c17c4bb] { width: 380px; margin: 0px auto; }

.class-tool .device-wrap .device-ul li:nth-child(4) .des-block[data-v-3c17c4bb] { width: 178px; margin: 0px auto; }

.class-tool .other-question[data-v-3c17c4bb] { background: rgb(255, 255, 255); padding-bottom: 40px; padding-left: 60px; }

.class-tool .other-question .other-wrap[data-v-3c17c4bb] { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 1200px; min-width: 1200px; margin: 0px auto; padding-top: 64px; }

.class-tool .other-question .other-wrap .b-block.first[data-v-3c17c4bb] { width: 496px; }

.class-tool .other-question .other-wrap .b-block.first ul[data-v-3c17c4bb] { display: flex; flex-wrap: wrap; }

.class-tool .other-question .other-wrap .b-block.first ul li a[data-v-3c17c4bb] { display: block; cursor: pointer; width: 248px; font-size: 14px; color: rgb(102, 102, 102); line-height: 32px; }

.class-tool .other-question .other-wrap .b-block.first ul li a[data-v-3c17c4bb]:hover { color: rgb(0, 135, 255); }

.class-tool .other-question .other-wrap .b-block .title[data-v-3c17c4bb] { font-size: 36px; font-weight: 600; color: rgb(34, 35, 37); margin-bottom: 35px; }

.class-tool .other-question .other-wrap .b-block .brower-list > div[data-v-3c17c4bb] { padding: 30px; width: 460px; margin-right: 30px; border: 1px solid rgb(237, 241, 247); margin-bottom: 30px; }

.class-tool .other-question .other-wrap .b-block .brower-list > div[data-v-3c17c4bb]:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 29px 0px; }

.class-tool .other-question .other-wrap .b-block .block[data-v-3c17c4bb] { display: flex; }

.class-tool .other-question .other-wrap .b-block .block img[data-v-3c17c4bb] { width: 56px; height: 56px; flex-shrink: 0; margin-right: 20px; }

.class-tool .other-question .other-wrap .b-block .block .b-title[data-v-3c17c4bb] { font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

.class-tool .other-question .other-wrap .b-block .block .b-tips[data-v-3c17c4bb] { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); margin: 10px 0px; }

.class-tool .other-question .other-wrap .b-block .block .b-btn[data-v-3c17c4bb] { width: 148px; height: 32px; border-radius: 4px; border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); font-size: 14px; text-align: center; line-height: 32px; cursor: pointer; }

.class-tool .other-question .other-wrap .b-block .block .b-btn[data-v-3c17c4bb]:hover { background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); }

.download-center .wrap-margin[data-v-1940f49e] { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

.download-center .download-wrap[data-v-1940f49e] { height: 635px; background: url("/student/static/img/en-download-bg.36668b8.png") 50% center / 1920px 680px no-repeat; }

.download-center .download-wrap .download-content[data-v-1940f49e] { text-align: left; }

.download-center .download-wrap .download-content .download-title[data-v-1940f49e] { padding-top: 112px; font-size: 48px; font-weight: 700; color: rgb(34, 35, 37); }

.download-center .download-wrap .download-content p[data-v-1940f49e] { margin-top: 30px; font-size: 24px; font-weight: 400; color: rgb(141, 148, 155); }

.download-center .download-wrap .download-content img[data-v-1940f49e] { margin: 38px 57px 0px 0px; }

.download-center .download-wrap .download-block[data-v-1940f49e] { display: flex; }

.download-center .download-wrap .download-block .item[data-v-1940f49e] { display: flex; align-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.download-center .download-wrap .download-block .item .img[data-v-1940f49e] { width: 200px; height: 200px; }

.download-center .download-wrap .download-block .item .text[data-v-1940f49e] { width: 200px; margin-top: 15px; color: rgb(51, 51, 51); font-size: 16px; text-align: center; }

.download-center .download-wrap .download-block > img[data-v-1940f49e] { width: 200px; height: 200px; }

.download-center .download-wrap .download-block .block-right > a[data-v-1940f49e] { display: flex; min-width: 200px; padding: 0px 10px; height: 56px; background: rgb(255, 255, 255); border-radius: 30px; border: 2px solid rgb(0, 135, 255); line-height: 56px; font-size: 16px; font-weight: 500; cursor: pointer; color: rgb(51, 51, 51); }

.download-center .download-wrap .download-block .block-right > a[data-v-1940f49e]:first-child { margin: 70px 0px 20px; }

.download-center .download-wrap .download-block .block-right > a:first-child > span[data-v-1940f49e] { margin-left: 16px; }

.download-center .download-wrap .download-block .block-right > a .icon-img[data-v-1940f49e] { margin: 0px 15px 0px 30px; }

.download-center .download-wrap .download-block .block-right > a .icon-img img[data-v-1940f49e] { width: 20px; height: 20px; margin: 0px 0px 5px; }

.download-center .download-wrap .download-block .block-right span[data-v-1940f49e] { color: rgb(216, 216, 216); margin-left: 8px; }

.download-center .other-wrap[data-v-1940f49e] { width: 1140px; min-width: 1200px; margin: 0px auto; padding-bottom: 30px; padding-left: 60px; }

.download-center .other-wrap .other-title[data-v-1940f49e] { text-align: center; font-size: 36px; font-weight: 600; color: rgb(34, 35, 37); margin: 58px 0px 35px; }

.download-center .other-wrap .other-title span[data-v-1940f49e] { margin: 0px 40px; }

.download-center .other-wrap .brower-list[data-v-1940f49e] { display: flex; flex-wrap: wrap; }

.download-center .other-wrap .brower-list > div[data-v-1940f49e] { flex-shrink: 0; padding: 30px; width: 460px; margin-right: 30px; border: 1px solid rgb(237, 241, 247); margin-bottom: 30px; }

.download-center .other-wrap .brower-list > div[data-v-1940f49e]:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 29px 0px; }

.download-center .other-wrap .brower-list .block[data-v-1940f49e] { display: flex; word-break: break-word; }

.download-center .other-wrap .brower-list .block img[data-v-1940f49e] { width: 56px; height: 56px; flex-shrink: 0; margin-right: 20px; }

.download-center .other-wrap .brower-list .block .b-title[data-v-1940f49e] { font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

.download-center .other-wrap .brower-list .block .b-tips[data-v-1940f49e] { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); margin: 10px 0px; }

.download-center .other-wrap .brower-list .block .b-btn[data-v-1940f49e] { width: 148px; height: 32px; border-radius: 4px; border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); font-size: 14px; text-align: center; line-height: 32px; cursor: pointer; }

.download-center .other-wrap .brower-list .block .b-btn[data-v-1940f49e]:hover { background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); }

#campus-join { background-color: rgb(255, 255, 255); min-width: 1200px; }

#campus-join .main-wrap { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

#campus-join .main-wrap h2 { text-align: center; font-size: 48px; font-weight: 700; margin-bottom: 40px; }

#campus-join .header-banner { height: 1080px; background: url("/student/static/img/campus_top_bg.812813f.png") 50% center / cover no-repeat; }

#campus-join .header-banner .banner-content { width: 400px; height: 100%; }

#campus-join .header-banner .banner-content img { margin: 54px 0px 140px; }

#campus-join .header-banner .banner-content p { color: rgb(255, 255, 255); font-size: 30px; font-weight: 700; }

#campus-join .header-banner .banner-content .tel { width: 391px; height: 70px; background: rgb(255, 205, 1); border-radius: 35px; line-height: 70px; color: rgb(28, 41, 153); font-size: 45px; text-align: center; margin: 29px 0px 43px; font-weight: bolder; }

#campus-join .header-banner .banner-content .form-wrap { width: 388px; height: 310px; text-align: center; background: rgb(255, 255, 255); box-shadow: rgb(28, 41, 153) 4px 0px 10px 0px; border-radius: 8px; margin-top: 17px; }

#campus-join .header-banner .banner-content .form-wrap .title { margin: 27px 0px 21px; display: inline-block; font-size: 30px; font-weight: 400; color: rgb(39, 39, 39); }

#campus-join .header-banner .banner-content .form-wrap .el-form { width: 348px; margin: 0px auto; }

#campus-join .header-banner .banner-content .form-wrap .el-form .el-input__inner { width: 348px; height: 50px; background: rgb(244, 244, 244); border-radius: 10px; border: none; font-size: 16px; color: rgb(51, 51, 51); }

#campus-join .header-banner .banner-content .form-wrap .el-form .el-button { width: 348px; height: 50px; background: rgb(255, 67, 117); border-radius: 10px; font-size: 18px; font-weight: 400; color: rgb(255, 255, 255); border: none; cursor: pointer; outline: none; }

#campus-join .header-banner .banner-content .form-wrap .flex-wrap { display: flex; }

#campus-join .header-banner .banner-content .form-wrap .flex-wrap .left { margin-right: 10px; width: 223px; }

#campus-join .header-banner .banner-content .form-wrap .flex-wrap .left .el-input__inner { width: 223px; }

#campus-join .header-banner .banner-content .form-wrap .flex-wrap .right { width: 115px; }

#campus-join .header-banner .banner-content .form-wrap .flex-wrap .right .el-input__inner { width: 115px; padding-left: 20px; }

#campus-join .header-banner .banner-content .form-wrap .flex-wrap .right .el-input__suffix { right: 10px; }

#campus-join .market { padding-top: 80px; height: 940px; background: url("/student/static/img/campus_prospect_bg.7dc906d.png") 50% center / cover no-repeat; }

#campus-join .history { padding-top: 80px; height: 1442px; background: url("/student/static/img/campus_course_bg.b498477.png") 50% center / cover no-repeat; }

#campus-join .history img { margin-left: -25px; }

#campus-join .industry { padding-top: 80px; height: 955px; background: url("/student/static/img/campus_Industry_bg.e2cd179.png") 50% center / cover no-repeat; }

#campus-join .industry .ul-box { display: flex; font-size: 24px; box-sizing: border-box; margin-top: 78px; }

#campus-join .industry .ul-box li { height: 75px; line-height: 75px; border-bottom: 1px solid rgb(153, 153, 153); }

#campus-join .industry .ul-box li:last-child { border-bottom: none; }

#campus-join .industry .ul-box ul:first-child, #campus-join .industry .ul-box ul:last-child { width: 482px; background: rgb(255, 255, 255); font-weight: 400; }

#campus-join .industry .ul-box ul:first-child li:first-child, #campus-join .industry .ul-box ul:last-child li:first-child { width: 494px; margin-left: -6px; }

#campus-join .industry .ul-box ul:first-child:first-child li:first-child, #campus-join .industry .ul-box ul:last-child:first-child li:first-child { color: rgb(255, 255, 255); background: rgb(63, 59, 238); font-weight: 700; border-bottom: 7px solid rgb(236, 236, 249); }

#campus-join .industry .ul-box ul:first-child:first-child li, #campus-join .industry .ul-box ul:last-child:first-child li { background-color: rgb(255, 255, 255); }

#campus-join .industry .ul-box ul:first-child:last-child li:first-child, #campus-join .industry .ul-box ul:last-child:last-child li:first-child { background: rgb(255, 205, 1); font-weight: 700; border-bottom: 7px solid rgb(236, 236, 249); }

#campus-join .industry .ul-box ul:first-child:last-child li, #campus-join .industry .ul-box ul:last-child:last-child li { background-color: rgb(255, 255, 255); }

#campus-join .industry .ul-box ul { width: 175px; text-align: center; box-shadow: rgba(226, 226, 255, 0.66) 0px 6px 28px 2px; margin: 0px 4px; padding: 0px 6px; background: rgb(204, 231, 255); font-weight: 700; }

#campus-join .industry .ul-box ul li:first-child { width: 187px; margin-left: -6px; border-bottom: 7px solid rgb(236, 236, 249); }

#campus-join .honor { padding-top: 80px; height: 517px; background: url("/student/static/img/campus_honor_bg.eb2be17.png") 50% center / cover no-repeat; }

#campus-join .honor h2 { color: rgb(255, 255, 255); }

#campus-join .honor .honor-title { padding-top: 85px; font-size: 40px; font-weight: 500; color: rgb(255, 255, 255); }

#campus-join .honor .arrow-left { position: absolute; top: 270px; left: 0px; }

#campus-join .honor .arrow-right { position: absolute; top: 270px; right: 0px; }

#campus-join .honor .honor-outer { position: relative; height: 290px; width: 1020px; margin: 84px 0px 0px 93px; overflow: hidden; box-sizing: border-box; }

#campus-join .honor .honor-outer ul { position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; left: 0px; }

#campus-join .honor .honor-outer ul li { width: 212px; margin-right: 54px; height: 100%; font-size: 18px; color: rgb(229, 229, 229); line-height: 30px; position: absolute; transition: 0.5s; text-align: center; }

#campus-join .honor .honor-outer ul li div.honor-item { margin-top: 35px; }

#campus-join .honor .honor-outer ul li .honor-desp { width: 212px; overflow-wrap: break-word; word-break: break-all; overflow: hidden; }

#campus-join .honor .honor-outer ul li .honor-desp.popular { width: 180px; padding-left: 17px; }

#campus-join .joinin { padding-top: 80px; height: 604px; background: url("/student/static/img/campus_joinin_bg.94dabf9.png") 50% center / cover no-repeat; }

#campus-join .joinin h2 { margin-bottom: 22px; }

#campus-join .contact { height: 728px; padding-top: 80px; background: url("/student/static/img/campus_contact_bg.3ca6c1d.png") 50% center / cover no-repeat; }

#campus-join .contact h2 { color: rgb(255, 255, 255); }

#campus-join .contact .wechat { color: rgb(255, 255, 255); font-size: 24px; margin-top: 30px; }

#campus-join .contact .form-wrap { margin-top: 73px; width: 551px; height: 450px; display: inline-block; background: rgba(255, 255, 255, 0.15); box-shadow: none; border-radius: 10px; }

#campus-join .contact .form-wrap .title { margin: 49px 0px 41px; display: inline-block; font-size: 30px; font-weight: 400; color: rgb(255, 255, 255); }

#campus-join .contact .form-wrap .el-form { width: 450px; margin: 0px auto; }

#campus-join .contact .form-wrap .el-form .el-input__inner { width: 450px; height: 73px; background: rgb(255, 255, 255); border-radius: 10px; border: none; font-size: 24px; color: rgb(51, 51, 51); font-weight: 700; }

#campus-join .contact .form-wrap .el-form .el-button { width: 450px; height: 80px; background: rgb(255, 67, 117); border-radius: 10px; font-size: 24px; font-weight: 400; color: rgb(255, 255, 255); border: none; cursor: pointer; outline: none; }

#campus-join .contact .form-wrap .flex-wrap { display: flex; }

#campus-join .contact .form-wrap .flex-wrap .left { width: 305px; }

#campus-join .contact .form-wrap .flex-wrap .left .el-input__inner { width: 305px; border-radius: 10px 0px 0px 10px; }

#campus-join .contact .form-wrap .flex-wrap .right { width: 145px; }

#campus-join .contact .form-wrap .flex-wrap .right .el-input__inner { width: 145px; padding-left: 25px; border-radius: 0px 10px 10px 0px; border-left: 1px solid rgb(238, 238, 238); }

#campus-join .contact .form-wrap .flex-wrap .right .el-input__suffix { right: 12px; }

[data-v-4ee0894e] .el-form-item { border-radius: 20px; }

.spread[data-v-4ee0894e] { background: rgb(255, 255, 255); }

.spread .banner[data-v-4ee0894e] { position: relative; height: 752px; background: url("/student/static/img/spreadBg.3278724.png") 50% center no-repeat; }

.spread .banner .login-wrap[data-v-4ee0894e] { position: relative; margin: 0px auto; height: 752px; width: 1200px; }

.spread .banner .login-wrap .form-wrap[data-v-4ee0894e] { position: absolute; top: 150px; right: -11%; width: 450px; background: rgb(255, 255, 255); padding: 28px 0px; border-radius: 24px; }

.spread .banner .login-wrap .form-wrap .title-wrap[data-v-4ee0894e] { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 341px; margin: 0px auto 25px; }

.spread .banner .login-wrap .form-wrap .title-wrap .top[data-v-4ee0894e] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 7px; }

.spread .banner .login-wrap .form-wrap .title-wrap .top .left-line[data-v-4ee0894e] { width: 80px; height: 4px; background: linear-gradient(252deg, rgb(255, 92, 1), rgba(255, 255, 255, 0) 92%); border-radius: 60px; opacity: 0.5; }

.spread .banner .login-wrap .form-wrap .title-wrap .top .right-line[data-v-4ee0894e] { width: 80px; height: 4px; background: linear-gradient(126deg, rgb(255, 92, 1), rgba(255, 255, 255, 0) 87%); border-radius: 60px; opacity: 0.5; }

.spread .banner .login-wrap .form-wrap .title-wrap .top .text[data-v-4ee0894e] { font-size: 28px; line-height: 40px; font-weight: 700; color: rgb(255, 92, 1); }

.spread .banner .login-wrap .form-wrap .title-wrap .bottom[data-v-4ee0894e] { font-size: 24px; line-height: 40px; color: rgb(255, 92, 1); text-align: center; }

.spread .banner .login-wrap .form-wrap .input[data-v-4ee0894e] { position: relative; width: 404px; display: block; margin: 0px auto; }

.spread .banner .login-wrap .form-wrap .input[data-v-4ee0894e] .el-input__inner { width: 404px; height: 60px; border-radius: 60px; border: 1px solid rgb(237, 241, 247); font-size: 22px; padding-left: 86px; }

.spread .banner .login-wrap .form-wrap .input[data-v-4ee0894e] .el-input__inner::-webkit-input-placeholder { font-size: 22px; font-weight: 500; color: rgb(204, 204, 204); }

.spread .banner .login-wrap .form-wrap .input[data-v-4ee0894e] .el-input__inner::placeholder { font-size: 22px; font-weight: 500; color: rgb(204, 204, 204); }

.spread .banner .login-wrap .form-wrap .input .code[data-v-4ee0894e] { display: block; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 100px; cursor: pointer; font-size: 20px; font-weight: 400; color: rgb(0, 135, 255); line-height: 36px; text-align: center; }

.spread .banner .login-wrap .form-wrap .input .send_code[data-v-4ee0894e] { display: block; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 110px; height: 50px; cursor: pointer; border-radius: 4px; }

.spread .banner .login-wrap .form-wrap .input .time[data-v-4ee0894e] { color: rgb(153, 153, 153); }

.spread .banner .login-wrap .form-wrap[data-v-4ee0894e] .el-input__prefix { display: flex; -webkit-box-align: center; align-items: center; margin-left: 41px; }

.spread .banner .login-wrap .form-wrap .button[data-v-4ee0894e] { width: 399px; height: 60px; background: linear-gradient(103deg, rgb(255, 92, 1), rgb(255, 153, 0)); border-radius: 60px; font-size: 24px; font-weight: 500; color: rgb(255, 255, 255); line-height: 60px; margin: 20px auto; text-align: center; cursor: pointer; }

.spread .banner .login-wrap .form-wrap .tip[data-v-4ee0894e] { font-size: 14px; font-weight: 400; color: rgb(144, 147, 153); line-height: 16px; }

.spread .banner .login-wrap .form-wrap .blue[data-v-4ee0894e] { color: rgb(0, 135, 255); }

.spread .banner .login-wrap .form-wrap[data-v-4ee0894e] .el-checkbox__inner { border-radius: 50%; }

.spread .banner .login-wrap .form-wrap[data-v-4ee0894e] .el-checkbox__inner:hover { border-color: rgb(255, 92, 1); }

.spread .banner .login-wrap .form-wrap[data-v-4ee0894e] .el-checkbox__input.is-checked .el-checkbox__inner, .spread .banner .login-wrap .form-wrap[data-v-4ee0894e] .el-checkbox__input.is-indeterminate .el-checkbox__inner { background: rgb(255, 92, 1); border-color: rgb(255, 92, 1); }

.spread .banner .login-wrap .form-wrap[data-v-4ee0894e] .el-checkbox__input .el-checkbox__inner:hover, .spread .banner .login-wrap .form-wrap[data-v-4ee0894e] .el-checkbox__input.is-focus .el-checkbox__inner { border-color: rgb(255, 92, 1); }

.spread .banner .login-wrap .form-wrap .flex-c[data-v-4ee0894e] { display: flex; -webkit-box-pack: center; justify-content: center; }

.spread .banner .login-wrap .form-wrap[data-v-4ee0894e] .el-form-item__error { width: 100%; text-align: center; color: rgb(255, 92, 1); }

.spread .container[data-v-4ee0894e] { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

.spread .container .reason-wrap[data-v-4ee0894e] { width: 100%; height: 1090px; }

.spread .container .reason-wrap .reason-content[data-v-4ee0894e] { text-align: center; }

.spread .container .reason-wrap .reason-content .reason-title[data-v-4ee0894e] { display: inline-block; margin: 80px 0px 83px; font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); }

.spread .container .reason-wrap .reason-content ul[data-v-4ee0894e] { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }

.spread .container .reason-wrap .reason-content ul li[data-v-4ee0894e] { width: 374px; height: 300px; margin-bottom: 52px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 29px 0px; position: relative; }

.spread .container .reason-wrap .reason-content ul li:hover .top-img[data-v-4ee0894e] { border-radius: 10px 10px 0px 0px; }

.spread .container .reason-wrap .reason-content ul li:hover .top-img img[data-v-4ee0894e] { width: 105%; height: 105%; }

.spread .container .reason-wrap .reason-content ul li .top-img[data-v-4ee0894e] { width: 374px; height: 228px; overflow: hidden; position: relative; }

.spread .container .reason-wrap .reason-content ul li .top-img img[data-v-4ee0894e] { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.spread .container .reason-wrap .reason-content ul li img[data-v-4ee0894e] { border-radius: 10px 10px 0px 0px; }

.spread .container .reason-wrap .reason-content ul li .reason-description[data-v-4ee0894e] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 20px auto; width: 327px; text-align: center; }

.spread .container .reason-wrap .reason-content ul li .reason-description p[data-v-4ee0894e] { margin-left: 7px; font-size: 20px; font-weight: 400; color: rgb(41, 41, 41); }

.spread .container .employ-wrap[data-v-4ee0894e] { height: 737px; }

.spread .container .employ-wrap .employ-title[data-v-4ee0894e] { margin: 37px 0px 27px; font-size: 40px; font-weight: 500; color: rgb(41, 41, 41); }

.spread .container .employ-wrap .employ-description[data-v-4ee0894e] { font-size: 23px; font-weight: 300; color: rgb(141, 141, 141); }

.spread .container .employ-wrap .employ-img[data-v-4ee0894e] { position: relative; width: 1200px; height: 467px; background: url("/student/static/img/employ-bg.f9b4cb5.png") 50% 218px no-repeat; text-align: left; }

.spread .container .employ-wrap .employ-img p[data-v-4ee0894e] { position: absolute; font-size: 23px; font-weight: 400; color: rgb(41, 41, 41); line-height: 36px; }

.spread .container .employ-wrap .employ-img p[data-v-4ee0894e]:first-of-type { top: 417px; left: 34px; }

.spread .container .employ-wrap .employ-img p[data-v-4ee0894e]:nth-of-type(2) { top: 240px; left: 390px; }

.spread .container .employ-wrap .employ-img p[data-v-4ee0894e]:nth-of-type(3) { top: 436px; left: 650px; }

.spread .container .employ-wrap .employ-img p[data-v-4ee0894e]:last-of-type { text-align: right; top: 153px; left: 946px; }

.spread .container .employ-wrap .employ-img img[data-v-4ee0894e] { position: absolute; }

.spread .container .employ-wrap .employ-img img[data-v-4ee0894e]:first-of-type { top: 200px; left: 0px; }

.spread .container .employ-wrap .employ-img img[data-v-4ee0894e]:nth-of-type(2) { top: 92px; left: 305px; }

.spread .container .employ-wrap .employ-img img[data-v-4ee0894e]:nth-of-type(3) { top: 260px; left: 700px; }

.spread .container .employ-wrap .employ-img img[data-v-4ee0894e]:last-of-type { top: 0px; left: 1027px; }

.spread .container .employ-wrap .employ-img #em-img1[data-v-4ee0894e] { animation: 1s ease-in-out 0s infinite alternate none running em-img1-data-v-4ee0894e; }

@-webkit-keyframes em-img1-data-v-4ee0894e { 
  100% { top: 210px; }
}

@keyframes em-img1-data-v-4ee0894e { 
  100% { top: 210px; }
}

.spread .container .employ-wrap .employ-img #em-img2[data-v-4ee0894e] { animation: 1s ease-in-out 0s infinite alternate none running em-img2-data-v-4ee0894e; }

@-webkit-keyframes em-img2-data-v-4ee0894e { 
  100% { top: 85px; }
}

@keyframes em-img2-data-v-4ee0894e { 
  100% { top: 85px; }
}

.spread .container .employ-wrap .employ-img #em-img3[data-v-4ee0894e] { animation: 1s ease-in-out 0s infinite alternate none running em-img3-data-v-4ee0894e; }

@-webkit-keyframes em-img3-data-v-4ee0894e { 
  100% { top: 245px; }
}

@keyframes em-img3-data-v-4ee0894e { 
  100% { top: 245px; }
}

.spread .container .employ-wrap .employ-img #em-img4[data-v-4ee0894e] { animation: 1s ease-in-out 0s infinite alternate none running em-img4-data-v-4ee0894e; }

@-webkit-keyframes em-img4-data-v-4ee0894e { 
  100% { top: 8px; }
}

@keyframes em-img4-data-v-4ee0894e { 
  100% { top: 8px; }
}

.spread .container .ul[data-v-4ee0894e] { display: flex; color: rgb(51, 51, 51); width: 1200px; height: 92px; }

.spread .container .ul .li[data-v-4ee0894e] { width: 33.3%; line-height: 36px; border-left: 1px solid rgb(210, 210, 210); }

.spread .container .ul .li[data-v-4ee0894e]:last-child { border-right: 1px solid rgb(210, 210, 210); }

.spread .container .ul .li div[data-v-4ee0894e] { font-size: 23px; color: rgb(41, 41, 41); }

.spread .container .ul .li div .qi-class[data-v-4ee0894e] { font-size: 15px; margin-left: 5px; font-weight: 400; color: rgb(0, 135, 255); }

.spread .container .ul .li p[data-v-4ee0894e] { font-size: 16px; color: rgb(141, 141, 141); }

.spread .container .price-info[data-v-4ee0894e] { margin-top: 100px; }

.spread .container .price-info .title[data-v-4ee0894e] { position: relative; width: 720px; height: 23px; margin: 0px auto 20px; }

.spread .container .price-info .title.business[data-v-4ee0894e] { width: 680px; }

.spread .container .price-info .title h2[data-v-4ee0894e] { position: absolute; bottom: 0px; opacity: 1; font-size: 40px; font-weight: 500; color: rgb(17, 17, 17); }

.spread .container .price-info .sub-title[data-v-4ee0894e] { font-size: 28px; font-weight: 400; color: rgb(102, 102, 102); margin-bottom: 14px; line-height: 50px; }

.spread .container .price-info .space[data-v-4ee0894e] { margin-right: 15px; }

.spread .container .coffee[data-v-4ee0894e] { height: 470px; margin-top: 60px; background: url("/student/static/img/oral03-coffee.9d5ae20.png") 50% center no-repeat; }

.spread .container .tips[data-v-4ee0894e] { font-size: 12px; font-weight: 600; color: rgb(153, 153, 153); line-height: 17px; }

.spread .series-img[data-v-4ee0894e] { width: 100%; margin-top: 50px; }

.spread .magic-title[data-v-4ee0894e] { font-size: 40px; color: rgb(51, 51, 51); line-height: 64px; text-align: center; margin-top: 80px; }

.spread .mt-60[data-v-4ee0894e] { margin-top: 60px; }

.spread .title-second[data-v-4ee0894e] { font-size: 32px; font-weight: 500; color: rgb(102, 102, 102); text-align: center; margin-top: 20px; line-height: 32px; }

.spread .img[data-v-4ee0894e] { max-width: 1200px; display: block; margin: 29px auto auto; }

.spread button[data-v-4ee0894e] { width: 300px; height: 56px; }

.spread .button-style[data-v-4ee0894e] { display: block; width: 300px; height: 56px; margin: 40px auto auto; border-radius: 60px; background: rgb(0, 135, 255); font-size: 20px; font-weight: 400; line-height: 56px; color: rgb(255, 255, 255); transition: 0.3s; }

.spread .button-style[data-v-4ee0894e]:hover { background: rgb(0, 114, 215); }

.spread .mt-65[data-v-4ee0894e] { margin-top: 65px; }

.spread .mt-50[data-v-4ee0894e] { margin-top: 50px; }

.spread .margin-auto[data-v-4ee0894e] { position: relative; width: 1200px; height: 100%; margin: 0px auto; text-align: center; }

.spread .title2[data-v-4ee0894e] { margin-top: 90px; text-align: center; margin-bottom: 20px; font-size: 40px; font-weight: 500; color: rgb(17, 17, 17); }

.spread .sub-title2[data-v-4ee0894e] { font-size: 28px; font-weight: 400; color: rgb(102, 102, 102); margin-bottom: 20px; line-height: 50px; }

.spread .plan[data-v-4ee0894e] { position: relative; margin-bottom: 100px; height: 858px; background: url("/student/static/img/oral05-plan.ff9e52c.png") 50% center no-repeat; }

.spread .plan .btn[data-v-4ee0894e] { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); }

.spread .other-title[data-v-4ee0894e] { text-align: center; font-size: 36px; font-weight: 600; color: rgb(34, 35, 37); margin: 50px 0px 35px; }

.spread .other-title span[data-v-4ee0894e] { margin: 0px 40px; }

.spread .tool-use[data-v-4ee0894e] { width: 1200px; min-width: 1200px; margin: 0px auto; padding-bottom: 80px; }

.spread .tool-use .tool-process[data-v-4ee0894e] { display: flex; padding-left: 60px; }

.spread .tool-use .tool-process > img[data-v-4ee0894e] { flex-shrink: 0; margin-right: 64px; width: 148px; height: 800px; }

.spread .tool-use .tool-process .tool-content .first-step.second[data-v-4ee0894e] { margin-top: 124px; }

.spread .tool-use .tool-process .tool-content .first-step.third[data-v-4ee0894e] { margin-top: 184px; }

.spread .tool-use .tool-process .tool-content .first-step .step-title[data-v-4ee0894e] { font-size: 36px; font-weight: 600; color: rgb(51, 51, 51); margin: 50px 0px 20px; }

.spread .tool-use .tool-process .tool-content .first-step .step-tips[data-v-4ee0894e] { width: 855px; font-size: 24px; font-weight: 400; color: rgb(153, 153, 153); margin-bottom: 30px; line-height: 40px; }

.spread .tool-use .tool-process .tool-content .first-step .step-btn[data-v-4ee0894e] { display: inline-block; width: 304px; height: 60px; border-radius: 8px; border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); font-size: 24px; text-align: center; line-height: 60px; cursor: pointer; margin-right: 30px; }

.spread .tool-use .tool-process .tool-content .first-step .step-btn.register[data-v-4ee0894e] { width: 144px; }

.spread .tool-use .tool-process .tool-content .first-step .step-btn[data-v-4ee0894e]:hover { background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); }

.spread .tool-use .tool-process .tool-content .first-step .register-btn-slot[data-v-4ee0894e] { height: 60px; }

.spread .tool-use .tool-process .tool-content .first-step .class-img img[data-v-4ee0894e] { width: 847px; height: 633px; }

.spread .last-line[data-v-4ee0894e] { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 110px; height: 72px; background: rgb(34, 35, 37); }

.spread .last-line a[data-v-4ee0894e] { line-height: 72px; font-size: 14px; font-weight: 400; color: rgb(141, 141, 141); }

.spread .last-line a[data-v-4ee0894e]:hover { color: rgb(255, 255, 255); }

.spread .last-line span[data-v-4ee0894e] { margin-left: 10px; }

.spread .last-line img[data-v-4ee0894e] { margin-left: 10px; cursor: pointer; }

.back-to-ceiling[data-v-1113cd96] { position: fixed; display: inline-block; text-align: center; cursor: pointer; }

.back-to-ceiling[data-v-1113cd96]:hover { background: rgb(213, 219, 231); }

.fade-enter-active[data-v-1113cd96], .fade-leave-active[data-v-1113cd96] { transition: opacity 0.5s; }

.fade-enter[data-v-1113cd96], .fade-leave-to[data-v-1113cd96] { opacity: 0; }

.back-to-ceiling .Icon[data-v-1113cd96] { fill: rgb(154, 170, 191); background: none; }

#join-u-song img { width: 100%; }

#join-u-song .page-bottom { position: relative; }

#join-u-song .page-bottom .input-name { position: absolute; width: 23%; height: 7.3%; left: 40%; top: 38%; }

#join-u-song .page-bottom .input-name .el-input__inner { height: 100%; background: rgb(244, 244, 244); font-size: 20px; border: none; outline: none; }

#join-u-song .page-bottom .input-phone { position: absolute; width: 23%; height: 7.3%; left: 40%; top: 50%; }

#join-u-song .page-bottom .input-phone .el-input__inner { height: 100%; background: rgb(244, 244, 244); font-size: 20px; border: none; outline: none; }

#join-u-song .page-bottom .submit-btn { width: 23.43%; height: 7.3%; line-height: 7.3%; background: linear-gradient(90deg, rgb(255, 183, 39), rgb(255, 203, 75)); border-radius: 10px; text-align: center; position: absolute; left: 50%; transform: translateX(-43%); top: 61.47%; font-size: 20px; color: rgb(255, 255, 255); cursor: pointer; border: none; }

#home .content-wrap { display: flex; width: 1198px; margin: 0px auto; padding: 102px 0px 80px; background: rgb(237, 241, 247); }

#home .content-wrap .content-detail { width: 954px; }

#home .server-sider { position: fixed; z-index: 1500; bottom: 141px; right: 40px; background-color: rgb(135, 206, 235); border-radius: 4px; color: rgb(255, 255, 255); height: 40px; width: 40px; line-height: 40px; text-align: center; cursor: pointer; }

#learning-hall .student-info-wrap { display: flex; width: 894px; height: 80px; padding: 30px; background-color: rgb(255, 255, 255); border-radius: 8px; }

#learning-hall .student-info-wrap .student-personal-info { display: flex; -webkit-box-align: center; align-items: center; width: 298px; height: 100%; }

#learning-hall .student-info-wrap .student-personal-info .student-img { width: 72px; height: 72px; margin-right: 24px; }

#learning-hall .student-info-wrap .student-personal-info .student-img img { width: 100%; height: 100%; border-radius: 72px; object-fit: cover; }

#learning-hall .student-info-wrap .student-personal-info .student-detail { font-size: 0px; }

#learning-hall .student-info-wrap .student-personal-info .student-detail div { padding-bottom: 12px; font-size: 20px; font-weight: 600; }

#learning-hall .student-info-wrap .student-personal-info .student-detail .stu-sex { width: 30px; }

#learning-hall .student-info-wrap .student-personal-info .student-detail .modify-info { color: rgb(255, 94, 1); cursor: pointer; }

#learning-hall .student-info-wrap .student-personal-info .student-detail > span { display: inline-block; font-size: 14px; color: rgb(153, 153, 153); margin-right: 16px; }

#learning-hall .student-info-wrap .amount-detail-info { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; }

#learning-hall .student-info-wrap .amount-detail-info li { display: flex; -webkit-box-align: center; align-items: center; width: 160px; height: 100%; }

#learning-hall .student-info-wrap .amount-detail-info li .amount-img { width: 56px; height: 56px; margin-right: 18px; border-radius: 56px; }

#learning-hall .student-info-wrap .amount-detail-info li .amount-detail div { margin-bottom: 8px; font-size: 12px; font-weight: 400; color: rgb(153, 153, 153); }

#learning-hall .student-info-wrap .amount-detail-info li .amount-detail span { font-size: 20px; font-weight: 500; }

#learning-hall .course-info-wrap { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin: 20px 0px; }

#learning-hall .course-info-wrap .course-list { width: 612px; height: 432px; padding: 20px 30px; border-radius: 8px; background-color: rgb(255, 255, 255); }

#learning-hall .course-info-wrap .course-list .none-list { margin-top: -30px; text-align: center; }

#learning-hall .course-info-wrap .course-list .none-list span { font-size: 14px; color: rgb(153, 153, 153); }

#learning-hall .course-info-wrap .course-list .eClass-tip-wrap { display: flex; -webkit-box-align: center; align-items: center; width: 621px; height: 138px; background: rgb(255, 246, 227); border-radius: 16px; }

#learning-hall .course-info-wrap .course-list .eClass-tip-wrap .icon { width: 85px; height: 96px; margin-left: 116px; margin-right: 10px; }

#learning-hall .course-info-wrap .course-list .eClass-tip-wrap .right-wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

#learning-hall .course-info-wrap .course-list .eClass-tip-wrap .right-wrap .top { font-size: 24px; font-weight: 500; color: rgb(255, 94, 1); line-height: 28px; margin-bottom: 7px; }

#learning-hall .course-info-wrap .course-list .eClass-tip-wrap .right-wrap .bottom { font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); line-height: 24px; }

#learning-hall .course-info-wrap .course-list .eClass-tip-wrap .right-wrap .bottom .active { color: rgb(0, 135, 255); }

#learning-hall .course-info-wrap .course-list li { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; height: 205px; }

#learning-hall .course-info-wrap .course-list li:last-child { margin-top: 30px; }

#learning-hall .course-info-wrap .course-list li .course-list-left { width: 500px; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-tip { position: relative; height: 30px; line-height: 30px; margin-bottom: 20px; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-tip span { font-size: 20px; font-weight: 600; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-tip .more { position: absolute; top: 7px; right: -120px; display: flex; width: 92px; height: 17px; font-size: 12px; font-weight: 400; color: rgb(153, 153, 153); line-height: 17px; cursor: pointer; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-tip .more i { color: rgb(204, 204, 204); }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content { display: flex; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-img { width: 100px; height: 125px; border-radius: 4px; margin-right: 30px; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-img img { width: 100%; height: 100%; border-radius: 4px; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-detail { font-size: 14px; color: rgb(102, 102, 102); }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-detail .course-detail-title { width: 317px; height: 23px; margin-bottom: 7px; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-detail .course-detail-lesson { width: 317px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-detail .course-detail-time { height: 24px; line-height: 24px; margin: 15px 0px 5px; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-detail .course-detail-time i { color: rgb(204, 204, 204); }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-detail .course-detail-teacher { display: flex; -webkit-box-align: center; align-items: center; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-detail .course-detail-teacher div { width: 32px; height: 32px; margin-right: 10px; border-radius: 20px; border: 1px solid rgb(237, 241, 247); }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-detail .course-detail-teacher div img { width: 100%; height: 100%; border-radius: 20px; }

#learning-hall .course-info-wrap .course-list li .course-list-left .course-content .course-detail .course-detail-teacher > span { text-decoration: underline; color: rgb(0, 135, 255); }

#learning-hall .course-info-wrap .course-list .course-list-right { margin-top: 48px; }

#learning-hall .course-info-wrap .course-list .course-list-right .el-button { display: block; margin: 0px; padding: 0px; width: 100px; height: 32px; border-radius: 20px; border: 1px solid rgb(255, 94, 1); text-align: center; line-height: 32px; font-size: 14px; cursor: pointer; }

#learning-hall .course-info-wrap .course-list .course-list-right .el-button:hover { background-color: rgb(255, 255, 255); opacity: 0.95; }

#learning-hall .course-info-wrap .course-list .course-list-right .first-child { color: rgb(255, 94, 1); margin: 0px 0px 11px; }

#learning-hall .course-info-wrap .course-list .course-list-right .last-child { color: rgb(255, 94, 1); }

#learning-hall .course-info-wrap .course-list .course-list-right .active { color: rgb(255, 255, 255); background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); }

#learning-hall .course-info-wrap .course-list .course-list-right .mb-11 { margin-bottom: 11px; }

#learning-hall .course-info-wrap .course-list .course-list-right.recent-study .el-button { margin-bottom: 10px; border: 1px solid rgb(204, 204, 204); color: rgb(102, 102, 102); background: none; }

#learning-hall .course-info-wrap .course-list .course-list-right.recent-study .el-button:hover { opacity: 0.95; }

#learning-hall .course-info-wrap .course-block .announcement-block { border-radius: 8px; padding: 20px 0px 0px 30px; background-color: rgb(255, 255, 255); width: 232px; height: 365px; }

#learning-hall .course-info-wrap .course-block .announcement-block.course { height: 258px; margin-top: 20px; }

#learning-hall .course-info-wrap .course-block .tools-tip { width: 205px; height: 40px; font-size: 14px; color: rgb(153, 153, 153); line-height: 20px; }

#learning-hall .course-info-wrap .course-block .tools-chrome { display: flex; margin-top: 17px; }

#learning-hall .course-info-wrap .course-block .tools-chrome > :first-child { margin-bottom: 12px; }

#learning-hall .course-info-wrap .course-block .tools-chrome .app { width: 50px; height: 50px; margin-right: 16px; }

#learning-hall .course-info-wrap .course-block .tools-chrome .app img { width: 100%; height: 100%; }

#learning-hall .course-info-wrap .course-block .tools-chrome img { margin-right: 16px; cursor: pointer; }

#learning-hall .course-info-wrap .course-block .tools-chrome .chrome-name span { font-size: 16px; color: rgb(51, 51, 51); font-weight: 400; }

#learning-hall .course-info-wrap .course-block .tools-chrome .chrome-name div { height: 18px; margin-top: 7px; border-radius: 14px; text-align: center; font-size: 12px; font-weight: 400; color: rgb(255, 170, 0); line-height: 17px; background: rgba(255, 170, 0, 0.11); }

#learning-hall .course-info-wrap .course-block .announcement-title { position: relative; margin: 0px 0px 16px; font-size: 0px; }

#learning-hall .course-info-wrap .course-block .announcement-title > span { font-size: 20px; font-weight: 600; }

#learning-hall .course-info-wrap .course-block .announcement-title > span.more { position: absolute; right: 30px; font-size: 12px; color: rgb(153, 153, 153); line-height: 26px; cursor: pointer; font-weight: 400; }

#learning-hall .course-info-wrap .course-block .announcement-title > span.more span.icon { font-size: 12px; color: rgb(204, 204, 204); }

#learning-hall .course-info-wrap .course-block .announcement-list { width: 232px; }

#learning-hall .course-info-wrap .course-block .announcement-list.question { font-size: 14px; }

#learning-hall .course-info-wrap .course-block .announcement-list.question li { margin-bottom: 13px; cursor: pointer; }

#learning-hall .course-info-wrap .course-block .announcement-list.question li:hover { color: rgb(0, 135, 255); }

#learning-hall .course-info-wrap .course-block .announcement-list li { margin-bottom: 20px; }

#learning-hall .course-info-wrap .course-block .announcement-list li div { font-size: 14px; margin-bottom: 5px; width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

#learning-hall .course-info-wrap .course-block .announcement-list li div:hover { color: rgb(0, 135, 255); }

#learning-hall .course-info-wrap .course-block .announcement-list li span { color: rgb(153, 153, 153); }

#learning-hall .poster-info-wrap { width: 672px; height: 191px; background-color: rgb(255, 255, 255); border-radius: 8px; margin-bottom: 20px; }

#learning-hall .poster-info-wrap img { width: 100%; height: 100%; border-radius: 8px; }

div#driver-popover-item { display: none; position: absolute; background: rgb(255, 255, 255); color: rgb(45, 45, 45); margin: 0px; padding: 15px; border-radius: 5px; min-width: 250px; max-width: 300px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 10px; z-index: 1000000000; }

div#driver-popover-item .driver-popover-tip { border: 5px solid rgb(255, 255, 255); content: ""; position: absolute; }

div#driver-popover-item .driver-popover-tip.bottom { bottom: -10px; border-color: rgb(255, 255, 255) transparent transparent; }

div#driver-popover-item .driver-popover-tip.bottom.position-center { left: 49%; }

div#driver-popover-item .driver-popover-tip.bottom.position-right { right: 20px; }

div#driver-popover-item .driver-popover-tip.left { left: -10px; top: 10px; border-color: transparent rgb(255, 255, 255) transparent transparent; }

div#driver-popover-item .driver-popover-tip.left.position-center { top: 46%; }

div#driver-popover-item .driver-popover-tip.left.position-bottom { top: auto; bottom: 20px; }

div#driver-popover-item .driver-popover-tip.right { right: -10px; top: 10px; border-color: transparent transparent transparent rgb(255, 255, 255); }

div#driver-popover-item .driver-popover-tip.right.position-center { top: 46%; }

div#driver-popover-item .driver-popover-tip.right.position-bottom { top: auto; bottom: 20px; }

div#driver-popover-item .driver-popover-tip.top { top: -10px; border-color: transparent transparent rgb(255, 255, 255); }

div#driver-popover-item .driver-popover-tip.top.position-center { left: 49%; }

div#driver-popover-item .driver-popover-tip.top.position-right { right: 20px; }

div#driver-popover-item .driver-popover-tip.mid-center { display: none; }

div#driver-popover-item .driver-popover-footer { display: block; margin-top: 10px; }

div#driver-popover-item .driver-popover-footer button { display: inline-block; padding: 3px 10px; border: 1px solid rgb(212, 212, 212); text-decoration: none; text-shadow: rgb(255, 255, 255) 1px 1px 0px; color: rgb(45, 45, 45); font: 11px / 1.3 sans-serif; cursor: pointer; outline: 0px; background-color: rgb(241, 241, 241); border-radius: 2px; zoom: 1; }

div#driver-popover-item .driver-popover-footer button.driver-disabled { color: grey; cursor: default; pointer-events: none; }

div#driver-popover-item .driver-popover-footer .driver-close-btn { float: left; }

div#driver-popover-item .driver-popover-footer .driver-btn-group, div#driver-popover-item .driver-popover-footer .driver-close-only-btn { float: right; }

div#driver-popover-item .driver-popover-title { font: 700 19px / 1.5 sans-serif; margin: 0px 0px 5px; display: block; position: relative; zoom: 1; }

div#driver-popover-item .driver-popover-description { margin-bottom: 0px; font: 400 14px / 1.5 sans-serif; color: rgb(45, 45, 45); zoom: 1; }

.driver-clearfix::after, .driver-clearfix::before { content: ""; display: table; }

.driver-clearfix::after { clear: both; }

.driver-stage-no-animation { outline: rgba(0, 0, 0, 0.75) solid 5000px; transition: none !important; background: transparent !important; }

div#driver-page-overlay { background: rgb(0, 0, 0); position: fixed; bottom: 0px; right: 0px; display: block; width: 100%; height: 100%; zoom: 1; opacity: 0.75; z-index: 100002 !important; }

div#driver-highlighted-element-stage, div#driver-page-overlay { top: 0px; left: 0px; transition: 0.3s; }

div#driver-highlighted-element-stage { position: absolute; height: 50px; width: 300px; background: rgb(255, 255, 255); display: none; border-radius: 2px; z-index: 100003 !important; }

.driver-highlighted-element { z-index: 100004 !important; }

.driver-position-relative { position: relative !important; }

.driver-fix-stacking { z-index: auto !important; opacity: 1 !important; transform: none !important; filter: none !important; perspective: none !important; transform-style: flat !important; transform-box: border-box !important; will-change: unset !important; }

div#driver-popover-item { background-color: rgb(0, 135, 255); padding: 10px; max-width: 500px; }

div#driver-popover-item .driver-popover-description { color: rgb(255, 255, 255); }

div#driver-popover-item .driver-popover-footer button { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); background-color: rgb(0, 135, 255); text-shadow: none; }

div#driver-popover-item .driver-popover-footer button.driver-disabled, div#driver-popover-item .driver-popover-footer button.driver-prev-btn { visibility: hidden; }

.driver-highlighted-element { pointer-events: none !important; }

div#driver-popover-item.adviser-step-popover-class { min-width: 180px; max-width: 225px !important; }

div#driver-popover-item .driver-popover-tip.top { border-color: transparent transparent rgb(0, 135, 255); }

div#driver-popover-item .driver-popover-tip.bottom { border-color: rgb(0, 135, 255) transparent transparent; }

#driver-page-overlay { opacity: 0.6 !important; }

[data-v-e7774fba] .el-dialog { border-radius: 18px; }

[data-v-e7774fba] .el-dialog__header { padding-left: 40px; }

[data-v-e7774fba] .el-dialog__title { font-size: 20px; font-weight: 700; color: rgb(51, 51, 51); line-height: 20px; }

[data-v-e7774fba] .el-dialog__body { padding-top: 6px; padding-bottom: 20px; padding-left: 40px; }

.container[data-v-e7774fba] { max-height: 560px; }

.container .date-wrap[data-v-e7774fba] { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 12px; }

.container .date-wrap .icon[data-v-e7774fba] { width: 16px; height: 16px; margin-right: 5px; }

.container .date-wrap .date[data-v-e7774fba] { font-size: 16px; font-weight: 700; color: rgb(51, 51, 51); }

.container .tip[data-v-e7774fba] { font-size: 12px; font-weight: 500; color: rgb(102, 102, 102); line-height: 21px; }

.container .ul[data-v-e7774fba] { margin-top: 25px; }

.container .ul li[data-v-e7774fba] { position: relative; width: 463px; min-height: 44px; background: rgb(255, 255, 255); border-radius: 8px; box-sizing: border-box; padding: 16px 20px; font-size: 14px; font-weight: 700; color: rgb(51, 51, 51); line-height: 16px; margin-bottom: 10px; cursor: pointer; border: 1px solid transparent; }

.container .ul .active[data-v-e7774fba] { border: 1px solid rgb(0, 135, 255); }

.container .ul .active[data-v-e7774fba]::after { content: ""; display: block; width: 22px; height: 22px; position: absolute; bottom: -1px; right: 0px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHeSURBVHgB1dYvT8NAGMfxXxkJOMAMR8Ci4B2wlzBHUIDkBZBMwdQsKOwUksArgHfAPIJaUMVtqtxvpdnYev1z91x7+yZduqVLP7k8vRRYpQbxLVYmYgdxHGAVSlb2hqf+g+ewzG/wApb5C87AMj/BGizzD5yDZX6BC7DMH3AJLPMDXBLLmgdXwLJmwRWxrDmwAZY1AzbEsvrBFlhWL9gSy+oDC2BZPWAhLHMPFsQyt2BhLHMHdoBlbsCOsEwe7BDLWpDMEru9AZweAtEkObKSW2EB7OsZcLSrsGPg4CEbvQaJBLEsb4XtwQ6w3Sf99XYjocESkd48ryxs5xEYfen/Y77CGuz+FvB5BbxfKkgboljEiMzAOWNwspdgCJ+C2kJYFiCsDi6Y2ecPdePvP9jmMtoYmzSqNsMlH7BFKLcposIfKyxH4rw8uOJukIUm2BjLxtgpBzbcurJGghlhgSF6wUXxDFvss+kopDM9/c0My/r8yAcLvMjMo42xMe7U6oY81Y+E8FsXx4NbncHKhmp2j9EPIn7JBjt+RaxQqI5OurpsfekSn7AtdHE9w7L/YN9WdgHLZg+dL1g+YJzZ3jKWJTPcPDZS0KHS3OugaUFDWD7xoTpGCvqGCV7SXaCoX6n//nHooPGIAAAAAElFTkSuQmCC") 50% center / cover no-repeat; }

.btn[data-v-e7774fba] { width: 467px; height: 44px; border-radius: 8px; font-size: 14px; font-weight: 500; color: rgb(255, 255, 255); line-height: 44px; text-align: center; margin-top: 34px; cursor: pointer; }

.protocol-dialog[data-v-1c89b2ca] .el-dialog { border-radius: 8px; }

.protocol-dialog[data-v-1c89b2ca] .el-dialog .el-dialog__header { padding: 20px 30px; border-bottom: 1px solid rgb(232, 232, 232); }

.protocol-dialog[data-v-1c89b2ca] .el-dialog .el-dialog__header .dialog-title { font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); text-align: center; }

.protocol-dialog[data-v-1c89b2ca] .el-dialog .el-dialog__body { padding: 0px; max-height: 500px; overflow-y: auto; }

.protocol-dialog[data-v-1c89b2ca] .el-dialog .el-dialog__footer { padding: 20px 30px; border-top: 1px solid rgb(232, 232, 232); }

.protocol-dialog .protocol-content .content-wrapper[data-v-1c89b2ca] { padding: 30px; line-height: 1.8; font-size: 14px; color: rgb(102, 102, 102); }

.protocol-dialog .protocol-content .content-wrapper[data-v-1c89b2ca] p { margin-bottom: 10px; }

.protocol-dialog .protocol-content .content-wrapper[data-v-1c89b2ca] h1, .protocol-dialog .protocol-content .content-wrapper[data-v-1c89b2ca] h2, .protocol-dialog .protocol-content .content-wrapper[data-v-1c89b2ca] h3 { color: rgb(51, 51, 51); margin: 15px 0px 10px; }

.protocol-dialog .dialog-footer[data-v-1c89b2ca] { text-align: center; }

.protocol-dialog .dialog-footer .timer-tip[data-v-1c89b2ca] { margin-bottom: 15px; font-size: 14px; color: rgb(153, 153, 153); }

.protocol-dialog .dialog-footer .confirm-btn[data-v-1c89b2ca] { width: 200px; height: 40px; background: rgb(0, 135, 255); border-radius: 20px; font-size: 16px; }

.protocol-dialog .dialog-footer .confirm-btn[data-v-1c89b2ca]:disabled { background: rgb(204, 204, 204); border-color: rgb(204, 204, 204); cursor: not-allowed; }

#open-course .main-wrap { padding: 26px 30px; margin-bottom: 30px; background-color: rgb(255, 255, 255); border-radius: 8px; }

#open-course .main-wrap .banner { width: 894px; height: 200px; border-radius: 8px; }

#open-course .main-wrap .banner img { width: 100%; height: 100%; border-radius: 8px; }

#open-course .main-wrap .choose-wrap { -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 30px; }

#open-course .main-wrap .choose-wrap .filter { display: inline-block; font-size: 14px; font-weight: 500; }

#open-course .main-wrap .choose-wrap .filter .el-select { width: 138px; height: 40px; margin-left: 20px; border-radius: 8px; }

#open-course .main-wrap .choose-wrap .search { display: inline-block; margin-left: 25px; }

#open-course .main-wrap .choose-wrap .search .el-input.el-input--suffix { width: 240px; border-radius: 8px; }

#open-course .main-wrap .choose-wrap .search .el-input.el-input--suffix .el-input__icon { color: rgb(153, 153, 153); font-size: 16px; }

#open-course .main-wrap .title-wrap { display: inline-block; margin: 0px 40px 30px 0px; font-size: 20px; font-weight: 700; color: rgb(51, 51, 51); cursor: pointer; }

#open-course .main-wrap .title-wrap.active, #open-course .main-wrap .title-wrap:hover { color: rgb(0, 135, 255); }

#open-course .main-wrap .none-list { color: rgb(153, 153, 153); font-size: 16px; }

#open-course .main-wrap .course-list li { display: flex; font-size: 14px; height: 120px; margin-bottom: 40px; cursor: pointer; }

#open-course .main-wrap .course-list li .picture { width: 160px; height: 119px; margin-right: 20px; border-radius: 8px; }

#open-course .main-wrap .course-list li .picture img { height: 100%; width: 100%; border-radius: 8px; }

#open-course .main-wrap .course-list li .detail { -webkit-box-flex: 1; flex: 1 1 0%; width: 550px; }

#open-course .main-wrap .course-list li .detail .title { font-size: 18px; font-weight: 600; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#open-course .main-wrap .course-list li .detail .time { font-size: 14px; font-weight: 400; margin: 8px 0px; color: rgb(102, 102, 102); }

#open-course .main-wrap .course-list li .detail .time span { color: rgb(153, 153, 153); margin: 0px 10px; }

#open-course .main-wrap .course-list li .detail .description { font-size: 14px; font-weight: 400; line-height: 20px; color: rgb(153, 153, 153); height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

#open-course .main-wrap .course-list li .buttons { height: 120px; line-height: 120px; margin-left: 56px; }

#open-course .main-wrap .course-list li .buttons .el-button.el-button--default { width: 108px; height: 40px; border-radius: 20px; font-size: 14px; font-weight: 400; }

#open-course .main-wrap .course-list li .buttons .el-button.el-button--default:hover { background-color: rgb(255, 255, 255); opacity: 0.8; }

#open-course .main-wrap .course-list li .buttons .el-button.el-button--default.review { border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); }

#open-course .main-wrap .course-list li .buttons .el-button.el-button--default.appoint { border: 1px solid rgb(255, 94, 1); color: rgb(255, 94, 1); }

#open-course .main-wrap .course-list li .buttons .el-button.el-button--default.intoState, #open-course .main-wrap .course-list li .buttons .el-button.el-button--default.readyState { background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); color: rgb(255, 255, 255); }

#open-course .main-wrap .course-list li .buttons .el-button.el-button--default.readyState { opacity: 0.01; }

#open-course .main-wrap .course-list li .buttons .el-button.el-button--default.reviewState { border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); }

#course-purchased .main-wrap { padding: 26px 30px; margin-bottom: 30px; background-color: rgb(255, 255, 255); min-height: 650px; border-radius: 8px; }

#course-purchased .main-wrap .choose-wrap { -webkit-box-pack: justify; justify-content: space-between; margin: 30px 0px; }

#course-purchased .main-wrap .choose-wrap, #course-purchased .main-wrap .choose-wrap .search { display: flex; }

#course-purchased .main-wrap .choose-wrap .search .el-input.el-input--suffix { width: 240px; height: 40px; border-radius: 8px; }

#course-purchased .main-wrap .choose-wrap .search .el-input.el-input--suffix .el-input__icon { color: rgb(153, 153, 153); font-size: 16px; }

#course-purchased .main-wrap .title-wrap { font-size: 20px; font-weight: 700; color: rgb(51, 51, 51); }

#course-purchased .main-wrap .none-list { color: rgb(153, 153, 153); font-size: 16px; }

#course-purchased .main-wrap .course-list li { display: flex; font-size: 14px; height: 120px; margin-bottom: 40px; cursor: pointer; }

#course-purchased .main-wrap .course-list li .picture { width: 160px; height: 119px; margin-right: 20px; border-radius: 8px; }

#course-purchased .main-wrap .course-list li .picture img { height: 100%; width: 100%; border-radius: 8px; }

#course-purchased .main-wrap .course-list li .detail { -webkit-box-flex: 1; flex: 1 1 0%; width: 550px; }

#course-purchased .main-wrap .course-list li .detail .title { font-size: 18px; font-weight: 600; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#course-purchased .main-wrap .course-list li .detail .time { font-size: 14px; font-weight: 400; margin: 8px 0px; color: rgb(102, 102, 102); }

#course-purchased .main-wrap .course-list li .detail .time span { color: rgb(153, 153, 153); margin: 0px 10px; }

#course-purchased .main-wrap .course-list li .detail .description { font-size: 14px; font-weight: 400; line-height: 20px; color: rgb(153, 153, 153); height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

#course-purchased .main-wrap .course-list li .buttons { height: 120px; line-height: 120px; margin-left: 56px; }

#course-purchased .main-wrap .course-list li .buttons .el-button.el-button--default { width: 108px; height: 40px; border-radius: 20px; font-size: 14px; font-weight: 400; }

#course-purchased .main-wrap .course-list li .buttons .el-button.el-button--default.review { border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); }

#course-purchased .main-wrap .course-list li .buttons .el-button.el-button--default.appoint { border: 1px solid rgb(255, 94, 1); color: rgb(255, 94, 1); }

#course-purchased .main-wrap .course-list li .buttons .el-button.el-button--default.intoState, #course-purchased .main-wrap .course-list li .buttons .el-button.el-button--default.readyState { background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); color: rgb(255, 255, 255); }

#course-purchased .main-wrap .course-list li .buttons .el-button.el-button--default.readyState { opacity: 0.01; }

#course-purchased .main-wrap .course-list li .buttons .el-button.el-button--default.reviewState { border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); }

#course-purchased .main-wrap .course-list li .buttons .el-button.el-button--default.warnState { border: 1px solid rgb(255, 94, 1); color: rgb(255, 94, 1); }

#course-detail .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#course-detail .main-wrap .bread-wrap { padding-top: 18px; }

#course-detail .main-wrap .bread-wrap .el-breadcrumb__inner, #course-detail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#course-detail .main-wrap .course-summary { display: flex; margin-top: 20px; }

#course-detail .main-wrap .course-summary .picture { width: 400px; height: 300px; }

#course-detail .main-wrap .course-summary .picture img { width: 100%; height: 100%; border-radius: 8px; }

#course-detail .main-wrap .course-summary .detail { position: relative; margin-left: 30px; }

#course-detail .main-wrap .course-summary .detail .title { position: absolute; width: 464px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#course-detail .main-wrap .course-summary .detail .teacher { display: flex; -webkit-box-align: center; align-items: center; margin: 70px 0px 20px; font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); }

#course-detail .main-wrap .course-summary .detail .teacher span { display: block; width: 32px; height: 32px; margin-right: 15px; }

#course-detail .main-wrap .course-summary .detail .teacher span img { height: 100%; width: 100%; border-radius: 16px; border: 1px solid rgb(237, 241, 247); }

#course-detail .main-wrap .course-summary .detail > span { display: block; font-size: 16px; font-weight: 400; color: rgb(153, 153, 153); margin-bottom: 10px; }

#course-detail .main-wrap .course-summary .detail .number { margin: 25px 0px 10px; font-size: 14px; font-weight: 400; color: rgb(255, 94, 1); }

#course-detail .main-wrap .course-summary .detail .el-button { width: 160px; height: 45px; background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); border-radius: 8px; font-size: 16px; font-weight: 400; border: none; color: rgb(255, 255, 255); }

#course-detail .main-wrap .course-summary .detail .el-button:hover { opacity: 0.95; }

#course-detail .main-wrap .course-summary .detail .el-button.booked { display: none; }

#course-detail .main-wrap .title-wrap { margin: 60px 0px 30px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); }

#course-detail .main-wrap .introduction { font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); }

#course-detail .main-wrap .introduction span { display: block; margin-top: 20px; }

#course-detail .main-wrap .list-wrap { margin-top: 30px; }

#course-detail .main-wrap .list-wrap .el-table thead { color: rgb(51, 51, 51); font-size: 14px; font-weight: 400; }

#course-detail .main-wrap .list-wrap .el-table th > .cell { text-align: center; }

#course-detail .main-wrap .list-wrap .el-table__header th, #course-detail .main-wrap .list-wrap .el-table__header tr { height: 60px; background: rgb(247, 247, 247); color: rgb(51, 51, 51); }

#course-detail .main-wrap .list-wrap .el-table__body td, #course-detail .main-wrap .list-wrap .el-table__body th { height: 80px; }

#course-detail .main-wrap .list-wrap .el-table__body td div.cell, #course-detail .main-wrap .list-wrap .el-table__body th div.cell { padding: 0px; }

#course-detail .main-wrap .list-wrap .el-table__body td div.cell .list-name, #course-detail .main-wrap .list-wrap .el-table__body th div.cell .list-name { cursor: pointer; }

#course-detail .main-wrap .list-wrap .el-table__body td div.cell .list-name:hover, #course-detail .main-wrap .list-wrap .el-table__body th div.cell .list-name:hover { color: rgb(0, 135, 255); }

#course-detail .main-wrap .list-wrap .el-table__body td:last-child div.cell .el-button.el-button--default, #course-detail .main-wrap .list-wrap .el-table__body th:last-child div.cell .el-button.el-button--default { width: 108px; height: 40px; border-radius: 20px; font-size: 14px; font-weight: 400; }

#course-detail .main-wrap .list-wrap .el-table__body td:last-child div.cell .el-button.el-button--default:hover, #course-detail .main-wrap .list-wrap .el-table__body th:last-child div.cell .el-button.el-button--default:hover { background-color: rgb(255, 255, 255); opacity: 0.95; }

#course-detail .main-wrap .list-wrap .el-table__body td:last-child div.cell .el-button.el-button--default.review, #course-detail .main-wrap .list-wrap .el-table__body th:last-child div.cell .el-button.el-button--default.review { border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); }

#course-detail .main-wrap .list-wrap .el-table__body td:last-child div.cell .el-button.el-button--default.appoint, #course-detail .main-wrap .list-wrap .el-table__body th:last-child div.cell .el-button.el-button--default.appoint { border: 1px solid rgb(255, 94, 1); color: rgb(255, 94, 1); }

#course-detail .main-wrap .list-wrap .el-table__body td:last-child div.cell .el-button.el-button--default.intoState, #course-detail .main-wrap .list-wrap .el-table__body th:last-child div.cell .el-button.el-button--default.intoState { background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); color: rgb(255, 255, 255); }

#course-detail .main-wrap .list-wrap .el-table__body td:last-child div.cell .el-button.el-button--default.readyState, #course-detail .main-wrap .list-wrap .el-table__body th:last-child div.cell .el-button.el-button--default.readyState { background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); opacity: 0.01; color: rgb(255, 255, 255); }

#course-detail .main-wrap .list-wrap .el-table__body td:last-child div.cell .el-button.el-button--default.reviewState, #course-detail .main-wrap .list-wrap .el-table__body th:last-child div.cell .el-button.el-button--default.reviewState { border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); }

#course-detail .main-wrap .list-wrap .el-table__body td:last-child div.cell .el-button.el-button--default.warnState, #course-detail .main-wrap .list-wrap .el-table__body th:last-child div.cell .el-button.el-button--default.warnState { border: 1px solid rgb(255, 94, 1); color: rgb(255, 94, 1); }

#course-more-detail .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#course-more-detail .main-wrap .bread-wrap { padding-top: 18px; }

#course-more-detail .main-wrap .bread-wrap .el-breadcrumb__inner, #course-more-detail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#course-more-detail .main-wrap .course-summary { display: flex; margin-top: 20px; }

#course-more-detail .main-wrap .course-summary .picture { width: 400px; height: 300px; }

#course-more-detail .main-wrap .course-summary .picture img { width: 100%; height: 100%; border-radius: 8px; }

#course-more-detail .main-wrap .course-summary .detail { position: relative; margin-left: 30px; }

#course-more-detail .main-wrap .course-summary .detail .title { position: absolute; width: 464px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#course-more-detail .main-wrap .course-summary .detail .teacher { display: flex; -webkit-box-align: center; align-items: center; margin: 70px 0px 20px; font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); }

#course-more-detail .main-wrap .course-summary .detail .teacher .img-block { display: block; width: 32px; height: 32px; margin-right: 15px; }

#course-more-detail .main-wrap .course-summary .detail .teacher .img-block img { height: 100%; width: 100%; border-radius: 16px; border: 1px solid rgb(237, 241, 247); }

#course-more-detail .main-wrap .course-summary .detail .teacher .crossbar { margin: 0px 5px; }

#course-more-detail .main-wrap .course-summary .detail > span { display: block; font-size: 16px; font-weight: 400; color: rgb(153, 153, 153); margin-bottom: 10px; }

#course-more-detail .main-wrap .course-summary .detail > span.guide i { margin-left: 10px; font-size: 14px; color: rgb(204, 204, 204); }

#course-more-detail .main-wrap .course-summary .detail .el-button { width: 160px; height: 45px; margin-top: 35px; background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); border-radius: 8px; font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); border: none; }

#course-more-detail .main-wrap .course-summary .detail .el-button:hover { opacity: 0.95; }

#course-more-detail .main-wrap .course-summary .detail .el-button.booked { color: rgb(255, 255, 255); background: rgb(204, 204, 204); }

#course-more-detail .main-wrap .title-wrap { margin: 60px 0px 20px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); }

#course-more-detail .main-wrap .teacher-intro { display: flex; }

#course-more-detail .main-wrap .teacher-intro .teacher-img { width: 108px; height: 136px; border-radius: 8px; }

#course-more-detail .main-wrap .teacher-intro .teacher-img img { width: 100%; height: 100%; border-radius: 8px; }

#course-more-detail .main-wrap .teacher-intro .teacher-text { -webkit-box-flex: 1; flex: 1 1 0%; margin-left: 30px; font-weight: 400; }

#course-more-detail .main-wrap .teacher-intro .teacher-text .name { font-size: 16px; color: rgb(51, 51, 51); margin-bottom: 16px; }

#course-more-detail .main-wrap .teacher-intro .teacher-text .detail { font-size: 14px; color: rgb(102, 102, 102); line-height: 20px; }

#course-more-detail .main-wrap .introduction { font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); line-height: 25px; }

#course-more-detail .main-wrap .introduction span { display: block; margin-top: 20px; }

#personal-center .student-info-wrap { display: flex; width: 894px; height: 110px; padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 20px; border-radius: 8px; }

#personal-center .student-info-wrap .student-personal-info { display: flex; -webkit-box-align: center; align-items: center; width: 298px; height: 100%; }

#personal-center .student-info-wrap .student-personal-info .personal-info-left .student-img { width: 72px; height: 72px; margin-right: 24px; }

#personal-center .student-info-wrap .student-personal-info .personal-info-left .student-img img { height: 100%; width: 100%; border-radius: 50%; object-fit: cover; }

#personal-center .student-info-wrap .student-personal-info .personal-info-left button { width: 72px; height: 24px; margin-top: 19px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); color: rgb(153, 153, 153); font-size: 14px; font-weight: 400; background-color: rgb(255, 255, 255); }

#personal-center .student-info-wrap .student-personal-info .student-detail { color: rgb(153, 153, 153); font-size: 14px; }

#personal-center .student-info-wrap .student-personal-info .student-detail .modify-info { color: rgb(255, 94, 1); cursor: pointer; }

#personal-center .student-info-wrap .student-personal-info .student-detail div { margin-bottom: 10px; }

#personal-center .student-info-wrap .student-personal-info .student-detail .stu-name { margin-top: -5px; }

#personal-center .student-info-wrap .student-personal-info .student-detail .stu-phone { margin-top: 10px; }

#personal-center .student-info-wrap .student-personal-info .student-detail .stu-sex { width: 30px; }

#personal-center .student-info-wrap .student-personal-info .student-detail div:first-child { color: rgb(51, 51, 51); line-height: 28px; font-size: 20px; font-weight: 600; }

#personal-center .student-info-wrap .student-personal-info .student-detail span:nth-child(2) { display: inline-block; width: 30px; margin-right: 17px; }

#personal-center .student-info-wrap .amount-detail-info { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; margin-right: -35px; }

#personal-center .student-info-wrap .amount-detail-info li { display: flex; -webkit-box-align: center; align-items: center; width: 160px; height: 100%; }

#personal-center .student-info-wrap .amount-detail-info li .amount-img { width: 56px; height: 56px; margin-right: 18px; border-radius: 56px; }

#personal-center .student-info-wrap .amount-detail-info li .amount-detail div { margin-bottom: 8px; font-size: 12px; font-weight: 400; color: rgb(153, 153, 153); }

#personal-center .student-info-wrap .amount-detail-info li .amount-detail span { font-size: 20px; font-weight: 500; }

#personal-center .main-content { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 50px; }

#personal-center .main-content .content-left { width: 100%; background: rgb(255, 255, 255); border-radius: 8px; }

#personal-center .main-content .content-left .my-teacher { padding: 30px; }

#personal-center .main-content .content-left .my-teacher .title { height: 28px; line-height: 28px; margin-bottom: 20px; }

#personal-center .main-content .content-left .my-teacher .title span:first-child { font-size: 20px; font-weight: 600; }

#personal-center .main-content .content-left .my-teacher .title span:nth-child(2) { float: right; font-size: 14px; color: rgb(153, 153, 153); font-weight: 400; cursor: pointer; }

#personal-center .main-content .content-left .my-teacher .title span:nth-child(2) i { margin-left: 8px; color: rgb(204, 204, 204); font-size: 14px; }

#personal-center .main-content .content-left .my-teacher ul.teacher-list { display: flex; overflow: hidden; }

#personal-center .main-content .content-left .my-teacher ul.teacher-list li { position: relative; margin-right: 49px; width: 108px; }

#personal-center .main-content .content-left .my-teacher ul.teacher-list li img:first-child { width: 108px; height: 136px; border-radius: 8px; object-fit: cover; }

#personal-center .main-content .content-left .my-teacher ul.teacher-list li img.country { position: absolute; right: 0px; top: 0px; }

#personal-center .main-content .content-left .my-teacher ul.teacher-list li .name { font-size: 14px; line-height: 20px; margin: 8px 3px 0px 0px; }

#personal-center .main-content .content-left .my-teacher ul.teacher-list li .status { color: rgb(102, 102, 102); }

#personal-center .main-content .content-right .right-advertisement { width: 262px; height: 197px; margin-bottom: 20px; border-radius: 8px; background: coral; }

#personal-center .main-content .content-right .right-advertisement img { width: 100%; height: 100%; border-radius: 8px; }

#personal-center .main-content .content-right .right-question { width: 202px; height: 293px; padding: 20px 30px 0px; background: rgb(255, 255, 255); border-radius: 8px; overflow: hidden; }

#personal-center .main-content .content-right .right-question .title { height: 28px; line-height: 28px; margin-bottom: 25px; }

#personal-center .main-content .content-right .right-question .title span:first-child { font-size: 20px; font-weight: 600; }

#personal-center .main-content .content-right .right-question .title span:nth-child(2) { float: right; font-size: 14px; color: rgb(153, 153, 153); font-weight: 400; cursor: pointer; }

#personal-center .main-content .content-right .right-question .title span:nth-child(2) i { margin-left: 8px; color: rgb(204, 204, 204); font-size: 14px; }

#personal-center .main-content .content-right .right-question ul { width: 100%; }

#personal-center .main-content .content-right .right-question ul li { height: 20px; font-size: 14px; margin-bottom: 22px; white-space: pre; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }

#buy-detail .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); min-height: 650px; border-radius: 8px; }

#buy-detail .main-wrap .bread-wrap { padding-top: 18px; }

#buy-detail .main-wrap .bread-wrap .el-breadcrumb__inner, #buy-detail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#buy-detail .main-wrap .select-wrap { position: relative; font-size: 14px; font-weight: 400; color: rgb(48, 49, 51); margin-bottom: 24px; }

#buy-detail .main-wrap .select-wrap .el-date-editor.el-input, #buy-detail .main-wrap .select-wrap .el-date-editor.el-input__inner { width: 150px; height: 40px; margin: 0px 10px; }

#buy-detail .main-wrap .select-wrap div { display: inline-block; }

#buy-detail .main-wrap .select-wrap .change-reason, #buy-detail .main-wrap .select-wrap .ml-20 { margin-left: 20px; }

#buy-detail .main-wrap .select-wrap .change-reason .el-select { width: 175px; height: 40px; margin-left: 10px; }

#buy-detail .main-wrap .select-wrap .change-reason.set { margin-top: 10px; }

#buy-detail .main-wrap .select-wrap .change-reason.set .el-select { width: 130px; height: 40px; margin-left: 8px; }

#buy-detail .main-wrap .select-wrap.time .detail .el-input { width: 150px; margin: 0px 10px; }

#buy-detail .main-wrap .select-wrap.time .detail .el-input input { width: 150px; height: 40px; }

#buy-detail .main-wrap .select-wrap.time .detail .span-line { margin: 0px 2px; }

#buy-detail .main-wrap .select-wrap.time .el-button { height: 38px; border: none; background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); margin-right: 10px; }

#buy-detail .main-wrap .select-wrap.time .el-button:hover { opacity: 0.95; }

#buy-detail .main-wrap .select-wrap.time .el-button.out { border: 1px solid rgb(0, 135, 255); color: rgb(0, 135, 255); background-color: rgb(255, 255, 255); }

#buy-detail .main-wrap .total-block { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); margin-top: 30px; }

#buy-detail .main-wrap .total-block span { margin-right: 20px; }

#buy-detail .main-wrap .total-block .last-time { color: rgb(0, 135, 255); }

#buy-detail .main-wrap .list-wrap { margin: 12px 0px 30px; }

#buy-detail .main-wrap .list-wrap .el-table thead { color: rgb(51, 51, 51); font-size: 14px; font-weight: 400; }

#buy-detail .main-wrap .list-wrap .el-table th > .cell { text-align: center; }

#buy-detail .main-wrap .list-wrap .el-table__header th, #buy-detail .main-wrap .list-wrap .el-table__header tr { height: 48px; background: rgb(247, 247, 247); color: rgb(51, 51, 51); }

#buy-detail .main-wrap .list-wrap .el-table__body td, #buy-detail .main-wrap .list-wrap .el-table__body th { height: 67px; }

#buy-detail .main-wrap .list-wrap .el-table__body td:nth-child(2) div.cell span.po-color, #buy-detail .main-wrap .list-wrap .el-table__body th:nth-child(2) div.cell span.po-color { color: rgb(255, 94, 1); }

#buy-detail .main-wrap .list-wrap .el-table__body td:nth-child(4) div.cell, #buy-detail .main-wrap .list-wrap .el-table__body th:nth-child(4) div.cell { font-weight: 500; }

#super-buy-detail .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); min-height: 650px; border-radius: 8px; }

#super-buy-detail .main-wrap .bread-wrap { padding-top: 18px; }

#super-buy-detail .main-wrap .bread-wrap .el-breadcrumb__inner, #super-buy-detail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#super-buy-detail .main-wrap .select-wrap { position: relative; font-size: 14px; font-weight: 400; color: rgb(48, 49, 51); }

#super-buy-detail .main-wrap .select-wrap .el-date-editor.el-input, #super-buy-detail .main-wrap .select-wrap .el-date-editor.el-input__inner { width: 150px; height: 40px; margin: 0px 10px; }

#super-buy-detail .main-wrap .select-wrap div { display: inline-block; }

#super-buy-detail .main-wrap .select-wrap .change-reason { margin-left: 30px; }

#super-buy-detail .main-wrap .select-wrap .change-reason .el-select { width: 175px; height: 40px; margin-left: 10px; }

#super-buy-detail .main-wrap .select-wrap.set { margin-top: 10px; }

#super-buy-detail .main-wrap .select-wrap.set .el-select { width: 235px; height: 40px; margin-left: 8px; }

#super-buy-detail .main-wrap .select-wrap .el-button { height: 38px; border: none; position: absolute; right: 10px; background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); }

#super-buy-detail .main-wrap .select-wrap .el-button:hover { opacity: 0.95; }

#super-buy-detail .main-wrap .list-wrap { margin: 30px 0px; }

#super-buy-detail .main-wrap .list-wrap .el-table thead { color: rgb(51, 51, 51); font-size: 14px; font-weight: 400; }

#super-buy-detail .main-wrap .list-wrap .el-table th > .cell { text-align: center; }

#super-buy-detail .main-wrap .list-wrap .el-table__header th, #super-buy-detail .main-wrap .list-wrap .el-table__header tr { height: 48px; background: rgb(247, 247, 247); color: rgb(51, 51, 51); }

#super-buy-detail .main-wrap .list-wrap .el-table__body td, #super-buy-detail .main-wrap .list-wrap .el-table__body th { height: 67px; }

#super-buy-detail .main-wrap .list-wrap .el-table__body td:nth-child(2) div.cell span.po-color, #super-buy-detail .main-wrap .list-wrap .el-table__body th:nth-child(2) div.cell span.po-color { color: rgb(255, 94, 1); }

#super-buy-detail .main-wrap .list-wrap .el-table__body td:nth-child(4) div.cell, #super-buy-detail .main-wrap .list-wrap .el-table__body th:nth-child(4) div.cell { font-weight: 500; }

#free-appointment .un-set { background-color: rgb(255, 255, 255); padding: 30px 0px 0px; border-radius: 0px 0px 8px 8px; }

#free-appointment .un-set .meal-title { margin-top: 0px; }

#free-appointment .un-set ul.set-wrap { width: 930px; display: flex; flex-wrap: wrap; padding-bottom: 40px; border-bottom: 1px solid rgb(237, 241, 247); }

#free-appointment .un-set ul.set-wrap li { width: 260px; height: 106px; padding: 0px 10px 10px; background: rgb(255, 255, 255); border: 1px solid rgb(237, 241, 247); border-radius: 6px; margin: 0px 25px 10px 0px; }

#free-appointment .un-set ul.set-wrap li:hover { box-shadow: rgba(191, 191, 191, 0.5) 0px 2px 8px 0px; }

#free-appointment .un-set ul.set-wrap li > div:first-of-type { display: flex; -webkit-box-align: center; align-items: center; height: 85px; width: 100%; }

#free-appointment .un-set ul.set-wrap li > div:first-of-type > div:first-of-type { flex-shrink: 0; width: 52px; height: 64px; margin-right: 17px; border-radius: 6px; }

#free-appointment .un-set ul.set-wrap li > div:first-of-type > div:first-of-type img { flex-shrink: 0; width: 100%; height: 100%; border-radius: 6px; }

#free-appointment .un-set ul.set-wrap li > div:first-of-type > div:last-of-type > span:first-of-type { display: block; font-size: 14px; font-weight: 600; color: rgb(51, 51, 51); width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#free-appointment .un-set ul.set-wrap li > div:first-of-type > div:last-of-type div { margin: 3px 0px 5px; font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#free-appointment .un-set ul.set-wrap li > div:first-of-type > div:last-of-type > span:last-of-type { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#free-appointment .un-set ul.set-wrap li > div:last-of-type { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#free-appointment .un-set ul.set-wrap li > div:last-of-type .el-switch { margin-right: 5px; }

#free-appointment .un-set ul.set-wrap li > div:last-of-type span { font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); cursor: pointer; }

#free-appointment .un-set ul.set-wrap.unactivated .unactivated-bt { font-size: 12px; font-weight: 400; color: rgb(255, 94, 1); }

#free-appointment .un-set ul.set-wrap.unactivated .unactivated-bt span { font-size: 12px; font-weight: 400; color: rgb(255, 94, 1); margin-left: 10px; }

#free-appointment .un-set ul.set-wrap.unactivated .unactivated-bt button { width: 59px; height: 24px; background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); border-radius: 12px; font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); }

#free-appointment .none-list { background-color: rgb(255, 255, 255); padding: 60px 0px; border-radius: 0px 0px 8px 8px; margin-top: 0px; }

#free-appointment .first-class-wrap { padding: 30px 30px 60px; background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; margin-bottom: 30px; font-size: 20px; color: rgb(102, 102, 102); text-align: center; }

#free-appointment .meal-title { position: relative; height: 20px; margin: 30px 0px 24px; line-height: 20px; }

#free-appointment .meal-title .pick-btn { cursor: pointer; }

#free-appointment .meal-title.first-title { margin-top: 0px; padding-top: 30px; }

#free-appointment .meal-title.first-title span:first-child { margin-top: 30px; }

#free-appointment .meal-title.chose-meal { margin-top: 0px; padding-top: 30px; }

#free-appointment .meal-title.chose-meal span:first-child { margin-top: 30px; }

#free-appointment .meal-title span:first-child { position: absolute; top: 2px; display: inline-block; width: 5px; height: 16px; background: rgb(0, 135, 255); border-radius: 5px; }

#free-appointment .meal-title span:nth-child(2) { font-size: 16px; font-weight: 600; margin: 0px 20px 0px 13px; }

#free-appointment .meal-title span:nth-child(3) { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#free-appointment .free-wrap { padding: 0px 30px 30px; background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; margin-bottom: 30px; }

#free-appointment .free-wrap .choose-type label.el-radio { margin-top: 5px; }

#free-appointment .free-wrap .choose-type label.el-radio span.el-radio__label { font-size: 17px; font-weight: 400; color: rgb(51, 51, 51); }

#free-appointment .free-wrap .choose-type label.el-radio span.el-radio__input { vertical-align: -1px; }

#free-appointment .free-wrap .choose-type label.el-radio.is-checked { border-color: rgb(0, 202, 111) !important; }

#free-appointment .free-wrap .choose-type label.el-radio.is-checked span.el-radio__label { color: rgb(51, 51, 51); }

#free-appointment .free-wrap .choose-type label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111) !important; background-color: rgb(0, 202, 111) !important; }

#free-appointment .free-wrap .choose-type .tips { width: 872px; height: 86px; padding: 10px 10px 0px; margin: 20px 0px 40px; background: rgb(255, 249, 237); border-radius: 8px; }

#free-appointment .free-wrap .choose-type .tips p { font-size: 14px; font-weight: 400; color: rgb(255, 170, 0); margin: 10px 0px; }

#free-appointment .free-wrap .choose-type .tips p:first-child { margin-top: 0px; }

#free-appointment .free-wrap .choose-setmeal, #free-appointment .free-wrap .choose-teacher-time, #free-appointment .free-wrap .choose-type { width: 100%; }

#free-appointment .free-wrap .choose-setmeal.choose-teacher-time, #free-appointment .free-wrap .choose-teacher-time.choose-teacher-time, #free-appointment .free-wrap .choose-type.choose-teacher-time { border-bottom: none; }

#free-appointment .free-wrap .choose-setmeal .meal-package, #free-appointment .free-wrap .choose-teacher-time .meal-package, #free-appointment .free-wrap .choose-type .meal-package { border-bottom: 1px solid rgb(237, 241, 247); }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio { display: flex; flex-wrap: wrap; width: 920px; margin-bottom: 30px; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio.stu label.el-radio, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio.stu label.el-radio, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio.stu label.el-radio { width: 286px; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio { display: flex; -webkit-box-align: center; align-items: center; width: 261px; height: 64px; padding: 10px; margin: 0px 23px 20px 0px; background: rgb(255, 255, 255); border-radius: 7px; border: 1px solid rgb(220, 222, 227); }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio.is-checked, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio.is-checked, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio.is-checked { background: rgba(0, 135, 255, 0.05); border-color: rgb(0, 135, 255) !important; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111) !important; background-color: rgb(0, 202, 111) !important; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label { display: flex; font-size: 14px; -webkit-box-align: center; align-items: center; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img { margin-right: 10px; width: 52px; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img { width: 100%; border-radius: 7px; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label dt, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label dt, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label dt { font-weight: 500; color: rgb(51, 51, 51); }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label dt.package-name, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label dt.package-name, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label dt.package-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time { font-weight: 400; color: rgb(153, 153, 153); margin: 8px 0px 7px; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date { font-weight: 400; color: rgb(153, 153, 153); }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date.role, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date.role, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date.role { margin-top: 15px; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .right { display: flex; -webkit-box-align: center; align-items: center; margin-left: 8px; cursor: pointer; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text { font-size: 12px; color: rgb(151, 151, 151); line-height: 26px; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon { width: 16px; height: 16px; margin-left: 2px; }

#free-appointment .free-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row, #free-appointment .free-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row, #free-appointment .free-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }

#free-appointment .free-wrap .choose-setmeal .el-loading-mask, #free-appointment .free-wrap .choose-teacher-time .el-loading-mask, #free-appointment .free-wrap .choose-type .el-loading-mask { top: 13px; z-index: 1000; }

#free-appointment .free-wrap .choose-teacher-time .choose-time { display: flex; width: 100%; height: 60px; background: rgb(241, 250, 255); margin: 10px 0px 20px; }

#free-appointment .free-wrap .choose-teacher-time .choose-time .oneday { width: 44px; height: 40px; padding: 10px 8px; background: rgb(241, 250, 255); border-top: 1px solid rgb(220, 222, 227); border-bottom: 1px solid rgb(220, 222, 227); border-left: 1px solid rgb(220, 222, 227); border-image: initial; border-right: none; text-align: center; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); cursor: pointer; }

#free-appointment .free-wrap .choose-teacher-time .choose-time .oneday:last-child { border-right: 1px solid rgb(220, 222, 227); }

#free-appointment .free-wrap .choose-teacher-time .choose-time .oneday span { display: block; margin-top: 5px; }

#free-appointment .free-wrap .choose-teacher-time .choose-time .active { color: rgb(255, 255, 255); background: rgb(0, 135, 255); border-color: rgb(0, 135, 255); }

#free-appointment .free-wrap .choose-teacher-time .reminder { position: relative; width: 100%; height: 60px; line-height: 20px; font-size: 14px; color: rgb(153, 153, 153); margin-bottom: 20px; }

#free-appointment .free-wrap .choose-teacher-time .reminder .reminder-graphic { display: flex; position: absolute; top: 40px; right: 0px; height: 20px; color: rgb(51, 51, 51); }

#free-appointment .free-wrap .choose-teacher-time .reminder .reminder-graphic .graphic-block { margin-left: 20px; }

#free-appointment .free-wrap .choose-teacher-time .reminder .reminder-graphic .graphic-block span { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background-color: rgb(255, 255, 255); margin-right: 10px; }

#free-appointment .free-wrap .choose-teacher-time .reminder .reminder-graphic .graphic-block:first-child span { width: 12px; height: 12px; border: 1px solid rgb(220, 222, 227); }

#free-appointment .free-wrap .choose-teacher-time .reminder .reminder-graphic .graphic-block:nth-child(2) span { width: 12px; height: 12px; border: 1px solid rgb(255, 170, 0); background: rgb(255, 170, 0); font-weight: 500; }

#free-appointment .free-wrap .choose-teacher-time .reminder .reminder-graphic .graphic-block:nth-child(3) { margin-right: 0px; }

#free-appointment .free-wrap .choose-teacher-time .reminder .reminder-graphic .graphic-block:nth-child(3) span { background: rgb(0, 135, 255); }

#free-appointment .free-wrap .teacher-timetable .el-loading-spinner { top: 10%; }

#free-appointment .free-wrap .teacher-timetable ul li.tt { display: flex; margin-bottom: 30px; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro { width: 108px; height: 200px; margin-right: 25px; text-align: center; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .picture { position: relative; width: 108px; height: 136px; cursor: pointer; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .picture img:first-of-type { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square { display: block; position: absolute; right: 0px; top: 0px; border-radius: 0px 8px; height: 17px; color: rgb(255, 255, 255); padding: 1px 4px 1px 5px; line-height: 17px; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square.usa { background: rgb(2, 57, 121); }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square.china { background-color: rgb(228, 2, 18); }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square.philippine { background-color: rgb(255, 138, 70); }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .picture span.name-square { display: block; position: absolute; bottom: 0px; left: 0px; width: 108px; height: 25px; line-height: 25px; background: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .time { margin: 8px 0px 10px; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .teacher-title { color: rgb(255, 94, 1); font-size: 14px; font-weight: 400; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .el-button { width: 60px; height: 24px; padding: 0px; border-radius: 16px; border: 1px solid rgb(255, 94, 1); font-size: 14px; font-weight: 400; color: rgb(255, 94, 1); background-color: rgb(255, 255, 255); }

#free-appointment .free-wrap .teacher-timetable ul li.tt .teacher-intro .el-button.collect { border: 1px solid rgb(220, 222, 227); color: rgb(153, 153, 153); }

#free-appointment .free-wrap .teacher-timetable ul li.tt .timetable #adult-type, #free-appointment .free-wrap .teacher-timetable ul li.tt .timetable ul#student-type { width: 760px; box-sizing: border-box; display: flex; flex-wrap: wrap; border-right: 1px solid rgb(220, 222, 227); border-bottom: 1px solid rgb(220, 222, 227); }

#free-appointment .free-wrap .teacher-timetable ul li.tt .timetable #adult-type li, #free-appointment .free-wrap .teacher-timetable ul li.tt .timetable ul#student-type li { box-sizing: border-box; flex-shrink: 0; display: block; width: 12.5%; height: 48px; border-left: 1px solid rgb(220, 222, 227); border-top: 1px solid rgb(220, 222, 227); line-height: 49px; text-align: center; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .timetable #adult-type li.block, #free-appointment .free-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.block { width: 379px; background: rgb(238, 238, 238); }

#free-appointment .free-wrap .teacher-timetable ul li.tt .timetable #adult-type li.disable, #free-appointment .free-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.disable { background: rgb(255, 255, 255); color: rgb(153, 153, 153); }

#free-appointment .free-wrap .teacher-timetable ul li.tt .timetable #adult-type li.available, #free-appointment .free-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.available { background: rgb(255, 170, 0); cursor: pointer; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .timetable #adult-type li.available:hover, #free-appointment .free-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.available:hover { opacity: 0.9; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .timetable #adult-type li.batch, #free-appointment .free-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.batch { -webkit-box-flex: 1; flex: 1 1 0%; background: rgb(0, 135, 255); border-top: 1px solid rgb(220, 222, 227); font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .timetable #adult-type li.batch:hover, #free-appointment .free-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.batch:hover { opacity: 0.9; }

#free-appointment .free-wrap .teacher-timetable ul li.tt .timetable #adult-type li.batch i, #free-appointment .free-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.batch i { font-size: 20px; vertical-align: -2px; }

#free-appointment #bottom-button { width: 100%; height: 70px; line-height: 70px; background: rgb(255, 255, 255); }

#free-appointment #bottom-button .steps-button { float: right; }

#free-appointment #bottom-button .steps-button .el-button.el-button--primary { width: 120px; height: 40px; font-size: 14px; }

#free-appointment #bottom-button .steps-button .el-button.el-button--primary:first-child { background-color: rgb(255, 255, 255); border-color: rgb(220, 222, 227); color: rgb(102, 102, 102); }

#free-appointment #package-none-list { margin: 0px auto; width: 250px; }

.html-content[data-v-6a64ae52] { font-family: "PingFang SC"; font-weight: 400; font-size: 14px; color: rgb(102, 102, 102); line-height: 20px; }

.html-content .content[data-v-6a64ae52] { text-align: left; margin-top: -18px; margin-bottom: 20px; }

.html-content .btn[data-v-6a64ae52] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 142px; height: 40px; border-radius: 200px; border: 1px solid rgb(239, 239, 239); font-size: 16px; color: rgb(153, 153, 153); margin: auto; cursor: pointer; }

.html-content .btn2[data-v-6a64ae52] { background: rgb(0, 135, 255); color: rgb(255, 255, 255); }

#vip-appointment .main-wrap { padding: 30px; background: rgb(255, 255, 255); margin-bottom: 10px; border-radius: 0px 0px 8px 8px; }

#vip-appointment .main-wrap .meal-title { position: relative; height: 20px; margin-bottom: 24px; line-height: 20px; }

#vip-appointment .main-wrap .meal-title span:first-child { position: absolute; top: 2px; display: inline-block; width: 5px; height: 16px; background: rgb(0, 135, 255); border-radius: 5px; }

#vip-appointment .main-wrap .meal-title span:nth-child(2) { font-size: 16px; font-weight: 600; margin: 0px 20px 0px 13px; }

#vip-appointment .main-wrap .meal-title span:nth-child(3) { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#vip-appointment .main-wrap .choose-setmeal, #vip-appointment .main-wrap .choose-teacher-time, #vip-appointment .main-wrap .choose-type { width: 100%; border-bottom: 1px solid rgb(237, 241, 247); margin-bottom: 30px; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio { display: flex; flex-wrap: wrap; width: 920px; margin-bottom: 30px; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio.stu label.el-radio, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio.stu label.el-radio, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio.stu label.el-radio { width: 286px; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio { display: flex; -webkit-box-align: center; align-items: center; width: 261px; height: 64px; padding: 10px; margin: 0px 23px 20px 0px; background: rgb(255, 255, 255); border-radius: 7px; border: 1px solid rgb(220, 222, 227); }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio.is-checked, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio.is-checked, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio.is-checked { background: rgba(0, 135, 255, 0.05); border-color: rgb(0, 135, 255) !important; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111) !important; background-color: rgb(0, 202, 111) !important; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label { display: flex; font-size: 14px; -webkit-box-align: center; align-items: center; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img { margin-right: 10px; width: 52px; height: 61px; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img { height: 100%; width: 100%; border-radius: 7px; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label dt, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label dt, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label dt { margin-top: 1px; font-weight: 500; color: rgb(51, 51, 51); }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label dt.package-name, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label dt.package-name, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label dt.package-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time { font-weight: 400; color: rgb(102, 102, 102); margin: 8px 0px 9px; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date { font-weight: 400; color: rgb(153, 153, 153); }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date.role, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date.role, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date.role { margin-top: 15px; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .right { display: flex; -webkit-box-align: center; align-items: center; margin-left: 8px; cursor: pointer; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text { font-size: 12px; color: rgb(151, 151, 151); line-height: 26px; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon { width: 16px; height: 16px; margin-left: 2px; }

#vip-appointment .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row, #vip-appointment .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row, #vip-appointment .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }

#vip-appointment .main-wrap .choose-type { margin-top: 30px; }

#vip-appointment .main-wrap .choose-type label.el-radio { margin-top: 5px; }

#vip-appointment .main-wrap .choose-type label.el-radio span.el-radio__label { font-size: 17px; font-weight: 400; color: rgb(51, 51, 51); }

#vip-appointment .main-wrap .choose-type label.el-radio span.el-radio__input { vertical-align: -1px; }

#vip-appointment .main-wrap .choose-type label.el-radio.is-checked { border-color: rgb(0, 202, 111) !important; }

#vip-appointment .main-wrap .choose-type label.el-radio.is-checked span.el-radio__label { color: rgb(51, 51, 51); }

#vip-appointment .main-wrap .choose-type label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111) !important; background-color: rgb(0, 202, 111) !important; }

#vip-appointment .main-wrap .choose-type .tips { width: 872px; height: 86px; padding: 10px 10px 0px; margin: 20px 0px 40px; background: rgb(255, 249, 237); border-radius: 8px; }

#vip-appointment .main-wrap .choose-type .tips p { font-size: 14px; font-weight: 400; color: rgb(255, 170, 0); margin: 10px 0px; }

#vip-appointment .main-wrap .choose-type .tips p:first-child { margin-top: 0px; }

#vip-appointment .main-wrap .teacher-tabs { display: flex; -webkit-box-pack: justify; justify-content: space-between; height: 40px; margin-top: 40px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); border-bottom: 1px solid rgb(220, 222, 227); }

#vip-appointment .main-wrap .teacher-tabs .btn-list { font-size: 0px; }

#vip-appointment .main-wrap .teacher-tabs .btn-list button { width: 80px; height: 40px; background: rgb(255, 255, 255); border-top: 1px solid rgb(220, 222, 227); border-right: 1px solid rgb(220, 222, 227); border-left: 1px solid rgb(220, 222, 227); border-image: initial; border-bottom: none; font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#vip-appointment .main-wrap .teacher-tabs .btn-list button.active { color: rgb(255, 255, 255); background: rgb(0, 135, 255); border: 1px solid rgb(0, 135, 255); }

#vip-appointment .main-wrap .teacher-tabs .btn-list button:first-of-type { border-radius: 4px 0px 0px; border-right: none; }

#vip-appointment .main-wrap .teacher-tabs .btn-list button:last-of-type { border-radius: 0px 4px 0px 0px; border-left: none; }

#vip-appointment .main-wrap .teacher-tabs .period-text span { margin-left: 24px; }

#vip-appointment .main-wrap .teacher-tabs .period-text .el-input { width: 54px; margin: 0px 6px; border-radius: 4px; }

#vip-appointment .main-wrap .teacher-tabs .period-text .el-input .el-input__suffix-inner { height: 26px; line-height: 26px; }

#vip-appointment .main-wrap .teacher-tabs .period-text .el-input .el-input__suffix-inner i { width: 17px; line-height: 26px; }

#vip-appointment .main-wrap .teacher-tabs .period-text .el-input .el-input__inner { height: 28px; line-height: 28px; padding: 0px 5px 0px 11px; color: rgb(51, 51, 51); }

#vip-appointment .main-wrap .reminder { width: 100%; line-height: 20px; font-size: 14px; color: rgb(153, 153, 153); margin: 20px 0px; }

#vip-appointment .main-wrap .reminder .reminder-word { margin-bottom: 24px; }

#vip-appointment .main-wrap .reminder .reminder-graphic { display: flex; -webkit-box-align: center; align-items: center; top: 0px; right: 0px; color: rgb(51, 51, 51); }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block { margin-right: 20px; color: rgb(153, 153, 153); }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block span { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background-color: rgb(255, 255, 255); margin-right: 10px; }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block:first-child span { width: 13px; height: 13px; border: 1px solid rgb(220, 222, 227); }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block:nth-child(2) span { background: rgb(208, 208, 208); }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block:nth-child(4) { color: rgb(102, 102, 102); }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block:nth-child(4) span { background-color: rgb(255, 170, 0); }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block:nth-child(3) { color: rgb(102, 102, 102); }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block:nth-child(3) span { background: rgb(179, 239, 255); }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block:last-child { margin-right: 0px; color: rgb(0, 135, 255); }

#vip-appointment .main-wrap .reminder .reminder-graphic .graphic-block:last-child span { background: rgb(0, 135, 255); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt { display: flex; margin-bottom: 30px; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro { width: 108px; height: 200px; margin-right: 25px; text-align: center; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture { position: relative; width: 108px; height: 136px; cursor: pointer; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture img:first-of-type { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square { display: block; position: absolute; right: 0px; top: 0px; border-radius: 0px 8px; height: 17px; color: rgb(255, 255, 255); padding: 1px 4px 1px 5px; line-height: 17px; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square.usa { background: rgb(2, 57, 121); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square.china { background-color: rgb(228, 2, 18); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square.philippine { background-color: rgb(255, 138, 70); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture span.name-square { display: block; position: absolute; bottom: 0px; left: 0px; width: 108px; height: 25px; line-height: 25px; background: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .time { margin: 8px 0px 10px; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .el-button { width: 60px; height: 24px; padding: 0px; border-radius: 16px; border: 1px solid rgb(255, 94, 1); font-size: 14px; font-weight: 400; color: rgb(255, 94, 1); background-color: rgb(255, 255, 255); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .el-button.collect { border: 1px solid rgb(220, 222, 227); color: rgb(153, 153, 153); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .teacher-intro .teacher-title { color: rgb(255, 94, 1); font-size: 14px; font-weight: 400; margin-top: 10px; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose { display: flex; margin-bottom: 12px; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li { display: block; width: 108px; height: 36px; line-height: 36px; text-align: center; border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 222, 227); border-bottom-color: rgb(220, 222, 227); border-left-color: rgb(220, 222, 227); border-image: initial; border-right-style: initial; border-right-color: initial; cursor: pointer; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li.dayact { color: rgb(255, 255, 255); background: rgb(0, 135, 255); border-color: rgb(0, 135, 255); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li:last-of-type { border-right: 1px solid rgb(220, 222, 227); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li span { margin-left: 10px; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li .square { display: none; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li .square.active { display: block; width: 8px; height: 8px; background: rgb(0, 135, 255); transform: rotate(45deg); margin-top: -4px; margin-left: 50px; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-right: 3px; border-bottom: 1px solid rgb(220, 222, 227); border-right: 1px solid rgb(220, 222, 227); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li { position: relative; box-sizing: border-box; display: block; width: 12.5%; height: 36px; border-left: 1px solid rgb(220, 222, 227); border-top: 1px solid rgb(220, 222, 227); text-align: center; line-height: 36px; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li .spot, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li .spot { position: absolute; top: -10px; right: -10px; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: transparent transparent rgb(255, 94, 1); border-image: initial; transform: rotate(45deg); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.seat, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.seat { width: 189px; height: 36px; border-top: 1px solid rgb(220, 222, 227); background: rgb(255, 255, 255); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.seat-ad, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.seat-ad { width: 569px; height: 36px; border-top: 1px solid rgb(220, 222, 227); background: rgb(255, 255, 255); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.disable, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.disable { background: rgb(255, 255, 255); color: rgb(153, 153, 153); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.appointed, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.appointed { background: rgb(208, 208, 208); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.available, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.available { background: rgb(255, 170, 0); font-weight: 500; cursor: pointer; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.available:hover, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.available:hover { opacity: 0.9; }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.waiting, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.waiting { background: rgb(179, 239, 255); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.chosed, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.chosed { background: rgb(0, 135, 255); cursor: pointer; color: rgb(255, 255, 255); }

#vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.chosed:hover, #vip-appointment .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.chosed:hover { opacity: 0.9; }

#vip-appointment .progress-bt { position: relative; }

#vip-appointment .progress-bt .steps-bt { position: absolute; right: 30px; }

#vip-appointment .progress-bt .steps-bt .el-button { color: rgb(255, 255, 255); background: rgb(0, 135, 255); }

#vip-appointment .el-loading-spinner { top: 100px; }

#vip-apply .main-wrap { padding: 30px; background: rgb(255, 255, 255); margin-bottom: 10px; border-radius: 0px 0px 8px 8px; }

#vip-apply .main-wrap .meal-title { position: relative; height: 20px; margin-bottom: 24px; line-height: 20px; }

#vip-apply .main-wrap .meal-title span:first-child { position: absolute; top: 2px; display: inline-block; width: 5px; height: 16px; background: rgb(0, 135, 255); border-radius: 5px; }

#vip-apply .main-wrap .meal-title span:nth-child(2) { font-size: 16px; font-weight: 600; margin: 0px 20px 0px 13px; }

#vip-apply .main-wrap .meal-title span:nth-child(3) { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#vip-apply .main-wrap .choose-setmeal, #vip-apply .main-wrap .choose-teacher-time, #vip-apply .main-wrap .choose-type { width: 100%; border-bottom: 1px solid rgb(237, 241, 247); margin-bottom: 30px; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio { display: flex; flex-wrap: wrap; width: 920px; margin-bottom: 30px; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio.stu label.el-radio, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio.stu label.el-radio, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio.stu label.el-radio { width: 286px; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio { display: flex; -webkit-box-align: center; align-items: center; width: 261px; height: 64px; padding: 10px; margin: 0px 23px 20px 0px; background: rgb(255, 255, 255); border-radius: 7px; border: 1px solid rgb(220, 222, 227); }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio.is-checked, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio.is-checked, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio.is-checked { background: rgba(0, 135, 255, 0.05); border-color: rgb(0, 135, 255) !important; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111) !important; background-color: rgb(0, 202, 111) !important; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label { display: flex; font-size: 14px; -webkit-box-align: center; align-items: center; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img { margin-right: 10px; width: 52px; height: 61px; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img { height: 100%; width: 100%; border-radius: 7px; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label dt, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label dt, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label dt { margin-top: 1px; font-weight: 500; color: rgb(51, 51, 51); }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label dt.package-name, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label dt.package-name, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label dt.package-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time { font-weight: 400; color: rgb(102, 102, 102); margin: 8px 0px 9px; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date { font-weight: 400; color: rgb(153, 153, 153); }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date.role, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date.role, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date.role { margin-top: 15px; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .right { display: flex; -webkit-box-align: center; align-items: center; margin-left: 8px; cursor: pointer; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text { font-size: 12px; color: rgb(151, 151, 151); line-height: 26px; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon { width: 16px; height: 16px; margin-left: 2px; }

#vip-apply .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row, #vip-apply .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row, #vip-apply .main-wrap .choose-type div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }

#vip-apply .main-wrap .choose-type { margin-top: 30px; }

#vip-apply .main-wrap .choose-type label.el-radio { margin-top: 5px; }

#vip-apply .main-wrap .choose-type label.el-radio span.el-radio__label { font-size: 17px; font-weight: 400; color: rgb(51, 51, 51); }

#vip-apply .main-wrap .choose-type label.el-radio span.el-radio__input { vertical-align: -1px; }

#vip-apply .main-wrap .choose-type label.el-radio.is-checked { border-color: rgb(0, 202, 111) !important; }

#vip-apply .main-wrap .choose-type label.el-radio.is-checked span.el-radio__label { color: rgb(51, 51, 51); }

#vip-apply .main-wrap .choose-type label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111) !important; background-color: rgb(0, 202, 111) !important; }

#vip-apply .main-wrap .choose-type .tips { width: 872px; height: 86px; padding: 10px 10px 0px; margin: 20px 0px 40px; background: rgb(255, 249, 237); border-radius: 8px; }

#vip-apply .main-wrap .choose-type .tips p { font-size: 14px; font-weight: 400; color: rgb(255, 170, 0); margin: 10px 0px; }

#vip-apply .main-wrap .choose-type .tips p:first-child { margin-top: 0px; }

#vip-apply .main-wrap .teacher-tabs { display: flex; -webkit-box-pack: justify; justify-content: space-between; height: 40px; margin-top: 40px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); border-bottom: 1px solid rgb(220, 222, 227); }

#vip-apply .main-wrap .teacher-tabs .btn-list { font-size: 0px; }

#vip-apply .main-wrap .teacher-tabs .btn-list button { width: 80px; height: 40px; background: rgb(255, 255, 255); border-top: 1px solid rgb(220, 222, 227); border-right: 1px solid rgb(220, 222, 227); border-left: 1px solid rgb(220, 222, 227); border-image: initial; border-bottom: none; font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#vip-apply .main-wrap .teacher-tabs .btn-list button.active { color: rgb(255, 255, 255); background: rgb(0, 135, 255); border: 1px solid rgb(0, 135, 255); }

#vip-apply .main-wrap .teacher-tabs .btn-list button:first-of-type { border-radius: 4px 0px 0px; border-right: none; }

#vip-apply .main-wrap .teacher-tabs .btn-list button:last-of-type { border-radius: 0px 4px 0px 0px; border-left: none; }

#vip-apply .main-wrap .teacher-tabs .period-text span { margin-left: 24px; }

#vip-apply .main-wrap .teacher-tabs .period-text .el-input { width: 54px; margin: 0px 6px; border-radius: 4px; }

#vip-apply .main-wrap .teacher-tabs .period-text .el-input .el-input__suffix-inner { height: 26px; line-height: 26px; }

#vip-apply .main-wrap .teacher-tabs .period-text .el-input .el-input__suffix-inner i { width: 17px; line-height: 26px; }

#vip-apply .main-wrap .teacher-tabs .period-text .el-input .el-input__inner { height: 28px; line-height: 28px; padding: 0px 5px 0px 11px; color: rgb(51, 51, 51); }

#vip-apply .main-wrap .reminder { width: 100%; line-height: 20px; font-size: 14px; color: rgb(153, 153, 153); margin: 20px 0px; }

#vip-apply .main-wrap .reminder .reminder-word { margin-bottom: 24px; }

#vip-apply .main-wrap .reminder .reminder-graphic { display: flex; -webkit-box-align: center; align-items: center; top: 0px; right: 0px; color: rgb(51, 51, 51); }

#vip-apply .main-wrap .reminder .reminder-graphic .graphic-block { margin-right: 20px; color: rgb(153, 153, 153); }

#vip-apply .main-wrap .reminder .reminder-graphic .graphic-block span { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background-color: rgb(255, 255, 255); margin-right: 10px; }

#vip-apply .main-wrap .reminder .reminder-graphic .graphic-block:first-child span { background: rgb(208, 208, 208); }

#vip-apply .main-wrap .reminder .reminder-graphic .graphic-block:nth-child(2) { color: rgb(102, 102, 102); }

#vip-apply .main-wrap .reminder .reminder-graphic .graphic-block:nth-child(2) span { background-color: rgb(0, 202, 190); }

#vip-apply .main-wrap .reminder .reminder-graphic .graphic-block:last-child { margin-right: 0px; color: rgb(0, 135, 255); }

#vip-apply .main-wrap .reminder .reminder-graphic .graphic-block:last-child span { background: rgb(0, 135, 255); }

#vip-apply .main-wrap .teacher-timetable ul li.tt { display: flex; margin-bottom: 30px; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro { width: 108px; height: 200px; margin-right: 25px; text-align: center; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture { position: relative; width: 108px; height: 136px; cursor: pointer; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture img:first-of-type { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square { display: block; position: absolute; right: 0px; top: 0px; border-radius: 0px 8px; height: 17px; color: rgb(255, 255, 255); padding: 1px 4px 1px 5px; line-height: 17px; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square.usa { background: rgb(2, 57, 121); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square.china { background-color: rgb(228, 2, 18); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture .area-square.philippine { background-color: rgb(255, 138, 70); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .picture span.name-square { display: block; position: absolute; bottom: 0px; left: 0px; width: 108px; height: 25px; line-height: 25px; background: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .time { margin: 8px 0px 10px; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .el-button { width: 60px; height: 24px; padding: 0px; border-radius: 16px; border: 1px solid rgb(255, 94, 1); font-size: 14px; font-weight: 400; color: rgb(255, 94, 1); background-color: rgb(255, 255, 255); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .el-button.collect { border: 1px solid rgb(220, 222, 227); color: rgb(153, 153, 153); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .teacher-intro .teacher-title { color: rgb(255, 94, 1); font-size: 14px; font-weight: 400; margin-top: 10px; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose { display: flex; margin-bottom: 12px; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li { display: block; -webkit-box-flex: 1; flex: 1 1 0%; height: 36px; line-height: 36px; text-align: center; border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 222, 227); border-bottom-color: rgb(220, 222, 227); border-left-color: rgb(220, 222, 227); border-image: initial; border-right-style: initial; border-right-color: initial; cursor: pointer; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li.dayact { color: rgb(255, 255, 255); background: rgb(0, 135, 255); border-color: rgb(0, 135, 255); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li:last-of-type { border-right: 1px solid rgb(220, 222, 227); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li span { margin-left: 10px; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li .square { display: none; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul.day-choose li .square.active { display: block; width: 8px; height: 8px; background: rgb(0, 135, 255); transform: rotate(45deg); margin-top: -4px; margin-left: 50px; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type { display: flex; flex-wrap: wrap; box-sizing: border-box; margin-right: 3px; border-bottom: 1px solid rgb(220, 222, 227); border-right: 1px solid rgb(220, 222, 227); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li { position: relative; box-sizing: border-box; display: block; width: 12.5%; height: 36px; border-left: 1px solid rgb(220, 222, 227); border-top: 1px solid rgb(220, 222, 227); text-align: center; line-height: 36px; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li .spot, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li .spot { position: absolute; top: -10px; right: -10px; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: transparent transparent rgb(255, 94, 1); border-image: initial; transform: rotate(45deg); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.seat, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.seat { width: 189px; height: 36px; border-top: 1px solid rgb(220, 222, 227); background: rgb(255, 255, 255); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.seat-ad, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.seat-ad { width: 569px; height: 36px; border-top: 1px solid rgb(220, 222, 227); background: rgb(255, 255, 255); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.disable, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.disable { background: rgb(255, 255, 255); color: rgb(153, 153, 153); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.appointed, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.appointed { background: rgb(208, 208, 208); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.available, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.available { background: rgb(0, 202, 190); font-weight: 500; cursor: pointer; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.available:hover, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.available:hover { opacity: 0.9; }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.waiting, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.waiting { background: rgb(179, 239, 255); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.chosed, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.chosed { background: rgb(0, 135, 255); cursor: pointer; color: rgb(255, 255, 255); }

#vip-apply .main-wrap .teacher-timetable ul li.tt .timetable #adult-type li.chosed:hover, #vip-apply .main-wrap .teacher-timetable ul li.tt .timetable ul#student-type li.chosed:hover { opacity: 0.9; }

#vip-apply .progress-bt { position: relative; }

#vip-apply .progress-bt .steps-bt { position: absolute; right: 30px; }

#vip-apply .progress-bt .steps-bt .el-button { color: rgb(255, 255, 255); background: rgb(0, 135, 255); }

#vip-apply .el-loading-spinner { top: 100px; }

.el-popper.pagesize { min-width: 54px !important; }

.vip-time-pop { transform: translateY(13px) translateX(-40px); height: 270px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 12px 0px; width: 430px !important; }

.vip-time-pop .vip-title { font-size: 14px; color: rgb(0, 135, 255); margin-bottom: 10px; }

.vip-time-pop ul { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.vip-time-pop ul li { width: 24%; height: 34px; background-color: rgb(238, 238, 238); margin-bottom: 5px; border-radius: 4px; text-align: center; line-height: 34px; }

.vip-time-pop ul li.disable { background: rgb(255, 255, 255); color: rgb(153, 153, 153); }

.vip-time-pop ul li.appointed { background: rgb(208, 208, 208); }

.vip-time-pop ul li.available { background: rgb(255, 170, 0); font-weight: 500; cursor: pointer; }

.vip-time-pop ul li.waiting { background: rgb(179, 239, 255); }

.check-user-info[data-v-2e198cc8] { padding: 0px 30px 165px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

.check-user-info .title[data-v-2e198cc8] { padding-top: 30px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

.check-user-info .tip[data-v-2e198cc8] { margin-top: 10px; margin-bottom: 10px; font-size: 14px; color: rgb(255, 94, 1); }

.check-user-info .form[data-v-2e198cc8] { margin-top: 20px; margin-bottom: 20px; }

.check-user-info .form[data-v-2e198cc8] .el-input.is-disabled .el-input__inner { background-color: rgb(245, 247, 250); border-color: rgb(228, 231, 237); color: rgb(96, 98, 102); cursor: not-allowed; }

.check-user-info[data-v-2e198cc8] .el-input-group__append { padding: 0px; }

.check-user-info .pl-10[data-v-2e198cc8] { padding-left: 10px; }

.check-user-info .pr-10[data-v-2e198cc8] { padding-right: 10px; }

.check-user-info .img-code[data-v-2e198cc8] { width: 91px; height: 38px; border: 0px; }

.check-user-info .btnText[data-v-2e198cc8] { width: 91px; display: block; text-align: center; }

.check-user-info img[data-v-2e198cc8]:not([src]), .check-user-info img[src=""][data-v-2e198cc8] { opacity: 0; }

.check-user-info[data-v-2e198cc8] .el-link--inner { line-height: 20px; }

.check-user-info[data-v-2e198cc8] .el-input { width: 250px; }

.check-user-info .mt-5[data-v-2e198cc8] { margin-top: 5px; }

.check-user-info .complete-p[data-v-2e198cc8] { line-height: 25px; }

[data-v-ba6daa1e] .el-dialog__body, [data-v-ba6daa1e] .el-dialog__header { padding: 0px; }

[data-v-ba6daa1e] .el-dialog { border-radius: 24px; }

[data-v-ba6daa1e] .el-form-item { border-radius: 20px; }

.dialog-container[data-v-ba6daa1e] { position: relative; }

.dialog-container .close[data-v-ba6daa1e] { position: absolute; top: 0px; right: -90px; cursor: pointer; width: 40px; height: 40px; }

.dialog-container .bg[data-v-ba6daa1e] { width: 971px; height: 820px; background: rgb(255, 255, 255); border-radius: 17px; }

#vip-apply-material .main-wrap { padding: 30px; background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; margin-bottom: 10px; }

#vip-apply-material .main-wrap .class-info { font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); }

#vip-apply-material .main-wrap .class-info span { margin-right: 60px; }

#vip-apply-material .main-wrap .level-wrap { display: flex; -webkit-box-align: center; align-items: center; font-size: 14px; color: rgb(51, 51, 51); line-height: 14px; margin-top: 25px; margin-bottom: -10px; }

#vip-apply-material .main-wrap .level-wrap .orange { color: rgb(255, 92, 1); }

#vip-apply-material .main-wrap .level-wrap .gray { color: rgb(153, 153, 153); }

#vip-apply-material .main-wrap .level-wrap .blue { color: rgb(0, 135, 255); cursor: pointer; }

#vip-apply-material .main-wrap .level-wrap .mr-20 { margin-right: 20px; }

#vip-apply-material .main-wrap .level-wrap .icon { width: 14px; height: 14px; margin-left: 5px; }

#vip-apply-material .main-wrap .level-wrap .hover { display: flex; -webkit-box-align: center; align-items: center; cursor: pointer; }

#vip-apply-material .main-wrap .level-wrap .hover:hover { color: rgb(0, 135, 255); }

#vip-apply-material .main-wrap .title-wrap { display: flex; -webkit-box-align: center; align-items: center; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

#vip-apply-material .main-wrap .title-wrap span { display: block; width: 5px; height: 16px; margin-right: 8px; background: rgb(0, 135, 255); border-radius: 5px; }

#vip-apply-material .main-wrap .title-wrap button { width: 110px; height: 28px; margin-left: 30px; border-radius: 4px; border: 1px solid rgb(220, 222, 227); font-size: 14px; }

#vip-apply-material .main-wrap .title-tip { margin: 0px 0px 0px 30px; }

#org-appointment .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 650px; }

#org-appointment .main-wrap .table-title { padding-top: 30px; position: relative; }

#org-appointment .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#org-appointment .main-wrap .sub-title { margin: 20px 0px 10px; font-size: 14px; font-weight: 700; color: rgb(102, 102, 102); }

#org-appointment .main-wrap .el-table .buyset { color: rgb(0, 135, 255); }

#org-appointment .main-wrap .el-table .el-table__header-wrapper .el-table__header .has-gutter { font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

#org-appointment .main-wrap .el-table .el-table__header-wrapper .el-table__header .has-gutter th { height: 36px; padding: 0px; background-color: rgb(247, 247, 247); }

#org-appointment .main-wrap .el-table .el-table__header-wrapper .el-table__header .has-gutter th .cell { text-align: center; }

#org-appointment .main-wrap .el-table .el-table__body-wrapper { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#org-appointment .main-wrap .el-table .el-table__body-wrapper td { padding: 14px 0px; }

#org-appointment .main-wrap .el-table .el-table__body-wrapper td .cell { text-align: center; }

#org-appointment .main-wrap .el-table .el-table__body-wrapper td .cell .active-btn { padding: 8px 10px; }

#org-appointment .main-wrap .el-table .el-table__body-wrapper td.radio-cell .el-radio .el-radio__label { display: none; }

#org-appointment .main-wrap .el-table .el-table__body tr.current-row > td { background-color: rgba(0, 135, 255, 0.1); }

#org-appointment .main-wrap .el-button.submit-btn { margin: 20px 0px 0px 400px; }

#org-appoint-detail .main-wrap { position: relative; padding: 0px 30px 70px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 610px; }

#org-appoint-detail .main-wrap .sub-title { padding: 20px 0px 10px; font-size: 14px; font-weight: 700; color: rgb(102, 102, 102); }

#org-appoint-detail .main-wrap .el-table .buyset { color: rgb(0, 135, 255); }

#org-appoint-detail .main-wrap .el-table.bottom-table { margin-top: 15px !important; }

#org-appoint-detail .main-wrap .el-table .el-table__header-wrapper .el-table__header .has-gutter { font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

#org-appoint-detail .main-wrap .el-table .el-table__header-wrapper .el-table__header .has-gutter th { height: 36px; padding: 0px; background-color: rgb(237, 241, 247); }

#org-appoint-detail .main-wrap .el-table .el-table__header-wrapper .el-table__header .has-gutter th .cell { text-align: center; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper td .cell { text-align: center; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper td .cell .cancel-block span { display: block; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper td .cell .cancel-block span:first-child { margin-bottom: 25px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper td .cell .dialog-footer .el-button { width: 100px; height: 40px; line-height: 40px; margin-bottom: 0px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper td:last-child { border-right: none; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-date-editor.el-input, #org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-date-editor.el-input__inner { width: 112px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-date-editor.el-input .el-input__prefix, #org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-date-editor.el-input__inner .el-input__prefix { left: -3px; top: 1px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-date-editor.el-input .el-input__suffix, #org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-date-editor.el-input__inner .el-input__suffix { top: 1px; right: -2px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-date-editor.el-input .el-input__inner, #org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-date-editor.el-input__inner .el-input__inner { padding-left: 20px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .index-cell .cell, #org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .time-cell .el-form-item { margin-bottom: 20px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .time-cell .el-form-item .el-form-item__content { line-height: 20px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .time-cell .el-form-item .el-form-item__content .el-input__icon { line-height: 30px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .time-cell .el-form-item.endtime .el-input__inner { color: rgb(102, 102, 102); }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .teacher .el-input__suffix-inner { background-color: rgb(255, 255, 255); width: 15px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .teacher .el-input__icon { width: 23px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .teacher .el-input__suffix { right: 2px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-input__inner { padding: 5px; height: 30px; line-height: 30px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-input__suffix { right: 0px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-button { height: 30px; line-height: 30px; padding: 0px 3px; margin-bottom: 20px; }

#org-appoint-detail .main-wrap .el-table .el-table__body-wrapper .el-button.cancel-btn { padding: 0px 8px; }

#org-appoint-detail .main-wrap .tips { line-height: 20px; color: rgb(102, 102, 102); }

#org-appoint-detail .main-wrap .model-wrap { margin-top: 20px; font-size: 14px; }

#org-appoint-detail .main-wrap .model-wrap .el-select { width: 120px; }

#org-appoint-detail .main-wrap .model { margin-top: 40px; padding-bottom: 10px; }

#org-appoint-detail .main-wrap .btn-group { position: absolute; right: 30px; }

#org-appoint-detail .cancel-block > span { display: block; }

#org-appoint-detail .cancel-block > span:first-child { margin-bottom: 25px; }

#org-appoint-detail .cancel-block .dialog-footer .el-button { width: 100px; height: 40px; margin-bottom: 0px; }

.org-pop .el-select-dropdown__item { padding: 0px 5px; height: 30px; line-height: 30px; }

.org-pop .el-select-dropdown__item:hover { background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); }

.org-date-picker .el-date-table td.today span { color: rgb(192, 196, 204); font-weight: 500; }

#learning-records { margin-bottom: 40px; }

#learning-records .records-wrap { padding: 0px 30px 30px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 680px; }

#learning-records .records-wrap .select-list { margin-bottom: 20px; font-size: 14px; color: rgb(48, 49, 51); }

#learning-records .records-wrap .select-list .el-input { width: 230px; margin: 0px 10px; }

#learning-records .records-wrap .select-list .el-select { width: 230px; }

#learning-records .records-wrap .select-list .el-date-editor { width: 140px; }

#learning-records .records-wrap .select-list .period { width: 315px; }

#learning-records .records-wrap .select-list label + label { padding-left: 30px; }

#learning-records .records-wrap .select-list button { float: right; }

#learning-records .records-wrap .el-tabs__item { font-weight: 600; }

#learning-records .records-wrap .el-tabs__nav-wrap::after { height: 1px; background: rgb(237, 241, 247); }

#learning-records .el-loading-spinner { top: 200px; }

.vip-timetable[data-v-46c9f4b8] { padding: 10px 30px 150px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

.vip-timetable[data-v-46c9f4b8] .el-tabs__item { height: 68px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); line-height: 68px; }

.vip-timetable[data-v-46c9f4b8] .el-tabs__nav-wrap::after { height: 1px; color: rgb(229, 229, 229); }

.vip-timetable[data-v-46c9f4b8] .el-tabs__item.is-active { color: rgb(0, 135, 255); }

.timetable .timetable-wrap[data-v-5a5f9084] { margin-bottom: 20px; }

.timetable .timetable-wrap .term-select[data-v-5a5f9084] { display: flex; margin: 0px 0px 20px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

.timetable .timetable-wrap .term-select .term-teacher[data-v-5a5f9084] { display: flex; -webkit-box-align: center; align-items: center; margin-right: 30px; }

.timetable .timetable-wrap .term-select .term-teacher > span[data-v-5a5f9084] { margin-right: 28px; }

.timetable .timetable-wrap .el-tabs__nav-wrap[data-v-5a5f9084]::after { background: none; }

.timetable .timetable-wrap .el-tabs__item[data-v-5a5f9084] { font-weight: 600; }

.timetable .timetable-wrap[data-v-5a5f9084] .el-tabs__item { font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); line-height: 62px; height: 62px; }

.timetable .timetable-wrap[data-v-5a5f9084] .el-tabs__nav-wrap::after { height: 1px; color: rgb(229, 229, 229); }

.timetable .timetable-wrap[data-v-5a5f9084] .el-tabs__item.is-active { color: rgb(0, 135, 255); }

.ellipsis[data-v-2b1f51da] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.operate-bt[data-v-2b1f51da] { font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); padding-left: 5px; padding-right: 5px; cursor: pointer; }

.yellow[data-v-2b1f51da] { color: rgb(255, 94, 1); }

.blue[data-v-2b1f51da] { color: rgb(0, 135, 255); }

.overview .message[data-v-7331b51c] { font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); line-height: 24px; }

.overview .message .bold[data-v-7331b51c] { color: rgb(255, 94, 1); }

.overview .calendar[data-v-7331b51c] { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-top: 20px; }

.overview .calendar .item[data-v-7331b51c] { margin-right: -1px; }

.overview .title[data-v-7331b51c] { margin: 30px 0px 10px; font-size: 18px; font-weight: 500; color: rgb(51, 51, 51); line-height: 25px; }

.overview .pagination[data-v-7331b51c] { margin-top: 20px; }

.popover-bg { background-color: rgb(255, 255, 255); }

.el-popover.popover-bg { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 12px 0px; }

.data-wrap .data-container[data-v-5e78833f] { pointer-events: none; width: 425px; min-height: 393px; margin-bottom: 20px; }

.data-wrap .data-container[data-v-5e78833f] .el-badge { width: 57px; height: 57px; }

.data-wrap .data-container .hover-table[data-v-5e78833f] { width: 500px; }

.data-wrap .data-container[data-v-5e78833f] .el-badge__content { border-radius: 100%; color: rgb(255, 255, 255); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 12px; height: 18px; min-width: 18px; line-height: 18px; padding: 0px; text-align: center; white-space: nowrap; border: none; background-color: rgb(255, 94, 1); }

.data-wrap .data-container[data-v-5e78833f] .el-calendar { width: 413px; min-height: 393px; padding: 0px 5px; border-radius: 7px; border: 1px solid rgb(220, 222, 227); }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__header { border: none; height: 48px; padding: 0px; }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__header .el-calendar__title { margin: 0px auto; font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__header .el-calendar__button-group { display: none; }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__body { padding: 0px 0px 5px; }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__body .el-calendar-table thead { text-align: center; }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__body .el-calendar-table thead th { padding: 10px 0px; }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__body .el-calendar-table tbody { min-height: 310px; }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__body .el-calendar-table tbody tr.el-calendar-table__row td { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(255, 255, 255); }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__body .el-calendar-table tbody tr.el-calendar-table__row td .el-calendar-day { height: 57px; padding: 0px; line-height: 57px; text-align: center; font-size: 17px; font-weight: 400; }

.data-wrap .data-container[data-v-5e78833f] .el-calendar .el-calendar__body .el-calendar-table tbody tr.el-calendar-table__row td .el-calendar-day .selected-item { height: 57px; width: 57px; color: rgb(255, 255, 255); background: rgb(0, 135, 255); }

.vip-apply-list .message[data-v-625811ca] { font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); line-height: 24px; }

.vip-apply-list .message .bold[data-v-625811ca] { color: rgb(255, 94, 1); }

.vip-apply-list .mt-20[data-v-625811ca] { margin-top: 20px; }

.vip-apply-list .timetable-wrap[data-v-625811ca] { margin-bottom: 20px; margin-top: 20px; }

.vip-apply-list .timetable-wrap[data-v-625811ca] .el-radio { margin-right: 15px; }

.vip-apply-list .timetable-wrap .term-select[data-v-625811ca] { display: flex; flex-wrap: wrap; margin: 0px 0px 20px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

.vip-apply-list .timetable-wrap .term-select .term-teacher[data-v-625811ca] { display: flex; -webkit-box-align: center; align-items: center; margin-right: 25px; }

.vip-apply-list .timetable-wrap .term-select .term-teacher > span[data-v-625811ca] { margin-right: 20px; }

.vip-apply-list .ellipsis[data-v-625811ca] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vip-apply-list .operate-bt[data-v-625811ca] { font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); padding-left: 5px; padding-right: 5px; cursor: pointer; }

.vip-apply-list .yellow[data-v-625811ca] { color: rgb(255, 94, 1); }

.vip-apply-list .blue[data-v-625811ca] { color: rgb(0, 135, 255); }

#my-setmeal { margin-bottom: 57px; }

#my-setmeal .main-wrap { padding: 0px 30px 30px; background: rgb(255, 255, 255); border-radius: 8px; margin-bottom: 20px; }

#my-setmeal .main-wrap.buy { min-height: 500px; }

#my-setmeal .using-title { margin-top: 20px; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

#my-setmeal .none-meal { text-align: center; height: 160px; color: rgb(153, 153, 153); font-size: 14px; }

#my-setmeal ul.set-wrap { display: flex; flex-wrap: wrap; }

#my-setmeal ul.set-wrap li { width: 260px; min-height: 106px; padding: 10px; background: rgb(255, 255, 255); border: 1px solid rgb(237, 241, 247); border-radius: 6px; margin: 20px 15px 0px 0px; }

#my-setmeal ul.set-wrap li:hover { box-shadow: rgba(191, 191, 191, 0.5) 0px 2px 8px 0px; }

#my-setmeal ul.set-wrap li > div:first-of-type { display: flex; -webkit-box-align: center; align-items: center; height: 90px; width: 100%; }

#my-setmeal ul.set-wrap li > div:first-of-type > div:first-of-type { flex-shrink: 0; height: 64px; margin-right: 17px; border-radius: 6px; }

#my-setmeal ul.set-wrap li > div:first-of-type > div:first-of-type img { flex-shrink: 0; width: 100%; height: 100%; border-radius: 6px; }

#my-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type > div:first-of-type { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; cursor: pointer; }

#my-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type > div:first-of-type .left { font-size: 14px; font-weight: 600; color: rgb(51, 51, 51); }

#my-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type > div:first-of-type .right { display: flex; -webkit-box-align: center; align-items: center; }

#my-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type > div:first-of-type .right .text { font-size: 12px; color: rgb(151, 151, 151); line-height: 26px; }

#my-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type > div:first-of-type .right .icon { width: 16px; height: 16px; margin-left: 2px; }

#my-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type div { margin: 3px 0px 5px; font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#my-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type > span:last-of-type { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#my-setmeal ul.set-wrap li > div:last-of-type { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#my-setmeal ul.set-wrap li > div:last-of-type .el-switch { margin-right: 5px; }

#my-setmeal ul.set-wrap li > div:last-of-type span { font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); cursor: pointer; }

#my-setmeal ul.set-wrap.unactivated { padding-bottom: 20px; }

#my-setmeal ul.set-wrap.unactivated .unactivated-bt { font-size: 12px; font-weight: 400; color: rgb(255, 94, 1); }

#my-setmeal ul.set-wrap.unactivated .unactivated-bt span { font-size: 12px; font-weight: 400; color: rgb(255, 94, 1); margin-left: 10px; }

#my-setmeal ul.set-wrap.unactivated .unactivated-bt button { width: 59px; height: 24px; background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); border-radius: 12px; font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); }

#my-setmeal .buy-wrap { position: relative; margin-bottom: 20px; }

#my-setmeal .buy-wrap .bt-list { position: absolute; top: 20px; right: 0px; }

#my-setmeal .buy-wrap .bt-list button:first-child { width: 96px; height: 40px; border-radius: 20px; border: 1px solid rgb(0, 135, 255); font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); }

#my-setmeal .buy-wrap .bt-list button:last-child { width: 108px; height: 40px; background: rgb(0, 135, 255); border-radius: 20px; font-size: 14px; font-weight: 400; color: rgb(237, 241, 247); margin-left: 20px; }

#my-setmeal .buy-wrap .contact { display: block; margin-bottom: 20px; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#my-setmeal .buy-wrap .el-tabs__nav-wrap::after { height: 1px; background: rgb(237, 241, 247); }

#my-setmeal .info-dialog .el-dialog { max-height: 700px; overflow-y: auto; border-radius: 8px; }

#my-setmeal .info-dialog .el-dialog .el-dialog__title { font-weight: 600; }

#my-setmeal .info-dialog .el-dialog .el-dialog__body { padding: 10px 0px 0px 25px; }

#my-setmeal .info-dialog .el-dialog .el-dialog__body .info-dialog-content { line-height: 22px; max-height: 500px; overflow-y: auto; padding-right: 25px; margin-bottom: 20px; }

#my-setmeal .info-dialog .el-dialog .el-dialog__body .info-dialog-content img { max-width: 100%; }

[data-v-1aa44c74] .el-statistic { width: auto; }

.deadline[data-v-1aa44c74] { font-size: 12px; color: rgb(255, 94, 1); margin-right: 2px !important; }

.flex-c[data-v-1aa44c74] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

#my-order { margin-bottom: 57px; }

#my-order .el-loading-mask { z-index: 1000; }

#my-order .main-wrap { padding: 0px 30px 40px; background: rgb(255, 255, 255); border-radius: 8px; margin-bottom: 20px; }

#my-order .timetable-title { padding-top: 30px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#my-order .el-table { margin: 20px 0px 30px; }

#my-order .el-table .has-gutter tr th { text-align: center; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); }

#my-order .el-table .el-table__row td { text-align: center; font-weight: 400; color: rgb(51, 51, 51); }

#my-order .el-table .el-table__row td:first-child, #my-order .el-table .el-table__row td:last-child { color: rgb(0, 135, 255); }

#my-order .el-table .el-table__row td:last-child div span { cursor: pointer; }

#my-order .el-table .el-table__row td:nth-child(3) { color: rgb(255, 94, 1); }

#my-order .el-table .el-table__row td:nth-child(4) .cell { padding: 0px 25px; }

#myset-detail .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); min-height: 650px; border-radius: 8px; }

#myset-detail .main-wrap .bread-wrap { padding-top: 18px; }

#myset-detail .main-wrap .bread-wrap .el-breadcrumb__inner, #myset-detail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#myset-detail .main-wrap .table-title { padding: 30px 0px 20px; }

#myset-detail .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#myset-detail .main-wrap .list-wrap { margin-bottom: 30px; }

#myset-detail .main-wrap .list-wrap .el-table thead { color: rgb(51, 51, 51); font-size: 14px; font-weight: 400; }

#myset-detail .main-wrap .list-wrap .el-table th > .cell { text-align: center; }

#myset-detail .main-wrap .list-wrap .el-table__header th, #myset-detail .main-wrap .list-wrap .el-table__header tr { height: 48px; background: rgb(247, 247, 247); color: rgb(51, 51, 51); }

#myset-detail .main-wrap .list-wrap .el-table__body td, #myset-detail .main-wrap .list-wrap .el-table__body th { height: 67px; }

#myset-detail .main-wrap .list-wrap .el-table__body td:nth-child(2) div.cell span.po-color, #myset-detail .main-wrap .list-wrap .el-table__body th:nth-child(2) div.cell span.po-color { color: rgb(255, 94, 1); }

#myset-detail .main-wrap .list-wrap .el-table__body td:nth-child(4) div.cell, #myset-detail .main-wrap .list-wrap .el-table__body th:nth-child(4) div.cell { font-weight: 500; }

#changer-center { background: rgb(255, 255, 255); margin-bottom: 50px; border-radius: 8px; }

#changer-center .changer-content { width: 100%; height: 239px; text-align: center; background: url("/student/static/img/bg_change.33d61d7.png") no-repeat; }

#changer-center .changer-content div:first-child { padding-top: 43px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); }

#changer-center .changer-content div.el-input { width: 460px; height: 40px; margin: 20px 0px; background: rgb(255, 255, 255); border-radius: 8px; }

#changer-center .changer-content div.el-input .el-input__inner { text-align: center; }

#changer-center .changer-content button { display: block; width: 137px; height: 35px; margin: 0px auto; line-height: 35px; background: rgb(0, 135, 255); font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); border-radius: 8px; }

#changer-center .changer-record { padding: 30px 30px 100px; }

#changer-center .changer-record .title { font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); }

#changer-center .changer-record .list-wrap { margin-top: 20px; }

#changer-center .changer-record .list-wrap .el-table thead { color: rgb(51, 51, 51); font-size: 14px; font-weight: 400; }

#changer-center .changer-record .list-wrap .el-table th > .cell { text-align: center; }

#changer-center .changer-record .list-wrap .el-table__header th, #changer-center .changer-record .list-wrap .el-table__header tr { height: 48px; background: rgb(247, 247, 247); color: rgb(51, 51, 51); }

#changer-center .changer-record .list-wrap .el-table__body td, #changer-center .changer-record .list-wrap .el-table__body th { height: 67px; }

#changer-center .changer-record .list-wrap .el-table__body td:nth-child(4) div.cell, #changer-center .changer-record .list-wrap .el-table__body th:nth-child(4) div.cell { font-weight: 500; }

#common-list { background: rgb(237, 241, 247); }

#common-list .content-wrap { display: flex; width: 1198px; margin: 0px auto; padding-top: 30px; }

#common-list .content-wrap .content-detail { width: 954px; }

#change-material .material-wrap { padding: 0px 30px 30px; margin-bottom: 30px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 650px; }

#change-material .material-wrap .mask-select { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 125px; align-self: center; height: 32px; box-sizing: border-box; padding: 0px 30px 0px 15px; text-align: center; border-radius: 4px; border: 1px solid rgb(220, 223, 230); margin-right: 10px; cursor: pointer; }

#change-material .material-wrap .mask-select .text { width: 78px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#change-material .material-wrap .mask-select:last-child { margin-right: 0px; }

#change-material .material-wrap .mask-select:hover { border-color: rgb(192, 196, 204); }

#change-material .material-wrap .mask-select .icon { position: absolute; right: 5px; width: 25px; height: 32px; line-height: 32px; color: rgb(192, 196, 204); font-size: 14px; }

#change-material .material-wrap .bread-wrap { padding-top: 18px; }

#change-material .material-wrap .bread-wrap .el-breadcrumb__inner, #change-material .material-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#change-material .material-wrap .material-list .select-list { display: flex; margin-bottom: 10px; font-size: 14px; color: rgb(48, 49, 51); }

#change-material .material-wrap .material-list .select-list .last-line { margin-bottom: 40px; }

#change-material .material-wrap .material-list .select-list .el-input.name-input { width: 230px; margin: 0px 10px; }

#change-material .material-wrap .material-list .select-list .el-select { width: 230px; margin-left: 10px; }

#change-material .material-wrap .material-list .select-list .el-date-editor { width: 140px; margin: 0px 11px; }

#change-material .material-wrap .material-list .select-list .period { width: 320px; margin-right: 10px; }

#change-material .material-wrap .material-list .select-list .material-select .el-input { width: 320px; }

#change-material .material-wrap .material-list .select-list .title-right { margin-right: 40px; }

#change-material .material-wrap .material-list .select-list button { float: right; }

#change-material .material-wrap .material-list .all-btn { margin: 0px 0px 15px; }

#change-material .material-wrap .material-list .bt-clear { width: 114px; height: 23px; color: rgb(0, 135, 255); margin-left: 20px; text-align: center; line-height: 23px; border-radius: 12px; border: 1px solid rgb(0, 135, 255); padding: 0px; cursor: pointer; }

#change-material .material-wrap .material-list .bt-clear:hover { opacity: 0.95; }

#change-material .material-wrap .material-list .modify-title { display: flex; -webkit-box-align: center; align-items: center; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); border: 1px solid rgb(225, 225, 225); height: 43px; padding-left: 24px; }

#change-material .material-wrap .material-list .modify-title .title-item { padding: 10px 0px; border-right: 1px solid rgb(225, 225, 225); text-align: center; height: 23px; line-height: 23px; }

#change-material .material-wrap .material-list .modify-title .title-item:first-child { width: 595px; padding-left: 10px; text-align: left; }

#change-material .material-wrap .material-list .modify-title .title-item:nth-of-type(2) { width: 100px; }

#change-material .material-wrap .material-list .modify-title .title-item:nth-of-type(3) { width: 70px; }

#change-material .material-wrap .material-list .modify-title .title-item:last-child { -webkit-box-flex: 1; flex: 1 1 0%; border-right: none; }

#change-material .material-wrap .material-list .modify-item li { display: flex; color: rgb(102, 102, 102); line-height: 20px; font-size: 14px; margin-top: 15px; border: 1px solid rgb(225, 225, 225); }

#change-material .material-wrap .material-list .modify-item li:last-child { border-bottom: 1px solid rgb(225, 225, 225); }

#change-material .material-wrap .material-list .modify-item li .el-checkbox.item { width: 24px; border-right: 1px solid rgb(225, 225, 225); }

#change-material .material-wrap .material-list .modify-item li .el-checkbox.item .el-checkbox__input { margin-top: 34px; margin-left: 5px; }

#change-material .material-wrap .material-list .modify-item li .modify-item-con { display: flex; height: 80px; }

#change-material .material-wrap .material-list .modify-item li .modify-item-courseware { display: flex; width: 605px; height: 100%; border-right: 1px solid rgb(225, 225, 225); }

#change-material .material-wrap .material-list .modify-item li .modify-item-courseware .el-select { top: 50%; transform: translateY(-50%); width: 125px; height: 32px; margin-right: 10px; }

#change-material .material-wrap .material-list .modify-item li .modify-item-courseware .el-select .el-input .el-input__inner { text-overflow: ellipsis; }

#change-material .material-wrap .material-list .modify-item li .modify-item-time { width: 200px; padding-top: 20px; color: rgb(51, 51, 51); font-size: 14px; }

#change-material .material-wrap .material-list .modify-item li .modify-item-time div { text-align: center; }

#change-material .material-wrap .material-list .modify-item li .modify-item-list { display: flex; }

#change-material .material-wrap .material-list .modify-item li .modify-item-list > div { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; -webkit-box-pack: center; justify-content: center; border-right: 1px solid rgb(225, 225, 225); }

#change-material .material-wrap .material-list .modify-item li .modify-item-list > div:last-child { border-right: none; }

#change-material .material-wrap .material-list .modify-item li .modify-item-teacher { width: 100px; word-break: normal; }

#change-material .material-wrap .material-list .modify-item li .modify-item-class, #change-material .material-wrap .material-list .modify-item li .modify-item-status { width: 70px; }

#change-material .material-wrap .material-list .modify-item li .modify-item-data-tit { margin-bottom: 7px; font-size: 12px; line-height: 14px; text-align: center; }

#change-material .material-wrap .material-list .modify-item li .modify-item-operate { width: 90px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; -webkit-box-pack: center; justify-content: center; height: 100%; }

#change-material .material-wrap .material-list .modify-item li .modify-item-operate span { cursor: pointer; }

#change-material .material-wrap .material-list .modify-item li .modify-item-operate span + span { margin-top: 10px; display: inline-block; }

#change-material .material-wrap .material-list .el-loading-spinner { top: 100px; }

#change-material .material-wrap .submit-btn { display: block; width: 120px; height: 40px; background: rgb(0, 135, 255); border-radius: 8px; font-size: 14px; font-weight: 500; color: rgb(255, 255, 255); margin: 20px auto 0px; }

#change-material .material-wrap .submit-btn:hover { opacity: 0.95; }

.material-type { min-width: 314px !important; z-index: 1996 !important; }

#assess-report .report-wrap { padding: 0px 30px; background: rgb(255, 255, 255); border-radius: 8px; }

#assess-report .report-wrap .bread-wrap { padding-top: 18px; }

#assess-report .report-wrap .bread-wrap .el-breadcrumb__inner, #assess-report .report-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#assess-report .report-wrap .report-title { padding: 30px 0px 20px; }

#assess-report .report-wrap .report-title .title-left { display: inline-block; width: 100px; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#assess-report .report-wrap .report-list { width: 100%; height: 47px; background: rgb(237, 241, 247); font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); line-height: 47px; margin-bottom: 10px; }

#assess-report .report-wrap .report-list .report-text { margin-left: 20px; }

#assess-report .report-wrap .report-list:hover { color: rgb(255, 255, 255); background: rgb(0, 135, 255); }

#assess-report .report-wrap .report-tips { margin: 22px 0px 20px; height: 30px; font-size: 16px; font-weight: 500; line-height: 30px; }

#assess-report .report-wrap .report-tips span { float: right; font-size: 16px; font-weight: 400; color: rgb(0, 135, 255); }

#assess-report .report-wrap .report-content { background: rgb(0, 198, 255); }

#assess-report .report-wrap .report-content .title-bg { position: relative; width: 100%; height: 161px; background: url("/student/static/img/bg_1.514e875.png"); }

#assess-report .report-wrap .report-content .title-bg .stu-img { position: absolute; top: 59px; left: 397px; width: 100px; height: 100px; }

#assess-report .report-wrap .report-content .title-bg .stu-img img { width: 100%; height: 100%; border-radius: 50%; }

#assess-report .report-wrap .report-content .report-detail { padding: 0px 30px 60px; margin-bottom: 90px; background: rgb(0, 198, 255); }

#assess-report .report-wrap .report-content .report-detail .personl-info { padding: 0px 30px; height: 547px; text-align: center; background: rgb(255, 255, 255); border-radius: 0px 0px 20px 20px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .student-info { padding: 18px 0px 9px; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

#assess-report .report-wrap .report-content .report-detail .personl-info .student-info span:first-child { margin-right: 30px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .teacher-info { margin-bottom: 27px; font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#assess-report .report-wrap .report-content .report-detail .personl-info .teacher-info span { margin-right: 33px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .teacher-info span:last-child { margin: 0px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .dashed-line { display: block; height: 1px; width: 100%; border-bottom: 1px dashed rgb(220, 222, 227); }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info { display: flex; }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info .level-img { width: 190px; height: 170px; margin: 20px 0px 0px 10px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info .level-detail { margin-left: 22px; text-align: left; }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info .level-detail .T-level { font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); margin: 28px 0px 18px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info .level-detail .T-level span { font-size: 24px; color: rgb(255, 170, 0); }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info .level-detail .compare { font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info .level-detail .compare span { color: rgb(255, 170, 0); }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info .level-detail ul { display: flex; margin: 28px 0px 40px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info .level-detail ul li { height: 40px; width: 100px; margin-right: 10px; background: rgb(237, 241, 247); border-radius: 8px; font-size: 14px; font-weight: 400; line-height: 40px; text-align: center; color: rgb(102, 102, 102); }

#assess-report .report-wrap .report-content .report-detail .personl-info .level-info .level-detail ul li.compare-light { background: rgb(255, 170, 0); color: rgb(255, 255, 255); }

#assess-report .report-wrap .report-content .report-detail .personl-info .congratulation { margin: 30px 0px 10px; font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); line-height: 30px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .congratulation span { color: rgb(255, 170, 0); }

#assess-report .report-wrap .report-content .report-detail .personl-info .T-list { display: flex; width: 650px; margin: 0px auto; }

#assess-report .report-wrap .report-content .report-detail .personl-info .T-list li { width: 62px; height: 58px; margin-right: 3px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .T-list li img { height: 90%; width: 90%; }

#assess-report .report-wrap .report-content .report-detail .personl-info button { width: 160px; height: 34px; margin-top: 20px; background: rgb(0, 135, 255); border-radius: 17px; font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); }

#assess-report .report-wrap .report-content .report-detail .personl-info .movie-score { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 50px; font-size: 14px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .movie-score span.score { color: rgb(255, 170, 0); font-size: 40px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .movie-picture { height: 330px; }

#assess-report .report-wrap .report-content .report-detail .personl-info .movie-picture img { height: 100%; }

#assess-report .report-wrap .report-content .report-detail .personl-info .movie-name { margin-top: 20px; font-size: 20px; color: rgb(0, 135, 255); }

#assess-report .report-wrap .report-content .report-detail .assess-report { width: 247px; height: 39px; margin: 30px auto 0px; font-size: 20px; font-weight: 500; color: rgb(255, 255, 255); line-height: 39px; text-align: center; background: linear-gradient(rgb(255, 213, 0), rgb(255, 170, 0)); border-radius: 18px 18px 0px 0px; }

#assess-report .report-wrap .report-content .report-detail .assess-content { padding: 40px 30px 0px; background: rgb(255, 255, 255); border-radius: 32px 32px 20px 20px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-title { font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-title span { display: inline-block; width: 6px; height: 14px; margin-right: 10px; background: rgb(0, 198, 255); border-radius: 3px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade { margin: 8px 0px 0px; font-size: 16px; font-weight: 400; line-height: 28px; color: rgb(102, 102, 102); }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg { position: relative; width: 100%; height: 305px; background: url("/student/static/img/level.25b1307.png") 0px 100% no-repeat; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos { position: absolute; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos > div { text-align: center; margin-bottom: 5px; font-size: 14px; font-weight: 500; color: rgb(102, 102, 102); }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step0 { left: 4px; bottom: 110px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step1 { left: 81px; bottom: 115px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step2 { left: 160px; bottom: 132px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step3 { left: 236px; bottom: 140px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step4 { left: 313px; bottom: 150px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step5 { left: 392px; bottom: 163px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step6 { left: 468px; bottom: 172px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step7 { left: 548px; bottom: 188px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step8 { left: 624px; bottom: 196px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-bg .level-pos.step9 { left: 703px; bottom: 206px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-grade-evaluate { height: 40px; margin: 30px 0px 70px; padding-left: 15px; line-height: 40px; background: rgb(255, 250, 228); border-radius: 8px; font-size: 16px; font-weight: 400; color: rgb(255, 170, 0); }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-point { margin: 8px 0px 70px; font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); line-height: 28px; }

#assess-report .report-wrap .report-content .report-detail .assess-content .assess-advice { margin-top: 8px; padding-bottom: 30px; font-size: 16px; line-height: 28px; color: rgb(102, 102, 102); text-align: justify; word-break: normal; }

#assess-report .report-wrap .report-content .report-detail .assess-content button { margin: 60px 0px 30px 237px; width: 296px; height: 34px; font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); background: rgb(0, 135, 255); border-radius: 17px; }

#assess-report .none-report { text-align: center; color: red; font-size: 16px; min-height: 600px; }

#study-plan { margin-bottom: 30px; }

#study-plan .report-wrap { padding: 0px 30px 30px; background: rgb(255, 255, 255); border-radius: 8px; color: rgb(102, 102, 102); font-size: 14px; }

#study-plan .report-wrap .bread-wrap { padding-top: 18px; }

#study-plan .report-wrap .bread-wrap .el-breadcrumb__inner, #study-plan .report-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#study-plan .report-wrap .report-title { padding: 30px 0px 20px; }

#study-plan .report-wrap .report-title .title-left { display: inline-block; width: 100px; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#study-plan .report-wrap .report-content { width: 837px; background: rgb(0, 135, 255); border-radius: 8px; }

#study-plan .report-wrap .report-content .report-content-center { width: 737px; box-sizing: border-box; padding: 50px 0px; margin: 0px auto; }

#study-plan .report-wrap .report-content .report-content-center .tips { line-height: 24px; }

#study-plan .report-wrap .report-content .report-content-center > div { background-color: rgb(255, 255, 255); margin-bottom: 20px; border-radius: 8px; padding: 30px 50px; }

#study-plan .report-wrap .report-content .report-content-center > div .plan-title { font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 25px; color: rgb(0, 0, 0); }

#study-plan .report-wrap .report-content .report-content-center > div .study-process .process-bg { width: 100%; }

#study-plan .report-wrap .report-content .report-content-center > div .study-process .text-wrap { display: flex; margin-top: 10px; font-size: 13px; font-weight: 400; color: rgb(51, 51, 51); line-height: 20px; margin-left: -12px; margin-right: -21px; text-align: center; }

#study-plan .report-wrap .report-content .report-content-center > div .study-process .text-wrap .text1 { width: 52px; margin-right: 53px; }

#study-plan .report-wrap .report-content .report-content-center > div .study-process .text-wrap .text2 { width: 91px; margin-right: 21px; }

#study-plan .report-wrap .report-content .report-content-center > div .study-process .text-wrap .text3 { width: 106px; margin-right: 12px; }

#study-plan .report-wrap .report-content .report-content-center > div .study-process .text-wrap .text4 { width: 118px; margin-right: 18px; font-size: 12px; color: rgb(255, 92, 1); }

#study-plan .report-wrap .report-content .report-content-center > div .study-process .text-wrap .text5 { width: 78px; margin-right: 43px; }

#study-plan .report-wrap .report-content .report-content-center > div .study-process .text-wrap .text6 { width: 78px; }

#study-plan .report-wrap .report-content .report-content-center > div .study-target { position: relative; box-sizing: border-box; padding: 20px; background: rgba(255, 189, 57, 0.05); border-radius: 4px; opacity: 1; border: 1px solid rgb(255, 170, 0); color: rgb(102, 102, 102); }

#study-plan .report-wrap .report-content .report-content-center > div .study-target p:first-child { font-size: 14px; font-weight: 500; color: rgb(255, 170, 0); margin-bottom: 7px; }

#study-plan .report-wrap .report-content .report-content-center > div .study-target img { position: absolute; right: 0px; top: 0px; width: 51px; height: 51px; }

#study-plan .report-wrap .report-content .report-content-center > div .time-needeed ul { display: flex; -webkit-box-pack: justify; justify-content: space-between; }

#study-plan .report-wrap .report-content .report-content-center > div .time-needeed ul li { text-align: center; width: 197px; height: 67px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 1px; border-radius: 4px; border-top: 2px solid rgb(0, 135, 255); }

#study-plan .report-wrap .report-content .report-content-center > div .time-needeed ul li .time-title { margin: 10px 0px 5px; color: rgb(153, 153, 153); }

#study-plan .report-wrap .report-content .report-content-center > div .time-needeed ul li .time-num { color: rgb(51, 51, 51); font-size: 12px; }

#study-plan .report-wrap .report-content .report-content-center > div .time-needeed ul li .time-num span { font-size: 20px; }

#study-plan .report-wrap .report-content .report-content-center > div .textbook { padding: 15px 20px 0px; background: rgb(252, 252, 253); border-radius: 8px; opacity: 1; border: 1px solid rgb(221, 221, 221); }

#study-plan .report-wrap .report-content .report-content-center > div .textbook ul li { margin-bottom: 15px; }

#study-plan .report-wrap .report-content .report-content-center > div .textbook ul li span.spot { display: inline-block; width: 5px; height: 5px; border-radius: 5px; background: rgb(0, 135, 255); margin-right: 5px; }

#study-plan .report-wrap .report-content .report-content-center .user-info { display: flex; color: rgb(255, 255, 255); background-color: rgb(0, 135, 255); padding: 0px; margin-bottom: 30px; }

#study-plan .report-wrap .report-content .report-content-center .user-info img { width: 50px; height: 50px; border: 1px solid rgb(255, 255, 255); border-radius: 50px; object-fit: cover; margin-right: 10px; }

#study-plan .report-wrap .report-content .report-content-center .user-info div { font-size: 16px; }

#study-plan .report-wrap .report-content .report-content-center .user-info div .username { font-size: 20px; font-weight: 500; color: rgb(242, 242, 242); margin-bottom: 5px; }

#study-plan .report-wrap .report-content .report-content-center .study-plan-name { padding-top: 25px; box-sizing: border-box; position: relative; height: 116px; display: flex; }

#study-plan .report-wrap .report-content .report-content-center .study-plan-name .study-bg { position: absolute; right: 0px; top: -123px; }

#study-plan .report-wrap .report-content .report-content-center .study-plan-name > div { margin-right: 17px; }

#study-plan .report-wrap .report-content .report-content-center .study-plan-name > div .el-input { width: 310px; }

#study-plan .report-wrap .report-content .report-content-center .study-plan-name > div .el-input .el-input__inner { text-align: center; width: 100%; border-radius: 100px; }

#study-plan .report-wrap .report-content .report-content-center .study-plan-name > div .name { font-size: 12px; color: rgb(51, 51, 51); margin-bottom: 10px; }

#study-plan .report-wrap .report-content .sure-btn { width: 737px; height: 46px; background: rgb(254, 208, 71); border: none; border-radius: 1000px; color: rgb(75, 50, 4); font-size: 16px; }

#study-plan .report-wrap .report-content .sure-btn.stop { background-color: rgb(255, 111, 2); color: rgb(255, 255, 255); }

#sub-title[data-v-4af157fc] { margin: 25px 0px 10px; }

#sub-title img[data-v-4af157fc] { width: 17px; margin-top: -4px; }

#sub-title span[data-v-4af157fc] { font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); }

#evaluate-teacher .evaluate-wrap { padding: 0px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#evaluate-teacher .evaluate-wrap .bread-wrap { padding-top: 18px; }

#evaluate-teacher .evaluate-wrap .bread-wrap .el-breadcrumb__inner, #evaluate-teacher .evaluate-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#evaluate-teacher .evaluate-wrap .evaluate-title { margin: 30px 0px 20px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#evaluate-teacher .evaluate-wrap .class-content .content-time { width: 894px; height: 40px; line-height: 40px; font-size: 16px; font-weight: 500; color: rgb(102, 102, 102); background: rgb(247, 247, 247); opacity: 0.91; border: 1px solid rgb(220, 222, 227); }

#evaluate-teacher .evaluate-wrap .class-content .content-time i { color: rgb(255, 94, 1); margin: 0px 2px 0px 20px; }

#evaluate-teacher .evaluate-wrap .class-content .content-detail { margin-left: 0px; display: flex; height: 65px; width: 894px; font-size: 14px; font-weight: 400; border-right: 1px solid rgb(220, 222, 227); border-bottom: 1px solid rgb(220, 222, 227); border-left: 1px solid rgb(220, 222, 227); border-image: initial; border-top: none; }

#evaluate-teacher .evaluate-wrap .class-content .content-detail .class-name { width: 500px; height: 100%; padding: 20px; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#evaluate-teacher .evaluate-wrap .class-content .content-detail .class-teacher { display: flex; -webkit-box-align: center; align-items: center; width: 240px; height: 65px; color: rgb(0, 135, 255); border-left: 1px solid rgb(220, 222, 227); border-right: 1px solid rgb(220, 222, 227); }

#evaluate-teacher .evaluate-wrap .class-content .content-detail .class-teacher .class-teacher-img { width: 40px; height: 40px; margin: 0px 15px 0px 20px; border-radius: 20px; border: 1px solid rgb(237, 241, 247); }

#evaluate-teacher .evaluate-wrap .class-content .content-detail .class-teacher .class-teacher-img img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; }

#evaluate-teacher .evaluate-wrap .class-content .content-detail .class-teacher .teacher-name { cursor: pointer; text-decoration: underline; }

#evaluate-teacher .evaluate-wrap .class-content .content-detail .class-message { width: 154px; height: 65px; text-align: center; line-height: 65px; color: rgb(102, 102, 102); }

#evaluate-teacher .evaluate-wrap .class-content .content-detail .class-message .message { color: rgb(0, 135, 255); }

#evaluate-teacher .evaluate-wrap .evaluation-tip { height: 42px; background: rgb(255, 250, 228); font-size: 14px; font-weight: 500; color: rgb(255, 170, 0); line-height: 20px; padding: 11px 27px 11px 113px; position: relative; margin: 23px 0px 36px; }

#evaluate-teacher .evaluate-wrap .evaluation-tip .evaluation-tip-img { position: absolute; bottom: 0px; left: 10px; }

#evaluate-teacher .evaluate-wrap .evaluation-form { font-size: 16px; }

#evaluate-teacher .evaluate-wrap .evaluation-form .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before { font-weight: 500; color: rgb(255, 94, 1); }

#evaluate-teacher .evaluate-wrap .evaluation-form .flower { color: rgb(255, 94, 1); font-size: 16px; margin: 0px 3px; }

#evaluate-teacher .evaluate-wrap .evaluation-form div.el-textarea { width: 470px; }

#evaluate-teacher .evaluate-wrap .evaluation-form .el-rate { height: 40px; line-height: 2.5; }

#evaluate-teacher .evaluate-wrap .evaluation-form .el-form-item__error { top: 77%; }

#evaluate-teacher .evaluate-wrap .evaluation-form .label-tea .tab-border { border: 1px solid rgb(220, 223, 230); width: 470px; }

#evaluate-teacher .evaluate-wrap .evaluation-form .label-tea .el-checkbox__input { display: none; }

#evaluate-teacher .evaluate-wrap .evaluation-form .content-tea .el-form-item__error { top: 100%; left: 0px; }

#evaluate-teacher .evaluate-wrap button { margin: 0px 0px 43px 410px; }

#teacher-message .message-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); min-height: 650px; border-radius: 8px; }

#teacher-message .message-wrap .bread-wrap { padding-top: 18px; }

#teacher-message .message-wrap .bread-wrap .el-breadcrumb__inner, #teacher-message .message-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#teacher-message .message-wrap .evaluate-title { margin: 30px 0px 20px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#teacher-message .message-wrap .course-info { display: flex; height: 130px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); margin-bottom: 68px; }

#teacher-message .message-wrap .course-info .course-img { width: 100px; height: 125px; margin-right: 20px; border-radius: 4px; border: 1px solid rgb(220, 222, 227); }

#teacher-message .message-wrap .course-info .course-img img { width: 100%; height: 100%; border-radius: 4px; }

#teacher-message .message-wrap .course-info p { margin-bottom: 8px; }

#teacher-message .message-wrap .question-correction { width: 874px; height: 40px; padding-left: 20px; line-height: 40px; background: rgb(237, 241, 247); font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); }

#teacher-message .message-wrap .correction-title { margin: 30px 0px 12px; font-size: 16px; font-weight: 500; color: rgb(255, 170, 0); }

#teacher-message .message-wrap .correction-title i { font-size: 20px; margin-right: 10px; }

#teacher-message .message-wrap .correction-content { font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); }

#teacher-message .message-wrap .t1 { color: rgb(255, 170, 0); }

#teacher-message .message-wrap .t2 { color: rgb(0, 135, 255); }

#teacher-message .message-wrap .t3 { color: rgb(255, 94, 1); }

#teacher-message .message-wrap .hightlight { margin-top: 30px; }

#teacher-message .message-wrap .advice-content { margin: 20px 0px 63px; font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); }

#vip-course-detail .main-wrap { padding: 0px 30px 115px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#vip-course-detail .main-wrap .mt-20 { margin-top: 20px; }

#vip-course-detail .main-wrap .bread-wrap { padding-top: 18px; }

#vip-course-detail .main-wrap .bread-wrap .el-breadcrumb__inner, #vip-course-detail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#vip-course-detail .main-wrap .table-title { padding: 30px 0px 20px; }

#vip-course-detail .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#vip-course-detail .main-wrap .term-select { display: flex; margin-bottom: 30px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

#vip-course-detail .main-wrap .term-select .term-status { display: flex; -webkit-box-align: center; align-items: center; margin-right: 30px; }

#vip-course-detail .main-wrap .term-select .term-status > span { margin-right: 28px; }

#vip-course-detail .main-wrap .el-table thead { color: rgb(51, 51, 51); font-size: 14px; font-weight: 400; }

#vip-course-detail .main-wrap .el-table th > .cell { text-align: center; }

#vip-course-detail .main-wrap .el-table__header th, #vip-course-detail .main-wrap .el-table__header tr { background-color: rgb(242, 246, 252); height: 74px; color: rgb(51, 51, 51); }

#vip-course-detail .main-wrap .el-table__body td, #vip-course-detail .main-wrap .el-table__body th { height: 80px; }

#vip-course-detail .main-wrap .el-table__body td:first-child div.cell, #vip-course-detail .main-wrap .el-table__body td:nth-child(7) div.cell, #vip-course-detail .main-wrap .el-table__body th:first-child div.cell, #vip-course-detail .main-wrap .el-table__body th:nth-child(7) div.cell { padding: 5px; }

#vip-course-detail .main-wrap .el-table__body td:nth-child(2) div.cell, #vip-course-detail .main-wrap .el-table__body th:nth-child(2) div.cell { padding: 2px; }

#vip-course-detail .main-wrap .operate-bt { font-size: 14px; font-weight: 400; color: rgb(255, 94, 1); cursor: pointer; }

.term-status-pop { top: 0px; }

#prolong-course-one .main-wrap { padding: 0px 30px 100px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#prolong-course-one .main-wrap .bread-wrap { padding-top: 18px; }

#prolong-course-one .main-wrap .bread-wrap .el-breadcrumb__inner, #prolong-course-one .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#prolong-course-one .main-wrap .table-title { padding: 30px 0px 20px; }

#prolong-course-one .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#prolong-course-one .main-wrap .choose-setmeal, #prolong-course-one .main-wrap .choose-teacher-time { width: 100%; border-bottom: 1px solid rgb(237, 241, 247); }

#prolong-course-one .main-wrap .choose-setmeal .using-title, #prolong-course-one .main-wrap .choose-teacher-time .using-title { font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); padding-top: 15px; margin-top: 30px; border-top: 1px solid rgb(238, 238, 238); margin-bottom: 20px; }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap { display: flex; flex-wrap: wrap; }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li { width: 263px; height: 116px; padding: 10px; background: rgb(255, 255, 255); box-shadow: rgba(191, 191, 191, 0.5) 0px 2px 8px 0px; border-radius: 6px; margin: 0px 15px 10px 0px; }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li > div:first-of-type, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li > div:first-of-type { display: flex; -webkit-box-align: center; align-items: center; height: 90px; width: 100%; }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li > div:first-of-type > div:first-of-type, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li > div:first-of-type > div:first-of-type { flex-shrink: 0; width: 52px; height: 64px; margin-right: 17px; border-radius: 6px; }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li > div:first-of-type > div:first-of-type img, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li > div:first-of-type > div:first-of-type img { flex-shrink: 0; width: 100%; height: 100%; border-radius: 6px; }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type span:first-of-type, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li > div:first-of-type > div:last-of-type span:first-of-type { font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type div, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li > div:first-of-type > div:last-of-type div { margin: 3px 0px 5px; font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type span:last-of-type, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li > div:first-of-type > div:last-of-type span:last-of-type { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li > div:last-of-type, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li > div:last-of-type { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li > div:last-of-type .el-switch, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li > div:last-of-type .el-switch { margin-right: 5px; }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap li > div:last-of-type span, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap li > div:last-of-type span { font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap.unactivated, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap.unactivated { padding-bottom: 20px; }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap.unactivated .unactivated-bt, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap.unactivated .unactivated-bt { font-size: 12px; font-weight: 400; color: rgb(255, 94, 1); }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap.unactivated .unactivated-bt span, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap.unactivated .unactivated-bt span { font-size: 12px; font-weight: 400; color: rgb(255, 94, 1); margin-left: 10px; }

#prolong-course-one .main-wrap .choose-setmeal ul.set-wrap.unactivated .unactivated-bt button, #prolong-course-one .main-wrap .choose-teacher-time ul.set-wrap.unactivated .unactivated-bt button { width: 59px; height: 24px; background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); border-radius: 12px; font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; }

#prolong-course-one .main-wrap .choose-setmeal .meal-title, #prolong-course-one .main-wrap .choose-teacher-time .meal-title { position: relative; height: 20px; margin: 40px 0px 18px; line-height: 20px; }

#prolong-course-one .main-wrap .choose-setmeal .meal-title span:first-child, #prolong-course-one .main-wrap .choose-teacher-time .meal-title span:first-child { position: absolute; top: 2px; display: inline-block; width: 5px; height: 16px; background: rgb(0, 135, 255); border-radius: 5px; }

#prolong-course-one .main-wrap .choose-setmeal .meal-title span:nth-child(2), #prolong-course-one .main-wrap .choose-teacher-time .meal-title span:nth-child(2) { font-size: 16px; font-weight: 500; margin: 0px 20px 0px 13px; }

#prolong-course-one .main-wrap .choose-setmeal .meal-title span:nth-child(3), #prolong-course-one .main-wrap .choose-teacher-time .meal-title span:nth-child(3) { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio { display: flex; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio { display: flex; -webkit-box-align: center; align-items: center; width: 261px; height: 64px; padding: 10px; border-radius: 8px; border: 1px solid rgb(237, 241, 247); }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111) !important; background-color: rgb(0, 202, 111) !important; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label { display: flex; font-size: 14px; -webkit-box-align: center; align-items: center; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img { margin-right: 10px; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img { width: 52px; height: 61px; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label dt, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label dt { font-weight: 500; color: rgb(51, 51, 51); }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time { font-weight: 400; color: rgb(153, 153, 153); margin: 8px 0px 9px; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date { font-weight: 400; color: rgb(153, 153, 153); }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right { display: flex; -webkit-box-align: center; align-items: center; margin-left: 8px; cursor: pointer; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .text { font-size: 12px; color: rgb(151, 151, 151); line-height: 26px; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .right .icon { width: 16px; height: 16px; margin-left: 2px; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }

#prolong-course-one .main-wrap .choose-setmeal div.el-radio-group.package-radio label.is-checked, #prolong-course-one .main-wrap .choose-teacher-time div.el-radio-group.package-radio label.is-checked { border-color: rgb(0, 135, 255); background: rgba(0, 135, 255, 0.05); }

#prolong-course-one .main-wrap .el-button.el-button--primary { float: right; margin-top: 30px; width: 120px; height: 40px; background: rgb(0, 135, 255); border-radius: 8px; font-size: 14px; font-weight: 500; color: rgb(255, 255, 255); }

.info-dialog .el-dialog { max-height: 700px; overflow-y: auto; border-radius: 8px; }

.info-dialog .el-dialog .el-dialog__title { font-weight: 600; }

.info-dialog .el-dialog .el-dialog__body { padding: 10px 0px 0px 25px; }

.info-dialog .el-dialog .el-dialog__body .info-dialog-content { line-height: 22px; max-height: 500px; overflow-y: auto; padding-right: 25px; margin-bottom: 20px; }

.info-dialog .el-dialog .el-dialog__body .info-dialog-content img { max-width: 100%; }

.remarks[data-v-495e138c] { color: rgb(255, 94, 1); font-size: 14px; margin-bottom: 15px; margin-top: -20px; }

.ellipsis[data-v-495e138c] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#prolong-secend .main-wrap { padding: 0px 30px 46px; margin-bottom: 10px; background: rgb(255, 255, 255); border-radius: 8px; }

#prolong-secend .main-wrap .bread-wrap { padding-top: 18px; }

#prolong-secend .main-wrap .bread-wrap .el-breadcrumb__inner, #prolong-secend .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#prolong-secend .main-wrap .table-title { padding: 30px 0px 20px; }

#prolong-secend .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#prolong-secend .main-wrap .tips { width: 894px; height: 42px; line-height: 42px; background: rgb(255, 250, 228); font-size: 14px; font-weight: 400; color: rgb(255, 170, 0); }

#prolong-secend .main-wrap .tips i { font-size: 18px; color: rgb(255, 170, 0); margin: 0px 5px 0px 10px; vertical-align: -2px; }

#prolong-secend .main-wrap .teacher-tag { margin-top: 20px; color: red; font-weight: 700; }

#prolong-secend .main-wrap .sub-title { position: relative; height: 20px; margin: 30px 0px 18px; line-height: 20px; color: rgb(51, 51, 51); }

#prolong-secend .main-wrap .sub-title span:first-child { position: absolute; top: 2px; display: inline-block; width: 5px; height: 16px; background: rgb(0, 135, 255); border-radius: 5px; }

#prolong-secend .main-wrap .sub-title span:nth-child(2) { font-size: 16px; font-weight: 500; margin: 0px 20px 0px 13px; }

#prolong-secend .progress-bt { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 894px; height: 71px; padding: 0px 30px; margin-bottom: 33px; line-height: 71px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); background: rgb(255, 255, 255); border-radius: 8px; }

#prolong-secend .progress-bt > div > span { color: rgb(255, 94, 1); margin: 0px 5px; }

#prolong-secend .progress-bt .el-button.el-button--primary { width: 120px; height: 40px; font-size: 14px; }

#prolong-secend .progress-bt .el-button.el-button--primary:first-child { background-color: rgb(255, 255, 255); border-color: rgb(220, 222, 227); color: rgb(102, 102, 102); }

#prolong-secend .week-table .sub-title { position: relative; height: 20px; margin: 30px 0px 18px; line-height: 20px; }

#prolong-secend .week-table .sub-title span:first-child { position: absolute; top: 2px; display: inline-block; width: 5px; height: 16px; background: rgb(0, 135, 255); border-radius: 5px; }

#prolong-secend .week-table .sub-title span:nth-child(2) { font-size: 16px; font-weight: 500; margin: 0px 20px 0px 13px; }

#prolong-secend .week-table i.iconchushaixuanxiang { font-size: 20px; font-weight: 400; color: rgb(255, 94, 1); cursor: pointer; }

#prolong-secend .week-table .choose-week { font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); }

#prolong-secend .week-table .choose-week div.el-select { width: 158px; height: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#prolong-secend .week-table .choose-week i.iconiconfontquestion { font-size: 16px; color: rgb(204, 204, 204); vertical-align: -2px; margin-left: 5px; }

#prolong-secend .panel-date { padding-top: 20px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

#prolong-third .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#prolong-third .main-wrap .bread-wrap { padding-top: 18px; }

#prolong-third .main-wrap .bread-wrap .el-breadcrumb__inner, #prolong-third .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#prolong-third .main-wrap .table-title { padding: 30px 0px 0px; }

#prolong-third .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#prolong-third .main-wrap .table-title .title-btn { display: inline-block; text-align: center; line-height: 28px; width: 110px; height: 28px; margin-left: 30px; border-radius: 4px; border: 1px solid rgb(220, 222, 227); font-size: 14px; cursor: pointer; }

#prolong-third .main-wrap .selected-item { display: flex; font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); }

#prolong-third .main-wrap .selected-item div { margin-right: 60px; }

#prolong-third .main-wrap .material-list { padding-bottom: 30px; border-bottom: 1px solid rgb(220, 222, 227); }

#prolong-third .main-wrap .material-list li { margin-top: 40px; padding-bottom: 5px; position: relative; }

#prolong-third .main-wrap .material-list li .mat-time { font-size: 16px; font-weight: 500; color: rgb(255, 94, 1); }

#prolong-third .main-wrap .material-list li .mat-time i.iconjishi { color: rgb(204, 204, 204); margin-right: 5px; }

#prolong-third .main-wrap .material-list li .mat-time i.iconchushaixuanxiang { position: absolute; right: 0px; font-size: 20px; }

#prolong-third .main-wrap .material-list li .mat-time .name, #prolong-third .main-wrap .material-list li .mat-time .times { display: inline-block; margin-left: 30px; color: rgb(51, 51, 51); }

#prolong-third .main-wrap .material-list li .spot-line { position: relative; width: 100%; border-bottom: 1px solid rgb(220, 222, 227); margin: 23px 0px 30px; }

#prolong-third .main-wrap .material-list li .spot-line span { position: absolute; display: block; height: 7px; width: 7px; background: rgb(255, 255, 255); border-top: 1px solid rgb(220, 222, 227); border-left: 1px solid rgb(220, 222, 227); transform: rotate(45deg); margin-top: -4px; left: 5px; }

#prolong-third .main-wrap .material-list li .mat-content { font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); }

#prolong-third .main-wrap .material-list li .mat-content div.el-select { width: 300px; height: 40px; background: rgb(255, 255, 255); border-radius: 8px; margin: 0px 30px 0px 15px; }

#prolong-third .main-wrap .material-list li .mat-content .text > div.el-input { width: 43px; height: 40px; background: rgb(255, 255, 255); border-radius: 8px; margin: 0px 10px; }

#prolong-third .main-wrap .material-list li .mat-content .text > span:first-of-type { color: rgb(0, 135, 255); margin: 0px 20px; }

#prolong-third .main-wrap .material-list li .mat-content .text .reset { color: rgb(153, 153, 153); }

#prolong-third .progress-bt { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 894px; height: 71px; padding: 0px 30px; margin-bottom: 33px; line-height: 71px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); background: rgb(255, 255, 255); border-radius: 8px; }

#prolong-third .progress-bt i.iconiconfontquestion { font-size: 16px; color: rgb(204, 204, 204); margin-left: 5px; }

#prolong-third .progress-bt > div > span { color: rgb(255, 94, 1); margin: 0px 5px; }

#prolong-third .progress-bt label.el-checkbox > span.el-checkbox__label { line-height: 71px; font-weight: 400; font-size: 20px; color: rgb(51, 51, 51); }

#prolong-third .progress-bt label.el-checkbox > span.el-checkbox__input > .el-checkbox__inner { width: 16px; height: 16px; border-radius: 4px; border: 1px solid rgb(220, 222, 227); vertical-align: 2px; }

#prolong-third .progress-bt label.el-checkbox.is-checked > span.el-checkbox__input.is-checked .el-checkbox__inner { border: 1px solid rgb(0, 135, 255); }

#prolong-third .progress-bt label.el-checkbox.is-checked > span.el-checkbox__input.is-checked .el-checkbox__inner::after { height: 9px; left: 5px; }

#prolong-third .progress-bt .el-button.el-button--primary { width: 120px; height: 40px; font-size: 14px; }

#prolong-third .progress-bt .el-button.el-button--primary:first-child { background-color: rgb(255, 255, 255); border-color: rgb(220, 222, 227); color: rgb(102, 102, 102); }

#prolong-third .form-flex { display: flex; -webkit-box-align: center; align-items: center; }

#prolong-third .lessone { color: rgb(255, 94, 1); }

#prolong-third .lesson_box, #prolong-third .lessons-width { display: flex; -webkit-box-align: center; align-items: center; }

#prolong-third .lessons-width { margin-top: 0px; }

#prolong-third .lessons-width .label { color: rgb(51, 51, 51); margin-right: 15px; }

#prolong-third .lessons-width .mini-width { width: 45px; margin-right: 15px; }

#prolong-third .lessons-width .mini-width .el-input__inner { border-radius: 8px; }

#prolong-third .lessons-width .btn { margin-left: 15px; cursor: pointer; color: rgb(0, 135, 255); }

#prolong-last .main-wrap { padding: 0px 30px 20px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#prolong-last .main-wrap .table-title { padding: 20px 0px; }

#prolong-last .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#prolong-last .main-wrap .success-tip { height: 325px; width: 100%; text-align: center; }

#prolong-last .main-wrap .success-tip img { margin-top: 60px; }

#prolong-last .main-wrap .success-tip div:first-of-type { font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); margin: 20px 0px 13px; }

#prolong-last .main-wrap .success-tip div:last-of-type { font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

#prolong-last .main-wrap .success-tip div:last-of-type span { color: rgb(255, 94, 1); margin: 0px 5px; }

#prolong-last .main-wrap .note { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); line-height: 23px; }

#prolong-last .main-wrap .help-tip { width: 90px; height: 30px; margin: 25px 0px 10px; border-radius: 15px; border: 1px solid rgb(0, 135, 255); font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); line-height: 30px; text-align: center; }

#prolong-last .main-wrap .help-list { font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); line-height: 30px; list-style: none; }

.hide-checkbox .el-checkbox__input { display: none; }

[data-v-4190893e] .el-dialog { border-radius: 8px; }

.date[data-v-4190893e] { width: 150px; }

.tip[data-v-4190893e] { color: rgb(255, 94, 1); }

.fl-c[data-v-4190893e] { display: flex; -webkit-box-align: center; align-items: center; }

.line[data-v-4190893e] { padding: 0px 10px; margin-bottom: 22px; }

#stop-course .main-wrap { padding: 0px 30px 100px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#stop-course .main-wrap .bread-wrap { padding-top: 18px; }

#stop-course .main-wrap .bread-wrap .el-breadcrumb__inner, #stop-course .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#stop-course .main-wrap .table-title { padding: 30px 0px 20px; }

#stop-course .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#stop-course .main-wrap .stop-tip { font-size: 14px; color: rgb(102, 102, 102); line-height: 20px; margin: 20px 0px; }

#stop-course .main-wrap .stop-btn { width: 94px; height: 38px; border-radius: 8px; border: 1px solid rgb(255, 94, 1); text-align: center; line-height: 38px; display: block; font-size: 14px; color: rgb(255, 94, 1); cursor: pointer; }

#stop-course .main-wrap .el-table__header th .el-checkbox__input.is-checked span.el-checkbox__inner, #stop-course .main-wrap .el-table__header tr .el-checkbox__input.is-checked span.el-checkbox__inner { background-color: rgb(0, 202, 111); border-color: rgb(0, 202, 111); }

#stop-course .main-wrap .el-table__header th .el-checkbox__input.is-focus .el-checkbox__inner, #stop-course .main-wrap .el-table__header tr .el-checkbox__input.is-focus .el-checkbox__inner { border-color: rgb(0, 202, 111); }

#stop-course .main-wrap .el-table__header th .el-checkbox__input.is-checked .el-checkbox__inner, #stop-course .main-wrap .el-table__header tr .el-checkbox__input.is-checked .el-checkbox__inner { background-color: rgb(0, 202, 111); border-color: rgb(0, 202, 111); }

#stop-course .main-wrap .el-table__header th .el-checkbox__input.is-indeterminate .el-checkbox__inner, #stop-course .main-wrap .el-table__header tr .el-checkbox__input.is-indeterminate .el-checkbox__inner { border-color: rgb(220, 223, 230); background: none; }

#stop-course .main-wrap .el-table__header th .el-checkbox__input.is-indeterminate .el-checkbox__inner::before, #stop-course .main-wrap .el-table__header tr .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { display: none; }

#stop-course .main-wrap .el-table__header th .el-checkbox__input .el-checkbox__inner:hover, #stop-course .main-wrap .el-table__header tr .el-checkbox__input .el-checkbox__inner:hover { border-color: rgb(0, 202, 111); }

#stop-course .main-wrap .el-table__body td, #stop-course .main-wrap .el-table__body th { height: 60px; }

#stop-course .main-wrap .el-table__body td:first-child div.cell .el-checkbox__input.is-checked span.el-checkbox__inner, #stop-course .main-wrap .el-table__body th:first-child div.cell .el-checkbox__input.is-checked span.el-checkbox__inner { background-color: rgb(0, 202, 111); border-color: rgb(0, 202, 111); }

#stop-course .main-wrap .el-table__body td:first-child div.cell .el-checkbox__input .el-checkbox__inner:hover, #stop-course .main-wrap .el-table__body td:first-child div.cell .el-checkbox__input.is-focus .el-checkbox__inner, #stop-course .main-wrap .el-table__body th:first-child div.cell .el-checkbox__input .el-checkbox__inner:hover, #stop-course .main-wrap .el-table__body th:first-child div.cell .el-checkbox__input.is-focus .el-checkbox__inner { border-color: rgb(0, 202, 111); }

#stop-course .main-wrap .el-table__body td:nth-child(7) div.cell, #stop-course .main-wrap .el-table__body th:nth-child(7) div.cell { padding: 5px; }

#stop-course .main-wrap .el-table__body td:nth-child(2) div.cell, #stop-course .main-wrap .el-table__body th:nth-child(2) div.cell { padding: 2px; }

#stop-course .main-wrap .operate-bt { font-size: 14px; font-weight: 400; color: rgb(255, 94, 1); cursor: pointer; }

.stop-date { z-index: 3000 !important; }

#learning-progress .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 650px; }

#learning-progress .main-wrap ul.book li + li { margin: 60px 0px; }

#learning-progress .main-wrap ul.book li { display: flex; height: 132px; }

#learning-progress .main-wrap ul.book li > div { flex-shrink: 0; }

#learning-progress .main-wrap ul.book li .img-block { width: 100px; height: 100%; }

#learning-progress .main-wrap ul.book li .img-block img { width: 100%; height: 100%; border-radius: 8px; }

#learning-progress .main-wrap ul.book li .content-block { width: 670px; height: 100%; padding-left: 20px; }

#learning-progress .main-wrap ul.book li .content-block .content-title { font-size: 18px; font-weight: 500; color: rgb(51, 51, 51); width: 600px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#learning-progress .main-wrap ul.book li .content-block .content-list { margin: 47px 0px 17px; font-size: 14px; color: rgb(102, 102, 102); }

#learning-progress .main-wrap ul.book li .content-block .content-list span { margin-right: 30px; }

#learning-progress .main-wrap ul.book li .content-block .content-progress .el-progress-bar { width: 600px; }

#learning-progress .main-wrap ul.book li .button-block { width: 105px; position: relative; }

#learning-progress .main-wrap ul.book li .button-block button { position: absolute; top: 50%; margin-top: -20px; width: 105px; height: 40px; border-radius: 20px; border: 1px solid rgb(0, 135, 255); font-size: 16px; font-weight: 400; color: rgb(0, 135, 255); }

#learning-progress .main-wrap ul.book li .button-block button:hover { background: rgb(0, 135, 255); border-radius: 20px; border: 1px solid rgb(0, 135, 255); color: rgb(255, 255, 255); }

#progress-detail { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#progress-detail .bread-wrap { padding-top: 18px; }

#progress-detail .bread-wrap .el-breadcrumb__inner, #progress-detail .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#progress-detail .book-intro { display: flex; height: 132px; margin: 30px 0px 50px; }

#progress-detail .book-intro > div { flex-shrink: 0; }

#progress-detail .book-intro .img-block { width: 100px; height: 100%; }

#progress-detail .book-intro .img-block img { width: 100%; height: 100%; border-radius: 8px; }

#progress-detail .book-intro .content-block { width: 670px; height: 100%; padding-left: 20px; }

#progress-detail .book-intro .content-block .content-title { font-size: 18px; font-weight: 500; color: rgb(51, 51, 51); width: 600px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#progress-detail .book-intro .content-block .content-list { margin: 47px 0px 17px; font-size: 14px; color: rgb(102, 102, 102); }

#progress-detail .book-intro .content-block .content-list span { margin-right: 30px; }

#progress-detail .book-intro .content-block .content-progress .el-progress-bar { width: 600px; }

#progress-detail .book-list { margin-bottom: 30px; min-height: 100px; }

#progress-detail .book-list li + li { border-top: 0px; }

#progress-detail .book-list li { display: flex; font-size: 14px; border: 1px solid rgb(229, 229, 229); padding: 18px 0px; }

#progress-detail .book-list li .title { width: 700px; padding-left: 30px; color: rgb(102, 102, 102); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#progress-detail .book-list li .status { -webkit-box-flex: 1; flex: 1 1 0%; text-align: center; color: rgb(153, 153, 153); }

#progress-detail .book-list li .status.unfinished { color: rgb(255, 94, 1); }

#organization .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 650px; }

#organization .main-wrap .table-title { padding: 20px 0px; }

#organization .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#organization .main-wrap .select-wrap { position: relative; font-size: 14px; font-weight: 400; color: rgb(48, 49, 51); }

#organization .main-wrap .select-wrap .el-date-editor.el-input, #organization .main-wrap .select-wrap .el-date-editor.el-input__inner { width: 150px; height: 40px; margin: 0px 10px; }

#organization .main-wrap .select-wrap div { display: inline-block; margin-right: 30px; }

#organization .main-wrap .select-wrap .el-button { height: 38px; border: none; position: absolute; right: 10px; }

#organization .main-wrap .info-wrap { margin: 20px 0px; font-size: 14px; }

#organization .main-wrap .info-wrap span { margin: 0px 5px; color: red; }

#organization .main-wrap .title-wrap { font-size: 16px; font-weight: 700; }

#organization .main-wrap .list-wrap { margin: 20px 0px 30px; }

#organization .main-wrap .list-wrap .el-table thead { color: rgb(51, 51, 51); font-size: 14px; font-weight: 400; }

#organization .main-wrap .list-wrap .el-table th > .cell { text-align: center; }

#organization .main-wrap .list-wrap .el-table__header th, #organization .main-wrap .list-wrap .el-table__header tr { height: 48px; background: rgb(255, 250, 228); color: rgb(51, 51, 51); }

#organization .main-wrap .list-wrap .el-table__body td, #organization .main-wrap .list-wrap .el-table__body th { height: 67px; }

#organization .main-wrap .list-wrap .el-table__body td:nth-child(2) div.cell span.po-color, #organization .main-wrap .list-wrap .el-table__body th:nth-child(2) div.cell span.po-color { color: rgb(255, 94, 1); }

#organization .main-wrap .list-wrap .el-table__body td:nth-child(4) div.cell, #organization .main-wrap .list-wrap .el-table__body th:nth-child(4) div.cell { font-weight: 500; }

#organization-detail .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 650px; }

#organization-detail .main-wrap .bread-wrap { padding-top: 18px; }

#organization-detail .main-wrap .bread-wrap .el-breadcrumb__inner, #organization-detail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); cursor: pointer; }

#organization-detail .main-wrap .title-tips { font-size: 14px; color: rgb(102, 102, 102); margin: 20px 0px; line-height: 24px; }

#organization-detail .main-wrap .list-wrap { margin-bottom: 30px; }

#organization-detail .main-wrap .list-wrap .el-table thead { color: rgb(51, 51, 51); font-size: 14px; font-weight: 400; }

#organization-detail .main-wrap .list-wrap .el-table th > .cell { text-align: center; }

#organization-detail .main-wrap .list-wrap .el-table__header th, #organization-detail .main-wrap .list-wrap .el-table__header tr { height: 48px; background: rgb(255, 250, 228); color: rgb(51, 51, 51); border-left: 1px solid rgb(238, 238, 238); }

#organization-detail .main-wrap .list-wrap .el-table__body td, #organization-detail .main-wrap .list-wrap .el-table__body th { height: 67px; border-left: 1px solid rgb(238, 238, 238); }

#organization-detail .main-wrap .list-wrap .el-table__body td:nth-child(6) > .cell > div, #organization-detail .main-wrap .list-wrap .el-table__body th:nth-child(6) > .cell > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#organization-detail .main-wrap .list-wrap .el-table__body td .upload-btn, #organization-detail .main-wrap .list-wrap .el-table__body th .upload-btn { border: none; padding: 5px 8px; background-color: rgb(255, 144, 0); color: rgb(255, 255, 255); border-radius: 4px; font-weight: 400; margin-top: 8px; }

#organization-detail .main-wrap .list-wrap .el-table__body td .upload-btn.enter, #organization-detail .main-wrap .list-wrap .el-table__body th .upload-btn.enter { font-size: 12px; }

#organization-detail .notice-dialog .tool-content { text-align: left; }

#organization-detail .notice-dialog .tool-content > div { margin-bottom: 10px; display: flex; }

#organization-detail .notice-dialog .tool-content > div .tool-title { font-weight: 700; flex-shrink: 0; }

#organization-detail .notice-dialog .tool-content > div .tool-select { width: 90px; margin-right: 5px; }

#organization-detail .notice-dialog .tool-content > div .tool-input { width: 190px; }

.el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap { height: 50px; color: rgb(255, 255, 255); }

.el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap .el-loading-spinner i, .el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap p { color: rgb(102, 102, 102); }

.el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap .el-loading-spinner { top: 10px; }

#teacher-collection .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 250px; }

#teacher-collection .main-wrap .bread-wrap { padding-top: 18px; }

#teacher-collection .main-wrap .bread-wrap .el-breadcrumb__inner, #teacher-collection .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#teacher-collection .main-wrap .collection-list { width: 100%; margin-bottom: 20px; margin-top: -20px; }

#teacher-collection .main-wrap .collection-list > li { display: flex; position: relative; width: 100%; height: 136px; padding: 30px 0px; border-bottom: 1px solid rgb(220, 222, 227); }

#teacher-collection .main-wrap .collection-list > li:last-child { border-bottom: none; }

#teacher-collection .main-wrap .collection-list > li .position-order { padding: 60px 15px 0px 0px; font-size: 14px; color: rgb(153, 153, 153); }

#teacher-collection .main-wrap .collection-list > li .teacher-img { width: 108px; height: 136px; margin-right: 20px; border-radius: 8px; }

#teacher-collection .main-wrap .collection-list > li .teacher-img img:first-child { height: 100%; width: 100%; border-radius: 8px; object-fit: cover; }

#teacher-collection .main-wrap .collection-list > li .teacher-img img:nth-child(2) { position: absolute; transform: translateX(-100%); }

#teacher-collection .main-wrap .collection-list > li .teacher-detail { -webkit-box-flex: 1; flex: 1 1 0%; margin-top: -3px; }

#teacher-collection .main-wrap .collection-list > li .teacher-detail .teacher-name { font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

#teacher-collection .main-wrap .collection-list > li .teacher-detail .teacher-name span { display: inline-block; }

#teacher-collection .main-wrap .collection-list > li .teacher-detail .intro-limit { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }

#teacher-collection .main-wrap .collection-list > li .teacher-detail span { display: block; margin-top: 12px; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

#teacher-collection .main-wrap .collection-list > li .teacher-detail ul { display: flex; margin: 12px 0px; }

#teacher-collection .main-wrap .collection-list > li .teacher-detail ul li { width: 68px; height: 24px; margin-right: 10px; border-radius: 4px; border: 1px solid rgb(0, 135, 255); font-size: 12px; font-weight: 400; color: rgb(0, 135, 255); line-height: 24px; text-align: center; }

#teacher-collection .main-wrap .collection-list > li .teacher-detail p { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); line-height: 20px; }

#teacher-collection .main-wrap .collection-list > li .teacher-detail button { position: absolute; right: 0px; width: 81px; height: 24px; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); border-radius: 16px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); }

#teacher-collection .main-wrap .collection-list > li .teacher-detail button.change-order { right: 100px; padding: 0px; }

#teacher-collection .main-wrap .collection-list > li .teacher-detail button.change-order span { margin: 0px; }

#teacher-collection .main-wrap .collection-list > li .teacher-detail button.change-order:hover { border: 1px solid rgb(255, 94, 1); }

#teacher-collection .main-wrap .collection-list > li .teacher-detail button.change-order:hover span { color: rgb(255, 94, 1); }

#teacher-collection .main-wrap .collection-list > li .teacher-detail button.appointe-btn { right: 202px; padding: 0px; background-color: rgb(0, 135, 255); border: 1px solid rgb(0, 135, 255); }

#teacher-collection .main-wrap .collection-list > li .teacher-detail button.appointe-btn:hover { border: 1px solid rgb(0, 135, 255); }

#teacher-collection .main-wrap .collection-list > li .teacher-detail button.appointe-btn span { margin: 0px; color: rgb(255, 255, 255); }

#teacher-collection .main-wrap .collection-list > li .teacher-detail button.collect, #teacher-collection .main-wrap .collection-list > li .teacher-detail button:hover { border: 1px solid rgb(255, 94, 1); color: rgb(255, 94, 1); }

#teacher-collection .el-loading-spinner { top: 80px; }

#teacher-collection .appinot-dialog .text-color { color: rgb(0, 135, 255); }

#teacher-collection .appinot-dialog .el-dialog__footer .dialog-footer .el-button { padding: 0px; }

#teacher-collection .appinot-dialog .el-dialog__footer .dialog-footer .el-button:first-child { background-color: rgb(0, 135, 255); color: rgb(255, 255, 255); border-color: rgb(0, 135, 255); }

#teacher-collection .appinot-dialog .el-dialog__footer .dialog-footer .el-button:first-child:hover { opacity: 0.95; }

.position-popper { z-index: 2033 !important; }

#teacher-detail .main-wrap { padding: 0px 30px 1px; margin-bottom: 20px; background: rgb(255, 255, 255); border-radius: 8px; }

#teacher-detail .main-wrap .el-loading-spinner { top: 20%; }

#teacher-detail .main-wrap .bread-wrap { padding-top: 18px; }

#teacher-detail .main-wrap .bread-wrap .el-breadcrumb__inner, #teacher-detail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#teacher-detail .main-wrap .info-wrap { display: flex; position: relative; margin: 30px 0px 50px; }

#teacher-detail .main-wrap .info-wrap .teacher-img { width: 160px; height: 202px; border-radius: 4px; margin-right: 30px; }

#teacher-detail .main-wrap .info-wrap .teacher-img img { width: 100%; height: 100%; border-radius: 4px; }

#teacher-detail .main-wrap .info-wrap div:nth-child(2) div { font-size: 24px; font-weight: 500; color: rgb(51, 51, 51); }

#teacher-detail .main-wrap .info-wrap div:nth-child(2) span { display: block; font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); margin: 10px 0px; }

#teacher-detail .main-wrap .info-wrap div:nth-child(2) span:last-of-type { margin: 13px 0px; }

#teacher-detail .main-wrap .info-wrap div:nth-child(2) span:last-of-type img { margin-top: -6px; }

#teacher-detail .main-wrap .info-wrap div:nth-child(2) ul { display: flex; }

#teacher-detail .main-wrap .info-wrap div:nth-child(2) ul li { width: 102px; height: 28px; margin-right: 20px; font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); text-align: center; line-height: 28px; border-radius: 4px; border: 1px solid rgb(0, 135, 255); }

#teacher-detail .main-wrap .info-wrap div:nth-child(2) button { position: absolute; right: 0px; top: 0px; width: 81px; height: 24px; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); border-radius: 16px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); }

#teacher-detail .main-wrap .info-wrap div:nth-child(2) button.collect { border: 1px solid rgb(255, 94, 1); color: rgb(255, 94, 1); }

#teacher-detail .main-wrap .searchBar { height: 43px; width: 894px; }

#teacher-detail .main-wrap .select-wrap { z-index: 999; display: flex; position: relative; width: 894px; height: 43px; line-height: 43px; background: rgb(251, 252, 253); border: 1px solid rgb(220, 222, 227); }

#teacher-detail .main-wrap .select-wrap.isFixed { position: fixed; top: 72px; }

#teacher-detail .main-wrap .select-wrap > span { display: block; width: 101px; height: 43px; text-align: center; font-size: 16px; font-weight: 400; cursor: pointer; color: rgb(51, 51, 51); }

#teacher-detail .main-wrap .select-wrap > span.active { color: rgb(255, 255, 255); background: linear-gradient(rgb(0, 135, 255), rgb(2, 178, 255)); }

#teacher-detail .main-wrap .select-wrap .btn-group > :first-child { right: 120px; }

#teacher-detail .main-wrap .select-wrap .btn-group > :last-child { right: 10px; }

#teacher-detail .main-wrap .select-wrap .btn-group .appoint-btn { position: absolute; top: 4px; width: 90px; border: none; height: 34px; line-height: 34px; padding: 0px; background: rgb(0, 135, 255); border-radius: 8px; }

#teacher-detail .main-wrap .select-wrap .btn-group .appoint-btn span { color: rgb(255, 255, 255); }

#teacher-detail .main-wrap .select-wrap .btn-group .appoint-btn:hover { opacity: 0.95; }

#teacher-detail .main-wrap .teacher-content .block { margin: 30px 0px 60px; }

#teacher-detail .main-wrap .teacher-content .block .title { margin-bottom: 17px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); }

#teacher-detail .main-wrap .teacher-content .block .title img { margin-top: -5px; }

#teacher-detail .main-wrap .teacher-content .block .context { font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); line-height: 22px; text-align: justify; word-break: normal; }

#teacher-detail .main-wrap .teacher-content .block .context.lineheight { line-height: 27px; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback { display: flex; margin-top: 30px; color: rgb(51, 51, 51); }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul { margin-right: 30px; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li { margin-bottom: 10px; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li .level-content { display: inline-block; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li i { color: rgb(255, 94, 1); vertical-align: -1px; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li i.iconhua { margin: 0px 9px 0px 17px; vertical-align: 0px; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li i.el-icon-bottom { color: rgb(153, 153, 153); }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li span { color: rgb(255, 94, 1); }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li span:first-child { margin-right: 15px; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li span.level { font-size: 14px; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li span.spanMargin { margin-left: 10px; cursor: pointer; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li span.spanMargin:hover { text-decoration: underline; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul li span.worse { font-size: 14px; color: rgb(153, 153, 153); }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul:first-of-type { width: 275px; }

#teacher-detail .main-wrap .teacher-content .block .context.feedback ul:last-child { margin-right: 0px; }

#teacher-detail .main-wrap .teacher-content .block .context.record .el-button { height: 28px; margin: 0px 20px 10px 0px; padding: 5px; border-radius: 4px; border: 1px solid rgb(220, 222, 227); }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li { display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 20px 0px; margin-bottom: 20px; }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .content { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .content .picture { width: 48px; height: 48px; margin-right: 20px; }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .content .picture img { height: 100%; width: 100%; border-radius: 50%; }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .content .context { -webkit-box-flex: 1; flex: 1 1 0%; font-size: 16px; font-weight: 400; }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .content .context > div { display: flex; color: rgb(48, 49, 51); }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .content .context > div .name { margin-right: 20px; font-weight: 500; color: rgb(153, 153, 153); }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .content .context > div .el-rate .el-rate__item i { font-size: 22px; margin-right: 0px; }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .content .context p { margin-top: 10px; color: rgb(51, 51, 51); text-align: justify; word-break: break-all; }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .data { position: relative; width: 100px; text-align: right; }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .data .time { font-size: 14px; font-weight: 400; color: rgb(192, 196, 204); }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .data .good { position: absolute; right: 0px; margin-top: 10px; color: rgb(255, 94, 1); font-size: 16px; }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .data .good i { font-size: 20px; margin-right: 10px; color: rgb(192, 196, 204); }

#teacher-detail .main-wrap .teacher-content .block .context.message ul li .data .good i.favor { color: rgb(255, 94, 1); }

#modify-info .main-wrap { padding: 0px 30px 80px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#modify-info .main-wrap .bread-wrap { padding-top: 18px; }

#modify-info .main-wrap .bread-wrap .el-breadcrumb__inner, #modify-info .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#modify-info .main-wrap .info-wrap { margin-top: 30px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); }

#modify-info .main-wrap .info-wrap > div { width: 834px; height: 50px; padding: 0px 30px; background: rgb(249, 249, 249); border-radius: 30px; font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); line-height: 50px; }

#modify-info .main-wrap .info-wrap > div:first-child { margin-top: 20px; }

#modify-info .main-wrap .info-wrap div + div { margin: 20px 0px; }

#modify-info .main-wrap .info-wrap i.icon_right { float: right; color: rgb(153, 153, 153); font-size: 24px; }

#modify-info .main-wrap .info-wrap .login, #modify-info .main-wrap .info-wrap .note { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

#modify-info .main-wrap .info-wrap .login .textUnbind { color: rgb(153, 153, 153); }

#modify-info .main-wrap .info-wrap .login .iconweixin { font-size: 25px; margin-right: 10px; color: rgb(7, 198, 99); }

#modify-info .main-wrap .info-wrap .login .iconqq { font-size: 25px; margin-right: 10px; color: rgb(0, 135, 255); }

#modify-info .main-wrap .info-wrap .login .el-button { width: 90px; height: 30px; padding: 0px; background-color: rgb(255, 255, 255); border-radius: 20px; font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); border: 1px solid rgb(0, 135, 255); }

#modify-info .main-wrap .info-wrap .login .el-button.isBind { color: rgb(102, 102, 102); border: 1px solid rgb(204, 204, 204); }

#modify-info .main-wrap .el-dialog .el-dialog__header { padding: 30px 30px 0px; }

#modify-info .main-wrap .el-dialog .el-dialog__header .el-dialog__title { font-size: 18px; font-weight: 600; color: rgb(51, 51, 51); }

#modify-info .main-wrap .el-dialog .tips { color: rgb(255, 112, 0); margin-top: -25px; margin-bottom: 15px; }

#modify-info .main-wrap .el-dialog .el-dialog__body { padding: 30px 30px 20px; }

#modify-info .main-wrap .el-dialog .el-dialog__body .el-input { width: 324px; margin-bottom: 20px; border-radius: 4px; }

#modify-info .main-wrap .el-dialog .el-dialog__body .el-input:last-child { margin-bottom: 0px; }

#modify-info .main-wrap .el-dialog .el-dialog__body .el-input .el-input__inner { height: 48px; padding: 0px 20px; }

#modify-info .main-wrap .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-input { margin-bottom: 0px; }

#modify-info .main-wrap .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-form-item__error { padding-top: 4px; }

#modify-info .main-wrap .el-dialog .el-dialog__body span.dialog-footer .el-button.el-button--default { width: 324px; height: 40px; background: rgb(0, 135, 255); border: none; border-radius: 4px; }

#modify-info .main-wrap .el-dialog .el-dialog__body span.dialog-footer .el-button.el-button--default span { font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); }

#modify-info .main-wrap .el-dialog .el-dialog__body .el-input.el-input-group.el-input-group--append .el-input-group__append { font-size: 14px; font-weight: 500; color: rgb(0, 135, 255); width: 100px; text-align: center; }

#modify-info .main-wrap .el-dialog .el-dialog__footer { padding: 0px 30px 30px 28px; }

#modify-info .main-wrap .el-dialog .el-dialog__footer .dialog-footer .el-button.el-button--default { width: 324px; height: 40px; background: rgb(0, 135, 255); border-radius: 4px; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); }

#modify-perdetail .main-wrap { padding: 0px 30px 80px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#modify-perdetail .main-wrap .bread-wrap { padding-top: 18px; }

#modify-perdetail .main-wrap .bread-wrap .el-breadcrumb__inner, #modify-perdetail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#modify-perdetail .main-wrap h3 { font-size: 20px; font-weight: 500; line-height: 28px; margin: 30px 0px; }

#modify-perdetail .main-wrap .el-cascader, #modify-perdetail .main-wrap .el-input { width: 240px; }

#modify-perdetail .main-wrap .el-button { width: 120px; border-radius: 8px; }

#modify-perdetail .main-wrap .el-select, #modify-perdetail .main-wrap .el-select .el-input.el-input--suffix { width: 121px; height: 40px; }

#modify-perdetail .main-wrap .el-select .el-input.el-input--suffix .el-input__ { width: 121px; height: 40px; border-radius: 8px; }

#modify-perdetail .el-form-item.city-item { display: inline-block; }

#modify-perdetail .el-form-item.city-item.city { margin-left: -90px; }

#modify-perdetail .el-button { display: block; }

#modify-perdetail .el-dialog__wrapper.notice-dialog.loading .el-dialog { top: 30vh; }

#modify-perdetail .el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap { height: 50px; color: rgb(255, 255, 255); }

#modify-perdetail .el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap .el-loading-spinner i, #modify-perdetail .el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap p { color: rgb(102, 102, 102); }

#modify-perdetail .el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap .el-loading-spinner { top: 10px; }

.el-select-dropdown.el-popper.city-pop { width: 121px !important; }

.portrait { height: 220px; }

.portrait .avatar-uploader { position: relative; float: left; }

.portrait .avatar-uploader .port-img { height: 160px; width: 160px; border-radius: 80px; }

.portrait .avatar-uploader .port-img img { height: 100%; width: 100%; border-radius: 80px; object-fit: cover; }

.portrait .avatar-uploader .modify-img { position: absolute; top: 70px; left: 220px; height: 35px; border: 1px solid rgb(255, 94, 1); font-size: 14px; font-weight: 400; color: rgb(255, 94, 1); padding: 0px; background-color: rgb(255, 255, 255); width: 101px !important; border-radius: 18px !important; }

.portrait .avatar-uploader .modify-img:hover { background-color: rgb(255, 255, 255) !important; opacity: 0.9; }

.portrait .el-form-item__label { line-height: 160px; }

.portrait .avatar-uploader-img { width: 160px; height: 160px; }

.portrait p.gray { font-size: 14px; margin-top: 20px; }

#mail .main-wrap { padding: 0px 30px 30px; margin-bottom: 30px; width: 894px; background-color: rgb(255, 255, 255); min-height: 650px; border-radius: 8px; }

#mail .main-wrap .read-all { width: 88px; height: 40px; margin-bottom: 20px; border-radius: 4px; border: 1px solid rgb(228, 231, 237); font-size: 14px; font-weight: 400; color: rgb(48, 49, 51); }

#mail .main-wrap .read-all:hover { color: rgb(102, 102, 102); }

#mail .main-wrap .el-table { margin-bottom: 30px; }

#mail .main-wrap .el-table .el-table__header th { background: rgb(242, 246, 252); color: rgb(51, 51, 51); font-weight: 400; text-align: center; }

#mail .main-wrap .el-table .el-table__header th:nth-child(2) { text-align: left; }

#mail .main-wrap .el-table .el-table__body td { text-align: center; }

#mail .main-wrap .el-table .el-table__body td:nth-child(2) { padding-right: 10px; }

#mail .main-wrap .el-table .el-table__body .scope-title { font-weight: 500; color: rgb(51, 51, 51); margin-bottom: 5px; text-align: left; }

#mail .main-wrap .el-table .el-table__body .scope-content { text-align: left; }

#mail .main-wrap .el-table .el-table__body .del-btn { color: rgb(153, 153, 153); cursor: pointer; }

#mail .main-wrap .el-table .unread-btn { color: rgb(0, 135, 255); cursor: pointer; }

#new-page { width: 100%; min-width: 1200px; }

#new-page .page-wrap { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; width: 1620px; margin: 0px auto; }

#new-page .page-wrap img.img-item { width: 800px; margin-bottom: 10px; }

#advice .main-wrap { width: 894px; border-radius: 8px; padding: 30px 30px 250px; background-color: rgb(255, 255, 255); margin-bottom: 30px; margin-left: 20px; }

#advice .main-wrap .title { font-size: 20px; font-weight: 500; color: rgb(48, 49, 51); }

#advice .main-wrap .tips { margin: 20px 0px 30px; font-size: 16px; font-weight: 400; color: rgb(48, 49, 51); }

#advice .main-wrap .tips span { color: rgb(0, 135, 255); border-bottom: 1px solid rgb(0, 135, 255); }

#advice .main-wrap .question-sort { margin-bottom: 30px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

#advice .main-wrap .question-sort .el-select { margin-left: 20px; width: 300px; height: 40px; border-radius: 8px; }

#advice .main-wrap .el-textarea { width: 894px; height: 256px; }

#advice .main-wrap .el-textarea .el-textarea__inner { height: 100%; }

#advice .main-wrap .el-button { width: 93px; height: 40px; margin-top: 30px; background: rgb(0, 135, 255); border-radius: 8px; font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); border: none; }

.question-pop { top: 0px; }

#announcement .main-wrap { padding: 0px 30px 30px; margin-bottom: 30px; background-color: rgb(255, 255, 255); min-height: 650px; width: 894px; border-radius: 8px; }

#announcement .main-wrap .read-all { width: 88px; height: 40px; margin-bottom: 20px; border-radius: 4px; border: 1px solid rgb(228, 231, 237); font-size: 14px; font-weight: 400; color: rgb(48, 49, 51); }

#announcement .main-wrap .read-all:hover { color: rgb(102, 102, 102); }

#announcement .main-wrap .el-table { margin-bottom: 30px; }

#announcement .main-wrap .el-table .el-table__header th { background: rgb(242, 246, 252); color: rgb(51, 51, 51); font-weight: 400; text-align: center; }

#announcement .main-wrap .el-table .el-table__header th:nth-child(2) { text-align: left; }

#announcement .main-wrap .el-table .el-table__body td { text-align: center; }

#announcement .main-wrap .el-table .el-table__body td:nth-child(2) { padding-right: 10px; }

#announcement .main-wrap .el-table .el-table__body .scope-title { font-weight: 500; color: rgb(51, 51, 51); cursor: pointer; text-align: left; }

#announcement .main-wrap .el-table .el-table__body .scope-title:hover { color: rgb(0, 135, 255); }

#announcement .main-wrap .el-table .el-table__body .del-btn { color: rgb(153, 153, 153); cursor: pointer; }

#announcement-detail .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); min-height: 650px; width: 894px; border-radius: 8px; margin-left: 20px; }

#announcement-detail .main-wrap .bread-wrap { padding-top: 18px; }

#announcement-detail .main-wrap .bread-wrap .el-breadcrumb__inner, #announcement-detail .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#announcement-detail .main-wrap .detail-title { margin: 26px 0px 16px; font-size: 28px; font-weight: 400; color: rgb(48, 49, 51); }

#announcement-detail .main-wrap .detail-time { margin-bottom: 16px; font-size: 16px; font-weight: 400; color: rgb(144, 147, 153); }

#announcement-detail .main-wrap .detail-content { margin-top: 20px; font-size: 16px; font-weight: 400; color: rgb(96, 98, 102); }

#question-list .main-wrap { padding: 30px; border-radius: 8px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(102, 102, 102); }

#question-list .main-wrap .first-title { font-weight: 700; color: rgb(51, 51, 51); margin: 20px 0px 10px; font-size: 16px; }

#question-list .main-wrap .first-title:first-child { margin-top: 0px; }

#package-agreement .main-wrap, #point-rule, #privacy-policy .main-wrap, #supplement-agreement .main-wrap, #user-agreement .main-wrap { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(102, 102, 102); border-radius: 8px; }

#point-rule { min-height: 500px; }

#point-rule .title { color: rgb(51, 51, 51); margin-bottom: 30px; font-weight: 700; font-size: 20px; }

#point-rule .look { cursor: pointer; font-size: 16px; font-weight: 600; text-decoration: underline; }

#point-rule .look:hover { color: rgb(0, 135, 255); }

#point-rule .content { margin-bottom: 10px; }

#point-rule .content table { border: 1px solid rgb(220, 220, 220); }

#point-rule .content table td { padding: 10px 20px; width: 400px; }

#point-rule .content table td:first-child, #point-rule .content table td:nth-child(3) { width: 92px; }

#highlight .main-wrap, #juveniles .main-wrap { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(102, 102, 102); border-radius: 8px; }

#highlight .main-wrap .content { margin-bottom: 10px; }

#highlight .main-wrap .big-title { color: rgb(51, 51, 51); margin-bottom: 30px; font-weight: 700; font-size: 20px; }

#highlight .main-wrap .first-title { font-weight: 700; color: rgb(51, 51, 51); margin: 20px 0px 10px; font-size: 16px; }

#highlight .main-wrap .sub-title { color: rgb(255, 150, 0); margin-bottom: 10px; }

#skype-picture .main-wrap { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(102, 102, 102); border-radius: 8px; }

#skype-picture .main-wrap .content { margin-bottom: 10px; }

#skype-picture .main-wrap .first-title { font-weight: 700; color: rgb(51, 51, 51); margin: 20px 0px 10px; font-size: 16px; }

#skype-picture .main-wrap .sub-title { color: rgb(255, 150, 0); margin-bottom: 10px; }

#spoken-test .main-wrap { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; border-radius: 8px; color: rgb(102, 102, 102); }

#spoken-test .main-wrap .content { margin-bottom: 10px; }

#spoken-test .main-wrap .content img { width: 100%; }

#spoken-test .main-wrap .first-title { font-weight: 700; color: rgb(51, 51, 51); margin: 20px 0px 10px; font-size: 16px; }

#spoken-test .main-wrap .sub-title { color: rgb(255, 150, 0); margin-bottom: 10px; }

#useful-sentences { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; border-radius: 8px; color: rgb(102, 102, 102); }

#useful-sentences .content { margin-bottom: 10px; }

#useful-sentences .content table { border: 1px solid rgb(220, 220, 220); }

#useful-sentences .content table td { padding: 10px 20px; width: 400px; }

#brief-introduction[data-v-491e5f24] { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; border-radius: 8px; color: rgb(102, 102, 102); min-height: 310px; }

.title[data-v-491e5f24] { color: rgb(51, 51, 51); margin-bottom: 30px; font-weight: 700; font-size: 20px; }

.title.hight[data-v-491e5f24] { margin-top: 30px; }

.sub-title[data-v-491e5f24] { color: rgb(255, 150, 0); margin-bottom: 10px; font-size: 14px; }

.content[data-v-491e5f24] { margin-bottom: 10px; }

#social-value[data-v-f52463cc] { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(102, 102, 102); border-radius: 8px; }

.title[data-v-f52463cc] { color: rgb(51, 51, 51); margin-bottom: 30px; font-weight: 700; font-size: 20px; }

#memorabilia[data-v-6147cb54] { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(102, 102, 102); border-radius: 8px; min-height: 310px; }

.title[data-v-6147cb54] { color: rgb(51, 51, 51); margin-bottom: 30px; font-weight: 700; font-size: 20px; }

.content[data-v-6147cb54] img { width: 100%; height: auto; }

#media-reports[data-v-52b34461] { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(153, 153, 153); border-radius: 8px; }

#media-reports .title-pic[data-v-52b34461] { width: 100%; margin-bottom: 30px; }

#media-reports .title-pic img[data-v-52b34461] { width: 100%; }

#media-reports .title[data-v-52b34461] { color: rgb(0, 135, 225); margin-bottom: 30px; font-weight: 700; font-size: 16px; }

#media-reports .li[data-v-52b34461] { cursor: pointer; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

#media-reports .li a[data-v-52b34461] { font-size: 14px; color: rgb(153, 153, 153); }

#media-reports .li a[data-v-52b34461]:hover { color: rgb(0, 135, 225); }

#media-reports .li > div[data-v-52b34461] { flex-shrink: 0; }

#media-reports .li .li-title[data-v-52b34461] { width: 762px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#media-reports .li + .li[data-v-52b34461] { margin: 24px 0px; }

#media-detail[data-v-427ee716] { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(153, 153, 153); border-radius: 8px; }

#media-detail .title[data-v-427ee716] { font-size: 24px; font-weight: 600; color: rgb(51, 51, 51); margin: 30px 0px 20px; }

#media-detail .time[data-v-427ee716] { font-size: 14px; color: rgb(153, 153, 153); padding-bottom: 15px; border-bottom: 1px solid rgb(237, 241, 247); margin-bottom: 30px; }

#media-detail .content[data-v-427ee716] { width: 100%; }

#media-detail .content[data-v-427ee716] p, #media-detail .content[data-v-427ee716] span { width: 100%; height: auto; }

#media-detail .content[data-v-427ee716] img { width: auto; height: auto; max-width: 100%; }

#media-detail .bread-wrap[data-v-427ee716] .el-breadcrumb__inner, #media-detail .bread-wrap[data-v-427ee716] .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#welfare-detail[data-v-6dfc5100] { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(153, 153, 153); border-radius: 8px; }

#welfare-detail .bread-wrap[data-v-6dfc5100] .el-breadcrumb__inner, #welfare-detail .bread-wrap[data-v-6dfc5100] .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#welfare-detail .title[data-v-6dfc5100] { font-size: 24px; font-weight: 600; color: rgb(51, 51, 51); margin: 30px 0px 20px; }

#welfare-detail .time[data-v-6dfc5100] { font-size: 14px; color: rgb(153, 153, 153); padding-bottom: 15px; border-bottom: 1px solid rgb(237, 241, 247); margin-bottom: 30px; }

#class-process { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; border-radius: 8px; color: rgb(102, 102, 102); }

#class-process .video-wrap { width: 894px; height: 503px; margin-bottom: 60px; }

#class-process .video-wrap video { width: 100%; object-fit: fill; }

#class-process .tab-wrap { margin-bottom: 30px; }

#class-process .tab-wrap span { display: inline-block; text-align: center; width: 142px; height: 32px; line-height: 32px; border-radius: 24px; border: 1px solid rgb(0, 135, 255); font-size: 14px; font-weight: 400; margin-right: 20px; cursor: pointer; color: rgb(0, 135, 255); }

#class-process .tab-wrap span.active { color: rgb(255, 255, 255); background-color: rgb(0, 135, 255); }

#class-process .vip-img { margin-top: -13px; min-height: 100px; }

#class-process .step { font-size: 16px; color: rgb(51, 51, 51); margin-top: 30px; font-weight: 500; }

#class-process .step a { color: rgb(0, 135, 255); }

.learnService .title[data-v-80bbaab4] { padding: 20px; background-color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; color: rgb(51, 51, 51); line-height: 23px; }

.learnService .mt-30[data-v-80bbaab4] { margin-top: 30px; }

.learnService .content[data-v-80bbaab4] { display: flex; flex-wrap: wrap; }

.learnService .content .item[data-v-80bbaab4] { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: 298px; height: 187px; background: rgb(255, 255, 255); cursor: pointer; margin-top: 30px; }

.learnService .content .item .view-wrap[data-v-80bbaab4], .learnService .content .item[data-v-80bbaab4] { display: flex; box-sizing: border-box; border-radius: 8px; }

.learnService .content .item .view-wrap[data-v-80bbaab4] { position: absolute; top: 10px; right: 10px; height: 14px; padding: 2px 6px; background: rgba(0, 0, 0, 0.2); -webkit-box-align: center; align-items: center; }

.learnService .content .item .view-wrap .icon[data-v-80bbaab4] { width: 12.5px; height: 10.5px; }

.learnService .content .item .view-wrap .num[data-v-80bbaab4] { margin-left: 3px; font-size: 12px; font-weight: 400; color: rgb(255, 255, 255); line-height: 12px; }

.learnService .content .item[data-v-80bbaab4]:nth-child(3n+2) { margin: 30px 30px 0px; }

.learnService .content .item .img[data-v-80bbaab4] { width: 298px; height: 127px; border-radius: 8px 8px 0px 0px; }

.learnService .content .item .bottom[data-v-80bbaab4] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 10px 16px; height: 40px; }

.learnService .content .item .bottom .text[data-v-80bbaab4] { width: 266px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); line-height: 16px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.helpDocument[data-v-6300779a] { padding: 30px; border-radius: 8px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 16px; font-size: 14px; color: rgb(51, 51, 51); }

.helpDocument .title[data-v-6300779a] { font-size: 20px; font-weight: 700; color: rgb(51, 51, 51); line-height: 23px; padding-bottom: 19px; }

.helpDocument .input[data-v-6300779a] { width: 550px; height: 60px; }

.helpDocument .icon-search[data-v-6300779a] { width: 20px; height: 20px; padding-left: 25px; padding-top: 20px; padding-bottom: 20px; user-select: none; }

.helpDocument .button[data-v-6300779a] { width: 94px; height: 40px; background: rgb(0, 135, 255); border-radius: 8px; margin: 10px 5px; }

.helpDocument[data-v-6300779a] .el-input--prefix .el-input__inner { width: 550px; height: 60px; padding-left: 58px; font-size: 16px; background: rgb(245, 245, 245); border-radius: 8px; }

.helpDocument[data-v-6300779a] .el-input__inner::-webkit-input-placeholder { font-size: 16px; color: rgb(204, 204, 204); line-height: 23px; }

.helpDocument[data-v-6300779a] .el-input__inner::placeholder { font-size: 16px; color: rgb(204, 204, 204); line-height: 23px; }

.helpDocument .tip[data-v-6300779a] { margin-top: 40px; margin-bottom: 20px; font-size: 18px; font-weight: 400; color: rgb(51, 51, 51); line-height: 21px; }

.helpDocument ul[data-v-6300779a] { display: flex; align-content: center; flex-wrap: wrap; }

.helpDocument ul li[data-v-6300779a] { box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex-grow: 1; text-align: left; width: 280px; min-height: 70px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); line-height: 20px; padding: 15px 0px; border-bottom: 1px solid rgb(237, 241, 247); cursor: pointer; }

.helpDocument ul li[data-v-6300779a]:hover { color: rgb(0, 135, 255); }

.helpDocument ul li[data-v-6300779a]:nth-child(3n+2) { padding-left: 30px; padding-right: 24px; }

.helpDocument .mt-30[data-v-6300779a] { margin-top: 30px; }

.document-detail[data-v-88980e6e] { padding: 30px; border-radius: 8px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 16px; font-size: 14px; color: rgb(51, 51, 51); }

.document-detail .path[data-v-88980e6e] { font-size: 14px; font-weight: 500; color: rgb(153, 153, 153); line-height: 16px; }

.document-detail .title[data-v-88980e6e] { margin-top: 30px; font-size: 26px; font-weight: 700; color: rgb(51, 51, 51); line-height: 33px; }

.document-detail .date[data-v-88980e6e] { margin-top: 13px; font-size: 16px; font-weight: 400; color: rgb(153, 153, 153); line-height: 21px; padding-bottom: 19px; border-bottom: 1px solid rgb(237, 241, 247); }

.document-detail .document-content[data-v-88980e6e] { margin-top: 30px; font-size: 16px; font-weight: 500; color: rgb(102, 102, 102); line-height: 23px; }

.document-detail .like-wrap[data-v-88980e6e] { margin: 100px auto 30px; display: flex; width: 120px; height: 50px; background: rgb(255, 255, 255); border-radius: 43px; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; cursor: pointer; border: 1px solid rgb(235, 238, 245); }

.document-detail .like-wrap .icon[data-v-88980e6e] { width: 17px; height: 17px; }

.document-detail .like-wrap .text[data-v-88980e6e] { margin-top: 4px; font-size: 12px; font-weight: 400; color: rgb(153, 153, 153); line-height: 14px; }

.document-detail .like-wrap .active[data-v-88980e6e] { color: rgb(0, 135, 255); }

.document-content img { max-width: 100%; }

.common-problem[data-v-3427da30] { padding: 30px; border-radius: 8px; background-color: rgb(255, 255, 255); line-height: 16px; font-size: 14px; color: rgb(51, 51, 51); box-sizing: border-box; }

.common-problem .title[data-v-3427da30] { font-size: 20px; font-weight: 700; color: rgb(51, 51, 51); line-height: 23px; padding-bottom: 10px; }

.common-problem .category-list[data-v-3427da30] { display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; padding-bottom: 22px; border-bottom: 1px solid rgb(237, 241, 247); }

.common-problem .category-list .category-item[data-v-3427da30] { padding-right: 40px; font-weight: 400; font-size: 18px; color: rgb(51, 51, 51); line-height: 21px; cursor: pointer; padding-top: 22px; }

.common-problem .category-list .category-active[data-v-3427da30], .common-problem .category-list .category-item[data-v-3427da30]:hover { color: rgb(0, 135, 255); }

.common-problem .ul[data-v-3427da30] { display: flex; place-content: center space-between; -webkit-box-pack: justify; flex-wrap: wrap; padding-top: 20px; }

.common-problem .ul .li[data-v-3427da30] { box-sizing: border-box; display: flex; -webkit-box-align: start; align-items: flex-start; text-align: left; width: 298px; height: 70px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); line-height: 20px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgb(237, 241, 247); cursor: pointer; }

.common-problem .ul .li .content[data-v-3427da30] { width: 252px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }

.common-problem .ul .li[data-v-3427da30]:hover { color: rgb(0, 135, 255); }

.common-problem .ul[data-v-3427da30]::after { display: block; content: ""; width: 298px; border-bottom: 1px solid rgb(237, 241, 247); height: 0px; min-height: 70px; }

.common-problem .mt-40[data-v-3427da30] { margin-top: 40px; }

.document-detail[data-v-d4d24a5e] { padding: 30px; border-radius: 8px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 16px; font-size: 14px; color: rgb(51, 51, 51); }

.document-detail .path[data-v-d4d24a5e] { font-size: 14px; font-weight: 500; color: rgb(153, 153, 153); line-height: 16px; }

.document-detail .title[data-v-d4d24a5e] { margin-top: 30px; font-size: 26px; font-weight: 700; color: rgb(51, 51, 51); line-height: 33px; }

.document-detail .date[data-v-d4d24a5e] { margin-top: 13px; font-size: 16px; font-weight: 400; color: rgb(153, 153, 153); line-height: 21px; padding-bottom: 19px; border-bottom: 1px solid rgb(237, 241, 247); }

.document-detail .document-content[data-v-d4d24a5e] { margin-top: 30px; font-size: 16px; font-weight: 500; color: rgb(102, 102, 102); line-height: 23px; }

#join-us[data-v-f1a19478], #open-guide[data-v-a0fccf4e] { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; border-radius: 8px; color: rgb(102, 102, 102); }

#join-us[data-v-f1a19478] { min-height: 310px; }

.title[data-v-f1a19478] { color: rgb(51, 51, 51); margin-bottom: 30px; font-weight: 700; font-size: 20px; }

#tool-problem { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; border-radius: 8px; color: rgb(102, 102, 102); }

#tool-problem .first-title { font-weight: 700; color: rgb(51, 51, 51); margin: 20px 0px 10px; font-size: 16px; }

#tool-problem .download { color: rgb(0, 135, 255); text-decoration: underline; cursor: pointer; }

#tool-problem .hightlight { color: red; font-weight: 700; }

#tool-problem .video-wrap { width: 894px; height: 503px; margin-bottom: 60px; }

#tool-problem .video-wrap video { width: 100%; object-fit: fill; }

#tool-problem .img-block { margin: 20px 0px 60px; width: 100%; }

#tool-problem .img-block:last-child { margin-bottom: 0px; }

#tool-problem .img-block .pc1 { width: 509px; height: 359px; }

#tool-problem .img-block .ipad1, #tool-problem .img-block .ipad2 { width: 400px; height: 533px; }

#tool-problem .img-block .phone1 { width: 300px; height: 373px; }

#contact-us[data-v-6e09f068] { min-height: 310px; }

#contact-us[data-v-6e09f068], #vip-permission[data-v-2faf5556] { padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 50px; line-height: 23px; font-size: 14px; color: rgb(102, 102, 102); border-radius: 8px; }

#appoint-more .main-wrap { padding: 0px 30px 30px; margin-bottom: 10px; background: rgb(255, 255, 255); border-radius: 8px; }

#appoint-more .main-wrap .bread-wrap { padding-top: 18px; }

#appoint-more .main-wrap .bread-wrap .el-breadcrumb__inner, #appoint-more .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); }

#appoint-more .main-wrap .tips { width: 880px; height: 22px; padding: 10px 0px 10px 14px; background: rgb(241, 250, 255); line-height: 22px; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

#appoint-more .main-wrap .tips i { color: rgb(0, 135, 255); vertical-align: -1px; margin-right: 5px; }

#appoint-more .main-wrap .tips span { color: rgb(0, 135, 255); margin-left: 8px; }

#appoint-more .main-wrap .title-state { -webkit-box-pack: justify; justify-content: space-between; margin: 30px 0px 18px; }

#appoint-more .main-wrap .title-state, #appoint-more .main-wrap .title-state .control { display: flex; }

#appoint-more .main-wrap .title-state .control .class-time { font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); margin-right: 20px; }

#appoint-more .main-wrap .title-state .control button { width: 60px; height: 28px; margin-right: 10px; background: rgb(237, 241, 247); border-radius: 4px; border: 1px solid rgb(220, 222, 227); font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); }

#appoint-more .main-wrap .title-state .control button[disabled] { cursor: text !important; color: rgb(153, 153, 153); }

#appoint-more .main-wrap .title-state .reminder-graphic { display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; top: 0px; right: 0px; height: 30px; width: 240px; color: rgb(51, 51, 51); }

#appoint-more .main-wrap .title-state .reminder-graphic .graphic-block { margin-right: 20px; }

#appoint-more .main-wrap .title-state .reminder-graphic .graphic-block span { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background-color: rgb(220, 222, 227); margin-right: 10px; }

#appoint-more .main-wrap .title-state .reminder-graphic .graphic-block:nth-child(2) span { width: 12px; height: 12px; border: 1px solid rgb(255, 170, 0); background: rgb(255, 170, 0); }

#appoint-more .main-wrap .title-state .reminder-graphic .graphic-block:nth-child(3) { margin-right: 0px; }

#appoint-more .main-wrap .title-state .reminder-graphic .graphic-block:nth-child(3) span { background: rgb(0, 135, 255); }

#appoint-more .main-wrap .table-wrap .el-loading-spinner { top: 10%; }

#appoint-more .main-wrap .table-wrap .table-ul { font-size: 14px; display: flex; }

#appoint-more .main-wrap .table-wrap .table-ul .table-li { width: 148px; }

#appoint-more .main-wrap .table-wrap .table-ul .table-li:first-child { border-left: 1px solid rgb(220, 222, 227); }

#appoint-more .main-wrap .table-wrap .table-ul .table-li:first-child .li-title { border-top: 1px solid rgb(220, 222, 227); border-right: 1px solid rgb(220, 222, 227); border-bottom: 1px solid rgb(220, 222, 227); border-image: initial; border-left: none; }

#appoint-more .main-wrap .table-wrap .table-ul .table-li .li-title { height: 50px; line-height: 50px; text-align: center; border-top: 1px solid rgb(220, 222, 227); border-right: 1px solid rgb(220, 222, 227); border-bottom: 1px solid rgb(220, 222, 227); border-image: initial; border-left: none; background: rgb(238, 247, 255); }

#appoint-more .main-wrap .table-wrap .table-ul .table-li .li-title.is-fixed { width: 147px; position: fixed; top: 72px; z-index: 999; background: rgb(238, 247, 255); border-top: 1px solid rgb(220, 222, 227); border-right: 1px solid rgb(220, 222, 227); border-bottom: 1px solid rgb(220, 222, 227); border-image: initial; border-left: none; }

#appoint-more .main-wrap .table-wrap .table-ul .table-li .time-ul li { background: rgb(255, 255, 255); border-right: 1px solid rgb(237, 241, 247); border-bottom: 1px solid rgb(237, 241, 247); border-image: initial; border-top: none; border-left: none; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: rgb(102, 102, 102); }

#appoint-more .main-wrap .table-wrap .table-ul .table-li .time-ul li.cell-title { border-color: rgb(220, 222, 227); }

#appoint-more .main-wrap .table-wrap .table-ul .table-li .time-ul li.disable { color: rgb(102, 102, 102); background-color: rgb(238, 238, 238); border-color: rgb(220, 222, 227); }

#appoint-more .main-wrap .table-wrap .table-ul .table-li .time-ul li.selected, #appoint-more .main-wrap .table-wrap .table-ul .table-li .time-ul li .selected { background: rgb(0, 135, 255); cursor: pointer; }

#appoint-more .main-wrap .table-wrap .table-ul .table-li .time-ul li.available, #appoint-more .main-wrap .table-wrap .table-ul .table-li .time-ul li .available { background: rgb(255, 170, 0); color: rgb(255, 255, 255); cursor: pointer; }

#appoint-more .main-wrap .table-wrap .table-ul .table-li .time-ul li .check-mark { font-size: 20px; color: rgb(255, 255, 255); }

#appoint-more .main-wrap .table-wrap .table-ul .table-li .time-ul li:last-child { border-bottom: 1px solid rgb(220, 222, 227); }

#appoint-more .notice-dialog .el-dialog { width: 461px; }

#appoint-more .notice-dialog .el-dialog__body ul { border-top: 1px solid rgb(220, 222, 227); display: flex; flex-wrap: wrap; }

#appoint-more .notice-dialog .el-dialog__body ul li { border-bottom: 1px solid rgb(220, 222, 227); width: 50%; margin-bottom: 5px; padding: 16px 0px; }

#appoint-more .first-btn { background-color: rgb(255, 255, 255); border: 1px solid rgb(220, 222, 227); color: rgb(102, 102, 102); }

[data-v-dab04798] .el-dialog__body, [data-v-dab04798] .el-dialog__header { padding: 0px; }

[data-v-dab04798] .el-dialog { border-radius: 24px; }

[data-v-dab04798] .el-form-item { border-radius: 20px; }

.dialog-container[data-v-dab04798] { position: relative; }

.dialog-container .close[data-v-dab04798] { position: absolute; top: 0px; right: -90px; cursor: pointer; width: 40px; height: 40px; }

.dialog-container .bg[data-v-dab04798] { width: 971px; height: 820px; background: rgb(255, 255, 255); border-radius: 17px; }

#choose-material .main-wrap { padding: 0px 30px; background-color: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; }

#choose-material .main-wrap .class-info { padding: 30px 0px 50px; font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); }

#choose-material .main-wrap .class-info span { margin-right: 60px; }

#choose-material .main-wrap .level-wrap { display: flex; -webkit-box-align: center; align-items: center; font-size: 14px; color: rgb(51, 51, 51); line-height: 14px; margin-top: 25px; margin-bottom: -10px; }

#choose-material .main-wrap .level-wrap .orange { color: rgb(255, 92, 1); }

#choose-material .main-wrap .level-wrap .blue { color: rgb(0, 135, 255); cursor: pointer; }

#choose-material .main-wrap .level-wrap .mr-20 { margin-right: 20px; }

#choose-material .main-wrap .level-wrap .icon { width: 14px; height: 14px; margin-left: 5px; }

#choose-material .main-wrap .level-wrap .hover { display: flex; -webkit-box-align: center; align-items: center; cursor: pointer; }

#choose-material .main-wrap .level-wrap .hover:hover { color: rgb(0, 135, 255); }

#choose-material .main-wrap .title-wrap { display: flex; -webkit-box-align: center; align-items: center; font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); }

#choose-material .main-wrap .title-wrap span { display: block; width: 5px; height: 16px; margin-right: 8px; background: rgb(0, 135, 255); border-radius: 5px; }

#choose-material .main-wrap .title-wrap button { width: 110px; height: 28px; margin-left: 30px; border-radius: 4px; border: 1px solid rgb(220, 222, 227); font-size: 14px; }

.material-pop { z-index: 1996 !important; }

#appoint-success .main-wrap { padding: 0px 30px 30px; background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; margin-bottom: 40px; }

#appoint-success .main-wrap .block { padding-bottom: 30px; border-bottom: 1px solid rgb(237, 241, 247); }

#appoint-success .success-tip { height: 325px; width: 100%; text-align: center; }

#appoint-success .success-tip img { margin-top: 50px; }

#appoint-success .success-tip div:first-of-type { font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); margin: 20px 0px 13px; }

#appoint-success .success-tip div:nth-of-type(2) { font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

#appoint-success .success-tip div:nth-of-type(2) span { color: rgb(255, 94, 1); margin: 0px 5px; }

#appoint-success .success-tip .btn-list { margin-top: 20px; }

#appoint-success .success-tip .btn-list button { width: 121px; height: 40px; border-radius: 8px; border: 1px solid rgb(0, 135, 255); background-color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); cursor: pointer; }

#appoint-success .success-tip .btn-list button:last-child { margin-left: 20px; color: rgb(255, 255, 255); background: rgb(0, 135, 255); }

#appoint-success .wechat-code-background { display: flex; margin: 0px auto; box-sizing: border-box; padding: 15px 0px 15px 15px; width: 388px; height: 130px; background: rgb(255, 251, 242); border-radius: 8px; }

#appoint-success .wechat-code-background .code-img { height: 100px; width: 101px; border: 1px dashed rgb(229, 229, 229); margin-right: 16px; }

#appoint-success .wechat-code-background .code-img img { width: 100%; height: 100%; }

#appoint-success .wechat-code-background .follow-text { font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); margin: 22px 0px 10px; }

#appoint-success .wechat-code-background .receive-text { font-size: 14px; font-weight: 400; color: rgb(255, 92, 1); }

#week-num .main-wrap { padding: 30px; background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; margin-bottom: 10px; }

#week-num .main-wrap .meal-title { position: relative; height: 20px; margin-bottom: 18px; line-height: 20px; }

#week-num .main-wrap .meal-title span:first-child { position: absolute; top: 2px; display: inline-block; width: 5px; height: 16px; background: rgb(0, 135, 255); border-radius: 5px; }

#week-num .main-wrap .meal-title span:nth-child(2) { font-size: 16px; font-weight: 500; margin: 0px 20px 0px 13px; }

#week-num .main-wrap .del-group { margin-bottom: 10px; }

#week-num .main-wrap .del-group .del-btn { height: 34px; padding: 0px 10px; color: rgb(255, 255, 255); background-color: rgb(0, 135, 255); border: none; }

#week-num .main-wrap .del-group .del-btn.is-disabled { background-color: rgb(160, 207, 255); }

#week-num .main-wrap .week-table .sub-title { position: relative; height: 20px; margin: 30px 0px 18px; line-height: 20px; }

#week-num .main-wrap .week-table .sub-title span:first-child { position: absolute; top: 2px; display: inline-block; width: 5px; height: 16px; background: rgb(0, 135, 255); border-radius: 5px; }

#week-num .main-wrap .week-table .sub-title span:nth-child(2) { font-size: 16px; font-weight: 500; margin: 0px 20px 0px 13px; }

#week-num .main-wrap .week-table i.iconchushaixuanxiang { font-size: 20px; font-weight: 400; color: rgb(255, 94, 1); cursor: pointer; }

#week-num .main-wrap .week-table .el-table th { padding: 7px 0px; background-color: rgb(247, 247, 247); }

#week-num .main-wrap .week-table .choose-week { font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); }

#week-num .main-wrap .week-table .choose-week div.el-select { width: 158px; height: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

#week-num .main-wrap .week-table .choose-week i.iconiconfontquestion { font-size: 16px; color: rgb(204, 204, 204); vertical-align: -2px; margin-left: 5px; }

#week-num .main-wrap .el-table-column--selection .cell { padding-right: 10px; }

#week-num .panel-date { padding-top: 20px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

#week-num .first-btn { padding: 0px; }

#week-num .vip-dialog { border-radius: 8px; }

#week-num .vip-dialog .el-dialog__header { text-align: center; }

#week-num .vip-dialog .el-dialog__header .el-dialog__title { font-size: 18px; font-weight: 600; color: rgb(51, 51, 51); }

#week-num .vip-dialog .el-dialog__body { padding: 10px 20px 20px; }

#week-num .vip-dialog .el-dialog__body .remarks { font-size: 16px; color: red; margin-bottom: 10px; }

#week-num .vip-dialog .el-dialog__body .remarks.mb-11 { margin-top: 20px; }

#week-num .vip-dialog .el-dialog__body .el-table__header-wrapper th { line-height: 40px; padding: 0px; background-color: rgb(242, 246, 252); border-bottom: 1px solid rgb(235, 238, 245); height: 40px !important; }

.el-tooltip__popper.is-dark { max-width: 554px; }

[data-v-46b5201e] .el-dialog__body, [data-v-46b5201e] .el-dialog__header { padding: 0px; }

[data-v-46b5201e] .el-dialog { border-radius: 24px; }

[data-v-46b5201e] .el-form-item { border-radius: 20px; }

.dialog-container[data-v-46b5201e] { position: relative; }

.dialog-container .close[data-v-46b5201e] { position: absolute; top: 0px; right: -90px; cursor: pointer; width: 40px; height: 40px; }

.dialog-container .bg[data-v-46b5201e] { width: 971px; height: 820px; background: rgb(255, 255, 255); border-radius: 17px; }

#vip-material .main-wrap { padding: 30px; background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; margin-bottom: 10px; }

#vip-material .main-wrap .class-info { font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); }

#vip-material .main-wrap .class-info span { margin-right: 60px; }

#vip-material .main-wrap .level-wrap { display: flex; -webkit-box-align: center; align-items: center; font-size: 14px; color: rgb(51, 51, 51); line-height: 14px; margin-top: 25px; margin-bottom: -10px; }

#vip-material .main-wrap .level-wrap .orange { color: rgb(255, 92, 1); }

#vip-material .main-wrap .level-wrap .gray { color: rgb(153, 153, 153); }

#vip-material .main-wrap .level-wrap .blue { color: rgb(0, 135, 255); cursor: pointer; }

#vip-material .main-wrap .level-wrap .mr-20 { margin-right: 20px; }

#vip-material .main-wrap .level-wrap .icon { width: 14px; height: 14px; margin-left: 5px; }

#vip-material .main-wrap .level-wrap .hover { display: flex; -webkit-box-align: center; align-items: center; cursor: pointer; }

#vip-material .main-wrap .level-wrap .hover:hover { color: rgb(0, 135, 255); }

#vip-material .main-wrap .title-wrap { display: flex; -webkit-box-align: center; align-items: center; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

#vip-material .main-wrap .title-wrap span { display: block; width: 5px; height: 16px; margin-right: 8px; background: rgb(0, 135, 255); border-radius: 5px; }

#vip-material .main-wrap .title-wrap button { width: 110px; height: 28px; margin-left: 30px; border-radius: 4px; border: 1px solid rgb(220, 222, 227); font-size: 14px; }

#vip-material .main-wrap .title-tip { margin: 0px 0px 0px 30px; }

.el-tooltip__popper.substitute { width: 600px; color: rgb(102, 102, 102); font-size: 14px; line-height: 23px; }

.select[data-v-6741bfec] { margin-top: -10px; }

.select[data-v-6741bfec] .el-input__inner { height: 28px !important; }

.select[data-v-6741bfec] .el-input__suffix { right: 5px !important; }

#login { background: url("/student/static/img/logo-bg.54f89a0.png") 50% center no-repeat rgb(242, 247, 251); }

#login .main-wrap.login { padding-bottom: 200px; }

#login .main-wrap.login .block { width: 324px; padding: 30px 30px 8px; margin: 113px auto 60px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; border-radius: 8px; }

#login .main-wrap.login .block.logincode { height: 422px; }

#login .main-wrap.login .block.register { height: 447px; }

#login .main-wrap.login .block.forget { height: 470px; }

#login .main-wrap.login .block.third { height: 500px; }

#login .main-wrap.login .block.thirdsecond { height: 307px; }

#login .main-wrap.login .block .title { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 30px; }

#login .main-wrap.login .block .title span:first-child { font-size: 18px; font-weight: 600; color: rgb(51, 51, 51); }

#login .main-wrap.login .block .title span { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#login .main-wrap.login .block .information { color: rgb(153, 153, 153); }

#login .main-wrap.login .block .information .el-input.is-disabled .el-input__inner { color: rgb(102, 102, 102); }

#login .main-wrap.login .block .information .el-input .el-input__inner { height: 48px; }

#login .main-wrap.login .block .information .el-form-item.forget-btn .el-form-item__content { line-height: 64px; }

#login .main-wrap.login .block .information .el-form-item.login-btn .el-form-item__content { line-height: 33px; }

#login .main-wrap.login .block .information .el-input .el-input__inner { padding: 0px 20px; }

#login .main-wrap.login .block .information .el-input .el-input__suffix { right: 20px; }

#login .main-wrap.login .block .information .el-input.code-input.img-code .el-input-group__append { padding: 0px 12px 0px 13px; }

#login .main-wrap.login .block .information .el-input.code-input .el-input-group__append { width: 70px; border-left: none; }

#login .main-wrap.login .block .information .el-input.code-input .el-input-group__append .code-has.is-disabled { background-color: rgb(245, 247, 250); }

#login .main-wrap.login .block .information .el-input.code-input .el-input-group__append img { width: 85px; height: 42px; }

#login .main-wrap.login .block .information .el-input__clear { line-height: 50px !important; }

#login .main-wrap.login .block .information .checkbox { position: relative; height: 30px; }

#login .main-wrap.login .block .information .checkbox span.pwd { position: absolute; right: 0px; }

#login .main-wrap.login .block .information .checkbox .el-form-item__content { margin-top: -10px; }

#login .main-wrap.login .block .information .checkbox .el-checkbox { height: 20px; color: rgb(153, 153, 153); }

#login .main-wrap.login .block .information .checkbox .el-checkbox .el-form-item__content { line-height: 33px; }

#login .main-wrap.login .block .information .checkbox .el-checkbox .el-checkbox__label { color: rgb(153, 153, 153); }

#login .main-wrap.login .block .information .checkbox .el-checkbox .el-checkbox__inner { border-radius: 7px; }

#login .main-wrap.login .block .information .checkbox .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner, #login .main-wrap.login .block .information .checkbox .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner { background: rgb(33, 199, 79); border-color: rgb(33, 199, 79); }

#login .main-wrap.login .block .information .checkbox .el-checkbox .el-checkbox__input .el-checkbox__inner:hover, #login .main-wrap.login .block .information .checkbox .el-checkbox .el-checkbox__input.is-focus .el-checkbox__inner { border-color: rgb(33, 199, 79); }

#login .main-wrap.login .block .information .checkbox.register .el-form-item__content { margin-top: -10px; line-height: 35px; }

#login .main-wrap.login .block .information .checkbox.register .el-form-item__content .el-form-item__error { top: 25px; }

#login .main-wrap.login .block .information .checkbox.register .el-form-item__content .el-checkbox__label { font-size: 12px; font-weight: 400; color: rgb(51, 51, 51); }

#login .main-wrap.login .block .information .checkbox.register .el-form-item__content .el-checkbox__label span { color: rgb(0, 135, 255); }

#login .main-wrap.login .block .information .el-form-item.other-info { margin-top: -8px; }

#login .main-wrap.login .block .information .el-form-item.thirdText .el-form-item__content { margin-top: -10px; height: 40px; line-height: 20px; }

#login .main-wrap.login .block .information .el-form-item__content .el-form-item__error { color: rgb(255, 94, 1); }

#login .main-wrap.login .block .information .el-form-item.is-error .el-input__inner { border-color: rgb(255, 94, 1); }

#login .main-wrap.login .block .other-info { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 14px; }

#login .main-wrap.login .block .other-info span { height: 11px; margin: 0px 20px; border-right: 1px solid rgb(204, 204, 204); }

#login .main-wrap.login .block .other-info i { font-size: 20px; color: rgb(204, 204, 204); }

#login .main-wrap.login .block .other-info i:first-of-type { margin-right: 16px; }

#login .forget-btn .el-button, #login .login-btn .el-button, #login .register-btn .el-button { margin-top: -20px; width: 324px; height: 40px; background: rgb(0, 135, 255); }

#test-audio .content-wrap { display: flex; width: 1198px; margin: 0px auto; padding-top: 72px; background: rgb(237, 241, 247); }

#test-audio .content-wrap .content { width: 1200px; }

.test-device .content-wrap[data-v-38f69cfa] { display: flex; width: 1198px; margin: 0px auto; padding-top: 72px; background: rgb(237, 241, 247); }

.test-device .content-wrap .content[data-v-38f69cfa] { width: 1200px; }

#week-delay .main-wrap { background-color: rgb(255, 255, 255); padding: 30px; min-height: 650px; border-radius: 8px; }

#week-delay .main-wrap .el-tabs__item { font-size: 20px; font-weight: 600; line-height: 28px; }

#once-delay .main-wrap { background-color: rgb(255, 255, 255); padding: 30px 30px 60px; border-radius: 8px; }

#once-delay .main-wrap .el-tabs__item { font-size: 20px; font-weight: 600; line-height: 28px; }

#month-leave .main-wrap { background-color: rgb(255, 255, 255); padding: 30px; min-height: 650px; border-radius: 8px; }

#month-leave .main-wrap .el-tabs__item { font-size: 20px; font-weight: 600; line-height: 28px; }

#my-points .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 650px; }

#my-points .main-wrap .table-title { padding-top: 30px; position: relative; }

#my-points .main-wrap .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#my-points .main-wrap .table-title .title-right { position: absolute; right: 0px; }

#my-points .main-wrap .link-color { color: rgb(0, 135, 255); cursor: pointer; font-size: 14px; }

#my-points .main-wrap .tips-block { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 30px 0px 20px; margin-top: 12px; height: 72px; color: rgb(102, 102, 102); font-size: 14px; background-color: rgb(251, 251, 251); }

#my-points .main-wrap .tips-block > div, #my-points .main-wrap .tips-block > div img, #my-points .main-wrap .tips-block > div span { vertical-align: middle; }

#my-points .main-wrap .tips-block > div .num { font-size: 20px; font-weight: 500; color: rgb(255, 94, 1); margin: 0px 20px 0px 5px; }

#my-points .main-wrap .tips-block button { width: 96px; height: 40px; background: rgb(0, 135, 255); border-radius: 8px; color: rgb(255, 255, 255); }

#my-points .main-wrap .recommend-block { margin: 30px 0px; }

#my-points .main-wrap .recommend-block .point-content { margin-top: 23px; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

#my-points .main-wrap .recommend-block .point-content > div { width: 291px; height: 84px; text-align: center; }

#my-points .main-wrap .recommend-block .point-content > div:first-child { background: url("data:image/png;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABI6ADAAQAAAABAAAAVAAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/8AAEQgAVAEjAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMAAgICAgICAwICAwUDAwMFBgUFBQUGCAYGBgYGCAoICAgICAgKCgoKCgoKCgwMDAwMDA4ODg4ODw8PDw8PDw8PD//bAEMBAgICBAQEBwQEBxALCQsQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEP/dAAQAE//aAAwDAQACEQMRAD8A/dyiiivUPPCiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAP/0P3cooor1DzwooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACkJAGTxVWa6C/LHyfXtVFmd/mck5rWNJvcynVSNM3EI6tQLiE/xVUjtS6hi2M+1ONmez/pT5Ydxc0+xeDK3KkH6UtZTQzRfN6dxU0V0R8svI9aTpdUNVejL9FICCMjoaWsjU//0f3cooor1DzwooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKp3U2392vU9atMwVSx7VmRKZpfm+prWlFbsyqS6Ilgt93zv07D1ovMBlA9K0Kz7z76/SqhJuRM4pRLcH+qX6U55EjGWNUvtOyNUTqB1qrne2XPXvQqV3dg6qSsieS4eU7V4B7DvSi1kKFjwfSrcMcSrlOfep6TqW0iNU76yMXc68AkYpfMf+8fzrSa3idix6mm/ZYvf8609tEj2Mu5//9L93KKKK9Q88KKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAK10cRY9TiqcEwiJyMg1bu/9UPrUEEKSxnPBB610Qty6nPO/NoXkkSQZU5qjef6wfSo3ilhO4dPUVHJI0hBbqBinCFndCnU0s0WoLZWXfJ36CpJLVCv7vg1LAwaJcdhj8qlJCgk8AVnKcrmsYRsY6SPGcqcVoxXCScHhqoLh5hkcMamltWX5o+R6d61movRmMG1qjRorJFxMoxu6Uv2mb+9+grP2DNPbI//0/3cooor1DzwooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAinXfEwHXr+VU7R8OUP8X9K0ay54zFJleh5FbU9U4mNTRqRqVVktUflPlP6VJFMsibicEdary3X8MX51MIyvoVNxtqVj5kD4zg+1BeWYhclvanxQPKdzcD1PetFI0jGFFbSqJeplGm36GZCMTKPQ1rVlRc3A+tabuqKWY4AqK2rRdHYQxxk5Kgn6UnlRf3B+VZzXEjMSGwPSm+dL/fNHsZdxOtHsf//U/dyiiivUPPCiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigApkiK6FWp9IehpoTMSrlrEj5ZhnBqnWhZ/cb6111XoclJe8XKKKK4zsMqD/Xj6mmyyPI3zHp2p8H/AB8D6moD1NdtveONv3S3Fbo6BjnJqT7LH6mnwf6palqG3c1jFWP/2Q==") no-repeat; }

#my-points .main-wrap .recommend-block .point-content > div:nth-child(2) { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASMAAABUCAYAAADJcFHgAAAAAXNSR0IArs4c6QAACyhJREFUeAHtnVt32jgUhQU2EMit03mZ//84/61pm6QBQgyzt1wZXyTbNFxkZivLwciyLH/Gex0d3Ua7f80/RkEEREAELkxgfOHr6/IiIAIiYAlIjPRDEAERiIKAxCiKx6BCiIAISIz0GxABEYiCgMQoisegQoiACEiM9BsQARGIgoDEKIrHoEKIgAhIjPQbEAERiIKAxCiKx6BCiIAISIz0GxABEYiCgMQoisegQoiACEiM9BsQARGIgoDEKIrHoEKIgAhIjPQbEAERiIKAxCiKx6BCiIAISIz0GxABEYiCgMQoisegQoiACEiM9BsQARGIgoDEKIrHoEKIgAhIjPQbEAERiIKAxCiKx6BCiIAIpEIgAiIgApbA3CRmZ6bm3aTmA1tqxvgb2e0Dn1scHeM/P9cmM3dItcVmcEaGuE8GidEnAep0ERg0gRXE5y8zg7hMsSXFvThl2CKGGwOFySAN61NzSFWG81xIzQYxK/PL5uLOcEd7fbpL9kqsRCIgAldCYGJuICa3ZgFxWR/hnrZmAvtogr972EorCNYv5JodkrPE6BBaSisCQyeQwJrZoYKVlaygY99TCqEz2GZmaV4hSklhW7VeSWLUikcHReBKCCSoRG1gtYxhu5wrrFGZm0OUduYN16al1BokRq14dFAEroAAq2QjCNHO+nzOe0N0fBtUB1Prk/rZZiVJjM77aHQ1ETgvgRmqZBt4hg4LGfw+G1g1W0hJBptmh70dbKoxxGQEWUnMC7YbSMzWurO7c6dPaQJX+cY848yN7wSJkY+K4kRg6AQyiMTIPOK171cto/gs4HhewQ1NxzNbzJxjm21srp2NLuklNioHG/UNpGlsW9Wm2Hep7AHPv8QK0hZSludSSSIxquDQFxG4EgKJ+QKR6H6/XcvXGAK0+qN7f4d1RAEzEJq8ha5LlMaoMuaN/5S1IqgHdoFCOyJwJQTWsIi6hOgdAjIyT0j3jLs+qAk+SGkDOduab7CVXpBve18jChL7OJWCxKgEQ7siMHgCEziL56XOiL4bolik5gckKK9o+dJ8Jm6FitzaCp3XN1RkfWcesF9U7SRGBRntiMDACeyrSf4byYdy/IBFUqke+RN/MpZ9iz7Md9vXKJQVnd9jVCfpFEeQGIVAKV4EhkSALmf2IwoH2kHfcTj374TTHffIElYYLbFwSHD8joclRmFIOiICwyFwh+pZPnasWWY2y4/MTxw4jm+oeYX2mNwSC1tjeefIRGLUjlFHRSB+Ahxtzxc6FBI4qU/lHwpdsx7P5nz2ww6FF3MvMQrBUbwIDIUAXuRgUUcYHZYVPYaCyc5y4BZO85B1NjVTidFZnoIuIgInI4DXuNpEXrpSBiF6K32/7C7nPKI4BoLEKABG0SIwCAJt1bOWF/9i90Yrja52T5AYeaAoSgQGQYBN4vcBq4jDO2KpntVhrv3WkcSoDkrfRWAoBDgmLB8V3yzxJKLqWb10HChLsawFiVENiL6KwGAIpIFBsCl8M29n7k90KDQOyq0FiVENiL6KwGAIcN5qX+C4M87nGHPIZweolFBiVMGhLyIwEAJrO4SiGNdVKfUkkqb8SqEaXzJIZqUTpsSowUgRIjAAAlxIKBQ4wewQwn21KikxGsJDUxlFoE7gZj/avX4IXQvbp+9onHChCK66VgoSoxIM7YrAYAj8HuneKC/HocXuL3KFrq0aIjFyYPQpAtdAoGtSs5jucSPLKKbHobKIwJ8R2FgHdvNcWkZd4cZOtf+Ait4CLuTjGSS01pjnFpOm9cm7tiR22AnWdUM6LgIicDkCE4iOb2YiTiNS8cTUiphihQ6u/Mo3n7I1gTBtMM9RrcpUO6v7K1v3Zsib092W8+bUtjXRKTKjEJaksLRbJNGOCIhA7ARCL3hafr0bN8HFh+qrhdCeeWykPDQi8c67za4H4alNbnHlUpAYlWBoVwQGQ+AtUB3j8JCQc5vrnvkCe3JvYdX8SZWN1/rA1LGhmQO4xloo1K7nL1zoZMWLgAjEQSAw8t0WrrbqRlFgzkodChSkmfmKxYbm6DJZsVhCp9i0O5wTEiKeuGu5Zq0HuXxGQdI6IAIRE6CPJ59gv2lQLOC12Xh6Yeej+D9wnv+9Z47vmAfgFn8cUrJALi+/rzO1lhgXYRxjAtspUkyQonntKrIMaVcQOX+olcNfKP+pihUBEYiJAIdT+HxEtDjGWJTaHzgX9hds4eoTRSmF3fOOzQmJa6Oj05xeoDYnOQ4jB7br/cT57kzG7kOCK3CqtVLoUrZSUu2KgAhERSA0Bi0fzR8SmwwyEZ7+9Rg3mAtR+7psFLtakBjVgOirCAyIgK9xPy9+Utg0vtvJbHN+mw/Jd1a/uAwVuO+w2cL+KeazaZZPYtQPsFKJQHwE8he+MvK9KOSupUmdifJ+RU+wT4JzUhd59d9ZYnnIJ2z+Mrl8cqFsWG4SIwdInyIwRAI3wdVh+bKH+/i4e33DNGxb8w3WzJv187j4vp95j++lzYPLEYV8ROX81vmijeUo7suBXSei7yIwJAIvaK2a+F9uiAuHZoQXT9zfJ9vZXrH9whlTqAK9Ufyk96dusNAe20LmNjhjY1N2ObP316FFNkOODauISSRGZVDaF4GhEWB16wOC5HEI41YSVMPmONpHkIy1aihLbiJ/5/Vhv6MUmxsyQnlaY6v35e5ix3zmAeHEuXXV68pOx0VABGIjwGZ8NpT7wta+/F5LxJfcG8eqlxMib4KekQ/onRTqUgBBlRj15KhkIhAxAY5U8y/WyOEhKUbRXz5MUalbeItBIYWgSoy8dBQpAgMj8GrFyN+KxcGx85YlsE9/q+ziGBbE1HbQzCRGp38QuoIInJ4Aq1LbgHXEq3PlWfqPzh3cQNqmI9yVhAtwW6tOYuSQ6FMEhk9gCWd2eDJ+jjs7pyBRiDLMBtA2cr+0BLfEaPg/QN2BCOwJjM0z/C/hxnYK0sQ6kvfnnGYvga32FWVpa7Fn90i2y9kgMXIk9CkC10EgQ0P+S+utZBAjzkF0qsApTDijZKjljNdlhwR2kiwFiVEJhnZF4CoIsMti7UVv3BfnIOJc1ccP7Nv0iLzbtCWDRcTBupXQdkIlob6IgAgMisASnRjbOzuyo2TfidT63vrC9rCuTA3SOHUGIfL0W5IYNUgpQgQGToCOYzblswWtK3BwxjHDCjLTFdaoInpmFThuQboKoeMiIAKnJcDWspH5u5cQGVSW8u14ZVpjSrbuQOf2I4apVPxKEqNucEohAvET4CxCBq1XbC1r99e4e3GTrLnvx/mkv6rUXN+a6QJlHkM4DYas4Ky2ZrfWfHRQBEQgAgJ89b/Yl7m7SuaKy+lCntHruc90H+6cQz7ZjZHTtyUQxvam/TxXzi4wNzOJ0SGQlVYEYiIwx+s+hhSte/hpWG52iLyFDLF3j5vb+lT3k9jOl09os5vjurc9rLVEYnSqh6F8ReCUBPJpWx8gRu0tV3kZaKf8gmT1nUzkeCXnFdmx8Q6C1OFQlxgdD7tyEoFzEeCSQf2EKIEIcRDtqapkfe6YzfjsiJlBDFuqbhKjPjCVRgRiIpCv4NpuEXHdsxQCsD1DlawvG1d14zyRabPqJjHqC1LpRCAGAgs4e9v78mS2NStFpSjesETT/grFu8NWON4lRvE+MJVMBJoEVvuXt3GQ089yDdhLVskahQpEcDo4g7KuIJoLtLphHJv6GQVYKVoEoiMQWOLHlnOJl5oj9ocgRGWwXLeWw0Mw26PEqAxG+yIQMwHPwoe2uFwuaAEhGmpge9vYvEqMhvoAVe7/IwH/uC+u/5FXe4bLZGNW/wFUpyJSIC8ZsgAAAABJRU5ErkJggg==") no-repeat; }

#my-points .main-wrap .recommend-block .point-content > div:nth-child(3) { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASMAAABUCAYAAADJcFHgAAAAAXNSR0IArs4c6QAABpdJREFUeAHtnYlO6zAQRcODgvj/X0VCZX29bQ2u8ZguNLlOTqTSLE48PuNcjcdJufl8evocWCAAAQhMTODfxPVTPQQgAIEtAcSIjgABCFgQQIws3IAREIAAYkQfgAAELAggRhZuwAgIQAAxog9AAAIWBBAjCzdgBAQggBjRByAAAQsCiJGFGzACAhBAjOgDEICABQHEyMINGAEBCCBG9AEIQMCCAGJk4QaMgAAEECP6AAQgYEEAMbJwA0ZAAAKIEX0AAhCwIIAYWbgBIyAAAcSIPgABCFgQQIws3IAREIAAYkQfgAAELAggRhZuwAgIQAAxog9AAAIWBBAjCzdgBAQggBjRByAAAQsCiJGFGzACAhBAjOgDEICABQHEyMINGAEBCNyBAAIQmIDA6+swvL0Nw+fnd+U3N7v1f5sY4W5za97efh9bwBpitAAn00QzAhIifcolCdP7+zDoI1FarRYjSgzTyg7BNgSuTUAR0THLx8cwrNe7COqY8p2XQYw6dyDmL4BAGtLNvKmI0cwdTPMMCZyaC9LwTYKkSGnGC2I0Y+fSNFMC5+SBJEjHDu9Mm/2bWSSwfyPEcQj8NQHNmj087CIdiUyaRVPkk5LXtTp1bMYLYjRj59I0cwKaLcuXNKWvCOjlJT+yW0/Rkab9Z7jMs1UzdBRNWhAB5ZQULUl8yqW2Ly+j3JIiqN/K5eeYrCNGJo7ADAh8EZAQKUqqDcu0Tzmn2qLHAGrn1Moa7iviREMLMQkCSyQQzbhFM2qKhDoWIrkYMVpiR6fN/gTKfFJucU2QavvyczpYR4w6cBImLpCAxCjNspXNrwmPIqmWgJXXMNxGjAydgkkQ2BKIxKUmRjrh/j4WsA6QksDuwEmYuFACUWQU5YYkXo+Pu+eXIsFyQ6m27NuDGLk5B3sgkAjoeaLaU9dKVktsoshJ+6Nj6dou39mvFzBMc3EKdkCgJCBBOTU6Kq/hvK2IKHseCjFydha2QSCKcLKbuFtIRdSHGHXrSQxfBIFIjKK8US9QNMws2oAY9eI87FwmgWiYpsio5+ioECI5FzFaZhen1b0QiJ7Elv29zJjVWBdDNBVBjGqg2AcBFwKKjKKhWq9iVCSuE2rEKJHgGwKuBCIxqgx1XJtwYFclKtJxxOiAEhsQMCQQiZEio97yRrI3iOgQI8O+h0kQOCDQyhv1Fh0pKgoEFDE68DobEDAkoLxRNKtmaG7TpGCIprwYYtQkx0EImBCIoqOeIiNFREFUpP+eixiZ9DXMgECTQBQZ9ZQ3iqIiNRwxarqfgxDwIRBFRq1ow8f6nSVRFKcXghmmuXkLeyAQENCMWhQdRTd5cKlJdisqCmbRFBVpYZg2iWeoFAJnEGhFR2dcbtRTIsGUwO4fXUCMRvUIlUHgAgK9RkYaSkZiJIHdtwsxuqBvcCoERiUQiZFu9mgINKqBQWXZD6j9KJH9Q0rE6AcddkDAlEA0TJO50ZS5Q1MiocyGaDKTn511cBY2QOAYArp59akJT/pPssdcZ+wykRhlUZFMQozGdgz1QeASArqBa8Me3fDRTX9Jfdc6V6JaiBHDtGvB5roQuAaB/czTNS496jWzxHWqFzFKJPiGQA8EFFHMYankvxCjOTiWNiyHgCKj3qMj2Y8YLafP0tIZE+hdjIpcUfIUCexEgm8I9EJAUUX00qlu9Nps29RtS8NL2ReIKWI0tZOoHwKnEghu5u1lJFSVIdCpVUxRnpzRFNSpEwKXEFCUEQlS9NrFJfWNdC5iNBJoqoHAnxJAjP4UJxeDAATOJRCJkfJFjjmjI9pJzugISBSBgB2BVl7o+dnDXA0n9Ul5rEhA99YiRh5uwwoInEYg3eTOOaIUpek1Fb3Copm0xmwaOaPTugClIQCBcwnocYT1OnyHDjE6FyznQWBKAoqInKOiiI2ipZeXqiAhRhE09kPAmUDtzX1ne3Pb0rAt37dZR4wKIGxCwJ5A68ft7Y3fG6iorvjJExLYvTgPOyGQCLSGZ6vV7oFIDYcUPUXT/Klcuuap37IheiVFs2ZKVGtpCaeO3d/vym3+IkZfKFiBQCcEIoHRFLpEJi0ShSA/sxWp1uMB6RrRd0uIHh6+fmR/K0pKWtcEtIiMGKZFsNkPAVcCxU38ZWYpLhIjPQJQWyJBq5U9ZZ9sKOss7QquhxgFYNgNAVsC5c3eMjQqG+1vXSs/Fp1fE8pI+Ir9iFEOmHUI9EAgEoIyP6PtaDh1aTsjGzQcy4dkrdxSyivtbfkPFCxP39qRkAAAAAAASUVORK5CYII=") no-repeat; }

#my-points .main-wrap .recommend-block .point-content > div span { display: block; font-weight: 400; color: rgb(102, 102, 102); font-size: 14px; }

#my-points .main-wrap .recommend-block .point-content > div span.num { font-size: 20px; font-weight: 500; margin: 16px 0px 9px; color: rgb(255, 94, 1); }

#my-points .main-wrap .el-table { margin-bottom: 30px; }

#my-points .main-wrap .el-table .has-gutter tr th { color: rgb(51, 51, 51); background: rgb(247, 247, 247); }

#my-points .main-wrap .el-table .el-table__row td { font-weight: 400; color: rgb(51, 51, 51); }

#my-points .main-wrap .el-table .el-table__row td:nth-child(3) { color: rgb(255, 94, 1); }

#my-points .main-wrap .el-table .el-table__row td:nth-child(3) .negative { color: rgb(102, 102, 102); }

#invite-records .main-wrap { padding: 0px 30px 30px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; min-height: 650px; }

#invite-records .main-wrap .bread-wrap { padding-top: 18px; }

#invite-records .main-wrap .bread-wrap .el-breadcrumb__inner, #invite-records .main-wrap .bread-wrap .el-breadcrumb__inner.is-link { font-weight: 400; color: rgb(153, 153, 153); cursor: pointer; }

#invite-records .main-wrap .record-tip { font-size: 14px; }

#invite-records .main-wrap .record-tip span { margin: 0px 5px; color: red; }

#invite-records .main-wrap .el-table { margin: 20px 0px 30px; }

#invite-records .main-wrap .el-table .has-gutter tr th { color: rgb(51, 51, 51); text-align: center; background: rgb(247, 247, 247); }

#invite-records .main-wrap .el-table .el-table__row td { font-weight: 400; color: rgb(51, 51, 51); text-align: center; }

.check-user-info[data-v-38326ebe] { padding: 0px 30px 165px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

.check-user-info .title[data-v-38326ebe] { padding-top: 30px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

.check-user-info .tip[data-v-38326ebe] { margin-top: 10px; margin-bottom: 10px; font-size: 14px; color: rgb(255, 94, 1); }

.check-user-info .form[data-v-38326ebe] { margin-top: 20px; margin-bottom: 20px; }

.check-user-info[data-v-38326ebe] .el-input-group__append { padding: 0px; }

.check-user-info .pl-10[data-v-38326ebe] { padding-left: 10px; }

.check-user-info .pr-10[data-v-38326ebe] { padding-right: 10px; }

.check-user-info .img-code[data-v-38326ebe] { width: 91px; height: 38px; border: 0px; }

.check-user-info .btnText[data-v-38326ebe] { width: 91px; display: block; text-align: center; }

.check-user-info img[data-v-38326ebe]:not([src]), .check-user-info img[src=""][data-v-38326ebe] { opacity: 0; }

.check-user-info[data-v-38326ebe] .el-link--inner { line-height: 20px; }

.check-user-info[data-v-38326ebe] .el-input { width: 250px; }

.check-user-info .mt-5[data-v-38326ebe] { margin-top: 5px; }

.check-user-info .complete-p[data-v-38326ebe] { line-height: 25px; }

.evaluation-datebook[data-v-e56cdd9c] { position: relative; padding: 0px 0px 150px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

.evaluation-datebook .content[data-v-e56cdd9c] { padding: 0px 30px; }

.evaluation-datebook .message[data-v-e56cdd9c] { margin-top: 30px; line-height: 25px; font-size: 15px; text-align: center; color: rgb(255, 87, 78); }

.evaluation-datebook .choose-setmeal[data-v-e56cdd9c] { position: relative; width: 100%; border-bottom: 1px solid rgb(237, 241, 247); }

.evaluation-datebook .choose-setmeal .meal-title[data-v-e56cdd9c] { margin: 30px 0px; }

.evaluation-datebook .choose-setmeal .meal-title span[data-v-e56cdd9c]:first-child { position: absolute; top: 2px; display: inline-block; width: 5px; height: 16px; background: rgb(0, 135, 255); border-radius: 5px; }

.evaluation-datebook .choose-setmeal .meal-title span[data-v-e56cdd9c]:nth-child(2) { font-size: 16px; font-weight: 500; margin: 0px 20px 0px 13px; }

.evaluation-datebook .choose-setmeal .meal-title span[data-v-e56cdd9c]:nth-child(3) { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

.evaluation-datebook .choose-setmeal .meal-title .content[data-v-e56cdd9c] { margin-top: 17px; padding: 0px; }

.evaluation-datebook .choose-setmeal .meal-title .content p[data-v-e56cdd9c] { line-height: 20px; color: rgb(51, 51, 51); font-size: 14px; padding: 7px 0px; }

.evaluation-datebook .choose-setmeal .meal-title .content p .value[data-v-e56cdd9c] { margin-left: 30px; }

.evaluation-datebook .choose-setmeal .meal-title .content .tool-box[data-v-e56cdd9c] { padding: 15px 0px; }

.evaluation-datebook .choose-setmeal .meal-title .content .tool-text[data-v-e56cdd9c] { font-weight: 400; color: rgb(153, 153, 153); line-height: 20px; }

.evaluation-datebook .choose-setmeal .meal-title .content .yellow[data-v-e56cdd9c] { color: rgb(255, 94, 1); }

.evaluation-datebook .choose-setmeal .using-title[data-v-e56cdd9c] { margin: 30px 0px 24px; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

.evaluation-datebook .choose-setmeal ul.set-wrap[data-v-e56cdd9c] { display: flex; flex-wrap: wrap; }

.evaluation-datebook .choose-setmeal ul.set-wrap li[data-v-e56cdd9c] { width: 263px; height: 116px; padding: 10px; background: rgb(255, 255, 255); box-shadow: rgba(191, 191, 191, 0.5) 0px 2px 8px 0px; border-radius: 6px; margin: 0px 15px 10px 0px; }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div[data-v-e56cdd9c]:first-of-type { display: flex; -webkit-box-align: center; align-items: center; height: 90px; width: 100%; }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:first-of-type > div[data-v-e56cdd9c]:first-of-type { flex-shrink: 0; width: 52px; height: 64px; margin-right: 17px; border-radius: 6px; }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:first-of-type > div:first-of-type img[data-v-e56cdd9c] { flex-shrink: 0; width: 100%; height: 100%; border-radius: 6px; }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type span[data-v-e56cdd9c]:first-of-type { font-size: 14px; font-weight: 500; color: rgb(51, 51, 51); }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type .right[data-v-e56cdd9c] { display: flex; -webkit-box-align: center; align-items: center; margin-left: 8px; cursor: pointer; }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type .right .text[data-v-e56cdd9c] { font-size: 12px; color: rgb(151, 151, 151); line-height: 26px; }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type .right .icon[data-v-e56cdd9c] { width: 16px; height: 16px; margin-left: 2px; }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type div[data-v-e56cdd9c] { margin: 3px 0px 5px; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:first-of-type > div:last-of-type span[data-v-e56cdd9c]:last-of-type { font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div[data-v-e56cdd9c]:last-of-type { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:last-of-type .el-switch[data-v-e56cdd9c] { margin-right: 5px; }

.evaluation-datebook .choose-setmeal ul.set-wrap li > div:last-of-type span[data-v-e56cdd9c] { font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); }

.evaluation-datebook .choose-setmeal ul.set-wrap.unactivated[data-v-e56cdd9c] { padding-bottom: 20px; }

.evaluation-datebook .choose-setmeal ul.set-wrap.unactivated .unactivated-bt[data-v-e56cdd9c] { font-size: 12px; font-weight: 400; color: rgb(255, 94, 1); }

.evaluation-datebook .choose-setmeal ul.set-wrap.unactivated .unactivated-bt span[data-v-e56cdd9c] { font-size: 12px; font-weight: 400; color: rgb(255, 94, 1); margin-left: 10px; }

.evaluation-datebook .choose-setmeal ul.set-wrap.unactivated .unactivated-bt button[data-v-e56cdd9c] { width: 59px; height: 24px; background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); border-radius: 12px; font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; }

.evaluation-datebook .choose-setmeal[data-v-e56cdd9c] .el-radio .is-checked { border-color: rgb(0, 202, 111); }

.evaluation-datebook .choose-setmeal[data-v-e56cdd9c] .el-radio .el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111); background-color: rgb(0, 202, 111); }

.evaluation-datebook .choose-setmeal[data-v-e56cdd9c] .el-radio .el-radio__input.is-checked + .el-radio__label { color: rgb(51, 51, 51); }

.evaluation-datebook .choose-setmeal[data-v-e56cdd9c] .el-radio .el-radio__inner:hover { border-color: rgb(0, 202, 111); }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio { display: flex; flex-wrap: wrap; width: 920px; }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio { display: flex; -webkit-box-align: center; align-items: center; width: 261px; height: 64px; padding: 10px; margin: 0px 23px 30px 0px; background: rgb(255, 255, 255); border-radius: 7px; border: 1px solid rgb(220, 222, 227); }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label { display: flex; font-size: 14px; -webkit-box-align: center; align-items: center; }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label .package-img { margin-right: 10px; width: 52px; height: 61px; }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label .package-img img { height: 100%; width: 100%; border-radius: 7px; }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label dt { margin-top: 1px; font-weight: 500; color: rgb(51, 51, 51); }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row .right { display: flex; -webkit-box-align: center; align-items: center; margin-left: 8px; cursor: pointer; }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row .right .text { font-size: 12px; color: rgb(151, 151, 151); line-height: 26px; }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row .right .icon { width: 16px; height: 16px; margin-left: 2px; }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label .meal-name-row .meal-name { -webkit-box-flex: 1; flex: 1 1 0%; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: rgb(51, 51, 51); }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label .meal-time { font-weight: 400; color: rgb(153, 153, 153); margin: 8px 0px 9px; }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.el-radio span.el-radio__label .meal-date { font-weight: 400; color: rgb(153, 153, 153); }

.evaluation-datebook .choose-setmeal div[data-v-e56cdd9c] .el-radio-group.package-radio label.is-checked { border-color: rgb(0, 135, 255); background: rgba(0, 135, 255, 0.05); }

.evaluation-datebook .teacher-timetable .timetable[data-v-e56cdd9c] { display: flex; margin-bottom: 30px; }

.evaluation-datebook .teacher-timetable .timetable .student-type[data-v-e56cdd9c] { width: 888px; box-sizing: border-box; display: flex; flex-wrap: wrap; border-right: 1px solid rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); }

.evaluation-datebook .teacher-timetable .timetable .student-type li[data-v-e56cdd9c] { display: block; width: 110px; box-sizing: border-box; height: 48px; border-left: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); line-height: 49px; text-align: center; cursor: pointer; }

.evaluation-datebook .teacher-timetable .timetable .student-type li.batch[data-v-e56cdd9c] { width: 189px; background: rgb(0, 135, 255); border-top: 1px solid rgb(238, 238, 238); font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); }

.evaluation-datebook .teacher-timetable .timetable .student-type li.batch i[data-v-e56cdd9c] { font-size: 20px; vertical-align: -2px; }

.evaluation-datebook .teacher-timetable .timetable .student-type li.block[data-v-e56cdd9c] { cursor: not-allowed; color: rgb(51, 51, 51); background: rgb(237, 241, 247); }

.evaluation-datebook .teacher-timetable .timetable .student-type li.allow[data-v-e56cdd9c] { background: rgb(255, 170, 0); color: rgb(51, 51, 51); }

.evaluation-datebook .choose-teacher-time .choose-time[data-v-e56cdd9c] { display: flex; width: 100%; height: 60px; background: rgb(241, 250, 255); margin: 10px 0px 20px; }

.evaluation-datebook .choose-teacher-time .choose-time .oneday[data-v-e56cdd9c] { width: 44px; height: 40px; padding: 10px 8px; background: rgb(241, 250, 255); border-top: 1px solid rgb(220, 222, 227); border-bottom: 1px solid rgb(220, 222, 227); border-left: 1px solid rgb(220, 222, 227); border-image: initial; border-right: none; text-align: center; font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); cursor: pointer; }

.evaluation-datebook .choose-teacher-time .choose-time .oneday[data-v-e56cdd9c]:last-child { border-right: 1px solid rgb(220, 222, 227); }

.evaluation-datebook .choose-teacher-time .choose-time .oneday span[data-v-e56cdd9c] { display: block; margin-top: 5px; }

.evaluation-datebook .choose-teacher-time .choose-time .active[data-v-e56cdd9c] { color: rgb(255, 255, 255); background: rgb(0, 135, 255); }

.evaluation-datebook .choose-teacher-time .reminder[data-v-e56cdd9c] { position: relative; width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: rgb(153, 153, 153); margin: 15px 0px; }

.evaluation-datebook .choose-teacher-time .reminder .reminder-word[data-v-e56cdd9c] { font-size: 18px; font-weight: 500; color: rgb(0, 135, 255); line-height: 25px; }

.evaluation-datebook .choose-teacher-time .reminder .reminder-graphic[data-v-e56cdd9c] { display: flex; position: absolute; top: 0px; right: 0px; height: 20px; width: 240px; color: rgb(51, 51, 51); }

.evaluation-datebook .choose-teacher-time .reminder .reminder-graphic .graphic-block[data-v-e56cdd9c] { margin-right: 20px; }

.evaluation-datebook .choose-teacher-time .reminder .reminder-graphic .graphic-block span[data-v-e56cdd9c] { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background-color: rgb(220, 222, 227); margin-right: 10px; }

.evaluation-datebook .choose-teacher-time .reminder .reminder-graphic .graphic-block:nth-child(2) span[data-v-e56cdd9c] { width: 12px; height: 12px; background: rgb(255, 170, 0); }

.evaluation-datebook .choose-teacher-time .reminder .reminder-graphic .graphic-block[data-v-e56cdd9c]:nth-child(3) { margin-right: 0px; }

.evaluation-datebook .choose-teacher-time .reminder .reminder-graphic .graphic-block:nth-child(3) span[data-v-e56cdd9c] { background: rgb(0, 135, 255); }

.info-dialog .el-dialog[data-v-e56cdd9c] { max-height: 700px; overflow-y: auto; border-radius: 8px; }

.info-dialog .el-dialog .el-dialog__title[data-v-e56cdd9c] { font-weight: 600; }

.info-dialog .el-dialog .el-dialog__body[data-v-e56cdd9c] { padding: 10px 0px 0px 25px; }

.info-dialog .el-dialog .el-dialog__body .info-dialog-content[data-v-e56cdd9c] { line-height: 22px; max-height: 500px; overflow-y: auto; padding-right: 25px; margin-bottom: 20px; }

.info-dialog .el-dialog .el-dialog__body .info-dialog-content img[data-v-e56cdd9c] { max-width: 100%; }

.check-user-info[data-v-4e7816aa] { padding: 0px 30px 165px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

.check-user-info .title[data-v-4e7816aa] { padding-top: 30px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

.check-user-info .tip[data-v-4e7816aa] { margin-top: 10px; margin-bottom: 10px; font-size: 14px; color: rgb(255, 94, 1); }

.check-user-info .form[data-v-4e7816aa] { margin-top: 20px; margin-bottom: 20px; }

.check-user-info .form[data-v-4e7816aa] .el-input.is-disabled .el-input__inner { background-color: rgb(245, 247, 250); border-color: rgb(228, 231, 237); color: rgb(96, 98, 102); cursor: not-allowed; }

.check-user-info[data-v-4e7816aa] .el-input-group__append { padding: 0px; }

.check-user-info .pl-10[data-v-4e7816aa] { padding-left: 10px; }

.check-user-info .pr-10[data-v-4e7816aa] { padding-right: 10px; }

.check-user-info .img-code[data-v-4e7816aa] { width: 91px; height: 38px; border: 0px; }

.check-user-info .btnText[data-v-4e7816aa] { width: 91px; display: block; text-align: center; }

.check-user-info img[data-v-4e7816aa]:not([src]), .check-user-info img[src=""][data-v-4e7816aa] { opacity: 0; }

.check-user-info[data-v-4e7816aa] .el-link--inner { line-height: 20px; }

.check-user-info[data-v-4e7816aa] .el-input { width: 250px; }

.check-user-info .mt-5[data-v-4e7816aa] { margin-top: 5px; }

.check-user-info .complete-p[data-v-4e7816aa] { line-height: 25px; }

.check-user-info[data-v-32ac5268] { padding: 0px 30px 165px; margin-bottom: 40px; background: rgb(255, 255, 255); border-radius: 8px; }

.check-user-info .title[data-v-32ac5268] { padding-top: 30px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

.check-user-info .tip[data-v-32ac5268] { margin-top: 10px; margin-bottom: 10px; font-size: 14px; color: rgb(255, 94, 1); }

.check-user-info .form[data-v-32ac5268] { margin-top: 20px; margin-bottom: 20px; }

.check-user-info .form[data-v-32ac5268] .el-input.is-disabled .el-input__inner { background-color: rgb(245, 247, 250); border-color: rgb(228, 231, 237); color: rgb(96, 98, 102); cursor: not-allowed; }

.check-user-info[data-v-32ac5268] .el-input-group__append { padding: 0px; }

.check-user-info .pl-10[data-v-32ac5268] { padding-left: 10px; }

.check-user-info .pr-10[data-v-32ac5268] { padding-right: 10px; }

.check-user-info .img-code[data-v-32ac5268] { width: 91px; height: 38px; border: 0px; }

.check-user-info .btnText[data-v-32ac5268] { width: 91px; display: block; text-align: center; }

.check-user-info img[data-v-32ac5268]:not([src]), .check-user-info img[src=""][data-v-32ac5268] { opacity: 0; }

.check-user-info[data-v-32ac5268] .el-link--inner { line-height: 20px; }

.check-user-info[data-v-32ac5268] .el-input { width: 250px; }

.check-user-info .mt-5[data-v-32ac5268] { margin-top: 5px; }

.check-user-info .complete-p[data-v-32ac5268] { line-height: 25px; }

#teacher-medal { background-color: rgb(255, 255, 255); padding-bottom: 220px; }

#teacher-medal .banner { background: url("/student/static/img/teacher-medal-banner.66842a1.png") 50% center no-repeat; height: 1012px; min-width: 1200px; width: 100%; }

#teacher-medal .content { width: 1200px; margin: -230px auto 0px; }

#teacher-medal .content .title-tab ul { display: flex; -webkit-box-pack: justify; justify-content: space-between; font-size: 20px; font-weight: 400; color: rgb(255, 255, 255); word-break: normal; }

#teacher-medal .content .title-tab ul li { text-align: center; width: 50%; line-height: 28px; }

#teacher-medal .content .title-tab ul li.active { color: rgb(246, 216, 89); }

#teacher-medal .content .title-tab ul li .checked-line { margin: 12px auto 0px; width: 56px; height: 10px; background: rgb(246, 216, 89); border-radius: 5px; opacity: 1; }

#teacher-medal .content .title-tab ul li:hover { cursor: pointer; color: rgb(246, 216, 89); }

#teacher-medal .content .title { margin-top: 140px; font-size: 36px; font-weight: 500; color: rgb(0, 0, 0); line-height: 42px; text-align: center; }

#teacher-medal .content .title p { margin-top: 10px; }

#teacher-medal .content .teacher-list ul { display: flex; flex-wrap: wrap; margin-top: 55px; }

#teacher-medal .content .teacher-list ul li { margin: 0px 0px 50px 44px; }

#teacher-medal .content .teacher-list ul li img { width: 180px; height: 225px; border: 2px solid rgb(246, 216, 89); border-radius: 8px; object-fit: cover; }

#teacher-medal .content .teacher-list ul li p { display: block; width: 192px; min-height: 65px; word-break: normal; text-align: center; margin-top: 25px; font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); }

#teacher-medal .content .teacher-list ul.list-center { -webkit-box-pack: center; justify-content: center; }

#teacher-medal .content .teacher-list .empty-text { margin: 100px 0px; }

#teacher-medal .content .teacher-list .empty-text p { text-align: center; color: rgb(102, 102, 102); font-size: 20px; }

#teacher-medal .content .teacher-list .loading-text { font-size: 20px; color: rgb(102, 102, 102); text-align: center; margin-bottom: 50px; }

#teacher-medal .content .tips { text-align: center; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); margin-bottom: 6px; }

#teacher-medal .content .tips:last-child { margin-bottom: 40px; }

.swiper-pagination { display: none; }

.course-ware[data-v-3cdd35b9] { width: 100%; height: 100vh; overflow: hidden; }

.disable[data-v-3cdd35b9] { opacity: 0.3 !important; }

.swiper-zoom-container[data-v-3cdd35b9] { -webkit-box-align: start; align-items: flex-start; }

.swiper-button-next[data-v-3cdd35b9], .swiper-button-prev[data-v-3cdd35b9] { width: 100px; height: 100px; background-color: rgb(96, 98, 102); border-radius: 50%; opacity: 0.8; color: rgb(255, 255, 255); border: none; outline: none; }

.current-page[data-v-3cdd35b9] { font-family: "PingFang SC"; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 40px; position: fixed; bottom: 100px; left: 50%; transform: translateX(-50%); height: 80px; background: rgba(102, 102, 102, 0.5); text-align: center; min-width: 180px; white-space: nowrap; border-radius: 200px; pointer-events: auto; color: rgba(254, 254, 254, 0.8); }

.swiper-container[data-v-3cdd35b9] { height: 100vh; width: 100%; margin: 0px; padding: 0px; user-select: none; }

.swiper-slide img[data-v-3cdd35b9] { width: 100%; height: auto; padding-top: 100px; }

.picUrl[data-v-3cdd35b9] { max-height: 100vh; max-width: 100%; }

.home[data-v-3cdd35b9] { width: 100%; min-height: 100vh; margin: 0px; padding: 0px; background: rgb(61, 61, 61); user-select: none; }

.static[data-v-3cdd35b9] { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; min-height: 100vh; }

.icon[data-v-3cdd35b9] { font-size: 16px; color: rgb(255, 255, 255); }

.docControlBox[data-v-3cdd35b9] { width: max-content; min-width: 100px; max-width: 260px; height: 36px; line-height: 36px; padding: 4px 15px; background: rgba(102, 102, 102, 0.5); border-radius: 27px; position: fixed; left: 0px; right: 0px; bottom: 40px; margin: auto; pointer-events: auto; -webkit-box-pack: center; justify-content: center; color: rgba(254, 254, 254, 0.8); }

.docControlBox .pageControl[data-v-3cdd35b9] { float: left; }

.docControlBox .pageControl .docPageTotalBox[data-v-3cdd35b9] { padding-left: 10px; cursor: default; text-align: center; min-width: 50px; float: left; pointer-events: none; white-space: nowrap; }

.docControlBox .pageControl .docBtnBg[data-v-3cdd35b9] { width: 36px; height: 36px; line-height: 36px; text-align: center; background: rgba(102, 102, 102, 0.5); border-radius: 21px; float: left; cursor: pointer; position: relative; }

.docControlBox .zoomBox[data-v-3cdd35b9] { float: left; }

.docControlBox .zoomBox .docBtnBg[data-v-3cdd35b9] { width: 36px; height: 36px; line-height: 36px; text-align: center; background: rgba(102, 102, 102, 0.5); border-radius: 21px; float: left; cursor: pointer; position: relative; }

.docControlBox .zoomBox .zoomBtn[data-v-3cdd35b9] { margin-left: 10px; }

.swipe-hint[data-v-3cdd35b9] { position: fixed; left: 0px; right: 0px; bottom: 180px; margin: auto; width: 420px; height: 105px; background: rgba(0, 0, 0, 0.6); border-radius: 52.5px; z-index: 1000; pointer-events: none; }

.swipe-hint .hint-content[data-v-3cdd35b9], .swipe-hint[data-v-3cdd35b9] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.swipe-hint .hint-content[data-v-3cdd35b9] { color: rgb(255, 255, 255); }

.swipe-hint .hint-content i[data-v-3cdd35b9] { font-size: 42px; color: rgb(255, 255, 255); }

.swipe-hint .hint-content i.el-icon-d-arrow-left[data-v-3cdd35b9] { margin-right: 18px; }

.swipe-hint .hint-content i.el-icon-d-arrow-right[data-v-3cdd35b9] { margin-left: 18px; }

.swipe-hint .hint-content i.anim-active.el-icon-d-arrow-left[data-v-3cdd35b9] { animation: 1.5s ease 0s infinite normal none running arrowAnimation-data-v-3cdd35b9; }

.swipe-hint .hint-content i.anim-active.el-icon-d-arrow-right[data-v-3cdd35b9] { animation: 1.5s ease 0s infinite normal none running arrowAnimation2-data-v-3cdd35b9; }

.swipe-hint .hint-content span[data-v-3cdd35b9] { font-size: 36px; color: rgb(255, 255, 255); }

@-webkit-keyframes fadeIn-data-v-3cdd35b9 { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn-data-v-3cdd35b9 { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes arrowAnimation-data-v-3cdd35b9 { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(-12px); }
  100% { transform: translateX(0px); }
}

@keyframes arrowAnimation-data-v-3cdd35b9 { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(-12px); }
  100% { transform: translateX(0px); }
}

@-webkit-keyframes arrowAnimation2-data-v-3cdd35b9 { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(12px); }
  100% { transform: translateX(0px); }
}

@keyframes arrowAnimation2-data-v-3cdd35b9 { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(12px); }
  100% { transform: translateX(0px); }
}

@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color: #007aff; }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translateZ(0px); }

.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper { flex-flow: column wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; }

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }

.swiper-container-pointer-events { touch-action: pan-y; }

.swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; transition-property: transform, height, -webkit-transform; }

.swiper-container-3d { perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }

:root { --swiper-navigation-size: 44px; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/44*27); height: var(--swiper-navigation-size); margin-top: calc(-1*var(--swiper-navigation-size)/2); z-index: 10; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: normal; line-height: 1; text-transform: none !important; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; }

.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after { content: "prev"; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }

.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after { content: "next"; }

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff; }

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000; }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translateZ(0px); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: rgb(0, 0, 0); opacity: 0.2; }

button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color,var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; }

.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; }

.swiper-pagination-white { --swiper-pagination-color: #fff; }

.swiper-pagination-black { --swiper-pagination-color: #000; }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s linear 0s infinite normal none running swiper-preloader-spin; box-sizing: border-box; border-radius: 50%; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 4px solid transparent; }

.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }

@-webkit-keyframes swiper-preloader-spin { 
  100% { transform: rotate(1turn); }
}

@keyframes swiper-preloader-spin { 
  100% { transform: rotate(1turn); }
}

.swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0px; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; }

.swiper-container-cube .swiper-cube-shadow::before { content: ""; background: rgb(0, 0, 0); position: absolute; inset: 0px; filter: blur(50px); }

.swiper-container-flip { overflow: visible; }

.swiper-container-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }

#sider { margin-bottom: 60px; margin-right: 20px; }

#sider .a { text-decoration: none; color: inherit; display: block; }

#sider .sider-wrap { width: 223px; margin-bottom: 30px; }

#sider .sider-wrap ul.el-menu { padding: 20px 0px 10px; border-radius: 8px; border-right: 0px; }

#sider .sider-wrap ul.el-menu .sider-title { font-size: 20px; height: 40px; padding: 0px 20px; font-weight: 600; }

#sider .sider-wrap ul.el-menu .iconjiantou11 { position: absolute; right: 20px; top: 2px; color: rgb(204, 204, 204); font-size: 7px !important; }

#sider .sider-wrap ul.el-menu div.el-submenu__title, #sider .sider-wrap ul.el-menu li.el-menu-item.li-title { height: 50px; margin-bottom: 10px; line-height: 50px; font-size: 18px; font-weight: 500; color: rgb(51, 51, 51); }

#sider .sider-wrap ul.el-menu div.el-submenu__title i, #sider .sider-wrap ul.el-menu li.el-menu-item.li-title i { font-size: 20px; margin: 0px 0px 0px 10px; }

#sider .sider-wrap ul.el-menu div.el-submenu__title i.title-icon, #sider .sider-wrap ul.el-menu li.el-menu-item.li-title i.title-icon { margin-right: 15px; }

#sider .sider-wrap ul.el-menu div.el-submenu__title i.el-submenu__icon-arrow, #sider .sider-wrap ul.el-menu li.el-menu-item.li-title i.el-submenu__icon-arrow { font-size: 16px; margin-top: -5px; }

#sider .sider-wrap ul.el-menu li.li-title.el-submenu > ul.el-menu.el-menu--inline > li.el-menu-item-group { margin-top: -8px; }

#sider .sider-wrap ul.el-menu li.li-title.el-submenu > ul.el-menu.el-menu--inline > li.el-menu-item-group ul > a > li.el-menu-item { color: rgb(102, 102, 102) !important; background: rgb(255, 255, 255) !important; }

#sider .sider-wrap ul.el-menu li.li-title.el-submenu > ul.el-menu.el-menu--inline > li.el-menu-item-group ul > a > li.el-menu-item.is-active { color: rgb(0, 135, 255) !important; background: rgb(255, 255, 255) !important; }

#sider .sider-wrap ul.el-menu .el-menu-item.is-active, #sider .sider-wrap ul.el-menu .el-menu-item.li-title.is-active { background: rgb(255, 255, 255) !important; }

#sider .sider-wrap ul.el-menu .el-menu-item.li-title.is-active i { color: rgb(0, 135, 255) !important; }

#sider .sider-wrap ul.el-menu .el-menu-item:hover { background: rgb(255, 255, 255) !important; }

#sider .sider-wrap ul.el-menu li.el-submenu.is-active > div.el-submenu__title { color: rgb(0, 135, 255) !important; background: rgb(255, 255, 255) !important; }

#sider .sider-wrap ul.el-menu li.el-submenu.is-active > div.el-submenu__title i { color: rgb(0, 135, 255) !important; }

#sider .sider-wrap ul.el-menu .el-submenu__title:focus, #sider .sider-wrap ul.el-menu .el-submenu__title:hover { background: none !important; }

#sider .sider-wrap ul.el-menu li.el-submenu > ul.el-menu--inline.el-menu { padding: 0px; }

#sider .sider-wrap ul.el-menu li.el-submenu > ul.el-menu--inline.el-menu li.el-menu-item-group > div.el-menu-item-group__title { display: none; }

#sider .sider-wrap ul.el-menu li.el-submenu > ul.el-menu--inline.el-menu li.el-menu-item { width: 182px; height: 32px; line-height: 32px; padding-left: 75px !important; }

#sider .sider-wrap .li-title span.outer-span { display: block; width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#sider .sider-wrap ul.about-us .sider-title { padding: 0px 30px; }

#sider .sider-wrap ul.about-us .li-title { padding: 0px 30px !important; }

#sider .sider-adviser { position: relative; width: 223px; height: 115px; margin: -23px 0px 20px; background: url("/student/static/img/bg_service.e3bf8d9.png") 50% center no-repeat; border-radius: 8px; }

#sider .sider-adviser .adviser-content { position: absolute; left: 22px; bottom: 36px; width: 110px; height: 56px; color: rgb(255, 255, 255); font-weight: 500; }

#sider .sider-adviser .adviser-content .adviser-title { font-size: 20px; font-weight: 600; margin-bottom: 5px; }

#sider .sider-adviser .adviser-content .adviser-phone { font-size: 16px; margin-bottom: 10px; }

#sider .sider-adviser .adviser-content .qr-code img { vertical-align: -2px; margin-right: 5px; }

#sider .sider-adviser .adviser-content .qr-code span { cursor: pointer; }

#sider .tool-test { position: relative; width: 204px; height: 114px; background: rgb(255, 255, 255); border-radius: 8px; padding: 0px 0px 0px 20px; margin-bottom: 20px; }

#sider .tool-test .tools-title { padding-top: 23px; margin-bottom: 14px; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#sider .tool-test button { width: 84px; height: 32px; background: rgb(255, 255, 255); border-radius: 20px; border: 1px solid rgb(204, 204, 204); font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); line-height: 20px; }

#sider .tool-test .video-img { position: absolute; bottom: 0px; right: -10px; width: 141px; height: 99px; }

#sider .tool-test .video-img img { height: 100%; }

#sider .sharing-gift { width: 204px; height: 114px; padding: 0px 0px 0px 20px; border-radius: 8px; color: rgb(255, 255, 255); margin-bottom: 20px; background: url("/student/static/img/bg_share.8119834.png") 0% 0% / cover no-repeat; cursor: pointer; }

#sider .sharing-gift div:first-child { padding-top: 24px; font-size: 20px; font-weight: 500; }

#sider .sharing-gift .give-btn { width: 84px; height: 32px; border-radius: 20px; border: 1px solid rgb(237, 241, 247); color: rgb(255, 255, 255); font-size: 14px; text-align: center; line-height: 32px; margin-top: 10px; }

#sider .follow-wechat { position: relative; width: 204px; height: 114px; padding: 0px 0px 0px 20px; background: rgb(255, 255, 255); border-radius: 8px; }

#sider .follow-wechat div:first-child { padding-top: 24px; font-size: 20px; font-weight: 600; margin-bottom: 4px; }

#sider .follow-wechat p { font-size: 14px; color: rgb(153, 153, 153); }

#sider .follow-wechat div:last-child { position: absolute; width: 79px; height: 79px; right: 8px; top: 18px; }

#sider .follow-wechat div:last-child img { width: 100%; }

#sider .sider-service { position: relative; width: 223px; height: 100px; background: linear-gradient(rgb(0, 135, 255), rgb(2, 178, 255)); border-radius: 8px; }

#sider .sider-service span { position: absolute; right: 20px; bottom: 23px; width: 110px; height: 56px; line-height: 56px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 500; text-align: center; }

#sider .share-dialog .el-dialog { height: 579px; background: url("/student/static/img/share.a829689.png") no-repeat; border-radius: 16px; }

#sider .share-dialog .el-dialog .el-dialog__close { color: rgb(255, 255, 255); }

#sider .share-con { width: 480px; margin: 150px auto 0px; text-align: center; }

#sider .share-con .share-img { width: 140px; margin: 0px auto; }

#sider .share-con .share-img img { width: 100%; margin-bottom: 16px; image-rendering: -webkit-optimize-contrast; }

#sider .share-con .share-sweep { font-size: 18px; font-weight: 700; line-height: 25px; color: rgb(51, 51, 51); margin-bottom: 10px; }

#sider .share-con .share-tip { font-size: 14px; text-align: left; line-height: 24px; }

#sider .share-con .share-tip p + p { margin-top: 8px; }

#sider .share-con .gray { margin-top: 18px; line-height: 20px; font-size: 14px; }

.adviser-pop { box-sizing: border-box; padding: 10px; width: 120px !important; }

#foot, .adviser-pop img { width: 100%; }

#foot { position: absolute; bottom: 0px; height: 80px; min-width: 1200px; color: rgb(102, 102, 102); font-size: 14px; background: rgb(51, 51, 51); }

#foot .foot-wrap { -webkit-box-pack: justify; justify-content: space-between; margin-top: 30px; font-size: 14px; color: rgb(126, 126, 126); }

#foot .foot-wrap, #foot .foot-wrap .foot-left ul { display: flex; }

#foot .foot-wrap .foot-left ul { margin-left: 20px; }

#foot .foot-wrap .foot-left ul li { height: 20px; padding: 0px 20px; text-align: center; border-right: 1px solid rgb(126, 126, 126); cursor: pointer; }

#foot .foot-wrap .foot-left ul li:hover { color: rgb(255, 255, 255); }

#foot .foot-wrap .foot-left ul li:last-child { border: none; }

#foot .foot-wrap .foot-right p { display: block; margin-right: 60px; cursor: pointer; }

#foot .foot-wrap .foot-right p:hover { color: rgb(255, 255, 255); }

#nav-menu { background: rgb(0, 135, 255); }

#nav-menu .header-wrap { position: fixed; top: 0px; width: 100%; height: 72px; color: rgb(255, 255, 255); font-size: 16px; background: rgb(0, 135, 255); z-index: 2000; min-width: 1200px; }

#nav-menu .header-wrap .main-wrap, #nav-menu .header-wrap .main-wrap .main-right { display: flex; -webkit-box-align: center; align-items: center; height: 100%; }

#nav-menu .header-wrap .main-wrap .main-right { width: 243px; font-size: 17px; }

#nav-menu .header-wrap .main-wrap .main-right .main-right-label .logo { width: 95px; padding-left: 5px; }

#nav-menu .header-wrap .main-wrap .main-right span { display: block; margin-left: 23px; margin-right: 17px; width: 1px; height: 20px; background-color: rgb(255, 255, 255); }

#nav-menu .header-wrap .main-wrap .main-middle { -webkit-box-flex: 1; flex: 1 1 0%; height: 100%; }

#nav-menu .header-wrap .main-wrap .main-middle .el-menu-demo { display: flex; height: 100%; margin-left: 40px; background: rgb(0, 135, 255); }

#nav-menu .header-wrap .main-wrap .main-middle .el-menu-demo .el-menu-item { width: 105px; height: 100%; line-height: 72px; text-align: center; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); border-bottom: none; }

#nav-menu .header-wrap .main-wrap .main-middle .el-menu-demo .el-menu-item.a-item { padding: 0px; }

#nav-menu .header-wrap .main-wrap .main-middle .el-menu-demo .el-menu-item.a-item a { display: block; height: 100%; width: 100%; }

#nav-menu .header-wrap .main-wrap .main-middle .el-menu-demo .el-menu-item:hover { background: rgba(0, 0, 0, 0.1); }

#nav-menu .header-wrap .main-wrap .main-middle .el-menu-demo .is-active { background: rgba(0, 0, 0, 0.1); border-bottom: none; }

#nav-menu .header-wrap .main-wrap .main-left { display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; height: 100%; }

#nav-menu .header-wrap .main-wrap .main-left .back { line-height: 40px; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; text-decoration: underline; margin-right: 30px; }

#nav-menu .header-wrap .main-wrap .main-left .main-left-notice { height: 24px; cursor: pointer; width: 50px; }

#nav-menu .header-wrap .main-wrap .main-left .main-left-notice .badge-style .el-badge__content { border: none; background: rgb(255, 94, 1); }

#nav-menu .header-wrap .main-wrap .main-left .main-left-notice .notice-bell > i { width: 18px; height: 24px; font-size: 24px; opacity: 0.8; }

#nav-menu .header-wrap .main-wrap .main-left .main-left-img { position: relative; flex-shrink: 0; width: 31px; height: 31px; border: 1px solid rgb(255, 255, 255); border-radius: 16px; margin-left: 40px; cursor: pointer; }

#nav-menu .header-wrap .main-wrap .main-left .main-left-img img { height: 100%; width: 100%; border-radius: 16px; object-fit: cover; }

#nav-menu .header-wrap .main-wrap .main-left .main-left-name { font-size: 14px; margin-left: 8px; }

#nav-menu .header-wrap .main-wrap .main-left .main-left-arrow { margin-left: 15px; cursor: pointer; }

.el-popover.header-popovers { z-index: 2000 !important; }

.el-menu.el-menu--horizontal { border-bottom: none; }

#radio-wrap, .checkbox-wrap { display: flex; }

#radio-wrap .list-title, .checkbox-wrap .list-title { display: block; width: 56px; height: 20px; font-size: 14px; margin-right: 33px; }

#radio-wrap .list-content .el-radio-group.period-radio-group, .checkbox-wrap .list-content .el-radio-group.period-radio-group { padding-top: 3px; }

#radio-wrap .list-content .el-checkbox-group, #radio-wrap .list-content .el-radio-group.period-radio-group, .checkbox-wrap .list-content .el-checkbox-group, .checkbox-wrap .list-content .el-radio-group.period-radio-group { width: 804px; }

#radio-wrap .list-content .el-checkbox-group label.el-checkbox, #radio-wrap .list-content .el-checkbox-group label.el-radio, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio, .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox, .checkbox-wrap .list-content .el-checkbox-group label.el-radio, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio { width: 170px; margin: 0px 0px 20px; }

#radio-wrap .list-content .el-checkbox-group label.el-checkbox span.el-checkbox__input span.el-checkbox__inner, #radio-wrap .list-content .el-checkbox-group label.el-radio span.el-checkbox__input span.el-checkbox__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox span.el-checkbox__input span.el-checkbox__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio span.el-checkbox__input span.el-checkbox__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox span.el-checkbox__input span.el-checkbox__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-radio span.el-checkbox__input span.el-checkbox__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox span.el-checkbox__input span.el-checkbox__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio span.el-checkbox__input span.el-checkbox__inner { border-color: rgb(222, 223, 230); }

#radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-radio__inner, #radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-radio__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-radio__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-radio__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111) !important; background-color: rgb(0, 202, 111) !important; }

#radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__label, #radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__label, #radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__label, #radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__label, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__label, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__label, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__label, #radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__label, .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__label, .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__label, .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__label, .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__label, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__label, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__label, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__label, .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__label { color: rgb(0, 202, 111) !important; }

#bottom-button { position: fixed; bottom: 0px; left: 0px; z-index: 999; width: 100%; height: 70px; line-height: 70px; background: rgb(255, 255, 255); box-shadow: rgba(216, 216, 216, 0.5) 0px -4px 10px 0px; }

#bottom-button .main-wrap { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 1198px; height: 100%; margin: 0px auto; }

#bottom-button .main-wrap .text { margin-left: 243px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); }

#bottom-button .main-wrap .text span { color: rgb(255, 94, 1); margin: 0px 5px; }

#bottom-button .main-wrap .steps-button .el-button.el-button--primary { width: 120px; height: 40px; font-size: 14px; }

#bottom-button .main-wrap .steps-button .el-button.el-button--primary:first-child { background-color: rgb(255, 255, 255); border-color: rgb(220, 222, 227); color: rgb(102, 102, 102); }

[data-v-3b403730] .el-dropdown-menu__item { line-height: 26px; }

[data-v-3b403730] .el-dropdown-menu { padding: 0px; }

#website-header { width: 100%; min-width: 1200px; height: 120px; background: linear-gradient(0deg, rgb(0, 135, 255), rgb(0, 156, 255)); }

#website-header .header-wrap { display: flex; -webkit-box-pack: justify; justify-content: space-between; height: 100%; width: 1200px; }

#website-header .header-wrap .header-left { margin-top: 32.5px; }

#website-header .header-wrap .header-left img { width: 210px; }

#website-header .header-wrap .header-right { position: relative; width: 700px; height: 100%; display: flex; -webkit-box-pack: end; justify-content: end; padding-top: 18px; box-sizing: border-box; }

#website-header .header-wrap .header-right .dropdown { margin-right: 20px; font-size: 16px; color: rgb(255, 255, 255); height: 20px; margin-top: 10px; cursor: pointer; }

#website-header .header-wrap .header-right .receive-button { box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 140px; height: 40px; border-radius: 60px; border: 1px solid rgb(255, 255, 255); cursor: pointer; margin-right: 10px; }

#website-header .header-wrap .header-right .receive-button:hover { border: 1px solid transparent; background: rgb(255, 255, 255); }

#website-header .header-wrap .header-right .receive-button:hover .text { color: rgb(255, 92, 1); }

#website-header .header-wrap .header-right .receive-button .icon { width: 24px; height: 24px; margin-right: 3px; }

#website-header .header-wrap .header-right .receive-button .text { font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); line-height: 19px; }

#website-header .header-wrap .header-right .login-button { display: flex; -webkit-box-align: center; align-items: center; height: 40px; }

#website-header .header-wrap .header-right .login-button .back { line-height: 40px; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; text-decoration: underline; margin-right: 30px; }

#website-header .header-wrap .header-right .login-button button { width: 94px; height: 40px; border: 1px solid rgb(255, 255, 255); border-radius: 20px; font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 16px; text-indent: 16px; background: none; }

#website-header .header-wrap .header-right .login-button .reg-button { margin-left: 10px; background: rgb(255, 100, 0); border: 1px solid rgb(255, 100, 0); border-radius: 20px; }

#website-header .header-wrap .header-right .main-left { height: 33px; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); padding-top: 5px; }

#website-header .header-wrap .header-right .main-left .back { line-height: 40px; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; text-decoration: underline; margin-right: 30px; }

#website-header .header-wrap .header-right .main-left.teacher div { cursor: pointer; }

#website-header .header-wrap .header-right .main-left.teacher .main-left-name { font-size: 16px; margin-right: 10px; max-width: 158px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#website-header .header-wrap .header-right .main-left.teacher .logout { font-size: 14px; text-decoration: underline; }

#website-header .header-wrap .header-right .main-left .main-left-notice { position: relative; height: 24px; cursor: pointer; width: 50px; }

#website-header .header-wrap .header-right .main-left .main-left-notice .badge-style .el-badge__content { border: none; background: rgb(255, 94, 1); }

#website-header .header-wrap .header-right .main-left .main-left-notice .notice-bell i { width: 18px; height: 24px; font-size: 24px; opacity: 0.8; }

#website-header .header-wrap .header-right .main-left .main-left-img { position: relative; flex-shrink: 0; width: 31px; height: 31px; border: 1px solid rgb(255, 255, 255); border-radius: 16px; margin-left: 30px; }

#website-header .header-wrap .header-right .main-left .main-left-img img { height: 100%; width: 100%; border-radius: 16px; }

#website-header .header-wrap .header-right .main-left .main-left-name { font-size: 14px; margin-left: 8px; }

#website-header .header-wrap .header-right .main-left .main-left-name.click { text-decoration: underline; }

#website-header .header-wrap .header-right .main-left .main-left-arrow { margin-left: 15px; }

#website-header .header-wrap .header-right ul { display: flex; -webkit-box-pack: end; justify-content: flex-end; position: absolute; bottom: 0px; height: 37px; width: 100%; font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); }

#website-header .header-wrap .header-right ul .activeIndex { font-weight: 700; }

#website-header .header-wrap .header-right ul li { margin-right: 34px; }

#website-header .header-wrap .header-right ul li a { color: rgb(255, 255, 255); }

#website-header .header-wrap .header-right ul li:first-child { margin-left: 3px; }

#website-header .header-wrap .header-right ul li:last-child { margin-right: 0px; }

#website-header .pb-16 { padding-bottom: 16px; }

#website-footer { position: absolute; bottom: 0px; z-index: 11; width: 100%; min-width: 1200px; height: 220px; background: rgb(41, 41, 41); color: rgb(141, 141, 141); }

#website-footer a { color: rgb(141, 141, 141); }

#website-footer a:hover { color: rgb(255, 255, 255); }

#website-footer .main-wrap { width: 1200px; margin-top: 60px; font-size: 14px; }

#website-footer .main-wrap .first-line { display: flex; height: 30px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

#website-footer .main-wrap .first-line .product-ul { display: flex; height: 16px; line-height: 16px; }

#website-footer .main-wrap .first-line .product-ul li { border-right: 1px solid rgb(141, 141, 141); padding: 0px 10px; cursor: pointer; }

#website-footer .main-wrap .first-line .product-ul li:hover { color: rgb(255, 255, 255); }

#website-footer .main-wrap .first-line .product-ul li:last-child { border: none; }

#website-footer .main-wrap .first-line .other-link > span { position: relative; margin-right: 12px; height: 25px; width: 25px; display: inline-block; }

#website-footer .main-wrap .first-line .other-link > span span { display: inline-block; height: 23px; width: 23px; background-color: rgb(255, 255, 255); border-radius: 50%; }

#website-footer .main-wrap .first-line .other-link > span i { position: absolute; top: -3px; left: -3px; font-size: 27px; cursor: pointer; }

#website-footer .main-wrap .about-us { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 20px; }

#website-footer .main-wrap .about-us li { margin-right: 20px; cursor: pointer; }

#website-footer .main-wrap .about-us li:hover { color: rgb(255, 255, 255); }

#website-footer .main-wrap .last-line { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 20px; cursor: pointer; }

#website-footer .main-wrap .last-line span:hover { color: rgb(255, 255, 255); }

#website-footer .main-wrap .last-line span { margin-left: 10px; }

#website-footer .main-wrap .last-line img { margin-left: 10px; cursor: pointer; }

#course-list .ml-15 { margin-left: 15px; }

#course-list .none-list { color: rgb(153, 153, 153); font-size: 16px; height: 400px; text-align: center; }

#course-list .records-btn { position: relative; height: 40px; line-height: 40px; margin-bottom: 10px; }

#course-list .records-btn .btn-group { position: absolute; top: 0px; right: 0px; }

#course-list .records-btn .btn-group .course-btn { padding: 10px; width: 104px; height: 40px; }

#course-list .record { font-size: 14px; margin-bottom: 10px; }

#course-list .record span { color: red; }

#course-list .records-item { display: flex; width: 892px; border: 1px solid rgb(220, 222, 227); margin-bottom: 30px; }

#course-list .records-item .records-item-check { position: relative; width: 38px; text-align: center; }

#course-list .records-item .records-item-check label.el-checkbox { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); }

#course-list .records-item .records-item-con { width: 853px; border-left: 1px solid rgb(220, 222, 227); }

#course-list .records-item .records-item-time { position: relative; border-bottom: 1px solid rgb(220, 222, 227); height: 40px; line-height: 40px; font-size: 16px; color: rgb(102, 102, 102); font-weight: 600; }

#course-list .records-item .records-item-time i { margin-left: 20px; margin-right: 10px; color: rgb(255, 94, 1); }

#course-list .records-item .records-item-time .flower { position: absolute; display: flex; right: 20px; top: 0px; font-size: 12px; font-weight: 400; color: rgb(153, 153, 153); vertical-align: middle; }

#course-list .records-item .records-item-time .flower i { margin: 0px 0px 0px 5px; font-size: 20px; }

#course-list .records-item .records-item-list { display: flex; }

#course-list .records-item .records-item-dl { position: relative; width: 388px; border-right: 1px solid rgb(220, 222, 227); }

#course-list .records-item .records-item-dl > div { display: flex; position: absolute; top: 50%; transform: translateY(-50%); padding: 0px 10px; }

#course-list .records-item .records-item-dl .records-item-img { width: 93px; height: 116px; border-radius: 4px; margin-right: 18px; }

#course-list .records-item .records-item-dl .records-item-img img { width: 100%; height: 100%; border-radius: 4px; }

#course-list .records-item .records-item-dl .records-item-dl-dl { width: 255px; }

#course-list .records-item .records-item-dl .records-item-name { font-size: 14px; line-height: 24px; }

#course-list .records-item .records-item-dl .records-item-name .book-name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 24px; }

#course-list .records-item .records-item-dl .records-item-name .lesson-name { color: rgb(102, 102, 102); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; margin: 3px 0px 5px; }

#course-list .records-item .records-item-dl .records-item-name span.class-type { width: 50px; height: 16px; border-radius: 9px; border: 1px solid rgb(220, 222, 227); display: inline-block; margin-right: 8px; line-height: 16px; font-size: 12px; color: rgb(104, 92, 92); text-align: center; }

#course-list .records-item .records-item-dl .records-item-name span.iconvip { margin-right: 8px; color: rgb(255, 94, 1); }

#course-list .records-item .records-item-dl .records-item-btn { line-height: 20px; font-size: 14px; }

#course-list .records-item .records-item-dl .records-item-btn span { cursor: pointer; color: rgb(0, 135, 255); }

#course-list .records-item .records-item-dl .records-item-btn > div { display: inline-block; cursor: pointer; color: rgb(0, 135, 255); margin-right: 20px; }

#course-list .records-item .records-item-dl .records-item-btn .resourse-span, #course-list .records-item .records-item-dl .records-item-btn span + span { margin-left: 20px; }

#course-list .records-item .records-item-teacon { position: relative; box-sizing: border-box; width: 280px; border-right: 1px solid rgb(220, 222, 227); font-size: 12px; line-height: 17px; padding: 10px; }

#course-list .records-item .records-item-teacon .records-item-teacon-dl { margin-bottom: 20px; width: 100%; clear: both; height: 40px; }

#course-list .records-item .records-item-teacon .records-item-teacon-dl .records-item-teacon-img { border: 1px solid rgba(231, 231, 231, 0.91); border-radius: 50%; height: 38px; width: 38px; overflow: hidden; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 14px; }

#course-list .records-item .records-item-teacon .records-item-teacon-dl .records-item-teacon-img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

#course-list .records-item .records-item-teacon .records-item-teacon-dl .records-item-teacon-msg { color: rgb(204, 204, 204); }

#course-list .records-item .records-item-teacon .records-item-teacon-dl .records-item-teacon-msg .records-item-teacon-name { font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 6px; text-decoration: underline; color: rgb(0, 135, 255); }

#course-list .records-item .records-item-status { border-right: 1px solid rgb(220, 222, 227); font-size: 14px; width: 80px; position: relative; }

#course-list .records-item .records-item-status span { position: absolute; top: 50%; width: 50px; left: 50%; transform: translate(-50%, -50%); text-align: center; }

#course-list .records-item .records-item-operate-btn { padding: 8px 0px; width: 115px; font-size: 14px; color: rgb(0, 135, 255); line-height: 14px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; -webkit-box-pack: center; justify-content: center; }

#course-list .records-item .records-item-operate-btn span { cursor: pointer; display: block; }

#course-list .records-item .records-item-operate-btn span + span { margin-top: 15px; }

#course-list .audio-class .el-dialog { width: 400px; margin-top: 400px !important; }

#course-list .el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap { height: 50px; color: rgb(255, 255, 255); }

#course-list .el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap .el-loading-spinner i, #course-list .el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap p { color: rgb(102, 102, 102); }

#course-list .el-dialog__wrapper.notice-dialog.loading .el-dialog .loading-wrap .el-loading-spinner { top: 10px; }

#course-list .notice-dialog { top: 240px; }

#course-list .el-dialog__wrapper.notice-dialog.cancel { top: 200px; }

#course-list .el-dialog__wrapper.notice-dialog.cancel .el-dialog { margin-top: 1vh !important; }

.el-popover.el-popper.detail-pop { background: rgb(237, 241, 247); box-shadow: rgb(102, 102, 102) 2px 2px 2px 2px; }

.el-popover.el-popper.detail-pop div.file-name { cursor: pointer; margin-bottom: 5px; text-decoration: underline; }

#card-meal .meal-content .meal-title { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#card-meal .meal-content ul { display: flex; flex-wrap: wrap; width: 928px; padding-bottom: 10px; }

#card-meal .meal-content ul li { position: relative; width: 159px; height: 254px; padding: 20px; margin-top: 20px; margin-right: 30px; background: rgb(255, 255, 255); border-radius: 8px; text-align: center; border: 1px solid rgb(237, 241, 247); }

#card-meal .meal-content ul li:hover { box-shadow: rgba(191, 191, 191, 0.5) 0px 2px 8px 0px; }

#card-meal .meal-content ul li:hover button { background: linear-gradient(270deg, rgb(255, 94, 1), rgb(255, 127, 39)); color: rgb(255, 255, 255); cursor: pointer; }

#card-meal .meal-content ul li div:first-of-type { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; font-size: 16px; font-weight: 600; height: 40px; color: rgb(51, 51, 51); }

#card-meal .meal-content ul li div:nth-of-type(2) { font-size: 16px; font-weight: 400; margin: 10px 0px 5px; color: rgb(204, 204, 204); text-decoration: line-through; }

#card-meal .meal-content ul li div:nth-of-type(3) { font-size: 32px; font-weight: 500; color: rgb(255, 94, 1); }

#card-meal .meal-content ul li div:nth-of-type(3) span { font-size: 16px; }

#card-meal .meal-content ul li div:nth-of-type(4) { text-align: left; margin: 50px 0px 18px; }

#card-meal .meal-content ul li div:nth-of-type(4) span { display: block; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); line-height: 20px; }

#card-meal .meal-content ul li .meal-img { position: absolute; top: 0px; right: 0px; height: 21px; }

#card-meal .meal-content ul li .meal-img img { width: 100%; height: 100%; }

#card-meal .meal-content ul li button { width: 160px; height: 32px; border-radius: 16px; border: 1px solid rgb(255, 94, 1); color: rgb(255, 94, 1); font-size: 14px; font-weight: 400; line-height: 32px; }

#card-meal .meal-content .none-list { text-align: center; height: 160px; font-size: 14px; color: rgb(153, 153, 153); }

#card-meal .meal-dialog .el-dialog { height: 700px; overflow: hidden; border-radius: 8px; }

#card-meal .meal-dialog .el-dialog .el-dialog__title { font-weight: 600; }

#card-meal .meal-dialog .el-dialog .el-dialog__body { padding: 10px 0px 0px 25px; }

#card-meal .meal-dialog .el-dialog .el-dialog__body .meal-dialog-content { line-height: 22px; overflow: hidden auto; max-height: 500px; padding-right: 25px; margin-bottom: 20px; }

#card-meal .meal-dialog .el-dialog .el-dialog__body .meal-dialog-content > div { margin-bottom: 10px; }

#card-meal .meal-dialog .el-dialog .el-dialog__body .meal-dialog-content .line-block { padding-left: 20px; }

#card-meal .meal-dialog .el-dialog .el-dialog__body .meal-dialog-content .line-block > div { margin-bottom: 10px; }

#card-meal .meal-dialog .el-dialog .el-dialog__body .meal-dialog-content .buy-title { font-size: 16px; font-weight: 600; margin-bottom: 10px; color: rgb(51, 51, 51); }

#card-meal .meal-dialog .el-dialog .el-dialog__body .meal-dialog-content .blue-tips { margin-bottom: 10px; }

#card-meal .meal-dialog .el-dialog .el-dialog__body .meal-dialog-content .day-tips { font-weight: 600; color: rgb(51, 51, 51); margin-bottom: 10px; }

#card-meal .meal-dialog .el-dialog .el-dialog__body .meal-dialog-content .tips-list div { margin-bottom: 10px; }

#card-meal .meal-dialog .el-dialog .el-dialog__body .el-checkbox.meal { padding-left: 185px; }

#card-meal .meal-dialog .el-dialog .el-dialog__body .tips { height: 20px; color: red; margin: 10px 0px 0px; padding-left: 200px; }

#card-meal ::-webkit-scrollbar { border-radius: 5px; width: 10px !important; height: 10px !important; }

#card-meal ::-webkit-scrollbar-thumb { border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px inset; background-color: rgb(228, 228, 228); }

#teacher-info { margin: 30px 0px; }

#teacher-info .detail-info { display: flex; position: relative; }

#teacher-info .leave-info { font-size: 14px; margin-top: 20px; background: rgb(255, 246, 229); color: rgb(255, 92, 1); padding: 10px; }

#teacher-info .teacher-img { width: 160px; height: 202px; border-radius: 4px; margin-right: 30px; }

#teacher-info .teacher-img img { width: 100%; height: 100%; border-radius: 4px; object-fit: cover; }

#teacher-info div:nth-child(2) div { font-size: 24px; font-weight: 500; color: rgb(51, 51, 51); }

#teacher-info div:nth-child(2) span { display: block; font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); margin: 10px 0px; }

#teacher-info div:nth-child(2) span:last-of-type { margin: 10px 0px; }

#teacher-info div:nth-child(2) span:last-of-type img { margin-top: -6px; cursor: pointer; }

#teacher-info div:nth-child(2) .teacher-title { display: inline-block; vertical-align: 2px; font-size: 14px; font-weight: 400; color: rgb(255, 94, 1); }

#teacher-info div:nth-child(2) ul { display: flex; }

#teacher-info div:nth-child(2) ul li { width: 102px; height: 28px; margin-right: 20px; font-size: 14px; font-weight: 400; color: rgb(0, 135, 255); text-align: center; line-height: 28px; border-radius: 4px; border: 1px solid rgb(0, 135, 255); }

#teacher-info div:nth-child(2) button { position: absolute; right: 0px; top: 0px; width: 81px; height: 24px; font-size: 14px; font-weight: 400; color: rgb(153, 153, 153); border-radius: 16px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); }

#teacher-info div:nth-child(2) button.collect { border: 1px solid rgb(255, 94, 1); color: rgb(255, 94, 1); }

#attention .table-title { padding: 20px 0px 6px; }

#attention .table-title .title-left { display: inline-block; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

#attention .success-tip { height: 325px; width: 100%; text-align: center; }

#attention .success-tip img { margin-top: 60px; }

#attention .success-tip div:first-of-type { font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); margin: 20px 0px 13px; }

#attention .success-tip div:last-of-type { font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

#attention .success-tip div:last-of-type span { color: rgb(255, 94, 1); margin: 0px 5px; }

#attention .note { line-height: 28px; }

#attention .help-list, #attention .note { font-size: 14px; font-weight: 400; color: rgb(102, 102, 102); }

#attention .help-list { line-height: 30px; }

#appoint-condition .meal-title { margin-bottom: 30px !important; }

#appoint-condition .appoint-time, #appoint-condition .select-name { display: flex; position: relative; margin-bottom: 20px; }

#appoint-condition .appoint-time .select-title, #appoint-condition .select-name .select-title { display: block; width: 56px; height: 20px; font-size: 14px; margin-right: 33px; }

#appoint-condition .appoint-time .el-select .el-input__icon, #appoint-condition .select-name .el-select .el-input__icon { line-height: 30px; }

@media screen and (min-width: 600px) {
  #appoint-condition .appoint-time .el-select, #appoint-condition .select-name .el-select { width: 500px; }
  #appoint-condition .appoint-time .el-select .el-select__tags, #appoint-condition .select-name .el-select .el-select__tags { max-width: 500px !important; }
  #appoint-condition .appoint-time .el-select .el-input, #appoint-condition .select-name .el-select .el-input { width: 530px; }
}

@media screen and (max-width: 600px) {
  #appoint-condition .appoint-time .el-select, #appoint-condition .select-name .el-select { width: 300px; }
  #appoint-condition .appoint-time .el-select .el-select__tags, #appoint-condition .select-name .el-select .el-select__tags { max-width: 300px !important; }
  #appoint-condition .appoint-time .el-select .el-input, #appoint-condition .select-name .el-select .el-input { width: 330px; }
}

#appoint-condition .appoint-time .name-input.el-input, #appoint-condition .select-name .name-input.el-input { width: 240px; margin-right: 20px; border-radius: 4px; }

#appoint-condition .appoint-time .name-input.el-input input.el-input__inner, #appoint-condition .select-name .name-input.el-input input.el-input__inner { border: 1px solid rgb(220, 222, 227); height: 34px !important; }

#appoint-condition .appoint-time .el-button.el-button--primary.el-button--small, #appoint-condition .select-name .el-button.el-button--primary.el-button--small { font-size: 14px !important; }

#appoint-condition .appoint-time .button-control, #appoint-condition .select-name .button-control { position: absolute; right: 0px; }

#appoint-condition .appoint-time .button-control .el-button.el-button--default.el-button--small, #appoint-condition .select-name .button-control .el-button.el-button--default.el-button--small { height: 34px; font-size: 14px !important; }

#appoint-condition .filterable-wrap .checkbox-wrap, #appoint-condition .filterable-wrap .radio-wrap { display: flex; }

#appoint-condition .filterable-wrap .checkbox-wrap .list-title, #appoint-condition .filterable-wrap .radio-wrap .list-title { display: block; width: 56px; height: 20px; font-size: 14px; margin-right: 33px; }

#appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group { padding-top: 3px; }

#appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group { width: 804px; }

#appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-radio, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-checkbox, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-radio, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio { width: 170px; margin: 0px 0px 20px; }

#appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox span.el-checkbox__input span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-radio span.el-checkbox__input span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox span.el-checkbox__input span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio span.el-checkbox__input span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-checkbox span.el-checkbox__input span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-radio span.el-checkbox__input span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox span.el-checkbox__input span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio span.el-checkbox__input span.el-checkbox__inner { border-color: rgb(222, 223, 230); }

#appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__input.is-checked span.el-radio__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-checkbox__inner, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__input.is-checked span.el-radio__inner { border-color: rgb(0, 202, 111) !important; background-color: rgb(0, 202, 111) !important; }

#appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__label, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__label, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__label, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__label, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__label, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__label, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__label, #appoint-condition .filterable-wrap .checkbox-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__label, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-checkbox__label, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-checkbox.is-checked span.el-radio__label, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-checkbox__label, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-checkbox-group label.el-radio.is-checked span.el-radio__label, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-checkbox__label, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-checkbox.is-checked span.el-radio__label, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-checkbox__label, #appoint-condition .filterable-wrap .radio-wrap .list-content .el-radio-group.period-radio-group label.el-radio.is-checked span.el-radio__label { color: rgb(0, 202, 111) !important; }

.appoint-pop { z-index: 1999 !important; }

@media screen and (min-width: 600px) {
  .appoint-pop { min-width: 530px !important; }
}

@media screen and (max-width: 600px) {
  .appoint-pop { min-width: 320px !important; }
}

.data-wrap .data-container[data-v-4a46e2ec] { pointer-events: none; width: 425px; min-height: 393px; margin-bottom: 20px; }

.data-wrap .data-container[data-v-4a46e2ec] .el-badge { width: 57px; height: 57px; }

.data-wrap .data-container .hover-table[data-v-4a46e2ec] { width: 500px; }

.data-wrap .data-container[data-v-4a46e2ec] .el-badge__content { border-radius: 100%; color: rgb(255, 255, 255); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 12px; height: 18px; min-width: 18px; line-height: 18px; padding: 0px; text-align: center; white-space: nowrap; border: none; background-color: rgb(255, 94, 1); }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar { width: 413px; min-height: 393px; padding: 0px 5px; border-radius: 7px; border: 1px solid rgb(220, 222, 227); }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__header { border: none; height: 48px; padding: 0px; }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__header .el-calendar__title { margin: 0px auto; font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__header .el-calendar__button-group { display: none; }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__body { padding: 0px 0px 5px; }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__body .el-calendar-table thead { text-align: center; }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__body .el-calendar-table thead th { padding: 10px 0px; }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__body .el-calendar-table tbody { min-height: 310px; }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__body .el-calendar-table tbody tr.el-calendar-table__row td { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(255, 255, 255); }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__body .el-calendar-table tbody tr.el-calendar-table__row td .el-calendar-day { height: 57px; padding: 0px; line-height: 57px; text-align: center; font-size: 17px; font-weight: 400; }

.data-wrap .data-container[data-v-4a46e2ec] .el-calendar .el-calendar__body .el-calendar-table tbody tr.el-calendar-table__row td .el-calendar-day .selected-item { height: 57px; width: 57px; color: rgb(255, 255, 255); background: rgb(0, 135, 255); }

#foot-pagination { position: relative; height: 32px; width: 100%; }

#foot-pagination .el-pagination { position: absolute; right: 0px; }

#foot-pagination .el-pagination .btn-next, #foot-pagination .el-pagination .btn-prev, #foot-pagination .el-pagination ul li { background: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(217, 217, 217); }

#foot-pagination .el-pagination ul li { cursor: pointer; font-weight: 500; color: rgba(0, 0, 0, 0.65); }

#foot-pagination .el-pagination ul li.active { border: 1px solid rgb(24, 144, 255); background: rgb(24, 144, 255); color: rgb(255, 255, 255); }

#costDialog .el-dialog { border-radius: 8px; }

#costDialog .el-dialog__header { display: none; }

#costDialog .el-dialog__body .success-icon { text-align: center; color: rgb(0, 202, 190); margin-bottom: 12px; }

#costDialog .el-dialog__body .success-icon .icon { font-size: 60px; }

#costDialog .el-dialog__body .success-text { font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); text-align: center; }

#costDialog .el-dialog__body .cost-text { display: block; font-size: 16px; font-weight: 400; color: rgb(51, 51, 51); margin-bottom: 20px; }

#costDialog .el-dialog__body .cost-text .cost-color { color: rgb(255, 94, 1); }

#costDialog .el-dialog__body .el-table .buyset { color: rgb(0, 135, 255); }

#costDialog .el-dialog__body .el-table .el-table__header-wrapper .el-table__header .has-gutter { font-size: 14px; font-weight: 400; color: rgb(51, 51, 51); }

#costDialog .el-dialog__body .el-table .el-table__header-wrapper .el-table__header .has-gutter th { height: 36px; padding: 0px; background-color: rgb(237, 241, 247); }

#costDialog .el-dialog__body .el-table .el-table__header-wrapper .el-table__header .has-gutter th .cell { text-align: center; }

#costDialog .el-dialog__body .el-table .el-table__body-wrapper { font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); }

#costDialog .el-dialog__body .el-table .el-table__body-wrapper td { padding: 14px 0px; }

#costDialog .el-dialog__body .el-table .el-table__body-wrapper td .cell { text-align: center; }

#costDialog .dialog-footer { display: block; text-align: center; margin-top: 30px; }

#costDialog .dialog-footer.success { margin-top: 20px; }

#costDialog .dialog-footer .el-button { width: 120px; height: 40px; border-radius: 8px; border: 1px solid rgb(0, 135, 255); font-size: 14px; font-weight: 500; color: rgb(0, 135, 255); background-color: rgb(255, 255, 255); }

#week-card-delay { font-size: 14px; color: rgb(102, 102, 102); line-height: 32px; min-height: 550px; }

#week-card-delay .leave-days { background-color: rgb(251, 251, 251); display: flex; -webkit-box-pack: justify; justify-content: space-between; line-height: 72px; height: 72px; padding: 0px 20px; font-size: 16px; color: rgb(51, 51, 51); margin-bottom: 30px; }

#week-card-delay .leave-days.week { display: block; height: 120px; }

#week-card-delay .leave-days.week .week-msg { margin-top: -15px; }

#week-card-delay .leave-days.week .days { display: block; padding-top: 20px; }

#week-card-delay .leave-days .days { color: rgb(255, 94, 1); }

#week-card-delay .leave-days button { margin-top: 16px; width: 68px; height: 40px; background: rgb(0, 135, 255); border-radius: 8px; font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); line-height: 20px; }

#week-delay-records { min-height: 500px; }

#week-delay-records .el-table { margin: 20px 0px 30px; }

#week-delay-records .el-table .has-gutter tr th { text-align: center; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); }

#week-delay-records .el-table .el-table__row td { text-align: center; font-weight: 400; color: rgb(51, 51, 51); }

#week-leave-records .el-table { margin: 20px 0px 30px; }

#week-leave-records .el-table .has-gutter tr th { text-align: center; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); }

#week-leave-records .el-table .el-table__row td { text-align: center; font-weight: 400; color: rgb(51, 51, 51); }

#week-leave-records .el-table .el-table__row td.blue, #week-leave-records .el-table .el-table__row td:last-child { color: rgb(0, 135, 255); }

#week-leave-records .el-table .el-table__row td.orange { color: rgb(255, 160, 0); }

#my-leave { font-size: 14px; }

#my-leave .day-wrap { margin-top: 30px; }

#my-leave .day-wrap .day { color: rgb(255, 94, 1); }

#my-leave .none-tips { color: rgb(255, 94, 1); line-height: 40px; font-size: 16px; margin: 40px 0px; padding: 0px 20px; min-height: 40px; }

#my-leave .start-date-wrap { margin: 20px 0px; }

#my-leave .start-date-wrap .el-date-editor.el-input.start-picker, #my-leave .start-date-wrap .el-date-editor.el-input__inner.start-picker { width: 150px; margin-right: 20px; }

#my-leave .start-date-wrap .day-select { width: 100px; margin-right: 20px; }

#my-leave .line { border-bottom: 1px dashed rgb(225, 225, 225); margin: 20px 0px; }

#my-leave .tips { color: rgb(102, 102, 102); line-height: 32px; }

#my-leave .none-info { height: 150px; }

#month-leave-record .el-table { margin: 20px 0px 30px; }

#month-leave-record .el-table .has-gutter tr th { text-align: center; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); }

#month-leave-record .el-table .el-table__row td { text-align: center; font-weight: 400; color: rgb(51, 51, 51); }

#month-leave-record .el-table .el-table__row td:last-child { color: rgb(0, 135, 255); cursor: pointer; }

#month-leave-record .el-table .el-table__row td.blue { color: rgb(0, 135, 255); }

#month-leave-record .el-table .el-table__row td.orange { color: rgb(255, 160, 0); }

#sider-bar .sider-wrap { z-index: 2000; position: fixed; right: 16px; top: 50%; transform: translateY(-50%); width: 64px; box-shadow: rgba(28, 31, 33, 0.1) 0px 4px 8px 0px; border-radius: 8px; word-break: break-word; }

#sider-bar .sider-wrap .el-button.el-popover__reference, #sider-bar .sider-wrap .sider-item { min-height: 64px; width: 64px; padding: 0px; border: none; border-radius: 0px; color: rgb(153, 153, 153); cursor: pointer; text-align: center; box-sizing: border-box; }

#sider-bar .sider-wrap .el-button.el-popover__reference .item, #sider-bar .sider-wrap .sider-item .item { padding: 10px 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-size: 12px; font-weight: 400; }

#sider-bar .sider-wrap .el-button.el-popover__reference .item .icon-img, #sider-bar .sider-wrap .sider-item .item .icon-img { width: 23px; height: 24px; margin-bottom: 6px; }

#sider-bar .sider-wrap .el-button.el-popover__reference .item .text, #sider-bar .sider-wrap .sider-item .item .text { width: 64px; line-height: 14px; white-space: normal; }

#sider-bar .sider-wrap span.official-class { display: block; min-height: 64px; width: 64px; }

#sider-bar .sider-wrap span.official-class span img { margin: 0px auto; }

#sider-bar .sider-wrap span.official-class:first-child button { display: block; border-radius: 8px 8px 0px 0px; }

#sider-bar .sider-wrap span.official-class:last-child button { display: block; border-radius: 0px 0px 8px 8px; }

#sider-bar .sider-wrap .el-backtop { min-height: 64px; width: 64px; position: relative; border-radius: 0px 0px 8px 8px; box-shadow: none; color: rgb(153, 153, 153); font-size: 12px; font-weight: 400; text-align: center; line-height: 14px; }

#sider-bar .sider-wrap .el-backtop .back-top { padding: 10px 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; font-size: 12px; font-weight: 400; }

#sider-bar .sider-wrap .el-backtop .back-top .icon-img { width: 23px; height: 24px; margin-bottom: 6px; }

#sider-bar .sider-wrap .el-backtop .back-top .text { width: 64px; line-height: 14px; white-space: normal; }

#sider-bar .sider-wrap .sider-item { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background-color: rgb(255, 255, 255); }

#sider-bar .sider-wrap .sider-item:first-child { border-radius: 8px 8px 0px 0px; }

#sider-bar .sider-wrap .sider-item:last-child { border-radius: 0px 0px 8px 8px; }

#sider-bar #server-dialog { border-radius: 8px; position: fixed; bottom: 200px; right: 100px; width: 360px; height: 530px; background-color: rgb(255, 255, 255); z-index: 2500; box-shadow: rgb(144, 144, 144) 3px 3px 8px; }

#sider-bar #server-dialog i { position: absolute; font-size: 20px; font-weight: 700; cursor: pointer; color: rgb(255, 255, 255); right: 15px; top: 15px; }

#sider-bar #server-dialog #iframe { border-radius: 8px; width: 100%; height: 530px; }

.el-popover.loginpop { min-width: 100px; padding: 10px; }

.el-popover.loginpop div.official { height: 100px; width: 100px; }

.el-popover.loginpop div.official img { height: 100%; width: 100%; }

.el-popover.loginpop div.service { text-align: center; color: rgb(0, 135, 255); }

#book-group { background: rgb(237, 241, 247); padding: 20px 0px 60px; min-height: 667px; }

#book-group .main-wrap { width: 1120px; margin: 0px auto; padding: 30px 40px; border-radius: 8px; min-height: 500px; background-color: rgb(255, 255, 255); }

#book-group .main-wrap .go-btn { font-size: 14px; color: rgb(153, 153, 153); margin-bottom: 20px; cursor: pointer; }

#book-group .main-wrap .fade-enter-active { transition: opacity 0.5s; }

#book-group .main-wrap .fade-enter { opacity: 0; }

#book-group .main-wrap .book-detail { display: flex; border-bottom: 1px solid rgb(237, 241, 247); padding-bottom: 40px; line-height: 30px; min-height: 374px; }

#book-group .main-wrap .book-detail > div { flex-shrink: 0; }

#book-group .main-wrap .book-detail > div.book-img { width: 285px; margin-right: 40px; }

#book-group .main-wrap .book-detail > div.book-img img { width: 100%; }

#book-group .main-wrap .book-detail > div.book-description { -webkit-box-flex: 1; flex: 1 1 0%; }

#book-group .main-wrap .book-detail > div.book-description .title { font-size: 24px; font-weight: 600; margin-bottom: 20px; color: rgb(51, 51, 51); }

#book-group .main-wrap .book-detail > div.book-description .text { font-size: 16px; font-weight: 400; color: rgb(102, 102, 102); }

#book-group .main-wrap .book-list .li-title { font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); margin: 30px 0px 17px; }

#book-group .main-wrap .book-list li { display: flex; height: 60px; border-bottom: 1px solid rgb(237, 241, 247); -webkit-box-align: center; align-items: center; }

#book-group .main-wrap .book-list li > div { flex-shrink: 0; }

#book-group .main-wrap .book-list li .book-name { width: 1026px; color: rgb(102, 102, 102); font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#book-group .main-wrap .book-list li .btn-group { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-pack: end; justify-content: flex-end; font-size: 16px; color: rgb(0, 135, 255); }

#book-group .main-wrap .book-list li .btn-group span { cursor: pointer; }

#book-group .main-wrap .book-list li .btn-group span:last-child { margin-left: 30px; }

#book-directory { background: rgb(237, 241, 247); padding: 20px 0px 60px; }

#book-directory .main-wrap { display: flex; width: 1200px; margin: 0px auto; border-radius: 8px; }

#book-directory .main-wrap .sider { width: 348px; margin-right: 20px; }

#book-directory .main-wrap .sider > div { background-color: rgb(255, 255, 255); border-radius: 8px; padding: 30px 15px 30px 40px; color: rgb(51, 51, 51); font-size: 16px; }

#book-directory .main-wrap .sider > div li { margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#book-directory .main-wrap .sider > div li .rank-icon { display: inline-block; width: 16px; height: 16px; background: rgb(204, 204, 204); border-radius: 50%; font-size: 12px; margin-right: 12px; color: rgb(255, 255, 255); text-align: center; line-height: 16px; }

#book-directory .main-wrap .sider > div li .rank-icon.orange { background-color: rgb(255, 170, 0); }

#book-directory .main-wrap .sider > div li:last-child { margin: 0px; }

#book-directory .main-wrap .sider > div .rank-title { font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); margin-bottom: 20px; }

#book-directory .main-wrap .sider > div .rank-title i { font-size: 20px; margin-right: 10px; }

#book-directory .main-wrap .sider > div .rank-title i.iconfire-fill { color: rgb(255, 94, 1); }

#book-directory .main-wrap .sider > div .rank-title i.iconxin { color: rgb(255, 85, 50); }

#book-directory .main-wrap .sider > div.popular-rank { margin-bottom: 20px; }

#book-directory .main-wrap ul { min-height: 100px; }

#book-directory .main-wrap .directory-list { -webkit-box-flex: 1; flex: 1 1 0%; }

#book-directory .main-wrap .directory-list .content-wrap { background-color: rgb(255, 255, 255); padding: 30px 40px; border-radius: 8px; }

#book-directory .main-wrap .directory-list .go-btn { color: rgb(153, 153, 153); font-size: 14px; cursor: pointer; }

#book-directory .main-wrap .directory-list .directory-title { font-size: 24px; font-weight: 600; color: rgb(51, 51, 51); text-align: center; padding-bottom: 30px; border-bottom: 1px solid rgb(237, 241, 247); margin-bottom: 25px; }

#book-directory .main-wrap .directory-list li { font-size: 16px; line-height: 40px; }

.free-title { padding: 0px 30px; display: flex; position: relative; width: 894px; height: 48px; line-height: 48px; border-radius: 8px 8px 0px 0px; background-color: rgb(251, 252, 253); border-bottom: 1px solid rgb(237, 241, 247); }

.free-title .title-left { display: inline-block; width: 180px; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }

.free-title .title-right { position: absolute; right: 30px; height: 100%; font-size: 14px; color: rgb(51, 51, 51); font-weight: 400; }

.free-title .title-right ul li { float: left; margin-left: 40px; }

.free-title .title-right ul li .addclass { color: rgb(0, 135, 255); }

.free-title .title-right ul li img { margin-right: 4px; width: 24px; height: 24px; }

.vip-title { display: flex; position: relative; width: 100%; height: 48px; background: rgb(255, 251, 242); line-height: 48px; border-radius: 8px 8px 0px 0px; border-bottom: 1px solid rgb(255, 226, 166); }

.vip-title .title-left { display: inline-block; width: 200px; height: 100%; margin-left: 30px; font-size: 20px; font-weight: 600; color: rgb(255, 170, 0); }

.vip-title .title-right { position: absolute; right: 30px; height: 100%; font-size: 14px; color: rgb(51, 51, 51); font-weight: 400; }

.vip-title .title-right ul li { float: left; margin-left: 40px; }

.vip-title .title-right ul li .addclass { color: rgb(255, 170, 0); }

.vip-title .title-right ul li img { margin-right: 4px; width: 24px; height: 24px; }

#main-title { padding: 30px 0px 20px; }

#main-title .title-detail { display: inline-block; width: 200px; height: 100%; font-size: 20px; font-weight: 600; color: rgb(51, 51, 51); }