392 lines
7.5 KiB
CSS
392 lines
7.5 KiB
CSS
*{
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
|
|
-webkit-user-select: none; /* Safari */
|
|
-moz-user-select: none; /* Firefox */
|
|
-ms-user-select: none; /* IE10+/Edge */
|
|
user-select: none; /* Standard syntax */
|
|
}
|
|
|
|
.t-main{
|
|
|
|
}
|
|
.t-main1{
|
|
width: 24rem;
|
|
height: 12.025rem;
|
|
background-image:url(../images/index/bj0.png) ;
|
|
background-size: 100% 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
body::-webkit-scrollbar{
|
|
display: none;
|
|
}
|
|
.t-main::-webkit-scrollbar{
|
|
display: none;
|
|
}
|
|
#t-main,.t-main{
|
|
background-image:url(../images/index/bj0.png) ;
|
|
background-size: 100% 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 24rem;
|
|
height: 13.5rem;
|
|
|
|
}
|
|
/* background-image:url(../images/index/002.png), url(../images/index/bj0.png) ;
|
|
background-size: 11.25rem 1rem,100% 100%;
|
|
background-position: bottom center,center;
|
|
background-repeat: no-repeat;*/
|
|
.t-head{
|
|
height: 1.3rem;
|
|
width: 100%;
|
|
background: #263746;
|
|
position: relative;
|
|
}
|
|
.c_lang{
|
|
position:absolute;
|
|
bottom: 0; right: 10px;
|
|
}
|
|
.t-head>.t-head-top{
|
|
height: .925rem;
|
|
width: 100%;
|
|
background-image: url(../images/index/01.png);
|
|
}
|
|
.t-head>.t-head-sets{
|
|
height: .375rem;
|
|
width: 100%;
|
|
font-size: .175rem;
|
|
}
|
|
|
|
.t-head>.t-head-top>.t-head-navs{
|
|
width: calc((100% - 9.95rem) / 2);
|
|
height: .625rem;
|
|
padding: 0 .25rem;
|
|
}
|
|
.t-head>.t-head-top>.t-head-navs>.t-head-nav{
|
|
color: #FFFFFF;
|
|
font-size: .25rem;
|
|
height: .4625rem;
|
|
padding: .025rem .1875rem;
|
|
margin: 0 .25rem;
|
|
}
|
|
.t-head>.t-head-top>.t-head-navs>.t-head-nav-hover{
|
|
background-image: url(../images/index/nav_hover.png);
|
|
background-size: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.t-head>.t-head-top>.t-head-log{
|
|
height: .925rem;
|
|
width: 9.95rem;
|
|
color: #F0F6FB;
|
|
font-size: .375rem;
|
|
letter-spacing: .05rem;
|
|
padding: 0 1rem;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.t-head-sets>.t-head-set{
|
|
color: #FFFFFF;
|
|
margin: 0 .1875rem;
|
|
padding-left: .25rem;
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
}
|
|
|
|
|
|
.news{
|
|
background-image: url(../images/t01.svg);
|
|
}
|
|
.user{
|
|
background-image: url(../images/t02.svg);
|
|
}
|
|
.set{
|
|
background-image: url(../images/t03.svg);
|
|
}
|
|
.exit{
|
|
background-image: url(../images/t04.svg);
|
|
}
|
|
.full{
|
|
background-image: url(../images/t05.svg);
|
|
}
|
|
|
|
.t-body{
|
|
padding: .25rem .5rem;
|
|
}
|
|
.t-side{
|
|
width: 6.0625rem;
|
|
}
|
|
.lw-tit>.lw-item{
|
|
width: 1.475rem;
|
|
height: 1rem;
|
|
background-color: #254056;
|
|
color: #ffffff;
|
|
padding: .05rem;
|
|
}
|
|
.lw-tit > .lw-item > .lw-item-lab {
|
|
font-size: .25rem;
|
|
height: .5rem;
|
|
color: #A9DDEE;
|
|
border-bottom: 1px solid #00BEFF;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
.lw-tit > .lw-item > .lw-item-val {
|
|
height: calc(100% - .5rem);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: .35rem;
|
|
}
|
|
.t-side>.t-side-tit{
|
|
height: .45rem;
|
|
line-height: .45rem;
|
|
padding-left: .75rem;
|
|
background-image: url(../images/index/02.png);
|
|
background-size: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
|
|
color: #FFFFFF;
|
|
font-size: .25rem;
|
|
position: relative;
|
|
}
|
|
|
|
/* 项目统计 */
|
|
.t-xmtj{
|
|
width: 100%;
|
|
height: 2.175rem;
|
|
margin-bottom: .5rem;
|
|
margin-top: .25rem;
|
|
}
|
|
.t-xmtj-box{
|
|
height: 2.175rem;
|
|
width: 2.25rem;
|
|
background-image: url(../images/index/03.png);
|
|
background-size: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
padding-top: .25rem;
|
|
}
|
|
.t-xmtj-box>.t-xmtj-box-lab{
|
|
color: #FFFFFF;
|
|
font-size: .225rem;
|
|
padding: 0 .25rem;
|
|
text-align: center;
|
|
}
|
|
.t-xmtj-box>.t-xmtj-box-val{
|
|
font-size: .375rem;
|
|
}
|
|
|
|
.t-aqtj{
|
|
width: 100%;
|
|
height: 2.3rem;
|
|
margin-bottom: .25rem;
|
|
}
|
|
|
|
.t-xcsp {
|
|
width: 100%;
|
|
height: 3.6rem;
|
|
margin-top: .25rem;
|
|
position: relative;
|
|
overflow: hidden;
|
|
box-sizing: border-box
|
|
}
|
|
.t-xcsp>video{
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: #000000;
|
|
}
|
|
/* 质量统计 */
|
|
.t-zltj{
|
|
height: 2.575rem;
|
|
width: 100%;
|
|
margin-bottom: .5rem;
|
|
margin-top: .25rem;
|
|
padding: 0 .25rem;
|
|
}
|
|
|
|
.t-zltj>.zl-box-tit>.zl-box-tit-item{
|
|
width: 1.6rem;
|
|
height: .75rem;
|
|
padding: .075rem 0;
|
|
background-image: url(../images/r01.png);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
}
|
|
.t-zltj>.zl-box-tit>.zl-box-tit-item>.zl-box-tit-item-val{
|
|
font-size: .25rem;
|
|
}
|
|
.t-zltj>.zl-box-tit>.zl-box-tit-item>.zl-box-tit-item-lab{
|
|
font-size: .175rem;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.zl-box-maps{
|
|
margin-top: .25rem;
|
|
height: 1.425rem;
|
|
}
|
|
#zl-map{
|
|
height: 100%;
|
|
width: 1.25rem;
|
|
}
|
|
#zl-map1{
|
|
height: 100%;
|
|
width: 1.25rem;
|
|
}
|
|
#zl-map2{
|
|
height: 100%;
|
|
width: 1.25rem;
|
|
}
|
|
|
|
/* 现场动态 */
|
|
.xc-box{
|
|
height: 2.25rem;
|
|
width: 100%;
|
|
margin-bottom: .5rem;
|
|
margin-top: .25rem;
|
|
}
|
|
.xc-box>.xc-box-ul{
|
|
height: 100%;
|
|
overflow: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
.xc-box>.xc-box-ul::-webkit-scrollbar{
|
|
display: none;
|
|
}
|
|
.xc-box>.xc-box-ul>.xc-box-li{
|
|
height: .375rem;
|
|
color: #FFFFFF;
|
|
font-size: .175rem;
|
|
line-height: .375rem;
|
|
font-size: .175rem;
|
|
padding: 0 .25rem;
|
|
width: 100%;
|
|
background-image: linear-gradient(to right, #1C749F 50%, rgba(255,255,255,0) 0%); /* 35%设置虚线点y轴上的长度 */
|
|
background-position: bottom; /* right配置右边框位置的虚线 */
|
|
background-size: 10px 1px;
|
|
background-repeat: repeat-x;
|
|
|
|
}
|
|
.t-xc{
|
|
width: 100%;
|
|
height: 3.6rem;
|
|
margin-top: .25rem;
|
|
position: relative;
|
|
border: 1px solid #1F668D;
|
|
}
|
|
|
|
.t-xc>.swiper{
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow:hidden;
|
|
}
|
|
.t-center{
|
|
width: calc(100% - 12.125rem);
|
|
height: 800px;
|
|
}
|
|
.t-xm{
|
|
height: 2rem;
|
|
width: 100%;
|
|
margin-top: 1rem;
|
|
}
|
|
.t-xm-box{
|
|
height: 2rem;
|
|
width: 3.25rem;
|
|
margin: 0 .25rem;
|
|
padding-left: 1rem;
|
|
padding-top: .5rem;
|
|
background-image: url(../images/index/001.png);
|
|
background-size: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.t-xm-box>.t-xm-lab{
|
|
color: #FFFFFF;
|
|
font-size: .175rem;
|
|
}
|
|
|
|
.t-xm-box>.t-xm-val{
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.t-xm-box>.t-xm-val>span:first-child{
|
|
font-size: .375rem;
|
|
}
|
|
.t-china-map{
|
|
margin-top: .75rem;
|
|
width: 100%;
|
|
height: 7.5rem;
|
|
}
|
|
.image-full{
|
|
background-size: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.flex-row{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.flex-column{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.flex-center{
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.flex-start{
|
|
justify-content: flex-start;
|
|
}
|
|
.flex-end{
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.flex-between{
|
|
justify-content: space-between;
|
|
}
|
|
.flex-around{
|
|
justify-content: space-around;
|
|
}
|
|
|
|
|
|
.flex-item-start{
|
|
align-items: flex-start;
|
|
}
|
|
.flex-item-end{
|
|
align-items: flex-end;
|
|
}
|
|
.flex-item-center{
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
.color1{
|
|
color: #00FFFF;
|
|
}
|
|
.color2{
|
|
color: #12CDA2;
|
|
}
|
|
.color3{
|
|
color: #FF7474;
|
|
}
|
|
.color4{
|
|
color: #FFA602;
|
|
}
|
|
.color5{
|
|
color: #E9E931;
|
|
} |