/* PC端 */

@media only screen and (min-width: 1024px)
{
    body
    {
        /* overflow: hidden; */
    }

    #carousel
    {
        display: block;
    }

    .pc-footer
    {
        display: block;
    }

    .mgt100-center-clo
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        margin-top: .5rem;
        margin-left: .25rem;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
    }

    #ph-container
    {
        display: none;
    }

    .layui-carousel
    {
        height: 13.333333rem!important;
    }

    .page1-top-container
    {
        width: 100%;
        height: inherit;

        background: url('../img/bg.png') no-repeat;
        background-size: 100% auto;
    }

    .header
    {
        margin: 0 auto;
        padding: .933333rem 0 3.026667rem;
    }

    .header,
    .content
    {
        width: 65%;
    }

    .header img
    {
        width: 2.533333rem;
        height: 1.333rem;
    }

    .header a
    {
        display: inline-block;
    }

    .content
    {
        margin: 0 auto;
    }

    .channel-name
    {
        font-size: .45rem;

        margin-left: .2rem;

        color: #fff;
    }

    .android_btn
    {
        width: 2.4rem;
        height: .72rem;
        margin-left: .5rem;

        border: 0;
        outline: 0;
        background: url('../img/btn.png') no-repeat;
        background-size: 100% 100%;
    }

    .version-text
    {
        font-size: 1.15rem;
        font-weight: 700;

        color: #fff;
    }

    .version-text img
    {
        width: 6.8rem;
    }

    .des-text
    {
        font-size: 1.45rem;
        font-weight: 700;

        color: #fff;
    }

    .download-app-btn
    {
        font-size: .525rem;

        width: 3.375rem;
        height: 1.125rem;
        margin: .5rem 0 0 .2rem;

        color: #fff;
        border: 0;
        border-radius: .125rem;
        outline: 0;
        background: #ff6001;
    }

    .qrcode_wrapper
    {
        display: inline-block !important;

        padding: 10px 17px 5px;

        text-align: center;

        border: 2px dashed #333;
    }

    .layui-carousel-ind ul
    {
        background-color: #fff;
    }

    .layui-carousel-ind ul:hover
    {
        background-color: #fff;
    }

    .layui-carousel-ind li
    {
        width: .375rem;
        height: .375rem;
        margin: 0 .2rem;

        opacity: .2;
        background-color: #ff6001;
    }

    .layui-carousel-ind li:hover
    {
        opacity: 1;
        background-color: #ff6001;
    }

    .layui-carousel-ind li.layui-this
    {
        opacity: 1;
        background-color: #ff6001 !important;
    }

    .pc-footer
    {
        /* position: absolute;
        bottom: 0;
        left: 0;
        right: 0; */
    }

    .pc-footer p
    {
        padding: 30px;

        text-align: center;

        color: #666;
    }

    .layui-carousel-ind
    {
        top: -3rem;
    }
}

.ph-content
{
    background: #ffecf5;
}

/* 移动端 */

@media only screen and (max-width: 1024px)
{
    *
    {
        font-family: 'MicrosoftYaHei-Bold';

        box-sizing: border-box;
    }

    body
    {
        overflow: auto;
        /* background-size:cover; */
        /* background-size:100%; */

        box-sizing: border-box;
        width: 100%;
        height: 100%;
        /* background: url('../img/bg_ph.png') no-repeat; */
        /* background-position: center center; */

        background-attachment: fixed;
        background-size: 100% 100%;
    }

    #carousel
    {
        display: none;
    }

    .pc-footer
    {
        display: none;
    }

    #ph-container
    {
        position: relative;

        display: block;

        width: 100%;
        height: 100%;
        min-height: 100%;
    }

    .ph-header
    {
        padding: 1.3rem 1.5625rem;
    }

    .ph-header a
    {
        font-size: .6875rem;

        float: right;

        text-decoration: underline;

        color: #ff4d91;
    }

    .ph-title
    {
        font-size: 1.6875rem;
        font-weight: 700;

        text-align: center;

        color: #fff;
    }

    .ph-version
    {
        font-size: .75rem;

        text-align: center;

        color: #fff;
    }

    .ph-des
    {
        font-family: 'MicrosoftYaHei';
        font-size: 1.25rem;

        margin-top: .35rem;

        text-align: center;

        color: #fff;
    }

    .mgt16
    {
        margin-top: 1rem;
    }

    .mgt30
    {
        margin-top: 1.875rem;
    }

    .ph-footer
    {
        position: absolute;
        z-index: 900;
        right: 0;
        bottom: 0;
        left: 0;

        display: flex;

        width: 100%;
        height: 3.75rem;
        padding: 0 .8rem;

        background: #fff;

        justify-content: space-between;
        align-items: center;
    }

    .ph-header-img
    {
        width: 70%;
        margin: 3rem auto 0;
    }

    .ph-header-img img
    {
        width: 100%;
        height: 100%;
    }

    .ph_example-wrapper
    {
        margin-top: 1.875rem;

        text-align: center;
    }

    .ph_example-wrapper img
    {
        width: 70%;
    }

    .ph-footer > img
    {
        width: 7.75rem;
        /* height: 2.5rem; */
    }

    .ph-app-download
    {
        line-height: 1.8125rem;

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
        float: right;

        box-sizing: border-box;
        width: 6.5625rem;
        height: 1.8125rem;
        margin-top: .35rem;

        border: 0;
        border-radius: .3125rem;
        outline: 0;
        background-color: #ff4d91;
        background-image: url('../img/btn.png');
        background-position: center;
        background-size: 125% 125%;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }

    .ph-app-download img
    {
        width: 1.125rem;
        height: 1.125rem;
    }

    .mgt100-center-clo span
    {
        display: block;
    }

    .ph-app-download span
    {
        font-size: .8125rem;

        vertical-align: middle;

        color: #fff;
    }

    .ph-content
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 3.75rem;
        left: 0;

        overflow-y: auto;

        margin: 0 auto;

        -webkit-overflow-scrolling: touch;
    }

    /* 遮罩层 */

    .modal-open
    {
        position: fixed;

        width: 100%;
    }

    #Mask-weChat
    {
        position: fixed;
        z-index: 5000000;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        display: none;

        background: rgba(0, 0, 0, .7);
    }

    #Mask-weChat .showTip
    {
        width: 78%;
        margin-top: 2%;
        margin-left: 20%;
    }

    #Mask-weChat .showTip img
    {
        width: 100%;
        height: 100%;
    }
}