.main{padding-bottom:2.63rem}.main .title{font-size:1.5rem;line-height:1.5rem;font-weight:bold;text-align:center;padding-top:3.13rem}.main .banner{position:relative}.main .banner .banner-list{height:300px}.main .banner .banner-item{width:100%;height:100%}.main .banner .banner-item div{height:100%;background-repeat:repeat-x;background-position:center;background-size:auto 100%}.main .floor{padding-bottom:3.13rem;background-image:url("../images/new_page/live-floor-bg.png");background-size:100%;background-repeat:no-repeat;background-position:bottom;position:relative}.main .floor .title{color:#2B8AFD;margin-bottom:2rem}.main .floor:before{content:'';display:block;width:100%;border-bottom:0.13rem solid #2B8AFD;position:absolute;bottom:4.63rem;left:0}.main .step-box-box .step-box{margin-top:2.38rem;margin-bottom:2.5rem;justify-content:space-between}.main .step-box-box .step-box .step-item{width:20.5%;background-color:#fff;background-size:100%;background-repeat:no-repeat;padding-top:10.25rem;padding-bottom:1.75rem;text-align:center;border-radius:0.63rem;position:relative}.main .step-box-box .step-box .step-item .item-title{font-size:1rem;font-weight:bold}.main .step-box-box .step-box .step-item .item-desc{margin-top:0.81rem;font-size:0.88rem;line-height:1.25rem;white-space:nowrap}.main .step-box-box .step-box .step-item:first-child{background-image:url("../images/new_page/live-step-1-1.png")}.main .step-box-box .step-box .step-item:nth-child(2){background-image:url("../images/new_page/live-step-2-1.png")}.main .step-box-box .step-box .step-item:nth-child(3){background-image:url("../images/new_page/live-step-3-1.png")}.main .step-box-box .step-box .step-item:last-child{background-image:url("../images/new_page/live-step-4-1.png")}.main .step-box-box .step-box .step-item.bef:before{content:'';display:block;width:1.94rem;height:1.31rem;background-image:url("../images/new_page/arrow-right.png");background-size:100% 100%;background-repeat:no-repeat;position:absolute;top:50%;margin-top:-0.65rem;left:-20%}.main .bg-box{background-color:rgba(38,135,252,0.1);padding-bottom:5.63rem}.main .bg-box .pro-box{justify-content:center;flex-wrap:wrap}.main .bg-box .pro-box .pro-item{margin-top:2.5rem;margin-left:2.5%;width:23%}.main .bg-box .pro-box .pro-item .img-bg-box{background-color:#fff;border-radius:0.63rem;padding:1rem;position:relative}.main .bg-box .pro-box .pro-item .img-bg-box .img-box{position:relative;width:100%;height:0;overflow:hidden;padding-bottom:61.56%;margin:0 auto}.main .bg-box .pro-box .pro-item .img-bg-box .img-box img{position:absolute;top:0;max-width:100%;max-height:100%}.main .bg-box .pro-box .pro-item .img-bg-box .detail{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(7,49,99,0.22);justify-content:center;align-items:center;flex-direction:column;border-radius:0.38rem}.main .bg-box .pro-box .pro-item .img-bg-box .detail .btn{border-radius:0.38rem;height:2.75rem;line-height:2.75rem;font-size:1rem}.main .bg-box .pro-box .pro-item .img-bg-box .detail .btn.btn-normal{background-color:#fff;color:#2B8AFD;margin-bottom:1rem}.main .bg-box .pro-box .pro-item .img-bg-box:hover .detail{display:flex}.main .bg-box .pro-box .pro-item .pro-title{font-size:1rem;font-weight:bold;line-height:1rem;margin-top:1.25rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main .bg-box .pro-box .pro-item .btn-box{margin-top:1.25rem;text-align:center}.main .bg-box .pro-box .pro-item .btn-box .btn-hover{width:9.63rem;height:2.81rem;line-height:2.81rem;background:#2687FC;border-radius:0.38rem;font-size:1rem;font-weight:bold}.main .bg-box .pro-box .pro-item:nth-child(4n+1){margin-left:0}.main .floor-1{position:relative}.main .floor-1 img{width:10.81rem;height:11.96rem;position:absolute;right:0;bottom:0}.main .floor-1 .floor-title{margin-top:2.5rem;height:2.56rem;background-color:#9AB9DF;border-radius:0.75rem 0.75rem 0rem 0rem;background-image:url("../images/new_page/live-floor-img-point.png");background-size:4.06rem 0.69rem;background-repeat:no-repeat;background-position:1.25rem center}.main .floor-1 .desc-list{background:#F4FAFE;box-shadow:0rem 0.19rem 1.25rem 0.06rem rgba(42,99,172,0.16);border-radius:0 0 0.75rem 0.75rem;padding:1.25rem 2rem 0.94rem}.main .floor-1 .desc-list .desc-item{padding:0.63rem 1.06rem;line-height:2.5rem;background-color:rgba(165,203,248,0.27);margin-bottom:1.25rem;border-radius:0.75rem;font-size:1rem;white-space:nowrap;text-align:center}.main .floor-1 .desc-list .desc-item .item-title{color:#2B8AFD;font-weight:bold;line-height:2rem;text-align:left}.main .floor-1 .desc-list .desc-item .item-desc{line-height:2rem;text-align:left;white-space:nowrap}.main .floor-2{margin-top:2.5rem}.main .floor-2 .desc-list{padding-top:1.25rem}.main .floor-2 .desc-list .desc-item{height:3.75rem;line-height:3.75rem;background-color:rgba(38,135,252,0.1);margin-top:1.25rem}.main .floor-2 .desc-list .desc-item .item-icon{width:5.88rem;height:3.75rem;background-image:url("../images/new_page/live-icon-bg.png");background-size:100% 100%;font-size:1.88rem;font-weight:bold;color:#fff;padding-left:1.94rem;box-sizing:border-box}.main .floor-2 .desc-list .desc-item .item-title{padding-left:1.88rem;font-size:1rem;white-space:nowrap}
