.fullScreenFlash,.fullScreenFlash .content .left .phoneShell,.fullScreenFlash .content .right .dpLogo{background-position:50%;background-repeat:no-repeat}.fullScreenFlash{z-index:8888;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fff;background-image:url(../image/br.png);background-size:cover;display:flex;justify-content:center;align-items:center;transform:translateY(0);opacity:1}.fullScreenFlash.destroy{transition:transform 1s,opacity 1s;transform:translateY(-100%);opacity:0}.fullScreenFlash .countDown{ cursor:pointer;width:86px;height:38.8px;background-color:hsla(0,0%,100%,.22);text-align:center;line-height:38.8px;position:absolute;right:110px;top:110px;border-radius:19.4px;font-size:23px;color:#fff}.fullScreenFlash .content{height:531px;display:flex; align-items: center;}
.fullScreenFlash .content .left{width:270px;height:531px;position:relative}.fullScreenFlash .content .left .phoneVideo{position:absolute;width:250px;height:500px;margin:15px 9px}
.phoneVideo img{ width: 230px;height:490px; margin: 2px 10px;}
.fullScreenFlash .content .left .phoneVideo .fullScreenVideo{width:250px;height:500px;border-radius:30px}.fullScreenFlash .content .left .phoneShell{background-image:url(../image/phone.png);background-size:contain;position:absolute;width:270px;height:531px}.fullScreenFlash .content .right{display:flex;flex-direction:column;flex:1;padding-left:50px; }.fullScreenFlash .content .right .dpLogo{ background-size:contain;width:267px; }.fullScreenFlash .content .right .dpText{font-size:70px;font-weight:700;color:#fff;margin-top:10px}.fullScreenFlash .content .right .dpQrcode{display:flex;margin-top:74px}.fullScreenFlash .content .right .dpQrcode .qrcodeItem{text-align:center}.fullScreenFlash .content .right .dpQrcode .qrcodeItem:last-child{padding-left:36px}.fullScreenFlash .content .right .dpQrcode .qrcodeItem .qrcode4ios{ }.fullScreenFlash .content .right .dpQrcode .qrcodeItem .qrcode4android,.fullScreenFlash .content .right .dpQrcode .qrcodeItem .qrcode4ios{background-position:50%;background-repeat:no-repeat;background-size:contain;width:130px;height:130px;padding:5.5px;box-sizing:border-box;background-color:#fff;background-origin:content-box;border-radius:5px}  .qrcode4android,.qrcode4ios{ border: 1px solid #e7f0f3; }.fullScreenFlash .content .right .dpQrcode .qrcodeItem .qrcodeText{padding-top:8.8px;font-size:16px;}
.qrcodeItem img{ width: 120px;}
@media screen and (max-width:768px){
    .fullScreenFlash .content{ height: auto; width: 100%; display: block; text-align: center;}
    .fullScreenFlash .content .left{ border-bottom: 1px solid #fff;  width: 270px; height: 50vh; overflow: hidden; margin: 0 auto; }
    .fullScreenFlash .content .right .dpQrcode{ display: none;}
    .fullScreenFlash .content .right .dpLogo{ width: 100%;}
    img{  max-width: 100%;}
    .fullScreenFlash .content .right{ padding:20px;}
    .dpLogo img{ height: 48px;}
    .fullScreenFlash .content .right .dpText{ font-size: 28px; padding-bottom: 20px;}
}

.msgbtns{ float: right; width: 238px; padding-top: 20px; }
.msgbtns a{ display: block; width: 224px; height: 48px; text-align: center; overflow: hidden;  border-radius: 28px; line-height: 48px; color: #fff; margin-bottom: 15px; text-decoration: none;}
.msgbtns a::before{ content: ""; display: inline-block; width: 48px; height: 48px; vertical-align: middle;}
.msgbtns a.iph{ background-color: #727b83;}
.msgbtns a.iph:before{background: url(../image/ios.svg) no-repeat center; background-size: 80px 80px;}
.msgbtns a.iph:hover{ background-color: #5d6974;} 
.msgbtns a.and:before{ background: url(../image/android.svg) no-repeat center; background-size: 32px auto;}
 .msgbtns a.and{ background-color: #31c27c;}
.msgbtns a.and:hover{background-color: #1eb06a;  }

.msgbtns a.goodlepaly{background-color: #020305; }
.msgbtns a.goodlepaly:before{ background: url(../image/goodleplay.svg) no-repeat center; background-size: 30px auto;}

.msgbtns a.Windows{ background-color: #fff; color: #000; }
.msgbtns a.Windows:before{ background: url(../image/windows.svg) no-repeat center; background-size: 30px auto;}
.msgbtns a.Windows:hover{ background-color: #e7f0f3; color: #000; }

@media screen and (max-width:768px){
    .msgbtns{ width: 100%;display: block; min-height: 68px; text-align: center;}
    .msgbtns a{ margin: 10px auto;}
    a.iph{ display: none;}
    body.ios .msgbtns a.iph{ display:block;}
    body.ios .msgbtns a.and{ display: none;}
body.anz .msgbtns a.and{ display:block;}  
}