174 lines
4.2 KiB
HTML
174 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=devic-wdith, initial-scale=1.0" />
|
|
<title></title>
|
|
<link rel="stylesheet" href="css/quanju.css" />
|
|
<style>
|
|
@font-face {
|
|
font-family: 'iconfont'; /* project id 1584362 */
|
|
src: url('//at.alicdn.com/t/font_1584362_38u2h39vioe.eot');
|
|
src: url('//at.alicdn.com/t/font_1584362_38u2h39vioe.eot?#iefix') format('embedded-opentype'),
|
|
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.woff2') format('woff2'),
|
|
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.woff') format('woff'),
|
|
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.ttf') format('truetype'),
|
|
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.svg#iconfont') format('svg');
|
|
}
|
|
html{
|
|
min-height: 100vh;
|
|
background: #F6F6F6;
|
|
|
|
}
|
|
.header{
|
|
width: 20rem;
|
|
height: 3.41rem;
|
|
background: white;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.header .title{
|
|
width:4rem;
|
|
height:0.91rem;
|
|
font-size:0.96rem;
|
|
font-family:PingFang SC;
|
|
font-weight:bold;
|
|
color:rgba(0,0,0,1);
|
|
margin-left: 8.08rem;
|
|
margin-top: 1.92rem;
|
|
line-height:0.91rem ;
|
|
}
|
|
.header a{
|
|
position: absolute;
|
|
display: block;
|
|
color:rgba(51,51,51,1);
|
|
width: 2rem;
|
|
height: 2rem;
|
|
top: 1.42rem;
|
|
font-family: 'iconfont'; /* project id 1584362 */
|
|
line-height: 2rem;
|
|
text-align: center;
|
|
font-size:1.7rem ;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
|
|
}
|
|
.body{
|
|
width:20rem;
|
|
height:32.51rem;
|
|
background:rgba(255,255,255,1);
|
|
margin-top: 0.53rem;
|
|
}
|
|
.body .body-value{
|
|
height: 2.67rem;
|
|
position: relative;
|
|
}
|
|
.body-value .left{
|
|
width:15rem;
|
|
height:0.8rem;
|
|
font-size:0.8rem;
|
|
font-family:PingFang SC;
|
|
font-weight:500;
|
|
color:rgba(51,51,51,1);
|
|
line-height:0.8rem;
|
|
position: absolute;
|
|
top: 0.99rem;
|
|
left: 0.53rem;
|
|
overflow:hidden;
|
|
|
|
}
|
|
.body-value .right{
|
|
width:1rem;
|
|
height:1rem;
|
|
position: absolute;
|
|
top: 0.93rem;
|
|
left: 18.93rem;
|
|
font-family: 'iconfont'; /* project id 1584362 */
|
|
font-size: 1.2rem;
|
|
font-weight: 500;
|
|
color:rgba(51,51,51,1);
|
|
line-height: 1rem;
|
|
text-align: center;
|
|
|
|
}
|
|
hr{
|
|
width:18.93rem;
|
|
background:rgba(235,235,235,1);
|
|
display: block;
|
|
margin-left: 0.53rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<div class="title">常见问题</div>
|
|
<a href="me.html"></a>
|
|
</div>
|
|
<div class="body">
|
|
<div class="body-value">
|
|
<a href="problem-value.html">
|
|
<div class="left">羽绒服是水洗还是干洗？</div>
|
|
<div class="right"></div>
|
|
</a>
|
|
</div>
|
|
<hr />
|
|
<div class="body-value">
|
|
<a href="problem-value.html">
|
|
<div class="left">如何正确清洗各类不同材质的衣物?</div>
|
|
<div class="right"></div>
|
|
</a>
|
|
</div>
|
|
<hr />
|
|
<div class="body-value">
|
|
<a href="problem-value.html">
|
|
<div class="left">羽绒服是水洗还是干洗？</div>
|
|
<div class="right"></div>
|
|
</a>
|
|
</div>
|
|
<hr />
|
|
<div class="body-value">
|
|
<a href="problem-value.html">
|
|
<div class="left">如何正确清洗各类不同材质的衣物?</div>
|
|
<div class="right"></div>
|
|
</a>
|
|
</div>
|
|
<hr />
|
|
<div class="body-value">
|
|
<a href="problem-value.html">
|
|
<div class="left">羽绒服是水洗还是干洗？</div>
|
|
<div class="right"></div>
|
|
</a>
|
|
</div>
|
|
<hr />
|
|
<div class="body-value">
|
|
<a href="problem-value.html">
|
|
<div class="left">如何正确清洗各类不同材质的衣物?</div>
|
|
<div class="right"></div>
|
|
</a>
|
|
</div>
|
|
<hr />
|
|
<div class="body-value">
|
|
<a href="problem-value.html">
|
|
<div class="left">羽绒服是水洗还是干洗？</div>
|
|
<div class="right"></div>
|
|
</a>
|
|
</div>
|
|
<hr />
|
|
<div class="body-value">
|
|
<a href="problem-value.html">
|
|
<div class="left">如何正确清洗各类不同材质的衣物?</div>
|
|
<div class="right"></div>
|
|
</a>
|
|
</div>
|
|
<hr />
|
|
</div>
|
|
<script>
|
|
(function(){
|
|
var html=document.documentElement;
|
|
var width=html.getBoundingClientRect().width;
|
|
html.style.fontSize=width/20+'px';
|
|
}())
|
|
</script>
|
|
</body>
|
|
</html>
|