@charset "utf-8";
/* CSS Document */ 
/** by ada at 2012 02 04 all rights */
/**  global **/
.bodybg {background:#8bd0fa url(image/city/bg2.jpg) repeat-x;}
.yellow{ color:#ff5300;}
.yellow a:link,.yellow a:visited,.yellow a:hover{color:#ff5300;}
.gureen{ color:#387c00;}
.gureen a:link,.gureen a:visited,.gureen a:hover{ color:#387c00;}
.mt7{ margin-top:7px;}
.mt10{ margin-top:10px;}
.pend-10{ padding:8px 10px;}
.gury-bd{ border:1px solid #dcdcdc; height:100%;}
.gury-bdtn{ border:1px solid #dcdcdc; border-top:none; height:100%;}
.img-bd img{ padding:2px; border:1px solid #ccc; overflow:hidden;}
.span-gq{ float:left; width:40px; margin-right:2px;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both; font-size:0px; line-height:0px; *height:0px;  }
.tc{ text-align:center;}
.cli {float:left;width:60px;padding:0 0 0 10px;font-size:14px;}
.f14{ font-size:14px;}
/*links*/
.city_link a:link,.city_link a:visited,.city_link a:active {color:#000;text-decoration:none;}
.city_link a:hover {color:#F30;}

.layout2{ margin:0px auto; width:1190px; margin-top:10px;}
.layout2 .left{ float:left; width:880px;}
.dh{ height:18px; line-height:18px; border-bottom:1px solid #387c00; border-bottom:none; padding-left:15px; background:url(image/city/guren_03.jpg) 4px 3px no-repeat; width:1175px; margin:0px auto; margin-top:7px; overflow:hidden;  }
.dh .fr{height:18px; line-height:18px; padding-left:18px; background:url(image/city/list_03.jpg) left 1px no-repeat; font-weight:bold;}
/* city menu  */
.city_menu_logo{float: left;width: 178px;height: 62px;font-family: "宋体";font-size: 13px;color: #000;text-align: center; padding-top:10px;}
.city_menu_logo img{overflow: hidden;margin-top: 3px;}
.logo_bdimg {BACKGROUND: url(image/city/cline_03.jpg) right center no-repeat; width:10px; height:70px; padding:15px 10px 0 0; float:left;}
#city_menu_xy {PADDING-LEFT:5px;FONT-SIZE: 12px;PADDING-BOTTOM:10px;PADDING-TOP:10px;WIDTH:570px;FONT-FAMILY: "宋体","Arial Narrow";HEIGHT:50px;overflow: hidden;float:right;}
#city_menu_xy ul {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#city_menu_xy li {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#city_menu_xy a {COLOR: #000; TEXT-DECORATION: none}
#city_menu_xy a:visited {COLOR: #000}
#city_menu_xy a:hover {COLOR: #db0010; TEXT-DECORATION: underline}
#city_menu_xy a.hot {COLOR: #db0010}
#city_menu_xy a.hot:visited {COLOR: #db0010}
#city_menu_xy .city_menu {PADDING-RIGHT: 4px; PADDING-LEFT: 10px; FLOAT: left;  BACKGROUND: url(image/nav_2.png) right 5px no-repeat;PADDING-BOTTOM: 0; PADDING-TOP:0; TEXT-ALIGN: center; overflow:hidden;}
#city_menu_xy .city_menu1 {PADDING-RIGHT: 4px;PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM:0; PADDING-TOP:0; TEXT-ALIGN: center}
#city_menu_xy .city_menu strong {font-weight: bold;PADDING-RIGHT: 4px}
#city_menu_xy .w_1 {WIDTH:95px; overflow:hidden;}
#city_menu_xy .w_2 {WIDTH: 105px;overflow: hidden;}
#city_menu_xy .w_3 {WIDTH: 95px;overflow: hidden;}
#city_menu_xy .w_7 {PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 100px}
#city_menu_xy ul {CLEAR: both; DISPLAY: block; ZOOM: 1}
#city_menu_xy li {PADDING-RIGHT:6px;FLOAT: left;LINE-HEIGHT: 26px}
#city_menu_xy .w_f{ float:left; padding-left:10px; overflow:hidden;}

#weather { width:160px; margin-right:10px; padding-top:30px; float:left; overflow:hidden;}
.select-city { width:70px; padding:15px 0 10px 10px; text-align:center;float:left; position:relative;}
.topt{ text-align:center;}
.select-city-top { font-family:"黑体"; font-size:20px; color:#333;line-height:30px; text-align:center; width:70px; overflow:hidden}

.select-city-bom {MARGIN-TOP: 4px;WIDTH:70px; POSITION: relative}
.s-city {DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 14px; WIDTH: 300px; POSITION: absolute}
.s-delete {DISPLAY: inline; FLOAT: right; CURSOR: hand}
#massage_box1 {Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH:400px; POSITION: absolute; TOP:-30px;left:70px;HEIGHT:120px;_height:110px;TEXT-ALIGN: left}
.massage1 {BORDER: #b7e09e 2px solid; PADDING:4px 6px;FONT-SIZE:12px; BACKGROUND: #fff;WIDTH:390px; COLOR: #036;HEIGHT:120px;_height:110px;}
.header1 {FONT-SIZE: 12px; COLOR: #5a5a5a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 8%}
.select-city-ul {MARGIN-TOP: 10px; MARGIN-LEFT:15px; OVERFLOW:hidden; ZOOM: 1;width:385px; height:110px_height:105px;;}
.select-city-ul li {FLOAT: left; OVERFLOW: hidden; LINE-HEIGHT:20px; WHITE-SPACE: nowrap; HEIGHT:20px; padding-right:3px; width:50px;}
/** privence-list css */
.privence-list {border-bottom:#b7e09e 1px dotted; padding:6px;background: #eaeaea;}
.privence-list-ul {overflow: hidden; zoom: 1}
.privence-list-ul li {float: left; margin: 4px 4px 4px 7px; width: 60px; line-height: 22px;height:22px;}
.privence-list-ul li A {display: block;background:url(image/city/privce_23.jpg) no-repeat;width:60px;line-height:22px;height:22px; text-align: center;}
.privence-list-ul li .bg A {display: block;background:url(image/city/privce_21a.jpg) no-repeat;width:60px;line-height:22px;height:22px; text-align: center;}
.privence-list-ul li A:hover {background:url(image/city/privce_21.jpg) no-repeat;color:#000}
.privence-brand-all {overflow:hidden;width:870px}
.privence-brand-left { padding:65px 0;background: url(image/city/privce_37.jpg) no-repeat center 50%;float:left;width:14px;cursor:pointer;height:30px;}
.privence-brand-right {padding:65px 0;background: url(image/city/privce_40.jpg) no-repeat center 50%;float:left;width:14px;cursor:pointer;height:30px;}
.privence-brand-mid {padding:0;float:left;margin:0px 7px;overflow:hidden;width:825px;height:160px;}
.privence-brand-mid ul {overflow: hidden;zoom:1;}
.privence-brand-mid ul li {padding:0 5px;float:left;width:145px;height:160px;}
.privence-brand-mid ul li img {width:145px;height:160px;}
.privence-brand-mid .ScrCont1 {width:12000px;zoom:1;}
.ScrCont1 {width:12000px;zoom:1;}
#List1_1 {float: left}
#List2_1 {float: left}
.add-prnce {border-top: #b7e09e 1px dotted;padding:19px 5px;margin-top:10px;}
.privence-integrate-title {BACKGROUND: url(image/city/tc_13.jpg) repeat-x; OVERFLOW: hidden; LINE-HEIGHT: 31px; HEIGHT: 31px}
.privence-integrate-title .fl {PADDING-LEFT:15px; BACKGROUND: url(image/city/tc_11.jpg) no-repeat left top}
.privence-integrate-title .fl a:link .privence-integrate-title .fl a:visited .privence-integrate-title .fl a:active .privence-integrate-title .fl a:hover{color:#FFFFFF;text-decoration:none;font-size:14px;}
.privence-integrate-title .fl span {DISPLAY: inline-block; FONT-WEIGHT: bold; FONT-SIZE:14px; WIDTH:140px; COLOR: #fff; MARGIN-RIGHT: 20px;TEXT-ALIGN: center; margin-right:30px;}
.privence-integrate-title .fl .s{DISPLAY: inline-block; FONT-WEIGHT: bold; FONT-SIZE:14px; WIDTH:140px; COLOR: #fff; MARGIN-RIGHT: 20px;TEXT-ALIGN: center; margin-right:60px;}
.privence-integrate-title .fr {PADDING:4px 12px 4px 0;BACKGROUND: url(image/city/tc_15.jpg) no-repeat right top;HEIGHT:23px; min-width: 20px}

.city-integrate-title {BACKGROUND: url(image/city/city_32.jpg) repeat-x; OVERFLOW: hidden; LINE-HEIGHT: 31px; HEIGHT: 31px}
.city-integrate-title .fl {PADDING-LEFT: 20px; BACKGROUND: url(image/city/city_29t.png) no-repeat left top}
.city-integrate-title .fl SPAN {DISPLAY: inline-block; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; MARGIN-RIGHT: 35px}
.city-integrate-title .fr {PADDING-RIGHT: 12px; PADDING-LEFT: 0px; BACKGROUND: url(image/city/city_51.jpg) no-repeat right top; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; HEIGHT: 23px}

.bom-top{height:28px;width:1130px; padding:0px 30px; padding-bottom:3px; text-align:right; background:url(image/city/bom_03.jpg) no-repeat; margin:0px auto;}
/* city */
.s-city {DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 14px; WIDTH: 300px; POSITION: absolute}
.s-delete {DISPLAY: inline; FLOAT: right; CURSOR: hand;}
.city-select {BORDER: #dbdbdb 1px solid; PADDING:8px 10px;BACKGROUND: url(image/city/tc_03.jpg) repeat-x;LINE-HEIGHT: 22px;POSITION: relative; HEIGHT: 22px;}
.city-select ul {OVERFLOW: hidden; ZOOM: 1}
.city-select ul li {FLOAT: left; WIDTH:440px; LINE-HEIGHT: 22px; MARGIN-RIGHT: 4px; HEIGHT: 22px;}
.city-select ul li.pv {BACKGROUND: url(image/city/privce_21f.jpg) no-repeat; WIDTH: 72px; COLOR: #000; TEXT-ALIGN: center; font-size:13px;}
.city-select ul li.ct {BACKGROUND: url(image/city/privce_23f.jpg) no-repeat; WIDTH: 90px; TEXT-ALIGN: center;}
.city-select ul li.la {MARGIN-LEFT: 6px; WIDTH: 95px; MARGIN-RIGHT: 0px;}
#massage_boxt {Z-INDEX: 2; LEFT: 100px; VISIBILITY: hidden; WIDTH: 570px; POSITION: absolute; TOP: 30px; HEIGHT: 180px;}
#massage_boxt1 {Z-INDEX: 2; LEFT: 100px; VISIBILITY: hidden; WIDTH: 570px; POSITION: absolute; TOP: 30px; HEIGHT: 180px; TEXT-ALIGN: left;}
.massaget1 {BORDER: #f06721 2px solid; PADDING:4px 6px;FONT-SIZE: 12px; BACKGROUND: #fff;WIDTH:550px; COLOR: #036;HEIGHT:96%;}
.headert1 {FONT-SIZE: 12px; COLOR: #5a5a5a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 10%}
#massage_boxt1 .privence-list-ul {OVERFLOW: hidden; ZOOM: 1}
#massage_boxt1 .privence-list-ul LI {FLOAT: left; MARGIN: 4px 6px 4px 8px; WIDTH: 60px; LINE-HEIGHT: 22px; HEIGHT: 22px}
#massage_boxt1 .privence-list-ul LI A {DISPLAY: block; BACKGROUND: url(image/city/privce_23.jpg) no-repeat; WIDTH: 60px; LINE-HEIGHT: 22px; HEIGHT: 22px; TEXT-ALIGN: center}
#massage_boxt1 .privence-list-ul LI A:hover {BACKGROUND: url(image/city/privce_21.jpg) no-repeat; COLOR: #000}
#massage_boxt1 .privence-list-ul LI .K A:hover {BACKGROUND: url(image/city/privce_21.jpg) no-repeat; COLOR: #ff5300}

/* body */
.aear-left {FLOAT: left; WIDTH:380px}
.aear-right {FLOAT: right; WIDTH:460px;_width:355px;}
.aear-left .flash{ overflow:hidden;zoom:1; margin-bottom:10px;}
.aear-left .product-img{ overflow:hidden; zoom:1;BORDER-BOTTOM: #ccc 1px dashed}
.aear-left .product-img li{width:80px;float:left;text-align:center;padding-right:8px}
.aear-left .product-img li span{ display:block;height:18px;line-height:18px; margin-top:2px;}
.aear-right .cate-ul li {LINE-HEIGHT:24px; HEIGHT:24px;}
.add-cond .public-ul {OVERFLOW: hidden; ZOOM: 1}
.add-cond .public-ul li {FLOAT: left; WIDTH:45%; LINE-HEIGHT: 20px; HEIGHT: 20px;background:url(image/city/guren_03.jpg) 4px 5px no-repeat; padding-left:12px;}
.add-cond .public-1-ul {OVERFLOW: hidden; ZOOM: 1}
.add-cond .public-1-ul li {FLOAT: left; WIDTH:80px; LINE-HEIGHT: 20px; HEIGHT: 20px;background:url(image/city/guren_03.jpg) 4px 3px no-repeat; padding-left:12px;}
.hz-top{ font-size:13px; color:#333; padding:3px;}

.city-buyer-title{ height:30px; line-height:30px; background:url(image/city/globle_85.jpg) repeat-x;}
.city-buyer-title .fl{ background:url(image/city/ct_03.jpg) left top no-repeat; padding-left:32px; font-weight:bold;font-size:14px;}
.city-buyer-title .fr{ background:url(image/city/right_03.jpg) right top no-repeat;  padding-right:8px;  height:30px; width:auto;}

.priv-market {BORDER: #e0ffbc 1px solid; PADDING:5px;BACKGROUND: #e8ffd0;}
.priv-market-top {BORDER:#dbdbdb 1px solid; PADDING:0 10px;BACKGROUND: url(image/city/sjpd_07.jpg) repeat-x;HEIGHT:50px;}
.priv-market-top .fl {PADDING:10px 0;FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(image/city/images/sz_07.jpg) no-repeat right top; WIDTH: 70px;HEIGHT:30px; line-height:30px;}
.priv-market-top .fr {PADDING:5px 0px;WIDTH:560px;HEIGHT:40px;}
.priv-market UL {OVERFLOW: hidden; ZOOM: 1;}
.priv-market UL LI {FLOAT: left; WIDTH: 340px; LINE-HEIGHT: 22px; HEIGHT: 22px;}
.mcdiv {PADDING:5px 0;OVERFLOW: hidden;HEIGHT:66px}
.mcdiv .mcdiv {OVERFLOW: hidden; HEIGHT:66px}

.comm-cell{ width:420px;}
.com-fl{ float:left; padding-right:20px; margin-right:10px; background:url(image/city/line_03.jpg) right center no-repeat;}
.add-com-fl{ float:left; padding-right:20px; margin-right:9px; border-right:1px solid #ccc;}
.com-fr{ float:right;}
.comm-cell .float-li{ padding-bottom:4px; border-bottom:1px solid #ccc; padding:6px 8px;}
.comm-cell .float-li li{line-height:22px; height:22px;overflow:hidden;}
.comm-more{ height:25px; line-height:25px; text-align:right; overflow:hidden; zoom:1; margin-top:4px;}
.comm-more1{ height:16px; line-height:16px; text-align:right; overflow:hidden; zoom:1; margin-top:4px;}
.comm-more a{ width:100px; float:right; padding-left:6px; background:url(image/city/add_03.jpg) left 3px no-repeat;}
.comm-more1 a{ width:100px; float:right; padding-left:6px; background:url(image/city/add_03.jpg) left 0px no-repeat;}
.prv-fl {FLOAT: left}
.prv-fr {FLOAT: right}
.prv-fr .float-li {MARGIN-TOP: 4px; BORDER-BOTTOM-STYLE: none}
.prv-fl .float-li {MARGIN-TOP: 4px; BORDER-BOTTOM-STYLE: none}
.tr-bg {BACKGROUND: url(image/city/sez_11.jpg) repeat-x; OVERFLOW: hidden; LINE-HEIGHT: 29px; ZOOM: 1; HEIGHT: 29px}
.nst-name {BORDER:#dbdbdb 1px solid;PADDING-LEFT:4px;FLOAT:left;WIDTH:140px;LINE-HEIGHT:29px;HEIGHT:29px;text-align:center}
.nst-pp {BORDER:#dbdbdb 1px solid;PADDING-LEFT:4px;FLOAT:left;WIDTH:80px;LINE-HEIGHT:29px;HEIGHT:29px;text-align:center}
.nst-price {BORDER:#dbdbdb 1px solid;PADDING-LEFT:4px;FLOAT:left;WIDTH:110px;LINE-HEIGHT:29px;HEIGHT:29px;text-align:center}
.nst-cname {BORDER:#dbdbdb 1px solid;PADDING-LEFT:4px;FLOAT:left;WIDTH:230px;LINE-HEIGHT:29px;HEIGHT:29px;text-align:center}
.nst-date {BORDER:#dbdbdb 1px solid;PADDING-LEFT:4px;FLOAT:left;WIDTH:80px;LINE-HEIGHT:29px;HEIGHT:29px;text-align:center}
.float-li{ overflow:hidden; zoom:1;}
.float-li li{ height:22px; line-height:22px; _height:23px; _line-height:23px; overflow:hidden; zoom:1;}
.float-li li.float-line{  border-right:1px solid #ccc; padding-right:20px; margin-right:10px }
.float-li li .span-message{ width:220px;}
.pro-comm-title{ height:22px; line-height:22px; padding-bottom:4px; border-bottom:1px dashed #ccc; }
.pro-comm-title .fl{ font-size:14px; font-weight:bold; color:#010101; }
/* tab */
#tabs1{ }
.menu1box{overflow:hidden; height:31px; line-height:31px;BACKGROUND: url(image/city/tc_13.jpg) repeat-x;}
#menu1{ float:left; width:160px;}
#menu1 li{ float:left; cursor:pointer; height:29px; line-height:29px; border:1px solid #ccc;  BACKGROUND: url(image/city/tc_11.jpg) no-repeat left top; padding:0px 8px; text-align:center; margin-right:6px; }
#menu1 li.hover{  BACKGROUND: url(image/city/tc_11.jpg) no-repeat left top; color:#fff; font-weight:bold; border:1px solid #8bb917;}
.main1box{clear:both; margin-top:-1px; }
#main1 div{display: none; padding:8px 0px;}
#main1 div.block{display: block;}
.news-ph-title {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 4px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 22px}
.news-ph-title .fl {FONT-WEIGHT: bold; FONT-SIZE: 14px}
#company {padding:6px 8px;}
#company li { line-height:22px; height:22px;overflow:hidden;}
.company-box {padding:6px 8px;}
.company-box ul {clear:both; display:block;zoom:1;}
.company-box ul li {line-height:22px; height:22px;overflow:hidden;}
.sz-ul {padding:6px 5px;}
.sz-ul li {line-height:22px; height:22px;overflow:hidden;}
.sz-ul li span {}

/* city contact */
.city_contact {border:#b7e09e 1px solid;border-top:none;padding:6px 5px; overflow:hidden; display:inline-block;}
.city_contact .contact_box {width:275px;height:210px;padding: 15px 45px 10px 44px;float: left;margin: 10px 0 0 15px;overflow: hidden;border: 2px #ddd solid;border-radius: 5px;}
.city_contact .contact_box img { width:275px; height:175px; overflow:hidden; float:left;}
.city_contact .contact_t { line-height:20px; height:20px; text-align:left;}

.city_contact .contact_box1 {width: 344px;height:45px;padding: 15px 15px 10px 10px;float: left;margin: 10px 0 0 15px;overflow: hidden;border: 2px #ddd solid;border-radius: 5px;}
.city_contact .contact_t1 { line-height:24px; height:24px; text-align:left;}

.web_contact { width:300px; height:190px;overflow:hidden;}
.web_contact .contact-box { width:280px; height:170px; padding:10px;background:url(image/city/mes_bg2.gif) no-repeat; float:left; overflow:hidden;}
.web_contact .contact-t { line-height:22px; height:22px; text-align:left;}
/* city gonggao */
.city-gg {BORDER: #dbdbdb 1px solid; PADDING:8px 10px;BACKGROUND: url(image/city/tc_03.jpg) repeat-x;LINE-HEIGHT: 22px;POSITION: relative; HEIGHT: 22px;}
.city-gg ul {OVERFLOW: hidden; ZOOM: 1}
.city-gg ul li {FLOAT: left; WIDTH:440px; LINE-HEIGHT: 22px; MARGIN-RIGHT: 4px; HEIGHT: 22px;}
.city-gg ul li.pv {BACKGROUND: url(image/city/privce_21f.jpg) no-repeat; WIDTH: 72px; COLOR: #000; TEXT-ALIGN: center; font-size:13px;}
/*没开通城市css*/
#city-wkt { padding:30px 15px; overflow:hidden; background:url(image/city/bg2.jpg) repeat-x;}
#city-wkt .img { width:500px; height:290px; padding:50px 10px 25px 10px; background:url(image/city/sorry.png) center no-repeat; border:0; float:left}
#city-wkt .right {height:39px; padding-top:250px; line-height:39px; font-size:16px; text-align:center}
#city-wkt .text { width:420px;_width:415px; padding-right:10px; padding-top:25px; font-size:14px; font-family:"宋体";float:left;}
#city-wkt .p {line-height:26px; float:left; overflow:hidden;font-weight:800; color:#C30;width:330px;_width:325px; padding:15px 90px 10px 0; border-bottom:#666 2px dotted;}
#city-wkt .font {line-height:23px; float:left; overflow:hidden;color:#333;width:330px;_width:325px; padding:10px 90px 15px 0; }
#city-wkt .web {line-height:23px; float:left; overflow:hidden;color:#333;padding:10px 30px; font-size:12px; width:889px; text-align:center;}

/* 滑动*/
.city_head {height:31px;line-height:31px;overflow:hidden;background:#EFF6FF url(image/city/city_32.jpg) repeat-x; padding-left:15px; font-size:14px; font-weight:bold;}
.city_head .ul{ overflow:hidden;zoom:1;}
.city_head .ul li{ width:70px; padding:0 8px;}
.c_tab_1 {float:left;padding:0 6px;cursor:pointer;font-weight:normal; width:70px; text-align:center}
.c_tab_2 {float:left;padding:0 6px;border:#65ba17 2px solid; border-bottom:none;cursor:pointer;background:#FFF; width:70px; height:29px; line-height:29px; text-align:center;}
#c_c_1{padding:0 0 0 6px;}
#c_c_2{padding:0 0 0 6px;}
#c_c_3{padding:0 0 0 6px;}
#c_c_4{padding:0 0 0 6px;}
.b5 { height:5px; font-size:1px;}
.city_body {border:#b7e09e 1px solid;border-top:none;padding:6px 15px;}
.city_body .dw { font-size:13px;line-height:23px; text-indent:2em; overflow:hidden}
.city_body .dz { font-size:13px;line-height:23px; overflow:hidden}
#city a img{filter:gray;}
#city a:hover img{filter:}
#city-c {bckground-color:yellow;}