.bg___3hUp0 {
  height: 100vh;
}
.header___1T3qP {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  background-color: #070f1a;
  padding-left: 30px;
  z-index: 99;
  font-size: 14px;
}
.header___1T3qP [class~='ant-statistic-content'] {
  font-size: 14px;
  color: #fff !important;
}
.dragingMask___2ws9_ {
  bottom: 0;
  position: fixed;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  z-index: 902;
  top: 0;
  width: 100%;
}
.content___3T3D2 {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.content___3T3D2 .leftContainer___2glEu {
  position: relative;
  height: 100%;
}
.content___3T3D2 .leftContainer___2glEu .tabNav___1M9T6 {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  border-bottom: 1px solid #ddd;
}
.content___3T3D2 .leftContainer___2glEu .tabNav___1M9T6 > div {
  flex: 1 1 auto;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
  border-bottom: 2px solid #4cacff;
  color: #05101a;
  font-size: 16px;
}
.content___3T3D2 .leftContainer___2glEu .mdContent___1g5St {
  height: calc(100% - 57px);
  overflow-y: auto;
  padding: 16px;
}
.content___3T3D2 .resizeBar___2cdua {
  width: 4px;
  cursor: ew-resize;
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  background: #111c24;
}
.content___3T3D2 .resizeBar___2cdua.has-unity-3d___BA2-j {
  cursor: inherit;
  width: 0;
}
.content___3T3D2 .resizeBar___2cdua.has-unity-3d___BA2-j .btn-resize___TRleN {
  margin-left: 0;
}
.content___3T3D2 .resizeBar___2cdua .btn-resize {
  display: flex;
  flex-flow: column nowrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  z-index: 903;
  border-radius: 50%;
  position: absolute;
  margin-left: -10px;
  opacity: 0.7;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.content___3T3D2 .resizeBar___2cdua .btn-resize:hover {
  opacity: 1;
}
.content___3T3D2 .rightCotainer___3hfgn {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  flex: 1 1;
  position: relative;
  height: 100%;
  background: #111c24;
}
.user___3gcln {
  color: #fff;
}
.user___3gcln img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.titleWrap___BPyXW {
  color: #fff !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.title___1hc9j {
  font-size: 16px;
  line-height: 40px;
  height: 30px;
}
.endTimeWrap___tCmLs {
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: block;
}
.colorGray___2s62a {
  color: #888;
}
.main___g8cKX {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 130px);
}
.loadFail___1h3vW {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.reload___2TZng {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.failIcon___3mbwQ {
  font-size: 100px;
  color: #f5f5f5;
  text-align: center;
}
.failWrap___138EN {
  display: flex;
  flex-direction: column;
}
.failReload___3eeAm {
  color: #1e8ffd;
  font-size: 12px;
  cursor: pointer;
  margin-right: 18px;
}
.dataSetButton___38M58 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAACRCAYAAABAMKFdAAADU0lEQVR4nO3cO2/TYBTG8ee8dmMjJXZIaSFJlVYVlIugQtCp3ESlchMDggGB2BiYkdgY+AaIgY0PAGJhQSyIDZBgYWFiADY2hEhocRr7IJtLE0hROED8Duc/pqry6+tUb6YHFkdW0vxy9WAhrD+zSUdeUD0KossAjsCGo/PD8ekEzjkCXQCwrftneeAKfnnTPrCzCPARBvas5fi/uFJ91AVmXIe3M2Mvg+eIaRYEf5Bf/3Pc2FixsOxMGtcdS5CUTUwhE4cMVIi4CqYaE6oApggYlfxNf4QbCatzhnEeoGMgbAVg/uZNB+23uJFyfbfh5AZAh4aB+bm1cJ4X1q4DfAkgJw8Y+uJK9VGP+B4IB3IRddWLCyYqHiVPgexzlXvdH2zjUXLbFhi6cYWgdu37tWFL2WP1goktQPIShIJNuOzkGMlV22DITi5srPe48w4EzwJPT8anzikbYWkmSfiwBY6+GRDNWujKSv8hJi1w9M0QuGihK8sA5Frg6NtQvpdJU5w0xUlTnDTFSVOcNMVJU5w0xUlTnDTFSVOcNMVJU5w0xUlTnDTFSVOcNMVJU5w0xUlTnDTFSVOcNMVJU5w0xUlTnDTFSVOcNMVJU5w0xUlTnDTFSVOcNMVJU5w0xUlTnDTFSVOcNMVJU5w0xUlTnDTFSVOcNMVJMwB3rMUx6KMFjr6lj/Wtha4sQ8ALCxx9M8x4ZKEry7QL7fsMfLLA8ksOlpbarl8KAeyzzPZ1TKVUqm2IDN4QYNUaQjZr1G43l1yv1ALheP6k1X5sLsVR87nrBzsB7LDAldVzfUXO8kUQnuTH6a33bn3//mP0IV0Y4gf507oe62rNlThq3XX84mcCzaeTYBbhspI4aj12/XV3AKcO8FaAhv4NZqCJN7+8aSphc5aAdGlvjoDg/9Oky33FjeMjhqaIMEnkNABuIME0CLsANP7VIuC/nxWsVAJ3xd/lGJpl8H4C0u26uh24PnnBxGYiXmDwGYAXBp2+GfpaZHpVrhg+nYAu0delyDXLdWfTD+sLzLgC4r7XphULpV5YWwRwE8BM9+u57Rl2F0fN13HUvOX6pXSTbP77oVmB+1YcR82HI17wBsAJEOzci/JK9ZNeWO3YdHI/itvNV+66sPUFAFqaWbDlNpAAAAAASUVORK5CYII=);
  height: 141px;
  width: 38px;
  position: absolute;
  right: 0px;
  top: 32%;
  cursor: pointer;
  left: auto;
  z-index: 10000;
  padding-top: 15px;
}
.ac___10dT4 .dataSetText___k4Y8a {
  color: #1e8ffd;
  position: relative;
}
.ac___10dT4 .dataSetText___k4Y8a::after {
  position: absolute;
  z-index: 200;
  width: 2px;
  height: 26px;
  content: '';
  background-color: #1e8ffd;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
}
.dataSetText___k4Y8a {
  -ms-writing-mode: tb-rl;
      writing-mode: tb-rl;
  color: #fff;
  padding-left: 10px;
}
.dataSetOpen___Eqml_ {
  right: 330px;
  animation-duration: 2s;
  animation: mymove___3BEqr 0.35s;
  animation-fill-mode: forwards;
}
.footer___icPw1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 900;
  width: 100%;
}
.footer___icPw1 > span {
  position: absolute;
  left: 20px;
  font-size: 14px;
  color: #333;
}
.footer___icPw1 > button {
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
}
.start___2WJgs {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.start___2WJgs .title___1hc9j {
  font-size: 16px;
  color: #272a3a;
}
.start___2WJgs > b {
  display: inline-block;
  color: #0152d9;
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 70px;
}
.start___2WJgs .liWarp___1I-fd {
  width: 774px;
  max-height: 500px;
  overflow-y: auto;
}
.start___2WJgs .liWarp___1I-fd .li___3Vt_p {
  width: 333px;
  height: 30px;
  line-height: 28px;
  border-radius: 4px;
  border: 1px solid #0152d9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  padding: 0 12px;
  color: #0152d9;
  display: inline-block;
  margin: 0px 26px 23px 26px;
  cursor: pointer;
}
.start___2WJgs .liWarp___1I-fd .li___3Vt_p i {
  margin-right: 6px;
}
.start___2WJgs .liWarp___1I-fd .li___3Vt_p:hover {
  line-height: 30px;
  background: #0152d9;
  color: #fff;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.drawerWrap___34raS div[class~='ant-drawer-content-wrapper'] {
  width: 330px;
  padding-top: 60px;
}
.drawerWrap___34raS div[class~='ant-drawer-mask'] {
  opacity: 0 !important;
}
.drawerWrap___34raS div[class~='ant-drawer-wrapper-body'] {
  overflow: hidden;
  background: #070f1a;
  padding-bottom: 40px;
}
.drawerWrap___34raS div[class~='ant-drawer-body'] {
  padding: 0px;
}
.drawerWrap___34raS div[class~='markdown-body'] {
  color: #ffffff;
}
.drawer___Z60u8 {
  height: 100%;
}
.title___3FtyG {
  padding-left: 20px;
  height: 49px;
  line-height: 49px;
  background: #070f1a;
  color: #ffffff;
  border-top: 1px solid #17212f;
  border-bottom: 1px solid #17212f;
  margin-bottom: 6px;
}
.titleIcon___1mpX8 {
  color: #28b887;
  font-size: 30px;
  margin-right: 20px;
}
.filePathWrap___2eM6G {
  color: #888;
  font-size: 16px;
  background: #070f1a;
  border-bottom: 1px solid #17212f;
  border-top: 1px solid #17212f;
  padding-top: 5px;
}
.filePathContent___B4XQ1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.folderName___2CdNI {
  margin-left: 20px;
  color: #ffffff;
  height: 45px;
  line-height: 45px;
  max-width: 186px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
  width: 186px;
}
.copy___10kAN {
  height: 45px;
  line-height: 45px;
  color: #0152d9;
  font-size: 14px;
  margin-right: 10px;
}
.listWrap___9YZmK {
  overflow-y: auto;
  margin-left: 20px;
  height: calc(100vh - 240px);
}
.item___2bdzR {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.itemText___1RaZy {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  max-width: 152px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
  width: 152px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.drawerWrap___30u-E div[class~='ant-drawer-content-wrapper'] {
  width: 330px;
  padding-top: 60px;
}
.drawerWrap___30u-E div[class~='ant-drawer-mask'] {
  opacity: 0 !important;
}
.drawerWrap___30u-E div[class~='ant-drawer-wrapper-body'] {
  overflow: hidden;
  background: #070f1a;
  padding-bottom: 40px;
}
.drawerWrap___30u-E div[class~='ant-drawer-body'] {
  padding: 0px;
}
.drawer___25Cz3 {
  height: 100%;
}
.title___2sb8_ {
  padding-left: 20px;
  height: 49px;
  background: #070f1a;
  color: #ffffff;
  border-top: 1px solid #17212f;
  display: flex;
  align-items: center;
  margin: 0;
}
.titleIcon___2sEYD {
  color: #28b887;
  font-size: 30px;
  margin-right: 20px;
}
.filePathWrap___1lqDk {
  color: #888;
  font-size: 16px;
  background: #070f1a;
  border-bottom: 1px solid #17212f;
  border-top: 1px solid #17212f;
  padding-top: 5px;
}
.filePathContent___3g6vP {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.folderName___1_P2P {
  margin-left: 20px;
  color: #ffffff;
  height: 45px;
  line-height: 45px;
  max-width: 186px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
  width: 186px;
}
.copy___2Lnre {
  height: 45px;
  line-height: 45px;
  color: #0152d9;
  font-size: 14px;
  margin-right: 10px;
}
.listWrap___W2kd8 {
  overflow-y: auto;
  margin-left: 20px;
  height: calc(100vh - 240px);
}
.item___2WUk2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.itemText___2QG3L {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  max-width: 152px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
  width: 152px;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.diff-panel-container___XlGUk {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 0;
  overflow: hidden;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-weight: normal;
  font-feature-settings: 'liga' 0, 'calt' 0;
}
.diff-panel-container___XlGUk div {
  width: 49.5%;
  white-space: pre;
  overflow-x: auto;
  line-height: 18px;
  font-size: 12px;
  display: inline-block;
  letter-spacing: 0px;
  vertical-align: top;
  padding: 10px 14px;
  background: #f5f5f5;
  border-radius: 4px;
  color: #333;
  min-height: 80px;
}
.diff-panel-container___XlGUk div:first-child {
  margin-right: 1%;
}
.diff-panel-container___XlGUk .line-break___3Po-A {
  display: block;
  height: 20px;
}
.diff-panel-container___XlGUk del {
  color: #dd5555;
  white-space: pre;
  text-decoration: none;
}
.diff-panel-container___XlGUk del:empty {
  display: none;
}
.diff-panel-container___XlGUk del.empty___3j3Wi {
  background: hsl(0, 67%, 60%);
}
.diff-panel-container___XlGUk ins {
  color: #2ea44f;
  white-space: pre;
  text-decoration: none;
}
.diff-panel-container___XlGUk ins:empty {
  display: none;
}
.diff-panel-container___XlGUk ins.empty___3j3Wi {
  background: #2ea44f;
}
.diff-panel-container-2___2D6_x {
  background: none;
}
.diff-panel-container-2___2D6_x > div {
  background: none;
  padding-top: 0;
}
.diff-panel-container-2___2D6_x ins {
  white-space: pre;
  text-decoration: none;
  color: #333;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.choose-game-item___WfH7Z {
  padding: 16px 15px;
  border-radius: 4px;
}
.choose-game-item___WfH7Z p {
  margin: 0;
}
.choose-game-item___WfH7Z .output-title-container___3NwgO {
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  color: #333;
  align-items: center;
  margin-bottom: 12px;
}
.choose-game-item___WfH7Z .output-title-container___3NwgO span {
  flex: 1 1;
  display: flex;
}
.choose-game-item___WfH7Z .output-title-container___3NwgO span span {
  flex: initial;
}
.choose-game-item___WfH7Z .output-title-container___3NwgO span span:nth-child(1) {
  margin-left: 9px;
  flex: 1 1;
}
.choose-game-item___WfH7Z .output-title-container___3NwgO .output-title___3To7G {
  color: #333;
}
.test-case-list___21iUT {
  padding: 0;
  position: fixed;
  z-index: 905;
  bottom: 70px;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 300px;
}
.test-header___1Or85 {
  width: 100%;
  height: 34px;
  padding: 0 25px;
  line-height: 34px;
  color: #f4f1ed;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #111c24;
  border-bottom: 1px solid #222c34;
}
.test-header___1Or85 a {
  color: #747a7f;
}
.test-header___1Or85 span {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 0 25px;
}
.test-header___1Or85 span.active___19fk-:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: auto;
  bottom: 0;
  right: auto;
  height: 2px;
  width: 20px;
  background-color: #29bd8b;
}
.resize-y-bar___1UDWa {
  height: 3px;
  background: #111c24;
  cursor: ns-resize;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resize-y-bar___1UDWa > i {
  color: #111c24;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  z-index: 10;
}
.test-result___tYDK3 {
  font-size: 14px;
  font-family: PingFangSC-Bold, PingFang SC;
  line-height: 25px;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
.test-result___tYDK3 p {
  font-size: 14px !important;
}
.test-result___tYDK3 .markdown-body___3-KhD p {
  white-space: normal;
}
.test-result___tYDK3.success___2OfOn {
  color: #29bd8b;
}
.test-result___tYDK3.failer___2VGze {
  color: #dd5555 !important;
}
.test-result___tYDK3.failer___2VGze p {
  color: #dd5555 !important;
}
.test-result___tYDK3 img {
  display: block;
  margin-right: 5px;
}
.test-result___tYDK3 .count___qFRJr {
  display: flex;
  flex-flow: row nowrap;
  float: left;
  align-items: center;
  line-height: 25px;
  padding: 0 10px 0 4px;
}
.test-case-item___3hhFP {
  width: 100%;
  margin: 0 auto 20px auto;
  border-radius: 4px;
  border: 1px solid #dedede;
  font-size: 14px;
}
.test-case-item___3hhFP .case-header___JtLmE {
  padding: 9px 20px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dedede;
}
.test-case-item___3hhFP .case-header___JtLmE .iconfont___2SyLv {
  font-size: 14px !important;
  color: #f4f1ed;
}
.test-case-item___3hhFP .case-header___JtLmE .description___2Pe8J {
  color: #616b77;
  padding: 0 8px;
  font-size: 12px;
}
.test-case-item___3hhFP .item-desc___1hgqX {
  display: none;
}
.test-case-item___3hhFP .item-desc___1hgqX.show___2cRso {
  display: block;
}
.test-case-item___3hhFP .item-tip___ucSVS {
  font-size: 12px;
  color: #c67676;
  line-height: 12px;
}
.test-case-item___3hhFP h2 {
  font-size: 14px;
  color: #bfbfbf;
  margin: 0;
  line-height: 21px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.test-case-item___3hhFP h4 {
  font-size: 14px;
  color: #637da6;
  line-height: 14px;
  padding: 15px 0 5px 0;
}
.test-case-item___3hhFP p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
}
.arrow-down___H7ffD {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #bfbfbf;
}
.test-title___3ymqs {
  margin-left: 10px;
  font-weight: 400;
  color: #333;
}
.arrow-right___34mQw {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #bfbfbf;
}
.case-info___3lG1j {
  flex: 1 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}
.case-info___3lG1j i,
.case-info___3lG1j img {
  margin-left: 8px;
}
.test-case-run-header___yyiFL {
  color: #617c93;
  font-size: 14px;
  padding: 10px 0;
}
.test-case-run-wrp___N-VB1 textarea {
  background: none;
  border: none;
  color: #fff;
  resize: none;
}
.test-case-run-wrp___N-VB1 > div:nth-child(2) > div {
  color: #fff;
  background: #1b2a37;
  margin-right: 12px;
}
.title___2shYw {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-top: 28px;
  margin-bottom: 20px;
}
.warp___3CAK7 {
  padding: 0 30px;
  overflow: auto;
  height: 100%;
}
.warp___3CAK7 div[class~='ant-spin-nested-loading'] {
  height: 100%;
}
.spin___26jAt {
  background-color: #fff;
}
.diff-panel-container___n3jbN {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 0;
  overflow: hidden;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-weight: normal;
  font-feature-settings: 'liga' 0, 'calt' 0;
}
.diff-panel-container___n3jbN div {
  width: 49.5%;
  white-space: pre;
  overflow-x: auto;
  line-height: 18px;
  font-size: 12px;
  display: inline-block;
  letter-spacing: 0px;
  vertical-align: top;
  padding: 10px 14px;
  background: #f5f5f5;
  border-radius: 4px;
  color: #333;
  min-height: 80px;
}
.diff-panel-container___n3jbN div:first-child {
  margin-right: 1%;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */