body, a, img, div, p, span, ol, ul, li, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
}

html {
    width: 100%;
    height: 100%;
}

img {
    display: flex;
}

.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

body {
    width: 100%;
    height: 100%;
}

#app {
    /* padding: 0.23rem 0.15rem; */
}
#app .hot-serve .title {
    display: flex;
    margin-bottom: 0.1rem;
}
#app .hot-serve .title img {
    width: 0.21rem;
    height: 0.21rem;
}
#app .hot-serve .title span {
    font-weight: 500;
    color: #222220;
    line-height: 0.24rem;
    font-size: 0.17rem;
    margin-left: 0.05rem;
}
#app .hot-serve ul {
    display: flex;
    justify-content: space-between;
}
#app .hot-serve ul li {
    width: 1.68rem;
    height: 0.61rem;
}
#app .hot-serve ul li img {
    width: 100%;
    height: 100%;
}
#app .work-online {
    /*margin-top: 0.2rem;*/
    background: linear-gradient(98deg, #F1F8FF 0%, #FDFEFF 100%);
    box-shadow: 0 2px 4px 0 rgb(228, 235, 242);
    border-radius: 0.1rem;
}
#app .work-online > img {
    width: 100%;
}
#app .work-online .work-online-swiper {
    position: relative;
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 0.3rem;
}
#app .work-online .work-online-swiper .function-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 0.8rem;
    height: 0.63rem;
    margin-top: 0.16rem;
    flex-shrink: 0;
}
#app .work-online .work-online-swiper .function-box > img {
    width: 0.36rem;
    height: 0.36rem;
}
#app .work-online .work-online-swiper .function-box .name {
    margin-top: 0.08rem;
    font-size: 0.13rem;
    color: #383838;
    line-height: 0.19rem;
    text-align: center;
}

#app .life-helper {
    margin: 0.14rem 0;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgb(228, 235, 242);
    border-radius: 0.1rem;
}
#app .life-helper .title {
    display: flex;
    align-items: center;
    height: 0.39rem;
    background: url("../images/life-background.png") center no-repeat;
    background-size: 100% 100%;
}
#app .life-helper .title img {
    width: 0.21rem;
    height: 0.21rem;
    margin: 0 0.05rem 0 0.15rem;
}
#app .life-helper .title span {
    font-size: 0.16rem;
    font-weight: 500;
    color: #383838;
}
#app .life-helper ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0.12rem 0 0.2rem;
}
#app .life-helper ul li {
    width: 0.99rem;
    height: 0.9rem;
    margin: 0.05rem;
    display: inline-block;
    flex-shrink: 0;
}
#app .life-helper ul li img {
    width: 100%;
    height: 100%;
}
#app .top-server{
    display: flex;
    align-items: center;
    padding:0.15rem 0.23rem;
}
#app .top-server .museum-item{
    width: 50%;
    height: 0.75rem;
}
#app .top-server .museum-item:first-child{
    padding-right:0.1rem;
}
#app .top-server .museum-item img{
    display: block;
    width: 100%;
    height: 100%;
}
#app .center-box{
    padding:0rem 0.23rem 0.15rem;
}
#app .center-box .center-item:not(:last-child){
    width:100%;
    height:0.75rem;
    margin-bottom:0.1rem;
}
#app .center-box .center-item img{
    width:100%;
    height:100%;
}
/*# sourceMappingURL=2023_fuwu.css.map */