@charset "utf-8";
/* 57joy.com CSS Document */
body{margin:0;text-align:center;font-size:12px;color:#000000;background:#fff;
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;}
a:hover{}

.ad790X80{width:790px;line-height:80px;margin:8px auto;clear:both}
.ad430X72{width:430px;height:95px;line-height:95px;border:1px solid #efefef; float:left;text-align:center;overflow:hidden}
.ad290X72{width:288px;height:72px;line-height:72px;border:1px solid #efefef; float:left;text-align:center}
.disNone{display:none}
.red{color:#FF0000}
#xiaonews{clear:both;border:1px #FCD8A2 solid;background:#FCD8A2;margin-top:10px;}
#xiaonews h2{width:40px;color:#ff6600;margin:0;float:left;height:25px;line-height:25px;padding:0 5px;letter-spacing: 3px;}
.marquee{height:50px; overflow:hidden;margin-left:50px;background:#fff;}
.marquee ul{padding:0;margin:0;text-align:left}
.marquee li{padding:0 5px;margin:0; list-style:none;line-height:25px;height:25px;float:left;width:30%;font-size:12px; overflow:hidden}
/*listNews*/
#jcon{}
.jcon_box{margin-bottom:10px; }
.jcon_box dl{float:left;}
.jcon_box dt{float:left;line-height:22px;}

.jcon_box dl{font-size:14px;padding-left:10px;height:25px;background:url(../images/line.gif) repeat-x  left 1px;width:98%;}
.jcon_box dt{height:23px;line-height:23px;}
.jcon_box dt a{padding:0 10px;line-height:23px;text-align:center;}
.jcon_box dt .on{padding:0 20px;border:1px #5BC7D7 solid;border-width:1px 1px 0 1px;border-color:#ccc #ccc #ccc #ccc;display:inline-block;height:24px;line-height:24px;background:#fff;text-align:center;font-weight:bold;background:url(../images/bar_bg.gif) repeat-x left 3px;}
.jcon_box dt .on{display:block;_display:inline;}
.jcon_box dt a:hover{color:#ccc}
.jcon_box dt .on:hover{color:#000}


.jcon_box ul{width:100%;clear:both;background:url(../images/gray.gif) repeat-x left top;float:left}
.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%}
.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{clear:none;float:left;border:none;height:auto;padding:10px;width:90%}
.jcon_box .box_con div li{ font-size:14px;line-height:25px;height:25px;padding-left:10px;overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;background:url(../images/ico_dot.gif) no-repeat scroll 2px 10px;}
.jcon_box .box_con div li a:hover{text-decoration:underline;color:#FF9A57}
/***************************************/


#wrapper{margin:0 auto;}
#top{height:85px; position:relative}
#userinfo{float:right;margin-top:5px;}
#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}

#header{height:120px;width:899px;background:url(../../images/navbg.gif) no-repeat;margin:0 auto; position:relative}
#top{}
#logo{height:50px;width:200px; /*text-indent:-1000px;overflow:hidden;background:url(../../images/57joy_logo.gif) no-repeat;*/margin-left:20px}
#lgin{
float:right;
margin-top:10px;
position:absolute;
right:10px;
top:0;
}
#lgin a{color:#fff}
#lgin input{vertical-align:middle;text-align:33px}
#city {
height:25px;
left:35px;
line-height:100%;
position:absolute;
top:70px;
width:200px;
z-index:200;
}
#topmenu {
height:25px;
left:50%;
line-height:100%;
margin-left:-150px;
position:absolute;
top:65px;
width:560px;
z-index:10;
}
#topmenu ul li {
float:left;
height:35px;
line-height:35px;
width:80px;
background:url(../../images/nav.gif) no-repeat left bottom;
}
#topmenu ul li a {
color:#0033D8;
display:block;

}
#topmenu ul li a:hover {
text-decoration:underline;
}
#topmenu ul li span {
display:block;
}
#topmenu ul .on {
color:#0033D8;
padding-left:0;
background:url(../../images/nav_on.gif) no-repeat;
}
#topmenu ul .on a {
background:transparent none repeat scroll 0 0;
color:#0033D8;
font-size:14px;
font-weight:bold;
}
#topmenu ul .on span {
display:inline-block;
padding-right:0;
}

#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:900px;height:60px;margin:0 auto}
#ItemBox ul li{float:left;}
#ItemBox .I_left{background:url(../images/b_19.jpg) bottom left no-repeat ; height:60px;width:7px;}
#ItemBox .I_right{background:url(../images/b_22.jpg) bottom right no-repeat ;height:60px;width:7px;float:right}
#ItemBox .I_center table{float:left;margin-top:15px}
#ItemBox .I_center{text-align:right;}
#Head1_setitem{margin-top:15px;}


#container{text-align:center;margin:10px auto;width:900px;}
#container .drag_div{width:297px;float:left;}
#container .drag_header{padding:3px 10px 4px;}
#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 0px;border:1px #ccc solid;color:#FC8C49;}
.drag_header em{text-align:right;font:"Times New Roman", Times, serif; font-style:normal;margin-left:200px;}
.drag_header em a{color:#ccc}
.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:25px;}
.drag_content ul li{overflow:hidden;height:25px;text-overflow:ellipsis;width:245px;white-space:nowrap;padding-left:7px;background:url(../images/ico_dot.gif) no-repeat scroll 2px center;}
.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{width:580px;float:left;text-align:left;overflow:hidden}
#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;height:22px;margin:0px;padding-right:10px;overflow:hidden}
#listcon{width:280px;float:right}
#listcon ul{height:64px; 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:5px}
#weather{width:180px;float:left;height:95px;}

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

#dataList{width:100%;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}
#sidebar .palybox{margin-bottom:10px;padding:10px 0}
#sidebar .palybox ul{width:120px; text-align:center; margin:0 auto}
#sidebar .palybox ul li {width:120px;}
#sidebar .palybox a{width:120px;display:block; white-space:normal;line-height:25px;}



#footer{clear:both;text-align:center;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 #efefef;line-height:35px}
.themain .theText {
clear:both;
font-size:14px;
line-height:160%;
overflow:hidden;
padding:12px;
text-align:left;
}