@charset 'utf-8';
/* CSS Document */
* { margin: 0; padding: 0; }
body, html { height: 100%; }
body { font: 14px 'Microsoft YaHei', 微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif; color: #fff; background: #000; }
ul, li, dl, dd, dt { list-style: none; }
a { outline: none; }
a:hover { text-decoration: underline; }
img { border: none; }
.por { position: relative; }
.poa { position: absolute; }
.pof { position: fixed; }
/* CSS layout */
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; }
/* End hide from IE-mac */

/** 框架结构 **/
.header { height: 680px; background: url(../images/header.jpg) center top no-repeat; }
.main1 { height: 999px; background: url(../images/bg1.jpg) center top no-repeat; }
.main2 { height: 923px; background: url(../images/bg2.jpg) center top no-repeat; }
.main3 { height: 398px; background: url(../images/bg3.jpg) center top no-repeat; }
.box { width: 1050px; margin: auto; }
/*****************/

/** 顶部 **/
.logo { top: 20px; left: 5px; width: 250px; height: 100px; }
.logo a { display: block; height: 100px; }
.time { font-size: 22px; font-weight: bold; top: 420px; left: 175px; color: #68460e; }
.boxtop { top: 626px; left: 50%; width: 800px; text-align: center; margin-left: -400px; }
.boxtop p { padding-top: 10px; text-align: center; color: #cfd7ff; }
.boxtop p a { color: #ffde57; }
.logotop { top:30px; left: 230px; width: 220px; height: 80px; }
.logotop a { display: block; height: 80px; }
/*****************/

/** 活动标题 **/
.huodongsj { top: 114px; left: 0; width: 1016px; height: 102px; background: url(../images/title1.png) no-repeat; }
.huodongsj h2 { font-size: 16px; font-weight: normal; padding: 60px 0 0 128px; }
.huodongsj p span { color: #ffde57; }
/*****************/


/** 活动规则 **/
.huodonggz {font-size: 16px;  top: 230px; left: 35px; }
.huodonggz h2 { font-size: 18px; color: #c4adf8; }
.huodonggz p span { color: #ffde57; }
.houndoglj { top:142px; left: 650px; z-index: 11;}
.houndoglj a { float:left; width: 168px; height: 57px; background: url(../images/btn2.png) no-repeat; }
.houndoglj a.l2 { margin-left: 20px; background-position: 0 -114px; }
.houndoglj a.l1:hover { background-position: 0 -57px; }
.houndoglj a.l2:hover { background-position: 0 -171px; }
/*****************/

/** 活动充值 **/
.list { top:160px; }
.huodongcz { top: 321px; left: 100px; width: 879px; height: 565px; background: url(../images/jd.png) no-repeat; }
.huodongcz span { position: absolute; width: 49px; height: 52px; text-align: right; background: url(../images/quan.png) no-repeat; }
.huodongcz span.jl1,.huodongcz span.jl5,.huodongcz span.jl10,.huodongcz span.jl15,.huodongcz span.jl20,.huodongcz span.jl25 { width: 76px;}
.huodongcz span.jl1 { width: 50px;  text-align: left; left: 6px }
.huodongcz span.jl2 { left: 56px; }
.huodongcz span.jl3 { left: 103px; }
.huodongcz span.jl4 { left: 152px;}
.huodongcz span.jl5 { left: 201px;}
.huodongcz span.jl6 { left: 277px;}
.huodongcz span.jl7 { left: 326px;}
.huodongcz span.jl8 { left: 375px;}
.huodongcz span.jl9 { left: 424px;}
.huodongcz span.jl10 { left: 473px;}
.huodongcz span.jl11 { left: 549px;}
.huodongcz span.jl12 { left: 598px;}
.huodongcz span.jl13 { left: 647px;}
.huodongcz span.jl14 { left: 696px;}
.huodongcz span.jl15 { left: 745px;}
.huodongcz span.ts { width: 60px; height: 40px; background: url(../images/quan3.png) no-repeat; }
.huodongcz span.tn { text-align: left; }
.huodongcz span.jl16 { top:52px; left: 750px; z-index: 5;}
.huodongcz span.jl17 { top:95px; left: 729px; z-index: 4}
.huodongcz span.jl18 { top:140px; left: 709px; z-index: 3}
.huodongcz span.jl19 { top:185px; left: 689px; z-index: 2}
.huodongcz span.jl20 { height: 60px; top:225px; left: 670px }
.huodongcz span.jl21 { top:245px; left: 620px;}
.huodongcz span.jl22 { top:245px; left: 572px;}
.huodongcz span.jl23 { top:245px; left: 523px;}
.huodongcz span.jl24 { top:245px; left: 477px;}
.huodongcz span.jl25 { top:245px; left: 401px;}
.huodongcz span b { position: absolute; width: 124px; height: 150px; top:-166px; left: -13px;}
.huodongcz span.jl1 b { left: -38px; background: url(../images/p1.png) no-repeat; }
.huodongcz span.jl5 b { left: -10px;  background: url(../images/p2.png) no-repeat; }
.huodongcz span.jl10 b { background: url(../images/p3.png) no-repeat; }
.huodongcz span.jl15 b { background: url(../images/p4.png) no-repeat; }
.huodongcz span.jl20 b { top:-125px; left: -110px; background: url(../images/p5.png) no-repeat; }
.huodongcz span.jl25 b { left: -38px; background: url(../images/p6.png) no-repeat; }
.huodongcz span.cur b { background-position: 0 -150px; }
.huodongcz span em { display: inline-block; width: 27px; height: 52px; background: url(../images/quan1.png) no-repeat; }
.huodongcz span cite { display: inline-block; width: 50px; height: 52px; color: #000; text-align: center; font-style: normal; font-size:20px; line-height: 52px; background: url(../images/quan2.png) no-repeat;}
.huodongcz span.cur,.huodongcz span.cur em { background-position: 0 -52px;}
.huodongcz span.cur cite { color: #fff; background-position: 0 -52px; }
.huodongcz span.ts em { display: block; margin:10px 0 0 12px; }
.huodongcz span.ts cite { display: block; margin:20px 0 0 -3px; }
.huodongcz span.cur.ts { background-position: 0 -60px; }
.houdongbtn { top:590px; left: 380px }
.houdongbtn a {
border-radius: 10px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 10px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 10px; /* Webkit浏览器的私有属性 */  display: block; width: 150px; height: 50px; text-align: center; line-height: 50px; font-size: 22px; text-decoration: none; color: #162340; background: #e0b84d; border: 2px solid #fff; }
.houdongbtn a:hover { background: #bf9a37;}
/*****************/

/** 充值、查看礼包按钮 **/
.huodongbt { top: 530px; left: 406px; }
.huodongbt a {display: block;  width: 260px; height: 70px; background: url(../images/btn1.png) no-repeat; }
.huodongbt a:hover { background-position: 0 -70px; }
/*****************/

/** 第2部份 **/
.main2 .huodongsj { top: 0; background: url(../images/title2.png) no-repeat; }
.main2 .huodonggz { top: 101px; }
/*****************/

/** 地图旗子 **/
.huodongdh { top: 201px; left: 0; width: 1050px; height: 669px; background: url(../images/map.png) no-repeat; }
.huodongdh #swfid { position: absolute; top: 0; left: 0; }
.huodongdh span { position: absolute; z-index: 5; width: 27px; height: 28px; background: url(../images/qi.png) no-repeat; }
.huodongdh span.qi1 { top: 279px; left: 778px; }
.huodongdh span.qi2 { top: 319px; left: 799px; }
.huodongdh span.qi3 { top: 220px; left: 815px; }
.huodongdh span.qi4 { top: 143px; left: 752px; }
.huodongdh span.qi5 { top: 128px; left: 650px; }
.huodongdh span.qi6 { top: 188px; left: 672px; }
.huodongdh span.qi7 { top: 233px; left: 644px; }
.huodongdh span.qi8 { top: 255px; left: 711px; }
.huodongdh span.qi9 { top: 329px; left: 661px; }
.huodongdh span.qi10 { top: 374px; left: 755px; }
.huodongdh span.qi11 { top: 439px; left: 769px; }
.huodongdh span.qi12 { top: 495px; left: 620px; }
.huodongdh span.qi13 { top: 424px; left: 522px; }
.huodongdh span.qi14 { top: 359px; left: 543px; }
.huodongdh span.qi15 { top: 286px; left: 550px; }
.huodongdh span.qi16 { top: 287px; left: 411px; }
.huodongdh span.qi17 { top: 181px; left: 487px; }
.huodongdh span.qi18 { top: 132px; left: 280px; }
.huodongdh span.qi19 { top: 197px; left: 222px; }
.huodongdh span.qi20 { top: 241px; left: 325px; }
.huodongdh span.qi21 { top: 338px; left: 289px; }
.huodongdh span.qi22 { top: 411px; left: 313px; }
.huodongdh span.qi23 { top: 489px; left: 391px; }
.huodongdh span.qi24 { top: 306px; left: 150px; }
.huodongdh span.qi25 { top: 485px; left: 182px; }
/*****************/

/** 第3部份 **/
.main3 .huodongsj { top: 0; left: 47px; height: 190px; background: url(../images/title3.png) no-repeat; }
.main3 .huodongsj h2 { padding-left: 86px; }
.main3 .huodonggz { top: 101px; left: 50px; }
/*****************/

/** 注册  */
.logintag { padding-top: 20px; text-align: center; }
.logintag ul li { width:132px; height: 42px; line-height: 42px; margin: 0 10px; cursor: pointer; font-size: 26px; text-align: center; color: #d4d3d1; background: #423a23; display: inline-block; }
.logintag ul li.cur { background: #977412; color: #fff;  }
.loginlist { padding:15px 0 0 120px; }
.loginlist ul li { padding-left: 130px; line-height: 30px; }
.loginlist ul li em { width: 130px; float: left; text-align: right; font-style: normal; font-size: 16px; margin-left: -130px; }
.loginlist ul li input { background: #a9a9aa; height: 23px; border: none; padding:0 2px}
.loginlist ul li input.int1 { width: 162px;}
.loginlist ul li input.int2 { width: 80px;}
.loginlist ul li a.tt { color: #fff }
.loginlist ul li a.code,.loginlist ul li b { display: none; width: 120px; font-size: 12px; height: 23px; line-height: 23px;  background: #009999; text-align: center; color: #fff;border-radius: 100px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 100px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 100px; /* Webkit浏览器的私有属性 */  }
.loginlist ul li a.code.cur { display:inline-block;}
.loginlist ul li b { background: #999; }
.loginlist ul li b.cur { display:inline-block; }
.loginlist ul li img { vertical-align: middle; cursor: pointer; margin-left:5px ; }
.loginlist ul li span { display: none; padding-left: 5px; }
.loginlist ul li.err span { display: inline-block; color: #c00 }
.loginlist ul li.err input { border: 1px solid #c00; }
.loginlist ul li.true span { display: inline-block; color: #3db421 } 
.loginlist ul li.true input { border: 1px solid #3db421;}
.loginbtn { text-align: center; padding-top: 10px }
/*****************/

/** 活动转盘 **/
.fdtipscj { position: absolute; top:70px; left: 216px }
.turntable-bg { position: relative; width: 337px; height: 336px; margin: 0 auto; }
.turntable-bg .mask { position: absolute; top: 0; left: 0; width: 337px; height: 336px; /*z-index:9;*/ }
.turntable-bg .pointer { position: absolute; z-index: 8; top: 50%; left: 50%; width: 107px; height: 126px; margin-top: -70px; margin-left: -54px; cursor: pointer; }
.turntable-bg .rotate { position: absolute; top: 0; left: 0; width: 337px; height: 336px; }
/*****************/

/** 弹窗  */
.fdtips { position: fixed; z-index: 22; top: 50%; left: 50%; display: none; width: 600px; height: 300px; margin: -150px 0 0 -300px; color: #fff; background: url(../images/tipsbg.png) no-repeat; _top: 150px; _position: absolute; }
.fdtips.jq { background: url(../images/ldtc.jpg) no-repeat; }
.fdtips.dh { height: 450px; margin-top: -225px; background: url(../images/ldtc1.jpg) no-repeat;}
.fdtips.dhtc { background: url(../images/dhtc.jpg) no-repeat;}
.fdtips.cj { height: 450px; margin-top: -225px; background: url(../images/ldcj.jpg) no-repeat;}
.fdtips p { font-size: 16px; padding: 0 20px;}
.fdtips p.tx { text-align: center; }
.fdtips p.sure {font-size: 18px; font-weight: bold;  text-align: center; color: #84a620; }
.fdtips div.fubtn { padding-top: 20px; text-align: center; }
.fdtipsbtn { line-height: 62px; display: inline-block; width: 148px; height: 42px; margin-right: 10px; text-align: center; text-indent: -9999px; color: #712a18; background: url(../images/qd.png) no-repeat; }
.fdtipsbtn.cz { background: url(../images/cz.png) no-repeat; }
.fdtipsbtn.qx { background: url(../images/qx.png) no-repeat; }

.fdtips strong { font-size: 16px; text-align: center; color: #fc0; }
.fdtips input.int { width: 60px; height: 22px; margin-left: 10px; cursor: pointer; border: none; background: #f30; }
.fdjllist { font-size: 14px; padding: 0 30px 10px 30px; }
.fdjllist ul { line-height: 25px; overflow: auto; overflow-x: hidden; height: 200px; }
.fdjllist ul li span, .fdjlisttitle span { float: right; margin-right: 10px; }
.fdjllist ul li.l1 { padding: 0 10px; background: #0057e4; }
.fdjllist ul li.l2 { padding: 0 10px; background: #2b7cff; }
.fdjlisttitle { font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; padding-left: 30px; border-bottom: 1px solid #bd7300; }
.fdjlisttitle span { padding-right: 30px; }
.fdjllist input { width: 220px; }
.fdtips h2 { font-size: 22px; margin: 0 15px 15px 15px; padding: 15px 0 20px 0; text-align: center; border-bottom: 1px solid #666; }

.fdcontentss em { font-style: normal; float: left; width: 110px; text-align: right; }
.fdcontentss p { overflow: hidden; zoom: 1; padding-top: 10px;word-break:break-all; word-wrap:break-word;  }
.tipsclose { line-height: 60px; position: absolute; top: 0; right: 0; display: block; width: 60px; height: 60px; text-align: center; text-decoration: none; text-indent: -9999px; color: #fff; }
.tipsclose:hover { text-decoration: none; }
.bodybg { position: absolute; z-index: 21; top: 0; left: 0; display: none; width: 100%; height: 100%; background: url(../images/bodybg.png); }

.fdtipjq { position: absolute; left: 250px; top:50px; width: 300px; text-align: center; }
.fdtipjq p { padding-top: 10px  }
.fdtipjq p.fdname { color: #f15f0c }
.fdtipsbtn.zl { margin-top: 20px; width: 164px; height: 60px; background: url(../images/btn3.jpg) no-repeat; }
.fdtipsbtn.zl:hover { background-position: 0 -60px; }

.fdtipdh { position: absolute; left: 150px; top:30px; font-size: 12px; width: 300px; text-align: center; }
.fdtipsbtn.jg { position: absolute; top:328px; left: 50%; margin-left: -68px; width: 137px; height: 50px; background: url(../images/btn4.jpg) no-repeat; }
.fdtipsbtn.jg:hover { background-position: 0 -50px; }
.fdtipdh p { display: none; }

.fdtipsjg { padding: 20px 20px 0 20px }
.fdtipsjg p { text-align: center; font-size: 24px; padding-top: 10px; }
.fdtipsjg p span { color: #eeb71c }
.fdtipsjg p.ll { font-size: 18px; padding-top: 20px }
.fdtipsbtn.yq { margin-top: 20px; width: 164px; height: 50px; background: url(../images/btn5.png) no-repeat; }
.fdtipsbtn.yq:hover { background-position: 0 -50px; }

.fdtipsjldh { padding: 40px 0 0 40px; width: 300px; }
.fdtipsjldh p { padding-top: 10px; text-align: center; }
.fdtipsjldh p select { width: 150px; }

.fdtipspre { padding: 10px 0 0 0 }
.fdtipspre p { padding: 0; font-size: 20px; }
.fdtipspre p { padding-bottom: 20px; }
.fdtipspre p span { color: #ffcc00 }
#copycardid { color: #ffff00; padding-left: 10px; }
/*************/