body {font-size:12px; font-family:'Microsoft Yahei'; background-color:#fff; overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, nl, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a{text-decoration:none;} 
li{list-style:none outside none;}
fieldset, img {border:0 none;}
img { padding:0; margin:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6,th{ font-size:12px; font-weight:normal;}
textarea{resize:none}
input:focus, select:focus, textarea:focus,a:focus{outline:0 none}
label { vertical-align:middle;} 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}
em,cite,dfn{font-style:normal;}
.clearboth{width:100%;clear:both;float:none;margin:0;padding:0;font-size:0px;height:0px;overflow:hidden;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.hidden{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.center{ text-align:center;}
.tright{ text-align:right;}
.ti { text-indent:-999em;}
.none{ display:none;}
table {max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0;table-layout: fixed!important;table-layout: auto\0;}
/*::-webkit-scrollbar-track-piece{background-color:#000; border-radius:7px;}
::-webkit-scrollbar{width:8px;height:13px}
::-webkit-scrollbar-thumb{background-color:#18233e;background-clip:padding-box;min-height:28px; border-radius:7px;}
::-webkit-scrollbar-thumb:hover{background-color:#16213e;}*/

.wrapout{width: 100%; background-position: 50% 0;}
.wrap{ width:1200px; margin:0 auto;}
.header{ width:1200px; margin:0 auto;}
.time {
    position: absolute;
    top: 638px;
    left: 174px;
    width: 475px;
    height: 100px;
    display: block;
    background: url(https://static.web.sdo.com/aion/pic/project/20190227x/time.png) no-repeat;
}
.header .hd1{ position:relative; height:300px; background:url(https://static.web.sdo.com/aion/pic/project/20181203event/header1.jpg) no-repeat;}
.header .hd2{ position:relative; height:300px; background:url(https://static.web.sdo.com/aion/pic/project/20181203event/header2.jpg) no-repeat;}
.header .hd3{ height:300px; background:url(https://static.web.sdo.com/aion/pic/project/20181203event/header3.jpg) no-repeat;}
.header .hd1 h1{ display:none;}
.header .hd1 .h_b{ position:absolute; top:683px; left:820px;width:212px;}
.header .hd1 .h_b li{ float:left;width:210px;height: 64px;}
.header .hd1 .h_b li a{display: block;width: 100%;height: 100%;text-indent: -999em;background: url(https://static.web.sdo.com/aion/pic/project/20181203event/h-btn.png) no-repeat;}
.header .hd1 .h_b li.b1 a{background-position: 0 0;}

.header .loginOn{ position:absolute; top:683px; left:820px; width: 210px; font-size:18px; color:#000; line-height:26px; text-align:center;}
.header .loginOn a{ color: #000; text-decoration: underline;}
.nav-w{ position:absolute; top:803px; left: 0; height: 92px;}
.nav-btn li{ position:absolute; top:0; width: 250px; height: 92px;}
.nav-btn li a{ display:block; width:100%; height:100%; text-indent:-999em; background-image:url(https://static.web.sdo.com/aion/pic/project/20181203event/nav.png); background-repeat:no-repeat;}

.nav-btn li.nav1{ left:204px;}
.nav-btn li.nav1 a{ background-position:0 0; background-image:url(https://static.web.sdo.com/aion/pic/project/20181203event/nav-hov.png);}
.nav-btn li.nav1 a:hover,.nav-btn li.nav1.cur a{ background-position:0 -92px;}

.nav-btn li.nav2{ left:454px;}
.nav-btn li.nav2 a{ background-position:-250px 0; background-image:url(https://static.web.sdo.com/aion/pic/project/20181203event/nav-hov.png);}
.nav-btn li.nav2 a:hover,.nav-btn li.nav2.cur a{ background-position:-250px -92px;}

/*.nav-btn li.nav3{ left:604px;}
.nav-btn li.nav3 a{ background-position:-500px 0; background-image:url(https://static.web.sdo.com/aion/pic/project/20181203event/nav-hov.png);}
.nav-btn li.nav3 a:hover,.nav-btn li.nav3.cur a{ background-position:-500px -92px;}*/

.nav-btn li.nav4{ left:704px;}
    .nav-btn li.nav4 a {
        background-position: -750px 0;
        background-image: url(https://static.web.sdo.com/aion/pic/project/20181203event/nav-hov.png);
    }
.nav-btn li.nav4 a:hover,.nav-btn li.nav4.cur a{ background-position:-750px -92px;}


.container{}
.part-c1{font-size: 18px;color:#ff8948;line-height: 32px;}
.part-c2{font-size: 14px;color:#ff8948;line-height: 32px;}
.part-c2 span{ color: #f0ff00;}

.table-list {width: 905px;margin: 0 auto;}
.table-list table {width: 100%;border-spacing: 0px;}
.table-list th, .table-list td { text-align:center; border:solid 1px #b0874b;}
.table-list th {height:50px;color: #ffbe9a; font-size:16px; font-weight: normal;background:#44291a;}
.table-list td {color: #321505;font-size: 14px;line-height: 25px;background:#91785c;}
.table-list td.t{padding: 3px 10px;position: relative;text-align: left;}
.table-list td.t2{position: relative;}

.showskilltxt{}
#skilltxt{ position:absolute;z-index: 1000;}