.banner{height:400px;background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/banner.png) center no-repeat;background-size:cover}.banner .banner-inner{height:100%;display:flex;flex-direction:column;justify-content:center}.banner .banner-inner .title{margin-left:11%;letter-spacing:4px;font-size:40px;color:#fff}@media (max-width: 1024px){.banner{height:25vw}.banner .banner-inner .title{font-size:4vw}}.oper-step ul{display:flex;align-items:center;padding:3% 0;text-align:center}.oper-step ul li.step{width:12.25%;font-size:20px;font-weight:bold}.oper-step ul li.step span{display:block}.oper-step ul li.step i{display:inline-block;width:87px;height:96px}.oper-step ul li.step i.icon1{background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/step_01.png) center no-repeat;background-size:cover}.oper-step ul li.step i.icon2{background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/step_02.png) center no-repeat;background-size:cover}.oper-step ul li.step i.icon3{background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/step_03.png) center no-repeat;background-size:cover}.oper-step ul li.step i.icon4{background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/step_04.png) center no-repeat;background-size:cover}.oper-step ul li.arrow{width:17%;font-size:18px;transform:translateY(-100%)}.oper-step ul li.arrow .line{height:5px;background-color:#3BADFA;border-radius:2px 0 0 2px;position:relative;margin-top:3%}.oper-step ul li.arrow .line:after{content:"";position:absolute;right:-13px;top:-7px;border:10px solid transparent;border-left-color:#3BADFA}@media (max-width: 1024px){.oper-step ul li.step{width:13.75%;font-size:16px}.oper-step ul li.step i{display:inline-block;width:8vw;height:8.8vw}.oper-step ul li.arrow{width:15%;transform:translateY(-255%)}.oper-step ul li.arrow .desc{display:none}}@media (max-width: 600px){.oper-step ul li.step{font-size:2.75vw}.oper-step ul li.step span{margin-top:-.1vw}.oper-step ul li.arrow{transform:translateY(-355%)}.oper-step ul li.arrow .line{height:.5vw}.oper-step ul li.arrow .line:after{border-width:1.25vw;right:-1.75vw;top:-.9vw}}.product{padding:2.5% 0;background-color:#F5F7FA}.product .contents{display:flex;align-items:center;margin-top:4%}.product .contents .intro{width:500px;height:274px;border-radius:18px;background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/product_bg.png) center no-repeat;background-size:cover}.product .contents .intro .text{margin:15% 40% 0 6%}.product .contents .intro .text h3{font-size:18px;color:#fff}.product .contents .intro .text .desc{margin-top:5%;height:92px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#D7E7FF;line-height:1.5}.product .contents .intro .text button{padding:3% 15%;font-size:16px;color:#764D00;font-weight:bold;cursor:pointer;border:none;background:linear-gradient(#FEDD71 0%, #FFAE17 100%);box-shadow:0 4px 10px 0 rgba(12,111,249,0.18);border-radius:25px}.product .contents .list{flex-grow:1;padding:0 4%}.product .contents .list ul{display:flex;justify-content:space-around}.product .contents .list ul li{width:180px;height:180px;padding:5%;box-sizing:border-box;text-align:center;background-color:#fff;border-radius:10px;transition:.3s}.product .contents .list ul li img{width:60%}.product .contents .list ul li span{display:block;font-size:16px;margin-top:20px}.product .contents .list ul li:hover{box-shadow:4px 10px 12px 0 #D4E2FF;transform:translateY(-10px)}@media (max-width: 1400px){.product .contents .intro{width:418px;height:229px}.product .contents .list ul li{width:130px;height:130px;padding:3%}}@media (max-width: 1024px){.product{padding:5% 0}.product .contents{flex-direction:column}.product .contents .intro{width:100%;height:42vw}.product .contents .intro .text{margin:7% 40% 0 6%}.product .contents .intro .text h3{font-size:3vw}.product .contents .intro .text .desc{margin-top:5%;height:18.25vw;font-size:2.5vw;line-height:1.5}.product .contents .intro .text button{font-size:3vw}.product .contents .list{width:100%}.product .contents .list ul{justify-content:space-between;margin-top:5%}.product .contents .list ul li{width:20vw;height:20vw}.product .contents .list ul li span{margin-top:3vw;font-size:2.5vw}}@media (max-width: 768px){.product .contents .list ul li{width:25vw;height:25vw}}.advantage{padding:2.5% 0}.advantage .list{display:flex;justify-content:space-between;margin-top:5%}.advantage .list .item{width:22%;max-width:260px;height:300px;border-radius:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:#FFF;transition:.5s transform}.advantage .list .item .icon1,.advantage .list .item .icon2,.advantage .list .item .icon3,.advantage .list .item .icon4{width:100px;height:100px}.advantage .list .item .icon1{background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/ys_01.png) no-repeat;background-size:100%}.advantage .list .item .icon2{background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/ys_02.png) no-repeat;background-size:100%}.advantage .list .item .icon3{background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/ys_03.png) no-repeat;background-size:100%}.advantage .list .item .icon4{background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/ys_04.png) no-repeat;background-size:100%}.advantage .list .item .label{font-size:16px;font-weight:bold;margin-top:10px;padding:0 5%;text-align:center}.advantage .list .item .text{height:80px;line-height:20px;padding:0 5%;margin-top:5%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.5}.advantage .list .item:before{content:"";position:absolute;left:10px;top:30px;width:67px;height:64px;background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/ys_sj_left.png) no-repeat;background-size:100%}.advantage .list .item:after{content:"";position:absolute;right:10px;top:110px;width:57px;height:54px;background:url(https://www.kekebang.com.cn/resource/images/src/images/helprecharge/ys_sj_right.png) no-repeat;background-size:100%}.advantage .list .item:nth-of-type(1){background:linear-gradient(158deg, #FECE98 0%, #FEA031 100%);box-shadow:0 30px 20px -20px #FAA748}.advantage .list .item:nth-of-type(2){background:linear-gradient(180deg, #AF9DFE 0%, #8E78FB 100%);box-shadow:0 30px 20px -20px #937CFC}.advantage .list .item:nth-of-type(3){background:linear-gradient(158deg, #85E3FC 0%, #43C6EA 100%);box-shadow:0 30px 20px -20px #5DD1F1}.advantage .list .item:nth-of-type(4){background:linear-gradient(180deg, #FF8AB6 0%, #F75686 100%);box-shadow:0 30px 20px -20px #FF5389}.advantage .list .item:hover{transform:translateY(-5%)}@media (max-width: 1024px){.advantage{padding:5% 0 10% 0}.advantage .list .item{height:21vw;border-radius:16px}.advantage .list .item .icon1,.advantage .list .item .icon2,.advantage .list .item .icon3,.advantage .list .item .icon4{width:7vw;height:7vw}.advantage .list .item .label{font-size:1.5vw}.advantage .list .item .text{display:none}.advantage .list .item:before{left:1.2vw;top:1.4vw;width:5vw;height:5.1vw}.advantage .list .item:after{right:1.2vw;top:9.4vw;width:4vw;height:4.1vw}}@media (max-width: 768px){.advantage .list .item{height:24vw;border-radius:16px}.advantage .list .item .icon1,.advantage .list .item .icon2,.advantage .list .item .icon3,.advantage .list .item .icon4{width:10vw;height:10vw}.advantage .list .item .label{font-size:2vw}.advantage .list .item .right-icon{right:1.2vw;top:10.4vw}}