/* body scrollbar */
body::-webkit-scrollbar {
    width: 8px;
}
  
body::-webkit-scrollbar-thumb {
    background-color: #0F1D29;
    background-clip: content-box;
}
a{
	font-family: "Nunito", sans-serif;
}
.locales{
    list-style: none;
}
.locales::after{
    content: '|';
    padding-left: 0;
}
.locales:last-child::after {
    content: '';
}
.helper-bg-footer::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(14, 20, 30) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.player-bg{
    width: 139px;
    height: 139px;
    background: url('../img/player-bg.png');
    background-repeat: no-repeat;
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;  
}

iframe.ql-video {
    max-width: 100%;
    width: 100%;
    height: 550px;
}

.detail-section p{
    font-size: 18px;
    text-align: justify;
}

.btn-music {
    position: absolute;
    right: 15%;
    top: 13%;
    z-index: 100;
}
.btn-music button{
    width: 60px;
    height: 60px;
    border: 3px solid #0C0E1D;
    background:#A99A61;
	border-radius: 100%;
}
.btn-music button:hover{
    cursor: pointer;
    border: 3px solid #0C0E1D;
    background: #A99A61;
}

.btn-music button i{
    color: #fff;
    font-size: 30px;
}
.circle-us {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: -1px;
    left: -1px;
}
.circle-us:before,
.circle-us:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #18202a;
    border-radius: 50%;
}
.circle-us:before {
    -webkit-animation: ripples 2s linear infinite;
    animation: ripples 2s linear infinite;
}
.circle-us:after {
    -webkit-animation: ripples 2s linear 1s infinite;
    animation: ripples 2s linear 1s infinite;
}

.cloud-right-top, .cloud-left-top{
    width: 120px;
    -webkit-animation-name: cloud;
    animation-name: cloud;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

.cloud-right-bottom, .cloud-left-bottom{
    width: 100%;
    height: 150px;
    -webkit-animation-name: cloud;
    animation-name: cloud;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.active>.page-link, .page-link.active{
    color: #0F1D29;
    background-color: #45F882;
    border-color: #45F882;
}

.page-link, .disabled>.page-link, .page-link.disabled{
    color: #adb0bc;
    background-color: #0F1D29;
    border-color: #333;
    font-weight: bold;
}

.page-link:hover{
    color: #adb0bc;
    background-color: #0F1D29;
    border-color: #333;
}

.page .card{
    background-color: #182029;
    color: #adb0bc;
    border-color: #232a30;
    border-width: 2px;
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 0);
}

.page .card-title a{
    color: #fff;
}

.page .card-title a:hover{
    color: #45F882;
}

.modal-video-player{
    cursor: pointer;
}

.social .list-group-item{
    padding: 6px 10px;
    background: rgba(69, 69, 75, 0.3);
    border: none;
}

.social .list-group-item a{
    font-size: 28px;
    color: #fff;
}
.social .list-group-item a:hover{
    color: #45F882;
}

/* nav */
.sub-menu{
	position: fixed; 
	left: 0; 
	z-index: 100; 
	width: 100%; 
	height: 2.2rem; 
	background: url(../images/cover231129/top.png) repeat-x; 
	background-size: auto 100%;
}
.sub-menu .nav{
	position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 13.7rem;
}


/* Cover Section */
.qr-code img{
    width: 160px;
    height: 160px;
}
.qr-code p{
    color: #0F1D29;
    font-weight: bold;
    background: #45F882;
}
.offcanvas-header{
    border-bottom: 1px solid #18202a;
}
/* News Section */

.news-section .nav .nav-link{
    color: #fff;
    font-size: 20px;
    background: #182029;
    border-radius: 5px;
    border: 1px solid#232a30;
}
.news-section .nav .active{
    color: #1b242e;
    font-weight: bold;
    background-color: #45F882;
}

.news-section .tab-content .list-group-item{
    border-bottom: 1px dashed #45F882 !important;
    border-radius: 0;
}

.news-section .tab-content .tab-pane{
    background: #1b242e;
    border: 2px solid#232a30;
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 0);
}

.news-section .tab-content .list-group-item a{
   color: #fff;
}

.news-section .tab-content a:hover{
    color: #45F882;
}

