body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;;
    color: black;
}

.divider {
    margin: 5px 0;
    background-color: rgba(0, 0, 0, 0.15);
    height: 1px;
}

a {
    text-decoration: none;
    color: #409EFF;
}

a:hover {
    text-decoration: underline;
    color: #409EFF;
}

b {
    font-weight: 600;
}

p {
    margin: 0;
}

.main-container {
    display: flex;
    justify-content: center;
}

.max-container {
    width: 1170px;
    padding: 0 20px;
}

.label-default {
    display: inline-block;
    background-color: #999;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 10px 0;
}

.lead {
    font-size: 21px;
    font-weight: 400;
}

fieldset {
    padding: 10px;
    margin-bottom: 20px;
}

fieldset legend {
    font-size: 18px;
    font-weight: 500;
    margin-left: 10px;
}

/*表格 pure table*/
.pure-table {
    border: 1px solid #cbcbcb;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
}

.pure-table thead,
.pure-table-horizontal thead {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000;
    vertical-align: bottom;
}

.pure-table th, .pure-table td {
    padding: 10px 10px;
    border-bottom: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
}

.pure-table-hover tbody tr:hover {
    background-color: #D9EDFD;
}

.pure-table-horizontal {
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
    font-size: 14px;
}

.pure-table-horizontal th, .pure-table-horizontal td {
    padding: 10px 10px;
    border-bottom: 1px solid #cbcbcb;
}

.pure-table-tight th, .pure-table-tight td {
    padding: 5px 10px;
}

/*element ui*/
.color-auto-complete .el-autocomplete-suggestion__wrap {
    margin-bottom: -2px !important;
}

.color-auto-complete {
    margin-top: 0 !important;
}

.color-auto-complete .popper__arrow {
    display: none !important;
}

.color-auto-complete li {
    padding: 0 5px !important;
    line-height: 30px !important;
}

.color-auto-complete li:hover, .color-auto-complete li.highlighted {
    background-color: rgba(0, 0, 0, 0.15) !important;
}

.el-input.is-disabled .el-input__inner {
    color: #878d99 !important;
}

.el-input-group__append {
    padding: 0 10px !important;
}

.zero-gap-select {
    margin-top: 0 !important;
}

.zero-gap-select .popper__arrow {
    display: none !important;
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 100% !important;
}

.unit-select .el-input__inner {
    padding-right: 0 !important;
    width: 65px !important;
}

.unit-select .el-input__suffix {
    right: 10px !important;
}

.el-step__description.is-finish {
    color: black !important;
}

.el-step__description {
    padding-right: 0 !important;
}

.width100-select {
    width: 100% !important;
}

.el-select-dropdown__wrap {
    max-height: 500px !important;
}

.el-card__body {
    padding-top: 10px !important;
}

/*el table*/
/*.el-table {*/
/*  color: black;*/
/*}*/

/*.el-table thead {*/
/*  color: black;*/
/*  font-weight: bold;*/
/*}*/

