html,body{height: 100%;}
@media screen and (min-width: 500px) and (orientation: portrait) {
    html {
        font-size:36px !important
    }
}

@media (min-width: 854px) and (max-width: 854px) {
    html {
        font-size:113.86667px
    }
}

@media (min-width: 800px) and (max-width: 800px) {
    html {
        font-size:106.66667px
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    html {
        font-size:102.4px
    }
}

@media (min-width: 750px) and (max-width: 750px) {
    html {
        font-size:100px
    }
}

@media (min-width: 600px) and (max-width: 600px) {
    html {
        font-size:80px
    }
}

@media (min-width: 540px) and (max-width: 540px) {
    html {
        font-size:72px
    }
}

@media (min-width: 534px) and (max-width: 534px) {
    html {
        font-size:71.2px
    }
}

@media (min-width: 512px) and (max-width: 512px) {
    html {
        font-size:68.26667px
    }
}

@media (min-width: 480px) and (max-width: 480px) {
    html {
        font-size:64px
    }
}

@media (min-width: 435px) and (max-width: 435px) {
    html {
        font-size:58px
    }
}

@media (min-width: 414px) and (max-width: 414px) {
    html {
        font-size:36px
    }
}

@media (min-width: 412px) and (max-width: 412px) {
    html {
        font-size:54.93333px
    }
}

@media (min-width: 411px) and (max-width: 411px) {
    html {
        font-size:36px
    }
}

@media (min-width: 393px) and (max-width: 393px) {
    html {
        font-size:52.4px
    }
}

@media (min-width: 384px) and (max-width: 384px) {
    html {
        font-size:51.2px
    }
}

@media (min-width: 375px) and (max-width: 375px) {
    html {
        font-size:36px
    }
}

@media (min-width: 360px) and (max-width: 360px) {
    html {
        font-size:36px
    }
}

@media (min-width: 320px) and (max-width: 320px) {
    html {
        font-size:42.66667px
    }
}

@media (min-width: 240px) and (max-width: 240px) {
    html {
        font-size:32px
    }
}

@media (min-width: 384px) and (max-width: 384px) and (-webkit-device-pixel-ratio: 3) {
    html {
        font-size:44.2px
    }
}

@media only screen and (device-width: 412px) and (device-height: 664px) and (-webkit-device-pixel-ratio: 2.625) {
    html {
        font-size:62px
    }
}

@media (min-width: 2732px) and (max-width: 2732px) {
    html {
        font-size:60px !important
    }
}

@media (min-height: 2732px) and (max-height: 2732px) {
    html {
        font-size:60px !important
    }
}

@media (min-width: 2048px) and (max-width: 2048px) {
    html {
        font-size:60px !important
    }
}

@media (min-height: 2048px) and (max-height: 2048px) {
    html {
        font-size:60px !important
    }
}

@media (min-width: 1536px) and (max-width: 1536px) {
    html {
        font-size:60px !important
    }
}

@media (min-height: 1536px) and (max-height: 1536px) {
    html {
        font-size:60px !important
    }
}

@media (min-width: 1024px) and (max-width: 1024px) {
    html {
        font-size:60px !important
    }
}

@media (min-height: 1024px) and (max-height: 1024px) {
    html {
        font-size:60px !important
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    html {
        font-size:60px !important
    }
}

@media (min-height: 768px) and (max-height: 768px) {
    html {
        font-size:60px !important
    }
}
@media (min-width: 534px) and (height: 830px) and (-webkit-device-pixel-ratio: 3) {
    html {
        font-size:60px !important
    }
}

@media (min-width: 854px) and (height: 510px) and (-webkit-device-pixel-ratio: 3) {
    html {
        font-size:60px !important
    }
}

@media (min-width: 1280px) and (height: 720px) {
    html {
        font-size:60px !important
    }
}

@media (min-width: 1280px) and (height: 752px) {
    html {
        font-size:60px !important
    }
}

div#LinkBackgroundImage{
    width:100%;
    min-height:100%;
    z-index:-1;
}
#LinkLogo{
    text-align:center;
    padding-top:10%;
}
#LinkBrief{
    text-align:center;
    padding-top: 0.6rem;
}
#LinkBrief label {
    color: #56453E;
    font-size:0.7rem;
/*
    letter-spacing:5px;
*/
}
#LinkBrief p {
    padding: 8px 0;
    color: #979493;
    font-size:21px;
    letter-spacing:2px;
}

#DownloadButton{
    text-align:center;
    width:100%;
    margin-top:5%;
}
#QuestionTips{
    margin-top:2%;
    text-align:center;
    line-height:30px;
    font-size:18px;
    color:gray;
}
#DownloadTips{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:99999;
}
div#DownloadTips > img {
    height:105%;
    width:100%;
    border:0;
}
.option_bj{ background:rgba(211,208,187,0.45);color:red;font-size:20px;}
.tipe_table{position:absolute; left:50%; margin-left:-120px;top:20px;}
.install_tip_d{ padding: 0 12px;}
.install_tip_d p{ color: #56453E; font-size: 0.4rem; padding: 20px 6px; margin: 0; font-family: 微软雅黑;}
#install_tip_top{ margin: 1rem 0 .6rem; height: 40px; text-align: center; position: relative; }
._hr{ width: 60%;  left: 20%; z-index: 0; position: absolute; height: 1px; background: #9d6cfe; top: 0.9rem;}
#install_tip_top ._text{ position: relative; z-index: 1; color: #9d6cfe; display: inline-block;  line-height: 40px; background: #fff; padding: 0 20px; font-size: 0.5rem;}
.install_img{ width: 100%;}
#install_mac{
    margin: 0 auto;
    max-width: 1000px;
    overflow: hidden;}
.install_mac_d{ float: left; width: 50%;}
.install_mac_d p{ font-size: 14px;}