.CityH1[data-v-bae560c6] { font-family: Microsoft YaHei }

.CityH1 .kr-content[data-v-bae560c6] { max-width: 800px; margin: auto; position: relative }

.CityH1 .kr-content .kr-s1[data-v-bae560c6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 20px }

.CityH1 .kr-content .kr-s1 .kr-col1[data-v-bae560c6] { width: 540px; display: -webkit-box; display: -ms-flexbox; display: flex }

.CityH1 .kr-content .kr-s1 .kr-col1 .g1[data-v-bae560c6] { width: 450px }

.CityH1 .kr-content .kr-s1 .kr-col2[data-v-bae560c6] { -webkit-box-flex: 1; -ms-flex: auto; flex: auto }

.CityH1 .kr-content .kr-s1 .kr-col2[data-v-bae560c6] .el-input .el-input__inner { background: #e0e0e0; border-radius: 20px 20px 20px 20px; color: #fff }

.CityH1 .kr-content .kr-s1 .kr-col2[data-v-bae560c6] .el-input .el-input__inner::-webkit-input-placeholder { color: #fff }

.CityH1 .kr-content .kr-s1 .kr-col2[data-v-bae560c6] .el-input .el-input__inner::-moz-placeholder { color: #fff }

.CityH1 .kr-content .kr-s1 .kr-col2[data-v-bae560c6] .el-input .el-input__inner:-ms-input-placeholder { color: #fff }

.CityH1 .kr-content .kr-s1 .kr-col2[data-v-bae560c6] .el-input .el-input__inner::-ms-input-placeholder { color: #fff }

.CityH1 .kr-content .kr-s1 .kr-col2[data-v-bae560c6] .el-input .el-input__inner::placeholder { color: #fff }

.CityH1 .kr-content .kr-s1 .kr-col2[data-v-bae560c6] .el-input .el-input__prefix { color: #fff; cursor: pointer }

.CityH1 .kr-content .kr-s2[data-v-bae560c6] { padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px }

.CityH1 .kr-content .kr-s2 .kr-row[data-v-bae560c6] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; -webkit-box-shadow: 0 2px 12px 1px rgba(0,0,0,.08); box-shadow: 0 2px 12px 1px rgba(0,0,0,.08); border-radius: 4px 4px 4px 4px; cursor: pointer }

.CityH1 .kr-content .kr-s2 .kr-row .kr-col1[data-v-bae560c6] { width: 400px; background: #ccc; border-radius: 4px 4px 4px 4px; overflow: hidden }

.CityH1 .kr-content .kr-s2 .kr-row .kr-col1 .g1Box[data-v-bae560c6] { position: relative; padding-right: 100%; padding-bottom: 50% }

.CityH1 .kr-content .kr-s2 .kr-row .kr-col1 .g1Box .g1[data-v-bae560c6] { position: absolute; width: 100%; height: 100% }

.CityH1 .kr-content .kr-s2 .kr-row .kr-col2[data-v-bae560c6] { width: 400px; overflow: hidden; padding: 28px; text-align: left }

.CityH1 .kr-content .kr-s2 .kr-row .kr-col2 .kr-t1[data-v-bae560c6] { font-weight: 700; font-size: 20px; color: #000; line-height: 28px; min-height: 112px; max-height: 112px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden }

.CityH1 .kr-content .kr-s2 .kr-row .kr-col2 .kr-t2[data-v-bae560c6] { padding-top: 20px; font-size: 14px; color: #a2a2a2; line-height: 12px }

.CityH1 .kr-content .kr-s3[data-v-bae560c6] { padding-top: 32px; padding-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }



.el-header[data-v-bae560c6] { padding: 0 }

.el-main[data-v-bae560c6] { margin-top: 0; padding: 0; overflow: initial }

.el-main .w[data-v-bae560c6] { padding: 15px }

.top-img[data-v-bae560c6] { position: relative }

.top-img-top[data-v-bae560c6] { position: absolute; top: 45%; left: 5%; color: #fff; text-align: left }

.top-img-top p[data-v-bae560c6] { font-size: .6rem; font-weight: 600 }

.top-img-top span[data-v-bae560c6] { font-size: .45rem; font-weight: 300 }

.top-img .top-img-top[data-v-bae560c6]:after { content: ""; position: absolute; left: 0; top: -16px; height: 1px; width: 40%; background: #fff }

.year_ul { position: absolute; display: block; left: 0; top: 133px; font-size: 20px; }

.CityH1 .kr-content .kr-s1 .kr-col1[data-v-bae560c6] { margin-bottom: 80px; }

.year_ul:after { content: ""; display: block; clear: both; }

.year_li { float: left; margin-right: 30px; cursor: pointer; display: block; }

.year_li.active { color: #00b6cd; }

@media screen and (max-width: 1024px) {
    .CityH1 .kr-content .kr-s1 .kr-col1[data-v-bae560c6] { width: 100% }

    .CityH1 .kr-content .kr-s1 .kr-col1 .g1[data-v-bae560c6] { width: 227px }

    .CityH1 .kr-content .kr-s2 .kr-row .kr-col1[data-v-bae560c6] { width: 100% }

    .CityH1 .kr-content .kr-s2 .kr-row .kr-col2[data-v-bae560c6] { padding: 12px 20px }

    .CityH1 .kr-content .kr-s2 .kr-row .kr-col2 .kr-t1[data-v-bae560c6] { font-size: 16px; min-height: 56px; max-height: 56px; -webkit-line-clamp: 2 }

    .CityH1 .kr-content .kr-s2 .kr-row .kr-col2 .kr-t2[data-v-bae560c6] { padding-top: 10px }

    .CityH1 .kr-content .kr-s3[data-v-bae560c6] { padding-top: 24px; padding-bottom: 32px }

    .year_ul { top: 0; width: 103%; position: relative; display: block; }

    .CityH1 .kr-content .kr-s1 .kr-col1[data-v-bae560c6] { margin-bottom: 0; }

    .year_li { margin-right: 28px; }
}