.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
}