@charset "utf-8";

html, body{scroll-behavior:smooth;color:#333;font: 17px/26px tahoma, Arial, sans-serif!important; }
a{color:inherit;}
a:hover{color:inherit;}
img{max-width:100%; height:auto;}
.detail{width:1200px;}
.step-box .nopadding{padding: 5px 0 0;}

h2{text-align: center;line-height: 1;padding: 50px 0 20px;font-size: 37px;font-weight: bold;color:#000;}
/* -------------- */

h1{font-size: 41px;font-weight: bold;line-height: 1;padding: 65px 0 20px;}
h1 span{color: #ffa247;}
.h1-mess{font-size: 23px;}
.refer-banner{background: linear-gradient(to bottom,#fffbef,#fefefe);text-align: center;padding-bottom: 40px;}
.banner-content{display: flex;justify-content: space-between;gap: 30px;font-size: 19px;padding:170px 0 0;}
.banner-content >div{background: #ffc571;border-radius: 15px;padding: 0 50px 20px 50px;}
.banner-content >div >img{margin-top: -126px;}
.banner-content .left{box-shadow:0 0 0 3px #ffa752;}
.banner-content .t{font-size: 29px;font-weight: bold;color: #fff;padding: 25px 0 15px;}
.banner-content ul{text-align: left;}
.banner-content ul li span{font-size: 13px;color: #363636;}
.banner-content p{color: #41321c;text-align: left;padding-top: 5px;}
.banner-content .link{text-align: left;padding-top: 10px;font-size: 15px;;}
.banner-content .link a{color: #0e74f9;}
/* -------------- */
.refer-steps{background: linear-gradient(to bottom,#fefefe,#f6f6f6);text-align: center;padding-bottom: 60px;}
.refer-steps .refer-content{display: flex;padding: 15px 0 40px;}
.step-one{padding: 0 40px;flex: 1;}
.step-one:nth-child(2){border-left: 1px solid #dfdcd9;border-right: 1px solid #dfdcd9;}
.step-one .st{background: #e9f8ff;border-radius: 18px;width: 102px;height: 103px;color: #2ba1ff;font-size: 17px;display: flex;flex-direction: column; align-items: center;justify-content: center;margin: 0 auto;}
.step-one .st span{padding-top: 5px;}
.step-one .t{font-size: 27px;font-weight: bold;padding: 25px 0 10px;}
.step-one p a{color: #2691fc;}
.sub-content{background: #fff;border-radius: 10px;padding: 30px 0 25px;width: 960px;margin: 0 auto;}
.sub-content .input-box{display: flex;align-items: center;justify-content: center;}
.sub-content .input-box input{line-height: 47px;border: 1px solid #d2d2d2;border-radius:5px 0 0 5px;box-sizing: border-box;font-size: 17px;padding-left: 10px;width: 40%;}
.sub-content .input-box span{background: #ffa247;display: inline-block;padding: 0 35px;color: #fff;font-size: 23px;line-height: 49px;border-radius: 0 5px 5px 0;cursor: pointer;}
.gree-box{display: flex;justify-content: center;gap: 10px;padding: 10px 0 0;align-items: center;}
.gree-box p{font-size: 15px;color: #575757;}
.gree-box input{display: none;}
.gree-box label{height: auto;}
.gree-box input:checked +label span::before{content: "";width: 5px;height: 10px;color: #ffa247;border-bottom: 2px solid currentColor;border-right: 2px solid currentColor;transform: rotate(45deg); display: inline-block;}
.gree-box span{color: #ffa247;display: flex;border: 1px solid #ffa247;width: 15px;height: 15px;border-radius: 2px;cursor: pointer;justify-content: center;}
/* -------------- */
.refer-unlock{background:url(../images/refer/bg-icon.png) left bottom no-repeat, url(../images/refer/bg.png) no-repeat center bottom/100% auto;padding-bottom: 50px;}
.refer-unlock .h2-mess{text-align: center;font-size: 19px;} 
.switch-flex {display: flex;justify-content: center;align-items: center;gap: 15px;padding: 12px 0 0;}
.switch-wrapper {display: inline-block;height: 14px;margin: 0;position: relative;width: 30px;} 
.switch-wrapper input { height: 0; opacity: 0; width: 0; }
.switch-slider {background-color: #ffffff;border: 1px solid #bfbfbf;border-radius: 7px;bottom: 0;cursor: pointer;left: 0;position: absolute;right: 0;top: 0;transition: .4s;}
input:checked+.switch-slider:before {left: calc(100% - 12px);}
.switch-slider:before {background-color: #4c7fff;border-radius: 50%;bottom: 1px;content: "";height: 10px;left: 2px;position: absolute;transition: .4s;width: 10px;}
.system-item {display: flex;justify-content: center;align-items: center;gap: 10px;color: #6b6a6a;font-size: 17px;}
/* .system-item img { filter: brightness(100) invert(1); }  */
.system-item.activated {color: #3e7eff;} 
.system-item.activated img { filter: none; }
.unlock-content{padding: 35px 0 0;display: flex;justify-content: space-between;align-items: center;gap: 50px;}
.main01-carousel-container{
    width: 575px;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.main01-carousel-list {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}
.main01-carousel-item {
    flex: 0 0 100%;
    padding-bottom: 56.25%;
    width: 100%;
    position: relative;
}
.main01-carousel-item video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.main01-carousel-item .main01-carousel-name {
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 99;
    text-align: center;
    font-size: 17px;
    width: 205px;
    font-weight: 700;
    color: #ffffff;
}
.main01-indicator {
    position: absolute;
    right: 15px;
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.main01-indicator span {
    width: 37px;
    height: 6px;
    cursor: pointer;
    background-color: #878787;
}
.main01-indicator span.active {
    background-color: #ffffff;
}
.unlock-content-text li{padding: 2px 0;}
.unlock-content-text li span{color: #fb2b2b;}
.unlock-content-down{padding-top: 20px;}
.unlock-content-down a{color: #4c7fff;}
.unlock-content-down a img{padding-right: 5px;}
.unlock-content-buy{padding-top: 10px;}
.unlock-content-buy a{font-size: 15px;text-decoration: none;}
.unlock-content-buy a span{display:inline-block;background: #fff;border: 1px solid #ffc88d;padding: 0 0 0 10px;width: 210px;line-height: 45px;border-radius:5px 0 0 5px;box-sizing: border-box;}
.unlock-content-buy a del{color: #919191;}
.unlock-content-buy a i{color: #fb2b2b;font-style: normal;}
.unlock-content-buy a var{font-style: normal;color: #fff;background: #fa7c42;line-height: 47px;display: inline-block;border-radius: 0 5px 5px 0;padding: 0 15px;}
/* -------------- */
.refer-promise{background: linear-gradient(to bottom,#fffdfa,#fff);padding: 30px 0;}
.refer-promise .m2-icons {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.refer-promise .m2-left-icons {display: flex;align-items: center;flex-wrap: wrap;margin-right: 20px;}
.refer-promise .m2-left-icons img {margin: 0 20px 20px 0;}
.refer-promise .m2-left-icons img:not(.m2-left-first-icon) {margin-top: 2px;}
.refer-promise .m2-right-icons {display: flex;align-items: center;flex-wrap: wrap;margin-top: 7px;}
.refer-promise .m2-right-icons li {/* width: 135px; */display: flex;align-items: center;padding-right: 20px;margin: 0 20px 20px 0;position: relative;}
.refer-promise .m2-right-icons li::after {content: "";height: 26px;width: 1px;background-color: #d4d6dd;position: absolute;top: 50%;right: 0;margin-top: -13px;}
.refer-promise .m2-right-icons li:last-child {margin-right: 0;border-right: none;}
.refer-promise .m2-right-icons li:last-child::after {display: none;}
.refer-promise .m2-right-icons li .img-container {width: 40px;margin-right: 12px;text-align: right;}
.refer-promise .m2-right-icons li p {max-width: 85px;line-height: 15px;color: #74757c;font-size: 15px;}
/* -------------- */
.anni-faq{padding:0 0 50px 0;}
.anni-faq .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.anni-faq .qes_one .t{font-size: 18px;cursor: pointer; padding-bottom: 10px;position: relative;}
.anni-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%}
.anni-faq .qes_one .qes_ans{color: #737480;display: none;}
.anni-faq .qes_one.focus .t:after{background: linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px;}
.anni-faq .qes_one.focus .qes_ans{display: block;}
.anni-faq a { color: #2691fc; }
/* -------------- */

@media (max-width: 1920px){
	
	/* ---------- */
	.refer-unlock{background-size: auto;}
	/* ---------- */
	.refer-promise .m2-left-icons img{margin-right: 10px;}
}
@media (max-width: 1200px){
	.detail{width: auto;padding: 0 2%;}
}
@media (max-width: 979px){
	.br-hidden br{display: none;}

	h1{font-size: 36px;}
	/* ---------- */
	.banner-content >div{padding: 0 20px 20px 20px;}
	/* ---------- */
	.step-one{padding: 0 5px;}
	.sub-content{width: auto;}
	/* ---------- */
	.refer-unlock{background: url(../images/refer/bg.png) no-repeat center bottom;}
	.unlock-content{flex-wrap: wrap;justify-content: center;}
	/* ---------- */
	.refer-promise .m2-icons{justify-content: center;}

	
}

@media (max-width:767px){
	h1{font-size: 29px;}
	h2{font-size: 25px;}

	.h1-mess{font-size: 19px;}
	/* ---------- */
	.banner-content{flex-direction: column;gap: 100px;padding-top: 80px;align-items: center;}
	.banner-content >div >img{width: 150px;margin-top: -60px;}
	.banner-content >div{width: 80%;}
	/* ---------- */
	.step-one .t{font-size: 21px;}
	.refer-steps .refer-content{flex-direction: column;gap: 20px;}
	.step-one:nth-child(2){border: 0;}
	.sub-content .input-box input{width: 60%;}
	.gree-box p{font-size: 13px;}
	.refer-promise .m2-right-icons li{margin-right: 5px;padding-right: 5px;}
	.unlock-content > div:first-of-type{flex:100%;}
	.main01-carousel-container {
        width: 100%;
    }
	/* ---------- */

}

@media (max-width:479px){
	h1{font-size: 25px;padding-top: 35px;}
	h2{font-size: 21px;}

	.banner-content >div{width: 90%;}
	/* ---------- */
	.gree-box{align-items: flex-start;}
	.gree-box label{padding-top: 5px;}
	/* ---------- */
	.unlock-content-buy a{display: flex;}
	.unlock-content-buy a var{padding:0 5px;}
	/* ---------- */
	.refer-promise .m2-left-icons{flex-wrap: nowrap;}
	.refer-promise .m2-right-icons{flex-wrap: nowrap;}.refer-promise .m2-right-icons li{margin-right: 0;padding-right: 2px;}
	.refer-promise .m2-right-icons li:nth-child(2) p,.refer-promise .m2-right-icons li:nth-child(3) p{width: 55px;}

	

}