body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0;}
html{height: 100%;}
body{font-size: 14px; font-family: "微软雅黑","宋体", Verdana; height: 100%;}
fieldset,img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none; color: #000;}
a:hover{ text-decoration:none;}
a:focus,input,button,select,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-variant: normal; font-weight: normal;}
select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none;}

.k-layer{
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.7);
	width: 100%;
	height: 100%;
}
.k-layer-content{
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.red-ticket{
	width: 85%;
}
.ticket-top{
	padding-top: 1rem;
	padding-bottom: 1rem;
	width: 100%;
	background: url(../images/l-bg1.png) no-repeat;
	background-size: 100% 100%;
}
.ticket-con-list{
	max-height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}
.ticket-con{
	margin-top: -1px;
	padding: 1px 10px 15px;
	width: 100%;
	background-color: #ff2c37;
	box-sizing: border-box;
}
.pay{
	width: 75%;
}
.l1,.l2{
	text-align: center;
	color: #fff;
}
.l1{
	font-size: .51rem;
	font-weight: 600;
}
.l2{
	font-size: .36rem;
	line-height: .64rem;
}
.panel-hb{
	position: relative;
	margin: 0 auto .2rem;
	padding: 10px 10px 10px 0;
	background: #fff;
	box-sizing: border-box;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.panel-hb::before{
	width: .5rem;
    height: .5rem;
    background: #f00;
    border-radius: 50%;
    left: 22%;
    top: -.25rem;
    position: absolute;
}
.panel-hb::after{
	width: .5rem;
    height: .5rem;
    background: #f00;
    border-radius: 50%;
    left: 22%;
    bottom: -.25rem;
    position: absolute;
}
.hb-hd{
	width: 25%;
	font-size: .24rem;
	text-align: center;
	color: #656565;
}
.hb-hd .price{
	font-size: .69rem;
	color: #fc0226;
}
.hb-hd .price span{
	font-size: .29rem;
	color: #fc0226;;
}
.hb-bd{    
	padding-left: 10px;
	margin-left: 4%;
    margin-right: 5px;
	-webkit-box-flex: 1;
		-ms-flex: 1;
			flex: 1;
}
.hb-bd .value{
	font-size: 16px;
	color: #333;
	font-weight: 600;
}
.hb-bd .game-name{
	color: #ff232f;
	font-size: 14px;
}
.hb-bd .time{
	color: #ff232f;
	font-size: 12px;
}
.ljsy{
	padding: .13rem;
	font-size: .24rem;
	color: #fff;
	background: #ff283b;
	border-radius: .4rem;
}
.big-ljsy{
	padding: 8px 12px;
}
.kq-bd{
	margin-left: 15px;
	margin-right: 5px;
}
.k-wrapper{
	width: 100%;
	height: 100%;
	background-color: #f5f5f3;
}
.wu-kaquan{
	height: 100%;
	font-size: .46rem;
	color: #808080;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.pay .title{
	padding: .2rem 0;
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #333333;
}
.pay .title span{
	color: #000;
	font-size: .48rem;
	font-weight: bold;
	vertical-align: middle;
}
.title .yhq{
	width: .63rem;
	height: .63rem;
	vertical-align: middle;
}
.close{
	position: absolute;
	top: .4rem;
	left: .3rem;
	width: .3rem;
	height: .29rem;
}
.main{
	padding: .44rem;
	background: #fff;
}
.main .jine{
	padding-bottom: .44rem;
	text-align: center;
	border-bottom: .01rem solid #d4d4d4;
}
.jine .price{
	font-size: 1rem;
	color: #333;
}
.jine .price del{
	font-size: .4rem;
	color: #808080;
}
.jine .value{
	color: #fe3a46;
	font-size: .46rem;
}
.pay-list{
	position: relative;
	padding: .28rem 0;
	border-bottom: .01rem solid #d4d4d4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.pay-list .left{
	color: #808080;
	font-size: .33rem;
}
.pay-list .right{
	color: #333;
	font-size: .4rem;
}
.access .right{
	padding-right: .35rem;
}
.access .right:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: .38rem;
	width: .17rem;
	height: .35rem;
	background: url(../images/more.png) no-repeat;
	background-size: contain;
}
.zffs{
	padding-top: .4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
        justify-content: space-around;
}
.zffs a{
	display: block;
}
.weixin{
	background: url(../images/wechat-pay.png) no-repeat;
}
.zhifubao{
	background: url(../images/zfb-pay.png) no-repeat;
}
.weixin,.zhifubao{
	display: block;
	width: 2.92rem;
	height: 1rem;
	background-size: contain;
}
.zffs .sure{
	width: 100%;
	line-height: 1.25rem;
	text-align: center;
	font-size: .48rem;
	color: #333;
	background-color: #ffb10a;
	border-radius: .12rem;
}
.sel-yhq{
	width: 85%;
}
.pay .sel-panel{
	background: #f5f5f5;
}
.panel-hb1{
	margin: 0 auto .17rem;
	padding: 20px 10px 20px 0;
	background: url(../images/panel1.png) no-repeat;
	background-size: 100% 100%;
}
.panel-hb1 .time,.panel-hb1 .game-name{
	color: #808080;
}
.sel{
	background: url(../images/sel.png) no-repeat;
}
.sel_h{
	background: url(../images/sel_h.png) no-repeat;
}
.sel-icon{
	display: block;
	width: .75rem;
	height: .75rem;
	background-size: contain;
}
.gray{
	background: #f5f5f3;
}