body {
    background: #e2edf6;
}

.ui-listmenu {
    width: 100%;
    height: 57px;
    display: flex;
    justify-content: flex-start;
    background: #fff;
    margin-top: 20px;
}

.ui-listmenu-a {
    display: block;
    line-height: 57px;
    color: #606060;
    font-size: 18px;
    margin: 0 15px;
    height: 50px;
}

.active {
    background: url('../images/act.png') bottom center no-repeat;
    background-size: 100%;
    color: #1475c6;
}

.ui-list {
    width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
    margin-top: 27px;
    padding-bottom: 30px;
}

.ui-listk {
    width: 1140px;
    margin: 37px auto;
}

.ui-guide {
    width: 100%;
    height: 43px;
    border-bottom: 2px solid #f4f4f4;
}

.ui-guide-name {
    float: left;
    font-size: 26px;
    color: #1475c6;
    line-height: 43px;
    border-bottom: 2px solid #1475c6;
}

.ui-dqwz {
    float: right;
    line-height: 43px;
    color: #1475c6;
    font-size: 16px;
    background: url('../images/address.png') left center no-repeat;
    text-indent: 2em;
}

    .ui-dqwz a {
        color: #1475c6;
    }

.ui-list-ul {
    width: 100%;
    height: auto;
}

.ui-list-li {
    width: 100%;
    height: 65px;
    background: url('../images/listdisc.png') 15px center no-repeat;
    border-bottom: 1px solid #f3f3f3;
}

.ui-list-a {
    display: block;
    color: #333;
    font-size: 18px;
    line-height: 65px;
    text-indent: 2em;
}

    .ui-list-a span {
        font-size: 16px;
        color: #333;
        font-size: 16px;
        float: right;
        margin-right: 15px;
    }

.ui-list-li:hover {
    background: url('../images/listdisc-act.png') 15px center no-repeat, #f5f5f5;
}

    .ui-list-li:hover > a {
        color: #1475c6;
    }

        .ui-list-li:hover > a > span {
            color: #1475c6;
        }

.box {
    text-align: center;
}

.ui-list-ulysp {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap: wrap;
}

.ui-list-liysp {
    width: 363px;
    height: 302px;
    box-shadow: 0 0 5px #f2f2f2, 0 0 5px #f2f2f2, 0 0 5px #f2f2f2;
    margin-bottom: 30px;
}

.ui-list-li-div {
    width: 347px;
    height: 238px;
    margin: 8px;
    position: relative;
}

.ui-list-liysp-img {
    display: block;
    width: 100%;
    height: 100%;
}

.ui-play-div {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.ui-list-liysp-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.ui-list-li-p {
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 35px;
}