.content-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.banner{position:relative;display:flex;justify-content:center;width:10rem;height:6.56rem;background:#fff url(../images/banner.png);background-size:cover}.banner .logo{position:absolute;top:0.25rem;left:0.21rem;width:2.57rem;height:0.72rem;background:url(../images/logo.png);background-size:cover}.banner .logo h1{font-size:0}.banner .main{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:1.13rem;margin-bottom:0.79rem}.banner .main .title{display:block;width:3.45rem;height:0.6rem;line-height:0.6rem;background:linear-gradient(83deg, #fd3495, #fe6e4a);border-radius:0.27rem;font-size:0.32rem;font-weight:bold;color:#ffffff;text-align:center}.banner .main img.describe{width:5.45rem;height:1.44rem}.banner .main .appointment{display:flex;flex-direction:column;justify-content:space-evenly;width:6.453333rem;height:1.773333rem;background:rgba(0,197,254,0.3);border-radius:0.27rem}.banner .main .appointment .appoint-header-wrap{display:flex;align-items:center;margin-left:0.28rem}.banner .main .appointment .appoint-header-wrap ul.header-wrap{flex-shrink:0;display:flex;justify-content:flex-start;width:2.933333rem;overflow:hidden}.banner .main .appointment .appoint-header-wrap ul.header-wrap li{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:.733333rem;height:.733333rem;box-sizing:border-box;padding:.026667rem}.banner .main .appointment .appoint-header-wrap ul.header-wrap li img{width:100%;height:100%;border-radius:50%;border:.013333rem solid #fff;box-sizing:border-box}.banner .main .appointment .appoint-header-wrap .ellipsis{margin-left:.026667rem;width:0.733333rem;height:0.733333rem;line-height:0.6rem;font-size:0.35rem;font-weight:bold;color:#ffffff;text-align:center;background:#00b5fe;border-radius:50%;flex-shrink:0}.banner .main .appointment .appoint-header-wrap h3{margin:0;margin-left:6px;font-size:0.32rem;color:#ffffff}.banner .main .appointment .appoint-header-wrap h3 span{font-size:0.37rem;font-weight:800;font-style:italic}.banner .main .appointment .appoint-phone-wrap .phone-wrap{margin:0 auto;height:0.45rem;line-height:0.45rem;text-align:center;overflow:hidden}.banner .main .appointment .appoint-phone-wrap .phone-wrap .phone{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:0.32rem;font-weight:400;color:#ffffff}.search-wrap{position:sticky;top:0;padding:0 0.8rem;width:100%;max-width:10rem;background-color:#fff;z-index:999}.search-wrap::before{content:'';position:absolute;top:50%;left:1.173333rem;transform:translateY(-50%);display:inline-block;width:0.453333rem;height:0.426667rem;background:url(../images/glass.png);background-size:cover}.search-wrap.shadow{box-shadow:0.01333rem 0.12rem 0.10667rem 0.01333rem rgba(121,121,121,0.05)}.search-wrap input{width:8.4rem;height:0.986667rem;margin:0.266667rem auto;padding-left:0.973333rem;padding-right:1.07rem;font-size:0.373333rem;font-weight:400;color:#333333;background:#f4f4f4;border-radius:0.493333rem;border:none}.search-wrap input::placeholder{color:#bfbfbf}.search-wrap input:valid ~ img.clear{display:block}.search-wrap img.clear{position:absolute;top:50%;right:1.2rem;transform:translateY(-50%);display:none;width:0.37rem;height:0.37rem}.none-city-item{display:none;padding-top:1.23rem;font-size:0.41rem;font-weight:400;color:#333333;text-align:center;background-color:#fff}.city-list-wrap{display:flex;flex-direction:column;align-items:center;background-color:#fff}.city-list-wrap .city-item{position:relative;display:flex;justify-content:space-between;align-items:center;width:9.01rem;height:1.41rem;border-bottom:0.01rem solid #ebebeb}.city-list-wrap .city-item span.title{font-size:0.43rem;font-weight:400;color:#333333}.city-list-wrap .city-item .btn{width:2.49rem;height:0.76rem;padding-left:0.57rem;font-size:0.37rem;font-weight:400;color:#ffffff;background:linear-gradient(90deg, #f74949, #f77249);border-radius:0.39rem;border:none;outline:none}.city-list-wrap .city-item .btn.btn-appoint{padding-left:10px;color:#f74a49;background:rgba(248,128,57,0);border:1px solid #ff0301}.city-list-wrap .city-item img.clock{position:absolute;top:50%;right:1.87rem;transform:translateY(-50%);width:0.35rem;height:0.39rem}.city-list-wrap .city-item.no-more{justify-content:center;font-size:.36rem;color:#999;border-bottom:none}.city-list-wrap:empty+.none-city-item{display:block}.tip-msg{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:none;width:5.84rem;height:0.95rem;line-height:0.95rem;font-size:0.4rem;font-weight:bold;color:#ffffff;text-align:center;background:rgba(0,0,0,0.52);border-radius:0.41rem;z-index:999}.pop-appoint{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:space-evenly;width:7.506667rem;height:7.6rem;background:#ffffff;border-radius:0.2rem;z-index:999}.pop-appoint img.close{position:absolute;top:0.13rem;right:0.13rem;width:0.37rem;height:0.37rem}.pop-appoint img.quick{display:inline-block;margin:0 auto;width:4.266667rem;height:.493333rem}.pop-appoint .pop-location-wrap{display:flex;align-items:center;padding-left:0.79rem}.pop-appoint .pop-location-wrap img{width:0.37rem;height:0.47rem}.pop-appoint .pop-location-wrap span{font-size:0.37rem;font-weight:400;color:#555555}.pop-appoint .pop-location-wrap span.place-wrap{margin-left:0.31rem}.pop-appoint .pop-location-wrap span.place-wrap .place{margin-left:0.08rem;color:#555555;font-weight:bold}.pop-appoint .pop-btn{margin:0 auto;width:4.43rem;height:1.17rem;font-size:0.44rem;font-weight:400;color:#ffffff;background:#f3261b;border-radius:0.59rem;border:none;outline:none}.pop-appoint .pop-btn:active{transform:translateY(0.01rem)}.pop-appoint .pop-phone-wrap,.pop-appoint .pop-code-wrap{position:relative;padding:0 0.35rem}.pop-appoint .pop-phone-wrap input,.pop-appoint .pop-code-wrap input{width:100%;height:1.09rem;padding-left:1.13rem;font-size:.373333rem;font-weight:400;color:#555555;background-color:#f5f5f5;border-radius:0.55rem;border:none}.pop-appoint .pop-phone-wrap input::placeholder,.pop-appoint .pop-code-wrap input::placeholder{color:#bbbbbb}.pop-appoint .pop-phone-wrap .icon,.pop-appoint .pop-code-wrap .icon{position:absolute;top:50%;left:0.81rem;transform:translateY(-50%);width:0.37rem;height:0.47rem}.pop-appoint .pop-phone-wrap input:valid ~ img.clear{display:block}.pop-appoint .pop-phone-wrap img.clear{position:absolute;top:50%;right:0.76rem;transform:translateY(-50%);display:none;width:0.37rem;height:0.37rem}.pop-appoint .pop-code-wrap input{padding-right:2.77rem}.pop-appoint .pop-code-wrap input:valid ~ img.clear{display:block}.pop-appoint .pop-code-wrap .line{position:absolute;top:50%;right:2.77rem;transform:translateY(-50%);width:0.03rem;height:0.6rem;background:#d0cfcf}.pop-appoint .pop-code-wrap .btn-code{position:absolute;top:50%;right:0.45rem;transform:translateY(-50%);width:2.33rem;font-size:.373333rem;color:#bbbbbb;outline:none;border:none;border:0;background-color:#f5f5f5}.pop-appoint .pop-code-wrap .btn-code.btn-code-active{color:#555}.pop-appoint .pop-code-wrap img.clear{position:absolute;top:50%;right:3rem;transform:translateY(-50%);display:none;width:0.37rem;height:0.37rem}.pop-appoint.hide{display:none}.pop-appoint-success{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;width:7.51rem;height:6.92rem;background:#ffffff;border-radius:0.2rem;z-index:999}.pop-appoint-success img.close{position:absolute;top:0.13rem;right:0.13rem;width:0.37rem;height:0.37rem}.pop-appoint-success img.appoint-success{margin-top:0.73rem;width:1.16rem;height:1.16rem}.pop-appoint-success img.appoint-text-success{margin-top:0.45rem;width:3.333333rem;height:.466667rem}.pop-appoint-success p{margin-top:0.48rem;font-size:0.35rem;font-weight:600;color:#333333;text-align:center}.pop-appoint-success .btn{margin-top:0.57rem;width:4.43rem;height:1.17rem;font-size:0.44rem;font-weight:400;color:#ffffff;background:#f3261b;border-radius:44px;outline:none;border:none}.pop-appoint-success .btn:active{transform:translateY(0.01rem)}.pop-appoint-success .btn.hide{display:none}.pop-appoint-success.hide{display:none}.pop-appoint-finish{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:7.45rem;height:7.69rem;background:#ffffff;border-radius:0.13rem;z-index:999}.pop-appoint-finish h1{font-size:0.43rem;font-weight:bold;color:#333333}.pop-appoint-finish p{font-size:0.33rem;font-weight:400;color:#999999}.pop-appoint-finish img{width:3.19rem;height:3.27rem}.pop-appoint-finish a.btn{display:block;width:5.84rem;height:1rem;line-height:1rem;font-size:0.44rem;font-weight:400;color:#ffffff;text-align:center;background:#fe271b;border-radius:0.49rem}.pop-appoint-finish.hide{display:none}.share-wrap{position:fixed;top:2.5rem;left:50%;transform:translate(-50%);display:flex;justify-content:space-around;align-items:center;width:6.5rem;height:2rem;background-color:#fff;border-radius:.32rem;z-index:999}.share-wrap img.share-arrow{position:absolute;top:-2rem;right:-1rem;width:1.786667rem;height:1.72rem}.share-wrap img.share{width:1.293333rem;height:1.386667rem}.share-wrap p{display:flex;flex-direction:column}.share-wrap p .tip-title{font-size:.413333rem;font-weight:bold}.share-wrap p .tip-share{font-size:.32rem;color:red}.share-wrap.hide{display:none}.mask{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999}.mask.hide{display:none}