@charset "utf-8";

*{font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
html{font-size:10px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
ol, ul{ list-style:none;
 text-align: center;
}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none;}
table{ border-collapse:collapse; border-spacing:0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
img{ -ms-interpolation-mode:bicubic; image-rendering:optimizeQuality;}
body{ background:#eee; line-height:1.14; font-family:"宋体", Verdana, Geneva, sans-serif; font-size:12px; color:#333;}
a{ color:#000; text-decoration:none; outline:none;}
a:hover{ color:#000;}
b, i, strong, em{ font-style:normal;}
h1, h2, h3{ font-family:"微软雅黑";}
h3, h4{ font-size:14px;}
h2 a{ color:#333;}
input{ font-size:12px;}
.center{text-align: center;}
.none{display:none}
.fleft{ float:left;}
.fright{ float:right;}
.clearfloat{ height:0; line-height:0; font-size:1px; clear:both;}
.clearfix:after{ visibility:hidden; display:block; height:0; content:" "; font-size:0; clear:both;}
*html .clearfix{ zoom:1;}
*:first-child+html .clearfix { zoom:1;}
.main{ width:100%; max-width: 800px; margin: 0 auto; overflow:hidden; margin:0 auto;}

.header, .menu, .searchbar, .highterm, .content, .footer{width: 100%; max-width: 800px; margin: 0 auto;}
.header .mainnav li.max,
.header .mainnav li.max h3{ background:transparent url(../img/kjbg.png) no-repeat;}

.header{ border-bottom:5px solid #ff7800; background:#fff;}
.header .inner{ padding:6px 0;}
.header .branding{ width:348px; height:48px;}
.header .branding .logo{ display:block; width:180px; height:48px; background:transparent url() no-repeat; text-indent:-9999px;}
.header .branding .logo-m{ display:block; width:125px; height:48px; background:transparent url() no-repeat; margin-left:10px}

#main {width:100%;}

.menu{
    width: 100%;
    height: auto;
    margin: 0 auto;

    
}
.menu .inner{



}



.radioInputTxt{color:#9a9a9a}
.menu{
    margin: 0 auto;
    padding:0px; background:#dcdcdc; border-bottom:1px #ccc solid;}
.menu .inner{ background: #FFFFFF;
    padding-bottom:5px;
    
}
.menu dl{ height:80px; padding:3px 3px 3px 0;}
.menu dt{ float:left; width:120px; height:105px; color:#FFFFFF; text-align:center; font-size:40px; padding-top:2px; font-weight:bold;letter-spacing:8px}
.menu dd{ float:left; width:870px; height:105px; background:url(lottery.png) no-repeat left center #FFFFFF; padding-left:7px}
.menu li{ display:inline-block; width:59px; height:20px; padding:3px; text-align:center; font-family:Arial;}
.menu li a{ display:block;width:59px; height:20px; background:#FF9900; line-height:20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior:url(PIE.htc); position:relative; color:#f5f5f5;}
.menu li a.hl,
.menu li a:hover{ background:#A4E0D8; color:#fff;}
.menu li a.on{ background:#FF0000; color:#FFFFFF}

.content{ padding-top:10px; position:relative;}


.th1{width:15%;vertical-align: middle;}
.th3{width:57%;vertical-align: middle;}
.th2,.th4,.th5,.th6{width:7%;vertical-align: middle;}


.infos{background-color: transparent;}
.infos .inner{ background:#fff;}
.infos .title{padding:0px; margin: 0 auto; height:121px; border-width:0px 0px 0; border-style:solid; border-color:#d3d3d3; background:transparent url(../img/bg-banner2.gif) repeat;}
.infos .title dl{ float:left; width:100%; height:30px; line-height: 30px; overflow:hidden;}
.infos .title dt{ float:none;}
.infos .title dt h2{ font-size:24px; text-align: center; margin: 0px; padding: 0px;}
.infos .title dd{background-color: transparent;}
.infos .title dd.left{
text-align: center;
font-size: 15px;
}
.infos .title dd.left label{ font-weight:bold; color:#f60;}
.infos .title dd.left input{ vertical-align:middle; margin-top:-3px;}

.infos .bd{ overflow:hidden;}
.infos table{ width:100%; max-width: 800px; margin: 0 auto; text-align:center; font-weight:bold;}
.infos table th,
.infos table td{ border:1px solid #eee; font-family:Arial; cursor:default;}
.infos table th{ height:39px; background:#efefef; line-height:39px;
    border: 1px solid #d3d3d3;
}
.infos table td{ padding:5px 0; vertical-align:middle;}
.infos table td.no{ font-weight:normal;font-size: 14px;}
.infos table .bg-high1{ background:#ff9;}
.infos table .bg-high2{ background:#ffd;}
.infos table .sortSize{ display:none;}
.infos table .sortDown{
	background-color: transparent;
}

.infos table .sortSize{
	background-color: transparent;
}
.infos table .p{ 
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 15%;
	}
	
.infos table .bg-high2 .p{ float:none; margin:0 5px;}
.infos table .hm{ 
	padding:3px 0; font-family:Tahoma;
	width: 60px;
	height: 60px;
	line-height: 40px;
    margin: 0 auto ;
	color:#000000;
	font-size: 28px;
}
.infos table .sx{ 
	font-size: 20px;
	padding:0px;  color:#666;
	font-weight: normal;
}
	
	
.infos table .danClass{ color:#f0f;}
.infos table .shuangClass{ color:#004080;}
.infos table .daClass{ color:#f0f;}
.infos table .xiaoClass{ color:#004080;}




.redBoClass{
	background: url(../img/ball-red.png) top center no-repeat;
	background-size: contain;
}
.greenBoClass{
	background: url(../img/ball-green.png) top center no-repeat;
	background-size: contain;
}
.blueBoClass{
	background: url(../img/ball-blue.png) top center no-repeat;
	background-size: contain;
}
.infos table .wuxing1Class{ color:#f39700;}
.infos table .wuxing2Class{ color:#008000;}
.infos table .wuxing3Class{ color:#999;}
.infos table .wuxing4Class{ color:#f00;}
.infos table .wuxing5Class{ color:#6a3905;}
.infos table .qinshou1Class{ color:#09f;}
.infos table .qinshou2Class{ color:#906;}

.infos .bottom{ padding:10px 3px 5px;}
.infos .bottom li{ float:left; width:108px; text-align:center;}
.infos .bottom li a{ color:#f60;}
.infos .bottom li a:hover{ color:#0e8a7a;}
.numAttrib{padding:2px; background:red; color:#fff; border-radius:2px ;}
.btnSw,.btnSw a, .btnSw a:hover{padding:2px; background:#1a73e8; font-weight:bold;color:#ff0; border-radius:2px ;}
.attrib{font-size: 20px;font-weight: normal;}
@media (max-width: 700px){
	.infos table .hm{ 
		width: 48px;
		height: 48px;
		line-height: 33px;
		font-size: 22px;
	}

}
@media (max-width: 535px){
	.infos table .hm{ 
		width: 32px;
		height: 32px;
		line-height: 20px;
		font-size: 16px;
	}
	.infos table td.no{font-size: 8px;}
	.attrib{font-size: 14px;}
	.infos table .sx{ font-size: 16px;}
}
@media (max-width: 350px){
	.issueTxt{display: none;}
	.th1{width:16%}
	.th3{width:54%}	
	.infos table .hm{ 
		width: 26px;
		height: 26px;
		line-height: 16px;
		font-size: 12px;
	}
	.infos table td.no{font-size: 7px;}
	.attrib{font-size: 14px;}
	.infos table .sx{ font-size: 14px;	}	
}

#topbar{ display:none; width:100%; padding-top:0; position:fixed; top:0; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}