html,body{
	width: 100%;
	font-size: .65rem;
}
.headbox {
    height: 1.6rem;
    line-height: 1.6rem;
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: .65rem;
}
.headbox div {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    height: 100%;
    width: 33.333%;
    color: #000;
    box-sizing: border-box;
}
.logo_view{
	margin-left: .5rem;
}
.five_box{
	text-align: center;
}
.menubtn{
	text-align: right;
}
.five_box>i {
    /*background: url(../images/jtx@3x.png) 3.3rem .3rem no-repeat;*/
    background-size: .7rem;
    /*padding-right: 2rem;*/
}
.headbox div a i {
    display: inline-block;
    width: .83rem;
    height: .8rem;
    background: #fff url(../images/xiaol.png) -1.43rem -1.183rem;
    background-size: 12rem auto;
    vertical-align: middle;
    margin-top: .08rem;
    box-sizing: border-box;
    background-position:-4.5rem -4.7rem ;
}
.date_qs{
	width:100%;
	border-top: 1px solid #E0E0E0;
	display: flex;
	justify-content:left;
	flex-wrap: wrap;
	align-items: center;
}
.date_qs span{
	padding:0 .5rem ;
	border: 1px solid #ea721a;
	border-radius: .5rem;
	color:#ea721a ;
	font-size:.6rem ;
	margin: .1rem 0;
}
/* 遮罩 * */
.alert{
	background: rgba(0,0,0,.2);
    min-height: 100%;
    overflow: hidden;
    /* position: absolute; */
    margin-top: 50px;
    width: 100%;
    z-index: 100;
}
.five_item{
	border-bottom: 1px solid #e0e0e0;
    margin-top: 0;
    background: #fff;
    /* height: 2rem; */
    /* padding: .3rem .15rem; */
    /* font-size: .13rem; */
    display: flex;
    position: relative;
    pointer-events: painted;
    padding: 0rem .8rem .2rem .8rem;
    font-size: .65rem;
    justify-content: space-between;
    align-items: center;
}

.five_item a {
   position: relative;
   /*display: none;*/
   text-align: center;

}
.animateds{
	display: block !important;
	animation:myfirsts 0.4s;
	-moz-animation:myfirsts 0.4s; /* Firefox */
	-webkit-animation:myfirsts 0.4s; /* Safari and Chrome */
	-o-animation:myfirsts 0.4s;
}
@keyframes myfirsts
{
0%   { top: 900px}
80% { top:0% }
90% { top:-10% }
100% {top:0%}
}

.five_item a span{
	display: inline-block;
    height: 2.4rem;
    width: 2rem;
    background: url(../images/xiaol.png)  no-repeat;
   background-size:12rem ;
   
}
.five_item .tm span{
	background-position: -2.6rem 0rem;
}
.five_item .kj span{
	background-position: -.2rem 0rem;
}
.five_item .zm span{
	background-position: -4.9rem 0rem;
}
.five_item .sx span{
	background-position: -7.2rem 0rem;
}
.five_item .lz span{
	background-position: -9.6rem 0rem;
}

.zs_box{
	padding: .5rem .5rem 0 .5rem;
	position: relative;
	margin-top: .2rem;
	
	top:0;
}
.data{
	position: absolute;
	width: 100%;
	top:1.5rem;
	left: 0;
	background: #FFFFFF;
}
.zs_title{
	width:100%;
	height:1.5rem;
	position: absolute;
	top:0;
	left:0;
	display: flex;
	align-items: center;
	background: #FFFFFF;
}
.zs_title span{
	position: absolute;
}
.lin{
	left:13%;
}
.ys{
	left:29%
}
.es{
	left:45%
}
.ss{
	left:61%;
}
.fs{
	left:77%;
	
}
.ws{
	left:93%;
}
.data .data_row{
	height:1.5rem;
	display: flex;
	
	border-bottom:1px dashed #E0E0E0;
	padding-top:.35rem ;
	box-sizing: border-box;
	
}
.data .data_row span{
	position: absolute;
}
.data_row .num{
	width: 1.2rem;
    height: 1.2rem;
    display: block;
    color: #ffffff;
    line-height: 1.2rem;
    font-size: .6rem;
    text-align: center;
    z-index: 100;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-weight: 550;
    background-color: #f00;
    border-radius: 50%;
}
.active{
	background-color: #ea721a;
    color: #fff !important;
}

.box_view{
	border-top: 1px solid #E0E0E0;
	background: #FFFFFF;
	height:2rem;
	display: flex;

	overflow-x: auto;
    box-sizing: border-box
}
.lz_type{
	width:120%;
	display: flex;
	justify-content: space-around ;
	
}
.lz_type div{
	width:4rem;
	justify-content: center;
	display: flex;
	align-items: center;
	float: left;
}
.lz_type div span{
	line-height: 1.8rem;
	padding: 0rem .5rem;
	font-size: .65rem;
	box-sizing: border-box
}
.bottom{
	 
	color: #fc3253;
	border-bottom:  3px solid #fc3253;
}

.animated1{
	
	animation:myfirst 0.5s;
	-moz-animation:myfirst 0.5s; /* Firefox */
	-webkit-animation:myfirst 0.5s; /* Safari and Chrome */
	-o-animation:myfirst 0.5s;
}
@keyframes myfirst
{
0%  { left: -100%}
80% { left:0% }
90% { top:0% }
100% {top:0%}
}
.animated2{
	
	animation:myfirst_2 0.5s;
	-moz-animation:myfirst_2 0.5s; /* Firefox */
	-webkit-animation:myfirst_2 0.5s; /* Safari and Chrome */
	-o-animation:myfirst_2 0.5s;
}
@keyframes myfirst_2
{
0%  { left:100%}
80% { left:0% }
90% { top:0% }
100% {top:0%}
}

/*露珠分析**/

.box{
	margin-top: .5rem;
	border-top: 1px solid #E0E0E0;
	font-size: .63rem;
}
.lz_title{
	height:1.8rem;
	background: #FFFFFF;
	display: flex;
	justify-content: space-between;
	padding: 0rem .5rem;
	align-items: center;
	color: #989898;
}
.lz_right{
	color: #ef0508;
}
.lz_item{
	padding: 0rem 0;
	background: #FFFFFF;
	overflow-x:auto ;
}
.lz_table_con{
	position: relative;
	min-height: 1rem;
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
    direction: rtl;
    text-align: center;
}
.tablebox td{
	min-width:1rem;
	border: 1px solid #e5e5e5;
    vertical-align: top;
   
    padding: .2rem .2rem;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.tablebox td:nth-child(even) {
	background: #f5f5f5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    color: red;
}

/* 生肖走势**/
.mouse{
	left:13%;
}
.cattle{
	left:20.3%;
}
.tiger{
	left:27.3%;
}
.hare{
	left:34.6%;
}
.draon{
	left:41.9%;
}
.snake{
	left:49.2%;
}
.horse{
	left:56.5%;
}
.sheep{
	left:63.8%;
}
.monkey{
	left:71.1%;
}
.chicken{
	left:78.4%;
}
.dog{
	left:85.7%;
}
.pig{
	left: 93%;
}