body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
img {border-style:none;}
ul,li {list-style-type:none;}
form {margin:0;padding:0;}
html,body{ overflow-x:hidden}
body {font-size:14px;font-family:"微软雅黑",Arial, Verdana,  Helvetica, sans-serif;color:#643306;line-height:26px;background:#341806;}
input {font-size:12px;font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;color:#333;line-height: 17px;}
select {border: 1px solid #744219;font-size: 12px;color: #333;}
i,em{ font-style:normal}
.clearboth {line-height:0px;height:0px;clear:both;*display:inline; font-size:0px;}
a:visited,a:link {color:#f31c07;text-decoration:none;transition:all .5s ease;}
a:hover {color:#fco;text-decoration:none;border-style:none;}
.fl {float:left;}
.fr {float:right;}
.margin_auto {margin-right:auto;margin-left:auto;}
.mgT20{ margin-top:20px}
.fontSize17 { font-size:17px;}
.fontSize16 { font-size:16px;}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}
.ABlock {height:100%; display:block; text-indent:-9999px; outline:none}
.ABlockSpe {height:100%;display:block; text-align:center; outline:none}
.AInlinBlock {height:100%;display:inline-block;text-indent:-9999px; outline:none}
.AInlinBlockSpe {height:100%;display:inline-block;text-align:center; outline:none}
table {border-collapse:collapse;border:none;}
.wrapout {background: url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/bgWrapBot.jpg) no-repeat center 1200px;background-size:100% auto}
.wrapinner {width:1200px; position:relative; padding-bottom:100px}
.spritesBg,.topShowFiveShow dd a,.topShowNumList,.contentTop,.btnJc a,.title,.title::before,.subTit,.timeList,.wordScrollBoxSpe,.eventGuide .tabNav dd.spe a,.tabNav dt a,.conSmallTit,.fun a {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/png.png) no-repeat}
.posAb,.contentIndex,.corner { position:absolute;}
.header { height:1300px; position:relative;}
.logo {width:152px; height:85px;position:absolute; top:10px; right:-20px;z-index:10; background-repeat:no-repeat; background-size:contain; background-position: center top}
.logo a {height:85px; display:block;text-indent:-9999px; outline:none;}
.slogan { width:1180px; height:430px;background-position:-686px -954px; top:50%; left:50%; margin:-320px 0 0 -600px}
.unifyNav {height:30px;top:110px; left:50px; padding:0 10px; text-align:center;color:#dba858}
.unifyNav a {line-height:30px; padding:0 6px; display:inline-block; font-size:12px; outline:none; color:#dba858}
.unifyNav a:hover { color:#FC0}
.unifyNum {position:absolute; width:618px; padding-top:30px;height:398px;top:760px; left:50%; margin-left:-309px; text-align:center; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/bgNumShow.png) no-repeat;animation: fadeInUpBig 1s .7s ease both;}
.numWords {height:52px;font-size:24px; color:#efba68; padding-top:25px;position:relative;}
.numWords a { width:30px; height:30px; line-height:30px;display:inline-block; background:#e5632e; color:#f8daa7; border-radius:50%; position:relative; z-index:1}
.numWords div { width:400px; background:#db842f;border-radius:10px;position:absolute; top:-50px; right:-290px; opacity:0; font-weight:normal; font-size:14px; display:block;}
.numWords div::after{position: absolute;content: '';width: 0;height: 0;border-width: 20px 10px;border-style: solid;border-color: #db842f transparent transparent;bottom: -5px;left: -24px;transform:skew(-50deg);z-index:50}
.numWords div p { padding:6px 10px; color:#fffacd;line-height:22px; position:relative; z-index:55}
.numShow {height:105px;line-height:100px; font-size:70px; font-weight:bold; color:#bd5519;font-family:Arial, Helvetica, sans-serif;background: linear-gradient(to bottom, #ebb05c ,#fed77b 40%, #ffffff);-webkit-background-clip: text;background-clip: text;color: transparent;}
.numIntro { width:100%; line-height:24px;top:620px;color:#de6c17; text-align:center; font-size:16px;}
.eventIntro {width:430px; margin:0 auto; color:#f6c76e; text-align:left; padding-left:35px; font-size:16px; line-height:24px;}
/*.menuBox {width:157px;position:fixed; top:50%; left:50%; margin:-175px 0 0 610px;z-index:100;background:rgba(39,13,2,.5)}*/
.menuBox {width:157px;position:fixed; top:50%; right:20px; margin:-175px 0 0 0;z-index:100;background:rgba(39,13,2,.5)}
.menuBox::before,.menuBox::after { width:190px; height:32px; display:block;content:" "; position:absolute; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/icoFloat.png?=3) no-repeat}
.menuBox::before {top:-32px; left:-15px;}
.menuBox::after {bottom:-32px;left:-18px;transform:rotate(-180deg)}
.menu dd { text-align:center; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/floatLine.png) no-repeat center bottom; padding-bottom:8px;}
.menu dd a { height:50px; line-height:50px;font-size:18px;display:block; position:relative; outline:none;transition:none; color:#fff; text-shadow:1px 1px 5px #000}
.menu dd a:hover,.menu dd a.current { color:#f0c635;}
.menu dd a:hover::before,.menu dd a.current::before{border:1px solid #FC3;}
.menu dd a:hover::after,.menu dd a.current::after{background:#FC3;}


/*=====内容区域=====*/
.title { width:686px; height:131px; margin:70px auto 0; text-indent:-9999px; position:relative;}
.title::before {width:1106px; height:203px; display:block; content:" ";background-position:-686px 0; position:absolute; top:-100px; left:-186px;}
.t1{ background-position:0 0;}/*活动指南*/
.t2{ background-position:0 -131px}/*全民夺宝*/
.t3{ background-position:0 -262px}/*巅峰对决 赛事一览*/
.t4{ background-position:0 -393px;}/*传奇十大战队竞猜*/
.t5{ background-position:0 -524px;}/*十大女神 8月竞猜*/
.t6{ background-position:0 -655px}/*十大龙帝竞猜*/
.t7{ background-position:0 -786px}/*传奇十大行会竞猜*/
.t8{ background-position:0 -917px}/*天下第一争霸赛竞猜*/
.t9{ background-position:0 -1054px}/*跨服规则*/
.t10{ background-position:0 -1188px}/*天下第一人竞猜*/
.t11{ background-position:0 -1322px}/*比赛日程*/
.t12{ background-position:0 -1458px}/*比赛设定*/
.t13{ background-position:0 -1594px}/*比赛规则*/
.t14{ background-position:0 -1730px}/*比赛奖励*/


.titleItem { text-align:center; font-size:36px; color:#70370d; line-height:50px; padding-bottom:15px;}
.eventTit { height:80px; text-align:center; margin:30px auto}
.eventTit i { display:inline-block; height:80px; line-height:74px; vertical-align:middle; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/icoL.png) no-repeat right center; padding-right:450px; font-size:36px; color:#f8c161;}
.eventTit em {display:inline-block; width:430px; height:80px;background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/icoR.png) no-repeat left center;vertical-align:middle;padding-right:20px; }
.eventTitSpe i { padding-right:200px;background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/icoR3.png) no-repeat right center; }
.eventTitSpe em {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/icoL3.png) no-repeat left center; width:180px;}
.eventTitIco1 i { padding-right:50px;background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/ico1.png) no-repeat right center; }
.eventTitIco1 em {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/ico1.png) no-repeat left center; width:30px;}
.giftTit i {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/icoL4.png) no-repeat right center; color:#e93d25;}
.giftTit em {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/icoR4.png) no-repeat left center;}
.smallTit { font-size:18px; color:#d9a754; text-indent:-18px}
.showText {line-height:24px; width:800px}
.angleBox { padding:20px; color:#471109;background:#f5dcba;
	background: linear-gradient(135deg, transparent 12px, #f5dcba 0) top left,linear-gradient(-135deg, transparent 12px, #f5dcba 0) top right,linear-gradient(-45deg, transparent 12px, #f5dcba 0) bottom right,linear-gradient(45deg, transparent 12px, #f5dcba 0) bottom left;background-size: 95% 95%;background-repeat: no-repeat;
}
.angleBox p { margin-bottom:10px;}
.tabNav,.tabNavBase {overflow:hidden; padding:10px 0; margin-bottom:10px;position:relative;}
.tabNav dd,.tabNavBase dd { display:inline-block;padding:3px;background:#fcf3d6; border:2px solid #cb9b53; position:relative; z-index:5}
.tabNav dd a,.tabNavBase dd a { width:120px; height:31px; line-height:31px; display:block; text-align:center; color:#a67535; border:1px solid #edd4a1;font-size:16px;transition:none}
.tabNav dd.current,.tabNavBase dd.current{background:#bb4511;}
.tabNav dd.current a,.tabNavBase dd.current a { color:#f6deb8;}
.tabNavBase::before { width:100%; height:15px; content:" "; position:absolute; bottom:10px; left:0;background:linear-gradient(to left,rgba(198,146,68,0) 0%,rgba(198,146,68,0.8) 25%,rgba(198,146,68,1) 50%,rgba(198,146,68,.8) 75%,rgba(198,146,68,0) 100%)}
.tabCon,.tabConBase { display:none; overflow:hidden}
.tabCon p,.tabConBase p{ margin-top:10px;}
.tabCon span,.tabConBase span { color:#00F}
.tabCon span.red,.tabConBase span.red { color:#F00}
.tabCon table p,.tabConBase table p { margin:0}
.tabCon tr,.tabConBase tr { background:#a4281a}
.tabCon tr:nth-child(2n),.tabConBase tr:nth-child(2n){ background:#78160b}
.tabCon td,.tabConBase td { border:2px solid #4f0b03; padding:5px 10px; color:#f8c161; text-align:center;}
.eventGuide .tabNav  { width:195px; border:none; position:relative}
.eventGuide .tabNav dd.spe,.eventGuide .tabNav dt {margin:15px 0;position:relative;z-index:1; background:none; padding:0;}
.eventGuide .tabNav dd.spe a,.eventGuide .tabNav dt a {height:42px; display:block; text-align:center; line-height:42px; background-position:-1146px -387px;transition:none;font-size:18px; }
.eventGuide .tabNav dd.spe a:hover,.eventGuide .tabNav dd.spe.current a,.eventGuide .tabNav dt a:hover {background-position:-1341px -387px;}
.eventGuide .tabNav dd.spe span,.eventGuide .tabNav dt span{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1d55f), to(#cf7731));-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-weight:bold}
.eventGuide .tabNav dd { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/ico2.png) no-repeat left center; display:block; padding-left:30px;position:relative; border:none; z-index:1}
.eventGuide .tabNav dd a {width:auto; text-align:left; color:#ca6c1a; border:none;font-size:16px; height:26px; line-height:26px;}
.eventGuide .tabNav dd a:hover,.eventGuide .tabNav dd.current a { color:#d9b46c}
.eventGuide .tabCon { width:690px;}
.cqlShow { width:190px; height:300px;}

.conTit { text-align:center; height:80px; line-height:40px; font-size:36px; color:#953a0d; font-weight:bold; letter-spacing:2px}
.conVoteTit { width:972px; height:78px; line-height:78px; text-align:center; color:#f9903f; font-size:38px; background-position:-712px -280px; margin:0 auto 40px;text-shadow: 7px 1px 11px #000;}
.conSmallTit { width:350px; height:42px; line-height:42px;background-position:-1536px -387px;color:#6f3400; text-indent:35px; font-size:22px; margin:15px 0}
.eventInfro,.voteAreaTab { width:601px; height:54px; line-height:54px; text-align:center; color:#f59146; font-size:16px; background-position:-686px -203px; margin:20px auto}
.voteAreaTab a{display:block;float:left;width:60%;height:50px;white-space:nowrap;color:#e3ae33;transform:translate(-27px,2px); text-indent:40px}
.voteAreaTab a:last-child{float:right; width:40%; text-align:left;transform:translate(25px,1px);text-indent:10px}
.voteAreaTab a.current{color:#fbeed5;background:#fa8f41;
	background: linear-gradient(135deg, transparent 45px, #623515 0) top left,linear-gradient(-45deg, transparent 0, #623515 0) top right,linear-gradient(-135deg, transparent 2px, #623515 0) bottom right,linear-gradient(45deg, transparent 46px, #623515 0) bottom left;background-size: 51% 51%;background-repeat: no-repeat;}
.voteAreaTab a:last-child.current {background: linear-gradient(135deg, transparent 2px, #623515 0) top left,linear-gradient(-135deg, transparent 46px, #623515 0) top right,linear-gradient(-45deg, transparent 45px, #623515 0) bottom right,linear-gradient(45deg, transparent 2px, #623515 0) bottom left;background-size: 51% 51%;background-repeat: no-repeat;}

.w1002 { width:1002px}
.eventBox { width:900px; min-height:500px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/bgConT.png) no-repeat left top;position:relative; padding:50px; margin-top:40px; color:#5c3a0c}
.eventBoxBootom { width:1000px; height:50px; content:" "; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/bgConB.png) no-repeat left top;}
.eventBox span { color:#F00}
.eventBox p { margin-top:10px;}
.eventBox table p { margin:0}
.eventBox tr { background:#a4281a}
.eventBox tr:nth-child(2n){ background:#78160b}
.eventBox td { border:2px solid #4f0b03; padding:5px 10px; color:#f8c161; text-align:center;}
.eventBox td i { font-size:16px; color:#f5dcba}
.eventGuide { width:945px; height:645px; padding:45px 20px 0 35px; background-position:-1961px -726px;}
.gameIntro li{ width:640px; height:32px; line-height:32px; margin-bottom:5px; background:#f5dcba; color:#36110c;
	background: linear-gradient(135deg, transparent 0px, #f5dcba 0) top left,linear-gradient(-45deg, transparent 19px, #f5dcba 0) top right,linear-gradient(-45deg, transparent 30px, #f5dcba 0) bottom right,linear-gradient(45deg, transparent 0px, #f5dcba 0) bottom left;background-size: 50% 50%;background-repeat: no-repeat;
}
.gameIntro li i { background:#f8c161; width:230px; display:inline-block; text-align:right; padding-right:50px;
	background: linear-gradient(135deg, transparent 0px, #f8c161 0) top left,linear-gradient(-45deg, transparent 19px, #f8c161 0) top right,linear-gradient(-45deg, transparent 30px, #f8c161 0) bottom right,linear-gradient(45deg, transparent 0px, #f8c161 0) bottom left;background-size: 50% 50%;background-repeat: no-repeat;
}

.mirsVoteRule li { border-top:1px dashed #bd9149; padding:20px 0 20px 80px; position:relative}
.mirsVoteRule li:last-child{border-bottom:1px dashed #bd9149}
.mirsVoteRule li i {line-height:47px; font-size:28px; text-align:center; text-indent:-10px; font-style:italic; display:block;width:47px; height:47px; border-radius:50%; background:#d48b0c;background-image: linear-gradient(135deg, #d48b0c, #4e130b); position:absolute; top:50%; left:5px; margin-top:-23px}
.imirGameTime { width:733px; height:151px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/imir_pic2.png) no-repeat;}
.imirGameTime dd { width:230px; height:120px; float:left; text-align:center; color:#e3c06c; font-size:22px; font-weight:bold; padding-top:42px; line-height:30px}
.imirGameTime dd.n1 { margin:0 173px 0 60px;}

/*===========女神竞猜=============*/
.goddessTop3Show { position:relative; }
.goddessTop3Show dd{ width:418px; height:720px;position:relative;}
.goddessTop3Show dd.n1 {width:482px; height:720px; position:absolute; top:0; left:50%;transform:translateX(-50%)}
.goddessTop3Show dd.n2 { float:left}
.goddessTop3Show dd.n3 { float:right}
.goddessTop3Show dd.n2,.goddessTop3Show dd.n3 { margin-top:85px;}
.goddessTop3Show dd .goddessTop1Bg { width:418px; height:579px; position:absolute; top:0; left:0;}
.goddessTop3Show dd.n1 .goddessTop1Bg {width:482px; height:664px;} 
.goddessTop3Show dd.n1 .goddessTop1Bg {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/nS1.png) no-repeat;}
.goddessTop3Show dd.n2 .goddessTop1Bg {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/nS2.png) no-repeat;}
.goddessTop3Show dd.n3 .goddessTop1Bg {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/nS3.png) no-repeat;}
.goddessTop3Show dd .goddessTop1Img {  padding:110px 0 0 32px; width:312px; height:380px;overflow:hidden}
.goddessTop3Show dd .goddessTop1Img img {width:312px;}
.goddessTop3Show dd.n1 .goddessTop1Img {padding:135px 0 0 36px;width:360px; height:438px;}
.goddessTop3Show dd.n1 .goddessTop1Img img {width:360px;}
.goddessTop3Show dd .goddessInfo { width:380px; padding-top:10px; text-align:center; position:relative; z-index:10; color:#ffd7b2; font-size:18px; line-height:30px}
.goddessTop3Show dd .goddessInfo em { font-size:28px; color:#fef3da; line-height:35px;}
.goddessTop3Show dd .goddessInfo i{ color:#ffffff;}
.goddessTop3Show dd.n1 .goddessInfo { width:430px}


/*===========榜单列表=============*/
.listWrap {position:relative}


/*===========抽奖=============*/
.luckDrawWrap {width:1000px;height:650px; padding-top:50px;background-position:-1961px 0; position:relative}
.icoLine { width:35px; height:240px; position:absolute; text-indent:-9999px; overflow:hidden}
.icoLine1 { background-position:-1874px -1327px; top:420px; left:30px;}
.icoLine2 { background-position:-1920px -1327px; top:40px; right:30px;}
.luckDrawContent {width:750px; height:590px;position:relative;background:#cd9b3d;
	background: linear-gradient(135deg, transparent 12px, #cd9b3d 0) top left,linear-gradient(-135deg, transparent 12px, #cd9b3d 0) top right,linear-gradient(-45deg, transparent 12px, #cd9b3d 0) bottom right,linear-gradient(45deg, transparent 12px, #cd9b3d 0) bottom left;background-size: 51% 51%;background-repeat: no-repeat;
}
.luckDrawNav {height:120px; padding:20px 0 0 20px;background:#edca7f;
	background: linear-gradient(135deg, transparent 12px, #edca7f 0) top left,linear-gradient(-135deg, transparent 12px, #edca7f 0) top right,linear-gradient(-45deg, transparent 0px, #edca7f 0) bottom right,linear-gradient(45deg, transparent 0px, #edca7f 0) bottom left;background-size: 51% 51%;background-repeat: no-repeat;
}
.luckDrawNav dd { width:44%; padding:8px; float:left; margin:0 1%; background:#792805; border:1px solid #cd5e16; border-radius:3px}
.luckDrawNav dd:hover,.luckDrawNav dd.current { background:#993208;border:1px solid #d86119}
.luckDrawNav dd a { height:54px; padding-top:3px;line-height:26px; font-size:18px;display:block; text-align:center;outline:none; display:block;color:#ecc87a;border:1px solid #9c3d08}
.luckDrawNav dd:hover a,.luckDrawNav dd.current a{border:1px solid #d86119}
.luckDrawNav dd a i{display:block; font-size:14px; color:#e7c075}
.luckDrawNav dd a em{ font-size:12px}
.luckDrawNavNote {color:#9f2b1e; padding-top:5px}

/*=====抽奖主体 start====*/
.giftBox { width:400px; height:300px; overflow:hidden; position:absolute; top:50%; left:50%; margin:-100px 0 0 -200px;}
.giftBox a {height:170px;display:block;text-indent:-9999px; outline:none; background:url(https://static.web.sdo.com/mir2/pic/mir2/web6/images/guide/box.png) no-repeat center center;
-webkit-animation:tada 1.5s infinite linear;animation:tada 1.5s infinite linear;}
.giftBox p{ line-height:50px; font-size:34px; text-align:center; padding-top:30px; color:#800}
#lotteryBox{width:740px;height:440px; margin:0 auto}
#lotteryBox table{width:100%;height:100%;}
#lotteryBox table td { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/luckyDrawBg.png) no-repeat; background-size:100% 100%;position:relative; border:8px solid transparent}
#lotteryBox table td.active {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/luckyDrawBgActive.png) no-repeat; background-size:100% 100%}
#lotteryBox table td,#lotteryBox table th{width:25%;height:25%;text-align:center;vertical-align:middle;font-size:16px;position:relative}
#lotteryBox table th {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/luckyDrawBtn.png) no-repeat;background-size:100% 100%;overflow:hidden; cursor:pointer}
#lotteryBox table th:hover {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/luckyDrawBtnHover.png) no-repeat;background-size:100% 100%;}
#lotteryBox table th a {color:#ffd959;font-weight: bold;font-size: 30px;}
#lotteryBox table.length4 th a,#lotteryBox table.length6 th a{font-size: 50px;}
#lotteryBox table.length4 td p,#lotteryBox table.length6 td p { bottom:4px}
#lotteryBox table.length10 th a{font-size:30px;}
#lotteryBox table.length12 th a{font-size:45px;}
#lotteryBox table.length14 th a{font-size:45px;}
#lotteryBox table.length14 p { bottom:-2px}
#lotteryBox table.length16 p { bottom:-2px; font-size:12px}
#lotteryBox table.length16 th a{font-size:50px;}
/*#lotteryBox table td.active i{width:94%; height:90%; display:block; top:0; left:0; border:7px solid #F00; position:absolute; z-index:500}
#lotteryBox table.length14 td.active i {left:0; width:96%; height:94%;}
#lotteryBox table.length16 td.active i {width:84%; height:87%;}
#lotteryBox table td {background-image:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst/mir2/images/cjBg.jpg); background-repeat:no-repeat; background-size:100% 100%; position:relative; border:2px solid #82563d}
*/
#lotteryBox table td p { position:absolute; bottom:5px; margin:0; text-align:center; font-size:15px; width:100%; line-height:26px;color:#ecc87a}
#lotteryBox table td img { margin-top:-10px}
#lotteryBox table.length4 td,#lotteryBox table.length4 th{width:50%;height:33.3333333%;}
#lotteryBox table.length6 td,#lotteryBox table.length6 th{width:33.3333333%;height:33.3333333%;}
#lotteryBox table.length8 td,#lotteryBox table.length8 th{width:33.3333333%;height:33.3333333%;}
#lotteryBox table.length10 td,#lotteryBox table.length10 th{width:33.3333333%;height:25%;}
#lotteryBox table.length12 td,#lotteryBox table.length12 th{width:25%;height:25%;}
#lotteryBox table.length14 td,#lotteryBox table.length14 th{width:25%;height:20%;}
#lotteryBox table.length16 td,#lotteryBox table.length16 th{width:20%;height:20%;}
/*#lotteryBox table.length12 td.active i { border:4px solid #F00; top:1px; left:1px}*/
.lotteryPopBox { width:440px; height:300px;border: 2px solid #98705b; background:#1d1d1d; padding:15px;color:#c95424; position:absolute; top:50%; left:50%; margin:-150px 0 0 -237px; z-index:89}
.getGiftShow { text-align:center; font-size:30px; font-weight:bold; padding-top:50px}
.getGiftShow p { color:#ffcf45; padding:30px 0; margin:0}
.lotteryPopBoxClose a { width:140px; height:40px; display:block; line-height:40px; text-align:center; margin:40px auto; background:#951007; color:#ffcf45;; font-weight:normal; font-size:16px; border-radius:8px}
.lotteryPopBoxClose a:hover { background:#600}
.lotteryPopMask { background:#000;opacity:.8; position:absolute; top:0; left:0; width:100%; height:100%; z-index:88}
.lotteryPopAddress { display:none; text-align:center; margin:10px 0; font-size:16px; font-weight:normal}

.lotteryPopAddress a { color:#06C; text-decoration:underline;}


/*==天下第一投票==*/
.voteIntro { font-size:18px;line-height:30px;width:1000px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/bgLine.png) no-repeat center top; padding-top:15px}
.voteIntro span { color:#f0af51}
.voteIntro dt { text-align:center; color:#fa8f41; margin-bottom:20px;}
.voteIntro dd { border-bottom:1px dashed #93521c; font-size:16px; color:#93521c; padding:10px 10px 10px 60px;}
.voteIntro dd.n1 { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/no1.png) no-repeat left center}
.voteIntro dd.n2 { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/no2.png) no-repeat left center}
.voteIntro dd.n3 { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/no3.png) no-repeat left center}
.voteIntro dd.n4 { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/no4.png) no-repeat left center}
.voteIntro dd.n5 { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/no5.png) no-repeat left center}
.voteIntro dd.n6 { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/no6.png) no-repeat left center}
.voteInfroLight { height:180px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/bgLine1.png) no-repeat 155px bottom; font-size:26px; line-height:60px;}
.voteInfroLight p {background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#efb52a), to(#ef9d22));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.voteInfroLight span { font-size:34px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ef9d22), to(#ee7115));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.voteAreaChoose { height:50px;margin:20px 0 40px; text-align:center;font-size:18px; position:relative; color:#fdbd63}

.voteAreaChoose select { width:260px; height:30px; vertical-align:middle; padding:1px 5px; margin:0 50px 0 10px}
.voteAreaChoose span { color:#d99f3d; font-weight:bold}
.voteBox { position:relative; height:500px}
.titleShow {width:240px; height:110px; overflow:hidden;position:absolute; display:none; z-index:2}
.ts1{top:20px;left:-100px;}
.ts2{top:100px;left:-60px;}
.ts3{top:187px;left:-50px;}
.ts4{top:269px;left:-100px;}
.ts5{top:80px;left:-100px; height:271px; overflow:hidden}
.ts5 img { margin-top:-12px}

.voteBox { position:relative; height:500px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/bgNo1.png) no-repeat 200px top}
.titleShow {width:215px; height:142px; overflow:hidden;position:absolute; display:none; z-index:2; top:320px; left:0}
.titleShow img { width:100%}

.topShowBox { height:460px;}
.topShowNav { width:520px; height:700px; position:relative}
.topShowNav dd {height:42px; margin-bottom:20px}
.topShowNav dd a {width:207px; height:42px; display:block; text-indent:-9999px; outline:none;}
.topShowNav dd.n1 a { background-position:-1043px -429px}
.topShowNav dd.n2 a { background-position:-1259px -429px}
.topShowNav dd.n3 a { background-position:-1474px -429px}
.topShowNav dd.n4 a { background-position:-1690px -429px}
.topShowNav dd.n1 a:hover,.topShowNav dd.n1 a.current { background-position:-1043px -480px}
.topShowNav dd.n2 a:hover,.topShowNav dd.n2 a.current { background-position:-1259px -480px}
.topShowNav dd.n3 a:hover,.topShowNav dd.n3 a.current { background-position:-1474px -480px}
.topShowNav dd.n4 a:hover,.topShowNav dd.n4 a.current { background-position:-1690px -480px}
#zhiyeShow {padding:260px 0 0 260px;}

.topShowFiveInfro { width:910px;}
.topShowFive { width:520px; position:relative}
.topShowFiveImg { width:437px; height:407px;text-align:center; padding-top:125px}
.topShowFiveImg img { width:256px; height:314px;}
.topShowFiveShow { width:920px; height:60px; position:absolute; bottom:-105px; left:-208px;}
.topShowFiveShow dd { width:174px; height:54px; float:left; margin-left:5px;}
.topShowFiveShow dd.justone { margin-left:248px}
.topShowFiveShow dd a { height:54px;display:block; text-indent:-9999px; outline:none;}
.topShowFiveShow dd.n1 a{ background-position:-686px -598px}
.topShowFiveShow dd.n2 a{ background-position:-863px -598px}
.topShowFiveShow dd.n3 a{ background-position:-1040px -598px}
.topShowFiveShow dd.n4 a{ background-position:-1217px -598px}
.topShowFiveShow dd.n5 a{ background-position:-1394px -598px}
.topShowFiveShow dd.n1 a:hover,.topShowFiveShow dd.n1 a.current{ background-position:-686px -660px}
.topShowFiveShow dd.n2 a:hover,.topShowFiveShow dd.n2 a.current{ background-position:-863px -660px}
.topShowFiveShow dd.n3 a:hover,.topShowFiveShow dd.n3 a.current{ background-position:-1040px -660px}
.topShowFiveShow dd.n4 a:hover,.topShowFiveShow dd.n4 a.current{ background-position:-1217px -660px}
.topShowFiveShow dd.n5 a:hover,.topShowFiveShow dd.n5 a.current{ background-position:-1394px -660px}
.topShowFiveShow dd i { font-size:12px; color:#8d480d}
.topShowFiveShow dd a:hover i,.topShowFiveShow dd a.current i { color:#bd7801}

.topShowNum { width:380px; padding-top:210px;}
.topShowNum .topShowNumList { width:210px; height:60px; margin-bottom:10px}
.topShowNum .topShowNumList#top1 { background-position:-686px -532px}
.topShowNum .topShowNumList#top2 { background-position:-913px -532px}
.topShowNum .topShowNumList#top3 { background-position:-1141px -532px}
.topShowNum .topShowNumList#top4 { background-position:-1368px -532px}
.topShowNum .topShowNumList#top5 { background-position:-1595px -532px}
.topShowNum .topShowNumName { font-size:30px; color:#fffbe6; line-height:40px; font-weight:bold; margin-bottom:10px}
.topShowNum .topShowNumArea { font-size:20px; color:#e4c28b}
.topShowNum .topShowNumCqJfS { width:90%; font-size:20px; color:#e4c28b; border:3px solid #f4d189; background:#90663f; padding:10px; text-align:center; margin-top:30px}
.topShowNum .topShowNumCqJfS em{ font-size:47px; color:#fff3d9; line-height:60px}


#guildShow dd a {padding-left:15px}
.conBase #guildShow dd a span {color:#8d480d; font-size:14px}
.conBase #guildShow dd a:hover span ,.conBase #guildShow dd a.current span{color:#150b09}
#guildShow dd.n3 a { line-height:47px; padding-left:10px;}

.topShowNavSpe { width:254px; height:77px;position:absolute; top:0; left:36px; z-index:5; display:none;}
.topShowNavSec ul {margin:-22px 0 0 115px}
.topShowNavSec ul li { width:110px; height:40px; margin-bottom:18px; position:relative}
#guildShow .topShowNavSec ul li a{width:110px;height:40px; line-height:40px; text-align:center; font-weight:bold; color:#f1b392; padding:0;background:#3c261b; border-radius:7px; border:1px solid #86614f}
#guildShow .topShowNavSec ul li a:hover,#guildShow .topShowNavSec ul li a.current { background:#fa8f41; color:#000}
.topShowNavSec ul li .topShowNavThir { width:480px; position:absolute; top:75px; left:-160px;display:none}
.topShowNavSec ul li .topShowNavThir ul { margin:0}
.topShowNavSec ul li .topShowNavThir ul li { float:left; width:80px; height:40px; margin-left:5px}
#guildShow .topShowNavSec ul li .topShowNavThir ul li a { width:80px; line-height:19px; padding-top:2px}
#guildShow .topShowNavSec ul li .topShowNavThir ul li a em { background:none; font-size:12px; font-weight:normal; width:100%; height:auto; position:relative; top:0; left:0; text-align:center}

.topShowList { border:2px solid #d0982b; background:#341806; min-height:200px}
.topShowList h2{text-align:center;padding:10px 0 20px;font-family:'SimHei';font-size: 24px;}
.topShowList ul{ height:50px; padding-left:2px;}
.topShowList li{ width:196px; float:left; height:45px; line-height:45px; text-align:center; font-weight:bold; color:#d99f3d; font-size:18px;}
.topShowList .n8 { width:60px}
.topShowList .n1,.topShowList .n5,.topShowList .n6{ width:132px}
.topShowList .n7 { width:125px;}

.topShowList dl{max-height:1000px; padding-bottom:10px; overflow-x:hidden; overflow-y:auto;}
.topShowList dd { height:45px; border-top:2px solid #cca061;border-bottom:2px solid #cca061; background:#623714; margin-top:8px; cursor:pointer}
.topShowList dd:hover,.topShowList dd.current {border-top:2px solid #fa8f41;border-bottom:2px solid #fa8f41;}
.topShowList dd a{ width:18px; height:18px; display:inline-block; margin-top:13px; line-height:0; font-size:0; overflow:hidden; border:1px solid #fa8f41; border-radius:100%}
.topShowList dd.current a{ background:#fa8f41}
.topShowList dd div {width:196px;height:45px; line-height:45px; float:left; text-align:center;color:#d7a03c;white-space:nowrap;}
.topShowList dd div.n7{ width:125px}
.topShowList dd .icoTop1 { background:#e3a420 url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/ico.png) no-repeat 10px -360px; color:#000; font-size:18px; font-weight:bold}
.topShowList dd .icoTop2 { background:#bfc7d8 url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/ico.png) no-repeat 10px -431px; color:#000; font-size:18px; font-weight:bold}
.topShowList dd .icoTop3 { background:#b88663 url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/ico.png) no-repeat 10px -504px; color:#000; font-size:18px; font-weight:bold}

#teamVoteList .topShowList li{ width:197px}
#teamVoteList .topShowList .n1,#teamVoteList .topShowList .n5,#teamVoteList .topShowList .n6 { width:120px}
#teamVoteList .topShowList .n9 { width:60px}
#teamVoteList .topShowList .n7 { width:150px}
#teamVoteList .topShowList dd div { width:195px;}
#teamVoteList .topShowList div.n8 { width:80px}

/*列表 7列*/
#listCol7 .topShowList li,#listCol7 .topShowList dd div{ width:300px}
#listCol7 .topShowList .widthStyle_1 { width:170px}
#listCol7 .topShowList .widthStyle_2 { width:80px}

/*列表 8列*/
#listCol8 .topShowList li,#listCol8 .topShowList dd div{ width:210px}
#listCol8 .topShowList .widthStyle_1 { width:120px}
#listCol8 .topShowList .widthStyle_2 { width:80px}
#listCol8 .topShowList dd div:first-child {text-indent:20px}

/*列表 9列*/
#listCol9 .topShowList li,#listCol9 .topShowList dd div{ width:170px}
#listCol9 .topShowList .widthStyle_1 { width:120px}
#listCol9 .topShowList .widthStyle_2 { width:80px}
#listCol9 .topShowList dd div:first-child {text-indent:20px}

.toupiaoBox {padding:30px 0}
.fun { height:80px;text-align:center}
.fun a { width:297px; height:59px;display:inline-block;  text-align:center; line-height:59px;  background-position:-686px -718px;margin:0 -1px;font-size:24px; color:#e2cf81; vertical-align:top;transition:none;}
.fun a.btnBaseNewDb {padding-top:13px;line-height:20px;}
.fun a b {background: linear-gradient(to bottom,#ffffff 30%, #f9d68c 70%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.fun a.n1 {height:65px; line-height:65px; padding:0;}
.fun a i{ color:#e6b25a; font-size:14px}
.fun a:hover { background-position:-987px -718px;color:#FC0}
.fun a:hover i{ color:#FC6}
.searchBox { width:860px; margin:0 auto;font-size:16px;padding:10px 0; font-size:18px; color:#fae4b3}
.searchBox select,.searchBox input{ width:160px; height:24px; vertical-align:middle; margin:0 10px}

.btnBase { height:37px; line-height:37px;background:#aa3603; text-align:center; font-size:16px; border-radius:5px}
.btnBase:link,.btnBase:visited {color:#d3b16a;}
.btnBase:hover { background:#d99f3d; color:#FC0}
.conBase a.btnBase { color:#d3b16a}
.conBase a.btnBase:hover { /*color:#8a1712*/}
.btnSer { width:87px;display:inline-block;vertical-align:middle}
/*
.searchShow { overflow:hidden}
.searchShow dd { width:560px; height:270px; float:left; margin:15px 8px; background:#3b2b22; border:2px solid #836454;position:relative; padding:10px}
.searchShowTit {height:58px;line-height:25px; text-align:center;font-size:24px;color:#ee6832; font-weight:bold}
.searchShowImg { width:192px;height:240px; }
.searchShowImg img { width:100%; height:224px;border:1px solid #000}
.searchShowNum {line-height:23px; text-align:center; background:#60402f;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.searchShowNum p {margin-bottom:0px; border-bottom:1px solid #f1b392; padding:5px 0}
.searchShowNum p:last-child { border:none}
.searchShowNum span { color:#ee6832}
.searchShowBtn { width:166px; margin:15px auto 0;}
*/
.buyList dd { width:195px; height:300px;float:left; margin:0 0 20px 22px; padding:2px; position:relative}
.buyListTitBox { background:#60402f; border:1px solid #f1b392; border-radius:10px;}
.buyListTit {height:25px;line-height:25px; text-align:center;font-size:18px;color:#f1b392; padding-top:10px}
.buyListImg { width:194px; height:162px; text-align:center; padding-top:15px}
.buyListShow { text-align:center;height:30px; line-height:24px;}

.note { height:100px; line-height:100px; text-align:center; color:#c38153; font-size:16px}
.eventNote { width:540px; height:50px; line-height:50px; background:#541007; border:2px solid #800; text-align:center;font-size:18px; color:#b8a56f; position:absolute; bottom:20px; left:50%; margin-left:-270px}
.pageNote { text-align:center; font-size:14px}
.pageNoteSpe {font-size:14px;}
.pageNoteSpe i { background:#362e2b; padding:5px 10px; border-radius:20px}

/*=====pager start====*/
.pager{margin:0 auto;padding-top:60px;height:50px;text-align:center;}
.pager a{display:inline-block;margin-right:8px; width:30px;height:30px;padding:0 2px;text-align:center;line-height:30px;color:#efd58c;border:1px solid #a7624c; background:#5e291b;}
.pager a:hover,.pager a.current{background:#900; color:#fff; border:1px solid #fa8f41}
.pager a.upDown { width:70px}
.pager b { margin:0 10px; color:#666; font-weight:normal;}
.pager span { margin:0 10px}
/*=====pager end====*/

/*=======滚动条=======*/
.mCSB_scrollTools .mCSB_draggerRail { width:2px; background:#b07c3f}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:13px; background:#d3a56a}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(50,22,18,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(50,22,18,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}

/*======滚动=======*/
#wordScroll {top:377px; left:268px; z-index:2}
.wordScrollCon{width:670px;height:30px;overflow:hidden;}
.wordScrollCon li{height:30px;line-height:30px; text-align:center; font-size:18px; color:#fff}
.wordScrollBoxSpe { height:67px; background-position:0 -802px; padding-top:6px}
.wordScrollBoxSpe .wordScrollCon { width:100%; height:60px;}
.wordScrollBoxSpe .wordScrollCon li { height:60px; line-height:27px; color:#f1b392}

.ruleBtn { width:260px; height:60px; margin:30px auto}
.ruleBtn a { height:60px; line-height:60px; background:#610e12; border:1px solid #761012; font-size:24px; color:#dbc587; border-radius:10px}
.ruleBtn a:hover { background:#900}

.floatBar{width:30px;position:fixed;bottom:400px;right:50%;margin-right:-630px;left:auto;top:auto;color:#ece1ad; display:none}
.floatBar a{display:block;padding:8px;background:#900;color:#fff;width:14px;text-align:center;line-height:18px; border-radius:10px;}
.floatBar a:hover{ background-color:#600;color:#fff;}

.run { position:fixed; top:0; left:50%; margin-left:-960px}

/*=======弹层========*/
.popTit { height:50px; text-align:center;}
.popTit i {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/icoR2.png) no-repeat right center; padding-right:130px; font-size:30px; color:#c1340e}
.popTit em {width:120px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/icoL2.png) no-repeat left center;}
.alertBox {width:950px; height:772px;position:fixed;z-index:1000;display:none;top:50%; left:50%; margin:-386px 0 0 -475px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/bgPop.png) no-repeat;}
.ajaxConIn {color:#404040; padding:20px 70px; font-size:14px;}
.ajaxConIn span { color:#900;}
.ajaxConIn span.blue { color:#00F;}
.subCon { height:600px; overflow-x:hidden; overflow-y:auto}
.subCon .mirsVoteRule li {padding:10px 0 10px 40px;}
.subCon .mirsVoteRule li i { background:none; width:30px;  font-size:22px}
.close { width:45px; height:45px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/close.png) no-repeat;position:absolute; top:22px; right:-27px; cursor:pointer;transform:rotate(0deg);transition:all .5s ease;}
.close:hover {transform:rotate(360deg)}
#dialog-overlay {width:0;height:0;-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;filter:alpha(opacity=50);position:absolute;background:#000;top:0; left:0;z-index:500;display:none;}

.roleInfro { width:500px; margin:20px auto; padding:20px; background:#f6e8cd;}
.roleInfro table { margin-top:15px}
.roleInfro td { border:1px solid #dcceaf; text-align:center;height:35px;}
.roleTp { width:450px; height:60px}
.roleTp a { width:120px; height:40px; line-height:40px; color:#fff; margin:0 10px;}
.roleTp a:hover { background:#700}
.roleTp  input { width:150px; text-align:center; height:36px; line-height:36px; font-weight:bold}

/*=====加载动画====*/
.slogan{animation:ZoomIn 1s ease both;}
.timeBox {animation:fadeInUpBig 1s .8s ease both;}

@-webkit-keyframes tada {
    0% {-webkit-transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-9deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1) rotate(9deg);}
    40%, 60%, 80% {-webkit-transform: scale(1) rotate(-9deg);}
    100% {-webkit-transform: scale(1) rotate(0);}
}
@keyframes tada {
    0% {transform: scale(1);}
    10%, 20% {transform: scale(0.9) rotate(-9deg);}
    30%, 50%, 70%, 90% {transform: scale(1) rotate(9deg);}
    40%, 60%, 80% {transform: scale(1) rotate(-9deg);}
    100% {transform: scale(1) rotate(0);}
}

/*缩放淡入效果*/
@keyframes ZoomIn{
0%{opacity:0; transform: scale(5);}
70%{opacity:1; transform: scale(1);}
80%{opacity:0.3; transform: scale(1.2);}
100%{opacity:1; transform: scale(1);}
}
/*划向左侧*/
@keyframes fadeInLeftBig{
0%{opacity:0;transform:translateX(300px)}
100%{opacity:1;transform:translateX(0)}
}
/*划向右侧*/
@keyframes fadeInRightBig{
0%{opacity:0;transform:translateX(-300px)}
100%{opacity:1;transform:translateX(0)}
}
/*底部进入*/
@keyframes fadeInUpBig{
0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}
}
/*变形进入*/
@keyframes skewUpBig{
0%{opacity:0;transform:translateY(-150px) rotateX(-180deg)}
100%{opacity:1;transform:translateY(0px) rotateX(0deg)}
}

@keyframes icoShow{
0%{opacity:0;transform:translateY(-10px)}
50%{opacity:1;transform:translateY(0px)}
100%{opacity:0;transform:translateY(-10px)}
}

/*=====轮播====*/
.giftShow {width:1000px;height:486px; padding-top:25px; margin:40px auto 0;background-position:-1961px -1427px;}
.giftShowTit { width:826px; height:85px; background-position:-683px -822px; text-indent:-9999px; position:relative}
.giftShowTit em { font-size:16px; color:#FF3; position:absolute; top:145px; right:-40px; text-indent:0; display:none}
.giftShowStyleBg { height:40px;position:relative;background:linear-gradient(to left,rgba(50,8,0,0) 0%,rgba(50,8,0,0.8) 25%,rgba(50,8,0,1) 50%,rgba(50,8,0,.8) 75%,rgba(50,8,0,0) 100%); text-indent:-9999px;}
.giftShowStyleBg::before,.giftShowStyleBg::after { width:100%; height:1px; content:" ";position:absolute; top:0; left:0;background:linear-gradient(to left,rgba(181,95,22,0) 0%,rgba(105,53,44,0.8) 25%,rgba(181,95,22,1) 50%,rgba(181,95,22,.8) 75%,rgba(181,95,22,0) 100%)}
.giftShowStyleBg::after { top:auto; bottom:0;}
.shadowScroll { position:relative; padding:70px 20px 0 10px;}
.shadowScroll_photo {height:190px;position:relative; overflow:hidden}
.shadowScroll_photo a.ch_adG { width:100%;position: absolute;transition:none; display:block; cursor:default}
.shadowScroll_photo .chenghao { width:267px; height:103px; background:#7f5334; border:3px solid #f4d189;position:relative; float:left; margin:0 0 0 40px; overflow:hidden}
.shadowScroll_photo .chenghao img { width:100%}
.shadowScroll_photo .chenghao i{width:95px; height:30px; text-align:center; font-size:32px; line-height:26px; color:#cf0000; display:block; position:absolute; top:11px; left:-20px; font-weight:bold;transform:rotate(-45deg)}
.shadowScroll_photo .chenghao::before { width:98px; height:100px; display:block; content:" "; position:absolute; top:-7px; left:-8px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/icoCh.png) no-repeat;}
.shadowScroll_control {width:100%;height:25px; line-height:15px;text-align:center; padding:5px 0 0 0; position:absolute; left:0; bottom:0; z-index:20;}
.shadowScroll_control a { margin:0 8px 0 0; width:77px; height:8px;display:inline-block; background:#f4d189; line-height:60px;overflow:hidden}
.shadowScroll_control a.on,.shadowScroll_control a.current{background:#F90;}
.shadowScroll_control a span { position:absolute; display:none; z-index:22; top:-280px; left:0; color:#f8d59e; font-size:24px; cursor:default}
.shadowScroll_control a.on span { display:block; width:100%;}

.shadowScroll_over {width:100%;height:30px; display:none; position:absolute; left:0; bottom:0; z-index:15; background:#000;opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60)}

.shadowScroll_control_left a,.shadowScroll_control_right a { width:30px; height:100px; text-indent:-9999px; outline:none; display:block;position:absolute; top:100px; background:#000; z-index:30;opacity:.4;transition:all 0.5s;}
.shadowScroll_control_left a:hover,.shadowScroll_control_right a:hover {opacity:1}
.shadowScroll_control_left a { left:10px;}

/*=====热血传奇=====*/
#mir2 .logo{ background-image:url(https://static.web.sdo.com/mir2/pic/mir2/web7/logo.png)}
#mir2 .cqlShow {position:absolute; top:-20px; right:0; z-index:0}
#mir2 .menu dd.n2 a { font-size:16px;}
/*赛事一览*/
.eventList { padding-top:40px;margin-left:-108px;}
.eventList dd{ width:253px; height:511px; line-height:45px; overflow:hidden; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/eBg.png) no-repeat; float:left; margin-left:10px; text-align:center; position:relative;}
.eventList dd.bgJqqd {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/BgJqqd.png) no-repeat;}
.eventList dd::before { content:" "; overflow:hidden;border-radius: 100%;position: absolute;z-index: 0;background: transparent;}
.eventList dd:hover::before {animation: sploosh 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
@keyframes sploosh {
  0% {width:0; height:0;top:250px;left:123px;
    box-shadow: 0 0 0 0px rgba(255, 66, 0, 0.7);
    background: rgba(255, 66, 0, 0.7);
  }
  100% {width:450px;height:450px;top:35px;left:-100px;
    box-shadow: 0 0 0 30px rgba(255, 66, 0, 0);
    background: rgba(255, 66, 0, 0);
  }
}



.eventList dd:first-child{ margin-left:0}
.eventList dd:nth-child(2n){ margin-top:70px}
.btnJc { width:211px; height:45px; position:absolute; bottom:10px; left:50%;transform:translateX(-50%)}
.btnJc a { height:45px; display:block; text-indent:-9999px; outline:none; background-position:-686px -469px}
.btnJc a.over {background-position:-1116px -469px; cursor:default}
.btnJc a.noOpen {background-position:-901px -469px; cursor:default}
.eTit { width:100%; height:338px; text-indent:-9999px; position:relative; z-index:1}
.eventList dd.n1 .eTit { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/e1.png) no-repeat}
.eventList dd.n2 .eTit { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/e2.png) no-repeat}
.eventList dd.n3 .eTit { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/e3.png) no-repeat}
.eventList dd.n4 .eTit { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/e4.png) no-repeat}
.eventList dd.n5 .eTit { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/e5.png) no-repeat}
.eventListLink a { font-size:22px; color:#ffc778; text-decoration:underline; display:inline-block; position:relative; z-index:1}
.eventListLink a:hover { color:#FFC}
.eventListLink a.current { width:220px; height:47px; line-height:47px; font-size:30px; margin-bottom:3px; color:#fff9e1; text-decoration:none; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/icoTy.png) no-repeat; text-shadow:3px 2px 5px #000}
.eventListLink a.current:hover { color:#FFC}

/*=====传奇外传====*/
#mirs .wrapout {background: url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/bgWrapMirs.jpg) no-repeat center top;}
#mirs .wrapinner {width:1200px; background: url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/bgWrapMirs.jpg) no-repeat center top;min-height:100px;position:relative;}
#mirs .logo { background-position:-920px -681px; left:50px; right:auto}
#mirs .unifyNav { top:10px; left:50px;right:auto;color:#000}
#mirs .unifyNav a { color:#000}
#mirs .eventGuide .tabNav dl::after { height:230px}
#mirs .mirsTimieLine { width:910px; height:170px;background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/mirsTimeLine.png) no-repeat left top;}
#mirs .mirsTimieLine dl { padding-top:115px}
#mirs .mirsTimieLine dd { width:185px; height:20px; line-height:20px; text-align:center; float:left; color:#7f440f; font-size:19px; margin-right:56px;}
#mirs .mirsTimieLine dd.n4 { margin:0}
#mirs .floatImg { width:255px; height:205px; background:#fcf3d6 url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/mirs_pic1.jpg) no-repeat 5px 5px; border:1px solid #c69244;position:absolute; top:5px; right:-300px;}

/*=====传奇归来====*/
#imir .wrapout {background: url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFourth/images/bgWrapImir.jpg) no-repeat center top;}
#imir .wrapinner {width:1200px; background: url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFourth/images/bgWrapImir.jpg) no-repeat center top;min-height:100px;position:relative;}
#imir .logo { background-position:-1776px -660px; top:0; height:130px;}
#imir .unifyNav { top:10px; right:0; text-align:right}
#imir .numIntro { font-weight:normal}
#imir .slogan { top:680px}
#imir .imirTimieLine { width:1000px; height:160px;background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/imirTimeLine.png) no-repeat left top;}
#imir .imirTimieLine dl { padding-top:130px}
#imir .imirTimieLine dd { width:172px; height:20px; line-height:20px; text-align:center; float:left; color:#d9a754; font-size:16px;}
#imir .imirTimieLine dd.n1 { text-align:left}
#imir .imirTimieLine dd.n3 { margin:0 64px 0 35px}
#imir .imirTimieLine dd.n5 { text-align:right; float:right}
#imir .imirTeamStep dd{ width:255px; height:245px; float:left; position:relative; margin:20px 0;color:#9e4d1a; }
#imir .imirTeamStep dd::after { width:24px; height:42px; content:" "; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/arr.png) no-repeat; position:absolute; top:70px; right:-45px;}
#imir .imirTeamStep dd i { display:block; float:left; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; background:#9e4d1a; color:#e5ca96; font-style:normal; font-weight:bold; vertical-align:middle;font-size:26px; margin-right:8px;}
#imir .imirTeamStep dd img {width:245px; height:175px;border:2px solid #d4914a; background:#fcf3d6; padding:2px; }
#imir .imirTeamStep dd.n2,#imir .imirTeamStep dd.n5 { margin-left:65px;margin-right:65px;}
#imir .imirTeamStepInfro {font-size:17px;line-height:50px;}
#imir .imirTeamStepInfro.spe { line-height:26px;}
#imir .eventGuide .tabNav dl::after { height:230px}

#imir .menuBox {width:100%;min-width:1200px;height:80px;background:rgba(0,0,0,.5);top:1080px; left:0;z-index:100; position:absolute; margin:0; border-top:1px solid #2d1f09;border-bottom:1px solid #2d1f09}
#imir .menu { width:1200px;height:80px;border:none}
#imir .menu dl { text-align:center}
#imir .menu dd {height:80px; padding:0 40px; display:inline-block;position:relative; background:none; margin:0}
#imir .menu dd a::before { display:none}
#imir .menu dd::after { width:0px; height:20px; border-right:1px solid #ba5519; content:' '; position:absolute; top:31px; right:0; background:none}
#imir .menu dd:nth-child(5)::after { display:none}
#imir .menu dd a { height:80px; line-height:80px; font-size:20px; text-align:center; display:inline-block; outline:none;transition:none; color:#bd5519; padding:0}
#imir .menu dd a::after { width:25px; height:34px; content:' '; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/menuIco.png) no-repeat;position:absolute; top:-10px; left:50%; margin-left:-12.5px; opacity:0;}
#imir .menu dd a.current::after,#imir .menu dd a:hover::after { animation:icoShow 2s ease-out both infinite;}
#imir .menu dd a:hover,#imir .menu dd a.current { color:#f0af51}

/*=====怀旧版====*/
#mirt .logo{ background-image:url(https://static.web.sdo.com/mir2/pic/mirt/web1_1/images/logo.png)}
#mirt .unifyNav { top:10px; left:50px;right:auto}
#mirt .numWords div {width:330px}
#mirt .eventGuide .tabNav dl::after { height:300px}

#mirt .topShowList dd div.nSpe,#mirt .topShowList li.nSpe { width: 356px;}
#mirt .topShowList dd div.n2,#mirt .topShowList dd div.n3,#mirt .topShowList dd div.n4,#mirt .topShowList li.n2,#mirt .topShowList li.n3,#mirt .topShowList li.n4 { width: 120px;}

/*=====传奇续章====*/
#mir2x .logo{ width:190px; height:75px; left:0; right:auto; background-image:url(https://static.web.sdo.com/mir2/pic/mir2x/web2/images/logo.png)}
#mir2x .slogan{background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/sloganMir2x.png)}
.mir2xTimieLine { width:998px; height:250px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2024/images/mir2xTimeLine.png) no-repeat}
#mir2x .cqlShow { width:200px; height:300px; background:none;position:absolute; top:0; right:0; z-index:0}
#mir2x .cqlShow img { width:100%; border-radius:10px; }


.mir2x_tit {height:344px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/mir2x_1.png) no-repeat}
.mir2x_Infro { height:793px;background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/mir2x_3.png) no-repeat; margin-top:30px;}
.mir2x_Infro_menu dd a,.mir2x_Infro_tit { background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/mir2x_2.png) no-repeat}
.mir2x_Infro_menu { margin:28px 0 0 50px;}
.mir2x_Infro_menu dd { width:79px; height:143px; margin-bottom:2px;}
.mir2x_Infro_menu dd a { height:143px; display:block; text-indent:-9999px; outline:none;}
.mir2x_Infro_menu dd.n1 a { background-position:0 0}
.mir2x_Infro_menu dd.n2 a { background-position:0 -148px}
.mir2x_Infro_menu dd.n3 a { background-position:0 -293px}
.mir2x_Infro_menu dd.n4 a { background-position:0 -438px}
.mir2x_Infro_menu dd.n5 a { background-position:0 -583px}
.mir2x_Infro_menu dd.n1 a:hover,.mir2x_Infro_menu dd.n1.current a { background-position:-81px 0}
.mir2x_Infro_menu dd.n2 a:hover,.mir2x_Infro_menu dd.n2.current a { background-position:-81px -148px}
.mir2x_Infro_menu dd.n3 a:hover,.mir2x_Infro_menu dd.n3.current a { background-position:-81px -293px}
.mir2x_Infro_menu dd.n4 a:hover,.mir2x_Infro_menu dd.n4.current a { background-position:-81px -438px}
.mir2x_Infro_menu dd.n5 a:hover,.mir2x_Infro_menu dd.n5.current a { background-position:-81px -583px}
.mir2x_Infro_con { padding:66px 0 0 90px; width:680px; display:none; color:#7d2309; font-size:16px;}
.mir2x_Infro_tit { width:346px; height:94px; margin:0 auto; text-indent:-9999px;}
.mir2x_Infro_tit.t1 { background-position:-166px 0}
.mir2x_Infro_tit.t2 { background-position:-166px -95px}
.mir2x_Infro_tit.t3 { background-position:-166px -190px}
.mir2x_Infro_tit.t4 { background-position:-166px -288px}
.mir2x_Infro_tit.t5 { background-position:-166px -380px}
.mir2x_Infro_subCon{height:550px; overflow:hidden}
.mir2x_Infro_subCon span { color:#F00}
.mir2x_Infro_subCon p { margin-bottom:10px}


.searchShow { overflow:hidden;max-height:1800px; overflow:hidden; overflow-x:hidden; overflow-y:auto;}
.searchShow dl i { display:block; text-align:center; font-size:40px; line-height:50px; margin:100px;}
.searchShow dd { width:198px; height:405px; float:left; margin:10px 18px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendThird/images/bg06.jpg) no-repeat; padding:2px;position:relative;}
.searchShowTit { width:192px; height:58px;position:absolute; line-height:25px; text-align:center; top:92px; left:3px; font-size:18px; padding-top:80px;color:#fadf92; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst/imir/images/bgTit.png) no-repeat}
.searchShowImg { width:192px;height:235px; }
.searchShowImg img { width:100%; height:224px;border:1px solid #000}
.searchShowNum {line-height:20px; text-align:center; color:#f0af51}
.searchShowNum p {margin-bottom:5px;}
.searchShowBtn { width:166px; margin:8px auto 0;}
.searchShowBtn a.btnBase {height:30px; line-height:26px;display:block; background:#c10e17; color:#fbe4ad}
.searchShowBtn a.btnBase:hover {background:#d99f3d; color:#8a1712}


/*问卷调查弹层*/
.wenjuanPop {width:800px; height:600px;position:fixed;z-index:1000;top:50%; left:50%; margin:-300px 0 0 -400px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendSecond/images/wenj.jpg) no-repeat;}
.wenjuanPop a { width:290px; height:90px; display:block; text-indent:-9999px; outline:none; position:absolute; top:242px; left:242px;}
.wenjuanPop p { width:45px; height:45px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendSecond/images/close.png) no-repeat;position:absolute; top:0; right:-45px; cursor:pointer;transform:rotate(0deg);transition:all .5s ease; text-indent:-9999px;}
.wenjuanPop p:hover {transform:rotate(360deg)}
.wenjuanPopCover {width:100%;height:100%;opacity: 0.6;filter:alpha(opacity=60);position:absolute;background:#000;top:0; left:0;z-index:500;}


@media only screen and (max-width:1200px) {
	.SDGCOPYRIGHT-wrap20130425{display:none !important;}
}


/*====单独拿出来的背景层===*/
.section { width:100%; position:absolute; top:0; left:0; z-index:0;}
.section1 {height:1230px; background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/bgWrapTop.jpg) no-repeat center top; background-size:cover}

#mir2x .section1 {background:url(https://static.web.sdo.com/mir2/pic/chuanqi/LegendFirst2025/images/bgWrapTopMir2x.jpg) no-repeat center top; background-size:cover}

/*====/单独拿出来的背景层===*/