|
@@ -168,7 +168,7 @@ page {
|
|
|
margin-left: 40px;
|
|
|
margin-right: 40px;
|
|
|
margin-top: 60px;
|
|
|
- margin-bottom: 160px;
|
|
|
+ margin-bottom: 60px;
|
|
|
position: relative;
|
|
|
// border: 2px solid rgba(255, 255, 255, 0.5);
|
|
|
// border-top:none;
|
|
@@ -394,61 +394,90 @@ page {
|
|
|
background-image: url('https://dm.static.elab-plus.com/miniProgram/rxdz_btn_bg.png');
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: cover;
|
|
|
- .bottom-btn{
|
|
|
- width: 290px;
|
|
|
- height: 80px;
|
|
|
- border-radius: 40px;
|
|
|
- font-family: "DIN Alternate Bold";
|
|
|
- font-weight: 700;
|
|
|
- font-size: 28px;
|
|
|
- .bottom-subtitle{
|
|
|
- font-family: "DIN Alternate Bold";
|
|
|
- font-weight: bold;
|
|
|
- font-size: 30px;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
+ .text{
|
|
|
+ font-family: "Verdana";
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28px;
|
|
|
+ color:rgba(255, 255, 255, 0.55)
|
|
|
}
|
|
|
- .btn{
|
|
|
- height: 96px;
|
|
|
- font-family: "Verdana";
|
|
|
- font-weight: 400;
|
|
|
- font-size: 24px;
|
|
|
- line-height: 32px;
|
|
|
- text-align: center;
|
|
|
- color: #eeefef;
|
|
|
- .iconfont{
|
|
|
- height: 45px;
|
|
|
- font-size: 40px;
|
|
|
- color: #FFD37E;
|
|
|
- }
|
|
|
- }
|
|
|
- .btn1{
|
|
|
- width: 418px;
|
|
|
- height: 96px;
|
|
|
- border-radius: 48px;
|
|
|
- background: linear-gradient(130.79deg, #a0ed84 0%, #e8f4b7 100%);
|
|
|
- border: 2px solid #ffffff38;
|
|
|
- font-family: "DengXian Bold";
|
|
|
- font-weight: 700;
|
|
|
- font-size: 34px;
|
|
|
- line-height: 32px;
|
|
|
- color: #365d39;
|
|
|
- }
|
|
|
- .btn-qw{
|
|
|
- background: linear-gradient(130.79deg, #a0ed84 0%, #e8f4b7 100%);
|
|
|
- color: #365d39;
|
|
|
- margin-right:30px;
|
|
|
- }
|
|
|
- .btn-share{
|
|
|
- background: #f6a553;
|
|
|
- box-shadow: 0 6px 20px rgba(208, 193, 168, 0.31);
|
|
|
- color: #fff;
|
|
|
+ .left{
|
|
|
+ font-family: "FontName";
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 40px;
|
|
|
+ color: #fff;
|
|
|
+ width: 50%;
|
|
|
+ height: 80px;
|
|
|
+ background: #e38330;
|
|
|
+ border-radius: 40px 0% 0% 40px;
|
|
|
+ margin-right: -10px;
|
|
|
+ clip-path: polygon(0 0%, 100% 0, calc(100% - 20px) 100%, 0 100%);
|
|
|
}
|
|
|
- .icon-Shared{
|
|
|
- color: #ffffff;
|
|
|
- font-size:24px;
|
|
|
- // margin-right:10px;
|
|
|
- }
|
|
|
+ .right{
|
|
|
+ font-family: "FontName";
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 40px;
|
|
|
+ color: #fff;
|
|
|
+ width: 50%;
|
|
|
+ height: 80px;
|
|
|
+ background: rgba(255, 255, 255, 0.33);
|
|
|
+ border-radius: 0px 40px 40px 0px;
|
|
|
+ clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+.bottom-btn{
|
|
|
+ width: 290px;
|
|
|
+ height: 80px;
|
|
|
+ border-radius: 40px;
|
|
|
+ font-family: "DIN Alternate Bold";
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 28px;
|
|
|
+ .bottom-subtitle{
|
|
|
+ font-family: "DIN Alternate Bold";
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 30px;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+}
|
|
|
+.btn{
|
|
|
+ height: 96px;
|
|
|
+ font-family: "Verdana";
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 24px;
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: center;
|
|
|
+ color: #eeefef;
|
|
|
+ .iconfont{
|
|
|
+ height: 45px;
|
|
|
+ font-size: 40px;
|
|
|
+ color: #FFD37E;
|
|
|
+ }
|
|
|
+}
|
|
|
+.btn1{
|
|
|
+ width: 418px;
|
|
|
+ height: 96px;
|
|
|
+ border-radius: 48px;
|
|
|
+ background: linear-gradient(130.79deg, #a0ed84 0%, #e8f4b7 100%);
|
|
|
+ border: 2px solid #ffffff38;
|
|
|
+ font-family: "DengXian Bold";
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 34px;
|
|
|
+ line-height: 32px;
|
|
|
+ color: #365d39;
|
|
|
+}
|
|
|
+.btn-qw{
|
|
|
+ background: linear-gradient(130.79deg, #a0ed84 0%, #e8f4b7 100%);
|
|
|
+ color: #365d39;
|
|
|
+ margin-right:30px;
|
|
|
+}
|
|
|
+.btn-share{
|
|
|
+ background: #f6a553;
|
|
|
+ box-shadow: 0 6px 20px rgba(208, 193, 168, 0.31);
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.icon-Shared{
|
|
|
+ color: #ffffff;
|
|
|
+ font-size:24px;
|
|
|
+ // margin-right:10px;
|
|
|
}
|
|
|
.info-head{
|
|
|
width: 100%;
|