@media screen and (min-width: 320px) and (max-width: 359px) {
    /*.own-app-tip header {*/
        /*top: 44.37px;*/
    /*}*/

    header {
        height: 39.253px;
        padding: 0 0 0 13.653px;
    }

    header .header-logo {
        width: 70.827px;
        height: 23.893px;
        background-size: 384px 256px;
    }

    header .appSkip-btn {
        font-size: 10.24px;
        width: 51.2px;
        height: 20.48px;
        line-height: 20.48px;
        border-radius: 2.133px;
        margin-left: 13.653px;
    }

    header .search-link {
        width: 40.96px;
        height: 39.253px;
    }

    header .search-btn {
        width: 13.653px;
        height: 16.213px;
        background: url('/assets/common/images/sprite.png') no-repeat -79.36px 0/100% 100%;
        background-size: 384px 256px;
    }

    header .login-flexBox {
        margin: 0 13.653px 0 3.413px;
    }

    header .login-btn {
        font-size: 11.947px;
        width: 34.133px;
        height: 20.48px;
        line-height: 20.48px;
        border-radius: 2.133px;
    }


    header .signIn-icon {
        width: 14.507px;
        height: 13.653px;
        background: url('/assets/common/images/sprite.png') no-repeat -101.547px 0/100% 100%;
        background-size: 384px 256px;
    }

    header .signIn-text {
        font-size: 9.387px;
        margin-top: -2.133px;
    }
}

@media screen and (min-width: 360px) and (max-width: 374px) {
    /*.own-app-tip header {*/
        /*top: 49.52px;*/
    /*}*/

    header {
        height: 44.16px;
        padding: 0 0 0 15.36px;
    }

    header .header-logo {
        width: 79.68px;
        height: 26.88px;
        background-size: 432px 288px;
    }

    header .appSkip-btn {
        font-size: 11.52px;
        width: 57.6px;
        height: 23.04px;
        line-height: 23.04px;
        border-radius: 2.4px;
        margin-left: 15.36px;
    }

    header .search-link {
        width: 46.08px;
        height: 44.16px;
    }

    header .search-btn {
        width: 15.36px;
        height: 18.24px;
        background: url('/assets/common/images/sprite.png') no-repeat -89.28px 0/100% 100%;
        background-size: 432px 288px;
    }

    header .login-flexBox {
        margin: 0 15.36px 0 3.84px;
    }

    header .login-btn {
        font-size: 13.44px;
        width: 38.4px;
        height: 23.04px;
        line-height: 23.04px;
        border-radius: 2.4px;
    }


    header .signIn-icon {
        width: 16.32px;
        height: 15.36px;
        background: url('/assets/common/images/sprite.png') no-repeat -114.24px 0/100% 100%;
        background-size: 432px 288px;
    }

    header .signIn-text {
        font-size: 10.56px;
        margin-top: -2.4px;
    }
}

@media screen and (min-width: 375px) and (max-width: 383px) {
    /*.own-app-tip header {*/
        /*top: 52px;*/
    /*}*/

    header {
        height: 46px;
        padding: 0 0 0 16px;
    }

    header .header-logo {
        width: 83px;
        height: 28px;
        background-size: 450px 300px;
    }

    header .appSkip-btn {
        font-size: 12px;
        width: 60px;
        height: 24px;
        line-height: 24px;
        border-radius: 2.5px;
        margin-left: 16px;
    }

    header .search-link {
        width: 48px;
        height: 46px;
    }

    header .search-btn {
        width: 16px;
        height: 19px;
        background: url('/assets/common/images/sprite.png') no-repeat -93px 0/100% 100%;
        background-size: 450px 300px;
    }

    header .login-flexBox {
        margin: 0 16px 0 4px;
    }

    header .login-btn {
        font-size: 14px;
        width: 40px;
        height: 24px;
        line-height: 24px;
        border-radius: 2.5px;
    }


    header .signIn-icon {
        width: 17px;
        height: 16px;
        background: url('/assets/common/images/sprite.png') no-repeat -119px 0/100% 100%;
        background-size: 450px 300px;
    }

    header .signIn-text {
        font-size: 11px;
        margin-top: -2.5px;
    }
}

