*{margin: 0;padding: 0;}
a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration: none; }
html,body{height: 100%;background: #1c62e6; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin);}
@media screen and (max-width: 320px) { html { font-size: 42.667px; font-size: -webkit-calc(13.33333333vmin);   font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 48px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 50px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 376px) and (max-width: 393px) { html { font-size: 52.4px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 394px) and (max-width: 412px) { html { font-size: 54.93px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 413px) and (max-width: 414px) { html { font-size: 55.2px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 64px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 72px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 85.33px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 96px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 721px) and (max-width: 768px) { html { font-size: 102.4px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }
@media screen and (min-width: 769px) { html { font-size: 102.4px; font-size: -webkit-calc(13.33333333vmin); font-size: calc(13.33333333vmin); } }

.header_div{position: relative;}
.header_div > img{display: block;width: 100%;}
.order-link{display: block;position: absolute;top: .18rem;right: 0;font-size: .26rem;color: #fff;background: linear-gradient(179deg, #ffd464,#ff5b02);line-height: 1;padding: .14rem .06rem .16rem .25rem;border-radius: .3rem 0 0 .3rem;}
.suitable{font-size: .24rem;color: #fff;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.suitable::before,.suitable::after{content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: rgba(255, 255, 255, .5);margin: .05rem .1rem 0;}
.stamptocard{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin-top: .2rem;}
.applyforcard{font-size: .22rem;color: #fff;line-height: 1;background-image: linear-gradient(179deg, #23a3fc, #8fd5fe), linear-gradient(179deg, #23a3fc 0%, #8fd5fe 100%);box-shadow: -4px 7px 7px 0px rgba(0, 104, 184, 0.38);border-radius: .2rem;border: solid 1px #ffffff;display: -webkit-flex;display: flex;align-items: center;padding-left: .12rem;}
.stamp{display: block;background: linear-gradient(#ffd464,#ff5b02);border-left: 1px solid #fff;border-radius: .3rem;line-height: 1;padding: .08rem;padding-left: .2rem;margin-left: .2rem;}
.main{margin-top: .2rem;padding-bottom: .1rem;}
.card{width: 6.9rem;margin: .24rem auto;background: #fff;border-radius: .17rem;}
.features-fee{background: #1c62e6;position: relative;}
.features-fee > img{width: 100%;display: block;}
.fee-title{font-size: .38rem;font-weight: bold;color: #fff;position: absolute;top: .8rem;left: .4rem;text-shadow: 1px 5px 8px rgba(12, 123, 188, 0.75);}
.fee-list{box-sizing: border-box;padding: 0 .15rem .11rem;}
.fee-item{background-color: #f0faff;border-radius: .19rem;margin: .22rem 0;box-sizing: border-box;padding: .22rem .3rem;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.fee-item > img{display: block;width: 1.6rem;height: 1.3rem;}
.fee-r{padding-left: .4rem;}
.fee-item-t{font-size: .32rem;color: #383838;font-weight: bold;line-height: 1.6;}
.fee-r > p{font-size: .26rem;color: #5c5c5c;line-height: 1.3;}
.card-title{border-radius: .17rem .17rem 0 0;height: 1rem;background-image: linear-gradient(1deg, #23a3fc 0%, #79cffe 47%, #a6d8fe 100%);font-size: .38rem;color: #fff;text-shadow: 1px 5px 8px rgba(12, 123, 188, 0.75);display: -webkit-flex;display: flex;align-items: center;align-items: center;justify-content: center;justify-content: center;}
.meal{background-color: #f0faff;border-radius: .19rem;border: solid 1px #bee9ff;}
.card-cont{box-sizing: border-box;padding: .13rem .15rem;}
.meal-table{border-radius: .19rem;border: solid 1px #bee9ff;overflow: hidden;margin-bottom: .1rem;}
.meal-table > div{display: -webkit-flex;display: flex;font-size: .22rem;min-height: .6rem;background: #e3f4ff;border-bottom: 1px solid #bee9ff;}
.meal-table > div:nth-child(2n){background: #f0faff;}
.meal-table > div:last-child{border-bottom: none;}
.meal-table > div > p{display: -webkit-flex;display: flex;align-items: center;box-sizing: border-box;padding: .15rem;padding-right: .1rem;color: #414141;}
.meal-table .meal-table-t{font-size: .26rem;color: #3a3a3a;font-weight: bold;}
.meal-table-l{flex: 0 0 2.2rem;border-right: 1px solid #bee9ff;}
.explanation{font-size: .22rem;color: #545454;line-height: 1.7;margin: .2rem 0;}
.explanation .focus{color: #1c62e6;}
.handle-btn-box{height: 1rem;}
.handle-btn{position: fixed;bottom: 0;left: 0;width: 100%;height: 1rem;background-image: linear-gradient(179deg, #ffd464 0%, #ff5b02 100%);font-size: .38rem;color: #fff;font-weight: bold;text-shadow: -2px 4px 5px rgba(209, 119, 30, 0.38);border: none;outline: none;}

.process{width: 6.09rem;margin: 0 auto;padding: .2rem 0 .4rem;}
.process > img{width: 100%;display: block;}
.process-cont{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;margin-top: .1rem;}
.process-qrcode{width: 2rem;height: 2rem;}
.process-qrcode > img{width: 100%;display: block;}
.process-text{margin-top: -1rem;font-size: .22rem;color: #4d4d4d;width: 3.68rem;box-sizing: border-box;padding: .2rem;background: #f0faff;border: 1px solid #26a5fc;}
.process-tips{font-size: .24rem;font-weight: bold;}

.user{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding: 15px;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.1);position: relative;z-index: 2;}
.user img{display: block;width: 7.54%;max-width: 52px;margin-right: 10px;}
.user-tx{flex: 1;-webkit-flex: 1;font-size: 11px;color: #bd8d51;line-height: 1;}
.user-txSp{color: #448ce0;}
.user-tx h3{font-size: 15px;color: #764304;margin-bottom: 6px;}
.user-txSp h3{color: #0e59b2;}
.user-tx h3 .span-class{display: inline-block;font-size: 10px;color: #fff;padding: 2px 3px;border-radius: 2px;background: #fd7658;vertical-align: middle;margin: -3px 0 0 9px;}
.user-tx h3 .unuse{background: #dbdbdb;}
.card-page{margin-right: 8px;}
.card-page::before{display: inline-block;content: "";width: 8px;height: 10px;vertical-align: middle;margin: -2px 2px 0 0 ;}
.card1-page::before{background: url(../images/icon-card1.png) no-repeat;background-size: 100% 100%;}
.user-txSp .card1-page::before{background: url(../images/icon-cardsp1.png) no-repeat;background-size: 100% 100%;}
.card2-page::before{background: url(../images/icon-card2.png) no-repeat;background-size: 100% 100%;}
.user-txSp .card2-page::before{background: url(../images/icon-cardsp2.png) no-repeat;background-size: 100% 100%;}
.areaAdv{ margin-left:3.47%;margin-right:3.47%; margin-top:10px;margin-bottom:10px;}
.areaAdv img{ display: block; width:100%; border-radius:10px;}

.floor{position: relative;border-radius: 5px;background: #ffe8d5;padding: 22px 23px 20px;margin: 41px 3.33% 0;font-size: 12px;color: #7e665f;text-align: justify;}
.floor-tit{text-align: center;position: absolute;left: 0;right: 0;top: -16px;}
.floor-tit h3{display: inline-block;line-height: 32px;border-radius: 5px;background: linear-gradient(to bottom,#ffa175,#fd6b51);font-size: 18px;color: #fff;padding: 0 17px;position: relative;}
.floor-tit h3::before{display: inline-block;content: "";width: 30px;height: 35px;background: url(../images/photo-flower.png) no-repeat;background-size: 100% 100%;position: absolute;left: -29px;top: -8px;}
.floor-tit h3::after{display: inline-block;content: "";width: 30px;height: 35px;background: url(../images/photo-flower.png) no-repeat;background-size: 100% 100%;position: absolute;right: -29px;top: -9px;transform: rotateY(180deg);}
/*2023-5*/
.phoneNumber{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center}
.phoneNumber h3{ font-size: .3rem; }
.phoneNumber span.phoneNumber-tx{ background-color: #7dc6f1; }
.phoneTx img{ width: .16rem; }
.floortop-bd-lt img{ display: block; width: 100%; }
.fee-title span{ display: block;font-size: 0.22rem;
    text-decoration: line-through;font-weight: normal;}
.setGap{ top: .6rem; left: .3rem;}
.tx1{color: #666; text-decoration: line-through; display: inline-block;
    margin-right: .1rem;}
.tx2{  color: #414141; }
.txcolor1{ color: #1c62e6;font-weight: bold; }
/* 2024.5.30 */
.floortop{ background-color: #fff; padding: .22rem .3rem .17rem; font-size: .24rem;box-shadow: 0 0 19px rgba(0,0,0,.2);}
.floortop-bd{ display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start;}
.floortop-bd-rt{flex: 1;}
.floortop-bd-lt{ width: .54rem; margin-right: .1rem; margin-top: .1rem;}
.phoneNumber span{ margin-left: .1rem; font-size: .26rem; color: #fff;
    background-color: #ff2a22; border-radius: .06rem; padding:0 .1rem; line-height: .36rem;}
.phoneTx{ display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items:flex-start;
    margin-right: .1rem; color: #0f81fb; font-size: .22rem; margin-top: .12rem; }
.phoneTx img,.phoneTx span{ margin-right: .1rem; }
.phoneTx span.setFontsize{ font-size: .22rem; line-height: .34rem;}
.phoneTx p{width: 2.2rem; height: .34rem; background-color: #fff; font-size: .24rem; color: #0f81fb; text-align: center;
    line-height: .32rem; border: 0.01rem solid #a6bff2; border-radius: .04rem; box-sizing: border-box;}
.phoneTx-num{display: flex; flex-wrap: wrap; flex: 1;}
.phonecard{display: inline-block; width: .18rem; height: .22rem; vertical-align: middle; margin-top: -.03rem;
    background: url(../images/icon-cardbg.png) no-repeat; background-size: 100% 100%;
    font-size: .14rem; color: #487ce9; text-align: center; line-height: .22rem; margin-right: .12rem;}
.phoneTx-num p{margin-right: .2rem; margin-bottom: .1rem;}
.phoneTx-num p:nth-last-of-type(-n+2){margin-bottom: 0;}