100 lines
1.9 KiB
Plaintext
100 lines
1.9 KiB
Plaintext
|
|
||
|
|
page {
|
||
|
|
background-image: url('https://pfapi.86698.cn/static/images/zhuanbg.png') !important;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
}
|
||
|
|
.tagr {
|
||
|
|
width: 159rpx;
|
||
|
|
height: 44rpx;
|
||
|
|
background: linear-gradient(180deg, #FFF2BA 0%, #F14A1A 100%);
|
||
|
|
border-radius: 22rpx 0rpx 0rpx 22rpx;
|
||
|
|
}
|
||
|
|
.around .t2 {
|
||
|
|
background-image: url('https://pfapi.86698.cn/static/images/zhuant2.png');
|
||
|
|
background-size: 100% 100%;
|
||
|
|
width: 100%;
|
||
|
|
height: 620rpx;
|
||
|
|
}
|
||
|
|
.around .tit {
|
||
|
|
background-image: url('https://pfapi.86698.cn/static/images/tit.png');
|
||
|
|
background-size: 100% 100%;
|
||
|
|
width: 248rpx;
|
||
|
|
height: 60rpx;
|
||
|
|
top: -40rpx;
|
||
|
|
line-height: 60rpx;
|
||
|
|
}
|
||
|
|
.around .t3 {
|
||
|
|
background-image: url('https://pfapi.86698.cn/static/images/md.png');
|
||
|
|
background-size: 100% 100%;
|
||
|
|
width: 694rpx;
|
||
|
|
height: 586rpx;
|
||
|
|
}
|
||
|
|
.marquee {
|
||
|
|
width: 100%;
|
||
|
|
align-items: center;
|
||
|
|
color: #3a3a3a;
|
||
|
|
/* // background-color: white; */
|
||
|
|
display: flex;
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.marquee_title {
|
||
|
|
padding: 0 20px;
|
||
|
|
height: 21px;
|
||
|
|
font-size: 14px;
|
||
|
|
border-right: 1px solid #d8d8d8;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.marquee_box {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0 auto;
|
||
|
|
height: 500rpx;
|
||
|
|
}
|
||
|
|
.marquee_list {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 50%;
|
||
|
|
-webkit-transform: translate(-50%);
|
||
|
|
transform: translate(-50%);
|
||
|
|
width: calc(100% - 150rpx);
|
||
|
|
}
|
||
|
|
.marquee_top {
|
||
|
|
transition: all 1s;
|
||
|
|
margin-top: -30px;
|
||
|
|
}
|
||
|
|
.active {
|
||
|
|
opacity: 0.2;
|
||
|
|
}
|
||
|
|
.mask {
|
||
|
|
background: rgba(0, 0, 0, 0.60);
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
position: fixed;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
z-index: 10;
|
||
|
|
}
|
||
|
|
.mk2 {
|
||
|
|
background-image: url('https://pfapi.86698.cn/static/images/zj.png');
|
||
|
|
background-size: 100% 100%;
|
||
|
|
width: 494rpx;
|
||
|
|
height: 684rpx;
|
||
|
|
}
|
||
|
|
.btnl {
|
||
|
|
background-image: url('https://pfapi.86698.cn/static/images/btn.png');
|
||
|
|
background-size: 100% 100%;
|
||
|
|
width: 218rpx;
|
||
|
|
height: 76rpx;
|
||
|
|
}
|
||
|
|
.mk {
|
||
|
|
background-image: url('https://pfapi.86698.cn/static/images/js.png');
|
||
|
|
background-size: 100% 100%;
|
||
|
|
width: 580rpx;
|
||
|
|
height: 716rpx;
|
||
|
|
}
|
||
|
|
|