.hero_list dt b em{ position: relative;;width: 7px;height: 7px;top: 47px;float: left;background: url(../dximages/images/tujianbg1.png) no-repeat -150px 0;;}
.hero_list dt b i{ font-style: normal;margin: 0 3px;display: block;float: left;line-height: 50px;height: 50px;border-bottom: 1px solid #F6C15B;; }
.hero_list dt b em.em2{ float: right;top: 48px; }
.hero_list dt b {text-align: center;;line-height: 50px;margin-right: 30px;bottom: -1px;;display: inline;font-size: 22px;font-weight: normal;position: relative;border-bottom: 1px solid #ffffff;}
.hero_list dt b{ float: left }
.hero_list { width: 100%;margin: 25px auto;}
.hero_list dt:before,
.hero_list dt:after,
.hero_list dd:before,
.hero_list dd:after {content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}
.hero_list dt:after,
.hero_list dd:after {clear: both;}
.hero_list dt,
.hero_list dd { margin-left: 0;}
.hero_list dt {line-height: 50px;font-size: 14px;position: relative;border-bottom: 1px solid #ddd;margin-bottom: 20px;margin-left: 15px;}
.hero_list dt span {color: #676767;;display: inline;font-size:18px;;padding: 0 20px;position: relative;cursor: pointer;line-height: 50px;top: 2px;}

.hero_list dt span{ float: left;height: 50px; }
.hero_list dt span.cur {color: #ff9000;}
.hero_list dt span i {display: none;}
.hero_list dt .cur i {display: block;position: absolute;left: 50%;bottom: -7px;margin-left: -7px;width: 15px;height: 7px;}
.hero_list dd {display: none;}
.hero_list dd.on {display: block; }
.hero_list dd img {width: 75px;height: 75px;border-radius: 18px;display: block; margin: 0 auto 5px auto;border: 2px solid #fff;}
.oreimg_box{ background: #f3a268;width: 79px;height: 79px;border-radius: 10px;transition: all 1s; }
.oreimg_box:hover{ background: #ff6900; }
.hero_list dd img{transform: rotateY(0);transition: all 1s ease-in-out 0s;}
.hero_list dd a:hover img{transform: rotateY(-360deg);}
.skin_box{ width: 180px ;height: 120px; }
.equip_box{ border-radius: 100%;width: 79px;height: 79px;border: 2px solid #f3a268;transition: all 1s; }
.equip_box:hover{ border: 2px solid #ff6900; }

.hero_list dd a {display: inline;overflow: hidden;margin: 0 14px;text-align: center;color: #666 !important;text-decoration: none;position: relative;}
.hero_list dd a{ margin-bottom: 15px; }
.hero_list dd a{ float: left;width: 79px;height: 105px; }
.hero_list dd a:hover {color: #ff9000 !important;}
.figure_list dd a:hover img{width: 75px;height: 75px; background: #333333;border: 2px solid #ff9000;}
.hero_list dd a em{width: 75px;height: 75px;border-radius: 14px;display: block;background: rgba(0, 0, 0, 0.2);margin: 0 auto 4px auto;position: absolute; top: 2px; left: 2px;text-align: center;line-height: 75px;font-style: normal;color: #fff;font-size: 17px;transition: all .5s;}
.hero_list dt a{ float: right;color: #999999;line-height: 50px; }
.hero_list dt a:hover{ color: #ff6900;text-decoration: underline; }
.figure_list dd{ height: 480px;overflow-y:auto }

.skin_list dd img{ width: 176px;height: 116px;border-radius: 18px ;}
.skin_list dd a:hover img{ border: 2px solid #ff9000; }
.skin_list dd a{ width: 180px; height: 147px;overflow: hidden;}
.skin_list dd a{ margin: 0 8px 12px 9px; }
.skin_list dd{ height: 318px;overflow-y:auto }
.skin_list dd a em{ width: 176px;height: 116px;line-height: 116px; }
.equip_list dd a{ width: 100px;height: 105px;overflow: hidden;; }
.equip_list dd{ height: 240px;overflow-y:auto }
.equip_list dd a em{ border-radius: 75px ;line-height: 75px;left: 13px;} 
.equip_list dd img{border-radius: 100%;  }




/* 图鉴样式 */
/* .hero_list dt b em{ position: relative;;width: 7px;height: 7px;top: 47px;float: left;background: url(../dximages/bg1.png) no-repeat -150px 0;;}
.hero_list dt b i{ font-style: normal;margin: 0 3px;display: block;float: left;line-height: 50px;height: 50px;border-bottom: 1px solid #F6C15B;; }
.hero_list dt b em.em2{ float: right;top: 48px; }
.hero_list dt b {float: left;width: auto;text-align: center;;line-height: 50px;margin-right: 30px;bottom: -1px;;display: inline;font-size: 22px;font-weight: normal;position: relative;border-bottom: 1px solid #ffffff;}
.hero_list { width: 100%;margin: 25px auto;}
.hero_list dt:before,
.hero_list dt:after,
.hero_list dd:before,
.hero_list dd:after {content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}
.hero_list dt:after,
.hero_list dd:after {clear: both;}
.hero_list dt,
.hero_list dd { margin-left: 0;}
.hero_list dt {line-height: 50px;font-size: 14px;position: relative;border-bottom: 1px solid #ddd;margin-bottom: 20px;margin-left: 15px;}
.hero_list dt span {float: left;color: #676767;;display: inline;font-size:18px;;padding: 0 20px;position: relative;cursor: pointer;height: 50px;line-height: 50px;top: 2px;}
.hero_list dt span.cur {color: #ff9000;}
.hero_list dt span i {display: none;}
.hero_list dt .cur i {display: block;position: absolute;left: 50%;bottom: -7px;margin-left: -7px;width: 15px;height: 7px;}
.hero_list dd {display: none;}
.hero_list dd.on {display: block; }
.hero_list dd img {width: 75px;height: 75px;border-radius: 15px;display: block;margin: 0 auto 5px auto;border: 2px solid #fff;}
.hero_list dd a {float: left;display: inline;width: 79px;overflow: hidden;;height: 105px;;margin: 0 14px;text-align: center;color: #666 !important;margin-bottom: 15px;text-decoration: none;position: relative;}
.hero_list dd a:hover {color: #ff9000 !important;}
.figure_list dd a:hover img{width: 75px;height: 75px; background: #333333;border: 2px solid #ff9000;}
.hero_list dd a em{display: block;width: 75px;height: 75px;border-radius: 14px;display: block;background: rgba(0, 0, 0, 0.2);margin: 0 auto 4px auto;position: absolute; top: 2px; left: 2px;text-align: center;line-height: 75px;font-style: normal;color: #fff;font-style: 16px;}
.hero_list dt a{ float: right;color: #999999;line-height: 50px; }
.hero_list dt a:hover{ color: #ff6900;text-decoration: underline; }
.figure_list dd{ height: 480px;overflow-y:auto }

.skin_list dd img{ width: 176px;height: 116px;}
.skin_list dd a:hover img{ border: 2px solid #ff9000; }
.skin_list dd a{ width: 180px; height: 147px;overflow: hidden;}
.skin_list dd a{ margin: 0 8px 12px 9px; }
.skin_list dd{ height: 318px;overflow-y:auto }
.skin_list dd a em{ width: 176px;height: 116px;line-height: 116px; }

.equip_list dd a{ width: 100px;height: 105px;overflow: hidden;; }
.equip_list dd{ height: 240px;overflow-y:auto }
.equip_list dd a em{ border-radius: 75px ;line-height: 75px;left: 12px;} 
.equip_list dd img{border-radius: 100%;  } */


