*{margin: 0;padding: 0;-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{*zoom:1}
ul{list-style-type:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
img{border:0; vertical-align:top;}
/*body{ font-size:24px;font-family:"Microsoft yahei"; margin:0; width:100%; height:100%; background-color: #100f37;}*/
body{ margin:0; width:100%; height:100%; background-color: #ffffff;}
body{ font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;}
html { width: 100%; height: 100%; min-height: 11rem;}
a { -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:none;}
.fl_left { float:left;}
.wrapper { width: 7.5rem; height: 100%; position: relative;}

/*comm*/
.spr { background-image: url(../ossweb-img/m/spr.png); background-repeat: no-repeat; background-size: 4.08rem 4.75rem; }

.spr.banner_next { width:0.7rem; height:0.92rem; background-position:71.59763% 82.76762%; }
.spr.banner_prev { width:0.7rem; height:0.92rem; background-position:95.26627% 82.76762%; }
.spr.game_next { width:0.45rem; height:2.44rem; background-position:97.24518% 4.329%; }
.spr.game_prev { width:0.45rem; height:2.44rem; background-position:2.75482% 95.671%; }
.spr.games_em1 { width:1.25rem; height:0.1rem; background-position:85.51237% 63.87097%; }
.spr.his_em1 { width:0.2rem; height:0.2rem; background-position:32.21649% 48.57143%; }
.spr.his_em2 { width:0.2rem; height:0.2rem; background-position:39.94845% 48.57143%; }
.spr.history_next { width:0.2rem; height:0.28rem; background-position:16.75258% 49.44072%; }
.spr.history_prev { width:0.2rem; height:0.28rem; background-position:24.48454% 49.44072%; }
.spr.more_arr { width:0.18rem; height:0.13rem; background-position:47.4359% 47.8355%; }
.spr.more_arr1 { width:0.16rem; height:0.13rem; background-position:54.33673% 47.8355%; }
.spr.star_li_cont { width:1.67rem; height:2rem; background-position:26.97095% 96%; }
.spr.video_em1 { width:0.98rem; height:0.66rem; background-position:78.06452% 54.03423%; }
.spr.video_li_cont { width:3.33rem; height:2.01rem; background-position:13.33333% 3.64964%; }
/*内容*/
.page_kv { background: url(../ossweb-img/m/kv.jpg) no-repeat center top; background-size: 100% 100%; width: 100%; height: 5.9rem;}
.page_banner { background: url(../ossweb-img/m/header.png) no-repeat center top; background-size: 100% 100%; width: 100%; height: 3.2rem; margin-top: -.94rem; position: relative;}
.banner_prev,.banner_next { position: absolute; top: 0.46rem; z-index: 10;}
.banner_prev { left: .84rem;}
.banner_next { right: .88rem;}
.banner_swiper { position: relative; top: -76px; width: 694px; height: 414px; margin: 0 auto; overflow: hidden;}
.banner_swiper li { width: 496px; height: 335px; background-color: rgba(227,212,186,0.6); visibility: hidden; position: relative; top: 20px;}
.banner_swiper li.swiper-slide-next,.banner_swiper li.swiper-slide-active,.banner_swiper li.swiper-slide-prev { visibility: visible;}
.banner_swiper li img { display: block; width: 480px; height: 270px; margin: 0 auto 0; opacity: 0.8;}
.banner_swiper li p { width: 488px; height: 54px; border: 1px solid #c2a268; background-color: #d9c99f; padding: 0 22px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #fff5db; line-height: 54px; margin: 0 auto; font-size: 20px; position: absolute; top: 270px; left: 8px;}
.banner_swiper li.swiper-slide-active img { opacity: 1;}
.banner_swiper li.swiper-slide-active p{ background-color: #ceb984; color: #ffffff;}

.page_news { background: url(../ossweb-img/m/bg1.jpg) no-repeat center top; background-size: 100% 100%; width: 100%; height: 6.31rem; position: relative;}
.news_tab_btns { width: 6.14rem; height: 1.2rem; padding-top: .57rem; margin: 0 auto 0 .9rem; position: relative;}
.news_tab_btns li { width: 1.42rem; line-height: .63rem; display: block; float: left; color: #c2a268; font-size: .25rem; text-align: center; cursor: pointer;}
.news_tab_btns li.cur { font-size: .3rem; color: #8d653d; border-bottom: 0.05rem solid #8d653d;}
.page_more { position: absolute; bottom: 0; height: .63rem; line-height: .84rem; color: #ceb984; font-size: .2rem; font-weight: bold; right: 0; padding-right: .22rem;}
.page_more em { position: absolute; right: 0; top: .36rem;}
.news_tab_cont { width: 5.68rem; height: 3rem; margin: 0.2rem auto 0;}
.news_tab_item { width: 5.68rem; height: 3rem; display: none;}
.news_tab_item li { width: 5.68rem; height: .5rem; line-height: .5rem; border-bottom: 1px solid #b39b7a; position: relative;}
.news_tab_item li a {float: left; color: #221203; font-size: .22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 4.2rem;padding-left: .04rem;}
.news_tab_item li span { position: absolute; right: .14rem; top: 0; color: #221203; font-size: .22rem;}
.page_games { background: url(../ossweb-img/m/bg2.jpg) no-repeat center top; background-size: 100% 100%; width: 100%; height: 11.64rem; padding-top: 2.1rem; position: relative;}
.games_bigpic { width: 7rem; height: 3.36rem; border: 0.02rem solid #c5ae7a; display: block; margin: 0 auto; position: relative;}
.games_bigpic a { display: block; width: 100%; height: 100%; overflow: hidden;}
.games_bigpic img { display: block; width: 100%; height: auto;}
.games_em1 { position: absolute; top: -.08rem; left: 50%; margin-left: -.62rem;}
.games_swiper { width: 6.7rem; height: 4.2rem; margin: 0 auto; overflow: hidden; padding-top: 1.6rem;}
.games_swiper li { float: left; width: 1.2rem; height: 2.42rem; overflow: hidden;}
.games_swiper li a { display: block; width: 1.16rem; height: 2.42rem; position: relative; margin: 0 auto;}
.games_swiper li img { width: 100%; display: block; margin: 0 auto;}
.games_swiper_cen ul { font-size: 0; text-align: center; display: block;}
.games_swiper_cen li { display: inline-block; vertical-align: top; float: none;}
.game_arrow_box { width: 100%; position: absolute; top: 7.06rem; height: 2.42rem; overflow: hidden; pointer-events: none;}
.game_prev,.game_next { position: absolute; top: 0; z-index: 10; pointer-events: all;}
.game_prev { left: 0.4rem;}
.game_next { right: 0.39rem;}
.game_prev.swiper-button-disabled { display: none;}
.game_next.swiper-button-disabled { display: none;}
.page_videos { background: url(../ossweb-img/m/bg3.jpg) no-repeat center top; background-size: 100% 100%; width: 100%; height: 10.5rem; position: relative;}
.videos_top { width: 6.7rem; height: 2.26rem; margin: 0 auto; position: relative;}
.videos_top a { color: #947b51; line-height: .52rem; height: .52rem;}
.videos_top a em { top: .2rem;}
.videos_cont { width: 100%; height: 6rem; overflow: hidden; margin: 0 auto;}
.videos_cont ul { width: 120%; margin-left: -10%; font-size: 0; text-align: center;}
.videos_cont li { display: inline-block; vertical-align: top; margin: 0 .11rem .1rem; width: 3.33rem; height: 2.9rem; cursor: pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.video_li_cont { position: relative; display: block;}
.video_pic_box { width: 3.24rem; height: 1.87rem; padding: .02rem; background-color: #604021; position: absolute; top: .07rem; left: .02rem; overflow: hidden; border: 1px solid #d0bb83; position: relative; overflow: hidden;}
.video_pic_box img { display: block; width: 100%;}
.video_pic_box:after { content: ""; width: 100%; height: 100%; z-index: 1; background-color: rgba(206,185,132,0.2); position: absolute; left: 0; top: 0;}
.video_pic_box em { position: absolute; top: 50%; left: 50%; margin: -.33rem 0 0 -.49rem; z-index: 2;}
.video_em2 { display: none;}
.video_pic_box span { position: absolute; top: 1.54rem; right: .18rem; color: #ceb984; font-size: .16rem; line-height: .3rem; text-align: right;}
.video_info { width: 3.2rem; height: .8rem; margin-left: .05rem; text-align: left;}
.video_info p { width: 100%; color: #604021; font-size: .22rem; line-height: .28rem; height: .56rem; overflow: hidden; margin-top: 0.06rem; overflow: hidden;}
.video_info span { display: block; text-align: right; line-height: .24rem; color: #604021; font-size: .16rem;}
.page_stars { background: url(../ossweb-img/m/bg4.jpg) no-repeat center top; background-size: 100% 100%; width: 100%; height: 12.87rem; position: relative;}
.stars_cont { padding-top: 2rem; width: 100%; height: auto; margin: 0 auto;}
.stars_cont ul { width: 100%; font-size: 0; text-align: center; height: 8.7rem; overflow: hidden;}
.stars_cont li { display: inline-block; vertical-align: top; margin: 0 .09rem .18rem;}
.stars_cont li img { display: block; margin: .07rem auto 0; width: 1.53rem; height: 1.22rem;}
.stars_cont li h5 { width: 100%; text-align: center; font-size: 0; text-align: center;}
.stars_cont li h5 span { display: inline-block; vertical-align: top; color: #b98e63; font-size: 0.14rem; line-height: 0.22rem; position: relative; margin: 0.04rem 0.05rem 0;}
.stars_cont li h5:before { content: ""; width: 0.16rem; height: 1px; background-color: #b98e63; display: inline-block; vertical-align: top; margin-top: 0.13rem;}
.stars_cont li h5:after { content: ""; width: 0.16rem; height: 1px; background-color: #b98e63; display: inline-block; vertical-align: top; margin-top: 0.13rem;}
.stars_cont li p { line-height: .3rem; color: #e4dac1; font-size: .18rem; width: 1.53rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto 0; text-align: center;}
.page_history { background: url(../ossweb-img/m/bg5.jpg) no-repeat center top; background-size: 100% 100%; width: 100%; height: 8.29rem; padding-top: 1.38rem; position: relative;}
.history_swiper { width: 7.5rem; height: 3.72rem; margin: 0 auto .98rem; overflow: hidden;}
.history_swiper li { float: left; width: 7.5rem; height: 3.72rem;}
.history_swiper li img { display: block; width: 7.5rem; height: 3.72rem; margin: 0 auto;}
.history_bar { width: 5.46rem; height: .02rem; background-color: #b79e82; margin: 0 auto; position: relative; z-index: 2;}
.history_bar ul { width: 5.46rem; position: relative; top: -.52rem; height: 1.06rem; white-space: nowrap; overflow: hidden; font-size: 0; text-align: left;}
.history_bar li { display: inline-block; vertical-align: top; width: .78rem; height: 1.06rem; position: relative; cursor: pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.history_bar li.top { padding-top: .66rem;}
.history_bar li em { position: absolute; top: .44rem; left: 50%; margin-left: -.13rem;}
.his_em2 { display: none;}
.history_bar li span { color: #8d653d; font-size: .2rem; line-height: .4rem; display: block; width: 100%; text-align: center; font-weight: bold;}
.history_bar li.cur .his_em1 { display: none;}
.history_bar li.cur .his_em2 { display: block;}
.history_prev,.history_next { position: absolute; top: -.1rem; z-index: 10;}
.history_prev { left: -.16rem;}
.history_next { right: -.16rem;}
.page_coop { width: 100%; height: auto; position: relative;}
.page_coop_cont { width: 100%; margin: 0 auto;}
.page_coop img { display: block; width: 100%; height: auto;}
.page_footer { display: block; width: 100%; height: .8rem; font-size: .2rem; color: #747474; line-height: .8rem; text-align: center; background-color: #19171a;}
/*视频弹窗*/
.pop_video { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background:rgba(0,0,0,0.5); outline: none; display: none;}
.pop_video_close { width: 0.8rem; height: 0.8rem; color: #0091de; position: absolute; text-align: center; display: block; font-size: 0.8rem; line-height: 0.68rem; font-weight: normal; opacity: 0.8; right: 0.3rem; top: 0.4rem; z-index: 10; font-style: normal;}
.pop_video_cont { width: 100%; height: 100%; background: #000; position: relative;}
#popVideoCon { width: 100%; height: 100%;}
.txp_player {height:100% !important;}
.txp_poster { background-size: 100% auto !important;}
.page_nav { position: fixed; left: .04rem; top: 50%; height: 7.26rem; margin-top: -3.66rem; z-index: 100; width: .06rem;}
.page_nav li { width: 0.06rem; height: 1.66rem; background-color: #c3c3c3; position: relative;}
.page_nav li.page_nav_li1 { height: .62rem;}
.page_nav li span { color: #c3c3c3; font-size: .14rem; line-height: .24rem; position: absolute; bottom: 0; margin-bottom: -.24rem; right: -.22rem; width: .18rem; text-align: left;}
.page_nav li em { width: .1rem; height: .1rem; border-radius: .1rem; background-color: #c3c3c3; position: absolute; bottom: -0.02rem; left: -0.02rem;}
.page_nav li.done { background-color: #b59863; z-index: 1;}
.page_nav li.done span { color: #b59863;}
.page_nav li.done em { background-color: #b59863;}