/* pages/constitutionAnalyse/constitutionAnalyse.wxss */
@import "../../wxParse/wxParse.wxss";
page{
  --pinghezhi: #5388c4;
  --qixuzhi:#e08417;
  --shirezhi:#83bb40;
  --yinxuzhi:#ca6d75;
  --qiyuzhi:#9b8d58;
  --yangxuzhi:#de6533;
  --tanshizhi:#528970;
  --xueyuzhi:#e07174;
  --tezhi:#815495;

}
.btnGroup{
  display:flex;
  justify-content: space-around;
  margin-top:40rpx;
  padding:0 20rpx;
}
.btnGroup>view{
  color:#fff;
  font-size:13px;
  padding:0.5rpx 34rpx;
  display: inline-block;
  border-radius: 10px;
}
.content{
  margin:40rpx;
  border-radius: 10px;
  overflow:hidden;
  background:#F4F4F4;
  padding-bottom:56rpx;
}
.title{
  font-size: 23px;
  padding:16rpx 0;
  color:#fff;

  text-align:center;
}
.analyse{
  margin:16rpx 26rpx 0 26rpx;
}
.itemTitle{
  font-size:18px;
  color: #212121;
}
.itemContent{
  color:#767676;
  font-size:11px;
  line-height:38rpx;
  margin-top:20rpx;
}
.bottom_content{
  display:flex;
  align-items: center;
  margin:54rpx 26rpx 0 26rpx;
}
.numFlag{
  font-size:55rpx;
  color: var(--pinghezhi);
}
.image{
  width:58rpx;
  height:156rpx;
  margin-left:30rpx;
  margin-right:50rpx;
}
.recommendBtn{
  /* width:200rpx; */
  width:50%;
  font-size:14px;
  line-height:14px;
  color:#fff;
  border-radius:4px;
  margin-top:20rpx;
  padding: 14rpx 0;
}
.recommendText{
  color: #5388c4;
  font-size:12px;
  line-height: 38rpx;
  margin-top:20rpx;
}
.footer_btn{
  padding:24rpx 44rpx;
  background:#209f84;
  font-size: 36rpx;
  color:#fff;
  border-radius: 21px;
  text-align: center;
  width:63%;
  margin:0 auto;
}
.twopart{
  display: flex;
}
.pinghezhi{
background:var(--pinghezhi);
border-bottom-right-radius: 0rpx;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
/* .direct-row{
  line-height: 53rpx;
} */
.pinghezhi2{
/* border: var(--pinghezhi) solid; */
border:1px solid #5388c4;
border-left-style: none;
border-top-left-radius: 0rpx;
color:black;
margin-left:-1rpx;
display:flex;
align-items: center;
}
.pinghezhi3{
/* border: var(--pinghezhi) solid; */
border:1px solid #5388c4;
border-left-style: none;
border-top-left-radius: 0rpx;
color:black;
margin-left:-5rpx;
display:flex;
align-items: center;
}
.qixuzhi{
  background: var(--qixuzhi);
}
.shirezhi{
  background: var(--shirezhi);
}
.yinxuzhi{
  background:var(--yinxuzhi);
}
.qiyuzhi{
  background: var(--qiyuzhi);
}
.yangxuzhi{
  background: var(--yangxuzhi);
}
.tanshizhi{
  background:var(--tanshizhi);
}
.xueyuzhi{
  background:var(--xueyuzhi);
}
.tezhi{
  background: var(--tezhi);
}
.description{
position:relative;
margin-left:20rpx;
}
.subFlag{
position:absolute;
right:-8rpx;
top:-8rpx;
font-size:10px;
}
.outview{
  flex:1;
}