page {
  height: 100%;
  background: #f4f4f4;
}

.common {
  width: 95%;
  margin: 0 auto;
  font-size: 32rpx;
  margin-left: 29rpx;
  border-bottom: 1px solid #f4f4f4;
  padding: 20rpx 0 20rpx;
}

.issueList>view:nth-child(odd) {
  width: 85%;
  height: 85rpx;
  margin: 0 auto;
  font-size: 28rpx;
  color: #2a2a2a;
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.issueList .yinsi {
  width: 85%;
  height: 85rpx;
  margin: 0 auto;
  font-size: 28rpx;
  color: #2a2a2a;
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.iconfont {
  font-size: 55rpx;
  vertical-align: middle;
}

.issueList .openCon,
.issueList .serviceCon {
  width: 100%;
  height: 157rpx;
  background: #f4f4f4;
}

.issueList .openCon {
  padding-top: 45rpx;
}

.openCon view {
  width: 649rpx;
  line-height: 1.5;
  margin: 0 auto;
  font-size: 24rpx;
  text-align: justify;
}

.notice {
  color: #F4915B;
}

.addpad {
  padding: 15rpx 0;
}

.issueList .serviceCon {
  height: auto;
  font-size: 28rpx;
}

/* 点击改变颜色 */
.showService,
.down {
  color: #18D5B9;
}

.serviceCon {
  background: #f4f4f4;
  font-size: 28rpx;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(42, 42, 42, 1);
  justify-content: center;
  height: 175rpx;
}

.serviceCon .view {
  display: flex;
  align-items: center;
  width: 62%;
}

.serviceCon image {
  width: 60rpx;
  height: 60rpx;
}

button image {
  width: 60rpx;
  height: 60rpx;
  vertical-align: middle;
}

button {
  width: 92%;
  padding: 11rpx 0rpx;
  line-height: normal;
  border-bottom: 1px solid #f4f4f4;
  background: transparent;
}

.btn-hover {
  background: transparent;
}

.kefu{
  width: 100%;
  margin: 24rpx auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none !important;
  position: fixed;
  bottom: 0rpx;
  height: 300rpx;
  background: white;
  z-index: 20;
  border-radius: 20rpx 20rpx 0rpx 0rpx;
}
.bottom {
  width: 100%;
  margin: 24rpx auto 0;
  display: flex;
  justify-content: space-around;
  border: none !important;
}

.bottom button {
  width: 40%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background: #18D5B9;
  border-radius: 20rpx;
  height: 90rpx;
}

.bottom .view {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #18D5B9;
  color: white;
  border-radius: 20rpx;
  height: 90rpx;
}

.bottom .view image {
  width: 54rpx;
  height: 54rpx;
  margin-right: 8rpx;
}

.bottom .view1 {
  background: #F46A1F;
}

.back{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #333;
  opacity: 0.4;
  z-index: 10;
}

.customer {
  color: #999;
  font-size: 28rpx;
  text-align: center;
  margin-top: 60rpx;
}

.block {
  height: 144rpx;
  width: 100%;
  background-color: #fff;
  display: flex;
}

.block .sort {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block .sort text {
  width: 100%;
  border-right: 1rpx solid #DBDBDB;
  padding: 37rpx 0;
  font-size: 32rpx;
  color: #2A2A2A;
  text-align: center;
  display: inline-block;
}

.block .branch {
  width: 65%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.block .two view {
  height: 50%;
}

.block .three view {
  height: 33.33%;
}

.block .branch view {
  display: flex;
  align-items: center;
  font-size: 26rpx;
  color: #5A5959;
}

.block .branch view:not(:last-child) {
  border-bottom: 1rpx solid #DBDBDB;
}

.use {
  height: 216rpx;
  margin-top: 6rpx;
}

.use .sort text {
  padding: 71rpx 0;
}

.service {
  width: 90%;
  height: 88rpx;
  background: rgba(24, 213, 185, 1);
  border-radius: 10rpx;
  font-size: 32rpx;
  color: #fff;
  position: fixed;
  bottom: 2.75%; 
  left: 5%;
}
