﻿

.flex-content{display:flex;flex-wrap:wrap;justify-content:space-around}.buy p{font-size:16px;line-height:28px}@media screen and (max-width:600px){.buy p{font-size:14px}}.buy span{font-size:16px;line-height:28px}@media screen and (max-width:600px){.buy span{font-size:14px}}.buy section{padding:60px 0}@media screen and (max-width:768px){.buy section{padding:30px 0}}.buy section .buy-button{text-align:center}.buy section .buy-button button{display:inline-block;background:#2d8cff;width:139px;height:44px;font-size:16px;padding:0;border-radius:8px;line-height:42px;color:#fff;font-weight:700;border:0}.buy section .buy-button button:hover{background:#067df4}.buy .banner{background:url(../fonts/buy-banner.svg) center no-repeat;background-size:cover}.buy .banner .flex-content{justify-content:center;align-items:flex-start}.buy .banner .flex-content .pro-desc{flex:0 0 40%;margin-left:30px}@media screen and (max-width:960px){.buy .banner .flex-content .pro-desc{flex:0 0 46%}}@media screen and (max-width:600px){.buy .banner .flex-content .pro-desc{flex:100%;text-align:center;margin-left:0}}.buy .banner .flex-content .pro-desc h1{font-size:36px;font-weight:700;color:#fff;margin-bottom:10px;margin-top:12px}@media screen and (max-width:960px){.buy .banner .flex-content .pro-desc h1{margin-top:0}}@media screen and (max-width:600px){.buy .banner .flex-content .pro-desc h1{font-size:24px}}.buy .banner .flex-content .pro-desc h1 a{color:#fff}.buy .banner .flex-content .pro-desc p{color:#fff}.buy .banner .flex-content .pro-desc .links-box{margin-top:10px}.buy .banner .flex-content .pro-desc .links-box span{display:inline;color:#fff;background:#ff7e78;padding:0 3px;margin-right:10px}.buy .banner .flex-content .pro-desc .links-box a{font-size:16px;color:#ff7e78;position:relative}.buy .banner .flex-content .pro-desc .links-box a::before{content:'';position:absolute;bottom:-2px;left:0;right:0;display:block;width:100%;height:1px;background:currentColor;transform-origin:right center;transition:transform .6s cubic-bezier(.77,0,.175,1);transform:translate3d(0,0,0) scaleX(0)}.buy .banner .flex-content .pro-desc .links-box a:hover::before{transform-origin:left center;transform:translate3d(0,0,0) scaleX(1)}.buy .buy-box{background:url(../fonts/buy-box-bg.svg) center no-repeat}@media screen and (max-width:768px){.buy .buy-box{padding-bottom:0}}.buy .buy-box hr{margin-top:50px;border-top:1px dashed #ccc}.buy .buy-box .flex-content{justify-content:center}.buy .buy-box .flex-content .item{flex:0 0 31.66%;border:1px solid #2d8cff;border-radius:8px;padding:20px 0 40px;background:#fff;box-shadow:5px 5px 14px rgba(0,0,0,.1);transform:scale(1);transition:all .3s}.buy .buy-box .flex-content .item:nth-child(2n-1){margin-right:60px}@media screen and (max-width:768px){.buy .buy-box .flex-content .item:nth-child(2n-1){margin-right:0;margin-bottom:30px}}@media screen and (max-width:768px){.buy .buy-box .flex-content .item{flex:0 0 80%}}@media screen and (max-width:768px){.buy .buy-box .flex-content .item{flex:0 0 90%}}.buy .buy-box .flex-content .item:hover{transform:scale(1.05)}.buy .buy-box .flex-content .item .title{font-size:24px;font-weight:700;line-height:48px;text-align:center}.buy .buy-box .flex-content .item .pro-name{font-size:24px;font-weight:700;line-height:48px;text-align:center}.buy .buy-box .flex-content .item p{font-size:18px;line-height:28px;text-align:center}.buy .buy-box .flex-content .item p span{display:inline-block;color:#ff7e78;margin-bottom:0;font-size:18px}.buy .buy-box .flex-content .item ul{padding:0}.buy .buy-box .flex-content .item ul li{list-style:none;text-align:center;margin-bottom:5px}@media screen and (max-width:600px){.buy .buy-box .flex-content .item ul li{margin-bottom:0}}.buy .buy-box .flex-content .item ul li p{display:inline;color:#727171;position:relative;padding-left:10px;font-size:16px}@media screen and (max-width:600px){.buy .buy-box .flex-content .item ul li p{font-size:14px}}.buy .buy-box .flex-content .item ul li p span{color:#2d8cff}.buy .buy-box .flex-content .item ul li p::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#ec5723;position:absolute;left:0;top:6px}.buy .buy-box .flex-content .item .pri{color:#ff7e78;text-align:center;font-size:36px;margin-top:10px}.buy .buy-box .flex-content .item span{display:block;text-align:center;margin-bottom:30px}.buy .select-new-box{background:url(../fonts/buy-box-bg.svg) top center no-repeat;background-size:900px;padding-bottom:0}@media screen and (max-width:600px){.buy .select-new-box{padding-top:50px}}.buy .select-new-box hr{margin-top:50px;border-top:1px dashed #ccc}.buy .select-new-box .set-menu{width:80%;margin:auto;justify-content:space-between;border:1px solid #067df4;padding:20px 30px;align-items:center;margin-top:60px;box-shadow:1px 1px 4px rgba(0,0,0,.1);display:none;background:#fff}@media screen and (max-width:960px){.buy .select-new-box .set-menu{display:none}}.buy .select-new-box .set-menu.active{display:flex}@media screen and (max-width:960px){.buy .select-new-box .set-menu.active{display:none}}.buy .select-new-box .set-menu .menu-box{display:flex;flex:0 0 43%;justify-content:space-between;align-items:center}.buy .select-new-box .set-menu .menu-box .pro-one{text-align:center}.buy .select-new-box .set-menu .menu-box .pro-one img{max-width:58px}.buy .select-new-box .set-menu .menu-box .pro-one p{margin-top:10px}.buy .select-new-box .set-menu .symbol{font-size:24px;font-weight:700;color:#2d8cff}.buy .select-new-box .set-menu .price-box{flex:0 0 45%;display:flex;justify-content:space-between;position:relative;align-items:center}.buy .select-new-box .set-menu .price-box .pri{font-size:34px;color:#ff7e78}.buy .select-new-box .set-menu .price-box .count-sale{position:absolute;font-size:24px;color:#fff;background:#ff7e78;top:-70px;left:calc((100% - 55px)/2);padding:5px 20px;font-weight:700;border-radius:6px;border-bottom-left-radius:0}.buy .select-new-box .set-menu .price-box .count-sale::before{content:'';display:block;width:20px;height:20px;border:10px solid transparent;border-bottom:10px solid #ff7e78;border-left:10px solid #ff7e78;transform:translateX(-50%) rotate(90deg);position:absolute;bottom:-15px;left:10.5px}.buy .select-new-box .set-menu .price-box button{display:inline-block;background:#2d8cff;width:139px;height:44px;font-size:16px;padding:0;border-radius:8px;line-height:42px;color:#fff;font-weight:700;border:0}.buy .select-new-box .set-menu .price-box button:hover{background:#067df4}.buy .select-new-box .item{flex:0 0 28.66%}@media screen and (max-width:960px){.buy .select-new-box .item{flex:0 0 80%;margin-bottom:40px}}@media screen and (max-width:600px){.buy .select-new-box .item{flex:0 0 90%}}.buy .select-new-box .item .box{border:1px solid #2d8cff;border-radius:8px;padding:20px 0 40px;background:#fff;box-shadow:5px 5px 14px rgba(0,0,0,.1);transform:translateY(0);transition:all .3s}.buy .select-new-box .item .box:hover{transform:scale(1.05)}.buy .select-new-box .item .box.active{transform:translateY(-15px);box-shadow:5px 5px 14px rgba(0,0,0,.1);position:relative}.buy .select-new-box .item .box.active::before{content:url(../fonts/right.svg);position:absolute;width:55px;top:-15px;left:-15px}.buy .select-new-box .item .box.active.box_has::after{content:url(../fonts/arrow.svg);position:absolute;width:50px;bottom:-60px;left:calc((100% - 50px)/2)}@media screen and (max-width:600px){.buy .select-new-box .item .box.active.box_has::after{width:40px;bottom:-50px;left:calc((100% - 40px)/2)}}.buy .select-new-box .item .set-menu-mob{display:none}@media screen and (max-width:960px){.buy .select-new-box .item .set-menu-mob{margin:auto;justify-content:space-between;border:1px solid #067df4;padding:20px 30px;align-items:center;margin-top:80px;box-shadow:1px 1px 4px rgba(0,0,0,.1);background:#fff;flex-wrap:wrap;justify-content:center}.buy .select-new-box .item .set-menu-mob.active{display:flex}.buy .select-new-box .item .set-menu-mob .menu-box{flex:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.buy .select-new-box .item .set-menu-mob .menu-box .pro-one{text-align:center;flex:0 0 42%}.buy .select-new-box .item .set-menu-mob .menu-box img{max-width:58px}.buy .select-new-box .item .set-menu-mob .symbol{font-size:24px;font-weight:700;color:#2d8cff}.buy .select-new-box .item .set-menu-mob .price-box{flex:100%;display:flex;justify-content:space-between;position:relative;align-items:center;margin-top:20px}.buy .select-new-box .item .set-menu-mob .price-box .pri{font-size:34px;color:#ff7e78}.buy .select-new-box .item .set-menu-mob .price-box .count-sale{position:absolute;font-size:14px;color:#fff;background:#ff7e78;top:-15px;left:110px;padding:5px 10px;font-weight:700;border-radius:6px;border-bottom-left-radius:0}.buy .select-new-box .item .set-menu-mob .price-box .count-sale::before{content:'';display:block;width:10px;height:10px;border:6px solid transparent;border-bottom:6px solid #ff7e78;border-left:6px solid #ff7e78;transform:translateX(-50%) rotate(90deg);position:absolute;bottom:-10px;left:5.7px}.buy .select-new-box .item .set-menu-mob .price-box button{display:inline-block;background:#2d8cff;width:139px;height:44px;font-size:16px;padding:0;border-radius:8px;line-height:42px;color:#fff;font-weight:700;border:0}.buy .select-new-box .item .set-menu-mob .price-box button:hover{background:#067df4}}@media screen and (max-width:960px) and screen and (max-width:600px){.buy .select-new-box .item .set-menu-mob .price-box .pri{font-size:32px}}@media screen and (max-width:600px){.buy .select-new-box .item .set-menu-mob{margin-top:50px;padding:20px 15px}.buy .select-new-box .item .set-menu-mob .price-box{flex-wrap:wrap;justify-content:center;margin-top:0}.buy .select-new-box .item .set-menu-mob .price-box .count-sale{left:68%}}.buy .select-new-box .item .title{font-size:24px;font-weight:700;line-height:48px;text-align:center}@media screen and (max-width:600px){.buy .select-new-box .item .title{font-size:20px}}.buy .select-new-box .item ul{padding:0; margin-top:20px;}.buy .select-new-box .item ul li{list-style:none;text-align:left; margin-left:20%; padding-bottom:7px; margin-bottom:5px}@media screen and (max-width:600px){.buy .select-new-box .item ul li{margin-bottom:0}}.buy .select-new-box .item ul li p{display:inline;color:#727171;position:relative;padding-left:10px;font-size:15px}@media screen and (max-width:600px){.buy .select-new-box .item ul li p{font-size:14px}}.buy .select-new-box .item ul li p span{color:#2d8cff}.buy .select-new-box .item ul li p::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#ec5723;position:absolute;left:0;top:9px}.buy .select-new-box .item .pro-name{font-size:24px;font-weight:700;line-height:48px;text-align:center}.buy .select-new-box .item p{font-size:18px;line-height:20px;text-align:center}@media screen and (max-width:600px){.buy .select-new-box .item p{font-size:14px}}.buy .select-new-box .item p span{display:inline-block;color:#ff7e78;margin-bottom:0;font-size:25px}@media screen and (max-width:600px){.buy .select-new-box .item p span{font-size:14px}}.buy .select-new-box .item .pri{color:#ff7e78;text-align:center;font-size:36px;margin-top:45px;margin-bottom:15px}@media screen and (max-width:600px){.buy .select-new-box .item .pri{font-size:32px;flex:100%}}.buy .select-new-box .item span{display:block;text-align:center;margin-bottom:30px}.buy .other-function-buy{padding:0}.buy .other-function-buy h2{font-size:30px;font-weight:700;text-align:center;margin-top:0;margin-bottom:30px}.buy .other-function-buy .flex-content{background:#fff;border-radius:14px;border:1px solid #2d8cff;width:70%;margin:auto;position:relative}@media screen and (max-width:768px){.buy .other-function-buy .flex-content{width:95%}}.buy .other-function-buy .flex-content::before{content:url(../fonts/icon-seven.svg);display:inline-block;position:absolute;width:150px;right:-66px;top:-6px;z-index:-1}@media screen and (max-width:768px){.buy .other-function-buy .flex-content::before{display:none}}.buy .other-function-buy .flex-content::after{content:url(../fonts/hl.svg);display:inline-block;position:absolute;width:130px;bottom:30px;left:-76px;z-index:-1}@media screen and (max-width:768px){.buy .other-function-buy .flex-content::after{display:none}}.buy .other-function-buy .flex-content .flex-item{flex:0 0 90%;border:1px solid #2d8cff;border-radius:8px;display:flex;justify-content:space-between;padding:13px 40px;margin-top:30px;align-items:flex-start}@media screen and (max-width:600px){.buy .other-function-buy .flex-content .flex-item{width:95%;flex-wrap:wrap;padding:13px 25px;margin-top:15px}}@media screen and (max-width:600px){.buy .other-function-buy .flex-content .flex-item .desc{flex:100%}}