.water-challenge-list{flex-direction:column;margin:0 35px;padding-top:47px}.water-challenge-list,.water-challenge-list .flex{display:flex;justify-content:center;align-items:center}.water-challenge-list .list-title{width:472px;height:57px;background:#f14ca0;font-weight:400;font-size:24px;letter-spacing:-.408px;text-align:center;line-height:57px;color:#fff}.water-challenge-list .top-three{display:flex;justify-content:center;align-items:flex-end}.water-challenge-list .top-three>div{flex-direction:column;justify-content:flex-start;margin-top:18px;width:152px;height:288px;position:relative}.water-challenge-list .top-three>div .avatar{width:60px;height:60px;background:url(/images/promotionActivity/waterChallenge/avatar-bg.png) top no-repeat;background-size:100% 100%;position:relative;left:5px;margin-bottom:3px}.water-challenge-list .top-three>div .avatar img{border-radius:50%;width:36px;height:36px;position:absolute;bottom:5px;left:5px}.water-challenge-list .top-three>div .name{font-weight:400;font-size:16px;font-family:PingFang SC;margin-bottom:5px}.water-challenge-list .top-three>div .water{width:120px;height:25px;border-radius:2px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:25px;text-align:center;color:#fff;margin-bottom:10px;border-radius:36px}.water-challenge-list .top-three .first .avatar{width:72px;height:72px;background-size:72px 72px;left:10px}.water-challenge-list .top-three .first .avatar img{width:44px;height:44px;bottom:7px;left:7px}.water-challenge-list .top-three .first{width:190px!important;height:353px!important;margin:18px 20px 0;background:url(/images/promotionActivity/waterChallenge/first.png) top no-repeat;background-size:auto 100%;color:#b77127;padding-top:110px}.water-challenge-list .top-three .first .water{margin-top:5px;background:linear-gradient(180deg,#fae395,#f6d569)}.water-challenge-list .top-three .second{background:url(/images/promotionActivity/waterChallenge/second.png) top no-repeat;background-size:auto 100%;color:#7a7f88;padding-top:90px}.water-challenge-list .top-three .second .water{background:linear-gradient(180deg,#e5e5e5,#c7ccd2)}.water-challenge-list .top-three .third{background:url(/images/promotionActivity/waterChallenge/third.png) top no-repeat;background-size:auto 100%;color:#b1643d;padding-top:90px}.water-challenge-list .top-three .third .water{background:linear-gradient(180deg,#f6ccb6,#e8ab87)}.water-challenge-list .others{width:472px}.water-challenge-list .others table{width:100%;height:456px;border-collapse:collapse;text-align:center}.water-challenge-list .others table th{height:50px;background-color:#3e81d1;color:#fff;font-weight:400;font-size:22px}.water-challenge-list .others table th:not(:last-child) span{display:inline-block;width:100%;height:25px;line-height:25px;border-right:1px solid #fff}.water-challenge-list .others table td{height:58px;font-weight:400;font-size:22px;color:#3e81d1;line-height:58px;background-color:#fff;border-bottom:1px solid #dadada}.water-challenge-list .others .pages span{margin:17px 12px}.water-challenge-list .others .pages span:not(:last-child){cursor:pointer;padding:8px 20px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:5px;font-size:14px;color:#333}.water-challenge-list .others .pages span.disabled,.water-challenge-list .others .pages span:last-child{color:#999}.water-challenge-list .no-data td{width:100%;text-align:center;padding-top:50px;color:#666}.activity{max-width:1920px;margin:0 auto;overflow:hidden}.activity-water-challenge{min-width:1400px;background:url(/images/promotionActivity/waterChallenge/bg.jpg) top no-repeat;background-size:100% 100%;height:4600px;padding-bottom:50px}.activity-water-challenge>div{margin:0 auto;width:1300px}.activity-water-challenge .title{margin-top:700px;transform:translateX(45px);width:1200px;height:185px}.activity-water-challenge .title img{width:100%;height:100%}.activity-water-challenge .box-title{width:725px;height:128px;margin:0 auto}.activity-water-challenge .box-title>img{width:100%}.activity-water-challenge .content{width:100%;margin-top:40px}.activity-water-challenge>div:not(.msg-box) .content{background:rgba(228,238,249,.8);border:1px solid #64a6f6;border-radius:4px}.activity-water-challenge .msg-box{margin-top:40px}.activity-water-challenge .msg-box .content{height:254px;background:url(/images/promotionActivity/waterChallenge/msg-bg.png) top no-repeat;background-size:100% 100%;padding-top:64px}.activity-water-challenge .msg-box .content p{margin:0 auto;font-weight:500;font-size:36px;color:#398ee7;text-align:center}.activity-water-challenge .rank-box{margin-top:40px}.activity-water-challenge .rank-box .content{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;flex-direction:row;position:relative}.activity-water-challenge .rank-box .content:after{position:absolute;bottom:-80px;right:-155px;content:"";width:239px;height:218px;background:url(/images/promotionActivity/waterChallenge/cup.png) top no-repeat;background-size:100% 100%}.activity-water-challenge .day-box{margin-top:70px}.activity-water-challenge .day-box .box-subtitle{text-align:center;width:284px;height:31px;margin:11px auto 0;transform:translateX(30px)}.activity-water-challenge .day-box .content{margin-top:20px!important;padding-bottom:70px}.activity-water-challenge .day-box .content>p{margin-top:30px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row;font-size:24px;color:#333}.activity-water-challenge .day-box .content>p span{font-size:40px;color:#0070bb}.activity-water-challenge .day-box .content .task{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row}.activity-water-challenge .day-box .content .task>div{margin:0 20px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:column}.activity-water-challenge .day-box .content .task>div>img{width:321px}.activity-water-challenge .day-box .content .task>div>div{margin-top:30px;width:233px;height:56px;cursor:pointer;position:relative}.activity-water-challenge .day-box .content .task>div>div>img{width:100%}.activity-water-challenge .day-box .content .task>div>div.disabled{filter:grayscale(100%)!important}.activity-water-challenge .day-box .content .task>div>div:not(.disabled){-webkit-animation:hot-animation 1s linear infinite;animation:hot-animation 1s linear infinite}.activity-water-challenge .rules-box .box-title{margin-top:90px}.activity-water-challenge .rules-box .content{margin-top:40px;padding:60px}.activity-water-challenge .rules-box .content p{font-weight:500;font-size:24px;line-height:169.75%;color:#398ee7}.day-gift-money-dialog{width:426px!important;height:483px;background:url(/images/promotionActivity/waterChallenge/day-gift-bg.png) top no-repeat;background-size:100% 100%}.day-gift-money-dialog .el-message-box__header{display:none}.day-gift-money-dialog .el-message-box__content{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:column;text-align:center;padding:10px 0 0}.day-gift-money-dialog .el-message-box__content img{margin-top:130px}.day-gift-money-dialog .el-message-box__content .money{font-weight:500;font-size:24px;color:#ff8b1a}.day-gift-money-dialog .el-message-box__content .money+div{margin-top:10px;font-weight:500;font-size:18px;color:#333}.day-gift-money-dialog .el-message-box__btns{margin:10px auto}.day-gift-money-dialog .el-button.el-button--primary{width:222px;height:53px;background:url(/images/promotionActivity/waterChallenge/dialog-btn.png) top no-repeat;background-size:100% 100%;background-color:transparent!important;border:none!important;outline:none!important;margin-right:0}.day-gift-money-dialog .el-button.el-button--primary span{display:none}@-webkit-keyframes hot-animation{0%{top:-14px}50%{top:-8px}to{top:-14px}}@keyframes hot-animation{0%{top:-14px}50%{top:-8px}to{top:-14px}}