body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0px; padding: 0px; }
sup { margin-left: 4px; }
i { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0px; }
img { border: 0px; vertical-align: top; }
li { list-style: none; }
iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
body { font: 14px / 1.3 "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); background: rgb(229, 229, 229); overflow-y: scroll; }
a { color: rgb(51, 51, 51); text-decoration: none; }
a:hover { color: rgb(250, 142, 25); }
input { outline: none; }
.cf { clear: both; height: 0px; overflow: hidden; font-size: 0px; }
.fl { float: left; }
.fr { float: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
h1, h2, h3, h4 { font-size: 100%; font-weight: normal; }
h5 { font-size: 16px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.bold { font-weight: bold; }
.l16 { line-height: 16px; }
.l18 { line-height: 18px; }
.l20 { line-height: 20px; }
.l22 { line-height: 22px; }
.l24 { line-height: 24px; }
.l26 { line-height: 26px; }
.l28 { line-height: 28px; }
.l30 { line-height: 30px; }
.dis { display: block; }
.undis { display: none; }
.mt10 { margin-top: 10px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.m40 { margin-bottom: 40px; }
.m30 { margin-bottom: 30px; }
.red { color: rgb(254, 33, 33); }
.gray { color: gray; }
.color_333 { color: rgb(51, 51, 51); }
.color_999 { color: rgb(153, 153, 153); }
.layout { width: 1280px; margin: 0px auto; }
.hide { display: none; }
.header { height: 88px; background: rgb(0, 0, 0); margin-bottom: 6px; }
.header .logo { float: left; text-align: center; padding: 14px 137px 0px 0px; }
.header .nav { float: left; }
.header .nav .item { float: left; padding: 0px 30px; border-bottom: 3px solid rgb(0, 0, 0); font-size: 16px; text-align: center; margin-right: 55px; position: relative; line-height: 85px; color: rgb(152, 152, 152); }
.header .nav .item:hover .ico.ico-home { background-image: url("/Images/ico_home.png"); }
.header .nav .item:hover .ico.ico-tickets { background-image: url("/Images/ico_lotterytickets.png"); }
.header .nav .item:hover .ico.ico-about { background-image: url("/Images/ico_about.png"); }
.header .nav .item:hover .ico.ico-responsible { background-image: url("/Images/ico_responsible.png"); }
.header .nav .item .all-lottery { background: rgb(0, 0, 0); position: absolute; z-index: 1; width: 800px; top: 83px; text-align: left; padding: 10px 0px; visibility: hidden; transition: 0.5s; opacity: 0.5; color: rgb(153, 153, 153); line-height: normal; }
.header .nav .item .all-lottery table { margin: 0px 15px; }
.header .nav .item .all-lottery td, .header .nav .item .all-lottery th { border-bottom: 1px solid rgb(71, 71, 71); font-size: 14px; font-weight: normal; padding: 10px 0px; }
.header .nav .item .all-lottery td.last, .header .nav .item .all-lottery th.last { border-width: 0px; }
.header .nav .item .all-lottery th { font-size: 16px; font-weight: bold; }
.header .nav .item .all-lottery a { width: 200px; display: inline-block; color: rgb(255, 255, 255); line-height: 45px; }
.header .nav .item .all-lottery a img { vertical-align: middle; }
.header .nav .item:hover .all-lottery { cursor: default; visibility: visible; top: 88px; opacity: 1; }
.header .nav .time { float: left; height: 95px; width: 200px; font-size: 12px; font-weight: bold; color: rgb(147, 147, 147); padding-right: 20px; line-height: 160px; }
.header .nav .bd-all-lottery:hover .all-lottery { display: block; }
.header .nav .on { border-color: rgb(228, 33, 27); color: rgb(255, 255, 255); }
.header .nav .on .ico.ico-home { background-image: url("/Images/ico_home.png"); }
.header .nav .on .ico.ico-tickets { background-image: url("/Images/ico_lotterytickets.png"); }
.header .nav .on .ico.ico-about { background-image: url("/Images/ico_about.png"); }
.header .nav .on .ico.ico-responsible { background-image: url("/Images/ico_responsible.png"); }
.header .nav .ico { width: 24px; height: 24px; vertical-align: middle; background-repeat: no-repeat; display: inline-block; margin: 45px 0px 15px; }
.header .nav .ico.ico-home { background-image: url("/Images/ico_home-press.png"); }
.header .nav .ico.ico-tickets { background-image: url("/Images/ico_lotterytickets-press.png"); }
.header .nav .ico.ico-about { background-image: url("/Images/ico_about-press.png"); }
.header .nav .ico.ico-responsible { background-image: url("/Images/ico_responsible-press.png"); }
.banner { height: 375px; }
.banner .slide { width: 994px; height: 375px; position: relative; }
.banner .slide .dots { position: absolute; width: 100%; text-align: center; bottom: 10px; }
.banner .slide .dots .dot { font-size: 0px; display: inline-block; margin: 0px 3px; width: 16px; height: 16px; background: rgb(255, 255, 255); border-radius: 50%; vertical-align: middle; border: 3px solid rgba(0, 0, 0, 0); }
.banner .slide .dots .dot.active { border: 3px solid rgb(0, 0, 0); }
.main { min-height: 600px; }
.footer { background: rgb(0, 0, 0); padding: 30px 0px; }
.footer .layout { width: 1280px; }
.footer .left { float: left; padding: 30px 0px 0px; width: 215px; }
.footer .center { float: left; width: 745px; text-align: center; }
.footer .center .hd { padding: 20px 0px; }
.footer .center .hd a { color: rgb(255, 255, 255); margin: 0px 10px; }
.footer .center .bd { color: rgb(255, 255, 255); margin-bottom: 30px; line-height: 21px; }
.footer .center .ft { color: rgb(104, 112, 127); font-size: 16px; }
.footer .right { float: right; width: 260px; text-align: right; padding: 30px 0px 0px; }
.footer .right .tl { color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; margin: 0px 0px 10px; }
.footer .right a { display: inline-block; vertical-align: middle; margin: 5px 8px; color: rgb(104, 112, 127); line-height: 25px; }
.footer .ft { color: rgb(104, 112, 127); font-size: 16px; text-align: center; }
.ball { width: 32px; height: 32px; line-height: 32px; color: rgb(255, 255, 255); text-align: center; font-size: 19px; display: inline-block; overflow: hidden; background: url("/Images/ico-ball3.png") no-repeat; }
.ball.ball-gamma3 { background-position: 0px 0px; }
.ball.ball-penta5 { background-position: -32px 0px; }
.ball.ball-infinity8 { background-position: -64px 0px; }
.ball.ball-rolling10 { background-position: -96px 0px; }
.ball.ball-bingo { background-position: 0px -32px; }
.ball.ball-bingo-1 { background-position: -192px 0px; }
.ball.ball-cannon20 { background-position: -128px 0px; }
.ball.ball-cannon20-1 { background-position: -192px 0px; }
.ball.ball-lucky5 { background-position: -160px 0px; }
.ball.ball-daily-red { background-position: -64px -32px; }
.ball.ball-daily-green { background-position: -32px -32px; }
.ball.ball-daily-blue { background-position: 0px -32px; }
.ball.empty { width: 20px; background: rgba(0, 0, 0, 0); }
.lottery-newest { margin-top: 6px; }
.lottery-newest .aside-left { position: absolute; top: 0px; left: -225px; width: 210px; }
.lottery-newest .aside-left img { display: block; margin-bottom: 10px; cursor: pointer; }
.lottery-newest .hd { height: 50px; background: rgb(255, 255, 255); margin-bottom: 16px; }
.lottery-newest .hd .item { float: left; border-bottom: 3px solid rgb(255, 255, 255); position: relative; text-align: center; font-size: 14px; height: 47px; line-height: 47px; padding: 0px 55px; font-weight: bold; }
.lottery-newest .hd .item a { color: rgb(119, 119, 119); display: block; }
.lottery-newest .hd .on { border-color: rgb(227, 34, 26); }
.lottery-newest .hd .on a { color: rgb(0, 0, 0); }
.lottery-newest .hd .on .flag { width: 0px; height: 0px; border-width: 12px 12px 0px; border-style: solid; border-color: rgb(49, 60, 80) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); position: absolute; left: 50%; bottom: -15px; }
.lottery-newest .bd .wrap { height: 320px; margin-bottom: 38px; }
.lottery-newest .bd .item { background: rgb(255, 255, 255); position: relative; top: 5px; opacity: 0.5; transition: 0.5s; margin-bottom: 6px; border-radius: 0px 0px 3px 3px; }
.lottery-newest .bd .item .hdd { padding: 0px 0px 0px 77px; line-height: 38px; color: rgb(255, 255, 255); background: rgb(0, 0, 0); font-weight: bold; }
.lottery-newest .bd .item .gmt { margin: 17px 0px 0px; height: 18px; line-height: 18px; }
.lottery-newest .bd .item .crt_period { width: 110px; height: 26px; line-height: 26px; background: rgb(229, 229, 229); color: rgb(0, 0, 0); margin: 10px auto 0px; border-radius: 3px; font-weight: bold; font-size: 14px; }
.lottery-newest .bd .item .wrap-bd-ball { height: 94px; position: relative; }
.lottery-newest .bd .item .wrap-bd-ball .bd-ball { position: absolute; bottom: 0px; width: 100%; border-bottom: 1px solid rgb(204, 204, 204); padding: 0px 0px 10px; }
.lottery-newest .bd .item .wrap-bd-ball .bd-ball .ball { margin: 0px 10px 5px 0px; vertical-align: middle; }
.lottery-newest .bd .item .period { margin: 0px 0px 0px 10px; width: 100px; float: left; font-size: 14px; color: rgb(119, 119, 119); padding: 18px 0px 0px; }
.lottery-newest .bd .item .period .txt { color: rgb(0, 0, 0); margin: 14px 0px 0px; font-size: 14px; font-weight: bold; }
.lottery-newest .bd .item .time { width: 700px; float: left; font-size: 14px; padding: 10px 0px 0px; }
.lottery-newest .bd .item .time .t { width: 30px; height: 30px; display: inline-block; border-radius: 100%; border: 2px solid rgb(229, 229, 229); vertical-align: middle; text-align: center; line-height: 30px; margin: 0px 5px; color: rgb(119, 119, 119); }
.lottery-newest .bd .item .time .txt { padding: 3px 0px 0px 10px; font-size: 14px; color: rgb(47, 51, 63); font-weight: bold; }
.lottery-newest .bd .item .link { padding: 35px 0px 0px; }
.lottery-newest .bd .item .link a { display: inline-block; text-align: center; color: rgb(0, 0, 0); text-decoration: underline; }
.lottery-newest .bd .ani { opacity: 1; top: 0px; }
.tickets .layout { width: 1280px; background: rgb(255, 255, 255); }
.tickets .result { margin-top: 6px; }
.tickets .result .hdd { height: 38px; line-height: 38px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 0px 0px 0px 58px; font-weight: bold; }
.tickets .result .logo { padding: 21px 0px 0px 58px; float: left; width: 216px; }
.tickets .result .draw-number { float: left; padding: 10px 0px 0px; color: rgb(119, 119, 119); }
.tickets .result .draw-number .periodNo { color: rgb(0, 0, 0); font-weight: bold; }
.tickets .result .draw-number .name { padding: 6px 0px 0px; font-size: 32px; font-weight: bold; color: rgb(50, 61, 81); text-shadow: rgb(206, 207, 206) 3px 2px 2px; }
.tickets .result .draw-number .name sup { font-size: 22px; }
.tickets .result .draw-number .opentime { padding: 16px 0px 0px; }
.tickets .result .draw-number .numbers { padding: 23px 0px 0px; }
.tickets .result .draw-number .numbers .ball { margin: 0px 8px 5px 0px; vertical-align: middle; }
.tickets .result .next-time { margin: 30px 0px 0px; padding: 10px 84px 0px 50px; float: right; border-left: 1px solid rgb(204, 204, 204); color: rgb(3, 17, 54); height: 105px; }
.tickets .result .next-time .hd { margin-bottom: 15px; color: rgb(119, 119, 119); }
.tickets .result .next-time .bd .t { width: 30px; height: 30px; display: inline-block; border-radius: 100%; border: 2px solid rgb(229, 229, 229); vertical-align: middle; text-align: center; line-height: 30px; margin: 0px 5px; color: rgb(119, 119, 119); }
.tickets .result .next-time .bd .txt { padding: 3px 0px 0px 10px; font-size: 14px; color: rgb(47, 51, 63); font-weight: bold; }
.tickets .result .bdd { border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 33px; }
.tickets .search { background: rgb(255, 255, 255); }
.tickets .search .hd { border-bottom: 1px solid rgb(204, 204, 204); }
.tickets .search .hd .fl { padding: 24px 0px 20px 62px; color: rgb(119, 119, 119); font-size: 12px; }
.tickets .search .hd .fl .t { color: rgb(0, 0, 0); margin: 0px 0px 12px; }
.tickets .search .hd .fr { padding: 33px 58px 0px 0px; }
.tickets .search .hd .fr .date { background: url("/Images/ico_calendar.png") right center no-repeat; padding: 0px 27px 0px 0px; }
.tickets .search .hd .fr .date .datepicker { border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(119, 119, 119); border-image: none; padding: 5px 0px 5px 26px; background: url("/Images/ico_search.png") left center no-repeat; font-size: 20px; width: 180px; }
.tickets .search .bd .list td { padding: 15px 0px 15px 60px; border-bottom: 1px solid rgb(204, 204, 204); }
.tickets .search .bd .tfoot { text-align: center; }
.tickets .search .bd .tfoot { margin: 30px 0px 0px; padding: 0px 0px 30px; }
.tickets .search .bd .tfoot .btn { width: 136px; height: 34px; line-height: 34px; text-align: center; display: inline-block; font-size: 14px; color: rgb(119, 119, 119); border: 2px solid rgb(119, 119, 119); border-radius: 5px; font-weight: bold; }
.about { background: url("/Images/img_bg-about.png") center top no-repeat rgb(255, 255, 255); padding: 50px; }
.about .inner { padding: 0px 0px 0px 10px; line-height: 30px; font-size: 16px; margin-top: 55px; width: 1000px; }
.about .inner .t { margin: 0px 0px 15px -10px; font-size: 20px; color: rgb(119, 119, 119); font-weight: bold; border-left: 3px solid rgb(227, 34, 26); height: 20px; line-height: 20px; padding: 0px 0px 0px 10px; }
.about .bd .flag { float: left; }
.about .bd .inner { margin-left: 290px; margin-top: 300px; }
.ResponsibleMenu { width: 280px; position: absolute; background: rgb(0, 0, 0); top: 0px; bottom: 0px; padding: 17px 0px 0px; min-height: 585px; border-radius: 5px 5px 0px 0px; }
.ResponsibleMenu .menuItem { padding: 0px 0px 0px 23px; margin-bottom: 26px; }
.ResponsibleMenu .menuItem a { font-size: 14px; color: rgb(255, 255, 255); padding-left: 10px; }
.ResponsibleMenu .menuItemOn a { color: rgb(227, 34, 26); }
.responsibleGaming { background: rgb(228, 228, 228); padding: 15px 50px 0px; }
.responsibleGaming .layout { position: relative; }
.responsible { font-size: 16px; color: rgb(47, 51, 63); min-height: 400px; padding: 20px 0px 0px; }
.responsible .subject { margin: 0px 0px 15px -10px; font-size: 20px; color: rgb(119, 119, 119); font-weight: bold; border-left: 3px solid rgb(227, 34, 26); height: 20px; line-height: 20px; padding: 0px 0px 0px 10px; }
.responsible .item { line-height: 30px; }
.responsible .bd { font-size: 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 0px 30px; }
.about .bd .bdd .item { margin: 0px 0px 15px; }
.dialog { position: fixed; inset: 0px; z-index: 1000; display: none; }
.dialog .mask { position: absolute; inset: 0px; background: rgb(0, 0, 0); opacity: 0.6; }
.dialog .bd { position: fixed; background: rgb(255, 255, 255); }
.dialog .bd .btn-close { width: 40px; height: 40px; text-align: center; line-height: 40px; position: absolute; right: -20px; top: -20px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 25px; border-radius: 50%; cursor: pointer; }
.dialog .bd .content { width: 100%; height: 100%; }
.dialog.dialog-video .bd { width: 800px; height: 450px; left: 50%; top: 50%; line-height: 450px; text-align: center; font-size: 30px; margin: -225px 0px 0px -400px; }
.go-index { text-align: right; height: 50px; line-height: 50px; background: rgb(255, 255, 255); margin-bottom: 5px; }
.go-index .back-to-list { height: 20px; background-color: rgb(41, 180, 172); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); padding: 7px; text-align: center; text-decoration: none; margin-right: 5px; border-radius: 5px; }