.body { position: relative; padding-bottom: .5rem; font-family: pingfang sc; } .head { width: 100%; position: absolute; top: 0; } .notice-top { display: flex; justify-content: space-between; padding-top: 3rem; margin: 0 .48rem; " } .notice-top-text { font-size: .3rem; display: block; color: #007aff; margin-bottom: .05rem; } .city { position: absolute; top: 0.26rem; 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 a { display: flex; align-items: center; } .city-name { font-weight: 600; color: rgb(14, 20, 87); font-size: .26rem; } .city-icon { width: 0.14rem; height: .1rem; margin-left: 0.1rem; } .title { display: flex; justify-content: space-between; margin: 0 .24rem; overflow: auto\9; align-items: center; } .title-name { font-size: .32rem; color: #151515; float: left\9; } select { min-width: 1.3rem; max-width: 2rem; font-size: 0.281rem; padding: 0.1rem 0.3rem; text-align: center; border: 0; background: no-repeat scroll right 0.19rem transparent!important; -webkit-appearance: none; background-size: 0.16rem 0.08rem; } .select { display: flex; padding: 0.1rem 0.17rem; text-align: center; border-radius: 0.5rem; background: rgba(221,240,255,1); float: right\9; } .select select { margin-left: 0rem!important; color: #1c90fa; } .tab-bar { display: flex; align-items: center; justify-content: center; font-size: .30rem; color: #333333; padding: .2rem\9; overflow: auto\9; padding: 0.34rem 0 0 0; margin: 0.2rem 0.24rem 0.3rem 0.24rem; border-bottom: 0.01rem solid rgba(227,227,227,1); } .local { position: relative\9; width: 40%\9; float: left\9; text-align: right\9; } .local .sel-icon { position: absolute\9; bottom: -15%\9; right: 14%\9; } .other { position: relative\9; width: 40%\9; float: right\9; } .other .sel-icon { position: absolute\9; bottom: -15%\9; left: 14%\9; } .local, .other { display: flex; flex-direction: column; align-items: center; justify-content: center; } .card-type { padding-bottom: .2rem; } .sel-icon { width: .59rem; height: .06rem; } .local { margin-right: .86rem; margin-right: 0\9; } .chouse { color: #1c90fa; font-weight: 600; font-size: .30rem; } .content { margin-top: .31rem; border-radius: 0.5rem .5rem 0 0; } .limit-list { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; overflow: auto\9; } .today, .tomorrow { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0.22rem 0rem; border-radius: 0.14rem; width: 48%; } .today { background-color: #fef8e8; color: rgba(219,156,42,1); } .tomorrow { background-color:#f3fef8; color: #6fa18b; } .item { float: left\9; margin-right: .1rem\9; text-align: center\9; } .today, .tomorrow, .line { float: left\9; } .date { margin-top: .13rem; margin-bottom: .10rem; font-size: .24rem; text-align: center; } .line { height: .96rem; margin-left: .73rem; margin-right: .69rem; margin-right: .6rem\9; border-right: .02rem solid rgba(112, 112, 112, .14); } .week { padding-bottom: .21rem; margin-bottom: .25rem; border-bottom: .02rem solid rgba(112, 112, 112, .14); } .date-from { margin-bottom: .22rem; font-size: .27rem; font-weight: 500; } .list { display: flex; align-items: center; justify-content: space-between; overflow: auto\9; } .num { font-size: .24rem; } /*.limit-item {*/ /* margin-bottom: .52rem;*/ /*}*/ .title-icon { width: .18rem; height: .26rem; margin-right: .14rem; } .limit-title { margin-bottom: .24rem; font-size: .32rem; font-weight: 500; } .limit-detail { font-size: .28rem; color: #666666; } /*.limit-detail>div {*/ /* margin-bottom: .2rem;*/ /*}*/ .tools { display: flex; align-items: center; justify-content: space-around; font-size: .26rem; color: #545454; padding: 0rem 0.3rem; } .tools-item { display: flex; flex-direction: column; align-items: center; justify-content: center; } .xianxing-content .icon { width: .78rem!important; height: .78rem!important; margin-bottom: .14rem; } footer { display: none; } .back_to_top, .back_to_feed { display: none; font-size: 0; } .swiper-slide { float: left\9; } .limit-rule pre { margin-top: .2rem; margin-bottom: 0; line-height: .5rem !important; } .daofen-box p:nth-child(2) img { width: 100%; } /*34*/ .thirty-four { font-size: 0.34rem; } /*32*/ .thirty-two { font-size: 0.32rem; } /*30*/ .thirty { font-size: 0.3rem; } /*28*/ .twenty-eight { font-size: 0.28rem; } /*26*/ .twenty-six { font-size: 0.26rem; } /*25*/ .twenty-five { font-size: 0.25rem; } /*24*/ .twenty-four { font-size: 0.24rem; } /*22*/ .twenty-two { font-size: 0.22rem; } .details { margin:0rem 0.24rem 0.3rem 0.24rem; background-color: #ffffff; border-radius: 0.2rem; padding: 0.24rem 0.3rem; } .three { color: #333; } .font { font-weight: 700; } .font-nine { font-weight: 900; } .seven { color: #777777; } .day-color { color: #3e3e3e; } .xianxing-content { margin: 0rem 0.24rem 0.3rem 0.24rem; background-color: #fff; border-radius: 0.2rem; padding: 0.35rem 0.24rem; } .xianxing-content img { width:0.3rem; height:0.18rem; margin-right:0.15rem } .this-week { padding-bottom: 0.305rem; margin-bottom: 0.305rem; border-bottom: 0.01rem solid rgba(227,227,227,1); } .imp { padding: 0.48rem 0.1rem; border-bottom: 0.0225rem solid rgb(238, 238, 238); } .imp-name { font-size: 0.3rem; color: #070707; } .imp-content { font-size: 0.26rem; color: #828282; margin-left: 5%; margin-top: 0.41rem; } .imp-title { display:flex; } .tab-bar-zixun { display:block; margin:0rem 0.26rem; background-color: #fff; border-radius: 0.2rem; padding: 0rem 0.285rem 0.32rem 0.285rem; } .none { display:none; } .all-new { margin: 0.3rem auto; padding: 0.23rem 0.96rem; text-align: center; font-size: .3rem; background: #eeecef; border-radius: 0.14rem; color: #040205; width: 20%; } .background { background-color: rgba(246,251,255,1); margin-top: -0.68rem; position: relative; border-radius: 0.3rem 0.3rem 0rem 0rem; } .click { display: flex; flex-direction: column; align-items: center; font-size: 0.3rem; color: #141414; line-height: 0.8rem !important; font-weight: 600; } .other-city,.share { background-color: #1c90fa!important; } .other-city { font-size: 0.28rem!important; height: 0.73rem!important; line-height: 0.73rem!important; } .font-xianxing { font-family: pingfang sc; } .cicle { width: 0.35rem; height: 0.07rem; opacity: 1; /*background: rgba(28, 144, 250, 1);*/ border-radius: 100%; margin-right: 0.1rem; position: relative; } .cicle-text { width: calc(100% - 0.17rem) } .flex-cicle { display: flex; align-items: flex-start; opacity: 1; color: rgba(102, 102, 102, 1); margin-top: 0.2rem; margin-bottom: 0; line-height: .5rem !important; text-align: left; } .cicle-bg { width: 0.34rem; height: 0.34rem; opacity: 1; background: rgba(243,243,243,1); border-radius: 100%; margin-right: 0.1rem; color: #ababab; line-height: 0.19rem; text-align: center; font-size: 0.14rem; font-weight: 400; font-family: "microsoft yahei"; position: relative; top: 0.1rem; display: flex; justify-content: center; align-items: center; } .nocicle { width: calc(100% - 0.29rem); margin-left: 0.45rem; } .tools-item img { margin-right: 0rem; } .focus-btn { height: 0.73rem!important; line-height: 0.73rem!important; } .share { height: 0.73rem!important; line-height: 0.73rem!important; }