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:#f5dcba;line-height:26px;background:#601108;}
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(../image/bgWrap64.jpg) no-repeat center top;}
.wrapinner {width:1200px; background: url(../image/bgWrap64.jpg) no-repeat center top;min-height:100px;position:relative; padding-bottom:100px}
.wrapoutVote {background: url(../image/bgWrapS1.jpg) no-repeat center top; position:relative;}
.wrapoutVote .wrapinner {background: url(../image/bgWrapS1.jpg) no-repeat center top;}
.spritesBg,.topShowFiveShow dd a,.topShowNumList,.contentTop,.title,.subTit,.timeList,.wordScrollBoxSpe {background:url(../image/png51.png) no-repeat}
.posAb,.contentIndex,.corner { position:absolute;}
.header { height:1235px; position:relative;}
.logo {width:152px; height:85px;position:absolute; top:60px; left:50%; margin-left:-76px; background-position:-741px 0; z-index:10}
.logo a {height:85px; display:block;text-indent:-9999px; outline:none;}
.slogan { width:722px; height:245px;background-position:0 0; top:150px; left:50%; margin-left:-361px}
.unifyNav {height:30px;top:20px; left:0; padding:0 10px; text-align:center;background:#bc6530;
	background: linear-gradient(135deg, transparent 5px, #bc6530 0) top left,linear-gradient(-135deg, transparent 5px, #bc6530 0) top right,linear-gradient(-45deg, transparent 5px, #bc6530 0) bottom right,linear-gradient(45deg, transparent 5px, #bc6530 0) bottom left;background-size: 50% 50%;background-repeat: no-repeat;
}
.unifyNav a {line-height:30px; padding:0 3px; display:inline-block; font-size:12px; outline:none; color:#FCE8B1}
.unifyNav a:hover { color:#FC0}
.numWords { width:400px; height:75px; top:440px; left:50%; margin-left:-200px; font-size:20px; color:#bd5519; text-align:center;z-index:11}
.numWords a { width:28px; height:28px; line-height:28px; display:inline-block; background:#bd5519; color:#efc9a0; border-radius:100%; font-family:Arial, Helvetica; position:relative; z-index:11}
.numWords div { width:352px; background:#bd5519;background:rgba(279,176,110,.7); border-radius:10px;position:absolute; top:-130px; left:300px; opacity:0; font-weight:normal; font-size:14px; display:none; z-index:10}
.numWords div::after{position: absolute;content: '';width: 0;height: 0;border-width: 40px 20px;border-style: solid;border-color: rgba(279,176,110,.7) transparent transparent;bottom: -80px;left: 20px;transform:skew(-40deg);z-index:50}
.numWords div p { padding:6px 10px; color:#000;line-height:22px}
.numShow { width:100%;text-align:center; line-height:100px; font-size:70px; font-weight:bold; top:466px; color:#bd5519;font-family:Arial, Helvetica, sans-serif; z-index:10}
.numIntro { width:100%; line-height:24px;top:570px;color:#bd5519; text-align:center; font-size:15px; font-weight:bold}
.eventIntro { width:625px; height:140px; background-position:0 -1416px; top:730px; left:50%; margin-left:-312px}
.menuBox {width:100%; height:137px; background:url(../image/nav.jpg) no-repeat center top;top:910px; left:0; z-index:100; position:absolute;}
.menu { width:1200px;height:137px;background:url(../image/nav.jpg) no-repeat center top}
.menu dl { text-align:center}
.menu dd { width:144px; height:80px; display:inline-block;position:relative; background:rgba(30,30,30,.6)}
.menu dd.n3,.menu dd.n4{ width:210px}
.menu dd::after { width:0px; height:47px; border-right:1px dashed #bd5519; content:' '; position:absolute; top:20px; right:0}
.menu dd:last-child::after { display:none}
.menu dd a { height:80px; line-height:80px; font-size:20px; text-align:center; display:inline-block; outline:none;transition:none; color:#bd5519}
.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;}
.menu dd a.current::after,.menu dd a:hover::after { animation:icoShow 2s ease-out both infinite;}
.menu dd a:hover,.menu dd a.current { color:#f0af51}

/*=====内容区域=====*/
.title { width:1060px; height:188px; margin:0 auto; text-indent:-9999px;}
.t1{ background-position:0 -296px; }
.t2{ background-position:0 -484px}
.t3{ background-position:0 -672px; height:155px}
.t4{ background-position:0 -860px;height:155px;margin-top:-90px}
.t5{ background-position:0 -1048px}
.t6{ background-position:-192px -1595px}
.t7{ background-position:-194px -1783px}
.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;}
.integralBox { width:865px; height:630px; background:url(../image/bg021.png) no-repeat}
.integralBox .angleBox { background:none; width:390px}
.tabNav { border-top:2px dashed #d59a52;border-bottom:2px dashed #d59a52; overflow:hidden; padding:10px 0; margin-bottom:10px; text-align:center}
.tabNav dd { display:inline-block;padding:6px;background:#d49951;border-radius:5px;}
.tabNav dd a { width:110px; height:31px; line-height:31px; display:block; text-align:center; color:#70370d; border:1px solid #f8dfb9; border-radius:5px; font-size:16px;transition:none}
.tabNav dd.current{background:#bb4511;}
.tabNav dd.current a { color:#f6deb8; border:1px solid #ec831b}
.tabCon { display:none; overflow:hidden}
.tabCon span { color:#F00}
.w1002 { width:1002px}
.eventBox { position:relative; padding-bottom:50px}
.eventBox span { color:#f8c161}
.eventBox p { margin-top:20px;}
.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}
.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;
}
.floatImg { padding:3px; position:absolute; background:#9d6c17; top:0; right:0; text-align:center; background:#9d6c17;
	background: linear-gradient(135deg, transparent 3px, #9d6c17 0) top left,linear-gradient(-135deg, transparent 3px, #9d6c17 0) top right,linear-gradient(-45deg, transparent 3px, #9d6c17 0) bottom right,linear-gradient(45deg, transparent 3px, #9d6c17 0) bottom left;background-size: 50% 50%;background-repeat: no-repeat;
}
.floatImgInner { background:#000; padding:8px;}
.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(../image/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;}


/*===========抽奖=============*/
.luckDrawContent {width:750px; height:700px;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: 50% 50%;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: 50% 50%;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(../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:530px; padding-top:15px;  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 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%;}
.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}
.voteIntro span { color:#f0af51}
.voteAreaChoose { height:50px; padding-top:20px; margin:20px 0 40px; text-align:center;font-size:18px; 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%)}
.voteAreaChoose::before,.voteAreaChoose::after { width:100%; height:1px; content:" ";position:absolute; top:0; left:0;background:linear-gradient(to left,rgba(105,53,44,0) 0%,rgba(105,53,44,0.8) 25%,rgba(105,53,44,1) 50%,rgba(105,53,44,.8) 75%,rgba(105,53,44,0) 100%)}
.voteAreaChoose::after { top:auto; bottom:0;}
.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:510px}
.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}

.topShowBox { height:460px;}
.topShowNavBg { width:180px; height:430px; background-position:0 -1553px; z-index:10; top:0; left:28px}
.topShowNav { width:311px; height:440px; position:relative}
.topShowNav dd { width:150px; height:65px; position:absolute; z-index:5; overflow:hidden; padding-left:40px;}
.topShowNav dd.n1 { top:60px; left:146px;}
.topShowNav dd.n2 { top:139px; left:178px;}
.topShowNav dd.n3 { top:227px; left:178px;}
.topShowNav dd.n4 { top:308px; left:146px;}
.topShowNav dd a { width:134px;height:55px; display:block; line-height:22px; position:relative; padding:8px 0 0 50px;font-size:16px; color:#8d480d;transition:none; z-index:6}
.topShowNav dd a b { font-size:18px;}
.topShowNav dd a:hover,.topShowNav dd a.current {color:#150b09;background:#fa8f41;
	background: linear-gradient(135deg, transparent 2px, #fa8f41 0) top left,linear-gradient(-135deg, transparent 46px, #fa8f41 0) top right,linear-gradient(-45deg, transparent 45px, #fa8f41 0) bottom right,linear-gradient(45deg, transparent 2px, #fa8f41 0) bottom left;background-size: 51% 51%;background-repeat: no-repeat;
}
.topShowNav dd a em { width:35px; height:35px; display:block; position:absolute; top:15px; left:10px;background:url(../image/ico9.png) no-repeat}
.topShowNav dd.n1 a em { background-position:0 -1px;}
.topShowNav dd.n2 a em { background-position:0 -82px;}
.topShowNav dd.n3 a em { background-position:0 -175px;}
.topShowNav dd.n4 a em { background-position:0 -265px;}
.topShowNav dd.n1 a:hover em,.topShowNav dd.n1 a.current em { background-position:-212px -1px;}
.topShowNav dd.n2 a:hover em,.topShowNav dd.n2 a.current em { background-position:-212px -82px;}
.topShowNav dd.n3 a:hover em,.topShowNav dd.n3 a.current em { background-position:-212px -175px;}
.topShowNav dd.n4 a:hover em,.topShowNav dd.n4 a.current em { background-position:-212px -265px;}
.topShowNav dd a i{ width:7px; height:7px; display:block; line-height:0; font-size:0; background:#fa8f41; border-radius:100%; position:absolute; top:30px; left:-26px; display:none}
.topShowNav dd a:hover i,.topShowNav dd a.current i { display:block}

.topShowFiveInfro { width:880px; height:440px;}
.topShowFive { width:592px; height:440px;}
.topShowFiveImg { height:407px;text-align:center;}
.topShowFiveImg img { width:256px; height:314px;}
.topShowFiveShow { height:50px;}
.topShowFiveShow dd { width:100px; height:50px; float:left; margin-left:12px;}
.topShowFiveShow dd.justone { margin-left:248px}
.topShowFiveShow dd a { height:45px; padding-top:5px; display:block; outline:none; background-position:-739px -92px;transition:none; text-align:center; line-height:18px; color:#fa8f41; font-size:16px}
.topShowFiveShow dd a:hover,.topShowFiveShow dd a.current { background-position:-739px -145px; color:#a12e24}
.topShowFiveShow dd i { font-size:12px; color:#8d480d}
.topShowFiveShow dd a:hover i,.topShowFiveShow dd a.current i { color:#bd7801}

.topShowNum { width:280px; padding-top:30px;}
.topShowNum .topShowNumList { width:155px; height:95px;}
.topShowNum .topShowNumList#top1 { background-position:0 -1300px}
.topShowNum .topShowNumList#top2 { background-position:-228px -1300px}
.topShowNum .topShowNumList#top3 { background-position:-447px -1300px}
.topShowNum .topShowNumList#top4 { background-position:-659px -1300px}
.topShowNum .topShowNumList#top5 { background-position:-872px -1300px}
.topShowNum .topShowNumName { font-size:18px; color:#fa8f41; font-weight:bold}
.topShowNum .topShowNumArea { font-size:16px; color:#d7c29f}

#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;background:url(../image/bg031.png) no-repeat; 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;}
.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; min-height:100px; padding-bottom:10px; overflow-x:hidden; overflow-y:auto;}
.topShowList dd { height:45px; border:2px solid #a7624c; background:#5e291b; margin-top:8px; cursor:pointer}
.topShowList dd:hover,.topShowList dd.current {border:2px solid #fa8f41;}
.topShowList dd a{ width:18px; height:18px; display:block; margin-top:13px; margin-left:22px; 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:#f1b392;white-space:nowrap;}
.topShowList dd div.n7{ width:125px}
.topShowList dd .icoTop1 { background:#e3a420 url(../image/ico9.png) no-repeat 10px -360px; color:#000; font-size:18px; font-weight:bold}
.topShowList dd .icoTop2 { background:#bfc7d8 url(../image/ico9.png) no-repeat 10px -431px; color:#000; font-size:18px; font-weight:bold}
.topShowList dd .icoTop3 { background:#b88663 url(../image/ico9.png) no-repeat 10px -504px; color:#000; font-size:18px; font-weight:bold}

.toupiaoBox {padding:30px 0}
.fun { height:60px;text-align:center}
.fun a { width:150px; height:46px; padding-top:4px; display:inline-block; text-align:center; line-height:20px; background:#9f0f07; margin:0 10px; border-radius:5px; font-size:18px; color:#e2cf81; vertical-align:middle}
.fun a.n1 { line-height:40px; background:#d99f3d; color:#8a1712}
.fun a.n1:hover {background:#9f0f07;color:#e2cf81;}
.fun a.n4 {background:#d99f3d; color:#8a1712}
.fun a.n4:hover {background:#9f0f07;color:#e2cf81;}
.fun a.n4 i { color:#8a1712}
.fun a.n4:hover i {color:#e2cf81}
.fun a i{ color:#e6b25a; font-size:14px}
.fun a:hover { background:#d99f3d; color:#8a1712}
.fun a:hover i{ color:#8a1712}
.searchBox { width:860px; margin:0 auto;color:#f8eb79; font-size:16px;padding:10px 0; font-size:18px; color:#fa8f41}
.searchBox select,.searchBox input{ width:160px; height:24px; vertical-align:middle; margin:0 10px}

.btnBase { height:37px; line-height:37px;background:#951007; text-align:center;color:#e2cf81; font-size:16px; border-radius:5px}
.btnBase:hover { background:#d99f3d; color:#8a1712}
.conBase a.btnBase { color:#e2cf81}
.conBase a.btnBase:hover { /*color:#8a1712*/}
.btnSer { width:87px;display:inline-block;vertical-align:middle}
.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:4px; background:#612e17}
.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/LegendSecond/images/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(https://static.web.sdo.com/mir2/pic/chuanqi/LegendSecond/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)}
}

/*=====轮播====*/
.shadowScroll { width:986px;height:530px; margin:0 auto; background:url(../image/bgGift.png) no-repeat;position:relative; padding:98px 0 0 12px}
.shadowScroll_photo {width: 960px;height:519px;position:relative; overflow:hidden}
.shadowScroll_photo img{ width:960px; height:519px;}
.shadowScroll_photo a.ch_adG {position: absolute;transition:none}
.shadowScroll_control {width:100%;height:25px; line-height:15px;text-align:center; padding:5px 0 0 0; position:absolute; left:0; bottom:10px; z-index:20;}
.shadowScroll_control a { margin:0 8px 0 0; width:20px; height:20px;display:inline-block; background:#fff;opacity:.3;border-radius:20px; line-height:60px;overflow:hidden}
.shadowScroll_control a:link,.shadowScroll_control a:visited {}
.shadowScroll_control a.on,.shadowScroll_control a.current{opacity:1;}
.shadowScroll_control a span { position:absolute; display:none; z-index:22; top:-550px; left:0; color:#f9b578; font-size:36px}
.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 .menu dd.n3,#mir2 .menu dd.n4 { width:210px}

/*=====传奇外传====*/
#mirs .wrapout {background: url(../image/bgWrapMirs.jpg) no-repeat center top;}
#mirs .wrapinner {width:1200px; background: url(../image/bgWrapMirs.jpg) no-repeat center top;min-height:100px;position:relative;}
#mirs .logo { background-position:-936px 0}
#mirs .numIntro { top:565px; color:#9f4009; text-shadow:0px 0px 8px #fff}
#mirs .topShowList .n8 { width:190px;}
#mirs .topShowList dd a { display:inline-block; margin-left:0}

/*=====传奇归来====*/
#imir .wrapout {background: url(../image/bgWrapImir.jpg) no-repeat center top;}
#imir .wrapinner {width:1200px; background: url(../image/bgWrapImir.jpg) no-repeat center top;min-height:100px;position:relative;}
#imir .logo { background-position:-1147px 0; top:30px; height:120px;}
#imir .numIntro { font-weight:normal}
#imir .topShowList .n8 { width:190px;}
#imir .topShowList dd a { display:inline-block; margin-left:0}

/*=====怀旧版====*/
#mirt .wrapout {background: url(../image/bgWrapMirt.jpg) no-repeat center top;}
#mirt .wrapinner {width:1200px; background: url(../image/bgWrapMirt.jpg) no-repeat center top;min-height:100px;position:relative;}
#mirt .logo { background-position:-847px -86px;}
#mirt .numWords div { left:330px}
#mirt .numIntro {top:565px}
#mirt .smallTit {color:#fdf1c5; font-weight:bold}
#mirt .eventBox { color:#d7b35d}
#mirt .eventBox span { color:#FC0}
#mirt .floatImg { background:url(../image/bg013.png) no-repeat 35px 30px; width:883px; height:348px; right:-190px; z-index:0}
#mirt hr { border:none; border-bottom:1px dashed #d7b35d; margin:20px 0}
#mirt .voteAreaChoose { background:none; border-top:1px dashed #be924a;border-bottom:1px dashed #be924a}
#mirt .voteAreaChoose span { font-weight:normal; color:#f8c161}
#mirt .voteAreaChoose::before,#mirt .voteAreaChoose::after { display:none}
#mirt .voteAreaChoose select { width:200px; margin-right:10px}

/*=====传奇续章====*/
#mir2x .wrapout {background: url(../image/bgWrapMir2x1.jpg) no-repeat center top;}
#mir2x .wrapinner {width:1200px; background: url(../image/bgWrapMir2x1.jpg) no-repeat center top;min-height:100px;position:relative;}
#mir2x .logo { background-position:-1084px -180px}
#mir2x .numIntro { top:565px; color:#9f4009; text-shadow:0px 0px 8px #fff}
#mir2x .integralBox { width:915px; height:728px; background:url(../image/bg032.png) no-repeat}
#mir2x .integralBox .angleBox { background:none; width:400px; margin-left:20px;}
#mir2x hr { border:none; border-bottom:1px dashed #d7b35d; margin:20px 0}
.mir2x_tit {height:344px; background:url(../image/mir2x_1.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}

/*=====传奇3====*/
#mir3 .wrapout {background: url(../image/bgWrapMir3.jpg) no-repeat center top;}
#mir3 .wrapinner {width:1200px; background: url(../image/bgWrapMir3.jpg) no-repeat center top;min-height:100px;position:relative;}
#mir3 .logo { background-position:-864px -165px; top:30px; height:120px;}
#mir3 .slogan { width:616px; height:327px; margin-left:-250px; top:200px; background:url(../image/sloganMir3_1.png) no-repeat}
#mir3 .eventIntro { display:none}
#mir3 .numShow { top:550px; display:none}
#mir3 .menu dd.n5,#mir3 .menu dd.n7 { width:400px;}
.mir3Cql .tabNav { border:none; padding:70px 0 30px}
.mir3Cql .tabNav dd { border:none; background:none; margin:0 30px;}
.mir3Cql .tabNav dd a { width:254px; height:182px; text-indent:-9999px; outline:none; background:url(../image/navMir3.png) no-repeat; border:none}
.mir3Cql .tabNav dd.n1 a { background-position:0 0}
.mir3Cql .tabNav dd.n2 a { background-position:-348px 0}
.mir3Cql .tabNav dd.n3 a { background-position:-696px 0}
.mir3Cql .tabNav dd.n1.current a,.mir3Cql .tabNav dd.n1 a:hover { background-position:0 -192px}
.mir3Cql .tabNav dd.n2.current a,.mir3Cql .tabNav dd.n2 a:hover { background-position:-348px -192px}
.mir3Cql .tabNav dd.n3.current a,.mir3Cql .tabNav dd.n3 a:hover { background-position:-696px -192px}
.mir3Cql .tabCon { padding:0 50px; color:#dbc193; font-size:18px; line-height:35px}
.mir3Cql .tabCon span { color:#FC0}
.mir3Integral { border:1px solid #bd2c09; padding:10px}
.mir3IntegralBox { border:2px solid #f0af51; background:url(../image/bg041.jpg) no-repeat; padding:20px;}
#jifenTab2 .mir3IntegralBox {background:url(../image/bg05.jpg) no-repeat}
.mir3Integral .tabNav { border:none; text-align:center}
.mir3Integral .tabNav dd { background:none; display:inline-block; float:none}
.mir3Integral .tabNav dd a { width:210px; height:60px; line-height:60px; background:transparent; border:2px solid #f0af51;border-radius:0px; font-size:24px; color:#f0af51}
.mir3Integral .tabNav dd.current a,.mir3Integral .tabNav dd a:hover { background:#fbc26c; color:#bd2c09; border-color:#bd2c09;}
.mir3Integral .tabCon { color:#f0af51; line-height:30px; font-size:16px;}
#mir3 .smallTit {color:#fff58a; font-size:24px; font-style:italic; text-indent:0; padding-bottom:10px}
#mir3 hr { border:none; border-bottom:2px dashed #7d371b; margin:40px 0}
#mir3 .wrapoutIn {background: url(../image/bgWrapMir3S_1.jpg) no-repeat center top; position:relative;}
#mir3 .wrapoutIn .wrapinner {background: url(../image/bgWrapMir3S_1.jpg) no-repeat center top;}
#mir3 .t5 { margin-top:-100px}
.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:9999;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; text-indent:-9999px; 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;}
.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:9990;}