.scan-box1{

    height:600px;

    display:flex;

    align-items: center;

    justify-content:center;

}

.scan-box1 img{

    width:650px;

    margin-right:50px;

}

.scan-box1 .content-right{

    width:300px;

}

.scan-box1 .content-right p{

    height:120px;

    line-height:120px;

    /*background-image:url("../images/文字背景@2x.png");*/

    background-size:100% 100%;

    font-size:30px;

}

.scan-box1 .content-right span{

    font-size:16px;

    color:#777;

    line-height:50px;

}

.task-box2{

    box-sizing:border-box;

    height:750px;

    width:100%;

    padding-top:70px;

    background:#f7f7fc;

}

.task-box2-content{

    margin-top:50px;

    justify-content: center;

    display:flex;

    align-items: center;

    height:500px;

}

@keyframes rtl{

    0%{

        right:-200px

    }

    100%{

        right:0;

    }

}

@keyframes ltr{

    0%{

        left:-200px

    }

    100%{

        left:0;

    }

}

.task-box2-content .content-left{

    width:700px;

    height:480px;

    margin-right:50px;

    

}

.task-box2-content .content-left .pic-box{

    width:100%;

    height:100%;

    background-size:auto 100%;

    background-repeat: no-repeat;

    background-position: center;

    position: relative;

    transform: scale(1.2);

    animation:ltr .8s ease-in-out;

}

.task-box2-content .content-right{

    width:500px;

    height:480px;

    display:flex;

    flex-direction: column;

    justify-content: center;

}

.task-box2-content .content-right li{

    padding:5px 0;

    display:flex;

    margin-bottom:30px;

    position: relative;

    cursor:pointer;

}

.task-box2-content .content-right li .info p{

    color:#777;

    /* font-weight:700; */

    font-size:16px;

    margin-bottom:12px;

}

.task-box2-content .content-right li .info span{

    color:#aaa;

    font-size:14px;

}

.task-box2-content .content-right li .order{

    margin-right:10px;

    display: flex;

    flex-direction: column;

    align-items: center;

    width:40px;

    /* justify-content: center; */

}

.task-box2-content .content-right li .order img{

    width:28px;

    height:25px;

}

.task-box2-content .content-right li:not(:last-of-type)::after{

    content:"";

    display: inline-block;

    width:0;

    height:0;

    border:6px solid transparent;

    border-top-color:#78A9FF;

    margin-top:20px;

    left: 12px;

    position: absolute;

    bottom:0;

}

.task-box2-content .content-right li:not(:first-of-type)::before{

    content:"";

    display: inline-block;

    width:0;

    height:0;

    border:6px solid transparent;

    border-top-color:#78A9FF;

    position: absolute;

    left:12px;

    top:-10px;

}

.task-box2-content .content-right li:nth-of-type(1)::after,.task-box2-content .content-right li:nth-of-type(2)::before{

    border-top-color:#78a9ff;

}

.task-box2-content .content-right li:nth-of-type(2)::after,.task-box2-content .content-right li:nth-of-type(3)::before{

    border-top-color:#7ca2f6;

}

.task-box2-content .content-right li:nth-of-type(3)::after,.task-box2-content .content-right li:nth-of-type(4)::before{

    border-top-color:#8690f0;

}

.task-box2-content .content-right li:nth-of-type(4)::after,.task-box2-content .content-right li:nth-of-type(5)::before{

    border-top-color:#9970e5;

}

.taskbox2-checked .order img{

    width:45px !important;

    height:41px !important;

}

.taskbox2-checked .info p{

    font-size:20px !important;

    font-weight:500;

    color:#333 !important

}

.info i{

    font-style: normal;

}

.taskbox2-checked .info p i{

    color:#78a9ff !important

}

.task-box3{

    /* height:550px; */

    background:#f7f7fc;

    padding-top:70px;

    box-sizing:border-box;

}

.taskbox3-content{

    display:flex;

    width:1200px;

    margin:50px auto;

    flex-wrap: wrap;

    justify-content: center;

}

