#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}
::-webkit-scrollbar{width: 5px;height: 5px;}
::-webkit-scrollbar-track{background-color: #000;}
::-webkit-scrollbar-thumb{background-color: #ccc;}
body{width:100%; background: #383838; scrollbar-width: thin; scrollbar-color: #ffab0a #5d1205; }
._wrap {width:100%;height: 1080px;min-width: 980px;position: relative;overflow: hidden;}
._wrap.inGameWin { height:876px; margin-top: -189px;}

._wrap .logo{width:168px;height: 61px;background: url(../images/logo.png) no-repeat 0 0; top:20px;left:calc(50% - 607px);display: none; text-indent: -9999px; z-index: 6;}
._wrap .main{width: 1920px;height:100%;position: absolute;top:0;left:50%;margin-left: -960px; background: #3b2230 url(../images/bg.jpg) no-repeat 50% 0;}
.btn-close-x {background: url(../images/btn-window-close.png) no-repeat 0 0 / contain;width: 50px;height: 51px;top: -3px;left:50%;margin-left: 448px;z-index: 30;}
.btn-close-x:hover {filter: brightness(1.5)}

._wrap .main .btn-nav{ width: 169px; height: 40px; background: url(../images/btn-login.png) no-repeat; left: 50%; top: 33px; font-size: 14px; color: #ffedc2; display: flex; justify-content: center; align-items: center; font-weight: bold; margin-left: 257px; z-index: 2; }
._wrap .main .btn-nav-area{ margin-top: 40px; background: url(../images/btn-qh.png) no-repeat;}
._wrap .main .btn-nav:hover{ filter: brightness(1.5)}

._wrap .index{ width: 159px; height: 45px; left:calc(50% + 444px); top: 33px; background: url(../images/btn-idx.png) no-repeat; text-indent: -9999px; z-index: 5;}
._wrap .layer .slogan{ width: 1920px; height: 100%; left:calc(50% - 960px); top: 0; background: url(../images/slogan.png) no-repeat; z-index: 1;}
._wrap .layer .weapon{ width: 1920px; height: 100%; left:calc(50% - 960px); top: 0; background: url(../images/weapon.png) no-repeat;}
._wrap .layer .weapon #bgvideo{ width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

._wrap .layer .btn-vd{ width: 131px; height: 115px; left:calc(50% + 16px); top: 650px; background: url(../images/btn-vd.png) no-repeat; text-indent: -9999px; z-index: 5; animation: scaleing 2s linear infinite;}
._wrap .layer .btn-ck{ width: 381px; height: 58px; left:calc(50% - 60px); top: 848px; background: url(../images/btn-ck.png) no-repeat; text-indent: -9999px; z-index: 5;}
._wrap .layer .btn:hover,._wrap .index:hover{ filter: brightness(1.2)}

._wrap .main .store-con{ width: 1004px; height: 681px; top: 192px; left: 50%; text-align: center; margin-left: -502px; z-index: 1; font-size: 16px; background: url(../images/store-con.png) no-repeat; z-index: 10; display: none;}
._wrap .main .store-con .store-info { height: 202px; margin-top: 87px;}
._wrap .main .store-con .store-info .time{ color: #ffcd5e;}
._wrap .main .store-con .store-info .rule { color: #ffe4a8; line-height: 22px; text-align: left; margin: 25px 0 0 300px;}
._wrap .main .store-con .store-box ul{ width: 930px; margin: 0 auto; text-align: center; }
._wrap .main .store-con .store-box ul li{ display: inline-block; width: 171px; height: 209px; margin: 0 28px; background: url(../images/ul-li.jpg) no-repeat; position: relative;}
._wrap .main .store-con .store-box ul li strong{position: absolute; width: 100%; top: -58px; left: 0; font-size: 24px; color: #b88a45;}
._wrap .main .store-con .store-box ul li strong::before{ content: ""; width: 13px; height: 13px; position: absolute; left: 80px; top: 37px; border-radius: 50%; background: #9f6e25;}
._wrap .main .store-con .store-box ul li img{ width: 171px; height: 71px;}
._wrap .main .store-con .store-box ul li span{ height: 36px; line-height: 36px; font-size: 14px; color: #e2cca4;}
._wrap .main .store-con .store-box ul li.on strong{ color: #ffd881;}
._wrap .main .store-con .store-box ul li.on strong::before{ background: url(../images/li-s.png) no-repeat;}

._wrap .main .store-con .store-box ul li .btn{ width: 82px; height: 25px; line-height: 27px; display: block; margin: 5px auto 0; text-align: center; background: url(../images/btn-1.png) no-repeat; font-size: 16px; color: #251b0f; font-weight: bold; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
._wrap .main .store-con .store-box ul li .btn.yes{ -webkit-filter: grayscale(0%);filter: grayscale(0%); }
._wrap .main .store-con .store-box ul li .btn.yes:hover{ filter: brightness(1.3)}

.pop {width:398px;height:254px;background: url(../images/pop-1.png) no-repeat;box-sizing: border-box;padding: 0 30px;display: none;}
.pop .btn_close {width: 27px;height: 25px;position: absolute;right: -30px;top: 8px;text-indent:-999em; background: url(../images/btn-close.png) no-repeat 0 0;}
.pop h4,.pop p b{color:#fff0b0;font-size: 24px;font-weight: bold;line-height: 38px;height: 38px;text-align: center; margin-bottom: 10px;}
.pop p { height: 100%; width: 100%; text-align: center; color: #ffffff; font-size: 18px; line-height:30px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pop p em{ font-style: normal; margin-top: 14px; color: #be9d5f; font-size: 16px;}
.pop p span{color:#ffca2b;line-height: 40px;}

.pop-bind {padding: 30px 40px 0;}
.pop-bind .radio-box{ width: 105px; outline: none; margin:0 auto; text-align: center;}
.pop-bind .radio-box a { height: 30px; width: 100%;color:#ffffff; font-size: 16px; font-weight: bold;display: inline-block;vertical-align: middle;line-height: 30px;cursor: pointer; position: relative;}
.pop-bind .radio-box a.on { color: #ffca2b;}
.pop-bind .radio-box a.on::after,.pop-bind .radio-box a.on::before{  content: ''; display: block;width: 0; position: absolute; top: 8px;}
.pop-bind .radio-box a.on::after { border-width: 6px 8px 6px 8px; border-style: solid; border-color: transparent #ffca2b transparent transparent; right: 0;}
.pop-bind .radio-box a.on::before { border-width: 6px 8px 6px 8px; border-style: solid; border-color: transparent transparent transparent #ffca2b; left: 0;}


.pop .btns {width: 100%;height:30px;position: absolute;bottom: 40px;display: flex;justify-content: center;left: 0;}
.pop .btns a{ width: 117px; height: 26px; line-height: 26px; border-radius: 5px; display: block; margin: 0 20px; text-align: center; background: url(../images/btn-2.png) no-repeat; font-size: 14px; font-weight: bold; color: #251b0f; font-weight: bold;}
.pop .btns a:hover{ filter: brightness(1.2)}


.tc_s {display: none; z-index: 20; }
.tc_video,.tc_video #video {width: 1200px; height: 675px; background: #000;}
.tc_video .btn_close {display: block;width: 48px;height: 48px; background: url(https://img5.tiancitycdn.com/cso/event/2026/5/cs260507act/images/btn-close.png) no-repeat; position: absolute;top: 0;right: -48px;z-index: 101;text-indent: -9999px;}


.btn-close-page{ display: none;}
.pageTop {display: none;}
.copyRight {display: none;}
.large {padding-top: 40px;min-width: 1200px;background-position: 50% 40px;}
.large .logo {display: block;}
.large .pageTop {display: block;}
.large ._wrap {margin:0;min-width: 1200px;height:1080px}
.large .copyRight {display: block;}


._wrap.inGameWin .layer { display: none;}
._wrap.inGameWin .store-con { display: block;}
._wrap.inGameWin .btn-close-page {display: block;}
._wrap.inGameWin .btn-close-bro {display: none;}

.logo,.index{ opacity: 0; filter: blur(10px);}
/* .layer .weapon{ opacity: 0; transform: scale(1.8);filter: blur(10px);}  */
.layer .slogan{  transform: translate(-100px,0); opacity: 0; filter: blur(10px);} 

/* .load_complate .logo,.load_complate .layer .slogan,.load_complate .index,.load_complate .layer .weapon{ filter: blur(0); transform: scale(1) translate(0,0) rotate(0); opacity: 1; transition: all .7s ease;} */
.load_complate .logo,.load_complate .layer .slogan,.load_complate .index{ filter: blur(0); transform: scale(1) translate(0,0) rotate(0); opacity: 1; transition: all .7s ease;}

.load_complate .layer .slogan { transition-delay: .4s }
/* .load_complate .layer .weapon { transition-delay: .1s } */


@keyframes scaleing {
	0%,100%{
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}