#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
}

nav {
    padding: 30px;
}

nav a {
    font-weight: bold;
    color: #2c3e50;
}

nav a.router-link-exact-active {
    color: #42b983;
}


a {
    text-decoration-line: initial;
}

.el-row[data-v-40ab164b] {
    margin-bottom: 20px;
}

.el-row[data-v-40ab164b]:last-child {
    margin-bottom: 0;
}

.el-col[data-v-40ab164b] {
    border-radius: 4px;
}

.grid-content[data-v-40ab164b] {
    border-radius: 4px;
    min-height: 36px;
}

.flex_div[data-v-40ab164b] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.flex_div > p[data-v-40ab164b] {
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 8px;
    font-weight: 500;
}

.flex_div > p[data-v-40ab164b]:not(:first-child):hover {
    color: #8ec124;
}

.flex_div > p[data-v-40ab164b]:first-child {
    font-weight: normal;
    font-size: 25px;
}

.flex_div > p[data-v-40ab164b]:not(:first-child) {
    color: grey;
}

.icon_self[data-v-40ab164b] {
    width: 60px;
    height: 60px;
}

.wechat_icon[data-v-40ab164b] {
    width: 60px;
    height: 60px;
}

.weibo_icon[data-v-40ab164b]:hover {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB3CAYAAADIMoQHAAAACXBIWXMAABcRAAAXEQHKJvM/AAAKWklEQVR4nO2dwUsdRxzHf2kTKyioMeAricREqNqAxiYU9GBMIIUklya3BKGtx1waeuxBWv+AklOOaQ6S3GJ7CIUGWvWgENqmFRK1kGiIIQpJVHhSayyW774dWd+b2Z3dNzu7O28+IG30vXXffPf3m9/8fr8Z92xvb5PFXN6x2pqNFdhw9sp8vJGJoeNE1E9E9ZU+YClhgYjGBvqGF4Jux3cOHpkY+pSIrhPRYfPGyAjGiejaQN/wn6IPIxR4ZGLoFhF9VukjmAHWXJFv8W6VK/DIxBCs9stKH7mM0c2z5JIga2RiqMWKm0m4FsyLor+p9JHKKF1uzLQLnsAlL7Jkhn4ZgeusnpnlePGN20SH4ViBDccKbDhWYMOxAhuOFdhwrMCGYwU2HCuw4ViBDccKbDhWYMOxAhuOFdhwrMCGYwU2HCuw4ViBDccKbDhSW1cqkYbaHHUePkPNje2+n/7t1ga9WV+i9Y1VepN/Sctr87SSX0rNiFmBOTTVH6GznV9IvXbf3mpqqmtxWhWPNhV63iD689ez9GT5IS2vzmu992KswBzaD/aU9X6IDrHxtbK+RL89+Skxoe0czKFqb7WyazXU5BxvcOrYFaXXlcUKzGF2cUr5NTGXX/joqjO368QKzOH56xmamht15lKV1FTX0yedg1RbrW+btZ2DBSBAgtANte+XvABuF+4WP9tfk3OEkwXzM9z1vd9vaPkcVmAfNrc2uMFR8fdgkU11R6j9UI8jfhB4Tefh0zT97NfYP4MVWAH5jVXKbzx0rB5LLIjnLJ186DjYQ7MvppyHKE4yLTAGEwMJV+mNUJF0gJXBxcY9gMXg995fnXdExpeIwlKq2xE5TjInMERtbep2otJ9omWHm3Q4uXWOxh7fKWsNijVx84GOku/jmshY4SHiAfeLB62n7aLw2q05K/AOEBUWETagwRr03h83IqUP8TCdbD3H/5nrgiEiEhk8oeGysSwSJU5YsBanl0n9MgnCXvz4K8cSwojr5WTr+UjvW8m/dDJRfuCeTh277NwnD4iPh0AEL0pXSWotGJFpT9ulwGBFBlwD18v7DDQPWNb9v27uWCD+zZZHubqWXVMEHsBNJwddaskzL6Z8PUGcacxUCowBFQ1IVGqqG0ILTK6ovOUMhMaU4XW/vW0XafTBfInLfbr8UPnnkSVVLhqDdrZrMLHBCANEhPtFxosBi25uLA3I8NogVx8XqbFgBCP9H16JPM9GBa77UGOHE1B5s1IQBK4TUa6f5SOQOprr3plKDh3ocL5XjO7lGiMVAuOph3sTLnsUUPXu7mvjdyLzJJrjEeHiq91NSMBaRaA4wa6zX5DJwsOiIp4IS+ICI/r0WyuqAlaGbgsmrExKkcHmWZHIuC5DtwcKIlGBdYlLbrmuuffryO+HyOjS4EW8Mu5XtBzyW0KpILEgC5akS1xVlNPpISr25/81UGAEVL0ZExfkyphD/ebmONHuovEkI1pWFVAtrxXOxOYNVG11gzMn1r5Xr2RulLln3nIIkTrvvTqWTtoFRnYq6mA7VaK1BUdMBDZhEhcsA+XMxY0dyoMh3Buu+fxVaSYLSRYeOtprtQrsVGYC+oyLQdsM1pX4KmdAWPEeX4iGMU10HOzdaXUtl9EH34W+go5OS20Cw011+dRHi4FFIEUYV00XD8vk3F2afvaL0+AuIzSi6Chsbv3D/Xy8hIhqtAl8ovW81BwGi0VyXkc7C7ndGBAag937gX/FKmrtFg8TphaW6MBnHHt8O/I9h0GLwEgDyrhmDMLU3N1IRYFygbtE3Ri5cF4S5K2gP0sWVKXY3I/ig67UpRaB/VpXGLDYMFbrzSFXse0jnr1CqOUury4IOy54sPIgT2R4H9SlsW4tTjnC3eL3BOWtw9yLKmIXmPVN+YGKjOx8BCvobDktTDWyvUL4QlCHwYfLl3WvTGQ0qRe7a/yb58LxPfwuZOYQwOmYW2WJPdEh6nRgyIoLi4VloXsiTB4Zg4/y44UTV6W3jkDkyb9HJV65Gzxc+F06G9uDiF1gv7lX9mnHkgYWVU41xtkj1DUoLTLm26fLwr83JWSf0whwJvJ9qiZWgeFORZEzAioZtwlxsd1DReYLImNXgSxRXW3YtX6cxCqw30YrRMtBRE1rwvLGH93h7i2CF+B1XfCAFUfZnxRnXTsssQqMAIsHBJBZCiFwCZtSXHfXtYhYRfVb1IZleRMxXyz67LpJpB6M7JEMHT7lucJDsuL8PxrTWeDlLb+JSnFhqkJYbkWZ+9fde0uaWAXmDQwqKDLWCwvguTpYKLJA3rw01s+sE7OwlSXn/FwUwetwoUkka3hot2DZgoHIarB84V0DARssGe9DUAbrDbOcEhGlMT3uLo0wxDoH8wKUfJmuyy9dyH4GC/UTN0wdVlSo9yPqvB0HsQpczgcV5Wr9kghh1rgywNVHcedJn6zjJVaBy0moezsVvZwQ7DOCGEFZM4Zs2hL14iiI7j0JYhWY9yTLLh8wz/LmMiQRkJHCWrbQpVHYLS+bDAkqCDDgKaI0AyCBUzEHofGeZARBslsmEVDxDiRjxYSwsDOrZBB5iiB01bFlidWCxVYon0lStUEa4qJKJEOU1iJyrTdN8y/pKDbMcASCS5UNiGBx5VoFHhKIK+M1/DZ9+4EVg0z6VTexC4zuheLlUqGEJ+8CIfD96e93WmRlwevxPjwkcrsPsAHucrgP6ILfkZbkhpfYEx1sm2XxLgYEMHBnshUbdrgJa//Bf4vXuqybA62ri69nQg14OdtokDZNU5Hfi5ZMVvEWSwYb0DCDw1pfVVHlFOnPR26fRaflZApdM0Pb1pXxR7e5mS2I3Nt2KZGDOuEF0EgQVVwEbmmcd71oy0XDVf88fZO7XsUAw7qxLNIRhcoeVuYH3HKaLZehtdiAZZNIZAReWPM6nR6LU8o7EKvc4xXC7g3mEbQhPE0kUk0SiUyeJAZrRRXtyZWBnSGJYxVUtNFgipmcG02k/TUqiRT8ITKazNEfJbIm1orK9uQWUoAvCwea5Jdo87/d8zmOaMAyx3sKrMq6b5JN+eWQ2A5/DBSO1A0605ERNT1ZLm/dZV5al0FBJH5GB5IYSIaoOvRMFWyPlI4TYeMkFafswJqRSkR0GzUPrAq26y/rwjJSddIdS2KwfUc4jVVF240MCOYWX81k1hWLSOVRhrDoWdc9suUN2+Okame+97SAJM6V1kXqjxPe9OzwJ89RDOwoXm8DAW/XH2udZRG4NxqvBDJ3ILj3KAaHlBXY04b9szqGYwU2HCuw4ViBDccKbDhWYMOxAhuOFdhwrMCGYwU2HCuw4ViBDccKbDhWYMOxAhuOFdhwrMCGYwU2HCuw4fAEflbpg5JhxopvnSfwD5U+ShmmRDuewNeJaK3SRyqDjA/0DZccUV8i8EDfME46uVbpo5UxYJCf826ZG2QN9A3fIqLSE8gsaQTi9ruGKSewR2Qc/vijlTWVQNhviaiF55oZe7a3twNvfmRiCBuC1PwVR4sKVv1E9SIlsCW72ESH4ViBTYaI/gd+qq68/x35BgAAAABJRU5ErkJggg==);
}

