.concept-view-box{height: 4.5rem; position: relative;}
.concept-view-box_image{width: 100%; height: 100%; display: block; position: relative;}
.concept-view-box_image::after{content: ""; position: absolute; left: 0; top: 0; width: 100%; display: block; height: 100%; z-index: 1; background: #031944; opacity: .5;}

.project-name-box{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; text-align: center;}
.project-name-box p:nth-child(1) {font-size: .74rem; color: #fff; font-weight: 500; line-height: 1.5;}
.project-name-box p:nth-child(2){font-size: .56rem; color: #fff; font-weight: 400; line-height: 1.5;}

.project-attr-menu-box{ width: auto; height: 1.25rem;  position: relative;  top: -.62rem; z-index: 1; display: flex; align-items: center; justify-self: center; border-radius: 8px;}
.ant-flex{background: #fff; border-radius: 8px; width: auto; height: 100%; padding: 0 1.8rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.anchor-item-box{font-size: .21rem; color: #4e5969; padding: 0 1.6rem; box-sizing: border-box; padding: 0 .33rem; height: 60%;display: flex; align-items: center; margin: 0 .33rem;}
.anchor-item-box.active{color: #ffff; background: #E41D14; border-radius: 8px;}

.attr-content-box{padding: 0 1.2rem; box-sizing: border-box;}

.attr-content_item_title{font-size: .21rem; color: #ffff; line-height: 60px; position: relative;  margin-bottom: .35rem;}
.beveled-div.box3{width: 100%; background: linear-gradient(-135deg,transparent .6rem,rgba(206,14,45,.2) 0) top right;}
.beveled-div.box2{width: calc(100% - .25rem); background: linear-gradient(-135deg,transparent .6rem,rgba(206,14,45,.6) 0) top right;}
.beveled-div.box1{width: calc(100% - .25rem);  padding-left: .18rem; background: linear-gradient(-135deg,transparent .6rem,rgb(206,14,45) 0) top right;}


.attr-detail-content-box{display: flex;  height: 5.6rem; margin-bottom: .35rem;}

.location-attr-box{background: #031944; width: auto; height: auto;flex: none;}
.location-attr-box_itme{height: auto; padding: .4rem; border-bottom: 1px dashed rgba(255,255,255,.5);}
.location-attr-box_itme:last-child{border-bottom: none;}
.kilometre{display: flex; align-items: end;  color: #fff; justify-content: center;}
.icon{width: 48px; height: 48px;}
.distance{font-size: .56rem; margin: 0 .15rem; font-weight: 500; line-height: .56rem; }
.unit{font-size: .21rem;}

.location-name-box{font-size: .29rem; font-weight: 600; padding-top: .1rem; color: #fff; display: flex; align-items: center; justify-content: center;}
.location-name-box span{color: #E41D14; font-size: .2rem; margin-right: .1rem; font-weight: 500;}
.location-map-box{width:100%; height: 100%; display: block; flex: 1 auto;}
.location-map-box img{object-fit: cover;}

.advantages{margin-bottom: .3rem;}
.advantages_detail_box{padding: .3rem; box-sizing: border-box; position: relative; background: #16132305; border-radius: 8px;}
.desc-content-box{font-size: .205rem; line-height: 2.2;}

.desc-content_list{display: flex; justify-content: space-between; }
.desc-content_list_itme{ width: 30%; display: flex; align-items: center; padding: .16rem; box-sizing: border-box; height: 1.2rem; box-shadow: #63636333 0 2px 8px; border-radius: 8px; margin: .32rem;}
.desc-content_list_itme_icon{ height: 100%; padding: 0 .25rem; background: #f34f69; display: flex ;align-items: center; margin-right: .15rem;}
.desc-content_list_itme_icon img{width: .32rem; height: .32rem; display: block;}
.desc-content_list_itme_text{font-size: .16rem; color: #4e5969; line-height:23px ;}

.attr-box{padding: .3rem ; margin: .3rem; box-sizing: border-box; position: relative; background: #16132305; border-radius: 8px;}

.ant-descriptions-view{width: 100%;}
table{width: 100%; border: none; border-collapse: collapse;}
tbody{width: 100%; box-sizing: border-box; border: none;}
.ant-descriptions-row{font-size: .15rem; border: none;}
.ant-descriptions-item-content{font-size: .18rem;}
.ant-descriptions-item-label{padding: 16px 24px; box-sizing: border-box; color: rgba(0, 0, 0, 0.65); border-bottom: 1px solid rgba(5, 5, 5, 0.06); background: rgba(0, 0, 0, 0.02); border-left:  1px solid rgba(5, 5, 5, 0.06); font-weight: 400;}
.ant-descriptions-item-content:last-child{border-right: 1px solid rgba(5, 5, 5, 0.06);}
.ant-descriptions-item-content{padding: 16px 24px; box-sizing: border-box;  color: rgba(0, 0, 0, 0.88); border-bottom: 1px solid rgba(5, 5, 5, 0.06); border-left:  1px solid rgba(5, 5, 5, 0.06);}
.ant-descriptions-row:nth-child(1) .ant-descriptions-item-content{ border-top: 1px solid rgba(5, 5, 5, 0.06);}
.ant-descriptions-row:nth-child(1) .ant-descriptions-item-label{ border-top: 1px solid rgba(5, 5, 5, 0.06);}


.plan{padding: .3rem; margin: .3rem; box-sizing: border-box; background: #16132305; border-radius: 8px; position: relative;}
.master-plan-img{width: 100%; height: 100%; display: flex; justify-content: center; position: relative;}
.master-plan-img:hover img{ transform: scale(1.1);}
.master-plan-img img{width: 60%; transition: transform 2s ease-in-out; cursor: pointer;}

.yinmaster-plan-img{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; overflow: hidden; background: #fff; display: flex; justify-content: center;  display: none;}
.yinmaster-plan-img img{ height: 100%; width: auto; transition: transform 2s ease-in-out; cursor: pointer; margin: 0  auto;}




.photos{padding: .3rem; margin: .3rem; box-sizing: border-box; background: #16132305; border-radius: 8px; position: relative;}
.photos ul{display: flex;  flex-wrap: wrap;}
.photos ul li{width: 3.2rem;height: 2rem;margin: 0.3rem; border-radius: 8px; overflow: hidden; cursor: pointer; position: relative;}
.photos ul li img{width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease;}
.photos ul li:hover img{transform: scale(1.05);}

.img-lightbox-zoom{background: #00000080;position: absolute;left: 0;top: 0; width: 100%;display: flex; justify-content: space-between;align-items: center;padding: 10px; box-sizing: border-box;;}
.img-lightbox-counter{position: static !important; color: #fff !important;}
.img-lightbox-close{position: static !important; color: #fff !important;}


@media screen and (max-width: 768px) {
    .concept-view-box{margin-bottom: .3rem;;}
    .ant-flex{display: none;}
    .project-name-box{width: 100%;}
    .project-name-box p:nth-child(1){font-size: .35rem;}
    .project-name-box p:nth-child(2){font-size: .28rem;}
    .project-attr-menu-box{display: none;}
    .attr-content-box{padding: 0 .21rem;}
    .attr-content_item_title{line-height: 35px;}
    .location-attr-box_itme{padding: .1rem;}
    .icon{width: 20px; height: 20px;}
    .distance{font-size: .25rem; line-height: .25rem; margin:  0 .1rem;}
    .unit{font-size: .1rem;}
    .location-name-box span{font-size: .14rem;}
    .location-name-box{font-size: .1rem;}
    .attr-detail-content-box{height: 2.57rem;}
    .advantages_detail_box{padding: 0;}
    .desc-content_list_itme{width: 100%; margin:  .2rem 0;}
    .desc-content_list{flex-wrap: wrap;}
    .attr-box{padding: 0; margin:.3rem  0 ;}
    .ant-descriptions-item-label{width:50%;}
    .ant-descriptions-item-content{width: 50%;}
    .ant-descriptions-row{display: flex; flex-wrap: wrap;}

    .plan{padding: 0; margin: .3rem 0;}
    .photos ul li{width: 100%; height: auto;}
    .photos{padding: 0; margin: .3rem 0;}
     .yinmaster-plan-img img{width: 100%; height: auto; margin: 50% auto;}
}

/* 图片预览 Lightbox */
.img-lightbox{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: #fff; display: none; justify-content: center; align-items: center; opacity: 0; transition: opacity .3s ease;}
.img-lightbox.active{display: flex; opacity: 1;}
.img-lightbox-img{position: absolute; max-width: 85vw; max-height: 80vh; object-fit: contain; transition: transform .4s cubic-bezier(.23,1,.32,1), opacity .3s ease; will-change: transform, opacity; border: 1px solid #e0e0e0; box-shadow: 0 4px 24px rgba(0,0,0,.08);}
.img-lightbox-nav-btn{position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: rgba(0,0,0,.04); border: none; border-radius: 6px; color: #333; font-size: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; user-select: none; transition: background .2s;}
.img-lightbox-nav-btn:hover{background: rgba(0,0,0,.1);}
.img-lightbox-prev{left: 16px;}
.img-lightbox-next{right: 60px;}
.img-lightbox-close{position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; background: transparent; border: none; color: #666; font-size: 22px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; user-select: none; transition: color .2s;}
.img-lightbox-close:hover{color: #000;}
.img-lightbox-counter{position: absolute; top: 16px; left: 16px; color: #666; font-size: 14px; z-index: 10; user-select: none;}
.img-lightbox-actions{position: absolute; top: 56px; right: 16px; z-index: 10; display: flex; flex-direction: column; gap: 8px;}
.img-lightbox-actions .action-btn{width: 32px; height: 32px; background: transparent; border: none; color: #666; font-size: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: color .2s;}
.img-lightbox-actions .action-btn:hover{color: #000;}
.img-lightbox-thumb{position: absolute; overflow: hidden; border-radius: 8px; pointer-events: none;}