?!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <link rel="shortcot icon" href="../image/16.ico"> <title>App N}?/title> <style type="text/css"> body, button, input, select, textarea { font: 12px/1.5 '_oŖ?, tahoma, Srial, helvetica, sans-serif; color: #7d7d7d; outline: none; } ol,li{ list-style: none; padding: 0; margin: 0px; } body { padding: 0px; margin: 0px; } html { height: 100%; } body { height: 100%; margin: 0; background: url(../image/bg_app1.png) no-repeat; background-size: cover; } .center{ width: 1200px; margin: 0px auto; } .center .img-logo-top{ margin-top: 25px; margin-bottom: 10px; } .center .cneter-logo{ width: 1200px; margin: 0 auto; text-align: center; } .center .cneter-logo .logo-center-img{ position: relative; } .center .cneter-logo p{ color:#fff; font-size: 16px; margin-top: 15px; letter-spacing:1px; margin-bottom: 10px; } .center .cneter-logo li{ float: left; position: relative; left: 33%; } .center .cneter-logo ol{ overflow: hidden; margin-top: 20px; } .center .cneter-logo li img{ display: block; } .center .cneter-logo li .address1,.center .cneter-logo li .address2{ display: inline-block; margin-right: 26px; background-size: 100% 100%; width: 200px; height: 74px; } .center .cneter-logo li .address1{ background: url(../image/btn_iphone.png)no-repeat; } .center .cneter-logo li .address1:hover{ background: url(../image/btn_iphone_hover.png)no-repeat; } .center .cneter-logo li .address2{ background: url(../image/btn_android.png)no-repeat; } .center .cneter-logo li .address2:hover{ background: url(../image/btn_android_hover.png)no-repeat; } .center .cneter-logo li .code{ margin-left: 20px; width: 140px; height: 140px; } </style> </head> <body>.center .cneter-logo li .code <div class="center"> <div> <img class="img-logo-top" src="../image/nav1_logo.png"/></div> <div class="cneter-logo"> <img class="logo-center-img" src="../image/App_logo.png"/> <p>`l]W^Oo`u;m gRs^S :N`OvzfKb:gϑ[6R</p> <ol> <li> <a target="_blank" href="https://itunes.apple.com/cn/app/dian-bo-chi-zhou/id1324396802?mt=8"><span class="address1"></span></a> <!--<img class="address" src="../image/btn_iphone.png"/>--> <img class="code" src="../image/ios.png"/> </li> <li> <a target="_blank" href="http://sj.qq.com/myapp/detail.htm?apkName=com.butel.dbchizhou"><span class="address2"></span></a> <!--<img class="address"src="../image/btn_android.png"/>--> <img class="code" src="../image/android.png"/> </li> </ol> </div> </div> </body> </html>