#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: 10px;
    height: 10px;
}
::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #6c574a;
}
 
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(226,198,170,.3);
    background-color: #d19f75;
}
body{min-width: 960px;width:100%;background:#000;overflow-x: hidden;}
._wrap {width:1920px;height:770px;min-width: 960px;position: relative;overflow: hidden;background: url(images/bg.jpg) no-repeat 50% 0 / contain;left: calc(50% - 1920px/2);}
._wrap .logo{position: absolute;background: url(./images/logo.png);width: 171px;height: 79px ;left: 50%;margin-left:-84px;top:10px;z-index: 2;display: none;}
._wrap .slogan {top:0;left:50%;margin-left:-410px;width:820px;height:271px;background: url(images/slogan.png) no-repeat 0 0;transform: scale(.75); transform-origin: 50% 0;}


.Aclose{position: absolute;width: 60px;height: 52px;left: 50%;margin-left:421px;background: url(images/btn_window_close.png) no-repeat 0 0;top:9px;z-index: 11;transform: scale(.8);}
._wrap .nav{position: absolute;background: url(./images/navs.png);width: 150px;height:61px;line-height: 61px;color:#000;font-size: 14px;text-align: center;left:50%;margin-left:334px;}

._wrap .nav-login{top: 57px; color: #a66822; font-size: 20px; font-weight: bold;}
._wrap .nav-logout{top: 57px;background-position-y: -62px;}
._wrap .nav:hover,
.Aclose:hover {filter: brightness(1.2);}
._wrap .my-hammer { width: 197px;height:52px;background: url(images/my-hammer.png) no-repeat 0 0;line-height: 27px;text-indent:20px; color:#fff;font-size: 16px; left: 50%;margin-left: 213px;top: 592px;font-weight: bold;}
._wrap .my-hammer span{ color: #fff181;}
._wrap .nav-time{ width: 140px; height: 30px; left: 50%; top: 66px; margin-left: -173px;}
._wrap .secbox{ width: 150px; height: 61px; position: absolute; top: 120px; left: 50%; margin-left: 334px; background: url(./images/navs.png); }

._wrap .main{width: 100%; position: absolute; top: 183px; left: 0; margin: 0 auto; transform: scale(.83);transform-origin: 50% 0%;height: 697px; background: url(images/bg-main.png) no-repeat center top;}

._wrap .list{ width: 1024px; height: 177px;  margin: 384px auto 0;}
._wrap .list a{ width: 242px; height: 177px; margin: 0 7px; float: left; position: relative; color: #fff;}
._wrap .list a span{ font-size: 14px; position: absolute; top: 119px; right: 31px;}
._wrap .list a p{ font-size: 16px; font-weight: bold; text-align: center; margin-top: 141px;}
._wrap .list a:hover,._wrap .list a.active{ background-position-x: -242px;}

._wrap .btn-cj{ width: 366px; height: 144px; left: 50%; margin-left: -182px; background: url(images/btn-get.png) no-repeat; margin-top: -5px;}
._wrap .btn-cj:hover{ background-position: center bottom;}

._wrap .btn-wh{ width: 58px; height: 58px; top: 299px; left: 50%; margin-left: 164px; }

._wrap .game-0{background: url(images/item0.png) no-repeat 0 0; cursor:default;}
._wrap .game-1{background: url(images/item1.png) no-repeat 0 0;}
._wrap .game-2{background: url(images/item2.png) no-repeat 0 0;}
._wrap .game-3{background: url(images/item3.png) no-repeat 0 0;}

@keyframes light {
    0%,100% {
        filter: brightness(1);
    }
    50%{
        filter: brightness(1.1);
    }
}

.pop {width:676px;height:331px;background: url(images/pop-bg.png) no-repeat 0 0;padding:61px 90px 0 50px;box-sizing: border-box;position: relative; text-align: center;}
.pop .btn_close {width:40px;height:40px;position: absolute;right:0;top:0;text-indent:-999em}
.pop .img{ width: 470px; margin: 0 auto;}

.pop-time{ width: 474px; height: 301px; background: url(images/pop-time.png) no-repeat;}


.pop .msg{ width: 470px; height: 225px; margin: 0 auto; display: table;}
.pop .msg p{ display: table-cell; vertical-align: middle; font-size: 22px; color: #303030; font-weight: bold;}
.pop .msg p span{ color: #b72641;}
.pop .msg p strong{ display: block; text-align: center;}
.pop-wh .msg p{ text-align: left;}

.pop-tips p{flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.pageTop,.copyRight {display: none;}
.large {padding-top: 40px;}
.large .Aclose {display: none;}
.large .logo {display: block;}
.large .pageTop {display: block;}
.large .btn-window-close {display: none;}
.large ._wrap .nav {margin-left:350px;}
.large ._wrap .nav-login{top: 70px;}
.large ._wrap .nav-logout{top: 70px;}
.large .my-hammer{transform: scale(1);}
.large ._wrap {min-width: 1200px;height: 1200px;background-position: 50% 0;}
.large ._wrap .section .con {margin-top:100px}
.large ._wrap .section .con .logo {top:-40px}
.large ._wrap .main,
.large ._wrap .slogan{transform:scale(1)}
.large ._wrap .secbox{ top: 135px; margin-left: 350px;}
.large ._wrap .main { top: 240px;}
.large .copyRight {display: block;}

.sec {
	width: 150px;
    height:61px;
	box-sizing: border-box;
	float: left;
	margin-right: 20px;
    position: relative;
    text-align: center;
  }
  .sec select {
  width:100% !important;
  margin:0;
  background:none;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  color: #a66822;
  line-height: 61px;
  font-size: 20px;
  /* text-align: center; */
  padding: 0 30px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  }
  .sec::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: 50%;
  right: 16px;
  margin-top:-5px;
  border:1px solid #6d4715;
  border-width: 10px 7px 10px;
  border-color: #6d4715 transparent transparent transparent;
  z-index: 2;
  pointer-events:none;
  }

  .sec select:focus {
  outline:none;
  background-color:transparent;
  color: #222;
  }
  .sec option {
  font-weight:normal;
  }
  x:-o-prefocus, .sec::after {
  display:none;
  }    
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .sec select::-ms-expand {
	display: none;
  }
  .sec select:focus::-ms-value {
	background: transparent;
	color: #f0ddc2;
  }
  }  
  @-moz-document url-prefix() { 
  .sec {
	overflow: hidden;
  }
  /* .sec select {
	width: 100%;
	width: -moz-calc(100% + 3em);
	width: calc(100% + em);
  } */
  
  }
  .sec select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
  }