@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;}
.bg{background: url(../images/bg.jpg) no-repeat top center; min-width: 1200px; height: 2373px;}
.wrapper { background: url(../images/main_bg.jpg?20190926) no-repeat top center; width: 1200px; margin: 0 auto;}
.mod-0{ height: 870px; position: relative;}
.mod-1{ height: 715px;}
.mod-2{ height: 760px;}


.csp { background: url(../images/csp.jpg) no-repeat;}
.sysopt { padding-top: 395px; padding-left: 140px; width: 290px; color: #3d0905; font-size: 14px; text-align: center;}
.sysopt a { color: #3d0905;}
.sysopt a:hover { color: #000;}
.start-game { display: block; width: 269px; height: 89px; margin: 10px auto 0; background-position: 0 -91px;}
.start-game:hover { background-position: 0 0;}
.loginbox { width: 100%; height: 40px; line-height:40px; text-align: center; position: absolute; left: 0px; bottom: 20px; color: #fff; font-size: 18px;}
.loginbox a { color: #fff;}
.loginbox a:hover { color: #f6be62;}
/*mod-1*/
.num_01{ background: url(../images/num_ico.png) no-repeat 0 0; width: 123px; height:124px; margin:0 auto; }
.num_02{ background: url(../images/num_ico.png) no-repeat 0 -126px; width: 123px; height:124px;margin:0 auto;}
.w-tit h2{ font-size: 50px; font-weight: bold; color: #8a6024; text-align: center; margin-top: 6px;}
.w-tit h2.org_tit{color: #ffe6a2;}
.calendar-box { width: 418px; height: 414px; padding: 0 50px 0 36px; text-align: center; background: url(../images/calendar.jpg) no-repeat;}
.calendar-box h2 { height: 46px; line-height: 46px; font-size: 22px; color: #fff; padding-top: 88px;}
.calendar table { width: 420px; border:1px solid #b30101; border-collapse:collapse; font-size: 14px;}
.calendar th, .calendar td { width:60px; height:46px; line-height:46px; font-size:16px; font-weight: bold; border:1px solid #b27a25; text-align:center;}
.calendar th { height: 35px; line-height: 35px;}
.calendar th { color:#5a3612; background:#f0d291;}
.calendar td { color:#b78439; background:#fff8db; cursor:pointer;}
.calendar td:hover, .calendar td.valid { color: #fff; background: #922010;}
.calendar td.invalid { color: #888; background: #e4e4e4;}
.calendar td.on { color: #fff; background: #922010 url(../images/signed.jpg) center center no-repeat; cursor:default;}

.signgift-box {}
.sg-box { width: 202px; height: 302px; margin: 50px 0 0 16px; background: url(../images/getgiftbox.jpg) no-repeat;}
.sg-box .tit { height: 50px; line-height: 52px; color: #fff; font-size: 20px; text-align: center;}
.sg-box .tit font{ color: #fcd90c;}
.sg-box .gift { width: 169px; height: 162px; border: 1px solid #d1ac5e; margin: 12px auto 14px; text-align: center; position: relative;}
.sg-box .txt { width: 169px; height: 162px; position: absolute; top: -1px; left: -1px;}
.sg-box .t { height: 108px; padding: 15px; color: #fff; position: relative; z-index: 2; overflow: hidden; text-align: left; overflow-y: auto;}
.sg-box .m { width: 169px; height: 162px; position: absolute; top: 1px; left: 1px; background: #000; opacity: 0.8; filter: alpha(opacity=80);}
.sg-box .btn-getlb { display: block; width: 166px; height: 46px; margin: 0 auto; background-position: 0 0;}
.sg-box .btn-getlb:hover { background-position: 0 -49px;}
/*mod-2*/
.lottery-wrap {margin-top: 40px; padding: 0 98px;}
.lottery-box { width: 652px; height: 414px; position: relative;}
.lot-list { width: 652px; height: 414px; position: relative;}
.lot-list .lot { width: 155px; height: 132px; border: 1px solid #af9246; background: #fee7c1 url(../images/lotbg.jpg); position: absolute;}
.lot-list .lot img { display: block; width: 64px; height: 64px; border: 2px solid #b89748; margin: 20px auto 12px;}
.lot-list .lot p { color: #6b4717; font-size: 16px; font-weight: bold; text-align: center;}
.lot-list .active { background: #b2281f url(about:blank);}
.lot-list .active p{color: #fff;}
.lot-list .lot1 { top: 0px; left: 164px;}
.lot-list .lot2 { top: 0px; left: 328px;}
.lot-list .lot3 { top: 0px; left: 492px;}
.lot-list .lot4 { top: 141px; left: 492px;}
.lot-list .lot5 { top: 281px; left: 492px;}
.lot-list .lot6 { top: 282px; left: 328px;}
.lot-list .lot7 { top: 282px; left: 164px;}
.lot-list .lot8 { top: 281px; left: 0px;}
.lot-list .lot9 { top: 141px; left: 0px;}
.lot-list .lot5 p { line-height: 132px; font-size: 24px;}
.lottery-trigger { width: 321px; height: 135px; position: absolute; top: 141px; left: 164px; background-position: -1px -196px;}
.lottery-trigger:hover { background-position: -1px -335px;}

.btn-myprize { width: 142px; height: 39px; background-position: -171px 0;}
.btn-myprize:hover { background-position: -171px -41px;}
.desrc-box, .list-box { margin-top: 7px; background: #202020;}
.desrc-box .tit, .list-box .tit { width: 326px; height: 45px; background-position: 0 -97px;}
.desrc-box .con, .list-box .con { width: 302px; height: 126px; padding:5px 12px; color: #b19f78; position: relative;}
.list-box .tit { background-position: 0 -146px;}
.list-box ul, .scl-box { height: 110px; overflow: hidden; position: relative;}
.list-box li { height: 22px; line-height: 22px;}
.list-box .col1, .list-box .col3 { display: inline-block; vertical-align: top; width: 40%; text-align: center;}
.list-box .col2 { display: inline-block; vertical-align: top; width: 20%; text-align: center;}


.menu { width: 178px; height: 140px; padding-top: 145px;  overflow: hidden; background: url(../images/menu.png) no-repeat; position: fixed; _position:absolute; bottom: 100px; right: 0px; text-align: center;}
.menu a { display: block; color: #951717; font-size: 16px; height: 48px; font-weight: bold;}
.menu a:hover { color: #c82f2a;}

/*页面弹窗*/
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: 848px; height: 522px; color: #000; overflow: hidden; position: fixed; top: 50%; left: 50%; margin: -260px 0 0 -424px; z-index: 101; background: url(../images/pop-bg.png) no-repeat;}
.pop-box { _position:absolute;_top:expression(eval(document.documentElement.scrollTop+120))}
.pop-close { width: 42px; height: 42px; overflow: hidden; position: absolute; top: 17px; right: 72px; z-index: 3;}
.pop-inner { padding: 70px 92px 20px 50px;}
.pop-inner .pop-item {}
.pop-inner .pop-main {}
.pop-inner .pop-tit { width: 450px; height: 42px; line-height: 42px; font-size: 36px; color: #dfc27c; text-align: center; margin: 0 auto; background-position: 0 -485px;}
.login-form, .save-role, .save-adds { padding: 50px 0 0 134px;}
.tips-txt { font-size: 22px; color: #fff; padding: 80px 40px 0; text-align: center; line-height: 2;}
.w-item { margin: 30px 0;}
.w-label { display: inline-block; vertical-align: top; width: 100px; text-align: right; font-size: 20px; color: #fff; font-weight: bold;}
.w-input, .w-select { vertical-align: top; width: 270px; height: 32px; line-height: 32px; padding: 0 10px; color: #000; font-size: 14px; border: 0 none; background: #fff;}
.w-select { width: 290px;}
.btn-login, .btn-reg, .btn-srole, .btn-sadds { display: inline-block; vertical-align: top; width: 139px; height: 46px; margin-right: 7px; border: 0 none; cursor: pointer;}
.btn-login { background-position: -341px -324px; margin-left: 104px;}
.btn-reg { background-position: -341px -373px;}
.btn-srole, .btn-sadds { background-position: -341px -423px; margin-left: 104px;}
.btn-login:hover, .btn-reg:hover, .btn-srole:hover, .btn-sadds:hover { opacity: 0.9;}

.list-myprize { height: 380px; overflow-y: auto; padding-top: 20px; text-align: center;}
.list-myprize li { height: 44px; line-height: 44px;}
.list-myprize span { display: inline-block; vertical-align: top; width: 200px; text-align: center; color: #dfc27c; font-size: 14px;}
.list-myprize .col-2 { width: 80px;}
.popact { display: none;}
.popcon { color: #dfc27c; font-size: 14px; line-height: 24px; padding-left: 30px; padding-right: 20px; height: 396px; overflow-y: auto;}
.a { color: #DFC26A}
.a:hover { color: #DFC26A}
.pop-box .nodata { color: #fff; font-size: 20px; padding-top: 50px;}
.nodata { text-align: center;}
.user-info-opt { text-align: left; padding: 10px 0; padding-left: 200px; display: none;}
.user-info-opt a{font-size: 14px; text-decoration: underline; padding: 0 30px; font-weight: bold;}