@charset "utf-8";
/*  
* Theme Name: 风色轨迹职业介绍
* Description:4399风色轨迹职业介绍专题页
* Author: yanglisa
* Update: 2014-07-19
* Author URI: http://weibo.com/yangliping137
*Update By who: 
*/

body, dl, dd,ul, ol,h1, h2, h3, h4, h5, h6, pre,form, fieldset, legend, input, textarea, optgroup,p, blockquote, figure, hr, menu, dir,thead, tbody, tfoot, th, td { margin:0; padding:0; font-family: \5fae\8f6f\96c5\9ed1,\5B8B\4F53,Tahoma,Helvetica,arial;}
body { background-color:#010310; font-size:12px; line-height:24px; color:#b6afcf;}
a{ color:#ccd0d9; text-decoration:none;blr:expression(this.onFocus=this.blur()); outline:none;}
a:hover{ text-decoration:underline;}
ul,li{ list-style:none;}
.clearfix:after{ content:" "; display:block; clear:both; visibility:hidden; height:0; line-height:0; }
.clearfix{*zoom:1;}
img{ border:0 none;}

.wrapper{ width:100%; margin:0 auto; background:url(../img/bg.jpg) no-repeat;}
.logoBox{ position:absolute; left:30px; top:42px; z-index:100; width:168px; height:123px; background:url(../img/logo.png) no-repeat;}
.logoBox a{ width:68px; height:33px; float:left; text-align:center; line-height:33px;}
.logoBox a.logo{ width:168px; height:89px; display:block; font-size:0; line-height:0; overflow:hidden;}
.logoBox a.backweb{ padding-left:12px;}

.nav{ position:absolute; left:40px; top:222px; z-index:100; width:90px; padding-left:48px;}
.nav ul{ width:90px; padding-bottom:20px; border-left:1px #3e4879 solid;}
.nav ul li{ position:relative; width:90px; height:43px; margin-left:-19px; margin-bottom:25px; line-height:43px;}
.nav li .num{ width:37px; height:43px; display:block; float:left; margin-right:10px; text-align:center; line-height:43px; background:url(../img/iconbg.png) no-repeat 0 -44px; _background:url(../img/iconbg_png8.png) no-repeat 0 -44px; font:24px/43px impact; color:#8187a4; cursor:pointer;}
.nav li a.on .num,.nav li a:hover .num{ background:url(../img/iconbg.png) no-repeat;_background:url(../img/iconbg_png8.png) no-repeat; color:#ffc5e0;}
.nav li a{ display:block; color:#767fa8; font-size:14px;}
.nav li a:hover,.nav li a.on{ color:#f27298; text-decoration:none;}
.videoBtn{ margin-left:-49px; position:relative;}
.videoBtn a{ position:absolute; left:0; top:0; z-index:10; width:97px; height:112px; background:url(../img/about:blank);font-size:0; line-height:0; overflow:hidden;}


.main{ position:relative; width:755px; min-height:764px; height:auto !important; height:764px; padding:116px 0 0 245px;}
h1.tit{ position:relative; z-index:10; width:155px; height:105px; font-size:0; line-height:0; overflow:hidden;}
h1.tit01{ background:url(../img/tit.png) no-repeat 0 0;}
h1.tit02{ background:url(../img/tit.png) no-repeat 0 -105px;}
h1.tit03{ background:url(../img/tit.png) no-repeat 0 -210px;}
h1.tit04{ background:url(../img/tit.png) no-repeat 0 -315px;}
h1.tit05{ background:url(../img/tit.png) no-repeat 0 -420px;}

.txtcont{position:relative; z-index:10; width:325px; color:#afa4cb;}
.txtcont .titbg{ height:38px; margin-top:40px; padding-left:15px; background:url(../img/dot.png) no-repeat left center; font-size:18px; font-weight:normal; line-height:38px; color:#fff;}

.tabs{ position:absolute; left:425px; top:165px; z-index:10;}
.tabs a{ float:left; width:35px; height:40px; display:block; margin-right:8px; background:url(../img/iconbg.png) no-repeat 0 -88px;_background:url(../img/iconbg_png8.png) no-repeat 0 -88px; font-size:14px; line-height:40px; text-align:center;}
.tabs a.on,.tabs a:hover{ background-position:0 -129px; text-decoration:none; color:#fff;}

.role{ position:absolute; left:355px; top:0; z-index:0;}

.footer{ width:100%; height:120px; color:#4e4d4d;}
.footer span{ display:block; padding:33px 0 0 275px; background:url(../img/s_logo.png) no-repeat 63px 30px;}
.footer a{ color:#4e4d4d;}
/*弹窗*/
#a1{ display:none;}
.msg{position:absolute; left:50%; top:50%; margin:-151.5px 0 0 -255px; z-index:1000; width:500px; height:293px; padding:5px; background:#000;}
.layer{ position:absolute; left:0; top:0; z-index:999; width:100%; height:1036px; background:#000; opacity:.6;filter:Alpha(opacity=60);}

.closeBtn{ width:48px; height:48px; position:absolute; right:-48px; top:0; background:#000; font:bold 30px/48px Arial, Helvetica, sans-serif; cursor:pointer; text-align:center}