@charset "UTF-8";
:root {
	--primary-color: #00C691;
	--fs-12: 12px;
	--fs-14: 14px;
	--fs-16: 16px;
	--fs-18: 18px;
	--fs-20: 20px;
	--fs-22: 22px;
	--fs-24: 24px;
	--fs-31: 31px;
	--fs-36: 36px;
	}

::-webkit-scrollbar {width: 4px;height: 4px}
::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1);}
::-webkit-scrollbar-thumb {background: rgba(102, 102, 102, 0.2);border-radius: 4px}
::-webkit-scrollbar-thumb:hover {background-color: rgba(102, 102, 102, 1)}

/*CSS 重置*/
* {padding: 0px;margin: 0px;outline: none;list-style: none;box-sizing: border-box;}

html, body {height: 100%;width: 100%}
html {line-height: 24px;-webkit-text-size-adjust: 100%;}
body {background: #E5F9F4;color: #333333;font-size: var(--fs-14);font-family: "Microsoft YaHei", Roboto, sans-serif, "Classic Grotesque W01", "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", Arial, SimSun;line-height: 1.5;}
a {text-decoration: none;transition: all 0.3s;color: #333333;}
.page-container {width: 1400px;clear: both;margin: 0px auto}
.icon {font-size: var(--fs-18)}

.flex {display: flex;flex-direction: row}
.flex-col {flex-direction: column}
.flex-center {align-items: center !important;}
.flex-content-center {justify-content: center !important;}
.flex-between {justify-content: space-between !important;}
.flex-wrap {flex-wrap: wrap !important;}
.flex-full {flex: 1 !important;}
.flex-auto {flex: auto !important;}

.no-margin-right {margin-right: 0px !important;}
.flex-top {align-items: flex-start !important;}
.width-full {width: 100% !important}
.height-full {height: 100% !important}
.animate-all {transition: all 0.3s;}

.ui-user-logo {width: 38px;height: 38px;border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;background: #BFBFBF}
.ui-user-logo img {width: 100%}

.login-box {height: 100%;display: flex;flex-direction: row;}
.login-box .banner {flex: 1;background-color: #97D2C2}
.login-box .banner .item {width: 100%;height: 100%;background-size: cover}
.login-box .login-form {width: 600px;background-color: #FFFFFF;padding: 10px 40px;display: flex;flex-direction: column;}
.login-box .login-form .foot {color: #CCCCCC;text-align: center}
.login-box .login-form .login {display: flex;flex-direction: column;justify-content: center;flex: 1}
.login-box .login-form .login .form-title {color: #000000;font-size: 31px;text-align: center;padding-bottom: 18%;display: flex;align-items: center;justify-content: center;flex-direction: column}
.login-box .login-form .login .form-title-sub {padding-bottom: 50px}
.login-box .login-form .login .form-title p {font-size: var(--fs-16);color: #CCCCCC;margin-top: 10px;font-weight: 300}
.login-box .login-form .login .item {display: flex;flex-direction: column;color: #000000;font-size: var(--fs-20);margin: 18px 0px}
.login-box .login-form .login .item .input {height: 60px;line-height: 60px;border: none;border-bottom: 1px solid #EEEEEE;font-size: var(--fs-16)}
.login-box .login-form .login .item .input:focus {border-color: var(--primary-color)}
.login-box .login-form .login .item-position {position: relative}
.login-box .login-form .login .item-position .float-obj {position: absolute;right: 0px;bottom: 36px;}

.login-box .login-form .login .verify-error .error-obj {border: none !important;border-bottom: 1px solid red !important;}

.login-box .login-form .login .item a {color: #333333;font-size: var(--fs-16)}
.login-box .login-form .login .item a:hover {color: var(--primary-color) }
.login-box .login-form .login .item .submit-btn {height: 58px;line-height: 58px;text-align: center;font-size: 24px;color: #FFFFFF;background: var(--primary-color);border: none;border-radius: 8px}
.login-box .login-form .login .item .submit-btn:hover {opacity: 0.8}

.app-layout {min-height: 100%;width: 100%;display: flex;flex-direction: column;}
.app-layout .app-header {height: 80px;background-color: var(--primary-color)}
.app-layout .app-header .page-container {height: 100%}
.app-layout .app-header .logo img {height: 36px}
.app-layout .app-header .site-name {font-size: var(--fs-22);color: #FFFFFF;margin-left: 10px}
.app-layout .app-header .site-type {font-size: var(--fs-18);color: var(--primary-color);text-align: center;width: 119px;height: 40px;line-height: 40px;background: #C7FBED;margin-left: 56px;border-radius: 4px}
.app-layout .app-header .user-name {font-size: var(--fs-16);color: #FFFFFF;margin-left: 10px}
.app-layout .app-header .login-out {font-size: var(--fs-16);color: #FFFFFF;margin-left: 36px}
.app-layout .app-header .login-out .icon {font-size: var(--fs-22);margin-right: 8px}
.app-layout .app-header .login-out:hover .icon {font-weight: bold}

.app-layout .app-containt {flex: 1;padding: 20px 0px;display: flex;flex-direction: row;}
.app-layout .app-containt .menu-bar {width: 184px;margin-right: 24px;background-color: #FFFFFF;border-radius: 7px}
.app-layout .app-containt .menu-bar .user-info {padding-top: 36px;padding-bottom: 20px;margin: 0px 18px;margin-bottom: 26px;border-bottom: 1px dashed #DDDDDD;display: flex;flex-direction: column;align-items: center}
.app-layout .app-containt .menu-bar .user-info .ui-user-logo {width: 80px;height: 80px;}
.app-layout .app-containt .menu-bar .user-info .name-info {padding: 10px 0px}
.app-layout .app-containt .menu-bar .user-info .name-info .name {font-size: var(--fs-16); max-width: 66px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app-layout .app-containt .menu-bar .user-info .name-info .edit {font-size: var(--fs-14);color: #00C691;margin-left: 16px}
.app-layout .app-containt .menu-bar .user-info .name-info .edit .icon {margin-right: 3px}
.app-layout .app-containt .menu-bar .user-info .login-out {font-size: var(--fs-12);color: #FFFFFF;background-color: var(--primary-color);border-radius: 5px;width: 116px;text-align: center;padding: 3px 0px}
.app-layout .app-containt .menu-bar .menu {display: flex;flex-direction: column}
.app-layout .app-containt .menu-bar .menu a {height: 46px;display: flex;flex-direction: row;align-items: center;color: #333333;font-size: var(--fs-16);border-left: 3px solid #FFFFFF;justify-content: space-between;margin: 6px 0px}
.app-layout .app-containt .menu-bar .menu a .icon {margin-left: 22px;font-size: var(--fs-22); }
.app-layout .app-containt .menu-bar .menu a b {width: 120px;font-weight: normal}
.app-layout .app-containt .menu-bar .menu a:hover, .app-layout .app-containt .menu-bar .menu .active {background-color: #BFF0E3;color: var(--primary-color);border-color: var(--primary-color)}
.app-layout .app-containt .menu-bar .menu a:hover .icon, .app-layout .app-containt .menu-bar .menu .active .icon {color: var(--primary-color);font-weight: bold}

.app-layout .app-containt .page-content {flex: 1;display: flex;flex-direction: column;}
.ui-box {background-color: #FFFFFF;border-radius: 7px;padding: 5px 25px;display: flex;flex-direction: column;}
.ui-box .box-title {border-bottom: 1px solid #EFEFEF;display: flex;}
.ui-box .box-title .item {font-size: var(--fs-16);color: #333333;margin-right: 36px;margin-bottom: -1px;height: 50px;line-height: 50px;border-bottom: 3px solid transparent;min-width: 66px;text-align: center}
.ui-box .box-title .item-active {color: var(--primary-color);border-bottom: 3px solid var(--primary-color);}
.ui-box .box-body {padding: 15px 0px}
.ui-box-mtop {margin-top: 24px;}
.page-content .data-info {display: flex;flex-direction: row;justify-content: space-between;padding: 31px 50px}
.page-content .data-info-full {padding: 31px 0px;}
.page-content .data-info .item {display: flex;flex-direction: column;align-items: center;color: #000000;font-size: var(--fs-20);white-space: nowrap;}
.page-content .data-info .item b {color: var(--primary-color);font-size: 48px;}
.page-content .pic-list {display: flex;flex-direction: row;flex-wrap: wrap;margin: 0px -12px}
.page-content .pic-list .item {width: calc(25% - 24px);margin: 12px;height: 156px;min-height: 156px;overflow: hidden; display: flex;align-items: center;position: relative;background-color: #DFDFDF;justify-content: center;color: #A1A1A1;font-size: var(--fs-16);flex-direction: column}
.page-content .pic-list .item .link-area {display: none;align-items: center;justify-content: space-between;width: 100%;padding: 0px 10px;background-color: #C0F0E4;height: 43px;border-top: 1px dashed #CCCCCC;position: absolute;left: 0px;bottom: 0px;right: 0px}
.page-content .pic-list .item:hover .link-area {display: flex}
.page-content .pic-list .item img {width: 100%}
.page-content .pic-list .item .title {position: absolute;left: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.5);height: 36px;padding: 0px 10px;color: #FFFFFF;line-height: 36px}
.page-content .pic-list .item:hover img {width: 110%}
.page-content .pic-list .item-add {border: 1px dashed #B5B3B3;border-radius: 7px;background-color: #FFFFFF}
.page-content .pic-list .item-add .icon {font-size: var(--fs-36)}
.page-content .pic-list .item-add:hover {border-color: var(--primary-color);color: var(--primary-color)}
.page-content .pic-list-info .item {height: auto;background: none;border: 1px solid #E1E1E1;}
.page-content .pic-list-info .item .img {height: 156px;overflow: hidden; display: flex;align-items: center;justify-content: center;background-color: #DFDFDF;width: 100%}
.page-content .pic-list-info .item .info {padding: 5px 10px;color: #999999;font-size: var(--fs-14);width: 100%;position: relative;flex: 1}
.page-content .pic-list-info .item .info .select {position: absolute;right: 10px;top: 10px;font-size: var(--fs-31);color: var(--primary-color);display: none}
.page-content .pic-list-info .item .info .title {position: static;background: none;height: auto;line-height: 1.5;padding: 5px 0px;color: #333333;font-size: var(--fs-16);white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.page-content .pic-list-info .item .info .type {padding-bottom: 5px;color: #333333;}
.page-content .pic-list-info .item:hover {border-color: var(--primary-color)}

.app-layout .app-foot {height: 45px;line-height: 45px;text-align: center;color: #CCCCCC;margin-top: -15px}
.ui-search-bar {display: flex;align-items: center;justify-content: center;margin: 20px 0px}
.ui-search-bar .input {height: 43px;line-height: 43px;border: 1px solid #E2E2E2;border-top-left-radius: 7px;border-bottom-left-radius: 7px;padding: 0px 15px;font-size: var(--fs-16)}
.ui-search-bar .submit {height: 43px;line-height: 43px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;padding: 0px 20px;background: var(--primary-color);color: #FFFFFF;font-size: var(--fs-16);border: none}
.ui-search-bar .submit:hover {opacity: 0.8}
.ui-search-bar .ui-select {border-left: 0px;border-right: 0px;border-radius: 0px;border-color: #E2E2E2}
.ui-search-bar:hover .ui-select, .ui-search-bar:hover .input {border-color: var(--primary-color)}

.ui-data-type {display: flex;flex-direction: row;font-size: var(--fs-16);margin: 10px 0px}
.ui-data-type .label {color: #333333;width: 80px;margin-right: 5px;margin-top: 5px;height: 28px;line-height: 28px}
.ui-data-type .data {flex: 1;display: flex;flex-direction: row;flex-wrap: wrap;}
.ui-data-type .data .item {color: #999999;margin: 5px;padding: 0px 15px;border-radius: 15px;font-size: var(--fs-14);height: 28px;line-height: 28px;cursor: default;background: none;border: none}
.ui-data-type .data .item:hover, .ui-data-type .data .active {background-color: var(--primary-color);color: #FFFFFF}
.ui-data-type-box {margin-top: 15px;display: flex;flex-direction: column}
.ui-data-type:last-child {padding-bottom: 20px;border-bottom: 1px dashed #CCCCCC;margin-bottom: 20px}

.ui-btn {white-space: nowrap;height: 43px;line-height: 43px;padding: 0px 20px;color: #FFFFFF;background-color: var(--primary-color);font-size: var(--fs-16);border-radius: 7px;border: none;transition: all 0.3s;display: flex;align-items: center;justify-content: center}
.ui-btn .icon {font-size: var(--fs-20);margin-right: 5px}
.ui-btn:disabled {background-color: #C1C1C1}
.ui-btn-empty {background: none;border: 1px solid var(--primary-color);color: var(--primary-color)}
.ui-btn-radius {border-radius: 23px}
.ui-dot-line {border-bottom: 1px dashed #CCCCCC;display: flex;margin: 10px 0px;width: 100%}
.ui-btn-gray-border {border: 1px solid #E2E2E2 !important;}
.ui-btn-gray {color: #FF0000 !important;background-color: #F4F4F4 !important;border: 1px solid #F4F4F4}
.ui-btn-gray:hover {border: 1px solid #E4E4E4}

.ui-btn-mine-empty {height: 30px;line-height: 30px;padding: 0px 15px;color: var(--primary-color);border: 1px solid var(--primary-color);font-size: var(--fs-14);border-radius: 8px;background-color: #FFFFFF;white-space: nowrap;cursor: default}
.ui-btn-mine-empty .icon {font-size: var(--fs-24);margin-right: 5px}
.ui-btn-mine-empty:hover {background-color: var(--primary-color);color: #FFFFFF}
.ui-btn-mine-empty:hover .icon {color: #FFFFFF}
.ui-btn-mine-empty-h26 {height: 26px;line-height: 26px}

.ui-btn-mini {padding: 0px 10px;height: 26px;line-height: 26px;font-size: var(--fs-14);border-radius: 5px}
.ui-btn-mini .icon {font-size: var(--fs-16)}

.ui-select, .ui-btn-return {height: 36px;line-height: 36px;padding: 0px 10px;color: var(--primary-color);border: 1px solid var(--primary-color);font-size: var(--fs-16);border-radius: 7px;background-color: #FFFFFF;}
.ui-select-content {height: 43px;line-height: 43px}
.ui-btn-return {display: flex;align-items: center;font-weight: normal;}
.ui-btn-return .icon {font-size: var(--fs-20);margin-right: 5px}
.ui-btn:hover, .ui-select:hover, .ui-btn-return:hover {opacity: 0.8}
.ui-btn-navi {height: 38px;line-height: 38px;}
.ui-btn-padding-10 {padding: 0px 10px !important;}
.ui-btn-padding-15 {padding: 0px 15px !important;}
.ui-btn-no-border {border: none !important;}
.ui-btn-return-nave {height: 33px;line-height: 33px;font-size: var(--fs-14)}
.ui-btn-return-nave .icon {font-size: var(--fs-20)}
.ui-btn-return-nave:hover {background-color: var(--primary-color);color: #FFFFFF}

.page-content .school-list {display: flex;flex-direction: column;margin: 20px 0px}
.page-content .school-list .item {padding: 10px;border: 1px solid #E2E2E2;border-radius: 10px;display: flex;flex-direction: row;margin: 10px 0px}
.page-content .school-list .item .img {width: 136px;height: 90px;border-radius: 5px;overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #DFDFDF;}
.page-content .school-list .item .info {display: flex;flex-direction: column;flex: 1;margin: 0px 22px;color: #313131;font-size: var(--fs-14);justify-content: space-between}
.page-content .school-list .item .info p {color: #313131;font-size: var(--fs-16)}
.page-content .school-list .item .info label {color: #979999;}
.page-content .school-list .item .tool {display: flex;flex-direction: column;justify-content: center;text-align: center;margin-left: 30px}
.page-content .school-list .item .tool a {font-size: var(--fs-14);height: 28px;line-height: 28px;}
.page-content .school-list .item .tool .link {color: var(--primary-color);border: solid 1px var(--primary-color);text-align: center;border-radius: 10px;margin-top: 8px}
.page-content .school-list .item .tool .statu {border-radius: 15px;padding: 0px 3px;display: flex;align-items: center;color: #FFFFFF;border: none;height: 28px;justify-content: center}
.page-content .school-list .item .tool .statu .dot {width: 22px;height: 22px;border-radius: 11px;background-color: #FFFFFF}
.page-content .school-list .item .tool .statu label {margin: 0px 7px}
.page-content .school-list .item .tool .statu-off {background-color: #FF0000}
.page-content .school-list .item .tool .statu-on {background-color: var(--primary-color);flex-direction: row-reverse}
.page-content .school-list .item:hover {background-color: #C7FBED;border-color: #BFF0E3}
.page-content .form-body {padding: 30px}
.form-box {display: flex;flex-direction: column}
.form-box .block-title {font-size: var(--fs-18);color: #313131;margin-bottom: 10px;margin-left: -38px}
.form-box .form-item {display: flex;align-items: center;margin: 10px 0px;color: #313131;font-size: var(--fs-16);position: relative}
.form-box-margin-15 .form-item {margin: 15px 0px}
.form-box-label-120 .form-item label {width: 120px;display: flex;align-items: center;justify-content: space-between}
.form-box .form-item-req label:before {content: '*';color: #FF0000;margin-right: 2px;font-size: var(--fs-14);position: absolute;left: -10px;top: 8px;line-height: 1}
.form-box .form-item-req label {position: relative;}
.form-box-label-right .form-item label {justify-content: flex-end}
.form-box-label-right .form-item-req label:before {position: static}

.form-box .form-item .form-input, .ui-input {height: 38px;line-height: 38px;border: 1px solid #E4E4E4;border-radius: 7px;padding: 0px 10px;transition: all 0.3s;font-size: var(--fs-14);flex: 1}
.form-box .form-item-unit {min-height: 38px;display: flex;flex-direction: column;justify-content: center;position: relative}
.form-box .form-item-unit:after {content: attr(unit); background: #F5F7FA; position: absolute; top: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; padding: 0px 11px; font-size: 14px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;border: 1px solid #E4E4E4;transition: all 0.3s;box-sizing: border-box;min-width: 45px;justify-content: center}
.form-box .form-item-unit-block:after {display: none}
.form-box .form-item-unit-block .place {background: #F5F7FA; position: absolute; top: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; padding: 0px 11px; font-size: 14px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;border: 1px solid #E4E4E4;transition: all 0.3s;cursor: pointer;min-width: 45px;justify-content: center}

.form-box .form-item-unit:hover:after, .form-box .form-item-unit-block:hover .place, .form-box .form-item-unit:hover .form-input, .form-box .form-item .form-input:hover, .form-box .form-item-unit:hover .ui-form-item-tag, .ui-input:hover {border-color: var(--primary-color)}
.form-box .form-item-unit .form-input {flex: 1}

.form-box .form-item .input-auto {height: auto;line-height: 1.5;padding: 10px;}
.form-box .form-item label {white-space: nowrap;}
.form-box .form-item label:after {content: ':';margin-left: 5px;margin-right: 10px}
.form-body .ui-dot-line {margin: 31px 0px}
.form-body .ui-dot-line-inner {margin-left: -38px}
.form-box .form-item .ui-btn {margin: 15px;min-width: 125px }
.form-box .form-row {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin: 0px -20px}
.form-box .form-row .form-item {margin-left: 20px;margin-right: 20px;flex: 1 }
.form-box .form-row .form-input {flex: 1}
.form-box .form-item .img-preview {width: 117px;height: 117px;display: flex;align-items: center;justify-content: center;border: 1px dashed rgba(112, 112, 112, 0.4);overflow: hidden;}
.form-box .form-item .disabled {opacity: 0.5;font-size: var(--fs-14)}
.form-body-normal .form-box .form-item {font-size: var(--fs-14)}
.ui-font-size-14 {font-size: var(--fs-14) !important;}
.form-box .form-block-title {font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, .1);margin-top: 20px;margin-bottom: 15px;display: flex;height: 40px;align-items: center}

.learn-home {padding: 20px;display: flex;flex-direction: column}
.learn-home .block-item {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between}
.learn-home .block-item .item {padding: 15px 16px;border: 1px solid var(--primary-color);border-radius: 10px;display: flex;width: 31%;margin-bottom: 36px;align-items: center}
.learn-home .block-item .item:hover {opacity: 0.8;transition: all 0.3s;}
.learn-home .block-item .item .icon {font-size: 55px;color: var(--primary-color); height: 65px; overflow: hidden; display: flex; align-items: center; }
.learn-home .block-item .item .intro {display: flex;flex-direction: column;justify-content: space-between;margin: 0px 20px;color: #CCCCCC;font-size: var(--fs-16);flex: 1}
.learn-home .block-item .item .intro p {color: #333333;font-size: var(--fs-22);margin-bottom: 3px}
.learn-home .block-item .item .go {width: 55px;height: 55px;border-radius: 55px;background-color: #FFFFFF;display: flex;align-items: center;justify-content: center;font-size: var(--fs-22);color: var(--primary-color);margin-right: 26px}
.learn-home .block-item .item-empty {width: 31%}
.learn-home .block-item-max {margin-bottom: 70px}
.learn-home .block-item-max .item {width: 49%;background-color: var(--primary-color)}
.learn-home .block-item-max .item .icon {color: #FFFFFF}
.learn-home .block-item-max .item .intro {color: #B9FDED}
.learn-home .block-item-max .item .intro p {color: #FFFFFF}
.ui-choose-lesson {padding-top: 10px;display: flex;flex-direction: row;justify-content: space-between;align-items: center}
.ui-choose-lesson .choose-data {display: flex;flex-direction: row;flex: 1;margin-right: 15px;align-items: center}
.ui-choose-lesson .choose-data .title {color: #000000;font-size: var(--fs-16);line-height: 36px;white-space: nowrap}
.ui-choose-lesson .choose-data .data {flex: 1;display: flex;flex-wrap: wrap;flex-direction: row}
.ui-choose-lesson .choose-data .data .item {white-space: nowrap;height: 36px;line-height: 36px;border-radius: 18px;padding: 0px 12px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #B2B2B2;margin: 5px 7px;color: #999999;background: none}
.ui-choose-lesson .choose-data .data .item .icon {margin-left: 15px}
.ui-choose-lesson .choose-data .data .placeholder {color: rgba(34, 47, 62, .7);font-size: var(--fs-14)}
.ui-choose-lesson .choose-data .data:has(.item) .placeholder {display: none}
.ui-left-space-10 {margin-left: 8px !important;}
.ui-left-space-15 {margin-left: 15px !important;}
.ui-left-space-30 {margin-left: 30px !important;}
.ui-left-space-50 {margin-left: 50px !important;}
.ui-search-input {display: flex;align-items: center;justify-content: center;border: 1px solid #E2E2E2;border-radius: 7px;overflow: hidden;}
.ui-search-input .input, .ui-search-input .submit {height: 36px;line-height: 36px;border: none;background: none;margin: 0px 10px;}
.ui-search-input .icon {color: #7F7F7F;font-size: var(--fs-18);cursor: pointer}
.ui-search-input-green {border-color: var(--primary-color)}

.page-content .exam-list-pic {display: flex;flex-direction: row;flex-wrap: wrap;margin: 0px -12px}
.page-content .exam-list-pic .item {width: calc(25% - 24px);margin: 12px;overflow: hidden; display: flex;color: #A1A1A1;font-size: var(--fs-16);flex-direction: column;position: relative;}
.page-content .exam-list-pic .item .type-box, .page-content .pic-list-info .item .txt_img {height: 148px;background-color: #BFF0E3;display: flex;align-items: center;justify-content: center;font-size: 80px;color: #D2F5EB;width: 100%;white-space: nowrap}
.page-content .exam-list-pic .item .info {border: 1px solid #F5F5F5;border-top: none;padding: 5px 10px;font-size: var(--fs-14);color: #A09D9D;line-height: 1.8;flex: 1}
.page-content .exam-list-pic .item .info p {font-size: var(--fs-16);color: #474747;padding: 3px 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.page-content .exam-list-pic .item .score-box {height: 148px;position: absolute;top: 0px;left: 0px;right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: var(--fs-16);line-height: 1;color: #333333}
.page-content .exam-list-pic .item .score-box a {width: 118px;height: 31px;line-height: 31px;text-align: center;color: #FFFFFF;background-color: var(--primary-color);border-radius: 16px;font-size: var(--fs-14)}
.page-content .exam-list-pic .item .score-box b {color: var(--primary-color);font-size: 48px}
.page-content .exam-list-pic .item .score-box .no-exam {font-size: var(--fs-31);color: #EB8B54 }
.page-content .exam-list-pic .item .score-box p {margin-top: 5px;margin-bottom: 7px}
.page-content .exam-list-pic .item:hover .info, .page-content .exam-list-pic .item:hover .info p {color: var(--primary-color) }
.page-content .exam-list-pic .item:hover .info {border-color: var(--primary-color)}
.page-content .exam-list-pic .item:hover .type-box {background-color: #00C691;color: #1ACC9C}
.page-content .exam-list-pic .item:hover .score-box, .page-content .exam-list-pic .item:hover .score-box b {color: #FFFFFF}
.page-content .exam-list-pic .item:hover .score-box a {background-color: #BFF0E3;color: var(--primary-color)}
.page-content .exam-list-pic .item-disable .type-box, .page-content .exam-list-pic .item-disable:hover .type-box {background-color: #CCCCCC;color: #E7DFDF;opacity: 0.5}
.page-content .exam-list-pic .item-disable:hover .info {border-color: #F5F5F5;color: #A09D9D;}
.page-content .exam-list-pic .item-disable:hover .info p {color: #0F0F0F}

.page-content .date-report:first-child {margin: 0px}
.page-content .date-report {display: flex;flex-direction: column;margin-top: 60px}
.page-content .date-report .title-block {display: flex;align-items: center}
.page-content .date-report .title-block .title {font-size: var(--fs-22);color: #000000;display: flex;flex-direction: column;}
.page-content .date-report .title-block .title:after {content: '';height: 5px;background-color: var(--primary-color);border-radius: 3px;margin-top: 5px}
.page-content .date-report .title-block .date-block {display: flex;align-items: center;margin-left: 136px}
.page-content .date-report .title-block .date-block .day-type {width: 93px;height: 40px;line-height: 40px;border-radius: 10px;border: 1px solid var(--primary-color);text-align: center;color: var(--primary-color);background-color: #FFFFFF;font-size: var(--fs-16);margin-right: 22px}
.page-content .date-report .title-block .date-block .day-type-active {background-color: var(--primary-color);color: #FFFFFF }
.page-content .date-report .title-block .date-block .day-area {height: 40px;line-height: 40px;border-radius: 10px;border: 1px solid #E2E2E2;padding: 0px 10px;display: flex;flex-direction: row;align-items: center}
.page-content .date-report .title-block .date-block .day-area .value {flex: 1;font-size: var(--fs-16);color: #9A9A9A;display: flex;align-items: center;justify-content: space-between}
.page-content .date-report .title-block .date-block .day-area .value input {border: none;background: none;height: 40px;line-height: 40px;text-align: center;width: auto;width: 110px;user-select: none;font-size: var(--fs-14)}
.page-content .date-report .title-block .date-block .day-area .icon {margin-left: 10px}
.page-content .date-report .title-block .date-block .day-area:hover {border-color: var(--primary-color)}
.page-content .date-report .report-chart {margin-top: 31px}
.page-content .ui-remark {background-color: #E4F9F2;padding: 15px 30px;font-size: var(--fs-16);color: #9A9A9A;border-radius: 10px;line-height: 2;margin: 15px 0px}
.page-content .ui-remark p {color: #3A3A3A}
.ranking-filter {background-color: #E4F9F2;padding: 5px 15px}
.ranking-filter .ui-data-type {border: none;padding: 0px;margin: 0px 0px;}
.ranking-filter .ui-data-type .label {width: auto;margin-right: 0px}
.app-containt-full .menu-bar {display: none}
.app-containt-align-top {align-items: flex-start}

.exam-box {display: flex;flex-direction: row; margin-top: 25px;}
.exam-box .left-box {width: 272px;margin-right: 25px;}
.exam-box .right-box {flex: 1}
.exam-box .left-box .block-box {border: 1px solid #EFEFEF;padding: 30px 15px;color: #494949;font-size: var(--fs-14);display: flex;flex-direction: column;line-height: 2;padding-bottom: 15px;margin-bottom: 50px}
.exam-box .left-box .block-box label {color: #999999}
.exam-box .left-box .block-box .block-title {font-size: var(--fs-18);color: var(--primary-color);margin: 0px auto;margin-top: -49px;margin-bottom: 10px;text-align: center;background-color: #FFFFFF;padding: 0px 18px}
.exam-box .left-box .block-box:last-child {margin-bottom: 0px}

.exam-box .left-box .exam-flag {display: flex;flex-direction: column;}
.exam-box .left-box .exam-flag .number {display: flex;flex-direction: row;flex-wrap: wrap;color: #000000;font-size: var(--fs-14)}
.exam-box .left-box .exam-flag .number .item {width: 30px;text-align: center;height: 30px;line-height: 30px;border: 1px solid #EFEFEF;margin-left: -1px;margin-top: -1px;cursor: pointer;font-size: var(--fs-12)}
.exam-box .left-box .exam-flag .number .yes {background-color: var(--primary-color);color: #FFFFFF}
.exam-box .left-box .exam-flag .number .no {background-color: #FF0000;color: #FFFFFF}
.exam-box .left-box .exam-flag .number .current {background-color: var(--primary-color);color: red}
.exam-box .left-box .exam-flag .number .mark {background-color: #EB8B54;color: #FFFFFF}

.exam-box .left-box .exam-flag .info {display: flex;text-align: center;flex-direction: column;margin-top: 21px;color: #999999;white-space: nowrap}
.exam-box .left-box .exam-flag .info b {font-size: var(--fs-24);font-weight: normal}
.exam-box .left-box .exam-flag .info .yes-exam {margin-right: 25px}
.color-red {color: #FF0000 !important;}
.color-black {color: #484848 !important;}
.color-green {color: var(--primary-color) !important;}
.color-yellow {color: #EB8B54 !important;}
.color-white {color: #FFFFFF !important;}
.bg-green {background-color: var(--primary-color) !important;}
.bg-yellow {background-color: #EB8B54 !important;}

.exam-box .right-box .exam-title {text-align: center;font-size: var(--fs-14);color: #979999;display: flex;flex-direction: column;margin-bottom: 31px}
.exam-box .right-box .exam-title b {font-size: var(--fs-18);color: #000000;font-weight: normal;margin-bottom: 5px}
.exam-box .right-box .exam-type-title {white-space: nowrap;border: 1px solid #E3E1E1;background-color: #C7FBED;min-height: 45px;padding: 5px 0px;padding-left: 36px;padding-right: 20px;display: flex;align-items: center;font-size: var(--fs-18);color: #000000}
.exam-box .right-box .exam-type-title .ui-left-space-15 {white-space: normal}
.exam-box .right-box .examm-qa {display: flex;flex-direction: column;padding-left: 36px;padding-right: 20px;font-size: var(--fs-14);color: #979999;}
.exam-box .right-box .examm-qa .title {color: #000000;font-size: var(--fs-16);margin-top: 30px;margin-bottom: 20px;display: flex;align-items: flex-start}
.exam-box .right-box .examm-qa .title-block {border-bottom: 1px dashed #CCCCCC;;margin-bottom: 0px;padding-bottom: 20px}
.exam-box .right-box .examm-qa .item {margin-bottom: 20px;display: flex;align-items: center;cursor: pointer}
.exam-box .right-box .examm-qa .item input {margin-right: 15px;width: 20px;height: 20px;cursor: pointer}
.exam-box .right-box .examm-qa .remark-data {margin: 10px 0px}
.exam-box .right-box .examm-qa img:not([width]) {max-width: 250px;border: 1px solid #ECECEC;border-radius: 3px}

.exam-box .right-box .examm-qa .ui-exam-qa-next-exam .remark-data {display: none}
.exam-box .right-box .examm-qa .ui-exam-qa-next-exam .remark-data-split {border-top: 1px dashed #CCCCCC;padding-top: 18px;margin-top: 31px}
.exam-box .right-box .examm-qa .ui-exam-qa-next-tips .remark-data {display: flex}

.exam-box .right-box .examm-qa:hover {background: none}
.exam-box .right-box .examm-qa-block {border-bottom: 1px dashed #CCCCCC; padding-left: 36px; padding-right: 20px;font-size: var(--fs-16);padding-top: 20px;padding-bottom: 20px}
.exam-box .right-box .examm-containt {min-height: 410px}
.exam-box .right-box .examm-containt .init-info {display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 100px}
.exam-box .right-box .examm-containt .init-info svg {margin-bottom: 10px;margin-left: -12px}

.exam-box .right-box .ui-dot-line {margin: 31px 0px}
.exam-box .right-box .tools {display: flex;align-items: center;justify-content: space-between}
.exam-box .right-box .tools .ui-btn {padding: 0px 31px}
.exam-box .right-box .tools .prvenext {display: flex;align-items: center;}
/*margin-left: 36px;*/
.exam-box .right-box .tools .prvenext .ui-btn {border: 1px solid transparent;}
.exam-box .right-box .tools .prvenext .ui-btn:first-child {background: #FFFFFF;color: #333333;border: 1px solid #E4FAF2;margin-right: 15px}
.exam-box .right-box .tools .prvenext .ui-btn:last-child {background: #E4FAF2;color: var(--primary-color);border-color: transparent }
.exam-box .right-box .tools .prvenext .ui-btn:hover {font-weight: bold;border: 1px solid var(--primary-color)}
.exam-box .right-box .exam-result {width: 740px;clear: bottom;margin: 0px auto;display: flex;flex-direction: column;align-items: center}
.exam-box .right-box .exam-result .score {color: #5D5C5C;text-align: center;line-height: 1.2}
.exam-box .right-box .exam-result .score .count {font-size: 48px;color: #FF0000;}
.exam-box .right-box .exam-result .score .state {font-size: var(--fs-31)}
.exam-box .right-box .exam-result .report {display: flex;flex-direction: column;background: #C7FBED;font-size: var(--fs-22);color: #999999;border-radius: 10px;padding: 25px 0px;align-items: center;margin-top: 50px;margin-bottom: 40px;width: 100%}
.exam-box .right-box .exam-result .report .data {display: flex;flex-direction: row;width: 100%;margin: 36px 0px;justify-content: space-between}
.exam-box .right-box .exam-result .report .data .item {text-align: center;display: flex;align-items: center;justify-content: center;padding: 0px 31px}
.exam-box .right-box .exam-result .report .data b {font-size: var(--fs-36);margin-left: 5px }
.exam-box .right-box .exam-result .report a {font-size: var(--fs-18);color: var(--primary-color);border: 1px solid var(--primary-color);height: 42px;line-height: 42px;border-radius: 22px;padding: 0px 40px}
.exam-box .right-box .exam-result .ui-btn:last-child {padding: 0px 45px}
.exam-box .right-box .exam-result .score-box {width: 290px;height: 143px;position: relative;align-items: center; justify-content: flex-end;display: flex;flex-direction: column;overflow: hidden;}

.exam-box .right-box .exam-result .score-bg {width: 290px;height: 290px; align-items: center;justify-content: center; display: flex;flex-direction: column;position: absolute;top: 0px;left: 0px; transform: rotate(0deg);}
.exam-box .right-box .exam-result .score-bg-current-1 {width: 286px;height: 143px;border: 10px solid #DADADA;border-bottom: none;border-top-left-radius: 143px;border-top-right-radius: 143px;}
.exam-box .right-box .exam-result .score-bg-current-2 {width: 290px;height: 145px;border: 14px solid #FF0000;border-top: none;border-bottom-left-radius: 145px;border-bottom-right-radius: 145px;}
.exam-box .right-box .exam-result .score-box-yes .score-bg-current-2 {border-color: var(--primary-color)}
.exam-box .right-box .exam-result .score-box-yes .count {color: var(--primary-color)}

.func-box {display: flex;flex-direction: row;flex-wrap: wrap;margin: 0px -12px}
.func-box .item {width: calc(25% - 24px);margin: 12px;display: flex;align-items: center;justify-content: center;font-size: var(--fs-22);flex-direction: column;color: var(--primary-color);background-color: #C7FBED;padding: 31px 0px}
.func-box .item .icon {font-size: 60px;display: flex;align-items: center;height: 60px;overflow: hidden;margin-bottom: 5px}
.func-box .item:hover {background-color: var(--primary-color);color: #FFFFFF}
.func-box-guide .item {width: 268px;margin: 15px 36px;padding: 40px 0px;border: none;cursor: pointer}
.func-box-guide .item .icon {font-size: 78px;margin-bottom: 15px;height: 78px}

.ui-grid {width: 100%;border-spacing: 0px;border-collapse: collapse;text-align: left;line-height: 1.5;background: #FFFFFF;}
.ui-grid td, .ui-grid th {padding: 12px 8px;display: table-cell;border: 1px solid #E3E1E1; }

.ui-grid-mini td, .ui-grid-mini th {padding: 10px 6px;display: table-cell;border: 1px solid #E3E1E1; }

.ui-grid th {background-color: #C7FBED;border-bottom: 0px solid #E3E1E1;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #63717E}
.ui-grid td {color: #7F7F7F;transition: all 0.3s;}
/*.ui-grid td a {color: #888;}*/
.ui-grid tr:hover td {background-color: #C7FBED;color: #000000}
.ui-grid .active td {background-color: #C7FBED;color: red;font-weight: bold}

.ui-grid-content-center {text-align: center}

.ui-grid-line-height-1-8 td {line-height: 1.8}
.ui-grid .operate {display: flex;align-items: center;justify-content: center;flex-wrap: wrap}
.ui-grid .operate a {margin: 0px 8px}
.ui-grid .operate a:before {content: '|'; height: 10px;width: 1px;margin-left: -8px;color: red;padding-right: 8px;color: #7F7F7F}
.ui-grid .operate a:first-child:before {display: none}
.ui-grid .words-break {word-break: break-all;white-space: normal}
.ui-pager {display: flex;justify-content: center;margin: 16px 0px;width: 100%;align-items: center}
.ui-pager .pager-body {overflow: hidden;font-size: 14px;padding-left: 1px;display: flex;flex-direction: row;}
.ui-pager a { color: #6C757D; background-color: #FFF; height: 31px;line-height: 31px;min-width: 31px;padding: 0px 10px;border: 1px solid #DEE2E6;margin-left: -1px;cursor: pointer; transition: all .15s ease-in-out;text-align: center}
.ui-pager a:hover {color: #FFFFFF; background-color: var(--primary-color); border-color: var(--primary-color)}
.ui-pager .active {color: #FFFFFF;background-color: var(--primary-color);border-color: var(--primary-color)}
.ui-pager a:first-child {border-bottom-left-radius: 2px;border-top-left-radius: 2px}
.ui-pager a:last-child {border-bottom-right-radius: 2px;border-top-right-radius: 2px}
.ui-pager .pager-info {margin-right: 31px; height: 31px; line-height: 31px;border-radius: 2px;padding: 0px 10px; background-color: #F1F4F8;border: 1px solid #DEE2E6;}
.ui-pager .pager-info label {color: #6C757D;}

.page-content .exam-list {display: flex;flex-direction: column;margin: 20px 0px}
.page-content .exam-list .item {display: flex;flex-direction: column;padding: 15px 25px;border: 1px solid #E2E2E2;border-radius: 10px;margin: 10px 0px;padding-bottom: 10px}
.page-content .exam-list .item-info {display: flex;flex-direction: row;align-items: center}
.page-content .exam-list .item-info .type {width: 82px;height: 82px;border-radius: 15px;overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #C7FBED;color: #FFFFFF;font-size: var(--fs-31);text-align: center;line-height: 1.2}
.page-content .exam-list .item-info .exam-info {display: flex;flex-direction: column;flex: 1;margin-left: 25px;color: #313131;font-size: var(--fs-14);justify-content: space-between}
.page-content .exam-list .item-info .exam-info label {color: #979999}
.page-content .exam-list .item-info .exam-info .flex {padding: 5px 0px}
.page-content .exam-list .item-info .exam-info b {font-size: var(--fs-18);font-weight: normal;max-width: 230px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.page-content .exam-list .item-info .exam-info .exam-remark {width: 790px;}
.page-content .exam-list .item-operate {display: flex;justify-content: flex-end;align-items: center}
.page-content .exam-list .item-operate a {color: var(--primary-color);font-size: var(--fs-14);padding: 0px 18px;margin: 0px 3px;height: 40px;line-height: 40px;text-align: center;border-radius: 8px}
.page-content .exam-list .item-operate a:first-child {margin-left: 0px}
.page-content .exam-list .item-operate a:last-child {margin-right: 0px}
.page-content .exam-list .item-operate a:hover {color: #FFFFFF !important;background-color: var(--primary-color);}
.page-content .exam-list .item-operate .a-split {width: 1px;border-right: 3px solid #00C691;height: 10px;border-radius: 3px;margin: 0px 3px}
.page-content .exam-list .item-active, .page-content .exam-list .item:hover {border-color: #BFF0E3;background-color: #C7FBED}
.page-content .exam-list .item-active, .page-content .exam-list .item:hover .item-operate a {color: #333333}
.page-content .exam-list .item-active .type, .page-content .exam-list .item:hover .type {background-color: var(--primary-color);color: #80E3C8}
.exam-mark-tips {font-size: var(--fs-14);color: #979999;display: flex;flex-direction: column;margin: 20px 0px}
.exam-mark-tips .info {background-color: #C7FBED;border-radius: 10px;border: 1px solid #E3E1E1;font-size: var(--fs-16);padding: 0px 20px;height: 45px;line-height: 45px;clear: both;margin: 0px auto;margin-top: 10px;display: flex}
.exam-mark-tips .info b {font-size: var(--fs-22);margin-left: 5px}

.ui-tips {padding: 12px 20px;border-radius: 5px;border: 1px solid transparent;margin: 16px 0px;transition: all 0.3s;display: flex;align-items: center}
.ui-tips .icon {margin-right: 5px}
.ui-tips-danger {color: #721C24;background-color: #F8D7DA;border-color: #F5C6CB;}
.ui-tips-success {color: #FFFFFF;background-color: #36C968;border-color: #36C968;}

.ui-tag {font-size: var(--fs-14);height: 26px;line-height: 26px;padding: 0px 16px;color: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 13px;margin: 0px 5px;white-space: nowrap;background-color: #FFFFFF}
.ui-tag-active {background-color: var(--primary-color);color: #FFFFFF}
.exam-mark {display: flex;display: flex;flex-direction: column}
.exam-mark .block-title {font-size: var(--fs-18);font-weight: bold;}
.exam-mark .item {display: flex;flex-direction: column;margin-top: 32px;margin-bottom: 20px}
.exam-mark .item-title {font-size: var(--fs-16);color: #000000;display: flex;align-items: center;margin-bottom: 20px;align-items: flex-start;white-space: nowrap}
.exam-mark .item-title div:first-child {white-space: normal}
.exam-mark .item .ui-grid {font-size: var(--fs-16)}
.exam-mark .item .ui-grid td {padding: 12px 25px}

.ui-exam-title {font-size: var(--fs-14);color: #979999;display: flex;flex-direction: column;margin: 20px 0px;align-items: center;background: #FFFFFF}
.ui-exam-title b {color: #000000;font-size: var(--fs-18);margin-bottom: 5px}
.ui-exam-type-title {white-space: nowrap;border: 1px solid #E3E1E1;background-color: #C7FBED;min-height: 45px;padding: 5px 0px;padding: 0px 26px;display: flex;align-items: center;font-size: var(--fs-18);color: #000000}
.ui-exam-type-title .ui-btn-margin-left-15 {white-space: normal}

.ui-exam-qa {display: flex;flex-direction: column;padding: 20px 26px;;font-size: var(--fs-14);color: #979999;margin: 15px 0px;position: relative;user-select: none;transition: all 0.3s;}
.ui-exam-qa .title {color: #000000;font-size: var(--fs-16);margin-bottom: 10px;display: flex;flex-direction: row;justify-content: space-between;}
.ui-exam-qa .title .type {font-size: var(--fs-16);margin-right: 10px;white-space: nowrap}
.ui-exam-qa .title .title-box {max-width: 60%}
.ui-exam-qa .title .title-box img:not([width]) {max-width: 250px}
.ui-exam-qa .title-sub {border-top: 1px dashed #CCCCCC;padding-top: 20px;margin-top: 5px;font-size: var(--fs-14)}
.ui-exam-qa .title-sub .title-box {max-width: 680px;}

.ui-exam-qa .item {margin: 10px 0px;display: flex;align-items: center}
.ui-exam-qa .item:last-child {margin-bottom: 0px}
.ui-exam-qa:hover {background-color: #E5F9F4;border-radius: 8px}
.ui-exam-qa .remark-data {display: flex;margin: 5px 0px}
.ui-exam-qa .remark-data .data-title {margin-right: 10px;font-weight: bold;color: #333333}
.ui-exam-qa img:not([width]) {max-width: 250px;border: 1px solid #ECECEC;border-radius: 3px}
.ui-exam-qa-select {display: flex;align-items: center; position: absolute;top: 0px;left: 0px;padding: 3px 5px; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; background-color: #F4F4F4;padding-right: 7px;border-bottom-right-radius: 50%;}
.ui-exam-qa-select .item-select-input {margin-right: 4px;width: 18px; height: 18px;border-radius: 2px; background-color: #FFFFFF; border: 1px solid var(--primary-color); appearance: none;display: flex;align-items: center;justify-content: center;font-size: var(--fs-18);}
.ui-exam-qa-select .item-select-input:checked {background-color: var(--primary-color);color: #FFFFFF;}
.ui-exam-qa-select .item-select-input:checked:after {content: '\2713'}
.ui-exam-qa-index {font-size: var(--fs-18);padding: 0px 5px;padding-right: 8px;border-bottom-right-radius: 20px;background-color: #FF4E5E;color: #FFFFFF}
.ui-exam-qa-index-bank { color: #00C691; font-size: 16px; font-weight: bold;}

.ui-process {display: flex;align-items: center;font-size: var(--fs-16);color: #3B3B3B}
.ui-process label {margin-left: 10px;min-width: 50px;text-align: center}
.ui-process .bar-box {background-color: #C7FBED;flex: 1;height: 20px;border-radius: 10px;display: flex;flex: content}
.ui-process .bar-box .value {width: 10%;background-color: var(--primary-color);border-radius: 10px}
.exam-mark .item .ui-grid tr:hover td {background-color: #E5F9F4}

.ui-no-data {display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 10% 0px;}
.ui-no-data .image {font-size: 100px;height: 110px;overflow: hidden;display: flex;align-items: center;justify-content: center;opacity: 0.62}
.ui-no-data img {margin-bottom: 20px}
.ui-no-data .ui-btn {padding: 0px 30px}
.ui-no-data .ui-dot-line {margin: 25px 0px}

.question-box {display: flex;flex-direction: row;margin: 10px 0px;}
.question-box .left-box {width: 270px;margin-right: 25px;}
.question-box .right-box {flex: 1;display: flex;flex-direction: column;position: relative}
.question-box .left-box .filter {margin-bottom: 20px}
.question-box .left-box .filter .ui-search-bar {margin: 15px 0px}
.question-box .left-box .filter .ui-select {width: 50%}

.question-box-border-style {margin: 0px;}
.question-box-border-style .left-box {border-right: 1px solid #EFEFEF;padding: 15px 0px;padding-right: 25px;background-color: #FFFFFF}
.question-box-border-style .right-box {padding: 15px 0px;}

.ui-search-bar-content .input, .ui-content-input {height: 36px;line-height: 36px;font-size: var(--fs-16)}
.ui-search-bar-content .submit {height: 36px;line-height: 36px;padding: 0px 15px;}
.question-box .left-box .know-title {display: flex;align-items: center;font-size: var(--fs-16);color: var(--primary-color)}
.question-box .left-box .know-title .icon {font-size: var(--fs-22);margin-right: 10px}
.question-box .left-box .know-tree {padding-top: 10px}
.question-box .right-box .tool-bar {display: flex;align-items: center;justify-content: space-between}
.question-box .right-box .tool-bar .ui-search-bar-content {margin: 0px}
.question-box .right-box .ranking-filter {margin: 15px 0px;border-radius: 3px;position: relative}
.question-box .right-box .question-list {border: 1px solid #E2E2E2;overflow: auto}
/*display: flex;flex-direction: column; */
.question-box .right-box .question-list .ui-exam-qa .ui-btn-mine-empty {height: 26px;line-height: 26px}
.question-box .right-box .question-list .ui-exam-qa {margin: 0px;border-bottom: 1px dashed #CCCCCC;padding: 30px 26px;border-radius: 0px}
.question-box .right-box .question-list .ui-exam-qa .btn-submit-qa-value {position: absolute;right: 10px;bottom: 10px;opacity: 0}

.question-box .right-box .question-list .ui-exam-qa-error {background-color: #E500002E}

.question-box .right-box .question-list .ui-exam-qa:last-child {border-bottom: none;}
.question-box .right-box .ranking-filter .qabank-data {position: absolute;top: 0px;right: 0px;border-bottom-left-radius: 7px;padding: 3px 10px;color: #9A9A9A;background-color: #00C691;color: #3D3C3C;display: flex;align-items: center}
.question-box .right-box .ranking-filter .qabank-data b {color: #FFFFFF;font-size: var(--fs-20);margin: 0px 5px}
.question-box .right-box .question-list .ui-exam-qa-next-exam {position: relative;}
.question-box .right-box .question-list .ui-exam-qa-next-exam:hover .btn-submit-qa-value {opacity: 1}
.question-box .right-box .question-list .ui-exam-qa-next-exam .item {margin-bottom: 20px}
.question-box .right-box .question-list .ui-exam-qa-next-exam input { margin-right: 10px; width: 16px; height: 16px; }
.question-box .right-box .question-list .ui-exam-qa-next-exam .remark-data {display: none}
.question-box .right-box .question-list .ui-exam-qa-next-tips .remark-data {display: flex}
.question-box .right-box .question-list-preview {max-height: 1200px;overflow: auto}

.ui-qabank-operation-menu {border-radius: 2px;padding-bottom: 5px; background-color: #FFFFFF;box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);z-index: 999;display: flex;flex-direction: column;position: fixed;top: 40%;right: calc((100% - 1400px) / 2);border: 1px solid #E2E2E2;}
.ui-qabank-operation-menu .p-item {padding: 0px 15px;color: #161616;cursor: default;border: none;display: flex;align-items: center;height: 36px;border-left: 2px solid transparent;background: none;font-size: var(--fs-14)}
.ui-qabank-operation-menu .p-item:hover, .ui-qabank-operation-menu .pop-box .active {background: #E4F9F2;border-left: 2px solid var(--primary-color); }
.ui-qabank-operation-menu .ui-dot-line {margin: 5px 0px;}
.ui-qabank-operation-menu .title {height: 36px;line-height: 36px;text-align: center;background: var(--primary-color);color: #FFFFFF;margin-bottom: 3px}

.ui-loading {position: fixed;top: 50%;left: 50%;width: 120px;height: 120px;margin-left: -60px;margin-top: -60px;border-radius: 16px;z-index: 999999999;background: url('loading.svg') 50% 35% no-repeat rgba(47, 46, 49, 0.62);background-size: 50%}
.ui-loading:after {content: attr(tips);color: #FFF;font-size: 12px;text-align: center; position: absolute; left: 0px; top: 86px; width: 100%; text-align: center;}

/*验证样式*/
.ui-form-verify .verify-ok {}
.ui-form-verify .verify-error {position: relative !important;}
.ui-form-verify .verify-error .error-tips {color: #FFF;position: absolute;top: 0px;right: 0px;background-color: #FF000082;padding: 4px 6px;font-size: 12px;border-top-right-radius: 7px;border-bottom-left-radius: 7px;z-index: 999}
.verify-error .ui-select-search, .verify-error .quill-editor, .ui-form-verify .verify-error .error-obj, .ui-form-verify .verify-error .place, .ui-form-verify .verify-error .ke-container, .ui-form-verify .verify-error:after, .verify-error .ui-form-item-tag, .qa-bank-form .verify-error .ui-choose-lesson {border: 1px solid red !important;}

.ui-file-upload {display: flex; flex-direction: column;position: relative;border: 1px dashed rgba(112, 112, 112, 0.4);padding: 10px;overflow: hidden;flex: 1; min-height: 117px; justify-content: center;}
.ui-file-upload input {position: absolute;top: 0px;right: 0px;padding: 2000px;opacity: 0}
.ui-file-upload .select-handler {display: flex;flex-direction: column;align-items: center; font-size: 14px; color: #97A1A8;padding: 10px 0px;}
.ui-file-upload .select-handler .icon {font-size: 36px;}
.ui-file-upload .file-list {display: flex;flex-direction: column;}
.ui-file-upload .file-list .up-item { background: #F7F7F7; color: #4D4D4C;padding: 15px;margin-bottom: 15px;position: relative;display: flex;align-items: center;flex-direction: row;font-size: 14px}
.ui-file-upload .file-list .up-item:last-child {margin-bottom: 0px}
.ui-file-upload .file-list .up-item .info {flex: 1;margin: 0px 15px;display: flex;flex-direction: column;justify-content: space-between;color: #777;font-size: 12px}
.ui-file-upload .file-list .up-item .type {font-size: 36px}
.ui-file-upload .file-list .up-item .info label {margin-right: 20px}
.ui-file-upload .file-list .up-item .info label:last-child {color: #59D16C;font-weight: bold }
.ui-file-upload .file-list .up-item .info label:after {display: none}
.ui-file-upload .file-list .up-item .info p {font-size: 14px;font-weight: bold;margin-bottom: 5px;color: #0F0F0F}
.ui-file-upload .file-list .up-item .info .data {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap}
.ui-file-upload .file-list .up-item .info .data label {width: auto;margin: 0px}
.ui-file-upload .file-list .up-item .del {cursor: pointer; background: #FAFAFA; border-radius: 4px; border: 1px solid #E3E3E3;width: 38px; height: 38px; display: flex; align-items: center;justify-content: center;}
.ui-file-upload .file-list .up-item .del:hover {background-color: #E3E3E3}
.ui-file-upload .file-list .process {position: absolute;left: 0px;bottom: 0px;right: 0px;height: 4px;background-color: #E8E8E8;display: flex;align-items: flex-start}
.ui-file-upload .file-list .process .rate {width: 0%;height: 100%;transition: all 0.3s; background-color: var(--primary-color);}
.verify-error .ui-file-upload {border-color: red;}

.role-control {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
.role-control label {white-space: nowrap;display: flex;flex-direction: row;align-items: center;justify-content: normal !important;margin-bottom: 15px;margin-right: 30px;font-size: var(--fs-14);white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.role-control label:after, .role-control label:before {display: none}
.role-control label input {margin-right: 5px;height: 18px !important;width: 18px !important;}
.role-control label span {flex: 1;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.role-control-normal label {margin-bottom: 0px}
.role-control-fix-label label {min-width: 128px}

.role-control-exam label {margin-right: 25px}
.role-control-exam label input {width: 14px !important;height: 14px !important;}

/*日期控件*/
.datepicker {display: none;position: absolute;padding: 4px;margin-top: 1px;direction: ltr;margin-left: 7px;user-select: none}
.datepicker.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;float: left;display: none;min-width: 160px;background-color: #FFF;border: 1px solid #E4E4E4;border-radius: 3px;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);background-clip: padding-box;color: #333;font-size: var(--fs-16);line-height: 18px}
.datepicker.dropdown-menu td, .datepicker.dropdown-menu th {padding: 4px 6px}
.datepicker table {border: 0;margin: 0;width: auto}
.datepicker table tr td span {display: block;width: 21%;height: 37px;line-height: 37px;float: left;margin: 2%;cursor: pointer}
.datepicker td, .datepicker th {text-align: center;width: 35px;height: 35px;border: 0;font-size: var(--fs-14);padding: 4px 8px;cursor: pointer}
.datepicker td {background: #FFF}
.datepicker td span.active, .datepicker td.active.day, .datepicker td.active.year {background: var(--primary-color);border-radius: 3px;color: #FFF}
.datepicker td.new, .datepicker td.old {color: #999;opacity: 0.6}
.datepicker td span.month.disabled, .datepicker td span.year.disabled, .datepicker td.day.disabled {color: #EEE}
.datepicker th {background: #FFF}
.datepicker th span.active, .datepicker th.active.day, .datepicker th.active.year {background: #2BA6CB}
.datepicker th.date-switch {width: 145px}
.datepicker .cw {font-size: 10px;width: 12px;padding: 0 2px 0 5px;vertical-align: middle}
.datepicker.days div.datepicker-days, .datepicker.months div.datepicker-months, .datepicker.years div.datepicker-years {display: block}
.datepicker-dropdown:after, .datepicker-dropdown:before {content: '';display: inline-block;position: absolute}
.datepicker thead tr:first-child th {cursor: pointer}
.datepicker thead tr:first-child th.cw {cursor: default;background-color: transparent}
.datepicker tfoot tr:first-child th {cursor: pointer}
.datepicker-inline {width: 220px}
.datepicker-rtl {direction: rtl}
.datepicker-rtl table tr td span {float: right}
.datepicker-dropdown {top: 0;left: 0}
.datepicker-dropdown:before {border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #CCC;top: -7px;left: 6px}
.datepicker-dropdown:after {border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #FFF;top: -6px;left: 7px}
.datepicker-dropdown::after, .datepicker-dropdown::before, .datepicker > div {display: none}
.datepicker-close {position: absolute;top: -30px;right: 0;width: 15px;height: 30px;padding: 0;display: none}

.qa-bank-public-title {display: flex;align-items: center; border-bottom: 1px solid #EFEFEF; padding-bottom: 10px;}
.qa-bank-public-title .return {color: var(--primary-color);border: none;background: none;line-height: 1;font-size: var(--fs-14)}
.qa-bank-public-title .title {font-size: var(--fs-16);font-weight: normal}
.qa-bank-public-title .split {width: 1px;height: 20px;border-left: 2px solid #E2E2E2;margin: 0px 16px}
.qa-bank-public-title .types {margin-left: 120px;font-size: var(--fs-16)}
.qa-bank-public-title .types .ui-tag {margin-left: 15px}
.qa-bank-public-title .export-info {font-size: var(--fs-16);display: flex;align-items: center;justify-content: center}
.qa-bank-public-title .export-info b {font-size: var(--fs-22);margin: 0px 3px}

.qa-bank-form {border: 1px solid #EFEFEF;padding: 0px !important;margin-top: 25px;overflow: auto}
.qa-bank-form .form-box {padding: 20px;padding-right: 30px;position: relative}
.qa-bank-form .form-box .form-item {margin: 16px 0px}
.qa-bank-form .form-box .form-item label {width: 120px;text-align: right}
.qa-bank-form .form-box .form-item .role-control label {margin-bottom: 0px;width: auto}
/*.qa-bank-form .form-box:hover {background-color: #E5F9F4;}*/
.qa-bank-form-multi .form-box-active {background-color: #F1F0FF;}
.qa-bank-form .form-box .tools {position: absolute;top: 0px;right: 0px;border: none;display: flex;align-items: center;justify-content: center}
.qa-bank-form .form-box .editor-mode {cursor: default;overflow: hidden;width: 0px;height: 0px;opacity: 0}
.qa-bank-form .form-box .remove-bank {cursor: default;display: none;align-items: center;justify-content: center;border-left: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;color: red;padding: 5px 10px;background-color: #F4F4F4;}
/*.qa-bank-form .form-box .remove-bank:before {content: '';margin-left: 10px;margin-right: 10px;width: 1px;height: 10px;border-left: 2px solid #0F0F0F}*/
.qa-bank-form .form-box .remove-bank:hover {text-decoration: underline}
.qa-bank-form .form-box .form-item .quill-editor {width: 100%;padding: 6px 6px;border: 1px solid #CCC;min-height: 38px}
.qa-bank-form .form-box .form-item .quill-editor:before {left: 6px !important;font-size: var(--fs-14)}
.qa-bank-form .form-box .form-item .quill-editor-box {flex: 1;background-color: #FFFFFF;border-radius: 5px}
.qa-bank-form .form-box .form-item .mce-edit-focus {border: 1px solid #CCC;min-height: 110px;transition: all 0s;}
.tox-tinymce {margin-top: 2px !important;}

.qa-bank-form .form-box .form-item .ql-toolbar.ql-snow {padding: 4px}
.qa-bank-form .form-box .form-item .remove-item {border: 1px solid #E4E4E4;background-color: #F4F4F4;display: flex;align-items: center;justify-content: center;margin-left: 10px;width: 36px;height: 36px;color: red;border-radius: 5px;cursor: default}
.qa-bank-form .more-bank {display: none}

.qa-bank-form .ui-choose-lesson, .ui-choose-lesson-mini {padding-top: 0px;flex: 1;min-height: 38px;background-color: #FFFFFF;border-radius: 7px}
.qa-bank-form .ui-choose-lesson .choose-data .data .item, .ui-choose-lesson-mini .choose-data .data .item {height: 31px;line-height: 31px;font-size: var(--fs-14)}
.qa-bank-form .ui-choose-lesson .choose-data .data .item .icon, .ui-choose-lesson-mini .choose-data .data .item .icon {margin-left: 10px}

.qa-bank-form-multi .form-box:before {content: attr(tag);position: absolute;left: 0px;top: 0px;font-size: var(--fs-16);background-color: #FBD874;padding: 5px 10px;border-bottom-right-radius: 15px}
.qa-bank-form-multi .form-box:last-child:before {display: none;}
.qa-bank-form-multi .form-box {border-bottom: 1px dashed #CCCCCC}
.qa-bank-form-multi .more-bank {display: flex;}
.qa-bank-form-multi .more-bank .ui-btn-return {margin: 30px 0px}
.qa-bank-form-multi .form-box .remove-bank {display: flex}

.ui-time-line {display: flex;flex-direction: column;}
.ui-time-line .line-item {border-left: 1px solid #D9D9D9;position: relative;padding-left: 20px;padding-right: 20px;padding-bottom: 36px}
.ui-time-line .line-item:after {position: absolute;left: -6px;top: 5px;display: flex;content: '';width: 6px;height: 6px;border-radius: 10px;border: 3px solid var(--primary-color);background-color: #FFFFFF;z-index: 999}
.ui-time-line .line-item:first-child:before {content: '';background-color: #FFFFFF;position: absolute;width: 6px;height: 10px;left: -3px;top: 0px;z-index: 998}
.ui-time-line .line-item:last-child {padding-bottom: 0px}
.ui-time-line .line-item:last-child:before {content: '';background-color: #FFFFFF;position: absolute;width: 6px;height: 100%;left: -3px;top: 6px;z-index: 998}

.export-line {margin: 0px 0%;margin-top: 30px}
.export-line .line-title {margin-bottom: 20px;}
.export-line .line-intro {margin-left: 48px;line-height: 2}
.export-line .line-intro .number {font-size: var(--fs-18);margin: 0px 5px}

.export-line .start-preview {margin-top: 36px;display: none}

.ui-btn-margin-left-15 {margin-left: 15px}
.ui-btn-margin-top-15 {margin-top: 15px}

.ui-data-select-list {min-width: 256px;border-radius: 5px;border: 1px solid #D9D9D9;display: flex;flex-direction: column}
.ui-data-select-list .data-title {height: 38px;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #D9D9D9}
.ui-data-select-list .data-list {overflow: auto;padding: 0px 15px;height: 256px;}
.ui-data-select-list .data-list .data-item {display: flex;align-items: center;min-height: 30px;margin: 3px 0px;text-align: left}
.ui-data-select-list .data-list .data-item input {margin-right: 8px;width: 14px;height: 14px}
.ui-data-select-list .data-list .data-more {font-size: var(--fs-20);margin-right: -6px;margin-left: 10px}

.ui-exam-build-bank-box {border: 1px dashed #CCCCCC;margin: 15px -30px;padding: 20px 30px;border-radius: 3px;position: relative}
.ui-exam-build-bank-box:hover {border-color: var(--primary-color)}
.ui-exam-build-bank-box[tips]:hover:before {content: attr(tips); color: #FFF; position: absolute; top: 0px; right: 0px; background-color: var(--primary-color); padding: 4px 6px; font-size: 12px; border-bottom-left-radius: 8px;}
.ui-exam-bank-tips {background-color: #F2F2F2;padding: 12px 20px;border-radius: 3px;display: flex;align-items: center;justify-content: space-between}
.ui-exam-bank-tips .link {border: none;background: none;color: var(--primary-color);font-size: var(--fs-14)}
.ui-exam-bank-tips .link .icon {margin-right: 3px}

.ui-form-item-tag {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;min-height: 38px; border: 1px solid #E4E4E4; border-radius: 7px; padding: 0px 2px; transition: all 0.3s;padding-right: 62px}
.ui-form-item-tag:hover {border-color: var(--primary-color)}
.ui-form-item-tag .item-tag {border-radius: 18px;padding: 0px 10px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #B2B2B2;margin: 5px 7px;color: #999999;background: none;height: 26px;font-size: var(--fs-14)}
.ui-form-item-tag .item-tag:hover {background-color: #FAFAFA}
.ui-form-item-tag .item-tag .icon { margin-left: 5px; margin-right: -3px;}
.ui-form-item-tag-bg {background-color: #FAFAFA}

.exam-upload-preview {margin-top: 30px;display: flex; flex-direction: column; border: 1px solid #E2E2E2;text-align: left}
.exam-upload-preview .ui-exam-qa {margin: 0px;border-bottom: 1px dashed #CCCCCC;padding: 30px 26px;border-radius: 0px}
.exam-upload-preview .ui-exam-qa:last-child {border-bottom: none;}

.ui-border-none {border: none !important;}
.exam-preview .ui-exam-qa {margin: 0px;padding: 31px 26px;border-bottom: 1px dashed #CCCCCC;}
.exam-preview .ui-exam-qa:hover {border-radius: 0px}
.exam-preview .ui-exam-type-title {margin-top: 20px}

.exam-exam-choose {margin-top: 10px}
.exam-exam-choose .ui-exam-qa {padding-bottom: 10px;padding-top: 10px;padding-left: 36px}
.exam-exam-choose .ui-exam-qa .item {margin: 5px 0px}
.exam-exam-choose .ui-exam-qa .title-sub {position: relative;margin-left: -5px;padding-top: 10px;}
.exam-exam-choose .ui-exam-qa .title-sub .ui-exam-qa-select {left: -31px;border-top: 1px dashed #CCCCCC; top: -1px; }
.exam-exam-choose .ui-exam-qa .title-sub .type {padding-left: 5px}

.need-choose-lesson {display: none}

.ue-tips {width: 70%;line-height: 26px; display: flex; align-items: center; justify-content: center;clear: both;margin: 0px auto;}
.ue-tips p {font-size: var(--fs-16);color: var(--primary-color);font-weight: bold}
.ue-tips .message {width: 100%;padding: 80px;display: flex;flex-direction: row;box-sizing: border-box;color: #777}
.ue-tips .tips-ico {color: var(--primary-color);font-weight: bold;float: left;margin-right: 36px;margin-top: 20px;font-size: 64px}
.ue-tips .ui-btn {margin-top: 36px}

.card-item {flex: 1;overflow: hidden;background-color: #FFFFFF;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);border-radius: 2px;border: 1px solid #F1F1F1;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.12)}
.card-title {display: block;border-bottom: 1px solid #F1F1F1;background: transparent;font-size: 16px;padding: 10px;position: relative;padding-left: 15px;color: #777}
.card-title::before {content: "";background-color: var(--primary-color);position: absolute;left: 0px;top: 50%;width: 4px;height: 20px; margin-top: -10px}
.card-body {padding: 16px;}

.ui-input-number-normal::-webkit-inner-spin-button, .ui-input-number-normal::-webkit-outer-spin-button {appearance: none}

.ui-chart-loading {width: 100%;min-height: 360px;background: url("loading-bg.svg") center no-repeat;display: flex; align-items: center; justify-content: center;}
.ui-chart-loading .tips {color: #777777;margin-top: 70px;font-size: var(--fs-12)}
.ui-date-box {position: relative;}
.ui-date-box input {padding-right: 20px;border: 1px solid #E2E2E2;color: #0F0F0F}
.ui-date-box input:hover {border-color: var(--primary-color)}
.ui-date-box .icon {position: absolute;top: 0px;right: 8px;bottom: 0px;bottom: 0px; display: flex; align-items: center; justify-content: center;font-size: var(--fs-20)}

.ui-remove-btn {border: 1px solid #E4E4E4;background-color: #F4F4F4;display: flex;align-items: center;justify-content: center;margin-left: 10px;width: 40px;height: 40px;color: red;border-radius: 5px;cursor: default}
.ui-btn-form {height: 40px;line-height: 40px}

.ui-select-search { height: 43px;user-select: none;-webkit-tap-highlight-color: transparent;position: relative; color: var(--primary-color); border: 1px solid var(--primary-color); font-size: var(--fs-16); border-radius: 7px; background-color: #FFFFFF; display: flex; align-items: center; min-width: 158px; padding: 0px 10px}
.ui-select-search .pop-box { line-height: 1.5;color: #0F0F0F;position: absolute;top: 41px;left: 0px;right: 0px;border: 1px solid rgba(112, 112, 112, 0.3);border-radius: 7px;padding: 8px 0px;background-color: #FFFFFF;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);z-index: 999;display: none;flex-direction: column}
.ui-select-search .pop-box .ui-input {margin: 5px 12px;width: calc(100% - 24px)}
.ui-select-search .pop-box .option-box {max-height: 268px;overflow: hidden;overflow-y: auto;}
.ui-select-search .pop-box .option-item {padding: 10px 12px;color: #313131;border-left: 2px solid transparent;font-size: var(--fs-14);overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ui-select-search .pop-box .option-item:hover, .ui-select-search .pop-box .active {background: #BFF0E3;border-left: 2px solid var(--primary-color);color: var(--primary-color); }
.ui-select-search .search-value {overflow: hidden;width: 100%;display: flex;flex-direction: row;width: 100%;align-items: center;justify-content: space-between}
.ui-select-search .search-value .icon {font-size: var(--fs-12)}
.ui-select-search .search-value-text { width: calc(100% - 18px);overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ui-select-search .pop-box-hide {display: none !important;}
.ui-select-search .pop-box-show {display: flex !important;}

.ui-hide {display: none !important;}
.h5-show {display: none !important;}
.h5-menu {background-color: #BFF0E3;font-size: 31px;color: var(--primary-color);width: 46px;height: 40px;border-radius: 4px;display: flex;align-items: center;justify-content: center}

.qa-bank-item-yes {color: var(--primary-color) !important;font-weight: bold}
.qa-bank-item-no {color: #FF0000 !important;font-weight: bold}

.one-row-display {text-overflow: ellipsis;overflow: hidden;white-space: nowrap}

.opacity {opacity: 0 !important;}
.input-length-tips {position: absolute;bottom: 1px;right: 1px;background-color: #EFEFEF;border-radius: 7px 0px 7px 0px;font-size: var(--fs-12);padding: 2px 5px;color: #7F7F7F}
.form-item .ui-grid td {position: relative}
.form-item .ui-grid td .form-input {display: flex}
.form-item .ui-grid td .input-length-tips {bottom: 13px;right: 9px }
.ui-btn-only-icon {padding: 0px !important;}
.ui-btn-only-icon .icon {margin: 0px 5px !important;}
.ui-data-type .data .ui-select, .ui-data-type .data .ui-select-search {font-size: var(--fs-14);height: 31px;line-height: 31px;background: none;color: #999999}
.ui-data-type .data .ui-select-search .pop-box {top: 29px}
.ui-data-type .data .ui-select:hover {color: #0F0F0F}

.rowspan-grid {display: flex;flex-direction: row;width: 100%;border-top: 1px solid #E3E1E1}
.rowspan-grid .grid-left {flex: 1;padding: 12px 8px;border-right: 1px solid #E3E1E1; display: flex; align-items: center;}
.rowspan-grid .grid-right {flex: 1;display: flex;flex-direction: column}
.rowspan-grid .grid-right .grid-item {padding: 12px 8px;border-top: 1px solid #E3E1E1}
.rowspan-grid:first-child, .rowspan-grid .grid-right .grid-item:first-child {border-top: none}

.block-title-root {font-size: var(--fs-18);font-weight: normal;margin-top: 15px}

.bank_copyright {background-image: url("bank_copyright.png");background-position: center;background-repeat: repeat}
.bank_copyright_fix_gird .ui-grid {background: none}

.qa-bank-fix-know .left-box {position: fixed;top: 10px;bottom: 60px;background-color: #FFFFFF;left: calc((100% - 1400px) / 2 + 20px) }
.qa-bank-fix-know .right-box {margin-left: 295px}
.qa-bank-fix-know .left-box .know-tree {height: calc(100% - 140px);overflow: hidden; }
.qa-bank-fix-know .left-box .know-tree:hover {overflow: auto;}

#ui-go-top {position: fixed;bottom: 93px;right: calc((100% - 1400px) / 2 - 36px);cursor: pointer;display: none;}
#ui-go-top .icon {font-size: 36px;transition: all 0.31s;color: #999999}
#ui-go-top:hover .icon {color: #00B83F}

.fix-opera {position: relative;}
.fix-opera .operabox {position: absolute;top: 0px;right: 0px}
.fix-opera .operabox .item {border: 1px solid #E4E4E4;background-color: #F4F4F4;display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;color: red;border-radius: 3px;cursor: default}
.fix-opera .operabox .item:hover {background-color: #C3C3C3}
.add-btn-item {border: 1px solid #CCCCCC;background: #F4F4F4;color: #000000;padding: 6px 10px;display: flex;align-items: center;flex-direction: row;border-radius: 5px}
.ui-exam-build-bank-box .config-item {position: relative;}
.ui-exam-build-bank-box[index]:before, .ui-exam-build-bank-box .config-item[index]:before {content: attr(index); color: #FFF; position: absolute; top: 0px; left: 0px; background-color: var(--primary-color); padding: 4px 6px; font-size: 12px; }
.classes-ranking-header-link {margin-top: 56px;padding-left: 118px}
.classes-ranking-header-link .item {cursor: pointer !important;}

.filter-bar-btn {height: 31px;line-height: 31px;font-size: var(--fs-14);border-radius: 4px;padding: 0px 10px}
.filter-item-split {margin-left: 8px}
.filter-item-box {display: flex;align-content: center;margin-right: 20px}
.filter-item-box .item {position: relative;padding-right: 28px !important;}
.filter-item-box .item .icon {position: absolute;top: 0px;right: 4px;}
.verify-error.hide-unit:after {display: none}

.form-input[disabled], .form-input[readonly] {background-color: rgba(250, 250, 250, 1);color: rgb(170, 170, 170)}

.scan-pic-result {border-radius: 5px; border: 1px solid #D9D9D9; display: none; flex-direction: column;}
.scan-pic-result:first-child {margin-right: 20px}
.scan-pic-result:has(p) {display: flex}
.scan-pic-result:before {content: attr(title);height: 38px;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #D9D9D9;background-color: #F5F7FA;border-top-left-radius: 5px;border-top-right-radius: 5px}
.scan-pic-result .data-list {overflow: auto;padding: 0px 15px;max-height: 360px;}
.scan-pic-result .data-list p {display: flex;align-items: center;min-height: 30px;margin: 3px 0px;text-align: left;}

.ui-qa-feed {position: fixed;top: 50%;left: 50%;margin-left: -23px;margin-top: -23px;width: 100px;height: 100px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 10px}
.ui-qa-feed .icon {font-size: 46px;height: 50px;overflow: hidden;display: flex;align-items: center;margin-bottom: 5px;margin-top: 3px}

.ui-qa-feed-hide {animation: zoomOut 100ms ease-in  forwards;}
.ui-qa-feed-show{animation: zoomIn 100ms ease-in}

.ui-qa-feed-yes {color: #FFFFFF;background-color: var(--primary-color)}
.ui-qa-feed-yes:after {content: '回答正确';font-size: var(--fs-14);}
.ui-qa-feed-yes .icon:before {content: "\e650" }

.ui-qa-feed-no {color: #FFFFFF;background-color: #FF6A00}
.ui-qa-feed-no:after {content: '回答错误';font-size: var(--fs-14);}
.ui-qa-feed-no .icon:before {content: "\e62b" }

@keyframes zoomOut {
	0% {opacity: 1}
	100% {opacity: 0;transform: scale3d(.3, .3, .3)}
	}
@keyframes zoomIn{
	0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
	50%{opacity:1}
	}