/************************商家详情********************/ .bodyHide{ position: fixed; left:-1000px;} /* 顶部收藏 */ header .collect{ width: 25px; height: 29px; margin-right: 12px; background:url(/m-www/img/hotelDetail/04_collect.png) no-repeat center center; background-size: 25px auto;} header .notCollect{ background:url(/m-www/img/hotelDetail/04_notCollect_h.png) no-repeat center center; background-size: 25px auto;} header .screen{ right:0;} /*公用*/ .pingStartBg{width: 65px;height:22px;background: url(/m-wedding/img/sellerDetail/startbg.png) no-repeat left center;background-size:65px auto; margin-right: 3px;} .pingStart{width: 65px;height:22px;background: url(/m-wedding/img/sellerDetail/start.png) no-repeat left center;background-size:65px auto;} .tit{ color:#333333; line-height:40px; font-size:14px;} .whiteBg{ background:#fff;width:94%; margin:0 auto; padding:0 3%;border-color: #e6e6e6; border-style: solid; border-width: 1px 0 1px;} /* 商家详情 */ #sellerDetail{width:100%; overflow:hidden;} #sellerDetail img{ width:100%; height:auto;} #sellerDetail .detailTit{ width:94%; margin:0 auto; padding:2px 0 4px;} #sellerDetail .detailTit h3{ color:#333; line-height:30px; max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #sellerDetail .detailTit h3 span{font-size:16px; vertical-align: middle;} /*#sellerDetail .detailTit h3 .fu{background: url(/m-wedding/img/sellerList/fu.png) no-repeat center center;background-size: 14px auto; vertical-align: middle;width:14px;height:14px;display:inline-block;}*/ #sellerDetail .detailTit .detailMoney{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;} #sellerDetail .detailTit p{ font-size:12px; color:#ff608e;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;} #sellerDetail .detailTit p i{ font-size:18px; font-weight:bold; padding-right:3px;} #sellerDetail .detailTit .detailFen{color: #ff608e;line-height: 24px;} #sellerDetail .detailTit .pingStartBg{float: left;} #sellerDetail .detailHui{ width:94%; margin:6px auto;border-top:1px solid #e6e6e6; } #sellerDetail .detailHui li{ line-height:20px; padding:6px 0;} #sellerDetail .detailHui li i{ padding:1px 2px; border-radius:3px; -webkit-border-radius:3px; text-align:center; vertical-align:middle; display:inline-block; width:45px;} #sellerDetail .detailHui .fanXian i{ border:1px solid #fe6e76; color:#fe6e76;} #sellerDetail .detailHui .daoDianLi i{ border:1px solid #ff9db1; color:#ff9db1;} #sellerDetail .detailHui .youHui i{ border:1px solid #ff9932; color:#ff9932;} #sellerDetail .detailHui li span{ display:inline-block; margin-left:3px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle; font-size:14px; color:#666;} #sellerDetail .detailBtnCon{ height:70px; border-top: #e6e6e6 1px solid;} #sellerDetail .detailBtn{ padding:15px 3%; background:#f0f0f0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; width:94%; z-index:1;} #sellerDetail .detailBtn.scrollClass{position:fixed; top:0; left:0;} #sellerDetail .detailBtn a{ display:block; margin-right: 15px; border-radius:5px; -webkit-border-radius:5px;box-sizing:border-box; line-height:40px; text-align:center; color:#fff; font-size:14px;} #sellerDetail .detailBtn .online,#sellerDetail .detailBtn .collect{ border: 1px solid #d8d8d8; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; } #sellerDetail .detailBtn .online {background:url(/m-www/img/hotelDetail/05_online.png) no-repeat center center #fff; background-size: 27px auto;} #sellerDetail .detailBtn .collect{background:url(/m-www/img/hotelDetail/04_collect.png) no-repeat center center #fff; background-size: 25px auto;} #sellerDetail .detailBtn .notCollect{background:url(/m-www/img/hotelDetail/04_notCollect.png) no-repeat center center #fff; background-size: 25px auto;} #sellerDetail .detailBtn a:last-child{ background:#ff608e;-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4; margin-right: 0; } /* 商家套系 */ #sellerTaoXi{background:#f0f0f0; padding:0 0 15px;width:100%; overflow:hidden;} #sellerTaoXi ul{border-bottom:1px solid #e6e6e6;} #sellerTaoXi ul li{ margin-right:4%; width:48%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box;} #sellerTaoXi ul li a{ display:block;} #sellerTaoXi ul li:nth-child(even){ margin-right:0;} #sellerTaoXi ul li .smallImg{ width:100%; height:100%;background:url(/m-wedding/img/sellerDetail/ImgBg.png) repeat center top; overflow:hidden;} #sellerTaoXi ul li .smallImg img{ margin:0 auto; display:block;height:auto;width:100%;} #sellerTaoXi ul li h3{ line-height:18px; margin:10px 0 3px;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:14px; color:#333;} #sellerTaoXi ul li .returnCash{ color:#ff608e; font-size:12px; position:relative; margin-bottom:10px;} #sellerTaoXi ul li .returnCash p{ display:inline-block; font-size:12px;} #sellerTaoXi ul li .returnCash .newPrice{ padding:2px 10px;position:relative; background: url(/m-wedding/img/sellerDetail/youhuibg.png) no-repeat center center;background-size:73px auto; -ms-transform: scale(.9);transform: scale(.9); -webkit-transform: scale(.9);} #sellerTaoXi ul li .returnCash .newPrice span{font-size:12px;} #sellerTaoXi ul li .returnCash .oldPrice{ color:#a0a0a0; } #sellerTaoXi ul li .returnCash .oldPrice span{ font-size:14px;} #sellerTaoXi .more{ display:block;position:relative;line-height:45px; font-size:14px; } #sellerTaoXi .more:after{ position:absolute; right:0; top:12px; width:20px; height:20px; content:""; background:url(/m-wedding/img/sellerList/greyDown.png) no-repeat center center;background-size:20px auto; -ms-transform:rotate(270deg); transform:rotate(270deg); -webkit-transform:rotate(270deg); } /* 商家作品 */ #sellerZuoPing{background:#f0f0f0; padding:0 0 15px;width:100%;overflow:hidden;} #sellerZuoPing ul{ padding-bottom:15px;} #sellerZuoPing ul li{ width:140px; margin-right:4%; width:48%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box;} #sellerZuoPing ul li a{ display:block;} #sellerZuoPing ul li:nth-child(even){ margin-right:0;} #sellerZuoPing ul li .smallImg{ width:100%; height:auto;background:url(/m-wedding/img/sellerDetail/ImgBg.png) repeat center top; overflow:hidden; position:relative;} #sellerZuoPing ul li .smallImg img{ margin:0 auto; display:block;height:auto;width:100%;} #sellerZuoPing ul li .smallImg span{ position:absolute; right:5px; bottom:5px; background:rgba(0,0,0,.6); padding:3px 5px; border-radius:3px; -webkit-border-radius:3px; color:#fff;} #sellerZuoPing .more{display:block;position:relative;line-height:45px; font-size:14px; border-top: 1px solid #e6e6e6;} #sellerZuoPing .more:after{ position:absolute; right:0; top:12px; width:20px; height:20px; content:""; background:url(/m-wedding/img/sellerList/greyDown.png) no-repeat center center;background-size:20px auto; -ms-transform:rotate(270deg); transform:rotate(270deg);-webkit-transform:rotate(270deg); } /* 评价 */ #PingJia{background:#f0f0f0; padding:0 0 15px;width:100%;overflow:hidden;} #PingJia ul{padding-bottom: 10px;} #PingJia li{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;padding:10px 0;border-bottom: 1px solid #e6e6e6;} #PingJia li img{width: 40px;height: 40px;border-radius: 50%;margin-right: 10px;} #PingJia li .pingjiaCon{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;border-radius: 50%;line-height: 1.6;} #PingJia li .pingjiaCon h3{font-size: 14px;float: left;} #PingJia li .pingjiaCon p{color: #666;} #PingJia li .pingjiaCon .pingStartBg{float: right;} #PingJia .more{display:block;position:relative;line-height:45px; font-size:14px;} #PingJia .more:after{ position:absolute; right:0; top:12px; width:20px; height:20px; content:""; background:url(/m-wedding/img/sellerList/greyDown.png) no-repeat center center;background-size:20px auto; -ms-transform:rotate(270deg); transform:rotate(270deg); -webkit-transform:rotate(270deg);} /* 商家信息 */ #detailInfo{background:#f0f0f0; padding:0 0 15px;width:100%; overflow:hidden;border-color: #e6e6e6; border-style: solid; border-width: 1px 0 1px;} #detailInfo .detailInfo{background: #fff;} #detailInfo .detailInfo .tit{width: 94%;margin: 0 auto;} #detailInfo .detailInfo ul{width:94%; margin:0 auto; } #detailInfo .detailInfo li{line-height:40px; color:#666; font-size:14px; position:relative;} #detailInfo .detailInfo .map{overflow:hidden;} #detailInfo .detailInfo .map .mapCenter{padding-left:20px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;background:url(/m-wedding/img/sellerDetail/map2.png) left 11px no-repeat;background-size:12px auto;border-bottom: 1px solid #e6e6e6;} #detailInfo .detailInfo .map .mapCenter:last-child{ border-bottom: 0 !important;} #detailInfo .detailInfo .map .mapCenter p{width:70%;} #detailInfo .detailInfo .map .mapCenter .mobile{width:30%;text-align:center;} #detailInfo .detailInfo .map .mapCenter .mobile a{display: block;color:#ff608e;background:url(/m-wedding/img/sellerDetail/mobile2.png) center top no-repeat;background-size:23px auto;padding: 30px 10px 0 10px;border-left: 1px solid #d8d8d8} #detailInfo .detailInfo .map>div{padding:10px 0 10px 0; position:relative;} #detailInfo .detailInfo .map div:after{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#e6e6e6; content:"";} #detailInfo .detailInfo .map p{line-height:22px;font-size: 13px;} #detailInfo .detailInfo #moreShop{width:90%; margin:0 auto;height:40px;line-height:40px; font-size:14px; color:#a0a0a0;position:relative;} #detailInfo .detailInfo #moreShop .arrow{background-image:url(/m-wedding/img/sellerList/greyDown.png); background-repeat:no-repeat;background-size:20px auto;background-position: right center;width: 20px;height: 20px;display: block;position: absolute;right: 0;top: 9px;} #detailInfo .detailInfo #moreShop.mapUp .arrow{-ms-transform:rotate(180deg);transform:rotate(180deg); -webkit-transform:rotate(180deg);} /* 您可能会喜欢 */ #mayEnjoy{ width:94%; padding:0 3%;margin:0 auto;overflow:hidden;} #mayEnjoy li{ position:relative; padding:10px 0 15px; border-bottom:1px solid #e6e6e6;} #mayEnjoy li:first-child{ padding-top:0px;} #mayEnjoy li a{ display:block;min-height:63px;} #mayEnjoy li .sellTXLe{ width:100px; height:63px; position:absolute; top:11px; left:0;} #mayEnjoy li:first-child .sellTXLe{ top:1px;} #mayEnjoy li .sellTXRi{ margin-left:110px;} #mayEnjoy li .sellTXRi h3{ font-size:14px; color:#333;} #mayEnjoy li .sellTXRi h3 span{ font-size:14px;vertical-align:middle; display:inline-block; max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #mayEnjoy li .sellTXRi h3 i{ vertical-align:middle;display:inline-block; width:14px; height:14px; background-position:center center;background-size:14px auto; background-repeat:no-repeat;} #mayEnjoy li .sellTXRi h3 .li{ background-image:url(/m-wedding/img/sellerList/li.png);} #mayEnjoy li .sellTXRi h3 .hui{background-image:url(/m-wedding/img/sellerList/hui.png);} #mayEnjoy li .sellTXRi h3 .fan{background-image:url(/m-wedding/img/sellerList/fan.png);} #mayEnjoy li .sellTXRi h3 .fu{background-image:url(/m-wedding/img/sellerList/fu.png);} #mayEnjoy li .sellTXRi .returnCash{ color:#ff608e; font-size:12px; position:relative; margin:2px 0 6px;} #mayEnjoy li .sellTXRi .returnCash p{ display:inline-block; font-size:13px;} #mayEnjoy li .sellTXRi .returnCash .newPrice{ padding-left:5px;position:relative;} #mayEnjoy li .sellTXRi .returnCash .newPrice:before{ position:absolute; left:-1px; top:5px; width:1px;height:12px; background:#bbb; content:"";} #mayEnjoy li .sellTXRi .returnCash .newPrice span{font-size:16px;} #mayEnjoy li .sellTXRi .returnCash .oldPrice{ color:#333; font-size:12px;} #mayEnjoy li .sellTXRi .returnCash .oldPrice span{ font-size:14px; } #mayEnjoy li .sellTXRi .info span{ padding-right:8px;} #mayEnjoy .noMore{ color:#a0a0a0; font-size:14px; line-height:39px; text-align:center;} /* 优惠详情弹层 */ #huiDetails{ overflow-y:auto; position:fixed; top:0; left:100%;background:#fff; -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; opacity:0; z-index:7; display:none;} #huiDetails .dialogWrap{ position:relative;} #huiDetails h1{color:#666; text-align:center; position:relative;height:30px;line-height:30px; font-size:17px;margin:0 auto; font-weight:bold; background:#fff; padding:5px 5%;border-bottom:1px solid #e0e0e0;} #huiDetails h1 span{display:block; width:65px; height:35px; position:absolute; left:5%; top:5px;background:url(../../images/hyTip.png) no-repeat 5px 5px; background-size:21px auto;} #huiDetails .info{ margin-bottom:60px;} #huiDetails .info .infoItem h3{ background:#f5f5f5; color:#999; font-size:14px; line-height:35px;padding:0 3%;} #huiDetails .info .infoItem div{ color:#333; font-size:14px; line-height:20px; padding:10px 3%;} #huiDetails .info .infoItem div p{ font-size:14px; line-height:22px;} #huiDetails .order{ width:94%; position:fixed; bottom:0; left:0;background:#fff; padding:15px 3%; border-top:1px solid #e6e6e6; z-index:8; } #huiDetails .order.scrollClass{ position:fixed; top:0; left:0;} #huiDetails .order input,#huiDetails .order span{font-size:14px; border-radius:5px; -webkit-border-radius:5px;float:left;} #huiDetails .order input{ color:#bbb; text-indent:10px; border:1px solid #ff608e; width:64.5%; line-height:33px; margin-right:4.3%;} #huiDetails .order span{ background:#ff608e;text-align:center; color:#fff; width:30%; line-height:35px;} /* 预约看店 */ #yuyueInfo{overflow-y:auto; position:fixed; top:0; left:100%;background:#f0f0f0; -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; opacity:0; z-index:7; display:none;} #yuyueInfo .dialogWrap{ position:relative;} #yuyueInfo h1{color:#666; text-align:center; position:relative;height:30px;line-height:30px; font-size:17px;margin:0 auto; font-weight:bold; background:#fff; padding:5px 5%;border-bottom:1px solid #e0e0e0;} #yuyueInfo h1 span{display:block; width:65px; height:35px; position:absolute; left:5%; top:5px;background:url(../../images/hyTip.png) no-repeat 5px 5px; background-size:21px auto;} #guideCon{ display:none;} #guide{color: #999;padding-top: 5px;} #guide .sec2ed{font-size: 13px;padding:0 5%;line-height:30px; margin-top: 5px;} #guide .myPhoneDiv{margin:12px auto; background: #fff; width: 100%;} #guide .myPhoneDiv p{position:relative;background:url(/m-www/img/order/phone.png) no-repeat 5% center; background-size:14px auto; padding-left:12%;border-color:#e4e4e4;border-style: solid; border-width: 1px 0 1px;} .myPhoneDiv .phoneNum{display:block;color:#bbb;width:100%;font-size:14px;line-height:25px;padding:10px 0; } .myPhoneDiv .phoneNum::-webkit-input-placeholder{color:#bbb;} .myPhoneDiv .closeIcon{position:absolute;right:0;top:0; width:55px; height:47px; background:url(/m-www/img/hotelDetail/close.png) no-repeat 50% 50%; background-size:16px auto; display: none;} #guide .sure{ display:block; width:90%; margin:26px auto; text-align:center;line-height:45px; background:#ff608e; color:#fff; font-size:14px;border-radius:5px; -webkit-border-radius:5px;} @media screen and (max-width:375px) { #sellerZuoPing ul li .smallImg img{ height:100px; width:auto;} } @media screen and (min-width:375px) and (max-width:430px) { #sellerZuoPing ul li .smallImg img{ height:150px; width:auto;} } @media screen and (min-width:430px) { #sellerZuoPing ul li .smallImg img{ height:200px; width:auto;} }