@charset "utf-8";
@import url("reset.css");

/* global */
body {background: #fff url(bg.png) repeat-x top;}
body, td, th, input, select, textarea {color: #555;font: 12px/1.5 "微软雅黑";}
a {color: #555; text-decoration: none;}
a:hover {color: #f30; text-decoration: underline;}
.blank10 {clear: both; display: block; height: 2px; width: 100%;}
.ml5{margin-left:5px;}
/* topbg */
#topbg {height: 32px; line-height: 32px;}
#topbar {margin: 0 auto; width: 950px;}
#topbar-left {float: left;}
#topbar-right {color: #ccc; float: right;}
#topbar-right img {vertical-align: middle;}
/* wrapper */
#wrapper {margin: 0 auto; width: 950px;}
/* topbox */
#topbox {height: 100px;}
/* logo */
.logo {background: url(logo.png) center; display: block; float: left; height: 100px; width: 200px;}
/* sobox */
#sobox {float: right; padding-top: 20px;}
.sofrm {display: block; margin: 0px auto; padding-top: 14px; position: relative; width: 500px;}
.sipt {background: url(ipt.png) no-repeat top left; border: solid 1px #dadada; display: block; font: normal 13px/30px normal; float: left; height: 30px; padding: 0 5px 0 90px; width: 300px;}
.sbtn {background: #65bc0b; border: 0; color: #fff; cursor: pointer; font-size: 14px; height: 32px; width: 70px;}
/* selopt */
#selopt {background: url(select.gif) no-repeat; position: absolute; left: 2px; top: 17px; width: 88px;}
#cursel {cursor: pointer; display: block; height: 28px; line-height: 28px; overflow: hidden; text-indent: 12px; width: 85px;}
#options {border: solid 1px #dadada; border-top: 0; display: none; list-style: none; position: absolute; left: -2px; width: 80px; z-index: 1000;}
#options li {background: #fff; clear: both; cursor: pointer;}
#options li a {color: #555; display: block; height: 25px; line-height: 25px; text-decoration: none; text-align: center;}
#options li a:hover {background: #1791de; color: #fff; display: block; text-decoration: none;}
.current {background: #1791de; color: #fff; display: block; text-decoration: none;}
/* navbox */
#navbox {background: url(blue.png) repeat-x; display: block; height: 35px;}
.navbar {}
.navbar li {float: left; font: 14px/35px "微软雅黑"; height: 35px; text-align: center; width: 117px;}
.navbar li a {display: block; color: #fff;text-decoration:none}
.navbar li a:hover {background: #0080c6; display: block; color: #fff;}
.navbar .navline {background: #0797e5; display: block; height: 35px; width: 1px;}
.navbar .cur {background: #0067ae;}
/* txtbox */
#txtbox {background: url(blue.png) repeat-x 0 -55px; border-left: solid 1px #dae7ed; border-right: solid 1px #dae7ed; height: 40px;}
.count {float: left; padding: 10px;}
.count b {color: #f60; font: bold 16px Arial; padding-right: 3px;}
.link {color: #999; float: right; padding: 10px;}
.link a {color: #06c;}

/* web_rank */
#web_rank { white-space: nowrap;}
#web_rank strong {}
#web_rank a {margin-right: 15px;}

/*web rank left*/
.web_rank_left {counter-reset: section;}
.web_rank_left {border: solid 1px #dae7ed;float:left;width:566px;padding-bottom:7px;}
.web_rank_left h4::before {margin-left: 20px;font-size:18px;color:#f00;font-weight:bold;font-style: italic;counter-increment: section;content: " " counter(section) " ";}
.web_rank_left font{font-size:15px;}
.web_rank_left table{width: 560px;}
.web_rank_left h3 {background: #f8fdff; border-bottom: solid 1px #dae7ed; font: bold 14px normal; height: 30px;}
.web_rank_left h3 span {background: #fff; border: solid 1px #cedee6; border-bottom: 0; color: #07c; display: block; float: left; height: 26px; line-height: 25px; margin-left: 5px; margin-top: 5px; text-align: center; width: 80px;}
.web_rank_left table tr {height: 27.1px;border-bottom: dashed 1px #dae7ed;}

/*web rank right*/
.web_rank_right {border: solid 1px #dae7ed; float:right; width:350px;}
.web_rank_right h3 {background: #f8fdff; border-bottom: solid 1px #dae7ed; font: bold 14px normal; height: 30px;}
.web_rank_right h3 span {background: #fff; border: solid 1px #cedee6; border-bottom: 0; color: #07c; display: block; float: left; height: 26px; line-height: 25px; margin-left: 5px; margin-top: 5px; text-align: center; width: 80px;}

/*.bestlist {padding: 8px;}
.bestlist li {display: block; float: left; height: 30px; line-height: 30px; margin-right: 14px; overflow: hidden; text-align: center; white-space: nowrap; width: 120px;}
.bestlist li a {font-size: 13px;}*/


/* quickbox */
#quickbox {background: #f9fef4; border: dashed 1px #cbe6bd; overflow: hidden; padding: 6px; white-space: nowrap;}
#quickbox strong {}
#quickbox a {margin-right: 15px;}
/* homebox */
#homebox {}
#homebox-left {float: left; width: 250px;}
#homebox-right {float: right; width: 690px;}
/* hcatebox */
#hcatebox {background: #f8fdff; border: solid 1px #dae7ed; padding: 8px;}
#hcatebox dt {clear: both; display: block; font: bold 14px/25px "微软雅黑"; height: 25px;}
#hcatebox dt a {color: #07c;}
#hcatebox dd {}
.hcatelist {}
.hcatelist li {float: left; height: 30px; line-height: 30px; text-align: center; width: 56px;}
.hcatelist li a {font-size: 13px;}
/* newbox */
#newbox {border: solid 1px #dae7ed;}
#newbox h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed; color: #07c; font-size: 14px; padding: 6px;}
.newlist {padding: 3px 8px;}
.newlist li {padding: 5px 0; white-space: nowrap;}
.newlist li a {display: block; overflow: hidden; width: 150px;}
.newlist li span {color: #ccc; float: right;}
/* bestbox */
#bestbox {border: solid 1px #dae7ed;}
#bestbox h3 {background: #f8fdff; border-bottom: solid 1px #dae7ed; font: bold 14px normal; height: 30px;}
#bestbox h3 span {background: #fff; border: solid 1px #cedee6; border-bottom: 0; color: #07c; display: block; float: left; height: 25px; line-height: 25px; margin-left: 5px; margin-top: 5px; text-align: center; width: 80px;}
.bestlist {padding: 8px;}
.bestlist li {display: block; float: left; height: 30px; line-height: 30px; margin-right: 14px; overflow: hidden; text-align: center; white-space: nowrap; width: 120px;}
.bestlist li a {font-size: 13px;}


.bestlist2 {padding: 8px;}
.bestlist2 li {display: block; float: left; height: 30px; line-height: 30px; margin-right: 1%; overflow: hidden; text-align: center; white-space: nowrap; width: 32.3%;text-overflow: ellipsis}
.bestlist2 li a {font-size: 13px;}

/* coolbox */
#coolbox {border: solid 1px #dae7ed;}
#coolbox h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed; color: #07c; font-size: 14px; padding: 6px;}
.csitelist {padding: 5px 8px;}
.csitelist li {display: block; font-size: 14px; height: 30px; overflow: hidden; vertical-align: top; width: 100%;}
.csitelist li h4 {display: block; float: left; font-weight: normal; height: 30px; line-height: 30px; width: 50px;}
.csitelist li h4 a {color: #07c;}
.csitelist li span {display: block; float: left; height: 30px; line-height: 30px; margin-right: 30px; overflow: hidden; white-space: nowrap; width: 96px;}
.csitelist li span a {font-size: 13px;}
.csitelist .more {color: #07c; float: right; font-size: 12px; line-height: 30px;}
.sline {background: url(dot.gif) repeat-x center; display: block; height: 10px;}
/* rowbox */
#rowbox {border: solid 1px #dae7ed; padding: 10px;}
/* newsbox */
#newsbox {float: left; width: 320px;}
#newsbox h3 {color: #07c; font-size: 14px; padding-bottom: 6px;}
.newslist {}
.newslist li {padding: 6px 0;}
.newslist li span {color: #ccc; float: right; font-size: 10px;}
/* exlink */
#exlink {float: right; width: 320px;}
#exlink h3 {color: #07c; font-size: 14px; padding-bottom: 6px;}
.exlist {}
.exlist li {padding: 6px 0; white-space: nowrap; overflow: hidden;}
.exlist li span {color: #ccc; float: right;}
.line {border-left: dashed 1px #dadada; float: left; height: 210px; margin-left: 10px; width: 1px;}
/* inbox */
#inbox {background: #f8fdff; border: solid 1px #dae7ed; padding: 5px 8px;}
#inbox h3 {float: left; height: 23px; line-height: 23px; width: 60px;}
.inlist {}
.inlist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; white-space: nowrap;}
/* linkbox */
#linkbox {background: #f8fdff; border: solid 1px #dae7ed; padding: 5px 8px; margin-bottom:-30px;}
#linkbox h3 {float: left; height: 23px; line-height: 23px; width: 60px;}
.linklist {}
.linklist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; vertical-align: top; white-space: nowrap;}
/* footer */
#footer {background: url(fbg.png) repeat-x; padding: 10px; text-align: center;}
#fmenu {color: #ccc; padding-bottom: 5px;}
#fmenu a {text-decoration: none;}
#fmenu a:hover {color: #f60; text-decoration: underline;}
#fcopy {line-height: 23px;}



/*other*/
#newsbox2 {border: solid 1px #e8e8e8; float: left; width: 308px;}
#newsbox2 h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed;color: #07c;font-size: 14px; padding: 6px;}
.newslist2 {padding:7px;}
.newslist2 li {padding: 6px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 295px;}
.newslist2 li span {color:#ccc;float:right;font-size:12px;}

/* exlink2 */
#exlink2 {border: solid 1px #e8e8e8; float: left; margin-left: 10px; width: 308px; white-space:nowrap; overflow:hidden;}
#exlink2 h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed;color: #07c; font-size: 14px; padding: 6px;}
.exlist2 {padding: 7px;}
.exlist2 li {padding: 6px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 295px;}
.exlist2 li span {color:#ccc;float:right;font-size:12px;}

/*newheader*/
.fl{ float:left; font-size:14px;}
.fr{ float:right;}
.FocusPic {zoom:1;position:relative; overflow:hidden;width:300px;height:200px;}
.FocusPic .content{overflow:hidden}
.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.FocusPic .title-bg,.FocusPic .title{display:none}
.FocusPic .change{bottom:3px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
.FocusPic .change li {background:#000000;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic .change li.on{background:#FFFFFF;color:#000000}
.green{color:#4FB81B}
.blue{color:#0077CC}
a.green:hover{color:#6DA101;}
.mt1{ margin-top:8px;}
.cl{ clear:both;}
.fast{ width:302px;}
.fastlogin{ width:265px;}
.fastlogin form { float:left; margin-top:5px; display:inline;}
.fasttop{ border:#e7e7e7 1px solid;}
.fastother{border:1px solid #e7e7e7; background: #FFF; width:300px; margin-top:8px;height: 50px; overflow:hidden}
.fastother ul { padding-left:60px;}
.fastother ul li{ float:left; padding-right:12px; line-height:24px;white-space:nowrap;}
.fastbot{ background:#FFF; height:67px; border:1px solid #e7e7e7;}

.daodu{width:355px; border:1px solid #e7e7e7;  background:#FFF; padding:0px 10px 0 10px;}
.daodu .content{}
.daodu .htitle{ height:30px; line-height:30px; text-align:center;padding-top:7px;}
.daodu .htitle h1,.daodu .htitle h2{ font-size:16px; display: inline;padding-right: 22px; background:url(hot.gif) no-repeat right top }
.daodu .contxt{ text-indent:24px; padding-bottom:10px; line-height:20px; border-bottom:1px dashed #d2d2d2;color: #888888;font-size:12px;}
.daodu .wenlie{ padding-top:5px;padding-bottom:6px;}
.daodu .wenlie ul li{height:25px;overflow:hidden;padding-left:10px;background:url("ico-4.gif") no-repeat scroll left center transparent ; line-height:25px; font-size:12px;}
.daodu .wenlie ul li span{ float:right; color:#CFCFCF;}
.iside{ float:right;width:170px;overflow: hidden;}

.guide{ padding:10px 5px;border:1px solid #ececec;border-top:2px solid #4fa400; background: url(ir.jpg) no-repeat #FFF 20px 0px ;}
.jiaru{ padding:8px 0px 14px 0px;}
.cateinfo{ border-top:1px dashed #dddddd;padding:1px 0px 0px 0px;}
.cateinfo a{font-family:"微软雅黑";height:26px; float:left; margin:0 10px 10px 0; padding:0 7px; background:#e9f5e7; border:1px solid #cce2c9; border-radius:4px; line-height:26px; color:#5f7a5b; word-warp: break-warp; word-break: break-all; white-space: nowrap;font-size:12px;}
.cateinfo a:hover{background:#5f7a5b; border:1px solid #5f7a5b; color:#fff; text-decoration:none;}
.cateinfo h3{ font-family:"微软雅黑","黑体";color:#0077CC; font-size:18px; height:30px; line-height:28px; font-weight:normal; background:url(ico-cate.gif) no-repeat left center; text-indent:20px; margin-top:5px; margin-bottom: 3px;}
.cont{overflow: hidden; width: auto; height: auto; padding-left:3px;}
.cont a{ margin-top:1px;}

@media(max-width:750px){
img{max-width: 100%;}
#wrapper{width:98%;height: auto;overflow: hidden;margin: 0 auto;}



#navbox {width:100%;height:auto;overflow:hidden;}
.navbar {width:100%;height:auto;overflow:hidden;background:#0080c6;}
.navbar li {font: 14px/35px "微软雅黑"; height: 35px; text-align: center; width: 25%;float: left;}
/*
.navbar li:nth-child(3n-1){border-right:none;}
.navbar li:last{border-bottom:1px solid #0080c6;}*/
.navbar li a {display: block; color: #fff;text-decoration:none}
.navbar li a:hover {background: #0080c6; display: block; color: #fff;}
.navbar .navline {display: none;} 
.navbar .cur {background: #0067ae;}
#txtbox {width:100%;background:none; height: 50px;border:none;}

#topbox {height: 135px;}
#sobox {width: 100%; padding:0;}
.sofrm {display: block;padding:0;margin: 0px auto; position: relative; width: 100%;}
.sipt {width:70%;background: url(ipt.png) no-repeat top left; border: solid 1px #dadada; display: block; font: normal 13px/30px normal; float: left; height: 30px; padding: 0 5px 0 0;text-indent: 88px;}
.sbtn {width:28%;background: #65bc0b; border: 0; color: #fff; cursor: pointer; font-size: 14px; height: 32px;}
#selopt {background: url(select.gif) no-repeat; position: absolute; left: 1px; top: 2px; width: 88px;}
#cursel {cursor: pointer; display: block; height: 28px; line-height: 28px; overflow: hidden; text-indent: 12px; width: 85px;}
#options {border: solid 1px #dadada; border-top: 0; display: none; list-style: none; position: absolute; left: -2px; width: 80px; z-index: 1000;}
#options li {background: #fff; clear: both; cursor: pointer;}
#options li a {color: #555; display: block; height: 25px; line-height: 25px; text-decoration: none; text-align: center;}
#options li a:hover {background: #1791de; color: #fff; display: block; text-decoration: none;}



#header{width: 100%}
.logo {background: url(logo.png) center; display: block; float: left; height: 100px; width: 200px;}

#topbg{width:100%;height: 32px; line-height: 32px;}
#topbar {margin: 0 auto; width: 100%;}
#topbar-left {float: left;display: none;}
#topbar-right {color: #ccc; float: right;margin-right:10px;}
#topbar-right img {vertical-align: middle;}

#footer{width:100%;}
#homebox {width: 100%}
#homebox-left { width: 100%}
#homebox-right {width: 100%}

.imain{}

.web_rank_left {border: solid 1px #dae7ed;float:left;width:99%;padding-bottom:7px;}
.web_rank_left table{width: 100%;}
.web_rank_left table tr td:first-child{text-indent: 2em;}


.fast{ width: 100%}
.fastother{border:1px solid #e7e7e7; background: #FFF; width:99%; margin-top:8px;height: 50px; overflow:hidden}
.fastother ul { padding-left:60px;}
.fastother ul li{ float:left; padding-right:12px; line-height:24px;white-space:nowrap;}
.fastbot{ background:#FFF; height:auto;overflow: hidden;padding:0; border:none}
.fastbot img{ width:100%;}
.FocusPic { display:none;}
.daodu{width:auto;overflow: hidden; border:1px solid #e7e7e7;  background:#FFF;margin-top:10px;padding:2px;}
.daodu .content{}
.daodu .htitle{ height:30px; line-height:30px; text-align:center;padding-top:7px;}
.daodu .htitle h1,.daodu .htitle h2{ font-size:16px; display: inline;padding-right: 22px; background:url(hot.gif) no-repeat right top }
.daodu .contxt{ text-indent:24px; padding-bottom:10px; line-height:20px; border-bottom:1px dashed #d2d2d2;color: #888888;font-size:12px;}
.daodu .wenlie{ padding-top:5px;padding-bottom:6px;}
.daodu .wenlie ul li{ padding-left:10px;background:url("ico-4.gif") no-repeat scroll left center transparent ; line-height:25px; font-size:12px;}
.daodu .wenlie ul li span{ float:right; color:#CFCFCF;}
#coolbox {margin-top:10px;border: solid 1px #dae7ed;}

#quickbox {width:96%;height:auto;background: #f9fef4; border: dashed 1px #cbe6bd; overflow: hidden; padding: 6px; }
#quickbox strong {float:left;}
#quickbox a {display:block;float:left;margin-right: 15px;}


.ml5{margin-left: 0;}
.iside{width:100%;overflow: hidden;margin-top:10px;}

#newsbox2 {border: solid 1px #e8e8e8; width:99%;margin:5px auto;}
#newsbox2 h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed;color: #07c;font-size: 14px; padding: 6px;}


.newslist2 {padding:7px;}
.newslist2 li {padding: 6px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;}
.newslist2 li span {color:#ccc;float:right;font-size:12px;}

/* exlink2 */
#exlink2 {margin:5px auto;border: solid 1px #e8e8e8; width:99%; white-space:nowrap; overflow:hidden;}
#exlink2 h3 {background: url(blue2.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
.exlist2 {padding: 7px;}
.exlist2 li {padding: 6px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;}
.exlist2 li span {color:#ccc;float:right;font-size:12px;}


.csitelist {padding: 5px 8px;}
.csitelist li {display: block; font-size: 14px; height: auto; overflow: hidden; vertical-align: top; width: 100%;}
.csitelist li h4 {display: block; float: left; font-weight: normal; height: 30px; line-height: 30px; width: 80%;}
.csitelist li h4 a {color: #07c;}

.csitelist .more {color: #07c; float: right; font-size: 12px; line-height: 30px;width: 20%;text-align:right;}


.csitelist li span {display: block;float:left; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; width:25%;text-align:left;margin:0;}
.csitelist li span a {font-size: 13px;}

.sline {clear:both;display: block; width:100%;height: 10px;background: url(dot.gif) repeat-x center; }

.bestlist {padding: 1%;}
.bestlist li {display: block; float: left; height: 30px; line-height: 30px; margin-right: 1%; overflow: hidden; text-align: center; white-space: nowrap; width: 32%;}
.bestlist li a {font-size: 13px;}


.bestlist2 {padding: 1px;}
.bestlist2 li {display: block; float: left; height: 30px; line-height: 30px; margin-right: 1%; overflow: hidden; text-align: center; white-space: nowrap; width: 48%;}
.bestlist2 li:thd {margin-left: 1%}
.bestlist2 li a {font-size: 13px;}

}