/**
 * 列表
 *
 */

/* 公共 */
@import "reset.css";
@import "base.css";
/*头部*/
@import "module/top.css";
/*导航*/
@import "module/nav.css";
/*海报图*/
@import "module/poster.css";
/* 底部 */
@import "module/footer.css";
/* 悬浮框 */
@import "module/suspend.css";


/* 主体结构 */
.main {
    margin: 20px 0;
}

/* 内容 */
.main .content {
    display: flex;
    justify-content: space-between;
}


/*左侧*/
.main .left {
    width: 225px;
}

.main .nav {
    border: 1px solid #e0e0e0;
}

.main .nav button {
    width: 100%;
    background: #c40000;
    font-size: 18px;
    line-height: 50px;
    color: white;
}


.main .nav p {
    line-height: 3rem;
    height: 3rem;
    margin: 0 10px;
    border-bottom: 1px dashed #e6e6e6;
}

.main .nav a {
    display: block;
    width: 100%;
    padding: 0;
}

.main .nav a:hover {
    color: #ff0000;
}

.main .link {
    margin-top: 20px;
    border: 1px solid #e0e0e0;
}

.main .link button {
    width: 100%;
    background: #c40000;
    font-size: 18px;
    line-height: 50px;
    color: white;
}

.main .link p {
    line-height: 2rem;
    margin: 0 10px;
}

/*右侧*/
.main .right {
    width: 900px;
}

.main .list p {
    position: relative;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    line-height: 3rem;
    height: 3rem;
    border-bottom: 1px solid #f5f6f7;
}

.main .list {
    margin: 10px 0;
    min-height: 400px;
}

.main .list a {
    display: block;
    width: 88.5%;
    overflow: hidden;
}

.main .list span {
    text-align: right;

}