/*reset*/
body {margin:0; padding:0; font-size:14px ;background-color: #F8F9FC; color:#051529; font-weight:normal!important;scrollbar-color:#fff #fff;scrollbar-width:thin; }
div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}   
table,td,tr,th{}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}

p{margin: 3px 0px;}
address,code,em,th,s,i{font-weight:normal; font-style:normal;}
s{color:#909090; margin:0 10px; text-decoration:none;}
body.right-open{overflow-y:clip;}
.img-fluid{max-width: 100%;height: auto;}

/*form*/
label input{vertical-align:middle; margin-right:3px;}
label{cursor:pointer;}
textarea{resize:none;}
:focus {outline: 0;}
.default-select{padding:4px 5px;border:1px solid #cbcbcb; border-radius:2px; margin-right:3px;}



/*float*/
.l,.left{float:left;}
.r,.right{float:right;}
.clearfix {display: block;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
* html .clearfix { height: 1%;}

/*scrollbar*/
::-webkit-scrollbar{width:3px;height:6px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:6px; background-color:#bbb;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#aaa;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}



/*placeholder*/
::-webkit-input-placeholder { /* WebKit browsers */
  color: #aaa;font-size: 14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #aaa; font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #aaa; font-size: 14px;
}

/*display*/
.hide{display:none;}
.block{display:block;}

/*a*/
a {color:#051529; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#c00909; transition: all 0.5s;}
a:active {color:#c00909;}

/*省略行数*/
.text-overflow-1,.text-overflow-2,.text-overflow-3,.text-overflow-4,.text-overflow-5{
 display: -webkit-box !important;
 overflow: hidden;
 text-overflow: ellipsis;
 word-break: break-all;
 -webkit-box-orient:vertical;
}
.text-overflow-2{-webkit-line-clamp: 2;}
.text-overflow-3{-webkit-line-clamp: 3;}
.text-overflow-4{-webkit-line-clamp: 4;}
.text-overflow-5{-webkit-line-clamp: 5;}



/*----------------导航-----------------*/
.header{width:100%; position: fixed; left:0; top:0; z-index: 996; box-shadow: 0 5px 8px 0 rgba(0,0,0,.1); background: #fff;transition: all 0.5s;}
.header-placeholder{height: 116px}

.nav-top-box{  border-bottom: 1px solid #EFF5FF;min-height: 35px;}
.nav-top-box .nav-top-box-inner{max-width: 1210px;padding: 8px 0px;margin: 0px auto;display: flex;justify-content: space-between;}
.nav-top-box .nav-top-box-inner nav{}
.nav-top-box .nav-top-box-inner nav a{display: inline-block;margin-right: 20px;color: #657C98;font-size: 12px;}

.nav-box{display: flex;flex-flow:nowrap; max-width:1210px;  margin:0 auto;}
.nav-box .nav-box-inner{max-width: 1210px;margin: 0px auto;display: flex;justify-content: space-between;}
.nav-box .nav-logo{width:180px; }
.nav-box .nav-logo a{width:180px;  display:block;}
.nav-box .nav-logo a img{height:76px;}

.nav-menu{ flex-grow: 2; }
.nav-menu>ul{height: 76px;display: flex; align-items: center; }
.nav-menu ul {list-style: none;}

.nav-menu ul li ul a{color:#333}
.nav-menu li { position: relative;}
.nav-menu .menu{min-width: 100px;display:inline-block;}
.nav-menu a {display:block; align-items: center; justify-content: space-between; padding: 20px 20px;text-align: center; font-size: 14px; font-weight: 400; white-space: nowrap; transition: 0.3s;}
.nav-menu a i {font-size: 12px; line-height: 0; margin-right: 4px;}
.nav-menu a:hover, .nav-menu .active, .nav-menu li:hover > a { color: #2C74E6}


.nav-menu .dropdown ul { display: block; position: absolute; left: 14px; top: calc(100% + 30px); margin: 0;  padding: 10px 0;  z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 3px;}
.nav-menu .dropdown ul li {min-width: 200px;}
.nav-menu .dropdown ul a {padding: 8px 20px; font-size: 14px; text-transform: none; font-weight: 400;}
.nav-menu .dropdown ul a i { font-size: 12px;}
.nav-menu .dropdown ul a:hover, .nav-menu .dropdown ul .active:hover, .nav-menu .dropdown ul li:hover > a { color: #fff }
.nav-menu .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible;}
.nav-menu .dropdown .dropdown ul { top: 0;left: calc(100% - 30px); visibility: hidden;}
.nav-menu .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible;}

/*登录面板*/
.nav-login-wrapper{width: 450px;padding-right: 20px;}
.nav-login{ display: flex;align-items: center;height: 60px;padding: 0px 10px;}
.nav-login .login-btn{line-height: 28px;color: #fff; opacity: 0.7;padding: 0px 10px; font-size: 14px;}
.nav-login .login-btn.reg{}

.nav-login .nav-logined{}
.nav-login .nav-logined .nav-img{display: block;padding:3px;border-radius: 20px; background-color: #9e0404;position: relative; cursor: pointer;}
.nav-login .nav-logined .nav-img .img{display: inline-block;line-height: 30px; width: 30px;height: 30px; border-radius: 18px;text-align: center;font-size: 15px; background-color: aliceblue}
.nav-login .nav-logined .nav-img .uid{display: inline-block;line-height: 30px;padding: 0px 10px; color: #fff; opacity: 0.7;}
.nav-login .nav-logined .nav-img:hover > .nav-login-box{z-index:99;transform:scale(1);opacity:1;}

.nav-login .nav-logined .nav-img .nav-login-box{width:160px; border-radius:2px; position:absolute; top:40px; right:0; background-color:#fff; z-index:-1; color:#333; font-size:14px;transform:scale(0.01);transition:.2s;opacity:0;transform-origin:center top;box-shadow:0 15px 30px rgba(0,0,0,.2);}
.nav-login .nav-logined .nav-img .nav-login-box .login-menu{}
.nav-login .nav-logined .nav-img .nav-login-box .login-menu a{color:#666; font-size:12px; padding: 12px;display: block}
.nav-login .nav-logined .nav-img .nav-login-box .login-menu.login-menu-bottom{background-color:#f2f2f2; border-top:1px solid #eee;}



/*搜索框*/
.nav-search{align-items: center; position:relative;width: 300px; padding: 20px 0;}
.search{display:flex;border: 1px solid #EFF5FF; line-height: 38px; border-radius: 5px; background-color: #F8F9FC;transition: all 1.5s;padding-left: 5px; }
.search:hover{ transition: all 1.5s;}
.search .post-type{background-color: #F8F9FC; border: 0px;border-right: 1px solid #EFF5FF; font-size: 13px;}
.search input{flex-grow:1; width: 80%; border: 0px; color: #333;background-color: rgba(0,0,0,.0);padding-left: 3%; font-size: 13px;}
.search input::placeholder{color:#999;font-size: 13px;}
.search .search-btn{cursor: pointer;margin:0px 10px;color:#333 }


 
/*面包屑*/
.breadcrumb-wrapper{padding: 20px 0px;background-color: #fff;font-size:13px; }
.breadcrumb-inner{max-width: 1210px;margin: 0px auto;}
.breadcrumb-inner .menu{display:inline-block;font-size:13px; color: #657C98; margin-right:10px;border-radius:20px;}
.breadcrumb-inner .menu:last-child{ color:#005ca0;}
.breadcrumb-inner .active{background-color:#005ca0;color:#fff;background:linear-gradient(to left,#00c6ff 0,#005ca0 100%)}

/*分页码*/
.pagination-wrapper{padding: 20px; }
.pagination{text-align: center;padding: 20px;}
.pagination li{box-sizing:border-box;border: 1px solid #ddd;margin-right: 5px;cursor: pointer;color: #636E7B;position: relative;background: #fff;display: inline-block;border-radius: 3px;}
.pagination a{padding: 7px 12px; display: inline-block;}
.pagination .active,.pagination .disabled{padding: 7px 12px;}
.pagination .active{background-color: #2C74E6;border-color: #2C74E6;color: #fff;}
.pagination .disabled{background-color: #eee; cursor:default; border-color: #fff;}




/*----------------页脚-----------------*/
.footer{width:100%; background-color:#1c1a1d;}
.footer-top{width:100%; background:url(../images/footer.jpg) no-repeat center bottom; background-size: 100% auto;}
.footer-top-box{ margin:0 auto;max-width:1210px;  color:#888;display: flex; }
.footer-bottom{width:100%; background-color:#151515;height:36px; overflow:hidden;margin: 0 auto; }
.footer-bottom-box{ line-height:36px; margin:0 auto; color:#888; max-width:1210px;}
.footer-bottom-box .a{margin-left:10px; color:#bbb;}
.footer-bottom-box .r{color:#bbb;}

.footer-link{padding:50px 0; padding-right:30px;flex-grow: 1;}
.footer-link dt{font-size:18px; height:48px; line-height: 36px; color:#bbb; font-weight: bold;}
.footer-link dt a{color:#bbb;}
.footer-link dd{font-size:14px; line-height:32px;}
.footer-link a{color:#888;}
.footer-link a:hover{color:#36a0ff;}

.footer-about{padding:50px 0;}
.footer-about dt{font-size:18px; height:48px; line-height: 36px; color:#bbb;}
.footer-about dd{line-height:32px; font-size:14px;}
.footer-about a{line-height:27px;color:#909090; }
.footer-about a:hover{color:#fff; }



/*空*/
.error{padding:60% 0 0 100%;background-image:  url("../img/404.png");background-repeat: no-repeat;background-position: 50%}
.empty{padding:60% 0 0 100%; background-image:  url("../img/empty.png");background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}


.btn{transition:all 0.3s linear 0s; display: inline-block}
.btn.normal{padding: 10px 20px;font-size: 14px;}
.btn.red{background-color: #c00909;color: #fff;}
.btn.red:hover{background-color: #9e0404}
.btn.blue{background-color: #36a0ff;color: #fff;}
.btn.blue:hover{background-color: #1764a7}
.btn.dark{background-color: #666;color: #fff;}
.btn.dark:hover{background-color: #333}

/*标题样式*/
.title-wrapper{padding: 20px 0px;}
.title-wrapper .title{border-left:10px solid #36a0ff ; padding-left: 20px;font-size: 20px;}

@media (max-width: 1280px) {
  .nav-menu .dropdown .dropdown ul {left: -90%;}
  .nav-menu .dropdown .dropdown:hover > ul { left: -100%;}
  .nav-menu a { padding: 10px 18px;}
}

@media screen and (max-width: 900px) {
  .header-placeholder{height: 50px}
  .header-mobile{width:100%; position: fixed; left:0; top:0; z-index: 996; box-shadow: 0 5px 8px 0 rgba(0,0,0,.1); background: #fff;transition: all 0.5s;} 

  .header-mobile .nav-box{display:flex;flex-flow:nowrap;}
  .header-mobile .nav-box .nav-logo{flex-grow:0;}
  .header-mobile .nav-box .nav-logo a img{height:50px;}
  .header-mobile .nav-box .nav-title{flex-grow:2;line-height:50px;}
  .header-mobile .nav-box .nav-menu-btn{flex-grow:0;width: 50px;height: 50px;}


    /*面包屑*/
  .breadcrumb-wrapper{padding: 15px;}
  

  /*分页码*/
  .pagination-wrapper{padding: 20px 0px; }
  .pagination a{width: 26px; line-height: 26px;  }
}