body {
    margin: 0;
    font-size: 14px;
}

#app {
    display: flex;
    width: 100vw;
    min-height: 100vh;
    background: url('./bg.png?2') #eee;
}

.stage {
    display: flex;
    width: 1100px;
    height: 800px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px #aaa;
    border-radius: 8px;
    padding: 20px;
    margin: auto;
    flex-direction: column;
    background: no-repeat center url('./1.jpg?2') #fff;
    background-size: contain;
}

.header {
    padding: 130px 0 10px 0;
    display: flex;
}

.header .hd {
    flex: 1;
    padding: 0 0 0 30px;
    font-size: 28px;
    font-weight: bold;
}

.header a {
    padding: 0 10px;
    cursor: pointer;
    color: #888;
}

.header a:hover {
    text-decoration: underline;
    color: #333;
}

.content {
    flex: 1;
}

.group {
    display: flex;
}

.group .hd {
    width: 200px;
    padding: 0 10px 0 0;
    text-align: right;
    line-height: 35px;
    font-weight: bold;
    color: #8E5D17;
}

.group .bd {
    flex: 1;
}

.btn {
    display: inline-block;
    height: 30px;
    margin: 3px 0 0 0;
    border-radius: 4px;
    padding: 0 15px;
    line-height: 30px;
    color: #fff;
    background: #CEA66B;
    cursor: pointer;
}

.footer {
    font-size: 12px;
    padding: 0 0 0 240px;
}

.member {
    display: inline-flex;
    height: 28px;
    margin: 3px;
    border-radius: 4px;
    padding: 0 10px;
    line-height: 28px;
    color: #fff;
    overflow: hidden;
}

.code {
    margin: 0 6px 0 -10px;
    border-radius: 0 14px 14px 0;
    padding: 0 8px 0 6px;
    text-align: center;
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0.3);
}

.city {
    margin: 0 -10px 0 6px;
    border-radius: 14px 0 0 14px;
    padding: 0 8px 0 0;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.56);
}

.member[data-hide="1"] {
    opacity: 0.3;
}

.member.on {
    outline: solid 10px #00008B;
}

.member[data-city="沈阳"] {
    background-color: #800080;
}

.member[data-city="大连"] {
    background-color: #006400;
}

.member[data-city="鞍山"] {
    background-color: #404040;
}

.member[data-city="抚顺"] {
    background-color: #8B0000;
}

.member[data-city="本溪"] {
    background-color: #0000FF;
}

.member[data-city="丹东"] {
    background-color: #008000;
}

.member[data-city="锦州"] {
    background-color: #8B4513;
}

.member[data-city="营口"] {
    background-color: #000080;
}

.member[data-city="阜新"] {
    background-color: #FF8C00;
}

.member[data-city="辽阳"] {
    background-color: #FF1493;
}

.member[data-city="铁岭"] {
    background-color: #808000;
}

.member[data-city="朝阳"] {
    background-color: #4B0082;
}

.member[data-city="盘锦"] {
    background-color: #996B1F;
}

.member[data-city="葫芦岛"] {
    background-color: #191970;
}