@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; outline:0 none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/1.5 "Arial","Hiragino Sans GB","Microsoft YaHei",'\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;background:#0C162E;color:#000;}
a{outline:0 none;cursor:pointer;text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
img{border:0 none;}
em,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
.fl, .fr { display: inline; float: left; }

.fr { float: right; } 

.pr{ position:relative; }

.pa{ position:absolute; }

.pf{ position: fixed;}
[class*="btn"]{ display: block; background-repeat: no-repeat; background-size: 100% 100%}

.bg{ background-repeat: no-repeat; background-size: 100% 100%;}

.df{ display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center;}
.df.between{ -webkit-justify-content: space-between; justify-content: space-between; }
.df.start{ -webkit-justify-content: flex-start;; justify-content: flex-start; }

.pup{ top: 50%; left: 50%; background-repeat: no-repeat; background-size: 100% 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 102;}

input::-webkit-input-placeholder { color: #d96e4d;}
input:-moz-placeholder { color: #d96e4d;}
input::-moz-placeholder {  color: #d96e4d;}
input:-ms-input-placeholder { color: #d96e4d; } 
input:invalid{
      animation: shake 0.2s ease-in-out 0s 2;
      box-shadow: 0 0 0.4em red;
}
  @keyframes shake {
      0% { margin-left: 0rem; }
      25% { margin-left: 0.5rem; }
      75% { margin-left: -0.5rem; }
      100% { margin-left: 0rem; }
}

.thickdiv {  position: fixed; top: 0; left: 0; width: 100%;  height: 100%; background:#000000; border: 0 none; touch-action: none; opacity: 0.5; filter:alpha(opacity=50); z-index:101;}

a,button,.nav li{ -webkit-transition: transform 1s; transition: transform 1s; background-color: transparent; border: none; cursor: pointer; }
a:hover,button:hover,.nav li:hover{ -webkit-transform: scale(.95); transform: scale(.95);}
a:not([class]) { text-decoration-thickness: max(0.08em, 1px); text-underline-offset: 0.15em; }

.wrapper{ font-size: .22rem; color: #fff; font-family: microsoft yahei; }
.float-code{ top: 2rem; right: 0; padding: .15rem; width: 2.2rem; background: #157DDB; font-size: .24rem; -webkit-border-radius: .1rem; border-radius: .1rem; box-sizing: border-box; -webkit-animation: rightToLeft .5s linear; -webkit-animation-fill-mode: forwards; animation: rightToLeft .5s linear; animation-fill-mode: forwards; z-index: 2; }
.float-code.hide{ -webkit-animation: leftToRight .5s linear; -webkit-animation-fill-mode: forwards; animation: leftToRight .5s linear; animation-fill-mode: forwards; }
.float-code .code-title{ margin-bottom: .1rem; padding-bottom: .05rem; border-bottom: .03rem #0C6DBF solid; }
.float-code .code-title img{ margin-right: .05rem; width: .49rem; }
.float-code .code-img,
.float-code .code-img img{ width: 1.94rem;}
.float-code .code-arrow{ top: .1rem; left: -.31rem; width: .31rem; height: .52rem; background: rgba(0, 4, 7, .35); cursor: pointer; -webkit-border-radius: .1rem 0 0 .1rem; border-radius: .1rem 0 0 .1rem; }
.float-code .code-arrow img{ width: .28rem; }
.float-code.hide .code-arrow img{ -webkit-transform: rotate(180deg);  transform: rotate(180deg); }

@-webkit-keyframes leftToRight {
      0%{ -webkit-transform: translateX(0);}
      100%{ -webkit-transform: translateX(100%);}
  }
@keyframes leftToRight {
    0%{ transform: translateX(0);}
    100%{ transform: translateX(100%);}
}
@-webkit-keyframes rightToLeft {
    0%{ -webkit-transform: translateX(100%);}
    100%{ -webkit-transform: translateX(0);}
}
@keyframes rightToLeft {
      0%{ transform: translateX(100%);}
    100%{ transform: translateX(0);}
  }

.bot-code{ display: none; }

.top{ top: 0; left: 0; width: 100%; height: .96rem; background: rgba(0,0,0,.3); font-size: .24rem; z-index: 999; }
.top .container{ margin: 0 auto; width: 75%; height: 100%; }
.logo{ margin-top: .1rem; }
.logo img{ height: 1.05rem; }
.nav{ gap: 1.5rem; letter-spacing: .02rem; }
.nav a{ color: #D4D4D4;}
.nav i{ display: inline-block; margin-right: .1rem; vertical-align:text-top; }
.nav li.active a{ color: #fff; }
.nav .ico-home{ width: .36rem; height: .29rem; background-image: url(//png.pookcdn.net/new_net/bydrqp/v2/ico_home.png); }
.nav li.active .ico-home{ background-image: url(//png.pookcdn.net/new_net/bydrqp/v2/ico_home_on.png); }
.nav .ico-news{ width: .28rem; height: .31rem; background-image: url(//png.pookcdn.net/new_net/bydrqp/v2/ico_news.png); }
.nav li.active .ico-news{ background-image: url(//png.pookcdn.net/new_net/bydrqp/v2/ico_news_on.png); }
.nav .ico-feature{ width: .32rem; height: .36rem; background-image: url(//png.pookcdn.net/new_net/bydrqp/v2/ico_feature.png); }
.nav li.active .ico-feature{ background-image: url(//png.pookcdn.net/new_net/bydrqp/v2/ico_feature_on.png); }

.footer{ padding: .1rem 0; background: #0C162E; text-align: center; font-size: .16rem; color: #A5A5A5; }

.float-top{ display: none; }