mbti-rengeceshi/type/index.wxss

94 lines
1.4 KiB
Plaintext
Raw Normal View History

2024-03-31 23:41:58 +08:00
.das {
border-bottom: 2px solid #fa6f1e;
margin: 2% 5%;
text-align: center;
width: 90%;
}
.bg {
width: 76%;
}
.logo {
border-radius: 6rpx;
margin-bottom: 6px;
width: 86px;
}
.xiaogj {
margin: 0 5% 2%;
}
.lb {
box-shadow: 3px 3px 6px #d1d9e6,-3px -3px 6px #fff;
}
.lb,.lb1 {
color: #364763;
display: inline-block;
font-size: 29rpx;
height: 99rpx;
line-height: 99rpx;
margin: 27rpx 12rpx 6rpx 27rpx;
text-align: center;
width: 260rpx;
}
.btwz,.lb,.lb1 {
border-radius: 8px;
}
.btwz {
color: #2c67c5;
display: block;
font-size: 18px;
font-weight: 700;
margin-bottom: 16rpx;
margin-top: 16rpx;
padding: 2px 0;
width: 80%;
}
.dahezi {
box-shadow: inset 5px 5px 10px #d1d9e6,inset -5px -5px 10px #fff;
}
.dahezi,.dahezia {
border-radius: 8px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-family: PingFang;
font-size: 17px;
font-style: normal;
padding: 9px 4.36%;
width: 90%;
}
.dahezia {
box-shadow: inset 1px 5px 1px #ecf0f3,inset -5px -5px 10px #fff;
}
page {
background: #ecf0f3;
}
.movable-area {
bottom: 0;
height: 46%;
left: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 100;
}
.movable-view {
background: #d3e0e4;
border-radius: 35px;
height: 70px;
pointer-events: auto;
width: 70px;
}