.yoho-coin-new-page {
    background-color: #f0f0f0;
    margin-top: pxToRem(30px);
    .coin{
        text-align: center;
        background-color: #fff;
    }
    .coin-num {
        color: #d0021b;
        font-size: pxToRem(80px);
        font-weight: bold;
        line-height: pxToRem(88px);
        // letter-spacing: pxToRem(8px);
    }

    .info {
        width: auto;
        color: #b0b0b0;
        font-size: pxToRem(24px);
        line-height: 1rem;
        .dollar {
            display: inline-block;
            width: pxToRem(24px);
            height: pxToRem(24px);
            background: image-url("me/yoho-coin/dollar.png") center center;
            background-size: 100% 100%;
        }
    }

    .more {
        display: inline-block;
        margin: pxToRem(20px) 0 pxToRem(30px);
        color: #444;
        font-size: pxToRem(28px);
        line-height: pxToRem(44px);
        width: pxToRem(168px);
        height: pxToRem(42px);
        text-align: center;
        border: 1px solid #444;
        border-radius: pxToRem(22px);
    }

    .coin-tip {
        margin-bottom: pxToRem(30px);
        padding: pxToRem(20px) pxToRem(30px);
        font-size: pxToRem(24px);
        line-height: pxToRem(32px);
        color: #d0021b;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;

        .icon {
            display: inline-block;
            width: pxToRem(32px);
            height: pxToRem(32px);
            font-weight: bold;
            border: 2px solid #d0021b;
            border-radius: 50%;
        }
    }

    .banner {
        padding-top: pxToRem(30px);
        border-top: 1px solid #e0e0e0;

        a {
            img {
                width: 100%;
            }
        }
    }
}