/* 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;

}
.index{
  background:#209F84;
}
.abg{
  width:100%;
  margin-top: -180rpx;
}
.contentContainer{
    position: relative;
    z-index: 9;
    margin-top: -450rpx;
    background-color: transparent;
}

.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{
  padding:40rpx;
  border-radius: 10px;
  overflow:hidden;
  /* background:#F4F4F4; */
  padding-bottom:56rpx;
  background-color: #ffffff;
  margin-bottom:30rpx;
}
.title{
  font-size: 23px;
  padding:0rpx 45rpx;
  color:#fff;
  background: #209F84;
  border: 4rpx solid #38CBAC;
  text-align:center;
  width:fit-content;
  margin:0 auto 30rpx auto;
}
.analyse{
  margin:16rpx 26rpx 0 26rpx;
}
.analyse>view{
  margin:24rpx 0;
}
.itemTitle{
  font-size:30rpx;
  color: #209F84;
  background: rgba(32,159,132,0.16);
  padding:15rpx 24rpx;
  /* margin-bottom:24rpx; */
}
.itemContent{
  color:#767676;
  font-size:11px;
  line-height:38rpx;
  margin-top:20rpx;
}
.bottom_content{
  display:flex;
  align-items: center;
  margin:54rpx 0rpx 0 0rpx;
  padding-bottom:40rpx;
  border-bottom: 1px solid #eaeaea;
}
.numFlag{
  font-size:55rpx;
  color: var(--pinghezhi);
}
.image{
  width:220rpx;
  height:220rpx;
  background: #F4F4F4;
  border: 1px solid #EAEAEA;
  border-radius: 10px;
}
.recommendBtn{
  /* width:200rpx; */
  width:50%;
  font-size:14px;
  line-height:60rpx;
  color:#fff;
  /* border-radius:4px; */
  /* margin-top:20rpx; */
  padding: 5rpx 0;
  height:60rpx;
  text-align: center;
  background-color: #209F84;
}
.recommendText{
  color: #5388c4;
  font-size:12px;
  line-height: 38rpx;
  margin-top:20rpx;
}
.footer_btn{
  padding:24rpx 44rpx;
  background:#ffffff;
  font-size: 36rpx;
  color:#209F84;
  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;
font-size: 24rpx;
}
.intro{
  line-height: 24rpx;
  display: flex;
  align-items: center;
  color:#002222;
  background: #FFFFFF;
  border: 1px solid #209F84;
  height:56rpx;
}
.subFlag{
  position:absolute;
  right:-22rpx;
  top:-8rpx;
  font-size:10px;
}
.outview{
  flex:1;
  margin-left:30rpx;
}
.price{
  margin-top:10rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricenum{
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #002222;
}
.buy{
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #002222;
  padding:6rpx 26rpx;
  background: #F2C741;
}