@charset "utf-8";
body{font:17px/24px tahoma, Arial, sans-serif!important;}
.details{width: 1170px;}
img{max-width: 100%;}
a{text-decoration: none;}


.main-banner{background: url(../images/summer-offer/bg1.jpg) no-repeat center top/cover;height: 958px;}
.main-banner .t1 img{margin: 30px 0 0 -40px;}
.main-banner .t2 img{margin: -30px 0 50px 214px;}
.main-banner h2{color: #fff;text-align: center;}
.main-banner h2 span{font-size: 21px;padding-top: 20px;display: inline-block;}
.main-banner h2 span a{color: #fdde08;text-decoration:underline;}
.main-banner .banner-box{margin: 25px 46px 0;padding:0 6px 8px 0;  background: rgba(2,123,209,0.5);border-radius: 35px 35px 35px 35px;/*transform: translate(6px,8px);*/}
/*.main-banner .banner-box:after{content: "";width: 152px;height: 173px;position: absolute;left: 0; top: 0; background: url(../images/summer-offer/bg-icon.png);}
.main-banner .banner-box:before{content: "";width: 100%;height: 100%;position: absolute;left: 6px;top: 8px;background: rgba(2,123,209,0.5);border-radius: 35px;}*/
.banner-content{display: flex;justify-content: center;border-radius: 30px;/*transform: translate(-6px,-8px);*/background: url(../images/summer-offer/bg-icon.png) no-repeat left top #f6e475;}
.banner-content .write-left{padding: 18px;border-radius:10px 0 0 10px;background: #f7d14e;margin: 34px 0 30px 30px;width: 40%;}
.write-left .input-box{background: #fff;border-radius: 10px;padding: 15px 15px 10px;}
.input-box input{font-size: 17px;border:none; width: 100%;}
.input-box textarea{font-size: 17px;border:none; width: 100%; resize: none;}
.input-box .num{font-size: 19px;text-align: right;color: #f7d251;font-weight: bold;}
.write-left .input-email{background: #78c443;border-radius: 5px;width: 68%;margin:14px auto 10px;padding: 2px;display: flex;align-items: center;}
.write-left .input-email input{line-height: 32px;border-radius: 5px 0 0 5px;border:none;background: #fff;width: 180px;padding-left: 10px;}
.write-left .input-email >span{color: #fff;width: 110px;text-align: center;display: inline-block;font-size: 21px;cursor: pointer;}
.write-left p{font-size: 12px;color: #666;padding: 0 40px;text-align: center;line-height: 17px;}
.write-right{border-radius:0 10px 10px 0;background: #f7d14e;margin: 34px 30px 30px 0;width: 50%;}
.write-right .rank-box{text-align: right;font-size: 11px;color: #666; padding: 0 30px 0 0;height: 20px;}
.write-right .rank-box span{cursor: pointer; text-align: center;display: inline-block;line-height: 16px; margin:-25px 0 0 10px;}
.write-right .message-box{background: #fff;border-radius: 10px;margin: 0 15px 0 65px;font-size: 15px;}
.message-box .page-one{padding: 5px 0;}
.message-box .page-one .one-mess{display: flex;border-bottom: 1px solid #d3d3d3;margin: 0 28px;align-items: center;padding: 6px 0;}
.message-box .page-one .one-mess .mess-p{color: #c1c1c1;line-height: 21px;padding-left: 8px;}
.message-box .page-one .one-mess .mess-p span{color: #4e99ff; padding-right: 10px;}
.message-box .page-one .one-mess .mess-p var{font-style: normal;color: #000;}
.message-box .page-one .one-mess .zan{width: 67px;margin-left: auto;}
.message-box .page-one .one-mess .zan span{display:inline-block;width:33px;height:35px;background:url(../images/summer-offer/icon.png);vertical-align: middle; cursor:pointer;}
.message-box .page-one .one-mess .zan.focus span{background:url(../images/summer-offer/icon2.gif);}
.message-box .num-box{display: flex;justify-content: center;padding:2px 0 12px;}
.message-box .num-box span{border:1px solid #93c0f8;width: 27px;line-height: 27px;border-radius: 5px;display: inline-block;margin:0 1.5px; text-align: center;cursor: pointer;color: #bfbfbf;}
.message-box .num-box span.active,.message-box .num-box span:hover{background: #93c0f8;color: #fff;}
/*-------------*/
.main-perfect{ background:url(../images/summer-offer/p.png) no-repeat right 60px bottom 70px #e6f3fd; }
h2{text-align: center;font-size: 37px;padding: 80px 0 16px;}
.main-perfect .h2-mess{text-align: center;}
.main-perfect .equip-box{display: flex;justify-content: space-between;padding: 20px 0 0;}
.main-perfect .equip-box .equip-one{text-align: center;position: relative;background: url(../images/summer-offer/p-bg.png); width: 154px;height: 135px;box-sizing: border-box;padding-top: 15px;}
.main-perfect .equip-box .equip-one i{font-style: normal;border-bottom: 1px dotted #8a9099;cursor: pointer;}
.equip-box .equip-one p{display: none;position: absolute;z-index: 2; left: -90px;bottom: 80px;font-size: 13px;padding: 5px;color: #8a9099;width: 320px;text-align: left; background: #f8f8f8;border:1px dotted #666;border-radius: 5px;}
.equip-box .equip-one p a{ color:#449cff;}
.main-perfect .pro-adv{display: flex;justify-content: space-between;}
.main-perfect .pro-adv .pic{}
.main-perfect .pro-adv .pic img{margin: 0 0 0 -72px;}
.main-perfect .pro-adv ul{padding: 60px 0 0;}
.main-perfect .pro-adv ul li{padding: 5px 0;}
.main-perfect .more{}
.main-perfect .pro-adv ul li a{color: #449cff;border-bottom: 1px solid #449cff;}
.input-buy-container {display: flex;align-items: flex-end;flex-wrap: wrap; margin: 10px 100px 0;}
.input-container {width: 415px;}
.input-content {display: flex;align-items: flex-end;flex-wrap: wrap;}
.input-content input {width: 230px;height: 38px;text-align: center;font-size: 15px;color: #828282;margin-bottom: 20px;border: 1px solid #449cff;border-right: none;border-radius: 5px 0 0 5px;outline: none;}
.input-submit {text-align: center;}
.input-download span{font-size: 22px;color: #f03d2e;display: inline-block;padding-right: 5px;}
.input-download a {width: 170px;line-height: 27px;font-size: 19px;color: #449cff;text-align: center;}
.input-submit button {display: block;width: 170px;line-height: 40px;font-size: 17px;color: #fff;background-color: #449cff;border-radius: 0 5px 5px 0;margin: 5px 0 20px;border: none;outline: none;cursor: pointer;}
.after-submit {/* display: none; */margin-bottom: 17px; border:1px dashed #449cff; border-radius:10px; padding:10px 20px;}
.after-submit.other-lang {padding-left: 0;}
.after-submit .input-download a {border: 1px solid #27ad71;border-radius: 5px;}
.after-submit p {font-size: 17px;line-height: 23px;color: #1c1c1c;}
.after-submit.other-lang p {font-size: 15px;line-height: 19px;}
.after-submit p span {color: #61c397;}
.input-buy-word {width: 30px;font-size: 17px;color: #000;line-height: 40px;margin: 0 15px 20px;}
.buy-container {width: 270px;position: relative;margin-bottom: 20px;}
.buy-content {width: 270px;text-align: center;font-size: 15px;color: #828282;line-height: 23px;}
.buy-content p span {font-size: 21px;color: #ff8b36;}
.buy-content a {display: block;line-height: 40px;text-align: left;padding-left: 35px; font-size: 17px;color: #fff;background-color: #ff8b36;border-radius: 5px;margin-top: 5px;position: relative;}
.buy-content a img {position: absolute;right: -35px;top: -25px;animation: eggAnimate 1s ease-in-out infinite;}
@keyframes eggAnimate {0% {top: -25px} 50% {top: -35px;} 100% {top: -25px}}
.switch-to-plat {font-size: 15px;line-height: 19px;color: #2691fc;text-align: center;text-decoration: underline;padding: 10px 0 20px;display: none;}
.switch-to-plat.on-active {color: #FFD800;}
.version-container {padding: 10px 0 20px; margin:0 100px;}
.version-content {display: flex;justify-content: center;flex-wrap: wrap;}
.child-version {width: 50%;border-radius: 8px 8px 0 0;background-color: #fff5e4;position: relative;}
.giveaway-version {background-color: #c6e8fe;position: relative;}
.giveaway-version::after {content: "VS.";font-size: 30px;color: #000;line-height: 30px;position: absolute;top: 16px;right: -30px;font-weight: 600;z-index: 2;}
.child-version h3 {font-size: 18px;color: #ff8b36;line-height: 19px;font-weight: bold;padding: 24px 0 10px 55px;}
.giveaway-version h3 {text-align: right;padding: 24px 55px 10px 0;color: #449cff;}
.version-features li {padding: 10px 5px 10px 30px;margin: 0 20px;border-bottom: 1px solid #f0eeee;background: url(../images/easter-calendar/yes-icon.png) no-repeat 6px -48px;font-size: 15px;color: #4d4d4d;line-height: 27px;}
.version-features li:last-child {border-bottom: none;}
.version-features .special-feature {background: url(../images/easter-calendar/yes-icon.png) no-repeat 6px 16px;color: #a0a1a0;}
.version-features li:nth-child(n+2) {display: none;}
.lifetime-another-info {font-size: 15px;line-height: 17px;color: #ff8b36;position: absolute;bottom: -52px;left: 0;display: none;white-space: nowrap;}
.lifetime-another-info a{color: #ff8b36;}
.lifetime-another-info.other-lang {bottom: -60px;}
.version-slide {line-height: 22px;font-size: 13px;color: #636363;border-radius: 0 0 8px 8px;background-color: #fff;text-align: center;cursor: pointer;border-top: 1px solid #fff;}
.version-slide.on-active span {display: none;}
.version-slide::before {display: none;content: "";border-bottom: 7px solid #9f9f9f;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-bottom: 2px;}
.version-slide.on-active::before {display: inline-block;}
.child-version .version-slide {display: none;}
/*-------------*/
.main-click{background: url(../images/summer-offer/bg2.jpg) no-repeat center/cover;height: 594px;}
.main-click h2{position: relative;text-align: center;}
.main-click h2 span{position: absolute;width: 110%;left: -20px;display: inline-block;}
.click-content{padding: 60px 0 0;display: flex;justify-content: space-between;}
.click-content .click-one{text-align: center;background: #fff;width: 274px;}
.click-content .click-one > img{padding-top: 20px;}
.click-content .click-one .one-box{border:1px solid #7c7c7c; border-top: none;border-radius: 0 0 10px 10px;padding:15px 0 25px;}
.click-content .click-one p{font-size: 15px;padding: 8px 70px 10px;}
.click-content .click-one .more{text-align: center;}
.click-content .click-one .more a{display: inline-block;background: #000;color: #fff;font-size: 19px;border-radius: 5px;padding: 7px 20px;}
/*-------------*/
.main-win{background: url(../images/summer-offer/bg3.jpg) no-repeat center/cover;height: 1187px;position: relative;}
.main-win:after{content: "";background: url(../images/summer-offer/s.png) no-repeat center/cover;height: 129px;width: 100%;display: inline-block;bottom: 0;position: absolute;left: 0; z-index:1;}
.main-win h2{padding: 120px 0 16px;}
.main-win .h2-mess{text-align: center;}
.main-win .h2-mess a{color: inherit;border-bottom:1px solid #333;}
.main-win .win-box{width: 1180px;height: 870px;padding: 130px 50px 60px; box-sizing: border-box; background: url(../images/summer-offer/xiangzi.png) no-repeat; margin: 50px 0 0;display: flex;flex-wrap: wrap;}
.win-box .win-one{text-align: center;width: 345px;padding: 35px 0 0; margin-right: 10px;}
.win-box .win-one a{font-size: 21px;color: #fff;display: inline-block;width: 220px;line-height: 48px;border-radius: 24px;cursor: pointer;
	background: -webkit-linear-gradient(right, #ff9a0a,  #ff771d);
 background: -moz-linear-gradient( to right, #ff9a0a,  #ff771d); 
 background: linear-gradient( to right, #ff9a0a,  #ff771d); 
 background: -o-linear-gradient( to right, #ff9a0a, #ff771d);}
.win-box .win-one p{padding-bottom: 10px;}
.win-box .win-one p span{color: #ff7c1c;}
.main-win .pop-t{position:absolute; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.5); left:0; top:0; display:flex; z-index:2;}
.main-win .pop-t span{ display:none;}
.main-win:hover .pop-t span{ margin:auto;color:#fff;font-size:31px; display:inline-block;}
/*-------------*/
.main-answ {  background-color:#fff;padding: 70px 0 100px;}
.main-answ h4 { font-size: 46px; line-height: 45px; text-align: center; padding-bottom:30px;}
.main-answ .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.main-answ .qes_one .t{font-size: 18px; background: url(../images/summer-offer/add.png) no-repeat right 3px;cursor: pointer; padding-bottom: 10px;}
.main-answ .qes_one .qes_ans{color: #737480;display: none;}
.main-answ .qes_one .focus{background: url(../images/summer-offer/min.png) no-repeat right center;}
.main-answ .qes_one.focus .qes_ans{display: block;}
.main-answ a { color: #2691fc; }
/*-------------*/

.win-pop{display: none;padding-bottom: 30px; background:url(../images/summer-offer/pop-t2.png) no-repeat center top,url(../images/summer-offer/pop-b.png) no-repeat center bottom #fff;border-radius: 15px;text-align: center;width: 720px;}
.win-pop h3{font-size: 33px;padding: 67px 0 20px;font-weight: bold;}
.win-pop p a{color: #2871f5;text-decoration: underline;}
.win-pop p{padding: 0 70px;}
.win-pop .btn{padding: 30px 0;}
.win-pop .btn a{display: inline-block;font-size: 21px;color: #fff;font-weight: bold; background: #ff8e15;border-radius: 8px;padding: 12px 15px;}
.win-pop ul li{font-size: 19px;}
.win-pop ul li b{color: #ff8e14;}
.win-vpv h3{font-size: 29px;}
.win-pop span{display: inline-block;font-size: 25px;cursor: pointer; color: #fff;font-weight: bold; background: #ff8e15;border-radius: 8px;padding: 13px 35px; margin-bottom: 30px;}
.win-pop >img{display: block; margin: 0 auto;}


@media (max-width:1169px) {
	.details{width: 96%;}

	.write-left .input-email{width: 90%;}
	.write-left p{padding: 0;}
	.write-right .message-box{margin: 0 15px 0 25px;}
	/*-------------*/
	.main-perfect{background-image: none;}
	.main-perfect .pro-adv .pic img{margin: 0 0 0 -40px;}
	/*-------------*/
	.main-click h2{line-height: 37px; text-align: center; margin-bottom: 20px;}
	.click-content .click-one p{padding: 8px 20px 10px;}
	/*-------------*/
	.main-win{height: auto; padding-bottom: 80px;}
	.main-win .win-box{width: 100%; background-size: contain;padding: 110px 40px 60px;height: auto;}
	.win-box .win-one{width: 32%;padding:0;height: auto;}
	.win-box .win-one img{height: 65%;}

}

@media (max-width:979px) {
	h2{padding: 40px 0 16px;font-size: 31px;}


	.main-banner .t2 img{margin: 0 0 0 74px;}
	.main-banner .banner-box{margin: 25px 0 0;}
	.banner-content .write-left{margin: 20px 0 20px 20px;}
	.banner-content .write-right{margin:20px 20px 20px 0;}
	.write-right .message-box{margin: 0 15px 0 0;}
	/*-------------*/
	.input-buy-container {align-items: center;justify-content: center;margin: 10px 0 0;}
    .input-buy-word {text-align: center;}
    .buy-container{margin-bottom: 45px;}
    .input-download {display: none;}
    .switch-to-plat {display: block;}
    .version-slide {display: none;}
    .child-version {width: 100%;}
    .giveaway-version {margin-bottom: 60px;}
    .child-version .version-slide {display: block;}
    .giveaway-version::after {right: auto;top: auto;left: 50%;bottom: -45px;margin-left: -29px;}
    .giveaway-version h3,.child-version h3 {padding: 24px 0 10px;text-align: center;}
    .lifetime-another-info {bottom: -40px;white-space: normal;}
	/*-------------*/
    .main-click h2{margin-bottom: 0;}
    .main-click h2 span{position: relative;width: 100%;}
    /*-------------*/
    .main-win{padding-bottom: 0;}
    .main-win .win-box{padding: 80px 30px 100px;}
    .win-box .win-one{width: 31.5%;}
    .win-box .win-one img{height:50%;}
    .win-box .win-one a{width: 95%;}
    /*-------------*/
    .main-answ h4{font-size:41px; }
    /*-------------*/
    /*-------------*/
}

@media (max-width:767px) {
	h2,.main-click h2{font-size: 27px;}

	.main-banner{height: auto;}
	.main-banner .t1 img{width: 40%;}
	.main-banner .t2 img{margin: auto;}
	.banner-content{flex-wrap: wrap; }
	.banner-content .write-left{width: 100%;margin: 20px 10px;border-radius: 10px;}
	.banner-content .write-right{width: 100%;margin: 20px 10px;border-radius: 10px;}
	.write-right .message-box{margin: 0 8px 8px;}
	.write-left .input-email{width: 50%;}
	/*-------------*/
	.main-perfect .equip-box{flex-wrap: wrap;}
	.main-perfect .pro-adv{flex-wrap: wrap;}
	.main-perfect .pro-adv .pic{text-align: center;width: 100%;}
	.main-perfect .pro-adv .pic img{margin: auto;}
	.version-container{margin: 0 20px;}
    /*-------------*/
    .main-click{height: auto;}
    .click-content{flex-wrap: wrap;}
    .click-content .click-one{width: 49%; margin-bottom: 10px;}
    /*-------------*/
    .main-win .win-box{background-image: none; border:20px solid #f5c44d; border-radius: 15px;background: #ffe6ae;padding:0;justify-content: space-between;}
    .win-box .win-one{background: #fff7e5;width: 49%; margin-right: 0; margin-bottom: 10px;}
    .main-win:after{display: none;}
    /*-------------*/
	.main-answ h4{font-size:33px; }
	/*-------------*/
	.win-pop{width: 98%;}
	.win-vpv h3{font-size: 27px;}
	.win-pop p{padding: 0 20px;}
	.win-pop h3{font-size: 29px;}
}

@media (max-width:479px) {
	.write-left .input-email{width: 90%;}
	.input-content {justify-content: center;}
    .input-content input {margin-bottom: 10px;border-right: 1px solid #27ad71;border-radius: 5px;width: 80%;}
    .input-submit{width: 80%;}
    .input-submit button {border-radius: 5px;width: 100%;}
    .version-container{margin: 0;}
    /*-------------*/
    .main-answ h4{font-size:29px; }
    /*-------------*/
    .win-box .win-one a{font-size: 18px;}
    .win-box .win-one a{line-height: 38px;}
    .win-pop h3{font-size: 23px;padding: 27px 0 20px;}
    .win-vpv h3{font-size: 21px;}
    /*-------------*/

}