@keyframes mymove-data-v-c398f6d4 {
from {
    background-position: -200px 0px;
}
to {
    background-position: 200px 0px;
}
}
.animation[data-v-c398f6d4] {
  width: 100%;
  padding-left: 55px ;
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #97a8be), color-stop(0.4, #97a8be), color-stop(0.5, #fff), color-stop(0.6, #97a8be), color-stop(1, #97a8be));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: mymove-data-v-c398f6d4 3s infinite;
  -webkit-text-size-adjust: none;
}
.animationSuccess[data-v-c398f6d4] {
  width: 100%;
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(0.4, #fff), color-stop(0.5, #97a8be), color-stop(0.6, #fff), color-stop(1, #fff));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: mymove-data-v-c398f6d4 3s infinite;
  -webkit-text-size-adjust: none;
}
.icon-start[data-v-c398f6d4] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAAAAXNSR0IArs4c6QAAAnZJREFUWAnN2D1r20AYB/D4BWyToThtBeniwcT2UtKtQ6FLCR77PZp6CTRD0qUlGZIMhTSFfoIO/QYtpJAxFENHv+AEbAc8pQ7ErsG23P9j6ZSzY0u6k5HuwLqTdM9zP8eReKSlJa7V6/Un3K7UsFqtxprN5kOpYJugMDtXKpX2ut3uVblcPqvVag/YcZG+1WotD4fDi06nQ3k2RWKd5lrQUCi0TpNHo9HLwWDwQwbbbrc15FlFjhg+J8C+dQK4PW9BkXgXQdcUiPFzGWwul7tE+AHloIY8nxeFDRkpjW2lUnmm6/op9lboCP4659FoNJ9Op2+MGe62+Dc6xMx3bDbyFLLZ7Anbl+knoJRAVew9qKrYmVAVsXOhqmFtoSphHaGqYF1BVcC6hgaNFYIGiRWGBoWVggaBlYb6jfUE9RPrGeoX1qpHaUHZlslk/oTD4VeIt+rZfr//QTQf6tltxBxxccco4NdofyFQShSJRIaoO3UaU8NYKjfi+kYGazv+1aWSWSnMAb71UzwR/EJF/4gOYbHfyWRyZ3qe0z6eBvaRg48roGivUJxnqIk8ZUjkLMbj8bymabdOMP78NBJfdgtPBV/YHE8XE4d8bCYsJhKJjVQq9Zct4Kafg/zEx0pD/UQSWArqN1IKGgRSGBoUUggaJNI1dFFIer+FRemNzLiZt6CJq5udm+4dLyYVkIS2haqCtIWqhJwLVQ05E6oi8h5UVeQEVGWkBW00Git4f19Cqea1CnqDHHelmVGqubpPEsaujevRXq/3wiuSFkGO12wxkZs5i7Hro+bJn+i/IrmOove9aD3JLfAROf7h8x3PUd+4456H/wECAIIgRzBOTwAAAABJRU5ErkJggg==);
  background-size: 40% 50%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.icon-success[data-v-c398f6d4] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA9RJREFUWAnNmU1oE0EUx+dNAtraQyuiJa2nipeqFz3YxrNYoaj9oCf1LgoFPVgQSwWxYMWLePCmgqBNWhRvgiA07al40J5sTiaR9qKH2vRgd/y/STbsbnY322Q37UDJ7Myb937zdufNmymJOstY5mjPP2FcEkqdFoISSogECZVgdUpQgYQooFYQRMtxId+/Tf7M1mMKeoKXq5mew3/V1k1B4grATgQfCUmi7yCfP0D7n71OZteDjg0EOLrS27b95/dtUuIOPNUWVLmbHAxuKBIzsfaOJ7O9KxtuMta2moAjS91DhmE8x+yPWAc2XCexJqW8kerLzfnpkl6dSikayiQmAZcKHY6NYsKsm22wLS8O147Rxe4WQ6mXGDjqNTDMdiKalUTXZ/tzRafeKg/ybLaVetUsOAZiW2WHVDmsCnB4ses+Row4ZxL1M0Nq2w5DNuLyguBvztbuGBPdIwIpFs6IdeFUQMqhZDWSBbGTKWF1IwQdM0NQ5RVznNt1OJ4IVrdmKU9Ke5B3iE1VzDYahHfiKD9ZQG20UksP7zjag0WxdaupcERZhJaH+PvoBsosektFpwY0hLjsJhhJG9HnQ/s6T6WT+Xv4G4S33rja4f0eRXJWsuON31VjgMYS3OCLM8ubFWkpv1Tq1gqSEWaTOmWydkRVd4ODLWUY2lNuZplNwnvI5yIuHnBDC11PYfmCp3Ww4RsknWR6CjXa4Qunxv3VU0JixUQH2BAch0SRkGaa7j+TOnobhGOLzCaRiQE05BICHBMxGxYJ/aqFR1I+jknZSnF5HGeLJV/5kOC0DbDhFfPpy6eQWJd9fROcTKbP5n7E2tvPQ3rBdUSYcDDAbFjFOBr6FBIU71z9GjdFOMuIdXQM4NkOGTJcyZ4CIM6tpnG3XySSB/NrxWlrXxVkJHCwCDbJh2qrcfe6Gh9eSDyy9pmQJOQM9lb79gXBUhCuFeesGqvrzIbXDGWZrm9B9mMIT6fPFSaqVdlbwoDjg/5cMn9SZzMINPN2E+5PiEd3nZ50SoYCx0rLTBqQryPgnZqn/NI4b8iw4JiFmdieBuTMla8juCFIcfNkWHBsn1nM+xv9DXJjXYcmog/Iij/h+x3Aar/IehoujkNTBZAV78VjZ2mRlKddPo9ONeyF+hVMWc/ErMbmQW7Aq6Lhxe53qDT1doHvZ1L9uTH82pIXmwc1MQRiRNcQh1L83JQCW3x55IRj21UeNIFKnsQ9jRCTiEmecqZ8Xb+lVG8q3Z9/4AbHOmsa3u0LzJqAPIs9fQXMgGbhKxK+hdAH/b10iW4CWn+b9W+I/+G73hBDS2ovAAAAAElFTkSuQmCC);
  background-size: 45% auto;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
@mixin jc-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.jc-component__range .jc-range[data-v-c398f6d4] {
  border-radius: 2px;
  background-color: #F5F5F5;
  position: relative;
  transition: 1s all;
  user-select: none;
  color: #97a8be;
  text-align: center;
  line-height: 50px;
@include jc-flex;
  margin-bottom: 20px;
  font-size: 16px;
  height: 50px;
  /*no*/
}
.jc-component__range .jc-range.success[data-v-c398f6d4] {
  background-color: #52C41A;
  color: #fff;
}
.jc-component__range .jc-range i[data-v-c398f6d4] {
  position: absolute;
  left: 0;
  top: 0px;
  width: 55px;
  /*no*/
  height: 50px;
  color: #B8B8B8;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #DDDDDD;
  cursor: pointer;
@include jc-flex;
}

.loginAccount .ark-tabs-nav {
  width: 100%;
}
.loginAccount .ark-tabs-nav .ark-tabs-tab {
  width: 50%;
  text-align: center;
  margin-right: 0px;
  padding: 8px 0px;
  font-size: 20px;
  font-weight: bold;
}
.loginAccount .ark-tabs-nav .ark-tabs-tab:last-child {
  padding-left: 12px;
}
.loginAccount .ark-tabs-bar {
  border-bottom: none;
  margin-bottom: 30px;
}
/* .loginAccount .ark-tabs-ink-bar {
  width: 110px !important;
} */
/* 滑动控件容器,灰色背景 */
#dragContainer {
  position: relative;
  display: inline-block;
  background: #e8e8e8;
  width: 300px;
  height: 33px;
  border: 2px solid #e8e8e8;
}
/* 滑块左边部分,绿色背景 */
#dragBg {
  position: absolute;
  background-color: #7ac23c;
  width: 0px;
  height: 100%;
}
/* 滑动验证容器文本 */
#dragText {
  position: absolute;
  width: 100%;
  height: 100%;
  /* 文字水平居中 */
  text-align: center;
  /* 文字垂直居中,这里不能用百分比,因为百分比是相对原始line-height的,而非div高度 */
  line-height: 33px;
  /* 文本不允许选中 */
  user-select: none;
  -webkit-user-select: none;
}
/* 滑块 */
#dragHandler {
  position: absolute;
  width: 40px;
  height: 100%;
  cursor: move;
}
/* 滑块初始背景 */
.dragHandlerBg {
  background: #fff no-repeat center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==");
}
/* 验证成功时的滑块背景 有√*/
.dragHandlerOkBg {
  background: #fff no-repeat center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==");
}

.topBg {
  width: 100%;
  height: 60%;
  background: url(/99c96eb967c392c99247.png) no-repeat center bottom;
  background-color: #EFF6FE;
  background-size: 80%;
}
#pictureVerCode {
  max-width: 1150px;
  max-height: 644px;
  width: 80%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pictureVerCode .imgContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 450px;
  height: 460px;
  position: relative;
}
#pictureVerCode .imgContent .imgYq {
  width: 460px;
  position: absolute;
  bottom: 0;
}
#pictureVerCode .loginAccount {
  margin-right: 30px;
  margin-left: 130px;
  border-radius: 8px;
  width: 370px;
  min-height: 380px;
  font-size: 14px;
  position: relative;
  z-index: 3;
}
#pictureVerCode .loginAccount .loginText {
  height: 40px;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #323232;
  line-height: 40px;
  margin-bottom: 30px;
}
#pictureVerCode .loginAccount .password,
#pictureVerCode .loginAccount .userName {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 30px;
  margin-bottom: 20px;
  font-size: 16px;
  background: #F5F5F5;
  border-radius: 5px;
  border: 1px solid #DDDDDD;
}
#pictureVerCode .loginAccount .password > img,
#pictureVerCode .loginAccount .userName > img {
  width: 17px;
  height: 17px;
  margin-right: 16px;
}
#pictureVerCode .loginAccount .password input,
#pictureVerCode .loginAccount .userName input {
  border: none;
  background: transparent;
  color: #333333;
  height: 100%;
}
#pictureVerCode .loginAccount .mobile,
#pictureVerCode .loginAccount .verificationcode {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 10px;
  margin-bottom: 20px;
  background: #F5F5F5;
  border-radius: 5px;
  font-size: 16px;
  border: 1px solid #DDDDDD;
}
#pictureVerCode .loginAccount .mobile .ark-btn > span,
#pictureVerCode .loginAccount .verificationcode .ark-btn > span {
  font-size: 16px;
}
#pictureVerCode .loginAccount .mobile > img,
#pictureVerCode .loginAccount .verificationcode > img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
#pictureVerCode .loginAccount .mobile input,
#pictureVerCode .loginAccount .verificationcode input {
  border: none;
  background: transparent;
  color: #333333;
  height: 100%;
}
#pictureVerCode .loginAccount .mobile .ark-btn,
#pictureVerCode .loginAccount .verificationcode .ark-btn {
  padding: 9px 13px;
  color: var(--primary-color);
}
#pictureVerCode .loginAccount .mobile .ark-btn:hover,
#pictureVerCode .loginAccount .verificationcode .ark-btn:hover {
  background: #F5F5F5;
}
#pictureVerCode .loginAccount .loginBtn {
  background: var(--primary-color);
  border-radius: 37px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #FFFFFF;
  cursor: pointer;
}
#pictureVerCode .loginAccount .noLoginBtn {
  background: #eeeeee;
  color: #BBBBBB;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #F5F5F5 inset !important;
  -webkit-text-fill-color: #333333;
}
input::-webkit-input-placeholder {
  color: #333333;
}

.itemComColor .ark-select-dropdown-list li:first-child {
  display: none;
}
.itemComColor .ark-select-dropdown-list .ark-select-item {
  display: flex;
}
.messagecolorSpart {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.newMessagePanel.message-panel .panel-main .panel-content[data-v-4bc1e213] {
  top: 36px;
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item[data-v-4bc1e213] {
  cursor: unset;
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item .item-inner[data-v-4bc1e213] {
  border: none;
}
.panel-filter[data-v-4bc1e213] {
  display: flex;
  margin-top: 12px;
  padding: 0 12px;
}
.panel-filter .itemCom[data-v-4bc1e213]:first-child {
  margin-right: 8px;
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item .item-time[data-v-4bc1e213] {
  display: flex;
  justify-content: space-between;
  background: #F7F8FD;
  padding-left: 6px;
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item .item-time .circle.red[data-v-4bc1e213] {
  background-color: red;
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item .item-time .circle.orange[data-v-4bc1e213] {
  background-color: #ff6500;
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item .item-time .circle.green[data-v-4bc1e213] {
  background-color: green;
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item .item-time[data-v-4bc1e213] {
  color: #444;
  font-style: normal;
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item .item-time.readed[data-v-4bc1e213] {
  color: #999;
  font-style: italic;
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item .item-title.itemHigh[data-v-4bc1e213] {
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: unset;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 3em;
  /* 高度为字体大小的两倍 */
  line-height: 1.5em;
  /* 行高 */
  height: 3em;
  /* 高度为行高的两倍 */
}
.newMessagePanel.message-panel .panel-main .panel-content .panel-item .item-title.titleReaded[data-v-4bc1e213] {
  color: #999;
  font-style: italic;
}
.newMessagePanel.message-panel .toDetailBtn[data-v-4bc1e213] {
  color: var(--primary-color);
  cursor: pointer;
  text-align: right;
}

.NavigatorVertical.transferLeft {
  width: 0px;
  transition: all ease-in-out 0.5s;
}
.NavigatorVertical.transferRight {
  width: 220px;
  transition: all ease-in-out 0.5s;
}

/*@import "./custom";
@import "./mixins/index";
@import "./common/index";
@import "./components/index";*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
  resize: vertical;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
input,
textarea {
  box-shadow: none !important;
  outline: none !important;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  box-shadow: none !important;
  outline: none !important;
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #e2e2e2;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: white;
  border: none;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #e2e2e2;
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
.fade-enter-active,
.fade-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-enter-active,
.fade-appear {
  animation-name: arkFadeIn;
  animation-play-state: running;
}
.fade-leave-active {
  animation-name: arkFadeOut;
  animation-play-state: running;
}
.fade-enter-active,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.fade-leave-active {
  animation-timing-function: linear;
}
@keyframes arkFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes arkFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter-active,
.move-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-enter-active,
.move-up-appear {
  animation-name: arkMoveUpIn;
  animation-play-state: running;
}
.move-up-leave-active {
  animation-name: arkMoveUpOut;
  animation-play-state: running;
}
.move-up-enter-active,
.move-up-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.move-up-leave-active {
  animation-timing-function: ease-in-out;
}
.move-down-enter-active,
.move-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-enter-active,
.move-down-appear {
  animation-name: arkMoveDownIn;
  animation-play-state: running;
}
.move-down-leave-active {
  animation-name: arkMoveDownOut;
  animation-play-state: running;
}
.move-down-enter-active,
.move-down-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.move-down-leave-active {
  animation-timing-function: ease-in-out;
}
.move-left-enter-active,
.move-left-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-enter-active,
.move-left-appear {
  animation-name: arkMoveLeftIn;
  animation-play-state: running;
}
.move-left-leave-active {
  animation-name: arkMoveLeftOut;
  animation-play-state: running;
}
.move-left-enter-active,
.move-left-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.move-left-leave-active {
  animation-timing-function: ease-in-out;
}
.move-right-enter-active,
.move-right-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-enter-active,
.move-right-appear {
  animation-name: arkMoveRightIn;
  animation-play-state: running;
}
.move-right-leave-active {
  animation-name: arkMoveRightOut;
  animation-play-state: running;
}
.move-right-enter-active,
.move-right-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.move-right-leave-active {
  animation-timing-function: ease-in-out;
}
@keyframes arkMoveDownIn {
  0% {
    transform-origin: 0 0;
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes arkMoveDownOut {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes arkMoveLeftIn {
  0% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes arkMoveLeftOut {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes arkMoveRightIn {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}
@keyframes arkMoveRightOut {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes arkMoveUpIn {
  0% {
    transform-origin: 0 0;
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes arkMoveUpOut {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(-100%);
    opacity: 0;
  }
}
.move-notice-enter-active,
.move-notice-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-notice-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-notice-enter-active,
.move-notice-appear {
  animation-name: arkMoveNoticeIn;
  animation-play-state: running;
}
.move-notice-leave-active {
  animation-name: arkMoveNoticeOut;
  animation-play-state: running;
}
.move-notice-enter-active,
.move-notice-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.move-notice-leave-active {
  animation-timing-function: ease-in-out;
}
.ark-notice {
  width: 335px;
  margin-right: 24px;
  position: fixed;
  z-index: 1010;
}
.ark-notice-content-with-icon {
  margin-left: 51px;
}
.ark-notice-with-desc.ark-notice-with-icon .ark-notice-title {
  margin-left: 51px;
}
.ark-notice-notice {
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #fff;
  line-height: 1;
  position: relative;
  overflow: hidden;
}
.ark-notice-notice-close {
  position: absolute;
  right: 8px;
  top: 15px;
  color: #999;
  outline: none;
}
.ark-notice-notice-close i {
  font-size: #999;
  color: #999;
  transition: color 0.2s ease;
  position: relative;
  top: -3px;
  font-weight: 700;
}
.ark-notice-notice-close i:hover {
  color: #999;
}
.ark-notice-notice-content-with-render .ark-notice {
  display: none;
}
.ark-notice-notice-with-desc .ark-notice-notice-close {
  top: 11px;
}
.ark-notice-content-with-render-notitle {
  margin-left: 26px;
}
.ark-notice-title {
  font-size: 12px;
  line-height: 15px;
  color: #666;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ark-notice-with-desc .ark-notice-title {
  font-weight: bold;
  margin-bottom: 8px;
}
.ark-notice-desc {
  font-size: 12px;
  color: #575757;
  text-align: justify;
  line-height: 1.5;
}
.ark-notice-with-desc.ark-notice-with-icon .ark-notice-desc {
  margin-left: 51px;
}
.ark-notice-with-icon .ark-notice-title {
  margin-left: 26px;
}
.ark-notice-icon {
  position: absolute;
  top: -2px;
  font-size: 16px;
}
.ark-notice-icon-success {
  color: #19be6b;
}
.ark-notice-icon-info {
  color: #1D74FF;
}
.ark-notice-icon-warning {
  color: #ff9900;
}
.ark-notice-icon-error {
  color: #fd6442;
}
.ark-notice-with-desc .ark-notice-icon {
  font-size: 36px;
  top: -6px;
}
.ark-notice-custom-content {
  position: relative;
}
@keyframes arkMoveNoticeIn {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}
@keyframes arkMoveNoticeOut {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
  70% {
    transform-origin: 0 0;
    transform: translateX(100%);
    height: auto;
    padding: 16px;
    margin-bottom: 10px;
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    height: 0;
    padding: 0;
    margin-bottom: 0;
    opacity: 0;
  }
}
.ease-enter-active,
.ease-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ease-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ease-enter-active,
.ease-appear {
  animation-name: arkEaseIn;
  animation-play-state: running;
}
.ease-leave-active {
  animation-name: arkEaseOut;
  animation-play-state: running;
}
.ease-enter-active,
.ease-appear {
  opacity: 0;
  animation-timing-function: linear;
  animation-duration: 0.2s;
}
.ease-leave-active {
  animation-timing-function: linear;
  animation-duration: 0.2s;
}
@keyframes arkEaseIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes arkEaseOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}
.transition-drop-enter-active,
.transition-drop-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.transition-drop-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.transition-drop-enter-active,
.transition-drop-appear {
  animation-name: arkTransitionDropIn;
  animation-play-state: running;
}
.transition-drop-leave-active {
  animation-name: arkTransitionDropOut;
  animation-play-state: running;
}
.transition-drop-enter-active,
.transition-drop-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.transition-drop-leave-active {
  animation-timing-function: ease-in-out;
}
.slide-up-enter-active,
.slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-enter-active,
.slide-up-appear {
  animation-name: arkSlideUpIn;
  animation-play-state: running;
}
.slide-up-leave-active {
  animation-name: arkSlideUpOut;
  animation-play-state: running;
}
.slide-up-enter-active,
.slide-up-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.slide-up-leave-active {
  animation-timing-function: ease-in-out;
}
.slide-down-enter-active,
.slide-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-enter-active,
.slide-down-appear {
  animation-name: arkSlideDownIn;
  animation-play-state: running;
}
.slide-down-leave-active {
  animation-name: arkSlideDownOut;
  animation-play-state: running;
}
.slide-down-enter-active,
.slide-down-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.slide-down-leave-active {
  animation-timing-function: ease-in-out;
}
.slide-left-enter-active,
.slide-left-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-enter-active,
.slide-left-appear {
  animation-name: arkSlideLeftIn;
  animation-play-state: running;
}
.slide-left-leave-active {
  animation-name: arkSlideLeftOut;
  animation-play-state: running;
}
.slide-left-enter-active,
.slide-left-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.slide-left-leave-active {
  animation-timing-function: ease-in-out;
}
.slide-right-enter-active,
.slide-right-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-leave-active {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-enter-active,
.slide-right-appear {
  animation-name: arkSlideRightIn;
  animation-play-state: running;
}
.slide-right-leave-active {
  animation-name: arkSlideRightOut;
  animation-play-state: running;
}
.slide-right-enter-active,
.slide-right-appear {
  opacity: 0;
  animation-timing-function: ease-in-out;
}
.slide-right-leave-active {
  animation-timing-function: ease-in-out;
}
@keyframes arkTransitionDropIn {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes arkTransitionDropOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0.8);
  }
}
@keyframes arkSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes arkSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0.8);
  }
}
@keyframes arkSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
}
@keyframes arkSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0.8);
  }
}
@keyframes arkSlideLeftIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleX(1);
  }
}
@keyframes arkSlideLeftOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleX(0.8);
  }
}
@keyframes arkSlideRightIn {
  0% {
    opacity: 0;
    transform-origin: 100% 0%;
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 0%;
    transform: scaleX(1);
  }
}
@keyframes arkSlideRightOut {
  0% {
    opacity: 1;
    transform-origin: 100% 0%;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 0%;
    transform: scaleX(0.8);
  }
}
.collapse-transition {
  transition: 0.2s height ease-in-out, 0.2s padding-top ease-in-out, 0.2s padding-bottom ease-in-out;
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
* {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}
*:before,
*:after {
  box-sizing: border-box;
}
body {
  font-family: "Microsoft YaHei", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #575757;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
button,
input,
select,
div,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
a {
  color: #2D8cF0;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.2s ease;
}
a:hover {
  color: #57a3f3;
}
a:active {
  color: #2b85e4;
}
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}
code,
kbd,
pre,
samp {
  font-family: Consolas, Menlo, Courier, monospace;
}
/*
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry  https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
*/
.ark-icon {
  display: inline-block;
  font-family: "iconfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  cursor: pointer;
}
.ark-row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  zoom: 1;
  display: block;
}
.ark-row:before,
.ark-row:after {
  content: "";
  display: table;
}
.ark-row:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ark-row-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ark-row-flex:before,
.ark-row-flex:after {
  display: flex;
}
.ark-row-flex-start {
  justify-content: flex-start;
}
.ark-row-flex-center {
  justify-content: center;
}
.ark-row-flex-end {
  justify-content: flex-end;
}
.ark-row-flex-space-between {
  justify-content: space-between;
}
.ark-row-flex-space-around {
  justify-content: space-around;
}
.ark-row-flex-top {
  align-items: flex-start;
}
.ark-row-flex-middle {
  align-items: center;
}
.ark-row-flex-bottom {
  align-items: flex-end;
}
.ark-col {
  position: relative;
  display: block;
}
.ark-col-span-1,
.ark-col-span-2,
.ark-col-span-3,
.ark-col-span-4,
.ark-col-span-5,
.ark-col-span-6,
.ark-col-span-7,
.ark-col-span-8,
.ark-col-span-9,
.ark-col-span-10,
.ark-col-span-11,
.ark-col-span-12,
.ark-col-span-13,
.ark-col-span-14,
.ark-col-span-15,
.ark-col-span-16,
.ark-col-span-17,
.ark-col-span-18,
.ark-col-span-19,
.ark-col-span-20,
.ark-col-span-21,
.ark-col-span-22,
.ark-col-span-23,
.ark-col-span-24 {
  float: left;
  flex: 0 0 auto;
}
.ark-col-span-24 {
  display: block;
  width: 100%;
}
.ark-col-push-24 {
  left: 100%;
}
.ark-col-pull-24 {
  right: 100%;
}
.ark-col-offset-24 {
  margin-left: 100%;
}
.ark-col-order-24 {
  order: 24;
}
.ark-col-span-23 {
  display: block;
  width: 95.83333333%;
}
.ark-col-push-23 {
  left: 95.83333333%;
}
.ark-col-pull-23 {
  right: 95.83333333%;
}
.ark-col-offset-23 {
  margin-left: 95.83333333%;
}
.ark-col-order-23 {
  order: 23;
}
.ark-col-span-22 {
  display: block;
  width: 91.66666667%;
}
.ark-col-push-22 {
  left: 91.66666667%;
}
.ark-col-pull-22 {
  right: 91.66666667%;
}
.ark-col-offset-22 {
  margin-left: 91.66666667%;
}
.ark-col-order-22 {
  order: 22;
}
.ark-col-span-21 {
  display: block;
  width: 87.5%;
}
.ark-col-push-21 {
  left: 87.5%;
}
.ark-col-pull-21 {
  right: 87.5%;
}
.ark-col-offset-21 {
  margin-left: 87.5%;
}
.ark-col-order-21 {
  order: 21;
}
.ark-col-span-20 {
  display: block;
  width: 83.33333333%;
}
.ark-col-push-20 {
  left: 83.33333333%;
}
.ark-col-pull-20 {
  right: 83.33333333%;
}
.ark-col-offset-20 {
  margin-left: 83.33333333%;
}
.ark-col-order-20 {
  order: 20;
}
.ark-col-span-19 {
  display: block;
  width: 79.16666667%;
}
.ark-col-push-19 {
  left: 79.16666667%;
}
.ark-col-pull-19 {
  right: 79.16666667%;
}
.ark-col-offset-19 {
  margin-left: 79.16666667%;
}
.ark-col-order-19 {
  order: 19;
}
.ark-col-span-18 {
  display: block;
  width: 75%;
}
.ark-col-push-18 {
  left: 75%;
}
.ark-col-pull-18 {
  right: 75%;
}
.ark-col-offset-18 {
  margin-left: 75%;
}
.ark-col-order-18 {
  order: 18;
}
.ark-col-span-17 {
  display: block;
  width: 70.83333333%;
}
.ark-col-push-17 {
  left: 70.83333333%;
}
.ark-col-pull-17 {
  right: 70.83333333%;
}
.ark-col-offset-17 {
  margin-left: 70.83333333%;
}
.ark-col-order-17 {
  order: 17;
}
.ark-col-span-16 {
  display: block;
  width: 66.66666667%;
}
.ark-col-push-16 {
  left: 66.66666667%;
}
.ark-col-pull-16 {
  right: 66.66666667%;
}
.ark-col-offset-16 {
  margin-left: 66.66666667%;
}
.ark-col-order-16 {
  order: 16;
}
.ark-col-span-15 {
  display: block;
  width: 62.5%;
}
.ark-col-push-15 {
  left: 62.5%;
}
.ark-col-pull-15 {
  right: 62.5%;
}
.ark-col-offset-15 {
  margin-left: 62.5%;
}
.ark-col-order-15 {
  order: 15;
}
.ark-col-span-14 {
  display: block;
  width: 58.33333333%;
}
.ark-col-push-14 {
  left: 58.33333333%;
}
.ark-col-pull-14 {
  right: 58.33333333%;
}
.ark-col-offset-14 {
  margin-left: 58.33333333%;
}
.ark-col-order-14 {
  order: 14;
}
.ark-col-span-13 {
  display: block;
  width: 54.16666667%;
}
.ark-col-push-13 {
  left: 54.16666667%;
}
.ark-col-pull-13 {
  right: 54.16666667%;
}
.ark-col-offset-13 {
  margin-left: 54.16666667%;
}
.ark-col-order-13 {
  order: 13;
}
.ark-col-span-12 {
  display: block;
  width: 50%;
}
.ark-col-push-12 {
  left: 50%;
}
.ark-col-pull-12 {
  right: 50%;
}
.ark-col-offset-12 {
  margin-left: 50%;
}
.ark-col-order-12 {
  order: 12;
}
.ark-col-span-11 {
  display: block;
  width: 45.83333333%;
}
.ark-col-push-11 {
  left: 45.83333333%;
}
.ark-col-pull-11 {
  right: 45.83333333%;
}
.ark-col-offset-11 {
  margin-left: 45.83333333%;
}
.ark-col-order-11 {
  order: 11;
}
.ark-col-span-10 {
  display: block;
  width: 41.66666667%;
}
.ark-col-push-10 {
  left: 41.66666667%;
}
.ark-col-pull-10 {
  right: 41.66666667%;
}
.ark-col-offset-10 {
  margin-left: 41.66666667%;
}
.ark-col-order-10 {
  order: 10;
}
.ark-col-span-9 {
  display: block;
  width: 37.5%;
}
.ark-col-push-9 {
  left: 37.5%;
}
.ark-col-pull-9 {
  right: 37.5%;
}
.ark-col-offset-9 {
  margin-left: 37.5%;
}
.ark-col-order-9 {
  order: 9;
}
.ark-col-span-8 {
  display: block;
  width: 33.33333333%;
}
.ark-col-push-8 {
  left: 33.33333333%;
}
.ark-col-pull-8 {
  right: 33.33333333%;
}
.ark-col-offset-8 {
  margin-left: 33.33333333%;
}
.ark-col-order-8 {
  order: 8;
}
.ark-col-span-7 {
  display: block;
  width: 29.16666667%;
}
.ark-col-push-7 {
  left: 29.16666667%;
}
.ark-col-pull-7 {
  right: 29.16666667%;
}
.ark-col-offset-7 {
  margin-left: 29.16666667%;
}
.ark-col-order-7 {
  order: 7;
}
.ark-col-span-6 {
  display: block;
  width: 25%;
}
.ark-col-push-6 {
  left: 25%;
}
.ark-col-pull-6 {
  right: 25%;
}
.ark-col-offset-6 {
  margin-left: 25%;
}
.ark-col-order-6 {
  order: 6;
}
.ark-col-span-5 {
  display: block;
  width: 20.83333333%;
}
.ark-col-push-5 {
  left: 20.83333333%;
}
.ark-col-pull-5 {
  right: 20.83333333%;
}
.ark-col-offset-5 {
  margin-left: 20.83333333%;
}
.ark-col-order-5 {
  order: 5;
}
.ark-col-span-4 {
  display: block;
  width: 16.66666667%;
}
.ark-col-push-4 {
  left: 16.66666667%;
}
.ark-col-pull-4 {
  right: 16.66666667%;
}
.ark-col-offset-4 {
  margin-left: 16.66666667%;
}
.ark-col-order-4 {
  order: 4;
}
.ark-col-span-3 {
  display: block;
  width: 12.5%;
}
.ark-col-push-3 {
  left: 12.5%;
}
.ark-col-pull-3 {
  right: 12.5%;
}
.ark-col-offset-3 {
  margin-left: 12.5%;
}
.ark-col-order-3 {
  order: 3;
}
.ark-col-span-2 {
  display: block;
  width: 8.33333333%;
}
.ark-col-push-2 {
  left: 8.33333333%;
}
.ark-col-pull-2 {
  right: 8.33333333%;
}
.ark-col-offset-2 {
  margin-left: 8.33333333%;
}
.ark-col-order-2 {
  order: 2;
}
.ark-col-span-1 {
  display: block;
  width: 4.16666667%;
}
.ark-col-push-1 {
  left: 4.16666667%;
}
.ark-col-pull-1 {
  right: 4.16666667%;
}
.ark-col-offset-1 {
  margin-left: 4.16666667%;
}
.ark-col-order-1 {
  order: 1;
}
.ark-col-span-0 {
  display: none;
}
.ark-col-push-0 {
  left: auto;
}
.ark-col-pull-0 {
  right: auto;
}
.ark-col-span-xs-1,
.ark-col-span-xs-2,
.ark-col-span-xs-3,
.ark-col-span-xs-4,
.ark-col-span-xs-5,
.ark-col-span-xs-6,
.ark-col-span-xs-7,
.ark-col-span-xs-8,
.ark-col-span-xs-9,
.ark-col-span-xs-10,
.ark-col-span-xs-11,
.ark-col-span-xs-12,
.ark-col-span-xs-13,
.ark-col-span-xs-14,
.ark-col-span-xs-15,
.ark-col-span-xs-16,
.ark-col-span-xs-17,
.ark-col-span-xs-18,
.ark-col-span-xs-19,
.ark-col-span-xs-20,
.ark-col-span-xs-21,
.ark-col-span-xs-22,
.ark-col-span-xs-23,
.ark-col-span-xs-24 {
  float: left;
  flex: 0 0 auto;
}
.ark-col-span-xs-24 {
  display: block;
  width: 100%;
}
.ark-col-xs-push-24 {
  left: 100%;
}
.ark-col-xs-pull-24 {
  right: 100%;
}
.ark-col-xs-offset-24 {
  margin-left: 100%;
}
.ark-col-xs-order-24 {
  order: 24;
}
.ark-col-span-xs-23 {
  display: block;
  width: 95.83333333%;
}
.ark-col-xs-push-23 {
  left: 95.83333333%;
}
.ark-col-xs-pull-23 {
  right: 95.83333333%;
}
.ark-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ark-col-xs-order-23 {
  order: 23;
}
.ark-col-span-xs-22 {
  display: block;
  width: 91.66666667%;
}
.ark-col-xs-push-22 {
  left: 91.66666667%;
}
.ark-col-xs-pull-22 {
  right: 91.66666667%;
}
.ark-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ark-col-xs-order-22 {
  order: 22;
}
.ark-col-span-xs-21 {
  display: block;
  width: 87.5%;
}
.ark-col-xs-push-21 {
  left: 87.5%;
}
.ark-col-xs-pull-21 {
  right: 87.5%;
}
.ark-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ark-col-xs-order-21 {
  order: 21;
}
.ark-col-span-xs-20 {
  display: block;
  width: 83.33333333%;
}
.ark-col-xs-push-20 {
  left: 83.33333333%;
}
.ark-col-xs-pull-20 {
  right: 83.33333333%;
}
.ark-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ark-col-xs-order-20 {
  order: 20;
}
.ark-col-span-xs-19 {
  display: block;
  width: 79.16666667%;
}
.ark-col-xs-push-19 {
  left: 79.16666667%;
}
.ark-col-xs-pull-19 {
  right: 79.16666667%;
}
.ark-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ark-col-xs-order-19 {
  order: 19;
}
.ark-col-span-xs-18 {
  display: block;
  width: 75%;
}
.ark-col-xs-push-18 {
  left: 75%;
}
.ark-col-xs-pull-18 {
  right: 75%;
}
.ark-col-xs-offset-18 {
  margin-left: 75%;
}
.ark-col-xs-order-18 {
  order: 18;
}
.ark-col-span-xs-17 {
  display: block;
  width: 70.83333333%;
}
.ark-col-xs-push-17 {
  left: 70.83333333%;
}
.ark-col-xs-pull-17 {
  right: 70.83333333%;
}
.ark-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ark-col-xs-order-17 {
  order: 17;
}
.ark-col-span-xs-16 {
  display: block;
  width: 66.66666667%;
}
.ark-col-xs-push-16 {
  left: 66.66666667%;
}
.ark-col-xs-pull-16 {
  right: 66.66666667%;
}
.ark-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ark-col-xs-order-16 {
  order: 16;
}
.ark-col-span-xs-15 {
  display: block;
  width: 62.5%;
}
.ark-col-xs-push-15 {
  left: 62.5%;
}
.ark-col-xs-pull-15 {
  right: 62.5%;
}
.ark-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ark-col-xs-order-15 {
  order: 15;
}
.ark-col-span-xs-14 {
  display: block;
  width: 58.33333333%;
}
.ark-col-xs-push-14 {
  left: 58.33333333%;
}
.ark-col-xs-pull-14 {
  right: 58.33333333%;
}
.ark-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ark-col-xs-order-14 {
  order: 14;
}
.ark-col-span-xs-13 {
  display: block;
  width: 54.16666667%;
}
.ark-col-xs-push-13 {
  left: 54.16666667%;
}
.ark-col-xs-pull-13 {
  right: 54.16666667%;
}
.ark-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ark-col-xs-order-13 {
  order: 13;
}
.ark-col-span-xs-12 {
  display: block;
  width: 50%;
}
.ark-col-xs-push-12 {
  left: 50%;
}
.ark-col-xs-pull-12 {
  right: 50%;
}
.ark-col-xs-offset-12 {
  margin-left: 50%;
}
.ark-col-xs-order-12 {
  order: 12;
}
.ark-col-span-xs-11 {
  display: block;
  width: 45.83333333%;
}
.ark-col-xs-push-11 {
  left: 45.83333333%;
}
.ark-col-xs-pull-11 {
  right: 45.83333333%;
}
.ark-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ark-col-xs-order-11 {
  order: 11;
}
.ark-col-span-xs-10 {
  display: block;
  width: 41.66666667%;
}
.ark-col-xs-push-10 {
  left: 41.66666667%;
}
.ark-col-xs-pull-10 {
  right: 41.66666667%;
}
.ark-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ark-col-xs-order-10 {
  order: 10;
}
.ark-col-span-xs-9 {
  display: block;
  width: 37.5%;
}
.ark-col-xs-push-9 {
  left: 37.5%;
}
.ark-col-xs-pull-9 {
  right: 37.5%;
}
.ark-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ark-col-xs-order-9 {
  order: 9;
}
.ark-col-span-xs-8 {
  display: block;
  width: 33.33333333%;
}
.ark-col-xs-push-8 {
  left: 33.33333333%;
}
.ark-col-xs-pull-8 {
  right: 33.33333333%;
}
.ark-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ark-col-xs-order-8 {
  order: 8;
}
.ark-col-span-xs-7 {
  display: block;
  width: 29.16666667%;
}
.ark-col-xs-push-7 {
  left: 29.16666667%;
}
.ark-col-xs-pull-7 {
  right: 29.16666667%;
}
.ark-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ark-col-xs-order-7 {
  order: 7;
}
.ark-col-span-xs-6 {
  display: block;
  width: 25%;
}
.ark-col-xs-push-6 {
  left: 25%;
}
.ark-col-xs-pull-6 {
  right: 25%;
}
.ark-col-xs-offset-6 {
  margin-left: 25%;
}
.ark-col-xs-order-6 {
  order: 6;
}
.ark-col-span-xs-5 {
  display: block;
  width: 20.83333333%;
}
.ark-col-xs-push-5 {
  left: 20.83333333%;
}
.ark-col-xs-pull-5 {
  right: 20.83333333%;
}
.ark-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ark-col-xs-order-5 {
  order: 5;
}
.ark-col-span-xs-4 {
  display: block;
  width: 16.66666667%;
}
.ark-col-xs-push-4 {
  left: 16.66666667%;
}
.ark-col-xs-pull-4 {
  right: 16.66666667%;
}
.ark-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ark-col-xs-order-4 {
  order: 4;
}
.ark-col-span-xs-3 {
  display: block;
  width: 12.5%;
}
.ark-col-xs-push-3 {
  left: 12.5%;
}
.ark-col-xs-pull-3 {
  right: 12.5%;
}
.ark-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ark-col-xs-order-3 {
  order: 3;
}
.ark-col-span-xs-2 {
  display: block;
  width: 8.33333333%;
}
.ark-col-xs-push-2 {
  left: 8.33333333%;
}
.ark-col-xs-pull-2 {
  right: 8.33333333%;
}
.ark-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ark-col-xs-order-2 {
  order: 2;
}
.ark-col-span-xs-1 {
  display: block;
  width: 4.16666667%;
}
.ark-col-xs-push-1 {
  left: 4.16666667%;
}
.ark-col-xs-pull-1 {
  right: 4.16666667%;
}
.ark-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ark-col-xs-order-1 {
  order: 1;
}
.ark-col-span-xs-0 {
  display: none;
}
.ark-col-xs-push-0 {
  left: auto;
}
.ark-col-xs-pull-0 {
  right: auto;
}
@media (min-width: 768px) {
  .ark-col-span-sm-1,
  .ark-col-span-sm-2,
  .ark-col-span-sm-3,
  .ark-col-span-sm-4,
  .ark-col-span-sm-5,
  .ark-col-span-sm-6,
  .ark-col-span-sm-7,
  .ark-col-span-sm-8,
  .ark-col-span-sm-9,
  .ark-col-span-sm-10,
  .ark-col-span-sm-11,
  .ark-col-span-sm-12,
  .ark-col-span-sm-13,
  .ark-col-span-sm-14,
  .ark-col-span-sm-15,
  .ark-col-span-sm-16,
  .ark-col-span-sm-17,
  .ark-col-span-sm-18,
  .ark-col-span-sm-19,
  .ark-col-span-sm-20,
  .ark-col-span-sm-21,
  .ark-col-span-sm-22,
  .ark-col-span-sm-23,
  .ark-col-span-sm-24 {
    float: left;
    flex: 0 0 auto;
  }
  .ark-col-span-sm-24 {
    display: block;
    width: 100%;
  }
  .ark-col-sm-push-24 {
    left: 100%;
  }
  .ark-col-sm-pull-24 {
    right: 100%;
  }
  .ark-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ark-col-sm-order-24 {
    order: 24;
  }
  .ark-col-span-sm-23 {
    display: block;
    width: 95.83333333%;
  }
  .ark-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ark-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ark-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ark-col-sm-order-23 {
    order: 23;
  }
  .ark-col-span-sm-22 {
    display: block;
    width: 91.66666667%;
  }
  .ark-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ark-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ark-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ark-col-sm-order-22 {
    order: 22;
  }
  .ark-col-span-sm-21 {
    display: block;
    width: 87.5%;
  }
  .ark-col-sm-push-21 {
    left: 87.5%;
  }
  .ark-col-sm-pull-21 {
    right: 87.5%;
  }
  .ark-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ark-col-sm-order-21 {
    order: 21;
  }
  .ark-col-span-sm-20 {
    display: block;
    width: 83.33333333%;
  }
  .ark-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ark-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ark-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ark-col-sm-order-20 {
    order: 20;
  }
  .ark-col-span-sm-19 {
    display: block;
    width: 79.16666667%;
  }
  .ark-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ark-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ark-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ark-col-sm-order-19 {
    order: 19;
  }
  .ark-col-span-sm-18 {
    display: block;
    width: 75%;
  }
  .ark-col-sm-push-18 {
    left: 75%;
  }
  .ark-col-sm-pull-18 {
    right: 75%;
  }
  .ark-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ark-col-sm-order-18 {
    order: 18;
  }
  .ark-col-span-sm-17 {
    display: block;
    width: 70.83333333%;
  }
  .ark-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ark-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ark-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ark-col-sm-order-17 {
    order: 17;
  }
  .ark-col-span-sm-16 {
    display: block;
    width: 66.66666667%;
  }
  .ark-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ark-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ark-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ark-col-sm-order-16 {
    order: 16;
  }
  .ark-col-span-sm-15 {
    display: block;
    width: 62.5%;
  }
  .ark-col-sm-push-15 {
    left: 62.5%;
  }
  .ark-col-sm-pull-15 {
    right: 62.5%;
  }
  .ark-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ark-col-sm-order-15 {
    order: 15;
  }
  .ark-col-span-sm-14 {
    display: block;
    width: 58.33333333%;
  }
  .ark-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ark-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ark-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ark-col-sm-order-14 {
    order: 14;
  }
  .ark-col-span-sm-13 {
    display: block;
    width: 54.16666667%;
  }
  .ark-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ark-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ark-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ark-col-sm-order-13 {
    order: 13;
  }
  .ark-col-span-sm-12 {
    display: block;
    width: 50%;
  }
  .ark-col-sm-push-12 {
    left: 50%;
  }
  .ark-col-sm-pull-12 {
    right: 50%;
  }
  .ark-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ark-col-sm-order-12 {
    order: 12;
  }
  .ark-col-span-sm-11 {
    display: block;
    width: 45.83333333%;
  }
  .ark-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ark-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ark-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ark-col-sm-order-11 {
    order: 11;
  }
  .ark-col-span-sm-10 {
    display: block;
    width: 41.66666667%;
  }
  .ark-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ark-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ark-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ark-col-sm-order-10 {
    order: 10;
  }
  .ark-col-span-sm-9 {
    display: block;
    width: 37.5%;
  }
  .ark-col-sm-push-9 {
    left: 37.5%;
  }
  .ark-col-sm-pull-9 {
    right: 37.5%;
  }
  .ark-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ark-col-sm-order-9 {
    order: 9;
  }
  .ark-col-span-sm-8 {
    display: block;
    width: 33.33333333%;
  }
  .ark-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ark-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ark-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ark-col-sm-order-8 {
    order: 8;
  }
  .ark-col-span-sm-7 {
    display: block;
    width: 29.16666667%;
  }
  .ark-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ark-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ark-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ark-col-sm-order-7 {
    order: 7;
  }
  .ark-col-span-sm-6 {
    display: block;
    width: 25%;
  }
  .ark-col-sm-push-6 {
    left: 25%;
  }
  .ark-col-sm-pull-6 {
    right: 25%;
  }
  .ark-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ark-col-sm-order-6 {
    order: 6;
  }
  .ark-col-span-sm-5 {
    display: block;
    width: 20.83333333%;
  }
  .ark-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ark-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ark-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ark-col-sm-order-5 {
    order: 5;
  }
  .ark-col-span-sm-4 {
    display: block;
    width: 16.66666667%;
  }
  .ark-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ark-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ark-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ark-col-sm-order-4 {
    order: 4;
  }
  .ark-col-span-sm-3 {
    display: block;
    width: 12.5%;
  }
  .ark-col-sm-push-3 {
    left: 12.5%;
  }
  .ark-col-sm-pull-3 {
    right: 12.5%;
  }
  .ark-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ark-col-sm-order-3 {
    order: 3;
  }
  .ark-col-span-sm-2 {
    display: block;
    width: 8.33333333%;
  }
  .ark-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ark-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ark-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ark-col-sm-order-2 {
    order: 2;
  }
  .ark-col-span-sm-1 {
    display: block;
    width: 4.16666667%;
  }
  .ark-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ark-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ark-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ark-col-sm-order-1 {
    order: 1;
  }
  .ark-col-span-sm-0 {
    display: none;
  }
  .ark-col-sm-push-0 {
    left: auto;
  }
  .ark-col-sm-pull-0 {
    right: auto;
  }
}
@media (min-width: 992px) {
  .ark-col-span-md-1,
  .ark-col-span-md-2,
  .ark-col-span-md-3,
  .ark-col-span-md-4,
  .ark-col-span-md-5,
  .ark-col-span-md-6,
  .ark-col-span-md-7,
  .ark-col-span-md-8,
  .ark-col-span-md-9,
  .ark-col-span-md-10,
  .ark-col-span-md-11,
  .ark-col-span-md-12,
  .ark-col-span-md-13,
  .ark-col-span-md-14,
  .ark-col-span-md-15,
  .ark-col-span-md-16,
  .ark-col-span-md-17,
  .ark-col-span-md-18,
  .ark-col-span-md-19,
  .ark-col-span-md-20,
  .ark-col-span-md-21,
  .ark-col-span-md-22,
  .ark-col-span-md-23,
  .ark-col-span-md-24 {
    float: left;
    flex: 0 0 auto;
  }
  .ark-col-span-md-24 {
    display: block;
    width: 100%;
  }
  .ark-col-md-push-24 {
    left: 100%;
  }
  .ark-col-md-pull-24 {
    right: 100%;
  }
  .ark-col-md-offset-24 {
    margin-left: 100%;
  }
  .ark-col-md-order-24 {
    order: 24;
  }
  .ark-col-span-md-23 {
    display: block;
    width: 95.83333333%;
  }
  .ark-col-md-push-23 {
    left: 95.83333333%;
  }
  .ark-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ark-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ark-col-md-order-23 {
    order: 23;
  }
  .ark-col-span-md-22 {
    display: block;
    width: 91.66666667%;
  }
  .ark-col-md-push-22 {
    left: 91.66666667%;
  }
  .ark-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ark-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ark-col-md-order-22 {
    order: 22;
  }
  .ark-col-span-md-21 {
    display: block;
    width: 87.5%;
  }
  .ark-col-md-push-21 {
    left: 87.5%;
  }
  .ark-col-md-pull-21 {
    right: 87.5%;
  }
  .ark-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ark-col-md-order-21 {
    order: 21;
  }
  .ark-col-span-md-20 {
    display: block;
    width: 83.33333333%;
  }
  .ark-col-md-push-20 {
    left: 83.33333333%;
  }
  .ark-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ark-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ark-col-md-order-20 {
    order: 20;
  }
  .ark-col-span-md-19 {
    display: block;
    width: 79.16666667%;
  }
  .ark-col-md-push-19 {
    left: 79.16666667%;
  }
  .ark-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ark-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ark-col-md-order-19 {
    order: 19;
  }
  .ark-col-span-md-18 {
    display: block;
    width: 75%;
  }
  .ark-col-md-push-18 {
    left: 75%;
  }
  .ark-col-md-pull-18 {
    right: 75%;
  }
  .ark-col-md-offset-18 {
    margin-left: 75%;
  }
  .ark-col-md-order-18 {
    order: 18;
  }
  .ark-col-span-md-17 {
    display: block;
    width: 70.83333333%;
  }
  .ark-col-md-push-17 {
    left: 70.83333333%;
  }
  .ark-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ark-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ark-col-md-order-17 {
    order: 17;
  }
  .ark-col-span-md-16 {
    display: block;
    width: 66.66666667%;
  }
  .ark-col-md-push-16 {
    left: 66.66666667%;
  }
  .ark-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ark-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ark-col-md-order-16 {
    order: 16;
  }
  .ark-col-span-md-15 {
    display: block;
    width: 62.5%;
  }
  .ark-col-md-push-15 {
    left: 62.5%;
  }
  .ark-col-md-pull-15 {
    right: 62.5%;
  }
  .ark-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ark-col-md-order-15 {
    order: 15;
  }
  .ark-col-span-md-14 {
    display: block;
    width: 58.33333333%;
  }
  .ark-col-md-push-14 {
    left: 58.33333333%;
  }
  .ark-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ark-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ark-col-md-order-14 {
    order: 14;
  }
  .ark-col-span-md-13 {
    display: block;
    width: 54.16666667%;
  }
  .ark-col-md-push-13 {
    left: 54.16666667%;
  }
  .ark-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ark-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ark-col-md-order-13 {
    order: 13;
  }
  .ark-col-span-md-12 {
    display: block;
    width: 50%;
  }
  .ark-col-md-push-12 {
    left: 50%;
  }
  .ark-col-md-pull-12 {
    right: 50%;
  }
  .ark-col-md-offset-12 {
    margin-left: 50%;
  }
  .ark-col-md-order-12 {
    order: 12;
  }
  .ark-col-span-md-11 {
    display: block;
    width: 45.83333333%;
  }
  .ark-col-md-push-11 {
    left: 45.83333333%;
  }
  .ark-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ark-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ark-col-md-order-11 {
    order: 11;
  }
  .ark-col-span-md-10 {
    display: block;
    width: 41.66666667%;
  }
  .ark-col-md-push-10 {
    left: 41.66666667%;
  }
  .ark-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ark-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ark-col-md-order-10 {
    order: 10;
  }
  .ark-col-span-md-9 {
    display: block;
    width: 37.5%;
  }
  .ark-col-md-push-9 {
    left: 37.5%;
  }
  .ark-col-md-pull-9 {
    right: 37.5%;
  }
  .ark-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ark-col-md-order-9 {
    order: 9;
  }
  .ark-col-span-md-8 {
    display: block;
    width: 33.33333333%;
  }
  .ark-col-md-push-8 {
    left: 33.33333333%;
  }
  .ark-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ark-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ark-col-md-order-8 {
    order: 8;
  }
  .ark-col-span-md-7 {
    display: block;
    width: 29.16666667%;
  }
  .ark-col-md-push-7 {
    left: 29.16666667%;
  }
  .ark-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ark-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ark-col-md-order-7 {
    order: 7;
  }
  .ark-col-span-md-6 {
    display: block;
    width: 25%;
  }
  .ark-col-md-push-6 {
    left: 25%;
  }
  .ark-col-md-pull-6 {
    right: 25%;
  }
  .ark-col-md-offset-6 {
    margin-left: 25%;
  }
  .ark-col-md-order-6 {
    order: 6;
  }
  .ark-col-span-md-5 {
    display: block;
    width: 20.83333333%;
  }
  .ark-col-md-push-5 {
    left: 20.83333333%;
  }
  .ark-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ark-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ark-col-md-order-5 {
    order: 5;
  }
  .ark-col-span-md-4 {
    display: block;
    width: 16.66666667%;
  }
  .ark-col-md-push-4 {
    left: 16.66666667%;
  }
  .ark-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ark-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ark-col-md-order-4 {
    order: 4;
  }
  .ark-col-span-md-3 {
    display: block;
    width: 12.5%;
  }
  .ark-col-md-push-3 {
    left: 12.5%;
  }
  .ark-col-md-pull-3 {
    right: 12.5%;
  }
  .ark-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ark-col-md-order-3 {
    order: 3;
  }
  .ark-col-span-md-2 {
    display: block;
    width: 8.33333333%;
  }
  .ark-col-md-push-2 {
    left: 8.33333333%;
  }
  .ark-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ark-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ark-col-md-order-2 {
    order: 2;
  }
  .ark-col-span-md-1 {
    display: block;
    width: 4.16666667%;
  }
  .ark-col-md-push-1 {
    left: 4.16666667%;
  }
  .ark-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ark-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ark-col-md-order-1 {
    order: 1;
  }
  .ark-col-span-md-0 {
    display: none;
  }
  .ark-col-md-push-0 {
    left: auto;
  }
  .ark-col-md-pull-0 {
    right: auto;
  }
}
@media (min-width: 1200px) {
  .ark-col-span-lg-1,
  .ark-col-span-lg-2,
  .ark-col-span-lg-3,
  .ark-col-span-lg-4,
  .ark-col-span-lg-5,
  .ark-col-span-lg-6,
  .ark-col-span-lg-7,
  .ark-col-span-lg-8,
  .ark-col-span-lg-9,
  .ark-col-span-lg-10,
  .ark-col-span-lg-11,
  .ark-col-span-lg-12,
  .ark-col-span-lg-13,
  .ark-col-span-lg-14,
  .ark-col-span-lg-15,
  .ark-col-span-lg-16,
  .ark-col-span-lg-17,
  .ark-col-span-lg-18,
  .ark-col-span-lg-19,
  .ark-col-span-lg-20,
  .ark-col-span-lg-21,
  .ark-col-span-lg-22,
  .ark-col-span-lg-23,
  .ark-col-span-lg-24 {
    float: left;
    flex: 0 0 auto;
  }
  .ark-col-span-lg-24 {
    display: block;
    width: 100%;
  }
  .ark-col-lg-push-24 {
    left: 100%;
  }
  .ark-col-lg-pull-24 {
    right: 100%;
  }
  .ark-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ark-col-lg-order-24 {
    order: 24;
  }
  .ark-col-span-lg-23 {
    display: block;
    width: 95.83333333%;
  }
  .ark-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ark-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ark-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ark-col-lg-order-23 {
    order: 23;
  }
  .ark-col-span-lg-22 {
    display: block;
    width: 91.66666667%;
  }
  .ark-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ark-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ark-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ark-col-lg-order-22 {
    order: 22;
  }
  .ark-col-span-lg-21 {
    display: block;
    width: 87.5%;
  }
  .ark-col-lg-push-21 {
    left: 87.5%;
  }
  .ark-col-lg-pull-21 {
    right: 87.5%;
  }
  .ark-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ark-col-lg-order-21 {
    order: 21;
  }
  .ark-col-span-lg-20 {
    display: block;
    width: 83.33333333%;
  }
  .ark-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ark-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ark-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ark-col-lg-order-20 {
    order: 20;
  }
  .ark-col-span-lg-19 {
    display: block;
    width: 79.16666667%;
  }
  .ark-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ark-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ark-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ark-col-lg-order-19 {
    order: 19;
  }
  .ark-col-span-lg-18 {
    display: block;
    width: 75%;
  }
  .ark-col-lg-push-18 {
    left: 75%;
  }
  .ark-col-lg-pull-18 {
    right: 75%;
  }
  .ark-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ark-col-lg-order-18 {
    order: 18;
  }
  .ark-col-span-lg-17 {
    display: block;
    width: 70.83333333%;
  }
  .ark-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ark-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ark-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ark-col-lg-order-17 {
    order: 17;
  }
  .ark-col-span-lg-16 {
    display: block;
    width: 66.66666667%;
  }
  .ark-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ark-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ark-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ark-col-lg-order-16 {
    order: 16;
  }
  .ark-col-span-lg-15 {
    display: block;
    width: 62.5%;
  }
  .ark-col-lg-push-15 {
    left: 62.5%;
  }
  .ark-col-lg-pull-15 {
    right: 62.5%;
  }
  .ark-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ark-col-lg-order-15 {
    order: 15;
  }
  .ark-col-span-lg-14 {
    display: block;
    width: 58.33333333%;
  }
  .ark-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ark-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ark-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ark-col-lg-order-14 {
    order: 14;
  }
  .ark-col-span-lg-13 {
    display: block;
    width: 54.16666667%;
  }
  .ark-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ark-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ark-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ark-col-lg-order-13 {
    order: 13;
  }
  .ark-col-span-lg-12 {
    display: block;
    width: 50%;
  }
  .ark-col-lg-push-12 {
    left: 50%;
  }
  .ark-col-lg-pull-12 {
    right: 50%;
  }
  .ark-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ark-col-lg-order-12 {
    order: 12;
  }
  .ark-col-span-lg-11 {
    display: block;
    width: 45.83333333%;
  }
  .ark-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ark-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ark-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ark-col-lg-order-11 {
    order: 11;
  }
  .ark-col-span-lg-10 {
    display: block;
    width: 41.66666667%;
  }
  .ark-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ark-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ark-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ark-col-lg-order-10 {
    order: 10;
  }
  .ark-col-span-lg-9 {
    display: block;
    width: 37.5%;
  }
  .ark-col-lg-push-9 {
    left: 37.5%;
  }
  .ark-col-lg-pull-9 {
    right: 37.5%;
  }
  .ark-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ark-col-lg-order-9 {
    order: 9;
  }
  .ark-col-span-lg-8 {
    display: block;
    width: 33.33333333%;
  }
  .ark-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ark-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ark-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ark-col-lg-order-8 {
    order: 8;
  }
  .ark-col-span-lg-7 {
    display: block;
    width: 29.16666667%;
  }
  .ark-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ark-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ark-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ark-col-lg-order-7 {
    order: 7;
  }
  .ark-col-span-lg-6 {
    display: block;
    width: 25%;
  }
  .ark-col-lg-push-6 {
    left: 25%;
  }
  .ark-col-lg-pull-6 {
    right: 25%;
  }
  .ark-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ark-col-lg-order-6 {
    order: 6;
  }
  .ark-col-span-lg-5 {
    display: block;
    width: 20.83333333%;
  }
  .ark-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ark-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ark-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ark-col-lg-order-5 {
    order: 5;
  }
  .ark-col-span-lg-4 {
    display: block;
    width: 16.66666667%;
  }
  .ark-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ark-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ark-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ark-col-lg-order-4 {
    order: 4;
  }
  .ark-col-span-lg-3 {
    display: block;
    width: 12.5%;
  }
  .ark-col-lg-push-3 {
    left: 12.5%;
  }
  .ark-col-lg-pull-3 {
    right: 12.5%;
  }
  .ark-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ark-col-lg-order-3 {
    order: 3;
  }
  .ark-col-span-lg-2 {
    display: block;
    width: 8.33333333%;
  }
  .ark-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ark-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ark-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ark-col-lg-order-2 {
    order: 2;
  }
  .ark-col-span-lg-1 {
    display: block;
    width: 4.16666667%;
  }
  .ark-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ark-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ark-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ark-col-lg-order-1 {
    order: 1;
  }
  .ark-col-span-lg-0 {
    display: none;
  }
  .ark-col-lg-push-0 {
    left: auto;
  }
  .ark-col-lg-pull-0 {
    right: auto;
  }
}
.ark-load-loop {
  animation: ani-load-loop 1s linear infinite;
}
@keyframes ani-load-loop {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.readonlyIE {
  background-color: #f4f4f4 !important;
  cursor: not-allowed !important;
}
.input-group-error-prepend,
.input-group-error-append {
  background-color: #fff;
  border: 1px solid #fd6442;
}
.input-group-error-prepend .ark-select-selection,
.input-group-error-append .ark-select-selection {
  background-color: inherit;
  border: 1px solid transparent;
}
.input-group-error-prepend {
  border-right: 0;
}
.input-group-error-append {
  border-left: 0;
}
.ark-breadcrumb {
  color: #999;
  font-size: 12px;
}
.ark-breadcrumb a {
  color: #575757;
  transition: color 0.2s ease-in-out;
}
.ark-breadcrumb a:hover {
  color: #4a90ff;
}
.ark-breadcrumb > span:last-child {
  font-weight: bold;
  color: #575757;
}
.ark-breadcrumb > span:last-child .ark-breadcrumb-item-separator {
  display: none;
}
.ark-breadcrumb-item-separator {
  margin: 0 8px;
  color: #dcdee2;
}
.ark-breadcrumb-item-link > .ark-icon + span {
  margin-left: 4px;
}
.ark-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1;
  user-select: none;
  padding: 7px 21px;
  font-size: 12px;
  border-radius: 2px;
  color: #575757;
  background-color: #fff;
  border-color: #dcdee2;
}
.ark-btn > .ark-icon {
  line-height: 1;
  vertical-align: middle;
}
.ark-btn-icon-only.ark-btn-circle > .ark-icon {
  vertical-align: baseline;
}
.ark-btn > span {
  vertical-align: middle;
}
.ark-btn,
.ark-btn:active,
.ark-btn:focus {
  outline: 0;
}
.ark-btn:not([disabled]):hover {
  text-decoration: none;
}
.ark-btn:not([disabled]):active {
  outline: 0;
}
.ark-btn.disabled,
.ark-btn[disabled] {
  cursor: not-allowed;
}
.ark-btn.disabled > *,
.ark-btn[disabled] > * {
  pointer-events: none;
}
.ark-btn-large {
  padding: 6px 15px 6px 15px;
  font-size: 14px;
  border-radius: 2px;
}
.ark-btn-small {
  padding: 4px 7px 4px;
  font-size: 12px;
  border-radius: 3px;
}
.ark-btn-icon-only {
  padding: 5px 15px 6px;
  font-size: 12px;
  border-radius: 2px;
}
.ark-btn-icon-only.ark-btn-small {
  padding: 4px 7px 4px;
  font-size: 12px;
  border-radius: 3px;
}
.ark-btn-icon-only.ark-btn-large {
  padding: 6px 15px 6px 15px;
  font-size: 14px;
  border-radius: 2px;
}
.ark-btn > a:only-child {
  color: currentColor;
}
.ark-btn > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn:hover {
  color: #797979;
  background-color: #ffffff;
  border-color: #e3e5e8;
}
.ark-btn:hover > a:only-child {
  color: currentColor;
}
.ark-btn:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn:active,
.ark-btn.active {
  color: #535353;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.ark-btn:active > a:only-child,
.ark-btn.active > a:only-child {
  color: currentColor;
}
.ark-btn:active > a:only-child:after,
.ark-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn.disabled,
.ark-btn[disabled],
fieldset[disabled] .ark-btn,
.ark-btn.disabled:hover,
.ark-btn[disabled]:hover,
fieldset[disabled] .ark-btn:hover,
.ark-btn.disabled:focus,
.ark-btn[disabled]:focus,
fieldset[disabled] .ark-btn:focus,
.ark-btn.disabled:active,
.ark-btn[disabled]:active,
fieldset[disabled] .ark-btn:active,
.ark-btn.disabled.active,
.ark-btn[disabled].active,
fieldset[disabled] .ark-btn.active {
  color: #D8D8D8;
  background-color: #F4F4F4;
  border-color: #D8D8D8;
}
.ark-btn.disabled > a:only-child,
.ark-btn[disabled] > a:only-child,
fieldset[disabled] .ark-btn > a:only-child,
.ark-btn.disabled:hover > a:only-child,
.ark-btn[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn:hover > a:only-child,
.ark-btn.disabled:focus > a:only-child,
.ark-btn[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn:focus > a:only-child,
.ark-btn.disabled:active > a:only-child,
.ark-btn[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn:active > a:only-child,
.ark-btn.disabled.active > a:only-child,
.ark-btn[disabled].active > a:only-child,
fieldset[disabled] .ark-btn.active > a:only-child {
  color: currentColor;
}
.ark-btn.disabled > a:only-child:after,
.ark-btn[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn > a:only-child:after,
.ark-btn.disabled:hover > a:only-child:after,
.ark-btn[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn:hover > a:only-child:after,
.ark-btn.disabled:focus > a:only-child:after,
.ark-btn[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn:focus > a:only-child:after,
.ark-btn.disabled:active > a:only-child:after,
.ark-btn[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn:active > a:only-child:after,
.ark-btn.disabled.active > a:only-child:after,
.ark-btn[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn:hover {
  color: #4a90ff;
  background-color: white;
  border-color: #4a90ff;
}
.ark-btn:hover > a:only-child {
  color: currentColor;
}
.ark-btn:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn:active,
.ark-btn.active {
  color: #1c6ef2;
  background-color: white;
  border-color: #1c6ef2;
}
.ark-btn:active > a:only-child,
.ark-btn.active > a:only-child {
  color: currentColor;
}
.ark-btn:active > a:only-child:after,
.ark-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-long {
  width: 100%;
}
.ark-btn > .ark-icon + span,
.ark-btn > span + .ark-icon {
  margin-left: 4px;
}
.ark-btn-primary {
  color: #fff;
  background-color: #1D74FF;
  border-color: #1D74FF;
}
.ark-btn-primary > a:only-child {
  color: currentColor;
}
.ark-btn-primary > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-primary:hover {
  color: #ffffff;
  background-color: #4a90ff;
  border-color: #4a90ff;
}
.ark-btn-primary:hover > a:only-child {
  color: currentColor;
}
.ark-btn-primary:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-primary:active,
.ark-btn-primary.active {
  color: #f2f2f2;
  background-color: #1c6ef2;
  border-color: #1c6ef2;
}
.ark-btn-primary:active > a:only-child,
.ark-btn-primary.active > a:only-child {
  color: currentColor;
}
.ark-btn-primary:active > a:only-child:after,
.ark-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-primary.disabled,
.ark-btn-primary[disabled],
fieldset[disabled] .ark-btn-primary,
.ark-btn-primary.disabled:hover,
.ark-btn-primary[disabled]:hover,
fieldset[disabled] .ark-btn-primary:hover,
.ark-btn-primary.disabled:focus,
.ark-btn-primary[disabled]:focus,
fieldset[disabled] .ark-btn-primary:focus,
.ark-btn-primary.disabled:active,
.ark-btn-primary[disabled]:active,
fieldset[disabled] .ark-btn-primary:active,
.ark-btn-primary.disabled.active,
.ark-btn-primary[disabled].active,
fieldset[disabled] .ark-btn-primary.active {
  color: #D8D8D8;
  background-color: #F4F4F4;
  border-color: #D8D8D8;
}
.ark-btn-primary.disabled > a:only-child,
.ark-btn-primary[disabled] > a:only-child,
fieldset[disabled] .ark-btn-primary > a:only-child,
.ark-btn-primary.disabled:hover > a:only-child,
.ark-btn-primary[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-primary:hover > a:only-child,
.ark-btn-primary.disabled:focus > a:only-child,
.ark-btn-primary[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-primary:focus > a:only-child,
.ark-btn-primary.disabled:active > a:only-child,
.ark-btn-primary[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-primary:active > a:only-child,
.ark-btn-primary.disabled.active > a:only-child,
.ark-btn-primary[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-primary.active > a:only-child {
  color: currentColor;
}
.ark-btn-primary.disabled > a:only-child:after,
.ark-btn-primary[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-primary > a:only-child:after,
.ark-btn-primary.disabled:hover > a:only-child:after,
.ark-btn-primary[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-primary:hover > a:only-child:after,
.ark-btn-primary.disabled:focus > a:only-child:after,
.ark-btn-primary[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-primary:focus > a:only-child:after,
.ark-btn-primary.disabled:active > a:only-child:after,
.ark-btn-primary[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-primary:active > a:only-child:after,
.ark-btn-primary.disabled.active > a:only-child:after,
.ark-btn-primary[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-primary:hover,
.ark-btn-primary:active,
.ark-btn-primary.active {
  color: #fff;
}
.ark-btn-group:not(.ark-btn-group-vertical) .ark-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #1c6ef2;
  border-left-color: #1c6ef2;
}
.ark-btn-group:not(.ark-btn-group-vertical) .ark-btn-primary:first-child:not(:last-child) {
  border-right-color: #1c6ef2;
}
.ark-btn-group:not(.ark-btn-group-vertical) .ark-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #dcdee2;
}
.ark-btn-group:not(.ark-btn-group-vertical) .ark-btn-primary:last-child:not(:first-child),
.ark-btn-group:not(.ark-btn-group-vertical) .ark-btn-primary + .ark-btn {
  border-left-color: #1c6ef2;
}
.ark-btn-group:not(.ark-btn-group-vertical) .ark-btn-primary:last-child:not(:first-child)[disabled],
.ark-btn-group:not(.ark-btn-group-vertical) .ark-btn-primary + .ark-btn[disabled] {
  border-left-color: #dcdee2;
}
.ark-btn-group-vertical .ark-btn-primary:not(:first-child):not(:last-child) {
  border-top-color: #1c6ef2;
  border-bottom-color: #1c6ef2;
}
.ark-btn-group-vertical .ark-btn-primary:first-child:not(:last-child) {
  border-bottom-color: #1c6ef2;
}
.ark-btn-group-vertical .ark-btn-primary:first-child:not(:last-child)[disabled] {
  border-top-color: #dcdee2;
}
.ark-btn-group-vertical .ark-btn-primary:last-child:not(:first-child),
.ark-btn-group-vertical .ark-btn-primary + .ark-btn {
  border-top-color: #1c6ef2;
}
.ark-btn-group-vertical .ark-btn-primary:last-child:not(:first-child)[disabled],
.ark-btn-group-vertical .ark-btn-primary + .ark-btn[disabled] {
  border-bottom-color: #dcdee2;
}
.ark-btn-fcdefault {
  min-width: 50px;
  color: #1D74FF;
  background-color: #fff;
  border-color: #1D74FF;
}
.ark-btn-fcdefault > a:only-child {
  color: currentColor;
}
.ark-btn-fcdefault > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-fcdefault:hover {
  color: #4a90ff;
  background-color: #ffffff;
  border-color: #4a90ff;
}
.ark-btn-fcdefault:hover > a:only-child {
  color: currentColor;
}
.ark-btn-fcdefault:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-fcdefault:active,
.ark-btn-fcdefault.active {
  color: #1c6ef2;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.ark-btn-fcdefault:active > a:only-child,
.ark-btn-fcdefault.active > a:only-child {
  color: currentColor;
}
.ark-btn-fcdefault:active > a:only-child:after,
.ark-btn-fcdefault.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-fcdefault.disabled,
.ark-btn-fcdefault[disabled],
fieldset[disabled] .ark-btn-fcdefault,
.ark-btn-fcdefault.disabled:hover,
.ark-btn-fcdefault[disabled]:hover,
fieldset[disabled] .ark-btn-fcdefault:hover,
.ark-btn-fcdefault.disabled:focus,
.ark-btn-fcdefault[disabled]:focus,
fieldset[disabled] .ark-btn-fcdefault:focus,
.ark-btn-fcdefault.disabled:active,
.ark-btn-fcdefault[disabled]:active,
fieldset[disabled] .ark-btn-fcdefault:active,
.ark-btn-fcdefault.disabled.active,
.ark-btn-fcdefault[disabled].active,
fieldset[disabled] .ark-btn-fcdefault.active {
  color: #D8D8D8;
  background-color: #F4F4F4;
  border-color: #D8D8D8;
}
.ark-btn-fcdefault.disabled > a:only-child,
.ark-btn-fcdefault[disabled] > a:only-child,
fieldset[disabled] .ark-btn-fcdefault > a:only-child,
.ark-btn-fcdefault.disabled:hover > a:only-child,
.ark-btn-fcdefault[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-fcdefault:hover > a:only-child,
.ark-btn-fcdefault.disabled:focus > a:only-child,
.ark-btn-fcdefault[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-fcdefault:focus > a:only-child,
.ark-btn-fcdefault.disabled:active > a:only-child,
.ark-btn-fcdefault[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-fcdefault:active > a:only-child,
.ark-btn-fcdefault.disabled.active > a:only-child,
.ark-btn-fcdefault[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-fcdefault.active > a:only-child {
  color: currentColor;
}
.ark-btn-fcdefault.disabled > a:only-child:after,
.ark-btn-fcdefault[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-fcdefault > a:only-child:after,
.ark-btn-fcdefault.disabled:hover > a:only-child:after,
.ark-btn-fcdefault[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-fcdefault:hover > a:only-child:after,
.ark-btn-fcdefault.disabled:focus > a:only-child:after,
.ark-btn-fcdefault[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-fcdefault:focus > a:only-child:after,
.ark-btn-fcdefault.disabled:active > a:only-child:after,
.ark-btn-fcdefault[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-fcdefault:active > a:only-child:after,
.ark-btn-fcdefault.disabled.active > a:only-child:after,
.ark-btn-fcdefault[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-fcdefault.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-fcdefault:hover {
  color: #8ebaff;
  background-color: #fff;
  border-color: #8ebaff;
}
.ark-btn-fcdefault:hover > a:only-child {
  color: currentColor;
}
.ark-btn-fcdefault:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-fcdefault:active,
.ark-btn-fcdefault.active {
  color: #8ebaff;
  background-color: #fff;
  border-color: #8ebaff;
}
.ark-btn-fcdefault:active > a:only-child,
.ark-btn-fcdefault.active > a:only-child {
  color: currentColor;
}
.ark-btn-fcdefault:active > a:only-child:after,
.ark-btn-fcdefault.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-posdefault {
  color: #fff;
  background-color: #1D74FF;
  border-color: #1D74FF;
}
.ark-btn-posdefault > a:only-child {
  color: currentColor;
}
.ark-btn-posdefault > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-posdefault:hover {
  color: #ffffff;
  background-color: #4a90ff;
  border-color: #4a90ff;
}
.ark-btn-posdefault:hover > a:only-child {
  color: currentColor;
}
.ark-btn-posdefault:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-posdefault:active,
.ark-btn-posdefault.active {
  color: #f2f2f2;
  background-color: #1c6ef2;
  border-color: #1c6ef2;
}
.ark-btn-posdefault:active > a:only-child,
.ark-btn-posdefault.active > a:only-child {
  color: currentColor;
}
.ark-btn-posdefault:active > a:only-child:after,
.ark-btn-posdefault.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-posdefault.disabled,
.ark-btn-posdefault[disabled],
fieldset[disabled] .ark-btn-posdefault,
.ark-btn-posdefault.disabled:hover,
.ark-btn-posdefault[disabled]:hover,
fieldset[disabled] .ark-btn-posdefault:hover,
.ark-btn-posdefault.disabled:focus,
.ark-btn-posdefault[disabled]:focus,
fieldset[disabled] .ark-btn-posdefault:focus,
.ark-btn-posdefault.disabled:active,
.ark-btn-posdefault[disabled]:active,
fieldset[disabled] .ark-btn-posdefault:active,
.ark-btn-posdefault.disabled.active,
.ark-btn-posdefault[disabled].active,
fieldset[disabled] .ark-btn-posdefault.active {
  color: #fff;
  background-color: #D8D8D8;
  border-color: #D8D8D8;
}
.ark-btn-posdefault.disabled > a:only-child,
.ark-btn-posdefault[disabled] > a:only-child,
fieldset[disabled] .ark-btn-posdefault > a:only-child,
.ark-btn-posdefault.disabled:hover > a:only-child,
.ark-btn-posdefault[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-posdefault:hover > a:only-child,
.ark-btn-posdefault.disabled:focus > a:only-child,
.ark-btn-posdefault[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-posdefault:focus > a:only-child,
.ark-btn-posdefault.disabled:active > a:only-child,
.ark-btn-posdefault[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-posdefault:active > a:only-child,
.ark-btn-posdefault.disabled.active > a:only-child,
.ark-btn-posdefault[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-posdefault.active > a:only-child {
  color: currentColor;
}
.ark-btn-posdefault.disabled > a:only-child:after,
.ark-btn-posdefault[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-posdefault > a:only-child:after,
.ark-btn-posdefault.disabled:hover > a:only-child:after,
.ark-btn-posdefault[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-posdefault:hover > a:only-child:after,
.ark-btn-posdefault.disabled:focus > a:only-child:after,
.ark-btn-posdefault[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-posdefault:focus > a:only-child:after,
.ark-btn-posdefault.disabled:active > a:only-child:after,
.ark-btn-posdefault[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-posdefault:active > a:only-child:after,
.ark-btn-posdefault.disabled.active > a:only-child:after,
.ark-btn-posdefault[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-posdefault.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-posdefault:hover {
  color: #fff;
  background-color: #1D74FF;
  border-color: #1D74FF;
}
.ark-btn-posdefault:hover > a:only-child {
  color: currentColor;
}
.ark-btn-posdefault:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-posdefault:active,
.ark-btn-posdefault.active {
  color: #fff;
  background-color: #1D74FF;
  border-color: #1D74FF;
}
.ark-btn-posdefault:active > a:only-child,
.ark-btn-posdefault.active > a:only-child {
  color: currentColor;
}
.ark-btn-posdefault:active > a:only-child:after,
.ark-btn-posdefault.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-dashed {
  color: #575757;
  background-color: #fff;
  border-color: #dcdee2;
  border-style: dashed;
}
.ark-btn-dashed > a:only-child {
  color: currentColor;
}
.ark-btn-dashed > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-dashed:hover {
  color: #797979;
  background-color: #ffffff;
  border-color: #e3e5e8;
}
.ark-btn-dashed:hover > a:only-child {
  color: currentColor;
}
.ark-btn-dashed:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-dashed:active,
.ark-btn-dashed.active {
  color: #535353;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.ark-btn-dashed:active > a:only-child,
.ark-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ark-btn-dashed:active > a:only-child:after,
.ark-btn-dashed.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-dashed.disabled,
.ark-btn-dashed[disabled],
fieldset[disabled] .ark-btn-dashed,
.ark-btn-dashed.disabled:hover,
.ark-btn-dashed[disabled]:hover,
fieldset[disabled] .ark-btn-dashed:hover,
.ark-btn-dashed.disabled:focus,
.ark-btn-dashed[disabled]:focus,
fieldset[disabled] .ark-btn-dashed:focus,
.ark-btn-dashed.disabled:active,
.ark-btn-dashed[disabled]:active,
fieldset[disabled] .ark-btn-dashed:active,
.ark-btn-dashed.disabled.active,
.ark-btn-dashed[disabled].active,
fieldset[disabled] .ark-btn-dashed.active {
  color: #D8D8D8;
  background-color: #F4F4F4;
  border-color: #D8D8D8;
}
.ark-btn-dashed.disabled > a:only-child,
.ark-btn-dashed[disabled] > a:only-child,
fieldset[disabled] .ark-btn-dashed > a:only-child,
.ark-btn-dashed.disabled:hover > a:only-child,
.ark-btn-dashed[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-dashed:hover > a:only-child,
.ark-btn-dashed.disabled:focus > a:only-child,
.ark-btn-dashed[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-dashed:focus > a:only-child,
.ark-btn-dashed.disabled:active > a:only-child,
.ark-btn-dashed[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-dashed:active > a:only-child,
.ark-btn-dashed.disabled.active > a:only-child,
.ark-btn-dashed[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ark-btn-dashed.disabled > a:only-child:after,
.ark-btn-dashed[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-dashed > a:only-child:after,
.ark-btn-dashed.disabled:hover > a:only-child:after,
.ark-btn-dashed[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-dashed:hover > a:only-child:after,
.ark-btn-dashed.disabled:focus > a:only-child:after,
.ark-btn-dashed[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-dashed:focus > a:only-child:after,
.ark-btn-dashed.disabled:active > a:only-child:after,
.ark-btn-dashed[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-dashed:active > a:only-child:after,
.ark-btn-dashed.disabled.active > a:only-child:after,
.ark-btn-dashed[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-dashed.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-dashed:hover {
  color: #4a90ff;
  background-color: #fff;
  border-color: #4a90ff;
}
.ark-btn-dashed:hover > a:only-child {
  color: currentColor;
}
.ark-btn-dashed:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-dashed:active,
.ark-btn-dashed.active {
  color: #1c6ef2;
  background-color: #fff;
  border-color: #1c6ef2;
}
.ark-btn-dashed:active > a:only-child,
.ark-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ark-btn-dashed:active > a:only-child:after,
.ark-btn-dashed.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-text {
  color: #575757;
  background-color: transparent;
  border-color: transparent;
}
.ark-btn-text > a:only-child {
  color: currentColor;
}
.ark-btn-text > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-text:hover {
  color: #797979;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}
.ark-btn-text:hover > a:only-child {
  color: currentColor;
}
.ark-btn-text:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-text:active,
.ark-btn-text.active {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
}
.ark-btn-text:active > a:only-child,
.ark-btn-text.active > a:only-child {
  color: currentColor;
}
.ark-btn-text:active > a:only-child:after,
.ark-btn-text.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-text.disabled,
.ark-btn-text[disabled],
fieldset[disabled] .ark-btn-text,
.ark-btn-text.disabled:hover,
.ark-btn-text[disabled]:hover,
fieldset[disabled] .ark-btn-text:hover,
.ark-btn-text.disabled:focus,
.ark-btn-text[disabled]:focus,
fieldset[disabled] .ark-btn-text:focus,
.ark-btn-text.disabled:active,
.ark-btn-text[disabled]:active,
fieldset[disabled] .ark-btn-text:active,
.ark-btn-text.disabled.active,
.ark-btn-text[disabled].active,
fieldset[disabled] .ark-btn-text.active {
  color: #D8D8D8;
  background-color: #F4F4F4;
  border-color: #D8D8D8;
}
.ark-btn-text.disabled > a:only-child,
.ark-btn-text[disabled] > a:only-child,
fieldset[disabled] .ark-btn-text > a:only-child,
.ark-btn-text.disabled:hover > a:only-child,
.ark-btn-text[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-text:hover > a:only-child,
.ark-btn-text.disabled:focus > a:only-child,
.ark-btn-text[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-text:focus > a:only-child,
.ark-btn-text.disabled:active > a:only-child,
.ark-btn-text[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-text:active > a:only-child,
.ark-btn-text.disabled.active > a:only-child,
.ark-btn-text[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-text.active > a:only-child {
  color: currentColor;
}
.ark-btn-text.disabled > a:only-child:after,
.ark-btn-text[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-text > a:only-child:after,
.ark-btn-text.disabled:hover > a:only-child:after,
.ark-btn-text[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-text:hover > a:only-child:after,
.ark-btn-text.disabled:focus > a:only-child:after,
.ark-btn-text[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-text:focus > a:only-child:after,
.ark-btn-text.disabled:active > a:only-child:after,
.ark-btn-text[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-text:active > a:only-child:after,
.ark-btn-text.disabled.active > a:only-child:after,
.ark-btn-text[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-text.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-text.disabled,
.ark-btn-text[disabled],
fieldset[disabled] .ark-btn-text,
.ark-btn-text.disabled:hover,
.ark-btn-text[disabled]:hover,
fieldset[disabled] .ark-btn-text:hover,
.ark-btn-text.disabled:focus,
.ark-btn-text[disabled]:focus,
fieldset[disabled] .ark-btn-text:focus,
.ark-btn-text.disabled:active,
.ark-btn-text[disabled]:active,
fieldset[disabled] .ark-btn-text:active,
.ark-btn-text.disabled.active,
.ark-btn-text[disabled].active,
fieldset[disabled] .ark-btn-text.active {
  color: #D8D8D8;
  background-color: #fff;
  border-color: transparent;
}
.ark-btn-text.disabled > a:only-child,
.ark-btn-text[disabled] > a:only-child,
fieldset[disabled] .ark-btn-text > a:only-child,
.ark-btn-text.disabled:hover > a:only-child,
.ark-btn-text[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-text:hover > a:only-child,
.ark-btn-text.disabled:focus > a:only-child,
.ark-btn-text[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-text:focus > a:only-child,
.ark-btn-text.disabled:active > a:only-child,
.ark-btn-text[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-text:active > a:only-child,
.ark-btn-text.disabled.active > a:only-child,
.ark-btn-text[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-text.active > a:only-child {
  color: currentColor;
}
.ark-btn-text.disabled > a:only-child:after,
.ark-btn-text[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-text > a:only-child:after,
.ark-btn-text.disabled:hover > a:only-child:after,
.ark-btn-text[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-text:hover > a:only-child:after,
.ark-btn-text.disabled:focus > a:only-child:after,
.ark-btn-text[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-text:focus > a:only-child:after,
.ark-btn-text.disabled:active > a:only-child:after,
.ark-btn-text[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-text:active > a:only-child:after,
.ark-btn-text.disabled.active > a:only-child:after,
.ark-btn-text[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-text.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-text:hover {
  color: #4a90ff;
  background-color: #fff;
  border-color: transparent;
}
.ark-btn-text:hover > a:only-child {
  color: currentColor;
}
.ark-btn-text:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-text:active,
.ark-btn-text.active {
  color: #1c6ef2;
  background-color: #fff;
  border-color: transparent;
}
.ark-btn-text:active > a:only-child,
.ark-btn-text.active > a:only-child {
  color: currentColor;
}
.ark-btn-text:active > a:only-child:after,
.ark-btn-text.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-success {
  color: #fff;
  background-color: #19be6b;
  border-color: #19be6b;
}
.ark-btn-success > a:only-child {
  color: currentColor;
}
.ark-btn-success > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-success:hover {
  color: #ffffff;
  background-color: #47cb89;
  border-color: #47cb89;
}
.ark-btn-success:hover > a:only-child {
  color: currentColor;
}
.ark-btn-success:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-success:active,
.ark-btn-success.active {
  color: #f2f2f2;
  background-color: #18b566;
  border-color: #18b566;
}
.ark-btn-success:active > a:only-child,
.ark-btn-success.active > a:only-child {
  color: currentColor;
}
.ark-btn-success:active > a:only-child:after,
.ark-btn-success.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-success.disabled,
.ark-btn-success[disabled],
fieldset[disabled] .ark-btn-success,
.ark-btn-success.disabled:hover,
.ark-btn-success[disabled]:hover,
fieldset[disabled] .ark-btn-success:hover,
.ark-btn-success.disabled:focus,
.ark-btn-success[disabled]:focus,
fieldset[disabled] .ark-btn-success:focus,
.ark-btn-success.disabled:active,
.ark-btn-success[disabled]:active,
fieldset[disabled] .ark-btn-success:active,
.ark-btn-success.disabled.active,
.ark-btn-success[disabled].active,
fieldset[disabled] .ark-btn-success.active {
  color: #D8D8D8;
  background-color: #F4F4F4;
  border-color: #D8D8D8;
}
.ark-btn-success.disabled > a:only-child,
.ark-btn-success[disabled] > a:only-child,
fieldset[disabled] .ark-btn-success > a:only-child,
.ark-btn-success.disabled:hover > a:only-child,
.ark-btn-success[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-success:hover > a:only-child,
.ark-btn-success.disabled:focus > a:only-child,
.ark-btn-success[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-success:focus > a:only-child,
.ark-btn-success.disabled:active > a:only-child,
.ark-btn-success[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-success:active > a:only-child,
.ark-btn-success.disabled.active > a:only-child,
.ark-btn-success[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-success.active > a:only-child {
  color: currentColor;
}
.ark-btn-success.disabled > a:only-child:after,
.ark-btn-success[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-success > a:only-child:after,
.ark-btn-success.disabled:hover > a:only-child:after,
.ark-btn-success[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-success:hover > a:only-child:after,
.ark-btn-success.disabled:focus > a:only-child:after,
.ark-btn-success[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-success:focus > a:only-child:after,
.ark-btn-success.disabled:active > a:only-child:after,
.ark-btn-success[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-success:active > a:only-child:after,
.ark-btn-success.disabled.active > a:only-child:after,
.ark-btn-success[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-success.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-success:hover,
.ark-btn-success:active,
.ark-btn-success.active {
  color: #fff;
}
.ark-btn-warning {
  color: #fff;
  background-color: #ff9900;
  border-color: #ff9900;
}
.ark-btn-warning > a:only-child {
  color: currentColor;
}
.ark-btn-warning > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-warning:hover {
  color: #ffffff;
  background-color: #ffad33;
  border-color: #ffad33;
}
.ark-btn-warning:hover > a:only-child {
  color: currentColor;
}
.ark-btn-warning:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-warning:active,
.ark-btn-warning.active {
  color: #f2f2f2;
  background-color: #f29100;
  border-color: #f29100;
}
.ark-btn-warning:active > a:only-child,
.ark-btn-warning.active > a:only-child {
  color: currentColor;
}
.ark-btn-warning:active > a:only-child:after,
.ark-btn-warning.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-warning.disabled,
.ark-btn-warning[disabled],
fieldset[disabled] .ark-btn-warning,
.ark-btn-warning.disabled:hover,
.ark-btn-warning[disabled]:hover,
fieldset[disabled] .ark-btn-warning:hover,
.ark-btn-warning.disabled:focus,
.ark-btn-warning[disabled]:focus,
fieldset[disabled] .ark-btn-warning:focus,
.ark-btn-warning.disabled:active,
.ark-btn-warning[disabled]:active,
fieldset[disabled] .ark-btn-warning:active,
.ark-btn-warning.disabled.active,
.ark-btn-warning[disabled].active,
fieldset[disabled] .ark-btn-warning.active {
  color: #D8D8D8;
  background-color: #F4F4F4;
  border-color: #D8D8D8;
}
.ark-btn-warning.disabled > a:only-child,
.ark-btn-warning[disabled] > a:only-child,
fieldset[disabled] .ark-btn-warning > a:only-child,
.ark-btn-warning.disabled:hover > a:only-child,
.ark-btn-warning[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-warning:hover > a:only-child,
.ark-btn-warning.disabled:focus > a:only-child,
.ark-btn-warning[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-warning:focus > a:only-child,
.ark-btn-warning.disabled:active > a:only-child,
.ark-btn-warning[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-warning:active > a:only-child,
.ark-btn-warning.disabled.active > a:only-child,
.ark-btn-warning[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-warning.active > a:only-child {
  color: currentColor;
}
.ark-btn-warning.disabled > a:only-child:after,
.ark-btn-warning[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-warning > a:only-child:after,
.ark-btn-warning.disabled:hover > a:only-child:after,
.ark-btn-warning[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-warning:hover > a:only-child:after,
.ark-btn-warning.disabled:focus > a:only-child:after,
.ark-btn-warning[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-warning:focus > a:only-child:after,
.ark-btn-warning.disabled:active > a:only-child:after,
.ark-btn-warning[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-warning:active > a:only-child:after,
.ark-btn-warning.disabled.active > a:only-child:after,
.ark-btn-warning[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-warning.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-warning:hover,
.ark-btn-warning:active,
.ark-btn-warning.active {
  color: #fff;
}
.ark-btn-error {
  color: #fff;
  background-color: #fd6442;
  border-color: #fd6442;
}
.ark-btn-error > a:only-child {
  color: currentColor;
}
.ark-btn-error > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-error:hover {
  color: #ffffff;
  background-color: #fd8368;
  border-color: #fd8368;
}
.ark-btn-error:hover > a:only-child {
  color: currentColor;
}
.ark-btn-error:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-error:active,
.ark-btn-error.active {
  color: #f2f2f2;
  background-color: #f05f3f;
  border-color: #f05f3f;
}
.ark-btn-error:active > a:only-child,
.ark-btn-error.active > a:only-child {
  color: currentColor;
}
.ark-btn-error:active > a:only-child:after,
.ark-btn-error.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-error.disabled,
.ark-btn-error[disabled],
fieldset[disabled] .ark-btn-error,
.ark-btn-error.disabled:hover,
.ark-btn-error[disabled]:hover,
fieldset[disabled] .ark-btn-error:hover,
.ark-btn-error.disabled:focus,
.ark-btn-error[disabled]:focus,
fieldset[disabled] .ark-btn-error:focus,
.ark-btn-error.disabled:active,
.ark-btn-error[disabled]:active,
fieldset[disabled] .ark-btn-error:active,
.ark-btn-error.disabled.active,
.ark-btn-error[disabled].active,
fieldset[disabled] .ark-btn-error.active {
  color: #D8D8D8;
  background-color: #F4F4F4;
  border-color: #D8D8D8;
}
.ark-btn-error.disabled > a:only-child,
.ark-btn-error[disabled] > a:only-child,
fieldset[disabled] .ark-btn-error > a:only-child,
.ark-btn-error.disabled:hover > a:only-child,
.ark-btn-error[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-error:hover > a:only-child,
.ark-btn-error.disabled:focus > a:only-child,
.ark-btn-error[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-error:focus > a:only-child,
.ark-btn-error.disabled:active > a:only-child,
.ark-btn-error[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-error:active > a:only-child,
.ark-btn-error.disabled.active > a:only-child,
.ark-btn-error[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-error.active > a:only-child {
  color: currentColor;
}
.ark-btn-error.disabled > a:only-child:after,
.ark-btn-error[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-error > a:only-child:after,
.ark-btn-error.disabled:hover > a:only-child:after,
.ark-btn-error[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-error:hover > a:only-child:after,
.ark-btn-error.disabled:focus > a:only-child:after,
.ark-btn-error[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-error:focus > a:only-child:after,
.ark-btn-error.disabled:active > a:only-child:after,
.ark-btn-error[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-error:active > a:only-child:after,
.ark-btn-error.disabled.active > a:only-child:after,
.ark-btn-error[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-error.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-error:hover,
.ark-btn-error:active,
.ark-btn-error.active {
  color: #fff;
}
.ark-btn-info {
  color: #fff;
  background-color: #2db7f5;
  border-color: #2db7f5;
}
.ark-btn-info > a:only-child {
  color: currentColor;
}
.ark-btn-info > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-info:hover {
  color: #ffffff;
  background-color: #57c5f7;
  border-color: #57c5f7;
}
.ark-btn-info:hover > a:only-child {
  color: currentColor;
}
.ark-btn-info:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-info:active,
.ark-btn-info.active {
  color: #f2f2f2;
  background-color: #2baee9;
  border-color: #2baee9;
}
.ark-btn-info:active > a:only-child,
.ark-btn-info.active > a:only-child {
  color: currentColor;
}
.ark-btn-info:active > a:only-child:after,
.ark-btn-info.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-info.disabled,
.ark-btn-info[disabled],
fieldset[disabled] .ark-btn-info,
.ark-btn-info.disabled:hover,
.ark-btn-info[disabled]:hover,
fieldset[disabled] .ark-btn-info:hover,
.ark-btn-info.disabled:focus,
.ark-btn-info[disabled]:focus,
fieldset[disabled] .ark-btn-info:focus,
.ark-btn-info.disabled:active,
.ark-btn-info[disabled]:active,
fieldset[disabled] .ark-btn-info:active,
.ark-btn-info.disabled.active,
.ark-btn-info[disabled].active,
fieldset[disabled] .ark-btn-info.active {
  color: #D8D8D8;
  background-color: #F4F4F4;
  border-color: #D8D8D8;
}
.ark-btn-info.disabled > a:only-child,
.ark-btn-info[disabled] > a:only-child,
fieldset[disabled] .ark-btn-info > a:only-child,
.ark-btn-info.disabled:hover > a:only-child,
.ark-btn-info[disabled]:hover > a:only-child,
fieldset[disabled] .ark-btn-info:hover > a:only-child,
.ark-btn-info.disabled:focus > a:only-child,
.ark-btn-info[disabled]:focus > a:only-child,
fieldset[disabled] .ark-btn-info:focus > a:only-child,
.ark-btn-info.disabled:active > a:only-child,
.ark-btn-info[disabled]:active > a:only-child,
fieldset[disabled] .ark-btn-info:active > a:only-child,
.ark-btn-info.disabled.active > a:only-child,
.ark-btn-info[disabled].active > a:only-child,
fieldset[disabled] .ark-btn-info.active > a:only-child {
  color: currentColor;
}
.ark-btn-info.disabled > a:only-child:after,
.ark-btn-info[disabled] > a:only-child:after,
fieldset[disabled] .ark-btn-info > a:only-child:after,
.ark-btn-info.disabled:hover > a:only-child:after,
.ark-btn-info[disabled]:hover > a:only-child:after,
fieldset[disabled] .ark-btn-info:hover > a:only-child:after,
.ark-btn-info.disabled:focus > a:only-child:after,
.ark-btn-info[disabled]:focus > a:only-child:after,
fieldset[disabled] .ark-btn-info:focus > a:only-child:after,
.ark-btn-info.disabled:active > a:only-child:after,
.ark-btn-info[disabled]:active > a:only-child:after,
fieldset[disabled] .ark-btn-info:active > a:only-child:after,
.ark-btn-info.disabled.active > a:only-child:after,
.ark-btn-info[disabled].active > a:only-child:after,
fieldset[disabled] .ark-btn-info.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ark-btn-info:hover,
.ark-btn-info:active,
.ark-btn-info.active {
  color: #fff;
}
.ark-btn-circle,
.ark-btn-circle-outline {
  border-radius: 28px;
}
.ark-btn-circle.ark-btn-large,
.ark-btn-circle-outline.ark-btn-large {
  border-radius: 36px;
}
.ark-btn-circle.ark-btn-size,
.ark-btn-circle-outline.ark-btn-size {
  border-radius: 24px;
}
.ark-btn-circle.ark-btn-icon-only,
.ark-btn-circle-outline.ark-btn-icon-only {
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
}
.ark-btn-circle.ark-btn-icon-only.ark-btn-large,
.ark-btn-circle-outline.ark-btn-icon-only.ark-btn-large {
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
}
.ark-btn-circle.ark-btn-icon-only.ark-btn-small,
.ark-btn-circle-outline.ark-btn-icon-only.ark-btn-small {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 12px;
  border-radius: 50%;
}
.ark-btn:before {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background: #fff;
  opacity: 0.35;
  content: '';
  border-radius: inherit;
  z-index: 1;
  transition: opacity 0.2s;
  pointer-events: none;
  display: none;
}
.ark-btn.ark-btn-loading {
  pointer-events: none;
  position: relative;
}
.ark-btn.ark-btn-loading:before {
  display: block;
}
.ark-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.ark-btn-group > .ark-btn {
  position: relative;
  float: left;
}
.ark-btn-group > .ark-btn:hover,
.ark-btn-group > .ark-btn:active,
.ark-btn-group > .ark-btn.active {
  z-index: 2;
}
.ark-btn-group .ark-btn-icon-only .ark-icon {
  font-size: 13px;
  position: relative;
}
.ark-btn-group-large .ark-btn-icon-only .ark-icon {
  font-size: 15px;
}
.ark-btn-group-small .ark-btn-icon-only .ark-icon {
  font-size: 12px;
}
.ark-btn-group-circle .ark-btn {
  border-radius: 28px;
}
.ark-btn-group-large.ark-btn-group-circle .ark-btn {
  border-radius: 36px;
}
.ark-btn-group-large > .ark-btn {
  padding: 6px 15px 6px 15px;
  font-size: 14px;
  border-radius: 2px;
}
.ark-btn-group-small.ark-btn-group-circle .ark-btn {
  border-radius: 24px;
}
.ark-btn-group-small > .ark-btn {
  padding: 4px 7px 4px;
  font-size: 12px;
  border-radius: 3px;
}
.ark-btn-group-small > .ark-btn > .ark-icon {
  font-size: 12px;
}
.ark-btn-group .ark-btn + .ark-btn,
.ark-btn + .ark-btn-group,
.ark-btn-group + .ark-btn,
.ark-btn-group + .ark-btn-group {
  margin-left: -1px;
}
.ark-btn-group .ark-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ark-btn-group:not(.ark-btn-group-vertical) > .ark-btn:first-child {
  margin-left: 0;
}
.ark-btn-group:not(.ark-btn-group-vertical) > .ark-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ark-btn-group:not(.ark-btn-group-vertical) > .ark-btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ark-btn-group > .ark-btn-group {
  float: left;
}
.ark-btn-group > .ark-btn-group:not(:first-child):not(:last-child) > .ark-btn {
  border-radius: 0;
}
.ark-btn-group:not(.ark-btn-group-vertical) > .ark-btn-group:first-child:not(:last-child) > .ark-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
.ark-btn-group:not(.ark-btn-group-vertical) > .ark-btn-group:last-child:not(:first-child) > .ark-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}
.ark-btn-group-vertical {
  display: inline-block;
  vertical-align: middle;
}
.ark-btn-group-vertical > .ark-btn {
  display: block;
  width: 100%;
  max-width: 100%;
  float: none;
}
.ark-btn-group-vertical .ark-btn + .ark-btn,
.ark-btn + .ark-btn-group-vertical,
.ark-btn-group-vertical + .ark-btn,
.ark-btn-group-vertical + .ark-btn-group-vertical {
  margin-top: -1px;
  margin-left: 0px;
}
.ark-btn-group-vertical > .ark-btn:first-child {
  margin-top: 0;
}
.ark-btn-group-vertical > .ark-btn:first-child:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ark-btn-group-vertical > .ark-btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ark-btn-group-vertical > .ark-btn-group-vertical:first-child:not(:last-child) > .ark-btn:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 8px;
}
.ark-btn-group-vertical > .ark-btn-group-vertical:last-child:not(:first-child) > .ark-btn:first-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 8px;
}
.ark-btn-ghost {
  color: #fff;
  background: transparent;
}
.ark-btn-ghost:hover {
  background: transparent;
}
.ark-btn-ghost.ark-btn-dashed,
.ark-btn-ghost.ark-btn-default {
  color: #fff;
  border-color: #fff;
}
.ark-btn-ghost.ark-btn-dashed:hover,
.ark-btn-ghost.ark-btn-default:hover {
  color: #4a90ff;
  border-color: #4a90ff;
}
.ark-btn-ghost.ark-btn-primary {
  color: #1D74FF;
}
.ark-btn-ghost.ark-btn-primary:hover {
  color: #4a90ff;
  background: rgba(244, 248, 255, 0.5);
}
.ark-btn-ghost.ark-btn-info {
  color: #2db7f5;
}
.ark-btn-ghost.ark-btn-info:hover {
  color: #57c5f7;
  background: rgba(245, 251, 254, 0.5);
}
.ark-btn-ghost.ark-btn-success {
  color: #19be6b;
}
.ark-btn-ghost.ark-btn-success:hover {
  color: #47cb89;
  background: rgba(244, 252, 248, 0.5);
}
.ark-btn-ghost.ark-btn-warning {
  color: #ff9900;
}
.ark-btn-ghost.ark-btn-warning:hover {
  color: #ffad33;
  background: rgba(255, 250, 242, 0.5);
}
.ark-btn-ghost.ark-btn-error {
  color: #fd6442;
}
.ark-btn-ghost.ark-btn-error:hover {
  color: #fd8368;
  background: rgba(255, 247, 246, 0.5);
}
.ark-btn-ghost.ark-btn-default[disabled],
.ark-btn-ghost.ark-btn-dashed[disabled],
.ark-btn-ghost.ark-btn-primary[disabled],
.ark-btn-ghost.ark-btn-info[disabled],
.ark-btn-ghost.ark-btn-success[disabled],
.ark-btn-ghost.ark-btn-warning[disabled],
.ark-btn-ghost.ark-btn-error[disabled] {
  background: transparent;
  color: rgba(0, 0, 0, 0.25);
  border-color: #D8D8D8;
}
.ark-btn-ghost.ark-btn-text[disabled] {
  background: transparent;
  color: rgba(0, 0, 0, 0.25);
}
.ark-affix {
  position: fixed;
  z-index: 10;
}
.ark-back-top {
  z-index: 10;
  position: fixed;
  cursor: pointer;
  display: none;
}
.ark-back-top.ark-back-top-show {
  display: block;
}
.ark-back-top-inner {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
}
.ark-back-top-inner:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.ark-back-top i {
  color: #fff;
  font-size: 24px;
  padding: 8px 12px;
}
.ark-badge {
  position: relative;
  display: inline-block;
}
.ark-badge-count {
  font-family: "Monospaced Number";
  line-height: 1;
  vertical-align: middle;
  position: absolute;
  transform: translateX(50%);
  top: -10px;
  right: 0;
  height: 20px;
  border-radius: 10px;
  min-width: 20px;
  background: #fd6442;
  border: 1px solid transparent;
  color: #fff;
  line-height: 18px;
  text-align: center;
  padding: 0 6px;
  font-size: 12px;
  white-space: nowrap;
  transform-origin: -10% center;
  z-index: 10;
  box-shadow: 0 0 0 1px #fff;
}
.ark-badge-count a,
.ark-badge-count a:hover {
  color: #fff;
}
.ark-badge-count-alone {
  top: auto;
  display: block;
  position: relative;
  transform: translateX(0);
}
.ark-badge-count-primary {
  background: #1D74FF;
}
.ark-badge-count-success {
  background: #19be6b;
}
.ark-badge-count-error {
  background: #fd6442;
}
.ark-badge-count-warning {
  background: #ff9900;
}
.ark-badge-count-info {
  background: #2db7f5;
}
.ark-badge-count-normal {
  background: #e6ebf1;
  color: #808695;
}
.ark-badge-dot {
  position: absolute;
  transform: translateX(-50%);
  transform-origin: 0 center;
  top: -4px;
  right: -8px;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background: #fd6442;
  z-index: 10;
  box-shadow: 0 0 0 1px #fff;
}
.ark-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ark-badge-status-dot {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.ark-badge-status-success {
  background-color: #19be6b;
}
.ark-badge-status-processing {
  background-color: #1D74FF;
  position: relative;
}
.ark-badge-status-processing:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #1D74FF;
  content: '';
  animation: aniStatusProcessing 1.2s infinite ease-in-out;
}
.ark-badge-status-default {
  background-color: #e6ebf1;
}
.ark-badge-status-error {
  background-color: #fd6442;
}
.ark-badge-status-warning {
  background-color: #ff9900;
}
.ark-badge-status-text {
  display: inline-block;
  color: #575757;
  font-size: 12px;
  margin-left: 6px;
}
@keyframes aniStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ark-chart-circle {
  position: relative;
  display: inline-block;
}
.ark-chart-circle svg {
  transform: rotate(270deg);
}
.ark-chart-circle-front {
  transition: stroke-dashoffset 0.32s ease 0s, stroke-dasharray 0.32s ease 0s, stroke 0.32s, stroke-width 0.06s ease 0.32s;
}
.ark-chart-circle-inner {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.ark-spin {
  color: #1D74FF;
  vertical-align: middle;
  text-align: center;
}
.ark-spin-dot {
  position: relative;
  display: block;
  border-radius: 50%;
  background-color: #1D74FF;
  width: 20px;
  height: 20px;
  animation: ani-spin-bounce 1s 0s ease-in-out infinite;
}
.ark-spin-large .ark-spin-dot {
  width: 32px;
  height: 32px;
}
.ark-spin-small .ark-spin-dot {
  width: 12px;
  height: 12px;
}
.ark-spin-fix {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}
.ark-spin-fullscreen {
  z-index: 2010;
}
.ark-spin-fullscreen-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ark-spin-fix .ark-spin-main {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ark-spin-fix .ark-spin-dot {
  display: inline-block;
}
.ark-spin-text,
.ark-spin-show-text .ark-spin-dot {
  display: none;
}
.ark-spin-show-text .ark-spin-text {
  display: block;
}
.ark-table-wrapper > .ark-spin-fix {
  border: 1px solid #dcdee2;
  border-top: 0;
  border-left: 0;
}
@keyframes ani-spin-bounce {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.ark-alert {
  position: relative;
  padding: 8px 48px 8px 16px;
  border-radius: 4px;
  color: #575757;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
}
.ark-alert.ark-alert-with-icon {
  padding: 8px 48px 8px 38px;
}
.ark-alert-icon {
  font-size: 16px;
  top: 6px;
  left: 12px;
  position: absolute;
}
.ark-alert-desc {
  font-size: 12px;
  color: #575757;
  line-height: 21px;
  display: none;
  text-align: justify;
}
.ark-alert-success {
  border: 1px solid #8ce6b0;
  background-color: #edfff3;
}
.ark-alert-success .ark-alert-icon {
  color: #19be6b;
}
.ark-alert-info {
  border: 1px solid #96c9ff;
  background-color: #e8f5ff;
}
.ark-alert-info .ark-alert-icon {
  color: #1D74FF;
}
.ark-alert-warning {
  border: 1px solid #ffd77a;
  background-color: #fff9e6;
}
.ark-alert-warning .ark-alert-icon {
  color: #ff9900;
}
.ark-alert-error {
  border: 1px solid #ffcfbd;
  background-color: #fff5f0;
}
.ark-alert-error .ark-alert-icon {
  color: #fd6442;
}
.ark-alert-close {
  top: 8px!important;
  font-size: 12px;
  position: absolute;
  right: 8px;
  top: -3px;
  overflow: hidden;
  cursor: pointer;
}
.ark-alert-close .ark-icon-ios-close {
  font-size: 22px;
  color: #999;
  transition: color 0.2s ease;
  position: relative;
  top: -3px;
  font-weight: 700;
}
.ark-alert-close .ark-icon-ios-close:hover {
  color: #999;
}
.ark-alert-with-desc {
  padding: 16px;
  position: relative;
  border-radius: 4px;
  margin-bottom: 10px;
  color: #575757;
  line-height: 1.5;
}
.ark-alert-with-desc.ark-alert-with-icon {
  padding: 16px 16px 16px 69px;
}
.ark-alert-with-desc .ark-alert-desc {
  display: block;
}
.ark-alert-with-desc .ark-alert-message {
  font-size: 14px;
  color: #666;
  display: block;
}
.ark-alert-with-desc .ark-alert-icon {
  top: 50%;
  left: 24px;
  margin-top: -24px;
  font-size: 28px;
}
.ark-alert-with-banner {
  border-radius: 0;
}
.ark-collapse {
  background-color: #f7f7f7;
  border-radius: 3px;
  border: 1px solid #dcdee2;
}
.ark-collapse-simple {
  border-left: none;
  border-right: none;
  background-color: #fff;
  border-radius: 0;
}
.ark-collapse > .ark-collapse-item {
  border-top: 1px solid #dcdee2;
}
.ark-collapse > .ark-collapse-item:first-child {
  border-top: 0;
}
.ark-collapse > .ark-collapse-item > .ark-collapse-header {
  height: 38px;
  line-height: 38px;
  padding-left: 16px;
  color: #666;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease-in-out;
}
.ark-collapse > .ark-collapse-item > .ark-collapse-header > i {
  transition: transform 0.2s ease-in-out;
  margin-right: 14px;
}
.ark-collapse > .ark-collapse-item > .ark-collapse-header-center {
  text-align: center;
}
.ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header {
  border-bottom: 1px solid #dcdee2;
}
.ark-collapse-simple > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header {
  border-bottom: 1px solid transparent;
}
.ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i {
  transform: rotate(90deg);
}
.ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header-center > i {
  transform: rotate(-180deg);
}
.ark-collapse-content {
  color: #575757;
  padding: 0 16px;
  background-color: #fff;
  transition: height 0.4s;
}
.ark-collapse-content > .ark-collapse-content-box {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ark-collapse-simple > .ark-collapse-item > .ark-collapse-content > .ark-collapse-content-box {
  padding-top: 0;
}
.ark-collapse-item:last-child > .ark-collapse-content {
  border-radius: 0 0 3px 3px;
}
.ark-card {
  background: #fff;
  border-radius: 6px;
  font-size: 12px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.ark-card-bordered {
  border: 1px solid #dcdee2;
  border-color: #e8eaec;
}
.ark-card-shadow {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.ark-card:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-color: #eee;
}
.ark-card.ark-card-dis-hover:hover {
  box-shadow: none;
  border-color: transparent;
}
.ark-card.ark-card-dis-hover.ark-card-bordered:hover {
  border-color: #e8eaec;
}
.ark-card.ark-card-shadow:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.ark-card-head {
  height: 44px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #1D74FF;
}
.ark-card-head p,
.ark-card-head-inner {
  display: inline-block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: white;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.ark-card-head p-left,
.ark-card-head-inner-left {
  padding-left: 20px;
  text-align: left;
}
.ark-card-head p i,
.ark-card-head p span {
  vertical-align: middle;
}
.ark-card-extra {
  position: absolute;
  right: 16px;
  top: 14px;
}
.ark-card-body {
  padding: 16px;
}
.ark-message {
  font-size: 12px;
  position: fixed;
  z-index: 1000000 !important;
  width: 100%;
  top: 16px;
  left: 0;
  pointer-events: none;
}
.ark-message-notice {
  padding: 8px;
  text-align: center;
  transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.ark-message-notice:first-child {
  margin-top: -8px;
}
.ark-message-notice-close {
  position: absolute;
  right: 4px;
  top: 10px;
  color: #999;
  outline: none;
}
.ark-message-notice-close i.ark-icon {
  font-size: 22px;
  color: #999;
  transition: color 0.2s ease;
  position: relative;
  top: -3px;
  font-weight: 700;
}
.ark-message-notice-close i.ark-icon:hover {
  color: #999;
}
.ark-message-notice-content {
  display: inline-block;
  pointer-events: all;
  padding: 8px 16px;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #fff;
  position: relative;
}
.ark-message-notice-content-text {
  display: inline-block;
}
.ark-message-notice-closable .ark-message-notice-content-text {
  padding-right: 32px;
}
.ark-message-success .ark-icon {
  color: #19be6b;
}
.ark-message-error .ark-icon {
  color: #fd6442;
}
.ark-message-warning .ark-icon {
  color: #ff9900;
}
.ark-message-info .ark-icon,
.ark-message-loading .ark-icon {
  color: #1D74FF;
}
.ark-message .ark-icon {
  margin-right: 4px;
  font-size: 16px;
  vertical-align: middle;
}
.ark-message-custom-content span {
  vertical-align: middle;
}
.ark-radio-focus {
  box-shadow: 0 0 0 2px rgba(29, 116, 255, 0.2);
  z-index: 1;
}
.ark-radio-group {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}
.ark-radio-group-vertical .ark-radio-wrapper {
  display: block;
  height: 30px;
  line-height: 30px;
}
.ark-radio-wrapper {
  font-size: 12px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin-right: 8px;
  cursor: pointer;
}
.ark-radio-wrapper-disabled {
  cursor: not-allowed;
}
.ark-radio {
  display: inline-block;
  margin-right: 4px;
  white-space: nowrap;
  position: relative;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
}
.ark-radio:hover .ark-radio-inner {
  border-color: #bcbcbc;
}
.ark-radio-inner {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #dcdee2;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
}
.ark-radio-inner:after {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: 2px;
  border-radius: 6px;
  display: table;
  border-top: 0;
  border-left: 0;
  content: ' ';
  background-color: #1D74FF;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0);
}
.ark-radio-large {
  font-size: 12px;
}
.ark-radio-large .ark-radio-inner {
  width: 16px;
  height: 16px;
}
.ark-radio-large .ark-radio-inner:after {
  width: 10px;
  height: 10px;
}
.ark-radio-large.ark-radio-wrapper,
.ark-radio-large .ark-radio-wrapper {
  font-size: 12px;
}
.ark-radio-small .ark-radio-inner {
  width: 12px;
  height: 12px;
}
.ark-radio-small .ark-radio-inner:after {
  width: 6px;
  height: 6px;
}
.ark-radio-input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.ark-radio-checked .ark-radio-inner {
  border-color: #1D74FF;
}
.ark-radio-checked .ark-radio-inner:after {
  opacity: 1;
  transform: scale(1);
  transition: all 0.2s ease-in-out;
}
.ark-radio-checked:hover .ark-radio-inner {
  border-color: #1D74FF;
}
.ark-radio-disabled {
  cursor: not-allowed;
}
.ark-radio-disabled .ark-radio-input {
  cursor: not-allowed;
}
.ark-radio-disabled:hover .ark-radio-inner {
  border-color: #dcdee2;
}
.ark-radio-disabled .ark-radio-inner {
  border-color: #dcdee2;
  background-color: #f3f3f3;
}
.ark-radio-disabled .ark-radio-inner:after {
  background-color: #cccccc;
}
.ark-radio-disabled .ark-radio-disabled + span {
  color: #ccc;
}
span.ark-radio + * {
  margin-left: 2px;
  margin-right: 2px;
}
.ark-radio-group-button {
  font-size: 0;
  -webkit-text-size-adjust: none;
}
.ark-radio-group-button .ark-radio {
  width: 0;
  margin-right: 0;
}
.ark-radio-group-button .ark-radio-wrapper {
  display: inline-block;
  height: 28px;
  line-height: 26px;
  margin: 0;
  padding: 0 15px;
  font-size: 12px;
  color: #575757;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border: 1px solid #dcdee2;
  border-left: 0;
  background: #fff;
  position: relative;
}
.ark-radio-group-button .ark-radio-wrapper > span {
  margin-left: 0;
}
.ark-radio-group-button .ark-radio-wrapper:before,
.ark-radio-group-button .ark-radio-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  left: -1px;
  top: 0;
  background: #dcdee2;
  transition: all 0.2s ease-in-out;
}
.ark-radio-group-button .ark-radio-wrapper:after {
  height: 32px;
  left: -1px;
  top: -3px;
  background: rgba(29, 116, 255, 0.2);
  opacity: 0;
}
.ark-radio-group-button .ark-radio-wrapper:first-child {
  border-radius: 2px 0 0 2px;
  border-left: 1px solid #dcdee2;
}
.ark-radio-group-button .ark-radio-wrapper:first-child:before,
.ark-radio-group-button .ark-radio-wrapper:first-child:after {
  display: none;
}
.ark-radio-group-button .ark-radio-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ark-radio-group-button .ark-radio-wrapper:first-child:last-child {
  border-radius: 2px;
}
.ark-radio-group-button .ark-radio-wrapper:hover {
  position: relative;
  color: #1D74FF;
}
.ark-radio-group-button .ark-radio-wrapper:hover .ark-radio {
  background-color: black;
}
.ark-radio-group-button .ark-radio-wrapper .ark-radio-inner,
.ark-radio-group-button .ark-radio-wrapper input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ark-radio-group-button .ark-radio-wrapper-checked {
  background: #fff;
  border-color: #1D74FF;
  color: #1D74FF;
  box-shadow: -1px 0 0 0 #1D74FF;
  z-index: 1;
}
.ark-radio-group-button .ark-radio-wrapper-checked:before {
  background: #1D74FF;
  opacity: 0.1;
}
.ark-radio-group-button .ark-radio-wrapper-checked.ark-radio-focus {
  box-shadow: -1px 0 0 0 #1D74FF, 0 0 0 2px rgba(29, 116, 255, 0.2);
  transition: all 0.2s ease-in-out;
}
.ark-radio-group-button .ark-radio-wrapper-checked.ark-radio-focus:after {
  left: -3px;
  top: -3px;
  opacity: 1;
  background: rgba(29, 116, 255, 0.2);
}
.ark-radio-group-button .ark-radio-wrapper-checked.ark-radio-focus:first-child {
  box-shadow: 0 0 0 2px rgba(29, 116, 255, 0.2);
}
.ark-radio-group-button .ark-radio-wrapper-checked:first-child {
  border-color: #1D74FF;
  box-shadow: none;
}
.ark-radio-group-button .ark-radio-wrapper-checked:hover {
  border-color: #4a90ff;
  color: #4a90ff;
}
.ark-radio-group-button .ark-radio-wrapper-checked:active {
  border-color: #1c6ef2;
  color: #1c6ef2;
}
.ark-radio-group-button .ark-radio-wrapper-disabled {
  border-color: #dcdee2;
  background-color: #f7f7f7;
  cursor: not-allowed;
  color: #ccc;
}
.ark-radio-group-button .ark-radio-wrapper-disabled:first-child,
.ark-radio-group-button .ark-radio-wrapper-disabled:hover {
  border-color: #dcdee2;
  background-color: #f7f7f7;
  color: #ccc;
}
.ark-radio-group-button .ark-radio-wrapper-disabled:first-child {
  border-left-color: #dcdee2;
}
.ark-radio-group-button .ark-radio-wrapper-disabled.ark-radio-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #dcdee2;
  box-shadow: none!important;
}
.ark-radio-group-button.ark-radio-group-large .ark-radio-wrapper {
  height: 36px;
  line-height: 34px;
  font-size: 12px;
}
.ark-radio-group-button.ark-radio-group-large .ark-radio-wrapper:after {
  height: 40px;
}
.ark-radio-group-button.ark-radio-group-small .ark-radio-wrapper {
  height: 24px;
  line-height: 22px;
  padding: 0 12px;
  font-size: 12px;
}
.ark-radio-group-button.ark-radio-group-small .ark-radio-wrapper:after {
  height: 28px;
}
.ark-radio-group-button.ark-radio-group-small .ark-radio-wrapper:first-child {
  border-radius: 3px 0 0 3px;
}
.ark-radio-group-button.ark-radio-group-small .ark-radio-wrapper:last-child {
  border-radius: 0 3px 3px 0;
}
.ark-checkbox-focus {
  z-index: 1;
}
.ark-checkbox {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  box-shadow: none !important;
  line-height: 1;
  position: relative;
}
.ark-checkbox-disabled {
  cursor: not-allowed;
}
.ark-checkbox:hover .ark-checkbox-inner {
  border-color: #bcbcbc;
}
.ark-checkbox-inner {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 0;
  left: 0;
  border: 1px solid #dcdee2;
  border-radius: 2px;
  background-color: #fff;
  transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.ark-checkbox-inner:after {
  content: '';
  display: table;
  width: 4px;
  height: 8px;
  position: absolute;
  top: 1px;
  left: 4px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0);
  transition: all 0.2s ease-in-out;
}
.ark-checkbox-large .ark-checkbox-inner {
  width: 16px;
  height: 16px;
}
.ark-checkbox-large .ark-checkbox-inner:after {
  width: 5px;
  height: 9px;
}
.ark-checkbox-small {
  font-size: 12px;
}
.ark-checkbox-small .ark-checkbox-inner {
  width: 12px;
  height: 12px;
}
.ark-checkbox-small .ark-checkbox-inner:after {
  top: 0;
  left: 3px;
}
.ark-checkbox-input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ark-checkbox-input[disabled] {
  cursor: not-allowed;
}
.ark-checkbox-circle .ark-checkbox-inner {
  border-radius: 50%;
}
.ark-checkbox-checked:hover .ark-checkbox-inner {
  border-color: #1D74FF;
}
.ark-checkbox-checked .ark-checkbox-inner {
  border-color: #1D74FF;
  background-color: #1D74FF;
}
.ark-checkbox-checked .ark-checkbox-inner:after {
  content: '';
  display: table;
  width: 4px;
  height: 8px;
  position: absolute;
  top: 1px;
  left: 4px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1);
  transition: all 0.2s ease-in-out;
}
.ark-checkbox-large .ark-checkbox-checked .ark-checkbox-inner:after {
  width: 5px;
  height: 9px;
}
.ark-checkbox-small .ark-checkbox-checked .ark-checkbox-inner:after {
  top: 0;
  left: 3px;
}
.ark-checkbox-disabled.ark-checkbox-checked:hover .ark-checkbox-inner {
  border-color: #dcdee2;
}
.ark-checkbox-disabled.ark-checkbox-checked .ark-checkbox-inner {
  background-color: #f3f3f3;
  border-color: #dcdee2;
}
.ark-checkbox-disabled.ark-checkbox-checked .ark-checkbox-inner:after {
  animation-name: none;
  border-color: #ccc;
}
.ark-checkbox-disabled:hover .ark-checkbox-inner {
  border-color: #dcdee2;
}
.ark-checkbox-disabled .ark-checkbox-inner {
  border-color: #dcdee2;
  background-color: #f3f3f3;
}
.ark-checkbox-disabled .ark-checkbox-inner:after {
  animation-name: none;
  border-color: #f3f3f3;
}
.ark-checkbox-disabled .ark-checkbox-inner-input {
  cursor: default;
}
.ark-checkbox-disabled + span {
  color: #ccc;
  cursor: not-allowed;
}
.ark-checkbox-indeterminate .ark-checkbox-inner:after {
  content: '';
  width: 8px;
  height: 1px;
  transform: scale(1);
  position: absolute;
  left: 2px;
  top: 5px;
}
.ark-checkbox-indeterminate:hover .ark-checkbox-inner {
  border-color: #1D74FF;
}
.ark-checkbox-indeterminate .ark-checkbox-inner {
  background-color: #1D74FF;
  border-color: #1D74FF;
}
.ark-checkbox-indeterminate.ark-checkbox-disabled .ark-checkbox-inner {
  background-color: #f3f3f3;
  border-color: #dcdee2;
}
.ark-checkbox-indeterminate.ark-checkbox-disabled .ark-checkbox-inner:after {
  border-color: #aaa;
}
.ark-checkbox-large .ark-checkbox-indeterminate .ark-checkbox-inner:after {
  width: 10px;
  top: 6px;
}
.ark-checkbox-small .ark-checkbox-indeterminate .ark-checkbox-inner:after {
  width: 6px;
  top: 4px;
}
.ark-checkbox-wrapper {
  border-collapse: separate;
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  margin-right: 8px;
}
.ark-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ark-checkbox-wrapper.ark-checkbox-large {
  font-size: 12px;
}
.ark-checkbox-wrapper + span,
.ark-checkbox + span {
  margin-right: 4px;
}
.ark-checkbox-group {
  font-size: 12px;
}
.ark-checkbox-group-item {
  display: inline-block;
}
.ark-switch {
  display: inline-block;
  width: 44px;
  height: 22px;
  line-height: 20px;
  border-radius: 22px;
  vertical-align: middle;
  border: 1px solid #ccc;
  background-color: #ccc;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease-in-out;
}
.ark-switch-loading {
  opacity: 0.4;
}
.ark-switch-inner {
  color: #fff;
  font-size: 12px;
  position: absolute;
  left: 23px;
}
.ark-switch-inner i {
  width: 12px;
  height: 12px;
  text-align: center;
  position: relative;
  top: -1px;
}
.ark-switch:after {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background-color: #fff;
  position: absolute;
  left: 1px;
  top: 1px;
  cursor: pointer;
  transition: left 0.2s ease-in-out, width 0.2s ease-in-out;
}
.ark-switch:active:after {
  width: 26px;
}
.ark-switch:before {
  content: '';
  display: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 1;
  border: 1px solid #1D74FF;
  border-color: transparent transparent transparent #1D74FF;
  animation: switch-loading 1s linear;
  animation-iteration-count: infinite;
}
.ark-switch-loading:before {
  display: block;
}
.ark-switch:focus {
  box-shadow: 0 0 0 2px rgba(29, 116, 255, 0.2);
  outline: 0;
}
.ark-switch:focus:hover {
  box-shadow: none;
}
.ark-switch-small {
  width: 28px;
  height: 16px;
  line-height: 14px;
}
.ark-switch-small:after {
  width: 12px;
  height: 12px;
}
.ark-switch-small:active:after {
  width: 14px;
}
.ark-switch-small:before {
  width: 10px;
  height: 10px;
  left: 2px;
  top: 2px;
}
.ark-switch-small.ark-switch-checked:after {
  left: 13px;
}
.ark-switch-small.ark-switch-checked:before {
  left: 14px;
}
.ark-switch-small:active.ark-switch-checked:after {
  left: 11px;
}
.ark-switch-large {
  width: 56px;
}
.ark-switch-large:active:after {
  width: 26px;
}
.ark-switch-large:active:after {
  width: 30px;
}
.ark-switch-large.ark-switch-checked:after {
  left: 35px;
}
.ark-switch-large.ark-switch-checked:before {
  left: 37px;
}
.ark-switch-large:active.ark-switch-checked:after {
  left: 23px;
}
.ark-switch-checked {
  border-color: #1D74FF;
  background-color: #1D74FF;
}
.ark-switch-checked .ark-switch-inner {
  left: 7px;
}
.ark-switch-checked:after {
  left: 23px;
}
.ark-switch-checked:before {
  left: 25px;
}
.ark-switch-checked:active:after {
  left: 15px;
}
.ark-switch-disabled {
  cursor: not-allowed;
  background: #f3f3f3;
  border-color: #f3f3f3;
}
.ark-switch-disabled:after {
  background: #ccc;
  cursor: not-allowed;
}
.ark-switch-disabled .ark-switch-inner {
  color: #ccc;
}
@keyframes switch-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ark-input-compressed-wrap {
  height: 300px;
  padding: 4px 7px;
  overflow-y: auto;
  border: 1px solid #ddd;
  flex: 1;
}
.ark-input-compressed-item {
  height: 24px;
  padding: 0 5px;
  margin-top: 4px;
  margin-bottom: 4px;
  line-height: 22px;
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  cursor: default;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
}
.ark-input-compressed-item .ark-icon {
  line-height: 22px;
}
.ark-input-compressed-item-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ark-input-compressed-tip {
  margin: 5px 0;
}
.ark-input-compressed-body {
  display: flex;
}
.ark-input-compressed-tools {
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}
.ark-input-number {
  display: inline-block;
  width: 100%;
  line-height: 1;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid #d8d8d8;
  color: #575757;
  background-color: #fff;
  background-image: none;
  position: relative;
  cursor: text;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  margin: 0;
  padding: 0;
  width: 80px;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  border: 1px solid #dcdee2;
  border-radius: 2px;
  overflow: hidden;
}
.ark-input-number::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}
.ark-input-number:-ms-input-placeholder {
  color: #aaa;
}
.ark-input-number::-webkit-input-placeholder {
  color: #aaa;
}
.ark-input-number:hover {
  border-color: #3fa5ed;
}
.ark-input-number:focus {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-input-number[disabled],
fieldset[disabled] .ark-input-number {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #575757;
}
.ark-input-number[disabled]:hover,
fieldset[disabled] .ark-input-number:hover {
  border-color: #e0e0e0;
}
textarea.ark-input-number {
  max-width: 100%;
  height: auto;
  min-height: 26px;
  vertical-align: bottom;
  font-size: 12px;
}
.ark-input-number-large {
  font-size: 12px;
  padding: 6px 10px;
  height: 36px;
}
.ark-input-number-small {
  padding: 1px 10px;
  height: 24px;
  border-radius: 3px;
}
.ark-input-number-handler-wrap {
  width: 22px;
  height: 100%;
  border-left: 1px solid #dcdee2;
  border-radius: 0 2px 2px 0;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.ark-input-number:hover .ark-input-number-handler-wrap {
  opacity: 1;
}
.ark-input-number-handler-up {
  cursor: pointer;
}
.ark-input-number-handler-up-inner {
  top: 1px;
}
.ark-input-number-handler-down {
  border-top: 1px solid #dcdee2;
  top: -1px;
  cursor: pointer;
}
.ark-input-number-handler {
  display: block;
  width: 100%;
  height: 13px;
  line-height: 0;
  text-align: center;
  overflow: hidden;
  color: #999;
  position: relative;
}
.ark-input-number-handler:hover .ark-input-number-handler-up-inner,
.ark-input-number-handler:hover .ark-input-number-handler-down-inner {
  color: #4a90ff;
}
.ark-input-number-handler-up-inner,
.ark-input-number-handler-down-inner {
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 14px;
  color: #999;
  user-select: none;
  position: absolute;
  right: 5px;
  transition: all 0.2s linear;
}
.ark-input-number:hover {
  border-color: #3fa5ed;
}
.ark-input-number-focused {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-input-number-disabled {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #575757;
}
.ark-input-number-disabled:hover {
  border-color: #e0e0e0;
}
.ark-input-number-input-wrap {
  overflow: hidden;
  height: 26px;
}
.ark-input-number-input {
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  text-align: left;
  outline: 0;
  -moz-appearance: textfield;
  color: #666;
  border: 0;
  border-radius: 2px;
  transition: all 0.2s linear;
}
.ark-input-number-input[disabled] {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #575757;
}
.ark-input-number-input[disabled]:hover {
  border-color: #e0e0e0;
}
.ark-input-number-large {
  padding: 0;
}
.ark-input-number-large .ark-input-number-input-wrap {
  height: 36px;
}
.ark-input-number-large .ark-input-number-handler {
  height: 18px;
}
.ark-input-number-large input {
  height: 36px;
  line-height: 36px;
}
.ark-input-number-large .ark-input-number-handler-up-inner {
  top: 2px;
}
.ark-input-number-large .ark-input-number-handler-down-inner {
  bottom: 2px;
}
.ark-input-number-small {
  padding: 0;
}
.ark-input-number-small .ark-input-number-input-wrap {
  height: 24px;
}
.ark-input-number-small .ark-input-number-handler {
  height: 12px;
}
.ark-input-number-small input {
  height: 24px;
  line-height: 24px;
  margin-top: -1px;
  vertical-align: top;
}
.ark-input-number-small .ark-input-number-handler-up-inner {
  top: -1px;
}
.ark-input-number-small .ark-input-number-handler-down-inner {
  bottom: -1px;
}
.ark-input-number-handler-down-disabled .ark-input-number-handler-down-inner,
.ark-input-number-handler-up-disabled .ark-input-number-handler-down-inner,
.ark-input-number-disabled .ark-input-number-handler-down-inner,
.ark-input-number-handler-down-disabled .ark-input-number-handler-up-inner,
.ark-input-number-handler-up-disabled .ark-input-number-handler-up-inner,
.ark-input-number-disabled .ark-input-number-handler-up-inner {
  opacity: 0.72;
  color: #ccc !important;
  cursor: not-allowed;
}
.ark-input-number-disabled .ark-input-number-input {
  opacity: 0.72;
  cursor: not-allowed;
  background-color: #f3f3f3;
}
.ark-input-number-disabled .ark-input-number-handler-wrap {
  display: none;
}
.ark-input-number-disabled .ark-input-number-handler {
  opacity: 0.72;
  color: #ccc !important;
  cursor: not-allowed;
}
.ark-form-item-error .ark-input-number {
  border: 1px solid #fd6442;
}
.ark-form-item-error .ark-input-number:hover {
  border-color: #fd6442;
}
.ark-form-item-error .ark-input-number:focus {
  border-color: #fd6442;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(253, 100, 66, 0.2);
}
.ark-form-item-error .ark-input-number-focused {
  border-color: #fd6442;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(253, 100, 66, 0.2);
}
.ark-scroll-wrapper {
  width: auto;
  margin: 0 auto;
  position: relative;
  outline: none;
}
.ark-scroll-container {
  overflow-y: scroll;
}
.ark-scroll-content {
  opacity: 1;
  transition: opacity 0.5s;
}
.ark-scroll-content-loading {
  opacity: 0.5;
}
.ark-scroll-loader {
  text-align: center;
  padding: 0;
  transition: padding 0.5s;
}
.ark-scroll-loader-wrapper {
  padding: 5px 0;
  height: 0;
  background-color: inherit;
  transform: scale(0);
  transition: opacity 0.3s, transform 0.5s, height 0.5s;
}
.ark-scroll-loader-wrapper-active {
  height: 40px;
  transform: scale(1);
}
@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ark-scroll-loader-wrapper .ark-scroll-spinner {
  position: relative;
}
.ark-scroll-loader-wrapper .ark-scroll-spinner-icon {
  animation: ani-demo-spin 1s linear infinite;
}
.ark-tag {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin: 2px 4px 2px 0;
  padding: 0 8px;
  border: 1px solid #e8eaec;
  border-radius: 3px;
  background: #f7f7f7;
  font-size: 12px;
  vertical-align: middle;
  opacity: 1;
  overflow: hidden;
  cursor: pointer;
}
.ark-tag:not(.ark-tag-border):not(.ark-tag-dot):not(.ark-tag-checked) {
  background: transparent;
  border: 0;
  color: #575757;
}
.ark-tag:not(.ark-tag-border):not(.ark-tag-dot):not(.ark-tag-checked) .ark-icon-ios-close {
  color: #575757 !important;
}
.ark-tag-color-error {
  color: #fd6442 !important;
  border-color: #fd6442;
}
.ark-tag-color-success {
  color: #19be6b !important;
  border-color: #19be6b;
}
.ark-tag-color-primary {
  color: #2D8cF0 !important;
  border-color: #2D8cF0;
}
.ark-tag-color-warning {
  color: #ff9900 !important;
  border-color: #ff9900;
}
.ark-tag-color-white {
  color: #ffffff !important;
}
.ark-tag-dot {
  height: 32px;
  line-height: 32px;
  border: 1px solid #e8eaec !important;
  color: #575757 !important;
  background: #fff !important;
  padding: 0 12px;
}
.ark-tag-dot-inner {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border-radius: 50%;
  background: #e8eaec;
  position: relative;
  top: 1px;
}
.ark-tag-dot .ark-icon-ios-close {
  color: #666 !important;
  margin-left: 12px !important;
}
.ark-tag-border {
  height: 24px;
  line-height: 24px;
  border: 1px solid #e8eaec;
  color: #e8eaec;
  background: #fff !important;
  position: relative;
}
.ark-tag-border .ark-icon-ios-close {
  color: #666;
  margin-left: 12px !important;
}
.ark-tag-border:after {
  content: "";
  display: none;
  width: 1px;
  background: currentColor;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
}
.ark-tag-border.ark-tag-closable:after {
  display: block;
}
.ark-tag-border.ark-tag-closable .ark-icon-ios-close {
  margin-left: 18px !important;
  left: 4px;
  top: -1px;
}
.ark-tag-border.ark-tag-primary {
  color: #2D8cF0 !important;
  border: 1px solid #2D8cF0 !important;
}
.ark-tag-border.ark-tag-primary:after {
  background: #2D8cF0;
}
.ark-tag-border.ark-tag-primary .ark-icon-ios-close {
  color: #2D8cF0 !important;
}
.ark-tag-border.ark-tag-success {
  color: #19be6b !important;
  border: 1px solid #19be6b !important;
}
.ark-tag-border.ark-tag-success:after {
  background: #19be6b;
}
.ark-tag-border.ark-tag-success .ark-icon-ios-close {
  color: #19be6b !important;
}
.ark-tag-border.ark-tag-warning {
  color: #ff9900 !important;
  border: 1px solid #ff9900 !important;
}
.ark-tag-border.ark-tag-warning:after {
  background: #ff9900;
}
.ark-tag-border.ark-tag-warning .ark-icon-ios-close {
  color: #ff9900 !important;
}
.ark-tag-border.ark-tag-error {
  color: #fd6442 !important;
  border: 1px solid #fd6442 !important;
}
.ark-tag-border.ark-tag-error:after {
  background: #fd6442;
}
.ark-tag-border.ark-tag-error .ark-icon-ios-close {
  color: #fd6442 !important;
}
.ark-tag:hover {
  opacity: 0.85;
}
.ark-tag-text {
  color: #575757;
}
.ark-tag-text a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ark-tag .ark-icon-ios-close {
  display: inline-block;
  font-size: 12px;
  font-size: 20px \9;
  transform: scale(1.66666667) rotate(0deg);
  cursor: pointer;
  margin-left: 2px;
  color: #666;
  opacity: 0.66;
  position: relative;
  top: -1px;
}
:root .ark-tag .ark-icon-ios-close {
  font-size: 12px;
}
.ark-tag .ark-icon-ios-close:hover {
  opacity: 1;
}
.ark-tag-primary,
.ark-tag-success,
.ark-tag-warning,
.ark-tag-error {
  border: 0;
}
.ark-tag-primary,
.ark-tag-success,
.ark-tag-warning,
.ark-tag-error,
.ark-tag-primary a,
.ark-tag-success a,
.ark-tag-warning a,
.ark-tag-error a,
.ark-tag-primary a:hover,
.ark-tag-success a:hover,
.ark-tag-warning a:hover,
.ark-tag-error a:hover,
.ark-tag-primary .ark-icon-ios-close,
.ark-tag-success .ark-icon-ios-close,
.ark-tag-warning .ark-icon-ios-close,
.ark-tag-error .ark-icon-ios-close,
.ark-tag-primary .ark-icon-ios-close:hover,
.ark-tag-success .ark-icon-ios-close:hover,
.ark-tag-warning .ark-icon-ios-close:hover,
.ark-tag-error .ark-icon-ios-close:hover {
  color: #fff;
}
.ark-tag-primary,
.ark-tag-primary.ark-tag-dot .ark-tag-dot-inner {
  background: #2D8cF0;
}
.ark-tag-success,
.ark-tag-success.ark-tag-dot .ark-tag-dot-inner {
  background: #19be6b;
}
.ark-tag-warning,
.ark-tag-warning.ark-tag-dot .ark-tag-dot-inner {
  background: #ff9900;
}
.ark-tag-error,
.ark-tag-error.ark-tag-dot .ark-tag-dot-inner {
  background: #fd6442;
}
.ark-tag-pink {
  line-height: 20px;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ark-tag-pink .ark-tag-text {
  color: #eb2f96 !important;
}
.ark-tag-magenta {
  line-height: 20px;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ark-tag-magenta .ark-tag-text {
  color: #eb2f96 !important;
}
.ark-tag-red {
  line-height: 20px;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ark-tag-red .ark-tag-text {
  color: #f5222d !important;
}
.ark-tag-volcano {
  line-height: 20px;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ark-tag-volcano .ark-tag-text {
  color: #fa541c !important;
}
.ark-tag-orange {
  line-height: 20px;
  background: #fff7e6;
  border-color: #ffd591;
}
.ark-tag-orange .ark-tag-text {
  color: #fa8c16 !important;
}
.ark-tag-yellow {
  line-height: 20px;
  background: #feffe6;
  border-color: #fffb8f;
}
.ark-tag-yellow .ark-tag-text {
  color: #fadb14 !important;
}
.ark-tag-gold {
  line-height: 20px;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ark-tag-gold .ark-tag-text {
  color: #faad14 !important;
}
.ark-tag-cyan {
  line-height: 20px;
  background: #e6fffb;
  border-color: #87e8de;
}
.ark-tag-cyan .ark-tag-text {
  color: #13c2c2 !important;
}
.ark-tag-lime {
  line-height: 20px;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ark-tag-lime .ark-tag-text {
  color: #a0d911 !important;
}
.ark-tag-green {
  line-height: 20px;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ark-tag-green .ark-tag-text {
  color: #52c41a !important;
}
.ark-tag-blue {
  line-height: 20px;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ark-tag-blue .ark-tag-text {
  color: #1890ff !important;
}
.ark-tag-geekblue {
  line-height: 20px;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ark-tag-geekblue .ark-tag-text {
  color: #2f54eb !important;
}
.ark-tag-purple {
  line-height: 20px;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ark-tag-purple .ark-tag-text {
  color: #722ed1 !important;
}
.ark-layout {
  display: flex;
  flex-direction: column;
  flex: auto;
  background: #f5f7f9;
}
.ark-layout.ark-layout-has-sider {
  flex-direction: row;
}
.ark-layout.ark-layout-has-sider > .ark-layout,
.ark-layout.ark-layout-has-sider > .ark-layout-content {
  overflow-x: hidden;
}
.ark-layout-header,
.ark-layout-footer {
  flex: 0 0 auto;
}
.ark-layout-header {
  background: #515a6e;
  padding: 0 50px;
  height: 64px;
  line-height: 64px;
}
.ark-layout-sider {
  transition: all 0.2s ease-in-out;
  position: relative;
  background: #515a6e;
  min-width: 0;
}
.ark-layout-sider-children {
  height: 100%;
  padding-top: 0.1px;
  margin-top: -0.1px;
}
.ark-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ark-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  text-align: center;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  color: #fff;
  background: #515a6e;
  z-index: 1000;
  transition: all 0.2s ease-in-out;
}
.ark-layout-sider-trigger .ark-icon {
  font-size: 16px;
}
.ark-layout-sider-trigger > * {
  transition: all 0.2s;
}
.ark-layout-sider-trigger-collapsed .ark-layout-sider-trigger-icon {
  transform: rotateZ(180deg);
}
.ark-layout-sider-zero-width > * {
  overflow: hidden;
}
.ark-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  text-align: center;
  width: 36px;
  height: 42px;
  line-height: 42px;
  background: #515a6e;
  color: #fff;
  font-size: 18px;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ark-layout-sider-zero-width-trigger:hover {
  background: #626b7d;
}
.ark-layout-sider-zero-width-trigger.ark-layout-sider-zero-width-trigger-left {
  right: 0;
  left: -36px;
  border-radius: 6px 0 0 6px;
}
.ark-layout-footer {
  background: #f5f7f9;
  padding: 24px 50px;
  color: #575757;
  font-size: 12px;
}
.ark-layout-content {
  flex: auto;
}
.ark-loading-bar {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
}
.ark-loading-bar-inner {
  transition: width 0.2s linear;
}
.ark-loading-bar-inner-color-primary {
  background-color: #1D74FF;
}
.ark-loading-bar-inner-failed-color-error {
  background-color: #fd6442;
}
.ark-progress {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  position: relative;
}
.ark-progress-vertical {
  height: 100%;
  width: auto;
}
.ark-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ark-progress-show-info .ark-progress-outer {
  padding-right: 55px;
  margin-right: -55px;
}
.ark-progress-vertical .ark-progress-outer {
  height: 100%;
  width: auto;
}
.ark-progress-inner {
  display: inline-block;
  width: 100%;
  background-color: #f3f3f3;
  border-radius: 100px;
  vertical-align: middle;
  position: relative;
}
.ark-progress-vertical .ark-progress-inner {
  height: 100%;
  width: auto;
}
.ark-progress-vertical .ark-progress-inner > *,
.ark-progress-vertical .ark-progress-inner:after {
  display: inline-block;
  vertical-align: bottom;
}
.ark-progress-vertical .ark-progress-inner:after {
  content: '';
  height: 100%;
}
.ark-progress-bg {
  border-radius: 100px;
  background-color: #1D74FF;
  transition: all 0.2s linear;
  position: relative;
}
.ark-progress-success-bg {
  border-radius: 100px;
  background-color: #19be6b;
  transition: all 0.2s linear;
  position: absolute;
  top: 0;
  left: 0;
}
.ark-progress-text {
  display: inline-block;
  margin-left: 5px;
  text-align: left;
  font-size: 1em;
  vertical-align: middle;
}
.ark-progress-active .ark-progress-bg:before {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 10px;
  animation: ivu-progress-active 2s ease-in-out infinite;
}
.ark-progress-vertical.ark-progress-active .ark-progress-bg:before {
  top: auto;
  animation: ivu-progress-active-vertical 2s ease-in-out infinite;
}
.ark-progress-wrong .ark-progress-bg {
  background-color: #fd6442;
}
.ark-progress-wrong .ark-progress-text {
  color: #fd6442;
}
.ark-progress-success .ark-progress-bg {
  background-color: #19be6b;
}
.ark-progress-success .ark-progress-text {
  color: #19be6b;
}
@keyframes ivu-progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
@keyframes ivu-progress-active-vertical {
  0% {
    opacity: 0.3;
    height: 0;
  }
  100% {
    opacity: 0;
    height: 100%;
  }
}
.ark-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ark-timeline-item {
  margin: 0 !important;
  padding: 0 0 12px 0;
  list-style: none;
  position: relative;
}
.ark-timeline-item-tail {
  height: 100%;
  border-left: 1px solid #e8eaec;
  position: absolute;
  left: 6px;
  top: 0;
}
.ark-timeline-item-pending .ark-timeline-item-tail {
  display: none;
}
.ark-timeline-item-head {
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid transparent;
  position: absolute;
}
.ark-timeline-item-head-blue {
  border-color: #1D74FF;
  color: #1D74FF;
}
.ark-timeline-item-head-red {
  border-color: #fd6442;
  color: #fd6442;
}
.ark-timeline-item-head-green {
  border-color: #19be6b;
  color: #19be6b;
}
.ark-timeline-item-head-custom {
  width: 40px;
  height: auto;
  margin-top: 6px;
  padding: 3px 0;
  text-align: center;
  line-height: 1;
  border: 0;
  border-radius: 0;
  font-size: 12px;
  position: absolute;
  left: -13px;
  transform: translateY(-50%);
}
.ark-timeline-item-content {
  padding: 1px 1px 10px 24px;
  font-size: 12px;
  position: relative;
  top: -3px;
}
.ark-timeline-item:last-child .ark-timeline-item-tail {
  display: none;
}
.ark-timeline.ark-timeline-pending .ark-timeline-item:nth-last-of-type(2) .ark-timeline-item-tail {
  border-left: 1px dotted #e8eaec;
}
.ark-timeline.ark-timeline-pending .ark-timeline-item:nth-last-of-type(2) .ark-timeline-item-content {
  min-height: 48px;
}
.ark-page {
  font-size: 0;
}
.ark-page:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ark-page-item {
  display: inline-block;
  vertical-align: middle;
  min-width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  list-style: none;
  background-color: #fff;
  user-select: none;
  cursor: pointer;
  font-family: Arial;
  font-weight: 500;
  font-size: 12px;
  border: 1px solid #dcdee2;
  margin-left: -1px;
  z-index: 0;
  position: relative;
}
.ark-page-item a {
  font-family: "Monospaced Number";
  margin: 0 6px;
  text-decoration: none;
  color: #575757;
}
.ark-page-item-firstpage {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ark-page-item:hover {
  border-color: #4a90ff;
  z-index: 1;
  background-color: #4a90ff;
}
.ark-page-item:hover a {
  color: white;
}
.ark-page-item-active {
  border-color: #1D74FF;
  z-index: 1;
  background-color: #1D74FF;
}
.ark-page-item-active a,
.ark-page-item-active:hover a {
  color: white;
}
.ark-page-item-jump-prev,
.ark-page-item-jump-next {
  font-size: 12px;
}
.ark-page-item-jump-prev:after,
.ark-page-item-jump-next:after {
  content: "\2022\2022\2022";
  display: block;
  letter-spacing: 1px;
  color: #ccc;
  text-align: center;
}
.ark-page-item-jump-prev a,
.ark-page-item-jump-next a {
  display: block;
}
.ark-page-item-jump-prev i,
.ark-page-item-jump-next i {
  display: none;
}
.ark-page-item-jump-prev:hover:after,
.ark-page-item-jump-next:hover:after {
  display: none;
}
.ark-page-item-jump-prev:hover i,
.ark-page-item-jump-next:hover i {
  display: inline;
}
.ark-page-item-jump-prev:hover i:after {
  content: "\EA22";
  margin-left: -8px;
}
.ark-page-item-jump-next:hover i:after {
  content: "\EA18";
  margin-left: -8px;
}
.ark-page-prev,
.ark-page-next,
.ark-page-item-jump-prev,
.ark-page-item-jump-next {
  display: inline-block;
  vertical-align: middle;
  user-select: none;
  min-width: 28px;
  height: 28px;
  line-height: 26px;
  list-style: none;
  text-align: center;
  cursor: pointer;
  color: #666;
  font-family: Arial;
  border: 1px solid #dcdee2;
  font-size: 12px;
}
.ark-page-item-jump-prev,
.ark-page-item-jump-next {
  border-color: transparent;
}
.ark-page-next {
  margin-left: -1px;
}
.ark-page-prev,
.ark-page-next {
  background-color: #fff;
  position: relative;
}
.ark-page-prev a,
.ark-page-next a {
  color: #666;
}
.ark-page-prev a i,
.ark-page-next a i {
  font-size: 12px;
}
.ark-page-prev:hover,
.ark-page-next:hover {
  border-color: #4a90ff;
  z-index: 1;
  background-color: #4a90ff;
}
.ark-page-prev:hover a,
.ark-page-next:hover a {
  color: white;
}
.ark-page-disabled {
  cursor: not-allowed;
}
.ark-page-disabled a {
  color: #ccc;
  cursor: not-allowed;
}
.ark-page-disabled i {
  cursor: not-allowed;
}
.ark-page-disabled:hover {
  background: none!important;
  border-color: #dcdee2;
}
.ark-page-disabled:hover a {
  color: #ccc;
  cursor: not-allowed;
}
.ark-page-options {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 12px;
}
.ark-page-options-sizer {
  display: inline-block;
  position: relative;
  height: 28px;
  min-width: 96px;
  line-height: 26px;
  text-align: center;
}
.ark-page-options-sizer .ark-select {
  height: 28px;
}
.ark-page-options-sizer .ark-select-selection {
  height: 28px !important;
  border-radius: 0!important;
}
.ark-page-options-sizer .ark-select-selected-value {
  font-size: 12px;
  height: 26px !important;
  line-height: 26px !important;
}
.ark-page-options-elevator {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
}
.ark-page-options-elevator input {
  display: inline-block;
  width: 100%;
  height: 26px;
  line-height: 1;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  color: #575757;
  background-color: #fff;
  background-image: none;
  position: relative;
  cursor: text;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  border-radius: 0;
  margin: 0 4px;
  width: 45px;
  height: 28px;
}
.ark-page-options-elevator input::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}
.ark-page-options-elevator input:-ms-input-placeholder {
  color: #aaa;
}
.ark-page-options-elevator input::-webkit-input-placeholder {
  color: #aaa;
}
.ark-page-options-elevator input:hover {
  border-color: #3fa5ed;
}
.ark-page-options-elevator input:focus {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-page-options-elevator input[disabled],
fieldset[disabled] .ark-page-options-elevator input {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #575757;
}
.ark-page-options-elevator input[disabled]:hover,
fieldset[disabled] .ark-page-options-elevator input:hover {
  border-color: #e0e0e0;
}
textarea.ark-page-options-elevator input {
  max-width: 100%;
  height: auto;
  min-height: 26px;
  vertical-align: bottom;
  font-size: 12px;
}
.ark-page-options-elevator input-large {
  font-size: 12px;
  padding: 6px 10px;
  height: 36px;
}
.ark-page-options-elevator input-small {
  padding: 1px 10px;
  height: 24px;
  border-radius: 3px;
}
.ark-page-total {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin-right: 10px;
  vertical-align: middle;
}
.ark-page-simple .ark-page-prev,
.ark-page-simple .ark-page-next {
  margin: 0;
  border: 0;
  height: 24px;
  line-height: normal;
  font-size: 18px;
}
.ark-page-simple .ark-page-simple-pager {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  font-size: 12px;
}
.ark-page-simple .ark-page-simple-pager input {
  width: 30px;
  height: 24px;
  margin: 0 8px;
  padding: 5px 8px;
  text-align: center;
  box-sizing: border-box;
  background-color: #fff;
  outline: none;
  border: 1px solid #dcdee2;
  border-radius: 2px;
  transition: border-color 0.2s ease-in-out;
}
.ark-page-simple .ark-page-simple-pager input:hover {
  border-color: #1D74FF;
}
.ark-page-simple .ark-page-simple-pager span {
  padding: 0 8px 0 2px;
}
.ark-page-custom-text,
.ark-page-custom-text:hover {
  border-color: transparent;
  margin-left: 0;
}
.ark-page.mini .ark-page-total {
  height: 24px;
  line-height: 24px;
}
.ark-page.mini .ark-page-item {
  border: 0;
  margin: 0;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 3px;
}
.ark-page.mini .ark-page-next,
.ark-page.mini .ark-page-prev {
  margin: 0;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  border: 0;
  border-radius: 3px;
}
.ark-page.mini .ark-page-next a i:after,
.ark-page.mini .ark-page-prev a i:after {
  height: 24px;
  line-height: 24px;
}
.ark-page.mini .ark-page-item-jump-prev,
.ark-page.mini .ark-page-item-jump-next {
  height: 24px;
  line-height: 24px;
  border-radius: 3px;
  border: none;
  margin-right: 0;
}
.ark-page.mini .ark-page-options {
  margin-left: 8px;
}
.ark-page.mini .ark-page-options-elevator {
  height: 24px;
  line-height: 24px;
}
.ark-page.mini .ark-page-options-elevator input {
  padding: 1px 10px;
  height: 24px;
  border-radius: 3px;
  width: 44px;
}
.ark-page.mini .ark-page-options-sizer {
  height: 24px;
  line-height: 24px;
}
.ark-page.mini .ark-page-options-sizer .burgeon-select {
  height: 24px;
}
.ark-page.mini .ark-page-options-sizer .burgeon-select-selection {
  height: 24px !important;
  border-radius: 3px!important;
}
.ark-page.mini .ark-page-options-sizer .burgeon-select-selected-value {
  font-size: 12px;
  height: 22px !important;
  line-height: 22px !important;
}
.ark-page.mini .ark-page-options-sizer input {
  padding: 1px 10px;
  height: 24px;
  border-radius: 3px;
  width: 44px;
}
.ark-steps {
  font-size: 0;
  width: 100%;
  line-height: 1.5;
}
.ark-steps-item {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.ark-steps-item.ark-steps-status-wait .ark-steps-head-inner {
  background-color: #fff;
}
.ark-steps-item.ark-steps-status-wait .ark-steps-head-inner > .ark-steps-icon,
.ark-steps-item.ark-steps-status-wait .ark-steps-head-inner span {
  color: #ccc;
}
.ark-steps-item.ark-steps-status-wait .ark-steps-title {
  color: #999;
}
.ark-steps-item.ark-steps-status-wait .ark-steps-content {
  color: #999;
}
.ark-steps-item.ark-steps-status-wait .ark-steps-tail > i {
  background-color: #e8eaec;
}
.ark-steps-item.ark-steps-status-process .ark-steps-head-inner {
  border-color: #1D74FF;
  background-color: #1D74FF;
}
.ark-steps-item.ark-steps-status-process .ark-steps-head-inner > .ark-steps-icon,
.ark-steps-item.ark-steps-status-process .ark-steps-head-inner span {
  color: #fff;
}
.ark-steps-item.ark-steps-status-process .ark-steps-title {
  color: #666;
}
.ark-steps-item.ark-steps-status-process .ark-steps-content {
  color: #666;
}
.ark-steps-item.ark-steps-status-process .ark-steps-tail > i {
  background-color: #e8eaec;
}
.ark-steps-item.ark-steps-status-finish .ark-steps-head-inner {
  background-color: #fff;
  border-color: #1D74FF;
}
.ark-steps-item.ark-steps-status-finish .ark-steps-head-inner > .ark-steps-icon,
.ark-steps-item.ark-steps-status-finish .ark-steps-head-inner span {
  color: #1D74FF;
}
.ark-steps-item.ark-steps-status-finish .ark-steps-tail > i:after {
  width: 100%;
  background: #1D74FF;
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.ark-steps-item.ark-steps-status-finish .ark-steps-title {
  color: #999;
}
.ark-steps-item.ark-steps-status-finish .ark-steps-content {
  color: #999;
}
.ark-steps-item.ark-steps-status-error .ark-steps-head-inner {
  background-color: #fff;
  border-color: #fd6442;
}
.ark-steps-item.ark-steps-status-error .ark-steps-head-inner > .ark-steps-icon {
  color: #fd6442;
}
.ark-steps-item.ark-steps-status-error .ark-steps-title {
  color: #fd6442;
}
.ark-steps-item.ark-steps-status-error .ark-steps-content {
  color: #fd6442;
}
.ark-steps-item.ark-steps-status-error .ark-steps-tail > i {
  background-color: #e8eaec;
}
.ark-steps-item.ark-steps-next-error .ark-steps-tail > i,
.ark-steps-item.ark-steps-next-error .ark-steps-tail > i:after {
  background-color: #fd6442;
}
.ark-steps-item.ark-steps-custom .ark-steps-head-inner {
  background: none;
  border: 0;
  width: auto;
  height: auto;
}
.ark-steps-item.ark-steps-custom .ark-steps-head-inner > .ark-steps-icon {
  font-size: 20px;
  top: 2px;
  width: 20px;
  height: 20px;
}
.ark-steps-item.ark-steps-custom.ark-steps-status-process .ark-steps-head-inner > .ark-steps-icon {
  color: #1D74FF;
}
.ark-steps-item:last-child .ark-steps-tail {
  display: none;
}
.ark-steps .ark-steps-head,
.ark-steps .ark-steps-main {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ark-steps .ark-steps-head {
  background: #fff;
}
.ark-steps .ark-steps-head-inner {
  display: block;
  width: 26px;
  height: 26px;
  line-height: 24px;
  margin-right: 8px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 14px;
  transition: background-color 0.2s ease-in-out;
}
.ark-steps .ark-steps-head-inner > .ark-steps-icon {
  line-height: 1;
  position: relative;
}
.ark-steps .ark-steps-head-inner > .ark-steps-icon.ark-icon {
  font-size: 24px;
}
.ark-steps .ark-steps-head-inner > .ark-steps-icon.ark-icon-ios-checkmark-empty,
.ark-steps .ark-steps-head-inner > .ark-steps-icon.ark-icon-ios-close-empty {
  font-weight: bold;
}
.ark-steps .ark-steps-stepSlot {
  font-size: 12px;
  position: relative;
  background: white;
  display: inline-block;
}
.ark-steps .ark-steps-main {
  margin-top: 2.5px;
  display: inline;
}
.ark-steps .ark-steps-custom .ark-steps-title {
  margin-top: 2.5px;
}
.ark-steps .ark-steps-title {
  display: inline-block;
  margin-bottom: 4px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  background: #fff;
}
.ark-steps .ark-steps-title > a:first-child:last-child {
  color: #666;
}
.ark-steps .ark-steps-item-last .ark-steps-title {
  padding-right: 0;
  width: 100%;
}
.ark-steps .ark-steps-content {
  font-size: 12px;
  color: #999;
}
.ark-steps .ark-steps-tail {
  width: 100%;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 13px;
}
.ark-steps .ark-steps-tail > i {
  display: inline-block;
  width: 100%;
  height: 1px;
  vertical-align: top;
  background: #e8eaec;
  border-radius: 1px;
  position: relative;
}
.ark-steps .ark-steps-tail > i:after {
  content: '';
  width: 0;
  height: 100%;
  background: #e8eaec;
  opacity: 0;
  position: absolute;
  top: 0;
}
.ark-steps.ark-steps-small .ark-steps-head-inner {
  width: 18px;
  height: 18px;
  line-height: 16px;
  margin-right: 10px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
}
.ark-steps.ark-steps-small .ark-steps-head-inner > .ark-steps-icon.ark-icon {
  font-size: 16px;
  top: 0;
}
.ark-steps.ark-steps-small .ark-steps-main {
  margin-top: 0;
}
.ark-steps.ark-steps-small .ark-steps-title {
  margin-bottom: 4px;
  margin-top: 0;
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
.ark-steps.ark-steps-small .ark-steps-content {
  font-size: 12px;
  color: #999;
  padding-left: 30px;
}
.ark-steps.ark-steps-small .ark-steps-tail {
  top: 8px;
  padding: 0 8px;
}
.ark-steps.ark-steps-small .ark-steps-tail > i {
  height: 1px;
  width: 100%;
  border-radius: 1px;
}
.ark-steps.ark-steps-small .ark-steps-item.ark-steps-custom .ark-steps-head-inner,
.ark-steps .ark-steps-item.ark-steps-custom .ark-steps-head-inner {
  width: inherit;
  height: inherit;
  line-height: inherit;
  border-radius: 0;
  border: 0;
  background: none;
}
.ark-steps-vertical .ark-steps-item {
  display: block;
}
.ark-steps-vertical .ark-steps-tail {
  position: absolute;
  left: 13px;
  top: 0;
  height: 100%;
  width: 1px;
  padding: 30px 0 4px 0;
}
.ark-steps-vertical .ark-steps-tail > i {
  height: 100%;
  width: 1px;
}
.ark-steps-vertical .ark-steps-tail > i:after {
  height: 0;
  width: 100%;
}
.ark-steps-vertical .ark-steps-status-finish .ark-steps-tail > i:after {
  height: 100%;
}
.ark-steps-vertical .ark-steps-head {
  float: left;
}
.ark-steps-vertical .ark-steps-head-inner {
  margin-right: 16px;
}
.ark-steps-vertical .ark-steps-main {
  min-height: 47px;
  overflow: hidden;
  display: block;
}
.ark-steps-vertical .ark-steps-main .ark-steps-title {
  line-height: 26px;
}
.ark-steps-vertical .ark-steps-main .ark-steps-content {
  padding-bottom: 12px;
  padding-left: 0;
}
.ark-steps-vertical .ark-steps-custom .ark-steps-icon {
  left: 4px;
}
.ark-steps-vertical.ark-steps-small .ark-steps-custom .ark-steps-icon {
  left: 0;
}
.ark-steps-vertical.ark-steps-small .ark-steps-tail {
  position: absolute;
  left: 9px;
  top: 0;
  padding: 22px 0 4px 0;
}
.ark-steps-vertical.ark-steps-small .ark-steps-tail > i {
  height: 100%;
}
.ark-steps-vertical.ark-steps-small .ark-steps-title {
  line-height: 18px;
}
.ark-steps-horizontal.ark-steps-hidden {
  visibility: hidden;
}
.ark-steps-horizontal .ark-steps-content {
  padding-left: 35px;
}
.ark-steps-horizontal .ark-steps-item:not(:first-child) .ark-steps-head {
  padding-left: 10px;
  margin-left: -10px;
}
.ark-modal {
  width: auto;
  margin: 0 auto;
  position: relative;
  outline: none;
  top: 0;
}
.ark-modal-hidden {
  display: none !important;
}
.ark-modal-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.ark-modal-wrap * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ark-modal-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  z-index: 1000;
}
.ark-modal-mask-hidden {
  display: none;
}
.ark-modal-close {
  z-index: 1;
  top: 3px!important;
  font-size: 12px;
  position: absolute;
  right: 8px;
  top: 0;
  overflow: hidden;
  cursor: pointer;
}
.ark-modal-close i {
  color: white;
  font-size: 30px;
}
.ark-modal-close .ark-icon-ios-close {
  font-size: 22px;
  color: #999;
  transition: color 0.2s ease;
  position: relative;
  top: 0;
  font-weight: 700;
}
.ark-modal-close .ark-icon-ios-close:hover {
  color: #999;
}
.ark-modal-content {
  position: relative;
  background-color: #fff;
  border: 0;
  border-radius: 6px;
  background-clip: padding-box;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  margin-top: 15vh;
}
.ark-modal-content-no-mask {
  pointer-events: auto;
}
.ark-modal-content-drag {
  position: absolute;
}
.ark-modal-content-drag .ark-modal-header {
  cursor: move;
}
.ark-modal-content-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ark-modal-content-posMessage {
  border-radius: 6px;
  width: 360px;
  height: auto;
}
.ark-modal-content-fcSuccess,
.ark-modal-content-fcError,
.ark-modal-content-fcWarning {
  min-height: 120px;
}
.ark-modal-content-fcSuccess .ark-modal-close,
.ark-modal-content-fcError .ark-modal-close,
.ark-modal-content-fcWarning .ark-modal-close {
  z-index: 1;
  font-size: 12px;
  position: absolute;
  right: 8px;
  top: 0px;
  overflow: hidden;
  cursor: pointer;
}
.ark-modal-content-fcSuccess .ark-modal-close .ark-icon-ios-close,
.ark-modal-content-fcError .ark-modal-close .ark-icon-ios-close,
.ark-modal-content-fcWarning .ark-modal-close .ark-icon-ios-close {
  font-size: 22px;
  color: #999;
  transition: color 0.2s ease;
  position: relative;
  top: 0px;
  font-weight: 700;
}
.ark-modal-content-fcSuccess .ark-modal-close .ark-icon-ios-close:hover,
.ark-modal-content-fcError .ark-modal-close .ark-icon-ios-close:hover,
.ark-modal-content-fcWarning .ark-modal-close .ark-icon-ios-close:hover {
  color: #999;
}
.ark-modal-header {
  height: 44px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #1D74FF;
}
.ark-modal-header p,
.ark-modal-header-inner {
  display: inline-block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: white;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.ark-modal-header p-left,
.ark-modal-header-inner-left {
  padding-left: 20px;
  text-align: left;
}
.ark-modal-header p i,
.ark-modal-header p span {
  vertical-align: middle;
}
.ark-modal-body {
  padding: 16px;
  font-size: 12px;
  line-height: 1;
  width: 100%;
}
.ark-modal-footer {
  border-top: 1px solid #e8eaec;
  padding: 8px 20px 8px 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  text-align: right;
}
.ark-modal-footer button + button {
  margin-left: 8px;
  margin-bottom: 0;
}
.ark-modal-footer button {
  width: 100px;
  border-radius: 4px;
  height: 34px;
  line-height: 1;
}
.ark-modal-footer button > span {
  font-size: 16px;
}
.ark-modal-fullscreen {
  width: 100% !important;
  top: 0;
  bottom: 0;
  position: absolute;
}
.ark-modal-fullscreen .ark-modal-content {
  width: 100% !important;
  border-radius: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: 0;
}
.ark-modal-fullscreen .ark-modal-body {
  width: 100%;
  overflow: auto;
  position: absolute;
  top: 51px;
  bottom: 61px;
}
.ark-modal-fullscreen-no-header .ark-modal-body {
  top: 0;
}
.ark-modal-fullscreen-no-footer .ark-modal-body {
  bottom: 0;
}
.ark-modal-fullscreen .ark-modal-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.ark-modal-no-mask {
  pointer-events: none;
}
.ark-modal-confirm-wrap {
  padding: 0;
}
.ark-modal-confirm-wrap .ark-modal-confirm {
  padding: 0;
}
@media (max-width: 768px) {
  .ark-modal {
    width: 100% !important;
    margin: 10px;
  }
  .vertical-center-modal .ark-modal {
    flex: 1;
  }
}
.ark-modal-confirm {
  padding: 0 4px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ark-modal-confirm-head {
  padding: 0 12px 0 0;
}
.ark-modal-confirm-head-icon {
  display: inline-block;
  font-size: 24px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.ark-modal-confirm-head-icon-info {
  color: #1D74FF;
}
.ark-modal-confirm-head-icon-success {
  color: #19be6b;
}
.ark-modal-confirm-head-icon-warning {
  color: #ff9900;
}
.ark-modal-confirm-head-icon-error {
  color: #fd6442;
}
.ark-modal-confirm-head-icon-confirm {
  color: #ff9900;
}
.ark-modal-confirm-head-icon-fcSuccess,
.ark-modal-confirm-head-icon-fcError,
.ark-modal-confirm-head-icon-fcWarning {
  top: 0;
}
.ark-modal-confirm-head-icon-fcSuccess .iconfont,
.ark-modal-confirm-head-icon-fcError .iconfont,
.ark-modal-confirm-head-icon-fcWarning .iconfont {
  position: absolute;
  right: 8px;
  top: 4px;
  font-size: 20px;
  color: white;
  cursor: pointer;
}
.ark-modal-confirm-head-title {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  font-size: 12px;
  color: #666;
  font-weight: normal;
}
.ark-modal-confirm-head-title-fcSuccess,
.ark-modal-confirm-head-title-fcError,
.ark-modal-confirm-head-title-fcWarning {
  color: #fff;
  text-align: center;
}
.ark-modal-confirm-head-title-posMessage {
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.ark-modal-confirm-head-fcSuccess,
.ark-modal-confirm-head-fcError,
.ark-modal-confirm-head-fcWarning {
  padding: 0;
  height: 28px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ark-modal-confirm-head-posMessage {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.ark-modal-confirm-head-fcSuccess {
  background-color: green;
}
.ark-modal-confirm-head-fcError {
  background-color: red;
}
.ark-modal-confirm-head-fcWarning {
  background-color: #f7b901;
}
.ark-modal-confirm-head-posMessage {
  background-color: #1D74FF;
}
.ark-modal-confirm-body {
  padding-left: 36px;
  font-size: 12px;
  color: #575757;
  position: relative;
  flex: 1 1 auto;
}
.ark-modal-confirm-body-draggable {
  padding-left: 0;
}
.ark-modal-confirm-body-render {
  margin: 0;
  padding: 0;
}
.ark-modal-confirm-body-render-posMessage {
  border-bottom: 1px solid #dcdee2;
}
.ark-modal-confirm-body-fcSuccess,
.ark-modal-confirm-body-fcError,
.ark-modal-confirm-body-fcWarning {
  padding: 10px 20px 0 20px;
}
.ark-modal-confirm-body-fcSuccess > div,
.ark-modal-confirm-body-fcError > div,
.ark-modal-confirm-body-fcWarning > div {
  display: flex;
}
.ark-modal-confirm-body-fcSuccess > div i,
.ark-modal-confirm-body-fcError > div i,
.ark-modal-confirm-body-fcWarning > div i {
  display: inline-block;
  font-size: 28px;
  margin-right: 10px;
  line-height: 1;
}
.ark-modal-confirm-body-fcSuccess > div i.fcSuccess,
.ark-modal-confirm-body-fcError > div i.fcSuccess,
.ark-modal-confirm-body-fcWarning > div i.fcSuccess {
  color: green;
}
.ark-modal-confirm-body-fcSuccess > div i.fcError,
.ark-modal-confirm-body-fcError > div i.fcError,
.ark-modal-confirm-body-fcWarning > div i.fcError {
  color: red;
}
.ark-modal-confirm-body-fcSuccess > div i.fcWarning,
.ark-modal-confirm-body-fcError > div i.fcWarning,
.ark-modal-confirm-body-fcWarning > div i.fcWarning {
  color: #f7b901;
}
.ark-modal-confirm-body-fcSuccess > div textarea,
.ark-modal-confirm-body-fcError > div textarea,
.ark-modal-confirm-body-fcWarning > div textarea {
  flex: 1;
  resize: none;
  border: none;
}
.ark-modal-confirm-body-fcSuccess > div textarea:focus,
.ark-modal-confirm-body-fcError > div textarea:focus,
.ark-modal-confirm-body-fcWarning > div textarea:focus,
.ark-modal-confirm-body-fcSuccess > div textarea:active,
.ark-modal-confirm-body-fcError > div textarea:active,
.ark-modal-confirm-body-fcWarning > div textarea:active,
.ark-modal-confirm-body-fcSuccess > div textarea:hover,
.ark-modal-confirm-body-fcError > div textarea:hover,
.ark-modal-confirm-body-fcWarning > div textarea:hover {
  outline: none;
  border: none;
}
.ark-modal-confirm-body-posMessage {
  padding: 10px;
  border-bottom: 1px solid #dcdee2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ark-modal-confirm-footer {
  padding-top: 20px;
  text-align: right;
}
.ark-modal-confirm-footer button + button {
  margin-left: 8px;
  margin-bottom: 0;
}
.ark-modal-confirm-footer-fcSuccess,
.ark-modal-confirm-footer-fcError,
.ark-modal-confirm-footer-fcWarning {
  padding-bottom: 10px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-right: 20px;
}
.ark-modal-confirm-footer-fcSuccess button,
.ark-modal-confirm-footer-fcError button,
.ark-modal-confirm-footer-fcWarning button {
  height: 24px;
  padding: 0 8px;
}
.ark-modal-confirm-footer-posMessage {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ark-modal-confirm-footer-posMessage button {
  border-radius: 4px;
  height: 34px;
  line-height: 1;
}
.ark-modal-confirm-footer-posMessage button > span {
  font-size: 16px;
}
.ark-select {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  vertical-align: middle;
  color: #575757;
  font-size: 12px;
}
.ark-select-selection {
  display: block;
  box-sizing: border-box;
  outline: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #dcdee2;
  transition: all 0.2s ease-in-out;
  height: 26px;
}
.ark-select-selection:hover,
.ark-select-selection-focused {
  border-color: #3fa5ed;
}
.ark-select-selection:hover .ark-select-arrow,
.ark-select-selection-focused .ark-select-arrow {
  display: inline-block;
}
.ark-select-selection > div > span {
  overflow: hidden;
  white-space: nowrap;
  line-height: 26px;
  padding-left: 4px;
}
.ark-select-selection-head {
  overflow: hidden;
}
.ark-select-arrow {
  position: absolute;
  top: 50%;
  right: 8px;
  line-height: 1;
  margin-top: -7px;
  font-size: 12px;
  color: #808695;
  transition: all 0.2s ease-in-out;
}
.ark-select-visible .ark-select-selection {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-select-visible .ark-select-arrow {
  transform: rotate(180deg);
  display: inline-block;
}
.ark-select-disabled .ark-select-selection {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #575757;
}
.ark-select-disabled .ark-select-selection:hover {
  border-color: #e0e0e0;
}
.ark-select-disabled .ark-select-selection .ark-select-arrow {
  display: none;
}
.ark-select-disabled .ark-select-selection:hover {
  border-color: #dcdee2;
  box-shadow: none;
}
.ark-select-disabled .ark-select-selection:hover .ark-select-arrow {
  display: inline-block;
}
.ark-select-single .ark-select-selection {
  height: 26px;
  position: relative;
}
.ark-select-single .ark-select-selection .ark-select-placeholder {
  color: #aaa;
}
.ark-select-single .ark-select-selection .ark-select-placeholder,
.ark-select-single .ark-select-selection .ark-select-selected-value {
  display: block;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 24px;
}
.ark-select-multiple .ark-select-selection {
  padding: 0 24px 0 4px;
  min-height: 26px;
}
.ark-select-multiple .ark-select-selection .ark-select-placeholder {
  display: block;
  height: 24px;
  line-height: 24px;
  color: #aaa;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 22px;
}
.ark-select-large.ark-select-single .ark-select-selection {
  height: 36px;
}
.ark-select-large.ark-select-single .ark-select-selection .ark-select-placeholder,
.ark-select-large.ark-select-single .ark-select-selection .ark-select-selected-value {
  height: 34px;
  line-height: 34px;
  font-size: 12px;
}
.ark-select-large.ark-select-multiple .ark-select-selection {
  min-height: 36px;
}
.ark-select-large.ark-select-multiple .ark-select-selection .ark-select-placeholder,
.ark-select-large.ark-select-multiple .ark-select-selection .ark-select-selected-value {
  min-height: 34px;
  line-height: 34px;
  font-size: 12px;
}
.ark-select-small.ark-select-single .ark-select-selection {
  height: 24px;
  border-radius: 3px;
}
.ark-select-small.ark-select-single .ark-select-selection .ark-select-placeholder,
.ark-select-small.ark-select-single .ark-select-selection .ark-select-selected-value {
  height: 22px;
  line-height: 22px;
}
.ark-select-small.ark-select-multiple .ark-select-selection {
  min-height: 24px;
  border-radius: 3px;
}
.ark-select-small.ark-select-multiple .ark-select-selection .ark-select-placeholder,
.ark-select-small.ark-select-multiple .ark-select-selection .ark-select-selected-value {
  height: auto;
  min-height: 22px;
  line-height: 22px;
}
.ark-select-input {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 24px 0 8px;
  font-size: 12px;
  outline: none;
  border: none;
  box-sizing: border-box;
  color: #575757;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.ark-select-input::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}
.ark-select-input:-ms-input-placeholder {
  color: #aaa;
}
.ark-select-input::-webkit-input-placeholder {
  color: #aaa;
}
.ark-select-input[disabled] {
  cursor: not-allowed;
  color: #ccc;
}
.ark-select-single .ark-select-input {
  width: 100%;
}
.ark-select-large .ark-select-input {
  font-size: 12px;
  height: 36px;
}
.ark-select-small .ark-select-input {
  height: 22px;
  line-height: 22px;
}
.ark-select-multiple .ark-select-input {
  height: 23px;
  line-height: 26px;
  padding: 0 0 0 4px;
}
.ark-select-not-found {
  text-align: center;
  color: #D8D8D8;
}
.ark-select-not-found li:not([class^=ark-]) {
  margin-bottom: 0;
}
.ark-select-loading {
  text-align: center;
  color: #D8D8D8;
}
.ark-select-multiple .ark-tag {
  height: 24px;
  line-height: 22px;
  margin: 3px 4px 3px 0;
}
.ark-select-large.ark-select-multiple .ark-tag {
  height: 28px;
  line-height: 26px;
  font-size: 12px;
}
.ark-select-large.ark-select-multiple .ark-tag i {
  top: 1px;
}
.ark-select-small.ark-select-multiple .ark-tag {
  height: 17px;
  line-height: 15px;
  font-size: 12px;
  padding: 0 6px;
  margin: 3px 4px 2px 0;
}
.ark-select-small.ark-select-multiple .ark-tag i {
  top: 1px;
}
.ark-select-dropdown-list {
  min-width: 100%;
  list-style: none;
}
.ark-select .ark-select-dropdown {
  width: auto;
}
.ark-select-item {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #575757;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.ark-select-item:hover {
  background: #f4f4f4;
}
.ark-select-item-focus {
  background: #f4f4f4;
}
.ark-select-item-disabled {
  color: #D8D8D8;
  cursor: not-allowed;
}
.ark-select-item-disabled:hover {
  color: #D8D8D8;
  background-color: #fff;
  cursor: not-allowed;
}
.ark-select-item-selected,
.ark-select-item-selected:hover {
  color: #1D74FF;
}
.ark-select-item-divided {
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
}
.ark-select-item-divided:before {
  content: '';
  height: 5px;
  display: block;
  margin: 0 -16px;
  background-color: #fff;
  position: relative;
  top: -7px;
}
.ark-select-large .ark-select-item {
  padding: 7px 16px 8px;
  font-size: 12px !important;
}
@-moz-document url-prefix() {
  .ark-select-item {
    white-space: normal;
  }
}
.ark-select-item-all-multipleType {
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
  height: 31px;
}
.ark-select-item-all-multipleType > span {
  text-align: center;
  vertical-align: middle;
  line-height: 31px;
}
.ark-select-item-all-multipleType > span:nth-child(odd) {
  flex: 1;
}
.ark-select-item-all-multipleType > span:nth-child(even) {
  width: 1px;
  display: inline-block;
  background: #dcdee2;
}
.ark-select-multiple .ark-select-item {
  position: relative;
}
.ark-select-multiple .ark-select-item-selected {
  color: rgba(29, 116, 255, 0.9);
  background: #fff;
}
.ark-select-multiple .ark-select-item-focus,
.ark-select-multiple .ark-select-item-selected:hover {
  background: #f4f4f4;
}
.ark-select-multiple .ark-select-item-selected.ark-select-multiple .ark-select-item-focus {
  color: rgba(26, 102, 225, 0.91);
  background: #fff;
}
.ark-select-group {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ark-select-group-title {
  padding-left: 8px;
  font-size: 12px;
  color: #999;
  height: 30px;
  line-height: 30px;
}
.ark-form-item-error .ark-select-selection {
  border: 1px solid #fd6442;
}
.ark-form-item-error .ark-select-arrow {
  color: #fd6442;
}
.ark-form-item-error .ark-select-visible .ark-select-selection {
  border-color: #fd6442;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(253, 100, 66, 0.2);
}
.ark-select-dropdown {
  width: inherit;
  max-height: 200px;
  overflow: auto;
  margin: 5px 0;
  padding: 5px 0;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 900;
}
.ark-select-dropdown-transfer {
  z-index: 1060;
  width: auto;
}
.ark-select-dropdown.ark-transfer-no-max-height {
  max-height: none;
}
.ark-modal .ark-select-dropdown {
  position: absolute !important;
}
.ark-split-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.ark-split-pane {
  position: absolute;
}
.ark-split-pane.left-pane,
.ark-split-pane.right-pane {
  top: 0;
  bottom: 0;
}
.ark-split-pane.left-pane {
  left: 0;
}
.ark-split-pane.right-pane {
  right: 0;
}
.ark-split-pane.top-pane,
.ark-split-pane.bottom-pane {
  left: 0;
  right: 0;
}
.ark-split-pane.top-pane {
  top: 0;
}
.ark-split-pane.bottom-pane {
  bottom: 0;
}
.ark-split-pane-moving {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ark-split-trigger {
  border: 1px solid #dcdee2;
}
.ark-split-trigger-con {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.ark-split-trigger-bar-con {
  position: absolute;
  overflow: hidden;
}
.ark-split-trigger-bar-con.vertical {
  left: 1px;
  top: 50%;
  height: 32px;
  transform: translate(0, -50%);
}
.ark-split-trigger-bar-con.horizontal {
  left: 50%;
  top: 1px;
  width: 32px;
  transform: translate(-50%, 0);
}
.ark-split-trigger-vertical {
  width: 6px;
  height: 100%;
  background: #f8f8f9;
  border-top: none;
  border-bottom: none;
  cursor: col-resize;
}
.ark-split-trigger-vertical .ark-split-trigger-bar {
  width: 4px;
  height: 1px;
  background: rgba(23, 35, 61, 0.25);
  float: left;
  margin-top: 3px;
}
.ark-split-trigger-horizontal {
  height: 6px;
  width: 100%;
  background: #f8f8f9;
  border-left: none;
  border-right: none;
  cursor: row-resize;
}
.ark-split-trigger-horizontal .ark-split-trigger-bar {
  height: 4px;
  width: 1px;
  background: rgba(23, 35, 61, 0.25);
  float: left;
  margin-right: 3px;
}
.ark-split-horizontal .ark-split-trigger-con {
  top: 50%;
  height: 100%;
  width: 0;
}
.ark-split-vertical .ark-split-trigger-con {
  left: 50%;
  height: 0;
  width: 100%;
}
.ark-split .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ark-tooltip {
  display: inline-block;
}
.ark-tooltip-rel {
  display: inline-block;
  position: relative;
  width: inherit;
}
.ark-tooltip-popper {
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  z-index: 1060;
}
.ark-tooltip-popper[x-placement^="top"] {
  padding: 5px 0 8px 0;
}
.ark-tooltip-popper[x-placement^="right"] {
  padding: 0 5px 0 8px;
}
.ark-tooltip-popper[x-placement^="bottom"] {
  padding: 8px 0 5px 0;
}
.ark-tooltip-popper[x-placement^="left"] {
  padding: 0 8px 0 5px;
}
.ark-tooltip-popper[x-placement^="top"] .ark-tooltip-arrow {
  bottom: 3px;
  border-width: 5px 5px 0;
  border-top-color: rgba(70, 76, 91, 0.9);
}
.ark-tooltip-popper[x-placement="top"] .ark-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.ark-tooltip-popper[x-placement="top-start"] .ark-tooltip-arrow {
  left: 16px;
}
.ark-tooltip-popper[x-placement="top-end"] .ark-tooltip-arrow {
  right: 16px;
}
.ark-tooltip-popper[x-placement^="right"] .ark-tooltip-arrow {
  left: 3px;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(70, 76, 91, 0.9);
}
.ark-tooltip-popper[x-placement="right"] .ark-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}
.ark-tooltip-popper[x-placement="right-start"] .ark-tooltip-arrow {
  top: 8px;
}
.ark-tooltip-popper[x-placement="right-end"] .ark-tooltip-arrow {
  bottom: 8px;
}
.ark-tooltip-popper[x-placement^="left"] .ark-tooltip-arrow {
  right: 3px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(70, 76, 91, 0.9);
}
.ark-tooltip-popper[x-placement="left"] .ark-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}
.ark-tooltip-popper[x-placement="left-start"] .ark-tooltip-arrow {
  top: 8px;
}
.ark-tooltip-popper[x-placement="left-end"] .ark-tooltip-arrow {
  bottom: 8px;
}
.ark-tooltip-popper[x-placement^="bottom"] .ark-tooltip-arrow {
  top: 3px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(70, 76, 91, 0.9);
}
.ark-tooltip-popper[x-placement="bottom"] .ark-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.ark-tooltip-popper[x-placement="bottom-start"] .ark-tooltip-arrow {
  left: 16px;
}
.ark-tooltip-popper[x-placement="bottom-end"] .ark-tooltip-arrow {
  right: 16px;
}
.ark-tooltip-light.ark-tooltip-popper {
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  z-index: 1060;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="top"] {
  padding: 7px 0 10px 0;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="right"] {
  padding: 0 7px 0 10px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="bottom"] {
  padding: 10px 0 7px 0;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="left"] {
  padding: 0 10px 0 7px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="top"] .ark-tooltip-arrow {
  bottom: 3px;
  border-width: 7px 7px 0;
  border-top-color: hsla(0, 0%, 85%, 0.5);
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="top"] .ark-tooltip-arrow {
  left: 50%;
  margin-left: -7px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="top-start"] .ark-tooltip-arrow {
  left: 16px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="top-end"] .ark-tooltip-arrow {
  right: 16px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="right"] .ark-tooltip-arrow {
  left: 3px;
  border-width: 7px 7px 7px 0;
  border-right-color: hsla(0, 0%, 85%, 0.5);
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="right"] .ark-tooltip-arrow {
  top: 50%;
  margin-top: -7px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="right-start"] .ark-tooltip-arrow {
  top: 8px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="right-end"] .ark-tooltip-arrow {
  bottom: 8px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="left"] .ark-tooltip-arrow {
  right: 3px;
  border-width: 7px 0 7px 7px;
  border-left-color: hsla(0, 0%, 85%, 0.5);
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="left"] .ark-tooltip-arrow {
  top: 50%;
  margin-top: -7px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="left-start"] .ark-tooltip-arrow {
  top: 8px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="left-end"] .ark-tooltip-arrow {
  bottom: 8px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="bottom"] .ark-tooltip-arrow {
  top: 3px;
  border-width: 0 7px 7px;
  border-bottom-color: hsla(0, 0%, 85%, 0.5);
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="bottom"] .ark-tooltip-arrow {
  left: 50%;
  margin-left: -7px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="bottom-start"] .ark-tooltip-arrow {
  left: 16px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement="bottom-end"] .ark-tooltip-arrow {
  right: 16px;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="top"] .ark-tooltip-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -7px;
  border-bottom-width: 0;
  border-top-width: 7px;
  border-top-color: #fff;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="right"] .ark-tooltip-arrow:after {
  content: " ";
  left: 1px;
  bottom: -7px;
  border-left-width: 0;
  border-right-width: 7px;
  border-right-color: #fff;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="bottom"] .ark-tooltip-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-width: 7px;
  border-bottom-color: #fff;
}
.ark-tooltip-light.ark-tooltip-popper[x-placement^="left"] .ark-tooltip-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-width: 7px;
  border-left-color: #fff;
  bottom: -7px;
}
.ark-tooltip-inner {
  max-width: 250px;
  min-height: 34px;
  padding: 8px 12px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: rgba(70, 76, 91, 0.9);
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.ark-tooltip-inner-with-width {
  white-space: pre-wrap;
  text-align: justify;
}
.ark-tooltip-light .ark-tooltip-inner {
  background-color: #fff;
  color: #575757;
}
.ark-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ark-tooltip-light .ark-tooltip-arrow {
  border-width: 8px;
}
.ark-tooltip-light .ark-tooltip-arrow:after {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-color: transparent;
  border-style: solid;
  content: "";
  border-width: 7px;
}
.ark-poptip {
  display: inline-block;
}
.ark-poptip-rel {
  display: inline-block;
  position: relative;
}
.ark-poptip-title {
  margin: 0;
  padding: 8px 16px;
  position: relative;
}
.ark-poptip-title:after {
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 0;
  background-color: #e8eaec;
}
.ark-poptip-title-inner {
  color: #666;
  font-size: 12px;
}
.ark-poptip-body {
  padding: 8px 16px;
}
.ark-poptip-body-content {
  overflow-x: auto;
  overflow-y: hidden;
}
.ark-poptip-body-content-word-wrap {
  white-space: pre-wrap;
  text-align: justify;
}
.ark-poptip-body-content-inner {
  color: #575757;
}
.ark-poptip-inner {
  width: 100%;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.ark-poptip-popper {
  min-width: 150px;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  z-index: 1060;
}
.ark-poptip-popper[x-placement^="top"] {
  padding: 7px 0 10px 0;
}
.ark-poptip-popper[x-placement^="right"] {
  padding: 0 7px 0 10px;
}
.ark-poptip-popper[x-placement^="bottom"] {
  padding: 10px 0 7px 0;
}
.ark-poptip-popper[x-placement^="left"] {
  padding: 0 10px 0 7px;
}
.ark-poptip-popper[x-placement^="top"] .ark-poptip-arrow {
  bottom: 3px;
  border-width: 7px 7px 0;
  border-top-color: hsla(0, 0%, 85%, 0.5);
}
.ark-poptip-popper[x-placement="top"] .ark-poptip-arrow {
  left: 50%;
  margin-left: -7px;
}
.ark-poptip-popper[x-placement="top-start"] .ark-poptip-arrow {
  left: 16px;
}
.ark-poptip-popper[x-placement="top-end"] .ark-poptip-arrow {
  right: 16px;
}
.ark-poptip-popper[x-placement^="right"] .ark-poptip-arrow {
  left: 3px;
  border-width: 7px 7px 7px 0;
  border-right-color: hsla(0, 0%, 85%, 0.5);
}
.ark-poptip-popper[x-placement="right"] .ark-poptip-arrow {
  top: 50%;
  margin-top: -7px;
}
.ark-poptip-popper[x-placement="right-start"] .ark-poptip-arrow {
  top: 8px;
}
.ark-poptip-popper[x-placement="right-end"] .ark-poptip-arrow {
  bottom: 8px;
}
.ark-poptip-popper[x-placement^="left"] .ark-poptip-arrow {
  right: 3px;
  border-width: 7px 0 7px 7px;
  border-left-color: hsla(0, 0%, 85%, 0.5);
}
.ark-poptip-popper[x-placement="left"] .ark-poptip-arrow {
  top: 50%;
  margin-top: -7px;
}
.ark-poptip-popper[x-placement="left-start"] .ark-poptip-arrow {
  top: 8px;
}
.ark-poptip-popper[x-placement="left-end"] .ark-poptip-arrow {
  bottom: 8px;
}
.ark-poptip-popper[x-placement^="bottom"] .ark-poptip-arrow {
  top: 3px;
  border-width: 0 7px 7px;
  border-bottom-color: hsla(0, 0%, 85%, 0.5);
}
.ark-poptip-popper[x-placement="bottom"] .ark-poptip-arrow {
  left: 50%;
  margin-left: -7px;
}
.ark-poptip-popper[x-placement="bottom-start"] .ark-poptip-arrow {
  left: 16px;
}
.ark-poptip-popper[x-placement="bottom-end"] .ark-poptip-arrow {
  right: 16px;
}
.ark-poptip-popper[x-placement^="top"] .ark-poptip-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -7px;
  border-bottom-width: 0;
  border-top-width: 7px;
  border-top-color: #fff;
}
.ark-poptip-popper[x-placement^="right"] .ark-poptip-arrow:after {
  content: " ";
  left: 1px;
  bottom: -7px;
  border-left-width: 0;
  border-right-width: 7px;
  border-right-color: #fff;
}
.ark-poptip-popper[x-placement^="bottom"] .ark-poptip-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-width: 7px;
  border-bottom-color: #fff;
}
.ark-poptip-popper[x-placement^="left"] .ark-poptip-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-width: 7px;
  border-left-color: #fff;
  bottom: -7px;
}
.ark-poptip-arrow,
.ark-poptip-arrow:after {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.ark-poptip-arrow {
  border-width: 8px;
}
.ark-poptip-arrow:after {
  content: "";
  border-width: 7px;
}
.ark-poptip-confirm .ark-poptip-popper {
  max-width: 300px;
}
.ark-poptip-confirm .ark-poptip-inner {
  white-space: normal;
}
.ark-poptip-confirm .ark-poptip-body {
  padding: 16px 16px 8px;
}
.ark-poptip-confirm .ark-poptip-body .ark-icon {
  font-size: 16px;
  color: #ff9900;
  line-height: 18px;
  position: absolute;
}
.ark-poptip-confirm .ark-poptip-body-message {
  padding-left: 20px;
}
.ark-poptip-confirm .ark-poptip-footer {
  text-align: right;
  padding: 8px 16px 16px;
}
.ark-poptip-confirm .ark-poptip-footer button {
  margin-left: 4px;
}
textarea {
  vertical-align: top;
  box-sizing: border-box;
  resize: none;
  overflow: auto;
}
textarea[resize] {
  resize: both;
}
textarea[resize="vertical"] {
  resize: vertical;
}
textarea[resize="horizontal"] {
  resize: both;
}
.ark-input {
  display: inline-block;
  width: 100%;
  height: 26px;
  line-height: 1;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  color: #575757;
  background-color: #fff;
  background-image: none;
  position: relative;
  cursor: text;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.ark-input::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}
.ark-input:-ms-input-placeholder {
  color: #aaa;
}
.ark-input::-webkit-input-placeholder {
  color: #aaa;
}
.ark-input:hover {
  border-color: #3fa5ed;
}
.ark-input:focus {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-input[disabled],
fieldset[disabled] .ark-input {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #575757;
}
.ark-input[disabled]:hover,
fieldset[disabled] .ark-input:hover {
  border-color: #e0e0e0;
}
textarea.ark-input {
  max-width: 100%;
  height: auto;
  min-height: 26px;
  vertical-align: bottom;
  font-size: 12px;
}
.ark-input-large {
  font-size: 12px;
  padding: 6px 10px;
  height: 36px;
}
.ark-input-small {
  padding: 1px 10px;
  height: 24px;
  border-radius: 3px;
}
.ark-input-wrapper {
  display: inline-block;
  width: 100%;
  position: relative;
  vertical-align: middle;
  line-height: normal;
}
.ark-input-innerWrap {
  position: absolute;
  right: 0;
  z-index: 3;
}
.ark-input-inner {
  z-index: 5!important;
}
.ark-input-limitWrap {
  line-height: 26px;
  color: #808695;
  margin-right: 5px;
}
.ark-input-limitTxt {
  background-color: #fff;
}
.ark-input-textarea-limit {
  position: relative;
}
.ark-input-textarea-limitWrap {
  position: absolute;
  right: 10px;
  bottom: 0;
}
.ark-input-textarea-innerWrap {
  position: absolute;
  right: 8px;
  bottom: 0;
}
.ark-input-icon {
  width: 32px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  text-align: center;
  color: #808695;
}
.ark-input-hide-icon .ark-input-icon {
  display: none;
}
.ark-input-icon-validate {
  display: none;
}
.ark-input-icon-clear {
  display: none;
}
.ark-input-wrapper:hover .ark-input-icon-clear {
  display: inline-block;
}
.ark-input-wrapper:hover .ark-input-limitWrap {
  display: none;
}
.ark-input-icon-normal + .ark-input {
  padding-right: 32px;
}
.ark-input-hide-icon .ark-input-icon-normal + .ark-input {
  padding-right: 10px;
}
.ark-input-wrapper-large .ark-input-icon {
  font-size: 18px;
  height: 36px;
  line-height: 36px;
}
.ark-input-wrapper-small .ark-input-icon {
  width: 24px;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
}
.ark-input-wrapper-large .ark-input-limitWrap {
  height: 36px;
  line-height: 36px;
}
.ark-input-wrapper-small .ark-input-limitWrap {
  height: 24px;
  line-height: 24px;
}
.ark-input-wrapper-large .ark-input-input {
  padding-right: 30px;
}
.ark-input-prefix,
.ark-input-suffix {
  width: 32px;
  height: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.ark-input-prefix i,
.ark-input-suffix i {
  font-size: 16px;
  line-height: 26px;
  color: #808695;
}
.ark-input-suffix {
  left: auto;
  right: 0;
}
.ark-input-wrapper-small .ark-input-prefix i,
.ark-input-wrapper-small .ark-input-suffix i {
  font-size: 14px;
  line-height: 24px;
}
.ark-input-wrapper-large .ark-input-prefix i,
.ark-input-wrapper-large .ark-input-suffix i {
  font-size: 18px;
  line-height: 36px;
}
.ark-input-with-prefix {
  padding-left: 32px!important;
}
.ark-input-with-suffix {
  padding-right: 32px;
}
.ark-input-disabledHidden {
  overflow: hidden;
}
.ark-input-search {
  cursor: pointer;
  padding: 0 16px !important;
  background: #1D74FF !important;
  color: #fff !important;
  border-color: #1D74FF !important;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
}
.ark-input-search i {
  font-size: 16px;
}
.ark-input-search:hover {
  background: #4a90ff !important;
  border-color: #4a90ff !important;
}
.ark-input-search:active {
  background: #1c6ef2 !important;
  border-color: #1c6ef2 !important;
}
.ark-input-search-icon {
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.ark-input-search-icon:hover {
  color: inherit;
}
.ark-input-search:before {
  content: '';
  display: block;
  width: 1px;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  background: inherit;
}
.ark-input-wrapper-small .ark-input-search {
  padding: 0 12px !important;
}
.ark-input-wrapper-small .ark-input-search i {
  font-size: 14px;
}
.ark-input-wrapper-large .ark-input-search {
  padding: 0 20px !important;
}
.ark-input-wrapper-large .ark-input-search i {
  font-size: 18px;
}
.ark-input-with-search:hover .ark-input {
  border-color: #4a90ff;
}
.ark-input-group {
  display: table;
  width: 100%;
  border-collapse: separate;
  position: relative;
  font-size: 12px;
  top: 1px;
}
.ark-input-group-large {
  font-size: 12px;
}
.ark-input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.ark-input-group > [class*="col-"] {
  padding-right: 8px;
}
.ark-input-group-prepend,
.ark-input-group-append,
.ark-input-group > .ark-input {
  display: table-cell;
}
.ark-input-group-with-prepend .ark-input,
.ark-input-group-with-prepend.ark-input-group-small .ark-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ark-input-group-with-append .ark-input,
.ark-input-group-with-append.ark-input-group-small .ark-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ark-input-group-prepend .ark-btn,
.ark-input-group-append .ark-btn {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  margin: -7px -10px;
}
.ark-input-group-prepend,
.ark-input-group-append {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ark-input-group .ark-input {
  width: 100%;
  float: left;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
.ark-input-group-prepend,
.ark-input-group-append {
  padding: 5px 10px;
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  color: #575757;
  text-align: center;
  background-color: #f8f8f9;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
}
.ark-input-group-prepend .ark-select,
.ark-input-group-append .ark-select {
  margin: -6px -10px;
}
.ark-input-group-prepend .ark-select-selection,
.ark-input-group-append .ark-select-selection {
  background-color: inherit;
  margin: -1px;
  border: 1px solid transparent;
}
.ark-input-group-prepend .ark-select-visible .ark-select-selection,
.ark-input-group-append .ark-select-visible .ark-select-selection {
  box-shadow: none;
}
.ark-input-group > span > .ark-input:first-child,
.ark-input-group > .ark-input:first-child,
.ark-input-group-prepend {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.ark-input-group > span > .ark-input:first-child .ark--select .ark--select-selection,
.ark-input-group > .ark-input:first-child .ark--select .ark--select-selection,
.ark-input-group-prepend .ark--select .ark--select-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ark-input-group-prepend {
  border-right: 0;
}
.ark-input-group-append {
  border-left: 0;
  height: 26px;
}
.ark-input-group > .ark-input:last-child,
.ark-input-group-append {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.ark-input-group > .ark-input:last-child .ark--select .ark--select-selection,
.ark-input-group-append .ark--select .ark--select-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ark-input-group-large .ark-input,
.ark-input-group-large > .ark-input-group-prepend,
.ark-input-group-large > .ark-input-group-append,
.ark-input-group-large .ark-input-group-append {
  font-size: 12px;
  padding: 6px 10px;
  height: 36px;
}
.ark-input-group-small .ark-input,
.ark-input-group-small > .ark-input-group-prepend,
.ark-input-group-small > .ark-input-group-append,
.ark-input-group-small .ark-input-group-append {
  padding: 1px 10px;
  height: 24px;
  border-radius: 3px;
}
.ark-form-item-error .ark-input {
  border: 1px solid #fd6442;
}
.ark-form-item-error .ark-input:hover {
  border-color: #fd6442;
}
.ark-form-item-error .ark-input:focus {
  border-color: #fd6442;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(253, 100, 66, 0.2);
}
.ark-form-item-error .ark-input-icon {
  color: #fd6442;
}
.ark-form-item-error .ark-input-group-prepend,
.ark-form-item-error .ark-input-group-append {
  background-color: #fff;
  border: 1px solid #fd6442;
}
.ark-form-item-error .ark-input-group-prepend .ark-select-selection,
.ark-form-item-error .ark-input-group-append .ark-select-selection {
  background-color: inherit;
  border: 1px solid transparent;
}
.ark-form-item-error .ark-input-group-prepend {
  border-right: 0;
}
.ark-form-item-error .ark-input-group-append {
  border-left: 0;
}
.ark-form-item-error .ark-transfer .ark-input {
  display: inline-block;
  width: 100%;
  height: 26px;
  line-height: 1;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  color: #575757;
  background-color: #fff;
  background-image: none;
  position: relative;
  cursor: text;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.ark-form-item-error .ark-transfer .ark-input::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}
.ark-form-item-error .ark-transfer .ark-input:-ms-input-placeholder {
  color: #aaa;
}
.ark-form-item-error .ark-transfer .ark-input::-webkit-input-placeholder {
  color: #aaa;
}
.ark-form-item-error .ark-transfer .ark-input:hover {
  border-color: #3fa5ed;
}
.ark-form-item-error .ark-transfer .ark-input:focus {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-form-item-error .ark-transfer .ark-input[disabled],
fieldset[disabled] .ark-form-item-error .ark-transfer .ark-input {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #575757;
}
.ark-form-item-error .ark-transfer .ark-input[disabled]:hover,
fieldset[disabled] .ark-form-item-error .ark-transfer .ark-input:hover {
  border-color: #e0e0e0;
}
textarea.ark-form-item-error .ark-transfer .ark-input {
  max-width: 100%;
  height: auto;
  min-height: 26px;
  vertical-align: bottom;
  font-size: 12px;
}
.ark-form-item-error .ark-transfer .ark-input-large {
  font-size: 12px;
  padding: 6px 10px;
  height: 36px;
}
.ark-form-item-error .ark-transfer .ark-input-small {
  padding: 1px 10px;
  height: 24px;
  border-radius: 3px;
}
.ark-form-item-error .ark-transfer .ark-input-icon {
  color: #808695;
}
.ark-form-item-validating .ark-input-icon-validate {
  display: inline-block;
}
.ark-form-item-validating .ark-input-icon + .ark-input {
  padding-right: 32px;
}
.ark-slider {
  line-height: normal;
}
.ark-slider-wrap {
  width: 100%;
  height: 4px;
  margin: 16px 0;
  background-color: #e8eaec;
  border-radius: 3px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
.ark-slider-button-wrap {
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: transparent;
  position: absolute;
  top: -4px;
  transform: translateX(-50%);
}
.ark-slider-button-wrap .ark-tooltip {
  display: block;
  user-select: none;
}
.ark-slider-button {
  width: 12px;
  height: 12px;
  border: 2px solid #4a90ff;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.2s linear;
  outline: 0;
}
.ark-slider-button:focus,
.ark-slider-button:hover,
.ark-slider-button-dragging {
  border-color: #1D74FF;
  transform: scale(1.5);
}
.ark-slider-button:hover {
  cursor: grab;
}
.ark-slider-button-dragging,
.ark-slider-button-dragging:hover {
  cursor: grabbing;
}
.ark-slider-bar {
  height: 4px;
  background: #4a90ff;
  border-radius: 3px;
  position: absolute;
}
.ark-slider-stop {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ccc;
  transform: translateX(-50%);
}
.ark-slider-disabled {
  cursor: not-allowed;
}
.ark-slider-disabled .ark-slider-wrap {
  background-color: #ccc;
  cursor: not-allowed;
}
.ark-slider-disabled .ark-slider-bar {
  background-color: #ccc;
}
.ark-slider-disabled .ark-slider-button {
  border-color: #ccc;
}
.ark-slider-disabled .ark-slider-button:hover,
.ark-slider-disabled .ark-slider-button-dragging {
  border-color: #ccc;
}
.ark-slider-disabled .ark-slider-button:hover {
  cursor: not-allowed;
}
.ark-slider-disabled .ark-slider-button-dragging,
.ark-slider-disabled .ark-slider-button-dragging:hover {
  cursor: not-allowed;
}
.ark-slider-input .ark-slider-wrap {
  width: auto;
  margin-right: 100px;
}
.ark-slider-input .ark-input-number {
  float: right;
  margin-top: -14px;
}
.selectDropDown {
  width: auto;
  padding: 0;
  white-space: nowrap;
  overflow: visible;
}
.ark-cascader {
  line-height: normal;
}
.ark-cascader-rel {
  display: inline-block;
  width: 100%;
  position: relative;
}
.ark-cascader .ark-input {
  display: block;
  cursor: pointer;
}
.ark-cascader-disabled .ark-input {
  cursor: not-allowed;
}
.ark-cascader-label {
  width: 100%;
  height: 100%;
  line-height: 32px;
  padding: 0 7px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 0;
}
.ark-cascader-size-large .ark-cascader-label {
  line-height: 36px;
  font-size: 12px;
}
.ark-cascader-size-small .ark-cascader-label {
  line-height: 26px;
}
.ark-cascader .ark-cascader-arrow:nth-of-type(1) {
  display: none;
  cursor: pointer;
}
.ark-cascader:hover .ark-cascader-arrow:nth-of-type(1) {
  display: inline-block;
}
.ark-cascader-show-clear:hover .ark-cascader-arrow:nth-of-type(2) {
  display: none;
}
.ark-cascader-arrow {
  position: absolute;
  top: 50%;
  right: 8px;
  line-height: 1;
  margin-top: -7px;
  font-size: 12px;
  color: #808695;
  transition: all 0.2s ease-in-out;
}
.ark-cascader-visible .ark-cascader-arrow:nth-of-type(2) {
  transform: rotate(180deg);
}
.ark-cascader .ark-select-dropdown {
  width: auto;
  padding: 0;
  white-space: nowrap;
  overflow: visible;
}
.ark-cascader .ark-cascader-menu-item {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #575757;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.ark-cascader .ark-cascader-menu-item:hover {
  background: #f4f4f4;
}
.ark-cascader .ark-cascader-menu-item-focus {
  background: #f4f4f4;
}
.ark-cascader .ark-cascader-menu-item-disabled {
  color: #D8D8D8;
  cursor: not-allowed;
}
.ark-cascader .ark-cascader-menu-item-disabled:hover {
  color: #D8D8D8;
  background-color: #fff;
  cursor: not-allowed;
}
.ark-cascader .ark-cascader-menu-item-selected,
.ark-cascader .ark-cascader-menu-item-selected:hover {
  color: #1D74FF;
}
.ark-cascader .ark-cascader-menu-item-divided {
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
}
.ark-cascader .ark-cascader-menu-item-divided:before {
  content: '';
  height: 5px;
  display: block;
  margin: 0 -16px;
  background-color: #fff;
  position: relative;
  top: -7px;
}
.ark-cascader .ark-cascader-large .ark-cascader-menu-item {
  padding: 7px 16px 8px;
  font-size: 12px !important;
}
@-moz-document url-prefix() {
  .ark-cascader .ark-cascader-menu-item {
    white-space: normal;
  }
}
.ark-cascader .ark-select-item span {
  color: #fd6442;
}
.ark-cascader-dropdown {
  padding: 5px 0;
}
.ark-cascader-dropdown .ark-select-dropdown-list {
  max-height: 190px;
  box-sizing: border-box;
  overflow: auto;
}
.ark-cascader-not-found-tip {
  padding: 5px 0;
  text-align: center;
  color: #D8D8D8;
}
.ark-cascader-not-found-tip li:not([class^=ark-]) {
  list-style: none;
  margin-bottom: 0;
}
.ark-cascader-not-found .ark-select-dropdown {
  width: inherit;
}
.ark-cascader-menu {
  display: inline-block;
  min-width: 100px;
  height: 180px;
  margin: 0;
  padding: 5px 0 !important;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #e8eaec;
  overflow: auto;
}
.ark-cascader-menu:last-child {
  border-right-color: transparent;
  margin-right: -1px;
}
.ark-cascader-menu .ark-cascader-menu-item {
  position: relative;
  padding-right: 24px;
  transition: all 0.2s ease-in-out;
}
.ark-cascader-menu .ark-cascader-menu-item i {
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
}
.ark-cascader-menu .ark-cascader-menu-item-active {
  background-color: #f4f4f4;
  color: #1D74FF;
}
.ark-cascader-transfer {
  z-index: 1060;
  width: auto;
  padding: 0;
  white-space: nowrap;
  overflow: visible;
}
.ark-cascader-transfer .ark-cascader-menu-item {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #575757;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.ark-cascader-transfer .ark-cascader-menu-item:hover {
  background: #f4f4f4;
}
.ark-cascader-transfer .ark-cascader-menu-item-focus {
  background: #f4f4f4;
}
.ark-cascader-transfer .ark-cascader-menu-item-disabled {
  color: #D8D8D8;
  cursor: not-allowed;
}
.ark-cascader-transfer .ark-cascader-menu-item-disabled:hover {
  color: #D8D8D8;
  background-color: #fff;
  cursor: not-allowed;
}
.ark-cascader-transfer .ark-cascader-menu-item-selected,
.ark-cascader-transfer .ark-cascader-menu-item-selected:hover {
  color: #1D74FF;
}
.ark-cascader-transfer .ark-cascader-menu-item-divided {
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
}
.ark-cascader-transfer .ark-cascader-menu-item-divided:before {
  content: '';
  height: 5px;
  display: block;
  margin: 0 -16px;
  background-color: #fff;
  position: relative;
  top: -7px;
}
.ark-cascader-transfer .ark-cascader-large .ark-cascader-menu-item {
  padding: 7px 16px 8px;
  font-size: 12px !important;
}
@-moz-document url-prefix() {
  .ark-cascader-transfer .ark-cascader-menu-item {
    white-space: normal;
  }
}
.ark-cascader-transfer .ark-select-item span {
  color: #fd6442;
}
.ark-cascader-transfer .ark-cascader-menu-item {
  padding-right: 24px;
  transition: all 0.2s ease-in-out;
}
.ark-cascader-transfer .ark-cascader-menu-item-active {
  background-color: #f4f4f4;
  color: #1D74FF;
}
.ark-form-item-error .ark-cascader-arrow {
  color: #fd6442;
}
.ark-transfer {
  position: relative;
  line-height: 1;
}
.ark-transfer-list {
  display: inline-block;
  width: 180px;
  height: 210px;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  padding-top: 35px;
}
.ark-transfer-list-with-footer {
  padding-bottom: 35px;
}
.ark-transfer-list-header {
  padding: 8px 16px;
  background: #f9fafc;
  color: #575757;
  border: 1px solid #dcdee2;
  border-bottom: 1px solid #e8eaec;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ark-transfer-list-header-title {
  cursor: pointer;
}
.ark-transfer-list-header > span {
  padding-left: 4px;
}
.ark-transfer-list-header-count {
  margin: 0 !important;
  float: right;
}
.ark-transfer-list-body {
  height: 100%;
  border: 1px solid #dcdee2;
  border-top: none;
  border-radius: 0 0 6px 6px;
  position: relative;
  overflow: hidden;
}
.ark-transfer-list-body-with-search {
  padding-top: 34px;
}
.ark-transfer-list-body-with-footer {
  border-radius: 0;
}
.ark-transfer-list-content {
  height: 100%;
  padding: 4px 0;
  overflow: auto;
}
.ark-transfer-list-content-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ark-transfer-list-content-item > span {
  padding-left: 4px;
}
.ark-transfer-list-content-not-found {
  display: none;
  text-align: center;
  color: #D8D8D8;
}
li.ark-transfer-list-content-not-found:only-child {
  display: block;
}
.ark-transfer-list-body-with-search .ark-transfer-list-content {
  padding: 6px 0 0;
}
.ark-transfer-list-body-search-wrapper {
  padding: 8px 8px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ark-transfer-list-search {
  position: relative;
}
.ark-transfer-list-footer {
  border: 1px solid #dcdee2;
  border-top: none;
  border-radius: 0 0 6px 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  zoom: 1;
}
.ark-transfer-list-footer:before,
.ark-transfer-list-footer:after {
  content: "";
  display: table;
}
.ark-transfer-list-footer:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ark-transfer-operation {
  display: inline-block;
  margin: 0 16px;
  vertical-align: middle;
}
.ark-transfer-operation .ark-btn {
  display: block;
  min-width: 24px;
}
.ark-transfer-operation .ark-btn:first-child {
  margin-bottom: 12px;
}
.ark-transfer-operation .ark-btn span i,
.ark-transfer-operation .ark-btn span span {
  vertical-align: middle;
}
.ark-transfer-list-content-item {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #575757;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.ark-transfer-list-content-item:hover {
  background: #f4f4f4;
}
.ark-transfer-list-content-item-focus {
  background: #f4f4f4;
}
.ark-transfer-list-content-item-disabled {
  color: #D8D8D8;
  cursor: not-allowed;
}
.ark-transfer-list-content-item-disabled:hover {
  color: #D8D8D8;
  background-color: #fff;
  cursor: not-allowed;
}
.ark-transfer-list-content-item-selected,
.ark-transfer-list-content-item-selected:hover {
  color: #1D74FF;
}
.ark-transfer-list-content-item-divided {
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
}
.ark-transfer-list-content-item-divided:before {
  content: '';
  height: 5px;
  display: block;
  margin: 0 -16px;
  background-color: #fff;
  position: relative;
  top: -7px;
}
.ark-transfer-large .ark-transfer-list-content-item {
  padding: 7px 16px 8px;
  font-size: 12px !important;
}
@-moz-document url-prefix() {
  .ark-transfer-list-content-item {
    white-space: normal;
  }
}
.ark-table {
  width: 100%;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
  color: #575757;
  font-size: 12px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
}
.ark-table-wrapper {
  position: relative;
  border: 1px solid #dcdee2;
  width: 100%;
  border-bottom: 0;
  border-right: 0;
}
.ark-table-hide {
  opacity: 0;
}
.ark-table:before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #dcdee2;
  z-index: 1;
}
.ark-table:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #dcdee2;
  z-index: 3;
}
.ark-table-title,
.ark-table-footer {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #e8eaec;
}
.ark-table-footer {
  border-bottom: none;
}
.ark-table-relative td {
  position: relative;
  z-index: 0;
}
.ark-table-header {
  overflow: hidden;
  border-right: 1px solid #dcdee2;
}
.ark-table-header table {
  width: auto!important;
  table-layout: fixed;
}
.ark-table-body {
  overflow-y: auto;
}
.ark-table-overflowX {
  overflow-x: scroll;
}
.ark-table-overflowY {
  overflow-y: scroll;
}
.ark-table-tip {
  overflow-x: auto;
  overflow-y: hidden;
}
.ark-table-tip tbody {
  display: table;
}
.ark-table-with-fixed-top.ark-table-with-footer tbody tr:last-child td {
  border-bottom: none;
}
.ark-table th,
.ark-table td {
  min-width: 0;
  height: 28px;
  box-sizing: border-box;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-bottom: 1px solid #e8eaec;
}
.ark-table th {
  height: 28px;
  white-space: nowrap;
  word-break: keep-all;
  /* 不换行 */
  overflow: hidden;
  background-color: #f5f6fa;
}
.ark-table td {
  background-color: #fff;
  transition: background-color 0.2s ease-in-out;
}
th.ark-table-column-left,
td.ark-table-column-left {
  text-align: left;
}
th.ark-table-column-center,
td.ark-table-column-center {
  text-align: center;
}
th.ark-table-column-right,
td.ark-table-column-right {
  text-align: right;
}
.ark-table table {
  width: 100%;
}
.ark-table-tfoot tr:first-child td {
  border-top: 1px solid #e8eaec;
}
.ark-table-border th,
.ark-table-border td {
  border-right: 1px solid #e8eaec;
}
.ark-table-cell {
  padding-left: 8px;
  padding-right: 8px;
  line-height: 1.4;
  word-break: break-all;
  box-sizing: border-box;
}
.ark-table-cell span {
  line-height: 1;
}
.ark-table-cell-ellipsis {
  white-space: nowrap;
  word-break: keep-all;
  overflow: visible;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ark-table-cell-tooltip {
  width: 100%;
}
.ark-table-cell-tooltip-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ark-table-cell-with-expand {
  height: 47px;
  line-height: 47px;
  padding: 0;
  text-align: center;
}
.ark-table-cell-expand {
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.ark-table-cell-expand i {
  font-size: 12px;
}
.ark-table-cell-expand-expanded {
  transform: rotate(90deg);
}
.ark-table-cell-sort {
  cursor: pointer;
  user-select: none;
}
.ark-table-cell-with-selection .ark-checkbox-wrapper {
  margin-right: 0;
}
.ark-table-actived {
  color: #1D74FF;
}
.ark-table-hidden {
  visibility: hidden;
}
th .ark-table-cell {
  display: block;
  white-space: nowrap;
  vertical-align: middle;
}
td.ark-table-expanded-cell {
  padding: 20px 50px;
  background: #f5f6fa;
}
.ark-table-stripe .ark-table-body tr:nth-child(2n) td,
.ark-table-stripe .ark-table-fixed-body tr:nth-child(2n) td {
  background-color: #f8f8f9;
}
.ark-table-stripe .ark-table-body tr.ark-table-row-hover td,
.ark-table-stripe .ark-table-fixed-body tr.ark-table-row-hover td {
  background-color: #B7E5F3;
}
tr.ark-table-row-hover td {
  background-color: #B7E5F3;
}
.ark-table-large {
  font-size: 12px;
}
.ark-table-large th {
  height: 48px;
}
.ark-table-large td {
  height: 60px;
}
.ark-table-large-title,
.ark-table-large-footer {
  height: 60px;
  line-height: 60px;
}
.ark-table-large .ark-table-cell-with-expand {
  height: 59px;
  line-height: 59px;
}
.ark-table-large .ark-table-cell-with-expand i {
  font-size: 14px;
}
.ark-table-small th {
  height: 32px;
}
.ark-table-small td {
  height: 40px;
}
.ark-table-small-title,
.ark-table-small-footer {
  height: 40px;
  line-height: 40px;
}
.ark-table-small .ark-table-cell-with-expand {
  height: 39px;
  line-height: 39px;
}
.ark-table-row-highlight td,
tr.ark-table-row-highlight.ark-table-row-hover td,
.ark-table-stripe .ark-table-body tr.ark-table-row-highlight:nth-child(2n) td,
.ark-table-stripe .ark-table-fixed-body tr.ark-table-row-highlight:nth-child(2n) td {
  background-color: #B7E5F3;
}
.ark-table-row-highlight td,
tr.ark-table-row-highlight td,
.ark-table-stripe .ark-table-body tr.ark-table-row-highlight:nth-child(2n) td,
.ark-table-stripe .ark-table-fixed-body tr.ark-table-row-highlight:nth-child(2n) td {
  color: #515a6e;
}
.ark-table-fixed,
.ark-table-fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 0 0 0 #e8eaec;
  z-index: 3;
  background-color: #fff;
}
.ark-table-fixed::before,
.ark-table-fixed-right::before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4;
}
.ark-table-fixed tfoot,
.ark-table-fixed-right tfoot {
  display: table;
  background: #fff;
  width: 100%;
}
.ark-table-fixed tfoot tr,
.ark-table-fixed-right tfoot tr {
  height: 26px;
}
.ark-table-fixed tfoot td.ark-table-hidden,
.ark-table-fixed-right tfoot td.ark-table-hidden {
  visibility: visible;
  border-bottom: 1px solid #e8eaec;
}
.ark-table-fixed tfoot td.ark-table-hidden div,
.ark-table-fixed-right tfoot td.ark-table-hidden div {
  visibility: hidden;
}
.ark-table-fixed-right {
  top: 0;
  left: auto;
  right: 0;
  box-shadow: -1px 0 0 0 #e8eaec;
}
.ark-table-fixed-right .ark-table-fixed-bar {
  position: absolute;
  top: 0px;
  background-color: #f5f6fa;
  border-right: 1px solid #dcdee2;
  border-bottom: 1px solid #e8eaec;
}
.ark-table-fixed-right-header {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #f5f6fa;
  border-top: 1px solid #dcdee2;
  border-bottom: 1px solid #e8eaec;
}
.ark-table-fixed-header {
  overflow: hidden;
}
.ark-table-fixed-header-with-empty .ark-table-hidden .ark-table-sort {
  display: none;
}
.ark-table-fixed-header-with-empty .ark-table-hidden .ark-table-cell span {
  display: none;
}
.ark-table-fixed-header thead {
  display: table;
}
.ark-table-fixed-body {
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.ark-table-fixed-body tbody {
  display: table;
}
.ark-table-fixed-shadow {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 1px 0 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 1;
}
.ark-table-sort {
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-top: -1px;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.ark-table-sort i {
  display: block;
  height: 6px;
  line-height: 6px;
  overflow: hidden;
  position: absolute;
  color: #D8D8D8;
  transition: color 0.2s ease-in-out;
  font-size: 16px;
}
.ark-table-sort i:hover {
  color: inherit;
}
.ark-table-sort i.on {
  color: #1D74FF;
}
.ark-table-sort i:first-child {
  top: 0;
}
.ark-table-sort i:last-child {
  bottom: 0;
}
.ark-table-filter {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.ark-table-filter i {
  color: #D8D8D8;
  transition: color 0.2s ease-in-out;
}
.ark-table-filter i:hover {
  color: inherit;
}
.ark-table-filter i.on {
  color: #666;
}
.ark-table-filter-list {
  padding: 8px 0 0;
}
.ark-table-filter-list-item {
  padding: 0 12px 8px;
}
.ark-table-filter-list-item .ark-checkbox-wrapper + .ark-checkbox-wrapper {
  margin: 0;
}
.ark-table-filter-list-item label {
  display: block;
}
.ark-table-filter-list-item label > span {
  margin-right: 4px;
}
.ark-table-filter-list ul {
  padding-bottom: 8px;
}
.ark-table-filter-list .ark-table-filter-select-item {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #575757;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.ark-table-filter-list .ark-table-filter-select-item:hover {
  background: #f4f4f4;
}
.ark-table-filter-list .ark-table-filter-select-item-focus {
  background: #f4f4f4;
}
.ark-table-filter-list .ark-table-filter-select-item-disabled {
  color: #D8D8D8;
  cursor: not-allowed;
}
.ark-table-filter-list .ark-table-filter-select-item-disabled:hover {
  color: #D8D8D8;
  background-color: #fff;
  cursor: not-allowed;
}
.ark-table-filter-list .ark-table-filter-select-item-selected,
.ark-table-filter-list .ark-table-filter-select-item-selected:hover {
  color: #1D74FF;
}
.ark-table-filter-list .ark-table-filter-select-item-divided {
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
}
.ark-table-filter-list .ark-table-filter-select-item-divided:before {
  content: '';
  height: 5px;
  display: block;
  margin: 0 -16px;
  background-color: #fff;
  position: relative;
  top: -7px;
}
.ark-table-filter-list .ark-table-large .ark-table-filter-select-item {
  padding: 7px 16px 8px;
  font-size: 12px !important;
}
@-moz-document url-prefix() {
  .ark-table-filter-list .ark-table-filter-select-item {
    white-space: normal;
  }
}
.ark-table-filter-footer {
  padding: 4px;
  border-top: 1px solid #e8eaec;
  overflow: hidden;
}
.ark-table-filter-footer button:first-child {
  float: left;
}
.ark-table-filter-footer button:last-child {
  float: right;
}
.ark-table-tip table {
  width: 100%;
}
.ark-table-tip table td {
  text-align: center;
}
.ark-table-expanded-hidden {
  visibility: hidden;
}
.ark-table-popper {
  min-width: 0;
  text-align: left;
}
.ark-table-popper .ark-poptip-body {
  padding: 0;
}
.tbody-ellipsis .ark-table-cell {
  padding-left: 8px;
  padding-right: 8px;
  overflow: visible;
  line-height: 1;
  white-space: normal;
  word-break: break-all;
  box-sizing: border-box;
}
.ark-dropdown {
  display: inline-block;
}
.ark-dropdown .ark-select-dropdown {
  overflow: visible;
  max-height: none;
}
.ark-dropdown .ark-dropdown {
  width: 100%;
}
.ark-dropdown-rel {
  position: relative;
}
.ark-dropdown-rel-user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ark-dropdown-menu {
  min-width: 100px;
}
.ark-dropdown-transfer {
  width: auto;
}
.ark-dropdown-item-selected,
.ark-dropdown-item.ark-dropdown-item-selected:hover {
  background: #e8f5ff;
}
.ark-dropdown-item {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #575757;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.ark-dropdown-item:hover {
  background: #f4f4f4;
}
.ark-dropdown-item-focus {
  background: #f4f4f4;
}
.ark-dropdown-item-disabled {
  color: #D8D8D8;
  cursor: not-allowed;
}
.ark-dropdown-item-disabled:hover {
  color: #D8D8D8;
  background-color: #fff;
  cursor: not-allowed;
}
.ark-dropdown-item-selected,
.ark-dropdown-item-selected:hover {
  color: #1D74FF;
}
.ark-dropdown-item-divided {
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
}
.ark-dropdown-item-divided:before {
  content: '';
  height: 5px;
  display: block;
  margin: 0 -16px;
  background-color: #fff;
  position: relative;
  top: -7px;
}
.ark-dropdown-large .ark-dropdown-item {
  padding: 7px 16px 8px;
  font-size: 12px !important;
}
@-moz-document url-prefix() {
  .ark-dropdown-item {
    white-space: normal;
  }
}
.ark-tabs {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  color: #575757;
  zoom: 1;
}
.ark-tabs:before,
.ark-tabs:after {
  content: "";
  display: table;
}
.ark-tabs:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ark-tabs-bar {
  outline: none;
}
.ark-tabs-ink-bar {
  height: 2px;
  box-sizing: border-box;
  background-color: #1D74FF;
  position: absolute;
  left: 0;
  bottom: 1px;
  z-index: 1;
  transition: transform 0.3s ease-in-out;
  transform-origin: 0 0;
}
.ark-tabs-bar {
  border-bottom: 1px solid #dcdee2;
  margin-bottom: 16px;
}
.ark-tabs-nav-container {
  margin-bottom: -1px;
  line-height: 1;
  font-size: 12px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  zoom: 1;
}
.ark-tabs-nav-container:before,
.ark-tabs-nav-container:after {
  content: "";
  display: table;
}
.ark-tabs-nav-container:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ark-tabs-nav-container:focus {
  outline: none;
}
.ark-tabs-nav-container-scrolling {
  padding-left: 32px;
  padding-right: 32px;
}
.ark-tabs-nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
}
.ark-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ark-tabs-nav-right {
  float: right;
  margin-left: 5px;
}
.ark-tabs-nav-prev {
  position: absolute;
  line-height: 30px;
  cursor: pointer;
  left: 0;
  border-right: 1px solid #dcdee2;
}
.ark-tabs-nav-next {
  position: absolute;
  line-height: 30px;
  cursor: pointer;
  right: 0;
  border-left: 1px solid #dcdee2;
}
.ark-tabs-nav-scrollable {
  padding: 0 15px;
  border: 1px solid #dcdee2;
  height: 32px;
}
.ark-tabs-nav-scroll-disabled {
  display: none;
}
.ark-tabs-nav {
  padding-left: 0;
  margin: 0;
  float: left;
  list-style: none;
  box-sizing: border-box;
  position: relative;
  transition: transform 0.5s ease-in-out;
}
.ark-tabs-nav:before,
.ark-tabs-nav:after {
  display: table;
  content: " ";
}
.ark-tabs-nav:after {
  clear: both;
}
.ark-tabs-nav .ark-tabs-tab {
  display: inline-block;
  height: 100%;
  padding: 8px 16px;
  margin-right: 16px;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease-in-out;
}
.ark-tabs-nav .ark-tabs-tab:hover {
  color: #57a3f3;
}
.ark-tabs-nav .ark-tabs-tab:active {
  color: #2b85e4;
}
.ark-tabs-nav .ark-tabs-tab .ark-icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.ark-tabs-nav .ark-tabs-tab-disabled {
  cursor: not-allowed;
  color: #ccc;
}
.ark-tabs-nav .ark-tabs-tab-active {
  color: #1D74FF;
}
.ark-tabs-mini .ark-tabs-nav-container {
  font-size: 12px;
}
.ark-tabs-mini .ark-tabs-tab {
  margin-right: 0;
  padding: 8px 16px;
  font-size: 12px;
}
.ark-tabs .ark-tabs-content-animated {
  display: flex;
  flex-direction: row;
  will-change: transform;
  transition: transform 0.3s ease-in-out;
}
.ark-tabs .ark-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  transition: opacity 0.3s;
  opacity: 1;
  outline: none;
}
.ark-tabs .ark-tabs-tabpane-inactive {
  opacity: 0;
  height: 0;
}
.ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-nav-container {
  height: 32px;
}
.ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-ink-bar {
  visibility: hidden;
}
.ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab {
  margin: 0;
  width: 122px;
  height: 30px;
  padding: 4px 0;
  border: 1px solid #dcdee2;
  border-bottom: 0;
  border-right: 0;
  text-align: center;
  position: relative;
  border-top: none;
}
.ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab:last-child {
  border-right: 1px solid #dcdee2;
}
.ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab-active {
  height: 32px;
  padding-bottom: 5px;
  background: #fff;
  transform: translateZ(0);
  border-color: #dcdee2;
  border-top: 3px solid #1D74FF;
  color: #575757;
  padding-top: 1px;
}
.ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-nav-wrap {
  margin-bottom: 0;
}
.ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab .ark-icon-ios-close {
  width: 22px;
  height: 22px;
  font-size: 22px;
  margin-right: 0;
  color: #999;
  text-align: right;
  vertical-align: middle;
  overflow: hidden;
  position: absolute;
  right: 4px;
}
.ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab .ark-icon-ios-close:hover {
  color: #444;
}
.ark-tabs-no-animation > .ark-tabs-content {
  transform: none!important;
}
.ark-tabs-no-animation > .ark-tabs-content > .ark-tabs-tabpane-inactive {
  display: none;
}
.ark-menu {
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  list-style: none;
  color: #575757;
  font-size: 12px;
  position: relative;
  z-index: 900;
}
.ark-menu-horizontal {
  height: 60px;
  line-height: 60px;
}
.ark-menu-horizontal.ark-menu-light:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #dcdee2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ark-menu-vertical.ark-menu-light:after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #dcdee2;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.ark-menu-light {
  background: #fff;
}
.ark-menu-dark {
  background: #515a6e;
}
.ark-menu-primary {
  background: #1D74FF;
}
.ark-menu-item {
  display: block;
  outline: none;
  list-style: none;
  font-size: 12px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
a.ark-menu-item {
  color: inherit;
}
a.ark-menu-item:hover,
a.ark-menu-item:active {
  color: inherit;
}
.ark-menu-item > i {
  margin-right: 6px;
}
.ark-menu-submenu-title > i,
.ark-menu-submenu-title span > i {
  margin-right: 8px;
}
.ark-menu-horizontal .ark-menu-item,
.ark-menu-horizontal .ark-menu-submenu {
  float: left;
  padding: 0 20px;
  position: relative;
  cursor: pointer;
  z-index: 3;
  transition: all 0.2s ease-in-out;
}
.ark-menu-light.ark-menu-horizontal .ark-menu-item,
.ark-menu-light.ark-menu-horizontal .ark-menu-submenu {
  height: inherit;
  line-height: inherit;
  border-bottom: 2px solid transparent;
  color: #575757;
}
.ark-menu-light.ark-menu-horizontal .ark-menu-item-active,
.ark-menu-light.ark-menu-horizontal .ark-menu-submenu-active,
.ark-menu-light.ark-menu-horizontal .ark-menu-item:hover,
.ark-menu-light.ark-menu-horizontal .ark-menu-submenu:hover {
  color: #1D74FF;
  border-bottom: 2px solid #1D74FF;
}
.ark-menu-dark.ark-menu-horizontal .ark-menu-item,
.ark-menu-dark.ark-menu-horizontal .ark-menu-submenu {
  color: rgba(255, 255, 255, 0.7);
}
.ark-menu-dark.ark-menu-horizontal .ark-menu-item-active,
.ark-menu-dark.ark-menu-horizontal .ark-menu-submenu-active,
.ark-menu-dark.ark-menu-horizontal .ark-menu-item:hover,
.ark-menu-dark.ark-menu-horizontal .ark-menu-submenu:hover {
  color: #fff;
}
.ark-menu-primary.ark-menu-horizontal .ark-menu-item,
.ark-menu-primary.ark-menu-horizontal .ark-menu-submenu {
  color: #fff;
}
.ark-menu-primary.ark-menu-horizontal .ark-menu-item-active,
.ark-menu-primary.ark-menu-horizontal .ark-menu-submenu-active,
.ark-menu-primary.ark-menu-horizontal .ark-menu-item:hover,
.ark-menu-primary.ark-menu-horizontal .ark-menu-submenu:hover {
  background: #2b85e4;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown {
  min-width: 100%;
  width: auto;
  max-height: none;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item {
  height: auto;
  line-height: normal;
  border-bottom: 0;
  float: none;
}
.ark-menu-item-group {
  line-height: normal;
}
.ark-menu-item-group-title {
  height: 30px;
  line-height: 30px;
  padding-left: 8px;
  font-size: 12px;
  color: #999;
}
.ark-menu-item-group > ul {
  padding: 0 !important;
  list-style: none !important;
}
.ark-menu-vertical .ark-menu-item,
.ark-menu-vertical .ark-menu-submenu-title {
  padding: 14px 24px;
  position: relative;
  cursor: pointer;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
.ark-menu-vertical .ark-menu-item:hover,
.ark-menu-vertical .ark-menu-submenu-title:hover {
  color: #1D74FF;
}
.ark-menu-vertical .ark-menu-submenu-title-icon {
  float: right;
  position: relative;
  top: 4px;
}
.ark-menu-submenu-title-icon {
  transition: transform 0.2s ease-in-out;
}
.ark-menu-opened > * > .ark-menu-submenu-title-icon {
  transform: rotate(180deg);
}
.ark-menu-vertical .ark-menu-submenu-nested {
  padding-left: 20px;
}
.ark-menu-vertical .ark-menu-submenu .ark-menu-item {
  padding-left: 43px;
}
.ark-menu-vertical .ark-menu-item-group-title {
  height: 48px;
  line-height: 48px;
  font-size: 12px;
  padding-left: 28px;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-item-group-title {
  color: rgba(255, 255, 255, 0.36);
}
.ark-menu-light.ark-menu-vertical .ark-menu-item-active:not(.ark-menu-submenu) {
  color: #1D74FF;
  background: #e8f5ff;
  z-index: 2;
}
.ark-menu-light.ark-menu-vertical .ark-menu-item-active:not(.ark-menu-submenu):after {
  content: '';
  display: block;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1D74FF;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-item,
.ark-menu-dark.ark-menu-vertical .ark-menu-submenu-title {
  color: rgba(255, 255, 255, 0.7);
}
.ark-menu-dark.ark-menu-vertical .ark-menu-item-active:not(.ark-menu-submenu),
.ark-menu-dark.ark-menu-vertical .ark-menu-submenu-title-active:not(.ark-menu-submenu),
.ark-menu-dark.ark-menu-vertical .ark-menu-item-active:not(.ark-menu-submenu):hover,
.ark-menu-dark.ark-menu-vertical .ark-menu-submenu-title-active:not(.ark-menu-submenu):hover {
  background: #363e4f;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-item:hover,
.ark-menu-dark.ark-menu-vertical .ark-menu-submenu-title:hover {
  color: #fff;
  background: #515a6e;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-item-active:not(.ark-menu-submenu),
.ark-menu-dark.ark-menu-vertical .ark-menu-submenu-title-active:not(.ark-menu-submenu) {
  color: #1D74FF;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-submenu .ark-menu-item:hover {
  color: #1D74FF;
  background: transparent !important;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-submenu .ark-menu-item-active,
.ark-menu-dark.ark-menu-vertical .ark-menu-submenu .ark-menu-item-active:hover {
  border-right: none;
  color: #1D74FF;
  background: #363e4f;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-child-item-active > .ark-menu-submenu-title {
  color: #fff;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-opened {
  background: #363e4f;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-opened .ark-menu-submenu-title {
  background: #515a6e;
}
.ark-menu-dark.ark-menu-vertical .ark-menu-opened .ark-menu-submenu-has-parent-submenu .ark-menu-submenu-title {
  background: transparent;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #575757;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item:hover {
  background: #f4f4f4;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item-focus {
  background: #f4f4f4;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item-disabled {
  color: #D8D8D8;
  cursor: not-allowed;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item-disabled:hover {
  color: #D8D8D8;
  background-color: #fff;
  cursor: not-allowed;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item-selected,
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item-selected:hover {
  color: #1D74FF;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item-divided {
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item-divided:before {
  content: '';
  height: 5px;
  display: block;
  margin: 0 -16px;
  background-color: #fff;
  position: relative;
  top: -7px;
}
.ark-menu-large .ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item {
  padding: 7px 16px 8px;
  font-size: 12px !important;
}
@-moz-document url-prefix() {
  .ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item {
    white-space: normal;
  }
}
.ark-menu-horizontal .ark-menu-submenu .ark-select-dropdown .ark-menu-item {
  padding: 7px 16px 8px;
  font-size: 12px !important;
}
.ark-date-picker {
  display: inline-block;
  line-height: normal;
}
.ark-date-picker-rel {
  position: relative;
}
.ark-date-picker-editor .ark-input {
  padding-right: 30px;
}
.ark-date-picker .ark-select-dropdown {
  width: auto;
  padding: 0;
  overflow: visible;
  max-height: none;
}
.ark-date-picker-cells {
  width: 196px;
  margin: 10px;
  white-space: normal;
}
.ark-date-picker-cells span {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.ark-date-picker-cells span em {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 2px;
  font-style: normal;
  border-radius: 3px;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
.ark-date-picker-cells-header span {
  line-height: 24px;
  text-align: center;
  margin: 2px;
  color: #D8D8D8;
}
.ark-date-picker-cells-cell:hover em {
  background: #e1f0fe;
}
.ark-date-picker-cells-focused em {
  box-shadow: 0 0 0 1px #1D74FF inset;
}
span.ark-date-picker-cells-cell {
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.ark-date-picker-cells-cell-prev-month em,
.ark-date-picker-cells-cell-next-month em {
  color: #D8D8D8;
}
.ark-date-picker-cells-cell-prev-month:hover em,
.ark-date-picker-cells-cell-next-month:hover em {
  background: transparent;
}
span.ark-date-picker-cells-cell-week-label,
span.ark-date-picker-cells-cell-week-label:hover,
span.ark-date-picker-cells-cell-disabled,
span.ark-date-picker-cells-cell-disabled:hover {
  cursor: not-allowed;
  color: #D8D8D8;
}
span.ark-date-picker-cells-cell-week-label em,
span.ark-date-picker-cells-cell-week-label:hover em,
span.ark-date-picker-cells-cell-disabled em,
span.ark-date-picker-cells-cell-disabled:hover em {
  color: inherit;
  background: inherit;
}
span.ark-date-picker-cells-cell-disabled,
span.ark-date-picker-cells-cell-disabled:hover {
  background: #F4F4F4;
}
.ark-date-picker-cells-cell-today em {
  position: relative;
}
.ark-date-picker-cells-cell-today em:after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1D74FF;
  position: absolute;
  top: 1px;
  right: 1px;
}
.ark-date-picker-cells-cell-range {
  position: relative;
}
.ark-date-picker-cells-cell-range em {
  position: relative;
  z-index: 1;
}
.ark-date-picker-cells-cell-range:before {
  content: '';
  display: block;
  background: #e1f0fe;
  border-radius: 0;
  border: 0;
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  right: 0;
}
.ark-date-picker-cells-cell-selected em,
.ark-date-picker-cells-cell-selected:hover em {
  background: #1D74FF;
  color: #fff;
}
span.ark-date-picker-cells-cell-disabled.ark-date-picker-cells-cell-selected em {
  background: #D8D8D8;
  color: #F4F4F4;
}
.ark-date-picker-cells-cell-today.ark-date-picker-cells-cell-selected em:after {
  background: #fff;
}
.ark-date-picker-cells-show-week-numbers {
  width: 226px;
}
.ark-date-picker-cells-year,
.ark-date-picker-cells-month {
  margin-top: 14px;
}
.ark-date-picker-cells-year span,
.ark-date-picker-cells-month span {
  width: 40px;
  height: 28px;
  line-height: 28px;
  margin: 10px 12px;
  border-radius: 3px;
}
.ark-date-picker-cells-year span em,
.ark-date-picker-cells-month span em {
  width: 40px;
  height: 28px;
  line-height: 28px;
  margin: 0;
}
.ark-date-picker-cells-year .ark-date-picker-cells-cell-focused,
.ark-date-picker-cells-month .ark-date-picker-cells-cell-focused {
  background-color: #d2e3ff;
}
.ark-date-picker-header {
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-bottom: 1px solid #e8eaec;
}
.ark-date-picker-header-label {
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.ark-date-picker-header-label:hover {
  color: #1D74FF;
}
.ark-date-picker-btn-pulse {
  background-color: #d2e3ff !important;
  border-radius: 4px;
  transition: background-color 0.2s ease-in-out;
}
.ark-date-picker-prev-btn {
  float: left;
}
.ark-date-picker-prev-btn-arrow-double {
  margin-left: 10px;
}
.ark-date-picker-prev-btn-arrow-double i:after {
  content: "\EA22";
  margin-left: -8px;
}
.ark-date-picker-next-btn {
  float: right;
}
.ark-date-picker-next-btn-arrow-double {
  margin-right: 10px;
}
.ark-date-picker-next-btn-arrow-double i:after {
  content: "\EA18";
  margin-left: -8px;
}
.ark-date-picker-with-range .ark-picker-panel-body {
  min-width: 432px;
}
.ark-date-picker-with-range .ark-picker-panel-content {
  float: left;
}
.ark-date-picker-with-range .ark-picker-cells-show-week-numbers {
  min-width: 492px;
}
.ark-date-picker-with-week-numbers .ark-picker-panel-body-date {
  min-width: 492px;
}
.ark-date-picker-transfer {
  z-index: 1060;
  max-height: none;
  width: auto;
}
.ark-date-picker-focused input {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-picker-panel-icon-btn {
  display: inline-block;
  width: 20px;
  height: 24px;
  line-height: 26px;
  margin-top: 4px;
  text-align: center;
  cursor: pointer;
  color: #D8D8D8;
  transition: color 0.2s ease-in-out;
}
.ark-picker-panel-icon-btn:hover {
  color: #1D74FF;
}
.ark-picker-panel-icon-btn i {
  font-size: 14px;
}
.ark-picker-panel-body-wrapper.ark-picker-panel-with-sidebar {
  padding-left: 92px;
}
.ark-picker-panel-sidebar {
  width: 92px;
  float: left;
  margin-left: -92px;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #f5f6fa;
  border-right: 1px solid #e8eaec;
  border-radius: 4px 0 0 4px;
  overflow: auto;
}
.ark-picker-panel-shortcut {
  padding: 6px 15px 6px 15px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ark-picker-panel-shortcut:hover {
  background: #e8eaec;
}
.ark-picker-panel-body {
  float: left;
}
.ark-picker-confirm {
  border-top: 1px solid #e8eaec;
  text-align: right;
  padding: 8px;
  clear: both;
}
.ark-picker-confirm > span {
  color: #2D8cF0;
  cursor: pointer;
  user-select: none;
  float: left;
  padding: 2px 0;
  transition: all 0.2s ease-in-out;
}
.ark-picker-confirm > span:hover {
  color: #57a3f3;
}
.ark-picker-confirm > span:active {
  color: #2b85e4;
}
.ark-picker-confirm-time {
  float: left;
}
.ark-time-picker-cells {
  min-width: 112px;
}
.ark-time-picker-cells-with-seconds {
  min-width: 168px;
}
.ark-time-picker-cells-list {
  width: 56px;
  max-height: 144px;
  float: left;
  overflow: hidden;
  border-left: 1px solid #e8eaec;
  position: relative;
}
.ark-time-picker-cells-list:hover {
  overflow-y: auto;
}
.ark-time-picker-cells-list:first-child {
  border-left: none;
  border-radius: 2px 0 0 2px;
}
.ark-time-picker-cells-list:last-child {
  border-radius: 0 2px 2px 0;
}
.ark-time-picker-cells-list ul {
  width: 100%;
  margin: 0;
  padding: 0 0 120px 0;
  list-style: none;
}
.ark-time-picker-cells-list ul li {
  width: 100%;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0 0 0 16px;
  box-sizing: content-box;
  text-align: left;
  user-select: none;
  cursor: pointer;
  list-style: none;
  transition: background 0.2s ease-in-out;
}
.ark-time-picker-cells-cell:hover {
  background: #f4f4f4;
}
.ark-time-picker-cells-cell-disabled {
  color: #D8D8D8;
  cursor: not-allowed;
}
.ark-time-picker-cells-cell-disabled:hover {
  color: #D8D8D8;
  background-color: #fff;
  cursor: not-allowed;
}
.ark-time-picker-cells-cell-selected,
.ark-time-picker-cells-cell-selected:hover {
  color: #1D74FF;
  background: #f4f4f4;
}
.ark-time-picker-cells-cell-focused {
  background-color: #d2e3ff;
}
.ark-time-picker-header {
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-bottom: 1px solid #e8eaec;
}
.ark-time-picker-with-range .ark-picker-panel-body {
  min-width: 228px;
}
.ark-time-picker-with-range .ark-picker-panel-content {
  float: left;
  position: relative;
}
.ark-time-picker-with-range .ark-picker-panel-content:after {
  content: '';
  display: block;
  width: 2px;
  position: absolute;
  top: 31px;
  bottom: 0;
  right: -2px;
  background: #e8eaec;
  z-index: 1;
}
.ark-time-picker-with-range .ark-picker-panel-content-right {
  float: right;
}
.ark-time-picker-with-range .ark-picker-panel-content-right:after {
  right: auto;
  left: -2px;
}
.ark-time-picker-with-range .ark-time-picker-cells-list:first-child {
  border-radius: 0;
}
.ark-time-picker-with-range .ark-time-picker-cells-list:last-child {
  border-radius: 0;
}
.ark-time-picker-with-range.ark-time-picker-with-seconds .ark-picker-panel-body {
  min-width: 340px;
}
.ark-picker-panel-content .ark-picker-panel-content .ark-time-picker-cells {
  min-width: 216px;
}
.ark-picker-panel-content .ark-picker-panel-content .ark-time-picker-cells-with-seconds {
  min-width: 216px;
}
.ark-picker-panel-content .ark-picker-panel-content .ark-time-picker-cells-with-seconds .ark-time-picker-cells-list {
  width: 72px;
}
.ark-picker-panel-content .ark-picker-panel-content .ark-time-picker-cells-with-seconds .ark-time-picker-cells-list ul li {
  padding: 0 0 0 28px;
}
.ark-picker-panel-content .ark-picker-panel-content .ark-time-picker-cells-list {
  width: 108px;
  max-height: 216px;
}
.ark-picker-panel-content .ark-picker-panel-content .ark-time-picker-cells-list:first-child {
  border-radius: 0;
}
.ark-picker-panel-content .ark-picker-panel-content .ark-time-picker-cells-list:last-child {
  border-radius: 0;
}
.ark-picker-panel-content .ark-picker-panel-content .ark-time-picker-cells-list ul {
  padding: 0 0 192px 0;
}
.ark-picker-panel-content .ark-picker-panel-content .ark-time-picker-cells-list ul li {
  padding: 0 0 0 46px;
}
.ark-form .ark-form-item-label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 12px;
  color: #575757;
  line-height: 1;
  padding: 10px 12px 10px 0;
  box-sizing: border-box;
}
.ark-form-label-left .ark-form-item-label {
  text-align: left;
}
.ark-form-label-top .ark-form-item-label {
  float: none;
  display: inline-block;
  padding: 0 0 10px 0;
}
.ark-form-inline .ark-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.ark-form-item {
  margin-bottom: 24px;
  vertical-align: top;
  zoom: 1;
}
.ark-form-item:before,
.ark-form-item:after {
  content: "";
  display: table;
}
.ark-form-item:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ark-form-item-content {
  position: relative;
  line-height: 32px;
  font-size: 12px;
}
.ark-form-item .ark-form-item {
  margin-bottom: 0;
}
.ark-form-item .ark-form-item .ark-form-item-content {
  margin-left: 0!important;
}
.ark-form-item-error-tip {
  position: absolute;
  top: 100%;
  left: 0;
  line-height: 1;
  padding-top: 6px;
  color: #fd6442;
}
.ark-form-item-required .ark-form-item-label:before {
  content: '*';
  display: inline-block;
  margin-right: 4px;
  line-height: 1;
  font-family: SimSun;
  font-size: 12px;
  color: #fd6442;
}
.ark-carousel {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ark-carousel-track,
.ark-carousel-list {
  transform: translate3d(0, 0, 0);
}
.ark-carousel-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.ark-carousel-track {
  position: relative;
  top: 100%;
  left: 0;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.ark-carousel-track.higher {
  z-index: 2;
  top: 0;
}
.ark-carousel-item {
  float: left;
  height: 100%;
  min-height: 1px;
  display: block;
}
.ark-carousel-arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  transition: 0.2s;
  background-color: rgba(31, 45, 61, 0.11);
  color: #fff;
  text-align: center;
  font-size: 1em;
  font-family: inherit;
  line-height: inherit;
}
.ark-carousel-arrow:hover {
  background-color: rgba(31, 45, 61, 0.5);
}
.ark-carousel-arrow > * {
  vertical-align: baseline;
}
.ark-carousel-arrow.left {
  left: 16px;
}
.ark-carousel-arrow.right {
  right: 16px;
}
.ark-carousel-arrow-always {
  display: inherit;
}
.ark-carousel-arrow-hover {
  display: inherit;
  opacity: 0;
}
.ark-carousel:hover .ark-carousel-arrow-hover {
  opacity: 1;
}
.ark-carousel-dots {
  z-index: 10;
  display: none;
  position: relative;
  list-style: none;
  text-align: center;
  padding: 0;
  width: 100%;
  height: 17px;
}
.ark-carousel-dots-inside {
  display: block;
  position: absolute;
  bottom: 3px;
}
.ark-carousel-dots-outside {
  display: block;
  margin-top: 3px;
}
.ark-carousel-dots li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0 2px;
  padding: 7px 0;
  cursor: pointer;
}
.ark-carousel-dots li button {
  border: 0;
  cursor: pointer;
  background: #8391a5;
  opacity: 0.3;
  display: block;
  width: 16px;
  height: 3px;
  border-radius: 1px;
  outline: none;
  font-size: 0;
  color: transparent;
  transition: all 0.5s;
}
.ark-carousel-dots li button.radius {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.ark-carousel-dots li:hover > button {
  opacity: 0.7;
}
.ark-carousel-dots li.ark-carousel-active > button {
  opacity: 1;
  width: 24px;
}
.ark-carousel-dots li.ark-carousel-active > button.radius {
  width: 6px;
}
.ark-rate {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 20px;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
}
.ark-rate-disabled .ark-rate-star:before,
.ark-rate-disabled .ark-rate-star-content:before {
  cursor: default;
}
.ark-rate-disabled .ark-rate-star:hover {
  transform: scale(1);
}
.ark-rate-star-full,
.ark-rate-star-zero {
  position: relative;
}
.ark-rate-star-first {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ark-rate-star-first,
.ark-rate-star-second {
  user-select: none;
  transition: all 0.3s ease;
  color: #e9e9e9;
  cursor: pointer;
}
.ark-rate-star-chart {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  position: relative;
  font-family: 'Ionicons';
  transition: all 0.3s ease;
}
.ark-rate-star-chart:hover {
  transform: scale(1.1);
}
.ark-rate-star-chart.ark-rate-star-full .ark-rate-star-first,
.ark-rate-star-chart.ark-rate-star-full .ark-rate-star-second {
  color: #f5a623;
}
.ark-rate-star-chart.ark-rate-star-half .ark-rate-star-first {
  opacity: 1;
  color: #f5a623;
}
.ark-rate-star {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  position: relative;
  font-family: 'Ionicons';
  transition: all 0.3s ease;
}
.ark-rate-star:hover {
  transform: scale(1.1);
}
.ark-rate-star:before,
.ark-rate-star-content:before {
  color: #e9e9e9;
  cursor: pointer;
  content: "\ed4f";
  transition: all 0.2s ease-in-out;
  display: block;
}
.ark-rate-star-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.ark-rate-star-content:before {
  color: transparent;
}
.ark-rate-star-half .ark-rate-star-content:before,
.ark-rate-star-full:before {
  color: #f5a623;
}
.ark-rate-star-half:hover .ark-rate-star-content:before,
.ark-rate-star-full:hover:before {
  color: #f7b84f;
}
.ark-rate-text {
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
}
.ark-upload input[type="file"] {
  display: none;
}
.ark-upload-list {
  margin-top: 8px;
}
.ark-upload-list-file {
  padding: 4px;
  color: #575757;
  border-radius: 4px;
  transition: background-color 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
}
.ark-upload-list-file > span {
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.ark-upload-list-file > span i {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: #575757;
  text-align: center;
}
.ark-upload-list-file:hover {
  background: #f4f4f4;
}
.ark-upload-list-file:hover > span {
  color: #1D74FF;
}
.ark-upload-list-file:hover > span i {
  color: #575757;
}
.ark-upload-list-file:hover .ark-upload-list-remove {
  opacity: 1;
}
.ark-upload-list-remove {
  opacity: 0;
  font-size: 18px;
  cursor: pointer;
  float: right;
  margin-right: 4px;
  color: #999;
  transition: all 0.2s ease;
}
.ark-upload-list-remove:hover {
  color: #444;
}
.ark-upload-select {
  display: inline-block;
}
.ark-upload-drag {
  background: #fff;
  border: 1px dashed #dcdee2;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: border-color 0.2s ease;
}
.ark-upload-drag:hover {
  border: 1px dashed #1D74FF;
}
.ark-upload-dragOver {
  border: 2px dashed #1D74FF;
}
.ark-tree {
  line-height: 16px;
  font-size: 0;
}
.ark-tree span.querySpan {
  color: #1D74FF;
}
.ark-tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ark-tree ul li {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  outline: none;
  position: relative;
}
.ark-tree ul li:before {
  width: 15px;
  height: 1px;
  background-color: #efefef;
  content: '';
  display: inline-block;
  vertical-align: middle;
  top: -5px;
  position: relative;
}
.ark-tree ul li > span,
.ark-tree ul li label {
  margin-bottom: 8px;
  vertical-align: middle;
}
.ark-tree > ul > li:before {
  width: 0;
}
.ark-tree > ul > li > ul {
  margin-left: 7px;
  padding: 0;
  border-left: 1px solid #efefef;
}
.ark-tree li ul {
  margin-left: 22px;
  border-left: 1px solid #efefef;
  padding: 0;
}
.ark-tree li > ul:last-child {
  border: none;
}
.ark-tree li > ul:last-child > li:last-child:after {
  width: 0px;
  height: 13px;
  content: '';
  position: absolute;
  display: inline-block;
  left: 0;
  top: -6px;
  border-left: 1px solid #efefef;
}
.ark-tree-title {
  display: inline-block;
  margin: 0;
  padding: 0 4px;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
  vertical-align: top;
  color: #575757;
  transition: all 0.2s ease-in-out;
}
.ark-tree-title:hover {
  background-color: #f4f4f4;
}
.ark-tree-title-selected,
.ark-tree-title-selected:hover {
  background-color: #f4f4f4;
}
.ark-tree-arrow {
  cursor: pointer;
  width: 10px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  margin-right: 8px;
}
.ark-tree-arrow i {
  transition: all 0.2s ease-in-out;
  font-size: 12px;
  vertical-align: middle;
  color: #1D74FF;
  vertical-align: text-bottom;
  position: relative;
}
.ark-tree-arrow i:after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  display: inline-block;
  left: 7px;
  top: 14px;
}
.ark-tree-arrow-open i:after {
  width: 0px;
  height: 13px;
  content: '';
  position: absolute;
  display: inline-block;
  left: 7px;
  top: 14px;
  border-left: 1px solid #efefef;
}
.ark-tree-arrow-disabled {
  cursor: not-allowed;
}
.ark-tree .ark-checkbox-wrapper {
  margin-right: 0;
  margin-left: 0;
}
.ark-avatar {
  display: inline-block;
  text-align: center;
  background: #ccc;
  color: #fff;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
}
.ark-avatar-image {
  background: transparent;
}
.ark-avatar .ark-icon {
  position: relative;
  top: -1px;
}
.ark-avatar > * {
  line-height: 32px;
}
.ark-avatar.ark-avatar-icon {
  font-size: 18px;
}
.ark-avatar-large {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
}
.ark-avatar-large > * {
  line-height: 40px;
}
.ark-avatar-large.ark-avatar-icon {
  font-size: 24px;
}
.ark-avatar-large .ark-icon {
  position: relative;
  top: -2px;
}
.ark-avatar-small {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
}
.ark-avatar-small > * {
  line-height: 24px;
}
.ark-avatar-small.ark-avatar-icon {
  font-size: 14px;
}
.ark-avatar-square {
  border-radius: 4px;
}
.ark-avatar > img {
  width: 100%;
  height: 100%;
}
.ark-color-picker {
  display: inline-block;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
}
.ark-color-picker .ark-input {
  height: 33px;
  border: none;
  width: auto;
}
.ark-color-picker-hide {
  display: none;
}
.ark-color-picker-hide-drop {
  visibility: hidden;
}
.ark-color-picker-disabled {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #575757;
}
.ark-color-picker-disabled:hover {
  border-color: #e0e0e0;
}
.ark-color-picker > div:first-child:hover .ivu-input {
  border-color: #3fa5ed;
}
.ark-color-picker > div:first-child.ark-color-picker-disabled:hover .ivu-input {
  border-color: #e0e0e0;
}
.ark-color-picker .ark-select-dropdown {
  padding: 0;
}
.ark-color-picker-input.ivu-input:focus {
  box-shadow: none;
}
.ark-color-picker-focused {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-color-picker-rel {
  line-height: 0;
  display: flex;
}
.ark-color-picker-color {
  width: 18px;
  height: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  border-radius: 2px;
  position: relative;
  top: 2px;
}
.ark-color-picker-color div {
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.ark-color-picker-color-empty {
  background: #fff;
  overflow: hidden;
  text-align: center;
}
.ark-color-picker-color-empty i {
  font-size: 18px;
  vertical-align: baseline;
}
.ark-color-picker-color-focused {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-color-picker-large .ark-color-picker-color {
  width: 20px;
  height: 20px;
  top: 1px;
}
.ark-color-picker-large .ark-color-picker-color-empty i {
  font-size: 20px;
}
.ark-color-picker-small .ark-color-picker-color {
  width: 14px;
  height: 14px;
  top: 3px;
}
.ark-color-picker-small .ark-color-picker-color-empty i {
  font-size: 14px;
}
.ark-color-picker-picker-wrapper {
  padding: 8px 8px 0;
}
.ark-color-picker-picker-panel {
  width: 240px;
  margin: 0 auto;
  box-sizing: initial;
  position: relative;
}
.ark-color-picker-picker-hue-slider,
.ark-color-picker-picker-alpha-slider {
  height: 10px;
  margin-top: 8px;
  position: relative;
}
.ark-color-picker-picker-colors {
  margin-top: 8px;
  overflow: hidden;
  border-radius: 2px;
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.ark-color-picker-picker-colors:focus {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-color-picker-picker-colors-wrapper {
  display: inline;
  width: 20px;
  height: 20px;
  float: left;
  position: relative;
}
.ark-color-picker-picker-colors-wrapper-color {
  outline: 0;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 2px;
  cursor: pointer;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.ark-color-picker-picker-colors-wrapper-circle {
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
}
.ark-color-picker-picker .ark-picker-confirm {
  margin-top: 8px;
}
.ark-color-picker-saturation-wrapper {
  width: 100%;
  padding-bottom: 75%;
  position: relative;
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.ark-color-picker-saturation-wrapper:focus {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-color-picker-saturation,
.ark-color-picker-saturation--white,
.ark-color-picker-saturation--black {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ark-color-picker-saturation--white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.ark-color-picker-saturation--black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.ark-color-picker-saturation-pointer {
  cursor: pointer;
  position: absolute;
}
.ark-color-picker-saturation-circle {
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}
.ark-color-picker-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.ark-color-picker-hue:focus {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-color-picker-hue-container {
  cursor: pointer;
  margin: 0 2px;
  position: relative;
  height: 100%;
}
.ark-color-picker-hue-pointer {
  z-index: 2;
  position: absolute;
}
.ark-color-picker-hue-picker {
  cursor: pointer;
  margin-top: 1px;
  width: 4px;
  border-radius: 1px;
  height: 8px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  background: #fff;
  transform: translateX(-2px);
}
.ark-color-picker-alpha {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.ark-color-picker-alpha:focus {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.ark-color-picker-alpha-checkboard-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: 2px;
}
.ark-color-picker-alpha-checkerboard {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.ark-color-picker-alpha-gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
}
.ark-color-picker-alpha-container {
  cursor: pointer;
  position: relative;
  z-index: 2;
  height: 100%;
  margin: 0 3px;
}
.ark-color-picker-alpha-pointer {
  z-index: 2;
  position: absolute;
}
.ark-color-picker-alpha-picker {
  cursor: pointer;
  width: 4px;
  border-radius: 1px;
  height: 8px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  background: #fff;
  margin-top: 1px;
  transform: translateX(-2px);
}
.ark-color-picker-confirm {
  margin-top: 8px;
  position: relative;
  border-top: 1px solid #e8eaec;
  text-align: right;
  padding: 8px;
  clear: both;
}
.ark-color-picker-confirm-color {
  position: absolute;
  top: 11px;
  left: 8px;
}
.ark-color-picker-confirm-color-editable {
  top: 8px;
  right: 110px;
}
.ark-auto-complete {
  max-height: 200px;
}
.ark-auto-complete .ark-select-not-found {
  display: none;
}
.ark-auto-complete .ark-icon-ios-close {
  display: none;
}
.ark-auto-complete:hover .ark-icon-ios-close {
  display: inline-block;
}
.auto-com-table {
  width: 100%;
  border-spacing: 0px;
}
.auto-com-table tr {
  height: 28px;
}
.auto-com-table tr td {
  min-width: 20px;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 6px;
}
.ark-divider {
  font-family: "Microsoft YaHei", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #575757;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #e8eaec;
}
.ark-divider,
.ark-divider-vertical {
  margin: 0 8px;
  display: inline-block;
  height: 0.9em;
  width: 1px;
  vertical-align: middle;
  position: relative;
  top: -0.06em;
}
.ark-divider-horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
  clear: both;
}
.ark-divider-horizontal.ark-divider-with-text-center,
.ark-divider-horizontal.ark-divider-with-text-left,
.ark-divider-horizontal.ark-divider-with-text-right {
  display: table;
  white-space: nowrap;
  text-align: center;
  background: transparent;
  font-weight: 500;
  color: #666;
  font-size: 16px;
  margin: 16px 0;
}
.ark-divider-horizontal.ark-divider-with-text-center:before,
.ark-divider-horizontal.ark-divider-with-text-left:before,
.ark-divider-horizontal.ark-divider-with-text-right:before,
.ark-divider-horizontal.ark-divider-with-text-center:after,
.ark-divider-horizontal.ark-divider-with-text-left:after,
.ark-divider-horizontal.ark-divider-with-text-right:after {
  content: '';
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  border-top: 1px solid #e8eaec;
  transform: translateY(50%);
}
.ark-divider-horizontal.ark-divider-with-text-left,
.ark-divider-horizontal.ark-divider-with-text-right {
  font-size: 12px;
}
.ark-divider-horizontal.ark-divider-with-text-left .ark-divider-inner-text,
.ark-divider-horizontal.ark-divider-with-text-right .ark-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ark-divider-horizontal.ark-divider-with-text-left:before {
  top: 50%;
  width: 5%;
}
.ark-divider-horizontal.ark-divider-with-text-left:after {
  top: 50%;
  width: 95%;
}
.ark-divider-horizontal.ark-divider-with-text-right:before {
  top: 50%;
  width: 95%;
}
.ark-divider-horizontal.ark-divider-with-text-right:after {
  top: 50%;
  width: 5%;
}
.ark-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ark-divider-dashed {
  background: none;
  border-top: 1px dashed #e8eaec;
}
.ark-divider-horizontal.ark-divider-with-text.ark-divider-dashed,
.ark-divider-horizontal.ark-divider-with-text-left.ark-divider-dashed,
.ark-divider-horizontal.ark-divider-with-text-right.ark-divider-dashed {
  border-top: 0;
}
.ark-divider-horizontal.ark-divider-with-text.ark-divider-dashed:before,
.ark-divider-horizontal.ark-divider-with-text-left.ark-divider-dashed:before,
.ark-divider-horizontal.ark-divider-with-text-right.ark-divider-dashed:before,
.ark-divider-horizontal.ark-divider-with-text.ark-divider-dashed:after,
.ark-divider-horizontal.ark-divider-with-text-left.ark-divider-dashed:after,
.ark-divider-horizontal.ark-divider-with-text-right.ark-divider-dashed:after {
  border-style: dashed none none;
}
.ark-anchor {
  position: relative;
  padding-left: 2px;
}
.ark-anchor-wrapper {
  overflow: auto;
  padding-left: 4px;
  margin-left: -4px;
}
.ark-anchor-ink {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.ark-anchor-ink:before {
  content: ' ';
  position: relative;
  width: 2px;
  height: 100%;
  display: block;
  background-color: #e8eaec;
  margin: 0 auto;
}
.ark-anchor-ink-ball {
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #1D74FF;
  background-color: #fff;
  left: 50%;
  transition: top 0.2s ease-in-out;
  transform: translate(-50%, 2px);
}
.ark-anchor.fixed .ark-anchor-ink .ark-anchor-ink-ball {
  display: none;
}
.ark-anchor-link {
  padding: 8px 0 8px 16px;
  line-height: 1;
}
.ark-anchor-link-title {
  display: block;
  position: relative;
  transition: all 0.3s;
  color: #575757;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.ark-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ark-anchor-link-active > .ark-anchor-link-title {
  color: #1D74FF;
}
.ark-anchor-link .ark-anchor-link {
  padding-top: 6px;
  padding-bottom: 6px;
}
.ark-time-with-hash {
  cursor: pointer;
}
.ark-time-with-hash:hover {
  text-decoration: underline;
}
.ark-cell {
  position: relative;
  overflow: hidden;
}
.ark-cell-link,
.ark-cell-link:hover,
.ark-cell-link:active {
  color: inherit;
}
.ark-cell-icon {
  display: inline-block;
  margin-right: 4px;
  font-size: 12px;
  vertical-align: middle;
}
.ark-cell-icon:empty {
  display: none;
}
.ark-cell-main {
  display: inline-block;
  vertical-align: middle;
}
.ark-cell-title {
  line-height: 24px;
  font-size: 12px;
}
.ark-cell-label {
  line-height: 1.2;
  font-size: 12px;
  color: #808695;
}
.ark-cell-selected .ark-cell-label {
  color: inherit;
}
.ark-cell-selected,
.ark-cell.ark-cell-selected:hover {
  background: #e8f5ff;
}
.ark-cell-footer {
  display: inline-block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 16px;
  color: #575757;
}
.ark-cell-with-link .ark-cell-footer {
  right: 32px;
}
.ark-cell-selected .ark-cell-footer {
  color: inherit;
}
.ark-cell-arrow {
  display: inline-block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 16px;
  font-size: 12px;
}
.ark-cell:focus {
  background: #f4f4f4;
  outline: none;
}
.ark-cell-selected:focus {
  background: rgba(26, 102, 225, 0.91);
}
.ark-cell {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #575757;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.ark-cell:hover {
  background: #f4f4f4;
}
.ark-cell-focus {
  background: #f4f4f4;
}
.ark-cell-disabled {
  color: #D8D8D8;
  cursor: not-allowed;
}
.ark-cell-disabled:hover {
  color: #D8D8D8;
  background-color: #fff;
  cursor: not-allowed;
}
.ark-cell-selected,
.ark-cell-selected:hover {
  color: #1D74FF;
}
.ark-cell-divided {
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
}
.ark-cell-divided:before {
  content: '';
  height: 5px;
  display: block;
  margin: 0 -16px;
  background-color: #fff;
  position: relative;
  top: -7px;
}
.ark-cell-large .ark-cell {
  padding: 7px 16px 8px;
  font-size: 12px !important;
}
@-moz-document url-prefix() {
  .ark-cell {
    white-space: normal;
  }
}
.ark-drawer {
  width: auto;
  height: 100%;
  position: fixed;
  top: 0;
}
.ark-drawer-inner {
  position: absolute;
}
.ark-drawer-left {
  left: 0;
}
.ark-drawer-right {
  right: 0;
}
.ark-drawer-hidden {
  display: none !important;
}
.ark-drawer-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.ark-drawer-wrap-inner {
  position: absolute;
}
.ark-drawer-wrap * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ark-drawer-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  z-index: 1000;
}
.ark-drawer-mask-hidden {
  display: none;
}
.ark-drawer-mask-inner {
  position: absolute;
}
.ark-drawer-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-clip: padding-box;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ark-drawer-content-no-mask {
  pointer-events: auto;
}
.ark-drawer-header {
  height: 44px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #1D74FF;
}
.ark-drawer-header p,
.ark-drawer-header-inner {
  display: inline-block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: white;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.ark-drawer-header p-left,
.ark-drawer-header-inner-left {
  padding-left: 20px;
  text-align: left;
}
.ark-drawer-header p i,
.ark-drawer-header p span {
  vertical-align: middle;
}
.ark-drawer-close {
  z-index: 1;
  font-size: 12px;
  position: absolute;
  right: 8px;
  top: 1px;
  overflow: hidden;
  cursor: pointer;
}
.ark-drawer-close .ark-icon-ios-close {
  font-size: 31px;
  color: #999;
  transition: color 0.2s ease;
  position: relative;
  top: 1px;
  font-weight: 700;
}
.ark-drawer-close .ark-icon-ios-close:hover {
  color: #999;
}
.ark-drawer-body {
  width: 100%;
  height: calc(100% - 44px);
  padding: 16px;
  font-size: 12px;
  line-height: 1.5;
  word-wrap: break-word;
  position: absolute;
  overflow: auto;
}
.ark-drawer-no-header .ark-drawer-body {
  height: 100%;
}
.ark-drawer-no-mask {
  pointer-events: none;
}
.ark-dragImg {
  background: #ddd;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ark-dragImg img {
  width: 100%;
  transform-origin: center;
}
.ark-tabs-panels {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  color: #575757;
  height: 100%;
  display: flex;
  flex-direction: column;
  zoom: 1;
}
.ark-tabs-panels:before,
.ark-tabs-panels:after {
  content: "";
  display: table;
}
.ark-tabs-panels:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ark-tabs-panels-bar {
  outline: none;
}
.ark-tabs-panels-ink-bar {
  height: 2px;
  box-sizing: border-box;
  background-color: #1D74FF;
  position: absolute;
  left: 0;
  bottom: 1px;
  z-index: 1;
  transition: transform 0.3s ease-in-out;
  transform-origin: 0 0;
}
.ark-tabs-panels-bar {
  border-bottom: 1px solid #dcdee2;
}
.ark-tabs-panels-content {
  width: 100%;
  overflow: hidden;
}
.ark-tabs-panels-tab {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ark-tabs-panels-nav-container {
  margin-bottom: -1px;
  line-height: 1;
  font-size: 12px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  zoom: 1;
}
.ark-tabs-panels-nav-container:before,
.ark-tabs-panels-nav-container:after {
  content: "";
  display: table;
}
.ark-tabs-panels-nav-container:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ark-tabs-panels-nav-container:focus {
  outline: none;
}
.ark-tabs-panels-nav-container:focus .ark-tabs-tab-focused {
  border-color: #57a3f3 !important;
}
.ark-tabs-panels-nav-container-scrolling {
  padding-left: 32px;
  padding-right: 32px;
}
.ark-tabs-panels-nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
}
.ark-tabs-panels-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ark-tabs-panels-nav-right {
  float: right;
  margin-left: 5px;
}
.ark-tabs-panels-nav-prev {
  position: absolute;
  line-height: 32px;
  cursor: pointer;
  left: 0;
}
.ark-tabs-panels-nav-next {
  position: absolute;
  line-height: 32px;
  cursor: pointer;
  right: 0;
}
.ark-tabs-panels-nav-scrollable {
  padding: 0 12px;
}
.ark-tabs-panels-nav-scroll-disabled {
  display: none;
}
.ark-tabs-panels-nav {
  display: flex;
  padding-left: 0;
  margin: 0;
  float: left;
  list-style: none;
  box-sizing: border-box;
  position: relative;
}
.ark-tabs-panels-nav:before,
.ark-tabs-panels-nav:after {
  display: table;
  content: " ";
}
.ark-tabs-panels-nav:after {
  clear: both;
}
.ark-tabs-panels-nav .ark-tabs-tab {
  display: inline-block;
  height: 100%;
  padding: 8px 16px;
  margin-right: 16px;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease-in-out;
}
.ark-tabs-panels-nav .ark-tabs-tab:hover {
  color: #57a3f3;
}
.ark-tabs-panels-nav .ark-tabs-tab:active {
  color: #2b85e4;
}
.ark-tabs-panels-nav .ark-tabs-tab .ark-icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.ark-tabs-panels-nav .ark-tabs-tab-disabled {
  cursor: not-allowed;
  color: #ccc;
}
.ark-tabs-panels-nav .ark-tabs-tab-active {
  color: #1D74FF;
}
.ark-tabs-panels-mini .ark-tabs-panels-nav-container {
  font-size: 12px;
}
.ark-tabs-panels-mini .ark-tabs-panels-tab {
  margin-right: 0;
  padding: 8px 16px;
  font-size: 12px;
}
.ark-tabs-panels .ark-tabs-content-animated {
  display: flex;
  flex-direction: row;
  will-change: transform;
  transition: transform 0.3s ease-in-out;
}
.ark-tabs-panels .ark-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  transition: opacity 0.3s;
  opacity: 1;
  outline: none;
}
.ark-tabs-panels .ark-tabs-tabpane-inactive {
  opacity: 0;
  height: 0;
}
.ark-tabs-panels.ark-tabs-panels-card > .ark-tabs-panels-content {
  border-bottom: 1px solid #DCDEE2;
  border-left: 1px solid #DCDEE2;
  border-right: 1px solid #DCDEE2;
}
.ark-tabs-panels.ark-tabs-panels-card > .ark-tabs-panels-bar .ark-tabs-panels-ink-bar {
  visibility: hidden;
}
.ark-tabs-panels.ark-tabs-panels-card > .ark-tabs-panels-bar .ark-tabs-panels-tab {
  margin: 0;
  line-height: initial;
  height: 31px;
  float: left;
  padding: 5px 16px 4px;
  border: 1px solid #dcdee2;
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  transition: all 0.3s ease-in-out;
  background: #f5f6fa;
}
.ark-tabs-panels.ark-tabs-panels-card > .ark-tabs-panels-bar .ark-tabs-panels-tab-active {
  height: 32px;
  padding-bottom: 5px;
  background: #fff;
  transform: translateZ(0);
  border-color: #dcdee2;
  color: #1D74FF;
}
.ark-tabs-panels.ark-tabs-panels-card > .ark-tabs-panels-bar .ark-tabs-panels-nav-wrap {
  margin-bottom: 0;
}
.ark-tabs-panels.ark-tabs-panels-card > .ark-tabs-panels-bar .ark-tabs-panels-tab .ark-icon-ios-close {
  width: 0;
  height: 22px;
  font-size: 22px;
  margin-right: 0;
  color: #999;
  text-align: right;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  top: -1px;
  transform-origin: 100% 50%;
  transition: all 0.3s ease-in-out;
}
.ark-tabs-panels.ark-tabs-panels-card > .ark-tabs-panels-bar .ark-tabs-panels-tab .ark-icon-ios-close:hover {
  color: #444;
}
.ark-tabs-panels.ark-tabs-panels-card > .ark-tabs-panels-bar .ark-tabs-panels-tab-active .ark-icon-ios-close,
.ark-tabs-panels.ark-tabs-panels-card > .ark-tabs-panels-bar .ark-tabs-panels-tab:hover .ark-icon-ios-close {
  width: 22px;
  transform: translateZ(0);
  margin-right: -6px;
}
.ark-tabs-panels.ark-tabs-panels-singleCard > .ark-tabs-panels-content {
  border-bottom: 1px solid #DCDEE2;
  border-left: 1px solid #DCDEE2;
  border-right: 1px solid #DCDEE2;
}
.ark-tabs-panels.ark-tabs-panels-singleCard > .ark-tabs-panels-bar .ark-tabs-panels-ink-bar {
  visibility: hidden;
}
.ark-tabs-panels.ark-tabs-panels-singleCard > .ark-tabs-panels-bar .ark-tabs-panels-tab {
  margin: 0;
  line-height: initial;
  height: 31px;
  float: left;
  padding: 5px 16px 4px;
  border-radius: 2px 2px 0 0;
  box-sizing: border-box;
}
.ark-tabs-panels.ark-tabs-panels-singleCard > .ark-tabs-panels-bar .ark-tabs-panels-tab-active {
  height: 32px;
  padding-bottom: 5px;
  background: #fff;
  border: 1px solid #dcdee2;
  border-bottom: 0;
  border-color: #dcdee2;
  color: #1D74FF;
  box-sizing: border-box;
}
.ark-tabs-panels.ark-tabs-panels-singleCard > .ark-tabs-panels-bar .ark-tabs-panels-nav-wrap {
  margin-bottom: 0;
}
.ark-tabs-panels.ark-tabs-panels-singleCard > .ark-tabs-panels-bar .ark-tabs-panels-tab .ark-icon-ios-close {
  width: 0;
  height: 22px;
  font-size: 22px;
  margin-right: 0;
  color: #999;
  text-align: right;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  top: -1px;
}
.ark-tabs-panels.ark-tabs-panels-singleCard > .ark-tabs-panels-bar .ark-tabs-panels-tab .ark-icon-ios-close:hover {
  color: #444;
}
.ark-tabs-panels.ark-tabs-panels-singleCard > .ark-tabs-panels-bar .ark-tabs-panels-tab-active .ark-icon-ios-close,
.ark-tabs-panels.ark-tabs-panels-singleCard > .ark-tabs-panels-bar .ark-tabs-panels-tab:hover .ark-icon-ios-close {
  width: 22px;
  margin-right: -6px;
}
.ark-tabs-panels-no-animation > .ark-tabs-panels-content {
  transform: none!important;
}
.ark-tabs-panels-no-animation > .ark-tabs-panels-content > .ark-tabs-panels-tabpane-inactive {
  display: none;
}
.ark-split-panel-container {
  height: 100%;
  width: 100%;
}
.ark-split-panel-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
}
.ark-split-panel-wrapper .ark-split-panel-split-panel {
  height: 100%;
}
.ark-split-panel-wrapper .ark-split-panel-split-panel .ark-split-panel-divide {
  overflow: hidden;
  cursor: col-resize;
  height: 100%;
}
.ark-split-panel-wrapper .ark-split-panel-split-panel .ark-split-panel-divide-moving {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ark-split-panel-wrapper .ark-split-panel-split-panel .ark-split-panel-pane {
  overflow: auto;
  height: 100%;
}
.ark-split-panel-wrapper .ark-split-panel-split-panel .ark-split-panel-pane-moving {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ark-split-panel-wrapper-vertical {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ark-split-panel-wrapper-vertical .ark-split-panel-split-panel {
  width: 100%;
}
.ark-split-panel-wrapper-vertical .ark-split-panel-split-panel .ark-split-panel-divide {
  overflow: hidden;
  cursor: row-resize;
  width: 100%;
}
.ark-split-panel-wrapper-vertical .ark-split-panel-split-panel .ark-split-panel-divide-moving {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ark-split-panel-wrapper-vertical .ark-split-panel-split-panel .ark-split-panel-pane {
  overflow: auto;
  height: 100%;
}
.ark-split-panel-wrapper-vertical .ark-split-panel-split-panel .ark-split-panel-pane-moving {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ark-split-panel .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.formlayout {
  display: grid;
  display: -ms-grid;
  width: 100%;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(4, 25%);
  -ms-grid-template-columns: repeat(4, 25%);
  grid-auto-rows: minmax(auto);
}
.formlayout > div {
  /*border:1px solid #fff;*/
  box-sizing: border-box;
}
.formlayout .itemComponent .ark--date-picker {
  width: 100%;
}
.formlayout .formlayout-Item {
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: stretch;
}
.formlayout .formlayout-label {
  width: 120px;
  text-align: right;
  padding-right: 6px;
  display: inline-block;
  line-height: 32px;
}
.formlayout .formlayout-label i {
  color: #ff9900;
  padding: 0 6px;
}
.formlayout .formlayout-div {
  padding-top: 2px;
  flex: 1;
  display: inline-block;
  overflow: auto;
}
.formlayout .formlayout-error-tip {
  color: #fd6442;
}
.ark-timing {
  display: flex;
}
.ark-timing-selectContainer {
  background: #f8f8f9;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #dcdee2;
  border-right: 0 !important;
  width: 70px;
}
.ark-timing-selectContainer .ark-select-selection {
  background-color: inherit;
  margin: -1px;
  border: 1px solid transparent;
}
.ark-timing-selectContainer .ark-select-visible .ark-select-selection {
  box-shadow: none;
}
.ark-timing-component {
  flex: 1;
}
.ark-timing-component .ark-input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.ark-timing-date {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ark-timing-date-transfer {
  z-index: 1060;
  max-height: none;
  width: auto;
}
.ark-timing-date-panel {
  height: 185px;
  width: 176px;
}
.ark-timing-date-panel-upper {
  height: 145px;
}
.ark-timing-date-panel-upper-body {
  padding: 10px 6px 10px 10px;
  display: flex;
  flex-wrap: wrap;
}
.ark-timing-date-panel-upper-text {
  min-width: 27px;
  text-align: center;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  line-height: 12px;
  padding: 6px;
  white-space: nowrap;
  cursor: pointer;
}
.ark-timing-date-panel-upper-text-highlight {
  color: #ffffff;
  background: #1D74FF;
  border-radius: 3px;
}
.ark-timing-date-panel-upper .ark-time-picker-cells {
  display: flex;
}
.ark-timing-date-panel-upper .ark-time-picker-cells-list {
  flex: 1;
}
.ark-timing-date-panel-lower {
  height: 39px;
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
  padding-right: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ark-timing-date-panel-lower-text {
  font-size: 12px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #515a6e;
  line-height: 12px;
  cursor: pointer;
}
.ark-timing-time {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ark-timing-time-transfer {
  z-index: 1060;
  max-height: none;
  width: auto;
}
.ark-timing-time-panel {
  height: 185px;
  width: 176px;
}
.ark-timing-time-panel-upper {
  height: 145px;
}
.ark-timing-time-panel-upper-body {
  padding: 10px 6px 10px 10px;
  display: flex;
  flex-wrap: wrap;
}
.ark-timing-time-panel-upper .ark-time-picker-cells {
  display: flex;
}
.ark-timing-time-panel-upper .ark-time-picker-cells-list {
  flex: 1;
}
.ark-timing-time-panel-lower {
  height: 39px;
  margin-top: 5px;
  border-top: 1px solid #e8eaec;
  padding-right: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ark-virtual-list {
  height: 100%;
}
.ark-virtual-list-phantom {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
}
.ark-virtual-list-content {
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
}
.ark-virtual-list-container {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.ark-virtual-list-item {
  padding: 0;
  color: #555;
}
.ark-virtual-list-tree-node,
.ark-virtual-list-tree-node-with-line {
  display: flex;
  min-height: 24px;
  margin: 0;
  line-height: 24px;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
  position: relative;
}
.ark-virtual-list-tree-node .line,
.ark-virtual-list-tree-node-with-line .line {
  position: relative;
  height: 100%;
  display: inline-block;
  width: 14px;
}
.ark-virtual-list-tree-node .lastNode,
.ark-virtual-list-tree-node-with-line .lastNode {
  height: 8px;
  vertical-align: top;
}
.ark-virtual-list-tree-node-with-line .line:before {
  position: absolute;
  top: 0;
  right: 7px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ark-virtual-list-arrow-with-line:before {
  width: 20px;
  height: 1px;
  border-top: 1px solid #d9d9d9;
  content: "";
  display: inline-block;
  vertical-align: middle;
  top: 11px;
  left: -7px;
  position: absolute;
}
.ark-virtual-list-node {
  display: inline-block;
  min-height: 24px;
  margin: 0 0 0 5px;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
}
.ark-virtual-list-node:hover {
  background-color: #f5f5f5;
}
.ark-virtual-list-arrow,
.ark-virtual-list-arrow-with-line {
  width: 14px;
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  position: relative;
}
.ark-virtual-list-arrow i,
.ark-virtual-list-arrow-with-line i {
  transition: all 0.2s ease-in-out;
  font-size: 12px;
  color: #1D74FF;
  vertical-align: text-bottom;
  position: relative;
  background-color: #fff;
}
.ark-virtual-list-arrow i:after,
.ark-virtual-list-arrow-with-line i:after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  display: inline-block;
  left: 7px;
  top: 14px;
}
.ark-virtual-list-arrow-open i:after,
.ark-virtual-list-arrow-with-line-open i:after {
  width: 0px;
  height: 13px;
  content: '';
  position: absolute;
  display: inline-block;
  left: 7px;
  top: 14px;
  border-left: 1px solid #efefef;
}
.ark-virtual-list-arrow-disabled,
.ark-virtual-list-arrow-with-line-disabled {
  cursor: not-allowed;
}
.ark-virtual-list-empty {
  font-size: 14px;
  color: #909399;
  text-align: center;
}
/* fc */
.ark-fkrp-poptip {
  position: relative;
}
.ark-fkrp-poptip div {
  outline: none;
}
.ark-fkrp-poptip .fkrp-poptip-text {
  position: absolute;
  top: 5px;
  right: 5px;
}
.ark-fkrp-poptip .text-oveflow {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ark-fkrp-poptip .iconfont {
  font-size: 16px;
  color: #808695;
}
.ark-fkrp-poptip .fkrp-poptip-tip .ark-icon-ios-close-circle {
  right: 20px;
}
.ark-fkrp-poptip .fkrp-poptip-tip .ark-input {
  padding-right: 21px;
}
.fkrp-poptip-two .ark-icon-ios-close-circle {
  right: 40px;
  width: 14px;
}
.fkrp-poptip-two .ark-input {
  padding-right: 60px;
}
.fkrp-poptip-tip .ark-icon-ios-close-circle {
  right: 24px;
  width: 14px;
}
.fkrp-poptip-tip .ark-input {
  padding-right: 44px;
}
.attachFiter-daigo .ark--modal-body {
  padding: 0px;
}
.attachfiter-pop {
  overflow: hidden;
}
.attachfiter-pop li {
  position: relative;
}
.attachfiter-pop .fileForm {
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.attachfiter-pop-content {
  padding: 0px;
}
.attachFiter-daigo-opctiy {
  opacity: 0;
}
.ark-fkrp-select {
  position: relative;
}
.ark-fkrp-select-autocomplete .ark-input[disabled],
.ark-fkrp-select-autocomplete fieldset[disabled] .ark-input {
  background-color: #ffffff !important;
}
.ark-fkrp-select-icon {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 10;
}
.ark-fkrp-select-icon > i {
  font-size: 16px;
}
.ark-fkrp-select .ark-poptip {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 10;
}
.ark-fkrp-select .ark-poptip .ark-poptip-body {
  padding: 0;
}
.ark-fkrp-select .ark-input {
  padding-right: 42px;
}
.ark-fkrp-select .ark-icon-ios-close-circle {
  width: 12px;
  margin-right: 26px;
}
.ark-fkrp-select-popper {
  position: absolute;
  background-color: red;
}
.ark-fkrp-select-popper .ark-fkrp-select-arrow {
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid hsla(0, 0%, 85%, 0.5);
  position: absolute;
}
.ark-fkrp-select-popper .ark-fktable {
  max-height: 360px;
}
.ark-fkrp-select-popper .ark-fkrp-select-arrow:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  top: 1px;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  position: absolute;
}
.ark-fkrp-select-popper .ark-fkrp-select-arrow-top {
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid hsla(0, 0%, 85%, 0.5);
  position: absolute;
}
.ark-fkrp-select-popper .ark-fkrp-select-arrow-top:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  bottom: 1px;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  position: absolute;
}
.ark-fktable {
  width: 300px;
  min-width: 150px;
  max-height: 310px;
  box-sizing: border-box;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  border: 1px solid #d1dbe5;
  padding: 5px;
  background-color: #fff;
  position: relative;
}
.ark-fktable .ark-spin-fix .demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ark-fktable .tableSearch {
  margin-bottom: 5px;
}
.ark-fktable .table {
  width: 100%;
  max-height: 300px;
  overflow: auto;
}
.ark-fktable .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  flex-direction: column;
  flex: 1 1 auto;
  color: #575757;
}
.ark-fktable .table table thead {
  background-color: #f5f6fa;
  height: 26px;
  min-width: 100%;
}
.ark-fktable .table table thead tr th {
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  padding: 0 5px;
  text-align: left;
  min-width: 50px;
}
.ark-fktable .table table thead tr th .ark-checkbox-wrapper {
  border-collapse: separate;
}
.ark-fktable .table table thead tr th:first-child {
  min-width: 30px;
}
.ark-fktable .table table tbody {
  flex: 1 1 auto;
  min-width: 100%;
}
.ark-fktable .table table tbody tr {
  border-bottom: 1px solid #d8d8d8;
}
.ark-fktable .table table tbody tr td {
  height: 23px;
  line-height: 23px;
  white-space: nowrap;
  padding: 0 5px;
  text-align: left;
  min-width: 50px;
  cursor: pointer;
}
.ark-fktable .table table tbody tr td .ark-checkbox-wrapper {
  border-collapse: separate;
}
.ark-fktable .table table tbody tr td:first-child {
  min-width: 30px;
}
.ark-fktable .table table tbody tr td:first-child span {
  margin-left: 0px;
}
.ark-fktable .table table tbody :hover {
  background-color: #F8F7F7;
}
.ark-fktable .table table tbody tr.selected {
  background-color: #f8f7f7;
}
.ark-fktable .table p {
  text-align: center;
  font-weight: normal;
  color: #575757;
}
.ark-fktable .multi-table {
  max-height: 275px;
}
.ark-fktable .page {
  margin-top: 5px;
}
.ark-fktable .page .ark-page-item {
  min-width: 19px;
  height: 19px;
  line-height: 19px;
}
.ark-fktable .page .ark-page-item-jump-next {
  min-width: 19px;
  height: 19px;
  line-height: 19px;
}
.ark-fktable .page .ark-page-prev {
  min-width: 19px;
  height: 19px;
  line-height: 19px;
}
.ark-fktable .page .ark-page-next {
  min-width: 19px;
  height: 19px;
  line-height: 19px;
}
.ark-integrate-search-filter {
  height: 100%;
}
.ark-integrate-search-filter-container {
  display: flex;
}
.ark-integrate-search-filter-valid {
  display: flex;
  border: 1px solid #E4E4E4;
  border-radius: 2px;
}
.ark-integrate-search-filter-valid .ark-input {
  border-radius: 0px;
  border: 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ark-integrate-search-filter-valid .ark-select-selection {
  border-radius: 0px;
  border: 0px;
}
.ark-integrate-search-filter-drop-down {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  border-right: 1px solid #E4E4E4;
}
.ark-integrate-search-filter-drop-down i {
  font-size: 16px;
}
.ark-integrate-search-filter-drop-down .ark-select-dropdown {
  margin: 8px -7px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ark-integrate-search-filter-search {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
}
.ark-integrate-search-filter-search i {
  font-size: 16px;
}
.ark-integrate-search-filter-text {
  font-size: 12px;
  display: inline;
  padding: 0px 10px;
  white-space: nowrap;
}
.ark-integrate-search-filter-text:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ark-integrate-search-filter-text-content {
  display: inline-block;
  vertical-align: middle;
}
.ark-integrate-search-filter-tag {
  margin-left: 10px;
  font-size: 12px;
  font-family: 'Microsoft YaHei';
  white-space: nowrap;
  background-color: #F7F7F7;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ark-integrate-search-filter-tag .ark-select-dropdown {
  padding: 10px;
}
.ark-integrate-search-filter-tag .ark-dropdown-rel {
  padding: 0px 10px;
}
.ark-integrate-search-filter-tag-drop-dext {
  font-size: 12px;
  font-family: 'Microsoft YaHei';
}
.ark-integrate-search-filter-search-item {
  display: flex;
  flex-wrap: wrap;
}
.ark-integrate-search-filter-search-item > i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  cursor: auto;
  color: #999999;
}
.ark-integrate-search-filter-search-item-title {
  margin: 6px 5px 0px 0px;
  line-height: 12px;
  font-size: 12px;
  font-family: 'Microsoft YaHei';
  color: #999999;
  white-space: nowrap;
}
.ark-integrate-search-filter-search-item-clear {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 6px 5px 0px 5px;
  line-height: 12px;
  font-size: 12px;
  font-family: 'Microsoft YaHei';
  color: #999999;
  cursor: pointer;
  white-space: nowrap;
}
.ark-integrate-search-filter-search-item-clear:hover {
  color: #000000;
}
.ark-integrate-search-filter-search-item-list {
  display: flex;
  margin: 6px 5px 0px 5px;
  background: #f8f8f8;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  line-height: 12px;
  font-size: 12px;
  font-family: 'Microsoft YaHei';
  position: relative;
}
.ark-integrate-search-filter-search-item-list > i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  font-size: 16px;
}
.ark-integrate-search-filter-search-item-list .ark-poptip-rel {
  display: flex;
}
.ark-integrate-search-filter-search-item-detail {
  padding: 0px 0px 0px 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ark--dialog {
  display: flex;
  height: 484px;
  position: relative;
  border-bottom: 1px solid #e8eaec;
  overflow: hidden;
}
.ark--dialog .demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}
.ark--dialog .complex-spin-fix {
  z-index: 20;
}
@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ark--dialog .dialog_left {
  width: 170px;
  border-right: 1px solid #e8eaec;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 10px;
}
.ark--dialog .dialog_left .left_top {
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  border-bottom: 1px solid #e8eaec;
  font-size: 12px;
  color: #575757;
  display: flex;
}
.ark--dialog .dialog_left .left_top .icon {
  font-size: 12px;
}
.ark--dialog .dialog_left .left_top div:first-child {
  flex: 1;
}
.ark--dialog .dialog_left .left_top i {
  margin-right: 10px;
}
.ark--dialog .dialog_left .left_center {
  flex: 1;
  padding-top: 10px;
  position: relative;
  height: 390px;
  padding-bottom: 10px;
  width: 156px;
  overflow-y: auto;
}
.ark--dialog .dialog_center {
  width: 560px;
  position: relative;
  flex: 1;
  height: 484px;
  padding: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border-right: 1px solid #e8eaec;
}
.ark--dialog .dialog_center .table {
  height: 325px;
}
.ark--dialog .dialog_center .dialog_p10 {
  padding: 10px 0;
}
.ark--dialog .dialog_center .dialog_center_bottom {
  display: flex;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
}
.ark--dialog .dialog_center .dialog_center_bottom .dialog_center_bottom_fix {
  width: 270px;
  padding-right: 20px;
}
.ark--dialog .dialog_center .dialog_center_bottom .dialog_center_bottom_fix input {
  line-height: 44px;
  height: 32px;
}
.ark--dialog .dialog-operation {
  width: 32px;
  padding: 0;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
}
.ark--dialog .dialog-operation div {
  text-align: center;
  width: 32px;
}
.ark--dialog .dialog-operation i {
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #fd6442;
  margin-bottom: 45px;
  color: #fd6442;
}
.ark--dialog .dialog-operation .iconbj_left {
  transform: rotate(-180deg);
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #fd6442;
  color: #fd6442;
}
.ark--dialog .dialog_right {
  width: 220px;
  padding: 0 10px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid #e8eaec;
}
.ark--dialog .dialog_right .left_top {
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  border-bottom: 1px solid #e8eaec;
  font-size: 12px;
  color: #575757;
  display: flex;
}
.ark--dialog .dialog_right .left_top div:first-child {
  flex: 1;
}
.ark--dialog .dialog_right .left_top i {
  margin-right: 10px;
}
.ark--dialog .dialog_right ul {
  height: 390px;
  overflow: auto;
}
.ark--dialog .dialog_right ul li {
  margin-bottom: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f8f8f8;
  border-radius: 2px;
  font-size: 12px;
}
.ark--dialog .dialog_right ul li p {
  flex: 1;
  line-height: 18px;
  margin-left: 4px;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 4px 6px;
  color: #0f8ee9;
  word-wrap: break-word;
  word-break: break-all;
}
.ark--dialog .right_center {
  flex: 1;
  padding-top: 10px;
}
.ark-imageupload {
  display: inline-block;
  display: flex;
  flex-direction: row;
}
.ark-imageupload .ark-imageupload-box {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-namePosition {
  position: relative !important;
  top: 50% !important;
  left: -58px !important;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container {
  height: 100%;
  margin: 0 auto;
  border: 1px solid #dcdee2;
  border-radius: 2px;
  overflow: hidden;
  left: 0;
  position: absolute;
  display: flex;
  flex-direction: column;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-iconX {
  display: block;
  position: absolute;
  z-index: 115;
  top: 6px;
  font-size: 16px;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-iconX:hover {
  cursor: pointer;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-slider-wrap {
  border-bottom: 1px solid #dcdee2;
  position: absolute;
  height: 85%;
  top: 0;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-slider-wrap .ark-imageupload-img {
  height: 100%;
  float: left;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-slider-wrap .ark-imageupload-img img {
  height: 100%;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-bottom {
  position: absolute;
  bottom: 0;
  height: 15%;
  width: 100%;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-bottom .ark-imageupload-bottomImage {
  width: 176px;
  height: 100%;
  position: absolute;
  left: 12px;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-bottom .ark-imageupload-pointContainer {
  height: 100%;
  position: absolute;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-bottom .ark-imageupload-pointContainer .point {
  display: inline-block;
  line-height: 0;
  height: 100%;
  width: 25%;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-bottom .ark-imageupload-pointContainer .point img {
  width: 100%;
  height: 100%;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-deleteIcon {
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  z-index: 15;
  right: 0;
  text-align: right;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-container .ark-imageupload-deleteIcon img {
  width: 20px;
  height: 20px;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-pre {
  left: 0;
}
.ark-imageupload .ark-imageupload-box .ark-imageupload-next {
  right: 0;
}
.ark-imageupload .ark-imageupload-box .active {
  border: 1px solid #1D74FF;
}
.ark-imageupload .ark-imageupload-name {
  height: 10%;
  position: relative;
}
.ark-imageupload .ark-imageupload-name .ark-imageupload-fileContent {
  height: auto;
  width: 20px;
  text-align: center;
  color: #1D74FF;
  background-color: #fff;
  border: 1px solid #1D74FF;
  border-radius: 0 4px 4px 0;
  display: block;
  line-height: 15px;
  padding: 2px 0;
  font-size: 10px;
}
.ark-imageupload .ark-imageupload-name .ark-imageupload-fileForm {
  position: relative;
  left: -18px;
  width: 65px;
}
.ark-imageupload .ark-imageupload-transition {
  transition: 0.5s;
}
.ark-imageupload .ark-imageupload-popoverShow {
  z-index: 10000;
}
.ark-imageupload .ark-imageupload-popoverShow img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  text-align: left;
}
.ark-imageupload .ark-imageupload-click {
  color: aliceblue;
  font-weight: bold;
  position: absolute;
  height: 100%;
  margin-top: -20px;
  display: flex;
  justify-content: center;
  align-items: Center;
  bottom: 0;
  z-index: 100;
  cursor: pointer;
  width: 12px;
  background: #dcdee2;
}
.ark-upload-photo {
  display: inline-block;
}
.ark-upload-photo-up {
  border-radius: 4px;
  border: 1px solid #d9d9d9;
}
.ark-upload-photo-up-empty {
  height: 100%;
  width: 100%;
  background-color: #F6F7FA;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #BABFC3;
}
.ark-upload-photo-up-empty i {
  font-size: 34px;
}
.ark-upload-photo-up-empty-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.ark-upload-photo-up-empty-tip {
  font-size: 12px;
  line-height: 17px;
  margin-top: 8px;
  font-weight: 400;
}
.ark-upload-photo-up-poptip {
  display: flex;
}
.ark-upload-photo-up-img {
  border-radius: 4px;
  background-repeat: no-repeat;
}
.ark-upload-photo-up-img-icon {
  position: absolute;
  top: 8px;
  right: 9px;
  background-color: #ffffff;
  display: flex;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.ark-upload-photo-up-img-icon i {
  font-size: 24px;
  color: #808080;
  margin: -3px;
}
.ark-upload-photo-up-img-preview {
  z-index: 9999;
}
.ark-upload-photo-up-img-preview-con {
  box-sizing: content-box;
  box-shadow: 2px 2px 6px 0px rgba(91, 91, 91, 0.5);
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0);
  background-color: #fff;
  background-size: 30px 30px;
  background-position: 0 0,15px 15px;
}
.ark-upload-photo-up-img-preview-height {
  overflow-y: hidden;
  overflow-x: auto;
}
.ark-upload-photo-up-img-preview-height img {
  height: 100%;
}
.ark-upload-photo-up-img-preview-width {
  overflow-y: auto;
  overflow-x: hidden;
}
.ark-upload-photo-up-img-preview-width img {
  width: 100%;
}
.ark-upload-photo-up-img-preview-contain {
  overflow: hidden;
}
.ark-upload-photo-up-img-preview-contain img {
  width: 100%;
}
.ark-upload-photo-up-scaletofill {
  background-size: 100% 100%;
  background-position: 0% 0%;
}
.ark-upload-photo-up-aspectfit {
  background-size: contain;
  background-position: center center;
}
.ark-upload-photo-up-aspectfill {
  background-size: cover;
  background-position: center center;
}
.ark-upload-photo-up-top {
  background-size: auto;
  background-position: center top;
}
.ark-upload-photo-up-bottom {
  background-size: auto;
  background-position: center bottom;
}
.ark-upload-photo-up-center {
  background-size: auto;
  background-position: center center;
}
.ark-upload-photo-up-left {
  background-size: auto;
  background-position: left center;
}
.ark-upload-photo-up-right {
  background-size: auto;
  background-position: right center;
}
.ark-upload-photo-up-top-left {
  background-size: auto;
  background-position: left top;
}
.ark-upload-photo-up-top-right {
  background-size: auto;
  background-position: right top;
}
.ark-upload-photo-up-bottom-left {
  background-size: auto;
  background-position: left bottom;
}
.ark-upload-photo-up-bottom-right {
  background-size: auto;
  background-position: right bottom;
}
.ark-upload-photo-down {
  width: 100%;
  margin-top: 8px;
}
.ark-upload-photo-down-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/**
  * 提供公共样式
  */

/**
 * Resets
 * --------------------------------------------------
 * Adapted from normalize.css and some reset.css. We don't care even one
 * bit about old IE, so we don't need any hacks for that in here.
 *
 * There are probably other things we could remove here, as well.
 *
 * normalize.css v2.1.2 | MIT License | git.io/normalize

 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html .el-popper[x-placement^=bottom],
body .el-popper[x-placement^=bottom],
html .el-popper[x-placement^=right],
body .el-popper[x-placement^=right] {
  margin-top: 4px;
  z-index: 6000 !important;
}
html .el-autocomplete-suggestion.is-loading .el-icon-loading,
body .el-autocomplete-suggestion.is-loading .el-icon-loading {
  margin: auto;
}
html .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap,
body .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap {
  padding: 6px 0;
}
html .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li,
body .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  padding: 0 10px;
  display: flex;
}
html .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span,
body .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
}
html .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span.length1,
body .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span.length1 {
  max-width: 100%;
}
html .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span.length2,
body .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span.length2 {
  max-width: 50%;
}
html .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span.length3,
body .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span.length3 {
  max-width: 33%;
}
html .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span.length4,
body .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li span.length4 {
  max-width: 25%;
}
html .el-dropdown-menu,
body .el-dropdown-menu {
  font-size: 12px!important;
  color: #48576a !important;
  overflow: auto;
  max-height: 270px;
  margin: 5px 0;
  padding: 6px 0;
}
html .el-dropdown-menu > div,
body .el-dropdown-menu > div {
  width: 100%;
  max-height: 230px;
  height: auto!important;
}
html .el-dropdown-menu .el-dropdown-menu__item,
body .el-dropdown-menu .el-dropdown-menu__item {
  line-height: 24px!important;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  font-size: 12px;
}
html .el-dropdown-menu .el-dropdown-menu__item > label,
body .el-dropdown-menu .el-dropdown-menu__item > label {
  width: 100%;
  display: inline-block;
  padding-left: 10px;
  box-sizing: border-box;
}
html .el-dropdown-menu .el-dropdown-menu__item input[type=checkbox],
body .el-dropdown-menu .el-dropdown-menu__item input[type=checkbox] {
  float: left;
  margin-right: 5px;
  margin-top: 6px;
}
html .el-dropdown-menu .el-dropdown-menu__item a,
body .el-dropdown-menu .el-dropdown-menu__item a {
  color: #606266;
  text-decoration: none;
}
html .el-select-dropdown,
body .el-select-dropdown {
  color: #48576a !important;
}
html .el-select-dropdown .el-select-dropdown__item,
body .el-select-dropdown .el-select-dropdown__item {
  margin-bottom: 2px;
  height: 24px;
  padding: 0 6px;
}
html .el-select-dropdown .el-select-dropdown__item > span,
body .el-select-dropdown .el-select-dropdown__item > span {
  height: 24px;
  line-height: 24px;
  text-indent: 6px;
  font-size: 12px;
  float: left;
}
html .el-checkbox__label,
body .el-checkbox__label {
  font-size: 12px!important;
}
html .el-checkbox__inner,
body .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
html .el-checkbox__inner::after,
body .el-checkbox__inner::after {
  height: 8px;
  top: 0;
  left: 3px;
}
html .el-dropdown-menu__item--divided,
body .el-dropdown-menu__item--divided {
  padding: 0 10px;
  background: white!important;
}
html .el-dropdown-menu__item--divided > button,
body .el-dropdown-menu__item--divided > button {
  padding: 5px;
  font-size: 12px;
  color: #48576a !important;
}
html .el-dropdown-menu__item--divided > button:hover,
body .el-dropdown-menu__item--divided > button:hover {
  border-color: #c4c4c4;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
u,
center,
button,
li,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
fieldset,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}
th {
  font-weight: normal;
}
ol,
ul,
li {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
script {
  display: none !important;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 */
html {
  /* 1 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
  line-height: 1;
  overflow: hidden;
}
/**
 * Remove default outlines.
 */
a,
button,
:focus,
a:focus,
button:focus,
a:active,
a:hover {
  outline: 0;
}
/* *
 * Remove tap highlight color
 */
a {
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
}
a[href]:hover {
  cursor: pointer;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
em {
  color: #de4a4a;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  padding: 0;
  /* 2 */
  border: 0;
  /* 1 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Remove any default :focus styles
 * 5. Make sure webkit font smoothing is being inherited
 * 6. Remove default gradient in Android Firefox / FirefoxOS
 */
button,
input,
select,
textarea {
  font-family: "Microsoft YaHei";
  margin: 0;
  /* 3 */
  font-size: 100%;
  /* 2 */
  /* 1 */
  outline-offset: 0;
  /* 4 */
  outline-style: none;
  -webkit-user-select: text!important;
  /* 4 */
  outline-width: 0;
  /* 4 */
  -webkit-font-smoothing: inherit;
  /* 5 */
  background-image: none;
  /* 6 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  -khtml-user-select: text;
  user-select: text;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 3 */
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *  (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-box-sizing: content-box;
  /* 2 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  /* 1 */
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
img {
  -webkit-user-drag: none;
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-spacing: 0;
  border-collapse: collapse;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ng-hide {
  display: none !important;
}
.text-over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.one-line-flow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.r3-newBox-contents .openedMenuLists .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab-active {
  color: #fff;
  background-color: var(--primary-color);
}
.r3-newBox-contents .openedMenuLists .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab-active:hover {
  color: #fff;
  background-color: var(--primary-color);
}
.r3-newBox-contents .openedMenuLists .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab:hover {
  color: var(--primary-color);
}
.r3-newBox-contents .NavigatorSubMenu .menu-group li.item:hover {
  background-color: var(--primary-color);
}
.tab-list .active {
  border-top: 2px solid var(--primary-color) !important;
  border-bottom: 2px solid #fff !important;
  color: var(--primary-color) !important;
}
.tag-close {
  background-color: var(--primary-color);
}
label .btn btn-sm .btn-white.active:hover {
  background-color: var(--primary-color);
}
.ibox .btn-group .btn-white .active {
  background-color: var(--primary-color) !important;
}
.titleborderleft::before {
  background: var(--primary-color);
}
.r3-tab-nav .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab {
  background: #fff;
  color: #333;
  border: none;
  line-height: 22px;
  width: auto;
  padding: 4px 20px;
  font-weight: normal;
}
.r3-tab-nav .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab-active {
  border-bottom: 4px solid var(--primary-color);
  color: var(--primary-color);
}
.r3-tab-nav .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab:hover {
  color: var(--primary-color);
}
.jq-combined-commodity .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.horizontalTableDetail .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.auto-check .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.returnAddColl .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.compositeAllform .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.order-add .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.TreasuryDefault .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.jq-combined-commodity-edit .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.logisticsArea .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.sendSingleRule .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.setWarehouseLogistics .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.courierPay .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.financialManageCenter .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.re_form .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before {
  background: var(--primary-color) !important;
}
.navigator-sub-menu .menu-group li.item[data-v-ea4f669a]:hover {
  background-color: var(--primary-color) !important;
  color: #fff;
}
.iconios-information-circle-outline {
  color: var(--primary-color) !important;
}
.iconbj_delete {
  color: var(--primary-color) !important;
}
.one_button .buttonBox button {
  border-color: var(--primary-color) !important;
}
.ark-btn-ghost.ark-btn-error {
  color: var(--primary-color) !important;
}
.clonePopUp .pop-btn .cancel-btn[data-v-1fa46022],
.clonePopUp .pop-btn .sav-btn[data-v-1fa46022] {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.BARCODEIDMODIFYLOGISTICSTEXT textarea {
  width: 341px !important;
  max-height: unset !important;
}
.pickCodePrintModal {
  display: flex;
  align-items: center;
}
.pickCodePrintModal .ark-modal {
  top: -120px;
}
.pickCodePrintModal .ark-modal-confirm-footer {
  width: 100%;
}
.pickCodePrintModal .ark-input-wrapper {
  word-break: break-all;
}
.vue-loading {
  opacity: 0.4;
}
.homeTopLink {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: url(/b282896d8932bdc0e29a.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.standarTableListContent .StandardTableListNew .ListsForm-box {
  height: calc(100% - 55px);
}
.NavigatorVertical .left img.banner {
  height: auto;
}
.r3-dialog-skqNotice .r3-skq-notice-queue-head::before {
  background: var(--primary-color);
}
.global-custom-page-wrap {
  padding: 0 16px;
}
.global-public-quickOperation {
  height: 64px;
  border-bottom: 1px solid #D8D8D8;
  display: flex;
  align-items: center;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.global-custom-tab-wrap .ark-tabs-bar {
  margin-bottom: 0;
}
.global-custom-tab-content-wrap .ark-collapse-item.ark-collapse-item-active,
.global-custom-form-wrap .ark-collapse-item.ark-collapse-item-active {
  margin-bottom: 0 !important;
}
.global-custom-form-wrap .ark-collapse-content-box,
.global-custom-tab-content-wrap .ark-collapse-content-box {
  padding-bottom: 0 !important;
}
.global-custom-tab-content-wrap .ark-collapse-content {
  padding: 0 16px;
}
.global-custom-table-wrap.TableDetailCollection {
  margin-top: 0;
  padding-bottom: 0;
}
.product-price-custom-tab-wrap .ark-collapse-item.ark-collapse-item-active {
  margin-bottom: 0;
}
.product-price-custom-tab-wrap .ark-collapse-content > .ark-collapse-content-box {
  padding-bottom: 0;
  height: 48px;
  background: #f8f8f8;
  padding-top: 4px !important;
}
.custom-color-radio-wrap .ark-radio-wrapper {
  padding: 3px 0;
}
.content .block {
  padding: 0px!important;
}
.content .block .foldPanelContent .ark-collapse > .ark-collapse-item > .ark-collapse-content {
  padding: 0px 0px  0px 0px;
}
.content .block .foldPanelContent .ark-collapse-content {
  padding-top: 6px!important;
}
.content .block .foldPanelContent .ark-collapse {
  border: 0;
  margin-bottom: 6px;
}
.content .block .ark-col {
  margin-bottom: 6px;
}
.content .block .ark-col .input_box {
  max-width: 400px;
  min-width: 120px!important;
}
.content .block .ark-col .ark-input-number {
  min-width: 120px!important;
}
.content .block .ark-col .ark-date-picker {
  min-width: 120px!important;
}
.content .ark-form-item {
  margin-bottom: 0px;
}
.AbnormalPriceMonitoreStrategy .ItemComponentRoot {
  padding-top: 0px;
}
#content .tableArea {
  padding-top: 4px;
}
.foldPanelContent .ark-collapse-content > .ark-collapse-content-box {
  padding-bottom: 0px;
}
.foldPanelContent .ark-collapse > .ark-collapse-item > .ark-collapse-content {
  padding: 0px 0px  0px 0px;
}
.content .block .foldPanelContent .strategy-panel .ark-collapse-content {
  padding-top: 0px!important;
}
#nav {
  /* 导航背景颜色/导航鼠标经过背景颜色/其他按钮鼠标经过颜色 */
}
#menu {
  /* 菜单背景色/菜单背景色鼠标经过/字体颜色/收起菜单鼠标经过字体颜色 */
}
body .ark-modal-content-drag .ark-modal-confirm-wrap {
  padding: 16px;
}
body .ark-modal-confirm-wrap {
  padding: 0;
}
.nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fontHeight {
  min-height: 24px;
  line-height: 24px;
}
.PromotionInput {
  width: 100%;
  height: 24px;
  font-size: 12px;
  padding: 0 5px;
  background: #fff;
  color: #606266;
  border-radius: 2px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
}
.addOrEditActi,
.batchActivity {
  display: flex;
  height: 100%;
}
.addOrEditActi .steps_content,
.batchActivity .steps_content {
  position: relative;
  height: 100%;
  width: 92%;
  display: flex;
  flex-direction: column;
}
.addOrEditActi .steps_content .basic,
.batchActivity .steps_content .basic {
  border: 1px solid #d8d8d8;
  margin-top: 10px;
  padding: 0 10px 10px;
  background-color: #fff;
}
.addOrEditActi .steps_content .basic:first-child,
.batchActivity .steps_content .basic:first-child {
  margin-top: 0;
}
.addOrEditActi .steps_content .basicSteps,
.batchActivity .steps_content .basicSteps {
  overflow: scroll;
}
.addOrEditActi .steps_content .footer,
.batchActivity .steps_content .footer {
  height: 50px;
  line-height: 50px;
  background: #f4f4f4;
  border: 1px solid #ebeef5;
  width: 100%;
  text-align: right;
}
.addOrEditActi .steps_content .footer > button,
.batchActivity .steps_content .footer > button {
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  border: 1px solid var(--primary-color);
  font-size: 12px;
  color: var(--primary-color);
  border-radius: 2px;
  margin-right: 10px;
  background: transparent;
}
.addOrEditActi .steps_bar,
.batchActivity .steps_bar {
  padding: 20px;
  width: 15%;
  background-color: #fff;
}
.basicInfo > .title,
.infoSet > .title,
.giftSet > .title,
.batchInfoSet > .title {
  height: 50px;
  line-height: 50px;
}
.basicInfo > .title i,
.infoSet > .title i,
.giftSet > .title i,
.batchInfoSet > .title i {
  font-size: 24px;
  color: #ec6e4e;
  vertical-align: middle;
}
.basicInfo > .title > span,
.infoSet > .title > span,
.giftSet > .title > span,
.batchInfoSet > .title > span {
  line-height: 36px;
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
}
.detailtable .form_button {
  padding: 5px 0 5px;
  text-align: right;
}
.detailtable .form_button > button {
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  border: 1px solid var(--primary-color);
  font-size: 12px;
  background: #fff;
  color: var(--primary-color);
  border-radius: 2px;
}
.detailtable .form_button .buttonFk {
  display: inline-block;
}
.detailtable .el-autocomplete {
  width: 300px;
}
.detailtable .el-autocomplete .el-input {
  font-size: 12px;
}
.detailtable .el-autocomplete .el-input .el-input__inner {
  text-align: left;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
}
.detailtable .ark-table td {
  height: 32px;
}
.detailtable .ark-table .ark-table-cell-ellipsis input {
  border-radius: 2px;
  border: 1px solid #dcdfe6;
  height: 24px;
  padding: 0 15px;
  text-align: inherit;
  color: #606266;
}
.detailtable .ark-table .ark-table-cell-ellipsis .ark-btn {
  height: 24px;
  padding: 0 21px;
  color: #575757 !important;
}
.detailtable .ark-table .ark-table-cell-ellipsis .ark-btn:hover {
  color: #0068b7 !important;
  border-color: #0068b7;
}
.detailtable.promotionTable .page-box {
  margin-top: 5px;
}
.detailtable.promotionTable .page-box .page_content {
  display: flex;
  justify-content: center;
}
.detailtable.promotionTable .page-box .page_content .page-allSizes {
  padding-right: 10px;
  line-height: 24px;
}
.formList .row {
  font-size: 0;
  padding: 10px 0;
}
.formList .row .item-input {
  height: 24px !important;
  line-height: 22px !important;
  font-size: 12px;
  width: 560px;
  border-radius: 0;
}
.formList .row .item-input label {
  line-height: 24px !important;
  width: 150px;
  text-align: center;
}
.formList .row .item-input label i {
  font-size: 12px;
  position: initial;
  top: 0;
  right: 0;
}
.formList .row .item-input .input-wrap .popover-icon i {
  font-size: 12px;
  color: #808695;
}
.formList .row .item-input .input-wrap .el-autocomplete {
  width: 100%;
  font-size: 12px;
}
.formList .row .item-input .input-wrap .el-input input {
  width: 100%;
  height: 24px;
  font-size: 12px;
  padding: 0 5px;
  background: #fff;
  color: #606266;
  border-radius: 2px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
}
.formList .row .form_label {
  display: inline-block;
  font-size: 12px;
  width: 150px;
  text-align: center;
  vertical-align: top;
  min-height: 24px;
  line-height: 24px;
}
.formList .row .form_content {
  display: inline-block;
  font-size: 12px;
  width: calc(100% - 150px);
  min-height: 24px;
  line-height: 24px;
}
.formList .row .form_content .form_el_input.doubleNum {
  display: inline-block;
  width: 60px;
  height: 24px;
}
.formList .row .form_content .limitinput {
  width: 60px !important;
}
.formList .row .form_content .form_item {
  display: inline-block;
}
.formList .row .form_content .form_el_input {
  width: 410px;
}
.formList .row .form_content .form_el_input input {
  width: 100%;
  height: 24px;
  font-size: 12px;
  padding: 0 5px;
  background: #fff;
  color: #606266;
  border-radius: 2px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
}
.formList .row .form_content .el-select .el-input {
  font-size: 12px;
}
.formList .row .red {
  height: 14px;
  width: 8px;
  line-height: 14px;
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
  color: #fd6442;
}
.formList .row .buttonFk button {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.batchTables .AutoRight {
  text-align: right;
  padding: 0 15px;
}
.batchTables .import {
  display: inline-block;
  background: var(--primary-color);
  color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  padding: 5px;
}
.batchTables .form_content {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.batchTables .form_content .detailtable {
  width: calc(50% - 5px);
}
.batchTables .form_content .closeBtn {
  position: absolute;
  right: -7px;
  top: 30px;
  z-index: 10;
  font-size: 16px;
  border: 1px solid #666;
  border-radius: 50%;
  color: #666;
  background: #fff;
}
.batchTables .add {
  display: inline-block;
  color: #fff;
  width: 40px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  margin-top: 10px;
}
.batchTables .add i {
  font-size: 18px;
}
.proodis_cisit {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin: 0px 0px 12px 0px;
}
.proodis_cisit .el-select .el-input input {
  width: 80px;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 3px;
}
.proodis_cisit input {
  width: 60px;
  height: 24px;
  border-radius: 2px;
  color: #606266;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  padding-left: 3px;
  margin: 0 2px;
}
.proodis_cisit input.input-number {
  text-align: center;
}
.proodis_cisit .desc2 {
  padding-right: 10px;
}
.setCommodityModal .modal_footer {
  text-align: right;
  font-size: 0;
  margin-top: 10px;
}
.setCommodityModal .modal_footer button {
  display: inline-block;
  min-width: 50px;
  height: 28px;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #fd6442;
  background: #fd6442;
  border-radius: 3px;
  margin-left: 8px;
}
.setCommodityModal .modal_footer button.white {
  background: transparent;
  color: #fd6442;
}
.setCommodityModal .modal_footer button.white:hover {
  color: #fff;
  border: 1px solid #fd6442;
  background: #fd6442;
}
.tablists .tabs_header {
  position: relative;
}
.tablists .tabs_header .nav_wrap_scroll {
  overflow: hidden;
}
.tablists .tabs_header .nav_wrap_scroll .tab_item {
  padding: 0 20px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  position: relative;
}
.tablists .tabs_header .nav_wrap_scroll .tab_item:first-child {
  padding-left: 0;
}
.tablists .tabs_header .nav_wrap_scroll .tab_item:last-child {
  padding-right: 0;
}
.tablists .tabs_header .nav_wrap_scroll .tab_active {
  z-index: 2;
  border-bottom: 2px solid #ec6e4e;
  color: #ec6e4e;
}
.tablists .tabs_header .nav_wrap_scroll::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #e4e7ed;
  z-index: 1;
}
.tablists .tabs_content {
  margin: 10px 0;
}
.r3-tab-nav .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab-active {
  background: #fff !important;
  border-bottom: 4px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
}
.agPage.ark-page.mini {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.isFilterTable .agPage.ark-page.mini {
  margin-bottom: 0px !important;
}
.ag-theme-balham .ag-header,
.ag-header-row.ag-header-row-column {
  height: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
}
.ChangePassword .clonePopUp .pop-btn {
  margin-top: 22px !important;
}
.ChangePassword .clonePopUp .pop-input input {
  height: 26px !important;
}
.r3-horizontal-content .nav-open {
  width: calc(100% - 190px) !important;
  left: 185px !important;
  top: 55px;
}
.r3-horizontal-content .nav-close {
  width: calc(100% - 60px) !important;
  left: 55px !important;
  top: 55px;
}
.r3-horizontal-content .history-and-favorite .favorite .onMouseOverShow,
.r3-horizontal-content .history-and-favorite .history .onMouseOverShow {
  top: 55px !important;
}
.r3-horizontal-content .history-and-favorite .favorite .onMouseOverShow li,
.r3-horizontal-content .history-and-favorite .history .onMouseOverShow li {
  padding: 15px 0px !important;
  text-align: center !important;
}
.r3-content-ContentDisplayArea {
  margin: 5px 5px 5px 5px !important;
}
.verticalTableDetail .R3-buttonList {
  padding: 8px 0px 0 5px !important;
}
.verticalTableDetail .TableDetailCollection.objectTable .detail-collection .table-outside {
  width: 100%;
}
.verticalTableDetail .TableDetailCollection.objectTable .detail-collection .detail-search .detail-search-input .ark-input-group-prepend .ark-btn span {
  bottom: unset !important;
}
.verticalTableDetail .TableDetailCollection.objectTable .detail-collection .detail-buttons {
  float: left;
}
.verticalTableDetail .TableDetailCollection.objectTable .detail-collection .detail-buttons a {
  padding: 0 10px !important;
}
.verticalTableDetail .TableDetailCollection.objectTable .ark-input-search-icon {
  font-size: 16px !important;
}
.verticalTableDetail .TableDetailCollection.objectTable .detail-top .detail-content {
  margin-bottom: unset !important;
}
.search-content-box-modal .ark-modal-content.fcWarning,
.search-content-box-modal .ark-modal-content.fcError {
  margin-top: 23vh;
}
.search-content-box-modal .ark-modal,
.search-content-box-modal .ark-modal-content {
  width: 460px !important;
}
.search-content-box-modal .search-content-box {
  padding: 24px 0px 60px 0px !important;
}
.search-content-box-modal .search-content-box .ark-input {
  height: 44px;
  font-size: 14px;
}
.search-content-box-modal .search-content-box h2 {
  height: unset !important;
  font-size: 18px !important;
}
.search-content-box-modal .search-content-box .ark-input-innerWrap {
  top: 50%;
  transform: translateY(-50%);
}
.standardTable .detailTable,
.standardTable .isBig {
  margin-top: 0px !important;
}
.StandardTableListRootDivBox .StandardTableListNew {
  padding: 5px 0 !important;
}
.StandardTableListRootDivBox .StandardTableListNew .StandardTableList-list-bar {
  min-width: unset !important;
}
.StandardTableListRootDivBox .StandardTableListNew .icon_showlayout_right {
  left: 0 !important;
}
.r3-vertical-content .nav-open {
  width: calc(100% - 65px) !important;
  left: 59px !important;
  top: 5px !important;
}
.r3-vertical-content .r3-content-nav .NaVertical .ark-tooltip-popper {
  left: 54px !important;
  transform: translateY(40px);
  /*margin-top: 158px!important;*/
}
.r3-vertical-content .r3-content-nav .NaVertical .ark-tooltip-arrow {
  display: none;
}
.r3-vertical-content .r3-content-nav .NaVertical .ark-tooltip-inner {
  min-height: auto;
}
.r3-vertical-content.r3-newBox-contents .NaVertical .NaVertical-box {
  padding-bottom: 10px;
  padding-top: 5px;
}
.r3-vertical-content.r3-newBox-contents .NaVertical .tag {
  line-height: 30px !important;
  height: 30px !important;
}
.r3-vertical-content.r3-newBox-contents .NavigatorVertical.transferRight {
  width: 54px !important;
}
.r3-vertical-content.r3-newBox-contents .NavigatorVertical .navigator-primary-menu {
  padding: 13px 11px !important;
}
.r3-vertical-content.r3-newBox-contents .NavigatorVertical .middle .navigator-primary-menu-div {
  font-size: 15px !important;
}
.r3-vertical-content .NavigatorVertical .left.r3-vertical-logo {
  padding: 14px 0 5px 0 !important;
}
.ark-select-dropdown.ark-dropdown-transfer {
  width: 165px !important;
  text-align: center;
}
.ark-select-dropdown.ark-dropdown-transfer.Navigator-lately {
  max-height: 600px !important;
  left: 54px !important;
}
.ark-select-dropdown.ark-dropdown-transfer.Navigator-collect {
  left: 54px !important;
}
.ark-drawer-wrap.Drawer_showLayout {
  left: 54px !important;
}
.r3-newBox-contents .openedMenuLists {
  height: 27px !important;
}
.r3-newBox-contents .openedMenuLists .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab {
  font-size: 12px !important;
  line-height: 27px !important;
  height: 27px !important;
  width: auto !important;
}
.r3-newBox-contents .openedMenuLists .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-nav-container {
  height: auto !important;
}
.StandardTableList-list-bar-right .r3-tab-nav {
  margin-top: 5px !important;
}
.StandardTableList-list-bar-right .r3-tab-nav .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab {
  height: 28px !important;
  line-height: 28px !important;
  padding: 0px 20px !important;
}
.StandardTableList-list-bar-right .r3-tab-nav .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-nav-container {
  height: auto !important;
}
.ListsForm-box {
  margin-bottom: 0px !important;
}
.ListsForm-box .ListsForm {
  padding: 0 28px 0px 0 !important;
}
#content {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ark-drawer-wrap .panel-main {
  display: flex;
  flex-direction: column;
}
.ark-drawer-wrap .panel-main .panel-item-welcome {
  order: 1;
}
.ark-drawer-wrap .panel-main .panel-item-changePwd {
  order: 2;
}
.ark-drawer-wrap .panel-main .panel-item-changePwd .iconfont {
  margin-right: 3px;
}
.ark-drawer-wrap .panel-main .setting-color {
  order: 3;
}
.ark-drawer-wrap .panel-main .panel-item-queryDefaultRows {
  order: 4;
}
.ark-drawer-wrap .panel-main .panel-item-explanatory {
  order: 5;
}
.ark-drawer-wrap .panel-main .panel-item-box {
  order: 6;
}
.ark-drawer-wrap .panel-main .panel-item-exit {
  order: 7;
}
.Navigator-collect {
  max-height: 500px;
}
#search_list_button i {
  border-left: 1px solid var(--primary-color);
  line-height: 26px;
}
.R3-button-group .helpUrlyq a {
  display: inline-block;
  height: 28px;
  vertical-align: middle;
  color: var(--primary-color);
}
.R3-button-group .helpUrlyq a .r3-svg-icon {
  width: 20px;
  height: 20px;
}
body {
  margin: 0;
}
body .ark-tabs-panels-nav {
  font-size: 12px;
}
body .history-and-favorite {
  padding: 0 !important;
}
body #ContentDisplayArea {
  background-color: #eff2f5 !important;
}
body #ContentDisplayArea .R3tree {
  border: none;
  background-color: #fff;
}
body #ContentDisplayArea .standarTableListContent .treeSwitch {
  background: #fff;
  border-color: #ebedf0;
}
body #ContentDisplayArea .functionPower {
  padding: 0;
}
body #ContentDisplayArea .functionPower .buttonGroup {
  padding: 10px 12px;
  background: #fff;
}
body #ContentDisplayArea .functionPower .content .contentLeft {
  background-color: #fff;
  border: none;
}
body #ContentDisplayArea .functionPower .content .contentRight {
  background-color: #fff;
  border: none;
}
body #ContentDisplayArea .jurisdiction .one_button {
  background: #fff;
  padding: 5px 12px;
  margin-bottom: 10px;
}
body #ContentDisplayArea .jurisdiction .content .left_col {
  border: none;
  background-color: #fff;
  margin-right: 10px;
  border-radius: 0px;
}
body #ContentDisplayArea .jurisdiction .content .left_col .filterTreeContainer {
  border: none;
  margin-right: 0;
}
body #ContentDisplayArea .jurisdiction .content .right_col {
  border: none;
  border-radius: 0px;
  background-color: #fff;
}
body #ContentDisplayArea .verticalTableDetail .singleObjectButton .buttonGroup {
  background-color: #fff;
  padding: 12px 10px 6px;
  margin-bottom: 10px;
}
body #ContentDisplayArea .verticalTableDetail .verticalTabs {
  padding: 0 12px;
  background-color: #fff;
}
body #ContentDisplayArea .verticalTableDetail .verticalTabs .ark-tabs-panels-content {
  border: none;
}
body #ContentDisplayArea .verticalTableDetail .TableDetailCollection {
  margin: 10px 0;
}
body #content {
  background-color: #fff;
}
body .horizontalTableDetail .ark-tabs-panels-nav-scroll {
  background-color: #fff;
}
body .horizontalTableDetail .singleObjectButton .buttonGroup {
  padding: 10px 12px 6px;
  background: #fff;
}
body .horizontalTableDetail .standard_container {
  padding-top: 0;
  border: none;
}
body .horizontalTableDetail .standard_container .tabs_container {
  margin-top: 0;
}
body .horizontalTableDetail .standard_container .tabs_container .navButton {
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 12px;
  height: auto;
  overflow: hidden;
  background-color: #fff;
}
body .horizontalTableDetail .standard_container .tabs_container .ark-tabs-panels-content {
  border: none;
}
body .horizontalTableDetail .standard_container .tabs_container .color_container,
body .horizontalTableDetail .standard_container .tabs_container .size_container {
  padding: 0;
  padding-top: 10px;
}
body .horizontalTableDetail .standard_container .tabs_container .color_container .left_container,
body .horizontalTableDetail .standard_container .tabs_container .size_container .left_container {
  background-color: #fff;
  border-color: #dcdee2;
}
body .horizontalTableDetail .standard_container .tabs_container .color_container .right_container,
body .horizontalTableDetail .standard_container .tabs_container .size_container .right_container {
  background-color: #fff;
  border-color: #dcdee2;
}
body .horizontalTableDetail .standard_container .tabs_container .color_container .right_container .right_input,
body .horizontalTableDetail .standard_container .tabs_container .size_container .right_container .right_input {
  height: 28px;
  padding-left: 90px;
}
body .horizontalTableDetail .standard_container .tabs_container .color_container .right_container .right_input > button,
body .horizontalTableDetail .standard_container .tabs_container .size_container .right_container .right_input > button {
  position: absolute;
  left: 0;
  top: 0;
  height: 28px;
  line-height: 26px;
  padding: 0 10px;
  cursor: default;
}
body .horizontalTableDetail .TableDetailCollection {
  background-color: #fff;
  margin: 0;
  padding: 10px 12px;
}
body .horizontalTableDetail .pro_desc .buttonGroup {
  height: auto;
  padding: 10px 12px;
  margin: 0;
  background-color: #fff;
}
body .detailTable,
body .isBig,
body .orderManageEdit {
  border-color: #ebedf0 !important;
}
body .custom-main {
  display: flex;
  flex-direction: column;
}
body .custom-main .custom-btn {
  background-color: #fff;
  order: 2;
  padding: 5px 12px;
}
body .custom-main .custom-btn .one_button {
  padding: 0;
}
body .custom-main .custom-label {
  background-color: #fff;
  padding: 0 12px;
}
body .custom-main .custom-form {
  order: 1;
  border-color: #ebedf0;
  background-color: #fff;
  margin-bottom: 10px;
}
body .custom-main .custom-table {
  order: 3;
  padding: 0 12px 12px;
  background: #fff;
}
body .custom-main .custom-table .businessLabel {
  margin-top: 0;
}
body .custom-main .custom-table .businessLabel .jordan-label {
  margin-top: 0;
}
body .custom-main .custom-table .detailButtons button {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
body .custom-main .custom-table .agTable {
  border-color: #ebedf0;
}
body .public-main {
  height: 100%;
  display: flex;
  flex-direction: column;
}
body .public-main.custom-main .custom-btn {
  order: inherit;
  margin-bottom: 10px;
}
body .public-content {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}
body .ark-page.mini .ark-page-options-sizer .ark-select {
  height: 26px !important;
}
body .ark-page.mini .ark-page-options-sizer .ark-select-selection {
  height: 26px !important;
}
body .ark-page.mini .ark-page-options-sizer .ark-select-selected-value {
  height: 24px !important;
  line-height: 24px !important;
}
body .ark-page.mini .ark-page-item {
  margin-left: 5px;
}
body .ag-theme-balham .ag-body-viewport::-webkit-scrollbar,
body .ag-theme-balham .ag-theme-balham .ag-column-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body .ag-theme-balham .ag-body-viewport::-webkit-scrollbar-track,
body .ag-theme-balham .ag-theme-balham .ag-column-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 15px #f0f0f0;
}
body ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body .iconbj_link {
  margin-right: 5px;
}
body .history-and-favorite .favorite .onMouseOverShow[data-v-2b94426a],
body .history-and-favorite .history .onMouseOverShow[data-v-2b94426a] {
  left: 50px;
  top: 50px;
}
body .history-and-favorite .favorite div.label,
body .history-and-favorite .history div.label {
  padding: 0 20px 0 16px !important;
}
body .history-and-favorite .favorite div.label i.left-icon,
body .history-and-favorite .history div.label i.left-icon {
  margin-right: 0 !important;
}
body .ark-form-item-required .ark-form-item-label:before {
  vertical-align: middle;
  font-size: 12px !important;
}
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#app .admin-container {
  height: 100%;
  width: 100%;
}
#app .admin-container .main-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#app .admin-container .main-container .main-content {
  flex: 1;
  margin: 0;
  display: flex;
}
#app .admin-container .main-container .main-content > div {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 20px 0px;
}
.dispalyArea {
  position: relative;
}
.ffish-icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  fill: currentColor;
  overflow: hidden;
}
html,
body {
  height: 100%;
  width: 100%;
}
html .el-loading-mask,
body .el-loading-mask {
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
}
html .el-loading-mask .el-loading-spinner,
body .el-loading-mask .el-loading-spinner {
  background: url('/static/img/loading.svg') center no-repeat;
  height: 60px;
  margin-top: -30px;
}
html .el-loading-mask .el-loading-spinner svg,
body .el-loading-mask .el-loading-spinner svg {
  display: none;
}
html .el-loading-mask .el-loading-spinner .el-loading-text,
body .el-loading-mask .el-loading-spinner .el-loading-text {
  margin-top: 60px;
}
html .el-loading-mask.is-fullscreen,
body .el-loading-mask.is-fullscreen {
  z-index: 9999999 !important;
}
html .v-modal,
body .v-modal {
  background: rgba(0, 0, 0, 0.3);
  z-index: 1998;
}
html > .el-message,
body > .el-message {
  display: block;
  z-index: 20000 !important;
  min-width: 300px;
  background-color: #ffffff;
  height: 40px;
  line-height: 40px;
  padding: 0;
}
html > .el-message > img,
body > .el-message > img {
  top: 50%;
  margin-top: -20px;
}
html > .el-message .el-message__icon,
body > .el-message .el-message__icon {
  height: 40px;
  width: 40px;
  margin-right: 0;
  line-height: 40px;
  text-align: center;
  font-size: 25px;
  float: left;
}
html > .el-message .el-message__content,
body > .el-message .el-message__content {
  color: #8391a5;
  margin-left: 40px;
  line-height: 40px;
  padding: 0 10px 0 0;
}
html > .el-message .el-message__group,
body > .el-message .el-message__group {
  height: auto;
  min-height: 20px;
}
html > .el-message.el-message--warning,
body > .el-message.el-message--warning {
  border-color: #e6a23c;
}
html > .el-message.el-message--success,
body > .el-message.el-message--success {
  border-color: #67c23a;
}
html .el-cascader-menus,
body .el-cascader-menus {
  border: none;
  box-sizing: border-box;
  top: 50px !important;
  z-index: 1001 !important;
  left: 0 !important;
  width: 100%;
  padding-left: 180px;
  padding-bottom: 16px;
}
html .el-cascader-menus .el-cascader-menu,
body .el-cascader-menus .el-cascader-menu {
  height: auto;
  padding: 16px 10px;
}
html .el-cascader-menus .el-cascader-menu .el-cascader-menu__item,
body .el-cascader-menus .el-cascader-menu .el-cascader-menu__item {
  height: 28px;
  line-height: 1;
  font-size: 12px;
  padding: 8px 30px 8px 24px;
}
html .el-cascader-menus .el-cascader-menu .el-cascader-menu__item:hover,
body .el-cascader-menus .el-cascader-menu .el-cascader-menu__item:hover {
  background-color: var(--primary-color);
  color: white;
}
html .el-cascader-menus .el-cascader-menu .el-cascader-menu__item.is-active,
body .el-cascader-menus .el-cascader-menu .el-cascader-menu__item.is-active {
  background-color: var(--primary-color);
}
html .el-cascader-menus .el-cascader-menu .el-cascader-menu__item--extensible:after,
body .el-cascader-menus .el-cascader-menu .el-cascader-menu__item--extensible:after {
  content: '';
}
html .el-icon-search,
body .el-icon-search {
  line-height: normal;
}
html .el-select .el-input .el-select__caret,
body .el-select .el-input .el-select__caret {
  line-height: normal;
}
html .el-date-editor,
body .el-date-editor {
  height: 24px;
  padding: 0;
  border-color: #d8d8d8;
}
html .el-date-editor .el-input__icon,
body .el-date-editor .el-input__icon {
  height: 20px;
  line-height: 20px;
  width: 20px;
  right: 0;
  top: 2px;
  position: absolute;
}
html .el-date-editor .el-input__icon.el-icon-circle-close,
body .el-date-editor .el-input__icon.el-icon-circle-close,
html .el-date-editor .el-input__icon.el-icon-close,
body .el-date-editor .el-input__icon.el-icon-close {
  background-color: #ffffff;
}
html .el-date-editor input,
body .el-date-editor input {
  font-size: 12px;
}
html .el-date-editor .el-range-separator,
body .el-date-editor .el-range-separator {
  line-height: 24px;
}
html .el-date-editor .el-input__prefix,
body .el-date-editor .el-input__prefix,
html .el-date-editor .el-input__suffix,
body .el-date-editor .el-input__suffix {
  left: auto;
  right: 1px;
}
html .el-select .el-input .el-input__suffix,
body .el-select .el-input .el-input__suffix {
  right: 0;
  height: 24px;
}
html .el-select .el-input .el-input__suffix i,
body .el-select .el-input .el-input__suffix i {
  line-height: 24px;
}
html .el-select-dropdown .el-select-dropdown__item.selected,
body .el-select-dropdown .el-select-dropdown__item.selected,
html .el-select-dropdown .el-select-dropdown__item.hover,
body .el-select-dropdown .el-select-dropdown__item.hover {
  background: rgba(15, 142, 233, 0.06);
  color: #575757;
}
html .el-select-dropdown .el-select-dropdown__item,
body .el-select-dropdown .el-select-dropdown__item {
  margin-bottom: 2px;
  height: 24px;
  padding: 0px 10px;
}
html .el-select-dropdown .el-select-dropdown__item > span,
body .el-select-dropdown .el-select-dropdown__item > span {
  display: inline-block;
  height: 24px;
  line-height: 24px !important;
}
html .el-select-dropdown .el-select-dropdown__item:hover,
body .el-select-dropdown .el-select-dropdown__item:hover {
  background: rgba(15, 142, 233, 0.06);
  color: #575757;
}
html .el-tooltip__popper.is-light,
body .el-tooltip__popper.is-light {
  border: none;
  border-radius: 2px;
  box-shadow: 0px 0px 2px;
  padding: 5px;
  color: #575757;
  display: block;
  font-weight: normal;
}
html .el-tooltip__popper.is-light[x-placement^='top'],
body .el-tooltip__popper.is-light[x-placement^='top'] {
  margin-bottom: 6px;
}
html .el-tooltip__popper.is-light[x-placement^='top'] .popper__arrow,
body .el-tooltip__popper.is-light[x-placement^='top'] .popper__arrow {
  border-top-color: #bbbaba;
}
html .table_img,
body .table_img {
  max-height: 150px;
}
html .el-popover[x-placement^='bottom'],
body .el-popover[x-placement^='bottom'] {
  margin-top: 7px;
}
html .el-popover-img,
body .el-popover-img {
  max-height: 600px;
  line-height: 0;
}
html .el-popover,
body .el-popover {
  font-size: 12px;
  padding: 0;
  min-width: auto;
  border: none;
}
html .el-popover .img,
body .el-popover .img {
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}
html .el-popover ul.fkMore,
body .el-popover ul.fkMore {
  padding: 5px;
  color: #575757;
  border-radius: 2px;
  max-height: 200px;
  overflow: auto;
}
html .el-popover ul.fkMore li,
body .el-popover ul.fkMore li {
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  margin-bottom: 4px;
  display: flex;
  position: relative;
}
html .el-popover ul.fkMore li .iconfont,
body .el-popover ul.fkMore li .iconfont {
  color: red;
  width: 12px;
  position: absolute;
  right: 2px;
  top: 0;
  display: none;
  overflow: hidden;
}
html .el-popover ul.fkMore li span,
body .el-popover ul.fkMore li span {
  flex: 1;
}
html .el-popover ul.fkMore li:hover,
body .el-popover ul.fkMore li:hover {
  cursor: pointer;
  background: rgba(15, 142, 233, 0.06);
}
html .el-popover ul.fkMore li:hover .iconfont,
body .el-popover ul.fkMore li:hover .iconfont {
  display: block;
}
html .el-popover ul.fkMore li:last-child,
body .el-popover ul.fkMore li:last-child {
  margin-bottom: 0;
}
html .popover-icon,
body .popover-icon {
  width: 12px;
  height: 12px;
  line-height: 12px;
  cursor: pointer;
  z-index: 100;
  position: absolute;
  top: 6px;
  right: 4px;
  color: #0f8ee9;
}
html .fkMorePopover,
body .fkMorePopover {
  min-width: auto;
  padding: 6px;
  border-radius: 2px;
}
html .fkMorePopover .fkMore,
body .fkMorePopover .fkMore {
  color: #575757;
}
html .fkMorePopover .fkMore li,
body .fkMorePopover .fkMore li {
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  margin-bottom: 4px;
}
html .fkMorePopover .fkMore li:hover,
body .fkMorePopover .fkMore li:hover {
  background: rgba(15, 142, 233, 0.06);
  cursor: pointer;
}
html .fkMorePopover .fkMore li:last-child,
body .fkMorePopover .fkMore li:last-child {
  margin-bottom: 0;
}
html input::-webkit-input-placeholder,
body input::-webkit-input-placeholder,
html textarea::-webkit-input-placeholder,
body textarea::-webkit-input-placeholder {
  /* WebKit*/
  color: #97a8be;
}
html input:-moz-placeholder,
body input:-moz-placeholder,
html textarea:-moz-placeholder,
body textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #97a8be;
}
html input::-moz-placeholder,
body input::-moz-placeholder,
html textarea::-moz-placeholder,
body textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #97a8be;
}
html input:-ms-input-placeholder,
body input:-ms-input-placeholder,
html textarea:-ms-input-placeholder,
body textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #97a8be;
}
.item-input.isnotnull input {
  background: #fcf7f1;
}
.el-textarea__inner {
  padding: 0 4px;
}
@media screen and (min-width: 1000px) {
  .el-input--prefix .el-input__inner {
    padding-left: 5px;
  }
}
@media screen and (min-width: 1920px) {
  .el-input--prefix .el-input__inner {
    padding-left: 14px;
  }
}
.item-obj .item-input .el-autocomplete {
  width: 100%;
  position: relative;
}
.item-obj .item-input .el-autocomplete .el-input__inner {
  border: 1px solid #bfcbd9;
  border-radius: 2px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 4px 0 4px;
  margin-right: 10px;
  padding-right: 15px;
}
.item-obj .item-input .el-autocomplete .el-input__inner {
  height: 24px;
}
.item-obj .el-col label.title {
  float: left;
  display: block;
  min-width: 102px;
  font-weight: 400;
  line-height: 14px;
  text-align: right;
  padding-right: 0px;
}
.item-obj .el-col .item-select {
  flex: 1;
}
.item-obj .el-col .item-input,
.item-obj .el-col .date-picker,
.item-obj .el-col .item-check {
  margin-top: 4px;
}
.item-obj .el-input--small {
  font-size: 0;
}
.item-obj.configrow1 .read-span {
  max-width: 270px;
}
.item-obj.configrow1 .item-input .input-wrap {
  max-width: 280px;
}
.item-obj.configrow1 .el-date-editor.el-input {
  max-width: 280px;
}
.item-obj.configrow1 .item-select.wrap-obj .el-select {
  max-width: 280px;
}
.el-dialog {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-top: 150px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.el-dialog .el-dialog__header {
  padding: 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #f8f8f8;
  border-bottom: solid 1px #ddd;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  cursor: move;
}
.el-dialog .el-dialog__header .el-dialog__title {
  font-size: 13px;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 2px;
  right: 7px;
  margin: 0;
}
.el-dialog .el-dialog__header .el-dialog__close {
  font-size: 20px;
  top: 4px;
}
.el-dialog .el-dialog__body {
  padding: 20px;
  font-size: 12px;
}
.el-dialog .el-dialog__footer {
  padding: 0 20px 20px;
  overflow: hidden;
}
.el-dialog .el-button {
  font-weight: normal;
}
.el-dialog .el-button:focus,
.el-dialog .el-button:hover {
  background-color: inherit;
}
.warning .el-dialog .el-dialog__header .el-dialog__title,
.error .el-dialog .el-dialog__header .el-dialog__title,
.success .el-dialog .el-dialog__header .el-dialog__title {
  color: #fff;
}
.warning .el-dialog .el-dialog__header .el-dialog__close,
.error .el-dialog .el-dialog__header .el-dialog__close,
.success .el-dialog .el-dialog__header .el-dialog__close {
  color: #fff;
}
.el-dialog__wrapper.error .el-dialog__header {
  background-color: #e80000;
}
.el-dialog__wrapper.error .el-dialog__body i {
  color: #e80000;
}
.drag-dialog.pop-dialog-wrapper.error .header {
  background-color: #e80000;
  color: #fff;
}
.ff-popover--class {
  color: #fd6442;
  padding: 4px !important;
  border: 1px solid #d8d8d8 !important;
}
.ff-popover--class-icon {
  color: #fd6442;
}
.ff-button-printBtn .el-icon--right {
  margin-left: 14px;
}
.ff-button-printList {
  overflow: hidden;
  box-sizing: border-box;
  width: 70px;
}
.ff-button-printList .el-dropdown-menu__item {
  padding: 0 8px !important;
}
.el-dropdown .el-button-group .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-dropdown .el-button-group .el-dropdown__caret-button {
  height: 24px;
  padding: 5px;
  border-left: none;
}
.el-dropdown .el-button-group .el-dropdown__caret-button::before {
  background: rgba(253, 100, 66, 0.6);
}
.tableList .buttonList .button-group .el-dropdown .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: rgba(255, 255, 255, 0.5);
}
.tableList .buttonList .button-group .el-dropdown .el-button:first-child:hover {
  border-right-color: rgba(253, 100, 66, 0.6);
}
.tableList .buttonList .button-group .el-dropdown .el-dropdown__caret-button {
  padding: 0 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.tableList .buttonList .button-group .el-dropdown .el-dropdown__caret-button::before {
  background: rgba(253, 100, 66, 0.6);
}
.ff-tree-hidden-show {
  position: absolute;
  background-image: url('/static/img/openToRight.png');
  background-repeat: no-repeat;
  background-position: center;
  /*background-size: 100%;*/
  z-index: 1;
  user-select: none;
  left: 223px;
  width: 20px;
  height: 100px;
  line-height: 100px;
  cursor: pointer;
  top: 50%;
  text-align: center;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  /*border: 1px solid #ccc;*/
  transform-origin: right;
  transform: translateY(-50px) perspective(50px) rotateY(-30deg);
  transition: left 0.5s ease;
}
.ff-tree-hidden-show:hover {
  background-image: url('/static/img/openToRight_hover.png');
}
.ff-tree-hidden-show .iconfont {
  font-size: 12px;
}
.ff-tree-treeShow {
  left: -17px;
}
.ff-tree-control {
  width: 0 !important;
  transition: width 0.5s ease;
}
.ff-tree-control-show {
  width: 240px !important;
  transition: width 0.5s ease;
}
.ff-left-translate {
  left: 0 !important;
  transition: left 0.5s ease;
}
.ff-right-translate {
  left: 240px !important;
  transition: left 0.5s ease;
}
.banner + ::after {
  background: #f00;
}
.navigator .middle {
  margin-left: 0px !important;
}
.navigator .close {
  left: 50px !important;
  margin-left: 10px;
}
.navigator .open {
  left: 180px !important;
  margin-left: 10px;
}
.navigator .left {
  position: relative;
}
.navigator .left img.banner {
  left: 18px !important;
  width: auto !important;
  top: 10px !important;
}
.navigator .right {
  position: relative !important;
}
.v-transfer-dom .ark-modal-close i {
  color: #999;
}
.v-transfer-dom .ark-modal-close i.iconfont {
  font-size: 24px;
}
.dialog-footer {
  text-align: right;
  margin-top: 10px;
}
.dialog-footer .ark-btn {
  min-width: 50px;
  padding: 0 8px;
  height: 24px;
  line-height: 1;
  margin-left: 8px;
}
.orderManageEdit .ark-form-item {
  margin-bottom: 0;
}
.orderManageEdit .ark-form-item .ark-date-picker {
  width: 100%;
}
.orderManageEdit .ark-form-item.popInput .el-input__inner {
  height: 24px;
}
.orderManageEdit .ark-form-item.popInput .ark-form-item-content {
  margin-left: 0px !important;
}
.orderManageEdit .ark-form-item.popInput .item-input {
  margin: 0;
}
.orderManageEdit .ark-form-item.popInput .item-input > div {
  align-items: center;
}
.orderManageEdit .ark-form-item.popInput .item-input .add-input {
  height: 26px;
  border: 1px solid #d8d8d8;
}
.orderManageEdit .ark-form-item.popInput .item-input .add-input .el-input__inner {
  padding: 0 10px !important;
}
.orderManageEdit .ark-form-item.popInput .item-input label.title {
  padding: 10px 12px 10px 0 !important;
}
.orderManageEdit .ark-form-item.popInput .item-input label.title i {
  top: auto;
  left: -2px !important;
  font-size: 12px;
  height: auto;
  line-height: inherit;
  vertical-align: inherit;
}
.orderManageEdit .ark-form-item.popInput .item-input .popover-icon {
  top: 10px;
}
.orderManageEdit .ark-form-item.popInput .item-input .popover-icon i {
  font-size: 12px;
}
.fktable {
  background-color: #fff;
}
.input-wrap .el-autocomplete .el-input {
  position: relative;
}
.el-popper .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.el-popper .popper__arrow {
  border-width: 6px;
  -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.fktable .page ul li {
  height: 14px;
  padding: 0 4px;
  line-height: 14px;
  min-width: auto;
  width: auto;
  border: none;
}
.el-icon-arrow-left:before {
  content: "<";
}
.el-icon-more:before {
  content: "...";
}
.el-icon-arrow-right:before {
  content: ">";
}
.el-icon-d-arrow-right:before {
  content: ">>";
}
.el-icon-d-arrow-left:before {
  content: "<<";
}
.el-pagination button:disabled {
  color: #c0c4cc;
  background-color: #fff;
  cursor: not-allowed;
}
.el-pager,
.el-pager li {
  vertical-align: top;
  margin: 0;
  display: inline-block;
}
.importDialog .fileInput {
  cursor: pointer;
}
.sales {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.returngood .sales ul {
  display: flex;
}
.returngood .sales ul li {
  flex: auto;
  text-align: center;
}
.returngood .sales ul li p {
  line-height: 20px;
  text-align: center;
}
.returngood .sales ul li input {
  width: 100px;
  height: 20px;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #dcdee2;
}
.one_button {
  padding: 8px 0;
}
.one_button .buttonBox button {
  height: 28px;
  margin-left: 0;
  border-radius: 2px;
  min-width: 50px;
  padding: 0 7px;
  position: relative;
}
.one_button .buttonBox button > i.iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.one_button .buttonBox button > i.iconfont + span {
  display: none;
}
.one_button .buttonBox button span {
  display: block;
  height: 26px;
  line-height: 26px;
}
.one_button .buttonBox button .ark-icon,
.one_button .buttonBox button .iconfont {
  font-size: 14px;
}
.R3-button-group {
  font-size: 0;
}
.R3-button-group button {
  height: 28px;
}
.ark-collapse-content > .ark-collapse-content-box {
  padding-top: 0px !important;
}
.jq-combined-commodity .ark-collapse,
.horizontalTableDetail .ark-collapse,
.auto-check .ark-collapse,
.returnAddColl .ark-collapse,
.compositeAllform .ark-collapse,
.order-add .ark-collapse,
.TreasuryDefault .ark-collapse,
.jq-combined-commodity-edit .ark-collapse,
.logisticsArea .ark-collapse,
.sendSingleRule .ark-collapse,
.setWarehouseLogistics .ark-collapse,
.courierPay .ark-collapse,
.financialManageCenter .ark-collapse,
.re_form .ark-collapse {
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
.jq-combined-commodity .ark-collapse > .ark-collapse-item,
.horizontalTableDetail .ark-collapse > .ark-collapse-item,
.auto-check .ark-collapse > .ark-collapse-item,
.returnAddColl .ark-collapse > .ark-collapse-item,
.compositeAllform .ark-collapse > .ark-collapse-item,
.order-add .ark-collapse > .ark-collapse-item,
.TreasuryDefault .ark-collapse > .ark-collapse-item,
.jq-combined-commodity-edit .ark-collapse > .ark-collapse-item,
.logisticsArea .ark-collapse > .ark-collapse-item,
.sendSingleRule .ark-collapse > .ark-collapse-item,
.setWarehouseLogistics .ark-collapse > .ark-collapse-item,
.courierPay .ark-collapse > .ark-collapse-item,
.financialManageCenter .ark-collapse > .ark-collapse-item,
.re_form .ark-collapse > .ark-collapse-item {
  border-top: none;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fff;
}
.jq-combined-commodity .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.horizontalTableDetail .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.auto-check .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.returnAddColl .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.compositeAllform .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.order-add .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.TreasuryDefault .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.jq-combined-commodity-edit .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.logisticsArea .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.sendSingleRule .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.setWarehouseLogistics .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.courierPay .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.financialManageCenter .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i,
.re_form .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i {
  left: 8px;
}
.jq-combined-commodity .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.horizontalTableDetail .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.auto-check .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.returnAddColl .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.compositeAllform .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.order-add .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.TreasuryDefault .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.jq-combined-commodity-edit .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.logisticsArea .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.sendSingleRule .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.setWarehouseLogistics .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.courierPay .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.financialManageCenter .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before,
.re_form .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header > i.ark-icon:before {
  width: 3px;
  height: 14px;
  border-radius: 3px;
}
.jq-combined-commodity .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.horizontalTableDetail .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.auto-check .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.returnAddColl .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.compositeAllform .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.order-add .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.TreasuryDefault .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.jq-combined-commodity-edit .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.logisticsArea .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.sendSingleRule .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.setWarehouseLogistics .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.courierPay .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.financialManageCenter .ark-collapse > .ark-collapse-item > .ark-collapse-header,
.re_form .ark-collapse > .ark-collapse-item > .ark-collapse-header {
  text-align: left;
  padding: 0 20px;
  background: #f7f8fa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: none;
  height: 35px !important;
  line-height: 36px !important;
  font-size: 14px;
  color: #1f2d3d;
  border-bottom: none !important;
}
.jq-combined-commodity .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.horizontalTableDetail .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.auto-check .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.returnAddColl .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.compositeAllform .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.order-add .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.TreasuryDefault .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.jq-combined-commodity-edit .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.logisticsArea .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.sendSingleRule .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.setWarehouseLogistics .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.courierPay .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.financialManageCenter .ark-collapse > .ark-collapse-item > .ark-collapse-header > i,
.re_form .ark-collapse > .ark-collapse-item > .ark-collapse-header > i {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
.jq-combined-commodity .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.horizontalTableDetail .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.auto-check .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.returnAddColl .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.compositeAllform .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.order-add .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.TreasuryDefault .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.jq-combined-commodity-edit .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.logisticsArea .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.sendSingleRule .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.setWarehouseLogistics .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.courierPay .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.financialManageCenter .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before,
.re_form .ark-collapse > .ark-collapse-item > .ark-collapse-header > i.ark-icon:before {
  display: block;
  content: "";
  width: 8px;
  height: 4px;
  border-radius: 3px;
  background: #fd6442;
  transition: all 0.5s;
}
.jq-combined-commodity .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.horizontalTableDetail .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.auto-check .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.returnAddColl .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.compositeAllform .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.order-add .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.TreasuryDefault .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.jq-combined-commodity-edit .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.logisticsArea .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.sendSingleRule .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.setWarehouseLogistics .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.courierPay .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.financialManageCenter .ark-collapse > .ark-collapse-item > .ark-collapse-content,
.re_form .ark-collapse > .ark-collapse-item > .ark-collapse-content {
  padding: 10px 16px;
}
.ark-form-item .el-input__inner {
  font-size: 12px;
}
.popSelect .ark-select .ark-select-selection {
  height: 26px;
  line-height: 26px;
}
.salesTable .agTable,
.orderManager-box .agTable {
  border-top: none;
}
.agTable {
  border: 1px solid #d3d3d3;
}
.agTable .ag-theme-balham .ag-cell {
  line-height: 25px;
}
.agTable .ag-theme-balham .ag-tool-panel {
  border-right: none;
}
.agTable .ag-theme-balham .ag-header-cell-label .ag-header-cell-text {
  line-height: 30px;
}
.agTable .ag-theme-balham .ag-header-select-all,
.agTable .ag-theme-balham .ag-selection-checkbox span {
  margin-right: 12px;
}
.returnForm .orderManageEdit,
.returnstoreage .orderManageEdit {
  padding-top: 5px;
}
.logisticsArea,
.sendSingleRule,
.setWarehouseLogistics {
  position: relative;
}
.logisticsArea .retrieveBox,
.sendSingleRule .retrieveBox,
.setWarehouseLogistics .retrieveBox {
  text-align: center;
  margin: 10px 0;
  font-size: 0;
  width: 100%;
}
.logisticsArea .retrieveBox .retrieveTitle,
.sendSingleRule .retrieveBox .retrieveTitle,
.setWarehouseLogistics .retrieveBox .retrieveTitle {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  font-weight: 400;
  color: #575757;
  text-align: center;
  background-color: #f8f8f8;
  border: 1px solid #d8d8d8;
  border-right: none;
  border-radius: 2px;
}
.logisticsArea .retrieveBox .retrieve,
.sendSingleRule .retrieveBox .retrieve,
.setWarehouseLogistics .retrieveBox .retrieve {
  height: 26px;
  width: 60%;
  display: inline-block;
}
.logisticsArea .retrieveBox .retrieve .ark-input,
.sendSingleRule .retrieveBox .retrieve .ark-input,
.setWarehouseLogistics .retrieveBox .retrieve .ark-input {
  border-radius: 0 2px 2px 0;
}
.logisticsArea .retrieveBox .ark-icon,
.sendSingleRule .retrieveBox .ark-icon,
.setWarehouseLogistics .retrieveBox .ark-icon {
  color: #808695;
}
.ark-tree .ark-tree-arrow-open i:after {
  left: 6px;
}
.ztree li ul.line {
  display: none;
}
.jordan-table .ark-table-fixed tfoot tr,
.jordan-table .ark-table-fixed-right tfoot tr {
  height: 30px;
}
.jordan-table .ark-table-tfoot {
  transform: inherit !important;
}
.orderManageEdit .ark-form-item.popInput .item-input .popover-icon {
  color: #8a8a8a;
  right: 10px;
}
.dislogtree .node ul li {
  text-align: left;
}
.horizontalTableDetail .ark-tabs-panels-ink-bar {
  background-color: var(--primary-color);
}
.returngood .orderManageEdit .businessForm_a .popInput .item-input .table-input,
.jq-combined-commodity .orderManageEdit .businessForm_a .popInput .item-input .table-input,
.returnTreasurys .orderManageEdit .businessForm_a .popInput .item-input .table-input,
.logisticsArea .orderManageEdit .businessForm_a .popInput .item-input .table-input,
.setWarehouseLogistics .orderManageEdit .businessForm_a .popInput .item-input .table-input {
  padding: 0 10px;
}
.returngood .orderManageEdit .ark-form-item.popInput .item-input .add-input .el-input__inner,
.jq-combined-commodity .orderManageEdit .ark-form-item.popInput .item-input .add-input .el-input__inner,
.returnTreasurys .orderManageEdit .ark-form-item.popInput .item-input .add-input .el-input__inner,
.logisticsArea .orderManageEdit .ark-form-item.popInput .item-input .add-input .el-input__inner,
.setWarehouseLogistics .orderManageEdit .ark-form-item.popInput .item-input .add-input .el-input__inner {
  padding: 0 !important;
}
.jordan-table-box .orderManageEdit .businessForm_a {
  padding-top: 6px;
}
.returnGoodList /deep/ .ark-form .ark-form-item-label,
.returnTreasury /deep/ .ark-form .ark-form-item-label {
  height: 32px;
}
.returnGoodList /deep/ .ark-form .ark-form-item-content,
.returnTreasury /deep/ .ark-form .ark-form-item-content {
  height: 32px;
}
.queryDesc,
.promactiIcon {
  font-family: PingFangSC-Medium;
}
.queryDesc .legend,
.promactiIcon .legend {
  flex: 1;
}
.queryDesc .legend span,
.promactiIcon .legend span {
  font-size: 12px;
  color: #0F3365;
  line-height: 12px;
  font-weight: normal !important;
  padding-right: 3px;
}
.queryDesc .legend > p,
.promactiIcon .legend > p {
  display: inline-block;
  margin-right: 3px;
}
.queryDesc .legend > p span,
.promactiIcon .legend > p span {
  font-size: 12px;
  color: #333333;
  line-height: 12px;
  padding: 0;
}
.queryDesc .legend > p button,
.promactiIcon .legend > p button {
  height: 18px;
  line-height: 12px;
  font-size: 12px;
  margin-right: 5px !important;
  padding: 0px 8px !important;
  border-radius: 10px;
  border: 1px solid #b4bbbf !important;
  font-style: normal;
  font-weight: normal;
}
.queryDesc .legend > p .color-italic-grey,
.promactiIcon .legend > p .color-italic-grey {
  color: #999999 !important;
}
.queryDesc .legend > p .color-deep-red,
.promactiIcon .legend > p .color-deep-red {
  color: #A10000 !important;
}
.queryDesc .legend > p .color-bold-green,
.promactiIcon .legend > p .color-bold-green {
  color: #177D4C !important;
}
.queryDesc .legend > p .back-yellow,
.promactiIcon .legend > p .back-yellow {
  color: #FF9300 !important;
}
.queryDesc .legend > p .color-red,
.promactiIcon .legend > p .color-red {
  color: #DF0F0F !important;
}
.queryDesc .legend > p .color-blue,
.promactiIcon .legend > p .color-blue {
  color: #0657E8 !important;
}
.queryDesc .legend > p .color-purple,
.promactiIcon .legend > p .color-purple {
  color: #670FDF !important;
}
.queryDesc .legend > p .color-qing,
.promactiIcon .legend > p .color-qing {
  color: #13B3B4 !important;
}
.queryDesc .legend > p .color-italic-black,
.promactiIcon .legend > p .color-italic-black {
  color: #333333 !important;
}
/* .tabComponent .TableDetailCollection .detail-collection,
.tabComponent .TableDetailCollection {
  flex-direction: column-reverse !important;

  .detail-top {
    margin: 8px 0 2px !important;
    justify-content: center !important;
  }
} */
.unFlodStyle + .one_button,
.hold-form + .one_button,
.timeBox + .one_button {
  padding-right: 20px;
}
.ag-bl-overlay {
  top: 65px;
}
.ark-table-body .ark-table-tfoot {
  transform: inherit !important;
}
.ark-table-tfoot tr:first-child td {
  border-top: none;
}
.TableDetailCollection {
  position: relative;
  padding-bottom: 40px;
}
.TableDetailCollection .ark-table-border th,
.TableDetailCollection .ark-table-border td {
  box-sizing: border-box;
}
.TableDetailCollection .page-buttons .table-page {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color_container .right_container .right_input {
  position: relative;
  padding-left: 115px;
}
.color_container .right_container .right_input .ark-input-wrapper input {
  height: 28px;
}
.color_container .right_container .right_input > button {
  position: absolute;
  top: 0;
  left: 0;
}
.color_container .right_container .right_input > button:hover {
  border: 1px solid #dcdee2;
  color: #575757;
}
.importDialog.v-transfer-dom .ark-modal-footer div > div:first-child {
  overflow: hidden;
}
.importDialog.v-transfer-dom .ark-modal-footer div > div:first-child button {
  float: right;
  margin-left: 10px;
  background: var(--primary-color);
  color: #fff;
}
.importDialog.v-transfer-dom .ark-modal-footer div > div:first-child button:hover {
  background: var(--primary-color);
  color: #fff;
  opacity: 1;
}
.importDialog.v-transfer-dom .ark-modal-footer div > div:first-child button + button {
  background: transparent;
  color: var(--primary-color);
}
.importDialog.v-transfer-dom .ark-modal-footer div > div:first-child button + button:hover {
  background: var(--primary-color);
  color: #fff;
  opacity: 1;
}
.ff-order-detail .el-dialog {
  overflow: hidden;
}
.ff-order-detail .el-dialog button.ff-matrix-btn-cancel {
  float: right;
  min-width: 50px;
  padding: 0;
}
.ff-order-detail .el-dialog button.ff-matrix-btn-cancel:first-child {
  margin-left: 10px;
  background-color: var(--primary-color);
  color: #fff;
}
.ff-order-detail .el-dialog button.ff-matrix-btn-cancel:first-child:hover {
  opacity: 1;
  background-color: var(--primary-color);
}
.ff-order-detail .el-dialog button.ff-matrix-btn-cancel:hover {
  opacity: 1 !important;
  background-color: #0068b7;
  color: #fff;
}
.modalContent .modalButton {
  width: 370px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding-top: 8px;
}
.modalContent .modalButton button:first-child {
  background-color: var(--primary-color);
  color: #fff;
}
.modalContent .modalButton button:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.modalBth .buttonBox div:last-child .buttonGroup button {
  margin-right: 0;
}
.rk-modal-confirm-footer button:last-child {
  background-color: #fd6442;
  color: #fff;
}
.rk-modal-confirm-footer button:hover {
  background-color: #fd6442;
  color: #fff;
}
.fkdialog .dialog_right .right_bottom {
  display: flex;
  justify-content: flex-end;
}
.fkdialog .dialog_right .right_bottom button + button {
  order: 2;
}
.semiCustomModal .Modal-Form .Modal-Form-Item {
  display: flex;
  margin-bottom: 10px;
}
.semiCustomModal .Modal-Form .Modal-Form-Item label {
  width: 120px;
  padding-right: 10px;
  text-align: right;
  line-height: 26px;
}
.semiCustomModal .Modal-Form .Modal-Form-Item .ark-fkrp-select {
  position: relative;
  width: 100%;
}
.semiCustomModal .one_button .buttonBox div:last-child .buttonGroup button {
  margin-right: 0;
}
#dropDownSelectPopper .ark-page .ark-page-item-jump-next a {
  color: var(--primary-color);
}
.el-popover .view-fktable > input {
  border: 1px solid #d8d8d8;
  height: 26px;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 2px;
  margin-bottom: 5px;
}
.el-popover .view-fktable > input:focus {
  border-color: #3fa5ed;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(15, 142, 233, 0.2);
}
.el-popover .view-fktable .table tr:hover {
  background-color: #F8F7F7;
}
.el-popover .view-fktable .table input {
  color: #dcdee2;
}
.el-popover .view-fktable .table input[type=checkbox]::after {
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  position: relative;
  top: -1px;
  left: 0;
  border: 1px solid var(--primary-color);
  border-radius: 2px;
  background-color: var(--primary-color);
  transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.el-popover .view-fktable .table input[type=checkbox]:checked::after {
  content: '✔';
  font-size: 12px;
  color: #fff;
}
.el-popover .view-fktable .page {
  height: auto;
}
.el-popover .view-fktable .page .el-pagination {
  padding: 0;
}
.el-popover .view-fktable .page .el-pagination button {
  min-width: 19px;
  height: 19px;
  line-height: 19px;
  margin-left: 5px;
}
.el-popover .view-fktable .page .el-pagination .el-pager .more:hover {
  color: var(--primary-color);
}
.el-popover .view-fktable .page .el-pagination .el-pager .number {
  min-width: 19px;
  height: 19px;
  line-height: 19px;
  margin-left: 5px;
}
.el-popover .view-fktable .page .el-pagination .el-pager .number.active,
.el-popover .view-fktable .page .el-pagination .el-pager .number:hover {
  color: #fff;
  background-color: var(--primary-color);
  border-radius: 2px;
}
.orderManageEdit .businessForm_a .ark-form-item .ark-input-wrapper .ark-input {
  display: block;
}
.orderManageEdit .businessForm_a .ark-form-item .ark-form-item-label {
  height: 32px;
  line-height: 32px;
  padding: 0;
  padding-right: 10px;
}
.ark--dialog .dialog-operation i.iconbj_open {
  transform: rotate(0);
  padding-left: 6px;
  font-size: 12px;
  line-height: 19px;
}
.ark--dialog .dialog-operation i.iconbj_open::before {
  content: '》';
}
.ark-modal-confirm-footer {
  padding-top: 15px !important;
}
.ark-modal-confirm-body textarea::-webkit-scrollbar {
  width: 5px;
}
.ark-modal-confirm-body textarea::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
.ark-modal-confirm-body textarea::-webkit-scrollbar-thumb {
  background-color: #c5c2c2;
}
.jordan-table-box .ark-table-border td:first-child,
.jordan-table-box .ark-table-border th:first-child {
  min-width: auto;
}
.jordan-table-box .ark-table-border td,
.jordan-table-box .ark-table-border th {
  min-width: 70px;
}
.loadingActive .ark-spin {
  top: 35px;
}
.pro_img input {
  border: 1px solid #c7c7c7;
}
.FormItemComponent-item .itemLabel {
  padding-left: 5px !important;
}
.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
  padding: 0 6px;
}
.ark-page.mini .ark-page-options-elevator input {
  text-align: center;
  padding: 0;
}
.ag-theme-balham .ag-filter-filter {
  border: 1px solid #E4E4E4;
}
.ag-theme-balham input.ag-filter-filter:focus {
  border-color: #3fa5ed;
}
.ark-date-picker-transfer .ark-btn {
  height: 28px;
  min-width: 50px;
}
.ark-date-picker-transfer .ark-btn.ark-btn-default {
  border-color: #fd6442;
  color: #fd6442;
}
.ark-date-picker-transfer .ark-btn.ark-btn-default:hover {
  background-color: #fd6442;
  color: #fff;
  border: 1px solid transparent;
}
.jurisdiction .right_col .one_button .buttonBox {
  justify-content: flex-end;
}
.orderManager-box .btn {
  padding: 0 0 5px;
}
.ff-popper-class-triangle {
  display: none;
}
#ContentDisplayArea .r3-tab-nav {
  background-color: transparent;
}
#ContentDisplayArea .r3-tab-item {
  background-color: transparent;
  color: #575757;
  font-weight: normal;
}
#ContentDisplayArea .r3-tab-item.r3-active-item {
  background: #fd6442;
  color: #f5f7f7;
}
.fktable .el-icon-arrow-left:before {
  content: "<";
}
.fktable .el-icon-arrow-right:before {
  content: ">";
}
.fktable .el-icon-more:before {
  content: "...";
}
.fktable .el-icon-d-arrow-right:before {
  content: ">>";
}
.fktable .el-icon-d-arrow-left:before {
  content: "<<";
}
.orderManageEdit .ark-form-item.popInput .item-input .add-input {
  height: 24px !important;
  box-sizing: content-box !important;
}
.ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab {
  line-height: 24px;
}
.ark-modal-body {
  overflow: unset !important;
}
body .zTreeDemoBackground .ztree li a.curSelectedNode {
  background: #c4e2ff !important;
  color: #333;
}
body .zTreeDemoBackground .ztree li a:hover {
  background: #f5f5f5 !important;
  color: #333;
}
.sensitivity .noth1 .btn {
  min-width: 0;
  padding: 0 21px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  box-sizing: border-box;
  margin-right: 10px;
  height: 28px;
  color: var(--primary-color);
  background-color: #fff;
  border-color: var(--primary-color);
}
html {
  overscroll-behavior: none;
}
.verticalTableDetail .singleObjectButton .buttonGroup {
  margin-bottom: 0!important;
}
.verticalTableDetail .ark-collapse-content {
  padding-bottom: 0!important;
}
.verticalTableDetail .compositeAllform .ark-collapse > .ark-collapse-item {
  padding: 0 10px;
  margin-bottom: 0!important;
}
.StandardTableListNew .R3-buttonList {
  padding: 0px;
}
.StandardTableListRootDiv .ark-tabs-nav-container {
  background-color: #fff;
}
.bodyGuard img {
  width: 16px !important;
}
.ChangePassword .clonePopUp .pop-btn .sav-btn,
.ChangePassword .clonePopUp .pop-btn .cancel-btn {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.r3-notice-content .notice-header::before {
  background: var(--primary-color);
}
.ark-message .ark-icon {
  font-size: 22px;
}
.ark-message-notice-content {
  font-size: 18px;
}
.errorInput .ark-input,
.errorInput .ark-input:focus,
.errorInput .ark-input:hover {
  border: 1px solid red;
}
.ark-select-dropdown-list .ark-select-item:not(.ark-select-item-all) {
  display: flex !important;
  align-items: center !important;
}

.importDialog .importICon {
  margin: 0;
  text-align: center;
}
.importDialog .importICon .icon-span {
  display: inline-block;
  height: 28px;
  width: 28px;
}
.importDialog .importICon .icon-span i {
  color: #09a155;
  font-size: 28px;
}
.importDialog .import-panel {
  padding: 0 40px;
  position: relative;
}
.importDialog .import-panel .el-upload__tip {
  margin-top: 10px;
  font-size: 12px;
  color: #575757;
}
.importDialog .import-panel .el-upload__tip .inputValue {
  border: none;
  border-bottom: 1px solid #b8b8b8;
  text-align: center;
  width: 100px;
}
.importDialog .import-panel .el-upload__tip .singleValue {
  margin-left: 10px;
}
.importDialog .import-panel .upload-panel {
  height: 50px;
  margin-top: 10px;
}
.importDialog .import-panel .fileName {
  height: 21px;
  line-height: 21px;
  color: #606266;
}
.importDialog .fileInput {
  position: relative;
  left: -67px;
  opacity: 0;
  width: 62px;
}
.importDialog .tip {
  font-size: 12px;
  display: inline-block;
  margin-left: -61px;
  color: #b8b8b8;
}
.importDialog .error-content {
  border-top: solid 1px #bcbcbc;
  text-align: left;
  position: relative;
  font-size: 12px;
  margin-top: 10px;
}
.importDialog .error-content .error-message {
  height: auto;
  margin: 10px 0px;
  max-height: 240px;
  position: relative;
  width: 550px;
}
.importDialog .error-content .error-message .left-icon {
  height: 28px;
  width: 28px;
  position: absolute;
  left: 0;
  top: 0;
}
.importDialog .error-content .error-message .left-icon i {
  font-size: 28px;
  color: #e80000;
}
.importDialog .error-content .error-message .right-content {
  position: relative;
  margin-left: 38px;
}
.importDialog .error-content .error-message .right-content .link {
  line-height: 16px;
}
.importDialog .error-content .error-message .right-content .link a {
  color: #0f8ee9;
  cursor: pointer;
  display: inline-block;
  padding-top: 6px;
  text-decoration: none;
}
.importDialog .error-content .error-message .right-content .content-message {
  max-height: 220px;
  min-height: 28px;
  overflow: auto;
}
.importDialog .error-content .error-message .right-content .content-message p {
  word-break: break-word;
  line-height: 16px;
  margin: 6px 0;
}
.importDialog .ark-modal-body {
  padding: 20px !important;
}
.importDialog .iconios-close {
  color: #999 !important;
}
.importDialog .ark-modal-footer {
  border-top: none !important;
  padding: 0 20px 20px;
  margin: 10px 40px;
}
.importDialog .ark-btn-fcdefault {
  height: 24px !important;
  font-size: 12px !important;
  width: 66px !important;
  padding: 0 !important;
}
.importDialog .ark-modal-footer button > span {
  font-size: 12px;
}

.DropDownSelectFilter .ark-select-multiple .ark-select-selection {
  padding: 0px 28px 0px 2px;
  height: 36px;
}
.DropDownSelectFilter .ark-select .ark-select-dropdown {
  width: calc(100% - 32px);
}
.DropDownSelectFilter .ark-input-wrapper {
  width: calc(100% - 34px) !important;
}
.DropDownSelectFilter .ark-input {
  height: 36px;
}
.DropDownSelectFilter .ark-input-prefix i,
.DropDownSelectFilter .ark-input-suffix i {
  line-height: 36px;
}
.DropDownSelectFilter .ark-btn > .ark-icon + span,
.DropDownSelectFilter .ark-btn > span + .ark-icon {
  margin-left: 0px;
}
.DropDownSelectFilter .ark-input-search-icon {
  font-size: 22px;
  line-height: 36px;
}
.DropDownSelectFilter .ark-select-item-all.ark-select-item.ark-select-item-all-multipleType:hover {
  background: #fff;
}
.DropDownSelectFilter .ark-select-item-all.ark-select-item.ark-select-item-all-multipleType span:first-child:hover {
  background: #eee;
}
.DropDownSelectFilter .ark-select-item-all.ark-select-item.ark-select-item-all-multipleType span:last-child:hover {
  background: #eee;
}

.DropDownSelectInput[data-v-1cae1b84] {
  display: flex;
}
.choosedItemBox[data-v-1cae1b84] {
  border: 1px solid #DADADA;
  margin-top: 16px;
  padding: 16px;
  padding-bottom: 8px;
}
.choosedItemBox .boxTitle[data-v-1cae1b84] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  color: var(--primary-color);
}
.choosedItemBox .boxTitle .title[data-v-1cae1b84] {
  height: 18px;
  line-height: 18px;
  color: #323232;
  font-weight: 600;
}
.choosedItemBox .boxTitle span[data-v-1cae1b84] {
  margin-left: 0px;
}
.choosedItemBox .boxTitle .ark-btn[data-v-1cae1b84] {
  padding: 0px !important;
}
.choosedItemBox .contentBox[data-v-1cae1b84] {
  height: 200px;
  overflow-y: auto;
}
.expressItem[data-v-1cae1b84] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 32px;
  background: #F2F2F2;
  padding-right: 16px;
  margin-bottom: 8px;
}
.orderSpan[data-v-1cae1b84] {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #DADADA;
  background: #fff;
  text-align: center;
  color: #4D4D4D;
  font-size: 14px;
}
.labelSpan[data-v-1cae1b84] {
  width: 100%;
  font-size: 12px;
  color: #4B4B4B;
  text-align: left;
  padding-left: 8px;
}

.DropDownSelectFilter .ark-select-multiple .ark-select-selection {
  padding: 0px 28px 0px 2px;
  height: 36px;
}
.DropDownSelectFilter .ark-select .ark-select-dropdown {
  width: calc(100% - 32px);
}
.DropDownSelectFilter .ark-input-wrapper {
  width: calc(100% - 34px) !important;
}
.DropDownSelectFilter .ark-input {
  height: 36px;
}
.DropDownSelectFilter .ark-input-prefix i,
.DropDownSelectFilter .ark-input-suffix i {
  line-height: 36px;
}
.DropDownSelectFilter .ark-btn > .ark-icon + span,
.DropDownSelectFilter .ark-btn > span + .ark-icon {
  margin-left: 0px;
}
.DropDownSelectFilter .ark-input-search-icon {
  font-size: 22px;
  line-height: 36px;
}
.DropDownSelectFilter .ark-select-item-all.ark-select-item.ark-select-item-all-multipleType:hover {
  background: #fff;
}
.DropDownSelectFilter .ark-select-item-all.ark-select-item.ark-select-item-all-multipleType span:first-child:hover {
  background: #eee;
}
.DropDownSelectFilter .ark-select-item-all.ark-select-item.ark-select-item-all-multipleType span:last-child:hover {
  background: #eee;
}

.DropDownSelectInput[data-v-2f7bfd9d] {
  display: flex;
}
.choosedItemBox[data-v-2f7bfd9d] {
  border: 1px solid #DADADA;
  margin-top: 16px;
  padding: 16px;
  padding-bottom: 8px;
}
.choosedItemBox .boxTitle[data-v-2f7bfd9d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  color: var(--primary-color);
}
.choosedItemBox .boxTitle .title[data-v-2f7bfd9d] {
  height: 18px;
  line-height: 18px;
  color: #323232;
  font-weight: 600;
}
.choosedItemBox .boxTitle span[data-v-2f7bfd9d] {
  margin-left: 0px;
}
.choosedItemBox .boxTitle .ark-btn[data-v-2f7bfd9d] {
  padding: 0px !important;
}
.choosedItemBox .contentBox[data-v-2f7bfd9d] {
  height: 200px;
  overflow-y: auto;
}
.expressItem[data-v-2f7bfd9d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 32px;
  background: #F2F2F2;
  padding-right: 16px;
  margin-bottom: 8px;
}
.orderSpan[data-v-2f7bfd9d] {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #DADADA;
  background: #fff;
  text-align: center;
  color: #4D4D4D;
  font-size: 14px;
}
.labelSpan[data-v-2f7bfd9d] {
  width: 100%;
  font-size: 12px;
  color: #4B4B4B;
  text-align: left;
  padding-left: 8px;
}

.foldPanelContent .ark-collapse {
  border: 0;
  margin-bottom: 0;
}
.foldPanelContent .ark-collapse > .ark-collapse-item.ark-collapse-item-active > .ark-collapse-header {
  background: #f7f8fa;
  border: 0 !important;
  border-bottom: 0px solid transparent;
}
.foldPanelContent .ark-collapse > .ark-collapse-item > .ark-collapse-header {
  text-align: left;
  padding: 0 20px;
  background: #f7f8fa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: none;
  height: 35px !important;
  line-height: 36px !important;
  font-size: 14px;
  color: #1f2d3d;
  border-bottom: none !important;
}
.foldPanelContent .ark-collapse > .ark-collapse-item > .ark-collapse-content {
  padding-top: 20px;
}
.foldPanelContent .foldPanelTitle {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #1f2d3d;
}
.foldPanelContent .foldPanelTitle .foldPanelTitleTip {
  width: 2px;
  height: 14px;
  border-radius: 3px;
  background: var(--primary-color);
  margin-right: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #4C4C4C;
  transition: all 0.6s;
  transform: rotate(90deg);
  left: 8px;
  position: absolute;
}
.foldPanelContent .foldPanelTitle i {
  margin-left: 6px;
  font-size: 16px;
  color: #4C4C4C;
}
.foldPanelContent .ark-collapse-item.ark-collapse-item-active .foldPanelTitle .foldPanelTitleTip {
  height: 14px;
  width: 3px;
  transform: rotate(0deg);
}

.shrinkOrExtend {
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  justify-content: flex-end;
}
.shrinkOrExtend .resetBtn {
  margin-right: 8px;
}
.upOrDown {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.upDown {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
}

.markBox.tooltipMarkBoxOne {
  margin-bottom: 6px;
}
.markBox.tooltipMarkBoxOne .ark-form-item {
  display: flex;
  align-items: center;
  margin-bottom: -8px !important;
}
.markBox.tooltipMarkBoxOne .ark-form-item .ark-form-item-content {
  width: 100%;
  max-width: 330px;
  margin-left: 0px !important;
}
.markBox.tooltipMarkBoxOne textarea.ark-input {
  height: 26px;
}
.platformorderPop .ark-tooltip {
  width: 100%;
}
.platformorderPop .ark-tooltip-inner {
  max-width: 600px;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  margin-top: -10px;
}
.getListReturnTable .ark-table tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.getListReturnTable .ark-table:before {
  content: unset;
  height: 0px !important;
}
.getListReturnTable .ark-table:after {
  content: unset;
  width: 0px !important;
}

.leftTop[data-v-5d31490f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #909399;
}
.leftTop .ACTUALAMOUNT[data-v-5d31490f] {
  color: #FD8B2E;
  font-size: 16px;
}
.leftTop .topTip[data-v-5d31490f] {
  color: #D0021B;
}
.markBox.tooltipMarkBoxOne[data-v-5d31490f] {
  margin-top: -34px;
}

.markBox.tooltipMarkBoxOne {
  margin-bottom: 6px;
}
.markBox.tooltipMarkBoxOne .ark-form-item {
  display: flex;
  align-items: center;
  margin-bottom: -8px !important;
}
.markBox.tooltipMarkBoxOne .ark-form-item .ark-form-item-content {
  width: 100%;
  max-width: 330px;
  margin-left: 0px !important;
}
.markBox.tooltipMarkBoxOne textarea.ark-input {
  height: 26px;
}
.platformorderPop .ark-tooltip {
  width: 100%;
}
.platformorderPop .ark-tooltip-inner {
  max-width: 600px;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  margin-top: -10px;
}
.getListReturnTable .ark-table tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.getListReturnTable .ark-table:before {
  content: unset;
  height: 0px !important;
}
.getListReturnTable .ark-table:after {
  content: unset;
  width: 0px !important;
}

.leftTop[data-v-f4057904] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #909399;
}
.leftTop .ACTUALAMOUNT[data-v-f4057904] {
  color: #FD8B2E;
  font-size: 16px;
}
.leftTop .topTip[data-v-f4057904] {
  color: #D0021B;
}
.markBox.tooltipMarkBoxOne[data-v-f4057904] {
  margin-top: -34px;
}

.markBox.tooltipMarkBox {
  margin-bottom: 6px;
}
.markBox.tooltipMarkBox .ark-form-item {
  display: flex;
  align-items: center;
  margin-bottom: -8px !important;
}
.markBox.tooltipMarkBox .ark-form-item .ark-form-item-content {
  width: 100%;
  max-width: 600px;
  margin-left: 0px !important;
}
.markBox.tooltipMarkBox textarea.ark-input {
  height: 26px;
}
.platformorderPop .ark-tooltip {
  width: 100%;
}
.platformorderPop .ark-tooltip-inner {
  max-width: 600px;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  margin-top: -10px;
}
.getListReturnTable .ark-table tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.getListReturnTable .ark-table:before {
  content: unset;
  height: 0px !important;
}
.getListReturnTable .ark-table:after {
  content: unset;
  width: 0px !important;
}

.leftTop[data-v-281d009a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #909399;
}
.leftTop .ACTUALAMOUNT[data-v-281d009a] {
  color: #FD8B2E;
  font-size: 16px;
}
.leftTop .topTip[data-v-281d009a] {
  color: #D0021B;
}
.markBox.tooltipMarkBox[data-v-281d009a] {
  margin-top: -34px;
}

.platformorderPop .ark-tooltip {
  width: 100%;
}
.platformorderPop .ark-tooltip-inner {
  max-width: 600px;
  padding: 24px;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  margin-top: -10px;
}

.markBox.tooltipMarkBoxOne {
  margin-bottom: 6px;
}
.markBox.tooltipMarkBoxOne .ark-form-item {
  display: flex;
  align-items: center;
  margin-bottom: -8px !important;
}
.markBox.tooltipMarkBoxOne .ark-form-item .ark-form-item-content {
  width: 100%;
  max-width: 330px;
  margin-left: 0px !important;
}
.markBox.tooltipMarkBoxOne textarea.ark-input {
  height: 26px;
}
.presaleStockPop .ark-tooltip {
  width: 100%;
}
.presaleStockPop .ark-tooltip-inner {
  max-width: 600px;
}
.presaleStockPop .ark-poptip {
  width: 100%;
}
.presaleStockPop .ark-poptip-rel {
  width: 100%;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow {
  display: none;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow:after {
  display: none;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  padding-top: 10px;
}
.getListReturnTable .ark-table tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.getListReturnTable .ark-table:before {
  content: unset;
  height: 0px !important;
}
.getListReturnTable .ark-table:after {
  content: unset;
  width: 0px !important;
}

.leftTop[data-v-60892431] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #909399;
}
.leftTop .ACTUALAMOUNT[data-v-60892431] {
  color: #FD8B2E;
  font-size: 16px;
}
.leftTop .topTip[data-v-60892431] {
  color: #D0021B;
}
.markBox.tooltipMarkBoxOne[data-v-60892431] {
  margin-top: -34px;
}

.markBox.tooltipMarkBoxOne {
  margin-bottom: 6px;
}
.markBox.tooltipMarkBoxOne .ark-form-item {
  display: flex;
  align-items: center;
  margin-bottom: -8px !important;
}
.markBox.tooltipMarkBoxOne .ark-form-item .ark-form-item-content {
  width: 100%;
  max-width: 330px;
  margin-left: 0px !important;
}
.markBox.tooltipMarkBoxOne textarea.ark-input {
  height: 26px;
}
.presaleStockPop .ark-tooltip {
  width: 100%;
}
.presaleStockPop .ark-tooltip-inner {
  max-width: 600px;
}
.presaleStockPop .ark-poptip {
  width: 100%;
}
.presaleStockPop .ark-poptip-rel {
  width: 100%;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow {
  display: none;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow:after {
  display: none;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  padding-top: 10px;
}
.getListReturnTable .ark-table tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.getListReturnTable .ark-table:before {
  content: unset;
  height: 0px !important;
}
.getListReturnTable .ark-table:after {
  content: unset;
  width: 0px !important;
}

.leftTop[data-v-65982e21] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #909399;
}
.leftTop .ACTUALAMOUNT[data-v-65982e21] {
  color: #FD8B2E;
  font-size: 16px;
}
.leftTop .topTip[data-v-65982e21] {
  color: #D0021B;
}
.markBox.tooltipMarkBoxOne[data-v-65982e21] {
  margin-top: -34px;
}

.markBox.tooltipMarkBoxOne {
  margin-bottom: 6px;
}
.markBox.tooltipMarkBoxOne .ark-form-item {
  display: flex;
  align-items: center;
  margin-bottom: -8px !important;
}
.markBox.tooltipMarkBoxOne .ark-form-item .ark-form-item-content {
  width: 100%;
  max-width: 330px;
  margin-left: 0px !important;
}
.markBox.tooltipMarkBoxOne textarea.ark-input {
  height: 26px;
}
.presaleStockPop .ark-tooltip {
  width: 100%;
}
.presaleStockPop .ark-tooltip-inner {
  max-width: 600px;
}
.presaleStockPop .ark-poptip {
  width: 100%;
}
.presaleStockPop .ark-poptip-rel {
  width: 100%;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow {
  display: none;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow:after {
  display: none;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  padding-top: 10px;
}
.getListReturnTable .ark-table tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.getListReturnTable .ark-table:before {
  content: unset;
  height: 0px !important;
}
.getListReturnTable .ark-table:after {
  content: unset;
  width: 0px !important;
}

.leftTop[data-v-fc04ae70] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #909399;
}
.leftTop .ACTUALAMOUNT[data-v-fc04ae70] {
  color: #FD8B2E;
  font-size: 16px;
}
.leftTop .topTip[data-v-fc04ae70] {
  color: #D0021B;
}
.markBox.tooltipMarkBoxOne[data-v-fc04ae70] {
  margin-top: -34px;
}

.markBox.tooltipMarkBoxOne {
  margin-bottom: 6px;
}
.markBox.tooltipMarkBoxOne .ark-form-item {
  display: flex;
  align-items: center;
  margin-bottom: -8px !important;
}
.markBox.tooltipMarkBoxOne .ark-form-item .ark-form-item-content {
  width: 100%;
  max-width: 330px;
  margin-left: 0px !important;
}
.markBox.tooltipMarkBoxOne textarea.ark-input {
  height: 26px;
}
.presaleStockPop .ark-tooltip {
  width: 100%;
}
.presaleStockPop .ark-tooltip-inner {
  max-width: 600px;
}
.presaleStockPop .ark-poptip {
  width: 100%;
}
.presaleStockPop .ark-poptip-rel {
  width: 100%;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow {
  display: none;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow:after {
  display: none;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  padding-top: 10px;
}
.getListReturnTable .ark-table tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.getListReturnTable .ark-table:before {
  content: unset;
  height: 0px !important;
}
.getListReturnTable .ark-table:after {
  content: unset;
  width: 0px !important;
}

.leftTop[data-v-3cd6770d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #909399;
}
.leftTop .ACTUALAMOUNT[data-v-3cd6770d] {
  color: #FD8B2E;
  font-size: 16px;
}
.leftTop .topTip[data-v-3cd6770d] {
  color: #D0021B;
}
.markBox.tooltipMarkBoxOne[data-v-3cd6770d] {
  margin-top: -34px;
}

.pageContent[data-v-4c0e2364] {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

.markBox.tooltipMarkBoxOne {
  margin-bottom: 6px;
}
.markBox.tooltipMarkBoxOne .ark-form-item {
  display: flex;
  align-items: center;
  margin-bottom: -8px !important;
}
.markBox.tooltipMarkBoxOne .ark-form-item .ark-form-item-content {
  width: 100%;
  max-width: 330px;
  margin-left: 0px !important;
}
.markBox.tooltipMarkBoxOne textarea.ark-input {
  height: 26px;
}
.presaleStockPop .ark-tooltip {
  width: 100%;
}
.presaleStockPop .ark-tooltip-inner {
  max-width: 600px;
}
.presaleStockPop .ark-poptip {
  width: 100%;
}
.presaleStockPop .ark-poptip-rel {
  width: 100%;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow {
  display: none;
}
.delayTooltip.ark-poptip-popper .ark-poptip-arrow:after {
  display: none;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  padding-top: 10px;
}
.getListReturnTable .ark-table tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.getListReturnTable .ark-table:before {
  content: unset;
  height: 0px !important;
}
.getListReturnTable .ark-table:after {
  content: unset;
  width: 0px !important;
}

.leftTop[data-v-152419a2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #909399;
}
.leftTop .ACTUALAMOUNT[data-v-152419a2] {
  color: #FD8B2E;
  font-size: 16px;
}
.leftTop .topTip[data-v-152419a2] {
  color: #D0021B;
}
.markBox.tooltipMarkBoxOne[data-v-152419a2] {
  margin-top: -34px;
}

.markBox.tooltipMarkBox {
  margin-bottom: 6px;
}
.markBox.tooltipMarkBox .ark-form-item {
  display: flex;
  align-items: center;
  margin-bottom: -8px !important;
}
.markBox.tooltipMarkBox .ark-form-item .ark-form-item-content {
  width: 100%;
  max-width: 600px;
  margin-left: 0px !important;
}
.markBox.tooltipMarkBox textarea.ark-input {
  height: 26px;
}
.platformorderPop .ark-tooltip {
  width: 100%;
}
.platformorderPop .ark-tooltip-inner {
  max-width: 600px;
}
.getListReturnTable.ark-table-wrapper {
  border: none !important;
  margin-top: -10px;
}
.getListReturnTable .ark-table tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.getListReturnTable .ark-table:before {
  content: unset;
  height: 0px !important;
}
.getListReturnTable .ark-table:after {
  content: unset;
  width: 0px !important;
}

.leftTop[data-v-0a52de0c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #909399;
}
.leftTop .ACTUALAMOUNT[data-v-0a52de0c] {
  color: #FD8B2E;
  font-size: 16px;
}
.leftTop .topTip[data-v-0a52de0c] {
  color: #D0021B;
}
.markBox.tooltipMarkBox[data-v-0a52de0c] {
  margin-top: -34px;
}

.ff-matrix--min-table[data-v-0e4c774e] {
  max-width: 760px;
}
.ff-matrix--table[data-v-0e4c774e] {
  font-size: 12px;
  color: #575757;
  user-select: none;
  margin: 10px;
  /*以上公共样式*/
  /*纯编辑和纯展示时候的样式*/
  /*纯展示时候的样式*/
}
.ff-matrix--table .ff-matrix--active-one[data-v-0e4c774e] {
  background-color: #f9c89b;
}
.ff-matrix--table .ff-matrix--active-two[data-v-0e4c774e] {
  background-color: #9bd0fc;
}
.ff-matrix--table .ff-matrix--active-three[data-v-0e4c774e] {
  background-color: #aab5f7;
}
.ff-matrix--table .ff-matrix--active-four[data-v-0e4c774e] {
  background-color: #c1e6b0;
}
.ff-matrix--table input[type="radio"][data-v-0e4c774e] {
  transform: translateY(2px);
}
.ff-matrix--table .ff-matrix--head[data-v-0e4c774e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ff-matrix--table .ff-matrix--head-no-data[data-v-0e4c774e] {
  margin-bottom: 10px;
}
.ff-matrix--table .ff-matrix--clear[data-v-0e4c774e] {
  display: inline-block;
  cursor: pointer;
  color: #0089ea;
}
.ff-matrix--table .ff-matrix--clear i[data-v-0e4c774e] {
  font-size: 16px;
}
.ff-matrix--table .ff-matrix--matching .ff-matrix--radio-one[data-v-0e4c774e] {
  margin: 0 10px 0 5px;
}
.ff-matrix--table .ff-matrix--choose[data-v-0e4c774e] {
  display: flex;
  justify-content: space-between;
  margin: 16px 0 6px;
}
.ff-matrix--table .ff-matrix--choose > span[data-v-0e4c774e] {
  display: flex;
  align-items: center;
}
.ff-matrix--table .ff-matrix--choose .ff-matrix--active-label[data-v-0e4c774e] {
  padding: 0 10px;
  border-radius: 2px;
  box-sizing: border-box;
  min-width: 63px;
  height: 20px;
  line-height: normal;
  display: flex;
  align-items: center;
  margin: 0 2px 0 4px;
}
.ff-matrix--table .ff-matrix--choose .ff-matrix--active-label input[data-v-0e4c774e] {
  margin-top: 2px;
}
.ff-matrix--table .ff-matrix--reveal-choose[data-v-0e4c774e] {
  padding: 6px 0 12px 14px;
}
.ff-matrix--table .ff-matrix--reveal-choose .ff-matrix--radio-one[data-v-0e4c774e] {
  margin-right: 16px;
}
.ff-matrix--table .ff-matrix--table-content[data-v-0e4c774e] {
  overflow: scroll;
  margin-top: 10px;
}
.ff-matrix--table .ff-matrix--table-content .ff-matrix-font--red[data-v-0e4c774e] {
  color: #ed3838;
}
.ff-matrix--table .ff-matrix--table-content table[data-v-0e4c774e] {
  width: 100%;
}
.ff-matrix--table .ff-matrix--table-content table th[data-v-0e4c774e] {
  height: 34px;
  font-weight: bold;
}
.ff-matrix--table .ff-matrix--table-content table th[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--table-content table td[data-v-0e4c774e] {
  border: 1px solid #e6e6e6;
  min-width: 80px;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix-th-head[data-v-0e4c774e] {
  background: url("/static/img/matrix.jpg") no-repeat;
  background-size: 100% 100%;
  width: 100px;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix-th-head .ff-matrix-th-head-box[data-v-0e4c774e] {
  display: flex;
  align-items: center;
  height: 100%;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix-th-head .ff-matrix-th-head-box span[data-v-0e4c774e] {
  flex: 1;
  text-align: center;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix-th-head .ff-matrix-th-head-box span[data-v-0e4c774e]:first-child {
  padding-top: 10px;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix-th-head .ff-matrix-th-head-box span[data-v-0e4c774e]:last-child {
  padding-bottom: 10px;
}
.ff-matrix--table .ff-matrix--table-content table tr td[data-v-0e4c774e]:first-child {
  font-weight: bold;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align[data-v-0e4c774e] {
  text-align: center;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align li[data-v-0e4c774e] {
  min-height: 24px;
  max-height: 24px;
  border-bottom: 1px solid #e6e6e6;
  /*padding: 3px 14px;*/
  padding: 2px;
  box-sizing: border-box;
  text-align: center;
  line-height: 20px;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align li[data-v-0e4c774e]:last-child {
  border-bottom: none;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-disabled[data-v-0e4c774e] {
  /*background-color: #F4F4F4;*/
  font-size: 0;
  color: #575757;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-disabled span[data-v-0e4c774e] {
  display: inline-block;
  height: 20px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #e6e6e6;
  background-color: #f4f4f4;
  font-size: 12px;
  line-height: 1.4;
  color: #575757;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-compile[data-v-0e4c774e] {
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 1;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-compile input[data-v-0e4c774e] {
  /*width: calc(~"100% + 2px");*/
  /*position: absolute;*/
  /*width: 90px;*/
  width: 100%;
  height: 20px;
  box-sizing: border-box;
  padding: 0 4px;
  /*left: -1px;*/
  color: #575757;
  /*border: none;
              border-left: 1px solid #E6E6E6;
              border-right: 1px solid #E6E6E6;*/
  border: 1px solid #e6e6e6;
  transition: border-color 0.2s ease;
  text-align: center;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-compile input[data-v-0e4c774e]:focus {
  border: 1px solid #0f8ee9;
  /*height: 20px;*/
  /*z-index: 1;
                top: -1px;*/
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-compile .ff-matrix--input-tip[data-v-0e4c774e]:focus {
  border-color: #e80000;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-compile .ff-input--prompt[data-v-0e4c774e] {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 140px;
  margin-top: 7px;
  transform: translateX(-50%);
  border-radius: 4px;
  padding: 7px 8px;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d8d8d8;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-compile .ff-input--prompt[data-v-0e4c774e]::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: -5px;
  border: 1px solid #d8d8d8;
  left: 50%;
  margin-right: 2px;
  border-bottom-color: transparent;
  border-right-color: transparent;
  background-color: #fff;
  transform: translateX(-50%) rotate(45deg);
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-compile .ff-input--prompt i[data-v-0e4c774e] {
  font-size: 16px;
  color: #e80000;
}
.ff-matrix--table .ff-matrix--table-content table .ff-matrix--table-align .ff-matrix--table-compile .ff-matrix--input-disabled[data-v-0e4c774e] {
  background-color: #f4f4f4;
}
.ff-matrix--table .ff-matrix--table-content .ff-matrix--table-total[data-v-0e4c774e] {
  height: 25px;
  color: #ed3838;
}
.ff-matrix--table .ff-matrix--table-content .ff-matrix--table-total td[data-v-0e4c774e] {
  padding: 3px 14px;
}
.ff-matrix--table .ff-matrix--table-content .ff-matrix--edit-color[data-v-0e4c774e] {
  background-color: #f5f6fa;
}
.ff-matrix--table .ff-matrix--edit-reveal table th[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--edit-reveal table td[data-v-0e4c774e] {
  border-color: #d8d8d8;
}
.ff-matrix--table .ff-matrix--edit-reveal table .ff-matrix--table-align li[data-v-0e4c774e] {
  border-color: #d8d8d8;
}
.ff-matrix--table .ff-matrix--edit-reveal table .ff-matrix--table-align .ff-matrix--table-disabled span[data-v-0e4c774e] {
  border-color: #d8d8d8;
}
.ff-matrix--table .ff-matrix--edit-reveal table .ff-matrix--table-align .ff-matrix--table-compile input[data-v-0e4c774e] {
  border-color: #d8d8d8;
}
.ff-matrix--table .ff-matrix--footer[data-v-0e4c774e] {
  margin: 10px 0 20px;
  /*padding-left: 15px;*/
  box-sizing: border-box;
}
.ff-matrix--table .ff-matrix--footer i[data-v-0e4c774e] {
  color: #e80000;
  font-size: 15px;
}
.ff-matrix--table .ff-matrix--footer .ff-matrix-hint[data-v-0e4c774e] {
  color: #e80000;
}
.ff-matrix--table .ff-matrix--footer .ff-matrix--des[data-v-0e4c774e] {
  display: inline-block;
  width: 62px;
  height: 18px;
  box-sizing: border-box;
  padding: 0 4px;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
  background-color: #f4f4f4;
  width: 32px;
  height: 14px;
  vertical-align: middle;
  margin: 0 3px 1px;
}
.ff-matrix--table .ff-matrix--box-btn[data-v-0e4c774e] {
  padding-bottom: 10px;
}
.ff-matrix--table .ff-matrix--box-btn[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--reveal[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--matching[data-v-0e4c774e] {
  text-align: right;
}
.ff-matrix--table .ff-matrix--box-btn .ff-matrix-btn[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--reveal .ff-matrix-btn[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--matching .ff-matrix-btn[data-v-0e4c774e] {
  padding: 6px 21px;
  border-radius: 2px;
  box-sizing: border-box;
  user-select: none;
  /*transition: all .2s ease;*/
}
.ff-matrix--table .ff-matrix--box-btn .ff-matrix-btn-confirm[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--reveal .ff-matrix-btn-confirm[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--matching .ff-matrix-btn-confirm[data-v-0e4c774e] {
  background-color: #fd6442;
  margin-right: 3px;
  color: #fff;
}
.ff-matrix--table .ff-matrix--box-btn .ff-matrix-btn-confirm[data-v-0e4c774e]:hover,
.ff-matrix--table .ff-matrix--reveal .ff-matrix-btn-confirm[data-v-0e4c774e]:hover,
.ff-matrix--table .ff-matrix--matching .ff-matrix-btn-confirm[data-v-0e4c774e]:hover {
  background-color: rgba(253, 100, 66, 0.7);
}
.ff-matrix--table .ff-matrix--box-btn .ff-matrix-btn-cancel[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--reveal .ff-matrix-btn-cancel[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--matching .ff-matrix-btn-cancel[data-v-0e4c774e] {
  color: #fd6442;
  padding: 3px 20px;
  border: 1px solid #fd6442;
  background-color: #fff;
}
.ff-matrix--table .ff-matrix--box-btn .ff-matrix-btn-cancel[data-v-0e4c774e]:hover,
.ff-matrix--table .ff-matrix--reveal .ff-matrix-btn-cancel[data-v-0e4c774e]:hover,
.ff-matrix--table .ff-matrix--matching .ff-matrix-btn-cancel[data-v-0e4c774e]:hover {
  opacity: 0.5;
}
.ff-matrix--table .ff-matrix--box-btn .ff-matrix-btn-cancel[data-v-0e4c774e]:first-child:focus,
.ff-matrix--table .ff-matrix--reveal .ff-matrix-btn-cancel[data-v-0e4c774e]:first-child:focus,
.ff-matrix--table .ff-matrix--matching .ff-matrix-btn-cancel[data-v-0e4c774e]:first-child:focus {
  opacity: 0.5;
}
.ff-matrix--table .ff-matrix--box-btn .ff-btn-disabled[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--reveal .ff-btn-disabled[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--matching .ff-btn-disabled[data-v-0e4c774e] {
  cursor: not-allowed;
  background-color: #e6e6e6;
  border: 1px solid #d8d8d8;
}
.ff-matrix--table .ff-matrix--box-btn .ff-btn-disabled[data-v-0e4c774e]:hover,
.ff-matrix--table .ff-matrix--reveal .ff-btn-disabled[data-v-0e4c774e]:hover,
.ff-matrix--table .ff-matrix--matching .ff-btn-disabled[data-v-0e4c774e]:hover {
  opacity: 1;
}
.ff-matrix--table .ff-matrix--reveal[data-v-0e4c774e] {
  text-align: left;
}
.ff-matrix--table .ff-matrix--reveal table[data-v-0e4c774e] {
  vertical-align: bottom;
  width: auto;
  display: inline-block;
}
.ff-matrix--table .ff-matrix--reveal table th[data-v-0e4c774e],
.ff-matrix--table .ff-matrix--reveal table td[data-v-0e4c774e] {
  min-width: 63px;
}
.ff-matrix--table .ff-matrix--reveal table .ff-matrix--table-align[data-v-0e4c774e] {
  /*li {
            padding: 3px 4px;
          }*/
}
.ff-matrix--table .ff-matrix--reveal .ff-matrix--table-total td[data-v-0e4c774e] {
  padding: 3px 4px;
}
.ff-matrix--table .ff-matrix--reveal .ff-matrix-btn-cancel[data-v-0e4c774e] {
  padding: 4px 8px;
  margin-left: 15px;
}

.ff-input--prompt {
  color: #575757;
}

.ak-ag-cell-tag[data-v-61cfd1e2] {
  display: inline-block;
  padding: 4px 6px;
  border: 1px solid;
  border-radius: 4px;
  line-height: 1;
}
.ak-ag-cell-tag-hover[data-v-61cfd1e2] {
  cursor: pointer;
}

.color-select[data-v-26bcdb9c] {
  position: relative;
}
.color-select .select-wrap[data-v-26bcdb9c] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1px;
  right: 23px;
  line-height: 24px;
  height: 24px;
  pointer-events: none;
  cursor: pointer;
  padding-left: 10px;
  background-color: #fff;
}
.color-select .select-placeholder[data-v-26bcdb9c] {
  color: #aaa;
}

.color-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.color-option .color-icon {
  padding: 1px 3px;
  border-radius: 4px;
}
.ark-select-item.disabled {
  cursor: not-allowed !important;
}

.inputWithSelectCom .ark-input-group-prepend .ark-select-selection,
.inputWithSelectCom .ark-input-group-append .ark-select-selection {
  border: 1px solid #d8d8d8 !important;
  margin-top: -1px;
}

.PlatformSearch .ark-input-group-prepend .ark-select-selection,
.PlatformSearch .ark-input-group-append .ark-select-selection {
  border: 1px solid #d8d8d8 !important;
  margin-top: -1px;
}

.PlatformSearch .ark-input-group-prepend .ark-select-selection,
.PlatformSearch .ark-input-group-append .ark-select-selection {
  border: 1px solid #d8d8d8 !important;
  margin-top: -1px;
}

.supplierToMessage .ark-input-group-prepend .ark-select-selection,
.supplierToMessage .ark-input-group-append .ark-select-selection {
  border: 1px solid #d8d8d8 !important;
  margin-top: -1px;
}