commit
69b0930e7b
|
After Width: | Height: | Size: 322 KiB |
@ -0,0 +1,292 @@
|
||||
|
||||
/*common.css*/
|
||||
@font-face
|
||||
{
|
||||
font-family: myFirstFont;
|
||||
src: url('../font/Fette-Engschrift.ttf');
|
||||
}
|
||||
|
||||
body{
|
||||
|
||||
background: #081325 url(../images/interact.png) center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
div{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.clearfix{
|
||||
clear:both;
|
||||
}
|
||||
.container-header{
|
||||
width:100%;
|
||||
height:74px;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.container-header .nowTime{
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:41px;
|
||||
font-size: 0;
|
||||
}
|
||||
.container-header .nowTime li{
|
||||
display: inline-block;
|
||||
width:94px;
|
||||
height:20px;
|
||||
font-size: 14px;
|
||||
color:#fff;
|
||||
}
|
||||
.nowTime li{
|
||||
display: inline-block;
|
||||
float: left;
|
||||
/*font-weight: 800;*/
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.nowTime li div{
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 8px;
|
||||
text-align: left;
|
||||
}
|
||||
.nowTime li p {
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 4px;
|
||||
}
|
||||
.container-header .location{
|
||||
position: absolute;
|
||||
right:17px;
|
||||
top:46px;
|
||||
}
|
||||
.location i{
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
color:#7e9bc6;
|
||||
}
|
||||
.location span{
|
||||
font-size: 13px;
|
||||
line-height: 30px;
|
||||
color:#168fcd;
|
||||
}
|
||||
|
||||
.container-header h3{
|
||||
line-height: 74px;
|
||||
font-size: 36px;
|
||||
font-weight: 800;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
/* 边角 */
|
||||
.left-top,.right-top,.left-bottom,.right-bottom{
|
||||
position:absolute;
|
||||
width:13px;
|
||||
height:13px;
|
||||
}
|
||||
.left-top{
|
||||
left:0;
|
||||
top:0;
|
||||
border-left:solid 2px #045291;
|
||||
border-top:solid 2px #045291;
|
||||
}
|
||||
.right-top{
|
||||
right:0;
|
||||
top:0;
|
||||
border-right:solid 2px #045291;
|
||||
border-top:solid 2px #045291;
|
||||
}
|
||||
.left-bottom{
|
||||
left:0;
|
||||
bottom:0;
|
||||
border-left:solid 2px #045291;
|
||||
border-bottom:solid 2px #045291;
|
||||
}
|
||||
.right-bottom{
|
||||
right:0;
|
||||
bottom:0;
|
||||
border-right:solid 2px #045291;
|
||||
border-bottom:solid 2px #045291;
|
||||
}
|
||||
|
||||
.resource-right .com-count-title{
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
.com-count-title{
|
||||
color:#1bb4f9;
|
||||
padding:20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
.com-screen-content{
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
.com-screen-content2{
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
.filter-type{
|
||||
font-size: 0;
|
||||
}
|
||||
.filter-type li:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.filter-type li{
|
||||
display: inline-block;
|
||||
width:120px;
|
||||
line-height: 40px;
|
||||
font-family: myFirstFont;
|
||||
font-size: 20px;
|
||||
text-align:center ;
|
||||
color:#024f9b;
|
||||
border:solid 1px #075797;
|
||||
background:#0d2343;
|
||||
}
|
||||
.filter-type li.active{
|
||||
color:white;
|
||||
background:#0c182d;
|
||||
border:solid 1px #1bb9f9;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.container-content{
|
||||
padding:10px 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.count-base,.count-resource,.count-share,.count-topic{
|
||||
position:relative;
|
||||
padding:20px;
|
||||
margin-top: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.com-count-title{
|
||||
|
||||
color:#1bb4f9;
|
||||
font-size: 12px;
|
||||
padding:0;
|
||||
}
|
||||
.count-base{
|
||||
|
||||
margin-left:10px;
|
||||
float:left;/*浮动*/
|
||||
width:31%;
|
||||
height:350px;
|
||||
background: url('../images/left-top3.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
|
||||
}
|
||||
.count-resource{
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
width:31%;
|
||||
height:350px;
|
||||
background: url('../images/left-top3.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
.count-share{
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
width:47.0%;
|
||||
height:350px;
|
||||
background: url('../images/left-bottom2.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.count-topic{
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
width:47.0%;
|
||||
height:350px;
|
||||
background: url('../images/left-bottom2.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
.data-label{
|
||||
position:absolute;
|
||||
top:20px;
|
||||
right:10px;
|
||||
}
|
||||
.data-label li{
|
||||
float:left;
|
||||
width: 60px;
|
||||
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #828c9d;
|
||||
}
|
||||
.data-label li:hover,.data-label li.active{
|
||||
color: #fff;
|
||||
background: url("../images/choose-item.png") center no-repeat;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@charset "utf-8";
|
||||
/* author lyc */
|
||||
|
||||
*{ margin:0px; padding:0px; font-family:'微软雅黑'; -webkit-tap-highlight-color:rgba(0,0,0,0); }
|
||||
li{ list-style:none }
|
||||
img{ border:none}
|
||||
a{text-decoration:none;}
|
||||
|
||||
|
||||
/* -------------------------摇奖排行榜----------------------------------- */
|
||||
|
||||
|
||||
.topRec_List dl,.maquee{ width:90%; overflow:hidden; margin:0 auto; color:#f0ece2}
|
||||
.topRec_List dd{ float:left; text-align:left; border-bottom:1px solid #1B96EE; color:#1B96EE;font-size:10px;}
|
||||
.topRec_List dl dd:nth-child(1){ width:50%; height:40px; line-height:40px; }
|
||||
.topRec_List dl dd:nth-child(2){ width:30%; height:40px; line-height:40px; }
|
||||
.topRec_List dl dd:nth-child(3){ width:20%; height:40px; line-height:40px; }
|
||||
|
||||
.maquee{ height:195px;}
|
||||
.topRec_List ul{ width:100%; height:195px;}
|
||||
.topRec_List li{ width:100%; height:28px; line-height:38px; text-align:left; font-size:10px;color:#76dbd1}
|
||||
/*.topRec_List li:nth-child(2n){ background:#077cd0}*/
|
||||
.topRec_List li div{ float:left;}
|
||||
.topRec_List li div:nth-child(1){ width:50%;}
|
||||
.topRec_List li div:nth-child(2){ width:30%;}
|
||||
.topRec_List li div:nth-child(3){ width:20%;}
|
||||
|
||||
|
||||
.use-data{
|
||||
text-align: center;
|
||||
padding: 2px 0;
|
||||
margin-top:3%;
|
||||
height: 5%;
|
||||
background: url(../images/resource-use-data.jpg) center no-repeat;
|
||||
background-size:cover;
|
||||
border: solid 1px #093552;
|
||||
border-right: 0px;
|
||||
border-left: 0;
|
||||
}
|
||||
.use-data li{
|
||||
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:#1bb9f9;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,294 @@
|
||||
|
||||
/*common.css*/
|
||||
@font-face
|
||||
{
|
||||
font-family: myFirstFont;
|
||||
src: url('../font/Fette-Engschrift.ttf');
|
||||
}
|
||||
|
||||
body{
|
||||
|
||||
background: #081325 url(../images/interact.png) center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
div{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.clearfix{
|
||||
clear:both;
|
||||
}
|
||||
.container-header{
|
||||
width:100%;
|
||||
height:74px;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.container-header .nowTime{
|
||||
position: absolute;
|
||||
left:20px;
|
||||
top:41px;
|
||||
font-size: 0;
|
||||
}
|
||||
.container-header .nowTime li{
|
||||
display: inline-block;
|
||||
width:130px;
|
||||
height:40px;
|
||||
font-size: 24px;
|
||||
color:#fff;
|
||||
}
|
||||
.nowTime li{
|
||||
display: inline-block;
|
||||
float: left;
|
||||
/*font-weight: 800;*/
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.nowTime li div{
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
.nowTime li p {
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 12px;
|
||||
}
|
||||
.container-header .location{
|
||||
position: absolute;
|
||||
right:17px;
|
||||
top:46px;
|
||||
}
|
||||
.location i{
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
color:#7e9bc6;
|
||||
}
|
||||
.location span{
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
color:#168fcd;
|
||||
}
|
||||
|
||||
.container-header h3{
|
||||
line-height: 74px;
|
||||
font-size: 40px;
|
||||
font-weight: 800;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
/* 边角 */
|
||||
.left-top,.right-top,.left-bottom,.right-bottom{
|
||||
position:absolute;
|
||||
width:13px;
|
||||
height:13px;
|
||||
}
|
||||
.left-top{
|
||||
left:0;
|
||||
top:0;
|
||||
border-left:solid 2px #045291;
|
||||
border-top:solid 2px #045291;
|
||||
}
|
||||
.right-top{
|
||||
right:0;
|
||||
top:0;
|
||||
border-right:solid 2px #045291;
|
||||
border-top:solid 2px #045291;
|
||||
}
|
||||
.left-bottom{
|
||||
left:0;
|
||||
bottom:0;
|
||||
border-left:solid 2px #045291;
|
||||
border-bottom:solid 2px #045291;
|
||||
}
|
||||
.right-bottom{
|
||||
right:0;
|
||||
bottom:0;
|
||||
border-right:solid 2px #045291;
|
||||
border-bottom:solid 2px #045291;
|
||||
}
|
||||
|
||||
.resource-right .com-count-title{
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
.com-count-title{
|
||||
color:#1bb4f9;
|
||||
padding:20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
.com-screen-content{
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
.com-screen-content2{
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
.filter-type{
|
||||
font-size: 0;
|
||||
}
|
||||
.filter-type li:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.filter-type li{
|
||||
display: inline-block;
|
||||
width:120px;
|
||||
line-height: 40px;
|
||||
font-family: myFirstFont;
|
||||
font-size: 20px;
|
||||
text-align:center ;
|
||||
color:#024f9b;
|
||||
border:solid 1px #075797;
|
||||
background:#0d2343;
|
||||
}
|
||||
.filter-type li.active{
|
||||
color:white;
|
||||
background:#0c182d;
|
||||
border:solid 1px #1bb9f9;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.container-content{
|
||||
padding:10px 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.count-base,.count-resource,.count-share,.count-topic{
|
||||
position:relative;
|
||||
padding:20px;
|
||||
margin-top: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.com-count-title{
|
||||
|
||||
color:#1bb4f9;
|
||||
font-size: 16px;
|
||||
padding:0;
|
||||
}
|
||||
.count-base{
|
||||
|
||||
margin-left:10px;
|
||||
float:left;/*浮动*/
|
||||
width:32%;
|
||||
height:350px;
|
||||
background: url('../images/left-top3.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
|
||||
}
|
||||
.count-resource{
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
width:32%;
|
||||
height:350px;
|
||||
background: url('../images/left-top3.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
.count-share{
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
width:48.4%;
|
||||
height:350px;
|
||||
background: url('../images/left-bottom2.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.count-topic{
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
width:48.4%;
|
||||
height:350px;
|
||||
background: url('../images/left-bottom2.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
.data-label{
|
||||
position:absolute;
|
||||
top:20px;
|
||||
right:10px;
|
||||
}
|
||||
.data-label li{
|
||||
float:left;
|
||||
width: 90px;
|
||||
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #828c9d;
|
||||
}
|
||||
.data-label li:hover,.data-label li.active{
|
||||
color: #fff;
|
||||
background: url("../images/choose-item.png") center no-repeat;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@charset "utf-8";
|
||||
/* author lyc */
|
||||
|
||||
*{ margin:0px; padding:0px; font-family:'微软雅黑'; -webkit-tap-highlight-color:rgba(0,0,0,0); }
|
||||
li{ list-style:none }
|
||||
img{ border:none}
|
||||
a{text-decoration:none;}
|
||||
|
||||
|
||||
/* -------------------------摇奖排行榜----------------------------------- */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.topRec_List dl,.maquee{ width:90%; overflow:hidden; margin:0 auto; color:#f0ece2}
|
||||
.topRec_List dd{ float:left; text-align:left; border-bottom:1px solid #1B96EE; color:#1B96EE;font-size:14px;}
|
||||
.topRec_List dl dd:nth-child(1){ width:50%; height:40px; line-height:40px; }
|
||||
.topRec_List dl dd:nth-child(2){ width:30%; height:40px; line-height:40px; }
|
||||
.topRec_List dl dd:nth-child(3){ width:20%; height:40px; line-height:40px; }
|
||||
|
||||
.maquee{ height:195px;}
|
||||
.topRec_List ul{ width:100%; height:195px;}
|
||||
.topRec_List li{ width:100%; height:38px; line-height:38px; text-align:left; font-size:9px;color:#76dbd1}
|
||||
/*.topRec_List li:nth-child(2n){ background:#077cd0}*/
|
||||
.topRec_List li div{ float:left;}
|
||||
.topRec_List li div:nth-child(1){ width:50%;}
|
||||
.topRec_List li div:nth-child(2){ width:30%;}
|
||||
.topRec_List li div:nth-child(3){ width:20%;}
|
||||
|
||||
|
||||
.use-data{
|
||||
text-align: center;
|
||||
padding: 2px 0;
|
||||
margin-top:3%;
|
||||
height: 5%;
|
||||
background: url(../images/resource-use-data.jpg) center no-repeat;
|
||||
background-size:cover;
|
||||
border: solid 1px #093552;
|
||||
border-right: 0px;
|
||||
border-left: 0;
|
||||
}
|
||||
.use-data li{
|
||||
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: 14px;
|
||||
}
|
||||
.use-data .data-name{
|
||||
color:#1bb9f9;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,294 @@
|
||||
|
||||
/*common.css*/
|
||||
@font-face
|
||||
{
|
||||
font-family: myFirstFont;
|
||||
src: url('../font/Fette-Engschrift.ttf');
|
||||
}
|
||||
|
||||
body{
|
||||
|
||||
background: #081325 url(../images/interact.png) center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
div{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.clearfix{
|
||||
clear:both;
|
||||
}
|
||||
.container-header{
|
||||
width:100%;
|
||||
height:74px;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.container-header .nowTime{
|
||||
position: absolute;
|
||||
left:20px;
|
||||
top:41px;
|
||||
font-size: 0;
|
||||
}
|
||||
.container-header .nowTime li{
|
||||
display: inline-block;
|
||||
width:140px;
|
||||
height:40px;
|
||||
font-size: 30px;
|
||||
color:#fff;
|
||||
}
|
||||
.nowTime li{
|
||||
display: inline-block;
|
||||
float: left;
|
||||
/*font-weight: 800;*/
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.nowTime li div{
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
}
|
||||
.nowTime li p {
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 16px;
|
||||
}
|
||||
.container-header .location{
|
||||
position: absolute;
|
||||
right:17px;
|
||||
top:46px;
|
||||
}
|
||||
.location i{
|
||||
font-size: 18px;
|
||||
font-weight: 800;
|
||||
color:#7e9bc6;
|
||||
}
|
||||
.location span{
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
color:#168fcd;
|
||||
}
|
||||
|
||||
.container-header h3{
|
||||
line-height: 74px;
|
||||
font-size: 2.5vw;
|
||||
font-weight: 800;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
/* 边角 */
|
||||
.left-top,.right-top,.left-bottom,.right-bottom{
|
||||
position:absolute;
|
||||
width:13px;
|
||||
height:13px;
|
||||
}
|
||||
.left-top{
|
||||
left:0;
|
||||
top:0;
|
||||
border-left:solid 2px #045291;
|
||||
border-top:solid 2px #045291;
|
||||
}
|
||||
.right-top{
|
||||
right:0;
|
||||
top:0;
|
||||
border-right:solid 2px #045291;
|
||||
border-top:solid 2px #045291;
|
||||
}
|
||||
.left-bottom{
|
||||
left:0;
|
||||
bottom:0;
|
||||
border-left:solid 2px #045291;
|
||||
border-bottom:solid 2px #045291;
|
||||
}
|
||||
.right-bottom{
|
||||
right:0;
|
||||
bottom:0;
|
||||
border-right:solid 2px #045291;
|
||||
border-bottom:solid 2px #045291;
|
||||
}
|
||||
|
||||
.resource-right .com-count-title{
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
.com-count-title{
|
||||
color:#1bb4f9;
|
||||
padding:20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
.com-screen-content{
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
.com-screen-content2{
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
.filter-type{
|
||||
font-size: 0;
|
||||
}
|
||||
.filter-type li:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.filter-type li{
|
||||
display: inline-block;
|
||||
width:120px;
|
||||
line-height: 40px;
|
||||
font-family: myFirstFont;
|
||||
font-size: 20px;
|
||||
text-align:center ;
|
||||
color:#024f9b;
|
||||
border:solid 1px #075797;
|
||||
background:#0d2343;
|
||||
}
|
||||
.filter-type li.active{
|
||||
color:white;
|
||||
background:#0c182d;
|
||||
border:solid 1px #1bb9f9;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.container-content{
|
||||
padding:10px 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.count-base,.count-resource,.count-share,.count-topic{
|
||||
position:relative;
|
||||
padding:20px;
|
||||
margin-top: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.com-count-title{
|
||||
|
||||
color:#1bb4f9;
|
||||
font-size: 18px;
|
||||
padding:0;
|
||||
}
|
||||
.count-base{
|
||||
|
||||
margin-left:10px;
|
||||
float:left;/*浮动*/
|
||||
width:32%;
|
||||
height:350px;
|
||||
background: url('../images/left-top3.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
|
||||
}
|
||||
.count-resource{
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
width:32%;
|
||||
height:350px;
|
||||
background: url('../images/left-top3.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
.count-share{
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
width:48.4%;
|
||||
height:350px;
|
||||
background: url('../images/left-bottom2.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.count-topic{
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
width:48.4%;
|
||||
height:350px;
|
||||
background: url('../images/left-bottom2.jpg') center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
.data-label{
|
||||
position:absolute;
|
||||
top:20px;
|
||||
right:10px;
|
||||
}
|
||||
.data-label li{
|
||||
float:left;
|
||||
width: 120px;
|
||||
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #828c9d;
|
||||
}
|
||||
.data-label li:hover,.data-label li.active{
|
||||
color: #fff;
|
||||
background: url("../images/choose-item.png") center no-repeat;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@charset "utf-8";
|
||||
/* author lyc */
|
||||
|
||||
*{ margin:0px; padding:0px; font-family:'微软雅黑'; -webkit-tap-highlight-color:rgba(0,0,0,0); }
|
||||
li{ list-style:none }
|
||||
img{ border:none}
|
||||
a{text-decoration:none;}
|
||||
|
||||
|
||||
/* -------------------------摇奖排行榜----------------------------------- */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.topRec_List dl,.maquee{ width:90%; overflow:hidden; margin:0 auto; color:#f0ece2}
|
||||
.topRec_List dd{ float:left; text-align:left; border-bottom:1px solid #1B96EE; color:#1B96EE;font-size:14px;}
|
||||
.topRec_List dl dd:nth-child(1){ width:50%; height:40px; line-height:40px; }
|
||||
.topRec_List dl dd:nth-child(2){ width:30%; height:40px; line-height:40px; }
|
||||
.topRec_List dl dd:nth-child(3){ width:20%; height:40px; line-height:40px; }
|
||||
|
||||
.maquee{ height:195px;}
|
||||
.topRec_List ul{ width:100%; height:195px;}
|
||||
.topRec_List li{ width:100%; height:38px; line-height:38px; text-align:left; font-size:12px;color:#76dbd1}
|
||||
/*.topRec_List li:nth-child(2n){ background:#077cd0}*/
|
||||
.topRec_List li div{ float:left;}
|
||||
.topRec_List li div:nth-child(1){ width:50%;}
|
||||
.topRec_List li div:nth-child(2){ width:30%;}
|
||||
.topRec_List li div:nth-child(3){ width:20%;}
|
||||
|
||||
|
||||
.use-data{
|
||||
text-align: center;
|
||||
padding: 2px 0;
|
||||
margin-top:3%;
|
||||
height: 5%;
|
||||
background: url(../images/resource-use-data.jpg) center no-repeat;
|
||||
background-size:cover;
|
||||
border: solid 1px #093552;
|
||||
border-right: 0px;
|
||||
border-left: 0;
|
||||
}
|
||||
.use-data li{
|
||||
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: 16px;
|
||||
}
|
||||
.use-data .data-name{
|
||||
color:#1bb9f9;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
@ -0,0 +1,19 @@
|
||||
|
||||
@font-face {font-family: "iconfont";
|
||||
src: url('iconfont.eot?t=1516847126977'); /* IE9*/
|
||||
src: url('iconfont.eot?t=1516847126977#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAV0AAsAAAAAB+QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kf/Y21hcAAAAYAAAABeAAABhpmMBr5nbHlmAAAB4AAAAZ8AAAHEm4J/L2hlYWQAAAOAAAAALgAAADYQPgYpaGhlYQAAA7AAAAAcAAAAJAfeA4RobXR4AAADzAAAAAwAAAAMC+kAAGxvY2EAAAPYAAAACAAAAAgAdgDibWF4cAAAA+AAAAAfAAAAIAESAF1uYW1lAAAEAAAAAUUAAAJtPlT+fXBvc3QAAAVIAAAALAAAAD21fvVfeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sE4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDwTZW7438AQw9zA0AAUZgTJAQAk6wyBeJzFkMENgDAMAy9t6QPx7Q48GIgXc3TirlFMKA8mqCXHimMpUYAFiOIhJrAL48Ep19yPrO4nz2SpEait9K7+U0U0y65BJTMNNm/1H5vXfXT6CnVQJ7byknADgzcL4wAAeJwtTz1v01AUfee92E5CYpNnx88fTezEbR40YAnjJGpRkoVEATFEysTWLGytxNSFwQsSkRiYUSeExC8oU8dKrF0ZEfyB/oAGHpSrq6Nzde450iEaIb9/sAvmEZvcI4/IU7IkBHofXZO20JF5SvtodrSmcEwmE9kxkm7KxhBd3XGzYd4TuqFbMNHG4042lCmVGOQT+gSZ2wL8MFjxvR3OPqDqyfbb7XP6Cc0o2bEmD7fPHkydLLbLpzXOfc7fl3VNK1NaskwcC7eiVar69rNmBc2L6D6NUPNl8OJlPQ75+l1+0toTFaAoYIex+WXaCBpq3wSuzX3jbr3sBfVk18HprzueXWv1fhI1JdW1YK9ZQRzSIxmZEKIlskdlitEEozaEq8pQg5kwdFe4XAy5EpTMUsjbDxN/VUXUmYLWPENc74cNlK7Ozq5KaIT714JvvjJYfnQ5Gl1GvgV2vlkcUXq0uMV8Tuk8/4dFNcar1XjWV16V0J+NV9uPMfumHPLwYLr9vlxCTg8O5eb85gbr/wGLNXYxzwczSmeDfP4H2qRQkwB4nGNgZGBgAOKN3SqC8fw2Xxm4WRhA4Fp/ohiC/t/AwsDcAORyMDCBRAH/0wjqAAB4nGNgZGBgbvjfwBDDwgACQJKRARUwAwBHCQJsBAAAAAPpAAAEAAAAAAAAAAB2AOJ4nGNgZGBgYGYIZGBlAAEmIOYCQgaG/2A+AwAQ9wFwAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJmRiZGZkYWBsYI/qTS/NDcxv6Q0KTMx38iYgQEATDMGhQ==') format('woff'),
|
||||
url('iconfont.ttf?t=1516847126977') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||||
url('iconfont.svg?t=1516847126977#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family:"iconfont" !important;
|
||||
font-size:16px;
|
||||
font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-buoumaotubiao23:before { content: "\e615"; }
|
||||
|
||||
|
After Width: | Height: | Size: 867 B |
|
After Width: | Height: | Size: 345 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,204 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>政务大数据共享交换平台</title>
|
||||
<link rel="stylesheet" href="icon/iconfont.css">
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/echarts.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-header">
|
||||
<ul class="nowTime">
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<div class="location">
|
||||
<i class="icon iconfont icon-buoumaotubiao23"></i>
|
||||
<span class="areaName"></span>
|
||||
</div>
|
||||
<h3>政务大数据共享交换平台</h3>
|
||||
</div>
|
||||
<div class="container-content">
|
||||
<div class="top">
|
||||
<div class="count-base" >
|
||||
<div class="com-count-title">资源总量构成</div>
|
||||
<div class="com-screen-content">
|
||||
|
||||
<div id="main1" style="width:100%;height:300px;"></div>
|
||||
</div>
|
||||
<span class="left-top"></span>
|
||||
<span class="right-top"></span>
|
||||
<span class="left-bottom"></span>
|
||||
<span class="right-bottom"></span>
|
||||
</div>
|
||||
<div class="count-resource q1">
|
||||
<div class="com-count-title">资源总量统计</div>
|
||||
<div class="com-screen-content2">
|
||||
<ul class="use-data">
|
||||
<li>
|
||||
<p class="data-count">15681 </p>
|
||||
<span class="data-name">数据总量</span>
|
||||
</li>
|
||||
<li>
|
||||
<p class="data-count"> 1731</p>
|
||||
<span class="data-name">更新量</span>
|
||||
</li>
|
||||
<li>
|
||||
<p class="data-count">11753</p>
|
||||
<span class="data-name">共享次数</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="com-screen-content">
|
||||
<div id="main2" style="margin-top:10px;width:100%;height:240px;"></div>
|
||||
</div>
|
||||
<span class="left-top"></span>
|
||||
<span class="right-top"></span>
|
||||
<span class="left-bottom"></span>
|
||||
<span class="right-bottom"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="count-resource q2">
|
||||
<div class="com-count-title">基础库统计</div>
|
||||
|
||||
|
||||
<div class="com-screen-content">
|
||||
<ul class="data-label">
|
||||
<li class="active" data-type="1">法人库</li>
|
||||
<li data-type="2">人口库</li>
|
||||
<li data-type="3">电子证照库</li>
|
||||
</ul>
|
||||
<ul class="use-data">
|
||||
|
||||
</ul>
|
||||
<div id="main3" style="margin-top:10px;width:100%;height:240px;"></div>
|
||||
</div>
|
||||
<span class="left-top"></span>
|
||||
<span class="right-top"></span>
|
||||
<span class="left-bottom"></span>
|
||||
<span class="right-bottom"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mid">
|
||||
<div class="count-share w1" >
|
||||
<div class="com-count-title">数据共享次数</div>
|
||||
<div class="com-screen-content">
|
||||
<div class="topRec_List">
|
||||
<dl>
|
||||
<dd>资源名称</dd>
|
||||
<dd>调用方</dd>
|
||||
<dd>调用时间</dd>
|
||||
</dl>
|
||||
<div class="maquee">
|
||||
<ul>
|
||||
<li>
|
||||
<div>审计局主要职责</div>
|
||||
<div>审计局</div>
|
||||
<div>08:20:26 </div>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<div>残联主要职责</div>
|
||||
<div>残联</div>
|
||||
<div>08:20:36 </div>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<div>委老干部局主要职责</div>
|
||||
<div>老干部局</div>
|
||||
<div>08:20:46 </div>
|
||||
</li>
|
||||
<li>
|
||||
<div>公安局主要职责</div>
|
||||
<div>公安局</div>
|
||||
<div>08:20:56</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>更多精美大屏</div>
|
||||
<div>关注公众号</div>
|
||||
<div>DreamCoders</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>交通运输局主要职责</div>
|
||||
<div>完全免费分享</div>
|
||||
<div>08:21:07</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="left-top"></span>
|
||||
<span class="right-top"></span>
|
||||
<span class="left-bottom"></span>
|
||||
<span class="right-bottom"></span>
|
||||
</div>
|
||||
<div class="count-share w2" >
|
||||
<div class="com-count-title">数据共享次数</div>
|
||||
<div class="com-screen-content">
|
||||
<div id="main5" style="width:100%;height:300px;"></div>
|
||||
</div>
|
||||
<span class="left-top"></span>
|
||||
<span class="right-top"></span>
|
||||
<span class="left-bottom"></span>
|
||||
<span class="right-bottom"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<div class="count-topic e1" >
|
||||
<div class="com-count-title">主题库统计</div>
|
||||
<div class="com-screen-content">
|
||||
<div id="main6" style="width:100%;height:300px;"></div>
|
||||
</div>
|
||||
<span class="left-top"></span>
|
||||
<span class="right-top"></span>
|
||||
<span class="left-bottom"></span>
|
||||
<span class="right-bottom"></span>
|
||||
</div>
|
||||
<div class="count-topic e2" >
|
||||
<div class="com-count-title">主题库共享次数</div>
|
||||
<div class="com-screen-content">
|
||||
<div id="main7" style="width:100%;height:300px;"></div>
|
||||
</div>
|
||||
<span class="left-top"></span>
|
||||
<span class="right-top"></span>
|
||||
<span class="left-bottom"></span>
|
||||
<span class="right-bottom"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
//根据不同的分辨率调用不同的css和js
|
||||
if(window.screen.width>=1600){
|
||||
document.write("<link href='css/test-1920.css' rel='stylesheet' type='text/css'>");
|
||||
|
||||
document.writeln("<script type=\"text/javascript\" src=\"js/test-1920.js\"><\/script>");
|
||||
}
|
||||
else if(window.screen.width<1600&&window.screen.width>=1280){
|
||||
document.write("<link href='css/test-1280.css' rel='stylesheet' type='text/css'>");
|
||||
|
||||
document.writeln("<script type=\"text/javascript\" src=\"js/test-1280.js\"><\/script>");
|
||||
}else{
|
||||
document.write("<link href='css/test-1024.css' rel='stylesheet' type='text/css'>");
|
||||
|
||||
document.writeln("<script type=\"text/javascript\" src=\"js/test-1024.js\"><\/script>");
|
||||
}
|
||||
</script>
|
||||
<!--大屏-->
|
||||
<script type="text/javascript">
|
||||
function autoScroll(obj){
|
||||
$(obj).find("ul").animate({
|
||||
marginTop : "-39px"
|
||||
},500,function(){
|
||||
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
|
||||
})
|
||||
}
|
||||
$(function(){
|
||||
setInterval('autoScroll(".maquee")',2000);
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 27 KiB |
Loading…
Reference in new issue