first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,13 @@
body,ul,li,p,h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
}
input {
outline: none;
}

View File

@@ -0,0 +1,244 @@
.head{
width: 7.5rem;
height: 4.71rem;
background: url(../img/120img/背景2.png);
background-size: cover;
}
.head_top{
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 0.36rem ;
padding-left: 0.26rem;
}
.head_top img{
margin-top: 0.83rem;
width: 0.26rem;
height: 0.27rem;
}
.zijin{
margin-top: 0.77rem;
width: 1.36rem;
font-size: 0.34rem;
color: #ffffff;
margin-left: 1.1rem;
}
.shouzhi{
margin-top: 0.78rem;
width: 1.36rem;
font-size: 0.34rem;
color: #ffffff;
}
.head_bottom{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 0.53rem;
}
.head_bottom p{
font-size: 0.24rem;
color: #ffffff;
}
.head_bottom h2{
font-size: 0.86rem;
color: #ffffff;
}
.head_bottom .tixian{
width: 2.41rem;
height: 0.71rem;
background-color: #ffffff;
border-radius: 0.355rem;
opacity: 0.8;
font-size: 0.32rem;
color: #2692ff;
text-align: center;
line-height: 0.71rem;
}
.content{
height: 8.63rem;
background-color: rgb(238, 238, 243);
position: relative;
}
.income{
width: 6.94rem;
height: 3.02rem;
background-color: #ffffff;
border-radius: 0.1rem;
margin: 0 auto;
margin-top: -0.41rem;
margin-left: 0.27rem;
position: absolute;
}
.income_top{
display: flex;
justify-content: space-evenly;
height: 1.51rem;
align-items: center;
position: relative;
}
.income_top::after{
content: "";
position: absolute;
width: 6.31rem;
height: 0.01rem;
background-color: #f4f4f7;
margin-top: 1.5rem;
}
.income_top li{
display: flex;
flex-direction: column;
text-align: center;
}
.income_top .leijishouru::after{
content: "";
position: absolute;
width: 0.01rem;
height: 0.91rem;
background-color: #ececf2;
margin-left: -0.66rem
}
.income_bottom{
display: flex;
justify-content: space-evenly;
height: 1.51rem;
align-items: center;
position: relative;
}
.income_bottom li{
display: flex;
flex-direction: column;
text-align: center;
}
.leijizhichu::after{
content: "";
position: absolute;
width: 0.01rem;
height: 0.91rem;
background-color: #ececf2;
margin-left: -0.66rem
}
.income_top li p{
font-size: 0.24rem;
line-height: 0.42rem;
color: #646464;
}
.income_top li span{
font-size: 0.34rem;
line-height: 0.42rem;
color: #333333;
}
.income_bottom li p{
font-size: 0.24rem;
line-height: 0.42rem;
color: #646464;
}
.income_bottom li span{
font-size: 0.34rem;
line-height: 0.42rem;
color: #333333;
}
.cash{
position: absolute;
bottom: 2.33rem;
margin-left: 0.27rem;
}
.cash_top{
font-size: 0.34rem;
color: #333333;
margin-bottom: 0.31rem;
}
.cash_bottom{
width: 6.94rem;
height: 2.38rem;
background-color: #ffffff;
border-radius: 0.1rem;
display: flex;
justify-content: space-around;
align-items: center;
}
.weixin{
width: 3.01rem;
height: 1.2rem;
background-color: #ffffff;
border-radius: 0.05rem;
border: solid 0.01rem #d9e1e9;
display: flex;
justify-content: center;
align-items: center;
}
.active{
border: solid 0.01rem #74b9ff !important;
}
.yinhangka{
width: 3.01rem;
height: 1.2rem;
background-color: #ffffff;
border-radius: 0.05rem;
border: solid 0.01rem #d9e1e9;
display: flex;
justify-content: center;
align-items: center;
}
.cash_bottom img{
width: 0.6rem;
height: 0.6rem;
margin-right: 0.21rem;
}
.cash_bottom span{
font-size: 0.28rem;
line-height: 0.42rem;
color: #333333;
}
.foot{
position: fixed;
width: 100%;
height: 1rem;
background-color: #ffffff;
bottom: 0;
left: 0;
}
.tixian{
width: 6.8rem;
height: 0.8rem;
background-color: #5697f4;
border-radius: 0.4rem;
font-size: 0.34rem;
line-height: 0.42rem;
color: #eeeef3;
text-align: center;
line-height: 0.8rem;
margin: 0 auto;
margin-top: 0.1rem;
}

