@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; left: 50%; top: -0.8rem; overflow: hidden; font-size: 0; text-indent: -999999px; display: block; width: 0.46rem; height: 0.46rem; cursor: pointer; z-index: 220; }

/*#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; min-height: 5.15rem; overflow: hidden; margin: 0 auto; position: relative; background: url(../images/bg1.jpg) no-repeat 0 0.9rem / 7.5rem 5.15rem; }
#head { width: 100%; height: 0.9rem; background: url(../images/nav.png) no-repeat 0 0 / 100% 0.9rem; padding: 0 0.2rem; position: fixed; top: 0; left: 50%; margin-left: -3.75rem; max-width: 7.5rem; z-index: 999; }

/* img */
.ani_icon_next { width: 0.34rem; height: 0.14rem; background: url("../images/sprites.png") no-repeat -2.53rem -12.13rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.ani_lb1 { width: 2.47rem; height: 1.21rem; background: url("../images/sprites.png") no-repeat -2.53rem -10.92rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.ani_lb2 { width: 2.47rem; height: 1.21rem; background: url("../images/sprites.png") no-repeat -3.5rem -8.79rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.ani_lb3 { width: 2.46rem; height: 1.21rem; background: url("../images/sprites.png") no-repeat -4.79rem -3.05rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.ani_lb4 { width: 2.53rem; height: 1.46rem; background: url("../images/sprites.png") no-repeat -0rem -10.92rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.ani_lb5 { width: 2.47rem; height: 1.21rem; background: url("../images/sprites.png") no-repeat -3.5rem -7.58rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.ani_lb6 { width: 2.46rem; height: 1.21rem; background: url("../images/sprites.png") no-repeat -4.78rem -4.42rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.ani_lb7 { width: 2.47rem; height: 1.21rem; background: url("../images/sprites.png") no-repeat -3.5rem -6.37rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.ani_lb8 { width: 2.46rem; height: 1.55rem; background: url("../images/sprites.png") no-repeat -5rem -10rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.btn_app_down { width: 1.56rem; height: 0.58rem; background: url("../images/sprites.png") no-repeat -3.23rem -10.21rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.btn_chkan { width: 0.92rem; height: 1.27rem; background: url("../images/sprites.png") no-repeat -8.41rem -6.56rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.btn_duihuan { width: 3.23rem; height: 0.71rem; background: url("../images/sprites.png") no-repeat -0rem -10.21rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.btn_give_ka { width: 2.44rem; height: 0.82rem; background: url("../images/sprites.png") no-repeat -5rem -11.55rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.btn_gp_down { width: 1.93rem; height: 0.58rem; background: url("../images/sprites.png") no-repeat -5.97rem -9.16rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.btn_login_share { width: 2.45rem; height: 0.83rem; background: url("../images/sprites.png") no-repeat -4.87rem -1.65rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.btn_share_fixed { width: 0.71rem; height: 0.59rem; background: url("../images/sprites.png") no-repeat -7.32rem -1.64rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.close_fixed_nav { width: 0.42rem; height: 0.92rem; background: url("../images/sprites.png") no-repeat -8.29rem -11.38rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.hero_icon1 { top: 0.01rem; left: 0.01rem; width: 1.64rem; height: 1.64rem; background: url("../images/sprites.png") no-repeat -7.46rem -9.74rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.hero_icon2 { top: 0.01rem; left: 0.01rem; width: 1.64rem; height: 1.64rem; background: url("../images/sprites.png") no-repeat -8.07rem -0.0rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.hero_icon3 { top: 0.01rem; left: 0.01rem; width: 1.64rem; height: 1.64rem; background: url("../images/sprites.png") no-repeat -8.01rem -8.07rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.hero_icon4 { top: 0.01rem; left: 0.01rem; width: 1.64rem; height: 1.64rem; background: url("../images/sprites.png") no-repeat -9.1rem -9.71rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.hero_icon5 { top: 0.01rem; left: 0.01rem; width: 1.64rem; height: 1.64rem; background: url("../images/sprites.png") no-repeat -6.43rem -0rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.hero_icon6 { top: 0.01rem; left: 0.01rem; width: 1.64rem; height: 1.64rem; background: url("../images/sprites.png") no-repeat -8.41rem -4.92rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.hero_icon7 { top: 0.01rem; left: 0.01rem; width: 1.64rem; height: 1.64rem; background: url("../images/sprites.png") no-repeat -9.69rem -1.64rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.hero_icon8 { top: 0.01rem; left: 0.01rem; width: 1.64rem; height: 1.64rem; background: url("../images/sprites.png") no-repeat -9.65rem -6.56rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.icon_share_fixed { width: 0.26rem; height: 0.28rem; background: url("../images/sprites.png") no-repeat -2.87rem -12.13rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.lb1 { width: 2.44rem; height: 2.44rem; background: url("../images/sprites.png") no-repeat -5.97rem -5.63rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.lb2 { width: 2.44rem; height: 2.44rem; background: url("../images/sprites.png") no-repeat -7.25rem -2.48rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.left_icon_ka1 { width: 1.37rem; height: 1.16rem; background: url("../images/sprites.png") no-repeat -10.74rem -10.52rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.left_icon_ka2 { width: 1.37rem; height: 1.16rem; background: url("../images/sprites.png") no-repeat -9.69rem -3.28rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.left_icon_ka3 { width: 1.37rem; height: 1.16rem; background: url("../images/sprites.png") no-repeat -9.71rem -0rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.left_icon_ka4 { top: 0.01rem; left: 0rem; width: 1.37rem; height: 1.15rem; background: url("../images/sprites.png") no-repeat -11.02rem -8.2rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.left_icon_ka5 { width: 1.37rem; height: 1.16rem; background: url("../images/sprites.png") no-repeat -10.74rem -9.36rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.left_icon_ka6 { width: 1.37rem; height: 1.16rem; background: url("../images/sprites.png") no-repeat -9.65rem -8.2rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.left_icon_ka7 { width: 1.37rem; height: 1.16rem; background: url("../images/sprites.png") no-repeat -11.06rem -3.28rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.left_icon_ka8 { width: 1.37rem; height: 1.16rem; background: url("../images/sprites.png") no-repeat -10.05rem -4.44rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.logo { width: 2.04rem; height: 1.09rem; background: url("../images/sprites.png") no-repeat -5.97rem -8.07rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.slo { width: 6.43rem; height: 1.65rem; background: url("../images/sprites.png") no-repeat -0rem -0rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.sp1 { width: 0.27rem; height: 0.31rem; background: url("../images/sprites.png") no-repeat -5.28rem -2.48rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.sp2 { width: 0.85rem; height: 0.75rem; background: url("../images/sprites.png") no-repeat -7.44rem -11.68rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.sp3 { width: 0.41rem; height: 0.5rem; background: url("../images/sprites.png") no-repeat -4.87rem -2.48rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.sp4 { width: 0.72rem; height: 0.66rem; background: url("../images/sprites.png") no-repeat -7.24rem -4.92rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.sp5 { width: 0.89rem; height: 0.42rem; background: url("../images/sprites.png") no-repeat -4.61rem -5.87rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.tit1 { width: 4.78rem; height: 1.45rem; background: url("../images/sprites.png") no-repeat -0.0rem -4.42rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.tit2-1 { width: 3.5rem; height: 0.96rem; background: url("../images/sprites.png") no-repeat -0rem -9.25rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.tit2-2 { width: 3.5rem; height: 0.96rem; background: url("../images/sprites.png") no-repeat -0rem -8.29rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.tit2-3 { width: 3.5rem; height: 0.96rem; background: url("../images/sprites.png") no-repeat -0rem -6.37rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.tit2-4 { width: 3.5rem; height: 0.96rem; background: url("../images/sprites.png") no-repeat -0rem -7.33rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.tit2-tips { width: 4.61rem; height: 0.25rem; background: url("../images/sprites.png") no-repeat -0rem -6.12rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.tit2-tips2 { width: 4.61rem; height: 0.25rem; background: url("../images/sprites.png") no-repeat -0rem -5.87rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.tit2 { width: 4.87rem; height: 1.4rem; background: url("../images/sprites.png") no-repeat -0rem -1.65rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.tit3 { width: 4.79rem; height: 1.37rem; background: url("../images/sprites.png") no-repeat -0rem -3.05rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; }
.banner { height: 6.05rem; }
.bg2 { width: 7.5rem; height: 10.39rem; background: url(../images/bg2.jpg) no-repeat 0 0 / 7.5rem 10.39rem; }
.bg3 { width: 7.5rem; height: 12rem; background: url(../images/bg3.jpg) no-repeat 0 0 / 7.5rem 12rem; }
.bg4 { width: 7.5rem; height: 11.04rem; background: url(../images/bg4.jpg) no-repeat 0 0 / 7.5rem 11.04rem; }
.bg5 { width: 7.5rem; height: 13.76rem; background: url(../images/bg5.jpg) no-repeat 0 0 / 7.5rem 13.76rem; }
.bg6 { width: 7.5rem; height: 10.3rem; background: url(../images/bg6.jpg) no-repeat 0 0 / 7.5rem 10.3rem; }
#footer { width: 7.5rem; height: 2.10rem; background: url(../images/footer.png) no-repeat 0 0 / 7.5rem 2.1rem; position: relative; overflow: hidden; }
.footc { width: 7.5rem; height: 0.59rem; background: url(../images/footc.png) no-repeat 0 0 / 7.5rem 0.59rem; position: absolute; bottom: -0.01rem; left: 50%; margin-left: -3.75rem; }
.xy { text-align: center; margin-top: 0.7rem; }
.xy .link_xy { display: inline-block; color: #dbdbdb; font-size: 0.2rem; margin: 0 0.15rem 0.2rem; }
#footer p { text-align: center; color: #dbdbdb; font-size: 0.2rem; }

/*add spr2*/
.ani_icon_next { width: 0.34rem; height: 0.14rem; background: url("../images/sprites2.png") no-repeat -0rem -6.59rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.ani_lb10 { width: 2.43rem; height: 1.18rem; background: url("../images/sprites2.png") no-repeat -2.44rem -3.56rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.ani_lb11 { width: 2.42rem; height: 1.18rem; background: url("../images/sprites2.png") no-repeat -3.5rem -1.64rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.ani_lb12 { width: 2.42rem; height: 1.18rem; background: url("../images/sprites2.png") no-repeat -2.44rem -5.92rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.ani_lb9 { width: 2.43rem; height: 1.18rem; background: url("../images/sprites2.png") no-repeat -2.44rem -4.74rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.btn_chkan { width: 0.92rem; height: 1.27rem; background: url("../images/sprites2.png") no-repeat -4.87rem -2.82rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.close_fixed_nav { width: 0.42rem; height: 0.92rem; background: url("../images/sprites2.png") no-repeat -0.71rem -6rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.gotonav { width: 7.08rem; height: 1.39rem; background: url("../images/sprites2.png") no-repeat -0rem -0rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.icon_share_fixed { width: 0.26rem; height: 0.28rem; background: url("../images/sprites2.png") no-repeat -0rem -6.73rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.lb3 { width: 2.44rem; height: 2.44rem; background: url("../images/sprites2.png") no-repeat -0rem -3.56rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.tit2-5 { width: 3.5rem; height: 0.96rem; background: url("../images/sprites2.png") no-repeat -0rem -2.6rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.tit2-6 { width: 3.5rem; height: 0.96rem; background: url("../images/sprites2.png") no-repeat -0rem -1.64rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }
.tit2-tips3 { width: 4.43rem; height: 0.25rem; background: url("../images/sprites2.png") no-repeat -0rem -1.39rem; -moz-background-size: 7.08rem 7.1rem; background-size: 7.08rem 7.1rem; }

/* add spr3 */
.btn_fb_login { width: 3.55rem; height: 0.73rem; background: url("../images/pop/sprites.png") no-repeat -0rem -6.13rem; background-size: 7.13rem 7.09rem; }
.btn_pop_ma_fz { width: 2.06rem; height: 0.53rem; background: url("../images/pop/sprites.png") no-repeat -4.38rem -5.07rem; background-size: 7.13rem 7.09rem; }
#alertInfo .close { width: 0.65rem; height: 0.62rem; background: url("../images/pop/sprites.png") no-repeat -5.63rem -4.08rem; background-size: 7.13rem 7.09rem; }
.pop_btn_yes { width: 3.28rem; height: 0.74rem; background: url("../images/pop/sprites.png") no-repeat -3.55rem -6.13rem; background-size: 7.13rem 7.09rem; }
.pop_gobal_bg { margin: 0 auto; width: 7.13rem; height: 4.08rem; background: url("../images/pop/sprites.png") no-repeat -0rem -0rem; background-size: 7.13rem 7.09rem; }
.pop_login_txt { width: 1.09rem; height: 0.45rem; background: url("../images/pop/sprites.png") no-repeat -4.38rem -5.6rem; background-size: 7.13rem 7.09rem; }
.pop_login_txt_icon { width: 0.22rem; height: 0.34rem; background: url("../images/pop/sprites.png") no-repeat -5.47rem -5.6rem; background-size: 7.13rem 7.09rem; }
.pop_ma_input { width: 4.52rem; height: 0.99rem; background: url("../images/pop/sprites.png") no-repeat -0rem -4.08rem; background-size: 7.13rem 7.09rem; }
.pop_ma_txt { width: 4.38rem; height: 1.06rem; background: url("../images/pop/sprites.png") no-repeat -0rem -5.07rem; background-size: 7.13rem 7.09rem; }
.pop_share_txt { width: 2.92rem; height: 0.23rem; background: url("../images/pop/sprites.png") no-repeat -0rem -6.86rem; background-size: 7.13rem 7.09rem; }
.pop_shareicon_active { width: 1.11rem; height: 0.91rem; background: url("../images/pop/sprites.png") no-repeat -4.52rem -4.08rem; background-size: 7.13rem 7.09rem; }

/*======头部=====*/
.navbtncc { float: right; margin-top: 0.15rem; }
.navbtncc .btn_gp_down { margin-right: 0.2rem; }
.slotxt { position: absolute; top: 4.3rem; left: 50%; margin-left: -3.22rem; z-index: 3; }

/* ======界限===== */
.jiexian { width: 10.22rem; height: 0.87rem; background: url(../images/jiexian1.png) no-repeat 0 0 / 10.22rem 0.87rem; position: absolute; top: 5.8rem; left: 50%; margin-left: -5.11rem; }
.jiexian2 { width: 13.19rem; height: 1.75rem; background: url(../images/jiexian2.png) no-repeat 0 0 / 13.19rem 1.75rem; position: absolute; top: 15rem; left: 50%; margin-left: -8.66rem; }
.jiexian3 { width: 13.19rem; height: 1.75rem; background: url(../images/jiexian3.png) no-repeat 0 0 / 13.19rem 1.75rem; position: absolute; top: 51.5rem; right: -5rem; }

/*======主体=====*/
section { position: relative; overflow: hidden; }
.tit1 { margin: 0.5rem auto 0; text-indent: -999em; }
.text_ban { text-align: center; }
.text_ban .btn { display: inline-block; margin: 0 0.28rem; }
.ka { width: 3.98rem; height: 5.28rem; background: url(../images/ka.png) no-repeat 0 0 / 3.98rem 5.28rem; margin: 0.4rem auto; position: relative; overflow: hidden;
 -webkit-perspective: 1000px;
       -moz-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d; -webkit-transition: ease-in-out 600ms; -moz-transition: ease-in-out 600ms; transition: ease-in-out 600ms;

 }
.ka .number { width: 2.67rem; height: 0.59rem; background: url(../images/lott_num.png) no-repeat 0 0 / 2.67rem 0.59rem; position: absolute; left: 50%; bottom: 0.6rem; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: center; font-size: 0.3rem; font-weight: bold; line-height: 0.59rem; }
.left_hreo, .right_hreo { width: 1.37rem; position: absolute; top: 2.45rem; }
.left_hreo p, .right_hreo p { margin-bottom: 0.1rem; }
.left_hreo { left: 0.5rem; }
.right_hreo { right: 0.5rem; }

/* section2 -3*/
.tit2 { margin: 0.5rem auto 0; text-indent: -999em; }
.sp1, .sp2 { position: absolute; }
.sp1 { top: 0.7rem; left: 0.25rem; }
.sp2 { top: 2.55rem; right: 0; }
.tit2-1, .tit2-2, .tit2-3, .tit2-4, .tit2-5, .tit2-6 { margin: 0.2rem auto; }
.duihuan1, .duihuan2, .duihuan3 { text-align: center; }
.duihuan1 p, .duihuan2 p, .duihuan3 p { display: inline-block; margin: 0 0.03rem; position: relative; }
.duihuan1 .num, .duihuan2 .num, .duihuan3 .num { width: 0.3rem; height: 0.3rem; text-align: center; line-height: 0.3rem; font-size: 0.28rem; color: #000; background: #fff; border: 0.01rem solid #000; position: absolute; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; bottom: 0.05rem; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.tit2-tips, .tit2-tips2, .tit2-tips3 { margin: 0.2rem auto 0; }
.tit2-tips3 { margin: 0 auto; }
.tit2-2, .tit2-4, .tit2-6 { margin: 0.45rem auto 0; }
.tit2-3, .tit2-5 { margin-top: 0.9rem; }
.libao, .btn_duihuan { margin: 0.65rem auto 0; text-indent: -999em; position: relative; }
.btn_duihuan { margin-top: 0.75rem; }
.ani_lb1, .ani_lb5, .ani_lb9 { position: absolute; top: -0.2rem; left: -2.3rem }
.ani_lb2, .ani_lb7, .ani_lb10 { position: absolute; top: -0.2rem; right: -2.25rem }
.ani_lb3, .ani_lb6, .ani_lb11 { position: absolute; bottom: -0.3rem; left: -2.3rem }
.ani_lb4, .ani_lb8, .ani_lb12 { position: absolute; bottom: -0.3rem; right: -2.3rem }
.sp3 { position: absolute; top: 0.65rem; }
.sp4 { position: absolute; top: 4.95rem; right: 0; }

/*3*/
.duihuan3 p { margin-bottom: 0.2rem; }
.tit3 { margin: 0.2rem auto 0; text-indent: -999em; }
.hdgz { width: 7.18rem; height: 7.5rem; margin: 0.35rem auto 0; }
.hdgz img { width: 100%; }

/* 懸浮 */
.fixed-share { position: fixed; right: 0; top: 3.0rem }
.icon_share_fixed { position: absolute; top: 50%; margin-top: -0.18rem; right: 0; }
.fixed-ck { position: fixed; left: 0; top: 3.0rem; z-index: 9; }
.fixed_goto_nav { position: absolute; text-align: center; left: -8.0rem; }
.fixed_goto_nav .fgn-after { content: ''; display: block; width: 0.42rem; height: 0.92rem; width: 0.42rem; height: 0.92rem; background: url("../images/sprites.png") no-repeat -8.29rem -11.38rem; -moz-background-size: 12.43rem 12.43rem; background-size: 12.43rem 12.43rem; position: absolute; top: 0.2rem; right: 0; }
.fixed_goto_nav p { float: left; margin: 0; width: 32%; height: 100%; cursor: pointer; }
.fixed_goto_nav p:nth-child(2) { width: 30%; }
.btn_chkan { position: absolute; top: 0; }

/*pop*/
.poponeDay { margin: 0 auto; position: relative; }
.btn_fb_login { margin: 0 auto; }
.pop_login_txt { width: 1.09rem; height: 0.45rem; margin: 0.8rem auto 0.4rem; text-indent: -999em; position: relative; }
.pop_login_txt:after, .pop_login_txt:before { content: ''; display: block; position: absolute; left: -0.4rem; top: 50%; margin-top: -0.17rem; transform: rotate(180deg); width: 0.22rem; height: 0.34rem; background: url("../images/pop/sprites.png") no-repeat -5.47rem -5.6rem; background-size: 7.13rem 7.09rem; animation: myfirst 1s infinite; }
.pop_login_txt:before { left: 1.15rem; transform: rotate(0); animation: myfirst2 1s infinite; }
@keyframes myfirst {
    0% { left: -0.35rem; }
    25% { left: -0.4rem; }
    50% { left: -0.45rem; }
    75% { left: -0.4rem; }
    100% { left: -0.35rem; }
}
@keyframes myfirst2 {
    0% { left: 1.2rem; }
    25% { left: 1.15rem; }
    50% { left: 1.1rem; }
    75% { left: 1.15rem; }
    100% { left: 1.2rem; }
}
.pic_xuanze { text-align: center; }
.pic_xuanze .card_pop { display: inline-block; position: relative; margin: 0 0.1rem; width: 1.38rem; height: 1.38rem; cursor: pointer; }
.pic_xuanze .card_pop img { width: 100%; height: 100%; }
.pic_xuanze { padding: 0.55rem 0.25rem 0; }
.pic_xuanze .card_pop .pos { width: 0.3rem; height: 0.3rem; text-align: center; line-height: 0.3rem; font-size: 0.28rem; color: #000; background: #fff; border: 0.01rem solid #000; position: absolute; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; bottom: 0.05rem; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.pop_share_txt { margin: 0.1rem auto 0; }
.pop_btn_yes { margin: 0.5rem auto 0; }
.active .pop_shareicon_active { display: block; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
.tsInfo .p { text-align: center; font-size: 0.3rem; font-weight: bold; margin-top: 1.2rem; }
.pop_ma_input, .pop_ma_txt, .btn_pop_ma_fz { text-align: center; margin: 0 auto; }
.btn_pop_ma_fz, .pop_ma_txt { text-indent: -999em; }
.pop_ma_txt { margin: 0.5rem auto 0.2rem; }
.pop_ma_input { line-height: 0.99rem; font-weight: bold; font-size: 0.3rem; margin-bottom: 0.3rem; }
.pop-lott-bg { width: 5.25rem; height: 7.08rem; background: url(../images/pop/lott.png) no-repeat 0 0 / 5.25rem 7.08rem; margin: 0 auto; }
.borbox { overflow: hidden; }
.typeimg { margin: 1.6rem auto 0; width: 2.11rem; }
.typeimg img { width: 100%; }
.lottCode-name { text-align: center; color: #6efffb; font-size: 0.4rem; font-weight: bold; margin-top: 0.1rem; -webkit-text-fill-color: #6efffb;/*文字的填充色*/ -webkit-text-stroke: 2px #000;/*描边的像素，也就是粗细，这里指定是2像素的黑色边框*/ }
.dhmTxt { margin: 0 auto; text-indent: -999em;    /*transform: scale(1.5);*/ }
.lott_icon_ka1 { width: 3.22rem; height: 2.76rem; background: url(../images/pop/lott_icon_ka1.png) no-repeat 0 0 / 3.22rem 2.76rem; margin-top: 0.1rem; }
.lott_icon_ka2 { width: 3.22rem; height: 2.76rem; background: url(../images/pop/lott_icon_ka2.png) no-repeat 0 0 / 3.22rem 2.76rem; margin-top: 0.1rem; }
.lott_icon_ka3 { width: 3.22rem; height: 2.76rem; background: url(../images/pop/lott_icon_ka3.png) no-repeat 0 0 / 3.22rem 2.76rem; margin-top: 0.1rem; }
.lott_icon_ka4 { width: 3.22rem; height: 2.76rem; background: url(../images/pop/lott_icon_ka4.png) no-repeat 0 0 / 3.22rem 2.76rem; margin-top: 0.1rem; }
.lott_icon_ka5 { width: 3.22rem; height: 2.76rem; background: url(../images/pop/lott_icon_ka5.png) no-repeat 0 0 / 3.22rem 2.76rem; margin-top: 0.1rem; }
.lott_icon_ka6 { width: 3.22rem; height: 2.76rem; background: url(../images/pop/lott_icon_ka6.png) no-repeat 0 0 / 3.22rem 2.76rem; margin-top: 0.1rem; }
.lott_icon_ka7 { width: 3.22rem; height: 2.76rem; background: url(../images/pop/lott_icon_ka7.png) no-repeat 0 0 / 3.22rem 2.76rem; margin-top: 0.1rem; }
.lott_icon_ka8 { width: 3.22rem; height: 2.76rem; background: url(../images/pop/lott_icon_ka8.png) no-repeat 0 0 / 3.22rem 2.76rem; margin-top: 0.1rem; }
.borbox_xz .pop_btn_yes { margin-top: 0.5rem; }


.lott_pos_ck{
    width: 100%;
    height: 0.9rem;
    position: absolute;
    top: 2.8rem;
    cursor: pointer;
}




.rotateY_kp{
    -webkit-animation:rotateY_kp 1s cubic-bezier(0.8,0.5,0.5,0.8) infinite; /* Safari 和 Chrome */
}
@-webkit-keyframes rotateY_kp{

    /*0%{-webkit-transform:rotate3d(.6,1,.6,0deg) scale3d(0.8,0.8,0.8) ;}*/
    0%{-webkit-transform:rotateY(0) scale3d(0.8,0.8,0.8) ;}

    /*25%{-webkit-transform:rotateY(-90deg);}*/

    /*50%{-webkit-transform:rotate3d(-.6,2,0,-720deg) scale3d(0.8,0.8,0.8) ;}*/

    /*75%{-webkit-transform:rotateY(-270deg);}*/

    /*100%{-webkit-transform:rotate3d(.6,1,.6,360deg);}*/
    100%{-webkit-transform:rotateY(360deg);}

}


.btn_duihuan_end{
    background: url(../images/btn_duihuan_end.png) no-repeat 0 0 / 3.23rem 0.71rem;
}

.gs {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.close_pop_btn_yes{
    margin-top: 0.2rem;
}

.alerMsg{
    overflow: hidden;
}


.tsInfo .ccTxt{
    padding: 0 0.4rem;
}