body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
ol,ul{list-style:none;}img{border:0;}em,strong{font-style:normal;}
a:focus {outline:none;}input,select{outline:none;}
a{color:#000;text-decoration:none;}
a:hover{color:#ff2400;text-decoration:underline;}
body {font-family:Arial;color:#000;font-size:12px;background:#fff;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}
/* topWrap */
.fl{float:left;}.fr{float:right;}
.topWrap{min-width:990px;height:29px;background: url(../images/panelwrap120612.png) repeat-x 0 -151px;}
.topWrapcont{width:990px;margin:0 auto;position:relative;}
.topWrap .innerWrap {width:990px;height:29px;line-height:29px;overflow:hidden;font-family:ËÎÌå;}
.topWrap a{float:left;padding:0 7px;color:#404040;overflow:hidden;cursor:pointer;}
.topWrap a:hover{background:#FBFEF7;text-decoration:none;height:28px;padding:0 6px;border:1px solid #7BD670;color:#404040;border-top:0;position: relative; }
#xf {padding:0 1px;margin-right:5px;}
#xf:hover {padding:0;}
.topWrap .line{width:1px;background:#d9d9d9;height:17px;float:left;margin-top:6px;}
.topWrap .setIndex span,.topWrap .gold span{float:left;}
.topWrap .setIndex .icon{width:17px;height:17px;margin:6px 5px 0 0;background: url(../images/haoicon120705.png) no-repeat 0 -642px;}
.qZone .icon,.twitter .icon,.mail .icon,.gold .icon{width:17px;height:17px;float:left;margin-top:5px;background:url(../images/haoicon120705.png) no-repeat;position: relative;}
.qZone .icon{background-position:0 -526px;}
.twitter .icon{background-position:0 -554px;}
.mail .icon{width:18px; background-position:0 -581px;}
.gold .icon{background-position:0 -611px;}
.topWrap .num{margin:0 0 0 3px;float:left;}
.topWrap .name{float:left;padding-right:7px;width:120px;white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis;}
.topWrap .login {float:right;position:relative;}
.topWrap .login .icon{width:17px;height:17px;margin-top:5px;background: url(../images/haoicon120705.png) no-repeat 0 -672px;margin-right: 5px; }
.topWrap .icon .tip {width:8px;height:8px;top: -2px;background: url(../images/tip.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/tip.png"); _background: none; position: absolute; right: -4px; }
.topWrap .login a span{float:left;}
.topWrap .loginTip{width:241px;height:79px;background:url(../images/loginTip.png) no-repeat; position: absolute; right: 0; top: 28px; border: 1px solid #cac2b1; box-shadow: 0 1px 0 #ececec; z-index:1000;}
.topWrap .loginTip .arrow{width:9px;height:6px;background:url(../images/sprite.png) no-repeat right -127px; position: absolute; right: 38px; top: -6px; overflow: hidden; }
.topWrap .loginTip .close{width:10px;height:10px;background:url(../images/sprite.png) no-repeat right -142px; position: absolute; right: 5px; top: 4px; overflow: hidden; }
.topWrap .loginTip a{float:none;padding:0;color: #ac9c79;}
.topWrap .loginTip a:hover{background-color:transparent;text-decoration:underline;color: #ac9c79; padding: 0; border: none; margin: 0; position: absolute; }
.topWrap .loginTip .link{position:absolute;right:6px;height:18px;bottom:0;line-height:normal;}
.msgTip {position:absolute;width:140px;z-index:1000;color: #666;}
.msgTip h3{float:left;font-size:12px;font-weight:normal;padding:8px 10px;background:#fffae9;border:1px solid #cac2b1;}
.msgTip .arrow {width:9px;height:6px;background:url(../images/haoicon120705.png) no-repeat 0 -703px;overflow:hidden;position:absolute;left:30px;top:-5px;}
.keywordsWrap {height: 28px; overflow: hidden;position: relative; z-index: 9; }
.searchWrap .keywordsWrap {height: 42px; margin: 0; }
.keywordsList { position: relative; }
.keywordsList li {line-height: 28px; overflow: hidden; }
.searchWrap .keywordsList li {height: 21px; line-height: normal; }
.keywordsList a {margin-right: 23px; color: #666; }
.searchWrap .keywordsList a {margin: 0 0 0 23px;color:#666; }
.keywordsList a:hover {color: #dc2900; text-decoration: underline; }
.soso_SmartPop {left: 143px; top: 31px; }
.soso_SmartPop li {z-index:100; }
/* headWrap */
.headWrap{width:990px;margin:0 auto 10px;}
.toolWrap{height:85px;}
.gg {float:right;padding-top:10px;}
.haoLogo{float:left;margin:12px 0 0 4px;}
.toolWrap {position:relative;z-index:99999999999999;}
.mailWrap{float:left;width:236px;padding:5px 0px 6px 3px;margin:6px 0 0 10px;display:inline;border:1px solid #fff;position:absolute;top:5px;left:500px;}
.mailWrap .item1 {border:1px solid #97abba;margin-bottom:13px;}
.mailWrap .item2 {display:none;}
.mailWrap .selectBox {z-index:100;}
.mailWrap .selectBox .current {width:110px;height:24px;padding-left:4px;display:block;line-height:24px;border-left:1px solid #c6cbcf;font-size:12px;background: url(../images/haoicon120705.png) no-repeat 99px -386px;cursor: pointer;}
.mailAccount,.mailPassword {float:left;border-width:1px 1px 0;border-style:solid;border-color:#ebebeb;font-size:12px;height:17px;line-height:17px;padding:3px 5px;background:#fff;}
.mailWrap .mailPassword {font-size:12px;font-family:tahoma;vertical-align:top;width:158px;}
.mailWrap .pwdWrap {float:left;border: 1px solid #97abba;}
.mailWrap .mailAccount {width:107px;font-family:arial;}
.mailWrap p{width:216px;padding-left:20px;margin-top:6px;line-height:18px;height:18px;overflow:hidden; background:url(../images/haoicon120705.png) no-repeat 0 -477px;}
.mailWrap p a{color:#666;}
.mailWrap p a:hover{color:#ff2400;}
.mailWrapfocus{border:1px solid #7BD670;background:#FBFEF7;}
.mailWrapfocus p{display:none;}
.mailWrapfocus .item2{display:block;}
.mailWrapfocus .item1 {margin-bottom:9px;}
.selectBox{float:left;background:url(../images/panelwrap120612.png) repeat-x 0 -127px; position: relative;}
.selectBox .option{position:absolute;width:114px;background:#fff;border:1px solid #97abba;color:#999;z-index:9999999999;display:none;}
.selectBox .option li{height:25px;}
.selectBox .option a {display:block;height:24px;line-height:24px;padding-left:5px;cursor:pointer;}
.selectBox .option a:hover {text-decoration:none;background: #d5efff;color:#000;}
.selectBox .option a em,.selectBox .option li.outlink a:hover em{float:left;width:13px;height:13px;margin:6px 0 0 4px;background:url(../images/haoicon120705.png) no-repeat 0 -416px;}
.selectBox .option li.outlink a em{background:none;}
.selectBox .option li span{float:left;}
.selectBox .option li.txt{color:999;height:20px;line-height:20px;padding-left:6px;}
.btndWrap{float:left;width:59px;height:24px;margin-left:3px;border:1px solid #97abba;display:inline;}
.btndWrap .loginBtn{width:59px;height:24px;line-height:25px;line-height:27px\0;border:0;cursor:pointer;font-size:12px;background: url(../images/panelwrap120612.png) repeat-x 0 -127px;}
.weatherWrap {float:left;display:inline;}
.cityWrap{width:98px;float:left;text-align:center;padding:15px 0px 0 10px;}
.cityWrap .cityName{display:block;text-align:center;height:28px;line-height:28px;}
.cityWrap .cityName span a{color:#666;margin-left:3px;}
.cityWrap .cityName span a:hover{color:#dc2900;border:0;text-decoration:underline;}
.cityWrap .cityName span em{font-family:"lucida Grande",Verdana,sans-serif;color:#666;}
.cityWrap .cityName span a:hover em{color:#dc2900;}
.cityWrap .fiveday{font-size:12px;display:block;line-height:24px;border:1px solid #fff;color:#666;}
.cityWrap .fiveday:hover{border:1px solid #e4e4e4;color:#666;text-decoration:none;}
.weatherList{float:left;padding-top:13px;}
.weatherList li{float:left;}
.weatherList li a{width:106px;height:48px;padding:4px 0 4px 5px;display:block;border:1px solid #fff;cursor:pointer;}
.weatherList li a:hover{color:#000;text-decoration:none;border:1px solid #e4e4e4;}
.weatherList img{float:left;margin-right:5px;}
.weatherList span{display:block;line-height:25px;height:25px;}
.weaMade{position:absolute;top:0px;left:180px;width:313px;height:63px;margin:6px 10px 0 0;border:1px solid #7BD670;padding:10px 0 0 7px;background:#FBFEF7;}
.madeCity{height:26px;}.madeCity a{color:#666;margin:0 7px 0 3px;}.madeCity a:hover{color:#dc2900;}
.madebtn span{float:left;}
.madebtn .madeSelect select{float:left;width:82px;height:22px;line-height:16px;font-size:12px;font-family:arial;border:1px solid #7f9db9;margin:1px 7px 0 0;background:#fff;}
.madebtn .madeSelect select.spe{width:103px;}
.madebtn a{width:51px;float:left;color:#fff;margin-right:6px;line-height:24px;text-align:center;background:url(../images/panelwrap120612.png) no-repeat 0 -255px;}
.madebtn a.madeAdd:hover, .madebtn a.madeSave:hover{background-position:0 -279px;color:#fff;text-decoration:none;}
.madebtn a.madeCancel{background-position:0 -303px;color:#000;}
.madebtn a.madeCancel:hover{background-position:0 -327px;color:#000;text-decoration:none;}
/* sosuo */
.searchWrap{height:77px;background: url(../images/searchwrap120611.jpg) no-repeat;}
.searchChannel {padding:6px 0 2px 225px;width:765px;overflow:hidden;height:25px;}
.searchChannel span, .moreSearch{cursor:pointer;float:left;width:54px;height:21px;line-height:21px;*line-height:23px;line-height:23px\0;color:#333;font-size:14px;text-align:center;}
.searchChannel span.hover {background:url(../images/searchbox120612.png) no-repeat -192px -73px;text-decoration: none;}
.searchChannel span.currentTab{float:left;width:54px;height:25px;line-height:21px;line-height:23px\0;background: url(../images/searchbox120612.png) no-repeat -138px -73px;text-align:center;font-weight:bold;color:#fff;}
.searchChannel .moreSearch:hover{color:#ff2400;text-decoration:underline;}
.searchChannel .moreSearch em{font-family:"ËÎÌå", sans-serif;}
.searchInputWrap {position:relative;z-index:99;margin:0 0 0 62px;}
.sosoLogo {float:left;margin: 3px 7px 0 0;}
.searchBox{float:left;width:522px;height:34px;background:url(../images/searchbox120612.png) no-repeat 1px 1px;}
.searchInput {float:left;width:426px;height:22px;line-height:22px;margin:6px 5px 0 7px;font-size:16px;background:#fff;border:none;}
.searchBtn {float:left;width:81px;height:34px;text-indent:-9999px;margin-left:2px;background:url(../images/searchbox120612.png) no-repeat -440px 1px;}
.searchBtn:hover {background-position:-440px -70px;}
.searchBox .active{background-position:-440px -35px;}
.searchBox .active:hover{background-position:-440px -35px;}
.searchBox.onfocus{background-position:0 -35px;}
.searchBox.onfocus input{color:#000;}
.searchEngine {width:162px;float:left;}
.searchEngine a{float:left;width:152px;height:29px;text-align:right;}
/* othter */
.pageMask{position:absolute;display:none;top:0;left:0;filter:alpha(opacity=50); opacity:0.5;background-color:#FFF;z-index:1000;}
.loginDiv{position:absolute;width:400px;height:330px;padding:0;z-index:1001; margin:0px;}
.nodisplay {display:none;}
.onfocus{color:#000;}
.hidden {visibility:hidden;}
.soso_SmartPop li {z-index:1000;}
.soso_SmartPop {left:163px;top:31px;border:1px solid #51b5ee;width:435px;background:#fefefe;z-index:102;position:absolute;}
.soso_SmartPop div div{height:26px;line-height:26px;padding-left:10px;font-size:14px;text-decoration:none;color:#000;}
.soso_SmartPop div div span{float:right;color:#39a200;padding-right:10px;}
.soso_SmartPop div.mouseout {background:#fefefe;}
.soso_SmartPop div.mouseover {background:#d5efff;cursor:pointer;}
/* weather detail  */
.weaBox {border:2px solid #7BD670;margin-bottom:10px;position:relative;width:986px;}
.weaBox .innerWrap {height:177px;background:#f6fcff;border:2px solid #e7f7ff;overflow: hidden;}
.weaBox .arrow {width:8px;height:4px;font-size:1px;line-height:1px; position:absolute;left:45%;top:-6px;background: url(../images/haoicon120705.png) no-repeat -1px -337px;overflow:hidden;}
.weaBox .close {width:29px;height:30px;position:absolute;right:0;top:0;cursor:pointer;background: url(../images/haoicon120705.png) no-repeat 0 -441px;overflow:hidden;}
.weaBox .topbar{height:28px;padding:7px 8px 0 3px;}
.weaBox .source {line-height:18px;float:right;color:#999;margin-right:40px;display:inline;}
.weaBox .source a{color:#0a57a3;}
.weaBox .source a:hover{color:#ff2400;}
.weaBox .tabs{float:left;z-index:100;position:relative;}
.weaBox .tabs li{float:left;margin-left:10px;display:inline;}
.weaBox .tabs li em.line,.weaBox .tabs li em.line1{float:left;width:1px;padding:0;height:14px;font-size:1px;background:#b0d7ff;margin:3px 0 0 10px;display:inline-block;}
.weaBox a.change{font-size:14px;color:#0a57a3;float:left;line-height:20px;}
.weaBox a.change:hover{color:#ff2400;}
.weaBox a.trigger{display:block;width:17px;height:18px;cursor:pointer;border:1px solid #f6fcff;position:relative;z-index:12;overflow:hidden;background: url(../images/haoicon120705.png) no-repeat 5px -348px #f6fcff;}
.weaBox a.trigger:hover{cursor:pointer;border:1px solid #7BD670;}
.weaBox .optBox{display:none;}
.weaBox .current a.change{font-weight:bold;float:left;color:#000;}
.weaBox .current a.change:hover{color:#000;text-decoration:none;cursor:default;}
.weaBox .current .optBox{display:block;float:left;margin-left:3px;position:relative;}
.weaBox .tabs .current em.line{margin-left:4px;}
.weaBox .add{float:left;padding-left:4px;line-height:20px;position:relative;z-index:9;}
.weaBox .add a.addbtn{padding-left:20px;width:52px;display:block;font-size:12px;border:1px solid #f6fcff;color:#0a57a3;position:relative;z-index:9;background:url(../images/haoicon120705.png) no-repeat 3px -312px #f6fcff;}
.weaBox .add a.addbtn:hover{color:#ff2400;}
.weaPop{position:absolute;display:none;float:none;width:244px;border:0;padding:0;border-bottom:1px solid #d0d5d8;overflow:hidden;}
.weaPop a{font-weight:normal;}
.weaPop .cont{width:232px;border:1px solid #7BD670;overflow:hidden;background:#f6fcff;padding:8px 0 10px 10px;}
.weaPop .madeCity{height:23px;padding-right:4px;}
.weaPop .madeCity span{float:left;}
.weaPop .madeCity a{padding:0;float:right;color:#0a57a3;}
.weaPop .madeCity a:hover{color:#ff2400;}
.weaBox .add .madeCity{display:none;}
.weaBox .add .weaMade .madeSave{display:none;}
.weaBox li.current .weaMade .madeAdd{display:none;}
.weaPop .btn{padding:10px 4px 0 0;width:228px;height:24px;overflow:hidden;}
.weaPop .btn em{width:104px;float:left;line-height:24px;color:#666;}
.weaPop .madebtn .madeSelect select{width:102px;}
.weaPop .madebtn .madeSelect select.spe{width:113px;}
.weaPop .madebtn a{float:right;}
.weaPop em.tip{color:#ff2400;}
.weaBox .current .active .weaPop{display:block;top:13px;left:0;z-index:10;height:100px;_height:99px;}
.weaBox .current .active a.trigger{height:19px;border:1px solid #7BD670;border-bottom:0;background: url(../images/haoicon120705.png) no-repeat 5px -368px #f6fcff;}
.weaBox .current .active a.trigger:hover{border:1px solid #7BD670;border-bottom:0;background: url(../images/haoicon120705.png) no-repeat 5px -368px #f6fcff;}
.weaBox div.active a.addbtn{border:1px solid #7BD670;border-bottom:0;height:19px;}
.weaBox div.active .weaPop{display:block;top:13px;left:4px;height:77px;_top:14px;_height:76px;}
.weaInfo{width:715px;float:left;padding: 0 0 0 28px;}
.weaInfo .current {float:left;text-align:center;width:192px;}
.weaInfo .current .l, .weaInfo .current .r {float:left;}
.weaInfo .current .l {width: 90px;}
.weaInfo .l .icon {padding:7px 0;}
.weaInfo .icon{height:51px;}
.weaInfo .current .r {width:100px;}
.weaInfo .l .item {text-align:left;}
.weaInfo .title{font-weight:bold;height:22px;}
.weaInfo .current .title{font-size:14px;height:22px;}
.weaInfo .current span {font-size: 18px;font-family: "΢ÈíÑźÚ", "ËÎÌå";}
.weaInfo .title .date{color:#666;font-weight:normal;font-size: 12px;}
.weaInfo .future{float:right;}
.weaInfo .future li {width:120px;float:left;text-align:center;}
.weaInfo .item{line-height:21px;}
.lifeStyle {overflow:hidden;width:210px;padding-left:21px;float:left;background:url(../images/line.png) repeat-y -209px 0;}
.lifeStyle h3 {font-size:12px;height:20px;}
.lifeStyle ul{float:left;width:170px;}
.lifeStyle li {margin-top:9px;line-height:20px;padding-left:24px;color:#333;background: url(../images/haoicon120705.png) no-repeat; zoom: 1; }
.lifeStyle li.l1 {background-position: 0 -204px;}
.lifeStyle li.l2 {background-position: 0 -232px;}
.lifeStyle li.l3 {background-position: 0 -258px;}
.lifeStyle li.l4 {background-position: 0 -287px;}
.lifeStyle .more{color:#0a57a3;width:38px;}
.lifeStyle .more:hover{color:#ff2400;}
.lifeStyle .more{float:right;color:#0a57a3;margin-top:99px;}
.lifeStyle .more span{font-family:"ËÎÌå", sans-serif;}
.sideColumn ul li a:hover{padding:5px 7px;color:#ff2400;text-decoration:underline;border:0;background:#F6FCFF;}
.famousSiteList a:hover{padding:7px 9px;color:#ff2400;text-decoration:underline;border:0;background:#fff;}
.famousSiteList li a.l:hover{padding-right:6px;}
.famousSiteList li a.r:hover{padding-left:6px;}
.siteCategory li a:hover{padding:8px;color:#ff2400;text-decoration:underline;border:0;background:#ecf9ff;}
.otherSite .siteLink a:hover,.otherSite .more:hover{padding:6px;color:#ff2400;text-decoration:underline;border:0;background:#F6FCFF;}


.channel, .usage, .side-kuzhan, .recom-area {
    background-color: #F3FAFF;
}
.channel li.hover {
    background-color: #FFFFFF;
}
.channel .channel-icon {
    background-image: url("http://p1.qhimg.com/d/_hao360/skin/channel_icon_blue_v1.png");
}
.channel {
    position: relative;
    width: 228px;
    z-index: 3;
}
.channel, .side-kuzhan, .usage, .recom-area, #search-nav {
    border-style: solid;
    border-width: 1px;
}
.channel li.first {
    border-width: 0 0 1px;
    padding-top: 1px;
}
#mail-optbox, #search-nav, .channel, .channel li, .main-mingzhan, .main-kuzhan, .kuzhan, .side-kuzhan, .usage, .usage-tabs li, .recom-area, .pop-border, .mynav-line, .tipcon dl, #suggests {
    border-color: #AACCEE;
}
.channel li {
    min-height: 29px;
    padding: 1px 0;
    width: 100%;
    z-index: 4;
}
.cguess-pannel {
    position: relative;
}