.container {
  background-image: url("../../images/gczljc/img_beijin.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .header {
  z-index: 9999;
  position: relative;
  background-image: url("../../images/gczljc/header.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: .86rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .header .title {
  font-size: .32rem;
  color: #A4E0E8;
  background: linear-gradient(0deg, #A4C7E8 0%, #FFFFFF 99.63379%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: -0.15rem;
  font-weight: 600;
}

.container .header .date {
  position: absolute;
  left: .18rem;
  font-size: .18rem;
  color: #fff;
  font-weight: 300;
  margin-top: .2rem;
}

.container .header .date span {
  margin-left: .25rem;
}

.container .maincon {
  position: relative;
  height: calc(100% - 1rem);
}

.container .maincon .card {
  height: 100%;
}

.container .maincon .card .head {
  display: flex;
  height: .4rem;
}

.container .maincon .card .head div {
  width: 100%;
  margin-left: .05rem;
  background: linear-gradient(90deg, #0678B5 0%, rgba(0, 92, 181, 0) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container .maincon .card .head .item {
  position: relative;
  height: .3rem;
  padding: 0 .1rem;
  color: #d4d4d4;
  font-size: .14rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-right: .1rem;
  background: rgba(0, 255, 255, 0.1);
}

.container .maincon .card .head .item img {
  position: absolute;
  width: .06rem;
  height: .06rem;
}

.container .maincon .card .head .item .item1 {
  left: 0;
  top: 0;
}

.container .maincon .card .head .item .item2 {
  left: 0;
  bottom: 0;
}

.container .maincon .card .head .item .item3 {
  right: 0;
  top: 0;
}

.container .maincon .card .head .item .item4 {
  right: 0;
  bottom: 0;
}

.container .maincon .card .head p {
  height: 100%;
  margin-left: .16rem;
  display: flex;
  align-items: center;
  font-size: .22rem;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(0deg, #A4C7E8 0%, #FFFFFF 99.63379%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.container .maincon .card .head::before {
  content: '';
  width: .03rem;
  background: rgba(52, 255, 255, 0.8);
  box-shadow: 2px 0px 3px 0px rgba(52, 255, 255, 0.3);
  float: left;
}

.container .maincon .card .main {
  height: calc(100% - .4rem);
}

.container .maincon .card .list {
  position: relative;
  height: calc(100% - .63rem);
  margin-top: .15rem;
  overflow: auto;
}

.container .maincon .card .list::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.container .maincon .card .list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.container .maincon .card .list::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.container .maincon .card .list .list-head {
  position: sticky;
  top: 0;
  font-size: .14rem;
  background: #06398c;
  height: .4rem;
  color: #97ABCB;
  display: flex;
  align-items: center;
  text-align: center;
}

.container .maincon .card .list .list-main {
  margin-top: .04rem;
  font-size: .14rem;
}

.container .maincon .card .list .list-main .flex-item {
  padding: .12rem 0;
  margin-bottom: .02rem;
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
}

.container .maincon .card .list .list-main .flex-item:nth-child(odd) {
  background: rgba(22, 126, 255, 0.05);
}

.container .maincon .card .list .list-main .flex-item:nth-child(even) {
  background: rgba(22, 126, 255, 0.1);
}

.container .maincon .card .list .list-main .hover:hover {
  background: rgba(22, 126, 255, 0.3) !important;
  color: #1FD5E5;
  cursor: pointer;
}

.container .maincon .left-item {
  position: absolute;
  width: 4.8rem;
  left: .2rem;
  top: .2rem;
  height: calc(4rem + 20%);
  z-index: 9999;
}

.container .maincon .left-item .card .main {
  padding: .3rem 0;
}

.container .maincon .left-item .card .main .main1 {
  height: 1rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #97ABCB;
  font-size: .16rem;
}

.container .maincon .left-item .card .main .main1 .item {
  height: 1rem;
  width: 33.33%;
  margin: 0 .1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.container .maincon .left-item .card .main .main1 .item .number {
  margin-top: .1rem;
  font-size: .26rem;
}

.container .maincon .left-item .card .main .main1 .item1 {
  background-image: url("../../images/gczljc/icon_wu.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .left-item .card .main .main1 .item2 {
  background-image: url("../../images/gczljc/icon_liu.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .left-item .card .main .main1 .item3 {
  background-image: url("../../images/gczljc/icon_qi.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .left-item .card .main .main1 .yellow {
  color: #EDAE4C;
}

.container .maincon .left-item .card .main .main1 .cyan {
  color: #14D1D0;
}

.container .maincon .left-item .card .main .main1 .blue {
  color: #42CCFF;
}

.container .maincon .left-item .card .main .main2 {
  height: calc(100% - 1rem);
}

.container .maincon .left-item .card .main .main2 .item {
  height: 33.33%;
  display: flex;
  align-items: center;
}

.container .maincon .left-item .card .main .main2 .item .litems {
  position: relative;
  width: .8rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@-webkit-keyframes change2 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-webkit-keyframes change3 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

.container .maincon .left-item .card .main .main2 .item .litems .cir {
  position: absolute;
}

.container .maincon .left-item .card .main .main2 .item .litems .cir img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  float: left;
}

.container .maincon .left-item .card .main .main2 .item .litems .cir1 {
  width: .8rem;
  -webkit-animation: change2 2s linear infinite;
}

.container .maincon .left-item .card .main .main2 .item .litems .cir2 {
  width: .7rem;
  -webkit-animation: change2 3s linear infinite;
}

.container .maincon .left-item .card .main .main2 .item .litems .cir3 {
  width: .6rem;
  -webkit-animation: change3 3s linear infinite;
}

.container .maincon .left-item .card .main .main2 .item .litems .name {
  z-index: 9;
  color: #97ABCB;
  font-size: .16rem;
  background: linear-gradient(0deg, #A4C7E8 0%, #FFFFFF 99.63379%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.container .maincon .left-item .card .main .main2 .item .ritems {
  width: calc(100% - .8rem);
  display: flex;
  justify-content: space-around;
  position: relative;
}

.container .maincon .left-item .card .main .main2 .item .ritems::after {
  content: '';
  background-image: url("../../images/gczljc/icon_ershi.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  width: calc(100% + .1rem);
  height: .13rem;
  bottom: -.1rem;
  left: -.1rem;
}

.container .maincon .left-item .card .main .main2 .item .ritems .ritem {
  text-align: center;
}

.container .maincon .left-item .card .main .main2 .item .ritems .ritem .name {
  display: flex;
  align-items: flex-end;
  color: #97ABCB;
  font-size: .16rem;
}

.container .maincon .left-item .card .main .main2 .item .ritems .ritem .name p {
  font-size: .12rem;
}

.container .maincon .left-item .card .main .main2 .item .ritems .ritem .name span {
  margin: 0 .05rem;
}

.container .maincon .left-item .card .main .main2 .item .ritems .ritem .number {
  font-size: .26rem;
  color: #fff;
  margin-top: .1rem;
}

.container .maincon .left-item .card .main .main2 .item .ritems .ritem .green {
  color: #3BA37D;
}

.container .maincon .left-item .card .main .main2 .item .ritems .ritem .blue {
  color: #3D94F0;
}

.container .maincon .right-item {
  position: absolute;
  width: 4.8rem;
  right: .2rem;
  top: .2rem;
  bottom: 0;
  z-index: 9999;
}

.container .maincon .right-item .card1 {
  height: 3.22rem;
}

.container .maincon .right-item .card1 .main {
  padding: .3rem .2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container .maincon .right-item .card1 .main .item {
  height: 100%;
  width: 1.9rem;
  cursor: pointer;
}

.container .maincon .right-item .card1 .main .item .number {
  height: 1.6rem;
  font-size: .42rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .maincon .right-item .card1 .main .item .name {
  font-size: .18rem;
  color: #fff;
  margin-top: .1rem;
  height: calc(100% - 1.7rem);
  max-height: .38rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .maincon .right-item .card1 .main .item1 .number {
  color: #EDAE4C;
  background-image: url("../../images/gczljc/icon_shier.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .right-item .card1 .main .item1 .name {
  background-image: url("../../images/gczljc/icon_shisi.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .right-item .card1 .main .item2 .number {
  color: #34F5E3;
  background-image: url("../../images/gczljc/icon_shisan.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .right-item .card1 .main .item2 .name {
  background-image: url("../../images/gczljc/icon_shiwu.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .right-item .card2 {
  height: calc(100% - 3.22rem);
}

.container .maincon .right-item .card2 .list .item1 {
  width: 46%;
  padding: 0 .1rem;
}

.container .maincon .right-item .card2 .list .item2 {
  width: 18%;
}

.container .maincon .right-item .card2 .list .item3 {
  width: 18%;
}

.container .maincon .right-item .card2 .list .item4 {
  width: 18%;
}

.container .maincon .bottom-item {
  position: absolute;
  left: .2rem;
  right: 5.2rem;
  bottom: 0;
  height: calc(80% - 4rem);
  display: flex;
  z-index: 9999;
}

.container .maincon .bottom-item .card1 {
  height: 100%;
  width: 4.8rem;
}

.container .maincon .bottom-item .card1 .main {
  display: flex;
}

.container .maincon .bottom-item .card1 .main .list {
  height: calc(100% - .15rem);
  overflow: inherit;
}

.container .maincon .bottom-item .card1 .main .list1 {
  width: calc(100% - 1.2rem);
}

.container .maincon .bottom-item .card1 .main .list1 .flex-item {
  padding: 0;
  margin-top: .04rem;
  margin-bottom: 0;
  height: calc(33.33% - .04rem);
}

.container .maincon .bottom-item .card1 .main .list2 {
  width: 1.2rem;
}

.container .maincon .bottom-item .card1 .main .list2 .list-main {
  padding-top: .04rem;
}

.container .maincon .bottom-item .card1 .main .list2 .flex-item {
  padding: 0;
  height: 100%;
  margin-left: .04rem;
}

.container .maincon .bottom-item .card1 .main .item1,
.container .maincon .bottom-item .card1 .main .item2,
.container .maincon .bottom-item .card1 .main .item3 {
  position: relative;
  width: 33.33%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .maincon .bottom-item .card1 .main .item4 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .maincon .bottom-item .card1 .main .list-main {
  height: calc(100% - .4rem);
  margin-top: 0;
}

.container .maincon .bottom-item .card1 .main .list-main .flex-item:nth-child(1) .item1::before {
  background-image: url("../../images/gczljc/icon_shi.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .bottom-item .card1 .main .list-main .flex-item:nth-child(2) .item1::before {
  background-image: url("../../images/gczljc/icon_jiu.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .bottom-item .card1 .main .list-main .flex-item:nth-child(3) .item1::before {
  background-image: url("../../images/gczljc/icon_ba.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container .maincon .bottom-item .card1 .main .list-main .flex-item .item1 {
  font-size: .18rem;
}

.container .maincon .bottom-item .card1 .main .list-main .flex-item .item2,
.container .maincon .bottom-item .card1 .main .list-main .flex-item .item3,
.container .maincon .bottom-item .card1 .main .list-main .flex-item .item4 {
  font-size: .2rem;
}

.container .maincon .bottom-item .card1 .main .list-main .flex-item .item1 {
  font-size: .18rem;
}

.container .maincon .bottom-item .card1 .main .list-main .item1::before {
  content: '';
  position: absolute;
  left: 0;
  width: 0.1rem;
  height: 80%;
}

.container .maincon .bottom-item .card2 {
  margin-left: .2rem;
  width: calc(100% - 5rem);
}

.container .maincon .bottom-item .card2 .list .item1,
.container .maincon .bottom-item .card2 .list .item2,
.container .maincon .bottom-item .card2 .list .item3 {
  width: 28%;
}

.container .maincon .bottom-item .card2 .list .item4 {
  width: 16%;
}

.container .maincon .center-item {
  position: absolute;
  left: 4.11rem;
  right: 4.11rem;
  top: 0;
  bottom: calc(80% - 5rem);
}

.popup-info {
  height: calc(100% - 42px);
  background: #1E499B;
  padding: .2rem;
  font-size: .14rem;
  color: #fff;
}

.popup-info .search-item {
  display: flex;
  align-items: center;
  height: .5rem;
  background: #113780;
}

.popup-info .search-item .item {
  display: flex;
  align-items: center;
}

.popup-info .search-item .item .name {
  margin: 0 .1rem 0 .2rem;
}

.popup-info .search-item .item .input {
  background: #1E499B;
  height: .3rem;
  width: 1.8rem;
  margin-right: .1rem;
  cursor: pointer;
  color: #fff;
  padding: 0 .1rem;
}

.popup-info .search-item .item .select {
  padding: 0;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup-info .search-item .search {
  background: #00C2C9;
  height: .3rem;
  padding: 0 .18rem;
  font-size: .14rem;
  color: #fff;
  border: 0;
  outline: none;
  cursor: pointer;
}

.popup-info .list-item {
  position: relative;
  margin-top: .1rem;
  height: calc(100% - 1.1rem);
  font-size: .14rem;
  overflow: auto;
}

.popup-info .list-item::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.popup-info .list-item::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.popup-info .list-item::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.popup-info .list-item .list-head {
  position: sticky;
  top: 0;
  background: #113780;
  height: .5rem;
  color: #fff;
  display: flex;
  align-items: center;
}

.popup-info .list-item .item {
  padding: 0 .1rem;
  text-align: center;
  word-wrap: break-word;
}

.popup-info .list-item .zzitem1 {
  width: 22%;
}

.popup-info .list-item .zzitem2 {
  width: 22%;
}

.popup-info .list-item .zzitem3 {
  width: 22%;
}

.popup-info .list-item .zzitem4 {
  width: 17%;
}

.popup-info .list-item .zzitem5 {
  width: 17%;
}

.popup-info .list-item .sbitem1 {
  width: 18%;
}

.popup-info .list-item .sbitem2 {
  width: 16%;
}

.popup-info .list-item .sbitem3 {
  width: 16%;
}

.popup-info .list-item .sbitem4 {
  width: 10%;
}

.popup-info .list-item .sbitem5 {
  width: 10%;
}

.popup-info .list-item .sbitem6 {
  width: 15%;
}

.popup-info .list-item .sbitem7 {
  width: 15%;
}

.popup-info .list-item .ryitem1 {
  width: 20%;
}

.popup-info .list-item .ryitem2 {
  width: 12%;
}

.popup-info .list-item .ryitem3 {
  width: 10%;
}

.popup-info .list-item .ryitem4 {
  width: 10%;
}

.popup-info .list-item .ryitem5 {
  width: 10%;
}

.popup-info .list-item .ryitem6 {
  width: 20%;
}

.popup-info .list-item .ryitem7 {
  width: 18%;
}

.popup-info .list-item .flex-item {
  display: flex;
  align-items: center;
}

.popup-info .list-item .list-main .item {
  padding: .23rem .1rem;
}

.popup-info .list-item .list-main .item img {
  width: .33rem;
  width: .44rem;
}

.popup-info .list-item .list-main .flex-item:nth-child(odd) {
  background: rgba(17, 55, 128, 0.2);
}

.popup-info .list-item .list-main .flex-item:nth-child(even) {
  background: rgba(17, 55, 128, 0.5);
}

.popup-info .page-item {
  height: .5rem;
  background: #113780;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 .1rem 0 .2rem;
}

.popup-info .page-item .flex-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.popup-info .page-item .flex-item .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .3rem;
  background: #1E499B;
  color: #fff;
  font-size: .14rem;
  margin-left: .1rem;
  outline: none;
  border: 0;
  padding: 0 .22rem;
  cursor: pointer;
}

.popup-info .page-item .flex-item .disable {
  background: #a3a3a3;
  cursor: inherit;
}

.popup-info .page-item .flex-item input {
  width: .8rem;
}

.popup-info .page-item .flex-item .to {
  background: #00C2C9;
}

.el-empty {
  width: 100%;
  text-align: center;
  padding: .3rem 0;
}

.el-empty .el-empty__image {
  width: .6rem;
  margin: auto;
}

.el-empty .el-empty__description {
  color: #dadada;
  font-size: .12rem;
  margin-top: .1rem;
}

.layui-layer {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.el-input .el-input__inner {
  padding: 0 0 0 .1rem;
  height: 0.3rem;
  border: 0;
  background: transparent;
  color: #fff;
}

.el-input .el-input__icon {
  line-height: .3rem;
}

.el-pagination .el-pagination__total,
.el-pagination .el-pagination__jump {
  color: #fff;
}

.el-pagination .button:disabled,
.el-pagination .el-pager li,
.el-pagination .btn-next,
.el-pagination .btn-prev {
  color: #cccccc;
  background: transparent !important;
  background-color: transparent !important;
}

.el-pagination .el-pager li.active {
  color: #409EFF !important;
}

.el-pagination .el-input__inner {
  border: 0.01rem solid #bebebe66;
  padding: 0;
}

.amap-info-content {
  background: linear-gradient(90deg, rgba(0, 92, 186, 0.6) 0%, rgba(0, 92, 186, 0.11) 99%);
  color: #d3e4ff;
}

.amap-info-close {
  right: 1px !important;
}

.bg-item {
  position: absolute;
  z-index: 999;
}

.bg-item img {
  width: 100%;
  height: 100%;
}

.shang-item {
  left: 0;
  right: 0;
  top: 0;
  height: 1.6rem;
}

.xia-item {
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(80% - 4rem);
}

.zuo-item {
  left: 0;
  top: 0;
  bottom: 0;
  width: 5.5rem;
}

.you-item {
  right: 0;
  top: 0;
  bottom: 0;
  width: 5.5rem;
}

.amap-logo {
  display: none !important;
}
