产品下载页面排版

src/main/webapp/css/common.css

@@ -91,20 +91,21 @@ url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
#footer .beianbox{position: absolute;overflow:hidden;color: #fff;text-decoration:none;}
#footer .beianbox:hover{text-decoration: underline;}
#footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background:url(../images/beian.png) center center no-repeat; background-size:100% 100%;}
.appstore{color: #696969;text-align: center;margin:40px auto;position:relative;}
.kexiu_logo{width:980px; position:relative;}
/*产品下载  */
.appstore{width:1000px;color: #696969;text-align: center;margin:40px auto;position:relative;}
.kexiu_logo{margin: 0 20px; position: relative;text-align: left;}
.kexiu_logo img{ width:300px;}
.appstore .computer-image {margin:30px auto 0;width:800px;height:470px; background: url(../images/download_windows.png) center center no-repeat;background-size:100% 100%;}
.appstoreBody{margin:20px 0;}
.appstore .computer-image {width:700px;height:510px; background: url(../images/download_windows.png) center center no-repeat;background-size:100% 100%;}
.appstore .subhead{font-size: 16px;line-height: 40px;color: #888;}
.downloadBox{}
.downloadBtn{position:relative;display: inline-block;vertical-align: middle;margin:30px auto 10px;overflow:hidden;}
.downloadBtn .download-btn {position: relative; margin: 10px;border: 1px solid #999;border-radius: 6px;padding: 10px 30px;color: #666;line-height: 46px;font-size: 16px;display: block;width: 240px;height: 70px;}
.downloadBtn .download-btn {position: relative;margin: 20px 10px;border: 1px solid #999;border-radius: 6px;padding: 10px 30px;color: #666;line-height: 46px;font-size: 16px;display: block;width: 240px;height: 70px;}
.downloadBtn .download-btn:first-child:hover{ background:#f3f3f3;}
.downloadBtn .download-btn .app-android-icon, .downloadBtn .download-btn .app-ios-icon {float: left;display: block;width: 39px;height: 47px;margin-right: 10px;background: url(../images/app-icons.png) no-repeat;}
.downloadBtn .download-btn .app-android-icon { background-position: 0 -60px;}
.appcodeBox{ text-align:center;}
.app_code{width:164px; height:164px; margin:0 20px;}
.app_code{width:240px; height:240px; margin:10px 20px 0;}
/*------------------------------------------------------------------------------------*/

src/main/webapp/download.html

@@ -49,26 +49,27 @@
  			<img src="../images/logo3.png">
  		</div>
  		<!--<p class="subhead">免费下科袖APP，随时随地浏览专家，关注行业动态。（如未开始下载，<a title="立即下载" style="color:#ff9900;" href="">请点击此处</a>）</p>-->
    	<div class="computer-image"></div>
        <div class="downloadBox">
            <div class="downloadBtn">
                 <div class="floatL" style="margin: 0 10px;">
                    <a class="download-btn" href="http://www.ekexiu.com:81/download/com.ekexiu.app_V1.0.0.apk">
                        <span class="app-android-icon"></span>
                        <span class="download-btn-text">下载Android版</span>
                    </a>
                    <a class="download-btn" href="">
                        <span class="app-ios-icon"></span>
                        <span class="download-btn-text" style="line-height:24px;position:absolute; top:12px;left:80px;color:#888;">iPhone版即将上线<p>敬请期待！</p></span><!--下载iPhone版-->
                    </a>
                </div>
                <div class="appcodeBox floatR">
                    <img class="app_code" src="images/app_android_code.jpg"  />
                    <p>扫描二维码下载APP</p>
                </div>
            </div>
    	<div class="appstoreBody clearfix">
	    	<div class="computer-image floatL"></div>
	        <div class="downloadBox floatR">
	            <div class="downloadBtn">
	                 <div style="margin: 0 10px;">
	                    <a class="download-btn" href="http://www.ekexiu.com:81/download/com.ekexiu.app_V1.0.0.apk">
	                        <span class="app-android-icon"></span>
	                        <span class="download-btn-text">下载Android版</span>
	                    </a>
	                    <a class="download-btn" href="">
	                        <span class="app-ios-icon"></span>
	                        <span class="download-btn-text" style="line-height:24px;position:absolute; top:12px;left:80px;color:#888;">iPhone版即将上线<p>敬请期待！</p></span><!--下载iPhone版-->
	                    </a>
	                </div>
	                <div class="appcodeBox">
	                    <img class="app_code" src="images/app_android_code.jpg"  />
	                    <p>扫描二维码下载APP</p>
	                </div>
	            </div>
	        </div>
        </div>
        
	</div>
</div>