#app {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #242424;
  width: 100%;
  height: 100%;
  background: #F2F2F2;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bigbox {
  width: 1100px;
  margin: 0 auto;
}
.box {
  background: #fff;
  padding: 32px 24px;
  border-radius: 4px;
  margin: 24px 0;
  min-height: 600px;
}
.navtit {
  line-height: 1;
  margin: 24px 0 16px;
  color: #999;
}
.contractBox {
  width: 566px;
  margin: 20px auto;
}
.text-center {
  text-align: center;
}
.serviceBtn {
  position: fixed;
  bottom: 80px;
  right: 32px;
  z-index: 9;
}
.serviceBtn img {
  width: 44px;
  height: 44px;
}
.serviceBtn span {
  position: absolute;
  left: 0;
  width: 100%;
  background: #48a2ff;
  color: #fff;
  line-height: 18px;
  bottom: -14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
}


.bread[data-v-e2eace5c] .el-breadcrumb{
  display: inline-block;
  display: inline-block;
  vertical-align: top;
}
.bread[data-v-e2eace5c] .is-link{
  font-weight: normal;
}
.bread[data-v-e2eace5c]{
  float:left;margin-bottom: 10px;
}
.bread[data-v-e2eace5c] .el-breadcrumb__item:first-of-type .is-link{
    color:#606266;cursor: text;
}

