@charset "UTF-8";

html,textarea {
	overflow: auto
}

a,a:focus,body,button,input,input:focus,select,textarea {
	-webkit-tap-highlight-color: transparent
}

a,body {
	color: #333
}

a,a:hover {
	text-decoration: none
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

article,aside,details,figcaption,figure,footer,header,nav,section {
	display: block
}

li,ol,ul {
	list-style: none
}

body,button,input,select,textarea {
	font: 14px/1 "\5fae\8f6f\96c5\9ed1","Microsoft YaHei","\5b8b\4f53",SimSun,"\82f9\679c\4e3d\7ec6\5b8b",Tahoma,Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	-webkit-overflow-scrolling: touch;
	position: relative;
	margin: 0 auto;
	outline: 0
}

html,body {
	width: 100%;
	height: 100%;
	color: #46361e;
}{-webkit-transform-origin:0 0;-webkit-transform:scale(1.0,1.0);-moz-transform-origin:0 0;-moz-transform:scale(1.0,1.0);-ms-transform-origin:0 0;-ms-transform:scale(1.0,1.0);-o-transform-origin:0 0;-o-transform:scale(1.0,1.0);transform-origin:0 0;transform:scale(1.0,1.0);
}

:focus {
outline: 0
}

img {
vertical-align: middle;
display: inline-block
}

abbr,body,fieldset,html,iframe,img {
border: 0
}

textarea {
resize: none
}

a:focus,input:focus {
outline: 0;
color: #333
}

a:hover {
color: #c19d43
}

.clear:after {
content: " ";
clear: both;
display: block;
height: 0;
visibility: hidden;
line-height: 0
}

.left {
float: left
}

.right {
float: right
}

.hidden {
display: none
}

.hide {
display: none!important
}

#Topbar {
height: 110px;
background: url(https://img.xhui.cc/655sf/images/np.png) repeat-x 0 0;
}

.Topwrap {
width: 1200px;
margin: 0 auto;
position: relative;
height: 100%;
}

#Topnav {
height: 100px;
background: url(https://img.xhui.cc/655sf/images/topnav.jpg) no-repeat 0 0;
width: 672px;
float: left;
}

#Topnav li {
float: left;
}

#Topnav a {
display: block;
width: 222px;
height: 100px;
margin-left: 2px;
text-indent: -999em;
}

#Topnav a:hover {
background-image: url(https://img.xhui.cc/655sf/images/topnav.jpg);
background-repeat: no-repeat;
}

#Topnav a.n1:hover {
background-position: -2px -100px;
}

#Topnav a.n2:hover {
background-position: -226px -100px;
}

#Topnav a.n3:hover {
background-position: -450px -100px;
}

#Topbar .entry {
background: url(https://img.xhui.cc/655sf/images/entry.jpg) no-repeat 0 0;
display: block;
width: 236px;
height: 100px;
overflow: hidden;
text-indent: -999em;
float: left;
}

#Topbar .forum {
background: url(https://img.xhui.cc/655sf/images/forum.jpg) no-repeat 0 0;
display: block;
width: 236px;
height: 100px;
margin-left: 7px;
overflow: hidden;
text-indent: -999em;
float: left;
}

#Topbar .entry:hover {
background: url(https://img.xhui.cc/655sf/images/entry_1.jpg) no-repeat 0 0;
}

#Topbar .forum:hover {
background: url(https://img.xhui.cc/655sf/images/forum_1.jpg) no-repeat 0 0;
}

.Downwrap {
width: 1200px;
margin: 0 auto;
}

