/* ========================================
   主样式入口
   ======================================== */

/* 引入基础重置 */
@import url("reset.css");

.bg-dark {
   background-color: #18140a;
}

/* 布局 */
.relative {
   position: relative;
}

.absolute {
   position: absolute;
}

.flex {
   display: flex;
}

.items-start {
   align-items: start;
}

.items-center {
   align-items: center;
}

.items-end {
   align-items: end;
}

.justiry-center {
   justify-content: center;
}

.justiry-between {
   justify-content: space-between;
}

.justiry-around {
   justify-content: space-around;
}



.flex-auto {
   flex: 1 1 0;
}


.full {
   width: 100%;
}

img.full {
   display: block;
}

/* 字体颜色 */
.text-color {
   color: #62420f;
}

.text-color-light {
   color: #ffffd0;
}

.text-color-y {
   color: #e5c9a4;
}

.text-color-xy {
   color: #e0b953;
}

.text-desc-color {
   color: rgba(0, 0, 0, 0.6);
}

/* 字体大小 */
.head-middle {
   font-size: 1.75rem;
}

.head-small {
   font-size: 1.5rem;
}

.text-large {
   font-size: 1.25rem;
}

.text-middle {
   font-size: 1rem;
}

.text-small {
   font-size: 0.75rem;
}

.more {
   display: block;
   color: #62420f;
   font-size: 1.125rem;
}

.more.radius {
   display: inline-block;
   padding: 0.3rem 1rem;
   border: 1px solid #62420f;
   border-radius: 1.5rem;
}

/* 字体对齐 */
.text-center {
   text-align: center;
}



.head {
   position: relative;
   width: 100%;
}

.head .banner {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.head .banner img {
   width: 100%;
}

.head .content {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* 顶部银行logo栏 */
.header-logo {
   width: 37%;
   margin-top: 4%;
   margin-left: 3%;
}

.header-logo img {
   width: 100%;
}

.head .ad {
   position: absolute;
   right: 0.5rem;
   top: 70%;
   width: 2rem
}

/* 主标题区域 */
.center-title {
   margin: 0 auto;
}

.center-title img {
   width: 100%;
}


.arrows {
   position: absolute;
   left: 6%;
   top: 47%;
   margin-top: -25px;
   width: 88%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}

.arrows div {
   width: 2rem;
   height: 2rem;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.5rem;
   font-weight: 700;

}

.sub-content {
   position: absolute;
   left: 0;
   width: 100%;
}

.card-points {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
   cursor: pointer;
}

.card-points .point {
   width: 0.67rem;
   height: 0.67rem;
   background-color: #fff;
   border-radius: 0.67rem;
   margin: 0 10px;
   transition: width 0.5s ease, background-color 0.5s ease;
}

.card-points .point.on {
   width: 1.875rem;
   background-color: #cca864;
}

/* 申请按钮 */
.apply-btn-wrap {
   display: block;
   width: 72%;
   max-width: 467px;
   margin: 1.5rem auto 0;
   padding: 0 1rem;
   text-align: center;
}
.apply-btn-wrap.hide {display: none;}
.apply-btn-wrap img {
   width: 100%;
}


/* 分段通用标题 */
.section-title-wrap {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 1.8rem 0 1rem;
   gap: 10px;
}

.section-title-wrap img {
   width: 32%;
}
.section-title-wrap .arrow {
   width: 15%;
   max-width: 4.5rem;
}


/* 通用卡片容器 */
.module-card-place {
   position: relative;
   margin: 0 auto;
   width: 90%;
   overflow: hidden;
   box-shadow: 0 2px 0.67rem rgba(184, 146, 70, 0.08);
}

.module-card-place.image .card-place-image {
   position: relative;
   z-index: 1;
   width: 100%;
}

.card-place-image img {
   width: 100%;
}

.module-card-place.image .card-place-content {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 2;
}

.module-card-place.content .card-place-image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1;
}

.module-card-place.content .card-place-content {
   position: relative;
   width: 100%;
   z-index: 2;
}

.module-card {
   display: block;
   position: relative;
   margin: 0 auto;
   padding: 1.8rem 1.5rem;
   width: 90%;
   border-radius: 0.67rem;
   border: 2px solid #fff;
}

.module-card .over-image {
   position: absolute;
   width: calc(100% + 4px);
   left: -2px;
}

.icon-list-item {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   padding: 1.5rem 1rem 1.25rem;
   border-radius: 2rem 0.67rem 0.67rem 2rem;
   margin-bottom: 0.9rem;
   background: url(../images/i-platina/item-bg.png) no-repeat center center / 100% 100%;
}

.icon-list-item:last-child {
   margin-bottom: 0;
}

.icon-list-item .icon {
   width: 3rem;
   height: 3rem;
   border-radius: 3rem;
   min-width: 3rem;
   background: linear-gradient(103deg, #ccaa41, #62420f);
   display: flex;
   align-items: center;
   justify-content: center;
}

.icon-list-item .icon img {
   width: 55%;
}
.icon-list-item p{
   white-space: nowrap;
}


.tag-list-item {
   position: relative;
   background: url(../images/i-platina/item-bg2.png) no-repeat center center / 100% 100%;
   border-radius: 0.67rem;
   padding: 1rem 1.25rem 0.9rem 1.65rem;
   margin-top: 1.34rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.tag-list-item .tag {
   position: absolute;
   top: -0.58rem;
   left: 1.65rem;
   height: 1.17rem;
   line-height: 1.17rem;
   padding: 0 0.83rem;
   border-radius: 0.67rem 0.67rem 0.67rem 0;
   color: #fefbc9;
   background-color: #62420f;
}

.tag-list-item div img {
   width: 100%;
}


.detail-content-section {
   width: 90%;
   margin: 10% auto 0;
}

.detail-content-section .tag {
   width: 30%;
   margin-bottom: 2%;
}

.detail-content-section .more-btn {
   display: block;
   margin-top: 5%;
}

.detail-content-section .more-btn img {
   width: 7rem;
}
.share{position: absolute;right: 1.3rem;top: 1.6rem;width: 2.58rem;z-index:9}
.share img{width: 100%;display: block;}