@charset "utf-8";
@import url("js/Huploadify/Huploadify.css");

*{font-family:Heiti,  DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";}/*Heiti SC,*/
body,td,th{font-size: 14px;color: #333333;}
body{background-color: #F5F5F5;margin: 0px;padding: 0px;}
a{font-size: 14px;color: #333333;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;color: #2E6DF6;}
a:active{text-decoration: none;}
a:focus {outline:none;-moz-outline:none;}
div,ul,li,p,dl,dt,dd,s,b,form,h3,ol{list-style:none;margin:0px;padding:0px;}
input,button,select,textarea{outline:none;outline:none;}
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"] ,botton,bottom {-webkit-appearance:none;}
select:disabled,
input:disabled {opacity: 0.7;background: rgba(200,200,200,0.1);}
.none{clear: both;}
.clear{clear: both;}
.hide{display: none;}
.nk1200{width: 1200px;margin-right: auto;margin-left: auto;}
.nk1000{width: 1000px;margin-right: auto;margin-left: auto;}
.nk1003{width: 1003px;margin-right: auto;margin-left: auto;}
.nk320{width: 320px;margin-right: auto;margin-left: auto;}
.nk300{width: 300px;margin-right: auto;margin-left: auto;}
img{border: 0px none #FFFFFF;}

/*主体*/
#wap {width:100%;margin:0px auto;max-width:640px;overflow: hidden;padding-bottom:61px; position:relative;}

/*无内容提示*/
.nopro{font-size: 25px;color: #CCCCCC;text-align: center;padding-top: 50px;padding-bottom: 50px;}
.nopro2{font-size: 17px;color: #CCCCCC;text-align: center;padding-top: 30px;}

/*省略号*/
.ellipsis{overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis1{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break: break-all;}
.ellipsis2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ellipsis3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

/*layer*/
body .layui-layer-btn .layui-layer-btn0 {border-color: #2E6DF6 !important;background-color: #2E6DF6 !important;}
body .u-flyer{background-color: #2E6DF6;}
body .layer_diy_open .layui-layer-title {font-weight: bold;font-size: 15px;}
body .layer_diy_open .layui-layer-setwin .layui-layer-ico {background:url(images/x_layer.png) no-repeat;background-size:100%;}
body .layer_diy_open .layui-layer-setwin .layui-layer-close1 { background-position: initial;}

/*上传按钮*/
.uploader .uploader-upload .uploadify-button{background-color:#2E6DF6;border-color:#204d74;}
.uploader .uploader-upload .uploadify-button:hover{background-color:#2E6DF6}

/* flex 样式*/
.flex {display: flex;}
.flex.column {flex-direction: column;}
.flex.wrap {flex-wrap: wrap;}
.flex.acenter {align-items: center;}
.flex.jcenter {justify-content: center;}
.flex.jright {justify-content: flex-end;}
.flex.jcb {justify-content: space-between;}
.flex.jca {justify-content: space-around;}
.flex.jce {justify-content: flex-end;}
.flex.center {align-items: center;justify-content: center;}
.flex.flex1 {flex: 1;}
.flex .flex1 {flex: 1;}
.flex .ase {align-self:flex-end;}
.flex .fs {flex-shrink: 0;}

.h10{height: 10px;}
.h15{height: 15px;}
.h20{height: 20px;}
.h30{height: 30px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml100{margin-left: 100px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr100{margin-right: 100px;}
.mr200{margin-right: 200px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.mt100{margin-top: 100px;}
.mt120{margin-top: 120px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.bj_fff{background-color: #ffffff;}
.bt1{border-top: solid 1px #e9e9e9;}

.zi12_333{ color:#333333; font-size:12px;}
.zi12_666{ color:#666666; font-size:12px;}
.zi12_999{ color:#999999; font-size:12px;}
.zi12_ff0,.zi12_ff0:hover{ color:#F25643; font-size:12px;}
.zi12_008add,.zi12_008add:hover{ color:#2E6DF6; font-size:12px;}
.zi14_333{ color:#333333; font-size:14px;}
.zi14_666{ color:#666666; font-size:14px;}
.zi14_999{ color:#999999; font-size:14px;}
.zi14_ff0{ color:#F25643 !important; font-size:14px !important;}
.zi14_008add,.zi14_008add:hover{ color:#2E6DF6; font-size:14px;}
.zi16_999{ color:#999999; font-size:16px;}
.zi16_333{ color:#333333; font-size:16px;}
.zi16_666{ color:#666666; font-size:16px;}
.zi16_008add{ color:#2E6DF6; font-size:16px;}
.zi18_333{ color:#333333; font-size:18px;}
.zi18_008add{ color:#2E6DF6; font-size:18px;}
.zi18_ff0{ color:#F25643; font-size:18px;}
.zi20_008add{ color:#2E6DF6; font-size:20px;}
.zi20_333{ color:#333333; font-size:20px;}
.zi20_000{ color:#000000; font-size:20px;}
.zi26_000{ color:#000000; font-size:26px;}
.zi26_333{ color:#333333; font-size:26px;}
.zi26_008add{ color:#2E6DF6; font-size:26px;}
.lh20{ line-height:20px;}
.x_e6e{ height:1px; background-color:#e6e6e6;}
.se_008add{ color:#2E6DF6;}
.se_ff0{ color:#F25643;}
.se_333{ color:#333333;}
.se_999{ color:#999999;}
.zi_underline{text-decoration: underline;}
.zi_italic{font-style: italic;}

/*偏移50%*/
.transform_x50{transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%)}
.transform_y50{transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}

/*表单*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {  color: #999999;}
input:-moz-placeholder, textarea:-moz-placeholder {  color: #999999;}
input::-moz-placeholder, textarea::-moz-placeholder {  color: #999999;opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  color: #999999;}
.input,
.select,
.textarea{display: inline-block;padding: 6px;font-size: 14px;color: #555;background-color: #fff;border:1px solid #E9E9E9;border-radius: 4px;box-sizing: border-box;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.input,
select{height: 34px;}
/*input:focus,
select:focus,
textarea:focus{border-color: #2E6DF6;outline: 0;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 138, 221, .4);}*/
.from_anniu,
.from_anniu:link,
.from_anniu:hover{padding:0 15px;height:38px;line-height:38px;background: #2E6DF6;border: solid 1px #2E6DF6;border-radius: 4px;font-size: 14px;color: #FFFFFF; display:inline-block;cursor: pointer;}
.from_anniu.cur{background: #ffffff;border: solid 1px #2E6DF6;color: #2E6DF6;}
.from_anniu.cur2{background: #ffffff;border: solid 1px #999999;color: #999999;}
.from_anniu2,
.from_anniu2:link,
.from_anniu2:hover{padding:0 15px;height:30px;line-height:30px;background: #2E6DF6;border: solid 1px #2E6DF6;border-radius: 4px;font-size: 14px;color: #FFFFFF; display:inline-block;cursor: pointer;}
.from_anniu2.cur{background: #ffffff;border: solid 1px #2E6DF6;color: #2E6DF6;}
.from_anniu3,
.from_anniu3:link,
.from_anniu3:hover{padding:0 15px;height:36px;line-height:36px;background: #2E6DF6;border: solid 1px #2E6DF6;border-radius: 4px;font-size: 14px;color: #FFFFFF; display:inline-block;cursor: pointer;}
.from_anniu3.cur{background: #ffffff;border: solid 1px #2E6DF6;color: #2E6DF6;}
.from_input{ position: relative;}
.from_input input{line-height: 30px;height: 30px;margin: 0px;background: #F0F0F0;padding: 0 0 0 10px;border-radius: 3px;background: #ffffff;border: solid 1px #EDEDED;}
.from_select{}
.from_select select{box-shadow:none;border-radius:3px;border: 1px solid #EDEDED;margin-right:10px;line-height: 32px;height: 32px;}
.from_textarea{ position: relative;}
.from_textarea textarea{line-height: 20px;padding: 10px;margin: 0px;background: #ffffff;border: solid 1px #EDEDED;}

/* select 样式*/
.select_title{font-size: 14px;color: #333333; min-width: 60px;text-align: right;padding-right: 15px;}
.select_box{position:relative;min-width:170px;display:inline-block;}
.select_box .select_do{background: #ffffff;border: solid 1px #e4e4e4; border-radius:3px;}
.select_box .select_do:hover{cursor:pointer;}
.select_box .select_do .txt{display:block;line-height:30px;height:30px;padding-left:10px; text-align:left;}
.select_box .select_do .txt s{color: #999999;text-decoration: none;}
.select_box .select_do .txt:before{content: '';position: absolute;top: 13px;right: 10px;display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top:6px solid #666666;}
.select_box .list{display:none;position:absolute;top:30px;min-width:calc(100% - 2px);border:1px solid #F0F0F0;background:#ffffff; z-index:9;}
.select_box .list li{padding:7px 10px;}
.select_box .list li:hover{background:#ddd;}
.select_box.cur .list{display:block;}
.select_box.on36 .select_do .txt {line-height: 36px;height: 36px;}
.select_box.on36 .select_do .txt::before {top: 17px;}
.select_box.on36 .list{top:36px;}

/*统一弹窗*/
body .fixed_ui_main{ border-radius:15px;}
body .fixed_ui{ display:none; min-width:360px;}
body .fixed_ui .fixed_box{ padding:30px; background-color:#FFFFFF;border-radius:10px;}
body .fixed_ui .fixed_title{ font-size: 18px;font-weight: bold;}
body .fixed_ui .fixed_content{ line-height:25px; text-align:center; max-width:500px;}
body .fixed_ui .fixed_btn{}
body .fixed_ui .fixed_btn a{padding:0 15px;border-radius: 0;font-size: 16px;color: #2E6DF6; border:solid 1px #2E6DF6; margin:0 20px;min-width: 70px;height: 38px;}
body .fixed_ui .fixed_btn a.cur{background: #2E6DF6;color: #FFFFFF;}

/*翻页*/
.nai_page{float: right;}
.nai_page a{color: #666666;background-color: #FFFFFF;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #E5E5E5;border-right-color: #E5E5E5;border-bottom-color: #E5E5E5;border-left-color: #E5E5E5;font-family: tahoma;font-size: 12px;padding-top: 8px;padding-right: 10px;padding-bottom: 6px;padding-left: 10px;float: left;line-height: 1em;}
.nai_page a:hover,
.nai_page a:active{color: #FFFFFF;background-color: #0084FF;position: relative;margin-left: -1px;text-decoration: none;border: 1px solid #0084FF;}
.nai_page span.current{color: #FFFFFF;background-color: #0084FF;border: 1px solid #0084FF;font-family: tahoma;font-size: 12px;line-height: 1em;padding-top: 8px;padding-right: 10px;padding-bottom: 6px;padding-left: 10px;position: relative;margin-left: -1px;float: left;}
.nai_page span.disabled{font-family: tahoma;padding-top: 8px;padding-right: 10px;padding-bottom: 6px;padding-left: 10px;COLOR: #666666;background-color: #FFFFFF;border: 1px solid #E5E5E5;font-size: 12px;float: left;line-height: 1em;}
.nai_page span.disabled.disablede_if{border-left-width: 1px;}
.nai_page span.disabled.disablede_end{border-left-width: 0px;}
.nai_page span.d2d{font-family: tahoma;padding-top: 8px;padding-right: 5px;padding-bottom: 8px;padding-left: 5px;color: #666666;font-size: 12px;border-right-width: 1px;border-right-style: solid;border-right-color: #E5E5E5;float: left;line-height: 1em;}
.nai_page .d3d{ margin-left:10px;}
.nai_page .d3d select{background-image: none;color: #666666;font-size: 12px;height: 28px;padding:0;margin: 0px;border: 1px solid #E5E5E5;border-radius:4px;padding-left: 5px;}
.nai_page .br_a { border-radius:4px 0 0 4px;border-left-width: 1px;}
.nai_page .br_b { border-radius:0 4px 4px 0;}

/* 头部 */
.header{background: #fff;height: 70px;}
.header .box{background: #fff;height: 100%;}
.header .box .logo{width: 116px;height: 50px;margin-right: 100px;}
.header .box .nav{height: 100%;}
.header .box .nav .item{height: 100%;position: relative;margin-left: 55px;}
.header .box .item .span{font-size: 14px;color: #333;margin-top: 10px;}
.header .box .item .x{width: 36px;height: 3px;background: #0084FF;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: none;}
.header .box .item.cur .x{display: block;}
.header .box .but{width: 96px;height: 36px;background: #0084FF;text-align: center;line-height: 36px;font-size: 16px;color: #fff;}
.header .box .user{position: relative;height: 100%;}
.header .box .user .logout{width: 100px;height: 50px;background: #fff;border-radius: 10px;text-align: center;line-height: 50px;position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);z-index: 999;display: none;}
.header .box .user .out{font-size: 16px;color: #000;}
.header .box .user:hover .logout{display: block;}
.header .box .avatar{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;margin-right: 9px;}
.header .box .name{font-size: 14px;color: #333;}

.container{width: 100%;padding-bottom: 20px;min-height:calc(100vh - 120px);box-sizing: border-box;}
.container.login{background: #F5FAFF;overflow: hidden;}

/* 登录-主体 */
.login_box{position: relative;height: calc(100vh - 120px);}
.login_box .circle{width: 148px;height: 148px;background: linear-gradient(207deg, #378EF2 0%, rgba(245,250,255,0) 100%);opacity: 0.11;border-radius: 50%;position: absolute;top: 103px;left: -32px;}
.login_box .circle2{width: 84px; height: 84px; background: linear-gradient(207deg, #378EF2 0%, rgba(245,250,255,0) 100%); opacity: 0.11; border-radius: 50%;position: absolute;top: 46px;right: -25px;}
.login_box .circle3{width: 252px;height: 252px;background: linear-gradient(180deg, #378EF2 0%, rgba(245,250,255,0) 100%);opacity: 0.16;border-radius: 50%;position: absolute;
	bottom: -170px;right: 208px;}
.login_box .main{width: 100%;}
.login_box .img{height: 560px;width: 560px;margin-right: 27px;}
.login_box .login{width: 335px; height: 362px; background: #FFFFFF; border-radius: 10px;}
.login_box .login .title{height: 94px;font-size: 20px;color: #000;}
.login_box .login .box{width: 200px; height: 210px; background: #FFFFFF; border: 1px solid #F6F6F6; box-shadow: 0px 2px 20px 0px rgba(214,212,212,0.47); border-radius: 10px;}
.login_box .login .box .foo{margin-top: 5px;}
.login_box .login .box .foo .ico{width: 20px;height: 20px;margin-right: 8px;}
.login_box .login .box .foo .t{font-size: 14px;color: #333;}

/* 项目-导航 */
.nav_box{height: 50px;background: #fff;margin-top: 14px;padding: 0 15px;box-sizing: border-box;}
.nav_box .item{padding: 0 15px;font-size: 14px;color: #333;}
.nav_box .item.cur{color: #0084FF;}

/* 项目-项目列表 */
.xiangmu_list{margin-top: 7px;padding: 0 10px;background: #fff;box-sizing: border-box;}
.xiangmu_list .item{padding: 30px 13px 23px;width: 100%; border-top: 1px solid #e9e9e9;box-sizing: border-box;}
.xiangmu_list .item:hover{background: #F7FBFF;}
.xiangmu_list .item:first-child{border-top: none;}
.xiangmu_list .item .title{font-size: 18px;color: #333;font-weight: bold;padding-right: 30px;}
.xiangmu_list .item .price{font-size: 18px;color: #FF4141;font-weight: bold;}
.xiangmu_list .item .state{height: 24px;padding: 0 8px;background: #F8EFEA;border-radius: 4px;line-height: 24px;font-size: 12px;color: #FC8230;margin-right: 5px;}
.xiangmu_list .item .state2{height: 24px;padding: 0 8px;background: #E1EFFF;border-radius: 4px;line-height: 24px;font-size: 12px;color: #2385FD;margin-right: 5px;}
.xiangmu_list .item .ico{width: 14px;height: 14px;margin-right: 10px;}
.xiangmu_list .item .addr{font-size: 14px;color: #999;margin-right: 38px;}
.xiangmu_list .item .date{font-size: 14px;color: #666;}
.xiangmu_list .item .state3{padding: 0 13px;height: 24px; background: linear-gradient(-44deg, #02BEAE, #1BD1C2); border-radius: 4px;line-height: 24px;font-size: 14px;color: #fff;}
.xiangmu_list .item .fail{font-size: 14px;color: #999;}
.xiangmu_list .item .t{font-size: 18px;color: #FF4141;font-weight: bold;}

/* 项目详情-项目步骤 */
.xiangmu_detail_steps{padding: 30px 26px 18px; background: #fff;margin-top: 13px;box-sizing: border-box;}
.xiangmu_detail_steps .title{font-size: 22px;color: #333;}
.xiangmu_detail_steps .ico{width: 14px;height: 14px;margin-right: 10px;}
.xiangmu_detail_steps .addr{font-size: 14px;color: #999;}
.xiangmu_detail_steps .step{margin-top: 30px;}
.xiangmu_detail_steps .step .item{position: relative;margin-right: 25px;width: 100px;}
.xiangmu_detail_steps .step .item .dot{width: 24px;height: 24px;border-radius: 50%;text-align: center;line-height: 22px;font-size: 16px;color: #333;border: 1px solid #CECECE; box-sizing: border-box;margin: 0 6px;}
.xiangmu_detail_steps .step .item.cur .dot{background: #0084FF;color: #fff;border: none;line-height: 24px;}
.xiangmu_detail_steps .step .item .t{font-size: 14px;color: #333;margin-top: 8px;}
.xiangmu_detail_steps .step .item .j{font-size: 12px;color: #0084FF;margin-top: 5px;}
.xiangmu_detail_steps .step .item .x{position: absolute;width: 90px;height: 2px;background: #D2D2D2;top: 11px;right: 67px;}
.xiangmu_detail_steps .step .item.cur .x{background: #0084FF;}

/* 项目详情-项目信息 */
.xiangmu_detail_info{margin-top: 6px;padding: 20px 24px;box-sizing: border-box;background: #fff;}
.xiangmu_detail_info table{border-collapse:collapse;border: 1px solid #DEDEDE;}
.xiangmu_detail_info table tbody tr .td1{width: 132px;height: 49px;background: #F0F8FF;border-bottom: 1px solid #DEDEDE;border-right: 1px solid #DEDEDE;padding-left: 35px;box-sizing: border-box;font-size: 16px;color: #333;}
.xiangmu_detail_info table tbody tr .td2{width: 368px;height: 49px;background: #fff;border-bottom: 1px solid #DEDEDE;padding-left: 35px;box-sizing: border-box;font-size: 16px;color: #333;}
.xiangmu_detail_info table tbody tr .td2.price{font-size: 16px;color: #FF4141;font-weight: bold;}
.xiangmu_detail_info table tbody tr .td2.price .state{font-size: 16px;color: #0084FF;font-weight: bold;}

/* 项目详情-项目联系人 */
.xiangmu_detail_contact{background: #fff;margin-top: 6px;padding: 0 24px 12px;box-sizing: border-box;}
.xiangmu_detail_contact .too{height: 64px;}
.xiangmu_detail_contact .too .x{width: 6px;height: 18px;background: #0084FF;margin-right: 10px;}
.xiangmu_detail_contact .too .title{font-size: 18px;color: #333;font-weight: bold;}
.xiangmu_detail_contact .list .item{margin-bottom: 10px;}
.xiangmu_detail_contact .list .item .name{font-size: 16px;color: #333;margin-right: 19px;}
.xiangmu_detail_contact .list .item .tel{font-size: 16px;color: #0084FF;}

/* 项目详情-项目详情 */
.xiangmu_detail_detail{background: #fff;margin-top: 6px;padding: 0 24px 20px;box-sizing: border-box;}
.xiangmu_detail_detail .too{height: 64px;}
.xiangmu_detail_detail .too .x{width: 6px;height: 18px;background: #0084FF;margin-right: 10px;}
.xiangmu_detail_detail .too .title{font-size: 18px;color: #333;font-weight: bold;}
.xiangmu_detail_detail .content{font-size: 14px;color: #333;line-height: 28px;padding-right: 20px;}
.xiangmu_detail_detail .list{margin-top: 15px;font-size: 14px;color: #0084FF;}
.xiangmu_detail_detail .list .item{margin-top: 10px;width: 919px;height: 50px;background: #F9F9F9;padding: 0 20px;box-sizing: border-box;}
.xiangmu_detail_detail .list .item .ico{width: 20px;height: 20px;margin-right: 7px;}
.xiangmu_detail_detail .list .item .t{font-size: 16px;color: #333;}
.xiangmu_detail_detail .list .item .download{font-size: 16px;color: #0084FF;text-decoration: underline;flex-shrink: 0;}

/* 导航 */
.tab_box{height: 50px; border-bottom: 1px solid #E9E9E9;background: #fff;margin-top: 6px;}
.tab_box .item{padding: 0 27px;position: relative;height: 100%;}
.tab_box .item .t{font-size: 16px;color: #666;}
.tab_box .item.cur .t{font-size: 16px;color: #333;}
.tab_box .item .x{width: 24px;height: 3px;background: #0084FF;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: none;}
.tab_box .item.cur .x{display: block;}

/* 项目详情-项目 */
.xiangmu_detail_project{}

/* 工程师 */
.xiangmu_detail_project .list .pics{background: #fff;padding-bottom: 30px;}
.xiangmu_detail_project .list .pics .img{width: 336px;height: 336px;}
.xiangmu_detail_project .list .pics .t{font-size: 28px;color: #333;}
.xiangmu_detail_project .list .item{padding: 0 24px 26px;background: #fff;}
.xiangmu_detail_project .list .item .too{height: 85px;}
.xiangmu_detail_project .list .item .too .avatar{width: 52px;height: 52px;border-radius: 50%;object-fit: cover;margin-right: 14px;}
.xiangmu_detail_project .list .item .too .name{font-size: 16px;color: #333;margin-right: 9px;}
.xiangmu_detail_project .list .item .too .states{padding: 1px;background: #E60012;}
.xiangmu_detail_project .list .item .too .states .box2{padding: 0 9px;height: 18px;border: 1px solid #fff;line-height: 18px;text-align: center;font-size: 14px;color: #fff;font-weight: bold;}
.xiangmu_detail_project .list .item .too .states.fail{padding: 1px;background: #666666;}
.xiangmu_detail_project .list .item .too .states.fail .box2{color: #fff;}
.xiangmu_detail_project .list .item .too .t{font-size: 16px;color: #666;}
.xiangmu_detail_project .list .item .too .num{font-size: 16px;color: #0084FF;margin-top: 4px;}
.xiangmu_detail_project .list .item .too .ico_addr{width: 15px;height: 15px;margin-right: 8px;}
.xiangmu_detail_project .list .item .too .addr{font-size: 14px;color: #999;margin-right: 23px;}
.xiangmu_detail_project .list .item .too .ico_heart{width: 18px;height: 18px;margin-right: 8px;}
.xiangmu_detail_project .list .item .too .score{font-size: 14px;color: #FF4141;}
.xiangmu_detail_project .list .item .t{font-size: 14px;color: #333;}
.xiangmu_detail_project .list .item .state{height: 24px;padding: 0 12px;background: #E9F3FF;border-radius: 4px;line-height: 24px;font-size: 12px;color: #2385FD;margin-right: 5px;}
.xiangmu_detail_project .list .item .state2{height: 24px;padding: 0 12px;background: #FFF2EA;border-radius: 4px;line-height: 24px;font-size: 12px;color: #FC8230;margin-right: 5px;}
.xiangmu_detail_project .list .item .j{font-size: 16px;color: #333;}
.xiangmu_detail_project .list .item .tel{font-size: 16px;color: #0084FF;}
.xiangmu_detail_project_btn,
.xiangmu_detail_project_btn:hover{width: 90px; height: 36px; border: 1px solid #0084FF; border-radius: 6px;box-sizing: border-box;text-align: center;line-height: 34px;font-size: 16px;color: #0084FF;margin-left: 22px;}
.xiangmu_detail_project_btn2,
.xiangmu_detail_project_btn2:hover{width: 90px; height: 36px; background: #0084FF; border-radius: 6px;text-align: center;line-height: 36px;font-size: 16px;color: #fff;margin-left: 10px;}

/* 项目进度 */
.xiangmu_detail_project .list2{padding: 23px 22px 36px;background: #fff;}
.xiangmu_detail_project .list2 .item .loo{margin-right: 16px;position: relative;}
.xiangmu_detail_project .list2 .item .loo .points{width: 13px;height: 13px;border-radius: 50%;background: #CCE6FF;}
.xiangmu_detail_project .list2 .item .loo .points .point{width: 7px;height: 7px;border-radius: 50%;background: #0084FF;}
.xiangmu_detail_project .list2 .item .loo .x{height: 100%;width: 1px;background: #0084FF;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);}
.xiangmu_detail_project .list2 .item .roo{padding-bottom: 33px;}
.xiangmu_detail_project .list2 .item .roo .date{font-size: 12px;color: #333;}
.xiangmu_detail_project .list2 .item .roo .content{font-size: 14px;color: #333;margin-top: 5px;}
.xiangmu_detail_project .list2 .item .roo .fujian_item{margin-top: 10px;width: 919px;height: 50px;background: #F9F9F9;padding: 0 20px;box-sizing: border-box;}
.xiangmu_detail_project .list2 .item .roo .fujian_item .ico{width: 20px;height: 20px;margin-right: 7px;}
.xiangmu_detail_project .list2 .item .roo .fujian_item .t{font-size: 16px;color: #333;}
.xiangmu_detail_project .list2 .item .roo .btn{width: 52px;height: 30px;border: 1px solid #0084FF;border-radius: 6px;text-align: center;line-height: 30px;font-size: 14px;color: #0084FF;margin-top: 8px;box-sizing: border-box;margin-right: 10px;}
.xiangmu_detail_project .list2 .item .roo .btn2{width: 52px;height: 30px;background: #0084FF;border-radius: 6px;text-align: center;line-height: 30px;font-size: 14px;color: #fff;margin-top: 8px;}

/* 底部 */
.footer{width: 100%;height: 50px;background: #fff;font-size: 12px;color: #666;margin-top: 60px;}
.footer .num{font-size: 12px;color: #666;}

/* 弹窗 */
.tijiao_box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 999;}
.tijiao_box .box{width: 426px;background: #FFFFFF;border-radius: 10px;padding: 18px 18px 28px 24px;box-sizing: border-box;}
.tijiao_box .box .a{width: 19px;height: 19px;align-self: flex-end;}
.tijiao_box .box .a .ico{width: 100%;height: 100%;}
.tijiao_box .box .title{font-size: 16px;color: #333;}
.tijiao_box .box .textarea{resize: none;margin-top: 23px;width: 378px;height: 133px;background: #F9F9F9;border: 1px solid #E9E9E9;border-radius: 4px;padding: 15px;box-sizing: border-box;font-size: 14px;color: #333;}
.tijiao_box .box .textarea::placeholder{font-size: 14px;color: #999;}
.tijiao_box .box .list .item{margin-top: 10px;width: 378px;height: 50px;background: #f9f9f9;padding: 0 15px;box-sizing: border-box;position: relative;}
.tijiao_box .box .list .item .ico_world{width: 20px;height: 20px;margin-right: 7px;}
.tijiao_box .box .list .item .t{font-size: 16px;color: #333;}
.tijiao_box .box .list .item .ico_x{width: 13px;height: 13px;}
.tijiao_box .box .add{width: 112px;height: 46px;background: #0084FF;border-radius: 4px;align-self: flex-start;margin-top: 31px;text-align: center;line-height: 46px;font-size: 16px;color: #fff;}
.tijiao_box .box .but{width: 378px;height: 46px;background: #0084FF;border-radius: 4px;margin-top: 35px;text-align: center;line-height: 46px;font-size: 16px;color: #fff;}