.introduce_top {
  width: 100%;
  padding: 20px; }
  .introduce_top .top_two {
    width: 100%;
    display: flex; }
    .introduce_top .top_two .lv2_box {
      width: calc(50% - 40px);
      border-radius: 10px;
      background: #F7F9FB;
      margin-right: 40px; }
    .introduce_top .top_two .lv2 {
      border-radius: 10px;
      border: 2px solid #FFF;
      background: linear-gradient(90deg, #F0FCFF 0%, #DAE8F7 100%);
      width: 100%;
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 15px 0 25px; }
      .introduce_top .top_two .lv2 .lv2-left .title {
        color: #2E579A;
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        margin-bottom: 10px; }
      .introduce_top .top_two .lv2 .lv2-left .lv2l_txt {
        display: flex;
        align-items: flex-end;
        font-style: italic;
        color: #2E579A;
        font-weight: 700; }
        .introduce_top .top_two .lv2 .lv2-left .lv2l_txt p {
          font-size: 41px;
          line-height: 100%;
          margin-right: 10px; }
        .introduce_top .top_two .lv2 .lv2-left .lv2l_txt span {
          font-size: 27px;
          line-height: 100%; }
      .introduce_top .top_two .lv2 .lv2-right img {
        width: 100%; }
    .introduce_top .top_two .tt_activicy {
      width: 100%;
      padding: 10px 15px; }
      .introduce_top .top_two .tt_activicy .tta_p1 {
        color: var(--PIA24-BK-01, #042040);
        font-size: 13px;
        font-weight: 400;
        line-height: 100%;
        margin-bottom: 5px; }
      .introduce_top .top_two .tt_activicy .tta_p2 {
        display: flex;
        align-items: center;
        cursor: pointer; }
        .introduce_top .top_two .tt_activicy .tta_p2 .p2_txt {
          color: var(--PIA24-BK-02, #55687D);
          font-size: 13px;
          font-weight: 400;
          line-height: 120%;
          text-overflow: ellipsis;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          flex: 1 0 0;
          margin-right: 20px; }
    .introduce_top .top_two .creat_code {
      flex: 1;
      height: 204px; }
      .introduce_top .top_two .creat_code > .creat_title {
        width: 100%;
        height: 30px; }
        .introduce_top .top_two .creat_code > .creat_title::after {
          display: block;
          clear: both;
          content: ""; }
        .introduce_top .top_two .creat_code > .creat_title > p {
          float: left;
          color: #042040;
          font-family: Open Sans-Regular, Open Sans;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 15px */
          line-height: 30px; }
        .introduce_top .top_two .creat_code > .creat_title > button {
          float: right;
          display: inline;
          padding: 8px 15px;
          color: #042040;
          border-radius: 4px;
          cursor: pointer;
          border: 1px solid #E2E4E5;
          background: var(--PIA_BK-White, #FFF);
          font-family: Open Sans-Regular, Open Sans;
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 13px */ }
          .introduce_top .top_two .creat_code > .creat_title > button:hover {
            border-radius: 4px;
            border: 1px solid #E2E4E5;
            background: #F6F6F9; }
      .introduce_top .top_two .creat_code > .creat_invitation {
        width: 100%;
        margin-top: 10px; }
        .introduce_top .top_two .creat_code > .creat_invitation::after {
          content: "";
          display: block;
          clear: both; }
        .introduce_top .top_two .creat_code > .creat_invitation > .invitation_left {
          display: flex !important;
          align-items: center;
          flex-wrap: nowrap;
          float: left;
          width: 49%;
          padding: 9px 10px;
          border-radius: 4px;
          border: 1px solid #EAEFF9;
          background: #FDFDFE; }
          .introduce_top .top_two .creat_code > .creat_invitation > .invitation_left > input {
            width: 95%;
            height: 19px;
            background: #FDFDFE;
            overflow: hidden;
            color: #55687D;
            text-overflow: ellipsis;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 14px */
            border: 0;
            outline: none; }
          .introduce_top .top_two .creat_code > .creat_invitation > .invitation_left img {
            position: relative;
            top: 2px;
            cursor: pointer; }
        .introduce_top .top_two .creat_code > .creat_invitation > .invitation_right {
          float: right;
          width: 49%;
          padding: 9px 10px;
          border-radius: 4px;
          border: 1px solid #EAEFF9;
          background: #FDFDFE;
          display: flex !important;
          align-items: center;
          flex-wrap: nowrap; }
          .introduce_top .top_two .creat_code > .creat_invitation > .invitation_right::after {
            display: block;
            content: "";
            clear: both; }
          .introduce_top .top_two .creat_code > .creat_invitation > .invitation_right > span {
            white-space: nowrap;
            color: #042040;
            height: 19px;
            text-overflow: ellipsis;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 19px;
            /* 14px */
            float: left; }
          .introduce_top .top_two .creat_code > .creat_invitation > .invitation_right > input {
            flex: 1;
            width: 100%;
            float: left;
            height: 19px;
            margin-left: 10px;
            background: #FDFDFE;
            overflow: hidden;
            color: #55687D;
            text-overflow: ellipsis;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 14px */
            border: 0;
            outline: none; }
          .introduce_top .top_two .creat_code > .creat_invitation > .invitation_right div {
            float: right;
            position: relative;
            top: 2px;
            cursor: pointer; }
      .introduce_top .top_two .creat_code > .creat_list {
        width: 100%;
        height: 114px;
        overflow-y: auto;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #F4F4F5; }
        .introduce_top .top_two .creat_code > .creat_list > .creat_li {
          width: 100%;
          margin-bottom: 7px; }
          .introduce_top .top_two .creat_code > .creat_list > .creat_li:last-child {
            margin-bottom: 0; }
          .introduce_top .top_two .creat_code > .creat_list > .creat_li::after {
            content: "";
            display: block;
            clear: both; }
          .introduce_top .top_two .creat_code > .creat_list > .creat_li > input,
          .introduce_top .top_two .creat_code > .creat_list > .creat_li div {
            margin-right: 1%; }
          .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_1 {
            float: left;
            width: 10.9%;
            padding: 5px 10px;
            border-radius: 4px;
            border: 1px solid #EAEFF9;
            background: #FDFDFE;
            color: #042040;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 13px */ }
          .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_2 {
            float: left;
            width: 41.8%;
            padding: 5px 10px;
            border-radius: 4px;
            border: 1px solid #EAEFF9;
            background: #FDFDFE;
            overflow: hidden; }
            .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_2::after {
              content: "";
              display: block;
              clear: both; }
            .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_2 > input {
              float: left;
              width: 93%;
              color: #55687D;
              text-overflow: ellipsis;
              font-family: Open Sans-Regular, Open Sans;
              font-size: 13px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 13px */
              background: none;
              border: 0;
              outline: none; }
            .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_2 > img {
              float: right;
              margin-top: 2px;
              cursor: pointer; }
          .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_3 {
            float: left;
            width: 41.8%;
            padding: 5px 10px;
            border-radius: 4px;
            border: 1px solid #EAEFF9;
            background: #FDFDFE;
            overflow: hidden;
            margin-right: 5px; }
            .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_3::after {
              content: "";
              display: block;
              clear: both; }
            .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_3 > span {
              float: left;
              color: #042040;
              font-family: Open Sans-Regular, Open Sans;
              font-size: 13px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 13px */
              margin-right: 10px; }
            .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_3 > input {
              float: left;
              color: #55687D;
              margin-top: -1px;
              font-family: Open Sans-Regular, Open Sans;
              font-size: 13px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 13px */
              border: 0;
              background: none;
              outline: none; }
            .introduce_top .top_two .creat_code > .creat_list > .creat_li > .ipt_3 > div {
              float: right;
              margin-top: 2px;
              cursor: pointer; }
          .introduce_top .top_two .creat_code > .creat_list > .creat_li .invitation_copy {
            margin-right: 0 !important;
            float: right; }
          .introduce_top .top_two .creat_code > .creat_list > .creat_li > .btn-box {
            float: left;
            margin-top: 7px;
            cursor: pointer; }
        .introduce_top .top_two .creat_code > .creat_list > .creat_none {
          width: 100%;
          text-align: center; }
          .introduce_top .top_two .creat_code > .creat_list > .creat_none > img {
            display: block;
            margin: 0 auto;
            margin-top: -4px; }
          .introduce_top .top_two .creat_code > .creat_list > .creat_none > p {
            color: #55687D;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 14px */ }
          .introduce_top .top_two .creat_code > .creat_list > .creat_none > button {
            margin-top: 10px;
            padding: 8px 15px;
            border-radius: 4px;
            border: 1px solid #E2E4E5;
            background: var(--PIA_BK-White, #FFF);
            color: #042040;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 13px */
            text-transform: capitalize;
            cursor: pointer; }
            .introduce_top .top_two .creat_code > .creat_list > .creat_none > button:hover {
              background: #F6F6F9; }
  .introduce_top .top_three {
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid var(--PIA_BK-LIne02, #F4F4F5);
    display: flex; }
    .introduce_top .top_three .three_li {
      flex: 1;
      height: 50px;
      margin-right: 25px;
      padding-right: 25px;
      border-right: 1px dashed #DEE0E9; }
      .introduce_top .top_three .three_li:last-child {
        border-right: 0;
        margin-right: 0; }
      .introduce_top .top_three .three_li > .name {
        position: relative;
        height: 14px;
        display: flex;
        flex-wrap: nowrap; }
        .introduce_top .top_three .three_li > .name span {
          color: #55687D;
          font-family: Open Sans-Regular, Open Sans;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
        .introduce_top .top_three .three_li > .name img {
          position: relative;
          top: 2px;
          margin-left: 5px;
          cursor: pointer; }
          .introduce_top .top_three .three_li > .name img:hover + .card-tips {
            justify-content: center;
            align-items: center;
            width: auto;
            display: inline-block !important; }
        .introduce_top .top_three .three_li > .name > .card-tips {
          width: auto;
          display: none;
          padding: 10px;
          border-radius: 4px;
          background: #FFF;
          box-shadow: 0px 0px 4px 0px rgba(4, 32, 64, 0.1);
          position: absolute;
          bottom: 15px;
          left: 20px;
          z-index: 10;
          line-height: 22px;
          color: #55687D; }
          .introduce_top .top_three .three_li > .name > .card-tips > p {
            color: #55687D;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            /* 15.6px */ }
      .introduce_top .top_three .three_li > .money {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 13px; }
        .introduce_top .top_three .three_li > .money > span {
          color: #042040;
          font-family: Open Sans-Regular, Open Sans;
          font-size: 26px;
          font-style: normal;
          font-weight: 600;
          line-height: 100%;
          /* 26px */ }
        .introduce_top .top_three .three_li > .money > button {
          color: #042040;
          font-family: Open Sans-Regular, Open Sans;
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 13px */
          padding: 8px 15px;
          border-radius: 4px;
          border: 1px solid #E2E4E5;
          background: var(--PIA_BK-White, #FFF);
          position: relative;
          margin-left: 10px;
          cursor: pointer; }
          .introduce_top .top_three .three_li > .money > button:hover {
            border-radius: 4px;
            border: 1px solid #E2E4E5;
            background: #F6F6F9; }
        .introduce_top .top_three .three_li > .money > div {
          float: left;
          color: #55687D;
          font-family: Open Sans-Regular, Open Sans;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */
          margin-left: 10px;
          margin-top: 20px;
          cursor: pointer; }
          .introduce_top .top_three .three_li > .money > div > span {
            margin-right: 5px; }

.introduce_two {
  width: 100%;
  margin-top: 15px;
  border-radius: 4px;
  border: 1px solid var(--PIA_BK-LIne02, #F4F4F5);
  background: var(--PIA_BK-White, #FFF); }
  .introduce_two .title {
    width: 100%;
    height: 45px;
    padding: 15px 30px;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid var(--PIA_BK-LIne02, #F4F4F5);
    color: #042040;
    font-size: 15px;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    border-radius: 4px 4px 0px 0px; }
  .introduce_two .it_box {
    width: 100%;
    padding: 30px;
    display: flex;
    gap: 25px; }
    .introduce_two .it_box .line {
      border-left: 1px dashed #DEE0E9; }
    .introduce_two .it_box .itb_li .itbl_tit {
      color: var(--PIA24-BK-02, #55687D);
      font-size: 14px;
      font-weight: 400;
      line-height: 100%;
      margin-bottom: 15px; }
    .introduce_two .it_box .itb_li .itbl_cont {
      display: flex;
      align-items: center; }
      .introduce_two .it_box .itb_li .itbl_cont .it_p1 {
        color: var(--PIA24-BK-01, #042040);
        font-size: 26px;
        font-weight: 600;
        line-height: 100%;
        white-space: nowrap; }
        .introduce_two .it_box .itb_li .itbl_cont .it_p1 span {
          font-size: 16px;
          line-height: 100%; }
      .introduce_two .it_box .itb_li .itbl_cont .it_ipt {
        display: flex;
        align-items: center;
        flex: 1;
        position: relative;
        display: flex;
        height: 38px;
        border-radius: 4px;
        border: 1px solid #EAEFF9;
        background: #FDFDFE;
        margin-left: 30px;
        margin-right: 10px;
        padding: 9px 10px; }
        .introduce_two .it_box .itb_li .itbl_cont .it_ipt input {
          width: 100%;
          border: none;
          background-color: transparent; }
        .introduce_two .it_box .itb_li .itbl_cont .it_ipt .redeemall {
          flex: none;
          color: var(--PIA24-VI-01, #0E6FDE);
          font-size: 13px;
          font-weight: 400;
          line-height: 100%;
          cursor: pointer;
          padding-left: 10px;
          margin-left: 10px;
          border-left: 1px solid #E9EEF2; }

.introduce_table {
  width: 100%;
  padding: 20px;
  min-height: 290px;
  border-radius: 4px;
  border: 1px solid var(--PIA_BK-LIne02, #F4F4F5);
  background: var(--PIA_BK-White, #FFF); }
  .introduce_table .td-succes {
    color: #01C195; }
  .introduce_table .td-audit {
    color: #FF8822; }
  .introduce_table .table_nav {
    width: 100%;
    height: 38px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .introduce_table .table_nav .nav_ul {
      display: flex;
      align-items: center;
      gap: 2px;
      padding: 4px;
      border-radius: 4px;
      border: 1px solid #F0F1F5;
      background: #F7F8FC; }
    .introduce_table .table_nav .nav_li {
      display: flex;
      padding: 8px 15px;
      border-radius: 4px;
      border: 1px solid transparent;
      color: var(--PIA_BK-02, #55687D);
      font-size: 14px;
      font-weight: 400;
      line-height: 100%;
      cursor: pointer;
      white-space: nowrap; }
      .introduce_table .table_nav .nav_li.active {
        color: var(--PIA24-BK-01, #042040);
        border: 1px solid #E8EBF0;
        background: #FFF;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); }
    .introduce_table .table_nav .reload {
      display: flex;
      width: 30px;
      height: 30px;
      padding: 8px 15px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 4px;
      border: 1px solid #E2E4E5;
      background: #fff;
      cursor: pointer; }
      .introduce_table .table_nav .reload > img {
        display: block; }
      .introduce_table .table_nav .reload:hover {
        background: #F6F6F9; }
  .introduce_table > .table_body {
    width: 100%;
    min-height: 240px;
    margin-top: 20px; }
    .introduce_table > .table_body > .tab {
      width: 100%;
      min-height: 190px;
      border-radius: 4px;
      overflow-y: auto;
      overflow-x: hidden; }
      .introduce_table > .table_body > .tab::-webkit-scrollbar {
        width: 0; }
      .introduce_table > .table_body > .tab > .tab_header {
        width: 100%;
        height: 40px;
        border-bottom: 1px solid var(--PIA_BK-LIne02, #F4F4F5);
        background: #F5F6F9; }
        .introduce_table > .table_body > .tab > .tab_header > p {
          width: 33.33%;
          float: left;
          line-height: 40px;
          padding-left: 20px;
          color: #042040;
          font-family: Open Sans-Regular, Open Sans;
          font-size: 14px;
          font-style: normal;
          font-weight: 400; }
        .introduce_table > .table_body > .tab > .tab_header.header-2 > p {
          width: 25%; }
        .introduce_table > .table_body > .tab > .tab_header.header-3 > p {
          width: 20%; }
        .introduce_table > .table_body > .tab > .tab_header.header-4 > p {
          width: 16.5%; }
      .introduce_table > .table_body > .tab > .tab_list {
        width: 100%; }
        .introduce_table > .table_body > .tab > .tab_list > .li {
          width: 100%;
          height: 50px;
          border-bottom: 1px solid var(--PIA_BK-LIne02, #F4F4F5); }
          .introduce_table > .table_body > .tab > .tab_list > .li > p {
            width: 33.33%;
            float: left;
            line-height: 50px;
            padding-left: 20px;
            color: #042040;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 13px;
            font-style: normal;
            font-weight: 400; }
          .introduce_table > .table_body > .tab > .tab_list > .li.header-2 > p {
            width: 25%; }
          .introduce_table > .table_body > .tab > .tab_list > .li.header-3 > p {
            width: 20%; }
          .introduce_table > .table_body > .tab > .tab_list > .li.header-4 > p {
            width: 16.5%; }
          .introduce_table > .table_body > .tab > .tab_list > .li:hover {
            background: #FAFAFA; }
        .introduce_table > .table_body > .tab > .tab_list .td-succes {
          color: #01C195; }
        .introduce_table > .table_body > .tab > .tab_list .td-audit {
          color: #FF8822; }
        .introduce_table > .table_body > .tab > .tab_list .td-tips {
          position: relative;
          white-space: nowrap; }
          .introduce_table > .table_body > .tab > .tab_list .td-tips .card-tips {
            display: none;
            padding: 10px;
            border-radius: 4px;
            background: #FFF;
            box-shadow: 0px 0px 4px 0px rgba(4, 32, 64, 0.1);
            position: absolute;
            top: -36px;
            left: 20px;
            z-index: 10;
            line-height: 22px;
            color: #55687D; }
            .introduce_table > .table_body > .tab > .tab_list .td-tips .card-tips > p {
              color: #55687D;
              font-family: Open Sans-Regular, Open Sans;
              font-size: 13px;
              font-weight: 400;
              line-height: 120%;
              /* 15.6px */ }
          .introduce_table > .table_body > .tab > .tab_list .td-tips .tip {
            position: absolute;
            right: calc(50% - 50px);
            top: 50%;
            transform: translateY(-50%); }
          .introduce_table > .table_body > .tab > .tab_list .td-tips .tip:hover + .card-tips {
            justify-content: center;
            align-items: center;
            width: auto;
            display: inline-block !important;
            display: inline; }
          .introduce_table > .table_body > .tab > .tab_list .td-tips > span {
            color: #E30B34; }

.orderno {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px; }
  .orderno p {
    font-size: 14px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #55687D;
    line-height: 16px;
    margin-top: 20px; }
  .orderno > .list {
    margin-top: 15px;
    text-align: center; }
    .orderno > .list::after {
      content: '';
      clear: both;
      display: block; }
    .orderno > .list > div {
      float: left;
      margin-right: 10px; }
      .orderno > .list > div img {
        position: relative;
        top: 1px; }
      .orderno > .list > div span {
        color: #55687D;
        font-family: Open Sans-Regular, Open Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 14px */ }
  .orderno > button {
    display: inline;
    height: 30px;
    padding: 8px 20px;
    margin-top: 20px;
    border-radius: 4px;
    background: var(--PIA_VI-01, #0E6FDE);
    color: var(--PIA_BK-White, #FFF);
    font-family: Open Sans-Regular, Open Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 13px */
    text-transform: capitalize;
    outline: none;
    border: 0;
    cursor: pointer; }

.introduce-model {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999; }
  .introduce-model > .model-box {
    width: 590px;
    height: 365px;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    position: absolute;
    left: calc(50% - 295px);
    top: calc(50% - 182.5px);
    box-shadow: 0px 0px 10px 0px rgba(24, 28, 50, 0.1); }
    .introduce-model > .model-box > .model-top {
      width: 100%;
      height: 34px;
      border-radius: 3px 3px 0px 0px;
      border-bottom: 1px solid #E6E9F0;
      background: #FFF; }
      .introduce-model > .model-box > .model-top > p {
        line-height: 34px;
        margin-left: 10px;
        color: var(--http-black-1, #222);
        font-family: "Open Sans-Regular";
        font-size: 14px;
        font-weight: 400;
        float: left; }
      .introduce-model > .model-box > .model-top img {
        float: right;
        margin-right: 10px;
        margin-top: 8px;
        cursor: pointer; }
    .introduce-model > .model-box > .model-list-1 {
      width: 538px;
      margin: 0 auto; }
      .introduce-model > .model-box > .model-list-1 > p {
        width: 100%;
        margin-top: 20px;
        font-family: Open Sans-Regular, Open Sans;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; }
        .introduce-model > .model-box > .model-list-1 > p > i {
          color: #E30B34;
          margin-right: 5px; }
      .introduce-model > .model-box > .model-list-1 > .list-ipt {
        width: 100%;
        height: 41px;
        border: 1px solid #E6E9F0;
        border-radius: 2px;
        margin-top: 10px;
        position: relative; }
        .introduce-model > .model-box > .model-list-1 > .list-ipt > p {
          width: 216px;
          height: 39px;
          background: #FFF;
          text-align: left;
          line-height: 41px;
          font-family: "Open Sans-Regular";
          font-size: 14px;
          font-weight: 400;
          color: #042040;
          float: left;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          padding: 0 20px;
          padding-left: 15px;
          position: relative; }
          .introduce-model > .model-box > .model-list-1 > .list-ipt > p::after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: calc(50% - 3.5px);
            width: 1px;
            height: 11px;
            border-right: 1px solid #E6E9F0; }
        .introduce-model > .model-box > .model-list-1 > .list-ipt > input {
          width: 319px;
          height: 100%;
          font-size: 13px;
          padding-left: 15px;
          float: right;
          border: 0;
          outline: none;
          font-family: Open Sans; }
          .introduce-model > .model-box > .model-list-1 > .list-ipt > input::placeholder {
            color: var(--http-black-2, #94A3B8);
            font-family: Open Sans;
            font-size: 13px;
            font-weight: 400; }
        .introduce-model > .model-box > .model-list-1 > .list-ipt > img {
          position: absolute;
          right: 10px;
          top: 10px;
          cursor: pointer; }
      .introduce-model > .model-box > .model-list-1.list-2 > .list-ipt > input {
        width: 100%;
        color: #042040; }
        .introduce-model > .model-box > .model-list-1.list-2 > .list-ipt > input::placeholder {
          color: #042040; }
      .introduce-model > .model-box > .model-list-1.list-3 > .list-ipt > input {
        width: 100%; }
      .introduce-model > .model-box > .model-list-1.list-4 > p {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 400;
        color: #55687D; }
      .introduce-model > .model-box > .model-list-1.list-4 > .list-ipt {
        background: #fff; }
        .introduce-model > .model-box > .model-list-1.list-4 > .list-ipt > input {
          width: 86%;
          float: left;
          display: block;
          color: #355395;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .introduce-model > .model-box > .model-list-1.list-4 > .list-ipt > a {
          display: block;
          float: right;
          line-height: 39px;
          font-family: Open Sans;
          font-size: 14px;
          font-weight: 400;
          color: #0E6FDE;
          margin-right: 15px; }
      .introduce-model > .model-box > .model-list-1 > .redeem_btn_list {
        width: 100%; }
        .introduce-model > .model-box > .model-list-1 > .redeem_btn_list::after {
          display: block;
          clear: both;
          content: ""; }
        .introduce-model > .model-box > .model-list-1 > .redeem_btn_list > button {
          float: right;
          display: block;
          width: 95px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          outline: none;
          border: 0;
          margin-left: 10px;
          margin-top: 20px;
          cursor: pointer; }
          .introduce-model > .model-box > .model-list-1 > .redeem_btn_list > button:first-child {
            border-radius: 2px;
            background: var(--PIA_VI-01, #0E6FDE);
            color: #FFF;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .introduce-model > .model-box > .model-list-1 > .redeem_btn_list > button:last-child {
            border-radius: 2px;
            border: 1px solid #E2E2E2;
            background: #FFF;
            color: var(--PIA_BK-02, #55687D);
            font-family: Open Sans-Regular, Open Sans;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
    .introduce-model > .model-box > .list-title {
      width: 538px;
      margin: 0 auto;
      margin-top: 20px;
      font-family: Open Sans;
      font-size: 14px;
      font-weight: 400;
      color: #FF804D; }
    .introduce-model > .model-box > .btn-box {
      width: 538px;
      margin: 0 auto;
      margin-top: 20px;
      display: block; }
      .introduce-model > .model-box > .btn-box::after {
        content: "";
        display: block;
        clear: both; }
      .introduce-model > .model-box > .btn-box > .list-btn {
        float: right;
        padding: 10px 20px;
        display: inline;
        background: #0E6FDE;
        border: 0;
        border-radius: 4px;
        outline: none;
        color: #FFF;
        font-family: Open Sans-Regular, Open Sans;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */
        margin-left: 10px;
        cursor: pointer; }
        .introduce-model > .model-box > .btn-box > .list-btn:hover {
          border-radius: 4px;
          background: #16396C; }
        .introduce-model > .model-box > .btn-box > .list-btn.no {
          padding: 10px 20px;
          display: inline;
          border: 1px solid #E2E4E5;
          background: var(--PIA_BK-White, #FFF);
          color: #042040;
          font-family: Open Sans-Regular, Open Sans;
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 13px */ }
          .introduce-model > .model-box > .btn-box > .list-btn.no:hover {
            border-radius: 4px;
            border: 1px solid #E2E4E5;
            background: #F6F6F9; }

.introduce-model-2 {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  z-index: 9999; }
  .introduce-model-2 > .model-box {
    width: 350px;
    height: 160px;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    position: absolute;
    left: calc(50% - 175px);
    top: calc(50% - 80px);
    box-shadow: 0px 0px 10px 0px rgba(24, 28, 50, 0.1); }
    .introduce-model-2 > .model-box > .model-top {
      width: 100%;
      height: 34px;
      border-radius: 3px 3px 0px 0px;
      border-bottom: 1px solid #E6E9F0;
      background: #FFF; }
      .introduce-model-2 > .model-box > .model-top > p {
        line-height: 34px;
        margin-left: 10px;
        color: var(--http-black-1, #222);
        font-family: "Open Sans-Regular";
        font-size: 14px;
        font-weight: 400;
        float: left; }
      .introduce-model-2 > .model-box > .model-top img {
        float: right;
        margin-right: 10px;
        margin-top: 8px;
        cursor: pointer; }
    .introduce-model-2 > .model-box > .model-list-1 {
      width: 538px;
      margin: 0 auto; }
      .introduce-model-2 > .model-box > .model-list-1 > p {
        width: 100%;
        margin-top: 20px;
        font-family: Open Sans-Regular, Open Sans;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; }
        .introduce-model-2 > .model-box > .model-list-1 > p > i {
          color: #E30B34;
          margin-right: 5px; }
      .introduce-model-2 > .model-box > .model-list-1 > .list-ipt {
        width: 100%;
        height: 41px;
        border: 1px solid #E6E9F0;
        border-radius: 2px;
        margin-top: 10px;
        position: relative; }
        .introduce-model-2 > .model-box > .model-list-1 > .list-ipt > p {
          width: 216px;
          height: 39px;
          background: #FFF;
          text-align: center;
          line-height: 41px;
          font-family: "Open Sans-Regular";
          font-size: 14px;
          font-weight: 400;
          color: #042040;
          float: left;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          padding: 0 20px;
          position: relative; }
          .introduce-model-2 > .model-box > .model-list-1 > .list-ipt > p::after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: calc(50% - 3.5px);
            width: 1px;
            height: 11px;
            border-right: 1px solid #E6E9F0; }
        .introduce-model-2 > .model-box > .model-list-1 > .list-ipt > input {
          width: 319px;
          height: 100%;
          font-size: 13px;
          padding-left: 15px;
          float: right;
          border: 0;
          outline: none;
          font-family: Open Sans; }
          .introduce-model-2 > .model-box > .model-list-1 > .list-ipt > input::placeholder {
            color: var(--http-black-2, #94A3B8);
            font-family: Open Sans;
            font-size: 13px;
            font-weight: 400; }
        .introduce-model-2 > .model-box > .model-list-1 > .list-ipt > img {
          position: absolute;
          right: 10px;
          top: 10px;
          cursor: pointer; }
      .introduce-model-2 > .model-box > .model-list-1.list-2 > .list-ipt > input {
        width: 100%;
        color: #042040; }
        .introduce-model-2 > .model-box > .model-list-1.list-2 > .list-ipt > input::placeholder {
          color: #042040; }
      .introduce-model-2 > .model-box > .model-list-1.list-3 > .list-ipt > input {
        width: 100%; }
      .introduce-model-2 > .model-box > .model-list-1.list-4 > p {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 400;
        color: #55687D; }
      .introduce-model-2 > .model-box > .model-list-1.list-4 > .list-ipt {
        background: #fff; }
        .introduce-model-2 > .model-box > .model-list-1.list-4 > .list-ipt > input {
          width: 86%;
          float: left;
          display: block;
          color: #355395;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .introduce-model-2 > .model-box > .model-list-1.list-4 > .list-ipt > a {
          display: block;
          float: right;
          line-height: 39px;
          font-family: Open Sans;
          font-size: 14px;
          font-weight: 400;
          color: #0E6FDE;
          margin-right: 15px; }
      .introduce-model-2 > .model-box > .model-list-1 > .redeem_btn_list {
        width: 100%; }
        .introduce-model-2 > .model-box > .model-list-1 > .redeem_btn_list::after {
          display: block;
          clear: both;
          content: ""; }
        .introduce-model-2 > .model-box > .model-list-1 > .redeem_btn_list > button {
          float: right;
          display: block;
          width: 95px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          outline: none;
          border: 0;
          margin-left: 10px;
          margin-top: 20px;
          cursor: pointer; }
          .introduce-model-2 > .model-box > .model-list-1 > .redeem_btn_list > button:first-child {
            border-radius: 2px;
            background: var(--PIA_VI-01, #0E6FDE);
            color: #FFF;
            font-family: Open Sans-Regular, Open Sans;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
          .introduce-model-2 > .model-box > .model-list-1 > .redeem_btn_list > button:last-child {
            border-radius: 2px;
            border: 1px solid #E2E2E2;
            background: #FFF;
            color: var(--PIA_BK-02, #55687D);
            font-family: Open Sans-Regular, Open Sans;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; }
    .introduce-model-2 > .model-box > .list-title {
      width: 538px;
      margin: 0 auto;
      margin-top: 20px;
      font-family: Open Sans;
      font-size: 14px;
      font-weight: 400;
      color: #FF804D; }
    .introduce-model-2 > .model-box .btn-box {
      width: 310px;
      margin: 0 auto;
      margin-top: 20px;
      display: block; }
      .introduce-model-2 > .model-box .btn-box::after {
        content: "";
        display: block;
        clear: both; }
      .introduce-model-2 > .model-box .btn-box > .list-btn {
        float: right;
        padding: 10px 20px;
        display: inline;
        background: #0E6FDE;
        border: 0;
        border-radius: 4px;
        outline: none;
        color: #FFF;
        font-family: Open Sans-Regular, Open Sans;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */
        margin-left: 10px;
        cursor: pointer; }
        .introduce-model-2 > .model-box .btn-box > .list-btn:hover {
          border-radius: 4px;
          background: #16396C; }
        .introduce-model-2 > .model-box .btn-box > .list-btn.no {
          padding: 10px 20px;
          display: inline;
          border: 1px solid #E2E4E5;
          background: var(--PIA_BK-White, #FFF);
          color: #042040;
          font-family: Open Sans-Regular, Open Sans;
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 13px */ }
          .introduce-model-2 > .model-box .btn-box > .list-btn.no:hover {
            border-radius: 4px;
            border: 1px solid #E2E4E5;
            background: #F6F6F9; }
    .introduce-model-2 > .model-box > .introduce-top {
      width: 100%;
      color: #042040;
      font-family: Open Sans-Regular, Open Sans;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: 100%;
      /* 18px */
      position: relative; }
      .introduce-model-2 > .model-box > .introduce-top > p {
        color: #042040;
        font-family: Open Sans-Regular, Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* 18px */ }
      .introduce-model-2 > .model-box > .introduce-top > span {
        display: block;
        width: 14px;
        height: 14px;
        background: url(../img/ucenter/pop-close.svg) no-repeat center;
        position: absolute;
        right: -6px;
        top: -6px;
        cursor: pointer; }
    .introduce-model-2 > .model-box > p {
      margin-top: 10px;
      height: 38px;
      color: #55687D;
      font-family: Open Sans-Regular, Open Sans;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
  .introduce-model-2 > .description-box {
    display: flex;
    width: 500px;
    min-height: 295px;
    padding-bottom: 20px;
    flex-direction: column;
    gap: 20px;
    border-radius: 4px;
    background: #FFF;
    position: absolute;
    left: calc(50% - 250px);
    top: calc(50% - 179px); }
    .introduce-model-2 > .description-box > .top {
      display: flex;
      padding: 20px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      align-self: stretch;
      background: #1C4396;
      position: relative; }
      .introduce-model-2 > .description-box > .top > p {
        width: 100%;
        color: var(--PIA24-BK-White, #FFF);
        font-family: "Open Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* 18px */
        text-align: left; }
      .introduce-model-2 > .description-box > .top > .bg {
        position: absolute;
        top: 0;
        right: 0; }
      .introduce-model-2 > .description-box > .top > .description-close {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer; }
    .introduce-model-2 > .description-box > .content {
      display: flex;
      padding: 0px 20px;
      flex-direction: column;
      gap: 10px;
      align-self: stretch; }
      .introduce-model-2 > .description-box > .content > div {
        padding-left: 15px;
        position: relative; }
        .introduce-model-2 > .description-box > .content > div > span,
        .introduce-model-2 > .description-box > .content > div p {
          color: var(--PIA24-BK-02, #55687D);
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 140%;
          /* 19.6px */ }
        .introduce-model-2 > .description-box > .content > div > span {
          position: absolute;
          left: 0;
          top: 0; }
        .introduce-model-2 > .description-box > .content > div > p > span {
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 140%; }

/*# sourceMappingURL=introduce.css.map */