@import url("../loaders.min.css");
.banner{height: 1079px;max-height: 100vh; display: flex;justify-content: center; align-items: center;position: relative; }
.banner .banner-cover{position: absolute;left: 0; width: 100%; height: 100%; background-size: cover; }
.game-info{ position: relative;display: flex; justify-content:flex-start;align-items: center; margin: 107px 0;}  
.ams2 .game-info {align-items: flex-start;}
.game-title{position: absolute; right:100px;top:68px;width: 179px;}  
.lost-page .game-title{ width: 120px;}
.torchlight-page .game-title{ text-align: center;}
.game-title img{width: 98%;}  
.game-preview{ width: 35%;}
.game-preview img{ width: 100%;}
.game-bright-spot{width: 60%; margin-left: 5%;}

.game-preview,.game-bright-spot{ display: inline-block;vertical-align: top;}
.game-bright-spot .game-bright-spot-title{ margin-top: 63px;font-size: 35px;color: #fff;font-weight: bold; }
.game-bright-spot-list{margin-top:55px;}
.game-bright-spot-list img{width: 100%;}


.game-down{margin-top: 45px;}
.down-item{height: 4vw;min-height: 40px; display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 14px 14px 0; /* max-width: 30%; */ }
.down-item img{max-height:65px; max-width: 100%; height: 100%;}

.game-video{ border-top:1px solid rgba(255, 255, 255, 0.2);position: relative; }
.game-video .swiper{width: 100%; margin: 100px 0; overflow: hidden;}
.game-video .swiper .swiper-button-prev{left: 15vw;color: #fff;}
.game-video .swiper .swiper-button-next{right: 15vw;color: #fff;}
.game-video .swiper-slide{width: 80%;   overflow: hidden;}
.game-video .swiper-slide video,.game-video .swiper-slide img{width: 100%;}
.game-video .swiper-slide a{position: relative;display: flex; height: 100%;}



.game-video .swiper-slide .swiper-item-title{ display: none; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-family: "SourceHanSansCN-Bold";}
.game-video .swiper-slide.swiper-slide-active .swiper-item-title{ display: block; }

.lost-page .game-preview{ width: 30%;}
.ams2 .game-preview {padding: 1vw;}

.empty{height: 640px; display: flex;justify-content: center;align-items: center;font-size: 30px;color: #fff;}
.empty .empty-main{ text-align: center;}
.empty .empty-main img{ display: block; width: 300px; margin-bottom: 23px;}
.lost2-page .page-content-full { background-image: url("/assets/img/torchlight_bj.png?v=2"); background-repeat: no-repeat; background-position: top; background-size:100%;}
.ams-page .page-content-full.ams2{background-image: url("/assets/img/ams2_bj.png"); background-repeat: no-repeat; background-position: top; background-size:100%;}

.about-us{ margin-top: 227px; display: flex; justify-content: space-between;}
.about-us-info{  line-height: 30px; font-size: 14px; display: inline-block;vertical-align: top; box-sizing: border-box;width: 553px;margin-right: 30px;}
.about-us-info h2{ font-size: 35px; color: #FF4D00; margin-top: 0;}
.about-us-games{position: relative; display: inline-block;vertical-align: top;width: 1035px;}
.about-us-games .about-us-games-list{ display: flex;justify-content:flex-end;}
.about-us-games .about-us-games-item{ padding: 0 10px; font-size: 0px; display: inline-block;vertical-align: middle;width: 33%;}
.about-us-games .about-us-games-item img{ width: 100%;}
.recruitment{ font-family: "SourceHanSansCN-Bold"; text-align: right;margin-top: 50px; box-sizing: border-box; padding-right: 175px; }
.recruitment a{ display: inline-block; padding: 21px 60px;color: #fff; font-size: 25px;font-weight: bold;border-radius: 36px; background-color: #FF4D00; margin: 0 24px; }

.company-view{ height: 980px; position: relative;  overflow: hidden; margin-top: 114px;}
.company-view-content{ position: relative;z-index: 60;overflow: hidden; }
.company-view .company-view-logo{z-index: 51;position: absolute; left: 0; top: 68px;}
.company-view .company-view-logo img{width: 170px;}
.company-view .company-view-logo1{z-index: 51;position: absolute; right: 0; top: 114px;}
.company-view .company-view-logo1 img{width: 125px;}


.company-view-bj {height:100px ;
    position: absolute;
    width: 100vw;
    height: 1150px;
    overflow: hidden;
    bottom: 0;
}
.company-view-bj span{  
    display: block;
    z-index: 50;
    width: 150vw;
    min-width: 2500px;
    min-height: 2500px;
    height: 121vw;
    background-color: #FF4D00;
    border-radius: 50%;
    position: absolute;
    left: -200px;
    top:0
   
}

.company-view .company-view-swiper{border-bottom: 1px dashed #fff; height: 877px;}
.company-view-swiper{position: relative; margin-top: 312px;}
.about-us-page .footer-con{ background-color: #FF4D00;}
.about-us-page .page-content{ z-index: 60;}

.account-page .footer{ background-color: #FF4D00;  padding-top: 100px;}


.account-page .account-about{ background-image:url("/assets/img/account.png"); background-size: cover;background-repeat: no-repeat;height: 1079px; }
.account-page .account-about .page-content { height: 100%;  text-align: right;}
.account-page .account-about .account-dex{width: 50%; display: inline-block; text-align: center;}
.account-page .account-about .account-dex img{max-width: 100%;width: 367px;}
.account-page .account-about .account-id{ margin-top: 240px;margin-bottom: 30px; }
.account-page .account-about .account-title{   color: #FF4D00; font-size: 40px; font-weight: bold;}
.account-page .account-about .account-title-info{   margin-top: 50px;line-height: 40px; font-size: 18px;}

.account-page .account-about .login_reg {margin-top: 50px;}
.account-page .account-about .login_reg .login_reg_btn{ padding: 10px 26px; border-radius: 20px;font-weight: bold;font-size: 18px;cursor: pointer; box-sizing: border-box; background-color: #FF4D00; color: #fff; margin:0 20px; display: inline-block;}

.account-page .account-about-list{width: 1070px; margin: 58px auto 0;}
.account-page .account-about-item{   display: flex; justify-content: center;align-items: center;}
.account-page .account-about-item .account-about-item-info {   margin:0 100px;}
.account-page .account-about-item .account-about-item-info .title{   color: #FF4D00; font-size: 30px; font-weight: bold;}
.account-page .account-about-item .account-about-item-info .desc{  font-size:18px;  margin-top: 10px; line-height: 35px;}



.lang-zh-cn .game-bright-spot{font-family:"SourceHanSansCN-Bold" ;}
.lang-zh-cn .empty{ font-family:"SourceHanSansCN-Bold";}
.lang-zh-cn .about-us-info h2{ font-family:"SourceHanSansCN-Heavy";}
.lang-zh-cn .about-us-desc { font-family:"SourceHanSansCN-Light";}


.lang-en .empty{ font-family:"WorkSans-Bold";}
.lang-en .about-us-info h2{ font-family:"WorkSans-Bold";}
.lang-en .about-us-desc{ font-family:"WorkSans-Medium";}