/* CSS Document */ .container .leftColumn{display:inline-block; border:1px #ddd solid; width:848px; float:left; color:#4d4d4d; overflow:hidden;} .container .rightColumn{display:inline-block; width:340px; float:right;} table{text-align:center;} th{background-color:#ededed; height:48px; font-size:18px;} td{height:40px; font-size:14px; color:#666;} .textRight{text-align:right;} img{border:none 0;} .container a:hover{text-decoration:none !important;color:#186ea7 !important;} .blue{color:#186ea7 !important;} /*====================================通用Topbar==========================================*/ .container .top_bar ul{padding:20px; overflow:hidden;} .container .top_bar .specialImg img{display:inline-block; width:363px; height:225px; float:left;} /*.container .top_bar .shamaImg{background:url(../images/img_10.jpg) no-repeat top left;} .container .top_bar .newsImg{ background:url(../images/img_11.jpg) no-repeat top left;} .container .top_bar .kjhImg{background:url(../images/img_07.jpg) no-repeat top left;} .container .top_bar .playImg{background:url(../images/img_06.jpg) no-repeat top left;} .container .top_bar .tukuImg{background:url(../images/img_09.jpg) no-repeat top left;} .container .top_bar .toolImg{background:url(../images/img_08.jpg) no-repeat top left;}*/ .container .top_bar .explain{display: inline-block; width:410px; height:auto; float:left; margin-left:30px;} .container .top_bar .explain h1{font-size:36px; line-height:36px;} .container .top_bar .explain p{font-size:18px; text-indent:32px; line-height:32px; margin-top:20px;} .container .top_bar .explain p a{color:#186ea7; font-size:18px; text-indent:32px; line-height:32px; margin-top:20px;} .container .top_bar .explain .vice{font-size:14px; line-height:24px; color:#808080; text-indent:0; margin-top:10px;} .container .top_bar .explain .vice span{color:#666; font-size:16px;} .container .top_bar .explain .vice a{color:#186ea7; font-size:16px; margin:0 5px;} /*======================================侧边推荐栏rightColumn================================================*/ .container .rightColumn .hot,.container .rightColumn .relevant{border:1px #ddd solid; overflow:hidden;} .container .rightColumn .hot{height:auto; width:338px;} .container .rightColumn .relevant{margin-top:10px;} .container .rightColumn .hotTitle{height:40px; font-size:20px; line-height:40px; text-indent:20px !important; border-bottom:1px #ddd solid; width:100% !important; position:relative;} .container .rightColumn .hotTitle span{display:inline-block; width:10px; height:40px; background-color:#b73634; position:absolute; left:0; top:0;} .container .lotLogo{display:inline-block; width:50px; height:50px; float:left; background:url(../image/lottery_logo.png) no-repeat top left; margin-top:8px;} .container .fc3d{background-position:0 -100px;} .container .dlt{background-position:0 -300px;} .container .p3{background-position:0 -200px;} .container .rightColumn .list{margin:10px; padding-bottom:10px; height:60px; width:318px; background:url(../image/line_03.png) repeat-x bottom left; overflow:hidden;} .container .rightColumn li ul li{display:inline-block; float:left;} .container .rightColumn .hot .left{width:120px;} .container .rightColumn .hot .right{width:140px;*width:135px;} .container .rightColumn .hot a{display:inline-block;width:100%; font-size:16px; line-height:30px; float:left; text-indent:10px; color:#666; *text-indent:5px;} .container .rightColumn .relevant{height:340px; width:338px;} .container .rightColumn .relevant li{display:inline-block; float:left; width:50%; text-indent:10px;} .container .rightColumn .relevant .hotTitle{margin-bottom:5px;} .container .rightColumn .relevant li a{font-size:16px; line-height:32px; color:#666;} /*=============================专题首页================================*/ /*专题logo*/ .container .specialColumn{display:inline-block; width:100%; float:left; border-bottom:2px solid #b73634; background-color:#f5f5f5;margin-top:10px; overflow:hidden;} .container .specialColumn .sp_logo{display:inline-block; width:290px; height:72px; background:url(../image/sp_logo.png) no-repeat left center; margin-left:20px;} .container .specialColumn p{color:#999; font-size:16px; margin:0 20px 10px 20px; width:960px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} /*专题导航*/ .container .lot_nav{display:inline-block; float:left; width:100%; margin-top:20px;} .container .lot_nav li{display:inline-block; float:left;} .container .lot_nav li a{display:inline-block; width:180px; font-size:20px; line-height:48px; height:48px; text-align:center;} .hide{display:none;} #tab_t{border-bottom:1px solid #ccc; width:1000px;} #tab_t .act{ position:relative; color:#186EA7;border-bottom:2px solid #186EA7;} #tab_t .act a{ color:#186EA7;} /*===彩种专题===*/ .container .lotColumn{width:1000px; float:left; border-bottom:1px #ddd solid; overflow:hidden;} .container .leftLot,.container .rightLot{display:inline-block;} .container .leftLot{width:720px; float:left; padding-bottom:20px;} .container .rightLot{width:270px; float:right;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /*==悬停图片==*/ .clearfix{display:inline-table;} *html .clearfix{height:1%;} .clearfix{display:block;} *+html .clearfix{min-height:1%;} .section{width:720px;margin:10px 0 5px;overflow:hidden;} .section ul{width:720px;overflow:hidden;} .section ul li{ float:left; height:106px; width:180px; position:relative; overflow:hidden; } .section .photo{ margin:0 5px; overflow:hidden; } .section .photo img{ width:100%; } .section .rsp{ position:absolute; top:120px; left:5px; width:170px; height:106px; background:#000; opacity: .3; } .section .text{ position:absolute; top:125px; left:0px; width:150px; padding:10px; } .section .text a{ color:#fff; } .section .text h3{ font-size:16px; line-height:28px; font-weight:bold; text-align:center; color:#fff !important; } .section .text p{ font-size:12px; line-height:22px; text-align:center; color:#fff !important; } .section .text a:hover{ color:#fff !important; } /*==专题列表==*/ .container .spList{display:inline-block; float:left; overflow:hidden;} .container .spList li{display:inline-block; float:left;height:125px; width:348px; border:1px #ddd solid; margin:5px;overflow:hidden;} .container .spList li:hover{border:1px solid #186ea7;} .container .spList li div{display:inline-block; float:left;} .container .spList .columnImg img{width:121px; height:75px; margin-left:10px; margin-top:15px;} .container .spList .synopsis{width:202px; height:95px; margin-left:15px; overflow:hidden;} .container .spList .keyWord{width:328px; margin-left:10px;_margin-left:5px;overflow:hidden;} .container .spList .keyWord a{ float:left; width:50%; line-height:24px; font-size:14px; color:#666; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } .container .spList .keyWord a:hover{ color:#286ea7; } .container .spList .synopsis h1{font-size:18px; line-height:44px;} .container .spList .synopsis h1 a:hover{color:#186ea7;} .container .spList .synopsis p{font-size:14px; line-height:24px; color:#666;} .container .spList .keyWord p{display:inline-block; float:left; margin:5px 20px 5px 0; color:#999;} .container .spList .keyWord p span{color:#666;} /*各类专题列表图片*/ /*.container .spList .news{background:url(../images/img_11.jpg) no-repeat left top; background-size:100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="static/images/img_11.jpg", sizingMethod='scale');} .container .spList .tuku{background:url(../images/img_09.jpg) no-repeat left top; background-size:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="static/images/img_11.jpg", sizingMethod='scale');} .container .spList .shama{background:url(../images/img_10.jpg) no-repeat left top; background-size:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="static/images/img_10.jpg", sizingMethod='scale');} .container .spList .plays{background:url(../images/img_06.jpg) no-repeat left top; background-size:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="static/images/img_06.jpg", sizingMethod='scale');} .container .spList .tools{background:url(../images/img_08.jpg) no-repeat left top; background-size:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="static/images/img_08.jpg", sizingMethod='scale');} .container .spList .lotte{background:url(../images/img_07.jpg) no-repeat left top; background-size:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="static/images/img_07.jpg", sizingMethod='scale');}*/ /*==侧边栏专题==*/ .container .rightLot li{display:inline-block; float:left;_margin-left:10px;} .container .rightLot .recomTitle{width:100%;font-size:24px; line-height:52px; color:#4d4d4d;_width:340px; _margin:0;} .container .rightLot .spcaile{width:270px; _width:165px; height:64px; margin:0 10px 10px 0;background:url(../image/icon_02.png) no-repeat top left; background-color:#ededed; overflow:hidden;} .container .rightLot .spcaile:hover{background:url(../image/icon_01.png) no-repeat top left;background-color:#186ea7;} .container .rightLot .spcaile a{display:inline-block; padding:12px 5px 12px 65px; color:#666;width:200px;height:40px;line-height:40px;font-size:16px;overflow:hidden;} .container .rightLot .spcaile li:hover, .container .rightLot .spcaile a:hover{color:#fff !important;} .container .rightLot .tuku{background-position:8px -304px;} .container .rightLot .tuku:hover{background-position:8px -304px;} .container .rightLot .news{background-position:8px -70px;} .container .rightLot .news:hover{background-position:8px -70px;} .container .rightLot .plays{background-position:8px 8px;} .container .rightLot .plays:hover{background-position:8px 8px;} .container .rightLot .tools{background-position:8px -226px;} .container .rightLot .tools:hover{background-position:8px -226px;} .container .rightLot .lotte{background-position:8px -148px;} .container .rightLot .lotte:hover{background-position:8px -148px;} /*=======================================================中奖规则================================================================================*/ .container .ballbox .wblue-10,.container .ballbox .wred-10{display:inline-block; width:10px; height:10px; line-height:10px; float:left; vertical-align:middle;} .container .ballbox .wred-10{background-position:0 -20px; } .container .info table{background:#fafafa;} .container .info table th{background:#ededed; height:40px; font-size:16px;} .container .info table td{height:40px; color:#808080; line-height:20px;} .container .info table .bg_grey{background-color:#f0f0f0;} .container .info td .prize{text-align:left; text-indent:28px; line-height:28px; margin:5px; width:350px;} .container .info table td .ballbox{text-align:left; margin-left:10px;} .container .info table td li{display:inline-block; width:100%; margin:5px 0; vertical-align:middle;} .container .info .bor_rihgt{border-right:1px solid #ddd;} .container .info .text_left{text-align:left;} .height50{height:50px;} .height60{height:60px;}