.home-intro-wrapper .home-corp-name {
background-image: url(../images/ium1adf2uy.png);
background-size: 118%;
height: 3.5rem;
margin: 0.5rem 0;
}
.home-intro-wrapper .home-intro {
padding: 0 1rem 1rem;
background-image: none;
text-indent: 2rem;
}
.home-intro-wrapper .home-intro .home-intro-title {
font-weight: bold;
font-size: 1.6em;
color: #333333;
}
.home-intro-wrapper .home-intro .home-intro-subtitle {
font-size: 1rem;
color: #666666;
margin-bottom: 1rem;
}
.home-intro-wrapper .home-intro .home-intro-detail {
color: #666666;
text-indent: 2em;
line-height: 1.8em;
text-overflow: ellipsis;
}
.home-news-wrapper {
position: relative;
padding: 0 0.6rem 0.6rem;
background-color: #292b33;
overflow: auto;
}
.home-news-wrapper a {
color: #cbcbde;
}
.home-news-wrapper a:hover {
color: #fdffff;
}
.home-news-wrapper .home-news-top {
height: 3rem;
line-height: 3rem;
border-bottom: 1px solid #000005;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fffffb;
padding-right: 13%;
}
.home-news-wrapper .home-news-top a {
font-size: 1.2rem;
font-weight: bold;
color: #fffffb;
}
.home-news-wrapper .home-news-top a:hover {
color: white;
}
.home-news-wrapper .home-news-ul {
list-style: none;
padding-left: 0;
}
.home-news-wrapper .home-news-ul li {
background: url(../images/6byuowbeo_.png) no-repeat left center;
background-size: 10%;
padding: 0.3rem 0rem 0.3rem 9%;
}
.home-news-wrapper .home-news-ul li .home-news-title {
display: flex;
justify-content: space-between;
color: #cbcbde;
font-size: 1em;
margin: 0;
}
.home-news-wrapper .home-news-ul li .home-news-title a {
padding-right: 0.5em;
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-news-wrapper .home-news-ul li .home-news-title .home-news-time {
box-sizing: content-box;
padding-left: 0.3rem;
min-width: 2.8rem;
white-space: nowrap;
}
.home-news-wrapper .home-news-ul li .home-news-title:hover {
color: #fdffff;
}
.home-news-wrapper .home-news-ul .home-news-hot {
background-image: url(../images/2iktmms2cl.png);
}
.home-news-wrapper .home-news-icon {
position: absolute;
top: 0;
right: 0;
height: 3rem;
width: 3rem;
background: url(../images/2nbbiqnlmv.png) no-repeat center;
background-size: contain;
}
.home-news-wrapper .home-news-more {
float: right;
}
.home-news-wrapper .fox {
display: none;
}
.home-swiper-section .swiper-container {
width: 100%;
}
.home-swiper-section .swiper-container .swiper-wrapper {
height: auto;
}
.home-swiper-section .swiper-container .swiper-wrapper .swiper-slide {
height: auto;
}
.home-swiper-section .swiper-container .swiper-wrapper .swiper-slide a {
width: 100%;
display: block;
}
.home-swiper-section .swiper-container .swiper-wrapper .swiper-slide a img {
width: 160%;
min-width: 100%;
}
.home-swiper-section .swiper-container .swiper-wrapper .swiper-slide-active img {
transform: translateX(-15%);
}
.home-swiper-section .swiper-container .swiper-pagination {
display: block;
z-index: 1;
text-align: right;
}
.home-swiper-section .swiper-container .swiper-button {
display: none;
top: 50%;
transform: translateY(-50%);
background: url() no-repeat center center;
background-size: cover;
width: 1rem;
height: 2rem;
}
.home-swiper-section .swiper-container .swiper-button-prev {
left: 0;
background-image: url(../images/1up5fntvvu.png);
}
.home-swiper-section .swiper-container .swiper-button-next {
right: 0;
background-image: url(../images/2cwbx7xeen.png);
}
.home-game-sec-title {
border-left: 4px solid #0f64ce;
font-size: 1.1rem;
margin-bottom: 0.8rem;
padding-left: 1rem;
margin-left: 1rem;
}
.home-game-section {
padding-top: 2rem;
padding-bottom: 2rem;
background-color: #f5f8fa;
}
.home-game-section .game-card-wrapper > .game-card {
margin: 0 1rem 1rem;
width: 90%;
}
.m-game-card-box {
overflow-y: hidden;
}
.m-game-card-box .m-game-card-list {
list-style: none;
width: 100%;
display: flex;
margin-bottom: -16px;
padding: 0 0 16px;
overflow-x: auto;
overflow-y: hidden;
}
.m-game-card-box .m-game-item {
width: 44%;
margin: 3% 3% 3% 0;
display: inline-block;
flex-shrink: 0;
}
.m-game-card-box .m-game-item:first-child {
margin-left: 1rem;
}
.m-game-card-box .m-game-item:last-child {
position: relative;
overflow: hidden;
}
.m-game-card-box .m-game-item:last-child a {
filter: blur(2px);
}
.m-game-card-box .m-game-item:last-child::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
content: '';
background-color: rgba(0, 0, 0, 0.6);
pointer-events: none;
}
.m-game-card-box .m-game-item:last-child::before {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%);
z-index: 2;
color: white;
content: '\66F4\591A\7CBE\5F69>>';
pointer-events: none;
}
.home-partner-section {
padding-top: 1rem;
padding-bottom: 1rem;
}
.home-partner-section .home-partner-sec-title {
background-image: url(../images/254ikd-fqr.png);
}
.home-partner-section .game-partner-list {
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
}
.home-partner-section .game-partner-list li {
box-sizing: border-box;
padding: 0 0.1rem 0.2rem;
width: 25%;
text-align: center;
}
.home-partner-section .game-partner-list li img {
width: 100%;
max-height: 5rem;
}
@media (min-width: 768px) {
.home-swiper-section {
position: relative;
padding-top: 0px;
}
.home-swiper-section .swiper-container .swiper-wrapper .swiper-slide a img {
max-width: 100%;
width: auto;
min-width: 100%;
}
.home-swiper-section .swiper-container .swiper-wrapper .swiper-slide-active img {
transform: none;
}
.home-swiper-section .swiper-container .swiper-pagination {
height: 20px;
text-align: right;
bottom: 320px;
}
.home-swiper-section .swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 0.5rem;
height: 0.5rem;
background: white;
transform: rotateZ(45deg);
border-radius: 0;
margin-left: 0.5rem;
opacity: 0.9;
}
.home-swiper-section .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
opacity: 1;
position: relative;
background: #0f64ce;
}
.home-swiper-section .swiper-container .swiper-pagination .swiper-pagination-bullet-active::after {
position: absolute;
content: '';
display: block;
border: 1px solid #0f64ce;
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scale(1.8);
top: 50%;
left: 50%;
}
.home-swiper-section .swiper-container .swiper-button {
width: 45px;
height: 109px;
display: block;
}
.home-swiper-section .home-flower {
position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
}
.home-intro-section {
position: relative;
z-index: 1;
pointer-events: none;
}
.home-intro-section .home-corp-name {
background-size: 100%;
height: 4.5rem;
margin: 0;
}
.home-intro-section .home-intro-wrapper {
background-color: #f5f8fa;
padding-left: 0;
}
.home-intro-section .home-intro-wrapper .home-intro {
border-right: 0.6rem solid transparent;
background-origin: padding-box;
padding: 0 30.5% 0rem 1.5rem;
background: url(../images/1toupij1dr.png) no-repeat right top;
background-size: 30.5%;
font-size: 1em;
}
.home-intro-section .home-intro-wrapper .home-intro .home-intro-subtitle {
font-size: 1.1em;
color: #666666;
margin-bottom: 1.3em;
}
.home-intro-section .home-intro-wrapper .home-intro .home-intro-detail {
margin-bottom: 0;
height: 12.6em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.home-intro-section > div {
pointer-events: auto;
overflow: hidden;
box-shadow: 0 -2px 10.5px 3.5px rgba(104, 104, 104, 0.12);
}
.home-news-wrapper .home-news-top {
height: 3.2em;
line-height: 3.2em;
font-size: 1.3em;
}
.home-news-wrapper .home-news-top a {
font-size: 1em;
}
.home-news-wrapper .home-news-ul li {
padding: 0.4em 0rem 0.4em 3rem;
background-size: auto;
}
.home-news-wrapper .home-news-icon {
height: 3.5em;
width: 3.5em;
}
.home-game-sec-title {
font-size: 1.3rem;
margin-bottom: 2rem;
margin-left: 0;
}
.home-game-section {
padding-top: 3rem;
padding-bottom: 3rem;
}
.home-game-section .game-card-wrapper {
display: flex;
margin-bottom: 1rem;
}
.home-game-section .game-card-wrapper > .game-card:nth-child(2) {
margin: 0 1rem 1rem;
}
.home-partner-section {
padding-top: 1rem;
padding-bottom: 3rem;
}
.home-partner-section .game-partner-list li {
width: 12.5%;
}
}
@media (min-width: 992px) {
.home-swiper-section {
margin-bottom: -320px;
}
.home-intro-section {
font-size: 14px;
}
div.home-news-wrapper {
overflow: visible;
}
div.home-news-wrapper .fox {
display: block;
position: absolute;
bottom: 0;
right: 0;
transform: translateX(95%);
}
}
@media (min-width: 1686px) {
.home-swiper-section {
margin-bottom: -458px;
}
.home-swiper-section .swiper-container .swiper-pagination {
bottom: 458px;
}
.home-intro-section {
font-size: 16px;
}
.home-intro-section .home-intro-wrapper .home-corp-name {
margin: 0.5rem 0;
}
.home-intro-section .home-intro-wrapper .home-intro {
padding: 0 31.5% 2rem 2rem;
background-size: 31%;
}
.home-intro-section .home-intro-wrapper .home-intro .home-intro-subtitle {
margin-bottom: 2.5rem;
}
.home-intro-section .home-intro-wrapper .home-intro .home-intro-detail {
margin-bottom: 1rem;
height: 12.7em;
font-size: 1.1rem;
line-height: 2rem;
}
}
/*# sourceMappingURL=home.1e6bd7059b1a76fbb7aa.css.map*/