.reward{background-color:#fff;padding:.52rem 0 1.16rem;max-width:1312px;margin:0 auto}
.reward .member-title{font-size:28px;line-height:120%;padding-bottom:24px;color:#111}
.reward ul{width:100%;display:flex;flex-wrap:wrap}
.reward ul li{display:flex;align-items:center;justify-content:space-around;width:calc((100% - 240px) / 3);margin-right:24px;border-radius:2px;overflow:hidden;padding:25px 32px}
.reward ul li:nth-child(3n){margin-right:0}
.reward .left{flex:1}
.reward .left p{color:#fff;font-size:16px;line-height:150%}
.reward .left p:last-child{margin-top:2px;font-size:14px}
.reward .right{margin-left:12px}
.reward .right a{display:block;padding:6px 16px;background:#fff;line-height:20px;border-radius:2px}
.reward .right a:hover{background:#eaeaea;color:rgba(0,0,0,0.78)}
@media(min-width:1024px) and (max-width:1439.98px){.reward{padding:.52rem .3rem 1.16rem}
}
@media(min-width:768px) and (max-width:1200px){.reward{max-width:896px;padding:.4rem .2rem .64rem}
.reward .member-title{padding-bottom:20px;font-size:24px}
.reward ul li{width:calc((100% - 98px) / 2);padding:25px 20px;margin-bottom:16px;margin-right:16px}
.reward ul li:nth-child(3n){margin-right:16px}
.reward ul li:nth-child(2n){margin-right:0}
.reward .right a{font-size:12px}
}
@media(max-width:768px){.reward{margin:24px 0 56px;width:auto;padding:0 20px}
.reward .member-title{font-size:16px;margin-top:24px;padding-bottom:8px}
.reward ul{display:block}
.reward ul li{position:relative;width:auto;margin-right:0;padding:20px;margin-bottom:8px}
.reward .left p{font-size:14px;line-height:20px;padding-bottom:4px}
.reward .left p:last-child{font-size:12px;transform:scale(0.83);margin-left:-10%;padding-bottom:0;margin-top:0}
.reward .right a{font-size:12px}
}
.experience{background:#f6f6f6;padding:40px 40px 16px;max-width:1312px;margin:0 auto}
.experience .earn-title{font-size:28px;line-height:120%;color:#111}
.experience .earn-subTitle{font-size:14px;line-height:170%;color:rgba(0,0,0,0.56)}
.experience ul{width:100%;display:flex;flex-wrap:wrap;margin-top:32px}
.experience ul li{display:flex;align-items:center;justify-content:space-around;width:calc((100% - 240px) / 3);height:76px;margin-right:24px;margin-bottom:24px;border-radius:2px;overflow:hidden;padding:12px 32px;background:#fff}
.experience ul li:nth-child(3n){margin-right:0}
.experience ul li .earn-left{flex:1}
.experience ul li .earn-left p:first-child{font-size:16px;line-height:150%;color:rgba(0,0,0,0.78)}
.experience ul li .earn-left p:last-child{font-size:14px;line-height:170%;color:rgba(0,0,0,0.56)}
.experience ul li .earn-left p:last-child i{color:#2ec84e}
.experience ul li .earn-right{width:92px;margin-left:15px}
.experience ul li .earn-right a{display:block;width:100%;padding:6px 0;text-align:center;color:#fff;font-size:12px;line-height:20px;background:#2ec84e;border-radius:2px}
.experience ul li .earn-right a:hover{background:rgba(46,200,78,0.78)}
@media(min-width:768px) and (max-width:1200px){.experience{max-width:896px;padding:32px 32px 16px}
.experience ul li{width:calc((100% - 144px) / 2);margin-right:16px;margin-bottom:16px}
.experience ul li:nth-child(3n){margin-right:16px}
.experience ul li:nth-child(2n){margin-right:0}
}
@media(max-width:768px){.experience{padding:24px 20px}
.experience .earn-title{font-size:18px;line-height:26px;margin-bottom:8px}
.experience .earn-subTitle{font-size:12px;line-height:20px}
.experience ul{display:block;margin-top:24px}
.experience ul li{padding:16px;margin-right:0;width:auto;height:auto;margin-bottom:8px}
.experience ul li .earn-left p:first-child,.experience ul li .earn-left p:last-child{font-size:12px;line-height:20px}
.experience ul li .earn-right{width:75px}
.experience ul li .earn-right a{width:120%;padding:9.5px 0;font-size:12px;transform:scale(0.83);margin-left:-8px}
}