View File

@@ -0,0 +1,118 @@
.content{
width: 100%;
color: #fff;
position: relative;
padding-bottom: 2.95rem;
}
.head_left{
height: 0.9rem;
}
.head_left img{
width: 0.2rem;
height: 0.35rem;
position: absolute;
margin-top: 0.67rem;
margin-left: 0.21rem;
}
.zhuce{
margin-top: 1.78rem;
margin-left: 0.62rem;
margin-right: 0.6rem;
}
.zhuce h2{
font-size: 0.54rem;
font-weight: bold;
color: #000000;
margin-bottom: 1.25rem;
}
.yanzhengma_text{
margin-left: 0.68rem;
width: 1.38rem;
height: 0.52rem;
background-color: #f2f6f9;
border-radius: 0.26rem;
font-size: 0.24rem;
color: #555555;
text-align: center;
line-height: 0.52rem;
}
.zhuce_bottom input{
border: none;
font-size: 0.28rem;
width: 3.4rem;
}
.zhuce_bottom li{
margin-bottom: 0.65rem;
display: flex;
align-items: center;
}
.zhuce_bottom li:last-child{
margin-bottom: 0;
}
.zhuce_bottom{
position: relative;
}
.zhuce_bottom li::after{
content: "";
width: 6.3rem;
height: 0.01rem;
background-color: #d9e2e9;
position: absolute;
margin-top: 0.96rem;
}
.zhuce_bottom li img{
margin-right: 0.3rem;
}
.shouji{
width: 0.3rem;
height: 0.42rem;
background-color: #a4b8d4;
border-radius: 0.02rem;
border: solid 0.02rem #a4b8d4;
}
.yanzheng{
width: 0.32rem;
height: 0.24rem;
background-color: #a4b8d4;
border-radius: 0.04rem;
}
.mima{
width: 0.3rem;
height: 0.36rem;
}
.xieyi {
display: flex;
justify-content: flex-start;
margin-top: 0.65rem;
align-items: center;
}
.xieyi input{
width: 0.18rem;
height: 0.18rem;
margin-right: 0.12rem;
background-color: #79c9ff;
}
.xieyi p{
font-size: 0.2rem;
color: #333333;
}
.xieyi p span{
font-size: 0.2rem;
color: #79c9ff;
}
.now{
width: 6.3rem;
height: 0.98rem;
background-color: #5697f4;
border-radius: 0.49rem;
font-size: 0.34rem;
line-height: 0.36rem;
color: #ffffff;
text-align: center;
line-height: 0.98rem;
margin-top: 0.53rem;
}

View File

