@charset "utf-8";

/*导入字体*/

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

/* CSS Document wlo:Cflower */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, 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::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0 none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, textarea { -moz-border-radius: 0; border-radius: 0; outline: 0 none; resize: none; -webkit-appearance: none;    /*去掉iOS下input的默认内阴影*/ }
.clearfix:after, .clearfloat:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
a { text-decoration: none; color: inherit; }
.clearfloat:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.ridius { -moz-border-radius: 5px; border-radius: 5px; }

/*2019年5月27日14:25:25 add新增 Chrome和Firefox里面的边框是不一样的，所以复写了一下 很关键：将默认的select选择框样式清除 */
select { border: solid 1px #c8b37f; appearance: none; -moz-appearance: none; -webkit-appearance: none;    /*将背景改为红色*/ background: red;    /*加padding防止文字覆盖*/ padding-right: 14px; }

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
select { text-align: right; }
option { text-align: right; }
input { background: none; outline: none; border: 0px; }

/*假如添加了video标签,可能会出现video标签默认置顶的情况,解决这个bug可以通过样式设置来规避;*/
.compatibleStyle { backface-visibility: hidden; -webkit-backface-visibility: hidden;    /* Chrome 和 Safari */ -moz-backface-visibility: hidden;    /* Firefox */ -ms-backface-visibility: hidden;    /* Internet Explorer */ -webkit-perspective: 0; -webkit-transform: translate3d(0, 0, 0); visibility: visible; }

/*=========================== 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.5rem; top: 0.2rem; overflow: hidden; font-size: 0; text-indent: -999999px; display: block; width: 0.46rem; height: 0.46rem; cursor: pointer; background: url(../images/close.png) no-repeat center center; background-size: 0.46rem 0.46rem; z-index: 220; transition: transform ease-in 0.2s; }
/*#alertInfo .close:hover { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); }*/
/*=========================== dialog通用样式结束 ====================================*/

/*弹出层遮罩div*/
.btn { display: block; cursor: pointer; }
.pos { position: absolute; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.scrollAni { opacity: 0; }
.scrollAni:not(IE9Only) { filter: alpha(opacity=100); }
html { font-family: "Arial", "Heiti SC", "Helvetica", "Microsoft YaHei", sans-serif; -webkit-text-size-adjust: none; }
html, body { position: relative; height: 100%; width: 100%; }
body { font-size: 0.14rem; color: #000; margin: 0; padding: 0; }
#wrap { width: 7.5rem; height: 13.34rem; overflow: hidden; background: red; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0; background-size: 7.5rem 13.34rem; position: relative; }
#head { width: 100%; height: 0.86rem; background: url(../images/nav.png) no-repeat 0 0 / 100% 0.86rem; padding: 0 0.2rem; }

/*======头部=====*/
#head .user_info { font-size: 0.22rem; color: #fff; line-height: 0.86rem; width: 3.5rem; text-overflow: ellipsis; white-space: nowrap;/*禁止自动换行*/ overflow: hidden; }
#head .user_info .login { color: #ffe400; }
#head .navbtncc { float: right; overflow: hidden; height: 0.86rem; text-align: center; }
#head .navbtncc .btn_day, #head .navbtncc .btn_dhm { background: url(../images/btns.png) no-repeat 0 0 / 2.57rem 5.54rem; height: 0.41rem; margin-top: 0.22rem; float: left; }
#head .navbtncc .btn_day { width: 1.23rem; background-position: 0 0; text-indent: -999em; margin-right: 0.2rem; }
#head .navbtncc .btn_dhm { width: 1.24rem; background-position: -0.05rem -1.27rem; position: relative; }
#head .navbtncc .btn_dhm .icon_num { position: absolute; top: -0.12rem; right: 0; width: 0.24rem; height: 0.24rem; border: 0.02rem solid #fff; background: #ed0d2d; text-align: center; line-height: 0.22rem; font-size: 0.16rem; color: #fff; border-radius: 50% }

/* ======底部====== */
#foot { background: url(../images/footer.png) no-repeat 0 0 / 100% 1.25rem; position: absolute; width: 100%; position: absolute; bottom: 0; left: 0; height: 1.25rem; }
.lott_num { text-align: center; color: #fff; font-size: 0.26rem; line-height: 1.6rem; }
.lott_num span { color: #ff0000; }
.my_ani i { display: block; width: 0.35rem; height: 0.33rem; }
.op_lf { background: url(../images/ani/opl.png) no-repeat 0 0 / 0.35rem 0.33rem; }
.op_ri { background: url(../images/ani/opr.png) no-repeat 0 0 / 0.35rem 0.33rem; }

/*==左侧===*/
.myopl { left: 1.9rem; bottom: 0.58rem; }
.my_ani .op1 { position: absolute; top: 0; left: 0; }
.my_ani .op2 { position: absolute; top: 0; left: 0.2rem; }
.my_ani .op3 { position: absolute; top: 0; left: 0.4rem; }

/*==右侧===*/
.myopr { right: 2.6rem; bottom: 0.58rem; }
.my_ani .op4 { position: absolute; top: 0; left: 0; }
.my_ani .op5 { position: absolute; top: 0; left: 0.2rem; }
.my_ani .op6 { position: absolute; top: 0; left: 0.4rem; }
.myopl > i:nth-child(0), .myopr > i:nth-child(3) { -webkit-animation: opacity 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
.myopl > i:nth-child(1), .myopr > i:nth-child(2) { -webkit-animation: opacity 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
.myopl > i:nth-child(2), .myopr > i:nth-child(1) { -webkit-animation: opacity 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
.myopl > i:nth-child(3), .myopr > i:nth-child(0) { -webkit-animation: opacity 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
@-webkit-keyframes opacity {
    0% { opacity: 1; }
    45% { opacity: 0.5; }
    80% { opacity: 1; }
}
@keyframes opacity {
    0% { opacity: 1; }
    45% { opacity: 0.5; }
    80% { opacity: 1; }
}

/* ===========底部结束======== */

/* ==========正文内容开始======== */
#main { position: relative; overflow: hidden; height: 100%; }
.myqin { width: 1.65rem; height: 1.1rem; top: 0.4rem; overflow: hidden; }
.myqin i { display: block; width: 1.67rem; height: 0.51rem; }
.myqin .qin_1 { background: url(../images/ani/l-1.png) no-repeat 0 0 / 1.65rem 0.51rem; position: absolute; z-index: 10; left: -0.05rem; }
.myqin .qin_2 { background: url(../images/ani/l-2.png) no-repeat 0 0 / 1.65rem 0.51rem; position: absolute; z-index: 8; left: -0.4rem; top: 0.2rem; }
.myqin .qin_3 { background: url(../images/ani/l-3.png) no-repeat 0 0 / 1.65rem 0.51rem; position: absolute; z-index: 7; left: -0.8rem; top: 0.4rem; }
.myqin .qin_4 { background: url(../images/ani/l-4.png) no-repeat 0 0 / 1.65rem 0.51rem; position: absolute; z-index: 6; left: -1.2rem; top: 0.6rem; }
.myqin .qin_5 { background: url(../images/ani/r-1.png) no-repeat 0 0 / 1.65rem 0.51rem; position: absolute; z-index: 10; right: -0.05rem; }
.myqin .qin_6 { background: url(../images/ani/r-2.png) no-repeat 0 0 / 1.65rem 0.51rem; position: absolute; z-index: 8; right: -0.4rem; top: 0.2rem; }
.myqin .qin_7 { background: url(../images/ani/r-3.png) no-repeat 0 0 / 1.65rem 0.51rem; position: absolute; z-index: 7; right: -0.8rem; top: 0.4rem; }
.myqin .qin_8 { background: url(../images/ani/r-4.png) no-repeat 0 0 / 1.65rem 0.51rem; position: absolute; z-index: 6; right: -1.2rem; top: 0.6rem; }
.qinlf { left: 0; }
.qinri { right: 0; }
.delay-100ms { animation-delay: 100ms; -webkit-animation-delay: 100ms; /* Safari 和 Chrome */ }
.delay-200ms { animation-delay: 200ms; -webkit-animation-delay: 300ms; /* Safari 和 Chrome */ }
.delay-300ms { animation-delay: 300ms; -webkit-animation-delay: 600ms; /* Safari 和 Chrome */ }
.delay-400ms { animation-delay: 400ms; -webkit-animation-delay: 800ms; /* Safari 和 Chrome */ }

/*===tab部分===*/
.tablist { width: 7.57rem; height: 2.36rem; margin: 1.3rem auto 0; background: url(../images/tablist-bg.png) no-repeat 0 0 / 7.57rem 2.36rem; position: relative; }
.mpd_1:after { width: 6.89rem; height: 1.85rem; content: ''; position: absolute; top: 0.05rem; left: 50%; margin-left: -3.42rem; background: url(../images/shandeng.png) no-repeat 0 0 / 6.92rem 3.96rem; }
.mpd_2:after { width: 6.89rem; height: 1.85rem; content: ''; position: absolute; top: 0.05rem; left: 50%; margin-left: -3.42rem; background: url(../images/shandeng.png) no-repeat 0 0 / 6.92rem 3.96rem; background-position: 0 -2.12rem; }
.tablist .item { width: 1.69rem; height: 1.35rem; background: red; position: absolute; background: url(../images/tablist.png) no-repeat 0 0; z-index: 999; cursor: pointer; background-size: 6.17rem 3.54rem; }
.tablist .item1 { background-position: 0.15rem 0.08rem; top: 0.27rem; left: 0.5rem; }
.tablist .item2 { background-position: -2.26rem 0.08rem; top: -0.55rem; left: 50%; margin-left: -0.8rem; }
.tablist .item3 { background-position: -4.6rem 0.11rem; top: 0.25rem; right: 0.5rem; }

.tablist .item1.curr { top: 0.35rem; background-position: 0.15rem -2.2rem; }
.tablist .item2.curr { top: -0.48rem; background-position: -2.27rem -2.16rem; }
.tablist .item3.curr { top: 0.35rem; background-position: -4.52rem -2.18rem; }

.tablist .item4 { top: -0.55rem; left: 50%; margin-left: -0.8rem; width: 1.69rem; height: 1.35rem; background: red; position: absolute; background: url(../images/tablist2.png) no-repeat 0 0; z-index: 999; cursor: pointer; background-size: 6.17rem 3.54rem; background-position: -2.26rem 0.08rem; }
.tablist .item4.curr { top: -0.48rem;  width: 1.69rem; height: 1.35rem; background: red; position: absolute; background: url(../images/tablist2.png) no-repeat 0 0; z-index: 999; cursor: pointer; background-size: 6.17rem 3.54rem;background-position: -2.27rem -2.16rem; }

.delay-0ms { animation-delay: 0ms; -webkit-animation-delay: 0ms; animation-duration: 600ms; /* Safari 和 Chrome */ }
.delay-10ms { animation-delay: 100ms; -webkit-animation-delay: 100ms; animation-duration: 600ms; /* Safari 和 Chrome */ }
.delay-20ms { animation-delay: 200ms; -webkit-animation-delay: 200ms; animation-duration: 600ms; /* Safari 和 Chrome */ }
.delay-30ms { animation-delay: 300ms; -webkit-animation-delay: 300ms; animation-duration: 600ms; /* Safari 和 Chrome */ }
.delay-40ms { animation-delay: 400ms; -webkit-animation-delay: 400ms; animation-duration: 600ms; /* Safari 和 Chrome */ }
.item.curr .star { display: block; width: 0.32rem; height: 0.33rem; background: url(../images/star.png) no-repeat 0 0 / 0.32rem 0.33rem; position: absolute; }
.item1 .star { left: 0.69rem; top: -0.35rem; }
.item2 i:nth-child(1) { left: 0.69rem; top: -0.35rem; }
.item2 i:nth-child(2) { left: 1.05rem; top: -0.22rem; }
.item2 i:nth-child(3) { left: 0.3rem; top: -0.2rem; }
.item3 i:nth-child(1) { left: 0.5rem; top: -0.25rem; }
.item3 i:nth-child(2) { left: 0.9rem; top: -0.3rem; }
.item3 i:nth-child(3) { left: 1.3rem; top: -0.15rem; }
.item3 i:nth-child(4) { left: 1.5rem; top: 0.2rem; }
.item3 i:nth-child(5) { left: 1.55rem; top: 0.6rem; }

.item4 i:nth-child(1) { left: 0.69rem; top: -0.35rem; }
.item4 i:nth-child(2) { left: 1.05rem; top: -0.22rem; }
.item4 i:nth-child(3) { left: 0.3rem; top: -0.2rem; }

.taiz { position: absolute; bottom: 0.8rem; left: 50%; width: 7.50rem; height: 7.50rem; margin-left: -3.75rem; transform: perspective(900px) rotateX(70deg) rotateY(0deg) rotateZ(0deg) scale(1); transform-origin: 50%; }
.taiz img { width: 100%; }
.tz-1 { animation: rotate_left linear 50s infinite; width: 100%; height: 100%; z-index: 1; }
.tz-2 { animation: rotate_right linear 20s infinite; width: 100%; height: 100%; z-index: 2; }
.tz-3 { animation: rotate_left linear 10s infinite; width: 100%; height: 100%; z-index: 3; }
.tz-4 { width: 7.1rem; height: 2.96rem; left: 48.5%; margin-left: -3.55rem; bottom: 4.0rem; z-index: 4; }
.tz-4 img { width: 7.1rem; height: 2.96rem; }
@keyframes rotate_left {
    from { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); }
    to { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); }
}
@keyframes rotate_right {
    from { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); }
    to { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); }
}

/*全局按钮*/
.gl_btn { width: 6.66rem; position: absolute; bottom: 2.1rem; height: 0.84rem; left: 50%; margin-left: -3.33rem; overflow: hidden; z-index: 99; cursor: pointer; }
.gl_btn .btn_login { width: 2.56rem; height: 0.84rem; background: url(../images/btns.png) no-repeat 0 0 / 2.57rem 5.54rem; background-position: 0 -2.2rem; float: left; }
.gl_btn .btn_lottgz { width: 2.56rem; height: 0.84rem; background: url(../images/btns.png) no-repeat 0 0 / 2.57rem 5.54rem; background-position: 0 -3.42rem; float: left; }
.gl_btn .btn_fbshare { width: 2.56rem; height: 0.84rem; background: url(../images/btns.png) no-repeat 0 0 / 2.57rem 5.54rem; background-position: 0 -4.66rem; float: right; }

/* 初级转盘 */
.zpcj-box { width: 7.01rem; height: 7.01rem; position: absolute; top: 45%; left: 50%; margin-left: -3.5rem; margin-top: -3.5rem; z-index: 100; }
.zpcj-box .dp-box { width: 6.61rem; height: 6.61rem; margin: 0 auto; border-radius: 50%; box-shadow: 0px 0.15rem 0.15rem 0.03rem rgba(0, 0, 0, 0.5) }
.zpcj-box .zhizhen { width: 1.42rem; height: 2.02rem; position: absolute; top: 38%; left: 54%; margin-top: -0.71rem; margin-left: -1.01rem; cursor: pointer; }
.zpcj-box .g-lottery-img { width: 6.61rem; height: 6.61rem; }
.zpcj-box .dp-box img, .zpcj-box .zhizhen img { width: 100%; }

/* 高级转盘 */
.zpgj-box { width: 7.01rem; height: 7.01rem; position: absolute; top: 45%; left: 50%; margin-left: -3.5rem; margin-top: -3.5rem; z-index: 100; }
.zpgj-box .dp-box { width: 6.86rem; height: 6.86rem; margin: 0 auto; border-radius: 50%; box-shadow: 0px 0.1rem 0.15rem 0.03rem rgba(0, 0, 0, 0.5); }
.zpgj-box .g-lottery-img { width: 6.8rem; height: 6.8rem; }
.zpgj-box .shandeng1:after { content: ''; position: absolute; width: 6.55rem; height: 6.55rem; top: 50%; left: 50%; transform: translate(-49.5%, -51.5%); background: url(../images/gj_sand.png) no-repeat 0 0 / 6.55rem 6.55rem; }
.zpgj-box .shandeng2:after { content: ''; position: absolute; width: 6.55rem; height: 6.55rem; top: 50%; left: 50%; transform: translate(-49.5%, -51.5%); background: url(../images/gj_sand2.png) no-repeat 0 0 / 6.55rem 6.55rem; }
.zpgj-box .zhizhen { width: 2.71rem; height: 3.11rem; position: absolute; top: 36%; left: 46%; margin-top: -0.71rem; margin-left: -1.01rem; cursor: pointer; z-index: 100; }
.zpgj-box .dp-box img, .zpgj-box .zhizhen img { width: 100%; }

/* 至尊转盘 */
.zpzunj-box { width: 7.8rem; height: 7.8rem; position: absolute; top: 50%; left: 50%; margin-left: -3.9rem; margin-top: -4.6rem; z-index: 100; }
.bgrr { width: 100%; height: 100%; animation: rotate_right linear 50s infinite; background: url(../images/zhizunbg.png) no-repeat 0 0 / 7.8rem 7.8rem; }
.zpzunj-box .dp-box { width: 6.95rem; height: 6.95rem; position: absolute; top: 50%; left: 50%; margin-top: -3.475rem; margin-left: -3.475rem; border-radius: 50%; box-shadow: 0px 0.15rem 0.15rem 0.03rem rgba(0, 0, 0, 0.5); }
.zpzunj-box .g-lottery-img { width: 6.95rem; height: 6.95rem; }
.zpzunj-box .zhizhen { width: 2.71rem; height: 3.11rem; position: absolute; top: 39%; left: 46%; margin-top: -0.71rem; margin-left: -1.01rem; cursor: pointer; z-index: 100; }
.zpzunj-box .shandeng3:after { content: ''; position: absolute; width: 7.02rem; height: 7.07rem; top: 50%; left: 50%; transform: translate(-49.5%, -50%); background: url(../images/gj_sand3.png) no-repeat 0 0 / 7.02rem 7.07rem; z-index: 2; }
.zpzunj-box .shandeng4:after { content: ''; position: absolute; width: 7.02rem; height: 7.07rem; top: 50%; left: 50%; transform: translate(-49.5%, -50%); background: url(../images/gj_sand4.png) no-repeat 0 0 / 7.02rem 7.07rem; z-index: 2; }
.zpzunj-box:before { content: ''; width: 4.93rem; height: 1.21rem; background: url(../images/zjpo.png) no-repeat 0 0 / 4.93rem 1.21rem; position: absolute; top: 0.6rem; left: 50%; transform: translate(-50%, 0); z-index: 1; }
.zpzunj-box .dp-box img, .zpzunj-box .zhizhen img { width: 100%; }

/* 中奖印章 */
.zhongjiang { width: 1.0rem; height: 1.0rem; position: absolute; background: url(../images/cjzj.png) no-repeat 0 0 / 1.0rem 1.0rem; display: none; }
.cjzj01 { top: 1.0rem; left: 3.05rem; }
.cjzj02 { top: 1.8rem; left: 4.3rem; }
.cjzj03 { top: 3.25rem; left: 4.6rem; }
.cjzj04 { top: 4.4rem; left: 3.6rem; }
.cjzj05 { top: 4.3rem; left: 2.1rem; }
.cjzj06 { top: 3.0rem; left: 1.3rem; }
.cjzj07 { top: 1.7rem; left: 1.8rem; }
.gjzj01 { top: 1.0rem; left: 3.05rem; }
.gjzj02 { top: 1.8rem; left: 4.3rem; }
.gjzj03 { top: 3.25rem; left: 4.6rem; }
.gjzj04 { top: 4.4rem; left: 3.6rem; }
.gjzj05 { top: 4.3rem; left: 2.1rem; }
.gjzj06 { top: 3.0rem; left: 1.3rem; }
.gjzj07 { top: 1.7rem; left: 1.8rem; }



/* ==========弹出框========== */
.pop{
    width: 6.83rem;
    height: 4.87rem;
    background: url(../images/pop/popbg.png) no-repeat 0 0 / 6.83rem 4.87rem;
    margin: 0 auto;
    position: relative;
}

.borbox{
    background: #0d1f47;
    border: 0.02rem solid #8fbcff;
    width: 5.47rem;
    height: 3.59rem;
    overflow: hidden;
    overflow-y: auto;
    padding:0.25rem;
    position: absolute;
    right: 0.24rem;
    bottom: 0.47rem;
}

.borbox p{
    color: #fff;
    font-size: 0.2rem;
    line-height: 0.3rem;
}

.btn_quren,.btn_updata,.btn_yes{
    width:1.9rem;
    height: 0.64rem;
    background: url(../images/pop/btnyes.png) no-repeat 0 0 / 1.9rem 0.64rem;
    text-indent: -999em;
    margin: 0 auto;
}
.btn_no{
    width:1.91rem;
    height: 0.64rem;
    background: url(../images/pop/btnno.png) no-repeat 0 0 / 1.91rem 0.64rem;
    text-indent: -999em;
}

.btn_jj{
    width:1.91rem;
    height: 0.64rem;
    background: url(../images/pop/btnjj.png) no-repeat 0 0 / 1.91rem 0.64rem;
    text-indent: -999em;
}

/* 公共部分结束 */

/*了解详情按钮*/
.btn_gamexq{
    width:1.9rem;
    height: 0.64rem;
    background: url(../images/pop/btn_ljxq.png) no-repeat 0 0 / 1.9rem 0.64rem;
    margin: 0.3rem auto;
    text-indent: -999em;
}

/* 获得兑换码 */
.dhmTxt{
    width: 80%;
    color: #fff;
    text-align: center;
    margin: 1rem auto 0.8rem;
}

/* 分享成功 */

.shareTxt{
    color: #fff;
    text-align: center;
    margin: 1rem auto 0.8rem;
}

/* 抽奖次数已用完 */

.ccTxt{
    color: #fff;
    text-align: center;
    margin: 1rem auto 0.5rem;
}

/* 邀请函 */
.yqhTxt{
    color: #fff;
    text-align: center;
    margin: 0.5rem auto;
}

.yqh{
    display: none;
    content: '';
    position: absolute;
    z-index: 10001;
    width: 7.5rem;
    height: 13.34rem;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    background: url(../images/pop/rotate.png) no-repeat 0 0 / 7.5rem 13.34rem;
}

/* 提交信息 */
.popFormData{
    width: 6.83rem;
    height: 7.97rem;
    background: url(../images/pop/popbg.png) no-repeat 0 0 / 6.83rem 7.97rem;
    margin: 0 auto;
    position: relative;
}

.formbox{
    width:5.21rem;
    position: absolute;
    position: absolute;
    right: 0.35rem;
    top: 0.87rem;
}
.formbox .tit{
    text-align: center;
    margin: 0 auto 0.2rem;
}
.formbox .tit img{
    width:4.55rem;
}
.formbox p{
    width: 100%;
    height:0.7rem;
    background: url(../images/pop/input.png) no-repeat 0 0 / 100% 100%;
    margin: 0 auto 0.35rem;
}

.formbox p input{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0.7rem;
    text-indent: 1em;
    color: #2c3f71;
    font-size: 0.26rem;
}

input::-webkit-input-placeholder{
    color:#2c3f71;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#2c3f71;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#2c3f71;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#2c3f71;
}

/* 我的兑换码 */
.dl_lists{
    color: #fff;
    margin-bottom: 0.15rem;
    font-size: 0.2rem;
}

.dl_lists dd{
    display: inline-block;
    text-indent: 0.25rem
}
.dl_lists i{
    color: #ffea6b;
    cursor: pointer;
}


/* 一键登录 */
.btn_login{
    width: 1.9rem;
    height: 0.64rem;
    background: url(../images/pop/login.png) no-repeat 0 0 / 1.9rem 0.64rem;
    margin: 0 auto;
}


/*抽奖转动时不可操作遮罩*/
.zhezhao{
    width: 100%;
    height: 13.34rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999999999;
    display: none;
}