page{
    background-color: #f2f2f2;
}

.con{
    margin: 0 10rpx;
}

.floot{
    height: 200rpx;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: linear-gradient(right ,#1286ca,#6b68dd);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 34rpx;
    box-sizing: border-box;
    .inputs{
        height: 56rpx;
        display: flex;
        align-items: center;
        width: 75%;
        background-color: #fff;
        border-radius: 50rpx;
        img{
            width: 26rpx;
            height: 26rpx;
            padding-left: 40rpx;
        }
        p{
            padding-left: 10rpx;
            font-size: 28rpx;
        }
    }
    .rightimg{
        height: 42rpx;
        margin: 0 40rpx;
    }
}

.swiper{
    margin-top: 210rpx;
    height: 386rpx;
    .swiper-item{
        img{
            width: 100%;
            height: 386rpx;
        }
    }
}

.palaceGrid{
    margin-top: 20rpx;
    background-color: #fff;
    border-radius: 20rpx;
    width: 100%;
    height: 200rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
    view{
        display: flex;
        flex-direction: column;
        align-items: center;
        img{
            width: 88rpx;
            height: 88rpx;
        }
        p{
            margin-top: 10rpx;
           font-size: 26rpx;
        }
    }
}

.notice{
    background-color: #fff;
    border-radius: 20rpx;
    height: 50rpx;
    margin-top: 20rpx;
    position: relative;
    .noticeImg{
        margin-left: 10rpx;
        width: 24rpx;
        position: absolute;
        top: 15rpx;
        background-color: #fff;
    }
    .swp{
        line-height: 50rpx;
        position: absolute;
        margin-left: 50rpx;
        color: #40b2ff;
        font-size: 30rpx;
    }
}

.prerog{
    margin-top: 30rpx;
    width: 100%;
}

.faddish{
    margin-top: 40rpx;
    display: flex;
    align-items: center;
    color: red;
    img{
        height: 30rpx;
    }
    p{
        margin-left: 10rpx;
    }
}

// ----------------------------------

.scroll {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.box {
    margin-right: 20rpx;
    margin-top: 30rpx;
    box-sizing: border-box;
    display: inline-block;
    width: 322rpx;
    height: 438rpx;
    background-color: #fff;
    border-radius: 20rpx;
    padding-left: 20rpx;
    img{
        padding-right: 20rpx;
        margin: 30rpx auto;
        display: block;
        width: 280rpx;
        height: 174rpx;
    }
    .info{
        display: flex;
        align-items: center;
        font-size: 20rpx;
        width: 95%;
        .ling{
            width: 30rpx;
            height: 30rpx;
            text-align: center;
            line-height: 30rpx;
            border-radius: 6rpx;
            margin-right: 16rpx;
            color: #fff;
            background: linear-gradient(top ,#86fead,#3ad423);
        }
        .hot{
            width: 30rpx;
            height: 30rpx;
            text-align: center;
            line-height: 30rpx;
            color: #fff;
            border-radius: 6rpx;
            background: linear-gradient(top ,#db577c,#d71c5e);
        }
        .jieshao{
            margin-left: 4rpx;
            font-weight: 800;
            line-height: 36rpx;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
    .gs{
        margin-top: 10rpx;
        font-size: 20rpx;
        width: 95.5%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .zhi{
        margin-top: 15rpx;
        font-size: 20rpx;
    }
    .jiage{
        margin-top: 20rpx;
        font-size: 30rpx;
        font-weight: 800;
        color: red;
    }
}
.box:last-child{
    margin-right: 0;
}