@charset "utf-8";
html, body{scroll-behavior:smooth;}
a{color:inherit; text-decoration:none;}
a:hover{color:inherit;text-decoration:none;}
img{max-width:100%;vertical-align: middle;}
.details {width: 1200px;}

/* ``````````````````````````````````````````````` */
.main01 {padding-top: 65px;background: #060a24 url(../images/index/bg1.jpg) no-repeat center bottom/100% auto;text-align: center;}
.main01-content {width: 1160px;box-sizing: border-box;padding: 0 100px 40px 305px;margin: 0 auto;border-bottom: 1px solid #393c6e;}
.words-inline-icon {display: flex;justify-content: center;align-items: center;font-size: 35px;color: #fff;line-height: 38px;letter-spacing: 9px;}
.words-inline-icon img {margin-right: 9px;}
h1 {font-size: 75px;line-height: 1em;padding: 24px 0 12px;font-weight: 600;color: transparent;background-image: linear-gradient(to right, #eebc9b, #faf1e2);background-clip: text;-webkit-background-clip: text;}
.h1-span {display: inline-block;padding-bottom: 13px;border-bottom: 3px solid #faf1e2;white-space: nowrap;}
.h1-p {font-size: 21px;color: #faf1e2;line-height: 1.1em;margin-bottom: 45px;}
.main01-tabs {display: flex;justify-content: center;align-items: flex-start;padding-bottom: 22px;flex-wrap: wrap;}
.main01-tab {width: 205px;margin-bottom: 20px;font-size: 17px;color: #7db7ff;line-height: 1em;text-decoration: underline;}
.main01-tab:hover {color: #fff;text-decoration: underline;}
.main01-tab::before {content: "";display: block;height: 75px;background: url(../images/index/main01-icons.png) no-repeat 65px top;}
.main01-tab:nth-child(2)::before {background-position-x: -155px;}
.main01-tab:nth-child(3)::before {background-position-x: -375px;}
.main01-p {font-size: 17px;color: #91a1db;line-height: 1.8em;}
.main01-icons {display: flex;justify-content: center;align-items: flex-start;padding-top: 10px;}
.main01-icon {flex-shrink: 0;width: 100px;margin: 0 20px 10px;text-align: center;font-size: 15px;color: #52b7ea;line-height: 1em;}
.main01-icon::before {content: "";display: block;width: 60px;height: 50px;margin: 0 auto;background: url(../images/index/main01-icons2.png) no-repeat 8px top;}
.main01-icon:nth-child(2)::before {background-position-x: -125px;}
.main01-icon:nth-child(3)::before {background-position-x: -257px;}
.main01-icon:nth-child(4)::before {background-position-x: -399px;}
.main01-icon:nth-child(5)::before {background-position-x: -531px;}
.main01-icon:nth-child(6)::before {background-position-x: -666px;}

.main02 {padding: 52px 0 82px;background: #f5f5f5 url(../images/index/bg2.jpg) no-repeat center top/100% auto;position: relative;}
.main02-h2 {font-size: 41px;color: #fff;font-weight: 600;line-height: 1.1em;margin-bottom: 80px;}
.main02-options {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.main02-option {width: 590px;padding-bottom: 5px;background: linear-gradient(#ffd67f 11px, #fff 11px);border-radius: 20px;box-shadow: 0 10px 10px 0 #ededed;margin-bottom: 62px;}
.right-option {background: linear-gradient(#6E84FE 11px, #fcf6e8 11px);box-shadow: 0 10px 10px 0 #f5eede;}
.option-tag {width: 282px;line-height: 71px;text-align: center;font-size: 27px;font-weight: 600;color: #2afefe;background: url(../images/index/border-bg.png) no-repeat left center;position: relative;margin: -34px auto 0;}
.right-option .option-tag {background-position-x: right;}
.main02-option .img-wrap {height: 255px;display: flex;justify-content: center;align-items: center;}
.option-title {font-size: 25px;color: #5139e5;line-height: 1.1em;text-align: center;margin-bottom: 35px;}
.option-infos {margin: 0 10px 0 44px;border-left: 1px dashed #6e84fe;}
.option-info {font-size: 15px;color: #222121;line-height: 1.5em;padding-left: 30px;margin-bottom: 25px;position: relative;}
.option-info>a {text-decoration: underline;}
.option-info>.blue-color {color: #4844d2;}
.option-info .emit-inner-popup {position: relative;}
.option-info .emit-inner-popup>img {display: none;position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);max-width: initial;}
.option-info .emit-inner-popup:hover>img {display: block;}
.option-info .option-download {padding: 6px 15px;border: 1px solid #4844d2;text-decoration: none;border-radius: 4px;}
.option-num {width: 27px;line-height: 27px;text-align: center;font-style: italic;font-size: 15px;color: #fff;background-color: #6e84fe;border-radius: 50%;position: absolute;top: 50%;left: -14px;margin-top: -13px;z-index: 1;}
.option-info:first-child .option-num {background-color: #ffd67f;}
.right-option .option-info:first-child .option-num {background-color: #ffae78;}
.option-info:first-child::after,.option-info:last-child::after {content: "";width: 1px;height: 50%;background-color: #fff;position: absolute;left: -1px;top: 0;}
.option-info:last-child::after {top: 50%;}
.right-option .option-info:first-child::after,.right-option .option-info:last-child::after {background-color: #fcf6e8;}
.main02-p {font-size: 17px;color: #222121;line-height: 1.2em;margin-bottom: 40px;text-align: center;}
.the-tabs {display: flex;justify-content: center;}
.the-tab {width: 264px;height: 61px;background-color: #fff;position: relative;text-align: center;font-size: 21px;color: #3d44ae;display: flex;justify-content: center;align-items: center;margin: 0 13px;cursor: pointer;}
.the-tab:hover,.the-tab.active {background: linear-gradient(to right, #b647fe, #2831ca);color: #fff;}
.the-tab::before,.the-tab::after {content: "";position: absolute;top: 0;left: 0;border: 5px solid #f5f5f5;border-right-color: transparent;border-bottom-color: transparent;}
.the-tab::after {border-right-color: #f5f5f5;border-left-color: transparent;left: auto;right: 0;}
.the-tab img {margin-right: 17px;}
.tab-contents {min-height: 390px;border: 3px solid #553dae;border-radius: 30px;background-color: #fff;color: #323232;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.tab-content1 {padding: 36px 40px;}
.tab-h3 {font-size: 35px;line-height: 1.1em;font-weight: 600;text-align: center;margin-bottom: 45px;}
.tab-content1-wrap {display: flex;align-items: flex-start;flex-wrap: wrap;padding-top: 10px;}
.tab-infos {width: 530px;box-sizing: border-box;padding: 10px 0 0 55px;margin-left: 55px;border-left: 1px dashed #bfbfbf;}
.tab-date {display: flex;align-items: center;font-size: 17px;line-height: 1.2em;margin-bottom: 30px;}
.the-date {width: 235px;display: flex;align-items: flex-end;}
.the-date::after {content: "";flex-grow: 1;border-bottom: 1px dotted #323232;margin: 0 5px 4px;}
.date-info {width: 330px;}
.tab-infos-p,.tab-input-top {font-size: 17px;color: #222121;line-height: 1.5em;margin: 12px 0 28px;}
.tab-infos-share {display: flex;flex-wrap: wrap;}
.tab-infos-share>a {width: 73px;height: 73px;margin: 0 50px 10px 0;background: url(../images/index/tab-shares.png) no-repeat left center;}
.tab-infos-share>a:nth-child(2) {background-position-x: -125px;}
.tab-infos-share>a:nth-child(3) {background-position-x: -250px;}
.tab-infos-share>a:nth-child(4) {background-position-x: right;margin-right: 0;}
.tab-input {width: 520px;margin-top: -10px;}
.tab-input-top {margin-top: 0;}
.tab-input input {width: 100%;box-sizing: border-box;height: 45px;padding: 0 20px;font-size: 15px;color: #696969;border: 1px solid #bfbfbf;margin-bottom: 16px;border-radius: 23px;outline: none;}
.tab-input input::-webkit-input-placeholder {color: #696969;}
.tab-input input:nth-child(2) {height: 37px;border-radius: 4px;border-color: #3d44ae;}
.tab-input input:nth-child(2)::-webkit-input-placeholder {color: #9b9b9b;}
.input-check {display: flex;font-size: 14px;color: #6a6a6a;line-height: 1.2em;cursor: pointer;}
.checkbox {width: 13px;height: 13px;border: 1px solid #65bc44;border-radius: 2px;margin-right: 8px;}
.checkbox::before {content: "";display: none;width: 4px;height: 8px;border-bottom: 2px solid #65bc44;border-right: 2px solid #65bc44;transform: rotate(45deg);margin: 1px 0 0 3px;}
.input-check.active .checkbox {border-color: #e0f0d8;background-color: #e0f0d8;}
.input-check.active .checkbox::before {display: block;}
.tab-input button {display: block;min-width: 188px;line-height: 48px;border: none;outline: none;font-size: 19px;color: #fff;background: linear-gradient(to right, #444df6, #8c4bfd);border-radius: 6px;margin: 24px auto 0;cursor: pointer;}
.tab-content2 {padding: 24px 10px 10px;}
.tab-prizes {display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;text-align: center;}
.tab-h4 {font-size: 15px;color: #ff952e;line-height: 1.1em;}
.tab-prize1 .tab-h4 {color: #613bcd;padding: 40px 0 155px;}
.tab-prize2 .tab-h4 {padding: 10px 0 148px;}
.tab-prize3 .tab-h4 {padding: 0 0 128px;}
.prize-box {box-sizing: border-box;position: relative;}
.prize-box::before {content: "";position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);border-bottom: 9px solid #e5e5e5;}
.tab-prize1 .prize-box {width: 300px;min-height: 105px;padding: 18px 40px 15px;background-color: #f7f7f7;}
.tab-prize1 .prize-box::before {width: calc(100% + 40px);height: 28px;background: linear-gradient(130deg, transparent 18px, #f7f7f7 18px) no-repeat left center/65% 100%, linear-gradient(50deg, #f7f7f7 calc(100% - 18px), transparent calc(100% - 18px)) no-repeat right center/65% 100%;}
.tab-prize2 .prize-box {width: 310px;min-height: 137px;padding: 24px 40px 15px;background-color: #fefae9;}
.tab-prize2 .prize-box::before {width: calc(100% + 30px);height: 28px;background: linear-gradient(130deg, transparent 18px, #fefbed 18px) no-repeat left center/65% 100%, linear-gradient(50deg, #fefbed calc(100% - 18px), transparent calc(100% - 18px)) no-repeat right center/65% 100%;border-color: #fbecbd;}
.tab-prize3 .prize-box {width: 335px;min-height: 170px;padding: 32px 25px 15px;background-color: #fcf1c8;}
.tab-prize3 .prize-box::before {width: calc(100% + 42px);height: 20px;background: linear-gradient(133deg, transparent 14px, #fff8e7 14px) no-repeat left center/65% 100%, linear-gradient(42deg, #fff8e7 calc(100% - 14px), transparent calc(100% - 14px)) no-repeat right center/65% 100%;border-color: #fbecbd;}
.prize-box img {position: absolute;left: 50%;transform: translateX(-50%);}
.tab-prize1 .prize-box img {bottom: calc(100% + 22px);}
.tab-prize2 .prize-box img {bottom: calc(100% + 22px);}
.tab-prize3 .prize-box img {bottom: calc(100% + 18px);}
.prize-h3 {font-size: 18px;color: #323232;line-height: 1.1em;padding-bottom: 8px;font-weight: 600;}
.tab-prize3 .prize-h3 {padding-bottom: 16px;}
.tab-prize3 .prize-h3 {font-size: 24px;padding-bottom: 16px;}
.prize-p {font-size: 15px;color: #45433d;line-height: 1.6em;}
.prize-p span {color: #ff6666;}
.tab-prize3 .prize-p {font-size: 17px;}
.tab-prizes-p {font-size: 14px;color: #68665f;line-height: 1.1em;text-align: center;padding-top: 16px;}
.tab-rules-wrap {min-height: 384px;box-sizing: border-box;padding: 10px 94px;display: flex;align-items: center;}
.tab-rule {font-size: 15px;color: #222121;line-height: 1.2em;padding: 5px 0 5px 10px;}
.tab-rule.rule-title {font-weight: 600;padding-bottom: 0;padding-top: 10px;padding-left: 0;}
.quote-popup {display: inline-block;vertical-align: middle;width: 17px;height: 17px;border-radius: 50%;background-color: #d9deff;font-size: 17px;color: #12153b;line-height: 17px;text-align: center;position: relative;margin-top: -3px;cursor: pointer;}
.quote-infos {display: none;width: 550px;box-sizing: border-box;padding: 8px 20px 8px 32px;border: 1px solid #553dae;border-radius: 14px;background-color: #fff;position: absolute;bottom: 150%;left: 50%;transform: translateX(-50%);cursor: default;}
.quote-popup:hover .quote-infos {display: block;}
.quote-info {font-size: 15px;color: #454545;line-height: 1.1em;padding-left: 16px;margin: 6px 0;position: relative;text-align: left;}
.quote-info::before {content: "";border-left: 6px solid #aa48fe;border-top: 4px solid transparent;border-bottom: 4px solid transparent;position: absolute;left: 0;top: 4px;}

.main03 {padding: 76px 0 16px;background: #fafafa url(../images/index/bg3.png) no-repeat center bottom;}
.main03-h2 {font-size: 41px;color: #000;line-height: 1.1em;font-weight: 600;text-align: center;margin-bottom: 50px;}
.main03-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 130px;}
.main03-content-right {width: 360px;}
.main03-content:nth-child(even) .main03-content-left {order: 2;}
.main03-content-left {position: relative;background-color: #fff;border-radius: 22px;}
.video-img {display: none;position: relative;border-radius: 22px;overflow: hidden;}
.video-img.active {display: block;}
.play-icon {width: 77px;height: 77px;position: absolute;top: 50%;left: 50%;margin: -38px 0 0 -38px;background-color: rgba(255, 255, 255, 0.8);border-radius: 50%;cursor: pointer;z-index: 2;}
.play-icon:hover {background-color: #fff;}
.play-icon::before {content: "";display: block;border-left: 22px solid #3a3a3a;border-top: 14px solid transparent;border-bottom: 14px solid transparent;margin: 24px 0 0 30px;}
.video-popup-wrap {display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;z-index: 100;}
.video-popup {width: 900px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #000;}
.video-popup::before {content: "";display: block;padding-bottom: 56.25%;}
.video-popup video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.img-mask {width: 100%;min-height: 112px;background-color: rgba(255, 255, 255, 0.5);backdrop-filter: blur(6px);position: absolute;bottom: 0;left: 0;display: flex;border-radius: 0 0 22px 22px;}
.img-mask-left,.img-mask-right {width: 50%;box-sizing: border-box;display: flex;}
.img-mask-left>li {display: none;flex-direction: column;justify-content: center;align-items: flex-start;padding-left: 58px;}
.img-mask-left>li.active {display: flex;}
.img-mask-h4 {font-size: 21px;color: #252525;line-height: 1.1em;font-weight: 600;}
.img-mask-p {font-size: 15px;color: #fff;line-height: 1em;margin: 13px 0 9px;}
.img-mask-link {display: inline-block;padding: 5px 10px;border: 1px solid currentColor;border-radius: 4px;font-size: 15px;color: #565eff;line-height: 1em;margin-top: 12px;}
.img-mask-link:hover {color: #565eff;}
.img-mask-right {padding: 0 4px 0 12px;align-items: center;}
.img-mask-list {padding-left: 10px;font-size: 15px;color: #2e2e2e;line-height: 1.1em;margin: 9px 0;position: relative;}
.img-mask-list::before {content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #fff;position: absolute;top: 6px;left: 0;}
.imgs-dots {width: 100%;display: flex;justify-content: center;position: absolute;bottom: -25px;left: 0;}
.imgs-dot {width: 80px;height: 10px;background-color: #a1a1a1;margin: 0 10px;cursor: pointer;}
.imgs-dot.active {background-color: #3895E5;}
.main03-content-h3 {font-size: 21px;color: #404040;line-height: 1.1em;}
.main03-content-p {font-size: 17px;color: #404040;line-height: 1.6em;margin: 32px 0 20px;}
.main03-content-p>a {color: #4e56d3;text-decoration: underline;}
.main03-content-button {display: inline-block;line-height: 55px;padding: 0 15px;font-size: 18px;color: #fff;border-radius: 6px;background: linear-gradient(to right, #434df6, #8d4bfd);margin-bottom: 17px;}
.main03-content-button:hover {color: #fff;}
.main03-content-link {font-size: 17px;color: #4e56d3;line-height: 1.1em;text-decoration: underline;}
.main03-content-link:hover {color: #4e56d3;text-decoration: underline;}

.main04 {padding: 93px 0 110px;background: url(../images/index/bg4-2.png) no-repeat center top , url(../images/index/bg4.jpg) no-repeat center top/cover;}
.main04-content {padding: 0 74px 0 60px;display: flex;align-items: flex-start;flex-wrap: wrap;}
.main04-left,.main04-right {width: 486px;}
.main04-left {margin: 18px 77px 52px 0;}
.main04-card-h4 {font-size: 29px;line-height: 1.1em;margin-bottom: 20px;color: transparent;background: linear-gradient(to right, #45a6ff, #8d60ff);background-clip: text;-webkit-background-clip: text;}
.main04-card1 .main04-card-h4 {padding-left: 108px;}
.card-wrap {background-color: #fff;position: relative;}
.main04-card1 .card-wrap {border-radius: 14px 0 0 14px;padding: 30px 30px 33px;}
.main04-card1 .card-wrap::before {content: url(../images/index/main04-img1.png);position: absolute;top: -62px;left: -24px;}
.main04-card1 .card-wrap::after {content: url(../images/index/main04-img2.png);position: absolute;bottom: -275px;right: -64px;}
.main04-card2 .card-wrap {background-color: #fffae2;border-radius: 0 14px 14px 0;padding: 50px 50px 60px 42px;}
.main04-card3 .card-wrap {background-color: #615bfb;border-radius: 0 14px 14px 0;padding: 43px 33px 53px 46px;}
.main04-card3 .card-wrap::after {content: url(../images/index/main04-img3.png);position: absolute;bottom: -24px;right: -42px;}
.card-email-urls {padding-bottom: 22px;min-height: 275px;box-sizing: border-box;}
.card-email-urls li {font-size: 15px;color: #585858;line-height: 1.1em;padding: 12px 16px;background-color: #f9f7fa;border-radius: 30px;margin-bottom: 10px;display: flex;}
.card-email-urls li span {width: 150px;margin-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex-shrink: 0;}
.card-email-urls li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.card-email-urls li a:hover {text-decoration: underline;}
.card-dots {display: flex;justify-content: center;position: relative;z-index: 2;}
.card-dots li {width: 8px;height: 8px;border-radius: 50%;background-color: #c7c7c7;margin: 0 6px;transition: all 0.1s;cursor: pointer;}
.card-dots li:hover {transform: scale(1.6);}
.card-dots li.active {background-color: #ff6032;}
.main04-card2 {margin-bottom: 53px;}
.main04-card2 .card-wrap {display: flex;align-items: center;flex-wrap: wrap;}
.card-right-info {width: 200px;margin-left: 35px;}
.card-info-p {font-size: 17px;color: #464646;line-height: 1.5em;margin-bottom: 22px;}
.card-info-buttons {display: flex;}
.card-info-button {width: 188px;height: 48px;font-size: 19px;color: #fff;background: linear-gradient(to right, #444df6, #8c4bfd);border-radius: 5px;display: flex;justify-content: center;align-items: center;}
.card-info-button:hover {color: #fff;}
.card-info-button img {margin-left: 22px;}
.card-info-lists {border-left: 1px dotted #fff;}
.card-info-list {font-size: 15px;color: #dff0ff;line-height: 1.6em;padding-left: 36px;margin-bottom: 28px;position: relative;}
.card-info-list:last-child {margin-bottom: 0;margin-right: 80px;}
.card-info-num {width: 37px;line-height: 37px;text-align: center;font-size: 23px;color: #b353ea;background-color: #fff;border-radius: 50%;position: absolute;top: 50%;left: -19px;margin-top: -18px;z-index: 1;}
.card-info-list:first-child::after,.card-info-list:last-child::after {content: "";width: 1px;height: 50%;background-color: #615bfb;position: absolute;left: -1px;top: 0;}
.card-info-list:last-child::after {top: 50%;}

.main05 {padding:65px 0 90px;}
.main05-h2 { font-size: 41px; line-height: 1em; text-align: center; padding-bottom:36px;font-weight: 600;}
.main05 .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.main05 .qes_one .t{font-size: 18px;cursor: pointer; padding-bottom: 10px;position: relative;}
.main05 .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%}
.main05 .qes_one .qes_ans{color: #737480;display: none;}
.main05 .qes_one.focus .t:after{background: linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px;}
.main05 .qes_one.focus .qes_ans{display: block;}
.main05 a { color: #2691fc; }

.fixed-right {width: 280px;padding: 15px 13px 28px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);position: fixed;top: 50%;right: 1.15vw;z-index: 100;transform: translateY(-50%);background-color: #fff;border-radius: 15px;}
.fixed-content-navs {margin: 0 10px;padding: 15px 0 4px 24px;border-bottom: 1px solid #dcdcdc;}
.fixed-content-navs>a {display: block;padding-left: 15px;font-size: 14px;color: #3d3b3b;line-height: 1.1em;margin-bottom: 13px;position: relative;}
.fixed-content-navs>a:hover {color: #3b67e7;}
.fixed-content-navs>a::before {content: "";width: 5px;height: 5px;background-color: currentColor;border-radius: 50%;position: absolute;left: 0;top: 6px;}
.fixed-intro {text-align: center;}
.fixed-intro-title {font-size: 19px;color: #000;line-height: 1.1em;font-weight: 600;padding: 12px 0 10px;}
.fixed-intro-title>img {vertical-align: middle;margin: 0 11px 0 0;}
.fixed-img {background-color: #FCF6E8;border-radius: 12px;overflow: hidden;}
.fixed-intro-p {font-size: 15px;color: #706d69;line-height: 1.1em;margin: 16px 0 10px;}
.fixed-intro-button {display: inline-block;font-size: 17px;color: #ff9945;font-weight: 600;line-height: 32px;padding: 0 10px;border: 1px dashed #ff9945;border-radius: 4px;position: relative;}
.fixed-intro-button:hover {color: #ff9945;}
.fixed-intro-button::after {content: url(../images/index/scissors-icon.jpg);position: absolute;bottom: -22px;right: 10px;}

.popup-container {display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;z-index: 100;}
.popup-content {width: 1200px;padding: 44px 0 34px;background-color: #fff;border-radius: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.cancel-popup {font-size: 40px;line-height: 40px;width: 40px;color: #fff;position: absolute;top: -50px;right: 0;cursor: pointer;}
.popup-h3 {margin-bottom: 38px;font-size: 37px;color: #1d1d1f;line-height: 1.1em;font-weight: 600;text-align: center;}
.popup-steps {display: flex;justify-content: space-between;}
.popup-step {width: 374px;background-color: #fff;box-shadow: 0 10px 10px 0 rgba(0,0,0,0.05);border-radius: 14px 14px 0 0;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;margin-bottom: 38px;}
.popup-step-top {padding: 16px 30px 0;}
.step-tag {font-size: 21px;color: #ff9638;line-height: 1em;}
.step-h4 {font-size: 25px;color: #1d1d1f;line-height: 1em;font-weight: 600;margin: 8px 0 14px;}
.step-p {font-size: 16px;color: #202020;line-height: 1.4em;margin-bottom: 20px;}
.popup-buttons {display: flex;justify-content: center;}
.popup-button {font-size: 19px;color: #fff;line-height: 65px;padding: 0 28px;background-color: #179bfd;border-radius: 8px;display: flex;justify-content: center;align-items: center;}
.popup-button:hover {color: #fff;}
.popup-button img {margin-left: 18px;}
.popup-links {font-size: 15px;line-height: 1.1em;color: #4e4f57;text-align: center;margin-top: 13px;}
.popup-links a:hover {text-decoration: underline;color: #4e4f57;}

.to-top {display: none;position: fixed;right: 80px;bottom: 70px;cursor: pointer;z-index: 10;}

@media (max-width:979px){
    .fixed-right {display: none !important;}
    img {width: auto;height: auto;}
    .details {width: 96%;}

    .main01 {background-size: cover;}
    .main01-content {width: 100%;padding: 0 0 30px;}
    .main01-icons {flex-wrap: wrap;}
    .main01-icon {width: 80px;margin: 0 10px 10px;}

    .main02 {background-image: none;}
    .main02-h2 {color: #000;text-align: center;}
    .main02-options {justify-content: center;}
    .the-tab {font-size: 19px;margin: 0 5px;}
    .the-tab img {margin-right: 6px;}
    .tab-content1 {padding: 30px 10px;}
    .tab-content1-wrap {justify-content: center;}
    .tab-infos {width: 100%;margin-left: 0;padding-top: 30px;padding-left: 0;border-left: none;}
    .tab-date {justify-content: center;}
    .tab-prize {margin-bottom: 30px;}
    .tab-rules-wrap {padding: 10px;}

    .main03 {background-image: none;}
    .main03-content {justify-content: center;margin-bottom: 60px;}
    .main03-content-right {width: 100%;margin-top: 50px;text-align: center;}
    .main03-content:nth-child(even) .main03-content-left {order: 0;}
    .video-popup {width: 96%;}
    .main03-content-p {margin: 10px 0 15px;}

    .main04 {background: url(../images/index/bg4.jpg) no-repeat center top/cover;padding-top: 60px;}
    .main04-content {padding: 0;justify-content: center;}
    .main04-left {margin-right: 0;}

    .popup-content {width: 96%;padding: 25px 0;}
    .popup-h3 {font-size: 25px;margin-bottom: 15px;}
    .popup-steps {flex-direction: column;align-items: center;}
    .popup-step {margin-bottom: 20px;width: 100%;}
    .step-img {display: none;}

    .to-top {display: none !important;}
}

@media (max-width:767px){
    .words-inline-icon {font-size: 21px;letter-spacing: 0;}
    .words-inline-icon img {margin: 0 5px;}
    h1 {font-size: 35px;padding-top: 12px;}
    .h1-p {font-size: 19px;margin-bottom: 30px;}

    .main02-h2 {font-size: 29px;margin-bottom: 60px;}
    .option-tag {font-size: 23px;}
    .main02-option .img-wrap {height: auto;margin: 10px 0;}
    .option-infos {margin-left: 25px;border-left: 0;}
    .option-info {padding-left: 20px;margin-bottom: 15px;}
    .the-tab {font-size: 15px;}
    .tab-contents {border-radius: 0 0 30px 30px;}
    .tab-h3 {font-size: 25px;margin-bottom: 15px;}
    .tab-date {margin-bottom: 15px;}
    .tab-infos-share>a {margin-right: 10px;}
    .tab-prize1 .tab-h4 {padding-top: 0;}
    .quote-infos {width: 200px;padding: 8px;}
    .quote-info {padding-left: 12px;font-size: 13px;margin: 4px 0;}

    .main03-h2 {font-size: 29px;margin-bottom: 30px;}
    .main03-content-left {overflow: hidden;}
    .img-mask {background-color: #fff;backdrop-filter: none;position: static;justify-content: center;flex-wrap: wrap;}
    .img-mask-left, .img-mask-right {width: 100%;}
    .img-mask-left>li {padding: 20px 10px;align-items: center;width: 100%;}
    .img-mask-p {color: #000;}
    .img-mask-right {width: 100%;padding: 0 10px 20px;justify-content: center;}
    .img-mask-list::before {background-color: #000;}
    .imgs-dots {position: static;margin: 10px 0 0;}
    .imgs-dot {width: 50px;margin: 0 5px;}

    .main04-left, .main04-right {width: 100%;}
    .main04-card-h4 {text-align: center;}
    .main04-card1 .main04-card-h4 {padding-left: 0;}
    .main04-card1 .card-wrap::before,.main04-card1 .card-wrap::after,.main04-card3 .card-wrap::after {display: none;}
    .main04-card1 .card-wrap {border-radius: 14px;padding: 20px 10px;}
    .main04-card2 .card-wrap {border-radius: 14px;padding: 20px 10px;}
    .card-left-box {width: 100%;text-align: center;}
    .card-right-info {width: 100%;margin-left: 0;text-align: center;}
    .card-info-buttons {justify-content: center;}
    .main04-card3 .card-wrap {padding: 20px 10px 20px 25px;border-radius: 14px;}
    .card-info-lists {border-left: none;}
    .card-info-list:last-child {margin-right: 0;}

    .popup-content {padding: 10px 5px;}
    .popup-h3 {font-size: 17px;margin-bottom: 10px;}
    .popup-step {margin-bottom: 10px;}
    .popup-step-top {padding: 10px;}
    .step-h4 {font-size: 15px;margin: 5px 0;}
    .step-p {margin-bottom: 0;font-size: 13px;}
    .step-tag {font-size: 15px;}
    .popup-button {line-height: 50px;font-size: 15px;}

    .main05-h2 {font-size: 29px;}
}

@media (max-width:479px){
    .option-info .option-download {border: none;padding: 0;text-decoration: underline;}
}