/* CSS Document */
.bg-red {
      color: #fff;
      height: 380px;
      margin: auto;
      max-width: 260px;
      overflow: hidden;
      position: relative;
      border-radius: 1em;
      background: #c40b00;
      margin-top: 150px;
    }

    .redbtm {
      position: relative;
      width: 200%;
      height: 260px;
      border-radius: 0 0 50% 50%;
      left: -51%;
      background: #F26057;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    }
    .guanbi{
      position: absolute;
      top: 0px;
      right: 28%;
      height: 45px;
      line-height: 45px;
      color: #fff;
      font-size: 14px;
    }

    .redmid {
      position: relative;
      top: -60px;
      width: 100px;
      height: 100px;
      margin: auto;
      border-radius: 50%;
      background: #ebcc9d;
      box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    }

    .showMon {
      position: relative;
      top: 0px;
      width: 100%;
      line-height: 100px;
      color: #DCCD79;
      font-size: 45px;
      text-align: center;
      height: 100px;
      display: none;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }

    .showMon span {
      font-size: 15px;
    }

    .midTxt {
      text-align: center;
      color: #333;
      font-size: 50px;
      line-height: 100px;
    }

    @keyframes open {
      0% {
        transform: rotateY(0deg);
      }

      100% {
        transform: rotateY(360deg);
      }
    }

    .topgxfc {
      display: block;
      width: 100%;
      text-align: center;
      color: #DCCD79;
      line-height: 140px;
      font-size: 30px;
    }

    .topgxfc1 {
      display: block;
      width: 100%;
      text-align: center;
      color: #DCCD79;
      line-height: 30px;
      font-size: 13px;
    }

    .cu-modal {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      z-index: 99999;
      background: rgba(0, 0, 0, 0.5);
    }