@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
	background: #000;
	top:-110;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: 0px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;
	height:1080px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
		background-image: url(../smps8/smps8.jpg);
	background-repeat: no-repeat;
}

.animatetop{	
	width:1920px;height:1080px;left:50%;margin-left:-960px;

}


.topcontainer .topnavs{
	width:616px;height:30px;left:50%;margin-left:-41px;top:23px;
}

.topcontainer .topnavs .nav{
	width:112px;height:30px;
}

.topcontainer .topnavs .nav1{
	margin-left:0px;;
}

.topcontainer .topnavs .nav2{
	margin-left:167px;;
}

.topcontainer .topnavs .nav3{
	margin-left:335px;;
}

.topcontainer .topnavs .nav4{
	margin-left:503px;;
}



.topcontainer .navs{
	width:938px;height:263px;left:50%;margin-left:-471px;top:836px;
}

.topcontainer .navs .nav{
	width:177px;height:178px;
}

.topcontainer .navs .nav1{
	margin-left:0px;top:86px;
}

.topcontainer .navs .nav2{
	margin-left:255px;top:35px;
}

.topcontainer .navs .nav3{
	margin-left:508px;top:0px;
}

.topcontainer .navs .nav4{
	margin-left:761px;top:7px;
}


.topcontainer .navs .nav:hover{
	cursor: pointer;	
}

.gameIntro {
	width:1920px;height:828px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_02.jpg) no-repeat center;
	background-position: 0px -0px;
}

.gameIntro .introTexts{
	width:686px;height:366px;left:50%;margin-left:-503px;top:108px;
}

.gameIntro .introTexts .line{width:669px;height:42px;}
.gameIntro .introTexts .lineTitle{width:99px;height:22px;top:9px;left: 10px;color: #fbfff5;}
.gameIntro .introTexts .lineText{width:521px;height:26px;top:14px;left: 120px;color: #000000;}
.gameIntro .introTexts .line:hover，.gameIntro .introTexts .lineTitle:hover,.gameIntro .introTexts .lineText:hover{
	cursor: none;
}

.gameIntro .introTexts .line1{left: 18px;top: 5px;}
.gameIntro .introTexts .line2{left: 18px;top: 57px;}
.gameIntro .introTexts .line3{left: 18px;top: 109px;}
.gameIntro .introTexts .line4{left: 18px;top: 161px;}
.gameIntro .introTexts .line5{left: 18px;top: 213px;}
.gameIntro .introTexts .line6{left: 18px;top: 265px;}
.gameIntro .introTexts .line7{left: 18px;top: 317px;}




.gzshow{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background: url(../images/bj_03.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_03.jpg);
}

.gzshow1{
	width:1920px;
	height:957px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../images/buff.jpg);
	background-repeat: no-repeat;
}

.zbShow{
	width:1920px;
	height:900px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_04.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_04.jpg);
}

.gzimg{width:309px;height:309px;left:50%;margin-left:-366px;top:221px;background: url(../images/bj04_jcjt/gifdh.html) no-repeat center;z-index: 50;}

.zbShow2{
	width:1920px;
	height:700px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_05.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_05.gif);
}
.zbShow3{
	width:1920px;
	height:900px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_06.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_06.jpg);
}
.zbShow8{
	width:1920px;
	height:900px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_09.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_09.jpg);
}
.zbShow9{
	width:1920px;
	height:900px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_10.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_10.jpg);
}
.zbShow9 img{ margin-top:180px;}
.zbShow4{
	width:1920px;
	height:900px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_08.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_08.jpg);
}
.bottom{
	width:1920px;
	height:132px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_06.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_06.jpg);
}

.slide1{
	width:1145px;height:559px;left: 50%;margin-left: -573px;top:107px;
	
}

.slide1 .uls li{list-style: none;}

.slide1 .prev,.slide1 .next{width:32px;height:50px;}
.slide1 .prev{top:-315px;left:-38px;}
.slide1 .next{top:-367px;left:1144px;}

.slide2{
	width:1103px;height:459px;left: 758px;margin-left: -430px;top:204px;
	
}

