/*
// 作品原创: 龙哥·工作室
// 站长ＱＱ: 2245110582
*/
*{ margin: 0 auto; padding:0; }
body {margin:0; padding:0; font-size:12px;font-family:"新宋体";background-attachment:fixed;}
a{ text-decoration:none; color:#000; }
a:visited {color: #000;} 
a:active {color: #ffFF00;} 
.fontwite{ font: lighter 12px/24px 新宋体; color:#FFFFFF; text-decoration:none}
.bton{ width:92px; height:35px; font: bold 12px/32px 新宋体;color:#cccccc;  }
.bton a:visited{ color:#CCCCCC;text-decoration:none}
.bton a:link{color:#cccccc; text-decoration:none}
.bton a:hover{color: #FF0000;text-decoration:none}
#head { width:1000px; height:60px; background:#ffb518; margin:0px auto;position:relative; background:url(logo.png) no-repeat #FC0;}
.menu{ position:absolute; width:100%; height:30px; line-height:30px; bottom:0; background-color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; font-size:12px;  color:#333}
.menu .leftbar{ width:230px; line-height:30px; font-size:12px; color:#000;text-align:center; float:left; text-decoration:none;}
.leftbar a{ margin: 0 10px;text-decoration:none;color:#000;}
.leftbar a:hover{color: #ff0000;text-decoration:none}
.menu .centerbar{ float:left; overflow:hidden;}
.menu .centerbar a{ width:140px; text-align:center; margin-left:1px; background-color:#777 ; display: block; height:30px; color:#FFF; text-decoration:none; float:left;   }
.menu .centerbar a:hover{background-color: #A31400;color: #ffffff;text-decoration:none}
.menu .rightbar{ width:345px; height:30px; text-align:center;font-size:12px;line-height:30px; float:left; overflow:hidden}
table.daili{ border-collapse:collapse; }
table.daili td{ background-color:#FF6600; height:28px; line-height:28px; text-align:center; color:#81aff4; }
.t1{ width:1000px; margin:0 auto; height:35px;text-decoration:none;font-size: 19px; text-align: center; color:#ffffff; BACKGROUND-COLOR: #FF6600; line-height: 35px; }
.t1 a{ color:#FFFFff; text-decoration:none; }
.SMbox1 {position:relative;float:center; width:1000px; height:35px; line-height:35px;background:#FF6600; margin:0 auto;margin-top:0px;font-size:16px;color:#fff;font-weight:bold; letter-spacing:0px;text-align: center;text-shadow: 1px #297EFF; }
.zizhu {float: center;color: #ffffff;font-size: 15px;display: inline-block;height: 40px;line-height:40px;margin-top: 0px;background: #ff0000;padding:0 10px ;border-radius: 50px;}
.SMbox {position:relative;float:center; width:1000px; height:35px; line-height:35px;background:#FF6600; margin:0 auto;margin-top:0px;font-size:16px;color:#fff;font-weight:bold; letter-spacing:0px;text-align: center;text-shadow: 1px #297EFF; }
.SMbox1 a{ color:#FFFFff; }
.SMbox a{ color:#FFFFff; text-decoration:none; }
.a2{ width:1000px; margin:0 auto; height:100px; overflow:hidden;  BACKGROUND-COLOR: #FF6600; }
.p2{ position:relative;float:center; width:1000px; height:40px; line-height:40px;background:rgba(0, 0, 0, 0.3); margin:0 auto;margin-top:0px;font-size:13.5px;color:#fff;font-weight:bold; letter-spacing:0px;text-align: center;text-shadow: 1px #297EFF;  }
.a4{ width:1002px; height:200px;  float:right; font-size:12px; color:#FF9900; }
.a8{ overflow:hidden; line-height:20px; text-align:center; color:#FFFFFF; padding:10px 0 15px 0; font-size:14px; }
.a8 a{ color:#FFFFFF; text-decoration:none; }
.footer{ width:970px; margin:0 auto; height:90px; overflow:hidden; BACKGROUND-COLOR: #FF6600; font-size:12px; color:#FFFFFF; overflow:hidden; padding:15px; text-align:center; line-height:180%; }
.footer a{ color:#FFFFFF; }
  /* 炫彩按钮样式 */
        #seoqq {
            /* 尺寸 */
            width: 345px;
            height: 30px;

            /* 使用 flexbox 实现内容（文字）在容器内水平和垂直居中 */
            display: flex;
            justify-content: center;
            align-items: center;

            /* 文字样式 */
            /* 字体大小使用 vw (视口宽度单位) 实现自适应。可以根据需要调整系数 */
            font-size: calc(12px + 0.382vw);
            color: white;
            /* 文字颜色为白色，确保在彩色背景上清晰可见 */
            text-align: center;
            /* 确保多行文字居中 */
            line-height: 1.2;
            /* 控制行间距 */
.unselectable {
			user-select: none;
			-webkit-user-select: none; /* Safari */
			-moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* IE/Edge */
		}
            /* 背景设置为一个动态的线性渐变 */
            background: linear-gradient(90deg,
                    #ff0000,
                    /* 红色 */
                    #ff7d00,
                    /* 橙红色 */
                    #000000,
                    /* 黄色 */
                    #ff7d00,
                    /* 橙红色 */
                    #ff0000
                    /* 红色 */
                );
            /* 将背景设为背景图，以便可以移动 */
            background-size: 400% 400%;
            background-clip: border-box;
            -webkit-background-clip: text;
            /* 关键：将背景裁剪到文字区域 (WebKit 浏览器) */
            -webkit-text-fill-color: transparent;
            /* 关键：使文字填充为透明，显示背景 (WebKit 浏览器) */
            /* 对于 Firefox 等其他浏览器，如果需要支持，可能需要不同的方法或接受非渐变文字 */

            /* 添加边框和阴影，增加立体感 */
            border: 1px solid #ffffff33;
            /* 半透明白色边框 */
            border-radius: 5px;
            /* 圆角 */
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
                inset 0 2px 5px rgba(255, 255, 255, 0.3);
            /* 外阴影和内阴影 */

            /* 光标变为手型，表示可点击 */
            cursor: pointer;

            /* 动画 */
            animation: rainbowText 8s ease infinite;
        }

        /* 定义背景移动的动画 */
        @keyframes rainbowText {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        /* 悬停效果 (可选) */
        #seoqq:hover {
            transform: translateY(-2px);
            /* 轻微上移 */
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
            animation-play-state: paused;
            /* 悬停时暂停动画 */
			text-decoration: none;
        }

        /* 点击效果 (可选) */
        #seoqq:active {
            transform: translateY(0);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) inset;
        }
.nokey{ display:none; margin: 0 auto;}
.content_box{ margin:0 auto; width: 1000px;z-index:999; overflow:hidden; }
.content_box .search{width:1000px;height: 40px; overflow:hidden; BACKGROUND-COLOR: #FFA119;color: #FFFFFF;background-repeat: no-repeat;}
.marks_content_search{width: 1100px;height: 44px;background-size: contain;}
.search_wrap{width: 1160px;padding: 6px 20px;margin: 0 auto;font-size: 14px;font-weight: 400;text-align: left;color: #f6f1d1;line-height: 18px;}
.select_edition{height:40px; width:770px; float:left; font-size: 13px; font-weight: 400;}
.select_sm{height:35px; line-height:35px;  overflow:hidden; margin-left:10px;}
.select_sm ul{display: block;width: 100%;height: 100%;overflow: hidden;}
.select_sm ul li{float: left;padding: 0px 7px; height:40px; line-height:40px; color:#FFF9E5; cursor:pointer;}
.select_sm ul li:hover{color: #FFFFFF;background-color: #ff0000;}
ul, li{list-style: none;}
.inputtext{width:230px;height:40px; float:right;}
.inputtext input{border-radius: 30px;width: 155px;height: 30px;padding-left: 20px; margin:5px 0 0 0;margin-left: 10px;background-size: 172px 100%;outline: none;font-size: 14px;font-weight: 400;text-align: left;color: #8c8888;line-height: 18px;border: 0px; float:left;}
.inputclose{top:15px;right: 35px;cursor: pointer;width: 18px;height: 18px;background: url(inputclose.png) no-repeat;background-size: contain;display: none;}
.inputclose:hover{background: url(inputclose_h.png) no-repeat;}
.search_bt{cursor: pointer;width: 15px;height: 15px;background: url(search_bt_h.png) no-repeat;background-size: contain; float:left; margin:15px 15px 0 13px;}
.select_edition_ul{position: absolute; margin-left:620px; margin-top:39px; display:none; z-index: 12; width: 380px; height: 565px; overflow: hidden; background-color:#FF6600; color: #ffffff;background-size: 100% 100%;}
.con_table{position: absolute; top: 7px; width: 100%; height: 100%;}
.con_table ul{width: 100%; height: auto;}
.con_table ul li{float: left; margin: 0 auto; width:125px; height: 25px; font-size: 14.5px; font-weight: 400; text-align: center;color: #ffffff; line-height: 28px; letter-spacing: 1px; cursor: pointer;}
.con_table ul li:hover{text-decoration: none;color: #ffffff;background: #ff0000;padding: 0px;border-radius:5px; }
.wrap_game{ width:1000px; overflow:hidden; margin:0 auto; }
.r{ border-width:1px; border-style:solid; border-top:none; }
.r, .c1, .c2, .c3, .c4, .c5, .c6{line-height:30px;text:background-color: #000;float:left;white-space:nowrap;overflow:hidden;border-right-style:solid;border-right-width:1px;}
.r, .c1, .c2, .c3, .c4, .c5, .c6, .c7{border-color:#FF6600; }
.c3{ text-align:center; color:#FF0000; }
.c5 span{ margin-left:4px; }
.c1, .c2, .c3, .c4, .c6, .c7{ text-align:center; }
.c1 a:hover, .c2 a:hover, .c7 a:hover{ text-decoration: none;color: #ffffff;background: #ff0000;padding: 5px 5px;border-radius:10px; }
table.gamelist{ border-collapse:collapse;  white-space: nowrap;width: 1000px; }
table.gamelist td{ border:solid 1px #FF6600; height:40px; line-height:40px; text-align:center; }
table.gamelist th{  background-color:#FF6600; color:#FFFFFF; font-weight:800;font-size: 12px;border:solid 1px #FF6600; height:32px;line-height:32px; font-family:"新宋体";}
table.gamelist tr.jtth td{ background-color:#FFFFFF; }
table.gamelist tr.jtth:hover td{ background-color:#FFFFcF  }
.r{width:998px; margin:0px auto; float:none; overflow:hidden; } 
.c1{width:120px;overflow:hidden;}
.c2{width:120px;overflow:hidden;}
.c3{width:150px;overflow:hidden;} 
.c4{width:110px;overflow:hidden;} 
.c5{width:316px;text-align:left;overflow:hidden;}
.c6{width:110px;overflow:hidden;}
.c7{width:65px;overflow:hidden;}