.map {
    width: 100%;
    height: 100vh;
}

.map-top {
    width: 100%;
    height: 100rem;
    box-shadow: 0px 1px 0px 0px #DFDFDF;
    box-sizing: border-box;
    padding: 0 28rem;
}

.map-bot {
    width: 100%;
    height: calc(100vh - 100rem);
    position: relative;
}

.map-l {
    height: 100%;
    width: 490rem;
    box-sizing: border-box;
    padding: 0 28rem;
}

.map-r {
    height: 100%;
    width: calc(100% - 490rem);
}


.mtop-c1 {
    display: inline-flex;
    font-size: 40rem;
    font-weight: 500;
    color: #E42E31;
    margin-right: 32rem;
}

.mtop-c1-c  img{
    height: 60rem;
}

.mtop-c1-line1 {
    width: 1px;
    height: 42rem;
    background: #E42E31;
    margin: 0 20rem;
}

.mtop-c1-t1 {
    font-size: 32rem;
}

.mtop-c2 {
    height:50rem;
    background: #fff;
    border: 1rem solid #DFDFDF;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    padding-right: 4rem;
    box-sizing: border-box;
}

.mtop-c2 input{
    flex:1;
    height:50rem;
    padding: 0 16rem;
    box-sizing: border-box;
    font-size: 16rem;
    color:#333;
    border: 0;
    outline: none;
    background: transparent;
}

.mtop-c2 > div{
    margin-left: 16rem;
    width: 110rem;
    height: 40rem;
    background: #E92E2E;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16rem;
    color:#fff;
    font-weight: bold;
    cursor: pointer;
}

.mtop-c3 {
    margin-right: 15rem;
}

.map-l-t1 {
    font-family: Source Han Sans CN;
    font-size: 18rem;
    font-weight: 700;
    padding: 20rem 0;
    border-bottom: 1rem solid #eee;
}

.map-l-c1 {
    height: calc(100vh - 180rem);
    overflow-y: auto;
}

.map-li {
    padding: 28rem 0;
    border-bottom: 1rem solid #eee;
}

.map-li .li-img {
    width: 136rem;
    height: 92rem;
    flex-shrink: 0;
    object-fit: cover;
    margin-right: 16rem;
}

.map-li-c {
    flex-direction: column;
    justify-content: space-between;
}

.map-li-t1 {
    font-size: 18rem;
    font-weight: 700;
    line-height: 1.6;
}

.map-li-t1 span{
    padding: 0rem 2rem;
    margin-right: 4rem;
    font-size: 18rem;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
    background-color: #E42E31;
    border-radius: 2rem;
}

.map-li-t2 {
    flex: 1;
    font-size: 18rem;
    font-weight: 700;
    color: #E42E31;
}

.map-li-t2 span {
    font-size: 14rem;
    font-weight: 400;
    color: #666666;
}

.map-li-t2 span:last-child {
    color: #E42E31;
}


.map-li-t3 {
    flex: 1;
    font-size: 16rem;
    color: #666;
}

.map-li-t3 span {
    font-size: 14rem;
    font-weight: 400;
    color: #666666;
}

.map-li-t3 span:last-child {
    color: #666;
}

.mtop-c4 {
    position: absolute;
    right: 20rem;
    z-index: 4;
}

.el-button--danger {
    background: #E92E2E;
    border-color: #E92E2E;
}

.el-button--danger:focus, .el-button--danger:hover {
    background: #E92E2E;
    border-color: #E92E2E; /* #f78989 */
    color: #FFF;
}

.el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover {
    background: #E92E2E;
    border-color: #E92E2E;
    color: #FFF;
}

.el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner {
    border-color: #E92E2E;
}

.el-select-dropdown__item.selected {
    color: #E92E2E;
    font-weight: 700;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #E92E2E;
    border-color: #E92E2E;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #E92E2E;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #E92E2E;
    background: #E92E2E;
}

.el-radio__input.is-checked+.el-radio__label {
    color: #E92E2E;
}