service.wxss 2.1 KB
/* pages/service/service.wxss */
page{
 background: #fff;
}
.box{
 padding: 24rpx 100rpx 50rpx 100rpx ;
 display: flex;
 justify-content: space-around;
 align-items: center;
 background: #fff;
}
.box_item{
 position: relative;
 display: flex;
 flex-direction: column;
 text-align: center;
 border:none;
 background: none;
}
.box_itemrigth{
 padding-right: 55rpx;
 position: relative;
 
}
.box_itemrigth::after{
 position: absolute;
 content: '';
 right: 0rpx;
 width:1rpx;
 height: 200rpx;
 background: #f0f0f0;
 top:30rpx;
}
.box_item button{
 position: absolute;
 width:100%;
 height: 100%;
 z-index:100;
 top:0;
 left:0;
 opacity: 0;
}
.item_icon{
 width:190rpx;
 height: 190rpx;
 border-radius: 50%;
 background: #F1F8FF;
 display:flex;
 align-items: center;
 justify-content: center;

}
.tel{
 margin: 35rpx 0 0 0;
 color:#1A1A1A;
 font-size:32rpx;
}
.icon-dianhua{
 color:#66A2D6;
 font-size: 80rpx;
}
.icon-kefu{
 color:#F7C761;
 font-size:80rpx;
}
.kufu{
 background-color: #FFF8E8;
}
.aq_box{
 height: 56rpx;
 color:#999999;
 background: #f0f0f0;
 font-size:28rpx;
 padding:0 34rpx;
 display: flex;
 align-items: center;
}
.aq_itembox{
 display: flex;
 align-items: center;
 justify-content: space-between;
 background: #fff;
 padding:25rpx 34rpx;
 border-bottom:1rpx solid #f0f0f0;
}
.aq_left{
 display: flex;
 align-items: center;
}
.add_icon{
 width:52rpx;
 height: 52rpx;

}
.add_icon image{
 width:100%;
 height: 100%;
}
.aq_title{
 color:#333333;
 font-size: 30rpx;
 margin: 0 0 10rpx 0;
 font-weight: bold;
}
.aq_txt{
 color:#999;
 font-size:26rpx;
 margin: 0 0 0 20rpx;
}
.aq_itembox .iconfont{
 color:#999;
 font-size:30rpx;
}
.aq_cellbox{
 color:#000;
 font-size:28rpx;
 /* margin: 0 34rpx; */
}
.aq_cell{
 padding:30rpx 34rpx;
 border-bottom: 1px solid #E6E6E6;
 background: #f0f0f0;
}
/* .aq_cell:last-child{
 border:none;
} */
.more_aqbox{
 background: #fff;
 padding:0 34rpx;
}
.more_aqitem{
 display: flex;
 justify-content: space-between;
 align-items: center;
 color:#000;
 font-size:28rpx;
 padding:20rpx 0;
 border-bottom:1rpx solid #E6E6E6;
}
.more_aqitem:last-child{
 border:none;
}
.more_aq{
 border-top:1rpx solid #e6e6e6;
}