@import url("../../assets/icon/bootstrap-icons.css");
.layui-bg-blue {
  background: #0382c4 !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #0382c4;
}
.layui-nav .layui-this:after, .layui-nav-bar {
  background-color: rgb(0,168,255);
}
.layui-btn {
  background-color: #0382c4;
}
.layui-btn-primary {
  border-color: #d2d2d2;
  background: 0 0;
  color: #5f5f5f;
}
.layui-elem-quote {
  border-left-color: #0382c4;
}
/*reset*/
body {margin:0; padding:0; font-size:12px ; color:#323232; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji","Microsoft YaHei",tahoma,arial,"\5B8B\4F53"; font-weight:normal!important; background-color: #F5F5F5;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}   
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:14px;}
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;font-size:12px;}
:focus {outline: 0;}
select{padding:4px 5px;border:1px solid #cbcbcb; border-radius:2px; margin-right:3px;}

/*font-size*/
.fB{font-weight:bold;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:16px;}

/*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%;}
.clear {clear: both;}

/*scrollbar*/
::-webkit-scrollbar{width:8px;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:#323232; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#0382c4; transition: all 0.5s;}
a:active {color:#0382c4;}

/*省略行数*/
.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;
 -webkit-line-clamp: 1;
}
.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: 4;}

/*----------------导航-----------------*/
.header {
  position: fixed;
  width:100%;
  left:0;
  top:0;
  z-index: 99;
}
.header .inner {
  width:1366px;
  margin:0 auto;
}

.header .logo {
  float:left;
  line-height: 60px;
}
.header .logo a {
  font-size:24px;
  margin-right:20px;
  font-weight: bold;
  color:#fff;
}
.header .loged {
  float:right;
  margin: 11px 0 0 10px;
}
.header .loged a {
  color:#fff;
  display: inline-block;
  line-height: 38px;
  margin-left:10px;
  font-size:16px;
}
.header .loged a .bi {
  font-size:16px;
}
.header .form {
  width:220px;
  float:right;
  margin-top:11px;
  position: relative;
}
.header .form  .bi-search {
  position: absolute;
  top:3px;
  right:8px;
  color:#0382c4;
  font-size:20px;
  border:none;
  background:none;
  outline: none;
}
.nav-logined {
  display: inline-block;
}
.nav-logined .nav-img img {  
  width:38px;
  height:38px;
  border-radius: 50%;
}
.nav-logined .nav-login-box:after {content: '';display: block;width: 20px; height: 20px;background-color: #fff; position: absolute; top: -5px;right: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*----------------页脚-----------------*/
.footer{width:100%; background-color:#1c1a1d;min-width: 1366px;}
.footer-top{width:100%; background:url(../images/footer.jpg) no-repeat center bottom; background-size: 100% auto;}
.footer-top-box{width:1200px; margin:0 auto; color:#888;}
.footer-bottom{width:100%; background-color:#151515;height:36px; overflow:hidden; }
.footer-bottom-box{width:1200px; line-height:36px; margin:0 auto; color:#888;}
.footer-bottom-box .a{margin-left:10px; color:#bbb;}
.footer-bottom-box .r{color:#bbb;}

.footer-link{padding:50px 0; padding-right:160px;}
.footer-link dt{font-size:18px; height:48px; line-height: 36px; color:#bbb;}
.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; }

/*----------------分页-----------------*/
.pagebox{width:100%; text-align:center; font-size:14px;}
.pagebox a,.pagebox span{min-width:16px; height:33px; line-height:33px;  margin:0 4px; padding:0 10px; color:#333; border-radius:1px; text-align:center; border:1px solid #ddd; background-color:#fff; display:inline-block;}
.pagebox a:hover,.pagebox span{background-color:#d79c00; color:#fff; border:1px solid #d79c00;}
.data-none{padding:30px 0; text-align: center; color:#999;}
/*----------------动画---------------*/
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeIn{
  0% {
		opacity: 0;
	}
  100% {
		opacity: 1;
	}
}
@keyframes fadeIn{
  0% {
		opacity: 0;
	}
  100% {
		opacity: 1;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInUp {
  0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
   -webkit-animation-duration: .8s;
   animation-duration: .8s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

.right_nav{ right:0; bottom:200px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(2) .hideBox img{width:140px;height: 140px;margin-top: 10px;}

.adv {
  position: fixed;
  right:10px;
  bottom:10px;
  width:320px;
  z-index: 999;
  display: none;
}
.adv .title {
  height:40px;
  padding:0 20px;
  line-height: 40px;
  background:#0085cd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color:#fff;
  font-weight: bold;
}
.adv .title .close {
  float:right;
  font-size:20px;
  cursor: pointer;
  padding:0 5px;
}
.adv .content {
  padding:20px 20px;
  background:#fff;
  font-size:15px;
  color:#cf1322;
  border:1px solid #0085cd;
}
.header .inner-mobile {
  display: none;
}

@media screen and (max-width:768px) {
    html {
      font-size:10px;
    }
    .header .inner {
      display: none;
    }
    .layui-nav {
      padding:0;
    }
    .header .inner-mobile {
      display: block;
      height:50px;
      background:#0085cd;
      padding:0 8px;
      position: relative;
    }

    .header .inner-mobile .bi-list {
      float:right;
      margin-top:8px;
      font-size:3rem;
    }
    .header .inner-mobile .bi-search {
      float:left;
      margin-top:10px;
      font-size:2.4rem;
    }
    .header .inner-mobile .site-name {
      font-size:2.0rem;
      line-height: 5rem;
      text-align: center;
      font-weight: bold;
    }
    .header .inner-mobile .site-name a {
      font-size:2.0rem;
      color:#fff;
    }
    .inner-mobile ul {
      position: absolute;
      z-index: 99;
      width:100%;
      top:50px;
      left:0;
      background-color: rgba(0, 133, 205,0.9);
      display: none;
    }
    .inner-mobile ul .layui-nav-item {
      display: block;
      line-height: 40px;
    }
    .inner-mobile .search {
      position: absolute;
      top:0;
      left:0;
      padding:10px;
      background:#0085cd;
      width:calc(100% - 20px);
      height:calc(6rem - 20px);
      display: none;
    }
    .inner-mobile .search input {
      width:calc(100% - 40px);
      float: left;
    }
    .inner-mobile .search .cancel {
      line-height:4rem;
      float:right;
    }
    .inner-mobile ul a {
      color:#fff;
      display: block;
    }
    .footer {
      width:100%;
      min-width: 100%;
    }
    
    .footer-bottom-box {
      width:100%;
    }
    .footer-bottom-box .l,.footer-bottom-box .r {
      display: none;
    }
    .right_nav li img{width: 20px;height:20px;}
    .right_nav li{right: -80px;padding:10px 5px; }
}