.search-view {
    text-align: center;border-radius: 6px;color: #fff;
}
.pc {
    margin-top: -10px
}
.wp {
    width: 100%;
}
.pc .search-view{
    margin: 10px 0;padding-bottom: 10px;
}
.mobile .search-view {
    padding-top: 20px;margin-left:5px;margin-right: 5px;margin-bottom: 15px;
}

.top-bottom {
    margin-bottom: 30px;
}

.remark-box {
    color: #fff;font-size: 13px;
}
.remark-box b {
    margin: 0 5px;color: #ff2222;font-size: 16px;
}

.friend-box {
    background-color: #fff;border-radius: 6px;
}
.friend-box .layui-form-item {
    margin-bottom: 0px;
}
.friend-box .left {
    float: left;width: 75px;
}
.friend-box .right {
    margin-left: 75px;
}
.friend-box .right a {
    padding-bottom: 10px;margin-right: 20px;display: block;float: left;
}
.mobile .friend-box {
    margin: 0 5px;
}
.desc-box .kf-btn {
    padding: 3px 10px;border-radius: 6px;position: absolute;right: 10px;top: 10px;font-size: 12px;
}
.mobile .app {
    padding-bottom: 40px;
}
.gradient-background {
    background: linear-gradient(to bottom, #2583D9, #F2F2F2);
    height: 100%; /* 设置容器高度 */
    width: 100%; /* 设置容器宽度 */
}