/*功能页面CSS*/
.banner{position:relative;width: 100%;height: 180px;top:0;left:0;background: url(../images/public/banner.png) top center no-repeat;text-align: left;}
.banner img{position:absolute;margin-top: 40px;height:50%;margin-left:100px;}
.banner .button a{display:block;width:80px;height:25px;border:1px solid white;color:white;line-height:25px;text-align:Center;}
.banner .button a:hover{background-color:white;color:#095edf;}
.banner .button .a1{position:absolute;right:240px;top:20px;}
.banner .button .a2{position:absolute;right:150px;top:20px;}
.banner .button .a3{position:absolute;right:60px;top:20px;}
.banner .button .a4{position:absolute;right:330px;top:20px;}
.banner h1{position:absolute;right:150px;top:145px;font-size:20px;font-family:"黑体";font-style:italic;color:white;}
.banner p{position:absolute;right:400px;top:145px;font-size:20px;font-family:"黑体";font-style:italic;color:white;}

.cavsone{position: fixed;width:100%;height: calc(100% - 100px);top:180px;left: 0;z-index:1;}
#mask{position:fixed;top: 0px;left: 0;width:100%;height: 100%;background-color:rgba(0,0,0,0.5);display:none;z-index:1000;}
.run_result{position:absolute;top:120px;left:500px;font-size:30px;font-family:"黑体";color:red;border:2px solid red;}

.box{width: 85%;height: 650px;position: absolute;top: 290px;left: 11px;right: 0;bottom: 0;margin: 100px auto 0;z-index: 100;}
/*标题部分*/
.titlebox{height: 130px;}
.titlebox li{display:flex;flex-direction:row;justify-content:center;align-items: center;width: 15.4%;height: 115px;background-color: #dcdddd;float: left;margin-right: 20px;cursor: pointer;padding: 10px;box-sizing: border-box;}
.titlebox li:last-child{margin-right: 0;}
.titlebox li:first-child{margin-left: 5px;}
.titlebox li div{display:flex;flex-direction:row;justify-content:center;align-items: center;width: 90%;height: 70px;}
.titlebox li div img{height: 70px;margin-right:7px;}
.titlebox li div p{font-size: 20px;color: #333333;line-height:35px;margin-left:7px;text-align:center;}
.titlebox li.active{border: 1px solid #1767e0;position: relative;}
.titlebox li.active::after{content: '';border-top: 12px solid #1767e0;border-right: 15px solid transparent;border-bottom: 12px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -25px;left: 50%;margin-left: -15px;}
.titlebox li:hover{box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 40%);}

/*内容部分*/
.contbox{width: 100%;height: 400px;background-color: #fff;padding-left: 24px;box-sizing: border-box;margin-bottom:50px;}
.contbox ul.litaobox li{position:relative;display:flex;flex-direction:row;justify-content:center;align-items: center;width: 23.5%;height: 160px;float: left;margin-right: 20px;margin-bottom: 20px;cursor: pointer;padding: 10px;box-sizing: border-box;border:1px solid grey;}
.contbox ul.litaobox li:nth-child(4n){margin-right: 0;}
.contbox ul.litaobox li div{width: 100%;margin: 0 auto;text-align: center;}
.contbox ul.litaobox li div img{margin: 0 20px;float:left;}
.contbox ul.litaobox li div p{line-height:30px;font-size: 20px;color: 333;}
.contbox ul.litaobox li:hover{box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 40%);}

/*form表单*/
.form_content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:650px;background-color:#efefef;z-index: 1001;border:1px solid #454545;}
.form{width:100%;}
.form-head{width:100%;height:40px;background-color:#c9caca;margin-left:0;border-bottom:1px solid #454545;}
.form-head span{float:left;font-size:20px;font-family: "黑体";color:black;line-height:40px;margin-left:20px;}
.form-head img{display:inline-block;float:right;width:22px;margin-right:20px;padding-top:8px;color:black;}

.form-body{width:100%;background-color:#efefef;font-size:20px;}
.form-body p{height:30px;line-height:30px;margin:5px 15px 0 15px;}
.form-body .form-args{font-family: "黑体";color:red;}
.form-body .arg{margin:15px 15px 0 15px;}
.form-body .button{margin:0 15px 10px 15px;display:flex;flex-direction:row;justify-content:center;align-items: center;}
.form-body .form-title{font-size:22px;font-family: "黑体";color:red;margin-top:10px;text-align:center;}
.form-body .upload-file{height:35px;line-height:35px;background-color:#efefef;font-size:18px;}
.form-body .upload-file input{width:200px;background-color:#c9caca;margin-left:10px;font-size:16px;}
.form-body .form-args{font-family: "黑体";color:red;}

.form-body .arg span{position:relative;display:inline-block;display:fixed;width:49.5%;height:35px;line-height:35px;background-color:#c9caca;margin-bottom:10px;font-size:18px;}
.form-body .arg input{position:absolute;right:10px;top:5px;display:inline;width:22%;border:1px solid grey;padding-left:5px;font-size:16px;}
.form-body .arg span:last-child{width:100%;}
.form-body .arg .pagenum_align{width:49.5%;}
.form-body .arg .pagenum_align input{position:static;width:5px;}
.form-body .arg input:last-child{width:40%;}

.form-body .button button{width:130px;margin:10px;font-family: "黑体";}
.form-body .button .explain_button{width:130px;height:30px;line-height:30px;text-align:center;margin:10px;font-family: "黑体";border:1px solid black;border-radius: 3px;background-color:#dcdddd;}
.form-body .button .video_span{width:130px;height:30px;line-height:30px;text-align:center;margin:10px;font-family: "黑体";border:1px solid black;border-radius: 3px;background-color:#dcdddd;}
.form-body .button span{float:left;margin-left:10px;margin-right:10px;}
.form-body .button img{margin-top:3px;}

.form-body .explain_div{width:95%;border:1px solid grey;margin:15px;padding-bottom:10px;font-size:16px;}
.form-body .explain_div p{height:24px;color:red;margin-top: 3px;margin-left:0;font-size:16px;line-height:24px;}
.form-body .explain_div span{display:block;color:black;margin-top: 5px;margin-left:32px;margin-right:32px;background-color:#c9caca;line-height:24px;}

/*视频框*/
.contbox .video{position:absolute;left:200px;top:-100px;z-index: 88888;}
.contbox .video_text{position:absolute;left:250px;top:-75px;font-size:30px;font-family: "方正大黑简体";color:white;z-index: 99999;}
.contbox .video_close{position:absolute;right:330px;top:-85px;width:40px;margin-right:40px;padding-top:8px;color:red;z-index: 99999;}

/*网站底部*/
.footerbox{width: 100%;background:#dcdddd;display:flex;flex-direction:column;align-items: center;}
/*AI网站联盟菜单*/
.footerbox .friendship_link {display:block;width: 100%;margin:20px 0 10px 50px;}

/* 下拉按钮样式 */
.footerbox .dropbtn {color:black;font-size: 18px;font-family: "微软雅黑";border-right: 2px solid black;cursor: pointer;background:none;padding-left:30px;padding-right:20px;border:none;border-right:1px solid grey;}
/* 容器样式 - 用于定位下拉内容 */
.footerbox .dropdown {position: relative;display: inline-block;}
/* 下拉内容样式（默认隐藏） */
.footerbox .dropdown-content {display: none;position: absolute;width:100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
/* 下拉菜单中的链接样式 */
.footerbox .dropdown-content a {color: black;font-family: "微软雅黑";text-decoration: none;text-align:center;display: block;line-height:35px;height:35px;background:#dcdddd;border-bottom:1px solid #b5b5b6}
/* 鼠标悬停时改变链接颜色 */
.footerbox .dropdown-content a:hover {background-color: #f1f1f1;}
/* 显示下拉内容 */
.footerbox .dropdown:hover .dropdown-content {display: block;}
/* 鼠标悬停时改变下拉按钮的背景颜色 */
.footerbox .dropdown:hover {background-color: #1e96ff;}
/* 普通文字按钮样式 */
.footerbox .text-btn {cursor: default;} /* 默认光标，表示不可点击 */

/*底部横线*/
.footerbox .horizontal_line{background-color:rgb(10,90,210);height:3px;width:100%;margin-bottom: 10px;}

/*底部网站信息*/
.footerbox .website_info p{color: grey;font-family: "微软雅黑";font-size:18px;text-align:center;line-height:60px;height:60px;}
.footerbox .website_info div{color: grey;font-family: "微软雅黑";font-size:18px;}
.footerbox .website_info .ico_text{display:inline;line-height:40px;height:40px;}
.footerbox .website_info .ico_text img{height:30px;margin-right:5px;vertical-align:middle;}
.footerbox .website_info .ico_text span{vertical-align:middle;margin-right:40px;vertical-align:middle;}

.clear_fix:after {content: "";display: block;clear: both;}

/* 试卷下载网 */
.exam-block {
    border: 1px solid red;
    width: 83.5%;
    height: auto;
    margin: 15px auto;
    text-align: center;
    cursor: pointer;  /* 添加这个样式让鼠标变成手型 */
    transition: transform 0.3s ease, opacity 0.3s ease; /* 同时过渡transform和opacity */
    /* 添加定位和z-index */
    position: relative;
    z-index: 1000; /* 设置一个较高的z-index值 */
}

.exam-block img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block; /* 确保图片是块级元素 */
}

/* 悬停效果 - 这是一个独立的选择器*/
.exam-block:hover {
    transform: scale(1.1) !important;  /* 放大更多，更容易看到 */
    opacity: 0.7 !important;           /* 透明度更低 */
    border-color: blue !important;     /* 边框变色 */
    box-shadow: 0 0 20px rgba(0,0,255,0.5) !important; /* 添加阴影 */
}