.taskbox3-content li{

    width:300px;

    height:240px;

    box-sizing: border-box;

    display:flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}

.taskbox3-content li img{

    width:44px;

    margin-bottom:20px;

}

.taskbox3-content li p{

    /* font-weight:bolder; */

    font-size:20px;

    margin:10px;

}

.taskbox3-content li span{

    color:#777;

    font-size:16px;

}

.task-box4{

    /* height:550px; */

    width:100%;

    padding:70px 0 50px 0;

}

.taskbox4-content{

    margin-top:50px;

    /* width:80%; */

    height:780px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.taskbox4-content .content-left,.taskbox4-content .content-right{

    width:280px;

    height:540px;

    background:#f7f7fc;

    display:flex;

    flex-direction: column;

}

.task-box4 .content-center{

    width:405px;

    height:780px;

    margin:0 95px;

}

.award-type{

    flex:1;

    display:flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}

.award-type p{

    font-size:24px;

    margin-bottom:10px;

    color:#3b4b5b

}

.award-type p img{

    width:30px;

    height:30px;

    vertical-align: sub;

    margin-right:10px;

}

.award-type span{

    line-height:24px;

    color:#687d9f;

    font-size:16px;

}

.award-type-checked{

    background:#1965EB

}

.award-type-checked *{

    color:#fff !important;

}

.flex1{

    flex:1;

}

.scan-box6{

    padding:70px 0;

}

.scanbox6-content{

   

    height:720px;

    /*background-image:url("../images/组823@2x.png");*/

    background-position:center center;

    background-repeat: no-repeat;

    background-size:100% 300px;

   

}

.scanbox6-content .tab{

    width:1200px;

    height:720px;

    margin:50px auto;

    background:rgba(255,255,255,1);

    box-shadow:0px 0px 16px rgba(3,0,91,0.1);

    opacity:1;

    border-radius:10px;

    padding:50px 200px 0;

    box-sizing: border-box;

    display:flex;

    align-items: center;

    flex-direction: column;

}

.scanbox6-content .tab .nav{

    height:50px;

    box-shadow:0px 0px 16px rgba(3,0,91,0.1);

    display:flex;

    border-radius:10px;

}

.scanbox6-content .tab .nav li{

    width:400px;

    font-size:22px;

    line-height:50px;

    cursor:pointer;

    text-align:center;

    position: relative;

}

.scanbox6-content .tab .nav li:first-of-type{

    border-radius:10px 0 0 10px;

}

.scanbox6-content .tab .nav li:last-of-type{

    border-radius:0px 10px 10px 0px;

}

.scanbox6-content .tab .nav li::after{

    content:"";

    position:absolute;

    border:10px solid transparent;

    border-top-color:#78a9ff;

    top:100%;

    left:50%;

    display:none;

}

.scanbox6-content .tab .nav li.check{

    background:#78a9ff;

    color:#fff;

}

.scanbox6-content .tab .nav li.check::after{

    display:block;

}

.home-maintitle-bottom button:nth-of-type(2){

    margin-left:30px;

    background:#fff;

    color:#409eff;

    position:relative;

}

.home-maintitle-bottom button:nth-of-type(2)::after{

    content:"微信扫码体验";

    position:absolute;

    border-radius:3px;

    right:-180px;

    top:-30px;

    width:150px;

    height:180px;

    color:#777;

    padding:150px 10px 0 10px;

    background:#fff;

    box-sizing:border-box;

    background-image:url("../../../images/123.jpg");

    background-size:150px 150px;

    background-repeat:no-repeat;

    transition:all .3s linear;

    opacity:0;

    display:none;

}

.home-maintitle-bottom button:nth-of-type(2):hover::after{

    opacity:1;

    display:block;

}

.index-box1 { position: relative; }



.index-box1 .home-maintitle { position: absolute; width: 5rem; height: 2.08333rem; top: 0.83333rem; left: 12%; color: #fff; }



.index-box1 .home-maintitle .home-maintitle-top { box-sizing: border-box; width: 100%; margin: 0 auto 0.41667rem; }



.index-box1 .home-maintitle .home-maintitle-top p { font-size: 0.16667rem; margin: 0.16667rem 0; }



.index-box1 .home-maintitle .home-maintitle-top p span { color: #FFCE70; }



.index-box1 .home-maintitle .home-maintitle-bottom button { height: 0.33333rem; width: 0.83333rem; border-radius: 0.33333rem; border: none; color: #404040; font-size: 0.13333rem; outline: none; margin-bottom: 0.08333rem; background: #fff; cursor: pointer; }



.index-box1 .home-maintitle .home-maintitle-bottom button:hover { color: #333; background: #fff; }



.index-box1 .index-title1 span { font-size: 0.29167rem; }



.index-box1 .index-title1 p { font-size: 0.13333rem; }



* { margin: 0; padding: 0; }



.zfb-desc { height: 5rem; background: #fff; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }



.zfb-desc .zfb-desc-wrap { width: 9.45rem; margin: 0 auto; display: -webkit-box; display: flex; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }



.zfb-desc .zfb-desc-wrap img { height: 4.44167rem; margin-right: 1.225rem; flex-shrink: 0; }



.zfb-desc .zfb-desc-wrap .desc-right { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }



.zfb-desc .zfb-desc-wrap .desc-right strong { font-size: 0.28333rem; color: #1965EB; font-weight: normal; margin-bottom: 0.53333rem; }



.zfb-desc .zfb-desc-wrap .desc-right p { font-size: 0.16667rem; color: #777777; line-height: 0.41667rem; }



.follow-path { height: 7.91667rem; background: #F7F7FC; width: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }



.follow-path strong { font-size: 0.30833rem; color: #35353e; margin-bottom: 0.66667rem; }



.follow-path img { margin-bottom: 0.33333rem; width: 9.475rem; }



.follow-path ul { display: -webkit-box; display: flex; width: 9.45rem; }



.follow-path ul li { background-image: url(../../renwubao/images/arrow-right.png); background-size: 100% 100%; width: 2.5rem; font-size: 0.11667rem; color: #fff; display: -webkit-box; display: flex; height: 0.5rem; -webkit-box-align: center; align-items: center; box-sizing: border-box; padding: 0 0.08333rem; position: relative; }



.follow-path ul li:nth-of-type(2) { left: -0.08333rem; }



.follow-path ul li:nth-of-type(3) { left: -0.16667rem; }



.follow-path ul li:nth-of-type(4) { left: -0.25rem; }



.scene { background: #fff; box-sizing: border-box; padding-top: 1.25rem; text-align: center; }



.scene strong { font-size: 0.3rem; padding-bottom: 0.25rem; }



.scene p { font-size: 0.13333rem; color: #9e9ea5; line-height: 0.33333rem; }



.scene .mode { height: 5.83333rem; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }



.scene .mode .mode-wrap { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 9.16667rem; }



.scene .mode .mode-wrap img { width: 5.175rem; height: auto; margin-right: 0.65rem; }



.scene .mode .mode-wrap .desc { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: left; }



.scene .mode .mode-wrap .desc strong { font-size: 0.29167rem; color: #333333; }



.scene .mode .mode-wrap .desc small { font-size: 0.13333rem; color: #9E9EA5; margin: 0.16667rem 0 0.41667rem; }



.scene .mode .mode-wrap .desc ul { padding-left: 0.25rem; }



.scene .mode .mode-wrap .desc ul li { color: #2d3c56; margin-bottom: 0.36667rem; position: relative; }



.scene .mode .mode-wrap .desc ul li::before { content: ""; width: 0.05833rem; height: 0.05833rem; border-radius: 50%; position: absolute; background: #2d3c56; left: -0.16667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }



.scene .mode:nth-of-type(2) .mode-wrap img { -webkit-box-ordinal-group: 3; order: 2; margin-right: 0; margin-left: 0.65rem; }



.scene .mode:nth-of-type(2) .mode-wrap .desc { -webkit-box-ordinal-group: 2; order: 1; }



.scene .mode:nth-of-type(1) { margin-top: 0.66667rem; background: #F7F7FC; }