.el-header {
  border-bottom: 1px solid #F2F2F2;
  color: #333;
  line-height: 60px;
  width: 100%;
  position: fixed;
  z-index: 33;
  padding: 0 20px 0 0;
  background: #fff;
}
.el-aside {
  border-right: 1px solid #F2F2F2;
  color: #333;
  position: fixed;
  padding-top: 60px;
}
.el-container {
  width: 100%;
  height: 100vh;
}
.el-avatar {
  margin-top: 10px;
  margin-right: 10px;
  float: left;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.el-menu {
  border-right: none;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 180px;
}
.username {
  line-height: 1;
}
.el-submenu .el-menu-item {
  padding-left: 50px!important;
  padding-right: 0;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.rightbox {
  background: #fff;
  margin: 0 auto;
  border: 1px solid #F0F2F4;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 80vh;
}
.rightbox::-webkit-scrollbar {
  width: 8px;
  height: 1px;
}
.rightbox::-webkit-scrollbar-thumb {
  background: #999;
}
.rightbox::-webkit-scrollbar-track {
  background: #F0F4F7;
}
.rightcrumbs {
  font-size: 16px;
  margin: 0px auto 15px;
  padding: 0;
  font-weight: bold;
}
.el-menu--collapse {
  width: 52px;
}
.tiggercheck {
  margin-left: 20px;
}
.tiggercheck i {
  color: #6D7276;
  cursor: pointer;
}
.tiggercheck i:hover {
  color: #1F82FB;
}
.el-tabs__nav-wrap::after {
  height: 1px;
  background: #DFE1EC;
  opacity: 0.4;
}

body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a {
  color: #1F82FB;
  text-decoration: underline;
}
a:hover {
  color: #61a7fd;
  text-decoration: underline;
}
em {
  font-style: normal;
}
li {
  list-style: none;
}
img {
  border: 0;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  word-wrap: break-word;
}
body {
  min-width: 1280px;
  height: 100%;
  background: #f3f4f4;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}
/* mac浏览器兼容问题 */
.el-button {
  height: auto;
}
.flex {
  overflow: hidden;
}
.el-input--mini .el-input__icon {
  line-height: 22px;
}
.input-feature .el-input__inner {
  height: 36px;
  line-height: 36px;
  padding-right: 40px;
}
.el-input__inner::-webkit-input-placeholder {
  /* placeholder颜色 */
  color: #8c8c8c;
  font-size: 13px;
}
#nprogress .bar {
  background: #1F82FB;
}
#nprogress .spinner-icon {
  border-top-color: #1F82FB;
  border-left-color: #1F82FB;
}
.el-menu-item {
  height: 46px;
  line-height: 46px;
  font-size: 13px;
  color: #6D7276;
}
.el-menu-item i {
  color: #6D7276;
  margin-right: 12px;
  font-size: 17px;
}
.el-menu-item.is-active {
  color: #1F82FB;
}
.el-menu-item:focus,
.el-menu-item:hover {
  background-color: #F0F7FF;
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: #1F82FB;
  background: #fff;
}
.el-radio__input.is-checked .el-radio__inner::after {
  background: #1F82FB;
}
.el-radio__inner::after {
  width: 8px;
  height: 8px;
}
.el-radio__input.is-checked + .el-radio__label {
  color: #1F82FB;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #1F82FB;
  border-color: #1F82FB;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #1F82FB;
}
.el-checkbox__inner:hover {
  border-color: #1F82FB;
}
.el-input__inner {
  border-color: #DFE1EC;
  color: #242424;
}
.el-button--primary {
  background-color: #1F82FB;
  border-color: #1F82FB;
}
.el-button--text {
  color: #1F82FB;
}
.el-button:focus,
.el-button:hover {
  color: #0e6fe5;
}
.el-button--primary:focus,
.el-button--primary:hover {
  background: #0e6fe5;
  border-color: #0e6fe5;
  color: #fff;
}
.el-textarea__inner {
  color: #242424;
}
.el-input--small {
  font-size: 12px;
}
.el-form-item__error {
  color: #FE4F4C;
}
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
  border-color: #FE4F4C;
}
.el-form-item--small .el-form-item__error {
  padding-top: 5px;
}
.tabBox {
  border-bottom: 1px solid rgba(223, 225, 236, 0.4);
  margin-bottom: 25px;
  padding: 20px 25px 0;
}
.tabBox > span {
  float: left;
  font-size: 16px;
  color: #6D7276;
  line-height: 1;
  padding: 0px 25px 15px;
  cursor: pointer;
  position: relative;
}
.tabBox > span.active::after {
  content: '-';
  width: 26px;
  height: 2px;
  background: #1F82FB;
  display: block;
  font-size: 0;
  left: 50%;
  position: absolute;
  margin-left: -13px;
  top: 30px;
}
.tabBox > span.active {
  color: #1F82FB;
  font-weight: bold;
}
.tabBox > span:hover {
  color: #1F82FB;
}
.bigcontentBox {
  padding: 0 50px 50px;
}
.bigcontentBox .tagsbigBox {
  margin-bottom: 25px;
}
.bigcontentBox .tagsbigBox .el-tag {
  background: #F6F7F7;
  border-radius: 20px;
  padding: 0;
  margin-right: 15px;
  border: none;
  height: 30px;
  color: #6D7276;
  cursor: pointer;
}
.bigcontentBox .tagsbigBox .el-tag .tagname {
  padding: 0 20px;
}
.bigcontentBox .tagsbigBox .el-tag.active {
  background: #E3F0FE;
  color: #1F82FB;
  font-weight: bold;
}
.bigcontentBox .tagsbigBox .el-tag:hover {
  background: #E3F0FE;
  color: #1F82FB;
}
.bigcontentBox .leftbox {
  border-right: 1px solid rgba(223, 225, 236, 0.4);
}
.bigcontentBox .leftbox .el-select {
  width: 100%;
}
.bigcontentBox .leftbox .btnbox {
  margin-top: 30px;
}
.bigcontentBox .leftbox .btnbox .el-button {
  width: 100%;
}
.bigcontentBox .leftbox .el-input__inner::-webkit-input-placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-input__inner::-moz-placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-input__inner::-ms-input-placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-input__inner:-ms-input-placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-input__inner::placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-textarea__inner::-webkit-input-placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-textarea__inner::-moz-placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-textarea__inner::-ms-input-placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-textarea__inner:-ms-input-placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-textarea__inner::placeholder {
  color: #8C8C8C;
  font-size: 12px;
}
.bigcontentBox .leftbox .el-form-item--small .el-form-item__content {
  line-height: 30px;
}
.bigcontentBox .leftbox .radiogroupbox.el-form-item--small .el-form-item__content {
  line-height: 1;
}
.bigcontentBox .rightBox .title {
  font-size: 16px;
  color: #1F82FB;
  font-weight: bold;
  margin-bottom: 20px;
}
.bigcontentBox .rightBox .contentbigBox {
  white-space: pre-wrap;
  line-height: 24px;
}
.bigcontentBox .rightBox .btnBox {
  text-align: right;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid rgba(223, 225, 236, 0.4);
}
.bigcontentBox .rightBox .btnBox .el-button--primary.is-plain {
  color: #1F82FB;
  background: #fff;
  border-color: #DFE1EC;
}
.bigcontentBox .rightBox .btnBox .el-button--primary.is-plain i {
  margin-right: 5px;
  font-size: 14px;
}
.bigcontentBox .rightBox .btnBox .el-button--primary.is-plain:hover {
  color: #fff;
  background: #1F82FB;
  border-color: #1F82FB;
}
.bigcontentBox .rightBox .btnBox .el-button.is-disabled.is-plain,
.bigcontentBox .rightBox .btnBox .el-button.is-disabled.is-plain:focus,
.bigcontentBox .rightBox .btnBox .el-button.is-disabled.is-plain:hover {
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc;
}
.bigcontentBox .rightBox .btnBox .translatebtn {
  margin-left: 10px;
  display: inline-block;
}
.bigcontentBox .rightBox .similarCreatebox {
  background: #F8F8F9;
  padding: 25px 15px;
  position: relative;
  margin-top: 15px;
}
.bigcontentBox .rightBox .similarCreatebox .btnBox {
  border-top: none;
  padding-top: 0;
}
.bigcontentBox .rightBox .similarCreatebox .btnBox .el-button {
  padding: 0;
  text-decoration: underline;
}
.bigcontentBox .rightBox .similarCreatebox:after {
  position: absolute;
  bottom: 100%;
  left: calc(80% - 80px);
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(83, 213, 83, 0);
  border-bottom-color: #F8F8F9;
  border-width: 12px;
}
.bigcontentBox .highlevelBox {
  color: #1F82FB;
  margin-bottom: 20px;
  line-height: 1;
}
.bigcontentBox .highlevelBox span {
  cursor: pointer;
}
.bigcontentBox .highlevelBox i {
  font-size: 12px;
  margin-left: 10px;
}
.bigcontentBox .el-form-item__label {
  color: #242424;
  line-height: 1;
}
.bigcontentBox .el-form--label-top .el-form-item__label {
  padding-bottom: 10px;
}
.bigcontentBox .el-form-item {
  margin-bottom: 30px;
}
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  color: #FE4F4C;
}
.tooltip {
  max-width: 30%;
  white-space: pre-wrap;
  line-height: 1.4;
  /*-------滚动条整体样式----*/
  /*滚动条里面小方块样式*/
  /*滚动条里面轨道样式*/
}
.tooltip .tooltip_content {
  max-height: 200px;
  overflow: auto;
}
.tooltip .tooltip_content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.tooltip .tooltip_content::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #c2c2c2;
}
.tooltip .tooltip_content::-webkit-scrollbar-track {
  /*-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/
  border-radius: 5px;
  background: #fff;
  padding: 2px;
}
.fromrequiredtip .el-form-item__label:before {
  content: '' !important;
  display: none;
}
.textareabox .el-textarea__inner {
  min-height: 120px!important;
}
.el-dialog {
  border-radius: 4px;
}
.el-dialog__header {
  border-bottom: 1px solid rgba(223, 225, 236, 0.4);
  padding: 20px 30px;
  padding-bottom: 15px;
}
.el-dialog__body {
  padding: 20px 30px;
}
.el-dialog__footer {
  padding: 10px 30px 30px;
}
.el-loading-spinner i,
.el-loading-spinner .el-loading-text {
  color: rgba(255, 255, 255, 0.85);
}

