/* Banner */
.banner
{
    height: 26.25rem;
    background: url(/website/mobile/img/index/banner-bg.png) center 0 no-repeat;
    background-size: cover;
}

.banner-content
{
    padding-top: 4.5rem;
}

.banner-title
{
    font-size: 1.625rem;
    color: #212121;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0.4375rem;
}

.banner-text
{
    font-size: 1rem;
    color: #4E4D4F;
    text-align: center;
}


/* Stat */
.stat
{
    padding: 0.625rem 0;
}

.stat-item
{
    display: inline-block;
    width: 11.6875rem;
    height: 3.9375rem;
    text-align: center;
}

.stat-count
{
    color: #007AFF;
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 0.625rem;
}

.stat-text
{
    color: #212121;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.0625rem;
}


/* Product */
.product
{
    padding: 2rem 0 2.5rem 0;
    background: #F2F8FF;
}

.product-head
{
    font-size: 1.5rem;
    color: #0d1a26;
    text-align: center;
    margin-bottom: 2rem;
}

.product-item
{
    display: inline-block;
    width: 20.9375rem;
    height: 17.5rem;
    margin: 0.3125rem auto;
    background: white;
    box-shadow: 0 0.25rem 1rem -0.125rem rgba(46, 128, 255, 0.1);
    border-radius: 0.25rem;
}

.product-item .primary
{
    color: white !important;
    background: #276ff5 !important;
}

.product-title
{
    font-size: 1.0625rem;
    line-height: 1.625rem;
    color: #0d1a26;
    text-align: center;
    margin: 1rem 0 0.1875rem 0;
}

.product-text
{
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #999999;
    text-align: center;
    margin-bottom: 0.3125rem;
}

.product-button-group
{
    text-align: center;
    margin: 0.5625rem auto;
}

.product-button
{
    display: inline-block;
    width: 4.5rem;
    height: 1.75rem;
    color: #276ff5;
    cursor: pointer;
    font-size: 0.75rem;
    line-height: 1.75rem;
    text-align: center;
    margin: 0 0.5625rem;
    border: 1px solid #276ff5;
    border-radius: 0.25rem;
}

.product-picture
{
    width: 19rem;
    height: 9.75rem;
    margin: 0 auto;
}

/* Customer */
.customer
{
    padding: 2rem 0 2.5rem 0;
    background: #F5F5F5;
}

.customer-head
{
    font-size: 1.5rem;
    color: #0d1a26;
    margin-bottom: 1.5rem;
    text-align: center;
}

.customer-item
{
    width: 5.9375rem;
    height: 2.875rem;
    margin: 0.75rem;
}