|
@@ -1,202 +1,206 @@
|
|
|
.main {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .back {
|
|
|
- width: 40rpx;
|
|
|
- height: 40rpx;
|
|
|
- left: 15px;
|
|
|
- width: 40rpx;
|
|
|
- height: 40rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .onea {
|
|
|
- font-weight: 600;
|
|
|
- position: absolute;
|
|
|
- top: 5%;
|
|
|
- left: 2%;
|
|
|
- }
|
|
|
-
|
|
|
- .ones {
|
|
|
- font-weight: 600;
|
|
|
- position: absolute;
|
|
|
- top: 5%;
|
|
|
- left: 42%;
|
|
|
- color: #ffffff;
|
|
|
- }
|
|
|
-
|
|
|
- .one-2 {
|
|
|
- position: absolute;
|
|
|
- top: 18%;
|
|
|
- left: 41%;
|
|
|
- width: 18%;
|
|
|
- height: 63.78px;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
- .one-3{
|
|
|
- position: absolute;
|
|
|
- top: 29%;
|
|
|
- left: 37.5%;
|
|
|
- width: 23%;
|
|
|
- height: 63.78px;
|
|
|
- }
|
|
|
-
|
|
|
- .imgs {
|
|
|
- margin-top: 4px;
|
|
|
- margin-left: 2px;
|
|
|
- width: 95%;
|
|
|
- height: 51.58px;
|
|
|
- }
|
|
|
-
|
|
|
- .two-1 {
|
|
|
- margin-top: -4px;
|
|
|
- background-color: #ffffff;
|
|
|
- font-size: 15px;
|
|
|
- margin-bottom: 6%;
|
|
|
- }
|
|
|
-
|
|
|
- .two {
|
|
|
- background-color: #ffffff;
|
|
|
- }
|
|
|
-
|
|
|
- .two1 {
|
|
|
- padding-top: 30px;
|
|
|
- padding-bottom: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .two2 {
|
|
|
- padding-bottom: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .two-left1 {
|
|
|
- float: left;
|
|
|
- margin-top: -3px;
|
|
|
- width: 10%;
|
|
|
- }
|
|
|
-
|
|
|
- .two-left2 {
|
|
|
- margin-top: -3px;
|
|
|
- float: left;
|
|
|
- width: 10%;
|
|
|
- }
|
|
|
-
|
|
|
- .zi {
|
|
|
- color: #9e9e9e;
|
|
|
- }
|
|
|
-
|
|
|
- .date {
|
|
|
- margin-right: 2%;
|
|
|
- }
|
|
|
-
|
|
|
- .thr {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- padding-top: 15px;
|
|
|
- background-color: #ffffff;
|
|
|
- }
|
|
|
-
|
|
|
- .tuan {
|
|
|
- margin-left: 11px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 550;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .thr-left {
|
|
|
- width: 49px;
|
|
|
- height: 49px;
|
|
|
- background-color: #eeeeee;
|
|
|
- border-radius: 24.5px;
|
|
|
- }
|
|
|
- .thr-right{
|
|
|
- margin-left: 3px;
|
|
|
- }
|
|
|
-
|
|
|
- .img {
|
|
|
- border-radius: 50%;
|
|
|
- width: 49px;
|
|
|
- height: 49px;
|
|
|
- }
|
|
|
-
|
|
|
- .two_jian {
|
|
|
- position: relative;
|
|
|
- top: -20px;
|
|
|
- left: 35px;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .thr-1 {
|
|
|
- padding-top: 10px;
|
|
|
- padding-left: 10px;
|
|
|
- float: left;
|
|
|
- width: 18%;
|
|
|
- background-color: #ffffff;
|
|
|
- padding-bottom: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- .thr1 {
|
|
|
- background-color: #ffffff;
|
|
|
- }
|
|
|
-
|
|
|
- .thr-2 {
|
|
|
- padding-top: 10px;
|
|
|
- padding-left: 8px;
|
|
|
- float: left;
|
|
|
- width: 18%;
|
|
|
- height: 75px;
|
|
|
- background-color: #ffffff;
|
|
|
- /* border: 1px solid red; */
|
|
|
- }
|
|
|
-
|
|
|
- .thr2 {
|
|
|
- float: left;
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- border: 2px solid #dddcdc;
|
|
|
- }
|
|
|
-
|
|
|
- .name {
|
|
|
- text-align: center;
|
|
|
- font-size: 13px;
|
|
|
- color: #727272;
|
|
|
- }
|
|
|
-
|
|
|
- .thr3 {
|
|
|
- margin-top: 22%;
|
|
|
- margin-left: 23%;
|
|
|
- }
|
|
|
-
|
|
|
- .group {
|
|
|
- color: #ffffff;
|
|
|
- margin-top: 20%;
|
|
|
- margin-left: 21%;
|
|
|
- margin-bottom: 10%;
|
|
|
- }
|
|
|
-
|
|
|
- .person {
|
|
|
- margin-left: 30%;
|
|
|
- font-size: 13px;
|
|
|
- color: #ffffff;
|
|
|
- font-weight: 300;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .button{
|
|
|
- margin-top: 5px !important;
|
|
|
- width: 300px !important;
|
|
|
- height: 35px;
|
|
|
- background-color: rgba(243, 32, 162,0.5);
|
|
|
- background-image: linear-gradient(to right, rgb(247, 59, 69) , rgb(223, 41, 247));
|
|
|
- border-radius: 30px;
|
|
|
- color:#ffffff;
|
|
|
- font-size: 13px;
|
|
|
- }
|
|
|
- .four{
|
|
|
- background-color: white;
|
|
|
- padding-top: 200px;
|
|
|
- padding-bottom: 20px;
|
|
|
- }
|
|
|
-
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.back {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ left: 15px;
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.onea {
|
|
|
+ font-weight: 600;
|
|
|
+ position: absolute;
|
|
|
+ top: 5%;
|
|
|
+ left: 2%;
|
|
|
+}
|
|
|
+
|
|
|
+.ones {
|
|
|
+ font-weight: 600;
|
|
|
+ position: absolute;
|
|
|
+ top: 5%;
|
|
|
+ left: 42%;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.one-2 {
|
|
|
+ position: absolute;
|
|
|
+ top: 18%;
|
|
|
+ left: 41%;
|
|
|
+ width: 18%;
|
|
|
+ height: 63.78px;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.one-3 {
|
|
|
+ position: absolute;
|
|
|
+ top: 29%;
|
|
|
+ left: 37.5%;
|
|
|
+ width: 43%;
|
|
|
+ height: 63.78px;
|
|
|
+}
|
|
|
+
|
|
|
+.imgs {
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-top: 4px;
|
|
|
+ margin-left: 2px;
|
|
|
+ width: 70px;
|
|
|
+ height: 70px;
|
|
|
+}
|
|
|
+
|
|
|
+.two-1 {
|
|
|
+ margin-top: -4px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ font-size: 15px;
|
|
|
+ margin-bottom: 6%;
|
|
|
+}
|
|
|
+
|
|
|
+.two {
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.two1 {
|
|
|
+ padding-top: 30px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.two2 {
|
|
|
+ padding-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.two-left1 {
|
|
|
+ float: left;
|
|
|
+ margin-top: -3px;
|
|
|
+ width: 10%;
|
|
|
+}
|
|
|
+
|
|
|
+.two-left2 {
|
|
|
+ margin-top: -3px;
|
|
|
+ float: left;
|
|
|
+ width: 10%;
|
|
|
+}
|
|
|
+
|
|
|
+.zi {
|
|
|
+ color: #9e9e9e;
|
|
|
+}
|
|
|
+
|
|
|
+.date {
|
|
|
+ margin-right: 2%;
|
|
|
+}
|
|
|
+
|
|
|
+.thr {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ padding-top: 15px;
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.tuan {
|
|
|
+ margin-left: 11px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 550;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.thr-left {
|
|
|
+ width: 49px;
|
|
|
+ height: 49px;
|
|
|
+ background-color: #eeeeee;
|
|
|
+ border-radius: 24.5px;
|
|
|
+}
|
|
|
+
|
|
|
+.thr-right {
|
|
|
+ margin-left: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.img {
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 49px;
|
|
|
+ height: 49px;
|
|
|
+}
|
|
|
+
|
|
|
+.two_jian {
|
|
|
+ position: relative;
|
|
|
+ top: -20px;
|
|
|
+ left: 35px;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.thr-1 {
|
|
|
+ padding-top: 10px;
|
|
|
+ padding-left: 10px;
|
|
|
+ float: left;
|
|
|
+ width: 18%;
|
|
|
+ background-color: #ffffff;
|
|
|
+ padding-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.thr1 {
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.thr-2 {
|
|
|
+ padding-top: 10px;
|
|
|
+ padding-left: 8px;
|
|
|
+ float: left;
|
|
|
+ width: 18%;
|
|
|
+ height: 75px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ /* border: 1px solid red; */
|
|
|
+}
|
|
|
+
|
|
|
+.thr2 {
|
|
|
+ float: left;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ border: 2px solid #dddcdc;
|
|
|
+}
|
|
|
+
|
|
|
+.name {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #727272;
|
|
|
+}
|
|
|
+
|
|
|
+.thr3 {
|
|
|
+ margin-top: 22%;
|
|
|
+ margin-left: 23%;
|
|
|
+}
|
|
|
+
|
|
|
+.group {
|
|
|
+ color: #ffffff;
|
|
|
+ margin-top: 20%;
|
|
|
+ margin-left: 21%;
|
|
|
+ margin-bottom: 10%;
|
|
|
+}
|
|
|
+
|
|
|
+.person {
|
|
|
+ margin-left: 20%;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #ffffff;
|
|
|
+ font-weight: 300;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.button {
|
|
|
+ margin-top: 5px !important;
|
|
|
+ width: 300px !important;
|
|
|
+ height: 35px;
|
|
|
+ background-color: rgba(243, 32, 162, 0.5);
|
|
|
+ background-image: linear-gradient(to right, rgb(247, 59, 69), rgb(223, 41, 247));
|
|
|
+ border-radius: 30px;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+.four {
|
|
|
+ background-color: white;
|
|
|
+ padding-top: 200px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+}
|