1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- page{
- display: block;
- width: 100%;
- height: 100%;
- overflow: auto;
- background: #F6F6F6;
- padding-top:30rpx;
- box-sizing:border-box;
- }
- .everycollage{
- display: block;
- width: 690rpx;
- margin: 0 auto 30rpx;
- background: #FFFFFF;
- box-shadow: 0px 3rpx 6rpx rgba(0, 0, 0, 0.16);
- border-radius: 10rpx;
- overflow:hidden;
- }
- .coverimg{
- display: block;
- width: 100%;
- height: 400rpx;
- overflow: hidden;
- }
- .collagetitle{
- display: block;
- width: 100%;
- height: 58rpx;
- position: absolute;
- bottom: 0;
- left: 0;
- z-index: 3;
- background-color: rgba(0, 0, 0, 0.5);
- }
- .title{
- max-width: 500rpx;
- }
- .collagemsgbox{
- display: block;
- background-color: #FFFFFF;
- padding: 20rpx 22rpx 23rpx;
- }
- .collagetime text{
- display: block;
- margin-left: 10rpx;
- width: 10rpx;
- height: 10rpx;
- border-radius: 50%;
- background-color: #FF0000;
- position: relative;
- top: 10rpx;
- overflow: hidden;
- }
- .collagebtnbox{
- margin-top: 22rpx;
- }
- .collagebtnbox .collageview{
- width: 144rpx;
- height: 62rpx;
- border-radius: 10rpx;
- background: #FFFFFF;
- border: 2rpx solid #28A1FF;
- box-sizing: border-box;
- line-height: 58rpx;
- color: #28A1FF;
- margin-right:20rpx;
- }
|