.invite {width: 100%; height: 13.34rem; background: url(../img/invite_bg.jpg) no-repeat 0 0/cover;}
        header {height: 7.82rem; position: relative;}
      /*header h1 {height: 1.07rem; text-indent: -99999rem;}
      header h2 {text-indent: -99999rem;}
      .header-btn {width: 100%; display: flex; justify-content: flex-end; align-items: flex-start; box-sizing: border-box; padding-right: 0.1rem;}
      .share-btn,.join-btn {display: block; width: 0.44rem; height: 0.43rem; overflow: hidden; text-indent: -9999rem; margin-right: 0.26rem}
      .join-btn {background-position: -0.52rem 0;}
      .login {position: absolute; top: 0.66rem; padding-left: 0.3rem; width: 65%; font-size: 0.22rem; color: #fff;}
      .login a {color: #fff; text-decoration: underline; margin-left: 0.05rem;} */
      .act-tips {width: 4.85rem; height: 1.23rem; padding: 0 0.4rem 0 0.28rem; box-sizing: border-box; position: absolute; left: 0.93rem; bottom:0.48rem; font-size: 0.24rem; font-weight: bold; line-height: 1.3; color: #ffffff; background-position: 0 -3.56rem; display: flex; align-items: center;}
      .act-tips span {color: #f06834;}
      .content {position: relative;}
      .invite-role {width: 2.05rem; height: 2.05rem; margin: 0 0 0 2.76rem; background: #fff;}
      .invite-role img{width: 2.05rem; height: 2.05rem;}
      a.rule-btn {position: absolute; top: 0.48rem; left: 0.39rem; color: #feffff; text-decoration: underline;text-underline-offset: 0.06rem; font-size: 0.18rem;}
      .help-btn {display: flex; justify-content: center; align-items: center; margin: 0.36rem auto 0; width: 3.31rem; height: 0.78rem; box-sizing: border-box; padding-bottom: 0.03rem; color: #e0ddd0; font-weight: bold; font-size: 0.3rem; background-position: 0 -2.75rem;text-align: center;}
      .help-tips {text-align: center; width: 100%; font-size: 0.18rem; color: #e4e2dd; position: relative;}
      .help-tips span {text-decoration: underline;text-underline-offset: 0.04rem;padding: 0 0.05rem;}

      
      /* 英 */
.EN .invite {background-image: url(../img/en/invite_bg.jpg);}

/* 西班牙 */
.ES .invite {background-image: url(../img/es/invite_bg.jpg);}

/* 日本 */
.JA {font-family: 'font_nsjp';}
.JA .invite {background-image: url(../img/ja/invite_bg.jpg);}



/* 葡萄牙 */
.PT .invite {background-image: url(../img/pt/invite_bg.jpg);}
/*.PT .act-tips {line-height: 1.2;}*/
/* 印尼 */
.ID .invite {background-image: url(../img/id/invite_bg.jpg);}
/*.ID .act-tips {line-height: 1.2;}*/
/* 土耳其 */
.TR .invite {background-image: url(../img/tr/invite_bg.jpg);}
/*.TR .act-tips {line-height: 1.2;}*/
/* 俄 */
.RU .invite {background-image: url(../img/ru/invite_bg.jpg);}
/*.RU .act-tips {line-height: 1.2;}*/
/* 泰国 */
.TH .invite {background-image: url(../img/th/invite_bg.jpg);}
.TH .act-tips {line-height: 1.1;}
/* 韩国 */
.KO .invite {background-image: url(../img/ko/invite_bg.jpg);}
/* 香港 */
.zh-HK .invite {background-image: url(../img/zh-hk/invite_bg.jpg);}
/* 台湾 */
.zh-TW .invite {background-image: url(../img/zh-tw/invite_bg.jpg);}
/* 阿拉 */
.AR .invite {background-image: url(../img/ar/invite_bg.jpg);}
.AR .act-tips {font-size: 0.22rem;}
/* 德国 */
.DE .invite {background-image: url(../img/de/invite_bg.jpg);}
/* 意大利 */
.IT .invite {background-image: url(../img/it/invite_bg.jpg);}
.IT .act-tips {line-height: 1.2;}
/* 法国 */
.FR .invite {background-image: url(../img/fr/invite_bg.jpg);}
.FR .act-tips {line-height: 1.1;}
.FR .help-btn {line-height: 1;}