初始化项目
This commit is contained in:
@@ -0,0 +1,253 @@
|
||||
body {
|
||||
/*overflow-x: hidden;*/
|
||||
font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53,
|
||||
sans-serif;
|
||||
background: #ffffff;
|
||||
}
|
||||
.container{text-align: center;max-width: 640px;}
|
||||
.img{
|
||||
width: 60px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.text-box{}
|
||||
.box-title{line-height: 30px;}
|
||||
.box-p{
|
||||
line-height: 35px;
|
||||
text-align: left;
|
||||
height: 40px;
|
||||
}
|
||||
.text-val{
|
||||
display: inline-block;
|
||||
width: 240px;
|
||||
border: 1px solid gray;
|
||||
height: 29px;
|
||||
line-height: 25px;
|
||||
padding: 0 5px;
|
||||
background-color: #ededed;
|
||||
}
|
||||
.copy{
|
||||
margin-left: 10px;
|
||||
color: black;
|
||||
font-size: 13px;
|
||||
border: 1px solid;
|
||||
padding: 5px;
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.sure-but{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
background-color: #4caf50;
|
||||
color: white;
|
||||
text-align: center;
|
||||
margin-bottom: 60px;
|
||||
margin-top: 20px;
|
||||
border-radius: 5px;
|
||||
font-size: 21px;
|
||||
}
|
||||
.text-input{
|
||||
display: inline-block;
|
||||
width: 176px;
|
||||
border: 1px solid gray;
|
||||
height: 29px;
|
||||
line-height: 25px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.tick-text{line-height: 30px;}
|
||||
.tick-text-no{height: 60px;line-height: 60px;font-weight: 600;}
|
||||
.explain{
|
||||
color: red;
|
||||
font-weight: 600;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
}
|
||||
.explain-text{
|
||||
text-align: left;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
height: 36px;
|
||||
}
|
||||
.explain-blue{
|
||||
color: #fff;
|
||||
font-weight: unset;
|
||||
width: 80%;
|
||||
font-size: 19px;
|
||||
background-color: #40a9ff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.orange{color: #ff5200;font-weight:600;}
|
||||
.text-box-top{width: 90%;margin: 0 auto;}
|
||||
.red{color: red;}
|
||||
.title{
|
||||
height: 75px;
|
||||
line-height: 75px;
|
||||
}
|
||||
.title-text{
|
||||
font-size: 40px;
|
||||
vertical-align: middle;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.money{
|
||||
font-size: 40px;
|
||||
color: #ff5200;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.qrcode{
|
||||
width: 70%;
|
||||
}
|
||||
.qrcode-div{
|
||||
border-top: 1px solid #ebebeb;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
margin: 20px 0 20px 0;
|
||||
}
|
||||
.black{color: black!important;font-size: 13px;}
|
||||
.center{text-align: center;margin: 15px auto!important;}
|
||||
.min{
|
||||
color:red;
|
||||
}
|
||||
.sec{
|
||||
color:red;
|
||||
}
|
||||
|
||||
.ali-img{
|
||||
width: 170px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ali-explain{
|
||||
font-weight: 600;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
font-size: 15px;
|
||||
}
|
||||
.ali-title{
|
||||
height: 125px;
|
||||
line-height: 125px;
|
||||
}
|
||||
.ali-a{
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.ali-time{
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ali-explain-trip{
|
||||
margin-top: 27%!important;
|
||||
}
|
||||
.down img{
|
||||
width: 270px!important;
|
||||
}
|
||||
|
||||
.explain img{
|
||||
width: 340px!important;
|
||||
}
|
||||
.box{
|
||||
margin-top: 10%;
|
||||
}
|
||||
.c-red{
|
||||
color: #c7171e;
|
||||
}
|
||||
.pay-box{
|
||||
display: none;
|
||||
}
|
||||
#remainTime{
|
||||
color:red;
|
||||
}
|
||||
.wx-tick-text{
|
||||
line-height: 0px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.wx-tick-text-no{
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.qrcode-wx{
|
||||
margin: 10px 0 10px 0!important;
|
||||
}
|
||||
.qrcode-wx img{
|
||||
width: 60%!important;
|
||||
}
|
||||
.explain-div img{
|
||||
width: 100%!important;
|
||||
}
|
||||
.explain-div{
|
||||
color: red;
|
||||
font-weight: 600;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
margin: 5px auto;
|
||||
}
|
||||
.wx-title {
|
||||
height: 40px;
|
||||
line-height: 35px;
|
||||
}
|
||||
.wx-img {
|
||||
width: 42px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.wx-title-text {
|
||||
font-size: 30px;
|
||||
vertical-align: middle;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
|
||||
.loading {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
color: #fff;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.modal {
|
||||
display: none; /* 默认隐藏 */
|
||||
position: fixed; /* 固定定位 */
|
||||
z-index: 1; /* 位于所有元素的最上层 */
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto; /* 当内容超出元素高度时自动滚动 */
|
||||
background-color: rgba(0,0,0,0.4); /* 半透明黑色背景 */
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
position: relative;
|
||||
background-color: #fefefe;
|
||||
margin: 15% auto; /* 元素居中 */
|
||||
padding: 20px;
|
||||
border: 1px solid #888;
|
||||
width: 80%;
|
||||
max-width: 600px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #aaa;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.close:hover,
|
||||
.close:focus {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user