body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* 初始化标签在所有浏览器中的margin、padding值 */  
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
/* button {border:0 none;background-color:transparent;cursor:pointer}    */ 
a{cursor: pointer;}
a {color:#333;text-decoration:none}  /* 重置链接a标签 */  
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
/* table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    重置table属性   */
/* img{vertical-align:top}  */
 /* 图片在当前行内的垂直位置 */  
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul,ol{
	list-style-type: none;
}
a {
  text-decoration: none;
  outline: none;
}
i{font-style: normal;}
html,body{
  width:100%;
  height: 100%;
  min-height: 100%;
 
}
body{
	
	font-family: "microsoft yahei",arial;
	color:#333;
	width: 100%;
	height: calc(100% + 1rem); 
}
video{height:100%;}	
*{margin: 0;padding: 0;}
/*搜索框默认字体颜色*/
input:-moz-placeholder,textarea:-moz-placeholder{
color: #b8b8b7;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
color: #b8b8b7;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color: #b8b8b7;
}

/*最小字条*/	
.small-font{-webkit-transform-origin-x: 0;  -webkit-transform: scale(0.5);  }

.clear{clear: both;}

.pr{position: relative;}
.pl_1{padding-left: .1rem;}	
.fr{float:right;}	
.C_FE8,.order_confirm .C_FE8{color:#FF4D64;}	
.C_333{color:#333333;}
.C_999{color:#999999;}		
.fz_24{font-size: .24rem}	
.bg_ff{background: #fff; }
.border_top{border-top:.2rem solid #F3F3F3;}
.btn{background-image: -webkit-linear-gradient(0deg, #FF789C, #FF5067);border-radius: .3rem;padding: .23rem 0;display: block;color:#fff;font-size: .3rem;text-align: center;    position: fixed;   bottom: .1rem;width: calc(100% - .4rem)}

/*弹层*/	
.rule-bg {	
	width:100% ;position: fixed;top: 0;	right: 0;	bottom: 0;	display:none;	left: 0;	background-color: rgba(0,0,0,.5);
		margin: 0 auto;	z-index: 111112;}
.rule-panel {	position: absolute;	top: 2rem;	width: 80%;	margin-left: 10%;	z-index: 0;	border-radius: .3rem;    overflow: hidden;background: #fff;}
.rule-bg-H {  top:1.66rem;}

.rule-comment{position: fixed;	top: 2rem;	width: 80%;	margin-left: 10%;	z-index: 0;	border-radius: .3rem;    overflow: hidden;background:rgba(0,0,0,0.5);font-size: .24rem;color:#fff;text-align: center;padding:.3rem;letter-spacing:.02rem;}


/*复制卡券*/		
.bd .width{display:inline-table;letter-spacing: 2px;text-align:left;color:#333;width:1rem;font-size: .26rem}
.bd {    line-height: 30px;margin:.25rem 0 ;}
.orange {    text-align: center;    background: #FF4D64;    color: #fff;    border-radius: .06rem; 
display: inline-table;width: .7rem;font-size: .2rem;height: .47rem;margin: 0;line-height: .47rem}		
.span_bg {    color: #333;    padding:0 .1rem;  height: .47rem;     line-height: .47rem; border-radius: .06rem;    width:calc(100% - 2.55rem);    margin-right:.15rem; text-align: left;font-size: .24rem; border:1px solid #D5D5D5;    display: inline-block;
}		
.rule-panel .note{padding: .3rem .2rem .46rem;color:#FF4D64;font-size: .2rem;text-align: left}	
.money{margin: .2rem auto 0;font-size: .3rem;display: block}		
/*支付弹层*/
.flex_money	{margin:0 .2rem .2rem}	
.flex-wrap {    width: 100%;    height: 100%;	padding: .2rem 0;	display: flex;}
.flex-wrap .title-wrap {    text-align: left;}
.flex-wrap .main-title {    font-size: .24rem;    color: #000;    }	
.flex-wrap .sub-heading {    font-size: .20rem;    color: #999;    }		
.flex-wrap .material-icon img{height: .6rem;width: .6rem;margin-right: .2rem}		


.link_search{width: calc(100% - .4rem);display: block; outline: none;box-sizing: border-box; border:none;   -webkit-box-sizing: border-box;background: #F5F5F5 url(../img/sou.png) no-repeat .35rem .23rem;  background-size: .24rem .24rem;    border-radius: .1rem;    color: #858585;    text-indent: .7rem;  line-height: .7rem;  font-size: .24rem;margin: .1rem auto;}	
.moduleWrap>h4{color:#242424;font-size: .28rem;padding : .28rem .3rem 0;font-weight: normal;}	
	
.rule-panel{text-align: center;font-size: .3rem;}	
.rule-panel .rule-panel-head{padding:.29rem;border-bottom:1px solid #F1F1F1}
.rule-panel p{  text-align: center;padding:.3rem;font-size:.24rem;    letter-spacing:.02rem;}

 /*弹层左右按钮*/	
.order_confirm{width: 100%;display: flex;text-align: center;border-top:1px solid #F1F1F1;  }	
.order_confirm a{width: 50%;color:#333;padding: .3rem;}	
.order_confirm a:first-child{border-right: 1px solid #F1F1F1; }	
.order_confirm a img{width: 1rem;height: 1rem;}	
.order_confirm a span{color:#858585;font-size: .2rem;display: block}	

.mt_4{margin-top: .8rem;}	
.mt_8{margin-top: 3.4rem;}
	/*头部*/
.game-top{position:fixed;top:0;left:0;right:0; height: .8rem;width: 100%;  z-index: 999;  text-align: center;     margin:0 auto;   line-height: .8rem;font-size: .3rem; color:#000;  background: #fff ;border-bottom: 1px solid #D9D9D9;}
.game-top .title{position: absolute;left: 0; right: 0; z-index: -1;}	
.game-top .userimg{width: .6rem;height: .6rem;float: right;margin-right: .2rem;margin-top: .08rem;border-radius: 100%;}
.game-top .logos{ float: left;}
.game-top .logos img{  height: .4rem; margin-left: .2rem;margin-top: .16rem; }
.house{display: inline-block; position: absolute;width: .8rem; height: .8rem;background: url(../img/house.png) no-repeat center;bottom: 0; right: 0;background-size: .46rem .43rem;}

.go-back {display: inline-block; position: absolute;width: .28rem; height: .28rem; content: "";  border-top: #000 .03rem solid; border-right: #000 .03rem solid;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);    bottom: .23rem;    left: .25rem;}
#search_form_id{ height: .8rem;width: 100%;   text-align: center;     margin:0 auto;   line-height: .8rem;font-size: .3rem; color:#000;  background: #fff ;    overflow: hidden;}
#search_form_id input{width: calc(100% - 1.4rem); height: .7rem; outline: none;box-sizing: border-box; border:none;   -webkit-box-sizing: border-box;background: #F5F5F5 url(../img/sou.png) no-repeat .35rem .23rem;    background-size: .24rem .24rem;    border-radius: .1rem;    color: #858585;    text-indent: .7rem;    font-size: .26rem;}
#search_form_id a span{ padding: .02rem .3rem .02rem .13rem;box-sizing: border-box;float: right;color:#858585;  }

.wrap-input{width: 100%;position: fixed;bottom:0;font-size: .2rem;    padding: .2rem 0;    background: #fff;}	

.wrap-input input,.wrap-input .wrap-input-dy{width: calc(100% - 1.6rem); height: .5rem; outline: none;box-sizing: border-box; border:none;  background:  #F5F5F5 ; font-size: .2rem; margin-left: .3rem;   border-radius: .1rem;    color: #858585;    text-indent: .2rem;    }
.wrap-input .wrap-input-dy{width: calc(100% - .6rem);color:#FfF;background: #FE8F1F;font-size: .28rem;text-align: center;height: .74rem;line-height: .74rem}
.wrap-input .wrap-input-fx{padding:0 .16rem;text-align: center; box-sizing: border-box;float: right;color:#FfF;background: #FE8F1F;margin-right: .3rem;border-radius: .1rem;height: .5rem;line-height: .5rem;}
.border_no{border:0}
::-webkit-scrollbar{
	width:.04rem;
	height:.04rem;
	position: absolute;
}
::-webkit-scrollbar-track{
	background: rgba(255,255,255,.1);
	border-radius:.02rem;
}
::-webkit-scrollbar-thumb{
	background: rgba(0,0,0,.2);
	border-radius:.02rem;
}
::-webkit-scrollbar-thumb:hover{
	background: rgba(0,0,0,.4);
}
::-webkit-scrollbar-corner{
	background:rgba(255,255,255,.1);
}
.ui-nav-content::-webkit-scrollbar{
	display: none;
}
 #pullDown,#pullUp {
   height:.5rem;
   line-height:.5rem;
   font-size:.14rem;
   color:#888;
   text-align: center;
  }
.error {
  clear: both;
  text-align: center;
  padding-top: .8rem;
}
.error img {
  width: .9rem;
  height: .77rem;	
  margin-bottom: .4rem;
}
.error p {
  color: #C2C7CE ;
  font-size: .24rem;
  margin-bottom: 1rem;
}
/*新加错误页面样式代码*/
.error,.error_link{text-align: center;}
.error_img{width: 4.27rem;height: 2.26rem;margin: 2rem auto;}
.error_p{font-size: .18rem;color:#999;}
.error_link{margin: .4rem auto .8rem;}
.error_link a{border-radius: .02rem;color:#FF4D64;font-size: .16rem;display: inline-block;padding: .08rem .15rem;border:1px solid #FF4D64;}
.error_link .error_link_one{margin-right:.20rem;}

.error a {
  color: #fff;
  font-size: .3rem;
  background: #FF4D64;
  padding: .23rem 0;
  margin:0 auto .4rem;
  border-radius: .1rem;
  width: 2.5rem;
  text-align: center;
  display:block;
}
.More{
	text-align: center;
	line-height: .8rem;
	height: .8rem;
	color:#FE8F1F;
	display: block;
	font-size: .3rem;
}
/*9.27*/
#wrapper{height: calc(100% - .8rem);}
.classify #wrapper{height: calc(100% - 5.7rem);}
.closex{width: .8rem;height: .8rem;position: relative;left: 50%;top:7.2rem;margin-left: -.4rem}	

.kf_brand { 	line-height: .8rem;		padding: 0 .3rem;	clear: both;	font-size: .32rem;}
.kf-text{line-height: .5rem;	margin: 0rem .3rem;font-size: .24rem;background: #f2f2f2; padding:.2rem .3rem;   border-radius: .1rem;}

.rule-panel-text {
    position: absolute;
    color: #fff;
    text-align: center;
    font-size: .32rem;
    top: 3.6rem;
    width: 4.8rem;
    margin-left: calc(50% - 2.4rem);
    z-index: 111113;
    border-radius: .12rem;
    line-height: .7rem;
    overflow: hidden;
    background-color: rgba(0,0,0,.5);
	display: none;
}