|
@@ -65,7 +65,7 @@ Page {
|
|
|
margin-top: 26rpx;
|
|
|
box-sizing: border-box;
|
|
|
padding: 40rpx 36rpx;
|
|
|
- margin-bottom: 40rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
}
|
|
|
.c_l_top{
|
|
|
width: 100%;
|
|
@@ -142,7 +142,7 @@ color: #B01717;
|
|
|
}
|
|
|
|
|
|
/*用来包裹所有的小圆点 */
|
|
|
-
|
|
|
+
|
|
|
.dots {
|
|
|
width: 210rpx;
|
|
|
height: 20rpx;
|
|
@@ -154,7 +154,7 @@ color: #B01717;
|
|
|
transform: translateX(-50%);
|
|
|
bottom: 0rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
|
|
|
.swiper_box {
|
|
|
height: auto;
|
|
@@ -162,7 +162,7 @@ color: #B01717;
|
|
|
}
|
|
|
|
|
|
/*未选中时的小圆点样式 */
|
|
|
-
|
|
|
+
|
|
|
.dot {
|
|
|
width: 40rpx;
|
|
|
height: 10rpx;
|
|
@@ -171,9 +171,9 @@ color: #B01717;
|
|
|
background-color: #ccc;
|
|
|
opacity: 0.5;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
/*选中以后的小圆点样式 */
|
|
|
-
|
|
|
+
|
|
|
.active_dot {
|
|
|
background-color: #333;
|
|
|
opacity: 0.5;
|
|
@@ -182,3 +182,46 @@ color: #B01717;
|
|
|
-webkit-filter: grayscale(100%);
|
|
|
filter: grayscale(100%);
|
|
|
}
|
|
|
+
|
|
|
+.jointly-info {
|
|
|
+ width: 676rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 40rpx 48rpx;
|
|
|
+ margin-bottom: 38rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.jointly-style{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.jointly-list{
|
|
|
+ width: 260rpx;
|
|
|
+ height: 330rpx;
|
|
|
+ margin-top: 24rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-flow: column nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: left;
|
|
|
+}
|
|
|
+
|
|
|
+.jointly-img{
|
|
|
+ width: 260rpx;
|
|
|
+ height: 260rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.jointly-text{
|
|
|
+ font-size: 26rpx;
|
|
|
+ width: 260rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ margin-top: 26rpx;
|
|
|
+ text-align: center;
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+}
|