/*
Author: 鍛介浜
Author URL: http://www.mtrtk.com/
*/
.sitetop1170 {background-color: #f8f8f8; border-bottom: 1px solid #e9e9e9;}
.sitetop_left { float:left; }
.sitetop_right { float:right;}
.sitetop_right2 { float:right;display: flex;flex-direction: column;}

.sitetop960 {
    width: 1170px; 
    margin: auto;
    overflow: hidden;
    color: #000;
    position: relative;
    z-index: 9;
    font-size: 14px;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}

.top-btn1, .top-btn2, .top-btn3, .top-btn4 {
    color: white;
    position: relative;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0,.2);
}
.top-btn1 { padding: 10px; background: #e4393c; border: 1px solid #e4393c; margin-right: 0px; }
.top-btn1:hover { background-color: #ffffff; }
.top-btn2 { padding: 10px; background: #e4393c; border: 1px solid #e4393c; margin-right: 0px; }
.top-btn2:hover { background-color: #ffffff; }
.top-btn3 { padding: 2px; background: #e4393c; border: 1px solid #e4393c; margin-right: 2px; }
.top-btn4 { padding: 2px; background: #E2523A; border: 1px solid #E2523A; margin-right: 2px; }
.right { float: right!important; }

.uzy-gaokao-date { height: 39px; line-height: 39px; border: 1px solid #ffc4c4; float: left; padding: 0 10px; color: #f66; margin-left: -1px; }
.uzy-gaokao-date.applyFor-vip { cursor: pointer; background: #f66; color: #fff; overflow: hidden; }

.lighting {
    width: 25px; height: 52px; position: relative; top: -50px; left: -49px;
    transform: rotate(15deg); -webkit-transform: rotate(15deg);
    -webkit-animation: lightingVip 1s linear infinite forwards;
    -moz-animation: lightingVip .8s linear infinite forwards;
    animation: lightingVip .8s linear infinite forwards;
    background: rgba(255,255,255,.4); z-index: 1;
}

/* =========================================
   在此处开始：在线考试模块 (按钮居右精致版) 
   ========================================= */

/* 1. 外框容器：保持紧凑 */
.exam-section {
    background: #fff;
    margin: 15px 0;
    padding: 15px; 
    border: 1px solid #e6e6e6; 
    font-family: "Microsoft YaHei", sans-serif;
}

/* 2. 头部：红线标题 */
.exam-header {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    height: 34px; 
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 12px;
    box-sizing: border-box;
}

/* 标题：红线压灰线 */
.exam-title {
    font-size: 16px; 
    color: #e60000;
    font-weight: bold;
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #e60000;
    margin-bottom: -1px;
    padding: 0 5px;
}

/* 更多链接 */
.exam-more {
    font-size: 12px;
    color: #999;
    text-decoration: none;
    transition: color 0.3s;
}
.exam-more:hover { color: #e60000; }

/* 3. 网格布局 */
.exam-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 10px; 
}

/* 4. 卡片美化：布局关键点 */
.exam-item {
    background: #fff;
    border: 1px solid #f2f2f2;
    padding: 12px 15px; 
    /* Flex布局：垂直排列 */
    display: flex;
    flex-direction: column; 
    justify-content: space-between; /* 上下撑开 */
    min-height: 85px; /* 保持超薄小尺寸 */
    box-sizing: border-box;
    transition: all 0.3s ease;
    border-radius: 4px;
    position: relative; /* 为左侧红线做定位 */
}

/* 悬停效果 */
.exam-item:hover {
    border-color: #ffcccc;
    background: #fffbfb;
    border-left: 3px solid #e60000; /* 左侧红条 */
    padding-left: 12px; /* 保持内容不动 */
    box-shadow: 0 4px 12px rgba(230,0,0,0.05); /* 极淡阴影 */
}

.exam-item a {
    text-decoration: none;
    display: block;
    width: 100%;
    color: inherit;
    /* 关键：让链接区域填满，确保点击 */
    flex: 1; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 5. 试卷标题：左对齐 */
.exam-name {
    font-size: 13px; 
    color: #333;
    line-height: 20px; 
    height: 40px; /* 限制2行高度 */
    overflow: hidden;
    margin: 0 0 5px 0; 
    font-weight: normal;
    text-align: left; /* 强制左对齐 */
    width: 100%;
}
.exam-item:hover .exam-name {
    color: #e60000;
}

/* 6. 按钮：居右显示 */
.exam-btn {
    display: inline-block;
    padding: 2px 12px;
    background-color: #fff;
    color: #e60000; /* 默认就是红字 */
    font-size: 12px;
    border: 1px solid #e60000; /* 红色细边框 */
    border-radius: 20px; /* 胶囊圆角 */
    transition: all 0.3s;
    
    /* 关键布局：让按钮靠右 */
    align-self: flex-end; 
    margin-top: auto; /* 推到底部 */
}

/* 悬停时按钮变实心 */
.exam-item:hover .exam-btn {
    background-color: #e60000;
    color: #fff;
    box-shadow: 0 2px 5px rgba(230,0,0,0.2);
}

/* 手机端适配 */
@media screen and (max-width: 768px) {
    .exam-grid {
        grid-template-columns: repeat(2, 1fr); 
        gap: 8px;
    }
    .exam-item { min-height: 80px; padding: 10px; }
    .exam-name { font-size: 12px; height: 36px; line-height: 18px; }
    .exam-btn { font-size: 12px; padding: 1px 10px; }
}