master

分支 (1)

管理

管理

master

imitate-tmall
/
other1支付页面 all.html

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script src="js/jquery/2.0.0/jquery.min.js"></script>
<link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>
</head>

<style>
.pull-right{
  float:right !important;
}
body{
  font-size:12px;
  font-family:Arial;
}
a{
  color:#999;
}
.redcolor{
  color:#C40000 !important;
}
nav.thetop{
  background-color:#f2f2f2;
  padding-bottom:5px;
  padding-top:5px;
  border-bottom:1px solid #e7e7e7
  max-width:100%;
}
nav.thetop span,nav.thetop a{
  margin:0px 10px 0px 10px;
  color:#999;
}
nav.thetop a:hover{
  color:#C40000;
  text-decoration:none;
}
a:hover{
  color:#C40000;
  text-decoration:none;
}
div.searchDiv{
  background-color:#C40000;
  width:400px;
  margin:50px auto;
  padding:1px;
  height:40px;
}
div.searchDiv input{
  width:275px;
  outline:none;
  margin:1px;
  height:36px;
  border:1px solid transparent;
}
div.searchDiv button{
  width:115px;
  border:1px solid transparent;
  background-color:#C40000;
  font-size:18px;
  font-weight:bold;
  color:white;
  text-align:center;
}
div.bottomsearch{
  margin-top:5px;
  margin-left:-20px;
}
div.searchDiv span{
  color:#999;

}
div.bottomsearch a{
  padding:0px 20px 0px 20px;
  font-size:15px;
}
img.logo{
  position:absolute;
  left:210px;
  top:25px;
  z-index:-1;
}
div.footer{
  margin:0px 0px;
  border-top:1px solid #e7e7e7;
}
div.footer_image{
  margin-top:24px;
  margin-bottom:24px;
  text-align:center;
}
div.footer_bottom{

  border-top:1px solid #e7e7e7;
  margin:0px 20px;
  padding-top:30px ;
}
div.footer_bottom div.fix{
  width:20%;
  float:left;
  padding-left:50px;
}
div.footer_bottom span{
  color:#646464;
  font-weight:bold;
  font-size:16px;
}
div.footer_bottom a{
  display:block;
  padding:4px;
}
div.footer{
  margin:0px 0px;
  border-top:1px solid #e7e7e7;
}
div.copyright{
  background-color:black;
  border-top:2px #C40000 solid;

}
div.copyright span.line{
  color:white;
}
div.copyright a{
  color:white;
  padding:0px 5px;

}
div.copyright div.top{
  padding:8px 0px;
  margin-left:2px;
}
div.license{
  padding-bottom:30px;
  margin-left:3px;
}
div.license span{
  color:#A4A4A4;
}
div.license div.copyrightof{
  color:#686868;
  margin:10px 0px;
}
div.footer img{
  margin-left:20px;
}
div.copyrightWide{
  max-width:1013px;
  margin:10px auto;
}
div.copyrightWide2{
  max-width:1013px;
  margin:10px auto;
  margin-bottom:0px !important;
}
div.aliPayDiv{
  max-width:1013px;
  margin:20px auto;
  text-align:center;
  padding-bottom:40px;
}
div.tmallImg{
  margin:30px;
}
div.confirmMoneyText{
  color:#4D4D4D;
  text-align:center;
  margin-left:25px;
}
div.confirmMoney{
  color:#FF6600;
  font-weight:bold;
  font-size:35px;
  margin:10px;
}
img.aliPayImg{
  border:2px #DFDFDF solid;
}
button.confirmPay{
  background-color:#00AAEE;
  border:1px solid #00AAEE;
  text-align:center;
  line-height:40px;
  height:40px;
  font-size:16px;
  font-weight:700;
  color:white;
  width:107px;
  margin-top:30px;
}
.aliPayImg{
  width:200px;

}
</style>


<nav class="thetop">
   <a href="#nowhere">
      <span class="glyphicon glyphicon-home redcolor"></span>
	  天猫首页
   </a>
   <span>喵，欢迎来到天猫
   <a href="#nowhere">请登录</a>
   <a href="#nowhere">免费注册</a>
   </span>
   <span class="pull-right">
   <a href="#nowhere">我的订单</a>
   <a href="#nowhere">
      <span class="glyphicon glyphicon-shopping-cart redcolor"></span>
      购物车<strong>0</strong>件
   </span>
</nav>


<div class="aliPayDiv">
  <div class="tmallImg">
    <img src="https://how2j.cn/tmall/img/site/simpleLogo.png" class="pull-left">
	<div style="clear:both"></div>
  </div>
  <div>
    <div class="confirmMoneyText">扫一扫付款（元）</div>
	<div class="confirmMoney">￥1,359.20</div>
  </div>
  <div class="2vcode">
    <img src="2vcode.JPG" class="aliPayImg">
  </div>
  <div>
    <a href="other2 交易成功 all.html"><button class="confirmPay">确认支付</button></a>
