@import "https://img1.tiancitycdn.com/mh/homepage/v8/css/base.css";
.cover{ background-size:cover; background-position:center top; background-repeat:no-repeat;}
html body{background:#000;width:100%;}
.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: #c0c0c0; text-align: center;}
#obindex{ width: 1.36rem ; height: .84rem ; position: absolute; top: .5rem ; left: .5rem ; text-indent: -99.99rem ; display: block; z-index: 10; background: url(../../images/h5/logo.png) center top / cover no-repeat;}
.wraper{ width: 7.5rem; min-height: 100vh; height: 13.34rem ; margin:0 auto; position: relative; overflow: hidden; background-color: #383838; }
.wraper .content{ width: 100%; height: 100%; margin: 0 auto; position: relative; background: url(../../images/h5/body.jpg) center top / cover no-repeat;}
.wraper .layer{ width: 100%; height: 100%; margin: 0 auto; position: relative;}
.wraper .layer .npc{ width: 7.5rem; height: 13.34rem; position: absolute; left: 0; top: 0; background: url(../../images/h5/npc.png) center top / cover no-repeat;}
.wraper .layer .slogan{ width: 4.72rem ; height: 2.91rem ; position: absolute; left: 0 ; top: 2.1rem ;  background: url(../../images/h5/slogan.png) center top / cover no-repeat;}
.wraper .layer .resbox{ width: 7.5rem; height: 7.5rem; position: absolute; left: 0; top: 5.7rem; color: #fff; font-size: 0.22rem; text-align: center; background: url(../../images/h5/resbox.png) center top / contain no-repeat; box-sizing: border-box; padding-top: 0.5rem;}
.wraper .layer .resbox .txt{ height: 1.4rem; text-align: center; display: flex; justify-content: center; align-items: center;}
.wraper .layer .resbox .icon{ height: 1.32rem; margin: 0 auto;}
.wraper .layer .resbox .icon .img{ width: 0.71rem; height: 0.7rem; margin: 0 auto 0.3rem;}
.wraper .layer .resbox .icon .img img{ width: 100%;}
.wraper .layer .resbox .icon span{ font-size: 0.28rem; color: #ff805f; font-family: 'SimSun','宋体',serif; font-weight: bold;}
.wraper .layer .resbox .btn-box{ width: 100%; height: 2rem; margin: 0.2rem 0 0.2rem 0;}
.wraper .layer .resbox .btn-box .btn{ width: 100%; height: 1.01rem; overflow: hidden;}
.wraper .layer .resbox .btn-box .btn a{ width: 3.63rem; height: 1.01rem; line-height: 1.01rem; margin: 0 auto; display: block; text-align: center; font-size: 0.27rem; color: #fff; background: url(../../images/h5/btn-1.png) center top / contain no-repeat; -webkit-filter: grayscale(100%);filter: grayscale(100%); font-family: 'SimSun','宋体',serif;}

.wraper .layer .resbox .btn-box .btn a.btn-yy-yes,.wraper .layer .resbox .btn-box .btn a.btn-gift-yes{ -webkit-filter: grayscale(0);filter: grayscale(0);}
.wraper .layer .resbox .login{  margin-bottom: 0.35rem;}
.wraper .layer .resbox .login a{ color: #fff; text-decoration: underline;}
.wraper .layer .resbox .time{ color: #ea7658; font-size: 0.18rem;}
.popdiv{ width: 5.4rem; height: 3.18rem; background: url(../../images/h5/pop-1.png) center top / contain no-repeat; display: none; z-index: 999;}
.popdiv .close{ width: .48rem; height:  .46rem; position: absolute; top: 0.3rem; right: 0.3rem ; display: block; text-indent: -9999px; background: url(../../images/h5/bg-close.png) center top / contain no-repeat; cursor: pointer;}
.popdiv .pop{ width: 100%; height: 100%; display: table; text-align: center; font-size: .21rem; color: #fff;}
.popdiv .pop .popup{ display: table-cell; vertical-align:middle; }
.popdiv .pop .popup p span{ display: block; font-size: .32rem; margin-bottom: .2rem ; color: #f77c5d;}

.popdiv .pop h3{ font-size: 0.35rem; height: 1.3rem; line-height: 1.3rem; margin: 0.5rem auto 0; text-align:center; color: #f77c5d;}
.popdiv .pop .btn{ display: inline-block; width: 2.04rem; height: 0.59rem; line-height: 0.59rem; font-size: 0.24rem; color: #fff; text-align: center; margin: 0.3rem 0.3rem 0; background: url(../../images/h5/pop-btn.png) center top / contain no-repeat;}

.popdiv .pop .iphone{ width:4.3rem; margin: 0 auto;}
.popdiv .pop .iphone li {height: 0.52rem; margin-bottom: 0.3rem;}
.popdiv .pop .iphone li span{ float: left; line-height: 0.52rem; font-size: 0.25rem; font-weight: normal;}

.popdiv .pop .msg{ width: 5.78rem; margin: 0.4rem auto 0;  border-top: 1px solid #b6998b; padding: 0.4rem 0 0.5rem 0;}
.popdiv .pop .msg p{ text-align: left; font-size: 0.21rem; font-weight: normal; line-height: 0.4rem;}


#popxz { width: 7.28rem; height: 7.01rem ; background: url(../../images/h5/pop-2.png) center top / contain no-repeat;}
#popsw .pop .btn{ display: block; margin: 0.2rem auto 0;}




.popdiv .btn-yes{ display: inline-block; width: 1.21rem; height: 0.47rem; line-height: 0.47rem; font-size: 0.24rem; font-weight: bold; background: #7d2c2c; color: #fff; text-align: center; margin: 0.2rem 0.3rem 0; }
.popdiv .btn-yes:hover{ background: #ce5050;}



#btn-index{ width: 1.51rem; height: 0.49rem; line-height: 0.49rem; background: url(../../images/h5/bg-index.png) center top / cover no-repeat; position: absolute; right: 0.37rem; top: 0.24rem; z-index: 11; text-align: center; color: #f5b9b9; font-size: 0.2rem;}

.wraper .content{ transform: scale(1.5);  filter: blur(10px); opacity: 0}
.layer .npc{transform: translateX(140px); opacity: 0; filter: blur(10px); }
.load_complate .layer .npc {opacity: 1;filter: blur(0px);transform: translateX(0);transition: all 1s ease; transition-delay: 0.2s}
.layer .slogan{ transform: scale(1.5); opacity: 0; filter: blur(10px); }
.load_complate .slogan { transform: scale(1); opacity: 1; filter: blur(0); transition: all 1s ease; transition-delay: 0.4s}
.layer .resbox{ transform: translateY(150px) scale(1.2); opacity: 0; filter: blur(10px); }
.load_complate .resbox{ transform: translateY(0)scale(1); opacity: 1; filter: blur(0); transition: all .5s ease; transition-delay: 0.5s}
#obindex{transform: scale(1.1);opacity: 0;filter: blur(10px)}
.load_complate #obindex {opacity: 1;filter: blur(0px);transition: all 1s ease;transition-delay: 0.1s;transform: scale(1);opacity: 1}
.load_complate .content{  transform: scale(1); opacity: 1; filter: blur(0); transition: all .5s ease;}
.wraper #btn-index{transform: translateY(-20px); opacity: 0; filter: blur(10px); }
.load_complate #btn-index{ opacity: 1;filter: blur(0px);transform: translateY(0);transition: all 1s ease; transition-delay: 0.3s}




.sec {
	display:block;
    width: 3rem;
	height: 0.52rem; 
    border: 0.02rem solid #b39d7c; 
    border-radius: 0.1rem; 
    box-sizing: border-box;
	background: #fff;
	float: right;
    margin-right: 0.14rem;
  }
  .sec {
  position: relative;
  }
  .sec select {
  width:100%;
  margin:0;
  background:none;
  border: 0.02rem solid transparent;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  color: #000;
  line-height: 0.45rem;
  font-size: 0.26rem;
  padding: 0 0.3rem 0 0.1rem;
  }
  .sec::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: 50%;
  right: 0.09rem;
  margin-top: -0.04rem;
  border:0.2rem solid #000;
  border-width: 0.1rem 0.06rem 0.1rem;
  border-color: #bec778 transparent transparent transparent;
  z-index: 2;
  pointer-events:none;
  }
  .sec:hover {
  border:0.02rem solid #b39d7c;
  }
  .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: #fff;
	color: #222;
  }
  }  
  @-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;
  }