.list__pro{position:relative;box-sizing:border-box;width:100%;overflow:hidden}@media screen and (max-width: 768px){.list__pro{overflow:inherit}}.list__pro .owl-stage-outer{box-sizing:border-box;padding:10px 10px}.list__pro .list__pro--list{position:relative;box-sizing:border-box;padding-top:30px}@media screen and (max-width: 1024px){.list__pro .list__pro--list{padding-top:25px}}@media screen and (max-width: 514px){.list__pro .list__pro--list{padding-top:20px;margin-right:-10px}}.list__pro .list__pro--list .hot__list--owl .owl-stage{display:flex}.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-prev,.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-next{width:45px;height:45px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;border-radius:50%;border:2px solid #000;transform:translate(0px, -50%);transition:all 0.4s ease-in}.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-prev svg,.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-next svg{width:26px;height:auto;fill:#000;transition:all 0.4s ease-in}.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-prev:hover,.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-next:hover{border:2px solid var(--main-color);background:var(--main-color)}.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-prev:hover svg,.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-next:hover svg{fill:#fff}.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-prev{left:-98px}@media screen and (max-width: 1200px){.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-prev{left:0px}}.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-next{right:-98px}@media screen and (max-width: 1200px){.list__pro .list__pro--list .hot__list--owl .owl-nav .owl-next{right:0px}}.list__pro .list__pro--list .hot__list--owl .owl-dots{display:flex;gap:8px;margin-top:50px;justify-content:center}.list__pro .list__pro--list .hot__list--owl .owl-dots .owl-dot{background:rgba(7,161,105,0.3);height:5px;width:20px;border-radius:10px;opacity:1;margin:0;border:0px}.list__pro .list__pro--list .hot__list--owl .owl-dots .active{background-color:var(--main-color)}.list__pro .list__pro--list .hide{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:20px}@media screen and (max-width: 514px){.list__pro .list__pro--list .hide{row-gap:10px;column-gap:10px}}.list__pro .list__pro--list .hide .hot__item{display:none;width:calc(100%/3 - 13.333px)}.list__pro .list__pro--list .hide .hot__item:nth-child(1),.list__pro .list__pro--list .hide .hot__item:nth-child(2),.list__pro .list__pro--list .hide .hot__item:nth-child(3){display:block;height:auto}@media screen and (max-width: 1024px){.list__pro .list__pro--list .hide .hot__item{width:calc(100%/3 - 13.33px)}}@media screen and (max-width: 768px){.list__pro .list__pro--list .hide .hot__item{display:none;width:calc(100%/2 - 15px)}.list__pro .list__pro--list .hide .hot__item:nth-child(1),.list__pro .list__pro--list .hide .hot__item:nth-child(2){display:block;height:auto}}@media screen and (max-width: 514px){.list__pro .list__pro--list .hide .hot__item{display:none;width:calc(100%/2 - 5px)}.list__pro .list__pro--list .hide .hot__item:nth-child(1){display:block;height:auto}}.list__pro .list__pro--list .hot__item{position:relative;box-sizing:border-box;transition:0.5s all 0.4s ease-in-out;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 10px 0 rgba(0,0,0,0.15)}@media screen and (max-width: 1024px){.list__pro .list__pro--list .hot__item{padding:20px}}@media screen and (max-width: 768px){.list__pro .list__pro--list .hot__item{padding:15px}}@media screen and (max-width: 514px){.list__pro .list__pro--list .hot__item{padding:10px}}.list__pro .list__pro--list .hot__item .hot__item--image{position:relative;box-sizing:border-box;margin:0px;padding:0px;transition:all 0.4s ease-in-out}.list__pro .list__pro--list .hot__item .hot__item--image .image__bg{position:absolute;width:100%;height:40px;bottom:-2px;left:0px}.list__pro .list__pro--list .hot__item .hot__item--image .image__bg img{width:100%;height:100%;object-fit:cover;vertical-align:middle;display:grid}.list__pro .list__pro--list .hot__item .hot__item--image a{display:block;width:100%;height:auto;overflow:hidden;border-radius:16px}.list__pro .list__pro--list .hot__item .hot__item--image img{width:100%;height:auto;vertical-align:middle;display:grid;transition:all 0.4s ease-in-out}.list__pro .list__pro--list .hot__item .hot__item--image:hover a img{transform:scale(1.1)}.list__pro .list__pro--list .hot__item .hot__item--desc{position:relative;box-sizing:border-box;margin-top:20px}.list__pro .list__pro--list .hot__item .hot__item--desc .desc__title{font-size:24px;display:block;font-weight:700;transition:all 0.4s ease-in-out;margin-bottom:5px}@media screen and (max-width: 1366px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__title{font-size:22px}}@media screen and (max-width: 1024px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__title{font-size:20px}}@media screen and (max-width: 768px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__title{font-size:18px}}@media screen and (max-width: 514px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__title{font-size:16px}}.list__pro .list__pro--list .hot__item .hot__item--desc .desc__title:hover{color:var(--main-color)}.list__pro .list__pro--list .hot__item .hot__item--desc .desc__sum{line-height:30px;color:#808080;font-size:16px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media screen and (max-width: 1024px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__sum{font-size:15px}}@media screen and (max-width: 768px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__sum{font-size:14px}}.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content{padding:16px 0;display:flex;gap:0;justify-content:space-between;align-items:center;background-color:var(--main-color);border-radius:8px;margin-top:20px}@media screen and (max-width: 1024px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content{padding:15px 0px}}@media screen and (max-width: 768px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content{padding:10px}}@media screen and (max-width: 514px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content{padding:5px}}.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content .content__item{position:relative;text-align:center;flex-basis:33.33%;font-size:16px;line-height:23px;color:#fff;margin-bottom:0;padding:0px 5px}.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content .content__item:before{content:"";width:2px;height:45px;position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);opacity:.5;border-right:2px dashed #fff}.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content .content__item:last-child:before{display:none}@media screen and (max-width: 1024px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content .content__item{font-size:15px}}@media screen and (max-width: 768px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content .content__item{font-size:14px}}@media screen and (max-width: 514px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content .content__item{font-size:13px;line-height:1.5}}@media screen and (max-width: 450px){.list__pro .list__pro--list .hot__item .hot__item--desc .desc__content .content__item{font-size:12px}}.hot__list--mb{width:100%;max-width:100%;position:unset;transform:unset;flex-wrap:nowrap !important;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;grid-column-gap:15px}@media screen and (max-width: 450px){.hot__list--mb{grid-column-gap:10px}}.hot__list--mb .hot__item{scroll-snap-align:start;min-width:380px;max-width:400px;min-height:270px;width:calc(100% / 3 - 0px) !important}@media screen and (max-width: 768px){.hot__list--mb .hot__item{min-width:240px}}@media screen and (max-width: 514px){.hot__list--mb .hot__item{min-width:70%}}@media screen and (max-width: 400px){.hot__list--mb .hot__item{justify-content:start;max-width:80%;min-width:80%}}.hot__list--mb::-webkit-scrollbar{display:none}
/*# sourceMappingURL=list.css.map */