.roleMain{width: 1920px; height: 810px; position: absolute; left: 50%; margin-left: -960px; top: 0px; background: url(https://w2i.wanmei.com/images/cover250821/rolebg.jpg) no-repeat center 145px;}
.roleTab{width: 1000px; position: absolute; left: 436px; top: 168px; z-index: 100;}
.roleTab a{float: left; width: 116px; height: 40px; cursor: pointer; margin-right: 12px; background-repeat: no-repeat; background-position: 0 bottom; position: relative;}
.roleTab a.t1{background-image: url(https://w2i.wanmei.com/images/cover240809/role_tab1.png);}
.roleTab a.t2{background-image: url(https://w2i.wanmei.com/images/cover240809/role_tab2.png);}
.roleTab a.t3{background-image: url(https://w2i.wanmei.com/images/cover240809/role_tab3.png);}
.roleTab a.t4{background-image: url(https://w2i.wanmei.com/images/cover240809/role_tab4.png);}
.roleTab a.t5{background-image: url(https://w2i.wanmei.com/images/cover240809/role_tab5.png);}
.roleTab a.t6{background-image: url(https://w2i.wanmei.com/images/cover240809/role_tab6.png);}
.roleTab a:hover,.roleTab a.on{background-position: 0 0;}
.roleTab a:after{content: ""; width: 7px; height: 7px; background: url(https://w2i.wanmei.com/images/cover240809/d.png) no-repeat 0 0; position: absolute; right: -10px; top: 16px;}
.roleTab a:last-child:after{display: none;}

.roleCont{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;}
.roleSelct{width:63px; position: absolute; left: 360px; top: 240px; z-index: 10;}
.roleSelct a{display: block; width: 61px; height: 138px; background-color: #543016; border: 1px solid #693f21; margin-bottom: 4px; cursor: pointer; background-image: url(https://w2i.wanmei.com/images/cover250821/roleSelct.png); background-repeat: no-repeat; position: relative;}
.roleSelct a span{display: block; width: 28px; height: 12px; background: url(https://w2i.wanmei.com/images/cover240809/new.png) no-repeat 0 0; position: absolute; right: -6px; top: 12px;}
.roleSelct a.renIcon1{background-position: 10px 28px;}
.roleSelct a.renIcon1:hover,.roleSelct a.renIcon1.on{background-position: -481px 28px;}
.roleSelct a.renIcon2{background-position: 10px -116px;}
.roleSelct a.renIcon2:hover,.roleSelct a.renIcon2.on{background-position: -481px -116px;}
.roleSelct a.renIcon3{background-position: 10px -259px;}
.roleSelct a.renIcon3:hover,.roleSelct a.renIcon3.on{background-position: -481px -259px;}

.roleSelct a.renIcon4{background-position: -65px 28px;}
.roleSelct a.renIcon4:hover,.roleSelct a.renIcon4.on{background-position: -556px 28px;}
.roleSelct a.renIcon5{background-position: -65px -116px;}
.roleSelct a.renIcon5:hover,.roleSelct a.renIcon5.on{background-position: -556px -116px;}
.roleSelct a.renIcon6{background-position: -65px -259px;}
.roleSelct a.renIcon6:hover,.roleSelct a.renIcon6.on{background-position: -556px -259px;}

.roleSelct a.renIcon7{background-position: -138px 28px;}
.roleSelct a.renIcon7:hover,.roleSelct a.renIcon7.on{background-position: -629px 28px;}
.roleSelct a.renIcon8{background-position: -138px -116px;}
.roleSelct a.renIcon8:hover,.roleSelct a.renIcon8.on{background-position: -629px -116px;}
.roleSelct a.renIcon9{background-position: -138px -259px;}
.roleSelct a.renIcon9:hover,.roleSelct a.renIcon9.on{background-position: -629px -259px;}

.roleSelct a.renIcon10{background-position: -214px 28px;}
.roleSelct a.renIcon10:hover,.roleSelct a.renIcon10.on{background-position: -705px 28px;}
.roleSelct a.renIcon11{background-position: -214px -116px;}
.roleSelct a.renIcon11:hover,.roleSelct a.renIcon11.on{background-position: -705px -116px;}
.roleSelct a.renIcon12{background-position: -214px -259px;}
.roleSelct a.renIcon12:hover,.roleSelct a.renIcon12.on{background-position: -705px -259px;}

.roleSelct a.renIcon13{background-position: -287px 28px;}
.roleSelct a.renIcon13:hover,.roleSelct a.renIcon13.on{background-position: -778px 28px;}
.roleSelct a.renIcon14{background-position: -287px -116px;}
.roleSelct a.renIcon14:hover,.roleSelct a.renIcon14.on{background-position: -778px -116px;}
.roleSelct a.renIcon15{background-position: -287px -259px;}
.roleSelct a.renIcon15:hover,.roleSelct a.renIcon15.on{background-position: -778px -259px;}

.roleSelct a.renIcon16{background-position: -361px 28px;}
.roleSelct a.renIcon16:hover,.roleSelct a.renIcon16.on{background-position: -852px 28px;}
.roleSelct a.renIcon17{background-position: -361px -116px;}
.roleSelct a.renIcon17:hover,.roleSelct a.renIcon17.on{background-position: -852px -116px;}

.roleSelct a:hover,.roleSelct a.on{background-color: #ad8f47; border: 1px solid #bfa158;}

.roleRen{width: 100%; height: 100%; display: none; position: absolute; left: 0; top: 0;}
.renRole1{background: url(https://w2i.wanmei.com/images/cover240809/renRole1.png) no-repeat 0 0; display: block;}
.renRole2{background: url(https://w2i.wanmei.com/images/cover240809/renRole2.png) no-repeat 0 0;}
.renRole3{background: url(https://w2i.wanmei.com/images/cover240809/renRole3.png) no-repeat 0 0;}
.renRole4{background: url(https://w2i.wanmei.com/images/cover240809/renRole4.png) no-repeat 0 0; display: block;}
.renRole5{background: url(https://w2i.wanmei.com/images/cover240809/renRole5.png) no-repeat 0 0;}
.renRole6{background: url(https://w2i.wanmei.com/images/cover240809/renRole6.png) no-repeat 0 0;}
.renRole7{background: url(https://w2i.wanmei.com/images/cover240809/renRole7.png) no-repeat 0 0; display: block;}
.renRole8{background: url(https://w2i.wanmei.com/images/cover240809/renRole8.png) no-repeat 0 0;}
.renRole9{background: url(https://w2i.wanmei.com/images/cover240809/renRole9.png) no-repeat 0 0;}
.renRole10{background: url(https://w2i.wanmei.com/images/cover240809/renRole10.png) no-repeat 0 0; display: block;}
.renRole11{background: url(https://w2i.wanmei.com/images/cover240809/renRole11.png) no-repeat 0 0;}
.renRole12{background: url(https://w2i.wanmei.com/images/cover240809/renRole12.png) no-repeat 0 0;}
.renRole13{background: url(https://w2i.wanmei.com/images/cover240809/renRole13.png) no-repeat 0 0; display: block;}
.renRole14{background: url(https://w2i.wanmei.com/images/cover240809/renRole14.png) no-repeat 0 0;}
.renRole15{background: url(https://w2i.wanmei.com/images/cover240809/renRole15.png) no-repeat 0 0;}
.renRole16{background: url(https://w2i.wanmei.com/images/cover240809/renRole16.png) no-repeat 0 0; display: block;}
.renRole17{background: url(https://w2i.wanmei.com/images/cover240809/renRole17.png) no-repeat 0 0;}

.roleVideo{display: block; width: 71px; height: 77px; background: url(https://w2i.wanmei.com/images/cover240809/play2.png) no-repeat 0 0; position: absolute; left: 755px; top: 270px; cursor: pointer;}