html { font-size: 13.33333vw } .header { width: 100%; } .content { margin: .28rem .2rem; } .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; } .con-detail { margin: 0.24rem 0.1rem 0.24rem 0.1rem; } .con-item { display: block; text-align: center; } .con-item .title { display: block; line-height: 0.48rem } .con-item .title span { color: #666; } .card { position: relative; /* width: 87%; */ display: flex; margin: -0.9rem 0.2rem 0; border-radius: 0.2rem; padding: 0.4rem 0.3rem 0.3rem 0.3rem; background-color: #ffffff; box-shadow: 0 0 0.3rem #0000002b; flex-direction: column; } .card-top { display: inherit; align-items: center; margin-left: 0.5rem; } .card-city-title { font-size: 0.3rem; } .select select:first-child { margin-left: 0; } .select { display: inherit; } select { min-width: 1.3rem; max-width: 2rem; font-size: 0.281rem; padding: 0.1rem 0.3rem; margin-left: 0.4rem; border: 0; background: no-repeat scroll right 0.26rem transparent; -webkit-appearance: none; background-size: 0.16rem 0.08rem; outline: none; } .card-label { display: block; margin-top: 0.2rem; } body { background-color: rgb(246, 245, 245); } .list-box { font-size: 0.27rem; color: #333; } .list-box .list-con { margin: 0.49rem 0; padding: 0.49rem 0.33rem; background-color: #ffffff; border-radius: 0.21rem; } .list-con .list-title { display: flex; align-items: center; margin: 0 0 0.34rem 0; font-size: .37rem; color: #629cdb; font-weight: bold; } .item-icon { margin: 0 0.12rem 0 0 !important; } .table-con { width: 100%; } .table-con tr td { padding: 0.3rem 0.3rem 0 0.3rem; } .table-con tr td:first-of-type { max-width: 2.3rem; } .table-con .table-head td { color: #999; } /* 关注更新 */ .weui-mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .weui-dialog { position: fixed; z-index: 5000; width: 80%; max-width: 750px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; text-align: center; border-radius: 0.06rem; overflow: hidden; } .weui-dialog__hd { padding: 1.3em 1.6em 0.5em; } .weui-dialog__title { font-weight: 400; font-size: 0.36rem; } .weui-dialog__bd { padding: 0 1.6em 0.8em; min-height: 0.8rem; font-size: 0.3rem; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #808080; text-align: left; } .weui-dialog__bd img { max-width: 100%; } .weui-dialog__bd:first-child { padding: 1.7em 0.4rem 1.7em; color: #353535; } .weui-dialog__ft { position: relative; line-height: 0.96rem; font-size: 0.36rem; display: -webkit-box; display: -webkit-flex; display: flex; } .weui-dialog__ft:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 0.02rem; border-top: 0.02rem solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(0.5); transform: scaley(0.5); } .weui-dialog__btn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #09bb07; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; } .weui-dialog__btn:active { background-color: #eeeeee; } .weui-dialog__btn:after { content: " "; position: absolute; left: 0; top: 0; width: 0.02rem; bottom: 0; border-left: 0.02rem solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(0.5); transform: scalex(0.5); } .weui-dialog__btn:first-child:after { display: none; } .weui-dialog__btn_default { color: #353535; } .weui-dialog__btn_primary { color: #09bb07; } .focus-btn { background-color: #3ea5ff; }