@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;}
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;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

.wrap{ position: relative; width: 1100px; margin: 0 auto;}

.header{ background: url(../images/header.jpg) no-repeat center top;}
.header .wrap{ height: 846px;}
.header .nav{ position: absolute; top: 649px; left: 0; width: 100%; height: 170px;}
.header .nav a{ position: absolute; top: 0; width: 366px; height: 170px;}
.header .nav a.n1{ left: 0;}
.header .nav a.n2{ right: 367px;}
.header .nav a.n3{ right: 0;}

.box1{ background: url(../images/box1.jpg) no-repeat center top;}
.box1 .wrap{ height: 761px; padding-top: 29px;}
.tit{ display: block; margin: 0 auto;}
.box1 .content{ line-height: 30px; font-size: 16px; color: #9c2f18;}
.box1 li{ position: relative; padding: 0 0 34px 36px;}
.box1 li span{ position: absolute; top: 3px; left: 0; width: 21px; height: 21px; line-height: 21px; text-align: center; border-radius: 50%; border: 1px solid #9c2f18; font-size: 12px;}

.box2{ background: url(../images/box2.jpg) no-repeat center top;}
.box2 .wrap{ height: 816px; padding-top: 60px;}
.box2 .tit{ margin-bottom: 58px;}
.luck_draw{ width: 740px; height: 461px; background: url(../images/luck_draw.png) no-repeat 0 0;}
.luck_draw .head{ height: 50px; line-height: 50px; padding: 0 17px; font-size: 12px; color: #FFF;}
.luck_draw .head strong{ float: right; font-size: 16px; color: #f6dba6;}
.luck_draw .head a{ color: #FFF;}
.choujiang{ position: relative; width: 705px; height: 369px; margin: 14px auto 0 auto; background: url(../images/choujiang.png) no-repeat 0 0;}
.choujiang span{ position: absolute; width: 171px; height: 118px; background-color: #000; opacity: 0.4; filter:alpha(opacity=40);}
.choujiang span.p1{ top: 0; left: 0;}
.choujiang span.p2{ top: 0; left: 178px;}
.choujiang span.p3{ top: 0; right: 178px;}
.choujiang span.p4{ top: 0; right: 0;}
.choujiang span.p5{ top: 123px; right: 0;}
.choujiang span.p6{ bottom: 0; right: 0;}
.choujiang span.p7{ bottom: 0; right: 178px;}
.choujiang span.p8{ bottom: 0; left: 178px;}
.choujiang span.p9{ bottom: 0; left: 0}
.choujiang span.p10{ top: 123px; left: 0;}
.choujiang a{ position: absolute; top: 123px; left: 178px; width: 351px; height: 118px;}
.prize_pic{ width: 735px; margin: 18px auto 0 auto;}
.prize_pic img{ float: left;}
.prize_pic img.prize_margin{ margin: 0 12px;}
.box2 .tip{ margin-top: 20px; font-size: 16px; color: #9c2f18;}
.prize_list{ width: 327px; height: 539px; padding-top: 64px; background: url(../images/prize_list.png) no-repeat 0 0;}
#win_list{ width: 266px; margin: 0 auto;}
#win_list li{ height: 36px; line-height: 36px;}
#win_list li span{ display: inline-block; width: 200px;}

.box3{ background: url(../images/box3.jpg) no-repeat center top;}
.box3 .wrap{ height: 687px; padding-top: 86px;}
.box3 .tip{ padding: 36px 0 28px 0; text-align: center; color: #82432b;}
.box3 .tip a{ color: #82432b;}
.packs{ width: 347px; height: 136px; padding-top: 32px; margin: 0 29px 27px 0; background: url(../images/packs.png) no-repeat 0 0;}
.packs .info{ width: 273px; margin: 0 auto;}
.packs .info p{ margin: 3px 0 0 13px; line-height: 24px; color: #FFF;}
.operation{ width: 279px; margin: 7px auto 0 auto;}
.operation .get{ width: 120px; height: 35px; background: url(../images/get_btn.png) no-repeat 0 0;}
.my_select{ position: relative; margin: 4px 17px 0 0; width: 79px; height: 27px; line-height: 27px; color: #444; cursor: default; background: url(../images/my_select.png) no-repeat 0 0; font-size: 14px; color: #af3e21;}
.my_select p{ text-align: center; overflow: hidden;}
.my_select p span , .my_select dd{ display: block; white-space:nowrap; overflow: hidden;}
.my_select input{ width: 100px;}
.my_select s{ display: inline-block; width: 18px; height: 10px; background: url(../images/arrow.png) no-repeat 0 0; position: absolute; top: 10px; right: 11px;}
.my_select dl{ position: absolute; top: 27px; left: 0; display: none; text-indent: 6px; background-color: #FFF;}
.my_select dd:hover{ background-color: #3B91DC; color: #FFF;}

.prompt{ position: relative; width: 476px; background-color: #753a32; display: none;}
.close{ position: absolute; top: 0; right: -46px; width: 44px; height: 45px; background: url(../images/close.png) no-repeat 0 0;}
.prompt .title{ height: 58px; line-height: 58px; text-align: center; background-color: #99564d; font-size: 30px; color: #ffe4b3;}
.prompt .main{ padding: 30px 20px; color: #ffe4b3;}
.prompt .submit{ display: block; margin: 25px auto 0 auto; width: 145px; height: 41px; line-height: 41px; text-align: center; background-color: #ffd788; font-weight: bold; font-size: 18px; color: #281e10;}
.prompt_bind table{ width: 100%;}
.prompt_bind th, .prompt_bind td{ padding-bottom: 25px; vertical-align: top;}
.prompt_bind th{ width: 142px; text-align: right; font-weight: normal; font-size: 18px;}
.prompt_bind select, .prompt_bind input{ height: 32px; line-height: 32px; border: none; background-color: #FFF; font-size: 18px; color: #7d7d7d;}
.prompt_bind select{ width: 225px;}
.prompt_bind input{ width: 205px; padding: 0 10px;}
.prompt_bind textarea{ width: 205px; height: 119px; padding: 10px; border: none; background-color: #FFF; font-size: 18px; color: #7d7d7d;}
.prompt_bind .tip{ line-height: 24px; font-size: 12px;}
.prompt_bind .fon16{ font-size: 16px;}
#prompt_list{ width: 724px;}
#prompt_list table{ width: 100%;}
#prompt_list td{ height: 36px; text-align: center; border-bottom: 1px solid #99564d; font-size: 14px;}
#prompt_list thead td{ color: #dab479;}
#prompt_list tbody td{ color: #ffe4b3;}
.page{ margin: 20px 0; text-align: center;}
.page a{ color: #ffe4b3;}
#prompt_list dl{ line-height: 20px; font-size: 12px;}
#prompt_list dd{ text-indent: 2em;}
#prompt_list .on{ color: #1aff1a;}
#prompt_list .error, #prompt_list .error a{ color: #ff2525;}
#prompt_list .ing{ color: #fecb30;}