@charset "utf-8";

/* ============================================
样式
   ============================================ */

/* --- 全局重置 --- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;

}

/* --- 页面容器 --- */
.page-wrapper {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-start;
    justify-content: center;
    padding-top: 0px;
}

/* --- 旋转木马轮播 (carousel.js) --- */

/* 轮播主容器 */
.poster-main {
    position: relative;
    margin: 0 auto;
}

/* 轮播列表项 - 绝对定位，由 JS 控制位置 */
.poster-main #poster-list .poster-item {
    position: absolute;
    left: 0;
    top: 0;
}

/* 轮播导航按钮 */
.poster-main .poster-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 10;
}

/* 上一张按钮 */
.poster-main .poster-prev-btn {
    left: -82px;
    width: 82px;
    height: 100%;
    background: url("../images/01.png") no-repeat center center;
}

/* 下一张按钮 */
.poster-main .poster-next-btn {
    right: -82px;
    width: 82px;
    height: 100%;
    background: url("../images/02.png") no-repeat center center;
}