1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- page {
- font-family: PingFang-SC-Heavy, PingFang-SC;
- background: #ffffff;
- }
- .swiper {
- height: 100vh;
- position: relative;
- }
- .banner {
- width: 100%;
- position: absolute;
- left: 0;
- top: 0;
- height: 100vh;
- text-align: center;
- }
- .banner .logo {
- padding-top: 160rpx;
- }
- .banner .logo image {
- width: 114rpx;
- }
- .banner .bannertitle {
- font-size: 64rpx;
- margin: 138rpx 0 37rpx;
- color: #FFFFFF;
- }
- .banner .subtitle {
- font-size: 44rpx;
- color: #FFFFFF;
- }
- .contentTops {
- position: relative;
- }
- .contentTop {
- position: absolute;
- top: -48rpx;
- right: 0;
- width: 93%;
- display: flex;
- align-items: center;
- background-color: #FCFCFC;
- z-index: 9999 !important;
- padding: 56rpx 30rpx 38rpx;
- border-radius: 0px 56rpx 0px 0px;
- box-shadow: 0px 8rpx 14rpx 0px rgba(0, 21, 3, 0.05);
- }
- .contentTop .iconl {
- border-radius: 50%;
- width: 48rpx;
- height: 48rpx;
- background: linear-gradient(140deg, #2F8F49 0%, rgba(119, 204, 168, 0) 100%);
- opacity: 0.3;
- margin-top: -24rpx;
- margin-right: -10rpx;
- }
- .contentTop .contentTop-title {
- font-size: 32rpx;
- font-weight: 800;
- color: #333333;
- margin: 0 20rpx 0 -26rpx;
- }
- .contentTop .iconr image {
- width: 32rpx;
- }
- .list {
- background-color: #FCFCFC;
- margin-top: 92rpx;
- width: 100%;
- border-radius: 0px 0px 16rpx 100rpx;
- box-shadow: 0px 8rpx 14rpx 0px rgba(0, 21, 3, 0.08);
- }
- .list .video {
- margin: 0 30rpx;
- height: 410rpx;
- }
- .list .video video {
- width: 100%;
- height: 100%;
- }
- .list .contentfooter .contentfooter-title {
- font-size: 30rpx;
- font-family: PingFang-SC-Bold, PingFang-SC;
- font-weight: bold;
- color: #333333;
- text-shadow: 0px 8rpx 14rpx rgba(0, 21, 3, 0.05);
- margin: 40rpx 0rpx 24rpx 56rpx;
- }
- .list .contentfooter .contentfooter-subtitle {
- font-size: 26rpx;
- font-weight: 500;
- color: #333333;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- padding: 0rpx 71rpx 40rpx 56rpx;
- }
|