.content-container { width: 100vw; height: 100vh; /*max-width: 5000px; min-width: 1900px;*/ min-height: 1060px; background: url("../img/index_bg.png") center; background-size: cover; display: flex; align-items: center; flex-direction: column; overflow: hidden;}
.content-container .header { width: 1840px; height: 200px; margin-left: 40px; position: absolute; top: 0px; background: url("../img/header_bg_new.png") no-repeat center; background-size: 1900px;text-align: center;}
.content-container .header-title{display: inline-block;font-weight: bold;font-size: 40px;line-height: 180px;background-image:-webkit-linear-gradient(#69d9e9,#fff,#69d9e9,#fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.content-container .content { margin-top: 130px; display: flex;}

@media screen and (max-width: 450px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.2, 0.2);}.content-container .content {margin-top: -330px;}.content-container .header {margin-top: -50px;}
}

@media screen and (min-width: 450px) and (max-width: 480px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.22, 0.22);}.content-container .content {margin-top: -320px;}.content-container .header {margin-top: -50px;}
}

@media screen and (min-width: 480px) and (max-width: 530px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.24, 0.24);}
.content-container .content {margin-top: -310px;}
.content-container .header {margin-top: -50px;}
}

@media screen and (min-width: 530px) and (max-width: 600px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.26, 0.26);}.content-container .content {margin-top: -290px;}.content-container .header {margin-top: -40px;}
}

@media screen and (min-width: 600px) and (max-width: 700px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.31, 0.31);}
.content-container .content {margin-top: -250px;}
.content-container .header {margin-top: -30px;}
}

@media screen and (min-width: 700px) and (max-width: 740px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.36, 0.36);}
.content-container .header {margin-top: -30px;}
.content-container .content {margin-top: -225px;}
}

@media screen and (min-width: 740px) and (max-width: 800px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.38, 0.38);}
.content-container .content {margin-top: -205px;}
.content-container .header {margin-top: -20px;}
}

@media screen and (min-width: 800px) and (max-width: 850px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.42, 0.42);}
.content-container .content {margin-top: -175px;}
.content-container .header {margin-top: -15px;}
}

@media screen and (min-width: 850px) and (max-width: 900px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.44, 0.44);}
.content-container .content {margin-top: -165px;}
.content-container .header {margin-top: -15px;}
}

@media screen and (min-width: 900px) and (max-width: 940px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.46, 0.46);}
.content-container .content {margin-top: -150px;}
.content-container .header {margin-top: -10px;}
}

@media screen and (min-width: 940px) and (max-width: 1000px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.49, 0.49);}
.content-container .content {margin-top: -130px;}
.content-container .header {margin-top: -5px;}
}

@media screen and (min-width: 1000px) and (max-width: 1100px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.53, 0.53);}
.content-container .content {margin-top: -100px;}
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.58, 0.58);}
.content-container .content {margin-top: -75px;}
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.62, 0.62);}
.content-container .content {margin-top: -55px;}
}

@media screen and (min-width: 1300px) and (max-width: 1400px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.66, 0.66);}
.content-container .content {margin-top: -35px;}
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.71, 0.71);}
.content-container .content {margin-top: -10px;}
}

@media screen and (min-width: 1500px) and (max-width: 1600px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.74, 0.74);}
.content-container .content {margin-top: 5px;}
}

@media screen and (min-width: 1600px) and (max-width: 1700px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.8, 0.8);}
.content-container .header {margin-top: 10px;}
.content-container .content {margin-top: 35px;}
}

@media screen and (min-width: 1700px) and (max-width: 1800px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.85, 0.85);}
.content-container .header {margin-top: 10px;}
.content-container .content {margin-top: 70px;}
}

@media screen and (min-width: 1800px) and (max-width: 1900px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.9, 0.9);}
.content-container .content {margin-top: 95px;}
.content-container .header {margin-top: 10px;}
}

@media screen and (min-width: 1900px) and (max-width: 2000px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.92, 0.92);}
.content-container .content {margin-top: 90px;}
}

@media screen and (min-width: 2000px) and (max-width: 2150px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(0.93, 0.93);}
.content-container .content {margin-top: 90px;}
}

@media screen and (min-width: 2150px) and (max-width: 2200px) {
.content-container .header, .content-container .content {transform: translateZ(0) scale(1, 1);}
.content-container .content {margin-top: 130px;}
.content-container {max-width: 5000px;min-width: 1900px;}
}
.content-container .content .left-page { flex: 0 0 500px;}
.content-container .content .main-page { flex: 0 0 900px;}
.content-container .content .right-page { flex: 0 0 500px;}
.timer-container { color: white; font-weight: bold;}
.timer-container .first-row { font-size: 48px; text-align: center; width: 200px;}
.timer-container .second-row { font-size: 16px; color: white; width: 200px; text-align: center;}
*{margin:0;padding:0;list-style:none}
.map_pic_desc{position: absolute;top: 400px;color: white;left: 380px;display:none;}::-webkit-scrollbar{display: none;}
.logout{width: 64px;height: 64px;float: right;margin-top: 14px;}
.logout img{width: 38px;}
.logout_box{display: none;}
.dropdown-menu{position: absolute;z-index: 1000;float: left;min-width: 120px;padding: 5px 0;margin: 2px 0 0;display: none;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
.dropdown-menu li a {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;text-decoration: none;}