/* pages/fuwu.wxss */ /* pages/sannong.wxss */ .snTab { width: 100%; } .fontColorBox, .fontColorBox1 { color: #07c160; } .navBox { /* 顶部tab盒子样式 */ width: 100%; height: 108rpx; background: white; display: flex; justify-content: space-between; align-items: center; justify-content: center; } /* 最后一个tab标题的样式 */ .titleBox { /* 未选中文字的样式 */ color: rgb(168, 170, 175); font-size: 30rpx; display: flex; flex-direction: column; align-items: center; width: 32%; } .lineBox, .notLineBox { /* 选中及未选中底线共同样式 */ width: 32rpx; height: 8rpx; } .lineBox { /* 选中底线样式 */ background: #07c160; margin-top: 16rpx; border-radius: 4rpx; } .notLineBox { /* 未选中底线样式 */ background: transparent; } .swiperTtemBox { /* 底部内容样式 */ height: 100vh; overflow: scroll; margin: 12rpx 0rpx; background: white; font-size: 28rpx; } /* 热门问答 */ .rnwdList { width: 100%; height: 100%; } .list { border-bottom: solid 2rpx #f6f6f6; padding: 10rpx 0; width: 100%; } .listTitle { font-size: 32rpx; color: #333; line-height: 40rpx; } .jlSj { height: 40rpx; display: flex; justify-content: space-between; font-size: 24rpx; margin: 20rpx 0 0 0; } .jf { color: #07c160; } .icon-jifen { font-size: 28rpx; color: #07c160; margin: 0 0 0 6rpx; } .ck { color: #c4c4c4; } .icon-pinglun, .icon-chakan, .icon-shoucang { font-size: 28rpx; margin: 0 6rpx 0 20rpx; color: #c4c4c4; } .onePic { width: 100%; height: 360rpx; border-radius: 20rpx; overflow: hidden; margin: 20rpx 0; } .onePic image { width: 100%; height: 100%; } .twoPic { width: 100%; height: 220rpx; margin: 20rpx 0; display: flex; justify-content: space-between; } .twoPic image { width: 49%; height: auto; border-radius: 20rpx; } .threePic { width: 100%; height: 160rpx; margin: 20rpx 0; display: flex; justify-content: space-between; } .threePic image { width: 32%; height: auto; border-radius: 20rpx; } .pane-con { margin: 20rpx 0; } .tabs-pane { padding: 10rpx 20rpx; margin-right: 20rpx; border: 1px solid lightgrey; } .tabs-pane:nth-last-child(1) { margin-right: 0; } .tabs-pane.active { background: #5495df; border-color: #5495df; color: #fff; } .tab-class { position: absolute; top: 0; left: 0; width: 100vw; bottom: 0; } .guidebook .img_box { margin-bottom: 12rpx; padding-left: 4rpx; } .guidebook .img_box .many_img { display: flex; justify-self: start; flex-wrap: wrap; } .guidebook .img_item.four { width: 198rpx; height: 198rpx; margin-right: 16rpx; margin-bottom: 16rpx; border-radius: 16rpx; overflow: hidden; } .guidebook .img_item.four:nth-child(2n) { margin-right: 30rpx; } .guidebook .img_item.many { width: 198rpx; height: 198rpx; margin-right: 16rpx; margin-bottom: 16rpx; border-radius: 16rpx; overflow: hidden; } .guidebook .img_item.many:nth-child(3n) { margin-right: 0; } .addInfomarionBtn{ position: fixed; bottom: 3%; right: 3%; width: 40px; height: 40px; background: url('@/static/images/upload/add.png') 0 0 no-repeat; background-size: 100% 100%; } .addInfomarionBtn::after{ border: none; }