.banner-img { width: 7.5rem; height: 3rem; background-repeat: no-repeat; background-size: cover; background-position: center top; }

.container { width: 7.5rem; margin: 0 auto; }

.none { height: 0.9rem; }

.w-690 { padding: 0.5rem 0; width: 6.9rem; margin: 0 auto; }

.h1-title { margin: 0 0 0.4rem; }

.h1-title h1 { font-size: 0.52rem; font-weight: 600; color: #333; text-align: center; }

.h1-title h3 { font-size: 0.3rem; color: #333; text-align: center; }

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

.free-pro .item-p p::before { background-image: url("../images/yes3.png") !important; }

.free-item { width: 100%; position: relative; background-size: 100% 1.4rem; background-repeat: no-repeat; background-color: #fff; border-radius: 0.1rem; padding: 0.15rem 0.4rem 0.8rem; box-sizing: border-box; overflow: hidden; margin-bottom: 0.3rem; }

.free-item .item-title { margin-top: 0.3rem; }

.free-item .item-title h3 { font-size: 0.38rem; color: #fff; font-weight: 600; }

.free-item .rec { background-color: #f06918 !important; }

.free-item .sub-btn { padding: 0.2rem 0.6rem; border-radius: 0.6rem; color: #fff; font-size: 0.32rem; background-color: #1e63e6; }

.free-item .item-p { margin: 0.7rem 0 0.4rem; }

.free-item .item-p p { line-height: 0.6rem; font-size: 0.3rem; color: #666; display: flex; align-items: center; }

.free-item .item-p p::before { content: ""; display: block; width: 0.32rem; height: 0.32rem; background-image: url("../images/yes2.png"); background-size: 0.32rem 0.32rem; margin-right: 0.2rem; }

.free-item .item-background img { box-sizing: border-box; position: absolute; right: 0; bottom: 0rem; width: 3rem; height: auto; transition: all 333ms ease; }

.advantage-item { width: 48%; background-color: #f7f9fc; border-radius: 0.2rem; padding: 0.4rem; box-sizing: border-box; margin-bottom: 0.3rem; display: flex; flex-direction: column; align-items: center; }

.advantage-item .item-title { margin-bottom: 0.2rem; }

.advantage-item .item-title h3 { font-size: 0.36rem; color: #333; font-weight: 600; }

.advantage-item .item-p p { line-height: 0.4rem; font-size: 0.28rem; color: #666; text-align: center; }

.advantage-item .item-icon img { box-sizing: border-box; width: 1.3rem; height: auto; margin-bottom: 0.2rem; transition: all 333ms ease; }

.case-contain .h1-title h1 { width: 100%; }

.case-contain .swiper-button-next, .case-contain .swiper-button-prev { top: 20%; margin-right: 0.3rem; width: 0.6rem; height: 0.6rem; }

.case-contain .swiper-button-next svg, .case-contain .swiper-button-prev svg { width: 100%; fill: #d8d8d8; transform: scale(1); -webkit-transition: 0.3s ease; transition: 0.3s ease; }

.case-contain .swiper-button-next svg:hover, .case-contain .swiper-button-prev svg:hover { fill: #248af6; transform: scale(1.1); -webkit-transition: 0.3s ease; transition: 0.3s ease; }

.case-contain .swiper-button-next:after, .case-contain .swiper-button-prev:after { content: ""; }

.case-contain .swiper-button-prev { margin-left: 0.3rem; -ms-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }

.case-contain .case-item-box { width: 7.5rem; margin: 0 auto; }

.case-contain .case-item-box .swiper-slide { box-sizing: border-box; background-color: #fff; border-radius: 0.1rem; display: flex; flex-direction: column; }

.case-contain .case-item-box .left-info { width: 100%; height: 4rem; }

.case-contain .case-item-box .left-info .case-img { width: 100%; height: 100%; }

.case-contain .case-item-box .right-info { width: 100%; padding: 0.3rem; }

.case-contain .case-item-box .right-info .ca-title { color: #333; font-weight: 600; font-size: 0.38rem; margin-bottom: 0.4rem; }

.case-contain .case-item-box .right-info .ca-title::after { content: ""; display: block; width: 1.1rem; height: 0.08rem; margin-top: 0.1rem; background-color: #0065dd; }

.case-contain .case-item-box .right-info .ca-desc { margin-bottom: 0.4rem; }

.case-contain .case-item-box .right-info .ca-desc .ca-title2 { color: #333; font-weight: 600; font-size: 0.3rem; margin-bottom: 0.1rem; }

.case-contain .case-item-box .right-info .ca-desc h4 { color: #000; font-size: 0.26rem; display: flex; align-items: center; }

.case-contain .case-item-box .right-info .ca-desc h4::before { content: ""; display: block; width: 0.26rem; height: 0.26rem; background-image: url("../images/yes-active.png"); background-size: cover; margin-right: 0.1rem; }

.case-contain .case-item-box .right-info .ca-desc p { font-size: 0.24rem; margin-bottom: 0.3rem; }

.qy-meal { background-color: #f4f9ff; }

.qy-meal .qy-meal-content { width: 100%; margin: 0 auto; }

.qy-meal .h1-title { margin: 0; padding: 0.4rem; }

.qy-meal .meal-item { display: flex; flex-direction: column; padding-bottom: 0.15rem; }

.qy-meal .meal-item ul { display: none; width: 100%; padding: 0.3rem; }

.qy-meal .menu-item { box-sizing: border-box; margin: 0 0.2rem; display: flex; justify-content: space-evenly; border-bottom: 1px solid rgba(204, 204, 204, 0.39); }

.qy-meal .menu-item .menu-title { font-weight: bold; font-size: 0.38rem; color: #4a4a4a; padding-bottom: 0.1rem; }

.qy-meal .menu-item .menu-active { color: #248af6; border-bottom: 0.04rem solid #248af6; }

.qy-meal .li-item { background-color: #fff; padding: 0.4rem; border-radius: 0.05rem; position: relative; }

.qy-meal .li-item::after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 2.86rem; height: 2.06rem; background-image: url(../images/disk-meal-icon.png); background-size: cover; }

.qy-meal .li-item:not(:last-child) { margin-bottom: 0.3rem; }

.qy-meal .li-item h1 { font-size: 0.32rem; color: #030b1a; line-height: 1; font-weight: 600; }

.qy-meal .li-item h2 { font-size: 0.28rem; line-height: 1; color: #818999; padding: 0.12rem 0 0.32rem; }

.qy-meal .li-item .item-p p { display: flex; align-items: center; font-size: 0.28rem; line-height: 2; color: #818999; }

.qy-meal .li-item .item-p p::before { content: ""; display: block; width: 0.28rem; height: 0.28rem; background-image: url("../images/yes-active.png"); background-size: cover; margin-right: 0.05rem; }

.qy-meal .li-item .item-price { margin-top: 0.3rem; color: #818999; display: flex; justify-content: space-between; align-items: center; }

.qy-meal .li-item .item-price del { width: 28%; display: block; text-decoration: line-through; }

.qy-meal .li-item .item-price p { width: 38%; color: #ec1b35; font-size: 0.3rem; }

.qy-meal .li-item .item-price p span { font-weight: bold; font-size: 0.56rem; padding: 0 0.02rem; }

.qy-meal .li-item .item-price h1 { font-size: 0.44rem; color: #247be2; }

.qy-meal .li-item .item-price .detail-btn { background-color: #e3ecff; padding: 0.1rem 0.2rem; width: 28%; border-radius: 0.05rem; font-size: 0.28rem; color: #295cde; }

.feature { background-color: #f5f6fa; width: 100%; margin: 0 auto; }

.feature .h1-title { margin: 0; padding: 0.4rem; }

.feature .feature-content { width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }

.feature .feature-content img { width: 100%; height: 100%; }

.feature .feature-content .more-btn { color: #fff; font-size: 0.2rem; border-radius: 0.3rem; padding: 0.1rem 0.5rem; background-color: #0094ea; margin: 0.3rem 0; }

.feature .feature-content .more-btn:hover { background-color: #0483cc; }

.feature .feature-content .more-img { margin-bottom: 0.3rem; }

.service { display: flex; flex-direction: column; align-items: center; }

.service img { width: 100%; }

.bottom { display: flex; flex-direction: column; justify-content: space-between; }

.bottom .left-item { width: 100%; }

.bottom .right-item { width: 100%; background-color: #fff; border-radius: 0.2rem; padding: 0.4rem; box-sizing: border-box; }

.bottom .right-item input, .bottom .right-item textarea { margin-left: 0.05rem; width: 72%; }

.bottom .right-item .input-li { display: flex; flex-wrap: nowrap; align-items: baseline; padding: 0.1rem; font-size: 0.28rem; border: 0.01rem solid #d4d4d4; margin-bottom: 0.2rem; }

.bottom .right-item .input-li::before { content: "*"; color: red; }

.bottom .right-item .submit-btn { width: 100%; padding: 0.2rem 0; font-size: 0.28rem; color: #fff; background-color: #2a66fe; border-radius: 0.05rem; }

.bottom .bottom-h { padding-bottom: 0.32rem; font-size: 0.32rem; font-weight: bold; line-height: 0.5rem; color: #fff; }

.bottom .bottom-h::after { content: ""; display: block; width: 1.2rem; height: 0.06rem; margin-top: 0.2rem; background-color: #fff; }

.bottom .bottom-p { margin: 0.3rem 0; }

.bottom .bottom-p p { font-size: 0.28rem; color: #fff; margin-bottom: 0.14rem; }

.bottom .bottom-p p:nth-child(2) { font-weight: bold; font-size: 0.58rem; }