@charset "utf-8";
.notice .icon,.mBar .searchBar,.blockA .hd .icon,.blockA .more a,.tcShop .more a,.tabC,.tcShop .hd .icon,.focus .list li,.tabB .s,.hotShop .hd .sp,.hotShop .hot,.bmMenu .hd,.miniNav,.miniNav li,.tcShop .bd li span.price,.textList li,.housesInfo .item,.liveInfo .bd .news li,.videoBox .text li,.hotJob .item,.talent .item,.talent .pic a,.bbsNew li { background:url(../images/sp5/index4/bigBG.png) no-repeat 0 0;}
.blockA .hd,.blockB .hd,.tcShop,.tabC li,.tabA li.selected,.focus,.tabB,.tabB li.selected { background:url(../images/sp5/index4/repeat-x.png) repeat-x 0 0;}

body.index #content { text-align:left;}
.fix:after { display:block; content:'\20'; height:0; clear:both;}
.fix { *zoom:1;}

.blockA { position:relative; *zoom:1; border:1px solid #b0bec7;}
.blockA .hd { height:27px; background-position:0 -1px; padding-left:22px;}
.blockA .hd .icon { position:absolute; display:block; background-position:-226px -71px; width:8px; height:8px; margin:9px 0 0 -14px;}
.blockA .hd .sp { display:block; position:relative; font-size:14px; font-weight:bold; color:#003366; line-height:27px;}
.blockA .more { position:absolute; top:4px; right:8px;}
.blockA .more a { display:block; padding-right:12px; background-position:-914px -85px; vertical-align:bottom;}
.blockA .bd { padding:3px;}
.blockB { border:1px solid #ccc;}
.blockB .hd { background-position:0 -266px; height:27px; line-height:27px; padding-left:8px; color:#333; font-size:14px; font-weight:bold;}

.tabC { position:absolute; width:258px; padding-left:29px; background-position:0 -194px; *zoom:1;}
.tabC li { float:left; width:75px; background-position:0 -240px; height:18px; padding-top:7px; line-height:14px; text-align:center; border:1px solid #bac3cc; border-top:0 none; border-bottom:0 none;}
.tabC li.selected { height:17px; font-weight:bold;}
.tabC li a { color:#006699;}

.tabB { height:26px; background-position:0 -83px; line-height:26px;}
.tabB li { float:left; width:81px; padding-left:27px;}
.tabB li.selected { background-position:0 -28px; line-height:26px; height:26px;}
#tab_1.selected { border-right:1px solid #ccc;}
#tab_2.selected { border-left:1px solid #ccc;}
.tabB li a { color:#17387b;}
.tabB .s { display:block; position:absolute;}
#tab_1 .s { background-position:-270px -71px; width:16px; height:10px; margin:7px 0 0 -20px;}
#tab_2 .s { background-position:-286px -71px; width:9px; height:9px; margin:9px 0 0 -14px;}
.tabB a.title { display:block; position:relative;}

.tabA { position:absolute; zoom:1; top:0; right:-1px;}
.tabA li { float:left; width:72px; height:20; padding:7px 0 5px; height:14px; line-height:14px; text-align:center; border-right:1px solid #b0bec7; border-left:1px solid #fff;}
.tabA li.selected { font-weight:bold; background-position:0 -28px; height:15px; line-height:15px;}
.tabA li a { color:#17387b;}
.tabA li#first { border-left:1px solid #b0bec7;}


.col_mian { width:100%; float:left;}
.col_sub,.col_extra { float:left;}
.grid_01 .main_wrap { margin:0 230px 0 350px;}
.grid_01 .col_sub { width:340px; margin-left:-100%;}
.grid_01 .col_extra { width:220px; margin-left:-220px;}
.grid_02 .main_wrap { margin:0 230px 0 0;}
.grid_02 .col_sub { width:220px; margin-left:-220px;}
.grid_03 .main_wrap { margin:0 0 0 254px;}
.grid_03 .col_sub { width:244px; margin-left:-100%;}

.videoBox { border:1px solid #ccc;}
.videoBox .bd { padding:8px 0;}
.videoBox .pic .item { float:left; width:109px;}
.videoBox .pic img { display:block; width:92px; height:57px; vertical-align:top; margin:0 auto;}
.videoBox .pic .title { margin-top:3px;}
.videoBox .pic .title,.videoBox .pic .shop { display:block; height:18px; overflow:hidden; padding:0 8px;}
.videoBox .pic .shop .gray { color:#999;}.videoBox .pic a:hover .gray { color:#f50;}
.videoBox .pic a:hover .title,.videoBox .pic a:hover .shop { text-decoration:underline; cursor:pointer;}
.videoBox .text { padding-top:6px;}
.videoBox .text li { position:relative; *zoom:1; background-position:-935px -84px; height:20px; overflow:hidden; line-height:20px; padding:0 50px 0 21px;}
.videoBox .text li .num { position:absolute; right:10px; top:0; font-size:11px; color:#999;}

.hotShop { padding:1px; border:1px solid #f1d38b; position:relative; *zoom:1;}
.hotShop .hot { position:absolute; top:0px; left:0px; width:25px; height:25px; background-position:0 -164px; display:block; overflow:hidden; font:0pt/1000px Arial;}
.hotShop .inner1 { background-color:#fcf4cd; padding:2px;}
.hotShop .inner2 { background-color:#fff; zoom:1;}
.hotShop .hd { padding:5px 0 0 15px;}
.hotShop .hd .sp { font:0pt/1000px Arial; background-position:-575px -81px; width:88px; height:18px; overflow:hidden; display:block;}
.hotShop .more { color:#aaa; position:absolute; right:10px; top:8px;}
.hotShop .bd { padding-left:1px;}
.hotShop .item { float:left; width:142px; padding:8px 0 8px; line-height:16px;}
.hotShop .item img { display:block; width:115px; height:50px; margin:0 auto; vertical-align:top; padding:1px; border:1px solid #ddd;}
.hotShop .item .title { display:block; height:16px; overflow:hidden; padding:0 12px; margin-top:3px;}
.hotShop .item .sale { display:block; height:16px; overflow:hidden; padding:0 12px; color:#666;}
.hotShop .item a:hover .sale { color:#f50;}
.hotShop .more { position:absolute; top:6px; right:6px; color:#d3b24d;}
.hotShop .more a { padding:0 6px;}
.hotShop .menu { text-align:center; position:absolute; top:7px; left:180px; color:#d3b24d; background-position:-264px -63px; height:27px; width:345px; line-height:24px;}
.hotShop .menu a { padding:0 4px; color:#ffe4d2;}

.tcShop { border:1px solid #ccc; position:relative; *zoom:1; background-position:0 -358px;}
.tcShop .hd { height:35px; line-height:35px; padding-left:22px;}
.tcShop .hd .icon { position:absolute; display:block; background-position:-226px -71px; width:8px; height:8px; margin:12px 0 0 -14px;}
.tcShop .hd .sp { display:block; position:relative; font-size:14px; font-weight:bold; color:#003366;}
.tcShop .more { position:absolute; top:4px; right:8px;}
.tcShop .more a { display:block; padding-right:12px; background-position:-914px -85px; vertical-align:bottom;}
.tcShop .tabC { top:5px; left:190px;}

.tuangou { padding:11px 5px 0 12px!important; height:100px;}
.tuangou .pic { float:left; margin:1px 8px 0 0; _display:inline;}
.tuangou .pic img { padding:1px; border:1px solid #ddd;}
.tuangou .text { float:left; width:206px;}
.tuangou .text p { color:#888; line-height:22px; height:22px; overflow:hidden;}
.tuangou .text p em { color:#404040;}

.liveInfo .tabA { _width:518px;}
.liveInfo .menu { position:absolute; top:4px; left:130px;}
.liveInfo .bd { padding:5px 5px 6px;}
.liveInfo .bd .news li { width:333px; float:left; background-position:-942px -315px; padding-left:15px; line-height:22px; height:22px; overflow:hidden; vertical-align:middle; _display:inline; margin-right:5px;}
.liveInfo .bd .news li a.gray { color:#666;}
.liveInfo .bd .news li em { padding-left:8px; font-size:11px; color:#999;}
.liveInfo .bd .news li img { vertical-align:middle;}
.liveInfo .bd .pic { padding-top:8px;}
.liveInfo .bd .pic li { float:left; width:118px; overflow:hidden; _zoom:1;}
.liveInfo .bd .pic img { border:1px solid #ddd; display:block; width:80px; height:65px; vertical-align:top; border:1px solid #; margin:0 auto;}
.liveInfo .bd .pic .title { margin-top:3px; padding:0 17px; height:36px; overflow:hidden; display:block;}

.jpHouse li { padding:6px 4px; border-bottom:1px dashed #ddd; overflow:hidden; *zoom:1; clear:both;}
.jpHouse li .pic { float:left; width:80px; vertical-align:top;}
.jpHouse li .pic img { display:block; padding:2px; border:1px solid #ddd; background-color:#fff; vertical-align:top; margin:0 auto; width:70px; height:54px;}
.jpHouse li .text { float:right; width:115px; text-align:left; line-height:20px;}
.jpHouse li .text p { height:20px; overflow:hidden;}
.jpHouse li .text .ms { color:#f60;}
.jpHouse li .text .price { color:#404040;}

.housesInfo .tabA { _width:222px;}
.housesInfo .menu { position:absolute; top:4px; left:335px; color:#aaa;}
.housesInfo .menu a { padding:0 6px;}
.housesInfo .item { float:left; width:205px; padding:8px 0 8px 30px; border-bottom:1px dotted #e0e0e0;}
.housesInfo .item .title { display:block; height:18px; overflow:hidden; color:#4e4e4e;}
.housesInfo .item .price { display:block; height:18px; overflow:hidden; color:#0041d9;}
.housesInfo .item a:hover .title,.housesInfo .item a:hover .price { color:#f50; cursor:pointer;}
.housesInfo .shou { background-position:-927px -223px;}
.housesInfo .zu { background-position:-927px -267px;}

.focus { border:1px solid #b0bec7; background-position:0 -133px; padding:5px; height:97px;}
.focus .h2 { font-size:18px; font-family:"黑体"; text-align:center; font-weight:normal; height:25px; overflow:hidden;}
.focus .h2 a { color:#404040;}.focus .h2 a:hover { color:#f30;}
.focus .list {}
.focus .list li { line-height:23px; height:23px; padding-left:18px; font-size:14px; background-position:-940px -108px;overflow:hidden;}
.focus .list .time { padding-left:8px; color:#999; font-size:11px;}

.bmMenu { border:1px solid #8ca9bc; background-color:#e9f2f9;}
.bmMenu .hd { width:33px; height:73px; background-position:0 -91px; overflow:hidden; font:0pt/1000px Arial;}
.bmMenu .bd { position:relative; margin:-73px 0 0 35px; height:71px; padding-top:2px; overflow:hidden;}
.bmMenu .bd a { padding:0 6px; line-height:24px; font-family:simsun; color:#006699;}

.miniNav { background-position:-33px -91px; width:340px; height:61px; padding-top:5px; overflow:hidden;}
.miniNav li { float:left; padding:0 10px; line-height:28px; height:28px; overflow:hidden; background-position:-948px -132px;}
.miniNav li a { color:#17387b;}
.miniNav li.noborder { background:none;}

.tcShop .bd { padding:0 0 15px 2px;}
.tcShop .bd li { width:105px; float:left; margin-top:10px;}
.tcShop .bd li h3 { padding:0 10px; text-align:left; height:36px; overflow:hidden; margin-top:3px; cursor:pointer; font-weight:normal;}
.tcShop .bd li span.price { display:block; text-align:left; background-position:-932px -200px; padding-left:22px; color:#f50; font-size:14px; font-weight:bold; height:18px; overflow:hidden;}
.tcShop .bd li span.price em { font-size:11px;}
.tcShop .bd li img { display:block; margin:0 auto; width:80px; height:80px; padding:1px; border:1px solid #d3d3d3;}

.mBar { background-color:#e9f2f9; border:1px solid #8ca9bc; padding:3px; margin-top:5px;}
.mBar .notice { float:left; padding-top:2px; width:230px;}
.mBar .hotKey { float:left; _display:inline; margin-left:15px; padding-top:2px; width:460px; overflow:hidden; height:20px; line-height:20px;}
.mBar .searchBar { float:right; width:214px; height:20px; background-position:0 -71px;}
.mBar .notice li { padding-left:20px;}
.mBar .notice .icon { display:block; position:absolute; width:12px; height:16px; background-position:-214px -71px; margin-left:2px;}
.mBar .notice .time { padding-left:8px; font-size:11px; color:#999;}
.searchBar .text { width:121px; float:left;}
.searchBar .text .s_t { width:116px; padding-left:3px; height:15px; line-height:14px; padding-top:3px; background:transparent; border:0 none; margin-left:1px;}
.searchBar .select { width:67px; float:left;}
.searchBar .menu { width:26px; float:left;}
.searchBar .menu button { width:26px; height:20px; font:0pt/1000px Arial; cursor:pointer; overflow:hidden; border:0 none; background:transparent;}

.textList li { line-height:21px; height:21px; overflow:hidden; padding-left:15px; background-position:-942px -109px;}

/* select */
div.selectbox-wrapper { position:absolute; background-color:#fff; border:1px solid #b7d1eb; border-top:0; text-align:left; width:67px; margin:0px 0 0 -1px;}
div.selectbox-wrapper ul li.selected { background-color:#e0ecf7;}
div.selectbox-wrapper ul li.current { background-color:#36c; color:#fff;}
div.selectbox-wrapper ul li { padding:1px 3px; line-height:20px; cursor:pointer; width:61px;}
.selectbox { display:block; width:63px; background-position:-1016px -291px; background:transparent!important; padding:1px 0 0 4px; line-height:17px; height:17px; cursor: pointer; border:0 none; color:#666666; text-align:left;}

/* 便民电话 */
.bianmin { padding:5px 0 5px 5px;}
.bianmin li { float:left; width:146px; padding-left:10px; line-height:24px; height:24px; overflow:hidden;}
.bianmintext { color:#036; position:absolute; top:5px; right:80px;}
.bianmin a { color:#404040;}.bianmin a:hover { color:#f50;}

/* 社区 */
.bbsBK { padding:5px; color:#aaa; text-align:left; line-height:22px;}
.bbsNew { padding:5px; text-align:left; height:110px;}
.bbsNew li { width:204px; float:left; _display:inline; margin-left:8px; padding-left:12px; background-position:-944px -85px; line-height:22px; height:22px; overflow:hidden;}

/* 友情链接 */
.friendLink { padding:6px 2px 6px 5px; text-align:center;}
.friendLink .pic li { width:104px; float:left; margin-top:5px; height:39px; overflow:hidden;}
.friendLink .pic li a img { border:1px solid #ddd; padding:3px; background-color:#f1f1f1;}
.friendLink .text { margin-top:10px; padding:0 0 0 3px; line-height:22px; text-align:left;}
.friendLink .text a { padding-right:11px;}

/* 页脚 */
#footer { margin-top:10px;  border-top:1px solid #dedede; padding-top:5px;}
#footer .logo_gay { float:left; display:inline; margin-right:12px; width:263px; height:57px; margin-top:10px;}
#footer .logo_gay a { display:block; background:url(../images/sp5/index4/logo_gay.gif) no-repeat 0 0; width:263px; height:57px; overflow:hidden; text-indent:-999em;}
#footer .foot_info { float:left; width:566px; height:70px; text-align:left; line-height:22px;}
#footer .foot_nav { color:#666;}
#footer a { color:#0135af; text-decoration:underline;}
#footer a:hover { color:#f30; text-decoration:underline;}
#footer .safety { float:left; width:109px;}
#footer .bor { overflow:hidden; height:5px; background:url(../images/sp5/index4/bg_repeatX.png) repeat-x 0 -133px; margin:8px 0;}

.advs { margin-bottom:5px;}
.advs img { vertical-align:top;}
.adBox { border:1px solid #b0bec7; padding:6px 8px 4px; font-family:"simsun"; color:#666; height:290px;}
.adBox img { border:1px solid #ccc; vertical-align:top; margin:3px 0;}
.hotJob {height:194px;}
.hotJob .item { float:left; width:325px; _display:inline; background-position:-932px -83px; padding-left:25px; line-height:24px; height:24px; overflow:hidden; }
.hotJob .item .company { color:#333;}
.hotJob .item .post { color:#1e4ea0; margin-left:8px;}
.hotJob .item em { color:#999; font-size:11px; padding-left:8px;}

.talent .item { line-height:20px; height:20px; overflow:hidden; background-position:-941px -85px; padding-left:15px;}
.talent .item em { color:#666;}
.talent .item a:hover em { color:#f50;}
.talent .pic a { display:block; width:202px; height:40px; font:0pt/1000px Arial; overflow:hidden; vertical-align:top; margin-top:6px;}
.talent .pic .pin { background-position:-373px -71px;}
.talent .pic .qiu { background-position:-373px -111px;}



/* 轮换图片 */
.container{ width:370px; height:182px; overflow:hidden; position:relative;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:370px; height:182px; display:block;}
.num{ position:absolute; right:5px; bottom:5px;}
.num li{ float:left; color:#FF7300; text-align:center; line-height:16px; width:16px; height:16px; font-family:Arial; font-size:12px; cursor:pointer; overflow:hidden; margin:3px 1px; border:1px solid #FF7300; background-color:#fff;}
.num li.on{	color:#fff; line-height:21px; width:21px; height:21px; font-size:16px; margin:0 1px; border:0; background-color:#FF7300; font-weight:bold;}eight:bold;}