@charset "utf-8";
/*reset.css*/
html{ font-size:100%;}
body { margin:0; color: #666; font:12px/1.5 "microsoft yahei", Arial, sans-serif;}
dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;}
ul, ol { padding-left:0; list-style-type:none;}
img { border:0;}
a { color: #333; text-decoration:none; outline: 0 none;}
a:hover { color: #000; text-decoration:none;}
a, button { cursor:pointer}
table { border-collapse:collapse; border-spacing:0}
input, select, img { vertical-align:middle;}
a, input, button { padding:0; margin:0; outline:0}
i,em {font-style: normal;}
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.dib { display: inline-block; vertical-align: top; *display: inline; *zoom: 1;}
.tc { text-align: center;}
.fz14 { font-size: 14px;}
.fix {zoom:1;}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.none { display: none;}
.hidden { width: 0px; height: 0px; overflow: hidden;}

.wrapper { min-width: 1070px; overflow: hidden;}
.homepage { background: url(../images/bg.jpg) top center no-repeat;}
.innerpage { background: url(../images/innerbg.jpg) top center no-repeat;}
.top-bar { width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: right; background: rgba(0,0,0,.5); position: relative; z-index: 2;}
.top-bar .wrap { height: 50px !important; padding-bottom: 0 !important;}
.top-bar a { color: #fff;}
.top-bar a:hover { color: #00c0ff;}
.top-bar .logo { float: left;}
.top-bar .t-btn { display: inline-block; width: 108px; height: 28px; line-height: 28px; text-align: center; border: 2px solid #00c0ff; border-radius: 15px; margin-left: 10px; font-size: 16px;}
.wrap { width: 1070px; margin: 0 auto; position: relative;}
.homepage .wrap { height: 980px;}
.innerpage .wrap { width: 1000px; padding-bottom: 100px;}
.ogbtn { width: 229px; height: 245px; background: url(../images/ogbtn.png) no-repeat; position: absolute; z-index: 2;}
.ogbtn-1 { top: 54px; left: 54px;}
.ogbtn-2 { background-position: -232px 0; top: 54px; right: 54px;}
.ogbtn-3 { background-position: -464px 0; top: 384px; left: 0px;}
.ogbtn-4 { background-position: -696px 0; top: 384px; right: 0px;}
.five { display: block; width: 488px; height: 218px; margin: 0 auto; position: relative; top: 66px; background: url(../images/five.png) no-repeat;}
.qqh { width: 417px; height: 442px; background: url(../images/qqh.png) no-repeat; position: absolute; top: 180px; left: 326px; z-index: 2;
/*-webkit-animation:scaleA .7s ease-in both;
animation:scaleA .7s ease-in both;*/
}
.text { width: 741px; height: 220px; background: url(../images/text.png) no-repeat; position: absolute; bottom: 140px; left: 170px; z-index: 2;
/*-webkit-animation:scaleA .7s ease-in both .7s;
animation:scaleA .7s ease-in both .7s;*/
}
.disk { width: 567px; height: 218px; background: url(../images/disk.png) no-repeat; position: absolute; top: 515px; left: 256px;
/*-webkit-animation:scaleA .7s ease-in both;
animation:scaleA .7s ease-in both;*/
}
@-ms-keyframes scaleA{
	0%{opacity:0;-ms-transform:scale(3,3);}
	100%{opacity:1;-ms-transform:scale(1,1);}
}
@-webkit-keyframes scaleA{
	0%{opacity:0;-webkit-transform:scale(3,3);}
	100%{opacity:1;-webkit-transform:scale(1,1);}
}
@-moz-keyframes scaleA{
	0%{opacity:0;-webkit-transform:scale(3,3);}
	100%{opacity:1;-webkit-transform:scale(1,1);}
}

@keyframes scaleA{
	0%{opacity:0;transform:scale(3,3);}
	100%{opacity:1;transform:scale(1,1);}
}

.robr{width:100%;position:absolute;top:-100px;left:0;z-index:1;}
.robr li{position:absolute;top:0px;right:0;}
.ro_li{display:block;background:url(../images/caidai.png) no-repeat;}
.ro_li1{background-position:-50px -152px;width: 15px;height: 26px;}
.ro_li2{background-position:-156px -138px;width: 20px;height: 18px;}
.ro_li3{background-position: -292px -31px;width: 18px;height: 30px;}
.ro_li4{background-position: -278px -86px;width: 22px;height: 20px;}
.ro_li5{background-position:-404px -55px;width: 18px;height: 18px;}
.ro_li6{background-position: -296px -240px;width: 22px;height: 20px;}
.ro_li7{background-position:-56px -348px;width: 14px;height: 28px;}
.ro_li8{background-position:-312px -303px;width: 16px;height: 38px;}
.ro_li9{background-position: -456px -303px;width: 25px;height: 22px;}
.ro_li10{background-position: -482px -186px;width: 24px;height: 18px;}
.ro_li11{background-position:-786px -216px;width: 22px;height: 14px;}
.ro_li12{background-position:-68px -284px;width: 18px;height: 20px;}

@-ms-keyframes robrmove{
    0%{-webkit-transform:translate(0,0);}
    100%{-webkit-transform:translate(-500px,1200px);}
}
@-moz-keyframes robrmove{
    0%{-webkit-transform:translate(0,0);}
    100%{-webkit-transform:translate(-500px,1200px);}
}
@-webkit-keyframes robrmove{
    0%{-webkit-transform:translate(0,0);}
    100%{-webkit-transform:translate(-500px,1200px);}
}
@keyframes robrmove{
    0%{transform:translate(0,0);}
    100%{transform:translate(-500px,1200px);}
}

/*内页*/
/*加减操作*/
.g-count-number { display: inline-block; margin: 0 5px; width: 105px; height: 40px; vertical-align: middle; *display: inline; *zoom: 1;}
.g-number { display: inline-block; padding: 0 24px; vertical-align: middle; position: relative;}
.g-number-input { width: 58px; height: 32px; line-height: 22px; padding: 2px 4px; color: #ff4949; font-size: 14px; text-align: center; border: 1px solid #e0e0e0; outline: none; position: relative; *top:-1px;}
.g-number .number-btn { font-size: 18px; text-decoration: none; position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 32px; text-align: center; overflow: hidden; background: #fff; color: #9e9e9e; border: 1px solid #e0e0e0; font-family: 'verdana'; border-radius: 0 3px 3px 0;}
.g-number .number-btn-minus { right: auto; left: 0px; border-radius: 3px 0 0 3px;}

.menu { width: 1000px; height: 80px; margin: 40px 0; overflow: hidden;}
.menu li { float: left;}
.menu li a { width: 230px; height: 80px; float: left; background: url(../images/menu.png) no-repeat;}
.menu li .menu-5 { width: 80px;}
.menu li .menu-2 { background-position: -230px 0;}
.menu li .menu-3 { background-position: -460px 0;}
.menu li .menu-4 { background-position: -690px 0;}
.menu li .menu-5 { background-position: -920px 0;}
.menu .active .menu-1, .menu li:hover .menu-1 { background-position: -0px -80px;}
.menu .active .menu-2, .menu li:hover .menu-2 { background-position: -230px -80px;}
.menu .active .menu-3, .menu li:hover .menu-3 { background-position: -460px -80px;}
.menu .active .menu-4, .menu li:hover .menu-4 { background-position: -690px -80px;}
.menu .active .menu-5, .menu li:hover .menu-5 { background-position: -920px -80px;}
.innerpage .title { width: 1000px; height: 63px; margin-bottom: 30px; background: url(../images/title.png) no-repeat;}
.innerpage .title-2 { background-position: 0 -63px;}
.innerpage .title-3 { background-position: 0 -126px;}
.innerpage .title-4 { background-position: 0 -189px;}
.desc { font-size: 14px; color: #151515; text-align: center;}
.desc span { color: #ff2020;}
.jackpot { width: 1000px; height: 358px; margin: 32px 0 40px; background: url(../images/jackpot.png) no-repeat;}
.jk-box { width: 333px; font-size: 28px; color: #fff; line-height: 40px; text-align: center; padding-top: 228px; float: left;}
.jk-box .nums { font-size: 32px; font-family: 'Arial';}

.guess-box { width: 494px; border: 7px solid #45e6fe; border-radius: 10px; box-shadow: 0 6px 0px #3680ea;}
.guess-in { width: 492px; height: 400px; overflow: hidden; border: 1px solid #4499ff; border-radius: 5px; background: #fff;}
.guess-box .hd { height: 52px; line-height: 52px; text-align: center; font-size: 16px; color: #fff; background: #4499ff;}
.guess-box .hd span { color: #ffde4f;}
.glist li { width: 464px; padding-bottom: 40px; margin: 34px auto 0; border-bottom: 1px solid #bfbfbf;}
.glist .medal, .glist .opt { float: left;}
.glist .medal { width: 45px;}
.glist .opt { width: 266px; padding: 0 25px; text-align: center;}
.w-btn-s, .w-btn-y, .w-btn-l, .btn-answer, .btn-dz { display: inline-block; width: 102px; height: 42px; line-height: 38px; text-align: center; font-size: 17px; color: #fff; text-shadow: 0 0 2px #bbb; background: url(../images/btn.png) no-repeat; vertical-align: middle;}
.w-btn-y { width: 108px; height: 44px; line-height: 38px; font-size: 15px; background-position: 0 -84px;}
.w-btn-l { width: 128px; height: 44px; line-height: 38px; font-size: 15px; background-position: 0 -172px;}
.w-btn-s:hover { color: #fff; background-position: 0 -41px;}
.w-btn-y:hover { color: #fff; background-position: 0 -128px;}
.w-btn-l:hover { color: #fff; background-position: 0 -216px;}

.c-red { color: #ff4949;} 
.result-box { width: 458px; position: relative;}
.result-box .guess-in { width: 456px;}
.result-box .mydata { height: 100px; line-height: 100px; padding: 0 12px;}
.result-box .mydata a { margin-left: 18px;}
.result-box .hdesc { width: 268px; color: #606060; line-height: 18px; padding: 0 12px;}
.result-box .hdesc .tit { height: 22px; line-height: 22px; overflow: hidden; font-size: 16px; color: #424242; padding-left: 10px; margin-bottom: 20px; border-left: 4px solid #ffde4f;}
.result-box .gap { height: 8px;}

.medal-list { width: 148px; height: 234px; overflow: hidden; border-radius: 15px; border: 1px solid #bfbfbf; position: absolute; right: 12px; bottom: 10px;}
.medal-list .mhd { height: 30px; line-height: 30px; font-size: 16px; margin: 15px 0; text-align: center;}
.medal-list .mbd { color: #ff4949; font-size: 22px; text-align: center;}
.medal-list .mbd li { margin-bottom: 9px;}
.medal-list .mbd img { margin-right: 34px;}
.medal-list .mfd { height: 36px; line-height: 36px; text-align: center; color: #fff; background: #4499ff;}
/*mod-2*/
.icon { display: inline-block; vertical-align: middle; background-image: url(../images/icon.png); background-repeat: no-repeat;}
.qa-box { width: 1000px; height: 442px; color: #fff; font-size: 16px; background: url(../images/qbg.jpg) no-repeat; position: relative;}
.i-diam { width: 59px; height: 19px; line-height: 19px; text-align: center; color: #3d3c3c; font-size: 16px; margin: 0 16px 0 10px;}
.ichest { width: 39px; height: 32px; background-position: 0 -42px;}
.mydata { padding: 60px 0 0 75px;}
.mydata p { margin-bottom: 20px;}
.mydata a { margin-right: 10px;}
.btn-answer { width: 166px; height: 80px; background-position: 0 -260px; position: absolute; top: 300px; right: 250px;}
.btn-answer:hover { background-position: 0 -340px;}

/*mod-3*/
.i-qqh { width: 93px; height: 85px; background-position: 0 -108px;}
.i-hb { width: 83px; height: 82px; background-position: 0 -223px;}
.hb-process { text-align: center; margin: 80px 0;}
.process-box { width: 582px; height: 55px; padding-top: 35px; position: relative;}
.process-bg { display: block; width: 525px; height: 18px; border-radius: 10px; margin: 0 auto; background: #f4f4f4; overflow: hidden;}
.process-ing { display: block; width: 20%; height: 18px; border-radius: 10px; background: #ff5858;}
.process-box .now, .process-box .total { font-size: 20px; color: #ff5858; text-shadow: 0 0 6px #fff; position: absolute;}
.process-box .now { bottom: 0px; left: 20%;}
.process-box .total { top: 0; right: 0%;}

.dz-box { width: 385px; margin: 80px auto;}
.dz-box .desc { font-size: 20px; color: #5729ba; text-align: center; margin-bottom: 15px;}
.btn-dz { width: 252px; height: 102px; background-position: 0 -420px;}
.btn-dz:hover { background-position: 0 -522px;}
.btnbox a { float: left;}
.btnbox .w-btn-s { margin: 6px 0 0px 16px;}

.lb-box {}
.lb-box ul { margin-right: -5px;}
.lb-box li { width: 138px; height: 138px; margin: 0 5px 10px 0; box-shadow: 0 3px 5px #7370b9; border-radius: 18px; overflow: hidden; position: relative; float: left;}
.lb-box .img { position: relative;}
.lb-box .img .i-gift { width: 40px; height: 40px; border-radius: 10px; box-shadow: inset 0 0 3px #666; background-color: #fff; position: absolute; top: 75px; right: -14px; background-position: -90px 3px;}
.lb-box p { width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; position: absolute; bottom: 0px; left: 0px;}

/*mod-4*/
.wxhd-box { color: #272727; font-size: 14px; line-height: 26px; padding-top: 30px;}
.wxhd-left { padding: 0 80px 0 130px;}

.ogbtnani-1{-webkit-animation: rotnav1 2.8s ease both 1;
-moz-animation: rotnav1 2.8s ease both 1;
-ms-animation: rotnav1 2.8s ease both 1;
animation: rotnav1 2.8s ease both 1;}
.ogbtnani-2{-webkit-animation: rotnav2 2.8s ease both 1;
-moz-animation: rotnav2 2.8s ease both 1;
-ms-animation: rotnav2 2.8s ease both 1;
animation: rotnav2 2.8s ease both 1;}
.ogbtnani-3{-webkit-animation: rotnav3 2.8s ease both 1;
-moz-animation: rotnav3 2.8s ease both 1;
-ms-animation: rotnav3 2.8s ease both 1;
animation: rotnav3 2.8s ease both 1;}
.ogbtnani-4{-webkit-animation: rotnav4 2.8s ease both 1;
-ms-animation: rotnav4 2.8s ease both 1;
-moz-animation: rotnav4 2.8s ease both 1;
animation: rotnav4 2.8s ease both 1;}
@-webkit-keyframes rotnav1{
	0%{-webkit-transform: translate(-300%,-50%) rotate(-360deg);}
}
@-moz-keyframes rotnav1{
	0%{-moz-transform: translate(-300%,-50%) rotate(-360deg);}
}
@-ms-keyframes rotnav1{
	0%{-ms-transform: translate(-300%,-50%) rotate(-360deg);}
}
@keyframes rotnav1{
	0%{transform: translate(-300%,-50%) rotate(-360deg);}
}


@-webkit-keyframes rotnav2{
	0%{-webkit-transform: translate(300%,-50%) rotate(-360deg);}
}
@-ms-keyframes rotnav2{
	0%{-ms-transform: translate(300%,-50%) rotate(-360deg);}
}
@-moz-keyframes rotnav2{
	0%{-moz-transform: translate(300%,-50%) rotate(-360deg);}
}
@keyframes rotnav2{
	0%{transform: translate(300%,-50%) rotate(-360deg);}
}



@-webkit-keyframes rotnav3{
	0%{-webkit-transform: translate(-300%,50%) rotate(-360deg);}
}
@-ms-keyframes rotnav3{
	0%{-ms-transform: translate(-300%,50%) rotate(-360deg);}
}
@-moz-keyframes rotnav3{
	0%{-moz-transform: translate(-300%,50%) rotate(-360deg);}
}
@keyframes rotnav3{
	0%{transform: translate(-300%,50%) rotate(-360deg);}
}


@-webkit-keyframes rotnav4{
	0%{-webkit-transform: translate(300%,50%) rotate(-360deg);}
}
@-ms-keyframes rotnav4{
	0%{-ms-transform: translate(300%,50%) rotate(-360deg);}
}
@-moz-keyframes rotnav4{
	0%{-moz-transform: translate(300%,50%) rotate(-360deg);}
}
@keyframes rotnav4{
	0%{transform: translate(300%,50%) rotate(-360deg);}
}


.navhover{-webkit-animation: Nhover 3s linear both infinite;
-ms-animation: Nhover 3s linear both infinite;
-moz-animation: Nhover 3s linear both infinite;
animation: Nhover 3s linear both infinite;}
@-webkit-keyframes Nhover{
	0%{-webkit-transform: rotate(0deg);}
	25%{-webkit-transform: rotate(-30deg);}
	75%{-webkit-transform: rotate(30deg);}
	100%{-webkit-transform: rotate(0deg);}
}
@-ms-keyframes Nhover{
	0%{-ms-transform: rotate(0deg);}
	25%{-ms-transform: rotate(-30deg);}
	75%{-ms-transform: rotate(30deg);}
	100%{-ms-transform: rotate(0deg);}
}
@-moz-keyframes Nhover{
	0%{-moz-transform: rotate(0deg);}
	25%{-moz-transform: rotate(-30deg);}
	75%{-moz-transform: rotate(30deg);}
	100%{-moz-transform: rotate(0deg);}
}
@keyframes Nhover{
	0%{transform: rotate(0deg);}
	25%{transform: rotate(-30deg);}
	75%{transform: rotate(30deg);}
	100%{transform: rotate(0deg);}
}
/*页面弹窗*/
body {_height: 100%; _background-image: url(about:blank); _background-attachment: fixed; *overflow-x: hidden!important; }
.mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; opacity: 0.8; background: #000; z-index: 100;}
.mask { filter: alpha(opacity=80);_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))}
.pop-box { width: 670px; height: 221px; min-height: 221px; height: auto !important; padding-top: 289px; color: #000; font-size: 16px; overflow: hidden; position: fixed; top: 50%; left: 50%; margin: -320px 0 0 -335px; z-index: 101; background: url(../images/pop-bg-l.png) no-repeat;}
.pop-box { _position:absolute;_top:expression(eval(document.documentElement.scrollTop+120))}
.pop-close { width: 36px; height: 36px; background: url(../images/pop-close.png) no-repeat; position: absolute; top: 108px; right: 16px; z-index: 3;}
.pop-close:hover { color: #20937a;}
.pqqh { width: 176px; position: absolute; top: 28px; right: 80px;}
.pop-item { width: 547px; margin-left: 69px; background: #fff; border-radius: 0 0 20px 20px;}
.pop-main { padding: 20px;}
.pop-2psw .pswbox { font-size: 14px; color: #ff5151; line-height: 36px; padding: 25px 0; text-align: center;}
.pop-2psw .pswbox .input-2psw { width: 220px; height: 36px; border: 1px solid #5c2c12; font-size: 14px; text-align: center;}
.pop-2psw .pswbox a { font-size: 14px; color: #ff5151;}
.pop-2psw .pwdtip { font-size: 14px; text-align: center; color: #009aff; padding: 20px 0;}
.w-pbtn {  display: inline-block; vertical-align: middle; line-height: 32px; padding: 0 22px; color: #fff; background: #009aff; font-size: 16px; border-radius: 25px; box-shadow: 0 1px 3px #999;}
.w-pbtn:hover { color: #fff; box-shadow: 0 0 0 #fff;}
.w-rbtn { background: #ff5151;}
.pop-tit { position: absolute; left: 88px; top: 140px; line-height: 100; overflow: hidden; background: url(../images/pop-tit.png) no-repeat;}
.pop-tit-1 { width: 378px; height: 100px;}
.pop-tit-2 { width: 378px; height: 128px; background-position: 0 -100px;}
.pop-tit-3 { width: 260px; height: 116px; background-position: 0 -228px;}
.pop-tit-4 { width: 172px; height: 156px; background-position: 0 -344px;}
.pop-tit-5 { width: 215px; height: 148px; background-position: 0 -500px;}
.pop-tit-6 { width: 215px; height: 148px; background-position: 0 -649px;}
.pop-tit-7 { width: 378px; height: 110px; background-position: 0 -806px; left: 74px;}
.pop-tit-8 { width: 210px; height: 128px; background-position: 0 -917px;}
.pop-tit-9 { width: 208px; height: 156px; background-position: 0 -1046px;}
.pop-tit-10 { width: 282px; height: 123px; background-position: 0 -1202px; left: 130px;}
.pop-tit-11 { width: 258px; height: 138px; background-position: 0 -1325px;}

.pop-mbet { text-align: center; color: #ff5151;}
/*我的投注记录*/
.pop-betrcd .pop-main { padding: 0 20px 10px;}
.pop-betrcd .hd { color: #ff5151;}
.pop-betrcd .bd { height: 174px; overflow-y: auto;}
.pop-betrcd li { overflow: hidden;}
.pop-betrcd li span { width: 162px; height: 36px; line-height: 36px; text-align: center; float: left;}
/*中奖统计 （已公布）*/
.p-s { width: 564px; height: 460px; margin: -230px 0 0 -282px; background: url(../images/pop-bg-s.png) no-repeat;}
.p-s .pop-item { width: 392px; margin-left: 91px;}
.p-s .pop-tit { left: 115px; top: 105px;}

.pop-hd1prizend .pop-main { padding: 0 20px 10px;}
.pop-hd1prizend .hd { color: #ff5151;}
.pop-hd1prizend .bd { height: 174px; overflow-y: auto;}
.pop-hd1prizend li { overflow: hidden;}
.pop-hd1prizend li span { width: 116px; height: 36px; line-height: 36px; text-align: center; float: left;}
/*中奖统计 （未公布）*/
.pop-tips { color: #ff5151; text-align: center; line-height: 36px; font-size: 20px;}
/*奖牌竞猜*/
.pop-tips  .confirm-list { text-align: left; margin-bottom: 15px;}
.pop-tips  .confirm-list span { display: inline-block; width: 160px; padding-left: 74px; color: #000;}
.pop-tips  .confirm-list em { display: inline-block; }
.pop-tips  .w-pbtn { margin: 0 15px;}
/*小百科*/
.bk-confirm { color: #6a6a6a; margin-bottom: 25px;}
.pop-bkqa {}
.pop-bkqa .pop-main { padding: 0 45px; line-height: 32px;}
.pop-bkqa .q { color: #009aff; }
.pop-bkqa .a { margin-top: 20px; }
.pop-bkqa .opt { padding: 30px 0; }
.pop-bkqa .opt .w-pbtn { margin-right: 20px;}
.pop-bkqa .opt em { color: #ff5151;}
/*hd2活动说明*/
.pop-hd2desc { }
.pop-hd2desc .pop-main { line-height: 34px; padding: 0 58px; color: #6a6a6a; padding-bottom: 20px;}
.pop-hd2desc .pop-main .hd { color: #009aff;}
.pop-hd2desc .pop-main a { color: #ff5151;}
/*获奖奖品*/
.pop-hd2prize {}
.pop-hd2prize .pop-main { line-height: 30px;}
.pop-hd2prize .col { display: inline-block; width: 185px; text-align: center;}
.pop-hd2prize .hd { color: #ff5151;}
.pop-hd2prize .bd { color: #6b6b6b; height: 120px; overflow-y: auto;}
/*活动3我的奖品*/
.pop-hd3prize {}
.pop-hd3prize .hd { color: #ff5151;}
.pop-hd3prize .bd { color: #6b6b6b; height: 210px; overflow-y: auto;}
.pop-hd3prize .col { display: inline-block; width: 158px; height: 30px; line-height: 30px; overflow: hidden; position: relative;}
.pop-hd3prize .col2 { width: 110px;}
.pop-hd3prize .col3 { width: 220px;}
.pop-hd3prize .col3 em { display: inline-block; width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.btn-copy { vertical-align: middle; width: 70px; height: 20px; line-height: 20px; text-align: center; padding: 0; font-size: 13px; position: relative; overflow: hidden; position: absolute; top: 5px; right: 0px;}