< type="text/css">
.user{
float: right;
position: relative;
}
.user>.login-others{
margin-left: 15px;
}
.login-others>ul{
display:none;
font-size:16px;
font-weight:normal;
position: absolute;
width: 143px;
background: #fff;
z-index: 900;
box-sizing: border-box;
-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.18);
box-shadow: 0 3px 4px rgba(0,0,0,0.18);
-webkit-transition: -webkit-box-shadow .2s;
transition: box-shadow .2s;
border-top: 1px solid #e8e8e8;
right: -57px;
}
.login-others:hover>ul{
display:block;
}
.login-others>ul>*{
display: block!important;
color: #333;
padding: 0 20px;
margin:0;
box-sizing: border-box;
}
.login-others>ul>a:hover{
background:#4eaae4;
color:#fff;
text-decoration: none!important;
}
.login-others>ul>*:hover i path{
fill:#fff;
}
.login-others>ul>* i svg{
vertical-align: middle;
}
.login-others>ul>span{
line-height: 1.5em;
text-align: center;
cursor: default;
padding: 8px 5px;
border-bottom: 1px solid #e8e8e8;
}
.login-others span svg{
vertical-align: middle;
}
.login-others>ul>*:before{
display:none;
}
@media screen and (max-width: 1000px) {
.user{
padding-right:10px;
}
}
<>
.code{
position: fixed;
top: 415px;
width: 110px;
border: solid 1px #e6e6e6;
padding: 6px;
box-sizing:border-box;
font-family: "Microsoft Yahei";
background: #fff;
}
.code.left{
right: 50%;
margin-right: 610px;
}
.code.right{
left: 50%;
margin-left: 610px;
}
.code>img{
display: block;
width: 100%;
box-sizing:border-box;
}
.code>span{
display: block;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 1.25em;
padding-top: 5px;
color: #da0010;
}
.code>span>em {
display: inline-block;
width: 12px;
text-align: center;
font-size: 14px;
line-height: 1.25em;
}
@media screen and (max-width: 1600px) {
.code {
display: none;
}
}
郑好办APP
-
-
-
-
<>
#slider-wrap{
height: 60px;
overflow: hidden;
}
@media screen and (max-width:1002px) {
#slider-wrap{
height: auto;
}
}
< type="text/css">
.focus-img * {
outline: none;
}
.focus-img.owl-carousel .item {
display: block;
position: relative;
padding-top: 56%;
background-color: black;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.focus-img.owl-carousel .item:after {
content: attr(title);
display: block;
position: absolute;
bottom: 0;
width: 100%;
color: white;
box-sizing: border-box;
line-height: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 150px;
padding-left: 16px;
padding-top: 24px;
background: rgba(0,0,0,0.5);
background: -webkit-linear-gradient(toprgba(0,0,0,0.5)transparent);
background: -moz-linear-gradient(toprgba(0,0,0,0.5)transparent);
background: -o-linear-gradient(toprgba(0,0,0,0.5)transparent);
background: linear-gradient(to toprgba(0,0,0,0.5)transparent);
}
.focus-img.owl-carousel .owl-nav.disabled+.owl-dots {
position: absolute;
right: 10px;
bottom: 4px;
}
.focus-img.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
width: 18px;
background: #426fed;
}
@media screen and (max-width:720px){
.owl-theme .owl-dots .owl-dot span{
margin: 3px 2px;
width: 3px;
height: 3px;
}
.focus-img.owl-carousel .owl-nav.disabled+.owl-dots{
bottom: 8px;
}
.focus-img.owl-carousel .item:after{
padding-right:60px;
}
}
< type="text/css">
.special_column * {
outline: none;
}
.special_column.owl-carousel .item {
margin: 2px;
display: block;
position: relative;
padding-top: 0%;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.special_column.owl-carousel .item a{
display: block;
}
.special_column.owl-carousel.owl-theme .owl-nav{
display: block;
position: absolute;
margin: 0;
height: 22px;
padding-top: 6px;
width: 100%;
z-index: 9;
}
.special_column.owl-carousel.owl-theme .owl-nav .owl-prev,
.special_column.owl-carousel.owl-theme .owl-nav .owl-next{
position: absolute;
top: 0;
display: inline-block;
width: 24px;
height: 22px;
height: 100%;
margin: -70px 0 0;
opacity: 0.5;
}
.special_column.owl-carousel.owl-theme .owl-nav .owl-prev{
left: 1px;
background: url(/r/cms/jinshui/cn/images/owl-prev.png) center center no-repeat;
}
.special_column.owl-carousel.owl-theme .owl-nav .owl-next{
right: 1px;
background: url(/r/cms/jinshui/cn/images/owl-next.png) center center no-repeat;
}
.special_column.owl-carousel.owl-theme .owl-nav .owl-prev:hover,
.special_column.owl-carousel.owl-theme .owl-nav .owl-next:hover{
filter: Alpha(Opacity=100);
opacity: 1;
text-decoration: none;
}
.special_column.owl-carousel.owl-theme .owl-nav .owl-prev >span,
.special_column.owl-carousel.owl-theme .owl-nav .owl-next >span{
display: none;
}
.special_column.owl-carousel .owl-dots {
display: none;
}
@media screen and (max-width: 1000px){
.special_column.owl-carousel.owl-theme .owl-nav{
display: none;
}
}
< type="text/css">
.toolbar{
position:fixed;
right:5px;
bottom:320px;
z-index:999;
background:#fafafa;
border:1px solid #dcdcdc;
font-size:14px;
text-align:center;
}
.toolbar a{
color:#333;
text-decoration:none;
}
/*图标及文字*/
.toolbar-item{
display:block;
width:5em;
padding:15px 5px 15px;
border-top:1px solid #dcdcdc;
margin-top:-1px;
position:relative;
cursor:default;
}
.toolbar-item[href]{
cursor:pointer;
}
.toolbar-item > i svg{
display:block;
margin:0 auto;
width:30px;
height:30px;
color:#3671cf;
}
.toolbar-item > div{
padding-top:5px;
}
/*弹出框*/
.toolbar-item > div.toolbar-layer{
font-size:14px;
position:absolute;
top:0px;
right:calc(5em + 22px);
width:auto;
height:auto;
background-color:#fff;
padding:8px 8px 5px;
box-sizing:border-box;
border:1px solid #e8e8e8;
opacity:0;
filter:alpha(opacity=0);
transform-origin:95% 95%;
-moz-transform-origin:95% 95%;
-ms-transform-origin:95% 95%;
-o-transform-origin:95% 95%;
-webkit-transform-origin:95% 95%;
transform:scale(0.01);
-moz-transform:scale(0.01);
-ms-transform:scale(0.01);
-o-transform:scale(0.01);
-webkit-transform:scale(0.01);
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.toolbar-item:hover .toolbar-layer.toolbar-item.focus .toolbar-layer{
opacity:1;
filter:alpha(opacity=100);
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}
/*弹出框的文字*/
.toolbar-layer > em{
display:block;
line-height:1.25em;
padding-top:5px;
}
/*弹出多行文字*/
.toolbar-layer > p{
margin:0;
width:9em;
line-height:1.5em;
}
.toolbar-layer > p > i{
display:block;
padding-bottom:5px;
font-:normal;
}
/*添加右三角*/
.toolbar-layer:after{
position:absolute;
content:"";
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAA1UlEQVQoU43SPwrCMBTH8UwiiK7ewcFd8AYexNUzOHkHF1fP0EFEUCdxURFJW2rATgELhVAIz98rBgqmxQffQsKH/hdSSosmRCSaEsaYexiGsHKBej7E8YGste84jk+AAepUgauEbtI03QBe0BjLesiTZdkR8IlmqI0tP+QpikJFUXQFXGJZD3n4vpVSO+A9GtZCN1prxsG/cNsIv5c+o4EXVh5mhbrY+n2YPM/5DA80RS1ssfG+8BcaYVkCVwn5VSRJcgBYo34VuNxPcQOYI+93JiLxAcK+Bgj+rxI0AAAAAElFTkSuQmCC);
width:10px;
height:15px;
right:-9px;
top:30px;
}
.toolbar-layer img{
width:110px;
height:110px;
display:block;
}
@media screen and (max-width:1000px){
.toolbar{
display:none;
}
}
|
主办单位：郑州市金水区人民政府办公室
地址：郑州市金水区东风路16号
邮编：450002
联系电话：0371-63526200
|
|
微信
APP(安卓版)
豫公网安备 41010502003491号