/**app.wxss**/
/* 頁(yè)面主色 */

/* ****************************總頁(yè)面樣式開(kāi)始********************************* */
/* scroll  可滾動(dòng)頁(yè)面默認(rèn)樣式 */

.f-page-s{position: fixed;width: 100%;height: 100%;overflow: overflow-y;font-family: PingFangSC-Medium, sans-serif;color: #333333;font-size: 28rpx; }
.f-page-x{position: fixed;width: 100%; height: 100%;overflow: overflow-x;font-family: PingFangSC-Medium, sans-serif;color: #333333;font-size: 28rpx; }
/* 一屏默認(rèn)樣式 */
.f-page{position: fixed;width: 100%;height: 100%;font-family: PingFangSC-Medium, sans-serif;color: #333333;font-size: 28rpx; }
/* ****************************總頁(yè)面樣式結(jié)束********************************* */
.f-position-r{position: relative;}
.f-position-f{position: fixed;}
/* ****************************display樣式開(kāi)始******************************** */

/* 全居中 */
.f-view-co{ display: flex;justify-content: center;align-items: center;}
/* 一列 */
.f-view-c{display: flex;flex-flow: column;}
/* 一列全居中 */
.f-view-c-c-c{display: flex;flex-flow: column;align-items: center;justify-content: center;}
/* 一列左中 */
.f-view-c-c{display: flex;flex-flow: column;align-items: center;}
/* 一行 */
.f-view-r{display: flex;flex-flow: row;}
/* 一行左中 */
.f-view-r-c{display: flex;flex-flow: row;align-items: center;}
/* 一行周游 */
.f-view-r-r{display: flex;flex-flow: row;justify-content: center;}
/* 一行全居中 */
.f-view-r-c-c{display: flex;flex-flow: row;align-items: center;justify-content: center;}
/* 一行兩端齊 */
.f-view-r-c-s{display: flex;flex-flow: row;align-items: center;justify-content: space-between;}
.f-view-r-s{display: flex;flex-flow: row;justify-content: space-between;}
/* 一列兩端有距離 */
.f-view-c-c-r{display: flex;flex-flow: column;align-items: center;justify-content: space-around;}
/* 一行兩端有距離 */
.f-view-r-c-r{display: flex;flex-flow: row;align-items: center;justify-content: space-around;}
/* 一行右結(jié)尾 */
.f-view-r-c-e{display: flex;flex-flow: row;align-items: center;justify-content: flex-end;}
/* 一行左結(jié)尾 */
.f-view-c-c-e{display: flex;flex-flow: column;align-items: center;justify-content: flex-end;}
/*  多行左上角*/
.f-view-c{display: flex;flex-flow: column;}
/* 多行上下居中 */
.f-view-c-cu{display: flex;flex-flow: column;align-items: center;}
/* 多行左右居中 */
.f-view-c-c{display: flex;flex-flow: column;justify-content: center;}
/* 多行全居中 */
.f-view-c-c-c{display: flex;flex-flow: column;align-items: center;justify-content: center;}
/* ****************************display樣式結(jié)束******************************** */
/* ****************************圖標(biāo)圖片開(kāi)始********************************** */
/* 小圖標(biāo) */
.f-icon-ss{height: 24rpx;width: 24rpx;}
.f-icon-s{height: 28rpx;width: 28rpx;}
.f-icon-m{height: 32rpx;width: 32rpx;}
.f-icon-x{height: 40rpx;width: 40rpx;}
.f-icon-xx{height: 67rpx;width: 67rpx;}
.f-iconr-xxx{height: 88rpx;width: 88rpx;}
/* ****************************圖標(biāo)圖片結(jié)束********************************** */
/* ****************************長(zhǎng)寬樣式開(kāi)始********************************** */
.f-width-all{width:100%;}
.f-width-small{width:80%;}
.f-width-small-o{width:60%;}
.f-width-small-os{width:65%;}
.f-width-alls{width:90%;}
.f-width-href{width: 50%;}
.f-width-b{width: 30%;}
.f-width-b-box{width: 20%;}
.f-width-b-smb{width: 10%;}
.f-width-bs{width: 40%;}
.f-width-c{width:80%;left: 5%;}
.f-width-ss{width:60%;left: 20%;}
.f-width-sb{width:60%;left: 5%;}
.f-width-m{width:94%;left: 3%;}
.f-width-s{width:98%;left: 1%;}
.f-width-allbing{width:95%;}
.f-height-he{height: 400rpx;}
.f-height-bighe{height: 500rpx;}
.f-height-he-a{height: 300rpx;}
.f-height-he-ha{height: 200rpx;}
.f-height-he-hea{height: 150rpx;}
.f-height-he-heas{height: 100rpx;}
.f-height-he-as{height: 60rpx;}
.f-height-he-in{height: 80rpx;}
.f-height-all{height:100%;}
.f-height-href{height:50%;}
.f-height-smallhr{height:30%;}
/* ****************************長(zhǎng)寬樣式結(jié)束********************************** */
/* ****************************邊框開(kāi)始************************************** */
.f-border-b{border-bottom:20rpx solid #F8F8F8;}
.f-border-b-s{border-bottom: 5rpx solid #EAEAEA;}
.f-border-b-ss{border-bottom: 5rpx solid #999;}
.f-border-t-s{border-top: 1rpx solid #EAEAEA;}
.f-border-t{border-top:20rpx solid #EAEAEA;}
.f-border-r{border-right:1rpx solid #EAEAEA;}
.f-border-l{border-left:5rpx solid #EAEAEA;}
/* 圓弧 */
.f-border-r-b{border-radius: 50rpx;}
.f-border-r-q{border-radius: 100rpx;}
.f-border-r-m{border-radius: 30rpx;}
.f-border-r-s{border-radius: 10rpx;}
/* 單個(gè)圓角 */
.f-bo-t-l-r{border-top-left-radius:15rpx;}
 .f-bo-t-r-r{border-top-right-radius:15rpx;}
 .f-bo-b-r-r{border-bottom-right-radius:100rpx;}
.f-bo-b-l-r{border-bottom-left-radius:100rpx;}
 .f-bo-b-r-rs{border-bottom-right-radius:20rpx;}
.f-bo-b-l-rs{border-bottom-left-radius:20rpx;}
/* 全邊框 */
.f-border-all{border:4rpx solid #41c7db;}
.f-border-all-b{border:3rpx solid #fff;}
.f-border-all-q{border:3rpx solid #E5E5E5;}
/* 陰影 */
.f-border-shawdow{ box-shadow:0px 2px 2px 1px #EAEAEA;}
/* ****************************邊框結(jié)束************************************** */
/* ****************************顏色開(kāi)始************************************** */
/* 顏色 */
.f-text-c-xxx{color: red;}
.f-text-c-xx{color: #666666;}
.f-text-c-x{color: #999999;}
.f-text-c-m{color: #41c7db;}
.f-text-c-s{color: #fff;}
.f-text-c-sx{color: #333;}
/* 背景顏色 */
.f-bg-c-xxx{background-color: #000;}
.f-bg-c-xx{background-color: #E5E5E5;}
.f-bg-c-x{background-color: #F8F8F8;}
.f-bg-c-m{background-color:  #41c7db;}
.f-bg-c-ms{background-color:  #57def3;}
.f-bg-c-s{background-color: #fff;}
/* ****************************顏色結(jié)束************************************** */
/* ****************************字體大小開(kāi)始************************************** */
.f-text-ms{font-size: 20rpx; }
.f-text-l{font-size: 22rpx; }
.f-text-s{font-size: 24rpx; }
.f-text-m{font-size: 28rpx; }
.f-text-xm{font-size: 30rpx; }
.f-text-x{font-size: 32rpx; }
.f-text-xx{font-size: 40rpx; }
.f-text-xxx{font-size: 60rpx; }
.f-text-weight{font-weight: bold;}
/* 一行超出顯示省略號(hào) */
.f-text-ellipsis-one{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/* 兩行超出顯示省略號(hào) */
.f-text-ellipsis-more{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
/* ****************************字體大小結(jié)束************************************** */
/* ****************************內(nèi)外邊距開(kāi)始************************************** */
/* margin邊距 */
.f-margin-lr-s{margin:0 10rpx;}
.f-margin-lr-ss{margin:0 5rpx;}
.f-margin-lr-b{margin:0 30rpx;}
.f-margin-lr-bs{margin:0 15rpx;}
.f-margin-tb-s{margin:10rpx auto;}
.f-margin-tb-b{margin:20rpx 0;}
.f-margin-tb-big{margin:50rpx auto;}
.f-margin-t-s{margin-top: 10rpx;}
.f-margin-t-slog{margin-top: 20rpx;}
.f-margin-l-s{margin-left: 5rpx;}
.f-margin-l-b{margin-left: 40rpx;}
.f-margin-b-s{margin-bottom: 100rpx;}
.f-margin-b-sbtm{margin-bottom: 150rpx;}
.f-margin-auto{margin:0 auto;}
.f-margin-t-r-l{margin: 10rpx 20rpx;}
.f-margin{margin: 20rpx;}
/* padding邊距 */
.f-padding-lr-s{padding: 0 10rpx;}
.f-padding-lry-s{padding: 0 40rpx;}
.f-padding-tb-s{padding: 10rpx 0;}
.f-padding-tb-b{padding: 20rpx 0;}
.f-padding-tb-bb{padding: 40rpx 0;}
.f-padding-t-s{padding-top: 20rpx;}
.f-padding-a{padding: 6rpx;}
/* ****************************內(nèi)外邊距結(jié)束************************************** */
/* ****************************雜七雜八開(kāi)始************************************** */
/* 頭像 */
.head-image{width: 200rpx;height: 200rpx;}
/* 文本居中 */
.text-box-c{text-align: center}
/* 總體文本內(nèi)部居中 */
.c-text{display: flex;align-items: center;vertical-align:center;justify-content: center;}
/* 輪播圖 */
.f-swiper-h{height:376rpx;width: 100%;}
.f-swiper-hs{height:250rpx;width: 85%;}
/* 選中樣式 */
.f-active{color: #FF544C;border-bottom: 1rpx solid #FF544C;}
/*使屏幕變暗 遮罩層 */
.f-mask {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 100;}
/* 客服綁定手機(jī)等默認(rèn)按鈕去掉樣式 */
.f-button-official {background-color: #FFF;padding: 0;margin: 0;font-size: inherit;}
.f-button-official::after {border: #FFF solid;}
/* 全部按鈕去掉樣式 */
button::after{border:none;line-height: 0;}
/* 滾動(dòng)條隱藏 */
::-webkit-scrollbar {width: 0;height: 0;color: transparent;}
/* 滿(mǎn)屏按鈕 */
.f-buttom-b{position: relative;width: 100%;color: #fff;padding: 25rpx 0;font-size: 29rpx;}
/* 半屏按鈕 */
.f-buttom-s{position: relative;width: 45%;color: #fff;padding: 25rpx 0;font-size: 29rpx;}
/* image{height: 100%;width: 100%} */
/* ****************************此項(xiàng)目自定義開(kāi)始************************************** */
/* 店圖片的樣式 */
.shop-img-style{height: 120rpx;width: 120rpx;border-radius: 5rpx;}
.shop-img-styles{height: 150rpx;width: 150rpx;border-radius: 5rpx;}
/* 分類(lèi)圖片 */
.shop-img-type{height: 100rpx;width: 100rpx;}
/* 標(biāo)簽圖片 */
.shop-img-types{height: 80rpx;width: 80rpx;}
/* 圖標(biāo) */
.shop-logo-types{height: 50rpx;width: 50rpx;}
.shop-logo-smalltypes{height: 30rpx;width: 30rpx;}


/* 品牌樣式 */
.brand-style{background-color:  #FADE37;color:#643903;padding: 5rpx;font-size: 23rpx;font-weight: bold;border-radius: 5rpx;}
/* 減標(biāo)簽 */
.sign-style{color:#fff;padding: 2rpx 6rpx;font-size: 24rpx;border-radius: 60rpx;}
/* 減 #E96F6F*/
.minus{background-color: #fff;}
/* 折 */
.break{background-color: #E16971;}
/* 首 */
.initial{background-color: #76BC4C;}
/* 特 */
.unusual{background-color: #EB8A4D;}
/* 贈(zèng) */
.present{background-color: #39CF98;}
/* 保 票 */
.sign-style-empty{border:1rpx solid #ccc;border-radius: 60rpx; padding: 1.5rpx 10rpx;font-size: 23rpx;}

.sign-style-all{background-color: #fff;color:#333;border-radius: 60rpx; padding: 2rpx 10rpx;font-size: 23rpx;}
/* 商店左部分 */
.shop-left{width: 20%}
.shop-right{width: 80%}
.shop-left-s{width: 15%}
.shop-right-s{width: 85%}
.shop-left-ss{width: 7%}
/* 陰影 */
.shawdow{ box-shadow:0px 2px 2px 1px #E5E5E5;}
.shawdows{ box-shadow:0px 2px 2px 1px #E5E5E5;}
/* 刪除線 */
.manyshow{text-decoration:line-through;}
/*下劃線*/
.xian{text-decoration:underline;}