@charset "utf-8";
/* 閿熸枻鎷疯壊閿熸枻鎷风閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷峰紡 */
.ej_role_out{width:430px; height:auto; margin:20px auto; padding:0; clear:both;}
.ej_role_class,
.ej_role_class li,
.ej_role_class .ej_role_current,
.ej_role_bot,
.role_bag li,
.role_01bag li,
.role_pangu li
{width:430px; background: url(../../images/game/role/role.png) no-repeat;}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

.ej_role_class{height:50px;background-position:0 0;cursor:pointer;color:#fff;}
.ej_role_class li{ list-style:none; width:58px; height:28px; background-position:-69px -89px; 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:58px; height:28px; background-position:0 -89px;font-size:12px; color:#ffe401;float:left;cursor:pointer; }
.ej_role_mid{width:100%; height:100%;background: url(../../images/game/role/ej_role_02bg.gif) repeat-y left top; float:left; clear:both;}
.ej_role_bot{ font-size:1px; height:20px; background-position:0 -60px;clear:both;}

/* 閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷烽敓鏂ゆ嫹 */
.property_pic{width:135px; margin:5px 10px 10px 30px; float:left; display:inline;}
.property_pic dt{width:67px; margin-left:10px; height:67px;background: url(../../images/game/role/role_property_bg.gif) no-repeat left top;}
.property_pic dd{ height:3px; line-height:3px; text-align:center; color:#ffdc50;}
.role_pro_info{width:200px; margin:0 10px 0 35px; float:left;}
.role_pro_info h2{ font-size:14px; text-align:left; height:22px; line-height:22px; font-weight:bold; color:#fb7b1e;}
.role_pro_info li{ list-style:none; text-align:left; font-size:12px; line-height:20px; color:#fff;}
.role_01font{color:#ffcb4a; padding-right:10px;}

.role_pro_2info{ width:390px; margin:0 20px 5px 20px; float:left; display:inline;clear:both;}
.role_pro_2info li{width:150px; margin-left:20px; display:inline; list-style:none; text-align:left; font-size:12px; line-height:20px; color:#fff;float:left;}
.role_pro_2info h3{background: url(../../images/game/role/role_skill_h3.gif) no-repeat left center; font-size:12px; color:#f9e329; font-weight:normal; text-align:center; height:35px; line-height:35px;}

/* 閿熸枻鎷烽敓鏂ゆ妧閿熸枻鎷� */
.role_skill,.role_bag,.role_01bag,.role_pangu
{ width:390px; height:auto;padding:0; clear:both;}
.role_skill{ margin:0 auto 10px auto;}
.role_skill h3,
.yonganhun_hunqi h3
{background: url(../../images/game/role/role_skill_h3.gif) no-repeat center center; font-size:12px; color:#f9e329; font-weight:normal; text-align:center; line-height:25px;}
.role_skill h2{ font-size:12px; color:#fff; text-align:left;font-weight:normal; line-height:20px; }
.role_pet_name{ font-weight:bold; color:#ff9000;}
.role_skill ul{margin:5px 0; float:left; clear:both;}
.role_skill li{list-style:none;width:32px; height:32px; margin:3px;background: url(../../images/game/role/pic_bg.gif) no-repeat left center; float:left;}
.role_skill_pic{ width:400px; height:auto; margin:5px auto; float:left; clear:both; display:inline;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_skill_pic li{list-style:none;width:32px; height:32px; margin:3px;background: url(../../images/game/role/pic_bg.gif) no-repeat left center; float:left;}

.ico_number{width:15px; height:10px; text-align:right; top:18px; left:12px; position:absolute; font-size:10px; color:#fff;}

.runeCarving{padding-top: 32px;margin-top: 8px;background: url(../../images/game/role/rune_name_bg.png) no-repeat left center;}
.runeCarving li{margin-left:36px;}

/* 閿熸枻鎷烽敓鏂よ儗閿熸枻鎷� */
/*.role_top_bg{width:390px; height:220px;background: url(../../images/game/role/role_woman.jpg) no-repeat center center;  margin:0 auto;}*/
.role_top_bg{width:390px; height:220px;background: url(../../images/game/role/role_woman.jpg) no-repeat center center;  margin:0 auto;}
.role_top_02bg{width:390px; height:220px;background: url(../../images/game/role/role_man.jpg) no-repeat center center;  margin:0 auto;}
.role_01bag{height:20px; margin:0 auto;}
.role_bag,.role_bag
{ height:22px; margin:0 auto; }
.role_bag li,
.role_pangu li
{list-style:none;width:55px; height:22px; background-position:-64px -156px; margin-right:2px; font-size:12px; color:#ededed; text-align:center; line-height:22px; float:left;cursor:pointer;}
.role_bag .bag_current,
.role_pangu .pangu_current
{width:55px; height:22px; background-position:0 -156px;font-size:12px; color:#f9e329;}
.role_bag .no_link,
.role_pangu .no_link
{width:55px; height:22px; background-position:-128px -156px;font-size:12px; color:#ededed;cursor:none;}

.role_pangu{
  height: 22px;
  padding-left: 18px;
  margin-bottom: 8px;
}

.role_01bag li{list-style:none;width:60px; height:20px; background-position:-69px -127px; margin-right:2px; font-size:12px; color:#ededed; text-align:center; line-height:20px; float:left;cursor:pointer;}
.role_01bag .bag_current{width:60px; height:20px; background-position:0 -127px;font-size:12px; color:#fff;  }

.role_pic_bag{width:400px; height:auto; margin:5px 15px; float:left; clear:both; display:inline;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:32px; height:32px; margin:3px;background: url(../../images/game/role/pic_bg.gif) no-repeat left center; float:left;}
.role_pic_2bag{width:390px; height:auto; margin:5px 20px 10px 20px; _margin:5px 10px;float:left; clear:both;}
.role_pic_2bag h2{background: url(../../images/game/role/role_skill_h3.gif) no-repeat center center; font-size:12px; color:#f9e329; font-weight:normal; text-align:center; line-height:25px;}
.role_pic_3bag{width:290px; height:50px; margin:0 60px;_margin:0 30px; float:left;  clear:both;}
.role_pic_3bag dl{width:32px; height:32px; margin:0 5px; _margin:0 2px;float:left; display:inline;}
.role_pic_3bag dt{list-style:none;width:32px; height:32px; padding:3px 5px;background: url(../../images/game/role/pic_bg.gif) no-repeat left center; clear:both;}
.role_pic_3bag dd{color:#fff; line-height:20px; text-align:center;}
.role_pic_3bag dt img{margin:0px 0px 0px -5px;}

.bag_01pic{ position:relative;}
.bag_0_1pic{ position:relative;}/*閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷烽敓缁炲紛锟�(class="bag_01pic")閿熸枻鎷烽敓鏂ゆ嫹*/
.bag_pic_01,.bag_pic_02,.bag_pic_03,.bag_pic_04,.bag_pic_05{width:32px; height:32px; position:absolute;background: url(../../images/game/role/pic_bg.gif) no-repeat left center;}
.bag_pic_01{top:20px; left:60px;}
.bag_pic_02{top:120px; left:60px;}
.bag_pic_03{top:20px; left:300px;}
.bag_pic_04{top:70px; left:300px;}
.bag_pic_05{top:120px; left:300px;}

.role_bag_left{width:125px; margin:10px; padding:0; float:left;display:inline;}
.role_bag_right{width:125px; margin:10px; padding:0; float:right; display:inline;}
.role_bag_left ul,.role_bag_right ul{ padding:5px 0; clear:both;}
.role_bag_left li,.role_bag_right li{list-style:none;width:32px; height:32px; margin:2px;background: url(../../images/game/role/pic_bg.gif) no-repeat left center;}
.role_bag_left li{float:left;}
.role_bag_right li{float:right;}

.role_game_coin{width:390px; height:auto; margin:5px 15px; float:left; clear:both; display:inline;}
.role_game_coin img{ vertical-align:middle; text-align:left;}
.games_font_coin{height:18px; line-height:18px;padding:2px 5px; background-color:#3d86b8; border:1px solid #05477c; color:#fff; margin:0 0 10px 10px;}

/* 閿熸枻鎷烽敓鏂ゆ嫹 */
.role_btn,.role_2btn{width:32px; height:16px; line-height:16px; text-align:center; color:#ededed;float:right; padding-right:50px; display:inline; cursor:pointer;}
.role_btn{background: url(../../images/game/role/role_btn.gif) no-repeat left center; }
.role_2btn{background: url(../../images/game/role/role_2btn.gif) no-repeat left center; }
.role_force{ width:390px; margin:5px 20px;clear:both;}
.role_top_force,.role_bot_force{ width:390px; height:6px; font-size:6px; clear:both;}
.role_top_force{background: url(../../images/game/role/role_top_force.gif) no-repeat left center;}
.role_bot_force{background: url(../../images/game/role/role_bot_force.gif) no-repeat left center;}
.role_mid_force{ width:388px;background-color:#639bb3; border-left:1px solid #77e7f9; border-right:1px solid #77e7f9; float:left; clear:both;}
.role_mid_force ul{width:129px; padding-top:5px; float:left;}
.role_mid_force li{ list-style:none; font-size:12px; color:#febe1e; text-align:left; line-height:20px; padding-left:20px;}
.role_02font{color:#fff; padding-right:10px;}

/* 閿熸枻鎷烽敓鏂よ儗閿熸枻鎷� */
.role_pet_bar{width:100%; height:24px; clear:both;}
.role_pet_fc_1{width:60px; text-align:left; height:24px; line-height:24px; color:#fff; padding-left:20px; float:left;}
.role_pet_fc_2{width:280px; background-color:#333; border:1px solid #333;text-align:left; height:16px; line-height:16px; margin-top:3px; color:#fff; float:left;}
.role_pet_b_w{height:6px; line-height:8px; margin:2px; padding:3px; background-color:#ac0f18; text-align:center;}

.role_pet_fc_3{width:180px; background-color:#333; border:1px solid #333;height:16px; line-height:16px;text-align:left; color:#fff;position:relative;top:0; left:0; float:left;}
.role_ts{width:180px; font-size:12px;color:#fff; text-align:center; position:absolute;}

/* 閿熸枻鎷烽敓鏂ゆ嫹 */
.role_linmai,.role_2linmai{width:395px; height:387px;margin:0 17px;clear:both;}
.role_linmai{background:url(../../images/game/role/role_lm_bg.jpg) no-repeat left center; }
.role_2linmai{background:url(../../images/game/role/role_lm_2bg.jpg) no-repeat left center;}
.role_lm_jb{width:200px; margin:0 auto; padding-top:10px;font-size:16px; font-weight:bold; color:#fb7b1e; text-align:center; height:25px; line-height:25px; clear:both;}
.bag_lm_01,.bag_lm_02,.bag_lm_03,.bag_lm_04,.bag_lm_05,.bag_lm_06,.bag_lm_07,.bag_lm_08,.bag_lm_09,.bag_lm_10,.bag_lm_11,.bag_lm_12,.bag_lm_13,.bag_lm_14,.bag_lm_15,.bag_lm_16,.bag_lm_17,.bag_lm_18,.bag_lm_19,.bag_lm_20{width:22px; height:22px; position:absolute;background: url(../../images/game/role/role_lm_1.gif) no-repeat center center;}
.bag_lm_01{top:50px; left:160px;}
.bag_lm_02{top:70px; left:110px;}
.bag_lm_03{top:98px; left:76px;}
.bag_lm_04{top:143px; left:50px;}
.bag_lm_05{top:189px; left:43px;}
.bag_lm_06{top:241px; left:50px;}
.bag_lm_07{top:285px; left:76px;}
.bag_lm_08{top:315px; left:110px;}
.bag_lm_09{top:335px; left:155px;}
.bag_lm_10{top:50px; left:220px;}
.bag_lm_11{top:70px; left:265px;}
.bag_lm_12{top:100px; left:298px;}
.bag_lm_13{top:135px; left:320px;}
.bag_lm_14{top:173px; left:331px;}
.bag_lm_15{top:214px; left:331px;}
.bag_lm_16{top:253px; left:320px;}
.bag_lm_17{top:287px; left:300px;}
.bag_lm_18{top:320px; left:261px;}
.bag_lm_19{top:335px; left:217px;}
.bag_lm_20{top:185px; left:187px;}

.picbook_pic{width:400px; height:auto; margin:5px 15px; float:left; clear:both; display:inline;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;}
.picbook_pic li{list-style:none;width:32px; height:32px; margin:3px;background: url(../../images/game/role/pic_bg.gif) no-repeat left center; float:left;}

.role_s_lmsx{width:390px; margin:0 20px;float:left; display:inline; clear:both;}
.role_s_lmsx h2{ font-size:14px; text-align:left; height:22px; line-height:22px; font-weight:bold; color:#fb7b1e; padding:10px 0 5px 0;clear:both;}
.role_s_lmsx li{width:130px;list-style:none; font-size:12px; color:#fff; text-align:left; line-height:20px; float:left;}
.role_lm_1f{color:#ffcb4a; padding-right:10px;}
.role_child_top{width:100%;background-color: #384c7d;height: 54px;border-radius: 5px;padding: 0 10px;box-sizing: border-box;overflow: hidden;position: relative;display: flex;}
.role_child_top_img{height: 54px;width: 200px;object-fit: cover;position: relative;}
.role_child_top_text{display: flex;flex-direction: column;justify-content: center;padding-left: 35px;}
.role_child_top_text p{margin: 0;font-size: 12px;color: #c2d2ff;}
.role_child_content,
.yonganhun_hunqi_item
{margin: 0 5px;height: 55px;position: relative;
  background:#20305f url(../../images/game/role/role_child_bg.png) no-repeat center 100%;padding: 5px 0;box-sizing: border-box;text-align: center;border: 5px solid #20305f;}
.yonganhun_hunqi_item{
  width: 378px;
  margin: 0 auto;
  background: url(../../images/game/role/role_child_bg.png) no-repeat center 100%;
  border: none;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0;
  padding-left: 30px;
  padding-top: 9px;
}
.yonganhun_hunqi_item p{
  width: 135px;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 0px;
	color: #c2d2ff;  
  text-align: left;
  margin: 0;
}
.yonganhun_hunqi_item div:nth-child(2){
	width: 30px;
	height: 30px;
  border-radius: 50%;
}
.yonganhun_hunqi_item div:nth-child(2) img{
  width: 100%;
  height: 100%;
}
.yonganhun_hunqi_item div:nth-child(3){
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 0px;
	color: #c2d2ff;
  margin-left: 38px;
  text-align: left;
}

.yonganhun_desc{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 378px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.yonganhun_desc p{
  margin: 0;
}
.yonganhun_desc_left div{
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #f9e329;
  margin-bottom: 4px;
}
.yonganhun_desc_left p{
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #fff;
  margin-bottom: 4px;
}
.yonganhun_desc_left p span{
  color: #ffcb4a;
}
.yonganhun_desc_right{

}
.yonganhun_desc_right>p:nth-child(1){
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #ffcb4a;
  margin-bottom: 4px;
  text-align: right;
}
.yonganhun_desc_right>div:nth-child(2){
  width: 220px;
  height: 18px;
  padding-top: 6px;
  margin-bottom: 4px;
  box-sizing: border-box;
}
.yonganhun_desc_right>div:nth-child(2) p{
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #214e60;
  position: relative;
}
.yonganhun_desc_right>div:nth-child(2) p span{
  position: absolute;
  height: 6px;
  border-radius: 3px;
  left: 0;
  width: 0%;
  background: #ffcb4a;
}
.yonganhun_desc_right>div:nth-child(3){
  width: 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.yonganhun_desc_right>div:nth-child(3) p{
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #d4f8ff;
}
.yonganhun_xiulian{
  width: 378px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.yonganhun_xiulian h3{
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #fb7b1e;
  margin-bottom: 10px;
}
.yonganhun_xiulian .yonganhun_xiulian_props{
  display: flex;
  flex-wrap: wrap;
}
.yonganhun_xiulian .yonganhun_xiulian_props div{
  width: 33%;
  text-align: right;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #ffcb4a;
  margin-bottom: 4px;
}
.yonganhun_xiulian .yonganhun_xiulian_props div span{
	width: 31px;
	height: 18px;
	background-color: #4a87ba;
	border: solid 1px #204d5f;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
  line-height: 18px;
  display: inline-block;
	color: #ffffff;  
  text-align: center;
}

.role_child_content img{width: 100%;position: absolute;top: 2px;left: 0;height: 41px;}
.role_child_content p{margin-left: 150px;color: #c2d2ff;}
.role_child_level0{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -4px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_level1{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -54px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_level2{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -104px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_level3{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -154px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_level4{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -204px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_level5{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -254px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_level6{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -304px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_level7{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -354px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_level8{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -404px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_level9{background: url(../../images/game/role/role_child_level.png) no-repeat 0 -454px;width: 50px;height: 45px;margin-left: 30px;position: absolute;top: 0;}
.role_child_other .role_child_other_levels{padding:12px 15px 20px;display: flex;justify-content: space-between;}
.role_child_other .role_child_other_levels p{margin: 0;font-weight: bold;}
.role_child_other_prop{color: #fb7b1e;}
.role_child_other_level{color: #f9e329;display: none;}
.role_child_other_level span{color: #fff;}
.role_child_other_info{padding:0 15px;display: flex;flex-wrap: wrap;}
.role_child_other_info p{color: #ffcb4a;font-size: 12px;margin: 0 0 8px;width: 30%;}
.role_child_other_info p span{color: #fff;margin-left: 4px;}