.douyin_icon[data-v-40ab164b]:hover {
    content: url(data:image/png;base64,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);
}

.xiaohongshu_icon[data-v-40ab164b]:hover {
    content: url(data:image/png;base64,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);
}

.foot_icon[data-v-40ab164b] {
    height: 40px;
    vertical-align: middle;
    margin-top: -3px;
}

a:visited, a:link, a:hover {
    color: black !important;
}

.el-menu--popup {
    min-width: 120px;
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    color: #8ec124;
    background-color: unset;
}

.el-input__wrapper {
    border-radius: 14px;
}

.el-input-group__append {
    border-radius: 0 14px 14px 0px;
    background-color: white;
    color: #8ec124;
}

.button-el-input-group__append{
    border-radius: 0 14px 14px 0px;
    background-color: white;
    color: #8ec124;
	padding:0 20px;
	border: 0.5px solid #dcdfe6;
}
.el-menu-item * {
    vertical-align: middle !important;
}

.img_div[data-v-dd817fc8] {
    padding: 20px;
    background-color: #efefef;
    border-radius: 10px;
}

.img_div > div[data-v-dd817fc8] {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
    background-color: white;
}

.img_div > div > p[data-v-dd817fc8] {
    color: #949494;
    font-weight: bolder;
    font-size: 12px;
}

