.signin-container .signin-head{position:relative}.signin-container .signin-head .title{font-family:PingFangSC-Semibold;font-size:24px;color:#222;line-height:24px;font-weight:600}.signin-container .signin-head .desc{margin-top:10px;font-family:PingFangSC-Regular;font-size:16px;color:#999;line-height:22px}.signin-container .signin-head .signin-head-btn{position:absolute;right:0;top:0;display:inline-block;height:38px;min-width:126px;border:1px solid #FFBC00;border-radius:84px;padding:0 18px;line-height:39px;font-family:PingFangSC-Semibold;font-size:18px;color:#FFBC00;text-align:center;cursor:pointer;text-decoration:none}.signin-container .signin-head .signin-head-btn:hover,.signin-container .signin-head .signin-head-btn:active{outline:0}.signin-container .signin-head .signin-head-btn.signin-head-btn-disabled{background-color:#DAE0E4;color:#fff;border:1px solid #DAE0E4;cursor:default}.signin-container .signin-content{margin:22px 0 0;width:100%}.signin-container .signin-content .week-box{margin:0 auto;height:108px;width:670px}.signin-container .signin-content .week-box li{float:left;margin-right:23px;width:76px;height:108px;box-sizing:border-box;padding:12px 0 0;background:#f6f6f6;border-radius:16px;text-align:center}.signin-container .signin-content .week-box li:last-child{margin-right:0}.signin-container .signin-content .week-box li .day{display:block;opacity:.7;font-family:PingFangSC-Regular;font-size:16px;color:#999;text-align:center;line-height:16px}.signin-container .signin-content .week-box li .icon-wealth{margin:5px auto 3px;display:block;width:44px;height:44px;background-repeat:no-repeat;background-image:url(https://iknow-zhidao.bdimg.com/static/wyw-content/widget/common/js/logic/signin-task/signin/img/day-wealth.c3077e3.png);background-size:contain;border-radius:50%}.signin-container .signin-content .week-box li .add{display:block;height:18px;text-align:center;font-family:PingFangSC-Semibold;font-size:18px;line-height:18px;color:#999}.signin-container .signin-content .week-box li.on{padding:13px 0 0;background:#FFCB25}.signin-container .signin-content .week-box li.on .day{color:#fff}.signin-container .signin-content .week-box li.on .icon-wealth{width:44px;height:44px;background-image:url(https://iknow-zhidao.bdimg.com/static/wyw-content/widget/common/js/logic/signin-task/signin/img/day-ok.03712f4.png);margin:5px auto 3px}.signin-container .signin-content .week-box li.on .add{color:#fff}.signin-container .signin-content .week-box li.day-7{position:relative}.signin-container .signin-content .week-box li.day-7 .diamond-box{display:block;width:42px;height:38px;background-repeat:no-repeat;background-image:url(https://iknow-zhidao.bdimg.com/static/wyw-content/widget/common/js/logic/signin-task/signin/img/day-diamond.d949a07.png);background-position:center center;background-size:contain;margin:8px auto 5px;animation:shake .8s linear 1s}.signin-container .signin-content .week-box li.day-7.day-7-finish{background:#FFCB25}.signin-container .signin-content .week-box li.day-7.day-7-finish .diamond-box{width:42px;height:38px;background-image:url(https://iknow-zhidao.bdimg.com/static/wyw-content/widget/common/js/logic/signin-task/signin/img/day-diamond-open.34e7297.png);animation:none}.signin-container .signin-content .week-box li.day-7.day-7-finish .day,.signin-container .signin-content .week-box li.day-7.day-7-finish .add{color:#fff}.signin-container .signin-content .week-box li.day-7 .day-7-tip{position:absolute;top:-33px;right:-13px;display:inline-block;box-sizing:border-box;height:30px;padding:0 10px;background:linear-gradient(to right,#fe576f,#fc2c3c);background:-ms-linear-gradient(to right,#fe576f,#fc2c3c);box-shadow:0 2px 8px 0 rgba(251,66,97,.31);border-radius:18px;font-family:PingFangSC-Semibold;font-size:14px;color:#FFF;text-align:right;line-height:30px;white-space:nowrap}.signin-container .signin-content .week-box li.day-7 .day-7-tip.alldone{right:-25px}.signin-container .signin-content .week-box li.day-7 .day-7-tip .jt-icon{position:absolute;left:50%;top:30px;margin-left:-5px;display:inline-block;width:10px;height:5px;background:url(https://iknow-zhidao.bdimg.com/static/wyw-content/widget/common/js/logic/signin-task/signin/img/tip-bjt.9b1405a.png) no-repeat;background-size:contain}@keyframes shake{0%{transform:translateX(0px)}20%{transform:translateX(3px)}40%{transform:translateX(-3px)}60%{transform:translateX(3px)}80%{transform:translateX(-3px)}100%{transform:translateX(0)}}.signin-container.tasklist-signin-container{background:#fff;border-radius:10px;padding:20px;margin:0 0 10px}.signin-container.tasklist-signin-container .signin-head .title{padding:4px 0;font-size:20px;line-height:20px}.signin-container.tasklist-signin-container .signin-head .title .tasklist-rule-icon{position:relative;display:inline-block;width:20px;height:20px;background:url(https://iknow-zhidao.bdimg.com/static/wyw-content/widget/common/js/logic/signin-task/signin/img/rule-icon.3703a4e.png) no-repeat;background-size:contain;margin-left:4px;vertical-align:top;cursor:pointer}.signin-container.tasklist-signin-container .signin-head .title .tasklist-rule-icon .tasklist-rule-box{display:none;position:absolute;top:28px;left:-123px;z-index:999}.signin-container.tasklist-signin-container .signin-head .title .tasklist-rule-icon .tasklist-rule-box .triangle{background:url(https://iknow-zhidao.bdimg.com/static/wyw-content/widget/common/js/logic/signin-task/signin/img/triangle.d7d94cb.png) no-repeat;background-size:cover;width:26px;height:8px;position:absolute;left:119px;top:-8px}.signin-container.tasklist-signin-container .signin-head .title .tasklist-rule-icon .tasklist-rule-box .tasklist-rule-content{width:244px;background:rgba(0,0,0,.7);box-shadow:0 0 20px 0 rgba(0,0,0,.2);border-radius:10px;padding:14px 10px 20px}.signin-container.tasklist-signin-container .signin-head .title .tasklist-rule-icon .tasklist-rule-box .tasklist-rule-content .rule-content .tasklist-rule-title{position:relative;height:20px;padding-left:6px;line-height:20px;font-weight:500;font-family:PingFangSC-Semibold;font-size:14px;color:#FFF}.signin-container.tasklist-signin-container .signin-head .title .tasklist-rule-icon .tasklist-rule-box .tasklist-rule-content .rule-content .tasklist-rule-title i.title-style{position:absolute;left:0;top:3px;display:inline-block;width:2px;height:14px;background:#FFB81D;border-radius:1px}.signin-container.tasklist-signin-container .signin-head .title .tasklist-rule-icon .tasklist-rule-box .tasklist-rule-content .rule-content .rule-list{margin:5px auto 6px}.signin-container.tasklist-signin-container .signin-head .title .tasklist-rule-icon .tasklist-rule-box .tasklist-rule-content .rule-content .rule-list .rule-item{line-height:16px;font-family:PingFangSC-Regular;font-size:12px;color:#FFF}.signin-container.tasklist-signin-container .signin-head .title .tasklist-rule-icon .tasklist-rule-box .tasklist-rule-content .tasklist-close-btn{margin-top:16px;line-height:14px;text-align:right;cursor:pointer;font-family:PingFangSC-Semibold;font-size:14px;color:#FFBC00}.signin-container.tasklist-signin-container .signin-head .desc{margin:4px 0 0;font-size:12px;line-height:17px}.signin-container.tasklist-signin-container .signin-head .signin-head-btn{top:10px;height:30px;min-width:96px;padding:0;line-height:30px;font-size:14px}.signin-container.tasklist-signin-container .signin-content{margin:24px 0 0}.signin-container.tasklist-signin-container .signin-content .week-box{width:336px;height:60px}.signin-container.tasklist-signin-container .signin-content .week-box li{width:42px;height:66px;border-radius:8px;margin-right:7px;padding:6px 0 0}.signin-container.tasklist-signin-container .signin-content .week-box li:last-child{margin-right:0}.signin-container.tasklist-signin-container .signin-content .week-box li .day{font-size:10px;line-height:10px}.signin-container.tasklist-signin-container .signin-content .week-box li .icon-wealth{margin:4px auto 2px;width:24px;height:24px}.signin-container.tasklist-signin-container .signin-content .week-box li .add{font-size:10px}.signin-container.tasklist-signin-container .signin-content .week-box li.on{padding:6px 0 0;background:#FFCB25}.signin-container.tasklist-signin-container .signin-content .week-box li.on .day{color:#fff}.signin-container.tasklist-signin-container .signin-content .week-box li.on .icon-wealth{width:23px;height:24px;margin:3px auto 4px}.signin-container.tasklist-signin-container .signin-content .week-box li.day-7{position:relative}.signin-container.tasklist-signin-container .signin-content .week-box li.day-7 .diamond-box{width:25px;height:22px;margin:5px auto 3px}.signin-container.tasklist-signin-container .signin-content .week-box li.day-7.day-7-finish .diamond-box{width:25px;height:22px}.signin-container.tasklist-signin-container .signin-content .week-box li.day-7 .day-7-tip{position:absolute;top:-22px;right:-20px;height:20px;padding:5px 6px 7px;background-size:100% 20px;border-radius:10px;font-size:8px;line-height:9px}.signin-container.tasklist-signin-container .signin-content .week-box li.day-7 .day-7-tip .jt-icon{position:absolute;left:50%;top:12px;margin-left:-12px;display:inline-block;width:24px;height:20px;background:url(https://iknow-zhidao.bdimg.com/static/wyw-content/widget/common/js/logic/signin-task/signin/img/tip-ljt.7785fcb.png) no-repeat;background-size:contain}