.page {
  background: #F2F2F2;
  width: 100vw;
  height: auto!important;
  min-height:100vh;
  padding-bottom: 20rpx;
 /* overflow-y: scroll;
  -webkit-overflow-scrolling: touch; */
}

.contentWrap {
  /* position: absolute; */
  position: relative;
  z-index: 999;
 
  margin: -320rpx 32rpx 0;
  /* overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  
  left: 32rpx;
  right: 32rpx; */
}
.dcimg{
  width:750rpx;
 
}
.navtitle {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 36rpx;
  color: #fff;
}

.infobox {

  width: 100%;
  height: 176rpx;

  border-radius: 10rpx;
  filter: blur(0px);
}

.infobox {

  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}

.head {
  border-radius: 50%;
  width: 128rpx;
  height: 128rpx;
}

.headbox {
  display: flex;
  align-items: center;
}

.headbox .name {
  font-weight: 600;
  color: #333333;
  font-size: 34rpx;
 
}
.intro{
  font-size: 30rpx;
font-weight: 400;
color: rgba(0,0,0,0.65);
}
.namebox{
    min-height: 100rpx;
   display: flex;
   flex-direction: column;
   justify-content:center;
   
  margin-left: 20rpx;
}
.rightbox{
  display: flex;
  align-items: center;
}
.set{
  margin-right: 20rpx;
  font-size: 30rpx;
color: rgba(0,0,0,0.65);
}
.righticon {
  width: 24rpx;
  height: 48rpx;
}

.fuli {
  width: 100%;
  height: 108rpx;
  border: 1px solid #EF4F20;
  border-radius: 10rpx;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  margin-top: 30rpx;
  justify-content: space-between;
  padding: 0 20rpx 0 20rpx;
}

.fuli .name {
  font-size: 30rpx;
  margin-left: 20rpx;
  font-weight: normal;
}

.fulicon {
  width: 48rpx;
  height: 48rpx;
}

.viewcell {
  margin-top: 30rpx;
  width: 100%;
  padding-bottom: 20rpx;
 
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 10rpx;
}

.viewcell .title {
  margin:32rpx 20rpx 0;
  font-weight: 600;
  color: #333333;
  font-size: 36rpx;
}

.iconcell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.iconbox {
  display: flex;
  margin: 30rpx 52rpx 0;
  flex-wrap: wrap;
  justify-content: space-between;
}

.myicon {
  width: 80rpx;
  height: 80rpx;
  margin:0 auto;
}

.iconbox .name {
  margin-top: 10rpx;
  text-align: center;
  color: rgba(0,0,0,0.65);
  font-size: 28rpx;
}
.service .iconbox{
  display: flex;
  justify-content: space-between;
}
.service .iconbox .name {
  margin-top: 10rpx;
  text-align: center;
  color: rgba(0,0,0,0.65);
  font-size: 28rpx;
}

.dcellcontent{
  border-radius: 10rpx;
  background: #FFFFFF;
}
.dcell {
  width: 100%;
  box-sizing: border-box;
  margin-top: 30rpx;
  padding: 0 37rpx 0 20rpx;
}
.decllbox{
  height: 112rpx;
  border-bottom: 1rpx solid rgba(0,0,0,0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dcell:last-child{
  margin-top: 0;
  margin-bottom: 30rpx;
}
.dcell:last-child .decllbox{
  border-bottom: none;
}

.service .myicon {
  width: 64rpx;
  height: 64rpx;
}

.bage {
  position: absolute;
  top: -20rpx;
  right: 20rpx;
  transform: translateX(100%);
   min-width:17rpx;
   padding:0 10rpx;
  height: 36rpx;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  border-radius: 30rpx;
  font-size: 26rpx;
  background: #EF4F20;
}