话费充值页备用链接代码

admin

1. <div class="111">
   
2.   <style>
   
3.     /*!
   
4.     * html2canvas 1.0.0-alpha.8 <https://html2canvas.hertzen.com>
   
5.     * Copyright (c) 2018 Niklas von Hertzen <https://hertzen.com>
   
6.     * Released under MIT License
   
7.     */
   
8.     .b-line:after{content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #f1f1f1; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
   
9.     .hhr-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 15px; position: relative;}
   
10.     .hhr-flex-box{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #333;}
    
11.     .hhr-flex-box p{font-weight: 400; font-size: 0.6rem; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-wrap: break-word; word-break: break-all; color:#999999;}
    
12.     .hhr-wer-list{background:#fff; position:relative; overflow:hidden;border-radius: 15px;}
    
13.     .hhr-wer-img{width:45px; height:45px; margin-right:0.5rem;}
    
14.     .hhr-wer-img img{width:45px; height:45px; display:block; border:none;}
    
15.     .hhr-flex-box h3{font-size:0.92rem; margin-bottom:0.5rem;}
    
16.     .hhr-wer-button button{background:#fff; border:none; color:#f11d1c; border-radius:3px; padding:0.3rem 0.8rem; border:1px solid #f11d1c; font-size:0.8rem;}
    
17.     .hhr-layout{position: relative; overflow: hidden; padding-bottom: 15px; padding-top: 10px;}
    
18.     .hhr-layout-item{width: 33.333%; float: left; position: relative; z-index: 0; padding: 0.32rem 0; font-size: 0.85rem; text-align: center; color: #71777d;}
    
19.     .hhr-layout-item:not(:nth-child(3n)):before{content: ''; position: absolute; z-index: 0; top: 15px; right: 0; height: 50%; border-right: 1px solid #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
    
20.     .hhr-layout-item h2{color:#f11d1c; height:28px;}
    
21.     .hhr-wer-list a{display:block; position:relative;}
    
22.     </style>
    
23.     <div class="hhr-wer-list">
    
24.         <ul>
    
25.                 <div class="hhr-flex b-line">
    
26.                     <div class="hhr-wer-img">
    
27.                         <a href="https://my.chengshilijin.com/#/pages/lifepay/lifepay?index=0&id=1"><img src="http://chengshilijin.com/diy/img/bylj.jpg" alt=""></a>
    
28.                     </div>
    
29.                     <div class="hhr-flex-box">
    
30.                         <h3>备用话费通道</h3>
    
31.                         <p>如上方产品无货时，请点这里</p>
    
32.                     </div>
    
33.                     <div class="hhr-wer-button">
    
34.                      <a href="https://my.chengshilijin.com/#/pages/lifepay/lifepay?index=0&id=1"> <button>点我进入</button></a>
    
35.                     </div>
    
36.                 </div>
    
37. 
    
38.         </ul>
    
39.     </div>
    
40. </div>

复制代码

城市礼金