body{font-size:14px;color:#333;box-sizing:border-box;width:100%;background-color:#eee;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-wrap{box-sizing:inherit;width:100%}.bg-white{background-color:#fff}.grade-user-block{padding:16px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:2.55rem}.grade-user-block .avatar{display:inline-block;float:left;width:42px;height:42px;border-radius:50%;font-size:0}img{border:0;max-width:100%;display:inline-block}.grade-user-block .avatar img{width:100%;height:100%;border-radius:50%}.grade-user-block .info{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px;font-size:12px;line-height:2}.grade-btn-block--right{padding-top:5px}.grade-button{box-sizing:border-box;background-color:#ff5f65;border:0;color:#fff;font-size:12px;height:32px;text-align:center;border-radius:16px;width:134px}.grade-btn-block--right .grade-button{width:135px}.mg-top{margin-top:8px}.grade-privilege-block{padding:16px 0}.title{font-size:14px;line-height:18px}.grade-privilege-block .title{font-size:12px;color:#505050;padding-left:14px;padding-bottom:8px}.grade-privilege-block .privilege-item{margin:0 2% 5px;min-height:210px;height:auto!important;overflow:visible;padding:10px;word-break:break-word;border-radius:4px;font-size:12px;color:#505050;text-align:left;box-sizing:border-box;position:relative}.grade-privilege-block .privilege-item.item--free{background-color:#ffedf1}.grade-privilege-block .privilege-item .intro{position:relative;margin-left:75px;padding-top:14px}.grade-privilege-block .privilege-item .thumb{width:52px;height:52px;border-radius:52px;background-position:center center;position:absolute;background-size:cover;margin-top:14px;margin-left:10px}.grade-privilege-block .privilege-item .status{font-size:13px;background-color:#fff;color:#fc3f6c;display:block;border-radius:2px;text-align:center;width:75px;height:28px;line-height:28px;position:absolute;right:10px;top:26px}.grade-privilege-block .privilege-item .intro span:first-child{font-size:14px;color:#299af4;font-weight:bolder}.grade-privilege-block .privilege-item.item--sp{background-color:#fff9ea}.grade-privilege-block .privilege-item.item--mp{background-color:#def8ff}.grade-privilege-block .privilege-item.item--locking{background-color:#ffedf1}.grade-privilege-block .privilege-item.item--completed{background-color:#f1fbe7}.annual-fee-item{display:inline-block;width:105px}.annual-fee-item .annual-fee-icon{width:72px;width:4.5rem;height:72px;height:4.5rem;border-radius:50%;background-color:#eee;line-height:72px;line-height:4.5rem;margin:0 auto}.annual-fee-item .annual-fee-icon img{width:64px;width:4rem;height:64px;height:4rem;display:inline-block;vertical-align:middle}.imggray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}.annual-fee-item .annual-fee-text{font-size:9.6px;font-size:.6rem;color:#505050;line-height:3}.sharMsg{text-align:center;padding:10px;line-height:30px;color:#000}#sharQr{width:120px;height:120px;margin:auto}#sharTitle,.red-bolder{font-weight:bolder;color:#ff5f65}#sharTitle{color:#333}#sharAcut{font-size:12px;line-height:20px;color:#299af4;margin-top:-10px}#sharSubTitle{font-weight:bolder;color:#333}#sharKeyword{color:red}#sharPs,#sharPs2,#taskPs,#taskPs2{font-size:10px;color:#505050;font-weight:400}.rcode{background-color:#000;padding:2px 20px;font-size:14px;border-radius:20px}.copyBtn,.rcode,.taskKeyword{color:#fff;font-weight:bolder}.copyBtn{margin:10px;background:#60ba48;text-align:center;height:40px;line-height:40px;font-size:16px;display:block;border-radius:40px}.taskKeyword{background-color:#000;padding:2px 10px;border-radius:20px}.taskTitle{margin-top:10px}.taskAva{width:52px;height:52px;border-radius:52px;background-position:center center;background-size:cover;display:block;margin:auto}.sharWin .sharClose,.sharWin .sharClose:hover{width:20px;height:28px;background-size:12px 12px;margin:5px 10px 5px 5px;float:right;cursor:pointer}.sharWin .sharClose{background:url(../images/bg_layer_close.png)no-repeat center}.sharWin .sharClose:hover{background:url(../images/bg_layer_close_h.png)center no-repeat}.sharWin .sharBar{height:38px;line-height:38px;font-size:15px;border-radius:2px 2px 0 0;text-align:left;padding-left:15px;background:#fff}.sharWin .sharBox{height:222px;background:rgba(255,255,255,.9)}.bds_qzone.zone,.bds_tqq.tqq,.bds_tsina.sina{background-size:48px 66px;background-position:0 0!important;width:48px;height:66px;padding:0}.bds_tsina.sina{background:url(../images/bg_shar_sina.png);margin:20px 0 0 22px}.bds_qzone.zone,.bds_tqq.tqq{margin:20px 0 0 31px}.bds_qzone.zone{background:url(../images/bg_shar_zone.png)}.bds_tqq.tqq{background:url(../images/bg_shar_tqq.png)}.layerz{-webkit-transition-duration:.3s;-webkit-transition-delay:.1s;-webkit-transition-timing-function:ease-in;-moz-transition-duration:.3s;-moz-transition-delay:.1s;-moz-transition-timing-function:ease-in;-o-transition-duration:.3s;-o-transition-delay:.1s;-o-transition-timing-function:ease-in;opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transition:transform .3s linear .3s;-webkit-transition:-webkit-transform .3s linear .3s;-moz-transition:-moz-transform .3s linear .3s;-o-transition:-o-transform .3s linear .3s}.show{position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:9999;top:0;left:0;display:none}.annual-fee-container{display:flex;justify-content:center;align-items:center;gap:25px;padding:20px 0;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}.annual-fee-item{flex:0 1 auto;text-align:center;min-width:90px;max-width:120px;font-size:clamp(10px,3vw,14px)}.annual-fee-icon img{width:2.8rem;height:2.8rem;object-fit:contain}.annual-fee-text{font-size:clamp(10px,2.5vw,14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.task-tab{display:flex;border-bottom:1px solid #eee;margin:10px 15px}.task-tab-item{flex:1;text-align:center;padding:10px 0;font-size:16px;color:#666;position:relative;cursor:pointer}.task-tab-item.active{color:#ff7830;font-weight:700}.task-tab-item.active::after{content:"";position:absolute;bottom:-1px;left:25%;width:50%;height:2px;background-color:#ff7830}.task-list{padding:10px 15px}.task-item{display:flex;align-items:center;background:#fafafa;border-radius:6px;padding:10px;margin-bottom:10px}.task-content{flex:1}.task-action button,.task-title{display:flex;align-items:center;font-size:14px}.task-title{color:#333;gap:6px}.task-title .task-name{flex-shrink:0}.reward{color:#ff7830;font-weight:700;margin-left:5px}.task-progress{font-size:12px;color:#999;margin-top:4px}.task-action button{justify-content:center;background-color:#ff7830;color:#fff;border:0;padding:6px 12px;border-radius:4px;height:32px}.task-action button[disabled]{background-color:#ccc;color:#999;cursor:not-allowed}.task-action button[data-status="1"]{background-color:#ff5f65;color:#fff}.sharBox{flex:1;overflow-y:auto;padding:12px}.sharWin{width:90%;max-width:350px;max-height:90vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;background:rgba(255,255,255,.96);border-radius:6px;display:flex;flex-direction:column;overflow:hidden}#rewardRuleModal .popover{width:80vw;max-width:320px;border-radius:8px;background:#fff;overflow:hidden}#rewardRuleModal img{width:100%;display:block}#rewardRuleModal .know-btn{display:block;width:70%;padding:10px 0;margin:.25rem auto .4rem;font-size:15px;background-color:#fff;color:#333;text-align:center;border-radius:6px;cursor:pointer;text-decoration:none;line-height:.1}.reward-rule-btn{font-size:13px;color:#ff5f65;border:1px solid #ff5f65;padding:2px 10px;border-radius:14px;text-decoration:none;margin-right:10px}.annual-fee-icon{width:3.5rem;height:3.5rem;border-radius:50%;background-color:#eee;margin:0 auto}