blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,i,input,li,ol,p,pre,td,textarea,th,ul {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
address,b,caption,cite,code,dfn,em,i,strong,th,var {
	font-style:normal;
	font-weight:400
}
ol,ul {
	list-style:none
}
h1,h2,h3,h4,h5,h6 {
	font-weight:400
}
a {
	color:inherit;
	text-decoration:none
}
body {
	color:#333;
	font-family:Microsoft YaHei,Verdana,Arial,sans-serif,宋体;
	font-size:14px;
	line-height:1.42857143
}
img {
	border:none
}
.clearfix {
	zoom:1
}
.clearfix:after,.clearfix:before {
	content:"";
	display:table;
	line-height:0
}
.clearfix:after {
	clear:both
}
button,input {
	background:none;
	border:none;
	outline:none
}
body {
	background-color:#f6f6f6;
	min-width:1400px
}
.container {
	margin:auto;
	width:1400px
}
.header,.header__placeholder {
	height:90px
}
.header__container {
	background:#fff;
	height:90px;
	left:0;
	position:fixed;
	right:0;
	top:0;
	z-index:999
}
.header__container .container {
	height:100%
}
.header__logo {
	float:left;
	height:77px;
	margin-left:8px;
	margin-top:7px
}
.header__nav {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:right;
	height:100%;
	padding-top:25px
}
.header__nav__item {
	color:#ac7536;
	display:block;
	float:left;
	height:100%;
	margin-left:64px;
	min-width:64px;
	position:relative;
	text-align:center
}
.header__nav__item:first-child {
	margin-left:0
}
.header__nav__item.is-active,.header__nav__item:hover {
	color:#dba616
}
.header__nav__item.is-active:before,.header__nav__item:hover:before {
	background:#eeb315;
	bottom:0;
	content:"";
	height:4px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	width:64px
}
.header__nav__item.is-active:after,.header__nav__item:hover:after {
	border-bottom:6px solid #eeb315;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	bottom:4px;
	content:"";
	height:0;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	width:0
}
.header__nav__cn {
	font-size:18px;
	line-height:1
}
.header__nav__en {
	font-size:12px;
	line-height:1;
	margin-top:15px
}
.footer {
	background:#000 url(http://www.9tl.com/images/footer_bg.png) no-repeat top
}
.footer,.footer .footer-inner {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content:center
}
.footer .footer-inner {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:144px;
	width:1920px
}
.footer .notice {
	margin-left:260px
}
.footer .notice p {
	color:#e7e7e7;
	font-size:12px
}
.footer .logo {
	margin-left:260px
}
.footer .notice2 {
	margin-left:210px
}
.footer .notice2 p {
	color:#e7e7e7;
	font-size:12px
}
.footer .records {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content:space-between;
	margin-left:69px;
	width:175px
}
.footer .records img {
	height:55px
}
.com-tit {
	border-left:3px solid #c99e53;
	height:24px;
	line-height:24px;
	margin:15px 0;
	padding-left:7px;
	position:relative
}
.com-tit .cn {
	color:#c99e53;
	font-size:24px;
	font-weight:500
}
.com-tit .en {
	color:#d9ceba;
	font-size:16px;
	font-weight:500;
	margin-left:10px
}
.com-tit2 {
	height:50px;
	margin:40px 0 32px;
	position:relative
}
.com-tit2 .cn {
	color:#c99e53;
	font-size:26px;
	line-height:29px;
	top:10px;
	z-index:2
}
.com-tit2 .cn,.com-tit2 .en {
	font-weight:700;
	left:0;
	position:absolute;
	right:0;
	text-align:center
}
.com-tit2 .en {
	color:#eddec8;
	font-size:37px;
	line-height:1;
	opacity:.92;
	top:0
}
.com-tit2:after {
	background:url(http://www.9tl.com/images/title_bg.png) no-repeat;
	content:"";
	height:15px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:18px;
	width:723px;
	z-index:1
}
.fixed-nav {
	background:url(../image/right_nav_bg.png) no-repeat;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:579px;
	padding:93px 0 0;
	position:fixed;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:229px;
	z-index:9999999999999999
}
.fixed-nav .nav-item {
	cursor:pointer;
	height:55px;
	padding-left:54px;
	position:relative;
	-webkit-transition:all .3s ease;
	transition:all .3s ease
}
.fixed-nav .nav-item .nav-item-btn {
	font-size:0;
	line-height:55px
}
.fixed-nav .nav-item .nav-item-btn img {
	margin-right:7px;
	vertical-align:-7px;
	width:24px
}
.fixed-nav .nav-item .nav-item-btn span {
	color:#e1c799;
	font-size:16px;
	font-weight:500
}
.fixed-nav .nav-item .nav-item-btn .icon-sel {
	display:none
}
.fixed-nav .nav-item .qrcode {
	background:url(../image/right_nav_popup.png) no-repeat;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:249px;
	opacity:0;
	padding-right:12px;
	position:absolute;
	right:200px;
	top:-35px;
	-webkit-transform:translateX(20px);
	-ms-transform:translateX(20px);
	transform:translateX(20px);
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
	width:208px
}
.fixed-nav .nav-item .qrcode img {
	display:block;
	height:130px;
	margin:27px auto 0;
	width:130px;
}
.fixed-nav .nav-item .qrcode .qrcode-title {
	color:#ffe8d3;
	font-size:18px;
	font-weight:500;
	line-height:1;
	margin-top:30px;
	text-align:center
}
.fixed-nav .nav-item .qrcode .qrcode-brief {
	color:#e9d0ba;
	font-size:14px;
	font-weight:400;
	line-height:1;
	margin-top:10px;
	text-align:center
}
.fixed-nav .nav-item:hover .nav-item-btn span {
	color:#ffd543
}
.fixed-nav .nav-item:hover .nav-item-btn .icon-sel {
	display:inline-block
}
.fixed-nav .nav-item:hover .nav-item-btn .icon-nor {
	display:none
}
.fixed-nav .nav-item:hover .qrcode {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
.receive-title {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content:center;
	margin:34px 0
}
.receive-title img {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.receive-title img:nth-child(2) {
	margin:0 30px
}
.search-box {
	-ms-flex-align:center;
	margin:38px auto 24px;
	overflow:hidden;
	width:1350px
}
.search-box,.search-box__inner {
	-webkit-box-align:center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.search-box__inner {
	-webkit-box-flex:1;
	-ms-flex-align:center;
	border:2px solid #c99e53;
	border-radius:56px 0 0 56px;
	border-right:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-ms-flex:1;
	flex:1;
	height:56px
}
.search-box__prefix {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	align-items:center;
	border-right:2px solid #333;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:35px;
	justify-content:center;
	width:84px
}
.search-box__prefix img {
	height:37px
}
.search-box__input {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:100%;
	padding:0 16px
}
.search-box__input input {
	background:transparent;
	border:none;
	color:#666;
	display:block;
	font-size:20px;
	height:100%;
	line-height:1;
	outline:none;
	width:100%
}
.search-box__suffix {
	cursor:pointer;
	height:56px
}
.search-box__suffix img {
	display:block;
	height:100%
}
.search-vers {
	margin:38px auto 8px;
	overflow:hidden;
	width:1400px
}
.search-vers .search-vers-wrapper {
	margin-right:-16px
}
.search-vers .item-ver {
	background:#ffb963;
	border-radius:4px 4px 4px 4px;
	color:#fff;
	cursor:pointer;
	float:left;
	font-size:14px;
	font-weight:500;
	height:28px;
	line-height:28px;
	margin-bottom:16px;
	margin-right:16px;
	text-align:center;
	width:72px
}
.search-vers .item-ver.is-active {
	background:#ff930e
}
.main {
	background:url(http://www.9tl.com/images/body_bg.png) no-repeat top;
	padding:27px 0
}
.banner {
	margin:auto;
	max-width:1920px;
	position:relative
}
.banner .banner-inner {
	background:#333;
	height:524px
}
.banner .banner-inner .swiper-slide {
	background:#333;
	overflow:hidden
}
.banner .banner-inner .swiper-slide img {
	display:block;
	height:524px;
	left:50%;
	margin-left:-960px;
	position:relative;
	width:1920px
}
.banner .banner-inner .pagination {
	bottom:18px;
	left:0;
	position:absolute;
	right:0;
	text-align:center;
	z-index:1
}
.banner .banner-inner .swiper-pagination-bullet {
	background:#fff;
	border-radius:4px;
	cursor:pointer;
	display:inline-block;
	height:8px;
	margin:0 7px;
	opacity:1;
	width:40px
}
.banner .banner-inner .swiper-pagination-bullet-active {
	background:#ffb43d
}
.banner .swiper-btn-prev {
	background:url(http://www.9tl.com/images/sw-left.png) no-repeat 50%;
	left:50%;
	margin-left:-600px
}
.banner .swiper-btn-next,.banner .swiper-btn-prev {
	cursor:pointer;
	height:60px;
	position:absolute;
	top:236px;
	width:60px;
	z-index:1
}
.banner .swiper-btn-next {
	background:url(http://www.9tl.com/images/sw-right.png) no-repeat 50%;
	margin-right:-600px;
	right:50%
}
.banner .sixten {
	background:url(http://www.9tl.com/images/sixten.png) no-repeat 50%;
	bottom:20px;
	height:104px;
	margin-right:-580px;
	position:absolute;
	right:50%;
	width:82px;
	z-index:1
}
.games {
	margin:10px auto 35px
}
.games .games-list {
	background:#fff;
	padding:20px 0 0 4px
}
.games .games-list .games-item {
	border:1px solid #e8e8e8;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	margin-bottom:20px;
	margin-left:16px;
	overflow:hidden;
	width:328px
}
.games .games-list .games-item .item-thumb {
	height:184.5px
}
.games .games-list .games-item .item-thumb img {
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%
}
.games .games-list .games-item .item-content {
	overflow:hidden;
	position:relative
}
.games .games-list .games-item .item-time {
	color:#ff3c3c;
	font-size:13px;
	font-weight:500;
	line-height:1;
	position:absolute;
	right:12px;
	top:14px
}
.games .games-list .games-item .item-title {
	width:206px
}
.games .games-list .games-item .item-title,.games .games-list .games-item .item-ver {
	color:#000;
	font-size:16px;
	font-weight:500;
	height:16px;
	line-height:16px;
	margin-top:11px;
	overflow:hidden;
	padding:0 10px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.games .games-list .games-item .item-desc {
	color:#666;
	font-size:14px;
	font-weight:500;
	height:16px;
	line-height:14px;
	margin-top:13px;
	overflow:hidden;
	padding:0 10px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.games .games-list .games-item .item-desc b {
	color:#000;
	font-weight:700
}
.games .games-list .games-item .item-btns {
	font-size:0;
	overflow:hidden;
	padding:16px 0 20px;
	text-align:center
}
.games .games-list .games-item .item-btns .link-btn {
	background:#fff8ec;
	border:1px solid #bda47a;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	font-size:14px;
	height:25px;
	line-height:23px;
	margin-left:6px;
	text-align:center;
	width:74px
}
.games .games-list .games-item .item-btns .link-btn:first-child {
	margin-left:0
}
.games .games-list .games-item .item-btns .link-btn.is-primary {
	background:#c99e53;
	border:1px solid #bda47a;
	color:#fff
}
.videos {
	margin:10px auto 35px;
	position:relative
}
.videos .videos-list {
	background-color:#f0e8dd;
	padding:22px;
	position:relative
}
.videos .swiper-container {
	margin:auto
}
.videos .swiper-slide {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	width:670px
}
.videos .swiper-slide .video-thumb {
	background:#000;
	height:762px;
	position:relative;
	width:100%
}
.videos .swiper-slide .video-thumb .cover-img {
	height:100%;
	left:0;
	-o-object-fit:cover;
	object-fit:cover;
	position:absolute;
	top:0;
	width:100%;
	z-index:1
}
.videos .swiper-slide .video-thumb .video-enter-btn {
	background:rgba(0,0,0,.5);
	border:2px solid #ff930e;
	border-radius:8px 8px 8px 8px;
	color:#ff930e;
	cursor:pointer;
	font-size:18px;
	height:58px;
	left:50%;
	line-height:58px;
	position:absolute;
	text-align:center;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:180px;
	z-index:99
}
.videos .swiper-slide .video-thumb .mask {
	background:rgba(0,0,0,.3);
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.videos .swiper-slide .video-thumb .video-play-btn {
	background:url(http://www.9tl.com/images/btn_play.png) no-repeat 50%;
	bottom:0;
	cursor:pointer;
	height:70px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	width:70px;
	z-index:2
}
.videos .swiper-slide .video-thumb .video-play-btn:after {
	-webkit-animation:rotate 1.5s linear infinite;
	animation:rotate 1.5s linear infinite;
	background:url(http://www.9tl.com/images/btn_circle.png) no-repeat 50%;
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
@-webkit-keyframes rotate {
	to {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}@keyframes rotate {
	to {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}.videos .swiper-slide .video-intro {
	background:-webkit-gradient(linear,left top,right top,from(hsla(39,29%,79%,.1)),color-stop(#d9ceba),to(hsla(39,29%,79%,.1)));
	background:linear-gradient(90deg,hsla(39,29%,79%,.1),#d9ceba,hsla(39,29%,79%,.1));
	font-size:14px;
	height:30px;
	line-height:30px;
	margin:13px auto 0;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:440px
}
.videos .swiper-button-prev {
	background:url(../image/sw_btn_left.png) no-repeat 50%;
	left:-12px
}
.videos .swiper-button-next,.videos .swiper-button-prev {
	height:40px;
	margin-top:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:24px
}
.videos .swiper-button-next {
	background:url(../image/sw_btn_right.png) no-repeat 50%;
	right:-12px
}
.records {
	margin:10px auto 35px;
	position:relative
}
.records .records-list {
	background-color:#f0e8dd;
	padding:20px;
	position:relative
}
.records .swiper-container {
	margin:auto
}
.records .swiper-slide {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:215px;
	position:relative;
	width:332px
}
.records .swiper-slide img {
	display:block;
	height:100%;
	width:100%
}
.records .swiper-button-prev {
	background:url(../image/sw_btn_left.png) no-repeat 50%;
	left:-12px
}
.records .swiper-button-next,.records .swiper-button-prev {
	height:40px;
	margin-top:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:24px
}
.records .swiper-button-next {
	background:url(../image/sw_btn_right.png) no-repeat 50%;
	right:-12px
}