@media screen and (min-width: 384px) and (max-width: 410px) {
    /*.own-app-tip header {*/
        /*top: 53.38px;*/
    /*}*/

    header {
        height: 47.104px;
        padding: 0 0 0 16.384px;
    }

    header .header-logo {
        width: 84.992px;
        height: 28.672px;
        background-size: 460.8px 307.2px;
    }

    header .appSkip-btn {
        font-size: 12.288px;
        width: 61.44px;
        height: 24.576px;
        line-height: 24.576px;
        border-radius: 2.56px;
        margin-left: 16.384px;
    }

    header .search-link {
        width: 49.152px;
        height: 47.104px;
    }

    header .search-btn {
        width: 16.384px;
        height: 19.456px;
        background: url('/assets/common/images/sprite.png') no-repeat -95.232px 0/100% 100%;
        background-size: 460.8px 307.2px;
    }

    header .login-flexBox {
        margin: 0 16.384px 0 4.096px;
    }

    header .login-btn {
        font-size: 14.336px;
        width: 40.96px;
        height: 24.576px;
        line-height: 24.576px;
        border-radius: 2.56px;
    }


    header .signIn-icon {
        width: 17.408px;
        height: 16.384px;
        background: url('/assets/common/images/sprite.png') no-repeat -121.856px 0/100% 100%;
        background-size: 460.8px 307.2px;
    }

    header .signIn-text {
        font-size: 11.264px;
        margin-top: -2.56px;
    }
}

@media screen and (min-width: 411px) and (max-width: 413px) {
    /*.own-app-tip header {*/
        /*top: 57.55px;*/
    /*}*/

    header {
        height: 50.416px;
        padding: 0 0 0 17.536px;
    }

    header .header-logo {
        width: 90.968px;
        height: 30.688px;
        background-size: 493.2px 328.8px;
    }

    header .appSkip-btn {
        font-size: 13.152px;
        width: 65.76px;
        height: 26.304px;
        line-height: 26.304px;
        border-radius: 2.74px;
        margin-left: 17.536px;
    }

    header .search-link {
        width: 52.608px;
        height: 50.416px;
    }

    header .search-btn {
        width: 17.536px;
        height: 20.824px;
        background: url('/assets/common/images/sprite.png') no-repeat -101.928px 0/100% 100%;
        background-size: 493.2px 328.8px;
    }

    header .login-flexBox {
        margin: 0 17.536px 0 4.384px;
    }

    header .login-btn {
        font-size: 15.344px;
        width: 43.84px;
        height: 26.304px;
        line-height: 26.304px;
        border-radius: 2.74px;
    }


    header .signIn-icon {
        width: 18.632px;
        height: 17.536px;
        background: url('/assets/common/images/sprite.png') no-repeat -130.424px 0/100% 100%;
        background-size: 493.2px 328.8px;
    }

    header .signIn-text {
        font-size: 12.056px;
        margin-top: -2.74px;
    }
}

@media screen and (min-width: 414px)  and (max-width: 447px) {
    /*.own-app-tip header {*/
        /*top: 57.408px;*/
    /*}*/

    header {
        height: 50.784px;
        padding: 0 0 0 17.664px;
    }

    header .header-logo {
        width: 91.632px;
        height: 30.912px;
        background-size: 496.8px 331.2px;
    }

    header .appSkip-btn {
        font-size: 13.248px;
        width: 66.24px;
        height: 26.496px;
        line-height: 26.496px;
        border-radius: 2.76px;
        margin-left: 17.664px;
    }

    header .search-link {
        width: 52.992px;
        height: 50.784px;
    }

    header .search-btn {
        width: 17.664px;
        height: 20.976px;
        background: url('/assets/common/images/sprite.png') no-repeat -102.672px 0/100% 100%;
        background-size: 496.8px 331.2px;
    }

    header .login-flexBox {
        margin: 0 17.664px 0 4.416px;
    }

    header .login-btn {
        font-size: 15.456px;
        width: 44.16px;
        height: 26.496px;
        line-height: 26.496px;
        border-radius: 2.76px;
    }


    header .signIn-icon {
        width: 18.768px;
        height: 17.664px;
        background: url('/assets/common/images/sprite.png') no-repeat -131.376px 0/100% 100%;
        background-size: 496.8px 331.2px;
    }

    header .signIn-text {
        font-size: 12.144px;
        margin-top: -2.76px;
    }
}

