*{padding:0;margin:0;font-size:14px;box-sizing: border-box;font-family: "Microsoft YaHei";}
html,body{background:#f5f5f5;}
.down_banner{width:100%;height:600px;background:url('../images/downapp/down_banner.png') no-repeat center;background-size:cover;}
.banner_wrap{margin:0 0 0 285px;width:360px;}
.banner_wrap h2{font-size:42px;color:#fff;font-weight: normal;padding:100px 0 20px 0;line-height:1;}
.banner_wrap p{font-size:16px;color:#848A99;line-height:28px;}
.banner_wrap a{display:block;width:170px;height:56px;color:#fff;background:#457CFD;border-radius: 28px;text-decoration: none;text-align: center;line-height:56px;font-size:16px;font-weight: bold;}
.banner_wrap .down_detail *{float:left;overflow: hidden;}
.banner_wrap i{width:18px;height:18px;background:url('../images/20200923tip.png') no-repeat center;background-size:cover;}
.banner_wrap span{color:#848A99;font-size:14px;padding:0 0 0 10px;}

.oli{padding:66px 0 0 0;}
.oli .oli_main{position: relative;width:275px;height:553px;margin:0 auto;}
.oli_tit h3{font-size:36px;color:#2F3138;text-align: center;font-weight: normal;line-height:1;}
.oli_tit p{font-size:16px;color:#88898D;text-align: center;line-height:1;margin:20px 0 58px 0;}
.oli .model{position: absolute;-webkit-box-shadow:5px 35px 70px rgba(22, 22, 22, .1);-moz-box-shadow:5px 35px 70px rgba(22, 22, 22, .1);box-shadow:5px 35px 70px rgba(22, 22, 22, .1);border-radius: 26px;opacity: 0;}

.oli .bg1{background:url('../images/xzjg01.png') no-repeat center;background-size:cover;}
.bg1 .model1{width:158px;height:60px;background:url('../images/downapp/oli1-model1.png') no-repeat;background-size:cover;top:124px;right:-148px;display:none !important;}
.bg1 .model2{width:459px;height:89px;background:url('../images/xzjglist01.png') no-repeat;background-size:cover;top:162px;right:16px;}
.bg1 .model3{width:459px;height:89px;background:url('../images/xzjglist02.png') no-repeat;background-size:cover;bottom:115px;left:18px;}

.oli .bg2{background:url('../images/xzjg02.png') no-repeat center;background-size:cover;}
.bg2 .model1{width:501px;height:109px;background:url('../images/xzjglist03.png') no-repeat;background-size:cover;top:176px;left:-120px;}
.bg3 .model1{width:501px;height:109px;background:url('../images/downapp/oli2-model1.png') no-repeat;background-size:cover;top:176px;left:-120px;}
.icon_list{overflow: hidden;width:275px;margin:0 auto;padding-bottom:18px;margin-top:-8px;}
.oli2_p{margin-bottom:26px !important;}
.icon_list *{float:left;}
.icon_list i:nth-child(1){width:23px;height:20px;background:url('../images/downapp/oli2-icon1.png') no-repeat;background-size:cover;margin:2px 0 0 51px;}
.icon_list i:nth-child(2){width:29px;height:18px;background:url('../images/downapp/oli2-icon2.png') no-repeat;background-size:cover;margin:3px 51px 0 51px;}
.icon_list i:nth-child(3){width:24px;height:24px;background:url('../images/downapp/oli2-icon3.png') no-repeat;background-size:cover;}

.oli .bg3{background:url('../images/xzjg03.png') no-repeat center;background-size:cover;}
.bg3 .model1{width:462px;height:119px;background:url('../images/downapp/oli3-model1.png') no-repeat;background-size:cover;top:62px;right:-383px;}
.bg3 .model2{width:462px;height:119px;background:url('../images/downapp/oli3-model2.png') no-repeat;background-size:cover;top:289px;left:-387px;}

.oli .bg4{background:url('../images/xzjg04.png') no-repeat center;background-size:cover;}
.bg4 .model1{width:118px;height:118px;background:url('../images/downapp/oli4-model1.png') no-repeat;background-size:cover;top:338px;left:-178px;border-radius: 50% !important;}
.bg4 .model2{width:118px;height:118px;background:url('../images/downapp/oli4-model2.png') no-repeat;background-size:cover;top:338px;left:78px;border-radius: 50% !important;}
.bg4 .model3{width:118px;height:118px;background:url('../images/downapp/oli4-model3.png') no-repeat;background-size:cover;top:338px;right:-178px;border-radius: 50% !important;}

.mask{position: fixed;width:100vw;height:100vh;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.85);z-index: 99;display:none;}
.mask-wrap{width:325px;height:358px;background:#fff;position: absolute;left:50%;top:50%;margin:-162px 0 0 -187px;border-radius: 3px;}
.mask .mask-close{position: absolute;right:-48px;top:-30px;width:36px;height:36px;background:url('../images/downapp/mask_close.png') no-repeat;background-size:cover;cursor: pointer;}
.mask p{font-size:18px;color:#666666;line-height: 1;padding:0 0;text-align: center;}
.mask img{display: block;width:225px;height:225px;margin:0 auto;margin-top:50px;margin-bottom:23px;}

.dh_scales{
    animation:scales 0.4s linear forwards;
    -webkit-animation:scales 0.4s linear forwards;
}

@keyframes scales{
    0% {transform: scale(0,0);-webkit-transform: scale(0,0);opacity: 0;}
    100% {transform: scale(1,1);-webkit-transform: scale(1,1);opacity: 1;}
}

@-webkit-keyframes scales{
    0% {transform: scale(0,0);-webkit-transform: scale(0,0);opacity: 0;}
    100% {transform: scale(1,1);-webkit-transform: scale(1,1);opacity: 1;}
}

.btn_box{
    display:flex;
    flex-flow: row nowrap;
}