.down-box {
float: left;
width: 553px;
height: 143px;
position: absolute;
top: 750px;
background: url(https://img.xhui.cc/655sf/images/down_box_0d1267c.png) center center no-repeat;
z-index: 1000000;
}

.down-box.long {
width: 682px;
height: 144px;
left: 50%;
background: url(https://img.xhui.cc/655sf/images/box_f2a3c1c.png) center center no-repeat;
margin-left: -350px
}

.down-box.long .btn-con {
margin-top: 12px
}

.down-box .code-img {
width: 124px;
margin: 10px 10px 0 14px;
float: left
}

.down-box .code-img .code {
width: 124px;
height: 124px;
background: #fff;
overflow: hidden
}

.down-box .code-img .code-i {
position: relative;
width: 120px;
height: 120px;
padding: 2px
}

.down-box .code-img .code-icon {
width: 120px;
height: 120px;
position: absolute;
z-index: 1;
pointer-events: none
}

.down-box .code-img .p {
line-height: 24px;
text-align: center;
color: #2f3031
}

.btn-con {
width: 240px;
float: left;
margin-top: 10px
}

.down-box .btn-con .btn {
width: 240px;
height: 56px;
margin-bottom: 8px;
cursor: pointer;
background: url(https://img.xhui.cc/655sf/images/btn_all_67c5e00.png) no-repeat
}

.down-box .btn-con .btn .b {
display: block;
height: 56px;
font-size: 24px;
color: #fff;
text-align: center;
line-height: 82px;
text-indent: -555px;
overflow: hidden
}

.down-box .btn-con .btn.ios {
background-position: 0 0
}

.down-box .btn-con .btn.ios:hover {
background-position: -260px 0
}

.down-box .btn-con .btn.ios.download {
background-position: 0 -132px
}

.down-box .btn-con .btn.ios.download:hover {
background-position: -260px -132px
}

.down-box .btn-con .btn.android {
background-position: 0 -64px
}

.down-box .btn-con .btn.android:hover {
background-position: -260px -64px
}

.down-box .btn-con .btn.android.download {
background-position: 0 -196px
}

.down-box .btn-con .btn.android.download:hover {
background-position: -260px -196px
}

.down-box .gift,.down-box .gift.hover:hover,.down-box .simulator,.down-box .simulator:hover {
background-size: 406px 300px;
background-image: url(https://img.xhui.cc/655sf/images/index_book_btn_1_z_b66e1a9.png)
}

.down-box .gift {
width: 130px;
height: 146px;
position: absolute;
bottom: 5px;
right: 15px;
display: block;
text-indent: -444px;
overflow: hidden;
background-repeat: no-repeat;
}

.down-box .gift.hover:hover {
cursor: pointer;
background-repeat: no-repeat;
}

.down-box .gift {
background-position: 0px 0px;
text-indent: -999em;
}

.down-box .gift.hover:hover {
background-position: -140px 0px
}

.down-box .simulator {
position: absolute;
z-index: 10000;
right: 155px;
top: -8px;
width: 116px;
height: 144px;
background-repeat: no-repeat;
text-indent: -999em;
}

.down-box .simulator:hover {
background-repeat: no-repeat;
}

.down-box .simulator {
background-position: -280px 0px;
}

.down-box .simulator:hover {
background-position: 0px -156px
}

.pub-mid-con {
width: 1200px;
margin: 0 auto
}

.pub-nav-con {
min-width: 1200px
}

.pub-nav-con .pub-mid-con {
height: 90px
}

.pub-nav-con .logo-con {
color: #fef5df;
width: 305px;
float: left;
font-weight: 400
}

.pub-nav-con .logo-con h1,.pub-nav-con .logo-con h2 {
float: left
}

.pub-nav-con .logo-con a {
display: block
}

.pub-nav-con .logo-con .ig {
width: 100px;
height: 100px;
margin: 7px 0 0 5px;
float: left;
border-radius: 12px
}

.pub-nav-con .logo-con .ig .img,.pub-nav-con .logo-con .ig .link {
width: 100%;
height: 100%;
display: block
}

.pub-nav-con .logo-con .des {
margin-left: 117px;
font-size: 22px;
line-height: 30px;
padding-top: 15px
}

.pub-nav-con .nav-list {
width: 680px;
float: left;
height: 60px
}

.pub-nav-con .nav-list li {
width: 110px;
height: 100%;
line-height: 60px;
font-size: 18px;
text-align: center;
float: left;
cursor: pointer;
color: #cdc5b3;
background: url(https://img.xhui.cc/655sf/images/line.png) right center no-repeat
}

.pub-nav-con .nav-list li .link {
height: 100%;
display: block;
color: #cdc5b3
}

.pub-nav-con .nav-list li .link:hover,.pub-nav-con .nav-list li.current .link {
color: #cda43f
}

.pub-nav-con .nav-list li.last {
background: 0 0
}

.pub-nav-con .follow {
width: 195px;
float: right;
line-height: 60px
}

.pub-nav-con .follow .btn {
width: 30px;
height: 30px;
display: inline-block;
position: relative;
cursor: pointer;
vertical-align: middle
}

.pub-nav-con .follow .btn:hover .pop {
display: block
}

.pub-nav-con .follow .wb {
background-repeat: no-repeat;
}

.pub-nav-con .follow .wb:hover {
background-repeat: no-repeat;
}

.pub-nav-con .follow .wc {
background-repeat: no-repeat;
}

.pub-nav-con .follow .wc:hover {
background-repeat: no-repeat;
}

.pub-nav-con .follow .pop {
width: 158px;
height: 186px;
position: absolute;
left: -64px;
top: 28px;
overflow: hidden;
display: none;
background-repeat: no-repeat;
}

.pub-nav-con .follow .pop .con {
position: relative;
margin: 9px 1px 1px;
padding-top: 7px
}

.pub-nav-con .follow .pop .ig {
width: 137px;
height: 137px;
margin: 0 auto;
display: block
}

.pub-nav-con .follow .pop .p {
line-height: 32px;
text-align: center;
font-size: 14px;
color: #fef5df
}

.pub-nav-con .follow .qr-icon {
position: absolute;
z-index: 1;
width: 30px;
height: 30px;
left: 62px;
top: 62px
}

.pub-nav-con .follow .t {
font-size: 18px;
color: #cdc5b3
}

.pub-nav-con .inside-page-back {
font-size: 24px
}

.video-pop {
display: none;
position: fixed;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: #000;
background: rgba(0,0,0,.75)
}

.video-pop .content {
position: absolute;
width: 820px;
height: 461px;
top: 50%;
left: 50%;
margin: -230px 0 0 -410px
}

.video-pop .close {
position: absolute;
width: 25px;
height: 26px;
top: 0;
right: -30px;
cursor: pointer;
background-repeat: no-repeat;
}

.side-bar {
width: 100px;
height: 280px;
position: fixed;
right: 10px;
top: 250px;
border-left: 1px dotted #c19d43;
z-index: 50;
}

.contain-box,.contain-box .pub-mid-con,.index-tit {
position: relative
}

.side-bar .list li {
height: 20px;
line-height: 20px;
font-size: 14px;
margin-bottom: 14px;
color: #a87e11;
padding-left: 25px;
margin-left: -10px;
background: url(https://img.xhui.cc/655sf/images/normal.png) left center no-repeat;
cursor: pointer
}

.side-bar .list li.focus,.side-bar .list li:hover {
color: #fff;
background: url(https://img.xhui.cc/655sf/images/on_e9acb03.png) left center no-repeat
}

.side-bar .list li a {
color: #a87e11;
}

.side-bar .list li a:hover {
color: #fff;
background: url(https://img.xhui.cc/655sf/images/on_e9acb03.png) left center no-repeat
}

.side-bar .list .home,.side-bar .list .home.focus,.side-bar .list .home:hover {
background: url(https://img.xhui.cc/655sf/images/home_961d579.png) left center no-repeat
}

.side-bar .list .home {
height: 41px;
text-indent: -444px;
overflow: hidden;
margin-bottom: 4px;
position: relative;
top: -6px;
left: -11px
}

.contain-box2 .news-category-list .detail,.contain-box2 .perfect-video .video-list .p,.ell,.game-guide-con .textarea .list .title .tit {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.index-tit {
height: 138px;
overflow: hidden;
z-index: 1
}

.index-tit .tit {
width: 369px;
height: 30px;
text-indent: -888px;
display: block;
margin: 50px auto 0
}

.role-block {
position: relative;
width: 100%;
height: 900px;
margin: 0 auto;
min-width: 1200px;
overflow: hidden;
background: url(https://img.xhui.cc/655sf/images/bg3.jpg) center center no-repeat
}

.role-block .title {
position: absolute;
z-index: 10;
top: 70px;
left: 0;
right: 0;
width: 380px;
height: 31px;
margin: auto;
background: url(https://img.xhui.cc/655sf/images/title_0a391cd.png) center center no-repeat
}

.role-block .role-wrapper {
position: relative;
width: 1200px;
height: 100%;
margin: 0 auto
}

.role-menu-list {
position: absolute;
z-index: 11;
width: 67px;
height: 766px;
top: 0px;
left: 0;
padding: 67px 0;
background: url(https://img.xhui.cc/655sf/images/tab1_912ec54.png) center center no-repeat
}

.role-menu-list .role-menu-item {
width: 67px;
height: 78px;
margin-bottom: 18px;
cursor: pointer
}

.role-menu-list .role-menu-item.current,.role-menu-list .role-menu-item:hover {
background: url(https://img.xhui.cc/655sf/images/tab2_5a64147.png) no-repeat
}

.role-menu-list .role-menu-item.xiaoyao {
background-position: 0 -96px
}

.role-menu-list .role-menu-item.yaowang {
background-position: 0 -195px
}

.role-menu-list .role-menu-item.tangmen {
background-position: 0 -286px
}

.role-cont-item {
display: none;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
-webkit-transition: all .5s linear;
transition: all .5s linear
}

.role-cont-item.current {
display: block
}

.role-cont-item .cont {
position: relative;
z-index: 3;
width: 450px;
margin-left: 120px;
padding-top: 150px
}

.role-cont-item .name {
display: block;
width: 344px;
height: 204px;
margin: 0 auto 5px
}

.role-cont-item .intro-1 {
height: 45px;
line-height: 42px;
font-size: 18px;
color: #000;
text-align: center;
background: url(https://img.xhui.cc/655sf/images/line_2ef4221.png) no-repeat
}

.role-cont-item .intro-2 {
line-height: 24px;
font-size: 14px;
color: #000
}

.role-cont-item .video-wrapper {
margin: 20px 0;
height: 145px;
width: 100%;
text-align: center;
vertical-align: middle
}

.role-cont-item .video-wrapper .tit {
display: inline-block;
width: 22px;
line-height: 28px;
font-size: 20px;
color: #000;
vertical-align: middle
}

.role-cont-item .video-wrapper .video {
display: none;
position: relative;
width: 270px;
height: 145px;
margin: 0 12px;
vertical-align: middle;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer
}

.role-cont-item .video-wrapper .video.current {
display: inline-block
}

.role-cont-item .video-wrapper .video:before {
content: '';
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(https://img.xhui.cc/655sf/images/play_8cfb67f.png) center center no-repeat;
background: url(https://img.xhui.cc/655sf/images/play_8cfb67f.png) center 30px no-repeat rgba(0,0,0,.5)
}

.role-cont-item .video-wrapper .v-tit {
position: absolute;
z-index: 2;
width: 100%;
color: #fff;
font-size: 14px;
left: 0;
bottom: 10px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.role-cont-item .skill {
display: block;
width: 219px;
height: 201px;
margin: 0 auto
}

.role-cont-item .role {
position: absolute;
z-index: 1;
bottom: 0
}

.role-cont-item .role-sex-switcher {
display: inline-block;
vertical-align: middle;
width: 42px;
height: 90px
}

.role-cont-item .role-sex-switcher span {
display: block;
width: 42px;
height: 42px;
cursor: pointer;
background: url(https://img.xhui.cc/655sf/images/imagessex_dfb93e9.png) no-repeat
}

.role-cont-item .role-sex-switcher .m {
margin-bottom: 6px
}

.role-cont-item .role-sex-switcher .f {
background-position: center bottom
}

.role-cont-list {
width: 100%;
height: 100%
}

.role-cont-list .tangmen1 .name {
background: url(https://img.xhui.cc/655sf/images/name_04.png) 13px -4px no-repeat
}

.role-cont-list .tangmen1 .role {
left: 660px;
width: 650px;
height: 800px;
background: url(../zb/01.gif) no-repeat
}

.role-cont-list .tangmen1 .m.current {
background: url(https://img.xhui.cc/655sf/images/sex_7f66a59.png) center top no-repeat
}

.role-cont-list .tangmen1.f.current {
background: url(https://img.xhui.cc/655sf/images/sex_7f66a59.png) center bottom no-repeat
}

.role-cont-list .tangmen2 .name {
background: url(https://img.xhui.cc/655sf/images/name_04.png) 13px -4px no-repeat
}

.role-cont-list .tangmen2 .role {
left: 660px;
width: 650px;
height: 800px;
background: url(../zb/02.gif) no-repeat
}

.role-cont-list .tangmen2 .m.current {
background: url(https://img.xhui.cc/655sf/images/sex_7f66a59.png) center top no-repeat
}

.role-cont-list .tangmen2 .f.current {
background: url(https://img.xhui.cc/655sf/images/sex_7f66a59.png) center bottom no-repeat
}

.role-cont-list .tangmen3 .name {
background: url(https://img.xhui.cc/655sf/images/name_04.png) 13px -4px no-repeat
}

.role-cont-list .tangmen3 .role {
left: 660px;
width: 650px;
height: 800px;
background: url(../zb/03.gif) no-repeat
}

.role-cont-list .tangmen3 .m.current {
background: url(https://img.xhui.cc/655sf/images/sex_7f66a59.png) center top no-repeat
}

.role-cont-list .tangmen3 .f.current {
background: url(https://img.xhui.cc/655sf/images/sex_7f66a59.png) center bottom no-repeat
}

.role-cont-list .tangmen4 .name {
background: url(https://img.xhui.cc/655sf/images/name_04.png) 13px -4px no-repeat
}

.role-cont-list .tangmen4 .role {
left: 660px;
width: 650px;
height: 800px;
background: url(../zb/04.gif) no-repeat
}

.role-cont-list .tangmen4 .m.current {
background: url(https://img.xhui.cc/655sf/images/sex_7f66a59.png) center top no-repeat
}

.role-cont-list .tangmen4 .f.current {
background: url(https://img.xhui.cc/655sf/images/sex_7f66a59.png) center bottom no-repeat
}

.contain-box2 {
background: url(https://img.xhui.cc/655sf/images/bg2.jpg) center center no-repeat
}

.contain-box2 .pub-mid-con {
height: 900px
}

.contain-box2 .index-tit .tit {
background-repeat: no-repeat;
}

.contain-box2 .news-block {
margin-bottom: 17px
}

.contain-box2 .shots-wrapper {
position: relative;
float: left;
width: 611px;
height: 340px;
overflow: hidden
}

.contain-box2 .shots-list {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
left: 0
}

.contain-box2 .shots-list .shots-item {
float: left;
width: 611px;
height: 347px
}

.contain-box2 .shots-list .img,.contain-box2 .shots-list .link-wrap {
display: block;
width: 100%;
height: 100%
}

.contain-box2 .news-wrapper {
position: relative;
margin-left: 630px;
width: 570px;
height: 340px;
overflow: hidden;
background: #fff
}

.contain-box2 .news-nav-list {
position: relative;
height: 40px;
margin: 7px 20px 0;
border-bottom: 1px solid #333
}

.contain-box2 .news-nav-list .news-nav-item {
width: 105px;
height: 40px;
font-size: 18px;
cursor: pointer;
text-align: center;
float: left
}

.contain-box2 .news-nav-list .news-nav-item .inner {
display: block;
line-height: 40px
}

.contain-box2 .news-nav-list .news-nav-item.last {
border-right: none
}

.contain-box2 .news-nav-list .news-nav-item:hover .inner {
color: #b8942d
}

.contain-box2 .news-nav-list .news-nav-item.current .inner {
color: #fff;
background: url(https://img.xhui.cc/655sf/images/news_tab.png) center center no-repeat
}

.contain-box2 .news-nav-list .news-nav-item.current .more {
display: block
}

.contain-box2 .news-nav-list .more {
display: none
}

.contain-box2 .news-content-list {
width: 500%;
position: absolute;
padding: 15px 0 0;
height: 267px;
overflow: hidden
}

.contain-box2 .news-content-list .news-content-item {
width: 528px;
float: left;
min-height: 200px;
margin-right: 18px;
padding: 0 20px
}

.contain-box2 .news-category-list .news-category-item {
line-height: 37px;
cursor: pointer;
border-bottom: 1px dotted #dcdee1
}

.contain-box2 .news-category-list .time {
float: right
}

.contain-box2 .news-category-list .label {
float: left
}

.contain-box2 .news-category-list .detail {
display: block;
height: 37px;
margin-right: 50px
}

.contain-box2 .news-category-list .detail a {
display: inline-block
}

.contain-box2 .slider-indicator {
position: absolute;
z-index: 3;
bottom: 20px;
right: 10px;
font-size: 0;
text-align: center
}

.contain-box2 .slider-indicator .dot {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 10px;
cursor: pointer;
background-repeat: no-repeat;
}

.contain-box2 .slider-indicator .dot.on {
background-repeat: no-repeat;
}

.contain-box2 .news-wrapper-more {
position: absolute;
right: 0;
top: 0
}

.contain-box2 .news-wrapper-more li {
width: 30px;
height: 30px;
text-indent: -555px;
overflow: hidden;
display: none;
background-repeat: no-repeat;
}

.contain-box2 .news-wrapper-more li.current {
display: block
}

.contain-box2 .news-wrapper-more li:hover {
background-repeat: no-repeat;
}

.contain-box2 .news-wrapper-more .link {
width: 100%;
height: 100%;
display: block
}

.contain-box2 .perfect-video {
height: 333px;
background: #fff;
position: relative;
overflow: hidden
}

.contain-box2 .perfect-video .big-more {
width: 48px;
height: 100%;
display: block;
text-indent: -555px;
overflow: hidden;
float: left;
background: url(https://img.xhui.cc/655sf/images/vidoe_tit.png) center center no-repeat
}

.contain-box2 .perfect-video .big-more:hover {
background: url(https://img.xhui.cc/655sf/images/vidoe_tit_hover.png) center center no-repeat
}

.contain-box2 .perfect-video .video-list {
margin: 16px 0 0 48px;
height: 100%
}

.contain-box2 .perfect-video .video-list li {
width: 270px;
height: 144px;
margin: 0 13px 12px 0;
float: left;
position: relative;
cursor: pointer
}

.contain-box2 .perfect-video .video-list li:hover .play {
display: none
}

.contain-box2 .perfect-video .video-list li:hover .ig {
-webkit-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1)
}

.contain-box2 .perfect-video .video-list li.big {
width: 563px;
height: 300px;
margin-right: 19px
}

.contain-box2 .perfect-video .video-list .img {
width: 100%;
height: 100%;
overflow: hidden
}

.contain-box2 .perfect-video .video-list .img .ig {
width: 100%;
height: 100%;
display: block;
-webkit-transition: all .5s linear;
transition: all .5s linear
}

.contain-box2 .perfect-video .video-list .play {
width: 100%;
height: 100%;
background: url(https://img.xhui.cc/655sf/images/play_8cfb67f.png) center center no-repeat;
background: url(https://img.xhui.cc/655sf/images/play_8cfb67f.png) center center no-repeat rgba(0,0,0,.5);
position: absolute;
left: 0;
top: 0
}

.contain-box2 .perfect-video .video-list .p {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
font-size: 14px;
text-indent: 10px;
line-height: 28px;
color: #fff
}

.contain-box3 {
background: url(https://img.xhui.cc/655sf/images/bg4.jpg) center top no-repeat
}

.contain-box3 .pub-mid-con {
height: 900px;
padding-top: 137px;
}

.contain-box3 .index-tit .tit {
background-repeat: no-repeat;
}

.game-guide-con {
width: 1200px;
height: 642px;
margin: 0 auto;
background: #fff
}

.game-guide-con .itme-box {
width: 124px;
height: 100%;
float: left;
position: relative;
overflow: hidden;
transition: width .5s;
-moz-transition: width .5s;
-webkit-transition: width .5s;
-o-transition: width .5s
}

.game-guide-con .itme-box.on {
width: 828px
}

.game-guide-con .itme-box.on .tab {
border-right: 1px solid #ededed;
background-image: url(https://img.xhui.cc/655sf/images/tab_hover_e4f0889.jpg)
}

.game-guide-con .tab {
width: 124px;
height: 100%;
background: url(https://img.xhui.cc/655sf/images/tab_b1c776c.jpg) center center no-repeat;
cursor: pointer
}

.game-guide-con .tab.tab1 {
background-position: 0 0
}

.game-guide-con .tab.tab2 {
background-position: -124px 0
}

.game-guide-con .tab.tab3 {
background-position: -248px 0
}

.game-guide-con .tab.tab4 {
background-position: -372px 0
}

.game-guide-con .tab:hover {
background-image: url(https://img.xhui.cc/655sf/images/tab_hover_e4f0889.jpg)
}

.game-guide-con .textarea {
width: 704px;
height: 100%;
position: absolute;
left: 125px;
top: 0;
background: #fff;
overflow: hidden
}

.game-guide-con .textarea .list {
margin-top: 0px
}

.game-guide-con .textarea .list li:hover {
background: #fafafa
}

.game-guide-con .textarea .list .b {
margin: 0 25px;
padding-left: 18px;
height: 135px;
border-bottom: 1px dotted #c4c4c4
}

.game-guide-con .textarea .list .left {
width: 470px;
float: left
}

.game-guide-con .textarea .list .img {
width: 140px;
float: right
}

.game-guide-con .textarea .list .img .ig {
width: 140px;
height: 80px;
display: block;
margin-top: 28px
}

.game-guide-con .textarea .list .title {
height: 18px;
line-height: 18px;
margin: 28px 0 18px
}

.game-guide-con .textarea .list .title .tit {
width: 400px;
float: left
}

.game-guide-con .textarea .list .title .tit .link {
padding-left: 18px;
background: url(https://img.xhui.cc/655sf/images/dot_d2c383c.png) center left no-repeat
}

.game-guide-con .textarea .list .title .tit .link:hover {
background-image: url(https://img.xhui.cc/655sf/images/dot_hover_e99dbdb.png)
}

.game-guide-con .textarea .list .title .time {
width: 50px;
float: right
}

.game-guide-con .textarea .list .p {
height: 44px;
line-height: 22px;
color: #929292;
overflow: hidden
}

.game-guide-con .textarea .more {
width: 99px;
height: 29px;
margin: 18px auto 0;
display: block;
background: url(https://img.xhui.cc/655sf/images/more_2ab498e.png) center left no-repeat
}

.game-guide-con .textarea .more:hover {
background-image: url(https://img.xhui.cc/655sf/images/more_hover_bc61584.png)
}

.contain-box4 {
background: url(https://img.xhui.cc/655sf/images/bg5.jpg) center top no-repeat
}

.contain-box4 .pub-mid-con {
height: 900px
}

.contain-box4 .index-tit1 .tit {
background-repeat: no-repeat;
}

.contain-box4 .index-tit2 {
margin-top: 10px
}

.contain-box4 .index-tit2 .tit {
background-repeat: no-repeat;
}

.game-pic-con {
height: 660px;
top: 35px;
position: relative
}

.game-pic-con .pic-list {
width: 1200px;
height: 600px;
margin: 0 auto 28px;
position: relative
}

.game-pic-con .pic-list li {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: none
}

.game-pic-con .pic-list .current {
display: block
}

.game-pic-con .pic-list .pic {
width: 100%;
height: 100%;
display: block
}

.game-pic-con .pic-time {
height: 34px;
text-align: center;
position: relative;
z-index: 1
}

.game-pic-con .pic-time li {
width: 30px;
height: 34px;
display: inline-block;
margin: 0 2px;
background: url(https://img.xhui.cc/655sf/images/time_9024eec.png) 1px center no-repeat;
cursor: pointer
}

.game-pic-con .pic-time li.current {
width: 60px;
background: url(https://img.xhui.cc/655sf/images/time_9024eec.png) -37px center no-repeat
}

.game-pic-con .pic-ctrl {
width: 60px;
height: 60px;
position: absolute;
top: 250px;
z-index: 1;
background: url(https://img.xhui.cc/655sf/images/ctrl_d6421c9.png) 1px center no-repeat;
cursor: pointer
}

.game-pic-con .pic-ctrl.pic-prev {
left: 0px;
background-position: 0 center
}

.game-pic-con .pic-ctrl.pic-next {
right: 0px;
background-position: -1075px center
}

.game-pic-con .pic-ctrl.current,.game-pic-con .pic-ctrl:hover {
background-image: url(https://img.xhui.cc/655sf/images/ctrl_hover_74b946e.png)
}

.big-frilink {
position: relative;
margin-bottom: 35px
}

.big-frilink .list {
width: 100%;
font-size: 0;
overflow: hidden;
text-align: center
}

.big-frilink .link {
width: 180px;
height: 70px;
margin: 8px;
display: inline-block;
overflow: hidden;
background: #fff
}

.big-frilink .link img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
display: block
}

.small-frilink {
padding: 0 150px
}

.small-frilink .list {
padding: 0 10px;
text-align: center
}

.small-frilink .link {
color: #2a1e0a
}

.gallery-page {
text-align: center;
font-size: 14px;
color: #000;
margin: 20px 0
}

.gallery-indicator {
padding-left: 50px;
font-size: 0;
text-align: center
}

.gallery-indicator .dot {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 50px;
background: #999
}

.gallery-indicator .dot.on {
background: #000
}

.contain-box5 .pub-mid-con {
height: 653px
}

.contain-box1 .logo {
-webkit-transition: all .7s linear .3s;
transition: all .7s linear .3s
}

.contain-box1 .slogan {
-webkit-transition: all .7s linear .5s;
transition: all .7s linear .5s
}

.contain-box1 .down-box {
-webkit-transition: all .7s linear .7s;
transition: all .7s linear .7s
}

.contain-box1 .leaf1 {
-webkit-animation: drop 14s ease-in-out infinite;
animation: drop 14s ease-in-out infinite;
z-index: 0
}

.contain-box1 .leaf1 .ig {
-webkit-animation: fadeLeaf 10s linear infinite alternate;
animation: fadeLeaf 10s linear infinite alternate
}

.contain-box1 .leaf2 {
-webkit-animation: drop2 12s ease-in-out infinite;
animation: drop2 12s ease-in-out infinite;
z-index: 0
}

.contain-box1 .leaf2 .ig {
-webkit-animation: fadeLeaf 10s linear infinite alternate;
animation: fadeLeaf 10s linear infinite alternate
}

.contain-box1 .leaf3 {
-webkit-animation: drop3 11s ease-in-out infinite;
animation: drop3 11s ease-in-out infinite;
z-index: 0
}

.contain-box1 .leaf3 .ig {
-webkit-animation: fadeLeaf 7s linear infinite alternate;
animation: fadeLeaf 7s linear infinite alternate
}

.contain-box1.animate .down-box,.contain-box1.animate .logo,.contain-box1.animate .slogan,.contain-box1.animate .video {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0* 100);
-webkit-transform: translate3d(0,10%,0);
-ms-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0)
}

.contain-box2 .index-tit {
-webkit-transition: all .7s linear .2s;
transition: all .7s linear .2s
}

.contain-box2 .news-block {
-webkit-transition: all .7s linear .4s;
transition: all .7s linear .4s
}

.contain-box2 .perfect-video {
-webkit-transition: all .7s linear .6s;
transition: all .7s linear .6s
}

.contain-box2.animate .index-tit,.contain-box2.animate .news-block,.contain-box2.animate .perfect-video {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0* 100);
-webkit-transform: translate3d(0,10%,0);
-ms-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0)
}

.contain-box3 .holy-world-wrapper .img-list .ig,.contain-box3 .holy-world-wrapper .img-list .text,.contain-box3 .holy-world-wrapper .tit-list,.contain-box3 .index-tit {
-webkit-transition: all .7s linear .2s;
transition: all .7s linear .2s
}

.contain-box3.animate .index-tit {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0* 100);
-webkit-transform: translate3d(0,10%,0);
-ms-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0)
}

.contain-box3.animate .holy-world-wrapper .img-list .ig {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0* 100)
}

.contain-box3.animate .holy-world-wrapper .img-list .text {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0* 100);
-webkit-transform: translate3d(-30%,0,0);
-ms-transform: translate3d(-30%,0,0);
transform: translate3d(-30%,0,0)
}

.contain-box3.animate .holy-world-wrapper .tit-list {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0* 100);
-webkit-transform: translate3d(0,10%,0);
-ms-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0)
}

.holy-world-wrapper .img-list li .text {
-webkit-transform: translate3d(-50%,0,0);
-ms-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0)
}

.holy-world-wrapper .img-list li.current .text {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

.contain-box4 .index-tit,.contain-box4 .role-player-wrapper .role {
-webkit-transition: all .6s linear;
transition: all .6s linear
}

.contain-box4.animate .index-tit {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0* 100);
-webkit-transform: translate3d(0,10%,0);
-ms-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0)
}

.contain-box4.animate .role-player-wrapper .role {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0* 100);
-webkit-transform: translate3d(10%,0,0);
-ms-transform: translate3d(10%,0,0);
transform: translate3d(10%,0,0)
}

.contain-box5 .big-frilink {
-webkit-transition: all .7s linear .2s;
transition: all .7s linear .2s
}

.contain-box5 .small-frilink {
-webkit-transition: all .7s linear .4s;
transition: all .7s linear .4s
}

.contain-box5.animate .big-frilink,.contain-box5.animate .small-frilink {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0* 100);
-webkit-transform: translate3d(0,10%,0);
-ms-transform: translate3d(0,10%,0);
transform: translate3d(0,10%,0)
}

@-webkit-keyframes breath {
0% {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1)
}

100% {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1)
}}

@keyframes breath {
	0% {
		-webkit-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1)
	}

	100% {
		-webkit-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1)
	}
}

.roleFadeIn {
	z-index: 10
}

.roleFadeIn .cont {
	-webkit-animation: fadeIn .4s ease-in both;
	animation: fadeIn .4s ease-in both
}

.roleFadeIn .role {
	-webkit-animation: fadeInRight .4s ease-in both;
	animation: fadeInRight .4s ease-in both
}

.roleFadeOut {
	z-index: 1
}

.roleFadeOut .cont {
	-webkit-animation: fadeOut .4s ease-in both;
	animation: fadeOut .4s ease-in both
}

.roleFadeOut .role {
	-webkit-animation: fadeOutRight .4s ease-in both;
	animation: fadeOutRight .4s ease-in both
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0* 100)
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=1* 100)
	}
}

@keyframes fadeIn {
	0% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0* 100)
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=1* 100)
	}
}

@-webkit-keyframes fadeOut {
	0% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=1* 100)
	}

	100% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0* 100)
	}
}

@keyframes fadeOut {
	0% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=1* 100)
	}

	100% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0* 100)
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0* 100);
		-webkit-transform: translate3d(10%,0,0);
		-ms-transform: translate3d(10%,0,0);
		transform: translate3d(10%,0,0)
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=1* 100);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes fadeInRight {
	0% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0* 100);
		-webkit-transform: translate3d(10%,0,0);
		-ms-transform: translate3d(10%,0,0);
		transform: translate3d(10%,0,0)
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=1* 100);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-webkit-keyframes fadeOutRight {
	0% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=1* 100);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0* 100);
		-webkit-transform: translate3d(10%,0,0);
		-ms-transform: translate3d(10%,0,0);
		transform: translate3d(10%,0,0)
	}
}

@keyframes fadeOutRight {
	0% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=1* 100);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0* 100);
		-webkit-transform: translate3d(10%,0,0);
		-ms-transform: translate3d(10%,0,0);
		transform: translate3d(10%,0,0)
	}
}

.pub-nav-con .follow .pop {
	background-position: 0px 0px
}

.pub-nav-con .follow .wb {
	background-position: -168px 0px
}

.pub-nav-con .follow .wb:hover {
	background-position: -168px -35px
}

.pub-nav-con .follow .wc {
	background-position: -168px -70px
}

.pub-nav-con .follow .wc:hover {
	background-position: -168px -105px
}

.pub-nav-con .follow .pop,.pub-nav-con .follow .wb,.pub-nav-con .follow .wb:hover,.pub-nav-con .follow .wc,.pub-nav-con .follow .wc:hover {
	background-size: 203px 186px;
	background-image: url(https://img.xhui.cc/655sf/images/index_nav_1_z_e08b334.png)
}

.book-popup-block .popup-wrapper .close-ico {
	background-position: 0px 0px
}

.book-popup-block .popup-wrapper .close-ico:hover {
	background-position: -30px 0px
}

.book-popup-block .popup-wrapper .close-ico,.book-popup-block .popup-wrapper .close-ico:hover {
	background-size: 60px 20px;
	background-image: url(https://img.xhui.cc/655sf/images/index_book_close_1_z_6ad17ca.png)
}

.contain-box2 .news-wrapper-more li {
	background-position: 0px 0px
}

.contain-box2 .news-wrapper-more li:hover {
	background-position: -40px 0px
}

.video-pop .close {
	background-position: 0px -40px
}

.contain-box2 .slider-indicator .dot {
	background-position: -35px -40px
}

.contain-box2 .slider-indicator .dot.on {
	background-position: -80px 0px
}

.contain-box2 .news-wrapper-more li,.contain-box2 .news-wrapper-more li:hover,.video-pop .close,.contain-box2 .slider-indicator .dot,.contain-box2 .slider-indicator .dot.on {
	background-size: 106px 66px;
	background-image: url(https://img.xhui.cc/655sf/images/index_1_z_45f302d.png)
}

.contain-box3 .index-tit .tit {
	background: url(https://img.xhui.cc/655sf/images/title-2.png)
}

.contain-box4 .index-tit1 .tit {
	background-position: 0px -41px
}

.contain-box2 .index-tit .tit {
	background-position: 0px -82px
}

.contain-box4 .index-tit2 .tit {
	background-position: 0px -122px
}

.contain-box3 .index-tit .tit,.contain-box4 .index-tit1 .tit,.contain-box2 .index-tit .tit,.contain-box4 .index-tit2 .tit {
	background-size: 379px 152px;
	background-image: url(https://img.xhui.cc/655sf/images/index_title_1_z_fea1218.png)
}

@media all and (max-width:768px) {
	.footer-sticky-container {
		max-width: 768px;
		padding-bottom: 139px
	}