::-webkit-scrollbar { display: none; }

* { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img,
object,
iframe,
applet,
figure,
aside,
span { border: thin none; margin: 0; padding: 0; list-style: none; }

img { border: medium none; margin: 0; padding: 0; vertical-align: top; }

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fl { float: left; }

.fr { float: right; }

.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }

.clearfloat { zoom: 1; }

html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -webkit-tap-highlight: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; overflow: -moz-scrollbars-vertical; }

body {font-size: 14px;font-size: .875rem;font-family: "微软雅黑", Helvetica;min-width: 320px;max-width: 640px;padding: 0;line-height: 1.5em;-webkit-user-select: none;position: relative;background: #ff292a;}

img { width: 100%; }

.pos {position: relative;text-align: center;}
.pos-top{
  margin-top: -1.5em;
}

.pos1,
.pos2 { margin-bottom: 0px; }
.pos1{margin-top: 0px;}
.abs { position: absolute; z-index: 3; background-color: rgba(157, 25, 65, 0.5); }

.chongzhi-tiem {text-align: center;background: #93021a }

.chongzhi-tiem div { color: #fff;  padding: 5px 10px; }

.wait { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
.pos4 .over>img{bottom: 9%}
/*.pos4 .hand{bottom: 9%}*/

.over {
    position: absolute;
    /* top: 0; */
    left: 0;
    bottom: 0.5em;
    width: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0);
    text-align: center;
}
.over img {
    /* height: 35px; */
    /*position: absolute;*/
    /*bottom: 15%;*/
    /*left: 30%;*/
    width: 42%;
}
.hand {
    position: absolute;
    left: 27%;
    bottom: -0.5em;
    width: 44%;
    animation: collect_scale 2s ease infinite;
    -webkit-animation: collect_scale 2s ease infinite;
    z-index: 9;
}

.laber { position: absolute; top: 15px; right: 2%; width: 18%; z-index: 5; }



.pos2 .hand { animation-delay: 1s; -webkit-animation-delay: 1s; }

/* 放大缩小 */
@keyframes collect_scale {
    0% { transform: scale(1, 1); }

    7% { transform: scale(1.2, 1.2); }

    20% { transform: scale(1, 1); }

    27% { transform: scale(1.2, 1.2); }

    40% { transform: scale(1, 1); }

    100% { transform: scale(1, 1); }
}

@-webkit-keyframes collect_scale {
    0% { transform: scale(1, 1); }

    7% { transform: scale(1.2, 1.2); }

    20% { transform: scale(1, 1); }

    27% { transform: scale(1.2, 1.2); }

    40% { transform: scale(1, 1); }

    100% { transform: scale(1, 1); }
}

.question { position: absolute; left: 20%; width: 60%; height: 20%; bottom: 3%; z-index: 5; }

.links { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; text-align: center; padding: 0 20%; }

.links.ipx { padding-bottom: 20px; }

.links span { letter-spacing: 2px; color: #80000c; font-weight: bold; font-size: 17px; width: 48%; display: inline-block; height: 50px; line-height: 50px; position: relative; }



.btn-chongzhi { position: absolute; top: 2%; left: 3%; right: 3%; bottom: 2%; background: rgba(0, 0, 0, 0); z-index: 8; }

/* top */
.top { position: fixed; bottom: 60px; right: 0; z-index: 10; width: 45px; }

.count { position: absolute; top: 0%; left: 0%; width: 100%; z-index: 5; }

.count-num { position: absolute; top: 50%; left: 0; width: 30.4%; z-index: 6; transform: rotate(-35deg); text-align: center; margin-top: -1px; height: 30px; line-height: 30px; color: #fff; }

.banner-ani-img { position: absolute; top: 60%; left: 0; width: 100%; }

.banner-ani-img .img1 { display: none; }

/* user-info */
.user-info-box{position: relative;text-align: center;
background: url(../images/user-bg.png) no-repeat;background-size: 100% 100%;padding: 10px 10px 15px 10px;}
.user-img{position: relative; display: inline-block;vertical-align: top;width: 50px;height: 50px;border:2px solid #fff;border-radius: 30px;}
.user-img  img{border-radius: 50%;}
.user-img .icon-crown{position: absolute;top: -7px;left: -7px;width: 25px;border-radius: 0;}
.user-info{max-width: 70%;min-width: 50%; border: none;display: inline-block;vertical-align: top;border-radius: 30px;background:-webkit-linear-gradient(90deg,#edd7a6 ,#fff2d4,#edd7a6);background:linear-gradient(0deg,#edd7a6 ,#fff2d4,#edd7a6);padding: 2px 0px 5px 20px;}
.user-info p{height: 20px;color: #b21a11;text-align: left;}
.user-info p span{display: inline-block;vertical-align: top;overflow: hidden;width: 70%;height: 20px;text-overflow: ellipsis;padding-left: 4px;}
.m-b img{position: absolute;left: 5px;top: 2px;width: 13px;}
.m-b{display: inline-block;vertical-align: top; position: relative;border: 1px solid #d00542;height: 20px;line-height: 20px;border-radius: 20px;padding:0 10px 0 18px; background-color: #fff;color: #af000a;font-weight: bold;}
.bi-m{text-align: left;}
.bi-m>p{text-align: center;display: inline-block;vertical-align: top;}
/*规则弹窗*/
/* .question-bg{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;background-color: rgba(0,0,0,0.6);} */
.rule-con { position: relative; background: url(../images/rule_bg.png) repeat-y;background-size: 100% auto; color: #fff; }

/* .rule-con .h2{position: absolute;top: -50px;} */
.question-pop { position: relative; }

.rule-li { padding: 2px 1em; line-height: 20px; font-size: 0.8rem; }

.rule-list { padding: 0 0 10px 0; }

@keyframes hand_ani {
    0% { transform: scale(1); }

    20% { transform: scale(1.2); }

    40% { transform: scale(1); }

    60% { transform: scale(1.2); }

    80%, 100% { transform: scale(1); }
}

@-webkit-keyframes hand_ani {
    0% { -webkit-transform: scale(1); }

    20% { -webkit-transform: scale(1.2); }

    40% { -webkit-transform: scale(1); }

    60% { -webkit-transform: scale(1.2); }

    80%, 100% { -webkit-transform: scale(1); }
}

@media only screen and (max-width:360px) {
    body { font-size: 12px; }
}

@media only screen and (min-width:361px) and (max-width:410px) {
    body { font-size: 14px; font-size: .875rem; }
}

@media only screen and (min-width:411px) and (max-width:650px) {
    body { font-size: 14px; font-size: .875rem; }
}

/*弹出层样式*/
.popbox { width: 100%; height: 100%; margin: 0 auto; position: fixed; left: 0; top: 0; z-index: 999; }

.popbox .pop_msg {width: 70%;position: absolute;left: 15%;top: 43%;background: #fff;z-index: 13;border-radius: 5px;transform: translateY(-50%);-wbkit-transform: translateY(-50%);}

.popbox .pop_msg .pop_txt {width: 90%;margin: 0 auto;padding: 29px 0;overflow: hidden;}

.popbox .pop_msg .pop_txt p { color: #000; text-align: center; font-weight: bold; }

.popbox .pop_msg .pop_but { width: 90%; margin: 10px auto; overflow: hidden; }

.popbox .pop_msg .pop_but a { display: block; width: 100%; margin: 0 auto; padding: 10px 0; text-align: center; color: #fff; background: #94193f; border-radius: 5px; }

.popbox .pop_msg .pop_but .but1 { display: block; width: 47.5%; float: left; padding: 10px 0; text-align: center; color: #fff; background: #94193f; border-radius: 5px; }

.popbox .pop_msg .pop_but .but2 { display: block; width: 47.5%; float: left; margin-left: 5%; padding: 10px 0; text-align: center; color: #fff; background: #ccc; border-radius: 5px; }

.popbox .pop-sure {text-align: center;padding-bottom: 17px;}

.popbox .pop-sure .btn_sure { display: inline-block; vertical-align: top; padding: 5px 40px; border-radius: 5px; color: #fff; }

/*单边线样式*/
.d_bef_top { position: relative; border-top: 1px solid #eee; }

.pop_btns { width: 100%; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; }

.pop_btns a { text-align: center; padding: 14px 0; flex: 1; -webkit-flex: 1; }

a.btn_cancel { position: absolute; bottom: -50px; left: 50%; width: 50px; padding: 10px; margin-left: -20px; z-index: 3; }

a.btn_cancel {position: absolute;bottom: -68px;left: 50%;width: 50px;padding: 10px;margin-left: -25px;x: 3;}

a.btn_sure {     background: linear-gradient(90deg, rgba(253, 97, 64, 1) 0, rgba(240, 9, 25, 1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(253, 97, 64, 1) 0, rgba(240, 9, 25, 1) 100%); }

.pop-bg { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: 10; }

/*加载中*/
.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; text-align: center; background: rgba(144, 144, 144, 0.8); }

.loading_m { position: fixed; top: 50%; left: 50%; margin: -65px 0 0 -65px; }

.loading_tips { color: #252222; font-weight: bold; margin-top: -30px; }

.loading_ani { width: 131px; height: 131px; background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png) 0 0; -webkit-animation: loading_ani steps(3, end) 0.6s infinite; animation: loading_ani steps(3, end) 0.6s infinite; }

@-webkit-keyframes loading_ani {
    from { background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png); background-position: 0 0; }

    to { background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png); background-position: 0 -393px; }
}

@keyframes loading_ani {
    from { background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png); background-position: 0 0; }

    to { background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png); background-position: 0 -393px; }
}


/*地址弹窗*/
.addr-ipxh{height: 0;}
.pop-addr-m{border-radius: 12px 12px 0 0; position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;z-index: 2000;transform: translateY(100%);-webkit-transform: translateY(100%); transition: all .5s ease-out; -webkit-transition: all .5s ease-out;}
.pop-addr-m.on{transform: translateY(0);-webkit-transform: translateY(0);}
.pop-addr-tit{text-align: center;position: relative;padding: 10px;border-bottom: 1px solid #e6e6e6}
.pop-addr-close{position: absolute;top: 10px;right: 10px;width: 16px;}
.addr-list{    max-height: 20em;    overflow-y: auto;min-height: 20em;}
.addr-list li{padding: 10px;border-bottom: 1px solid #e6e6e6;position: relative;}
.f-a-ico img {    width: 1.3em;}
.addr-list li .a-ico1{display: none;}
.addr-list li .a-ico2{display: block;}
.addr-list li.active .a-ico1{display: block;}
.addr-list li.active .a-ico2{display: none;}
.f-a-ico {width: 7%;}
.f-a-center{width: 80%;}
.f-a-arrow {    width: 10%;    text-align: right;}
.f-a-arrow img {    height: 1.5em;    width: auto;    display: none;}
.active .f-a-arrow img {display: inline-block;vertical-align: top;}
.btn-sure{background: linear-gradient(90deg, rgba(253, 97, 64, 1) 0, rgba(240, 9, 25, 1) 100%);background: -webkit-linear-gradient(0deg, rgba(253, 97, 64, 1) 0, rgba(240, 9, 25, 1) 100%);color: #fff;;text-align: center;height: 40px;line-height: 40px; font-size: 1.125rem;font-weight: 700;}
.f-a-arrow1{position: absolute;top: 0;right: 10px;width: 14px;}
.f-a-arrow1:after{position: absolute;content: "";top: 14px;right: 0;width: 10px;height: 10px;border-top: 2px solid #bcbcbc;border-right: 2px solid #bcbcbc;transform: rotate(45deg);}



@media only screen and (max-width:320px){
    body{font-size:12px}
}
@media only screen and (min-width:321px) and (max-width:640px){
    body{font-size:14px;font-size:.875rem}
}
@media only screen and (max-height:600px ) {
     .rule-lli{line-height: 1.1em;}
}


.intime{/* margin-top: -10%; */position: absolute;width: 88%;left: 6%;top: 2%;}
.ms_djs{text-align: center;color: #000;font-size: .83em;width: 100%;z-index: 11;/* height: 50px; */line-height: 2.4em;background: #f9e8ed;/* background: url(../images/djs-bg.png)no-repeat; */background-size: 100% 100%;opacity: 1;border-radius: 16px;}
.sp_d>span,.sp_h>span,.sp_m>span,.sp_s>span{font-size: 1.1em;background: #fff;border-radius: 2px;width: 1.1em;margin: 0 1px;color: #ee562c;display: inline-block;line-height: 1.4em;font-weight: bold;}

.intime2{/* margin-top: -10%; */position: absolute;width: 51%;left: 26%;bottom: 15%;}
.ms_djs2{text-align: center;color: #fff;font-size: 1.1em;width: 100%;z-index: 11;/* height: 50px; */line-height: 2.4em;/* background: #000; *//* background: url(../images/djs-bg.png)no-repeat; */background-size: 100% 100%;opacity: 1;font-weight: bold;}
.sp_d2>span,.sp_h2>span,.sp_m2>span,.sp_s2>span{font-size: 1.8em;background: #fff;border-radius: 0px;/* width: 0.8em; */margin: 0 0px;color: #f4302f;display: inline-block;line-height: 1.4em;font-weight: bold;}

.bottom-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  /* background-color: #fff; */
  /* border-radius: 16px 16px 0 0; */
}

.tab1 {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 33%;
  display: inline-block;
}
.tab2 {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 33%;
  width: 33%;
  display: inline-block;
}
.tab3 {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 66%;
  width: 33%;
  display: inline-block;
}
/*.tab4 {
  position: absolute;
  bottom: 0;
  height: 100%;
  right: 0%;
  width: 25%;
  display: inline-block;
}*/