.mobile {display: none;}

.pc {display: block;}

.banner{width:100%;height:705px;overflow:hidden;position:relative}

.banner img.bg{height:100%;}

.banner .bannerText{width:300px;height:270px;position:absolute;top:50%;left:50%;margin-left:202px;margin-top:-135.04px}

.bannerText h4{font-size:30px;line-height:48px;color:#333}

.bannerText p{font-size:16px;line-height:28px;color:#999;padding-top:12px}

.bannerText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}

.resource{width:100%;height:700px;overflow:hidden;position:relative}

.resource .resText{width:345px;height:290px;position:absolute;top:50%;right:50%;margin-right:216px;margin-top:-143px}

.resText h4{font-size:30px;line-height:50px;color:#333}

.resText p{font-size:16px;line-height:30px;color:#999;padding-top:10px}

.resText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}

.resource img{position:absolute;top:50%;left:50%;margin-top:-220px;margin-left:-143px}

.client{width:100%;height:710px;overflow:hidden;position:relative;background:#fafafa}

.client .clientText{width:340px;height:250px;position:absolute;top:50%;left:50%;margin-top:-123px;margin-left:202px}

.clientText h4{font-size:30px;line-height:50px;color:#333}

.clientText p{font-size:16px;line-height:30px;color:#999;padding-top:10px}

.clientText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}

.client img{position:absolute;top:50%;right:50%;margin-top:-251.04px}

.earn{width:100%;height:625px;overflow:hidden;position:relative}

.earn h3{font-size:30px;line-height:46px;width:100%;text-align:center;color:#333;position:absolute;top:105px}

.earn ul{width:100%;height:auto;padding-top:235.04px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}

.earn ul li{width:200px;height:auto;overflow:hidden;margin:0 120px}

.earn ul li dl{width:100%;text-align:center}

.earn ul li dl dt{font-size:24px;line-height:64px;color:#333;font-weight:400}

.earn ul li dl dd{font-size:16px;line-height:28px;color:#333}

.earn ul li dl dd span{display:block}

.effect{width:100%;height:765px;overflow:hidden;position:relative;background:#fafafa}

.effect h3{font-size:30px;line-height:46px;width:100%;text-align:center;color:#333;position:absolute;top:105px}

.effect .effectText{width:100%;height:450px;position:absolute;top:230px}

.effectText .img{position:absolute;right:50%;top:0}

.effectText .img img.bgradius{position:absolute;bottom:0;right:30px}

.effectText dl{width:380px;height:225px;position:absolute;top:87.04px;left:50%;margin-left:202px}

.effectText dl dt{font-size:16px;line-height:46px;color:#999}

.effectText dl dd{font-size:24px;line-height:40px;color:#333}

.effectText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}





@media screen and (min-width:750px) and (max-width:1226px){



	.resource img {

		    width: 50%;

    margin-left: -20px;

	}

	.resource .resText {

		margin-right: 110px;

	}

	.banner img.bg {

		height: 100%;

		margin-left: -150px;

	}

	.earn ul li {margin:0 50px;}

	.effectText .img {right:42%;}

}



@media screen and (max-width:750px) {

	.mobile {display: block;}

	.pc {display: none;}

	.banner{

    margin-top: 1.95rem;

    height: 6rem;

}

	.banner img.bg{}

	.banner .bannerText{

    width: 100%;

    height: auto;

    left: 0;

    top: 1rem;

    margin: 0;

    text-align: center;

}

	.bannerText h4{

    font-size: .6rem;

    line-height: .9rem;

}

	.bannerText p{

    font-size: .32rem;

    line-height: .56rem;

    box-sizing: border-box;

    padding: 0 .2rem;

}

	.bannerText a{

    width: 2.8rem;

    margin: 0 auto;

    height: 1rem;

    line-height: 1rem;

    font-size: .4rem;

    border-radius: .2rem;

    margin-top: .5rem;

}

	.resource{

    height: auto;

}

	.resource .resText{

    width: 100%;

    margin: 0 auto;

    position: static;

    margin-top: 1rem;

    margin-bottom: .5rem;

    text-align: center;

    box-sizing: border-box;

    padding: 0 .2rem;

    height: auto;

}

	.resText h4{

    line-height: .88rem;

    font-size: .6rem;

}

	.resText p{}

	.resText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}

	.resource img{position: static;margin: 0 auto;width: 96%;margin-bottom: 1rem;}

	.client{width:100%;height: auto;overflow:hidden;position:relative;background:#fafafa;}

	.client .clientText{width: 100%;height: auto;position: static;margin: 1rem auto .5rem;text-align: center;box-sizing: border-box;padding: 0 .2rem;}

	.clientText h4{

    line-height: .88rem;

    font-size: .6rem;

}

	.clientText p{font-size:16px;line-height:30px;color:#999;padding-top:10px}

	.clientText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}

	.client img{position: static;margin: 0 auto;width: 96%;margin-bottom: 1rem;}

	.earn{height: auto;}

	.earn h3{font-size: .6rem;line-height: .88rem;position: static;margin: 1rem auto .5rem;box-sizing: border-box;padding: 0 .2rem;}

	.earn ul{padding-top:0;width: 96%;display: block;padding-bottom: 1rem;}

	.earn ul li{width: 100%;margin: 0;padding: .2rem 0;border-bottom: .01rem solid #dcdcdc;display: flex;}

	.earn ul li:last-child{border:none}

	.earn ul li img{width:100%;}

	.earn ul li .img{width:30%;}

	.earn ul li dl{width:100%;text-align: left;padding-left: .2rem;padding-top: .2rem;}

	.earn ul li dl dt{font-size: .4rem;line-height: .7rem;color:#333;font-weight:400;}

	.earn ul li dl dd{font-size: .2rem;line-height: .46rem;color: #eee;}

	.earn ul li dl dd span{

    color: #bbb;

    font-size: .24rem;

}

	.effect{height: auto;}

	.effect h3{

    font-size: .6rem;

    line-height: .88rem;

    position: static;

    margin: 1rem auto .5rem;

    box-sizing: border-box;

    padding: 0 .2rem;

}

	.effect .effectText{height: auto;position: static;padding-bottom: 1rem;}

	.effectText .img{position: relative;width: 100%;box-sizing: border-box;padding: 0 .2rem;left: 0;margin-top: .5rem;}

	.effectText .img img:nth-child(1){width: 90%;margin: 0;}

	.effectText .img img.bgradius{position:absolute;right: .4rem;width: 42%;}

	.effectText dl{width: 100%;height: auto;position: static;margin: 0;text-align: center;box-sizing: border-box;padding: 0 .2rem;}

	.effectText dl dt{font-size:16px;line-height:46px;color:#999}

	.effectText dl dd{font-size: .36rem;line-height:40px;color:#333;text-align: left;}

	.effectText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}

	}