<!DOCTYPE html>
<html lang="zh-cn" class="no-js">
<head>
<meta charset="utf-8">
<!--允许全屏-->
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no,email=no" name="format-detection">
<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
<style>
#bg{
display: none;
position: fixed;
top: 0;
left: 0;
100%;
height: 100%;
background-color: #343434;
z-index: 99;
opacity: 0.7;
}
#popup{
display: none;
position: fixed;
top: 50%;
left: 50%;
8.9333rem;
margin-top: -2.4rem;
margin-left: -4.46667rem;
border: 1px solid #ccc;
background-color: #fff;
z-index: 999;
border-radius: 15px;
}
.close{
float: right;
display: block;
0.4rem;
height: 0.4rem;
margin: 0.26667rem;
background: url(../images/close.jpg) no-repeat scroll 0 0;
background-size: 0.4rem 0.4rem;
}
.behalf{
padding:0.9333rem 1rem 0;
}
.mascot {
float: left;
1.7333rem;
height: 1.7333rem;
border-radius: 10px;
}
.mascotImg{
display: block;
100%;
height: 100%;
}
.slogan {
float: right;
font-size: 14px;
color: #000;
line-height: 1.5;
}
[data-dpr="2"] .slogan{
font-size: 28px;
}
[data-dpr="3"] .slogan{
font-size: 42px;
}
.download{
text-align: center;
margin: 0.5333rem auto;
}
.btns{
padding:0.32rem 1.0667rem;
color: #fff;
}
</style>
</head>
<div id="bg"></div>
<div id="popup" style="">
<i class="close" onclick="hidediv();"></i>
<div class="behalf clearfix">
<div class="mascot">
<img src="images/mascot.jpg" class="mascotImg" alt=""></div>
<div class="slogan">
<p>品质家居，只为寓悦</p>
<p>用心生活，才不辜负自己</p>
<p>寓悦，为你的家发声</p>
</div>
</div>
<div class="download">
<button class="btns btn" type="button">立即下载</button>
</div>
</div>
<script language="javascript" type="text/javascript">
function showdiv() {
document.getElementById("bg").style.display ="block";
document.getElementById("popup").style.display ="block";
}
function hidediv() {
document.getElementById("bg").style.display ='none';
document.getElementById("popup").style.display ='none';
}
</script>