@charset "utf-8";
/*CSS Document*/
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none; cursor: pointer;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.fl{ float: left}
.fr{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

/* 去除点击选项卡时出现的蓝色边框 */
/*.swiper-pagination .swiper-pagination-bullet:focus{ outline: none; }*/
/* 去除点击选项卡时出现的蓝色背景 */
/*.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: auto; }*/
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none; }

body{ -webkit-text-size-adjust: 100%; }
.wrap{ position: relative; width: 1200px; margin: 0 auto;}

/*box1*/
.box1{ background: url(../images/box1.jpg) no-repeat center top; }
.box1 .wrap{ height: 998px; }
.login_box{ position: absolute; top: 858px; left: 0; width: 100%; text-align: center; }
.login{ display: inline-block; width: 172px; height: 61px; background: url(../images/login.png) no-repeat 0 0; }
.after{ font-size: 20px; color: #FFF; }
.bdUserName{ display: none; }
.logout, .bdUserName span{ color: #fdde9e; }

/*box2*/
.box2{ background: url(../images/box2.jpg) no-repeat center top; }
.box2 .wrap{ height: 1296px; padding-top: 253px; }
.box2 dl{ width: 639px; margin: 0 auto 27px auto; }
.box2 dt, .box2 dd{ float: left; height: 166px; }
.box2 dt{ width: 135px; }
.box2 dd{ position: relative; width: 168px; background: url(../images/dd.png) no-repeat 0 0; }
.box2 dd img{ position: absolute; top: 41px; left: 43px; width: 81px; height: 81px; }
.box2 dd img.gray{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.box2 dd p{ position: absolute; top: 138px; left: 0; width: 100%; height: 27px; line-height: 27px; text-align: center; font-size: 16px; color: #e7e1c3; }
.checkbox{ position: absolute; top: 108px; right: 16px; width: 32px; height: 30px; background: url(../images/checkbox.png) no-repeat 0 0; }
.checkbox.on{ background-position: 0 -30px; }
.lottery_tip{ margin-top: 50px; text-align: center; font-size: 18px; color: #e53229; }
.confirm_btn{ display: block; margin: 10px auto 0 auto; width: 369px; height: 105px; background: url(../images/box2_confirm.png) no-repeat 0 0; }
.lottery_btn{ display: block; margin: 10px auto 0 auto; width: 302px; height: 106px; background: url(../images/lottery_btn.png) no-repeat 0 0; }
.box2_mask{ position: absolute; top: 203px; left: 50%; transform: translate(-50%, 0); width: 938px; height: 1282px; }
.box2_mask img{ position: absolute; left: 1px; width: 100%; height: 641px; }
.mask_up{ top: -9px; }
.mask_down{ bottom: 9px; }
.mask_btn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 385px; height: 105px; background: url(../images/mask_btn.png) no-repeat 0 0; }

/*box3*/
.box3{ background: url(../images/box3.jpg) no-repeat center top; }
.box3 .wrap{ height: 944px; }
.rule{ position: absolute; top: 268px; left: 105px; width: 1010px; }
.rule li{ position: relative; margin-bottom: 15px; padding-left: 40px; font-size: 18px; color: #e7e1c3; }
.rule .num{ position: absolute; top: 0; left: 0; width: 28px; height: 28px; line-height: 28px; text-align: center; background: url(../images/rule_num.png) no-repeat 0 0; font-size: 16px; color: #322518; }

/*弹出框：绑定*/
.pop, .prompt_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10; display: none; }
.prompt_bg{ display: block; }
.pop_cont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 631px; height: 371px; background: url(../images/pop_cont.png) no-repeat 0 0; }
.pop_close{ position: absolute; top: 0px; right: -46px; width: 45px; height: 45px; background: url(../images/pop_close.png) no-repeat 0 0; }
.pop_tit{ display: block; margin: 60px auto 0 auto; }
.pop_bind_li{ margin: 30px auto 0 auto; width: 485px; }
.pop_bind_li li{ margin-bottom: 20px; }
.pop_bind_li span{ display: inline-block; width: 170px; height: 41px; line-height: 41px; text-align: right; font-size: 24px; color: #e9e3c6; }
.pop_bind_li select{ width: 219px; height: 41px; padding: 0 10px; margin-left: 10px; background: #e6ddb5; border: none; }
.pop_confirm{ display: block; margin: 0 auto; width: 184px; height: 65px; background: url(../images/pop_confirm.png) no-repeat 0 0; }

/*弹出框：tip*/
.pop_tip_table{ display: table; margin: 100px auto 0 auto; width: 494px; height: 140px; }
.pop_tip_cell{ display: table-cell; vertical-align: middle; text-align: center; font-size: 24px; color: #e9e3c6; }