@charset "utf-8";
body{background: #f8f8f8}
.red{color: #F54D0C;}
/*加入工长*/
.content1{background: url(../images/invite_bg.png) no-repeat center;width: 100%;height: 430px;color: #fff;box-sizing: border-box;padding-top: 54px;min-width: 1200px;background-size: cover;}
.content1 h1{font-size: 30px;font-weight: bold;padding-left: 82px;}
.content1 h2{font-size:46px;font-weight:800;color:#fff;line-height:30px;text-shadow:0px 3px 6px rgba(241,75,9,0.36);padding-left: 77px;margin-top: 25px}
.content1 .inv_tit{font-size: 20px;color: #fff;padding-left: 68px;margin-top: 36px}
.content1 .inv_tit span{margin-right: 9px;margin-left: 9px}
.content2{background: #f8f8f8}

.inv_container{background: #fff;margin-top: -180px;background: #fff}
.inv_tab ul{font-size: 0}
.inv_tab ul li{font-size: 20px;color: #FF8710;background: #ffd5a1;width: 50%;float:left;height: 70px;line-height: 70px;text-align: center;cursor: pointer;}
.inv_tab ul li.active{color: #333;background: #fff;}
.inv_con{padding-left: 55px;padding-right: 33px;position: relative;    padding-top: 35px}
.inv_con i.step{position: absolute;width: 122px;height: 60px;background:url(../images/invite/step1.png) no-repeat center;left: -13px;top: 0;display: inline-block;}
.inv_con .com{padding-bottom: 20px;}

/*招标头部*/
.inv_head{padding-top: 22px;padding-bottom: 16px;border-bottom: 2px solid #eee}
.inv_head .com_tit{font-size: 20px;color: #333;font-weight: bold;display: inline-block;margin-right: 20px}
.inv_head .num{font-size: 16px;color: #888;display: inline-block;}
.inv_head .total{font-weight: bold;}
.reno_form3{float: right;margin-bottom: 0}
/*招标内容*/

.noserach{width: 157px;margin: 50px auto 0}
.noserach p{text-align: center;font-size: 14px;color: #888;margin-top: 20px}
.com_list {margin-top: 20px;font-size: 0;}
.com_list li{width: 141px;float:left;margin-right: 20px;margin-top: 22px;cursor: pointer;}
.inv_con .inv_img{width: 141px;height: 141px;}
.inv_con .inv_img img{width: 100%;height: 100%;object-fit: cover;}
.inv_con .inv_info{font-size: 16px;color:#333;position: relative;margin-top: 16px;    padding-left: 43px;max-width: 96px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 22px;line-height: 22px} 
.inv_con .inv_info:before {content:'';display:block;position:absolute;left:14px;top:0;width:22px;height:22px;background:url(../images/noinvite.png) no-repeat center;background-size:100%;}
.com_list li.active .inv_info:before{content:'';display:block;position:absolute;left:14px;top:0;width:22px;height:22px;background:url(../images/invite.png) no-repeat center;background-size:100%;}
.inv_con2 {padding: 45px 33px 38px 55px;position: relative;}
.inv_con2 .inv_head{padding-top: 15px}
.inv_con2 i.step{position: absolute;width: 122px;height: 60px;background:url(../images/invite/step2.png) no-repeat center;left: -13px;top: 0;display: inline-block;}
/*表单*/
.lf{float: left;width: 458px;}
.lf .label{margin-right: 12px;font-size: 14px;color: #333}
.lf #addrlist{display: inline-block;}
.lf .form_p input{display:inline-block;height: 34px;line-height: 34px;width:390px;border:1px solid #E5E5E5;border-radius: 2px;padding-left: 14px;box-sizing: border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */margin-top: 20px;padding-right: 14px;}

.select_div .spe_div{display: inline-block;}

.select_div select{background: #fff url(../images/sortDown.png) no-repeat 117px center;width: 142px;height:34px;padding-left:14px;border:1px solid #E5E5E5;font-size: 14px;color: #a0a0a0;-webkit-appearance:none;margin-top: 20px;border-radius: 2px;}
.house_type{margin-right: 27px}

.info input{display:inline-block;height: 34px;line-height: 34px;width:200px;border:1px solid #E5E5E5;border-radius: 2px;padding-left: 14px;box-sizing: border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */margin-top: 20px;padding-right: 14px}
.form-row {position: relative;color: #333;margin-top: 26px}
.form-row select {width: 142px;height:34px;padding-left:14px;margin-right: 30px;font-size: 14px;color: #a0a0a0;-webkit-appearance:none;background: #fff url(../images/sortDown.png) no-repeat 117px center;border-radius: 4px;    border: 1px solid #E5E5E5;border-radius: 2px;}
.form-row select.select_r{margin-right: 0}
.work_year{position: relative;}
.year{position: absolute;right: 16px;top: 28px;color:#a0a0a0 ;font-size: 14px}
.apply{width:180px;height:44px;background:#F54D0C;border-radius:4px;font-size: 16px;color: #fff;text-align: center;line-height: 44px;margin: 26px auto 0;cursor: pointer;}

/*装修比较*/
.inv_right{float: right;margin-top: 26px;border: 1px solid #eee;border-radius: 6px;}
.inv_right .inv_info{width: 632px;height: 80px;background: url(../images/invite/inv_info.png?v={#$cfg_staticVersion#}) no-repeat center center;background-size: cover}
.inv_bottom {background: url(../images/invite/vs.png?v={#$cfg_staticVersion#}) no-repeat 288px center;background-size: 90px 140px;padding: 34px 22px 24px;}
.inv_bottom h3{font-size: 18px;color: #343434;    font-weight: bold;padding-bottom: 8px;}
.inv_bottom p{font-size: 14px;color: #888;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.inv_bottom .inv_le p{max-width: 282px;}
.inv_bottom .inv_r p{max-width: 216px;}

.inv_bottom p span{margin-right: 4px;}

/*最新招标信息*/
.inv_con3{margin-top: 23px;background: #fff;box-sizing: border-box;padding: 0 33px 27px 55px}
.inv_con3 .con3_tit{font-size: 20px;color: #333;font-weight: bold;padding-top: 34px;padding-bottom: 23px}
	/*左侧内容*/

.con3_l{float: left;width: 818px;border: 1px solid #eee;}
.con3_l .con3_top{height: 42px;line-height: 42px;background: #F8F8F8;border-bottom: 1px solid #eee;padding-left: 86px;font-size: 14px;color: #A0A0A0;}
.con3_l .con3_top span:first-child+span{margin-left: 309px;margin-right: 207px}
.con3_bottom ul {padding-bottom: 6px}
.con3_bottom ul li {padding: 20px 24px;border-top:1px dashed #e5e5e5;}
.con3_bottom ul li:first-child{border-top:none;}
.con3_bottom .info_l{float: left;    width: 368px;}
.con3_bottom .info_m{float: left;font-size: 16px;color: #F54D0C;margin-left: 48px;margin-top: 20px;width: 100px;text-align: center;}
.con3_bottom .info_r{float: right;width: 100px;height: 36px;line-height: 36px;text-align: center;color: #f76c3e ;border-radius: 4px;background: #fbeae4;margin-top: 12px;}
.con3_bottom .trim_over{background:#f0f0f0;color: #999 }
.con3_bottom .info_title{font-size: 16px;color: #333;font-weight: bold;}
.con3_bottom .info_title a{color: #333;display: inline-block;max-width: 368px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.con3_bottom .info_bottom{font-size: 14px;color: #A0A0A0;margin-top: 14px}
.con3_bottom .info_bottom .trim_method{margin-right: 16px}
	/*右侧内容*/
.con3_r{float: right;border: 1px solid #eee;width: 270px}
.con3_r ul{padding: 0 11px}


.con3_r ul li{border-top:1px solid #eee;padding: 18px 0}
.con3_r ul li:first-child{border-top:none;}
.con3_r ul li .new_trimTitle{font-size: 18px;color: #333;font-weight: bold;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.con3_r ul li .new_trimInfo{font-size: 14px;color: #A0A0A0;max-width: 262px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 7px}
.con3_r ul li .new_trimPrice{font-size: 20px;color: #F54D0C;font-weight: bold;line-height: 22px;margin-top: 10px}
.con3_r ul li .new_trimPrice span,.con3_r ul li .new_trimPrice img{vertical-align: middle;}
.con3_r ul li .new_trimPrice img{margin-right: 8px}

/*立即预约弹出层*/
.order_mask{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); z-index: 1002;display: none;}
.order_container{position: fixed; left: 50%; margin-left: -265px; top: 50%; margin-top: -140px; width: 530px;  box-sizing: border-box;background-color:#fff;  padding: 20px 20px 23px; z-index: 9999; }
.order_container .close_alert{width: 16px;height: 16px;position: absolute;right: 20px;top: 20px}
.order_container p.t1{font-size: 26px;font-weight: bold;color: #333;display: inline-block;margin-left: 15px;}
.order_container p.t2{margin-top: 20px;line-height: 26px;color: #a0a0a0;font-size: 18px;text-align: center;}
.order_container p.t3{color: #fff;width: 139px;height: 44px;text-align: center;line-height: 44px;margin: 40px auto 0;background: #f54d0c;border-radius: 4px;font-size: 18px;cursor: pointer;}
/* 波纹效果 */
.order_container .wave {position:relative;text-align:center;margin:35px auto 0;}
.order_container .m-box{width:44px;height:44px;position:relative;margin: 0 auto;border-radius:50%;border:3px solid #f6571a;display: inline-block;vertical-align: middle;background: #ffd2c1;    margin-top: -6px;}
.order_container .m-duigou{width:25px;height:18px;position:absolute;left:50%;top:50%;margin:-13px 0 0 -13px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);overflow:hidden}
.order_container .m-duigou:before,.m-duigou:after{content:"";position:absolute;background:#f6571a;border-radius:2px}
.order_container .m-duigou:before{width:3px;height:15px;left:0;-webkit-animation:dgLeft 0.5s linear 0s 1 both;animation:dgLeft 0.5s linear 0s 1 both}
.order_container .m-duigou:after{width:25px;height:3px;bottom:0;-webkit-animation:dgRight 0.5s linear 0.5s 1 both;animation:dgRight 0.5s linear 0.5s 1 both}
@-webkit-keyframes dgLeft{0%{top:-100%}100%{top:0%}}
@-webkit-keyframes dgLeft{0%{top:-100%}100%{top:0%}}
@-webkit-keyframes dgRight{0%{left:-100%}100%{left:0%}}
@-webkit-keyframes dgRight{0%{left:-100%}100%{left:0%}}
@keyframes circle-opacity {from {opacity:1;transform:scale(0);}
to {opacity:0.5;transform:scale(1);}
}

/*国籍区号弹窗*/
.formCommon .inpbox{position: relative;display: inline-block;}
.formCommon .inpbox .areaCode{top: 22px;line-height: 34px;border-radius: 4px 0 0 4px;bottom: 2px;left: 2px;}
.formCommon .inpbox .areaCode_wrap{width: 198px;top: 52px;}
.formCommon input#phone{padding-left: 65px;}

/* 分页 */
.pagination{margin-top: 20px;padding: 10px 0 0}
.pagination-gotopage {float: right; margin-left: 15px;}
.pagination-gotopage label {float: left; line-height: 28px; margin-right: 8px;font-size: 14px;color: #5a5a5e;}
.pagination-pages {display: inline-block;}
.pagination-pages a, .pagination-pages span {float: left; min-width: 28px; height: 34px; padding: 0 5px; margin: 0 7px 0 0; text-align: center; line-height: 36px; font-size: 14px; cursor: pointer; color: #666; text-decoration: none;background-color:#fff;border: 1px solid #D9D9D9}
.pagination-pages .curr { color: #333;border: 1px solid #fff}
.pagination-pages a:hover { color: #333;border: 1px solid #fff}
.pagination-pages .prev {display: inline-block;}
.pagination-pages .prev,.pagination-pages .next{width: 56px!important;background-color: #fff;}
.pagination-pages .next {padding: 0 8px;}
.pagination-pages .prev.disabled,.pagination-pages .next.disabled{display: none;}


.pagination2 {text-align: center;padding: 20px 0}
.pagination .page_info {display: none;}