You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.3 KiB
64 lines
1.3 KiB
3 years ago
|
.contioner{
|
||
|
width: 100vw;
|
||
|
height: 100vh;
|
||
|
background-color: #1a1a1a;
|
||
|
.content{
|
||
|
width: 700rpx;
|
||
|
margin: 0rpx auto;
|
||
|
overflow: hidden;
|
||
|
.frist{
|
||
|
margin-top: 30rpx;
|
||
|
}
|
||
|
.contentitem{
|
||
|
width: 700rpx;
|
||
|
height: 110rpx;
|
||
|
background-color: #262626;
|
||
|
display: flex;
|
||
|
position: relative;
|
||
|
align-items: center;
|
||
|
margin-bottom: 30rpx;
|
||
|
border-radius: 20rpx;
|
||
|
.itemimg{
|
||
|
width: 60rpx;
|
||
|
height: 60rpx;
|
||
|
margin-left: 20rpx;
|
||
|
margin-right: 20rpx;
|
||
|
image{
|
||
|
width: 60rpx;
|
||
|
height: 60rpx;
|
||
|
}
|
||
|
}
|
||
|
.itemname{
|
||
|
color: #FFFFFF;
|
||
|
}
|
||
|
.fanhui{
|
||
|
width: 40rpx;
|
||
|
height: 40rpx;
|
||
|
position: absolute;
|
||
|
right: 30rpx;
|
||
|
top: 35rpx;
|
||
|
image{
|
||
|
width: 40rpx;
|
||
|
height: 40rpx;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.button{
|
||
|
width: 340rpx;
|
||
|
height: 80rpx;
|
||
|
margin: auto;
|
||
|
// margin-top: 40rpx;
|
||
|
position: absolute;
|
||
|
bottom: 80rpx;
|
||
|
left: 210rpx;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
font-weight: 500;
|
||
|
border-radius: 40rpx;
|
||
|
background: #77A1D3; /* fallback for old browsers */
|
||
|
background: -webkit-linear-gradient(to right, #E684AE, #8eeeed); /* Chrome 10-25, Safari 5.1-6 */
|
||
|
background: linear-gradient(to right, #E684AE, #8eeeed); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||
|
}
|
||
|
}
|