249 lines
18 KiB
CSS
249 lines
18 KiB
CSS
|
body{background:#fafafa}
|
||
|
|
#app{padding:.2rem;font-size:0}
|
||
|
|
.swiper{border-radius:.2rem;overflow:hidden;position:relative}
|
||
|
|
.swiper-slide a{display:block}
|
||
|
|
.swiper-slide a img{width:100%;height:3.5rem}
|
||
|
|
.swiper-pagination{width: 100%;bottom: 10px;}
|
||
|
|
.nav,.venue-container{margin-top:.3rem;width:100%;overflow-x:scroll;overflow-y:visible;white-space:nowrap}
|
||
|
|
.nav-box{display:inline-block;width:25%}
|
||
|
|
.nav-box img{width:1rem;height:1rem;display:block;margin:0 auto .2rem}
|
||
|
|
.nav-box p{font-size:.28rem;color:#122939;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||
|
|
.venue{margin-top:.4rem}
|
||
|
|
.venue h3{font-size:.34rem;color:#122939}
|
||
|
|
.venue-box{display:inline-block;width:2.7rem;background:#fff;box-shadow:0 2px 8px 0 rgba(35,24,21,.1);border-radius:.12rem;overflow:hidden;margin-right:.2rem}
|
||
|
|
.venue-box:last-child{margin-right:0}
|
||
|
|
.venue-box img{width:100%;height:1.2rem}
|
||
|
|
.venue-info{padding:.15rem}
|
||
|
|
.venue-info h4{font-size:.24rem;color:#122939;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||
|
|
.venue-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.22rem;color:#999;padding-left:.25rem}
|
||
|
|
.venue-info p.phone{background:url(../image/phone.png) no-repeat left center;background-size:.16rem .2rem}
|
||
|
|
.venue-info p.time{background:url(../image/time.png) no-repeat left center;background-size:.14rem .14rem}
|
||
|
|
.bottom-text{margin: .2rem 0 1rem;}
|
||
|
|
.bottom-text p{text-align: center;font-size: .22rem;color: #122939;line-height: .5rem;}
|
||
|
|
.news-box{padding:.2rem;overflow:hidden;border-bottom:1px solid #eee;background:#fff}
|
||
|
|
.news-box h4{font-size:.3rem;color:#122939;margin-bottom:.2rem}
|
||
|
|
.big-img-box img{width:100%}
|
||
|
|
.news-box p{font-size:.24rem;color:#999;margin-top:.2rem}
|
||
|
|
.style3 .news-info{float:left;width:68%}
|
||
|
|
.style3 .news-img{float:right;width:30%;height:1.5rem}
|
||
|
|
.style3 .news-img img{width:100%;height:100%}
|
||
|
|
.style2 .news-info{float:right!important}
|
||
|
|
.style2 .news-img{float:left!important}
|
||
|
|
.three-img img{width:32%;height:1.5rem;margin-right:2%}
|
||
|
|
.three-img img:last-child{margin-right:0}
|
||
|
|
.live{margin-bottom:1.2rem}
|
||
|
|
.live-container{overflow:hidden;margin-top:.2rem}
|
||
|
|
.live-box{width:49%}
|
||
|
|
.live-box:nth-child(odd){float:left}
|
||
|
|
.live-box:nth-child(even){float:right}
|
||
|
|
.live-box p{font-size:.26rem;color:#122939;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .1rem}
|
||
|
|
.live-img{position:relative;border-radius:.2rem;overflow:hidden}
|
||
|
|
.live-img img{width:100%;height:2.2rem}
|
||
|
|
.live-img span{position:absolute;left:.2rem;bottom:.2rem;background:linear-gradient(90deg,rgba(9,86,224,.97),rgba(65,127,237,.97));color:#fff;font-size:.22rem;padding:.05rem;border-radius:.1rem}
|
||
|
|
.bottom-nav{position:fixed;bottom:0;left:0;right:0;overflow:hidden;background:#f5f5f5;z-index:1;height:1rem}
|
||
|
|
.bottom-nav-box{float:left;width:25%;text-align:center;padding:.15rem 0}
|
||
|
|
.bottom-nav-box span{font-size:.22rem;color:#333}
|
||
|
|
.nav-icon{height:.4rem}
|
||
|
|
.bottom-nav-box:first-child .nav-icon{background:url(../image/index.png) no-repeat center;background-size:.37rem .4rem}
|
||
|
|
.bottom-nav-box:first-child.active .nav-icon{background:url(../image/index-on.png) no-repeat center;background-size:.37rem .4rem}
|
||
|
|
.bottom-nav-box:nth-child(2) .nav-icon{background:url(../image/activity.png) no-repeat center;background-size:.37rem .4rem}
|
||
|
|
.bottom-nav-box:nth-child(2).active .nav-icon{background:url(../image/activity-on.png) no-repeat center;background-size:.37rem .4rem}
|
||
|
|
.bottom-nav-box:nth-child(3) .nav-icon{background:url(../image/venue.png) no-repeat center;background-size:.37rem .37rem}
|
||
|
|
.bottom-nav-box:nth-child(3).active .nav-icon{background:url(../image/venue-on.png) no-repeat center;background-size:.37rem .37rem}
|
||
|
|
.bottom-nav-box:nth-child(4) .nav-icon{background:url(../image/culture.png) no-repeat center;background-size:.37rem .4rem}
|
||
|
|
.bottom-nav-box:nth-child(4).active .nav-icon{background:url(../image/culture-on.png) no-repeat center;background-size:.37rem .4rem}
|
||
|
|
|
||
|
|
.area{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #eee;z-index:1}
|
||
|
|
.area-box{display:inline-block;min-width:25%;padding:0 .1rem;box-sizing:border-box;text-align:center;line-height:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#122939;font-size:.26rem}
|
||
|
|
.area-box.active{color:#125ce1}
|
||
|
|
.activity{margin:1rem 0}
|
||
|
|
.activity-box{background:#fff;box-shadow:0 2px 8px 0 rgba(35,24,21,.1);border-radius:.12rem;overflow:hidden;margin-bottom:.2rem}
|
||
|
|
.activity-img{position:relative}
|
||
|
|
.activity-img img{width:100%;height:4rem}
|
||
|
|
.status{position:absolute;top:0;right:0;padding:.1rem .2rem;background:linear-gradient(90deg,rgba(21,113,250,.97),rgba(21,183,250,.97));color:#fff;font-size:.26rem;border-bottom-left-radius:.3rem}
|
||
|
|
.activity-info{padding:.2rem}
|
||
|
|
.activity-info h4{color:#122939;font-size:.28rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||
|
|
.activity-info p{font-size:.24rem;color:#999;padding-left:.25rem;background:url(../image/time.png) no-repeat left center;background-size:.2rem .2rem}
|
||
|
|
.load-more{text-align:center;color:#333;font-size:.28rem;margin-top:.2rem}
|
||
|
|
.no-data{margin-top:3rem;text-align:center}
|
||
|
|
.no-data img{width:3rem}
|
||
|
|
|
||
|
|
.activity-slide{position:absolute;top:0;left:0;right:0;height:3.5rem;background:red}
|
||
|
|
.activity-slide .swiper{border-radius:0}
|
||
|
|
.activity-detail{width:7.1rem;margin:3rem auto 0;background:#fff;box-shadow:0 2px 8px 0 rgba(35,24,21,.1);border-radius:.3rem .3rem 0 0;position:relative;z-index:1000;padding:.35rem;box-sizing:border-box}
|
||
|
|
.activity-detail h3{font-size:.3rem;color:#122939}
|
||
|
|
.activity-detail .activity-time{font-size:.24rem;color:#999;margin:.2rem 0}
|
||
|
|
.activity-address,.activity-people{padding-left:.3rem}
|
||
|
|
.activity-detail p{font-size:.24rem;color:#122939}
|
||
|
|
.activity-detail p span{color:#999}
|
||
|
|
.activity-people{background:url(../image/people.png) no-repeat left center;background-size:.24rem .19rem;margin-bottom:.1rem}
|
||
|
|
.activity-address{background:url(../image/address.png) no-repeat left .05rem;background-size:.2rem .24rem}
|
||
|
|
.activity-detail h4{font-size:.28rem;color:#122939;margin:.4rem 0 .1rem}
|
||
|
|
.activity-detail-container{font-size:.26rem;color:#122939;line-height:.45rem}
|
||
|
|
.activity-detail-container img{width:100%}
|
||
|
|
|
||
|
|
.venue-type{overflow:hidden;background:#fff;box-shadow:0 2px 8px 0 rgba(35,24,21,.1);border-radius:.1rem;padding:.2rem .2rem 0;position:fixed;top:.2rem;left:.2rem;right:.2rem}
|
||
|
|
.venue-type-box{float:left;width:20%;text-align:center;margin-bottom:.2rem}
|
||
|
|
.venue-type-box img{width:.88rem;height:.88rem;display:block;margin:0 auto}
|
||
|
|
.venue-type-box p{font-size:.26rem;color:#122939;margin-top:.1rem}
|
||
|
|
.select{position:fixed;right:.2rem;left:.2rem;top:3.4rem;overflow:hidden;background:#fafafa}
|
||
|
|
.select-box{float:left;width:33.3333333%;font-size:.26rem;color:#122939;line-height:.6rem;text-align:center}
|
||
|
|
.select-box.active{color:#125ce1}
|
||
|
|
.venue-outer{margin:3.8rem auto 1rem}
|
||
|
|
.box-venue{padding:.2rem;background:#fff;box-shadow:0 2px 8px 0 rgba(35,24,21,.1);border-radius:.12rem;margin-bottom:.2rem}
|
||
|
|
.box-venue-top{overflow:hidden;padding-bottom:.2rem;border-bottom:1px solid #eee}
|
||
|
|
.box-venue-left{width:4.1rem;float:left}
|
||
|
|
.box-venue-left h3{font-size:.3rem;color:#122939}
|
||
|
|
.box-venue-left p{font-size:.26rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||
|
|
.box-venue-left p.time{color:#122939;margin:.1rem 0}
|
||
|
|
.box-venue-right{float:right;width:2.2rem}
|
||
|
|
.box-venue-right img{width:100%;height:1.55rem;border-radius:.12rem}
|
||
|
|
.box-venue-bottom{padding-top:.2rem}
|
||
|
|
.box-venue-bottom p{padding-left:.3rem;font-size:.24rem;color:#122939;background:url(../image/phone1.png) no-repeat left center;background-size:.2rem .2rem}
|
||
|
|
.select-area{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6);z-index:100000}
|
||
|
|
.select-area-container{padding:.2rem .2rem .1rem;background:#fff;overflow:hidden}
|
||
|
|
.select-area-box{width:32%;float:left;border:1px solid #eee;box-sizing:border-box;line-height:.55rem;text-align:center;border-radius:.12rem;margin-bottom:.1rem;margin-right:2%;font-size:.26rem;color:#122939;padding:0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||
|
|
.select-area-box:nth-child(3n){margin-right:0}
|
||
|
|
.select-area-box.active{border:1px solid #125ce1;color:#125ce1}
|
||
|
|
|
||
|
|
.venue-detail-top{height:3.4rem;width:100%;box-sizing:border-box;background:url(../image/venue-detail-top.png) no-repeat center;background-size:100% 100%;padding:.5rem .4rem 0;position:absolute;top:0;right:0;left:0}
|
||
|
|
.venue-detail-left{float:left;width:4rem}
|
||
|
|
.venue-detail-left h2{font-size:.34rem;color:#fff}
|
||
|
|
.venue-detail-left p{padding-left:.28rem;font-size:.26rem;color:#fff}
|
||
|
|
.venue-detail-left p.venue-time{background:url(../image/time2.png) no-repeat left center;background-size:.2rem .2rem;margin:.2rem 0}
|
||
|
|
.venue-detail-left p.venue-phone{background:url(../image/phone2.png) no-repeat left .07rem;background-size:.2rem .2rem}
|
||
|
|
.venue-detail-left p a{color: #fff}
|
||
|
|
.venue-detail-right{float:right;width:2.4rem;height:3.1rem;border-radius:.14rem;overflow:hidden}
|
||
|
|
.swiper-slide img{width:2.4rem;height:3.1rem}
|
||
|
|
.venue-detail-content{margin-top:3.8rem}
|
||
|
|
.position,.venue-service{margin-bottom:.6rem}
|
||
|
|
.position p{font-size:.26rem;color:#122939}
|
||
|
|
.position p span{color:#999}
|
||
|
|
.venue-intro h3,.venue-service h3{font-size:.3rem;color:#122939;margin-bottom:.2rem}
|
||
|
|
.venue-service p{font-size:.26rem;color:#122939}
|
||
|
|
.venue-intro-content{font-size:.26rem;color:#122939;line-height:.5rem}
|
||
|
|
|
||
|
|
.heritage{margin-bottom:1rem}
|
||
|
|
.heritage-box{overflow:hidden;margin-bottom:.2rem}
|
||
|
|
.heritage-box-left{float:left;width:2.3rem;height:2.8rem}
|
||
|
|
.heritage-box-left img{width:100%;height:100%;border-radius:.14rem}
|
||
|
|
.heritage-box-right{width:4.6rem;float:right}
|
||
|
|
.heritage-box-right h3{font-size:.32rem;color:#122939;margin-bottom:.2rem}
|
||
|
|
.heritage-box-right p{font-size:.28rem;color:#999}
|
||
|
|
.heritage-box-right span{display:inline-block;padding:.05rem .1rem;background:#abc8fd;color:#fff;font-size:.26rem;border-radius:.1rem;margin:.1rem 0}
|
||
|
|
|
||
|
|
.detail-swiper img{height:4.86rem!important}
|
||
|
|
.heritage-info{margin:.5rem 0}
|
||
|
|
.heritage-desc h3,.heritage-info h3,.heritage-people h3{font-size:.3rem;color:#122939;margin-bottom:.2rem}
|
||
|
|
.heritage-info p{font-size:.26rem;color:#122939;line-height:.5rem;padding-left:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||
|
|
.heritage-info p span{color:#999}
|
||
|
|
.heritage-info p.num{background:url(../image/hritage-icon1.png) no-repeat left center;background-size:.24rem .24rem}
|
||
|
|
.heritage-info p.time{background:url(../image/hritage-icon2.png) no-repeat left center;background-size:.24rem .24rem}
|
||
|
|
.heritage-info p.heritage-area{background:url(../image/hritage-icon3.png) no-repeat left center;background-size:.24rem .24rem}
|
||
|
|
.heritage-info p.org{background:url(../image/hritage-icon4.png) no-repeat left center;background-size:.24rem .24rem}
|
||
|
|
.heritage-info p.from{background:url(../image/hritage-icon5.png) no-repeat left center;background-size:.24rem .24rem}
|
||
|
|
.heritage-info p.lv{background:url(../image/hritage-icon6.png) no-repeat left center;background-size:.24rem .24rem}
|
||
|
|
.heritage-info p.type{background:url(../image/hritage-icon7.png) no-repeat left center;background-size:.24rem .24rem}
|
||
|
|
.heritage-info p.protect{background:url(../image/hritage-icon8.png) no-repeat left center;background-size:.24rem .24rem}
|
||
|
|
.heritage-desc-box{font-size:.26rem;color:#122939;line-height:.5rem}
|
||
|
|
.heritage-people-box{box-shadow:0 2px 8px 0 rgba(35,24,21,.1);border-radius:.12rem;margin-bottom:.2rem;padding-bottom:.2rem;overflow:hidden}
|
||
|
|
.heritage-people-name{margin-bottom:.2rem}
|
||
|
|
.heritage-people-num{display:inline-block;padding:0 .15rem;color:#fff;font-size:.24rem;background:linear-gradient(90deg,rgba(21,113,250,.97),rgba(21,183,250,.97));border-bottom-right-radius:.2rem;line-height:.5rem;margin-right:.4rem}
|
||
|
|
.heritage-people-name-box{display:inline-block;font-size:.28rem;color:#122939;font-weight:700;line-height:.5rem}
|
||
|
|
.heritage-people-name-box img{width:.2rem;height:.2rem;vertical-align:middle;margin-left:.1rem}
|
||
|
|
.heritage-people-info{overflow:hidden}
|
||
|
|
.heritage-people-info-box{float:left;width:50%;padding:0 .15rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.24rem}
|
||
|
|
.heritage-people-info-box span{color:#999}
|
||
|
|
|
||
|
|
.news-area{top:.8rem}
|
||
|
|
.news-list{margin-top:1.6rem;padding-top:.2rem}
|
||
|
|
.news-list-box{background:#fff;box-shadow:0 2px 8px 0 rgba(35,24,21,.1);border-radius:.12rem;overflow:hidden;margin-bottom:.2rem}
|
||
|
|
.news-list-box img{width:100%;height:3rem}
|
||
|
|
.news-list-info{padding:.2rem}
|
||
|
|
.news-list-info h3{font-size:.28rem;color:#122939;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||
|
|
.news-list-info p{font-size:.24rem;color:#999}
|
||
|
|
|
||
|
|
.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.6);padding:.3rem;border-radius:.1rem;box-shadow:0 0 .17rem #dedede}
|
||
|
|
.toilet, .read{margin: .2rem 0;font-size: .32rem}
|
||
|
|
.toilet a, .read a{display: block;}
|
||
|
|
.toilet a img, .read a img{width: 100%}
|
||
|
|
|
||
|
|
.feedback{position: fixed;bottom: 2rem;right:.5rem;box-shadow: 0 0 10px #EEE;border-radius: 50%}
|
||
|
|
.feedback a{display: block;width:1.5rem;height:1.5rem;text-align: center;line-height: 1.5rem;font-size: .4rem;background: #fff;border-radius: 50%;color: #000;}
|
||
|
|
.feedback a img{width: 1.5rem;}
|
||
|
|
|
||
|
|
.feedback-main{width: 7.1rem;margin: 0 auto;}
|
||
|
|
.feedback-title{font-size: .32rem;color: #000;margin-bottom: .2rem;}
|
||
|
|
.feedback-main textarea{width:100%;height: 3rem;font-size:.28rem;border:none;outline:none;padding: .15rem;box-sizing: border-box;background: #eee;border-radius: .1rem;}
|
||
|
|
|
||
|
|
.contact{margin-top: .2rem;}
|
||
|
|
.contact input{width: 100%;border-radius:.1rem;margin-bottom:.2rem;padding: 0 .15rem;font-size:.28rem;box-sizing: border-box;height: .8rem;border:none;outline:none;background: #eee;}
|
||
|
|
.tip{font-size: .24rem;color: #aaa;text-align: center}
|
||
|
|
.submit-feedback{position: fixed;bottom:0;left:0;right:0;padding: .2rem;}
|
||
|
|
.submit-feedback-btn{width: 100%;height: .8rem;line-height: .8rem;text-align: center;background: linear-gradient(to right, #26b9f5, #116bf2);border-radius: .4rem;color: #fff;font-size: .32rem;}
|
||
|
|
.photo input{display: none}
|
||
|
|
.photo label{vertical-align:top;display: inline-block;width: 1rem;height: 1rem;position:relative;line-height:1rem;text-align: center;border: 2px solid #000;box-sizing: border-box;border-radius: .2rem;color: #000;font-size: .6rem}
|
||
|
|
.photo label span{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
|
||
|
|
|
||
|
|
.feedback-type{position: fixed;top:0;left:0;right:0;overflow: hidden;border-bottom: 1px solid #EEE;background: #fff;z-index: 100}
|
||
|
|
.type-box{float:left;width: 50%;text-align: center;line-height: .8rem;font-size: .3rem;color: #888;position: relative;}
|
||
|
|
.type-box.active{color: #000;}
|
||
|
|
.type-box.active:after{content: '';display: block;width: 1.6rem;height: 2px;background: #000;position: absolute;bottom: 0;left:50%;margin-left:-.8rem;}
|
||
|
|
.feedback-list{margin-top:.8rem;padding: 0 .2rem;}
|
||
|
|
.feedback-box{padding: .15rem 0;border-bottom: 1px solid #EEE;overflow: hidden;}
|
||
|
|
.feedback-avatar{float:left;width: 1.2rem;height: 1.2rem;}
|
||
|
|
.feedback-avatar img{width: 100%;height:100%;border-radius: 50%;}
|
||
|
|
.feedback-info{float:right;width: 5.3rem;}
|
||
|
|
.feedback-text{font-size: .28rem;color: #000;margin: .18rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
|
||
|
|
.feedback-time{font-size: .24rem;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
|
||
|
|
.have-more{text-align: center;font-size: .28rem;color: #666;line-height: .8rem;}
|
||
|
|
|
||
|
|
.detail{padding: .2rem;background: #fff;}
|
||
|
|
.user-info{overflow: hidden;margin-bottom: .2rem;}
|
||
|
|
.user-avatar{float:left;margin-right: .2rem;width: 1rem;height:1rem;}
|
||
|
|
.user-avatar img{width: 100%;height:100%;border-radius: 50%}
|
||
|
|
.user-name{float:left;}
|
||
|
|
.user-name p{font-size: .28rem;color: #000;}
|
||
|
|
.user-name p.name{margin: .1rem 0;}
|
||
|
|
.detail-text{font-size: .32rem;line-height: .55rem;color: #000;}
|
||
|
|
.detail p{font-size: .26rem;color: #666;}
|
||
|
|
.loading{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(255,255,255,0.6);padding: 30px;border-radius: 10px;box-shadow: 0 0 17px #DEDEDE;}
|
||
|
|
|
||
|
|
.feedback-type-outer{position: fixed;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.6);z-index: 10000000;}
|
||
|
|
.feedback-type-container{width:100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
|
||
|
|
.feedback-type-box{display: inline-block;width: 50%;text-align: center;margin-bottom: .2rem}
|
||
|
|
.feedback-type-box img{width: 1.5rem;margin-bottom: .2rem}
|
||
|
|
.feedback-type-box p{font-size: .32rem;color: #fff}
|
||
|
|
|
||
|
|
.photo{margin-top:.2rem;}
|
||
|
|
.upload-photo-box{vertical-align:top;display: inline-block;width:32%;margin-right: 2%;position: relative;height:2rem;}
|
||
|
|
.img-box img{height:100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
|
||
|
|
.img-box{width:100%;height:100%;position: relative;overflow: hidden;}
|
||
|
|
.delete{position: absolute;width: .3rem;height:.3rem;top:-.15rem;right:-.15rem;}
|
||
|
|
|
||
|
|
.reply{margin-top: .2rem;background: #fff}
|
||
|
|
.reply-title{padding: .2rem;border-bottom: 1px solid #EEE;overflow: hidden}
|
||
|
|
.reply-title h3{float:left;font-size: .28rem;padding-left:.2rem;border-left: 4px solid greenyellow;}
|
||
|
|
.reply-title span{float:right;font-size: .28rem;color: #666}
|
||
|
|
.reply-content{padding: .2rem;}
|
||
|
|
.reply-content p{font-size: .28rem;color: #000;line-height: .55rem;word-break: break-all;}
|
||
|
|
|
||
|
|
.link-record{display:block;padding: .2rem;background: #eee;overflow: hidden;}
|
||
|
|
.record-title{float:left;padding-left: .2rem;border-left: 4px solid #1671f5;font-size: .32rem;color: #000;}
|
||
|
|
.link-record img{float:right;}
|
||
|
|
|
||
|
|
.toilet-box{overflow:hidden;display:block;margin-bottom: .2rem;padding: .2rem;background: #fff;box-shadow: 0 0 10px #FFF;border-radius: .1rem;}
|
||
|
|
.toilet-img{float:left;width: 1.5rem;height:1.5rem;overflow: hidden;border-radius: 50%;}
|
||
|
|
.toilet-img img{width:100%;height:100%;}
|
||
|
|
.toilet-info{float: right;width:5rem;}
|
||
|
|
.toilet-container{margin-top: 1rem;}
|
||
|
|
.toilet-box h3{font-size: .32rem;color: #000;font-weight: normal;}
|
||
|
|
.toilet-box p{font-size: .28rem;color: #999;}
|
||
|
|
.toilet-name{font-size: .36rem;color: #000;}
|
||
|
|
.toilet-address{font-size: .32rem;color: #999;margin: .1rem 0 .2rem;}
|
||
|
|
#map{position: absolute;bottom:0;left:0;right:0;height:92%;}
|
||
|
|
.anchorBL{display: none!important;}
|
||
|
|
.toilet-search{position: fixed;top:0;left:0;right:0;padding: .2rem;background: #fff;z-index: 1000;}
|
||
|
|
.toilet-search input{height: .6rem;width: 100%;padding: 0 .15rem;box-sizing: border-box;font-size: .3rem;border-radius: .1rem;border: 1px solid #EEE;}
|
||
|
|
|
||
|
|
.toilet-top{position: absolute;top:0;left:0;right:0;padding: .2rem;height:8%;}
|