body {width: 100%; background-color: #141d26;}
.wrap {width: 100%; height: 23.2rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/assist-bg.jpg)no-repeat; background-size: 100% auto; overflow: hidden;}

.no-login { display: block; font-size: 0.2rem; font-weight: bold; position: absolute; left: 0.2rem;  top:-0.3rem; color: #c4c2c1;}
.no-login a{ font-size: 0.2rem; display: inline; color: #d57909; border-bottom: 1px solid #d57909;}
.is-login { display: none; position: absolute; left: 0.2rem;  top: -0.3rem;  font-size: 0.2rem; color: #c4c2c1;}
#userName { display: inline-block; max-width: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom;}
.is-login .bind-txt { color:#d57909}

/* 海报 */
.header-container { height: 8.69rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/header-AssistBg.png)no-repeat; background-size: contain; margin-top: 0.9rem;position: relative;}
.header-container .describe-1 { width: 2.6rem; height: 0.5rem; font-size: 0.25rem; color: #c4c2c1; position: absolute; left: 0.25rem; top: 0.05rem; text-align: center; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/quote2.png)no-repeat; background-size: contain;}
.header-container .describe-2 {  font-size: 0.2rem; color: #c4c2c1; position: absolute; left: 0.4rem; top: 0.75rem; text-align: center;}
/* 活动时间 */
.header-container .time { width: 1.8rem; height: 0.35rem; color: #c4c2c1; position: absolute; left: 1.03rem; top: 4.86rem; font-size: 0.3rem; font-weight: bold;}
.header-container .time::before { content: ""; position: absolute; left: -0.4rem; width: 0.29rem; top: 50%; transform: translateY(-50%); height: 0.27rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/z.png) no-repeat; background-size: contain;}
/* 活动slogan */
.header-container .act-title { width: 6.49rem; height: 1.71rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/title.png)no-repeat; background-size: contain; position: absolute; top: 5.35rem; left: 50%; transform: translateX(-50%);}
.start-game { width: 2.5rem; height: 0.7rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/sure.png)no-repeat; background-size: contain; position: absolute; left: 50%; transform: translateX(-50%); top: 7.3rem; color: #000; font-weight: 600; font-size: 0.25rem;}
.start-game .triangle {  width: 0; height: 0; border-left: 0.1rem solid #000; border-right: 0.1rem solid transparent; border-top: 0.08rem solid transparent; border-bottom: 0.08rem solid transparent; margin-left: 0.15rem;}

/* 点赞main */
.assist-container { width: 7.5rem; height: 8.85rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/agree-bg.png)no-repeat; background-size: contain; margin: 0rem auto 0 auto; position: relative;}
.assist-container .agree-for { width: 2.03rem; height: 0.5rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/quote3.png)no-repeat; background-size: contain; color: #c4c2c1; font-size: 0.25rem;position: absolute; left: 0.25rem; top: 0.65rem;}
.assist-container .sub-title { font-size: 0.2rem; color: #c4c2c1; position: absolute; left: 0.56rem; top: 1.51rem;}
.assist-container .agree-title { font-size: 0.3rem; color: #c4c2c1; font-weight: 600; top: 5.8rem; }
.assist-container .agree-title::after {content:""; position: absolute; width: 4.15rem; height: 0.08rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/agree-icon.png)no-repeat; background-size: contain; left: -1.35rem; top: 50%; transform: translateY(-50%);}
.assist-container .btn-list{ width: 100%; position: absolute; top: 6.5rem;}
.assist-container .btn-list li a{ width: 3rem; height: 0.6rem; color: #000; font-size: 0.25rem; font-weight:550; text-align: center; line-height: 0.6rem;}
.assist-container .btn-list .item1 .agree{ background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/agree-btn.png)no-repeat; background-size: contain; margin-right: 0.3rem;}
.assist-container .btn-list .item1 .agreed{ display: none; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/agreed-btn.png)no-repeat; background-size: contain; margin-right: 0.3rem;}
.assist-container .btn-list .item2 a{ background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/create-id-btn.png)no-repeat; background-size: contain;padding-left: 0.5rem;}
.assist-container .btn-list .item2 a i {  width: 0; height: 0; border-left: 0.1rem solid #212223; border-right: 0.1rem solid transparent; border-top: 0.1rem solid transparent; border-bottom: 0.1rem solid transparent;margin: 0 0.3rem 0 0.1rem; }

/* 弹窗 */
.s-tips { width: 100%; height: 100%; font-size: 0.25rem; font-weight: 600;position: relative;}
.agree-success, .didn-agree { width: 5.1rem; height: 1.18rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/layer-s.png)no-repeat; background-size: contain;}
.click-success::after {content: ""; position: absolute; width: 3.32rem; height: 0.08rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/click-successful-icon.png)no-repeat; background-size: contain;}
.didn-agree::after {content: "";position:absolute;left:51%;top:50%;transform:translate(-50%,-50%);width: 2.19rem; height: 0.08rem; background: url(//game.gtimg.cn/images/aqtw/act/a20240905agreem/upper-limit-icon.png)no-repeat; background-size: contain; }