@@ -0,0 +1,317 @@
.head{
height: 0.9rem;
background-color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.head::after{
content: "";
position: absolute;
width: 7.5rem;
height: 0.02rem;
background-color: #d9e2e9;
margin-top: 0.8rem;
}
.head_left,.head_middle,.head_right{
width: 1.36rem;
height: 0.33rem;
}
.head_left img{
width: 0.2rem;
height: 0.33rem;
margin-left: 0.3rem;
}
.head p{
font-size: 0.34rem;
color: #333333;
margin-top: -5px;
}
.content{
background-color: #f2f2f2;
}
.xinxi{
height: 1.26rem;
padding: 0 0.3rem;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
}
.xinxi_left_top{
display: flex;
margin-bottom: 0.17rem;
}
.xinxi_left_top p{
font-size: 0.3rem;
color: #333333;
margin-right: 0.52rem;
}
.xinxi_left_bottom{
font-size: 0.24rem;
color: #333333;
}
.xinxi_right img{
width: 0.14rem;
height: 0.26rem;
}
.zhifu{
height: 0.84rem;
background-color: #ffffff;
border-radius: 0.1rem;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.19rem;
margin-bottom: 0.16rem;
}
.zhifu p{
font-size: 0.28rem;
color: #333333;
}
.zhifu_left{
margin-left: 0.26rem;
}
.zhifu_right{
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 0.43rem;
}
.zhifu_right img{
width: 0.31rem;
height: 0.06rem;
}
.jiesuan li{
margin-top: 0.16rem;
}
.jiesuan_name{
height: 0.62rem;
line-height: 0.62rem;
background-color: #ffffff;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0.24rem;
margin-bottom: 0.02rem;
}
.jiesuan_name .xiaodianpu{
width: 0.24rem;
height: 0.22rem;
}
.jiesuan_name p{
font-size: 0.26rem;
color: #333333;
margin-left: 0.06rem;
margin-right: 0.16rem;
}
.jiesuan_name .right{
width: 0.1rem;
height: 0.19rem;
}
.juesuan_chanping{
background-color: #ffffff;
}
.juesuan_chanping li{
margin-top: 0;
}
.juesuan_chanping_list{
height: 2.22rem;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0.24rem;
padding-right: 0.76rem;
}
.juesuan_chanping_left img{
width: 2rem;
height: 1.65rem;
border-radius: 0.06rem;
margin-right: 0.36rem;
}
.juesuan_chanping_right{
width: 4.1rem
}
.juesuan_chanping_right_text{
width: 3.18rem;
font-size: 0.28rem;
color: #333333;
}
.shuxing{
display: flex;
align-items: center;
}
.shuxing p{
font-size: 0.2rem;
color: #999999;
margin-right: 0.36rem;
}
.jiage{
display: flex;
justify-content: space-between;
align-items: center;
}
.jiage_left .fuhao{
font-size: 0.2rem;
color: #ea4e3d;
}
.jiage_left .qiansan{
font-size: 0.34rem;
color: #ea4e3d;
}
.jiage_left .housan{
font-size: 0.24rem;
color: #ea4e3d;
}
.jiage_right{
font-size: 0.2rem;
color: #999999;
}
.beizhu{
height: 0.88rem;
background-color: #ffffff;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0.3rem;
margin: 0.02rem 0;
}
.beizhu p{
font-size: 0.3rem;
color: #333333;
margin-right: 0.31rem;
}
.beizhu input{
width: 4.9rem;
border: none;
}
.jianmian{
height: 1.08rem;
background-color: #ffffff;
padding: 0 0.3rem;
line-height: 0.54rem;
}
.jianmian li{
margin-top: 0rem;
}
.jianmian_youhui{
display: flex;
justify-content: space-between;
align-items: center;
}
.jianmian_youhui p{
font-size: 0.24rem;
color: #333333;
}
.jianmian_youhui span{
font-size: 0.24rem;
color: #f09c48;
}
.jianmian_feiyong{
display: flex;
justify-content: space-between;
align-items: center;
}
.jianmian_feiyong p{
font-size: 0.24rem;
color: #333333;
}
.jianmian_feiyong span{
font-size: 0.24rem;
color: #333333;
}
.jiner{
height: 0.84rem;
background-color: #ffffff;
border-radius: 0rem 0rem 0.1rem 0.1rem;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 0.31rem;
padding-right: 0.26rem;
margin-top: 0.02rem;
}
.jiner p{
font-size: 0.3rem;
color: #333333;
}
.jiner span{
font-size: 0.34rem;
color: #ea4e3d;
}
.foot{
position: fixed;
bottom: 0;
left: 0;
width: 7.5rem;
height: 0.92rem;
background-color: #ffffff;
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 0.22rem;
}
.foot_text{
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.1rem;
}
.foot_text p{
font-size: 0.26rem;
color: #c6c6c6;
margin-right: 0.14rem;
}
.foot_text span{
font-size: 0.26rem;
color: #999999;
}
.foot_money{
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.42rem;
}
.foot_money p{
font-size: 0.3rem;
color: #000000;
}
.foot_money span{
font-size: 0.24rem;
color: #000000;
}
.foot_jiesuan{
width: 1.92rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
font-size: 0.28rem;
line-height: 0.66rem;
color: #ffffff;
text-align: center;
margin-right: 0.24rem;
}

View File

@@ -0,0 +1,184 @@
.header{
width: 7.5rem;
height: 5.5rem;
background: url(../img/46img/timg.png);
background-size: cover;
}
.head_top{
padding: 0.1rem;
display: flex;
justify-content: center;
align-items: center;
}
.head_top li{
margin-left: 0.16rem;
}
.head_top li a{
font-size: 0.36rem;
color: #ffffff;
margin-right: 0.2rem;
}
.camera img{
position: fixed;
right: 0.43rem;
top: 0.81rem;
width: 0.62rem;
height: 0.48rem;
}
.content{
padding: 0.42rem 0.41rem 0rem 0.24rem;
}
.dianpuxuanchuan .dianpu{
margin-bottom: 0.52rem;
}
.dianpuxuanchuan li:last-child{
margin-bottom: 0;
}
.dianpu{
display: flex;
}
.dianpu_left{
position: relative;
margin-right: 0.23rem;
}
.tubiao{
position: absolute;
right: 0;
top: 0.64rem;
}
.dianputouxiang{
width: 0.86rem;
height: 0.86rem;
}
.dianputubiao{
width: 0.27rem;
height: 0.29rem;
background-color: #ea4e3d;
border-radius: 0.05rem;
}
.dianpu_right_name{
display: flex;
justify-content: space-between;
align-items: center;
}
.dianpu_right_name p{
font-size: 0.3rem;
color: #5a6f92;
}
.dianpu_right_name span{
font-size: 0.24rem;
color: #999999;
}
.dianpu_right_text {
font-size: 0.24rem;
line-height: 0.36rem;
color: #686868;
}
.dianpu_right_show{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.25rem;
}
.dianpu_right_show img{
width: 1.85rem;
height: 1.85rem;
background-color: #ffffff;
}
.yinying{
height: 0.4rem;
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: -0.4rem;
width: 1.85rem;
height: 0.4rem;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(0, 0, 0));
opacity: 0.8;
}
.yinying img{
width: 0.12rem;
height: 0.16rem;
}
.yinying .money{
font-size: 0.24rem;
line-height: 0.36rem;
color: #ffffff;
}
.yinying .dian{
font-size: 0.24rem;
color: #ffffff;
}
.yinying .zero{
zoom: 0.85;
font-size: 0.2rem;
color: #ffffff;
margin-right: 0.09rem;
margin-top: 4px;
}
.time{
display: flex;
justify-content: space-between;
margin-top: 0.28rem;
}
.time_left{
display: flex;
justify-content: flex-start;
}
.time_left p{
font-size: 0.24rem;
color: #989898;
}
.time_left span{
font-size: 0.2rem;
color: #989898;
}
.time img{
margin-top: 0.06rem;
margin-right: 0.19rem;
width: 0.34rem;
height: 0.26rem;
}
.commentary{
width: 5.7rem;
height: 1.97rem;
background-color: #f7f7f7;
border-radius: 0.1rem;
margin-top: 0.36rem;
}
.commentary_top{
height: 0.77rem;
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 0.28rem;
}
.commentary_top img {
width: 0.29rem;
height: 0.26rem;
margin-right: 0.22rem;
}
.commentary_top p{
font-size: 0.3rem;
color: #5a6f92;
}
.commentary_bottom{
height: 1.19rem;
}
.commentary_bottom_list{
display: flex;
margin-left: 0.27rem;
}
.commentary_bottom p{
font-size: 0.3rem;
color: #5a6f92;
}
.commentary_bottom span{
font-size: 0.3rem;
color: #0e0e0e;
}

