/*
* name: responsive
* version: v2.0.1
* update: 恢复使用max-width，最新版本的UC浏览器不支持max-device-width
* data: 2016-08-18
*/


/* import responsive stylesheet */

@import url(Pad.css) screen and (max-width: 1024px);
@import url(Mobile.css) screen and (max-width: 760px);

/* hide template textarea */

.UnpcPush textarea,
.PcPush textarea,
.MobilePush textarea,
.UnmobilePush textarea {
    display: none;
}


/*
* PcMode
*/

body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}

.PcMode:after {
    content: 'Pc' !important;
}

.UnpcPush,
.MobilePush {
    display: none;
}


/* img[data-src] { opacity: 0 ; filter: alpha(opacity=0);} */


/*
* PadMode
*/

@media only screen and (max-width: 1024px) {
    body:after {
        content: 'Pad';
    }
    body {
        user-select: none;
        -webkit-user-select: none;
    }
    html,
    body,
    .wrap {
        min-width: 0;
    }
    html {
        overflow-x: hidden;
    }
    body,
    input,
    textarea,
    button,
    select {
        font-size: 14px;
    }
    .wrap {
        padding-left: 2%;
        padding-right: 2%;
        width: auto;
    }
    .PcPush {
        display: none;
    }
    .UnpcPush {
        display: block;
    }
}


/*
* MobileMode
*/

@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,
    input,
    textarea,
    button,
    select {
        font-size: 16px;
    }
    .wrap {
        padding-left: 4%;
        padding-right: 4%;
    }
    .UnmobilePush {
        display: none;
    }
    .MobilePush {
        display: block;
    }
    img[data-src] {
        opacity: 1;
    }
}