.slide2 .uls li{list-style: none;}

.slide2 .prev,.slide2 .next{width:40px;height:52px;}
.slide2 .prev{top:-275px;left:-650px;}
.slide2 .next{top:-325px;left:740px;}



.slide3{
	width:1200px;height:650px;left: 50%;margin-left: -608px;top:200px;
	
}

.slide3 .uls li{list-style: none;}

.slide3 .prev,.slide5 .next{width:140px;height:152px;}
.slide3 .prev{top:-411px;left:-660px;}
.slide3 .next{top:-562px;left:760px;}


.slide4 .uls li{list-style: none;}

.slide4 .prev,.slide4 .next{width:40px;height:52px;}
.slide4 .prev{top:-262px;left:-85px;}
.slide4 .next{top:-317px;left:1121px;}

.slide5{
	width:644px;height:732px;left: 334px;top:244px;
	
}

.slide5 .uls li{list-style: none;}

.slide5 .prev,.slide5 .next{width:60px;height:80px;}
.slide5 .prev{top:-329px;left:848px;}
.slide5 .next{
	top:-409px;
	left:-256px;
	background-image: url(../images/LG.html);
}


#Floatingbars{width: 166px;height:459px;position:fixed;top:20%;right: -3px;z-index:10000;background: url(../images/icon29.png) no-repeat center center;}
#Floatingbars ._btn_qqqun{display:block;text-align:center;margin-top:13px;}
#Floatingbars .btn_showhide{width:31px;height: 75px;position:absolute;top: 74px;right: 152px;cursor:pointer;background:url(../images/icon25.png) no-repeat left top;}
#Floatingbars .btn_showhide.off{background:url(../images/icon33.png) no-repeat left top;right: 164px;}
.kefulist{}
.kefulist li{font-size:14px;padding-right:19px;padding-left:19px;}
.kefulist li a{height:48px;line-height:48px;color: #ffff;text-decoration:none;display:block;width: 108px;text-align: center;}
.kefulist li a [class^='icon']{margin-right:10px;vertical-align:middle;}
.kefulist li:nth-last-of-type(1) a{border:none;}
.kefulist li:hover .icon_qq{background-position:right top;}
.kefulist li:hover a{color:#dcb86b;}

.RQcodes{padding-top: 94px;padding-bottom:21px;}
.RQcodes strong{line-height:24px;font-size:16px;font-weight:normal;color:#ffff;display:block;padding-left:43px;padding-right:12px;}
.RQcodes span{line-height:20px;color:#ffff;margin-bottom:10px;display:block;padding-left:20px;padding-right:12px;}
.RQcodes .pic{width:108px;height:108px;margin:0 auto;}
.RQcodes .pic img{width:100%;height:100%;}
 
        /* 主容器 - 仙气卷轴风格 */
        .hero-shrine {
            max-width: 1300px;
            width: 100%;
            background: rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(2px);
            border-radius: 54px;
            padding: 24px 28px 40px 28px;
            box-shadow: 0 30px 45px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(255, 245, 180, 0.2);
            transition: all 0.2s;
        }

        /* 轮播画框 */
        .slider {
            position: relative;
            width: 100%;
            max-width: 1220px;
            height: auto;
            aspect-ratio: 1220 / 600;
            margin: 0 auto;
            overflow: hidden;
            border-radius: 30px;
            border: 8px solid #F4CB8B;
            box-shadow: 0 20px 35px rgba(0, 0, 0, 0.7), 0 0 0 4px rgba(180, 130, 50, 0.3) inset;
            background: #1a120b;
        }

        .slides {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }

        .slide-item {
            flex: 0 0 100%;
            width: 100%;
            height: 100%;
            position: relative;
        }

        .slide-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* 每张图专属文字浮层 (每张图单独的字，且不写在一起，通过独立结构) */
        .caption-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
            padding: 28px 24px 24px 24px;
            text-align: center;
            backdrop-filter: blur(3px);
            border-radius: 0 0 36px 36px;
            pointer-events: none;  /* 让文字不影响按钮点击 */
        }

        /* 每张图的文案专属容器，但样式统一，内容各自不同 */
        .dynamic-verse {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        /* 第一行大标题 (大一些) */
        .verse-main {
            font-size: 44px;
            font-weight: 800;
            letter-spacing: 4px;
            background: linear-gradient(135deg, #FFE9B6, #FFC875, #FFE2A0);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
            animation: shimmerGlow 3.5s infinite alternate;
            display: inline-block;
            padding: 0 8px;
        }

        /* 后三行小字 (小一些但精致) */
        .verse-sub {
            font-size: 17px;
            font-weight: 500;
            background: linear-gradient(120deg, #FFEFC0, #FFDA95, #FCCf7a);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            animation: softFlow 5s linear infinite;
            letter-spacing: 1.5px;
            margin-top: 2px;
        }

        .verse-sub + .verse-sub {
            margin-top: 6px;
        }

        /* 流光特效动态 */
        @keyframes shimmerGlow {
            0% {
                background-position: 0% 50%;
                letter-spacing: 4px;
            }
            100% {
                background-position: 100% 50%;
                letter-spacing: 5px;
            }
        }

        @keyframes softFlow {
            0% {
                background-position: 0% 50%;
                opacity: 0.95;
            }
            50% {
                background-position: 100% 50%;
                opacity: 1;
            }
            100% {
                background-position: 200% 50%;
                opacity: 0.95;
            }
        }

        /* 让每个子行都继承背景流动 */
        .verse-main, .verse-sub {
            background-size: 250% auto;
            background-repeat: no-repeat;
        }

        .verse-main {
            background-size: 280% auto;
        }

        /* 按钮样式 继续仙侠感 */
        .nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.55);
            backdrop-filter: blur(12px);
            color: #ffdd99;
            border: 1px solid rgba(255, 200, 100, 0.8);
            padding: 12px 20px;
            cursor: pointer;
            font-size: 34px;
            font-weight: bold;
            border-radius: 60px;
            transition: 0.2s;
            width: 56px;
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 20;
            box-shadow: 0 4px 12px black;
        }

        .nav-btn:hover {
            background: #d9a13b;
            color: #1e2a1a;
            border-color: #ffefb0;
            transform: translateY(-50%) scale(1.07);
        }

        .prev-btn {
            left: 20px;
        }

        .next-btn {
            right: 20px;
        }

        /* 响应式优化 */
        @media (max-width: 1000px) {
            .verse-main {
                font-size: 32px;
            }
            .verse-sub {
                font-size: 14px;
            }
            .caption-overlay {
                padding: 20px 16px 18px;
            }
            .nav-btn {
                width: 46px;
                height: 46px;
                font-size: 28px;
            }
        }

        @media (max-width: 700px) {
            .verse-main {
                font-size: 24px;
                letter-spacing: 2px;
            }
            .verse-sub {
                font-size: 11px;
                letter-spacing: 1px;
            }
            .caption-overlay {
                padding: 12px 12px 12px;
            }
            .hero-shrine {
                padding: 16px 16px 28px;
            }
            .nav-btn {
                width: 38px;
                height: 38px;
                font-size: 22px;
            }
        }



#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;margin-top:-300px;z-index:99999;}
.m6piccon{float:left;position:relative;width:1300px;height:145px;margin-left:370px;margin-top:250px;z-index:999}
.m6piccon li{float:left;width:70px;height:145px;margin-right:40px;margin-left:0px;padding:0 0px;margin-bottom:15px}
.m6piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m6piccon li img {float:left;width:70px;height:70px}

.items {width:1220px;left:50%;margin-left:-513px;margin-top:320px;}
.items ul{}
.items li{ width:42px; height:176px; float:left; list-style:none; margin-right:159px;}

.itemcss{ position:relative;width:52px; height:52px;margin:0 auto} 
.itemcss a,.itemcss span{display:none; text-decoration:none}
.itemcss:hover{cursor:pointer} 
.itemcss:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.itemcss:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;margin-left:50px;
z-index:10;height:36px; line-height:36px; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}