.icon_img_inactive[data-v-dd817fc8] {
    width: 60px;
    height: 60px;
    display: block;
    z-index: 2;
    position: relative;
    background-color: #c1c1c1;
    border-radius: 50px;
    margin: 0 auto;
}

.icon_img_active[data-v-dd817fc8] {
    width: 60px;
    height: 60px;
    display: block;
    z-index: 2;
    position: relative;
    background-color: #a9d3a1;
    border-radius: 50px;
    margin: 0 auto;
}

.tele[data-v-dd817fc8] {
    width: 0px;
    background-color: #aad2a0;
    color: white !important;
    position: absolute;
    top: 163px;
    right: 0px;
    z-index: 1;
    font-size: 18px !important;
    line-height: 65px;
    border-radius: 50px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    letter-spacing: 2px;
}

#wechat[data-v-dd817fc8] {
    display: none;
    position: absolute;
    right: 80px;
    width: 120px;
    height: 120px;
    margin-top: -10px;
}

body {
    margin: 0;
}

.wrapper {
    width: 1161px;
    height: 521px;
    position: relative;
    margin: 40px auto 0;
    background: #ccc;
    overflow: hidden;
}

.box {
    width: 387px;
    height: 521px;
    position: absolute;
    background: red;
    font-size: 25px;
    line-height: 100px;
    text-align: center;
}

.box:nth-child(odd) {
    background: #f8f8f8;
}

.box:nth-child(even) {
    background: #eee;
}

.boxes {
    position: relative;
    left: -387px;
}

.left {
    width: 22px;
    height: 66px;
}

