header {
    background-image: url("banner.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
}
section {
    width: 1200px;
    height: auto;
    margin: 0 auto 30px auto;
}
body {
    margin: 0;
}
li {
    list-style-type: none
}
.section-top,.section-bottom {
    margin-top: 60px;
    width: 100%;
    height: auto;
}
.title_top,.title_bottom {
    height: 50px;
    width: 795px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.title_top span,.title_bottom  span {
    display: block;
    font-size: 50px;
    font-weight: bolder;
    line-height: 50px;
}
.stars_left {
    background-image: url("left.png");
}
.stars_right {
    background-image: url("right.png");
}
.stars_left,.stars_right {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 168px;
    height: 50px;
}
.sx_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 30px;
}
.item {
    width: 380px;
    height: 400px;
    border-radius: 20px;
    margin-top: 20px;
    text-decoration: none;
    color: #000;
}
.bg_pur {
    background-color: #f2f2fe;
}
.bg_yel {
    background-color: #fff5e7;
}
.bg_red {
    background-color: #fff0f0;
}
.bg_blue {
    background-color: #eafcff;
}
section p {
    width: 90%;
    margin: 0 auto;
    font-size: 34px;
    line-height: 48px;
    text-align: center;
}
.sx_area a  {
    display: block;
}
.sx_area img {
    margin: 9px 69px
}
.bus {
    background-image: url("21.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 180px;
    margin-top: 50px;
    text-align: center;
}
.bus span {
    color: #fff;
    font-size: 36px;
    line-height: 55px;
    margin: 0 auto;
}
.deal {
    width: 100%;
    height: auto;
    background-image: url(13.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 50px;
}
.d_title {
    width: 100%;
    height: 75px;
    text-align: center;
    color: #fff;
}
.d_title span {
    font-size: 36px;
    line-height: 65px;
}
.d_con {
    width: calc(100%-60px);
    height: auto;
    padding: 0 30px 30px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.d_con a {
    width: 360px;
    height: 250px;
    background-color: #e2f0ff;
    border-radius: 15px;
    margin-top: 30px;
    font-size: 34px;
    line-height: 36px;
    text-align: center;
}
a {
    text-decoration: none;
}
.d_con p {
    font-size: 30px;
    line-height: 35px;
}