html{
    font-size: 10px;
    //@media screen and (min-width:321px) and (max-width:375PX){font-size:12px;}    //iphone6:375*667
    //@media screen and (min-width:376px) and (max-width:413px){font-size:12px;}
    //@media screen and (min-width:414px) and (max-width:599px){font-size:14px;}
    //@media screen and (min-width:600px) and (max-width:719px){font-size:16px;}
    //@media screen and (min-width:720px) and (max-width:749px){font-size:18px;}
    //@media screen and (min-width:750px) and (max-width:799px){font-size:22px;width: 92%;margin: 0 auto;}
    //@media screen and (min-width:800px) and (max-width:1023px){font-size:22px;width: 90%;margin: 0 auto;}
    //@media screen and (min-width:1024px) and (max-width:1280px){font-size:22px;width:90%;margin: 0 auto;}
    width: 100%;
    height: 100%;
    overflow: auto;
    min-width: 1024px;
    @media screen and (min-width:1280px) and (max-width:1369px){font-size:11px;}
    @media screen and (min-width:1369px) and (max-width:1440px){font-size:12px;}
    @media screen and (min-width:1441px) and (max-width:1600px){font-size:14px;}
    @media screen and (min-width:1601px) and (max-width:1800px){font-size:16px;}
    @media screen and (min-width:1801px) and (max-width:1920px){font-size:16px;}
    @media screen and (min-width:1921px){font-size: 20px;}
}




input{
    font-size: 16px;
    outline: none;
    border: none;
    &::-webkit-input-placeholder{
        color: #7F7F7F;
        font-size: 16px;
        opacity: 1;
    }
    &::-moz-placeholder{
        color: #7F7F7F;
        font-size: 16px;
        opacity: 1;
    }
    &:-moz-placeholder{
        color: #7F7F7F;
        font-size: 16px;
        opacity: 1;
    }
    &:-ms-input-placeholder{
        color: #7F7F7F;
        font-size: 16px;
        opacity: 1;
    }
}