@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ul, ol, li, th, td, img, input{ border:medium none;margin: 0;padding: 0; background:#f7f7f7;}
body{ font-size:14px; font-family:HelveticaNeue,Helvetica,sans-serif; line-height:22px; color:#666;}
input{ font-size:16px;}
img{ border:0 none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
p,ul,li{list-style:none;}
a,a:link{color:#666;text-decoration:none; outline:none;}
a:hover{text-decoration:none; color:#666;}
header, nav, section, footer{ display:block;}

*{margin:0;padding:0;list-style:none;border:0;}
body{width:100%;margin:0 0 45px 0;overflow:hidden}
.mainclear{ clear:both; height:0; overflow:hidden;}

/* main_image */
#banner{ position:fixed; top:0; right:0; left:0; z-index:-999;}
.main_visual{height:100px;overflow:hidden;position:relative;top:-22px;}
.main_image{height:100px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100px;}
.main_image li span{display:block;width:100%;height:100px}
.main_image li a{display:block;width:100%;height:100px}
/*.main_image li .img_1{background:url('../images/subbanner1.jpg') center top no-repeat}
.main_image li .img_2{background:url('../images/subbanner2.jpg') center top no-repeat}
.main_image li .img_3{background:url('../images/subbanner3.jpg') center top no-repeat}
.main_image li .img_4{background:url('../images/subbanner4.jpg') center top no-repeat}*/
.main_image li img{ width:100%; height:100px;}
.withToolbar{ margin-top:50px;}
.mainWrap{ background:#f7f7f7;}
header{ position:fixed; width:100%; top:0; right:0; left:0; height:40px; background: none repeat scroll 0 0 #f8f8f8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); z-index:999;}
	header .back{ display:block; float:left; margin:8px 0 8px 10px; padding-left:26px; height:24px; background:url(../images/back.svg) left center no-repeat; font-size:18px;}
	header .home{ float:right; margin:8px 10px 8px 0; font-size:18px;}

div.flicking_con{position:absolute;bottom:10px;left:0; right:0;z-index:999; height:10px;padding:0 0 0 10px;}
div.flicking_con a{float:left;width:10px;height:10px;margin:0;padding:0;background:url('../images/btn_main_img.svg') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -10px}

.newswrap{ margin-top:110px; background:#f7f7f7;}
.tabwrap{ margin:10px; height:32px;}
	.tabwrap ul{ list-style-type:none; margin:0; padding:0;}
	.tabwrap ul li{ float:left; width:49%; font-size:16px; color:#0066ff; height:32px; line-height:32px; text-align:center;}
	.tabwrap ul li#news1{ background:#0066ff; border-radius:18px 0 0 18px; border:solid 1px #0066ff; border-right:none;}
	.tabwrap ul li#news1 a{ color:#fff;}
	.tabwrap ul li#news2{  border-radius:0 18px 18px 0; border:solid 1px #0066ff; border-left:none;}
	.tabwrap ul li#news2 a{ color:#0066ff;}
	.tabwrap ul li#news3{  border-radius:18px 0 0 18px; border:solid 1px #0066ff; border-right:none;}
	.tabwrap ul li#news3 a{ color:#0066ff;}
	.tabwrap ul li#news4{ background:#0066ff; border-radius:0 18px 18px 0; border:solid 1px #0066ff; border-left:none;}
	.tabwrap ul li#news4 a{ color:#fff;}
	
	
.newslist{ border-top:solid 1px #dddddd;}
	.newslist ul{ list-style-type:none; margin:0; padding:0;}
	.newslist li{ position:relative; display:block; padding:10px 10px 10px 20px; font-size:16px; border-bottom:solid 1px #dddddd; line-height:20px;}
	.newslist li dl{}
	.newslist li span{ display:block; font-size:12px; color:#CCC; line-height:12px; font-weight:normal;}
	.newslist li em{ position:absolute; left:0; top:0; z-index:0;width:24px; height:24px;}

.noticeWrap{ padding-left:30px;height:32px;  background:#ffff99 url(../images/notice.svg) 10px center no-repeat; border-bottom:solid 1px #ddd;overflow:hidden;}
	.noticeWrap ul{ list-style-type:none; margin:0; padding:0;}
	.noticeWrap ul li{ height:32px; line-height:32px;background:#ffff99;}

.lotteryWrap{ display:block; margin:5px 0; padding:5px 10px; background:#fff; border:solid 1px #ddd; border-left:none; border-right:none;}
.lotteryWrapHover{margin:5px 0; padding:5px 10px; background:#f2f2f2; border:solid 1px #ddd; border-left:none; border-right:none;}
.lotteryName{ border-bottom:dotted #dedede 1px; font-size:12px; color:#999;}
.lotteryName em{ padding-right:5px; font-size:18px; color:#333; font-style:normal;}
.lotteryName span{ float:right; font-size:12px;}
.lotteryName dt{ float:left;margin-left:55px;background:#fff;}

.lotreryDetail{ padding:10px 0 10px 0; height:32px; background:url(../images/more.svg) right center no-repeat;}
.lotreryDetail ul{ list-style-type:none; margin:0; padding:0;}
.lotreryDetail ul li{ float:left; margin-right:5px; width:32px; height:32px; font-size:18px; line-height:32px; color:#FFF; text-align:center;}
.lotreryDetail ul li#red{ background:url(../images/ball_red.svg) center center no-repeat;}
.lotreryDetail ul li#blue{ background:url(../images/ball_blue.svg) center center no-repeat;}
.lotteryPool{ clear:both; padding:5px 0; border-top:dotted #dedede 1px; font-size:12px; color:#999;}
.lotteryPool em{ font-size:18px; color:#C00; font-style:normal;}

.lotreryDetail1{ padding:10px 0 10px 0; height:32px;}
.lotreryDetail1 ul{ list-style-type:none; margin:0; padding:0;}
.lotreryDetail1 ul li{ float:left; margin-right:5px; width:32px; height:32px; font-size:18px; line-height:32px; color:#FFF; text-align:center;}
.lotreryDetail1 ul li#red{ background:url(../images/ball_red.svg) center center no-repeat;}
.lotreryDetail1 ul li#blue{ background:url(../images/ball_blue.svg) center center no-repeat;}

.footballWrap{ display:block; margin:5px 0; padding:5px 10px; background:#fff; border:solid 1px #ddd; border-left:none; border-right:none;}
.footballName{ border-bottom:dotted #dedede 1px; font-size:12px; color:#999;}
.footballName em{ padding-right:5px; font-size:18px; color:#333; font-style:normal;}
.footballName span{ float:right;}
.footballDetail{ padding:10px 0 10px 0; height:32px; background:url(../images/more.svg) right center no-repeat;}
.footballDetail ul{ list-style-type:none; margin:0; padding:0;}
.footballDetail ul li{ float:left; margin-right:2px; width:18px; height:32px; font-size:18px; line-height:32px; color:#FFF; text-align:center; background:url(../images/football.svg) center center no-repeat;}

.footballDetail1{ padding:10px 0 10px 0; height:32px;}
.footballDetail1 ul{ list-style-type:none; margin:0; padding:0;}
.footballDetail1 ul li{ float:left; margin-right:2px; width:18px; height:32px; font-size:18px; line-height:32px; color:#FFF; text-align:center; background:url(../images/football.svg) center center no-repeat;}

.lotteryRulesWrap{ padding:0 10px;}
	.lotteryRulesWrap table{ margin:10px 0;}
	.lotteryRulesWrap thead td{ padding:5px 0; border:solid 1px #ddd; border-left:none; border-right:none; text-align:center; font-weight:bold; background:#ededed;}
	.lotteryRulesWrap tbody td{ padding:5px 0; border-bottom:solid 1px #ddd; }
	.lotteryRulesWrap tbody .td1{ width:80px; text-align:center;}
	.lotteryRulesWrap tbody .td2{ padding:5px;}
	.lotteryRulesWrap tbody .td3{ width:60px; text-align:right;}
	
.footballRulesWrap{ padding:0 10px;}
	.footballRulesWrap table{ margin:10px 0;}
	.footballRulesWrap thead td{ padding:5px 0; border:solid 1px #ddd; border-left:none; border-right:none; text-align:center; font-weight:bold; background:#ededed;}
	.footballRulesWrap tbody td{ padding:5px 0; border-bottom:solid 1px #ddd; }
	.footballRulesWrap tbody .td1{ width:80px; text-align:center;}
	.footballRulesWrap tbody .td2{ padding:5px;}
	.footballRulesWrap tbody .td3{ width:110px;}

.historyWrap{ margin:5px 0; padding:5px 10px; border-bottom:solid 1px #ddd; }
.historyName{ border-bottom:dotted #dedede 1px; font-size:12px; color:#999;}
.historyName span{ float:right; font-size:12px;}
.historyDetail{ padding:10px 0 10px 0; height:24px;}
.historyDetail ul{ list-style-type:none; margin:0; padding:0;}
.historyDetail ul li{ float:left; margin-right:5px; width:32px; height:24px; font-size:18px; line-height:24px; color:#c00;}
.historyDetail ul li#blue{color:#0066ff;}

.footballhistoryWrap{ margin:5px 0; padding:5px 10px; border-bottom:solid 1px #ddd; }
.footballhistoryName{ border-bottom:dotted #dedede 1px; font-size:12px; color:#999;}
.footballhistoryName span{ float:right; font-size:12px;}
.footballhistoryDetail{ padding:10px 0 10px 0; height:24px;}
.footballhistoryDetail ul{ list-style-type:none; margin:0; padding:0;}
.footballhistoryDetail ul li{ float:left; margin-right:2px; width:18px; height:24px; font-size:18px; line-height:24px; color:#009900;}
.footballhistoryDetail ul li#blue{color:#0066ff;}

/*======20140829begin========*/
.newsDetailWrap{ padding:0 10px 10px 10px; background:#f7f7f7; border-bottom:solid 1px #ddd;}
	.newsDetailWrap .title{ font-size:20px; line-height:24px; font-weight:bold;}
	.newsDetailWrap .date{ font-size:12px; color:#999; border-bottom:dotted 1px #ddd;}
	.newsDetailWrap .date span{ padding-left:10px; color:#6CF;}
	.newsDetailWrap .content{ padding-top:10px;}
	.newsDetailWrap .content img{ width:100%;}
/*======20140829end========*/

/*======20140904begin========*/
.announceWrap{ padding:0 5px;height:32px; line-height:32px; background:#ffff99; border-bottom:solid 1px #ddd;overflow:hidden;}
	.announceWrap em.red{ color:#C00; font-style:normal;}
	.announceWrap em.blue{ color:#06f; font-style:normal;}
	.announceWrap span{ float:right;}
.shakeWrap{ padding:0 5px 0 40px; height:40px; line-height:40px; background:url(../images/shake.svg) 5px center no-repeat; font-weight:bold; border-bottom:dotted 1px #ddd;}
	.shakeWrap span{ float:right; color:#999; font-weight:normal;}
.selectRedWrap{ padding:10px 0 10px 5px; border-bottom:solid 1px #ddd;}
	.selectRedWrap ul{ list-style-type:none; margin:0; padding:0;}
	.selectRedWrap ul li{float:left; margin:5px 6px; font-size:18px; line-height:32px; text-align:center;}
	.selectRedWrap ul li.normal{ display:block; width:32px; height:32px; background:url(../images/ball_gray.svg) center center no-repeat; color:#C00;}
	.selectRedWrap ul li.selected{ display:block; width:32px; height:32px; background:url(../images/ball_red.svg) center center no-repeat; color:#fff;}
.selectBlueWrap{ padding:10px 0 10px 5px; border-top:solid 1px #fff;}
	.selectBlueWrap ul{ list-style-type:none; margin:0; padding:0;}
	.selectBlueWrap ul li{float:left; margin:5px 6px; width:32px; height:32px; font-size:18px; line-height:32px; text-align:center;}
	.selectBlueWrap ul li.normal{ background:url(../images/ball_gray.svg) center center no-repeat; color:#06f;}
	.selectBlueWrap ul li.selected{ background:url(../images/ball_blue.svg) center center no-repeat; color:#fff;}
.selectResult{ position:fixed; right:0; bottom:0; left:0; padding:6px 5px; height:32px; line-height:32px; background:#fff; border-top:solid 1px #ddd;}
	.selectResult button{ float:right; padding:0 20px; height:32px; line-height:32px; border-radius:4px; background:#C00; color:#fff; text-align:center; font-size:16px;}
	.selectResult em{ font-size:24px; color:#C00; font-style:normal;}
/*======20140904end========*/

/*======20140910 begin========*/
    .hand { width: 127px; height: 200px; background: url(../images/hand.png) no-repeat; position: absolute; top: 65px; left: 50%; margin-left: -60px; }
    .hand-animate { -webkit-animation: hand_move infinite 2s; }
    .loading { position: absolute; top: 240px; left: 50%; margin-left: -36px; width: 80px; height: 80px; background: url(../images/spinner.png) no-repeat; background-size: 80px 80px; opacity: 0;
        -webkit-animation: loading infinite linear .5s;
           -moz-animation: loading infinite linear .5s;
            -ms-animation: loading infinite linear .5s;
             -o-animation: loading infinite linear .5s;
                animation: loading infinite linear .5s;
        -webkit-transition: all .5s;
           -moz-transition: all .5s;
            -ms-transition: all .5s;
             -o-transition: all .5s;
                transition: all .5s; }
    .loading-show { opacity: 1; }
    @-webkit-keyframes hand_move {
        0% {
            -webkit-transform: rotate(0);
               -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                 -o-transform: rotate(0);
                    transform: rotate(0); }
        50% {
            -webkit-transform: rotate(15deg);
               -moz-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                 -o-transform: rotate(15deg);
                    transform: rotate(15deg); }
        100% {
            -webkit-transform: rotate(0);
               -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                 -o-transform: rotate(0);
                    transform: rotate(0); }
    }
    @-webkit-keyframes loading {
        0% {
            -webkit-transform: rotate(0);
               -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                 -o-transform: rotate(0);
                    transform: rotate(0); }
        100% {
            -webkit-transform: rotate(360deg);
               -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                 -o-transform: rotate(360deg);
                    transform: rotate(360deg); }
    }
/*======20140910 end========*/

.copyright{ position:fixed; right:0; bottom:0; left:0; padding:10px 0 10px 0; text-align:center; color:#ccc; font-size:11px; line-height:13px; z-index:-999;}