/* ===================== 样式重置 ===================== */
*{padding:0;margin:0; font-size:12px;font:12px/21px "宋体";}
html {overflow-y:scroll;overflow-x:visible;}
ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,input {margin:0;padding:0;}
img,fieldset{border:none;}
ul,li{ list-style-type:none;}
select,input,img{vertical-align:middle;}
select,input,textarea{font-size:12px;}
a{color:#010101;text-decoration:none;}
a:hover{color:#4c7d08;text-decoration:underline;}
a:focus {outline:none; -moz-outline:none;}
div,ul,dl {zoom:1;}
div:after,ul:after,dl:after{ content:".";display:block;clear:both;height:0; font-size:0;visibility:hidden;} 
.clear{clear:both;font-size:0;line-height:0; height:0;}
img{border:0;}
/*主体样式*/
.conbg{ width:expression(document.body.clientWidth <= 1000? "1000px": "auto"); min-width:1000px; position:relative;}
.conbg .content{ position:absolute; width:1000px; margin:0 0 0 -500px; top:0; left:50%;}
.content a.toplink{ height:459px; display:block;}
.tera01{ background:url(http://pic8.qiyipic.com/marketing/20141209/256e9efc55ae4d3f861a4d8c248982ca.jpg) no-repeat center 0; height:641px;}
.tera02{ background:url(http://pic0.qiyipic.com/marketing/20140805/7d34e6ec36e640adb1a9759d0dbf7dea.jpg) no-repeat center 0; height:641px;}
.tera03{ background:url(http://www.qiyipic.com/marketing/fix/tera.images/terabg_03.jpg) no-repeat center 0; height:641px;}
.tera04{ background:url(http://www.qiyipic.com/marketing/fix/tera.images/terabg_04.jpg) no-repeat center 0; height:641px;}
.tera05{ background:url(http://www.qiyipic.com/marketing/fix/tera.images/terabg_05.jpg) no-repeat center 0; height:641px;}
/*视频*/
vbox{ width:710px;}
.vbox .video{ width:998px; height:560px; background:#000; border:1px solid #2685d5;}
.videolistbox{ background:url(http://www.qiyipic.com/marketing/fix/tera.images/smbg.gif) repeat-x; height:148px;}

.videolistbox span{ display:block; float:left ;width:42px; height:85px; margin:30px 8px 12px; cursor:pointer; text-indent:-999999px; background:url(http://www.qiyipic.com/marketing/fix/tera.images/prevnext.png) no-repeat;}
.videolistbox span.rightArrow{ background-position:-42px 0; float:right;}

.smallList{display:inline;float:left;width:884px;height:122px; margin:12px 0 0 0;position:relative;overflow:hidden;}
.smallList ul{position:absolute;left:0px;top:0px;width:9999999px;}
.smallList li{display:inline;float:left;width:205px;height:120px; margin:0 7px; position:relative; cursor:pointer; border:1px solid #356ab8;}
.smallList li img{ width:205px; height:120px;}
.smallList li a{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(http://www.qiyipic.com/marketing/fix/jetta.images/playbtn.png) no-repeat center 25px #000; z-index:2; filter:alpha(opacity:60);opacity:0.6;}
.smallList li h2{ position:absolute; bottom:0px; left:0; width:195px; padding:0 5px; height:28px; font:12px/28px '微软雅黑'; background:#000; text-align:center; color:#0c70e9; filter:alpha(opacity:80);opacity:0.8; z-index:3;overflow:hidden; text-overflow: ellipsis; word-break:keep-all;}
.smallList li.selected a{ background:none;}
.smallList li.selected h2{ color:#fff;}
.smallList li.selected img{ filter:alpha(opacity:100);opacity:1;}
/*内容盒子*/
.nrbox{ margin:40px 0 0;}
.nrbox h1.hepx{ height:77px;}
/*游戏介绍and最新消息*/
.textbox{ width:489px; float:left; display:inline; color:#fff;}
.fr{ float:right;}
.textbox h1{ background:#ffa500; padding:9px 0 0 12px; height:45px;}
.textbox ul{ background:url(http://www.qiyipic.com/marketing/fix/tera.images/dian.jpg) repeat; height:275px; padding:17px;}
.textbox ul li{ text-align:right;}
.textbox ul li span{ float:left; clear:left; font:14px/36px '微软雅黑';}
.textbox ul li i{ font-style:normal; color:#2659a7; font:12px/36px Arial; margin:0 7px 0 0;}
.textbox ul li a{ color:#fff; text-decoration:none; font:13px/36px '微软雅黑';}
.textbox ul li a:hover{ color:#2659a7; text-decoration:none;}
.textbox ul p{ font:14px/22px '微软雅黑'; text-indent:2em; padding:10px 0 0;}


/*最新消息*/
.newbox{margin-top:18px;height:262px;}
.newbox .newlist{background:url(http://www.qiyipic.com/marketing/fix/wmsj.images/newtit.png) no-repeat;float:left;padding-top:48px;height:182px;width:770px;position:relative;}
.newbox .newlist .morelink{position:absolute;font:12px/12px '宋体';color:#768eb2;top:15px;left:725px;}
.newbox .newlist li{background:url(http://www.qiyipic.com/marketing/fix/wmsj.images/libg.png) no-repeat center bottom;font:12px/25px '宋体';height:25px;width:770px;color:#768eb2;line-height:25px;padding-bottom:1px; text-align:right;}
.newbox .newlist li a{color:#768eb2;}
.newbox .newlist li a:hover{ color:#fff; text-decoration:none;}
.newbox .newlist li span{float:left; clear:left;}
.newbox .weibolink{float:left;margin:13px 0 0 20px;background:url(http://www.qiyipic.com/marketing/fix/wmsj.images/weibobg.jpg) no-repeat;padding:175px 0 0 30px;width:140px;height:74px;}
.newbox .weibolink a{display:block;width:105px;height:21px;margin-bottom:10px;}

/*职业介绍*/
.subnavs{position:relative;overflow:hidden; height:54px;}
.subnavs li{float:left; display:inline; margin:0 4px 0 0;}
.subnavs li.nom{ margin:0;}
.subnavs li a{position:relative;display:block;overflow:hidden; width:121px; height:54px; font-weight:bold; background:url(http://www.qiyipic.com/marketing/fix/tera.images/tabbg.png) no-repeat; color:#fff;text-align:center; font:18px/54px '微软雅黑'; cursor:pointer; text-decoration:none;}
.subnavs li a:hover{ text-decoration:none;}
.subnavs li.on a{z-index:99; cursor:pointer; background-position:-121px 0;}
.rwjs{ background:url(http://www.qiyipic.com/marketing/fix/tera.images/dian.jpg) repeat; padding:10px; margin:0 3px 0 0;}

/*精美壁纸原画展示*/
.jmbzbox{ background:url(http://www.qiyipic.com/marketing/fix/tera.images/dian.jpg) repeat; padding:10px;}
.hs_container{ position:relative; width:980px; height:842px;overflow:hidden;clear:both;}
.hs_container .hs_area{ position:absolute;}

.hs_area img{position:absolute; top:0px; left:0px; display:none;}
.hs_area img.hs_visible{ display:block; z-index:99;}

.hs_area1{ width:365px; height:365px;top:0px;left:0px; overflow:hidden; cursor:crosshair;}
.hs_area2{ width:376px; height:365px;top:0px;left:375px;overflow:hidden; cursor:crosshair;}
.hs_area3{ width:319px; height:365px;top:0px;right:0px; overflow:hidden; cursor:crosshair;}
.hs_area4{ width:480px; height:466px;bottom:0;left:0px; overflow:hidden; cursor:crosshair;}
.hs_area5{ width:490px; height:299px;top:375px;right:0; overflow:hidden; cursor:crosshair;}
.hs_area6{ width:239px; height:227px;bottom:0;left:490px; overflow:hidden; cursor:crosshair;}
.hs_area7{ width:241px; height:227px;bottom:0;right:0; overflow:hidden; cursor:crosshair;}