/* pages/sign/sign.wxss */ .page-body{ height: 300rpx; position: relative; } .swiper-item image{ width: 100%; height: 300rpx; } .dots{ display: inline-block; position: absolute; bottom: 20rpx; right: 0; padding: 0 20rpx; } .dots .dot{ width: 8rpx; height: 8rpx; background: #fff; float: left; margin:0 4rpx; border-radius: 50%; } .dots .dot.active{ background: #2a8de9; } .sign{ padding: 0 40rpx; width: 100%; } .sign .list{ margin-top: 40rpx; width: 100%; } .sign .list text{ font-size: 30rpx; } .sign .list input,.sign .list textarea{ width: 610rpx; height: 70rpx; border: none; background-color: #eeeeee; border-radius: 5rpx; margin-top: 10rpx; padding: 0 20rpx; font-size: 26rpx; } .sign .list textarea{ height: 173rpx; padding-top: 20rpx; } .sign .list button:not([size='mini']){ width: 570rpx; border-radius: 8rpx; background-color: #2a8de9; color: #fff; font-size: 30rpx; height: 74rpx; } .sign .list .img{ margin-top:20rpx; display: inline-block; width: 100%; position: relative; } .sign .list image{ width: 160rpx; height: 160rpx; float: left; } .sign .list .uploadimg{ width: 160rpx; height: 160rpx; border: 2rpx solid #cacaca; position: relative; } .uploadopacity{ opacity:0 } .sign .list .uploadimg::after{ width: 112rpx; height: 6rpx; background: #cacaca; content: ""; position: absolute; left: 50%; margin-left: -56rpx; top: 50%; margin-top: -3rpx; } .sign .list .uploadimg::before{ width: 6rpx; height: 112rpx; background: #cacaca; content: ""; position: absolute; left: 50%; margin-left: -3rpx; top: 50%; margin-top: -56rpx; }