|
|
@@ -87,11 +87,9 @@
|
|
|
padding: 0;
|
|
|
border: 0;
|
|
|
outline: 0;
|
|
|
- /*font-size: 100%;*/
|
|
|
+ font-size: 100%;
|
|
|
vertical-align: baseline;
|
|
|
background: transparent;
|
|
|
- max-width: 500px;
|
|
|
- font-size: 100px !important;
|
|
|
}
|
|
|
|
|
|
html {
|
|
|
@@ -100,8 +98,7 @@
|
|
|
|
|
|
body {
|
|
|
line-height: 1.5;
|
|
|
- /*font-size: 0.24rem;*/
|
|
|
- /*font-size:100px !important; ;*/
|
|
|
+ font-size: 0.24rem;
|
|
|
font-family: "Microsoft YaHei";
|
|
|
margin: auto;
|
|
|
max-width: 750px;
|
|
|
@@ -214,7 +211,7 @@
|
|
|
|
|
|
html, body {
|
|
|
max-width: 500px;
|
|
|
- font-size: 100px;
|
|
|
+ /*font-size: 100px;*/
|
|
|
}
|
|
|
|
|
|
.main {
|
|
|
@@ -223,17 +220,21 @@
|
|
|
|
|
|
.container {
|
|
|
position: fixed;
|
|
|
- top: 1.2rem;
|
|
|
+ /*top: 1.2rem;*/
|
|
|
+ top: 120px;
|
|
|
bottom: 0;
|
|
|
- left: 0.125rem;
|
|
|
- right: 0.125rem;
|
|
|
+ /*left: 0.125rem;
|
|
|
+ right: 0.125rem;*/
|
|
|
+ left: 12.5px;
|
|
|
+ right: 12.5px;
|
|
|
background: #fff;
|
|
|
color: #333;
|
|
|
}
|
|
|
|
|
|
.head-box {
|
|
|
position: absolute;
|
|
|
- top: -0.6rem;
|
|
|
+ /*top: -0.6rem;*/
|
|
|
+ top: -60px;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
line-height: 1;
|
|
|
@@ -241,15 +242,19 @@
|
|
|
}
|
|
|
|
|
|
.head-box .head {
|
|
|
- width: 0.65rem;
|
|
|
- height: 0.65rem;
|
|
|
+ /*width: 0.65rem;
|
|
|
+ height: 0.65rem;*/
|
|
|
+ width: 65px;
|
|
|
+ height: 65px;
|
|
|
}
|
|
|
|
|
|
.head-box .shadow {
|
|
|
position: absolute;
|
|
|
- width: 0.75rem;
|
|
|
+ /*width: 0.75rem;
|
|
|
+ top: 0.9rem;*/
|
|
|
+ width: 75px;
|
|
|
+ top: 90px;
|
|
|
left: 50%;
|
|
|
- top: 0.9rem;
|
|
|
height: auto;
|
|
|
transform: translateX(-50%);
|
|
|
}
|
|
|
@@ -257,25 +262,34 @@
|
|
|
.wrapper {
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
|
- top: 0.45rem;
|
|
|
+ /*top: 0.45re*/m;
|
|
|
+ top: 45px;
|
|
|
overflow: scroll;
|
|
|
}
|
|
|
|
|
|
.notice-text {
|
|
|
- margin-top: .05rem;
|
|
|
+ /*margin-top: .05rem;
|
|
|
font-size: 0.14rem;
|
|
|
- padding: 0 0.2rem;
|
|
|
+ padding: 0 0.2rem;*/
|
|
|
+
|
|
|
+ margin-top: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0 20px;
|
|
|
}
|
|
|
|
|
|
.notice-text .title {
|
|
|
- margin-bottom: 0.1rem;
|
|
|
- font-size: 0.17rem;
|
|
|
+ /*margin-bottom: 0.1rem;
|
|
|
+ font-size: 0.17rem;*/
|
|
|
+
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-size: 17px;
|
|
|
font-weight: 500;
|
|
|
color: #420A1E;;
|
|
|
}
|
|
|
|
|
|
.notice-text .text {
|
|
|
- text-indent: 2em;
|
|
|
+ /*text-indent: 2em;*/
|
|
|
+ text-indent: 20px;
|
|
|
font-weight: 500;
|
|
|
color: #420A1E;
|
|
|
line-height: 1.65;
|
|
|
@@ -289,21 +303,26 @@
|
|
|
|
|
|
.qrcode {
|
|
|
text-align: center;
|
|
|
- margin-top: 0.15rem;
|
|
|
line-height: 1;
|
|
|
- padding-bottom: 0.5rem;
|
|
|
+ /*margin-top: 0.15rem;
|
|
|
+ padding-bottom: 0.5rem;*/
|
|
|
+ margin-top: 15px;
|
|
|
+ padding-bottom: 50px;
|
|
|
font-size: 0;
|
|
|
}
|
|
|
|
|
|
.qrcode img {
|
|
|
- width: 2.4rem;
|
|
|
- height: 2.4rem;
|
|
|
+ /*width: 2.4rem;
|
|
|
+ height: 2.4rem;*/
|
|
|
+ width: 240px;
|
|
|
+ height: 240px;
|
|
|
}
|
|
|
|
|
|
.friend {
|
|
|
- font-size: 0.13rem;
|
|
|
+ /*font-size: 0.13rem;*/
|
|
|
+ font-size: 13px;
|
|
|
color: #333;
|
|
|
- margin-top: 0rem;
|
|
|
+ margin-top: 0;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
@@ -313,7 +332,8 @@
|
|
|
}
|
|
|
|
|
|
.qrcode .read-qr {
|
|
|
- font-size: 0.17rem;
|
|
|
+ /*font-size: 0.17rem;*/
|
|
|
+ font-size: 17px;
|
|
|
color: #f14747;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
@@ -321,52 +341,69 @@
|
|
|
@media screen and (min-width: 414px) {
|
|
|
|
|
|
.head-box {
|
|
|
- top: -.5rem;
|
|
|
+ /*top: -.5rem;*/
|
|
|
+ top: -50px;
|
|
|
}
|
|
|
|
|
|
.head-box .head {
|
|
|
- width: 0.7rem;
|
|
|
- height: 0.7rem;
|
|
|
+ /*width: 0.7rem;
|
|
|
+ height: 0.7rem;*/
|
|
|
+
|
|
|
+ width: 70px;
|
|
|
+ height: 70px;
|
|
|
}
|
|
|
|
|
|
.wrapper {
|
|
|
- top: 0.5rem;
|
|
|
+ /*top: 0.5rem;*/
|
|
|
+ top: 50px;
|
|
|
}
|
|
|
|
|
|
.notice-text {
|
|
|
- font-size: .2rem;
|
|
|
+ /* font-size: .2rem;*/
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
|
|
|
.notice-text .title {
|
|
|
- font-size: .22rem;
|
|
|
+ /*font-size: .22rem;*/
|
|
|
+ font-size: 22px;
|
|
|
}
|
|
|
|
|
|
.qrcode {
|
|
|
- margin-top: .2rem;
|
|
|
+ /* margin-top: .2rem;*/
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
|
|
|
.friend {
|
|
|
- margin-bottom: .1rem;
|
|
|
- font-size: .15rem;
|
|
|
+ /*margin-bottom: .1rem;
|
|
|
+ font-size: .15rem;*/
|
|
|
+
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-size: 15px;
|
|
|
}
|
|
|
|
|
|
.qrcode .read-qr {
|
|
|
- font-size: .2rem;
|
|
|
+ /*font-size: .2rem;*/
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 320px) {
|
|
|
.notice-text {
|
|
|
- padding: 0 .15rem;
|
|
|
+ /* padding: 0 .15rem;*/
|
|
|
+ padding: 0 15px;
|
|
|
}
|
|
|
|
|
|
.qrcode {
|
|
|
- margin-top: .2rem;
|
|
|
+ /* margin-top: .2rem;*/
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
|
|
|
.qrcode img {
|
|
|
- width: 2.4rem;
|
|
|
- height: 2.4rem;
|
|
|
+ /*width: 2.4rem;
|
|
|
+ height: 2.4rem;*/
|
|
|
+
|
|
|
+ width: 240px;
|
|
|
+ height: 240px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -383,7 +420,8 @@
|
|
|
overflow: hidden;
|
|
|
margin: .2rem auto 0;
|
|
|
background: #e6e6e6;
|
|
|
- font-size: 0.12rem;
|
|
|
+ /*font-size: 0.12rem;*/
|
|
|
+ font-size: 12px;
|
|
|
color: #666;
|
|
|
border-radius: 50px;
|
|
|
padding: 2px;
|
|
|
@@ -421,7 +459,8 @@
|
|
|
|
|
|
.item span {
|
|
|
font-weight: bold;
|
|
|
- margin-left: 0.06rem;
|
|
|
+ /*margin-left: 0.06rem;*/
|
|
|
+ margin-left: 6px;
|
|
|
}
|
|
|
|
|
|
.item i {
|
|
|
@@ -429,7 +468,8 @@
|
|
|
}
|
|
|
|
|
|
.top {
|
|
|
- top: 0.8rem;
|
|
|
+ /*top: 0.8rem;*/
|
|
|
+ top: 80px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
