* {  margin: 0;  padding: 0;  box-sizing: border-box;}
li,
a {  list-style: none;  text-decoration: none;}
body {  min-width: 1519px !important;  max-width: 1920px;  margin: 0 auto;  background-image: none;}.hide {  display: none;}.tips_mask {  position: fixed;  background-color: rgba(0, 0, 0, 0.5);  width: 100%;  height: 100%;  z-index: 10;  display: none;}.tips {  position: relative;  background-color: #FFF;  width: 500px;  height: 300px;  z-index: 11;  left: 50%;  top: 200px;  transform: translate(-50%, 15%);  border-radius: 20px;  padding: 20px;  text-align: center;  display: none;}.tips p {  font-size: 26px;  height: 150px;  color: red;  padding-top: 30px;}.tips button {  font-size: 20px;  border: none;  padding: 10px 20px;  border-radius: 5px;  margin: 0 20px;}.tips .jump {  background-color: #096f03;  color: #fff;}.header {  position: relative;  width: 100%;  height: 506px;}.header .mask {  position: absolute;  width: 100%;  height: 506px;  background: rgba(35, 35, 35, 0.2);  z-index: 3;}.header .swiper {  z-index: 2;  position: absolute;  width: 100%;  height: 506px;}.header .swiper .swiper-wrapper {  width: 100%;}.header .switch_btn_left {  position: absolute;  left: 55px;  top: 44%;  background: url("../png/brttf9.png") no-repeat 25px 18px rgba(0, 0, 0, 0.5);  width: 74px;  height: 74px;  border-radius: 60px;  z-index: 3;  color: #fff;  line-height: 62px;  font-size: 40px;  text-align: center;  transform: translate(0, -50%);  cursor: pointer;}.header .switch_btn_right {  position: absolute;  right: 55px;  top: 44%;  background: url("../png/6uuu16.png") no-repeat 28px 18px rgba(0, 0, 0, 0.5);  width: 74px;  height: 74px;  border-radius: 60px;  z-index: 3;  color: #fff;  line-height: 62px;  font-size: 40px;  text-align: center;  transform: translate(0, -50%);  cursor: pointer;}.header .switch_btn_right:hover {  background-color: rgba(0, 0, 0, 0.8);}.header .switch_btn_left:hover {  background-color: rgba(0, 0, 0, 0.8);}.header .top {  background: rgba(130, 125, 125, 0.6);  height: 48px;  width: 100%;  text-align: center;  z-index: 7;  position: absolute;  top: 0;  backdrop-filter: saturate(150%) contrast(50%) blur(50px);}.header .currentLocation {  color: #fff;  margin: 90px 55px;  z-index: 3;  position: absolute;}.header .center {  z-index: 3;  perspective: 800px;  position: relative;  width: 1153px;  height: 228px;  margin: 0 auto;  padding: 0px 50px;  top: 140px;  backdrop-filter: saturate(150%) contrast(50%) blur(15px);  background-image: linear-gradient(180deg, rgba(224, 252, 255, 0.2) 0%, rgba(129, 186, 231, 0.9) 100%);  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);  border-radius: 20px;}.header .center .progressBar {  width: 450px;  height: 5px;  background-color: #fff;  margin-top: -20px;  position: relative;  border-radius: 10px;  margin-left: 20px;}.header .center .progressBar .move {  height: 100%;  width: 10%;  background: url(../png/vxh8u3.png) no-repeat;  background-position: -3px -53px;  border-radius: 10px;}.header .center .numbers {  position: relative;  display: inline-block;}.header .center .numbers p {  position: absolute;    font-size: 40px;  color: #7bfaff;  top: 132px;  left: 8px;  font-style: oblique;  font-weight: bold;}.header .center .numbers p span {  font-size: 18px;  color: #b4d1e8;  padding-left: 10px;  }.header .center .img {  margin-top: -5px;  animation-duration: 0.5s;}.header .center .card1 {  background: url("../png/cnfxt2.png") no-repeat;  background-size: 100% 100%;  z-index: 6;  box-shadow: 7px 1px 16px 0px rgba(0, 0, 0, 0.3);}.header .center .card {  width: 320px;  height: 318px;  position: absolute;  top: -50px;  left: 590px;  width: 300px;  transform: rotateY(-17deg);  border-radius: 10px;}.header .center .card img {  width: 100%;  height: 100%;  border-radius: 10px;}.header .center .card2 {  width: 279px;  height: 260px;  margin-left: 70px;  z-index: 5;  top: -20px;  transform: rotateY(-35deg);  background: rgba(193, 196, 229, 0.6);  border: 1px solid rgba(255, 255, 255, 0.6);  box-shadow: 7px 2px 16px 0 rgba(0, 0, 0, 0.1);}.header .center .card3 {  width: 247px;  height: 258px;  margin-left: 145px;  z-index: 4;  top: -60px;  transform: rotateY(-46deg);  background: rgba(193, 196, 229, 0.5);  border: 1px solid rgba(255, 255, 255, 0.5);  box-shadow: 7px 2px 16px 0 rgba(0, 0, 0, 0.1);}.header .center .card4 {  width: 223px;  height: 220px;  margin-left: 220px;  z-index: 3;  top: -3px;  transform: rotateY(-46deg);  background: rgba(193, 196, 229, 0.4);  border: 1px solid rgba(255, 255, 255, 0.4);}.header .navs {  position: absolute;  width: 100%;  height: 74px;  background: rgba(26, 35, 127, 0.4);  backdrop-filter: saturate(150%) contrast(50%) blur(50px);  bottom: 0;  z-index: 3;}.header .navs .navs2 {  margin: 0 auto;  width: 90%;  position: relative;  min-width: 1367px;}.header .navs .navs2 .navs3 {  position: relative;  width: 1160px;  margin: 0 auto;}.header .navs .navs2 .navs3 .span {  position: absolute;  left: 0;  width: 116px;  height: 90px;  background: url("../png/vxh8u3.png") no-repeat;}.header .navs .navs2 .navs3 ul {  position: relative;  z-index: 3;  width: 1160px;  margin: 0 auto;}.header .navs .navs2 .navs3 ul li {  float: left;  width: 116px;  height: 74px;  font-weight: bold;  color: #fff;  text-align: center;  cursor: pointer;}.header .navs .navs2 .navs3 ul li p {  margin-top: 20px;}.header .navs .navs2 .navs3 ul li span {    font-size: 19px;  font-style: oblique;  font-weight: bold;}.header .navs .navs2 .navs3 ul li:hover {  background-image: linear-gradient(to right, rgba(148, 141, 255, 0.5) 0%, rgba(69, 137, 255, 0.5) 100%);  border-radius: 10px;}.header .navs .navs2 .search1 {  position: absolute;  left: -5%;  width: 169px;  height: 50px;  margin-top: 11px;  display: inline-block;}.header .navs .navs2 .search1 .ipt {  background: rgba(216, 216, 216, 0.25);  border-radius: 25px;  width: 169px;  height: 50px;  outline: none;  border: none;  font-size: 18px;  color: #fff;  padding-left: 10px;  padding-right: 57px;}.header .navs .navs2 .search1 .search {  position: absolute;  top: 1px;  background: url(../png/1nn6yw.png) no-repeat center;  cursor: pointer;  display: inline-block;  width: 47px;  height: 47px;  padding: 5px;  margin-left: -48px;  border-radius: 25px;}.header .navs .navs2 .search1 .search:hover {  background: url(../png/1nn6yw.png) no-repeat center rgba(238, 237, 237, 0.5);}::-webkit-input-placeholder {   color:rgb(192, 185, 192);  font-size: 16px;}.header .navs .navs2 .left {  position: absolute;  width: 150px;  height: 50px;  right: -4%;  background:  rgba(216, 216, 216, 0.05) ;  border-radius: 25px;  margin-top: 15px;  cursor: pointer;  padding: 2px 2px;}.header .navs .navs2 .left .openPicture{  display: inline-block;  color:#fff;  font-size: 18px;  width: 48%;  height: 100%;  line-height: 46px;  text-align: center;  border-radius: 25px;}.header .navs .navs2 .left .openText{  display: inline-block;  vertical-align: top;  color:rgb(192, 185, 192);  font-size: 18px;  width: 48%;  height: 100%;  line-height: 46px;  text-align: center;  border-radius: 25px;}.header .navs .navs2 .left .imageOrTextHighlight{  border-radius: 25px;  position: absolute;  display: inline-block;  height: 92%;  width: 48%;  background: url(../png/vxh8u3.png) no-repeat;  z-index: -1;}.highlight:hover{  background-color: rgba(216, 216, 216 , 0.1);}.container {  width: 100%;  background: url("../png/3g94k3.png") no-repeat;  padding-top: 50px;  background-size: 100% 100%;  overflow: hidden;}.container .main {  animation-duration: 0.3s;  width: 100%;  padding: 0px 50px;}.container .main .nameitme {  display: inline-block;  width: 24%;  margin-bottom: 15px; float: left;}.container .main .nameitme .nameitme2 {  position: relative;  cursor: pointer;  width: 324px;  margin: 0 auto;}.container .main .nameitme .nameitme2 .itmeimg::after {  content: "";  position: absolute;  bottom: 5.5px;  width: 90%;  height: 3px;  left: 50%;  transform: translate(-50%, -50%);}.container .main .nameitme .nameitme2 .itmename {  height: 50px;  text-align: left;  font-size: 18px;  color: #adc4ff;  line-height: 23px;  margin-top: 10px;}.container .main .nameitme .nameitme2 .itmename i {  color: red;  width: 9px;  display: inline-block;}.container .main .nameitme .nameitme2 .itmename p {  display: inline-block;  width: 293px;  vertical-align: top;  margin-left: 10px;	opacity: 0.9;}.container .main .nameitme .nameitme2:hover .itmename p {  opacity: 1;}.container .main .nameitme .nameitme2:hover {  background: #29354c;  border-radius: 10px;}.container .main .nameitme .nameitme2:hover .itmeimg {  transform: scale(1.05) translate(0, -10px);  transition-duration: 0.3s;}.container .main .nameitme .nameitme2:hover .itmeimg_after::after {  box-shadow: 0px 15px 7px #000000;}.container .standard {  overflow: hidden;}.container .standard h2 {  margin-top: 140px;  margin-bottom: 17px;  text-align: center;  opacity: 0.3;  font-size: 30px;  color: #FFFFFF;}.container .standard .guild {  height: 115px;  background: rgba(255, 255, 255, 0.05);}.container .standard .guild .left {  margin-left: 19.7%;}.container .standard .guild .right {  margin-left: 2.2%;}.container .standard .guild .right:hover {  background-color: rgba(0, 0, 0, 0.7);}.container .standard .guild .left:hover {  background-color: rgba(0, 0, 0, 0.7);}.container .standard .guild div {  background: #333641;  border-radius: 10px;  width: 327px;  height: 59px;  float: left;  text-align: center;  margin-top: 47px;}.container .standard .guild div p {  font-size: 18px;  color: #A7C5FF;  margin-top: 15px;	background: url("../png/w9afd3.png") no-repeat 20px;}@media (min-width: 1600px) {  .search1 {    margin-left: 20px;  }  .header .navs .navs2 .left {    right: -2%;  }}@media (min-width: 1700px) {  .search1 {    margin-left: 50px;  }  .header .navs .navs2 .left {    right: 0%;  }}@media (min-width: 1800px) {  .search1 {    margin-left: 90px;  }  .header .navs .navs2 .left {    right: 3%;  }}@media (min-width: 1900px) {  .container .main {    padding: 0 70px;  }  .container .main .nameitme {    width: 19.7%;  }  .search1 {    margin-left: 90px;  }}.data-footer {  width: 100%;}.itmeimg img {  width: 326px;  height: 98px;}