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;}
body {font-size:12px;font-family:"微软雅黑",Arial, Verdana,  Helvetica, sans-serif;color:#f6cf68;line-height:18px;background:#b67541 ;overflow-x:hidden;}
input {font-size:12px;font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;color:#333;line-height: 17px;outline: none;}
select {border: 1px solid #be8a3d;font-size: 12px;color: #333;outline: none;}
select option{ background-color: #352512;}
select option:checked {background-color: #352512;color: #fff;border:1px solid #be8a3d;}
.clearboth {line-height:0px;height:0px;clear:both;*display:inline; font-size:0px;}
a:visited,a:link {color:#f31c07;text-decoration:none;border-style:none;}
a:hover {color:#fco;text-decoration:none;border-style:none;}
i,em{ font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.margin_auto {margin-right:auto;margin-left:auto;}
.mgT20{ margin-top:20px}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}
.green{color:green;}
.orange{color:#d60;}
.red{color:red;}
.wrapIndex { width:100%; height:1200px;background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgWrap1.jpg) no-repeat center top; background-size:cover; position:relative}
.wrap {width:100%; min-height:1200px;background:#b67541 url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgWrap2.jpg) no-repeat center top; background-size:100% auto; position:relative}
.wrapinner {width:1400px; }
.menuTit,.menu i,.giftTit,.subNav a,.subConTit,.teamList dd { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/png.png) no-repeat;}
.slogan { width:1200px; height:510px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/slogan.png) no-repeat center top; background-size:contain; position:absolute; bottom:100px; left:50%; margin-left:-600px;animation:ZoomIn .8s ease-out both;}
.logo { width:210px; height:152px; position:absolute; top:0; left:50px}
.logo a {height:152px; display:block; text-indent:-9999px; outline:none; background:url(https://static.web.sdo.com/mir2/pic/100m/web1/images/logoMZSB.png) no-repeat center center; background-size:contain; }
.topNav { width:210px;height:30px; line-height:30px;position:absolute; top:140px; left:50px;text-align:center;z-index:100; color:#bc8750; font-size:16px;}
.topNav a:link,.topNav a:visited { color:#e08550}
.topNav a:hover { color:#F00}
.menu { width:100%; height:96px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgMenu.jpg) no-repeat center center; background-size:cover; position:relative; text-align:center}
.menu em{ width:180px; height:96px; display:block;/*background:linear-gradient(to left,rgba(255,234,175,0) 0%,rgba(255,234,175,1) 40%,rgba(255,234,175,1) 60%,rgba(255,234,175,0) 100%);*/background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgM.png) no-repeat center center; background-size:contain; position:absolute; top:0; left:0; z-index:0;opacity:0;transition:all ease .3s}
.menuTit{ width:200px; height:90px; position:absolute; top:50%; left:50px;transform:translateY(-50%); background-position:-1759px -373px}
.menu a { width:180px; height:94px; display:inline-block; text-indent:-9999px; outline:none; position:relative; z-index:1}
.menu a:before,.menu a:last-child:after { width:2px; height:96px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/line.png) no-repeat center center; display:block; content:" "; position:absolute; left:-2px; top:0;}
.menu a:last-child:after { left:auto; right:0}
.menu a i { width:100%; height:100%; display:block; text-indent:-9999px; outline:none; cursor:pointer; position:relative; z-index:1;}
.menu a.n1 i { background-position:46px -518px}
.menu a.n2 i { background-position:-80px -518px}
.menu a.n3 i { background-position:-230px -518px}
.menu a.n4 i { background-position:-402px -518px}
.menu a.n5 i { background-position:-532px -518px}
.menu a.n1:hover i,.menu a.n1.current i { background-position:46px -578px;;filter: brightness(2) contrast(1) saturate(.5);}
.menu a.n2:hover i,.menu a.n2.current i { background-position:-80px -578px;filter: brightness(2) contrast(1) saturate(.5);}
.menu a.n3:hover i,.menu a.n3.current i { background-position:-230px -578px;filter: brightness(2) contrast(1) saturate(.5);}
.menu a.n4:hover i,.menu a.n4.current i { background-position:-402px -578px;filter: brightness(2) contrast(1) saturate(.5);}
.menu a.n5:hover i,.menu a.n5.current i{ background-position:-532px -578px;filter: brightness(2) contrast(1) saturate(.5);}
.menu a:hover em,.menu a.current em {opacity:1}
.timeLine { width:1198px; height:250px; margin:50px auto 0; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgTime.png) no-repeat; position:relative}
.timeLine em { width:356px; height:35px; color:#ae823e; font-size:16px; display:block; position:absolute; text-align:center}
.timeLine em.n1{ top:210px; left:0;}
.timeLine em.n2{ top:50px; left:418px;}
.timeLine em.n3{ top:225px; left:816px;}
.title { width:100%;height:270px;margin-top:-120px; text-indent:-9999px; overflow:hidden}
.title.t1{ height:530px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/t1.png?1) no-repeat center top;}
.title.t2{ background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/t2.png) no-repeat 134px top;}
.title.t3{ background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/t3.png) no-repeat 134px top;}
.title.t4{ background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/t4.png) no-repeat 134px top;}
.title.t5{ height:274px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/t5.png) no-repeat center top;}

.contentBox{ width:1166px; margin: 0 auto; padding-bottom:100px; position:relative;}
.contentBox .contentTop,.contentBox .contentBot { height:39px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgcon2T.png) no-repeat} 
.contentBox .contentBot {transform:rotate(180deg)}
.contentBox .content{min-height:700px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgcon2R.png) repeat-y; padding:1px 30px; position:relative}
.contentBox .conBase { font-size:16px; line-height:30px; color:#be8a2e}
.contentBox .conBase em { color:#db0000}
.contentBox .conBase p { margin-bottom:10px}
.contentBoxS{ width:868px;}
.contentBoxS .contentTop,.contentBoxS .contentBot { height:36px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgcon1T.png) no-repeat} 
.contentBoxS .contentBot {transform:rotate(180deg)}
.contentBoxS .content{background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgcon1R.png) repeat-y}
.contentBoxS .conBase { padding-left:90px}

.contentBox .conBase table {border-collapse:collapse;border:none;}
.contentBox .conBase table tr { background:#4d1607}
.contentBox .conBase table tr:nth-child(2n){ background:#68240b}
.contentBox .conBase td { padding:5px; text-align:center;border:solid #8f200d 1px; color:#eec67f; line-height:28px; font-size:15px}
.contentBox .conBase td b{ font-size:18px}
.contentBox .conBase td p { padding:0}
.contentBox .conBase img { padding:10px 0;max-width:100%}
.contentBox .conBase td img { padding:0}

.sTit { border-top:1px dashed #c38841;border-bottom:1px dashed #c38841; line-height:35px; text-indent:5px; color:#edcb7d; font-size:20px; margin:20px 0 5px}
.giftTit { width:55px; height:340px; background-position:-1675px -387px; text-indent:-9999px; position:absolute; top:50%; left:30px; margin-top:-170px;}

.giftCon {background:linear-gradient(#433626 0%,#433626 20%,#3a2917 100%); border-radius:10px; min-height:800px; border:1px solid #534229; padding:15px 30px;}
.giftConTit { text-align:center; font-size:30px; color:#f2cf9e; line-height:50px;}
.giftConTit:before,.giftConTit:after { width:110px; height:20px; vertical-align:middle; display:inline-block; content:" "; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/ico.png) no-repeat;transform:rotateY(180deg); margin:0 15px}
.giftConTit:after{transform:rotate(0deg)}
.giftList { margin-top:30px}
.giftList dl:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
.giftList dd { width:520px; height:375px; float:left;text-align:center}
.giftConTop span { display:inline-block; border:1px solid #615141; background:#352818; border-radius:20px; min-width:200px;color:#ffcf3f; font-size:20px; padding:0 20px}
.giftConTop span i { color:#f5eed1; font-size:22px; vertical-align:middle}
.giftConIn { height:310px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/g3.png) no-repeat -8px top; position:relative}
.giftConInTit { position:absolute; top:38px; left:35px; font-size:16px; color:#ffcf3f; font-weight:bold; text-shadow:1px 1px 5px #000}
.giftConName { padding:35px 40px 0 40px; color:#371d00; line-height:20px;}
.giftConName li { width:120px; min-height:125px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/g2.png) no-repeat center top; display:inline-block; vertical-align:top}
.giftConName li.n2 { margin-left:-15px}
.giftConName li.n3 { margin-left:-15px}
.giftConName li:first-child{ margin-left:100px}
.giftConName li.long{ width:240px;background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/g1.png) no-repeat center top; margin-left:25px}
.giftConName li p:first-child{ height:70px; padding:10px 0 0 0}
.giftConName li p.jingyan { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/g8.png) no-repeat center center}
.giftConName li p.shuye { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/g5.png) no-repeat center center}
.giftConName li p.jingtie { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/g6.png) no-repeat center center}
.giftConName li p.zhuangban { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/g4.png) no-repeat center center}
.giftConName li p.xilianshi { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/g7.png) no-repeat center center}
.giftConName li p.zfys { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/zfys.gif) no-repeat center center; border-radius:5px; box-shadow:0px 0px 5px #000;}
.giftConName li p.zfhj { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/zfhj.gif) no-repeat center center;border-radius:5px;box-shadow:0px 0px 5px #000}
.contentBox .conBase .giftConName li p { margin:0}
.contentBox .conBase .giftConName em { font-weight:bold}
.giftNumShort { padding:120px 50px 0 0}
.giftNumShort li:first-child{ margin-left:70px}
.giftList dd.champion{width:100%;height:465px;clear:both;}
.giftList dd.champion .giftConIn { width:632px;height:400px;background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/g01.png) no-repeat -8px top;position:relative;margin:0 auto;}

.subNav { text-align:center; padding-bottom:20px}
.subNav a { width:298px; height:50px; display:inline-block; text-indent:-9999px; outline:none; margin:0 5px}
.subNav a.n1{ background-position:0 -751px}
.subNav a.n2{ background-position:-302px -751px}
.subNav a.n3{ background-position:-604px -751px}
.subNav a.n4{ background-position:-906px -751px}
.subNav a.n5{ background-position:-1208px -751px}
.subNav a.n6{ background-position:-1510px -751px}
.subNav a.n1:hover,.subNav a.n1.current{ background-position:0 -813px}
.subNav a.n2:hover,.subNav a.n2.current{ background-position:-302px -813px}
.subNav a.n3:hover,.subNav a.n3.current{ background-position:-604px -813px}
.subNav a.n4:hover,.subNav a.n4.current{ background-position:-906px -813px}
.subNav a.n5:hover,.subNav a.n5.current{ background-position:-1208px -813px}
.subNav a.n6:hover,.subNav a.n6.current{ background-position:-1510px -813px}

.subCon { display:none}
.subConTit { width:810px;height:60px; margin:20px auto;text-indent:-9999px; overflow:hidden}
.subConTit.t1{ background-position:-1210px 0}
.subConTit.t2{ background-position:-1210px -73px}
.subConTit.t3{ background-position:-1210px -147px}
.subConTit.t4{ background-position:-1210px -221px}
.subConTit.t5{ background-position:-1210px -296px}
.subConTit.t6{ background-position:24px -887px}
.subConTit.t7{ background-position:-794px -887px}
.subConTit.t8{ background-position:-458px 0}

.searchAreaGroup { height:35px; text-align:right; margin:40px 0}
.searchAreaGroup input { width:255px; height:35px; line-height:35px; font-size:15px; color:#e0b569; background:#352512; border:1px solid #be8a3d;text-indent:10px}
.searchAreaGroup select { width:255px; height:35px; line-height:35px; font-size:15px; color:#e0b569; background:#352512; border:1px solid #be8a3d;text-indent:2px}
.searchAreaGroup a { width:40px; height:100%; display:block; float:right; border-left:1px solid #be8a3d; background:#814416 url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/icoSer.png) no-repeat center center; text-align:left; text-indent:-9999px;}

.teamList { padding:30px 50px 0; overflow:hidden; text-align:center}
.teamList dd{ width:449px; height:338px; display:inline-block; background-position:-1211px -387px; margin:0 25px 30px}
.teamListInner { padding:30px 35px; color:#000}
.contentBox .teamListInner p { border-top:1px dashed #e7c797; min-height:35px; text-indent:20px; margin:5px 0; line-height:35px; text-align:left}
.contentBox .teamListInner p.teamName { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/icoZS.png) no-repeat; color:#f9e1bb}

.HOF { height:250px; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/winShow.png) no-repeat center center}
.HOFName { text-align:center; height:180px; line-height:100px; font-size:80px; position:relative;background: linear-gradient(to bottom, #fff,#fbd828 40%,#e99e03 70%,#f2ce4c);
-webkit-background-clip: text;
background-clip: text;
color: transparent;}
.HOFName:before,.HOFName:after { width:242px; height:34px; display:inline-block; content:" "; background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/icoLine.png) no-repeat; margin-right:15px}
.HOFName:after{transform:rotateY(180deg); margin:0 0 0 15px;}
.HOFName i { position:absolute; top:100px; left:50%; display:block; line-height:35px;transform:translateX(-50%); font-size:26px; background:none;background: linear-gradient(to bottom, #9b691c,#e8ba37);
-webkit-background-clip: text;
background-clip: text;
color: transparent;}
.HOFList { text-align:center; padding-left:95px}
.HOFList dd { position:relative; width:195px; display:inline-block; color:#ffedc4; font-size:18px; text-align:left;}
.HOFList dd .HOFListIco { width:23px; height:72px; position:absolute; top:10px; left:-30px}
.HOFList dd .HOFListTeamLeaderIco { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/icoDZ.png) no-repeat}
.HOFList dd .HOFListTeamOrtherIco { background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/icoDY.png) no-repeat}
.HOFList dd .HOFListZyIco { height:130px; }
.HOFList dd .dfs_0_0 {background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/tx0.png) 0 0 no-repeat,url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/dfs_0_0.png) 7px 7px no-repeat;}
.HOFList dd .dfs_0_1 {background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/tx0.png) 0 0 no-repeat,url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/dfs_0_1.png) 7px 7px no-repeat;}
.HOFList dd .dfs_1_0 {background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/tx0.png) 0 0 no-repeat,url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/dfs_1_0.png) 7px 7px no-repeat;}
.HOFList dd .dfs_1_1 {background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/tx0.png) 0 0 no-repeat,url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/dfs_1_1.png) 7px 7px no-repeat;}
.HOFList dd .dfs_2_0 {background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/tx0.png) 0 0 no-repeat,url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/dfs_2_0.png) 7px 7px no-repeat;}
.HOFList dd .dfs_2_1 {background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/tx0.png) 0 0 no-repeat,url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/dfs_2_1.png) 7px 7px no-repeat;}
.HOFList dd .HOFListTeamName em { color:#c59339}


.MatchChart{width:1084px;height:290px; margin:0 auto;background:url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/bgDZ.png) no-repeat;position:relative;}
.MatchChart .phase01{width:237px;height:245px;position:absolute;left:0;top:0;}
.MatchChart .phase02{width:237px;height:285px;position:absolute;left:241px;top:25px;}
.MatchChart .phase03{width:237px;height:94px;position:absolute;left:477px;top:147px;}
.MatchChart .phase04{width:237px;height:218px;position:absolute;right:133px;top:66px;}		
.MatchChart .team{height:37px;color:#fff; margin-bottom:9.3px;}
.MatchChart .team span{display:inline-block;width:173px;height:37px;line-height:37px;text-align:center;color:#323232;float:left;}
.MatchChart .team i{display:inline-block;width:38px;height:37px;line-height:37px;text-align:center;font-style:normal;font-family:Arial;font-size:20px;float:left;}
.MatchChart .team:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.MatchChart .phase05{width:138px;height:115px;position:absolute;right:0px;top:87px;}
.MatchChart .phase05 .champion{text-align:center;}
.MatchChart .phase05 .champion b{display:block;line-height:40px;background: linear-gradient(to bottom,#d0740b 60%,#563819);-webkit-background-clip: text;background-clip: text;color: transparent; font-size:30px; padding-top:40px}
.MatchChart .phase05 .champion span{ font-size:16px; font-weight:bold;display:block;line-height:25px; color:#6b3600}
.teambox{margin-top:20px;padding-top:20px;border-top:1px solid #aaa;overflow:hidden;}
.teambox .teamlist p{list-style:none;width:358px;height:auto;padding:10px 20px;float:left;border:1px solid #ccc;margin:0 8px 16px;font-size:12px;line-height:1.66;border-radius:16px;box-shadow:0 0 10px #ccc inset;}

/*=====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====*/


@keyframes shake2 {
	from,to {transform: translate3d(0,0,0)}
	20%,60% {transform: translate3d(-5px,-5px,0)}
	40%,80% {transform: translate3d(5px,5px,0)}
}
@keyframes ZoomIn{
0%{opacity:0; transform: scale(3);}
70%{opacity:1; transform: scale(1);}
80%{opacity:0.4; transform: scale(1.2);}
100%{opacity:1; transform: scale(1);}
}
@keyframes Rotate{
0%{transform:rotateY(0deg);}
50%{transform:rotateY(30deg);}
100%{transform:rotateY(0deg);}
}
/*底部进入*/
@keyframes fadeInUpBig{
0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}
}
/*弹跳*/
@keyframes LeftAndRight{
0%{transform:translateX(0)}
50%{transform:translateX(-20px)}
100%{transform:translateX(0)}
}
@keyframes LeftAndRight1{
0%{transform:translateX(0) rotate(180deg)}
50%{transform:translateX(-10px) rotate(180deg)}
100%{transform:translateX(0) rotate(180deg)}
}
@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);}
}
/*=====光效=====*/
.lightAnimation {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);
  -webkit-mask-image: url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/slogan.png);
  mask-image: url(https://static.web.sdo.com/mir2/pic/100m/PeakKing/images/slogan.png);
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  z-index: 10;
  overflow: hidden;
}
.lightAnimation:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;transform: translateX(-2000px) scale(1.2);
  background: linear-gradient(to right, transparent 70%, #ffea8e, transparent 100% );
  animation: iconAnimateRotate 3s linear infinite;
}
@keyframes iconAnimateRotate {
  0% {transform: translateX(-2000px) scale(1.2);}
  100% {transform: translateX(2000px) scale(1.2);}
}
/*=====光效 end=====*/




/*=====H5===*/
.mobile .xxxxxxx{}