@charset"utf-8";
.banner{width: 100%; height: 640px; background: url(https://res.qhxfapp.cn/img/xfqh_down_banner_bg.jpg) no-repeat center center; position: relative;;}
.banner_phone {width: 430px; height: 670px; background: url(https://res.qhxfapp.cn/img/xfqh_down_banner_phone.png) no-repeat center center; position: absolute; right: 50%; top: 78px; margin-right: 70px; z-index: 99; opacity: 0}
.banner_code{width:140px; height: 140px; background: #fff; position: absolute; top: 392px; left: 50%; margin-left: 192px;}
.banner_code img{width: 100%;}
.main{width:100%; margin: 130px auto 40px; overflow: hidden; font-size: 16px; color: #666; line-height: 28px;}
.main p{font-size: 36px; height: 40px; line-height: 40px;}

.box1{width: 100%; height: 725px; background: url(https://res.qhxfapp.cn/img/xfqh_down_top1_bg.jpg) no-repeat center center; position: relative;}
.box2{width: 100%; height: 705px; background: url(https://res.qhxfapp.cn/img/xfqh_down_top2_bg.jpg) no-repeat center center; position: relative;}
.box3{width: 100%; height: 690px; background: url(https://res.qhxfapp.cn/img/xfqh_down_top1_bg.jpg) no-repeat center center; position: relative;}
.box4{width: 100%; height: 700px; background: url(https://res.qhxfapp.cn/img/xfqh_down_top2_bg.jpg) no-repeat center center; position: relative;}

.box1_left {width: 550px; height: 100%; position: absolute; right: 50%; top: 172px; margin-right: -50px; opacity: 0;}
.box1_right{width: 800px; height: 600px; background: url(https://res.qhxfapp.cn/img/xfqh_down_cont_t1.png) no-repeat center top; left: 50%; top: 155px; margin-left: -150px; position: absolute; opacity: 0;}

.box2_left{width: 800px; height: 600px; background: url(https://res.qhxfapp.cn/img/xfqh_down_cont_t2.png) no-repeat center top; right: 50%; top: 130px; margin-right: -100px; position: absolute; opacity: 0;}
.box2_right {text-align: right; width: 550px; height: 100%; top: 0; position: absolute; left: 50%;  margin-left: -50px; top: 150px; opacity: 0;}

.box3_left {text-align: left; width: 550px; height: 100%; top: 0; position: absolute; right: 50%;  margin-right: -50px; top: 160px; opacity: 0;}
.box3_right{width: 800px; height: 600px; background: url(https://res.qhxfapp.cn/img/xfqh_down_cont_t3.png) no-repeat center top; position: absolute; left: 50%; margin-left: -50px; top: 130px; opacity: 0;}

.box4_left{width: 800px; height: 600px; background: url(https://res.qhxfapp.cn/img/xfqh_down_cont_t4.png) no-repeat center top; position: absolute; right: 50%; margin-right: -150px; top: 130px; opacity: 0;}
.box4_right {width: 550px; height: 100%; top: 0; position: absolute; left: 50%;  margin-left: -50px; text-align: right; top: 140px; opacity: 0;}

.box_tit1{height: 150px; position: relative; line-height: 150px; display: inline-block; font-size: 56px; color: #333;}
.box_tit1 span{font-size: 72px;}
.box_tit1 em{position: absolute; width: 226px; height: 34px; top: 0; left: 50%; margin-left: -113px; display: inline-block; background: url(https://res.qhxfapp.cn/img/xfqh_sprite_beta100.png) no-repeat 0 -491px;}

.box_tit2{height: 150px; position: relative; line-height: 150px; display: inline-block; font-size: 56px; color: #333;}
.box_tit2 span{font-size: 72px; padding-left: 30px;}
.box_tit2 em{position: absolute; width: 174px; height: 90px; top: 0; left: 0; display: inline-block; background: url(https://res.qhxfapp.cn/img/xfqh_sprite_beta100.png) no-repeat 0 -263px;}

.red{color: #fa505a;}
.green{color: #40be64;}

.fixed{width: 170px; height: 225px; position: fixed; top: 45%; right: 10px; z-index: 99; overflow: hidden; display: none;}
.fixed_code{width: 170px; height: 170px; background: #3b7eff; float: left;}
.fixed_code em{width: 150px; height: 150px; border: 1px solid #fff; margin: 10px auto; display: block;}
.fixed_code em img{width: 90%; margin: 5%;}
.fixed_bottom{width: 170px; height: 55px; background: #3b7eff; text-align: center; color: #fff; font-size: 16px; line-height: 24px; float: left;}

/* 添加客户端下载按钮 */
.head_nav a {width: auto;padding: 0 15px;min-width: 80px;height: 80px;box-sizing: border-box;}
.window_down {position: relative;float: right;width: 264px;height: 124px;background: url(https://res.qhxfapp.cn/qht/img/18qh_dddd_03.png) 100% 100% no-repeat;margin-top: 23px;position: absolute;top: 392px;left: 50%;margin-left: 366px;}
.window_down p {position: absolute;top: 0px;left: 0px;font-size: 24px;width: 222px;height: 60px;line-height: 60px;background: #fff;border-radius: 5px;}
.window_down a.down_a {position: absolute;top: 60px;left: 0px;font-size: 24px;width: 222px;height: 60px;line-height: 60px;text-align: center;color: #fff;background: #7bb2fb;border-radius: 5px;}
.window_down > div {overflow: hidden;position: absolute;top: 40px;left: 20px;font-size: 24px;width: 222px;height: 60px;line-height: 60px;background: #fff;border-radius: 5px;}
.window_down div:hover a.down_a{top:0px;transition:all .3s ease;}
.window_down div:hover p{top:-60px;transition:all .3s ease;}