这款HTML支付成功提示页面模板简单漂亮,绿色的成功图标显得更专业,是你在支付成功提醒页面的合适的html页面。

无需下载,代码就在下方
支付完成提示页面html模板

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no" />
</head>
<body>
<div class="wenx_xx">
  <p><img src="data:image/png;base64,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" alt="" class="succ_img"></p>
  <p>&nbsp;</p>
  <p>&nbsp;  </p>
  <p class="succ_tit f24">支付确认页面</p>
  <p class="succ_tit">&nbsp;</p>
  <p class="succ_tit">&nbsp;</p>
  <a href="https://tb.53kf.com/code/stat/c33f0229e8b20783b729f069d3f0e8383/5" class="all_w ljzf_but"><strong>支付完成</strong></a>
</div>
<style>
/* CSS RESET */
* { padding: 0; margin: 0; }
body {
background: #efeff4;
min-width: 320px;
max-width: 640px;
color: #000;
font-family: "微软雅黑", Arial;
font-size: 9px;
margin: 0 auto;
}
a { text-decoration: none; color: #666666; }
a, img { border: none; }
img { vertical-align: middle; }
ul, li { list-style: none; }
em, i { font-style: normal; }
.clear { clear: both }
.clear_wl:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; }
.fl { float: left }
.fr { float: right }
.all_w { width: 91.3%; margin: 0 auto; }
/*基础字体属性*/
.f10 { font-size: 10px }
.f11 { font-size: 11px }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f13 { font-size: 13px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.f20 { font-size: 20px }
.f22 { font-size: 22px }
.f24 { font-size: 24px }
.f26 { font-size: 26px }
.f28 { font-size: 28px }
.f32 { font-size: 32px }
.fb { font-weight: bold }
/********/
.header { background: #393a3e; color: #f5f7f6; height: auto; overflow: hidden; }
.gofh { float: left; height: 45px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; }
.gofh a { padding-right: 10px; border-right: 1px solid #2e2f33; }
.gofh a img { width: 40%; }
.ttwenz { float: left; height: 45px; }
.ttwenz h4 { font-size: 16px; font-weight: 400; margin-top: 2px; }
.ttwenz h5 { font-size: 12px; font-weight: 400; color: #6c7071; }
.wenx_xx { text-align: center; font-size: 10px; padding: 18px 0; }
.wenx_xx .wxzf_price { font-size: 45px; }
.skf_xinf { height: 43px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 43px; background: #FFF; font-size: 12px; overflow: hidden; }
.skf_xinf .bt { color: #767676; float: left; }
.ljzf_but { border-radius: 3px; height: 45px; line-height: 45px; background: #44bf16; display: block; text-align: center; font-size: 16px; margin-top: 14px; color: #fff; }
/**/
.ftc_wzsf { display:none; width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; left: 0; }
.ftc_wzsf .hbbj { width: 100%; height: 100%; position: absolute; z-index: 8; background: #000; opacity: 0.4; top: 0; left: 0; }
.ftc_wzsf .srzfmm_box { position: absolute; z-index: 10; background: #f8f8f8; width: 88%; left: 50%; margin-left: -44%; top: 25px; }
.qsrzfmm_bt { font-size: 16px; border-bottom: 1px solid #c9daca; overflow: hidden; }
.qsrzfmm_bt a { display: block; width: 10%; padding: 10px 0; text-align: center; }
.qsrzfmm_bt img.tx { width: 10%; padding: 10px 0; }
.qsrzfmm_bt span { padding: 15px 5px; }
.zfmmxx_shop { text-align: center; font-size: 12px; padding: 10px 0; overflow: hidden; }
.zfmmxx_shop .mz { font-size: 14px; float: left; width: 100%; }
.zfmmxx_shop .wxzf_price { font-size: 24px; float: left; width: 100%; }
.blank_yh { width: 89%; margin: 0 auto; line-height: 40px; display: block; color: #636363; font-size: 16px; padding: 5px 0; overflow: hidden; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; }
.blank_yh img { height: 40px; }
.ml5 { margin-left: 5px; }
.mm_box { width: 89%; margin: 10px auto; height: 40px; overflow: hidden; border: 1px solid #bebebe; }
.mm_box li { border-right: 1px solid #efefef; height: 40px; float: left; width: 16.3%; background: #FFF; }
.mm_box li.mmdd{ background:#FFF url(../images/dd_03.jpg) center no-repeat ; background-size:25%;}
.mm_box li:last-child { border-right: none; }
.xiaq_tb { padding: 5px 0; text-align: center; border-top: 1px solid #dadada; }
.numb_box { position: absolute; z-index: 10; background: #f5f5f5; width: 100%; bottom: 0px; }
.nub_ggg { border: 1px solid #dadada; overflow: hidden; border-bottom: none; }
.nub_ggg li { width: 33.3333%; border-bottom: 1px solid #dadada; float: left; text-align: center; font-size: 22px; }
.nub_ggg li a { display: block; color: #000; height: 50px; line-height: 50px; overflow: hidden; }
.nub_ggg li a:active  { background: #e0e0e0;}
.nub_ggg li a.zj_x { border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
.nub_ggg li span { display: block; color: #e0e0e0; background: #e0e0e0; height: 50px; line-height: 50px; overflow: hidden; }
.nub_ggg li span.del img { width: 30%; }
 
.fh_but{ position:absolute; right:0px; top:12px; font-size:14px; color:#20d81f;}
.zfcg_box{ font-size:20px; color:#1ea300; text-align:center; margin-top:100px;}
.zfcg_box img{ display:inline-block; margin-bottom:16px;}
 
.cgzf_info{ margin-top:80px;}
.spxx_shop{ margin-top:80px;}
.spxx_shop .box-wc a{ display:block; margin:0 auto; border:1px solid #1ea300; border-radius:5px; width:180px; color:#1ea300; height:36px; line-height:36px; text-align:center; font-size:16px;}
.sp-xx{ margin:0 20px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:5px 0}
.sp-xx td{ height:25px; line-height:25px; color:#666;}
 
.wzxfcgde_tb{ position:fixed; width:100%; z-index:999; bottom:20px; text-align:center;}
.wzxfcgde_tb img{ width:20.6%;}
.mlr_pm{margin-right:4.35%;}
 
</style>
</body>
</html>
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
免责声明:本站所有内容资源来源于互联网, 请勿用于任何商业用途,仅限个人学习研究。 本站发布的资源仅供学习使用。本站不保障所有资源完整性,仅供学习参考, 如有侵犯您的权益请联系,我们会及时处理。
模板编号:JYM9106
模板类别:导航菜单
点击次数:
更新时间:2021-01-23
演示地址: 查看演示 暂无演示
相关推荐
Top