.header { width: 100%; } .content { margin: .28rem .48rem; } .con-border { border-radius: .2rem; margin-bottom: .52rem; box-shadow: 0rem .06rem .12rem rgba(0, 0, 0, 0.16); } .con-title { height: .7rem; text-align: center; font-size: .32rem; line-height: .7rem; color: #ffffff; font-weight: bold; background-color: #3ea5ff; border-top-left-radius: .2rem; border-top-right-radius: .2rem; } .con-detail { margin: .36rem .38rem .24rem .34rem; font-size: .28rem; } .con-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: .2rem; padding-bottom: .22rem; border-bottom: .02rem solid #e2e2e2; } .con-detail .con-item:last-child { border: 0; } .more { margin-left: .02rem; font-size: .25rem; color: #3ea5ff; } .title { color: #141414; font-weight: 500; } .time { color: #6a6a6a; } .swiper { margin: 0 .48rem; } .swiper-img { width: 100%; height: 2.16rem; border-radius: .12rem; } .bottom { padding: .26rem .48rem; border-top: .1rem solid #eeeeee; } .share, .other-city { background-color: #3ea5ff; } footer { display: none; } .back_to_top, .back_to_feed { display: none; font-size: 0; } .tab-bar { margin-top: 0.2375rem; margin: 0 0.26rem; padding-bottom: 1rem; } .imp { padding: 0.375rem 0.1rem; border-bottom: 0.0225rem solid rgb(238, 238, 238); } .tab-content ul { padding-left: 0; margin: 0; } .tab-content ul li:last-child .imp { border: 0; } .imp-title { display: flex; } .imp-icon { width: 0.25rem; height: 0.25rem; margin-right: 0.2rem; margin-top: 0.1rem; } .imp-name { font-size: 0.31rem; font-weight: 600; color: #000000; } .imp-content { font-size: 0.3rem; color: rgb(102, 102, 102); margin-left: 5%; margin-top: 0.225rem; } .notice { display: flex; flex-direction: column; align-items: flex-start; color: #000000; } .notice-head { display: flex; line-height: 0.28rem; } .notice-icon { width: 0.275rem; height: 0.275rem; margin-right: 0.3125rem; } .notice-title { font-size: 0.315rem; font-weight: 500; margin-top: 0.27rem; margin-bottom: 0.27rem; margin-left: 0rem; } .notice-time { color: rgb(153, 153, 153); font-size: 0.4rem; } .notice-content { padding: 0.25rem 0.4rem; background-color: rgb(245, 246, 248); border-radius: 0.3125rem; font-size: 0.28rem; } .info-title { margin-top: .1rem; } .info-title ul { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0.1rem 0 0.05rem 0; } .city { position: absolute; top: 0.25rem; right: 0.25rem; width: 1.15rem; height: 0.5rem; display: flex; align-items: center; justify-content: center; line-height: 0.375rem; border-radius: 1.875rem; background-color: #ffffff; } .city-name { font-weight: 600; color: rgb(14, 20, 87); font-size: 0.26rem; } .city-icon { width: 0.18rem; margin-left: 0.1rem; } .header { position: relative; } /* */