/*.el-table__footer-wrapper tbody td, .el-table__header-wrapper tbody td {*/
/*  color: black;*/
/*  font-weight: bold;*/
/*}*/
.el-card{border-radius:4px;border:1px solid #EBEEF5;background-color:#FFF;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #EBEEF5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px}
.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#C0C4CC}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input__inner:hover{border-color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}

.header .title[data-v-6425da4f]:hover {
  color: #409EFF;
  cursor: pointer;
}
.main-container[data-v-6425da4f] {
  display: flex;
  justify-content: center;
}
.max-container[data-v-6425da4f] {
  width: 1170px;
  padding: 0 20px;
}
.header[data-v-6425da4f], .body[data-v-6425da4f], .footer[data-v-6425da4f] {
  width: 100%;
  margin-bottom: 30px;
}
.header[data-v-6425da4f] {
  display: flex;
  align-items: center;
  height: 70px;
  border-bottom: rgba(0, 0, 0, 0.1) 2px solid;
}
.header .logo[data-v-6425da4f] {
  width: 55px;
  height: 55px;
}
.header .title[data-v-6425da4f] {
  margin-left: 20px;
  font-size: 20px;
  font-weight: normal;
}
.body[data-v-6425da4f] {
  display: grid;
  grid-template-columns: 2fr 3fr;
  margin: 60px 0 60px;
}
.body .login-panel[data-v-6425da4f] {
  height: 520px;
  margin-left: 30px;
  margin-top: 50px;
}
.body .login-panel .title[data-v-6425da4f] {
  font-size: 30px;
  font-weight: bold;
}
.body .login-panel .desc[data-v-6425da4f] {
  font-size: 26px;
  font-weight: 500;
  margin-top: 15px;
}
.body .demo-panel[data-v-6425da4f] {
  position: relative;
}
.body .demo-panel .screenshot[data-v-6425da4f] {
  width: 500px;
  height: 400px;
  border: #2d8cf0 1px solid;
  position: absolute;
}
.body .demo-panel .screenshot1[data-v-6425da4f] {
  left: 40px;
  top: 20px;
}
.body .demo-panel .screenshot2[data-v-6425da4f] {
  left: 190px;
  top: 120px;
}
.input-panel[data-v-6425da4f] {
  max-width: 280px;
  margin-top: 50px;
}
.account[data-v-6425da4f] {
  margin-bottom: 10px;
}
.login-panel .action[data-v-6425da4f] {
  text-align: right;
}
.action .roll[data-v-6425da4f] {
  margin-left: 40px;
}
.login-panel .soft-version[data-v-6425da4f] {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-top: 50px;
}
.login-panel .soft-version .version[data-v-6425da4f] {
  display: grid;
  grid-template-rows: 1fr 1fr;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.login-panel .soft-version .d[data-v-6425da4f] {
  width: 1px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 30px;
}
.submit[data-v-6425da4f] {
  margin-top: 10px;
  width: 100%;
}
.error[data-v-6425da4f] {
  color: red;
  margin-top: 5px;
}

/* for first-page-footer*/
.first-page-footer[data-v-6425da4f] {
  display: grid;
  grid-template-columns: 1fr auto auto 1fr;
  column-gap: 60px;
  justify-items: center;
  color: #999;
  font-size: 16px;
}
.first-page-footer .wx-pic-item[data-v-6425da4f] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-items: center;
}
.first-page-footer .pic[data-v-6425da4f] {
  width: 100px;
  margin-right: 10px;
}
.first-page-footer .gx_miniapp_main[data-v-6425da4f] {
  width: 120px;
  margin-right: 10px;
}
.first-page-footer .gx_miniapp_main1[data-v-6425da4f] {
  width: 100px;
  margin-right: 10px;
}

/*  for detail description*/
.detail-panel[data-v-6425da4f] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 50px;
  justify-items: center;
  margin: 150px 0 0 0;
}
.detail-panel .card-pic[data-v-6425da4f] {
  width: 130px;
  height: 130px;
  margin: 20px 0 30px;
}
.detail-panel .card-title[data-v-6425da4f] {
  font-size: 30px;
  text-align: center;
  color: #1f2f3d;
}
.detail-panel .card-desc[data-v-6425da4f] {
  color: #99a9bf;
  margin-top: 20px;
}

/* for footer*/
.footer[data-v-6425da4f] {
  margin-bottom: 60px;
}
.footer .divider[data-v-6425da4f] {
  margin-bottom: 50px;
}
footer[data-v-6425da4f] {
  color: grey;
  line-height: 26px;
  padding-top: 10px;
  position: relative;
  display: flex;
}
.footer .desc[data-v-6425da4f] {
  margin-left: 25%;
}
.footer-left[data-v-6425da4f] {
  display: inline-block;
}
.footer-right[data-v-6425da4f] {
  display: inline-block;
  margin-left: 70px;
}
.wx-me[data-v-6425da4f] {
  position: absolute;
  top: 10px;
  left: 75%;
  width: 80px;
  height: 80px;
}
.wx-desc[data-v-6425da4f] {
  position: absolute;
  top: 35px;
  left: 83%;
}
.footer .logo[data-v-6425da4f] {
  width: 70px;
  height: 70px;
}
.beian[data-v-6425da4f] {
  text-align: center;
  padding-top: 20px;
}
.ppt-desc[data-v-6425da4f] {
  margin-right: 30px;
}
@font-face {
  font-family: 'PasswordDots';
  src: url(https://src.duoxiao1000.top/./static/font_main/text-security-disc.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
.password[data-v-6425da4f] input {
  font-family: 'PasswordDots' !important;
  font-size: 14px !important;
}