소스 검색

Merge branch 'dev' of http://git.ycjcjy.com/shigongli/miniapp-v2 into dev

李志伟 3 년 전
부모
커밋
1637bbfb34

+ 3
- 1
src/components/ShopUnused/index.jsx 파일 보기

@@ -25,7 +25,9 @@ export default (props) => {
25 25
         <image className='orderImg' src={item.poster} mode='aspectFit' />
26 26
         <view className='orderRight'>
27 27
           <view className='foodName'>{item.description}</view>
28
-          <view className='price'>合计金额:¥<text style={{ fontSize: '24rpx' }}>{(item.commissionCharge / 100).toFixed(2)}</text>元 <text className='pnum'>数量:<text>1</text>张</text> </view>
28
+
29
+
30
+          <view className='price'>合计金额:¥<text style={{ fontSize: '24rpx' }}>{((item.actualPrice / 100) - (item.cashback / 100) - (item.commissionCharge / 100)).toFixed(2)}</text>元 <text className='pnum'>数量:<text>1</text>张</text> </view>
29 31
           <view>已下单:等待客户上门就餐</view>
30 32
         </view>
31 33
         <view className='line' />

+ 1
- 1
src/components/ShopUsed/index.jsx 파일 보기

@@ -39,7 +39,7 @@ export default (props) => {
39 39
         <Image className='orderImg' src={item.poster} mode='aspectFit' />
40 40
         <View className='orderRight'>
41 41
           <View className='foodName'>{item.description}</View>
42
-          <View className='price'>合计金额:¥<Text style={{ fontSize: '24rpx' }}>{(item.commissionCharge / 100).toFixed(2)}</Text>元 <Text className='pnum'>数量:<Text>1</Text>张</Text> </View>
42
+          <View className='price'>合计金额:¥<Text style={{ fontSize: '24rpx' }}>{((item.actualPrice / 100) - (item.cashback / 100) - (item.commissionCharge / 100)).toFixed(2)}</Text>元 <Text className='pnum'>数量:<Text>1</Text>张</Text> </View>
43 43
         </View>
44 44
 
45 45
         <View className='veri_Date' > 核销时间:{formatTimes(item.verifiedDate, 'yyyy-MM-dd hh:mm')}</View>

+ 1
- 0
src/components/Spin/style.less 파일 보기

@@ -138,6 +138,7 @@
138 138
 }
139 139
 
140 140
 .loading-wrapper {
141
+  height: 100%;
141 142
   position: relative;
142 143
 
143 144
   .loading-box {

+ 43
- 45
src/hotel/components/Income/income.less 파일 보기

@@ -1,101 +1,99 @@
1
-.User-box-sths{
1
+.User-box-sths {
2 2
   display: flex;
3
-  margin: 40px 0  60px 0;
3
+  margin: 40px 0 60px 0;
4 4
   justify-content: space-around;
5 5
   flex-wrap: wrap;
6
-  .User-box-selectUser{
6
+  .User-box-selectUser {
7 7
     width: 100%;
8 8
     font-size: 32px;
9 9
     font-weight: bold;
10 10
     color: #202020;
11 11
     line-height: 32px;
12
-    margin: 60px 0 70px  0;
12
+    margin: 60px 0 70px 0;
13 13
     text-align: left;
14 14
   }
15
-  .User-box-tourist{
15
+  .User-box-tourist {
16 16
     display: inline-block;
17 17
 
18
-     .Ubs-tourist-image{
18
+    .Ubs-tourist-image {
19 19
       width: 86px;
20 20
       height: 86px;
21
-
22 21
     }
23
-    .Ubs-tourist-text{
22
+    .Ubs-tourist-text {
24 23
       display: block;
25 24
       font-size: 30px;
26 25
       font-weight: bold;
27
-      color: #999999;      
26
+      color: #999999;
28 27
     }
29 28
   }
30
-  .User-box-hotelBoss{
29
+  .User-box-hotelBoss {
31 30
     display: inline-block;
32
-    .Ubs-hotelBoss-image{
31
+    .Ubs-hotelBoss-image {
33 32
       width: 86px;
34 33
       height: 86px;
35 34
     }
36
-    .Ubs-hotelBoss-text{
35
+    .Ubs-hotelBoss-text {
37 36
       display: block;
38 37
       font-size: 30px;
39 38
       font-weight: bold;
40 39
       color: #202020;
41 40
     }
42 41
   }
43
-  .User-box-shopBoss{
44
-    .Ubs-shopBoss-image{
42
+  .User-box-shopBoss {
43
+    .Ubs-shopBoss-image {
45 44
       width: 86px;
46 45
       height: 86px;
47 46
     }
48
-    .Ubs-shopBoss-text{
47
+    .Ubs-shopBoss-text {
49 48
       display: block;
50 49
       font-size: 30px;
51 50
       font-weight: bold;
52
-      color:#999999;
51
+      color: #999999;
53 52
     }
54 53
   }
55
-
56 54
 }
57
-.storexx{
55
+.storexx {
58 56
   text-align: center;
59 57
   display: flow-root;
60
-  background: #FFFFFF;
58
+  background: #ffffff;
61 59
   box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
62 60
   border-radius: 24px;
63 61
   padding: 50px 30px 64px 40px;
64 62
   box-sizing: border-box;
65 63
   margin: 0 10px;
66
-  .storeName{
64
+  .storeName {
67 65
     height: 26px;
68 66
     font-size: 28px;
69 67
     font-weight: bold;
70 68
     color: #202020;
71
-    margin-bottom:58px;
69
+    margin-bottom: 58px;
72 70
   }
73
-  .sleft{
71
+  .sleft {
74 72
     float: left;
75 73
     text-align: left;
76
-    .lword{
74
+    .lword {
77 75
       font-size: 26px;
78 76
       color: #666666;
79 77
       margin-bottom: 40px;
80 78
     }
81
-    .yearMoney{
79
+    .yearMoney {
82 80
       font-size: 28px;
83 81
       font-weight: bold;
84 82
       color: #202020;
85 83
       line-height: 0;
86 84
       display: inline-block;
87
-      text{
85
+      text {
88 86
         font-size: 40px;
89
-        color: #FF3434
87
+        color: #ff3434;
90 88
       }
91
-      .micon{
89
+      .micon {
92 90
         width: 38px;
93 91
         height: 26px;
94 92
         margin-left: 20px;
95 93
       }
96 94
     }
97 95
   }
98
-  .line{
96
+  .line {
99 97
     width: 2px;
100 98
     height: 128px;
101 99
     border-right: 2px dotted #202020;
@@ -104,25 +102,25 @@
104 102
     left: calc(50% - 1px);
105 103
     display: block;
106 104
   }
107
-  .sright{
105
+  .sright {
108 106
     float: right;
109 107
     text-align: right;
110
-    .rword{
108
+    .rword {
111 109
       font-size: 26px;
112 110
       color: #666666;
113 111
       margin-bottom: 40px;
114 112
     }
115
-    .monthMoney{
113
+    .monthMoney {
116 114
       font-size: 28px;
117 115
       font-weight: bold;
118 116
       color: #202020;
119 117
       line-height: 0;
120 118
       display: inline-block;
121
-      text{
119
+      text {
122 120
         font-size: 40px;
123
-        color: #FF3434;
121
+        color: #ff3434;
124 122
       }
125
-      .micon2{
123
+      .micon2 {
126 124
         height: 26px;
127 125
         width: 38px;
128 126
         margin-left: 20px;
@@ -130,17 +128,17 @@
130 128
     }
131 129
   }
132 130
 }
133
-.title{
131
+.title {
134 132
   font-size: 28px;
135 133
   color: #202020;
136 134
   line-height: 60px;
137 135
   margin: 62px 0 10px 1px;
138 136
 }
139
-.spreadCard{
140
-  margin:0 10px 60px 10px;  
141
-  .card{
137
+.spreadCard {
138
+  margin: 0 10px 60px 10px;
139
+  .card {
142 140
     height: 166px;
143
-    background: #FFF;
141
+    background: #fff;
144 142
     box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
145 143
     border-radius: 12px;
146 144
     padding: 40px 0 43px 22px;
@@ -148,10 +146,10 @@
148 146
     color: #202020;
149 147
     box-sizing: border-box;
150 148
     position: relative;
151
-    .spreadMoney{
149
+    .spreadMoney {
152 150
       line-height: 60px;
153 151
     }
154
-    .spreadImg{
152
+    .spreadImg {
155 153
       width: 105px;
156 154
       height: 100px;
157 155
       position: absolute;
@@ -160,10 +158,10 @@
160 158
     }
161 159
   }
162 160
 }
163
-.botton{
164
-  font-size: 28px;   
165
-  color: #C0C8D3;
161
+.botton {
162
+  font-size: 28px;
163
+  color: #c0c8d3;
166 164
   line-height: 34px;
167 165
   text-align: center;
168
-  padding:40px 0 100px 0;
166
+  padding: 40px 0 100px 0;
169 167
 }

+ 3
- 16
src/pages/details/foodDetails/foodDetails.jsx 파일 보기

@@ -86,13 +86,7 @@ export default withLayout((props) => {
86 86
   const [AllextNum, setAllextNum] = useState(0);
87 87
   //指南当前页数
88 88
   const [epage, setepage] = useState(2);
89
-  const extendMore = () => {
90
-    setepage(epage + 1);
91
-    getExtendContent("shop", id, { pageNum: epage }).then((res) => {
92
-      setExtend([...extend, ...res.records]);
93
-      setNewextNum(newextNum + res.records.length);
94
-    });
95
-  };
89
+
96 90
   const openMap = () => {
97 91
     Taro.openLocation({
98 92
       longitude: log.current - 0,
@@ -120,7 +114,7 @@ export default withLayout((props) => {
120 114
         setNewpgNum(res.records.length);
121 115
         setAllpgNum(res.total);
122 116
       });
123
-      getExtendContent("shop", id).then((res) => {
117
+      getExtendContent("shop", id, { pageNum: 999 }).then((res) => {
124 118
         setExtend(res.records || []);
125 119
         setAllextNum(res.total);
126 120
         setNewextNum(res.records.length);
@@ -254,14 +248,7 @@ export default withLayout((props) => {
254 248
                   {(extend || []).map((item) => (
255 249
                     <Extend key={item.extId} item={item} />
256 250
                   ))}
257
-                  <view
258
-                    className='showMore'
259
-                    style={{ display: newextNum == AllextNum ? "none" : "" }}
260
-                    onClick={extendMore}
261
-                  >
262
-                    <view>查看更多</view>
263
-                    <image src={showMore} className='moreTip' />
264
-                  </view>
251
+
265 252
                 </view>
266 253
                 <view
267 254
                   className='botton'

+ 2
- 5
src/pages/details/mjDetails/sceneryDetails.jsx 파일 보기

@@ -79,7 +79,7 @@ export default withLayout((props) => {
79 79
           setRecommend(res2 || [])
80 80
         })
81 81
       })
82
-      getExtendContent('tourist', id).then((res) => {
82
+      getExtendContent('tourist', id, { pageNum: 99999 }).then((res) => {
83 83
         setExtend(res.records || [])
84 84
         setAllextNum(res.total)
85 85
         setNewextNum(res.records.length)
@@ -159,10 +159,7 @@ export default withLayout((props) => {
159 159
               <image src={titlejd} />景点介绍
160 160
             </view>
161 161
             {(extend || []).map((item) => <Extend item={item} />)}
162
-            <view className='showMore' style={{ display: newextNum == AllextNum ? 'none' : '' }} onClick={extendMore}>
163
-              <view>点击查看更多</view>
164
-              <image src={showMore} className='moreTip' />
165
-            </view>
162
+
166 163
           </view>
167 164
           <view style={{ position: 'relative', marginTop: '6em', display: recommend == '' ? 'none' : '' }}>
168 165
             <view className='title'>

+ 2
- 2
src/pages/index/tabs/Guide.jsx 파일 보기

@@ -64,7 +64,7 @@ export default (props) => {
64 64
   useDidShow(() => {
65 65
     goContent()
66 66
   })
67
-  
67
+
68 68
   const geiZy = () => {
69 69
     setLoading(true)
70 70
     getExtendContent('room', roomId, {
@@ -123,7 +123,7 @@ export default (props) => {
123 123
   const goRoomMap = () => {
124 124
     if (taRoomContent.location) {
125 125
       const [longitude, latitude] = taRoomContent.location.split(',').map(x => x - 0)
126
-      
126
+
127 127
       Taro.openLocation({
128 128
         longitude,
129 129
         latitude,

+ 1
- 1
src/shop/components/ShopKeeper/shopKeeper.jsx 파일 보기

@@ -95,7 +95,7 @@ export default (props) => {
95 95
       <view>
96 96
       </view>
97 97
       <ToggleRole showCutover={showCutover} maskClosable={showCutover} onClose={onClose} role='shop' />
98
-      <view style={{ padding: '30rpx', height: '100%' }}>
98
+      <view style={{ padding: '0 15px 0 15px', height: '100%' }}>
99 99
         <view className='storexx'>
100 100
           <view className='storeName'>店名:<Picker style={{ display: 'inline-block' }} placeholder='请选择商铺' value={shop?.shopId} kv={['shopName', 'shopId']} dicts={shopList} onChange={handleHotelChange} /></view>
101 101
           <view onClick={ShowMoldeOn} className='User-info-cutover'>

+ 47
- 50
src/shop/components/ShopKeeper/shopKeeper.less 파일 보기

@@ -1,113 +1,113 @@
1
-.User-box-sths{
1
+.User-box-sths {
2 2
   display: flex;
3
-  margin: 40px 0  60px 0;
3
+  margin: 40px 0 60px 0;
4 4
   justify-content: space-around;
5 5
   flex-wrap: wrap;
6
-  .User-box-selectUser{
6
+  .User-box-selectUser {
7 7
     width: 100%;
8 8
     font-size: 32px;
9 9
     font-weight: bold;
10 10
     color: #202020;
11 11
     line-height: 32px;
12
-    margin: 60px 0 70px  0;
12
+    margin: 60px 0 70px 0;
13 13
     text-align: left;
14 14
   }
15
-  .User-box-tourist{
15
+  .User-box-tourist {
16 16
     display: inline-block;
17
-     .Ubs-tourist-image{
17
+    .Ubs-tourist-image {
18 18
       width: 86px;
19 19
       height: 86px;
20 20
     }
21
-    .Ubs-tourist-text{
21
+    .Ubs-tourist-text {
22 22
       display: block;
23 23
       font-size: 30px;
24 24
       font-weight: bold;
25
-      color: #999999;      
25
+      color: #999999;
26 26
     }
27 27
   }
28
-  .User-box-hotelBoss{
28
+  .User-box-hotelBoss {
29 29
     display: inline-block;
30
-    .Ubs-hotelBoss-image{
30
+    .Ubs-hotelBoss-image {
31 31
       width: 86px;
32 32
       height: 86px;
33 33
     }
34
-    .Ubs-hotelBoss-text{
34
+    .Ubs-hotelBoss-text {
35 35
       display: block;
36 36
       font-size: 30px;
37 37
       font-weight: bold;
38 38
       color: #999999;
39 39
     }
40 40
   }
41
-  .User-box-shopBoss{
42
-    .Ubs-shopBoss-image{
41
+  .User-box-shopBoss {
42
+    .Ubs-shopBoss-image {
43 43
       width: 86px;
44 44
       height: 86px;
45 45
     }
46
-    .Ubs-shopBoss-text{
46
+    .Ubs-shopBoss-text {
47 47
       display: block;
48 48
       font-size: 30px;
49 49
       font-weight: bold;
50
-      color:#202020;
50
+      color: #202020;
51 51
     }
52 52
   }
53
-
54 53
 }
55
-.storexx{
54
+.storexx {
56 55
   text-align: center;
57
-  height: 342px;
58
-  background: #FFFFFF;
56
+  height: 300px;
57
+  background: #ffffff;
59 58
   box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
60 59
   border-radius: 24px;
61
-  padding: 50px 30px 64px 40px;
60
+  padding: 20px 30px 34px 40px;
61
+
62 62
   box-sizing: border-box;
63
-  .storeName{
63
+  .storeName {
64 64
     height: 26px;
65 65
     font-size: 28px;
66 66
     font-weight: bold;
67 67
     color: #202020;
68
-    margin-bottom:27px;
68
+    margin-bottom: 25px;
69 69
   }
70
-  .User-info-cutover{
70
+  .User-info-cutover {
71 71
     position: absolute;
72 72
     top: 60px;
73 73
     right: 60px;
74
-    .User-info-cutover-image{
74
+    .User-info-cutover-image {
75 75
       width: 36px;
76 76
       height: 36px;
77 77
     }
78 78
   }
79
-  .tip{
79
+  .tip {
80 80
     height: 23px;
81 81
     font-size: 24px;
82 82
     color: #666666;
83
-    margin-bottom: 48px;
83
+    margin-bottom: 25px;
84 84
   }
85
-  .sleft{
85
+  .sleft {
86 86
     float: left;
87
-    .lword{
87
+    .lword {
88 88
       height: 25px;
89 89
       font-size: 26px;
90 90
       color: #666666;
91
-      margin-bottom: 40px;      
91
+      margin-bottom: 25px;
92 92
       margin-left: 1px;
93 93
     }
94
-    .yearMoney{
94
+    .yearMoney {
95 95
       height: 30px;
96 96
       font-size: 28px;
97 97
       font-weight: bold;
98 98
       color: #202020;
99
-      text{
99
+      text {
100 100
         font-size: 40px;
101
-        color: #FF3434
101
+        color: #ff3434;
102 102
       }
103
-      .micon{
103
+      .micon {
104 104
         width: 38px;
105 105
         height: 22px;
106 106
         margin-left: 19px;
107 107
       }
108 108
     }
109 109
   }
110
-  .line{
110
+  .line {
111 111
     width: 2px;
112 112
     height: 128px;
113 113
     border-right: 2px dotted #202020;
@@ -116,26 +116,26 @@
116 116
     left: calc(50% - 1px);
117 117
     display: block;
118 118
   }
119
-  .sright{
119
+  .sright {
120 120
     float: right;
121 121
     text-align: left;
122
-    .rword{
122
+    .rword {
123 123
       font-size: 26px;
124 124
       color: #666666;
125
-      margin: 0 1px 47px 0;
125
+      margin: 0 1px 27px 0;
126 126
       text-align: center;
127 127
     }
128
-    .monthMoney{
128
+    .monthMoney {
129 129
       height: 24px;
130 130
       font-size: 28px;
131 131
       font-weight: bold;
132 132
       color: #202020;
133 133
       line-height: 24px;
134
-      text{
134
+      text {
135 135
         font-size: 40px;
136
-        color: #FF3434;
136
+        color: #ff3434;
137 137
       }
138
-      .micon2{
138
+      .micon2 {
139 139
         width: 38px;
140 140
         height: 22px;
141 141
         margin-left: 23px;
@@ -145,8 +145,6 @@
145 145
   }
146 146
 }
147 147
 
148
-
149
-
150 148
 .index-tabs {
151 149
   width: 100%;
152 150
   height: 91px;
@@ -166,17 +164,16 @@
166 164
     font-size: 32px;
167 165
     font-weight: bold;
168 166
     color: #4c4c4c;
169
-    padding-top: 33px;
170
-    padding-bottom: 28px;
167
+    padding-top: 13px;
168
+    padding-bottom: 18px;
171 169
     border-bottom: 5px solid black;
172 170
   }
173 171
 }
174 172
 
175
-.botton{
176
-  font-size: 28px;   
177
-  color: #C0C8D3;
173
+.botton {
174
+  font-size: 28px;
175
+  color: #c0c8d3;
178 176
   line-height: 34px;
179 177
   text-align: center;
180
-  padding:40px 0 100px 0;
178
+  padding: 10px 0 40px 0;
181 179
 }
182
-

+ 2
- 2
src/shop/components/Sparead/spreadMoney.jsx 파일 보기

@@ -55,7 +55,7 @@ export default (props) => {
55 55
     <view>
56 56
       <ToggleRole showCutover={showCutover} maskClosable={showCutover} onClose={onClose} role='shop' />
57 57
 
58
-      <view style={{ padding: '30rpx', height: '100%' }}>
58
+      <view style={{ padding: '0 15px 0 15px', height: '100%' }}>
59 59
         <scroll-view scrollY style={{ height: 'calc(100vh - 120px)' }}>
60 60
 
61 61
           <view className='storexx'>
@@ -70,7 +70,7 @@ export default (props) => {
70 70
                 <view className='lword'>全年推广收入(税前)</view>
71 71
                 <view className='yearMoney'>
72 72
                   <text>{isyear ? (shopMoney?.totalCharges / 100).toFixed(2) : '******'}</text>元
73
-                  <image className='micon' src={isyear ? eyes :ceyes } onClick={handleYear} />
73
+                  <image className='micon' src={isyear ? eyes : ceyes} onClick={handleYear} />
74 74
                 </view>
75 75
               </view>
76 76
               <view className='line' />

+ 44
- 45
src/shop/components/Sparead/spreadMoney.less 파일 보기

@@ -1,115 +1,114 @@
1
-.User-box-sths{
1
+.User-box-sths {
2 2
   display: flex;
3
-  margin: 40px 0  60px 0;
3
+  margin: 40px 0 60px 0;
4 4
   justify-content: space-around;
5 5
   flex-wrap: wrap;
6
-  .User-box-selectUser{
6
+  .User-box-selectUser {
7 7
     width: 100%;
8 8
     font-size: 32px;
9 9
     font-weight: bold;
10 10
     color: #202020;
11 11
     line-height: 32px;
12
-    margin: 60px 0 70px  0;
12
+    margin: 60px 0 70px 0;
13 13
     text-align: left;
14 14
   }
15
-  .User-box-tourist{
15
+  .User-box-tourist {
16 16
     display: inline-block;
17 17
 
18
-     .Ubs-tourist-image{
18
+    .Ubs-tourist-image {
19 19
       width: 86px;
20 20
       height: 86px;
21
-
22 21
     }
23
-    .Ubs-tourist-text{
22
+    .Ubs-tourist-text {
24 23
       display: block;
25 24
       font-size: 30px;
26 25
       font-weight: bold;
27
-      color: #999999;      
26
+      color: #999999;
28 27
     }
29 28
   }
30
-  .User-box-hotelBoss{
29
+  .User-box-hotelBoss {
31 30
     display: inline-block;
32
-    .Ubs-hotelBoss-image{
31
+    .Ubs-hotelBoss-image {
33 32
       width: 86px;
34 33
       height: 86px;
35 34
     }
36
-    .Ubs-hotelBoss-text{
35
+    .Ubs-hotelBoss-text {
37 36
       display: block;
38 37
       font-size: 30px;
39 38
       font-weight: bold;
40 39
       color: #999999;
41 40
     }
42 41
   }
43
-  .User-box-shopBoss{
44
-    .Ubs-shopBoss-image{
42
+  .User-box-shopBoss {
43
+    .Ubs-shopBoss-image {
45 44
       width: 86px;
46 45
       height: 86px;
47 46
     }
48
-    .Ubs-shopBoss-text{
47
+    .Ubs-shopBoss-text {
49 48
       display: block;
50 49
       font-size: 30px;
51 50
       font-weight: bold;
52
-      color:#202020;
51
+      color: #202020;
53 52
     }
54 53
   }
55
-
56 54
 }
57
-.storexx{
55
+.storexx {
58 56
   text-align: center;
59
-  height: 342px;
60
-  background: #FFFFFF;
57
+  height: 300px;
58
+  background: #ffffff;
61 59
   box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
62 60
   border-radius: 24px;
63
-  padding: 50px 30px 64px 40px;
61
+  padding: 20px 30px 34px 40px;
62
+
64 63
   box-sizing: border-box;
65
-  .storeName{
64
+  .storeName {
66 65
     height: 26px;
67 66
     font-size: 28px;
68 67
     font-weight: bold;
69 68
     color: #202020;
70
-    margin-bottom:27px;
69
+    margin-bottom: 27px;
71 70
   }
72
-  .User-info-cutover{
71
+  .User-info-cutover {
73 72
     position: absolute;
74 73
     top: 60px;
75 74
     right: 60px;
76
-    .User-info-cutover-image{
75
+    .User-info-cutover-image {
77 76
       width: 36px;
78 77
       height: 36px;
79 78
     }
80 79
   }
81
-  .tip{
80
+  .tip {
82 81
     height: 23px;
83 82
     font-size: 24px;
84 83
     color: #666666;
85 84
     margin-bottom: 48px;
86 85
   }
87
-  .sleft{
86
+  .sleft {
88 87
     float: left;
89
-    .lword{
88
+    .lword {
90 89
       height: 25px;
91 90
       font-size: 26px;
92 91
       color: #666666;
93
-      margin-bottom: 40px;      
92
+      margin-bottom: 40px;
94 93
       margin-left: 1px;
95 94
     }
96
-    .yearMoney{
95
+    .yearMoney {
97 96
       height: 30px;
98 97
       font-size: 28px;
99 98
       font-weight: bold;
100 99
       color: #202020;
101
-      text{
100
+      text {
102 101
         font-size: 40px;
103
-        color: #FF3434
102
+        color: #ff3434;
104 103
       }
105
-      .micon{
104
+      .micon {
106 105
         width: 38px;
107 106
         height: 22px;
108 107
         margin-left: 19px;
109 108
       }
110 109
     }
111 110
   }
112
-  .line{
111
+  .line {
113 112
     width: 2px;
114 113
     height: 128px;
115 114
     border-right: 2px dotted #202020;
@@ -118,26 +117,26 @@
118 117
     left: calc(50% - 1px);
119 118
     display: block;
120 119
   }
121
-  .sright{
120
+  .sright {
122 121
     float: right;
123 122
     text-align: left;
124
-    .rword{
123
+    .rword {
125 124
       font-size: 26px;
126 125
       color: #666666;
127 126
       margin: 0 1px 47px 0;
128 127
       text-align: center;
129 128
     }
130
-    .monthMoney{
129
+    .monthMoney {
131 130
       height: 24px;
132 131
       font-size: 28px;
133 132
       font-weight: bold;
134 133
       color: #202020;
135 134
       line-height: 24px;
136
-      text{
135
+      text {
137 136
         font-size: 40px;
138
-        color: #FF3434;
137
+        color: #ff3434;
139 138
       }
140
-      .micon2{
139
+      .micon2 {
141 140
         width: 38px;
142 141
         height: 22px;
143 142
         margin-left: 23px;
@@ -146,17 +145,17 @@
146 145
     }
147 146
   }
148 147
 }
149
-.title{
148
+.title {
150 149
   font-size: 28px;
151 150
   color: #202020;
152 151
   line-height: 60px;
153 152
   margin: 62px 0 10px 1px;
154 153
 }
155 154
 
156
-.botton{
157
-  font-size: 28px;   
158
-  color: #C0C8D3;
155
+.botton {
156
+  font-size: 28px;
157
+  color: #c0c8d3;
159 158
   line-height: 34px;
160 159
   text-align: center;
161
-  padding:40px 0 100px 0;
160
+  padding: 40px 0 100px 0;
162 161
 }