|
|
@@ -4,6 +4,11 @@ body {
|
|
|
border: none;
|
|
|
padding: 0;
|
|
|
height: 100%;
|
|
|
+ font-family: "Noto Sans SC";
|
|
|
+}
|
|
|
+div,
|
|
|
+span{
|
|
|
+ font-family: "Noto Sans SC";
|
|
|
}
|
|
|
.about_pic {
|
|
|
display: block;
|
|
|
@@ -11,16 +16,19 @@ body {
|
|
|
}
|
|
|
|
|
|
.buy_btn {
|
|
|
- width: 6.7rem;
|
|
|
- height: 1rem;
|
|
|
+ width: 100%;
|
|
|
+ height: 1.4rem;
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
margin: 0 auto;
|
|
|
- bottom: .5rem;
|
|
|
- border-radius: 1rem;
|
|
|
+ bottom: 0;
|
|
|
overflow: hidden;
|
|
|
display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: #fff;
|
|
|
+
|
|
|
|
|
|
.left {
|
|
|
width: 3.35rem;
|
|
|
@@ -32,10 +40,10 @@ body {
|
|
|
align-items: center;
|
|
|
font-size: .3rem;
|
|
|
color: #995916;
|
|
|
+ font-weight: 700;
|
|
|
+ border-radius: 1rem 0 0 1rem;
|
|
|
|
|
|
- .top {
|
|
|
- margin-bottom: .1rem;
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -48,6 +56,8 @@ body {
|
|
|
color: #fff;
|
|
|
font-size: .4rem;
|
|
|
text-align: center;
|
|
|
+ font-weight: 500;
|
|
|
+ border-radius: 0 1rem 1rem 0;
|
|
|
}
|
|
|
|
|
|
.none {
|
|
|
@@ -58,7 +68,7 @@ body {
|
|
|
.container {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- background: #eee;
|
|
|
+ background: #eef2f5;
|
|
|
padding-top: 1rem;
|
|
|
|
|
|
.input_box {
|
|
|
@@ -83,6 +93,7 @@ body {
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
margin-bottom: .16rem;
|
|
|
+ border-radius: .1rem;
|
|
|
|
|
|
input {
|
|
|
width: 100%;
|
|
|
@@ -111,6 +122,8 @@ body {
|
|
|
width: 3.98rem;
|
|
|
height: 0.82rem;
|
|
|
background: #fff;
|
|
|
+ border-radius: .1rem;
|
|
|
+
|
|
|
|
|
|
input {
|
|
|
width: 100%;
|
|
|
@@ -153,7 +166,7 @@ body {
|
|
|
.info_box {
|
|
|
width: 6.8rem;
|
|
|
height: 2.2rem;
|
|
|
- border-radius: .1rem;
|
|
|
+ border-radius: .1rem .1rem 0 0;
|
|
|
margin: 0 auto;
|
|
|
background: #fff;
|
|
|
padding: .3rem;
|
|
|
@@ -162,7 +175,7 @@ body {
|
|
|
.head {
|
|
|
font-size: .3rem;
|
|
|
color: #1a1a1a;
|
|
|
- font-weight: 500;
|
|
|
+ font-weight: 400;
|
|
|
margin-bottom: .3rem;
|
|
|
}
|
|
|
|
|
|
@@ -194,6 +207,8 @@ body {
|
|
|
display: flex;
|
|
|
flex-direction: row-reverse;
|
|
|
align-items: center;
|
|
|
+ border-radius: 0 0 .1rem .1rem ;
|
|
|
+
|
|
|
|
|
|
span {
|
|
|
font-size: .3rem;
|
|
|
@@ -204,6 +219,7 @@ body {
|
|
|
|
|
|
#buy_btn {
|
|
|
font-size: .3rem;
|
|
|
+ font-weight: 700;
|
|
|
color: #fff;
|
|
|
background: #f65d5d;
|
|
|
text-align: center;
|
