@charset "utf-8";

html, body{scroll-behavior:smooth;}
body{color:#000; text-align:justify; min-width:1200px;}
a{color:inherit;}
a:hover{color:inherit;}
img{max-width:100%; height:auto;}
.Details{width:1200px;}
/* CSS Document */

.bf-banner{background:url(../images/black-friday/banner-bg.jpg) no-repeat bottom / cover, #31135D; padding-bottom:60px;}
.bf-banner-ti{text-align:center; padding:60px 0 35px;}
.bf-vp-con{background-color:#fff; display:flex; border-radius:8px; padding:35px 2% 20px; box-shadow:0 5px 27px rgba(30 21 72 / .11);}
.bf-vp-con > div{padding:0 15px;}
.bf-vp-con .bf-vp-box{flex:0 300px; text-align:right; padding-top:10px;}
.bf-vp-box-img{position:relative; display:inline-block;}
.bf-vp-box .best{position:absolute; left:20px; top:-66px;}
.bf-vp-box img{max-width:none;}
.bf-vp-partner{font-size:19px; border-bottom:1px solid #BEA6FD; padding-bottom:10px; margin-bottom:12px;}
.bf-vp-partner img{margin:0 5px;}
.bf-vp-info{margin:0 auto;}
.bf-vp-info ul li{font-size:17px; padding:5px 0;}
.bf-vp-try{font-size:17px; padding:5px 0 0 35px;}
.bf-vp-try a{color:#7879f1;}
/* CSS Document */

.bf-gp{text-align:center; background-color:#EFF1FE; padding-bottom:80px;}
.bf-gp-btn-x{background:url(../images/black-friday/bg1.jpg) no-repeat top / 100% 100%, #31135D; display:flex;}
.bf-gp-btn-space{flex:1;}
.bf-gp-btn-space:first-child{background-image:linear-gradient(to right, #3D51BA, #454EBE);}
.bf-gp-btn{display:flex; flex:0 1201px;}
.bf-gp-btn > *{flex:auto;}
.bf-gp-btn-hand{background-image:linear-gradient(to right, #454EBE, #4F4AC2); display:flex; align-items:center; justify-content:space-evenly;}
.bf-gp-btn-hand img{animation:handMove .6s linear alternate infinite;}
@keyframes handMove{to{transform:translate(12px);}}
.bf-gp-btn-hand i{color:#fff; font-size:19px;}
.bf-gp-btn-line{flex:initial;}
.bf-gp-btn button{border:0 none; cursor:pointer; display:flex; align-items:inherit;}
.bf-gp-btn button:first-of-type{background-image:linear-gradient(to right, #504AC3, #5946C7);}
.bf-gp-btn button:nth-of-type(2){background-image:linear-gradient(to right, #5A45C8, #6341CC);}
.bf-gp-btn button:last-of-type{background-image:linear-gradient(to right, #6441CC, #6F3DD1);}
.bf-gp-btn button span, .bf-gp-btn button .pct{flex:auto; display:flex; align-items:center;}
.bf-gp-btn button span{font-size:19px; color:#fff957; justify-content:flex-end; padding-right:13px;}
.bf-gp-btn button .pct{padding-left:13px;}
.gp-btn-line-focus{margin-top:-12px; display:none;}
.bf-gp-btn button b{font-size:47px; font-weight:400; color:#fff;}
.bf-gp-btn button b i{font-style:normal; font-size:65%;}
.bf-gp-btn button:disabled{cursor:default; flex-grow:.3;}
.bf-gp-btn button:disabled .gp-btn-line-focus{display:block;}
.bf-gp-btn button:disabled span, .bf-gp-btn button:disabled .pct{background-color:#39C065; position:relative; padding-bottom:11px;}
.bf-gp-btn button:disabled span{box-shadow:-20px 0 #39C065; font-size:21px;}
.bf-gp-btn button:disabled span::after{content:''; position:absolute; top:100%; left:40%; transform:translate(-40%); border-width:14px 14px 0; border-style:solid; border-color:#39C065 transparent transparent;}
.bf-gp-btn button:disabled .pct{box-shadow:20px 0 #39C065;}
.bf-gp-btn button:disabled b{font-size:53px;}
.bf-gp-btn button:disabled span::before, .bf-gp-btn button:disabled .pct::before{content:''; position:absolute; bottom:100%; height:11px; background-color:#39C065;}
.bf-gp-btn button:disabled span::before{left:-20px; right:0; border-top-left-radius:2px;}
.bf-gp-btn button:disabled .pct::before{left:0; right:-20px; border-top-right-radius:2px;}
.bf-gp-btn button:last-of-type:disabled{margin-right:20px;}
.bf-gp-btn-space:last-child{background-image:linear-gradient(to right, #6F3CD1, #773AD5);}

.bf-gp-con-wrap{border:6px solid #39C065; padding:3% 1%; margin-top:55px; background-color:#fff;}
.bf-gp-items{display:none; justify-content:center; align-items:center;}
.bf-gp-items.active{display:flex;}
.bf-gp-con-name{font-size:21px; font-weight:700; padding-top:10px;}
.bf-gp-con-tip{font-size:17px; color:#ff7404;}
.bf-gp-price b{font-size:45px; color:#fa7c44; vertical-align:middle; line-height:1; padding-right:10px;}
.bf-gp-price del{font-size:25px; vertical-align:middle; line-height:1;}
.bf-gp-buy{font-size:23px; font-weight:700; color:#fff; background-color:#FE770A; display:inline-block; line-height:2.2; text-decoration:none; padding:0 .4em .12em; border-radius:5px; margin:.4em 0; transition:box-shadow .3s; min-width:270px; box-sizing:border-box;}
.bf-gp-buy:hover{color:#fff; box-shadow:inset -999px 0 rgba(0 0 0 / .1);}
.bf-gp-change button{background-color:transparent; border:0 none; font-size:17px; color:#7879f1; text-decoration:underline; display:inline-flex; align-items:center; cursor:pointer;}
.bf-gp-change button::before{content:''; width:18px; height:22px; background:url(../images/black-friday/icons.png) no-repeat 0 -1px; margin-right:8px;}
.bf-windows-btn.bf-windows-btn::before{background-position:0 -23px;}
.bf-gp-symbol{font-size:75px; color:#6e59d5; font-weight:700; padding-inline:1%; padding-bottom:28px;}
.bf-gp-symbol:last-of-type{padding-inline:3%;}
.bf-gp-includ{opacity:.45; transition:opacity .3s;}
.bf-gp-includ.active{opacity:1;}
.bf-gp-line{display:flex; align-items:center; font-size:27px; color:#4f48d3; padding:1.5em 0 .8em;}
.bf-gp-line i{font-style:normal;}
.bf-gp-line i:last-of-type{display:none;}
.bf-gp-line::before, .bf-gp-line::after{content:''; border-top:1px solid #9794F6; flex:1; margin-right:10px;}
.bf-gp-line::after{margin:0 0 0 10px;}
.bf-gp-line span{width:30px; height:29px; background:url(../images/black-friday/lock.png) no-repeat -30px; margin:0 12px 6px 0; transition:background-position .1s;}
.bf-gp-includ.active .bf-gp-line span{background-position:0 0;}
.bf-gp-includ.active .bf-gp-line i:first-of-type{display:none;}
.bf-gp-includ.active .bf-gp-line i:last-of-type{display:block;}
.bf-gp-list{display:flex; justify-content:space-between; flex-flow:wrap;}
.bf-gp-list li{flex:0 0 calc(25% - 35px);}
.bf-gp-list li h3{font-size:17px; font-weight:700; color:#303030; padding-top:15px;}
.bf-gp-list li h5{color:#ff7e16; font-size:15px; padding-bottom:8px;}
.bf-gp-list li p{color:#6b5dae;}
.bf-gp-list li a{color:#323232;}
/* CSS Document */

.bf-give{background:url(../images/black-friday/bg3.jpg) no-repeat center / cover, radial-gradient(#C9B9FF, #9694F9); padding:95px 0 75px; position:relative;}
.bf-give-wrap{display:flex; justify-content:space-between; gap:10px; align-items:center;}
.bf-give-products{flex-basis:660px;}
.bf-give-ti{position:relative; text-align:center;}
.bf-give-ti h5{font-size:21px; font-weight:700; color:#5f3dbf; background-color:#FED97F; border:5px solid #BA86FC; line-height:2; padding:0 1em; border-radius:52px; position:absolute; left:50%; transform:translate(-50%, -50%); white-space:nowrap;}
.bf-give-items{background:url(../images/black-friday/border-bg.png) no-repeat center / 100% 100%, #E2E8FE; padding:45px 24px; border-radius:85px;}
.bf-give-item{display:flex; align-items:center; background-color:#fff; border-radius:25px; box-shadow:0 5px rgba(169 161 251 / .34); margin:0 4% 15px; padding:17px 3%;}
.bf-give-item > *{padding:0 1.6%;}
.bf-give-icon img{max-width:none;}
.bf-give-item h3{font-size:19px; font-weight:700;}
.bf-give-item p{font-size:17px; line-height:1.3; padding:6px 0; text-align:left;}
.bf-give-item p a{color:#4a68ff; text-decoration:none;}
.bf-give-down{display:inline-flex; align-items:center; padding:5px 10px; border-radius:3px; background-color:#76C346; text-decoration:none; transition:box-shadow .3s;}
[data-mobile-url]{display:none;}
.bf-give-down[href]:hover{box-shadow:inset -999px 0 rgba(0 0 0 / .1);}
.bf-give-down:not([href]){background-color:#D1D1D1; cursor:no-drop;}
.bf-give-down b{color:#fff; font-size:17px; display:flex; align-items:center; padding-right:10px;}
.bf-give-down b::before{content:''; width:9px; height:16px; background:url(../images/black-friday/icons.png) no-repeat 0 -46px; margin-right:5px;}
.bf-give-price{line-height:1; text-align:center; color:#F4FE5D;}
.bf-give-down:not([href]) .bf-give-price{color:#9E9E9E;}
.bf-give-price del{display:block; color:#294E11;}
.bf-give-down:not([href]) del{color:#9E9E9E;}
.bf-give-user-x{background-color:#333372; font-size:19px; line-height:34px; display:flex; border-radius:34px; margin:25px 4% 5px; padding:0 5%; align-items:center;}
.bf-give-user{color:#f4d770; position:relative; overflow:hidden; height:34px; flex:1;}
.bf-give-user li{transition:transform .5s, visibility .5s; transform:translate(-50%, -100%); position:absolute; top:0; left:50%; visibility:hidden;}
.bf-give-user li.active{transform:translate(-50%); visibility:visible;}
.bf-give-user li.active ~ li{transform:translate(-50%, 100%);}
.bf-give-user-x span{color:#fff; padding-left:6px;}
.bf-give-step{flex-basis:460px;}
.bf-give-change button{background-color:transparent; border:0 none; font-size:17px; color:#fff700; text-decoration:underline; display:inline-flex; align-items:center; cursor:pointer; margin:15px 0;}
.bf-give-change button::before{content:''; width:18px; height:22px; background:url(../images/black-friday/icons.png) no-repeat -19px -1px; margin-right:8px;}
.bf-give .bf-windows-btn::before{background-position:-19px -23px;}
.bf-give-step h4{font-weight:700; font-size:41px; color:#fff; line-height:1.2; text-align:left; padding-bottom:1em;}
.bf-give-step ol li + li{border-top:1px solid #786FCA; margin-top:6%; padding-top:6.5%;}
.bf-give-step-num{font-size:21px; color:#8157E6; background-color:currentColor; display:inline-block; line-height:1.6; padding:0 .8em; margin-bottom:.9em; position:relative;}
.bf-give-step-num:first-line{color:#fff;}
.bf-give-step-num::after{content:''; position:absolute; top:calc(100% + 4px); left:50%; margin-left:-13px; border-width:10px 13px 0; border-style:solid; border-color:currentColor transparent transparent;}
.bf-give-p{font-size:19px; line-height:2; text-align:left;}
.bf-give-p input{border:2px solid #fff; background-color:transparent; border-radius:5px; font-size:19px; width:65px; text-align:center; height:25px; line-height:25px;}
.bf-give-hint{font-size:17px; color:#4e3689; padding-top:.5em;}
.bf-give-hint a{color:#fff;}
.bf-give-email-x{font-size:0; padding:2% 0 4%;}
.bf-give-email-x > *{border:0 none; height:45px; line-height:45px;}
.bf-give-email-x input[type="email"]{background-color:#fff; font-size:17px; color:#a6a6a6; text-indent:.5em; width:245px; border-radius:5px 0 0 5px;}
.bf-give-email-x button{background-color:#F99833; font-size:19px; font-weight:700; color:#fff; padding:0 1em; cursor:pointer; vertical-align:bottom; border-radius:0 5px 5px 0; transition:box-shadow .3s;}
.bf-give-email-x button:hover{box-shadow:inset -999px 0 rgba(0 0 0 / .1);}
.bf-give-agree-x{display:flex; align-items:flex-start;}
.bf-agree-checkbox{position:relative; margin-top:4px;}
.bf-agree-checkbox input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.bf-agree-checkbox label{width:17px; height:17px; border-radius:50%; background-color:#8157E6; display:block;}
.bf-agree-checkbox input:focus-visible + label{outline:2px solid;}
.bf-agree-checkbox input:checked + label{background-image:url(../images/black-friday/icons.png); background-position:right bottom;}
.bf-give-agree-txt{font-size:17px; color:#4d3589; padding-left:7px;}
.bf-give-popup{position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, .6); display:flex; justify-content:center; align-items:center;}
.bf-give-popup div{background-color:#fff; padding:15px 25px;}
.bf-give-popup div a{color:#5067FF;}
/* CSS Document */

.bf-faq{padding:50px 0;}
.bf-faq h2 { font-size: 46px; line-height: 45px; text-align: center; padding-bottom:30px;}
.bf-faq .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.bf-faq .qes_one .t{font-size: 18px;cursor: pointer; padding-bottom: 10px;position: relative;}
.bf-faq .qes_one .t:after{position: absolute;right: 0;top: 3px; content: "";display: inline-block;width: 19px;height: 19px;color:#77b5fb;background: linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px, linear-gradient(currentColor, currentColor) no-repeat center / 3px 100%}
.bf-faq .qes_one .qes_ans{color: #737480;display: none;}
.bf-faq .qes_one.focus .t:after{background: linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px;}
.bf-faq .qes_one.focus .qes_ans{display: block;}
.bf-faq a { color: #2691fc; }
/* CSS Document */

.bf-give-fixed{position:fixed; right:5vw; top:50vh;}
/* CSS Document */

.bf-fixed-nav{position:fixed; top:0; right:0; left:0; padding:10px 0;background:url(../images/anniversary-offer/anni-nav-bg.jpg) no-repeat center, #fed983; display:none;}
.bf-fixed-nav .Details{display:flex; justify-content:center; align-items:center;}
.bf-fixed-nav .Details > *{padding:0 1.5%;}
.bf-fixed-nav h2{display:flex; font-size:24px; font-weight:700; line-height:1; text-align:left; align-items:center;}
.bf-fixed-nav h2::before{width:45px; height:45px; margin-right:10px; content:''; background-image:url(../images/anniversary-offer/anni-nav-icon.png); flex:none;}
.bf-nav-btn{display:flex;}
.bf-nav-btn a{display:inline-flex; width:max-content; width:-moz-max-content; width:-webkit-max-content;margin:0 10px; padding:.25em 1em; font-size:21px; transition:box-shadow .3s; color:#fff; border-radius:10px; align-items:center; text-decoration:none; transition:box-shadow .3s;}
.bf-nav-btn a:hover{box-shadow:inset -999px 0 rgba(0 0 0 / .1);}
.bf-nav-btn a::after{height:25px;margin-left:10px; content:'';}
.bf-btn-down::after{width:50px; background-image:url(../images/anniversary-offer/system-icon.png);}
.bf-btn-buy::after{width:33px; background-image:url(../images/anniversary-offer/buy-car.png);}
.bf-btn-down{background-color:#179bfd;}
.bf-btn-buy{background-color:#feaa22;}
/* CSS Document */

.bf-popup-x{position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0 0 0 / .75); font-size:0; z-index:1; text-align:center; display:none;}
.bf-popup-x::after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.bf-popup{display:inline-block; vertical-align:middle; width:450px; background:url(../images/black-friday/bf-popup-bg.png) no-repeat center / 100% 100%, #331677; position:relative; padding:45px 10px 40px; box-sizing:border-box; border-radius:10px;}
.bf-close-popup{position:absolute; right:-15px; top:-15px; background-color:#595BF9; border:0 none; border-radius:50%; width:33px; height:33px; cursor:pointer;}
.bf-close-popup::after{content:'\d7'; font-size:23px; font-family:Microsoft Yahei; line-height:1;}
.bf-popup-a{font-size:25px; color:#fff; font-weight:700; background-color:#FEA948; display:inline-block; line-height:2.3; padding:0 1.5em; border-radius:6px; text-decoration:none; margin-top:20px; transition:box-shadow .3s;}
.bf-popup-a:hover{color:#fff; box-shadow:inset -999px 0 rgba(0 0 0 / .1);}
/* CSS Document */

@media (max-width:979px){

	body{min-width:100%;}
	.Details{width:98%; margin:0 1%;}
	/* CSS Document */

	.bf-gp-btn-hand{padding:2% 0; background-image:linear-gradient(#454EBE, #4F4AC2); justify-content:center;}
	.bf-gp-btn-hand img{margin-right:20px;}
	.bf-gp-btn button:first-of-type{background-image:linear-gradient(#504AC3, #5946C7);}
	.bf-gp-btn button:nth-of-type(2){background-image:linear-gradient(#5A45C8, #6341CC);}
	.bf-gp-btn button:last-of-type{background-image:linear-gradient(#6441CC, #6F3DD1)}
	.bf-gp-btn{flex-flow:column;}
	.bf-gp-btn-line, .bf-gp-btn button:disabled span::before, .bf-gp-btn button:disabled .pct::before, .bf-gp-btn button:disabled span::after{display:none;}
	.bf-gp-btn button:disabled span, .bf-gp-btn button:disabled .pct{padding-bottom:0;}
	.gp-btn-line-focus{margin-top:0;}
	.bf-gp-buy{font-size:17px;}
	.bf-gp-con-wrap{margin-top:20px;}
	/* CSS Document */

	.bf-give-items{background:#E2E8FE; border:10px solid #8056E8; border-radius:40px; padding:20px 0px;}
	.bf-give-user-x{flex-flow:column; padding-bottom:8px;}
	.bf-give-user{width:100%; flex:0 0 34px;}
	.bf-give-user-x span{line-height:1.3;}
	[data-mobile-url]{display:inline-flex;}
	[data-mobile-url] + .bf-give-down{display:none;}
	/* CSS Document */

	.bf-give-fixed{right:0; top:auto; bottom:0;}
	/* CSS Document */

	.bf-nav-btn{flex-flow:column;}
	.bf-btn-buy.bf-btn-buy{margin-top:5px;}
	/* CSS Document */

}

@media (max-width:767px){

	.bf-vp-con{flex-flow:column;}
	.bf-vp-con .bf-vp-box{text-align:center;}
	/* CSS Document */

	.bf-gp{padding-bottom:50px;}
	.bf-gp-list{gap:20px;}
	.bf-gp-buy{font-size:19px;}
	.bf-gp-items.active{flex-flow:column;}
	.bf-gp-symbol{padding:20px 0;}
	.bf-gp-list li{flex-basis:calc(50% - 10px);}
	/* CSS Document */

	.bf-give{padding:50px 0;}
	.bf-give-step{order:-1; padding-bottom:30px;}
	.bf-give-wrap{flex-flow:column;}
	/* CSS Document */

	.bf-fixed-nav h2{font-size:17px;}
	/* CSS Document */

}

@media (max-width:479px){

	.bf-gp-line{font-size:19px;}
	/* CSS Document */

	.bf-give-email-x input[type="email"]{width:200px;}
	.bf-give-item{padding:10px 0; margin-left:2%; margin-right:2%;}
	.bf-give-user-x, .bf-give-item p{font-size:15px;}
	.bf-give-step h4{font-size:31px;}
	.bf-give-ti h5, .bf-give-item h3, .bf-give-email-x button, .bf-give-p{font-size:17px;}
	.bf-give-down b{font-size:15px;}
	/* CSS Document */

	.bf-faq h2{font-size:31px;}
	/* CSS Document */

	.bf-popup{width:90%;}
	.bf-popup-a{font-size:23px;}
	/* CSS Document */

	.bf-fixed-nav .Details{flex-flow:column;}
	.bf-nav-btn a{font-size:15px;}
	/* CSS Document */

}