.yoho-coin-new-page { background-color: #f0f0f0; margin-top: 30px; .coin { text-align: center; background-color: #fff; } .coin-num { color: #d0021b; font-size: 80px; font-weight: bold; line-height: 88px; } .info { width: auto; color: #b0b0b0; font-size: 24px; line-height: 1rem; .dollar { display: inline-block; width: 22px; height: 22px; background: resolve("home/yoho-coin/dollar.png") no-repeat; background-size: 100% 100%; } } .more { display: inline-block; margin: 20px 0 30px; color: #444; font-size: 28px; line-height: 44px; width: 168px; height: 42px; text-align: center; border: 1px solid #444; border-radius: 22px; } .coin-tip { margin-bottom: 30px; padding: 20px 30px; font-size: 24px; line-height: 32px; color: #d0021b; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; .icon { display: inline-block; width: 32px; height: 32px; font-weight: bold; border: 2PX solid #d0021b; border-radius: 50%; } } .banner { padding-top: 30px; border-top: 1px solid #e0e0e0; a { img { width: 100%; } } } }