@charset "utf-8";
/* 57joy.com CSS Document */
body{margin:0;text-align:center;font-size:12px;color:#000000;
font-family:"宋体",Arial,Tahoma,Verdana,Helvetica,sans-serif;}
p, ul, ol, dl, dd, h1, h2, h3, h4, h5, img, form, blockquote {
border:0pt none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
h2{font-size:14px;color:#FF6600}
a{color:#666; text-decoration:none;}

.ad790X80{background:#efefef;width:790px;height:80px;text-align:center;line-height:80px;margin:8px auto;clear:both}
.ad430X72{width:430px;height:72px;line-height:72px;border:1px solid #efefef; float:left;text-align:center}
.ad290X72{width:288px;height:72px;line-height:72px;border:1px solid #efefef; float:left;text-align:center}
.disNone{display:none}

/*listNews*/
#jcon{}
.jcon_box{margin-bottom:10px;float:left;width:530px}
.jcon_box dl{float:left;}
.jcon_box dt{float:left;}

.jcon_box dl{font-size:14px;height:30px;width:100%;margin-left:10px;_margin-left:15px}
.jcon_box dt{height:30px;line-height:30px;}
.jcon_box dt a{padding:0 10px;line-height:30px;text-align:center;}
.jcon_box dt .on{padding:0 20px;color:#ff6600;display:inline-block;height:30px;line-height:30px;text-align:center;font-weight:bold;}
.jcon_box dt .on{display:block;_display:inline;}
.jcon_box dt a:hover{color:#ff6600}
.jcon_box dt .on:hover{color:#ff6600}


.jcon_box ul{clear:both;float:left;width:100%;}
.jcon_box .box_con{border-width:0 1px 1px 1px;clear:both;}
.jcon_box .box_con li{padding-left:5px;}
.jcon_box .box_con div{width:100%; position:relative;height:600px}
.jcon_box .box_con div span{float:left;width:120px;margin:10px;}
.jcon_box .box_con div span img{width:120px;height:90px;}
.jcon_box .box_con div span a{text-align:center;margin-top:5px;display:block;width:120px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}

.jcon_box .box_con div ul{border:1px dashed #FF6600;clear:none;float:left;height:auto;left:60px;_left:80px;padding:10px;position:absolute;top:35px;width:410px;}
.jcon_box .box_con div li{ font-size:14px;line-height:25px;height:25px;overflow:hidden;  white-space:nowrap;width:380px;  list-style:disc;list-style-position:inside;color:#ff6600}
.jcon_box .box_con div li a:hover{text-decoration:underline;color:#FF9A57}
/***************************************/



.list_bg{ background:url(../images/list_bg.gif) no-repeat center top;}
#sidebar_list{width:196px;float:right;margin:45px 20px 0 0;_margin:45px 10px 0 0;}
#sidebar_list h2{text-align:center;line-height:30px;}
#sidebar_list .palybox{ height:50px;margin-bottom:10px}
#sidebar_list .palybox ul{width:120px; text-align:center; margin:0 auto}
#sidebar_list .palybox ul li {width:120px;}
#sidebar_list .palybox a{width:120px;display:block; white-space:normal;line-height:25px;}


/*广告下面的列表*/
.bCon{float:left;width:790px;font-size:14px;text-align:left; background:url(../images/list_bg1.gif) no-repeat center top;}
.bCon ul{float:left;margin:30px 0 0 0;width:340px;line-height:25px; list-style:disc;border-top:1px #ff6600 dashed; border-left:1px #ff6600 dashed;color:#ff6600;padding:10px; list-style-position:inside;}
.bCon .ulCon_2{margin:30px 0 0 10px;}
.bCon .ulCon_3{border-right:1px #ff6600 dashed;}
.bCon ul li{overflow:hidden;  white-space:nowrap;width:340px;}


#wrapper{margin:0 auto;}
#top{height:85px; position:relative}
#userinfo{float:right;margin-top:5px;display:none;}
#userinfo a{margin-left:5px;}
#logo{width:219px;height:57px;left:2px;position:absolute;top:10px}
#city{height:25px;left:35px;line-height:100%;position:absolute;top:80px;width:200px;z-index:200;}
#city h1{font-size:20px;float:left;position:relative;line-height:20px;left:-3px;bottom:-2px;}
#city #selcs{}
#city #selcs span a{float:left;margin:0 5px;font-size:14px;color:#ff6600;font-weight:bold}
#city #selcs #chcs{position:absolute;width:50px; background:#efefef;top:25px;left:55px}
#city #selcs #chcs a{display:block;line-height:25px}
#city span{float:left;line-height:28px;}
#city a{color:#0033CC; text-decoration:underline}
#city #chcs a{text-decoration:none}
#city #chcs a:hover{background:#FFC48E}

#menu_bar{height:25px;left:480px;line-height:100%;position:absolute;top:85px;z-index:10;width:560px;}
#menu_bar ul li{float:left;line-height:25px;height:25px;margin-right:2px;}
#menu_bar ul li{padding-left:5px}
#menu_bar ul li a{padding:0 10px;display:block;color:#fff;}
#menu_bar ul li a:hover{ text-decoration:underline}
#menu_bar ul li span{padding-right:8px;display:block}

#menu_bar ul .on{color:#fff;padding-right:15px;padding-left:0}
#menu_bar ul .on a{background:none;color:#fff;font-weight:bold;font-size:14px}

#menu_bar ul .on span{padding-right:0px;padding-left:15px;display:inline-block}


#menu_bar #nav2 div{float:left;height:25px}
#menu_bar #nav2 .n_left{background:url(../images/b_left.gif) left top no-repeat;width:5px}
#menu_bar #nav2 .n_center{background:url(../images/b_bg.gif) left top repeat-x;padding:0 10px;}
#menu_bar #nav2 .n_center a{margin-right:10px}
#menu_bar #nav2 .n_center a:hover{margin-right:10px; text-decoration:underline}
#menu_bar #nav2 .n_right{background:url(../images/b_right.gif) right top no-repeat;width:8px}


#SearchBar{background:url(../images/bar.gif) left top no-repeat;height:34px;line-height:34px;}
#changeItem a{float:right;color:#fff;font-weight:bold; background:url(../images/add.gif) right center no-repeat; padding-right:15px;margin-right:10px}
#changeItem a:hover{color:#000;background:url(../images/add.gif) right center no-repeat;}

#ItemBox{background:url(../images/b_20.jpg) bottom left repeat-x;width:790px;height:55px;margin:0 auto}
#ItemBox ul li{float:left;}
#ItemBox .I_left{background:url(../images/b_19.jpg) bottom left no-repeat ; height:55px;width:7px;}
#ItemBox .I_right{background:url(../images/b_22.jpg) bottom right no-repeat ;height:55px;width:7px;float:right}
#ItemBox .I_center{text-align:right}


#container{text-align:center;margin:10px auto;width:790px;}
#container .drag_div{width:261px;float:left;}
#container .drag_header{padding:5px}
#container .drag_content {padding:3px}

.drag_div{ width:90%; margin:5px 1px;text-align:left;}
.drag_header{ font-weight:bold;background:url(../images/bar_bg.gif) repeat-x left 3px;border:1px #ccc solid;color:#FC8C49; position:relative;}
.drag_header em{ position:absolute;right:5px; font:"Times New Roman", Times, serif; font-style:normal}
.drag_header em a{color:#0ca9b8}
.drag_header em a:hover{ text-decoration:underline}
.drag_content{border:1px solid #ccc;border-width:0px 1px 1px 1px}
.drag_content ul {line-height:20px;}
.drag_content ul li{overflow:hidden;height:20px;text-overflow:ellipsis;width:245px;white-space:nowrap;padding-left:7px;background:url(../images/ico_dot.gif) no-repeat scroll 2px 8px;}
.drag_content ul li a:hover{text-decoration:underline;color:#FF9A57}
.no_drag{ height:0px; overflow:hidden; padding:0; border:0;}
.drag_content .loading img{}
.drag_content .loading{padding:5px;text-align:center;color:#ccc;}
.drag_content span{display:none}
.divbox{float:left}



#content{position:relative;text-align:left;width:790px;}
#sidebar{width:240px;float:right;text-align:left;background:#f5f5f5;padding:5px}

/*列表*/
#loadingWebList{float:left; text-align:left}
#listHead{background:#FCE3BE;color:#FF6600;line-height:22px;text-align:right;margin:0px;padding-right:10px}
#listcon{width:220px;float:right}
#listcon ul{height:40px; overflow:auto; position:relative;padding:5px 0;}
#listcon li{line-height:12px;font-size:11px;color:#ccc;padding-left:13px;background:url(../images/icon_VendorSearch.gif) no-repeat left center; position:relative}
#listcon li span{text-align:right; position:absolute;top:0;right:20px}
#weather{width:135px;float:left;height:62px;padding-top:15px}

#listad{width:200px;height:50px;float:left;background:#efefef}

#dataList{margin-top:8px;float:left}
#dataList h2{padding:5px;border-bottom:1px #ccc solid}
#dataList ul{line-height:20px}


#sidebar #daysq h2{padding:5px;border-bottom:1px #ccc solid}




#footer{clear:both;text-align:center;border-top:1px #ff6600 solid;line-height:30px;font-size:12px;font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;}


/*detail************************************/
.themain{
padding:5px;
clear:both;
}

.themain .theTitle {

clear:both;
padding:10px 0 0 5px;
}
.themain .theTitle div{
clear:both;
padding:5px 0;
text-align:right;
}
.themain .theTitle h1{font-size:20px;text-align:center;border-bottom:1px dashed #C1E1F9;line-height:35px}
.themain .theText {
clear:both;
font-size:14px;
line-height:160%;
overflow:hidden;
padding:12px;
text-align:left;
}