| 
							- @import "../../../../app.wxss";
 - page{
 -   background: #F4F5F9;
 - }
 - .index-slide, swiper-item
 -   .index-slide-image {
 -   display: block;
 -   width: 750rpx;
 -   margin: 0 auto;
 -   overflow: hidden;
 -   position: relative;
 -   height: 450rpx;
 - 
 - }
 - 
 - .index-slide-view .dots {
 -   position: absolute;
 -   left: 0;
 -   right: 0;
 -   bottom: 20rpx;
 -   display: flex;
 -   justify-content: center;
 - }
 - 
 - .index-slide-view .dots .dot {
 -   margin: 0 8rpx;
 -   width: 12rpx;
 -   height: 12rpx;
 -   background: #b6b6b7;
 -   border-radius: 50%;
 -   transition: all 0.6s;
 - }
 - 
 - .index-slide-view .dots .dot.active {
 -   background: #02c0ff;
 -   width: 30rpx;
 -   height: 12rpx;
 -   border-radius: 10rpx;
 -   opacity: 1;
 - }
 - 
 - .merchant-detail {
 -   width: 100%;
 -   background: #fff;
 -   border-top-left-radius: 20rpx;
 -   border-top-right-radius: 20rpx;
 - }
 - 
 - .merchant-brand, .merchant-shop, .merchant-phone {
 -   width: 100%;
 -   background: #fff;
 - }
 - 
 - .merchant-brand view:nth-child(1) {
 -   width: 88%;
 -   display: flex;
 -   flex-direction: column;
 -   white-space: nowrap;
 -   text-overflow: ellipsis;
 -   overflow: hidden;
 - }
 - .merchant-brand view:nth-child(1) text:nth-child(1){
 -   font-size:32rpx;
 -   font-family:PingFangSC-Regular;
 -   font-weight:400;
 -   color:rgba(60,60,60,1);
 -   margin-top: 20rpx;
 - }
 - .merchant-shop text, .merchant-phone text {
 -   font-size: 30rpx;
 - }
 - .merchant-shop .fl{
 -   color: #A6A6A6;
 - }
 - .merchant-phone view {
 -   color: #A6A6A6;
 - }
 - .merchant-activity view{
 -   color: #333;
 -   margin-top: 20rpx;
 - }
 - 
 - .merchant-activity view:nth-child(2) {
 -   font-size: 26rpx;
 -   display:flex;
 -   flex-direction:column;
 - }
 - .merchant-shop view:nth-child(2) {
 -   font-size: 30rpx;
 -   color: #A6A6A6;
 -   line-height: 26rpx;
 - }
 - .merchant-activity view:nth-child(1) {
 -   font-size:30rpx;
 - }
 - .merchant-activity view:nth-child(2) text {
 -   font-size:28rpx;
 -   color:#919191;
 -   letter-spacing:0;
 -   line-height:45rpx;
 - }
 - 
 - .merchant-info {
 -   display: block !important;
 -   color: #999;
 -   font-size: 28rpx;
 - }
 - 
 - .merchant-phones {
 -   padding: 20rpx 0;
 -   display: block;
 -   font-size: 30rpx;
 -   background: #F4F5F9;
 - }
 - 
 - .merchants text {
 -   display: inline-block;
 -   font-size: 26rpx;
 -   color: #A6A6A6;
 -   line-height: 22rpx;
 -   margin-right: 10rpx;
 - }
 - .posi{
 -   color: #FD832D!important;
 - }
 - .wz{
 -   color: #A6A6A6;
 -   font-size: 24rpx;
 - }
 - .notes view{
 -   color: #A6A6A6;
 - }
 - .merchant-brand {
 -   border: none !important;
 -   width: 92%;
 -   margin: 0 auto 20rpx;
 - }
 - .merchant-brand view:nth-child(2) text:nth-child(1) {
 -   margin-top: 20rpx;
 -   font-size: 32rpx;
 - }
 - 
 - .title{
 -   font-size: 26rpx;
 -   color: #A6A6A6;
 -   width: 530rpx;
 -   height: 40rpx;
 -   white-space: nowrap;
 -   text-overflow: ellipsis;
 -   overflow: hidden;
 - }
 - .merchant-shop,.merchant-phone,.merchant-activity{
 -   width: 92%;
 -   margin: 0 auto;
 - }
 - .shopHr{
 -   margin-bottom: 20rpx;
 - }
 - .tabs-item.selected {
 -   color: rgba(171, 149, 109, 0.8);
 -   border-bottom: 2px solid rgba(171, 149, 109, 0.8);
 - }
 - 
 - .tabs-item {
 -   width: 33.3%;
 -   color: #c7c7cb;
 -   font-size: 28rpx;
 -   display: flex;
 -   align-items: center;
 -   justify-content: center;
 -   border-bottom: 1rpx solid #d0d0d7;
 - }
 - 
 - .swiper-tab {
 -   text-align: left;
 -   width: 70%;
 -   display: flex;
 -   flex-flow: row;
 -   justify-content: space-around;
 -   height: 88rpx;
 -   line-height: 88rpx;
 -   margin-bottom: 30rpx;
 -   padding: 0 15%;
 -   background: #FFF;
 - }
 - 
 - .swiper-tab-item {
 -   color: #434343;
 -   font-size: 30rpx;
 -   margin-right: 50rpx;
 -   position: relative;
 - }
 - 
 - .active-tab {
 -   color: #FD782D;
 -   display: block;
 -   width: 72%;
 -   height: 8rpx;
 -   background: 0 0;
 -   position: absolute;
 -   bottom: 0;
 -   left: 15%;
 -   background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 -   border-radius: 100px;
 - }
 - .fenxiang {
 -   position: absolute;
 -   right:0;
 -   top: 27rpx;
 -   display: flex;
 -   flex-direction: column;
 - }
 - 
 - .fenxiang image {
 -   width: 48rpx;
 -   height: 48rpx;
 -   margin: 0 auto;
 - }                                                                                                                                                                                                    
 - .gift{
 -   color: #3C3C3C;
 -   font-size: 20rpx;
 -   margin: 0 auto;
 - }
 - .user-motto {
 -   width: 270rpx;
 -   border: 0;
 -   background: none;
 -   height: 260rpx;
 -   color: #fff;
 -   position: fixed;
 - }
 - 
 - .user-motto::after {
 -   border: none;
 - }
 - 
 - .coupons c-coupons {
 -   width: 335rpx;
 -   /* height: 354rpx; */
 -   margin-bottom: 22rpx;
 - }
 - 
 - .coupons c-coupons:nth-of-type(2n+1) {
 -   float: left;
 - }
 - 
 - .coupons c-coupons:nth-of-type(2n) {
 -   float: right;
 - }
 - 
 - .loading image {
 -   width: 60rpx;
 -   height: 60rpx;
 -   vertical-align: middle;
 -   margin-right: 10rpx;
 - }
 - 
 - .dingdan text {
 -   display: block;
 -   text-align: center;
 -   color: #999;
 - }
 - .have{
 -   text-align: left!important;
 - }
 - 
 - .swiperactive {
 -   min-height: 400rpx;
 -   padding-bottom: 44rpx;
 -   padding:0 4% 10rpx;
 - 
 - }
 - .swiperactive image{
 -   display: block;
 -   width: 300rpx;
 -   margin: 30rpx auto 0;
 - }
 - .modal {
 -   width: 100%;
 -   height: 100%;
 -   position: fixed;
 -   top: 0;
 -   left: 0;
 -   background: rgba(0, 0, 0, 0.5);
 -   overflow: hidden;
 -   z-index: 10000;
 -   color: #fff;
 - }
 - 
 - .modal-content {
 -   width: 540rpx;
 -   height: 233rpx;
 -   line-height: 60rpx;
 -   overflow: hidden;
 -   position: fixed;
 -   top: 50%;
 -   left: 0;
 -   z-index: 11;
 -   background: #f9f9f9;
 -   margin: -130rpx 105rpx;
 -   border-radius: 36rpx;
 -   display: flex;
 - }
 - 
 - .modal-content view {
 -   display: inline-block;
 -   flex: 1;
 -   text-align: center;
 - }
 - 
 - .modal-content view>text {
 -   color: #000;
 -   display: block;
 -   font-size: 30rpx;
 -   height: 80rpx;
 -   line-height: 80rpx;
 - }
 - 
 - .modal-content view>image {
 -   margin-top: 30rpx;
 -   width: 90rpx;
 -   height: 90rpx;
 - }
 - 
 - /*分享海报样式*/
 - .canvas-content {
 -   display: flex;
 -   top: 0;
 -   left: 0;
 -   /* left: 500%;  分享图不显示在页面上面,就将画布设置在页面之外*/
 - } 
 - 
 - .dingdan image {
 -   display: block;
 -   width: 300rpx;
 -   margin: 30rpx auto 0;
 - }
 - 
 - button::after{ border: none; }
 - .goback{
 -   position: fixed;
 -   right: 20rpx;
 -   bottom: 60rpx;
 -   width:100rpx!important;
 -   height:100rpx;
 -   z-index: 100;
 -   background:rgba(255,255,255,1);
 -   line-height: 95rpx;
 -   border:1rpx solid rgba(227,227,227,1);
 -   border-radius:50%;
 - }
 - .goback image{
 -   position: absolute;
 -   width: 60rpx;
 -   left: 0;
 -   right: 0;
 -   top: 0;
 -   bottom: 0;
 -   margin: auto;
 - }
 - .frHr{
 -   float: left;
 -   margin-left: 12rpx;
 -   margin-top:18rpx;
 - }
 
 
  |