html,
body {
min-width: 1200px;
}
body {
background-color: #f5f5f5;
}
.g-main {
width: 1200px;
}
.m-page.t-right {
text-align: right;
}
.btn-apply {
display: block;
width: 130px;
height: 36px;
margin: 20px auto;
padding-left: 5px;
line-height: 34px;
font-size: 16px;
letter-spacing: 5px;
text-align: center;
color: #3a93d6!important;
background-color: #f8fbff;
border: 1px solid #4d9eda;
border-radius: 2px;
transition: .5s;
}
.btn-apply:hover {
color: #fff!important;
background-image: url("/dataqhlsjcom/odweb/img/apply-sm-bg.png");
}
.m-hd {
background-color: #fff;
}
.m-hd .hd-top {
height: 90px;
}
.m-hd .u-logo {
float: left;
margin-top: 17px;
font-size: 32px;
font-weight: bold;
color: #1e2c85;
}
.m-hd .u-logo * {
vertical-align: middle;
}
.m-hd .u-logo img {
margin-left: 5px;
margin-right: 20px;
}
.m-hd .m-search {
float: right;
position: relative;
width: 480px;
height: 42px;
margin-top: 24px;
background-color: #f6f6f6;
border: 1px solid #3a93d6;
border-radius: 200px;
}
.m-hd .m-search input {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
padding-left: 20px;
padding-right: 90px;
background-color: transparent;
border: none;
outline: none;
}
.m-hd .m-search .m-btn {
position: absolute;
right: 0;
top: 0;
width: 70px;
height: 100%;
font-size: 16px;
background-color: #3a93d6;
border-top-right-radius: 200px;
border-bottom-right-radius: 200px;
}
.m-hd .m-search .m-btn:hover {
background-color: #40a2eb;
}
.m-hd .m-nav {
height: 50px;
padding: 0;
background: url("/dataqhlsjcom/odweb/img/navbg.png") #3696d9 repeat-y;
}
.m-hd .m-nav .g-main > ul > li {
float: left;
height: 50px;
margin-right: 25px;
}
.m-hd .m-nav .g-main > ul > li a {
display: block;
width: 100%;
height: 100%;
padding-left: 35px;
padding-right: 15px;
line-height: 54px;
color: #fff;
background: url("/dataqhlsjcom/odweb/img/sprite.png") no-repeat;
background-position-x: 7px;
border-bottom: 2px solid transparent;
opacity: .9;
transition: .5s;
}
.m-hd .m-nav .g-main > ul > li a:hover {
opacity: 1;
border-bottom-color: #fff;
}
.m-hd .m-nav .g-main > ul > li.active a {
opacity: 1;
border-bottom-color: #fff;
}
.m-hd .m-nav .m-login {
float: right;
}
.m-hd .m-nav .m-login a {
display: inline-block;
padding: 0 12px;
line-height: 24px;
margin-left: 5px;
color: #fff;
}
.m-hd .m-nav .m-login .btn-register {
border: 1px solid #fff;
border-radius: 4px;
}
.m-hd .m-nav .m-login .btn-logout {
border: 1px solid #fff;
border-radius: 4px;
cursor: pointer;
}
.m-ft {
height: 140px;
padding-top: 20px;
text-align: center;
background-color: #313131;
border-top: 1px solid #4e4c50;
}
.m-ft .link-list {
margin-bottom: 20px;
}
.m-ft .link-list > ul > li {
display: inline-block;
height: 30px;
padding-right: 40px;
line-height: 30px;
}
.m-ft .link-list > ul > li a {
color: #fff;
}
.m-ft .link-list > ul > li a:hover {
color: #eee;
}
.m-ft .link-list > ul > li i {
width: 30px;
height: 30px;
margin-right: 10px;
font-size: 16px;
line-height: 30px;
color: #313131;
background-color: #afcbef;
border-radius: 50%;
vertical-align: middle;
}
.m-ft p {
color: #fff;
}
.sect-title {
padding: 30px 15px;
text-align: center;
}
.sect-title span {
position: relative;
display: inline-block;
min-width: 250px;
height: 27px;
padding-left: 63px;
padding-right: 80px;
font-size: 18px;
line-height: 20px;
text-align: left;
}
.sect-title span:before,
.sect-title span:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.sect-title span:before {
background: url("/dataqhlsjcom/odweb/img/sect-before.png") no-repeat left top;
}
.sect-title span:after {
background: url("/dataqhlsjcom/odweb/img/sect-after.png") no-repeat right top;
}
.sect-subtitle {
width: 194px;
height: 40px;
padding-left: 25px;
line-height: 32px;
font-size: 16px;
color: #808494;
background: url("/dataqhlsjcom/odweb/img/subtitle.png") no-repeat left bottom;
}
.m-catalog-filter {
height: 50px;
margin-bottom: 10px;
padding: 0 20px;
line-height: 48px;
background-color: #fff;
border: 1px solid #eee;
}
.m-catalog-filter .filter-sum {
margin-right: 30px;
color: #3a93d6;
}
.m-catalog-filter .filter-type {
margin-right: 15px;
}
.m-catalog-filter .filter-type .m-checkbox i {
border-radius: 3px;
}
.m-catalog-filter .filter-sort .fa {
margin-left: 5px;
cursor: pointer;
}
.m-catalog-filter .filter-sort .fa:hover {
color: #3a93d6;
}
.m-catalog-filter .filter-sort span {
margin-right: 10px;
}
.m-catalog-filter .filter-sort .m-select {
height: 32px;
line-height: 30px;
}
.m-catalog-filter .filter-sort .sel-title {
border-radius: 3px;
border-color: #eee;
}
.m-catalog-filter .filter-sort .sel-title:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 30px;
background: url("/dataqhlsjcom/odweb/img/selbg.jpg") repeat;
}
.m-catalog-filter .filter-sort .sel-title i {
top: 13px;
z-index: 2;
}
.m-catalog-filter .filter-sort .m-select:hover .sel-title,
.m-catalog-filter .filter-sort .m-select.active .sel-title,
.m-catalog-filter .filter-sort .m-select.active .sel-list {
border-color: #ccc;
}
.m-catalog-filter .filter-search {
position: relative;
width: 200px;
height: 32px;
margin-top: 8px;
}
.m-catalog-filter .filter-search .m-input {
position: absolute;
width: 100%;
height: 100%;
padding-left: 20px;
padding-right: 50px;
border: 1px solid #eee;
border-radius: 200px;
}
.m-catalog-filter .filter-search i {
position: absolute;
right: 20px;
top: 9px;
color: #666;
cursor: pointer;
}
.m-catalog-list:after {
content: '';
display: block;
clear: both;
}
.m-catalog-list > ul > li {
background-color: #fff;
border: 1px solid #eee;
border-left: 3px solid #ddd;
border-radius: 3px;
overflow: hidden;
transition: .5s;
}
.m-catalog-list > ul > li + li {
margin-top: 10px;
}
.m-catalog-list > ul > li:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-left-color: #3a93d6;
}
.m-catalog-list .u-cata-type {
display: inline-block;
width: 40px;
height: 22px;
margin-right: 10px;
vertical-align: -4px;
}
.m-catalog-list .u-cata-type.type-gov {
background: url("/dataqhlsjcom/odweb/img/type1.png");
}
.m-catalog-list .u-cata-type.type-soc {
background: url("/dataqhlsjcom/odweb/img/type2.png");
}
.m-catalog-list .u-cata-type.type-net {
width: 50px;
background: url("/dataqhlsjcom/odweb/img/type3.png");
}
.m-catalog-list .u-cata-operate {
position: relative;
float: right;
width: 120px;
}
.m-catalog-list .u-cata-operate .cata-apply {
display: block;
height: 88px;
padding-left: 5px;
font-size: 16px;
letter-spacing: 5px;
line-height: 88px;
text-align: center;
color: #3a93d6;
background-color: #f8fbff;
transition: .5s;
}
.m-catalog-list .u-cata-operate .cata-apply:hover {
color: #fff;
background-image: url("/dataqhlsjcom/odweb/img/apply-bg.png");
background-position: center;
}
.m-catalog-list .u-cata-operate + .u-cata-main {
margin-right: 120px;
}
.m-catalog-list .u-cata-operate.operate-more {
width: 160px;
padding: 20px 10px;
}
.m-catalog-list .u-cata-operate.operate-more:after {
content: '';
display: block;
position: absolute;
top: 20px;
bottom: 20px;
left: 0;
width: 1px;
background-color: #eee;
}
.m-catalog-list .u-cata-operate.operate-more + .u-cata-main {
margin-right: 160px;
}
.m-catalog-list .u-cata-operate.operate-more .cata-apply {
width: 130px;
height: 36px;
margin: 25px 0;
line-height: 34px;
border: 1px solid #4d9eda;
border-radius: 2px;
}
.m-catalog-list .u-cata-operate.operate-more .cata-apply:hover {
background-image: url("/dataqhlsjcom/odweb/img/apply-sm-bg.png");
}
.m-catalog-list .u-cata-main {
padding: 15px 20px;
}
.m-catalog-list .u-cata-header,
.m-catalog-list .u-cata-body {
position: relative;
padding-right: 100px;
}
.m-catalog-list .u-cata-header {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #eee;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.m-catalog-list .u-cata-header.no-border {
border-bottom: none;
}
.m-catalog-list .u-cata-name {
font-size: 18px;
color: #1067ab;
transition: .5s;
}
.m-catalog-list .u-cata-name:hover {
color: #008dd5;
}
.m-catalog-list .u-cata-lib {
position: absolute;
display: block;
right: 0;
top: 0;
padding: 0 10px;
font-size: 12px;
line-height: 24px;
color: #999;
background-color: #eee;
border-radius: 200px;
}
.m-catalog-list .u-cata-intro {
color: #666;
}
.m-catalog-list .u-cata-info {
margin: 3px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.m-catalog-list .u-cata-info span {
margin-right: 15px;
color: #999;
font-size: 12px;
}
.m-catalog-list .u-cata-info em {
display: inline-block;
padding: 6px 8px;
line-height: 1;
font-style: normal;
border: 1px solid #eee;
border-radius: 2px;
}
.m-catalog-list .u-cata-statistics {
position: absolute;
right: 0;
bottom: 0;
}
.m-catalog-list .u-cata-statistics span {
display: inline-block;
margin-left: 10px;
padding-left: 22px;
color: #999;
background: url("/dataqhlsjcom/odweb/img/cata-static.png") no-repeat;
}
.m-catalog-list .u-cata-statistics span.stat-view-num {
background-position: left top;
}
.m-catalog-list .u-cata-statistics span.stat-download-num {
background-position: left -34px;
}
.m-catalog-list .u-cata-statistics span.stat-api-num {
background-position: left -66px;
}
.m-catalog-list .u-operate-list {
min-height: 60px;
overflow: hidden;
}
.m-catalog-list .u-operate-list > ul > li {
float: left;
padding: 0 5px;
margin-right: 10px;
margin-bottom: 8px;
font-size: 12px;
line-height: 20px;
border: 1px solid #50a5e4;
border-radius: 2px;
}
.m-catalog-list .u-operate-list + .cata-apply {
margin: 0!important;
}
.m-catalog-list.list-simple > ul > li {
height: 60px!important;
}
.m-catalog-list.list-simple .u-cata-main {
position: relative;
padding-right: 200px;
}
.m-catalog-list.list-simple .u-cata-body {
position: absolute;
right: 20px;
top: 50%;
width: 180px;
margin-top: -16px;
text-align: right;
}
.m-catalog-list.list-simple .u-cata-header {
padding-right: 0;
border-bottom: none;
}
.m-catalog-list.list-simple .u-cata-name {
font-size: 16px;
}
.m-catalog-list.list-simple .u-cata-info span {
margin-right: 0;
margin-left: 15px;
}
.m-catalog-list .no-data{
text-align: center;
padding: 15px;
}