.lucky-panel{
  	width: 95%;
  	color: #fff;
  	border-radius: 15px;
  	margin: auto;
  	position: relative;
  }
 
  .lucky-title{
  	font-size: 14px;
  	padding-top: 10px;  	  	
  }
  .lucky-data{
  	width: 100%;
  	text-align: center;
  	position: absolute;
  	bottom: 10px;
	font-weight:700;
  }
  .score-data{
  	font-size:26px;	
  }
  .lucky-num{
  	background-color: #9BC53F;
  }  
  .num-data{
  	color: #fff;
  	font-size: 26px;
  }
  
  .lucky-qfriend{
  	background-color: #F2A91C;
  }
  .qfriend-data{
  	font-size: 20px;
  }
  .lucky-color{
  	background-color: #F87C4B;
  }
  .color-data{
  	font-size: 20px;
  }
  .lucky-score{
  	background-color: #00ADC1
  }
  .main-container {
  	width: 96%;
  	padding: 0 2%;
  	margin-bottom: 60px;
  }
  .main-con1 {
  	width: 100%;
  	margin: 10px 0;
  	display: table;
  }
.main-con3{
 width: 100%;
}
  .score-item{
  	width: 100%;
  	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-align: center;
  }
  .score-item:first-child{
  	margin-top: 15px;
  }
  .score-item img{
	width:28px;
	height:28px;
  }
  .item-title{
  	display:block;
	padding-left:7px;
  }
  .item-score{

	display:block !important;
	width:25px;
	text-align:right;
	display:none;
  } 
  
  .score-pro-outer{
  	height: 16px;
  	background-color: #C2D0DF;
  	vertical-align: middle;
	-webkit-box-flex:1;
	display:block;
  }
  .inner-love,.inner-health,.inner-money,.inner-work{
  	height: 100%;
  }
	  
  @keyframes loader {  
	 from {  width: 0%;  }  
	 to {  width: 100%;  }  
  } 
  @-webkit-keyframes loader{
	 from {  width: 0%;  }  
	 to {  width: 100%;  }  
 }
  .inner-pro-love, .inner-pro-health, .inner-pro-work, .inner-pro-money{
  	height:100%;
  	-webkit-animation: loader 1s linear;
	animation: loader 1s linear;
  }
  .inner-pro-love{
  	background-color: #E84C3D;
  }
  .inner-pro-health{
  	background-color: #9BC53F;
  }
  .inner-pro-money{
	background-color: #F2A91C;
  }
  .inner-pro-work{
	background-color: #F87C4B;
  } 
  .luck-analys-con{
     height:30px;
	 margin-top:20px;
  }    
  .luck-analys {
  	padding: 0 5px;
  	background-color: #E84C3D; 	
  	color: #fff;  
  	border-radius: 5px;	
	float:left;
	height:30px;
	line-height:30px;
  }
  .change-time{
  	margin-top:5px;
  	height:20px;
	display: inline-block
  }
  .analys-centent{
  	text-indent: 32px;
  }
 .date-time{
	padding: 5px;
	vertical-align: middle;
	float: left;
	width: 40%;
 }

   @media screen and (min-width: 360px) and (max-width: 900px) {
	  .change-time{
	  	margin-top:2px;
	  	height:25px;
	  }
}