.top-head {
    background-repeat: no-repeat;
    background-position: top;
    height: 200px;
    position: relative;
    background-image: url('/static/dpmweb/hn/images/top-img.png');
}
.top-head .content_warp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 200px;
}
.logo-title {
    font-size: 32px;
    color: #fff;
    vertical-align: middle;
    margin-left: 10px;
}
.top-search{margin-left: 50px;}
.top-search input{padding:0px;word-wrap:break-word;word-break:break-all;border:0;outline-style:none;}
.top-search .input_txt{float:left;width:290px;height:42px;background:#fff;padding-left:12px;color:#333;box-sizing:border-box;border-radius: 3px 0 0 3px;font-size: 14px;}
.top-search .submit_btn{width:80px;height:42px;background:#007BFF ;color:#fff;cursor:pointer;border-radius: 0 3px 3px 0; background-image: url('/static/dpmweb/hn/images/sousuo_icon.png'); background-repeat: no-repeat;background-position: center;}
.top-search .advanced_btn {
    padding:0px 10px;
    height: 42px;
    line-height: 42px;
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    color: #007BFF;
    margin-left: 10px;
}
.top-search {
    display: flex;

}
.top-search .search_form {
    height: 41px;
    box-shadow: 0 1px 7px 0px rgb(255, 255, 255)
}
.login_btn,.login_btn a {
    font-size: 14px;
    color: #fff;
}
.login_btn img {
    vertical-align: middle;
    margin-right: 5px;
}
.content-left {
    width: 9%;
    color: #5D5D5D;
}
.content-left  li a ,.content-left {
    color: #5D5D5D;
}
.content-right {
    width: 88%;
    margin-left: 3%;
}
.main-content {
    margin-top: 20px;
     position: relative;
}
.content-left>ul li {
    margin-bottom: 10px;
    cursor: pointer;
}
.content-left>ul {
    margin-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
}
.content-left>ul:last-child {
    margin: 0;
    border: none;
}
.content-left>ul li.more a {
    color:#aaa ;
}
.content-left>ul li.current,.content-left>ul li:hover,.content-left>ul li:hover a,.content-left>ul li.current a {
   color: #007BFF;
   font-weight: bold;
}
.content-left>ul li:not(:first-child) {
    padding-left: 1em;
}
#homeSwiper {
    width: 100%;
     height: 340px;
}
#homeSwiper .swiper-wrapper img {
    width: 100%;
    height: 100%;
}
#homeSwiper .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}
#homeSwiper .swiper-pagination-bullet-active {
    background: #007BFF;
}
.pro-list {
    margin-top: 30px;
}
.pro-item {
    /* display: flex;
    justify-content: space-between; */
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 20px;
	position: relative;
    margin-bottom: 25px;
}
.pro-item-wybj {
    position: absolute;
    bottom: 0;
    right: 25.5%;
}
.pro-item:last-child {
    border: none;
    margin-bottom: 0;
}
.pro-img{
    /* flex: 1; */
    width: 220px;
    height: 150px;
    position: relative;
    overflow: hidden;
}
.pack_text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60%;
    color:#B2AEAC ;
}
.pro-img img {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
}
.pro-img img:hover {
    transform: scale(1.1);
}
.pro-img .state {
    color: #fff;
    padding:2px 7px;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;

}
.pro-con {
    flex: 5;
    margin-left: 35px;
    position: relative;
}
.bill-check{
	position: absolute;
	left:8px;
	top: 0px;
}
.pro-name {
    font-size: 18px !important;
    font-weight: bold;
    color: #000;
    width: 830px !important;
    /* margin:20px 0 15px 0px; */
}
.pro-name a:hover,.gg-list li a:hover{
    color: #007BFF;
}
.pro-name-secondary{
	font-size: 16px !important;
    font-weight: bold;
    color: #000;
}
.pro-con>ul {
    display: flex;
    flex-wrap:wrap ;
}
.pro-con>ul li {
    width: 33.333%;
    margin-bottom: 15px;
    color:#aaa ;
    font-size: 14px;
    line-height: 20px;

}
.list-focusId{
    width: 100px !important;
}
.list-focusId i,.list-focusId .btn:hover {
    color: #dc3545;
}

.pro-con>ul li span {
    color: #5D5D5D;
}
.pro-con>ul li .price,.pro-con>ul li .price-unit ,.intro_center li .price,.intro_center li .price-unit{
    color:#EF4242 ;
}
.pro-con>ul li .price,.intro_center li .price{
    font-size: 26px;
    font-weight: bold;
}
.ezc-card .pro-con>ul li .price {
    font-size: 16px;
}
.pro-con>ul li .price-unit,.intro_center li .price-unit{
    font-style: normal;
}
/* .bill-check{

} */

/* 浮窗 */
.helpflex{position:fixed;bottom:100px;right:10px;z-index: 999;}