View File

@@ -0,0 +1,212 @@
.content{
width: 100%;
height: 100Vh;
height: 13.34rem;
background: url(../img/58img/back.png);
background-size: cover;
padding-top: 0.02rem;
}
.ziliao{
width: 4.32rem;
height: 0.8rem;
background-color: #00000047;
border-radius: 0.4rem;
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 0.12rem;
margin-left: 0.24rem;
}
.ziliao .ziliao_left{
width: 0.7rem;
height: 0.7rem;
border-radius: 100%;
}
.ziliao_middle{}
.ziliao_middle p{
font-size: 0.26rem;
color: #ffffff;
}
.ziliao_middle span{
font-size: 0.22rem;
color: #ffffff;
}
.ziliao_right{
width: 1.05rem;
height: 0.45rem;
background-color: rgb(234 78 61);
border-radius: 0.4rem;
text-align: center;
line-height: 0.45rem;
}
.ziliao_right img{
width: 0.34rem;
height: 0.24rem;
}
.ziliao_right span{
font-size: 0.24rem;
color: #ffffff;
}
.shangping{
width: 7.5rem;
height: 2.7rem;
background-color: #ffffff45;
position: fixed;
bottom: 1rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
}
.shangping li{
width: 1.65rem;
height: 2.36rem;
background-color: #ffffff90;
border-radius: 0.1rem;
margin-left: 0.1rem;
}
.shangping li:last-child{
width: 0.26rem;
height: 1.4rem;
background-color: #ffffff00;
}
.shangping_list img{
width: 1.65rem;
height: 1.65rem;
background-color: #ffffff;
border-radius: 0.1rem 0.1rem 0rem 0rem;
}
.shangping_list p{
width: 1.22rem;
font-size: 0.2rem;
color: #000000;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.shangping_list span{
width: 0.87rem;
font-size: 0.2rem;
color: #ea4e3d;
}
.shangping_text p{
margin-left: 0.13rem;
margin-bottom: 0.06rem;
margin-top: 0.08rem;
}
.shangping_text span{
margin-left: 0.13rem;
margin-bottom: 0.01rem;
}
.you img{
width: 0.26rem;
height: 1.45rem;
}
.fudong{
position: fixed;
left: 0.21rem;
bottom: 3.3rem;
}
.guanzhu{
width: 3.5rem;
height: 0.5rem;
background-color: #4799ee60;
border-radius: 0.1rem;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0.31rem;
}
.guanzhu img{
width: 0.34rem;
height: 0.24rem;
}
.guanzhu p{
font-size: 0.26rem;
color: #ffffff;
}
.liaotian li{
margin-bottom: 0.13rem;
}
.liaotian_list{
width: 3.24rem;
height: 0.5rem;
background-color: #000000;
border-radius: 0.25rem;
opacity: 0.4;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0.23rem;
}
.liaotian_list p{
font-size: 0.26rem;
color: #4799ee;
}
.liaotian_list span{
font-size: 0.26rem;
color: #ffffff;
}
.foot{
position: fixed;
width: 100%;
height: 1rem;
bottom: 0;
background-color: #ffffff35;
display: flex;
align-items: center;
}
.foot input{
width: 3.59rem;
height: 0.62rem;
background-color: #000000;
border-radius: 0.31rem;
opacity: 0.4;
color: #ffffff;
padding-left: 0.25rem;
margin-left: 0.12rem;
}
.foot input::placeholder {
font-size: 0.28rem;
color: #ffffff;
opacity: 0.74;
}
.dianputu{
width: 0.63rem;
height: 0.63rem;
background-color: #4799ee;
border-radius: 100%;
opacity: 0.45;
}
.foot img{
width: 0.63rem;
height: 0.63rem;
background-color: #000000;
border-radius: 100%;
opacity: 0.4;
margin-left: 0.13rem;
}

View File

@@ -0,0 +1,42 @@
.clear_size {
font-size: 0;
}
/* footer */
.footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 1rem;
background-color: #000000;
display: flex;
align-items: center;
justify-content: space-around;
}
.footer ul li{
}
.footer li a{
font-size: 0.24rem;
color: #ffffff;
}
.footer .active{
position: relative;
}
.footer .active a{
font-size: 0.3rem;
}
.footer .active::after{
content: "";
position: absolute;
width: 0.51rem;
height: 0.03rem;
background-color: #ffffff;
border-radius: 0.015rem;
bottom: -0.26rem;
left: 50%;
transform: translateX(-50%);
}
/* footer结束 */