body,html{width:100%;font-size:.65rem;}
.headbox{display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:flex;box-sizing:border-box;width:100%;height:1.8rem;background:#fff;font-size:.65rem;line-height:1.8rem;align-items:center;justify-content:space-around;}
.headbox div{box-sizing:border-box;width:33.333%;height:100%;color:#000;-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1;}
.headbox_left{margin-left:.5rem;}
.headbox_center{text-align:center;}
.headbox_right{text-align:right;}
.headbox div a i{display:inline-block;box-sizing:border-box;margin-top:.08rem;width:.83rem;height:.8rem;background:#fff url(../images/icons.png) -1.43rem -1.183rem;background-position:-4.5rem -4.7rem;background-size:12rem auto;vertical-align:middle;}

.date_qs{display:flex;width:100%;height:2rem;border-top:1px solid #e0e0e0;justify-content:space-around;align-items:center;}
.date_qs span{padding:0 .5rem;border:1px solid #ea721a;border-radius:.5rem;color:#ea721a;font-size:.6rem;}

.active{background-color:#ea721a;color:#fff!important;}

.five_box{z-index:100;overflow:hidden;width:100%;min-height:100%;background:rgba(0,0,0,.2);}
.five_item{position:relative;display:flex;margin-top:0;padding:0 .8rem .2rem .8rem;border-bottom:1px solid #e0e0e0;background:#fff;font-size:.65rem;pointer-events:painted;justify-content:space-between;align-items:center;}
.five_item a{position:relative;text-align:center;}
.five_item a span{display:inline-block;width:2rem;height:2.4rem;background:url(../images/icons.png) no-repeat;background-size:12rem;}
.five_item .tm span{background-position:-2.6rem 0;}
.five_item .kj span{background-position:-.2rem 0;}
.five_item .zm span{background-position:-4.9rem 0;}
.five_item .sx span{background-position:-7.2rem 0;}
.five_item .lz span{background-position:-9.6rem 0;}

.zs_box{position:relative;top:0;padding:.5rem .5rem 0 .5rem;padding-bottom:65px;border-top:1px solid #e0e0e0;}
.zs_title{position:absolute;top:0;left:0;display:flex;box-sizing:border-box;width:100%;height:1.5rem;border-bottom:1px dashed #e0e0e0;background:#fff;}
.zs_title span{position:absolute;padding-top:.35rem;height:1.5rem;}

.periods{display:block;width:12%;border-right:1px solid #e6e6e6;text-align:center;}

/*期数数量*/
.lin{left:13%;}
.ys{left:29%;}
.es{left:45%;}
.ss{left:61%;}
.fs{left:77%;}
.ws{left:93%;}

.data{position:absolute;top:1.5rem;left:0;width:100%;background:#fff;}
.data .data_row{display:flex;box-sizing:border-box;padding-top:.15rem;height:1.5rem;border-bottom:1px dashed #e0e0e0;}
.data .data_row span{position:absolute;}
.data .data_row .num{z-index:100;display:block;width:1.2rem;height:1.2rem;border-radius:50%;background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;text-align:center;font-weight:550;font-size:.6rem;line-height:1.2rem;}
.data .data_row .red{background-color:red;}

.box_view{display:flex;overflow-x:auto;box-sizing:border-box;height:2rem;border-top:1px solid #e0e0e0;background:#fff;}
.lz_type{display:flex;width:100%;justify-content:space-around;}
.lz_type div{float:left;display:flex;width:4rem;justify-content:center;align-items:center;cursor:pointer;}
.lz_type div span{box-sizing:border-box;padding:0 .5rem;font-size:.65rem;line-height:1.8rem;}

.bottom{border-bottom:3px solid #fc3253;color:#fc3253;}

.animated1{animation:myfirst .5s;-moz-animation:myfirst .5s;-webkit-animation:myfirst .5s;-o-animation:myfirst .5s;}
.animated2{animation:myfirst_2 .5s;-moz-animation:myfirst_2 .5s;-webkit-animation:myfirst_2 .5s;-o-animation:myfirst_2 .5s;}
@keyframes myfirst{
	0%{left:-100%;}
	80%{left:0;}
	90%{top:0;}
	100%{top:0;}
}
@keyframes myfirst_2{
	0%{left:100%;}
	80%{left:0;}
	90%{top:0;}
	100%{top:0;}
}


/*露珠分析*/
.box{padding-bottom:50px;border-top:1px solid #e0e0e0;font-size:.63rem;}
.lz_title{display:flex;padding:0 .5rem;height:1.8rem;border-top:1px solid #e0e0e0;background:#fff;color:#989898;justify-content:space-between;align-items:center;}
.lz_right{color:#ef0508;}
.lz_item{overflow-x:auto;padding:0 0;border-top:1px solid #e0e0e0;background:#fff;}
.lz_table_con{position:relative;min-height:1rem;border:0;border-collapse:collapse;text-align:center;direction:rtl;border-spacing:0;}

.tablebox td{padding:.2rem .2rem;min-width:1rem;border:1px solid #e5e5e5;vertical-align:top;}
.tablebox tr{display:table-row;border-color:inherit;vertical-align:inherit;}
.tablebox td:nth-child(even){border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;background:#f5f5f5;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%;}