@charset "UTF-8";
/*globle*/
/*默认字体*/
/* 色彩 */
/* 基本色 #4573dc*/
/* 背景色 */
/* 间隔色 */
/* 边框色 */
/* 警告色 */
/* 白色  */
/*链接*/
/*链接_悬停*/
/*默认背景*/
/*默认颜色*/
/*head背景*/
/*链接*/
/*链接_悬停*/
/*nav 背景*/
/*content背景*/
/*table 间隔*/
/*table_悬停*/
/*table 行间隔色*/
/*新增字体颜色*/
/*新增基本颜色*/
/*输入框颜色*/
.log_bg, .log_box {
  min-width: 1300px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

/* .log_bg{background: url(../pic/login_bg.png) no-repeat 50% 50%;background-size: cover;} */
.log_footer {
  display: block;
  position: absolute;
  min-width: 1300px;
  top: 90%;
  left: 0;
  right: 0; }

.log_footer > .log_action {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.log_footer .log_action .down_file {
  position: absolute;
  width: 11%;
  height: 59%;
  position: absolute;
  top: 0.9%; }

.log_footer .log_action .file_chrm {
  right: 30%; }

.log_footer .log_action .file_firefox {
  right: 17.3%; }

.log_bg {
  background: #2a3043; }

.log_img {
  position: relative;
  background: url(../pic/login_up.png) no-repeat 50% 50%;
  background-size: cover;
  width: 100%;
  height: 100%; }

.log_box .w {
  position: relative;
  height: 100%;
  min-width: 1320px;
  margin: 0 auto; }

.log_hd {
  padding: 20px 0 15px;
  /* border-bottom: 2px solid rgba(255,255,255,.2); */
  overflow: hidden; }

.log_btn {
  float: right;
  margin-right: 160px; }

.log_btn a {
  float: left;
  color: #fff;
  margin-left: 70px;
  font-size: 16px; }

.log_btn a:hover {
  color: #e1fff4; }

.log_li {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  margin-left: -190px;
  background-color: #262b3d;
  padding: 10px;
  border-radius: 10px; }

.top-left, .top-right, .bottom-right, .bottom-left {
  width: 50%;
  float: left; }

.btr-tri {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 298px;
  margin-bottom: 101px;
  border-right: 151px solid rgba(94, 171, 188, 0.6);
  border-bottom: 154px solid rgba(94, 171, 188, 0.6);
  border-left: 154px solid transparent;
  border-top: 151px solid transparent;
  -webkit-animation: shrike 3s linear infinite;
  animation: shrike 3s linear infinite; }

.btl-tri {
  position: absolute;
  bottom: -15%;
  left: 43%;
  margin-left: -77px;
  margin-bottom: 101px;
  border-right: 72px solid rgba(223, 163, 17, 0.2);
  border-bottom: 77px solid rgba(223, 163, 17, 0.2);
  border-left: 77px solid transparent;
  border-top: 72px solid transparent;
  -webkit-animation: shrike 2s linear .5s infinite;
  animation: shrike 2s linear .5s infinite; }

.e-tri {
  position: absolute;
  top: 0;
  left: 33%;
  margin-top: -10px;
  border-right: 72px solid  transparent;
  border-bottom: 77px solid transparent;
  border-left: 77px solid transparent;
  border-top: 72px solid rgba(18, 147, 112, 0.4);
  -webkit-animation: shrike 4s linear .5s infinite,twinkle 2s linear .5s infinite;
  animation: shrike 4s linear .5s infinite,twinkle 2s linear .5s infinite; }

.smc {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-animation: twinkle 2s linear  infinite;
  animation: twinkle 2s linear infinite; }

.bgc {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-animation: twinkle 2s linear  infinite;
  animation: twinkle 2s linear infinite; }

.ll {
  position: absolute;
  left: 0;
  top: 12%;
  border: solid rgba(255, 235, 35, 0.4);
  border-width: 25px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  -webkit-animation: twinkle 2s linear  infinite;
  animation: twinkle 2s linear infinite; }

.bl {
  position: absolute;
  left: 18%;
  bottom: 4%;
  border: solid rgba(91, 171, 188, 0.6);
  border-width: 40px;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-animation: twinkle 4s linear  infinite;
  animation: twinkle 4s linear infinite; }

.sc-ylw, .sc-llw, .bg-ylw, .bg-llw {
  background: #ffeb23; }

.sc-ble, .sc-lble, .bg-ble, .bg-lble {
  background: rgba(21, 251, 254, 0.6); }

.sc-ylw {
  bottom: 10%;
  left: 10%; }

.sc-ble {
  top: 10%;
  left: 10%; }

.sc-llw, .sc-lble, .bg-llw, .bg-lble {
  -webkit-animation: shrike 2s linear  infinite,twinkle 4s linear  infinite;
  animation: shrike 2s linear infinite,twinkle 4s linear  infinite; }

.sc-llw {
  left: 30%;
  top: 30%; }

.sc-lble {
  left: 30%;
  top: 50%; }

.bg-ylw {
  top: 20%;
  right: 5%; }

.bg-llw {
  bottom: 49%;
  left: 50%; }

.bg-lble {
  top: 40%;
  left: 10%; }

.bg-ble {
  bottom: 5%;
  left: 33%; }

.log_li {
  padding: 20px 10px 15px; }

.log_li .ipt_list {
  position: relative;
  height: 50px;
  width: 360px;
  line-height: 50px;
  margin: 0 auto 10px; }

.log_li .ipt_user, .log_li .ipt_password {
  border-radius: 5px;
  background-color: #ffffff; }

.log_li .ipt_check .btn_check {
  display: inline-block;
  float: left;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  margin: 0;
  margin-right: 10px;
  border-radius: 5px; }

.log_li .ipt_list.ipt_check input[type="text"] {
  display: inline-block;
  float: left;
  margin: 0;
  width: 140px;
  height: 50px;
  border-radius: 5px; }

.log_li .ipt_list input {
  border: none;
  padding-left: 10px;
  width: 280px;
  height: 40px;
  font-size: 16px;
  margin-left: 65px; }

.log_li .ipt_list .warn {
  position: absolute;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  bottom: 0;
  left: 0;
  margin-bottom: -25px; }

.log_li .ipt_user:after, .log_li .ipt_password:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 5px;
  width: 60px;
  height: 40px;
  border-right: 2px solid #c7c7ca; }

.log_li .ipt_user:after {
  background: url(../pic/i_user.png) no-repeat center; }

.log_li .ipt_password:after {
  background: url(../pic/i_password.png) no-repeat center; }

.log_li a {
  display: block;
  width: 390px;
  height: 106px; }

.log_li a.a-login {
  background: url(../pic/login-btn.png); }

.log_li a.b-login {
  background: url(../pic/login-btnw.png); }

.log_li a.out-login {
  margin-top: 20px;
  height: 83px;
  background: url(../pic/login_out.png); }

.relogin_overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  background-color: rgba(0, 0, 0, 0.8); }
  .relogin_overlay .relogin_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding-left: 40px;
    min-width: 300px; }
    .relogin_overlay .relogin_wrap .icon {
      position: absolute;
      left: 0;
      display: block;
      width: 40px;
      height: 35px;
      background: url(../pic/trable_icon.png) 100% no-repeat; }
    .relogin_overlay .relogin_wrap .remind_txt {
      display: inline-block;
      padding-left: 10px;
      white-space: nowrap;
      height: 35px;
      line-height: 35px;
      font-size: 20px;
      color: #fff; }
      .relogin_overlay .relogin_wrap .remind_txt span {
        display: inline-block;
        white-space: nowrap;
        font-size: 20px;
        color: #fff; }
    .relogin_overlay .relogin_wrap .btn_go, .relogin_overlay .relogin_wrap .btn_goback_login {
      display: inline-block;
      font-size: 18px;
      color: #13DDA2; }
    .relogin_overlay .relogin_wrap .relogin_remind {
      display: block;
      margin-top: 15px;
      color: rgba(255, 255, 255, 0.9);
      font-size: 18px; }
      .relogin_overlay .relogin_wrap .relogin_remind > ul > li {
        padding-left: 12px; }
        .relogin_overlay .relogin_wrap .relogin_remind > ul > li .txt {
          display: block;
          padding-left: 20px; }

@-webkit-keyframes shrike {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(0.8); } }

@-moz-keyframes shrike {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(0.8); } }

@-ms-keyframes shrike {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(0.8); } }

@keyframes shrike {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(0.8); } }

@-webkit-keyframes twinkle {
  0% {
    opacity: 0.1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }

@-moz-keyframes twinkle {
  0% {
    opacity: 0.1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }

@-ms-keyframes twinkle {
  0% {
    opacity: 0.1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }

@keyframes twinkle {
  0% {
    opacity: 0.1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }

/*# sourceMappingURL=../tmp/login.css.map */