.news-section .list-group .badge{
    color: #fff;
    font-weight: 500;
    background-color: #0f161b;
}

.news-section .card-title{
    font-size: 16px;
}

/* swiper */
/* .swiper{ */
    /* position: relative; */
    /* width: 100%; */
    /* height: 100%; */
    /* padding-bottom: 50px; */
/* } */

/* .swiper-slide { */
    /* width: 100%; */
    /* text-align: center; */
    /* font-size: 18px; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
/* } */
.page1 > .swiperVersion3 .swiper-slide-active, .swiper-slide-duplicate-active{
	border: inherit;
}

.swiper-characters .swiper-card img {
    display: block;
    max-width: 100%;
    height: 355px;
    max-height: 100%;
    object-fit: cover;
    padding: 3px;
    border-radius: 5px;
}

.swiper-characters .swiper-card{
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid #0f161b;
    border-radius: 10px;
}
.swiper-characters .swiper-card::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(14, 20, 30) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.swiper-characters .swiper-card h3{
    position: absolute;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    bottom: 10px;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
}

.swiper-characters .swiper-card:hover{
    cursor: pointer;
    border-color: #45F882;
}

/* Stories Swiper*/
.swiper-stories .swiper-card img {
    display: block;
    max-width: 100%;
    height: 355px;
    max-height: 100%;
    object-fit: cover;
    padding: 3px;
    border-radius: 5px;
}

.swiper-stories .swiper-card{
    position: relative;
    background: rgba(27, 36, 46, 0.5);
    border: 2px solid #1b242e;
    border-radius: 10px;
}
.swiper-stories .swiper-card::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(14, 20, 30) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.swiper-stories .swiper-card h3{
    position: absolute;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    bottom: 10px;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
}

.swiper-stories .swiper-card:hover{
    cursor: pointer;
    border-color: #45F882;
}

.swiper-pagination-bullet-active{
    background-color: #45F882 !important;
}
.swiper-pagination-bullet{
    background-color: #FFF;
    opacity: inherit;
}

/* Swiper Story Board */
.swiper-story-board .swiper-card{
    background: #0f161b;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}
.swiper-story-board .swiper-card img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    padding: 3px;
    border-radius: 10px;
}

.story-board-section{
    background: #182029;
}

/* stories section */
.stories-section{
    background-color: #0f161b;
}

