sooka_consult_uniapp/pages/asking/questionlist.css

/* 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;
}