@charset "utf-8";
.login-box {
  width: 585px;
	height: 585px;
  border-radius: 5px;
  margin-left: 27%;
  margin-bottom: 75px;
  border-radius:50%;
  margin-bottom: 16%;
  margin-top: 11.9%;
  background: url(../images/denglutu.png) no-repeat;
  border-radius: 50%;
}
.zw{display: none;}
.zy{
  width: 130px;
	height: 25px;
	border-radius: 13px;
	border: solid 1px #ba9c59;
}
.zy a{
  color: #ba9c59;
  width: 61px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
}
.zy a.hover{
  background-color: #ba9c59;
  color: #fff;
  border-top-left-radius:2em;
  border-bottom-right-radius:2em;
}
.login-box .heading {
 font-size: 26px;
  text-align: center;
  height: 72px;
  line-height: 72px;
  color: #031749;
  padding-top: 19%;
}
.login-box .dropdown {
  display: inline-block;
  position: relative;
}
.login-box .dropdown input {
  cursor: pointer;
}
.login-box .dropdown .dropdown-menu {
  width: 100%;
  z-index: 999;
  max-height: 235px;
  overflow-y: scroll;
  z-index: 3333;
  border: 1px solid #ddd;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}
.login-box .dropdown input {
  background: url(../images/i102.jpg) no-repeat 96%;
}
.login-box .dropdown .dropdown-menu li {
  display: block;
  padding: 5px 0 5px 10px;
  margin: 0;
  font-size: 14px;
  cursor: pointer;
}
.login-box .dropdown .dropdown-menu li:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.login-box .login {
  display: block;
  
  padding: 15% 23%;
}
.login-box .login .tip {
  font-size: 14px;
  color: #e4393c;
  background: #fffbe6 url(../images/i116.png) no-repeat 15px;
  border: 1px solid #fae9a6;
  padding-left: 40px;
  line-height: 36px;
  height: 38px;
  margin-bottom: 6px;
}
.login-box .login .none {
  height: 0;
  margin-top: 22px;
  border: none;
}
.login-box .login li {
  margin-bottom: 13px;
  position: relative;
  width: 100%;
}
.login-box .login li input {
  height: 42px;
  line-height: 40px;
  width: 100%;
  width: 320px;
	height: 50px;
	background-color: #fdfdfd;
	border-radius: 25px;
	border: solid 1px #e7e7e7;
}
.login-box .login li.validateCode span {
  position: absolute;
  width: 95px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background-color: #0166b6;
  top: 6px;
  right: 6px;
  border-radius: 3px;
  cursor: pointer;
}
.login-box button {
  background-color: #ba9c59;
  color: #fff;
  height: 50px;
  line-height: 50px;
  width: 100%;border-radius: 25px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
}
.login-box button:hover {
  opacity: 0.8;
}
.login-box .login li.yzm{width: 70%;float: left;}
.login-box .login li.yzm input{width: 100%;}
.login-box .login li.yzmpic{width: 30%;float: right;}
.login-box .login li.yzm1{width: 70%;float: left;}
.login-box .login li.yzm1 input{width: 100%;}
.login-box .login li.yzmpic1{width: 30%;float: right;}
.yzm1 input{background:url(../images/yzm.png) no-repeat 15px;    padding-left: 44px;}
.name input{background:url(../images/xm.png) no-repeat 15px;    padding-left: 44px;}
.Password input{background:url(../images/password.png) no-repeat 15px;    padding-left: 40px;}
.yzm input{background:url(../images/yzm.png) no-repeat 15px;    padding-left: 44px;}
.fire-tip {    text-align: center;    width: 100%;    font-size: 44px;    color: #fff;    text-shadow: 0 0 1px #fff;}
.fire-address{    text-align: center;    width: 100%;    font-size: 14px;    color: rgba(255, 255, 255, 0.8);    margin-top: 44px;}
.fire-handle{    display: block;    text-align: center;    background: #00BFF0;    color: #ffffff;    border-radius: 20px;    font-size: 14px;    width: 80px;    height: 40px;    line-height: 40px;    margin: 24px auto;    text-decoration: none}
.fire-handle:hover{    background: #06a2ca;}
.container canvas {    display: block;    position: absolute;    left: 0;    top: -9px;}/* 保持大小不变的小圆圈  */.dot {    position: absolute;    width: 96px;    height: 96px;    left: 160px;    top: 160px;    background: url(01.gif) no-repeat;    background-size:100%;    z-index: 200;}/* 产生动画（向外扩散变大）的圆圈  */
.pulse,.pulse-big {    position: absolute;    width: 800px;    height: 800px;    border: 2px solid #fff;    background: rgba(248, 248, 248, 0.6);    border-radius: 50%;    z-index: 100;    opacity: 0;}.pulse{   background: rgba(247, 247, 247, 0.6)!important;    -webkit-animation: warn 0.9s ease-out;    -moz-animation: warn 0.9s ease-out;    animation: warn 0.9s ease-out;    -webkit-animation-iteration-count: infinite;    -moz-animation-iteration-count: infinite;    animation-iteration-count: infinite;    box-shadow: 1px 1px 30px #fff;}
.pulse-big{    background: rgba(248, 248, 248, 0.6)!important;    -webkit-animation: warn1 0.9s ease-out;    -moz-animation: warn1 0.9s ease-out;    animation: warn1 0.9s ease-out;    -webkit-animation-iteration-count: infinite;    -moz-animation-iteration-count: infinite;    animation-iteration-count: infinite;    box-shadow: 1px 1px 30px #fff;}@keyframes warn {    0% {          -moz-transform: scale(0);          transform: scale(0);          opacity: 1;    }    100% {          -moz-transform: scale(1);          transform: scale(1);          opacity: 0;    }}  @keyframes warn1 {    0% {      -o-transform: scale(0);      transform: scale(0);      opacity: 1;    }    100% {      -o-transform: scale(0.6);      transform: scale(0.6);      opacity: 0;    }  }
.dh{       position: absolute;
  top: 16%;z-index: 1;
  left: 28%;}
.pictitle{display: none;}
.point{ top: 63%;left: 48%;}
  .tx{    width: 139px;
    height: 25px;
    border-radius: 13px;
    float: right;
    margin-right: 0%;
    margin-top: 2%;}
    .tx a{    width: 48%; display: inline-block;text-align: center;font-size: 12px;color: #be9b53;}
    .tx a{background-size: 100%;color: #fff;line-height: 24px;      height: 25px;
        text-align: center;cursor:pointer; }
      .tx a.yc_1.hover{
        background: url(../images/yctb.png) no-repeat -1px;
        background-size: 100%;
        float: left;
      }
      .tx a.zw_1.hover{
        background: url(../images/zw.png) no-repeat 1px;
        background-size: 100%;
      }
      .tx a.zw_1{
        background: url(../images/yctb_1.png) no-repeat 1px;
        float: left;
      }
      .tx a.yc_1{
        background: url(../images/zw_02.png) no-repeat 0px;
      }
        .point,.point::before,.point::after{position: absolute;z-index: 1;width: 60px; height:60px; border-radius: 50%;content: ''; }
        .point::before{animation: scale 2s infinite; }
        .point::after{animation: scale2 2s infinite; }
        @keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(6); opacity: 0;}}
        @keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(12);opacity:0;}}
        

        .point,.point::before,.point::after{
          /* 设置颜色 */
          background-color: rgba(250, 250, 250, .9);}
          .point2,.point2::before,.point2::after{
          /* 设置颜色 */
          background-color: rgba(0, 221, 254, .9);}


          @media screen and (max-width: 768px) {
            .login-box{    margin-left: 13%;margin-bottom: 31.7%;margin-top: 19%;background: #fff;}
            .pictitle{display: block;width: 75%; margin: 0 auto; padding-top: 12%; }
            .pictitle img{width: 100%;display: block;}
            .tx{    margin-right: 13%;}
            body{background: none;}

          }
          @media screen and (max-width: 414px) {
            .login-box{
              width: 95%;    height: 380px;margin:0 auto;padding: 2%;margin-top: 22%;margin-bottom: 35.4%;background: #fff;
            }
            .login-box .heading{   padding-top: 3%;}
            .login-box .login li input{width: 100%;}
            .point{display: none;}
            .login-box .login{       padding: 5% 57px 0;}
          }
          @media screen and (max-width: 375px) {
            .login-box{
              margin: 0 auto;
    width: 88%;
    margin-bottom: 40.4%;background: #fff;
    margin-top: 19.09%;
    height: 330px;
            }
            .login-box .login li{    margin-bottom: 2px;}
          }
          @media screen and (max-width: 320px) {
            .login-box{
              height: 283px;
            }
            .login-box .login li input{
              height: 38px;
            }
          }