You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
9.2 KiB
1 lines
9.2 KiB
.main-investment{background:var(--color-white);overflow:hidden}.iv-hero__title{padding-top:calc(var(--header-h) + 7.5rem);padding-bottom:2.5rem}.iv-hero__title h1{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);flex-direction:column;margin:0;display:flex}.iv-hero__media{width:100%;height:45rem;overflow:hidden}.iv-hero__media img{object-fit:cover;width:100%;height:100%;display:block}.iv-info{grid-template-columns:minmax(0,1fr) minmax(0,67.5rem);gap:2.5rem;padding-top:6.25rem;padding-bottom:0;display:grid}.iv-info__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.iv-info__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;display:grid}.iv-info__item{border-bottom:1px solid #dfe0e2;flex-direction:column;gap:1rem;padding:2rem 0;display:flex}.iv-info__item--full{grid-column:1/-1}.iv-info__label{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24)}.iv-info__value{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-24);font-weight:400;line-height:var(--font-32);margin:0}.iv-announce{padding-top:6.25rem;padding-bottom:0}.iv-announce__head{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3.125rem;display:flex}.iv-announce__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.iv-announce__swiper{overflow:hidden}.iv-announce__card{width:auto;height:auto;min-height:20rem;color:var(--color-text);box-sizing:border-box;background:#f1f1f1;border-radius:1.5rem;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:2.5rem;transition:background .3s,color .3s;display:flex}.iv-announce__card:hover{background:var(--color-primary);color:var(--color-white)}.iv-announce__card:hover .iv-announce__date{color:var(--color-white)}.iv-announce__card:hover .iv-announce__link{color:var(--color-white);border-color:#ffffff26}.iv-announce__card:hover .iv-announce__link path{fill:currentColor}.iv-announce__date{color:var(--color-text-muted);font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-16);opacity:.8;display:block}.iv-announce__name{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-24);font-weight:400;line-height:var(--font-32);flex:1;margin:0}.iv-announce__link{width:100%;color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-21);transition:color var(--duration-fast) var(--easing), border-color var(--duration-fast) var(--easing);border-top:1px solid #dfe0e2;justify-content:space-between;align-items:center;gap:.625rem;margin-top:auto;padding-top:1.5rem;text-decoration:none;display:inline-flex}.iv-announce__link svg{flex-shrink:0;width:1rem;height:.875rem;display:block}.iv-announce__link path{fill:currentColor}.iv-stock{padding-top:6.25rem;padding-bottom:0}.iv-stock__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 6rem}.iv-stock__body{grid-template-columns:minmax(0,50rem) minmax(0,45rem);align-items:start;gap:6.875rem;display:grid}.iv-stock__code{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:500;line-height:var(--font-24);margin:0 0 1.125rem}.iv-stock__quote{color:var(--color-primary);align-items:baseline;margin-bottom:5rem;display:flex}.iv-stock__price{font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-60);font-weight:500;line-height:var(--font-60)}.iv-stock__unit{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:500;line-height:var(--font-30)}.iv-stock__change{font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-18);font-weight:500;line-height:var(--font-18);margin-left:1.75rem}.iv-stock__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 4rem;margin:0 0 5.625rem;padding:0;list-style:none;display:grid}.iv-stock__metric-label{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:500;line-height:var(--font-26);margin-bottom:1rem;display:block}.iv-stock__metric-value{color:var(--color-text);font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-32);font-weight:500;line-height:var(--font-38);display:block}.iv-stock__note{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-26);margin:0}.iv-stock__chart{border:1px solid #dfe0e2;border-radius:1.875rem;padding:1.75rem;overflow:hidden}.iv-stock__chart img{width:100%;height:auto;display:block}.iv-learn{grid-template-columns:minmax(0,1fr) minmax(0,67.5rem);gap:2.5rem;padding-top:6.25rem;padding-bottom:0;display:grid}.iv-learn__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.iv-learn__list{margin:0;padding:0;list-style:none}.iv-learn__item{cursor:pointer;min-height:6.25rem;transition:border-color var(--duration-fast) var(--easing);border-bottom:1px solid #dfe0e2;grid-template-columns:8.75rem minmax(0,1fr) auto;align-items:center;padding:2.125rem 0;text-decoration:none;display:grid}.iv-learn__item:hover{border-bottom-color:var(--color-primary)}.iv-learn__item:hover .iv-learn__name,.iv-learn__item:hover .iv-learn__link{color:var(--color-primary)}.iv-learn__date{color:var(--color-text-muted);font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-16)}.iv-learn__name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-24);font-weight:400;line-height:var(--font-32);transition:color var(--duration-fast) var(--easing);margin:0}.iv-learn__link{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-21);white-space:nowrap;transition:color var(--duration-fast) var(--easing);align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.iv-learn__link svg{width:1rem;height:.875rem;display:block}.iv-learn__link path{fill:currentColor}.iv-learn__more{color:#2e353a99;cursor:pointer;transition:color var(--duration-fast) var(--easing);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;margin-top:2rem;padding:0;display:inline-flex}.iv-learn__more:hover{color:var(--color-primary)}.iv-learn__more-icon{line-height:0;display:block}.iv-learn__more-icon svg{width:.75rem;height:auto;display:block}.iv-learn__more-icon--up{opacity:.35;transform:scaleY(-1)}.iv-learn__more-icon--down{opacity:1}.iv-hotline{min-height:50rem;color:var(--color-white);position:relative}.iv-hotline__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.iv-hotline__bg img{object-fit:cover;width:100%;height:100%;display:block}.iv-hotline__bg:after{content:"";background:#2e353a4d;position:absolute;inset:0}.iv-hotline__inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,34.25rem);gap:2.5rem;padding-top:6.25rem;padding-bottom:7.5rem;display:grid;position:relative}.iv-hotline__title{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.iv-hotline__list{margin:0;padding:0;list-style:none}.iv-hotline__item{border-bottom:1px solid #ffffff26;padding:2rem 0}.iv-hotline__row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.iv-hotline__icon{flex-shrink:0;width:1.5rem;height:1.5rem;display:block}.iv-hotline__label{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24)}.iv-hotline__value{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-24);font-weight:400;line-height:var(--font-27);margin:0;padding-left:2.5rem}.iv-hotline__value a{color:inherit;text-decoration:none}.iv-hotline__value a:hover{text-decoration:underline}@media (width<=1439px){.iv-hero__title h1{font-size:40px;line-height:54px}.iv-hero__media{height:520px}.iv-info,.iv-learn,.iv-hotline__inner{grid-template-columns:1fr;gap:32px}.iv-info,.iv-announce,.iv-stock,.iv-learn{padding-top:80px;padding-bottom:80px}.iv-stock__body{grid-template-columns:1fr;gap:40px}.iv-stock__title{margin-bottom:48px}.iv-stock__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}}@media (width<=992px){.iv-info__grid{grid-template-columns:1fr}.iv-announce__card{min-height:280px;padding:28px}.iv-learn__item{grid-template-columns:1fr;align-items:flex-start;gap:12px}}@media (width<=576px){.iv-hero__title{padding-top:calc(var(--header-h) + 5rem);padding-bottom:24px}.iv-hero__title h1{font-size:28px;line-height:40px}.iv-hero__media{height:280px}.iv-info__title,.iv-announce__title,.iv-stock__title,.iv-learn__title,.iv-hotline__title{font-size:32px;line-height:44px}.iv-info__value,.iv-announce__name,.iv-learn__name,.iv-hotline__value{font-size:18px;line-height:26px}.iv-stock__price{font-size:44px;line-height:44px}.iv-stock__metrics{grid-template-columns:1fr 1fr}}
|