@charset 'utf-8';
html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: -webkit-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
    background-image: -moz-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
    background-image: -ms-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
    background-image: linear-gradient(0deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
    perspective: 1000px;
}

.bg0 {
    width: 500px;
    height: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background: url(../images/bg0.png) no-repeat center center;*/
    background-size: 150%;
}

.bg1 {
    width: 100%;
    height: 100%;
    /* background: url(../images/lxLeft1.png) no-repeat center center; */
    position: relative;
    background-size: 140%;
    top: -35px;
}

.hx-box {
    top: 50%;
    left: 50%;
    width: 500px;
    height: 500px;
    transform-style: preserve-3d;
    transform: translate(-50%, -50%) rotateY(75deg);
}

.hx-box ul {
    width: 500px;
    height: 500px;
    transform-style: preserve-3d;
    animation: hxz 20s linear infinite;
}

@keyframes hxz {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-360deg);
    }
}

.hx-box ul li {
    width: 500px;
    height: 500px;
    /*border: 4px solid #5ec0ff;*/
    border-radius: 1000px;
}

.hx-box ul li span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/hx.png) no-repeat center center;
    background-size: 100% 100%;
    animation: hx 4s linear infinite;
}

@keyframes hx {
    to {
        transform: rotate(360deg);
    }
}

.hx-k2 {
    transform: rotateX(60deg) rotateZ(60deg)
}

.hx-k3 {
    transform: rotateX(-60deg) rotateZ(-60deg)
}
*{margin: 0;padding: 0;font-family: "微软雅黑";}
.lxBox{position: fixed;width: 100%;height: 100%;top: 0;left: 0;/*background: url(img/login.png) no-repeat center;*/background-size: 100% 100%;z-index: 1;min-width: 960px;}
.lxContentlogo{width: 350px;height: 50px;position: absolute;top: 40px;left: 100px;z-index: 2;}
.lxcontent{width: 75%;height: 375px;min-width: 960px;position: relative;}
.lxcontent_left{width: 500px;height: 400px;float: left;text-align: center;color: #fff;font-size: 20px;position: relative;}
.lxcontent_left img{position: relative;margin-top: 90px;}
/*.lxcontent_left img:hover{width: 408px;height: 295px;}*/
.lxcontent_left1{position: absolute;top: 62px;left: 174px;}
.lxcontent_left2{position: absolute; top: 233px;left: 19px;}
.lxcontent_left3{position: absolute;top: 187px;left: 414px;}
.lxcontent_right{width: 300px;height: 375px;float: right;background: #0d2d6e;opacity: .6;border-radius: 5px;position: relative;top: 0px;}
.FprmLogin{width: 300px;/*height: 400px;*/position: absolute;right: 0;top: 40px;}
.FprmLogin h3{padding: 30px 20px 10px 20px;position: relative;color: #fff;}
.FprmLogin h3:after{position: absolute;content: '';width: 85%;height: 2px;background: #fff;opacity: .5;left: 20px;bottom: 0;}
.FprmLoginInp input:nth-of-type(1){border: none;opacity: .9;width: 85%;margin-left: 20px;padding-left: 20px;height: 40px;border-radius: 5px;}
.remember{width: 85%;padding-left: 20px;margin: auto;margin-top: 10px;color: #fff;font-size: 10px;position: relative;}
.remember input{position: absolute;left: 0;top: 3px;}
.FprmLoginOk{width: 85%;height: 50px;margin-left: 20px;text-align: center;line-height: 50px;display: flex;margin-top: 40px;}
.FprmLoginOk button{ border: none;background: #3d73e4;color: #fff;flex: 1;border-radius:5px ;font-size: 18px;}
footer{width: 100%;height: 40px;text-align: center;line-height: 40px;position: fixed;background: #333333;bottom: 0;left: 0;z-index: 9999;opacity: .6;}
footer span{color:#fff;font-size: 13px;}
.Internet1{position: absolute;top: 50;left: 123;}

body {
  background: radial-gradient(200% 100% at bottom center, #0070aa, #0b2570, #000035, #000);
  background: radial-gradient(220% 105% at top center, #000 10%, #000035 40%, #0b2570 65%, #0070aa);
  background-attachment: fixed;
  overflow: hidden;
}

@keyframes rotate {
  0% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
  }
  100% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
  }
}
.stars {
  transform: perspective(500px);
  transform-style: preserve-3d;
  position: absolute;
  bottom: 0;
  perspective-origin: 50% 100%;
  left: 50%;
  animation: rotate 90s infinite linear;
}

.star {
  width: 2px;
  height: 2px;
  background: #F7F7B6;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0 -300px;
  transform: translate3d(0, 0, -300px);
  backface-visibility: hidden;
}
.bottom_footer{background: url(../images/bottom.png) no-repeat center;width: 100%;height: 980px;position: fixed;bottom: 0px;}

@media screen and (max-width: 1919px) {
   .FprmLoginInp input:nth-of-type(1){
   		/* margin-top: 25px; */
   }
   .FprmLoginOk{margin-top: 30px;}
   .lxcontent_right{height: 300px;width: 260px;}
   .bg1{background-size: 120% !important;}
   .FprmLoginInp input:nth-of-type(1){height: 35px;}
   .FprmLoginOk{height: 40px;line-height: 40px;}
   .FprmLogin{width: 260px;}
   .hx-box ul li span{background-size: 70% 70%;}
}
#submitBtn{
	border: none;
    background: #3d73e4;
    color: #fff;
    flex: 1;
    border-radius: 5px;
    font-size: 18px;
}