/* 时代Java - https://NowJava.com */
.lb_banner{
	width: 100%;
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	background-image: url(../images/icon_bj.png);
	background-size: 100% 100%;
	position: relative;
	width: 640px; overflow: hidden;
	}	
.lb_cengq{
	height: 180px;
	}	
.lb_banner_box{
	width:80%;
	position: relative;
	left: 10%;
	z-index: 0;
	}	
.lb_banner_box .dpan_yy{
    width:100%;
	}	
.lb_banner_box .dpan1{
    width:100%;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 999;
	display: none;
	}
.lb_banner_box .dpan1.on{
	display: block;
}			
.lb_banner_box #zhuan{
    width:100%;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 999;
	transition: all 6s;
	}		
.lb_banner_box .icon_index{
	width:16%;
	position: absolute;
	top: 45%;
	left: 42%;
	z-index: 999;
	cursor: pointer;
	}
.lb_button{
	padding: 50px;
	}	
.lb_button p{
	width: 40%;
	height: 40px;
	line-height: 40px;
	margin-right: 20%;
	border-radius: 50px;
	color: #593579;
	float: left;
	font-size: 18px;
	text-align: center;
	background-color: white;
	}	
.lb_button p:nth-child(2){
    margin-right: 0;
	}	
/*弹窗*/
.state{
	height: 100%;
	width: 100%;
	top:0;
	left:0;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	overflow:hidden;
	display: none;
	z-index:9999;
	}
.state .red_packet{
	height: 65%;
	width: 70%;
	background-color: #f76275;
	border-radius: 10px;
	position:absolute;
	top: 20%;
	left: 15%;
	}	
.state .red_packet .top_box{
	height:20%;
	border-bottom: 2px solid #e15061;
		}				
.state .red_packet .top_box .icon_false{
	height: 28px;
	widows: 28px;
	position: absolute;
	top: 10px;
	right: 10px;
	}		
.state .red_packet .top_box .icon_head{
	width: 20%;
	width: 20%;
	position: absolute;
	top: 5px;
	left: 20px;
	}	
.state .red_packet .top_box .nrong{
	width:70%;
	height: 100%;
	margin-left: 30%;
	padding: 10px;
	}		
.state .red_packet .top_box .nrong .t_name{
	font-size: 18px;
	color:white;
	}		
.state .red_packet .top_box .nrong .t_packet{
	font-size: 16px;
	color: #fedb87;  
	margin-top: 5%;
	}		
.state .red_packet .bottom_box{
	height:80%;
	position: relative;
	}	
.state .red_packet .bottom_box .icon_qin{
	width: 50%;
	position: absolute;
	left: 25%;
	top: 5%;
	}	
.state .red_packet .bottom_box .icon_ter{
	width: 70%;
	position: absolute;
	left: 15%;
	top: 5%;
	}		
.state .red_packet .bottom_box .icon_ter p{
	color: white;
	}		
.state .red_packet .bottom_box .icon_ter input{
	color: #484848;
	width: 100%;
	font-size: 16px;
	margin-top: 20px;
	text-indent: 10px;
	padding: 10px 0;
	background-color:white;
	border: 1px solid #fedb87;
	border-radius: 5px;
	}			
.state .red_packet .bottom_box .b_main{
	width: 80%;
	position: absolute;
	left: 10%;
	top: 60%;
	color: white;
	}		
.state .red_packet .bottom_box .b_main .b_size{
	color: white;
	text-align: center;
	}					
.state .red_packet .bottom_box .b_main .b_botton{
	height: 40px;
	width: 60%;
	line-height: 40px;
	border-radius: 5px;
	text-align: center;
	color: #333;
	margin: 5% auto 0 auto;
	background-color: #fedb87;  
	}		
.state .red_packet .top_lose{
	height:15%;
	color: #fedb87;
	text-align:center;
	font-size:18px;
	padding-top: 30px;
		}		
.state .red_packet .bottom_lose{
	height:85%;
	position: relative;
	}	
.state .red_packet .top_lose .icon_false{
	height: 28px;
	widows: 28px;
	position: absolute;
	top: 10px;
	right: 10px;
	}		
.state .red_packet .bottom_lose .bottom_lose_box{
	padding: 0 10px;
	padding-top: 2%;
	}		
.state .red_packet .bottom_lose .bottom_lose_box .bottom_tit{
	height: 28px;
	width: 28px;
	background-color: #fedb87;
	border-radius: 18px;
	text-align: center;
	line-height: 28px;
	color: white;
	float:left;
	}	
.state .red_packet .bottom_lose .bottom_lose_box p{
	color: white;
	padding-left: 35px;
	}