.Mid8 .RoleList{width:1200px;display:grid;grid-gap:12px;grid-template-columns:repeat(4, 1fr)}.Mid8 .RoleList .item{width:291px;height:307px;background:url("//image.gamersky.com/webimg13/zhuanti/piratesinhawaii/role/bg.png") no-repeat center/100% 100%;position:relative}.Mid8 .RoleList .item img{width:291px;height:307px;position:absolute;top:0}.Mid8 .RoleList .item .den{position:absolute;bottom:0;text-align:center;color:#000000;font-weight:normal;background:url("//image.gamersky.com/webimg13/zhuanti/piratesinhawaii/role/zz.png") no-repeat center/100% 100%;width:291px;height:80px}.Mid8 .RoleList .item .den .title{margin-top:8px;height:19px;font-size:14px;line-height:19px}.Mid8 .RoleList .item .den .name{height:31px;font-size:24px;font-family:Microsoft YaHei,
 Microsoft YaHei-Bold;font-weight:700;line-height:31px}.Mid8 .RoleList .item .den .cy{height:14px;font-size:10px;font-family:MicrosoftYaHei;text-align:center;color:#000000;line-height:14px}.Mid9 .Den{font-size:24px;text-align:center;color:#fff;margin-bottom:50px}.Mid9 .Location{background-color:#000;padding:20px 20px 43px 20px;border:1px solid #8a7141}.Mid9 .Location .zz{display:flex}.Mid9 .Location .den{margin-top:38.8px;font-size:18px;font-family:MicrosoftYaHei;font-weight:normal;text-align:center;color:#ffffff;line-height:34px}.Mid9 .Location .item{-webkit-transform:skewX(-6deg);transform:skewX(-6deg);width:210px;margin-right:8px;overflow:hidden;transition:all 0.3s;position:relative;height:428px}.Mid9 .Location .item .name{position:absolute;top:0;font-size:32px;z-index:9;width:280px;height:70px;line-height:70px;text-indent:65px;color:#fff;background:url("//image.gamersky.com/webimg13/zhuanti/piratesinhawaii/mx/zz.png") no-repeat center/100% 100%;-webkit-transform:skewX(6deg);transform:skewX(6deg);display:none;left:-10px}.Mid9 .Location .item img{height:428px;cursor:pointer;-webkit-transform:skewX(6deg);transform:skewX(6deg);position:absolute;left:50%;transform:translateX(-50%)}.Mid9 .Location .item.cur{width:687px}.Mid9 .Location .item.cur .name{display:block}.Mid9 .Location .item:first-child{margin-left:-40px}.Mid9 .Location .item:first-child .name{left:10px}.Mid9 .Location .item:last-child{margin-right:-40px}