html{
	width:100%;
	height:1080px;
}

.data-switch{
	overflow: hidden;
	width:400px;
	height:60px;
	margin: 50px auto;
}
.data-switch>div{
	 float: left;
	 width:50%;
	 height:100%;
	 line-height: 57px;
	 border:1px solid red;
	 color:#C8E2FF;
	 text-align: center;
     font-weight: bold;
     font-size: 22px;
	 border:2px solid #b0d3fc;
	 cursor: pointer;
}
.data-switch-active{
	background-color:#69adfe;
	color:#fff !important;
}
.data-statistics{
	width:100%;
	height:auto;
	overflow: hidden;
}
.data-statistics>div{
	float: left;
	width:33.3%;
	height:700px;
	padding-left:10px;
	color:#93bab3
}
.statistics-tit .tit-bar{
	display: inline-block;
    width: 6px;
    height: 30px;
    float: left;
    background-color: #6bb0ff;
    margin-right: 10px;
}
.statistics-tit {
	font-size: 20px;
    color: #b0d3fc;
	background-color: #ee0000
}
.youngtea{
	display:none;
}
/* 引入 */
.yx_data_name{
	text-align: right;
    float: left;
  
}
.layui-progress {
    width: 40% !important;
    height: 20px !important;
    border-radius: 0 !important;
    background-color: #6FB1FD !important;
    float: left !important;
    position: absolute!important;
    top: 5px !important;
    left: 90px !important;
}
 .layui-progress .layui-progress-bar {
    height: 20px;
    border-radius: 0;
    left: 0;
    top: 0;
}
 span.yx_data_number {
    position: absolute;
    top: 2px;
    right:10px;
    width: 30%;
    text-align: left;
}
 .layui-show span {
    display: inline-block;
    width: 58px;
    font-size: 13px;
}
.data-statistics-list{
	position: relative;
	float: left;
	width: 100%;
    height: 26px;
    line-height: 26px;
    margin: 9px 10px;
    overflow: hidden;
    color: #B0D3FC;
	font-size: 13px;        
}
.number-list,.outputvalue-list,.brand-list{
	overflow: hidden;
  left: 1px;

}