469 lines
8.7 KiB
Plaintext
469 lines
8.7 KiB
Plaintext
/* pages/irentPark/irentPark.wxss */
|
|
.form-title{
|
|
text-align: center;
|
|
font-size: 40rpx;
|
|
color: #333;
|
|
padding: 20rpx 30rpx;
|
|
}
|
|
.guide-page{
|
|
padding-bottom: 40px;
|
|
}
|
|
.sign-btn{
|
|
background: #62b1fe;
|
|
width: 60vw;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
border-radius: 80rpx;
|
|
text-align: center;
|
|
font-size: 38rpx;
|
|
letter-spacing: 1px;
|
|
margin: 16px auto;
|
|
font-weight: 650;
|
|
color: #fff;
|
|
}
|
|
.image-box{
|
|
display: block;
|
|
padding: 20px
|
|
}
|
|
.image-box image{
|
|
width: 100%
|
|
}
|
|
.introduction{
|
|
padding: 20px;
|
|
line-height: 1.6em;
|
|
}
|
|
.introduction image{
|
|
max-width: 100%;
|
|
}
|
|
.success-page{
|
|
padding: 40px 20px;
|
|
}
|
|
.success-page .success-ok {
|
|
width: 150rpx;
|
|
display: block;
|
|
margin: 0 auto 50rpx;
|
|
}
|
|
.success-page .title{
|
|
text-align: center;
|
|
font-size: 34rpx;
|
|
font-weight: bold;
|
|
color: #333;
|
|
letter-spacing: 3rpx;
|
|
margin-bottom: 146rpx;
|
|
}
|
|
.success-page .especial{
|
|
border:1px dashed #ccc;
|
|
border-radius: 10rpx;
|
|
padding: 72rpx 50rpx 50rpx;
|
|
position: relative
|
|
}
|
|
.success-page .especial .name{
|
|
position: absolute;
|
|
left: 36rpx;
|
|
top: 0;
|
|
transform: translateY(-50%);
|
|
color: #333;
|
|
background: #fff;
|
|
font-size: 30rpx;
|
|
padding: 0 14rpx;
|
|
}
|
|
.success-page .especial .item{
|
|
color: #666;
|
|
line-height: 50rpx;
|
|
vertical-align: middle;
|
|
font-size: 25rpx;
|
|
}
|
|
.success-page .especial .item:before{
|
|
content:'';
|
|
display: inline-block;
|
|
background: #f4ce45;
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
border-radius: 50%;
|
|
margin-right: 20rpx;
|
|
vertical-align: middle;
|
|
}
|
|
.success-page .especial .step-box{
|
|
padding:56rpx 30rpx ;
|
|
}
|
|
.success-page .especial .step-box .i{
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.success-page .especial .step{
|
|
display: inline-block;
|
|
margin-right: 16rpx;
|
|
background: #f4ce45;
|
|
border-radius: 34rpx;
|
|
color: #fff;
|
|
width: 84rpx;
|
|
height: 32rpx;
|
|
line-height: 32rpx;
|
|
text-align: center;
|
|
font-size: 22rpx;
|
|
}
|
|
.success-page .especial .step-box .tips{
|
|
color: #999;
|
|
padding-left: 100rpx;
|
|
margin-top: 10rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
.success-page .especial .step-box .url{
|
|
display: inline-block;
|
|
margin-left: 10rpx;
|
|
color: #43b0fe;
|
|
|
|
}
|
|
.success-page .especial .times{
|
|
display: block;
|
|
background: #f2f2f2;
|
|
height: 54rpx;
|
|
line-height: 54rpx;
|
|
border-radius: 54rpx;
|
|
text-align: center;
|
|
margin: 30rpx 0;
|
|
color: #333;
|
|
|
|
}
|
|
.success-page .especial .times .color-blue{
|
|
color: #43b0fe;
|
|
display: inline-block;
|
|
margin: 0 6rpx;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.success-page .qrcode-box image {
|
|
width: 240rpx;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.success-page .qrcode-box .weight{
|
|
font-weight: bold;
|
|
color: #333;
|
|
display: inline-block;
|
|
margin: 0 6rpx;
|
|
}
|
|
.success-page .qrcode-box .question{
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
margin: 20rpx 0 0;
|
|
color: #666
|
|
}
|
|
.success-page .especial .qrcode-box .tips{
|
|
color: #999;
|
|
font-size: 22rpx;
|
|
text-align: center;
|
|
padding: 18rpx 0
|
|
}
|
|
|
|
.grey-block{
|
|
border-top: 20rpx solid #eeeff3;
|
|
}
|
|
.grey-block .containers{
|
|
box-sizing: border-box;
|
|
padding: 20rpx 30rpx;
|
|
font-size: 0;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
}
|
|
.grey-block .containers .name{
|
|
display: inline-flex;
|
|
width: 244rpx;
|
|
font-size: 28rpx;
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
line-height: 1.1rem;
|
|
padding: 20rpx 10rpx 20rpx 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.grey-block .containers .cont{
|
|
display: inline-flex;
|
|
width: calc(100% - 280rpx);
|
|
font-size: 28rpx;
|
|
text-align: justify;
|
|
line-height: 1.1rem;
|
|
min-height: 1.1rem;
|
|
word-break: break-word;
|
|
padding: 0rpx 0;
|
|
}
|
|
.grey-block .sign{
|
|
display: inline-block;
|
|
color: #FEB6AD;
|
|
margin-left: 10rpx;
|
|
}
|
|
.torightbtn{
|
|
position: absolute;
|
|
right: 16rpx;
|
|
top: 30rpx;
|
|
width: 16rpx;
|
|
height: 24rpx;
|
|
}
|
|
.tobottombtn{
|
|
position: absolute;
|
|
right: 16rpx;
|
|
top: 30rpx;
|
|
width: 16rpx;
|
|
height: 24rpx;
|
|
transform: rotateZ(90deg);
|
|
}
|
|
textarea,input{
|
|
border:none;
|
|
width: 100%;
|
|
}
|
|
textarea{
|
|
height: 100rpx;
|
|
}
|
|
.grey-block .containers .torightbtn,.grey-block .containers .tobottombtn{
|
|
top: calc(50% - 12rpx);
|
|
right: 30rpx;
|
|
}
|
|
.grey-block .containers .titles{
|
|
font-size: 28rpx;
|
|
color: #666;
|
|
position: relative;
|
|
}
|
|
.grey-block .containers .titles .torightbtn{
|
|
right: 0;
|
|
|
|
}
|
|
.grey-block .containers .tips{
|
|
font-size: 26rpx;
|
|
color: #333;
|
|
text-align: justify
|
|
}
|
|
.grey-block .containers input{
|
|
width: calc(100% - 20rpx);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
top: -0.15rem;
|
|
|
|
}
|
|
.grey-block .num-box{
|
|
height: 0.95rem;
|
|
}
|
|
.grey-block .introduction{
|
|
padding-right: 36rpx;
|
|
text-align: justify;
|
|
word-break:break-word;
|
|
}
|
|
.grey-block .containers input.l{
|
|
width: 100%;
|
|
}
|
|
.grey-block .containers .textr{
|
|
width: 100rpx;
|
|
text-align: right;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
line-height: 1.1rem;
|
|
position: absolute;
|
|
right: 30rpx;
|
|
}
|
|
.grey-block .containers .content{
|
|
font-size: 26rpx;
|
|
position: relative;
|
|
padding-top: 40rpx;
|
|
word-break:break-word;
|
|
|
|
|
|
}
|
|
.grey-block .containers .load_img_box{
|
|
margin: 40rpx -10rpx 0;
|
|
}
|
|
.grey-block .containers .content .torightbtn{
|
|
position: absolute;
|
|
right: 16rpx;
|
|
top: 30rpx;
|
|
width: 16rpx;
|
|
height: 24rpx;
|
|
right: 0;
|
|
top: calc(50% + 8rpx);
|
|
}
|
|
.grey-block .information{
|
|
display: block;
|
|
font-size: 28rpx;
|
|
color: #666;
|
|
border-top: 20rpx solid #eeeff3;
|
|
text-align: left
|
|
}
|
|
.grey-block .information .name-long{
|
|
padding:16rpx 16rpx 16rpx 0;
|
|
color: #333;
|
|
font-size: 28rpx;
|
|
|
|
}
|
|
.grey-block .information textarea{
|
|
display: block;
|
|
border:1px solid #e8e8e8;
|
|
height:120rpx;
|
|
border-radius:10rpx;
|
|
padding: 16rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.grey-block .information image{
|
|
width: 45% !important;
|
|
}
|
|
.grey-block .containers:not(:last-of-type){
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
.grey-block .btn-boxs{
|
|
position: fixed;
|
|
bottom: 40rpx;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
z-index: 1000;
|
|
}
|
|
.grey-block:last-child{
|
|
padding: 20rpx 0;
|
|
}
|
|
.grey-block button{
|
|
border-radius:84rpx;
|
|
margin: 0 20rpx;
|
|
}
|
|
.grey-block .publish2{
|
|
float: none;
|
|
width: calc(100vw - 60rpx);
|
|
}
|
|
|
|
.btn-box{
|
|
border:1px solid #e8e8e8;
|
|
border-radius: 10rpx;
|
|
position: relative;
|
|
height: 100px !important;
|
|
}
|
|
.btn-box .btn {
|
|
position:absolute;
|
|
left:50%;
|
|
top:50%;
|
|
transform:translate(-50%,-50%);
|
|
margin:0;
|
|
|
|
}
|
|
.save{
|
|
display: inline-block;
|
|
width: 42vw;
|
|
border:1px solid #a8bed9;
|
|
background: #fff;
|
|
color: #62b1fe;
|
|
font-size: 32rpx;
|
|
}
|
|
.publish{
|
|
display: inline-block;
|
|
border:1px solid #bc312e;
|
|
width: 42vw;
|
|
float: right;
|
|
font-size: 32rpx;
|
|
background:#bc312e;
|
|
color: #fff;
|
|
}
|
|
.publish:after,.save:after{
|
|
background: transparent;
|
|
border:none
|
|
}
|
|
|
|
.form-page{
|
|
padding-bottom: 80px;
|
|
}
|
|
|
|
.inform-box{
|
|
padding: 20rpx 30rpx;
|
|
}
|
|
.inform-box .title{
|
|
font-size: 30rpx;
|
|
color: #333;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
.inform-box .item{
|
|
margin-bottom: 8rpx;
|
|
font-size: 26rpx;
|
|
color: #999;
|
|
}
|
|
|
|
.success-page{
|
|
background: rgba(0,0,0,0.4);
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: 1000;
|
|
}
|
|
.success-page .success-inner{
|
|
background: #fff;
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 680rpx;
|
|
transform: translate(-50%,-50%);
|
|
border-radius: 40rpx;
|
|
overflow: hidden
|
|
}
|
|
.success-page .success-inner .title{
|
|
color: #333;
|
|
font-size: 50rpx;
|
|
padding: 10rpx 0 30rpx;
|
|
margin: 0;
|
|
|
|
}
|
|
.success-page .success-inner .text{
|
|
color: #666;
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
line-height: 50rpx;
|
|
}
|
|
.success-page .success-inner .qrcode{
|
|
display: block;
|
|
width: 240rpx;
|
|
margin: 48rpx auto 90rpx;
|
|
}
|
|
.success-page .success-inner .footer-btn{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.success-page .success-inner .footer-btn .btn{
|
|
display: inline-flex;
|
|
flex: 1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: #62b1fe;
|
|
color: #fff;
|
|
font-size: 26rpx;
|
|
height: 100rpx;
|
|
}
|
|
.success-page .success-inner .footer-btn .btn.submit{
|
|
background: #eb7b78;
|
|
}
|
|
.success-page .success-inner .close{
|
|
position: relative;
|
|
height: 88px;
|
|
}
|
|
.success-page .success-inner .close-c{
|
|
position: absolute;
|
|
background: #f2f2f2;
|
|
border-radius: 50%;
|
|
background-color: rgb(241, 241, 241);
|
|
right: -106rpx;
|
|
top:-114rpx;
|
|
width: 199rpx;
|
|
height: 207rpx;
|
|
z-index: 6;
|
|
}
|
|
.success-page .success-inner .close-c image{
|
|
position: absolute;
|
|
left: 40rpx;
|
|
bottom: 40rpx;
|
|
|
|
width: 28rpx;
|
|
height: 28rpx;
|
|
}
|
|
.grey-block:empty{
|
|
border:none;
|
|
}
|
|
.customerservice-image{
|
|
padding:10px 20px;
|
|
}
|
|
.customerservice-image image{
|
|
width: 100%;
|
|
} |