bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

423
历届学生/张大亮/马上洗/css/index.css Normal file
View File

@@ -0,0 +1,423 @@
.header{
width:2.80rem;
height:1rem;
font-size:0.90rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
margin:1.92rem auto 0 auto;
}
.page-top{
width:20rem;
height:2.35rem;
background:rgba(255,255,255,1);
display: flex;
flex-direction: row;
justify-content: space-around;
}
.page-top .top-it{
width: 3.2rem;
height: 100%;
box-sizing: border-box;
font-size:0.80rem;
font-family:PingFang SC;
font-weight:bold;
text-align: center;
line-height:2.35rem ;
}
.page-top .top-it a{
color:#666364;
}
.page-top .top-it#it-1{
border-bottom: solid 0.16rem #3962A8;
}
.page-top .top-it#it-1 a{
color: #3962A8;
}
.banner{
width: 20rem;
height: 6.13rem;
overflow: hidden;
position: relative;
}
.banner .wrap{
width: 40rem;
height: 6.13rem;
position: absolute;
z-index: 1;
}
.banner .wrap img
{
width: 20rem;
height: 6.13rem;
float: left;
}
.banner .banner-button{
width: 1.38rem;
height: 0.37rem;
position: absolute;
z-index: 2;
left: 9.07rem;
top: 5.33rem;
}
.banner .banner-button span{
margin-left: 0.32rem;
width: 0.37rem;
height: 0.37rem;
border-radius: 50%;
display:inline-block;
float: left;
background: white;
}
.art-top,.only-top{
height: 0.8rem;
margin-top:0.8rem ;
position: relative;
}
.art-top .left,.only-top .left{
width: 0.16rem;
height: 0.69rem;
background: #3962A8;
margin-left: 0.53rem;
position: absolute;
}
.art-top .left-text,.only-top .left-text{
width: 2.4rem;
height: 0.77rem;
position: absolute;
font-size:0.8rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
margin-left:1.09rem ;
line-height: 0.77rem;
}
.art-top img,.only-top img{
width: 0.69rem;
height: 0.69rem;
position: absolute;
margin-left: 15.73rem;
}
.art-top .right-text,.only-top .right-text{
position: absolute;
margin-left: 16.75rem;
width: 2.8rem;
height: 0.67rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
line-height: 0.67rem;
}
.art{
margin-top: 1rem;
height: 4.13rem;
display: flex;
flex-direction: row;
justify-content: space-around;
}
.art .art-2,.art .art-3,.art .art-4{
width: 6.05rem;
height: 4.13rem;
background:rgba(245,245,245,1);
border-radius:1rem;
overflow: hidden;
position: relative;
}
.art #top{
width: 3.6rem;
height: 1.07rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
background: #F7C846;
text-align: center;
line-height: 1.07rem;
}
.art #body{
width: 2.5rem;
height: 0.67rem;
margin-top: 0.59rem;
margin-left: 0.56rem;
font-size:0.69rem;
font-family:PingFang SC;
font-weight:800;
color:rgba(0,0,0,1);
line-height: 0.67rem;
}
.art #foot{
width: 2.2rem;
height: 0.8rem;
margin-top: 0.59rem;
margin-left: 0.53rem;
font-size:1.01rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
line-height: 0.8rem;
}
.art img{
position: absolute;
width: 1.17rem;
height: 1.17rem;
top: 2.37rem;
left: 4.48rem;
}
.only-shop{
width: 18.94rem;
height: 27.26rem;
margin-top: 0.8rem;
margin-left:0.53rem ;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-content:space-around;
}
.only-shop .only{
height: 6.19rem;
width: 4.56rem;
}
.only-shop .only .only-body{
width: 4.56rem;
height: 4.56rem;
position: relative;
}
.only-shop .only .only-body .body-value{
width: 4.56rem;
height: 4.56rem;
}
.only-shop .only .only-body .add{
position: absolute;
width: 0.96rem;
height: 0.96rem;
z-index: 2;
top: 0;
left: 0;
top: 3.41rem;
left: 3.44rem;
}
.only-shop .only .only-foot1{
margin-top: 0.32rem;
height: 0.56rem;
width: 4.56rem;
text-align: center;
line-height: 0.56rem;
font-size:0.56rem;
font-family:PingFang SC;
font-weight:800;
color:rgba(51,51,51,1);
}
.only-shop .only .only-foot2{
margin-top:0.27rem ;
height: 0.45rem;
font-size:0.59rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
text-align: center;
line-height: 0.45rem;
}
.footer{
height: 3.14rem;
width: 20rem;
margin-top: 0.85rem;
border-top: 0.05rem solid #E6E3E6;
box-sizing: border-box;
position: relative;
}
.footer .shop{
width: 2.67rem;
height: 2.67rem;
border-radius: 50%;
margin-top: 0.21rem;
margin-left: 0.53rem;
background: pink;
position: relative;
}
.footer .shop .shoping{
width: 2.67rem;
height: 2.67rem;
border-radius: 50%;
}
.footer .shop:after{
content: "0";
width: 1.07rem;
height: 1.07rem;
background: red;
position: absolute;
z-index: 1;
top:0.1rem;
left:2.14rem;
border-radius: 50%;
color: #FFE9E6;
text-align: center;
line-height:1.07rem ;
font-size: 0.68rem;
}
.footer .add{
width: 4.5rem;
height: 0.77rem;
font-size:0.8rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
position: absolute;
top: 0.75rem;
left: 9.04rem;
line-height: 0.77rem;
}
.footer .cheap{
width: 3rem;
height: 0.6rem;
font-size:0.4rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(255,51,51,1);
position: absolute;
top:1.71rem ;
left:10.33rem ;
line-height: 0.6rem;
}
.footer .gopay{
width: 5.6rem;
height: 2.12rem;
border-radius: 1.06rem;
background: #3954AB;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
position: absolute;
line-height: 2.12rem;
text-align: center;
top: 0.54rem;
left: 13.87rem;
}
.float,.float2{
position: absolute;
width: 100%;
height: 51.8rem;
left: 0;
top: 0;
background: rgba(0,0,0,0.5);
z-index: 4;
display: none;
}
.float .value{
position: absolute;
width:17.01rem;
height:15.28rem;
background:rgba(255,255,255,1);
border-radius:1rem;
top: 11.09rem;
left: 1.49rem;
}
.float .value .tite{
width:4.3rem;
height:0.83rem;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
line-height:0.83rem;
margin-top:1.25rem ;
margin-left: 6.29rem;
}
.float .value .body{
width:14.85rem;
height:8.63rem;
font-size:0.59rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(102,102,102,1);
line-height:0.83rem;
margin-top: 1.17rem;
margin-left: 0.99rem;
}
.float .value .button{
height: 2.2rem;
width: 100%;
box-sizing: border-box;
border-top: 0.05rem solid rgba(230,230,230,1);
text-align: center;
line-height: 2.2rem;
font-size:0.96rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(57,85,168,1);
margin-top: 1.17rem;
}
.float2 .value{
position: absolute;
width:17.01rem;
height:11.89rem;
background:rgba(255,255,255,1);
border-radius:1rem;
top: 12.05rem;
left: 1.49rem;
}
.float2 .value .tite{
width:4.3rem;
height:0.83rem;
font-size:0.85rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(51,51,51,1);
line-height:0.83rem;
margin-top:1.25rem ;
margin-left: 6.29rem;
}
.float2 .value .body{
width:14.72rem;
height:4.7rem;
font-size:0.59rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(102,102,102,1);
line-height:0.83rem;
margin-top: 1.17rem;
margin-left: 0.99rem;
}
.float2 .value .button{
height: 2.2rem;
width: 100%;
box-sizing: border-box;
border-top: 0.05rem solid rgba(230,230,230,1);
text-align: center;
line-height: 2.2rem;
font-size:0.96rem;
font-family:PingFang SC;
font-weight:bold;
color:rgba(57,85,168,1);
margin-top: 1.76rem;
}
.footer .cart{
position: absolute;
width:20rem;
height:9.89rem;
background:rgba(255,255,255,1);
z-index: 2;
bottom: 3.17rem;
box-sizing: border-box;
border-top: 0.03rem solid black;
display: none;
}
.footer .cart .cart-header{
width:20rem;
height:2.13rem;
background:rgba(245,245,244,1);
}
.footer .cart .cart-body{
height: 7.76rem;
width: 20rem;
}