@media screen and (min-width: 448px)  and (max-width: 479px) {
    /*.own-app-tip header {*/
        /*top: 62.123px;*/
    /*}*/

    header {
        height: 54.955px;
        padding: 0 0 0 19.115px;
    }

    header .header-logo {
        width: 99.157px;
        height: 33.451px;
        background-size: 537.6px 537.6px;
    }

    header .appSkip-btn {
        font-size: 14.336px;
        width: 71.68px;
        height: 28.672px;
        line-height: 28.672px;
        border-radius: 2.987px;
        margin-left: 19.115px;
    }

    header .search-link {
        width: 57.344px;
        height: 54.955px;
    }

    header .search-btn {
        width: 19.115px;
        height: 22.699px;
        background: url('/assets/common/images/sprite.png') no-repeat -111.104px 0/100% 100%;
        background-size: 537.6px 537.6px;
    }

    header .login-flexBox {
        margin: 0 19.115px 0 4.779px;
    }

    header .login-btn {
        font-size: 16.725px;
        width: 47.787px;
        height: 28.672px;
        line-height: 28.672px;
        border-radius: 2.987px;
    }


    header .signIn-icon {
        width: 20.309px;
        height: 19.115px;
        background: url('/assets/common/images/sprite.png') no-repeat -142.165px 0/100% 100%;
        background-size: 537.6px 537.6px;
    }

    header .signIn-text {
        font-size: 13.141px;
        margin-top: -2.987px;
    }
}

@media screen and (min-width: 480px)  and (max-width: 511px) {
    /*.own-app-tip header {*/
        /*top: 66.56px;*/
    /*}*/

    header {
        height: 58.88px;
        padding: 0 0 0 20.48px;
    }

    header .header-logo {
        width: 106.24px;
        height: 35.84px;
        background-size: 576px 384px;
    }

    header .appSkip-btn {
        font-size: 15.36px;
        width: 76.8px;
        height: 30.72px;
        line-height: 30.72px;
        border-radius: 3.2px;
        margin-left: 20.48px;
    }

    header .search-link {
        width: 61.44px;
        height: 58.88px;
    }

    header .search-btn {
        width: 20.48px;
        height: 24.32px;
        background: url('/assets/common/images/sprite.png') no-repeat -119.04px 0/100% 100%;
        background-size: 576px 384px;
    }

    header .login-flexBox {
        margin: 0 20.48px 0 5.12px;
    }

    header .login-btn {
        font-size: 17.92px;
        width: 51.2px;
        height: 30.72px;
        line-height: 30.72px;
        border-radius: 3.2px;
    }


    header .signIn-icon {
        width: 21.76px;
        height: 20.48px;
        background: url('/assets/common/images/sprite.png') no-repeat -152.32px 0/100% 100%;
        background-size: 576px 384px;
    }

    header .signIn-text {
        font-size: 14.08px;
        margin-top: -3.2px;
    }
}

