.pay-page { padding: 40px 20px 0; .payapp-list { visibility: hidden; } .box.bytouch { background-color: #eee; } .box { border: 1px solid #eee; border-radius: 10px; padding: 12px 20px; margin-bottom: 20px; display: flex; align-items: center; > div { min-height: 40px; display: flex; align-items: center; } .icon { width: 15%; flex-basis: 15%; img { width: 60px; margin: 0; } > div { width: 60px; height: 60px; background-image: resolve("layout/pay-icon.png"); background-size: 90%; background-position-y: 8px; background-position-x: center; background-repeat: no-repeat; } } .app { width: 35%; flex-basis: 35%; font-size: 32px; color: #414141; } .hint { width: 45%; flex-basis: 45%; font-size: 24px; color: #4b4b4b; } .iconfont { width: 5%; flex-basis: 5%; justify-content: flex-end; color: #e0e0e0; font-size: 28px; } } /* 加载中 */ .loading-toast { position: fixed; z-index: 3; width: 3.8em; min-height: 3.8em; top: 38%; left: 50%; margin-left: -1.9em; background: rgba(40, 40, 40, 0.75); text-align: center; border-radius: 5px; color: #fff; } .loading-toast:after { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background: resolve("loading-wechat.png"); background-size: 40px; animation: rotate 0.7s infinite; animation-timing-function: linear; } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }