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:16px;font-family:"微软雅黑",Arial, Verdana,  Helvetica, sans-serif;color:#f8d59e;line-height:26px;background:#7b5235;}
body.bgBotS {/*background:#000;*/}
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}
.mgT60{ margin-top:60px}
.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(../image/bgWrapMir23.jpg) no-repeat center top;}
.wrapinner {width:1440px; background: url(../image/bgWrapMir23.jpg) no-repeat center top;min-height:100px;position:relative; padding-bottom:100px}
.contentTop,.subTit,.timeList,.wordScrollBoxSpe,.conSmallTit {background:url(../image/png54.png) no-repeat}
.spritesBg,.menu dd a,.menu dd span,.title,.title h3,.btnBaseNew,.btnJc a,.eTit,.topShowNav dd a,.topShowNumList,.topShowFiveShow dd a  {background:url(../image/png01.png) no-repeat}
.posAb,.contentIndex,.corner { position:absolute;}
.header { height:1235px; position:relative;}
.logo {width:288px; height:158px;position:absolute; top:0; left:50%;transform:translateX(-50%);background-position:-1325px 0; z-index:10}
.logo a {height:158px; display:block;text-indent:-9999px; outline:none;}
.slogan { width:773px; height:385px;background-position:0 0; top:530px; left:50%; margin-left:-386.5px}
.unifyNav {height:30px;top:10px; left:20px; padding:0 10px; text-align:center;color:#fff;}
.unifyNav a {line-height:30px; padding:0 6px; display:inline-block; font-size:15px; outline:none; color:#fff}
.unifyNav a:hover { color:#FC0}
.unifyNum { width:753px; height:212px; text-align:center; background:url(../image/bgCqlJc.jpg) no-repeat; top:916px; left:50%; margin-left:-376.5px;animation:fadeInUpBig 1s .7s ease both;}
.numWords {height:45px; font-size:16px; color:#bd5519; text-align:center; background:url(../image/cqlJc.png) no-repeat center top;margin-top:12px}
.numWords i { display:none}
.numWords a { width:28px; height:28px;display:block; background:url(../image/icoQ.png) no-repeat;position:absolute; z-index:11; text-indent:-9999px; top:22px; right:150px}
.numWords div { width:400px; background:#db842f;border-radius:10px;position:absolute; top:-50px; left:617px; opacity:0; font-weight:normal; font-size:14px; display:block; z-index:10}
.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:100px;line-height:100px; font-size:70px; font-weight:bold; color:#fff3db;font-family:Arial, Helvetica, sans-serif; z-index:10;background: linear-gradient(to bottom, #fffefd 30%, #fee2a9);-webkit-background-clip: text;background-clip: text;color: transparent;}
.eventIntro { color:#fff; font-size:14px; line-height:20px}
.numIntro { width:100%; line-height:24px;top:620px;color:#de6c17; text-align:center; font-size:16px;}
.menuBox {width:268px; position:fixed; top:50%; right:0; margin:-175px 0 0 0;z-index:100; }
.menu dd { margin-bottom:8px;}
.menu dd a { height:49px; display:block; outline:none;transition:none; background-position:-773px 0}
.menu dd a:hover,.menu dd a.current {background-position:-773px -56px}
.menu dd span { width:100%; height:100%; display:block; text-indent:-9999px; outline:none}
.menu dd.n1 span { background-position:-773px -112px}
.menu dd.n2 span { background-position:-773px -178px}
.menu dd.n3 span { background-position:-773px -243px}
.menu dd.n4 span { background-position:-773px -307px}
.menu dd.n5 span { background-position:-773px -371px}
.menu dd.n6 span { background-position:-773px -436px}
.menu dd.n7 span { background-position:-773px -500px}
.menu dd.n8 span { background-position:-773px -630px}
.menu dd.n9 span { background-position:-773px -563px}
.menu dd.n10 span { background-position:-773px -696px}
.menu dd.n11 span { background-position:-773px -760px}

/*=====内容区域=====*/
.title { width:632px; height:100px; padding-top:80px; margin:0 auto; position:relative; background-position:25px -415px}
.title h3{ height:75px;text-indent:-9999px;}
.title h3.t1{ background-position:0 -654px;}/*活动指南*/
.title h3.t2{ background-position:0 -765px}/*赛事一览*/
.title h3.t3{ background-position:0 -872px}/*天下第一争霸赛竞猜*/
.title h3.t4{ background-position:0 -983px;}/*十大女神竞猜*/
.title h3.t5{ background-position:0 -1106px;}/*全民夺宝*/
.title h3.t6{ background-position:0 -1215px}/*天下第一人投票*/
.title h3.t7{ background-position:0 -1305px}/*十大龙帝竞猜*/
.title h3.t8{ background-position:0 -1407px}/*天下第一行会*/
.title h3.t9{ background-position:0 -1432px}/*跨服升级赛活动规则*/
.title h3.t10{ background-position:0 -1286px}/*跨服升级赛投票*/
.title h3.t11{ background-position:0 -1594px}/*序章活动规则*/
.title h3.t12{ background-position:0 -1576px}/*序章天下第一竞猜*/
.title h3.t13{ background-position:0 -1776px}/*跨服冠军竞猜*/
.title h3.t14{ background-position:0 -1959px}/*比赛日程*/
.title h3.t15{ background-position:0 -2299px}/*比赛奖励*/
.title h3.t16{ background-position:0 -2122px}/*跨服设定*/
.title h3.t17{ background-position:0 -1503px}/*十大战队*/
.title h3.t18{ background-position:0 -1605px}/*11月女神*/
.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(../image/icoL6.png) no-repeat right center; padding-right:450px; font-size:36px; color:#f8c161;}
.eventTit em {display:inline-block; width:430px; height:80px;background:url(../image/icoR6.png) no-repeat left center;vertical-align:middle;padding-right:20px; }
.eventTitSpe i { padding-right:200px;background:url(../image/icoR3.png) no-repeat right center; }
.eventTitSpe em {background:url(../image/icoL3.png) no-repeat left center; width:180px;}
.eventTitIco1 i { padding-right:50px;background:url(../image/ico111.png) no-repeat right center; }
.eventTitIco1 em {background:url(../image/ico111.png) no-repeat left center; width:30px;}
.giftTit i {background:url(../image/icoL4.png) no-repeat right center; color:#e93d25;}
.giftTit em {background:url(../image/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:#FC0}
.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:230px; height:652px; background:#5f3d27; border:2px solid #c2ac89; position:relative; margin:-10px 0 0 -10px}
.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:47px; display:block; text-align:center; line-height:47px; background:url(../image/icoTy.png) no-repeat;transition:none;font-size:20px; color:#fff9df; text-shadow:3px 2px 5px #000}
.eventGuide .tabNav dd.spe a:hover,.eventGuide .tabNav dd.spe.current a,.eventGuide .tabNav dt a:hover {}
.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;*/ letter-spacing:1px}
.eventGuide .tabNav dd { background:url(../image/ico25.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:#FC0}
.eventGuide .tabCon { width:1130px;}
.cqlShow { width:354px; height:439px;background-image:url(../image/cql.jpg); background-repeat:no-repeat;}
.cqlShow img {width:344px; height:425px; margin:8px 0 0 5px}
.conTit { text-align:center; height:150px; line-height:120px; font-size:40px; color:#ffe8ac; letter-spacing:2px; background:url(../image/bgTitS.png) no-repeat center top; position:relative}
.conTit em { font-size:16px; color:#FF3; position:absolute; top:120px; right:110px}
.conVoteTit { width:972px; height:78px; line-height:78px; text-align:center; color:#f9903f; font-size:38px; background-position:-712px -280px; margin:0 auto 40px}
.conSmallTit { width:350px; height:42px; line-height:42px;background-position:-1536px -387px;color:#6f3400; text-indent:35px; font-size:22px; margin:15px 0}
.eventInfro {height:40px; line-height:30px; text-align:center; color:#ffe6af; font-size:20px;}

.w1002 { width:1002px}
.eventBox { width:900px; min-height:500px; background:url(../image/bgConT16.png) no-repeat left top;position:relative; padding:50px; margin-top:40px; color:#5c3a0c}
.eventBox .conTit { background:none; color:#953a0d; font-size:36px; font-weight:bold; line-height:40px; height:80px;}
.eventBoxBootom { width:1000px; height:50px; content:" "; background:url(../image/bgConB18.png) no-repeat left top;}
.eventBox span { color:#F00}
.eventBox span.blue { color:#00F}
.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 {height:645px;}
.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;}

/*===========赛事一览=============*/
.eventList { padding-top:40px}
.eventList dd{ width:270px; height:594px; line-height:45px; background:url(../image/eBg.jpg) no-repeat; float:left; margin-left:20px; text-align:center; position:relative}
.eventList dd:first-child{ margin-left:0}
.btnJc { width:234px; height:65px; position:absolute; bottom:15px; left:50%; margin-left:-117px;}
.btnJc a { height:65px; display:block; text-indent:-9999px; outline:none; background-position:-1043px 0}
.btnJc a.over {background-position:-1043px -72px; cursor:default}
.btnJc a.noOpen {background-position:-1043px -144px; cursor:default}
.eTit { width:100%; height:363px; text-indent:-9999px;}
.eventList dd.n1 .eTit { background:url(../image/e1.png) no-repeat}
.eventList dd.n2 .eTit { background:url(../image/e2.png) no-repeat}
.eventList dd.n3 .eTit { background:url(../image/e3.png) no-repeat}
.eventList dd.n4 .eTit { background:url(../image/eZd.png) no-repeat}
.eventList dd.n5 .eTit { background:url(../image/e5.png) no-repeat}
.eventList dd.goddess11 .eTit { background:url(../image/eNS11.png) no-repeat}
.eventListLink a { font-size:24px; color:#ffc778; text-decoration:underline; display:inline-block}
.eventListLink a:hover { color:#FFC}
.eventListLink a.current { width:220px; height:47px; line-height:47px; font-size:30px; color:#fff9e1; text-decoration:none; background:url(../image/icoTy.png) no-repeat; text-shadow:3px 2px 5px #000}
.eventListLink a.current:hover { color:#FFC}


/*===========女神竞猜=============*/
.goddessTop3Show { position:relative; padding:0 20px}
.goddessTop3Show dd{ width:418px; height:720px; margin-left:30px; 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(../image/nS1.png) no-repeat;}
.goddessTop3Show dd.n2 .goddessTop1Bg {background:url(../image/nS2.png) no-repeat;}
.goddessTop3Show dd.n3 .goddessTop1Bg {background:url(../image/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 { background:url(../image/bgConR6.jpg) repeat-y; position:relative}
.listWrapInner { background:url(../image/bgConT4.jpg) center top no-repeat; padding:20px;}
.listWrapBot { height:8px; background:url(../image/bgConB5.jpg) center top no-repeat}


/*===========抽奖=============*/
.luckDrawWrap {width:1030px;height:654px; padding-top:50px;position:relative; background:url(../image/bgCj.png) no-repeat}
.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:#be9d63;
	background: linear-gradient(135deg, transparent 12px, #be9d63 0) top left,linear-gradient(-135deg, transparent 12px, #be9d63 0) top right,linear-gradient(-45deg, transparent 12px, #be9d63 0) bottom right,linear-gradient(45deg, transparent 12px, #be9d63 0) bottom left;background-size: 52% 52%;background-repeat: no-repeat;
}
.luckDrawNav {height:120px; padding:20px 0 0 20px;background:#d6b87d;
	background: linear-gradient(135deg, transparent 12px, #d6b87d 0) top left,linear-gradient(-135deg, transparent 12px, #d6b87d 0) top right,linear-gradient(-45deg, transparent 0px, #d6b87d 0) bottom right,linear-gradient(45deg, transparent 0px, #d6b87d 0) bottom left;background-size: 52% 52%;background-repeat: no-repeat;
}
.luckDrawNav dd { width:44%; padding:8px; float:left; margin:0 1%; background:#713c21; border:1px solid #9c6f45; border-radius:3px}
.luckDrawNav dd:hover,.luckDrawNav dd.current { background:#a05c25;border:1px solid #c48443}
.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 #9c6f45}
.luckDrawNav dd:hover a,.luckDrawNav dd.current a{border:1px solid #c48443}
.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(../image/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(../image/luckyDrawBg.png) no-repeat; background-size:100% 100%;position:relative; border:8px solid transparent}
#lotteryBox table td.active {background:url(../image/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(../image/luckyDrawBtn.png) no-repeat;background-size:100% 100%;overflow:hidden; cursor:pointer}
#lotteryBox table th:hover {background:url(../image/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(../image/bgLine2.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(../image/no1.png) no-repeat left center}
.voteIntro dd.n2 { background:url(../image/no2.png) no-repeat left center}
.voteIntro dd.n3 { background:url(../image/no3.png) no-repeat left center}
.voteIntro dd.n4 { background:url(../image/no4.png) no-repeat left center}
.voteIntro dd.n5 { background:url(../image/no5.png) no-repeat left center}
.voteIntro dd.n6 { background:url(../image/no6.png) no-repeat left center}
.voteInfroLight { height:180px; background:url(../image/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; background:url(../image/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%}
.voteAreaTab{width:1000px;height:80px;margin:0 auto;overflow:hidden;}
.voteAreaTab a{display:block;float:left;width:490px;height:78px;text-align:center;line-height:78px;white-space:nowrap;font-size:22px;font-weight:bold;color:#fdf4df;border:1px solid #f4d08c;background:#8d582c;}
.voteAreaTab a:last-child{float:right;}
.voteAreaTab a.current,.voteAreaTab a:hover{background:#fbda9d;border-color:#f4d08c;color:#6f3f23;box-shadow: 0 0 15px #8d582c inset;}

.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:880px; height:60px; position:absolute; bottom:-105px; left:-208px;}
.topShowFiveShow dd { width:167px; 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:-1043px -301px}
.topShowFiveShow dd.n2 a{ background-position:-1212px -301px}
.topShowFiveShow dd.n3 a{ background-position:-1379px -301px}
.topShowFiveShow dd.n4 a{ background-position:-1546px -301px}
.topShowFiveShow dd.n5 a{ background-position:-1714px -301px}
.topShowFiveShow dd.n1 a:hover,.topShowFiveShow dd.n1 a.current{ background-position:-1043px -363px}
.topShowFiveShow dd.n2 a:hover,.topShowFiveShow dd.n2 a.current{ background-position:-1212px -363px}
.topShowFiveShow dd.n3 a:hover,.topShowFiveShow dd.n3 a.current{ background-position:-1379px -363px}
.topShowFiveShow dd.n4 a:hover,.topShowFiveShow dd.n4 a.current{ background-position:-1546px -363px}
.topShowFiveShow dd.n5 a:hover,.topShowFiveShow dd.n5 a.current{ background-position:-1714px -363px}
.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:30px}
.topShowNum .topShowNumList#top1 { background-position:-1044px -230px}
.topShowNum .topShowNumList#top2 { background-position:-1271px -230px}
.topShowNum .topShowNumList#top3 { background-position:-1499px -230px}
.topShowNum .topShowNumList#top4 { background-position:-1726px -230px}
.topShowNum .topShowNumList#top5 { background-position:-1953px -230px}
.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:50px}
.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 { /*height:600px*/}
.topShowList h2{text-align:center;padding:10px 0 20px;font-family:'SimHei';font-size: 24px;}
.topShowList ul{ height:50px; padding-left:2px; background:#704a2f;}
.topShowList li{ width:230px; float:left; height:45px; line-height:45px; text-align:center; font-weight:bold; color:#ffe9bf; font-size:18px;}
.topShowList .n8 { width:80px}
.topShowList .n1,.topShowList .n5,.topShowList .n6{ width:150px}
.topShowList .n7 { width:150px;}

#goddessList .topShowList li,#goddessList .topShowList dd div {width:188px;}
#goddessList .topShowList .n1,#goddessList .topShowList .n5,#goddessList .topShowList .n6 { width:135px}
#goddessList .topShowList .n7 { width:135px;}
#goddessList .topShowList .n8 { width:80px}

.topShowList dl{max-height:1000px; padding-bottom:10px; overflow-x:hidden; overflow-y:auto;}
.topShowList dd { height:45px; border:2px solid #cca061; background:#623714; margin-top:5px; cursor:pointer; color:#f4d189;}
.topShowList dd:hover,.topShowList dd.current {border:2px solid #fa8f41; background:#803b02}
.topShowList dd a{ width:18px; height:18px; display:block; margin-top:13px; margin-left:33px; 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:230px;height:45px; line-height:45px; float:left; text-align:center;color:#f4d189;white-space:nowrap; font-size:16px; overflow:hidden}
.topShowList dd div.n7{ width:150px}
.topShowList dd .icoTop1 { background:#eaaa38 url(../image/ico9.png) no-repeat 10px -360px; color:#000; font-size:18px; font-weight:bold}
.topShowList dd .icoTop2 { background:#bcbcbc url(../image/ico9.png) no-repeat 10px -431px; color:#000; font-size:18px; font-weight:bold}
.topShowList dd .icoTop3 { background:#cf8355 url(../image/ico9.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:220px}
#listCol8 .topShowList .widthStyle_1 { width:150px}
#listCol8 .topShowList .widthStyle_2 { width:80px}

/*列表 9列*/
#listCol9 .topShowList li,#listCol9 .topShowList dd div{ width:195px}
#listCol9 .topShowList .widthStyle_1 { width:120px}
#listCol9 .topShowList .widthStyle_2 { width:80px}


.toupiaoBox {padding:30px 0}
.fun { height:80px;text-align:center}
.fun a.n1 { margin-right:270px}
.fun a { vertical-align:middle;transition:none}
.searchBox {font-size:20px;padding:10px 0 10px 120px; font-size:18px; color:#f7e5be}
.searchBox select,.searchBox input{ width:250px; height:30px; vertical-align:middle; margin:0 10px}

.btnBase { height:37px; line-height:37px;background:#900; text-align:center; font-size:17px; border-radius:5px}
.btnBase:link,.btnBase:visited {color:#d3b16a;}
.btnBase:hover { background:#600; color:#FC0}
.conBase a.btnBase { color:#d3b16a}
.conBase a.btnBase:hover { /*color:#8a1712*/}
.btnSer { width:110px;display:inline-block;vertical-align:middle}

.btnBaseNew { width:269px; height:49px; display:inline-block; line-height:49px; text-align:center; font-size:24px; background-position:-773px 0}
.btnBaseNew b { font-weight:normal}
.btnBaseNew:link,.btnBaseNew:visited { color:#f7e5be;}
.btnBaseNew:hover {background-position:-773px -56px}
.btnBaseNewDb{ line-height:32px; font-size:22px}
.btnBaseNewDb i{ color:#ffe1be; font-size:12px; margin-top:-3px; display:block; line-height:18px}
.btnBaseNew:hover i{ color:#ffe1be; }

/*
.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.arrow{width:70px;}
.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:#ccc; 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(../image/icoR2.png) no-repeat right center; padding-right:130px; font-size:30px; color:#c1340e}
.popTit em {width:120px; background:url(../image/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(../image/bgPop1.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(../image/close3.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 {opacity: 0.5;background:#000;z-index:500;display:none;position: fixed;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;}

.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)}
}

/*=====轮播====*/
.giftShowIco { width:1423px; height:521px; background:url(../image/bgChIco.png) no-repeat; position:absolute; top:8px; left:8px; z-index:0; text-indent:-9999px;}
.giftShow {height:486px; position:relative; z-index:2}
.giftShowTit { width:826px; height:85px; background-position:-683px -822px; text-indent:-9999px;}
.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:35px 0 0 32px;}
.shadowScroll_photo {width: 1300px;height:270px;position:relative; overflow:hidden}
.shadowScroll_photo a.ch_adG { width:100%;position: absolute;transition:none; display:block; cursor:default}
.shadowScroll_photo .chenghao { width:285px; height:256px; background:#7f5334; border:3px solid #f4d189;position:relative; float:left; margin:0 0 0 23px; overflow:hidden}
.shadowScroll_photo .chenghao img {width:285px; height:256px}
.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(../image/icoCh1.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:-40px; z-index:20;}
.shadowScroll_control a { margin:0 8px 0 0; width:77px; height:4px;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:-352px; 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 .cqlShow,#mir2x .cqlShow {position:absolute; top:0; right:0; z-index:0}

/*=====传奇外传====*/
#mirs .wrapout {background: url(../image/bgWrapMirs1.jpg) no-repeat center top;}
#mirs .wrapinner {width:1200px; background: url(../image/bgWrapMirs1.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(../image/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(../image/mirs_pic1.jpg) no-repeat 5px 5px; border:1px solid #c69244;position:absolute; top:5px; right:-300px;}

/*=====传奇归来====*/
#imir .wrapout {background: url(../image/bgWrapImir2.jpg) no-repeat center top;}
#imir .wrapinner {width:1200px; background: url(../image/bgWrapImir2.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(../image/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(../image/arr3.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(../image/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 .wrapout {background: url(../image/bgWrapMirt2.jpg) no-repeat center top;}
#mirt .wrapinner {width:1200px; background: url(../image/bgWrapMirt2.jpg) no-repeat center top;min-height:100px;position:relative;}
#mirt .slogan { width:928px; height:347px; margin-left:-464px;background: url(../image/sloganMirt.png) no-repeat;}
#mirt .logo { background-position:-1552px -681px; left:50px; right:auto}
#mirt .numShow { background:none; top:888px}
#mirt .unifyNav { top:10px; left:50px;right:auto}
#mirt .numWords {top:900px}
#mirt .numWords div { left:365px}
#mirt .eventGuide .tabNav dl::after { height:300px}
#mirt .mirtTimeLine { width:998px; height:284px; background:url(../image/ruleMirt.png) no-repeat;}

#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 .wrapout {background: url(../image/bgWrapMir2x3.jpg) no-repeat center top;}
#mir2x .wrapinner {width:1200px; background: url(../image/bgWrapMir2x3.jpg) no-repeat center top;min-height:100px;position:relative;}
#mir2x .logo { background-position:-1130px -686px; }
.mir2xTimieLine { width:998px; height:222px; background:url(../image/mir2xTimeLine1.png) no-repeat}


.mir2x_tit {height:344px; background:url(../image/mir2x_11.png) no-repeat}
.mir2x_Infro { height:793px;background:url(../image/mir2x_3.png) no-repeat; margin-top:30px;}
.mir2x_Infro_menu dd a,.mir2x_Infro_tit { background:url(../image/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(../image/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(../image/bgTit1.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(../image/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;}
}