index.scss 3.76 KB
Newer Older
xuzhenghua committed
1
.popup-box {
xuzhenghua committed
2 3 4 5 6 7
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .6);
FE committed
8
  z-index: 5;
xuzhenghua committed
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

  .content {
    width: 300px;
    position: relative;
    background-color: $white;
    padding-top: 20px;
    border-radius: 3px;
  }

  .close {
    color: #fff;
    font-size: 22px;
    position: relative;
    left: 50%;
    margin-left: -11px;
  }

  .btn {
    position: absolute;
    bottom: 24px;
    left: 83px;
    width: 135px;
    height: 30px;
    border-radius: 3px;
    font-size: 16px;
    color: $white;
    text-align: center;
    line-height: 30px;
  }


  .btn-18B4ED {
    background-color: $bg_18B4ED;
  }

  .btn-FF4000 {
    background-color: $bg_FF4000;
  }

  .header {
    color: $active;
    height: 24px;
    line-height: 24px;
    text-align: center;

    i {
      font-size: 24px;
xuzhenghua committed
56 57
    }

xuzhenghua committed
58 59 60 61
    span {
      font-size: 18px;
      margin-left: 10px;
      vertical-align: text-bottom;
xuzhenghua committed
62
    }
xuzhenghua committed
63
  }
xuzhenghua committed
64

xuzhenghua committed
65 66 67 68
  .singleset-payment {
    height: 305px;
    margin: 140px auto 22px auto;
    padding: 17px 20px;
xuzhenghua committed
69

xuzhenghua committed
70 71 72
    .price-box {
      padding-bottom: 15px;
      border-bottom: 1px solid $sp_ddd;
xuzhenghua committed
73

xuzhenghua committed
74 75 76
      span {
        font-size: 12px;
        color: $color_666;
xuzhenghua committed
77 78
      }

xuzhenghua committed
79 80 81 82 83 84 85
      p {
        height: 22px;
        line-height: 22px;
        color: $color_FF4000;
        font-size: 22px;
        text-align: center;
        margin-top: 5px;
xuzhenghua committed
86 87 88
      }
    }

xuzhenghua committed
89 90
    .course-info {
      font-size: 14px;
xuzhenghua committed
91

xuzhenghua committed
92 93 94 95 96
      p {
        height: 14px;
        line-height: 14px;
        margin-top: 10px;
        color: $color_333;
xuzhenghua committed
97 98 99 100

        span {
          color: $color_666;
        }
xuzhenghua committed
101 102 103 104 105
      }
    }

    .payment-type {
      margin-top: 20px;
xuzhenghua committed
106

xuzhenghua committed
107 108 109 110 111 112 113 114 115 116 117 118 119 120 121
      label {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid $sp_ddd;
        color: $color_666;
        font-size: 12px;
        padding-bottom: 5px;
      }

      p {
        height: 22px;
        line-height: 22px;
        margin-top: 10px;
        position: relative;

zhanghaozhe committed
122
        .iconalipay {
xuzhenghua committed
123
          font-size: 22px;
xuzhenghua committed
124
          color: #01aaef;
xuzhenghua committed
125 126
        }

xuzhenghua committed
127 128 129 130
        .iconweixinzhifu {
          font-size: 22px;
          color: #3baf34;
        }
xuzhenghua committed
131

xuzhenghua committed
132 133 134
        span {
          display: inline-block;
          margin-left: 10px;
xuzhenghua committed
135
          color: $color_333;
xuzhenghua committed
136 137
          font-size: 14px;
          vertical-align: text-bottom;
xuzhenghua committed
138 139
        }

xuzhenghua committed
140 141 142 143 144
        .icondanseshixintubiao-5 {
          position: absolute;
          right: 0;
          font-size: 24px;
        }
xuzhenghua committed
145

xuzhenghua committed
146 147
        .redio {
          color: $border_ccc;
xuzhenghua committed
148 149
        }

xuzhenghua committed
150 151
        .redioed {
          color: #4cd964;
xuzhenghua committed
152 153 154
        }
      }
    }
xuzhenghua committed
155
  }
xuzhenghua committed
156

xuzhenghua committed
157 158 159 160
  .zero {
    height: 147px;
    margin: 213px auto 22px auto;
    text-align: center;
xuzhenghua committed
161

xuzhenghua committed
162 163 164 165
    .header {
      color: $active;
      height: 24px;
      line-height: 24px;
xuzhenghua committed
166

xuzhenghua committed
167 168
      i {
        font-size: 24px;
xuzhenghua committed
169 170
      }

xuzhenghua committed
171 172 173 174
      span {
        font-size: 18px;
        margin-left: 10px;
        vertical-align: text-bottom;
xuzhenghua committed
175 176 177
      }
    }

xuzhenghua committed
178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198
    .dec {
      height: 14px;
      line-height: 14px;
      color: $color_666;
      font-size: 14px;
      margin-top: 15px;
    }
  }

  .payment-success {
    height: 258px;
    margin: 143px auto 22px auto;
    padding: 20px 24px;

    .dec {
      height: 33px;
      line-height: 20px;
      color: $color_666;
      font-size: 14px;
      margin-top: 12px;
    }
xuzhenghua committed
199

xuzhenghua committed
200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215
    .btn-18B4ED {
      bottom: 70px;
    }
  }

  .group {
    height: 165px;
    margin: 213px auto 22px auto;
    text-align: center;
    .group-img {
      margin-top: 15px;
      img {
        width: 40px;
        height: 40px;
        border-radius: 50px;
        margin-right: 15px;
xuzhenghua committed
216 217
      }
    }
xuzhenghua committed
218 219 220 221 222 223 224 225 226 227 228 229 230 231 232
    .btn-l {
      position: absolute;
      width: 240px;
      bottom: 20px;
      left: 30px;
      height: 30px;
      border-radius: 3px;
      font-size: 16px;
      color: $white;
      text-align: center;
      line-height: 30px;
    }
  }

}