@media screen and (min-width: 1000px) {
    .mobile-index {
        display: none;
    }
    /*Microsoft Yahei*/
    *{padding:0;margin: 0;font-family: Helvetica Neue, Helvetica;}
    .clear:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0;


    }
    img{display: block;}
    body{}
    .black{background-color: #272a33;}
    .img1,.img2,.main{width:1024px;margin: 0 auto;}
    .img1{height: 140px;}
    .img2{height: 106px;}
    .img3{width: 100%;padding-bottom: 0px;border: 0;}
    .main1{
        /*background-image: url("https://du.hupucdn.com/news_byte126495byte_a42466f5c4216622a5d62c1de564e079_w750h1334.png");*/
        /*background-image: url("https://du.hupucdn.com/news_byte410949byte_8e6420b946f68ee1ad3c635dd8e8f363_w2880h1450.png");*/
        background-color: #bdb32b;
        /*background-position: center;*/
        background-size: cover;
        /*background-repeat: no-repeat;*/


        width: 100%;
        height: 650px;


    }

    .download{text-align: center;color: #ffffff}

    .downloadButton{text-align: left;margin-top: 63px}
    .downloadButton span{text-align: center;display: inline-block;vertical-align: middle;}

    .box3 {  display: inline-block;vertical-align: middle;}

    .downloadButton a{display: inline-block;border: 0.01em solid #000000;width: 213px;height: 60px;text-align: center;line-height: 60px;font-size: 30px;text-decoration: none;color: #ffffff;vertical-align: top;font-weight: 300}
    .main{position: relative;}
    .main .word{width: 500px;height: 250px;color: #ffffff;}

    .main h1{font-size: 60px; color: #ffffff ;font-weight: 60px;-webkit-font-smoothing: antialiased; letter-spacing: 15px;line-height: 40px}

    .main h2{margin-top: 30px;font-size: 12px; color: #ffffff ;}

    .main span{padding: 0 10px;font-size: 15px;font-family: Helvetica Neue;}

    .main .word h1{font-size: 48px;font-weight: 900;padding-bottom: 10px;line-height: 50px;}
    .main .word h1 span{font-size:20px;line-height: 20px;padding: 0 5px;vertical-align: middle;display: inline-block;margin-top: -10px;}
    .main .word p{font-size: 23px;}
    .main1024{width: 1024px;margin: 0 auto;text-align: center;height: 100%;position: relative;}
    .main1024 h1{font-size: 60px;line-height: 60px;padding-top: 160px;font-weight: 100;-webkit-font-smoothing: antialiased;letter-spacing: 30px;line-height: 80px;text-align: left;}
    .main1024 h2{font-size:30px;line-height: 55px;padding-top: 34px;color: #282a33;text-align: left;}
    .main1024 p{font-size: 40px;line-height: 40px;padding-bottom: 40px;font-weight: 100;font-family: Helvetica Neue, Helvetica; }
    .mainLeft{float: left;width: 44%;}
    .mainLeft1{float: left;width: 50%;margin-top: 190px;}

    .mainLeft .colorline{margin-top:40px ;margin-left: 0px;width:160px}

    .mainRight .sampleImg{text-align: right;width:80%;}
    .mainRight1 .sampleImg{text-align: right;width:80%;}


    .line{ border-top: 1px solid #e0e0ee; width: 100px;   white-space:pre;   margin-top: 20px;margin-bottom: 20px
    }

    .box2 {
        display: inline-block;
        color: #ffffff;
        margin-left: 50px;
        margin-right: 50px;
        font-weight: 200;

    }




    .mainRight1{float: right;width: 55%;position: absolute;margin-left: 55%;margin-top: 242px;}
    .mainRight{float: right;width: 50%;position: absolute;bottom: 0;margin-left: 58%}
    .main2{height: 740px;}
    .main3,.main4{height: 767px;}
    .main3{background-color: #ffffff}
    .main3 *{color: #ffffff;}
    .main2{background-color: #333333;}
    .main4{background-color: #bdb32b;}
    .main5{height: 400px;background-color: #000000;}
    /*footer*/
    .footer{width: 100%;padding-top: 60px;margin: 0 auto;color: #ffffff;position: relative;}
    .footer h1{font-size: 60px;font-weight: 100;-webkit-font-smoothing: antialiased;letter-spacing:30px;line-height: 163px;text-align: center;}
    .box2 a{text-decoration: none;color:#ffffff;font-size:30px;display: inline-block;padding: 5px 0 20px 0;}
    .box2 span{color:#ffffff;font-size:30px;}

    .download h1{font-size: 90px;  font-weight: 400; padding-top: 0px;margin-top: 40px;letter-spacing: 67px}


    .download .title  {text-align: left ;margin-top: 1px}

    .download .title span  {font-size: 80px;  font-weight: 400;margin-top: 40px;letter-spacing: 0px ;padding-left: 0px;padding-right: 38px;  margin-bottom: 10px}



    .download h2{font-size: 40px;  font-weight: 200; padding-top: 0px;margin-top: 20px;-webkit-font-smoothing: antialiased; color: #ffffff;line-height: 56px;}

    .download span{font-size:20px;line-height: 28px;padding: 0 34px;vertical-align: middle;display: inline-block;}

    .iphone,.android{background-size:contain;vertical-align: top; margin-top:  15px}
    .iphone{background-image: url(../images/ios.png);display: inline-block;height: 26px;width: 26px;}
    .android{background-image: url(../images/android.png);display: inline-block;height: 26px;width: 26px;}

    .icon{margin-top: 134px}

    .head-bar {
        background-color: #000000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 90px;
        color: white;
        /*outline: 1px solid white;*/
    }
    .head-bar-left {
        padding-left: 18%;
        display: inline-block;
        float: left;
    }
    .head-bar-right {
        padding-right: 18%;
        display: inline-block;
        float: right;
        width: 300px;
        font-size: 20px;
        /*margin-right: 10%;*/
    }
    .head-bar-right > div {
        display: flex;
        justify-content: space-between;
    }
    .head-bar-right > div span {
        font-size: 20px;
        font-family:PingFangSC-Regular;
        cursor: pointer;
		
    }


}

@media screen and (max-width: 999px)  {
    .pc-index {
        display: none;
    }

    *{padding:0;margin: 0;font-family:Helvetica;}
    .clear:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0
    }
    img{display: block;}
    /*header*/
    .header{
        background-color: #bdb32b;
        /*background-position: center;*/
        background-size: cover;
        /*background-repeat: no-repeat;*/
    }
    /*.header{background-color: #00dbdb;}*/

    .header .download{width: 87.5%;margin: 0 auto;}
    .header .icon{ margin-left:auto;margin-right:auto;padding-top: 50px}

    .header h1{font-size: 20px;line-height: 20px;margin-top: 30px; color: #ffffff;text-align: center}
    .header h2{font-size: 16px;margin-top: 12px; color: #ffffff;text-align: center;font-weight: lighter;-webkit-font-smoothing: antialiased;}

    .downloadButton{text-align: center;margin-top: 20px}
    .downloadButton span{text-align: center;display: inline-block;vertical-align: middle;}

    .downloadButton a{display: inline-block;border: 0.01em solid #000000;width: 70px;height: 30px;border-radius: 1.5px;text-align: center;line-height: 30px;font-size: 12px;text-decoration: none;color: #ffffff;vertical-align: top;}
    .header h1 span{font-size:37px;line-height: 15px;padding: 0 4px;vertical-align: middle;display: inline-block;}
    .header h2 span{font-size:8px;line-height: 15px;padding: 0 12px;vertical-align: middle;display: inline-block;;font-weight: 100;-webkit-font-smoothing: antialiased;}

    .iphone,.android{background-size:contain;vertical-align: top; margin-top:  9px}
    .iphone{background-image: url(../images/ios.png);display: inline-block;height: 10px;width: 10px;}
    .android{background-image: url(../images/android.png);display: inline-block;height: 10px;width: 10px;}
    /*main*/
    .main{text-align: center;padding-top: 50px}
    .main h1{font-size: 32px; color: #282a33 ;font-weight: 100;-webkit-font-smoothing: antialiased; letter-spacing: 15px;line-height: 40px}

    .main h2{margin-top: 30px;font-size: 12px; color: #282a33 ;}

    .main span{padding: 0 10px;font-size: 15px;font-family: Helvetica Neue;}
    .main img,.headerImg{margin: 70px 18.75% 0 18.75%;width:62.5% }
    .headerImg{margin-top: 45px;}
    .main .colorline{margin-top:20px ;margin-left:auto;margin-right:auto;padding-right:  15px;width:40px}

    .footerleft{ width: 50%;float: left;;  text-align: right;height: 40px;  line-height: 40px; box-sizing: border-box;padding-right: 10px}
    .footerright{ width: 50%;float: left;  text-align: left;height: 40px;  line-height: 40px;}

    /*footer*/
    .footer {background-color: black;background-size: 100% 100%;padding-top: 100px;padding-bottom: 40px;color: #ffffff;text-align: center;}
    .footer h1{font-size: 18px;letter-spacing: 40px;line-height: 44px;padding-left: 40px}
    .footer h2{font-size: 44px;letter-spacing: 0px;line-height: 44px;font-weight: 200;-webkit-font-smoothing: antialiased; margin-top: 10px;margin-bottom: 75px;}
    .footer .word{font-size: 12px;vertical-align: middle;font-weight: 700;}
    .footer .bottom{width:100%;margin-top: 130px;font-size: 13px;color: #919191;line-height: 20px}

    .footer a{text-decoration: none;color:#16a5af;font-size:15px;display: inline-block;padding: 5px 0 20px 0;}
    .footer .img{height: 32px;background-size: cover;display: inline-block;margin-right: 7px;vertical-align: middle;}
    .footer .qqImg{background-image: url(https://du.hupucdn.com/news_byte1621byte_b56746f7d6eb572dbbf3fb717ed77990_w28h32.jpg);width: 14px;height: 16px}
    .footer .emailImg{background-image: url(https://du.hupucdn.com/news_byte1798byte_70d9ad343483c26db365d47374ec08fe_w37h32.jpg);width: 18px;height: 16px}
    .footer .weiboImg{background-image: url(https://du.hupucdn.com/news_byte1946byte_ba6e5e839ec2bc95841abd698925f975_w39h32.jpg);width: 19px;height: 16px}
    .footer .weixinImg{background-image: url(https://du.hupucdn.com/news_byte1862byte_9cb7382baa5d9f4b2883facaa4934acd_w38h32.jpg);width: 19px;height: 16px}
    .showOpenBrowserPromptBg{width: 100%;height: 100%;position: fixed;background-color: black;opacity: .7;top:0;display:none;}
    .showOpenBrowserPrompt{position: fixed;top:0;right:0;width:100%;display:none;}
    .showOpenBrowserPrompt img{width:100px;height: 150px;position: absolute;right: 10px;top:12px;}
    .showOpenBrowserPrompt p{font-size:20px;text-align: center;color: #ffffff;position: absolute;
        top:170px;left: 0;right: 0;bottom: 0;}
    .font-wrap {
        font-family: PingFangSC-Regular !important;
    }
}