/**
 * diy-vip.css — VIP会员介绍页（/vip）专用样式
 * 完整仿制参考站 mac.tuqiong.vip/vip 的 qiyeact20.css + 上半部分卡片样式
 * 图片路径均为相对本文件（assets/css/ 下）
 */

/* ===== 页面级覆盖 ===== */
.site-content{padding:0px;}
.term-bar{display:none;}
ul,li,p{padding:0;margin:0;}
li{list-style-type:none;}

/* ===== 顶部横幅 ===== */
.bannerxin{position:relative;height:330px;text-align:center;background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%);background-size:cover;background-position:center;}
.bannerxin-title2{padding-top:40px;font-size:48px;color:#FFF;text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;z-index:2;}
.bannerxin-title2 p{padding-top:20px;font-size:18px;color:#FFF;letter-spacing:5px;text-shadow:0 2px 10px rgba(0,0,0,.30);}
.bannerxin-block{display:flex;justify-content:center;position:absolute;left:0;right:0;bottom:-65px;height:190px;background:#FFF;box-shadow:0 2px 10px 0 rgba(0,0,0,.10);border-radius:10px;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
.bannerxin-single{width:16.5%;float:left;text-align:center;}
.bannerxin-icon{display:block;width:80px;height:71px;line-height:71px;font-size:46px;color:#ff7a00;margin:40px auto 0;text-align:center;}
.single-strong{font-size:16px;color:#333;margin-top:8px;}

/* ===== 模块标题 ===== */
.module-line{width:100%;text-align:center;margin-top:100px;}
.module-line .arrow{width:84px;height:16px;display:inline-block;vertical-align:middle;}
.module-line .left-arrow{background:url(../img/erkai/left_arrow.png);}
.module-line .right-arrow{background:url(../img/erkai/right_arrow.png);}
.module-line .text{font-size:26px;color:#4c4c4cc7;margin:0 10px;font-weight:bold;display:inline-block;vertical-align:middle;}
.vip-desc{text-align:center;font-size:14px;color:#999;margin-top:10px;letter-spacing:1px;}

/* ===== 上半部分：本站VIP会员 三卡 ===== */
.vip-row{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto;zoom:1;}
.vip-block-wrapper{position:relative;display:flex;padding:20px 0;justify-content:center;}
.vip-block-wrapper .vip-block-item{display:block;box-sizing:border-box;padding:20px 23px;width:28%;text-align:center;}
.home-vipbox{padding:30px 10px 40px 10px;border-radius:15px;background:#fff;box-shadow:0 6px 16px -5px #0089e554;transition:all .3s ease-in-out;}
.home-vipbox:hover{transform:translateY(-10px);box-shadow:0 20px 20px 0 rgba(234,51,28,.40);}
.vip-block-item .home-vipbox a{display:block;text-decoration:none;color:inherit;}
.vip-block-wrapper .vip-block-item .icon{padding-top:20px;}
.vip-block-wrapper .vip-block-item img{height:60px;}
p.zvip-home-price{position:relative;font-size:1.875rem;font-weight:700;width:200px;margin:15px auto;color:#2cca00;text-shadow:0 5px 6px #7cff21ba;top: -25px;}
p.zzvip-home-price{position:relative;font-size:1.875rem;font-weight:700;width:200px;margin:15px auto;color:#ff1697;text-shadow:0 5px 6px #ffa621ba;top: -25px;}
p.zzzvip-home-price{position:relative;font-size:1.875rem;font-weight:700;width:200px;margin:15px auto;color:#ff8d00;text-shadow:0 5px 6px #fff821ba;top: -25px;}
p.vip-home-price{position:relative;font-size:40px;font-weight:700;width:200px;margin:15px auto;top: -20px;}
p.vip-home-price i{font-size:16px;}
.vip-block-item ul{margin:0;padding:0;}
.vip-block-item li{color:#0825677a;font-size:15px;font-weight:bold;text-align:center;margin:4px 0;display:flex;align-items:center;justify-content:center;line-height:22px;}
.vip-block-item li .fa{margin-right:5px;font-size:15px;flex-shrink:0;}
.vip-bt{color:#fff;margin:0 auto;width:100px;padding:8px 0;border-radius:26px;cursor:pointer;border:none;font-size:14px;display:block;text-align:center;line-height:1.5;}
.vip-block-item:nth-child(1) .vip-bt{color:#316700;background:linear-gradient(90deg,#66ef23,#9fef41);border:1px solid #1a7500;text-shadow:0 -1px #61be33;box-shadow:0 10px 10px -2px rgb(104 195 59 / 66%);transform: translateY(15px);}
.vip-block-item:nth-child(2) .vip-bt{background:radial-gradient(circle farthest-corner at 75% 25%,#ff7a60 0,#e6162d 100%);box-shadow:0 10px 10px -2px rgb(255 73 73 / 60%);text-shadow:0 -1px #ff953f;transition:.5s;border:1px solid #460000;color:#fff;transform: translateY(15px);}
.vip-block-item:nth-child(3) .vip-bt{color:#846300;background:linear-gradient(90deg,#e6f702,#f3be00);border:1px solid #6f6a01;box-shadow:0 10px 10px -2px #ffc107ab;transform: translateY(15px);}

/* ===== 下半部分：联盟SVIP会员 三卡 ===== */
.cont_three{padding:1px 0 1px;}
.VIPslide-por{position:relative;}
.block-center{text-align:center;margin-top:30px;padding:0 0 49px;}
.price-block{box-sizing:border-box;position:relative;display:inline-block;text-align:center;width:252px;min-height:330px;background:#fff;cursor:pointer;transition:transform .1s .1s;border-radius:18px;box-shadow:0 5px 20px 0 rgba(234,51,28,.40);margin:0 60px;}
.price-block::before{content:'';width:100%;height:210px;background:url(../img/erkai/vip-biao4.png) no-repeat;position:absolute;top:0;left:0;border-radius:10px 10px 0 0;}
.price-block:hover{transform:translateY(-10px);box-shadow:0 20px 20px 0 rgba(234,51,28,.40);}
.price-block:nth-child(3){width:292px;min-height:360px;margin:0 30px;}
.price-block:nth-child(3)::before{background-position-y:-220px;height:240px;}
.price-block:nth-child(3) .price-privilege_list{padding-top:78px;}
.price-block:nth-child(3) .price-vip_title span{font-size:26px;}
.price-block a{display:block;width:100%;height:100%;text-decoration:none;color:inherit;border-radius:18px;overflow:hidden;}
.price-block .priceTips{position:absolute;top:0;right:14px;width:60px;height:33px;line-height:21px;text-align:center;background:url(../img/erkai/vip-biao3.png) no-repeat -282px -1px;font-size:16px;color:#FFF;z-index:2;padding-top:6px;box-sizing:border-box;}
.price-vip_float{position:absolute;top:168px;left:-10px;box-sizing:border-box;padding-top:8px;padding-left:26px;width:262px;height:69px;background:url(../img/erkai/vip-biao4.png) no-repeat -302px -93px;text-align:center;z-index:2;}
.price-vip_float .gprice-vip_gift{width:102px;display:inline-block;font-size:14px;line-height:18px;color:#420809;margin-top:10px;}
.price-block:nth-child(3) .price-vip_float{background-position-y:-171px;width:293px;top:184px;}
.price-block:nth-child(3) .price-vip_float .gprice-vip_gift,.price-block:nth-child(3) .price-vip_float .gprice-vip_gift .color{color:#fff;}
.price-vip_title{box-sizing:border-box;font-size:14px;color:#8D0600;padding-top:16px;margin-bottom:10px;position:relative;z-index:1;}
.price-vip_title span{font-weight:900;font-size:18px;}
.price-block:nth-child(3) .price-vip_title{padding-top:25px;}
.price-block-cont{text-align:center;font-size:14px;color:#F52727;position:relative;z-index:5;}
.price-block-cont p{position:relative;}
.price-block-cont span{font-size:40px;margin-right:5px;font-weight:600;}
.price-block-cont sup{position:absolute;color:#003805;top:-2px;right:30px;width:60px;height:20px;background:linear-gradient(-125deg,#28f902 0%,#ffec03 100%);box-shadow:0 4px 8px 0 rgba(255,56,0,.30);text-align:center;line-height:20px;border-radius:10px 11px 11px 0;font-size:10.5px;}
.price-privilege_list{display:flex;align-items:center;justify-content:center;color:#666;padding-top:76px;text-align:left;position:relative;}
.price-vip_privilege{width: 100%;list-style: none;margin: 0;padding: 10px 10px 30px 50px;text-align: left;margin-top: -20px;}
.price-vip_privilege li{font-size:13px;color:#6f6d8f;line-height:22px;padding-left:0;display:flex;align-items:center;justify-content:flex-start;}
.price-vip_privilege li .fa{margin-right:6px;font-size:14px;color:#5CB200;}

/* ===== 通用辅助 ===== */
.text-success{color:#10c469!important;}
.text-fail{color:#ff2f0094!important;}
.mr-1{margin-right:.25rem!important;}

/* ===== 移动端适配（与参考站 qiyeact20.css 一致：卡片保持固定宽度，靠 inline-block + 居中自然换行） ===== */
@media(max-width:767px){
  .module-line{display:block;margin-top:50px;}
  .module-line .arrow{width:48px;height:10px;background-size:contain;}
  .module-line .text{font-size:18px;margin:0 6px;}
  .bannerxin{height:200px;}
  .bannerxin-title2{padding-top:50px;font-size:28px;}
  .bannerxin-title2 p{font-size:14px;letter-spacing:2px;}
  .bannerxin-block{bottom:-40px;height:120px;flex-wrap:wrap;padding:0 5px;}
  .bannerxin-single{width:33.3%;}
  .bannerxin-icon{width:40px;height:36px;line-height:36px;font-size:24px;margin:10px auto 0;}
  .single-strong{font-size:12px;margin-top:4px;}
  .vip-block-wrapper{display:block;}
  .vip-block-wrapper .vip-block-item{display:block;float:none;width:100%;padding:10px 0;}
  .cont_three{padding:60px 0 1px;}
  /* 联盟SVIP卡片：保持桌面固定宽度，靠 block-center 的 text-align:center 居中自然换行（与参考站 qiyeact20.css 完全一致，无额外覆盖） */
}
@media(min-width:800px){.price-block{margin:0 60px;}}

/* ===== 会员尊享6项特权（老版本 diy.css 格子布局，与参考站 mac 一致） ===== */
.vip-slogan{list-style:none;border-radius:5px;height:300px;width:1300px;max-width:96%;background:#fff;box-shadow:0 5px 10px 4px rgba(121,221,251,.22);box-sizing:border-box;font-size:0;margin:40px auto 60px;padding:0;text-align:center;}
.vip-slogan-box{list-style:none;padding-top:20px;display:inline-block;border:1px solid #f4f4f4;height:50%;width:33.33%;box-sizing:border-box;vertical-align:middle;text-align:center;}
.vip-slogan-box:nth-of-type(-n+3){border-bottom:0;}
.vip-slogan-box:nth-child(1){border:0;}
.vip-slogan-box:nth-child(3){border:0;}
.vip-slogan-box:nth-child(4){border:0;}
.vip-slogan-box:nth-child(6){border:0;}
.vip-slogan-box i{width:100px;line-height:100px;display:inline-block;background-image:linear-gradient(125deg,#ed1c24 0,#fb8f02 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:45px;text-align:center;vertical-align:middle;}
.vip-slogan-text{font-size:14px;display:inline-block;vertical-align:middle;color:#898989;text-align:left;}
.vip-slogan-text p{font-size:14px;line-height:1.6;margin:0;}
.vip-slogan-text p:first-child{font-size:18px;color:#575959;font-weight:400;}
@media (max-width:768px){.vip-slogan{display:none !important;}}

/* ===== 手机端（≤768px）隐藏：顶部横幅 + 会员尊享6项特权 ===== */
@media (max-width:768px){
  .bannerxin{display:none !important;}
  .diy-pline{display:none !important;}
  .vip-slogan{display:none !important;}
}

/* ===== VIP页面底部FAQ（常见问题，适配当前主题字体）===== */
.vip-footer {
    margin-top: 50px;
}
.vip-footer>h2 {
    font-size: 30px;
}
.vip-footer>h2,.vip-footer>p {
    text-align: center;
}
/* 问题/答案文字用当前主题正文字体；图标保留 FontAwesome，与文字同行 */
.vip-faq dt,
.vip-faq dd {
    font-family: "PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
    font-weight: normal;
}
.vip-faq dt i,
.vip-faq dd i {
    font-family: "Font Awesome 5 Free";
    margin-right: 6px;
    font-weight: 900;
}
.vip-faq dt span,
.vip-faq dd span {
    font-family: "PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
    font-weight: normal;
}
.vip-faq dd {
    font-size: 15px;
    border-radius: 8px;
    background-image: -webkit-linear-gradient(45deg,#fd7edc2b,#fb6fc31f);
    padding: 20px;
    border-radius: 10px;
    color: #ff03b2;
    margin-top: 10px;
    line-height: 2;
}
.vip-faq dt {
    font-size: 15px;
    padding: 20px;
    cursor: pointer;
    background: #64ccfd21;
    border-radius: 8px;
    margin-top: 30px;
    color: #1480df;
    line-height: 1.6;
}
.vip-faq dt i,
.vip-faq dd i {
    vertical-align: middle;
}
.vip-faq dt i { font-size: 20px; }
.vip-faq dd i { font-size: 15px; }
.vip-faq-list dt {
    color: #d7d7d7;
}
.vip-wrapper {
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
}