.header-wrap{
    height: 6.51042vw;
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    padding: 0 12.5vw;
    box-sizing: border-box;
}

.header {
    height: 3.90625vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}
a{
	text-decoration:none;
	color: #000;
}
.header .logo-i {
    display: inline-block;
    width: 8.6875vw;
    
}
.header .search {
    width: 41.66667vw;
    height: 2.08333vw;
    border-radius: 1.04167vw;
    margin-left: 4.77083vw;
    background: #f7f8fa;
    border-radius: 0.52083vw;
    display: flex;
}
.header .search .search-input {
    flex: 1;
    border: none;
    outline: none;
    height: 2.08333vw;
    background: transparent;
    padding: 0 0 0 0.78125vw;
}
.el-input__wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 1px 0.57292vw;
    background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
    cursor: text;
    transition: var(--el-transition-box-shadow);
    transform: translateZ(0);
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
}
.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 1.66667vw) - 0.10417vw);
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    color: var(--el-input-text-color,var(--el-text-color-regular));
    font-size: inherit;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box;
}
.header .search .search-icon {
    width: 2.08333vw;
    height: 2.08333vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACxklEQVQ4T62UP0wTcRTHv++uZ1KUxKvBxaCEsYmLBhBZxE3jYPzTkVhC+ruWQVnUjWPEASOhPa5A4tyqMTGGUR0QNMSRxQSNRpYm7UBEA9d75jV3zdE0aAy33C+/+/0+7973fd8jRB5mpqmpKbJt25dt27a1rq6uDllXKpWd6P7k5CQTEUfvy5rCjSjMdd1zRHSHmQcBnArO/CCiVWZ+qpT6JMHaQRtAgUm0Uql0pFqtPiaibCTYXgA0gjczs5NIJCZSqdRueDf8MYrCarXaSwBXAGwDcIjoGRF9C4KeZubbACwAnQCWTdO83goVvTTRZn5+Pk9EOQBfAdwM04rqJmuRA8BzAD3MXLAsazxkNDVcWFg47/v+OoAd3/eHs9nsR0kfQH1jY6MhfDKZpFqtpiml9hzH6dc07Q2ADmbusyxrPYQ2NHRddwbABBFNZzKZhwKTVForGJw1BOq67jSA+8z8xLKse7Ztx2zb9kLgGoABIhrKZDLvS6WSnkql6u2A4bdisXiRmVcArCul+prFzefzx2Kx2GcApmEY3aOjo5XWyrV6VRzhOM5JTdOkYNvxeLxnZGTkZ+Pe0tJSp+d5Ajx+KECJXiwWPzBz/6GkHC0KgEdKqQeu6zaE/++itLONQE3T9A+wzVsAcd/3B8RmTdu0MfYXALf+YuwXAM4AmFVK3Q0t0zD2Qa3HzGVd17/LwXq93k1E0nrjAI4GcrzTdf3G2NhYNbTTvwyH0ODSOYHdeBbAWSK6DGBV1/VrApVs942vcrmsiaEDTdMAhqLjC8CKjC9ptbm5uROGYbwCMMjMa77vX83lcrUmMHR664Dt7e2Ny7fNzc1fkUHRaLPFxcWE53mviegCEa1sbW1d2gcMbSK/DkCmkBe1joifTCZZsgg1KxQKpq7ry8y8m0gkhtsCo1M8Cmwd+aFDZmZm4qZpcjqd/v0HS4UAMl4HPfMAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 1.04167vw 1.04167vw;
    cursor: pointer;
}
.el-input {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    --el-input-height: var(--el-component-size);
    position: relative;
    font-size: var(--el-font-size-base);
    display: inline-flex;
    width: var(--el-input-width);
    line-height: var(--el-input-height);
    box-sizing: border-box;
    vertical-align: middle;
}
.header .right{
    height: 2.08333vw;
    display: flex;
    align-items: center;
    font-size: .72917vw;
    margin-left: 5.20833vw;
}
.header .right .item{
    cursor: pointer;
    margin-right: 0.78125vw;
    width: 5.20833vw;
}
.header .right .item img{
    width: 0.78125vw;
    height: 0.78125vw;
    vertical-align: middle;
    margin-right: 0.26042vw;
}
.header .right .login-btn{
    width: 3.64583vw;
    height: 2.08333vw;
    background: #000;
    border-radius: 0.52083vw;
    font-size: .72917vw;
    color: #fff;
    line-height: 2.08333vw;
    cursor: pointer;
    margin-left: 2.34375vw;
}
.header .right .login-btn .user{
    width: 0.78125vw;
    height: 0.72917vw;
    vertical-align: middle;
    margin-right: 0.26042vw;
    margin-top: -0.10417vw;
}
img {
    overflow-clip-margin: content-box;
    overflow: clip;
}
#app {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    height: 100%;
}
.el-menu-item {
    display: flex;
    align-items: center;
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    font-size: var(--el-menu-item-font-size);
    color: var(--el-menu-text-color);
    padding: 0 var(--el-menu-base-level-padding);
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);
    box-sizing: border-box;
    white-space: nowrap;
}

