@charset "utf-8";
/* 角色标签共用样式 */
.ej_role_out{width:413px; 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,.sw_tit,.bz_tit{width:420px;background: url(../../images/role/role.gif) no-repeat;}

.ej_role_class,.ej_role_mid,.ej_role_bot{width:413px;}

.ej_role_class{height:36px;background-position:0 0;cursor:pointer;color:#fff;}
.ej_role_class li{ list-style:none; width:60px; height:28px; background-position:0 -68px; 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:67px; height:28px; background-position:-71px -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) repeat-y left top; float:left; clear:both;}
.ej_role_bot{ font-size:1px; height:9px; background-position:0 -49px;clear:both;}

/* 人物属性*/
.role_share{ width:386px; height:auto; margin:10px 13px;  padding:0; float:left; display:none;}
.role_title li{list-style:none;width:55px;height:22px;line-height:23px; color:#dfdfdf; text-align:center; font-size:12px; font-weight:normal;background-position:0 -106px; margin-right:3px; float:left;}
.role_title li a,.role_title li a:link,.role_title li a:visited{color:#ffe400;}
.role_title li a:hover{color:#ffe400;}
.role_title .select{list-style:none;width:55px;height:22px;line-height:23px; color:#fdca00; 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:#fdca00;}
.role_title .select a:hover{color:#fdca00;}

.role_top{width:386px;height:7px; background-position:0 -141px;font-size:1px;clear:both;}
.role_mid{width:386px;background: url(../../images/role/role_mid.gif) repeat-y left top; float:left; clear:both;}
.role_bot{width:386px;height:10px; background-position:0 -161px;clear:both;}

.sw_out_con{width:95%; margin:10px; padding:0; float:left;clear:both; display:inline;}
.jb_color{background-color:#58412e;}

/* 人物属性  基本属性*/
.jb_con{width:100%; clear:both;}
.jb_tit{height:30px;font-size:14px; font-weight:bold; color:#6bb4fe; line-height:30px; text-align:left;}
.jb_tit img{ text-align:center; vertical-align:middle; padding:0 5px;}
.jb_pic{width:65px; height:65px; background:url(../../images/role/rw_big_pic.gif) no-repeat left top; margin:15px auto;float:left; position:relative;}
.jb_pic img{padding:9px;}
.jb_add_pic{width:39px; height:39px; margin:0; padding:0; position:absolute; top:-20px; left:-20px;}
.jb_info{width:290px; margin:0 auto 10px auto; padding:0; float:right;}
.jb_info li{list-style:none; line-height:22px; color:#e1e1e1; text-align:left; padding-left:3px; display:inline; float:left;}

.jb_info_wid{width:135px;}

.jb_con h2{font-size:12px; color:#ffe401; text-align:left; line-height:30px;padding-left:10px; display:inline;clear:both;}
.jb_kx{width:100%; height:60px; clear:both;}
.jb_kx dl{width:36px; height:auto; margin:3px 5px 3px 4px; float:left;}
.jb_kx dt{width:36px; height:36px;background:url(../../images/role/rw_pic_bg.gif) no-repeat center center;}
.jb_kx dt img{ padding:2px;}
.jb_kx dd{height:20px;text-align:center; color:#d2cf83; line-height:20px;}
.fg_line{font-size:10px; height:10px; background:url(../../images/role/fg_line.gif) repeat-x left center; margin:3px auto; clear:both;}
.jb_con ul{ width:100%; float:left;clear:both;}
.jb_con li{list-style:none; line-height:22px; color:#e1e1e1; text-align:left; padding-left:10px; display:inline; float:left;}
.jb_left_wid{width:200px;}
.jb_font{color:#d2cf83;}
/*人物属性 新增骑术部分*/
.jb_2font{float:right; padding-right:10px;}
.jb_con_wid{width:97%;}

/* 人物属性  声望*/
.sw_tit{width:100%; height:24px;background-position:10px -183px; text-align:center; line-height:24px; color:#ffe401; margin:5px auto; clear:both;}
.sw_info{ width:100%;  height:auto;margin:0 auto; padding:0; float:left;clear:both;}
.sw_info h1{width:60px; height:20px; line-height:20px; padding:18px 0 0 15px;font-size:12px; color:#e1e1e1; text-align:right;float:left;}
.sw_info h2{width:68px; height:20px; line-height:20px; font-weight:normal;padding-top:18px;font-size:12px; color:#e1e1e1; text-align:left;float:left;}
.sw_font{width:280px; margin:0; padding:0; float:right;}
.sw_font li{list-style:none; text-align:left; line-height:22px; color:#d2cf83; padding-left:10px;float:left;}
.sw_font .sw_2font{text-align:right; line-height:22px; color:#e1e1e1; padding-right:10px;float:right; }
.sw_bar{font-size:10px; height:10px;background:url(../../images/role/sw_bar_bg.gif) repeat-x left center; border:1px solid #333; clear:both;}
.sw_level{font-size:10px;height:10px;background:url(../../images/role/sw_level.gif) 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:#e1e1e1; text-align:left;line-height:24px;padding-left: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) no-repeat left center;}
.add_minus{background:url(../../images/role/+ico.gif) no-repeat left center;}

/* 人物属性  兵种等级*/
.bz_tit{width:365px; height:22px;background-position:0 -217px;margin-bottom:5px; clear:both;}
.bz_tit h4{color:#feca80; font-size:13px; line-height:22px; text-align:left; padding-left:15px; display:inline; float:left;}
.bz_bar{width:100%; margin-bottom:10px; float:left;clear:both;}
.bz_bar ul{width:150px; padding-left:25px; display:inline; float:left;}
.bz_bar li{list-style:none;color:#d8d590; clear:both;}
.bz_bar li img{ vertical-align:middle; padding:0 5px 0 20px;}
.bz_bar .bz_font{color:#ffdd55; font-size:13px; line-height:24px; height:24px;}
.bz_info{width:100%; float:left; clear:both;}
.bz_info ul{ width:100%; float:left;clear:both;}
.bz_info li{list-style:none; line-height:22px; color:#e1e1e1; text-align:left; padding-left:15px; display:inline; float:left;}
.bz_lef_wid{width:105px;}
.bz_mid_wid{width:115px;}
.bz_rig_wid{width:90px;}

/* 装备 */
.role_equip,.role_2equip,.role_fashion,.role_2fashion{width:50px;display:inline;}
.role_equip,.role_fashion{ padding:0 3px 10px 8px; margin-left:8px; float:left;}
.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:8px;float:right;}
.role_equip li img,.role_2equip li img,.role_4equip li img,.role_fashion li img,.role_fa_equip li img,.role_2fashion li img{ margin:3px;}

.role_equip_zd{width:224px; margin:0 0 10px 0; float:left;}

.role_4equip{width:224px; margin-top:86px; _margin-top:88px; float:left;clear:both;}
.role_4equip li,.role_fa_equip li{list-style:none;width:46px; height:46px;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top; margin:0 5px; display:inline; float:left;}

.role_float{width:60px;margin:61px auto; padding:0; clear:both;}
.role_float dt{width:58px; height:58px;background: url(../../images/role/zh_pic_bg.gif) no-repeat left top; }
.role_float dt img{ margin:5px;}
.role_float dd{ font-size:13px; font-weight:bold; color:#d2cf83; text-align:center; height:20px; line-height:20px;}

.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_num_bag{width:93%; height:20px;text-align:right;color:#dfdfdf; font-size:12px; font-weight:bold; 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:#ededed; 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:360px;height:310px;margin:5px 5px 15px 5px;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 li{list-style:none;width:46px; height:46px;background: url(../../images/role/zb_pic_bg.gif) no-repeat left top;margin:3px 5px; overflow:hidden; float:left;}
.role_pic_bag li img{ margin:3px;}
.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 4px;}
.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:right; top:26px; left:12px; position:absolute; font-size:12px; font-weight:bold; color:#fff;}
.wp_font{width:100px; color:#fedc40; text-align:right;}
.wp_num{color:#fedc40; }

/* 技能 */
.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:3px;}
.skill_info dd{ width:90px;font-size:12px; line-height:22px; color:#e1e1e1; text-align:left;float:left;}

/* 护卫 */
.pet_picture{ width:370px; height:80px; margin:0 auto 10px auto; padding:0;clear:both;}
.pet_pic_left,.pet_pic_right{ width:16px; height:75px; float:left;}
.pet_pic_info,.pet_pic_1info{height:73px;border-top:1px solid #664e3b; border-bottom:1px solid #664e3b; padding:0 5px;float:left; display:inline; overflow:hidden;}
.pet_pic_info{width:326px; background-color:#7e6653; }
.pet_pic_1info{width:355px; background-color:none;}
.pet_pic_info dl{width:46px; margin:6px 4px 0 4px;float:left;}
.pet_pic_info dt{width:46px; height:46px;background:url(../../images/role/zb_pic_bg.gif) no-repeat center center; clear:both;}
.pet_pic_info dt img{padding:6px;}
.pet_pic_info dd{ font-size:12px;color:#d2cf83; line-height:18px; text-align:center;}
.pet_pic_info .select{width:46px; height:46px;background:url(../../images/role/hw_pic_bg.gif) no-repeat center center;}

.pet_out{width:100%; float:left; clear:both;}
.pet_con{width:48%; margin:0; padding:0; float:left;}
.pet_con h2{font-size:12px; color:#ffe401; text-align:left; line-height:30px;padding-left:10px; display:inline;clear:both;}
.pet_con ul{ width:100%; float:left;clear:both;}
.pet_con li{list-style:none; line-height:22px; color:#e1e1e1; text-align:left; padding-left:10px; display:inline; float:left;}
.fe_2line{font-size:10px; width:4px; height:105px; background:url(../../images/role/fg_2line.gif) no-repeat left center; margin:0 5px; float:left;}
.fe_3line{font-size:10px; width:4px; height:158px; background:url(../../images/role/fg_3line.gif) no-repeat left center; margin:0 5px; float:left;}

.pet_skill_pic{width:175px; float:left; 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 3px; 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;}

/* 图鉴 */
.tj_list{width:190px; height:330px; float:left;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;*/}
.tj_list dl{width:50px; height:80px; margin:3px; float:left; display:inline;}
.tj_list dt{width:50px; height:50px;background:url(../../images/role/zb_pic_bg.gif) no-repeat center center;}
.tj_list dt img{padding:5px;}
.tj_list dd{height:20px;text-align:center; color:#d2cf83; line-height:20px;}

.tj_right_info{width:170px;float:right;}

.tj_l_pic{width:90px; height:90px;background:url(../../images/role/tj_l_pic.gif) no-repeat center center; margin:5px 30px;}
.tj_l_pic img{padding:5px;}
.tj_l_info{width:100%; margin:5px 0;}
.tj_l_info li{ list-style:none;line-height:20px; color:#fff; text-align:left;}
.tj_l_info li img{ margin:0 3px;}

.tj_l_2info{width:165px; height:160px; margin-top:10px; padding-left:5px; float:left; color:#fff;line-height:20px;  overflow-x:hidden; overflow-y:auto; clear:both}



/*add by liying for role tab*/
.sw_out_con{ display:none;}
.titles_tree ul{ display:none;}
.pet_pic_assist{ height:73px;}

.pet_pic_left{ background:url(../../images/role/pet_pic_left.gif);}
.pet_pic_right{ background:url(../../images/role/pet_pic_right.gif);}

.left_no{ background:url(../../images/role/pet_pic_2lef.gif); cursor:default;}
.right_no{ background:url(../../images/role/pet_pic_2rig.gif); cursor:default;}

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