@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
/*basic*/
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
button, input, select, textarea { font: 14px/1.8 "Roboto", sans-serif; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { background: #fff; color: #f0ecec; font: 14px/1.8 "Times New Roman", Times, serif;}

.fl { float: left; }
.fr { float: right; }
.t_hide { height: 0; overflow: hidden; }
.mt10 { margin-top: 10px; }
.t_center { text-align: center; }
.t_left { text-align: left; }
.t_right { text-align: right; }
.p_relative { position: relative; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
a { color: #fff; text-decoration: none; }
a, a:active { outline: none; }
.hidden { visibility: hidden; }
.pd-common1 { padding: 30px 0; }
.pd-common2 { padding: 40px 0; }
.pd-common3 { padding-bottom: 20px; }
.mt-common1 { margin-top: 30px; }

/*share*/
.sharethis { width: 100%; height: 30px; padding: 0; padding-bottom: 3px; line-height: 30px; text-align: center; background: #fefced; overflow: hidden; }
.sharethis a { color: #88878c; line-height: 30px; }
.sharethis img { vertical-align: middle; }

/*nav*/
.nav { position: relative; z-index: 2; width: 990px; height: 53px; margin: 0 auto; font: 14px/1.8 "Roboto", sans-serif;}
.nav li { position: relative; float: left; width: 90px; text-align: center; }
.nav li a { display: block; width: 88px; height: 53px; margin: 0 auto; line-height: 53px; color: #fff; font-weight: bold; }
.nav li a:hover, .nav li.on a { text-decoration: none; background: #fff45c; opacity: 0.8; filter: alpha(opacity=80);color: #c60b04;}
.subnav { display: none; position: absolute; left: 0px; top: 53px; background: #16001d; background: rgba(22,0,29,.9); filter:alpha(opacity=90); white-space: nowrap; }
.subnav li { float: none; width: auto; padding: 0 5px; transition: all 0.2s ease-in-out 0s; }
.subnav li a { width: auto; height: 34px; line-height: 34px; border: none; font-weight: normal; font-family: "Roboto", sans-serif; overflow: visible; }
.subnav li a:hover, .subnav li.on a, .nav li.on li a { background: none; color: #fff;}
.nav li.on li a:hover{ color: #c60b04; }
.subnav li:hover { background: #fff45c; background: rgba(255,244,92,.8); filter:alpha(opacity=80);}

/*main*/
.fullbg { position: relative; z-index: 1; width: 100%; max-width: 1920px; min-width: 1002px; margin: 0 auto; overflow: hidden; background: url(../images/fullbg.jpg) no-repeat center top; }
.wrapper { position: relative; width: 1120px; margin: 0 auto; }
/*header*/
.logo { position: absolute; top: 10px; left: 10px; width: 200px; }
.logo img { width: 200px; }

.navbar { position: relative; z-index: 22; width: 100%; height: 55px; margin: 0 auto;  }
.header { position: relative; height: 1030px; }
.title { font-size: 50px; margin:0 auto; text-indent:-999em; display: block; vertical-align: middle;}
.cont p { line-height: 18px;     padding: 5px 25px 5px 0; }
.cont p strong{ font-size:16px;}
.cont .tt { color:#f21e2b; font-size:16px; display:inline-block; *display:inline; *zoom: 1; background:#4d1016; padding:10px; margin:10px 0;}
.mainnav {position: relative; width: 85%; height: 110px; margin: 0 auto; margin-top: 340px;}
.mainnav a { width:150px; height:95px;  text-align: center; display:inline-block; }
.tname{text-indent:-999em;}
.tbtn { width: 72px; height:25px; line-height:25px; color: #ece5a9; font-weight:bold; margin: 34px auto 0 auto;}
.tbtn:hover{ color: #12fc17}
.t4 .tbtn{margin-left:60px}
.t3 .tbtn{margin-left:78px}
.t1 .tbtn{margin-left:97px}
.t2 .tbtn{margin-left:118px}

.e-details{display: none;  background: #000;  background: rgba(0,0,0,.7); filter:alpha(opacity=70); border-radius:4px; position: absolute; left:50%; z-index: 3;  padding: 10px; margin-left: -260px; line-height: 18px; color: #fff;  font-size: 14px; top: 12%; width:160px; }

.team { padding-top: 455px; }
.team .team-title {width: 380px; height: 153px;  text-indent: -999em; display: inline-block; vertical-align: middle; margin-left: 40px;}
/*.rule { width: 450px;  background: #fff; border: 1px solid #000; display: inline-block; vertical-align: middle; position: relative; padding: 20px; margin-left: 172px; font-family:"Times New Roman", Times, serif;}*/
.rule-title { width: 130px; height: 28px; line-height: 28px; text-align: center; ; /*background: #9d6d41;*/ color: #fcfbf9; font-size: 18px; position: absolute; left: 20px; top: -14px; }
.rule p { color: #fff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 515px; height: 17px; line-height: 17px; }
.team-cont { width: 1089px; height: 384px; /*background: url(../images/team-cont.jpg) no-repeat;*/ margin-top: -20px; /*border: 1px solid #000;*/ position: relative;text-align:center }
.order { width: 169px; height: 55px; text-align: center; color: #fcfcfc; font-size: 20px; display: inline-block; position: absolute;line-height: 55px;padding-top: 8px; }
.one { left: 450px; top: 75px; color:#741e06;}
.two { left: 300px; top: 202px;   width: 200px; color:#ecaf2c; }
.three { left: 560px; top: 202px;    width: 200px; color:#ecaf2c;}
.four { left: 20px; top: 318px;    width: 200px; color:#ecaf2c;}
.five { left: 218px; top: 318px;   width: 200px; color:#ecaf2c;}
.six { left: 416px; top: 318px;  width: 200px; color:#ecaf2c;}
.seven { left: 625px; top: 318px;   width: 200px; color:#ecaf2c;}
.eight { left: 835px; top: 318px;   width: 200px; color:#ecaf2c;}

.drop-box {position: absolute;left: 430px; top: 32px; }
.drop-box .select{display: inline-block;}
.data-time-show{display:none;}
.data-time-show.show {display:block;}
.select-main{display: none;}
.select-box{position: absolute;left: 503px; top: 32px; }
.select-main.show{display: block;}
.select-main-sub{display: none;}
.select-main-sub.show{display: block;}

.data-time {
    text-align: center;
    margin-top: 10px;
}
.data-time p {
    color: #fff;
    font-weight: bold;
    font-size: 18px;}
	
/*content*/
.screen1 { padding-top: 100px; height: 980px; }
.shop .rule{  width: 450px; /*background: #fff;  border: 1px solid #000;*/ display: inline-block;  vertical-align: middle; position: relative; padding: 20px 50px; margin-left: 60px; font-family: "Times New Roman", Times, serif;}
.shop { padding-top: 50px; }
.shop-title {width: 306px; height: 78px;  text-indent: -999em; display: inline-block; vertical-align: middle; margin-left: 80px;}

.showcon{ position: relative;  margin: 20px auto 0 auto; /*background: #d9bd7b;*/ width:9620px; height:600px; /*border: #774c02 solid 1px;*/ }
.tscrollpanel { position: relative; display: block;  /*float: left;*/  width: 780px;  /*margin: 0 6px;*/  margin: 200px 0 200px 132px;  font-size: 30px; color: #3c1d01;}
.tscrollpanel .prev, .tscrollpanel .next { position: absolute; top: 36%; display: block;  color: #36b6e7; font-size:60px; font-weight: bold;}
.tscrollpanel .prev { left: -45px; border-right-color: #2f0000; }
.tscrollpanel .next { right: -45px; border-left-color: #2f0000; }
.tscroll { height: 400px; }
.picscroll li {position:relative;}



/*screen2*/
.screen2 { height: 930px; }
.screen2 h2 { width: 416px; height: 178px;  text-indent: -999em; display: inline-block; vertical-align: middle; }
.guidecon { width:930px; padding:20px 80px 50px; /*border:#020000 solid 1px; background: url(../images/bg01.png) repeat;*/ color:#fff;}
.guidecon h3 { /*background: url(../images/h3.png) no-repeat;*/ background:#084e83; width:245px; height:50px; line-height:48px; color:#fff; border: 1px solid #dbc761; font-weight:bold; font-size:30px; display:inline-block; text-align:center; margin: 30px 0;}
.guidecon span { display:inline-block; width:640px; height: 2px; margin-top: 12px; background: #b9b6b6;}
.guidecon p {line-height:24px; font-size:16px;}



/*sidenav*/
.sidenav { position: fixed; right: 0; top: 50%; z-index: 2; width: 216px; height: 396px; margin-top: -300px; background: url(../images/sidenav.png) no-repeat center top;}
.sidenav a { display: block; width: 186px; height: 60px; margin: 10px auto;  text-align: center; line-height:60px;  color: #fff; font-size: 30px;     border-bottom: 1px solid #4664b5;}
.sidenav a:hover { color: #0CF;}
/*.sidenav a.s1 { background: url(../images/to-top.png) no-repeat; }
.sidenav a.s2 { background: url(../images/menu.png) no-repeat; }
.sidenav a.s3 { background: url(../images/menu.png) no-repeat; }

.sidenav a.s1:hover { opacity: .9 }
.sidenav a.s2:hover { background: url(../images/menu.png) no-repeat; }
.sidenav a.s3:hover { background: url(../images/menu.png) no-repeat; }*/


.tofb { position: fixed; left: 0; top: 50%; z-index: 2; display: block; width: 340px; height: 352px; margin-top: -170px; background: url(../images/icon1.png) no-repeat 0 0; }
/*
.tofb { position: fixed; left: 10px; top: 50%; z-index: 2; display: block; width: 130px; height: 100px; margin-top: -50px; background: url(https://hw.99.com/uploads/co/images/2016/pokerclub.png) no-repeat 0 0; }
*/
.tofb:hover { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }


/*footer*/
.footer{ width: 100%; padding: 40px 0 30px 0; position: relative; }
.footer table{ width: 100%; color: #fff;  margin: 0 auto;}
.footer table a{ margin: 0 5px; color: #fff; }
.footer table a:hover{text-decoration: underline; }


/*popbox*/