.huiyuan-detail-container {
  position: relative;
  height: 640px; }
  .huiyuan-detail-container .common-dialog {
    display: none; }
  .huiyuan-detail-container .bg {
    position: absolute;
    left: 50%;
    margin-left: -960px; }
  .huiyuan-detail-container .big-title {
    position: relative;
    z-index: 1;
    padding-top: 90px;
    text-align: center;
    font-size: 42px;
    line-height: 55px; }
    .huiyuan-detail-container .big-title .grey {
      color: #AC763F; }
    .huiyuan-detail-container .big-title .red {
      color: #EF6147; }
  .huiyuan-detail-container .big-tips {
    position: relative;
    z-index: 1;
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
    text-align: center;
    color: #666666; }
  .huiyuan-detail-container .mon-list {
    position: relative;
    z-index: 1;
    white-space: nowrap;
    text-align: center;
    margin-left: -12px;
    margin-top: 70px; }
    .huiyuan-detail-container .mon-list .item {
      width: 406px;
      height: 290px;
      box-sizing: border-box;
      padding: 40px;
      display: inline-block;
      text-align: left;
      vertical-align: middle; }
      .huiyuan-detail-container .mon-list .item .name {
        font-size: 28px;
        font-weight: 700;
        color: #fff; }
      .huiyuan-detail-container .mon-list .item .money {
        color: #fff; }
        .huiyuan-detail-container .mon-list .item .money .mon-tip {
          font-size: 20px; }
        .huiyuan-detail-container .mon-list .item .money .cur-price {
          font-size: 36px;
          font-weight: bold; }
        .huiyuan-detail-container .mon-list .item .money .old-price {
          font-size: 14px;
          text-decoration: line-through; }
      .huiyuan-detail-container .mon-list .item .info {
        height: 40px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        margin-top: 18px;
        line-height: 20px; }
      .huiyuan-detail-container .mon-list .item .btn {
        width: 88px;
        height: 30px;
        background-color: #fff;
        border-radius: 5px;
        margin: 20px auto;
        text-align: center;
        line-height: 30px;
        display: block; }
    .huiyuan-detail-container .mon-list .bg-1 {
      background-image: url("../image/bg_01.png"); }
      .huiyuan-detail-container .mon-list .bg-1 .btn {
        color: #E95437; }
    .huiyuan-detail-container .mon-list .bg-2 {
      background-image: url("../image/bg_02.png"); }
      .huiyuan-detail-container .mon-list .bg-2 .btn {
        color: #BC8F50; }
    .huiyuan-detail-container .mon-list .bg-3 {
      background-image: url("../image/bg_03.png"); }
      .huiyuan-detail-container .mon-list .bg-3 .btn {
        color: #8B919E; }
  .huiyuan-detail-container .pay-dialog .pay-act {
    margin-top: 10px;
    font-size: 0; }
    .huiyuan-detail-container .pay-dialog .pay-act div {
      width: 50%;
      text-align: center;
      font-size: 18px;
      display: inline-block; }
    .huiyuan-detail-container .pay-dialog .pay-act img {
      width: 24px;
      margin-right: 8px;
      position: relative;
      top: -1px; }
    .huiyuan-detail-container .pay-dialog .pay-act span {
      font-size: 16px; }
  .huiyuan-detail-container .pay-dialog .choose {
    color: #D01919;
    font-size: 16px;
    padding-left: 40px; }
  .huiyuan-detail-container .pay-dialog .money {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    padding-left: 40px; }
    .huiyuan-detail-container .pay-dialog .money .red {
      font-size: 32px;
      color: #D01919; }
  .huiyuan-detail-container .pay-dialog .xieyi {
    margin-top: 20px;
    color: #999;
    font-size: 14px;
    padding-left: 40px; }
    .huiyuan-detail-container .pay-dialog .xieyi .blue {
      color: #0070F5;
      font-size: 14px;
      cursor: pointer; }
  .huiyuan-detail-container .pay-img {
    white-space: nowrap;
    text-align: center;
    margin-top: 10px; }
    .huiyuan-detail-container .pay-img .qrcode {
      display: inline-block;
      vertical-align: bottom;
      width: 240px;
      height: 240px; }
    .huiyuan-detail-container .pay-img img {
      display: inline-block;
      vertical-align: bottom;
      width: 240px;
      height: 240px; }
      .huiyuan-detail-container .pay-img img + img {
        margin-left: 20px; }

.mine-container-box {
  width: 1200px;
  margin: 0 auto; }
  .mine-container-box .page-head-wrap {
    height: 20px;
    line-height: 20px;
    margin: 15px 0;
    font-size: 14px; }
    .mine-container-box .page-head-wrap .tips {
      color: #a6aab6; }
    .mine-container-box .page-head-wrap .link {
      color: #2a2e2e; }
      .mine-container-box .page-head-wrap .link.active {
        color: #d01919; }
  .mine-container-box .main-container {
    width: 100%;
    font-size: 0; }
    .mine-container-box .main-container .left-container {
      min-height: 60px;
      width: 180px;
      display: inline-block;
      vertical-align: top; }
      .mine-container-box .main-container .left-container .nav-bar-item {
        min-height: 60px;
        box-sizing: border-box;
        position: relative;
        cursor: pointer; }
        .mine-container-box .main-container .left-container .nav-bar-item .nav-bar-title {
          height: 60px;
          line-height: 60px;
          display: block;
          background: #fbfbfb;
          box-sizing: border-box;
          padding: 0 20px;
          font-size: 16px;
          color: #2a2e2e;
          font-weight: 700; }
          .mine-container-box .main-container .left-container .nav-bar-item .nav-bar-title.active {
            color: #d01919; }
            .mine-container-box .main-container .left-container .nav-bar-item .nav-bar-title.active .nav-bar-icon {
              color: #d01919; }
          .mine-container-box .main-container .left-container .nav-bar-item .nav-bar-title .nav-bar-icon {
            width: 16px;
            height: 16px;
            display: inline-block;
            position: relative;
            top: 0;
            margin-right: 16px;
            color: #2a2e2e; }
        .mine-container-box .main-container .left-container .nav-bar-item:not(:last-of-type)::after {
          content: ' ';
          width: 100%;
          height: 1px;
          background: #eff1fa;
          position: absolute;
          bottom: 0;
          left: 0; }
        .mine-container-box .main-container .left-container .nav-bar-item .sub-title-wrap {
          background: #FFFFFF;
          transition: all 1.5s;
          height: auto;
          overflow: hidden; }
          .mine-container-box .main-container .left-container .nav-bar-item .sub-title-wrap.hidden {
            height: 0; }
          .mine-container-box .main-container .left-container .nav-bar-item .sub-title-wrap .sub-title-item {
            height: 42px;
            line-height: 42px;
            box-sizing: border-box;
            padding-left: 52px;
            font-size: 14px;
            color: #2a2e2e;
            cursor: pointer;
            display: block;
            position: relative; }
            .mine-container-box .main-container .left-container .nav-bar-item .sub-title-wrap .sub-title-item.active {
              color: #d01919; }
              .mine-container-box .main-container .left-container .nav-bar-item .sub-title-wrap .sub-title-item.active::before {
                content: ' ';
                width: 3px;
                height: 16px;
                background: #d01919;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0; }
    .mine-container-box .main-container .right-container {
      width: 1000px;
      min-height: 30px;
      display: inline-block;
      vertical-align: top;
      margin-left: 20px;
      font-size: 14px; }
      .mine-container-box .main-container .right-container .header-title {
        width: 100%;
        height: 56px;
        line-height: 56px;
        box-sizing: border-box;
        padding: 0 20px;
        position: relative;
        font-weight: 700;
        background-color: #ffffff; }
        .mine-container-box .main-container .right-container .header-title span {
          height: 56px;
          display: inline-block;
          position: relative;
          font-size: 16px;
          color: #333; }
          .mine-container-box .main-container .right-container .header-title span::after {
            content: ' ';
            width: 100%;
            height: 3px;
            background: #d01919;
            position: absolute;
            bottom: 0;
            left: 0; }
        .mine-container-box .main-container .right-container .header-title::after {
          content: ' ';
          width: 100%;
          height: 1px;
          background: #dee0e8;
          position: absolute;
          left: 0;
          bottom: 0; }

.form-wrap-conatiner {
  background: #FFFFFF;
  font-size: 0;
  box-sizing: border-box; }
  .form-wrap-conatiner .form-item {
    min-height: 40px;
    width: 100%;
    margin-bottom: 24px;
    font-size: 0; }
    .form-wrap-conatiner .form-item.inline {
      width: 472px;
      display: inline-block;
      vertical-align: top; }
      .form-wrap-conatiner .form-item.inline .form-item-label {
        width: 144px; }
    .form-wrap-conatiner .form-item .form-item-label {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      width: 265px;
      height: 40px;
      line-height: 40px;
      text-align: right;
      margin-right: 16px; }
      .form-wrap-conatiner .form-item .form-item-label .required {
        color: #d01919; }
    .form-wrap-conatiner .form-item .form-item-content {
      display: inline-block;
      vertical-align: top;
      font-size: 0;
      position: relative; }
      .form-wrap-conatiner .form-item .form-item-content .form-input {
        vertical-align: top;
        font-size: 14px;
        width: 312px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        background-color: #FFFFFF;
        border: 1px solid #D8DBE5;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 0 16px; }
        .form-wrap-conatiner .form-item .form-item-content .form-input:disabled {
          background: #ffffff !important;
          color: #999;
          cursor: not-allowed; }
      .form-wrap-conatiner .form-item .form-item-content .form-radio-group {
        height: 40px;
        line-height: 40px;
        font-size: 0; }
        .form-wrap-conatiner .form-item .form-item-content .form-radio-group .layui-form-radio {
          margin: 0 10px 0 0; }
        .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item {
          height: 20px;
          line-height: 20px;
          display: inline-block;
          cursor: pointer;
          position: relative;
          font-size: 14px;
          vertical-align: middle; }
          .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item:not(:last-of-type) {
            margin-right: 40px; }
          .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item input[type='radio'] {
            position: absolute;
            opacity: 0; }
          .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item .form-radio-item-label {
            cursor: pointer; }
          .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item input[type='radio'] + .form-radio-item-label:before {
            content: '';
            background: #FFFFFF;
            border-radius: 100%;
            border: 1px solid #ddd;
            box-sizing: border-box;
            display: inline-block;
            width: 16px;
            height: 16px;
            position: relative;
            top: 2px;
            margin-right: 10px;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all 250ms ease;
            transition: all 250ms ease; }
          .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item input[type='radio']:disabled + .form-radio-item-label {
            cursor: not-allowed;
            opacity: 0.8; }
            .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item input[type='radio']:disabled + .form-radio-item-label:before {
              border-color: #b4b4b4;
              background: #f3efef;
              cursor: not-allowed; }
          .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item input[type='radio']:checked + .form-radio-item-label:before {
            background-color: #d01919;
            border: 1px solid #d01919; }
          .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item input[type='radio']:checked + .form-radio-item-label::after {
            content: '';
            width: 4px;
            height: 4px;
            border-radius: 4px;
            background: #FFFFFF;
            position: absolute;
            left: 6px;
            top: 8px; }
          .form-wrap-conatiner .form-item .form-item-content .form-radio-group .form-radio-item input[type='radio']:checked:disabled + .form-radio-item-label {
            cursor: not-allowed;
            opacity: 0.8; }
      .form-wrap-conatiner .form-item .form-item-content .form-select {
        width: 312px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        background-color: #FFFFFF;
        border: 1px solid #D8DBE5;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 0 12px; }
        .form-wrap-conatiner .form-item .form-item-content .form-select:focus {
          outline: none; }
      .form-wrap-conatiner .form-item .form-item-content .form-textarea {
        width: 312px;
        height: 120px;
        padding: 0;
        font-size: 14px;
        background-color: #FFFFFF;
        border: 1px solid #D8DBE5;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 10px 16px; }
      .form-wrap-conatiner .form-item .form-item-content .form-checkbox-group {
        display: block;
        line-height: 40px;
        height: 40px; }
        .form-wrap-conatiner .form-item .form-item-content .form-checkbox-group .form-check-box-item {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          margin-right: 30px;
          height: 20px;
          line-height: 20px; }
          .form-wrap-conatiner .form-item .form-item-content .form-checkbox-group .form-check-box-item input[type="checkbox"] {
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            right: 0;
            opacity: 0;
            cursor: pointer; }
            .form-wrap-conatiner .form-item .form-item-content .form-checkbox-group .form-check-box-item input[type="checkbox"] + .replace-icon {
              width: 16px;
              height: 16px; }
              .form-wrap-conatiner .form-item .form-item-content .form-checkbox-group .form-check-box-item input[type="checkbox"] + .replace-icon + .replace-checked-icon::before {
                content: ' '; }
            .form-wrap-conatiner .form-item .form-item-content .form-checkbox-group .form-check-box-item input[type="checkbox"]:checked + .replace-icon::before {
              content: ' '; }
            .form-wrap-conatiner .form-item .form-item-content .form-checkbox-group .form-check-box-item input[type="checkbox"]:checked + .replace-icon + .replace-checked-icon::before {
              content: '\e6e5';
              color: #D01919; }
          .form-wrap-conatiner .form-item .form-item-content .form-checkbox-group .form-check-box-item .label {
            font-size: 14px;
            color: #2A2E2E;
            font-weight: 500;
            font-style: inherit;
            vertical-align: top;
            margin-left: 14px; }
      .form-wrap-conatiner .form-item .form-item-content .validationMessage {
        position: absolute;
        color: #d01919;
        font-size: 14px;
        line-height: 20px;
        top: auto;
        bottom: -20px; }
      .form-wrap-conatiner .form-item .form-item-content .time-picker {
        width: 100%; }
        .form-wrap-conatiner .form-item .form-item-content .time-picker .form-input {
          width: 150px; }
        .form-wrap-conatiner .form-item .form-item-content .time-picker .separator {
          font-size: 14px;
          width: 12px;
          display: inline-block;
          vertical-align: top;
          height: 14px;
          line-height: 14px;
          position: relative;
          top: 13px;
          text-align: center; }
      .form-wrap-conatiner .form-item .form-item-content .layui-input {
        border-radius: 3px;
        border-color: #D8DBE5; }
      .form-wrap-conatiner .form-item .form-item-content .layui-form-select {
        font-size: 14px; }
        .form-wrap-conatiner .form-item .form-item-content .layui-form-select .layui-input {
          height: 40px !important; }
        .form-wrap-conatiner .form-item .form-item-content .layui-form-select dl {
          top: 42px !important; }
        .form-wrap-conatiner .form-item .form-item-content .layui-form-select.layui-form-selectup dl {
          bottom: auto; }
        .form-wrap-conatiner .form-item .form-item-content .layui-form-select.layui-select-disabled {
          border-radius: 4px;
          border: 1px solid #D8DBE5; }
          .form-wrap-conatiner .form-item .form-item-content .layui-form-select.layui-select-disabled .layui-input {
            color: #999 !important;
            background: #EBECF2 !important; }

.common-dialog {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 200; }
  .common-dialog .dialog-container {
    background: #FFFFFF;
    padding-bottom: 76px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .common-dialog .dialog-container .dialog-header {
      width: 100%;
      height: 53px;
      line-height: 50px;
      padding-top: 3px;
      position: relative;
      font-size: 18px;
      color: #333;
      box-sizing: border-box;
      padding-left: 32px; }
      .common-dialog .dialog-container .dialog-header::before {
        content: ' ';
        width: 100%;
        height: 3px;
        background: #D01919;
        position: absolute;
        top: 0;
        left: 0; }
      .common-dialog .dialog-container .dialog-header::after {
        content: ' ';
        width: 100%;
        height: 1px;
        background: #DEE0E8;
        position: absolute;
        left: 0;
        bottom: 0; }
      .common-dialog .dialog-container .dialog-header .icon-close {
        position: absolute;
        font-size: 28px;
        height: 28px;
        line-height: 28px;
        width: 28px;
        right: 20px;
        top: 50%;
        margin-top: -14px;
        cursor: pointer; }
    .common-dialog .dialog-container .dialog-content {
      box-sizing: border-box;
      padding: 32px;
      font-size: 12px; }
    .common-dialog .dialog-container .dialog-footer {
      height: 76px;
      width: 100%;
      position: absolute;
      bottom: 0;
      background: #FAFAFA; }
      .common-dialog .dialog-container .dialog-footer .button-wrap {
        text-align: center;
        height: 36px;
        line-height: 36px;
        margin: 20px 0; }
        .common-dialog .dialog-container .dialog-footer .button-wrap button {
          width: 132px;
          height: 36px;
          line-height: 36px;
          border: 0;
          outline: none;
          cursor: pointer;
          border-radius: 2px;
          font-size: 16px; }
          .common-dialog .dialog-container .dialog-footer .button-wrap button:not(:last-of-type) {
            margin-right: 20px; }
          .common-dialog .dialog-container .dialog-footer .button-wrap button.cancel {
            border: 1px solid #999;
            background: #FFFFFF;
            color: #5F6064; }
          .common-dialog .dialog-container .dialog-footer .button-wrap button.confirm {
            border: 1px solid #D01919;
            background: #D01919;
            color: #FFFFFF; }

.normal-table {
  width: 100%;
  border: 1px solid #EBEBED;
  border-right: none;
  text-align: left; }
  .normal-table tr {
    border-bottom: 1px solid #EBEBED; }
  .normal-table th,
  .normal-table td {
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #EBEBED;
    box-sizing: border-box;
    padding-left: 20px;
    font-weight: inherit; }
  .normal-table th {
    background: #EFF6FC; }

.panel-wrap .box-shadow {
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.05); }

.panel-wrap .tag {
  padding: 2px 6px;
  vertical-align: middle; }

.panel-wrap .tag-0 {
  background-color: #e0eefe;
  color: #0070f5;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }

.panel-wrap .tag-1 {
  background-color: #daefe1;
  color: #389f59; }

.panel-wrap .tag-2 {
  background-color: #ffeae9;
  color: #d01919; }

.panel-wrap .mr100 {
  margin-right: 100px; }

.panel-wrap .panel-head {
  height: 52px;
  line-height: 52px; }

.panel-wrap .title-tag {
  margin-top: 3px;
  border-radius: 2px;
  text-align: center;
  padding: 0px 6px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  color: #fff;
  font-size: 14px; }
  .panel-wrap .title-tag-0 {
    background-color: #0070f5; }
  .panel-wrap .title-tag-1 {
    background-color: #389f59; }
  .panel-wrap .title-tag-2 {
    background-color: #d01919; }

.panel-wrap .notice-card-title-tag {
  margin-top: 8px; }

.panel-wrap .title-text {
  width: 540px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  vertical-align: top; }

.panel-wrap .detail-title-text {
  width: 800px; }

.panel-wrap .content {
  color: #2a2e2e; }

.panel-wrap .panel-condition {
  margin-bottom: 20px;
  background-color: #FFFFFF;
  width: auto;
  padding: 36px 20px;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .panel-wrap .panel-condition-item:not(:last-child) {
    margin-bottom: 10px; }
  .panel-wrap .panel-condition-item .condition-item-title {
    display: inline-block;
    width: 58px;
    padding-right: 20px;
    margin-right: 18px;
    vertical-align: top;
    line-height: 22px;
    position: relative; }
    .panel-wrap .panel-condition-item .condition-item-title:after {
      content: '';
      position: absolute;
      right: 0;
      top: 2px;
      height: 18px;
      width: 1px;
      background-color: #D8DBE5; }
  .panel-wrap .panel-condition-item .condition-item-content {
    display: inline-block;
    width: calc(100% - 106px); }
    .panel-wrap .panel-condition-item .condition-item-content ul li {
      cursor: pointer;
      display: inline-block;
      padding: 0px 6px;
      margin: 0 14px 8px 14px;
      line-height: 22px; }
    .panel-wrap .panel-condition-item .condition-item-content ul .active {
      display: inline-block;
      background-color: #d01919;
      color: #FFFFFF;
      border-radius: 3px; }

.panel-wrap .notice-card-wrap {
  padding: 40px;
  padding-left: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .panel-wrap .notice-card-wrap .card-head {
    line-height: 34px; }
  .panel-wrap .notice-card-wrap .iconfont {
    text-align: left;
    display: inline-block;
    width: 20px; }
  .panel-wrap .notice-card-wrap .notice-card-row-label {
    vertical-align: middle; }
  .panel-wrap .notice-card-wrap .notice-card-row-text {
    width: 200px;
    vertical-align: middle;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: inline-block;
    white-space: nowrap; }
  .panel-wrap .notice-card-wrap .check-btn {
    width: 180px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    background: #D01919;
    color: #ffffff;
    position: absolute;
    right: 0; }
  .panel-wrap .notice-card-wrap .phone-btn {
    width: 180px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background: #D01919;
    color: #ffffff;
    position: absolute;
    right: 0; }
    .panel-wrap .notice-card-wrap .phone-btn .phone-icon {
      width: 40px;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      text-align: center;
      background-color: #DE2727; }
      .panel-wrap .notice-card-wrap .phone-btn .phone-icon i {
        color: #fff;
        margin: 0;
        font-size: 18px; }
    .panel-wrap .notice-card-wrap .phone-btn .phone-text {
      margin-left: 40px; }
    .panel-wrap .notice-card-wrap .phone-btn .phone-tips {
      height: 32px;
      line-height: 32px;
      background-color: #FDF2E6;
      font-size: 12px;
      color: #744928;
      border-radius: 16px;
      padding: 0 10px;
      white-space: nowrap;
      position: absolute;
      bottom: -32px; }
      .panel-wrap .notice-card-wrap .phone-btn .phone-tips::before {
        content: ''; }

.panel-wrap .panel-main {
  *zoom: 1; }
  .panel-wrap .panel-main:before, .panel-wrap .panel-main:after {
    display: table;
    content: '';
    line-height: 0; }
  .panel-wrap .panel-main:after {
    clear: both; }
  .panel-wrap .panel-main .title-time-left {
    width: 200px;
    margin-top: 3px; }
    .panel-wrap .panel-main .title-time-left .iconfont {
      margin-right: 2px; }
  .panel-wrap .panel-main-left {
    float: left;
    width: 896px; }
  .panel-wrap .panel-main-right {
    float: right;
    width: 284px; }

.panel-wrap .panel-search-bar,
.panel-wrap .left-title,
.panel-wrap .right-title {
  height: 56px;
  line-height: 56px;
  padding: 0 20px;
  font-size: 16px;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fcfcfc;
  border-bottom: 1px solid #d8dbe5; }
  .panel-wrap .panel-search-bar .more,
  .panel-wrap .left-title .more,
  .panel-wrap .right-title .more {
    font-size: 14px; }
    .panel-wrap .panel-search-bar .more i,
    .panel-wrap .left-title .more i,
    .panel-wrap .right-title .more i {
      font-size: 8px;
      margin-left: 3px;
      vertical-align: middle; }

.panel-wrap .panel-search-bar {
  position: relative;
  font-size: 14px; }
  .panel-wrap .panel-search-bar .search-btn {
    width: 96px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    border-radius: 2px; }
  .panel-wrap .panel-search-bar .layui-form-select {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle; }
    .panel-wrap .panel-search-bar .layui-form-select .layui-input {
      height: 32px !important;
      line-height: 30px !important;
      font-size: 14px; }
  .panel-wrap .panel-search-bar .input {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px; }
  .panel-wrap .panel-search-bar .admin-fr {
    position: absolute;
    right: 20px;
    top: 0; }

.panel-wrap .notice-card-wrap,
.panel-wrap .panel-main-left-list .list-item {
  cursor: pointer; }
  .panel-wrap .notice-card-wrap:hover,
  .panel-wrap .panel-main-left-list .list-item:hover {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
  .panel-wrap .notice-card-wrap .iconfont,
  .panel-wrap .panel-main-left-list .list-item .iconfont {
    margin-right: 10px;
    font-size: 14px;
    color: #a6aab6;
    text-align: center;
    font-size: 14px; }
  .panel-wrap .notice-card-wrap .title-text,
  .panel-wrap .panel-main-left-list .list-item .title-text {
    font-weight: 600; }

.panel-wrap .panel-main-left-list {
  background-color: #fff; }
  .panel-wrap .panel-main-left-list .list-item {
    position: relative;
    height: auto;
    width: auto;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 36px 24px;
    border-bottom: 1px solid #eeeeee; }
    .panel-wrap .panel-main-left-list .list-item .left-icon {
      position: absolute;
      left: 24px;
      width: 64px;
      top: 52px;
      height: 64px;
      line-height: 64px;
      border-radius: 5px;
      text-align: center;
      background: -webkit-linear-gradient(left top, #2754db, #4fcbfe);
      /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(bottom right, #2754db, #4fcbfe);
      /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(bottom right, #2754db, #4fcbfe);
      /* Firefox 3.6 - 15 */
      background: linear-gradient(to bottom right, #2754db, #4fcbfe);
      /* 标准的语法（必须放在最后） */ }
      .panel-wrap .panel-main-left-list .list-item .left-icon .iconfont {
        font-size: 24px;
        color: #FFFFFF;
        margin-left: 10px;
        margin-top: 5px; }
    .panel-wrap .panel-main-left-list .list-item .set-top {
      border-radius: 2px;
      display: inline-block;
      width: 24px;
      color: #FFFFFF;
      height: 24px;
      line-height: 24px;
      background-image: linear-gradient(to right, #e02020, #f28043); }
  .panel-wrap .panel-main-left-list .bussiness-list-item {
    padding-left: 110px; }
    .panel-wrap .panel-main-left-list .bussiness-list-item .title-text {
      color: #2A2E2E; }
    .panel-wrap .panel-main-left-list .bussiness-list-item .title .text-label-grey {
      color: #A6AAB6; }

.panel-wrap .panel-main-right-list {
  background-color: #fff;
  position: relative; }
  .panel-wrap .panel-main-right-list .flow-img {
    position: relative;
    left: -40px; }
  .panel-wrap .panel-main-right-list .qr-code-main {
    width: 100%;
    padding: 24px 0 24px 0;
    text-align: center; }
    .panel-wrap .panel-main-right-list .qr-code-main img {
      width: 90px;
      height: auto;
      margin-bottom: 10px !important; }
  .panel-wrap .panel-main-right-list .link:hover .point {
    background-color: #d01919; }
  .panel-wrap .panel-main-right-list .link a {
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: inline-block;
    white-space: nowrap; }
  .panel-wrap .panel-main-right-list .point {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #389f59;
    vertical-align: middle;
    margin-right: 5px; }
    .panel-wrap .panel-main-right-list .point:hover {
      background-color: #d01919; }
  .panel-wrap .panel-main-right-list .right-content-detail {
    width: 125px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: inline-block;
    white-space: nowrap;
    margin-top: -5px; }
  .panel-wrap .panel-main-right-list .img-link {
    height: 108px;
    text-align: center; }
  .panel-wrap .panel-main-right-list .list-item {
    height: 86px;
    padding: 20px;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .panel-wrap .panel-main-right-list .list-item .title {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      vertical-align: top; }
    .panel-wrap .panel-main-right-list .list-item .tag {
      font-size: 12px; }

.panel-wrap .panel-pagination {
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 11px;
  height: 72px;
  background-color: #fff; }

.home-wrapper .panel-pagination {
  box-sizing: border-box;
  border-top: 11px solid #f7f7f7;
  padding-top: 11px;
  height: 83px;
  background-color: #fff; }

.home-wrapper .user-info-wrap {
  width: 100%;
  height: 176px;
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 30px 32px 30px 152px;
  position: relative; }
  .home-wrapper .user-info-wrap .head-image-wrap {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    overflow: hidden;
    left: 32px;
    top: 50%;
    margin-top: -40px; }
  .home-wrapper .user-info-wrap .dealer-name {
    color: #2A2E2E;
    font-size: 24px;
    height: 33px;
    line-height: 33px; }
  .home-wrapper .user-info-wrap .tag-list-wrap {
    font-size: 0;
    margin-top: 15px; }
    .home-wrapper .user-info-wrap .tag-list-wrap .tag-item {
      height: 24px;
      line-height: 24px;
      padding: 0 8px;
      font-size: 14px;
      display: inline-block; }
      .home-wrapper .user-info-wrap .tag-list-wrap .tag-item:not(:last-of-type) {
        margin-right: 10px; }
      .home-wrapper .user-info-wrap .tag-list-wrap .tag-item.dealer {
        background: rgba(78, 116, 230, 0.15);
        color: #4E74E6; }
      .home-wrapper .user-info-wrap .tag-list-wrap .tag-item.status {
        background: rgba(56, 159, 89, 0.15);
        color: #389F59; }
  .home-wrapper .user-info-wrap .safety-wrap {
    height: 20px;
    line-height: 20px;
    font-size: 0;
    margin-top: 25px; }
    .home-wrapper .user-info-wrap .safety-wrap .text-tips {
      color: #2450D5;
      font-size: 14px;
      display: inline-block;
      vertical-align: middle;
      text-decoration: underline;
      margin-right: 30px; }
    .home-wrapper .user-info-wrap .safety-wrap .progress-wrap {
      width: 140px;
      height: 10px;
      border-radius: 10px;
      background: #e6e3e3;
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      margin: 0 10px; }
      .home-wrapper .user-info-wrap .safety-wrap .progress-wrap .progress-bar {
        width: 100%;
        height: 10px;
        background-image: linear-gradient(to right, #69CD92, #389F59);
        display: block;
        border-radius: 10px;
        animation: all 0.5s; }
    .home-wrapper .user-info-wrap .safety-wrap .level {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px; }

.home-wrapper .project-list-wrap {
  margin-top: 20px;
  background: #FFFFFF; }
  .home-wrapper .project-list-wrap .title {
    height: 56px;
    background: #FFFFFF;
    line-height: 56px;
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    position: relative;
    border-bottom: 1px solid #DEE0E8; }
    .home-wrapper .project-list-wrap .title .more {
      position: absolute;
      right: 20px;
      font-size: 14px;
      color: #5F6064; }
      .home-wrapper .project-list-wrap .title .more:hover {
        color: #D01919; }
      .home-wrapper .project-list-wrap .title .more .icongengduo-xiayibu {
        font-size: 12px;
        margin-left: 6px; }
  .home-wrapper .project-list-wrap .simulation-table {
    background: #FFFFFF;
    padding: 20px; }
    .home-wrapper .project-list-wrap .simulation-table .simulation-tr {
      width: 100%;
      height: 48px;
      line-height: 48px;
      font-size: 0;
      position: relative; }
      .home-wrapper .project-list-wrap .simulation-table .simulation-tr.thead {
        background: #EFF6FC; }
        .home-wrapper .project-list-wrap .simulation-table .simulation-tr.thead .simulation-td.name {
          text-align: center; }
      .home-wrapper .project-list-wrap .simulation-table .simulation-tr:not(:last-of-type)::after {
        content: ' ';
        width: 100%;
        height: 1px;
        background: #DEE0E8;
        position: absolute;
        left: 0;
        bottom: 0; }
      .home-wrapper .project-list-wrap .simulation-table .simulation-tr .simulation-td {
        display: inline-block;
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box; }
        .home-wrapper .project-list-wrap .simulation-table .simulation-tr .simulation-td.name {
          width: 350px;
          text-align: left;
          padding-left: 20px;
          cursor: pointer; }
          .home-wrapper .project-list-wrap .simulation-table .simulation-tr .simulation-td.name .iconliebiao-dian {
            font-size: 12px;
            margin-right: 10px; }
          .home-wrapper .project-list-wrap .simulation-table .simulation-tr .simulation-td.name:hover span {
            color: #D01919; }
        .home-wrapper .project-list-wrap .simulation-table .simulation-tr .simulation-td.type {
          width: 228px; }
        .home-wrapper .project-list-wrap .simulation-table .simulation-tr .simulation-td.date {
          width: 228px; }
        .home-wrapper .project-list-wrap .simulation-table .simulation-tr .simulation-td.operate {
          width: 194px; }
          .home-wrapper .project-list-wrap .simulation-table .simulation-tr .simulation-td.operate button {
            width: 78px;
            height: 26px;
            line-height: 24px;
            text-align: center;
            background: #FFFFFF;
            color: #D01919;
            border: 1px solid #D01919;
            border-radius: 2px;
            cursor: pointer; }
            .home-wrapper .project-list-wrap .simulation-table .simulation-tr .simulation-td.operate button:hover {
              background: #D01919;
              color: #FFFFFF; }

.home-wrapper .tab-nav {
  font-size: 0;
  display: inline-block;
  background: #FFFFFF; }
  .home-wrapper .tab-nav-item {
    font-size: 16px;
    display: inline-block;
    margin-right: 60px;
    cursor: pointer; }
    .home-wrapper .tab-nav-item.act {
      color: #D01919;
      position: relative; }
      .home-wrapper .tab-nav-item.act::after {
        content: '';
        height: 2px;
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        background-color: #D01919; }

.personalInfo-wrapper {
  background: #FFFFFF; }
  .personalInfo-wrapper .form-wrap-conatiner {
    background: #FFFFFF;
    padding: 32px 0 8px 0; }
  .personalInfo-wrapper .button-wrap {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 32px;
    padding-left: 281px;
    box-sizing: border-box; }
    .personalInfo-wrapper .button-wrap .btn {
      display: inline-block;
      width: 132px;
      height: 40px;
      box-sizing: border-box;
      line-height: 38px;
      border-radius: 4px;
      font-size: 16px;
      text-align: center;
      padding: 0;
      opacity: 1;
      transition: all 0.3s; }
      .personalInfo-wrapper .button-wrap .btn:hover {
        opacity: 0.8; }
    .personalInfo-wrapper .button-wrap .btn-cancel {
      border: 1px solid #999999;
      background-color: #F1F1F1;
      color: #666666; }
    .personalInfo-wrapper .button-wrap .btn-submit {
      border: 1px solid #D01919;
      background-color: #D01919;
      color: #FFFFFF;
      margin-left: 20px; }

.companyInfo-wrapper {
  background: #FFFFFF;
  box-sizing: border-box; }
  .companyInfo-wrapper .header-title {
    width: 100%;
    height: 56px;
    line-height: 56px;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
    margin-bottom: 42px; }
    .companyInfo-wrapper .header-title span {
      height: 56px;
      display: inline-block;
      position: relative;
      font-size: 16px;
      color: #333; }
      .companyInfo-wrapper .header-title span::after {
        content: ' ';
        width: 100%;
        height: 3px;
        background: #D01919;
        position: absolute;
        bottom: 0;
        left: 0; }
    .companyInfo-wrapper .header-title::after {
      content: ' ';
      width: 100%;
      height: 1px;
      background: #DEE0E8;
      position: absolute;
      left: 0;
      bottom: 0; }
  .companyInfo-wrapper .tab-title {
    height: 22px;
    line-height: 22px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px 0 38px;
    font-size: 16px;
    color: #333;
    position: relative;
    margin: 27px 0; }
    .companyInfo-wrapper .tab-title::before {
      content: ' ';
      width: 2px;
      height: 16px;
      position: absolute;
      background: #E55252;
      left: 24px;
      top: 50%;
      transform: translateY(-50%); }
  .companyInfo-wrapper .form-wrap-conatiner {
    padding: 0 38px 0 18px; }
    .companyInfo-wrapper .form-wrap-conatiner .form-item.inline-full {
      width: 100%; }
      .companyInfo-wrapper .form-wrap-conatiner .form-item.inline-full .form-item-label {
        width: 144px; }
      .companyInfo-wrapper .form-wrap-conatiner .form-item.inline-full .form-item-content .form-textarea {
        width: 784px; }
      .companyInfo-wrapper .form-wrap-conatiner .form-item.inline-full .form-item-content .form-input {
        width: 784px; }
  .companyInfo-wrapper .button-wrap {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 32px;
    box-sizing: border-box;
    text-align: center; }
    .companyInfo-wrapper .button-wrap .button {
      width: 132px;
      height: 36px;
      box-sizing: border-box;
      display: inline-block;
      background: #FFFFFF;
      color: #5F6064;
      border: 1px solid #999;
      border-radius: 4px;
      text-align: center;
      cursor: pointer; }
      .companyInfo-wrapper .button-wrap .button:not(:last-of-type) {
        margin-right: 20px; }
      .companyInfo-wrapper .button-wrap .button.confirm {
        background: #D01919;
        color: #FFFFFF;
        border: 1px solid #D01919; }

.bid-wrapper .header-title {
  background: #FFFFFF; }

.bid-wrapper .search-param-wrap {
  width: 100%;
  height: 56px;
  box-sizing: border-box;
  padding: 12px 20px;
  font-size: 0;
  position: relative;
  background: #FFFFFF; }
  .bid-wrapper .search-param-wrap::after {
    content: ' ';
    width: 100%;
    height: 1px;
    background: #DEE0E8;
    position: absolute;
    left: 0;
    bottom: 0; }
  .bid-wrapper .search-param-wrap .search-param-input {
    width: 242px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #D8DBE5;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 12px;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle; }
  .bid-wrapper .search-param-wrap .search-btn {
    width: 76px;
    height: 32px;
    line-height: 30px;
    background: #D01919;
    display: inline-block;
    vertical-align: middle;
    border: none;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 2px;
    margin-left: 20px;
    cursor: pointer; }
    .bid-wrapper .search-param-wrap .search-btn .iconfont {
      font-size: 14px; }

.bid-wrapper .bid-list-wrap {
  background: #FFFFFF;
  margin-bottom: 20px; }
  .bid-wrapper .bid-list-wrap .bid-item-wrap {
    width: 100%;
    height: 176px;
    box-sizing: border-box;
    padding: 32px 32px 32px 20px;
    position: relative; }
    .bid-wrapper .bid-list-wrap .bid-item-wrap:not(:last-of-type)::after {
      content: ' ';
      width: 100%;
      height: 1px;
      background: #DEE0E8;
      position: absolute;
      left: 0;
      bottom: 0; }
    .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side {
      font-size: 0;
      height: 28px;
      line-height: 28px;
      position: relative; }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side span {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side span.type {
          height: 24px;
          line-height: 24px;
          background: #0070F5;
          color: #FFFFFF;
          padding: 0 6px; }
          .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side span.type.enquiry {
            background: #D01919; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side span.name {
          height: 28px;
          max-width: 500px;
          font-size: 20px;
          color: #2A2E2E;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          margin: 0 16px 0 10px; }
          .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side span.name a {
            color: #2A2E2E; }
            .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side span.name a:hover {
              color: #D01919; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side span.code {
          height: 20px;
          line-height: 20px;
          font-size: 14px;
          color: #A6AAB6; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side span.status {
          position: absolute;
          right: 18px;
          color: #5F6064;
          width: 80px;
          text-align: left; }
          .bid-wrapper .bid-list-wrap .bid-item-wrap .header-side span.status em {
            vertical-align: middle; }
    .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side {
      position: relative;
      height: 24px;
      line-height: 24px;
      font-size: 0; }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side .label-text {
        font-size: 14px;
        color: #5F6064;
        display: inline-block;
        vertical-align: middle; }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.file-list-wrap {
        margin-top: 24px; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.file-list-wrap .file-item {
          height: 22px;
          line-height: 22px;
          border: 1px solid #ACB5D9;
          padding: 0 8px;
          display: inline-block;
          vertical-align: middle;
          font-size: 14px;
          color: #4E74E6;
          cursor: pointer; }
          .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.file-list-wrap .file-item:not(:last-of-type) {
            margin-right: 12px; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.file-list-wrap .file-item-grey {
          height: 22px;
          line-height: 22px;
          border: 1px solid #ACB5D9;
          padding: 0 8px;
          display: inline-block;
          vertical-align: middle;
          font-size: 14px;
          color: #ACB5D9;
          cursor: not-allowed;
          opacity: 0.8; }
          .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.file-list-wrap .file-item-grey:not(:last-of-type) {
            margin-right: 12px; }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.other-info {
        margin-top: 12px; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.other-info .company-name, .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.other-info .bid-time {
          width: 270px;
          font-size: 14px;
          color: #5F6064;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block;
          vertical-align: middle; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.other-info .excess-time {
          display: inline-block;
          vertical-align: middle;
          color: #5F6064;
          font-size: 14px; }
          .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.other-info .excess-time .iconshengyushijian {
            position: relative;
            top: 1px;
            margin-right: 2px; }
          .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.other-info .excess-time em {
            font-style: inherit;
            color: #D8D8D8;
            margin-left: 6px; }
          .bid-wrapper .bid-list-wrap .bid-item-wrap .bottom-side.other-info .excess-time span {
            color: #D01919;
            margin: 0 6px; }
    .bid-wrapper .bid-list-wrap .bid-item-wrap .operate-button {
      position: absolute;
      width: 132px;
      height: 34px;
      border: 1px solid #D01919;
      color: #D01919;
      background: #FFFFFF;
      padding: 0;
      line-height: 34px;
      right: 32px;
      bottom: 32px;
      cursor: pointer;
      font-size: 16px; }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .operate-button.blue {
        border: 1px solid #2450D5;
        color: #2450D5; }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .operate-button:disabled {
        background-color: #d01919;
        color: #FFFFFF;
        border: none;
        opacity: 0.3;
        cursor: not-allowed; }
    .bid-wrapper .bid-list-wrap .bid-item-wrap .status-wrap {
      width: 76px;
      height: 76px;
      position: absolute;
      top: 20px;
      right: 60px; }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .status-wrap.fail {
        color: #D01919; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .status-wrap.fail .status-icon {
          color: rgba(208, 25, 25, 0.6); }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .status-wrap.success {
        color: #389F59; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .status-wrap.success .status-icon {
          color: rgba(56, 159, 90, 0.6); }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .status-wrap.ending {
        color: #93959E; }
        .bid-wrapper .bid-list-wrap .bid-item-wrap .status-wrap.ending .status-icon {
          color: rgba(147, 149, 158, 0.6); }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .status-wrap .status-icon {
        font-size: 71px; }
      .bid-wrapper .bid-list-wrap .bid-item-wrap .status-wrap .status-text {
        width: 74px;
        height: 20px;
        font-size: 15px;
        line-height: 20px;
        position: absolute;
        text-align: center;
        left: 0;
        top: 30px;
        box-sizing: border-box;
        transform: rotateZ(-11deg); }

.bid-wrapper .panel-pagination {
  box-sizing: border-box;
  padding-top: 11px;
  height: 72px;
  background-color: #fff; }

.bid-detail-wrapper .header-title {
  background: #FFFFFF; }

.bid-detail-wrapper .bid-baseInfo-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 32px;
  background: #FFFFFF; }
  .bid-detail-wrapper .bid-baseInfo-wrap .info-item {
    display: inline-block;
    width: 300px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle; }
    .bid-detail-wrapper .bid-baseInfo-wrap .info-item .info-item-label {
      font-size: 14px;
      color: #5F6064; }
      .bid-detail-wrapper .bid-baseInfo-wrap .info-item .info-item-label .iconfont {
        font-size: 14px;
        color: #A6AAB6;
        margin-right: 6px; }
    .bid-detail-wrapper .bid-baseInfo-wrap .info-item .info-item-content {
      color: #2A2E2E;
      font-size: 14px; }
  .bid-detail-wrapper .bid-baseInfo-wrap .split-row {
    height: 14px; }
  .bid-detail-wrapper .bid-baseInfo-wrap .title-wrap {
    width: 100%;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    position: relative;
    font-size: 24px;
    color: #2A2E2E;
    margin: 5px 0 24px 0;
    padding-right: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .bid-detail-wrapper .bid-baseInfo-wrap .title-wrap a {
      color: #2A2E2E;
      font-weight: 600; }
      .bid-detail-wrapper .bid-baseInfo-wrap .title-wrap a:hover {
        color: #D01919; }
    .bid-detail-wrapper .bid-baseInfo-wrap .title-wrap .status {
      position: absolute;
      right: 0;
      height: 36px;
      padding: 0 16px;
      color: #D01919;
      border-radius: 2px;
      background-color: rgba(208, 25, 25, 0.15);
      font-size: 14px; }
      .bid-detail-wrapper .bid-baseInfo-wrap .title-wrap .status em {
        font-size: 12px;
        margin-right: 5px; }
  .bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap {
    height: 36px;
    line-height: 36px;
    font-size: 0;
    margin-top: 20px; }
    .bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item {
      display: inline-block;
      height: 36px;
      padding: 0 14px;
      font-size: 14px;
      color: #2450D5;
      box-sizing: border-box;
      border: 1px solid #2450D5;
      border-radius: 2px;
      cursor: pointer; }
      .bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item:not(:last-of-type) {
        margin-right: 20px; }
      .bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item em {
        font-size: 12px;
        margin-right: 3px; }

.bid-detail-wrapper .bid-otherInfo-wrap {
  margin-top: 10px;
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 24px 32px 40px 32px; }
  .bid-detail-wrapper .bid-otherInfo-wrap .tab-title {
    height: 22px;
    line-height: 22px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px 0 14px;
    font-size: 16px;
    color: #333;
    position: relative; }
    .bid-detail-wrapper .bid-otherInfo-wrap .tab-title::before {
      content: ' ';
      width: 2px;
      height: 16px;
      position: absolute;
      background: #E55252;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
  .bid-detail-wrapper .bid-otherInfo-wrap .materials-wrap {
    width: 100%;
    font-size: 0;
    padding: 22px 0 7px 0; }
    .bid-detail-wrapper .bid-otherInfo-wrap .materials-wrap .materials-item {
      display: inline-block;
      font-size: 14px;
      color: #5F6064;
      width: 212px;
      margin-right: 20px;
      margin-bottom: 36px; }
      .bid-detail-wrapper .bid-otherInfo-wrap .materials-wrap .materials-item .upload-wrap {
        width: 212px;
        height: 124px;
        border-radius: 4px;
        border: 1px dashed #D5D8E3;
        cursor: pointer;
        box-sizing: border-box;
        overflow: hidden; }
        .bid-detail-wrapper .bid-otherInfo-wrap .materials-wrap .materials-item .upload-wrap img {
          width: 100%;
          height: 100%; }
        .bid-detail-wrapper .bid-otherInfo-wrap .materials-wrap .materials-item .upload-wrap input {
          width: 212px;
          height: 124px;
          opacity: 0;
          cursor: pointer; }
      .bid-detail-wrapper .bid-otherInfo-wrap .materials-wrap .materials-item .tips {
        text-align: center;
        margin-top: 16px;
        height: 19px;
        line-height: 19px; }
        .bid-detail-wrapper .bid-otherInfo-wrap .materials-wrap .materials-item .tips span {
          color: #D01919; }
  .bid-detail-wrapper .bid-otherInfo-wrap .info-table {
    width: 100%;
    margin-top: 23px;
    border: 1px solid #EBEBED; }
    .bid-detail-wrapper .bid-otherInfo-wrap .info-table th, .bid-detail-wrapper .bid-otherInfo-wrap .info-table td {
      text-align: center;
      height: 50px;
      line-height: 50px; }
    .bid-detail-wrapper .bid-otherInfo-wrap .info-table thead {
      background: #EFF6FC; }
      .bid-detail-wrapper .bid-otherInfo-wrap .info-table thead tr {
        border-bottom: 1px solid #EBEBED; }
        .bid-detail-wrapper .bid-otherInfo-wrap .info-table thead tr th:not(:last-of-type) {
          border-right: 1px solid #EBEBED; }
    .bid-detail-wrapper .bid-otherInfo-wrap .info-table tbody tr:not(:last-of-type) {
      border-bottom: 1px solid #EBEBED; }
    .bid-detail-wrapper .bid-otherInfo-wrap .info-table tbody tr td:not(:last-of-type) {
      border-right: 1px solid #EBEBED; }
  .bid-detail-wrapper .bid-otherInfo-wrap .buttton-wrap {
    width: 100;
    text-align: center; }
    .bid-detail-wrapper .bid-otherInfo-wrap .buttton-wrap button {
      width: 164px;
      height: 40px;
      margin-top: 40px;
      line-height: 40px;
      text-align: center;
      border: none;
      background: #D01919;
      color: #FFFFFF;
      font-size: 16px;
      color: #FFFFFF;
      cursor: pointer;
      border-radius: 2px; }

.materials-dialog {
  display: none; }
  .materials-dialog .materials-dialog-wrap {
    box-sizing: border-box;
    padding: 0 18px; }
    .materials-dialog .materials-dialog-wrap .materials-wrap {
      width: 100%;
      font-size: 0;
      padding: 22px 0 0px 0; }
      .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item {
        display: inline-block;
        font-size: 14px;
        color: #5F6064;
        width: 212px;
        margin-right: 20px;
        margin-bottom: 36px; }
        .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .upload-wrap {
          width: 212px;
          height: 144px;
          border-radius: 4px;
          border: 1px dashed #D5D8E3;
          cursor: pointer;
          box-sizing: border-box;
          position: relative; }
          .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .upload-wrap .image-wrap {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding: 18px;
            background: #DADCE8;
            position: relative; }
            .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .upload-wrap .image-wrap:hover .hover-wrap {
              display: block; }
            .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .upload-wrap .image-wrap input[type="file"] {
              width: 212px;
              height: 144px;
              opacity: 0;
              position: absolute;
              z-index: 20;
              left: 0;
              top: 0;
              cursor: pointer; }
            .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .upload-wrap .image-wrap img {
              width: 100%;
              height: 100%; }
              .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .upload-wrap .image-wrap img.full-image {
                position: absolute;
                left: 0;
                top: 0;
                border-radius: 4px; }
            .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .upload-wrap .image-wrap .hover-wrap {
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.6);
              position: absolute;
              left: 0;
              top: 0;
              z-index: 2;
              border-radius: 4px;
              display: none; }
              .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .upload-wrap .image-wrap .hover-wrap span {
                width: 48px;
                height: 48px;
                line-height: 48px;
                background: #4E74E6;
                border-radius: 50%;
                text-align: center;
                color: #FFFFFF;
                font-size: 20px;
                display: inline-block;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                cursor: pointer; }
              .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .upload-wrap .image-wrap .hover-wrap em {
                color: #D01919;
                width: 20px;
                height: 20px;
                line-height: 24px;
                position: absolute;
                right: -10px;
                text-align: center;
                font-size: 20px;
                top: -10px; }
        .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .customupuploadprogress {
          display: none; }
        .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .tips {
          text-align: center;
          margin-top: 16px;
          height: 19px;
          line-height: 19px; }
          .materials-dialog .materials-dialog-wrap .materials-wrap .materials-item .tips span {
            color: #D01919; }
    .materials-dialog .materials-dialog-wrap .agreement-wrap {
      height: 20px;
      line-height: 20px;
      color: #2A2E2E;
      font-size: 14px; }
      .materials-dialog .materials-dialog-wrap .agreement-wrap .form-checkbox-group {
        display: inline-block;
        vertical-align: middle; }
        .materials-dialog .materials-dialog-wrap .agreement-wrap .form-checkbox-group .form-check-box-item {
          position: relative;
          width: 16px;
          height: 16px; }
          .materials-dialog .materials-dialog-wrap .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"] {
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            right: 0;
            opacity: 0;
            cursor: pointer; }
            .materials-dialog .materials-dialog-wrap .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"] + .replace-icon {
              width: 16px;
              height: 16px; }
              .materials-dialog .materials-dialog-wrap .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"] + .replace-icon + .replace-checked-icon::before {
                content: ' '; }
            .materials-dialog .materials-dialog-wrap .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"]:checked + .replace-icon::before {
              content: ' '; }
            .materials-dialog .materials-dialog-wrap .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"]:checked + .replace-icon + .replace-checked-icon::before {
              content: '\e6e5';
              color: #D01919; }
      .materials-dialog .materials-dialog-wrap .agreement-wrap span {
        color: #6989E9;
        cursor: pointer;
        position: relative; }
        .materials-dialog .materials-dialog-wrap .agreement-wrap span:hover .customer-notification-wrap {
          display: block; }
        .materials-dialog .materials-dialog-wrap .agreement-wrap span .customer-notification-wrap {
          position: absolute;
          left: 95px;
          width: 400px;
          top: -415px;
          background: rgba(0, 0, 0, 0.8);
          box-sizing: border-box;
          padding: 15px 20px;
          z-index: 200;
          color: #FFFFFF;
          border-radius: 20px 20px 20px 0;
          display: none; }
          .materials-dialog .materials-dialog-wrap .agreement-wrap span .customer-notification-wrap .title {
            text-align: center;
            font-size: 16px; }
          .materials-dialog .materials-dialog-wrap .agreement-wrap span .customer-notification-wrap .label-row {
            line-height: 1.6; }
            .materials-dialog .materials-dialog-wrap .agreement-wrap span .customer-notification-wrap .label-row.indent {
              text-indent: 2em; }
            .materials-dialog .materials-dialog-wrap .agreement-wrap span .customer-notification-wrap .label-row.text-right {
              text-align: right; }

.bid-dialog {
  display: none; }
  .bid-dialog .bid-dialog-wrap {
    box-sizing: border-box; }
    .bid-dialog .bid-dialog-wrap .tab-title {
      height: 22px;
      line-height: 22px;
      font-size: 16px;
      color: #333;
      margin: 35px 0; }
    .bid-dialog .bid-dialog-wrap .info-table {
      width: 100%;
      border: 1px solid #EBEBED; }
      .bid-dialog .bid-dialog-wrap .info-table th, .bid-dialog .bid-dialog-wrap .info-table td {
        text-align: center;
        height: 50px;
        line-height: 50px;
        width: 234px;
        position: relative; }
      .bid-dialog .bid-dialog-wrap .info-table thead {
        background: #EFF6FC; }
        .bid-dialog .bid-dialog-wrap .info-table thead tr {
          border-bottom: 1px solid #EBEBED; }
          .bid-dialog .bid-dialog-wrap .info-table thead tr th {
            font-weight: inherit; }
            .bid-dialog .bid-dialog-wrap .info-table thead tr th:not(:last-of-type) {
              border-right: 1px solid #EBEBED; }
      .bid-dialog .bid-dialog-wrap .info-table tbody tr:not(:last-of-type) {
        border-bottom: 1px solid #EBEBED; }
      .bid-dialog .bid-dialog-wrap .info-table tbody tr td:not(:last-of-type) {
        border-right: 1px solid #EBEBED; }
      .bid-dialog .bid-dialog-wrap .info-table tbody tr td .form-select {
        width: 160px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #EBEBED;
        border-radius: 2px;
        box-sizing: border-box;
        padding: 0 10px; }
        .bid-dialog .bid-dialog-wrap .info-table tbody tr td .form-select:disabled {
          background: #ffffff !important;
          color: #999;
          cursor: not-allowed; }
      .bid-dialog .bid-dialog-wrap .info-table tbody tr td .form-input {
        width: 160px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #EBEBED;
        border-radius: 2px;
        box-sizing: border-box;
        padding: 0 10px; }
        .bid-dialog .bid-dialog-wrap .info-table tbody tr td .form-input:disabled {
          background: #ffffff !important;
          color: #999;
          cursor: not-allowed; }
      .bid-dialog .bid-dialog-wrap .info-table tbody tr td .layui-form-select {
        width: 160px;
        margin: 0 auto; }
        .bid-dialog .bid-dialog-wrap .info-table tbody tr td .layui-form-select.layui-form-selectup dl {
          top: 30px;
          bottom: auto; }
      .bid-dialog .bid-dialog-wrap .info-table tbody tr td .validationMessage {
        position: absolute;
        height: 30px;
        line-height: 30px;
        width: 80%;
        text-align: center;
        left: 10%;
        background: #D01919;
        color: #FFFFFF;
        border-radius: 4px;
        top: 100%; }
        .bid-dialog .bid-dialog-wrap .info-table tbody tr td .validationMessage::before {
          content: ' ';
          width: 0;
          height: 0;
          border: 5px solid;
          border-color: transparent transparent #D01919;
          position: absolute;
          top: -10px;
          left: 50%;
          margin-left: -5px; }
      .bid-dialog .bid-dialog-wrap .info-table tbody tr td .saleArea {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        line-height: 1.8; }

.layout_banner {
  width: 100% !important;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  position: relative; }
  .layout_banner-inner {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .layout_banner-left {
    width: 218px;
    height: 100%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.4); }
    .layout_banner-left p:not(:last-child) {
      margin-bottom: 11px; }
    .layout_banner-left a {
      color: #fff;
      cursor: pointer; }
  .layout_banner-right {
    height: 348px;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    position: relative;
    top: 65px;
    background-color: #ffffff;
    width: 218px;
    border-radius: 2px;
    position: relative; }
    .layout_banner-right .right-logo {
      position: absolute;
      top: -25px;
      left: 50%;
      border-radius: 100%;
      margin-left: -25px;
      width: 50px;
      height: 50px;
      background-color: #fff;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 7px; }
      .layout_banner-right .right-logo .logo {
        width: 36px;
        height: 36px; }
    .layout_banner-right .button-wrap {
      font-size: 0; }
      .layout_banner-right .button-wrap .mini-btn {
        display: inline-block;
        width: 82px;
        height: 32px;
        line-height: 30px;
        box-sizing: border-box;
        background: #FFFFFF;
        color: #D01919;
        border: 1px solid #D01919;
        font-size: 14px;
        border-radius: 2px;
        margin-bottom: 16px;
        cursor: pointer; }
        .layout_banner-right .button-wrap .mini-btn.active {
          background: #D01919;
          color: #FFFFFF; }
        .layout_banner-right .button-wrap .mini-btn:not(:last-of-type) {
          margin-right: 14px; }
      .layout_banner-right .button-wrap .medium-btn {
        display: inline-block;
        width: 128px;
        height: 32px;
        line-height: 32px;
        box-sizing: border-box;
        background: #D01919;
        color: #FFFFFF;
        border: 1px solid #D01919;
        font-size: 14px;
        border-radius: 2px;
        cursor: pointer;
        margin-bottom: 20px; }
    .layout_banner-right .qrCode-wrap {
      text-align: center;
      font-size: 12px;
      margin-top: 28px;
      border-top: 1px solid #EEE;
      padding: 10px 0; }
      .layout_banner-right .qrCode-wrap img {
        width: 100px;
        height: 100px;
        display: block;
        margin: 0 auto 8px auto; }
    .layout_banner-right .icon-row {
      position: absolute;
      width: 100%;
      left: 0;
      height: 146px;
      bottom: 0;
      border-top: 1px solid #EEE;
      font-size: 0;
      box-sizing: border-box;
      padding-top: 43px; }
      .layout_banner-right .icon-row .icon-item {
        display: inline-block;
        width: 60px;
        text-align: center;
        font-size: 14px;
        color: #5F6064;
        cursor: pointer; }
        .layout_banner-right .icon-row .icon-item .icon-wrap i {
          font-size: 32px;
          color: #2A2E2E; }
        .layout_banner-right .icon-row .icon-item .text {
          margin-top: 17px; }
        .layout_banner-right .icon-row .icon-item:hover {
          color: #D01919; }
          .layout_banner-right .icon-row .icon-item:hover .icon-wrap i {
            color: #D01919; }
        .layout_banner-right .icon-row .icon-item:not(:last-of-type) {
          margin-right: 14px; }
  .layout_banner .fullSlide {
    width: 100%;
    position: relative;
    height: 680px;
    background: #f0f0f0;
    overflow: hidden; }
    .layout_banner .fullSlide .bd {
      margin: 0 auto;
      position: relative;
      z-index: 0;
      overflow: hidden; }
      .layout_banner .fullSlide .bd ul {
        width: 100% !important; }
        .layout_banner .fullSlide .bd ul li {
          width: 100% !important;
          height: 680px;
          overflow: hidden;
          text-align: center;
          background-repeat: no-repeat;
          background-position: center;
          position: relative; }
          .layout_banner .fullSlide .bd ul li a {
            display: block;
            height: 680px;
            width: 1920px;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -960px; }
            .layout_banner .fullSlide .bd ul li a .tips {
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0;
              right: 0;
              text-align: center;
              z-index: 10;
              padding-top: 230px; }
              .layout_banner .fullSlide .bd ul li a .tips p {
                opacity: 0.9;
                color: #fff;
                font-size: 52px;
                line-height: 100px; }
            .layout_banner .fullSlide .bd ul li a img {
              height: 680px; }
    .layout_banner .fullSlide .hd {
      width: 100%;
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      height: 30px;
      line-height: 30px; }
      .layout_banner .fullSlide .hd ul {
        text-align: center; }
        .layout_banner .fullSlide .hd ul li {
          cursor: pointer;
          display: inline-block;
          *display: inline;
          zoom: 1;
          width: 100px;
          height: 4px;
          margin: 10px;
          overflow: hidden;
          background: rgba(255, 255, 255, 0.3);
          line-height: 999px; }
        .layout_banner .fullSlide .hd ul .on {
          background: #fff;
          cursor: inherit; }
    .layout_banner .fullSlide .prev,
    .layout_banner .fullSlide .next {
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -53px;
      z-index: 3;
      width: 33px;
      height: 106px;
      text-align: center;
      color: #fff;
      cursor: pointer;
      display: none; }
      .layout_banner .fullSlide .prev:hover,
      .layout_banner .fullSlide .next:hover {
        background: rgba(0, 0, 0, 0.4);
        color: #00e0d0; }
      .layout_banner .fullSlide .prev .iconfont,
      .layout_banner .fullSlide .next .iconfont {
        display: block;
        line-height: 106px;
        font-size: 30px;
        text-align: center; }
      .layout_banner .fullSlide .prev .icon-zuo,
      .layout_banner .fullSlide .next .icon-zuo {
        margin-left: 10px; }
      .layout_banner .fullSlide .prev .icon-gengduo1,
      .layout_banner .fullSlide .next .icon-gengduo1 {
        margin-right: 10px; }
    .layout_banner .fullSlide .prev {
      left: 50%;
      margin-left: -650px; }
    .layout_banner .fullSlide .next {
      right: 50%;
      margin-right: -650px; }
  .layout_banner .bg {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 3;
    height: 99px;
    width: 100%;
    background: #f7f8fa; }

.index-tip {
  height: 56px;
  line-height: 56px; }

.index-main .main-left-card {
  padding: 15px 30px;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .index-main .main-left-card .card-item {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 406px;
    padding: 20px;
    margin: 10px 0;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); }
    .index-main .main-left-card .card-item:nth-child(odd) {
      margin-right: 20px; }
    .index-main .main-left-card .card-item:hover {
      box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); }
  .index-main .main-left-card .title-text {
    width: 280px;
    margin-top: -5px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }

.login-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  color: #2a2e2e; }
  .login-wrap .logo {
    font-size: 60px;
    color: #d01919;
    margin-top: -3px; }
  .login-wrap-top {
    height: 132px;
    position: relative;
    width: 220px;
    padding: 36px 0;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .login-wrap-top .bottom-line {
      padding-bottom: 3px;
      margin-bottom: 3px;
      border-bottom: 1px solid #5f6064; }
  .login-wrap-main {
    height: 560px;
    min-width: 1200px;
    background: url("http://www.jtyh001.com/help/images/login_banner.png") center center no-repeat; }
    .login-wrap-main .lg-line1 {
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      margin-top: 18px; }
      .login-wrap-main .lg-line1 .icongouxuan {
        margin-right: 5px;
        color: #d01919;
        font-size: 14px; }
      .login-wrap-main .lg-line1 .iconxuanze-moren {
        margin-right: 5px;
        color: #ccc;
        font-size: 14px; }
    .login-wrap-main .tip-info {
      position: absolute;
      top: 180px;
      z-index: 10;
      width: 448px;
      height: 116px;
      text-align: center;
      padding-top: 32px; }
      .login-wrap-main .tip-info-title {
        color: #ffffff;
        line-height: 48px;
        font-size: 48px; }
      .login-wrap-main .tip-info-tip {
        color: rgba(255, 255, 255, 0.8);
        font-size: 20px;
        line-height: 20px;
        margin-top: 16px; }
      .login-wrap-main .tip-info-line-left {
        width: 84px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0px;
        border: 1px solid rgba(255, 255, 255, 0.7);
        border-right-width: 0; }
        .login-wrap-main .tip-info-line-left::after {
          content: '';
          position: absolute;
          bottom: -1px;
          right: -130px;
          width: 130px;
          height: 1px;
          background-color: rgba(255, 255, 255, 0.7); }
      .login-wrap-main .tip-info-line-right {
        width: 84px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0px;
        border: 1px solid rgba(255, 255, 255, 0.7);
        border-left-width: 0; }
        .login-wrap-main .tip-info-line-right::after {
          content: '';
          position: absolute;
          top: -1px;
          left: -130px;
          width: 130px;
          height: 1px;
          background-color: rgba(255, 255, 255, 0.7); }
    .login-wrap-main .login-form {
      width: 396px;
      border-radius: 4px;
      height: 372px;
      padding: 30px 32px;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      background-color: #ffffff;
      right: 0;
      top: 80px; }
      .login-wrap-main .login-form .input-group {
        position: relative;
        height: 40px;
        margin-bottom: 20px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #d8dbe5;
        line-height: 40px;
        padding-left: 46px; }
        .login-wrap-main .login-form .input-group .input-icon {
          display: inline-block;
          width: 46px;
          height: 100%;
          left: 0;
          color: #a6aab6;
          text-align: center;
          border-radius: 2px;
          background-color: #eff1f7;
          position: absolute; }
          .login-wrap-main .login-form .input-group .input-icon i {
            margin-left: 3px;
            margin-top: -3px; }
        .login-wrap-main .login-form .input-group .iconfont {
          position: absolute;
          left: 10px;
          top: 3px;
          color: #ccc;
          font-size: 20px; }
        .login-wrap-main .login-form .input-group .validationMessage {
          left: 0;
          top: 40px;
          position: absolute;
          color: #ff3c3c;
          height: 20px;
          line-height: 20px; }
      .login-wrap-main .login-form-input {
        height: 38px;
        line-height: 38px;
        text-indent: 10px;
        border: none;
        background: none;
        padding-left: 0;
        width: 100%; }
        .login-wrap-main .login-form-input.imgCode {
          margin-left: 10px; }
      .login-wrap-main .login-form-title {
        color: #2a2e2e;
        font-size: 20px;
        font-weight: 600; }
      .login-wrap-main .login-form-item:not(:last-child) {
        margin-bottom: 30px; }
      .login-wrap-main .login-form-button button {
        border: none;
        height: 48px;
        color: #ffffff;
        font-size: 20px;
        width: 332px;
        border-radius: 4px; }
  .login-wrap .top-text {
    color: #babdc6;
    line-height: 56px;
    padding-left: 24px; }
  .login-wrap .border-left {
    border-left: 1px solid #d8d8d8; }
  .login-wrap-bottom {
    width: 100%;
    height: 54px;
    line-height: 54px;
    background-color: #f9f9f9;
    position: fixed;
    bottom: 0;
    color: #5f6064; }

.register-wrap .mr8 {
  margin-right: 8px; }

.register-wrap .tab-line {
  height: 1px;
  background-color: #d8dbe5;
  margin: 0 30px;
  margin-top: -10px; }

.register-wrap .success-wrap {
  padding: 60px 0;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  top: -80px;
  height: auto;
  border-radius: 4px;
  width: 1200px;
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.08); }
  .register-wrap .success-wrap .success-icon {
    margin: 0 auto;
    width: 100px;
    color: #ffffff;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    background-color: #389f59; }
    .register-wrap .success-wrap .success-icon i {
      font-size: 28px; }

.register-wrap .login-link {
  color: #babdc6 !important; }

.register-wrap .form-wrap-conatiner {
  padding: 32px 0;
  background-color: #ffffff;
  padding-left: 180px; }
  .register-wrap .form-wrap-conatiner.no-padding {
    padding: 0;
    padding-left: 180px; }

.register-wrap .form-head-radio-wrap {
  padding-left: 250px; }

.register-wrap .register-banner {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  height: 240px;
  background: url("http://www.jtyh001.com/help/images/banner02.png") no-repeat;
  background-size: cover;
  position: relative; }
  .register-wrap .register-banner .zc-text {
    text-align: center;
    color: #ffffff;
    margin-top: 15px; }
  .register-wrap .register-banner .steps-wrap {
    text-align: center;
    font-size: 0;
    padding-top: 48px; }
    .register-wrap .register-banner .steps-wrap .step-item {
      width: 64px;
      height: 64px;
      padding-bottom: 0;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      text-align: center; }
      .register-wrap .register-banner .steps-wrap .step-item:not(:first-of-type) {
        padding-left: 286px; }
        .register-wrap .register-banner .steps-wrap .step-item:not(:first-of-type)::after {
          content: ' ';
          width: 286px;
          height: 2px;
          border-radius: 1px;
          background: #EBECF2;
          position: absolute;
          top: 15px;
          left: 0; }
      .register-wrap .register-banner .steps-wrap .step-item:first-of-type {
        padding-left: 0; }
        .register-wrap .register-banner .steps-wrap .step-item:first-of-type .text {
          left: 50%;
          transform: translateX(-50%); }
      .register-wrap .register-banner .steps-wrap .step-item.active .number-wrap {
        color: #FFFFFF;
        border: 1px solid #D01919;
        background: #D01919; }
      .register-wrap .register-banner .steps-wrap .step-item.active .text {
        color: #D01919; }
      .register-wrap .register-banner .steps-wrap .step-item.active::after {
        background: #D01919; }
      .register-wrap .register-banner .steps-wrap .step-item .number-wrap {
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 30px;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
        box-sizing: border-box;
        font-size: 14px;
        border-radius: 16px;
        display: inline-block; }
      .register-wrap .register-banner .steps-wrap .step-item .text {
        position: absolute;
        bottom: 0;
        right: 0;
        min-width: 64px;
        font-size: 14px;
        color: #FFFFFF; }

.register-wrap .register-main-box {
  position: relative; }

.register-wrap .form-head-title {
  position: relative;
  top: 29%;
  text-align: center;
  margin-bottom: 20px;
  color: #ffffff; }

.register-wrap .title-line {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  height: 2px;
  width: 36px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 5px; }

.register-wrap .register-form {
  position: relative;
  width: 1200px;
  overflow: hidden;
  height: auto;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.08);
  top: -80px;
  padding: 20px 0 0 0; }
  .register-wrap .register-form .input-suffix-wrap {
    display: inline-block;
    position: relative; }
    .register-wrap .register-form .input-suffix-wrap .form-input {
      padding-right: 30px !important;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    .register-wrap .register-form .input-suffix-wrap .suffix {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: #a6aab6;
      cursor: pointer; }
  .register-wrap .register-form .code-btn {
    display: inline-block;
    font-size: 14px;
    margin-left: 4px;
    vertical-align: top;
    width: 112px;
    text-align: center;
    padding: 0;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box; }
    .register-wrap .register-form .code-btn img {
      width: 110px;
      height: 38px;
      border-radius: 2px;
      display: block; }
    .register-wrap .register-form .code-btn.disabled {
      background: #EEEEEE;
      cursor: not-allowed;
      color: #96979a; }
      .register-wrap .register-form .code-btn.disabled:hover {
        border: 1px solid #D8DBE5; }
  .register-wrap .register-form .agreement-wrap {
    height: 20px;
    line-height: 20px;
    color: #2A2E2E;
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 281px;
    margin-bottom: 24px; }
    .register-wrap .register-form .agreement-wrap span {
      color: #D01919;
      cursor: pointer;
      position: relative; }
      .register-wrap .register-form .agreement-wrap span.icon-wrap {
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        line-height: 16px;
        position: relative;
        top: -1px; }

.register-wrap .companyInfo-wrapper .tab-title {
  width: 944px;
  margin: 0 auto; }

.register-wrap .companyInfo-wrapper .form-wrap-conatiner {
  padding-left: 0;
  width: 944px;
  margin: 0 auto; }

.about-us-wrap {
  background-color: #f9f9f9;
  color: #2a2e2e;
  margin-bottom: -60px; }
  .about-us-wrap .title {
    font-size: 32px;
    font-weight: 600; }
  .about-us-wrap .title-eng {
    font-size: 20px;
    color: #5f6464;
    margin-top: 3px;
    margin-bottom: 20px; }
  .about-us-wrap .left-width {
    width: 540px; }
  .about-us-wrap .title-line {
    height: 6px;
    width: 40px;
    background-color: #eaebef; }
  .about-us-wrap .top-content {
    padding: 100px 0;
    position: relative;
    height: 646px;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .about-us-wrap .top-content .image {
      width: 540px;
      height: 317px;
      position: absolute;
      top: 100px;
      right: 0; }
  .about-us-wrap .bottom-content {
    height: 768px;
    padding: 80px 0;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .about-us-wrap .main-content {
    font-size: 16px;
    margin-top: 20px; }
    .about-us-wrap .main-content p {
      line-height: 28px;
      text-indent: 32px;
      margin: 25px 0px; }
      .about-us-wrap .main-content p:first-child {
        margin-top: 40px; }
  .about-us-wrap .top-banner {
    width: 100%;
    height: 480px;
    background: url("http://www.jtyh001.com/help/images/about_us_01.png") no-repeat;
    background-size: cover; }
  .about-us-wrap .middle-banner {
    width: 100%;
    height: 184px;
    background: url("http://www.jtyh001.com/help/images/about_us_03.png") no-repeat;
    background-size: cover; }

.business-detail .main-head {
  text-align: center;
  padding: 20px;
  padding-top: 40px;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 30px;
  border-bottom: 1px solid #d8dbe5; }
  .business-detail .main-head .title {
    font-size: 26px;
    font-weight: 600; }

.business-detail .main-content {
  *zoom: 1;
  padding: 50px 100px 50px 72px; }
  .business-detail .main-content:before, .business-detail .main-content:after {
    display: table;
    content: '';
    line-height: 0; }
  .business-detail .main-content:after {
    clear: both; }
  .business-detail .main-content .content-left {
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 5px;
    text-align: center;
    background: -webkit-linear-gradient(left top, #2754db, #4fcbfe);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #2754db, #4fcbfe);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #2754db, #4fcbfe);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #2754db, #4fcbfe); }
    .business-detail .main-content .content-left .iconfont {
      font-size: 24px;
      color: #ffffff;
      margin-left: 10px;
      margin-top: 5px; }
  .business-detail .main-content .content-right {
    width: 930px; }
    .business-detail .main-content .content-right .w830 {
      vertical-align: top;
      display: inline-block;
      width: 830px; }
    .business-detail .main-content .content-right .tag {
      display: inline-block;
      margin-bottom: 10px; }
    .business-detail .main-content .content-right p {
      line-height: 26px;
      margin-bottom: 15px;
      font-size: 0; }
      .business-detail .main-content .content-right p span {
        font-size: 14px; }
    .business-detail .main-content .content-right .text-label-grey {
      display: inline-block;
      width: 100px; }

.mine-publish .panel-pagination {
  box-sizing: border-box;
  border-top: 11px solid #f7f7f7;
  padding-top: 11px;
  height: 83px;
  background-color: #fff; }

.mine-publish .content-wrap {
  padding: 0 !important; }
  .mine-publish .content-wrap-item {
    position: relative;
    box-sizing: border-box;
    height: 164px;
    padding: 32px 24px;
    border-bottom: 1px solid #efefef; }
    .mine-publish .content-wrap-item:last-child {
      border-bottom: none; }
  .mine-publish .content-wrap-title {
    margin-bottom: 20px;
    font-size: 0; }
    .mine-publish .content-wrap-title-icon {
      display: inline-block;
      border-radius: 12px;
      height: 24px;
      line-height: 24px;
      color: #fff;
      background-color: #0070F5;
      border-top-left-radius: 0px;
      font-size: 14px;
      padding: 0 7px;
      vertical-align: middle; }
    .mine-publish .content-wrap-title-text {
      font-weight: bold;
      display: inline-block;
      font-size: 20px;
      color: #2A2E2E;
      vertical-align: middle;
      line-height: 28px;
      margin-left: 12px; }
  .mine-publish .content-wrap-info {
    margin-top: 12px; }
    .mine-publish .content-wrap-info:first-child {
      margin-top: 0px; }
    .mine-publish .content-wrap-info-item {
      display: inline-block;
      margin-right: 60px; }
      .mine-publish .content-wrap-info-item-label {
        line-height: 20px;
        color: #5F6064;
        display: inline-block; }
      .mine-publish .content-wrap-info-item-value {
        display: inline-block;
        line-height: 20px;
        color: #5F6064; }
        .mine-publish .content-wrap-info-item-value em {
          display: inline-block;
          margin-right: 6px;
          font-style: normal;
          margin: 0 0px 0 5px; }
        .mine-publish .content-wrap-info-item-value span {
          color: #D01919;
          margin: 0 5px; }
    .mine-publish .content-wrap-info .iconshengyushijian {
      vertical-align: middle;
      font-size: 14px;
      position: relative;
      top: 0px; }
  .mine-publish .content-wrap .btn-cancel {
    width: 120px;
    height: 34px;
    box-sizing: border-box;
    color: #D01919;
    border: 1px solid #D01919;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    right: 28px;
    bottom: 32px;
    cursor: pointer;
    transition: all 0.3s; }
    .mine-publish .content-wrap .btn-cancel:hover {
      background-color: #D01919;
      color: #fff; }
  .mine-publish .content-wrap .content-img {
    position: absolute;
    right: 28px;
    top: 44px;
    font-size: 80px; }
    .mine-publish .content-wrap .content-img.iconicon_yizuofei {
      color: #ff5656; }
    .mine-publish .content-wrap .content-img.iconicon_youxiaoqidaoqi {
      color: #72788d; }

.publish-wrap .content-wrap {
  background-color: #fff;
  padding: 24px 32px; }
  .publish-wrap .content-wrap .form-wrap-conatiner {
    font-size: 0; }
    .publish-wrap .content-wrap .form-wrap-conatiner .form-item {
      display: inline-block;
      margin-bottom: 14px; }
      .publish-wrap .content-wrap .form-wrap-conatiner .form-item .form-item-label {
        display: block;
        text-align: left; }
      .publish-wrap .content-wrap .form-wrap-conatiner .form-item .form-item-content {
        display: block; }
        .publish-wrap .content-wrap .form-wrap-conatiner .form-item .form-item-content .form-input {
          width: 100%; }
        .publish-wrap .content-wrap .form-wrap-conatiner .form-item .form-item-content .form-select {
          width: 100%; }
  .publish-wrap .content-wrap .btn-list {
    text-align: center;
    margin-top: 10px; }
    .publish-wrap .content-wrap .btn-list .btn {
      display: inline-block;
      width: 132px;
      height: 40px;
      box-sizing: border-box;
      line-height: 38px;
      border-radius: 4px;
      font-size: 16px;
      text-align: center;
      padding: 0;
      opacity: 1;
      transition: all 0.3s; }
      .publish-wrap .content-wrap .btn-list .btn:hover {
        opacity: 0.8; }
    .publish-wrap .content-wrap .btn-list .btn-cancel {
      border: 1px solid #999999;
      background-color: #F1F1F1;
      color: #666666; }
    .publish-wrap .content-wrap .btn-list .btn-submit {
      border: 1px solid #D01919;
      background-color: #D01919;
      color: #FFFFFF;
      margin-left: 20px; }

.publish-wrap .layui-form-select dl {
  z-index: 20000; }

.common-table {
  width: 100%;
  border: 1px solid #EBECF2;
  border-right: none;
  font-size: 14px;
  text-align: center; }
  .common-table.no-border {
    border: none; }
    .common-table.no-border thead, .common-table.no-border tbody {
      border: none; }
      .common-table.no-border thead tr, .common-table.no-border thead th, .common-table.no-border thead td, .common-table.no-border tbody tr, .common-table.no-border tbody th, .common-table.no-border tbody td {
        border: none; }
  .common-table.bottom-border {
    border: none; }
    .common-table.bottom-border thead {
      border-bottom: 1px solid #EBECF2; }
      .common-table.bottom-border thead th {
        border: none; }
    .common-table.bottom-border tbody tr {
      border-bottom: 1px solid #EBECF2; }
      .common-table.bottom-border tbody tr td {
        border: none; }
  .common-table thead {
    background: #EFF6FC;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-bottom: 1px solid #EBECF2; }
    .common-table thead th {
      color: #333;
      border-right: 1px solid #EBECF2; }
  .common-table tbody tr {
    min-height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #EBECF2; }
    .common-table tbody tr td {
      color: #2A2E2E;
      border-right: 1px solid #EBECF2; }
      .common-table tbody tr td.align-left {
        text-align: left; }
        .common-table tbody tr td.align-left .iconliebiao-dian {
          font-size: 12px;
          color: #A6AAB6; }

.supplier-home-wrapper .user-info-wrap {
  width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
  position: relative;
  font-size: 0; }
  .supplier-home-wrapper .user-info-wrap .left-side {
    padding: 30px 12px 30px 152px;
    width: 605px;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle; }
    .supplier-home-wrapper .user-info-wrap .left-side .seal-img {
      position: absolute;
      z-index: 2;
      right: 20px;
      bottom: 20px;
      width: 80px;
      display: none; }
      .supplier-home-wrapper .user-info-wrap .left-side .seal-img.show {
        display: block; }
    .supplier-home-wrapper .user-info-wrap .left-side::after {
      content: ' ';
      width: 0px;
      height: 100%;
      position: absolute;
      border-right: 1px dashed #D8DBE5;
      right: 0;
      top: 0; }
    .supplier-home-wrapper .user-info-wrap .left-side .head-image-wrap {
      position: absolute;
      width: 80px;
      height: 80px;
      border-radius: 40px;
      overflow: hidden;
      left: 32px;
      top: 50%;
      margin-top: -40px; }
    .supplier-home-wrapper .user-info-wrap .left-side .supplier-name {
      color: #2A2E2E;
      font-size: 24px;
      line-height: 33px;
      box-sizing: border-box;
      padding-right: 70px;
      position: relative; }
      .supplier-home-wrapper .user-info-wrap .left-side .supplier-name .redirect {
        position: absolute;
        right: 0;
        font-size: 14px;
        color: #5F6064; }
        .supplier-home-wrapper .user-info-wrap .left-side .supplier-name .redirect em {
          font-size: 12px; }
    .supplier-home-wrapper .user-info-wrap .left-side .tag-list-wrap {
      font-size: 0;
      margin-top: 15px; }
      .supplier-home-wrapper .user-info-wrap .left-side .tag-list-wrap .tag-item {
        height: 24px;
        line-height: 24px;
        padding: 0 5px;
        font-size: 14px;
        display: inline-block; }
        .supplier-home-wrapper .user-info-wrap .left-side .tag-list-wrap .tag-item:not(:last-of-type) {
          margin-right: 10px; }
        .supplier-home-wrapper .user-info-wrap .left-side .tag-list-wrap .tag-item.supplier {
          background: rgba(208, 25, 25, 0.15);
          color: #D01919; }
        .supplier-home-wrapper .user-info-wrap .left-side .tag-list-wrap .tag-item.status {
          background: rgba(56, 159, 89, 0.15);
          color: #389F59; }
    .supplier-home-wrapper .user-info-wrap .left-side .safety-wrap {
      height: 20px;
      line-height: 20px;
      font-size: 0;
      margin-top: 25px; }
      .supplier-home-wrapper .user-info-wrap .left-side .safety-wrap .text-tips {
        color: #5F6064;
        font-size: 14px;
        display: inline-block;
        vertical-align: middle; }
      .supplier-home-wrapper .user-info-wrap .left-side .safety-wrap .progress-wrap {
        width: 140px;
        height: 10px;
        border-radius: 10px;
        background: #e6e3e3;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        margin: 0 10px; }
        .supplier-home-wrapper .user-info-wrap .left-side .safety-wrap .progress-wrap .progress-bar {
          width: 50%;
          height: 10px;
          background-image: linear-gradient(to right, #69CD92, #389F59);
          display: block;
          border-radius: 10px;
          animation: all 0.5s; }
      .supplier-home-wrapper .user-info-wrap .left-side .safety-wrap .level {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px; }
  .supplier-home-wrapper .user-info-wrap .right-side {
    text-align: center;
    font-size: 0;
    width: 395px;
    height: 176px;
    display: inline-block;
    vertical-align: middle;
    padding: 16px 0;
    box-sizing: border-box; }
    .supplier-home-wrapper .user-info-wrap .right-side .right-side-item {
      display: inline-block;
      width: 124px;
      height: 144px;
      font-size: 14px;
      text-align: center; }
      .supplier-home-wrapper .user-info-wrap .right-side .right-side-item .icon-wrap {
        width: 32px;
        height: 32px;
        display: block;
        margin: 38px auto 26px auto; }
      .supplier-home-wrapper .user-info-wrap .right-side .right-side-item .right-side-item-text {
        height: 20px;
        line-height: 20px; }
        .supplier-home-wrapper .user-info-wrap .right-side .right-side-item .right-side-item-text .count {
          color: #D01919; }

.supplier-home-wrapper .project-info-wrap {
  height: 188px;
  width: 100%;
  background: #FFFFFF;
  margin-top: 20px; }
  .supplier-home-wrapper .project-info-wrap .title-wrap {
    width: 100%;
    height: 56px;
    line-height: 56px;
    position: relative;
    box-sizing: border-box;
    padding: 0 20px; }
    .supplier-home-wrapper .project-info-wrap .title-wrap::after {
      content: ' ';
      width: 100%;
      height: 1px;
      background: #D8DBE5;
      position: absolute;
      left: 0;
      bottom: 0; }
    .supplier-home-wrapper .project-info-wrap .title-wrap .count {
      color: #D01919;
      margin: 0 3px; }
    .supplier-home-wrapper .project-info-wrap .title-wrap .redirect {
      position: absolute;
      right: 20px;
      font-size: 14px;
      color: #5F6064; }
      .supplier-home-wrapper .project-info-wrap .title-wrap .redirect em {
        font-size: 12px; }
  .supplier-home-wrapper .project-info-wrap .info-wrap {
    width: 100%;
    height: 132px;
    box-sizing: border-box;
    padding: 24px 30px;
    font-size: 0;
    text-align: center; }
    .supplier-home-wrapper .project-info-wrap .info-wrap .info-item {
      width: 220px;
      height: 84px;
      font-size: 14px;
      color: #666;
      display: inline-block;
      border-radius: 4px;
      position: relative;
      background: #F2FAFF;
      overflow: hidden;
      box-sizing: border-box;
      padding: 15px 0 15px 0;
      background: url("http://www.jtyh001.com/content/images/icon_supplier_project_1.png") no-repeat; }
      .supplier-home-wrapper .project-info-wrap .info-wrap .info-item:not(:last-of-type) {
        margin-right: 100px; }
      .supplier-home-wrapper .project-info-wrap .info-wrap .info-item:nth-of-type(2) {
        background: url("http://www.jtyh001.com/content/images/icon_supplier_project_2.png") no-repeat; }
      .supplier-home-wrapper .project-info-wrap .info-wrap .info-item:nth-of-type(3) {
        background: url("http://www.jtyh001.com/content/images/icon_supplier_project_4.png") no-repeat; }
      .supplier-home-wrapper .project-info-wrap .info-wrap .info-item .arc {
        width: 184px;
        height: 184px;
        border-radius: 100px;
        position: absolute;
        left: 121px;
        top: 17px; }
      .supplier-home-wrapper .project-info-wrap .info-wrap .info-item .count {
        height: 30px;
        line-height: 30px;
        color: #333;
        font-size: 26px;
        width: 125px;
        text-align: center; }
        .supplier-home-wrapper .project-info-wrap .info-wrap .info-item .count.small-font {
          font-size: 22px;
          padding-left: 4px; }
      .supplier-home-wrapper .project-info-wrap .info-wrap .info-item .text {
        width: 125px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        margin-top: 4px; }

.supplier-home-wrapper .sales-money-wrap {
  width: 100%;
  height: 578px;
  background: #FFFFFF;
  margin-top: 20px; }
  .supplier-home-wrapper .sales-money-wrap .title-wrap {
    width: 100%;
    height: 56px;
    line-height: 56px;
    position: relative;
    box-sizing: border-box;
    padding: 0 20px; }
    .supplier-home-wrapper .sales-money-wrap .title-wrap::after {
      content: ' ';
      width: 100%;
      height: 1px;
      background: #D8DBE5;
      position: absolute;
      left: 0;
      bottom: 0; }
    .supplier-home-wrapper .sales-money-wrap .title-wrap .redirect {
      position: absolute;
      right: 20px;
      font-size: 14px;
      color: #5F6064; }
      .supplier-home-wrapper .sales-money-wrap .title-wrap .redirect em {
        font-size: 12px; }
  .supplier-home-wrapper .sales-money-wrap .content-wrap {
    font-size: 0; }
    .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side {
      width: 285px;
      height: 522px;
      display: inline-block;
      vertical-align: middle;
      padding: 30px 49px 50px 32px;
      font-size: 14px;
      box-sizing: border-box; }
      .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side .time {
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 18px;
        color: #333; }
      .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side .sales-wrap {
        width: 204px;
        height: 190px;
        background: url("http://www.jtyh001.com/content/images/icon_sales_money.png") no-repeat;
        margin-top: 18px;
        box-sizing: border-box;
        padding: 40px 20px;
        position: relative; }
        .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side .sales-wrap.order {
          background: url("http://www.jtyh001.com/content/images/icon_sales_order.png") no-repeat; }
        .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side .sales-wrap .label {
          height: 22px;
          line-height: 22px;
          font-size: 16px;
          color: #2A2E2E; }
        .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side .sales-wrap .count {
          height: 37px;
          line-height: 37px;
          font-size: 26px;
          color: #333;
          margin-top: 6px; }
        .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side .sales-wrap .float-text {
          position: absolute;
          left: 20px;
          bottom: 28px;
          height: 22px;
          color: #666;
          font-size: 16px; }
          .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side .sales-wrap .float-text span.up .icon-rase {
            color: #D01919; }
          .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side .sales-wrap .float-text span.down .icon-rase {
            color: #19B87D; }
          .supplier-home-wrapper .sales-money-wrap .content-wrap .left-side .sales-wrap .float-text span .icon-rase {
            font-size: 18px; }
    .supplier-home-wrapper .sales-money-wrap .content-wrap .right-side {
      position: relative;
      width: 715px;
      height: 522px;
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      color: #333;
      text-align: center;
      box-sizing: border-box;
      padding: 30px 0; }

.supplier-home-wrapper .layui-input.month {
  width: 140px;
  position: absolute;
  z-index: 10;
  right: 44px;
  height: 36px !important;
  line-height: 36px !important;
  color: #999999;
  text-align: right;
  letter-spacing: 1px;
  padding-right: 12px; }

.supplier-home-wrapper .broke-right-show-tooltips {
  padding: 10px 16px;
  position: absolute;
  left: 0;
  top: 20%;
  margin-top: -60px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  color: #123288;
  line-height: 24px;
  font-size: 15px; }
  .supplier-home-wrapper .broke-right-show-tooltips.right {
    left: auto;
    right: 40px; }
    .supplier-home-wrapper .broke-right-show-tooltips.right .arrow {
      right: -18px;
      left: auto;
      transform: rotate(-90deg); }
  .supplier-home-wrapper .broke-right-show-tooltips .arrow {
    position: absolute;
    left: -18px;
    margin-top: -15px;
    opacity: 0.9;
    transform: rotate(90deg);
    top: 50%;
    background: url(http://www.jtyh001.com/content/images/order_triangle.png) no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }

.account-wrapper {
  background: #FFFFFF; }
  .account-wrapper .content-wrap {
    box-sizing: border-box;
    padding: 20px 32px 102px 32px; }
    .account-wrapper .content-wrap .security-level-wrap {
      width: 100%;
      height: 44px;
      line-height: 42px;
      background: #FCF8EF;
      box-sizing: border-box;
      border: 1px solid #F5EBD6;
      padding: 0 24px;
      font-size: 14px; }
      .account-wrapper .content-wrap .security-level-wrap .label {
        color: #5F6064; }
        .account-wrapper .content-wrap .security-level-wrap .label em {
          color: #389F59;
          font-style: inherit; }
      .account-wrapper .content-wrap .security-level-wrap .progress-wrap {
        vertical-align: middle;
        width: 240px;
        height: 9px;
        background: #D8DBE5;
        display: inline-block;
        border-radius: 5px;
        margin-left: 10px;
        margin-right: 40px;
        position: relative;
        overflow: hidden; }
        .account-wrapper .content-wrap .security-level-wrap .progress-wrap .progress-bar {
          width: 120%;
          height: 100%;
          background-image: linear-gradient(to right, #69CD92, #389F59);
          position: absolute;
          left: 0;
          border-radius: 5px; }
      .account-wrapper .content-wrap .security-level-wrap .attention-wrap {
        color: #D01919; }
        .account-wrapper .content-wrap .security-level-wrap .attention-wrap em {
          vertical-align: middle;
          font-size: 15px; }
    .account-wrapper .content-wrap .valid-wrap {
      margin-top: 20px; }
      .account-wrapper .content-wrap .valid-wrap .valid-item {
        width: 100%;
        height: 50px;
        padding: 25px 0;
        border-bottom: 1px solid #dee0e8;
        position: relative; }
        .account-wrapper .content-wrap .valid-wrap .valid-item div {
          display: inline-block;
          vertical-align: middle; }
          .account-wrapper .content-wrap .valid-wrap .valid-item div.status-wrap {
            height: 50px;
            text-align: center;
            margin: 0 50px; }
            .account-wrapper .content-wrap .valid-wrap .valid-item div.status-wrap em {
              font-size: 18px;
              height: 20px;
              color: #389F59; }
            .account-wrapper .content-wrap .valid-wrap .valid-item div.status-wrap p {
              margin-top: 10px;
              height: 20px;
              color: #2A2E2E;
              font-size: 14px; }
          .account-wrapper .content-wrap .valid-wrap .valid-item div.label {
            height: 44px;
            line-height: 44px;
            padding-right: 50px;
            position: relative;
            margin-right: 24px;
            font-size: 16px;
            font-weight: 500; }
            .account-wrapper .content-wrap .valid-wrap .valid-item div.label::after {
              content: ' ';
              width: 1px;
              height: 44px;
              position: absolute;
              right: 0;
              top: 0;
              background: #EBEBED; }
          .account-wrapper .content-wrap .valid-wrap .valid-item div.tips {
            color: #2A2E2E;
            font-size: 14px; }
            .account-wrapper .content-wrap .valid-wrap .valid-item div.tips span {
              color: #D01919; }
        .account-wrapper .content-wrap .valid-wrap .valid-item .operate-btn {
          width: 84px;
          height: 32px;
          line-height: 30px;
          background: #FFFFFF;
          border: 1px solid #D01919;
          border-radius: 16px;
          box-sizing: border-box;
          text-align: center;
          color: #D01919;
          position: absolute;
          right: 24px;
          top: 50%;
          margin-top: -16px; }
    .account-wrapper .content-wrap .security-tips {
      box-sizing: border-box;
      padding: 22px 24px 0 24px;
      border: 1px dashed #EBEBED;
      margin-top: 40px; }
      .account-wrapper .content-wrap .security-tips p {
        font-size: 14px;
        color: #5F6064;
        margin-bottom: 10px; }
        .account-wrapper .content-wrap .security-tips p.tips-title {
          font-size: 16px;
          height: 22px;
          line-height: 22px;
          color: #D01919; }
          .account-wrapper .content-wrap .security-tips p.tips-title em {
            vertical-align: middle;
            font-size: 13px; }

.modifyPassword-wrapper {
  background: #FFFFFF; }
  .modifyPassword-wrapper .content-wrap {
    padding: 40px 0; }
    .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap {
      text-align: center;
      font-size: 0;
      margin-bottom: 60px; }
      .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item {
        width: 44px;
        height: 44px;
        padding-bottom: 32px;
        position: relative;
        display: inline-block;
        vertical-align: middle; }
        .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item:not(:last-of-type) {
          padding-right: 162px; }
          .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item:not(:last-of-type)::after {
            content: ' ';
            width: 160px;
            height: 2px;
            border-radius: 1px;
            background: #EBECF2;
            position: absolute;
            top: 21px;
            right: 0; }
        .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item:last-of-type {
          padding-right: 0;
          padding-left: 162px; }
          .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item:last-of-type .text {
            left: calc(50% + 81px);
            transform: translateX(-50%); }
          .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item:last-of-type::after {
            content: ' ';
            width: 160px;
            height: 2px;
            border-radius: 1px;
            background: #EBECF2;
            position: absolute;
            top: 21px;
            left: 0; }
        .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item.active .icon-wrap {
          background: #D01919; }
        .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item.active .text {
          color: #D01919; }
        .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item.active::after {
          background: #D01919; }
        .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item .icon-wrap {
          width: 44px;
          height: 44px;
          line-height: 44px;
          background: #D8DBE5;
          border-radius: 30px; }
          .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item .icon-wrap em {
            font-size: 16px;
            color: #FFFFFF; }
        .modifyPassword-wrapper .content-wrap .first-step-wrap .steps-wrap .step-item .text {
          position: absolute;
          bottom: 0;
          left: calc(50% - 81px);
          transform: translateX(-50%);
          min-width: 44px;
          font-size: 14px;
          color: #5F6064; }
    .modifyPassword-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item {
      text-align: center; }
      .modifyPassword-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item .form-item-label {
        min-width: 130px;
        width: auto; }
    .modifyPassword-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .submit-button {
      width: 168px;
      height: 40px;
      line-height: 40px;
      display: block;
      margin: 0 auto;
      background: #D01919;
      color: #FFFFFF;
      font-size: 18px;
      border: none;
      border-radius: 2px;
      font-weight: 500;
      cursor: pointer; }
    .modifyPassword-wrapper .content-wrap .second-step-wrap {
      box-sizing: border-box;
      padding: 40px 0 157px 0;
      text-align: center; }
      .modifyPassword-wrapper .content-wrap .second-step-wrap .icon-wrap {
        width: 100px;
        height: 100px;
        line-height: 100px;
        display: block;
        margin: 0 auto;
        border-radius: 50px;
        background: #389F59;
        color: #FFFFFF; }
        .modifyPassword-wrapper .content-wrap .second-step-wrap .icon-wrap em {
          font-size: 40px; }
      .modifyPassword-wrapper .content-wrap .second-step-wrap .success-text {
        height: 33px;
        line-height: 33px;
        font-size: 24px;
        color: #2A2E2E;
        font-weight: 500;
        margin-top: 20px;
        margin-bottom: 14px; }
      .modifyPassword-wrapper .content-wrap .second-step-wrap .tips {
        height: 22px;
        line-height: 22px;
        font-size: 16px;
        color: #2A2E2E; }
      .modifyPassword-wrapper .content-wrap .second-step-wrap .reLogin-button {
        width: 168px;
        height: 40px;
        line-height: 38px;
        background: #FFFFFF;
        border: 1px solid #DC5555;
        box-sizing: border-box;
        color: #D01919;
        font-size: 18px;
        display: block;
        margin: 60px auto 0 auto;
        border-radius: 2px;
        cursor: pointer; }

.modifyCellphone-wrapper {
  background: #FFFFFF; }
  .modifyCellphone-wrapper .content-wrap {
    padding: 40px 0; }
    .modifyCellphone-wrapper .content-wrap .steps-wrap {
      text-align: center;
      font-size: 0;
      margin-bottom: 60px; }
      .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item {
        width: 44px;
        height: 44px;
        padding-bottom: 32px;
        position: relative;
        display: inline-block;
        vertical-align: middle; }
        .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item:not(:last-of-type) {
          padding-right: 164px; }
          .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item:not(:last-of-type)::after {
            content: ' ';
            width: 160px;
            height: 2px;
            border-radius: 1px;
            background: #EBECF2;
            position: absolute;
            top: 21px;
            right: 2px; }
        .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item:last-of-type {
          padding-right: 0; }
          .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item:last-of-type .text {
            left: 50%;
            transform: translateX(-50%); }
        .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item.active .icon-wrap {
          background: #D01919; }
        .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item.active .text {
          color: #D01919; }
        .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item.active::after {
          background: #D01919; }
        .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item .icon-wrap {
          width: 44px;
          height: 44px;
          line-height: 44px;
          background: #D8DBE5;
          border-radius: 30px; }
          .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item .icon-wrap em {
            font-size: 16px;
            color: #FFFFFF; }
        .modifyCellphone-wrapper .content-wrap .steps-wrap .step-item .text {
          position: absolute;
          bottom: 0;
          left: calc(50% - 81px);
          transform: translateX(-50%);
          min-width: 44px;
          font-size: 14px;
          color: #5F6064; }
    .modifyCellphone-wrapper .content-wrap .first-step-wrap, .modifyCellphone-wrapper .content-wrap .second-step-wrap {
      padding-bottom: 156px; }
      .modifyCellphone-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item, .modifyCellphone-wrapper .content-wrap .second-step-wrap .form-wrap-conatiner .form-item {
        text-align: center; }
        .modifyCellphone-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item .form-item-label, .modifyCellphone-wrapper .content-wrap .second-step-wrap .form-wrap-conatiner .form-item .form-item-label {
          min-width: 130px;
          width: auto; }
        .modifyCellphone-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item .form-item-content .form-input.smscode, .modifyCellphone-wrapper .content-wrap .second-step-wrap .form-wrap-conatiner .form-item .form-item-content .form-input.smscode {
          width: 196px; }
        .modifyCellphone-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item .form-item-content .check-mobile-phone, .modifyCellphone-wrapper .content-wrap .second-step-wrap .form-wrap-conatiner .form-item .form-item-content .check-mobile-phone {
          width: 312px;
          height: 38px;
          line-height: 38px;
          padding: 0;
          box-sizing: border-box;
          text-align: left;
          font-size: 16px; }
        .modifyCellphone-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item .form-item-content .sms-btn, .modifyCellphone-wrapper .content-wrap .second-step-wrap .form-wrap-conatiner .form-item .form-item-content .sms-btn {
          display: inline-block;
          font-size: 14px;
          width: 104px;
          height: 38px;
          line-height: 38px;
          background: #FFFFFF;
          border: 1px solid #D8DBE5;
          text-align: center;
          margin-left: 12px;
          border-radius: 4px;
          cursor: pointer; }
          .modifyCellphone-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item .form-item-content .sms-btn:hover, .modifyCellphone-wrapper .content-wrap .second-step-wrap .form-wrap-conatiner .form-item .form-item-content .sms-btn:hover {
            background-color: #fff;
            color: #d01919;
            border: 1px solid #d01919; }
          .modifyCellphone-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item .form-item-content .sms-btn.disabled, .modifyCellphone-wrapper .content-wrap .second-step-wrap .form-wrap-conatiner .form-item .form-item-content .sms-btn.disabled {
            background: #EEEEEE;
            cursor: not-allowed;
            color: #96979a; }
            .modifyCellphone-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .form-item .form-item-content .sms-btn.disabled:hover, .modifyCellphone-wrapper .content-wrap .second-step-wrap .form-wrap-conatiner .form-item .form-item-content .sms-btn.disabled:hover {
              background-color: #EEEEEE;
              color: #96979a;
              border: 1px solid #D8DBE5; }
      .modifyCellphone-wrapper .content-wrap .first-step-wrap .form-wrap-conatiner .submit-button, .modifyCellphone-wrapper .content-wrap .second-step-wrap .form-wrap-conatiner .submit-button {
        width: 168px;
        height: 40px;
        line-height: 40px;
        display: block;
        margin: 0 auto;
        background: #D01919;
        color: #FFFFFF;
        font-size: 18px;
        border: none;
        border-radius: 2px;
        font-weight: 500;
        cursor: pointer;
        text-align: center; }
    .modifyCellphone-wrapper .content-wrap .third-step-wrap {
      box-sizing: border-box;
      padding: 40px 0 157px 0;
      text-align: center; }
      .modifyCellphone-wrapper .content-wrap .third-step-wrap .icon-wrap {
        width: 100px;
        height: 100px;
        line-height: 100px;
        display: block;
        margin: 0 auto;
        border-radius: 50px;
        background: #389F59;
        color: #FFFFFF; }
        .modifyCellphone-wrapper .content-wrap .third-step-wrap .icon-wrap em {
          font-size: 40px; }
      .modifyCellphone-wrapper .content-wrap .third-step-wrap .success-text {
        height: 33px;
        line-height: 33px;
        font-size: 24px;
        color: #2A2E2E;
        font-weight: 500;
        margin-top: 20px;
        margin-bottom: 14px; }
      .modifyCellphone-wrapper .content-wrap .third-step-wrap .tips {
        height: 22px;
        line-height: 22px;
        font-size: 16px;
        color: #2A2E2E; }
      .modifyCellphone-wrapper .content-wrap .third-step-wrap .reLogin-button {
        width: 168px;
        height: 40px;
        line-height: 38px;
        background: #FFFFFF;
        border: 1px solid #DC5555;
        box-sizing: border-box;
        color: #D01919;
        font-size: 18px;
        display: block;
        margin: 60px auto 0 auto;
        border-radius: 2px;
        cursor: pointer; }

.apply-supplier-wrapper {
  background: #FFFFFF; }
  .apply-supplier-wrapper .content-wrap {
    padding: 40px 0; }
    .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap {
      text-align: center;
      font-size: 0; }
      .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item {
        width: 44px;
        height: 44px;
        padding-bottom: 32px;
        position: relative;
        display: inline-block;
        vertical-align: middle; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item:not(:last-of-type) {
          padding-right: 110px; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item:not(:last-of-type)::after {
            content: ' ';
            width: 110px;
            height: 2px;
            border-radius: 1px;
            background: #EBECF2;
            position: absolute;
            top: 21px;
            right: 0; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item.qualification {
          padding-left: 110px; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item.qualification::before {
            content: ' ';
            width: 110px;
            height: 2px;
            border-radius: 1px;
            background: #EBECF2;
            position: absolute;
            top: 21px;
            left: 0; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item.qualification .text {
            left: 50%;
            transform: translateX(-50%); }
        .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item:last-of-type {
          padding-right: 0;
          padding-left: 110px; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item:last-of-type::before {
            content: ' ';
            width: 110px;
            height: 2px;
            border-radius: 1px;
            background: #EBECF2;
            position: absolute;
            top: 21px;
            left: 0; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item:last-of-type .text {
            left: calc(50% + 55px);
            transform: translateX(-50%); }
        .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item.active .icon-wrap {
          background: #D01919; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item.active .text {
          color: #D01919; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item.active::after, .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item.active::before {
          background: #D01919; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item .icon-wrap {
          width: 44px;
          height: 44px;
          line-height: 44px;
          background: #D8DBE5;
          border-radius: 30px; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item .icon-wrap em {
            font-size: 16px;
            color: #FFFFFF; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .steps-wrap .step-item .text {
          position: absolute;
          bottom: 0;
          left: calc(50% - 55px);
          transform: translateX(-50%);
          min-width: 60px;
          font-size: 14px;
          color: #5F6064; }
    .apply-supplier-wrapper .content-wrap .apply-wrap .step-container {
      padding-bottom: 24px;
      margin-top: 40px; }
      .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner {
        box-sizing: border-box;
        padding: 0 52px 0 4px; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item {
          width: 50%;
          display: inline-block;
          vertical-align: top; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item.merge-row {
            position: relative;
            margin-top: -62px;
            display: block; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item.full-row {
            width: 100%; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item.full-row .form-input.address {
              width: 460px;
              margin-left: 10px; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item.full-row .form-textarea {
              width: 784px; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-label {
            min-width: 144px;
            width: auto; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-label.multi-row {
              line-height: 1.6; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content {
            font-size: 0; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content .form-input.unit-input {
              width: 186px;
              margin-right: 10px; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content .form-select.unit-select {
              width: 116px; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content .form-select.industry-category {
              width: 146px; }
              .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content .form-select.industry-category:last-of-type {
                margin-left: 20px; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content.file-upload {
              height: 104px;
              font-size: 0;
              position: relative;
              width: calc(100% - 160px); }
              .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content.file-upload .icon-wrap {
                height: 104px;
                width: 162px;
                display: inline-block;
                vertical-align: middle;
                box-sizing: border-box;
                border-radius: 4px;
                border: 1px dashed #DADCE8;
                text-align: center;
                padding: 12px 0;
                background: #F6F7FC;
                position: relative; }
                .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content.file-upload .icon-wrap:hover .hover-wrap {
                  display: block; }
                .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content.file-upload .icon-wrap img {
                  height: 80px; }
                .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content.file-upload .icon-wrap .form-file {
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  opacity: 0;
                  left: 0;
                  top: 0;
                  cursor: pointer;
                  z-index: 3; }
                .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content.file-upload .icon-wrap .hover-wrap {
                  width: 100%;
                  height: 100%;
                  background: rgba(0, 0, 0, 0.6);
                  position: absolute;
                  left: 0;
                  top: 0;
                  z-index: 2;
                  border-radius: 4px;
                  display: none; }
                  .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content.file-upload .icon-wrap .hover-wrap span {
                    width: 48px;
                    height: 48px;
                    line-height: 48px;
                    background: #4E74E6;
                    border-radius: 50%;
                    text-align: center;
                    color: #FFFFFF;
                    font-size: 20px;
                    display: inline-block;
                    position: relative;
                    top: 28px;
                    cursor: pointer; }
              .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .form-wrap-conatiner .form-item .form-item-content.file-upload .text-wrap {
                width: calc(100% - 162px);
                box-sizing: border-box;
                padding-left: 16px;
                color: #2A2E2E;
                font-size: 14px;
                display: inline-block;
                vertical-align: middle; }
      .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .button-wrap {
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
        padding-left: 164px;
        font-size: 0;
        margin-top: 8px; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .button-wrap .button {
          width: 132px;
          height: 40px;
          line-height: 38px;
          display: inline-block;
          margin-right: 20px;
          border: 1px solid #5F6064;
          box-sizing: border-box;
          background: #FFFFFF;
          color: #5F6064;
          font-size: 16px;
          text-align: center;
          border-radius: 4px;
          cursor: pointer; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .button-wrap .button:hover {
            border: 1px solid #D01919;
            color: #D01919; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .button-wrap .button.next {
            background: #D01919;
            border: 1px solid #D01919;
            color: #FFFFFF; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container .button-wrap .button.next:hover {
              opacity: 0.8; }
      .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step {
        margin-top: 25px;
        padding-bottom: 4px; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap {
          box-sizing: border-box;
          padding: 0 32px; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-tips {
            color: burlywood;
            line-height: 40px;
            margin-top: -12px; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item {
            height: 360px;
            box-sizing: border-box;
            border: 1px solid #D8DBE5;
            padding: 32px 0;
            font-size: 0; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .left-side {
              width: 444px;
              display: inline-block;
              vertical-align: top; }
              .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .left-side .form-wrap-conatiner {
                padding: 0; }
                .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .left-side .form-wrap-conatiner .form-item {
                  width: 100%; }
                  .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .left-side .form-wrap-conatiner .form-item .form-item-label {
                    min-width: 116px;
                    width: 116px; }
            .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side {
              width: 490px;
              height: 100%;
              display: inline-block;
              vertical-align: top;
              box-sizing: border-box;
              padding: 0 20px 0 88px; }
              .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side .upload-wrap {
                height: 104px;
                font-size: 0;
                position: relative; }
                .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side .upload-wrap .icon-wrap {
                  height: 104px;
                  width: 162px;
                  display: inline-block;
                  vertical-align: middle;
                  box-sizing: border-box;
                  border-radius: 4px;
                  border: 1px dashed #DADCE8;
                  text-align: center;
                  padding: 12px 0;
                  background: #F6F7FC;
                  cursor: pointer;
                  position: relative; }
                  .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side .upload-wrap .icon-wrap:hover .hover-wrap {
                    display: block; }
                  .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side .upload-wrap .icon-wrap img {
                    height: 80px;
                    border-radius: 4px; }
                  .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side .upload-wrap .icon-wrap .form-file {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    opacity: 0;
                    left: 0;
                    top: 0;
                    cursor: pointer;
                    z-index: 3; }
                  .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side .upload-wrap .icon-wrap .hover-wrap {
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.6);
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 2;
                    border-radius: 4px;
                    display: none; }
                    .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side .upload-wrap .icon-wrap .hover-wrap span {
                      width: 48px;
                      height: 48px;
                      line-height: 48px;
                      background: #4E74E6;
                      border-radius: 50%;
                      text-align: center;
                      color: #FFFFFF;
                      font-size: 20px;
                      display: inline-block;
                      position: relative;
                      top: 28px;
                      cursor: pointer; }
              .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side .description-wrap {
                margin-top: 20px; }
                .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .credential-wrap .credential-item .right-side .description-wrap p {
                  font-size: 14px;
                  color: #5F6064;
                  height: 20px;
                  line-height: 20px; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .add-credential-wrap {
          height: 32px;
          line-height: 32px;
          box-sizing: border-box;
          padding-left: 164px;
          font-size: 14px;
          color: #2A2E2E;
          margin: 32px 0; }
          .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .add-credential-wrap .iconfont {
            width: 32px;
            height: 32px;
            line-height: 32px;
            display: inline-block;
            background: #4E74E6;
            border-radius: 16px;
            cursor: pointer;
            color: #FFFFFF;
            font-size: 16px;
            text-align: center;
            margin-right: 10px; }
        .apply-supplier-wrapper .content-wrap .apply-wrap .step-container.third-step .button-wrap {
          margin-top: 0; }
    .apply-supplier-wrapper .content-wrap .submit-wrap {
      height: 512px;
      text-align: center;
      box-sizing: border-box;
      padding-top: 24px; }
      .apply-supplier-wrapper .content-wrap .submit-wrap .main-tips {
        font-size: 22px;
        color: #000;
        font-weight: 500;
        margin: 20px 0 12px 0; }
      .apply-supplier-wrapper .content-wrap .submit-wrap .sub-tips {
        color: #2A2E2E;
        font-size: 14px; }
      .apply-supplier-wrapper .content-wrap .submit-wrap .detail-btn {
        margin: 48px auto 0 auto;
        width: 216px;
        height: 44px;
        line-height: 44px;
        border-radius: 4px;
        text-align: center;
        display: block;
        background: #4E74E6;
        color: #FFFFFF;
        font-size: 16px;
        border: none;
        cursor: pointer; }
      .apply-supplier-wrapper .content-wrap .submit-wrap .error-message-wrap {
        text-align: left;
        width: 560px;
        box-sizing: border-box;
        padding: 24px 40px;
        background: #FAFAFA;
        margin: 24px auto 0 auto; }
        .apply-supplier-wrapper .content-wrap .submit-wrap .error-message-wrap .label {
          height: 24px;
          line-height: 24px;
          color: #000;
          font-size: 16px; }
        .apply-supplier-wrapper .content-wrap .submit-wrap .error-message-wrap .error-item-wrap .error-item {
          margin-top: 16px;
          color: rgba(0, 0, 0, 0.65);
          font-size: 14px;
          height: 22px;
          line-height: 22px; }
          .apply-supplier-wrapper .content-wrap .submit-wrap .error-message-wrap .error-item-wrap .error-item .iconfont {
            color: #E02020;
            vertical-align: middle;
            margin-right: 8px; }

.laydate-btns-changqi {
  position: absolute;
  right: 210px;
  font-size: 0 !important; }
  .laydate-btns-changqi::after {
    font-size: 12px;
    content: '长期'; }

.apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .layui-input.layui-unselect.layui-disabled {
  height: 38px !important;
  background: #ffffff !important;
  border-width: 0; }

.apply-supplier-wrapper .content-wrap {
  opacity: 0; }

.apply-supplier-wrapper .opacity-show {
  opacity: 1; }

.apply-supplier-wrapper .apply-wrap.is-edit .validationMessage {
  display: none; }

.apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content {
  position: relative; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .xm-tips {
    color: #cccccc; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .form-multiple {
    border-color: transparent;
    padding: 0; }
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .form-multiple xm-select {
      height: 38px;
      border-radius: 4px;
      border-color: #D8DBE5; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .tips {
    font-size: 14px;
    top: 5px;
    color: #cccccc; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .layui-select-tips {
    display: none; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .layui-form-select dl {
    top: 42px !important; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .layui-input.multiple {
    height: 40px !important;
    white-space: nowrap; }
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .layui-input.multiple:before {
      content: ' ';
      position: absolute;
      right: 1px;
      top: 1px;
      background: #ffffff;
      width: 30px;
      height: 38px; }
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .layui-input.multiple a {
      font-size: 14px;
      float: none;
      display: inline-block;
      height: 22px;
      line-height: 22px;
      margin: 6px 5px 4px 0;
      background-color: #d01919; }
      .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .layui-input.multiple a .layui-icon {
        display: none; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .ico_open,
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .ico_docu,
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .ico_close {
    display: none; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .node_name {
    font-size: 14px;
    line-height: 30px;
    margin-left: 5px; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .ztree li a {
    height: 30px;
    color: #666;
    vertical-align: middle; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .layui-form-select dl {
    padding: 0; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .ztree {
    padding: 10px 0; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .layui-form-select dl dd:hover {
    background: #ffffff; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .center_docu {
    background: none; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple ul.line {
    background: none; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .ztree li span.chk {
    border: 1px solid #d01919;
    border-radius: 2px;
    height: 14px;
    width: 14px;
    overflow: hidden; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .checkbox_true_full,
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .checkbox_true_full_focus {
    cursor: pointer;
    line-height: 1; }
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .checkbox_true_full::before,
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .checkbox_true_full_focus::before {
      position: relative;
      top: -1px;
      left: -2px;
      font-family: 'xm-iconfont';
      font-size: 17px;
      color: #d01919;
      content: '\e613';
      vertical-align: middle; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .checkbox_false_full_focus {
    cursor: pointer; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .checkbox_false_full {
    cursor: pointer; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .switch {
    background: none;
    position: relative;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s; }
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .switch:before {
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      right: 3px;
      top: 50%;
      margin-top: -3px;
      border: 6px dashed transparent;
      border-top-color: #C2C2C2;
      border-top-style: solid; }
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .switch.center_close, .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .switch.root_close, .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .switch.bottom_close {
      transform: rotate(-90deg); }
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .switch.bottom_docu, .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .switch.center_docu {
      opacity: 0; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .ztree-multiple .button.chk {
    margin-left: 5px; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .form-input.address {
    width: 462px !important;
    margin-left: 0 !important; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .layui-input {
    border-radius: 3px;
    border-color: #D8DBE5; }
  .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .layui-form-select {
    font-size: 14px; }
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .layui-form-select .layui-input {
      height: 40px !important; }
    .apply-supplier-wrapper .form-wrap-conatiner .form-item .form-item-content .layui-form-select dl {
      top: 42px !important; }

.apply-supplier-wrapper .form-wrap-conatiner .form-item .customuperror, .apply-supplier-wrapper .form-wrap-conatiner .form-item .validationMessage {
  position: absolute;
  color: #d01919;
  font-size: 14px;
  line-height: 20px;
  top: auto;
  bottom: -20px; }

.apply-supplier-wrapper .form-wrap-conatiner .form-title {
  text-align: center;
  color: #333;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 16px;
  font-weight: 700; }

.apply-supplier-wrapper .form-wrap-conatiner .units {
  position: absolute;
  right: 10px;
  top: 0;
  height: 40px;
  line-height: 40px;
  text-align: right;
  font-size: 14px;
  color: #666; }

.apply-supplier-wrapper .form-wrap-conatiner .form-checkbox-group .layui-unselect {
  margin-right: 30px; }

.apply-supplier-wrapper .form-wrap-conatiner .layui-form-checkbox[lay-skin=primary] span {
  color: #2A2E2E; }

.apply-supplier-wrapper .form-wrap-conatiner .layui-form-checkbox[lay-skin=primary] i {
  border-color: #333; }

.apply-supplier-wrapper .form-wrap-conatiner .layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #d01919 !important; }

.apply-supplier-wrapper .form-wrap-conatiner .layui-form-checked[lay-skin=primary] i {
  border-color: #d01919 !important;
  background-color: #d01919 !important; }

.apply-supplier-wrapper .form-wrap-conatiner .year-checkbox {
  width: 220px; }
  .apply-supplier-wrapper .form-wrap-conatiner .year-checkbox .form-input {
    width: 220px !important; }
  .apply-supplier-wrapper .form-wrap-conatiner .year-checkbox .layui-form-checkbox {
    position: absolute;
    top: 10px;
    right: -110px; }

.apply-supplier-wrapper .file-upload .icon-wrap img {
  max-width: 160px; }

.apply-supplier-wrapper .file-upload .customupuploadprogress {
  display: none; }

.apply-supplier-wrapper .file-upload em.iconicon_shanchu {
  color: #D01919;
  width: 20px;
  height: 20px;
  line-height: 24px;
  position: absolute;
  right: -10px;
  text-align: center;
  font-size: 20px;
  top: -10px;
  cursor: pointer; }

.apply-supplier-wrapper .add-credential-wrap {
  cursor: pointer; }

.apply-supplier-wrapper .credential-item {
  position: relative; }
  .apply-supplier-wrapper .credential-item + .credential-item {
    margin-top: 36px; }
    .apply-supplier-wrapper .credential-item + .credential-item .credential-dele {
      display: block; }

.apply-supplier-wrapper .credential-dele {
  display: none;
  position: absolute;
  font-size: 20px;
  top: -10px;
  right: -10px;
  color: #d01919;
  cursor: pointer; }

.apply-supplier-wrapper .header-btn {
  background: #2450D5;
  width: 80px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  text-align: center;
  border-radius: 2px;
  font-weight: 400;
  float: right;
  margin-top: 14px;
  margin-left: 10px;
  cursor: pointer; }
  .apply-supplier-wrapper .header-btn:hover {
    opacity: 0.9; }

.apply-supplier-wrapper .step-container {
  position: relative; }
  .apply-supplier-wrapper .step-container .bg-mask {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

.apply-supplier-wrapper .pointer {
  cursor: pointer; }

.apply-supplier-wrapper .form-show {
  width: 100% !important;
  height: auto !important; }
  .apply-supplier-wrapper .form-show .form-input {
    padding: 5px 16px !important;
    height: auto !important;
    min-height: 40px;
    line-height: 30px !important; }

.apply-supplier-wrapper .card-value {
  position: absolute;
  line-height: 40px;
  cursor: pointer;
  z-index: 10;
  color: crimson;
  right: -25px;
  top: 50%;
  margin-top: -20px; }

.supplier-bid-detail-wrapper .tag-box {
  margin-bottom: 20px; }

.supplier-bid-detail-wrapper .tag {
  padding: 2px 6px;
  vertical-align: middle; }

.supplier-bid-detail-wrapper .tag-0 {
  background-color: #e0eefe;
  color: #0070f5;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }

.supplier-bid-detail-wrapper .tag-1 {
  background-color: #daefe1;
  color: #389f59; }

.supplier-bid-detail-wrapper .tag-2 {
  background-color: #ffeae9;
  color: #d01919; }

.supplier-bid-detail-wrapper .header-title {
  background: #FFFFFF; }

.supplier-bid-detail-wrapper .bid-baseInfo-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 32px;
  background: #FFFFFF; }
  .supplier-bid-detail-wrapper .bid-baseInfo-wrap .info-item {
    display: inline-block;
    width: 300px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle; }
    .supplier-bid-detail-wrapper .bid-baseInfo-wrap .info-item .info-item-label {
      font-size: 14px;
      color: #5F6064; }
      .supplier-bid-detail-wrapper .bid-baseInfo-wrap .info-item .info-item-label .iconfont {
        font-size: 14px;
        color: #A6AAB6;
        margin-right: 6px; }
    .supplier-bid-detail-wrapper .bid-baseInfo-wrap .info-item .info-item-content {
      color: #2A2E2E;
      font-size: 14px; }
  .supplier-bid-detail-wrapper .bid-baseInfo-wrap .split-row {
    height: 14px; }
  .supplier-bid-detail-wrapper .bid-baseInfo-wrap .title-wrap {
    width: 100%;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    position: relative;
    font-size: 24px;
    color: #2A2E2E;
    margin: 5px 0 4px 0; }
    .supplier-bid-detail-wrapper .bid-baseInfo-wrap .title-wrap a {
      color: #2A2E2E;
      font-weight: 600; }
      .supplier-bid-detail-wrapper .bid-baseInfo-wrap .title-wrap a:hover {
        color: #D01919; }
    .supplier-bid-detail-wrapper .bid-baseInfo-wrap .title-wrap .status {
      position: absolute;
      right: 0;
      height: 36px;
      padding: 0 16px;
      color: #D01919;
      border-radius: 2px;
      background-color: rgba(208, 25, 25, 0.15);
      font-size: 14px; }
      .supplier-bid-detail-wrapper .bid-baseInfo-wrap .title-wrap .status em {
        font-size: 12px;
        margin-right: 5px; }
  .supplier-bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap {
    height: 36px;
    line-height: 36px;
    font-size: 0;
    margin-top: 20px; }
    .supplier-bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item {
      display: inline-block;
      height: 36px;
      padding: 0 14px;
      font-size: 14px;
      color: #2450D5;
      box-sizing: border-box;
      border: 1px solid #2450D5;
      border-radius: 2px;
      cursor: pointer; }
      .supplier-bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item:not(:last-of-type) {
        margin-right: 20px; }
      .supplier-bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item em {
        font-size: 12px;
        margin-right: 3px; }
    .supplier-bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item-grey {
      display: inline-block;
      height: 36px;
      padding: 0 14px;
      font-size: 14px;
      color: #ACB5D9;
      box-sizing: border-box;
      border: 1px solid #ACB5D9;
      border-radius: 2px;
      cursor: not-allowed;
      opacity: 0.8; }
      .supplier-bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item-grey:not(:last-of-type) {
        margin-right: 20px; }
      .supplier-bid-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item-grey em {
        font-size: 12px;
        margin-right: 3px; }

.supplier-bid-detail-wrapper .bid-otherInfo-wrap {
  margin-top: 10px;
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 0px 32px 40px 32px; }
  .supplier-bid-detail-wrapper .bid-otherInfo-wrap .tab-title {
    height: 22px;
    line-height: 22px;
    padding: 24px 24px 0 14px;
    font-size: 16px;
    color: #333;
    position: relative; }
    .supplier-bid-detail-wrapper .bid-otherInfo-wrap .tab-title::before {
      content: ' ';
      width: 2px;
      height: 16px;
      position: absolute;
      background: #E55252;
      left: 0;
      top: calc(50% + 12px);
      transform: translateY(-50%); }
  .supplier-bid-detail-wrapper .bid-otherInfo-wrap .file-wrap {
    margin-top: 20px; }
    .supplier-bid-detail-wrapper .bid-otherInfo-wrap .file-wrap .file-item {
      height: 20px;
      line-height: 20px;
      font-size: 14px;
      color: #333;
      box-sizing: border-box;
      padding-left: 18px;
      margin-bottom: 16px; }
      .supplier-bid-detail-wrapper .bid-otherInfo-wrap .file-wrap .file-item a {
        color: #2450D5; }
  .supplier-bid-detail-wrapper .bid-otherInfo-wrap .normal-table {
    margin-top: 24px; }
  .supplier-bid-detail-wrapper .bid-otherInfo-wrap .buttton-wrap {
    width: 100;
    text-align: center; }
    .supplier-bid-detail-wrapper .bid-otherInfo-wrap .buttton-wrap button {
      width: 164px;
      height: 40px;
      margin-top: 40px;
      line-height: 40px;
      text-align: center;
      border: none;
      background: #D01919;
      color: #FFFFFF;
      font-size: 16px;
      color: #FFFFFF;
      cursor: pointer;
      border-radius: 2px; }
      .supplier-bid-detail-wrapper .bid-otherInfo-wrap .buttton-wrap button + button {
        margin-left: 10px; }
  .supplier-bid-detail-wrapper .bid-otherInfo-wrap .quotaion-info .quota-title {
    padding-left: 18px; }

.supplier-bid-detail-wrapper .layui-layer-btn .layui-layer-btn0 {
  border-color: #dedede !important;
  background-color: #fff !important;
  color: #333; }

.supplier-bid-detail-wrapper .layui-layer-btn .layui-layer-btn1 {
  border-color: #d01919 !important;
  background-color: #d01919 !important;
  color: #fff; }

.supplier-bid-detail-wrapper .required {
  color: #d01919; }

.receipt-upload-dialog {
  display: none; }
  .receipt-upload-dialog .layui-form-checkbox[lay-skin=primary] span {
    color: #2A2E2E; }
  .receipt-upload-dialog .layui-form-checkbox[lay-skin=primary] i {
    border-color: #333; }
  .receipt-upload-dialog .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #d01919 !important; }
  .receipt-upload-dialog .layui-form-checked[lay-skin=primary] i {
    border-color: #d01919 !important;
    background-color: #d01919 !important; }
  .receipt-upload-dialog .receipt-wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 3px 28px;
    font-size: 0;
    white-space: nowrap; }
    .receipt-upload-dialog .receipt-wrap .customupuploadprogress {
      display: none; }
    .receipt-upload-dialog .receipt-wrap .receipt-item {
      width: 130px;
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      cursor: pointer;
      margin-right: 60px; }
      .receipt-upload-dialog .receipt-wrap .receipt-item.active .receipt-icon-wrap img, .receipt-upload-dialog .receipt-wrap .receipt-item:hover .receipt-icon-wrap img {
        opacity: 1; }
      .receipt-upload-dialog .receipt-wrap .receipt-item.active .receipt-text .icon-download, .receipt-upload-dialog .receipt-wrap .receipt-item:hover .receipt-text .icon-download {
        color: #D01919; }
      .receipt-upload-dialog .receipt-wrap .receipt-item.active .receipt-icon-wrap .iconcuowu {
        display: block; }
      .receipt-upload-dialog .receipt-wrap .receipt-item .receipt-title {
        color: #666;
        text-align: center;
        display: block;
        line-height: 24px;
        margin-bottom: 10px; }
      .receipt-upload-dialog .receipt-wrap .receipt-item .placeholder {
        color: #ccc; }
      .receipt-upload-dialog .receipt-wrap .receipt-item .receipt-icon-wrap {
        width: 130px;
        height: 84px;
        box-sizing: border-box;
        border: 1px dashed #D5D8E3;
        position: relative; }
        .receipt-upload-dialog .receipt-wrap .receipt-item .receipt-icon-wrap img {
          width: 48px;
          height: 48px;
          display: block;
          margin: 18px auto;
          opacity: 0.7; }
        .receipt-upload-dialog .receipt-wrap .receipt-item .receipt-icon-wrap .iconcuowu {
          display: none;
          position: absolute;
          right: -8px;
          top: -8px;
          color: #d01919;
          cursor: pointer; }
      .receipt-upload-dialog .receipt-wrap .receipt-item .receipt-text {
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #2450D5;
        font-size: 14px;
        margin: 16px -24px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .receipt-upload-dialog .receipt-wrap .receipt-item .receipt-text .icon-download {
          color: #93959E;
          font-size: 12px;
          margin-left: 2px; }
  .receipt-upload-dialog .agreement-wrap {
    height: 20px;
    line-height: 20px;
    color: #2A2E2E;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 18px;
    margin-top: 45px; }
    .receipt-upload-dialog .agreement-wrap a {
      color: #6989E9; }
    .receipt-upload-dialog .agreement-wrap .form-checkbox-group {
      display: inline-block;
      vertical-align: middle; }
      .receipt-upload-dialog .agreement-wrap .form-checkbox-group .form-check-box-item {
        position: relative;
        width: 16px;
        height: 16px; }
        .receipt-upload-dialog .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"] {
          position: absolute;
          width: 16px;
          height: 16px;
          left: 0;
          right: 0;
          opacity: 0;
          cursor: pointer; }
          .receipt-upload-dialog .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"] + .replace-icon {
            width: 16px;
            height: 16px; }
            .receipt-upload-dialog .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"] + .replace-icon + .replace-checked-icon::before {
              content: ' '; }
          .receipt-upload-dialog .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"]:checked + .replace-icon::before {
            content: ' '; }
          .receipt-upload-dialog .agreement-wrap .form-checkbox-group .form-check-box-item input[type="checkbox"]:checked + .replace-icon + .replace-checked-icon::before {
            content: '\e6e5';
            color: #D01919; }
  .receipt-upload-dialog .required {
    color: #d01919; }

.supplier-quotation-detail-wrapper .tag-box {
  margin-bottom: 20px; }

.supplier-quotation-detail-wrapper .tag {
  padding: 2px 6px;
  vertical-align: middle; }

.supplier-quotation-detail-wrapper .tag-0 {
  background-color: #e0eefe;
  color: #0070f5;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }

.supplier-quotation-detail-wrapper .tag-1 {
  background-color: #daefe1;
  color: #389f59; }

.supplier-quotation-detail-wrapper .tag-2 {
  background-color: #ffeae9;
  color: #d01919; }

.supplier-quotation-detail-wrapper .header-title {
  background: #FFFFFF; }

.supplier-quotation-detail-wrapper .bid-baseInfo-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 32px;
  background: #FFFFFF; }
  .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .info-item {
    display: inline-block;
    width: 300px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle; }
    .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .info-item .info-item-label {
      font-size: 14px;
      color: #5F6064; }
      .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .info-item .info-item-label .iconfont {
        font-size: 14px;
        color: #A6AAB6;
        margin-right: 6px; }
    .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .info-item .info-item-content {
      color: #2A2E2E;
      font-size: 14px; }
  .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .split-row {
    height: 14px; }
  .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .title-wrap {
    width: 100%;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    position: relative;
    font-size: 24px;
    color: #2A2E2E;
    margin: 5px 0 4px 0; }
    .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .title-wrap a {
      color: #2A2E2E;
      font-weight: 600; }
      .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .title-wrap a:hover {
        color: #D01919; }
    .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .title-wrap .status {
      position: absolute;
      right: 0;
      height: 36px;
      padding: 0 16px;
      color: #D01919;
      border-radius: 2px;
      background-color: rgba(208, 25, 25, 0.15);
      font-size: 14px; }
      .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .title-wrap .status em {
        font-size: 12px;
        margin-right: 5px; }
  .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .attachment-wrap {
    height: 36px;
    line-height: 36px;
    font-size: 0;
    margin-top: 20px; }
    .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item {
      display: inline-block;
      height: 36px;
      padding: 0 14px;
      font-size: 14px;
      color: #2450D5;
      box-sizing: border-box;
      border: 1px solid #2450D5;
      border-radius: 2px;
      cursor: pointer; }
      .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item:not(:last-of-type) {
        margin-right: 20px; }
      .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item em {
        font-size: 12px;
        margin-right: 3px; }
    .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item-grey {
      display: inline-block;
      height: 36px;
      padding: 0 14px;
      font-size: 14px;
      color: #ACB5D9;
      box-sizing: border-box;
      border: 1px solid #ACB5D9;
      border-radius: 2px;
      cursor: not-allowed;
      opacity: 0.8; }
      .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item-grey:not(:last-of-type) {
        margin-right: 20px; }
      .supplier-quotation-detail-wrapper .bid-baseInfo-wrap .attachment-wrap .attachment-item-grey em {
        font-size: 12px;
        margin-right: 3px; }

.supplier-quotation-detail-wrapper .bid-otherInfo-wrap {
  margin-top: 10px;
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 0px 32px 40px 32px; }
  .supplier-quotation-detail-wrapper .bid-otherInfo-wrap .tab-title {
    height: 22px;
    line-height: 22px;
    padding: 24px 24px 0 14px;
    font-size: 16px;
    color: #333;
    position: relative; }
    .supplier-quotation-detail-wrapper .bid-otherInfo-wrap .tab-title::before {
      content: ' ';
      width: 2px;
      height: 16px;
      position: absolute;
      background: #E55252;
      left: 0;
      top: calc(50% + 12px);
      transform: translateY(-50%); }
  .supplier-quotation-detail-wrapper .bid-otherInfo-wrap .file-wrap {
    margin-top: 20px; }
    .supplier-quotation-detail-wrapper .bid-otherInfo-wrap .file-wrap .file-item {
      height: 20px;
      line-height: 20px;
      font-size: 14px;
      color: #333;
      box-sizing: border-box;
      padding-left: 18px;
      margin-bottom: 16px; }
      .supplier-quotation-detail-wrapper .bid-otherInfo-wrap .file-wrap .file-item a {
        color: #2450D5; }
      .supplier-quotation-detail-wrapper .bid-otherInfo-wrap .file-wrap .file-item .count {
        color: #D01919; }
  .supplier-quotation-detail-wrapper .bid-otherInfo-wrap .normal-table {
    margin-top: 24px; }
  .supplier-quotation-detail-wrapper .bid-otherInfo-wrap .buttton-wrap {
    width: 100;
    text-align: center; }
    .supplier-quotation-detail-wrapper .bid-otherInfo-wrap .buttton-wrap button {
      width: 164px;
      height: 40px;
      margin-top: 40px;
      line-height: 40px;
      text-align: center;
      border: none;
      background: #D01919;
      color: #FFFFFF;
      font-size: 16px;
      color: #FFFFFF;
      cursor: pointer;
      border-radius: 2px; }

.subscribe-wrapper {
  background: #FFFFFF;
  position: relative; }
  .subscribe-wrapper .panel-pagination {
    box-sizing: border-box;
    border-top: 11px solid #f7f7f7;
    padding-top: 11px;
    height: 83px;
    background-color: #fff; }
  .subscribe-wrapper .table-wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 22px 32px 30px;
    text-align: center; }
    .subscribe-wrapper .table-wrap .common-table .handle-btn {
      width: 78px;
      height: 26px;
      text-align: center;
      line-height: 26px;
      border: 1px solid #D01919;
      color: #D01919;
      border-radius: 2px;
      cursor: pointer;
      transition: all 0.3s; }
      .subscribe-wrapper .table-wrap .common-table .handle-btn:hover {
        background-color: #D01919;
        color: #FFFFFF; }
    .subscribe-wrapper .table-wrap .common-table .project-name {
      color: #2A2E2E;
      font-weight: 600; }
      .subscribe-wrapper .table-wrap .common-table .project-name:hover {
        color: #D01919; }
    .subscribe-wrapper .table-wrap .common-table tbody td {
      line-height: 24px;
      padding: 12px 0; }
    .subscribe-wrapper .table-wrap .common-table tbody .contract-name {
      width: 172px;
      text-align: center;
      position: relative;
      padding: 16px 0;
      line-height: 1.4; }
    .subscribe-wrapper .table-wrap .common-table tbody .dot {
      width: 6px;
      height: 6px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 6px;
      background: #389F59;
      margin-right: 5px; }
      .subscribe-wrapper .table-wrap .common-table tbody .dot.gray {
        background: #A6AAB6; }
  .subscribe-wrapper .header-title {
    position: relative; }
    .subscribe-wrapper .header-title .operate-button {
      width: 70px;
      height: 28px;
      line-height: 28px;
      border: none;
      background: #2450D5;
      color: #FFFFFF;
      font-size: 14px;
      text-align: center;
      position: absolute;
      right: 32px;
      top: 14px;
      cursor: pointer;
      border-radius: 2px; }
  .subscribe-wrapper .base-wrap {
    padding: 20px 32px 0;
    overflow: hidden; }
    .subscribe-wrapper .base-wrap .text-item {
      line-height: 2;
      display: inline-block;
      margin-right: 60px; }
      .subscribe-wrapper .base-wrap .text-item.m-r-0 {
        margin-right: 0; }
      .subscribe-wrapper .base-wrap .text-item .text-item-label {
        color: #5F6064; }
      .subscribe-wrapper .base-wrap .text-item .text-item-value {
        color: #333333; }
    .subscribe-wrapper .base-wrap .handle-btn-list {
      float: right;
      width: 140px; }
    .subscribe-wrapper .base-wrap .handle-btn {
      float: left;
      line-height: 26px;
      cursor: pointer; }
      .subscribe-wrapper .base-wrap .handle-btn + .handle-btn {
        margin-left: 24px; }
      .subscribe-wrapper .base-wrap .handle-btn .iconfont {
        margin-right: 6px;
        color: #5F6064; }
        .subscribe-wrapper .base-wrap .handle-btn .iconfont.iconxiugai {
          color: #2450D5; }
      .subscribe-wrapper .base-wrap .handle-btn .handle-btn-text {
        color: #2A2E2E; }
  .subscribe-wrapper .operate-button-wrap {
    text-align: center;
    margin-top: 42px; }
    .subscribe-wrapper .operate-button-wrap button {
      width: 184px;
      height: 36px;
      line-height: 36px;
      border: none;
      background: #D01919;
      color: #FFFFFF;
      text-align: center;
      font-size: 16px;
      border-radius: 2px;
      cursor: pointer; }

.subscribe-edit-wrapper {
  min-height: 616px !important;
  background: #FFFFFF;
  position: relative; }
  .subscribe-edit-wrapper .layui-form-checked[lay-skin=primary] i {
    border-color: #d01919 !important;
    background-color: #d01919 !important; }
  .subscribe-edit-wrapper .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #d01919 !important; }
  .subscribe-edit-wrapper .layui-form-onswitch {
    border-color: #4E74E6;
    background-color: #4E74E6; }
  .subscribe-edit-wrapper .form-wrap {
    padding: 36px 58px; }
    .subscribe-edit-wrapper .form-wrap .form-item {
      position: relative;
      padding-left: 94px;
      margin-bottom: 28px; }
      .subscribe-edit-wrapper .form-wrap .form-item .form-item-label {
        position: absolute;
        color: #2A2E2E;
        left: 0;
        top: 0;
        line-height: 32px; }
      .subscribe-edit-wrapper .form-wrap .form-item .form-item-value {
        font-size: 0; }
        .subscribe-edit-wrapper .form-wrap .form-item .form-item-value .form-item-btn {
          font-size: 14px;
          display: inline-block;
          text-align: center;
          line-height: 30px;
          width: 90px;
          height: 30px;
          border: 1px solid #A6AAB6;
          border-radius: 3px; }
          .subscribe-edit-wrapper .form-wrap .form-item .form-item-value .form-item-btn.handle {
            cursor: pointer;
            margin-left: 24px; }
            .subscribe-edit-wrapper .form-wrap .form-item .form-item-value .form-item-btn.handle:hover {
              border-color: #D01919;
              background-color: #D01919;
              color: #FFFFFF; }
          .subscribe-edit-wrapper .form-wrap .form-item .form-item-value .form-item-btn.active {
            border-color: #D01919;
            color: #D01919; }
      .subscribe-edit-wrapper .form-wrap .form-item .form-checkbox-group {
        line-height: 30px; }
    .subscribe-edit-wrapper .form-wrap .switch-info {
      line-height: 32px; }
      .subscribe-edit-wrapper .form-wrap .switch-info .layui-form-switch {
        margin-top: 0; }
      .subscribe-edit-wrapper .form-wrap .switch-info .switch-name {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px; }
      .subscribe-edit-wrapper .form-wrap .switch-info .icontishi {
        position: relative;
        margin-left: 4px;
        vertical-align: middle;
        display: inline-block;
        font-size: 14px;
        cursor: pointer; }
        .subscribe-edit-wrapper .form-wrap .switch-info .icontishi:hover {
          color: #d01919; }
    .subscribe-edit-wrapper .form-wrap .switch-code {
      margin-top: 12px; }
      .subscribe-edit-wrapper .form-wrap .switch-code .code-img {
        width: 80px;
        height: 80px; }
      .subscribe-edit-wrapper .form-wrap .switch-code .switch-tip {
        color: #93959E; }
  .subscribe-edit-wrapper .sure-btn {
    width: 184px;
    margin-left: 94px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #D01919;
    color: #FFFFFF;
    border-radius: 2px;
    cursor: pointer; }

.subscribe-dialog {
  display: none; }
  .subscribe-dialog .common-none-data-wrap {
    padding-bottom: 0;
    padding-top: 70px; }
  .subscribe-dialog .top-wrap {
    padding-top: 20px; }
    .subscribe-dialog .top-wrap .layui-form-checkbox span {
      color: black; }
    .subscribe-dialog .top-wrap .reset {
      float: right;
      color: #2450D5;
      margin-right: 20px;
      cursor: pointer; }
      .subscribe-dialog .top-wrap .reset em {
        font-size: 14px;
        margin-right: 5px; }
  .subscribe-dialog .main-wrap {
    overflow: hidden;
    margin-top: 10px; }
    .subscribe-dialog .main-wrap .first-class {
      width: 125px;
      float: left;
      position: relative;
      height: 400px;
      overflow-x: hidden;
      overflow-y: auto; }
      .subscribe-dialog .main-wrap .first-class .first-item {
        margin-top: 20px;
        font-size: 0; }
        .subscribe-dialog .main-wrap .first-class .first-item.href .layui-icon-ok {
          border-color: #d01919 !important;
          background-color: #d01919 !important;
          color: #d01919 !important; }
          .subscribe-dialog .main-wrap .first-class .first-item.href .layui-icon-ok:after {
            content: '';
            position: absolute;
            top: 50%;
            margin-top: -1px;
            left: 3px;
            width: 10px;
            height: 2px;
            background-color: #fff;
            z-index: 1; }
        .subscribe-dialog .main-wrap .first-class .first-item:first-child {
          margin-top: 10px; }
        .subscribe-dialog .main-wrap .first-class .first-item .layui-form-checkbox {
          vertical-align: middle; }
        .subscribe-dialog .main-wrap .first-class .first-item .label {
          color: black;
          vertical-align: middle;
          font-size: 14px;
          cursor: pointer; }
          .subscribe-dialog .main-wrap .first-class .first-item .label.red {
            color: #d01919; }
      .subscribe-dialog .main-wrap .first-class:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 400px;
        width: 1px;
        background: #F6F7FC; }
    .subscribe-dialog .main-wrap .other-class {
      float: left;
      width: 389px;
      height: 400px;
      margin-left: 30px;
      overflow-y: auto;
      overflow-x: hidden; }
      .subscribe-dialog .main-wrap .other-class .layui-form-checkbox {
        display: block;
        float: left;
        margin-top: 20px;
        width: 33%; }
        .subscribe-dialog .main-wrap .other-class .layui-form-checkbox span {
          width: 100%; }

.contract-wrapper {
  position: relative; }
  .contract-wrapper .panel-pagination {
    box-sizing: border-box;
    border-top: 11px solid #f7f7f7;
    padding-top: 11px;
    height: 83px;
    background-color: #fff; }
  .contract-wrapper .header-title {
    position: relative;
    background: #FFFFFF; }
    .contract-wrapper .header-title .operate-button {
      width: 70px;
      height: 28px;
      line-height: 28px;
      border: none;
      background: #2450D5;
      color: #FFFFFF;
      font-size: 14px;
      text-align: center;
      position: absolute;
      right: 32px;
      top: 14px;
      cursor: pointer;
      border-radius: 2px; }
  .contract-wrapper .no-data-wrap {
    position: relative;
    font-size: 14px;
    text-align: center;
    height: 522px;
    background: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    padding-top: 106px;
    display: none; }
    .contract-wrapper .no-data-wrap .icon-wrap {
      width: 120px;
      height: 120px;
      background: url("http://www.jtyh001.com/content/images/icon_noData.png") no-repeat;
      background-size: 120px 120px;
      display: block;
      margin: 0 auto; }
    .contract-wrapper .no-data-wrap .tips {
      height: 20px;
      line-height: 20px;
      color: #666;
      margin-top: 30px; }
  .contract-wrapper .content-wrap {
    background: #FFFFFF; }
    .contract-wrapper .content-wrap .search-param-wrap {
      width: 100%;
      height: 56px;
      box-sizing: border-box;
      padding: 12px 20px;
      font-size: 0;
      position: relative; }
      .contract-wrapper .content-wrap .search-param-wrap .layui-form-select {
        width: 188px;
        display: inline-block;
        height: 32px;
        margin-right: 24px;
        font-size: 14px;
        vertical-align: middle; }
        .contract-wrapper .content-wrap .search-param-wrap .layui-form-select .layui-input {
          height: 32px !important;
          line-height: 32px !important;
          border: 1px solid #D8DBE5;
          border-radius: 4px; }
      .contract-wrapper .content-wrap .search-param-wrap::after {
        content: ' ';
        width: 100%;
        height: 1px;
        background: #DEE0E8;
        position: absolute;
        left: 0;
        bottom: 0; }
      .contract-wrapper .content-wrap .search-param-wrap .search-param-input,
      .contract-wrapper .content-wrap .search-param-wrap .search-param-select {
        width: 188px;
        height: 32px;
        line-height: 32px;
        padding: 0;
        background-color: #FFFFFF;
        border: 1px solid #D8DBE5;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 0 12px;
        display: inline-block;
        font-size: 14px;
        vertical-align: middle;
        margin-right: 24px; }
      .contract-wrapper .content-wrap .search-param-wrap .search-btn {
        width: 76px;
        height: 32px;
        line-height: 30px;
        background: #D01919;
        display: inline-block;
        vertical-align: middle;
        border: none;
        color: #FFFFFF;
        font-size: 14px;
        border-radius: 2px;
        cursor: pointer; }
        .contract-wrapper .content-wrap .search-param-wrap .search-btn .iconfont {
          font-size: 14px; }
    .contract-wrapper .content-wrap .table-wrap {
      width: 100%;
      box-sizing: border-box;
      padding: 30px 32px;
      text-align: center; }
      .contract-wrapper .content-wrap .table-wrap .common-table tbody td {
        line-height: 24px;
        padding: 12px 0; }
      .contract-wrapper .content-wrap .table-wrap .common-table tbody .contract-name {
        width: 172px;
        text-align: center;
        position: relative;
        padding: 16px 0;
        line-height: 1.4; }
      .contract-wrapper .content-wrap .table-wrap .common-table tbody .dot {
        width: 6px;
        height: 6px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 6px;
        background: #389F59;
        margin-right: 5px; }
        .contract-wrapper .content-wrap .table-wrap .common-table tbody .dot.gray {
          background: #A6AAB6; }

.supplier-contract-detail-wrapper .header-title {
  background: #FFFFFF; }

.supplier-contract-detail-wrapper .contract-baseInfo-wrap {
  width: 100%;
  min-height: 260px;
  box-sizing: border-box;
  padding: 32px;
  background: #FFFFFF; }
  .supplier-contract-detail-wrapper .contract-baseInfo-wrap .warning-tips {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #FCF8EF;
    border: 1px solid #F5EBD6;
    color: #D01919;
    box-sizing: border-box;
    padding: 0 12px;
    font-size: 14px;
    margin-bottom: 19px; }
    .supplier-contract-detail-wrapper .contract-baseInfo-wrap .warning-tips em {
      vertical-align: middle; }
  .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap {
    padding-top: 9px;
    position: relative; }
    .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .status-wrap {
      width: 80px;
      height: 80px;
      position: absolute;
      right: 0;
      top: 0;
      color: #4E74E6; }
      .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .status-wrap.green {
        color: #389F59; }
      .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .status-wrap .iconfont {
        width: 100%;
        height: 100%;
        font-size: 76px; }
      .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .status-wrap .status-text {
        position: absolute;
        left: 49%;
        top: 50%;
        font-size: 15px;
        width: 80px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        transform: translate(-50%, -50%) rotate(-15deg); }
    .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .info-item {
      display: inline-block;
      width: 300px;
      min-height: 20px;
      line-height: 20px;
      vertical-align: top; }
      .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .info-item .info-item-label {
        font-size: 14px;
        color: #5F6064; }
      .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .info-item .info-item-content {
        color: #2A2E2E;
        font-size: 14px; }
      .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .info-item.break-row {
        font-size: 0; }
        .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .info-item.break-row .info-item-label {
          width: 102px;
          display: inline-block;
          vertical-align: top; }
        .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .info-item.break-row .info-item-content {
          width: 198px;
          display: inline-block;
          vertical-align: top; }
    .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .split-row {
      height: 14px; }
    .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .title-wrap {
      width: 100%;
      height: 36px;
      line-height: 36px;
      box-sizing: border-box;
      position: relative;
      font-size: 24px;
      color: #2A2E2E;
      margin: 5px 0 24px 0; }
      .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .title-wrap .icon-wrap {
        width: 28px;
        height: 28px;
        background: #4E74E6;
        display: inline-block;
        vertical-align: top;
        border-radius: 4px;
        position: relative;
        top: 4px;
        color: #FFFFFF;
        box-sizing: border-box;
        padding: 7px;
        margin-right: 5px; }
        .supplier-contract-detail-wrapper .contract-baseInfo-wrap .main-wrap .title-wrap .icon-wrap .iconfont {
          width: 14px;
          height: 14px;
          font-size: 14px;
          position: relative;
          top: -14px;
          left: 1px; }

.supplier-contract-detail-wrapper .bid-otherInfo-wrap {
  margin-top: 10px;
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 0px 32px 40px 32px; }
  .supplier-contract-detail-wrapper .bid-otherInfo-wrap .tab-title {
    height: 22px;
    line-height: 22px;
    padding: 24px 24px 0 14px;
    font-size: 16px;
    color: #333;
    position: relative; }
    .supplier-contract-detail-wrapper .bid-otherInfo-wrap .tab-title::before {
      content: ' ';
      width: 2px;
      height: 16px;
      position: absolute;
      background: #E55252;
      left: 0;
      top: calc(50% + 12px);
      transform: translateY(-50%); }
  .supplier-contract-detail-wrapper .bid-otherInfo-wrap .common-table {
    margin-top: 20px; }
    .supplier-contract-detail-wrapper .bid-otherInfo-wrap .common-table tbody td.goods-info {
      width: 320px;
      padding: 10px; }
      .supplier-contract-detail-wrapper .bid-otherInfo-wrap .common-table tbody td.goods-info .goods-info-wrap {
        font-size: 0; }
        .supplier-contract-detail-wrapper .bid-otherInfo-wrap .common-table tbody td.goods-info .goods-info-wrap .icon-wrap {
          position: relative;
          width: 92px;
          height: 87px;
          display: inline-block;
          vertical-align: middle;
          margin-right: 10px;
          line-height: 87px; }
          .supplier-contract-detail-wrapper .bid-otherInfo-wrap .common-table tbody td.goods-info .goods-info-wrap .icon-wrap img {
            max-width: 92px;
            max-height: 87px;
            vertical-align: middle; }
          .supplier-contract-detail-wrapper .bid-otherInfo-wrap .common-table tbody td.goods-info .goods-info-wrap .icon-wrap .bg-img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1; }
        .supplier-contract-detail-wrapper .bid-otherInfo-wrap .common-table tbody td.goods-info .goods-info-wrap .text-wrap {
          display: inline-block;
          vertical-align: middle;
          font-size: 14px;
          width: 200px;
          text-align: left; }
          .supplier-contract-detail-wrapper .bid-otherInfo-wrap .common-table tbody td.goods-info .goods-info-wrap .text-wrap p {
            line-height: 1.6;
            word-break: break-word;
            white-space: pre-wrap; }
            .supplier-contract-detail-wrapper .bid-otherInfo-wrap .common-table tbody td.goods-info .goods-info-wrap .text-wrap p.sku-code {
              margin-bottom: 5px; }

.order-wrapper {
  position: relative; }
  .order-wrapper .panel-pagination {
    box-sizing: border-box;
    border-top: 11px solid #f7f7f7;
    padding-top: 11px;
    height: 83px;
    background-color: #fff; }
  .order-wrapper .header-title {
    position: relative;
    background: #FFFFFF; }
    .order-wrapper .header-title.tab-wrap {
      font-size: 0;
      padding: 0 !important; }
      .order-wrapper .header-title.tab-wrap .tab-item {
        width: 108px;
        height: 56px;
        line-height: 56px;
        display: inline-block;
        position: relative;
        font-size: 16px;
        color: #2A2E2E;
        text-align: center;
        cursor: pointer; }
        .order-wrapper .header-title.tab-wrap .tab-item:not(:first-of-type)::before {
          content: ' ';
          width: 1px;
          height: 22px;
          background: #dee0E8;
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -11px; }
        .order-wrapper .header-title.tab-wrap .tab-item.active {
          color: #D01919; }
          .order-wrapper .header-title.tab-wrap .tab-item.active .active-bottom-side {
            display: block; }
        .order-wrapper .header-title.tab-wrap .tab-item .active-bottom-side {
          position: absolute;
          width: 100%;
          height: 3px;
          background: #D01919;
          left: 0;
          bottom: 0;
          display: none; }
          .order-wrapper .header-title.tab-wrap .tab-item .active-bottom-side::before {
            content: ' ';
            width: 0;
            height: 0;
            border: 4px solid;
            border-color: transparent transparent #D01919;
            position: absolute;
            bottom: 3px;
            left: 50%;
            transform: translateX(-50%); }
  .order-wrapper .content-wrap {
    background: #FFFFFF; }
    .order-wrapper .content-wrap .search-param-wrap {
      width: 100%;
      min-height: 56px;
      box-sizing: border-box;
      padding: 16px 20px 0 20px;
      font-size: 0;
      position: relative; }
      .order-wrapper .content-wrap .search-param-wrap::after {
        content: ' ';
        width: 100%;
        height: 1px;
        background: #DEE0E8;
        position: absolute;
        left: 0;
        bottom: 0; }
      .order-wrapper .content-wrap .search-param-wrap .search-param-item {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        margin-bottom: 16px; }
        .order-wrapper .content-wrap .search-param-wrap .search-param-item label {
          color: #2A2E2E; }
        .order-wrapper .content-wrap .search-param-wrap .search-param-item .search-param-input,
        .order-wrapper .content-wrap .search-param-wrap .search-param-item .search-param-select {
          width: 188px;
          height: 32px;
          line-height: 32px;
          padding: 0;
          background-color: #FFFFFF;
          border: 1px solid #D8DBE5;
          border-radius: 4px;
          box-sizing: border-box;
          padding: 0 12px;
          display: inline-block;
          font-size: 14px;
          vertical-align: middle;
          margin-right: 24px; }
      .order-wrapper .content-wrap .search-param-wrap .search-btn {
        width: 76px;
        height: 32px;
        line-height: 30px;
        background: #D01919;
        display: inline-block;
        vertical-align: middle;
        border: none;
        color: #FFFFFF;
        font-size: 14px;
        border-radius: 2px;
        cursor: pointer; }
        .order-wrapper .content-wrap .search-param-wrap .search-btn .iconfont {
          font-size: 14px; }
    .order-wrapper .content-wrap .no-data-wrap {
      position: relative;
      font-size: 14px;
      text-align: center;
      height: 408px;
      background: #FFFFFF;
      width: 100%;
      box-sizing: border-box;
      padding-top: 106px;
      display: none; }
      .order-wrapper .content-wrap .no-data-wrap .icon-wrap {
        width: 120px;
        height: 120px;
        background: url("http://www.jtyh001.com/content/images/icon_noData.png") no-repeat;
        background-size: 120px 120px;
        display: block;
        margin: 0 auto; }
      .order-wrapper .content-wrap .no-data-wrap .tips {
        height: 20px;
        line-height: 20px;
        color: #666;
        margin-top: 30px; }
    .order-wrapper .content-wrap .table-wrap {
      width: 100%;
      box-sizing: border-box;
      padding: 16px 0;
      text-align: center; }
      .order-wrapper .content-wrap .table-wrap .common-table thead {
        height: 40px;
        line-height: 40px; }
      .order-wrapper .content-wrap .table-wrap .common-table tbody tr td:not(:last-of-type) {
        border-right: 1px solid #EBECF2; }
      .order-wrapper .content-wrap .table-wrap .common-table tbody td.order-info {
        box-sizing: border-box;
        height: 44px;
        line-height: 44px;
        background: #F8F8F8;
        border-bottom: 1px solid #EBECF2;
        box-sizing: border-box;
        padding: 0 20px;
        color: #333; }
        .order-wrapper .content-wrap .table-wrap .common-table tbody td.order-info span {
          margin-right: 60px; }
      .order-wrapper .content-wrap .table-wrap .common-table tbody td.goods-info {
        width: 320px;
        padding: 20px 10px 20px 25px; }
        .order-wrapper .content-wrap .table-wrap .common-table tbody td.goods-info .goods-info-wrap {
          font-size: 0; }
          .order-wrapper .content-wrap .table-wrap .common-table tbody td.goods-info .goods-info-wrap .icon-wrap {
            width: 84px;
            height: 84px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 26px;
            box-sizing: border-box;
            line-height: 84px;
            position: relative; }
            .order-wrapper .content-wrap .table-wrap .common-table tbody td.goods-info .goods-info-wrap .icon-wrap img {
              max-height: 84px;
              max-width: 84px;
              vertical-align: middle;
              cursor: pointer; }
            .order-wrapper .content-wrap .table-wrap .common-table tbody td.goods-info .goods-info-wrap .icon-wrap .bg-img {
              position: absolute;
              z-index: 2;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0; }
          .order-wrapper .content-wrap .table-wrap .common-table tbody td.goods-info .goods-info-wrap .text-wrap {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            width: 200px;
            text-align: left; }
            .order-wrapper .content-wrap .table-wrap .common-table tbody td.goods-info .goods-info-wrap .text-wrap .sku-code,
            .order-wrapper .content-wrap .table-wrap .common-table tbody td.goods-info .goods-info-wrap .text-wrap .info {
              line-height: 1.6;
              word-break: break-word;
              white-space: pre-wrap; }
            .order-wrapper .content-wrap .table-wrap .common-table tbody td.goods-info .goods-info-wrap .text-wrap .sku-code {
              margin-bottom: 5px;
              color: #D01919;
              display: block; }
      .order-wrapper .content-wrap .table-wrap .common-table tbody td .operate-wrap {
        display: block;
        text-align: center; }
        .order-wrapper .content-wrap .table-wrap .common-table tbody td .operate-wrap .link {
          display: block;
          height: 20px;
          line-height: 20px;
          color: #D01919; }
        .order-wrapper .content-wrap .table-wrap .common-table tbody td .operate-wrap .send-button {
          display: block;
          width: 70px;
          height: 30px;
          line-height: 30px;
          color: #333;
          background: #F6F7FC;
          border: none;
          margin: 22px auto 0 auto;
          cursor: pointer;
          border-radius: 2px;
          border: 1px solid #D0D2D9;
          box-sizing: border-box; }
      .order-wrapper .content-wrap .table-wrap .common-table tbody .contract-name {
        width: 172px;
        text-align: center;
        position: relative;
        padding: 16px 0;
        line-height: 1.4; }
      .order-wrapper .content-wrap .table-wrap .common-table tbody .dot {
        width: 6px;
        height: 6px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 6px;
        background: #389F59;
        margin-right: 5px; }
        .order-wrapper .content-wrap .table-wrap .common-table tbody .dot.gray {
          background: #A6AAB6; }

.supplier-order-detail-wrapper .tab-title {
  height: 22px;
  line-height: 22px;
  padding: 20px 0 0 14px;
  font-size: 16px;
  color: #333;
  position: relative; }
  .supplier-order-detail-wrapper .tab-title::before {
    content: ' ';
    width: 2px;
    height: 16px;
    position: absolute;
    background: #E55252;
    left: 0;
    top: calc(50% + 12px);
    transform: translateY(-50%); }
  .supplier-order-detail-wrapper .tab-title .tips {
    font-size: 13px;
    color: #D01919;
    vertical-align: middle; }
    .supplier-order-detail-wrapper .tab-title .tips i {
      vertical-align: middle;
      margin-right: 5px;
      margin-left: 5px; }
  .supplier-order-detail-wrapper .tab-title a {
    font-size: 14px; }

.supplier-order-detail-wrapper .header-title {
  background: #FFFFFF; }
  .supplier-order-detail-wrapper .header-title.tab-wrap {
    font-size: 0;
    padding: 0 !important; }
    .supplier-order-detail-wrapper .header-title.tab-wrap .tab-item {
      width: 108px;
      height: 56px;
      line-height: 56px;
      display: inline-block;
      position: relative;
      font-size: 16px;
      color: #2A2E2E;
      text-align: center;
      cursor: pointer; }
      .supplier-order-detail-wrapper .header-title.tab-wrap .tab-item:not(:first-of-type)::before {
        content: ' ';
        width: 1px;
        height: 22px;
        background: #dee0E8;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px; }
      .supplier-order-detail-wrapper .header-title.tab-wrap .tab-item.active {
        color: #D01919; }
        .supplier-order-detail-wrapper .header-title.tab-wrap .tab-item.active .active-bottom-side {
          display: block; }
      .supplier-order-detail-wrapper .header-title.tab-wrap .tab-item.shipments {
        display: none; }
        .supplier-order-detail-wrapper .header-title.tab-wrap .tab-item.shipments::before {
          background: none; }
      .supplier-order-detail-wrapper .header-title.tab-wrap .tab-item .active-bottom-side {
        position: absolute;
        width: 100%;
        height: 3px;
        background: #D01919;
        left: 0;
        bottom: 0;
        display: none; }
        .supplier-order-detail-wrapper .header-title.tab-wrap .tab-item .active-bottom-side::before {
          content: ' ';
          width: 0;
          height: 0;
          border: 4px solid;
          border-color: transparent transparent #D01919;
          position: absolute;
          bottom: 3px;
          left: 50%;
          transform: translateX(-50%); }

.supplier-order-detail-wrapper .order-info-wrap {
  padding: 20px 32px;
  background: #FFFFFF; }
  .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap {
    font-size: 0;
    box-sizing: border-box;
    border: 1px solid #EBEBED;
    overflow: hidden; }
    .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap {
      width: 50%;
      display: inline-block;
      font-size: 14px;
      vertical-align: top;
      position: relative; }
      .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap + .info-wrap:after {
        content: ' ';
        width: 1px;
        height: 1000px;
        position: absolute;
        left: 0;
        top: 0;
        background: #EBEBED; }
      .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap .info-title {
        height: 36px;
        line-height: 36px;
        background: #F8F8F8;
        box-sizing: border-box;
        padding: 0 24px;
        color: #333;
        margin-bottom: 24px; }
      .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap .order-status-wrap {
        height: 28px;
        line-height: 28px;
        position: relative;
        padding: 0 24px;
        margin: 0 0 16px 0;
        font-size: 0; }
        .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap .order-status-wrap em {
          font-size: 24px;
          color: #4E74E6;
          vertical-align: middle; }
        .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap .order-status-wrap span {
          font-size: 14px;
          color: #2A2E2E;
          vertical-align: middle;
          margin-left: 5px; }
        .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap .order-status-wrap .btn {
          width: 108px;
          height: 28px;
          line-height: 16px;
          background: #F6F7FC;
          border: 1px solid #A6AAB6;
          box-sizing: border-box;
          text-align: center;
          position: absolute;
          right: 24px;
          top: 0;
          color: #333;
          font-size: 14px;
          border-radius: 2px;
          vertical-align: middle; }
      .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap .info-item {
        box-sizing: border-box;
        padding: 0 24px;
        min-height: 20px;
        line-height: 20px;
        margin-bottom: 14px;
        font-size: 0; }
        .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap .info-item .info-item-label {
          width: 70px;
          text-align: right;
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
          color: #5F6064; }
        .supplier-order-detail-wrapper .order-info-wrap .base-info-wrap .info-wrap .info-item .info-item-content {
          width: 348px;
          text-align: left;
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
          color: #2A2E2E; }
  .supplier-order-detail-wrapper .order-info-wrap .common-table {
    margin-top: 10px; }
    .supplier-order-detail-wrapper .order-info-wrap .common-table tbody td.statistics {
      background: #F8F8F8;
      text-align: right;
      padding: 20px 32px 32px 20px; }
      .supplier-order-detail-wrapper .order-info-wrap .common-table tbody td.statistics .label-wrap,
      .supplier-order-detail-wrapper .order-info-wrap .common-table tbody td.statistics .value-wrap {
        display: inline-block;
        vertical-align: middle; }
        .supplier-order-detail-wrapper .order-info-wrap .common-table tbody td.statistics .label-wrap p,
        .supplier-order-detail-wrapper .order-info-wrap .common-table tbody td.statistics .value-wrap p {
          height: 20px;
          line-height: 20px;
          margin-bottom: 16px; }
          .supplier-order-detail-wrapper .order-info-wrap .common-table tbody td.statistics .label-wrap p.label-total,
          .supplier-order-detail-wrapper .order-info-wrap .common-table tbody td.statistics .value-wrap p.label-total {
            margin-bottom: 0;
            font-weight: 500; }
          .supplier-order-detail-wrapper .order-info-wrap .common-table tbody td.statistics .label-wrap p.value-total,
          .supplier-order-detail-wrapper .order-info-wrap .common-table tbody td.statistics .value-wrap p.value-total {
            font-size: 20px;
            color: #D01919;
            font-weight: 600;
            margin-bottom: 0; }

.supplier-order-detail-wrapper .shipments-list-wrap {
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 25px 32px; }
  .supplier-order-detail-wrapper .shipments-list-wrap .common-table {
    margin-top: 0; }
    .supplier-order-detail-wrapper .shipments-list-wrap .common-table thead th {
      border-right: none; }
      .supplier-order-detail-wrapper .shipments-list-wrap .common-table thead th:last-of-type {
        border-right: 1px solid #EBECF2;
        border-left: 1px solid #EBECF2; }
      .supplier-order-detail-wrapper .shipments-list-wrap .common-table thead th.logistics {
        width: 330px; }
    .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td {
      border-right: none; }
      .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td:nth-of-type(5) {
        border-right: 1px solid #EBECF2;
        border-left: 1px solid #EBECF2; }
      .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td.order-info {
        box-sizing: border-box;
        height: 44px;
        line-height: 44px;
        background: #F8F8F8;
        border-bottom: 1px solid #EBECF2;
        box-sizing: border-box;
        padding: 0 20px;
        color: #333;
        position: relative;
        border-right: 1px solid #EBECF2; }
        .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td.order-info span {
          margin-right: 40px; }
        .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td.order-info .print-btn {
          width: 54px;
          height: 28px;
          line-height: 26px;
          background: #F6F7FC;
          text-align: center;
          font-size: 14px;
          color: #333;
          box-sizing: border-box;
          border-radius: 2px;
          border: 1px solid #A6AAB6;
          position: absolute;
          right: 20px;
          top: 50%;
          margin-top: -14px;
          cursor: pointer; }
      .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td .logistics-info {
        box-sizing: border-box;
        padding: 0 25px;
        text-align: left;
        font-size: 14px;
        color: #333; }
        .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td .logistics-info p {
          height: 20px;
          line-height: 20px; }
          .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td .logistics-info p:not(:last-of-type) {
            margin-bottom: 16px; }
          .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td .logistics-info p.align-center {
            text-align: center; }
        .supplier-order-detail-wrapper .shipments-list-wrap .common-table tbody tr td .logistics-info .button {
          width: 108px;
          height: 28px;
          line-height: 26px;
          display: block;
          margin: 12px auto 0 auto;
          text-align: center;
          background: #F6F7FC;
          border: 1px solid #A6AAB6;
          box-sizing: border-box;
          color: #333;
          font-size: 14px;
          cursor: pointer;
          border-radius: 2px; }

.supplier-order-detail-wrapper .shipments-wrap {
  padding: 20px 32px;
  background: #FFFFFF; }
  .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap {
    font-size: 0;
    box-sizing: border-box;
    border: 1px solid #EBEBED; }
    .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .info-title {
      height: 36px;
      line-height: 36px;
      background: #F8F8F8;
      box-sizing: border-box;
      padding: 0 24px;
      color: #333;
      margin-bottom: 24px;
      font-size: 14px;
      font-weight: 500; }
    .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .order-status-wrap {
      height: 28px;
      line-height: 28px;
      position: relative;
      padding: 0 24px;
      margin: 0 0 16px 0; }
      .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .order-status-wrap em {
        font-size: 24px;
        color: #4E74E6;
        vertical-align: top;
        display: inline-block;
        margin-right: 12px; }
      .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .order-status-wrap span {
        font-size: 14px;
        color: #2A2E2E;
        font-weight: 500; }
      .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .order-status-wrap button {
        width: 108px;
        height: 28px;
        line-height: 26px;
        background: #F6F7FC;
        border: 1px solid #A6AAB6;
        box-sizing: border-box;
        text-align: center;
        position: absolute;
        right: 24px;
        top: 0;
        color: #333;
        font-size: 14px;
        border-radius: 2px; }
    .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .info-detail {
      font-size: 0; }
      .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .info-detail .info-item {
        box-sizing: border-box;
        padding: 0 24px;
        min-height: 20px;
        line-height: 20px;
        margin-bottom: 14px;
        font-size: 0;
        width: 50%;
        vertical-align: middle;
        display: inline-block; }
        .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .info-detail .info-item.break-row {
          width: 100%; }
          .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .info-detail .info-item.break-row .info-item-content {
            width: 788px; }
        .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .info-detail .info-item .info-item-label {
          width: 70px;
          text-align: right;
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
          color: #2A2E2E;
          font-weight: 500; }
        .supplier-order-detail-wrapper .shipments-wrap .base-info-wrap .info-detail .info-item .info-item-content {
          width: 348px;
          text-align: left;
          display: inline-block;
          vertical-align: top;
          font-size: 14px;
          color: #2A2E2E; }
  .supplier-order-detail-wrapper .shipments-wrap .common-table tbody td .td-input {
    width: 76px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #F6F7FC;
    border: none;
    border-radius: 2px;
    color: #333; }
  .supplier-order-detail-wrapper .shipments-wrap .button-wrap {
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin: 20px 0; }
    .supplier-order-detail-wrapper .shipments-wrap .button-wrap button {
      width: 132px;
      height: 40px;
      line-height: 38px;
      border: 0;
      outline: none;
      cursor: pointer;
      border-radius: 2px;
      font-size: 16px;
      box-sizing: border-box; }
      .supplier-order-detail-wrapper .shipments-wrap .button-wrap button:not(:last-of-type) {
        margin-right: 20px; }
      .supplier-order-detail-wrapper .shipments-wrap .button-wrap button.cancel {
        border: 1px solid #999;
        background: #FFFFFF;
        color: #5F6064; }
      .supplier-order-detail-wrapper .shipments-wrap .button-wrap button.confirm {
        border: 1px solid #D01919;
        background: #D01919;
        color: #FFFFFF; }

.supplier-order-detail-wrapper .common-table {
  margin-top: 20px; }
  .supplier-order-detail-wrapper .common-table thead {
    height: 40px;
    line-height: 40px; }
  .supplier-order-detail-wrapper .common-table tbody td.goods-info {
    width: 320px;
    padding: 20px 10px 20px 25px; }
    .supplier-order-detail-wrapper .common-table tbody td.goods-info .goods-info-wrap {
      font-size: 0; }
      .supplier-order-detail-wrapper .common-table tbody td.goods-info .goods-info-wrap .icon-wrap {
        width: 84px;
        height: 84px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 26px;
        box-sizing: border-box;
        line-height: 84px;
        position: relative; }
        .supplier-order-detail-wrapper .common-table tbody td.goods-info .goods-info-wrap .icon-wrap img {
          max-height: 84px;
          max-width: 84px;
          vertical-align: middle;
          cursor: pointer; }
        .supplier-order-detail-wrapper .common-table tbody td.goods-info .goods-info-wrap .icon-wrap .bg-img {
          position: absolute;
          z-index: 2;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0; }
      .supplier-order-detail-wrapper .common-table tbody td.goods-info .goods-info-wrap .text-wrap {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        width: 200px;
        text-align: left; }
        .supplier-order-detail-wrapper .common-table tbody td.goods-info .goods-info-wrap .text-wrap .info {
          line-height: 1.6;
          word-break: break-word;
          white-space: pre-wrap; }
        .supplier-order-detail-wrapper .common-table tbody td.goods-info .goods-info-wrap .text-wrap .sku-code {
          margin-bottom: 5px;
          color: #D01919;
          display: block;
          line-height: 1.6; }

.logistics-service-dialog {
  display: none; }
  .logistics-service-dialog .form-wrap-conatiner .layui-form-select {
    width: 312px; }
  .logistics-service-dialog .form-wrap-conatiner .form-item .form-item-label {
    width: 142px; }
  .logistics-service-dialog .form-wrap-conatiner .form-item.logistics {
    display: none; }

.arrival-time-dialog {
  display: none; }
  .arrival-time-dialog .dialog-content {
    padding: 60px 32px 26px 32px !important; }
  .arrival-time-dialog .form-wrap-conatiner .form-item {
    text-align: center; }
    .arrival-time-dialog .form-wrap-conatiner .form-item .form-item-content .form-input {
      width: 360px; }

.quota-edit-detail-wrapper .layui-form-checked[lay-skin=primary] i {
  border-color: #d01919 !important;
  background-color: #d01919 !important; }

.quota-edit-detail-wrapper .layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #d01919 !important; }

.quota-edit-detail-wrapper .validationMessage {
  position: absolute;
  color: #d01919;
  font-size: 14px;
  line-height: 20px;
  top: auto;
  left: 20px;
  bottom: -20px;
  z-index: 10; }

.quota-edit-detail-wrapper .edit-table td {
  position: relative; }
  .quota-edit-detail-wrapper .edit-table td .unit {
    position: absolute;
    left: 226px; }

.quota-edit-detail-wrapper button.cancel {
  border: 1px solid #999 !important;
  background: #FFFFFF !important;
  color: #5F6064 !important;
  vertical-align: top;
  margin-right: 10px; }

.quota-edit-detail-wrapper .required {
  color: #d01919; }

.quota-edit-detail-wrapper .tab-title .tips {
  color: #FF9900;
  font-size: 13px;
  margin-left: 10px; }

.quota-edit-detail-wrapper .layui-form {
  margin-top: 20px; }
  .quota-edit-detail-wrapper .layui-form .layui-table-edit {
    line-height: 38px !important;
    height: 38px !important; }
    .quota-edit-detail-wrapper .layui-form .layui-table-edit:focus {
      border-color: #d01919 !important; }
  .quota-edit-detail-wrapper .layui-form .layui-table-page {
    text-align: right; }
    .quota-edit-detail-wrapper .layui-form .layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
      background-color: #d01919; }
    .quota-edit-detail-wrapper .layui-form .layui-table-page .layui-laypage a:hover {
      color: #d01919; }
    .quota-edit-detail-wrapper .layui-form .layui-table-page .layui-laypage input:focus, .quota-edit-detail-wrapper .layui-form .layui-table-page .layui-laypage select:focus {
      border-color: #d01919 !important; }

.quota-edit-detail-wrapper .receipt-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 28px 0;
  font-size: 0; }
  .quota-edit-detail-wrapper .receipt-wrap .customupuploadprogress {
    display: none; }
  .quota-edit-detail-wrapper .receipt-wrap .receipt-item {
    width: 130px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
    margin-right: 60px; }
    .quota-edit-detail-wrapper .receipt-wrap .receipt-item.active .receipt-icon-wrap img, .quota-edit-detail-wrapper .receipt-wrap .receipt-item:hover .receipt-icon-wrap img {
      opacity: 1; }
    .quota-edit-detail-wrapper .receipt-wrap .receipt-item.active .receipt-text .icon-download, .quota-edit-detail-wrapper .receipt-wrap .receipt-item:hover .receipt-text .icon-download {
      color: #D01919; }
    .quota-edit-detail-wrapper .receipt-wrap .receipt-item.active .receipt-icon-wrap .iconcuowu {
      display: block; }
    .quota-edit-detail-wrapper .receipt-wrap .receipt-item .receipt-title {
      color: #666;
      text-align: center;
      display: block;
      line-height: 24px;
      margin-bottom: 10px; }
    .quota-edit-detail-wrapper .receipt-wrap .receipt-item .placeholder {
      color: #ccc; }
    .quota-edit-detail-wrapper .receipt-wrap .receipt-item .receipt-icon-wrap {
      width: 130px;
      height: 84px;
      box-sizing: border-box;
      border: 1px dashed #D5D8E3;
      position: relative; }
      .quota-edit-detail-wrapper .receipt-wrap .receipt-item .receipt-icon-wrap img {
        width: 48px;
        height: 48px;
        display: block;
        margin: 18px auto;
        opacity: 0.7; }
      .quota-edit-detail-wrapper .receipt-wrap .receipt-item .receipt-icon-wrap .iconcuowu {
        display: none;
        position: absolute;
        right: -8px;
        top: -8px;
        color: #d01919;
        cursor: pointer; }
    .quota-edit-detail-wrapper .receipt-wrap .receipt-item .receipt-text {
      height: 20px;
      line-height: 20px;
      text-align: center;
      color: #2450D5;
      font-size: 14px;
      margin: 16px -24px 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .quota-edit-detail-wrapper .receipt-wrap .receipt-item .receipt-text .icon-download {
        color: #93959E;
        font-size: 12px;
        margin-left: 2px; }

.quota-edit-detail-wrapper .normal-table {
  width: 100%;
  border: 1px solid #EBEBED; }
  .quota-edit-detail-wrapper .normal-table tbody tr td .form-select {
    height: 32px;
    line-height: 32px;
    border: 1px solid #EBEBED;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0 10px; }
    .quota-edit-detail-wrapper .normal-table tbody tr td .form-select:disabled {
      background: #ffffff !important;
      color: #999;
      cursor: not-allowed; }
  .quota-edit-detail-wrapper .normal-table tbody tr td .form-input {
    width: 230px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #EBEBED;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0 10px; }
    .quota-edit-detail-wrapper .normal-table tbody tr td .form-input:disabled {
      background: #ffffff !important;
      color: #999;
      cursor: not-allowed; }

.quota-edit-detail-wrapper th[data-field=needPrice] span:before, .quota-edit-detail-wrapper th[data-field=needMaterial] span:before {
  content: '*';
  color: #d01919; }

.admin-text-center {
  text-align: center; }

.admin-text-right {
  text-align: right; }

.admin-text-left {
  text-align: left; }

.admin-position {
  position: relative; }

.admin-fl {
  float: left; }

.admin-fr {
  float: right; }

.admin-clearfix:before,
.admin-clearfix:after {
  display: table;
  content: ''; }

.admin-clearfix:after {
  clear: both; }

.admin-m-0 {
  margin: 0px !important; }

.admin-m-h-side-0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.admin-m-v-side-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.admin-mt-0 {
  margin-top: 0px !important; }

.admin-mr-0 {
  margin-right: 0px !important; }

.admin-mb-0 {
  margin-bottom: 0px !important; }

.admin-ml-0 {
  margin-left: 0px !important; }

.admin-p-0 {
  padding: 0px !important; }

.admin-p-h-side-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.admin-p-v-side-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.admin-pt-0 {
  padding-top: 0px !important; }

.admin-pr-0 {
  padding-right: 0px !important; }

.admin-pb-0 {
  padding-bottom: 0px !important; }

.admin-pl-0 {
  padding-left: 0px !important; }

.admin-m-5 {
  margin: 5px !important; }

.admin-m-h-side-5 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.admin-m-v-side-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.admin-mt-5 {
  margin-top: 5px !important; }

.admin-mr-5 {
  margin-right: 5px !important; }

.admin-mb-5 {
  margin-bottom: 5px !important; }

.admin-ml-5 {
  margin-left: 5px !important; }

.admin-p-5 {
  padding: 5px !important; }

.admin-p-h-side-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.admin-p-v-side-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.admin-pt-5 {
  padding-top: 5px !important; }

.admin-pr-5 {
  padding-right: 5px !important; }

.admin-pb-5 {
  padding-bottom: 5px !important; }

.admin-pl-5 {
  padding-left: 5px !important; }

.admin-m-10 {
  margin: 10px !important; }

.admin-m-h-side-10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.admin-m-v-side-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.admin-mt-10 {
  margin-top: 10px !important; }

.admin-mr-10 {
  margin-right: 10px !important; }

.admin-mb-10 {
  margin-bottom: 10px !important; }

.admin-ml-10 {
  margin-left: 10px !important; }

.admin-p-10 {
  padding: 10px !important; }

.admin-p-h-side-10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.admin-p-v-side-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.admin-pt-10 {
  padding-top: 10px !important; }

.admin-pr-10 {
  padding-right: 10px !important; }

.admin-pb-10 {
  padding-bottom: 10px !important; }

.admin-pl-10 {
  padding-left: 10px !important; }

.admin-m-15 {
  margin: 15px !important; }

.admin-m-h-side-15 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.admin-m-v-side-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.admin-mt-15 {
  margin-top: 15px !important; }

.admin-mr-15 {
  margin-right: 15px !important; }

.admin-mb-15 {
  margin-bottom: 15px !important; }

.admin-ml-15 {
  margin-left: 15px !important; }

.admin-p-15 {
  padding: 15px !important; }

.admin-p-h-side-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.admin-p-v-side-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.admin-pt-15 {
  padding-top: 15px !important; }

.admin-pr-15 {
  padding-right: 15px !important; }

.admin-pb-15 {
  padding-bottom: 15px !important; }

.admin-pl-15 {
  padding-left: 15px !important; }

.admin-m-20 {
  margin: 20px !important; }

.admin-m-h-side-20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.admin-m-v-side-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.admin-mt-20 {
  margin-top: 20px !important; }

.admin-mr-20 {
  margin-right: 20px !important; }

.admin-mb-20 {
  margin-bottom: 20px !important; }

.admin-ml-20 {
  margin-left: 20px !important; }

.admin-p-20 {
  padding: 20px !important; }

.admin-p-h-side-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.admin-p-v-side-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.admin-pt-20 {
  padding-top: 20px !important; }

.admin-pr-20 {
  padding-right: 20px !important; }

.admin-pb-20 {
  padding-bottom: 20px !important; }

.admin-pl-20 {
  padding-left: 20px !important; }

.admin-m-25 {
  margin: 25px !important; }

.admin-m-h-side-25 {
  margin-left: 25px !important;
  margin-right: 25px !important; }

.admin-m-v-side-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.admin-mt-25 {
  margin-top: 25px !important; }

.admin-mr-25 {
  margin-right: 25px !important; }

.admin-mb-25 {
  margin-bottom: 25px !important; }

.admin-ml-25 {
  margin-left: 25px !important; }

.admin-p-25 {
  padding: 25px !important; }

.admin-p-h-side-25 {
  padding-left: 25px !important;
  padding-right: 25px !important; }

.admin-p-v-side-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.admin-pt-25 {
  padding-top: 25px !important; }

.admin-pr-25 {
  padding-right: 25px !important; }

.admin-pb-25 {
  padding-bottom: 25px !important; }

.admin-pl-25 {
  padding-left: 25px !important; }

.admin-m-30 {
  margin: 30px !important; }

.admin-m-h-side-30 {
  margin-left: 30px !important;
  margin-right: 30px !important; }

.admin-m-v-side-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.admin-mt-30 {
  margin-top: 30px !important; }

.admin-mr-30 {
  margin-right: 30px !important; }

.admin-mb-30 {
  margin-bottom: 30px !important; }

.admin-ml-30 {
  margin-left: 30px !important; }

.admin-p-30 {
  padding: 30px !important; }

.admin-p-h-side-30 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.admin-p-v-side-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.admin-pt-30 {
  padding-top: 30px !important; }

.admin-pr-30 {
  padding-right: 30px !important; }

.admin-pb-30 {
  padding-bottom: 30px !important; }

.admin-pl-30 {
  padding-left: 30px !important; }

.admin-m-35 {
  margin: 35px !important; }

.admin-m-h-side-35 {
  margin-left: 35px !important;
  margin-right: 35px !important; }

.admin-m-v-side-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important; }

.admin-mt-35 {
  margin-top: 35px !important; }

.admin-mr-35 {
  margin-right: 35px !important; }

.admin-mb-35 {
  margin-bottom: 35px !important; }

.admin-ml-35 {
  margin-left: 35px !important; }

.admin-p-35 {
  padding: 35px !important; }

.admin-p-h-side-35 {
  padding-left: 35px !important;
  padding-right: 35px !important; }

.admin-p-v-side-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important; }

.admin-pt-35 {
  padding-top: 35px !important; }

.admin-pr-35 {
  padding-right: 35px !important; }

.admin-pb-35 {
  padding-bottom: 35px !important; }

.admin-pl-35 {
  padding-left: 35px !important; }

.admin-m-40 {
  margin: 40px !important; }

.admin-m-h-side-40 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.admin-m-v-side-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.admin-mt-40 {
  margin-top: 40px !important; }

.admin-mr-40 {
  margin-right: 40px !important; }

.admin-mb-40 {
  margin-bottom: 40px !important; }

.admin-ml-40 {
  margin-left: 40px !important; }

.admin-p-40 {
  padding: 40px !important; }

.admin-p-h-side-40 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.admin-p-v-side-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.admin-pt-40 {
  padding-top: 40px !important; }

.admin-pr-40 {
  padding-right: 40px !important; }

.admin-pb-40 {
  padding-bottom: 40px !important; }

.admin-pl-40 {
  padding-left: 40px !important; }

.admin-m-45 {
  margin: 45px !important; }

.admin-m-h-side-45 {
  margin-left: 45px !important;
  margin-right: 45px !important; }

.admin-m-v-side-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important; }

.admin-mt-45 {
  margin-top: 45px !important; }

.admin-mr-45 {
  margin-right: 45px !important; }

.admin-mb-45 {
  margin-bottom: 45px !important; }

.admin-ml-45 {
  margin-left: 45px !important; }

.admin-p-45 {
  padding: 45px !important; }

.admin-p-h-side-45 {
  padding-left: 45px !important;
  padding-right: 45px !important; }

.admin-p-v-side-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important; }

.admin-pt-45 {
  padding-top: 45px !important; }

.admin-pr-45 {
  padding-right: 45px !important; }

.admin-pb-45 {
  padding-bottom: 45px !important; }

.admin-pl-45 {
  padding-left: 45px !important; }

.admin-m-50 {
  margin: 50px !important; }

.admin-m-h-side-50 {
  margin-left: 50px !important;
  margin-right: 50px !important; }

.admin-m-v-side-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

.admin-mt-50 {
  margin-top: 50px !important; }

.admin-mr-50 {
  margin-right: 50px !important; }

.admin-mb-50 {
  margin-bottom: 50px !important; }

.admin-ml-50 {
  margin-left: 50px !important; }

.admin-p-50 {
  padding: 50px !important; }

.admin-p-h-side-50 {
  padding-left: 50px !important;
  padding-right: 50px !important; }

.admin-p-v-side-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

.admin-pt-50 {
  padding-top: 50px !important; }

.admin-pr-50 {
  padding-right: 50px !important; }

.admin-pb-50 {
  padding-bottom: 50px !important; }

.admin-pl-50 {
  padding-left: 50px !important; }

.admin-m-55 {
  margin: 55px !important; }

.admin-m-h-side-55 {
  margin-left: 55px !important;
  margin-right: 55px !important; }

.admin-m-v-side-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important; }

.admin-mt-55 {
  margin-top: 55px !important; }

.admin-mr-55 {
  margin-right: 55px !important; }

.admin-mb-55 {
  margin-bottom: 55px !important; }

.admin-ml-55 {
  margin-left: 55px !important; }

.admin-p-55 {
  padding: 55px !important; }

.admin-p-h-side-55 {
  padding-left: 55px !important;
  padding-right: 55px !important; }

.admin-p-v-side-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important; }

.admin-pt-55 {
  padding-top: 55px !important; }

.admin-pr-55 {
  padding-right: 55px !important; }

.admin-pb-55 {
  padding-bottom: 55px !important; }

.admin-pl-55 {
  padding-left: 55px !important; }

.admin-m-60 {
  margin: 60px !important; }

.admin-m-h-side-60 {
  margin-left: 60px !important;
  margin-right: 60px !important; }

.admin-m-v-side-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }

.admin-mt-60 {
  margin-top: 60px !important; }

.admin-mr-60 {
  margin-right: 60px !important; }

.admin-mb-60 {
  margin-bottom: 60px !important; }

.admin-ml-60 {
  margin-left: 60px !important; }

.admin-p-60 {
  padding: 60px !important; }

.admin-p-h-side-60 {
  padding-left: 60px !important;
  padding-right: 60px !important; }

.admin-p-v-side-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

.admin-pt-60 {
  padding-top: 60px !important; }

.admin-pr-60 {
  padding-right: 60px !important; }

.admin-pb-60 {
  padding-bottom: 60px !important; }

.admin-pl-60 {
  padding-left: 60px !important; }

.admin-m-65 {
  margin: 65px !important; }

.admin-m-h-side-65 {
  margin-left: 65px !important;
  margin-right: 65px !important; }

.admin-m-v-side-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important; }

.admin-mt-65 {
  margin-top: 65px !important; }

.admin-mr-65 {
  margin-right: 65px !important; }

.admin-mb-65 {
  margin-bottom: 65px !important; }

.admin-ml-65 {
  margin-left: 65px !important; }

.admin-p-65 {
  padding: 65px !important; }

.admin-p-h-side-65 {
  padding-left: 65px !important;
  padding-right: 65px !important; }

.admin-p-v-side-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important; }

.admin-pt-65 {
  padding-top: 65px !important; }

.admin-pr-65 {
  padding-right: 65px !important; }

.admin-pb-65 {
  padding-bottom: 65px !important; }

.admin-pl-65 {
  padding-left: 65px !important; }

.f8 {
  font-size: 8px !important; }

.f9 {
  font-size: 9px !important; }

.f10 {
  font-size: 10px !important; }

.f11 {
  font-size: 11px !important; }

.f12 {
  font-size: 12px !important; }

.f13 {
  font-size: 13px !important; }

.f14 {
  font-size: 14px !important; }

.f15 {
  font-size: 15px !important; }

.f16 {
  font-size: 16px !important; }

.f17 {
  font-size: 17px !important; }

.f18 {
  font-size: 18px !important; }

.f19 {
  font-size: 19px !important; }

.f20 {
  font-size: 20px !important; }

.f21 {
  font-size: 21px !important; }

.f22 {
  font-size: 22px !important; }

.f23 {
  font-size: 23px !important; }

.f24 {
  font-size: 24px !important; }

.f25 {
  font-size: 25px !important; }

.f26 {
  font-size: 26px !important; }

.f27 {
  font-size: 27px !important; }

.f28 {
  font-size: 28px !important; }

.f29 {
  font-size: 29px !important; }

.f30 {
  font-size: 30px !important; }

.f31 {
  font-size: 31px !important; }

.f32 {
  font-size: 32px !important; }

.f33 {
  font-size: 33px !important; }

.f34 {
  font-size: 34px !important; }

.f35 {
  font-size: 35px !important; }

.main-box-w {
  width: 1200px;
  margin: 0 auto;
  position: relative; }

.fullScreen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.bg {
  background-color: #f7f7f7; }

.bg-white {
  background-color: #ffffff; }

.validationMessage {
  left: 0;
  top: 40px; }

.special-dialog-wrap {
  text-align: center;
  color: #2a2e2e; }
  .special-dialog-wrap .content {
    font-size: 16px;
    margin-bottom: 5px; }
  .special-dialog-wrap .sub-text {
    font-size: 14px; }
    .special-dialog-wrap .sub-text a {
      color: #D01919;
      text-decoration: underline; }

.layui-layer-shade {
  opacity: 0.3 !important; }

.layui-layer-loading .layui-layer-loading1 {
  margin: 0 auto; }

/* 公共缺省图样式 */
.common-none-data-wrap {
  width: 100%;
  background: #FFFFFF;
  text-align: center;
  padding: 150px 0; }
  .common-none-data-wrap.notice {
    padding: 135px 0 170px 0; }
    .common-none-data-wrap.notice .icon-wrap {
      width: 172px;
      height: 172px;
      background: url("http://www.jtyh001.com/content/images/icon_notice_noData.png") no-repeat;
      background-size: 172px 172px; }
    .common-none-data-wrap.notice .tips {
      margin-top: 7px; }
  .common-none-data-wrap .icon-wrap {
    width: 120px;
    height: 120px;
    background: url("http://www.jtyh001.com/content/images/icon_noData.png") no-repeat;
    background-size: 120px 120px;
    display: block;
    margin: 0 auto; }
  .common-none-data-wrap .tips {
    height: 20px;
    line-height: 20px;
    color: #666;
    margin-top: 30px; }

#cus_ser {
  z-index: 9999;
  width: 32px;
  height: 142px;
  position: fixed;
  right: 0px;
  color: #FFF;
  top: 200px;
  overflow: hidden;
  transition: width 0.6s;
  transition: width 0.6s;
  -moz-transition: width 0.6s;
  /* Firefox 4 */
  -webkit-transition: width 0.6s;
  /* Safari and Chrome */
  -o-transition: width 0.6s;
  /* Opera */ }
  #cus_ser:hover {
    width: 165px; }

*html #cus_ser {
  position: absolute;
  top: expression(eval(document.documentElement.scrollTop));
  margin: 200px 0 0 0; }

.cus_ser_ {
  width: 165px;
  height: 112px;
  background: #ccc;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  overflow: hidden; }

#cus_ser .title {
  width: 16px;
  height: 112px;
  float: left;
  background: url(http://www.jtyh001.com/help/images/zxzx.jpg) #e5212b;
  cursor: pointer;
  color: #fff;
  line-height: 24px;
  text-align: center;
  padding: 8px;
  font-size: 16px; }

#cus_ser ul {
  padding: 10px 0px 10px 2px;
  width: 130px;
  padding-top: 38px;
  float: left; }

#cus_ser ul li.zqq {
  height: 30px;
  line-height: 30px;
  display: block;
  font-size: 12px;
  padding-left: 34px;
  background: url(http://www.jtyh001.com/help/images/qq-online.png) no-repeat 10px 7px; }

#cus_ser ul li a {
  color: #FFF;
  font-size: 14px; }

#cus_ser ul li a:hover {
  text-decoration: underline; }

#cus_ser ul,
ol {
  list-style: none;
  margin: 0 0 9px 0; }

#bid-content-wrap {
  /* table 样式 */
  /* blockquote 样式 */
  /* code 样式 */
  /* ul ol 样式 */ }
  #bid-content-wrap table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc; }
  #bid-content-wrap table td,
  #bid-content-wrap table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 5px; }
  #bid-content-wrap table th {
    border-bottom: 2px solid #ccc;
    text-align: center; }
  #bid-content-wrap blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1; }
  #bid-content-wrap code {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 3px; }
  #bid-content-wrap pre code {
    display: block; }
  #bid-content-wrap ul,
  #bid-content-wrap ol {
    margin: 10px 0 10px 20px; }