/**
* Date: 2016-07-14-14:56;
* Author: Davin
**/
/* css reset */
body, div, dl, dt, dd, ul, ol, 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}
table {border-collapse:collapse;border-spacing:0}
li {list-style:none}
a {text-decoration:none}
fieldset, img {border:0 none}
textarea {resize:none}
:focus {outline:0 none}
.h5bp { display:inline-block;font:0/0 a;color:transparent;background-color:transparent;border:0; overflow:hidden}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}

/* content */
body {font:12px \5FAE\8F6F\96C5\9ED1, Tahoma, Arial}
.wrap {background:url(https://static.web.sdo.com/aion/pic/joy/img/bg_wrap.jpg) no-repeat 50% 0}
.sec {width:1000px; margin:0 auto;background-repeat:no-repeat;}
.sec1 {height:130px;background-image:url(https://static.web.sdo.com/aion/pic/joy/img/bg_sec1.jpg);}
.sec2 {height:600px;background-image:url(https://static.web.sdo.com/aion/pic/joy/img/bg_sec2.jpg);}
.sec3 {height:132px;background-image:url(https://static.web.sdo.com/aion/pic/joy/img/bg_sec3.jpg);}
.sec1 p {padding:16px 30px 0 0;text-align: right;}
.sec1 p a {color: #1a2e46;margin: 0 5px}
.sec1 p span {padding: 0 0 0 5px;color: #1a2e46;}
.plant {position: relative;left:100px;width: 800px;height: 600px;background:url(https://static.web.sdo.com/aion/pic/joy/img/bg_plant.jpg) no-repeat;}
.btn-login {position: absolute;left: 379px;top:483px;}
.btn-login a {width:42px;height:42px;display:block;background:url(https://static.web.sdo.com/aion/pic/joy/img/btn_login.jpg) no-repeat;}
.sphere {position: absolute;left: 379px;top:483px;width:42px;height:42px;background:url(https://static.web.sdo.com/aion/pic/joy/img/bg_sprite1.jpg) no-repeat;}
.sphere1 {background-position: 0 0;}
.sphere2 {background-position: -42px 0;}
.sphere3 {background-position: -84px 0;}
.sphere4 {background-position: -126px 0;}
.sphere5 {background-position: -168px 0;}
.sphere6 {background-position: -210px 0;}
.sphere7 {background-position: 0 -42px;}
.sphere8 {background-position: -42px -42px;}
.sphere9 {background-position: -84px -42px;}
.sphere10 {background-position: -126px -42px;}
.sphere11 {background-position: -168px -42px;}
.sphere12 {background-position: -210px -42px;}
.account {position: absolute;left: 20px;top:460px;}
.account p {color: #999;text-shadow: 1px 0px 0px #000,-1px 0px 0px #000,0px 1px 0px #000,0px -1px 0px #000; }
.account span {color: #fff;margin: 0 5px 0 10px}
.account a {color: #999;margin: 0 5px}
.tile {position: absolute;top:478px;height:28px; padding-top: 20px}
.ico-add {float: right;width:10px;height:10px;display:block;position: relative;top:4px;right:22px;background:url(https://static.web.sdo.com/aion/pic/joy/img/ico_add.png) no-repeat;}
.tile1, .tile2, .tile3 {width:118px;color: #fff;padding-left: 50px;}
.tile1 {left: 25px;background:url(https://static.web.sdo.com/aion/pic/joy/img/bg_tile1.png) no-repeat;}
.tile2 {left: 190px;background:url(https://static.web.sdo.com/aion/pic/joy/img/bg_tile2.png) no-repeat;}
.tile3 {left: 444px;background:url(https://static.web.sdo.com/aion/pic/joy/img/bg_tile3.png) no-repeat;}
.tile4 {left: 609px;width:186px;color: #fff;background:url(https://static.web.sdo.com/aion/pic/joy/img/bg_tile4.png) no-repeat;color: #071b39}
.tile4 span {float: left;padding-left: 18px}
.tile4 em {float: left;font-style: normal;padding-left: 6px}
.tile4 b {float: left;color: #ffde00;text-align: center; width: 29px}
.tab {position: absolute;left: 2px;top:539px;width:798px;height:62px;}
.tab li {float: left;}
.tab a {width:114px;height:62px;display:block;background:url(https://static.web.sdo.com/aion/pic/joy/img/bg_tab.png) no-repeat;}
.tab a:hover {background:url(https://static.web.sdo.com/aion/pic/joy/img/skin20170605/bg_tab_hover22.png) no-repeat;}
#tab1 a, #tab1 a:hover {background-position: 0 0;}
#tab2 a, #tab2 a:hover {background-position: -114px 0;}
#tab3 a, #tab3 a:hover {background-position: -228px 0;}
#tab4 a, #tab4 a:hover {background-position: -342px 0;}
#tab5 a, #tab5 a:hover {background-position: -456px 0;}
#tab6 a, #tab6 a:hover {background-position: -570px 0;}
#tab7 a, #tab7 a:hover {background-position: -684px 0;}
/*20170314增加文字滚动*/
.scrollList{ position:absolute; top:0; left:0; width:800px; height:26px; background:url(https://static.web.sdo.com/aion/pic/joy/img/scroll_bg.png) no-repeat;}
.scrollList .bd{ width:750px; height:26px; margin:0 auto; overflow:hidden;}
.scrollList li{ float:left; line-height:22px; color:#fff; margin-right:20px;}


.tile5{width:118px;color: #fff;padding-left: 50px;}
.tile5 {left: 444px;background:url(http://fu5.sdo.com/10036/201704/14925690251497.png) no-repeat;}