@charset "UTF-8";
/* 主体内容盒子 */

body { background-color: rgb(245, 245, 245); }

.main-wrapper { min-width: 1100px; max-width: 1920px; margin: 0 auto; position: relative; }

/* 导航栏 */
nav { background-image: url("/img/navbar-bg.png"); position: absolute; top: 0; z-index: 99; background-color: transparent; box-shadow: none; }

.nav-wrapper { z-index: 99; opacity: 0.8; width: 1200px; margin: 0 auto; }

nav .brand-logo { display: inline-block; height: 100%; vertical-align: middle; }

nav .brand-logo img { display: inline-block; position: absolute; top: 13px; }
.login-icon {
  margin-right: 6px;
}

/* 首页顶部轮播图 */
.home-carousel { width: 100%; }

.carousel-container { height: 400px; }

.carousel-container img { width: 100%}

@media (min-width: 1200px) {
  .carousel-container {
    height: calc(100vw * 0.3541666666);
  }
}

@media (min-width: 1920px) {
  .carousel-container {
    height: 690px;
  }
}

/* 轮播图页码 */
.dotsClass { display: flex; justify-content: center !important; margin: 0 auto; margin-top: -15px; padding: 0; list-style-type: none; position: relative; top: -30px; }

.dotsClass li { margin: 0 0.45rem; }

.dotsClass li.slick-active button { background-color: rgb(240,0,115); border: 1px solid white; cursor: pointer; }

.dotsClass button { border: none; display: block; width: 0.8rem; height: 0.8rem; padding: 0; border-radius: 100%; background-color: white; text-indent: -9999px; outline: none; cursor: pointer; }

#carousel-prev {
  position: absolute;
  top: calc((389.59px - 151px) / 2);
  left: 0;
  z-index: 99;
  cursor: pointer;
  display: inline-block;
  padding: 49px 11px;
}

@media (min-width: 1100px) {
  #carousel-prev {
    position: absolute;
    top: calc(((100vw * 0.3541666666) - 151px) / 2 );
    left: 0;
  }
}

@media (min-width: 1920px) {
  #carousel-prev {
    position: absolute;
    top: calc((680px - 151px) / 2 );
    left: 0;
  }
}

#carousel-prev:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

#carousel-next {
  position: absolute;
  top: calc((389.59px - 151px) / 2);
  right: 0;
  z-index: 99;
  cursor: pointer;
  display: inline-block;
  padding: 49px 11px;
  background-color: transparent;
}

@media (min-width: 1100px) {
  #carousel-next {
    position: absolute;
    top: calc(((100vw * 0.3541666666) - 151px) / 2 );
    right: 0;
  }
}

@media (min-width: 1920px) {
  #carousel-next {
    position: absolute;
    top: calc((680px - 151px) / 2 );
    right: 0;
  }
}

#carousel-next:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.slick-dotted.slick-slider { margin-bottom: 0; }

/* 轮播图视频弹窗 */
.shadow { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.85); z-index: 100; display: none; }

.shadow .video-pocket { z-index: 50; width: 813px; height: 455px; padding: 1px; position: absolute; left: 50%; top: 50%; margin-left: -406.5px; margin-top: -222.5px; }

.shadow .video-pocket video { width: inherit; height: inherit; }

