/* 平面设计列表页 */
/* 导航 */
.nav-item.active::after{border-color: transparent transparent #000;}

/* 平面设计案例列表 */
.film-shooting{width: 100%;padding: 180px 0 0;background-color: #000;text-align: center;margin-bottom: -100vh;position: relative;z-index: 5;}
.film-shooting .film-desc{width: max-content;margin: 0 auto 74px;font-family: 'coolLooseStyle';font-size: 74px;font-weight: 400;color: #d1d1d1;position: relative;line-height: 1.1487;}
.film-desc .desc-en{font-family: 'KaufmannBT';font-size: 30px;text-align: right;padding: 0 15px 22px 0;}
.film-desc::after{position: absolute;content: "”";font-family: 'FounderBigBlack';font-size: 200px;font-weight: 400;top: -10px;margin-left: 5px;}
.film-desc .color{color: #745627;font-family: 'coolLooseStyle';position: relative;}
.color .tagging{position: absolute;width: 25px;height: 25px;border: 4px solid #7d0000;border-radius: 50%;bottom: -8px;z-index: 5;}
.brand-design .tagging:nth-child(1){left: 33px;}
.brand-design .tagging:nth-child(2){left: 106px;}
.brand-design .tagging:nth-child(3){left: 172px;}
.film-shooting .film-title a{font-size: 58px;font-weight: lighter;color: #b8b8b8;line-height: 1.1724;}
.film-title .title-en{font-size: 36px;}
.film-shooting .film-nav{margin-top: 35px;}
.film-nav p{line-height: 30px;font-size: 18px;font-weight: lighter;}
.film-nav p a{color: #b8b8b8;cursor: auto;}
.brand-design .film-nav p:nth-child(1) a:nth-of-type(2){letter-spacing: 1.5px;}
.film-nav p span{color: #b8b8b8;margin: 0 22px 0 24px;}
.film-shooting .film-list{width: 100%;max-width: 1920px;margin: 70px auto 76px;display: flex;flex-wrap: wrap;position: relative;z-index: 6;}
.film-list .film-item{position: relative;width: calc((100% - 2px) / 3);margin-bottom: 1px;margin-right: 1px;}
.film-list .film-item:nth-last-child(1),.film-list .film-item:nth-last-child(2),.film-list .film-item:nth-last-child(3){margin-bottom: 0;}
.film-list .film-item:nth-child(3n){margin-right: 0;}
.film-item a{display: block;width: 100%;overflow: hidden;}
.film-item a .film-mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;}
.film-item a .film-logo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .5s;z-index: 15;}
.film-logo img{width: 100%;}
.film-logo p{position: absolute;width: 100%;left: 0;top: 70%;font-size: 18px;line-height: 28px;color: #fff;padding: 0 20px;box-sizing: border-box;}
.film-item a .film-img{position: relative;width: 100%;height: auto;opacity: 0.1;transition: .5s;z-index: 10;mix-blend-mode: luminosity;}
.film-item a:hover .film-logo{opacity: 0;}
.film-item a:hover .film-img{opacity: 0.9;mix-blend-mode: normal;transform: scale(1.05);}
.brand-design .brand-container{width: 100%;position: relative;overflow: hidden;}
.brand-container .brand-video{position: absolute;width: 100%;left: 0;bottom: 0;}