弹出层

<!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>