.shadow .video-pocket .close { width: 32px; height: 31px; background-image: url(//ycimg-m.duoku.com/cimages/img/promo/page/sgzgwqz/img/close.png); position: relative; left: 823px; top: -455px; }

/* 轮播图底部banner */
/* .banner ul { display: flex; flex-direction: row; justify-content: center; background-color: #2a2b2d; margin: -5px 0 0 0; } */

.banner { text-align: center; }

.banner ul { background-color: #2a2b2d; margin: -6px 0 0 0; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .banner ul { background-color: #2a2b2d; margin: -6px 0 0 0; }
}

@media (min-width: 1920px) {
  .banner ul { margin: -10px 0 0 0; }
}

@media (max-width: 1120px) {
  .banner ul { margin: -10px 0 0 0; }
}

.banner ul li { display: inline-block; margin: 20px 29px; text-align: center; color: white; }

.banner ul li h6 { font-size: 18px; margin: 5px 0 12px 0; }

.banner ul li p { font-size: 12px; margin: 5px 0 }

.banner ul li img { position: relative; top: 8px; }

/* 新闻部分 */
.home-news { margin: 65px 0; }

.home-news a { color: #a7a8a8; }

.home-news .news-container { height: 340px; width: 1204px; margin: 0 auto; }

.home-news .news-container .news-left { display: inline-block; width: 640px; height: 100%; position: relative; right: -2px; float: left; background-color: #292b2d}

.home-news .news-container .news-left img { width: 100%; height: 100%; }

.home-news .news-container .news-right { display: inline-block; width: 560px; height: 100%; padding: 0 30px; background-color: #292b2d; color: #a7a8a8; overflow: hidden; position: relative; left: -2px; }

.home-news .news-container .news-right .triangle { position: absolute; width: 70px; height: 70px; background-color: #e50069; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; transform-origin: center; bottom: -35px; right: -35px; }

.home-news .news-container .news-right .plus { position: absolute; width: 15px; height: 15px; bottom: 7px; right: 5px; }

.home-news .news-container .news-right .news-headings { height: 80px; width: 490px; color: #ea0063; border-bottom: 1px #414549 solid; display: table-cell; vertical-align: middle; }

.home-news .news-container .news-right .news-headings a { color: #ea0063; }

.home-news .news-container .news-right .news-headings p { margin: 0; padding: 10px; font-size: 20px; font-weight: bold; }

.home-news .news-container .news-right ul { display: flex; flex-direction: column; padding: 0; }

.home-news .news-container .news-right .news-items { position: relative;  height: 230px; }

.home-news .news-container .news-right .news-items .item { line-height: 35px; padding: 0 5px; }

.home-news .news-container .news-right .news-items .item p { margin: 0; padding: 0 }


.home-news .news-container .news-right .news-items .item:first-of-type { margin-top: 10px; }

.home-news .news-container .news-right .news-items .item .more-news { position: relative; top: 3.5px; left: 10px; }

.home-news .news-container .news-right .news-items .item .news-text { font-size: 14px; margin: 7px; position: relative; width: 252px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }

.home-news .news-container .news-right .news-items .item .news-tag { padding: 2px 20px; background-color: #47494b; color: white; }

/* 公司业务介绍 */
.home-catalog { width: 100%; background-color: #2a2b2d; padding-bottom: 100px; }

.home-catalog .catalog-content .catalog-headline { color: white; padding: 70px 0; text-align: center; font-size: 16px; }

.home-catalog .catalog-content { text-align: center; }

.home-catalog .catalog-content ul { margin: 25px 0; color: white; list-style: none; }

.home-catalog .catalog-content ul .catalog-list { display: inline-block; padding: 0 30px; text-align: center; font-size: 20px; font-weight: bold; border-right: 1px #414549 solid; }

.home-catalog .catalog-content ul .catalog-list:last-of-type { border-right: none; }

.home-catalog .catalog-content ul .catalog-list h5 { padding-bottom: 15px; font-size: 24px}

.home-catalog .catalog-content ul .catalog-list p { font-size: 14px; margin: 3px 0; color: #8b9196; }

.home-catalog .catalog-content ul .catalog-list p:last-of-type { font-size: 12px; margin: 3px 0; font-family: Georgia, serif; font-weight: 200; color: #5f6870; }

.home-catalog .catalog-content ul .catalog-list img { padding: 45px; }

/* 热门游戏 */
.home-hotGame { padding: 0; margin: 0 auto; text-align: center; }

.home-hotGame .card .card-image img { height: 220px }

.home-hotGame .row { margin-bottom: 0; }

.home-hotGame .hotGame-headline { height: 30px; margin: 0 auto; margin-top: 60px; width: 1250px; }

.home-hotGame .hotGame-headline .left { float: left; font-size: 26px; font-weight: bold; padding-left: 20px; }
.home-hotGame .hotGame-headline .right { font-size: 18px; padding-right: 20px; cursor: pointer;}

.home-hotGame .hotGame-headline .right a { color: #7a7778; }

.home-hotGame .hotGame-headline .right .change { position: relative; top: 1.1px; left: 2px; }

.home-hotGame .card-container {  height: auto;  margin-left: auto;  margin-top: 20px;  margin-right: auto;  width: 1250px;}

.home-hotGame .card-container .card { display: inline-block; width: 390px; height: 390px; margin: 10px; box-shadow: none; }

.home-hotGame .card-container .card .card-content { padding: 10px 12px; height: 118px; }

.home-hotGame .card-container .card .card-content .game-name { font-size: 22px; font-weight: bold; text-align: left; }

.home-hotGame .card-container .card .card-content .game-name h5 { margin-top: 0; }

.home-hotGame .card-container .card .card-content .game-intro { color: #7f7f7f; font-size: 14px; text-align: left; }

.home-hotGame .card-container .card .card-action { border-top: none; position: relative; text-align: right; border-top-color: #e0e0e0 !important; padding: 16px 24px; height: 32px; }

.home-hotGame .card-container .card .card-action a { font-size: 14px; color: #7f7f7f !important; margin-right: 0 !important; }

.home-hotGame .card-container .card .card-action a:hover { color: #ed2278 !important; }

.home-hotGame .card-container .card .card-action a:hover::after { content: ' >'; }

.home-hotGame .card-container .card .card-action .border-top { position: absolute; width: 90%; height: 2%; border-top: 1px #e0e0e0 solid; top: 0; left: 5%; }

.rotateOut { -webkit-animation: rotateOut 1s infinite; animation: rotateOut 1s infinite; }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center;
    transform-origin: center; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
    transform: rotate3d(0, 0, 1, -360deg); } }

@keyframes rotateOut { from { -webkit-transform-origin: center;
    transform-origin: center; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
    transform: rotate3d(0, 0, 1, -360deg); } }

/* 多酷大事记 */
.home-event {  width: 1200px; margin: 0 auto; position: relative;  }

.home-event .slick-slide div { outline: none; }

.home-event .event-headline { height: 30px; margin-top: 60px; margin-bottom: 20px; }

.home-event .event-headline .left { font-size: 26px; font-weight: bold; padding-left: 20px; }

.home-event .event-headline .right { font-size: 18px; padding-right: 20px; }

.home-event .event-headline .right a { color: rgb(6, 0, 1); }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
  }
}


.home-event .event-headline .right .more { position: relative; top: 2.1px; left: 2px; }

.home-event .event-carousel .card { border-radius: 0; }

.home-event .event-carousel .event-card { height: 400px; width: 350px; padding: 0 1px 0 15px; box-shadow: none; position: relative; background-color: rgb(245, 245, 245); outline: none;}

.home-event .event-carousel .event-card:focus {outline: none;}

.home-event .event-carousel .event-card .card-content { padding: 0 24px; padding-top: 20px; height: 120px; }

.home-event .event-carousel .event-card .detail { text-align: right; padding-right: 5% }

.home-event .event-carousel .event-card .detail a:hover { color: #e50096 }

.home-event .event-carousel .event-card .card-content .event-date { font-size: 26px; text-align: left; font-weight: bold; padding-bottom: 15px; }

.home-event .event-carousel .event-card .card-content .event-content { height: 40px; width: 246px; font-size: 14px; text-align: left; line-height: 1.5; overflow: hidden}

.home-event .event-carousel .event-card .card-image { width: 300px; height: 160px; margin: 0 auto; }

.home-event .event-carousel .event-card .card-image img { display: block; border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 10px; bottom: 0; width: 100%; }

.home-event .event-carousel .event-card .left-border-img { height: 364px; width: 16px; position: absolute; top: 30px; left: 0; background-image: url(/img/border-left-img.png); outline: none; }

.home-event .event-carousel .event-card .bottom-border-img { height: 1px; width: 96%; position: absolute; bottom: 13px; left: 16px; background-image: url(/img/event-border-bottom.png); outline: none;}

.home-event .progressbar-container { position: relative; height: 70px; padding-top: 60px; padding-bottom: 60px; }

.home-event .progressbar-container .progressBar-innerLine { height: 2px; width: 400px; background-color: #cccccc; position: absolute; top: 28.8px; left: calc((100% - 400px) / 2); }

.home-event .progressbar-container .progress { display: block; position: absolute; top: 28.8px; left: calc((100% - 400px) / 2); width: 400px; height: 2px; margin: 0 auto; background-color: transparent; background-image: linear-gradient(to right, #e50069, #e50069); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; }

#progress-prev { position: absolute; top: 434px; left: 350px; z-index: 99; color: #333333; cursor: pointer; pointer-events: none;}

#progress-next { position: absolute; top: 434px; right: 350px; z-index: 99; color: #333333; cursor: pointer; }

/* 页脚 */

footer { background: #292b2d; }

footer .logos { text-align: center; border-bottom: 1px #414549 solid; width: 80%; margin: 0 auto; }

footer .logos ul { margin: 0; padding: 50px 0; }

footer .logos ul li { display: inline-block; margin: 0 20px;}

footer .logos ul li:first-of-type { margin-left: 0; }

footer .logos ul li:last-of-type { margin-right: 0; }

footer .logos ul li:nth-of-type(even) img { position: relative; top: 10px; }

footer .contacts { text-align: center; padding: 50px auto 200px; width: 80%; margin: 0 auto; }

footer .contacts ul { margin: 0; color: #d5d5d5; padding: 50px 0; font-size: 14px; }

footer .contacts ul li { display: inline-block; }

footer .infomation { text-align: left; }

footer .infomation div img:first-of-type { position: relative; top: 8px;}

footer .infomation div img { height: 47px; width: 144px; margin-right: 20px;}

footer .contacts ul li:nth-of-type(2) { padding: 0 30px; }

footer .contacts { position: relative; }

footer .contacts ul {text-align: center;}

footer .duoku-logo { position: absolute; left: 0; top: 60px; }

footer .contacts ul .infomation p:nth-of-type(2) { margin-bottom: 7px; }
footer .contacts ul .infomation p.foot-phone{
  margin: 14px 0;
}
/* footer .contacts ul .infomation p:last-of-type { font-size: 12px; margin: 3px 0; } */

footer .ewm { position: relative; top: 10px; }

footer .contacts ul .ewm img { margin-left: 15px; }

.slick-loading .slick-list { background-image: none }

.bottom-icon {
  height: 110px;
  background-color: black;
  text-align: center;
}

.bottom-icon #bottom-logo1 {position: relative; top: 18px}
.bottom-icon #bottom-logo2 {position: relative; top: 27px}

.card-container-music {
  height: auto;
  margin-left: auto;
  margin-top: 30px;
  margin-right: auto;
  width: 1220px;
  display: flex;
  justify-content: space-between;
  text-align: left;
  font-size: 18px;
}
.card-container-music .card-music {cursor: pointer;}
.card-container-music .title { padding-top: 10px;}