You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__User__Detail__ExperIment...

1399 lines
44 KiB

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/tasks/vnc-view/index.less ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.vnc-panel-wrapper {
position: relative;
height: calc(100vh - 105px);
overflow: hidden;
}
.vnc-panel-wrapper.full-screen {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 200;
height: 100vh;
background: white;
}
.vnc-panel-wrapper-windows {
position: relative;
height: calc(90vh);
overflow: hidden;
}
.vnc-panel-wrapper-windows .btn-vnc-resize {
position: absolute;
right: 16px;
top: 48px;
z-index: 101;
color: #fff;
}
.vnc-panel-wrapper-windows.full-screen {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 200;
height: 100vh;
background: white;
}
.vnc-panel {
height: 100%;
margin: 0 auto;
min-height: 500px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/User/Detail/ExperImentImg/Add/index.less?modules ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrap___ONdsC {
background: #fff;
height: 100%;
display: flex;
flex-direction: column;
}
.wrap___ONdsC .content___N0LEk {
width: 1200px;
margin: 0 auto;
}
.wrap___ONdsC .content___N0LEk .crumbs___ZMtFD {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
color: #5F6368;
border-bottom: 1px solid #DBDCE0;
}
.wrap___ONdsC .content___N0LEk .title___zwDOY {
font-size: 14px;
font-weight: 600;
color: #000;
margin-top: 30px;
margin-bottom: 30px;
}
.wrap___ONdsC .content___N0LEk .upload___MSuSG {
height: 160px;
background-color: rgba(48, 97, 208, 0.04);
border-radius: 2px;
border: 1px dashed #5487FC;
text-align: center;
padding-top: 30px;
}
.wrap___ONdsC .content___N0LEk .btn___VpNOC {
background-color: #F6F7F9;
box-shadow: inset 0px 1px 3px 0px #D7D8D9;
color: #9096A3;
}
.wrap___ONdsC .content___N0LEk .activeBtn___WARNi {
background-color: #3061D0;
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
color: #fff;
}
.wrap___ONdsC .content___N0LEk .head___G0LuH {
height: 90px;
display: flex;
align-items: center;
padding-top: 5px;
}
.wrap___ONdsC .content___N0LEk .head___G0LuH .title___zwDOY {
font-size: 16px;
font-weight: bold;
color: #333333;
}
.wrap___ONdsC .content___N0LEk .head___G0LuH .add___ThO12 {
width: 120px;
height: 32px;
line-height: 30px;
text-align: center;
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 4px;
border: 1px solid #BACFFE;
font-size: 14px;
font-weight: 500;
color: #3061D0;
cursor: pointer;
margin-left: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wrap___ONdsC .content___N0LEk .head___G0LuH .add___ThO12:hover {
border: 1px solid #3061D0;
}
.wrap___ONdsC .content___N0LEk .head___G0LuH .addDisable___ykVne {
width: 120px;
height: 32px;
background: #FAFBFC;
line-height: 30px;
text-align: center;
box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 4px;
border: 1px solid #E9EAEC;
color: #C0C0C0;
margin-left: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 14px;
font-weight: 500;
cursor: not-allowed;
}
.wrap___ONdsC .content___N0LEk .head___G0LuH .setting___ACQW6 {
width: 100px;
height: 32px;
line-height: 32px;
text-align: center;
background: #3061D0;
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px -1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 4px;
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
cursor: pointer;
margin-left: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wrap___ONdsC .content___N0LEk .tabs___kF5MC {
height: 40px;
display: flex;
}
.wrap___ONdsC .content___N0LEk .tabs___kF5MC > div {
margin-right: 22px;
margin-left: -22px;
position: relative;
cursor: default;
}
.wrap___ONdsC .content___N0LEk .tabs___kF5MC > div:hover i {
visibility: visible;
}
.wrap___ONdsC .content___N0LEk .tabs___kF5MC > div:hover .name___APZDD {
color: #165DFF;
}
.wrap___ONdsC .content___N0LEk .tabs___kF5MC > div i {
color: #dedede;
visibility: hidden;
}
.wrap___ONdsC .content___N0LEk .tabs___kF5MC > div span {
font-size: 16px;
color: #333333;
padding: 0 6px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wrap___ONdsC .content___N0LEk .tabs___kF5MC .active___hzqus .name___APZDD {
color: #165DFF;
}
.wrap___ONdsC .content___N0LEk .tabs___kF5MC .active___hzqus::after {
content: '';
width: calc(100% - 47px);
height: 2px;
background: #165DFF;
position: absolute;
bottom: 0px;
left: 23px;
}
.wrap___ONdsC .content___N0LEk .line___DAGKO {
height: 1px;
border-bottom: 1px solid #DEDEDE;
margin-bottom: 40px;
}
.wrap___ONdsC .content___N0LEk .resource___Gveup {
width: 206px;
height: 38px;
background: #F5F5F5;
border-radius: 25px;
display: flex;
align-items: center;
justify-content: space-between;
}
.wrap___ONdsC .content___N0LEk .resource___Gveup div {
color: #333333;
font-size: 14px;
cursor: pointer;
text-align: center;
line-height: 38px;
width: 102px;
}
.wrap___ONdsC .content___N0LEk .resource___Gveup .active___hzqus {
height: 36px;
line-height: 34px;
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 18px;
border: 1px solid #BACFFE;
color: #165DFF;
}
.wrap___ONdsC .content___N0LEk .mirror___IBeiQ {
width: 160px;
height: 32px;
border-radius: 2px;
border: 1px solid #BACFFE;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
cursor: pointer;
margin-right: 20px;
}
.wrap___ONdsC .content___N0LEk .mirror___IBeiQ > div {
font-size: 14px;
color: #165DFF;
flex: 1 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 10px;
}
.wrap___ONdsC .content___N0LEk .mirror___IBeiQ > i {
color: #165DFF;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA {
display: flex;
align-items: center;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA > div {
width: 256px;
height: 82px;
background: #F5F5F5;
border-radius: 4px;
margin-right: 20px;
padding-left: 20px;
padding-top: 18px;
cursor: pointer;
position: relative;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA > div > span {
position: absolute;
z-index: 10;
right: 6px;
top: 4px;
display: none;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA > div > div {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA > div > div i {
color: #165DFF;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA > div > div span {
font-size: 14px;
font-weight: 600;
color: #333333;
margin-left: 8px;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA > div aside {
font-size: 12px;
color: #333333;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA .active___hzqus {
background: #3061D0;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA .active___hzqus > span {
display: inline;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA .active___hzqus * {
color: #fff;
}
.wrap___ONdsC .content___N0LEk .interface___pzUyA .disabled___d4p_T * {
color: #999999;
}
.wrap___ONdsC .content___N0LEk .port___vS58L {
display: flex;
align-items: center;
}
.wrap___ONdsC .content___N0LEk .grade___4_rtU {
display: inline-block;
font-size: 16px;
font-weight: 600;
margin-bottom: 30px;
color: #165DFF;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wrap___ONdsC .content___N0LEk .grade___4_rtU i {
margin-left: 8px;
font-size: 12px;
display: inline-block;
transform: scale(0.6) translateY(-2px);
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 {
border-radius: 4px;
border: 1px solid #DEDEDE;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .tabTitle___yxNTA {
max-width: 310px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 60px;
line-height: 58px;
border-right: 1px solid #DEDEDE;
padding: 0 20px;
position: relative;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .more___hoice {
width: 91px;
color: #165DFF;
display: flex;
align-items: center;
justify-content: center;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .more___hoice i {
display: inline-block;
font-size: 12px;
margin-left: 5px;
transform: scale(0.6) translateY(3px);
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-input-group-wrapper {
border-radius: 4px;
overflow: hidden;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-input-group-wrapper .ant-input {
width: 149px;
height: 50px;
background: #F5F5F5;
border: 0;
margin-left: 10px;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-input-group-wrapper .ant-input:focus {
box-shadow: none;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-input-group-wrapper .ant-input-group-addon {
background: #F5F5F5;
border: 0;
padding-right: 20px;
font-size: 14px;
color: #999999;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-tabs-tab {
margin: 0;
padding: 0;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-tabs-nav::before {
border-bottom: 1px solid #DEDEDE;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-tabs-tab-active {
border: 0;
background: rgba(22, 93, 255, 0.1);
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-tabs-tab-active .ant-tabs-tab-btn {
color: #165DFF;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-tabs-tab-active .ant-tabs-tab-btn > div::after {
content: '';
width: calc(100% - 40px);
height: 2px;
background: #165DFF;
position: absolute;
bottom: 0px;
left: 20px;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-tabs-tab-active + div.ant-tabs-tab {
border: 0;
}
.wrap___ONdsC .content___N0LEk .tabsBox___DfBD9 .ant-tabs-ink-bar {
display: none;
}
.wrap___ONdsC .content___N0LEk .system___utj75 {
display: flex;
align-items: center;
}
.wrap___ONdsC .content___N0LEk .system___utj75 div {
width: 140px;
height: 50px;
background: #F5F5F5;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: #333333;
margin-right: 20px;
cursor: pointer;
}
.wrap___ONdsC .content___N0LEk .system___utj75 div i {
margin-right: 20px;
}
.wrap___ONdsC .content___N0LEk .system___utj75 div span {
font-size: 14px;
}
.wrap___ONdsC .content___N0LEk .system___utj75 .active___hzqus {
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border: 1px solid #BACFFE;
color: #165DFF;
}
.wrap___ONdsC .content___N0LEk .explain___ecqpL {
font-size: 14px;
color: #165DFF;
text-decoration: underline;
cursor: pointer;
}
.wrap___ONdsC .btns___MTI71 {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 11;
height: 70px;
background: #FFFFFF;
box-shadow: 0px -4px 8px 1px #F1F1F1;
display: flex;
justify-content: center;
align-items: center;
}
.wrap___ONdsC .btns___MTI71 > button {
padding: 9px 34px;
border-radius: 2px;
height: auto;
height: initial;
}
.wrap___ONdsC .btns___MTI71 > button:last-child {
background: #3061D0;
color: #fff;
}
.wrap___ONdsC .template___xdQbN .liWrap___z55nC {
max-height: 300px;
overflow: auto;
}
.wrap___ONdsC .template___xdQbN .liWrap___z55nC .li___GcxuL {
height: 30px;
display: flex;
justify-content: space-between;
padding: 0 12px;
align-items: center;
cursor: pointer;
}
.wrap___ONdsC .template___xdQbN .liWrap___z55nC .li___GcxuL:hover {
background: #e8e7e7;
}
.wrap___ONdsC .template___xdQbN .liWrap___z55nC .li___GcxuL span {
font-size: 14px;
color: #000000;
flex: 1 1;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 10px;
}
.wrap___ONdsC .template___xdQbN .liWrap___z55nC .li___GcxuL .tag___xVpLK {
width: 44px;
height: 20px;
border-radius: 10px;
border: 1px solid #F7B500;
font-size: 12px;
font-weight: 400;
color: #F7B500;
line-height: 18px;
text-align: center;
}
.cpuWrap___Wi43O {
display: flex;
align-items: center;
justify-content: space-between;
}
.cpuWrap___Wi43O .activebtn___UamsA {
display: flex;
align-items: center;
justify-content: space-between;
width: 140px;
height: 40px;
padding-left: 12px;
background: #3061D0;
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px -1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 4px;
color: #fff;
cursor: pointer;
}
.cpuWrap___Wi43O .btn___VpNOC {
width: 140px;
height: 40px;
padding-left: 12px;
line-height: 40px;
background: #F5F5F5;
border-radius: 4px;
color: #000;
cursor: pointer;
}
.activeTab___fzQvD {
display: inline-block;
width: 54px;
margin-right: 30px;
text-align: center;
color: #165DFF;
background-color: #F6F7F9;
border-radius: 2px;
cursor: pointer;
}
.tab___UNT6N {
display: inline-block;
width: 54px;
margin-right: 30px;
text-align: center;
cursor: pointer;
}
.disabledBtn___maLgB {
color: #C5C5C5 !important;
cursor: pointer;
background-color: #FAFBFC !important;
box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
}
.doc___gT07l:hover {
color: #165DFF;
cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Shixuns/Edit/body/Environment/Label/index.less?modules ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.label___CZ1_z {
display: flex;
align-items: center;
padding-bottom: 30px;
}
.label___CZ1_z .left___ZKFRV {
display: flex;
align-items: center;
flex-shrink: 0;
}
.label___CZ1_z .left___ZKFRV span {
color: #E53333;
font-family: SimSun, sans-serif;
margin-top: -2px;
margin-right: 2px;
}
.label___CZ1_z .left___ZKFRV div {
font-size: 16px;
color: #333333;
line-height: 16px;
}
.label___CZ1_z .left___ZKFRV i {
margin-left: 4px;
color: #CCCCCC;
}
.label___CZ1_z .right___zVTRn {
flex: 1 1;
position: relative;
}
.label___CZ1_z .right___zVTRn .error___oNJNo {
position: absolute;
z-index: 10;
left: 0;
bottom: -27px;
font-size: 14px;
color: #E53333;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/SelectEnvironment/index.less?modules ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.selectEnvironment___LegvW {
width: 344px;
background-color: white;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative;
max-height: 1000px;
}
.selectEnvironment___LegvW .search___ZMwsK {
position: relative;
}
.selectEnvironment___LegvW .search___ZMwsK .ant-input-affix-wrapper {
background: #f5f5f5;
width: 87%;
margin: 20px;
border-radius: 4px;
}
.selectEnvironment___LegvW .search___ZMwsK .searchListWrap___iUv9S {
position: absolute;
z-index: 10;
left: 21px;
width: 87%;
top: 53px;
border-radius: 4px;
background: #fff;
box-shadow: 0 3px 6px -4px #808080;
max-height: 196px;
overflow-y: auto;
}
.selectEnvironment___LegvW .search___ZMwsK .searchListWrap___iUv9S .searchList___T1FBi {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12px;
padding: 5px 8px;
cursor: pointer;
}
.selectEnvironment___LegvW .search___ZMwsK .searchListWrap___iUv9S .searchList___T1FBi .name___t0Y2b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
}
.selectEnvironment___LegvW .search___ZMwsK .searchListWrap___iUv9S .searchList___T1FBi .tag___ooWkq {
border-radius: 12px;
border: 1px solid #f7b500;
padding: 0px 4px;
color: #f7b500;
margin-left: 10px;
font-size: 10px;
}
.selectEnvironment___LegvW .search___ZMwsK .searchListWrap___iUv9S .searchList___T1FBi:hover {
background-color: #f9f9f9;
}
.selectEnvironment___LegvW .search___ZMwsK .searchListWrap___iUv9S .searchListActive___ahElk {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12px;
padding: 5px 8px;
cursor: pointer;
background: rgba(24, 144, 255, 0.2) !important;
color: #0152d9;
}
.selectEnvironment___LegvW .search___ZMwsK .searchListWrap___iUv9S .searchListActive___ahElk .name___t0Y2b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
}
.selectEnvironment___LegvW .search___ZMwsK .searchListWrap___iUv9S .searchListActive___ahElk .tag___ooWkq {
border-radius: 12px;
border: 1px solid #f7b500;
padding: 0px 4px;
color: #f7b500;
margin-left: 10px;
font-size: 10px;
}
.selectEnvironment___LegvW .search___ZMwsK .searchListWrap___iUv9S .searchListActive___ahElk:hover {
background-color: #f9f9f9;
}
.selectEnvironment___LegvW .spin___x2xMT {
flex: 1 1;
display: flex;
align-items: center;
justify-content: center;
}
.selectEnvironment___LegvW .common___ZhJvk {
padding-left: 20px;
}
.selectEnvironment___LegvW .common___ZhJvk .title___p4_7m {
font-size: 14px;
font-weight: 600;
color: #333333;
line-height: 14px;
margin-bottom: 10px;
}
.selectEnvironment___LegvW .common___ZhJvk .tags___2fYZM {
padding: 0;
display: flex;
flex-wrap: wrap;
}
.selectEnvironment___LegvW .common___ZhJvk .tags___2fYZM .tag___ooWkq {
background: #f1f1f1;
border-radius: 15px;
cursor: pointer;
font-size: 12px;
color: #666666;
line-height: 12px;
padding: 7px 10px;
margin-right: 10px;
margin-top: 10px;
}
.selectEnvironment___LegvW .common___ZhJvk .tags___2fYZM .tagActive___tb54k {
background: rgba(24, 144, 255, 0.2);
color: #0152d9;
}
.selectEnvironment___LegvW .wrap___I9ZtF {
position: relative;
margin-top: 12px;
margin-bottom: 50px;
overflow-y: auto;
}
.selectEnvironment___LegvW .wrap___I9ZtF header:first-child {
margin-top: 0;
}
.selectEnvironment___LegvW .wrap___I9ZtF .allList___h31KX {
padding: 0;
overflow: hidden;
}
.selectEnvironment___LegvW .wrap___I9ZtF .allList___h31KX .item___PwiKQ {
height: 34px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
font-size: 14px;
cursor: pointer;
}
.selectEnvironment___LegvW .wrap___I9ZtF .allList___h31KX .item___PwiKQ:hover {
background-color: #f5f5f5;
}
.selectEnvironment___LegvW .wrap___I9ZtF .allList___h31KX .item___PwiKQ .name___t0Y2b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
}
.selectEnvironment___LegvW .wrap___I9ZtF .allList___h31KX .item___PwiKQ .tag___ooWkq {
border-radius: 12px;
border: 1px solid #f7b500;
padding: 0px 4px;
color: #f7b500;
margin-left: 10px;
font-size: 10px;
}
.selectEnvironment___LegvW .wrap___I9ZtF .allList___h31KX .itemActive___JCEc6 {
background: rgba(24, 144, 255, 0.2) !important;
}
.selectEnvironment___LegvW .wrap___I9ZtF .allList___h31KX .itemActive___JCEc6 .name___t0Y2b {
color: #0152d9;
}
.selectEnvironment___LegvW .wrap___I9ZtF .allList___h31KX .line___Qn6mz {
height: 1px;
width: 300px;
margin-left: 20px;
background-color: #f1f1f1;
margin: 10px 0 10px 20px;
}
.selectEnvironment___LegvW .apply___EhZKq {
position: absolute;
bottom: 0;
padding: 20px 0 20px 20px;
}
.selectEnvironment___LegvW .apply___EhZKq .p1___LxfGu {
color: #999;
font-size: 14px;
}
.selectEnvironment___LegvW .apply___EhZKq .p2___jiQhJ {
color: #0152d9;
cursor: pointer;
font-size: 14px;
}
.selectEnvironment___LegvW .list___n7Ydz header {
display: flex;
justify-content: space-between;
align-items: center;
height: 34px;
padding: 0 20px;
margin-top: 10px;
cursor: pointer;
}
.selectEnvironment___LegvW .list___n7Ydz header:hover {
background-color: #f5f5f5;
}
.selectEnvironment___LegvW .list___n7Ydz header .title___p4_7m {
font-size: 14px;
color: #333333;
font-weight: 600;
}
.selectEnvironment___LegvW .list___n7Ydz .items___OB8qz {
padding: 0;
overflow: hidden;
}
.selectEnvironment___LegvW .list___n7Ydz .items___OB8qz .item___PwiKQ {
height: 34px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
font-size: 14px;
cursor: pointer;
}
.selectEnvironment___LegvW .list___n7Ydz .items___OB8qz .item___PwiKQ:hover {
background-color: #f5f5f5;
}
.selectEnvironment___LegvW .list___n7Ydz .items___OB8qz .item___PwiKQ .name___t0Y2b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
}
.selectEnvironment___LegvW .list___n7Ydz .items___OB8qz .item___PwiKQ .tag___ooWkq {
border-radius: 12px;
border: 1px solid #f7b500;
padding: 0px 4px;
color: #f7b500;
margin-left: 10px;
font-size: 10px;
}
.selectEnvironment___LegvW .list___n7Ydz .items___OB8qz .itemActive___JCEc6 {
background: rgba(24, 144, 255, 0.2) !important;
}
.selectEnvironment___LegvW .list___n7Ydz .items___OB8qz .itemActive___JCEc6 .name___t0Y2b {
color: #0152d9;
}
.selectEnvironment___LegvW .list___n7Ydz .items___OB8qz .line___Qn6mz {
height: 1px;
width: 300px;
margin-left: 20px;
background-color: #f1f1f1;
margin: 10px 0 10px 20px;
}
.darklySelectEnvironment___K__cy {
width: 344px;
background-color: white;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
max-height: 1000px;
width: 25%;
max-width: 440px;
background-color: #0a143d;
position: relative;
}
.darklySelectEnvironment___K__cy .search___ZMwsK {
position: relative;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .ant-input-affix-wrapper {
background: #f5f5f5;
width: 87%;
margin: 20px;
border-radius: 4px;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .searchListWrap___iUv9S {
position: absolute;
z-index: 10;
left: 21px;
width: 87%;
top: 53px;
border-radius: 4px;
background: #fff;
box-shadow: 0 3px 6px -4px #808080;
max-height: 196px;
overflow-y: auto;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .searchListWrap___iUv9S .searchList___T1FBi {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12px;
padding: 5px 8px;
cursor: pointer;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .searchListWrap___iUv9S .searchList___T1FBi .name___t0Y2b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .searchListWrap___iUv9S .searchList___T1FBi .tag___ooWkq {
border-radius: 12px;
border: 1px solid #f7b500;
padding: 0px 4px;
color: #f7b500;
margin-left: 10px;
font-size: 10px;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .searchListWrap___iUv9S .searchList___T1FBi:hover {
background-color: #f9f9f9;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .searchListWrap___iUv9S .searchListActive___ahElk {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12px;
padding: 5px 8px;
cursor: pointer;
background: rgba(24, 144, 255, 0.2) !important;
color: #0152d9;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .searchListWrap___iUv9S .searchListActive___ahElk .name___t0Y2b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .searchListWrap___iUv9S .searchListActive___ahElk .tag___ooWkq {
border-radius: 12px;
border: 1px solid #f7b500;
padding: 0px 4px;
color: #f7b500;
margin-left: 10px;
font-size: 10px;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .searchListWrap___iUv9S .searchListActive___ahElk:hover {
background-color: #f9f9f9;
}
.darklySelectEnvironment___K__cy .spin___x2xMT {
flex: 1 1;
display: flex;
align-items: center;
justify-content: center;
}
.darklySelectEnvironment___K__cy .common___ZhJvk {
padding-left: 20px;
}
.darklySelectEnvironment___K__cy .common___ZhJvk .title___p4_7m {
font-size: 14px;
font-weight: 600;
color: #333333;
line-height: 14px;
margin-bottom: 10px;
}
.darklySelectEnvironment___K__cy .common___ZhJvk .tags___2fYZM {
padding: 0;
display: flex;
flex-wrap: wrap;
}
.darklySelectEnvironment___K__cy .common___ZhJvk .tags___2fYZM .tag___ooWkq {
background: #f1f1f1;
border-radius: 15px;
cursor: pointer;
font-size: 12px;
color: #666666;
line-height: 12px;
padding: 7px 10px;
margin-right: 10px;
margin-top: 10px;
}
.darklySelectEnvironment___K__cy .common___ZhJvk .tags___2fYZM .tagActive___tb54k {
background: rgba(24, 144, 255, 0.2);
color: #0152d9;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF {
position: relative;
margin-top: 12px;
margin-bottom: 50px;
overflow-y: auto;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF header:first-child {
margin-top: 0;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX {
padding: 0;
overflow: hidden;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .item___PwiKQ {
height: 34px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
font-size: 14px;
cursor: pointer;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .item___PwiKQ:hover {
background-color: #f5f5f5;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .item___PwiKQ .name___t0Y2b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .item___PwiKQ .tag___ooWkq {
border-radius: 12px;
border: 1px solid #f7b500;
padding: 0px 4px;
color: #f7b500;
margin-left: 10px;
font-size: 10px;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .itemActive___JCEc6 {
background: rgba(24, 144, 255, 0.2) !important;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .itemActive___JCEc6 .name___t0Y2b {
color: #0152d9;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .line___Qn6mz {
height: 1px;
width: 300px;
margin-left: 20px;
background-color: #f1f1f1;
margin: 10px 0 10px 20px;
}
.darklySelectEnvironment___K__cy .apply___EhZKq {
position: absolute;
bottom: 0;
padding: 20px 0 20px 20px;
}
.darklySelectEnvironment___K__cy .apply___EhZKq .p1___LxfGu {
color: #999;
font-size: 14px;
}
.darklySelectEnvironment___K__cy .apply___EhZKq .p2___jiQhJ {
color: #0152d9;
cursor: pointer;
font-size: 14px;
}
.darklySelectEnvironment___K__cy .list___n7Ydz header {
display: flex;
justify-content: space-between;
align-items: center;
height: 34px;
padding: 0 20px;
margin-top: 10px;
cursor: pointer;
}
.darklySelectEnvironment___K__cy .list___n7Ydz header:hover {
background-color: #f5f5f5;
}
.darklySelectEnvironment___K__cy .list___n7Ydz header .title___p4_7m {
font-size: 14px;
color: #333333;
font-weight: 600;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz {
padding: 0;
overflow: hidden;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .item___PwiKQ {
height: 34px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
font-size: 14px;
cursor: pointer;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .item___PwiKQ:hover {
background-color: #f5f5f5;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .item___PwiKQ .name___t0Y2b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .item___PwiKQ .tag___ooWkq {
border-radius: 12px;
border: 1px solid #f7b500;
padding: 0px 4px;
color: #f7b500;
margin-left: 10px;
font-size: 10px;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .itemActive___JCEc6 {
background: rgba(24, 144, 255, 0.2) !important;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .itemActive___JCEc6 .name___t0Y2b {
color: #0152d9;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .line___Qn6mz {
height: 1px;
width: 300px;
margin-left: 20px;
background-color: #f1f1f1;
margin: 10px 0 10px 20px;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .ant-input-affix-wrapper {
background: #3e4571;
color: #584c4c;
}
.darklySelectEnvironment___K__cy .search___ZMwsK .ant-input-affix-wrapper input {
color: #fff;
}
.darklySelectEnvironment___K__cy .search___ZMwsK ::-webkit-input-placeholder {
color: #b0b5d6;
}
.darklySelectEnvironment___K__cy .common___ZhJvk .title___p4_7m {
color: #ffffff;
}
.darklySelectEnvironment___K__cy .common___ZhJvk .tags___2fYZM .tag___ooWkq {
background: #3e4571;
color: #b0b5d6;
}
.darklySelectEnvironment___K__cy .common___ZhJvk .tags___2fYZM .tagActive___tb54k {
background: #0152d9;
color: #ffffff;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .item___PwiKQ:hover {
background-color: rgba(62, 69, 113, 0.2);
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .item___PwiKQ .name___t0Y2b {
color: #ffffff;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .item___PwiKQ .tag___ooWkq {
border: 1px solid #f7b500;
color: #f7b500;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .itemActive___JCEc6 {
background: #3e4571 !important;
}
.darklySelectEnvironment___K__cy .wrap___I9ZtF .allList___h31KX .line___Qn6mz {
background-color: #282e55;
}
.darklySelectEnvironment___K__cy .list___n7Ydz header {
cursor: pointer;
}
.darklySelectEnvironment___K__cy .list___n7Ydz header:hover {
background-color: rgba(62, 69, 113, 0.2);
}
.darklySelectEnvironment___K__cy .list___n7Ydz header .title___p4_7m {
color: #ffffff;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .item___PwiKQ:hover {
background-color: rgba(62, 69, 113, 0.2);
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .item___PwiKQ .name___t0Y2b {
color: #ffffff;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .item___PwiKQ .tag___ooWkq {
border: 1px solid #f7b500;
color: #f7b500;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .itemActive___JCEc6 {
background: #3e4571 !important;
}
.darklySelectEnvironment___K__cy .list___n7Ydz .items___OB8qz .line___Qn6mz {
width: 394px;
background-color: #282e55;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/User/Detail/ExperImentImg/components/MirrorModal/index.less?modules ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mirrorModal___Or3Fz {
display: flex;
justify-content: center;
align-items: flex-start;
height: 580px;
padding-bottom: 4px;
}
.mirrorModal___Or3Fz .right___dmM3o {
flex: 1 1;
background-color: white;
height: 100%;
}
.mirrorModal___Or3Fz .right___dmM3o header {
padding-left: 30px;
height: 60px;
}
.mirrorModal___Or3Fz .right___dmM3o header .title___qvx5b {
font-size: 14px;
font-weight: bold;
color: #333333;
height: 60px;
line-height: 60px;
border-bottom: 1px #f1f1f1 solid;
}
.mirrorModal___Or3Fz .right___dmM3o .content___bgacR .ant-empty {
padding: 150px 0px 99px 0;
}
.mirrorModal___Or3Fz .right___dmM3o .content___bgacR .ant-empty .ant-empty-image {
height: 180px;
}
.mirrorModal___Or3Fz .right___dmM3o .content___bgacR .ant-empty .ant-empty-description {
color: #999;
font-size: 14px;
}
.mirrorModal___Or3Fz .right___dmM3o .content___bgacR .des___tTuzA {
padding-left: 30px;
margin-top: 18px;
height: 425px;
overflow-y: auto;
margin-bottom: 31px;
}
.mirrorModal___Or3Fz .right___dmM3o .content___bgacR .btns___AAZk3 {
display: flex;
justify-content: end;
}
.mirrorModal___Or3Fz .right___dmM3o .content___bgacR .btns___AAZk3 .confirm___NIDd7 {
width: 60px;
height: 32px;
background: #3061D0;
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
font-weight: 400;
color: #FFFFFF;
border: 0px;
}
.mirrorModal___Or3Fz .right___dmM3o .content___bgacR .btns___AAZk3 .cancel___oCK9D {
width: 60px;
height: 32px;
background: #F8F9FC;
border-radius: 2px;
opacity: 0.5;
border: 1px solid #C3CFE0;
font-weight: 400;
color: #464F66;
line-height: 14px;
margin-right: 20px;
}
.modal___zo5el .ant-modal-content .ant-modal-header {
font-size: 16px;
font-weight: 500;
color: #000000;
padding: 30px 40px 10px 40px;
border: 0;
}
.modal___zo5el .ant-modal-content .ant-modal-body {
padding: 0 20px;
padding-left: 0 !important;
}
.modal___zo5el .ant-modal-content .ant-modal-close {
top: 22px;
right: 29px;
}
.modal___zo5el .ant-modal-content .ant-modal-close .ant-modal-close-icon {
color: #979797;
font-size: 26px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Shixuns/New/components/ApplyModal/index.less?modules ***!
\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flexRow___JBN3B {
display: flex;
flex-direction: row;
}
.flexColumn___zXgFj {
display: flex;
flex-direction: column;
}
.formWrap___aNgan {
font-size: 14px;
}
.formWrap___aNgan div[class~='ant-form-item-label'] label {
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
}
.formWrap___aNgan div[class~='ant-form-item-control-input-content'] input {
font-size: 14px;
height: 40px;
line-height: 40px;
}
.formWrap___aNgan div[class~='ant-form-item-control-input-content'] textarea {
font-size: 14px;
}
.formWrap___aNgan div[class~='ant-form-item-control-input-content'] span {
font-size: 14px;
}
.upload___yGdLQ {
max-width: 370px;
}
.color0152d9___zzEpS {
color: #0152d9;
}
.colorCCC___k4Dxq {
color: #ccc;
}
.footerWrap___WrUZd div[class~='ant-form-item-control'] {
max-width: 100%;
}
.footerWrap___WrUZd div[class~='ant-form-item'] {
margin-bottom: 0px;
}
.footerWrap___WrUZd div[class~='ant-form-item-control-input-content'] {
display: flex;
justify-content: flex-end;
}
.qrCode___GPwSg {
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin-bottom: 20px;
}
.qrCode___GPwSg::after {
content: '';
height: 1px;
background-color: #f1f1f1;
left: -16px;
bottom: 0;
position: absolute;
z-index: 1;
width: 1000px;
}
.qrCode___GPwSg .a1___R6etl {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 190px;
}
.qrCode___GPwSg .a1___R6etl .code___fCL_L {
width: 130px;
height: 130px;
background: #ffffff;
box-shadow: 0px 0px 6px 2px #dedede;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
}
.qrCode___GPwSg .a1___R6etl .group___n7tgy {
font-size: 14px;
color: #3a3a3a;
margin-top: 4px;
}
.qrCode___GPwSg .a1___R6etl .groupNumber___tw7hA {
font-size: 12px;
color: #999999;
}
.qrCode___GPwSg .a2___GGjDE {
flex: 1 1;
font-size: 16px;
color: #333333;
line-height: 32px;
margin-top: 14px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Shixuns/Edit/body/Environment/MarkdownModal/index.less?modules ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mirrorModal___Pi3tF {
display: flex;
justify-content: center;
align-items: flex-start;
height: 580px;
}
.mirrorModal___Pi3tF .right___Hot5f {
flex: 1 1;
background-color: white;
height: 100%;
}
.mirrorModal___Pi3tF .right___Hot5f header {
padding: 0px 30px;
height: 60px;
}
.mirrorModal___Pi3tF .right___Hot5f header .title___jjMKh {
font-size: 14px;
font-weight: bold;
color: #333333;
height: 60px;
line-height: 60px;
border-bottom: 1px #f1f1f1 solid;
}
.mirrorModal___Pi3tF .right___Hot5f .content___BmOkD .ant-empty {
padding: 150px 0px 40px 0;
}
.mirrorModal___Pi3tF .right___Hot5f .content___BmOkD .ant-empty .ant-empty-image {
height: 180px;
}
.mirrorModal___Pi3tF .right___Hot5f .content___BmOkD .ant-empty .ant-empty-description {
color: #999;
font-size: 14px;
}
.mirrorModal___Pi3tF .right___Hot5f .content___BmOkD .des___oGTUM {
padding: 0 30px;
margin-top: 18px;
max-height: 490px;
overflow-y: auto;
}
.modal___yy3VB .ant-modal-body {
max-height: 500px;
overflow-y: auto;
}