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