You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
6.4 KiB
84 lines
6.4 KiB
<!DOCTYPE html>
|
|
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>成功案例</title>
|
|
<style>
|
|
*{margin:0;padding:0}.clearbox,.clear,.clearboth{clear:both}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:100}img{border:0;display:inline-block}a{color:#333;text-decoration:none;outline:none}em,i,b,strong{font-style:normal}ul,li,ol{list-style:none}input,textarea,select,button{background-color:#FFFFFF;outline:none}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:0;padding:0}textarea{resize:none}fieldset{border:0}table{border-collapse:collapse;border-spacing:0}body{color:#666;font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, "\5B8B\4F53", Helvetica, sans-serif;font-size:12px;margin:0;padding:0}[v-cloak]{display:none}.hello{width:100%;height:100%;background:#f2eaff}.container{width:1200px;margin:0 auto}.top{height:60px;line-height:60px;padding-top:40px;overflow:hidden}.top .left{display:-webkit-box;float:left}.top .left img{width:54px;height:54px;margin-right:10px}.top .left p{color:#4c03c6;font-size:16px}.top .load{float:right;height:40px;width:110px;background:#4c03c6;line-height:40px;text-align:center;color:#fff;border-radius:12px;cursor:pointer;margin-right:213px;font-size:20px}.main{width:1200px;height:867px;position:relative;overflow:hidden}.left{width:690px;float:left}.left h2{color:#4c03c6;font-size:24px;font-weight:bold;margin:20px 0}.left .tit{margin-bottom:88px;line-height:44px}.left .tit span{font-size:22px;color:#6f4be0;width:510px;float:left}.left b{display:inline-block;width:130px;height:40px;background:#49a6ff;color:#fff;text-align:center;line-height:40px;font-size:20px;border-radius:20px;cursor:pointer;font-weight:normal;margin-left:17px}.right{float:right;padding:137px 0 0 130px;width:330px}.right .bg{width:330px;height:68px;background:url("{DT_SKIN}case/bg.jpg") no-repeat;background-size:330px 68px}.right p{font-size:22px;color:#6f4be0;top:200px;border-top:2px solid #4c03c6;padding-top:20px;margin-top:28px}.info{width:260px;height:410px;background:#fff;border-radius:15px;margin-top:50px}.info .code{width:140px;height:140px;margin:50px 60px 40px}.info .btn{width:200px;height:50px;background:#ff004a;margin:0 auto;border-radius:25px;font-size:20px;color:#fff;line-height:50px;margin-bottom:20px;cursor:pointer}.info .btn span{width:24px;height:28px;display:inline-block;margin:-6px 22px 0 27px;background:url("{DT_SKIN}case/ios.png") no-repeat;background-size:22px 28px;vertical-align:middle}.info .android span{background:url("{DT_SKIN}case/android.png") no-repeat;background-size:22px 28px}footer{height:115px;width:100%;background:#2e2b2c;color:#b0b0b0;text-align:center;padding-top:15px}footer p{line-height:24px}.dialog{width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;top:0;left:0}.code1{position:fixed;top:50%;left:50%;width:160px;height:160px;margin:-80px 0 0 -80px;z-index:12;text-align:center}.code1 img{width:140px;height:140px}.code1 p{color:#fff;margin-top:15px;font-size:16px}
|
|
</style>
|
|
</head>
|
|
<body style="">
|
|
<div class="hello">
|
|
<div class="container">
|
|
<div class="top">
|
|
<div class="left">
|
|
<img src="{DT_SKIN}case/logo.png" alt="">
|
|
<p>成功案例</p>
|
|
</div>
|
|
<div class="load">成功案例</div>
|
|
</div>
|
|
<div class="main">
|
|
<div class="left">
|
|
<h2>成功案例</h2>
|
|
<p class="tit">
|
|
<span>用声音交友，爱就在就这里，你想要的声音这里都有</span>
|
|
<b class="pay">查看详情</b>
|
|
</p>
|
|
<p class="tit">
|
|
<span>我有故事，你有酒吗？每天一个身边的故事，我来讲给你听</span>
|
|
<b class="pay">查看详情</b>
|
|
</p>
|
|
<p class="tit">
|
|
<span>在你最需要的时候，总有一些声音会突然间鼓舞你</span>
|
|
<b class="pay">查看详情</b>
|
|
</p>
|
|
<p class="tit">
|
|
<span>听点不一样的，你以为的真的只是你以为......</span>
|
|
<b class="pay">查看详情</b>
|
|
</p>
|
|
<p class="tit">
|
|
<span>风在吹着头发飘动，听着你的声音，一阵莫名感动</span>
|
|
<b class="pay">查看详情</b>
|
|
</p>
|
|
<p class="tit">
|
|
<span>希望这里的可爱，治愈你所有的烦恼</span>
|
|
<b class="pay">查看详情</b>
|
|
</p>
|
|
</div>
|
|
<div class="right">
|
|
<div class="bg"></div>
|
|
<p>推你心动的声音，给你想要的服务</p>
|
|
<div class="info">
|
|
<img src="{DT_SKIN}case/code.png" alt="" class="code">
|
|
<div class="btn"><span></span>App Store</div>
|
|
<div class="btn android"><span></span>Android</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<p>公司：驰江（北京）信息科技有限公司</p>
|
|
<p>地址：北京市海淀区西三旗沁春家园1号楼、2号楼、3号楼2层201-2041室</p>
|
|
<p>电话：4008886884</p>
|
|
<p>网站备案号：京ICP备18032737号-6</p>
|
|
</footer>
|
|
<div class="dialog" style="display: none;">
|
|
<div class="code1">
|
|
<img src="{DT_SKIN}case/code1.png" alt="">
|
|
<p>请支付2元后查看</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="{DT_STATIC}file/script/jquery-2.1.1.min.js"></script>
|
|
<script>
|
|
$('.dialog').hide();
|
|
$('body').on('click','.pay',function(){
|
|
$('.dialog').show();
|
|
})
|
|
$('body').on('click','.dialog',function(){
|
|
$('.dialog').hide();
|
|
})
|
|
</script>
|
|
|
|
</body></html>
|