.left:hover {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABvCAYAAABrXQkJAAAACXBIWXMAAAsSAAALEgHS3X78AAACGklEQVR4nO3ZPUsDQRCH8TFERSQaQhRRVNBCwQix0MbKj25ho4WCEbRQUFGMCUdeiEETX5hjre+/tzNLinkg3d7lV1xu7jZTzWbzlyar08KEgdIMhWYoNEOhGQrNUGiGQjMUmqHQDIVmKDRDoRkKzVBohkIzFJqhuPHPKHNNVNRtp0G9UTdzXTTUy+CJnvoP0NooKAbdJFfwenWUL4i0Uf1Rl+46De/j1FAMung/o/HP2PtYFVQIiDRQfB9qJJe5QSSNYtBF64z6X72g84ihpEAkibpOLkVAJIXia6g1fJM4VVowikGvg2cZjSsI9di/FwdRCIrHx13nRlbjyoXKM8988kYln21VEPmieHxctc/1NC4YFTrPfIJQ6d06EogQ1P/4iAUiBDX8/qDh+COOxpWJKk0v0k65FsuTBl1Ta/MbtFep62tc8K8vJszrPsWwjdKWnsblfUffLddodX5dy5OWa/bVKgeqsNxPCQwrzSzIalxBz1OHS8cqsCBUsTCtAgt+HP6HFQtFGZHUi0MKW5aDib1i8TiSgom+ITOsXj0KPo/4XkJltho8jlR2XULnpNr+FMN2ynu5jlXdydssbecaR+p7nnnmZJTdYYYtza3A66Pto+97DHC52ZD1RW4cjYC/QaKhyMH4k5X9i4VmKDRDoRkKzVBohkIzFJqh0AyFZig0Q6EZCs1QaIZCMxSaodB40+xkokREnT/cPKhiX9ATFgAAAABJRU5ErkJggg==);
    width: 22px;
    height: 66px;
}

.right {
    width: 22px;
    height: 66px;
}

.right:hover {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABvCAYAAABrXQkJAAAACXBIWXMAAAsSAAALEgHS3X78AAACEUlEQVR4nO3ZPU8CQRCH8ZEcGlQU8SVRoyZaaAKFFlRUfnQLGyykkIKCQo0afEcCRCFohhzGjv/ezmwwmae+2/ySO3b2dKbZbH7TdHWWmjLQKEOhGQrNUGiGQjMUmqHQDIVmKDRDoRkKzVBohkIzFJqh0AyF9j9RvUE3jORPE1H33Vu6bjdCmrDHV3+v0V3nRl8TB79TtddqMJjTi86wdr+lp4lz/vVdPJ6rw5xRg+FAHZZonxrDBsO+vMhn8xzBnnRgXjt6++tDBeY9Zhh2+VyR0cSJzL63zxe6er2UWGqU2EC+79yKwURPCQxrfNS91xE/ujRade9xpHKe8p2Taoc8hj32HhLdq3ry5Bc/yThSRSWdk+pn9DHM5Vgd5MOBYdWXCjyOgn3NuMzJoJ9Y/Aj704YqbZQpE81PvC4YqpA/pmx6Gbo2CIpB2wu78PXqqMNcwQlE2qithR3ayx4436eGYlAxf5LoXhWUD4g0UNnZJTrKFb3WEEUxqLRepiiV9lpHDCUFIilUlIpG75AEiCRQDOLxge7WSF4oDRD5oviRSYPIB8XzbCOzKauJS4RyHbCuOaN2s/uqIHJF8fjw3a2RYJTvPBNHrcytBgNx0aQLGLS3uB9GEzcRlZ9bC2X5zf61hmYoNEOhGQrNUGiGQjMUmqHQDIVmKDRDoRkKzVBohkIzFJqh0PiPZqdTJSJ6/wHfMKVX9LNDFAAAAABJRU5ErkJggg==);
    width: 22px;
    height: 66px;
}

.four_grid_p {
    margin-top: -90px;
    position: absolute;
    width: 292px;
    text-align: center;
    color: white;
    border-radius: 30px;
    height: 120px;
}

.el-menu--horizontal > .el-menu-item.is-active {
    border-bottom: 0px solid !important;
    color: #a9d3a1 !important;
}

.grid_p {
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 5px;
    margin: 10px;
}

.grid_ordinary_p {
    letter-spacing: 6px;
}

.more_button {
    width: 100px;
    color: black;
    background-color: white;
}

.more_button:hover {
    color: white;
    background-color: #a9d3a1;
}

.text_div {
    background-color: #f5f5f5;
    width: 392px;
    height: 73px;
    display: inline-block;
    margin-right: 11px;
    text-align: left;
}

.text_div:hover {
    background-color: #a9d3a1 !important;
    color: white !important;
}

