.download_wrap .el-dialog {
  width: 680px !important;
  height: 421px;
  box-shadow: inherit;
  background: #eaf4fe; }
.download_wrap .down_title {
  margin: -50px auto 10px;
  text-align: center;
  width: 448px;
  font-size: 32px;
  font-weight: bold;
  font-family: Ubuntu-Bold, Ubuntu;
  line-height: 43px;
  color: #042040; }
  .download_wrap .down_title span {
    color: #FF8822; }
.download_wrap .down_title_hk {
  margin: -40px auto 10px;
  text-align: center;
  width: 448px;
  font-size: 32px;
  font-weight: bold;
  font-family: Ubuntu-Bold, Ubuntu;
  line-height: 43px;
  color: #042040; }
  .download_wrap .down_title_hk span {
    color: #FF8822; }
.download_wrap .downbg {
  text-align: center; }
.download_wrap .downbg_hk {
  margin-top: 30px;
  text-align: center; }
.download_wrap .download_btn {
  display: block;
  margin: 10px auto;
  width: 218px;
  height: 51px;
  background: #0e6fde;
  font-size: 20px;
  color: #fff;
  font-family: Ubuntu-Bold, Ubuntu;
  text-align: center;
  line-height: 51px;
  cursor: pointer; }
.download_wrap .download_btn_hk {
  display: block;
  margin: 10px auto;
  width: 160px;
  height: 51px;
  background: #0e6fde;
  font-size: 20px;
  color: #fff;
  font-family: Ubuntu-Bold, Ubuntu;
  text-align: center;
  line-height: 51px;
  cursor: pointer; }
.download_wrap .el-dialog__headerbtn {
  top: 15px;
  right: 10px; }
  .download_wrap .el-dialog__headerbtn .el-dialog__close {
    color: #8f9297;
    font-size: 20px; }

.coupon_box .el-dialog {
  position: relative;
  width: 676px !important;
  box-shadow: inherit;
  background: url("../img/ucenter/coupon_bg.png") no-repeat; }
  .coupon_box .el-dialog .el-dialog__body {
    padding-bottom: 0; }
  .coupon_box .el-dialog::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 676px !important;
    height: 21px;
    background: url("../img/ucenter/coupon_bg.png") no-repeat 0 -596px; }
.coupon_box .coupon-dislog-mask {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 9; }
  .coupon_box .coupon-dislog-mask .coupon-dialog {
    width: 865px;
    height: 520px;
    background: url("../img/ucenter/tips_bg.svg") no-repeat center;
    opacity: 1;
    position: relative;
    padding: 30px 60px 64px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; }
    .coupon_box .coupon-dislog-mask .coupon-dialog > p {
      font-weight: 700;
      font-size: 40px;
      line-height: 130%;
      text-transform: capitalize;
      color: #FFFFFF;
      margin-bottom: 20px; }
    .coupon_box .coupon-dislog-mask .coupon-dialog > span {
      font-weight: 400;
      font-size: 16px;
      line-height: 130%;
      text-transform: capitalize;
      color: #FFFFFF;
      margin-bottom: 40px; }
    .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg {
      width: 745px;
      height: 126px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: url("../img/ucenter/Subtract (6).svg") no-repeat center;
      margin-top: 20px; }
      .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left {
        margin-right: 30px; }
        .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left > div {
          display: flex;
          align-items: center;
          justify-content: center; }
          .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left > div p {
            color: #FFC632; }
        .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how1 {
          display: flex;
          align-items: center; }
          .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how1 p {
            font-size: 50px;
            font-family: Open Sans-ExtraBold, Open Sans;
            font-weight: 800;
            line-height: 59px;
            margin-right: 4px; }
          .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how1 span {
            font-size: 22px;
            font-family: Open Sans-Bold, Open Sans;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 22px; }
        .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how2 p {
            font-size: 50px;
            font-family: Open Sans-ExtraBold, Open Sans;
            font-weight: 800;
            line-height: 59px; }
            .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how2 p i {
              font-size: 22px;
              font-family: Open Sans-Bold, Open Sans;
              font-weight: bold;
              color: #FFFFFF;
              line-height: 26px; }
          .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how2 span {
            font-size: 15px;
            font-family: Open Sans-SemiBold, Open Sans;
            font-weight: 600;
            color: #FFFFFF;
            line-height: 18px; }
        .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how3 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how3 p {
            font-size: 50px;
            font-family: Open Sans-ExtraBold, Open Sans;
            font-weight: 800;
            line-height: 59px; }
            .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how3 p i {
              font-size: 22px;
              font-family: Open Sans-Bold, Open Sans;
              font-weight: bold;
              color: #FFFFFF;
              line-height: 26px; }
          .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-left .how3 span {
            font-size: 18px;
            font-family: Open Sans-Bold, Open Sans;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 21px; }
      .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-center {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-right: 40px; }
        .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-center p {
          font-weight: 700;
          font-size: 20px;
          line-height: 27px;
          text-transform: capitalize;
          color: #FFFFFF; }
        .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-center span {
          font-weight: 400;
          font-size: 15px;
          line-height: 20px;
          text-transform: capitalize;
          color: #FFFFFF; }
      .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-btn {
        height: 47px;
        padding: 10px 30px;
        background: #FFC632;
        border-radius: 90px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
        .coupon_box .coupon-dislog-mask .coupon-dialog .cou-card-bg .card-btn p {
          font-weight: 600;
          font-size: 20px;
          text-transform: capitalize;
          color: #0E6FDE; }
    .coupon_box .coupon-dislog-mask .coupon-dialog .coun-close {
      position: absolute;
      top: -30px;
      right: -30px;
      cursor: pointer; }
.coupon_box .reg-tips-mask {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 9; }
  .coupon_box .reg-tips-mask .reg-tips-dialog {
    max-width: 900px;
    height: 321px;
    padding: 30px;
    background: #F9F9FC;
    border-radius: 20px;
    position: relative;
    display: flex; }
    .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-left {
      text-align: center; }
      .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-left p {
        font-weight: 600;
        font-size: 16px;
        line-height: 130%;
        text-align: center;
        text-transform: capitalize;
        color: #042040;
        margin-top: 20px; }
    .coupon_box .reg-tips-mask .reg-tips-dialog i {
      width: 0px;
      margin: 0 30px;
      border: 1px solid #C7D1E5; }
    .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 240px; }
      .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right > p {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 130%;
        text-transform: capitalize;
        color: #042040; }
        .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right > p span {
          color: #FF6E30; }
      .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .reg-card-bg {
        margin-top: 22px;
        width: 405px;
        height: 76px;
        display: flex;
        align-items: center;
        justify-content: start;
        padding-left: 30px;
        background: url("../img/ucenter/reg_card_bg.svg") no-repeat center; }
        .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .reg-card-bg > div {
          display: flex;
          align-items: center; }
          .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .reg-card-bg > div span {
            font-weight: 800;
            font-size: 47px;
            text-transform: capitalize;
            color: #FFC632; }
          .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .reg-card-bg > div p {
            font-weight: 700;
            font-size: 14px;
            text-transform: capitalize;
            color: #FFFFFF; }
          .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .reg-card-bg > div > div {
            display: flex;
            flex-direction: column; }
        .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .reg-card-bg i {
          width: 0px;
          height: calc(100% - 20px);
          margin: 0 10px;
          border: none;
          border-left: 1px dashed rgba(255, 255, 255, 0.2); }
        .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .reg-card-bg > p {
          font-weight: 700;
          font-size: 24px;
          line-height: 33px;
          text-transform: capitalize;
          color: #FFFFFF; }
      .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .btn-box {
        margin-top: 22px; }
        .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .btn-box .jump-btn {
          color: white;
          padding: 12px 36px;
          background: #FF6E30;
          border-radius: 4px;
          display: inline-block;
          position: relative;
          transition: all 0.3s linear 0s; }
          .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .btn-box .jump-btn:hover {
            background-color: #FF4C00; }
          .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .btn-box .jump-btn .pos-box {
            position: absolute;
            width: 70px;
            height: 22px;
            top: -15px;
            right: -8px;
            background: #0E6FDE;
            border-radius: 5px 5px 0 5px;
            display: flex;
            align-items: center;
            justify-content: center; }
            .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .btn-box .jump-btn .pos-box > p {
              color: #FFFFFF;
              font-size: 9.94286px; }
              .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .btn-box .jump-btn .pos-box > p span {
                font-weight: 700;
                font-size: 16.5714px;
                line-height: 130%;
                text-transform: capitalize; }
          .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .btn-box .jump-btn::before {
            content: '';
            display: inline-block;
            width: 0px;
            height: 0px;
            border: transparent 4px solid;
            border-top: #004089 4px solid;
            border-left: #004089 4px solid;
            position: absolute;
            right: -8px;
            top: 7px; }
        .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .btn-box .down-btn {
          color: #FF6E30;
          padding: 12px 36px;
          border: 1px solid #FF6E30;
          background: white;
          border-radius: 4px;
          margin-left: 15px;
          transition: all 0.3s linear 0s; }
          .coupon_box .reg-tips-mask .reg-tips-dialog .reg-log-right .btn-box .down-btn:hover {
            color: #FF4C00;
            border: 1px solid #FF4C00; }
    .coupon_box .reg-tips-mask .reg-tips-dialog .reg-tips-close {
      position: absolute;
      top: -30px;
      right: -30px;
      cursor: pointer; }
.coupon_box .cont-box {
  margin-top: 80px; }
  .coupon_box .cont-box > .cont {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
.coupon_box .coupon-li {
  margin-left: 19px;
  margin-bottom: 10px;
  position: relative;
  width: 590px; }
  .coupon_box .coupon-li .unusable {
    position: absolute;
    right: -17px;
    top: -12px;
    z-index: 1;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/ucenter/coupon_unusable.svg");
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Open Sans-Bold, Open Sans;
    font-weight: bold;
    color: #6F7990;
    line-height: 16px; }
    .coupon_box .coupon-li .unusable p {
      transform: rotateZ(45deg); }
  .coupon_box .coupon-li.used .cont {
    background-image: url("../img/ucenter/coupon_libg_error.svg"); }
  .coupon_box .coupon-li.expired .cont {
    background-image: url("../img/ucenter/coupon_libg_error.svg"); }
  .coupon_box .coupon-li .cont {
    width: 100%;
    height: 138px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/ucenter/coupon_libg.svg");
    display: flex;
    align-items: center; }
    .coupon_box .coupon-li .cont .l {
      width: 420px;
      padding: 0 25px;
      padding-top: 8px; }
      .coupon_box .coupon-li .cont .l h3 {
        font-size: 24px;
        font-family: Open Sans-Bold, Open Sans;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 28px;
        margin-bottom: 4px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .coupon_box .coupon-li .cont .l h4 {
        font-size: 15px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .coupon_box .coupon-li .cont .l .plan {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px; }
        .coupon_box .coupon-li .cont .l .plan p {
          font-size: 15px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #FFFFFF;
          line-height: 20px; }
        .coupon_box .coupon-li .cont .l .plan i {
          display: block;
          width: 18px;
          height: 18px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/ucenter/coupon_right.svg");
          cursor: pointer;
          transition: all .3s; }
          .coupon_box .coupon-li .cont .l .plan i.active {
            transform: rotateZ(90deg); }
    .coupon_box .coupon-li .cont .r {
      display: flex;
      flex: 1;
      flex-direction: column;
      align-items: center; }
      .coupon_box .coupon-li .cont .r .how1 {
        display: flex;
        align-items: center; }
        .coupon_box .coupon-li .cont .r .how1 p {
          font-size: 50px;
          font-family: Open Sans-ExtraBold, Open Sans;
          font-weight: 800;
          color: #FFFFFF;
          line-height: 59px;
          margin-right: 4px; }
        .coupon_box .coupon-li .cont .r .how1 span {
          font-size: 22px;
          font-family: Open Sans-Bold, Open Sans;
          font-weight: bold;
          color: #FFFFFF;
          line-height: 22px; }
      .coupon_box .coupon-li .cont .r .how2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .coupon_box .coupon-li .cont .r .how2 p {
          font-size: 50px;
          font-family: Open Sans-ExtraBold, Open Sans;
          font-weight: 800;
          color: #FFFFFF;
          line-height: 59px; }
          .coupon_box .coupon-li .cont .r .how2 p i {
            font-size: 22px;
            font-family: Open Sans-Bold, Open Sans;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 26px; }
        .coupon_box .coupon-li .cont .r .how2 span {
          font-size: 15px;
          font-family: Open Sans-SemiBold, Open Sans;
          font-weight: 600;
          color: #FFFFFF;
          line-height: 18px; }
      .coupon_box .coupon-li .cont .r .how3 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .coupon_box .coupon-li .cont .r .how3 p {
          font-size: 50px;
          font-family: Open Sans-ExtraBold, Open Sans;
          font-weight: 800;
          color: #FFFFFF;
          line-height: 59px; }
          .coupon_box .coupon-li .cont .r .how3 p i {
            font-size: 22px;
            font-family: Open Sans-Bold, Open Sans;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 26px; }
        .coupon_box .coupon-li .cont .r .how3 span {
          font-size: 18px;
          font-family: Open Sans-Bold, Open Sans;
          font-weight: bold;
          color: #FFFFFF;
          line-height: 21px; }
      .coupon_box .coupon-li .cont .r .usebtn {
        font-size: 16px;
        font-family: Open Sans-SemiBold, Open Sans;
        font-weight: 600;
        color: #5B57DD;
        line-height: 19px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 109px;
        height: 30px;
        background: #FFC632;
        border-radius: 76px 76px 76px 76px;
        margin-top: 5px;
        cursor: pointer; }
  .coupon_box .coupon-li .c-introduce {
    background-color: #D7E0ED;
    padding: 10px 24px;
    font-size: 15px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #355395; }
    .coupon_box .coupon-li .c-introduce .ptxt {
      display: flex;
      align-items: flex-start;
      margin-bottom: 5px; }
      .coupon_box .coupon-li .c-introduce .ptxt .p1 {
        flex: none; }
      .coupon_box .coupon-li .c-introduce .ptxt:nth-last-of-type(1) {
        margin-bottom: 0; }
.coupon_box .el-dialog__headerbtn {
  top: -11px;
  right: -19px; }
  .coupon_box .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
    font-size: 34px; }

.coupon_box_hk .el-dialog {
  position: relative;
  width: 676px !important;
  box-shadow: inherit;
  background: url("../img/ucenter/coupon_bg_hk.png") no-repeat; }
  .coupon_box_hk .el-dialog .el-dialog__body {
    padding-bottom: 0; }
  .coupon_box_hk .el-dialog::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 676px !important;
    height: 21px;
    background: url("../img/ucenter/coupon_bg_hk.png") no-repeat 0 -596px; }

.new_coupon_wrap .el-dialog {
  width: 676px !important;
  background: url("../img/ucenter/reg_newq.png") no-repeat;
  box-shadow: inherit; }
  .new_coupon_wrap .el-dialog .el-dialog__body {
    padding-bottom: 0; }
  .new_coupon_wrap .el-dialog::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 676px !important;
    height: 21px;
    background: url("../img/ucenter/reg_newq.png") no-repeat 0 -596px; }
.new_coupon_wrap.new_coupon_wrap_hk .el-dialog {
  width: 676px !important;
  background: url("../img/ucenter/reg_newq_hk.png") no-repeat;
  box-shadow: inherit; }
  .new_coupon_wrap.new_coupon_wrap_hk .el-dialog .el-dialog__body {
    padding-bottom: 0; }
  .new_coupon_wrap.new_coupon_wrap_hk .el-dialog::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 676px !important;
    height: 21px;
    background: url("../img/ucenter/reg_newq_hk.png") no-repeat 0 -596px; }
.new_coupon_wrap .cont-box {
  margin-top: 76px; }
  .new_coupon_wrap .cont-box > .cont {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
.new_coupon_wrap .coupon-li {
  margin-left: 19px;
  margin-bottom: 10px;
  position: relative;
  width: 590px; }
  .new_coupon_wrap .coupon-li .unusable {
    position: absolute;
    right: -17px;
    top: -12px;
    z-index: 1;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/ucenter/coupon_unusable.svg");
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Open Sans-Bold, Open Sans;
    font-weight: bold;
    color: #6F7990;
    line-height: 16px; }
    .new_coupon_wrap .coupon-li .unusable p {
      transform: rotateZ(45deg); }
  .new_coupon_wrap .coupon-li.used .cont {
    background-image: url("../img/ucenter/coupon_libg_error.svg"); }
  .new_coupon_wrap .coupon-li.expired .cont {
    background-image: url("../img/ucenter/coupon_libg_error.svg"); }
  .new_coupon_wrap .coupon-li .cont {
    width: 100%;
    height: 138px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/ucenter/coupon_libg.svg");
    display: flex;
    align-items: center; }
    .new_coupon_wrap .coupon-li .cont .l {
      width: 420px;
      padding: 0 25px;
      padding-top: 8px; }
      .new_coupon_wrap .coupon-li .cont .l h3 {
        font-size: 24px;
        font-family: Open Sans-Bold, Open Sans;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 28px;
        margin-bottom: 4px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .new_coupon_wrap .coupon-li .cont .l h4 {
        font-size: 15px;
        font-family: Open Sans-Regular, Open Sans;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .new_coupon_wrap .coupon-li .cont .l .plan {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px; }
        .new_coupon_wrap .coupon-li .cont .l .plan p {
          font-size: 15px;
          font-family: Open Sans-Regular, Open Sans;
          font-weight: 400;
          color: #FFFFFF;
          line-height: 20px; }
        .new_coupon_wrap .coupon-li .cont .l .plan i {
          display: block;
          width: 18px;
          height: 18px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/ucenter/coupon_right.svg");
          cursor: pointer;
          transition: all .3s; }
          .new_coupon_wrap .coupon-li .cont .l .plan i.active {
            transform: rotateZ(90deg); }
    .new_coupon_wrap .coupon-li .cont .r {
      display: flex;
      flex: 1;
      flex-direction: column;
      align-items: center; }
      .new_coupon_wrap .coupon-li .cont .r .how1 {
        display: flex;
        align-items: center; }
        .new_coupon_wrap .coupon-li .cont .r .how1 p {
          font-size: 50px;
          font-family: Open Sans-ExtraBold, Open Sans;
          font-weight: 800;
          color: #FFFFFF;
          line-height: 59px;
          margin-right: 4px; }
        .new_coupon_wrap .coupon-li .cont .r .how1 span {
          font-size: 22px;
          font-family: Open Sans-Bold, Open Sans;
          font-weight: bold;
          color: #FFFFFF;
          line-height: 22px; }
      .new_coupon_wrap .coupon-li .cont .r .how2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .new_coupon_wrap .coupon-li .cont .r .how2 p {
          font-size: 50px;
          font-family: Open Sans-ExtraBold, Open Sans;
          font-weight: 800;
          color: #FFFFFF;
          line-height: 59px; }
          .new_coupon_wrap .coupon-li .cont .r .how2 p i {
            font-size: 22px;
            font-family: Open Sans-Bold, Open Sans;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 26px; }
        .new_coupon_wrap .coupon-li .cont .r .how2 span {
          font-size: 15px;
          font-family: Open Sans-SemiBold, Open Sans;
          font-weight: 600;
          color: #FFFFFF;
          line-height: 18px; }
      .new_coupon_wrap .coupon-li .cont .r .how3 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .new_coupon_wrap .coupon-li .cont .r .how3 p {
          font-size: 50px;
          font-family: Open Sans-ExtraBold, Open Sans;
          font-weight: 800;
          color: #FFFFFF;
          line-height: 59px; }
          .new_coupon_wrap .coupon-li .cont .r .how3 p i {
            font-size: 22px;
            font-family: Open Sans-Bold, Open Sans;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 26px; }
        .new_coupon_wrap .coupon-li .cont .r .how3 span {
          font-size: 18px;
          font-family: Open Sans-Bold, Open Sans;
          font-weight: bold;
          color: #FFFFFF;
          line-height: 21px; }
      .new_coupon_wrap .coupon-li .cont .r .usebtn {
        font-size: 16px;
        font-family: Open Sans-SemiBold, Open Sans;
        font-weight: 600;
        color: #5B57DD;
        line-height: 19px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 109px;
        height: 30px;
        background: #FFC632;
        border-radius: 76px 76px 76px 76px;
        margin-top: 5px;
        cursor: pointer; }
  .new_coupon_wrap .coupon-li .c-introduce {
    background-color: #D7E0ED;
    padding: 10px 24px;
    font-size: 15px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #355395; }
    .new_coupon_wrap .coupon-li .c-introduce .ptxt {
      display: flex;
      align-items: flex-start;
      margin-bottom: 5px; }
      .new_coupon_wrap .coupon-li .c-introduce .ptxt .p1 {
        flex: none; }
      .new_coupon_wrap .coupon-li .c-introduce .ptxt:nth-last-of-type(1) {
        margin-bottom: 0; }
.new_coupon_wrap .el-dialog__headerbtn {
  top: -11px;
  right: -19px; }
  .new_coupon_wrap .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
    font-size: 34px; }

.register_tips {
  position: fixed;
  right: 10px;
  top: 75px;
  width: 369px;
  height: 80px;
  background: url("../img/ucenter/success_quan.png") no-repeat; }

.buysuccess_tips {
  position: fixed;
  right: 10px;
  top: 75px;
  width: 369px;
  height: 80px;
  background: url("../img/ucenter/pay_success.png") no-repeat; }

.buysuccess_tips_hk {
  position: fixed;
  right: 10px;
  top: 75px;
  width: 255px;
  height: 80px;
  background: url("../img/ucenter/pay_success.png") no-repeat;
  border-radius: 5px; }
  .buysuccess_tips_hk span {
    position: absolute;
    top: 22px;
    left: 97px;
    width: 157px;
    height: 45px;
    font-size: 24px;
    font-weight: bold;
    font-family: Ubuntu-Bold, Ubuntu;
    color: #fff;
    background: #042040; }

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