新增靓号申请

view/molistar/modules/superId/css/index.css

@@ -0,0 +1,274 @@
+html,
+body {
+  width: 100%;
+  background: #1F0E0B;
+}
+
+.back {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: fixed;
+  left: 0;
+  top: 0.86667rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 0rem;
+}
+
+.header {
+  width: 10rem;
+  height: 11.33333rem;
+  position: relative;
+  margin: 0 auto -1.6rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.header .rule_icon {
+  position: absolute;
+  width: 1.46667rem;
+  height: 0.72rem;
+  line-height: 0.72rem;
+  text-align: center;
+  color: #433402;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  right: 0;
+  top: 6.34667rem;
+  background: url(../images/rule_icon.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.tetxBox {
+  width: 10rem;
+  height: 2.54667rem;
+  text-align: center;
+  color: #FFDC97;
+  font-size: 0.4rem;
+  font-weight: 400;
+  box-sizing: border-box;
+  padding: 0.8rem 1.65333rem;
+  background: url(../images/textBox.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.32rem;
+  position: relative;
+}
+
+.my {
+  width: 10rem;
+  height: 7.57333rem;
+  background: url(../images/myBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.33333rem;
+  position: relative;
+}
+
+.my .title {
+  width: 6.98667rem;
+  height: 1.09333rem;
+  line-height: 1.09333rem;
+  background: url(../images/titleBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.33333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.36rem;
+  text-align: center;
+  color: #FFDC97;
+  font-size: 0.42667rem;
+  font-weight: 600;
+}
+
+.my .sid {
+  width: 4.22667rem;
+  height: 0.90667rem;
+  line-height: 0.90667rem;
+  background: #180600;
+  border-radius: 0.90667rem;
+  border: 0.02667rem solid #FFDC97;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.94667rem;
+  color: #FFDC97;
+  text-align: center;
+  font-size: 0.45333rem;
+  font-weight: 500;
+}
+
+.my .ts {
+  width: 1.89333rem;
+  height: 1.89333rem;
+  position: absolute;
+  top: 3.33333rem;
+  left: 2.12rem;
+  z-index: 2;
+}
+
+.my .tx {
+  width: 1.65333rem;
+  height: 1.65333rem;
+  position: absolute;
+  left: 2.24rem;
+  top: 3.45333rem;
+  border-radius: 50%;
+}
+
+.my .name {
+  width: 4.66667rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #FFDC97;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  position: absolute;
+  left: 4.38667rem;
+  top: 3.8rem;
+}
+
+.my .score {
+  position: absolute;
+  left: 4.38667rem;
+  top: 4.53333rem;
+  color: #FFDC97;
+  font-size: 0.34667rem;
+  font-weight: 400;
+}
+
+.my .text {
+  width: 6.66667rem;
+  text-align: center;
+  font-size: 0.34667rem;
+  color: #FFDC97;
+  font-weight: 400;
+  opacity: .6;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 1.52rem;
+}
+
+.sidBox {
+  width: 10rem;
+  height: 7.57333rem;
+  background: url(../images/numBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 1.28rem;
+  position: relative;
+  box-sizing: border-box;
+  padding-top: 1.92rem;
+}
+
+.sidBox .title {
+  width: 6.98667rem;
+  height: 1.09333rem;
+  line-height: 1.09333rem;
+  background: url(../images/titleBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.33333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.36rem;
+  text-align: center;
+  color: #FFDC97;
+  font-size: 0.42667rem;
+  font-weight: 600;
+}
+
+.sidBox .text {
+  width: 100%;
+  text-align: center;
+  color: #FFDC97;
+  font-size: 0.34667rem;
+  font-weight: 400;
+  margin-bottom: 0.4rem;
+}
+
+.sidBox .numBox {
+  width: 7.5rem;
+  height: 3.06667rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0 auto 0.49333rem;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.sidBox .numBox div {
+  width: 1.25333rem;
+  height: 1.25333rem;
+  line-height: 1.25333rem;
+  text-align: center;
+  color: #332200;
+  font-size: 0.50667rem;
+  font-weight: 600;
+  background: url(../images/num.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.sidBox .numBox .act {
+  background: url(../images/numAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.sidBox .but {
+  width: 4rem;
+  height: 0.93333rem;
+  line-height: 0.93333rem;
+  text-align: center;
+  color: #471708;
+  font-size: 0.4rem;
+  font-weight: 600;
+  margin: 0 auto;
+  background: url(../images/btn.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.sidBox .butAct {
+  background: url(../images/butAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.english .header {
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .header {
+  background: url(../images/header-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .my .name {
+  right: 4.38667rem;
+  left: auto;
+}
+
+.arabic .my .ts {
+  left: auto;
+  right: 2.12rem;
+}
+
+.arabic .my .tx {
+  left: auto;
+  right: 2.24rem;
+}
+
+.arabic .my .score {
+  left: auto;
+  right: 4.38667rem;
+}

view/molistar/modules/superId/css/index.scss

@@ -0,0 +1,282 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #1F0E0B;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(44);
+    line-height: px2rem(44);
+    position: fixed;
+    left: 0;
+    top: px2rem(65);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(0);
+    }
+}
+
+.header {
+    width: px2rem(750);
+    height: px2rem(850);
+    position: relative;
+    margin: 0 auto px2rem(-120);
+    background: url(../images/header.png) no-repeat;
+    background-size: 100% 100%;
+
+    .rule_icon {
+        position: absolute;
+        width: px2rem(110);
+        height: px2rem(54);
+        line-height: px2rem(54);
+        text-align: center;
+        color: #433402;
+        font-size: px2rem(28);
+        font-weight: 500;
+        right: 0;
+        top: px2rem(476);
+        background: url(../images/rule_icon.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.tetxBox {
+    width: px2rem(750);
+    height: px2rem(191);
+    text-align: center;
+    color: #FFDC97;
+    font-size: px2rem(30);
+    font-weight: 400;
+    box-sizing: border-box;
+    padding: px2rem(60) px2rem(124);
+    background: url(../images/textBox.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(24);
+    position: relative;
+}
+
+.my {
+    width: px2rem(750);
+    height: px2rem(568);
+    background: url(../images/myBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(25);
+    position: relative;
+
+    .title {
+        width: px2rem(524);
+        height: px2rem(82);
+        line-height: px2rem(82);
+        background: url(../images/titleBg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto px2rem(25);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(27);
+        text-align: center;
+        color: #FFDC97;
+        font-size: px2rem(32);
+        font-weight: 600;
+    }
+
+    .sid {
+        width: px2rem(317);
+        height: px2rem(68);
+        line-height: px2rem(68);
+        background: #180600;
+        border-radius: px2rem(68);
+        border: px2rem(2) solid #FFDC97;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(146);
+        color: #FFDC97;
+        text-align: center;
+        font-size: px2rem(34);
+        font-weight: 500;
+    }
+
+    .ts {
+        width: px2rem(142);
+        height: px2rem(142);
+        position: absolute;
+        top: px2rem(250);
+        left: px2rem(159);
+        z-index: 2;
+    }
+
+    .tx {
+        width: px2rem(124);
+        height: px2rem(124);
+        position: absolute;
+        left: px2rem(168);
+        top: px2rem(259);
+        border-radius: 50%;
+    }
+
+    .name {
+        width: 4.66667rem;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        color: #FFDC97;
+        font-size: px2rem(28);
+        font-weight: 500;
+        position: absolute;
+        left: px2rem(329);
+        top: px2rem(285);
+    }
+
+    .score {
+        position: absolute;
+        left: px2rem(329);
+        top: px2rem(340);
+        color: #FFDC97;
+        font-size: px2rem(26);
+        font-weight: 400;
+    }
+
+    .text {
+        width: px2rem(500);
+        text-align: center;
+        font-size: px2rem(26);
+        color: #FFDC97;
+        font-weight: 400;
+        opacity: .6;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        bottom: px2rem(114);
+    }
+}
+
+.sidBox {
+    width: px2rem(750);
+    height: px2rem(568);
+    background: url(../images/numBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(96);
+    position: relative;
+    box-sizing: border-box;
+    padding-top: px2rem(144);
+
+    .title {
+        width: px2rem(524);
+        height: px2rem(82);
+        line-height: px2rem(82);
+        background: url(../images/titleBg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto px2rem(25);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(27);
+        text-align: center;
+        color: #FFDC97;
+        font-size: px2rem(32);
+        font-weight: 600;
+    }
+
+    .text {
+        width: 100%;
+        text-align: center;
+        color: #FFDC97;
+        font-size: px2rem(26);
+        font-weight: 400;
+        margin-bottom: px2rem(30);
+    }
+
+    .numBox {
+        width: 7.5rem;
+        height: px2rem(230);
+        display: flex;
+        justify-content: space-between;
+        margin: 0 auto px2rem(37);
+        flex-direction: row;
+        flex-wrap: wrap;
+
+        div {
+            width: px2rem(94);
+            height: px2rem(94);
+            line-height: px2rem(94);
+            text-align: center;
+            color: #332200;
+            font-size: px2rem(38);
+            font-weight: 600;
+            background: url(../images/num.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .act {
+            background: url(../images/numAct.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+
+    .but {
+        width: px2rem(300);
+        height: px2rem(70);
+        line-height: px2rem(70);
+        text-align: center;
+        color: #471708;
+        font-size: px2rem(30);
+        font-weight: 600;
+        margin: 0 auto;
+        background: url(../images/btn.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .butAct {
+        background: url(../images/butAct.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.english {
+    .header {
+        background: url(../images/header.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.arabic {
+    .header {
+        background: url(../images/header-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .my .name {
+        right: 4.38667rem;
+        left: auto;
+    }
+
+    .my .ts {
+        left: auto;
+        right: 2.12rem;
+    }
+
+    .my .tx {
+        left: auto;
+        right: 2.24rem;
+    }
+
+    .my .score {
+        left: auto;
+        right: 4.38667rem;
+    }
+}

view/molistar/modules/superId/css/rule.css

@@ -0,0 +1,66 @@
+html,
+body {
+  width: 100%;
+  height: 21.65333rem;
+  background-color: #1F0E0B;
+  background-image: url(../images/ruleBg.png);
+  background-size: 100% 21.65333rem;
+  background-repeat: no-repeat;
+}
+
+.back {
+  width: 100%;
+  height: 2.37333rem;
+  background: url(../images/backTop.png) no-repeat;
+  background-size: 100% 100%;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1.37333rem;
+}
+
+.back b {
+  display: block;
+  height: 100%;
+  text-align: center;
+  color: #FFDC97;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  margin-top: 1.37333rem;
+}
+
+.ruleImg {
+  width: 9.2rem;
+  height: 24.18667rem;
+  display: block;
+  margin: 2.37333rem auto 0.66667rem;
+}
+
+.ruleTitle {
+  width: 9.2rem;
+  margin: 0 auto 0.45333rem;
+  color: #FFDC97;
+  font-size: 0.4rem;
+  font-weight: 600;
+}
+
+p {
+  width: 9.2rem;
+  margin: 0 auto 0.13333rem;
+  color: #FFDC97;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  line-height: 0.5rem;
+}

view/molistar/modules/superId/css/rule.scss

@@ -0,0 +1,70 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1624);
+    background-color: #1F0E0B;
+    background-image: url(../images/ruleBg.png);
+    background-size: 100% px2rem(1624);
+    background-repeat: no-repeat;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(178);
+    background: url(../images/backTop.png) no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(103);
+    }
+
+    b {
+        display: block;
+        height: 100%;
+        text-align: center;
+        color: #FFDC97;
+        font-size: px2rem(32);
+        font-weight: 600;
+        margin-top: px2rem(103);
+    }
+}
+
+.ruleImg {
+    width: px2rem(690);
+    height: px2rem(1814);
+    display: block;
+    margin: px2rem(178) auto px2rem(50);
+}
+
+.ruleTitle {
+    width: px2rem(690);
+    margin: 0 auto px2rem(34);
+    color: #FFDC97;
+    font-size: px2rem(30);
+    font-weight: 600;
+}
+
+p {
+    width: px2rem(690);
+    margin: 0 auto px2rem(10);
+    color: #FFDC97;
+    font-size: px2rem(28);
+    font-weight: 400;
+    line-height: 0.5rem;
+}

view/molistar/modules/superId/css/select.css

@@ -0,0 +1,163 @@
+html,
+body {
+  width: 100%;
+  height: 21.65333rem;
+  background-color: #1F0E0B;
+  background-image: url(../images/ruleBg.png);
+  background-size: 100% 21.65333rem;
+  background-repeat: no-repeat;
+  overflow: hidden;
+}
+
+.back {
+  width: 100%;
+  height: 2.37333rem;
+  background: url(../images/backTop.png) no-repeat;
+  background-size: 100% 100%;
+  position: fixed;
+  left: 0;
+  top: 0rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+  box-sizing: border-box;
+  padding-top: 2.37333rem;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 1.37333rem;
+  z-index: 2;
+}
+
+.back b {
+  display: block;
+  width: 100%;
+  text-align: center;
+  color: #FFDC97;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  position: absolute;
+  left: 0rem;
+  top: 1.37333rem;
+}
+
+.null {
+  display: none;
+}
+
+.null .box {
+  width: 1.76rem;
+  height: 1.53333rem;
+  display: block;
+  margin: 5.94667rem auto 0.52rem;
+}
+
+.null p {
+  width: 100%;
+  text-align: center;
+  color: #FFDC97;
+  font-size: 0.37333rem;
+  opacity: 0.6;
+  font-weight: 400;
+  margin: 0 auto 9.12rem;
+}
+
+.data {
+  width: 100%;
+  height: 16.46667rem;
+  box-sizing: border-box;
+  padding: 2.88rem 0.4rem 0;
+  overflow-y: scroll;
+}
+
+.data::-webkit-scrollbar {
+  display: none;
+}
+
+.data .box {
+  width: 100%;
+  height: 0.94667rem;
+  line-height: 0.94667rem;
+  float: left;
+  overflow: hidden;
+  margin-bottom: 0.6rem;
+}
+
+.data .box img {
+  display: inline-block;
+  height: 0.48rem;
+  width: 0.48rem;
+  margin-top: 0.22667rem;
+}
+
+.data .box b {
+  display: inline-block;
+  color: #FFFFFF;
+  font-size: 0.61333rem;
+  font-weight: 500;
+  margin: 0 0.33333rem;
+}
+
+.data .box b .highlight {
+  color: #FFDC97;
+  font-size: 0.61333rem;
+  font-weight: 500;
+}
+
+.data .box b strong {
+  display: inline-block;
+}
+
+.data .box .mp {
+  display: inline-block;
+  width: 3.12rem;
+  height: 0.94667rem;
+  line-height: 0.97333rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.48rem;
+  font-weight: 500;
+  background: url(../images/mp.png) no-repeat;
+  background-size: 100% 100%;
+  text-indent: 0.7rem;
+  display: none;
+}
+
+.reselect {
+  width: 7.38667rem;
+  height: 1.14667rem;
+  line-height: 1.14667rem;
+  text-align: center;
+  color: #FFDC97;
+  font-size: 0.48rem;
+  font-weight: 600;
+  margin: 0 auto 0.62667rem;
+  background: url(../images/selBut.png) no-repeat;
+  background-size: 100% 100%;
+  display: none;
+}
+
+.apply {
+  width: 7.38667rem;
+  height: 1.14667rem;
+  line-height: 1.14667rem;
+  text-align: center;
+  color: #23100A;
+  font-size: 0.48rem;
+  font-weight: 600;
+  margin: 0 auto 0rem;
+  background: url(../images/selButnot.png) no-repeat;
+  background-size: 100% 100%;
+  display: none;
+}
+
+.actBut {
+  background: url(../images/selButOk.png) no-repeat;
+  background-size: 100% 100%;
+}

view/molistar/modules/superId/css/select.scss

@@ -0,0 +1,169 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    height: px2rem(1624);
+    background-color: #1F0E0B;
+    background-image: url(../images/ruleBg.png);
+    background-size: 100% px2rem(1624);
+    background-repeat: no-repeat;
+    overflow: hidden;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(178);
+    background: url(../images/backTop.png) no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    left: 0;
+    top: px2rem(0);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+    box-sizing: border-box;
+    padding-top: px2rem(178);
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(103);
+        z-index: 2;
+    }
+
+    b {
+        display: block;
+        width: 100%;
+        text-align: center;
+        color: #FFDC97;
+        font-size: px2rem(32);
+        font-weight: 600;
+        position: absolute;
+        left: px2rem(0);
+        top: px2rem(103);
+    }
+}
+
+.null {
+    display: none;
+
+    .box {
+        width: px2rem(132);
+        height: px2rem(115);
+        display: block;
+        margin: px2rem(446) auto px2rem(39);
+    }
+
+    p {
+        width: 100%;
+        text-align: center;
+        color: #FFDC97;
+        font-size: px2rem(28);
+        opacity: 0.6;
+        font-weight: 400;
+        margin: 0 auto px2rem(684);
+    }
+}
+
+.data {
+    width: 100%;
+    // height: px2rem(1010);
+    height: 16.46667rem;
+    box-sizing: border-box;
+    padding: px2rem(216) px2rem(30) 0;
+    overflow-y: scroll;
+    // display: none;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    .box {
+        width: 100%;
+        height: px2rem(71);
+        line-height: px2rem(71);
+        float: left;
+        overflow: hidden;
+        margin-bottom: px2rem(45);
+
+        img {
+            display: inline-block;
+            height: px2rem(36);
+            width: px2rem(36);
+            margin-top: px2rem(17);
+        }
+
+        b {
+            display: inline-block;
+            color: #FFFFFF;
+            font-size: px2rem(46);
+            font-weight: 500;
+            margin: 0 px2rem(25);
+
+            .highlight {
+                color: #FFDC97;
+                font-size: px2rem(46);
+                font-weight: 500;
+            }
+            strong{
+                display: inline-block;
+            }
+        }
+
+        .mp {
+            display: inline-block;
+            width: px2rem(234);
+            height: px2rem(71);
+            line-height: px2rem(73);
+            text-align: center;
+            color: #FFFFFF;
+            font-size: px2rem(36);
+            font-weight: 500;
+            background: url(../images/mp.png) no-repeat;
+            background-size: 100% 100%;
+            text-indent: 0.7rem;
+            display: none;
+        }
+    }
+}
+
+
+.reselect {
+    width: px2rem(554);
+    height: px2rem(86);
+    line-height: px2rem(86);
+    text-align: center;
+    color: #FFDC97;
+    font-size: px2rem(36);
+    font-weight: 600;
+    margin: 0 auto px2rem(47);
+    background: url(../images/selBut.png) no-repeat;
+    background-size: 100% 100%;
+    display: none;
+}
+
+.apply {
+    width: px2rem(554);
+    height: px2rem(86);
+    line-height: px2rem(86);
+    text-align: center;
+    color: #23100A;
+    font-size: px2rem(36);
+    font-weight: 600;
+    margin: 0 auto px2rem(0);
+    background: url(../images/selButnot.png) no-repeat;
+    background-size: 100% 100%;
+    display: none;
+}
+
+.actBut {
+    background: url(../images/selButOk.png) no-repeat;
+    background-size: 100% 100%;
+}

view/molistar/modules/superId/index.html

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
+    <!-- 头部 -->
+    <div class="header">
+        <div class="rule_icon text2"></div>
+    </div>
+    <!-- 文案盒子 -->
+    <div class="tetxBox text3"></div>
+    <!-- 自己信息 -->
+    <div class="my">
+        <div class="title text4"></div>
+        <div class="sid">SID:<b>0</b></div>
+        <img src="./images/ts.png" alt="" class="ts">
+        <img src="./images/null.png" alt="" class="tx">
+        <div class="name"></div>
+        <div class="score"><span class="text5"></span><b>0</b></div>
+        <div class="text">You can change your SID right now.</div>
+    </div>
+    <!-- 选择靓号活动 -->
+    <div class="sidBox">
+        <div class="title text6"></div>
+        <div class="text text7"></div>
+        <div class="numBox">
+            <div num="false" class="">1</div>
+            <div num="false">2</div>
+            <div num="false">3</div>
+            <div num="false">4</div>
+            <div num="false">5</div>
+            <div num="false">6</div>
+            <div num="false">7</div>
+            <div num="false">8</div>
+            <div num="false">9</div>
+            <div num="false">0</div>
+        </div>
+        <div class="but text8"></div>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>

view/molistar/modules/superId/js/index.js

@@ -0,0 +1,167 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var countupTime;//倒计时容器
+var page = 0;
+var maxPage = 0;
+var sidArr = [];
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back img').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+        getConfig();
+    }, 100)
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').text(langReplace(localLang.demoModule.text1));
+    $('.text2').text(langReplace(localLang.demoModule.text2));
+    $('.text3').text(langReplace(localLang.demoModule.text3));
+    $('.text4').text(langReplace(localLang.demoModule.text4));
+    $('.text5').text(langReplace(localLang.demoModule.text5));
+    $('.text6').text(langReplace(localLang.demoModule.text6));
+    $('.text7').text(langReplace(localLang.demoModule.text7));
+    $('.text8').text(langReplace(localLang.demoModule.text8));
+}
+// 配置接口
+function getConfig() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/prettyNumber/user',
+        success(res) {
+            if (res.code === 200) {
+                //applySign 30天内是否申请
+                //examimeStatus 审核状态，true通过
+                //hasPrettyNum 是否佩戴靓号/是否有靓号
+                //qualification 是否可以申请    
+                // 处理基本信息
+                $('.my .tx').attr('src', res.data.avatar);
+                $('.my .name').text(res.data.nick);
+                $('.my .score b').text(res.data.userLevelVo.experLevelSeq);
+                $('.my .sid b').text(res.data.erbanNo);
+                if (res.data.qualification) {
+                    // 20级
+                    if (res.data.hasPrettyNum) {// 是否有靓号
+                        if (res.data.examimeStatus == 1) {//审核成功
+                            if (res.data.applySign) {// 30天内有申请
+                                $('.my .text').text(`Sorry, You cannot change Your SID now`);
+                            } else {
+                                $('.my .text').text(`You can pick your SID right now.`);
+                            }
+                        } else if (res.data.examimeStatus == 2) {//审核中
+                            $('.my .sid b').text(`In Review`);
+                            $('.my .sid b').css('color', '#FF5262');
+                            $('.my .text').text(``);
+                        } else if (res.data.examimeStatus == 0) {//审核失败
+                            $('.my .text').text(`You can pick your SID right now.`);
+                        }
+                    } else {
+                        $('.my .sid b').text(`Available`);
+                        $('.my .sid b').css('color', '#20DF5F');
+                        $('.my .text').text(`You can pick your SID right now.`);
+                    }
+                } else {
+                    // 非20级
+                    $('.my .sid b').text(`Unavailable`);
+                    $('.my .sid b').css('color', '#FF5262');
+                    $('.my .text').text(`Sorry, you haven't reached the wealth level 20 to exchange Supe`);
+                    // $('.sidBox').hide();
+                }
+
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+
+// 选择靓号
+$('.sidBox .numBox div').click(function () {
+    var num = $(this).text();
+    var numStatus = $(this).attr('num');
+    if (numStatus == false || numStatus == "false") {
+        if (sidArr.length >= 3) {
+            return
+        }
+        $(this).addClass('act');
+        $(this).attr('num', true);
+        sidArr.push(num);
+    } else {
+        $(this).removeClass('act');
+        $(this).attr('num', false);
+        sidArr.pop();
+    }
+    if (sidArr.length >= 1) {
+        $('.sidBox .but').attr('click', 1);
+        $('.sidBox .but').addClass(`butAct`);
+    } else {
+        $('.sidBox .but').attr('click', 0);
+        $('.sidBox .but').removeClass(`butAct`);
+    }
+})
+// 跳转规则页面
+$('.header .rule_icon').click(function () {
+    window.location.href = './rule.html'
+})
+// 跳转靓号查询
+$('.sidBox .but').click(function () {
+    var type = $(this).attr('click');
+    if (type == 1) {
+        window.location.href = `./select.html?sidArr=${sidArr}`;
+    }
+})

view/molistar/modules/superId/js/rule.js

@@ -0,0 +1,63 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var countupTime;//倒计时容器
+var page = 0;
+var maxPage = 0;
+var arr = [];
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back img').click(() => {
+            window.history.back();
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+    }, 100)
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').text(langReplace(localLang.rule.text1));
+    $('.text2').html(langReplace(localLang.rule.text2));
+}

view/molistar/modules/superId/js/select.js

@@ -0,0 +1,187 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var countupTime;//倒计时容器
+var page = 0;
+var maxPage = 0;
+var num = getQueryString().sidArr;
+var erbanNo = '';
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back img').click(() => {
+            window.history.back();
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+        $('.back b .strong').text(num);
+        search(num);
+    }, 100)
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').text(langReplace(localLang.select.text1));
+    $('.text2').text(langReplace(localLang.select.text2));
+    $('.text3').text(langReplace(localLang.select.text3));
+    $('.text4').text(langReplace(localLang.select.text4));
+    $('.text5').text(langReplace(localLang.select.text5));
+    $('.text6').text(langReplace(localLang.select.text6));
+    $('.text7').text(langReplace(localLang.select.text7));
+}
+// 搜索接口
+function search(searchKey) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/prettyNumber/search',
+        data: { searchKey },
+        success(res) {
+            if (res.code === 200) {
+                $('.data .box').remove();
+                var str = '';
+                if (res.data.length == 0) {
+                    $('.null').show();
+                    $('.reselect').attr('type', 'back');
+                    $('.reselect').text('Reselect');
+                    $('.reselect').show();
+                } else {
+                    res.data.forEach(res => {
+                        str += `
+                            <div class="box">
+                                <img erbanNo=${res.prettyNo} src="./images/not.png" alt="" class="not">
+                                <b>${displayNumber(String(res.prettyNo))}</b>
+                                <div class="mp">${res.prettyNo}</div>
+                            </div>`
+                    })
+                    $('.data').append(str);
+                    $('.data').show();
+                    $('.reselect').attr('type', 'redo');
+                    $('.reselect').text('Generate again');
+                    $('.reselect').show();
+                    $('.apply').text('Apply');
+                    $('.apply').show();
+                }
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+
+function displayNumber(res) {
+    const highlightNumbers = new Set(num.includes(',') ? num.split(',').map(Number) : [Number(num)]); // 要高亮显示的数字
+    const numberString = res; // 要显示的数字字符串
+    $('.data .box b').text('');
+    var str = '';
+    numberString.split('').forEach(digit => {
+        str += `<strong class="${highlightNumbers.has(parseInt(digit)) ? 'highlight' : 'default-color'}">${digit}</strong>`;
+    });
+    return str
+}
+$('.reselect').click(function () {
+    var type = $(this).attr('type');
+    if (type == 'back') {
+        window.history.back();
+    } else {
+        erbanNo = '';
+        $('.apply').removeClass('actBut');
+        $('.apply').text(`Apply`);
+        search(num);
+    }
+})
+// 选择靓号事件
+$('.data').on('click', ' .box img', function (params) {
+    var status = $(this).attr('click');
+    $('.data .box img').attr('click', 0);
+    $('.data .box img').attr('src', `./images/not.png`);
+    $('.apply').removeClass('actBut');
+    $('.apply').text(`Apply`);
+    $('.data .box .mp').hide()
+    $('.apply').attr('click', `0`)
+    erbanNo = '';
+    if (status == 1) {
+    } else {
+        $(this).siblings('.mp').css('display', 'inline-block');
+        $(this).attr('click', 1);
+        $(this).attr('src', `./images/yes.png`)
+        erbanNo = $(this).attr('erbanNo');
+        $('.apply').addClass('actBut');
+        $('.apply').attr('click', `1`)
+        $('.apply').text(`Apply SID ${erbanNo}`);
+    }
+})
+// 确定申请按钮
+$('.apply').click(function () {
+    var click = $(this).attr('click');
+    console.log(click);
+    if (click == 1) {
+        apply(erbanNo);
+    }
+})
+// 申请接口
+function apply(erbanNo) {
+    showLoading()
+    networkRequest({
+        type: 'post',
+        url: urlPrefix + '/prettyNumber/apply',
+        data: { uid: pubInfo.uid, erbanNo },
+        success(res) {
+            if (res.code === 200) {
+                window.location.href = './index.html';
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}

view/molistar/modules/superId/local/ar.js

@@ -0,0 +1,37 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جاري التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `تبادل الهوية الفائقة`,
+        text2: `القاعدة`,
+        text3: `الوصول إلى مستويات ثروة مختلفة يمكن أن يتيح لك استبدال أنماط مختلفة من الهوية الفائقة!`,
+        text4: `هويتي الفائقة`,
+        text5: `مستوى الثروة:`,
+        text6: `استلم هوية SID الخاصة بك`,
+        text7: `يرجى اختيار 1~3 أرقام`,
+        text8: `بحث عن SID`,
+    },
+    rule: {
+        text1: 'القاعدة',
+        text2: `<p>1. بعد وصول المستخدمين إلى مستوى ثروة جديد، يمكنهم التقديم لترقية SID (معرف خارق) مجاني (مرة واحدة في الشهر).</p>
+        <p>2. يمكن للمستخدمين الاتصال بخدمة العملاء لاستخدام العملات الذهبية لشراء المعرفات الخاصة مباشرة.</p>
+        <p>3. لا يمكن نقل SID إلى الآخرين.</p>
+        <p>4. إذا لم تسجل دخولك لمدة ثلاثة أشهر متتالية، سيتم إلغاء SID تلقائيًا.</p>
+        <p>5. يجب على المستخدمين الذين وصلوا إلى المستوى اتباع القواعد في الجدول.</p>
+        <p>6. إذا كنت بحاجة إلى الحصول على SID، يرجى اتباع القواعد في الجدول للحصول عليه، مثل ABCAA: 12311.</p>
+        <p>7. الأرقام من 10000-10999 مملوكة رسميًا لفريقنا.</p>
+        <p>8. إذا كان الرقم الذي تريده ليس في هذه القاعدة، يرجى الاتصال بخدمة العملاء وسنقوم بإعلامك بالمستوى المطلوب.</p>`,
+    },
+    select: {
+        text1: `القاعدة`,
+        text2: `الرقم الذي اخترته هو`,
+        text3: `لا يوجد معرف مناسب`,
+        text4: `إعادة الاختيار`,
+        text5: `توليد مرة أخرى`,
+        text6: `تقديم طلب`,
+        text7: `تقديم طلب SID`,
+    }
+}

view/molistar/modules/superId/local/en.js

@@ -0,0 +1,36 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1: `Super Id Exchange`,
+        text2: `Rule`,
+        text3: `Reaching different wealth levels can redeem different styles of Super lD!`,
+        text4: `My Super ID`,
+        text5: `Wealth Level:`,
+        text6: `Pick up your SID `,
+        text7: `Please choose 1~3 number`,
+        text8: `Search SID`,
+    },
+    rule: {
+        text1: 'Rule',
+        text2: ` <p>1. After users reach a new wealth level, they can apply for a free SID(Super ID) upgrade (once a month).</p>
+        <p>2. Users can contact customer service to directly use gold coins to purchase special IDs.</p>
+        <p>3. The SID cannot be transferred to others.</p>
+        <p>4. If you do not log in for three consecutive months, the SID will be automatically cancelled.</p>
+        <p>5. Users who have reached the level must operate according to the rules in the table.</p>
+        <p>6. If you need to obtain a SID, please follow the rules in the table to obtain it, such as ABCAA: 12311.</p>
+        <p>7. Numbers 10000-10999 are officially owned by our team.</p>
+        <p>8. If the number you want is not in this rule, please contact customer service and we will inform you of the
+            required level.</p>`,
+    },
+    select: {
+        text1: `Rule`,
+        text2: `You select Number is`,
+        text3: `No suitable ID`,
+        text4: `Reselect`,
+        text5: `Generate again`,
+        text6: `Apply`,
+        text7: `Apply SID`,
+    }
+}

view/molistar/modules/superId/local/zh.js

@@ -0,0 +1,37 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加载中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `网络错误`,
+        text1: `超级ID`,
+        text2: `规则`,
+        text3: `达到不同的财富等级可以兑换不同风格的超级身份！`,
+        text4: `我的超级身份`,
+        text5: `财富等级：`,
+        text6: `领取你的SID`,
+        text7: `请选择1~3个数字`,
+        text8: `搜索SID`,
+    },
+    rule: {
+        text1: '规则',
+        text2: `<p>1. 用户达到新的财富等级后，可以申请免费SID（超级ID）升级（每月一次）。</p>
+        <p>2. 用户可以联系客户服务直接使用金币购买特别ID。</p>
+        <p>3. SID不能转让给其他人。</p>
+        <p>4. 如果您连续三个月未登录，SID将自动取消。</p>
+        <p>5. 达到等级的用户必须按照表中的规则操作。</p>
+        <p>6. 如果需要获得SID，请按照表中的规则进行获取，例如ABCAA: 12311。</p>
+        <p>7. 数字10000-10999是我们团队的正式拥有。</p>
+        <p>8. 如果您想要的号码不在此规则中，请联系客户服务，我们将告知您所需的等级。</p>`,
+    },
+    select: {
+        text1: `规则`,
+        text2: `您选择的号码是`,
+        text3: `没有合适的ID`,
+        text4: `重新选择`,
+        text5: `重新生成`,
+        text6: `申请`,
+        text7: `申请SID`,
+    }
+}

view/molistar/modules/superId/rule.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/rule.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/backGold.png" alt="">
+        <b class="text1"></b>
+    </div>
+    <img src="./images/rule.png" alt="" class="ruleImg">
+    <div class="ruleTitle text1"></div>
+    <div class="text2">
+       
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/rule.js"></script>
+<script src="../../common/local/langHandler.js"></script>

view/molistar/modules/superId/select.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/select.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/backGold.png" alt="">
+        <b><strong class="text2"></strong> <strong class="strong"></strong></b>
+    </div>
+    <!-- 没数据 -->
+    <div class="null">
+        <img src="./images/box.png" alt="" class="box">
+        <p class="text3"></p>
+    </div>
+    <!-- 有数据 -->
+    <div class="data">
+        <!-- <div class="box">
+            <img src="./images/not.png" alt="" class="not">
+            <b><strong>0</strong>134567</b>
+            <div class="mp">000000</div>
+        </div> -->
+    </div>
+    <!-- 按钮 -->
+    <div class="reselect">Reselect/Generate again</div>
+    <!-- actBut -->
+    <div class="apply ">Apply/Apply SID 626232</div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/select.js"></script>
+<script src="../../common/local/langHandler.js"></script>