/***************************
 * PC样式微调
 ***************************/

/* 面包屑导航条高度缩小和原官网页面保持一致 */
.HsBreadcrumb {
    height: 40px;
}
.HsBreadcrumb ol {
    line-height: 40px;
    height: 40px;
}
.HsBreadcrumb ol a {
    height: 40px;
    font-size: 16px;
    margin: 0;
    color: #333333;
}
.ant-breadcrumb a {
    margin-inline: 0;
}
.ant-breadcrumb a:hover {
    color: #333333;
    background-color: transparent;
}
.HsBreadcrumb ol .ant-breadcrumb {
    color: #333333;
}
.ant-breadcrumb .ant-breadcrumb-separator {
    content: "";
    display: none;
}
.HsBreadcrumb li:(:first-child) a {
    margin-left: 6px;
}
.HsBreadcrumb li:not(:first-child) a::before {
    color: #333333;
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    margin: 0 16px 0 9px;
}
/* 首页轮播图下方波浪线样式去除 */
.Home .wave{
    background-image:none;
}
/* 首页轮播图下方波浪线样式去除(相关调整)：下移轮播导航条 */
.Home .swiper-pagination { /* 废弃 */
    margin-bottom:0vw;
}
.Home .embla__pagination {
    bottom: 10px;
}
/* 课堂按钮字体增粗 */
.Home .classroom .btn__desc {
	font-weight: 600;
}
/* 首页花式菜谱图片展示自动裁切溢出部分 */
.Home .hotfancy .fancy__showcase__item__img {
    overflow: hidden;
}
.Home .hotfancy .fancy__showcase__item__img > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/* 首页产品介绍背景图替换 */
.Home .product {
    background-image: url(/static/override/media/product_bg.jpg);
}
/* 产品列表页样式微调 */
.productor__nav {
    position: relative
}
.productor__nav__item {
    width: 332px;
    height: 96px;
}
.productor__nav__item img {
  opacity: 0;
  position: relative; /* 确保伪元素定位基准正确 */
}
.productor__nav__item:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 3%;
  width: 40%;
  height: 75%;
  background-image: url('/static/override/media/product_nav1.png');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1; /* 确保覆盖原图位置 */
}
.productor__nav__item:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 32%;
  left: 55%;
  width: 36%;
  height: 80%;
  background-image: url('/static/override/media/product_nav2.png');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1; /* 确保覆盖原图位置 */
}
.productor__nav__item-active:nth-child(1)::before {
  background-image: url('/static/override/media/product_nav1a.png');
}
.productor__nav__item-active:nth-child(2)::after {
  background-image: url('/static/override/media/product_nav2a.png');
}
.productor__secondnav {
    margin-bottom: 46px;
}
.productor__container .productor__list {
    margin-bottom: 46px;
}
.productor__list__goods__item__desc {
	color: #666;
    font-size: 14px;
}
.productor__container .productor__list__goods__item__detailbtn {
    line-height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.productor__container .productor__list__goods__item__detailbtn:after {
    border-width: 0 0 38px 38px;
}
.productor__container .productor__list__goods__item {
    margin-bottom: 18px;
    margin-right: 9px;
    margin-left: 9px;
}
.productor__container .productor__list__goods__item__desc {
    color: #666;
    font-size: 13px;
    height: 17px;
    white-space: nowrap;
}
.productor__container .productor__list__goods__item__img {
    height: 150px;
    margin-bottom: 10px;
    width: 250px;
}
/* 菜谱列表页样式微调 */
.cookbook__nav {
    height: 180px;
}
.cookbook__goods__list__container .cookbook__goods__item__title {
    text-align: center;
}
.cookbook__goods__list__container .cookbook__goods__item__img {
    overflow: hidden;
}
.cookbook__goods__list__container .cookbook__goods__item__img > img {
    width: 100%;
    object-fit: cover;
}
/* 菜谱详情页样式微调 */
.cookDetail {
    padding-top: 55px;
}
.cookDetail__container__video {
    margin-bottom: 50px;
}
.cookDetail__container__way__material {
    margin-bottom: 50px;
}
.cookDetail__container__way__method__list__item {
    padding: 25px 0;
}
.cookDetail__container__way {
	margin-bottom: 50px;
}
/* 菜谱721特殊样式（视频）适配 */
.cookDetail__container__videos__title {
    width: 350px;
    height: auto;
}
.cookDetail__container__videos__title img {
    width: 100%;
    float: left;
    cursor: pointer;
    -webkit-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.cookDetail__container__videos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin: 24px 0 20px 0;
    list-style: unset;
    padding: 0;
    /*max-width: 800px;*/
}
.cookDetail__container__videos li {
    list-style: none;
    width: 30%;
    text-align: center;
    font-size: 20px;
    color: #7e4b00;
    position: relative;
}
.cookDetail__container__videos li h4 {
    margin-top: 0;
    margin-bottom: 17px;
    font-size: 20px;
    line-height: 1;
    padding: 8px 0;
    border-top: 2px solid #7e4b00;
    border-bottom: 2px solid #7e4b00;
    display: inline-block;
}
.cookDetail__container__videos li .playbtn {
    height: 80px;
    width: 80px;
    position: absolute;
    z-index: 2;
    top: 45%;
    left: 50%;
    margin-left: -40px;
    margin-top: -10px;
}
.cookDetail__container__videos li img {
    width: 100%;
    float: left;
    cursor: pointer;
    -webkit-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.cookDetail__container__videos li .star {
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.cookDetail__container__videos li .star span {
    line-height: 30px;
    display: block;
}
.cookDetail__container__way__method .dialog { 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cookDetail__container__way__method .dialog .dialog-warp {
    position: relative;
}
.cookDetail__container__way__method .dialog .close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 101;
    overflow: hidden;
}
.cookDetail__container__way__method .dialog .close img {
    width: 45px;
    float: left;
}
.cookDetail__container__way__method .dialog video {
    z-index: 100;
    height: 100%;
    width: auto;
    border-radius: 8px;
    overflow: hidden;
    max-height: 600px;
    border: 3px solid #bda24d;
    object-fit: contain;
    overflow-clip-margin: content-box;
}
.cookDetail .swiper_left, .cookDetail .swiper_right {
    z-index: 99;
}
/* 业务介绍页面部分内容字体等微调 */
.business__company__staff__block__content__introduce__name {
    font-size: 30px;
    padding-top: 8px;
}
.business__company__staff__block__content__introduce__title {
    font-size: 26px;
    margin-top: 33px;
}
.business__company__staff__block__content__introduce__text {
    font-size: 20px;
    line-height: 34px;
    margin-top: 12px;
}
.business__company__staff__block__increase__title {
    font-size: 24px;
    left: 55px;
    top: 22px;
}
.business__company__staff__block__increase__content {
    font-size: 45px;
    left: 55px;
    top: 76px;
}
.business__company__staff__block__increase {
    background-image: url(/static/override/media/increase.png);
}
/* 图片压缩 */
.Home .classroom {
    background-image: url(/static/override/media/classroom_bg.jpg);
}
.Home .hotfancy {
    background-image: url(/static/override/media/hot_bg.png);
}

/***************************
 * 手机样式微调
 ***************************/
@media only screen and (max-width: 767px) {

/* 首页课堂图片缩小 */
div.Home .classroom {
    height: 115vw;
}
div.Home .classroom__book {
	left: 46px;
    top: 44%;
    width: 29vw;
}
div.Home .classroom__mob1 {
    left: 24%;
    top: 28%;
}
div.Home .classroom__mob1 > img {
    width: 66%;
}
div.Home .classroom__mob2 {
    left: 36%;
    top: 26%;
    width: 58vw;
}
/* 首页人气菜谱高度缩小 */
div.Home div.hotfancy .hot__showcase .caseItem__img {
	height: 220px;
}
/* 首页关于好侍间距微调 */
div.Home .abouths {
    margin-top: 13px;
}
div.Home .abouths__left {
    margin-top: 8vw;
}
/* 首页新闻中心间距微调 */
div.Home .news {
    margin-top: 15vw;
}
/* 产品列表样式微调 */
div.productor__nav__item {
    width: 43%;
}
div.productor__container .productor__list__goods__item {
    margin-right: 0px;
    padding: 0vw 2vw;
    width: 42vw;
}
div.productor__container .productor__list__goods__item__detailbtn {
    width: 42vw;
}
div.productor__container .productor__list__goods__item__img {
    margin-top: 5px;
}
/* 产品列表页返回首页按钮图标位置微调 */
.productor .backhome:after {
    left: 63px;
}
/* 产品详情页样式微调 */
div.prodetail__coverImage .prodetail__coverImage__img {
    height: 55vw;
}
div.prodetail__coverImage {
    height: 82vw;
}
/* 菜谱详情返回首页按钮图标位置微调 */
div.cookDetail .backhome:after {
    left: 63px;
}
}
