

.cgi-foot-blank { height: 70px; clear: both; overflow: hidden;}
.cgi-foot-links { width: 100%; max-width: 800px; height: 60px; border-top: solid 1px #ddd; box-shadow:0 -4px 10px rgba(0, 0, 0, 0.05);  background: #fff; background-image:linear-gradient(to top, #e5e5e5, #fff); position: fixed; bottom: 0; z-index: 1000;}
.cgi-foot-links ul {}
.cgi-foot-links ul li { float: left; width: 20%; text-align: center;}
.cgi-foot-links ul li a { font-size: 15px; color: #555;}
.cgi-foot-links ul li a.hover { color: #f00;}
.cgi-foot-links ul li a:hover { text-decoration: none; color: #f00;}
.cgi-foot-links ul li a span { height: 34px; display: block;}
.cgi-foot-links ul li a span.cfl1 { background: url(/home/static/lts/images/cfl1.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a span.cfl2 { background: url(/home/static/lts/images/cfl2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a span.cfl3 { background: url(/home/static/lts/images/cfl3.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a span.cfl4 { background: url(/home/static/lts/images/cfl4.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a span.cfl5 { background: url(/home/static/lts/images/cfl5.png) 50% 8px no-repeat; background-size: auto 25px;}



.cgi-foot-links ul li.cfl-more { width: 20%; height: 60px; display: block; position: relative;}
.cgi-foot-links ul li.cfl-more a {line-height: 30px; background: url(/static/lts/images/cfl-more.png) center center no-repeat; background-size: 100%; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -35px; overflow: hidden; text-indent: -999999px;}

.cgi-foot-more { width: 100%; max-width: 800px; position: fixed; bottom: 60px; z-index: 999; padding: 5px 0; font-size: 14px; text-align: center; background: rgba(0,0,0,0.7);display:none;}
.cgi-foot-more ul {}
.cgi-foot-more ul li { float: left; width: 20%;}
.cgi-foot-more ul li a { height: 45px; line-height: 45px; color: #fff; display: block;}

 .cgi-nav ul li {
                width: 20%;
            }
			
			
.cgi-code { padding: 30px 0; text-align: center; font: 16px/1.7 "Microsoft YaHei"; color: #000;}
	.cgi-code-pic { padding-bottom: 0.5em;}
	.cgi-code-pic img { width: 240px; height: 240px;}
	.cgi-code h1 { font-weight: bold; font-size: 24px;}
	.cgi-code h2 { font-weight: bold; font-size: 24px;}
	.cgi-code h3 { font-weight: bold; font-size: 22px;}
	.cgi-code-down { padding-top: 0.5em;}
	.cgi-code-down a { height: 40px; line-height: 40px; padding: 0 2em; font-size: 18px; color: #fff; border-radius: 20px; display: inline-block; background: #f00;}
	@media screen and (max-width:800px){   
	.cgi-code-pic img { width: 200px; height: 200px;}
	.cgi-code h1 { font-size: 20px;}
	.cgi-code h2 { font-size: 20px;}
	.cgi-code h3 { font-size: 18px;}
	.cgi-code-down a { font-size: 16px;}
	}
	
	
	
	
	
	
	
	
	
	/*走势*/
	
.kj-tit { height: 30px; line-height: 30px; padding: 0 10px; color: #777; font-size: 14px; background: #eee;}
.kj-box { height: 82px; padding-top: 8px; text-align: center; font-size: 16px;}
.kj-box ul {}
.kj-box ul li { float: left; width: 13%;}
.kj-box ul li.kj-jia { width: 7%;}
.kj-box ul li dl {}
.kj-box ul li dl dt { height: 40px; line-height: 32px; padding-right: 3px; font-size: 20px; color: #333; font-weight: bold;}
.kj-box ul li dl dt.ball-red { background: url(/home/images/ball-red.png) top center no-repeat; background-size: contain;}
.kj-box ul li dl dt.ball-blue { background: url(/home/images/ball-blue.png) top center no-repeat; background-size: contain;}
.kj-box ul li dl dt.ball-green { background: url(/home/images/ball-green.png) top center no-repeat; background-size: contain;}
.kj-box ul li.kj-jia dl dt { background: url(/home/images/kj-jia.png) center center no-repeat; background-size: contain;}
.kj-box ul li dl dd { height: 30px; line-height: 30px; margin-top: 8px; border-top: solid 1px #eee;}
.wx-jin { color: #ffcc00;}
.wx-mu { color: #33cc33;}
.wx-shui { color: #3399ff;}
.wx-huo { color: #ff0000;}
.wx-tu { color: #cc9900;}
.grey-txt { color: #ccc;}

#xz-tan-box { position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:1000;}
#xz-tan-box:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.xz-tan-box {display: inline-block; *display: inline; *zoom:1; vertical-align: middle;position: relative;right: -100%; width: 90%; max-width: 700px; color: #000; font-size: 16px; border-radius: 10px; background: #fff;}
.xz-tan-content { padding: 20px 15px;}
.xz-tan-content ul {}
.xz-tan-content ul li { float: left; width: 48%; padding-right: 4%;}
.xz-tan-content ul li:last-child { padding-right: 0;}
.xz-tan-last { height: 40px; border: solid 1px #ddd; border-radius: 10px 10px 0 0; background: #eee; background-image:linear-gradient(to top, #fff, #aaa, #fff);}
.xz-tan-last span { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #333; position: relative; top: -8px;}
.xz-tan-next { height: 40px; border: solid 1px #ddd; border-radius: 0 0 10px 10px; background: #eee; background-image:linear-gradient(to top, #fff, #aaa, #fff);}
.xz-tan-next span { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333; position: relative; top: 25px;}
.xz-tan-input { padding: 10px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; background: #eee;}
.xz-tan-input input { width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 24px; border: 0; background: none;}
.xz-tan-btn {}
.xz-tan-btn a { height: 50px; line-height: 50px; margin-top: 20px; font-size: 18px; color: #fff; border-radius: 10px; background: #0063ca; display: block;}
.xz-black-bg { width:100%; max-width: 800px; height:100%; position:fixed; top:0; z-index:999; background:#000; opacity:0.6;filter:alpha(opacity=60);}


.selectYearDialog{display: none;}



.redClass { background:#ff0000; color:#fff}
.blueClass { background:#0000ff; color:#fff}
.greenClass { background:#009900; color:#fff}

.bd { font-size: 14px;}

.cgi-zs {}
.cgi-zs .hd{ height:35px; line-height:35px; font-size:16px; overflow:hidden; background:#efefef;}
.cgi-zs .hd ul {}
.cgi-zs .hd ul li{ float:left; width:16.66%; text-align:center; vertical-align:top;  }
.cgi-zs .hd ul li.on a{ color:#f00; display:block; height:33px; line-height:33px; border-bottom:2px solid #f00;}
.cgi-zs .bd td { text-align:center; padding:2px 0; border:1px solid #ddd}
.tableti td { background:#f8f8f8; border-bottom:2px solid #666;}
.cgi-zs .bd td font { display:block}
.cgi-zs .bd td i { color:#999; font-size:10px}

.cgi-zl {}
.cgi-zl .hd { height:77px; padding-top: 10px; border-bottom:1px solid #ddd; overflow:hidden;}
.cgi-zl .hd ul li{ float:left; width:20%; text-align:center}
.cgi-zl .hd ul li span { display:block; width:50%; height:40px; margin:0 auto 10px auto;}
.cgi-zl .hd ul li span img { height: 100%; width: auto;}
.cgi-zl .hd ul li.on a{ display:block; padding-bottom:5px; border-bottom:3px solid #f00;}
.sxsuxing1 td { border-bottom:1px solid #ddd; padding:10px 0;}
.hongbospan span { margin:3px 5px; float:left; width:20px; height:20px; color:#fff; text-align:center; line-height:20px; font-size:12px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#f00}
.lanbospan span { margin:3px 5px; float:left; width:20px; height:20px; color:#fff; text-align:center; line-height:20px; font-size:12px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#3366ff}
.lvbospan span { margin:3px 5px; float:left; width:20px; height:20px; color:#fff; text-align:center; line-height:20px; font-size:12px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#009933}
.sxsuxing2 td { border-bottom:1px solid #ddd; padding:5px 0; overflow:hidden}
.sxsuxing1 span,.sxsuxing2 span { float:left; height:20px; line-height:20px; width:20px; text-align:center; margin:0 3px; color:#fff; font-size:12px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.sxsuxing2 i { float:left; width:50px; text-align:center; height:20px; line-height:20px;}
.sxsuxing3 td { border-bottom:1px solid #ddd; padding: 5px 10px; overflow: hidden;}
.sxsuxing3 i { color: #f00;}

.bg_red { background:#f00;}
.bg_blue { background:#3366ff}
.bg_green { background:#009933}

.cgi-tongji {}
.cgi-tongji-tit { height: 40px; line-height: 40px; padding: 0 10px; font-size: 16px; border-top: solid 1px #ddd; background: #f8f8f8;}
.cgi-tongji-tit span { height: 16px; line-height: 16px; border-left: solid 4px #f00; padding-left: 10px; display: inline-block;}
.cgi-tongji .cgi-tongji-tit:nth-child(1) { border-top: 0;}
.cgi-tongji table {}
.cgi-tongji td { text-align:center; padding:2px 0; border:1px solid #ddd;}
.cgi-tongji td span { height:20px; line-height:20px; width:20px; text-align:center; margin:3px; color:#fff; font-size:12px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display: inline-block;}
.cgi-tongji td span.sx {background: #f00;}
.cgi-tongji-bg { width: 42%; color: #888; background: #f8f8f8; background-image:-webkit-linear-gradient(to top, #f8f8f8, #ffffff); background-image:linear-gradient(to top, #f8f8f8, #ffffff);}
.cgi-tongji-qi { font-size: 12px;}
.cgi-tongji-grey { height: 5px; overflow: hidden; background: #eee;}





.cgi-pic {}
.cgi-pic ul { padding-top: 10px;}
.cgi-pic ul li { float:left; width:50%; margin-bottom:10px; height:200px;}
.cgi-pic ul li a { display:block; margin: 0 5px 10px 5px; position:relative; line-height:30px; text-align:center;}
.cgi-pic ul li a img { width:100%; height:200px;}
.cgi-pic ul li a span { position:absolute; left:0; bottom:0; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; background-color: rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.7);}

@media screen and (max-width:500px){  
.cgi-pic ul li { height:140px;}
.cgi-pic ul li a img { height:140px;}
 } 

@media screen and (max-width:450px){  
.cgi-pic ul li { height:130px;}
.cgi-pic ul li a img { height:130px;}
 } 

@media screen and (max-width:400px){  
.cgi-pic ul li { height:120px;}
.cgi-pic ul li a img { height:120px;}
 } 
 
 
 
 .cgi-head { height: 45px; color: #fff; background: #d70011; position: relative;}
.icon-back { float: left; width: 40px; height: 45px; display: inline-block; position: relative;}
.icon-back:after { content: ""; display: inline-block; width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 16px; left: 15px;}
.icon-back:after { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}
.cgi-head-tit { line-height: 45px; font-size: 18px;}
.cgi-head-tit.tit-center { width: 80%; text-align: center; display: inline-block; position: absolute; left: 10%;}
.cgi-head-btn { float: right; margin: 9px 10px 0 0; padding: 3px 10px; color: #fff; font-size: 14px; border: solid 1px rgba(255,255,255,0.5); border-radius: 15px;}
.cgi-head-btn:hover { text-decoration: none; color: #d70011; border-color: #fff; background: #fff;}
.cgi-head-a { float: right; margin: 9px 10px 0 0; padding: 3px 10px; color: #fff; font-size: 14px; border: solid 1px rgba(255,255,255,0.5); border-radius: 15px;}
.cgi-head-a:hover { text-decoration: none; color: #d70011; border-color: #fff; background: #fff;}




	
	
	