|
- .intro {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: 100;
- height: @home-info-height;
- overflow: hidden;
- background-color: transparent;
-
- &__content {
- position: relative;
- z-index: 10;
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 1.25rem @home-padding-x 0;
- background-image: url(@/assets/img/home/header-bg.png);
- background-repeat: no-repeat;
- background-position: left top;
- background-size: 100% 100%;
- }
-
- &__title {
- margin-top: 1.25rem;
- margin-bottom: 1.125rem;
- color: #ffffff;
- font-weight: 400;
- font-size: 2.375rem;
- font-family: WenYiHei;
- }
-
- &__desc {
- width: 54.5rem;
- margin-bottom: 1.875rem;
- color: #ffffff;
- font-size: 1rem;
- line-height: 1.75rem;
- text-align: center;
- }
-
- &__button {
- margin-bottom: 4.375rem;
- padding: 0.75rem 2.375rem;
- color: #ffffff;
- font-size: 1rem;
- text-align: center;
- background: linear-gradient(
- 136.87deg,
- rgba(57, 217, 255, 0.51) 0%,
- rgba(255, 255, 255, 0.01) 48.54%,
- rgba(255, 149, 247, 0.33) 100%
- );
- border: 1px solid rgba(255, 255, 255, 0.38);
- border-radius: 0.5rem;
- cursor: pointer;
-
- &:hover {
- background: linear-gradient(
- 108.54deg,
- rgba(183, 131, 255, 0.81) 3.72%,
- rgba(119, 208, 255, 0.31) 98.01%
- );
- }
- }
- }
|
