@charset "utf-8";

.fl{ float:left;}
.fr{ float:right;}
/* 角色标签共用样式 */

.detail_out{ width:998px;float:left!important; background-color:#fff; border:1px solid #bbe0fe; border-top:none; margin:0 24px 20px 0; clear:both; display:inline;}
.detail_left{width:540px; margin:0 auto;float:left;display:inline;}
.detail_right{width:450px;float:right;}

.xajh_role_out{width:501px; height:auto; margin:20px auto; padding:0; clear:both; }

.xajh_role_class,.xajh_role_class li, .xajh_role_class .xajh_role_current, .xajh_role_bot, .xajh_role_subtab li, .xajh_role_subtab .current, .xajh_role_3rdtab li{width:501px; background: url(../images/xajh/role/role.gif) no-repeat;}

/*一级tab*/
.xajh_role_class{height:36px;background-position:0 0;cursor:pointer;color:#fff;}
.xajh_role_class li{ list-style:none; width:65px; height:29px; background-position:0px -120px; margin-right:3px; font-size:12px; color:#ffffff; text-align:center; line-height:29px; float:left;cursor:pointer;}
.xajh_role_class li a:visited{ color:#ffffff;}
.xajh_role_class li a, .xajh_role_class li a:link, .xajh_role_class li a:visited, .xajh_role_class li a:hover, .xajh_role_class li a:active{ color:#ffffff; text-decoration:none;}

.xajh_role_class .xajh_role_current{width:70px; height:30px; background-position:-90px -120px;font-size:12px; margin-right:3px; color:#00d2ff;float:left;cursor:pointer; }

/*二级tab*/
.xajh_role_subtab{height:20px; cursor:pointer;color:#fff; border-bottom:1px solid #4a96c0; position: relative; color:#37749b; }
.xajh_role_subtab ul{ position: absolute; top:-2px; width:477px;}
.xajh_role_subtab li{ list-style:none; width:65px; height:22px; background-position:0px -169px; margin-right:3px; font-size:12px; color:#37749b; text-align:center; line-height:22px; float:left;cursor:pointer;}
.xajh_role_subtab li a, .xajh_role_subtab li a:link, .xajh_role_class li a:visited, .xajh_role_subtab li a:hover, .xajh_role_subtab li a:active{ color:#ffffff; text-decoration:none;}
.xajh_role_subtab .current{width:65px; height:23px; background-position:-90px -168px; font-size:12px; margin-right:3px; color:#00d2ff;float:left;cursor:pointer;}

.xajh_role_tabbox{ width:475px; height:auto; background-color:#223440; border-left:1px solid #4a96c0; border-right:1px solid #4a96c0; border-bottom:1px solid #4a96c0;}

/*三级tab*/
.xajh_role_3rdtab{height:22px; cursor:pointer;color:#fff;}
.xajh_role_3rdtab li{ list-style:none; width:65px; height:22px; background-position:0px -210px; margin-right:3px; font-size:12px; color:#37749b; text-align:center; line-height:22px; float:left;cursor:pointer;}
.xajh_role_3rdtab li a, .xajh_role_3rdtab li a:link, .xajh_role_3rdtab li a:visited{ color:#37749b; text-decoration:none;}
.xajh_role_3rdtab .current{width:65px; height:22px; background-position:-90px -210px; font-size:12px; margin-right:3px; color:#00d2ff;float:left;cursor:pointer;}

.xajh_role_3rdbox{ width:445px; height:auto; padding:15px 0 0 0; }



.xajh_role_mid{width:100%; height:auto; background:url(../images/xajh/role/role_mid_bg.gif) repeat-y left top; float:left; clear:both;}
.xajh_role_bot{ font-size:1px; height:14px; background-position:0 -90px;clear:both;}

/*人物属性*/
.xajh_role_content{	width:477px; height:auto; margin:10px auto 0 auto; font-family:Arial, Helvetica, sans-serif;}

/*装备时装*/
.xajh_role_rwinfo{ width:445px; height:450px; padding:15px;}
.xajh_role_rwinfo .rw_info_left{ width:266px; float:left; display:inline;}
.rw_info_left .rw_info_top{ width:266px; height:50px; float:left; display:inline; color:#efefef;}
.rw_info_left .rw_info_top span{ float:left; display:inline;  padding-right:5px; line-height:18px;}
.rw_info_left .rw_info_top .petvalue{ float:right; width:110px; height:18px; line-height:18px;}
.rw_info_left .rw_info_top .petvalue img{ float:left; display:inline; border:none; margin-top:2px;}
.rw_info_left .rw_info_top .equip{ width:266px; float:left; height:22px; margin-top:5px; line-height:22px;}

/*
.rw_info_left .rw_info_bottom{ width:266px; height:370px; float:left; display:inline; background:url(../images/xajh/role/rw_bg.gif) no-repeat left top; }
*/
.rw_info_left .rw_info_bottom{ width:266px; height:370px; float:left; display:inline;}
.rw_lbg {background:url(../images/xajh/role/rw_man_bg.gif)  no-repeat left top  }
.rw_2bg {background:url(../images/xajh/role/rw_woman_bg.gif)  no-repeat left top  }

.rw_info_left .rw_info_bottom .role_zb{ width:40px; height:370px; float:left; display:inline;}
.rw_info_left .rw_info_bottom .role_zb2{ width:150px; height:40px; float:left; display:inline; margin-top:370px; margin-left:15px;}
.role_zb2 ul{display:flex;width:150px;height:40px;}
.role_zb li, .role_zb2 li, .role_zb3{ background:url(../images/xajh/role/icon_bg.gif) no-repeat left top transparent; clear:both; height:38px; list-style:none; width:38px; color:#a19683;  margin-bottom:6px; line-height:38px; text-align:center; float:left; display:inline; padding:1px;margin-right:10px;}
.role_zb li img, .role_zb2 li img, .role_zb3 img{ float:left; display:inline; border:none; margin:1px;}

.xajh_role_rwinfo .rw_info_right{ width:166px; float:right; display:inline; }
.rw_info_right .info_item{ width:166px; height:30px; float:left; display:inline; color:#efefef;}
.rw_info_right .info_item .info_item_top{ width:166px; height:18px; float:left; display:inline; line-height:18px;}

.info_item .info_item_top i{width:18px; height:15px; float:left; display:inline; margin-top:2px;}
.icon-qx{  background:url(../images/xajh/role/ico_qx.gif) no-repeat; display: inline;}
.icon-nl{  background:url(../images/xajh/role/ico_nl.gif) no-repeat; display: inline;}
.icon-sjd{  background:url(../images/xajh/role/ico_sjd.gif) no-repeat; display: inline;}
.icon-jl{  background:url(../images/xajh/role/ico_jl.gif) no-repeat; display: inline;}
.icon-hl{  background:url(../images/xajh/role/ico_hl.gif) no-repeat; display: inline;}

.rw_info_right .info_item .info_bar{
	background-color: #101f29;
    border: 1px solid #12020d;
    display: inline;
    float: left;
    height: 8px;
    padding: 1px;
	line-height:8px;
	width: 164px;
}

.rw_info_right .info_pic{ width:166px; height:217px; float:left; display:inline; background: url(../images/xajh/role/xf_bg.gif) no-repeat left bottom; margin-top:5px; margin-bottom:5px; position: relative;}

.rw_info_t, .rw_info_l, .rw_info_n, .rw_info_j, .rw_info_q{    
    height: 20px;
    position: absolute;
    width: 30px;
	color:#efefef;
	line-height:20px;
	text-align:center;
}
.rw_info_t{
	left: 67px;
    top: 40px;}
.rw_info_l{
	left: 7px;
    top: 98px;}
.rw_info_n{
	right: 7px;
    top: 98px;}
.rw_info_j{
	left: 24px;
    top: 178px;}
.rw_info_q{
	right: 24px;
    top: 178px;}
	
.rw_info_xf{
	height: 40px;
    position: absolute;
    width: 50px;
	color:#efefef;
	line-height:20px;
	text-align:center;
	left: 57px;
    top: 78px;}
.rw_info_gl{ width:152px; height:20px;  position: absolute; left: 8px; bottom:1px; line-height:20px; color:#efefef;}

.xajh_role_rwvalue{ width:445px; height:auto; padding: 3px 15px 15px 15px;}

.xajh_role_3rdbox table{ color:#ffffff;}
.xajh_role_3rdbox table tr td{ height:20px; line-height:20px; text-align:left;}

.xajh_role_bpai{ width:180px; height:50px; float:left; display:inline; background:#1d343f; border:2px solid #203c4a; margin-bottom:10px;}

/*比武*/
.xajh_role_bw_top{ height: 100px; padding: 15px;  width: 445px;}
.xajh_role_bw_top .role_bw_values{ width:120px; height:100px; float:left; display:inline; }
/*.xajh_role_bw_top .role_bw_values ul { list-style:none; float:left; display:inline;}*/
.xajh_role_bw_top .role_bw_values li{list-style:none;width:100%;font-size:12px; clear:both; height:20px; line-height:20px; color:#fff;}
.xajh_role_bw_top .role_bw_values li .lable{ float:left; display:inline;text-align:left; }

.xajh_role_bw_top .role_bw_icons{ width:300px; height:68px; float:right; display:inline; margin-top:15px;}
.xajh_role_bw_top .role_bw_icons ul li, .xajh_role_wz_icons ul li{ width:56px; height:56px; float:left; display:inline; background:url(../images/xajh/role/bw_icon_bg01.gif) no-repeat left top; margin-right:5px; padding:6px; }
.xajh_role_bw_top .role_bw_icons ul li.style2, .xajh_role_wz_icons ul li.style2{ width:56px; height:56px; float:left; display:inline; background:url(../images/xajh/role/bw_icon_bg02.gif) no-repeat left top; margin-right:5px; padding:6px; }
.xajh_role_bw_top .role_bw_icons ul li img, .xajh_role_bw_top .role_bw_icons ul li.style2 img, .xajh_role_wz_icons ul li .xajh_role_wz_icons ul li.style2 img{border: medium none; display: inline; float: left;}
.xajh_role_bw_bottom{ height: 300px; padding:0 15px;  width: 445px; }
.xajh_role_bw_tit{ width:445px; height:23px; float:left; display:inline; line-height:23px; color:#84979c; background:url(../images/xajh/role/tit_bg.gif) no-repeat left top;}
.xajh_role_bw_tit span{ width:50px; text-align:right; padding:0 30px; float:left; display:inline;}
.xajh_role_bw_content{ width:445px; height:auto; padding:15px 0 0 0; float:left; display:inline; }
.xajh_role_bw_content .bw_menu{ width:110px; height:250px; float:left; display:inline; }
.xajh_role_bw_content .bw_menu ul li{ width:95px; height:30px; margin-bottom:5px; float:left; display:inline; line-height:30px; color:#FFF; padding-left:15px;}
.xajh_role_bw_content .bw_menu ul li a{width:95px; height:30px; float:left; display:inline; color:#090d10; font-weight:bold;}
/*
.xajh_role_bw_content .bw_menu ul li a:hover{width:82px; height:30px; float:left; display:inline;  background:url(../images/xajh/role/bw_r_ico.gif) no-repeat right center; color:#090d10; font-weight:bold; text-decoration:none;}
*/
.bw_menu_bgj{background:url(../images/xajh/role/bw_j01.gif) no-repeat left top;}
.bw_menu_bgj_current{background:url(../images/xajh/role/bw_j01_cur.gif) no-repeat left top;}
.bw_menu_bgd{background:url(../images/xajh/role/bw_d01.gif) no-repeat left top;}
.bw_menu_bgd_current{background:url(../images/xajh/role/bw_d01_cur.gif) no-repeat left top;}
.bw_menu_bgw{background:url(../images/xajh/role/bw_w01.gif) no-repeat left top;}
.bw_menu_bgw_current{background:url(../images/xajh/role/bw_w01_cur.gif) no-repeat left top;}

.xajh_role_bw_content .bw_main{ width:335px; height:250px; float:right; display:inline; }
.xajh_role_bw_content .bw_main_zj{ width:130px; height:180px; float:left; display:inline; text-align:center; color:#fff; line-height:42px; padding:30px 0;}
.xajh_role_bw_content .bw_main_zj span{ color:#00d2ff;}
.xajh_role_bw_content .bw_main_icons{ width:200px; height:250px; float:right; display:inline;}
.xajh_role_bw_content .bw_main_icons .bw_main_icons_item{ width:150px; height:44px; float:left; display:inline; background:#1d343f; border:3px solid #203c4a; padding:10px; margin-bottom:12px;}
.xajh_role_bw_content .bw_main_icons .bw_main_icons_item p{ padding:3px; margin:0px; line-height:18px; color:#fff;}
.xajh_role_bw_content .bw_main_icons .bw_main_icons_item .bw_main_icon{ width:34px; height:34px; float:left; display:inline; background:url(../images/xajh/role/bw_icon_bg.gif) no-repeat left top; padding:5px; margin-right:10px;}
.xajh_role_bw_content .bw_main_icons .bw_main_icons_item .bw_main_icon img{border: medium none; display: inline; float: left;}

.xajh_role_bw_content .bw_main_icons .bw_win{ background:url(../images/xajh/role/bw_s.gif) no-repeat right bottom;}
.xajh_role_bw_content .bw_main_icons .bw_fail{ background:url(../images/xajh/role/bw_f.gif) no-repeat right bottom;}
.xajh_role_bw_content .bw_main_icons .bw_draw{ background:url(../images/xajh/role/bw_p.gif) no-repeat right bottom;}


/*微章*/
.xajh_role_wz_left, .xajh_role_wz_right{ margin-top:30px;} 
.xajh_role_wz_left{ width:40px; height:34px; float:left; display:inline;}
.xajh_role_wz_right{width:40px; height:34px; float:right; display:inline;}
.xajh_role_wz_icons{width:365px; height:68px; float:left; display:inline; overflow:hidden;margin-top:15px;}

.xajh_role_wz_bottom{ width:445px; height:auto; padding: 3px 15px 15px 15px;}
.xajh_role_wz_icons2{ width:445px; height:135px;}
.xajh_role_wz_icons2 ul li{ width:56px; height:56px; float:left; display:inline; background:url(../images/xajh/role/bw_icon_bg01.gif) no-repeat left top; margin-right:3px; padding:6px; margin-bottom:3px; }
.xajh_role_wz_icons2 ul li img{border: medium none; display: inline; float: left;}

/*游侠*/
.xajh_role_yx{ height: 90px; padding: 30px 15px 0 15px;  width: 445px;}
.xajh_role_yx_item{ width:165px; height:26px; float:left; display:inline; margin-bottom:5px; color:#FFF; padding-left:35px; padding-right:20px; line-height:26px;}
.xajh_role_yx_bg01{ background:url(../images/xajh/role/yx_bg01.gif) no-repeat left top;}
.xajh_role_yx_bg02{ background:url(../images/xajh/role/yx_bg02.gif) no-repeat left top;}
.xajh_role_yx_bg03{ background:url(../images/xajh/role/yx_bg03.gif) no-repeat left top;}
.xajh_role_yx_bg04{ background:url(../images/xajh/role/yx_bg04.gif) no-repeat left top;}

/*物品包裹*/

.xajh_role_bag, .xajh_role_fw{ height: 530px; padding: 15px; width: 445px;}
.xajh_role_bag .role_bag_top{  width:440px; height:auto; float:left; display:inline; color:#ffffff; padding-left:5px; margin-bottom:10px;}
.xajh_role_bag .role_bag_top table tr td{ height:20px; line-height:20px; color:#fff; text-align:left;}
.xajh_role_bag .role_bag_tit, .xajh_role_fw .role_fw_tit{ width:445px; height:20px; float:left; display:inline; color:#ffffff; line-height:20px;}

.xajh_role_bag .role_bag_content, .xajh_role_fw .role_fw_content, .xajh_role_fw .role_fw_content2 {
    display: inline;
    float: left;
    height: auto;
    width: 445px;
	margin-bottom:10px;
	margin-top:5px;
}
.xajh_role_bag .role_bag_content ul{
    display: inline;
    float: left;
    height: 210px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    width: 445px;
}

.xajh_role_fw .role_fw_content2 ul {
    display: inline;
    float: left;
    height: 125px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    width: 445px;
}

.xajh_role_fw .role_fw_content ul {
    display: inline;
    float: left;
    height: 40px;
    padding: 0;
    width: 445px;
}

.role_bag_content ul li, .role_fw_content ul li, .role_fw_content2 ul li {
    background: url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin:0 2px 2px 0;
	padding:2px;
	overflow: hidden;
}
.role_bag_content ul li.s2, .role_fw_content ul li.s2, .role_fw_content2 ul li.s2{
	background: url(../images/xajh/role/bag_icon_bg02.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin:0 2px 2px 0;
	padding:2px;}
.role_bag_content ul li img, .role_bag_content ul li.s2 img, .role_fw_content ul li img, .role_fw_content ul li.s2 img, .role_fw_content2 ul li img, .role_fw_content2 ul li.s2 img{
	margin:1px;
}

.icon_number{
    color: #FFFFFF;
    font-weight: bold;
    height: 18px;
    left: 10px;
    line-height: 18px;
    position: absolute;
    text-align: right;
    top: 20px;
    width: 25px;
}

.role_bag_money{ width:212px; height:20px; display:inline; background:#101f29; border:1px solid #3a5562; color:#dacea2; line-height:20px; padding:0 0 0 3px;}
.role_bag_money_item{ float:right; display:inline;}
.role_bag_money_item span{ float:right; display:inline; color:#ffffff;}
.role_bag_money_item i {
    display: inline;
    float: right;
    height: 15px;
    margin-top: 2px;
    width: 15px;
	padding-left:3px;
}
.icon_money01, .icon_money02, .icon_money03{ background:url(../images/xajh/role/icon_money_01.gif) no-repeat left top;}
.icon_money01{ background-position:0 0;}
.icon_money02{ background-position:-35px 0;}
.icon_money03{ background-position:-68px 0;}

.icon_money04, .icon_money05, .icon_money06{ background:url(../images/xajh/role/icon_money_02.gif) no-repeat left top;}
.icon_money04{ background-position:0 0;}
.icon_money05{ background-position:-34px 0;}
.icon_money06{ background-position:-68px 0;}

/*技能*/
.xajh_role_skill{ height: 350px; padding: 15px; width: 445px;}
.xajh_role_skill_tit{ width:445px; height:23px; float:left; display:inline; line-height:23px; color:#84979c; background:url(../images/xajh/role/tit_bg.gif) no-repeat left top;}
.xajh_role_skill_tit span{ text-align:right; padding-left:35px; float:left; display:inline;}

.xajh_role_skill .role_skill_content {
    display: inline;
    float: left;
    height: auto;
    width: 445px;
	margin-bottom:10px;
	margin-top:5px;
}

.role_skill_content ul li {
	float:left;
	display:inline;
	width:60px;
	height:75px;
	margin: 0 28px 0 18px;
}
.role_skill_content ul li .icons{
	background: url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin:10px 0 0 10px;
	padding:2px;
	overflow: hidden;}
.role_skill_content ul li .icons img{
	margin:1px;
}

.role_skill_content ul li .txt{ float:left; display:inline; height:20px; width:60px; line-height:20px; text-align:center; color:#fff;}

/*怒气*/
.xajh_role_skill_nq{ height: 110px; padding: 35px 15px 15px ; width: 445px;}
.xajh_role_skill_nq .role_skill_nq_l{ width:100px; height:80px; float:left; display:inline;}
.xajh_role_skill_nq .role_skill_nq_l h2{ padding:0px; margin:0px; float:left; display:inline; color:#058cff; font-size:14px; text-align:center; width:100px; line-height:22px;}
.xajh_role_skill_nq .role_skill_nq_l .nq_icon{ width:56px; height:56px; padding:2px; float:left; display:inline; background:url(../images/xajh/role/skill_icon_bg01.gif) no-repeat left top; margin:0 20px;}

.xajh_role_skill_nq .role_skill_nq_r{ width:330px; height:80px; float:right; display:inline; background:#1d343f; border:3px solid #203c4a; overflow-x:hidden; overflow-y:scroll;}
.xajh_role_skill_nq .role_skill_nq_r p{ padding:5px; color:#fff; line-height:18px; margin:0px;}

/*身法*/
.xajh_role_skill_sf{ height: 265px; padding: 15px; width: 445px;}
.xajh_role_skill_sf .role_skill_sf_tit{ width:445px; height:23px; float:left; display:inline;}
.xajh_role_skill_sf .role_skill_sf_tit ul li{ width:132px; height:23px; float:left; display:inline; color:#84979c; font-size:14px; font-weight:bold; text-align:center; line-height:23px; margin-right:5px; background:#183e48; border:1px solid #18535f;}
.xajh_role_skill_sf .role_skill_sf_content{ width:445px; height:232px; float:left; display:inline;  margin-top:15px; overflow-x:hidden; overflow-y:scroll;}
.xajh_role_skill_sf .role_skill_sf_content .role_skill_sf_item{ width:139px; height:auto; float:left; display:inline;}
.role_skill_sf_item ul li{ width:139px; height:44px; float:left; display:inline;  margin-bottom:15px; }
.role_skill_sf_item ul li .icons{ width:40px; height:40px; padding:2px; float:left; display:inline; background:url(../images/xajh/role/skill_icon_bg02.gif) no-repeat left top;}
.role_skill_sf_item ul li .txt{ width:90px; height:44px; padding:2px; float:left; display:inline; color:#ffffff; font-size:11px; line-height:22px;}
.role_skill_sf_item ul li .txt h2{ width:90px; height:22px; line-height:22px; font-size:14px; float:left; display:inline;}

/*秘笈*/
.xajh_role_skill_mj{ height: 245px; width: 445px; padding:15px; }
.xajh_role_skill_mj .role_skill_mj_l{ width:166px; height:245px; float:left; display:inline; background:url(../images/xajh/role/skill_mj_bg.gif) no-repeat left top; color:#fff;}
.xajh_role_skill_mj .role_skill_mj_l .mj_active_icons{ width:166px; height:225px; float:left; display:inline; position: relative; }
.xajh_role_skill_mj .role_skill_mj_l span{ padding:0 5px;}
.xajh_role_skill_mj .role_skill_mj_r{ width:265px; height:245px; float:right; display:inline; }
.role_skill_mj_r .mj_item{ float:left; display:inline;}
.role_skill_mj_r .mij_tit{ width:214px; height:20px; float:left; display:inline; background:url(../images/xajh/role/mj_tit_bg.gif) no-repeat left top; margin-left:26px; text-align:center; color:#ffffff; line-height:20px; }

.role_skill_mj_r .mij_content{ width:265px; height:82px; float:left; display:inline; margin-top:10px; }
.role_skill_mj_r .mij_content ul{width:265px; height:82px; float: left; display: inline; overflow-x: hidden; overflow-y: scroll; padding: 0; }
.role_skill_mj_r .mij_content ul li{
	background: url("../images/xajh/role/bag_icon_bg01.gif") no-repeat scroll left top ;
    display: inline;
    float: left;
    height: 36px;
    list-style: none outside none;
    margin: 0 1px 1px 0;
    overflow: hidden;
    padding: 2px;
    width: 36px;
	}
.role_skill_mj_r .mij_content ul li.s2{
	background: url("../images/xajh/role/mj_icon_bg.gif") no-repeat scroll left top ;
    display: inline;
    float: left;
    height: 36px;
    list-style: none outside none;
    margin: 0 1px 1px 0;
    overflow: hidden;
    padding: 2px;
    width: 36px;
	}
	
.mj_active01, .mj_active02, .mj_active03, .mj_active04, .mj_active05, .mj_active06{
	width:21px;
	height:21px;
	padding:2px;
    position: absolute;
	overflow:hidden;
	background:url(../images/xajh/role/mj_icon_bg01.gif) no-repeat left top;}
	
.mj_active07, .mj_active08, .mj_active09, .mj_active10, .mj_active11{
	width:21px;
	height:21px;
	padding:2px;
    position: absolute;
	overflow:hidden;
	background:url(../images/xajh/role/mj_icon_bg02.gif) no-repeat left top;}
	
.mj_active01{ left:5px; top:3px;}
.mj_active02{ left:5px; top:30px;}
.mj_active03{ left:50px; top:40px;}
.mj_active04{ left:75px; top:70px;}
.mj_active05{ left:95px; top:27px;}
.mj_active06{ right:15px; top:65px;}
.mj_active07{ left:55px; top:95px;}
.mj_active08{ left:32px; top:145px;}
.mj_active09{ left:12px; top:195px;}
.mj_active10{ right:38px; top:106px;}
.mj_active11{ right:21px; top:158px;}

/*生产*/
.xajh_role_product{width: 445px; padding:5px 15px; float:left; clear:both; }
.xajh_role_product .role_product_top{ width:445px; height:20px; float:left; display:inline; color:#efefef; line-height:20px;}
.xajh_role_product .role_product_top .product_bar {
    background-color: #101F29;
    border: 1px solid #12020D;
    display: inline;
    float: right;
    height: 8px;    
    line-height: 8px;
    padding: 1px;
    width: 400px;
	margin-top:5px;
}

.xajh_role_product .role_product_content{width:445px;float:left; display:inline; color:#efefef; margin-top:10px; }
.xajh_role_product .role_product_content ul li{ width:420px; height:50px; float:left; display:inline; border:2px solid #475c6c; margin-bottom:10px; padding:10px;}

.xajh_role_product .role_product_content ul li .pro_icon{ width:46px; height:48px; padding:2px; float:left; display:inline; background:url(../images/xajh/role/pro_icon_bg.gif) no-repeat left top; }
.xajh_role_product .role_product_content ul li .pro_txt{ height:50px; float:left; display:inline; margin-left:10px; color:#efefef; line-height:25px;}

.xajh_role_product .role_product_content ul li .pro_txt h2{ line-height:25px; font-size:14px;}

/*传送*/
.xajh_role_transmit{height: 470px; width: 455px; padding:0px 10px;}
.xajh_role_page{ width:445px; height:22px; cursor:pointer; float:left; display:inline;}
.xajh_role_page li, .xajh_role_page li.current{ widows:80px; height:22px; background:url(../images/xajh/role/page_bg.gif) no-repeat left top;}
.xajh_role_page li{ list-style:none; width:35px; height:22px; background-position:0px 0px; margin-right:3px; font-size:12px; color:#37749b; text-align:center; line-height:22px; float:left;cursor:pointer;}
.xajh_role_page li a, .xajh_role_page li a:link, .xajh_role_page li a:visited{ color:#37749b; text-decoration:none;}
.xajh_role_page li.current{width:35px; height:22px; background-position:-45px 0px; font-size:12px; margin-right:3px; color:#00d2ff;float:left;cursor:pointer;}

.xajh_role_transmit .role_transmit_content{ width:455px; height:430px; float:left; display:inline; margin-top:15px;}
.xajh_role_transmit .role_transmit_content ul li{ width:186px; height:40px; padding:15px; display:inline; border: 2px solid #475C6C; margin-bottom:15px; text-align:center;}

.xajh_role_transmit .role_transmit_content ul li .trans_icon{ width:36px; height:36px; padding:2px; float:left; display:inline; background:url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top; margin-left:20px;}
.xajh_role_transmit .role_transmit_content ul li .trans_icon img{ margin:0px; padding:0px; float:left; display:inline;}
.xajh_role_transmit .role_transmit_content ul li span{ color:#efefef; float:left; display:inline; padding:0 10px; line-height:40px;}

.xajh_role_transmit .role_transmit_content ul li.no-active{ width:196px; height:50px; padding:10px; display:inline; border: 2px solid #475C6C; margin-bottom:15px; text-align:center;}

/*门徒*/
.xajh_role_protege{height:457px; width:475px; padding:0px;}
.xajh_role_protege .xajh_role_protege_top{ height:40px; padding:5px 0;  width: 475px; float:left; display:inline;}
.protege_scroll_left, .protege_scroll_right{ margin-top:3px;} 
.protege_scroll_left{ width:40px; height:34px; float:left; display:inline;}
.protege_scroll_right{width:40px; height:34px; float:right; display:inline;}
.xajh_role_protege_icons{width:395px; height:40px; float:left; display:inline;overflow:hidden;}
.xajh_role_protege_icons ul li {
    background: url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin:0 0px 0px 8px;
	padding:2px;
	overflow: hidden;
}

.xajh_role_protege .role_protege_petrow{ width:475px; height:20px; float:left; display:inline; line-height:20px; margin-top:10px; color:#ffffff; margin-bottom:5px;}
.xajh_role_protege .role_protege_petrow span{ margin-right:25px;}

.xajh_role_protege .role_protege_content{ width:475px; height:372px; float:left; display:inline; }

.xajh_role_protege .role_protege_content .protege_content_left{ width:220px; height:372px; float:left; display:inline; }
.protege_content_left .protege_info_top{ width:210px; height:229px; padding:5px; float:left; display:inline; background:url(../images/xajh/role/mt_bg.gif) no-repeat left top;}

.protege_content_left .protege_info_top .protege_info_icons{ width:30px; height:229px; float:left; display:inline; }
.protege_info_icons ul li{ 
	background: url(../images/xajh/role/mt_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 26px;
    list-style: none;
    width: 26px;
	padding:2px;
	margin-bottom:3px;
	overflow: hidden;}
.protege_content_left .protege_info_top .protege_info_detail{ width:176px; height:229px; float:right; display:inline; }
.protege_content_left .protege_info_top .protege_info_detail .protege_info_row{ width:176px; height:25px; float:left; display:inline; line-height:20px; color:#ffffff; }
.protege_info_row .protege_star{ width:13px; height:12px; float:left; display:inline; margin-right:1px;}
.protege_info_detail .protege_big_icon{ width:36px; height:36px; padding:2px; float:left; display:inline; background:url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top; margin:0 0 75px 58px; _margin-bottom:69px;}

.protege_content_left .protege_info_bottom{ width:220px; height:123px; float:left; display:inline; margin-top:10px; }
.protege_info_bottom .protege_info_item{ width:220px; height:20px; float:left; display:inline; color:#fff; margin-top:3px; }
.protege_info_bottom .protege_info_item .protege_info_item_tit{ width:35px; height:20px; float:left; display:inline;  line-height:20px; text-align:left;}
.protege_info_bottom .protege_info_item .protege_info_bar{
	background-color: #101f29;
    border: 1px solid #12020d;
    display: inline;
    float: left;
    height: 8px;
    padding: 1px;
	line-height:8px;
	width: 180px;
	margin-top:5px;
}
.xajh_role_protege .role_protege_content .protege_content_right{ width:246px; height:372px; float:right; display:inline; }

.protege_content_right .protege_right_icons{ width:246px; height:83px; float:left; display:inline;}
.protege_right_icons ul li{
	background: url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin-right:1px;
	margin-bottom:2px;
	padding:2px;
	overflow: hidden;
	}
.protege_right_icons ul li.s2{
	background: url(../images/xajh/role/bag_icon_bg02.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin-right:1px;	
	padding:2px;
	overflow: hidden;
	}
.protege_content_right .protege_info_list{ width:246px; height:auto; float:left; display:inline; margin-top:8px;}

.protege_info_list .protege_skill_lable{ width:55px; height:40px; float:left; display:inline; color:#fff; line-height:40px;}
.protege_info_list .protege_skill_icons{ width:190px; height:40px; float:left; display:inline;}
.protege_skill_icons ul li{
	background: url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin-left:2px;
	margin-right:5px;
	margin-bottom:2px;
	padding:2px;
	overflow: hidden;
	}
.protege_skill_icons ul li.s2{
	background: url(../images/xajh/role/bag_icon_bg02.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin-left:2px;
	margin-right:5px;	
	padding:2px;
	overflow: hidden;
	}

.protege_info_list table tr.odd{ background-color:#343d46;}
.protege_info_list table tr.even { background-color:#2c3d4b;}

.protege_info_list table tr td{ height:20px; line-height:20px; color:#ffffff; text-align:left; border-bottom:2px solid #3d4f5d; padding-left:5px;}
.protege_info_list table tr td img{ float:left; display:inline; margin-top:2px; margin-left:2px;}


/*风物*/
.xajh_role_fw{ height: 500px; padding: 15px; width: 445px;}
.fw_mt{ margin-top:15px;}
.xajh_role_fw .xajh_fw_fwtj{
	height: auto;
    padding: 3px 0;
	margin-top:15px;
    width: 445px;
	float:left;
	display:inline;
	}
	
.xajh_fw_fwtj_icons{ width:445px; height:195px;}
.xajh_fw_fwtj_icons ul li{ width:70px; height:89px; float:left; display:inline; margin-right:15px; margin-bottom:10px; }
.xajh_fw_fwtj_icons ul li .iconbg{ width:64px; height:64px; padding:3px; background:url(../images/xajh/role/fw_icon_bg.gif) no-repeat left top;}
.xajh_fw_fwtj_icons ul li .iconbg02{ width:64px; height:64px; padding:3px; background:url(../images/xajh/role/fw_icon_bg02.gif) no-repeat left top;}
.xajh_fw_fwtj_icons ul li img{border: medium none; display: inline; float: left;}
.xajh_fw_fwtj_icons ul li .text{ line-height:25px; color:#ffffff; text-align:center; height:25px; float:left; display:inline; width:64px;}


.role_fw_tit{ width:445px; height:20px; float:left; display:inline; color:#ffffff; line-height:20px;}

.xajh_fw_fwtj_icons ul{
	 display: inline;
    float: left;
    height:195px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    width: 445px;
}

/*门徒*/
.xajh_role_pet{height:457px; width:480px; padding:0px;}
.xajh_role_pet .xajh_role_pet_top{ height:40px; padding:5px 0;  width: 475px; float:left; display:inline;}
.pet_scroll_left, .pet_scroll_right{ margin-top:3px;} 
.pet_scroll_left{ width:40px; height:34px; float:left; display:inline;}
.pet_scroll_right{width:40px; height:34px; float:right; display:inline;}
.xajh_role_pet_icons{width:395px; height:40px; float:left; display:inline;overflow:hidden;}
.xajh_role_pet_icons ul li {
    background: url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin:0 0px 0px 8px;
	padding:2px;
	overflow: hidden;
}

.xajh_role_pet .role_pet_petrow{ width:475px; height:20px; float:left; display:inline; line-height:20px; margin-top:10px; color:#ffffff; margin-bottom:5px;}
.xajh_role_pet .role_pet_petrow span{ margin-right:85px;}

.xajh_role_pet .role_pet_content{ width:480px; height:372px; float:left; display:inline; }

.xajh_role_pet .role_pet_content .pet_content_left{ width:220px; height:372px; float:left; display:inline; }
.pet_content_left .pet_info_top{ width:226px; height:297px; float:left; display:inline; background:url(../images/xajh/role/pet_bg.png) no-repeat left top;}

.pet_content_left .pet_info_top .pet_info_icons{ width:30px; height:229px; float:left; display:inline; }
.pet_info_icons ul li{ 
	background: url(../images/xajh/role/mt_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 26px;
    list-style: none;
    width: 26px;
	padding:2px;
	margin-bottom:3px;
	overflow: hidden;}
.pet_content_left .pet_info_top .pet_info_detail{ width:176px; height:229px; float:left; display:inline; }
.pet_content_left .pet_info_top .pet_info_detail .pet_info_row{ width:176px; height:25px; float:left; display:inline; line-height:20px; color:#ffffff; }
.pet_info_row .pet_star{ width:15px; height:15px; float:left; display:inline; margin-right:1px;}
.pet_info_detail .pet_big_icon{ width:36px; height:36px; padding:2px; float:left; display:inline; background:url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top; margin:105px 0 0px 100px; _margin-bottom:69px;}

.pet_content_left .pet_info_bottom{ width:220px; height:123px; float:left; display:inline; margin-top:10px; }
.pet_info_bottom .pet_info_item{ width:220px; height:20px; float:left; display:inline; color:#fff; margin-top:3px; }
.pet_info_bottom .pet_info_item .pet_info_item_tit{ width:35px; height:20px; float:left; display:inline;  line-height:20px; text-align:left;}
.pet_info_bottom .pet_info_item .pet_info_bar{
	background-color: #101f29;
    border: 1px solid #12020d;
    display: inline;
    float: left;
    height: 8px;
    padding: 1px;
	line-height:8px;
	width: 180px;
	margin-top:5px;
}
.xajh_role_pet .role_pet_content .pet_content_right{ width:246px; height:372px; float:right; display:inline; }

.pet_content_right .pet_right_icons{ width:245px; height:112px; margin-top:8px; background: url(../images/xajh/role/pet_equip_bg.png) no-repeat left top; float:left; display:inline;}
.pet_content_left .pet_left_icons{ width:235px; height:30px; float:left; display:inline;margin-top:2px;}
.pet_right_icons ul{overflow:hidden; margin-left:30px;margin-top:15px;}
.pet_right_icons ul li{
	background: url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin-right:30px;
	margin-bottom:2px;
	padding:2px;
	overflow: hidden;
	}
.pet_right_icons ul li.s2{
	background: url(../images/xajh/role/bag_icon_bg02.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin-right:1px;	
	padding:2px;
	overflow: hidden;
	}
	
	.pet_left_icons ul li{
	background: url(../images/xajh/role/mt_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 26px;
    list-style: none;
    width: 26px;
	margin-right:3px;
	margin-bottom:2px;
	padding:2px;
	overflow: hidden;
	}
.pet_content_right .pet_info_list{ width:246px; height:auto; float:left; display:inline; margin-top:11px;}

.pet_info_list .pet_skill_lable{ width:55px; height:40px; float:left; display:inline; color:#fff; line-height:40px;}
.pet_info_list .pet_skill_icons{ width:190px; height:40px; float:left; display:inline;}
.pet_skill_icons ul li{
	background: url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin-left:2px;
	margin-right:5px;
	margin-bottom:2px;
	padding:2px;
	overflow: hidden;
	}
.pet_skill_icons ul li.s2{
	background: url(../images/xajh/role/bag_icon_bg02.gif) no-repeat left top;
    display: inline;
    float: left;
    height: 36px;
    list-style: none;
    width: 36px;
	margin-left:2px;
	margin-right:5px;	
	padding:2px;
	overflow: hidden;
	}

.pet_info_list table tr.odd{ background-color:#343d46;}
.pet_info_list table tr.even { background-color:#2c3d4b;}

.pet_info_list table tr td{ height:20px; line-height:20px; color:#ffffff; text-align:left; border-bottom:2px solid #3d4f5d; padding-left:5px;}
.pet_info_list table tr td img{ float:left; display:inline; margin-top:2px; margin-left:2px;}

.pet_info_title {width:246px;font-size:12px;line-height:12px;color:#ffffff;margin-left:2px;float:left;margin-top:10px;}

.pet_info_title .pet_info_title_right {float:right;}
.pet_info_title .pet_info_title_left {float:left;}

.pet_content_right .pet_gift_contain{ width:245px; height:49px; margin-top:5px; background: url(../images/xajh/role/pet_gift_bg.png) no-repeat left top; float:left; display:inline;}

.pet_gift_contain .pet_gift_icon{ background:url(../images/xajh/role/bag_icon_bg01.gif) no-repeat left top;float:left;width:40px;height:40px;margin:4px 0px 0px 30px;}

.pet_gift_contain .pet_gift_info{color:#ffffff;list-style:none;margin-top:5px;float:left;margin-left:10px;}

.pet_gift_level{margin-top:5px;}

/*法阵新增*/

.xajh_role_fazhen_top{height:340px;width:475px;}
.fazhen_plate{height:340px;width:104px;float:left;}
.fazhen_plate_imgContain{width:64px;height:64px;position:relative;left:20px; top:15px;background:url(../images/xajh/role/fw_icon_bg.gif) no-repeat left top;}
.fazhen_stone{height:340px;float:right;width:370px;position:relative;background:url(../images/xajh/role/fazhen_bg.png) no-repeat 40px 40px;}
.fazhen_stone div{width:38px;height:38px;background:url(../images/xajh/role/bg38.png) no-repeat left top;position:absolute;}
.stone_pos_1{top:40px;left:20px;}
.stone_pos_2{bottom:40px;left:20px;}
.stone_pos_3{top:65px;left:85px;}
.stone_pos_4{bottom:65px;left:85px;}
.stone_pos_5{top:40px;left:150px;}
.stone_pos_6{top:115px;left:150px;}
.stone_pos_7{bottom:115px;left:150px;}
.stone_pos_8{bottom:40px;left:150px;}
.stone_pos_9{top:65px;left:215px;}
.stone_pos_10{bottom:65px;left:215px;}
.stone_pos_11{top:40px;left:280px;}
.stone_pos_12{bottom:40px;left:280px;}

.xajh_role_fazhen_bottom{width:445px; margin-left:15px;margin-bottom:15px;}
.fazhen_jiachi_title{width:425px;height:20px;line-height:20px;font-size:14px;color:#00d2ff;background-color:#18424D;border-bottom:#185C69 1px solid;border-top:#185C69 1px solid;padding-left:20px;}
.jiachi_star{overflow:hidden;margin-top:15px;}
.start_contain {float:left;color:#5E757C;margin-left:20px;}
.star_num{width:31px;text-align:center;margin-top:10px;}
.star_img{width:31px;height:31px;}
.star_white{background:url(../images/xajh/role/fazhen_star_white.png) no-repeat 3px 3px;}
.star_blue{background:url(../images/xajh/role/fazhen_star_blue.png) no-repeat 3px 3px;}
.star_green{background:url(../images/xajh/role/fazhen_star_green.png) no-repeat 3px 3px;}
.star_red{background:url(../images/xajh/role/fazhen_star_red.png) no-repeat 3px 3px;}

.jiachi_info{width:445px;color:#ffffff;margin-top:10px;height:120px;overflow-y:scroll;overflow-x:hidden;}
.jiachi_item{overflow:hidden;margin-bottom:4px;}
.jiachi_item div{float:left;height:20px;line-height:20px;}
.active{color:#558019}

.jiachi_num{width:31px;margin-right:20px;text-align:center;}
.jiachi_even{background-color:#3D4F5D;}
.jiachi_odd{background-color:#343D46;}
.jiachi_desc_1{width:85px;margin-right:20px;text-align:center;}
.jiachi_desc_2{width:60px;margin-right:20px;text-align:center;}