12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- .ification{
- width: 100%;
- height: 100%;
-
- background-color: rgb(243, 244, 246);
- display: flex;
- justify-content: start;
- }
- .scroll-left{
- width: 22%;
- padding-top: 55rpx;
- margin-right: 20rpx;
- background-color: #fff;
- overflow: hidden;
- }
- .leftTitle{
- text-align: center;
- font-size: 28rpx;
- height: 100rpx;
- line-height: 100rpx;
- }
- .scroll-right{
- width: 75%;
- }
- .active{
- color: #ff520f;
- background-color: rgb(243, 244, 246);
- }
- .contentScroll-item{
- width: auto;
- height: auto;
- margin-bottom: 20rpx;
- }
- .top{
- width: 100%;
- height: 40rpx;
- padding: 20rpx 0rpx;
- margin: 0rpx auto;
- }
- .contentTitle{
- color: rgb(12, 11, 11);
- font-size: 30rpx;
- text-align: center;
- margin: 0rpx auto;
- }
- .content{
- width: 100%;
- height: 140rpx;
- padding: 30rpx 0rpx;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- align-content: space-around;
- justify-content: space-between;
- background-color: #fff;
- border-top-left-radius: 7rpx;
- border-bottom-left-radius: 7rpx;
- }
- .contentText{
- width: 130rpx;
- height: 50rpx;
- margin: 10rpx 20rpx;
- font-size: 30rpx;
- text-align: center;
- }
|