page{ background-color: #fff; } .search-box{ position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 5; padding: 30rpx; background-color: #fff; } .search-text{ color: #999999; } .search-input{ height: 76rpx; line-height: 76rpx;; background: #F5F5F5; border-radius: 70rpx; padding: 0 26rpx; font-size: 24rpx; } .search-input input{ font-size: 24rpx; } .search-input image{ width: 34rpx; height: 34rpx; margin-right: 26rpx; } .search-all{ color: #2a82fd; font-size: 30rpx; margin-left: 20rpx; } .poster-item{ width: 335rpx; margin-right: calc(100% - 670rpx); margin-bottom: 40rpx; position: relative; } .poster-item:nth-child(2n){ margin-right: 0rpx; } .poster-item-pic{ width: 335rpx; height: 609rpx; } .poster-item-title{ line-height: 37rpx; font-size: 26rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #000000; margin-top: 15rpx; padding: 0 10rpx; } .poster-item-use{ line-height: 30rpx; font-size: 22rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #999999; margin-top: 12rpx; padding: 0 10rpx; } .zhuanfa{ position: absolute; top: 20rpx; right: 20rpx; width: 87rpx; height: 46rpx; line-height: 46rpx; background: rgba(0,0,0,.6); border-radius: 23rpx 23rpx 23rpx 23rpx; font-size: 24rpx; font-weight: 400; color: #FFFFFF; text-align: center; } .act-create{ width: 110rpx; height: 110rpx; background: var(--main); box-shadow: 0rpx 4rpx 24rpx 1rpx rgba(0,155,98,0.2); opacity: 1; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; text-align: center; border-radius: 100%; padding: 20rpx; box-sizing: border-box; position: fixed; bottom: 200rpx; right: 30rpx; } .act-create image{ width: 39rpx; height: 39rpx; margin: auto; } .ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 60;} .side{position: fixed;right: 165rpx;bottom: 16%;z-index: 61;width: 300rpx;height: 183rpx;background: #FFFFFF;border-radius: 20rpx;font-size: 30rpx;color: #000;align-items: flex-start;padding:0 20rpx;} .side::after{content: '';display: block;width: 0;height: 0;border: 10rpx solid rgba(255,255,255,0);border-right: none;border-left-color: #fff;position: absolute;bottom: 30rpx;right: -10rpx;} .side .li{width: 50%;text-align: center;} .side .li image{width: 38rpx;height: 38rpx;margin: 49rpx auto 15rpx;}