@charset "utf-8";

div{
    box-sizing: border-box;
}
/**{ margin:0px; padding:0px; font-family:'微软雅黑'; -webkit-tap-highlight-color:rgba(0,0,0,0);  }*/

#main3 {
    width: 100%;
    height: 230px; /*此处使用了绝对高度，但是当我使用相对高度时，页面将无法显示这个div，暂时未解决。这会导致不同屏幕大小无法适用*/
}

.multi-line{
    position:relative;
    padding:0px;
    margin-top: 0px;
    box-sizing: border-box;
	margin-left:0px;
	float:left;
	width:100%;
    height:100%; 
	background-size:cover;
}

.com-count-title{
    margin-left: 10px;
    color:#1bb4f9;
    padding:20px;
    font-size: 12px;
    padding:0;
}

.com-screen-content{
    width:100%;
    height:auto;
}

.data-label{
	position:absolute;
	top:20px;
	right:10px;
}
.data-label li{
    list-style:none;
	float:left;
    width: 60px;

	text-align: center;
    font-size: 12px;
    color: #828c9d;
}
.data-label li:hover,.data-label li.active{
    color: #fff;
    background: #3486da;
}

.use-data{
    text-align: center;
    padding: 2px 0;
    margin-top:3%;
    height: 5%;
	background-size:cover;
    border: solid 1px #093552;
    border-right: 0px;
    border-left: 0;
}
.use-data li{
    list-style:none;
    width:30%;
    font-size: 0;
    display: inline-table;
    border-right:solid 1px #1f4191;
}
.use-data li:last-child{
    border-right:0;
}
.use-data .data-count{
    color:#fff;
    font-family:myFirstFont ;
    height: 1%;
    font-size: 12px;
}
.use-data .data-name{
    color:#3486da;
    font-size: 12px;
}