.activitySigninContainer{--sheetMarginT:40px;--sheetMaxW:1000px;--sheetBoxBorder:none;--sheetBoxRadius:20px;--sheetBoxShadow:0 0 2rem rgba(0,0,0,.5);--sheetBoxPadding:3rem 4rem;--sheetBoxBg:#fff;--listItemNum:7;--itemGutter:6px;--itemMb:calc(var(--itemGutter)*2);--itemBorderWidth:1px;--itemBorderStyle:solid;--itemBorderColor:#969696;--itemBorderRadius:4px;--itemPadding:0 0 .5rem;--itemBg:#dfdfdf;--itemNumPaddingY:.25rem;--itemNumPaddingX:.5rem;--itemNumBg:var(--itemBorderColor);--itemNumFontSize:1rem;--itemNumcolor:#fff;--itemImgPadding:.75rem 1rem;--itemImgMaxW:60px;--itemNameFontSize:1.125rem;--itemNamecolor:#646464;--itemStampBg:rgba(0,0,0,.6);--itemStampImgSize:80px;--itemStampImgRotate:-18deg;--sheetBtnWidth:100%;--sheetBtnMaxW:250px;--sheetBtnMargin:60px auto 0;--sheetBtnPadding:.5rem 1rem;--sheetBtnBorderStyle:solid;--sheetBtnBorderW:2px;--sheetBtnBorderColor:#646464;--sheetBtnBorderR:10px;--sheetBtnBg:#b9b9b9;--sheetBtnFontSize:1.125rem;--sheetBtnColor:#646464;--sheetBtnHoverBorderColor:#646464;--sheetBtnHoverBg:#646464;--sheetBtnHoverColor:#fff;--sheetBtnHoverOpacity:1;--sheetBtnDisableBorderColor:#969696;--sheetBtnDisableBg:#f5f5f5;--sheetBtnDisableColor:#969696;--sheetBtnDisableOpacity:.5}.activitySigninContainer .container{margin:0 auto;max-width:var(--desktop-width)}.activitySigninContainer .maxWidth{margin:0 auto;max-width:var(--sheetMaxW)}.activitySigninContainer .signinSheetBox{background:var(--sheetBoxBg);border:var(--sheetBoxBorder);border-radius:var(--sheetBoxRadius);box-shadow:var(--sheetBoxShadow);margin-top:var(--sheetMarginT);padding:var(--sheetBoxPadding)}.activitySigninContainer .sheetList ul{display:flex;flex-wrap:wrap;margin:0 calc(var(--itemGutter)*-1) calc(var(--itemMb)*-1)}.activitySigninContainer .sheetList li{margin-bottom:var(--itemMb);padding:0 var(--itemGutter);width:calc(100%/var(--listItemNum))}.activitySigninContainer .sheetList .item{background:var(--itemBg);border:var(--itemBorderWidth) var(--itemBorderStyle) var(--itemBorderColor);border-radius:var(--itemBorderRadius);padding:var(--itemPadding);position:relative}.activitySigninContainer .sheetList .item:not(.stamped) .stampBox{opacity:0}.activitySigninContainer .sheetList .item:not(.stamped) .stampBox .stampImg img{opacity:1;transform:rotate(0) scale(1.5);transition-delay:.4s}.activitySigninContainer .sheetList .item .num{background:var(--itemNumBg);color:var(--itemNumcolor);font-size:var(--itemNumFontSize);font-weight:700;line-height:1em;padding:var(--itemNumPaddingY) var(--itemNumPaddingX);text-align:center;width:100%}.activitySigninContainer .sheetList .item .img{padding:var(--itemImgPadding)}.activitySigninContainer .sheetList .item .img img{display:block;margin:0 auto;max-width:var(--itemImgMaxW)}.activitySigninContainer .sheetList .item .name{color:var(--itemNamecolor);font-size:var(--itemNameFontSize);font-weight:bolder;padding:0 .5rem;text-align:center}.activitySigninContainer .sheetList .item .stampBox{background:var(--itemStampBg);height:100%;left:0;position:absolute;top:0;transition:all .4s;width:100%}.activitySigninContainer .sheetList .item .stampBox .stampImg{height:var(--itemStampImgSize);left:50%;position:absolute;top:calc(50% + var(--itemNumPaddingY) + var(--itemNumFontSize)/2);transform:translate(-50%,-50%);width:var(--itemStampImgSize)}.activitySigninContainer .sheetList .item .stampBox .stampImg img{-o-object-fit:contain;object-fit:contain;opacity:1;transform:rotate(var(--itemStampImgRotate)) scale(1);transition:all .4s cubic-bezier(.6,.04,.98,.335)}.activitySigninContainer .sheetBtn{display:block;font-weight:700;margin:var(--sheetBtnMargin);text-align:center;transition:all .4s;width:var(--sheetBtnWidth)}.activitySigninContainer .sheetBtn:not(:disabled):hover{opacity:var(--sheetBtnHoverOpacity)}.activitySigninContainer .sheetBtn:disabled{cursor:no-drop;opacity:var(--sheetBtnDisableOpacity)!important}.mobile .activitySigninContainer{--sheetMarginT:12vw;--articleContentLh:1.2rem;--articleContentMt:1rem;--articleTextSpace:.5rem;--sheetBoxShadow:0 0 1.2rem rgba(0,0,0,.2);--sheetBoxPadding:10vw 5vw;--itemGutter:4px;--sheetBtnMargin:40px auto 0;--sheetBtnHoverOpacity:1}@media only screen and (width <= 991px){.mobile .activitySigninContainer{--listItemNum:5}}@media only screen and (width <= 767px){.mobile .activitySigninContainer{--listItemNum:4}}@media only screen and (width <= 575px){.mobile .activitySigninContainer{--listItemNum:3}}.mobile .activitySigninContainer .sheetBtn{bottom:120px}