|
- .index-slide, swiper-item
- .index-slide-image {
- display: block;
- width: 750rpx;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- .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;
- }
-
- .bannerbg {
- width: 100%;
- }
-
- .bannerbg image {
- display: block;
- width: 100%;
- }
-
- .merchant-detail {
- width:92%;
- padding:30rpx 4% 0;
- background:#fff;
- border-top-left-radius:20rpx;
- border-top-right-radius:20rpx;
- margin-top:-25rpx;
- }
-
- .merchant-brand, .merchant-shop, .merchant-phone {
- width: 100%;
- display: flex;
- padding: 20rpx 0;
- background: #fff;
- border-bottom: 1rpx solid #efefef;
- }
-
- .merchant-brand view:nth-child(1) {
- width: 160rpx;
- border-radius: 16rpx;
- height: 160rpx;
- }
-
- .merchant-brand view:nth-child(1) image {
- display: block;
- width: 160rpx;
- height: 160rpx;
- border-radius: 16rpx;
- border: 1px solid #e5e5e5;
- }
-
- .merchant-brand view:nth-child(2) {
- display: flex;
- flex-direction: column;
- flex: 6;
- padding-left: 30rpx;
- }
-
- .merchant-brand view:nth-child(2) text:nth-child(1) {
- margin-top: 20rpx;
- }
-
- .merchant-shop text, .merchant-phone text {
- font-size: 30rpx;
- }
-
- .merchant-shop view, .merchant-phone view {
- display: flex;
- flex: 2;
- color: #333;
- }
-
- .merchant-shop view:nth-child(2){
- font-size: 30rpx;
- }
-
- .merchant-info {
- display: block!important;
- color: #999;
- font-size: 28rpx;
- }
- .merchant-phones{
- padding: 20rpx 0;
- display: block;
- font-size: 30rpx;
- }
- .tel {
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 50rpx;
- height: 50rpx;
- }
-
- .shoplists {
- display: flex;
- }
-
- .shoplists text {
- flex: 2;
- }
-
- .godetail {
- color: #999;
- font-size: 30rpx;
- position: absolute;
- right: 10rpx;
- }
- .merchants text{
- display: block;
- text-align: left;
- font-size:26rpx;
- margin-bottom: 6rpx;
- }
- .merchants{
- display: block!important;
- }
- .merchant-brand{
- border: none!important;
- }
|