body{
    background: #3a2639 url("/images/ind/index-bg.png") no-repeat;
    background-position: top center;
    background-size: cover;
    color:#FFF;
}


/* 当屏幕宽度小于或等于768像素时 */
@media screen and (max-width: 768px) {
    a{color:#FFF;}
    body{background-size: auto;}
    .ind-logo{width:80%;height:282px;position: absolute;top:210px;left: 50%;transform:translate(-50%, -50%);background:url('/images/ind/long-logo1.png') no-repeat;background-size:contain;}
    .word-show{z-index:3;width:80%;height:70px;position: absolute;top:210px;left: 50%;transform:translate(-50%, -50%);background:url('/images/ind/word.png') no-repeat;background-size:contain;}
    .qrcode-box, flowerbox{display: none;}
    .footerframe, .footer{position: absolute;bottom: 0;width: 100%;}
    .footerframe{background: #000;opacity: 0.6;height:190px;}
    .footer{text-align: center;bottom: 10px;width: 95%;left: 50%;transform:translate(-50%, 0);}
    .eighteenShow{cursor:pointer;position: fixed;top:20px;right:10px;background: url('/images/ind/fcm18p.png') no-repeat;width: 32px;height: 41px;background-size:contain;}
    .eightengShowContent{padding: 30px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;}
    .qrcode-boxm{position: relative;top:245px;}
    .qrcode-boxm img{width:120px;}
    .qrcode-boxm a{display: block;text-align: center;font-weight: bold; position: absolute;width:120px;}
    .qrcode-boxm .qrcodeFrame{position: absolute; height: 159px;background: #000;opacity: 0.6;width:140px; top:-10px;border-radius: 5px;}
    .qrcode-boxm .qrcodeFrame:nth-of-type(1){left:30px;}
    .qrcode-boxm .qrcodeFrame:nth-of-type(2){right:30px;}
    .qrcode-boxm a:nth-of-type(1){left:40px;}
    .qrcode-boxm a:nth-of-type(2){right:40px;}
    .qrcode-boxm .qrcodeFrame:nth-of-type(3), .qrcode-boxm a:nth-of-type(3){top:240px; left:50%;transform:translate(-50%, -50%);}
    .qrcode-boxm a span{line-height: 23px;}
}
/* 当屏幕宽度大于或等于1025像素时 */
@media screen and (min-width: 768px) {
    a{color:#FFF;}
    .mainbox{min-width: 1920px;height: 1080px;}
    .ind-logo{width:659px;height:282px;position: absolute;top:210px;left: 50%;margin-left: -330px;background:url('/images/ind/long-logo1.png') no-repeat;background-size:contain;}
    .word-show{z-index:3;width:512px;height:70px;position: absolute;top:560px;left: 50%;margin-left: -256px;background:url('/images/ind/word.png') no-repeat;}
    .flowerbox{z-index:3;width:165px;height:179px;top:548px;left:50%;margin-left:-595px;position: absolute; background:url('/images/ind/flower.png') no-repeat;}
    .qrcode-box{width:1033px;height:318px;position: absolute;top:584px;left: 50%;margin-left: -516px;background:url('/images/ind/boxbg.png') no-repeat;padding-top: 65px; padding-left: 54px;}
    .qrcode{width: 198px; height: 218px;float: left;margin-right: 40px;position:relative;}
    .qrcodeFrame{position: absolute;width: 198px;height: 218px; background-color: #000;opacity: 0.7;border-radius: 10px;}
    .qrcodeImage{position:absolute;width: 162px;z-index: 3;top:18px;left:18px;}
    .footer{
        position: absolute;
        top: 915px;
        width: 900px;
        left: 50%;
        margin-left: -450px;
        text-align: center;
    }
    .eighteenShow{cursor:pointer;position: fixed;top:30px;right:150px;background: url('/images/ind/fcm18p.png') no-repeat;width: 92px;height: 121px;}
    .eightengShowContent{padding: 30px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;}
    .footerframe, .qrcode-boxm{display: none;}
    a.download{text-decoration:none;color:lightgoldenrodyellow;position: absolute;width: 198px;font-size: 20px;font-weight: bold;bottom:10px;text-align: center;}
}