nazw/nnzwminiapp/pages/dataCenter/dataCenter.wxss

/* pages/dataCenter/dataCenter.wxss */
/* 隐藏滚动条 */
scroll-view ::-webkit-scrollbar {
	display:none;
	width:0;
	height:0;
	color:transparent;
}
/* 整体 */
.content {
  background-color: #F5F5F5;
}

/* 标题 */
.title {
  display: flex;
  padding: 49rpx 10rpx 20rpx 20rpx;
}

/* 标题-图片 */
.title image {
  width: 54rpx;
  height: 53rpx;
}

/* 标题-字体 */
.title-text {
  font-size: 32rpx;
  line-height: 66rpx;
  height: 53rpx;
  margin-left: 16rpx;
  font-family: DOUYU;
}

/* 图表 */
ec-canvas {
  width: 100%;
  height: 100%;
}

/* 滑动 */
.scroll-wrapper {
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  background: #FFF;
  height: 90rpx;
  padding: 0 32rpx;
  box-sizing: border-box;
}

/* 滑动块 */
.navigate-item {
  display: inline-block;
  text-align: center;
  height: 90rpx;
  line-height: 90rpx;
  margin: 0 30rpx;
}

/* 滑动块 */
.names {
  font-size: 30rpx;
  color: #333333;
  font-weight: 500;
}

/* 滑动块 */
.names.active {
  font-size: 30rpx;
  color: #508FF4;
  font-weight: 500;
}

/* 滑动块 */
.currtline {
  margin: -8rpx auto 0 auto;
  height: 8rpx;
  border-radius: 4rpx;
}

/* 滑动块 */
.currtline.active {
  background: #508FF4;
  transition: all .3s;
}

/* 详情 */
.statistics-btn {
  height: 90rpx;
  margin-top: 20rpx;
}

/* 详情按钮 */
.statistics-btn button {
  font-size: 27rpx;
  font-weight: 400;
  width: 240rpx !important;
  border: 1px solid #C5C5C5;
  background: #FFFFFF;
}

/* 分类标题 */
.type-title {
  display: flex;
  padding: 30rpx 20rpx 20rpx 20rpx;
}

/* 圆点 */
.dots {
  width: 14rpx;
  height: 14rpx;
  background: #F7C86A;
  border-radius: 50%;
  margin-top: 20rpx;
}

/* 分类文本 */
.type-text {
  font-size: 32rpx;
  font-weight: 500;
  color: #333333;
  height: 50rpx;
  line-height: 50rpx;
  margin-left: 10rpx;
}

/* 评价框 */
.evaluate {
  width: 205rpx;
  height: 50rpx;
  background: #F2F7FF;
  border: 1rpx solid #508FF4;
  border-radius: 10rpx;
  font-weight: 500;
  color: #508FF4;
  font-size: 24rpx;
  line-height: 50rpx;
  text-align: center;
  margin-bottom: 20rpx;
}

/* 南岸区政务服务事项总数 */
.matters {
  width: 85rpx;
  height: 110rpx;
  background: #F2F7FF;
  border: 1rpx solid #508FF4;
  border-radius: 4rpx;
  font-size: 58rpx;
  font-weight: 500;
  color: #508FF4;
  line-height: 110rpx;
  text-align: center;
}

/* 南岸区政务服务事项总数 */
.matters.default {
  color: #D1DFF5;
}

/* 三角形 */
.triangles {
  width: 0;
  height: 0;
  position: relative;
  left: 20rpx;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 93rpx;
  border-bottom: 18rpx solid transparent;
  border-left: 18rpx solid #0B868E;
  border-top: 18rpx solid transparent;
}

/* 一件事情一次办-文本 */
.oneThing {
  line-height: 93rpx;
  width: 176rpx;
  height: 27rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #0B868E;
}

/* 一件事情一次办左上部文本 */
.oneThing-left-top {
  position: absolute;
  top: 82rpx;
  left: 50%;
  font-size: 28rpx;
  color: #72A1DC;
  transform: translate(-50%, 0);
}

/* 一件事情一次办左下部文本 */
.oneThing-left-bottom {
  position: absolute;
    display: flex;
    left: 50%;
    transform: translate(-50%, 0);
    top: 127rpx;
    color: #1E71D2;
    font-size: 46rpx;
}

/* 本年度公开信箱办理情况框 */
.processing {
  width: 220rpx;
  height: 114rpx;
  background: #FFF3DA;
  border-radius: 10rpx;
  display: flex;
  position: relative;
}
.getmore{
  width: 300rpx;
  height: 40rpx;
  text-align: right;
  

}
.moretext{
  width: 170rpx;
  height: 60rpx;
  line-height: 60rpx;
  border: 1px solid #508FF4;
  border-radius: 10rpx;
  display: block;
  float: right;
  text-align: center;
}