sooka_consult_uniapp/pages/index/index.css

/**index.wxss**/
.topBj {
    position: relative;
    width: 100%;
    z-index: -1;
}

.topBj image {
    width: 100%;
    height: 460rpx;
}

.userinfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #aaa;
}

.userinfo-avatar {
    overflow: hidden;
    width: 128rpx;
    height: 128rpx;
    margin: 20rpx;
    border-radius: 50%;
}

.usermotto {
    margin-top: 200px;
}

/* 图片轮播 */
.banner {
    width: 100%;
    height: 300rpx;
    padding: 30rpx 0;
}

.banner swiper-item image {
    width: 100%;
    height: 100%;
}

/* 主导航 */
.mainNav {
    width: 100%;
    background: #fff;
}

.mainNav li {
    width: 25%;
    float: left;
    text-align: center;
}

.mainNav li span {
    font-size: 30rpx;
    color: #555;
}

.mainNav li view.wb .icon-wenhaofill {
    background: linear-gradient(#f5cd49, #fcb136);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 70rpx;
}

.mainNav li view.hq .icon-hangqing {
    background: linear-gradient(#89adfd, #6898f9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 70rpx;
}

.mainNav li view.sc .icon-shangcheng11 {
    background: linear-gradient(#fd7668, #f85649);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 70rpx;
}

.mainNav li view.bs .icon-banshidating1 {
    background: linear-gradient(#12c98a, #12c98a);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 64rpx;
}

.mainNav li view .iconfont {
    color: #fff;
    line-height: 90rpx;
}

.gonggao {
    padding: 32rpx 0;
    line-height: 40rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.gonggao span {
    font-size: 30rpx;
    color: #07c160;
}

.gonggao span .iconfont {
    font-size: 40rpx;
    color: #07c160;
    line-height: 40rpx;
    float: left;
    margin: 4rpx 0 0 0;
}

.gonggao a {
    font-size: 28rpx;
    color: #666;
    margin: 0 20rpx;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-xiangyoujiantou {
    font-size: 40rpx;
    color: #c4c4c4;
    line-height: 40rpx;
}

/* 村民福利 */
.cmfl_title {
    display: flex;
    justify-content: center;
    margin: 40rpx 0 0 0;
    align-items: center;
}

.cmfl_title image {
    width: 24rpx;
    height: 18rpx;
}

.cmfl_title h1 {
    font-size: 40rpx;
    font-weight: bold;
    color: #07c160;
    margin: 0 40rpx;
}

.cnfl {
    width: 100%;
    margin: 40rpx 0;
    display: flex;
    justify-content: space-between;
}

.fv,
.hm {
    width: 48%;
    border-radius: 20rpx;
    overflow: hidden;
    position: relative;
}

.fv text,
.hm text {
    position: absolute;
    left: 13%;
    top: 30%;
    font-size: 36rpx;
    font-weight: bold;
}

.fv text {
    color: #005cc4;
}

.hm text {
    color: #d36900;
}

.fv image,
.hm image {
    width: 100%;
    height: 134rpx;
}

/* 政策推荐 */
.zcTuijian {
    width: 100%;
    padding: 30rpx 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zcTuijian ul {
    width: 65%;
}

.zcTuijian ul li {
    width: 100%;
    display: block;
    font-size: 28rpx;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 52rpx;
    color: #666;
}

.zcTuijian image {
    width: 22%;
    height: 150rpx;
    border-radius: 20rpx;
}

.zcTuijian em.icon-gengduo {
    line-height: 150rpx;
    font-size: 40rpx;
    color: #c4c4c4;
}

.bannerA {
    width: 100%;
}

.bannerA image {
    width: 100%;
    height: 200rpx;
}
.icon--fuwu {
    font-size: 40rpx;
    margin: 0 10rpx 0 0;
}

.icon-licaiwenda {
    font-size: 36rpx;
    margin: 0 10rpx 0 0;
}

.icon-zhishiku1 {
    font-size: 34rpx;
    margin: 0 10rpx 0 0;
}

.gpfwNav ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.gpfwNav ul li {
    margin: 20rpx 2.5% 30rpx 2.5%;
    font-size: 30rpx;
    color: #333;
    width: 20%;
    text-align: center;
}

.gpfwNav ul li view {
    width: 80rpx;
    height: 80rpx;
    margin: 0 auto 20rpx auto;
    border-radius: 20rpx;
    text-align: center;
    line-height: 80rpx;
}

.gpfwNav ul li view em {
    font-size: 50rpx;
    color: #fff;
}

.gpfwNav ul li view.lvxd {
    background: -webkit-linear-gradient(#eca6a6, #fd8585);
    background: -o-linear-gradient(#eca6a6, #fd8585);
    background: -moz-linear-gradient(#eca6a6, #fd8585);
    background: linear-gradient(#eca6a6, #fd8585);
}

.gpfwNav ul li view.xlzx {
    background: -webkit-linear-gradient(#bab3ec, #8170ff);
    background: -o-linear-gradient(#bab3ec, #8170ff);
    background: -moz-linear-gradient(#bab3ec, #8170ff);
    background: linear-gradient(#bab3ec, #8170ff);
}

.gpfwNav ul li view.xswz {
    background: -webkit-linear-gradient(#afd0ec, #61c5ff);
    background: -o-linear-gradient(#afd0ec, #61c5ff);
    background: -moz-linear-gradient(#afd0ec, #61c5ff);
    background: linear-gradient(#afd0ec, #61c5ff);
}

.gpfwNav ul li view.gxs {
    background: -webkit-linear-gradient(#c1fdc9, #57f5a1);
    background: -o-linear-gradient(#c1fdc9, #57f5a1);
    background: -moz-linear-gradient(#c1fdc9, #57f5a1);
    background: linear-gradient(#c1fdc9, #57f5a1);
}

.gpfwNav ul li view.more {
    background: -webkit-linear-gradient(#46aef7, #1dd5e6);
    background: -o-linear-gradient(#46aef7, #1dd5e6);
    background: -moz-linear-gradient(#46aef7, #1dd5e6);
    background: linear-gradient(#46aef7, #1dd5e6);
}

/* 热门问答 */
.rnwdList {
    width: 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;
    align-items: center;
    font-size: 24rpx;
    margin: 20rpx 0 0 0;
}

.jf {
    color: #07c160;
}

.icon-jifen {
    font-size: 26rpx;
    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;
}

/* 热门知识 */
.rmzsList li {
    width: 100%;
    border-bottom: solid 2rpx #f6f6f6;
    padding: 20rpx 0;
    display: flex;
    justify-content: space-between;
}

.rmzsList li image {
    width: 40%;
    height: 200rpx;
}

.listCont {
    width: 58%;
}

.listCont p {
    font-size: 32rpx;
    color: #333;
    overflow: hidden;
    line-height: 40rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.listCont text {
    font-size: 24rpx;
    color: #9c9c9c;
}

.biaoqian {
    display: flex;
    margin: 6rpx 0;
}

.biaoqian span {
    padding: 2rpx 20rpx;
    font-size: 20rpx;
    background: #e0e0e0;
    color: #9c9c9c;
    margin: 0 20rpx 0 0;
    border-radius: 30rpx;
}

.jiage {
    display: flex;
}

.yhjg {
    font-size: 30rpx;
    color: #07c160;
}

.yhjg em {
    font-size: 24rpx;
    color: #07c160;
}

.yjjg {
    font-size: 24rpx;
    color: #9c9c9c;
    margin: 6rpx 0 0 20rpx;
    text-decoration: line-through;
}

/* 公告start */

.swiper_container {
    height: 55rpx;
    width: 70%;
    line-height: 60rpx;
}

.swiper_item {
    height: 100;
    color: #000;
    font-size: 28rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 公告end */