body { position: relative; } .body { position: relative; width: 100%; top: -.73rem; font-size: 0.25rem; background:#fff; padding-top:0.1rem; } .head { position: absolute; width: 100%; z-index: -1; } .input { margin: 0 .25rem; margin-bottom: .38rem; padding: .3rem .25rem; background-color: #ffffff; border-radius: .22rem; box-shadow: 0 0 0.3rem #0000002b; } input { display: block; height: .69rem; margin-right: .19rem; padding-left: .24rem; line-height: .69rem; font-size: .27rem; background-color: #f0eef2; border-radius: .35rem; border: none; outline: none; } .words{width:75%;} .search { height: .69rem; padding: 0 .31rem; line-height: .69rem; font-size: .27rem; color: #ffffff; text-align: center; border-radius: .35rem; background-color: #fb5d51; -webkit-appearance:none; width:25%; } table { width: 98%; margin: .29rem auto; color: #333; background-color: #fff; border-collapse: collapse; } td,th { padding: .1rem .05rem; border: .02rem solid #ccc; } .light { color: #ff6600; } .header { position: relative; display: flex; align-items: center; justify-content: center; height: 3rem; margin-bottom: .352rem; } .banner-name { margin:.3rem; font-size:.48rem; font-weight:bold; color:#ffffff; line-height:.85rem; text-align:center; background-color:transparent; border:0.06remĀ solidĀ #ffffff; } .fixed { position: fixed; bottom: 0; width: 100%; display: flex; align-items: flex-end; justify-content: center; max-width: 750px; margin: auto; background: #fff; padding: 0.1rem 0; z-index: 999; } .share { width: 35%; height: 0.8rem; line-height: 0.8rem; border-radius: 1.5625rem; color: #ffffff; font-size: 0.36rem; font-weight: 500; background-color: #f80; margin-left: 0.275rem; } .share div { display: flex; justify-content: center; align-items: center; } .share-icon { width: 0.3rem; height: 0.3rem; margin-left: 0.1rem; } .focus-btn { width: 40%; height: 0.8rem; line-height: 0.8rem; border-radius: 1.5625rem; color: #ffffff; font-size: 0.36rem; font-weight: 500; background-color: #f80; margin-left: 0.275rem; } .focus-btn div { display: flex; justify-content: center; align-items: center; } .other-city { width: 65%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.32rem; border: 0; border-radius: 1.5625rem; margin-left: 0.275rem; margin-right: 0.275rem; margin-top: 0.1rem; color: #ffffff; background: #f80; } .daofen-box p,.daofen-box span, .daofen-box strong { font-family: "microsoft yahei" !important; line-height: 2 !important; } .daofen-box { background-color: #fff; /*margin: 0 .26rem;*/ border-radius: .16rem; background: #fff; padding: 0.1rem .32rem; margin-top: 0.1rem; font-size: 0.31rem !important; line-height: 0.60rem !important; } .daofen-box * { max-width: 100% !important; font-size: 0.31rem !important; line-height: 0.60rem !important; } .daofen-box img{ display:none;} .banner-name{ line-height:0.5rem;} footer {display: none;} .back_to_top, .back_to_feed { display: none; font-size: 0; } .flex-between { display: flex; justify-content: space-between; align-items: center; } .search_box select { text-align-last: right; -moz-appearance: none; -webkit-appearance: none; color: #333; background-color: transparent; font-size: 0.28rem; margin-right: 0.16rem; border: 0; outline: none; } .flex-center { display: flex; align-items: center; } h2{ text-align:center;} .label{ margin:0.1rem 0.25rem;color:#333;line-height:0.4rem; position:relative;} .label a{ color: #444; margin: 0.04rem 0.04rem; white-space: nowrap; background: #f5f5f5; padding: 0.04rem 0.1rem; border-radius: 0.1rem; display: inline-block; font-size: 0.24rem; } .label a.selected{ color: #f60; background: #ffecdf; } .res table{ word-break:break-all; } .fengexian{ border-top:dashed #ccc 0.01rem;} .label b{font-size: 0.27rem;} .res a{ background: #fb5d51; color: #fff; padding: 0.08rem 0.2rem; border-radius: 0.1rem; } .control{ position:absolute; right:0; top:0.1rem;} .control img{ width: 0.34rem; height: 0.17rem; } .control .show{ display:block;} .control .close{ display:none;} .top-tab { padding-top: 0.2rem; margin-bottom: 0.1rem; } .top-tab ul{ display:flex;} .top-tab li { font-size: 0.25rem; line-height: 0.6rem; text-align: center; flex:1; border-bottom: 0.04rem solid #ccc; } .top-tab li.current{ border-bottom: 0.04rem solid #eb543b; } .top-tab li:nth-child(4) { margin-right: 0; } .top-box table{ display:none} .top-box td, .top-box th {font-size: 0.20rem;}