/* packageH/circleCommunity/circleIssue/circlelssue.wxss */ view, text { padding: 0; margin: 0; box-sizing: border-box; } .wrapper { position: absolute; top: 6rem; width: 100%; padding: 0 1rem; padding-bottom: 200rpx; } .fromAdd { margin: 0.94rem; border-radius: 0.63rem; background: #fff; padding: 0.84rem 0.81rem; } .fromAdd .tip { font-size: 0.63rem; color: #999; text-align: left; } .fromAdd .fromlisa { /* display: flex; flex-direction: column; align-items: flex-start; */ } .fromAdd .fromlisa .left { margin-bottom: 0.78rem; margin-top: 1.22rem; font-size: 0.94rem; color: #202020; font-weight: bold; } .fromAdd .fromlisa .van-cell { background-color: #f7f7f7; } .fromAdd .fromlis { display: flex; justify-content: space-between; height: 2.97rem; align-items: center; border-bottom: #f2f2f2 solid 1px; } .fromAdd .fromlis .rightRadio { display: flex; justify-content: flex-end; align-items: center; } .fromAdd .fromlis .rightRadio .cirle { width: 0.94rem; height: 0.94rem; border: solid 0.06rem #999; border-radius: 50%; position: relative; box-sizing: border-box; } .fromAdd .fromlis .rightRadio .cirleT { border: solid 0.06rem #f15353; } .fromAdd .fromlis .rightRadio .cirleT::after { content: ''; display: block; width: 0.5rem; height: 0.5rem; position: absolute; top: 50%; left: 50%; transform: translateX(-55%) translateY(-55%); border-radius: 50%; background-color: #f15353; box-sizing: border-box; } .fromAdd .fromlis .rightRadio .radioOne { display: flex; align-items: center; margin-left: 1.09rem; } .fromAdd .fromlis .rightRadio .radioOne text { margin-left: 0.34rem; font-size: 0.94rem; } .fromAdd .fromlis .left { font-size: 0.94rem; font-weight: bold; } .fromAdd .fromlis .right { flex: 1; text-align: right; display: flex; justify-content: flex-end; align-items: center; } .fromAdd .fromlis .right .van-icon { color: #646464; } .fromAdd .fromlis .right .text { color: #b7b7b7; } .fromAdd .fromlis .right input { width: 70%; border: none; text-align: right; } .member { width: 100%; height: 9rem; background-image: url("https://dev3.yunzmall.com/attachment/image/aae1e9a875eab1b4c9bdc44f69a3c0d7.jpeg"); background-size: cover; border-bottom-left-radius: 60% 15%; border-bottom-right-radius: 60% 15%; overflow: hidden; position: relative; } .member .upimg { position: absolute; top: 1.34rem; right: 0.94rem; width: 4.25rem; height: 1.34rem; border-radius: 0.13rem; border: solid 0.05rem #fff; display: flex; align-items: center; justify-content: center; font-size: 0.63rem; color: #fff; } .member .upimg icon { font-size: 0.63rem; margin-top: 1px; } .member .memberUser { margin-top: 1.4rem; display: flex; flex-direction: column; justify-content: flex-start; padding-left: 2rem; } .member .memberUser text { margin-left: 0.5rem; margin-right: 0.41rem; color: #fff; } .member .memberUser icon { color: #fff; } .member .memberUser .image { width: 2.94rem; height: 2.94rem; border-radius: 50%; margin-left: 0.94rem; } .member .memberUser .img image { width: 2.94rem; height: 2.94rem; border-radius: 50%; } .explainWrapper { width: 680rpx; display: flex; flex-direction: column; align-items: center; } .explainWrapper .explainTextWrapper { background: #fff; border-radius: 18rpx; } .explainWrapper .explainTextWrapper .explainTextTitle { color: #000; font-size: 30rpx; padding-top: 26rpx; text-align: center; } .explainWrapper .explainTextWrapper .explainTextContent { max-height: 50vh; overflow: scroll; width: 680rpx; color: #666; line-height: 48rpx; letter-spacing: 2rpx; font-size: 28rpx; padding: 40rpx 40rpx 80rpx 40rpx; } .explainWrapper .close { color: #fff; font-size: 60rpx; } .sendWrapper { position: fixed; bottom: 0; left: 0; right: 0; height: 200rpx; } .sendWrapper .agreement { font-size: 28rpx; margin-top: 21rpx; padding-left: 61rpx; } .sendWrapper .btns { padding: 0 2.156rem; padding-top: 0.938rem; } .sendWrapper .btns .btn { height: 2.5rem; color: #fff; font-size: 0.938rem; background-color: #3175fe; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center; } .explainTextContent .notice-main { width: 100%; overflow: hidden; }