@charset "utf-8";

.main-right {width: 270px;}
.main-left {float: left;width: 909px}
.main{margin-top: 20px;min-width: 1200px}

/*装修公司列表*/
.zb_list li {position: relative;padding:20px 0 0;background: #fff;}
.zb_list li .content{margin-left: 100px;border-bottom: 1px solid #eee;padding-bottom: 25px;}
.zb_list li .pic {float: left;margin-right: 23px;}
.zb_list li .pic img {display: block;width: 77px;height: 77px;border-radius: 50%}

.zb_list li .txt {font-size: 14px;color: #666;overflow: hidden;float: left;width: 594px;padding-right: 27px;}
.zb_list li .name {font-size: 18px;color: #333; margin-top: 10px;}
.zb_list li .name a {display: inline-block;font-weight: bold;}
.zb_list li .name a:hover {color: #ff6d01;}
.zb_list li .name .home{display: inline-block;margin-left: 13px;color: #A0A0A0;font-size: 14px}
.zb_list li .prove{margin-top: 14px;}
.zb_list li .prove p{display: inline-block;margin-right: 24px;color: #888}
.zb_list li .prove p span{display: inline-block;}
.zb_list li .prove p span:first-child{padding: 4px 8px;color: #fff;margin-right: 8px}
.zb_list li .prove .article span:first-child{background: #7FD8B5}
.zb_list li .prove .photo span:first-child{background: #CFBBA1}
.zb_list li .prove .visit span:first-child{background: #A7BBF5}
.zb_list li .grey{color: #A0A0A0}
.zb_list li .num {margin-top: 17px}
.zb_list li .num p{display: inline-block;margin-right: 30px;color: #333;font-size: 14px}
.zb_list li .num .grey{margin-right: 9px;}
.zb_list li .profile {margin-top: 8px}
.zb_list li .profile span{display: inline-block;overflow: hidden;}
.zb_list li .profile .pro_info{display: inline-block;width: 88%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;margin-left: 9px}

.zb_list li .red {font-size: 18px;color: #f00;}

.zb_list li .tel {float: right;text-align: center;padding-top: 14px}
/*.w1200 .zb_list li .tel {position: relative;display: block;}*/
.zb_list li .phone {font-size: 20px;color: #F54D0C;font-weight: bold;}
.zb_list li .phone a{color: #F54D0C;padding-left: 36px;background: url(../images/forman/icons.png);background-repeat:no-repeat;background-position: -12px -16px;} 
.zb_list li .phone a em{font-size: 16px;display: inline-block;vertical-align: middle;margin-top: -7px;}
.zb_list li .go {display: block;text-align: right;}
.zb_list li .go span{display: inline-block;width: 107px;height: 34px;background:#fff;text-align: center;color: #F54D0C;font-size: 14px;border:1px solid #F54D0C;line-height: 34px;margin-top: 22px;margin-bottom: 10px}
.zb_list li .go span:hover{background: #fff4f2}
.zb_list li .go_order {display: block;text-align: right;}
.zb_list li .go_order span{display: inline-block;width: 107px;height: 34px;background:#F54D0C;text-align: center;color: #fff;font-size: 14px;border:1px solid #F54D0C;line-height: 34px;position: relative;cursor: pointer;}
.zb_list li .go_order span:hover:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	background-color: rgba(0, 0, 0,.1);filter: Alpha(opacity=10);}
.zb_list li.failed img{display:block;margin:20px auto;}
.zb_list li.failed span{display:block;text-align:center;}

.lf_forman1 .lf_phone a em{font-size: 16px;display: inline-block;vertical-align: middle;margin-top: -5px;}
/* 右侧 */
.forman_join {margin-bottom: 24px;}
.forman_join ul {}
.forman_join li {position: relative;font-size: 14px;color: #888;padding: 15px 0 20px 27px;border-top: 1px solid #eee;}
.forman_join .left_b{float: left;width: 60px;height: 60px;border-radius:50%;overflow:hidden;}
.forman_join .left_b img{width: 100%;height: 100%;object-fit: cover;}
.forman_join .right_b{margin-left: 80px;}
.forman_join .right_b .foman_name{font-size: 16px;color: #333;font-weight: bold;padding-top: 5px}
.forman_join .right_b .foman_info{margin-top: 7px}
.forman_join .right_b .foman_info span{    display: inline-block;overflow:hidden;vertical-align:top;}
.forman_join .right_b .foman_addr{margin-right: 20px;max-width:94px;text-overflow:ellipsis;white-space:nowrap;}

.new_order {margin-bottom: 24px;}
.new_order ul {}
.new_order li {position: relative;font-size: 14px;color: #a0a0a0;padding: 18px 15px 18px 18px;border-top: 1px solid #eee;}
.new_order .order_info{display: inline-block;vertical-align: top;width: 90px}
.new_order .order_name{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 2px;width:90px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.new_order .order_addr{width:90px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.new_order .art_name{color: #333;line-height: 47px;display:inline-block;width:100px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.new_order .build_time{float: right;line-height: 47px}
.adv {margin-bottom: 20px;}
.adv img {display: block;}

/*团队预约弹出层*/
.team_mask{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); z-index: 1002;display: none;}
.team_con{position: fixed; left: 50%; margin-left: -299px; top: 50%; margin-top: -240px; width: 598px;  box-sizing: border-box;background-color:#fff;  padding: 50px 123px; z-index: 9999; }
.team_con .close_alert{width: 51px;height: 51px;position: absolute;right: 5px;top: 10px;cursor: pointer;}
.team_con p.t1{font-size: 20px;color: #333;font-weight: bold;text-align: center;}
.team_man{color: #f54d0c;font-weight: bold}
.team_con form{padding-top: 20px;}
.team_con form input{border: 1px solid #e5e5e5;background: #fff;padding-left: 18px;height: 50px;line-height: 50px;-webkit-appearance:none;margin-top: 20px;font-size: 14px;color: #333;width: 100%;box-sizing: border-box;}
.team_con form input::placeholder{color: #a0a0a0}
.form-row {position: relative;color: #333;margin-top: 20px}
.form-row select {width: 166px;height:40px;float: left;padding-left:12px;margin-right: 20px;*margin-top:8px;border:1px solid;border-color:#ebebeb;font-size: 14px;color: #999;-webkit-appearance:none;background: #fff url(../images/sortDown.png) no-repeat 143px center;border-radius: 4px}
.form-row select.select_r{margin-right: 0}
.team_con p.t2{font-size: 20px;color: #333;text-align: center;width: 100%;height: 50px;line-height: 50px;box-shadow: 0px 3px 8px 0px rgba(255, 90, 0, 0.6);background: #ff5a00;width: 100%;margin-top: 20px;color: #fff;font-size: 16px}
.team_con p.t3{font-size: 14px;color: #a0a0a0;margin-top: 30px;}

/*团队预约成功弹出层*/
.team_mask2{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); z-index: 1002;display: none;}
.team_con2{position: fixed; left: 50%; margin-left: -183.5px; top: 50%; margin-top: -140px; width: 367px;  box-sizing: border-box;background-color:#fff;  padding: 20px 20px 23px; z-index: 9999; }
.team_con2 .close_alert{width: 51px;height: 51px;position: absolute;right: 5px;top: 10px}
.team_con2 p.t1{margin-top: 19px;font-size: 16px;font-weight: bold;color: #333;text-align: center;}
.team_con2 p.t3{border:1px solid rgb(229, 229, 229);color: #a0a0a0;width: 113px;height: 38px;text-align: center;line-height: 38px;margin: 25px auto 0}
/* 波纹效果 */
.team_con2 .wave {position:relative;width:50px;height:50px;text-align:center;margin:35px auto 0;}
.team_con2 .m-box{width:50px;height:50px;position:relative;margin: 0 auto;border-radius:50%;border:3px solid #f6571a;background: #ffe2e2}
.team_con2 .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}
.team_con2 .m-duigou:before,.m-duigou:after{content:"";position:absolute;background:#f6571a;border-radius:2px}
.team_con2 .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}
.team_con2 .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;}
.formCommon .inpbox .areaCode{top: 20px;line-height: 40px;border-radius: 4px 0 0 4px;bottom: 2px;left: 2px;}
.formCommon .inpbox .areaCode_wrap{width: 238px;top: 57px;}
.formCommon input#price_phone{padding-left: 70px;}
.formCommon input#team_phone{padding-left: 70px;}
.formCommon .inpbox .areaCode.spc_code{top: 25px;}
.formCommon .inpbox .areaCode_wrap.spe_wrap{width: 352px;top: 68px;}