.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; }