.text_div:hover .lunbo_icon {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAACXBIWXMAAAsSAAALEgHS3X78AAABFElEQVRIiWP8////AQbagAssDAwM9jQynIGJVgaPGj4whrPgk7z7djfDn38/GZSFXRhYmDhINhyvy4W51Rg+/njEcOrxNIaH7w+TbDgoE/0npOjpp1MMTz+eAbPlBW0YxHn0iDH7IFGGwwDI9U8/nWbgYRNnkBO0YRDgkKee4SDw489HsCVvv91i4OeQB8cHBws/dQyHgS+/XjI8fH+E4eOPhwxmslnYIvzgwCVFbAA5WIS51BiMpJNxJlOSDAel+5dfLoMjVE8yGkxT7HJQUgSFL8iF6qI+YBcTA/Aa/uHHQ4Zbr7cy/Pn3A5y+pfnMSPEofsPffgUlNzmysz/ZSZEIQNukOGo4/Q0HJUVHmpjMwPABAI1wa7j1M26yAAAAAElFTkSuQmCC);
}

.text_div > p {
    padding-left: 20px;
    font-size: 24px;
    font-weight: initial;
    margin: 25px 20px 20px 10px !important;
}

.text_div > p > span {
    font-weight: lighter;
    font-size: 16px;
    padding-left: 10px;
}

.lunbo_div {
    width: 390px;
    height: 512px;
    margin-right: 14px;
    display: inline-block;
}

.background_img {
    margin-left: 50px;
    display: inline-block;
}

.lunbo_icon {
    float: right;
    margin-top: 5px;
}

#bg_img {
    position: absolute;
    width: 880px;
    height: 691px;
    z-index: 1;
    background: url(http://localhost:8080/img/move.16183c7f.png) no-repeat 0 691px;
    transform: translateX(-50%);
    left: 50%;
    margin-top: 15px;
}

.region-list {
    position: absolute;
    left: 0;
    top: 0;
}

.area-box .dot {
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.area-box .pulse {
    position: absolute;
    top: -40px;
    left: -40px;
    height: 88px;
    width: 88px;
    border: 1px solid #fff;
    border-radius: 48px;
    box-shadow: 0 0 12px #fff, 0 0 20px #fff inset;
    opacity: .12;
    filter: alpha(opacity=0);
    animation: warn 2s ease-out both;
    animation-iteration-count: infinite;
    background: 0 0;
}

.area-box .delay-01 {
    animation-delay: 0s
}

.area-box .delay-02 {
    animation-delay: .4s
}

.area-box .delay-03 {
    animation-delay: .8s
}

.area-box .delay-04 {
    animation-delay: 1.2s
}

.area-box .delay-05 {
    animation-delay: 1.6s
}

.area-box .delay-06 {
    animation-delay: 2s
}

.area-box .delay-07 {
    animation-delay: 2.4s
}

.area-box .delay-08 {
    animation-delay: -.4s
}

.area-box .delay-09 {
    animation-delay: -.8s
}

.area-box .delay-10 {
    animation-delay: -1.2s
}

.area-box .delay-11 {
    animation-delay: 4s
}

.postition-1 {
    left: 700px;
    top: 4100px
}

.postition-2 {
    left: calc(335px + 426px);
    top: calc(3852px + 330px)
}

.postition-3 {
    left: calc(440px + 426px);
    top: calc(445px + 3862px)
}

.postition-4 {
    left: calc(765px + 426px);
    top: calc(105px + 3862px)
}

.postition-5 {
    left: calc(560px + 426px);
    top: calc(675px + 3862px)
}

.postition-6 {
    left: calc(622px + 426px);
    top: calc(570px + 3862px)
}

.postition-7 {
    left: calc(590px + 426px);
    top: calc(505px + 3862px)
}

.postition-8 {
    left: calc(720px + 426px);
    top: calc(460px + 3862px)
}

.postition-9 {
    left: calc(700px + 426px);
    top: calc(530px + 3862px)
}

.postition-10 {
    left: calc(610px + 426px);
    top: calc(386px + 3862px)
}

.postition-11 {
    left: calc(714px + 426px);
    top: calc(394px + 3862px)
}

.postition-12 {
    left: calc(630px + 326px);
    top: calc(280px + 3872px)
}

@keyframes warn {
    0% {
        transform: scale(0);
        opacity: 1
    }
    100% {
        transform: scale(1);
        opacity: 0
    }
}

#header {
    min-width: 1600px;
}

.headerLine {
    --el-menu-level: 0;
    background-color: rgb(255, 255, 255);
    height: 94px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headerLine li {
    height: 94px;
}

.headerLine li.header4{display:none;}

.headerItem {
    position: relative;
}

.headerItemList {
    z-index: 2001;
    position: absolute;
    left: 0;
    top: 84px;
    display: none;
}