.pop-confirm {
      display: none;
      width: 478px;
      height: 270px;
      background: #4c65ac;
      box-sizing: border-box;
      border: 10px solid #94b0ff;
      border-radius: 10px;
      color: #4c65ac;
  }

  .pop-confirm .btn_close {
      width: 40px;
      height: 40px;
      background: url(https://image.tiancity.com/common/alert/tiancity.png) no-repeat -480px 0;
      position: absolute;
      top: 0;
      right: 0;
      text-indent: -9999px;
  }

  .pop-confirm .msg {
      text-align: left;
      vertical-align: middle;
      height: 175px;
      color: #fff;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 370px;
      margin: 10px auto 0;
  }

  .pop-confirm .msg .red {
      color: #f88e48;
  }

  .pop-confirm .btns {
      position: absolute;
      width: 100%;
      display: flex;
      bottom: 10px;
      height: 50px;
      left: 0;
      justify-content: center;
  }

  .pop-confirm .btns a {
      width: 120px;
      height: 45px;
      background: #fff;
      margin: 0 10px;
      color: #666666;
      border-radius: 5px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      line-height: 45px;
  }

  .pop-confirm .btns a:hover {
      filter: brightness(.85);
  }

  .pop-confirm .btns .btn-confirm {
      width: 150px;
  }