.red { border: 1px solid red; }
.fl { float: left; }
.fr { float: right; }
.city-box { overflow: hidden; padding-bottom: 15px; }
.city-wrap { width: 578px; height: 254px; display: block; margin-bottom: 35px; background: #fff; }
.city-wrap-top { height: 168px; display: block; border-bottom: 1px solid #f2f2f2; }
.city-wrap-top .xiangmu { width: 345px; height: 168px; display: block; float: left; margin-left: 18px; }
.city-wrap-top .xiangmu dt { width: 100px; height: 56px; border-bottom: 2px solid #d4d4d4; position: relative; margin-bottom: 10px; }
.city-wrap-top .xiangmu dt span { font-size: 24px; color: #575757; font-weight: 400; line-height: 62px; }
.city-wrap-top .xiangmu dt i { position: absolute; width: 50px; height: 2px; background: #ef453a; left: 0px; bottom: -2px; }
.city-wrap-top .xiangmu dd { display: inline-block; font-size: 15px; color: #575757; padding-bottom: 10px; padding-right: 35px; }
.city-wrap-top .icon-img { width: 207px; height: 168px; display: table-cell; text-align: center; vertical-align: middle; float: right; }
.city-wrap-top .icon-img img { margin-top: 35px; }
.city-wrap-bottom { clear: both; }
.city-wrap-bottom ul li { width: 190px; height: 74px; display: block; float: left; margin-top: 7px; text-align: center; border-right: 1px solid #f2f2f2; }
.city-wrap-bottom ul li .p1 { font-size: 18px; color: #000; line-height: 30px; }
.city-wrap-bottom ul li .p1 i { color: #ef453a; }
.city-wrap-bottom ul li .p2 { font-size: 13px; color: #575757; }
.city-wrap-bottom ul li .p2 i { font-size: 22px; }
.bn { border-right: none !important; }
.p-right { padding-right: 0px !important; }
/*第2部分*/

.xm2 .city-wrap-bottom .p1 i { color: #3cb38d !important; }
.xm2 .city-wrap-top .xiangmu dd a:hover { color: #3cb38d !important; }
/*第3部分*/

.xm3 .city-wrap-bottom .p1 i { color: #9ac25e !important; }
.xm3 .city-wrap-top .xiangmu dd a:hover { color: #9ac25e !important; }
/*第4部分*/

.xm4 .city-wrap-bottom .p1 i { color: #ef8a39 !important; }
.xm4 .city-wrap-top .xiangmu dd a:hover { color: #ef8a39 !important; }
/*第5部分*/

.xm5 .city-wrap-bottom .p1 i { color: #686868 !important; }
.xm5 .city-wrap-top .xiangmu dd a:hover { color: #686868 !important; }
/*第6部分*/

.xm6 .city-wrap-bottom .p1 i { color: #3d9eca !important; }
.xm6 .city-wrap-top .xiangmu dd a:hover { color: #3d9eca !important; }
/*zuopin_list_box*/

.zuopin_list_box { height: 318px; width: 100%; display: block; }
.zuopin_li { width: 100%; overflow: hidden; position: relative; }
.zuopin_li .hd .prev, .zuopin_li .hd .next { display: block; width: 60px; height: 60px; top: 145px; position: absolute; overflow: hidden; cursor: pointer; z-index: 9999; }
.zuopin_li .hd .prev { left: 0px; background: url("../img/city/zuopin_prev.png")no-repeat; }
.zuopin_li .hd .next { right: 0px; background: url("../img/city/zuopin_next.png")no-repeat; }
.zuopin_li .bd ul { overflow: hidden; zoom: 1; }
.zuopin_li .bd ul { display: block; margin-bottom: 20px; margin-right: -25px; }
.zuopin_li .bd ul li { width: 280px; display: block; float: left; position: relative; margin: 0px 23px 28px 0px; -webkit-box-shadow: #F0F0F0 0px 0px 10px; -moz-box-shadow: #F0F0F0 0px 0px 10px; box-shadow: #F0F0F0 0px 0px 10px; }
.zuopin_li .bd ul li .img { width: 280px; height: 203px; text-align: center; vertical-align: middle; display: table-cell; float: left; }
.zuopin_li .bd ul li .img img { max-width: 280px; margin: 0px auto; max-height: 205px; display: inline; }
.zuopin_li .bd ul li:hover .jianjie { display: block; top: 172px; }
.zuopin_li .bd ul li .jianjie { width: 280px; height: 31px; display: block; float: left; background: rgba(0, 0, 0, 0.5); line-height: 31px; position: absolute; top: 203px; transition: all 0.3s; }
.zuopin_li .bd ul .jianjie span { color: #fff; font-size: 14px; padding-left: 5px; }
.zuopin_li .bd ul .miaoshu { width: 280px; height: 114px; display: block; float: left; background: #ffffff; position: relative; border-bottom: 1px solid #ececec; }
.zuopin_li .bd ul .miaoshu .tc { width: 100%; height: 23px; display: block; float: left; font-size: 16px; color: #4D4D4D; padding-left: 10px; padding-top: 10px; }
.zuopin_li .bd ul .miaoshu .touxiang { width: 28px; height: 28px; margin-right: 5px; }
.list-zuopin-title { height: 20px; line-height: 20px; margin: 20px 15px; color: #666; font-size: 14px; font-weight: 700; transition: all .5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.list-zuopin-seller { height: 45px; margin: 0 15px; position: relative }
.list-zuopin-seller .seller-face { float: left }
.list-zuopin-seller .seller-face img { display: block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden }
.list-zuopin-seller .seller-name { max-width: 120px; line-height: 30px; color: #000; float: left; margin-left: 10px; transition: all .5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.list-zuopin-seller .seller-name:hover { color: #f64735; text-decoration: none }
.list-zuopin-seller .info-zuopin-data { height: 20px; line-height: 20px; display: block; position: absolute; right: 0; top: 4px }
.list-zuopin-seller .info-zuopin-data .praise, .list-zuopin-seller .info-zuopin-data .comment { color: #999; padding-left: 15px }
.list-zuopin-seller .info-zuopin-data .praise:before, .list-zuopin-seller .info-zuopin-data .comment:before { content: ''; width: 20px; height: 20px; background: url(../img/zuopin/list-icon.png); background-position: 0 0; vertical-align: -4px; margin-right: 3px; display: inline-block }
.list-zuopin-seller .info-zuopin-data .comment:before { background-position: 0 -30px }
.zuopin_li .bd ul li .miaoshu .jg { width: 100%; height: 23px; display: block; float: left; font-size: 16px; color: #FF2C00; padding-left: 10px; padding-top: 5px; }
.zuopin_li .bd ul li .miaoshu .dg { width: 83px; height: 29px; display: block; border: 1px solid #FF2C00; border-radius: 5px; top: 50%; margin-top: -15px; right: 15px; position: absolute; text-align: center; line-height: 30px; }
.zuopin_li .bd ul li .miaoshu .dg a { color: #FF2C00; display: block; font-size: 14px; transition: letter-spacing .3s; }
.zuopin_li .bd ul li .miaoshu .dg a:hover { letter-spacing: 3px; }
/*资讯和本区设计师*/

.local-wrap { width: 100px; display: block; margin-top: 40px; clear: both; }
.neWest_info { padding-bottom: 44px }
.neWest_info h5 { height: 40px; line-height: 40px; font-size: 19px; color: #3e3a39; padding-left: 20px; border-bottom: 1px solid #efefef }
.neWest_info h5 a { font-size: 14px; padding-right: 10px }
.neWest_info .neWest_info_l { width: 60%; height: 306px; background-color: #fff }
.neWest_info .neWest_info_l a { -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s }
.neWest_info .neWest_info_l .neWestDemand_u { position: relative; padding-top: 15px }
.neWest_info .neWest_info_l .neWestDemand_u li { position: relative; width: 48%; display: block; height: 61px;  *height: 41px;
_height: 41px; float: left }
.neWest_info .neWest_info_l .neWestDemand_u li a { display: block; height: 41px; width: 90%; position: absolute; left: 20px; top: 0; border-right: 2px solid #fff }
.neWest_info .neWest_info_l .neWestDemand_u li a:hover { text-decoration: none; border-right: 2px solid #eee; left: 10px }
.neWest_info .neWest_info_l .neWestDemand_u li h6 { font-size: 15px; color: #595757 }
.neWest_info .neWest_info_l .neWestDemand_u li p { color: #b5b5b6; font-size: 12px; line-height: 24px }
.neWest_info .neWest_info_l .neWestDemand_u li p span { color: #ff2c00 }
.neWest_info .neWest_info_l .neWestDemand_u li p i { font-size: 16px; font-style: normal }
.neWest_info .neWest_info_r { width: 38%; height: 306px; background-color: #fff }
.neWest_info .neWest_info_r a:hover { text-decoration: none }
.neWest_info .neWest_info_r .local_desiger { position: relative; padding-top: 20px }
.local_desiger li { width: 76px; height: 105px; display: block; float: left; margin: 10px 15px 0px; }
.local_desiger li a { display: block; }
.local_desiger li img { width: 76px; height: 76px; display: block; border-radius: 50%; }
.local_desiger li p { text-align: center; font-size: 13px; line-height: 20px; }
/*城市选项卡切换*/
.city-show-bid { min-height: 120px; margin-bottom: 30px;width: 1190px;margin-left: auto;margin-right: auto; }
.youlian { line-height: 34px; font-size: 13px; color: #575757; }
.city-link { height: 32px; border-bottom: 1px solid #e4e4e4; border-left: 0; width: 100%; }
.city-link li.onn { background-color: #f2f2f2; border-bottom: 1px solid #f2f2f2; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; font-size: 14px; color: #575757; }
.city-link li.onn div { border: 0; height: 1px; background-color: #ff2c00; padding: 0; margin: 0; }
.city-link li div { border: 0; line-height: 0; padding: 0; margin: 0; }
.city-link li { position: relative; cursor: pointer; height: 32px; width: 115px; float: left; text-align: center; font-size: 14px; color: #676767; line-height: 32px; }
.city-con-tab { padding: 20px 5px 0px 5px; }
.city-con-tab .city-small-tab { display: none; }
.city-small-tab a { display: inline-block; padding-right: 5px; padding-bottom: 5px; color: #989898; font-size: 13px; }