标签:
.sjb-box-slider { width: 238px; height: 58px; overflow: hidden; position: relative } .sjb-box-slider .piclink { width: 238px; height: 58px; position: absolute; left: 0; top: 0; display: block; opacity: 0; z-index: 1 } .sjb-box-slider .piclink img { display: block } .sjb-box-slider .piclink .bg { display: block; width: 100%; height: 22px; line-height: 22px; bottom: 0; left: 0; background: #000; opacity: .7; filter: alpha(opacity=70); position: absolute } .sjb-box-slider .piclink .title { display: block; width: 100%; height: 18px; padding-top: 4px; text-align: center; bottom: 0; left: 0; position: absolute; color: #FFF; font-size: 12px; cursor: pointer } .sjb-box-slider .selected { z-index: 2; opacity: 1; display: block } .sjb-box-slider .silde-btn { position: absolute; top: 22px; width: 20px; height: 38px; opacity: 1; filter: Alpha(opacity=100); z-index: 5; cursor: pointer; display: none } .sjb-box-slider .next-btn { right: 12px } .sjb-box-slider .pre-btn { left: 12px } .sjb-box-slider .arrow { display: inline-block; height: 38px; width: 20px; opacity: .6; filter: alpha(opacity=60); background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat 0 0 } .sjb-box-slider .arrow:hover { opacity: .8; filter: alpha(opacity=80) } .sjb-box-slider .next-arrow { background-position: -513px -714px } .sjb-box-slider .pre-arrow { background-position: -489px -714px } .leftbanner { margin-bottom: 10px; position: relative } .leftbanner .items { padding: 0 0 0 10px; line-height: 28px } .leftbanner .item { display: inline-block; margin-right: 10px } .leftbanner .youxi-ph { height: 28px; padding: 0 10px; overflow: hidden } .leftbanner .youxi-toplist { height: 28px; line-height: 28px; white-space: nowrap; list-style: none; overflow: hidden; text-overflow: ellipsis } .leftbanner .club-dianqiu { position: absolute; width: 126px; height: 200px; left: -150px; top: 0; z-index: 10; background: #f00 } .leftbanner .sjb-box-slider { height: 60px } .leftbanner .sjb-box-slider .piclink { height: 60px } .leftbanner .sjb-box-slider .silde-btn { top: 50%; margin-top: -19px } .widget-links-l { padding-right: 4px } .widget-links-r { padding-left: 4px } .sitelinks { position: relative; display: inline-block } .sitelinks .open-up { width: 22px; height: 22px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -583px -683px; position: absolute; cursor: pointer; top: 8px } .sitelinks .open-down { background-position: -583px -751px } .sitelinks .group-box { background: #fdfdfd } .sitelinks .bg-box { position: absolute; top: 25px; left: -6px; z-index: 101 } .sitelinks .site-inner { padding: 1px 6px; border: 1px solid #d9d9d9; text-align: left; zoom: 1; background: #f7f7f7; float: left } .sitelinks .site-item { display: block; white-space: nowrap; line-height: 26px; padding: 0 6px } .hao123-coolsite .sitelinks .bg-box { left: 2px } .width-nr .hao123-coolsite .sitelinks .bg-box { left: -7px } .width-lg .hao123-coolsite .open-up { right: -7px } .width-nr .hao123-coolsite .open-up { right: -14px } #box-site .sitelinks .open-up { position: relative; width: 12px; height: 12px; margin-left: 3px; top: 0; display: inline-block; _display: inline; _zoom: 1 } #box-site .sitelinks .bg-box { left: 21px; z-index: 201 } #box-site .sitelinks .site-link { display: block; white-space: nowrap; line-height: 26px; padding: 0 6px; background: 0; padding: 0 6px } .width-nr #box-site .bg-box { left: 16px } #guesslikesite-block { position: relative } #guesslikesite-block .border-hor { width: 898px; height: 6px; background-image: url(http://s0.hao123img.com/res/r/image/2015-11-03/d2543405cffcc8e479edd4e1b5774b2d.png); background-repeat: repeat-x; position: absolute; z-index: 9 } #guesslikesite-block .border-ver { height: 114px; width: 6px; background-image: url(http://s0.hao123img.com/res/r/image/2015-11-03/5565bbe56a416414da7bde4644c06998.png); background-repeat: repeat-y; position: absolute; z-index: 9 } .width-nr #guesslikesite-block .border-hor { width: 698px } #guesslikesite-block .border-top { top: 0 } #guesslikesite-block .border-bottom { bottom: 0 } #guesslikesite-block .border-left { left: 0 } #guesslikesite-block .border-right { right: 0 } #guesslikesite-block .youlike { width: 20px; height: 65px; display: block; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png); background-position: 0 0; position: absolute; left: 0; top: 25px; z-index: 10 } #guesslikesite-block .changeAll { width: 21px; height: 61px; display: block; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png); background-position: 0 -145px; position: absolute; right: -1px; top: 25px; z-index: 10; outline: 0 } #guesslikesite-block .changeAll:hover { background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png); background-position: -21px -145px } #guesslikesite-block .changeAll:active { background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png); background-position: -21px -145px } #guesslikesite-block .bottom-main { padding: 9px 0 } #guesslikesite-block .next-main { padding: 9px 0 } #guesslikesite-block .hideguesslike { display: none } #guesslikesite-block .guesslike-industry { padding: 0 13px 0 35px; height: 32px; width: 700px; line-height: 32px; position: relative } .guesslike-industry-title { color: #118850; overflow: hidden; height: 32px; width: 35px; line-height: 32px; position: relative; vertical-align: top } #guesslikesite-block .guesslike-industry .red-icon { display: none; width: 5px; height: 5px; background-image: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png); background-position: -114px -46px; background-repeat: no-repeat; position: absolute; top: 4px; left: 63px } #guesslikesite-block .g-bg1 { background-color: #f7f7f7 } #guesslikesite-block .guesslike-LightOn .red-icon { display: inline-block; *display: inline; *zoom: 1 } #guesslikesite-block .guesslike-LightOf .red-icon { display: none } #guesslikesite-block .guesslike-row { display: none; padding-right: 10px; height: 32px; line-height: 32px; vertical-align: top } #guesslikesite-block .show { display: inline-block; *display: inline; *zoom: 1 } #guesslikesite-block .guesslike-col { width: 100px; text-align: left; padding: 0; overflow: hidden; height: 32px; line-height: 32px; position: relative; vertical-align: top } #guesslikesite-block .guesslike-link { padding-left: 18px; height: 32px; line-height: 32px } #guesslikesite-block .changeBtn { display: inline-block; cursor: pointer; font-size: 12px; position: absolute; outline: 0 } #guesslikesite-block .changeBtn:hover { color: #f00 } .width-lg #guesslikesite-block { width: 898px } .width-lg .guesslike-industry-title { width: 40px } .width-lg #guesslikesite-block .guesslike-industry { padding: 0 0 0 35px; width: 862px } .width-lg #guesslikesite-block .guesslike-col { width: 107px } .width-nr #guesslikesite-block { width: 698px } .width-nr .guesslike-industry-title { width: 35px } .width-nr #guesslikesite-block .guesslike-industry { padding: 0 0 0 35px; width: 662px } .width-nr #guesslikesite-block .guesslike-col { width: 92px } .width-nr #guesslikesite-block .guesslike-col-last { display: none } .wslider { position: relative; overflow: hidden; zoom: 1; width: 238px; margin-bottom: 10px } .wslider-inner { width: 800%; font-size: 0 } .wslider-inner .hide { position: absolute; visibility: hidden } .wslider-item { width: 238px; display: inline-block; *display: inline; *zoom: 1 } .wslider-item .item-pic { width: 238px } .wslider-item .item-text { padding: 7px 10px; margin-right: -10px } .wslider-item .txt { display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; height: 28px; line-height: 28px; vertical-align: top } .wslider-item .tag { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: 1px; height: 18px; line-height: 18px; background-color: #9ed18e; padding: 0 10px 0 6px; margin-right: 5px; font-size: 12px; color: #fff } .wslider-item .tag-uparw { position: absolute; top: 0; right: -8px; border: 8px dashed transparent; border-top: 8px solid #fcfcfc } .wslider-item .tag-downarw { position: absolute; bottom: 0; right: -8px; border: 8px dashed transparent; border-bottom: 8px solid #fcfcfc } .wslider-item .link { display: inline-block; *display: inline; *zoom: 1; font-size: 14px } .wslider .arrow-prev,.wslider .arrow-next { position: absolute; top: 50%; width: 20px; height: 42px; background: #000 url(http://s1.hao123img.com/v5/Hz/mn/Ev/BX/8z/2/index_menus_widthlg.png) -31px -422px; margin-top: -21px; cursor: pointer; opacity: .6; filter: alpha(opacity=60) } .wslider .arrow-prev { left: 0; background-position: 0 -422px } .wslider .arrow-next { right: 0 } .wslider .arrow-prev:hover,.wslider .arrow-next:hover { opacity: .8; filter: alpha(opacity=80) } .wslider-loading .P { border: 0; background: url(http://s1.hao123img.com/v5/E4/Ki/0O/5L/cv/1/news_loading.gif) no-repeat center } .wslider-seenone { display: none } .width-lg .wslider { width: 278px } .width-lg .wslider-item { width: 278px } .width-lg .wslider-item .item-pic { width: 278px } .widget-hlbar { height: 28px; font-size: 12px; text-align: center; line-height: 28px; vertical-align: middle; overflow: hidden; padding-left: 25px } .widget-hlbar span { display: inline-block; padding-right: 25px } .hlbar-link { color: #3b5998 } .hlbar-link:hover { color: #3b5998 } .hlbar-icon { height: 32px; line-height: 32px; vertical-align: top } .width-lg .widget-hlbar { height: 32px; line-height: 32px } .layout-container .hao123-search-panel-box .search-fixed { z-index: 100001; position: fixed; top: 0; left: 0; width: 100%; height: 46px; overflow: visible; border: 0 } .layout-container .search-fixed .search-bg { display: none } .layout-container .search-fixed .hao123-search { padding: 14px 0 4px 0; width: 100%; border-bottom: 1px solid #ddd } .search-fixed .hao123-search .fixed-bg { position: absolute; top: 0; height: 64px; width: 100%; background: #f3f3f3; opacity: .97; filter: alpha(opacity=97); border: 1px solid #d9d9d9 } .search-fixed .hao123-search .border-shadow { height: 2px; width: 100%; z-index: 0; line-height: 0; font-size: 0; position: absolute; bottom: -3px; background-color: #f0f0f0; opacity: .75; filter: alpha(opacity=75) } .search-fixed .hao123-search .notice,.search-fixed .hao123-search .tabs { display: none } .search-fixed .hao123-search .logo { height: 32px } .search-fixed .hao123-search .search { position: relative; margin: 0 auto; display: block; width: 662px; height: 46px; overflow: visible; z-index: 777 } .search-fixed .hao123-search .notice { display: none } .width-lg .search-fixed .hotsearchCon,.width-lg .search-fixed .hao123-search .search { width: 860px } .width-lg .search-fixed .hotsearchCon .hotsearch-box { margin-left: 123px } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } img { border: 0 } em,strong,th,b,i { font-style: normal; font-weight: normal } ol,ul,dl { list-style: none } th { text-align: left } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal } input,textarea,select,button { font-family: inherit; font-size: inherit; font-weight: inherit } img,input,label,button { vertical-align: middle } input:focus,button:focus,select:focus,textarea:focus { outline: 0 } a::-moz-focus-inner,input::-moz-focus-inner,button::-moz-focus-inner { border: 0 } button::-moz-focus-inner,input::-moz-focus-inner { padding: 0 } .s-fc0,.g-fc0,.s-fc0h:hover,.g-fc0h:hover { color: #333 } .s-fc1,.g-fc1,.s-fc1h:hover,.g-fc1h:hover { color: #f30 } .s-fc2,.g-fc2,.s-fc2h:hover,.g-fc2h:hover { color: #999 } .s-fc3,.g-fc3,.s-fc3h:hover,.g-fc3h:hover { color: #666 } .s-fc4,.g-fc4,.s-fc4h:hover,.g-fc4h:hover { color: #616161 } .s-fc5,.g-fc5,.s-fc5h:hover,.g-fc5h:hover { color: #fff } .s-fc6,.g-fc6,.s-fc6h:hover,.g-fc6h:hover { color: #fd780d } .s-fc7,.g-fc7,.s-fc7h:hover,.g-fc7h:hover { color: #498949 } .s-fc8,.g-fc8,.s-fc8h:hover,.g-fc8h:hover { color: #5aa01e } .s-fc9,.g-fc9,.s-fc9h:hover,.g-fc9h:hover { color: #33a333 } .s-fc10,.g-fc10,.s-fc10h:hover,.g-fc10h:hover { color: #ddd } .s-fc11,.g-fc11,.s-fc11h:hover,.g-fc11h:hover { color: #3b5998 } .g-fc12 { color: #333 } .s-fc13,.g-fc13,.s-fc13h:hover,.g-fc13h:hover { color: #6f6f6f } .s-br0,.g-br0,.s-br0h:hover,.g-br0h:hover { border: 1px solid #e8e8e8 } .s-br1,.g-br1,.s-br1h:hover,.g-br1h:hover { border: 1px solid #ddd } .s-br2,.g-br2,.s-br2h:hover,.g-br2h:hover { border: 1px solid #dadada } .s-br3,.g-br3,.s-br3h:hover,.g-br3h:hover { border: 1px solid #cecece } .s-br4,.g-br4,.s-br4h:hover,.g-br4h:hover { border: 1px solid #97c853 } .s-br5,.g-br5,.s-br5h:hover,.g-br5h:hover { border: 1px solid #f0f0f0 } .s-br6,.g-br6,.s-br6h:hover,.g-br6h:hover { border: 1px solid #eaeaea } .s-br7,.g-br7,.s-br7h:hover,.g-br7h:hover { border: 1px solid #efefef } .s-br8,.g-br8,.s-br8h:hover,.g-br8h:hover { border: 1px solid #fcfcfc } .s-br9,.g-br9,.s-br9h:hover,.g-br9h:hover { border: 1px solid #817f82 } .s-br10,.g-br10,.s-br10h:hover,.g-br10h:hover { border: 1px solid #69b527 } .s-br11,.g-br11,.s-br11h:hover,.g-br11h:hover { border: 1px solid #eee } .s-bg0,.g-bg0,.s-bg0h:hover,.g-bg0h:hover { background-color: #f1f1f1 } .s-bg1,.g-bg1,.s-bg1h:hover,.g-bg1h:hover { background-color: #f7f7f7 } .s-bg2,.g-bg2,.s-bg2h:hover,.g-bg2h:hover { background-color: #cecece } .s-bg3,.g-bg3,.s-bg3h:hover,.g-bg3h:hover { background-color: #e0e4e8 } .s-bg4,.g-bg4,.s-bg4h:hover,.g-bg4h:hover { background-color: #f2f2f2 } .s-bg5,.g-bg5,.s-bg5h:hover,.g-bg5h:hover { background-color: #fcfcfc } .s-bg6,.g-bg6,.s-bg6h:hover,.g-bg6h:hover { background-color: #eaeaea } .s-bg7,.g-bg7,.s-bg7h:hover,.g-bg7h:hover { background-color: #333 } .s-bg8,.g-bg8,.s-bg8h:hover,.g-bg8h:hover { background-color: #34a637 } .s-bg9,.g-bg9,.s-bg9h:hover,.g-bg9h:hover { background-color: #ffe1e1 } .s-bg10,.g-bg10,.s-bg10h:hover,.g-bg10h:hover { background-color: #ebebeb } .s-bg11,.g-bg11,.s-bg11h:hover,.g-bg11h:hover { background-color: #fff } .s-bg12,.g-bg12,.s-bg12h:hover,.g-bg12h:hover { background-color: #fd8220 } .s-fc20,.g-fc20,.s-fc20:hover,.s-fc20h:hover,.g-fc20h:hover { color: #0aa770 } .s-fc22,.g-fc22,.s-fc22h:hover,.g-fc22h:hover { color: #34a637 } .s-br20,.g-br20,.s-br20h:hover,.g-br20h:hover { border: 1px solid #0aa770 } .s-br21,.g-br21,.s-br21h:hover,.g-br21h:hover { border: 1px solid #84d7ba } .s-br22,.g-br22,.s-br22h:hover,.g-br22h:hover { border: 1px solid #34a637 } .s-bg20,.g-bg20,.s-bg20h:hover,.g-bg20h:hover { background-color: #4b7 } .s-bg21,.g-bg21,.s-bg21h:hover,.g-bg21h:hover { background-color: #9ed18e } .s-bg22,.g-bg22,.s-bg22h:hover,.g-bg22h:hover { background-color: #34a637 } .width-lg .g-fcolor0 { color: #118850 } .width-lg .g-fcolor0:hover { color: #118850 } .width-lg .g-border0 { border-width: 1px; border-style: solid; border-color: #0aa770 } .width-lg .g-border0_w2 { border-width: 2px } .g-sd0,.g-sdh0:hover { box-shadow: 0 0 3px #ccc } .g-sd1,.g-sdh1:hover { box-shadow: 0 0 3px #ccc inset } .g-wd { width: 1000px; margin: 0 auto } .g-wd2 { width: 998px; margin: 0 auto } .g-wrap { min-width: 1000px } .ie6 .g-wrap { zoom: 1 } .g-ib { display: inline-block } .ie6 .g-ib,.ie7 .g-ib { display: inline; zoom: 1 } .g-btn { display: block; cursor: pointer } .g-hide { display: none } .g-fl { float: left } .g-fr { float: right } .g-clr:after { content: ‘\20‘; display: block; height: 0; clear: both; visibility: hidden } .ie6 .g-clr,.ie7 .g-clr { zoom: 1 } .g-h1 { font-size: 18px } .g-h2 { font-size: 16px } .g-h3 { font-size: 14px } .g-h4 { font-size: 12px } .g-h5 { font-size: 11px } .g-h6 { font-size: 10px } .g-bold { font-weight: bold } .g-bigrender { background-image: url(http://s0.hao123img.com/res/img/2013/lazy-loading.gif); background-repeat: no-repeat; background-position: center } .g_orange { color: #f60 } .ie6 a:hover { zoom: 1 } .width-lg .g-wd { width: 1190px; margin: 0 auto } .width-lg .g-wd2 { width: 1188px; margin: 0 auto } .width-lg .g-wrap { min-width: 1190px } .width-nr .g-wd { width: 990px; margin: 0 auto } .width-nr .g-wd2 { width: 988px; margin: 0 auto } .width-nr .g-wrap { min-width: 990px } body { font: 14px/100% arial,"Hiragino Sans GB","Hiragino Sans GB W3",\5b8b\4f53; background-color: #f7f7f8 } .ie6 body { zoom: 1 } .g_fl { float: left } .g_fr { float: right } .g_clr:after { content: ‘\20‘; display: block; height: 0; clear: both; visibility: hidden } .ie6 .g_clr,.ie7 .g_clr { zoom: 1 } .g_bg1 { background: #f0f0f0 } .g_bg1-hover,.bgh:hover { background: #69b527 } .g_s_br { border: 1px solid #cecece } .g_s_bg { background: #fcfcfc } .g_s_bx { border: 1px solid #cecece; background: #fcfcfc } #box-famoussite { *zoom: 1 } .sethomehint { background: url(http://s0.hao123img.com/v5/cV/Ie/9U/Np/yi/5/sethome-hint.png) no-repeat; width: 283px; height: 168px; position: absolute; z-index: 999; top: 0; left: 0 } #pass_login_username_0:-ms-input-placeholder { color: #ccc } .g-logimg { font-size: 0; height: 0; width: 0; line-height: 0; position: absolute; left: -10px; top: -10px; visibility: hidden } .g_icon,.g_hf-icon,.s-sicon,.g-sicon { background-image: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) } .notice .g_icon { _background-image: url(http://s1.hao123img.com/v5/eK/sx/na/NX/10/6/index_iconIE6.png) } .s-sicon { background-image: url(http://s0.hao123img.com/res/skin/v4/lv.png) } .g_hf-icon { background-repeat: no-repeat } .g_hf-bg { background: url(http://s1.hao123img.com/v5/00/fm/Ea/WJ/We/5/hf_body_bg.png) repeat-x } .g_hot,.g_tips-r,.g_tips-l,.g_hot2,.g_icon_hot,.g_icon_v { position: relative } .g_hot .g_icon,.g_icon_hot .g_icon,.g_icon_v .g_icon { display: inline-block; width: 16px; height: 16px; cursor: pointer; margin-left: 2px; background-position: -217px -1100px } .g_icon_v .g_icon { background-position: -217px -1117px } .g_hot2 .g_icon { position: absolute; width: 23px; height: 18px; top: -5px; background-position: -430px -600px } .g_tips-r .g_icon,.g_tips-l .g_icon { background-image: url(http://s1.hao123img.com/v5/TL/Gb/Os/Er/fJ/3/bubble.png); background-repeat: no-repeat; position: absolute; width: 34px; height: 28px; top: -7px; font-size: 12px; overflow: hidden; word-wrap: break-word; padding-top: 2px; padding-right: 2px; line-height: 13px; _line-height: 14px; vertical-align: top; color: #ff3c00; text-decoration: none; cursor: pointer } .ie8 .g_tips-r .g_icon,.ie8 .g_tips-l .g_icon { padding-top: 2px; line-height: 14px } .g_tips-r .g_icon { left: 0; margin-left: 2px; background-position: 0 0; padding-left: 7px } .g_tips-l .g_icon { left: -29px; _left: -37px; background-position: 0 -37px; padding-left: 7px } a { color: #333; text-decoration: none; outline: 0 } a:hover { color: #f50; text-decoration: underline } .g_black { color: #333; text-decoration: none } .g_black:hover { color: #333; text-decoration: underline } .g_blue { color: #0053a5; text-decoration: none } .g_blue:hover { color: #0053a5; text-decoration: underline } .g_green,.g_green-red { color: #33a333; text-decoration: none } .g_green:hover,.g_green-red:hover { text-decoration: underline } .g_green:hover { color: #33a333 } .g_green-red:hover { color: #f30 } .g_red,.tc-orange { color: #f50; text-decoration: none } .g_red:hover,.tc-orange:hover { color: #f50; text-decoration: underline } .g_gray,.g_gray-red { color: #666; text-decoration: none } .g_gray:hover,.g_gray-red:hover { text-decoration: underline } .g_gray:hover { color: #666 } .g_gray-red:hover { color: #f30 } .tc-green { color: #0aa770; text-decoration: none } .tc-green:hover { color: #0aa770; text-decoration: underline } .g_bold { font-weight: bold } .g_h1,.g_h2,.g_h3,.g_h4 { font-weight: bold } .g_h1 { font-size: 18px } .g_h2 { font-size: 16px } .g_h3 { font-size: 14px } .g_h4 { font-size: 12px } .g_more { font-size: 12px; font-family: \5b8b\4f53 } .g_lx .g_lx-fl,.g_lx .g_lx-fr { width: 354px; float: left; overflow: hidden } .g_bx .g_bx-hd { line-height: 30px; height: 30px; vertical-align: middle; padding: 0 10px 0 20px; border-bottom: 1px solid #e8e8e8 } .g_lx .g_lx-fr .g_bx { float: right } .g_list li { width: 325px; line-height: 26px; height: 26px; overflow: hidden; text-indent: 11px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -194px -267px; text-overflow: ellipsis; white-space: nowrap -o-text-overflow:ellipsis } .g_list li a { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap } .g_tab-more { height: 34px; line-height: 34px; text-align: center; border-top: 1px dotted #d1d1d1 } .g_tab-more .g_more { font-size: 14px; display: block; outline: 0 } .g_tab-more .g_more,.g_tab-more .g_more:hover { text-decoration: none } .g_lx-row1 .widget-news .g_list { margin: 8px 0 1px 20px } .g_lx-row1 .g_list li { background-image: none; text-indent: 0 } .g_lx-row1-img { width: 310px; float: right; margin-right: 14px; margin-top: 15px } .g-fcd { color: #333 } .w960px { width: 960px } .w1000px { width: 1000px } .layout-userbar,.layout-header,.layout-search,.layout-searchbottom,.layout-content,.layout-bottom,.layout-footer,.layout-killtime,.layout-relax,.layout-banner,.layout-erji-tempt,.layout-lifenews { margin: 0 auto } .autoheight { height: 0; font-size: 0; line-height: 0; display: none } .splitline { border-top: 1px dashed #cce0c2; margin: 0 6px; line-height: 0; height: 0; font-size: 0 } .layout-userbar { width: 100%; height: 28px; background-position: 0 0; min-width: 1000px; *zoom: 1 } .layout-userbar .layout-inner { margin: 0 auto } .layout-banner { width: 100%; height: 30px; background: #efefef; min-width: 1000px; border-bottom: 1px solid #d5d5d5 } .layout-banner .layout-inner { margin: 0 auto } .layout-container { position: relative; background-position: 0 -256px; position: static\9; min-width: 1190px; *zoom: 1 } :root .layout-container { position: relative } .layout-header { height: 80px } .layout-search-box { position: relative; z-index: 13 } .layout-searchbottom { margin-top: 10px } .layout-content { clear: both } .layout-content-slider { float: left; width: 240px; position: relative; z-index: 99 } .layout-content-slider .lcs-recommend { margin-bottom: 10px } .layout-content-slider .lcs-recommend { width: 238px; overflow: hidden } .layout-content-ct { float: right; width: 750px } .layout-famoussite { width: 748px; border-width: 1px; position: relative; z-index: 10 } .box-famoussite { clear: both; position: relative; z-index: 1 } .layout-adbar { width: 750px; overflow: hidden } .layout-coolsite { width: 748px } .layout-surprise,.layout-bottombox { margin: 10px auto 0 auto; width: 998px; overflow: hidden } .layout-bottom { border: 1px solid #d2d2d4; border-left: none; border-right: 0; padding: 2px; height: 126px; margin: 10px auto 0 auto; background-color: #e9e9ec } .layout-footer { background-color: #e9e9ec } .layout-hotword { position: absolute; top: 46px; left: 810px; z-index: 13 } .layout_gowu01 { margin: 10px 0 } .layout-guess { margin-top: 10px } .width-lg .w1000px { width: 1190px } .width-lg .layout-content-ct { width: 900px } .width-lg .layout-content-slider { width: 280px } .width-lg .layout-famoussite { width: 898px } .width-lg .layout-coolsite { width: 898px } .width-lg .layout-surprise,.width-lg .layout-bottombox { width: 1188px } .width-lg .layout-adbar { width: 900px } .width-nr .w1000px { width: 990px } .width-nr .layout-content-ct { width: 700px } .width-nr .layout-content-slider { width: 280px } .width-nr .layout-famoussite { width: 698px } .width-nr .layout-coolsite { width: 698px } .width-nr .layout-surprise,.width-nr .layout-bottombox { width: 988px } .width-nr .layout-adbar { width: 700px } .width-nr .layout-famoussite { width: 698px } .g-swd1 { border-width: 0 1px 0 1px } .g-sbg1 { background: url(http://s1.hao123img.com/v5/00/fm/Ea/WJ/We/5/hf_body_bg.png) repeat-x left top } .hao123-wrap { position: relative; z-index: 160 } .hao123-header { height: 28px; font: 12px/26px tahoma; position: relative } .hao123-header .menu { display: inline-block; *display: inline; zoom: 1; height: 28px; line-height: 28px; vertical-align: top; padding: 0 8px; text-decoration: none } .hao123-header .sethome { display: inline-block; line-height: 28px; height: 28px; float: left; cursor: pointer; position: relative } .hao123-header .sethome:hover { background-color: #f0f0f0; text-decoration: none } .hao123-header .ardorn { display: inline-block; height: 28px; line-height: 28px; padding-left: 13px; padding-right: 9px } .ie8 .hao123-header .ardorn { position: relative; top: -1px } .hao123-header .sethome i { display: inline-block; width: 16px; height: 12px; line-height: 12px; vertical-align: top; position: relative; top: 8px; left: -5px; text-decoration: none; background-position: -253px -150px } .ie6 .hao123-header .sethome i { float: left } .ie7 .hao123-header .sethome i { top: 2px } .hao123-header .browsertip { text-align: center; position: absolute; width: 360px; left: 228px; top: 0; height: 28px; line-height: 28px } .hao123-header .browsertip .dl { margin-left: 5px; text-decoration: none; padding: 3px 0; *padding: 0 } .hao123-header .browsertip .dl span { padding: 2px 5px } .ie8 .browsertip .dl { padding: 2px 0 3px } .ie8 .browsertip .dl span { padding: 1px 5px 2px } .ie7 .browsertip .dl span { padding-bottom: 0 } .hao123-header .hometip { position: absolute; top: 27px; left: 0; z-index: 220 } .hao123-header-right { position: absolute; top: 0; right: 0; z-index: 1 } .hao123-skin { background: #dfe1e2; *position: relative } .newskin-tip { height: 133px; width: 84px; right: -159px; display: block; cursor: pointer; position: absolute; top: 5px; right: -90px; background-repeat: no-repeat } #skin-recommond { display: none } .hao123-header-right .skin-recommond { position: relative; height: 28px; line-height: 28px; text-align: left; border-width: 1px 1px 1px 0; display: inline-block; vertical-align: top; padding: 0 5px } .hao123-header-right .skin-recommond .pointer { position: absolute; width: 12px; height: 16px; font-size: 0; padding: 0; line-height: 16; right: -2px; top: 6px; *top: 5px; background-position: -256px -127px } .hao123-header-right .skin-icon { background-position: -100px -157px; display: inline-block; vertical-align: top; width: 22px; height: 20px; margin-top: 4px } .hao123-header-right .skin-btn { position: relative; padding: 0 13px; display: inline-block; height: 28px; line-height: 28px; vertical-align: top } .hao123-header-right .skintipshow { background: url(http://s0.hao123img.com/v5/0W/5M/DN/vV/l_/1/skintip_ball.png) 36px 2px no-repeat } .hao123-header-right .skin-btn:hover { background-color: #f0f0f0 } .hao123-header-right .skin-btn .skin-text { *line-height: 61px; _line-height: 60px } .hao123-header-right .skin-recommond:hover,.hao123-header-right .skin-btn:hover { text-decoration: none } .hao123-header-right .skin-recommond:hover { background-color: #f0f0f0 } .skin-recommond .chgskin_icon { width: 23px; height: 21px; margin-left: 8px; display: inline-block; background-position: -177px -123px; margin-top: 4px; vertical-align: top } .skin-recommond .chgskin_txt { display: inline-block } .hao123-header-right .skin-txt { display: inline-block; vertical-align: top } .hao123-col { height: 60px; vertical-align: top } .hao123-header-right .privilege { position: relative; height: 28px; line-height: 28px; vertical-align: top; border-right: 1px solid #eaeaea } .hao123-header-right .privilege-icon { position: absolute; width: 14px; height: 14px; top: 8px; top: 6 px\9; left: 0; background: url(http://s1.hao123img.com/v5/00/vD/QT/do/iw/1/tq_icon.png) no-repeat } .hao123-header-right .privilege-link { height: 28px; line-height: 28px; padding-right: 13px; padding-left: 13px; vertical-align: top; text-decoration: none } .hao123-header-right .privilege-link:hover { background-color: #f0f0f0 } .hao123-gw11 { margin-bottom: 10px } .width-lg .hao123-gw11 .box-tab { display: none } .hao123-tools-wrap { height: 61px; width: 100%; position: relative; z-index: 120 } .hao123-tools-wrap .yun-tip { position: absolute; width: 202px; height: 166px; top: 0; left: 50%; margin-left: 298px; background: url(http://s1.hao123img.com/v5/b9/Ar/GB/Dx/M1/5/yun_tip.png) 0 0 no-repeat } .hao123-tools-wrap .yun-tip .close { height: 30px; width: 30px; display: block; cursor: pointer; position: absolute; right: 0; top: 95px } .hao123-tools { height: 60px; font-size: 12px; line-height: 22px; clear: both; position: relative; z-index: 996; font-family: ‘Tahoma‘ } .hao123-tools .more a:hover { width: 100%; text-decoration: none } .hao123-tools-wrap .headerBg { width: 100%; height: 61px; position: absolute; background-color: #fcfcfc; opacity: .2; filter: alpha(Opacity=20); left: 0; top: 0 } .hao123-tools-wrap .headerbottombr { width: 100%; height: 60px; position: absolute; left: 0; top: 0; border-bottom: 1px solid #ccc; opacity: .2; filter: alpha(Opacity=20) } .hao123-logo,.hao123-date,.hao123-weather,.hao123-email,.hao123-banner { vertical-align: top } .hao123-logo { width: 238px } .hao123-date { width: 87px; height: 60px; overflow: hidden; margin: 8px 10px 0 0 } .hao123-links { padding: 0 5px; border-left: none; *position: relative; z-index: 997 } .hao123-links .icon { cursor: pointer; position: relative; z-index: 2 } .hao123-col .colweather-hover .link,.hao123-col .link:hover,.hao123-links .link:hover,.ie6 .skin-btn:hover .link { text-decoration: none; background-color: rgba(247,247,247,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bF7F7F7,endColorstr=#4bF7F7F7) } .hao123-col .colweather-active .link { filter: none } .sk_skin-color-green .hao123-col .colweather-hover .link,.sk_skin-color-green .hao123-col .link:hover,.sk_skin-color-green .hao123-links .link:hover,.sk_skin-color-green .skin-btn:hover .link,#hao123-star .link:hover { background-color: #f7f7f7; filter: none } .ie9 .hao123-col .colweather-hover .link,.ie9 .hao123-col .link:hover,.ie9 .hao123-links .link:hover,.ie9 .skin-btn:hover .link { filter: none } .hao123-links .link .text { position: relative; z-index: 2 } .hao123-links .link .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1 } .hao123-weather { width: 245px } .hao123-email { width: 165px } .hao123-email .mail { margin: 4px 0 0 10px; _margin-top: 2px; z-index: 18 } .hao123-banner { position: absolute; right: 0; width: 222px; height: 60px; top: 0; text-align: right; overflow: hidden; z-index: 16 } .hao123-banner .ecom { width: 220px; height: 60px } .hao123-banner .ecom a { display: inline-block } .nlb { margin: 0; padding: 0; height: 2px; clear: both; font-size: 0; overflow: hidden } .hao123-slider { width: 238px } .hao123-sites { margin-left: 10px; width: 748px } .hao123-search-panel { position: relative; z-index: 110; width: 1000px } .hao123-search-panel .search-bg { position: absolute; width: 998px; top: 0; left: 0; height: 82px; _height: 87px; _background-color: #f6f6f6; background-position: 0 0; background-repeat: repeat-x; z-index: 12 } .hao123-search { position: relative; padding: 19px 0 0 141px } .hao123-search .tabs { position: relative; z-index: 15 } .hao123-search .list { z-index: 16 } .hao123-search .suggest-search { z-index: 104 } .hao123-search .search { display: inline-block; *display: inline; zoom: 1 } .hao123-search .notice { position: absolute; right: 0; top: 50px } .hao123-search .notice-hover { background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -205px -1650px } .hao123-search .notice-hover .change { display: block } .hao123-search .notice-hover .s-wea { color: #f50 } .hao123-search .notice-hover .s-wea:hover { color: #f50 } .hao123-search .notice-fixed { display: none } body .search-fixed .hao123-search .notice-fixed { display: inline-block; z-index: 788; position: absolute; left: 50%; margin-left: 360px; right: 0; top: 20px } .hao123-famoussite { z-index: 100 } .hao123-coolsite { width: 748px } .hao123-coolsite .last { border-bottom: 0 } .hao123-wfslider { line-height: 0; font-size: 0 } .hao123-killtime { margin-top: 10px; width: 998px; position: relative } .hao123-killtime .title { font-size: 14px; font-weight: bold; height: 32px; line-height: 32px } .hao123-killtime .head { border-bottom: 1px solid #e9e9e9; padding-left: 15px } .hao123-killtime .content { padding: 1px; vertical-align: top } .hao123-killtime .todayhot,.hao123-killtime .amzingfinds,.hao123-killtime .wonderfulvideo,.hao123-killtime .other { padding: 15px 14px 0 14px; width: 220px; height: 300px } .hao123-killtime .other { width: 218px } .hao123-killtime .amzing-rank,.hao123-killtime .wonderful-rank,.hao123-killtime .hot-rank { padding: 1px 0 4px 0 } .hao123-killtime .split { font-size: 0; line-height: 0; margin-bottom: 11px; border-bottom: 1px solid #f6f6f9 } .hao123-killtime .amzing-pic,.hao123-killtime .wonderful-pic,.hao123-killtime .hot-pic { padding: 9px 7px 4px 7px } .hao123-killtime .live-content { padding: 1px 0 10px 0 } .hao123-killtime .live-content li { height: 26px; line-height: 26px; overflow: hidden } .hao123-killtime .live-channel { margin-right: 5px } .hao123-killtime .music-area { position: absolute; top: 2px; right: 2px } .hao123-relax { margin-top: 10px; margin-bottom: 10px; width: 998px } .hao123-erji { background-color: #f7f7f8; margin-top: 10px; border-width: 1px 0 0 } .hao123-erji #box-weibobottom { width: 1000px; margin: 0 auto } .hao123-footer { height: 52px; line-height: 52px; font-size: 12px; border-top: 1px solid #f1f1f1 } .hao123-footer .split { padding: 0 15px } .hao123-footer .copyright { padding: 0 15px 0 25px } .hao123-footer .browser { padding-left: 18px } .hao123-footer .mobile-box { line-height: 25px; height: 25px; margin-top: 15px } .hao123-footer .mobile { margin-right: 10px } .hao123-footer .btn { display: inline-block; width: 105px; height: 25px; line-height: 25px; text-indent: 35px } .ie8 .hao123-footer .btn,.ie6 .hao123-footer .btn,.ie7 .hao123-footer .btn { position: relative; top: -2px } .hao123-footer .btn:hover { text-decoration: none } .hao123-footer .android { margin-right: 6px } .hao123-footer2 { margin: auto; border-top: 1px solid #e9e9e9; padding-top: 20px; width: 1190px; height: 50px } .new-footercolor { background-color: #f7f7f8 } .hao123-footer2 a:hover { color: #0aa770; text-decoration: underline } .hao123-footer2 .icon { background: url(http://s0.hao123img.com/v5/XQ/N5/j8/ra/7H/sprite_footer_new.png) no-repeat } .hao123-footer2 .item { margin-right: 20px; font: normal 14px/28px "Microsoft YaHei"; height: 30px; line-height: 30px; display: inline-block; *display: inline; *zoom: 1 } .hao123-footer2 .first-item { margin-top: -4px; margin-right: 25px; width: 228px; height: 30px } .hao123-footer2 .g-fr { padding-right: 4px } .hao123-footer2 .mobile-box { margin-top: 6px } .hao123-footer2 .g-fr .icon { margin-left: 20px; padding-left: 18px; width: 70px; height: 16px; font-size: 14px; line-height: 16px } .hao123-footer2 .icon-tuiguang { margin-right: 12px; padding-left: 18px; background: url(http://s1.hao123img.com/v5/00/ev/rN/lf/8u/4/tuiguangicon.jpg) no-repeat; background-position: center left; _background-position: 0 4px } .hao123-footer2 .g-fr .browser { margin-left: 0; background-position: 0 -30px } .hao123-footer2 .g-fr .mobile { width: 56px; background-position: -1px -47px } .hao123-footer2 .bottom-fawu { width: 16px; height: 16px; background: url(http://s0.hao123img.com/v5/Ak/b6/F8/LQ/G9/4/bottomicon.png) no-repeat; margin: 0 12px 0 0; position: relative; bottom: -1px } .hao123-footer2 .icon-fawu1 { background-position: 0 -16px } .hao123-footer2 .icon-fawu2 { background-position: -20px -16px } .hao123-footer2 .icon-fawu3 { background-position: -40px -16px } .width-nr .hao123-footer2 { width: 990px } .hao123-footer-icon .btn { background: url(http://s0.hao123img.com/v5/3O/dH/h0/_h/vg/5/footer_icon.png) no-repeat 0 0 } .hao123-footer-icon .android:hover { background-position: 0 -100px } .hao123-footer-icon .iphone { background-position: 0 -25px } .hao123-footer-icon .iphone:hover { background-position: 0 -125px } .hao123-footer-icon .copyright { background: url(http://s0.hao123img.com/v5/3O/dH/h0/_h/vg/5/footer_icon.png) no-repeat right -58px } .hao123-footer-icon .browser { background: url(http://s0.hao123img.com/v5/3O/dH/h0/_h/vg/5/footer_icon.png) no-repeat 0 -81px } .hao123-gouwu .right-main,.hao123-lifenews .right-main,.hao123-boringtime .right-main { height: 265px; overflow: hidden } .hao123-bottom-box { width: 998px; height: 298px; margin: 10px auto auto auto; position: relative } .hao123-bottom-box .box-head { height: 35px; line-height: 33px; border-width: 0 0 2px 0 } .hao123-bottom-box .box-title { height: 35px; line-height: 35px; margin-left: 30px; width: 131px; font-size: 17px; font-weight: lighter; vertical-align: middle } .hao123-bottom-box .box-icon:hover { color: #333; text-decoration: none } .hao123-bottom-box .box-icon { padding-left: 22px; background: url(http://s1.hao123img.com/v5/00/bO/1O/rU/k9/2/new_icon.png) no-repeat } .hao123-bottom-box .sh-icon { background-position: 0 -63px } .hao123-bottom-box .gw-icon { background-position: 0 4px } .hao123-bottom-box .wl-icon { background-position: 0 -118px } .hao123-bottom-box .qs-icon { background-position: 0 -199px } .hao123-bottom-box .yx-icon { background-position: 0 -286px } .hao123-bottom-box .box-site,.hao123-bottom-box .box-ct,.hao123-bottom-box .box-ct2,.hao123-bottom-box .box-slider,.hao123-bottom-box .box-slider2 { vertical-align: top } .hao123-bottom-box .box-site { width: 250px } .hao123-bottom-box .box-site-inner { margin: 20px auto 10px 20px; border-right: 1px solid #f1f1f1 } .hao123-bottom-box .box-ct,.hao123-bottom-box .box-ct2 { width: 497px; height: 266px } .hao123-bottom-box .box-col3 { width: 747px; height: auto } .hao123-bottom-box .box-ct2 .box-ct-inner { margin: 0 } .hao123-bottom-box .box-ct-inner { margin: 10px auto auto 30px } .hao123-bottom-box .box-slider { width: 248px; height: 232px; border-left: 1px solid #f1f1f1; margin-top: 17px; overflow: hidden } .hao123-bottom-box .box-slider2 { width: 248px; height: 266px; border-left: 1px solid #f1f1f1; margin: 0; padding: 0 } .hao123-bottom-box .box-slider-inner { margin-left: 17px } .hao123-bottom-box .box-slider2 .box-slider-inner { padding-top: 17px } .hao123-bottom-box .box-slider-title { width: 220px; line-height: 120%; padding-bottom: 9px; vertical-align: baseline; overflow: hidden } .hao123-bottom-box .box-slider-title2 { padding-bottom: 12px; margin-bottom: 6px; border-bottom: 1px solid #f1f1f1 } .hao123-bottom-box .bottomtool,.hao123-bottom-box .samplexingzuo,.hao123-bottom-box .music-area { position: absolute; top: 4px; right: 2px; width: 246px; height: 28px; z-index: 10 } .hao123-bottom-box .box-ct-shangquan { width: 440px; margin: 2px auto 10px auto } .box-head .box-tab { height: 35px; margin: 0 20px; vertical-align: middle } .box-head .box-tab:hover { text-decoration: none } .box-head .tab-span { height: 35px; line-height: 35px; padding-bottom: 2px; cursor: pointer; position: relative } .box-head .active .tab-span { border-width: 0 0 2px 0; padding-bottom: 0 } .hao123-boringtime { margin-top: 10px; width: 998px; position: relative } .hao123-boringtime .col4 { padding: 25px 14px 0 15px; width: 210px; height: 240px } .hao123-boringtime .head { height: 30px; border-top: 1px solid #f3da74; border-bottom: 1px solid #ececec } .hao123-boringtime .content { padding: 1px; vertical-align: top } .hao123-boringtime .head .icon { width: 40px; height: 30px; background: url(http://s1.hao123img.com/v5/0W/oH/SJ/zo/rJ/icon.png) -41px 0 no-repeat; vertical-align: top; float: left } .hao123-boringtime .stripline { border-top: 1px solid #eee; line-height: 0; height: 1px; font-size: 0; width: 208px; margin-top: 7px } .hao123-boringtime .newlink { padding-top: 10px } .hao123-boringtime .boringranklist { margin-top: 5px } .hao123-boringtime .music-area { position: absolute; top: 2px; right: 2px } .hao123-bodyct { position: relative; *position: static } .slidetoolbarContainr { position: fixed; _position: absolute; top: 0; left: 0; width: 50px; height: 100%; z-index: 499 } .years16Container { position: fixed; _position: absolute; display: none; left: 0; _top: 1500px; width: 100%; z-index: 500; background: url(http://s0.hao123img.com/res/r/image/2015-11-27/692a2605277b6de2b69801ab50ddc9a0.png) center bottom no-repeat } .header-browser .link,.header-phone .link,.header-desktop .link { display: block; width: 36px; height: 60px; padding: 15px 10px 0 10px; text-align: center } .header-browser,.header-phone,.header-desktop { display: inline-block; height: 60px; overflow: hidden; vertical-align: top; position: relative } .header-browser .icon,.header-phone .icon,.header-desktop .icon { display: block; width: 36px; height: 16px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat; _background: url(http://s1.hao123img.com/v5/eK/sx/na/NX/10/6/index_iconIE6.png) no-repeat } .header-browser .icon { background-position: -240px -264px } .header-phone .icon { background-position: -299px -264px } .header-desktop .icon { background-position: -356px -264px } .index_icon_more { position: absolute; top: 0; right: 4px; line-height: 37px; height: 37px; width: 22px; background: url(http://s0.hao123img.com/v5/io/Qk/ya/Kw/Gq/6/index_icon_more.png) 0 8px no-repeat } a.index_icon_more:hover { background-image: url(http://s1.hao123img.com/v5/yD/CL/A0/Zs/YA/1/index_icon_more_hover.png) } .hotsearchCon { width: 1000px; margin: -9px auto -7px } .layout-guess-bottom { margin-bottom: 10px } .width-lg .hao123-bottom-box { width: 1188px; margin: 10px auto auto auto; background: #fcfcfc } .width-lg .hao123-search .notice { position: absolute; right: 16px; top: 37px } .width-lg .hao123-tools:after { display: block; height: 0; context: ‘‘; clear: both; *zoom: 1 } .width-lg .hao123-logo { float: left; width: 168px; height: 60px; z-index: 20; margin-right: 24px } .width-lg .hao123-col { float: left } .width-lg .sethome { width: 25px; position: absolute; top: 0; line-height: 1.4; margin-top: 13px; margin-right: 22px; padding: 2px 5px; display: block; float: left; color: #fff; z-index: 30; text-align: center; background: #07ac72; border-radius: 2px } .width-lg .hao123-tools a.sethome:hover { color: #fff; text-decoration: none } .width-lg .colweather { float: left; height: 60px; line-height: 60px; margin-left: 13px; cursor: pointer; _margin-left: 12px; _display: inline } .width-lg .hao123-entrancetools .colweather { margin-left: 13px; _margin-left: 12px } .width-lg .hao123-entrancetools .colweather-active { margin-left: 12px; _margin-left: 11px } #hao123-tools.hao123-entrancetools .control { left: 204px; _left: 203px } .width-lg .colweahter-city { padding-left: 9px; height: 60px; line-height: 60px; padding-right: 10px; color: #999 } .width-lg .weahtercity-arrow { width: 9px; height: 6px; background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -97px; _background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -95px; margin-left: 4px; vertical-align: middle; *vertical-align: 2px; _overflow: hidden; _height: 9px } .width-lg .colweather-active .weahtercity-arrow { background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -104px; _background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -102px } .width-lg .colweahter-info { padding-right: 10px; color: #999; line-height: 60px; height: 60px; position: relative } .width-lg .colweather-active .weahtercity-name,.width-lg .colweather-active .weahterinfo-txt,.width-lg .colweather-active .weahterinfo-temperature { color: #999 } .width-lg .weahterinfo-icon { line-height: 60px; vertical-align: middle; width: 26px; height: 60px; background-position: 0 14px; background-repeat: no-repeat } .width-lg .weahterinfo-txt { margin-left: 4px } .width-lg .weahterinfo-temperature { font-family: ‘arial‘; margin-left: 8px } .width-lg .colcalendar { position: relative; text-align: center; float: left; margin-left: 2px; width: 150px; height: 60px } .width-lg .colcalendar-info { display: block; height: 60px; line-height: 60px; color: #999; cursor: pointer; overflow: hidden } #calendarv2 .calendarinfo-hover { background: #f7f7f7; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #f7f7f7; z-index: 2 } .width-lg .calendarinfo-hover .calendarinfo-month,.width-lg .calendarinfo-hover .calendarinfo-nongli,.width-lg .calendarinfo-hover .calendarinfo-day { color: #999 } .width-lg .calendarinfo-date { vertical-align: top; width: 24px; height: 60px; line-height: 60px; font-family: ‘arial‘; background: url(‘http://s1.hao123img.com/v5/3g/tz/N-/XX/TR/3/icon-xingzuo.png‘) no-repeat 0 17px; _background: url(‘http://s1.hao123img.com/v5/3d/wE/T3/KD/t2/7/icon-xingzuo-ie6.png‘) no-repeat 0 17px } .width-lg .calendarinfo-month { font-family: ‘arial‘; padding-left: 5px } .width-lg .calendarinfo-day { padding-left: 10px } .width-lg .calendarinfo-nongli { padding-left: 10px; padding-right: 4px } .width-lg .xingzuo-arrow { width: 9px; height: 6px; background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -97px; _background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -95px; margin-left: 4px; margin-top: -2px; vertical-align: middle; *vertical-align: 2px; _overflow: hidden; _height: 9px } .width-lg .xingzuo-hoverarrow { background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -104px; _background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -102px } .width-lg .xingzuo-bg { position: absolute; width: 346px; height: 238px; top: 0; left: 0; background: url(‘http://s1.hao123img.com/v5/hC/ku/Nw/K3/La/1/xingzuo-loading.gif‘) center center no-repeat } #hao123-star { display: none; position: relative; text-align: center; float: left; _width: 80px; margin-left: 2px; height: 60px } .width-lg .hao123-links { float: right; height: 60px; padding: 0 129px 0 0 } .width-lg .header-browser .browser { padding: 0 5px 0 5px; line-height: 60px; *line-height: 61px; color: #999; cursor: pointer } .width-lg .header-browser .browser:hover { text-decoration: none } .width-lg .header-pan { display: inline-block; height: 60px; overflow: hidden; vertical-align: top; position: relative } .width-lg .header-pan .pan { padding: 0; padding: 0 8px 0 6px; line-height: 60px; *line-height: 61px; color: #999; cursor: pointer } .width-lg .header-pan .pan:hover { text-decoration: none } .width-lg .skin-btn { vertical-align: top; height: 60px; color: #999 } .width-lg .skin-btn:hover { text-decoration: none; color: #999; cursor: pointer } .width-lg .skin-txt { height: 60px; line-height: 60px; *line-height: 61px; padding: 0 8px; text-align: left } .width-lg .hao123-entrancetools .creative-entrance { right: 500px } .width-lg .hao123-bottom-box .box-head { border-width: 0 0 1px; height: 39px; line-height: 39px } .width-lg .hao123-bottom-box .box-title { margin: 13px 0 0 19px; height: 16px; vertical-align: top; font-size: 14px; line-height: 16px; font-weight: bold } .width-lg .hao123-bottom-box .box-icon { display: inline-block; background: url(http://s1.hao123img.com/v5/0W/Qp/LT/AH/n3/6/new_icon_lg_tp.png) no-repeat } .width-lg .hao123-bottom-box .yx-icon { background-position: 0 -26px } .width-lg .hao123-bottom-box .gw-icon { background-position: 0 -52px } .width-lg .hao123-bottom-box .sh-icon { background-position: 0 -78px } .width-lg .hao123-bottom-box .wl-icon { background-position: 0 -104px } .width-lg .box-tab { position: relative; vertical-align: top; margin: -1px 22px 0 0; height: 40px; line-height: 40px } .width-lg .box-tab .tab-span { display: inline-block; height: 36px; line-height: 36px; padding: 4px 10px 0 7px } .width-lg .box-tab.active .tab-span { border-width: 1px 0 0; padding-top: 3px } .width-lg .hao123-bottom-box .subtitle { display: none } .width-lg .index_icon_more,.width-lg a.index_icon_more:hover { right: 13px; height: 39px; background: url(http://s1.hao123img.com/v5/nM/Cp/Nc/UZ/wH/4/index_icon_more_lg_tp.png) 0 -16px no-repeat } .width-lg a.index_icon_more:hover { background-position: 0 13px } .width-lg .hao123-bottom-box .box-col3,.width-lg .box-col3 .grid,.width-lg .box-col3 .slide { width: 889px } .width-lg .box-col3 .grid { left: 0 } .width-lg .hao123-search-panel-box { height: 82px } .width-lg .gw-header { width: 1188px } .hao123-search .notice { right: -75px; top: 44px } .width-lg .hao123-shenghuo { height: 348px } .width-lg .tv_frame,.width-lg .movie_frame,.width-lg .news_frame,.width-lg .bagua_frame,.width-lg .game_frame,.width-lg .xyx_frame,.width-lg .tejia_frame,.width-lg .travel_frame,.width-lg .novel_frame,.width-lg .life_frame,.width-lg .military_frame { width: 1190px; background: #f6f5fa } .sk_skin-color-green .tv_frame,.sk_skin-color-green .movie_frame,.sk_skin-color-green .news_frame,.sk_skin-color-green .bagua_frame,.sk_skin-color-green .game_frame,.sk_skin-color-green .xyx_frame,.sk_skin-color-green .tejia_frame,.sk_skin-color-green .travel_frame,.sk_skin-color-green .novel_frame,.sk_skin-color-green .life_frame,.sk_skin-color-green .military_frame { background: transparent } .width-lg .yeyou_frame { width: 898px } .width-lg #hao123-gw11 .gw11-bottom { position: absolute; width: 1188px; height: 9px; bottom: 0 } .width-nr .hao123-search .notice { width: 0; height: 0; font-size: 0; padding: 0; margin: 0; overflow: hidden } .width-nr .sethome { margin-right: 8px; display: block; float: left; color: #fff; text-align: center } .width-nr .hao123-links { padding: 0 } .width-nr .calendarinfo-hover { background: #f7f7f7 } .width-nr .hao123-bottom-box { width: 988px; margin: 10px auto auto auto } .width-nr .hao123-bottom-box .box-col3,.width-nr .box-col3 .grid,.width-nr .box-col3 .slide { width: 679px } .width-nr .hao123-bottom-box .box-col3 { margin-left: 10px } .width-nr .width-nr-hide { display: none } .width-nr .tv_frame,.width-nr .movie_frame,.width-nr .news_frame,.width-nr .bagua_frame,.width-nr .game_frame,.width-nr .xyx_frame,.width-nr .tejia_frame,.width-nr .travel_frame,.width-nr .novel_frame,.width-nr .life_frame,.width-nr .military_frame { width: 990px } .width-nr .yeyou_frame { width: 698px } .width-nr .gw-header { width: 988px } .width-nr .calendarinfo-date { display: none } .width-nr .xingzuo-arrow { display: none } .width-nr #skin-btn { font-size: 12px } .width-nr #hao123-gw11 .gw11-bottom { position: absolute; width: 988px; height: 9px; bottom: 0 } .closeSkin { width: 30px; height: 30px; background: url(http://s0.hao123img.com/v5/0W/aa/y3/U2/nv/closeskin.png) 0 0 no-repeat; display: none; position: absolute; cursor: pointer; left: 50%; margin-left: 568px; top: 80px } .width-nr .closeSkin { margin-left: 468px } .widget-famoussite { clear: both } .widget-famoussite .wf-inner { margin-left: 14px; padding-bottom: 4px; _padding-bottom: 0; *position: relative; padding-top: 4px } .widget-famoussite span { display: inline-block; width: 120px; height: 30px; line-height: 30px } .widget-famoussite span a { padding: 1px 7px } .widget-famoussite .widget-links-l { padding-right: 4px } .widget-famoussite .widget-links-r { padding-left: 4px } .widget-famoussite .wf-line { position: relative; z-index: 80; clear: both; margin: 0 14px 0 14px; border-bottom: 1px solid #f9f9f9; top: 0 } .widget-famoussite .wf-line0 { top: 0 } .widget-famoussite .wf-slider { display: block; height: 13px; width: 50px; margin: 0 auto; cursor: pointer; background-position: 0 -1126px; text-decoration: none; outline: 0; overflow: hidden } .widget-famoussite .wf-slider:hover { background-position: 0 -1139px } .widget-famoussite .wf-nav0 { display: none } .widget-famoussite .js_sliderClose { border-bottom: 0; top: 0 } .widget-famoussite .js_sliderClose .wf-slider { background-position: 0 -1100px } .widget-famoussite .js_sliderClose .wf-slider:hover { background-position: 0 -1113px } .ie6 .widget-famoussite .g_hot .g_icon { position: absolute; display: block } .ie6 .widget-famoussite .g_tips-r .g_icon { position: absolute; display: block; text-decoration: none } .ie6 .widget-famoussite .g_tips-r { text-decoration: none } .ie6 .widget-famoussite .g_tips-r:hover b { text-decoration: underline } .widget-famoussite .g_tips-r { display: inline-block; text-decoration: none } .widget-famoussite .g_tips-r .g_icon { top: 0; text-decoration: none } .widget-famoussite .wf-inner .g_tips-r-hover { margin: -4px; width: 5px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -112px -42px } .widget-famoussite .g_tips-r-hover .g_icon { top: -999em } .widget-famoussite .g_tips-r-show .g_tips-r-hover { background: 0 } .widget-famoussite .g_tips-r-show .g_tips-r-hover .g_icon { top: 0 } .widget-famoussite .wf-tuijian { display: none } .widget-famoussite .wf-tuijian span { height: 34px; line-height: 30px } .widget-famoussite .show { display: inline-block } .width-lg .widget-famoussite .tuijian-icon { display: inline-block; position: absolute; left: 0; bottom: 9px; width: 22px; height: 22px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -24px -42px; z-index: 20 } .width-lg .widget-famoussite .tuijian-icon-tips { width: 100px; display: inline-block; position: absolute; left: 18px; bottom: 9px; padding: 1px 0 1px 7px; height: 18px; line-height: 18px; font-size: 12px; font-family: "宋体"; color: #0aa770; background-color: #f9f9f9; border-right: solid 1px #e9e9e9; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; border-radius: 2px; z-index: 10 } .width-lg .widget-famoussite .tuijianChange { display: inline-block; position: absolute; right: 25px; bottom: 9px; padding: 0; width: 20px; height: 20px; cursor: pointer; background-image: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png); background-repeat: no-repeat; background-position: -49px -43px } .width-lg .widget-famoussite span { width: 143px; vertical-align: top; position: relative } .width-lg .widget-famoussite span a { padding: 1px 4px; zoom: 1 } .width-lg .widget-famoussite .wf-line { margin-left: 30px; margin-right: 30px } .width-lg .widget-famoussite .wf-inner,.width-lg .widget-famoussite .wf-tuijian { margin-left: 30px } .width-lg .wf-inner .resource-container { display: none; position: absolute; width: 144px; height: 92px; top: -71px; left: 121px; z-index: 1000 } .width-lg .wf-inner .resource-container-r0 { top: -1px } .width-lg .wf-inner .resource-container-r1 { top: -30px } .width-lg .wf-inner .resource-container-r2 { top: -31px } .width-lg .wf-inner .resource-container-r3 { top: -32px } .width-lg .wf-inner .resource-container-r4 { top: -62px } .width-lg .wf-inner .siteresource-link { display: block; width: 118px; height: 30px; margin-left: 0; background: #f5f5f5 } .width-lg .wf-inner .resource-container-right { left: -144px } .width-lg .wf-inner .resource-container .siteresource-link { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; padding: 0 0 0 24px } .width-lg .wf-inner .resource-container-right .siteresource-link { width: 137px; margin-left: 0; padding-left: 6px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0 } .width-lg .wf-inner .siteresource-firstlink { border-top: 1px solid #f0f0f0 } .width-lg .wf-inner .siteresource-lastlink { padding-bottom: 3px; border-bottom: 1px solid #f0f0f0 } .width-lg .wf-inner .resource-container .siteresource-curlink { border-left: 0; margin-left: 122px } .width-lg .resource-container-right .siteresource-curlink { border-right: 0; border-left: 1px solid #f0f0f0; margin-left: 0 } .width-lg .wf-inner .resourcelink-bg { background-color: #f5f5f5; height: 29px; _height: 29px; margin-top: -1px; _margin-top: -2px; _vertical-align: 0; border: 1px solid #f0f0f0; border-left: 0; z-index: 130; zoom: 1 } .width-lg .wf-inner .resourcelink-bg-left { background-color: #f5f5f5; height: 29px; margin: -1px 0 0 -1px; border: 1px solid #f0f0f0; border-right: 0; z-index: 1000; zoom: 1 } .width-lg .wf-inner .siteresource-tip { vertical-align: top; width: 19px; height: 19px; position: relative; margin: 0 0 0 -4px; *margin-top: -5px; _margin-top: 0; z-index: 999; cursor: pointer; background: url(http://s1.hao123img.com/v5/cO/AG/-q/8L/GB/4/redpt.png) -3px -4px no-repeat; _vertical-align: top } .width-lg .wf-inner .resource-container-r0 .siteresource-link1,.width-lg .wf-inner .resource-container-r1 .siteresource-link2,.width-lg .wf-inner .resource-container-r2 .siteresource-link2,.width-lg .wf-inner .resource-container-r3 .siteresource-link2,.width-lg .wf-inner .resource-container-r4 .siteresource-link3 { border-left: 0; margin-left: 1px } .width-lg .wf-inner .resource-container-right0 .siteresource-link1,.width-lg .wf-inner .resource-container-right1 .siteresource-link2,.width-lg .wf-inner .resource-container-right2 .siteresource-link2,.width-lg .wf-inner .resource-container-right3 .siteresource-link2,.width-lg .wf-inner .resource-container-right4 .siteresource-link3 { border-right: 0; margin-left: 0; border-left: 1px solid #f0f0f0 } .width-nr .widget-famoussite .wf-inner,.width-nr .widget-famoussite .wf-tuijian { margin-left: 20px } .width-nr .widget-famoussite span { width: 112px } .width-nr .wf-inner .resource-container { width: 118px; left: 103px } .width-nr .wf-inner .resource-container .siteresource-link { width: 106px; padding-left: 9px } .width-nr .wf-inner .siteresource-tip { width: 15px; height: 15px; margin-left: -5px } .width-nr .wf-inner .resource-container-right .siteresource-link { width: 108px; margin-left: 26px } .width-nr .wf-inner .resource-container-right { left: -144px } .width-nr .widget-famoussite .g_tips-r .g_icon { left: -4px } .width-nr .widget-famoussite .famoussite-span-hassub .tips_link { display: none } .width-nr .widget-famoussite .famoussite-span-last .tips_link { display: inline-block } .box-famoussite .banner-box { width: 878px; padding-left: 20px; height: 34px; position: absolute; left: 0; background-color: #f9f9f9; border-top: 1px solid #e9e9e9 } .box-famoussite .boxpos1 { top: 37px } .box-famoussite .boxpos2 { top: 68px } .box-famoussite .boxpos3 { top: 96px; _top: 101px } .box-famoussite .boxpos4 { top: 126px; _top: 134px } .box-famoussite .boxpos5 { top: 158px; _top: 167px } .box-famoussite .banner-box .arrow { width: 9px; height: 6px; background: url(http://s1.hao123img.com/v5/DD/Ln/Pw/v5/tO/1/bannericon.jpg) 0 0 no-repeat; display: block; position: absolute; font-size: 0; line-height: 0 } .box-famoussite .banner-box .closebanner { width: 8px; height: 8px; background: url(http://s1.hao123img.com/v5/DD/Ln/Pw/v5/tO/1/bannericon.jpg) -1px -11px no-repeat; display: none; position: absolute; top: 13px; right: 13px; font-size: 0; line-height: 0 } .box-famoussite .banner-box .closebanner:hover { background: url(http://s1.hao123img.com/v5/DD/Ln/Pw/v5/tO/1/bannericon.jpg) -1px -23px no-repeat } .box-famoussite .banner-box .pos11 { left: 56px; top: -5px } .box-famoussite .banner-box .pos12 { left: 200px; top: -5px } .box-famoussite .banner-box .pos13 { left: 340px; top: -5px } .box-famoussite .banner-box .pos14 { left: 486px; top: -5px } .box-famoussite .banner-box .pos15 { left: 632px; top: -5px } .box-famoussite .banner-box .pos16 { left: 774px; top: -5px } .box-famoussite .banner-box .pos21 { left: 56px; top: -5px } .box-famoussite .banner-box .pos22 { left: 200px; top: -5px } .box-famoussite .banner-box .pos23 { left: 340px; top: -5px } .box-famoussite .banner-box .pos24 { left: 486px; top: -5px } .box-famoussite .banner-box .pos25 { left: 632px; top: -5px } .box-famoussite .banner-box .pos26 { left: 774px; top: -5px } .box-famoussite .banner-box .pos31 { left: 56px; top: -5px } .box-famoussite .banner-box .pos32 { left: 200px; top: -5px } .box-famoussite .banner-box .pos33 { left: 340px; top: -5px } .box-famoussite .banner-box .pos34 { left: 486px; top: -5px } .box-famoussite .banner-box .pos35 { left: 632px; top: -5px } .box-famoussite .banner-box .pos36 { left: 774px; top: -5px } .box-famoussite .banner-box .pos41 { left: 56px; top: -5px } .box-famoussite .banner-box .pos42 { left: 200px; top: -5px } .box-famoussite .banner-box .pos43 { left: 340px; top: -5px } .box-famoussite .banner-box .pos44 { left: 486px; top: -5px } .box-famoussite .banner-box .pos45 { left: 632px; top: -5px } .box-famoussite .banner-box .pos46 { left: 774px; top: -5px } .box-famoussite .banner-box .pos51 { left: 56px; top: -5px } .box-famoussite .banner-box .pos52 { left: 200px; top: -5px } .box-famoussite .banner-box .pos53 { left: 340px; top: -5px } .box-famoussite .banner-box .pos54 { left: 486px; top: -5px } .box-famoussite .banner-box .pos55 { left: 632px; top: -5px } .box-famoussite .banner-box .pos56 { left: 774px; top: -5px } .box-famoussite .link-banner { width: 878px; height: 34px; overflow: hidden } .box-famoussite .link-banner li { width: 125px; padding-left: 13px; margin-right: 5px; height: 34px; display: inline-block; *display: inline; *zoom: 1 } .box-famoussite .link-banner li a { display: block } .box-famoussite .link-banner li a:hover { text-decoration: underline; color: #F50 } .box-famoussite .link-banner li a:hover span { text-decoration: underline; color: #F50 } .box-famoussite .link-banner li .isred1 span { color: #f50 } .box-famoussite .link-banner li i { width: 15px; height: 34px; display: block; float: left; cursor: pointer } .box-famoussite .link-banner li .isicon0 { display: none } .box-famoussite .link-banner li span { display: block; float: left; width: auto; height: 34px; line-height: 34px; font-size: 14px; color: #333; cursor: pointer } .width-nr .box-famoussite .banner-box { width: 681px; padding-left: 17px } .width-nr .box-famoussite .link-banner { width: 685px; _width: 681px } .width-nr .box-famoussite .link-banner li { width: 100px; padding-left: 7px } .width-nr .box-famoussite .banner-box .pos11 { left: 48px; top: -5px } .width-nr .box-famoussite .banner-box .pos12 { left: 158px; top: -5px } .width-nr .box-famoussite .banner-box .pos13 { left: 286px; top: -5px } .width-nr .box-famoussite .banner-box .pos14 { left: 396px; top: -5px } .width-nr .box-famoussite .banner-box .pos15 { left: 508px; top: -5px } .width-nr .box-famoussite .banner-box .pos16 { left: 629px; top: -5px } .width-nr .box-famoussite .banner-box .pos21 { left: 48px; top: -5px } .width-nr .box-famoussite .banner-box .pos22 { left: 158px; top: -5px } .width-nr .box-famoussite .banner-box .pos23 { left: 286px; top: -5px } .width-nr .box-famoussite .banner-box .pos24 { left: 396px; top: -5px } .width-nr .box-famoussite .banner-box .pos25 { left: 508px; top: -5px } .width-nr .box-famoussite .banner-box .pos26 { left: 629px; top: -5px } .width-nr .box-famoussite .banner-box .pos31 { left: 48px; top: -5px } .width-nr .box-famoussite .banner-box .pos32 { left: 158px; top: -5px } .width-nr .box-famoussite .banner-box .pos33 { left: 286px; top: -5px } .width-nr .box-famoussite .banner-box .pos34 { left: 396px; top: -5px } .width-nr .box-famoussite .banner-box .pos35 { left: 508px; top: -5px } .width-nr .box-famoussite .banner-box .pos36 { left: 629px; top: -5px } .width-nr .box-famoussite .banner-box .pos41 { left: 48px; top: -5px } .width-nr .box-famoussite .banner-box .pos42 { left: 158px; top: -5px } .width-nr .box-famoussite .banner-box .pos43 { left: 286px; top: -5px } .width-nr .box-famoussite .banner-box .pos44 { left: 396px; top: -5px } .width-nr .box-famoussite .banner-box .pos45 { left: 508px; top: -5px } .width-nr .box-famoussite .banner-box .pos46 { left: 629px; top: -5px } .width-nr .box-famoussite .banner-box .pos51 { left: 48px; top: -5px } .width-nr .box-famoussite .banner-box .pos52 { left: 158px; top: -5px } .width-nr .box-famoussite .banner-box .pos53 { left: 286px; top: -5px } .width-nr .box-famoussite .banner-box .pos54 { left: 396px; top: -5px } .width-nr .box-famoussite .banner-box .pos55 { left: 508px; top: -5px } .width-nr .box-famoussite .banner-box .pos56 { left: 629px; top: -5px } .suggest { position: absolute; display: none } .suggest .suggest-item { cursor: pointer; *zoom: 1 } .suggest .detail { height: 180px; width: 238px; float: right; display: none } .suggest .list-special { width: 200px; border-right: 1px solid #DDD; float: left } .suggest-hint { display: none; position: absolute; top: 2px; right: 240px; background-image: url(http://s1.hao123img.com/v5/6V/VR/0W/xF/lt/2/sug-new.png); background-repeat: no-repeat; background-position: right 50%; background-position: right 8px \9; *background-position: right 7px; height: 24px; line-height: 24px; padding-right: 10px; margin-right: 10px; color: #666 } .list-special .suggest-hint { right: 0 } .suggest li.hover { background-color: #f1f1f1 } .suggest li.hover .tag-type { color: #666 } .suggest li .lishi:hover { text-decoration: underline } .suggest li.video-detail-open { background-color: #fff } .suggest li.hover .video-detail { display: block } .suggest li.last-video-detail .video-detail { display: block } .suggest li.hover .video-type-icon { display: none } .suggest li.hover .video-type-label { display: none } .suggest li.last-video-detail .video-type-icon { display: none } .suggest li.last-video-detail .video-type-label { display: none } .suggest-item { zoom: 1; overflow: hidden; position: relative } .suggest-item div .suggest-text { float: left } .suggest-item .video-type-icon { float: left; overflow: hidden; margin-top: 4px; margin-left: 6px; width: 16px; height: 16px; background: url(http://s1.hao123img.com/v5/eb/Q2/Mx/yk/im/video-type-icons.png) no-repeat 0 -120px } .suggest-item .video-type-label { float: right; margin-right: 1em; display: inline; color: #999 } .suggest-item .video-detail { clear: both; display: none; overflow: hidden; padding-top: 6px; padding-bottom: 10px; position: relative; zoom: 1 } .suggest-item .video-detail .icon { position: absolute; bottom: 10px; right: 10px; background: url(http://s1.hao123img.com/v5/eb/Q2/Mx/yk/im/video-type-icons.png); padding: 0; margin: 0; opacity: .7 } .suggest li.hover .video-detail .icon { opacity: 1 } .suggest-item .video-detail .icon-tv { width: 85px; height: 51px; background-position: 0 -56px; _background: 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://s0.hao123img.com/v5/00/qM/pN/et/Nj/4/video-type-tv.png") } .suggest-item .video-detail .icon-movie { width: 62px; height: 51px; _background: 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://s1.hao123img.com/v5/NM/6L/8d/iR/XF/2/video-type-movie.png") } .suggest-item .video-detail .icon-comic { width: 62px; height: 51px; background-position: -88px -56px; _background: 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://s1.hao123img.com/v5/7_/Yu/SG/NT/fK/1/video-type-comic.png") } .suggest-item .video-detail .icon-show { width: 63px; height: 51px; background-position: -70px 0; _background: 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://s1.hao123img.com/v5/DB/1D/bH/rj/T2/3/video-type-show.png") } .suggest-item .video-detail .icon-short { width: 61px; height: 48px; background-position: -144px 0; _background: 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://s1.hao123img.com/v5/aa/c_/MM/9u/O8/2/video-type-short.png") } .suggest-item .video-detail .short-video-desc { font-size: 12px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.2; margin-bottom: 4px } .suggest-item .video-detail .col-left { float: left; margin-right: 22px } .suggest-item .video-detail .col-right { float: left; font-size: 12px } .suggest-item .video-detail .col-right label { color: #999; cursor: pointer; vertical-align: bottom } .suggest-item .video-detail .col-right em { color: #f60 } .suggest li.short-detail-open .video-detail { display: block } .suggest li.short-detail-open .video-type-icon { display: none } .suggest li.short-detail-open .video-type-label { display: none } .suggest-detail-w { padding-top: 10px; padding-left: 10px; overflow: hidden; *zoom: 1 } .suggest-detail-img { float: left; margin-right: 8px; width: 102px; height: 136px } .suggest-detail-img img { width: 102px; height: 136px } .suggest-detail-play { padding-left: 24px; clear: left; float: left; width: 87px; height: 28px; margin-top: 8px; background-image: url(http://s0.hao123img.com/v5/NL/BU/Hk/3X/sq/4/sug_button.png); background-repeat: no-repeat; line-height: 28px; *line-height: 32px; color: #FFF; font-size: 14px; overflow: hidden } .suggest-detail-play:hover { text-decoration: none; color: #FFF; background-position: 0 -28px } .suggest-detail-title { color: #666; font-size: 14px; font-weight: bold; margin-bottom: 14px } .suggest-detail-w p { line-height: 22px; font-size: 12px; color: #666; height: 22px; overflow: hidden } .suggest-detail-w p span { display: inline-block } .suggest-detail-w em { color: #ff8533; font-weight: bold; font-style: normal } .suggest-detail-w p.linenumber { color: #f60; font-weight: bold } .width-lg .suggest-search { width: 538px; top: 45px } .baritem { width: 105px } .baritem .category { float: left; position: relative; padding-left: 21px; padding-top: 6px; *padding-top: 7px } .baritem i { display: block; position: absolute; width: 18px; height: 18px; top: 4px; left: 0 } .baritem .i-papers { background-position: -1px -130px } .baritem .i-tool { background-position: -2px -160px } .baritem .i-tv { background-position: -2px -177px } .baritem .i-movie { background-position: -2px -196px } .baritem .i-music { background-position: -2px -214px } .baritem .i-caipiao { background-position: -2px -232px } .baritem .i-tuan { background-position: -2px -250px } .baritem .i-game { background-position: -2px -268px } .baritem .i-xiaoshuo { background-position: -2px -286px } .baritem .i-toutiao { background-position: -2px -304px } .baritem .i-gaoxiao { background-position: -2px -322px } .baritem .i-home { background-position: -2px -340px } .baritem .i-wzdq { background-position: -2px -358px } .baritem .i-gouwu { background-position: -2px -376px } .baritem .i-pan { background-position: -2px -394px } .baritem .i-wuliao { background-position: -2px -412px } .baritem .i-shenghuo { background-position: -2px -430px } .baritem .i-gotop { background-position: -2px -448px } .baritem .i-gobottom { background-position: -2px -466px } .baritem .phone { background-position: -2px -484px } .baritem .i-travel { background-position: -1px -499px } .baritem .i-comic { background-position: -2px -520px } .baritem .i-booking { background-position: -2px -539px } .baritem .split { padding: 0 5px; color: #999; position: relative; top: -1px } .width-lg .baritem { width: 128px } .width-lg .baritem .category { padding-left: 25px } .width-lg .baritem .star-icon { position: absolute; width: 20px; height: 20px; background: url(‘http://s1.hao123img.com/v5/Hz/mn/Ev/BX/8z/2/index_menus_widthlg.png‘) no-repeat } .width-lg .baritem .i-tv { background-position: -20px -81px } .width-lg .baritem .i-game { background-position: -19px -301px } .width-lg .baritem .i-movie { background-position: -20px -160px } .width-lg .baritem .i-music { background-position: -20px -362px } .width-lg .baritem .i-toutiao { background-position: -20px -100px } .width-lg .baritem .i-travel { background-position: -20px -261px } .width-lg .baritem .i-caipiao { background-position: -20px -21px } .width-lg .baritem .i-gaoxiao { background-position: -20px -121px } .width-lg .baritem .i-tuan { background-position: -20px -281px } .width-lg .baritem .i-tool { background-position: -20px -400px } .width-lg .baritem .i-comic { background-position: -20px -381px } .width-lg .baritem .i-life { background-position: -20px -221px } .width-lg .baritem .i-food { background-position: -19px -42px } .width-lg .baritem .i-star { background-position: -19px -142px } .width-lg .baritem .g_hot { color: #f50 } .skin { padding-top: 0 } .skin-box { width: 1042px; padding: 20px 0 10px 0; position: relative } .skin .viewport,.skin .arrow { vertical-align: middle } .skin .arrow { visibility: hidden; width: 42px; height: 55px; margin-bottom: 28px; overflow: hidden; background: url(http://s1.hao123img.com/v5/Pj/dP/f2/0m/RT/4/skin-panel-arrow.png) } #hao123-skin .slider-hover .arrow { visibility: visible } .skin .arrow:hover { background-position: 0 -78px } .skin .arrow-next { background-position: -42px 0 } .skin .arrow-next:hover { background-position: -42px -78px } .skin .viewport { position: relative; width: 1000px; height: 280px; overflow: hidden } .skin .screens { margin-left: 0; position: relative } .skin .screens li { width: 1000px; height: 280px; text-align: left; vertical-align: middle; *zoom: 1 } .skin .screens .img-wrapper { width: 178px; height: 95px; border: 1px solid white; overflow: hidden } .skin .item { position: relative; display: inline-block; margin: 10px 5px 30px 5px; text-decoration: none; cursor: pointer; vertical-align: middle; height: 97px; width: 180px; *zoom: 1 } .skin .item:hover { text-decoration: none } .skin .item img { display: block; padding: 0; margin: 0 } .skin .tip-box,.skin .tip { height: 28px; line-height: 28px } .skin .tip-box { width: 136px; display: block; left: 0; top: 97px } .skin .tip { display: inline-block; width: 178px; color: #666; text-align: center } .skin .cat,.skin .select { visibility: hidden } .skin .item-new,.skin .item-hot,.skin .item-xuan,.skin .item-select { position: relative } .skin .item-new .cat,.skin .item-hot .cat,.skin .item-xuan .cat { visibility: visible; position: absolute; width: 18px; height: 25px; top: 0; left: 4px; background-position: 0 0; background-repeat: no-repeat } .skin .item-new .cat { background-image: url(http://s1.hao123img.com/v5/00/Fy/Ey/Dk/UL/6/new.png) } .skin .item-hot .cat { background-image: url(http://s1.hao123img.com/v5/bw/RM/Ua/lN/9I/6/hot.png) } .skin .item-xuan .cat { background-image: url(http://s0.hao123img.com/v5/00/sm/l3/mO/y5/2/xuan.png) } .skin .item-select { border-color: #fff } .skin .item-select .select { position: absolute; visibility: visible; width: 26px; height: 25px; top: -9px; right: 0; background: url(http://s1.hao123img.com/v5/QF/RD/m_/xf/IB/1/select.png) no-repeat 0 0 } .skin .op { position: relative; line-height: 50px; height: 50px; vertical-align: middle; text-align: center } .skin .btn { display: inline-block; width: 60px; height: 30px; line-height: 30px; overflow: hidden; _line-height: 31px; vertical-align: middle; text-align: center; background: url(http://s0.hao123img.com/v5/0W/2X/Q8/iP/kN/4/icon.png) no-repeat 0 -60px; text-decoration: none } .skin .cansel { margin-left: 10px; background-position: 0 -90px } .skin .btn:hover { text-decoration: none } .skin .reset { display: inline-block; margin-left: 20px; text-indent: 20px } .skin .nosave { position: absolute; right: 0 } .skin .item .mask { display: none; position: absolute; top: 0; left: 0; width: 180px; height: 97px; cursor: pointer; background: #000; opacity: .2; filter: alpha(opacity=20) } .skin .item-hover .mask { display: block } .ie6 .skin .item-new .cat { background: 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://s1.hao123img.com/v5/00/Fy/Ey/Dk/UL/6/new.png") } .ie6 .skin .item-hot .cat { background: 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://s1.hao123img.com/v5/bw/RM/Ua/lN/9I/6/hot.png") } .ie6 .skin .item-xuan .cat { background: 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://s0.hao123img.com/v5/00/sm/l3/mO/y5/2/xuan.png") } .ie6 .skin .item-select .select { background: 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://s1.hao123img.com/v5/QF/RD/m_/xf/IB/1/select.png") } .skin .first-item-box { position: absolute; background: #dfe1e2; left: 0; width: 160px; z-index: 10 } .hao123-skin-header { width: 1000px; height: 30px; margin: 0 auto } .hao123-skin-header #nav { float: left; line-height: 30px; height: 30px; text-align: center; font-size: 14px; color: #666 } .hao123-skin-header #nav li { float: left; height: 30px } #nav li a { display: block; text-align: center; width: 100px; border-right: 1px solid #eaeaea; color: #656565; text-decoration: none } #nav li a.skintype-active { background: #dfe1e2; color: #999 } #nav li a:hover { background: #656565; color: #fff } .hao123-skin-header .op { float: right; height: 30px; line-height: 30px; padding-right: 30px } .hao123-skin-header .op .skintip { width: 170px; height: 30px; display: inline-block; background: url(http://s1.hao123img.com/v5/hO/0n/tV/lE/rA/3/skintip.jpg) left top no-repeat } .hao123-skin-header .op a { text-align: center } .op a { vertical-align: top } .op a.save { width: 100px; background-color: #34a637; color: #fff; background-image: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png); background-position: -263px -88px; text-indent: 20px } .op .save:hover { text-decoration: none } .op a.cansel { width: 56px } .op a.cansel:hover,.op a.reset:hover { text-decoration: underline } .op a.reset { color: #35a738; margin-left: 10px } .slide-number { width: 100%; height: 12px; text-align: center; position: absolute; bottom: 5px; left: 0 } .slide-number i { float: left; width: 10px; height: 10px; margin-right: 12px; text-indent: -9999em; overflow: hidden; outline: 0; background-image: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png); background-position: -122px -1328px; cursor: pointer } .slide-number i.selected { background-position: -103px -1328px } .slide-number .first-item { margin-left: 12px } .slide-number .slide-wrapper { text-align: center; height: 10px } .width-lg .hao123-skin-header { width: 1140px } .width-lg .skin-box { width: 1246px; background: #dfe1e2 } .width-lg .skin .viewport { width: 1140px } .width-lg .skin .screens li { width: 1140px } .width-nr .hao123-skin-header { width: 950px } .width-nr .skin-box { width: 1046px } .width-nr .skin .viewport { width: 950px } .width-nr .skin .screens li { width: 950px } .width-nr .skin .width-nr-hide { display: none } .popup-confirm { width: 310px; height: 170px } .popup-confirm .popup-head { height: 34px; line-height: 34px; background: #f7f7f7 } .popup-confirm .popup-head a { width: 28px; height: 28px; margin-top: 3px; margin-right: 0; background: url(http://s0.hao123img.com/res/r/image/2015-11-30/478217384ddb7373091a2ed6038c5ab9.jpg) 0 0 no-repeat } .popup-confirm .popup-head a:hover { background-position: 0 -29px } .popup-confirm .popup-body { padding: 36px 0 0 85px } .popup-confirm .popup-body button { width: 67px; height: 26px; font: 14px/22px ‘宋体‘; _font: 14px/24px ‘宋体‘; border-width: 1px; border-style: solid } .popup-confirm .popup-body .js_ok { background: #1da671; border-color: #1da671; color: #fefefe } .popup-confirm .popup-body .js_cancel { background: #fff; border-color: #cecece; color: #666 } .popup-confirm i { display: none } .popup-confirm .popup-body div { overflow: hidden; padding-top: 2px } .popup-confirm strong { display: block; color: #333; font-size: 14px } .popup-confirm p { margin-top: 40px } .popup-confirm .button { margin-right: 12px } body { padding: 0 } .popup { position: absolute; background-color: #FFF; z-index: 999; top: 0; left: 0; border: 1px solid #b8d3ad; -moz-box-shadow: 4px 4px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 4px 4px 2px rgba(0,0,0,0.3); box-shadow: 4px 4px 2px rgba(0,0,0,0.3) } .popup table { width: 100%; height: 100% } .popup td { height: 100% } .popup-alert { width: 300px } .popup-forever { width: 540px } .popup-head { background: url(http://s0.hao123img.com/index/images/site/head-bg.png) repeat-x; line-height: 28px; height: 28px; width: 100% } .popup-head span { color: #333; font-size: 14px; font-weight: bold; margin-left: 15px } .popup-head a { cursor: pointer; float: right; margin-top: 5px; margin-right: 5px; display: inline; background: url(http://s1.hao123img.com/index/images/site/sprite.png) -63px -28px no-repeat; width: 17px; height: 17px } .popup .button { background: url(http://s1.hao123img.com/index/images/site/sprite.png) -63px -1px no-repeat; width: 59px; height: 22px; font-size: 12px; color: #333; border: 0; cursor: pointer } .popup-alert-w { padding: 20px 30px; font-size: 12px } .popup-forever-w { padding: 30px 10px 30px 40px } .popup-alert-text { text-align: center } .popup-alert-control { text-align: center; margin-top: 15px; line-height: 16px } .popup-mask { background-color: #000; left: 0; top: 0; width: 100%; height: 100%; position: fixed; _position: absolute; z-index: 500; opacity: .6; *filter: alpha(opacity=60); filter: alpha(opacity=60)\0; _top: 0; _left: 0 } .popup-forever-w i { background: url(http://s1.hao123img.com/index/images/site/sprite.png) no-repeat; height: 50px; width: 43px; display: inline; float: left } .popup-forever-w div { margin-left: 60px; overflow: hidden } .popup-forever-w strong { display: block; color: #333; font-size: 14px } .popup-forever-w p { margin-top: 12px } .popup-forever-w .button { margin-right: 12px } .pop-sethome { position: absolute; _position: absolute; z-index: 990 } .pop-sethome .clz { height: 19px; width: 19px; right: 4px; top: 4px; position: absolute; background-repeat: no-repeat; background-position: -51px -25px } .pop-sethome .clz:hover { background-position: -51px -56px } .pop-sethome .info { font-size: 12px; position: absolute; text-align: right; bottom: 8px; right: 0; color: #666 } .pop-sethome .info span { font-size: 12px; display: none; font-family: "Microsoft Yahei" } .pop-sethome .download,.pop-sethome .go,.pop-sethome .go2 { position: absolute; left: 50% } .pop-sethome .go { font-size: 12px; font-family: "Microsoft YaHei"; line-height: 35px; text-decoration: none; text-align: center } .pop-sethome .go2 { bottom: 60px; background-position: -55px 140px } .pop-sethome .go2:hover { background-position: -55px 75px } .pop-sethome .go:hover { text-decoration: underline } .sethome-tip { width: 915px; height: 300px; padding-bottom: 54px; background: url(http://s1.hao123img.com/v5/ZY/CP/Ki/6d/WP/1/tipBg.png) no-repeat 0 130px } .sethome-success { background-repeat: no-repeat; background-position: 0 0 } .sethome-not-support { background-repeat: no-repeat; background-position: 0 0 } .sethome-down-success { background-repeat: no-repeat; background-position: 0 0 } .sethome-fail { background-repeat: no-repeat; background-position: 0 0 } .sethometype { width: 280px; height: 180px; left: 50%; margin-left: -595px; top: 61px; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.30); -moz-box-shadow: 1px 3px 8px rgba(0,0,0,.30); box-shadow: 1px 3px 8px rgba(0,0,0,.30); -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s } .width-lg .wideAnimation { margin-left: -595px } .width-nr .wideAnimation { margin-left: -495px } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate(-10%,-10%) } 100% { opacity: 1; -webkit-transform: translate(0,0) } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translate(-10%,-10%) } 100% { opacity: 1; -moz-transform: translate(0,0) } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translate(-10%,-10%) } 100% { opacity: 1; -ms-transform: translate(0,0) } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(-10%,-10%,0) } 100% { opacity: 1; transform: none } } .sethometype .go { bottom: 32px } .sethometype .info { width: 35px; height: 18px; line-height: 18px; zoom: 1; padding-top: 10px; overflow: hidden; display: block } .sethometype .info:hover { width: 250px; padding-right: 30px } .sethometype .info:hover span { display: inline-block; *display: inline } .sethometype .info span:hover { text-decoration: underline } .sethometype .download,.pop-sethome .go,.pop-sethome .go2 { width: 169px; height: 35px; margin-left: -84px } .sethometype .download { bottom: 60px; background-position: -55px 140px } .sethometype .download:hover { background-position: -55px 75px } .sethometype .titles { height: 30px; background-color: #f7f7f7; color: #999; line-height: 2.2; text-indent: 20px } .sethometype .icon { width: 17px; height: 16px; background-position: -136px -26px; position: absolute; right: 10px; bottom: 1px } .pop-sethome .icon:hover { background-position: -136px -59px } .sethometype .contents { width: 280px; height: 180px; background-repeat: no-repeat } .sethome-long { height: 330px } .sethome-long .contents { width: 310px; height: 300px } .popup-vip-login,.popup-vip-success,.popup-vip-sorry { position: fixed; _position: absolute; z-index: 999; width: 423px; height: 353px; background: url(http://s1.hao123img.com/v5/Y9/pA/n2/hX/tm/popup-vip.png) no-repeat 0 0 } .popup-vip-login .close,.popup-vip-success .close,.popup-vip-sorry .close { position: absolute; right: 16px; top: 30px; width: 20px; height: 20px; background: url(http://s1.hao123img.com/v5/Y9/pA/n2/hX/tm/popup-vip.png) no-repeat -496px -515px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out } .popup-vip-login .close:hover,.popup-vip-success .close:hover,.popup-vip-sorry .close:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } .popup-vip-login .goods,.popup-vip-success .goods,.popup-vip-sorry .goods { position: absolute; left: 102px; top: 92px } .popup-vip-login .remain { position: absolute; width: 110px; height: 30px; line-height: 30px; text-align: center; left: 150px; top: 222px; font-weight: bold; font-size: 26px; color: #ff4e00; font-family: "Microsoft Yahei" } .popup-vip-login .login { position: absolute; left: 120px; top: 287px; width: 170px; height: 40px; background: url(http://s1.hao123img.com/v5/Y9/pA/n2/hX/tm/popup-vip.png) no-repeat -728px -377px } .popup-vip-login .hover { background-position: -728px -427px } .popup-vip-login .active { background-position: -728px -479px } .popup-vip-success { background-position: -491px 0 } .popup-vip-success .success { position: absolute; left: 232px; top: 136px; width: 135px; height: 95px; background: url(http://s1.hao123img.com/v5/Y9/pA/n2/hX/tm/popup-vip.png) no-repeat -486px -384px } .popup-vip-success .vip { left: 138px; top: 262px } .popup-vip-sorry .vip { left: 104px; top: 287px } .popup-vip-success .vip,.popup-vip-sorry .vip { position: absolute; width: 140px; height: 40px; background: url(http://s1.hao123img.com/v5/Y9/pA/n2/hX/tm/popup-vip.png) no-repeat -726px -557px } .popup-vip-success .hover,.popup-vip-sorry .hover { background-position: -726px -607px } .popup-vip-success .active,.popup-vip-sorry .active { background-position: -725px -655px } .popup-vip-sorry { background-position: 0 -392px } .popup-sethome-title-active { position: absolute; top: 32px; left: 33px; background: url(http://s1.hao123img.com/v5/BU/wr/Uz/m_/aj/2/index-sheshou.png) no-repeat 0 -44px; width: 255px; height: 28px } .popup-sethome-title-active.browser { background-position: 0 0 } .popup-sethome-text-active { background: url(http://s1.hao123img.com/v5/BU/wr/Uz/m_/aj/2/index-sheshou.png) no-repeat 0 -77px; width: 275px; height: 68px; top: 69px; position: absolute; left: 47px } #popup_active_cj { height: 43px; width: 180px; background: url(http://s1.hao123img.com/v5/BU/wr/Uz/m_/aj/2/index-sheshou.png) no-repeat -35px -145px } #popup_active_cj:hover { background-position: -36px -189px } .hao123-header .sethome .sheshouyouli { position: absolute; top: 28px; left: -1px; display: none; width: 216px; height: 20px; text-indent: 12px; line-height: 18px; color: #F30; background: #f9fcf5; border: 1px solid #cee8c0; z-index: 8888 } .hao123-header .sethome .sj1 { border: 8px dashed transparent; border-bottom: 8px solid #cee8c0; display: block; width: 0; height: 0; line-height: 0; position: absolute; top: -16px; left: 33px } .hao123-header .sethome .sj2 { border: 8px dashed transparent; border-bottom: 8px solid #f9fcf5; display: block; width: 0; height: 0; line-height: 0; position: absolute; top: -15px; left: 33px } .hao123-header .sethome .close { display: block; width: 12px; height: 11px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -442px -1010px; top: 4px; right: 4px; position: absolute } .hao123-header .sethome .close:hover { background-position: -442px -983px } .sethomehint-isset { background: url(http://s1.hao123img.com/v5/00/3v/-T/jF/uv/6/sethome-hint-isset.png) no-repeat; width: 283px; height: 168px; position: absolute; z-index: 999; top: 0; left: 0 } .pop-treasure-good { width: 467px; height: 433px; position: fixed; background-position: 0 -433px; background-repeat: no-repeat; z-index: 9999; font-size: 14px } .pop-treasure-good a:active { background-color: transparent } .prizer-name { position: absolute; display: block; width: 137px; height: 24px; top: 207px; left: 217px; border: 0 } .prizer-phone { position: absolute; display: block; width: 137px; height: 20px; top: 247px; left: 217px; border: 0 } .prizer-address { line-height: 17px; word-break: break-all; resize: none; position: absolute; display: block; width: 180px; height: 34px; top: 282px; left: 217px; border: 0; vertical-align: top } .treasure-good-submit { display: block; width: 156px; height: 64px; position: absolute; top: 330px; left: 175px } .pop-treasure-good .redborder { border-color: #ff2a00 } .treasure-good-close { display: block; width: 40px; height: 40px; position: absolute; top: 122px; left: 429px; cursor: pointer } .treasure-good-prize { width: 184px; height: 24px; position: absolute; top: 166px; left: 205px; font-size: 18px; color: #137bdc; font-weight: bold; font-family: "Microsoft Yahei"; line-height: 24px; overflow: hidden; text-align: center } .good-confirm-box { width: 467px; height: 433px; position: fixed; background-position: -467px -433px; background-repeat: no-repeat; z-index: 9999; font-size: 18px; font-weight: bold; color: #e6390c; font-family: "Microsoft YaHei",微软雅黑 } .good-confirm-box a:active { background-color: transparent } .good-confirm-box a:active { background-color: transparent } .ballon-lose-vip { display: block; width: 141px; height: 56px; position: absolute; top: 329px; left: 272px } .good-confirm-close { display: block; width: 40px; height: 40px; position: absolute; top: 121px; left: 429px; cursor: pointer } .treasure-gold-confirm { width: 467px; height: 433px; position: fixed; background-position: 0 0; background-repeat: no-repeat; z-index: 9999; font-size: 18px; font-weight: bold; color: #e6390c; font-family: "Microsoft YaHei",微软雅黑 } .treasure-gold-empty { background-position: -467px 0 } .gold-confirm-close { display: block; width: 40px; height: 40px; position: absolute; top: 122px; left: 429px; cursor: pointer } .gold-confirm-vip { display: block; width: 197px; height: 67px; position: absolute; top: 329px; left: 147px } .pop-treasure-virtual { width: 467px; height: 433px; position: fixed; background-position: -934px 0; background-repeat: no-repeat; z-index: 9999; font-size: 14px } .treasure-virtual-prize { width: 184px; height: 24px; position: absolute; top: 166px; left: 205px; font-size: 18px; color: #137bdc; font-weight: bold; font-family: "Microsoft Yahei"; line-height: 24px; overflow: hidden; text-align: center } .treasure-virtual-prize { width: 184px; height: 24px; position: absolute; top: 166px; left: 205px; font-size: 18px; color: #137bdc; font-weight: bold; font-family: "Microsoft Yahei"; line-height: 24px; overflow: hidden; text-align: center } .treasure-virtual-submit { display: block; width: 198px; height: 64px; position: absolute; top: 333px; left: 154px } .treasure-virtual-close { display: block; width: 40px; height: 40px; position: absolute; top: 121px; left: 429px; cursor: pointer } .treasure-virtual-num { width: 184px; height: 24px; position: absolute; top: 276px; left: 189px; color: #ff3955; font-weight: bold; font-family: "Microsoft Yahei"; line-height: 24px; overflow: hidden; text-align: center } .treasure-virtual-tip { display: block; width: 58px; height: 18px; position: absolute; top: 384px; left: 368px; cursor: pointer } .treasure-virtual-img { width: 190px; height: 84px; position: absolute; top: 217px; left: 157px; background-position: 0 0; background-repeat: no-repeat } .treasure-dolotteryTip a:active,.treasure-sharePop a:active { background-color: transparent } .widget-site .site-refresh-w { height: 30px } .widget-site .site-refresh { margin-bottom: 10px; font-size: 12px; width: 700px; color: #ea9530; margin: 0 auto; height: 20px; line-height: 20px; background-color: #f9f9d4; text-align: center } .widget-site .site-refresh a { text-decoration: underline; color: #0053a5; margin-left: 3px; cursor: pointer } .widget-site .site-manage { position: absolute; top: 0; right: 0; width: 33px; height: 33px; background-repeat: no-repeat; background-position: -316px -128px; cursor: pointer; z-index: 999; background-image: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) } .widget-site .site-bd { padding-bottom: 0; padding-left: 12px; position: relative; padding-top: 3px; width: 734px } .widget-site .site-hd0 { padding-bottom: 3px } .widget-site .site-item { color: #000; font-size: 14px; height: 20px; line-height: 20px; vertical-align: top } .widget-site .site-item-important a { color: #f30 } .widget-site .site-item-normal a { outline: 0; text-decoration: none; background-image: url(http://sc1.hao123img.com/urlicon/6000.png); background-position: 2px 44%; background-position: 2px 40%\9; background-repeat: no-repeat; padding-left: 25px; display: inline-block } .widget-site .site-item-double { width: 110px; margin: 4px 0 4px 4px } .widget-site .site-item-double a { outline: 0; text-decoration: none; background-image: url(http://sc1.hao123img.com/urlicon/6000.png); background-position: 2px 44%; background-position: 2px 40%\9; background-repeat: no-repeat; margin-left: 0; width: auto; padding: 3px 6px 1px 25px; display: inline-block } .widget-site .site-item-double a.second { padding-left: 6px; background: 0 } .widget-site .site-item a:hover { text-decoration: underline; color: #F50 } .widget-site .site-item-add { border: 1px dotted #bbb; height: 20px; line-height: 20px; position: relative; cursor: pointer; vertical-align: middle } .widget-site .site-item-add i { position: absolute; top: 0; left: 0; height: 20px; width: 17px; background-image: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png); background-repeat: no-repeat; background-position: -278px -396px } .width-nr .widget-site .site-item-add { visibility: hidden } .widget-site .site-item-add-normal span { padding-left: 5px; color: #a6a6a6 } .widget-site .site-item-add:hover,.widget-site .site-item-add-hover { background-color: #FFF; border: 1px solid #97c853 } .widget-site .site-item-add:hover span,.widget-site .site-item-add-hover span { color: #97c853 } .widget-site .site-item-add strong { padding-left: 0; position: absolute; z-index: 20; width: 17px; text-align: center; line-height: 16px; height: 16px; background: url(http://s1.hao123img.com/v5/Od/tr/Od/_O/KH/6/sprite-site.png) -154px 0 no-repeat; font-size: 9px; font-family: Tahoma; right: -1px; top: -12px } .widget-site .site-item-add-normal { width: 77px; margin: 4px 0 4px 6px; padding-left: 18px } .widget-site .site-item-add-short { width: 20px; margin: 4px 0 4px -26px; z-index: 126 } .widget-site .site-item-rpa,.widget-site .site-item-rpb { height: 20px; line-height: 16px; position: relative; bottom: -1px; left: -1px } .widget-site .site-item-rpa { border: 1px solid #e4dec8; background-color: #fbf9f3 } .widget-site .site-item-rpb { border: 1px solid #f9dcbb; background-color: #faf3e1 } .popup-site-w { position: absolute; width: 750px; z-index: 600; top: 0; left: 232px } .popup-site-shadow { float: left; width: 750px; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=‘#2c000000‘,EndColorStr=‘#2c000000‘) } .popup-site { float: left; font-size: 14px; line-height: normal; border: 1px solid #c1c1c1; background-color: #FFF; position: relative; top: -2px; left: -4px; _left: -2px } .popup-site .item { padding-left: 26px; width: 88px; text-decoration: none; color: #333; background-image: url(http://s1.hao123img.com/v5/0W/mG/CC/_Q/LT/1/btn-site.png); background-repeat: no-repeat; float: left; height: 23px; line-height: 23px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .popup-site .item-normal { background-position: -1000px -2000px; line-height: 26px\9 } .popup-site .important a.item-normal { color: #f30 } .popup-site .important a.item-normal:hover { color: #FFF } .popup-site .item-add { background-position: -115px -31px } .popup-site .item-added { background-position: 0 -54px; color: #666; line-height: 26px\9 } .popup-site .item-normal:hover,.popup-site .item-add:hover { background-position: 0 -31px; color: #fff; text-decoration: none } .popup-site .item-added:hover { color: #666; text-decoration: none } .popup-site .item-move { margin: 0; position: absolute; z-index: 255 } .popup-site-layer { position: absolute; height: 588px; width: 750px; background-color: #838581; z-index: 599; top: 106px; left: 86px } .popup-site-self { background-color: #f7f7f7 } .popup-site-cms { overflow: hidden; position: relative } .popup-site-self-sites { position: relative; width: 738px; padding: 12px 0; padding-left: 8px; overflow: hidden } .popup-site-self-sites li { float: left; display: inline; margin: 4px 0 4px 8px; background-color: #fff; border: 1px dotted #bbb; width: 111px; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px } .popup-site-self-sites li:hover,.popup-site-self-fsites li.hover { border: 1px dotted #000 } .popup-site-self-sites a,.popup-site-self-sites span { float: left; display: inline; margin-left: 5px; outline: 0 } .popup-site-self-sites span { color: #999; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 62px; cursor: move; *line-height: 22px } .popup-site .popup-site-self-sites a { background-image: url(http://s1.hao123img.com/v5/Od/tr/Od/_O/KH/6/sprite-site.png); background-repeat: no-repeat; height: 20px } .popup-site-self-sites .modify { width: 9px; background-position: -88px 4px } .popup-site-self-sites .delete { width: 15px; background-position: -60px 4px } .popup-site-self-sites .modify:hover { width: 9px; background-position: -88px -29px } .popup-site-self-sites .delete:hover { width: 15px; background-position: -60px -29px } .popup-site-self-sug { border-top: 1px solid #e6e6e6; padding-top: 15px; padding-bottom: 15px; z-index: 100; width: 710px; padding-left: 6px; margin-left: 18px; position: relative } .popup-site-self-sug lable,.popup-site-self-sug input,.popup-site-self-sug a { display: inline-block; vertical-align: middle } .popup-site-self-sug input { line-height: 16px; height: 16px; color: #333; margin-left: 2px; border: 2px solid #69b527; padding: 4px 7px 4px 4px; margin-right: 6px; background-color: #FFF } .popup-site-self-sug .error { border: 2px solid #e49a9a } .popup-site-self-sug .name { width: 178px; margin-right: 8px } .popup-site-self-sug .url { width: 300px } .popup-site-self-sug .placeholder { line-height: normal; position: absolute; color: #999; font-size: 14px; margin: 0; cursor: text; top: 21px; *top: 22px } .popup-site-self-sug .placeholder-name { left: 88px } .popup-site-self-sug .placeholder-url { left: 332px } .popup-site .popup-site-self-sug a { margin-left: 3px; background-image: url(http://s1.hao123img.com/v5/0W/mG/CC/_Q/LT/1/btn-site.png); background-repeat: no-repeat; cursor: pointer; text-align: center } .popup-site-self-sug a:hover { text-decoration: none } .popup-site-self-sug .add { width: 69px; height: 28px; color: #FFF; margin-left: 0; line-height: 28px; background-position: 0 -78px } .popup-site-self-sug .save { color: #1c1c1c; width: 71px; height: 29px; background-position: -60px 0; line-height: 29px; _line-height: 35px; overflow: hidden } .popup-site-head { height: 36px; position: relative; background-color: #fcfcfc; border-bottom: 1px solid #f2f2f2; width: 750px; overflow: hidden } .popup-site-head span { position: absolute; left: 16px; top: 10px; font-size: 14px; font-weight: bold; color: #333; width: 95px } .popup-site-head a { float: right; display: inline; margin-right: 15px; font-size: 12px; margin-top: 12px; color: #0053a5 } .popup-site-head a:hover { color: #f30 } .popup-site .popup-site-head .close { height: 23px; width: 23px; margin-top: 7px; background: url(http://s1.hao123img.com/v5/Od/tr/Od/_O/KH/6/sprite-site.png) 0 0 no-repeat } .popup-site-head .close:hover { background-position: 0 -25px } .popup-site-cms { clear: both; padding-top: 26px } .popup-site-cms dl { border-top: 1px solid #f2f2f2; padding-top: 12px; padding-bottom: 27px; padding-left: 0; width: 750px; position: relative } .popup-site-cms dt { left: 0; text-align: left; top: -9px; padding-left: 21px; position: absolute; color: #999; font-weight: bold; background: #fff } .popup-site-cms dd { float: left; line-height: 24px; padding-top: 4px; display: inline; margin-left: 10px } .popup-site .popup-site-hint { z-index: 999; position: absolute; line-height: 35px; background-image: url(http://s1.hao123img.com/v5/Od/tr/Od/_O/KH/6/sprite-site.png); background-repeat: no-repeat; font-size: 12px; line-height: 25px; display: none } .popup-site-hint-sug { background-position: -227px -73px; width: 123px; height: 35px; padding-left: 30px } .popup-site-hint-added { background-position: -225px 0; width: 112px; height: 28px; padding-left: 35px; line-height: 28px\9 } .popup-site-hint-noicon { background-position: -227px -34px; width: 107px; height: 35px; padding-left: 6px } .popup-site-hint-save { background-position: 0 -72px; width: 181px; height: 35px; padding-left: 25px } .popup-site .popup-site-hint-save-forever { background: url(http://s0.hao123img.com/index/images/site/site-save-hint0928.png) no-repeat; width: 202px; height: 33px; position: absolute; left: 579px; top: 26px; z-index: 999; cursor: pointer; display: none } .popup-site-holder { position: relative; z-index: 501; width: 960px; margin: 0 auto; font-size: 0; line-height: 0 } .suggest-site { font-family: Verdana,SimSun; left: 78px; border: 1px solid #817f82; background-color: #FFF; white-space: nowrap; overflow: hidden; z-index: 999; top: 42px; width: 558px } .suggest-site li { height: 30px; padding-left: 4px; padding-right: 4px; border-bottom: 1px solid #f7f7f7; list-style: none; line-height: 30px } .suggest-site span { display: inline-block; font-size: 12px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .suggest-site span.name { width: 215px; color: #323232 } .suggest-site span.url { width: 230px; color: #005a94 } .suggest-site strong { font-weight: bold } .sug-select { background-color: #e5eef7 } .popup-site-nodata-hint { text-align: center; font-size: 12px; color: #666; line-height: 50px } .widget-site .nodata { text-align: center; line-height: 45px; width: 690px; font-size: 12px; padding-top: 8px } .widget-site .nodata a { margin: 0 3px; color: #0053a5 } .widget-site .nodata a:hover { color: #f30 } .popup-site-loading { height: 155px; width: 750px; text-align: center; padding-bottom: 100px } .site-item-recommend-hint { position: absolute; background: url(http://s0.hao123img.com/v5/tk/Gs/aG/tQ/1y/1/recomend-bg.png) no-repeat; height: 70px; font-size: 12px; width: 125px; padding-left: 9px; padding-right: 5px; padding-top: 12px; line-height: 18px; z-index: 900 } .site-item-recommend-hint span { color: #3b5998; margin: 0 2px } .site-item-recommend-hint em { font-style: normal; text-decoration: underline; color: #555; cursor: pointer } .popup-site .popup-site-loading-pic { width: 220px; height: 55px; background: url(http://s0.hao123img.com/index/images/site/loading.png) no-repeat; margin: 0 auto; margin-top: 70px } .popup-site-blink { background-color: #f7f7f7; _z-index: 900; _position: relative } .popup-site-hinttext1 { position: absolute; height: 145px; width: 46px; top: 75px; z-index: 999 } .popup-site .popup-site-hinttext1-text { z-index: 999; background: url(http://s0.hao123img.com/v5/im/Ik/iI/gJ/AP/3/hint-site1.png) no-repeat; position: absolute; top: 0; left: 0; height: 123px; width: 46px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=noscale,src="http://s0.hao123img.com/v5/2a/Ka/T2/iv/gr/3/hint-site1-text.png"); _background: 0 } .popup-site .popup-site-hinttext1-close { z-index: 999; background: url(http://s0.hao123img.com/v5/im/Ik/iI/gJ/AP/3/hint-site1.png) -30px -129px no-repeat; position: absolute; top: 130px; left: 31px; height: 15px; width: 15px; cursor: pointer; _background: url(http://s1.hao123img.com/v5/Lv/7Y/Qx/nf/QW/5/hint-site1-png8.png) -30px -129px no-repeat } .popup-site-hinttext1-close:hover { background-position: -30px -153px } .popup-site-hinttext1-a { right: -25px } .popup-site-hinttext1-b { right: -36px } .rpjs { position: absolute; right: 100px; top: 10px; z-index: 480 } .rp { border: 1px solid #e5e0cb; height: 24px; background-color: #fbf9f3; line-height: 24px; padding: 1px 5px; float: left; font-size: 12px } .rp span { float: left; padding-right: 5px; padding-left: 3px; font-size: 12px } .rp em,.rp a,.rp i { background-image: url(http://s0.hao123img.com/v5/ov/Ay/54/ac/9t/7/rp.png); background-repeat: no-repeat } .rp a,.rp i { float: left } .rp em { position: absolute; z-index: 901 } .rp em.left { background-position: 0 0; width: 8px; height: 12px; left: -3px; top: 10px } .rp em.top { background-position: -6px 0; width: 7px; height: 5px; top: -4px; left: 10px } .rp a { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 1px; background-position: -43px 5px; color: #3b5998; height: 20px; line-height: 20px; line-height: 24px\9; padding-left: 25px; background-color: #f0eae0; border: 1px solid #f0fae0; border-radius: 5px; margin-right: 5px; padding-right: 8px } .rp a:hover { background-color: #ece5d9; text-decoration: none; color: #f30 } .rp i { background-position: -15px 8px; width: 10px; height: 100%; cursor: pointer } .rp i:hover,.rp i.hover { background-position: -26px 8px } .site-hint { position: absolute; background: url(http://s1.hao123img.com/v5/r7/5W/bi/LJ/Pi/4/site-hint-body.png) no-repeat; width: 144px; height: 64px; z-index: 100; _background-image: url(http://s1.hao123img.com/v5/Gm/iv/Ia/vz/H_/4/site-hint-body_png8.png) } .site-hint a { position: absolute; background-image: url(http://s1.hao123img.com/v5/00/L5/4u/uj/ZI/3/site-close.png); background-position: -15px -9px; background-repeat: no-repeat; width: 16px; height: 16px; z-index: 101; top: 7px; left: 127px } .site-hint a:hover { background-position: -15px -35px } .site-hot-w { background-color: #f7f7f7; padding-bottom: 3px } .site-hot { position: relative; border: 1px solid #eee; border-top: 0; height: 28px; line-height: 28px; background-color: #fdfff1; text-align: center; font-size: 12px; color: #666 } .site-hot-label { padding-left: 8px; color: #666 } .site-hot-link { padding-left: 28px; padding-right: 10px; margin-right: 10px; text-decoration: none; color: #FFF; padding-top: 3px; padding-bottom: 3px; font-family: SimSun; _padding-top: 5px; _padding-bottom: 1px; background-repeat: no-repeat; background-color: #52ab26; background-position: 6px 50%; border-radius: 2px } .site-hot-link-add { background-image: url(http://s0.hao123img.com/v5/Bw/dh/Q9/wz/pC/6/site-hot-link.png); background-position: 5px 4px } .site-hot-link-add:hover { background-color: #69b527; background-position: 5px -20px } .site-hot-link-del { background-image: url(http://s1.hao123img.com/v5/aX/vg/EW/Df/pD/4/site-hot-del.png) } .site-hot-link:hover { text-decoration: none; color: #FFF } .site-hot-more { color: #33a333; cursor: pointer; font-family: SimSun } .site-hot-close { overflow: hidden; position: absolute; right: 2px; top: 1px; background-image: url(http://s1.hao123img.com/v5/00/L5/4u/uj/ZI/3/site-close.png); background-repeat: no-repeat; background-position: -36px -9px; width: 13px; height: 13px; text-indent: -300px } .site-hot-close:hover { background-position: -36px -36px } .popup-site-tip-add,.popup-site-tip-del { position: absolute; width: 149px; height: 27px; top: 14px; left: 303px; z-index: 1; background: url(http://s0.hao123img.com/res/site-tip-fs8.png) no-repeat 0 0 } .popup-site-tip-del { width: 189px; height: 36px; top: 24px; left: 228px; background-position: 0 -43px } .popup-site-tip-save { position: absolute; width: 120px; height: 25px; top: 27px; z-index: 1; background: url(http://s0.hao123img.com/res/tip_close-ie-fs8.png) no-repeat -3px 0; right: 42px } .popup-site-tip-close { position: absolute; right: -1px; top: -1px; width: 12px; height: 12px; font-size: 0; line-height: 8px; text-indent: -1000px; overflow: hidden; cursor: pointer } .popup-site-tip-close2 { position: absolute; left: 0; top: 12px; width: 12px; height: 12px; font-size: 0; line-height: 8px; text-indent: -1000px; overflow: hidden; cursor: pointer } .site .g_icon { cursor: pointer } .site a.g_tips-r:hover { text-decoration: none } .site a.g_tips-r:hover b { text-decoration: underline } .site-hot-relink { color: #666; padding: 0 6px } .site-hot-w { position: relative } .site-hot-w .site-hot-link2 { position: absolute; top: 0; left: 415px; color: #333; opacity: 0 } .widget-site .g_tips-l { left: -5px } .widget-famoussite .g_tips-l { left: 3px } .widget-famoussite span .tips_link { padding: 0; margin: 0; width: 0; margin-left: -3px; text-decoration: none } .widget-site .site-item-normal .tips_link { padding: 0; margin: 0; width: 0; background-image: none; text-decoration: none; _padding-left: 5px } .site-move-item { width: 118px; height: 20px; border: 1px dotted #000; opacity: .5; *filter: alpha(opacity=30); background-position: 4px 2px; line-height: 20px; background-repeat: no-repeat; padding-left: 26px; position: absolute; z-index: 999; background-color: #eee } .ie8 .site-move-item { -ms-filter: "alpha(opacity=50)" } .widget-site .login-tip { height: 30px; font-size: 12px; line-height: 30px; background: #fdfff1; text-align: center; border-bottom: 1px solid #f1f1f1; position: relative } .widget-site .login-tip .tipbtn:hover { text-decoration: none; background: #69b527 } .widget-site .login-tip .tipbtn { height: 20px; line-height: 20px; margin-left: 10px; margin-top: 5px; width: 46px; border-radius: 2px; background: #52ab26 } .widget-site .login-tip .tipclz:hover { background-position: -442px -1009px } .widget-site .login-tip .tipclz:active { top: 3px } .widget-site .login-tip .tipclz { background-image: url(http://s0.hao123img.com/v4/00/fJ/0b/iH/rY/3/index_icon.png); background-position: -442px -982px; height: 12px; width: 12px; display: block; position: absolute; right: 2px; top: 2px; cursor: pointer } .widget-site .site-item-normal .sitesublink { background: 0; padding-left: 0; padding-right: 5px; _padding-right: 0; position: relative; z-index: 88; display: inline-block } .widget-site .site-item-normal:not(:nth-last-of-type(2)) .tips_link.g_tips-r-hover { top: -5px; width: 12px; height: 12px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -111px -42px } .widget-site .site-item-normal .g_tips-r-hover { top: -5px; width: 12px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -111px -42px; overflow: visible; white-space: normal } .widget-site .site-item-normal .g_tips-r-hover .g_icon { top: -999em } .widget-site .site-item-normal.g_tips-r-show:not(:nth-last-of-type(2)) .tips_link.g_tips-r-hover { background: 0; top: -7px } .widget-site .g_tips-r-show .g_tips-r-hover { background: 0; top: -7px } .widget-site .g_tips-r-show .g_tips-r-hover .g_icon { top: 0 } .width-lg .widget-site .site-bd { width: 868px; padding-left: 23px; padding-top: 3px } .width-lg .widget-site .site-item-normal { width: 130px; padding-top: 6px; padding-bottom: 4px; margin-right: 4px; padding-left: 9px; position: relative } .width-lg .popup-site-w { width: 898px; left: 175px } .width-lg .popup-site { left: 0 } .width-lg .popup-site-shadow { width: 898px } .width-lg .popup-site-self-sites { width: 891px } .width-lg .popup-site-self-sites li { width: 136px } .width-lg .popup-site-head { width: 898px } .width-lg .popup-site-self-sites span { width: 95px } .width-lg .popup-site-blink { border-top: 1px solid #e6e6e6 } .width-lg .popup-site-self-sug { border-top: 0 } .width-lg .popup-site-self-sug input { border: 2px solid #0aa770 } .width-lg .popup-site-self-sug .add { background-color: #0aa770 } .width-lg .popup-site .popup-site-self-sug a { background-image: none } .width-lg .popup-site-self-sug .error { border: 2px solid #e49a9a } .width-lg .popup-site-cms dl { padding: 12px 39px 27px 110px } .width-lg .popup-site-cms dt { font-weight: normal; color: #666; top: 18px } .width-lg .popup-site-loading { width: 898px } .width-lg .site-normal .resource-container { display: none; position: absolute; width: 144px; height: 111px; top: -71px; left: 126px; z-index: 1000 } .width-lg .site-normal .resource-container-r0 { top: -11px } .width-lg .site-normal .resource-container-r1 { top: -41px } .width-lg .site-normal .resource-container-r2 { top: -71px } .width-lg .site-normal .siteresource-link { display: block; width: 115px; height: 20px; margin-left: 0; padding-top: 6px; padding-bottom: 4px; background: #f5f5f5; overflow: hidden } .width-lg .site-normal .resource-container-right { left: -141px } .width-lg .resource-container .siteresource-link { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0 } .width-lg .resource-container-right .siteresource-link { width: 139px; padding-left: 6px; margin-left: 0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0 } .width-lg .site-normal .siteresource-firstlink { border-top: 1px solid #f0f0f0; margin-top: 10px } .width-lg .site-normal .siteresource-lastlink { padding-bottom: 3px; border-bottom: 1px solid #f0f0f0 } .width-lg .resource-container .siteresource-curlink { border-left: 0; margin-left: 1px } .width-lg .resource-container-right .siteresource-curlink { border-right: 0; border-left: 1px solid #f0f0f0; margin-left: 0 } .widget-site .site-item-normal:not(:nth-last-of-type(2)) .siteresource-link:last-child { width: 115px } .widget-site .site-item-normal:nth-of-type(6n) .siteresource-link:last-child { width: 140px; height: 20px } .width-lg .resourcelink-bg { background-color: #f5f5f5; height: 19px; margin-top: -1px; border: 1px solid #f0f0f0; border-left: 0; z-index: 1000 } .width-lg .resourcelink-bg-left { background-color: #f5f5f5; height: 19px; margin: -1px 0 0 -1px; border: 1px solid #f0f0f0; border-right: 0; z-index: 1000 } .width-lg .siteresource-tip { vertical-align: top; width: 19px; height: 19px; position: relative; margin: -5px 0 0 0; z-index: 999; cursor: pointer; background: url(http://s1.hao123img.com/v5/cO/AG/-q/8L/GB/4/redpt.png) -3px -4px no-repeat } .width-nr .widget-site .site-bd { width: 685px; padding-left: 13px; _padding-left: 20px } .width-nr .widget-site .site-item-normal { width: 103px; margin-right: 0 } .width-nr .widget-site .site-item-last { width: 115px } .width-nr .widget-site .site-item-hassub .tips_link { display: none } .width-nr .widget-site .site-item-longchar .tips_link { display: none } .width-nr .popup-site-self-sites { width: 691px } .width-nr .popup-site-self-sites li { width: 103px } .width-nr .popup-site-self-sites span { width: 64px } .width-nr .popup-site-self-sug { width: 670px } .width-nr .popup-site-self-sug .name { width: 148px; margin-right: 27px } .width-nr .popup-site-self-sug .url { width: 255px } .width-nr .popup-site-self-sug .placeholder-url { left: 321px } .width-nr .popup-site .item { width: 84px } .width-nr .popup-site-cms dl { width: 602px; padding: 14px 0 17px 91px } .width-nr .popup-site-cms dt { top: 21px; zoom: 1; display: block; _top: 23px } .width-nr .popup-site-holder { width: 700px } .width-nr .popup-site-w { width: 698px; left: 145px } .width-nr .popup-site-shadow { width: 698px } .width-nr .popup-site-head { width: 698px } .width-nr .popup-site-loading { width: 698px } .width-nr .site-item-normal a { padding-left: 20px } .width-nr .site-item-normal .sitesublink { padding-right: 0 } .width-nr .siteresource-tip { width: 15px; height: 15px; margin-left: -2px } .width-nr .site-normal .resource-container { width: 118px; left: 109px; _left: 103px } .width-nr .site-normal .resource-container-right { left: -111px } .width-nr .site-normal .siteresource-link { width: 106px; padding-left: 10px } .width-nr .resource-container-right .siteresource-link { margin-left: 0; padding-left: 6px; width: 110px; overflow: hidden } .width-nr .widget-site .site-item-normal:nth-of-type(6n) .siteresource-link:last-child { width: 96px } .width-nr .site-item-normal:nth-of-type(6n) .resource-container-right .siteresource-link:last-child { width: 111px } .width-nr .site-item-normal:not(:nth-last-of-type(2)) .siteresource-link:last-child { width: 93px } .width-nr .site-item-normal:not(:nth-last-of-type(2)) .resource-container .siteresource-link:last-child { width: 106px } #box-site .banner-box { width: 875px; padding-left: 23px; height: 35px; position: absolute; left: 0; background-color: #f9f9f9; border-top: 1px solid #e9e9e9 } #box-site .boxpos1 { top: 36px } #box-site .boxpos2 { top: 67px } #box-site .boxpos3 { top: 98px } #box-site .banner-box .arrow { width: 9px; height: 6px; background: url(http://s1.hao123img.com/v5/DD/Ln/Pw/v5/tO/1/bannericon.jpg) 0 0 no-repeat; display: block; position: absolute; font-size: 0; line-height: 0 } #box-site .banner-box .closebanner { width: 8px; height: 8px; background: url(http://s1.hao123img.com/v5/DD/Ln/Pw/v5/tO/1/bannericon.jpg) -1px -11px no-repeat; display: none; position: absolute; top: 13px; right: 13px; font-size: 0; line-height: 0 } #box-site .banner-box .closebanner:hover { background: url(http://s1.hao123img.com/v5/DD/Ln/Pw/v5/tO/1/bannericon.jpg) -1px -23px no-repeat } #box-site .banner-box .pos11 { left: 72px; top: -5px } #box-site .banner-box .pos12 { left: 216px; top: -5px } #box-site .banner-box .pos13 { left: 362px; top: -5px } #box-site .banner-box .pos14 { left: 504px; top: -5px } #box-site .banner-box .pos15 { left: 646px; top: -5px } #box-site .banner-box .pos16 { left: 802px; top: -5px } #box-site .banner-box .pos21 { left: 72px; top: -5px } #box-site .banner-box .pos22 { left: 216px; top: -5px } #box-site .banner-box .pos23 { left: 362px; top: -5px } #box-site .banner-box .pos24 { left: 504px; top: -5px } #box-site .banner-box .pos25 { left: 646px; top: -5px } #box-site .banner-box .pos26 { left: 802px; top: -5px } #box-site .banner-box .pos31 { left: 72px; top: -5px } #box-site .banner-box .pos32 { left: 216px; top: -5px } #box-site .banner-box .pos33 { left: 362px; top: -5px } #box-site .banner-box .pos34 { left: 504px; top: -5px } #box-site .banner-box .pos35 { left: 646px; top: -5px } #box-site .banner-box .pos36 { left: 802px; top: -5px } #box-site .link-banner { width: 875px; height: 35px; overflow: hidden } #box-site .link-banner li { width: 126px; padding-left: 13px; margin-right: 4px; height: 35px; display: inline-block; *display: inline; *zoom: 1 } #box-site .link-banner li a { display: block } #box-site .link-banner li a:hover { text-decoration: underline; color: #F50 } #box-site .link-banner li a:hover span { text-decoration: underline; color: #F50 } #box-site .link-banner li .isred1 span { color: #f50 } #box-site .link-banner li i { width: 15px; height: 35px; margin-right: 2px; display: block; float: left; cursor: pointer } #box-site .link-banner li .isicon0 { display: none } #box-site .link-banner li span { display: block; float: left; width: auto; height: 35px; line-height: 35px; font-size: 14px; color: #333; cursor: pointer } .width-nr #box-site .banner-box { width: 681px; padding-left: 17px } .width-nr #box-site .link-banner { width: 685px; _width: 681px } .width-nr #box-site .link-banner li { width: 98px; _width: 98px; padding-left: 9px; _padding-left: 10px } .width-nr #box-site .banner-box .pos11 { left: 58px; top: -5px } .width-nr #box-site .banner-box .pos12 { left: 172px; top: -5px } .width-nr #box-site .banner-box .pos13 { left: 286px; top: -5px } .width-nr #box-site .banner-box .pos14 { left: 396px; top: -5px } .width-nr #box-site .banner-box .pos15 { left: 508px; top: -5px } .width-nr #box-site .banner-box .pos16 { left: 629px; top: -5px } .width-nr #box-site .banner-box .pos21 { left: 58px; top: -5px } .width-nr #box-site .banner-box .pos22 { left: 172px; top: -5px } .width-nr #box-site .banner-box .pos23 { left: 286px; top: -5px } .width-nr #box-site .banner-box .pos24 { left: 396px; top: -5px } .width-nr #box-site .banner-box .pos25 { left: 508px; top: -5px } .width-nr #box-site .banner-box .pos26 { left: 629px; top: -5px } .width-nr #box-site .banner-box .pos31 { left: 58px; top: -5px } .width-nr #box-site .banner-box .pos32 { left: 172px; top: -5px } .width-nr #box-site .banner-box .pos33 { left: 286px; top: -5px } .width-nr #box-site .banner-box .pos34 { left: 396px; top: -5px } .width-nr #box-site .banner-box .pos35 { left: 508px; top: -5px } .width-nr #box-site .banner-box .pos36 { left: 629px; top: -5px } #box-site .site-item .zhanqun-open { display: inline-block; width: 15px; height: 12px; margin-left: 3px; position: absolute; top: 8px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat; cursor: pointer; _display: inline; _zoom: 1 } #box-site .site-item .close { background-position: -583px -683px } #box-site .site-item .open { background-position: -583px -751px } #box-site .site-item .zhanqun-box { display: none; width: 86px; border: 1px solid #d9d9d9; background-color: #f7f7f7; text-align: center; position: absolute; top: 28px; left: 10px; z-index: 2; padding: 2px 0; *z-index: 201; *zoom: 1 } #box-site .site-item .zhanqun-box .zhanqun-item { padding: 0; width: 86px; background: 0; line-height: 23px } .search { width: 662px; position: relative } .search .left { float: left; margin: 4px 30px 0 -26px; _margin-right: 27px } .search .logo { width: 97px; height: 58px; position: relative } .search .link { position: absolute; left: 0; z-index: 100 } .search .link span { width: 120px; height: 40px; display: block } .search .link .color { background: url(http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png) -10px -212px no-repeat } .search-fixed #search .link .color { background: url(http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png) -10px -212px no-repeat } .tabs-toggle,.tabs-toggle:hover { cursor: pointer; position: absolute; top: 1px; left: 125px; z-index: 1; padding: 0 10px; width: 38px; height: 44px; font: normal 12px/45px simsun; text-decoration: none; color: #999; background: url(http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png) -319px 0 } .tabs-toggle .arrow { overflow: hidden; position: absolute; top: 19px; left: 38px; width: 9px; height: 6px; text-indent: -999px; background: url(http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png) -52px -97px } .tabs-toggle-open .arrow { background-position: -52px -104px } #search .tabs { display: none; position: absolute; top: 45px; left: 124px; z-index: 776; border: 1px solid #666; border-top: 0; background: #fff } #search .tab { display: block; padding-left: 9px; width: 45px; height: 24px; font: normal 12px/24px simsun; color: #999 } #search .tabs-hover .tab { background: transparent } #search .curr,#search .tabs-hover .tab:hover { text-decoration: none; color: #999; background: #f1f1f1 } .search .input-wrapper { position: relative; margin-right: 5px } .search .input-shadow { width: 440px; height: 36px; border: 1px solid #666; border-right: 0; background: #fff } .search .input { width: 402px; height: 18px; padding: 10px 0; border: 0; margin: 3px 30px 0 60px; *margin-top: 3px; _margin-top: 2px; font: 16px arial } .search .hotword { position: absolute; right: 5px; top: 9px; width: 24px; height: 24px; text-indent: -99999px; z-index: 12 } .search .hot-num { position: absolute; top: -9px; left: 3px; width: 18px; height: 18px; text-indent: 0; text-align: center; color: #fff; cursor: pointer; background: url(http://s1.hao123img.com/v5/H4/69/JL/C-/zO/sug_icon.png) no-repeat; line-height: 18px; font-family: arial; font-weight: bold; font-size: 12px } .search .hotword-on .hot-num { background: url(http://s1.hao123img.com/v5/H4/69/JL/C-/zO/sug_icon.png) no-repeat } .search .hotword-off .hot-num { display: block; color: #666; background: url(http://s1.hao123img.com/v5/H4/69/JL/C-/zO/sug_icon.png) no-repeat 0 -19px } .search .hotword-off .hot-num:hover { color: #f50 } .suggest-search { width: 440px; top: 38px; left: 0 } .suggest-search .suggest-item { padding: 2px 0 2px 9px; font: 14px \5B8B\4F53; height: 24px; line-height: 24px } .hao123-indexsearchlist1 .suggest-search .suggest-item .suggest-text { color: #aaa } .suggest-search b { font-weight: bold } .suggest-search .tag-type { float: right; color: #ccc; font-size: 12px; margin-right: 8px; display: none } .hao123-indexsearchlist1 .suggest-search b { font-weight: 400; color: #444 } .hao123-indexsearchlist1 .suggest-search .history b { font-weight: 400; color: #5e81ca } .hao123-indexsearchlist1 .suggest-search .history .suggest-text { color: #5e81ca } .hao123-indexsearchlist1 .suggest-search .tag-type { display: block } .suggest-search i { font-size: 12px; padding-left: 5px } .suggest-search .info { font-size: 12px; font-weight: normal } .suggest-search .icon { padding-right: 8px } .suggest-search .define { font-weight: bold; padding-left: 18px } .suggest-search .hot-icon { display: inline-block; height: 16px; line-height: 18px; font-size: 12px } .suggest-search .hot-icon-index { width: 18px; margin-right: 8px; text-align: center; color: #fff; font-family: arial; font-weight: 800 } .suggest-search .hot-icon-orange { background: url(http://s1.hao123img.com/v5/H4/69/JL/C-/zO/sug_icon.png) no-repeat 0 -38px } .suggest-search .hot-icon-dark { background: url(http://s1.hao123img.com/v5/H4/69/JL/C-/zO/sug_icon.png) no-repeat 0 -55px; color: #999 } .suggest-search .hot-icon-new { width: 14px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -204px -800px; text-indent: -99999px } .suggest-search .list-hook { padding-bottom: 1px; zoom: 1 } .suggest-search .footer-hook { font-size: 12px; line-height: 28px; height: 28px; z-index: 990; background: #f9f9f9; color: #ccc; padding: 0 8px 0 9px; display: none } .suggest-search .footer-hook a { cursor: pointer; color: #ccc } .suggest-search .footer-hook a:hover { text-decoration: underline; color: #666 } .suggest-search .footer-hook .fl { float: left } .suggest-search .footer-hook .fr { float: right } .suggest-search .hotword-tip a { color: #0053a5 } .search .hidden-params { display: none } .search .button-wrapper { vertical-align: top } .search .button { width: 100px; height: 38px; border: 0; font-size: 14px; background: #ddd url(http://s1.hao123img.com/v5/00/fD/K4/uR/IM/baidu-form.png) no-repeat; cursor: pointer } .search .button-active { background: #ddd url(http://s1.hao123img.com/v5/00/fD/K4/uR/IM/baidu-form.png) -105px 0 no-repeat } .hotword-yindao-tip { position: absolute; width: 143px; height: 31px; right: -147px; top: -32px; background-position: -36px -1507px } .hotword-yindao-tip .hot-quan { position: absolute; width: 37px; height: 35px; left: -39px; top: 27px; background-position: 0 -1534px } .hotword-yindao-tip .hot-close { position: absolute; width: 16px; height: 16px; right: -1px; top: 0; cursor: pointer } .form-hook .hotword-on { overflow: hidden; background: url(http://s1.hao123img.com/v5/H4/69/JL/C-/zO/sug_icon.png) 3px -82px no-repeat } .search .hotword-on .hot-num { display: none; left: 1000px } .sugB-Box .hot-icon-index { background: #cecece; width: 4px; height: 4px; position: relative; top: -3px; margin-right: 6px } .sugB-Box .hot-icon-num { display: none } .sugB-Box .suggest-item { width: 143px; float: left; padding-right: 11px; padding-left: 19px; height: 25px; line-height: 25px } .sugB-Box .list-hook { width: 355px; overflow: hidden; margin-bottom: 10px } .sugB-Box li.hover { background: 0; color: #f50; text-decoration: underline } .suggest .list-header { display: none } .sugB-Box .list-header { display: block; width: 333px; font-family: "Microsoft YaHei"; font-weight: bold; font-size: 14px; border-top: 1px solid #eaeaea; margin: 25px 0 7px 9px; *zoom: 1; *position: relative } .sugB-Box .list-title { width: 64px; margin-top: -7px; padding-left: 26px; background-color: #fff; background: url(http://s1.hao123img.com/v5/SI/cL/Le/PN/cT/7/index_widthlg.png) -154px -260px no-repeat; background-color: #fff; *zoom: 1; *position: relative } .suggest .sug-cms { display: none } .sugB-Box .sug-cms { display: block; width: 161px; position: absolute; top: 25px; right: 20px } .sugB-Box .sug-pic { display: block; position: relative; width: 161px; height: 92px; cursor: pointer; zoom: 1 } .sugB-Box .sug-pic:hover { text-decoration: none } .sugB-Box .pictitle { position: absolute; display: block; width: 100%; top: 68px; left: 0; text-align: center; font-size: 12px; line-height: 22px; color: #fff } .sug-pic .picbg { display: none; width: 161px; height: 92px; position: absolute; left: 0; bottom: 0; _zoom: 1; background: rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000)\9 } .pichover .picbg { display: block; zoom: 1 } .sugB-Box .sug-textbox { overflow: hidden; width: 161px; margin-top: 10px } .sugB-Box .sug-text { display: block; float: left; width: 80px; height: 36px; margin: 0 1px 1px 0; background: #f7f7f7; line-height: 36px; text-align: left; font-size: 12px; color: #999 } .sugB-Box .sug-righttext { margin-right: 0 } .sugB-Box .sug-title { margin-left: 10px } .sugB-Box .sug-text:hover { text-decoration: none; color: #f50; background: #f4f4f4 } .width-lg .hao123-search { height: 46px; padding: 27px 0 0 166px } .width-lg .search { width: 800px } .width-lg .search .logo { width: 120px; height: 40px } .width-lg .search .input-wrapper { margin-right: 0 } .width-lg .search .input-shadow { width: 538px; height: 44px } .width-lg .search .input { width: 448px } .width-lg .search .button { width: 120px; height: 46px; background: url(http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png) no-repeat -211px -180px } .width-lg .search .button:hover { background: url(http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png) no-repeat -211px -230px } .width-lg .input-magnify { position: absolute; width: 16px; height: 16px; top: 12px; left: 10px; background: url(‘http://s1.hao123img.com/v5/mB/UF/cb/7e/Yk/2/search3.png‘) no-repeat -20px -40px } .width-lg .input-word { position: absolute; top: 12px; left: 39px; color: #a9a9a9; font-size: 12px } .width-nr .hao123-search { height: 41px; padding: 27px 0 0 100px } .notice { font-size: 12px; width: 180px; height: 16px; padding: 6px } .notice-fixed { width: auto } .notice .icon { background-position: -34px -1327px; height: 16px; width: 10px; vertical-align: top } .notice .grid { width: 154px; height: 16px; line-height: 16px; overflow: hidden; position: relative } .notice .hotwords { position: absolute; left: 0 } .notice .hotwords li { width: 154px; height: 16px; overflow: hidden } .notice .change { position: absolute; width: 15px; height: 15px; right: 12px; top: 6px; display: none; background-position: -157px -160px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s } .notice .change:hover { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg) } .notice a { font-size: 12px; color: #666; white-space: nowrap; vertical-align: baseline; display: inline-block; width: 154px; overflow: hidden } .notice-fixed a { width: auto } .notice .gong-down { border: 1px dashed #bbb; display: inline-block; padding: 1px 3px } .notice .gong-down .g_icon { width: 10px; height: 10px; font-size: 0; overflow: hidden; line-height: 10px; display: inline-block; background-position: -79px -1664px; margin-right: 3px; position: relative; top: 1px } .width-lg .notice { width: 185px; line-height: 16px } .width-lg .notice .grid { margin-top: 1px } .width-lg .notice .icon { position: relative; width: 5px; height: 5px; top: 6px; line-height: 14px; padding-left: 5px; color: #fff; font-weight: bold; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -114px -46px } .hao123logo { position: relative } .hao123logo .card { position: absolute; top: 0; left: 0 }} .leftad { margin-bottom: 10px; font-size: 14px; position: relative; background-repeat: no-repeat } .leftad a { display: inline-block } .leftad a:hover { color: #f30; text-decoration: underline } .leftad .g_red { color: #f30 } .leftad .g_red:hover { color: #f30 } .leftad-text { text-align: justify; border-top: 1px solid #cecece; line-height: 24px; *line-height: 25px; height: 24px; background-color: #f7f7f7; overflow: hidden; padding: 0 6px } .leftad-justify-fix { width: 100%; height: 0; overflow: hidden; line-height: 0 } .leftad-30 { height: 30px; line-height: 30px; background-image: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png); background-repeat: no-repeat; overflow: hidden } .leftad-30 a { color: #333; width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; display: block; _line-height: 33px } .leftad-imglink { display: block; position: absolute; left: 0; top: 0; z-index: 999 } #leftad30 { left: 40px; position: absolute } .leftad-30-icon1 { background-position: -559px -288px } .leftad-30-icon2 { background-position: -559px -330px } .leftad-30-icon3 { background-position: -559px -369px } .leftad-30-icon4 { background-position: -559px -1227px } .leftad-30-icon5 { background-position: -559px -1272px } .leftad-601 { height: 60px; padding-left: 90px; overflow: hidden } .leftad-601-content { height: 55px; overflow: hidden; padding-top: 12px; padding-right: 3px } .leftad-601-link { margin-left: 10px; margin-bottom: 10px; color: #333; _line-height: 16px } .leftad-601 .leftad-imglink { height: 60px; width: 95px } .leftad-602 { padding-top: 36px } .leftad-602 .g_s_br { border-width: 1px 0 0 0 } .leftad-602-link { color: #666 } .leftad-602 .leftad-imglink { height: 36px; width: 238px } .leftad-901 { padding-left: 90px; padding-top: 4px; height: 84px } .leftad-901-content { height: 76px; overflow: hidden; padding-right: 3px } .leftad-901-link { margin-top: 10px; margin-left: 10px; color: #333; _line-height: 16px } .leftad-901 .leftad-imglink { width: 95px; height: 90px } .leftad-902 { padding-top: 66px } .leftad-902-link { color: #666 } .leftad-902 .leftad-imglink { width: 238px; height: 66px } .leftad-auto { padding-top: 75px } .leftad-auto-content { padding-bottom: 4px; border-top: 1px solid #cecece; background-color: #f7f7f7 } .leftad-auto-link { padding-top: 10px; padding-bottom: 4px; color: #666; line-height: 16px\9; padding-left: 8px; padding-right: 2px } .leftad-auto .leftad-imglink { width: 238px; height: 75px } .leftad-1 { margin-bottom: 10px; height: 78px } .leftad-170 { margin-bottom: 10px; height: 68px } .leftad-160 { margin-bottom: 10px; height: 58px } .leftad-150 { margin-bottom: 10px; height: 48px } .leftad-78 { height: 78px; cursor: pointer } .toppicture { position: relative; padding-bottom: 12px; overflow: hidden } .toppicture .pic { display: inline-block; height: 110px; text-decoration: none; cursor: pointer; overflow: hidden } .toppicture .pic:hover { text-decoration: none } .toppicture .pic img { width: 238px; height: 110px } .toppicture .pic .pic-txt { position: relative; display: block; width: 278px; height: 20px; padding-top: 6px; text-align: center; top: -26px; color: #fff; cursor: pointer; _line-height: 20px } .toppicture .pic:hover .pic-txt { text-decoration: underline } .toppicture .pic .adicon { position: absolute; display: inline-block; right: 0; top: 0; width: 25px; height: 14px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -82px -21px; opacity: .1; filter: alpha(opacity=10); -moz-opacity: .1; -khtml-opacity: .1 } .toppicture .pic .pic-bg { position: absolute; bottom: 0; left: 0; display: block; width: 278px; height: 28px; display: block; background: url(http://s1.hao123img.com/v5/pw/NF/l4/Wy/0w/4/img_title_bg.png); background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); _background: 0; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#CC000000); _zoom: 1 } .toppicture .animating .pic-bg { _filter: none } .toppicture .arrow { display: inline-block; width: 20px; height: 42px; background-image: url(‘http://s1.hao123img.com/v5/Hz/mn/Ev/BX/8z/2/index_menus_widthlg.png‘); background-repeat: no-repeat } .toppicture .next-arrow { background-position: -31px -422px } .toppicture .pre-arrow { background-position: 0 -422px } .toppicture .silde-btn { position: absolute; top: 30px; width: 20px; height: 42px; background: #000; opacity: .5; filter: Alpha(opacity=50); z-index: 5; cursor: pointer } .toppicture .silde-btn:hover { opacity: .7; filter: Alpha(opacity=70) } .toppicture .next-btn { right: 0 } .toppicture .pre-btn { left: 0 } .toppicture .content-pic { width: 238px; height: 110px } .toppicture .content-pic li { display: none; position: absolute; top: 0; left: 0; height: 110px; z-index: 1 } .toppicture .content-pic .first { display: block } .toppicture .content-pic .selected { display: block; z-index: 2 } .leftad-1 .toppicture img { width: 238px; height: 78px } .leftad-1 .toppicture .content-pic { height: 78px; width: 238px } .leftad-1 .toppicture .pic { margin: 0 } .leftad-1 .toppicture .pre-btn { left: 0 } .leftad-1 .toppicture .next-btn { right: 0 } .leftad-170 .toppicture img { width: 238px; height: 68px } .leftad-170 .toppicture .content-pic { height: 68px; width: 238px } .leftad-170 .toppicture .pic { margin: 0 } .leftad-170 .toppicture .pre-btn { left: 0 } .leftad-170 .toppicture .next-btn { right: 0 } .leftad-170 .toppicture .silde-btn { top: 17px } .leftad-160 .toppicture img { width: 238px; height: 58px } .leftad-160 .toppicture .content-pic { height: 58px; width: 238px } .leftad-160 .toppicture .pic { margin: 0 } .leftad-160 .toppicture .pre-btn { left: 0 } .leftad-160 .toppicture .next-btn { right: 0 } .leftad-160 .toppicture .silde-btn { top: 12px } .leftad-150 .toppicture img { width: 238px; height: 48px } .leftad-150 .toppicture .content-pic { height: 48px; width: 238px } .leftad-150 .toppicture .pic { margin: 0 } .leftad-150 .toppicture .pre-btn { left: 0 } .leftad-150 .toppicture .next-btn { right: 0 } .leftad-150 .toppicture .silde-btn { top: 7px } .leftad-2 { margin-bottom: 10px } .leftad-2 .toppicture img { width: 238px; height: 58px } .leftad-2 .toppicture .content-pic { width: 238px } .leftad-2 .toppicture .pic { margin: 0 } .leftad-2 .toppicture .pre-btn { left: 0 } .leftad-2 .toppicture .next-btn { right: 0 } .leftad-2 .toppicture .silde-btn { top: 40px } .content-text { padding: 0 10px; line-height: 28px } .content-text .text { display: inline-block; margin-right: 10px } .leftad-hold { position: relative; z-index: -1 } .leftad-2 .toppicture .content-pic { height: 76px } .topzixun { height: 346px; overflow: hidden; position: relative; z-index: 10 } .topzixun-more { height: 24px; line-height: 24px; background: #f7f7f7; display: block; margin: 3px 0 0 15px; font-size: 12px; width: 248px; font-family: \5b8b\4f53; text-align: center; border-bottom-right-radius: 5px; margin-bottom: 12px } .topzixun-more:hover { background: #f1f1f1 } .topzixun-over { height: 346px; overflow: hidden; position: relative } .toplist #topzixun-over .rank { background: #cecece; width: 4px; height: 4px; margin-top: 12px } .topzixun p { width: 208px; height: 28px; overflow: hidden; padding: 0 15px } .topzixun .link:hover i { text-decoration: none } .topzixun-over-hidden { position: absolute; width: 238px; height: auto; overflow: hidden; top: 0; left: 0; padding: 0 } .top-scroll-box { top: 4px; right: 2px; position: absolute; height: 330px; width: 9px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -139px 0; opacity: .3; filter: alpha(opacity=30); z-index: 595; display: none } .top-scroll-box i { width: 10px; display: block; height: 8px; position: absolute; z-index: 9996; background: #FFF url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -473px -885px; bottom: 0; left: 0 } .top-scroll-box-btn { z-index: 599; width: 8px; height: 32px; display: block; position: absolute; right: 3px; top: 0; margin-top: 5px; cursor: pointer; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -491px -643px; display: none; opacity: 1; filter: alpha(opacity=100) } .top-scroll-box-btn:hover { opacity: 1; filter: alpha(opacity=100) } .user-select-none { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none } .toplist .toptab-btns { display: none } .toplist .toptab-btns a { display: block; position: absolute; top: 0; width: 15px; height: 33px; cursor: pointer; background: #f7f7f7 url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat } .toplist .toptab-btns .prev { left: 0; background-position: -490px -798px; border-right: 1px solid #eaeaea } .toplist .toptab-btns .next { right: 0; background-position: -512px -798px; border-left: 1px solid #eaeaea } .toplist .toptab-btns .prev:hover,.toplist .toptab-btns .next:hover { background-color: #FFF } .toplist .toppicture .silde-btn { background: 0; opacity: 1; filter: Alpha(opacity=100) } #box-toplist0 .toppicture .pre-btn,#box-toplist1 .toppicture .pre-btn { left: 10px } .toplist .toppicture .pre-arrow { opacity: .6; filter: alpha(opacity=60) } .toplist .toppicture .next-btn:hover .next-arrow,.toplist .toppicture .pre-btn:hover .pre-arrow { opacity: .8; filter: alpha(opacity=80) } #box-toplist0 .toppicture .next-btn,#box-toplist1 .toppicture .next-btn { right: 10px } .toplist .toppicture .next-arrow { opacity: .6; filter: alpha(opacity=60) } #top_news_ts { position: absolute; width: 95px; height: 70px; top: -23px; right: -92px; z-index: 999; display: none; background: url(http://s1.hao123img.com/v5/1X/l4/Db/Z-/7D/4/top_news_ts.png) no-repeat; _background: 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘http://s1.hao123img.com/v5/1X/l4/Db/Z-/7D/4/top_news_ts.png‘) } .topzixun .top-scroll-tip { position: absolute; top: 225px; right: 4px; width: 11px; height: 20px; background: url(http://s1.hao123img.com/v5/R0/NR/80/kg/s0/4/arrow.gif) no-repeat } .toplist #topzixun-over .selllink .tuijian_icon { font-size: 12px; width: 30px; display: block; float: left; margin: 2px 4px 0 -1px; _margin: 3px 6px 0 -1px; height: 21px; border: 1px solid #edf6e3; background: #edf6e3; color: #498949; line-height: 20px; _line-height: 22px; text-align: center } .topzixun-topnews { padding: 5px 0; *padding: 6px 0 4px } .topzixun-topnews a { line-height: 26px } .topzixun-tag { position: relative; top: -1px; margin-right: 5px; border: 1px solid #ffe7cf; border-radius: 1px; padding: 1px 2px 1px 3px; font-size: 12px; color: #f90; *padding: 2px 2px 0 3px; *top: -2px } .topzixun .toplink-tag { position: relative; top: -1px; margin-right: 5px; border: 1px solid #f50; border-radius: 1px; padding: 1px 2px 1px 3px; font-size: 12px; color: #f50; *padding: 2px 2px 0 3px; *top: -2px } .width-lg .topzixun-over-hidden { width: 278px } .width-lg .toppicture .content-pic { width: 278px } .width-lg .toppicture .pic img { width: 278px } .width-lg .topzixun p { width: 248px } .topyouxi { padding: 0 } .topyouxi .first { display: inline-block; margin-bottom: 8px } .topyouxi .last-pic { display: inline-block; margin: 0 0 8px 4px } .topyouxi p { width: 104px; height: 28px; overflow: hidden } .topyouxi .ml15 { padding-left: 15px } .width-lg .topyouxi p { width: 124px } .topyingshi { padding: 0; position: relative } .topyingshi .topyingshi-over { height: 288px } .topyingshi .first { display: inline-block; margin-bottom: 8px } .topyingshi p { width: 208px; height: 28px; overflow: hidden; padding: 0 15px } .topyingshi p .resou { display: block; float: left; height: 24px; line-height: 24px; background: #eef0ef; margin-right: 2px; width: 44px; text-align: center; font-size: 12px; text-decoration: none } .topyingshi p .resou:hover { background: #9ad488; color: #FFF } .topyingshi p .hide { display: none } .topyingshi p.rsblock { margin-top: 4px; position: relative } .topyingshi p.rsblock span { display: block; height: 24px } .topyingshi p.rsblock .change { cursor: pointer; position: absolute; top: 0; right: 15px; width: 24px; height: 24px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -76px -132px } .topyingshi p.rsblock .change:hover { background-position: -100px -132px } .topyingshi .sublink { margin-left: 10px } .topyingshi .desc { font-size: 12px; color: #999; float: right; line-height: 28px; cursor: pointer } .topyingshi .desc:hover span { text-decoration: underline } .topyingshi .desc-icon { display: none; width: 8px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png); text-decoration: none } .topyingshi .desc:hover { text-decoration: none } .topyingshi .desc:hover .desc-icon { text-decoration: none } .topyingshi .top-scroll-box { height: 257px } .toppicture .pic .v { display: block; position: absolute; top: 89px; left: 14px; background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -100px -56px; width: 16px; height: 16px } .toplist #topyingshi-over .rank { width: 16px; height: 16px; margin-top: 6px; background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -118px -56px } #topyingshi-over .topzixun-more { margin-bottom: 0 } .width-lg .topyingshi p { width: 248px } .topyingshi .top-scroll-box { height: 275px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -156px 0 } .toptab { font-size: 14px; color: #616161; background: #f7f7f7; border: 0; width: 238px; position: relative; z-index: 20 } .toptab .channel { display: inline-block; *display: inline; *zoom: 1; width: 59px; text-align: center; color: #616161; position: relative } .toptab .channel:hover { color: #0aa770; text-decoration: none } .toptab .option_hover { color: #0aa770 } .toptab .option_hover:hover { color: #0aa770; text-decoration: underline } .toptab .spt { *zoom: 1; border-width: 0 0 0 1px } .toptab .channel span { display: inline-block; vertical-align: middle; height: 32px; _height: 28px; line-height: 32px; _line-height: 30px; *padding-top: 2px; position: relative; cursor: pointer } .toptab .channel .redpoint { width: 5px; height: 5px; background-image: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png); background-position: -114px -46px; background-repeat: no-repeat; position: absolute; top: 6px; right: 5px } .toptab .em { border-width: 2px 0 0 0 } .toptab .em:hover { text-decoration: underline } .toptab .last { width: 57px } .bangdan_drop { position: absolute } .bangdan_drop { position: absolute; top: 34px; right: 0; z-index: 300; background: #f7f7f7 } .bangdan_drop .channel { display: block } .toptab .bangdan_drop { display: none } .toptab .drop-down { display: block; width: 14px; height: 14px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -27px -5px; position: absolute; cursor: pointer; top: 8px; right: 11px; *top: 10px } .toptab .drop-down:hover { background-position: -44px -5px } .toptab .bangdan_drop .redpoint { right: 9px } .width-lg .toptab { width: 278px } .width-lg .toptab .channel { width: 55px } .width-lg .toptab .first,.width-lg .toptab .last { width: 53px } .width-lg .toptab .channel span { margin-top: -1px; width: 100%; height: 34px; border-top-width: 1px } #box-toplist0 .toptab .channel { width: 51px } #box-toplist0 .toptab .drop_channel { width: 70px } #box-toplist3,#box-toplist4 { position: relative } .toplist { width: 238px; position: relative; z-index: 200 } .adicon { position: absolute; display: inline-block; right: 0; bottom: 0; width: 25px; height: 14px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -82px -21px; opacity: .1; filter: alpha(opacity=10); -moz-opacity: .1; -khtml-opacity: .1 } .toplist .rank { float: left; margin: 12px 5px 0 0; _margin-right: 2px; width: 4px; height: 4px; _line-height: 0; _font-size: 0; background: #cecece } .toplist .link { display: inline; line-height: 28px; _line-height: 30px } .toplist .rank-1 { background-position: -574px -961px } .toplist .rank-2 { background-position: -574px -973px } .toplist .rank-3 { background-position: -574px -985px } .toplist .rank-4 { background-position: -574px -997px } .toplist .rank-5 { background-position: -574px -1009px } .toplist .rank-6 { background-position: -574px -1021px } .toplist .rank-7 { background-position: -574px -1033px } .toplist .rank-8 { background-position: -574px -1045px } .toplist .rank-9 { background-position: -574px -1057px } .toplist .rank-10 { background-position: -574px -1069px } .toplist .g_video i { display: inline-block; width: 14px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -538px -953px } .toplist .g_live i { display: inline-block; width: 14px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -537px -1062px } .toplist .g_hot i { display: inline-block; width: 13px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -538px -1019px } .toplist .t_icon i { display: inline-block; width: 14px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -537px -985px } .toplist .g_rankup { background-position: -512px -953px } .toplist .g_rankdown { background-position: -512px -1009px } .toplist .g_bold { font-weight: bold } .width-lg .toplist { width: 278px } .hao123-coolsite { width: 748px } .hao123-coolsite .groups { padding: 0 0 10px 0; *padding: 0 0 10px 0; border-width: 0 } .hao123-coolsite .first { margin-top: 10px } .hao123-coolsite .last { border-bottom: 0 } .hao123-coolsite .coolsite-bar { padding: 0 2px 0 6px; position: relative; overflow: hidden; height: 32px; line-height: 32px; color: #d5d5d5; margin-bottom: 10px } .hao123-coolsite .bar-first { border-top: 0 } .bar-item { padding: 0 13px } .hao123-coolsite .coolsite-item { height: 32px; line-height: 32px; clear: both; text-align: center; padding: 0 2px; position: relative; white-space: nowrap } .hao123-coolsite .coolsite-item:hover { background-color: #f7f7f7 } .hao123-coolsite .coolsite-itemname:hover { color: #0aa770 } .hao123-coolsite .coolsite-itemname.g_red:hover { color: #f30 } .hao123-coolsite .coolsite-item span { padding: 0 4px } .hao123-coolsite .coolsite-item a { padding: 0 7px; _padding: 0 5px } .hao123-coolsite .g_fl { padding: 0 5px 0 8px } .hao123-coolsite .pic_icon img { display: block; padding: 0; margin: 0 } .hao123-coolsite .g_fr { padding: 0 } .hao123-coolsite .recommend { position: relative; padding: 10px 30px; width: 838px; background: #f7f7f7; display: none } .hao123-coolsite .viewport { width: 838px; height: 80px; overflow: hidden; position: relative } .hao123-coolsite .screen { position: absolute; left: 0 } .hao123-coolsite .recommend .textlist { width: 838px; height: 14px; line-height: 14px; margin-bottom: 14px; *margin-bottom: 10px; overflow: hidden } .hao123-coolsite .recommend .textitem { width: 150px; height: 14px; line-height: 14px; font-size: 12px; text-align: left; margin-right: 22px; display: inline-block; *display: inline; *zoom: 1 } .hao123-coolsite .recommend .shorttext { width: 120px; margin-right: 23px } .hao123-coolsite .recommend .textitem .rank { width: 4px; height: 4px; background-color: #ccc; margin: 4px 10px 4px 0; *margin-top: 5px; vertical-align: top; font-size: 0 } .hao123-coolsite .recommend .recommend-text { color: #666; height: 14px; line-height: 14px; display: inline-block; *display: inline; *zoom: 1 } .hao123-coolsite .recommend .recommend-text:hover { color: #f50; text-decoration: underline } .hao123-coolsite .recommend .item:hover .recommend-text { color: #f50; text-decoration: underline } .hao123-coolsite .list { width: 838px; height: 80px; vertical-align: top; overflow: hidden } .hao123-coolsite .item { width: 62px; overflow: hidden; display: inline-block; margin-right: 24px; text-align: center; vertical-align: top } .hao123-coolsite .recommend .item .cpcimg { width: 62px; height: 62px; border-radius: 6px } .hao123-coolsite .recommend .bigimg { width: 152px; margin-right: 19px } .hao123-coolsite .recommend .item .cpcbigimg { width: 152px; height: 60px; border-radius: 0 } .hao123-coolsite .bigimg .desc { margin-top: 6px } .hao123-coolsite .desc { display: block; font-size: 12px; margin-top: 3px } .hao123-coolsite .fold { font-size: 12px; font-family: \5b8b\4f53; color: #666; position: relative; left: -11px; text-decoration: none } .hao123-coolsite .last { margin: 0 } .hao123-coolsite .recommend .last { margin: 0 } .hao123-coolsite .arrow { position: absolute; outline: 0; z-index: 100; height: 55px; width: 37px; background: url("http://s0.hao123img.com/v5/Od/3o/Sn/3W/pV/3/sprite_slider.png") no-repeat; cursor: pointer; top: 20px; overflow: hidden; text-indent: -200px } .hao123-coolsite .next { right: 0; display: none; background-position: 0 0 } .hao123-coolsite .recommend-hover .next { display: inline-block } .hao123-coolsite .recommend-hover .next:hover { right: 0; background-position: 0 -55px } .hao123-coolsite .pre { left: 0; display: none; background-position: -37px 0 } .hao123-coolsite .recommend-hover .pre { display: inline-block } .hao123-coolsite .recommend-hover .pre:hover { left: 0; background-position: -37px -55px } .hao123-coolsite .up { position: absolute; width: 11px; height: 6px; line-height: 6px; overflow: hidden; top: -6px; right: 35px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat 0 -226px } #coolsite-tuijian .groups { padding: 0 } #box-coolsite .hao123-coolsite .coolsite-item .kzloc-site { padding: 0 2px } #box-coolsite .hao123-coolsite .coolsite-item .kzloc-site-first { position: relative; left: -2px; z-index: 1; padding-left: 0 } #box-coolsite .hao123-coolsite .coolsite-item .kzloc { position: relative; z-index: 2; padding: 0 } .hao123-coolsite .coolsite-item .kzloc .kzloc-icon,.hao123-coolsite .coolsite-item .kzloc .kzloc-icon:hover { cursor: pointer; padding: 0 4px; line-height: 16px; text-decoration: none; background: url(http://s1.hao123img.com/v5/0W/2_/bG/g-/PH/3/coolsite-tuijian.png) 1px 1px no-repeat } .hao123-coolsite .coolsite-item .kzloc .kzloc-pop { display: none; position: absolute; top: -25px; left: -153px } .hao123-coolsite .coolsite-item .kzloc .kzloc-tip { float: left; border: 1px solid #d9d9d9; border-radius: 1px; height: 20px; padding: 0 28px 0 8px; line-height: 20px; font-size: 12px; white-space: nowrap; background: #fff } .hao123-coolsite .coolsite-item .kzloc .kzloc-change,.hao123-coolsite .coolsite-item .kzloc .kzloc-loc { padding: 0 } .hao123-coolsite .coolsite-item .kzloc-close { cursor: pointer; overflow: hidden; position: absolute; top: 4px; right: 4px; padding: 0; width: 13px; height: 13px; background: url(http://s1.hao123img.com/v5/0W/2_/bG/g-/PH/3/coolsite-tuijian.png) 0 -16px } .hao123-coolsite .kzloc-close:hover { background: url(http://s1.hao123img.com/v5/0W/2_/bG/g-/PH/3/coolsite-tuijian.png) 0 -28px } .hao123-coolsite .kzloc-arrow { overflow: hidden; position: absolute; top: 21px; left: 155px; width: 5px; height: 4px; background: url(http://s1.hao123img.com/v5/0W/2_/bG/g-/PH/3/coolsite-tuijian.png) 0 -43px } .width-lg .hao123-coolsite { width: 898px } .width-lg .hao123-coolsite .g_fl { padding-left: 21px } .width-lg .hao123-coolsite .coolsite-bar { padding: 0 2px 0 4px; text-align: center } .width-lg .hao123-coolsite .coolsite-item span { padding: 0 9px; _zoom: 1 } .width-lg .hao123-coolsite .coolsite-bar { height: 34px; line-height: 34px } .width-lg .bar-item { padding: 0 14px } .width-lg .hao123-coolsite .coolsite-item .coolsite-more { padding-right: 16px } .width-lg .hao123-coolsite .g_fl .pic_icon { display: block; padding: 0; margin: 0; position: absolute; left: 66px; *left: 69px; top: 6px } .width-lg .hao123-coolsite .famoussite-mainlink { _zoom: 1; display: inline-block; _display: inline } .width-lg .coolsiteResource-hover { z-index: 1000 } .width-lg .coolsiteresource_container { display: none; position: absolute; top: -8px; right: -125px; width: 141px; height: 105px; background: url(http://s1.hao123img.com/v5/ju/SP/1g/pV/Wf/7/coolsiteresource-bg.png) 0 0 no-repeat; z-index: 1000 } .width-lg .coolsite-item .coolsiteresource-link { width: 141px; height: 105px; display: block; position: relative; padding: 0 } .width-lg .hao123-coolsite .coolsite-item .coolsiteresource-title { display: block; width: 138px; height: 12px; line-height: 12px; padding: 7px 0 0 3px; text-align: center; font-size: 12px; color: #666; overflow: hidden } .width-lg .coolsiteresource-link:hover { text-decoration: none } .width-lg .coolsiteresource-link .coolsiteresource-img { position: absolute; width: 130px; height: 75px; left: 7px; bottom: 6px } .width-lg .coolsiteresource-link .coolsiteresource-lgimg { height: 95px } .width-lg .coolsiteresource-tip { position: absolute; width: 12px; height: 12px; margin-left: -7px; *margin-top: -1px; margin-top: 2px; background: url(http://s1.hao123img.com/v5/hl/Nu/VG/o2/-P/siteresourcetip.gif) 0 0 no-repeat; cursor: pointer } .width-lg .hao123-coolsite .up { right: 36px } .width-nr .hao123-coolsite { width: 698px } .width-nr .hao123-coolsite .coolsite-item span { padding: 0 } .width-nr .bar-item { padding: 0 10px } .width-nr .navigate .hot { left: 52px } .width-nr .coolsiteresource_container { right: -133px } .width-nr .hao123-coolsite .width-nr-hide { display: none } .width-nr .hao123-coolsite .recommend .item { margin-right: 20px } .width-nr .hao123-coolsite .recommend .bigimg { margin-right: 10px } .width-nr .hao123-coolsite .recommend .textitem { margin-right: 12px } .width-nr .hao123-coolsite .recommend .shorttext { margin-right: 9px } .width-nr .hao123-coolsite .recommend .width-nr-last { margin-right: 0 } .width-nr .hao123-coolsite .list { width: 638px } .width-nr .hao123-coolsite .recommend .textlist { width: 638px } .width-nr .hao123-coolsite .recommend { width: 638px; padding-right: 30px; padding-left: 30px } .width-nr .hao123-coolsite .viewport { width: 638px } .width-nr .hao123-coolsite .up { right: 28px } .width-nr .hao123-coolsite .g_fl .pic_icon { display: none } .width-nr .coolsiteresource-tip { margin-left: -7px } .ie7 .hao123-coolsite .coolsite-item .last-link-nr { display: none } .loginlink { position: relative; vertical-align: top } .loginlink a { color: #999 } .hao123-header-right .loginlink { border-right: 1px solid #eaeaea } .loginlink .username { display: block; line-height: 60px; position: relative; z-index: 11 } .loginlink .loginlink-mask { display: none; z-index: 10; height: 60px; position: absolute; top: 0; left: 0; background-color: #f7f7f7; opacity: .3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bF7F7F7,endColorstr=#4bF7F7F7); filter: alpha(opacity=30) } .sk_skin-color-green .loginlink .loginlink-mask { opacity: 1; background: #f7f7f7; filter: none } .ie9 .loginlink .loginlink-mask { filter: none } .loginlink-hover .loginlink-mask { display: block } .hao123-tools-login .loginlink-hover .loginlink-mask { display: block; background-color: #f7f7f7; opacity: 1; filter: alpha(opacity=100); _filter: alpha(opacity=100) } .hao123-tools-login .loginlink-hover .menu #loginlink-name { color: #999 } .hao123-tools-login .menu #loginlink-name { *vertical-align: middle; margin-right: 10px } .loginlink .login { display: inline-block; line-height: 28px; padding-left: 25px; padding-right: 5px; background-position: -99px -119px; vertical-align: top } .loginlink .login:hover { text-decoration: none } .loginlink .star,.loginlink .arrow,.loginlink .name { display: inline-block; vertical-align: top } .loginlink .star { width: 20px; height: 60px; margin-left: 10px; *margin-left: 0; *padding-left: 10px; background-image: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘); background-repeat: no-repeat; background-position: -40px -110px; *background-position: -33px -110px } .loginlink .red-icon { width: 8px; height: 8px; background-image: url(‘http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png‘); background-position: -30px -100px; background-repeat: no-repeat; position: relative; top: -8px; margin-left: 1px } .loginlink .menu .red-icon { visibility: hidden; margin-right: 3px } .loginlink .menu .redIcon-show { visibility: visible } .loginlink .more .yun { padding-left: 31px } .loginlink .list .arrow { height: 24px; background-position: -587px -227px } .loginlink .list .star { height: 24px; background-position: -361px -1616px } .loginlink .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999 } .loginlink .arrow { background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -97px; vertical-align: middle; line-height: 60px; display: inline-block; width: 9px; height: 6px; _font-size: 0; margin-right: 3px } .hao123-tools-login .loginlink-hover .arrow { background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -104px } .ie8 .loginlink .logout,.ie7 .loginlink .logout,.ie6 .loginlink .logout { vertical-align: top } .loginlink .more { display: none; position: absolute; top: 60px; width: 103px; height: 90px; overflow: hidden; z-index: 1000 } .loginlink .list { background: #f7f7f7 } .loginlink .list li { height: 30px; line-height: 30px; background-color: #f7f7f7 } .loginlink .list .list-hover { background: #f1f1f1 } .loginlink .list .logout { display: block; padding-left: 31px } .loginlink .list .first { height: 24px; line-height: 24px; border-top: 0 } .loginlink .gift { display: inline-block; vertical-align: top; width: 15px; height: 15px; margin: 8px 5px 0 10px; *margin-top: 0; background-position: -554px -1612px; *display: inline; *zoom: 1 } .loginlink .vip { display: inline-block; vertical-align: top; font-family: simsun } .loginlink .first .name { position: relative; top: -1px } .width-lg .loginlink { height: 100% } .width-lg .loginlink .login { position: relative; padding: 0; line-height: 60px; *line-height: 62px; padding-left: 33px; padding-right: 9px; color: #999; background-image: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘); background-repeat: no-repeat; background-position: -30px -110px; _background-image: url(‘http://s1.hao123img.com/v5/iu/Wk/zU/5h/OT/6/icon_ie6.png‘); _background-position: 12px 21px; z-index: 11 } .width-nr #loginlink { font-size: 12px } .width-nr .hao123-tools-login .loginlink .star { margin-left: 3px; display: none } .width-nr .hao123-tools-login .loginlink .name { text-align: center } .width-nr .hao123-tools-login .loginlink .more { width: 83px } .width-nr .hao123-tools-login .loginlink .gift { margin-left: 3px; display: none } .width-nr .hao123-tools-login .logout { margin-left: 10px; padding-left: 0 } .width-nr .hao123-tools-login .vip { margin-left: 10px } .width-nr .hao123-tools-login .yun { padding-left: 10px } .width-nr .hao123-tools-login #loginlink-name { margin-left: 10px; *padding-left: 2px } .mail { display: inline-block; height: 68px } .mail .link { display: block; width: 32px; height: 45px; padding: 15px 10px 0 10px; text-align: center; color: #999 } .mail .icon { display: block; width: 36px; height: 16px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -412px -264px; _background: url(http://s1.hao123img.com/v5/eK/sx/na/NX/10/6/index_iconIE6.png) no-repeat -412px -264px } .mail .maillogin { position: absolute; z-index: 998; top: 0; height: 71px; width: 229px; padding: 6px 7px; background: #f7f7f7 } .mail .mailbox { position: relative; width: 114px; height: 20px; line-height: 20px; border: 1px solid #ccc; vertical-align: top; margin-right: 5px; overflow: hidden } .mail .pwdbox { position: relative; width: 114px; height: 20px; line-height: 20px; border: 1px solid #ccc; vertical-align: middle; overflow: hidden } .mail .suffixal { width: 106px; height: 20px; line-height: 20px; border: 1px solid #ccc; vertical-align: top; text-indent: 5px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat right -228px; cursor: pointer; text-decoration: none; background-color: #fff } .mail .suffixal:hover { text-decoration: none } .mail .btnbox { height: 20px; line-height: 20px; vertical-align: top; position: relative; left: 5px; cursor: pointer } .mail .mailsubmit { width: 39px; height: 22px; line-height: 20px; cursor: pointer; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -553px -1520px; color: #666; border: 1px solid #ccc } .mail .mailsubmit-hover { background-position: -553px -1558px } .mail .mailcancel { display: inline-block; color: #333; width: 40px; height: 22px; text-align: center; margin-left: 2px } .mail .pwdbox,.mail .btnbox { margin-top: 5px } .mail .placeholder,.mail .input { position: absolute; left: 0; top: 0 } .mail .placeholder { text-indent: 5px; cursor: text; z-index: 19 } .mail .input { width: 99%; height: 19px; line-height: 19px; border: 1px solid #e9e9e9; border-width: 1px 0 0 1px; text-indent: 5px } .mail .maillist { position: absolute; right: 36px; top: 102px; width: 106px; color: #666; display: none; z-index: 999; zoom: 1 } .mail .maillist .item { display: block; height: 21px; line-height: 21px; cursor: pointer; text-indent: 5px; text-decoration: none } .mail .maillist .item:hover { text-decoration: none } .mail .msg { position: absolute; width: 121px; height: 18px; overflow: hidden; line-height: 16px; top: 128px; right: 142px; text-indent: 5px; border: 1px solid #ccc; z-index: 1000 } .mail .msgpwd { top: 128px } .mail .proxy { height: 20px; line-height: 20px; margin-top: 2px } .mail .agree,.mail .links { vertical-align: middle } .mail .agree { margin-right: 3px } .ie6 .mail .placeholder,.ie7 .mail .placeholder { line-height: 23px } .ie6 .mailsubmit,.ie7 .mailsubmit { line-height: 21px } .ie8 .mail .msg { line-height: 18px } .width-lg .mail { display: inline-block; *display: inline; *zoom: 1; *vertical-align: top } .width-lg .mail { height: 60px } .width-lg .mail .link { height: 60px; line-height: 60px; padding: 0 0 0 8px; text-align: left } .width-lg .hao123-links .mail .js_triggerhover { background-position: -97px -108px; padding-left: 6px; border-left: 1px solid #d9d9d9; border-right: 1px solid #e4e4e4; background-color: #f7f7f7; color: #999 } .width-lg .mail .maillogin { padding: 19px; top: 60px; right: 16px; *right: 16px; _right: 16px; border: 1px solid #d9d9d9 } .width-lg .mail .text { *line-height: 58px } .width-lg .mail .js_triggerhover .text { left: 1px } .width-lg .mail-bordercover { position: absolute; top: -1px; left: 26px; width: 38px; height: 1px; background-color: #f7f7f7 } .width-nr #mail { font-size: 12px } .width-nr .mail .maillogin { right: 0 } .width-nr .mail .maillist { right: 20px } .width-nr .hao123-tools-login .mail .maillist { right: 97px; _right: 96px } .width-nr .mail .msg { right: 126px } .width-nr .hao123-tools-login .mail .msg { right: 203px } .width-nr .mail-bordercover { left: 139px } .tip-box { position: absolute; display: none; z-index: 200 } .tip-border-top,.tip-border-bottom { height: 4px; line-height: 4px; font-size: 0; background-color: #dcf5a1 } .tip-border-left,.tip-border-right { width: 4px; font-size: 0; overflow: hidden; background: #dcf5a1 } .br-top-right { background: url(http://s1.hao123img.com/res/img/tip/top-right.png) no-repeat top right } .br-right { background: url(http://s0.hao123img.com/res/img/tip/br-right.png) repeat-y top right } .br-bottom-left { background: url(http://s0.hao123img.com/res/img/tip/bottom-left.png) no-repeat left bottom } .br-bottom { background: url(http://s0.hao123img.com/res/img/tip/bottom.png) repeat-x left bottom } .br-bottom-right { background: url(http://s0.hao123img.com/res/img/tip/bottom-right.png) no-repeat right bottom } .tip-ct { position: relative; background: #dcf5a1; color: #4a8847; font-size: 12px; padding: 1px 10px 1px 0 } .tip-ct .tip-arrow { position: absolute; font-size: 0; background: url(http://s0.hao123img.com/res/img/tip/pointer.png) no-repeat center bottom } .tip-ct .tip-arrow-bottom { width: 11px; height: 6px; line-height: 6px; bottom: -9px; left: 10px } .tip-ct .tip-arrow-top { width: 11px; height: 6px; line-height: 6px; top: -9px; left: 10px; background-position: center top } .tip-ct .tip-arrow-left { width: 6px; height: 11px; line-height: 11px; left: -9px; top: 1px; background-position: left center; font-size: 0 } .tip-ct .tip-arrow-right { width: 6px; height: 11px; line-height: 11px; right: -9px; top: 1px; background-position: right center } .tip-ct .tip-txt { padding: 1px 6px } .tip-ct .tip-close { position: absolute; width: 9px; height: 9px; line-height: 9px; background: url(http://s1.hao123img.com/res/img/tip/close.png) no-repeat center center; top: 1px; right: 1px; cursor: pointer; font-size: 0 } .no-close { padding: 0 } .no-close .tip-close { display: none } .append { font-size: 14px; margin-top: 10px; position: relative; padding-bottom: 8px } .append .g_icon { height: 36px; left: 14px; position: absolute; top: -2px; width: 24px; z-index: 200; background-position: -149px -1100px } .append .title { padding-left: 45px; padding-top: 15px; padding-bottom: 5px } .append .links { overflow: hidden; padding-top: 8px; line-height: 28px; position: relative } .append .links ul { float: left; position: relative } .append .links li { width: 204px; height: 28px; float: left; margin-left: 18px; display: inline; overflow: hidden; position: relative } .append .links a,.append .links span { display: inline-block; overflow: hidden } .append .links span { width: 20px; height: 28px; text-align: center; color: #DDD } .append-simple .title { display: none } .append-simple .g_icon { display: none } .append .links .item { display: none } .width-lg .append .links { width: 898px } .width-lg .append .append-link-text { width: 142px; height: 28px } .width-nr .append .links { width: 698px } .width-nr .append-links .width-nr-hide { display: none } .width-nr .append-links li { width: 199px; margin-left: 29px } .width-nr .append .append-link-text { width: 137px; height: 28px } .weather { width: 255px; height: 60px; position: relative; font-size: 12px } .weather .card { display: none } .weather .info { margin-top: 10px } .weather .view { overflow: hidden; width: 100%; height: 100% } .weather .item { display: inline-block; vertical-align: top; position: relative; padding: 1px } .weather .city { width: 86px; height: 48px; overflow: hidden; margin-top: 8px } .weather .city-info { display: block; height: 22px; line-height: 22px } .weather .change { font-family: simsun; _vertical-align: top } .weather .item-hl:hover { text-decoration: none; color: #f30 } .weather .viewport { position: relative; width: 142px; height: 50px; vertical-align: top; overflow: hidden; margin-top: 8px } .weather .screen { position: absolute } .weather .slide { display: inline-block; width: 17px; height: 60px; position: relative; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat -337px -144px } .weather .slide:hover .cover { display: block } .weather .slide .cover { display: none; width: 100%; height: 100%; background-color: rgba(247,247,247,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FF7F7F7,endColorstr=#7FF7F7F7)\9 } :root .weather .slide .cover { filter: none\9 } .weather .today,.weather .tomorrow { width: 140px } .weather-icon .img { float: left; margin-right: 3px } .weather-icon .pm-level { color: #fff; padding: 0 1px; *padding: 2px 1px 0 } .weather-icon .pm-level1 { background: #22c122 } .weather-icon .pm-level2 { background: #ffc000 } .weather-icon .pm-level3 { background: #ff7e00 } .weather-icon .pm-level4 { background: #e72b2b } .weather-icon .pm-level5 { background: #99004c } .weather-icon .pm-level6 { background: #7e0023 } .weather .control { background: #f7f7f7; position: absolute; left: -108px; width: 323px; height: 54px; padding: 3px 10px } .weather .select-province { width: 90px; margin-bottom: 6px } .weather .select-city,.weather .select-district { width: 110px; margin-left: 5px; margin-bottom: 6px } .weather .btn-save { width: 41px; height: 22px; background-position: -207px -124px; display: inline-block; padding: 0; margin: 0; line-height: 22px; text-align: center; cursor: pointer; color: #666 } .weather .btn-save:hover { color: #666; text-decoration: none } .weather .btn-cancle { margin-left: 15px; vertical-align: middle } .weather .help { margin-left: 137px; vertical-align: middle } .weather-tips { display: none; position: absolute; height: 22px; line-height: 21px; top: 50px; right: -6px; z-index: 210; *zoom: 1; color: #c78544; text-align: center; border: 1px solid #e9e9e9; border-radius: 2px; background-color: #fff; padding: 0 10px } .weather-tips .weather-tips-tr { position: absolute; width: 10px; height: 5px; background-image: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png); background-position: -138px -335px; top: -5px; left: 50%; margin-left: -5px } .weather-tips .weather-tips-icon { width: 16px; height: 16px; margin-right: 2px; position: relative; top: 2px; vertical-align: top } .weather-tips-hover { width: 119px; background-image: url("http://s1.hao123img.com/v5/qp/9m/ys/Pi/Kq/7/allTipsTextLeft.png") } .weather-tips-1 { right: 0 } .weather-tips-2 { right: 0 } .weather-tips-3 { right: 0 } .weather-icon:hover .weather-tips { top: 3px } .weather-icon:hover .weather-tips-1 { right: 0 } .weather-icon:hover .weather-tips-2 { right: 0 } .weather-icon:hover .weather-tips-3 { right: 0 } .weather-tips-hover .weather-tips-text { margin-left: 11px } .weather-tips-text { color: #f60; line-height: 19px; _line-height: 22px; overflow: hidden; margin-left: 22px; margin-right: 11px } .menus { margin: 0 auto; margin-bottom: 0; height: 45px; font-size: 14px; position: relative } .ie6 .menu-wrap .menus { border-top: 2px solid #099e6a; border-bottom: 1px solid #eaeaea } .menus-br { border-right: 0; border-left: none; _border-left-width: 0; _border-right-width: 0 } .menus .menu { height: 38px; line-height: 38px; width: 110px; float: left; text-align: center; cursor: pointer; overflow: hidden } .menus .link { display: block; height: 100%; border-right: 1px solid #eaeaea; cursor: pointer } .menus .link:hover { text-decoration: none } .menus .link:hover { background-color: #eee; color: #333 } .menus .menu-prev .link { border-right: 1px solid #cecece } .menus .icon { display: inline-block; width: 18px; height: 18px; margin-top: 13px; margin-top: 11px\9; margin-right: 7px; float: left; margin-left: 15px } .menus .newindex { background-position: -2px -339px } .menus .active .newindex { background-position: -26px -339px } .menus .tv { background-position: -2px -177px; margin-left: 16px } .menus .active .tv { background-position: -26px -177px } .menus .movie { background-position: -2px -195px } .menus .active .movie { background-position: -26px -195px } .menus .news { background-position: -2px -303px } .menus .active .news { background-position: -26px -303px } .menus .game { background-position: -2px -429px; margin-left: 16px } .menus .active .game { background-position: -26px -429px } .menus .youxi { background-position: -2px -267px } .menus .active .youxi { background-position: -26px -267px } .menus .sale { background-position: -2px -375px } .menus .active .sale { background-position: -26px -375px } .menus .tejia { background-position: -2px -375px } .menus .active .tejia { background-position: -26px -375px } .menus .zhe800 { background-position: -2px -375px } .menus .active .zhe800 { background-position: -26px -375px } .menus .novel { background-position: -2px -285px } .menus .active .novel { background-position: -26px -285px } .menus .video { background-position: -2px -393px } .menus .lastactive .video { background-position: -26px -393px } .menus .lottery { background-position: -2px -232px } .menus .active .lottery { background-position: -26px -232px } .menus .index { background-position: -2px -357px } .menus .active .index { background-position: -26px -357px } .menus .tuan { background-position: -2px -249px } .menus .active .tuan { background-position: -26px -249px } .menus .travel { background-position: -1px -499px } .menus .lastactive .travel,.menus .active .travel { background-position: -25px -499px } .menus .active,.menus .lastactive { cursor: default; color: #2f2f2f; border-width: 0 1px 0 0 } .menus .first { width: 115px } .menus .first .link { border-left: 1px solid #cecece } .menus .last .link { border-right: 1px solid #cecece } .menus .last,.menus .lastactive { width: 115px } .menus .active .title { border-width: 2px 0 0 0 } .menus .active .link,.menus .active .link:hover { border-right: 1px solid #cecece; background: 0; text-decoration: none } .menus .recommend { position: absolute; left: 0; height: 0; top: 41px; z-index: 10; overflow: hidden } .menus .recommend-link { display: block; height: 60px } .menus .tejia-remote-control { display: block; position: fixed; _position: absolute; bottom: 25px; left: 50%; margin-left: -622px; height: 462px; width: 116px } .menus .tejia-remote-control a { display: block } .menus .tejia-remote-control .tejia-list { height: 441px; background: url(http://s1.hao123img.com/v5/IT/lT/om/6w/HD/3/zhe_remote_contro02.png) no-repeat; position: relative; padding-top: 21px } .menus .tejia-remote-control .tejia-list a:hover { background: #FFF; opacity: .4; filter: alpha(opacity=40) } #go2_url:hover { opacity: 1; filter: alpha(opacity=100); background: 0 } .menus .tejia-remote-control .tejia-backtop { height: 62px; margin-top: 10px; position: absolute; left: 1130px; bottom: 0; width: 50px; background: #FFF url(http://s0.hao123img.com/res/tejia/common-s-b-f.png) -1px 5px; padding: 0 2px } .menus .tejia-remote-control .tejia-backtop:hover { background-position: -91px 0 } .menus .tejia-remote-control .tejia-h40 { height: 43px } .menus .tejia-remote-control .tejia-h35 { height: 35px } .menus .menu-split { display: block; width: 1px; height: 40px; position: absolute; top: 0; right: 0; background: url(http://s1.hao123img.com/v5/dU/1s/Aa/af/gO/3/menus_split.png) center left no-repeat } .last .link .menu-split { display: none } .link.active .menu-split { display: none } .width-lg .menus { width: 1190px; height: 38px; border-top: 2px solid #099e6a; border-bottom: 1px solid #eaeaea; background-color: #fcfcfc } .width-lg .menus .menu { width: 111px } .width-lg .menus .last .link { margin-right: 0 } .width-lg .menus .first { width: 81px } .width-lg .menus .last { width: 110px } .width-lg .menus .first .link { border-left: 0 } .width-lg .menus .link { border-right: 0; text-align: center; color: #333; position: relative; font-family: Microsoft Yahei; font-size: 16px } .width-lg .menus .link.active { background-color: #0aa770; cursor: pointer; color: #fff } .width-lg .menus .link:hover { background: 0 } .width-lg .menus .link.active:hover { background-color: #0aa770; cursor: pointer } .width-lg .menus .link:hover .title { text-decoration: none; color: #0aa770 } .width-lg .menus .link.active:hover .title { color: #fff } .width-lg .menus .bagua { background-position: -2px -285px } .width-lg .menus .icon { margin-left: 20px } .width-lg .menus .link .index { margin-left: 28px } .width-lg .menus .icon_widthlg { background-image: url(‘http://s1.hao123img.com/v5/Hz/mn/Ev/BX/8z/2/index_menus_widthlg.png‘); background-repeat: no-repeat } .width-lg .menus .index { background-position: 0 -242px } .width-lg .menus .active .index { background-position: 0 -242px } .width-lg .menus .tv_kp { margin-left: 25px; background-position: 0 -80px } .width-lg .menus .movie_kp { margin-left: 16px; background-position: 0 -160px } .width-lg .menus .news_kp { margin-left: 16px; background-position: 0 -100px } .width-lg .menus .bagua_kp { margin-left: 16px; background-position: 0 -140px } .width-lg .menus .xyx_kp { margin-left: 16px; background-position: 0 -321px } .width-lg .menus .game_kp { margin-left: 16px; background-position: 0 -301px } .width-lg .menus .tejia_kp { margin-left: 16px; background-position: 0 0 } .width-lg .menus .novel_kp { margin-left: 16px; background-position: 0 -182px } .width-lg .menus .travel_kp { margin-left: 16px; background-position: 0 -262px } .width-nr .menus { width: 990px } .width-nr .menus .menu { width: 101px } .width-nr .menus .first { width: 81px } .guesslike { position: relative; overflow: hidden; padding: 6px 38px 10px 20px } .guesslike .title { position: relative; height: 34px; padding-left: 1px; line-height: 34px } .guesslike .title a { background: #fcfcfc } .guesslike .line { overflow: hidden; position: absolute; top: 17px; left: 41px; border-top: 1px dashed #eaeaea; width: 149px; height: 0 } .guesslike .list { *position: relative; margin-left: 20px; width: 190px; vertical-align: top } .guesslike .item { overflow: hidden; display: block; line-height: 28px; background: #fcfcfc } .guesslike .gs-imgslider { position: relative; height: 90px } .guesslike .gs-imgslider .slide-btn { position: absolute; width: 20px; height: 42px; z-index: 10; top: 50%; margin-top: -25px; background: #000 url(http://s1.hao123img.com/v5/Hz/mn/Ev/BX/8z/2/index_menus_widthlg.png) -31px -422px; display: none; opacity: .6; filter: alpha(opacity=60) } .guesslike .gs-imgslider .slide-btn:hover { opacity: .8; filter: alpha(opacity=80) } .guesslike .gs-imgslider .img-prev { left: 0; background-position: 0 -422px } .guesslike .gs-imgslider .img-next { right: 0 } .guesslike .item-img { margin-bottom: 10px; position: absolute; opacity: 0 } .guesslike .gs-imgslider .selected { opacity: 1; z-index: 1 } .guesslike .item-img a { vertical-align: baseline; display: block; position: relative; width: 190px; height: 80px; cursor: pointer; font-size: 12px; color: #fff } .guesslike .item-img .img { display: block; width: 190px; height: 80px } .guesslike .item-img .item-title-wrap { position: absolute; bottom: 0; left: 0; width: 100%; display: block; text-align: center } .guesslike .item-img .item-title { display: block; background: url(http://s1.hao123img.com/v5/pw/NF/l4/Wy/0w/4/img_title_bg.png); background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); _background: 0; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#CC000000); _zoom: 1 } .guesslike .item-img .item-link:hover .item-title { text-decoration: underline } .guesslike .animating .item-title { _filter: none } .guesslike .grid { position: relative } .guesslike .screen { position: absolute; width: 100%; left: 0; opacity: 0; filter: alpha(opacity=0) } .guesslike .screens .selected { z-index: 1; opacity: 1; filter: alpha(opacity=100) } .layout-guess .slider .selected { _filter: none } .guesslike .prev,.guesslike .next { overflow: hidden; position: absolute; top: 80px; z-index: 2; cursor: pointer; width: 37px; height: 55px; text-indent: -20px; outline: 0; background: url(http://s0.hao123img.com/v5/Od/3o/Sn/3W/pV/3/sprite_slider.png) 0 -110px no-repeat } .guesslike .prev { left: 0; background-position: -37px -110px } .guesslike .prev:hover { background-position: -37px -55px } .guesslike .next { right: 0 } .guesslike .next:hover { background-position: 0 -55px } .guesslike .recommend-icon { position: absolute; top: 0; left: 0; width: 50px; height: 38px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -43px -92px } .guesslike .red-icon { display: none; position: absolute; top: 4px; left: 30px; width: 8px; height: 8px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) 0 -100px } .guesslike .selected .red-icon-on { display: block } .width-nr .guesslike { padding-left: 15px } .width-nr .guesslike .list { margin-left: 25px } .leftbanner { margin-bottom: 10px; position: relative } .leftbanner .items { padding: 0 0 0 10px; line-height: 28px } .leftbanner .item { display: inline-block; margin-right: 10px } .leftbanner .youxi-ph { height: 28px; padding: 0 10px; overflow: hidden } .leftbanner .youxi-toplist { height: 28px; line-height: 28px; white-space: nowrap; list-style: none; overflow: hidden; text-overflow: ellipsis } .leftbanner .club-dianqiu { position: absolute; width: 126px; height: 200px; left: -150px; top: 0; z-index: 10; background: #f00 } .leftbanner .sjb-box-slider { height: 58px } .leftbanner .sjb-box-slider .piclink { height: 58px } .leftbanner .sjb-box-slider .silde-btn { top: 50%; margin-top: -19px } .width-lg .leftbanner .pic img { width: 278px } .slidetoolbar { background: #e6e6e6; _background: 0; width: 50px; height: 100%; left: -50px; padding-top: 63px; position: relative; font-size: 12px } .slidetoolbar .applist { text-align: center; width: 50px; position: relative } .slidetoolbar .appitem { position: relative; height: 70px; margin-bottom: 10px; _margin-bottom: 0 } .slidetoolbar .icon { position: relative; display: block; width: 50px; height: 20px; padding-top: 48px; color: #999; _font-family: "宋体" } .slidetoolbar .hot { position: absolute; z-index: 5; right: 5px; top: 4px; width: 8px; height: 8px; background: url(http://s0.hao123img.com/v5/sR/uk/5e/k_/iY/4/slidetoolbar-icon.png) no-repeat -69px -10px } .slidetoolbar .icon-img { height: 32px; width: 32px; position: absolute; top: 8px; left: 9px } .slidetoolbar .appitem-hover .icon { background-color: #f7f7f7; text-decoration: none } .slidetoolbar .icon-0 { background-position: 7px 8px } .slidetoolbar .icon-1 { background-position: 7px -74px } .slidetoolbar .icon-2 { background-position: 7px -158px } .slidetoolbar .icon-3 { background-position: 7px -243px } .slidetoolbar .icon-4 { background-position: 7px -327px } .slidetoolbar .content,.slidetoolbar .horoscope { display: none; position: absolute; top: -1px; _top: 0; left: 50px; width: 210px; height: 68px; border: 1px solid #e6e6e6; _border: 0; border-left: none; overflow: hidden; background: #f7f7f7; text-align: left; z-index: 500 } .slidetoolbar .appitem-hover .content,.slidetoolbar .appitem-hover .horoscope { display: block } .slidetoolbar .content .text,.slidetoolbar .horoscope .text { width: 140px; overflow: hidden; white-space: nowrap } .slidetoolbar .horoscope .text { width: 145px; padding: 8px 0 0 10px } .slidetoolbar .content .link { width: 130px; padding-left: 10px; height: 34px; display: block; font-size: 14px; line-height: 46px; overflow: hidden; color: #666; white-space: nowrap } .slidetoolbar .content .link:hover { color: #f30 } .slidetoolbar .content .link2 { margin-left: 5px } .slidetoolbar .content .desc,.slidetoolbar .horoscope .desc { display: block; width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999 } .slidetoolbar .content .desc { height: 34px; padding-left: 10px; line-height: 18px } .slidetoolbar .horoscope .desc { height: 30px; line-height: 14px } .slidetoolbar .content .desc:hover,.slidetoolbar .horoscope .desc:hover { text-decoration: none } .slidetoolbar .horoscope .desc { width: 145px } .slidetoolbar .content .image { position: absolute; right: 0; top: 0 } .slidetoolbar .horoscope .image { position: absolute; right: 3px; top: 10px; width: 48px; height: 48px; background: url(http://s1.hao123img.com/v5/hU/Xl/gX/3R/0H/6/slidexingzuo.png) no-repeat } .slidetoolbar .horoscope .aries { background-position: 0 0 } .slidetoolbar .horoscope .taurus { background-position: 0 -48px } .slidetoolbar .horoscope .gemini { background-position: 0 -96px } .slidetoolbar .horoscope .cancer { background-position: 0 -144px } .slidetoolbar .horoscope .leo { background-position: 0 -192px } .slidetoolbar .horoscope .virgo { background-position: 0 -240px } .slidetoolbar .horoscope .libra { background-position: 0 -288px } .slidetoolbar .horoscope .scorpio { background-position: 0 -336px } .slidetoolbar .horoscope .sagittarius { background-position: 0 -384px } .slidetoolbar .horoscope .capricorn { background-position: 0 -432px } .slidetoolbar .horoscope .aquarius { background-position: 0 -480px } .slidetoolbar .horoscope .pisces { background-position: 0 -528px } .slidetoolbar .horoscope .select { display: inline-block; line-height: 30px; _line-height: 34px; font-size: 14px; color: #666; background: url(http://s0.hao123img.com/v5/sR/uk/5e/k_/iY/4/slidetoolbar-icon.png) no-repeat -32px -216px; cursor: pointer; vertical-align: top; padding-right: 15px } .slidetoolbar .horoscope .select-content { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; background: #f7f7f7; z-index: 5 } .slidetoolbar .horoscope .content-list { padding: 4px 8px } .slidetoolbar .horoscope .content-list-item { width: 48px; height: 20px; text-align: center; line-height: 20px; cursor: pointer; color: #666 } .slidetoolbar .horoscope .list-item-hover { background: #e6e6e6 } .slidetoolbar .horoscope .star { display: inline-block; height: 30px; width: 85px; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) no-repeat; vertical-align: top; margin-left: 3px } .slidetoolbar .horoscope .star-5 { background-position: -186px -1320px } .slidetoolbar .horoscope .star-4 { background-position: -186px -1352px } .slidetoolbar .horoscope .star-3 { background-position: -186px -1384px } .slidetoolbar .horoscope .star-2 { background-position: -186px -1416px } .slidetoolbar .horoscope .star-1 { background-position: -186px -1448px } .slidetoolbar-closebtn { position: absolute; height: 50px; width: 50px; bottom: 50px; background: url(http://s0.hao123img.com/v5/sR/uk/5e/k_/iY/4/slidetoolbar-icon.png) no-repeat; background-color: #e6e6e6; cursor: pointer; display: none } .slidetoolbar-closebtn:hover { background-color: #f1f1f1 } .slideclosebtn-open { background-position: -44px -161px } .slideclosebtn-close { background-position: -49px -73px } .slidetoolbar .sppitemwrap { position: relative; height: 70px; margin-bottom: 10px } .slidetoolbar .flipicon { height: 54px; position: absolute; top: -10px; right: 50px } .slidetoolbar .flipicon .flipcon { height: 54px } .hotsearch-box { position: relative; width: 658px; height: 20px; z-index: 103 } .hotsearch-box a:hover { text-decoration: underline } .hotsearch-box .hotsearchtop { width: 658px; height: 20px } .hotsearch-box .hotsearchtop .boxhot { width: 658px; height: 20px; overflow: hidden } .hotsearch-box .hotsearchtop .boxhot li { display: inline-block } .hotsearch-box .hotsearchtop .boxhot li { *zoom: 1; *display: inline; _zoom: 1; _display: inline } .hotsearch-box .hotsearchtop .boxhot .title { margin-right: 6px; font-size: 12px; line-height: 20px; color: #999 } .hotsearch-box .hotsearchtop .boxhot .text { margin-right: 20px } .hotsearch-box .hotsearchtop .boxhot a { font-size: 12px; line-height: 20px; color: #666 } .width-lg .search-fixed .hotsearch-box .hotsearchtop .boxhot a { color: #666 } .hotsearch-box .hotsearchtop .boxhot a.hotsearch-link { color: #090; padding-left: 15px; padding-bottom: 1px; *padding-bottom: 0; *zoom: 1; background: url(http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png) -159px -260px no-repeat; _background: url(http://s1.hao123img.com/v5/iu/Wk/zU/5h/OT/6/icon_ie6.png) -312px 0 no-repeat } .hotsearch-box .hotsearchtop .boxhot a:hover { text-decoration: underline } .hotsearch-box .hotsearchtop .boxhot .js-hotword:hover { color: #f30 } .hotsearch-box .hotsearchtop .ctrlBtn { width: 42px; height: 18px; overflow: hidden; position: absolute; right: -126px; top: 1px; z-index: 105; text-align: center; cursor: pointer; font-size: 12px; line-height: 20px; color: #34a637 } .ie6 .hotsearchtop .ctrlBtn { top: 0 } @-moz-document url-prefix() { .hotsearch-box .hotsearchtop .ctrlBtn { top: 0 } } @media screen and (-webkit-min-device-pixel-ratio:0) { .hotsearch-box .hotsearchtop .ctrlBtn { top: 0 } } .hotsearch-box .hotsearchtop .ctrlBtn:hover { padding: 0 0 0 6px; text-decoration: underline } .hotsearch-box .hotsearchtop .ctrlBtn-down { width: 42px; height: 25px; padding-left: 6px; background-color: #f9f9f9; overflow: hidden; position: absolute; right: -126px; top: 0; z-index: 105; border: 1px solid #ababab; border-bottom: 0; cursor: pointer } .hotsearch-box .hotsearchtop .ctrlBtn .text { display: inline-block; line-height: 20px; font: 12px/16px ‘Tahoma‘; color: #34a637 } .hotsearch-box .hotsearchtop .ctrlBtn-down .text { display: inline-block; margin-right: 6px; font-size: 12px; line-height: 18px; color: #019c03 } .hotsearch-box .hotsearchtop .ctrlBtn .arrow { width: 7px; height: 4px; display: inline-block; line-height: 0; font-size: 0; margin-bottom: 2px; background-image: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png); background-position: -489px -1644px; background-repeat: no-repeat } .hotsearch-box .hotsearchtop .ctrlBtn-down .arrow { width: 7px; height: 4px; margin-bottom: 2px; display: inline-block; line-height: 0; font-size: 0; background-image: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png); background-position: -489px -1636px; background-repeat: no-repeat } .hotsearch-box .hotsearchtop .ctrlBtn .pos { display: none } .hotsearch-box .hotsearchtop .ctrlBtn-down .pos { width: 48px; height: 1px; display: inline-block; position: absolute; right: 0; top: 23px; background-color: #f9f9f9 } .hotsearch-box .hotsearchbottom { width: 440px; height: 118px; overflow: hidden; display: none; border: 1px solid #ababab; background-color: #f9f9f9; position: absolute; top: 24px; left: 0; z-index: 104 } .hotsearch-box .hotsearchbottom .boxbottom { width: 519px; padding: 20px 0 0 20px; background-color: #f7f7f7 } .hotsearch-box .hotsearchbottom .boxbottom li { width: 84px; margin-right: 18px; height: 16px; overflow: hidden; display: inline-block; margin-bottom: 14px } .hotsearch-box .hotsearchbottom .boxbottom li { *zoom: 1; *display: inline; _zoom: 1; _display: inline } .hotsearch-box .hotsearchbottom .boxbottom a { display: block; height: 16px; font-size: 12px; line-height: 16px; _line-height: 20px; color: #666; padding-left: 24px; background-repeat: no-repeat; background-position: 0 0 } .hotsearch-box .hotsearchbottom .boxbottom a:hover { display: block; height: 16px; font-size: 12px; line-height: 16px; _line-height: 20px; color: #f30; padding-left: 24px; background-repeat: no-repeat; background-position: 0 0 } .width-lg .hotsearch-box { margin: 6px 0 26px 195px } .width-lg .hotsearch-box .hotsearchtop { width: 658px; position: relative } .width-lg .hotsearch-box .hotsearchtop .boxhot { width: 658px } .width-lg .hotsearch-box .hotsearchtop .boxhot .hottitle { margin-right: 12px; color: #090 } .width-lg .hotsearch-box .hotsearchtop .ctrlBtn { right: -8px } .width-lg .hotsearch-box .hotsearchtop .ctrlBtn-down { right: -99px; _right: -33px } .width-lg .hotsearch-box .hotsearchbottom { width: 539px; top: 25px } .width-nr .hotsearch-box { margin: 6px 0 26px 228px } .ecom { width: 220px; height: 60px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; position: relative; display: inline-block; overflow: hidden } .ecom .pic { width: 220px; height: 60px; display: inline-block; text-decoration: none; cursor: pointer; position: relative } .ecom .pic:hover { text-decoration: none } .ecom .pic img { width: 220px; height: 60px } .ecom .content-pic { width: 220px; height: 60px } .ecom .content-pic li { display: none; position: absolute; top: 0; left: 0; z-index: 1 } .ecom .content-pic .first { display: block } .ecom .content-pic .selected { display: block; z-index: 2 } .widget-topbanner { height: 39px; background: #fffeee; border-bottom: 1px solid #ddd; position: relative; z-index: 499 } .widget-topbanner .topbanner-inner { position: relative; z-index: 499 } .widget-topbanner .link { font-size: 13px; position: relative; top: 0; *top: 2px; color: #333; cursor: pointer; height: 20px; line-height: 20px; display: inline-block; text-decoration: none } .widget-topbanner .link:hover { color: #F30; text-decoration: underline } .widget-topbanner .btn { display: inline-block; width: 80px; height: 24px; top: 6px; *top: 5px; position: relative; left: 10px; cursor: pointer } .widget-topbanner .close { position: absolute; right: 20px; top: 16px; width: 8px; height: 8px; background-image: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png); background-repeat: no-repeat; background-position: 0 -211px; cursor: pointer; z-index: 500 } .widget-topbanner .close:hover { background-position: -8px -211px } .widget-topbanner .close-leftlink { position: absolute; right: 40px; top: 14px; cursor: pointer; font-size: 13px; z-index: 500 } .widget-topbanner .close-leftlink:hover { color: #f50; text-decoration: underline } .widget-topbanner .icon { display: inline-block; width: 18px; height: 18px; top: 4px; margin: 0 4px 0 0; position: relative } .hao123sethome { display: block; width: 243px; height: 26px; background: url(http://s1.hao123img.com/v5/00/fz/ot/IF/gN/sethome-btnss.png) no-repeat 0 0; position: absolute; left: 23px; top: 5px } .hao123sethome:hover { background-position: 0 -30px } .widget-topbanner .hide { display: none } .widget-topbanner .xht-box { width: 0; height: 0; position: absolute; right: 10px; top: 28px; z-index: 1001; padding: 66px 0 0 20px } .widget-topbanner .xht-popup { background: url(http://s0.hao123img.com/v5/Nq/Iv/3n/-9/TW/4/xht-popup.png) no-repeat 0 0; width: 107px; height: 36px } .widget-topbanner .xht-btn { width: 46px; height: 22px; line-height: 24px; text-align: center; display: inline-block; cursor: pointer } .widget-topbanner .ok:hover { background: url(http://s0.hao123img.com/v5/Nq/Iv/3n/-9/TW/4/xht-popup.png) no-repeat 0 -110px } .widget-topbanner .cancel:hover { background: url(http://s0.hao123img.com/v5/Nq/Iv/3n/-9/TW/4/xht-popup.png) no-repeat -46px -110px } .width-lg .colweather .control { position: absolute; background: #f7f7f7; left: 204px; _left: 203px; top: 60px; width: 241px; height: 97px; padding: 20px 19px 0 20px; border: 1px solid #d9d9d9; z-index: 204 } .width-lg .colweather .select-province,.width-lg .colweather .select-city,.colweather .select-district { float: left; width: 118px; margin-bottom: 10px } .width-lg .colweather .select-city { margin-left: 5px } .width-lg .colweather .btn-save { width: 41px; height: 22px; background-position: -207px -124px; display: inline-block; padding: 0; margin: 0; line-height: 22px; text-align: center; cursor: pointer; color: #666; vertical-align: top; *margin-top: 10px } .width-lg .colweather .btn-save:hover { color: #666; text-decoration: none } .width-lg .colweather .btn-cancle { width: 41px; height: 22px; display: inline-block; padding: 0; margin: 0; line-height: 22px; text-align: center; cursor: pointer; color: #666; margin-left: 11px; vertical-align: top; *margin-top: 10px } .width-lg .colweather .help { margin-left: 68px; vertical-align: middle } .width-lg .colweather-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 60px; z-index: 205 } .width-lg .colweather-active .colweather-wrapper { height: 61px; border-bottom: 1px solid #f7f7f7 } .width-lg .colweather-active { margin: 0 -1px 0 12px; border-left: 1px solid #d9d9d9; border-right: 1px solid #e4e4e4; background-color: #f7f7f7; _margin: 0 -1px 0 11px } .width-lg .colweather-active .link { position: relative; z-index: 206; height: 61px; background: #f7f7f7 } .colweather .colweahter-pm25 { display: none; padding-right: 5px; vertical-align: top } .colweather .pm25-text { width: 16px; height: 16px; text-align: center; line-height: 16px; background-color: #ccc; color: #fff; border-radius: 2px; *position: relative; *top: 22px } .navigate { position: relative } .width-lg .navigate { width: 100%; height: 33px; margin-bottom: 2px; border-bottom: 1px solid #d9d9d9 } .width-lg .navigate .tab { width: 900px } .width-lg .navigate .option { position: relative; float: left; height: 33px; line-height: 33px; padding-right: 21px; padding-left: 21px } .width-lg .navigate .option_fr { padding-left: 29px; padding-right: 29px } .width-lg .navigate .option_last { padding-right: 30px } .width-lg .navigate .option .spt { border-right: 1px solid #f7f7f7; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -8px } .width-lg .navigate .tip { position: absolute; width: 2px; height: 20px; left: 0; top: 50%; margin-top: -10px; background-color: #090 } .width-lg .navigate .hot { position: absolute; left: 66px; top: 8px; width: 20px; height: 17px; background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -80px -80px } .width-nr .navigate .tab { width: 698px } .width-nr .navigate .option { padding-right: 13px; padding-left: 13px } .width-nr .navigate .option_fr { padding-left: 26px; padding-right: 13px } .width-nr .navigate .option_last { padding-right: 13px } .width-nr .navigate .hot { left: 52px } .shortcut-box { position: fixed; z-index: 200; left: 50%; bottom: 0; margin-bottom: 10px; margin-left: 620px; _position: absolute; _bottom: auto } .shortcut-box .wrapper1 { width: 70px; height: 30px; margin-bottom: 4px } .shortcut-box .wrapper1 a { height: 30px } .shortcut-box-nr .wrapper1 { width: 60px } .shortcut-box a { display: block; cursor: pointer } .shortcut-box a:hover { text-decoration: none } .shortcut-box .vip { color: #666; display: block } .shortcut-box .vip .vip-text { text-align: center; font-size: 12px; height: 30px; line-height: 30px } .shortcut-box .noIcon-Link .vip-text { display: block } .shortcut-box .vip:hover { color: #118850 } .shortcut-box .wrapper1 i { vertical-align: middle; margin-left: 12px; margin-right: 6px; width: 17px; height: 16px; background-image: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) } .shortcut-box-nr .wrapper1 i { display: none } .shortcut-box-nr .wrapper1 .vip-text { display: block } .shortcut-box .wrapper1 .video { background-position: 0 -238px } .shortcut-box .wrapper1 .game { background-position: 0 -258px } .shortcut-box .wrapper1 .gouwu { background-position: 0 -278px } .shortcut-box .wrapper1 .joke { background-position: 0 -298px } .width-lg .rightTip { position: fixed; _position: absolute; z-index: 200; left: 50%; bottom: 229px; margin-left: 595px; width: 115px; height: 0; background: 0 } .width-nr .rightTip { position: fixed; _position: absolute; z-index: 200; left: 50%; margin-left: 495px; width: 50px; height: 0; background: 0 } .width-nr .shortcut-box { margin-left: 520px } .width-lg .servicetab { width: 278px; border-bottom: 0 } .width-lg .servicetab li { list-style: none } .width-lg .servicetab-header { position: relative; width: 100%; height: 33px; background-color: #f7f7f7 } .width-lg .servicetab-headeractive { height: 32px; border-bottom: 1px solid #d9d9d9 } .width-lg .servicetab-bd { position: relative; width: 100%; overflow: hidden; background-color: #fff } .width-lg .servicetab-starbar,.width-lg .servicetab-locallife { position: relative; width: 62px; height: 16px; margin-left: 18px; margin-right: 20px; cursor: pointer } .width-lg .servicetab-starbar .servicetab-txt,.width-lg .servicetab-locallife .servicetab-txt { position: absolute; top: 0; left: 0; width: 81px; height: 16px; line-height: 16px; margin-top: 9px; border-right: 1px solid #eaeaea } .width-lg .servicetab-itemactive { color: #118850; border-top: 1px solid #0aa770; margin-top: -1px } .width-lg .servicetab-more { position: absolute; top: 8px; left: 205px; width: 48px; padding-left: 14px; height: 18px; line-height: 18px; font-size: 12px; border: 1px solid #d9d9d9; z-index: 101; cursor: pointer } .width-lg .servicetab-more.servicetab-moreactive { height: 24px; border-bottom: 0; background-color: #fff } .width-lg .morearrow { position: absolute; width: 9px; height: 6px; top: 6px; left: 46px; cursor: pointer; background: url(‘http://s1.hao123img.com/v5/0W/zO/-A/q4/0Z/4/index_widthlg.png‘) no-repeat -52px -97px } .width-lg .servicetab-more .morearrow { _overflow: hidden } .width-lg .servicetab-more.servicetab-moreactive .morearrow { width: 14px; height: 13px; left: 44px; top: 3px; cursor: pointer; background-image: url(‘http://s0.hao123img.com/v5/G2/Zo/OZ/s6/En/3/closed.png‘); background-repeat: no-repeat; background-position: 0 0 } .width-lg .starbar { padding: 9px 0 0 18px } .width-lg .startbar-list { display: inline-block; *display: inline; *zoom: 1; margin-bottom: 6px } .starbar .tips { height: 33px; position: relative; margin-top: -8px; margin-left: -18px; display: none } .starbar .tvtip { width: 278px; height: 24px; *height: 27px; background-color: #f7f7f5; border-top: 1px solid #d9d9d9; position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top: 8px; left: 0; z-index: 10 } .starbar .tips .tips-toparrow { position: absolute; top: 5px; left: 0; width: 12px; height: 8px; background: url(‘http://s0.hao123img.com/v5/r5/m9/MN/OM/7u/6/tip-icon.png‘) -16px 0 no-repeat; z-index: 20 } .starbar .tvtip .tvtip-txtlink { font-size: 12px; line-height: 2; color: #ff5601; text-decoration: none } .starbar .tvtip .tvtip-txtlink:hover { color: #ff5601; text-decoration: underline } .starbar .tvtip .tvtip-txtkey { margin: 0 6px 0 12px; display: inline-block; vertical-align: middle; *font-size: 20px; *height: 22px; zoom: 1; text-decoration: none } .starbar .tvtip .tvtip-txtkey img { vertical-align: middle } .starbar .tvtip .tip-closed { background: url(‘http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png‘) -28px -24px no-repeat; width: 14px; height: 14px; position: absolute; right: 10px; top: 6px; display: inline-block; overflow: hidden; cursor: pointer } .starbar .tvtip .tip-closed-hover { background: url(‘http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png‘) -45px -24px no-repeat } .starbar .tiptime { margin-top: 0; margin-left: -18px; width: 278px; height: 30px } .starbar .tiptime .tvtip .tvtip-txtlink { line-height: 2.5 } .starbar .tiptime .tvtip { width: 240px; padding-right: 0; border: 1px solid #ebe9ec; border-left: none; border-right: 0; height: 100%; *line-height: 30px; top: 0; padding: 0 20px 0 18px } .starbar .tiptime .tvtip-txtkey { *font-size: 26px; *height: 28px; margin: 0 10px 0 0 } .width-lg .tiptimes { padding-bottom: 0 } .width-lg .box-locallife { width: 100%; height: 172px } .width-lg .locallife-icons { height: 56px; width: 256px; padding: 11px 11px 7px 11px; font-size: 12px; border-bottom: 1px solid #eaeaea } .width-lg .locallife-links { padding: 4px 10px 5px 10px } .width-lg .locallife-iconitem { position: relative; float: left; width: 64px; height: 26px; padding-top: 38px; text-align: center } .width-lg .locallife-car { position: absolute; top: 0; left: 16px; width: 36px; height: 36px; background-repeat: no-repeat; background-position: 50% 50% } .width-lg .locallife-train { position: absolute; top: 0; left: 16px; width: 36px; height: 36px; background-position: no-repeat } .width-lg .locallife-plane { position: absolute; top: 0; left: 16px; width: 36px; height: 36px; background-position: no-repeat } .width-lg .locallife-linkitem { height: 26px; line-height: 26px; font-size: 12px } .width-lg .locallife-linkkind { width: 54px; vertical-align: middle; margin-right: 10px; color: #090; text-align: center } .width-lg .locallife-linktext { width: 190px; height: 26px; line-height: 26px; vertical-align: middle; margin-right: 2px; overflow: hidden } .width-lg .locallife-linkother { color: #999 } .width-lg .box-more { position: absolute; top: 0; left: 0; width: 258px; height: 144px; padding: 5px 11px 12px 11px; background-color: #fff; z-index: 100 } .width-lg .more-item { width: 44px; height: 28px; line-height: 28px; padding: 0 10px; white-space: nowrap; overflow: hidden } .width-lg .servicetab-pic { border-top: 1px solid #eaeaea } .width-lg .tips-arrow { position: absolute; top: 0; left: 50px; width: 0; height: 0; border: solid transparent; _border-color: transparent transparent #f7f7f5 transparent; _border-style: dashed dashed solid dashed; border-width: 5px; border-bottom-color: #f7f7f5; z-index: 20 } .width-lg .tips-arrowOut { top: -3px; border-width: 6px; border-bottom-color: #d9d9d9 } .ie6 .tips-arrow { background: url(‘http://s1.hao123img.com/v5/Um/15/Ul/zm/jb/6/baritem-arrow.png‘) 0 0 no-repeat; border: 0; width: 11px; height: 7px; top: 2px; overflow: hidden } .ie6 .tips-arrowOut { display: none } .width-lg .box-startools { position: relative; border-top: 1px solid #ebebeb; padding-top: 10px } .width-lg .startools-container { width: 203px; height: 52px; overflow: hidden; margin-left: 44px } .width-lg .box-toolsDown { height: 24px } .width-lg .startools-icon { display: block; width: 20px; height: 20px; float: left; background: red; margin-top: -3px; margin-left: 18px; background: url(‘http://s1.hao123img.com/v5/Hz/mn/Ev/BX/8z/2/index_menus_widthlg.png‘) no-repeat; *position: absolute; _display: inline; _zoom: 1 } .box-startools .i-life { background-position: -20px -221px } .width-lg .startools-arrow { display: block; float: right; width: 14px; height: 14px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -64px -22px; cursor: pointer; margin-right: 13px; _position: absolute; _right: 0 } .width-lg .startools-arrowDown { background-position: -64px -6px } .width-lg .startools-list { margin-right: -24px } .width-lg .startools-link { width: 44px; overflow: hidden; text-align: left; font-size: 12px; text-align: left; color: #666; white-space: nowrap; margin-bottom: 11px } .startools-link.g_red { color: #f50 } .width-lg .startools-link:hover { color: #f50 } .width-lg .startools-link:active { background-color: transparent } .width-lg .navigate-wb .option { border-right: 0; width: 95px; padding: 0 } .navigate-wb .menu-split { display: block; width: 1px; height: 33px; position: absolute; top: 0; right: 0; background: url(http://s1.hao123img.com/v5/dU/1s/Aa/af/gO/3/menus_split.png) center left no-repeat } .navigate-wb .channel { display: block; height: 33px; text-decoration: none; text-align: center } .navigate-wb .option-selected .channel { background-color: #0aa770; color: #fff } .navigate-wb .option-selected .menu-split { display: none } .navigate-wb .option2 .title { color: #999 } .width-lg .navigate-wb .option2 { width: 60px; margin-left: 10px } .width-nr .navigate-wb .option2 { width: 42px; margin-left: 8px } #gotop-iframe { position: fixed; z-index: 200; left: 50%; bottom: 0; margin-bottom: 95px; margin-left: 620px; width: 45px; height: 44px; _position: absolute; _bottom: auto; display: block; background: url(http://s1.hao123img.com/v5/00/so/ii/Rk/7X/7/sprite-new.png) 0 -46px; cursor: pointer } #gotop-iframe .gotop-text { display: none } #gotop-iframe:hover { background: #7a7a7a; text-decoration: none } #gotop-iframe:hover .gotop-text { display: block; padding: 10px 0 0 10px; font-size: 12px; color: #fff; width: 30px; height: 30px; display: block; word-break: break-word } .width-nr #gotop-iframe { margin-left: 520px } .treasure-game { position: fixed; cursor: pointer; cursor: pointer; z-index: 499; right: 50%; bottom: 100px; margin-right: 595px } .treasure-game .duozai,.treasure-game .duozi-hot { position: absolute } .treasure-game .duozai { background-position: 500px 500px; background-repeat: no-repeat; bottom: 41px } .treasure-gameing .duozai { bottom: 0 } .treasure-game .progressbar-box { display: none; cursor: default } .treasure-item { line-height: 30px; vertical-align: -4px; *vertical-align: middle; padding: 0; background-position: 0 0; background-repeat: no-repeat } #box-starbar .treasure-item { line-height: 0; vertical-align: top } .treasure-item:hover { text-decoration: none } .treasure-item:active,.treasure-game .prize-btn:active { background-color: transparent } .treasure-hidden { display: none } .ie7 .treasure-hidden { display: none } .treasure-close { width: 16px; height: 16px; display: block; position: absolute; cursor: pointer; background-repeat: no-repeat } #top-anim { position: relative; z-index: 109; margin: auto; width: 1190px; height: 0; line-height: 0 } .width-nr #top-anim { width: 990px } .movinglink-wrap { position: absolute; left: 0; top: 0; width: 100% } .movinglink { position: absolute; cursor: pointer; z-index: 12 } #top-anim .rightanim { position: absolute; z-index: 11 } .el-tips { display: none; position: absolute; top: 60px; z-index: 20; height: 0; line-height: 0; color: #118850; cursor: pointer } .el-tips-show { display: block } .el-tips:hover { color: #118850 } .el-tips-img-wrap { display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; height: 0; background: #fbfbfb } .el-tips-img { position: absolute; top: 0; left: 0 } .el-tips-txt-wrap { display: none; position: absolute; top: 0; right: 0; width: 100% } .el-tips-txt-arrow { overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -2px; width: 5px; height: 3px; line-height: 0; background: url(http://s1.hao123img.com/v5/0W/Zn/k4/s_/Uz/3/el_tips_arrow.png) } .el-tips-txt { position: absolute; top: 2px; left: 50%; border: 1px solid #d9d9d9; border-radius: 1px; padding: 0 4px; white-space: nowrap; font-size: 12px; line-height: 20px; background: #fff } .subtitle { height: 40px; line-height: 40px; margin: 0; padding-right: 44px } .subtitle .sublink { padding: 0 9px 0 8px } .subtitle .red { color: #f50 } .box-head .tab-span .hot { display: block; width: 16px; height: 16px; position: absolute; right: -18px; top: 0; background: url(http://s1.hao123img.com/v5/Z8/OG/D1/3Q/dD/index_icon.png) -400px -600px no-repeat } #hao123-lbspanel .subtitle,#hao123-wuliao .subtitle,#hao123-shortvideo .subtitle,#hao123-game .subtitle { display: block } .mingzhanresource { width: 898px; background: #f7f7f7; overflow: hidden } .mingzhanresource .ul-btn { width: 100%; height: 100%; display: block; overflow: hidden } .mingzhanresource .ul-btn li { display: inline-block; height: 100%; *zoom: 1; *display: inline } .mingzhanresource .ul-btn a { width: 100%; height: 100%; display: block; overflow: hidden } .mingzhanresource .ul-btn a:hover,.mingzhanresource .ul-btn a:hover i,.mingzhanresource .ul-btn a:hover span { text-decoration: none } .mingzhanresource .ul-btn a i,.mingzhanresource .ul-btn a span { cursor: pointer; display: block; float: left } .mingzhanresource .ul-btn a span { font-family: "微软雅黑"; font-size: 14px; color: #000 } .width-nr .mingzhanresource { width: 698px } .star-link { display: block; height: 60px; line-height: 60px; line-height: 62px \9; color: #999; cursor: pointer; padding: 0 5px } .hao123-star .star-link:hover,.hao123-star .s-wea.star-hoverlink { margin-left: -1px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #f7f7f7; z-index: 2; color: #999 } .hao123-star .star-hoverlink { background: #f7f7f7 } .constellation-wrap { display: none; position: absolute; top: 60px; left: -1px; width: 372px; height: 304px; background: #f7f7f7; border: 1px solid #dedede; z-index: -1; box-shadow: 1px 1px #f2f2f2 } .constellation-wrap .avatar-wrap { float: left; margin-top: 6px; width: 150px; height: 130px } .constellation-wrap .name { display: block; width: 100%; height: 100%; background: url(http://s0.hao123img.com/res/r/image/2016-04-11/ff0ae30c452fc908f02f4fd930c57b79.png) no-repeat } .constellation-wrap .aries { background-position: 0 0 } .constellation-wrap .taurus { background-position: 6px -134px } .constellation-wrap .gemini { background-position: 0 -264px } .constellation-wrap .cancer { background-position: 6px -397px } .constellation-wrap .leo { background-position: 0 -530px } .constellation-wrap .virgo { background-position: 6px -666px } .constellation-wrap .libra { background-position: 6px -796px } .constellation-wrap .scorpio { background-position: 0 -933px } .constellation-wrap .sagittarius { background-position: 0 -1062px } .constellation-wrap .capricorn { background-position: 6px -1196px } .constellation-wrap .aquarius { background-position: 6px -1326px } .constellation-wrap .pisces { background-position: 6px -1462px } .constellation-wrap .intro { overflow: hidden; padding: 29px 0 0 4px; width: 190px; color: #88baa9 } .constellation-wrap .intro .date,.constellation-wrap .intro .comment { display: block; height: 20px; line-height: 20px; color: #9a9a9a } .constellation-wrap .intro .intro-con { position: relative; text-align: left } .constellation-wrap .intro .comment { width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .constellation-wrap .title { width: 62px; font-family: "Microsoft YaHei"; font-size: 16px; color: #666; text-align: left; white-space: nowrap; margin-right: 5px } .constellation-wrap .title:hover { text-decoration: none; color: #b7b7b7 } .constellation-wrap .stars-outer { width: 76px; height: 12px; overflow: hidden } .constellation-wrap .intro .stars-outer .stars-inner { width: 137px; height: 12px; background: url(http://s0.hao123img.com/res/r/image/2016-04-11/ff0ae30c452fc908f02f4fd930c57b79.png) -13px -1620px no-repeat } .constellation-wrap .intro .fortune { margin-top: 5px } .constellation-wrap .intro .fortune a { float: left; display: inline; margin-left: 4px; width: 59px; height: 22px; line-height: 22px; text-align: center; background: url(http://s0.hao123img.com/res/r/image/2016-04-11/ff0ae30c452fc908f02f4fd930c57b79.png) -91px -1686px no-repeat; color: #88baa9 } .constellation-wrap .intro .fortune a.first { margin: 0 } .constellation-wrap .intro .fortune a:hover { text-decoration: none; background-position: -91px -1659px; color: #fff } .constellation-wrap .intro .ctrl-btn { position: absolute; top: 20px; z-index: 100; width: 30px; height: 33px } .constellation-wrap .intro .ctrl-btn a { display: block; width: 100%; height: 100%; cursor: pointer } #hao123-star .star-nav { overflow: hidden; clear: left; padding-top: 7px } #hao123-star .star-navlink { width: 61px; height: 32px; line-height: 32px; margin: 1px 0 0 1px; background: #eee; text-align: center; color: #676767 } #hao123-star .star-navlink:hover { color: #0d894b; text-decoration: none } #hao123-star .star-navCur { color: #9a9a9a } #hao123-star .star-bottom { zoom: 1; padding: 9px 0 14px 9px } #hao123-star .star-news-items { float: left; width: 270px; _width: 267px; text-align: left } #hao123-star .star-news-item { float: left; overflow: hidden; width: 131px; height: 24px; text-align: left; line-height: 24px; font-family: simsun } #hao123-star .star-news-link { color: #585858 } #hao123-star .star-news-link:hover,#hao123-star .g_red { color: #f50; text-decoration: none } #hao123-star .g_green:hover,#hao123-star .g_green { color: #118850; text-decoration: none } #hao123-star .star-news-link:hover .star-news-title { text-decoration: underline } #hao123-star .star-qr { overflow: hidden; padding-top: 6px; zoom: 1 } #hao123-star .star-qr-link { display: block; text-decoration: none } #hao123-star .star-qr-img { float: left; margin-right: 3px; _margin-right: 0; width: 61px; height: 61px } #hao123-star .star-qr-title { overflow: hidden; display: block; width: 15px; height: 61px; background: #eee; line-height: 15px; color: #666; cursor: pointer } .govsite-box { padding: 6px 0 6px 33px; width: 865px; border-bottom: solid 1px #f7f7f7; position: relative; overflow: hidden } .govsite-box .govsite-item { width: 143px; height: 26px; line-height: 26px; vertical-align: top; overflow: hidden } .govsite-box .next-line { display: none } .govsite-box .govsite-link { height: 26px; line-height: 26px; vertical-align: top; color: #333; text-decoration: none; cursor: pointer } .govsite-box .govsite-item .icon { width: 16px; height: 26px; vertical-align: top; margin-right: 6px; background-image: url(http://s1.hao123img.com/v5/L2/ZV/sq/jp/fw/zfsiteicon.jpg); background-repeat: no-repeat; background-position: 0 5px } .govsite-box .govsite-item .text { height: 26px; line-height: 26px; vertical-align: top } .govsite-box .g_red { color: #f50; text-decoration: none } .govsite-box .g_green { color: #118850; text-decoration: none } .govsite-box .govsite-link:hover { color: #f50; text-decoration: underline } .govsite-box .govsite-link:hover .text { text-decoration: underline } .govsite-box .divide { height: 26px; line-height: 26px; vertical-align: top; margin: 0 3px; *position: relative; *top: -3px } .govsite-box .title { width: 20px; height: 42px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat -83px -22px; position: absolute; top: 10px; right: 0 } .width-nr .govsite-box { width: 674px; padding-left: 24px } .width-nr .govsite-box .govsite-item { width: 112px } .width-nr .govsite-box .govsite-item .icon { margin-right: 2px } .govsite-top { width: 100%; margin-bottom: 10px; margin-top: -10px; overflow: hidden } .govsite-top .govsite-inner { width: 1188px; height: 36px; border: solid 1px #84d7ba; line-height: 36px; margin: 0 auto; font-size: 14px; color: #666; background: #fff; position: relative; overflow: hidden } .govsite-top .govsite-inner .title { vertical-align: top; width: 80px; height: 36px; text-align: center; color: #0aa770 } .govsite-top .govsite-inner .title-line { vertical-align: top; height: 20px; width: 1px; background-color: #eaeaea; position: relative; top: 9px; margin-right: 36px } .govsite-top .govsite-inner .govsite-item { height: 36px; line-height: 36px; vertical-align: top; margin-right: 36px } .govsite-top .govsite-inner .govsite-link { height: 36px; line-height: 36px; vertical-align: top; color: #333; text-decoration: none } .govsite-top .govsite-inner .g_red { color: #f50; text-decoration: none } .govsite-top .govsite-inner .g_green { color: #118850; text-decoration: none } .govsite-top .govsite-inner .govsite-link:hover { color: #f50; text-decoration: underline } .govsite-top .govsite-inner .divide { height: 36px; line-height: 36px; vertical-align: top; *position: relative; *top: -3px } .govsite-top .govsite-inner .close { width: 9px; height: 9px; line-height: 36px; vertical-align: top; cursor: pointer; color: #999; text-decoration: none; position: absolute; right: 0; top: 12px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) no-repeat; background-position: -84px -8px } .govsite-top .govsite-inner .close:hover { background-position: -93px -8px; text-decoration: none } .govsite-top .govsite-inner .close:active { background-position: -93px -8px; text-decoration: none } .width-nr .govsite-top .govsite-inner { width: 988px } .width-nr .govsite-top .govsite-inner .title-line { margin-right: 20px } .width-nr .govsite-top .govsite-inner .govsite-item { margin-right: 20px } .gameyixing-top .layout-content { position: relative } .gameyixing-top .s-sbg2 { background-repeat: no-repeat; background-position: center top; _background-position: center 6px; overflow: hidden } .sk_gameyixing .g-sbg1 { background: 0 } .gameyixing-top .gameyixing-close-top { width: 39px; height: 55px; z-index: 1; position: absolute; right: -42px; _right: 30px; top: 85px; border: 0; cursor: pointer } .gameyixing-top .menus .menu-split { width: 1px; position: absolute; right: 0; background: 0; background-color: #00343c; height: 20px; top: 10px } .gameyixing-top .gameyixing-link-left-top { position: absolute; top: -118px; left: -23px; width: 154px; height: 115px; cursor: pointer; z-index: 200 } .gameyixing-top .gameyixing-link-left2-top { position: absolute; width: 110px; height: 39px; top: -42px; left: 133px; cursor: pointer; z-index: 10 } .gameyixing-top .gameyixing-link-right-top { position: absolute; width: 43px; height: 190px; z-index: 100; right: -43px; top: -115px; cursor: pointer } .gameyixing-top .s-wea { color: #fff } .gameyixing-top .colweather-hover .link .s-wea { color: #999 } .gameyixing-top .loginlink .login,.gameyixing-top .mail .s-wea,.gameyixing-top .header-browser .browser,.gameyixing-top .skin-btn { color: #fff } .gameyixing-top .loginlink-hover .login,.gameyixing-top .mail .mailtrriger:hover,.gameyixing-top .header-browser .browser:hover,.gameyixing-top .skin-btn:hover { color: #999 } .gameyixing-top .menus { border: 0; background: 0 } .gameyixing-top .menus .g_clr { border-top-width: 0 } .gameyixing-top .menus .menu { height: 39px; line-height: 39px; width: 106px; position: relative } .gameyixing-top .menus .link { color: #fff } .gameyixing-top .menus .link:hover .title { color: #ffdba9 } .gameyixing-top .menus .link.active { color: #fff; background-color: #00343c } .gameyixing-top .menus .link.active:hover { background-color: #00343c } .gameyixing-top .govsite-top { position: relative; top: -1px } .gameyixing-top .govsite-top .govsite-inner { height: 35px; border: solid 1px #00343c } .gameyixing-top .govsite-top .govsite-inner .title-line { background: #00343c } .gameyixing-top .govsite-top .govsite-inner .govsite-link,.gameyixing-top .govsite-top .govsite-inner .govsite-link:hover,.gameyixing-top .govsite-top .govsite-inner .title { color: #799a9c } .gameyixing-top .search .input-shadow { border: 3px solid #9a1404 } .gameyixing-top .search .button { border-style: solid; border-color: #9a1404; height: 50px } .gameyixing-top .search-fixed .search .input-shadow { border: 1px solid #666; border-right: 0; background: #fff } .gameyixing-top .search-fixed .search .button { border: 0 } .gameyixing-top .hotsearch-box .hotsearchtop .boxhot a { color: #fff } .width-nr .gameyixing-top .s-sbg2 { background-repeat: no-repeat; background-position: center top; _background-position: center 6px } .width-nr .gameyixing-top .menus .menu { width: 99px } .width-nr .gameyixing-top .hotsearch-box .hotsearchtop { padding-top: 5px } .width-nr .gameyixing-top .gameyixing-link-left-top { position: absolute; top: -118px; left: -27px; width: 94px; height: 115px; cursor: pointer; z-index: 200 } .width-nr .gameyixing-top .gameyixing-link-left2-top { position: absolute; width: 140px; height: 40px; top: -44px; left: 68px; cursor: pointer; z-index: 10 } .width-lg .gameyixing-bottom,.gameyixing-bottom .g-bg5 { background-color: #00575e } .gameyixing-bottom .ctab-ct a,.gameyixing-bottom .ctab-ct a i,.gameyixing-bottom .g-bg5 .g-ib a,.gameyixing-bottom .ctab-game-yeyou .time,.gameyixing-bottom .g-bg5 .g-ib span { color: #fff } .gameyixing-bottom .g-bg5 .g-ib.active span,.gameyixing-bottom .box-head .box-tab:hover span,.gameyixing-bottom .ctab-body-right1 a:hover { color: #ffdba9 } .gameyixing-bottom .hot-game .item a:hover,.gameyixing-bottom .sidelink2 .item { background: #004449 } .gameyixing-bottom .ctab-game-yeyou .ctab-body-right1 .item { background: #004449; color: #fff } .gameyixing-bottom .g-br6 { border: solid 1px #00343c } .gameyixing-bottom .ctab-game-remen { background-color: #00575e } .gameyixing-bottom .hot-game .item { background-color: #004449 } .gameyixing-bottom .hot-game .item a:hover i { text-decoration: underline } .gameyixing-bottom .sidelink2 .item:hover { background: #004449; color: #ffdba9 } .gameyixing-bottom .gameyixing-link-left-bottom { position: absolute; top: -1px; left: -148px; width: 150px; height: 350px; z-index: 1; cursor: pointer } .gameyixing-bottom .gameyixing-link-right-bottom { position: absolute; width: 150px; height: 350px; right: -150px; z-index: 10; cursor: pointer } .gameyixing-bottom .gameyixing-close-bottom { position: absolute; width: 39px; height: 55px; right: -43px; top: 0; z-index: 20; cursor: pointer } .headjoke-box { position: absolute; right: 0; width: 129px; height: 60px; line-height: 60px; top: 0; text-align: left; overflow: hidden; z-index: 16 } .headjoke-box .headjoke-link { color: #999; width: 129px; height: 60px; line-height: 60px; vertical-align: top; position: relative; padding: 0 7px } .headjoke-box .g_red { color: #f50 } .sk_skin-color-green .headjoke-box .headjoke-link:hover { text-decoration: none; background-color: #f7f7f7; filter: none } .headjoke-box .headjoke-link:hover { text-decoration: none; background-color: rgba(247,247,247,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bF7F7F7,endColorstr=#4bF7F7F7) } .headjoke-box .headjoke-text { overflow: hidden; vertical-align: top; padding-left: 17px; height: 60px; line-height: 60px; text-align: left } .headjoke-box .smile { position: absolute; top: 23px; left: 5px; width: 15px; height: 15px; background: url(http://s1.hao123img.com/v5/Py/nd/I_/jn/ut/3/new_index_icon.png) -96px -46px no-repeat } .width-nr .headjoke-box { display: none } .siye { position: absolute; right: 0; top: 0; width: 90px; height: 90px; overflow: hidden; z-index: 1000 } .siye .advertise { position: absolute; top: 0; right: 0; right: 1px\9; *right: 0; _right: 0; display: inline-block; width: 90px; height: 90px; _background-position: -735px 0; background-repeat: no-repeat; cursor: pointer } .siye .close { display: inline-block; position: absolute; width: 20px; height: 20px; top: 33px; right: 32px; _top: 51px; _right: 50px; cursor: pointer } .css_WYoyLbiHGT { height: 88px }
标签:
原文地址:http://www.cnblogs.com/newpython/p/5880284.html