@charset "utf-8";
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear::after{
    content: "";
    display: block;
    clear: both;
}

/* 角色标签共用样式 */
.ej_role_out{width:505px; margin:20px auto; padding:0; clear:both;}
.ej_role_class,.ej_role_class li,.ej_role_class .ej_role_current,.ej_role_bot,.role_title li,.role_title.select,.role_top,.role_mid,.role_bot,.ys_tit,.bz_tit{width:395px;background: url(../../images/role/role.gif?v=1.01) no-repeat;}
.role_title_2 li,.role_title_2.select{width:395px;background: url(../../images/role/role_tab_2.gif) no-repeat;}
.ej_role_class,.ej_role_mid,.ej_role_bot{width:505px;}

.ej_role_class{width:505px;height:36px;background-position:0 0;cursor:pointer;color:#fff;}
.ej_role_class li{ list-style:none; width:78px; height:28px; background-position:0 -69px; margin-right:3px; font-size:12px; color:#fff; text-align:center; line-height:28px; float:left;cursor:pointer;}
.ej_role_class .ej_role_current{width:78px; height:28px; background-position:-87px -69px;font-size:12px; margin-right:3px;color:#ffe401;float:left;cursor:pointer; }
.ej_role_mid{height:100%;background: url(../../images/role/ej_role_02bg.gif?v=1.01) repeat-y left top; margin:0; padding:0; float:left; clear:both;}
.ej_role_bot{ font-size:1px; height:9px; background-position:0 -49px;clear:both;}

/* 人物属性*/
.role_share{ width:465px; height:auto; margin:10px 22px;  padding:0; float:left; display:inline;}
.role_title li{list-style:none;width:55px;height:22px;line-height:23px; color:#fff; text-align:center; font-size:12px; font-weight:normal;background-position:0 -106px; margin-right:3px; float:left; cursor:pointer;}
.role_title li a,.role_title li a:link,.role_title li a:visited{color:#fff;}
.role_title li a:hover{color:#ffe400;}
.role_title .select{list-style:none;width:55px;height:22px;line-height:23px; color:#f9e329; text-align:center; font-size:12px; font-weight:normal;background-position:-59px -106px; margin-right:3px; float:left;}
.role_title .select a,.role_title .select a:link,.role_title .select a:visited{color:#f9e329;}
.role_title .select a:hover{color:#f9e329;}

.role_title_2 li{list-style:none;width:45px;height:22px;line-height:23px; color:#fff; text-align:center; font-size:12px; font-weight:normal;background-position:0 -106px; margin-right:1px; float:left; cursor:pointer;}
.role_title_2 li a,.role_title_2 li a:link,.role_title_2 li a:visited{color:#fff;}
.role_title_2 li a:hover{color:#ffe400;}
.role_title_2 .select{list-style:none;width:45px;height:22px;line-height:23px; color:#f9e329; text-align:center; font-size:12px; font-weight:normal;background-position:-59px -106px; margin-right:3px; float:left;}
.role_title_2 .select a,.role_title_2 .select a:link,.role_title_2 .select a:visited{color:#f9e329;}
.role_title_2 .select a:hover{color:#f9e329;}

.role_top{width:465px;height:12px; background-position:0 -141px;font-size:1px;clear:both;}
.role_mid{width:465px;background: url(../../images/role/role_mid.gif?v=1.01) repeat-y left top; float:left; clear:both;}
.role_bot{width:465px;height:12px; background-position:0 -161px;clear:both;}

.sw_out_con{width:95%; margin:0 10px 5px 10px; padding:0; float:left;clear:both; display:inline;}

/* 属性  基本属性*/
.jbsx_con{width:98%; margin-top:10px;padding-left:5px;float:left;}
.jbsx_con ul{ width:100%; float:left;clear:both;}
.jbsx_con li{ width:50%;list-style:none; line-height:18px; color:#fff; text-align:left; margin:0; padding:0; float:left;}
.jbsx_left_wid{width:110px; margin:0; padding:0;}
.jbsx_font{color:#5eeeff; text-align:left;}

.jbsx_info{ width:100%; margin:10px 0; padding:0; float:left; clear:both;}
.jbsx_pic{width:45px; height:45px;background: url(../../images/role/jbsx_pic_bg.gif?v=1.01) no-repeat left top;margin:5px 0;padding:0; float:left; }
.jbsx_pic img{ padding:5px;}

.jbsx_rig_info{width:270px;margin:0 0 0 10px;float:left;}
.jbsx_rig_info ul{width:100%; float:left;clear:both;}
.jbsx_rig_info li{list-style:none; line-height:18px; color:#fff; text-align:left; margin:0; padding:0; float:left;}
.jbsx_right_wid{width:180px; margin:0; padding:0;}


/* 属性  声望*/
.sw_tit{width:100%; height:24px;/*background-position:10px -183px;*/ text-align:center; font-size:13px; font-weight:bold; line-height:24px; color:#ffe401; margin:0 auto 5px auto; clear:both;}
.sw_area{width:210px; float:left;}
.sw_area h2{height:25px; line-height:25px; font-weight:bold;/*padding-top:18px;*/font-size:13px; color:#ffe401; text-align:left; clear:both;}
.sw_info{ width:100%;  height:auto;margin:0 auto; padding:0; float:left;clear:both;}
.sw_info h1{width:25px;height:25px; line-height:25px; padding:0;font-size:12px; font-weight:normal; color:#fff; text-align:right; padding-right:5px;float:left;}
.sw_font{width:120px; margin-top:5px;float:right; display:inline;}
.sw_2font{ width:115px; position:absolute; height:14px;text-align:right; line-height:14px; color:#5eeeff; margin-right:5px;float:right; }
.sw_bar{font-size:10px; height:10px;background:url(../../images/role/sw_bar_bg.gif?v=1.01) repeat-x left center; border:1px solid #377483;clear:both;}
.sw_level{font-size:10px;height:10px;background:url(../../images/role/sw_level.gif?v=1.01) repeat-x left center;}

/* 属性  尊号*/
.ch{width:95%; height:100%; margin:0; padding:10px;clear:both;}
.ch ul{width:100%;float:left; clear:both;}
.ch ul li{width:100%;list-style:none;font-size:13px; color:#fff; text-align:left;line-height:24px;padding-left:15px; float:left;clear:both;}
.ch .name{width:100%;list-style:none;font-size:13px; color:#ffbc3c; text-align:left;margin:0;padding:0 0 0 15px;  float:left;clear:both;}
.add_plus,.add_minus{width:10px;height:24px;float:left;overflow:hidden; cursor:pointer; margin-right:5px;}
.add_plus{background:url(../../images/role/-ico.gif?v=1.01) no-repeat left center;}
.add_minus{background:url(../../images/role/+ico.gif?v=1.01) no-repeat left center;}

/* 属性  元神*/
.ys_tit{width:100%; height:24px;background-position:10px -183px; text-align:center;line-height:24px; color:#fff; margin:0 auto 5px auto; clear:both;}
.ys_info{width:100%; margin:0; padding:0; clear:both;}
.ys_info ul{ width:100%; float:left;clear:both;}
.ys_info li{list-style:none; line-height:22px; color:#5eeeff; float:left;}
.ys_info .ys_left_wid{width:200px; text-align:right;color:#fff; float:left;}
.ys_info .ys_2left_wid{width:65px; text-align:right;color:#fff; float:left;}

/* 属性  装备 */
.role_equip,.role_2equip,.role_fashion,.role_2fashion{width:50px;display:inline;}
.role_equip,.role_fashion{ padding:0 3px 10px 8px; margin-left:20px; float:left;margin-top: 52px;}
.role_equip li,.role_2equip li,.role_fashion li,.role_2fashion li{list-style:none;width:46px; height:46px;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top; margin:4px 0; clear:both;}
.role_2equip,.role_2fashion{ padding:0 8px 10px 3px; margin-right:15px;float:right;margin-top: 52px;}
.role_equip li img,.role_2equip li img,.role_3equip li img,.role_4equip li img,.role_fashion li img,.role_fa_equip li img,.role_2fashion li img{margin:6px;}

.role_equip_zd{width:270px; margin:0; padding:0; float:left;}

.role_3equip{width:100%; margin-top: calc( 405px + 52px ); float:left;clear:both;}
.role_4equip{margin-top:4px; float:left;clear:both;}
.role_3equip li,.role_4equip li,.role_fa_equip li{list-style:none;width:45px; height:45px;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top; margin:0 11px; display:inline; float:left;}
.role_fashion{ margin-top:230px;}
.role_2fashion{ margin-top:280px;_margin-top:282px;}
.role_fa_equip{width:224px; margin-top:284px; _margin-top:286px; float:left;clear:both;}
.role_woman,.role_man{ width:100%;height:460px; clear:both;}
.role_woman{background:url(../../images/role/bg_woman.gif?v=1.01) no-repeat center center;}
.role_man{background:url(../../images/role/bg_man.gif?v=1.01) no-repeat center 60px;}

/* 属性 四灵 */
.property_siling{
    width:210px;
    float:left;
    box-sizing: border-box;
    padding: 10px;
}
.property_siling_tit,.property_siling_rate{
    color: #fff;
    line-height: 16px;
}
.property_siling_list{
    width: 180px;
    height: 120px;
    background: #ccc;
}
.ruiling{

}
.ruiling p{
    color: #f9e329;
    margin: 5px 0;
    margin-left: 12px;
}

/* 外观 - 其它外饰 */
.new_look_box{
    padding: 10px;
    box-sizing: border-box;
}
.new_look_item{
    padding-left: 20px;
    margin-bottom: 15px;
}
.new_look_item_title{
    font-size: 12px;
    color: #ffe400;
    margin-bottom: 5px;
}
.new_look_child{
    max-height: 154px;
    overflow-y: auto;
}
.new_look_child::-webkit-scrollbar-thumb {
    background: rgb(86 161 191);
    border-radius: 5px;
}
.new_look_child::-webkit-scrollbar{
    width: 10px;
} 
.new_look_child::-webkit-scrollbar-track{
    border-radius: 5px;
    background-color: #115a77;
}
.new_look_child .outlook_img{
    margin-top: 0;
}
.liuying_item{

}
.liuying_item p{
    color: #fff;
    margin-left: 5px;
}

/* 物品包裹 */
.role_num_bag{width:93%; height:20px;text-align:left;color:#fff; font-size:12px;clear:both;}
.role_bag{width:220px; padding:0 5px; height:22px; margin:0 auto; }
.role_bag li{list-style:none;width:40px; height:22px; /*background: url(../../images/role/zb_pic_bg.gif) no-repeat left top;*/ margin-right:4px; font-size:12px; color:#fff; text-align:center; line-height:22px; float:left;cursor:pointer;}
.role_bag .bag_current{width:45px; height:22px; background-position:0 -225px;font-size:12px; color:#f9e329;}

.role_pic_bag{width:430px;height:305px;margin:5px 0 15px 0;overflow-x:hidden; overflow-y:auto;scrollbar-face-color:#dbebfe;scrollbar-shadow-color:#b8d6fa;scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#dbebfe;scrollbar-darkshadow-color:#458ce4;scrollbar-track-color:#0a6e81;scrollbar-arrow-color:#458ce4;}
.role_pic_bag ul{display:inline-block;width:100%;}
.role_pic_bag li{list-style:none;width:45px; height:45px;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top;margin:3px; overflow:hidden; float:left;}
.role_pic_bag li img{ margin:5px; }
.role_game_coin{wdith:100%;height:auto; margin:5px 10px; color:#fff; text-align:left; float:left; clear:both; display:inline;}
.role_game_coin img{ vertical-align:middle; text-align:left; padding:0 10px;}
.role_game_coin li{list-style:none;font-size:12px; font-weight:normal;height:22px; line-height:22px;color:#fff; text-align:left; clear:both;}

.ico_number{width:25px; height:10px; text-align:left; top:26px; left:8px; position:absolute; font-size:12px; color:#fff;}
.wp_font{width:100px; color:#fedc40; text-align:right;}
.wp_num{color:#5eeeff; }

/* 技能 */
/*.skill_info{width:100%; float:left; clear:both;}
.skill_info dl{ width:49.5%; margin:0 0 5px 0; padding:0;float:left;}
.skill_info dt{width:46px; height:46px;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top; margin:0 15px; float:left;font-size:0;}
.skill_info dt img{padding:8px;}
.skill_info dd{ width:90px;font-size:12px; line-height:22px; color:#e1e1e1; text-align:left;float:left;}*/
.skill_tit{ width:100%; height:22px; margin:0; padding:0; clear:both;}
.skill_tit li{list-style:none; width:65px; height:22px; line-height:22px; color:#fff; text-align:center;background: url(../../images/role/skill_tit_line.gif) no-repeat right top; float:left; cursor:pointer;}
.skill_tit .current{width:65px; height:22px; line-height:22px; color:#fcff00; text-align:center;background: url(../../images/role/skill_tit_current.gif) no-repeat center top; }
.skill_share_area{ width:100%; height:380px;background: url(../../images/role/role_share_bg.gif?v=1.01) no-repeat center top;   padding:0; clear:both;position:relative;}
/*技能  造化  道术 */
.skill_1img,.skill_2img,.skill_3img,.skill_4img,.skill_5img,.skill_6img,.skill_7img,.skill_8img,.skill_9img,.skill_10img,.skill_11img{width:45px;height:45px;position:absolute;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top;}
.skill_1img img,.skill_2img img,.skill_3img img,.skill_4img img,.skill_5img img,.skill_6img img,.skill_7img img,.skill_8img img,.skill_9img img,.skill_10img img,.skill_11img img{ padding:5px;}
.skill_1img{top:5px; left:200px;}
.skill_2img{top:30px; left:120px;}
.skill_3img{top:30px; left:280px;}
.skill_4img{top:100px; left:90px;}
.skill_5img{top:100px; left:200px;}
.skill_6img{top:100px; left:310px;}
.skill_7img{top:170px; left:120px;}
.skill_8img{top:190px; left:200px;}
.skill_9img{top:170px; left:300px;}
.skill_10img{top:260px; left:200px;}
.skill_11img{top:330px; left:200px;}
/* 技能 造化  魔劫 */
.skill_mj_1img,.skill_mj_2img,.skill_mj_3img,.skill_mj_4img,.skill_mj_5img,.skill_mj_6img,.skill_mj_7img,.skill_mj_8img,.skill_mj_9img,.skill_mj_10img,.skill_mj_11img{width:45px;height:45px;position:absolute;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top;}
.skill_mj_1img img,.skill_mj_2img img,.skill_mj_3img img,.skill_mj_4img img,.skill_mj_5img img,.skill_mj_6img img,.skill_mj_7img img,.skill_mj_8img img,.skill_mj_9img img,.skill_mj_10img img,.skill_mj_11img img{ padding:5px;}
.skill_mj_1img{top:5px; left:70px;}
.skill_mj_2img{top:5px; left:330px;}
.skill_mj_3img{top:70px; left:100px;}
.skill_mj_4img{top:70px; left:300px;}
.skill_mj_5img{top:140px; left:70px;}
.skill_mj_6img{top:140px; left:330px;}
.skill_mj_7img{top:210px; left:120px;}
.skill_mj_8img{top:210px; left:280px;}
.skill_mj_9img{top:260px; left:200px;}
.skill_mj_10img{top:310px; left:120px;}
.skill_mj_11img{top:310px; left:280px;}
/*技能  造化  佛法 */
.skill_ff_1img,.skill_ff_2img,.skill_ff_3img,.skill_ff_4img,.skill_ff_5img,.skill_ff_6img,.skill_ff_7img,.skill_ff_8img,.skill_ff_9img,.skill_ff_10img,.skill_ff_11img{width:45px;height:45px;position:absolute;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top;}
.skill_ff_1img img,.skill_ff_2img img,.skill_ff_3img img,.skill_ff_4img img,.skill_ff_5img img,.skill_ff_6img img,.skill_ff_7img img,.skill_ff_8img img,.skill_ff_9img img,.skill_ff_10img img,.skill_ff_11img img{ padding:5px;}
.skill_ff_1img{top:5px; left:200px;}
.skill_ff_2img{top:30px; left:110px;}
.skill_ff_3img{top:30px; left:290px;}
.skill_ff_4img{top:100px; left:70px;}
.skill_ff_5img{top:100px; left:330px;}
.skill_ff_6img{top:170px; left:90px;}
.skill_ff_7img{top:170px; left:200px;}
.skill_ff_8img{top:170px; left:310px;}
.skill_ff_9img{top:250px; left:110px;}
.skill_ff_10img{top:250px; left:290px;}
.skill_ff_11img{top:310px; left:200px;}

.skill_share_pic{ width:95%; margin:10px 8px; padding:0; float:left; clear:both;}
.skill_share_pic h2{height:25px; line-height:25px; font-weight:bold;font-size:13px; color:#ffe401; text-align:left; clear:both;}
.skill_share_pic li{ list-style:none;width:45px;height:45px;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top; margin:4px 16px; float:left; display:inline;}
.skill_share_pic img{padding:5px;}
/*技能 神通 */
.skill_st{width:100%; margin:0 auto; padding:0; clear:both;}
.skill_st_info{width:100%; margin:10px auto; padding:0; clear:both;}
.skill_st_info li{list-style:none; height:22px; line-height:22px; color:#fff; padding-left:20px; float:left;}
.skill_td_area,.skill_xs_area,.skill_cd_area{ width:100%; height:380px; margin:0 auto; padding:0; clear:both;position:relative;}
.skill_td_area{background: url(../../images/role/skill_td_bg.gif?v=1.01) no-repeat center top; }
.skill_xs_area{background: url(../../images/role/skill_xs_bg.gif?v=1.01) no-repeat center top; }
.skill_cd_area{background: url(../../images/role/skill_cd_bg.gif?v=1.01) no-repeat center top; }
.skill_st_1img,.skill_st_2img,.skill_st_3img,.skill_st_4img,.skill_st_5img,.skill_st_6img,.skill_st_7img,.skill_st_8img,.skill_st_9img,.skill_st_10img,.skill_st_11img,.skill_st_12img,.skill_st_13img,.skill_st_14img,.skill_st_15img,.skill_st_16img{width:45px;height:45px;position:absolute;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top;}
.skill_st_1img img,.skill_st_2img img,.skill_st_3img img,.skill_st_4img img,.skill_st_5img img,.skill_st_6img img,.skill_st_7img img,.skill_st_8img img,.skill_st_9img img,.skill_st_10img img,.skill_st_11img img,.skill_st_12img img,.skill_st_13img img,.skill_st_14img img,.skill_st_15img img,.skill_st_16img img{ padding:5px;}
.skill_st_1img{top:10px; left:150px;}
.skill_st_2img{top:10px; left:260px;}
.skill_st_3img{top:80px; left:80px;}
.skill_st_4img{top:80px; left:160px;}
.skill_st_5img{top:80px; left:240px;}
.skill_st_6img{top:80px; left:320px;}
.skill_st_7img{top:150px; left:65px;}
.skill_st_8img{top:150px; left:150px;}
.skill_st_9img{top:150px; left:250px;}
.skill_st_10img{top:150px; left:340px;}
.skill_st_11img{top:220px; left:80px;}
.skill_st_12img{top:220px; left:160px;}
.skill_st_13img{top:220px; left:240px;}
.skill_st_14img{top:220px; left:320px;}
.skill_st_15img{top:300px; left:150px;}
.skill_st_16img{top:300px; left:260px;}

/*技能 师徒 */
.skill_shitu_1img,.skill_shitu_2img,.skill_shitu_3img,.skill_shitu_4img,.skill_shitu_5img,.skill_shitu_6img,.skill_shitu_7img{width:45px;height:45px;position:absolute;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top;}
.skill_shitu_1img img,.skill_shitu_2img img,.skill_shitu_3img img,.skill_shitu_4img img,.skill_shitu_5img img,.skill_shitu_6img img,.skill_shitu_7img img{ padding:5px;}
.skill_shitu_1img{top:15px; left:200px;}
.skill_shitu_2img{top:40px; left:300px;}
.skill_shitu_3img{top:90px; left:250px;}
.skill_shitu_4img{top:140px; left:200px;}
.skill_shitu_5img{top:200px; left:160px;}
.skill_shitu_6img{top:260px; left:120px;}
.skill_shitu_7img{top:320px; left:95px;}

/*技能 其它 */
.skill_other{width:100%; height:140px; margin:10px auto; padding:0;clear:both; position:relative;}
.skill_other h2{height:25px; line-height:25px; font-weight:bold;font-size:13px; color:#ffe401; text-align:left; padding-left:15px; clear:both;}
.skill_other_1img,.skill_other_2img,.skill_other_3img,.skill_other_4img,.skill_other_5img{width:45px;height:45px;position:absolute;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top;}
.skill_other_1img img,.skill_other_2img img,.skill_other_3img img,.skill_other_4img img,.skill_other_5img img{ padding:5px;}
.skill_other_1img{top:15px; left:140px;}
.skill_other_2img{top:80px; left:20px;}
.skill_other_3img{top:80px; left:100px;}
.skill_other_4img{top:80px; left:180px;}
.skill_other_5img{top:80px; left:260px;}

/* 宠物 */
.pet_picture{ width:476px; height:75px; margin:0 5px 10px 5px; padding:0;clear:both;}
.pet_pic_left,.pet_pic_right{ width:16px; height:75px; float:left; cursor:pointer; }
.pet_pic_left{background-image:url(../../images/role/pet_pic_left.gif);}
.pet_pic_right{background-image:url(../../images/role/pet_pic_right.gif);}
.left_no{background-image:url(../../images/role/pet_pic_2left.gif); cursor:default;}
.right_no{background-image:url(../../images/role/pet_pic_2right.gif);cursor:default;}


/* 誓印 */
.shiyin_list{
    width: 100%;
    margin: 0 auto;
}
.shiyin_title{
    font-size: 16px;
    color: #ffe400;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}
.shiyin_table_head_td1{
    width: 120px;
}
.shiyin_table_head_td2,.shiyin_table_body_td2{
    width: 110px;
    padding-left: 70px;
}
.shiyin_table{
}
.shiyin_table td{
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.pet_pic_info{width:443px; height:73px; background-color:#71a8b8; padding:1px 0px;float:left; display:inline; overflow:hidden; }
.pet_pic_info dl{width:45px; margin:6px 5px 0 5px; padding:0; float:left; display:inline;clear:none;}
.pet_pic_info dt{width:45px; height:45px;background:url(../../images/role/zb_pic_bg.gif) no-repeat left center; margin:0; padding:0; float:left;}
.pet_pic_info dt img{padding:6px;cursor:pointer;}
.pet_pic_info dd{width:45px;font-size:12px;color:#fff; line-height:18px; text-align:center;}
.pet_pic_info .select{width:45px; height:45px;background:url(../../images/role/hw_pic_bg.gif) no-repeat center center; }

.jb_con{width:115px; margin:0;padding-left:5px;float:left;}
.jb_con ul{ width:100%; float:left;clear:both;}
.jb_con li{ width:100%;list-style:none; line-height:18px; color:#fff; text-align:left; margin:0; padding:0; float:left;}
.jb_left_wid{width:110px; margin:0; padding:0;}
.jb_font{color:#5eeeff; text-align:left;}

.jb_2con{width:125px; padding:0;float:left;}
.jb_2con h2{font-size:13px; color:#ffe401; text-align:left; line-height:20px;clear:both;}
.jb_2con li{ width:100%;list-style:none; line-height:16px; color:#fff; text-align:left; margin:0; padding:0; float:left;}


.pet_out{width:100%; float:left; clear:both;}
.pet_con{width:48%; margin:0; padding:0; float:left;}
.pet_con h2{font-size:13px; color:#ffe400; font-weight:bold;text-align:left; line-height:30px;padding-left:5px; display:inline;clear:both;}
.pet_con ul{ width:100%; float:left;clear:both;}
.pet_con li{list-style:none; line-height:22px; color:#fff; text-align:left; padding-left:10px; display:inline; float:left;}
.fe_line{font-size:4px; height:4px; background:url(../../images/role/fg_line.gif) repeat-x left center; margin:5px auto; clear:both;}
.fe_2line{font-size:4px; width:4px; background:url(../../images/role/fg_2line.gif) repeat-y left top; margin:0 8px; float:left;}
.fe_3line{font-size:4px; height:4px; background:url(../../images/role/fg_3line.gif) repeat-x left center; margin:0 5px; float:left;}
.fe_4line{width:5px; height:360px; background:url(../../images/role/pet_shu_line.gif) no-repeat left top; margin-right:10px; float:left;}
.fe_5line{font-size:5px;width:100px; height:5px; background:url(../../images/role/pet_1line.gif) no-repeat left top; margin:8px auto; float:left;}
.fe_6line{font-size:5px;width:4px; height:155px; background:url(../../images/role/pet_shu_2line.gif) no-repeat left top; margin:0 6px 0 3px; float:left;}

.pet_skill_pic{width:180px; float:right; clear:both;}
.pet_skill_pic li{list-style:none;width:36px; height:36px;background: url(../../images/role/pet_skill_pic.gif) no-repeat left top;margin:2px 4px; padding:0;float:left;font-size:0;line-height:0;}
.pet_skill_pic li img{marign:0;padding:0;}


.pet_xg{ width:100%;  height:auto;margin:0 auto; padding:0; float:left;clear:both;}
.pet_xg h1{width:30px; height:24px; line-height:24px; font-weight:normal; padding-right:10px;font-size:12px; color:#e1e1e1; text-align:right;float:left;}
.pet_xg_bar{ width:130px;font-size:10px; height:10px;background:url(../../images/role/sw_bar_bg.gif) repeat-x left center; border:1px solid #333; margin-top:6px;float:left; position:relative;}
.pet_num_font{ font-size:12px; color:#fff; line-height:10px; position:absolute; left:105px; top:0;}



/*add by liying for zx role 2011-12-19*/
.init_hidden{ display:none;}
#titles_tree ul{ display:none;}

.pet_panel {clear:both;display:none;overflow:hidden;}

.xuanyuance_contain{width:60px;height:60px;position:relative;left:70px;top:45px;background:url(../../images/role/xuanyuance_bg.png);}
.xuanyuance_contain img{margin:3px;}
.zhenfa_contain ul {overflow:hidden;}
.zhenfa_contain ul li{position:relative;list-style:none;float:left;width:48px;height:92px;margin-left:40px;margin-top:20px;background:url(../../images/role/zhenling_bg_1.png);}

.zhenfa_contain ul li .zhenfa_img{ width: 40px;margin: 4px;height: 40px;}

.zhenfa_contain ul li div{position:absolute;width:48px;height:48px;background:url(../../images/role/zhenling_bg_2.png);bottom:0px;left:0px;}

.my_zhenling_contain{width:430px;height:262px;margin:5px 0 15px 0;overflow-x:hidden; overflow-y:auto;scrollbar-face-color:#dbebfe;scrollbar-shadow-color:#b8d6fa;scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#dbebfe;scrollbar-darkshadow-color:#458ce4;scrollbar-track-color:#0a6e81;scrollbar-arrow-color:#458ce4;}
.my_zhenling_contain ul{display:inline-block;width:100%;}

.my_zhenling_contain ul li{position:relative;list-style:none;float:left;width:48px;height:92px;margin-left:40px;margin-top:20px;background:url(../../images/role/zhenling_bg_1.png);}

.my_zhenling_contain ul li img{ width: 40px;margin: 4px;height: 40px;}

.my_zhenling_contain ul li div{position:absolute;width:48px;height:48px;background:url(../../images/role/zhenling_bg_2.png);bottom:0px;left:0px;}

.xingxiu_line_contain{overflow:hidden;}

.xingxiu_line_contain div{float:left;width:36px;height:36px;background:url(../../images/role/xingxiu_bg_1.png);margin:10px 0px 10px 23px;}

.xingxiu_line_contain div.xingxiu_lock{float:left;width:36px;height:36px;background:url(../../images/role/xingxiu_lock.png);margin:10px 0px 10px 23px;}

.xingxiu_add_contain{overflow:hidden;}
.xingxiu_add_item{float:left;margin-left:23px;margin-top:10px;}
.xingxiu_add_item{line-height:21px;}
.xingxiu_add_title{color:#fff;margin-right:10px;}
.xingxiu_add_value{color:#5eeeff;}
.xingxiu_add_icon{float:right;margin-right:23px;}
.xingxiu_add_icon div{width:32px;height:32px;background:url(../../images/role/xingxiu_bg_2.png);margin-top:10px;}

.xingxiu_all_star{width:400px;height:120px;margin:15px 0 15px 15px;overflow-x:hidden; overflow-y:auto;}
.xingxiu_all_star ul li{list-style:none;float:left;position:relative;width:55px;height:36px;margin:10px 10px 10px 10px;}
.xingxiu_all_star ul li .all_star_item{width:36px;height:36px;background:url(../../images/role/xingxiu_bg_1.png);}
.xingxiu_all_star ul li .all_star_lock{position:absolute;height:15px;width:15px;left:36px;bottom:20px;}
.xingxiu_all_star ul li .all_star_lock img{width:15px;left:36px;}
.xingxiu_all_star ul li .all_star_level{position:absolute;left:36px;bottom:0px;}

.xinghun_contain{overflow:hidden;}
.xinghun_contain div{margin-top:2px;overflow:hidden;float:left;}
.xinghun_name{color:#ffffff;float:left;height:25px;width:70px;line-height:25px;margin-left:10px;}
.xinghun_value{color:#5eeeff;float:left;height:25px;line-height:25px;margin-left:5px;width:100px;}
.xinghun_img{float:left;width:25px;height:25px;background:url(../../images/role/xinghun_bg.png);margin-left:5px;}


.outlook_top{width: 430px;height: 260px;margin-left: 18px;}
.outlook_bottom{width: 430px;height: 300px;margin: 5px 0 5px 18px;;overflow-x: hidden;overflow-y: auto;}
.outlook_palette{width:260px;height:260px;float:left;background:url(../../images/role/outlook_bg.png);position:relative;}
.outlook_palette img{position:absolute;top:0px;left:0px;}
.outlook_lock{width:140px;height:24px;line-height:24px;text-align:center;float:right;color:#ffffff;background:url(../../images/role/role.gif?v=1.01) no-repeat;background-position:-100px -183px;margin-top:118px;}
.outlook_bottom ul{width:100%;display:inline-block;}
.outlook_img_contain{height:42px;width:96px;}
.outlook_bottom li{overflow:hidden;width:96px;float:left;margin-left:35px;margin-top:10px;}
.outlook_img{width: 32px;height: 32px;background: url(../../images/role/xingxiu_bg_2.png);margin-top: 10px;float:left;}
.outlook_text{height:24px;margin-top:5px;text-align:center;line-height:24px;color:#ffffff;background:url(../../images/role/role.gif?v=1.01) no-repeat;background-position:-100px -183px;}


.outlook_bottom_desc{
    width: 400px;
    margin-left: 35px;
    padding-top: 10px;
    margin-top: 20px;    
}
.outlook_bottom_desc p{
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 15px;
    word-break: break-all;
}