146 lines
2.2 KiB
Plaintext
146 lines
2.2 KiB
Plaintext
/* packageE/picUpCard/picUpCardIndex/picUpCardIndex.wxss */
|
|
|
|
page {
|
|
background: #fff;
|
|
}
|
|
|
|
.imagebox {
|
|
text-align: center;
|
|
padding: 1rem 0.938rem 0;
|
|
}
|
|
|
|
.imagebox .image {
|
|
width: 100%;
|
|
border-radius: 0.625rem;
|
|
}
|
|
|
|
.content {
|
|
padding: 1rem 0.938rem;
|
|
}
|
|
|
|
.content .field {
|
|
padding: 0.8rem 0;
|
|
display: flex;
|
|
border-bottom: 0.031rem solid #f5f5f5;
|
|
}
|
|
|
|
.content .field:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.content .field .text {
|
|
font-size: 0.938rem;
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.content .field .input {
|
|
padding-left: 0.813rem;
|
|
font-size: 0.938rem;
|
|
color: #999;
|
|
flex: 1;
|
|
}
|
|
|
|
.content .field .textarea {
|
|
height: 3rem;
|
|
padding-left: 0.813rem;
|
|
padding-top: 0.25rem;
|
|
font-size: 0.938rem;
|
|
color: #999;
|
|
flex: 1;
|
|
}
|
|
|
|
.content .field .radioGroup {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.submit {
|
|
width: 19.125rem;
|
|
height: 2.5rem;
|
|
background-color: #f15353;
|
|
border-radius: 0.469rem;
|
|
font-size: 0.938rem;
|
|
color: #fff;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.dateBe {
|
|
position: fixed;
|
|
bottom: 0rpx;
|
|
left: -5rpx;
|
|
width: 760rpx;
|
|
padding: 0rpx 5rpx;
|
|
box-sizing: border-box;
|
|
z-index: 200;
|
|
font-size: 28rpx;
|
|
border-top: 1rpx solid #d9d9d9;
|
|
opacity: 0;
|
|
transform: translate(-750rpx, 0rpx);
|
|
}
|
|
|
|
.dateBe.true {
|
|
opacity: 1;
|
|
transform: translate(0rpx, 0rpx);
|
|
}
|
|
|
|
.dateBe .head {
|
|
display: flex;
|
|
flex-flow: nowrap;
|
|
padding: 0rpx 30rpx;
|
|
line-height: 80rpx;
|
|
border-bottom: 1rpx solid #d9d9d9;
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
.dateBe .head .ll {
|
|
flex: 1;
|
|
}
|
|
|
|
.dateBe .head .rr {
|
|
text-align: right;
|
|
flex: 1;
|
|
}
|
|
|
|
.dateBe .main {
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
.dateBe .main view {
|
|
text-align: center;
|
|
}
|
|
|
|
.explainWrapper {
|
|
width: 680rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.explainWrapper .explainTextWrapper {
|
|
background: #fff;
|
|
width: 680rpx;
|
|
border-radius: 18rpx;
|
|
}
|
|
|
|
.explainWrapper .explainTextWrapper .explainTextTitle {
|
|
color: #000;
|
|
font-size: 32rpx;
|
|
padding-top: 26rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.explainWrapper .explainTextWrapper .explainTextContent {
|
|
width: 680rpx;
|
|
color: #666;
|
|
line-height: 48rpx;
|
|
letter-spacing: 2rpx;
|
|
font-size: 28rpx;
|
|
padding: 40rpx 40rpx 80rpx 40rpx;
|
|
}
|
|
|
|
.explainWrapper .close {
|
|
color: #fff;
|
|
font-size: 100rpx;
|
|
}
|