@charset "utf-8";
html {scroll-behavior: smooth;}
body{background-color:#fff; font-family:Tahoma,Verdana; position:relative;}
a{text-decoration:none; color:inherit;}
a:hover{text-decoration:none;}
li{list-style:none;}
img{border:0; max-width:100%;}
.details {width: 1080px;margin: 0 auto;}

.main01 {padding: 60px 0 100px;background: url(../images/easter-calendar/bg11.jpg) no-repeat center top/100% auto,url(../images/easter-calendar/bg12.jpg) no-repeat center bottom/100% auto;background-color: #ecfeed ;}
.main01 .details {width: 1350px;}
.main01 h1 {font-size: 50px;line-height: 54px;color: #158754;text-align: center;font-weight: 600;}
.main01 h1+p {font-size: 27px;line-height: 29px;color: #fff;text-align: center;padding: 20px 0 48px;}
.rotate-icon {vertical-align: middle;margin-right: 10px;animation: rotateIcon 6s linear infinite;}
@keyframes rotateIcon {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
.content-nav {width: 480px;height: 110px;background: url(../images/easter-calendar/content-nav-bg.png) no-repeat center top;margin: 0 auto 48px;display: flex;justify-content: space-between;}
.content-nav a {width: 230px;font-size: 25px;line-height: 29px;padding: 16px 0 0;font-weight: 600;text-align: center;color: #fff;}
.content-nav a:first-child,.content-nav a:hover {color: #7c4f00;}
.content-nav.other-lang a {font-size: 22px;}
.product-container {width: 1080px;background-color: #fff;box-sizing: border-box;border: 8px solid #27ad71;border-radius: 6px;padding: 60px 80px 35px;position: relative;margin: 0 auto;}
.first-product {margin-bottom: 60px;}
.product-tag {width: 561px;height: 70px;background: url(../images/easter-calendar/product-tag-bg.png) no-repeat left top;line-height: 50px;font-size: 21px;color: #fff;font-weight: 600;text-align: center;position: absolute;top: -25px;left: -35px;}
.product-intro {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-bottom: 8px;}
.product-left-intro {width: 210px;margin-right: 25px;}
.product-right-intro {width: 640px;}
.product-right-intro p {font-size: 21px;color: #1c1c1c;line-height: 27px;padding-bottom: 22px;}
.product-intro-list li {font-size: 17px;color: #4d4d4d;line-height: 19px;padding: 0 0 10px 24px;position: relative;}
.product-intro-list li::before {content: "";width: 4px;height: 4px;border: 2px solid #27ad71;border-radius: 50%;position: absolute;top: 6px;left: 3px;}
.input-buy-container {display: flex;align-items: flex-end;flex-wrap: wrap;}
.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 #27ad71;border-right: none;border-radius: 5px 0 0 5px;outline: none;}
.input-submit {text-align: center;}
.input-download a {display: block;width: 170px;line-height: 27px;font-size: 19px;color: #27ad71;text-align: center;}
.input-download a:hover {text-decoration: underline;}
.input-submit button {display: block;width: 170px;line-height: 40px;font-size: 17px;color: #fff;background-color: #27ad71;border-radius: 0 5px 5px 0;margin: 5px 0 20px;border: none;outline: none;cursor: pointer;}
.after-submit {display: none;padding-left: 44px;margin-bottom: 17px;}
.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;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;}
.version-content {display: flex;justify-content: center;flex-wrap: wrap;}
.child-version {width: 452px;border-radius: 8px 8px 0 0;background-color: #fff5e4;position: relative;}
.giveaway-version {background-color: #eaf5e4;position: relative;}
.giveaway-version::after {content: "V.S.";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: 17px;color: #ff8b36;line-height: 19px;font-weight: 600;padding: 24px 0 10px 55px;}
.giveaway-version h3 {text-align: right;padding: 24px 55px 10px 0;color: #27ad71;}
.version-features li {padding: 10px 5px 10px 30px;margin: 0 20px;border-bottom: 1px solid #e4e4e4;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.other-lang {bottom: -60px;}
.version-slide {line-height: 22px;font-size: 13px;color: #636363;border-radius: 0 0 8px 8px;background-color: #f5f5f5;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;}
.download-info {padding: 22px 0 8px;font-size: 15px;color: #27ad71;line-height: 17px;}
.product-download a {display: block;width: 280px;line-height: 44px;text-align: center;background-color: #27ad71;font-size: 17px;color: #fff;border-radius: 5px;}
.product-download a img {vertical-align: middle;margin: -4px 0 0 16px;}

.main02 {padding: 70px 0 90px;background-color: #d3f0ce;}
.main02 h2 {font-size: 37px;color: #35987e;line-height: 39px;text-align: center;font-weight: 700;margin-bottom: 35px;}
.content-lists {display: flex;justify-content: space-between;flex-wrap: wrap;}
.content-lists li {width: 341px;}
.content-lists li:nth-child(3n+2) {margin: 0 28px 30px;}
.content-lists li a {display: block;color: #333;font-size: 17px;line-height: 23px;padding-top: 10px;}
.content-lists li a:hover {text-decoration: underline;}
.content-slide {width: 25px;height: 25px;border-right: 5px solid #009B7F;border-bottom: 5px solid #009B7F;border-radius: 3px;transform: rotate(45deg);transition: all .3s;margin: 0 auto;cursor: pointer;}
.content-slide.on-active {transform: rotate(225deg);}

.main03 {padding: 80px 0;background: url(../images/easter-calendar/bg2.jpg) no-repeat center top/cover;}
.main03 .details {width: 1170px;position: relative;}
.main03 h2 {font-size: 37px;color: #fff;line-height: 39px;text-align: center;font-weight: 700;margin-bottom: 44px;}
.main03 h2 span {color: #fff000;}
.flower-img {position: absolute;bottom: 38px;left: -104px;}
.calendar-container {min-height: 710px;box-sizing: border-box;padding: 20px;border-radius: 120px;background: url(../images/easter-calendar/calendar-bg.jpg) no-repeat center center/cover;display: flex;flex-wrap: wrap;box-shadow: 0 10px 20px 0 #389e69;position: relative;z-index: 2;}
.calendar-gift {width: 372px;height: 329px;border-bottom: 12px solid #c8d1f2;position: relative;overflow: hidden;}
.calendar-gift:nth-child(3n+2) {border-left: 7px solid #c8d1f2;border-right: 7px solid #c8d1f2;}
.calendar-gift:nth-child(n+4) {border-bottom: none;}
.calendar-gift:nth-child(3) {border-radius: 0 100px 0 0;}
.calendar-gift:nth-child(4) {border-radius: 0 0 0 100px;}
.calendar-gift:nth-child(6) {border-radius: 0 0 100px 0;}
.gift-content {padding-top: 33px;}
.gift-content .img-container {text-align: center;height: 202px;}
.gift-content .img-container img {max-height: 100%;}
.gift-content p {font-size: 19px;color: #1c1c1c;line-height: 21px;text-align: center;margin-bottom: 10px;}
.gift-content p span {color: #f02900;}
.gift-content button,.gift-content>a {display: block;width: 220px;line-height: 48px;text-align: center;font-size: 21px;color: #fff;border-radius: 24px;background: linear-gradient(45deg, #ff9a0a, #ff771d);margin: 0 auto;border: none;outline: none;cursor: pointer;}
.calendar-container.other-lang .gift-content button,.gift-content>a {font-size: 17px;}
.gift-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;background-color: rgba(0,0,0,0.5);}
.gift-mask p {width: 100%;height: 64px;line-height: 64px;font-size: 21px;color: #fff;text-align: center;background-color: #66c06f;}
.gift-mask p span {display: inline-block;vertical-align: middle;height: 36px;width: 48px;padding-top: 6px;line-height: 16px;border: 2px solid #fff;border-radius: 50%;font-size: 15px;margin-right: 10px;}
.calendar-another {width: 372px;height: 329px;border-radius: 0 0 100px 0;background: url(../images/easter-calendar/calendar-img.jpg) no-repeat left top;overflow: hidden;}

.main04 {  background-color:#fff;padding: 70px 0;}
.main04 h4 { font-size: 39px; line-height: 45px; text-align: center; padding-bottom:30px;}
.main04 .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.main04 .qes_one .t{font-size: 18px; background: url(../images/xmas-2021/add.png) no-repeat right 3px;cursor: pointer; padding-bottom: 10px;}
.main04 .qes_one .qes_ans{color: #737480;display: none;}
.main04 .qes_one .focus{background: url(../images/xmas-2021/min.png) no-repeat right center;}
.main04 .qes_one.focus .qes_ans{display: block;}
.main04 a { color: #2691fc; }

.nylot-comment{background-color:#fff; }
.art-comm-top{border-bottom:1px solid #a3a3a3; position:relative; padding:30px 0 5px;}
.art-comm-nd{font-size:21px;}
.art-comm-dis{display:inline-block; background-color:#ffba00; font-size:17px; color:#fff; padding:3px 10px; border-radius:5px; outline-color:#999;}
.art-comm-dis:hover{text-decoration:none;}
.art-comm-sort{position:absolute; top:32px; right:0;}
.comm-sort-a{color:#373b40;}
.comm-sort-a:hover{text-decoration:none;}
.comm-sort-a.active{color:#03bafe;}
.art-comm-usin, .art-comm-reply{position:relative; margin:20px 0 35px;}
a[name^=comm-reply]{position:relative; top:-260px;}
.art-comm-hp{width:55px; height:55px; border-radius:50%; position:absolute;}
.comm-usin-x{padding-left:70px;}
.comm-usin-teta{height:115px; width:100%; resize:none; padding:5px 10px; box-sizing:border-box; font-family:tahoma, Arial, sans-serif; font-size:17px; border:1px solid #e0e0e0; border-radius:5px 5px 0 0; background-color:#fafafa; display:block; color:#525252;}
.comm-usin-sp{border:1px solid #e0e0e0; border-top:0; border-radius:0 0 5px 5px;}
.comm-usin-file{position:absolute; opacity:0; height:38px;}
.comm-usin-label{font-size:13px; color:#999; padding:5px 10px; display:inline-block;}
:focus + .comm-usin-label{outline:1px dashed #999;}
.comm-usin-tips.comm-usin-tips{color:#00afef; padding:10px 0 5px;}
.usin-tips-ema{color:#555;}
.comm-usin-input{width:43%; border:1px solid #e0e0e0; padding-left:2%; background-color:#fafafa; height:45px; line-height:45px; border-radius:5px; color:#525252; margin-bottom:30px; font-size:17px;}
.comm-usin-email{float:right;}
.comm-usin-but{font-size:21px; color:#fff; background-color:#03bafe; width:40%; border:0; height:45px; line-height:45px; border-radius:5px; cursor:pointer;}
.art-comm-usco{position:relative; margin:35px 0;}
.comm-usco-hp{width:55px; height:55px; border-radius:50%; position:absolute; top:8px; overflow:hidden;}
.comm-usco-x, .art-comm-reply{padding-left:70px;}
.comm-usco-nt{color:#999;}
.comm-usco-na{color:#3b8afa;}
.comm-usco-re2{vertical-align:-2px;}
.comm-usco-dc.comm-usco-dc{padding:5px 0;}
.comm-usco-op{color:#999;}
.comm-op-zn{font-style:normal;}
.comm-op-a{display:inline-block; width:8px; height:8px; box-sizing:border-box; border-top:1px solid #666; border-left:1px solid #666; margin:0 8px;}
.comm-op-z{transform:rotate(45deg); -webkit-transform:rotate(45deg); vertical-align:-2px;}
.comm-op-c{transform:rotate(225deg); -webkit-transform:rotate(225deg); vertical-align:2px;}
.comm-op-re{color:#999; margin-left:15px;}
.comm-op-re:hover{text-decoration:none;}
.art-comm-usin-2{padding-left:90px;}
.art-comm-page{color:#333; text-align:center;}
.comm-page-btn{display:inline-block; width:14px; height:14px; box-sizing:border-box; border-width:2px 0 0 2px; border-style:solid; border-color:#999; cursor:pointer; background:none; vertical-align:middle;}
.comm-page-btn:focus{outline:0;}
.comm-page-prev{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.comm-page-next{transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.comm-page-a{color:#333; display:inline-block; padding:0 8px;}
.comm-page-a.active{background-color:#ffba00; color:#fff;}
.comm-page-a:-moz-focusring{outline:1px dashed #999;}
.comm-page-a:focus-visible{outline:1px dashed #999;}
.comm-page-a:hover{text-decoration:none;}

.popup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 100;}
.popup-content {width: 800px;background-color: #fff;border-radius: 6px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.popup-title {text-align: center;background: #7690ff url(../images/easter-calendar/popup-title-bg.jpg) no-repeat center top;border-radius: 6px 6px 0 0;}
.popup-title img {margin: -103px 0 20px;}
.popup-title h3 {font-size: 27px;color: #fff;line-height: 29px;font-weight: 600;padding-bottom: 28px;}
.popup-title h3 span {color: #fff49a;}
.popup-real {min-height: 325px;box-sizing: border-box;text-align: center;color: #181818;}
.style-one {padding: 20px 40px 13px;}
.style-one h4 {font-size: 21px;line-height: 23px;font-weight: 600;}
.style-one h4 span {font-size: 19px;color: #7690ff;font-weight: 500;}
.style-one h4+p,.style-one p.normal-para {font-size: 21px;line-height: 31px;padding: 10px 0 20px;}
.style-one p.normal-para {padding: 10px 0 30px;}
.style-one h4+p a,.style-one p.normal-para a {color: #34baff;text-decoration: underline;}
.popup-download {display: block;width: 302px;line-height: 66px;font-size: 22px;color: #fff;font-weight: 600;background-color: #7690ff;border-radius: 5px;margin: 0 auto 28px;}
.popup-download.other-lang {font-size: 19px;width: 320px;line-height: 55px;}
.popup-last-words {font-size: 19px;color: #838383;line-height: 21px;}
.popup-six .popup-last-words {padding-top: 20px;}
.style-two {padding: 74px 80px 0;}
.popup-input {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.popup-input input {width: 260px;height: 64px;border: 1px solid #7690ff;border-right: none;font-size: 23px;color: #828282;outline: none;border-radius: 6px 0 0 6px;margin-bottom: 20px;text-align: center;}
.popup-input.other-lang input {width: 290px;height: 53px;font-size: 21px;}
.popup-input button {width: 200px;line-height: 66px;font-size: 23px;color: #fff;background-color: #7690ff;border-radius: 0 6px 6px 0;border: none;outline: none;cursor: pointer;margin-bottom: 20px;font-weight: 600;}
.popup-input.other-lang button {height: 55px;box-sizing: border-box;line-height: 23px;font-size: 21px;}
.popup-input+p {font-size: 21px;line-height: 31px;}
.style-three {padding: 20px 20px 13px;background: url(../images/easter-calendar/popup-content-bg.jpg) no-repeat center/auto 100%;}
.style-three img {display: block;margin: 0 auto;}
.style-three h5 {font-size: 30px;color: #7690ff;font-weight: 600;line-height: 32px;padding: 15px 8px;position: relative;}
.style-three h5::after {content: "";width: 480px;height: 1px;background-color: #becbff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.successful-words {font-size: 21px;color: #7690ff;line-height: 33px;padding: 14px 140px 30px;}
.successful-words a {color: #34baff;}
.popup-three .popup-download {margin-bottom: 3px;}
.popup-download-info {font-size: 19px;color: #7690ff;line-height: 21px;padding-bottom: 25px;}
.popup-four .style-one h4+p {padding: 10px 50px 30px;}
.popup-four .popup-input button {width: 220px;}
.popup-four .successful-words {padding: 14px 20px 40px;}
.popup-four .successful-words a {color: #27ad71;}
.popup-four .successful-words+p {font-size: 19px;color: #34baff;line-height: 21px;text-decoration: underline;padding-bottom: 20px;}
.popup-send2000 {margin-top: -15px;}
.popup-send2000 .warp01 {border: 2px dashed #7f97ff; display: inline-block;padding: 5px 15px;color: #f06747;font-size: 21px;font-weight: 600;margin-bottom: 5px;}
.popup-send2000 .warp02 a {color: #7690ff;border-bottom: 1px solid #7690ff;font-weight: 600;font-size: 17px;}
.popup-send2000 .warp03 {display: inline-block; color: #858585;font-size: 17px;margin-top: 20px;}

@media (max-width:979px) {
    .details,.main01 .details,.main03 .details {width: 96%;}

    .main01 h1+p {color: #A9D555;}
    .product-container {width: 100%;padding: 60px 30px 35px;}
    .product-left-intro {margin: 0 auto 30px;}
    .product-right-intro {width: 100%;}
    .input-buy-container {align-items: center;justify-content: center;}
    .input-buy-word {width: 100%;text-align: center;}
    .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;}

    .content-lists {justify-content: center;}
    .content-lists li,.content-lists li:nth-child(3n+2) {margin: 0 10px 30px;}
    .content-lists li:nth-child(n+4) {display: block;}
    .content-slide {display: none;}

    .flower-img {display: none;}
    .calendar-container {background: #FFFCE9;border: 15px solid #7690FF;border-radius: 30px;overflow: hidden;padding: 0;}
    .calendar-gift,.calendar-another {width: 50%;box-sizing: border-box;border-radius: 0;}
    .calendar-another {background-color: #DCE8FF;background-position: center;}
    .calendar-gift,.calendar-gift:nth-child(3n+2),.calendar-gift:nth-child(n+4),
    .calendar-gift:nth-child(3),.calendar-gift:nth-child(4),.calendar-gift:nth-child(6) {border-radius: 0;border: 3px solid #c8d1f2;}
    .gift-mask p {height: 60px;line-height: 60px;}

    .main04 {background-size:100% 100px;}

    .popup-content {width: 96%;}
    .popup-title img {width: 250px;margin: -50px 0 10px;}
    .popup-title h3 {font-size: 19px;line-height: 21px;padding-bottom: 10px;}
    .popup-real {min-height: 220px;}
    .style-one,.style-three {padding: 10px 20px;}
    .style-one h4 {font-size: 19px;line-height: 21px;}
    .style-one h4+p,.popup-input+p,.style-one p.normal-para {font-size: 17px;line-height: 23px;padding: 10px 0;}
    .popup-download {line-height: 46px;margin: 0 auto 15px;}
    .popup-six .popup-last-words {padding-top: 0;}
    .style-two {padding: 30px 20px;}
    .popup-input input {height: 44px;font-size: 19px;width: 230px;}
    .popup-input button {line-height: 46px;font-size: 21px;width: 180px;}
    .style-three h5 {font-size: 19px;line-height: 21px;padding: 10px 0;}
    .popup-four .successful-words,.successful-words {font-size: 17px;line-height: 23px;padding: 10px 20px 20px;}

}

@media (max-width:767px) {
    .main01 {padding: 40px 0 60px;}
    .main01 h1 {font-size: 35px;line-height: 39px;}
    .main01 h1+p {font-size: 27px;line-height: 29px;padding: 20px 0 30px;}
    .content-nav {width: 350px;background-size: 100% 100%;}
    .content-nav a {width: 175px;font-size: 21px;line-height: 25px;}
    .product-tag {width: 300px;height: 80px;padding: 4px 25px 0 10px;text-align: left;line-height: 22px;background-position: right top;left: -9px;top: -30px;font-size: 17px;}

    .main02 {padding: 50px 0;}
    .main02 h2,.main03 h2 {font-size: 25px;line-height: 27px;}

    .main03 {padding: 50px 0;}
    .calendar-gift,.calendar-another {width: 100%;}
    .style-three h5::after {width: 350px;}


    .main04 h4 {font-size: 29px;}
	.main04 .qes_one .t{font-size: 17px;padding: 0 20px 10px 0;}
	.main04 .qes_one .qes_ans{padding: 5px;}
}

@media (max-width:479px) {
    .product-container {padding: 60px 15px 40px;}
    .input-content {justify-content: center;}
    .input-content input {margin-bottom: 10px;border-right: 1px solid #27ad71;}
    .input-submit button {border-radius: 5px;}


    .main04 {background-size:100% 50px; padding-top:60px;}
	.main04 h4 {font-size: 23px; padding-bottom:0;}
	.main04 .qes_one{padding:8px 0 0;}
	.main04 .qes_one .t{font-size: 15px;}
	.main04 .qes_one .qes_ans{font-size: 13px; line-height:1.5;}

    .art-comm-sort{position:relative; top:0; right:0;}

    .popup-input input {border-right: 1px solid #7690ff;width: 80%;}
    .popup-input input, .popup-input button {border-radius: 6px;}
}