@charset "UTF-8";
*{margin:0;padding:0}
body,textarea{font-family:MicrosoftYaHei,arial,helvetica,sans-serif;font-size:14px}
h1,h2,h3,h4,h5,h6,input,textarea,select{font-size:100%;font-weight:normal}
a{color:#245269;text-decoration:none}
a:active,a:hover{outline:0;text-decoration: underline;color: #23B1F2}
b,strong{font-weight:600}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
button{overflow:visible}
img{border:0 none}
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
.container{
    width: 1200px;min-width: 1200px;max-width:100%;
    margin: 0 auto;
    padding-right: -10px;
    padding-left: -10px;
}
.container-top:after, .container-top:before{
    display: table;
    content: " ";
}
img.lazy-error {
    background: #f5f5f5 url('../images/lazy-error.png') no-repeat center center;
}
.cover img.lazy-success,
.cover img.nolazy {
    transition: all .6s;
}
.cover img.nolazy.lazy-error {
    transition: none;
}
.cover:hover img {
    transform: scale(1.4);
}
.cover:hover img.lazy-error {
    transform: scale(1);
}
.btn:hover{
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
@font-face {
    font-family: 'icon-common';
    src: url('../font/iconfont.eot');/* IE9 */
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.icon-common {
    font-family: "icon-common"!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

body{
    background:#f5f7fb;
    color:#333;
    font-family: 'Open Sans', sans-serif;
}

.container-top{
    width:1200px;
    margin:auto;
}

/* ===== 导航栏 ===== */

#header{
    background:#0d1b3d;
    color:white;
    height:70px;
}

.nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:70px;
    position: fixed;
    width: 100%;
    min-width: 1200px;
    z-index: 9999;
    background:#0d1b3d;
    color:white;
}

.logo{
    font-size:20px;
    font-weight:600;
}

.nav-links{
    display:flex;
    gap:30px;
}

.nav-links a{
    color:white;
    text-decoration:none;
    opacity:0.9;
}

.nav-links a:hover{
    opacity:1;
}

.lang-select{
    border-radius: 5px;
    padding: 2px 0;
}
.nav-links .search {
    position: relative;
    float: left;
    padding: 15px 0 0 30px;
}
.nav-links .nav-left {
    position: relative;
    float: left;
}
.nav-links .nav-left a{
    display: inline-block;
    height:70px;
    line-height: 70px;
    padding:0 5px;
}
.nav-links .search .search-group {
    position: relative;
    width: 510px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ddd;
    background: #F9F9F9;
    border-radius: 6px;
    overflow: hidden;
}
.nav-links .search .search-group input {
    float: left;
    width: 390px;
    height: 30px;
    line-height: 30px;
    margin: 3px 14px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    color: #333;
}
.nav-links .search .search-group button {
    float: right;
    width: 90px;
    height: 38px;
    line-height: 38px;
    border-radius: 0 6px 6px 0;
    background: #3f7cff;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
button {
    overflow: visible;
}

/*分页*/
.results .page {
    padding: 24px 0;
    height: 38px;
    text-align: center;
    overflow: hidden;
}
.results .page a,
.results .page span{
    display: inline-block;
    padding: 0 15px;
    margin: 0 3px;
    height: 36px;line-height: 36px;
    background: #fff;
    border:1px solid #eee;
    border-radius: 3px;
    font-size: 14px; color: #666;
    text-decoration: none;
}
.results .page span.disabled{
    background: #f5f5f5;
}
.results .page a:hover,
.results .page a.active{
    background: #3f7cff;
    border:1px solid #3f7cff;
    color: #fff;
}

.breadcrumb{
    margin:20px 0;
    font-size:14px;
}

.breadcrumb a{
    color:#3f7cff;
    text-decoration:none;
}
.breadcrumb a:hover{
    text-decoration: underline;
}
.cover img.lazy-success, .cover img.nolazy {
    transition: all .6s;
}
#copyright{
    padding: 20px 0;
}
#copyright p{
    line-height: 30px;
    font-size: 12px; color: #999;
    text-align: center;
}
#copyright p a{
    color: #999;
    text-decoration: none;
}
#copyright p a:hover{
    color: #333;
    text-decoration: underline;
}