47 lines
863 B
SCSS
47 lines
863 B
SCSS
@function px2rem($px, $rem:75) {
|
|
@return $px / $rem+rem;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
background: #F3F5FA;
|
|
}
|
|
|
|
.back {
|
|
position: fixed;
|
|
z-index: 9;
|
|
width: px2rem(56, );
|
|
height: px2rem(56, );
|
|
left: px2rem(40, );
|
|
top: 0.2rem;
|
|
// display: none;
|
|
}
|
|
|
|
.box {
|
|
width: px2rem(686, );
|
|
// height: px2rem(1348, );
|
|
height: auto;
|
|
margin: px2rem(65, ) auto 0;
|
|
box-sizing: border-box;
|
|
padding: px2rem(48, ) px2rem(40, );
|
|
background: #fff;
|
|
border-radius: px2rem(20, );
|
|
|
|
h3 {
|
|
width: 100%;
|
|
display: block;
|
|
text-align: center;
|
|
color: #1F1B4F;
|
|
font-size: px2rem(32, );
|
|
font-weight: bold;
|
|
margin-bottom: px2rem(24, );
|
|
}
|
|
|
|
p {
|
|
color: #8A8CAB;
|
|
font-size: px2rem(26, );
|
|
margin-bottom: px2rem(20, );
|
|
width: 100%;
|
|
}
|
|
} |