@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}
body {font:17px/26px tahoma, Arial, sans-serif!important;}
img {max-width: 100%;vertical-align: middle;}
.Details,.details{width: 1170px;margin: 0 auto;}

.grecaptcha-badge { visibility: hidden; }

.vote-nav{background:#e2f0d9;padding: 20px 0 10px;position:-webkit-sticky; position: sticky;top: 0;z-index: 999; overflow:hidden;}
.vote-nav:after{content: "";display: inline-block;width: 50%;background:#fbe5d6;position:absolute;right: 0;bottom: 0;z-index: 1; height:156px; }
.vote-nav .details{display: flex;align-items: center;}
.vote-nav .details .vpc{position: relative;z-index: 2;}
.vote-nav .details >div{width: 50%;display: inherit;justify-content: center;align-items: center;}
.vote-nav .details >div >img{padding-right: 15px;height: 100%;}
.vote-nav .details >div .text{}
.vote-nav .text h4{font-size: 22px;font-weight: bold; padding-bottom: 5px;}
.vote-nav .text h4 span{font-size: 16px;font-weight:normal;color: #fff;display: inline-block;border-radius: 5px; background: #ef4343;padding: 0 8px;}
.vote-nav .text .btn{font-size: 15px;font-weight: bold; padding: 5px 0 0;}
.vote-nav .text .btn a{display: inline-block;border-radius: 5px;background: #72c201;color: #fff;text-decoration: none;padding: 5px 10px;}
.vote-nav .text .btn a img{padding-left: 5px;}
.vpc .text .btn a{background: #0e91fe;}
/*----------------------*/
.vote-banner{background: url(../images/vote/bg1.jpg) no-repeat center/cover;}
.vote-banner h2{font-size: 58px;font-family:Eras Demi ITC;font-weight: bold;line-height: 70px;padding: 25px 0 25px;text-align: center;}
.vote-banner h2.fr-it{font-size: 50px;}
.vote-banner .banner-box{position: relative;height: 673px;}
.vote-banner .banner-box img{position: absolute;margin: auto;left: 0;right: 0;}
/*----------------------*/
.split{border-top: 40px solid #feed9d;border-bottom: 23px solid #0ea5ae;height: 0;}
.split .btn-txt{position: relative;text-align: center;}
.split .btn-txt img{position: absolute;top: -180px;margin-left: -400px;z-index: 3;}
.split .btn-next{ text-align: center; }
.split .btn-next img{margin-top: -65px;z-index: 4;position: relative;animation: nextAnimate 1s ease-in-out infinite;}
@keyframes nextAnimate {0% {margin-top: -65px} 50% {margin-top: -75px;} 100% {margin-top: -65px}}
/*----------------------*/
.vote-choice{background:url(../images/vote/bg2.jpg) no-repeat center/cover;height: 1071px;}
.vote-choice h2{font-size: 31px;text-align: center;padding: 260px 0 30px;font-weight: bold;}
.time-one{background: #e8edf0;position: relative;border-radius: 36px;width: 61%;line-height: 60px;margin: 29px auto 0;cursor: pointer;border:3px solid #e8edf0;display: flex;align-items: center;}
.time-one:hover{border:3px solid #c2cfd7;}
.time-one span{position: relative;z-index: 2; display: inline-block;font-size: 31px;font-weight: bold;color: #fff;width: 51px;height: 51px; line-height: 49px; vertical-align: middle;border-radius: 50%;background: #e4007f;text-align: center;margin:-1px 20px 0 10px;}
.time-one var{position: relative;z-index: 2;font-style: normal;font-size: 23px;}
.time-one i{position: relative;z-index: 2;font-style: normal;font-size: 23px; margin-right: 30px;margin-left: auto;visibility: hidden;}
.time-one.choice{border:3px solid #e4007f;}
.time-one b{content: "";display: inline-block;/*width: 50%;*/ height: 100%; background: #ffe670;position: absolute;left: 0;top: 0;border-radius: 36px;z-index: 1;}
.vote-choice .choice-bottom{display: flex;padding: 43px 0 0;justify-content: space-between;width: 67%;margin: 0 auto;align-items: center;}
.choice-bottom .bottom-left input{line-height: 62px;width: 250px;padding-left: 10px;font-size: 21px; border:2px solid #c7d2d9;border-radius: 15px 0 0 15px;border-right: none;vertical-align: middle;}
.choice-bottom .bottom-left button{font-size: 25px;color: #fff;background: #459df0;border-radius: 0 15px 15px 0;display: inline-block;line-height: 66px;padding: 0 15px;cursor: pointer;vertical-align: middle;border: none;}
.choice-bottom a{font-size: 25px;color: #1a79fb; }
/*----------------------*/
.vote-product{background: url(../images/vote/y1.png) no-repeat right top,url(../images/vote/y2.png) no-repeat left bottom;}
.vote-product h2{font-size: 43px;padding:50px 250px 50px;text-align: center;line-height: 66px;}
.prod-content{background: #fbf3ee;border-radius: 15px;display: flex;justify-content: space-between;margin-bottom: 115px;position: relative;}
.vpv-content{background: #f8fbee;}
.prod-content .prod-left{width: 44%; text-align: left; text-align: center;}
.prod-content .prod-left .rec-label{text-align: left;padding-bottom: 15px;}
.prod-content .prod-left .rec-label span{background: #ef4343;border-radius: 5px;visibility: hidden; font-size: 25px;color: #fff;line-height: 48px;padding: 0 13px;display: inline-block;}
.prod-content .prod-left .rec-label span.show{visibility: visible;}
.prod-left h4{font-size: 26px;padding: 50px 0 25px;}
.prod-left .btn{font-size: 25px;font-weight: bold;}
.prod-left .btn a{padding:0 25px;background: #44c641;border-radius: 8px;color: #fff;text-decoration: none;line-height: 62px;display: inline-block;}
.prod-content .mess a{color: #0084ff;margin-top: 10px;display: inline-block;}
.prod-content .prod-right{background: url(../images/vote/vpcbg.png) no-repeat center/cover #c9e3f8;width:653px;box-shadow: -9px 0 35px rgba(169,169,169,.24); border-radius:15px;box-sizing: border-box;padding: 45px 115px 60px;}
.vpv-content .prod-right{background: url(../images/vote/vpvbg.png) no-repeat center/cover #cff1b4;}
.prod-content .function-conten{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 20px;}
.function-conten span{display: inline-block;flex-grow: 1;transition: all 0.2s ease-in-out;text-align: center;box-shadow: 0 4px 5px rgba(169,169,169,.24);font-size: 24px;background: #fff;border-radius: 10px;padding: 0 18px;line-height: 58px;margin-right: 17px;cursor: pointer;margin-bottom: 30px;}
.function-conten span:hover,.function-conten span.active{background: #1a79fb;color: #fff;transition: all 0.2s ease-in-out;}
.fr-it-product .function-conten span{ font-size:21px;}
.vpv-content span:hover,.vpv-content span.active{background: #ffa337;}
.prod-right .mess{text-align: center;}
.prod-right .mess a{font-size: 21px;margin-top: 0;}
.fun-intrd{background: #fffbd3;border-radius: 10px;display: none;font-size: 16px;position: absolute;top: 100px;left: 240px;width: 360px;box-sizing: border-box;padding:25px 20px 30px 25px;}
.fun-intrd .t{font-size: 23px;padding-bottom: 20px;}
.fun-intrd .more{padding: 25px 0 0;font-size: 16px;}
.fun-intrd .more a{color: #1a79fb;}

/*----------------------*/
.vote-gifts{background: url(../images/vote/bg4.jpg) no-repeat center top/cover; padding-bottom: 40px;}
.vote-gifts h2{font-size: 43px;color: #fff;padding: 60px 0 50px;text-align: center;}
.vote-gifts .details> img{padding-bottom: 40px;}
.vote-gifts p{font-size: 25px;color: #fff;padding: 0 130px 0 110px; line-height: 44px;}
.vote-gifts p a{color: #0084ff;}
/*----------------------*/
.back-top{position: fixed; right: 50px;bottom: 100px;font-size: 23px;color: #fff; text-align: center;display: none;}
.back-top a{margin-bottom: 10px;display: inline-block;}
/*----------------------*/
/*----------------------*/
.fix-share{position: fixed; left: 28px;top: 230px;}
.fix-share a{display: inline-block; margin-bottom: 20px;}
/*----------------------*/
.vote-pop{background:url(../images/vote/popb.png) no-repeat center bottom #fff;border-radius: 30px;width: 760px;box-sizing: border-box;padding: 0 75px;position: relative;text-align: center;padding-bottom: 45px;}
.vote-pop .close{position: absolute;right: 15px;top: 18px;cursor: pointer;}
.vote-pop .pop-bg img{margin-top: -78px;}
.vote-pop .t{font-size: 35px;font-weight: bold;color: #ff6c39;padding: 20px 0 15px;}
.vote-pop p{font-size: 23px;padding: 0 35px;}
.vote-pop .t2{font-size: 21px;color: #c72d1a;padding: 20px 0 15px;}
.vote-pop .btn{font-size: 32px;/* display: none; */}
.vote-pop .btn a{font-size: 32px;color: #fff;padding:  0 35px;line-height: 66px;display: inline-block;background: #69cf3d;text-decoration: none;border-radius: 12px;}




@media (max-width:1170px) {
	.Details,.details{ width:95%;}

	.vote-choice .choice-bottom{width:80%;}
}
@media (max-width:989px) {

	.vote-banner h2{font-size: 48px;}
	/*------------*/
	.vote-choice .choice-bottom{width: 90%;}
	/*------------*/
	.vote-product h2{font-size: 35px;padding: 50px;}
	.prod-content{flex-wrap: wrap;justify-content: space-around;}
	.prod-content .prod-left{width:80%;}
	.prod-content .prod-right{width: 90%;margin-top: 20px;}
	.fun-intrd{top:800px;}
	/*------------*/
	.vote-gifts p{padding: 0 10px;}
	/*------------*/
	.back-top{right: 0;}
	
}

@media (max-width:899px) {
	.vote-nav .details{width: 100%;}
	.vote-nav:after{display: none;}
	.vote-nav{padding: 0;}
	.vote-nav .details{flex-wrap: wrap;}
	/*.vote-nav .details >div{width: 100%;padding: 20px 0;}*/
	.vote-nav .details >div .text p,.vote-nav .details >div .text h4{ display:none;}
	.vote-nav .details .vpc{background:#fbe5d6;}
	/*------------*/
	.vote-banner h2{font-size: 43px;}
	.vote-banner .banner-box{height:540px; }
	/*------------*/
	.vote-choice h2{font-size: 29px;}
	.vote-choice .choice-bottom{width: 100%;}
	.time-one{width:80%; }
	/*------------*/
	.vote-product h2{font-size: 31px;line-height: 40px;}
	.fun-intrd{left:140px;}
	/*------------*/
	.vote-gifts h2{font-size: 35px;}
	.vote-gifts p{font-size: 21px;}
	/*------------*/	

	.MainFoot h6 { font-size:15px; padding:8px 20px 0;}

}
@media (max-width:799px) {
	.vote-choice .choice-bottom{display: block; text-align: center;}
	.choice-bottom .bottom-left input{width: 90%;border:2px solid #c7d2d9;border-radius: 15px;box-sizing: border-box;}
	.choice-bottom .bottom-left button{width: 90%;border-radius: 15px;text-align: center;box-sizing: border-box; margin-top: 10px;}
	.split .btn-txt img{margin-left: -350px;}
}

@media (max-width:599px) {
	.vote-banner h2{font-size: 31px;}
	.vote-banner .banner-box{height:400px; }
	/*------------*/
	.split .btn-txt img{margin-left:-250px;}
	/*------------*/
	.vote-choice{height: auto;padding-bottom:230px;}
	.time-one{width: 100%;}
	
	/*------------*/
	.vote-product h2{font-size: 23px;padding: 20px 0;}
	.prod-content .prod-right{width: 100%;padding: 45px 20px 60px;}
	.fun-intrd{left:20px;}
	/*------------*/
	.vote-gifts h2{font-size: 23px;}
	.vote-gifts p{font-size: 19px;}
	/*------------*/
	.back-top{transform: scale(0.5);}
	/*------------*/
	
}

@media (max-width:599px) {
	.split .btn-txt img{margin-left:-230px;}
}