.helpflex .fal{/*background:rgba(255,255,255,.2);*/background:#f2f2f2;padding:2px 5px;border-radius:50%;}
.helpflex ul li{height:70px;width:65px; /*overflow:hidden;*/padding:0;margin-bottom:20px;text-align:center;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);border-radius: 10px;position: relative;}
.helpflex a{display:block;height:100%;background:#fff; color: #aaa;line-height:30px;border-radius: 10px;}
.helpflex a:hover{display:block;height:100%; background:#005cb2; color: #fff; }
.helpflex img{margin-top:10px;vertical-align:middle;}

.helpflex .pic{height:40px;width:30px; overflow:hidden;margin:0px auto;position: relative;}
.helpflex .pic span{display: block;position: absolute;top: 0px;left: 0;opacity: 0;}
.helpflex a:hover span{opacity: 1;cursor: pointer;}

.helpflex .wpic{opacity:0;filter:alpha(opacity=0); position:absolute;bottom:15px; right:60px; width:0px; height:0px; border-radius:4px;background:#fff;z-index:5;
	box-shadow:0px 0px 5px 1px #cccccc;
	-webkit-box-shadow:0px 0px 5px 1px #cccccc;
	-moz-box-shadow:0px 0px 5px 1px #cccccc;
	-ms-box-shadow:0px 0px 5px 1px #cccccc;
	-o-box-shadow:0px 0px 5px 1px #cccccc;
    transition:all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -ms-transition:all .8s;
    -o-transition:all .8s;
    position: absolute;
    left: -130px;
    top: 0;
}
.helpflex .wpic img{display:block;width:100%;height:100%;margin-top:0;}
.helpflex a:hover .wpic{width:120px;height:120px;padding:10px;opacity:1;filter:alpha(opacity=100)}


.detailFix {
    position: absolute;
    right: -90px;
    top: 40px;
}
.detailFix li {
    padding: 15px 0;
    height: auto !important;
}
.detailFix a .fa {
    font-size: 30px;
    color:#007BFF ;
}
.detailFix a p{
    line-height: 15px;
}
#bottom{ clear:both;text-align:center; border-top:4px solid #f53e3e; background:#3f3f3f; overflow:hidden; color:#ccc;margin-top:40px;} /*页面底部包含*/
.help_bottom{ overflow:hidden; clear:both; padding:25px 0;  text-align:center;}

.help_bottom_l a{ margin-right:50px; color:#cccccc;}
.help_bottom_l p{ padding-top:0px;}
.help_bottom_l a.appdown{ background:url(/static/dpmweb/hn/images/phone.png) 0 center no-repeat; padding-left:20px; color:#fff;}
.help_bottom_r{ float:right;}
.help_bottom_l a {
    margin-right: 50px;
    color: #cccccc;
    font-size: 14px;

}

/* 项目列表 */
.sf-filter{position:relative;border:1px solid #e2e2e2;font-size: 14px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.08)}
.sf-filter hr.dotted{height:0;border:none;border-bottom:1px dotted #e0e0e0;*overflow:hidden;margin: 0;}
.sf-filter hr.shadowX{position:absolute;width:100%;bottom:-3px;left:0;height:0;border:none;border-bottom:2px solid #f2f2f2;*overflow:hidden}
/* .sf-filter .sf-filter-row-location .sf-filter-value .condition li{width:83px} */
.sf-filter  .sf-filter-value .condition li{width:70px}
.sf-filter .sf-filter-row{zoom:1;clear:none!important;overflow:hidden}
.sf-filter .sf-filter-row:after{content:"";clear:both;display:block!important;height:0}
.sf-filter .sf-filter-row .sf-filter-key{float:left;width:120px;height:100%;color:#999;text-align:right;padding-top:13px;padding-right:30px;background-color:#f6f6f6;vertical-align:top;margin-bottom:-1000px;padding-bottom:1000px}
.sf-filter .sf-filter-row .sf-filter-value{margin-left:158px;padding:6px 0;margin-bottom:-1000px;padding-bottom:1000px;*margin-top:-15px;overflow:hidden;zoom:1;clear:none!important}
.sf-filter .sf-filter-row .sf-filter-value:after{content:"";clear:both;display:block!important;height:0}
/* .sf-filter .sf-filter-row .sf-filter-value .unlimited{float:left;width:70px;margin-bottom:-1000px;padding-bottom:1000px;padding-top:2px}
.sf-filter .sf-filter-row .sf-filter-value .unlimited a{background-color:#f6f6f6;padding-right:3px} */
/* .sf-filter .sf-filter-row .sf-filter-value .unlimited a.selected{background-color:#dd3c3c!important;color:#fff!important;border-radius: 2px !important;} */
.sf-filter .sf-filter-row .sf-filter-value .condition{margin-bottom:-1000px;padding-bottom:1000px;zoom:1;clear:none!important}
.sf-filter .sf-filter-row .sf-filter-value .condition:after{content:"";clear:both;display:block!important;height:0}
.sf-filter .sf-filter-row .sf-filter-value .condition li{display:inline-block;*display:inline;*zoom:1;margin-bottom:3px;position:relative;vertical-align:top;z-index:2}
/* .sf-filter .sf-filter-row .sf-filter-value .condition .unfold em{border-color:#e2e2e2;background-color:#f6f6f6} */
.sf-filter .sf-filter-row .sf-filter-value .condition .unfold>em a{background-color:#dd3c3c!important;color:#fff!important;border-radius: 2px !important;}
/* .sf-filter .sf-filter-row .sf-filter-value .condition .unfold .sub-condition{display:block} */
.sf-filter .sf-filter-row .sf-filter-value .condition .unfold>em>a>.open{margin-top:-2px;background-position:0 -3px}
.sf-filter .sf-filter-row .sf-filter-value .condition .noStress>em a{background-color:#f6f6f6!important;color:#656565!important}
.sf-filter .sf-filter-row .sf-filter-value .condition em{font-style:normal;font-weight:400;height:28px;line-height:20px;padding:1px 4px 0 4px;border:1px solid transparent;border-bottom:none;_border-color:tomato;_filter:chroma(color=tomato);display:inline-block;*display:inline;*zoom:1;position:relative;z-index:2}
.sub-condition{background-color:#f6f6f6;border:1px solid #e2e2e2;padding:8px;width:928px;position:relative;top:-1px;z-index:1;margin-bottom: 5px;}
.sub-condition.small-subcondion{width:816px}
.sf-filter .sf-filter-row .sf-filter-value .sub-condition .unlimited{width:50px}
.sub-condition .unlimited a{*margin-top:0;background-color:#e4e4e4}
.sub-condition .unlimited a.selected{background-color:#dd3c3c!important;color:#fff!important}
.sub-condition .unlimited a.selected:hover{color:#fff!important}
.sub-condition ul{zoom:1;clear:none!important;margin-bottom:-1000px;padding-bottom:1000px;padding-left:50px;*padding-left:0}
.sub-condition ul:after{content:"";clear:both;display:block!important;height:0}
.sub-condition ul li{width:auto;padding-left:0;padding-right:15px}
.sub-condition ul li em{padding-right:0}
.sub-condition li{display:inline-block;*display:inline;*zoom:1}
.sub-condition em{border:none;*padding-left:4px}
.sub-condition em a{padding-right:3px}
.sub-condition em a:hover{color:#dd3c3c}
.sub-condition em a.selected:hover{color:#fff}
.sf-filter .sf-filter-row .sf-filter-value .sub-condition .triggle em a {padding: 0 5px 0 3px;}
.sf-filter .sf-filter-row-location .sf-filter-value .sub-condition li {
    width: auto;
}
.sf-filter .sf-filter-row .sf-filter-value .condition a{*margin:6px 0}
.sf-filter .sf-filter-row .sf-filter-value .condition a.selected{background-color:#dd3c3c;color:#fff;border-radius: 2px !important;}
.sf-filter .sf-filter-row .sf-filter-value .price-standard>li{width:110px}
/* .sf-filter .sf-filter-row .sf-filter-value .triggle em a{padding:0 12px 0 3px} */
.sf-filter .sf-filter-row .sf-filter-value .triggle em a:hover{color:#656565}
.sf-filter .sf-filter-row .sf-filter-value .triggle em a.disable:hover{color:#bbb}
.sf-filter .sf-filter-row .sf-filter-value a{display:inline-block;*display:inline;*zoom:1;color:#656565;text-decoration:none;padding:0 3px;line-height:18px;height:18px;overflow:hidden;vertical-align:middle}
.sf-filter .sf-filter-row .sf-filter-value a:hover{color:#dd3c3c}
.sf-filter .sf-filter-row .sf-filter-value a .open{position:absolute;top:50%;right:5px;width:7px;height:4px;margin-top:-1px;*margin-top:-2px;text-indent:-999em;background:url(//gtms03.alicdn.com/tps/i3/TB1FvPIFVXXXXcuXVXXBFn.FpXX-7-11.png) no-repeat 0 0}
.sf-filter .sf-filter-row .sf-filter-value a.disable{color:#bbb;cursor:not-allowed}
.sf-filter .sf-filter-row .sf-filter-value a.disable:hover{color:#bbb}
.sf-filter .sf-filter-row .sf-filter-value a.disable .open{background-position:0 -7px}
.sf-filter .sf-filter-row .sf-filter-value .J_FilterCity a .open{right:-10px}


.search-condi{background:#f6f6f6;border: 1px solid #e2e2e2;margin-top: 10px;}
.search-condi li {
    padding:8px 53.5px;
    border-right: 1px solid #e2e2e2;
    float: left;
    font-size: 14px;
    color: #666;
}
.search-condi li:last-child {
    border: none;
}
.search-condi li.price input{
    width: 100px;
}
.search-condi li.price input[type='button'] {
    border: none;
    line-height: 25px;
    padding: 0 10px;
    background: #dd3c3c;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    width: auto;
}
.search-condi input[type='text'], .search-condi select ,.search-condi input[type='date']{


    font-size: 14px;
    /* line-height: 1.5; */
    padding: 3px 10px;
    height: 28px;
    font-weight: 400;
    border: 1px solid #dedede;
    background-color: #fff;
    border-radius: 3px;
    color: #666;
}
.search-condi li .form-control {
    display: inline-block;
    width: 125px;
}

/* 广东转让公司 */
.head-btn ul {
    display: flex;
}
.head-btn ul li {
    margin-right: 20px;
}
.head-btn ul li:last-child {
    margin: 0;
}
.head-btn ul li a,.logo-typeBtn {
    font-size: 14px;
    color: #fff !important;
}
.logo-typeBtn {
    vertical-align: middle;
    display: inline-block;
    margin-top: 5px;
}
.head-btn ul li a img,.logo-typeBtn img {
    width: 10px;
    margin-left: 4px;
}
.ezc-card .card-header {
    border: none;
    padding: 1rem ;
}

.ezc-card .card-header .card-title,.ezc-card-title{
   font-size: 18px;
   font-weight: bold;
   position: relative;
   padding-left: 15px;
}
.ezc-card .card-header .card-title,.ezc-card-title::before,.ezc-card-title::before{
    content: '';
    width: 4px;
    height: 80%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color:#007BFF ;
}
.ezc-card-title {
    margin-bottom: 25px;
}
.list-tabs .card-body {
    padding: 0 1.25rem 1.25rem;
}
.list-tabs  .card-header {
  padding: .5rem 1rem 0;
}
.card-body .sjtj {
      display: flex;
      justify-content: space-around;
}
.card-body .sjtj li {
    position: relative;
}
.card-body .sjtj li::after {
    content: '';
    position: absolute;
    right: -60px;
    top: 50%;
    transform:translateY(-50%);
    width: 1px;
    height: 70%;
    background-color:#F1F1F1 ;
}
.card-body .sjtj li:last-child:after{
    width: 0;
}
.card-body .sjtj li p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}
.card-body .sjtj li p:last-child {
    margin: 0;
}
.card-body .sjtj li .sj-conunt-num {
    color: #007BFF;
    font-size: 26px;
    font-weight: bold;
}
.card-body .sjtj li .sj-conunt-num span {
    font-size: 18px;
    font-weight: 400;
}
.list-process {
    margin-bottom: 1rem;
}
.list-process.wizard .steps ul li:not(:last-child) {
   padding-right: 10px;
}
.list-process.wizard .steps ul li:not(:first-child) a::before,.list-process.wizard .steps ul li:not(:last-child) a::after,.list-process.wizard.vertical .steps ul li:last-child a::after {
    right: -22px;
}
.list-process.wizard .steps ul li:not(:first-child) a::before,.list-process.wizard .steps ul li:not(:last-child) a::after,.list-process.wizard.vertical .steps ul li:last-child a::after {
    width: 44px;
    height: 44px;
}
.list-process.wizard .steps ul li:first-child a {
    border-radius: 30px 0 0 30px;
}
.list-process.wizard .steps ul li:last-child a {
    border-radius: 0 30px 30px 0;
}
.list-process.wizard .steps ul li:hover a, .list-process.wizard .steps ul li:hover a::after{
    background-color: #fe9901;
    color: #fff;
}

.my-list {
    margin: 0;
}
/* .my-list .pro-name {
    margin: 0;

} */
.my-list .pro-name a {
    /* color: #333; */
    font-size: 16px;
    font-weight: bold;
}
.my-list .pro-name span{
	font-size: 14px;
	font-weight:normal;
	color: #aaa;
}
.my-list .pro-con {
    margin-top: 10px;
}
.pro-item-bottom {
    display: flex;
    justify-content: space-between;
}
.pro-left,.pro-right {
    display: flex;
}
.pro-left li{
    margin-right: 40px;
}
.pro-right li {
    margin-right: 10px;
}
.pro-left li:last-child,.pro-right li:last-child {
    margin: 0;
}
.pro-left li {
    font-size: 14px;
    color: #5D5D5D;
}
.pro-item-bottom .pro-conunt-num {
    color:#007BFF ;
}
.apply-list {
    margin: 0;
}
.apply-list .pro-name {
   margin: 0 0 15px;
}
.apply-list .pro-con {
    /* background-color: #F2F2F2; */
    padding: 20px 25px;
    margin: 0;
}
.apply-list .pro-con>ul li {
 width: 25%;
 margin: 0;
}
.apply-list .pro-item {
    padding: 0;
}
.apply-list li:nth-child(n+3) {
   margin: 0;
}
.apply-list .pro-item {
    display: block;
}

.apply-list .item-yyxx {
    display: flex;
    justify-content: space-between;
}
.apply-list .item-yyxx li, .apply-list .pro-yyxx li> p{
    color: #aaa;
    font-size: 14px;
    line-height: 20px;
}
.apply-list .item-yyxx .yyxxStatus {
    color: #007BFF;
}
.apply-list .item-yyxx li span,.apply-list .pro-yyxx li> p span {
    color: #5D5D5D;
}
.apply-list .pro-yyxx li> p {
    margin-top: 15px;
}
.apply-list .pro-yyxx li {
    position: relative;
}
.apply-list .yyxx-btn {
    position: absolute;
    right: 0;
    bottom: 0px;
}
.apply-list .pro-yyxx>li {
    border-bottom: 1px solid #EEEEEE;
    padding:20px 0;
}
.apply-list .pro-yyxx>li:last-child {
    border: none;
    padding: 20px 0 0 0;
}
.top-detail {
    display: flex;
    height: 415px;
    background-color: #fff;
    padding: 20px;
}
.left-detail {

    width: 28%;
}
.center-detail {
   width: 52%;
   margin-left: 20px;
   /* margin-top: 20px; */
   /* border-bottom: 1px solid #e6e6e6; */
}
.intro_title {
    margin-bottom: 10px;
    line-height: 150%;
 	/*display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space:nowrap;*/
     overflow: hidden;
 }
 .intro_title a{
   float: left;
	max-width: calc(100% - 180px);
    margin-bottom: 10px;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
   /* white-space:nowrap;*/

 }
.intro_title .label{
   float: left;
	display: inline;
	margin-left:10px;
	background:#5196f3;
	border-radius:3px;
	color: #fff;
	font-size: 12px;
	font-weight:400;
	padding:0 10px;
	line-height:24px;
    position: relative;
}
.intro_title .label::before{
            position: absolute;
            left:-5px;
            top:7px;
            content: "";
            width: 0;
            height: 0;
            border-right:5px solid #5196f3;
            border-top:5px solid transparent;
            border-bottom:5px solid transparent;
}

.right-detail {
    width: 20%;
    margin-left: 15px;

    height: 375px;
    padding: 20px;
    border: 1px solid #e2e2e2;
}
.right-detail >p {
    font-size: 16px;
    font-weight: bold;
}
.new-right-detail {
 width: 72%;
}
.Pro-Status{
 position: absolute ;
top:0;
right:0;
z-index: 2;
}

#mySwiper2 {
    height: 300px;
    margin-bottom: 10px;
    overflow: hidden;
}
#mySwiper2 img:hover {
    transform: scale(1.1);
}
#mySwiper img,#mySwiper2 img {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
}
#mySwiper {
    height: 60px;
    position: relative;
}
#mySwiper .swiper-slide img {
    width: 100%;

}
#mySwiper .swiper-wrapper {
    position: absolute;
    left: -41%;
}
#mySwiper .swiper-slide {
    opacity: 0.4;
}

#mySwiper .swiper-slide-active {
    opacity: 1;
}
#mySwiper2 .swiper-button-next,#mySwiper2 .swiper-button-prev {
    background-color: rgb(88, 88, 92);
    opacity: .6;
    /* padding: 10px 5px; */
    background-size: 50%;

}
#mySwiper2 .swiper-button-next:after, #mySwiper2 .swiper-button-prev:after {
    font-size: 20px;
}
#mySwiper2 .swiper-button-next,#mySwiper2 .swiper-button-prev {
    height: 35px;
}

 .intr_title {
     font-size: 20px;
     font-weight: bold;
     white-space: revert;
     text-overflow: -o-ellipsis-lastline;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     /* margin-bottom: 20px; */
     height: 50px;
     color: #000;
 }
 .intro_top {
    display: flex;
    justify-content: space-between;
     z-index:5;
 }
 .intro_top li {
     float: left;
     margin-right:10px;
    font-size: 14px;
    color:#333;
   padding:3px 15px;
    line-height:24px;

 }
  .intro_top li:first-child{
	padding-left:0;
 }

 .intro_top li:last-child {
	border:1px #e5e5e5 solid;
	border-radius:20px;

 }


 .intro_fl > li, .intro_fr > li {
    cursor: pointer;

}
 .intro_fl > li span,.intro_fr li i{
   color:#aaa;
}

.intro_fr > li:last-child  {
	position: relative;
    z-index:5;

}

 .intro_top li:hover,.intro_top li:hover span, .intro_fr li:hover i{
    /*color:#dc3545;*/
   color:#5196f3;
}

.intro_fl > li.Hits{
	padding-left:3px;
	}
.intro_fl > li.Hits .ico-hits{
	float: left;
	display:inline;
	margin-right:5px;
	width:24px;
	height: 24px;
	background:#f73838 url('/static/dpmweb/hn/images/icon-hits.png') no-repeat center;
	 background-size:60%;
	border-radius:50%;
	}

.price-baseBox {color: #5D5D5D;font-size: 15px;margin-top: 10px;display: flex; align-items: baseline;  }
.price-baseBox p:last-child {color:#EF4242 ;}
.price-baseBox .price {font-size: 30px;font-weight: bold;  margin-left: 10px;  font-family: "RobotoRegular";}

.intro_two{margin-top:0px;overflow: hidden;}
.intro_two .price-baseBox {background:#f7f7f7;padding:15px 10px;display: flex;justify-content: space-around;align-items: center;margin-bottom: 0px;}
.intro_two .price-baseBox dl{width:50%;white-space: nowrap; text-align: left;}
.intro_two .price-baseBox dl:first-child{}
.intro_two .price-baseBox dl:last-child {}
.intro_two .price-baseBox .price{font-size:22px;color:#EF4242;font-weight: bolder; }

.intro_two .pro-Related {margin-bottom: 10px;/*height:70px;padding:15px 20px;*/ display: flex; justify-content:space-between;}
.intro_two .pro-Related li{width:33%;height:38px; overflow: hidden;}


.intro_two .pro-Related i{float:left; display:inline-block;margin:0 10px 0 20px;width:36px;height:36px; padding:8px; color:#7faef5;text-align:center;vertical-align: middle;border:1px #7faef5 solid;border-radius:50%;}
.intro_two .pro-Related dl{min-width:140px;}
.intro_two .pro-Related dt{font-weight:300; font-size: 12px;colo:#aaa;}
.intro_two .pro-Related dd{font-size: 14px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}

.intro_two .pro-bzj{color: #5D5D5D; font-size: 15px;margin-left: 15px; text-align: center;}
.intro_two .pro-bzj .price{color: #EF4242;}

 .customRed { color:#C0040B ; }
 /* .intro_content { text-indent: 2em; white-space: revert; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;
     display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-bottom: 30px; line-height: 25px; height: 75px; } */

 .intro_center {color: #000; margin-top: 10px; display: flex;  flex-wrap: wrap; justify-content: space-between; }
 .intro_center li {text-align: left; width: 33%; font-size: 16px; margin-bottom: 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
 .intro_center li>p{display:inline;	cursor: pointer;}
 .intro_center li>p:first-child { color: #aaa; margin-bottom: 5px; }
 .intro_center li>p:last-child { color: #5D5D5D; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

 .zs-intro_top { margin-top: 20px;}
 .zs-intro_center li{width:50%;font-size: 18px; margin-top: 20px;margin-bottom: 20px;}

 .pro-popularity {display: flex; align-items: center; font-size: 16px; color: #aaa; }
 .pro-popularity>ul { display: flex;  margin-left: 10px; }
 .pro-popularity>ul li { width: 35px; height: 20px; margin-right: 5px; background-color:#dc3545 ;text-align: center; color: #fff; }
 .pro-popularity>ul li:first-child { background-color: #eb8e97 ; }
 .pro-popularity>ul li:nth-child(2) { background-color: #e74a59 ; }
 .pro-popularity>ul li:nth-child(3) {background-color: #dc3545  ; }
 .pro-popularity>ul li:nth-child(4) { background-color: #c21e2e  ; }

 .intro_bottom {font-size: 14px; color: #aaa; /*display: flex; justify-content: space-between; margin-bottom: 10px; */}
 .intro_bottom .pro-btn {display: flex; margin-top: 25px; }
 .intro_bottom .pro-btn button {margin-right: 20px;height:50px; font-size: 18px; font-weight: 600; padding:0 30px;}
 .intro_bottom .pro-btn button:last-child { margin: 0; }

  .intro_bottom .btn-bmzn{ margin-right:20px;height: 50px;line-height: 50px;font-size: 18px; color:#005cb2; font-weight: 600; padding: 0 30px 0 60px; text-align: center; vertical-align: middle; border-radius: .25rem; cursor: pointer; background:#ecf1f9 url('/static/dpmweb/hn/images/btn-icon-bmzn.png') no-repeat 20px center; }
 .intro_bottom .btn-bmzn:hover{color:#fff;background:#005cb2 url('/static/dpmweb/hn/images/btn-icon-bmzn_w.png') no-repeat 20px center;;}

 .intro_lxfs{width:100%;height:40px; line-height:40px;font-size: 16px; overflow: hidden;}
 .intro_lxfs li{ float: left; margin-right:20px;color: #5D5D5D;/*color: #EF4242;font-weight:600;*/}
 .intro_lxfs li span{/*font-size: 18px;*/}
 .intro_lxfs li:first-child {color: #999;border-right:0px #e5e5e5 solid; padding-right:10px;font-weight:400;}
 .intro_lxfs li+li+li+li{ display: none;}
 .intro_lxfs li:nth-child(3) span{font-weight:400;padding-left:23px;  background:url('/static/dpmweb/hn/images/icon-Tel.png') no-repeat left center; background-size:18px;}

 .intro_cjwt{font-size: 16px;color: #aaa;  height:50px;  overflow: hidden;line-height: 50px;display: flex;/*justify-content: space-between;*/justify-content: flex-start; }

  .intro_cjwt .content-stitle{ display: block;width:100px;color: #333;background:url('/static/dpmweb/hn/images/t-cjwt.png') no-repeat right center;}
  .intro_cjwt ul { calc(100% - 100px)}
  .intro_cjwt ul li{ float: left; display:inline; margin-left:30px;}
  .intro_cjwt ul li a{color: #aaa; }
  .intro_cjwt ul li:hover a{color: #666; }

 .xwk-timeline { padding-left: 5%;  padding-top: 30px;  }
  .xwk-timeline li { list-style: none; }
  .xwk-timeline ul { padding: 0;}
  .xwk-timeline *, .xwk-timeline ::after, .xwk-timeline ::before { box-sizing: content-box;  }
  .xwk-timeline .xwk-timeline-item { position: relative; padding-bottom: 35px;  margin-top: -12px;  }
  .xwk-timeline .xwk-timeline-item:first-child::before { display: block; }
  .xwk-timeline .xwk-timeline-item:last-child::before { content: ''; position: absolute; left: 5px; top: 0; z-index: 0; width: 0; }
  .xwk-timeline .xwk-timeline-item::before { content: ''; position: absolute; left: 3px;   top: 0; z-index: 0; width: 1px; height: 100%; }
  .xwk-timeline .xwk-timeline-item::before, .xwk-timeline hr { background-color: #1466E0; }
  .xwk-timeline .xwk-timeline-axis { position: absolute; left: -5px; top: 0; z-index: 10; width: 20px; height: 20px; line-height: 20px; background-color: #fff; color: #5FB878; border-radius: 50%; text-align: center; cursor: pointer;}
  .xwk-timeline .xwk-icon {font-size: 16px; font-style: normal;}
  .xwk-timeline .xwk-timeline-content {padding-left: 25px;  }
  .xwk-timeline .xwk-text {line-height: 22px; font-size: 14px; color: #666; top: -10px; }
  .xwk-timeline .xwk-timeline-title { position: relative;  margin-bottom: 10px; }
  .xwk-timeline .circle { width: 15px; height: 15px; border-radius: 50%;  border: 1px solid #1466E0; }
  .xwk-timeline .active .circle { border-color: #005cb2; }
  .xwk-timeline .etime-first { top: 45%; left: -100px; position: absolute; }
  .xwk-timeline .time-first { position: absolute; left: -55px;}
  .pro-timeline .circle { width: 10px; height:10px;  background-color:#1466E0 ; box-shadow: rgba(20,102,224, 0.7) 0px 0px 10px;  }
  .pro-timeline .grey .circle,.xwk-timeline .grey.xwk-timeline-item::before{ background-color:#B7B7B7 ; box-shadow: none;  }
  .pro-timeline .grey .circle{ border-color:#B7B7B7 ; }
  .pro-timeline .xwk-timeline-title { margin-bottom: 5px; font-size: 14px; color: #333;}
  .pro-timeline .xwk-timeline-axis {  left: -2px; }
  .pro-timeline .xwk-timeline-item::before { height: 98%;}

.detail-content {  /* display: flex; */ margin: 20px 0;}
.d-left-content {  width: 80%;}
.d-right-content {  width: 20%; margin-left: 20px;}

.custom-table {
    border: 1px solid #e2e2e2;
    font-size: 16px;
    width: 100%;
}
.table-link {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding:25px 20px !important;

}
.table-link >p {
    width: 40%;
}
.custom-table td {
  padding: 10px 20px;
}
.custom-table td p {
    color: #656565;
    margin-bottom: 5px;
}
.custom-table .table-btn {
    padding: 0;
    margin-right: 20px;
}

.custom-table  th {
    color:#999;
    background-color: #f6f6f6;
}
.table-link>p:nth-child(n+2) ,.table-org>p:last-child{
    margin-bottom: 0px;
}
.pro-link {
    margin: 10px 0 30px;
    position: relative;
}
.pro-link ul {
    display: flex;
    font-size: 14px;
    /* margin-bottom: 15px; */
    flex-wrap: wrap;
    margin-top: -10px;
}
.pro-link ul li {
    /* margin-right: 25px; */
    width: 50%;
    margin-bottom: 10px;
}
.pro-link ul li>span {
    color: #aaa;
}
.pro-link ul>p {
    border-right: 1px solid #e6e6e6;
    padding-right: 15px;
    margin-right: 15px;
}
.wyzx_btn {
    position: absolute;
    right: 20px;
    width: 100px;
    top: 50%;
    transform: translateY(-50%);

}
.detail-calendar,.detail-cjwt {
    /* border: 1px solid #e2e2e2; */
}
.detail-cjwt {
    /* margin-top: 15px; */
    /* height: 214px; */
    height: 100%;
    background-color: #fff;
    overflow: hidden;
}
.detail-calendar .content-stitle,.detail-cjwt .content-stitle{
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
}
.detail-calendar .calendar-year-text,.detail-calendar .calendar-month-text {
    margin: 0 5px;
}
.detail-calendar .calendar {
    border-color: #fff;
    overflow: inherit;
}
.detail-calendar .calendar-header {
    background-color: #fff;
}
.detail-calendar .calendar-year-select:hover,.detail-calendar .calendar-month-select:hover,.detail-calendar .cbtn.calendar-select-active,.detail-calendar .btn-group > .cbtn:hover  {
    border-color: #007BFF;
}
.detail-calendar .calendar-cell.calendar-thisMonth .calendar-date,.detail-calendar .calendar-cell.calendar-today .calendar-date {
    border-top-color: #007BFF;
    background-color: #FEF1E6;
}
.detail-calendar .calendar-body {
    margin-top: 10px;
}
#buyerApplySteps.wizard-round .steps ul li a::before {
    width: 26px;
    height: 26px;
    line-height: 26px;
    box-shadow:0 0 0 3px #ebebeb ;
}
#buyerApplySteps.wizard-round .steps ul li a::after {
   height: 5px;
}
.sqcn {
    background-color:#FBF9F9 ;
    padding: 10px;
    border-radius: 5px;
}
.sqcn>p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.sqcn>div {
   color:#666666 ;
}
.mailbox-attachments-cus .attaTitle{
   margin-bottom: 10px;
   text-align: center;
}
.mailbox-attachments-cus>div {
    min-width:188px ;
}


.pm-flow{min-height: 65px;position:relative;margin-top:20px;background:#fff;display: flex;padding:20px;}
.pm-flow .pm-flow-title{background:#1a60da;color:#fff;text-align:center;font-size:20px; width: 85px; height: 65px; font-weight:900; font-style: italic oblique; position: relative; line-height: 25px;padding-top: 5px;}
.pm-flow .pm-flow-title::before {position: absolute;  width: 0px;    height: 60%;    content: '';    top: 50%;    transform: translateY(-50%);
    right: -10px;    background-color:#EBEBEB ;}

.pm-flow-list{font-size: 14px;width: 100%; }
.pm-flow-list li{position:relative;box-sizing:border-box;text-align: center;width: 16%;}
.pm-flow-list li:first-child:before{background:0 0;}
.pm-flow-list li:before{position:absolute; top:23px; left:-15px; display:inline-block; width:16px; height:22px;  background:url(/static/dpmweb/hn/images/arrow-right_icon.png) no-repeat;content:"";}
.pm-flow-list li i{display:inline-block;width:40px;height:40px; position: absolute; left: 25px; top: 15px;}
.pm-flow-list li:hover{color:#007BFF;}
.pm-flow-list li.pm-flow1 i{background:url(/static/dpmweb/hn/images/ydgg_icon.png) no-repeat;}
.pm-flow-list li.pm-flow2 i{background:url(/static/dpmweb/hn/images/sdky_icon.png) no-repeat;}
.pm-flow-list li.pm-flow3 i{background:url(/static/dpmweb/hn/images/jbzj_icon.png) no-repeat;}
.pm-flow-list li.pm-flow4 i{background:url(/static/dpmweb/hn/images/ksjj_icon.png) no-repeat;}
.pm-flow-list li.pm-flow5 i{background:url(/static/dpmweb/hn/images/jjcg_icon.png) no-repeat;}
.pm-flow-list li.pm-flow6 i{background:url(/static/dpmweb/hn/images/zjjs_icon.png) no-repeat;}
.pm-flow-list li.pm-flow7 i{background:url(/static/dpmweb/hn/images/bdjg_icon.png) no-repeat;}

.pm-flow-bz{ position: absolute; left: 80px; top: 8px; color: #555;}
.pm-flow-bz p{margin-top:4px;cursor: default;}
.pm-flow-close{position:absolute;top:1px;right:5px;color:#b5b5b5;font-weight:lighter;font-size:28px;cursor:pointer;}
.pm-flow-home.pm-flow .pm-flow-title {
    font-size: 16px;
    width: 100px;

}
.pm-flow-home .pm-flow-list li {
    width: 204px;
}





.f-cb:after,.f-cbli li:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";}
.f-cb,.f-cbli li{zoom:1;}

.f-cb {
    display: flex;
    justify-content: space-between;
}
.pro-detail-tabs {
    margin-top: 20px;
    /* font-size: 14px; */
}
.pro-detail-tabs.card-primary.card-outline-tabs-single>.card-header a.active,.pro-detail-tabs.card-primary.card-outline-tabs-single>.card-header a:hover{
    color: #007BFF;
    cursor: pointer;
}
.list-tabs.card-primary.card-outline-tabs-single>.card-header a.active,.list-tabs.card-primary.card-outline-tabs-single>.card-header a:hover {
    color: #000;
}
.pro-detail-tabs.card-primary.card-outline-tabs-single>.card-header a.active::after {
    background-color:#007BFF ;
}
.detail-cjwt ul {
    padding: 0px 20px;
}
.detail-cjwt ul  li {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
}
button.btn {
    border: none;
    white-space: nowrap;
}
.user-center {
    margin-left: 20px;
}
.wizard-round .content .body {
    width: 100% !important;
    margin: 0 !important;
}
table {
    font-size: 14px;
}


.pai-title{position:relative;text-align:left;margin:15px 0 25px 0;background:url('/static/dpmweb/hn/images/pai-titlebg.png') no-repeat right center; }
.pai-title-text::before{content:"";position: absolute;left:0;top:0;width:5px;height:24px;border-radius:3px; background:#005cb2;}
.pai-title-text{
	font-family:"Microsoft YaHei"; background-color:#fff;/*font-size:22px; color:#007BFF;text-align:center;padding:0 10px;*/
	font-size:18px;font-weight:500; padding:0 20px;display:inline-block;position:relative;}

.pai-title-line-left{ display: none;/*display:inline-block;*/height:4px;width:100px;background:linear-gradient(to right,#fff,#dcdcdc);border-radius:1px;vertical-align:middle;margin-bottom:8px;}
.pai-title-line-right{display: none;/*display:inline-block;*/height:4px;width:100px;background:linear-gradient(to right,#dcdcdc,#fff);border-radius:1px;vertical-align:middle;margin-bottom:8px;}
/* .cus-dTabs .tab-content>div:not(:first-child){
    display: none;
} */

.proDetail-ggtitle{ font-size: 17px; font-weight: 550; line-height:37px;height:37px;padding-left:120px;position:relative; margin-bottom: 20px;}
.proDetail-ggtitle span{position: absolute; left:0;top:0;width:97px;height:37px; text-align:center;  color:#fff; background:url('/static/dpmweb/hn/images/detail-ggbg.png') no-repeat center;}
.proDetail-ggtitle p{white-space:nowrap;overflow: hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; }


.d-content .col-6,.d-content .col-12 { margin-bottom: 15px; }
.d-content .col-6 span:first-child,.d-content .col-12 span:first-child { color: #aaa;}
.d-content .col-6 span:last-child,.d-content .col-12 span:last-child { color: #5D5D5D;}
.d-content { margin:0 40px; }
.d-content .table td pre{white-space: pre-line; padding:0; margin:0;font-size: 14px; font-family: 'PingFang SC', 'Microsoft YaHei'; text-align:justify;}
.d-content #varietyBox th{width:20%;}
.d-content #varietyBox td{width:30%;}
.d-content #varietyBox td[colspan="3"] { width: 80%; }

.cus-dTabs .fixedTabsHead {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 999;
    width: 992px;

}
.myFormBtn {
    margin-left: 25%;

}
.myBtnSeller {
    margin-left: 16%;
}

.zs-title {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
    font-size: 18px;
}
.zs-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    border-bottom: 2px solid #007BFF;
}
.formFlex .col-form-label {
    width: 160px;
}
.formFlex .col-form-content {
    margin-left:160px;
}
.cus-dTabs .tab-content>div {
    padding-top: 20px;
    margin-top: -20px;
}

.attaLink {
    margin-bottom: 10px;
    color: #5D5D5D;
}

.attaLink a {
    color: #007BFF;

}


  /*拍卖列表*/
.list_prop_pmdt{ }
.list_prop_pmdt .time-sel{display: flex; justify-content: flex-start;}
.list_prop_pmdt .time-sel input{width:180px;}

.pmdt-list {margin-top:30px;}

.pmdt-ul li{margin-bottom:30px; background: #fff;width:100%; height:275px; overflow: hidden;position: relative;}
.pmdt-ul li:hover {-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 15px rgba(0,0,0,.2);
	box-shadow: 0 5px 15px rgba(0,0,0,.2)}

.pmdt-ul li .other-wrap {position: absolute; top:0;right:0;font-size: 14px; color: #fff;text-align: left; /*background: #fc9502;*/}
.pmdt-ul li .end-meet {position: absolute;bottom: 50px;right: 50px;padding: 10px;background: url('/static/dpmweb/hn/images/auction-end-meet.png') no-repeat;background-size:100%;width: 100px;height: 75px;}
.pmdt-ul li .pm-type {display:inline-block; margin: 0; height: 20px;width:57px;padding-left:5px;text-align:center;font-size: 12px; color: #fff; line-height: 20px; background: url('/static/dpmweb/hn/images/meetingtype.png') no-repeat; background-size:57px 20px;}
.pmdt-ul li.active .pm-type {background: url('/static/dpmweb/hn/images/meetingtype1.png') no-repeat; background-size:57px 20px;}
.pmdt-ul li .has-video{display: none;width: 60px;right: 50px;top: 0;position:absolute;line-height: 20px;font-size: 12px;text-align: center;background: #125dcc;color: #fff;}

.pmdt-ul li .img-wrap{position: absolute; left: 0px;width: 810px;height: 275px;z-index: 100;}
.pmdt-ul li .img-wrap img{width: 100%;height: 100%;}

.pmdt-ul li .pm-info{position: absolute;left:810px;padding:20px 0 0 30px;width:calc(100% - 810px);}
.pmdt-ul li .pm-info .title{width:98%;height: 22px;font-size: 18px;line-height: 22px;margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pmdt-ul li .pm-info p{margin-bottom: 10px;}
.pmdt-ul li .pm-info .companyname{font-size: 14px;color: #999;}
.pmdt-ul li .pm-info .pm-time{ margin-top: 30px;font-size: 20px;color: #EF4242;font-weight: 500; font-family: "RobotoRegular";}
.pmdt-ul li .pm-info .pm-state{padding-left:10px; font-size: 18px;color: #125dcc;}
.pmdt-ul li .pm-info .pm-special{}

.pmdt-ul li .pm-info p:first-child,.pmdt-ul li .pm-info p:nth-child(2){ float:left;width:50%;}

.pmdt-ul .pm-btnbox{position: absolute; left: 810px;bottom: 30px;padding: 0 10px 0 30px;}
.pmdt-ul .pm-btn{width: 120px; height: 46px; text-align:center; line-height: 46px; font-size: 16px;
background: #005cb2;color: #fff;display: inline-block; margin-right: 15px;}
.pmdt-ul li .pm-btn:hover{background: ##5499f8;}
.pmdt-ul li .people-lot {position: absolute; bottom: 0; right: 0; left: 810px; background: #e7e7e7; color: #666;}
.pmdt-ul li .people-tab {width: 50%;float: left;line-height: 30px; text-indent: 30px;}
.pmdt-ul li .pm-infoS{display:flex;flex-wrap: wrap;}
.pmdt-ul li .pm-infoS p{width:50%;color: #999;}


.jydt-ul{ overflow: hidden;}
.jydt-ul li{float:left;width:48%;max-width:660px;height:auto;}
.jydt-ul li:nth-child(2n){float:right;}
.jydt-ul li .img-wrap,.jydt-ul li .pm-info{position:static;width:100%;}
.jydt-ul li .img-wrap{height:365px;}
.jydt-ul li .pm-info{height: 220px;}
.jydt-ul li .pm-btnbox{left:auto;right:0;bottom:15px !important;}
.jydt-ul li .end-meet {bottom: 70px;}

/* 分页 */
.page { height: 34px; line-height: 34px; margin: 20px 5px; text-align: center;	font-size: 14px;color: #555; }
 .page input {
    display: inline-block;
    height: 22px;
    margin-top: -3px;
    line-height: 24px;
    border-radius: 3px;
    border: 1px solid #dcdfe6;
    vertical-align: middle;
    outline: none;
    margin: 0 2px;
	text-align: center;
	font-size: 12px;
 }
 .page b {
    font-weight: 400;
    margin-left: 3px;
    margin-right: 3px;}
.page span {
    margin-left: 10px;
    margin-right: 10px;
    color: #606266;
    display: inline-block;
    font-size: 12px;
    }
    .page font,.page a {min-width: 30px;
        height: 28px;
        margin: 0 2px;
        line-height: 28px;
        font-weight: 700;
        display: inline-block;
        text-align: center;
        border-radius: 2px;
        cursor: pointer;
    }
    .page a {
    background-color: #f4f4f5;
    border: 1px solid #d8d8d8;
    color: #fff;
    }
    .page font {background-color: #005cb2  !important;color: #fff;}
/* --end--分页 */

/** 附件信息 **/
.fix-sider{
	width: 100px;
	float: right;
	margin-right: -18px;
}
.fix-content{
	margin-right: 120px;
}
.fix-sider .btn-app{
	border: 0;
	border-bottom: 1px solid #117a8b;
	height:70px;
	width:100px;
}
.fix-sider .btn-app i{
	padding-bottom: 5px;
}

.fix-sider-left{
	width: 180px;
	float: left;
	verticle-align: top;
}
.fix-sider-left-content{
	margin-left: 200px;
}

.pro-attachments {
	margin: 0;
	border: 1px solid #eee;
	text-align: center;
	width: 180px;
	height: 180px;
}
.pro-attachments-icon {
	color: #666;
	font-size: 82px;
	padding: 20px 10px;
	text-align: center;
}
.wizard-round .content{
	font-size: 14px;
}
.wizard-round .content .body{
	margin:0 40px;
	width:90%;
}

.row-expand {
    max-height: 0px;
    transition: max-height .5s;
    /* position: relative; */
    overflow: hidden;
    /* margin-bottom: 15px; */
    /* border-bottom: 1px solid #e6e6e6; */


}
.row-expand:last-child {
    /* margin-bottom: 0; */
    border: none;
}
.row-expand.active {
    max-height: 400px;
    padding: 20px 0;
}
.excollapse {
    /* position: absolute;
    right: 0;
    top: 0; */
    color: #007BFF;
    cursor: pointer;
}
.excollapse i {
    font-style: normal;
}
.cus-table>ul{
    display: flex;
    /* justify-content: space-around; */
}
.cus-table>ul >li {
    flex: 1;
    text-align: center;
    padding: 10px 0;
}
.cus-table .cus-thead {
    background-color: #f9f9f9;
    font-weight: bold;
}
.cus-table .cus-tbody {
    border-bottom: 1px solid #e2e2e2;
    color: #5D5D5D;
}
.cus-table .cus-tbody:last-child {
    border: none;
}
.invoice-list {
    margin: 0;
}
.invoice-list .pro-item {
    padding: 20px 0;
}
.cus-item {
    color: #aaa;
    margin-bottom: 15px;
}
.cus-item span:last-child {
    color:#5D5D5D;
}
.legal-info {
    display: none;
}
#orgGroup .btn-app {
    height: auto;
}
.form-check a {
    color: #007bff;
}
.mailbox-attachments li {
    position: relative;
    width: 190px;
    height: 141px;
}
.mailbox-attachments li .deleteImg {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 22px;
    color: #dc3545;
    cursor: pointer;

}
.mailbox-attachments li.btn-upload {
  margin-right: 0;

}
.mailbox-attachments li .mailbox-attachment-info {
   cursor: pointer;
}
.mailbox-attachments li .mailbox-attachment-info.main-pic ,.mailbox-attachments li .mailbox-attachment-info.main-pic span{
    cursor: default;
    color: #007BFF;
}
.form-radio >span input[type="radio"] {
    vertical-align: middle;
}
.mailbox-attachment-icon.has-img>img {
    height: 98px;
}
.cus-timeline-content {
    font-size: 12px;
}
.inline-searchPanel {
    display: flex;
    flex-wrap: wrap;
}
.inline-searchPanel>ul {
    width: 50%;
    border-bottom: 1px solid #e2e2e2;
}
.inline-searchPanel>ul:last-child,.inline-searchPanel>ul:nth-last-child(2) {
    border-bottom: none;
}
.sf-filter.inline-searchPanel .sf-filter-row .sf-filter-key {
    padding-right: 0;
    text-align: center;
    padding-top: 10px;
}
.sf-filter.inline-searchPanel .sf-filter-value .condition li {
    width: auto;
    margin-right: 10px;
}
.sf-filter.inline-searchPanel ul:nth-child(even) {
    border-left: 1px solid #e2e2e2;
}
.sf-filter.inline-searchPanel .sf-filter-row .sf-filter-value ,.sf-filter.inline-searchPanel .sf-filter-row .sf-filter-key,.sf-filter.inline-searchPanel .sf-filter-row .sf-filter-value .condition {
    margin-bottom: 0;
    padding-bottom: 0;
}
.sf-filter.inline-searchPanel .sf-filter-row >li {
    height: 40px;

}
.search-cus input[type='text']{
    font-size: 14px;
    /* line-height: 1.5; */
    padding: 3px 10px;
    height: 28px;
    font-weight: 400;
    border: 1px solid #dedede;
    background-color: #fff;
    border-radius: 3px;
    color: #666;
}
.search-cus input[type='button'] {
    border: none;
    line-height: 25px;
    padding: 0 10px;
    background: #dd3c3c;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    width: auto;
}
.gg-list {
    margin: 20px 0;
}
.gg-list li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 15px;
}
.gg-list li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #007BFF;
}
.gg-list li a {
    display: inline-block;
    width: 80%;
}
.gg-list li span {

    color: #aaa;
}
.gg_article_title {
    font-size: 20px;
    line-height: 35px;
    text-align: center;

}
.intro_top .social-share {
    -webkit-text-stroke-width: 0px;
     -webkit-font-smoothing:none;
}
.intro_top .social-share .icon-wechat{
   color: inherit;
   border-color: inherit;
}
.intro_top .social-share .icon-wechat:hover {
    background-color:inherit;
}

.btn-upload label {
    display: block;
}
.pictureEditing .btn-group {
    float: none;
}
.pictureEditing button.btn {
   border:1px solid;
}
.pictureEditing .btn-default {
    border-color: #ddd !important;
}
#calendar ul.events li:before {
    /* color: #FE6B03; */
 }
 #calendar  .calendar-content {
    margin-left: -1px;
 }
 #calendar.monthCalender .calendar-content {
    display: none;
 }
#myProTimec.overFlowY {
    overflow-y: auto;
    height: 815px;
}
.cus-model-view {
    font-size: 14px;
}
.cus-model-view .form-group >label {
   color: #aaa;
}
.cus-model-view .form-group >div {
    color: #5D5D5D;
}
.ezc-auth-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.auth-body {
    text-align: center;
    padding: 120px 0 20px 0;
}
.auth-body .auth-jg {
    color: #5D5D5D;
    font-size: 14px;
    padding-top: 20px;
}
.users-list li img {
        width: 140px;
}
.users-list li a.users-list-name {
    padding-top: 25px;
    color: #495057 ;
}
.users-list>li>a:hover, .users-list>li>a:hover .users-list-name {
    color: #999 !important;
}
.content-step {
    height: 60px;
    line-height: 60px;
    font-size: 14px;

  }
  .content-step span:first-child{
     color: #666666;
  }
  .content-step span:first-child i {
    color:#FE6B03;
    margin-right: 5px;
  }

  .content-step a {
    color:#333;
  }
  .content-step a:hover, .article-list li a:hover  {
    color:#FE6B03;
  }
  .gap {
    background-color: #F2F2F2;
    height: 10px;
 }
 .article-list {
    padding: 20px 0 ;
 }
 .article-list li {
    display: flex;
    border-bottom: 1px solid #EEEEEE;
    justify-content: space-between;
    padding: 20px 0;
    font-size: 15px;
    color:#aaa ;
 }
 .article-list li:last-child {
    border: none;
 }
 .article-list li a {
    color:#5D5D5D ;
 }
 .article-text-title {
    text-align: center;
    padding: 30px 0 20px;
    border-bottom: 1px solid #eeeeee;
  }
  .article-text-title>p:first-child {
    font-size: 22px;
    font-weight: bold;
    color: #333;
  }
  .article-text-title>div {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    color: #666666;
  }
  .article-text-title>div p:first-child {
    margin-right: 30px;
  }
  .article-text-detail {
    padding: 50px 0 80px;
    /* color: #666666; */
    text-indent: 2em;
  }

.triangle{
	position: absolute;
	left: 119px;
	top: 8px;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent transparent #007BFF;
}
.ezc-msg-title{
	background: #007BFF;
	border-radius:50px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	font-size: 15px;
	color: #fff;
	padding: 6px 20px;
    margin: 0;
	position:relative;
}


.content-alarm {
    height: 50px;
    /* line-height: 50px; */
    height: 35px;
    align-items: center;
    display: flex;
}
  .content-alarm .content-alarm-box {
    width: 1006px;
    /* font-size: 14px; */
    overflow: hidden;
    height: 47px;
    line-height: 50px;
  }
  .content-alarm .content-alarm-box li {
    height: 48px;
    width: 487px;
    display: inline-block;
    position: relative;
  }
  .content-alarm .content-alarm-box li::before {
    content: '';
    position: absolute;
    top: 12px;

    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color:#007BFF ;
  }
  .content-alarm ul {
    position: relative;
    /* animation: moveUp 12s 3s infinite;
    -webkit-animation: moveUp 12s 3s infinite; */
    margin-left: 30px;
    /* line-height: 50px; */
  }
  .content-alarm .Four {
    animation: moveUpFour 6s 3s infinite;
    -webkit-animation: moveUpFour 6s 3s infinite;
  }
  .content-alarm .six {
    animation: moveUpSix 12s 3s infinite;
    -webkit-animation: moveUpSix 12s 3s infinite;
  }
.ggone-title-content {
    width: 260px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
    display: inline-block;
    margin-right: 55px;

}
  
.content-alarm li {
    line-height: 1.8;
    color: #666;
  }
.position-relative{
	position: relative;
}
/* adminlte样式修改 */

.direct-chat-messages .direct-chat-msg{

    margin-bottom: 20px ;
}
.direct-chat-messages .direct-chat-msg .direct-chat-text{
    width: auto;
    float: left;
    margin:5px 0 0 15px ;
}
.direct-chat-messages .direct-chat-msg.right .direct-chat-text {
    float: right;
}
.right .direct-chat-text {
    margin-right: 15px !important;
}
.direct-chat-infos {
    position: relative;
}
.direct-chat-timestamp {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
/* --end--adminlte样式修改 */
/* .top-head-home {
    background-color: #fff;
    background-image: none;
} */

.pro-con>ul li.cols-2{
	width: 66%;
}
.pro-con>ul li.cols-3{
	width: 100%;
}
.pro-sublist{ padding-top: 15px;padding-bottom: 15px;}
.user-type{
	font-size: 14px;
	background: #EF4242;
	color: #fff;
	display: inline;
	border-radius: 40px;
	padding: 10px 20px;
	position: absolute;
	bottom: 10px;
}
.property-check{
	padding-top:10px;
	padding-right: 12px;
}

.cbtn.calendar-select-active{z-index:0 !important;}
/* 新增样式2023-12-06 */
.pro-porcessBox {
    display: flex;
    align-items: center;
    background-color:#F7FAFF ;
    justify-content: space-around;
    font-size: 16px;
    color: #A6A7AA;
    padding: 20px 3px;
    border-bottom: 2px solid #F0F5FC;
    margin-top: 20px;
}
.pro-porcessBox li span:first-child {
    font-family: "RobotoRegular";
    font-size: 18px;
    color: #5D5D5D;
    margin-right: 3px;

}
.pro-porcessBox li span:last-child {

    color: #5D5D5D;


}
.pro-porcessBox li {
    position: relative;
    cursor: default;
}
.pro-porcessBox li::after {
    content: url('/static/dpmweb/hn/images/process_icon_arrow-left.png');
    position: absolute;
    right: -26px;
    top: 22%;
    width: 12px;
    height: 18px;

}
.pro-porcessBox li:last-child::after  {
    content: '';
}
.pro-porcessBox li.active {
   color: #FE9901;
}
.pro-porcessBox li.active span:first-child {
    font-size: 25px;
    color: #FE9901;
}
.pro-porcessBox li.active::before {
    content: url('/static/dpmweb/hn/images/process_icon_light.png');
    position: absolute;
    bottom: -30px;
    width: 18px;
    height: 18px;
    left: 50%;
    transform: translateX(-50%);
}
.pro-porcessBox li.activeBefore::after {
    content: url('/static/dpmweb/hn/images/process_icon_arrow-aLeft.png');
}
.pro-porcessBox li.activeBefore:hover,.pro-porcessBox li.activeBefore:hover span:first-child  {
    color: #FE9901;
}
.color-orange {color: #FE9901;}
.color-orange-bold {color: #FE9901;font-weight: bold;}
.pro-porcessContent {
    padding: 20px 60px 0;
    color: #A6A7AA;
}
.detail-cbox {
    background-color: #F7F7F7;

}
.top-logo-title img{
   /*width: 383px;*/
}

.btn-primary-gradient {
    /*border-radius: 20px;
    padding: .375rem 1.3rem;
    background: linear-gradient(to right,#005cb2,#b9cdeb);*/
   padding:0 1.3rem;
  background:#e30d0b;
}


.custom-tableLi {
    background-color: #fff;
    display: flex;
    padding: 15px 15px;
    align-items: center;
}
.custom-tableLi li {
   width: 25%;
   position: relative;
   color: #aaa;
}
.custom-tableLi li>span {
    color:#5D5D5D ;
}
.custom-tableLi li::after {
    position: absolute;
    content: '';
    width: 2px;
    height: 90%;
    background-color:#EBEBEB ;
    top: 50%;
    right: 12%;
    transform: translateY(-50%);
}
.custom-tableLi li:first-child {
    width: 10%;
    text-align: center;
    color:#5D5D5D ;
}
.custom-tableLi li:nth-child(2){
    margin-left: 20px;
}
.custom-tableLi li:first-child::after {
    right: 0%;
}
.custom-tableLi li:last-child::after {
    position: inherit;
}
.cus-detail-table.card-primary.card-outline-tabs-single>.card-header a.active,.cus-detail-table.card-primary.card-outline-tabs-single>.card-header a:hover {
    color: #000;
}
.cus-detail-table {
   box-shadow: none;
   border-radius: none;
   padding: 10px 20px;

}
.cus-detail-table.card-primary.card-outline-tabs-single>.card-header a.active::after {
    background: linear-gradient(to right,#005cb2,#849ec5);
}
.cus-detail-table .card-body{
   padding: 1.25rem 0;
}
.cus-detail-table .d-content {
    margin: 0;
}
.por-inav {
    background-repeat: no-repeat;

    height: 659px;
    width: 659px;
    margin: 0 auto;
    background-image: url('/static/dpmweb/hn/images/jyptweb/pro-navEdit.png');
    background-size: 100%;
    position: relative;
}
.por-inav .btn{
     border-radius: 20px;
     box-shadow: rgba(17,93,204, 0.2) 0px 0px 8px;
     background-color: #fff;
     color:#005cb2 ;
     border: none;
     position: absolute;
     font-size: 16px;
}
.por-inav .btn::before {
    position: absolute;
    content: '';
    /* right: -30%; */
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: rgba(17,93,204, 0.2) 0px 0px 8px;
}
.por-inav .btn:nth-child(-n+4)::before {
    right: -30%;
}
.por-inav .btn:nth-child(n+5)::before {
    left: -30%;
}
.por-inav .btn:nth-child(-n+4)::after {
    right: -25.2%;
}
.por-inav .btn:nth-child(n+5)::after {
    left: -25.2%;
}
.por-inav .btn::after {
    position: absolute;
    content: '';
    /* right: -25.5%; */
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-color: #005cb2;
    border-radius: 50%;
}
.por-inav .btn:first-child {
    top: 125px;
    left: -12px;
}
.por-inav .btn:nth-child(2) {
    top: 235px;
    left: -62px;
}
.por-inav .btn:nth-child(3) {
    top: 378px;
    left: -84px;
}
.por-inav .btn:nth-child(4) {
    top: 499px;
    left: 7px;
}
.por-inav .btn:nth-child(5) {
    top: 125px;
    right: 7px;
}
.por-inav .btn:nth-child(6) {
    top: 235px;
    right: -83px;
}
.por-inav .btn:nth-child(7) {
    top: 378px;
    right: -65px;
}
.por-inav .btn:nth-child(8) {
    top: 499px;
    right: -14px;
}
.por-inav .btn:hover {
    background-color:#005cb2 ;
    color: #fff;
}
.por-inav .btn:hover::before {
    background-color: #005cb2;
}
.por-inav .btn:hover::after {
    background-color: #fff;
}
.fixbox-right {
    position:fixed;
    bottom:30px;
    right:30px;
    padding:15px 30px;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    border:1px solid #eee;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);
    font-size:15px;
    color:#333;
}
.shengming{
    max-width: 1360px;
    margin: 0 auto  20px auto;
    background: #fff;
    padding: 20px 40px;
    color: #707070;
    line-height: 26px;
}
.shengming h5{margin-bottom:10px;}


.status_2{ background: #0CB96DFF;}
.status_3{ background: #007AFF;}
.status_9{ background: #ccc;}
.status_-2{ background: #a0a0a0;}
.status_2.status-color-A{ background: #0CB96DFF;}
.status_2.status-color-B{ background: #dc3545;}
.status_2.status-color-C{ background: #dc3545;}
.status_2.status-color-D{ background: #dc3545;}
.status_2.status-color-E{ background: #dc3545;}
.status_2.status-color-Z{ background: #dc3545;}

.inside.inside2.status-color-2{ background: #0CB96DFF;}/*未开始*/
.inside.inside2.status-color-3{ background: #007AFF;}/*暂停*/
.inside.inside2.status-color-9{ background: #ccc;}/*已结束*/
.inside.inside2.status-color-A{ background: #0CB96DFF;}/*未开始*/
.inside.inside2.status-color-B{ background: #dc3545;}/*自由报价期*/
.inside.inside2.status-color-C{ background: #dc3545;}/*限时报价期*/
.inside.inside2.status-color-D{ background: #dc3545;}/*加价期*/
.inside.inside2.status-color-E{ background: #dc3545;}/*行权期*/
.inside.inside2.status-color-Z{ background: #000000;}/*已经结束*/
.inside.inside2{ background: #a0a0a0;}

.hall_bottom .btn-bmzn{ position: absolute; right: 255px; bottom: 10px; margin-right:20px;height: 40px;line-height: 40px;font-size: 18px; color:#005cb2; font-weight: 600; padding: 0 15px 0 50px; text-align: center; 
vertical-align: middle; border-radius: .25rem; cursor: pointer; background:#ecf1f9 url('/static/dpmweb/hn/images/btn-icon-bmzn.png') no-repeat 10px center; }
.hall_bottom .btn-bmzn:hover{color:#fff;background:#005cb2 url('/static/dpmweb/hn/images/btn-icon-bmzn_w.png') no-repeat 10px center;}

@keyframes moveUpFour {
    0% {
        top: 0px;
      }
      20% {
        top: 0px;
      }
      50% {
        top: -61px;
      }
      60% {
        top: -61px;
      }

      80% {
        top:0px;
      }
      100% {
        top: 0px;
      }
  }
  @keyframes moveUpSix {
    0% {
        top: 0px;
      }
      18% {
        top: 0px;
      }
      20% {
        top: -61px;
      }
      38% {
        top: -61px;
      }
      40% {
        top: -122px;
      }
      58% {
        top: -122px;
      }
      60% {
        top: -61px;
      }
      78% {
        top: -61px;
      }
      80% {
        top:0px;
      }
      98% {
        top: 0px;
      }
  }
  
@media screen and (max-width:1280px){
.helpflex{ display: none;}
.jydt-ul li .img-wrap{height:320px;}
}

@media screen and (max-width:1024px){
.pm-flow{display:none;padding:0;flex-wrap:wrap;}
.pm-flow .pm-flow-title	{ display: none;}
.pm-flow-list{ position: static;flex:inherit;}
.pm-flow-list li:before{left:-0; background-size: 65%;}
.pm-flow-list li {width:auto;}

.pmdt-ul li, .pmdt-ul li .img-wrap, .pmdt-ul li .pm-info{height:auto;}
.pmdt-ul li .img-wrap ,.pmdt-ul li .pm-info,.pmdt-ul .pm-btnbox,.pmdt-ul li .people-lot{position: static;width: 100%;  }
.pmdt-ul li .pm-info,.pmdt-ul .pm-btnbox{left:0; }
.pmdt-ul .pm-btnbox{ margin-bottom: 15px;}

.pmdt-ul li .pm-info .title {width: 100%;height:auto;white-space:  normal;}
.pmdt-ul li .people-lot{overflow: hidden;}

.jydt-ul li{height:480px;}
.jydt-ul li .img-wrap{height:250px;}
.jydt-ul li .pm-time{ margin: 20px 0;}
.jydt-ul .pm-btnbox{position:absolute; text-align: right;margin-bottom: 0px;}


.top-pm-list{ height: auto; overflow: hidden;}
.top-pm-list .pm-msg,.top-pm-list .pm-msg{ float:none;width: 100%;height: auto;}
.top-pm-list .pm-msg{padding-top: 5px;}
.pm-top-detail{ width: auto;max-width:100% !important;height:auto !important;display: block !important; margin: 20px auto;padding:0 10px !important;}
.left-detail,.center-detail{width:100% !important;}
.center-detail{ clear:both;width: 100%;}
.pm-detail-right{width: 100%; margin-left:0;}

.list_prop dd {max-height: auto !important;}
.list_prop_pmdt .time-sel{ display: inline-flex !important;}

}

@media screen and (max-width:768px){
.jydt-ul li{height:auto;}
.jydt-ul li{float:none;width:100%; margin: 0 auto 20px auto;}
.jydt-ul li:nth-child(2n){ float:none;}
.jydt-ul li .img-wrap,.jydt-ul li .pm-info{height:auto;}

.top-detail{ display: inherit; height: auto;}

.left-detail,.center-detail {width: 100%; margin-left: 0; }

.intro_top .intro_fr,.intro_top .Hits{ display: none;}

.intro_two .price-baseBox, .intro_center{display: inherit;}
.intro_two .price-baseBox dl{width: 100%;}
.intro_two .pro-bzj {margin-left: 0;}
.intro_title a {max-width: 100%; white-space: wrap;}

.intro_center li{width: 100%;}
.intro_center li>p:last-child {white-space: wrap;}
 .intro_lxfs{ height: auto;}
 .intro_lxfs li{  margin-right: 0;}
 .detail-content .card-header{width:100% !important;}
 .detail-content .nav-tabs{ display: none;}
 .detail-content  .d-content table th, .d-content table td{width:auto !important;padding:0; }
 .detail-content .d-content table th{min-width:60px;}

}


@media screen and (max-width:430px){
.list_prop dd{max-height:300px !important;}
.list_prop dd input{ margin-bottom: 10px;}
.list_prop_pmdt .time-sel{flex-wrap:wrap;}
.list_prop_pmdt .time-sel input {width:48%;}

}