body {font-family: 'microsoft yahei';}
.wpre {position: relative;}
.wpab {position: absolute;}

.header {padding: 35px 0 25px;}
.header .logo {float: left; width: 227px; height: 60px;}
.header .logo a, .header .logo img { max-width: 227px;max-height:60px;}
.header .wapAd {float: left; width: 146px; height: 52px; margin: 4px 0 0 58px; overflow: hidden;}
.header .wapAd a {display: block;}
.header .entry {float: right; position: relative; width: 110px; height: 45px; background: #0b8;}
.header .entry .link {display: block; position: relative; font-size: 16px; color: #fff; font-weight: 700; line-height: 45px; text-indent: 17px;}
.header .entry .link s {position: absolute; right: 13px; top: 21px; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: transparent; border-top-color: #fff; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%; -webkit-transition: -webkit-transform 0.2s ease; -moz-transition: -moz-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; transition: transform 0.2s ease;}
.header .entry:hover .link s {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

/* 发布招标浮动层 */
.header .dropdown-menu {display: none; position: absolute; z-index: 50; right: 0; top: 45px; width: 300px; background: #fff; border: 1px solid #eee; border-top: 3px solid #f25618; padding-bottom: 10px; -webkit-box-shadow: 0 0 30px #ccc; -moz-box-shadow: 0 0 30px #ccc; -ms-box-shadow: 0 0 30px #ccc; -o-box-shadow: 0 0 30px #ccc; box-shadow: 0 0 30px #ccc; -webkit-animation:topFadeIn .3s ease-out; -moz-animation:topFadeIn .3s ease-out; animation:topFadeIn .3s ease-out;}
.header .m-title {padding: 15px 0 25px; font-size: 24px; font-weight: 400; text-align: center; color: #f25717;}
.header .m-title p {color: #999; font-size: 12px; margin-top: 3px;}
.header .m-form {padding: 0 20px;}
.header .m-form dl {position: relative; padding-bottom: 20px;}
.header .m-form dt {position: absolute; color: #bcbcbc; top: 8px; left: 11px; cursor: text;}
.header .m-form dd input {height: 18px; line-height: 18px; border: 1px solid #D8D8D8; padding: 8px 10px; width: 237px; font-family: "microsoft yahei";}
.header .m-form select {float: left; display: inline; height: 38px; padding: 7px; border: 1px solid #d8d8d8; font-family: "microsoft yahei";}
.header .m-form .select_l {width: 120px; margin-right: 13px;}
.header .m-form .select_r {width: 125px;}
.header .m-form .form_btn {display: block; margin: 30px 0 30px; height: 44px; width: 260px; color: #fff; background-color: #f36f20; font-size: 14px; text-align: center; border: none; cursor: pointer; font-family: "microsoft yahei";}
.header .m-list {width: 257px; height: 169px; overflow: hidden; margin-left: 20px;}
.header .m-list ul {width: 258px; height: 170px;}
.header .m-list li {width: 85px; float: left; border-width: 0 1px 1px 0; border-style: dotted; border-color: #e8e8e8;}
.header .m-list li a {display: block; color: #999; text-align: center; padding: 9px 0 16px;}
.header .m-list li s {display: block; margin: 0 auto 7px; background: url('../images/sprite.png');}
.header .m-list .m1 s {width: 34px; height: 34px; background-position: -48px 0;}
.header .m-list .m2 s {width: 40px; height: 34px; background-position: -85px 0;}
.header .m-list .m3 s {width: 34px; height: 35px; background-position: -128px 0; margin-bottom: 6px;}
.header .m-list .m4 s {width: 35px; height: 36px; background-position: -167px 0; margin-bottom: 5px;}
.header .m-list .m5 s {width: 39px; height: 34px; background-position: -205px 0;}
.header .m-list .m6 s {width: 56px; height: 34px; background-position: -47px -35px;}

.header .delimiter {float: right; margin: 14px 10px 0; color: #ccc;}

/* 搜索 */
.header .search {float: left; width: 390px; height: 72px; margin: 0 0 0 25px;}
.w1200 .header .search {width: 590px;}
.header .s-type {float: left; position: relative; width: 95px; height: 40px; border: 3px solid #0b8; border-right: none;}
.header .s-type .arrow, .header .s-type .arrow s {position: absolute; display: block; width: 0; height: 0; border-style: solid; _border-style: dashed; border-color: transparent; z-index: 10;}
.header .s-type .arrow {border-width: 4px; right: 12px; top: 18px; border-bottom-width: 0; border-top-color: #7d7d7d;}
.header .s-type .arrow s {border-width: 3px; top: -4px; left: 0; margin-left: -3px; border-bottom-width: 1px; border-top-color: #fff;}
.header .s-type ul {position: absolute; top: 0; left: 0; height: 40px; overflow: hidden; background: #fff; z-index: 9;}
.header .hover ul {overflow: visible; height: auto; border: 1px solid #0b8; border-top: none; margin-left: -1px;}
.header .s-type li {padding: 3px 22px 3px 13px; line-height: 34px; font-size: 14px; color: #666; cursor: pointer;}
.header .hover li {padding-left: 13px;}
.header .s-type li:hover {background: #f5f5f5;}
.header .txt_search {border: 3px solid #0b8; border-left: 0; border-right: 0; font-size: 14px; background-color: #fff; padding: 10px 3px 10px 0; width: 205px; height: 20px; overflow: hidden; float: left; _line-height: 20px; color: #1b1b1b; background: none; text-indent: 5px; font-family: 'microsoft yahei';}
.w1200 .header .txt_search {width: 405px;}
.header .btn-s {float: left; position: relative; color: #fff; cursor: pointer; background-color: #0b8; width: 84px; height: 46px; font-size: 16px; font-weight: 700; border: none; font-family: 'microsoft yahei'; text-align: left; text-indent: 35px;}
.header .btn-s s {position: absolute; width: 22px; height: 22px; left: 8px; top: 12px; background: url('../images/sprite.png') -22px 0;}
.header .hot-s {height: 26px; overflow: hidden; line-height: 26px; clear: both;}
.header .hot-s span {float: left; color: #999; margin-right: 5px;}
.header .hot-s a {float: left; margin-right: 15px; color: #999;}
.header .hot-s a:hover {color: #cd0001; text-decoration: underline;}

/* 导航 */
.nav {height: 45px; background-color: #0b8;}
.nav ul {height: 45px;}
.nav li {float: left; _display: inline;}
.nav li a {float: left; display: block; _display: inline; position: relative; padding: 0 28px; height: 45px; line-height: 45px; font-size: 18px; color: #fff;}
.w1200 .nav li a {padding: 0 41px;}
.nav li a:hover, .nav li a.curr {background-color: #00cf96; color: #fff;}
.nav li a span {position: absolute; top: -9px; right: 0px; height: 16px; padding: 0 5px; line-height: 16px; color: #fff; font-size: 12px; font-family: '宋体';}
.nav li a span:after {content: ""; position: absolute; left: 0px; bottom: -3px; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: transparent; -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); -0-transform: rotate(150deg); transform: rotate(150deg);}
.nav li a .g {background-color: #87c12e;}
.nav li a .g:after {border-top-color: #87c12e;}
.nav li a .b {background-color: #2bb2ea;}
.nav li a .b:after {border-top-color: #2bb2ea;}
.nav li a .r {background-color: #f60; border-top-color: #f60;}
.nav li a .r:after {border-top-color: #f60;}


/* 友情链接 */
.friend {margin-top: 30px;}
.friend dt {float: left; width: 95px; line-height: 12px; text-align: center; font-weight: 700;}
.friend dd {position: relative; overflow: hidden;}
.friend dd a {float: left; height: 12px; overflow: hidden; line-height: 12px; margin: 0 15px 10px 0; padding-right: 18px; border-right: 1px solid #e6e6e6;}

/* 版权 */
.footer {background: #444; margin-top: 30px; padding: 30px 0 20px; color: #999;}
.footer a {color: #999;}
.footer a:hover {text-decoration: underline;}
.footer .about dl {float: left; width: 64px; margin: 0 55px 0 75px; color: #fff;}
.w1200 .footer .about dl {margin: 0 85px 0 90px;}
.footer .about dt {font-size: 16px; margin-bottom: 10px;}
.footer .about dd a {display: block; margin-bottom: 5px; color: #fff;}
.footer .about dd img {width: 64px; height: 64px;}
.footer .link {margin: 30px 0 20px;}
.footer p {text-align: center;}
.footer p a {padding: 0 8px;}



/* 条件筛选 */
.screen {margin-top: 20px;border-top: 1px solid #ececec;background: #f8f8f8;}
.screen dl {padding:13px 20px 5px;font-size: 14px;border-bottom: 1px solid #ececec;}
.screen dt {width: 84px;float: left;color: #999;text-align: center;}
.screen dd {position: relative;padding-left: 60px;color: #333;overflow: hidden;}
.screen dd a {display: inline-block;padding:0 4px;margin-right: 24px;margin-bottom: 5px;}
.screen dd a.first {position: absolute;left:0;top:0;}
.screen dd a:hover ,.screen dd a.curr {background: #45c8a5;color: #fff;}

/* 导航条 */
.breadcrumb {margin-top: 15px;border-bottom: 1px solid #ececec;overflow: hidden;}
.breadcrumb li {height: 34px;line-height: 34px;float:left;}
.breadcrumb li ,.breadcrumb li a {font-size: 14px;color:#666;}
.breadcrumb li.thispg {}
.breadcrumb li span {margin:0 5px;}
.breadcrumb li a:hover {color: #09b889;}

/* 排序 */
.sort {position: relative;margin:25px auto 0;padding-bottom: 10px;border-bottom: 1px solid #ececec;}
.sort ul {overflow: hidden;}
.sort ul li {float: left;height: 22px;line-height: 22px;margin-right: 15px;}
.sort ul li a {display: block;padding:0 8px;font-size: 14px;color: #333;}
.sort ul li a.curr {background:#45c8a5;color: #fff;}
.sort .icon {display: inline-block;width: 8px;height: 10px;    margin-left: 4px;background: url(../images/tender/icons.png);background-repeat:no-repeat;}
.sort .icon-down {background-position: -11px -54px;}
.sort .icon-up {background-position: -11px -81px;}
.sort .curr .icon-down {background-position: -11px -115px;}
.sort .curr .icon-up {background-position: -11px -149px;}
.sort .info {position: absolute;right:0;top:0;line-height: 22px;}
.sort .info p {padding:0 10px;}
.sort .info p {font-size: 14px;color: #999;}
.sort .info p .red {font-size: 18px;color: #f00;}

/* 分页 */
.pagination {padding: 10px 0 30px; text-align: center; line-height: 28px; font-size: 14px; color: #333; margin-top: 30px;}
.pagination li {display: inline-block; margin-right: 5px; border: 1px solid #eee;}
.pagination li.page_current {border-color: #45c8a5;}
.pagination li.page_disabled {display: none;}
.pagination li a, .pagination li span {display: block; padding: 0 10px;}
.pagination li a:hover ,.pagination li.page_current span {background: #45c8a5; color: #fff; border-color: #45c8a5;}
.pagination li.page_more span {background: #fff;color: #333; cursor: default;}
.pagination .page_info {display: none;}


/* 风格列表 小图 */
.styleList {margin-top: 15px;}
.styleList ul {padding:13px;background: #f8f8f8;}
.styleList ul li {float: left;width: 11.1%;text-align: center;font-size: 14px;color: #333;}
.styleList ul li a {display: block;}
.styleList ul li a .pic {margin-bottom: 4px;}
.styleList ul li a img {display: block;width: 86px;height: 86px;margin:0 auto;}
.styleList ul li:hover a {color: #09b889;}
.styleList ul li:hover img {opacity:.7;filter:alpha(opacity=70);}


/* 瀑布流 */
.zwf1 {width: 100% !important;height: 200px;background:#fff;}
.zwf2 {width: 200px !important;height: 200px;}
.container {position: relative; margin-top: 20px;}
.container.gdheight {height: 1000px !important;}
.item {position: absolute; width: 290px; top: 300px; background:#fff;color:#333;border-radius:3px;word-break:break-all;word-wrap:break-word;color: #acacac;opacity: 1;}
.item.masonry-brick {min-height:200px;opacity:1;filter:none\9\0;left:auto;bottom:auto;-webkit-transition-duration: .7s; -moz-transition-duration: .7s; -ms-transition-duration: .7s;-o-transition-duration: .7s;transition-duration: .7s;-webkit-transition-property: left, top, opacity;-moz-transition-property: left, top, opacity;-ms-transition-property: left, top, opacity;-o-transition-property: left, top, opacity;transition-property: left, top, opacity;}
.item .pic img {display: block;width: 100%;transition:all .25s ease-out;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-moz-transition:all .25s ease-out;}
.item .pic img:hover {opacity:.8;filter:alpha(opacity=80);}
.item .info {border:1px solid #ececec; border-top: 0; padding: 10px;}
.item .name {font-size: 16px;color: #333;overflow: hidden;}
.item .name .tit {width: 100%; float: left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.item .name a.tit:hover {color: #45c8a5;}
.item .more {position: relative;}
.item .more ,.item .zan {font-size: 14px;color: #999;}
.item .designer img {width: 20px;height: 20px;margin-right: 5px;vertical-align: middle;}
.item .zan {float: right; margin-top: 2px;}

.item .icon {display: inline-block;background-image:url(../images/caselist/icons.png);background-repeat:no-repeat;}
.item .icon-zan {width: 13px;height: 11px;margin-right: 5px;background-position: -9px -10px}
.item .tag {position: absolute;left:20px;top:20px;padding:2px 10px;background: #29221e;color: #fff;font-size: 14px;opacity:0;filter:alpha(opacity=0);transition: all .25s;-webkit-transition: all .25s;-moz-transition: all .25s;z-index: 1;}
.item:hover .tag {opacity:1;filter:alpha(opacity=100);}

#loading {height: 50px; line-height: 50px; font-size: 14px; text-align: center;}
#hidenbox {display: none;}

.empty {height: 300px; text-align: center; line-height: 300px; font-size: 14px;}


/* 瀑布流 --- 设计师详情页 */
.item .more-designer {font-size: 12px;color: #999;}
.item .icon2 {position: relative;color: #999;}
.item .icon2:hover {color: #666;}
.item .more-designer span.tip {display: none;position: absolute;bottom:105%;left:-7px;width: 52px;height: 28px;line-height: 23px;text-align: center;font-size: 12px;color: #fff;background-position: 0 -72px;}
.item .more-designer span.tip {background-image: url(../images/caselistd/bgs.png);background-repeat: no-repeat;}
.item .more-designer a:hover span.tip {display: block;}
.item .icon2 {display: inline-block;margin-right: 15px;padding-left: 20px;background-image:url(../images/designer/icons.png);background-repeat:no-repeat;} .item .icon-views {background-position: -7px -46px;}
.item .icon-like {background-position: -7px -431px;}
.item .icon-photo {background-position: -7px -115px;}
.item .icon-views:hover {background-position: -7px -80px;}
.item .icon-like:hover {background-position: -7px -468px;}
.item .icon-photo:hover {background-position: -7px -156px;}



/* 右侧留下足迹 */
/* 右侧 留下足迹 */
.leaveMsg {position: fixed;top:280px;right:0;z-index: 10000;transition:top .3s;}
.leaveMsg.open {top:56px;}
.leaveMsg.open .k1 {display: none;}
.leaveMsg .k1 {position: absolute;right:0;top:0;width: 35px;height: 140px;background:#00ba88;cursor: pointer;}
.leaveMsg .user {position: absolute;right:0;top:-49px;width: 42px;height: 53px;background-position: -236px -180px;}
.leaveMsg .k1:hover .txt	 {color: #E8E8E8;}
.leaveMsg .mid {text-align: center;}
.leaveMsg .pen {padding:16px 8px 12px;border-bottom: 1px solid #0dc594;}
.leaveMsg .pen i {display: block;width: 18px;height: 18px;background-position: -7px -199px;}
.leaveMsg .pen.hover i {-webkit-animation: leftFadeIn .3s ease-out; -moz-animation: leftFadeIn .3s ease-out; animation: leftFadeIn .3s ease-out;}
.leaveMsg .txt {width: 18px;margin:6px auto;line-height: 1.2;font-size: 16px;color: #fff;}
.leaveMsg .btm {position: absolute;left:0;top:100%;width: 35px;height: 25px;background-position: -236px -78px;}
.leaveMsg .k2 {position: absolute;top:50px;right:0;width: 170px;height: 466px;background-position: 0 0;display: none;}
.leaveMsg .k2 .close {position: absolute;right:4px;top:10px;display: block;width: 15px;height: 15px;background-position: -9px -286px;}
.leaveMsg .k2.show {display: block;-webkit-animation: flipInY 1.5s ease-out; -moz-animation: flipInY 1.5s ease-out; animation: flipInY 1.5s ease-out;}
.leaveMsg .title {margin: 50px auto 12px;text-align: center;font-size: 18px;color: #fff;}
.leaveMsg .formk {padding:20px 20px 10px 25px;}
.leaveMsg .form p {margin:5px 0;line-height: 26px;font-size: 14px;color: #333;}
.leaveMsg .int ,.leaveMsg select {width: 112px;padding:2px 5px;border:1px solid #ebebeb;color: #999;}
.leaveMsg select {width: 123px;margin-bottom: 10px;padding: 2px 22px 2px 5px;*width:123px;*padding-right: 0;-webkit-appearance: none;background-position: 0px -500px;}

#rAddrlist {height: 72px;margin-bottom: 4px;}
.leaveMsg .submit {width: 100%; height: 26px; line-height: 26px; background: #fe7f22; border-radius: 5px; border: 0; outline: 0; font-size: 14px; color: #fff; cursor: pointer; transition: all .3s ease-out; margin-top: 20px;}
.leaveMsg .submit:hover {background: #E66C12;}
.leaveMsg input.has-error, .leaveMsg select.has-error {border-color: #E66C12 !important; }

.leaveMsg .user ,.leaveMsg .btm ,.leaveMsg .k2 ,.leaveMsg select {background-image: url(../images/designer/bigbg.png);background-repeat: no-repeat;}
.leaveMsg .pen i ,.leaveMsg .k2 .close {background-image: url(../images/designer/icons.png);background-repeat: no-repeat;}