/* history-section */
.history-section{
    background-color: #1b242e;
}
.footer-section{
	background:#282a2c; 
	font-size: 12px; 
	font-family:"Microsoft YaHei"; 
	color:#81868c; 
	text-align: center; 
	line-height: 24px; 
	padding: 30px 0;
}
.footer-section-logo img{
	display: inline-block; 
	height:50px; 
	margin: 0 10px;
}        
.footer-nav a{color: #81868c; text-transform:uppercase}        
.footer-nav a:hover{color: #FFF;}        
.footer-nav span{padding: 0 6px;}        
.footer-copyright{margin-top: 15px;}      
@media only screen and (max-width: 750px){          
.wmgameFooter{position: relative; line-height: 18px; -webkit-text-size-adjust:none;}          
.wmgameFooter_infolink{padding: 0 10px;}          
.wmgameFooter_logo img{height:46px;}          
.wmgameFooter_infoDiv span{padding: 0 10px;}          
.wmgameFooter_infoDiv span.beian{display:block;}          
.footer-nav span{padding: 0 5px;}        
}
/* .footer-section li a:hover{ */
    /* color: #45F882; */
/* } */

/* .footer-section .footer-menu, .footer-section .copyright{ */
	/* float: inherit; */
	/* color: #81868c; */
/* } */

/* .footer-section .footer-menu li{ */
	/* color: #81868c; */
/* } */

.vslider .cover{background:url(../images/cover231129/qingyun_cover.png) no-repeat;background-size: 100%; }
.vslider .ico{background:url(../images/cover231129/qingyun_ico.png) no-repeat;background-size: 100%; }
.vslider .tag{background:url(../images/index241011/qingyun_tag.png) no-repeat;background-size: 100%;}
.vslider .person_m{background:url(../images/cover240114/qingyun_p_m.jpg) no-repeat;background-size: 100%;}
.vslider .person_w{background:url(../images/cover240114/qingyun_p_w.jpg) no-repeat;background-size: 100%;}

@keyframes rotating {
    0% {
      -webkit-transform: rotate(0deg);
    }
  
    25% {
      -webkit-transform: rotate(90deg);
    }
  
    50% {
      -webkit-transform: rotate(180deg);
    }
  
    75% {
      -webkit-transform: rotate(270deg);
    }
  
    to {
      -webkit-transform: rotate(1turn);
    }
}
/* ripple effect */
@-webkit-keyframes ripples {
    0% {
      transform: scale(1);
    }
  
    50% {
      transform: scale(1.3);
      opacity: 1;
    }
  
    100% {
      transform: scale(1.6);
      opacity: 0;
    }
}
@keyframes ripples {
    0% {
      transform: scale(1);
    }
  
    50% {
      transform: scale(1.3);
      opacity: 1;
    }
  
    100% {
      transform: scale(1.6);
      opacity: 0;
    }
}
@-webkit-keyframes cloud {
    0% {
      transform: translate3d(0px, 0px, 0px);
    }
  
    25% {
      transform: translate3d(-3%, 0, 0px);
    }
  
    50% {
      transform: translate3d(-5%, 0, 0px);
    }
}
@keyframes cloud {
    0% {
      transform: translate3d(0px, 0px, 0px);
    }
  
    25% {
      transform: translate3d(-3%, 0, 0px);
    }
  
    50% {
      transform: translate3d(-5%, 0, 0px);
    }
}
.custom-menu{
	font-family: "Nunito", sans-serif;
}
.gameShow_20220704{
	position: fixed !important;
}
.btn-download{
	top: inherit;
	bottom: 15%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.blur-bg{
  filter: blur(10px);
}
.covertop{
	top: -15px;
}
.lang-menu{
    width: 64px;
    height: 64px;
    display: inline-block;
}
.lang-menu:last-child{
    border-right: inherit;
}
.lang-icon{
    position: absolute;
    margin-top: 20px;
}

.auth-wrap{
    float: right;
    width: 280px;
    text-align: right;
}

.auth-btn{
    display: inline-block;
    width: 80px;
    margin: 0 5px;
    padding: 20px;
    border-radius: 20px;
	text-transform: uppercase;
    text-align: center;
    background: url('/theme/v2/images/bg/title-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.auth-btn a{
	color: #fff;
    text-align: center;
    word-break: keep-all;
}

.auth-btn a:hover{
    color: #000;
}

.cloud-wrap{
	width: 100%;
	position: absolute;
	z-index: 1;
	top:-10px;
}
.cloud-right img, .cloud-left img{
	max-width: 70%;
}
.hero-name{
    font-family: 'Nunito', 'Odor Mean Chey', sans-serif, serif;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 9.64rem;
    z-index: 2;
    font-size: 16px;
    color: #fff;
    padding: 5px 15px;
    background-color: #08162e;
    border-radius: 50px;
    border: 3px solid #1b242e; 
}
.page1 .active .swiper-slide .tit, .page1 .active .swiper-slide .txt{
    font-family: 'Nunito', 'Odor Mean Chey', sans-serif, serif;
}
.newsListBox p a, .news-list .newstab, .section-cont .news-title,
.section-cont .time-tag, 
.section-cont .article,
.section-head .bread-box a, .news_list_wrap li a p{
    font-family: 'Nunito', 'Odor Mean Chey', sans-serif, serif;
}
.page a{
    margin: 0;
}
.pagination li{
    display: inline-block;
}
.pagination .page-link{
    background: none;
}
.pagination .active{
    height: 26px;
    padding: 0 10px;
    border: 1px solid #648dbd;
    background-color: #a59c89;
}
.content-news{padding-bottom: 50px; background: url(../images/cover220728/inside-bg-bot.jpg) no-repeat center bottom;}
.rel1000{width: 100%;margin:0 auto;position: relative;}
.content-news-cover{height: 530px;background: url(../images/cover231129/inside_head.jpg) center top no-repeat;background-size:auto 100%;}
.news_list_wrap{ position:relative; width:100%; height:1040px; margin:0 auto;}
.news_list_wrap li{ position:relative; width:100%; height:70px; border-bottom:1px dashed #838383;}
.news_list_wrap li a{ position:relative; display:block; width:100%; height:100%;}
.news_list_wrap li .hover{ display:none; position:absolute; width:1920px; height:70px; left:-460px; top:0;  }
.news_list_wrap li:hover .hover{ display:block;}
.news_cont{ position:relative; width:100%; height:150px; padding-top:30px; z-index:5;}
.news_head{ height:56px; overflow:hidden;position: relative;}
.news_list_wrap .news_tag{ float:left; border-radius: 22px;position: relative; padding:0 4px;}
.news_list_wrap .news_tag b{display: inline-block; padding:0 20px;height:70px;font:normal 20px/70px "Microsoft YaHei"; color:#000; text-align:center; }
.news_list_wrap .news_tag:before,.news_list_wrap .news_tag:after{position: absolute;display: block;content: '';width: 8px;height: 8px; }
.news_list_wrap .news_tag:before{left:10%;top:-4px;}
.news_list_wrap .news_tag:after{right:10%;bottom:-4px;}
.news_list_wrap .news_time{position: absolute;right: 10px; font-size: 14px;color: #a59c89;font:normal 20px/70px "Microsoft YaHei";}
.news_list_wrap p{ float:left; margin-left:15px;height:70px;font:normal 20px/70px "Microsoft YaHei"; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_list_wrap li a:hover p{color: #990000;}
.news_intro{height:90px; padding:15px 0 0 90px;font:normal 18px/30px "Microsoft YaHei"; color:#5b708d; overflow:hidden;}
.page{ margin-top:65px; color:#47627b; text-align:center;overflow: hidden; font-size: 18px;}
.page a{ display:inline-block; height:26px; padding:0 10px; margin:0 2px; font:normal 18px/26px "Microsoft YaHei"; color:#648dbd; border:1px solid #648dbd;}


/* news==================== */
/* head */
.news-bg-head{ background: url(../images/inside241011/head-bg.jpg) no-repeat center top #ffffff; background-size: 100% auto;}
.news-bg-head .section-head{ position: relative; height: 8.68rem;}
.logo{ position: absolute; left: .58rem; top: .5rem; width: 1.25rem; height: 1.12rem; background: url(../images/inside241011/logo.png); background-size: 100% auto;}
.btn-main{ position: absolute; right: .58rem; top: .4rem; width: 2.58rem; height: .73rem; background: url(../images/inside241011/btn-main.png); background-size: 100% auto;}
.bread-box{ position: absolute; left: 6.24rem; top: 7.67rem; width: 12.86rem; height: 0.42rem; font-family: "fz"; font-size: .32rem; line-height: .42rem; color: #fff;}
.bread-box a{ font-family: "fz"; color: #fff;}
/* cont */
.section-cont{ width: 25.6rem; padding-bottom: 1.3rem; background-color: #fff; padding-top: 1rem;}
.news-title{ width: 17.7rem; height: 1rem; margin-left: 4.7rem; padding-left: 1.52rem; box-sizing: border-box; font-family: "fz"; font-size: .66rem; color: #333; background: url(../images/inside241011/news-title-bg.png) left top no-repeat; background-size: auto 100%; overflow: hidden;}
.article-box{ width: 12.75rem; margin-left: 6.34rem; padding: .9rem 0 0;}
.time-tag{ height: .28rem; font-family: "fz"; font-size: .24rem; overflow: hidden;}
.time-tag p{ float: left; color: #bdbdbd; line-height: .26rem;}
.time-tag span{ float: left; width: .78rem; height: .24rem; margin-left: .2rem; line-height: .24rem; color: #4fa3ff; text-align: center; border: .01rem solid #4fa3ff;}
.article{ padding-top: .46rem;}
.article a{ text-decoration: underline;}
.article img{ max-width: 12.75rem;}
.small-title{ display: block; width: 14rem; height: .44rem; margin-left: -1.25rem; padding-left: 1.25rem; box-sizing: border-box; font-size: .32rem; line-height: .32rem; color: #7db7ff; background: url(../images/inside241011/small-title-bg.png) no-repeat 0 0; background-size: auto 100%; overflow: hidden;}

/* head */
.cover-bg{
    width: 100%;
    height: 20%;
    bottom: 0px;
    position: absolute;
    background-image: url(../images/bg/part-1.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
}