</div>
</div>
<div class="footer">
   <div class="footer_image">
   <a href="#nowhere">
     <image src="https://how2j.cn/tmall/img/site/ensure.png"></image>
   </a>
   </div>
   <div class="footer_bottom">
     <div class="fix">
	  <span>购物指南</span>
	  <a href="#nowhere">免费注册</a>
	  <a href="#nowhere">开通支付宝</a>
	  <a href="#nowhere">支付宝充值</a>
	 </div>
	 <div class="fix">
	  <span>天猫保障</span>
	  <a href="#nowhere">发票保障</a>
	  <a href="#nowhere">售后规则</a>
	  <a href="#nowhere">缺货赔付</a>
	 </div>
	 <div class="fix">
	  <span>支付方式</span>
	  <a href="#nowhere">快捷支付</a>
	  <a href="#nowhere">信用卡</a>
	  <a href="#nowhere">余额宝</a>
	  <a href="#nowhere">蚂蚁花呗</a>
	  <a href="#nowhere">货到付款</a>
	 </div>
	 <div class="fix">
	  <span>商家服务</span>
	  <a href="#nowhere">天猫规则</a>
	  <a href="#nowhere">商家入驻</a>
	  <a href="#nowhere">商家中心</a>
	  <a href="#nowhere">天猫智库</a>
	  <a href="#nowhere">物流服务</a>
	  <a href="#nowhere">喵言喵语</a>
	  <a href="#nowhere">运营服务</a>
	 </div>
	 <div class="fix">
	  <span>手机天猫</span><br>
	  <image src="tmall 2-D code.png"></image>
	 </div>
	</div>
	 <div style="clear:both"></div>
</div>


<div class="footer">
  <div class="copyrightWide2">
  <img src="site/cateye.png" ></img>
  </div>
  <div class="copyright">

    <div class="copyrightWide">

    <div class="top">
	  <a href="#nowhere">关于天猫</a>
	  <a href="#nowhere"> 帮助中心</a>
	  <a href="#nowhere"> 开放平台</a>
	  <a href="#nowhere"> 诚聘英才</a>
	  <a href="#nowhere"> 联系我们</a>
      <a href="#nowhere"> 网站合作</a>
	  <a href="#nowhere"> 法律声明</a>
	  <a href="#nowhere"> 隐私权政策</a>
	  <a href="#nowhere"> 知识产权</a>
	  <a href="#nowhere"> 廉正举报</a>
	  <a href="#nowhere"> 规则意见征集</a>
	</div>
	<div class="top">
	  <a href="#nowhere">阿里巴巴集团</a><span class="line">|</span>
	  <a href="#nowhere">淘宝网</a><span class="line">|</span>
	  <a href="#nowhere">天猫</a><span class="line">|</span>
	  <a href="#nowhere">聚划算</a><span class="line">|</span>
	  <a href="#nowhere">全球速卖通</a><span class="line">|</span>
	  <a href="#nowhere">阿里巴巴国际交易市场</a><span class="line">|</span>
	  <a href="#nowhere">1688</a><span class="line">|</span>
	  <a href="#nowhere">阿里妈妈</a><span class="line">|</span>
	  <a href="#nowhere">飞猪</a><span class="line">|</span>
	  <a href="#nowhere">阿里云计算</a><span class="line">|</span>
	  <a href="#nowhere">AliOS</a><span class="line">|</span>
	  <a href="#nowhere">阿里通信</a><span class="line">|</span>
	  <a href="#nowhere">万网</a><span class="line">|</span>
	  <a href="#nowhere">高德</a><span class="line">|</span>
	  <a href="#nowhere">UC</a><span class="line">|</span>
	  <a href="#nowhere">友盟</a><span class="line">|</span>
	  <a href="#nowhere">虾米</a><span class="line">|</span>
	  <a href="#nowhere">钉钉</a><span class="line">|</span>
	  <a href="#nowhere">支付宝</a><span class="line">|</span>
	  <a href="#nowhere">阿里安全</a>
	</div>
	<div class="license">
	<div>
	  <span>增值电信业务经营许可证： 浙B2-2011xxxx</span>
	  <span>市场名称登记证：工商网市字330100xxxx号</span>
	  <span>出版物网络交易平台服务经营备案证： 新出发浙备字第00x号</span>
	</div>
	<div>
	  <span>互联网违法和不良信息举报电话：0571-81683xxx blxxjb@alixxxx-inc.com</span>
	  <span> 互联网药品信息服务资质证书编号：浙-（经营性）-2017-000x
	  <span><a style="color:#A4A4A4" href="#nowhere"><image src="site/copyRight1.jpg">浙公网安备 33010002000xxx号</image></a></span>
	</div>
	<div>
	  <span>浙江省网络食品销售第三方平台提供者备案：浙网食A3301000x</span>
	  <span>12318举报</span>
	</div>
	<div class="copyrightof">© 2003-2019 TMALL.COM 版权所有</div>
	<div>
	<image src="site/copyRight1.jpg"></image>
	<image src="site/copyRight2.jpg"></image>
	</div>
</div>
</div>
</div>
</div>
</div>