.mobilesearchdemo {
        width: 100%;
        height: 100%;
        overflow: hidden !important;
}

.mobilesearchdemo-box {
        width: 100%;
        height: 100%;
        background: url(/imgs/mobilebranddemo/background.png) no-repeat;
        background-size: 100% 100%;
        padding-top: 3.84rem;
}

.mobilesearchdemo-box>div:nth-child(1) {
        margin-bottom: 1.05rem;
        width: 398px;
        font-size: .3rem;
        font-family: PingFangSC;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        letter-spacing: 1px;
}

.mobilesearchdemo-search {
        width: 6.92rem;
        height: .90rem;
        background: rgba(255, 255, 255, 1);
        border-radius: .10rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 .4rem 0 .4rem;
        box-sizing: border-box;
        font-size: .28rem;
        font-family: PingFangSC;
        font-weight: 400;
        color: rgba(147, 147, 147, 1);
}

.mobilesearchdemo-search>div:nth-child(2) {
        width: .4rem;
        height: .4rem;
}

.mobilesearchdemo-search>div:nth-child(2)>img {
        width: 100%;
        height: 100%;
}

.mobilesearchdemo-icon-box {
        margin-top: .6rem;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: space-around;

}

.mobilesearchdemo-icon-box>div {
        width: 1.2rem;
        text-align: center;
}

.mobilesearchdemo-icon-img {
        width: .42rem;
        height: .42rem;
        margin: 0 auto;
}

.mobilesearchdemo-icon-name {
        font-size: .26rem;
        font-family: PingFangSC;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        margin-top: .1rem;
}


.mobilesearchdemo-icon-img img {
        width: 100%;
        height: 100%;

}