.banner{width:100%;height:450px;padding-bottom:20px;background-size:cover;}.banner img{pointer-events:none;z-index:1;display:inline-block;width:1920px;height:450px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.banner .banner-inner{right:0;width:100%;z-index:2}.banner .banner-inner .banner-inner-box .banner-title-wrap{color:#fff;margin-top:44px}.banner .banner-inner .banner-inner-box .banner-title-wrap .banner-title{font-size:14px;line-height:26px}.banner .banner-inner .banner-inner-box .banner-title-wrap .banner-title-large{color:#fffa00;font-size:48px;line-height:48px;font-weight:600}.act-invite-box{padding:32px 20px;background-color:var(--zp-bg);position:relative}.act-invite-box .act-rule-tag{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:0;top:5px;font-size:14px;width:88px;height:24px;background-image:url(../images/rule-btn.png.webp);background-position:0 0;background-size:100% auto;background-repeat:no-repeat;border-radius:100px 0 0 100px}.act-invite-box .act-rule-tag a{color:#fff}.act-invite-box .act-step{border-radius:5px;height:46px;margin:20px auto}.act-invite-box .act-step .step-wrap{font-size:12px}.act-invite-box .act-step .step-content{color:#666}.act-invite-box .act-step>div{width:33%;height:46px;display:inline-block;padding:0 2px 0 10px}.act-invite-box .act-step>div .number-span{font-weight:700;font-family:DINAlternate-Bold,sans-serif;font-size:12px;color:#bbb;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:4px}.act-invite-box .act-step>:not(:first-of-type){padding:0 3px 0 30px;width:33%}.act-invite-box .act-step>:nth-of-type(2){width:33%;position:relative}.act-invite-box .act-step>div:nth-of-type(2) div.content{margin-left:30px}.act-invite-box .act-step>:nth-of-type(2):before{right:-16px}.act-invite-box .act-step>:nth-of-type(2):after,.act-invite-box .act-step>:nth-of-type(2):before{content:"";width:32px;height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;border:6px solid var(--is-rgb);position:absolute;top:8px;-webkit-transform:rotate(45deg) skew(10deg,10deg);transform:rotate(45deg) skew(10deg,10deg);border-left:none;border-bottom:none}.act-invite-box .act-step>:nth-of-type(2):after{left:-20px}.act-invite-box .act-step>div:nth-of-type(2) div.content{margin-left:28px}.label-size{font-size:12px}.invite_list{font-size:14px;color:#333}.invite_list ul{margin:0;padding:0;list-style:none}.invite_list li{position:relative;line-height:32px;counter-increment:item}.invite_my_title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:32px;font-weight:600;color:#333}.invite_my_title .sub-title-line{width:40px;height:2px;background-color:var(--is-element)}#qrcode img{position:relative;width:120px;height:120px}.z-pd{justify-content:space-between;padding-top:20px}@media only screen and (max-width:700px){.banner .banner-inner{top:30px}.banner-title-large{font-size:32px!important;line-height:32px!important;text-align:center}.banner-title-wrap{margin-top:20px!important}.banner-title{text-align:center}.act-invite-box{padding:10px 10px}.label-width{width:auto}.z-pd{justify-content:space-around;padding-top:10px;padding-bottom:10px}.act-invite-box .act-step{margin:0 auto}}.user-invited{padding: 5px 0;margin:0;}.label-width{min-width:300px};