@charset "utf-8";

/*@font-face { font-family: hlcomibm; src: url(../font/TBFZTKRLP.eot?#font-spider) format('embedded-opentype'), url(../font/TBFZTKRLP.ttf) format('truetype'); font-weight: 400; font-style: normal }*/

/*@font-face { font-family: A_KsoKaisho; src: url(../font/A_KsoKaisho.eot?#font-spider) format('embedded-opentype'), url(../font/A_KsoKaisho.ttf) format('truetype'); font-weight: 400; font-style: normal }*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0 none; font: inherit; margin: 0; padding: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: outside none none }
blockquote, q { quotes: none }
blockquote::after, blockquote::before, q::after, q::before { content: none }
table { border-collapse: collapse; border-spacing: 0 }
* { box-sizing: border-box; outline: 0 none; -webkit-tap-highlight-color: transparent }
input, textarea { border-radius: 0; outline: 0 none; resize: none; -webkit-appearance: none }
.clearfix:after, .clearfloat:after { visibility: hidden; display: block; font-size: 0; content: ''; clear: both; height: 0 }
body, html { font-family: Arial, 'Heiti SC', Helvetica, 'Microsoft YaHei', sans-serif; -webkit-text-size-adjust: none position:relative; height: 100%; width: 100%; margin: 0 auto; background: #14012f; }
body { margin: 0 auto; min-width: 320px; position: relative; width: 100%; height: 100%; background: #14012f; font-size: 14px; color: #000; margin: 0; padding: 0 }
a { text-decoration: none; color: inherit }
.clearfloat:after { clear: both; content: ''; display: block; height: 0; visibility: hidden }
.ridius { border-radius: 5px }
.compatibleStyle { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-perspective: 0; -webkit-transform: translate3d(0, 0, 0); visibility: visible }
.black_overlay { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; z-index: 988; -moz-opacity: .5; opacity: .5 }
.btn { display: block; cursor: pointer }
.pos { position: absolute }
.fl { float: left }
.fr { float: right }
.w750 { width: 100% }
.hide { display: none }
select { border: solid 1px #000; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: red; padding-right: 14px }
select::-ms-expand { display: none }
select { text-align: right }
option { text-align: right }
input { background: 0 0; outline: 0; border: 0 }
input::-webkit-input-placeholder { font-family: A_KsoKaisho }
input:-moz-placeholder { font-family: A_KsoKaisho }
input::-moz-placeholder { font-family: A_KsoKaisho }
input:-ms-input-placeholder { font-family: A_KsoKaisho }
.imgcove { width: 100%; height: 100%; }
#pages { width: 100%; max-width: 7.5rem; height: 100%; }
#pages .swiper-slide { text-align: center; font-size: 18px; background: #14012f; }
#pages .page1 { background: url(../images/p1.jpg) no-repeat 0 0 / 100% 13.34rem; }
#pages .page2 { background: url(../images/p2.jpg) no-repeat 0 0 / 100% 13.34rem; }
#pages .page3 { background: url(../images/p3.jpg) no-repeat 0 0 / 100% 13.34rem; }
#pages .page4 { background: url(../images/p4.jpg) no-repeat 0 0 / 100% 13.34rem; }
#pages .page5 { background: url(../images/p5.jpg) no-repeat 0 0 / 100% 13.34rem; }
.nav { width: 100%; height: 0.98rem; background: url(../images/nav.jpg) no-repeat 0 0 / 100% 0.98rem; }
.nav .logo { display: block; width: 2.33rem; height: 1.48rem; float: left; }
.nav .btn-gp { width: 1.93rem; height: 0.58rem; float: left; margin: 0.2rem 0.25rem 0 1.1rem; }
.nav .btn-app { width: 1.56rem; height: 0.58rem; float: left; margin: 0.2rem 0 0; }
.goto1, .goto2, .goto3, .goto4 { width: 2.65rem; height: 1.55rem; position: absolute; }
.goto1 { top: 6.18rem; left: 0.46rem; }
.goto2 { top: 6.9rem; right: 0.64rem; }
.goto3 { top: 8.5rem; left: 0.76rem; }
.goto4 { top: 8.94rem; right: 0.64rem; }
.next { width: 0.83rem; height: 0.35rem; background: url(../images/next.png) no-repeat 0 0 / 0.83rem 0.35rem; position: absolute; left: 50%; margin-left: -0.42rem; bottom: 0.1rem; animation: up 1s ease-in infinite; -moz-animation: up 1s ease-in infinite; -webkit-animation: up 1s ease-in infinite; }
@keyframes up {
    0% { transform: translateY(0); opacity: 0 }
    50% { transform: translateY(10px); opacity: 1 }
    100% { transform: translateY(20px); opacity: 0 }
}
@-webkit-keyframes up {
    0% { -webkit-transform: translateY(0); opacity: 0 }
    50% { -webkit-transform: translateY(10px); opacity: 1 }
    100% { -webkit-transform: translateY(20px); opacity: 0 }
}

/* page2 */
.lottpic { background: rgba(0, 0, 0, 0.5); margin-top: 3.75rem; }
.lott-btn-can { text-align: center; }
.lott-btn-can .btn { display: inline-block; margin: 0 0.42rem; }
.btn-login { width: 2.51rem; height: 0.73rem; background: url(../images/btn-login-share.png) no-repeat 0 0 / 100% 100%; }
.btn-mycode { width: 2.51rem; height: 0.73rem; background: url(../images/btn-mycode.png) no-repeat 0 0 / 100% 100%; }
.luckyDraw { width: 100%; margin: 3.5rem auto 0; height: 5.68rem; background: rgba(0, 0, 0, 0.5); }
.lottery { width: 100%; height: 100%; position: relative; }
.lottery li { width: 1.68rem; height: 1.79rem; box-sizing: border-box; text-align: center; position: absolute; text-indent: -99em;cursor: pointer; }
.lottery li:nth-of-type(1) { left: 0.23rem; top: 0; background: url(../images/lott1.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(2) { left: 2.0rem; top: 0; background: url(../images/lott2.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(3) { left: 3.8rem; top: 0; background: url(../images/lott3.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(4) { left: 5.6rem; top: 0; background: url(../images/lott4.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(5) { left: 5.6rem; top: 1.9rem; background: url(../images/lott5.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(6) { left: 5.6rem; top: 3.8rem; background: url(../images/lott6.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(7) { left: 3.8rem; top: 3.8rem; background: url(../images/lott7.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(8) { left: 2.0rem; top: 3.8rem; background: url(../images/lott8.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(9) { left: 0.23rem; top: 3.8rem; background: url(../images/lott9.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(10) { left: 0.23rem; top: 1.9rem; background: url(../images/lott10.png) no-repeat 0 0 / 100% 100%; }
.lottery li:nth-of-type(11) { width: 3.46rem; height: 1.79rem; background: url(../images/btn-lott.png) no-repeat 0 0 / 100% 100%; top: 50%; left: 50%; transform: translate(-50%, -52%); text-indent: -99em; }
.active:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; filter: brightness(200%); background: rgba(255, 255, 255, 0.1); }
.active:after img { filter: brightness(200%); }
.tips-lott { color: #9497bb; font-size: 0.2rem; margin-bottom: 0.5rem; }
.fixnav { width: 100%; height: 1.18rem; background: url(../images/fnav-bg.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 0; left: 0; text-align: center; }
.fixnav p { width: 1.24rem; height: 0.74rem; display: inline-block; margin: 0.25rem 0.2rem; }
.fixnav .nlist1 { background: url(../images/fnav1.png) no-repeat 0 0 / 100% 100%; }
.fixnav .nlist2 { background: url(../images/fnav2.png) no-repeat 0 0 / 100% 100%; }
.fixnav .nlist3 { background: url(../images/fnav3.png) no-repeat 0 0 / 100% 100%; }
.fixnav .nlist4 { background: url(../images/fnav4.png) no-repeat 0 0 / 100% 100%; }

.lottery li.game_go{
    text-indent: 0;
}
.lottery li.game_go .shengycs{
    color: #fff;
    font-size: 0.4rem;
    line-height: 3rem;
}
/* page3 */
.bd { position: relative; overflow: hidden; margin-top: 3.0rem; }
.hd1, .hd2, .hd3, .hd4, .hd5, .hd6 { width: 6.79rem; height: 0.71rem; margin: 0 auto 0.15rem; position: relative;}
.hd1 { background: url(../images/p3-c1.png) no-repeat 0 0 / 100% 3.75rem; }
.hd2 { background: url(../images/p3-c2.png) no-repeat 0 0 / 100% 3.75rem; }
.hd3 { background: url(../images/p3-c3.png) no-repeat 0 0 / 100% 3.75rem; }
.hd4 { background: url(../images/p3-c4.png) no-repeat 0 0 / 100% 3.75rem; }
.hd5 { background: url(../images/p3-c5.png) no-repeat 0 0 / 100% 3.75rem; }
.hd6 { background: url(../images/p3-c6.png) no-repeat 0 0 / 100% 3.75rem; }
.hdbg1 { width: 100%; height: 0.71rem; background: url(../images/p3-t1.png) no-repeat 0 0 / 100% 0.71rem; }
.hdbg2 { width: 100%; height: 0.71rem; background: url(../images/p3-t2.png) no-repeat 0 0 / 100% 0.71rem; }
.hdbg3 { width: 100%; height: 0.71rem; background: url(../images/p3-t3.png) no-repeat 0 0 / 100% 0.71rem; }
.hdbg4 { width: 100%; height: 0.71rem; background: url(../images/p3-t4.png) no-repeat 0 0 / 100% 0.71rem; }
.hdbg5 { width: 100%; height: 0.71rem; background: url(../images/p3-t5.png) no-repeat 0 0 / 100% 0.71rem; }
.hdbg6 { width: 100%; height: 0.71rem; background: url(../images/p3-t6.png) no-repeat 0 0 / 100% 0.71rem; }
.bd .curr { height: 3.75rem; transition: all 0.8s; }
.bd .curr p { -webkit-filter: brightness(120%); /* Chrome, Safari, Opera */ filter: brightness(120%); }

.zs400{
    width:2.6rem;
    height: 0.7rem;
    position: absolute;
    bottom: 0.55rem;
    left: 50%;
    margin-left: -1.3rem;
    text-indent: -99em;
}

/*page4*/
.page4 .btn-tp { width: 2.51rem; height: 0.73rem; background: url(../images/btn-tp.png) no-repeat 0 0 / 100% 100%; margin: 0.2rem auto 0; }
.hero-pic { width: 6.7rem; height: 6.9rem; background: url(../images/zhiye-bg.png) no-repeat 0 0 / 100% 100%; position: relative; overflow: hidden; margin: 3rem auto 0; margin-left: 0.6rem; }
.hero-pic p { text-indent: -99em; width: 1.3rem; height: 1.5rem; position: absolute;    /*background: rgba(0,0,0,0.5);*/ }
.hero-pic .btn_mhqs { top: 0; left: 2.5rem; }
.hero-pic .btn_mjs { top: 1.6rem; left: 5rem; }
.hero-pic .btn_sds { top: 4.1rem; left: 5.05rem; }
.hero-pic .btn_js { top: 5.6rem; left: 2.5rem; }
.hero-pic .btn_gjs { top: 4.1rem; left: 0.1rem; }
.hero-pic .btn_mfs { top: 1.6rem; left: 0.05rem; }
.heroimg { width: 4.07rem; height: 4.08rem; position: absolute; top: 50%; left: 50%; margin-left: -2.2rem; margin-top: -1.9rem; }

/* page5 */
.pic-footer { width: 100%; height: 5.8rem; background: rgba(0, 0, 0, 0.5); margin-top: 3.7rem; padding-top: 1.0rem; }
.foo-btn-cen { text-align: center; margin-top: 0.3rem; }
.foo-btn-cen .btn { display: inline-block; width: 2.51rem; height: 0.73rem; margin: 0 0.42rem; }
.foo-btn-cen .btn-vis { background: url(../images/btn-ckbb.png) no-repeat 0 0 / 100% 100%; }
.foo-btn-cen .btn-gz { background: url(../images/btn-gz.png) no-repeat 0 0 / 100% 100%; }
.xy-link a { display: inline-block; color: #d9dddc; font-size: 0.2rem; margin: 0 0.15rem; }
#pages .page6 { background: #170a26; height: auto !important; position: relative; overflow: hidden; padding-bottom: 0.4rem; }
.xy-link { text-align: center; margin-top: 0.5rem; }
#pages .page6 p { color: #d9dddc; font-size: 0.2rem; margin-top: 0.3rem; }
#lbpic { width: 100%; }
#lbpic .swiper-pagination { bottom: -0.3rem; }
.lbpic-swpag { text-align: center; margin: 0 auto; width: 100%; }
.lbpic-swpag .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; opacity: 0.3; background: #fff; margin: 0 0.1rem; }
.lbpic-swpag .swiper-pagination-bullet-active { opacity: 0.9; background: #fff; }

/*=========================== dialog通用样式开始 ====================================*/
#maskLayer { display: none; position: absolute; z-index: 10000; left: 0; top: 0; width: 100%; margin: 0 auto; height: 100%; background: #040001; opacity: 0.9; filter: alpha(opacity=90); }
#alertInfo { display: none; background: rgba(255, 255, 255, 0); left: 50%; top: -100%; position: absolute; z-index: 10001; width: 100%; max-width: 7.5rem; }
#alertInfo .close { position: absolute; right: 0.15rem; top: -0.15rem; overflow: hidden; font-size: 0; text-indent: -999999px; display: block; width: 0.32rem; height: 0.32rem; cursor: pointer; background: url(../images/pop/close.png) no-repeat center center; background-size: 0.85rem 0.81rem; z-index: 220; transition: transform ease-in 0.2s; z-index: 1; }

/* ==========弹出框========== */
.pop { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }

/* 公共部分结束 */

/* 活动规则 */
.poponeDay { width: 6.44rem; height: 4.79rem; background: url(../images/pop/pop-gz.png) no-repeat 0 0 / 100% 100%; }
.poponeDay .borbox dl { margin: 0.35rem 0 0; padding: 0 0.3rem; }
.poponeDay .borbox dl dt, .poponeDayV .borbox dl dt { color: #fff; text-align: center; font-size: 0.36rem; font-weight: bold; padding-bottom: 0.1rem; }
.poponeDay .borbox dl dd, .poponeDayV .borbox dd { color: #fff; font-size: 0.20rem; }

/* 活动规则V */
.poponeDayV { width: 6.44rem; height: 7.39rem; background: url(../images/pop/pop_2year.png) no-repeat 0 0 / 100% 100%; }
.poponeDayV .borbox dl { margin: 0.45rem 0 0; padding: 0 0.3rem; }

/* 兑换码 */
.popYqh_bg { width: 6.44rem; height: 4.08rem; background: url(../images/pop/pop-code.png) no-repeat 0 0 / 100% 100%; margin: 0 auto; }
.popYqh_bg .dhm { width: 5.7rem; height: 2.25rem; background: rgba(0, 0, 0, 0.6); margin: 0rem auto 0; overflow: hidden; overflow-y: auto; padding: 0.15rem; }
.popYqh_bg .dl_lists { color: #ffe348; font-size: 0.25rem; text-align: center; position: relative; padding: 0.15rem; overflow: hidden; }
.popYqh_bg .dl_lists dt, .popYqh_bg .dl_lists dd { float: left; margin-right: 0.15rem; }
.popYqh_bg .dl_lists .copyele { color: #ff0000; font-size: 0.22rem; background: #feffd8; width: 0.58rem; height: 0.28rem; position: absolute; top: 50%; right: 0.1rem; margin-top: -0.14rem; }

/* 勇士礼包 */
.Preview { width: 6.44rem; height: 4.03rem; background: url(../images/pop/pop-toupiao.png) no-repeat 0 0 / 100% 100%; margin: 0 auto; }
.glo_code { width: 5.4rem; height: 0.72rem; line-height: 0.72rem; color: #ffde00; font-size: 0.52rem; text-indent: 1.5em; position: absolute; bottom: 0.5rem;left: 0.6rem; }
.glo_code .copyele { color: #ff0000; font-size: 0.38rem; background: #feffd8; width: 1.0rem; height: 0.54rem; line-height: 0.54rem; position: absolute; bottom: 0.08rem; right: -0.2rem; display: block; text-align: center; text-indent: 0; }

/* 中奖弹框 */
.pglott { width: 6.44rem; height: 6.75rem; background: url(../images/pop/pop-lott.png) no-repeat 0 0 / 100% 100%; margin: 0 auto; }
.pglott .typeimg { width: 1.68rem; height: 1.8rem; left: 50%; margin-left: -0.9rem; position: absolute; top: 2.75rem; }
.pglott .glo_code { bottom: 1.15rem; }
#glo_code, #glo_lott_code { color: #ff0000; font-size: 0.38rem; background: #feffd8; width: 1.0rem; height: 0.54rem; line-height: 0.54rem; position: absolute; bottom: 0.08rem; right: -0.2rem; display: block; text-align: center; text-indent: 0; }


/* 直升400 code弹出 */
.glo_zs { width: 6.44rem; height: 4.03rem; background: url(../images/pop/pop-toupiao-zs.png) no-repeat 0 0 / 100% 100%; margin: 0 auto; }
.glo_zs .glo_code {
    bottom: 0.4rem;
    left: 0.6rem;
}