.main-wrap{max-width:1920px;margin:0 auto;position:relative}

.main-box{max-width:1200px;margin:0 auto;position:relative;z-index:10}

.main-flex{display:flex;justify-content:space-evenly;align-items:center}

.footer-wrap{background:#071D2B}

.footer-box{display:flex}

.footer-link{padding:50px 0 30px;border-bottom:1px solid #21455C}

.footer-link a{font-size:12px;color:#FFFFFF;opacity:0.7;margin:0 25px;position:relative}

.footer-link a:before{content:'';display:inline-block;width:5px;height:5px;border-radius:100%;background-color:#FFFFFF;opacity:0.7;position:absolute;left:-25px;top:5px}

.footer-copyright{font-weight:normal;color:#FFFFFF;opacity:0.5;padding:30px 0 35px}

.footer-left{flex:1}

.footer-right{display:flex;justify-content:center;align-items:center;margin-left:120px}

.footer-content{font-size:12px;color:#A1A8AD;margin-left:12px}

@media (max-width:900px){

    .footer-right{display:none}

    .footer-box{margin-left:0.4rem;margin-right:0.4rem}

}

.part-1{background-image:url("./image/back_2.jpg");background-position:center;background-repeat:no-repeat;padding-top:38px;background-color:#5d79f6;padding-bottom: 40px;}

.part-1-top{background-image:url("./image/back_1.png");background-position:center;background-repeat:no-repeat;color:#ffffff;text-align:center;width:100%;height:174px}

.part-1-top h1{font-size:44px;letter-spacing:3px;font-weight:700;padding-top:50px}

.part-1-top h2{font-size:23px;letter-spacing:3px;font-weight:700;padding-top:6px}

.price_discount{color: #fffc00;}

.part-1-bottom{display:flex;justify-content:space-evenly;align-items:center;background-image:linear-gradient(0deg,#e9e9f1 0%,#f5f2f9 100%);border-radius:10px;margin: 36px 0 0;}

.part-1-bottom-content{margin:25px;background-color:#ffffff;display:flex;justify-content:center;align-items:center;flex:1;padding:20px 0;}

.part-1-bottom-left{flex:1;display:flex;justify-content:center;align-items:center}

.part-1-bottom-left img{}

.part-1-bottom-right{color:#262626;margin-right:50px}

.part-1-bottom-right-title{font-size:28px}

.part-1-bottom-right-desc{max-width:480px;font-size:16px;line-height:26px}

.part-1-bottom-right-tip{font-size:16px;color:#007eff;padding-top:16px}

.part-1-bottom-right-price{padding-top:10px;font-weight:500;color:#262626;border-top:2px solid #d8d8d8;margin-top:10px}

.part-1-bottom-right-price span{font-size:18px}

.part-1-bottom-right-price em{font-size:40px;letter-spacing:14px;margin-left:18px}

.part-1-bottom-right-order{display:block;margin-top:15px;width:310px;line-height:56px;background-blend-mode:normal,normal;border-radius:28px;font-size:18px;color:#ffffff;text-align:center}

.part-1-bottom-right-order-disabled{background-color:#a8a9ad;cursor:default;background-image:none;}

.part-1-bottom-right-order-active{background-image:linear-gradient(18deg,#ff8000 0%,#ff9e3c 100%),linear-gradient( #3dd457,#3dd457);box-shadow:0px 10px 20px 0px rgba(255,128,0,0.14);}

.part-1-bottom-right-others{font-size:14px;color:#b4b4b4;padding-top:12px;font-style: italic;}

.article-title-wrap{display:flex;justify-content:center;align-items:center;padding-top:50px}

.article-title-wrap img:nth-child(1){position:relative;top:-4px}

.article-title-box{font-size:32px;font-weight:500;color:#262626;background-color:#ffffff;border-radius:10px}

.article-desc{font-size:18px;color:#262626;text-align:center;padding-top:10px;margin:0 auto}

.gift-box{display:flex;justify-content:space-around;padding-top:26px}

.gift-single{text-align:center}

.gift-single-img{}

.gift-single-price{font-size:16px;color:#116df8;padding-top:8px;text-decoration: line-through;}

.gift-single-name{font-size:15px;color:#262626;padding-top:2px}

.round-box{padding-top:50px}

.round-select-box{background-color:#ededed;border-radius:31px;display:flex;justify-content:space-evenly;align-items:center;height:62px;color:#868686}

.round-select-single{font-size:22px;line-height:62px;flex:1;text-align:center;cursor:pointer;border:solid 2px transparent}

.round-select-single-active{font-size:22px;color:#656281;line-height:76px;background-color:#ffffff;box-shadow:0px 2px 5px 0px

rgba(110,110,110,0.8);border-radius:38px;border:solid 2px #f6f6f8}

.round-content-wrap{display:block;justify-content:center;align-items:center;padding-top:120px;overflow:hidden;position:relative}

.round-content-wrap-inner{position:relative;left:0;top:0;width:300%;display:flex;transition:left .5s}

.round-content-title{display: none;}

.round-content-wrap-inner-0{left:0}

.round-content-wrap-inner-1{left:-100%}

.round-content-wrap-inner-2{left:-200%}

.round-content-box{display:flex;justify-content:space-between;width: 100%;}

.round-content-single{display:inline-block;position:relative;width:31%;overflow:visible;background-color:#ffffff;border-radius:10px;border:solid 1px #c0d8f0;padding-bottom:28px}

.round-content-single-icon{display:inline-block;line-height:30px;background-color:#c0d8f0;border-radius:0 0  10px 10px;padding:0 6px;position:absolute;left:10px;color:#ffffff}

.round-content-single-back{width:166px;height:88px;background-color:#c0d8f0;border-radius:0px 0px 80px 80px;opacity:0.2;position:absolute;top:0;left:50%;transform:translate(-50%,0)}

.round-content-single-img{position:absolute;top:0;left:50%;transform:translate(-50%,-80px)}

.round-content-single-title{font-size:22px;color:#262626;margin-top:116px;text-align:center;min-height:66px}

.round-content-single-content{height:180px;padding:0 45px 0 40px;margin-top:15px}

.round-content-single-content p{position:relative;line-height:2}

.round-content-single-content p i{position:absolute;left:-10px}

.text-center{text-align:center}

.round-content-single-type{font-size:16px;color:#262626;text-align:center;margin-top:16px; font-weight:600;}

.round-content-single-order{background-image:url("./image/button_back_2.png");background-repeat:no-repeat;background-position:center;display:block;width:290px;height:54px;line-height:50px;color:#fff;margin:20px auto 12px;font-size:20px;position: relative;}

.round-content-single-order:before{content: '';background-image: url("./image/popup_button.png");background-position: center; background-repeat: no-repeat;width: 64px;height: 82px;position: absolute;    left: -13px;

    top: -19px;display: block;}

.round-content-single-order:hover{background-image:url("./image/button_back_1.png");}

.round-content-single-disable .round-content-single-order{background-image:url("./image/button_back_3.png");cursor: default;}

.round-content-single-more{text-decoration:underline;font-size:16px;color:#3592ff}

.round-content-single-more:hover{text-decoration:underline;}

.part-3{background-image:url("./image/pack_back.png");margin-top:46px}

.part-3 .article-desc{max-width:930px;}

.part-3 .article-title-box{color:#ffffff;background-color:transparent}

.part-3 .article-desc{color:#ffffff;background-color:transparent}

.pack-box{display:flex;justify-content:center;align-items:center;padding:24px 0 64px}

.pack-box-left{margin-right:45px}

.pack-box-right{}

.pack-box-right-border{height:16px;background-color:#ffc846;border-radius:8px}

.pack-box-right-content{background-color:#ffffff;border-radius:0px 0px 10px 10px;margin:0 10px;padding:20px 30px;width:400px}

.pack-box-right-content-title{font-size:26px;color:#000}

.pack-box-right-content-ul{margin-top:10px}

.pack-box-right-content-li{display:flex;justify-content:space-between;align-items:center;line-height:2}

.pack-box-right-content-li span{color:#262626}

.pack-box-right-content-li i{color:#5f5f5f}

.pack-box-right-content-li em{color:#262626;text-decoration: line-through;}

.pack-box-right-content-discount{font-size:16px;font-weight:bold;color:#262626;padding:12px 0;margin:24px 0 16px;border-top:dashed 1px #2a45df;border-bottom:dashed 1px #2a45df}

.pack-box-right-content-discount p{display:flex;justify-content:space-between;align-items:flex-end;padding:12px 0 8px 0}

.pack-box-right-content-discount span{font-weight:bold}

.pack-box-right-content-discount em{font-size:20px;font-weight: 700;}

.text_discount{color:#ff610b}

.text-through{text-decoration:line-through}

.pack-box-right-content-price{font-weight:bold;display:flex;justify-content:space-between;align-items:center;}

.pack-box-right-content-price span{font-size:20px;color:#262626}

.pack-box-right-content-price em{font-size:32px;color:#ff610b}

.pack-order-wrap{text-align:center}

.pack-order{display:inline-flex;justify-content:center;align-items:center;line-height:55px;background-image:linear-gradient(18deg,#ff8000 0%,#ff9e3c 100%),linear-gradient(0deg,#ff9e3c 0%,#ff8000 100%);background-blend-mode:normal,normal;box-shadow:0px 10px 20px 0px

rgba(255,128,0,0.14);border-radius:27px;padding:0 50px;margin-top:20px}

.pack-order img{margin-right:20px}

.pack-order span{font-size:20px;color:#ffffff}

.part-4 .article-desc{max-width:1140px}

.brand-box{display:flex;flex-wrap:wrap;justify-content:space-between;padding:60px 0 40px}

.brand-box img{box-shadow:3px 4px 5px 0px

rgba(217,217,217,0.18);border:solid 1px #ededed;margin-bottom:30px}

.part-5{padding-bottom: 110px;}

.part-5-title{font-size:32px;color:#262626;text-align:center;margin-bottom:50px;font-weight: 500;}

.question-box{}

.question-single{display:flex;justify-content:center;align-items:center;border:solid 1px #dadbde;margin-bottom:20px}

.question-single-content{margin:34px 0 14px 30px;color:#5F5F5F;flex:1}

.question-single-title{font-size:18px;font-weight:bold;color:#262626}

.question-single-desc{max-height:0;overflow:hidden;transition:max-height .8s;padding-top: 20px;}

.question-single-active .question-single-desc{max-height: 300px;}

.question-single-desc p{margin-bottom:8px}

.question-single-arrow{margin:0 36px;width:22px;height:40px;background-image:url(./image/arrow-bottom.png);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:all .6s}

.question-single-active .question-single-arrow{transform: rotate(180deg)}

.dialog-wrap{position:fixed;top:0;left:0;z-index:1000;display: none;}

.shadow-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:.5}

.dialog-box{transition:transform .3s ease-out;display:flex;align-items:flex-start;flex-direction:column;background-color:#fff;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;padding:40px;background-image:url("./image/popup_back.png");background-position:center;background-repeat:no-repeat;color:#fff}

.dialog-wrap-close{position:absolute;right:20px;top:20px;width:26px;height:26px;background-image:url("./image/popup_close.png");background-position:center;background-repeat:no-repeat}

.dialog-title{font-size:18px;padding-bottom:2px}

.dialog-single{display:flex;justify-content:center;align-items:center;width:100%;margin-top:20px}

.dialog-single-label{width:100px}

.dialog-single-input-wrap{flex:1;border-radius:5px;border:solid 1px #ffffff}

.dialog-single-input{width:100%;line-height:36px;height:36px;background-color:transparent;text-indent:20px;color:#fff;}

.receive-confirm-wrap{width:100%;text-align:center;padding-top:32px}

.receive-confirm{display:inline-block;line-height:56px;background-image:linear-gradient(18deg,#ff8000 0%,#ff9e3c 100%),linear-gradient(

        #ffdd3d,#ffdd3d);background-blend-mode:normal,normal;box-shadow:0px 10px 20px 0px

rgba(255,128,0,0.14);border-radius:28px;font-size:28px;color:#fff;padding:0 68px;position:relative}

.receive-confirm:before{content:'';background-image:url("./image/popup_button.png");background-repeat:no-repeat;background-position:center;width:64px;height:82px;display:inline-block;position:absolute;left:-16px;top:-21px}

input::input-placeholder{color: #e5e5e5

}

input::-webkit-input-placeholder{color:#ebebeb}

input::-moz-placeholder{color:#ebebeb}

input::-moz-placeholder{color:#ebebeb}

input::-ms-input-placeholder{color:#ebebeb}

@media (max-width:1250px){.part-1-top{height:156px}

    .part-1-top h1{font-size:36px}

    .part-1-top h2{font-size:18px}

    .part-1-bottom{margin:20px 20px 0}

    .article-desc{font-size:16px}

    .round-box{margin:0 20px}

    .round-content-single-title{font-size:16px;min-height:auto}

    .round-content-single-order{width:auto;font-size:16px;text-indent:0;background-image:none;background-color:#1b7b68;display:inline;padding:10px 20px;border-radius:4px}

    .round-content-single-order:before{display:none;}

    .round-content-single{text-align:center}

    .round-content-single-content{height:auto;display:inline-block;text-align:left}

    .pack-box-left img{width:300px}

    .brand-box{justify-content:flex-start;flex-wrap:wrap}

    .brand-box img{margin-right:2%;width:31%}

}@media (max-width:900px){.part-1-top{height:141px}

    .part-1-top h1{font-size:26px}

    .part-1-top h2{font-size:14px}

    .part-1-bottom-left img{width:260px}

    .article-desc{font-size:14px}

    .gift-box{flex-wrap:wrap;justify-content:flex-start}

    .gift-single{margin:0 10px 10px}

    .gift-single-price{font-size:14px}

    .gift-single-name{font-size:14px}

    .round-content-wrap-inner{flex-direction:column;width:auto}

    .round-content-title{display:block;text-align:center;margin-bottom:110px;font-size:24px;font-weight:700}

    .round-select-box{display:none}

    .round-content-box{flex-direction:column;align-items:center}

    .round-content-single{width:90%;margin-bottom:100px}

    .pack-box-left img{display:none}

}@media (max-width:700px){.part-1-top h1{font-size:.6rem}

    .part-1-top h2{font-size:.5rem;letter-spacing:0}

    .part-1-bottom-left{display:none}

    .part-1-bottom-right{padding:0 20px;margin-right:0}

    .article-title-box{font-size:20px}

    .article-desc{padding:0 20px}

    .gift-single{width:33%;margin:0 0 16px}

    .pack-box-left{margin-right:0}

    .pack-box-right-content{width:auto;padding:20px}

    .pack-box-right-content-title{font-size:.6rem}

    .pack-box-right-content-li span{margin-right:10px}

    .brand-box img{width:47%;margin-right:0;margin-bottom:10px}

    .brand-box img:nth-child(2n-1){margin-left:2%;margin-right:2%}

    .question-single-active .question-single-desc{max-height:600px}

    .part-5-title{font-size:.7rem}

    .question-single{margin:0 20px 20px}

    .question-single-title{font-size:.5rem}

    .question-single-content{margin:24px 0 4px 30px}

    .part-5{padding-bottom:60px}

}@media (max-width:500px){.part-1{padding-top:10px}

    .part-1-top h1{font-size:.4rem}

    .part-1-top h2{font-size:.2rem;letter-spacing:0}

    .part-1-bottom-right-title{font-size:.8rem}

    .part-1-bottom-right-desc{font-size:.5rem}

    .part-1-bottom-right-tip{font-size:.5rem}

    .part-1-bottom-right-price span{font-size:.5rem}

    .part-1-bottom-right-price em{font-size:.7rem}

    .part-1-bottom-right-order{font-size:.5rem;width:80%;line-height:3;margin:15px  auto 0}

    .part-1-bottom-right-others{font-size:.5rem}

    .article-title-box{font-size:13px}

    .gift-single{width:50%}

    .round-content-wrap{padding-top:20px}

    .round-content-box:last-child .round-content-single:last-child{margin-bottom:10px}

    .dialog-box{width:94%;padding:40px 10px;box-sizing:border-box}

    .dialog-title{font-size:.6rem}

    .receive-confirm{font-size:.6rem;color:#fff;padding:0 1rem;line-height:2.4}

}