body {
    background: #369a8a;
    opacity: 0;
    -webkit-animation: show .1s forwards .5s;
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
    }
}

a:active {
    transform: scale(.95);
}

body,
html,
section {
    height: 100%;
}

.bgOrg {
    background: #fff58f;
    background: -moz-linear-gradient(top, #fff58f 0, #fbbf49 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff58f), color-stop(100%, #fbbf49));
    background: -webkit-linear-gradient(top, #fff58f 0, #fbbf49 100%);
    background: -o-linear-gradient(top, #fff58f 0, #fbbf49 100%);
    background: -ms-linear-gradient(top, #fff58f 0, #fbbf49 100%);
    background: linear-gradient(to bottom, #fff58f 0, #fbbf49 100%);
    color: #d9701a;
    text-align: center;
}

.bgBlue {
    background: #c7fff3;
    background: -moz-linear-gradient(top, #c7fff3 0, #73f2d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c7fff3), color-stop(100%, #73f2d7));
    background: -webkit-linear-gradient(top, #c7fff3 0, #73f2d7 100%);
    background: -o-linear-gradient(top, #c7fff3 0, #73f2d7 100%);
    background: -ms-linear-gradient(top, #c7fff3 0, #73f2d7 100%);
    background: linear-gradient(to bottom, #c7fff3 0, #73f2d7 100%);
    color: #258d75;
    text-align: center;
}

.bgBlue2 {
    background: #6ec8e7;
    background: -moz-linear-gradient(top, #6ec8e7 0, #348dcc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6ec8e7), color-stop(100%, #348dcc));
    background: -webkit-linear-gradient(top, #6ec8e7 0, #348dcc 100%);
    background: -o-linear-gradient(top, #6ec8e7 0, #348dcc 100%);
    background: -ms-linear-gradient(top, #6ec8e7 0, #348dcc 100%);
    background: linear-gradient(to bottom, #6ec8e7 0, #348dcc 100%);
    color: #fff;
    text-align: center;
}


.loginWrapper {
    position: absolute;
    left: 50%;
    margin-left: -3.6rem;
    width: 7.2rem;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat top center;
    background-size: cover;
    color: #67f0bd;
    font-size: .32rem;
    font-family: arial;
}

.loginWrapper .itemLogo {
    margin-top: .58rem;
    text-align: center;
}

.loginWrapper .itemLogo img {
    width: 2.12rem;
}

.loginWrapper .itemName {
    color: #fff;
    text-align: center;
    text-shadow: 0 .05rem .05rem rgba(58, 125, 140, .65);
    font-weight: 700;
    font-size: .38rem;
}
.loginWrapper .tagVip{ width: 2.93rem}
.loginWrapper .itemText {
    margin-bottom: .8rem;
    text-align: center;
    line-height: 1.4;
}
.loginWrapper .recall{ margin: .2rem auto; text-align: center; }
.loginWrapper .imgRecall{ width: 6.54rem}
.loginWrapper .itemLogin {
    box-sizing: border-box;
    margin: .2rem .4rem .6rem;
    border-radius: .1rem;
    background: #f7f9fa;
}

.loginWrapper .itemLogin ul {
    padding: 0 .2rem;
}

.loginWrapper .itemMoney {
    position: absolute;
    top: .35rem;
    right: .15rem;
    text-decoration: underline;
    font-size: .24rem;
}

.loginWrapper .itemMoney img {
    margin-right: .05rem;
    width: .28rem;
}

.itemLogin li {
    position: relative;
    display: flex;
    display: -webkit-flex;
    height: 1.82rem;
    /*border-bottom: .01rem #c9f1e3 solid;*/
    color: #c4c8cd;
    white-space: nowrap;
    align-items: center;
    justify-content: space-between;
}

.selectOptions li {
    height: 0.8rem;
}

.itemLogin li:last-child {
    border-bottom: 0;
}

.itemLogin .itemLeftText {
    color: #5acca9;
}

.itemLogin .itemLeftText img {
    margin-right: .13rem;
    width: .32rem;
    height: .41rem;
    vertical-align: text-top;
}

.selectBox {
    color: #5a81b7;
    line-height: .36rem;
}

.selectShowbox {
    width: 3rem;
    background: url(../images/ico_show.png) no-repeat right center;
    background-size: .32rem .21rem;
}

.selectHidebox {
    background-image: url(../images/ico_hide.png);
}

.selectShowbox .TextCountry {
    display: inline-block;
    width: 2rem;
    text-align: center;
}

.selectOption {
    position: absolute;
    top: .92rem;
    left: 0;
    z-index: 99;
    display: none;
    width: 100%;
    border: .01rem solid #b8c0b7;
    background: #ecf0f2;
}

.selectOption li {
    display: flex;
    display: -webkit-flex;
    color: #5a81b7;
    justify-content: center;
}

.selectOption li.selected {
    background-color: #f3f3f3;
    color: #999;
}

.selectOption li:hover {
    background: #5a81b7;
    color: #fff;
}

.selectBox img {
    margin-right: .05rem;
    padding: .01rem;
    height: .33rem;
    border: .01rem #c7cacc solid;
    border-radius: .05rem;
    background: #c9f3f7;
    vertical-align: text-top;
}

.itemLogin li .itemInput {
    overflow: hidden;
    width: 3.4rem;
    outline: 0;
    border: #c4c8cd;
    border: none;
    background: 0 0;
    color: #2f9d86;
}

.color-darkgray {
    color: #c7d6cf !important;
}

.login-text {
    display: block;
    color: #19725f;
    text-align: center;
    text-decoration: underline;
    font-weight: 700;
    font-size: .38rem;
}

.itemLogin li .identifyingCodeImg {
    display: inline-block;
    margin-left: .02rem;
    width: 1.74rem;
    height: .55rem;
    background-color: #fff;
    background-color: #fff;
    vertical-align: middle;
}

.itemLogin li .identifyingCodeTxt {
    display: inline-block;
    margin-left: -1.9rem;
    color: #6fafff;
    vertical-align: middle;
    text-decoration: underline;
}

.grayColor {
    color: gray;
}

.mar-2 {
    margin-top: .2rem !important;
}

.itemLogin li .itemInputSmall {
    width: 1.5rem;
}

.itemLogin li .itemInputHref {
    color: #258dcf;
}

.itemLogin li .itemInputHref span {
    text-decoration: underline;
    font-size: .2rem;
}

.loginWrapper .itemRegistered {
    height: auto;
}

.loginWrapper .itemRegistered li {
    height: .94rem;
}

.loginWrapper .itemRegistered .itemId {
    height: .6rem;
    border-top-right-radius: .1rem;
    border-top-left-radius: .1rem;
    background: #72d3b4;
    color: #fff;
    text-align: center;
    font-size: .32rem;
    line-height: .6rem;
}

.loginWrapper .itemReview {
    padding: .4rem 0;
    height: auto;
    text-align: center;
}

.loginWrapper .itemReview .itemText {
    color: #5acca9;
}

.loginWrapper .itemReview .btnContact {
    display: block;
    margin: .4rem auto 0;
    width: 5.12rem;
    height: 1.02rem;
    border: .02rem #f09533 solid;
    border-radius: 1rem;
    color: #d9701a;
    text-align: center;
    font-weight: 700;
    font-size: .38rem;
    line-height: 2.6;
}

.btnLogin,
.btnDownload{
    display: block;
    margin: -0.05rem auto .4rem;
    width: 6.3rem;
    height: .94rem;
    border: .02rem solid #19725f;
    border-radius: 1rem;
    color: #d9701a;
    text-align: center;
    font-weight: 700;
    font-size: .38rem;
    line-height: 2.6;
}
.btnDownload{ margin-bottom: .05rem; position: relative; color: #2B967E; }
.btnDownload img{ width: .42rem; }
.btnDownload .icoGet{ top: .1rem; right: .2rem; width: .7rem; height: .7rem; background: url("../images/get-icon2.png") no-repeat; background-size: 100% 100%; }
.downloadTips{ font-size: .19rem; text-align: center; }

.TextTips {
    display: block;
    margin-bottom: .4rem;
    color: #19725f;
    text-align: center;
    text-decoration: underline;
    font-weight: 700;
    font-size: .38rem;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    width: 7.2rem;
    height: 100%;
    background: #ecf0f1;
    color: #fff;
    font-size: .32rem;
    font-family: arial;
}

.itemTop {
    margin: 0 auto;
    width: 7.2rem;
    height: 1.25rem;
    background: url(../images/bg_top.jpg) no-repeat;
    background-size: cover;
}

.itemTop .itemTitle {
    height: .82rem;
    text-align: center;
    line-height: 2.6;
}

.itemTop .itemText {
    display: flex;
    display: -webkit-flex;
    padding: 0 .2rem;
    height: .43rem;
    color: #186654;
    font-size: .24rem;
    align-items: center;
    justify-content: space-between;
}

.itemTop .itemText .install-pwd {
    margin-left: .15rem;
    color: #51eccd;
    text-decoration: underline;
    font-size: .24rem;
}

.topUp {
    width: 100%;
    height: .86rem;
    background-color: #fff;
    color: #178e6a;
    text-align: center;
    font-weight: 700;
    font-size: .42rem;
    line-height: 2.2;
}

.topUp .return-btn {
    float: left;
    display: inline-block;
    margin: .34rem auto;
    margin-left: .34rem;
    width: .3rem;
    height: .28rem;
    background: url(../images/return_btn.png) no-repeat;
    background-size: cover;
    vertical-align: middle;
    text-align: left;
}

.upBtn {
    display: inline-block;
    width: 1.09rem;
    height: .42rem;
    background: url(../images/up_btn.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}

.itemTop .itemText span {
    color: #abffdd;
}

.itemNav {
    width: 100%;
    height: .86rem;
    color: #97a1a3;
    text-align: center;
    font-size: .36rem;
    line-height: 2.4;
}

.itemNav li {
    position: relative;
    float: left;
    width: 50%;
}

.itemNav li.active,
.itemNav li:hover {
    background: #fff;
    color: #178e6a;
}

.itemNav li.active::after,
.itemNav li:hover::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .06rem;
    background: #178e6a;
    content: "";
}

.itemContent {
    position: absolute;
    top: 1.25rem;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ecf0f1;
}

.itemContent .itemTitle {
    height: .52rem;
    border: .01rem #d9dbdf solid;
    background: #fff;
    overflow: hidden;
}

.itemContent .itemTitle marquee {
    position: relative;
    margin: 0 .45rem;
    width: 6.8rem;
    height: .52rem;
    color: #43ad81;
    font-size: .24rem;
    line-height: .52rem;
    overflow: hidden;
}

.itemContent .itemTitle span {
    padding-left: 20px;
    display: inline-block;
}

.laba {
    position: absolute;
    top: .12rem;
    left: .1rem;
    z-index: 88;
    width: .36rem;
    height: .27rem;
}

.font-bule {
    color: #186654;
}

.itemContent .itemTitle a {
    position: absolute;
    top: .08rem;
    right: .15rem;
    color: #43ad81;
    text-decoration: underline;
    font-size: .2rem;
}

.itemContent .rechargeSro {
    position: absolute;
    top: 1.4rem;
    right: 0;
    bottom: 0;
    left: 0;
    float: right;
    overflow: hidden;
    margin: .15rem 0 .2rem .17rem;
}

.itemContent .banckSro {
    position: absolute;
    top: .54rem;
    right: 0;
    bottom: .5rem;
    left: 0;
    float: right;
    overflow: hidden;
    margin: .15rem 0 .2rem .17rem;
}

.itemContent .itemCardList,
.itemContent .rechargeList {
    overflow: hidden;
}

.itemContent .rechargeList li {
    position: relative;
    float: left;
    margin-top: .1rem;
    margin-bottom: .05rem;
    width: 3.35rem;
    height: 3.44rem;
    background: url(../images/bg_list_01.png) no-repeat;
    background-size: cover;
    margin-right: .15rem;
}

.itemContent .rechargeList li:nth-child(2n+1) {
    margin-right: .15rem;
}

.rechargeList li .rechargeTitle {
    padding: .25rem 0 .06rem;
    color: #fff;
    text-align: center;
    font-size: .24rem;
}

.rechargeList .itemImg img {
    height: 1.51rem;
}

.rechargeList .itemPrice {
    margin-top: .63rem;
    height: .53rem;
    text-align: center;
    font-weight: 700;
}

.rechargeList .itemNum {
    top: 2.2rem;
    right: -.02rem;
    padding-right: .1rem;
    width: 2.3rem;
    height: .48rem;
    background: url(../images/item_num.png) no-repeat;
    background-size: 100% 100%;
    color: #ffec47;
    text-align: right;
    font-weight: 700;
    font-size: .3rem;
    line-height: .48rem;
}

.itemContent .itemCardList .itemPrice {
    height: .53rem;
    text-align: center;
    font-weight: 700;
}

.itemContent .hubImg {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    width: 100%;
    width: 1.54rem;
    height: 1.6rem;
    background: url(../images/hub_img.png) no-repeat;
    background-size: 100% 100%;
}

.itemContent .itemCardList li {
    position: relative;
    margin-bottom: .05rem;
    width: 3.42rem;
    height: 2.11rem;
    background: url(../images/bg_list.png) no-repeat;
    background-size: cover;
}

.itemContent .itemCardList li:nth-child(odd) {
    margin-right: .1rem;
}

.itemContent .itemCardList li.active,
.itemContent .itemCardList li:hover {
    background-image: url(../images/bg_list_on.png);
}

.itemContent .itemBot {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
}

.itemContent .itemBot .btnContact {
    top: 0;
    right: .2rem;
    color: #43ad81;
    text-decoration: underline;
    font-size: .25rem;
}

.itemContent .itemBot .btnContact img {
    margin-right: .1rem;
    width: .45rem;
}

.itemContent .itemCardList .itemImg img {
    height: 1.46rem;
}

.itemContent .itemCardList .itemPrice {
    height: .53rem;
    text-align: center;
    font-weight: 700;
}

.itemContent .itemCardList .itemNum {
    color: #ffec47;
    font-weight: 700;
    font-size: .3rem;
}

.itemContent .TextNum {
    margin-bottom: .25rem;
    color: #43ad81;
    text-align: center;
    font-size: .3rem;
}

.itemContent .TextNum span {
    margin: 0 .05rem;
    color: #ec3838;
}

.btnBuy {
    display: block;
    margin: 0 auto;
    width: 6.42rem;
    height: .86rem;
    border: .02rem #f09533 solid;
    border-radius: 1rem;
    text-align: center;
    font-weight: 700;
    font-size: .38rem;
    line-height: 2.4;
}

.btnBuy .icoDiscount {
    top: -.02rem;
    left: -.01rem;
    width: 1.22rem;
    height: .39rem;
    background: url(../images/discount.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    text-align: left;
    text-indent: .18rem;
    font-size: .22rem;
    line-height: 2;
}

.itemRecord {
    position: absolute;
    top: .86rem;
    right: 0;
    bottom: 0;
    left: 0;
}

.itemBank {
    position: absolute;
    top: .86rem;
    right: 0;
    bottom: 0;
    left: 0;
}

.itemRecord .itemTitle {
    height: .52rem;
    border: .01rem #c4c9d1 solid;
    background: #f1f1f1;
    color: #43ad81;
    font-size: .3rem;
    line-height: 1.6;
}

.itemRecord .itemTitle img {
    margin: 0 .2rem;
    height: .38rem;
    vertical-align: text-top;
}

.itemRecord .itemCardNum {
    display: flex;
    display: -webkit-flex;
    height: .83rem;
    background: #ecf0f1;
    color: #43ad81;
    font-size: .28rem;
    justify-content: center;
    align-items: center;
}

.itemRecord .cariBtn {
    display: inline-block;
    width: 1.23rem;
    height: .48rem;
    border: none;
    background: url(../images/cari_btn.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}

.itemRecord .itemCardNum input {
    box-sizing: border-box;
    margin: 0 .1rem;
    padding: 0 .1rem;
    width: 4rem;
    height: .45rem;
    border: .01rem #c4c9d1 solid;
    background: #fff;
    color: #97a1a3;
}

.itemRecord .listTitle {
    height: .58rem;
    border-top: .02rem #d9d9d9 solid;
    border-bottom: .02rem #d9d9d9 solid;
    background: #f5f5f5;
}

.itemRecord .listTitle span,
.listContent li span {
    float: left;
    color: #43ad81;
    text-align: center;
    font-size: .24rem;
    line-height: 2;
}

.itemRecord .listTitle span {
    line-height: 2.4;
}

.itemRecord .listTitle span.txt01,
.listContent li span.txt01 {
    width: 1.2rem;
}

.itemRecord .listTitle span.txt02,
.listContent li span.txt02 {
    width: 3.9rem;
}

.itemRecord .listTitle span.txt03,
.listContent li span.txt03 {
    width: 2rem;
}

.itemRecord .listTitle span.txt04,
.listContent li span.txt04 {
    width: 2.14rem;
}

.itemRecord .listContent {
    position: absolute;
    top: 1.99rem;
    right: 0;
    bottom: .55rem;
    left: 0;
    overflow: hidden;
    background: #fff;
}

.itemRecord .listContent li {
    height: .5rem;
    background: #fff;
    font-size: .24rem;
}

.itemRecord .listContent li:nth-child(even) {
    background-color: #fafafa;
}

.itemRecord .listContent li:last-child {
    border: none;
}

.itemRecord .listContent li span {
    color: #97a1a3;
}

.guide {
    position: absolute;
    left: 50%;
    margin-left: -3.6rem;
    width: 7.2rem;
    height: 19.61rem;
    background: url(../images/bg_guide.jpg) no-repeat top center;
    background-size: 7.2rem 19.61rem;
}

.guide .itemText {
    position: absolute;
    top: 11.2rem;
    left: 0;
    width: 100%;
    color: #86e1f8;
    text-align: center;
    font-size: .28rem;
}

.thickdiv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    border: 0 none;
    background: #000;
    opacity: .5;
}

.pup {
    position: fixed;
    top: 4.3rem;
    left: 50%;
    z-index: 102;
    margin-left: -3.47rem;
    width: 6.95rem;
    border-radius: .05rem;
    background: #2f9d86;
    box-shadow: 0 0 .05rem rgba(0, 0, 0, .25);
}

.pupTips {
    padding: .4rem 0;
    text-align: center;
}

.pupTips .itemImg {
    width: 1.69rem;
    height: 1.69rem;
}

.pupTips .itemTitle {
    color: #b9fff0;
    font-weight: 400;
    font-size: .5rem;
}

.pupTips .itemText {
    color: #6febd0;
}

.pupTips .itemText span {
    color: #99ffe9;
}

.pupTips .btnSure {
    display: block;
    margin: .3rem auto 0;
    width: 2.93rem;
    height: .75rem;
    border: .02rem #19725f solid;
    border-radius: .5rem;
    font-size: .38rem;
    line-height: 2;
}

.pupBuy,
.pupPwd,
.pupEmail{
    top: 50%;
    left: 50%;
    margin-left: -3.18rem;
    padding-bottom: .3rem;
    width: 6.37rem;
    height: auto;
    border-radius: .1rem;
    transform: translateY(-50%);
    padding-top: .1rem;
}

.pupBuy{ padding-top: 0; }
.pupBuy .buyTitle,
.pupPwd .buyTitle,
.pupEmail .emailTitle{
    height: .77rem;
    border-radius: .03rem;
    border-radius: .1rem;
    background: #32a78e;
    color: #7dfce0;
    text-align: center;
    font-weight: 700;
    font-size: .36rem;
    line-height: .77rem;
}

.pupBuy .itemNum,
.pupEmail .itemNum{
    display: flex;
    display: -webkit-flex;
    box-sizing: border-box;
    margin: .68rem auto .1rem;
    width: 6.4rem;
    height: .78rem;
    border-radius: .05rem;
    color: #5ce6c9;
    font-size: .36rem;
    line-height: 2;
}

.pupBuy .itemNum i,
.pupEmail .itemNum i{
    padding-right: .1rem;
    width: 1.5rem;
    text-align: right;
    font-style: normal;
}

.pupBuy .itemNum input,
.pupEmail .itemNum input {
    padding-left: .3rem;
    width: 3.89rem;
    height: .62rem;
    outline: 0;
    border: none;
    border-radius: .1rem;
    background-color: #26907a;
    color: #FFF285;
    font-size: .30rem;
}


.itemNum input::-webkit-input-placeholder {
    color: #54bba6;
}

.itemNum input::-moz-placeholder {
    color: #54bba6;
}

.itemNum input:-ms-input-placeholder {
    color: #54bba6;
}

.pupBuy .itemPrice {
    color: #f7fec6;
    text-align: center;
    font-size: .48rem;
}

.pupBuy .itemPrice img {
    margin-right: .15rem;
    height: .6rem;
    vertical-align: text-top;
}

.pupBuy .itemBtn,
.pupEmail .itemBtn{
    display: flex;
    display: -webkit-flex;
    margin-top: .5rem;
    justify-content: center;
}

.pupBuy .itemBtn .buyBtns {
    margin-left: .2rem;
    width: 2.69rem;
    height: .82rem;
    border-radius: 1rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: .38rem;
    line-height: 2;
}

.pupBuy .itemBtn .buyBtns.btnBuyCannel {
    margin-left: 0;
    background-image: url('../images/buy_cannel_btn_01.png');
}

.pupBuy .itemBtn .buyBtns.btnBuySure{
    background-image: url(../images/buy_sure_btn.png);
}

.pupBuy .itemBtn .buyBtns.btnSellCannel {
    margin-left: 0;
    background-image: url(../images/sell_btn.png);
}

.pupBuy .itemBtn .buyBtns.btnCallOff {
    background-image: url(../images/call_off_btn.png);
}

.pupBuy .buyTip {
    margin: .35rem auto;
    width: 5.64rem;
    height: 1.51rem;
    border-radius: .03rem;
    border-radius: .1rem;
    background: #26907a;
    color: #6febd0;
    font-size: .32rem;
    line-height: 1.3;
}

.pupBuy .buyTip span {
    display: inline-block;
    width: 1.68rem;
    text-align: right;
}

.pupBuy .buyTip span:nth-child(1) {
    padding-top: .1rem;
}

.pupBuy .buyTip .buyTip-yellow {
    color: #fbf5ab;
    font-style: normal;
    font-size: .32rem;
}

.pupBuy .buyExplain {
    margin: -.2rem .52rem 0;
    width: 5.64rem;
    color: #6febd0;
    font-size: .24rem;
}

.sureImg {
    display: block;
    margin: .4rem auto;
    width: 1.7rem;
    height: 1.68rem;
    background: url(../images/sure_ico.png) no-repeat;
    background-size: 100% 100%;
}
.pupEmail{ padding-top: 0;}
.pupEmail .itemNum{ margin-top: .3rem; margin-bottom: 0; }
.pupEmail .tips{ margin-left: 1.6rem; width: 4.4rem; color: #6febd0; font-size: .24rem; word-break: break-word;}
.pupEmail .itemBtn{ margin: .3rem auto; }
.pupEmail .btnEmailYellow,
.pupEmail .btnEmailBlue{ display: block; margin: .2rem auto; width: 3.08rem; height: .8rem; background: url("../images/btn_email_yellow.png") no-repeat; background-size: 100% 100%; color: #D9701A; font-size: .42rem; line-height: .8rem; text-align: center; font-weight: bold; }
.pupEmail .itemBtn a{ margin: 0 .15rem; width: 2.68rem;}
.pupEmail .btnEmailBlue{ background-image: url("../images/btn_email_blue.png"); color: #2A957D; }
.pup .btnClose{ top: .2rem; right: .2rem;  width: .36rem; height: .38rem; background: url("../images/btn_close.png") no-repeat; background-size:100% 100% }
.pupEmailSure .emailAccount { font-size: .28rem; display: flex; justify-content: center; margin-top: 0.2rem;}
.pupEmailSure .emailAccount .confirmTitle { display: inline-block; vertical-align: middle; margin-right: 0.1rem; color: #6febd0; font-size: 0.28rem;}
.pupEmailSure .emailAccount .emailContent { display: inline-block; width: 3.8rem; color: #fbf5ab; font-size: .28rem;}
.pupEmailSure .tips{ margin-left: .4rem; width: 5.8rem; }
.pupEmailSure02 .emailDetail{ margin: .2rem auto; padding: .15rem .25rem; width: 5.8rem; background: #26907A; font-size: .26rem; color: #6febd0; -webkit-border-radius: .05rem; border-radius: .05rem; box-sizing: border-box; }
.pupEmailSure02 .emailDetail .detailHead {display: flex;}
.pupEmailSure02 .emailDetail .detailHead .confirmTitle { display: inline-block; vertical-align: middle; margin-right: 0.1rem; color: #6febd0; font-size: 0.28rem;}
.pupEmailSure02 .emailDetail .detailHead .emailContent { display: inline-block; width: 3.7rem; color: #fbf5ab; font-size: .28rem;}

.sureText {
    margin: .28rem auto;
    padding-bottom: .2rem;
    width: 5.64rem;
    height: auto;
    border-radius: .1rem;
    background-color: #26907a;
    color: #6febd0;
    font-size: .32rem;
}

.sureText .tipTxt01 {
    display: block;
    margin: 0 auto;
    padding-top: .2rem;
    width: 4.9rem;
    line-height: 1.1;
    color: #fbf5ab;
}

.sureText .tipTxt_01 {
    display: block;
    margin: 0 auto;
    width: 3.9rem;
    line-height: 1.1;
    text-align: center;
    color: #fbf5ab;
    font-size: .6rem;
}

.sureText .tipTxt02 {
    display: block;
    margin: 0 auto;
    padding-top: .02rem;
    width: 4.9rem;
    line-height: 1.1;
}

.color-yellow {
    color: #fbf5ab;
    font-style: normal;
}

.btnSure {
    display: block;
    margin: .5rem auto 0;
    width: 2.66rem;
    height: .8rem;
    background: url(../images/sure_btn.png) no-repeat;
    background-size: 100% 100%;
}

.btnSure {
    display: block;
    margin: .5rem auto 0;
    width: 2.66rem;
    height: .8rem;
    background: url('../images/sure_btn.png') no-repeat;
    background-size: 100% 100%;
}

.pupOver {
    top: 50%;
    margin-left: -3.19rem;
    width: 6.38rem;
    border-radius: .1rem;
    transform: translateY(-50%);
}

.pupOver .itemTitle {
    height: 1.44rem;
    border-radius: .1rem;
    background: #2f9d86;
    color: #6febd0;
    font-size: .36rem;
    font-size: .32rem;
}

@keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

.pupOver .itemTitle span {
    display: block;
    padding: .3rem .71rem 0;
    line-height: 1.4;
}

.pupOver .itemTxt {
    height: .77rem;
    border-radius: .03rem;
    background: #32a78e;
    color: #7dfce0;
    text-align: center;
    font-weight: 700;
    line-height: .77rem;
}

.pupOver .totalNum {
    height: 1.8rem;
}

.pupOver .totalNum .addNum {
    margin: 0 .39rem 0;
    padding-top: .31rem;
    width: 5.7rem;
}

.totalNum .addNum .addBtn {
    display: inline-block;
    width: 1.23rem;
    height: .61rem;
    background-image: url(../images/subtract_btn.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #d9701a;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    font-size: .34rem;
    line-height: .61rem;
}

.totalNum .addNum .numInput {
    display: inline-block;
    width: 2.94rem;
    height: .61rem;
    background-color: #26907a;
    color: #fff285;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    font-size: .34rem;
    line-height: .6rem;
}

.totalNum .totalTip {
    margin: .25rem auto;
    color: #6febd0;
    text-align: center;
    font-size: .32rem;
}

.pupOver .itemPriceList {
    margin: 0 auto;
    padding: .25rem 0 .2rem;
    width: 6.02rem;
    overflow: hidden;
}

.pupOver .itemPriceList li {
    position: relative;
    float: left;
    margin-top: .12rem;
    width: 2.88rem;
    height: .71rem;
    border: .04rem solid transparent;
}

.pupOver .itemPriceList li.active {
    border: .04rem solid #f85959;
    border-radius: .1rem;
}

.pupOver .itemPriceList li img {
    display: inline-block;
    width: 2.88rem;
    height: .71rem;
}

.pupOver .bankCarBtn {
    display: block;
    margin: .1rem auto .2rem auto;
    width: 3.14rem;
    height: .88rem;
    background: url(../images/beil_btn.png) no-repeat;
    background-size: 100% 100%;
}

.pupOver .itemPriceList li .itemNum span {
    letter-spacing: -.02rem;
    font-weight: 700;
    font-size: .46rem;
}

.pupOver .itemPriceList li .itemPrice {
    border-top: .01rem #31a78d solid;
    color: #1c6959;
    text-align: center;
    font-size: .3rem;
}

.pupOver .itemPriceList li .itemSale {
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding-top: .05rem;
    padding-left: .03rem;
    width: .96rem;
    height: .39rem;
    background: url(../images/ico_sale.png) no-repeat;
    background-size: cover;
    font-size: .22rem;
}

.pupOver .itemPayList {
    overflow: hidden;
    margin: .15rem 0 .3rem;
    height: 3.4rem;
}

.pupOver .itemPayList li {
    position: relative;
    display: inline-block;
    margin-bottom: .1rem;
    margin-left: .2rem;
    width: 2.88rem;
    height: .71rem;
    border-radius: .1rem;
    background: #fcffdd;
    box-shadow: .02rem .02rem .03rem #2b917b;
}

.pupOver .itemPayList li.active::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.83rem;
    height: .68rem;
    border: .03rem #f85959 solid;
    border-radius: .1rem;
    content: "";
}

.pupOver .itemPayList li img {
    height: .71rem;
}

.pupOver .btnSure {
    display: block;
    margin: 0 auto .4rem;
    width: 3.05rem;
    height: .82rem;
    border: .02rem #19725f solid;
    border-radius: 1rem;
    color: #d9701a;
    text-align: center;
    font-weight: 700;
    font-size: .38rem;
    line-height: 2;
}

.pupBuy .regHead {
    height: .78rem;
    border-radius: .1rem;
    background: #32a78e;
    box-shadow: 0 .01rem .03rem .02rem rgba(0, 0, 0, .05);
    color: #7dfce0;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    font-size: .36rem;
    line-height: .78rem;
}

.pupBuy .buyTip em {
    display: block;
    margin: 0 auto;
    padding-top: .26rem;
    width: 5.35rem;
    color: #fbf5ab;
    font-style: normal;
    font-size: .26rem;
}

.rechargeNum {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #d9701a;
    text-align: center;
    font-weight: 700;
    font-size: .32rem;
}

.pagingBox {
    margin-bottom: .1rem;
    height: .45rem;
}

.pagingBox .paging {
    margin: 0 1rem 0;
    width: 6rem;
}

.pagingBox .paging .page {
    display: inline-block;
    width: .42rem;
    height: .42rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
    line-height: .42rem;
}

.pagingBox .paging a {
    margin-left: .1rem;
    color: #97a1a3;
    font-size: .25rem;
}

.paging .page.last-page {
    background-image: url(../images/last_page_btn.png);
}

.paging .page.next-page {
    background-image: url(../images/next_page_btn.png);
}

.pagingBox .paging .pageNum {
    display: inline-block;
    margin-left: .05rem;
    width: .82rem;
    height: .4rem;
    border: .02rem solid #c4c9d1;
    background-color: #fff;
    color: #97a1a3;
    vertical-align: middle;
    text-align: center;
    font-size: .25rem;
    line-height: .43rem;
}

.pagingBox .paging .tentuBtn {
    display: inline-block;
    margin-left: -.01rem;
    width: 1.26rem;
    height: .44rem;
    background: url(../images/tentu_btn.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}

.itemInput .colorGray {
    margin-left: -2.6rem !important;
    color: gray !important;
}

.itemContent .rechargeList li:active {
    transform: scale(.95);
}

.wrongText {
    margin: .28rem auto;
    width: 5.64rem;
    height: auto;
    border-radius: .1rem;
    color: #6febd0;
    text-align: center;
    font-size: .32rem;
}

.waitBox {
    top: 50%;
    left: 50%;
    margin-left: -2.67rem;
    width: 5.34rem;
    border: .06rem solid #2f9d86;
    border-radius: .1rem;
    background-color: #136d5a;
    transform: translateY(-50%);
}

.waitBox .waitTxt {
    margin: .38rem auto 0;
    width: 4.42rem;
    color: #66ddc3;
    font-style: normal;
    font-size: .26rem;
    line-height: 1.4;
}

.waitBox .timingNum {
    margin: .1rem auto;
    text-align: center;
    font-style: normal;
    font-size: .32rem;
}

.pupPwd .install-list {
    margin: .4rem auto 0;
    width: 5.36rem;
    height: 2.38rem;
}

.install-list .install-list_div {
    position: relative;
    margin-bottom: .23rem;
    width: 5.34rem;
    height: .62rem;
}

.install-list .install-list_div .install-list_text {
    display: inline-block;
    width: 1.84rem;
    height: .62rem;
    color: #6febd0;
    vertical-align: middle;
    text-align: center;
    font-size: .24rem;
    line-height: .62rem;
}

.change-list .change-list_div .change-list_input,
.install-list .install-list_div .install-list_input {
    position: absolute;
    right: 0;
    width: 3.46rem;
    height: .62rem;
    outline: 0;
    border: none;
    border-radius: .1rem;
    background-color: #26907a;
    color: #54bba6;
    text-align: center;
    font-size: .3rem;
    line-height: .62rem;
}

.change-list_input::-webkit-input-placeholder,
.install-list_input::-webkit-input-placeholder {
    color: #54bba6;
}

.change-list_input::-moz-placeholder,
.install-list_input::-moz-placeholder {
    color: #54bba6;
}

.change-list_input::-ms-input-placeholder,
.install-list_input::-ms-input-placeholder {
    color: #54bba6;
}

.font-24 {
    font-size: .24rem !important;
}

.pupPwd .install-btn {
    display: block;
    margin: .3rem auto 0;
    width: 2.69rem;
    height: .82rem;
    background: url(../images/install_btn.png) no-repeat;
    background-size: 100% 100%;
}

.pupPwd .install-tip {
    margin: .25rem auto 0;
    width: 5.34rem;
    color: #6febd0;
    text-align: left;
    font-size: .24rem;
    line-height: 1.1;
}

.pupPwd .change-btn {
    position: absolute;
    top: .2rem;
    right: .23rem;
    display: block;
    width: .36rem;
    height: .38rem;
    background: url(../images/change_btn.png) no-repeat;
    background-size: 100% 100%;
}

.pupPwd .change-list {
    margin: .4rem auto 0;
    width: 6.02rem;
    height: 2.38rem;
}

.pupPwd .change-text{ bottom: .5rem; right: .3rem; font-size: .26rem; color: #49ffec; text-decoration: underline;}


.change-list .change-list_div {
    position: relative;
    margin-bottom: .23rem;
    width: 6.02rem;
    height: .62rem;
}

.change-list .change-list_div .change-list_text {
    display: inline-block;
    width: 2.48rem;
    height: .62rem;
    color: #6febd0;
    vertical-align: middle;
    text-align: center;
    font-size: .24rem;
    line-height: .62rem;
}
.change-list .change-list_div .change-list_text.text-right{ font-size: .26rem; color: #fbf5ab; text-align: left;}

.change-list .change-list_div .change-list_input {
    position: absolute;
    right: 0;
    width: 3.46rem;
    height: .62rem;
    outline: 0;
    border: none;
    border-radius: .1rem;
    background-color: #26907a;
    color: #54bba6;
    text-align: center;
    font-size: .3rem;
    line-height: .62rem;
}
.change-list .change-list_div .auth_input{ right: 1.66rem; width: 1.8rem;}
.change-list .change-list_div .text-auth{  position: absolute; top: 50%; right: .3rem; font-size: .2rem; color: #49ffec; text-decoration: underline; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.change-list .change-list_div .text-auth span{ position: absolute; top: 0; right: -.4rem; display: none; text-decoration: none;}
.change-list .change-list_div .text-auth.grey{ color: #A2C1BD;}
.change-list .change-list_div .text-auth.grey span{ display: block; color: #2FFF8B;}

.service {
    position: absolute;
    left: .1rem;
}

.service img {
    width: .8rem;
    height: .57rem;
}

.service_title {
    text-align: center;
    color: #b9fff0;
}

.pupBulletin {
    margin-left: -3.17rem;
    margin-top: -2.5rem;
    width: 6.35rem
}

.bulletinTitle {
    margin: .25rem auto;;
    font-size: .34rem;
    color: #7dfce0;
    text-align: center;
}

.bulletinText {
    margin: 0 auto;
    padding: .25rem .15rem;
    width: 5.6rem;
    height: 5rem;
    background: #26907a;
    font-size: .32rem;
    color: #fbf5ab;
    border: 1px #33A38C solid;
    border-radius: .1rem;
    box-sizing: border-box;
    line-height: 1;
    overflow: auto;
}

.btnOk {
    display: block;
    margin: .15rem auto;
    width: 2.66rem;
    height: .81rem;
    background: url(../images/btn_ok.png) no-repeat;
    background-size: 100% 100%;
}
.btnNoticeJump{
    display: block;
    margin: .15rem auto;
    width: 2.66rem;
    height: .81rem;
    background: url(../images/lihat.png) no-repeat;
    background-size: 100% 100%;
}

.close-btn {
    position: absolute;
    top: .2rem;
    right: .23rem;
    display: block;
    width: .36rem;
    height: .38rem;
    background: url(../images/change_btn.png) no-repeat;
    background-size: 100% 100%;
}
#paypalBtn {
    margin: .2rem auto;
    display: block;
    background: transparent;
    border: none;
}

.ico-service{ top: .16rem; right: .16rem; width: .64rem; height: .65rem; background: url(../images/ico_service.png) no-repeat; background-size: 100% 100%;}


.applyTip106{position: fixed;top: 4.3rem;left: 50%;z-index: 106;margin-left: -3.17rem;width: 6.36rem;border-radius: .05rem;background: #2f9d86;box-shadow: 0 0 .05rem rgba(0, 0, 0, .25);}
.applyTip106 .btnSure {
    display: block;
    margin: .3rem auto .4rem;
    width: 2.93rem;
    height: .75rem;
    border-radius: .5rem;
    font-size: .38rem;
    line-height: 2;
}
.thickdiv105 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    border: 0 none;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 105;
}

.bgOrg.btnDownload{ color: #d9701a;}

.rule-list{ margin-left: .8rem; padding-bottom: .3rem; }
.rule-list li{ font-size: .26rem; color: #67f0bd; }
.rule-list li i{ display: inline-block; position: relative; top: -.03rem; margin-right: .05rem; width: .13rem; height: .13rem; background: #67F0BD; -webkit-border-radius: 50%; border-radius: 50%; }

.btnSpeeder{ position: absolute; top: 3.42rem; right: .1rem; width: 1.37rem; text-align: center; }
.btnSpeeder img{ width: 1.29rem;}
.btnSpeeder .btn{ position: relative; top: -.05rem; display: block; width: 1.37rem; height: .47rem; background: url("../images/btn_speeder_float.png") no-repeat; font-weight: bold; font-size: .22rem; color: #d9701a; text-align: center; line-height: .47rem; border-radius: .25rem; box-shadow: 0 0 .1rem rgba(0, 0, 0, .5); text-shadow: 0 .01rem .01rem #fff59d; background-size: 1.37rem .47rem;  }
.btnSpeeder .btn i{ display: inline-block; margin:0 .02rem; width: .23rem; height: .24rem; background: url("../images/ico_speeder_download.png") no-repeat; background-size: 100% 100%; vertical-align: middle; }

.pupSpeeder .list{ display: flex; display: -webkit-flex; margin: .2rem auto; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.pupSpeeder .list li{ position: relative; margin: .03rem; width: 1.93rem; -webkit-border-radius: .2rem; border-radius: .2rem; }
.pupSpeeder .list li .ico{ width: 1.93rem; }
.pupSpeeder .list li .name{left: 50%;bottom: .06rem;height: .4rem;width: 97%;font-size: .20rem;color: #fbf5ab;text-align: center;line-height: .4rem;background: rgba(25, 137, 114, .9);border-radius: 0 0 .1rem .1rem;transform: translateX(-50%);letter-spacing: .01rem;}
.pupSpeeder .list li .numSpeeder{ top: .1rem; right: .1rem; width: .63rem; height: .63rem; background: url("../images/ico_speeder.png") no-repeat; text-align: center; background-size: 100% 100%; }
.pupSpeeder .list li .numSpeeder img{ margin-top: .45rem; }
.pupSpeeder .tips{ margin: 0 auto; width: 5.75rem; font-size: .28rem; color: #6febd0; text-align: left; line-height: 1.2; }
.pupSpeeder .btnDownload{ margin: .35rem auto 0;  width: 5.75rem; background:linear-gradient(#C8FFF3,#73F2D7); }
.pupSpeeder .btnDownload i{ display: inline-block; position: relative; top: -.02rem; margin-right: .1rem; width: .42rem; height: .43rem; background: url("../images/btn_speeder_download.png") no-repeat; vertical-align: middle; background-size: 100% 100%; }
.pupSpeeder .list-img li, .pupSpeeder .list-img li .ico{ width: 5.76rem; }
#logoBox li:last-of-type {
    height:.8rem;
    line-height:.8rem;
    color:#B1B0B0 !important;
    font-size:.19rem;
    text-align:center;
}
#logoBox li:last-child {
    border-bottom: 0;
}
#logoBox li:first-of-type{
    border-bottom: .01rem #c9f1e3 solid;
}
.itemLogin  li:first-of-type{
    border-bottom: .01rem #c9f1e3 solid;
}