@media screen and (min-width: 512px)  and (max-width: 543px) {
    /*.own-app-tip header {*/
        /*top: 70.998px;*/
    /*}*/

    header {
        height: 62.805px;
        padding: 0 0 0 21.845px;
    }

    header .header-logo {
        width: 113.323px;
        height: 38.23px;
        background-size: 614.4px 409.6px;
    }

    header .appSkip-btn {
        font-size: 16.384px;
        width: 81.92px;
        height: 32.768px;
        line-height: 32.768px;
        border-radius: 3.413px;
        margin-left: 621.845px;
    }

    header .search-link {
        width: 65.536px;
        height: 62.805px;
    }

    header .search-btn {
        width: 21.845px;
        height: 25.941px;
        background: url('/assets/common/images/sprite.png') no-repeat -126.976px 0/100% 100%;
        background-size: 614.4px 409.6px;
    }

    header .login-flexBox {
        margin: 0 21.845px 0 5.461px;
    }

    header .login-btn {
        font-size: 19.115px;
        width: 54.613px;
        height: 32.768px;
        line-height: 32.768px;
        border-radius: 3.413px;
    }


    header .signIn-icon {
        width: 23.211px;
        height: 21.845px;
        background: url('/assets/common/images/sprite.png') no-repeat -162.475px 0/100% 100%;
        background-size: 614.4px 409.6px;
    }

    header .signIn-text {
        font-size: 15.019px;
        margin-top: -3.413px;
    }
}

@media screen and (min-width: 544px)  and (max-width: 575px) {
    /*.own-app-tip header {*/
        /*top: 75.435px;*/
    /*}*/

    header {
        height: 66.731px;
        padding: 0 0 0 23.211px;
    }

    header .header-logo {
        width: 120.405px;
        height: 40.619px;
        background-size: 652.8px 435.2px;
    }

    header .appSkip-btn {
        font-size: 17.408px;
        width: 87.04px;
        height: 34.816px;
        line-height: 34.816px;
        border-radius: 3.627px;
        margin-left: 23.211px;
    }

    header .search-link {
        width: 69.632px;
        height: 66.731px;
    }

    header .search-btn {
        width: 23.211px;
        height: 27.563px;
        background: url('/assets/common/images/sprite.png') no-repeat -134.912px 0/100% 100%;
        background-size: 652.8px 435.2px;
    }

    header .login-flexBox {
        margin: 0 23.211px 0 5.803px;
    }

    header .login-btn {
        font-size: 20.309px;
        width: 58.027px;
        height: 34.816px;
        line-height: 34.816px;
        border-radius: 3.627px;
    }


    header .signIn-icon {
        width: 24.661px;
        height: 23.211px;
        background: url('/assets/common/images/sprite.png') no-repeat -172.629px 0/100% 100%;
        background-size: 652.8px 435.2px;
    }

    header .signIn-text {
        font-size: 15.957px;
        margin-top: -3.627px;
    }
}

@media screen and (min-width: 576px)  and (max-width: 607px) {
    /*.own-app-tip header {*/
        /*top: 79.872px;*/
    /*}*/

    header {
        height: 70.656px;
        padding: 0 0 0 24.576px;
    }

    header .header-logo {
        width: 127.488px;
        height: 43.008px;
        background-size: 691.2px 460.8px;
    }

    header .appSkip-btn {
        font-size: 18.432px;
        width: 92.16px;
        height: 36.864px;
        line-height: 36.864px;
        border-radius: 3.84px;
        margin-left: 24.576px;
    }

    header .search-link {
        width: 73.728px;
        height: 70.656px;
    }

    header .search-btn {
        width: 24.576px;
        height: 29.184px;
        background: url('/assets/common/images/sprite.png') no-repeat -142.848px 0/100% 100%;
        background-size: 691.2px 460.8px;
    }

    header .login-flexBox {
        margin: 0 24.576px 0 6.144px;
    }

    header .login-btn {
        font-size: 21.504px;
        width: 61.44px;
        height: 36.864px;
        line-height: 36.864px;
        border-radius: 3.84px;
    }


    header .signIn-icon {
        width: 26.112px;
        height: 24.576px;
        background: url('/assets/common/images/sprite.png') no-repeat -182.784px 0/100% 100%;
        background-size: 691.2px 460.8px;
    }

    header .signIn-text {
        font-size: 16.896px;
        margin-top: -3.84px;
    }
}

