体质测试
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
tizhiceshi/page/constitutionAnalyse/constitutionAnalyse.wxss

167 lines
2.6 KiB

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