@charset "utf-8";
/* CSS Document */
 *{
     margin:0;
     padding:0;
     -webkit-tap-highlight-color:transparent;
     outline:0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 body{
     max-width:750px;
     width:100%;
     margin:0 auto;
     font-family:"微软雅黑";
     -webkit-font-smoothing:antialiased;
     background:#fff;
     font-size:1rem;
}
 li{
     list-style:none;
}
 img{
     border:0;
}
 a{
     text-decoration:none;
     color:inherit;
}
 input,textarea,button{
     outline:none;
     border:0;
     background:none;
     resize:none;
     -webkit-appearance: none;
}
 .model{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
}
 .left{
     float:left ;
}
 .right{
     float:right;
}
 .clearfloat:after{
     display:block;
     clear:both;
     content:"";
     visibility:hidden;
     height:0 ;
}
 .clearfloat{
     zoom:1 ;
}
.login-bind{
     padding:1.06rem 0 1.8rem 0;
}
.login-bind .tab{
     height: 0.88rem;
     line-height: 0.88rem;
     display: flex;
     position: fixed;
     background:#fff;
     width:7.5rem;
     left:0;
     right:0;
     margin:0 auto;
     top:0;
     z-index: 999;
}
.login-bind .tab li{
     height: 0.88rem;
     line-height: 0.88rem;
     font-size:0.32rem;
     color:#919191;
     width:33.3%;
     text-align: center;
}
.login-bind .tab li.active{
     background:url(../images/20200506_line.jpg) center bottom no-repeat;
     background-size:1.06rem 0.06rem;
     color: #3F81ED;
     font-weight: bold;
}
.login-bind .box .list{
     display: none;
}
.login-bind .box .list:nth-child(1){
     display: block;
}
.login-bind .box .card{
     border-radius: 0.1rem;
     border: 1px solid #EEEEEE;
     height: 2.12rem;
     margin:0.12rem 0.3rem;
     border-left:0.09rem solid #3275EC;
     padding:0 0 0 0.43rem;
     position: relative;
     overflow:hidden;
}
.login-bind .box .red{
     border-left:0.09rem solid #FF5959;
}
.login-bind .box .orange{
     border-left:0.09rem solid #FA6400;
}
.login-bind .box .yellow{
     border-left:0.09rem solid #FA8F29;
}
.login-bind .box .card dl{
     overflow:hidden;
     margin-top:0.36rem;
}
.login-bind .box .card dt{
     margin-right: 0.34rem;
     float:left;
}
.login-bind .box .card dt img{
     display: block;
     width:0.9rem;
     height: 0.9rem;
     border-radius: 50%;
}
.login-bind .box .card dd{
     float:left;
}
.login-bind .box .card dd h2{
     font-size: 0.32rem;
     color: #3D3D3D;
     font-weight: normal;
     line-height:0.45rem;
}
.login-bind .box .card dd p{
     font-size: 0.24rem;
     color: #3D3D3D;
     letter-spacing: 0;
     margin-top:0.07rem;
     height: 0.33rem;
     line-height:0.33rem;
     width:3rem;
     overflow: hidden;
}
.login-bind .box .card .datetime{
     font-size: 0.24rem;
     color: #919191;
     letter-spacing: 0;
     margin-top:0.35rem;
}
.login-bind .box .card .use{
     font-size: 0.24rem;
     color: #3778E9;
     letter-spacing: 0;
     background:url(../images/20200506_more.jpg) right center no-repeat;
     background-size:0.13rem 0.23rem;
     padding-right:0.27rem;
     margin-right:0.3rem;
     line-height:2.1rem;
}
.login-bind .box .card .in{
     background:url(../images/20200506_stamp.png) 4rem bottom no-repeat;
     background-size:2.03rem 1.81rem;
}
.login-bind .btm img{
     display: block;
     width:100%;
}
.login-bind .btm{
     position:fixed;
     width:7.5rem;
     left:0;
     right:0;
     margin:0 auto;
     bottom:0;
     z-index: 999;
}
.login-bind .select-btn{
     position: absolute;
     font-size: 0.24rem;
     color: #FA8F29;
     width:0.88rem;
     height: 0.33rem;
     background:#fff7dc;
     display: block;
     right:0;
     top:0;
     font-style: normal;
     text-align: center;
     border-radius: 0.04rem;
}
.login-bind .box .card .used{
     color: #ACACAC;
     background:none;
}
.login-bind .box .gray{
     border-left:0.09rem solid #919191;
}
.login-bind .loseList .select-btn{
     color:#ACACAC;
     background:#f3f3f3;
}


.prize-unused .top{
     border-bottom: 1px solid #E3EEF7;
     margin:0 0.315rem;
     padding-bottom:0.6rem;
     margin-bottom:0.6rem;
}

.prize-unused .top dl dt img{
     display: block;
     width: 1.22rem;
     height: 1.22rem;
     border-radius: 50%;
     margin:0.88rem auto 0;
}
.prize-unused .top dl dd{
     font-size: 0.36rem;
     color: #484848;
     text-align: center;
     font-weight: bold;
     margin-top:0.23rem;
     line-height:0.5rem;
}
.prize-unused .top .immediate-use{
     background: #498EFF;
     border-radius: 0.08rem;
     font-size: 0.36rem;
     color: #FFFFFF;
     width:3rem;
     height: 0.88rem;
     line-height:0.88rem;
     text-align: center;
     margin:0 auto;
     margin-top:0.6rem;
}
.prize-unused .top .immediate-use a{
     display: block;
     width:100%;
     height: 100%;
}
.prize-unused .top .end{
     background: #D8D8D8;
}
.prize-unused .top .datetime{
     font-size: 0.26rem;
     color: #919191;
     letter-spacing: 0;
     line-height: 0.34rem;
     text-align: center;
     margin-top:0.35rem;
}
.prize-unused .explain{
     padding:0 0.5rem;
}
.prize-unused .explain h1{
     font-size: 0.3rem;
     color: #5E5E5E;
     letter-spacing: 0;
     line-height: 0.34rem;
     margin-bottom: 0.19rem;
}
.prize-unused .explain ul li{
     font-size: 0.26rem;
     color: #919191;
     letter-spacing: 0;
     text-align: justify;
     line-height: 0.38rem;
     text-align: justify;
}
.prize-unused .explain ul li a{
     color: #3D80ED;
}
.prize-unused .explain .num{
     background: #EEEEEE;
     border: 1px solid #D8D8D8;
     width:5.36rem;
     height: 0.6rem;
     font-size: 0.32rem;
     color: #3D80ED;
     line-height: 0.6rem;
     text-align: center;
     font-weight: bold;
     margin:0 auto;
     margin-top:0.29rem;
     display: block;
}
.prize-unused .explain .copy{
     font-size: 0.24rem;
     color: #5E5E5E;
     letter-spacing: 0;
     text-align: justify;
     line-height: 0.38rem;
     text-align: center;
     margin:0.15rem 0 0.45rem 0;
}
.login-bind .box .card .check-code{
     font-size: 0.24rem;
     color: #3778E9 !important;
     letter-spacing: 0;
     background:url(../images/20200506_more.jpg) right center no-repeat !important;
     background-size:0.13rem 0.23rem !important;
     padding-right:0.27rem;
     margin-right:0.34rem;
     line-height:2.1rem;
}
.popupOne{
     position: fixed;
     left:0;
     right:0;
     top:0;
     margin:0 auto;
     width:7.5rem;
     height: 100%;
     z-index: 1000;
     display: none;
}
.popupOne .bg{
     position: fixed;
     left:0;
     right:0;
     top:0;
     margin:0 auto;
     width:7.5rem;
     height: 100%;
     background:rgba(0,0,0,.6);
}
.popupOne .cnt{
     width: 6rem;
     min-height:4.5rem;
     background:#fff;
     margin:0 auto;
     position: absolute;
     left:0;
     right:0;
     top:50%;
     margin-top:-2.25rem;
     border-radius: 0.04rem;
     position: relative;
     z-index: 1001;
}
.popupOne .cnt h1{
     font-size: 0.34rem;
     color: #3D3D3D;
     text-align: center;
     padding-top:0.66rem;
}
.popupOne .cnt p{
     text-align:justify;
     font-size: 0.28rem;
     color: #919191;
     letter-spacing: 0;
     text-align: justify;
     line-height: 0.44rem;
     margin:0.36rem 0.42rem;
}
.popupOne .cnt .blank{
     height:0.98rem;
}
.popupOne .cnt .appUse{
     position:absolute;
     font-size: 0.36rem;
     color: #498EFF;
     height: 0.98rem;
     line-height:0.98rem;
     text-align: center;
     width:100%;
     left:0;
     bottom:0;
     border-top: 1px solid #E7E7E7;
}
.popupTwo{
     position: fixed;
     left:0;
     right:0;
     top:0;
     margin:0 auto;
     width:7.5rem;
     height: 100%;
     z-index: 1000;
     display: none;
}
.popupTwo .bg{
     position: fixed;
     left:0;
     right:0;
     top:0;
     margin:0 auto;
     width:7.5rem;
     height: 100%;
     background:rgba(0,0,0,.6);
}
.popupTwo .cnt{
     width: 6rem;
     height:7rem;
     background:#fff;
     margin:0 auto;
     position: absolute;
     left:0;
     right:0;
     top:50%;
     margin-top:-3.5rem;
     border-radius: 0.04rem;
     position: relative;
     z-index: 1001;
}
.popupTwo .cnt .btn{
     position:absolute;
     font-size: 0.36rem;
     color: #498EFF;
     height: 0.98rem;
     line-height:0.98rem;
     text-align: center;
     width:100%;
     left:0;
     bottom:0;
     border-top: 1px solid #E7E7E7;
     display: flex;
}
.popupTwo .cnt .btn li{
     width:50%;
     text-align: center;
}
.popupTwo .cnt .btn li:nth-child(2){
     border-left: 1px solid #E7E7E7;
}
.popupTwo .cnt h1{
     font-size: 0.34rem;
     color: #3D3D3D;
     text-align: center;
     padding-top:0.5rem;
     margin-bottom:0.32rem;
}
.popupTwo .cnt h1 i{
     font-size: 0.32rem;
     color: #000000;
     text-align: center;
     line-height: 0.48rem;
     font-style:normal;
     font-weight: normal;
     display: block;
}
.popupTwo .cnt .hint{
     font-size: 0.24rem;
     color: #919191;
     letter-spacing: 0;
     text-align: justify;
     line-height: 0.44rem;
     text-align: center;
     margin-top:0.34rem;
}
.popupTwo .cnt input[type='radio']{
     display: block;
     width:5.4rem;
    height: 1.36rem;
}
.popupTwo .cnt .radio1{
     background:url(../images/20200506_radio1_1.jpg) right center no-repeat;
     background-size:5.4rem 1.36rem;
}
.popupTwo .cnt .radio2{
     background:url(../images/20200506_radio2_1.jpg) right center no-repeat;
     background-size:5.4rem 1.36rem;
}
.popupTwo .cnt .radio1:checked{
     background:url(../images/20200506_radio1ed_1.jpg) right center no-repeat;
     background-size:5.4rem 1.36rem;
}
.popupTwo .cnt .radio2:checked{
     background:url(../images/20200506_radio2ed_1.jpg) right center no-repeat;
     background-size:5.4rem 1.36rem;
}

.radio{
	position: relative;
	display: block;
	width:5.4rem;
    height: 1.36rem;
    margin:0.3rem auto;
}
.popupTwo .cnt .radio input+span{
	position: absolute;
	width: 3rem;
	left: 1.2rem;
	line-height: 2em;
	font-size: .3rem;
	color: #484848;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.popupTwo .cnt .radio input:checked+span{
	color: #3D80ED;
	font-weight: bold;
}
.load{
     font-size:0.26rem;
     color:#ccc;
     text-align: center;
     line-height:0.8rem;
     display: none;
}

.layui-layer-btn{font-size: 14px;}
.btm{
		display: none;
	}
.login-bind .box .card .in{
	position: relative;
}
.login-bind .box .card .use{
	position: absolute;
	right: 0;
	top: 0;
}
.login-bind .box .card dd h2{
	max-width: 4.5rem;
	height: .45rem;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.noData{
	text-align: center;
	padding-top: 2rem;
}
.noData img{
	display: block;
	margin: 0 auto;
	width: 1rem;
	height: 1.05rem;
}
.noData p{
	font-size: .3rem;
	color: #919191;
	line-height: 2em;
	margin-top: .1rem;
}
.login-bind{
	padding: .2rem 0;
}
.bottomtips{
	font-size: .24rem;
	color: #ACACAC;
	line-height: .36rem;
	text-align: justify;
	padding: .4rem .3rem;
}
.bottomtips.noData{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}