@charset "utf-8";

::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track{background: #fff;}
::-webkit-scrollbar-thumb{background: #000;}
::-webkit-scrollbar-thumb:vertical:hover{background: #464646;}

body,td,th,input,textarea,select{font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Microsoft YaHei','PingFang SC', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', 'sans-serif'; color:#5f5f5f; outline:none;}
html{font-size:62.5%; overflow-x:hidden;}
html,body{background:#fff; height:100%;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none; max-width:100%; width:auto; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a,button,input,img,div,p,li,span{border:0px none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a{text-decoration:none; color:#777177; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:active{color:#226e70;}
div:after, ul:after, li:after, p:after, dl:after{content:''; display:block; height:0; clear:both; font-size: 0;}
#think_page_trace_open{z-index:999998;}
*{line-height: 1;}
mark{display:inline-block;}

.ellipsis{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}


.wrap{max-width: 1200px; margin: auto;}
.blank{height: 100%;}

@media (max-width:1199px){
  .wrap{padding: 0 15px;}
  .blank{height: 0; padding-bottom: 100%;}
}


.full-bg{width:100%; height:100%; background-position: center; background-repeat: no-repeat; background-size: cover;}


/* 顶部 */
#head{width: 100%; height: 120px; position: fixed; z-index: 99; left: 0; top: 0; transition: background .35s, height .24s; background: #000;}
#head.small{height: 80px;}

#head .l{width: 205px; margin-top: 50px; float: left; transition: margin-top .24s;}
#head .r{width: 600px; margin-top: 40px; float: right; text-align: right; transition: margin-top .24s;}
#head.small .l{margin-top: 29px;}
#head.small .r{margin-top: 19px;}

#head .r a{display: inline-block; padding: 13px 8px; font-size: 1.6rem; color: #fff; margin-left: 14px; position: relative;}
#head .r a:first-child{margin-left: 0;}
#head .r a:after{content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #0076ce; left: 0; bottom: -5px; transition: all .2s; opacity: 0;}
#head .r a:hover:after{bottom: 0; opacity: 1; background: #0076ce !important;}
#head .r a.active:after{background: #fff; opacity: 1; bottom: 0;}

#nav-btn{display: none;}

@media (max-width:1199px){
  #head{height: 60px;}
  #head.small{height: 60px;}

  #head .l{width: 146px; margin-top: 22px;}

  #nav-btn{display: block; width: 60px; height: 60px; position: absolute; z-index: 2; right: 0; top: 0;}
  #nav-btn>span{width: 20px; height: 2px; background: #fff; display: block; margin: 29px auto; transition: all .25s;}
  #nav-btn:before{position: absolute; left: 20px; top: 23px; width: 20px; height: 2px; background: #fff; content: ''; display: block; transition: top .2s .2s, transform .2s;}
  #nav-btn:after{position: absolute; left: 20px; top: 35px; width: 20px; height: 2px; background: #fff; content: ''; display: block; transition: top .2s .2s, transform .2s;}
  #nav-btn.active>span{opacity: 0;}
  #nav-btn.active:before{top: 29px; transform: rotate(45deg); transition: top .2s, transform .2s .2s;}
  #nav-btn.active:after{top: 29px; transform: rotate(-45deg); transition: top .2s, transform .2s .2s;}

  #head .r{position: fixed; z-index: 1; width: 100%; height: 100%; background: #000; left: 0; top: 0; margin-top: 0; float: none; display: flex; flex-direction: column; justify-content: center; align-items: center;}
  #head .r a{margin: 7px 0; font-size: 1.8rem; padding: 13px 20px;}

  .nav-container{opacity: 0; visibility: hidden; transition: all .3s !important;}
  .nav-container.active{opacity: 1; visibility: visible;}

  #head.small .l{margin-top: 22px;}
  #head.small .r{margin-top: 0px;}

}


/* 底部 */
#foot{height: 400px; width: 100%; background: #000; position: relative; z-index: 2;}
#foot .wrap{padding: 46px 0 0 0; position: relative; z-index: 100;}
#foot .l{width: 500px; float: left; color: #707070; font-size: 1.6rem; line-height: 2;}
#foot .l a{color: #707070; transition: all .2s;}
#foot .l a:hover{color: #999;}
#foot .r{width: 655px; float: right; color: #707070; padding-top: 5px;}
#foot .r .menu>a{display: inline-block; color: #707070; font-size: 2rem; margin-right: 31px; transition: all .2s;}
#foot .r .menu>a:last-child{margin-right: 0;}
#foot .r .menu>a:hover{color: #999;}
#foot .r .box{border-top: 1px solid #888; margin-top: 25px; padding-top: 30px;}
#foot .r .qr{width: 120px; float: left;}
#foot .r .con{font-size: 1.6rem; color: #5e5e5e; width: 535px; float: left; padding-top: 8px;}
#foot .r .con p{margin-bottom: 17px;}
#foot .r .con a{color: #5e5e5e;}
#foot .r .con a:hover{text-decoration: underline;}

@media (max-width:1199px){
  #foot{height: auto;}
  #foot .wrap{padding: 40px 15px 0 15px;}
  #foot .l{width: 100%; float: none; font-size: 1.4rem; line-height: 1.8;}
  #foot .r{width: 100%; float: none; padding-top: 20px;}
  #foot .r .menu>a{font-size: 1.6rem; margin-right: 35px; transition: all .2s; padding: 7px 0;}
  #foot .r .box{padding-top: 30px; margin-top: 20px;}
  #foot .r .qr{float: none;}
  #foot .r .con{font-size: 1.2rem; width: 100%; float: none; padding-top: 28px; padding-bottom: 50px;}
  #foot .r .con p{margin-bottom: 9px; line-height: 1.3;}
}


/* 回到顶部 */
.to-top-container{
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  height: 90px;
  z-index: 98;
  text-align: right;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}
.to-top-container.active{opacity: 1; visibility: visible;}
.to-top{
  position: relative; left: 80px;
  display: inline-block;
  width: 54px; height: 54px;
  border: 1px solid #a4a4a4; border-radius: 50%;
  text-align: center; line-height: 54px;
  transition: all .3s;
}
.to-top:after{display: none;}
.to-top i{font-size: 3rem; color: #a4a4a4; line-height: 54px; transition: all .25s;}
.to-top:hover{background: #0076ce; border: 1px solid #0076ce;}
.to-top:hover i{color: #fff;}

@media (max-width:1199px){
  .to-top-container{
    bottom: 0;
    height: 65px;
  }
  .to-top{
    margin-top: 15px;
    left: unset; right: 0;
    width: 32px; height: 32px;
    line-height: 32px;
  }
  .to-top i{font-size: 2rem; line-height: 32px;}
}


/* 获取更多 */
#backbuttonstate{display: none;}

#getmore{height:47px; margin-top:50px; text-align:center;}

#getmore .loading-box {margin:0px 0 100px 0; height:47px; text-align:center; line-height:47px; display:none;}
#getmore .loading-box>div{width:12px; height:12px; background-color:#266bb7; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
#getmore .loading-box .bounce1{animation-delay:-0.32s;}
#getmore .loading-box .bounce2{animation-delay:-0.16s;}
@keyframes bouncedelay{
  0%,80%,100% {transform: scale(0.0);}
  40%{transform: scale(1.0);}
}

#getmore .handle{padding:0 50px 0 50px; font-size: 15px; font-weight: 300; color:#fff; background:#0076ce; height:47px; line-height:45px; transition: all .2s; display:none;}
#getmore .handle>span{font-size:1rem; transform:scale(.7); display:inline-block; vertical-align:top; margin-left:.6rem;}
#getmore .handle:hover{background:#0185e7;}