165 lines
2.7 KiB
SCSS
165 lines
2.7 KiB
SCSS
page {
|
|
// padding-bottom: 240rpx;
|
|
background-color: #fff;
|
|
}
|
|
.auth-pic{
|
|
width: 686rpx;
|
|
height: 240rpx;
|
|
margin: 24rpx auto;
|
|
image{
|
|
width: 686rpx;
|
|
height: 240rpx;
|
|
}
|
|
}
|
|
.page-wapper {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.public-text-area-wapper {
|
|
background-color: #fff;
|
|
|
|
}
|
|
.border-bottom{
|
|
width: 686rpx;
|
|
margin: 24rpx auto 0;
|
|
border-bottom: 1rpx solid #EEEEEE;
|
|
}
|
|
.public-text-area-wapper textarea {
|
|
height: auto;
|
|
width: 100%;
|
|
height: 161upx;
|
|
margin-bottom: 40rpx;
|
|
background-color: #F6F7F9;
|
|
padding: 24rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
.public-text-area-wapper .item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
view{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
font-weight: bold;
|
|
}
|
|
image{
|
|
width: 314rpx;
|
|
height: 204rpx;
|
|
margin-bottom: 26rpx;
|
|
// margin-top: 48rpx;
|
|
}
|
|
.active{
|
|
font-weight: normal;
|
|
color: #666;
|
|
}
|
|
}
|
|
.explain{
|
|
margin: 56rpx 0 80rpx 0;
|
|
font-size: 24rpx;
|
|
color: #666;
|
|
}
|
|
.fotter-bottom{
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: fixed;
|
|
bottom: 0;
|
|
background-color: #fff;
|
|
}
|
|
.login-btn {
|
|
display: block;
|
|
line-height: 90upx;
|
|
text-align: center;
|
|
width: 700upx;
|
|
height: 90upx;
|
|
font-size: 32upx;
|
|
color: #fff;
|
|
background: $bgtheme;
|
|
background-blend-mode: normal, normal;
|
|
border-radius: 45px;
|
|
|
|
&:after {
|
|
border: 0;
|
|
}
|
|
}
|
|
.fotter{
|
|
width: 100%;
|
|
padding-bottom: 40rpx;
|
|
margin-top: 48rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 20rpx;
|
|
color: #666;
|
|
image{
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-right: 16rpx;
|
|
}
|
|
text{
|
|
color: #1D8DFB;
|
|
}
|
|
}
|
|
.public-input-wapper {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.feedback-content {
|
|
|
|
.feedback_content_top {
|
|
height: 80upx;
|
|
line-height: 80upx;
|
|
}
|
|
|
|
.content {
|
|
padding: 0 32upx;
|
|
|
|
.row-textarea {
|
|
color: #666666;
|
|
width: 100%;
|
|
height: 140upx;
|
|
font-size: 26upx;
|
|
}
|
|
}
|
|
|
|
.files-pic {
|
|
padding: 30upx 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
.img-item {
|
|
margin-right: 20upx;
|
|
position: relative;
|
|
|
|
text {
|
|
display: block;
|
|
position: absolute;
|
|
right: -10upx;
|
|
top: -10upx;
|
|
width: 34upx;
|
|
height: 34upx;
|
|
border-radius: 50%;
|
|
background: rgba(227, 59, 45, 1);
|
|
font-size: 24upx;
|
|
text-align: center;
|
|
line-height: 34upx;
|
|
color: #fff;
|
|
z-index: 10;
|
|
}
|
|
}
|
|
|
|
image {
|
|
width: 144upx;
|
|
height: 144upx;
|
|
border-radius: 10upx;
|
|
}
|
|
}
|
|
}
|