@charset "utf-8";
.sec1 {
    margin-top: 50px;
    padding-bottom: 38px;
}
.sec2 {

}
.meal-layout {
    margin-top: 28px;
}
.meal-img1 {
    width: 950px;
    margin-bottom: 52px;
}
.txt-area {
}


.meal-title {
    font: bold 18px "HG正楷書体-PRO";
    height: 38px;
    padding-top: 33px;
}
.meal-detail {
    text-align: left;
    line-height: 26px;
    margin-left: 35px;
}
.swiper-area {
    width: 950px;
    height: 160px;
    margin-top: 43px;
}

.swiper-container {
    max-width: 100%;
    margin-top: 32px;
    width: 100%;
    height: auto;
}
.swiper-slide {
    max-width: 30%;
}
.swiper-img {
    width: 235px;
    height: auto;
}

.prettyprint {
}
.sec3 {
    margin-top: 70px;
    height: 620px;
}

.article-layout {
    width: 435px;
    height: 386px;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 40px;
}
.article-layout_left {
    float: left;
}
.article-layout_right {
    float: right;
}

.article-txt_v {
    top: 130px;
    left: 12px;
    color: #FBFBFB;
    width: 66px;
    height: 184px;
    position: absolute;
    font: 18px/30px "HG正楷書体-PRO";
    z-index: 100;
    background-image: -webkit-linear-gradient(270deg,rgba(35,54,41,0.75) 0%,rgba(35,54,41,0.75) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(35,54,41,0.75) 0%,rgba(35,54,41,0.75) 100%);
    background-image: -o-linear-gradient(270deg,rgba(35,54,41,0.75) 0%,rgba(35,54,41,0.75) 100%);
    background-image: linear-gradient(180deg,rgba(35,54,41,0.75) 0%,rgba(35,54,41,0.75) 100%);
    padding-right: 6px;
    padding-top: 16px;
}
.article-txt {
    width: 292px;
    height: 72px;
    position: absolute;
    top: 282px;
    left: 118px;
    text-align: left;
}


.article-img {
    width: 415px;
    height: auto;
    top: 0px;
    left: 10px;
    position: absolute;
}
.sec4 {
    height: 493px;
}
.sec4-img {
    width: 395px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 33px;
}