html {width:100%;background: #f95155;}
body {margin:0;padding:0;color:#000;font-family: PingFangSC-Regular, Verdana, Arial;width: 7.5rem;max-width:7.5rem;overflow-x: hidden;display:block;height: 100%;font-size: 0.28rem;}
a,img,p,h1,h2,h3,span {padding: 0;margin: 0;display:inline-block;}
img,i {display: block;}
li,ul {list-style-type: none;margin:0;padding: 0;}
button {border:0;background:transparent;padding:0;margin:0;display: block;outline:none;}
a,a:active,a:visited {text-decoration: none;color:#000;}

* {box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
.one_line_hidden,.navigation .title {overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.two_line_hidden {overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
/* display: flex; */
.avatar,.textbox,.towbox,.count-down-in,#box ul li,.BillingList .title,.infobox .line1,.tipcoins,.DownloadBox,.btn,.headerbox .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.avatar,.textbox,.towbox,.infobox .line1,.tipcoins,.DownloadBox,.btn,.headerbox .title {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-align:center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
.count-down-in,.BillingList .title,.tipcoins,.btn,.headerbox .title {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-pack:center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
.leftAlign {
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-pack:flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;}
.rightAlign {
    -webkit-box-align: flex-end;
    -moz-box-align: flex-end;
    -ms-flex-pack:flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;}
.r {display:-webkit-box;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;}
.c {transition: all .3s ease-in-out;}
.hide {visibility: hidden;opacity:0;}
.show {visibility: visible;opacity:1;}
.headerbox {width: 7.5rem;height: 7.93rem;background: url(../images/header_bg.png) no-repeat center;background-size: 7.5rem 7.93rem;position: relative;}
.avatar {width: 6.58rem;margin-left: 0.46rem;padding-top: 0.4rem;height: 2rem;}
.avatar img {width: .9rem;height: .9rem;border-radius: 50%;min-width: .9rem;}
.textbox {margin-left: 0.2rem; box-shadow: 0px 4px 9px 0px #ff4045a8;}
.textbox .text {background: #fff;font-size: 0.28rem;padding:.16rem .2rem;border-radius: .1rem;}
.arrow {width: .13rem;height: .29rem;min-width:.13rem;background: #fff;background: url(../images/arrow.svg) no-repeat center;background-size: .13rem .29rem;}
.headerbox .title {font-size: .28rem;font-weight: bold;text-align: center;margin: 1.1rem auto 0;margin: 0.78rem auto;
    width: 4rem;
    height: 0.8rem;margin: .4rem auto 0;}
.towbox {color: #fff;color: #fff;padding: 0.22rem 0 0 1.05rem;}
.subbox {width: 2.43rem;height: 1.6rem;padding: 0 0.1rem;}
.towbox .subbox:first-child {margin-top: 0.26rem;}
.towbox .subbox:last-child {margin-top: 0.45rem;margin-left: 0.5rem;}
.subbox div {text-align: center;}
.subbox div:first-child {font-size: 0.24rem;line-height: .24rem;}
.subbox div:nth-child(2) {font-size: 0.24rem;}
.subbox div:last-child {font-size: 0.32rem;font-weight: bold;}
.subbox div:last-child span {font-size: 0.24rem;font-weight: normal;}
.Newcomers {font-size: .2rem;font-weight: bold;color: #fff;position: absolute;right: 3.9rem;
    top: 3.32rem;
    background: #ffd025;
    text-shadow: 0 0 3px #ec9a00;
    height: 0.32rem;
    line-height: .3rem;
    padding: 0 0.2rem;
    border-radius: 0.16rem 0.05rem 0 0.16rem;}
.btn {width: 4.75rem;height: 1.02rem;background: url(../images/btn.png) no-repeat center;background-size: 4.75rem 1.02rem;color: #cf2d25;font-size: 0.32rem;text-align: center;
    font-weight: bold;line-height: .32rem;margin: 0.7rem auto 0;animation:mymove 4s infinite;padding: 0.1rem;
    -webkit-animation:mymove 4s infinite; 
    animation-direction:alternate;
    animation-timing-function: ease-in-out; 
    -webkit-animation:mymove 4s infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: ease-in-out;}
@keyframes mymove
{
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }

}

@-webkit-keyframes mymove
{
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}
.count-down-in {font-size: .38889rem;color: #db080d;margin-right:.2rem;margin-left:.1rem;}
.count-down-desc-in {display: inline-block;transform: translateY(0);color: #fdf0b7;font-size: .32rem;width: 100%;
    text-align: center;
    margin-top: 0.2rem;}
.count-down-grid {display: inline-block;height: 0.66667rem;width: 0.66667rem;border-radius: .12rem;background: #fdf0b7;font-weight: 700;
    font-size: .32rem;line-height: .66667rem;text-align: center;}
.download2 .count-down-column {display: inline-block;height: 0.33333rem;width: 0.33333rem;text-align: center;color: #fff;}
.BillingList {width: 7.5rem;background: url(../images/bg.png) repeat-x top left;background-size: .02rem 9.22rem;padding-bottom: 1.9rem;}
.BillingList .title {color: #f44b4f;font-size: .34rem;font-weight: bold;text-align: center;background-color: #fff;
    margin-left: 0.4rem;width:6.7rem;padding: 0.3rem;margin-top: 0.35rem;border-bottom:1px solid #eee;border-radius: .25rem .25rem 0 0;}
.count-down-column {color: #fdf0b7;font-size: .28rem;height: 0.66667rem;line-height: 0.66667rem;width: 0.3rem;text-align: center;}
.time {padding-top: .2rem;}
.BillingList #box {background: #fff;border-radius: 0 0 .25rem .25rem;margin-left: 0.4rem;width: 6.7rem;height:7rem;overflow: hidden;}
#box ul li > img {width: .52rem;height: .52rem;border-radius: 50%;min-width: .52rem;}
.BillingList .title i {background: url(../images/title_hua.png) repeat-x center;background-size:.42rem .26rem;width:.42rem;height:.26rem;margin-top: 0.16rem;}
.BillingList .title span {color: #f44b4f;font-size: 0.34rem;font-weight: bold;padding:0 .16rem}
.infobox {margin-left: 0.2rem;}
.infobox .line1 {

}
.infobox .line1 > span {font-weight: bold;font-size: 0.28rem;color: #000;max-width: 4rem;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#box ul {}
#box ul li {padding: .3rem .2rem;border-top:1px solid #eee;}
.infobox .line2 {font-size: 0.28rem;margin:.2rem 0}
.tipcoins {margin-left: 0.1rem;}
.tipcoins i {background: url(../images/add_coins_arrow.svg) repeat-x center;background-size: .09rem .17rem;width:.09rem;height:.17rem;}
.tipcoins span {font-size: 0.22rem;font-weight: bold;background: #fef2ba;color: #d02e25;padding:.1rem .15rem;border-radius: .1rem;}
.infobox .line3 {color: #939393;}
.DownloadBox {width: 100%;background: rgb(178, 0, 12, 0.8); position: fixed;bottom: 0;left: 0;z-index: 1;padding: 0.15rem 1.9rem 0.15rem 0.2rem;}
.DownloadBox img {width: .76rem;height: .76rem;}
.DownloadBox .titlebox {}
.DownloadBox .titlebox p {display: block;color: #fff;margin-left: 0.2rem;}
.DownloadBox .titlebox p:first-child {font-weight: bold;font-size: 0.32rem;}
.DownloadBox .titlebox p:last-child {font-size: 0.2rem;margin-top: 0rem;}
.DownloadBox a { width: 1.82rem; height: 0.69rem; line-height: 0.69rem; text-align: center; background: #feda4f; color: #cf2d25; font-size: 0.28rem; font-weight: bold; position: absolute; right: 0.2rem; border-radius: 5rem; background: linear-gradient(to right, #fde792, #fcbc34); box-shadow: 0 0 7px 1px #c50000; text-shadow: 0 0 1px #fde283; }