@charset "utf-8";
/* 角色标签共用样式 */
.ej_role_out{width:480px; margin:20px 0px 20px -40px; 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:480px;background: url(../images/shm/role/role.gif) no-repeat;}
.ej_role_class,.ej_role_mid,.ej_role_bot{width:480px;}

.ej_role_class{height:36px;background-position:0 0;cursor:pointer;color:#fff;}
.ej_role_class li{ list-style:none; width:67px; 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/shm/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_pro_left{width:285px; margin:10px 0 10px 10px; display:inline; float:left;}
.role_pro_right{width:165px; margin:10px; _margin:5px; float:right;}

.role_pro_1area{ margin-bottom:10px; clear:both;}
.role_rw_pic{width:82px; height:75px;background:url(../images/shm/role/role_pro_pic.gif) no-repeat left bottom; float:left;}
.role_rw_pic img{ margin:5px 0 0 10px;}
.role_rw_info{width:180px; margin-left:20px; float:left;}
.role_rw_info h2{ font-size:13px; font-weight:normal; color:#fffab6; height:20px; line-height:20px;}
.role_pro_row1,.role_pro_row2{ font-size:12px; line-height:25px; height:25px; color:#fee7ae;}
.role_pro_row1{ width:50%; float:left;}
.role_pro_row2{ width:100%; clear:both;}
.role_pro_1{ color:#fff;}
.role_pro_2{color:#fff; padding-right:20px;}

.role_pro_1area,.role_pro_2area{width:100%; float:left; clear:both;}
.role_2are_top,.role_2are_bot{width:100%;height:5px; font-size:5px; float:left; clear:both;}
.role_2are_top{background:url(../images/shm/role/role_pro_1top.gif) no-repeat left bottom;}
.role_2are_mid{width:100%;background:url(../images/shm/role/role_pro_1mid.gif) repeat-y left bottom; float:left; clear:both;}
.role_2are_bot{background:url(../images/shm/role/role_pro_1bot.gif) no-repeat left bottom;}
.role_2are_info{ clear:both;}
.role_2are_info h3{ height:23px; line-height:23px; text-align:center; font-size:14px; font-weight:bold; color:#dacea2;background:url(../images/shm/role/role_2are_info_h3.gif) no-repeat center bottom; margin:0 5px; clear:both;}
.role_row,.role_2row{height:22px; margin-bottom:5px;float:left; display:inline; }
.role_row{width:100%; }
.role_2row{width:136px;}
.lable{line-height:22px; color:#fee7ae; text-align:left; padding-left:8px;float:left;isplay:inline;  }
.lab_2{line-height:22px; color:#9ad3e6; text-align:right; padding-right:5px;float:left;isplay:inline;  }
.value_box,.value_2box,.value_3box,.value_4box,.value_5box,.value_6box,.value_7box,.value_9box,.value_10box{height:18px; background-color:#1a1d21; border:1px solid #364245; padding-left:5px; line-height:20px; color:#fff; float:left; display:inline;}
.value_box{width:72px;}
.value_2box{width:84px;}
.value_3box{width:42px;}
.value_4box{width:48px;}
.value_5box{width:36px;}
.value_6box{width:60px;}
.value_7box{width:208px; position:relative;}
.value_7box img,.value_9box img,.value_10box img{margin-top:4px;} 
.value_8box{font-size:12px; color:#fff; text-align:center; line-height:10px;margin-top:4px;position:absolute;}
.value_9box{width:220px; position:relative;}
.value_10box{width:196px; position:relative;}


.role_pro_tit{height:27px; margin-right:15px; _margin-right:5px; padding-top:1px; float:right;}
.role_pro_tit li{list-style:none;width:42px;height:26px;line-height:22px; color:#8ca0a2; text-align:center; font-size:12px; font-weight:normal;background:url(../images/shm/role/role_pro_tit.gif) no-repeat left bottom; margin-right:3px; float:left;}
.role_pro_tit li a,.role_pro_tit li a:link,.role_pro_tit li a:visited{color:#8ca0a2;}
.role_pro_tit li a:hover{color:#8ca0a2;}
.role_pro_tit .select{list-style:none;width:42px;height:26px;line-height:22px; color:#dacea2; text-align:center; font-size:12px; font-weight:normal;background:url(../images/shm/role/role_2pro_tit.gif) no-repeat left bottom;  margin-right:3px; float:left;}
.role_pro_tit .select a,.role_pro_tit .select a:link,.role_pro_tit .select a:visited{color:#dacea2;}
.role_pro_tit .select a:hover{color:#fffab6;}


.role_pro_2top,.role_pro_bot{ width:165px; font-size:8px; height:8px; float:left; clear:both;}
.role_pro_top{width:165px;height:28px;background:url(../images/shm/role/role_pro_top.gif) no-repeat left bottom; position:relative;}
.role_pro_2top{background:url(../images/shm/role/role_pro_top.gif) no-repeat left bottom; }
.role_pro_bot{background:url(../images/shm/role/role_pro_bot.gif) no-repeat left top; }
.role_pro_mid{width:165px;background:url(../images/shm/role/role_pro_mid.gif) repeat-y left top; float:left; clear:both;}
.role_pro_mid_1{width:165px;background:url(../images/shm/role/role_pro_mid.gif) repeat-y left top; float:left; clear:both;}
.role_pro_mar{margin-bottom:10px;}

.role_pro_bg{width:165px; height:340px; clear:both; position:relative;}
.role_pro_man{background:url(../images/shm/role/role_pro_man.jpg) no-repeat center center;}
.role_pro_woman{background:url(../images/shm/role/role_pro_woman.jpg) no-repeat center center;}

.role_pro_1pic,.role_pro_2pic,.role_pro_3pic,.role_pro_4pic,.role_pro_5pic,.role_pro_6pic,.role_pro_7pic,.role_pro_8pic,.role_pro_9pic,.role_pro_10pic,.role_pro_11pic,.role_pro_12pic,.role_pro_13pic{width:37px; height:37px;background: url(../images/shm/role/role_pic_bg.gif) no-repeat left top; position:absolute;}
.role_pro_13pic,.role_pro_14pic{width:27px; height:27px; border:none;background: url(../images/shm/role/role_2pic_bg.gif) no-repeat left top; position:absolute;}

.role_pro_pic{width:40px; height:50px; background-color:#0FF;top:3px; left:115px; position:absolute;}
.role_pro_1pic{top:16px; left:65px;}
.role_pro_2pic{top:70px; left:10px;}
.role_pro_3pic{top:70px; left:65px;}
.role_pro_4pic{top:70px; left:118px;}
.role_pro_5pic{top:130px; left:10px;}
.role_pro_6pic{top:130px; left:65px;}
.role_pro_7pic{top:130px; left:118px;}
.role_pro_8pic{top:190px; left:10px;}
.role_pro_9pic{top:190px; left:65px;}
.role_pro_10pic{top:190px; left:118px;}
.role_pro_11pic{top:250px; left:65px;}
.role_pro_12pic{top:270px; left:10px;}
.role_pro_13pic{top:260px; left:128px;}
.role_pro_14pic{top:290px; left:128px;}



.role_pro_1img,.role_pro_2img{width:58px; height:44px;margin-left:18px; padding:5px 0; display:inline; float:left; }
.role_pro_1img img,.role_pro_2img img{margin:5px 10px;}
.role_pro_1img{background:url(../images/shm/role/role_pro_2img.gif) no-repeat center center;}
.role_pro_2img{background:url(../images/shm/role/role_pro_1img.gif) no-repeat center center;}

/* 信仰 */
.role_share{ width:468px; height:auto; margin:10px 5px;  padding:0; float:left; display:inline;}
.role_title{width:468px;height:28px;background:url(../images/shm/role/role_title_bg.gif) no-repeat left bottom; position:relative;}
/*.role_title{height:23px;background-position:0 -141px;font-size:1px;clear:both;}*/
.role_title li{list-style:none;width:68px;height:25px;line-height:28px; color:#abaa85; text-align:center; font-size:12px; font-weight:normal;background-position:-73px -108px; margin-right:3px; float:left;}
.role_title li a,.role_title li a:link,.role_title li a:visited{color:#abaa85;}
.role_title li a:hover{color:#abaa85;}
.role_title .select{list-style:none;width:68px;height:25px;line-height:28px; color:#fffab6; text-align:center; font-size:12px; font-weight:normal;background-position:0 -108px; margin-right:3px; float:left;}
.role_title .select a,.role_title .select a:link,.role_title .select a:visited{color:#fffab6;}
.role_title .select a:hover{color:#fffab6;}

/*.role_top{width:468px;height:7px; }*/
.role_mid{width:468px;background: url(../images/shm/role/role_mid.gif) repeat-y left top; float:left; clear:both;}
.role_bot{width:468px;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;}

.role_xy_out,.role_xy_2out{width:455px;height:430px; margin-left:5px;clear:both; position:relative;}
.role_xy_2out{background: url(../images/shm/role/role_xy_2out_bg.jpg) no-repeat left top;}
.role_xy_area{width:42px; height:60px; position:relative;}
.role_xy_pic,.role_dxy_pic{width:40px; height:40px;clear:both;}
.role_xy_pic{background: url(../images/shm/role/zb_pic_bg.gif) no-repeat left top; }
.role_dxy_pic{background: url(../images/shm/role/zb_dpic_bg.gif) no-repeat left top; }
.role_xy_pic img,.role_dxy_pic img{margin:4px;}
.role_xy_info{width:42px; height:18px;background: url(../images/shm/role/role_xy_info_bg.gif) no-repeat left top;clear:both;}
.role_xy_1fo{ width:21px; height:14px; line-height:14px; text-align:center; color:#fff; float:left;}
.role_gxy_area{width:42px; height:60px; margin:6px; float:left;}

.role_xy_p_1,.role_xy_p_2,.role_xy_p_3,.role_xy_p_4,.role_xy_p_5,.role_xy_p_6,.role_xy_p_7,.role_xy_p_8,.role_xy_p_9,.role_xy_p_10,.role_xy_p_11,.role_xy_p_12,.role_xy_p_13,.role_xy_p_14,.role_xy_p_15,.role_xy_p_16,.role_xy_p2_1,.role_xy_p2_2,.role_xy_p2_3,.role_xy_p2_4,.role_xy_p2_5,.role_xy_p2_6,.role_xy_p2_7,.role_xy_p2_8,.role_xy_p2_9,.role_xy_p2_10,.role_xy_p2_11,.role_xy_p2_12,.role_xy_p2_13,.role_xy_p2_14,.role_xy_p2_15{position:absolute;}
.role_xy_p_1{top:10px; left:68px;}
.role_xy_p_2{top:10px; left:250px;}
.role_xy_p_3{top:80px; left:10px;}
.role_xy_p_4{top:80px; left:190px;}
.role_xy_p_5{top:80px; left:360px;}
.role_xy_p_6{top:150px; left:130px;}
.role_xy_p_7{top:150px; left:300px;}
.role_xy_p_8{top:220px; left:68px;}
.role_xy_p_9{top:220px; left:190px;}
.role_xy_p_10{top:220px; left:410px;}
.role_xy_p_11{top:290px; left:10px;}
.role_xy_p_12{top:290px; left:130px;}
.role_xy_p_13{top:290px; left:250px;}
.role_xy_p_14{top:360px; left:10px;}
.role_xy_p_15{top:360px; left:190px;}
.role_xy_p_16{top:360px; left:360px;}

.role_xy_p2_1{top:10px; left:10px;}
.role_xy_p2_2{top:10px; left:220px;}
.role_xy_p2_3{top:80px; left:110px;}
.role_xy_p2_4{top:80px; left:280px;}
.role_xy_p2_5{top:150px; left:10px;}
.role_xy_p2_6{top:150px; left:220px;}
.role_xy_p2_7{top:220px; left:110px;}
.role_xy_p2_8{top:220px; left:220px;}
.role_xy_p2_9{top:220px; left:340px;}
.role_xy_p2_10{top:290px; left:50px;}
.role_xy_p2_11{top:290px; left:170px;}
.role_xy_p2_12{top:290px; left:280px;}
.role_xy_p2_13{top:360px; left:110px;}
.role_xy_p2_14{top:360px; left:280px;}
.role_xy_p2_15{top:360px; left:400px;}

/* 技能 */
.role_scrollbar{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;}
.skill_info{width:460px;height:350px; float:left; clear:both;}
.skill_info dl{width:145px; height:58px; margin:10px 0 0 2px; padding:0;background: url(../images/shm/role/skill_info_dt_bg.gif) no-repeat left center;float:left;}
.skill_info dt{width:40px; height:40px;background: url(../images/shm/role/zb_pic_bg.gif) no-repeat left top; margin:8px 5px 0 15px;display:inline;float:left;font-size:0;}
.skill_info dt img{padding:5px;}
.skill_info dd{width:80px;font-size:12px;line-height:10px; color:#ffc000; text-align:left; padding-top:12px;float:left;}
.skill_info .fc_1{color:#cdc299;}
.skill_info .fc_2{padding-right:10px;}

.skill_info ul{width:145px; height:48px; padding-top:10px; margin:10px 0 0 2px;background: url(../images/shm/role/skill_info_dt_bg.gif) no-repeat left center;float:left;}
.skill_info li{ list-style:none; color:#ffc000; height:20px; line-height:20px;text-align:center; }
.skill_info .name{color:#fff;}

.skill_info_w_f{width:460px; }
.skill_info_w_f li{ width:220px;padding-left:10px;list-style:none; color:#fee7ae; height:25px; line-height:25px; float:left;}
.skill_info_w_f .skill_f_1{color:#fff;}

/* 背包仓库 */
.role_bag{width:220px; padding:0 5px; height:22px; margin:0 auto; }
.role_bag li{list-style:none;width:40px; height:22px;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:445px;height:250px;margin:5px 5px 15px 5px;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:40px; height:40px;background: url(../images/shm/role/zb_pic_bg.gif) no-repeat left top;margin:1px; overflow:hidden; float:left;}
.role_pic_bag li img{ margin:3px;}
.role_game_coin, .role_game_2coin{width:100%;height:auto; margin:5px 0; color:#fff; text-align:left; float:left; clear:both; display:inline;}

.role_game_coin img,.role_game_2coin img{ vertical-align:middle; text-align:left; padding:0 5px;}
.role_game_coin li{list-style:none; width:205px; height:18px; line-height:18px; background-color:#1a1d21; border:1px solid #364245;margin:5px; display:inline;font-size:12px; font-weight:normal;color:#fff; text-align:left; float:left; }
.role_game_ad{margin-right:20px; padding-right:10px;}

.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:90px; color:#dacea2; text-align:left; padding:0 10px;}
.wp_num{color:#fedc40; }

/* 魔宠 */
.pet_picture{ width:460px; 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:75px; padding:0 5px;float:left; display:inline; overflow:hidden;}
.pet_pic_info{width:416px; background-color:#234857; }
.pet_pic_1info{width:355px; background-color:none;}
.pet_pic_info dl{width:46px; margin:6px 3px;float:left;}
.pet_pic_info dt{width:40px; height:40px;margin:3px;background:url(../images/shm/role/zb_pic_bg.gif) no-repeat center center; clear:both;}
.pet_pic_info dt img{padding:3px;}
.pet_pic_info dd{font-size:12px;color:#fff; height:25px; line-height:25px; text-align:center;}
.pet_pic_info .select{width:40px; height:40px; background:url(../images/shm/role/hw_pic_bg.gif) no-repeat center center;}

.pet_out{width:460px; float:left; clear:both;}
.role_pet_title{height:23px;background:url(../images/shm/role/pet_role_title.gif) no-repeat left center; font-weight:bold; color:#dacea2; font-size:14px; line-height:23px; text-align:center; margin-top:10px; clear:both;}
.role_pet_info{margin:5px 0; clear:both;}
.role_pet_info ul{height:20px;background:url(../images/shm/role/role_pet_info_line.gif) repeat-x left bottom; clear:both;}
.role_pet_info li{ list-style:none; color:#dacea2; height:20px; line-height:20px; float:left;}
.role_pet_info .role_pet_1{ width:80px;padding-left:10px; text-align:left;}
.role_pet_info .role_pet_2{width:130px;color:#fff; text-align:center;}

.role_pet_left,.role_pet_right{margin:5px 0; float:left;}
.role_pet_left{width:300px;}
.role_pet_right{ width:150px;margin-left:10px;}

.role_pet_skill{clear:both;}
.role_pet_skill h1, .role_pet_skill h2{width:30px; font-size:12px;color:#dacea2; font-weight:normal;padding:0 10px; text-align:left; float:left;}
.role_pet_skill h1{ padding-top:10px}
.role_pet_skill h2{ padding-top:15px}
.role_pet_skill li{list-style:none;width:40px; height:40px;margin:3px;background:url(../images/shm/role/zb_pic_bg.gif) no-repeat center center; float:left;}

.role_pet_bar{ height:20px; clear:both;}
.role_pet_bg,.role_pet_2bg{height:16px;background-color:#1a1d21; border:1px solid #364245; padding:0 0 0 5px; font-size:12px; line-height:16px; color:#fff;float:left;}
.role_pet_bg{width:397px;}
.role_pet_2bg{width:170px;}
.role_pet_bg img,.role_pet_2bg img{ margin-top:3px;}
.role_pet_f1{width:40px; height:20px; font-size:12px;color:#dacea2; line-height:20px; padding-left:10px; text-align:left; float:left;}
.role_pet_f2,.role_pet_f3{font-size:12px; color:#fff; text-align:center; line-height:16px;position:absolute;}
.role_pet_f2{width:365px;}
.role_pet_f3{width:140px;}
.role_pet_f4{width:30px;font-size:12px; color:#fff; text-align:center; line-height:16px; float:left;}

.role_pet_area{height:auto; float:left; clear:both;}
.role_pet_area li{ width:140px;list-style:none; color:#dacea2; height:20px; line-height:20px; margin:0 0 0 10px; float:left;}
.role_pet_area .role_pet_f5{color:#fff;}
.role_pet_area .role_pet_f6{ text-align:right;}
.role_pet_pic{width:40px; height:40px;margin:0 3px;background:url(../images/shm/role/zb_pic_bg.gif) no-repeat center center; float:left;}

.role_pet_f7{ height:20px; line-height:20px;text-align:right; color:#dacea2; padding-right:10px;}

/* 竞技场 */
.jjc_bas_row1{ width:95%;height:20px;line-height:20px;border:1px solid #4c7786;background-color:#1a1d21; margin:5px auto;clear:both;}
.jjc_bas_1{width:120px; color:#fee7ae; font-size:12px; text-align:left; padding:0 10px; float:left;}
.jjc_bas_2{width:310px;font-size:10px; height:10px; margin-top:5px;float:left; position:relative;}
.jjc_bas_3{width:100%;font-size:12px; color:#fff; text-align:center; line-height:10px;position:absolute;}