html,
body {
    background-color: #EFF1F2;
}

.card-area {
    margin: .17rem;
}

.top-bar view {
    z-index: 999;
    background-color: #EFF1F2;
}

.fixTopBar {
    width: 100%;
    position: fixed;
    height: 53px;
}

.fixTopBarBlock {
    width: 100%;
    position: fixed;
    top: 0;
}

.fixTopBarText {
    font-family: PingFangSC-Medium;
    font-size: .18rem;
    color: #000;
    text-align: center;
    line-height: .18rem;
}

.flex {
    height: .53rem;
    font-size: .16rem;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.group {
    font-size: .15rem;
}

.group-hd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: .58rem;
}

.item-border-bottom:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    background: #e6e6e6;
}

.group-logo {
    width: 1.99rem;
}

.group-desc {
    text-align: center;
    color: #999;
    margin-top: .14rem;
    line-height: 1.6;
}

.group-bd {
    border-top: 7px solid #f5f5f5;
    background: #fff;
}

.group-bd:last-child {
    border-bottom: .25rem solid #f5f5f5;
}

.item {
    padding: .22rem 0;
    position: relative;
    display: flex;
    align-items: center;
}

.border-bottom {
    border: 0;
    margin: 0 .17rem;
}


.item-logo {
    display: inline-block;
    width: .26rem;
    height: .26rem;
}

.item-desc {
    font-size: .17rem;
    margin-left: .17rem;
    color: #000;
}

.item-toggle {
    position: absolute;
    right: 0;
}

.sub-item {
    position: relative;
    margin-left: .6rem;
    margin-right: .17rem;
    padding: .14rem 0;
    display: flex;
    align-items: center;
}

.sub-item:last-child:after {
    height: 0;
}

.sub-item-goto {
    position: absolute;
    right: .23rem;
}

.sub-item-desc-tra {
    margin-left: .17rem;
    color: #999;
}

.search {
    padding: .08rem .17rem;
    margin-top: .34rem;
}
.search-box {
    position: relative;
    display: flex;
    height: .42rem;
    font-size: .16rem;
    color: #ccc;
    border-radius: 1rem;
    background-color: #fff;
    align-items: center;
}
.search-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    border: 1px solid #e6e6e6;
    border-radius: 1rem;
    transform: scale(.5);
    transform-origin: 0 0;
    pointer-events: none;
}
.search-icon {
    width: .18rem;
    height: .18rem;
    margin: 0 .08rem 0 .24rem;
    background: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/search.png) no-repeat center;
    background-size: contain;
}

.hover {
    background: #F5F7F7;
}