11.18完整39

15832144755

2021-11-18 37336922a1df99ac1636e398e12e64dedfba10e5

1
2
3
4
5
6
7
8
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
/* 
    Pricing
*/
 
#pricingWrapper {
  padding: 2.3rem 0 2.3rem 0;
 
  .stacked {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    position: relative;
    background: $m-color_12;
    border: 1px solid $m-color_9;
 
    .card-header, .card-footer {
      padding: 30px;
      background: $m-color_12;
      border-bottom: 1px solid $m-color_9;
      color: $dark;
    }
 
    .card-header .card-price {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s;
      color: $m-color_3;
      display: block;
      width: 6.25rem;
      height: 6.25rem;
      margin-top: -30px;
      border-radius: 0.25rem;
      text-align: center;
      line-height: 6.25rem;
      font-size: 1.875rem;
      -webkit-box-shadow: 0px 9px 20px 0px rgba(25, 30, 58, 0.35);
      -moz-box-shadow: 0px 9px 20px 0px rgba(25, 30, 58, 0.35);
      box-shadow: 0px 9px 20px 0px rgba(25, 30, 58, 0.35);
      border-radius: 0.25rem;
      border: 1px solid $m-color_9;
      background: $m-color_18;
      font-weight: 500;
    }
 
    &:hover .card-price {
      -webkit-transform: translate(0, -10px);
      -moz-transform: translate(0, -10px);
      transform: translate(0, -10px);
    }
 
    .card-header p {
      font-weight: 600;
      font-size: 15px;
      color: $m-color_6;
    }
 
    .card-body {
      .list-group-minimal .list-group-item {
        margin-bottom: 12px;
        padding: 0;
        background: transparent;
        border: 0;
        font-weight: 600;
        font-size: 14px;
        color: $m-color_4;
      }
 
      a {
        padding: 15px 10px;
        background-color: $m-color_18 !important;
        border-color: $m-color_18;
      }
    }
  }
}