body{background: #a1a1a1;}
.downbox{background:url(../img/down7.png) top center no-repeat;position:relative;display:block;width:100%;box-sizing:border-box}
.downlist{display:block;box-sizing:border-box;width:1200px;margin:0 auto;position:relative;padding:265px 0 395px}
.downlist>h2{transition:all .8s ease;opacity:0;transform:translateY(-80px);display:block;color:#3d3f4a;font-size:30px;font-weight:400;margin:15px 0 10px;line-height:35px}
.downlist>p{transition:all .5s ease;opacity:0;transform:translateY(-100px);font-size:18px;color:#8d8e94;display:block;line-height:26px}
.downlistlogo{transition:all .8s ease;opacity:0;transform:translateY(-60px)}
.downfay{display:block;margin:25px auto 0;transition:all .6s ease;opacity:0;transform:translateY(100px)}
.downfay::after{content:"";display:block;clear:both}
.downWay{display:block;float:left;margin-right:40px}
.downWay>p{color:#8d8e94;font-size:12px;line-height:21px}
.downbtn{display:block;transition:all .3s;width:162px;height:40px;border-radius:20px;background:#cbe8ff;text-align:center;line-height:40px;color:#2798ef;font-size:14px;border:1px solid #a4d4f8;box-sizing:border-box;margin-bottom:15px;position:relative}
.downScanning{position:absolute;display:none;top:113%;left:0;right:0;margin:auto;width:126px;background:#fff;border-radius:4px;padding:13px 0 0;box-shadow:#bfc9d2 11px 10px 38px}
.downScanning>img{display:block;margin:0 auto;width:102px}
.downScanning>p{line-height:30px;color:#3d3f4a;font-size:12px;text-align:center}
.downbtn:hover .downScanning{display:block}
.downlistBg{transition:all .8s ease;opacity:0;transform:translateY(-70px);position:absolute;top:50px;right:0;transition:all 1s;transform:translateY(-51px)}
.downbtnandor{background:url(../img/down1.png) #cbe8ff no-repeat;background-position:30px center}
.downbtnios{background:url(../img/down2.png) #cbe8ff no-repeat;background-position:30px center}
.downbox.active .downfay,.downbox.active .downlist>h2,.downbox.active .downlist>p,.downbox.active .downlistBg,.downbox.active .downlistlogo{transform:translateY(0);opacity:1}



body{background: #ebebeb;}
.ErrorPage{display:block;width: 1200px;margin:40px auto;
    background: #fff;border-radius: 4px;
    padding-bottom: 160px;
}
.Errorlink{display: block;width: 333px;margin: 0 auto;}
.Errorlink>span{font-size: 16px; color: #919191;}
.Errormun{  color:#8BC34A;display: inline-block;margin: 0 5px}
.Errortohome{
    color: #009fe2;
    font-size: 16px;
}
.Errorlink>a>i{    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/RHY_404_03.png) center center no-repeat;
    margin: -2px 9px; }
.Error_img{display: block;margin:0 auto;}
.Error_img>img{display:block;max-width: 100%;height: auto;margin: 0 auto;}
.ErrorText{     display: block;
    margin: 20px auto 0;}
.ErrorText>h2{ font-size: 24px;
    color: #919191;
    text-align: center;
    font-weight: normal;}
.ErrorText>h2>span{ color: #3b3b3b;}
.ErrorText>a{ display: block;
    text-align: center;
    margin: 0 auto;
    color: #009fe2;
    font-size: 16px;}
@media screen and (max-width: 767px){
    .ErrorPage{width: 100%;}
    .downbox{background-size:auto 100%}
    .downlist{width:100%;padding:100px 10px 90px}
    .downlistBg{width:50%}
    .downlist>h2{font-size:18px;width:50%;text-shadow:#fff 0 0 16px}
    .downlist>p{font-size:14px;line-height:20px;width:50%;text-shadow:#fff 0 0 16px}
    .downScanning{display:none}
    .downWay>p{text-align:center}
    .downfay{margin-top:160px;display:flex;flex-direction:row;justify-content:space-between}
    .downWay{float:none;margin:0;width:46%;display:flex;flex-direction:column;justify-content:center}
    .downbtn{width:100%}


}