body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label{margin:0;padding:0;}
body,html,input,button,textarea{color:#464646;font:15px/1.8 Arial,simsun,Tahoma,Verdana,Helvetica, sans-serif;}
article,leftbar,figcaption,figure,footer,header,hgroup,main,nav,section,time{display:block}
body{background-color:#f8f8f8;_background-image:url(about:blank);_background-attachment:fixed;}
h1{font-size:18px;}
h2{font-size:16px;}
h3,h4,h5{font-size:15px;}
img{border:none;vertical-align:middle;}
li{list-style:none;}
i,em{font-style:normal;}
a{color:#464646;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#f30;text-decoration:underline;}
input[type="text"]:focus{outline:none;}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
input:focus,textarea:focus{outline:none;}
.disable{display:none;}
.red,.red a{color:#F85050;}
.green,.green a{color:#108410;}
.fl{float:left;}
.fr{float:right;}
.titbar,.cool-side .title,.quick-menu,.top-nav .trigger,.cates .item h2,.side-cate h2,.cool-side h2{font-family:"Microsoft YaHei","微软雅黑";}
.sitelist dt a:hover,.sitelist dd li.more a:hover{color:#f30;}
/* 清除浮动 */
.clearfix:after,.layout:after,.imglist:after,.sites dl:after,.txtlist .cont:after,.sitelist:after,.sitelist ul:after,.hotlist:after,.tabs:after,.flist:after,.ser_box:after,.cates ul:after,.footer:after,.header:after,.cool-main dl:after,.cool-main ul:after,.cool-layout:after,.cool-side ul:after,.side-cate ul:after{content:"";height:0;display:block;clear:both;visibility:hidden;}
* html .clearfix,* html .layout,* html .imglist,* html .sites dl,* html .txtlist .cont,* html .sitelist,* html .sitelist ul,* html .hotlist,* html .tabs,* html .flist,* html .ser_box,* html .cates ul,* html .footer,* html .header,* html .cool-main dl,* html .cool-main ul,* html .cool-layout,* html .cool-side ul,* html .side-cate ul{display:inline-block;}
* +html .clearfix,* +html .layout,* +html .imglist,* +html .sites dl,* +html .txtlist .cont,* +html .sitelist,* +html .sitelist ul,* +html .hotlist,* +html .tabs,* +html .flist,* html .ser_box,* +html .cates ul,* +html .footer,* +html .header,* +html .cool-main dl,* +html .cool-main ul,* +html .cool-layout,* +html .cool-side ul,* +html .side-cate ul{display:inline-block;}

/*
.menu li a{ -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
*/
.layout,.cool-layout,.cates{width:100%; margin:0 auto 10px;}
.layout{position:relative;}
.topbar{height:27px; line-height:27px; padding:1px 0; border-bottom:1px solid #ddd;}
.topbar,.topbar a{color:#666;}
.sethome{ display:inline; float:left; padding:0 0 0 21px; background:url(ico_home.png) 0 5px no-repeat; color:#666;}
.topbar a:hover{color:#333; text-decoration:none;}
.topr{display:inline; float:right;}
.topr li{display:inline; float:left; padding:0 0 0 15px; line-height:24px;}
.topr li,.topr li a{color:#777;}
.topr li a:hover{color:#777; text-decoration:none;}
.topr li a.sethome { padding:0 0 0 21px; background-position:-266px 2px;}
.topr li a.sethome:hover{background-position:-266px -23px;}
.skin-act{display:inline; float:left; position:relative; z-index:2222; cursor:pointer; }
.topr li.changeskin{ padding-bottom:16px;}
.skin-list{ display:none; width:158px; padding:18px 20px; background:#fff; border:1px solid #ddd; position:absolute; right:0; top:29px; z-index:2222;}
.skin-list ul{}
.skin-list li{ width:48px; float:left; padding:9px 1px; cursor:pointer;}
.skin-list li span{ display:block; width:35px; height:35px; margin:0 auto;}
.skin-list li.s1 span{ background:#b0d7fb;}
.skin-list li.s2 span{ background:#c7bde6;}
.skin-list li.s3 span{ background:#ffaae4;}
.skin-list li.s4 span{ background:#ffbf86;}
.skin-list li.s5 span{ background:#afe489;}
.skin-list li.s1{border:1px dashed #b0d7fb;padding:8px 0;}
.skin-list li.old span{ text-align:center; line-height:17px; background:#fafafa;}
.skin-list li.old a{color:#aaa;}


.header{ background:#fff; padding:10px 0; border-bottom:1px solid #ddd; position:relative; z-index:333;}
.header .layout{margin-bottom:0;}
.logo,.logo a{ display:block; width:200px; height:52px; text-indent:-9999em; overflow:hidden;}
.logo{ background:url(logo.png) 5px 2px no-repeat; float:left; margin:0 35px 0 0; padding:5px 0 0;}
.top-nav{ width:65px; padding:30px 0 0; float:left;}
.top-nav .trigger{ display:block; width:30px; height:24px; line-height:24px; padding:0 0 0 23px; background-position:0 -82px; font-size:15px; font-weight:bold; cursor:pointer; }
.top-nav .trigger,.top-nav .trigger a{color:#333;}
.top-info{ width:630px; padding:0 0 0 18px; border-left:1px dashed #ddd; float:left;}
.calendar{padding:0 0 5px;}
.calendar,.calendar a{color:#666;}
.calendar B{font-weight:normal;}
.calendar em { color:#f90; font-weight:bold; padding:0 4px; }
.weather{height:29px; overflow:hidden;}
.calendar a:hover,.calendar a:hover em{color:#f60; text-decoration:none;}
.mail-box{ display:inline; width:160px; float:right; position:absolute; right:0; bottom:4px;}
.mail-box h4{ border:1px solid #ddd; height:22px; line-height:22px; padding:0 0 0 8px; color:#aaa; font-size:15px; font-weight:normal; background-position:right -110px; cursor:default;}
.mail-box h4:hover{background-position:right -140px; }
.mail-list,.mail-list a{ color:#666;}
.mail-list { width:158px; height:505px; border:1px solid #ddd; background:#fff; left:0; top:23px; position:absolute; overflow-y:scroll; text-align:center; font-family:Arial; display:none; }
.mail-list dl{padding:8px 0 0;}
.mail-list dt{color:#565656; font-weight:bold;}
.mail-list dt,.mail-list dd{display:block; height:23px; line-height:23px;}
.mail-list dd a{display:block;}
.mail-list dd a:hover{background:#5C97DE; text-decoration:none; color:#fff;}

.famous .tabs,.famous .panel,.wraper,.toolbar{ border:1px solid #eee;}
.titbar { height:30px; line-height:30px; /*border-bottom:2px solid #ddd;*/ margin:-1px 0 -1px -1px; position:relative; z-index:222; }
.titbar ul{display:none; float:left; position:relative; overflow:hidden;}
.titbar li{ display:inline;float:left; padding:0 15px; position:relative; font-size:15px; line-height:28px; margin:0 0 0 -1px;}
.titbar li,.titbar li a{color:#0e8de5;}
.titbar li.current{border-bottom:3px solid #0e8de5;}
.titbar a.more{ float:right; font-size:15px; margin:0 15px 0 0;}
.titbar h2{padding:0 0 2px 30px;}

.sites { font-size:15px;position:relative; clear:both; margin-left:-1px; padding:0 0 2px; }
.imglist{ margin-bottom:10px; display:none;}
.imglist li{float:left;width:12.3%; text-align:center;}
.imglist li a,.imglist li img{ color:#fff; }
.imglist li a{ display:block; border:1px solid #FFF; border-bottom-color:#fafafa; margin:0 -1px 0 0; position:relative;padding:7px 6px; }
.imglist li a:hover{border:2px solid #f90; padding:6px 5px; position:relative; z-index:222;}
.imglist li a:hover span{display:block;}
.imglist li span{ display:none; width:100%; height:16px; line-height:18px; overflow:hidden; background:#f90; font-size:15px; text-decoration:none; text-align:center; position:absolute; left:0; bottom:0; z-index:22; }
.sites dl{width:100%;position:relative; overflow:hidden;}
.sitelist:hover{background:#eaf5fd;}
.sitelist:hover dd li.more a{color:#407BC6; text-decoration:underline;}
.sitelist dt{ width:51px; height:30px; line-height:30px; float:left; display:inline; text-align:center; padding-bottom:32px; margin-bottom:-32px; background:#5fabe8; border-top:1px solid #a1d2f9;}
.sitelist dt i{display:none;}
.sitelist dt,.sitelist dt a,.sitelist dt a:hover{color:#fff; }
.sitelist ul{position:relative; overflow:hidden; padding:0 65px 0 0;}
.sitelist dd{ padding:0 10px 0 75px; text-align:center; }
.sitelist dd li{ display:inline; padding:0 15px 0 0; /*width:13.4%;*/ height:30px; line-height:30px; overflow:hidden; position:relative; float:left; white-space:nowrap;}
.sitelist dd li a{ display:inline-block; padding:0 0 0 10px;  }
.sitelist dd li a{*display:inline;}
.sitelist dd li.more{width:auto; float:right; padding:0 10px 0 20px; font-size:15px; position:absolute; right:0; top:0; }
.sitelist dd li.more a{padding:0; color:#999;}
.sitelist dd li.more i{ font-family:simsun; }



/* 名站 */
.famous .tabs{ height:30px; line-height:37px; position:relative;background:#fff; font-size:15px; }
.famous .tabs li {float:left; text-align:center; padding:0 40px 2px; cursor:pointer; background:url(menu_line.gif) 0 12px no-repeat; margin:-1px 0 -2px -1px; position:relative; height:30px; color:#666; }
.famous .tabs li.current {background:#2487e1; color:#fff; z-index:22;  font-weight:bold;}
.famous .fr { display:inline; position:absolute; right:15px; top:6px;}
.famous .fr,.famous .fr a{color:#2487E1;}
.famous .fr a:hover{color:#F00;}
.famous .panel{ background:#fff;border-top:0; border-bottom:1px solid #ccc; padding:14px 5px 2px 20px; font-size:15px; min-height:260px; _height:260px; _overflow:visible;}
.famous .panel-fav{height:274px; padding:0;}
.hotlist{ width:100%; position:relative;margin-bottom:5px;}
.hotlist li{float:left;width:12.3%; text-align:center; position:relative;}
.hotlist li a.img{ display:block; height:40px; border:1px solid #fff; position:relative;padding:7px 5px; position:relative; }
.hotlist li a.nobd{border-right:0;}
.hotlist li a b{ display:none; width:100%; background:#fff; opacity:0.2;height:58px; position:absolute; left:0; top:0; z-index:222;}
.hotlist li a:hover b{display:block;}
.flist li{ width:12.3%; height:32px; line-height:32px; float:left;}
.flist li a{display:inline-block; margin:0 0 0 15px;}
.flist li a{*display:inline;}
.fline{display:block; height:1px; border-bottom:1px dotted #ddd; margin:0 15px 0 0; font-size:1px; height:1px; margin-bottom:5px;}
.hotlist li.hover a.img{border:1px solid #eee;}
.hotlist li.hover{z-index:222;}
.submenu { display:block; width:100%; position:absolute; left:0; top:50px; z-index:333; background:#f8fcff; display:none;}
.submenu div{display:block; height:202px; border:1px solid #eee; border-top:none; padding:5px 0;}
.submenu p{height:26px; line-height:26px; text-align:center; font-size:15px;}
.submenu p a{display:block; color:#666;}
.submenu p a:hover{color:#f60;}
.site-1,.site-2,.site-3,.site-4,.site-5,.site-6,.site-7,.site-8,.site-9,.site-10,.site-11,.site-12,.site-13,.site-14,.site-15,.site-16{ display:block; width:108px; height:40px; background-image:url(famous.png); background-repeat:no-repeat; background-color:transparent; cursor:pointer;}
.site-1{ background-position:-2px -6px;}
.site-2{ background-position:-120px -6px;}
.site-3{ background-position:-240px -6px;}
.site-4{ background-position:-360px -6px;}
.site-5{ background-position:-480px -6px;}
.site-6{ background-position:-600px -6px;}
.site-7{ background-position:-720px -6px;}
.site-8{ background-position:-843px -6px;}

.site-9{ background-position:-2px -60px;}
.site-10{ background-position:-120px -60px;}
.site-11{ background-position:-240px -60px;}
.site-12{ background-position:-360px -60px;}
.site-13{ background-position:-480px -60px;}
.site-14{ background-position:-600px -60px;}
.site-15{ background-position:-720px -60px;}
.site-16{ background-position:-840px -60px;}
.icon-zp{ display:block; width:33px; height:27px; background:url(ico_zp.png) 0 0 no-repeat; position:absolute; right:3px; top:3px;}

/* search */
.search{position:relative;*zoom:1;z-index:3; }/*border-bottom:1px solid #D1DBE5*/
.ser_box{padding:15px 0 5px; }
.sea_l,.sea_r{top:1px;width:60px;height:75px;background-position:-357px -35px}
.sea_l{left:1px}
.sea_r{right:1px;background-position:-292px -35px}
.ser_logo_con{position:relative;float:left;_display:inline;padding:40px 2px 0 150px;width:115px;height:28px; z-index:2000;}
.ser_logo_con .sico{display:block;width:100px;height:28px;}
.ser_logo{display:block;position:relative;*zoom:1;width:108px;height:28px;cursor:pointer;overflow:hidden; }
.ser_logo strong{display:block}
.ser_logo .t_arr_b{top:17px;right:5px;}
.ser_list{position:absolute;top:38px;background-color:#fff;width:100px; z-index:2200; padding:0 9px; overflow:hidden; border-radius:2px; border:1px solid #eee; border-top:2px solid #5190ca;}
.ser_list li{cursor:pointer;border-bottom:1px solid #eee;padding:8px 0; margin-bottom:-1px; position:relative;}
.ser_info{position:relative;z-index:2; padding:0 0 0 250px;}
.ser_nav{height:38px;overflow:hidden;z-index:30;font-size:15px;text-align:center}
.ser_nav li{ float:left; width:46px; height:30px; line-height:30px; text-align:center; padding:0 0 4px; margin:0 10px 0 0; cursor:pointer; }
.ser_nav li,.ser_nav li a{color:#666;}
.ser_nav li a{height:25px;display:block;overflow:hidden}
.ser_nav .on{ color:#FFF;background-position:0 -37px; }
.ser_nav .on a{color:#FFFFFF}
.ser_nav .on a:hover{text-decoration:none;}
.bdSug_app{display:none;}
.ser_sr{position:relative;}
.search .ipt_serach{float:left;height:24px;line-height:24px;font-size:15px;width:460px;padding:4px 8px 3px; margin-right:-3px; color:#777; border-radius:3px 0 0 3px;}
.search .btn_search{ width:83px; height:35px; background-position:0 0; cursor:pointer; border:0; text-indent:-9999em; overflow:hidden; border-radius:0 2px 2px 0; }
.btn_search:hover{text-decoration:none;}
.ser_suggest{position:absolute;z-index:9999;top:31px;left:0;width:405px;border:1px solid #99D2FF;background-color:#FFFFFF; display:none;overflow:hidden;}
.kword{float:left;display:inline;height:36px;margin:25px 0 0 4px;width:150px;position:relative;z-index:2;overflow:hidden;}
.kword li{float:left;width:66px;height:18px;overflow:hidden;padding-left:8px}
.kword a{color:#457CB3;}
.t_arr,.bg,.t_arr_b{position:absolute;line-height:0;display:block;font-size:0}
.t_arr_b{width:0;height:0;text-indent:-999em;font-size:0;line-height:0;border:4px dashed transparent;border-top-style:solid;border-top-color:#666666}
.sico{ background-image:url(ser_logo.png); background-repeat:no-repeat; text-indent:-9999em; overflow:hidden;}
.sico_sogou{background-position:0 0}
.sico_baidu{background-position:6px -33px}
.sico_google{background-position:10px -70px}
.sico_xlkk{background-position:10px -105px}
.sico_yisou{background-position:10px -136px}
.sico_jd{background-position:10px -175px}
.sico_soso{background-position:10px -215px}
.sico_soku{background-position:10px -255px}
.sico_zhihu{background-position:10px -290px}
.sico_yitao{background-position:10px -334px}
.search-layout{z-index:222; margin-bottom:12px;}


/**/
.ser_nav .on,.search .btn_search,.top-nav .trigger,.mail-box h4{ background-image:url(sprite_blue.png); background-repeat:no-repeat; background-color:transparent;}
.search .ipt_serach{border:2px solid #5c97de;}


.wraper{ margin:0 auto 15px; background:#fff; position:relative; border-bottom:2px solid #ccc;}
.main{ padding:0 153px 0 0;}


/* 常用工具 */
.toolbar { background:#fff; height:28px; line-height:28px; padding:3px 10px 3px 65px;border-bottom:1px solid #ddd;}
.toolbar h2{ width:45px; height:36px; line-height:36px; text-align:center; position:absolute; left:0; top:0;}
.toolbar h2 a{display:block; background:#2487E1; color:#fff; font-size:15px; text-align:center; }
.toolbar h2 a:hover{background:#2572d0; text-decoration:none;}
.toolbar ul{padding:0 5px 0 0;}
.toolbar li{ margin:0 19px 0 0;display:inline; float:left;}
.toolbar li a{color:#777;}
.toolbar li a:hover{color:#f60;}
.toolbar li.more{float:right; margin-right:0; width:40px;}
.toolbar li.more a{color:#407BC6; text-decoration:underline; }
.toolbar dl{float:right;}
.toolbar dt,.toolbar dd{float:left;}
.toolbar dt{ color:#aaa; margin:0 10px 0 0;}


/* 酷站 */
.cool-side h2,.menu li a,.topr li a.sethome,.cates .arrow,.gotop,.set-align li{background-image:url(tit_icos.png); background-repeat:no-repeat; background-color:transparent; }
.cool-layout{background:#fff; border-top:1px solid #eee; border-bottom:1px solid #dadada; overflow:hidden; position:relative; margin-bottom:8px;}
.cool-side { width:185px; padding:12px 4px 8px; background:#eaf7ff;border-right:1px solid #deedfa; /*box-shadow:-1px 0 3px #d5eafc inset;*/ float:left; _position:absolute; _left:0; _top:0; padding-bottom:400px; margin-bottom:-400px; overflow:hidden;}
.cool-side h2{ padding:6px 5px 9px 43px; line-height:1.3; font-size:18px; color:#0090E3; font-weight:normal; }
.cool-side ul{ padding:0 0 10px 8px;}
.cool-side li{ width:25%; height:33px; line-height:33px; overflow:hidden; font-size:15px; float:left; text-indent:5px;}
.cool-side li,.cool-side li a{color:#666;}
.cool-side li a:hover{color:#f30;}
.cool-layout h2{background-position:14px -246px;}
.cool-layout-1 h2{background-position:14px -249px; }
.cool-layout-2 h2{background-position:14px -140px;}
.cool-layout-3 h2{background-position:14px -285px; }
.cool-layout-4 h2{background-position:14px -177px; }
.cool-layout-5 h2{background-position:14px -214px; }
.cool-layout-6 h2{background-position:14px -322px; border-bottom:none; padding-bottom:0; }
.cool-layout-7 h2{background-position:14px -104px; border-bottom:none; padding-bottom:0; }
.cool-layout-7 dl dt span{ cursor:default;}
.cool-layout-6 .cool-main dl{height:auto;}
.cool-layout-6 .cool-main dl:hover{background:none;}
.cool-layout-6 .cool-main dd{padding-right:0;}
.cool-layout-6 .cool-main li{ padding:0 24px 0 0; line-height:26px;}
.cool-main{ padding:12px 12px 11px 205px; }
.cool-main dl,.cool-main dt span,.cool-main dt,.cool-main dt a{height:30px; line-height:30px;}
.cool-main dl{ width:100%; position:relative; overflow:hidden; font-size:15px;}
.cool-main dl:hover{background:#f2f9ff;}
.cool-main dd{ padding:0 70px 0 90px;}
.cool-main dt,.cool-main dt a{ display:block;width:58px;}
.cool-main dt{ float:left; text-align:center;}
.cool-main dt,.cool-main dt a{color:#4c8ee7;}
.cool-main dt a:hover{color:#f30;}
.cool-main dt span{ display:block; width:40px; overflow:hidden; margin:0 auto; cursor:pointer; white-space:pre; letter-spacing:1px;  text-align:center;}
.cool-main li{ float:left; white-space:nowrap; padding:0 30px 0 0; }
.cool-main li.more{position:absolute; right:8px; top:0; font-family:simsun; padding:0; font-size:15px;}
.cool-main li.more a{color:#999;}
.cool-main li.more a:hover,.cool-main li.more a:hover i{color:#f30;}
.cool-main li.more i{letter-spacing:2px;}

.cool-cur {border-top:1px solid #6da3e4;border-bottom:1px solid #6da3e4;}

.txt-coming{ width:128px; height:25px; float:left; background:url(txt_coming.png) 0 center no-repeat;}

.txtleft .cool-main dd{padding-right:10px;}
.txtleft .cool-main li{ padding:0; width:13%;}
.txtleft .cool-main li.more{width:auto;}
.txtleft .cool-layout-6 .cool-main li{ width:auto;padding:0 26px 0 0; }
.set-align{display:inline; position:absolute; right:0; top:0; cursor:pointer;}
.set-align li{ display:block; width:38px; height:29px; background-position:-337px -348px;}
.txtleft .set-align li{background-position:-380px -348px;}


.cool-line{height:3px; font-size:2px; border-bottom:1px dashed #ddd; margin-bottom:8px; display:none;}


/* 快捷菜单 */
.menu { width:61px; position:fixed; bottom:0; z-index:222; left:50%; margin-left:505px; background:#fff; border:1px solid #eee; border-top:2px solid #2487E1; padding:5px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); border-radius:2px; }
.menu li a{ display:block; height:29px; line-height:29px; padding:0 0 0 31px; color:#acacac;border-bottom:1px dashed #eee;}
.menu li a:hover{text-decoration:none;}

.menu li a.m1{ background-position:-355px -211px;}
.menu li a.m2{ background-position:-355px -120px;}
.menu li a.m3{ background-position:-355px -243px;}
.menu li a.m4{ background-position:-355px -180px;}
.menu li a.m5{ background-position:-355px -151px;}
.menu li a.m6{ background-position:-355px -273px; }
.menu li a.m7{ background-position:-355px -89px; border-bottom:none;}
.menu li.current a.m1,.menu li a.m1:hover{ background-position:-467px -211px;}
.menu li.current a.m2,.menu li a.m2:hover{ background-position:-467px -120px;}
.menu li.current a.m3,.menu li a.m3:hover{ background-position:-467px -243px;}
.menu li.current a.m4,.menu li a.m4:hover{ background-position:-467px -180px;}
.menu li.current a.m5,.menu li a.m5:hover{ background-position:-467px -151px;}
.menu li.current a.m6,.menu li a.m6:hover{ background-position:-467px -273px;}
.menu li.current a.m7,.menu li a.m7:hover{ background-position:-467px -89px;}
.menu li.current a{/*color:#fff; background:#019cff;*/ color:#f70; }

.gotop{display:none; width:73px; height:21px; background-position:-338px -315px; position:absolute; left:-1px; top:-21px; cursor:pointer; text-indent:-9999em; overflow:hidden; text-align:center; line-height:35px; color:#fff; z-index:333; }
.gotop:hover{ background-position:-411px -315px; }
.top-show .gotop{display:block;}


.qr-code { width:22px; height:95px; position:fixed; top:188px; z-index:222; left:50%; margin-left:505px; background:url(qr_txt.gif) 0 0 no-repeat; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+188)); }
.qr-code-img{ display:none; position:absolute; right:19px; top:-5px; width:222px; height:306px; background:url(qr_code_pop.png) 0 0 no-repeat;}

/*
.menu li { width:32px; height:32px; position:relative; padding:0 0 3px;}
.menu li a{display:block; width:32px;height:32px; line-height:32px; text-align:center; background-color:#fff; background-left:0; top:0; text-indent:-9999em; overflow:hidden; border-radius:0; }
.menu li a:hover{ background:#ffa63c; text-decoration:none; text-align:center; text-indent:0; color:#fff; }
.menu li a.m1{ background-position:-200px 0;}
.menu li a.m2{ background-position:-200px -36px;}
.menu li a.m3{ background-position:-200px -73px;}
.menu li a.m4{ background-position:-200px -109px;}
.menu li a.m5{ background-position:-200px -146px;}
.menu li a.m6{ background-position:-200px -219px;}
.menu li a.m7{ background-position:-200px -183px;}
.menu li a.m8{ background-position:-200px -255px;}
.menu li a.m9{ background-position:-200px -291px;}
.menu li a.m10{ background-position:-200px -327px;}
.menu li.current a.m1,.menu li a.m1:hover{ background-position:-232px 0;}
.menu li.current a.m2,.menu li a.m2:hover{ background-position:-232px -36px;}
.menu li.current a.m3,.menu li a.m3:hover{ background-position:-232px -73px;}
.menu li.current a.m4,.menu li a.m4:hover{ background-position:-232px -109px;}
.menu li.current a.m5,.menu li a.m5:hover{ background-position:-232px -146px;}
.menu li.current a.m6,.menu li a.m6:hover{ background-position:-232px -219px;}
.menu li.current a.m7,.menu li a.m7:hover{ background-position:-232px -183px;}
.menu li.current a.m8,.menu li a.m8:hover{ background-position:-232px -255px;}
.menu li.current a.m9,.menu li a.m9:hover{ background-position:-232px -291px;}
.menu li.current a.m10,.menu li a.m10:hover{ background-position:-232px -327px;}
*/
.quick-menu { width:100%; height:32px; line-height:32px; background:rgba(0,102,204,0.9); position:fixed; left:0; top:0; z-index:2222; text-align:center;  }
.quick-menu ul{ display:inline-block; height:28px;margin:0 auto; }
.quick-menu ul{*display:inline;}
.quick-menu li{ display:inline; font-size:15px; text-align:center; }
.quick-menu li,.quick-menu li a{color:#fff;}
.quick-menu li a{display:inline-block; width:85px;}
.quick-menu li a{*display:inline;}
.quick-menu li a:hover{ text-decoration:none; color:#bfe9ff;}
.quick-menu li.current a,.quick-menu li.current a:hover{background:#FC924C; text-decoration:none; color:#fff;}
.menu-fixed{display:block;}

.feedback{ display:block; width:70px; height:50px; background:url(fb_ico.png) 0 0 no-repeat; position:absolute; left:50%; margin-left:505px; top:183px;}
.feedback:hover{background-position:0 -50px;}


/* 页底 */
.footer{ text-align:center; }
.footer,.footer a{color:#666;}
.footer a:hover{color:#333;}
.foot-nav i{padding:0 10px;}
.foot-info{color:#aaa;}
.footer .cp{ color:#aaa;}

/*
.cool-layout-2 .cool-main dt,.cool-layout-4 .cool-main dt,.cool-layout-6 .cool-main dt{ background:#00a9ec;}
*/

/* 换肤相关 */






/* for ie6-ie8 */
.size-wide .layout,.size-wide .cool-layout,.size-wide .cates{width:100%;}
.size-wide .menu,.qr-code { margin-left:555px;}
.size-wide .cool-side { width:185px;}
.size-wide .cool-main{ padding:18px 13px 14px 205px; }
.size-wide .cool-main li{padding:0 29px 0 0;}
.size-wide .cool-main li.more{padding:0;}
.size-wide .cool-layout-6 .cool-main li{ padding:0 24px 0 0; line-height:26px;}
.size-wide .cool-layout-6 .cool-main dl:hover{background:none;}
.size-wide .cool-layout-6 .cool-main dd{padding-right:0;}
.size-wide .cool-main dd{padding:0 70px 0 100px;}
.size-wide .toolbar li{margin:0 25px 0 0;}
.size-wide .ser_logo_con{padding-left:200px;}
.size-wide .top-info{padding-left:30px;}
.size-wide .cates {margin-left:-550px;}
.size-wide .feedback{margin-left:555px;}

.size-wide .txtleft .cool-main dd{padding-right:10px;}
.size-wide .txtleft .cool-main li{ padding:0; width:13%;}
.size-wide .txtleft .cool-main li.more{width:auto;}
.size-wide .txtleft .cool-layout-6 .cool-main li{ width:auto;padding:0 26px 0 0; }



@media screen and (min-width:100%) and (max-width:100%){
.layout,.cool-layout,.cates{width:100%;}
.menu,.qr-code { margin-left:555px;}
.cool-side { width:215px;}
.cool-side ul{ padding:0 5px 10px 14px;}
.cool-side h2{ padding:6px 5px 9px 52px;}
.cool-layout h2{background-position:19px -246px;}
.cool-layout-1 h2{background-position:19px -249px; }
.cool-layout-2 h2{background-position:19px -140px;}
.cool-layout-3 h2{background-position:19px -285px; }
.cool-layout-4 h2{background-position:19px -177px; }
.cool-layout-5 h2{background-position:19px -214px; }
.cool-layout-6 h2{background-position:19px -322px; border-bottom:none; padding-bottom:0; }
.cool-layout-7 h2{background-position:19px -104px; }

.cool-main{ padding:15px 12px 14px 235px; }
.cool-main li{padding:0 32px 0 0;}
.cool-layout-6 .cool-main li{ padding:0 24px 0 0; line-height:26px;}
.cool-layout-6 .cool-main dl:hover{background:none;}
.cool-layout-6 .cool-main dd{padding-right:0;}
.cool-main dd{padding:0 70px 0 90px;}
.toolbar li{margin:0 25px 0 0;}
.ser_logo_con{padding-left:200px;}
.top-info{padding-left:30px;}
.cates {margin-left:-550px;}
.feedback{margin-left:555px;}
}

@media screen and (min-width:100%){
.layout,.cool-layout,.cates{width:100%;}
.menu,.qr-code { margin-left:655px;}
.cool-side { width:232px;}
.cool-main{ padding:15px 12px 14px 270px; }
.cool-main li{padding:0 38px 0 0;}
.cool-layout-6 .cool-main li{ padding:0 24px 0 0; line-height:26px;}
.cool-layout-6 .cool-main dl:hover{background:none;}
.cool-layout-6 .cool-main dd{padding-right:0;}
.cool-main dd{padding:0 70px 0 110px;}
.toolbar li{margin:0 35px 0 0;}
.ser_logo_con{padding-left:300px;}
.top-info{padding-left:130px;}
.cates {margin-left:-450px;}
.feedback{margin-left:655px;}
}