@media screen and (min-width: 608px)  and (max-width: 639px) {
    /*.own-app-tip header {*/
        /*top: 84.309px;*/
    /*}*/

    header {
        height: 74.581px;
        padding: 0 0 0 25.941px;
    }

    header .header-logo {
        width: 134.571px;
        height: 45.397px;
        background-size: 729.6px 486.4px;
    }

    header .appSkip-btn {
        font-size: 19.456px;
        width: 97.28px;
        height: 38.912px;
        line-height: 38.912px;
        border-radius: 4.053px;
        margin-left: 25.941px;
    }

    header .search-link {
        width: 77.824px;
        height: 74.581px;
    }

    header .search-btn {
        width: 25.941px;
        height: 30.805px;
        background: url('/assets/common/images/sprite.png') no-repeat -150.784px 0/100% 100%;
        background-size: 729.6px 486.4px;
    }

    header .login-flexBox {
        margin: 0 25.941px 0 6.485px;
    }

    header .login-btn {
        font-size: 22.697px;
        width: 64.853px;
        height: 38.912px;
        line-height: 38.912px;
        border-radius: 4.053px;
    }


    header .signIn-icon {
        width: 27.563px;
        height: 25.941px;
        background: url('/assets/common/images/sprite.png') no-repeat -192.939px 0/100% 100%;
        background-size: 729.6px 486.4px;
    }

    header .signIn-text {
        font-size: 17.835px;
        margin-top: -4.053px;
    }
}

@media screen and (min-width: 640px)  and (max-width: 749px) {
    /*.own-app-tip header {*/
        /*top: 88.747px;*/
    /*}*/

    header {
        height: 78.507px;
        padding: 0 0 0 27.307px;
    }

    header .header-logo {
        width: 141.653px;
        height: 47.787px;
        background-size: 768px 512px;
    }

    header .appSkip-btn {
        font-size: 20.48px;
        width: 1102.4px;
        height: 40.96px;
        line-height: 40.96px;
        border-radius: 4.267px;
        margin-left: 27.307px;
    }

    header .search-link {
        width: 81.92px;
        height: 78.507px;
    }

    header .search-btn {
        width: 27.307px;
        height: 32.427px;
        background: url('/assets/common/images/sprite.png') no-repeat -158.72px 0/100% 100%;
        background-size: 768px 512px;
    }

    header .login-flexBox {
        margin: 0 27.307px 0 6.827px;
    }

    header .login-btn {
        font-size: 23.893px;
        width: 68.267px;
        height: 40.96px;
        line-height: 40.96px;
        border-radius: 4.267px;
    }


    header .signIn-icon {
        width: 29.013px;
        height: 27.307px;
        background: url('/assets/common/images/sprite.png') no-repeat -203.093px 0/100% 100%;
        background-size: 768px 512px;
    }

    header .signIn-text {
        font-size: 18.773px;
        margin-top: -04.267px;
    }
}

@media (min-width: 750px) {
    /*.own-app-tip header {*/
        /*top: 104px;*/
    /*}*/

    header {
        height: 92px;
        padding: 0 0 0 32px;
    }

    header .header-logo {
        width: 166px;
        height: 56px;
        background-size: 900px 600px;
    }

    header .appSkip-btn {
        font-size: 24px;
        width: 120px;
        height: 48px;
        line-height: 48px;
        border-radius: 5px;
        margin-left: 32px;
    }

    header .search-link {
        width: 96px;
        height: 92px;
    }

    header .search-btn {
        width: 32px;
        height: 38px;
        background: url('/assets/common/images/sprite.png') no-repeat -186px 0/100% 100%;
        background-size: 900px 600px;
    }

    header .login-flexBox {
        margin: 0 32px 0 8px;
    }

    header .login-btn {
        font-size: 28px;
        width: 80px;
        height: 48px;
        line-height: 48px;
        border-radius: 5px;
    }


    header .signIn-icon {
        width: 34px;
        height: 32px;
        background: url('/assets/common/images/sprite.png') no-repeat -238px 0/100% 100%;
        background-size: 900px 600px;
    }

    header .signIn-text {
        font-size: 22px;
        margin-top: -5px;
    }
}