/*! 3dwhere.com Union VIP */
/*! Styles by 777 2025/6/9 */
/*! Last Edit 2025/6/26 */
*{word-break:break-all;}
html,body{margin:0;padding:0;width:100%;height:100vh;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;font-family:'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.42857143;color:#333;background-color:#EEF3F7;}
a{color:#006b9c;text-decoration:none;background-color:transparent;transition:all 0.4s ease 0s;}
a:active,a:hover{outline:0;}
a:hover{text-shadow:0 1px 2px rgba(0,0,0,.1);}
img{max-width:100%;}

.container{ padding:0 1.6em;}
@media (min-width: 1800px){
    .container{ max-width:1560px;}
}

@media (min-width: 2200px){
    .container{ max-width:1950px;}
}

/* banner */
.union-vip-banner{ height:86vh; background-image:url(../../images/page-union-vip/union-vip-banner.jpg); background-size:cover; background-position:center bottom;}
	.union-vip-title{ padding-top:16vh;}
	.union-vip-title img{ width:450px;}
	.union-vip-subtitle{ padding:4vh 0 4vh 5px; font-size:32px; color:#FFF;}
	.union-vip-describe{ padding:0 0 4vh 5px; width:100%; font-size:18px; color:#FFF;}
	
	.union-vip-step{}
	.union-vip-step strong,
	.union-vip-step span{ display:block; text-align:left;}
	.union-vip-btns{ padding:0 0 0 5px;}

	.union-btn{ display:block; position:relative; background-color:var(--3dwhere-vip-color); color:#FFF; border:none; overflow:hidden; transition-delay:0.1s; transition:0.4s; overflow:hidden;}
	.union-btn sup{ top:-.2em;}
	.union-btn::before{ content:''; position:absolute; left:-39px; bottom:-28px; height:40px; width:40px; background:#25a2c8; border-radius:50%; transition:all 0s ease 0s;}
	.union-btn:hover{ background-color:#FFF; color:#333; text-decoration:none;}
	.union-btn:hover::before{ transform:scale(9); opacity:0; transition:all 0.8s ease 0s;}
	.union-vip-btn1,
	.union-vip-btn2{ margin:.5em 0 0;}

@media (min-width:992px){
	.union-vip-banner{ height:106vh; background-position:center bottom;}
	.union-vip-title{ padding-top:28vh;}
	.union-vip-subtitle{ padding:3.5vh 0 2vh 5px; font-size:40px;}

	.union-vip-step strong,
	.union-vip-step span{ display:inline; margin-right:1em; text-align:center;}

	.union-btn{ display:inline-block;}
	.union-vip-describe{ width:40%;}
	.union-vip-btn1,
	.union-vip-btn2{ margin:0 .5em;}
}

/* 价格 */
.union-vip-formula-name{ display:none;}
.union-vip-plus{ width:24px; height:24px; line-height:24px; overflow:hidden;}
.union-vip-equal{ width:24px; height:24px; line-height:24px; overflow:hidden;}
.union-vip-formula-result{ height:56px; color:rgba(var(--bs-black-rgb),.6);}
	.union-vip-formula-result sup{ top:-.4em; font-size:.875rem;}
	.union-vip-formula-result strong{ color:var(--3dwhere-vip-hover-color);}

.union-vip-btns{}
.union-vip-btn1{background-color:#32649B;}
.union-vip-btn2{}

@media (min-width:992px){
	.union-vip-formula-name{ display:inline-block;}
}

/* 优势 */
.feature-container{ height:100%;}
.feature-ico{ position:relative; margin:0 auto; width:74px; height:74px; background-color:#EFF3F7;; display:flex; align-items:center; justify-content:center; transition:all 500ms ease; z-index:1;}
.feature-ico:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:#e3e9f0; border-radius:50%; transform:scale(0); transform-origin:center; transform-style:preserve-3d; transition:all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index:-1;}

.feature-container:hover .feature-ico:before{ transform:scale(1);}
.feature-ico span{ position:relative; display:inline-block; color:var(--thm-primary); transition:all 500ms ease;}
.feature-container:hover .feature-ico span{ color:#FFF; transform:rotateY(180deg);}

.feature-ico img{ max-width:100%;}
.feature-title{}
.feature-profile{ color:var(--3dwhere-light-text);}

/* 权益 */
.rules-section{}
.rules-section-title{ height:260px; font-size:40px; background-image:url(../../images/page-union-vip/rules-bg.jpg); background-size:cover; background-position:center; color:#FFF;}
.rules-section-blk strong{ display:block;}