@charset "utf-8"; /** base setting **/ body,html{font-family:'Microsoft Yahei',Verdana, Arial, Helvetica, 'Simsun', sans-serif!important;margin:0;background:#f8fafc;} ul{margin:0;padding:0;list-style:none;} .common-content{width:1190px;margin:0 auto;} .clearfix{clear:both;} .text-danger{color:#f00;} .text-muted{color:#999;} .text-primary{color:#3e8be8;} .tab-pane{display:none;} .tab-pane.active{display:block;} /** link **/ a{color:#666;} a:hover{color:#de371c;text-decoration:none;} a:focus,a:active{text-decoration:none;} a.link-red{color:#de371c;} a.link-red:hover{color:#d14338;} a.link-blue{color:#1885cb;} a.link-blue:hover{color:#1576b3;} /** button **/ .btn{background-color:#de371c;color:#fff;} .btn:hover{background-color:#d14338;} .btn:hover,.btn:focus,.btn:active{color:#fff;} .btn-border,.btn-border:focus{background-color:#fffaf4;border-color:#de371c;color:#de371c;} .btn-gray{background-color:#eee;color:#999;} .btn-gray:focus,.btn-gray:active{color:#999;} .btn-gray:hover{background-color:#ddd;color:#666;} .btn-orange{background-color:#fb8320;} .btn-orange:focus,.btn-orange:active{background-color:#e5781e;} .btn-orange:hover{background-color:#e5781e;} .btn-orange.btn-border{background-color:#fff;border-color:#fb8320;color:#fb8320;} .btn-orange.btn-border:focus,.btn-orange.btn-border:active{background-color:#fff;color:#fb8320;} .btn-orange.btn-border:hover{background-color:#e5781e;color:#fff;} .btn-blue{background-color:#6e85af;} .btn-blue:focus,.btn-blue:active,.btn-blue:hover{background-color:#5d7ab0;} .btn-blue.btn-border{background-color:#fff;border-color:#6e85af;color:#6e85af;} .btn-blue.btn-border:focus,.btn-blue.btn-border:active{background-color:#fff;color:#6e85af;} .btn-blue.btn-border:hover{background-color:#6e85af;color:#fff;} /*** 下拉菜单-列表 ***/ header .popover{max-width:none;border:none;border-radius:0;} header .popover.bottom > .arrow{border-bottom-color:#eee;} .popover-group{padding:10px 0;overflow:hidden;;} .popover-group + .popover-group{border-top:1px #ddd solid;} .popover-group > *{float:left;} .popover-group .group-title{width:10%;} .popover-group .group-content{width:90%;} /** header **/ header{background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);} .common-topbar-main{background:#c50001 url(../img/bg-topbar.png) no-repeat top center;color:#fff;} .common-topbar-brand{float:left;height:70px;width:226px;margin-right:370px;overflow:hidden;background:url(../img/ico-topbar-brand.png) no-repeat 0 0;text-indent:-180px;} .common-topbar-navlist li{display:inline-block;margin-right:20px;line-height:67px;font-weight:bold;} .common-topbar-navlist li.pull-right{margin-right:0;} .common-topbar-navlist a{display:block;color:#fff;border-bottom:3px #c50001 solid;} .common-topbar-navlist .active a, .common-topbar-navlist a:hover{color:#ff0;font-weight:bold;border-color:#ff0;} .common-topbar-navlist li.pull-right a{margin:24px 0;padding:0 5px;border:1px #e89999 solid;border-radius:5px;line-height:22px;font-size:12px;font-weight:normal;} .common-topbar-navlist li.pull-right a:hover{background:#fff;color:#c50001;} /*** 顶部灰色栏 ***/ /*.common-topbar-sub{background:#f5f5f5;font-size:12px;} .common-topbar-localinfo{float:left;margin:9px 0;} .common-topbar-localinfo span{margin:0 5px;} .text-weather{color:#2b81e8;} .text-tempmax{color:#e8b96b;} .text-tempmin{color:#50b54b;} .ico-weather{display:inline-block;height:16px;width:23px;background:url(../img/ico-topbat-weather.png) no-repeat;vertical-align:text-bottom;} .ico-weather.sunny{background-position:0 0;} .common-topbar-wireless, .common-topbar-loginlink{float:right;margin:9px 0;padding:0;list-style:none;} .common-topbar-wireless li{position:relative;display:inline-block;margin-left:10px;} .common-topbar-wireless{border-left:1px #ddd solid;} .common-topbar-loginlink li{display:inline-block;margin-right:10px;} .common-topbar-loginlink .btn-change{display:inline-block;padding:0 5px;border:1px #999 solid;border-radius:3px;color:#999;} .common-topbar-loginlink .btn-change:hover{border-color:#eb4b3f;color:#eb4b3f;}*/ /*** 头部移动端二维码 ***/ .common-filterbar-wireless{float:right;margin:16px 0 auto 30px;} .common-filterbar-wireless li{display:inline-block;} .common-filterbar-wireless li a{display:block;width:34px;line-height:34px;text-align:center;} .common-filterbar-wireless .link-popover-app{color:#999;font-size:28px;} .common-filterbar-wireless .link-popover-wechat{color:#999;font-size:18px;} /*** 头部站点定位 & 站点定位下拉菜单 ***/ .common-filterbar{position:relative;} .common-filterbar-logo{float:left;margin-top:10px; margin-bottom:20px;width:219px;height:43px;overflow:hidden;background:url(../img/ico-header-logo.png) no-repeat 0 0;} .common-filterbar-logo h1{margin:0;padding:0;text-indent:-160px;} .common-filterbar-site{float:left;width:285px;margin:22px auto 5px 20px;} .common-filterbar-site > span{margin-right:15px;cursor:pointer;font-size:16px;color:#333;} .common-filterbar-site > span.link-filterbar-sign{color:#d6002d;cursor:default;} .common-filterbar-site > span .glyphicon{color:#fcae28;} .common-filterbar-site > span span + .glyphicon{font-size:14px;color:#bbb;transition:transform 0.5s;} .common-filterbar-site > span:focus span + .glyphicon{transform:rotate(180deg);} .common-filterbar-site .popover{left:50%;top:40px;width:950px;margin-left:-595px;box-shadow:0 0 10px rgba(0,0,0,.2);} .common-filterbar-site .popover-content .popover-group{font-size:16px;line-height:200%} .common-filterbar-site .popover-content .group-title{text-align:right;} .common-filterbar-site .popover-content .popover-group ul{margin:0;padding:0;overflow:hidden;list-style:none;} .common-filterbar-site .popover-content .popover-group ul + ul{display:none;} .common-filterbar-site .popover-content .popover-group li{display:inline-block;padding:0 10px;margin-right:10px;color:#666;cursor:pointer;} .common-filterbar-site .popover-content .level3 li:hover, .common-filterbar-site .popover-content .popover-group li.active{background:#eb4b3f;color:#fff;} /*** 部门logo ***/ /*.common-branch-logo{position:absolute;left:50%;bottom:-15px;margin-left:-595px;}*/ .common-branch-logo{clear:both;margin:20px 0 10px;} .common-branch-logo h2{display:inline-block;margin:0;height:24px;overflow:hidden;font-size:18px;font-weight:bold;line-height:24px;color:#2b99ff;vertical-align:middle;} .common-branch-logo .label-branch{display:inline-block;margin-top:5px;padding:.2em .5em;border-radius:0;background-color:#2b99ff;font-weight:normal;vertical-align:top;} /*** 头部搜索框 ***/ .common-filterbar-search{float:right;width:550px;margin:16px 0 4px 0;} .common-filterbar-searchbox{position:relative;height:36px;border:1px #de371c solid;border-radius:3px;} .common-filterbar-searchfilter{position:absolute;top:7px;left:0;height:20px;width:18%;text-align:center;border-right:1px #ccc solid;line-height:20px;} .common-filterbar-searchfilter > a{display:block;color:#333;} .common-filterbar-searchbox > input{height:34px;width:100%;padding:0 13% 0 2%;line-height:34px;border:none;} .common-filterbar-searchbox > button{position:absolute;top:0;right:0;height:34px;width:11%;border:none;background:#de371c url('../img/ico-header-search-button.png') no-repeat center 9px;} .common-filterbar-searchbox > button:hover{background-color:#c50001;} .common-filterbar-searchlink{margin:5px 0;color:#999;} .common-filterbar-searchlink > *{display:inline-block;margin-right:8px;font-weight:normal;} .common-filterbar-searchlink a{color:#999;} .common-filterbar-searchlink a:hover{color:#eb4b3f;} #word{position:absolute;top:36px;z-index:99;width:100%;height:auto;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);} .click_work {padding:0 10px;color:#666;cursor:pointer;line-height:240%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .click_work:hover{background-color:#f8f8f8;} /* 部门自建页面 - 头部自定义样式 */ .customHeader_iframe{border:none;width:100%;height:140px;overflow:hidden;} .customFooter_iframe{border:none;width:100%;height:193px;overflow:hidden;} #customHeader_branch .common-filterbar > .common-content{height:70px;} #customHeader_branch .common-filterbar-site{margin-top:22px;width:280px;} #customHeader_branch .common-filterbar-site > span{cursor:default;} #customHeader_branch .common-filterbar-search{float:right;margin-top:15px;width:400px;} #customHeader_branch .common-filterbar-searchbox > input{padding-left:2%;} #customHeader_branch .common-navbar-login{margin-top:13px;} /*** 头部导航 & 头部导航下拉菜单 ***/ .common-navbar{position:relative;} .common-navbar-list{display:inline-block;margin:0;padding:0;list-style:none;} .common-navbar-list > li{display:inline-block;} .common-navbar-list > li > a{display:block;width:150px;text-align:center;line-height:40px;font-size:18px;color:#555;} .common-navbar-list > li > a > .glyphicon{font-size:14px;color:#bbb;transition:transform 0.5s;} .common-navbar-list > li > a:hover, .common-navbar-list > li.active > a, .common-navbar-list > li.active > a > .glyphicon, .common-navbar-list > li.popover-nav:hover > a, .common-navbar-list > li.popover-nav:hover > a > .glyphicon{color:#eb4b3f;} .common-navbar-list > li.popover-nav.active a .glyphicon{transform:rotate(180deg);} .common-navbar .popover{top:40px;left:0;margin-top:0;width:100%;z-index:101;} .common-navbar .popover-content{border-top:2px #eb4b3f solid;} .common-navbar .popover.bottom > .arrow{border-top:3px #fff solid;border-bottom-color:#eb4b3f;} .popover-nav .popover-group{line-height:40px;} .popover-nav .popover-group .group-title{font-weight:bold;} .popover-nav .popover-group .group-content ul{overflow:hidden;} .popover-nav .popover-group .group-content li{float:left;display:block;} .popover-nav .list-gr-multitude{line-height:78px;} .popover-nav .list-gr-multitude li{width:20%;} .popover-nav .list-gr-multitude li > a{margin: 0 10px 0 0;padding-left:100px;border-radius:5px;background:url('../img/ico-nav-gr-multitude.png') no-repeat;font-size:16px;} .popover-nav .list-gr-multitude li > a.link-gr-multitude-bsjm{background-position:0 0;color:#eb4b3f;} .popover-nav .list-gr-multitude li > a.link-gr-multitude-fbsjm{background-position:-230px 0;color:#5bc478;} .popover-nav .list-gr-multitude li > a.link-gr-multitude-syrs{background-position:-460px 0;color:#5db8cf;} .popover-nav .list-gr-multitude li > a.link-gr-multitude-jwrs{background-position:-690px 0;color:#f88648;} .popover-nav .list-gr-multitude li > a.link-gr-multitude-bsjm:hover{background-position:0 -78px;} .popover-nav .list-gr-multitude li > a.link-gr-multitude-fbsjm:hover{background-position:-230px -78px;} .popover-nav .list-gr-multitude li > a.link-gr-multitude-syrs:hover{background-position:-460px -78px;} .popover-nav .list-gr-multitude li > a.link-gr-multitude-jwrs:hover{background-position:-690px -78px;} .popover-nav .popover-group .group-content li > a{display:block;background-color:#f7f7f7;} .popover-nav .popover-group .group-content li > a:hover, .popover-nav .list-gr-multitude li > a:hover{background-color:#eb4b3f;color:#fff;} .popover-nav .list-gr-subject li{width:12.5%;} .popover-nav .list-gr-subject li > a{margin:0 10px 10px 0;text-align:center;font-size:15px;color:#333;} /**** 头部导航右侧-部门链接 & 部门链接下拉菜单 ***/ .common-navbar-link{display:inline-block;margin-left:40px;} .common-navbar-link > a{display:block;width:100px;text-align:center;line-height:50px;font-size:18px;cursor:pointer;} .common-navbar-link > a > .glyphicon{font-size:14px;color:#bbb;transition:transform 0.5s;} .common-navbar-link.active > a{color:#eb4b3f;} .common-navbar-link.active > a > .glyphicon{color:#eb4b3f;transform:rotate(180deg);} .list-nav-dep{margin:0;padding:0;overflow:hidden;} .list-nav-dep > li{float:left;display:block;width:14.2%;} .list-nav-dep > li a{display:block;margin:0 10px 10px 0;padding:0 10px;background:#f7f7f7;overflow:hidden;font-size:15px;white-space:nowrap;text-overflow:ellipsis;color:#666;line-height:240%;} .list-nav-dep > li a:hover{background:#eb4b3f;color:#fff;} /**** 头部导航右侧-登录信息 ****/ .common-navbar-login{float:right;width:240px;text-align:right;line-height:40px;color:#999;} .common-navbar-login > a{display:inline-block;vertical-align:bottom;} .common-navbar-login > a + a{margin-left:20px;} .link-navbar-login{color:#999;} .link-navbar-user,.link-navbar-user:hover{color:#6e85af;} .link-navbar-user{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .common-navbar-login > span{margin:0 10px;color:#ccc;} .link-navbar-back, .link-navbar-back:hover{margin:9px 0 9px 20px;padding:0 5px 0 20px;background:url(../img/ico-header-navbar-back.png) no-repeat 5px top;border:1px #dcdcdc solid;border-radius:4px;font-size:12px;line-height:20px;color:#999;} /*** 3级页面头部 - 站点定位 & 站点定位下拉菜单 ***/ .simple .common-filterbar-site{width: 90px;} /*** 3级页面头部 - 部门链接 & 部门链接下拉菜单 ***/ .simple .common-navbar-link{float:left;width:140px;margin:10px 0 0 0;} .simple .common-navbar-link > span{color:inherit;} .simple .common-navbar-link .fa{color:#fcae28;} .simple .common-navbar-link > .popover{left:50%;top:46px;width:950px;margin-left:-595px;box-shadow:0 0 10px rgba(0,0,0,.2);} /*** 3级页面头部 - 搜索框 ***/ .simple .common-filterbar-search{float:right;} /*政务服务头部*/ .zwfwHeader{position:relative;height:140px;box-shadow:none;} .zwfwHeader .custom-content{width:1100px;margin:0 auto;} .zwfwHeader h1{margin:0;height:98px;width:417px;overflow:hidden;background:url(../img/ico-header-zwfw.png) no-repeat 0 0;text-indent:-500px;} .zwfwHeader .custom-login-text{position:absolute;bottom:42px;left:50%;width:550px;text-align:right;color:#999;line-height:250%;} .zwfwHeader .custom-subtitle{height:42px;overflow:hidden;background-color:#d70415;} .zwfwHeader .custom-subtitle h2{display:inline-block;margin:10px 0;padding:0 24px 0 38px;background:url(../img/ico-zwfwHeader-shop.png) no-repeat 0 -10px;line-height:22px;font-size:19px;font-weight:bold;color:#fff;} .zwfwHeader .custom-subtitle h3{display:inline-block;margin:10px 0;padding:0 24px;border-left:1px #eb828a solid;line-height:22px;font-size:19px;font-weight:bold;color:#fff;} /*** 检索页面头部 ***/ /* * version 1.0 * * .searchHeader .common-filterbar{height:100px;} .searchHeader .common-filterbar-logo{width:241px;height:51px;margin-top:20px;background:url(../img/ico-search-header-logo.png) no-repeat 0 0;} .searchHeader .common-filterbar-logo h1{text-indent:-300px;} .searchHeader .common-filterbar-search{float:left;margin-top:22px;margin-left:120px;} .searchHeader .common-filterbar-searchbox{height:48px;} .searchHeader .common-filterbar-searchbox > *{height:46px;line-height:46px;} .searchHeader .common-filterbar-searchbox > input{padding-left:10px;background-position:88% 8px;font-size:16px;} .searchHeader .common-filterbar-searchbox > button{background-position:center 15px;} */ .searchHeader .common-filterbar{transition:all .25s;} .searchHeader .common-filterbar-site{width:120px;margin-left:60px;margin-top:48px;font-size:16px;transition:all .25s;} .searchHeader .common-filterbar-site a:hover{color:inherit;} .searchHeader .common-filterbar-site .glyphicon{color:#fcb63d;} .searchHeader .common-filterbar-site span + .glyphicon{font-size:14px;color:#bbb;} .searchHeader .common-filterbar-site .popover{width:150px;margin:10px 0 0 0;color:#fcae28;font-size:12px;} .searchHeader .common-filterbar-site .popover-content{padding:5px;} .searchHeader .common-filterbar-search{width:815px;margin:38px 190px 24px 0;transition:all .25s;} .searchHeader .common-filterbar-searchbox{height:45px;border-radius:0;} .searchHeader .common-filterbar-searchbox > *{height:43px;line-height:43px;} .searchHeader .common-filterbar-searchbox > input{padding-left:10px;padding-right:11%;background-position:88% 8px;border-color:#c50001;font-size:16px;} .searchHeader .common-filterbar-searchbox > button{width:10%;background-position:center 12px;background-color:#c50001;} .searchHeader .common-filterbar-searchlink a{color:#c50001;} .searchHeader .common-filterbar.affix{position:fixed;z-index:1000;top:0;width:100%;background:#fff;border-bottom:1px #eee solid;box-shadow:0 0 12px rgba(0,0,0,.3);} .searchHeader .affix .common-filterbar-site{margin-top:25px;} .searchHeader .affix .common-filterbar-search{margin:15px 190px 15px 0;} .searchHeader .affix .common-filterbar-searchlink{display:none;} .searchHeader #word{top:45px;} /** footer **/ footer{padding:20px 0 5px;background:#655e5e;color:#d9d7d7;font-size:12px;} footer a{color:#d9d7d7;} footer a:hover{color:#fff;} .common-bottom-logo{float:left;width:25%;margin:5px 10px 0 0;;text-align:right;} .common-bottom-logo > *{display:inline-block;} .common-bottom-logo > * + *{margin-left:20px;} .common-bottom-info{float:left;} .common-bottom-info p{margin-bottom:10px;} .common-bottom-info p > *{display:inline-block;padding:0 12px;} .common-bottom-info p > .link-foot-icp{padding-left:30px;background:url(../img/ico-footer-icp.png) no-repeat 12px 0;} .common-bottom-info p > .link-foot-hgwab{padding-left:30px;background:url(../img/ico-footer-hgwab.png) no-repeat 12px 0;} .common-bottom-link{float:left;margin:15px 0 0 10px;} .common-bottom-link a{display:inline-block;margin-left:10px;} /** floatnav **/ .common-floatnav{position:fixed;bottom:50px;right:0;z-index:1000;} .common-floatnav .foldbox{position:relative;height:396px;overflow:hidden;} .common-floatnav .list-floatnav{position:absolute;bottom:0;} .common-floatnav .list-floatnav a{display:block;width:70px;height:70px;margin-bottom:1px;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00193654,endColorstr=#00193654);background:rgba(25,54,84,1);text-align:center;} .common-floatnav .list-floatnav a:hover, .common-floatnav .list-floatnav a.floatnav-control{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00c50001,endColorstr=#00c50001);background-color:rgba(197,0,1,1);color:#fff;} .common-floatnav .list-floatnav a > span{display:block;padding-top:40px;background:url(../img/ico-floatnav-list.png) no-repeat;line-height:20px;} .common-floatnav .list-floatnav a.floatnav-control{height:40px;transition:height .5s;} .common-floatnav .list-floatnav a.floatnav-control > span{background-image:none;padding-top:10px} .common-floatnav .fold .list-floatnav a.floatnav-control{height:70px;} .common-floatnav .fold .list-floatnav a.floatnav-control > span{background:url(../img/ico-floatnav-list.png) no-repeat 0 -350px;padding-top:40px;} .common-floatnav .list-floatnav a.link-floatnav-appoint > span{background-position:0 0;} .common-floatnav .list-floatnav a.link-floatnav-deal > span{background-position:0 -70px;} .common-floatnav .list-floatnav a.link-floatnav-search > span{background-position:0 -140px;} .common-floatnav .list-floatnav a.link-floatnav-appraise > span{background-position:0 -210px;} .common-floatnav .list-floatnav a.link-floatnav-correct > span{background-position:0 -284px;} .link-floatnav-service{display:block;width:70px;padding-top:60px;background:url(../img/ico-floatnav-list.png) no-repeat 0 bottom;} .link-floatnav-service span{display:block;line-height:30px;font-size:12px;color:#666;text-align:center;} .link-floatnav-service + .tooltip.left{margin-left:-30px;margin-top:10px;} .link-floatnav-service + .tooltip .tooltip-arrow{border-left-color:#de371c;margin-top:-20px;} .link-floatnav-service + .tooltip .tooltip-inner{padding-left:30px;line-height:30px;background:#de371c url(../img/ico-floatnav-service.png) no-repeat 0 2px;font-size:14px;} .link-floatnav-top{position:fixed;bottom:-30px;right:20px;width:30px;height:30px;border-radius:15px;transition:bottom 0.5s;font-size:20px;color:#eee; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC666666,endColorstr=#CC666666);background:rgba(102,102,102,.8);text-align:center;cursor:pointer;} .link-floatnav-top:hover{color:#fff;} .link-floatnav-top.active{bottom:15px;} /** gov floatnav **/ .gov-floatnav{position:fixed;width:115px;height:296px;z-index:999;left:0;bottom:140px;background:url(../img/weixin_erwei.png) no-repeat 0 0;} .btn-floatnav-close{display:inline-block;width:20px;height:20px;margin-left:91px;cursor:pointer;} .area-qrcode-alipay{position:relative;display:inline-block;width:102px;height:87px;margin:80px 0 0 13px;} .area-qrcode-wechat{display:inline-block;width:102px;height:87px;margin-left:13px;} .pic-floatnav-qrcode{position:absolute;display:none;width:160px;height:160px;border:1px solid yellow;} .area-qrcode-alipay .pic-floatnav-qrcode{background:url(../img/erwei2.png) no-repeat 0 0;left:99px;bottom:-103px;} .area-qrcode-alipay:hover .pic-floatnav-qrcode{display:block;} .area-qrcode-wechat .pic-floatnav-qrcode{background:url(../img/erwei1.png) no-repeat 0 0;left:111px;bottom:1px;} .area-qrcode-wechat:hover .pic-floatnav-qrcode{display:block;} /** pagination **/ .common-pagination{color:#999;} .common-pagination span{display:inline-block;} .common-pagination > *{margin:0 5px;} .common-pagination ul{overflow:hidden;} .common-pagination ul li{float:left;border:1px #ddd solid;} .common-pagination ul li + li{margin-left:-1px;} .common-pagination ul li a{display:block;padding:5px 10px;background:#fff;color:#999;} .common-pagination ul li.active a, .common-pagination ul li a:hover{background:#eb4b3f;color:#fff;} .common-pagination .btn, .common-pagination .btn:focus, .common-pagination .btn:active{background-color:#fff;border-color:#ddd;color:#999;border-radius:0;} .common-pagination .btn:hover{background-color:#eb4b3f;color:#fff;} .common-pagination .form-control{width:40px!important;border-radius:0;} /** crumb **/ .common-crumb{margin:20px 0;} .common-crumb li{display:inline-block;} .common-crumb li+li, .common-crumb li+li a{color:#eb4b3f;} .common-crumb li .fa{color:#999;} /** 404/500 **/ .status-404,.status-500,.status-maintenance{height:450px;padding-left:45%;font-size:15px;color:#999;} .status-404{background:url(../img/pic-404.png) no-repeat top center;} .status-500{background:url(../img/pic-500.png) no-repeat top center;} .status-maintenance{background:url(../img/pic-maintenance.png) no-repeat top center;} .status-404 h2, .status-500 h2, .status-maintenance h2{margin-bottom:20px;padding-top:100px;font-size:24px;font-weight:bold;} .status-404 p, .status-500 p, .status-maintenance p{margin-bottom:20px;} .status-404 .btn + .btn, .status-500 .btn + .btn, .status-maintenance .btn + .btn{margin-left:20px;} /* 旋转180 */ .ico-rotate{-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;} a:hover .ico-rotate{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg);} /* 震颤 */ a:hover .ico-shake{-webkit-animation:shake 1s ease;-moz-animation:shake 1s ease;-ms-animation:shake 1s ease;animation:shake 1s ease;} @-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);} 10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);} 20%,40%,60%,80%{-webkit-transform:translateX(10px);}} @-moz-keyframes shake{0%,100%{-moz-transform:translateX(0);} 10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);} 20%,40%,60%,80%{-moz-transform:translateX(10px);}} @-ms-keyframes shake{0%,100%{-ms-transform:translateX(0);} 10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);} 20%,40%,60%,80%{-ms-transform:translateX(10px);}} @keyframes shake{0%,100%{transform:translateX(0);} 10%,30%,50%,70%,90%{transform:translateX(-10px);} 20%,40%,60%,80%{transform:translateX(10px);}} /* 翻入-Y轴 */ a:hover .ico-flipinY{-webkit-animation:flipinY 1.5s ease-out backwards;-moz-animation:flipinY 1.5s ease-out backwards;-ms-animation:flipinY 1.5s ease-out backwards;animation:flipinY 1.5s ease-out backwards;} @-webkit-keyframes flipinY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1 ;}} @-moz-keyframes flipinY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}} @-ms-keyframes flipinY{0%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-ms-transform:perspective(400px) rotateY(-10deg);} 70%{-ms-transform:perspective(400px) rotateY(10deg);} 100%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}} @keyframes flipinY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0);opacity:1;}} /* 淡入-从右 */ a:hover .ico-fadeinR{-webkit-animation:fadeinR 1s ease-out backwards;-moz-animation:fadeinR 1s ease-out backwards;-ms-animation:fadeinR 1s ease-out backwards;animation:fadeinR 1s ease-out backwards;} @-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(20px);} 100%{opacity:1;-webkit-transform:translateX(0);}} @-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(20px);} 100%{opacity:1;-moz-transform:translateX(0);}} @-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(20px);} 100%{opacity:1;-ms-transform:translateX(0);}} @keyframes fadeinR{0%{opacity:0;transform:translateX(20px);} 100%{opacity:1;transform:translateX(0);}} /* 弹入 */ a:hover .ico-bouncein{-webkit-animation:bouncein 1s ease-out backwards;-moz-animation:bouncein 1s ease-out backwards;-ms-animation:bouncein 1s ease-out backwards;animation:bouncein 1s ease-out backwards;} @-webkit-keyframes bouncein{0%{opacity:0;-webkit-transform:scale(0.3);} 50%{opacity:1;-webkit-transform:scale(1.05);} 70%{-webkit-transform:scale(0.9);} 100%{-webkit-transform:scale(1);}} @-moz-keyframes bouncein{0%{opacity:0;-moz-transform:scale(0.3);} 50%{opacity:1;-moz-transform:scale(1.05);} 70%{-moz-transform:scale(0.9);} 100%{-moz-transform:scale(1);}} @-ms-keyframes bouncein{0%{opacity:0;-ms-transform:scale(0.3);} 50%{opacity:1;-ms-transform:scale(1.05);} 70%{-ms-transform:scale(0.9);} 100%{-ms-transform:scale(1);}} @keyframes bouncein{0%{opacity:0;transform:scale(0.3);} 50%{opacity:1;transform:scale(1.05);} 70%{transform:scale(0.9);} 100%{transform:scale(1);}} /* 闪烁 */ a:hover .ico-flash{-webkit-animation:flash 1s ease;-moz-animation:flash 1s ease;-ms-animation:flash 1s ease;animation:flash 1s ease;} @-webkit-keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}} @-moz-keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}} @-ms-keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}} @keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}} /* 淡入-从下 */ a:hover .ico-fadeinB{-webkit-animation:fadeinB 1s ease-out backwards;-moz-animation:fadeinB 1s ease-out backwards;-ms-animation:fadeinB 1s ease-out backwards;animation:fadeinB 1s ease-out backwards;} @-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(20px);} 100%{opacity:1;-webkit-transform:translateY(0);}} @-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(20px);} 100%{opacity:1;-moz-transform:translateY(0);}} @-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(20px);} 100%{opacity:1;-ms-transform:translateY(0);}} @keyframes fadeinB{0%{opacity:0;transform:translateY(20px);} 100%{opacity:1;transform:translateY(0);}}