body{ background-color:#f5f5f5;}

/*banner weather ad*/
.banner{ width:1000px; height:90px; margin:0 auto; background-color:#fff; border-bottom:1px solid #ccc; position:relative; z-index:2;}
.ban_right{ width:728px; height:90px; float:right; overflow:hidden; display:block;}

.weather{ width:248px; padding:0 2px; height:90px; float:left; display:block; font-size:12px; position:relative; z-index:3;}
.weather .loading{ text-align:center; margin-top:30px; font-size:14px;}
.weather table{ cursor:pointer; font-size:14px; color:#222; width:100%;}
.weather td{ vertical-align:middle; text-align:center;}
.weather td.icon span{ display:inline-block; zoom:1; width:55px; height:34px; background-repeat:no-repeat;}
.weather td.info{ font-weight:bold; color:#999;}
.weather td.info .tday{ font-weight:normal; font-size:12px; color:#999;}
.weather td.info span{ color:#c00; font-weight:bold;}
.weather td.info span.tm{ color:#999; font-weight:normal; font-size:12px}
#location-wrapper{ position:relative; padding:1px 0 1px 0; margin:0 2px; z-index:4;}
#location{ text-align:center; position:relative; height:20px; line-height:20px; cursor:pointer; padding:0 10px; border:1px solid #fff; -moz-user-select:none; -webkit-user-select:none;}
#location:hover{ border:1px solid #efefef;}
#location span{ color:#333; font-weight:bold;}
#location-wrapper .location-hover{ background-color:#fefefe; border:1px solid #efefef;}
#location .cross{ visibility:hidden; font-size:12px; font-weight:normal; width:15px; line-height:15px; text-align:center; color:#fff; margin-top:3px; float:right; background-color:#ca0002;}
#location-list{ display:none; padding:0px; margin:0px; background-color:#fff; border:1px solid #efefef; position:absolute; text-align:left; top:21px; left:0px; width:240px; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.3); -moz-box-shadow:1px 1px 2px rgba(0,0,0,.3); z-index:5;}
#location-list li{ padding:0px; margin:0px; display:inline;}
#location-list li a{ display:block; color:#333; padding:0 10px; text-decoration:none; position:relative;}
#location-list li a:hover{ font-weight:bold; background-color:#efefef;}

/*search block*/
.searchblock{ position:relative; width:1000px; margin:0 auto; background-color:#fff; height:160px; border-bottom:1px solid #ccc;}
.search{ margin:0 auto; width:690px;}
img.glogo{ position:absolute; top:56px; margin:0 auto; border:none;}
.search_input input{height:38px; line-height:38px; text-indent:10px; border:1px solid #3882fd; border-right:none; font-size:14px; width:591px;  float:left;}
.search_input span{ width:38px; height:38px; float:left; border:1px solid #3882fd; text-indent:-9999px;}
.search_input span a{ width:36px; height:36px; border:1px solid #88b3fb; float:left;}
.search_engine span{ margin-right:20px;}
.search_engine span input{ margin:2px 6px 2px 0px;}
.search_relevant{ width:569px; border:1px solid #b5a2ff; text-indent:10px; background-color:#fff; position:absolute; top:22px;}
.search_relevant li{ line-height:30px; height:30px;}
.search_relevant li:hover{ background-color:#f3efff; cursor:pointer;}
.search_box{ position: absolute; left: 280px; top:52px;}
.search_Tabs{ position:absolute; width:500px; left:0px; top:-16px; font-size:14px;}
.search_Tabs li{ float:left; text-align:center; padding: 4px 6px 3px;}
.search_Tabs span{ font-weight:bold;}
.search_Tabs a{ color:#155091;}
.search_box form{ margin:0 auto;}
.search_box form input.q{ position: absolute; top: 11px; width:470px; padding:4px 6px 1px 6px; height:22px; line-height:22px; font-size:18px;; border:1px solid #d9d9d9; outline:none; display:inline-block; left: 0;}
.search_box form input.focus{ border:1px solid #4d90fe;}
.search_box form button.btn{background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1)); background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1); -webkit-border-radius: 2px; -webkit-user-select: none; background-color: whiteSmoke; background-image: linear-gradient(top,whiteSmoke,#F1F1F1); background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1); border: 1px solid gainsboro; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; color: #666; cursor: pointer; font-family: arial,sans-serif; font-size: 12px; font-weight: bold; height: 34px; line-height: 34px; margin: 11px 6px; min-width: 54px; text-align: center; }
.search_box form button.btn{ border: 0; color: white; height: 29px; text-align: center; width: 66px; font-weight: 700; font-size: 15px; cursor: pointer; position: absolute;left: 490px; top:0;}
.search_suggest{ border-color:#a2bff0 #558be3 #558be3 #a2bff0; border-style:solid; border-width:1px; background-color:#fff; color:#000; width:482px; position:absolute; top:39px; left:0px; z-index:1000; display:none; font:17px arial,sans-serif;}
.search_suggest ol{ list-style:none; margin:0; padding:0; font-size:14px;}
.search_suggest li{ padding-left:5px; line-height:26px; height:26px; cursor:pointer;}

.box-search_logo{ padding-right: 18px; display: block; }
.btn_search_ico{display: block; margin: 0 auto; width: 17px; height: 17px; line-height: 29px; position:relative; cursor:pointer;}
.sitelogo{left: 68px; top: 53px; position: relative;}

/*hot board*/
.hot_board{ width:1000px; border-bottom:1px solid #ccc; background-color:#fff; margin:0 auto;}
.hot_board ul{ margin:0px 5px 0px 15px;}
.hot_board ul li{ width:196px; height:40px; line-height:40px; display:block; float:left; position:relative;}
.hot_board ul li a{ line-height:40px; display:block; float:left; vertical-align:top;}
.hot_board ul li a:hover{ text-decoration:none;}
.hot_board ul li a img{ overflow:hidden; margin:8px 10px auto 0px; width:24px; height:24px;}

/*site board*/
.site_board_list{ width:1020px; margin:0 auto;}
.site_board_list ul{ width:235px; height:200px; overflow:hidden; font-size:14px; border-bottom:1px solid #ccc; background-color:#fff; display:inline; float:left; margin:0px 10px 15px 10px;}
.site_board_list ul li.hc,.site_board_list ul li.hc a{ float:left; text-indent:12px; width:235px; line-height:30px; height:30px; overflow:hidden; display:block; clear:both;}
.site_board_list ul li.hc a:hover{ background-color:#eeeded; text-decoration:none;}
.site_board_list ul li.ht a{ display:block;height:40px; line-height:40px; margin-bottom:2px; font-size:20px; text-indent:12px; color:#fff; background-color:#98CCFF; overflow:visible;}
.site_board_list ul li.ht a:hover{ text-decoration:none; background-color:#49BFEB;}

/*color_board*/
.color_blue h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#98CCFF; text-indent:12px;}
.color_blue h1 a:hover{ background-color:#49BFEB;}
.color_blue h1{ background-color:#98CCFF;}

.color_gray h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#ccc; text-indent:12px;}
.color_gray h1 a:hover{ background-color:#999;}
.color_gray h1{ background-color:#ccc;}

.color_yellow h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#FFA07A; text-indent:12px;}
.color_yellow h1 a:hover{ background-color:#999;}
.color_yellow h1{ background-color:#FFA07A;}

.color_orange h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#F90; text-indent:12px;}
.color_orange h1 a:hover{ background-color:#999;}
.color_orange h1{ background-color:#F90;}

.color_deepblue h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#4D90FE; text-indent:12px;}
.color_deepblue h1 a:hover{ background-color:#357aeb;}
.color_deepblue h1{ background-color:#4D90FE;}

/*hotbig*/
.hotsite{ width:1000px; margin:0 auto; border-bottom:1px solid #ccc; background:#fff; height:90px; clear:both;}
.hotsite ul{ float:left; width:80px; text-align:center; display:inline; font-size:12px; margin:15px 9px 9px 9px; position:relative;}
.hotsite ul li{ width:80px; display:inline-block; float:left; line-height:24px; overflow:hidden; text-align:center; clear:both;}
.hotsite li.hots_link a{ border-bottom:3px solid #fff; width:80px; display:inline-block; text-decoration:none;}
.hotsite ul li.hots_link a:hover{ border-bottom:3px solid #999;}
.hotsite li.hots_link img{ height:36px; width:36px; margin-bottom:12px; overflow:hidden;}
.hotsite li.hots_link a span{ height:24px; width:80px; display:block; text-decoration:none;}
.hotsite li.hots_link a:hover span{ text-decoration:none; color:#f90;}
.hotsite li.sub_board{ position:absolute; top:75px; width:178px; left:0px; z-index:100; background:#fff; line-height:26px; border:none;}
.hotsite li.sub_board a:hover{ background:#f1f1f1;}
.hotsite li.sub_board a{ display:block; float:none; height:36px; line-height:36px; text-align:left; padding-left:5px;}
.hotsite li.sub_board a img{ vertical-align:middle; padding-right:4px; margin:0px 2px auto 5px;}

/*plugin*/
.plugin{padding:0;margin:0;height:38px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f4f4f4), to(rgba(238, 238, 238, 1))) no-repeat; border-bottom:1px solid #dfdfdf; display:none;}
.plugtip{ width:1000px; margin:0 auto; height:38px; line-height:38px; text-align:center;}
.plugtip p{ font-size:14px;}
.plugtip p input{ font-size:14px; padding:4px; }

.plugclose{ position: absolute; right: 10px; top: 10px; cursor:pointer;}
