zoukankan      html  css  js  c++  java
  • css

    .sjb-box-slider {
    	 238px;
    	height: 58px;
    	overflow: hidden;
    	position: relative
    }
    
    .sjb-box-slider .piclink {
    	 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;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 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;
    	 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 {
    	 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;
    	 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 {
    	 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 {
    	 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 {
    	 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;
    	 700px;
    	line-height: 32px;
    	position: relative
    }
    
    .guesslike-industry-title {
    	color: #118850;
    	overflow: hidden;
    	height: 32px;
    	 35px;
    	line-height: 32px;
    	position: relative;
    	vertical-align: top
    }
    
    #guesslikesite-block .guesslike-industry .red-icon {
    	display: none;
    	 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 {
    	 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 {
    	 898px
    }
    
    .width-lg .guesslike-industry-title {
    	 40px
    }
    
    .width-lg #guesslikesite-block .guesslike-industry {
    	padding: 0 0 0 35px;
    	 862px
    }
    
    .width-lg #guesslikesite-block .guesslike-col {
    	 107px
    }
    
    .width-nr #guesslikesite-block {
    	 698px
    }
    
    .width-nr .guesslike-industry-title {
    	 35px
    }
    
    .width-nr #guesslikesite-block .guesslike-industry {
    	padding: 0 0 0 35px;
    	 662px
    }
    
    .width-nr #guesslikesite-block .guesslike-col {
    	 92px
    }
    
    .width-nr #guesslikesite-block .guesslike-col-last {
    	display: none
    }
    
    .wslider {
    	position: relative;
    	overflow: hidden;
    	zoom: 1;
    	 238px;
    	margin-bottom: 10px
    }
    
    .wslider-inner {
    	 800%;
    	font-size: 0
    }
    
    .wslider-inner .hide {
    	position: absolute;
    	visibility: hidden
    }
    
    .wslider-item {
    	 238px;
    	display: inline-block;
    	*display: inline;
    	*zoom: 1
    }
    
    .wslider-item .item-pic {
    	 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%;
    	 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 {
    	 278px
    }
    
    .width-lg .wslider-item {
    	 278px
    }
    
    .width-lg .wslider-item .item-pic {
    	 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;
    	 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;
    	 100%;
    	border-bottom: 1px solid #ddd
    }
    
    .search-fixed .hao123-search .fixed-bg {
    	position: absolute;
    	top: 0;
    	height: 64px;
    	 100%;
    	background: #f3f3f3;
    	opacity: .97;
    	filter: alpha(opacity=97);
    	border: 1px solid #d9d9d9
    }
    
    .search-fixed .hao123-search .border-shadow {
    	height: 2px;
    	 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;
    	 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 {
    	 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- 1px;
    	border-style: solid;
    	border-color: #0aa770
    }
    
    .width-lg .g-border0_w2 {
    	border- 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 {
    	 1000px;
    	margin: 0 auto
    }
    
    .g-wd2 {
    	 998px;
    	margin: 0 auto
    }
    
    .g-wrap {
    	min- 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 {
    	 1190px;
    	margin: 0 auto
    }
    
    .width-lg .g-wd2 {
    	 1188px;
    	margin: 0 auto
    }
    
    .width-lg .g-wrap {
    	min- 1190px
    }
    
    .width-nr .g-wd {
    	 990px;
    	margin: 0 auto
    }
    
    .width-nr .g-wd2 {
    	 988px;
    	margin: 0 auto
    }
    
    .width-nr .g-wrap {
    	min- 990px
    }
    
    body {
    	font: 14px/100% arial,"Hiragino Sans GB","Hiragino Sans GB W3",5b8b4f53;
    	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;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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: 5b8b4f53
    }
    
    .g_lx .g_lx-fl,.g_lx .g_lx-fr {
    	 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 {
    	 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 {
    	 310px;
    	float: right;
    	margin-right: 14px;
    	margin-top: 15px
    }
    
    .g-fcd {
    	color: #333
    }
    
    .w960px {
    	 960px
    }
    
    .w1000px {
    	 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 {
    	 100%;
    	height: 28px;
    	background-position: 0 0;
    	min- 1000px;
    	*zoom: 1
    }
    
    .layout-userbar .layout-inner {
    	margin: 0 auto
    }
    
    .layout-banner {
    	 100%;
    	height: 30px;
    	background: #efefef;
    	min- 1000px;
    	border-bottom: 1px solid #d5d5d5
    }
    
    .layout-banner .layout-inner {
    	margin: 0 auto
    }
    
    .layout-container {
    	position: relative;
    	background-position: 0 -256px;
    	position: static9;
    	min- 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;
    	 240px;
    	position: relative;
    	z-index: 99
    }
    
    .layout-content-slider .lcs-recommend {
    	margin-bottom: 10px
    }
    
    .layout-content-slider .lcs-recommend {
    	 238px;
    	overflow: hidden
    }
    
    .layout-content-ct {
    	float: right;
    	 750px
    }
    
    .layout-famoussite {
    	 748px;
    	border- 1px;
    	position: relative;
    	z-index: 10
    }
    
    .box-famoussite {
    	clear: both;
    	position: relative;
    	z-index: 1
    }
    
    .layout-adbar {
    	 750px;
    	overflow: hidden
    }
    
    .layout-coolsite {
    	 748px
    }
    
    .layout-surprise,.layout-bottombox {
    	margin: 10px auto 0 auto;
    	 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 {
    	 1190px
    }
    
    .width-lg .layout-content-ct {
    	 900px
    }
    
    .width-lg .layout-content-slider {
    	 280px
    }
    
    .width-lg .layout-famoussite {
    	 898px
    }
    
    .width-lg .layout-coolsite {
    	 898px
    }
    
    .width-lg .layout-surprise,.width-lg .layout-bottombox {
    	 1188px
    }
    
    .width-lg .layout-adbar {
    	 900px
    }
    
    .width-nr .w1000px {
    	 990px
    }
    
    .width-nr .layout-content-ct {
    	 700px
    }
    
    .width-nr .layout-content-slider {
    	 280px
    }
    
    .width-nr .layout-famoussite {
    	 698px
    }
    
    .width-nr .layout-coolsite {
    	 698px
    }
    
    .width-nr .layout-surprise,.width-nr .layout-bottombox {
    	 988px
    }
    
    .width-nr .layout-adbar {
    	 700px
    }
    
    .width-nr .layout-famoussite {
    	 698px
    }
    
    .g-swd1 {
    	border- 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;
    	 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;
    	 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;
    	 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- 1px 1px 1px 0;
    	display: inline-block;
    	vertical-align: top;
    	padding: 0 5px
    }
    
    .hao123-header-right .skin-recommond .pointer {
    	position: absolute;
    	 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;
    	 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 {
    	 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;
    	 14px;
    	height: 14px;
    	top: 8px;
    	top: 6 px9;
    	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;
    	 100%;
    	position: relative;
    	z-index: 120
    }
    
    .hao123-tools-wrap .yun-tip {
    	position: absolute;
    	 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;
    	 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 {
    	 100%;
    	text-decoration: none
    }
    
    .hao123-tools-wrap .headerBg {
    	 100%;
    	height: 61px;
    	position: absolute;
    	background-color: #fcfcfc;
    	opacity: .2;
    	filter: alpha(Opacity=20);
    	left: 0;
    	top: 0
    }
    
    .hao123-tools-wrap .headerbottombr {
    	 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 {
    	 238px
    }
    
    .hao123-date {
    	 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;
    	 100%;
    	height: 100%;
    	z-index: 1
    }
    
    .hao123-weather {
    	 245px
    }
    
    .hao123-email {
    	 165px
    }
    
    .hao123-email .mail {
    	margin: 4px 0 0 10px;
    	_margin-top: 2px;
    	z-index: 18
    }
    
    .hao123-banner {
    	position: absolute;
    	right: 0;
    	 222px;
    	height: 60px;
    	top: 0;
    	text-align: right;
    	overflow: hidden;
    	z-index: 16
    }
    
    .hao123-banner .ecom {
    	 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 {
    	 238px
    }
    
    .hao123-sites {
    	margin-left: 10px;
    	 748px
    }
    
    .hao123-search-panel {
    	position: relative;
    	z-index: 110;
    	 1000px
    }
    
    .hao123-search-panel .search-bg {
    	position: absolute;
    	 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 {
    	 748px
    }
    
    .hao123-coolsite .last {
    	border-bottom: 0
    }
    
    .hao123-wfslider {
    	line-height: 0;
    	font-size: 0
    }
    
    .hao123-killtime {
    	margin-top: 10px;
    	 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;
    	 220px;
    	height: 300px
    }
    
    .hao123-killtime .other {
    	 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;
    	 998px
    }
    
    .hao123-erji {
    	background-color: #f7f7f8;
    	margin-top: 10px;
    	border- 1px 0 0
    }
    
    .hao123-erji #box-weibobottom {
    	 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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 56px;
    	background-position: -1px -47px
    }
    
    .hao123-footer2 .bottom-fawu {
    	 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 {
    	 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 {
    	 998px;
    	height: 298px;
    	margin: 10px auto auto auto;
    	position: relative
    }
    
    .hao123-bottom-box .box-head {
    	height: 35px;
    	line-height: 33px;
    	border- 0 0 2px 0
    }
    
    .hao123-bottom-box .box-title {
    	height: 35px;
    	line-height: 35px;
    	margin-left: 30px;
    	 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 {
    	 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 {
    	 497px;
    	height: 266px
    }
    
    .hao123-bottom-box .box-col3 {
    	 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 {
    	 248px;
    	height: 232px;
    	border-left: 1px solid #f1f1f1;
    	margin-top: 17px;
    	overflow: hidden
    }
    
    .hao123-bottom-box .box-slider2 {
    	 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 {
    	 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;
    	 246px;
    	height: 28px;
    	z-index: 10
    }
    
    .hao123-bottom-box .box-ct-shangquan {
    	 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- 0 0 2px 0;
    	padding-bottom: 0
    }
    
    .hao123-boringtime {
    	margin-top: 10px;
    	 998px;
    	position: relative
    }
    
    .hao123-boringtime .col4 {
    	padding: 25px 14px 0 15px;
    	 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 {
    	 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;
    	 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;
    	 50px;
    	height: 100%;
    	z-index: 499
    }
    
    .years16Container {
    	position: fixed;
    	_position: absolute;
    	display: none;
    	left: 0;
    	_top: 1500px;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 1000px;
    	margin: -9px auto -7px
    }
    
    .layout-guess-bottom {
    	margin-bottom: 10px
    }
    
    .width-lg .hao123-bottom-box {
    	 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;
    	 168px;
    	height: 60px;
    	z-index: 20;
    	margin-right: 24px
    }
    
    .width-lg .hao123-col {
    	float: left
    }
    
    .width-lg .sethome {
    	 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 {
    	 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;
    	 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;
    	 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;
    	 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 {
    	 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;
    	 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;
    	_ 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- 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- 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 {
    	 889px
    }
    
    .width-lg .box-col3 .grid {
    	left: 0
    }
    
    .width-lg .hao123-search-panel-box {
    	height: 82px
    }
    
    .width-lg .gw-header {
    	 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 {
    	 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 {
    	 898px
    }
    
    .width-lg #hao123-gw11 .gw11-bottom {
    	position: absolute;
    	 1188px;
    	height: 9px;
    	bottom: 0
    }
    
    .width-nr .hao123-search .notice {
    	 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 {
    	 988px;
    	margin: 10px auto auto auto
    }
    
    .width-nr .hao123-bottom-box .box-col3,.width-nr .box-col3 .grid,.width-nr .box-col3 .slide {
    	 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 {
    	 990px
    }
    
    .width-nr .yeyou_frame {
    	 698px
    }
    
    .width-nr .gw-header {
    	 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;
    	 988px;
    	height: 9px;
    	bottom: 0
    }
    
    .closeSkin {
    	 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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 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;
    	 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 {
    	 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;
    	 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;
    	 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 {
    	 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;
    	 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 {
    	 112px
    }
    
    .width-nr .wf-inner .resource-container {
    	 118px;
    	left: 103px
    }
    
    .width-nr .wf-inner .resource-container .siteresource-link {
    	 106px;
    	padding-left: 9px
    }
    
    .width-nr .wf-inner .siteresource-tip {
    	 15px;
    	height: 15px;
    	margin-left: -5px
    }
    
    .width-nr .wf-inner .resource-container-right .siteresource-link {
    	 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 {
    	 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 {
    	 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 {
    	 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 {
    	 878px;
    	height: 34px;
    	overflow: hidden
    }
    
    .box-famoussite .link-banner li {
    	 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 {
    	 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;
    	 auto;
    	height: 34px;
    	line-height: 34px;
    	font-size: 14px;
    	color: #333;
    	cursor: pointer
    }
    
    .width-nr .box-famoussite .banner-box {
    	 681px;
    	padding-left: 17px
    }
    
    .width-nr .box-famoussite .link-banner {
    	 685px;
    	_ 681px
    }
    
    .width-nr .box-famoussite .link-banner li {
    	 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;
    	 238px;
    	float: right;
    	display: none
    }
    
    .suggest .list-special {
    	 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;
    	 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 {
    	 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 {
    	 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 {
    	 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 {
    	 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 {
    	 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;
    	 102px;
    	height: 136px
    }
    
    .suggest-detail-img img {
    	 102px;
    	height: 136px
    }
    
    .suggest-detail-play {
    	padding-left: 24px;
    	clear: left;
    	float: left;
    	 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 {
    	 538px;
    	top: 45px
    }
    
    .baritem {
    	 105px
    }
    
    .baritem .category {
    	float: left;
    	position: relative;
    	padding-left: 21px;
    	padding-top: 6px;
    	*padding-top: 7px
    }
    
    .baritem i {
    	display: block;
    	position: absolute;
    	 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 {
    	 128px
    }
    
    .width-lg .baritem .category {
    	padding-left: 25px
    }
    
    .width-lg .baritem .star-icon {
    	position: absolute;
    	 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 {
    	 1042px;
    	padding: 20px 0 10px 0;
    	position: relative
    }
    
    .skin .viewport,.skin .arrow {
    	vertical-align: middle
    }
    
    .skin .arrow {
    	visibility: hidden;
    	 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;
    	 1000px;
    	height: 280px;
    	overflow: hidden
    }
    
    .skin .screens {
    	margin-left: 0;
    	position: relative
    }
    
    .skin .screens li {
    	 1000px;
    	height: 280px;
    	text-align: left;
    	vertical-align: middle;
    	*zoom: 1
    }
    
    .skin .screens .img-wrapper {
    	 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;
    	 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 {
    	 136px;
    	display: block;
    	left: 0;
    	top: 97px
    }
    
    .skin .tip {
    	display: inline-block;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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;
    	 160px;
    	z-index: 10
    }
    
    .hao123-skin-header {
    	 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;
    	 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 {
    	 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 {
    	 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 {
    	 56px
    }
    
    .op a.cansel:hover,.op a.reset:hover {
    	text-decoration: underline
    }
    
    .op a.reset {
    	color: #35a738;
    	margin-left: 10px
    }
    
    .slide-number {
    	 100%;
    	height: 12px;
    	text-align: center;
    	position: absolute;
    	bottom: 5px;
    	left: 0
    }
    
    .slide-number i {
    	float: left;
    	 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 {
    	 1140px
    }
    
    .width-lg .skin-box {
    	 1246px;
    	background: #dfe1e2
    }
    
    .width-lg .skin .viewport {
    	 1140px
    }
    
    .width-lg .skin .screens li {
    	 1140px
    }
    
    .width-nr .hao123-skin-header {
    	 950px
    }
    
    .width-nr .skin-box {
    	 1046px
    }
    
    .width-nr .skin .viewport {
    	 950px
    }
    
    .width-nr .skin .screens li {
    	 950px
    }
    
    .width-nr .skin .width-nr-hide {
    	display: none
    }
    
    .popup-confirm {
    	 310px;
    	height: 170px
    }
    
    .popup-confirm .popup-head {
    	height: 34px;
    	line-height: 34px;
    	background: #f7f7f7
    }
    
    .popup-confirm .popup-head a {
    	 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 {
    	 67px;
    	height: 26px;
    	font: 14px/22px '宋体';
    	_font: 14px/24px '宋体';
    	border- 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 {
    	 100%;
    	height: 100%
    }
    
    .popup td {
    	height: 100%
    }
    
    .popup-alert {
    	 300px
    }
    
    .popup-forever {
    	 540px
    }
    
    .popup-head {
    	background: url(http://s0.hao123img.com/index/images/site/head-bg.png) repeat-x;
    	line-height: 28px;
    	height: 28px;
    	 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;
    	 17px;
    	height: 17px
    }
    
    .popup .button {
    	background: url(http://s1.hao123img.com/index/images/site/sprite.png) -63px -1px no-repeat;
    	 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;
    	 100%;
    	height: 100%;
    	position: fixed;
    	_position: absolute;
    	z-index: 500;
    	opacity: .6;
    	*filter: alpha(opacity=60);
    	filter: alpha(opacity=60);
    	_top: 0;
    	_left: 0
    }
    
    .popup-forever-w i {
    	background: url(http://s1.hao123img.com/index/images/site/sprite.png) no-repeat;
    	height: 50px;
    	 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;
    	 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 {
    	 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 {
    	 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 {
    	 35px;
    	height: 18px;
    	line-height: 18px;
    	zoom: 1;
    	padding-top: 10px;
    	overflow: hidden;
    	display: block
    }
    
    .sethometype .info:hover {
    	 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 {
    	 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 {
    	 17px;
    	height: 16px;
    	background-position: -136px -26px;
    	position: absolute;
    	right: 10px;
    	bottom: 1px
    }
    
    .pop-sethome .icon:hover {
    	background-position: -136px -59px
    }
    
    .sethometype .contents {
    	 280px;
    	height: 180px;
    	background-repeat: no-repeat
    }
    
    .sethome-long {
    	height: 330px
    }
    
    .sethome-long .contents {
    	 310px;
    	height: 300px
    }
    
    .popup-vip-login,.popup-vip-success,.popup-vip-sorry {
    	position: fixed;
    	_position: absolute;
    	z-index: 999;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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;
    	 275px;
    	height: 68px;
    	top: 69px;
    	position: absolute;
    	left: 47px
    }
    
    #popup_active_cj {
    	height: 43px;
    	 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;
    	 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;
    	 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;
    	 0;
    	height: 0;
    	line-height: 0;
    	position: absolute;
    	top: -15px;
    	left: 33px
    }
    
    .hao123-header .sethome .close {
    	display: block;
    	 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;
    	 283px;
    	height: 168px;
    	position: absolute;
    	z-index: 999;
    	top: 0;
    	left: 0
    }
    
    .pop-treasure-good {
    	 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;
    	 137px;
    	height: 24px;
    	top: 207px;
    	left: 217px;
    	border: 0
    }
    
    .prizer-phone {
    	position: absolute;
    	display: block;
    	 137px;
    	height: 20px;
    	top: 247px;
    	left: 217px;
    	border: 0
    }
    
    .prizer-address {
    	line-height: 17px;
    	word-break: break-all;
    	resize: none;
    	position: absolute;
    	display: block;
    	 180px;
    	height: 34px;
    	top: 282px;
    	left: 217px;
    	border: 0;
    	vertical-align: top
    }
    
    .treasure-good-submit {
    	display: block;
    	 156px;
    	height: 64px;
    	position: absolute;
    	top: 330px;
    	left: 175px
    }
    
    .pop-treasure-good .redborder {
    	border-color: #ff2a00
    }
    
    .treasure-good-close {
    	display: block;
    	 40px;
    	height: 40px;
    	position: absolute;
    	top: 122px;
    	left: 429px;
    	cursor: pointer
    }
    
    .treasure-good-prize {
    	 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 {
    	 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;
    	 141px;
    	height: 56px;
    	position: absolute;
    	top: 329px;
    	left: 272px
    }
    
    .good-confirm-close {
    	display: block;
    	 40px;
    	height: 40px;
    	position: absolute;
    	top: 121px;
    	left: 429px;
    	cursor: pointer
    }
    
    .treasure-gold-confirm {
    	 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;
    	 40px;
    	height: 40px;
    	position: absolute;
    	top: 122px;
    	left: 429px;
    	cursor: pointer
    }
    
    .gold-confirm-vip {
    	display: block;
    	 197px;
    	height: 67px;
    	position: absolute;
    	top: 329px;
    	left: 147px
    }
    
    .pop-treasure-virtual {
    	 467px;
    	height: 433px;
    	position: fixed;
    	background-position: -934px 0;
    	background-repeat: no-repeat;
    	z-index: 9999;
    	font-size: 14px
    }
    
    .treasure-virtual-prize {
    	 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 {
    	 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;
    	 198px;
    	height: 64px;
    	position: absolute;
    	top: 333px;
    	left: 154px
    }
    
    .treasure-virtual-close {
    	display: block;
    	 40px;
    	height: 40px;
    	position: absolute;
    	top: 121px;
    	left: 429px;
    	cursor: pointer
    }
    
    .treasure-virtual-num {
    	 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;
    	 58px;
    	height: 18px;
    	position: absolute;
    	top: 384px;
    	left: 368px;
    	cursor: pointer
    }
    
    .treasure-virtual-img {
    	 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;
    	 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;
    	 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;
    	 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 {
    	 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;
    	 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;
    	 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;
    	 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 {
    	 77px;
    	margin: 4px 0 4px 6px;
    	padding-left: 18px
    }
    
    .widget-site .site-item-add-short {
    	 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;
    	 750px;
    	z-index: 600;
    	top: 0;
    	left: 232px
    }
    
    .popup-site-shadow {
    	float: left;
    	 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;
    	 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: 26px9
    }
    
    .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: 26px9
    }
    
    .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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 9px;
    	background-position: -88px 4px
    }
    
    .popup-site-self-sites .delete {
    	 15px;
    	background-position: -60px 4px
    }
    
    .popup-site-self-sites .modify:hover {
    	 9px;
    	background-position: -88px -29px
    }
    
    .popup-site-self-sites .delete:hover {
    	 15px;
    	background-position: -60px -29px
    }
    
    .popup-site-self-sug {
    	border-top: 1px solid #e6e6e6;
    	padding-top: 15px;
    	padding-bottom: 15px;
    	z-index: 100;
    	 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 {
    	 178px;
    	margin-right: 8px
    }
    
    .popup-site-self-sug .url {
    	 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 {
    	 69px;
    	height: 28px;
    	color: #FFF;
    	margin-left: 0;
    	line-height: 28px;
    	background-position: 0 -78px
    }
    
    .popup-site-self-sug .save {
    	color: #1c1c1c;
    	 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;
    	 750px;
    	overflow: hidden
    }
    
    .popup-site-head span {
    	position: absolute;
    	left: 16px;
    	top: 10px;
    	font-size: 14px;
    	font-weight: bold;
    	color: #333;
    	 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;
    	 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;
    	 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;
    	 123px;
    	height: 35px;
    	padding-left: 30px
    }
    
    .popup-site-hint-added {
    	background-position: -225px 0;
    	 112px;
    	height: 28px;
    	padding-left: 35px;
    	line-height: 28px9
    }
    
    .popup-site-hint-noicon {
    	background-position: -227px -34px;
    	 107px;
    	height: 35px;
    	padding-left: 6px
    }
    
    .popup-site-hint-save {
    	background-position: 0 -72px;
    	 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;
    	 202px;
    	height: 33px;
    	position: absolute;
    	left: 579px;
    	top: 26px;
    	z-index: 999;
    	cursor: pointer;
    	display: none
    }
    
    .popup-site-holder {
    	position: relative;
    	z-index: 501;
    	 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;
    	 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 {
    	 215px;
    	color: #323232
    }
    
    .suggest-site span.url {
    	 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;
    	 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;
    	 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;
    	 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 {
    	 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;
    	 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;
    	 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;
    	 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;
    	 8px;
    	height: 12px;
    	left: -3px;
    	top: 10px
    }
    
    .rp em.top {
    	background-position: -6px 0;
    	 7px;
    	height: 5px;
    	top: -4px;
    	left: 10px
    }
    
    .rp a {
    	max- 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: 24px9;
    	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;
    	 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;
    	 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;
    	 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;
    	 13px;
    	height: 13px;
    	text-indent: -300px
    }
    
    .site-hot-close:hover {
    	background-position: -36px -36px
    }
    
    .popup-site-tip-add,.popup-site-tip-del {
    	position: absolute;
    	 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 {
    	 189px;
    	height: 36px;
    	top: 24px;
    	left: 228px;
    	background-position: 0 -43px
    }
    
    .popup-site-tip-save {
    	position: absolute;
    	 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;
    	 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;
    	 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;
    	 0;
    	margin-left: -3px;
    	text-decoration: none
    }
    
    .widget-site .site-item-normal .tips_link {
    	padding: 0;
    	margin: 0;
    	 0;
    	background-image: none;
    	text-decoration: none;
    	_padding-left: 5px
    }
    
    .site-move-item {
    	 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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 868px;
    	padding-left: 23px;
    	padding-top: 3px
    }
    
    .width-lg .widget-site .site-item-normal {
    	 130px;
    	padding-top: 6px;
    	padding-bottom: 4px;
    	margin-right: 4px;
    	padding-left: 9px;
    	position: relative
    }
    
    .width-lg .popup-site-w {
    	 898px;
    	left: 175px
    }
    
    .width-lg .popup-site {
    	left: 0
    }
    
    .width-lg .popup-site-shadow {
    	 898px
    }
    
    .width-lg .popup-site-self-sites {
    	 891px
    }
    
    .width-lg .popup-site-self-sites li {
    	 136px
    }
    
    .width-lg .popup-site-head {
    	 898px
    }
    
    .width-lg .popup-site-self-sites span {
    	 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 {
    	 898px
    }
    
    .width-lg .site-normal .resource-container {
    	display: none;
    	position: absolute;
    	 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;
    	 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 {
    	 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 {
    	 115px
    }
    
    .widget-site .site-item-normal:nth-of-type(6n) .siteresource-link:last-child {
    	 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;
    	 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 {
    	 685px;
    	padding-left: 13px;
    	_padding-left: 20px
    }
    
    .width-nr .widget-site .site-item-normal {
    	 103px;
    	margin-right: 0
    }
    
    .width-nr .widget-site .site-item-last {
    	 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 {
    	 691px
    }
    
    .width-nr .popup-site-self-sites li {
    	 103px
    }
    
    .width-nr .popup-site-self-sites span {
    	 64px
    }
    
    .width-nr .popup-site-self-sug {
    	 670px
    }
    
    .width-nr .popup-site-self-sug .name {
    	 148px;
    	margin-right: 27px
    }
    
    .width-nr .popup-site-self-sug .url {
    	 255px
    }
    
    .width-nr .popup-site-self-sug .placeholder-url {
    	left: 321px
    }
    
    .width-nr .popup-site .item {
    	 84px
    }
    
    .width-nr .popup-site-cms dl {
    	 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 {
    	 700px
    }
    
    .width-nr .popup-site-w {
    	 698px;
    	left: 145px
    }
    
    .width-nr .popup-site-shadow {
    	 698px
    }
    
    .width-nr .popup-site-head {
    	 698px
    }
    
    .width-nr .popup-site-loading {
    	 698px
    }
    
    .width-nr .site-item-normal a {
    	padding-left: 20px
    }
    
    .width-nr .site-item-normal .sitesublink {
    	padding-right: 0
    }
    
    .width-nr .siteresource-tip {
    	 15px;
    	height: 15px;
    	margin-left: -2px
    }
    
    .width-nr .site-normal .resource-container {
    	 118px;
    	left: 109px;
    	_left: 103px
    }
    
    .width-nr .site-normal .resource-container-right {
    	left: -111px
    }
    
    .width-nr .site-normal .siteresource-link {
    	 106px;
    	padding-left: 10px
    }
    
    .width-nr .resource-container-right .siteresource-link {
    	margin-left: 0;
    	padding-left: 6px;
    	 110px;
    	overflow: hidden
    }
    
    .width-nr .widget-site .site-item-normal:nth-of-type(6n) .siteresource-link:last-child {
    	 96px
    }
    
    .width-nr .site-item-normal:nth-of-type(6n) .resource-container-right .siteresource-link:last-child {
    	 111px
    }
    
    .width-nr .site-item-normal:not(:nth-last-of-type(2)) .siteresource-link:last-child {
    	 93px
    }
    
    .width-nr .site-item-normal:not(:nth-last-of-type(2)) .resource-container .siteresource-link:last-child {
    	 106px
    }
    
    #box-site .banner-box {
    	 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 {
    	 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 {
    	 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 {
    	 875px;
    	height: 35px;
    	overflow: hidden
    }
    
    #box-site .link-banner li {
    	 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 {
    	 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;
    	 auto;
    	height: 35px;
    	line-height: 35px;
    	font-size: 14px;
    	color: #333;
    	cursor: pointer
    }
    
    .width-nr #box-site .banner-box {
    	 681px;
    	padding-left: 17px
    }
    
    .width-nr #box-site .link-banner {
    	 685px;
    	_ 681px
    }
    
    .width-nr #box-site .link-banner li {
    	 98px;
    	_ 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;
    	 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;
    	 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;
    	 86px;
    	background: 0;
    	line-height: 23px
    }
    
    .search {
    	 662px;
    	position: relative
    }
    
    .search .left {
    	float: left;
    	margin: 4px 30px 0 -26px;
    	_margin-right: 27px
    }
    
    .search .logo {
    	 97px;
    	height: 58px;
    	position: relative
    }
    
    .search .link {
    	position: absolute;
    	left: 0;
    	z-index: 100
    }
    
    .search .link span {
    	 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;
    	 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;
    	 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;
    	 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 {
    	 440px;
    	height: 36px;
    	border: 1px solid #666;
    	border-right: 0;
    	background: #fff
    }
    
    .search .input {
    	 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;
    	 24px;
    	height: 24px;
    	text-indent: -99999px;
    	z-index: 12
    }
    
    .search .hot-num {
    	position: absolute;
    	top: -9px;
    	left: 3px;
    	 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 {
    	 440px;
    	top: 38px;
    	left: 0
    }
    
    .suggest-search .suggest-item {
    	padding: 2px 0 2px 9px;
    	font: 14px 5B8B4F53;
    	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 {
    	 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 {
    	 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 {
    	 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;
    	 143px;
    	height: 31px;
    	right: -147px;
    	top: -32px;
    	background-position: -36px -1507px
    }
    
    .hotword-yindao-tip .hot-quan {
    	position: absolute;
    	 37px;
    	height: 35px;
    	left: -39px;
    	top: 27px;
    	background-position: 0 -1534px
    }
    
    .hotword-yindao-tip .hot-close {
    	position: absolute;
    	 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;
    	 4px;
    	height: 4px;
    	position: relative;
    	top: -3px;
    	margin-right: 6px
    }
    
    .sugB-Box .hot-icon-num {
    	display: none
    }
    
    .sugB-Box .suggest-item {
    	 143px;
    	float: left;
    	padding-right: 11px;
    	padding-left: 19px;
    	height: 25px;
    	line-height: 25px
    }
    
    .sugB-Box .list-hook {
    	 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;
    	 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 {
    	 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;
    	 161px;
    	position: absolute;
    	top: 25px;
    	right: 20px
    }
    
    .sugB-Box .sug-pic {
    	display: block;
    	position: relative;
    	 161px;
    	height: 92px;
    	cursor: pointer;
    	zoom: 1
    }
    
    .sugB-Box .sug-pic:hover {
    	text-decoration: none
    }
    
    .sugB-Box .pictitle {
    	position: absolute;
    	display: block;
    	 100%;
    	top: 68px;
    	left: 0;
    	text-align: center;
    	font-size: 12px;
    	line-height: 22px;
    	color: #fff
    }
    
    .sug-pic .picbg {
    	display: none;
    	 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;
    	 161px;
    	margin-top: 10px
    }
    
    .sugB-Box .sug-text {
    	display: block;
    	float: left;
    	 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 {
    	 800px
    }
    
    .width-lg .search .logo {
    	 120px;
    	height: 40px
    }
    
    .width-lg .search .input-wrapper {
    	margin-right: 0
    }
    
    .width-lg .search .input-shadow {
    	 538px;
    	height: 44px
    }
    
    .width-lg .search .input {
    	 448px
    }
    
    .width-lg .search .button {
    	 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;
    	 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;
    	 180px;
    	height: 16px;
    	padding: 6px
    }
    
    .notice-fixed {
    	 auto
    }
    
    .notice .icon {
    	background-position: -34px -1327px;
    	height: 16px;
    	 10px;
    	vertical-align: top
    }
    
    .notice .grid {
    	 154px;
    	height: 16px;
    	line-height: 16px;
    	overflow: hidden;
    	position: relative
    }
    
    .notice .hotwords {
    	position: absolute;
    	left: 0
    }
    
    .notice .hotwords li {
    	 154px;
    	height: 16px;
    	overflow: hidden
    }
    
    .notice .change {
    	position: absolute;
    	 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;
    	 154px;
    	overflow: hidden
    }
    
    .notice-fixed a {
    	 auto
    }
    
    .notice .gong-down {
    	border: 1px dashed #bbb;
    	display: inline-block;
    	padding: 1px 3px
    }
    
    .notice .gong-down .g_icon {
    	 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 {
    	 185px;
    	line-height: 16px
    }
    
    .width-lg .notice .grid {
    	margin-top: 1px
    }
    
    .width-lg .notice .icon {
    	position: relative;
    	 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 {
    	 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;
    	 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;
    	 95px
    }
    
    .leftad-602 {
    	padding-top: 36px
    }
    
    .leftad-602 .g_s_br {
    	border- 1px 0 0 0
    }
    
    .leftad-602-link {
    	color: #666
    }
    
    .leftad-602 .leftad-imglink {
    	height: 36px;
    	 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 {
    	 95px;
    	height: 90px
    }
    
    .leftad-902 {
    	padding-top: 66px
    }
    
    .leftad-902-link {
    	color: #666
    }
    
    .leftad-902 .leftad-imglink {
    	 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: 16px9;
    	padding-left: 8px;
    	padding-right: 2px
    }
    
    .leftad-auto .leftad-imglink {
    	 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 {
    	 238px;
    	height: 110px
    }
    
    .toppicture .pic .pic-txt {
    	position: relative;
    	display: block;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 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 {
    	 238px;
    	height: 78px
    }
    
    .leftad-1 .toppicture .content-pic {
    	height: 78px;
    	 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 {
    	 238px;
    	height: 68px
    }
    
    .leftad-170 .toppicture .content-pic {
    	height: 68px;
    	 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 {
    	 238px;
    	height: 58px
    }
    
    .leftad-160 .toppicture .content-pic {
    	height: 58px;
    	 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 {
    	 238px;
    	height: 48px
    }
    
    .leftad-150 .toppicture .content-pic {
    	height: 48px;
    	 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 {
    	 238px;
    	height: 58px
    }
    
    .leftad-2 .toppicture .content-pic {
    	 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;
    	 248px;
    	font-family: 5b8b4f53;
    	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;
    	 4px;
    	height: 4px;
    	margin-top: 12px
    }
    
    .topzixun p {
    	 208px;
    	height: 28px;
    	overflow: hidden;
    	padding: 0 15px
    }
    
    .topzixun .link:hover i {
    	text-decoration: none
    }
    
    .topzixun-over-hidden {
    	position: absolute;
    	 238px;
    	height: auto;
    	overflow: hidden;
    	top: 0;
    	left: 0;
    	padding: 0
    }
    
    .top-scroll-box {
    	top: 4px;
    	right: 2px;
    	position: absolute;
    	height: 330px;
    	 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 {
    	 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;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 278px
    }
    
    .width-lg .toppicture .content-pic {
    	 278px
    }
    
    .width-lg .toppicture .pic img {
    	 278px
    }
    
    .width-lg .topzixun p {
    	 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 {
    	 104px;
    	height: 28px;
    	overflow: hidden
    }
    
    .topyouxi .ml15 {
    	padding-left: 15px
    }
    
    .width-lg .topyouxi p {
    	 124px
    }
    
    .topyingshi {
    	padding: 0;
    	position: relative
    }
    
    .topyingshi .topyingshi-over {
    	height: 288px
    }
    
    .topyingshi .first {
    	display: inline-block;
    	margin-bottom: 8px
    }
    
    .topyingshi p {
    	 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;
    	 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;
    	 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;
    	 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;
    	 16px;
    	height: 16px
    }
    
    .toplist #topyingshi-over .rank {
    	 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 {
    	 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;
    	 238px;
    	position: relative;
    	z-index: 20
    }
    
    .toptab .channel {
    	display: inline-block;
    	*display: inline;
    	*zoom: 1;
    	 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- 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 {
    	 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- 2px 0 0 0
    }
    
    .toptab .em:hover {
    	text-decoration: underline
    }
    
    .toptab .last {
    	 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;
    	 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 {
    	 278px
    }
    
    .width-lg .toptab .channel {
    	 55px
    }
    
    .width-lg .toptab .first,.width-lg .toptab .last {
    	 53px
    }
    
    .width-lg .toptab .channel span {
    	margin-top: -1px;
    	 100%;
    	height: 34px;
    	border-top- 1px
    }
    
    #box-toplist0 .toptab .channel {
    	 51px
    }
    
    #box-toplist0 .toptab .drop_channel {
    	 70px
    }
    
    #box-toplist3,#box-toplist4 {
    	position: relative
    }
    
    .toplist {
    	 238px;
    	position: relative;
    	z-index: 200
    }
    
    .adicon {
    	position: absolute;
    	display: inline-block;
    	right: 0;
    	bottom: 0;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 278px
    }
    
    .hao123-coolsite {
    	 748px
    }
    
    .hao123-coolsite .groups {
    	padding: 0 0 10px 0;
    	*padding: 0 0 10px 0;
    	border- 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;
    	 838px;
    	background: #f7f7f7;
    	display: none
    }
    
    .hao123-coolsite .viewport {
    	 838px;
    	height: 80px;
    	overflow: hidden;
    	position: relative
    }
    
    .hao123-coolsite .screen {
    	position: absolute;
    	left: 0
    }
    
    .hao123-coolsite .recommend .textlist {
    	 838px;
    	height: 14px;
    	line-height: 14px;
    	margin-bottom: 14px;
    	*margin-bottom: 10px;
    	overflow: hidden
    }
    
    .hao123-coolsite .recommend .textitem {
    	 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 {
    	 120px;
    	margin-right: 23px
    }
    
    .hao123-coolsite .recommend .textitem .rank {
    	 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 {
    	 838px;
    	height: 80px;
    	vertical-align: top;
    	overflow: hidden
    }
    
    .hao123-coolsite .item {
    	 62px;
    	overflow: hidden;
    	display: inline-block;
    	margin-right: 24px;
    	text-align: center;
    	vertical-align: top
    }
    
    .hao123-coolsite .recommend .item .cpcimg {
    	 62px;
    	height: 62px;
    	border-radius: 6px
    }
    
    .hao123-coolsite .recommend .bigimg {
    	 152px;
    	margin-right: 19px
    }
    
    .hao123-coolsite .recommend .item .cpcbigimg {
    	 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: 5b8b4f53;
    	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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 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;
    	 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 {
    	 141px;
    	height: 105px;
    	display: block;
    	position: relative;
    	padding: 0
    }
    
    .width-lg .hao123-coolsite .coolsite-item .coolsiteresource-title {
    	display: block;
    	 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;
    	 130px;
    	height: 75px;
    	left: 7px;
    	bottom: 6px
    }
    
    .width-lg .coolsiteresource-link .coolsiteresource-lgimg {
    	height: 95px
    }
    
    .width-lg .coolsiteresource-tip {
    	position: absolute;
    	 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 {
    	 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 {
    	 638px
    }
    
    .width-nr .hao123-coolsite .recommend .textlist {
    	 638px
    }
    
    .width-nr .hao123-coolsite .recommend {
    	 638px;
    	padding-right: 30px;
    	padding-left: 30px
    }
    
    .width-nr .hao123-coolsite .viewport {
    	 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 {
    	 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 {
    	 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;
    	 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;
    	 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;
    	 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 {
    	 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;
    	 32px;
    	height: 45px;
    	padding: 15px 10px 0 10px;
    	text-align: center;
    	color: #999
    }
    
    .mail .icon {
    	display: block;
    	 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;
    	 229px;
    	padding: 6px 7px;
    	background: #f7f7f7
    }
    
    .mail .mailbox {
    	position: relative;
    	 114px;
    	height: 20px;
    	line-height: 20px;
    	border: 1px solid #ccc;
    	vertical-align: top;
    	margin-right: 5px;
    	overflow: hidden
    }
    
    .mail .pwdbox {
    	position: relative;
    	 114px;
    	height: 20px;
    	line-height: 20px;
    	border: 1px solid #ccc;
    	vertical-align: middle;
    	overflow: hidden
    }
    
    .mail .suffixal {
    	 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 {
    	 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;
    	 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 {
    	 99%;
    	height: 19px;
    	line-height: 19px;
    	border: 1px solid #e9e9e9;
    	border- 1px 0 0 1px;
    	text-indent: 5px
    }
    
    .mail .maillist {
    	position: absolute;
    	right: 36px;
    	top: 102px;
    	 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;
    	 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;
    	 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 {
    	 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 {
    	 11px;
    	height: 6px;
    	line-height: 6px;
    	bottom: -9px;
    	left: 10px
    }
    
    .tip-ct .tip-arrow-top {
    	 11px;
    	height: 6px;
    	line-height: 6px;
    	top: -9px;
    	left: 10px;
    	background-position: center top
    }
    
    .tip-ct .tip-arrow-left {
    	 6px;
    	height: 11px;
    	line-height: 11px;
    	left: -9px;
    	top: 1px;
    	background-position: left center;
    	font-size: 0
    }
    
    .tip-ct .tip-arrow-right {
    	 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;
    	 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;
    	 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 {
    	 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 {
    	 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 {
    	 898px
    }
    
    .width-lg .append .append-link-text {
    	 142px;
    	height: 28px
    }
    
    .width-nr .append .links {
    	 698px
    }
    
    .width-nr .append-links .width-nr-hide {
    	display: none
    }
    
    .width-nr .append-links li {
    	 199px;
    	margin-left: 29px
    }
    
    .width-nr .append .append-link-text {
    	 137px;
    	height: 28px
    }
    
    .weather {
    	 255px;
    	height: 60px;
    	position: relative;
    	font-size: 12px
    }
    
    .weather .card {
    	display: none
    }
    
    .weather .info {
    	margin-top: 10px
    }
    
    .weather .view {
    	overflow: hidden;
    	 100%;
    	height: 100%
    }
    
    .weather .item {
    	display: inline-block;
    	vertical-align: top;
    	position: relative;
    	padding: 1px
    }
    
    .weather .city {
    	 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;
    	 142px;
    	height: 50px;
    	vertical-align: top;
    	overflow: hidden;
    	margin-top: 8px
    }
    
    .weather .screen {
    	position: absolute
    }
    
    .weather .slide {
    	display: inline-block;
    	 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;
    	 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: none9
    }
    
    .weather .today,.weather .tomorrow {
    	 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;
    	 323px;
    	height: 54px;
    	padding: 3px 10px
    }
    
    .weather .select-province {
    	 90px;
    	margin-bottom: 6px
    }
    
    .weather .select-city,.weather .select-district {
    	 110px;
    	margin-left: 5px;
    	margin-bottom: 6px
    }
    
    .weather .btn-save {
    	 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;
    	 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 {
    	 16px;
    	height: 16px;
    	margin-right: 2px;
    	position: relative;
    	top: 2px;
    	vertical-align: top
    }
    
    .weather-tips-hover {
    	 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- 0;
    	_border-right- 0
    }
    
    .menus .menu {
    	height: 38px;
    	line-height: 38px;
    	 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;
    	 18px;
    	height: 18px;
    	margin-top: 13px;
    	margin-top: 11px9;
    	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- 0 1px 0 0
    }
    
    .menus .first {
    	 115px
    }
    
    .menus .first .link {
    	border-left: 1px solid #cecece
    }
    
    .menus .last .link {
    	border-right: 1px solid #cecece
    }
    
    .menus .last,.menus .lastactive {
    	 115px
    }
    
    .menus .active .title {
    	border- 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;
    	 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;
    	 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;
    	 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 {
    	 1190px;
    	height: 38px;
    	border-top: 2px solid #099e6a;
    	border-bottom: 1px solid #eaeaea;
    	background-color: #fcfcfc
    }
    
    .width-lg .menus .menu {
    	 111px
    }
    
    .width-lg .menus .last .link {
    	margin-right: 0
    }
    
    .width-lg .menus .first {
    	 81px
    }
    
    .width-lg .menus .last {
    	 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 {
    	 990px
    }
    
    .width-nr .menus .menu {
    	 101px
    }
    
    .width-nr .menus .first {
    	 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;
    	 149px;
    	height: 0
    }
    
    .guesslike .list {
    	*position: relative;
    	margin-left: 20px;
    	 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;
    	 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;
    	 190px;
    	height: 80px;
    	cursor: pointer;
    	font-size: 12px;
    	color: #fff
    }
    
    .guesslike .item-img .img {
    	display: block;
    	 190px;
    	height: 80px
    }
    
    .guesslike .item-img .item-title-wrap {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 278px
    }
    
    .slidetoolbar {
    	background: #e6e6e6;
    	_background: 0;
    	 50px;
    	height: 100%;
    	left: -50px;
    	padding-top: 63px;
    	position: relative;
    	font-size: 12px
    }
    
    .slidetoolbar .applist {
    	text-align: center;
    	 50px;
    	position: relative
    }
    
    .slidetoolbar .appitem {
    	position: relative;
    	height: 70px;
    	margin-bottom: 10px;
    	_margin-bottom: 0
    }
    
    .slidetoolbar .icon {
    	position: relative;
    	display: block;
    	 50px;
    	height: 20px;
    	padding-top: 48px;
    	color: #999;
    	_font-family: "宋体"
    }
    
    .slidetoolbar .hot {
    	position: absolute;
    	z-index: 5;
    	right: 5px;
    	top: 4px;
    	 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;
    	 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;
    	 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 {
    	 140px;
    	overflow: hidden;
    	white-space: nowrap
    }
    
    .slidetoolbar .horoscope .text {
    	 145px;
    	padding: 8px 0 0 10px
    }
    
    .slidetoolbar .content .link {
    	 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;
    	 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 {
    	 145px
    }
    
    .slidetoolbar .content .image {
    	position: absolute;
    	right: 0;
    	top: 0
    }
    
    .slidetoolbar .horoscope .image {
    	position: absolute;
    	right: 3px;
    	top: 10px;
    	 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;
    	 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 {
    	 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;
    	 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;
    	 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;
    	 658px;
    	height: 20px;
    	z-index: 103
    }
    
    .hotsearch-box a:hover {
    	text-decoration: underline
    }
    
    .hotsearch-box .hotsearchtop {
    	 658px;
    	height: 20px
    }
    
    .hotsearch-box .hotsearchtop .boxhot {
    	 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 {
    	 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 {
    	 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 {
    	 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 {
    	 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 {
    	 48px;
    	height: 1px;
    	display: inline-block;
    	position: absolute;
    	right: 0;
    	top: 23px;
    	background-color: #f9f9f9
    }
    
    .hotsearch-box .hotsearchbottom {
    	 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 {
    	 519px;
    	padding: 20px 0 0 20px;
    	background-color: #f7f7f7
    }
    
    .hotsearch-box .hotsearchbottom .boxbottom li {
    	 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 {
    	 658px;
    	position: relative
    }
    
    .width-lg .hotsearch-box .hotsearchtop .boxhot {
    	 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 {
    	 539px;
    	top: 25px
    }
    
    .width-nr .hotsearch-box {
    	margin: 6px 0 26px 228px
    }
    
    .ecom {
    	 220px;
    	height: 60px;
    	border-left: 1px solid #d9d9d9;
    	border-right: 1px solid #d9d9d9;
    	position: relative;
    	display: inline-block;
    	overflow: hidden
    }
    
    .ecom .pic {
    	 220px;
    	height: 60px;
    	display: inline-block;
    	text-decoration: none;
    	cursor: pointer;
    	position: relative
    }
    
    .ecom .pic:hover {
    	text-decoration: none
    }
    
    .ecom .pic img {
    	 220px;
    	height: 60px
    }
    
    .ecom .content-pic {
    	 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;
    	 80px;
    	height: 24px;
    	top: 6px;
    	*top: 5px;
    	position: relative;
    	left: 10px;
    	cursor: pointer
    }
    
    .widget-topbanner .close {
    	position: absolute;
    	right: 20px;
    	top: 16px;
    	 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;
    	 18px;
    	height: 18px;
    	top: 4px;
    	margin: 0 4px 0 0;
    	position: relative
    }
    
    .hao123sethome {
    	display: block;
    	 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 {
    	 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;
    	 107px;
    	height: 36px
    }
    
    .widget-topbanner .xht-btn {
    	 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;
    	 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;
    	 118px;
    	margin-bottom: 10px
    }
    
    .width-lg .colweather .select-city {
    	margin-left: 5px
    }
    
    .width-lg .colweather .btn-save {
    	 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 {
    	 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;
    	 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 {
    	 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 {
    	 100%;
    	height: 33px;
    	margin-bottom: 2px;
    	border-bottom: 1px solid #d9d9d9
    }
    
    .width-lg .navigate .tab {
    	 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;
    	 2px;
    	height: 20px;
    	left: 0;
    	top: 50%;
    	margin-top: -10px;
    	background-color: #090
    }
    
    .width-lg .navigate .hot {
    	position: absolute;
    	left: 66px;
    	top: 8px;
    	 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 {
    	 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 {
    	 70px;
    	height: 30px;
    	margin-bottom: 4px
    }
    
    .shortcut-box .wrapper1 a {
    	height: 30px
    }
    
    .shortcut-box-nr .wrapper1 {
    	 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;
    	 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;
    	 115px;
    	height: 0;
    	background: 0
    }
    
    .width-nr .rightTip {
    	position: fixed;
    	_position: absolute;
    	z-index: 200;
    	left: 50%;
    	margin-left: 495px;
    	 50px;
    	height: 0;
    	background: 0
    }
    
    .width-nr .shortcut-box {
    	margin-left: 520px
    }
    
    .width-lg .servicetab {
    	 278px;
    	border-bottom: 0
    }
    
    .width-lg .servicetab li {
    	list-style: none
    }
    
    .width-lg .servicetab-header {
    	position: relative;
    	 100%;
    	height: 33px;
    	background-color: #f7f7f7
    }
    
    .width-lg .servicetab-headeractive {
    	height: 32px;
    	border-bottom: 1px solid #d9d9d9
    }
    
    .width-lg .servicetab-bd {
    	position: relative;
    	 100%;
    	overflow: hidden;
    	background-color: #fff
    }
    
    .width-lg .servicetab-starbar,.width-lg .servicetab-locallife {
    	position: relative;
    	 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;
    	 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;
    	 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;
    	 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 {
    	 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 {
    	 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;
    	 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;
    	 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;
    	 278px;
    	height: 30px
    }
    
    .starbar .tiptime .tvtip .tvtip-txtlink {
    	line-height: 2.5
    }
    
    .starbar .tiptime .tvtip {
    	 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 {
    	 100%;
    	height: 172px
    }
    
    .width-lg .locallife-icons {
    	height: 56px;
    	 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;
    	 64px;
    	height: 26px;
    	padding-top: 38px;
    	text-align: center
    }
    
    .width-lg .locallife-car {
    	position: absolute;
    	top: 0;
    	left: 16px;
    	 36px;
    	height: 36px;
    	background-repeat: no-repeat;
    	background-position: 50% 50%
    }
    
    .width-lg .locallife-train {
    	position: absolute;
    	top: 0;
    	left: 16px;
    	 36px;
    	height: 36px;
    	background-position: no-repeat
    }
    
    .width-lg .locallife-plane {
    	position: absolute;
    	top: 0;
    	left: 16px;
    	 36px;
    	height: 36px;
    	background-position: no-repeat
    }
    
    .width-lg .locallife-linkitem {
    	height: 26px;
    	line-height: 26px;
    	font-size: 12px
    }
    
    .width-lg .locallife-linkkind {
    	 54px;
    	vertical-align: middle;
    	margin-right: 10px;
    	color: #090;
    	text-align: center
    }
    
    .width-lg .locallife-linktext {
    	 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;
    	 258px;
    	height: 144px;
    	padding: 5px 11px 12px 11px;
    	background-color: #fff;
    	z-index: 100
    }
    
    .width-lg .more-item {
    	 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;
    	 0;
    	height: 0;
    	border: solid transparent;
    	_border-color: transparent transparent #f7f7f5 transparent;
    	_border-style: dashed dashed solid dashed;
    	border- 5px;
    	border-bottom-color: #f7f7f5;
    	z-index: 20
    }
    
    .width-lg .tips-arrowOut {
    	top: -3px;
    	border- 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;
    	 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 {
    	 203px;
    	height: 52px;
    	overflow: hidden;
    	margin-left: 44px
    }
    
    .width-lg .box-toolsDown {
    	height: 24px
    }
    
    .width-lg .startools-icon {
    	display: block;
    	 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;
    	 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 {
    	 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;
    	 95px;
    	padding: 0
    }
    
    .navigate-wb .menu-split {
    	display: block;
    	 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 {
    	 60px;
    	margin-left: 10px
    }
    
    .width-nr .navigate-wb .option2 {
    	 42px;
    	margin-left: 8px
    }
    
    #gotop-iframe {
    	position: fixed;
    	z-index: 200;
    	left: 50%;
    	bottom: 0;
    	margin-bottom: 95px;
    	margin-left: 620px;
    	 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;
    	 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 {
    	 16px;
    	height: 16px;
    	display: block;
    	position: absolute;
    	cursor: pointer;
    	background-repeat: no-repeat
    }
    
    #top-anim {
    	position: relative;
    	z-index: 109;
    	margin: auto;
    	 1190px;
    	height: 0;
    	line-height: 0
    }
    
    .width-nr #top-anim {
    	 990px
    }
    
    .movinglink-wrap {
    	position: absolute;
    	left: 0;
    	top: 0;
    	 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;
    	 100%
    }
    
    .el-tips-txt-arrow {
    	overflow: hidden;
    	position: absolute;
    	top: 0;
    	left: 50%;
    	margin-left: -2px;
    	 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;
    	 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 {
    	 898px;
    	background: #f7f7f7;
    	overflow: hidden
    }
    
    .mingzhanresource .ul-btn {
    	 100%;
    	height: 100%;
    	display: block;
    	overflow: hidden
    }
    
    .mingzhanresource .ul-btn li {
    	display: inline-block;
    	height: 100%;
    	*zoom: 1;
    	*display: inline
    }
    
    .mingzhanresource .ul-btn a {
    	 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 {
    	 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;
    	 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;
    	 150px;
    	height: 130px
    }
    
    .constellation-wrap .name {
    	display: block;
    	 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;
    	 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 {
    	 180px;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	overflow: hidden
    }
    
    .constellation-wrap .title {
    	 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 {
    	 76px;
    	height: 12px;
    	overflow: hidden
    }
    
    .constellation-wrap .intro .stars-outer .stars-inner {
    	 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;
    	 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;
    	 30px;
    	height: 33px
    }
    
    .constellation-wrap .intro .ctrl-btn a {
    	display: block;
    	 100%;
    	height: 100%;
    	cursor: pointer
    }
    
    #hao123-star .star-nav {
    	overflow: hidden;
    	clear: left;
    	padding-top: 7px
    }
    
    #hao123-star .star-navlink {
    	 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;
    	 270px;
    	_ 267px;
    	text-align: left
    }
    
    #hao123-star .star-news-item {
    	float: left;
    	overflow: hidden;
    	 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;
    	 61px;
    	height: 61px
    }
    
    #hao123-star .star-qr-title {
    	overflow: hidden;
    	display: block;
    	 15px;
    	height: 61px;
    	background: #eee;
    	line-height: 15px;
    	color: #666;
    	cursor: pointer
    }
    
    .govsite-box {
    	padding: 6px 0 6px 33px;
    	 865px;
    	border-bottom: solid 1px #f7f7f7;
    	position: relative;
    	overflow: hidden
    }
    
    .govsite-box .govsite-item {
    	 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 {
    	 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 {
    	 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 {
    	 674px;
    	padding-left: 24px
    }
    
    .width-nr .govsite-box .govsite-item {
    	 112px
    }
    
    .width-nr .govsite-box .govsite-item .icon {
    	margin-right: 2px
    }
    
    .govsite-top {
    	 100%;
    	margin-bottom: 10px;
    	margin-top: -10px;
    	overflow: hidden
    }
    
    .govsite-top .govsite-inner {
    	 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;
    	 80px;
    	height: 36px;
    	text-align: center;
    	color: #0aa770
    }
    
    .govsite-top .govsite-inner .title-line {
    	vertical-align: top;
    	height: 20px;
    	 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 {
    	 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 {
    	 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 {
    	 39px;
    	height: 55px;
    	z-index: 1;
    	position: absolute;
    	right: -42px;
    	_right: 30px;
    	top: 85px;
    	border: 0;
    	cursor: pointer
    }
    
    .gameyixing-top .menus .menu-split {
    	 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;
    	 154px;
    	height: 115px;
    	cursor: pointer;
    	z-index: 200
    }
    
    .gameyixing-top .gameyixing-link-left2-top {
    	position: absolute;
    	 110px;
    	height: 39px;
    	top: -42px;
    	left: 133px;
    	cursor: pointer;
    	z-index: 10
    }
    
    .gameyixing-top .gameyixing-link-right-top {
    	position: absolute;
    	 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- 0
    }
    
    .gameyixing-top .menus .menu {
    	height: 39px;
    	line-height: 39px;
    	 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 {
    	 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;
    	 94px;
    	height: 115px;
    	cursor: pointer;
    	z-index: 200
    }
    
    .width-nr .gameyixing-top .gameyixing-link-left2-top {
    	position: absolute;
    	 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;
    	 150px;
    	height: 350px;
    	z-index: 1;
    	cursor: pointer
    }
    
    .gameyixing-bottom .gameyixing-link-right-bottom {
    	position: absolute;
    	 150px;
    	height: 350px;
    	right: -150px;
    	z-index: 10;
    	cursor: pointer
    }
    
    .gameyixing-bottom .gameyixing-close-bottom {
    	position: absolute;
    	 39px;
    	height: 55px;
    	right: -43px;
    	top: 0;
    	z-index: 20;
    	cursor: pointer
    }
    
    .headjoke-box {
    	position: absolute;
    	right: 0;
    	 129px;
    	height: 60px;
    	line-height: 60px;
    	top: 0;
    	text-align: left;
    	overflow: hidden;
    	z-index: 16
    }
    
    .headjoke-box .headjoke-link {
    	color: #999;
    	 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;
    	 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;
    	 90px;
    	height: 90px;
    	overflow: hidden;
    	z-index: 1000
    }
    
    .siye .advertise {
    	position: absolute;
    	top: 0;
    	right: 0;
    	right: 1px9;
    	*right: 0;
    	_right: 0;
    	display: inline-block;
    	 90px;
    	height: 90px;
    	_background-position: -735px 0;
    	background-repeat: no-repeat;
    	cursor: pointer
    }
    
    .siye .close {
    	display: inline-block;
    	position: absolute;
    	 20px;
    	height: 20px;
    	top: 33px;
    	right: 32px;
    	_top: 51px;
    	_right: 50px;
    	cursor: pointer
    }
    
    .css_WYoyLbiHGT {
    	height: 88px
    }
    

      

  • 相关阅读:
    2016某天闲谈
    APP测试入门篇之APP基础知识(001)
    windows服务器下frp实现内网穿透
    nginx使用与配置
    spring boot 实现优雅的关闭
    spring boot 自定义sql分页查询
    java获取类加载路径和项目根路径的5种方法
    linux下 启动node 和关闭node
    docker 安装 fastdfs
    docker 常用命令和常用容器启动
  • 原文地址:https://www.cnblogs.com/newpython/p/5880284.html
Copyright © 2011-2022 走看看