@charset "utf-8";
/* ==========================================================================
   马院/教科院系 VSB9 模板 - 首页样式补丁 v1
   用途：替换  dfiles/XXXXX/templets/mayuan/style/yx_rotaion.css
   包含两项改动：
     改动一：大图轮播 —— 左右箭头 + 底部圆点指示器
     改动二：通知公告所在行 —— 改为「通知公告 / 党建德育 / 学子风采」三个同款板块
            （此前「只显示三行」的版本已停用，板块内恢复显示全部条数）
   说明：本文件保留原文件全部规则，仅在其后追加/覆盖样式，不依赖任何图片资源。
   ========================================================================== */

/* 主题强调色（圆点选中态 / 可按需改成站点主色，如 #a80b28 深红、#800008 暗红） */
.yx-rotaion {
    --rt-accent: #004db7;
}


/* ==========================================================================
   一、原有规则（保留，未删改）
   ========================================================================== */
.yx-rotaion{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute;}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1;}
.yx-rotation-t{color:#fff;font-size:14px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px;}
.yx-rotation-focus span,.yx-rotaion-btn span{display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2;}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:10px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px;}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative;}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px;}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px;}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.yx-rotation-focus span.hover{background-position:-10px -126px;}
.rotaion_list{width:715px;height:330px;overflow:hidden;}


/* ==========================================================================
   二、改动一：大图轮播 —— 左右箭头
   背景：原样式依赖雪碧图 images/ico.gif，该图在站点上 404，
        所以箭头/圆点虽然由插件生成了但全部不可见，属于「样式缺失」而非「功能缺失」。
        这里改用纯 CSS 绘制，不再依赖任何图片。
   ========================================================================== */

/* 按钮容器横跨整幅图，会挡住大图中间的跳转链接，放开穿透只让箭头本身可点 */
.yx-rotaion-btn {
    height: 0;
    margin-top: -22px;                /* 44px 箭头垂直居中 */
    z-index: 8;
    overflow: visible;
    pointer-events: none;
}

.yx-rotaion-btn span {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .42);
    border: 1px solid rgba(255, 255, 255, .25);
    opacity: 1;                       /* 覆盖原文件的 opacity:.3 */
    filter: none;                     /* 覆盖 IE 滤镜 */
    -moz-opacity: 1;
    -khtml-opacity: 1;
    background-position: 0 0;         /* 清掉无效的雪碧图定位 */
    box-sizing: border-box;
    pointer-events: auto;
    transition: background .25s ease, transform .25s ease, border-color .25s ease;
}

.yx-rotaion-btn span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    border: 0 solid #fff;
}

/* 左箭头 */
.yx-rotaion-btn .left_btn {
    left: 16px;
    float: left;
}
.yx-rotaion-btn .left_btn:before {
    border-left-width: 2px;
    border-bottom-width: 2px;
    transform: translate(-40%, -50%) rotate(45deg);
}

/* 右箭头 */
.yx-rotaion-btn .right_btn {
    right: 16px;
    float: right;
}
.yx-rotaion-btn .right_btn:before {
    border-right-width: 2px;
    border-top-width: 2px;
    transform: translate(-60%, -50%) rotate(45deg);
}

/* 悬停加深微放大（插件 hover 时会给 span 加 .hover 类，兼容 IE8 可留 opacity 写法） */
.yx-rotaion-btn span.hover,
.yx-rotaion-btn span:hover {
    background: rgba(0, 0, 0, .68);
    border-color: rgba(255, 255, 255, .5);
    transform: scale(1.08);
}


/* ==========================================================================
   三、改动一：大图轮播 —— 底部圆点指示器
   ========================================================================== */
.yx-rotation-focus {
    right: 18px;
    bottom: 13px;
    height: auto;
    line-height: 1;
    z-index: 9;
    padding: 5px 8px;
    border-radius: 11px;
    background: rgba(0, 0, 0, .28);
}

.yx-rotation-focus span {
    width: 9px;
    height: 9px;
    line-height: 9px;
    margin-left: 8px;
    top: 0;
    border-radius: 50%;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .5);
    border: 1px solid rgba(255, 255, 255, .7);
    background-position: 0 0;         /* 清掉无效的雪碧图定位 */
    text-indent: -9999px;
    overflow: hidden;
    float: left;
    cursor: pointer;
    transition: width .25s ease, background .25s ease, border-color .25s ease;
}

.yx-rotation-focus span:first-child {
    margin-left: 0;
}

.yx-rotation-focus span:hover {
    background: rgba(255, 255, 255, .85);
    border-color: #fff;
}

/* 当前张：拉长成小胶囊并填充主题色（首行的纯色值给 IE8 等不支持变量的浏览器兜底） */
.yx-rotation-focus span.hover {
    width: 22px;
    border-radius: 5px;
    background: #004db7;
    border-color: #004db7;
    background: var(--rt-accent);
    border-color: var(--rt-accent);
    background-position: 0 0;
}

/* 只有一张图时不显示圆点与箭头 */
.yx-rotation-focus:only-child,
.yx-rotation-focus span:only-child {
    display: none;
}


/* ==========================================================================
   四、通知公告「只显示三行」——【已停用】
   需求调整为：该行改为「通知公告 / 党建德育 / 学子风采」三个同款板块，
   板块内恢复显示全部条数，故不再限制行数。以下规则保留备用，需要时取消注释。
   注：模板里 li 自带行内样式 style="display:block"，覆盖时必须用 !important。
   ========================================================================== */
/*
.tzgg-box ul.hov > li:nth-child(n+4),
.tzgg-box ul.hov1 > li:nth-child(n+4),
ul.tzgg-box > li:nth-child(n+4),
.tzgg-box ul.hov > li:first-child + li + li + li,
.tzgg-box ul.hov > li:first-child + li + li + li ~ li,
ul.tzgg-box > li:first-child + li + li + li,
ul.tzgg-box > li:first-child + li + li + li ~ li {
    display: none !important;
}
*/
/* 方案 B（免改模板按地址命中），同样备用 */
/* a[href*="tzgg"] + ul.hov > li:nth-child(n+4) { display: none !important; } */


/* ==========================================================================
   五、通知公告所在行改为「三栏同款板块」
   这是模板结构调整（不是样式问题），改法见同目录 row3blocks.html，
   该文件自带行内样式、不依赖本 CSS 的任何 class，可直接替换首页模板对应那一行。
   ========================================================================== */

/* ==========================================================================
   六、可选 JS 增强（写在页面底部初始化脚本里，与本 CSS 无关，仅作备忘）
   本模板 jQuery 为 1.4.2（有 $.browser、.bind、.delegate，无 .on），增强脚本必须用老 API：
       $(".yx-rotaion").yx_rotaion({auto:true, during:3000});
       $(".yx-rotation-focus span").click(function(){ $(this).trigger("mouseover"); });
   若写成 $(".yx-rotation-focus").on("click","span",fn) 会报
   "$(...).on is not a function" 并中断后续脚本。
   ========================================================================== */