.el-menu--horizontal.el-menu {
    height: 2.60417vw;
}
.el-menu--horizontal.el-menu {
    border-bottom: solid 1px var(--el-menu-border-color);
}
li, ul {
    margin: 0;
    list-style: none;
}
.el-menu--horizontal {
    display: flex;
    flex-wrap: nowrap;
    border-right: none;
    height: var(--el-menu-horizontal-height);
}
.el-menu {
    border-right: solid 1px var(--el-menu-border-color);
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: var(--el-menu-bg-color);
    box-sizing: border-box;
}
.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 0.15625vw solid #000;
}
.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 0.10417vw solid var(--el-menu-active-color);
    color: var(--el-menu-active-color)!important;
}
.el-menu-item{
    font-size: .73333vw;
    height: 2.08333vw;
}
.el-menu-item.is-active {
    color: var(--el-menu-active-color);
}
.el-menu--horizontal>.el-menu-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
    border-bottom: 0.10417vw solid transparent;
    color: var(--el-menu-text-color);
}
.content {
    position: absolute;
    top: 6.51042vw;
    left: 0;
    width: 100%;
    height: calc(100% - 6.51042vw);
    overflow: auto;
}
.home{
    height: 100%;
    overflow: auto;
}
.space {
    padding: 1.5625vw 0;
}
.item-title {
    position: relative;
    padding-top: 0.78125vw;
}
.item-title .bg-word{
    height: 2.08333vw;
    font-size: 1.5625vw;
    font-weight: 700;
    color: #e7e7e7;
}
.item-title .line-container{
    display: flex;
    justify-content: center;
}
.item-title .line-container .line {
    width: 16.14583vw;
    height: 0.20833vw;
    background: #d8d8d8;
    border-radius: 0.15625vw;
}
.item-title .title{
    position: absolute;
    top: 0;
    height: 1.51042vw;
    font-size: 1.14583vw;
    font-weight: 700;
    color: #000;
    width: 100%;
}
.space .list{
    width: 75vw;
    height: 21.35417vw;
    margin: 0 auto;
}
.horizontal-scroll{
    overflow: hidden;
    height: 100%;
    position: relative;
}
.card{
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

/* .space .list .item{
    margin-right: 2.08333vw;
} */
.space-item{
    width: 17.1875vw;
    padding-top: 3.125vw;
    position: relative;
}
.space-item .top{
    position: absolute;
    top: 0;
    background: #fff;
    width: 6.45833vw;
    height: 6.45833vw;
    left: 50%;
    transform: translateX(-3.22917vw);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0.20833vw 0.36458vw 0 rgba(0,0,0,.06);
}
.space-item .top .img{
    max-width: 5.20833vw;
    position: absolute;
    bottom: 45%;
    left: 0.625vw;
}

.space-item .top .title{
    position: absolute;
    top: 60%;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: .83333vw;
}
.space-item .container {
    background: #fcf1ef;
    width: 100%;
    min-height: 16.66667vw;
    padding-top: 3.64583vw;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
}
.space-item .container .item {
    width: 6.25vw;
    height: 2.08333vw;
    border-radius: 1.04167vw;
    font-size: .72917vw;
    color: #000;
    line-height: 2.08333vw;
    text-align: left;
    padding: 0 0.78125vw;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 1.5625vw;
    margin-bottom: 1.04167vw;
    cursor: pointer;
}
.space-item .container .item .name {
    height: 2.08333vw;
}
.footer-container[data-v-714beff4] {
	height: 8.33333vw;
	background: #000;
	padding-top: 1.5625vw;
	box-sizing: border-box
}

.footer-container .contents[data-v-714beff4] {
	width: 75vw;
	margin: 0 auto;
	justify-content: space-between;
	display: flex
}

.footer-container .content .block3 .text-text_group[data-v-714beff4] {
	width: 3.64583vw;
	height: .98958vw;
	font-size: .72917vw;
	color: #d9d9d9
}