73 lines
1.2 KiB
Plaintext
73 lines
1.2 KiB
Plaintext
|
page {
|
||
|
|
background-color: #222238;
|
||
|
|
border-top: 1px solid hsla(0,31%,87%,.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
padding: 20rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
color: #a790e2;
|
||
|
|
font-size: 36rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section {
|
||
|
|
border-radius: 10rpx;
|
||
|
|
box-shadow: 0 4rpx 8rpx rgba(0,0,0,.1);
|
||
|
|
margin-bottom: 30rpx;
|
||
|
|
padding: 20rpx;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-title {
|
||
|
|
border-bottom: 2rpx solid hsla(0,31%,87%,.5);
|
||
|
|
color: #fff;
|
||
|
|
font-size: 30rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
padding-bottom: 10rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-content {
|
||
|
|
padding-left: 20rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article-link {
|
||
|
|
background-color: #333;
|
||
|
|
border-radius: 5rpx;
|
||
|
|
color: #fff;
|
||
|
|
display: block;
|
||
|
|
font-size: 28rpx;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
padding: 10rpx;
|
||
|
|
transition: all .3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article-link:hover {
|
||
|
|
background-color: #e6f2ff;
|
||
|
|
box-shadow: 0 4rpx 8rpx rgba(0,0,0,.1);
|
||
|
|
color: #a790e2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.help,.user-qun {
|
||
|
|
margin-top: 20rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-qun {
|
||
|
|
border-radius: 10rpx;
|
||
|
|
box-shadow: 0 4rpx 8rpx rgba(0,0,0,.1);
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.advertisement {
|
||
|
|
margin: 5px 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 9999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.advertisement image {
|
||
|
|
width: 100%;
|
||
|
|
}
|