* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

html,body {
	width: 100%;
	background: #FEE44E;
	-webkit-tap-highlight-color: transparent
}

body {
	position: relative;
	background-color: #FEE44E;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

ul,ol {
	list-style: none
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 500
}

button {
	border: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

div,i {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

.container {
	max-width: 767px;
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 999999
}

header .top {
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

header .top .logo_img {
	width: 125px;
	height: 40px;
	margin-right: 10px
}

header .top .logo_img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

header .top .searchBox {
	position: relative;
	width: calc(100% - 135px);
	border-radius: 6px
}

header .top .searchBox .xuanfu .search_b {
	width: 100%;
	height: 34px
}

header .top .searchBox .xuanfu .search_b input {
	border-radius: 6px;
	position: relative;
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	color: #999;
	font-weight: bold;
	font-size: 14px;
	border: none;
	outline: none;
	text-indent: 1em
}

header .top .searchBox .xuanfu .search_b input::-webkit-input-placeholder {
	color: #999
}

header .top .searchBox .xuanfu .search_b>.iconfont {
	position: absolute;
	border: none;
	cursor: pointer;
	outline: none;
	background-color: transparent;
	right: 10px;
	top: -1px;
	color: #999;
	font-size: 25px
}

header .top .searchBox .a {
	display: flex;
	z-index: 999
}

header .top .searchBox .mobiles_list {
	display: none;
	margin-top: 20px
}

header .top .searchBox .mobiles_list>h2 {
	font-size: 16px;
	margin: 10px 0
}

header .top .searchBox .mobiles_list .mobile_morelist {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #fff
}

header .top .searchBox .mobiles_list .mobile_morelist>a {
	background-color: #f5f5f5;
	border-radius: 14px;
	padding: 6px 10px;
	margin-right: 10px;
	color: #666;
	font-size: .9em;
	margin-bottom: 10px
}

header .top .searchBox.active1 {
	display: block;
	z-index: 99999999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0
}

header .top .searchBox.active1 .xuanfu {
	width: 100%;
	background-color: #fff;
	padding: 10px
}

header .top .searchBox.active1 .xuanfu .search_b {
	width: 100%;
	height: 34px;
	border-radius: 6px
}

header .top .searchBox.active1 .xuanfu .search_b>.iconfont {
	top: 16px;
	right: 16px;
	font-weight: 600;
	color: #999
}

header .top .searchBox.active1 .xuanfu .mobiles_list {
	display: block
}

header.hea {
	background-color: rgba(0,0,0,.5);
	height: 100%
}

.list_banner {
	padding: 10px 0 5px 0
}

.list_banner>a {
	display: inline-block;
	background-color: #fff;
	border-radius: 6px;
	padding: 12px 11px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	margin-right: 3px;
	margin-bottom: 5px
}

.list_banner>a>.iconfont {
	font-size: 17px;
	margin-right: 4px
}

.list_banner>a:nth-child(1) .iconfont {
	color: #7d41ff
}

.list_banner>a:nth-child(2) .iconfont {
	color: #ff7100
}

.list_banner>a:nth-child(3) .iconfont {
	color: #00c6c8
}

.list_banner>a:nth-child(4) {
	border-radius: 25px
}

.list_banner>a:nth-child(4) .iconfont {
	color: #333;
	margin: 0
}

.games {
	display: flex;
	flex-wrap: wrap;
	background-color: #f94941;
	padding: 15px;
	width: 100%
}

.games>.games_list {
	display: inline-block;
	width: calc((100% - 16px)/3);
	border-radius: 15px;
	overflow: hidden;
	margin-right: 8px;
	margin-bottom: 10px;
	background-color: #fff;
	box-shadow: 0px 3px 5px 3px rgba(0,0,0,.2);
	position: relative
}

.games>.games_list .games_img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden
}

.games>.games_list .games_img>img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	position: absolute
}

.games>.games_list:nth-child(3n+3) {
	margin-right: 0
}

.games>.games_list>p {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 8px 10px 5px 10px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: rgba(255,255,255,.9)
}

@media all and (orientation: landscape) {
	.games>.games_list {
		width: calc((100% - 36px)/5)
	}

	.games>.games_list:nth-child(3n+3) {
		margin-right: 10px
	}

	.games>.games_list:nth-child(5n+5) {
		margin-right: 0
	}
}

.more_game>a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 34px;
	background-color: #f94941;
	border-radius: 6px;
	color: #fff;
	font-size: 1em;
	margin: 10px 0
}

.adx {
	max-width: 767px;
	margin-right: auto;
	margin-left: auto
}

.ad_s {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 767px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 15px;
	padding-bottom: 10px;
	background-color: #f94941
}

.ad_s>p {
	font-size: 12px;
	color: #ccc
}

.ad_tu {
	max-width: 767px;
	margin-left: auto;
	margin-right: auto;
	padding: 65px 15px 0 15px;
	background-color: #fff
}

.ad_d {
	max-width: 767px;
	margin-left: auto;
	margin-right: auto
}

.copy {
	text-align: center;
	font-size: 12px;
	color: #aaa;
	line-height: 14px;
	margin-top: 10px;
	padding-bottom: 80px;
	text-align: center
}

.copy>a {
	color: #aaa;
	line-height: 14px;
	font-size: 12px
}

.copys {
	padding-bottom: 20px
}

.copy_x {
	color: #e5e5e5;
	background-color: #fff;
	padding-top: 10px;
	margin-top: 0;
	width: 100%
}

footer {
	z-index: 9999999;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	padding: 10px 25px
}

footer .foot_list {
	display: flex;
	align-items: center;
	justify-content: space-between
}

footer .foot_list>a {
	color: #aaa;
	display: flex;
	flex-direction: column;
	align-items: center
}

footer .foot_list>a .foot_img {
	width: 30px;
	height: 30px
}

footer .foot_list>a .foot_img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

footer .foot_list>a>p {
	font-size: 12px;
	margin-top: 5px
}

footer .foot_list>a>p.act {
	color: #f94941
}

.top_lea {
	display: none;
	width: 50px;
	height: 50px;
	background-color: #007eff;
	border-radius: 25px;
	position: fixed;
	align-items: center;
	justify-content: center;
	right: 15px;
	bottom: 162px;
	z-index: 9999
}

.top_lea .iconfont {
	color: #fff;
	font-size: 18px
}

.stars {
	width: 50px;
	height: 50px;
	background-color: #f94941;
	border-radius: 25px;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 15px;
	bottom: 102px;
	z-index: 9999
}

.stars .iconfont {
	color: #fff;
	font-size: 18px
}

.list>h2 {
	display: flex;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 60px 0 5px 0;
	width: 100%;
	background-color: #fff;
	border-radius: 6px;
	line-height: 34px
}

.list>h3 {
	font-size: .9em;
	font-weight: 600;
	color: #333;
	margin-top: 10px
}

.list .racing {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px
}

.list .racing>.games_list {
	display: inline-block;
	width: calc((100% - 16px)/3);
	border-radius: 15px;
	overflow: hidden;
	margin-right: 8px;
	margin-bottom: 10px;
	background-color: #fff;
	box-shadow: 0px 3px 5px 3px rgba(0,0,0,.2);
	position: relative
}

.list .racing>.games_list .games_img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden
}

.list .racing>.games_list .games_img>img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	position: absolute
}

.list .racing>.games_list:nth-child(3n+3) {
	margin-right: 0
}

.list .racing>.games_list>p {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 8px 10px 5px 10px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: rgba(255,255,255,.9)
}

@media all and (orientation: landscape) {
	.list .racing>.games_list {
		width: calc((100% - 36px)/5)
	}

	.list .racing>.games_list:nth-child(3n+3) {
		margin-right: 10px
	}

	.list .racing>.games_list:nth-child(5n+5) {
		margin-right: 0
	}
}

.list .racing .nosearch_img {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 10px
}

.history {
	margin-top: 60px;
	min-height: calc(100% - 165px)
}

.history>h2 {
	display: flex;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 10px 0 5px 0;
	width: 100%;
	background-color: #fff;
	border-radius: 6px;
	line-height: 34px
}

.history>h3 {
	font-size: .9em;
	font-weight: 600;
	color: #333;
	margin-top: 10px
}

.history .racing {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px
}

.history .racing>.games_list {
	display: inline-block;
	width: calc((100% - 16px)/3);
	border-radius: 15px;
	overflow: hidden;
	margin-right: 8px;
	margin-bottom: 10px;
	background-color: #fff;
	box-shadow: 0px 3px 5px 3px rgba(245,3,3,.2);
	position: relative
}

.history .racing>.games_list .games_img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden
}

.history .racing>.games_list .games_img>img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	position: absolute
}

.history .racing>.games_list:nth-child(3n+3) {
	margin-right: 0
}

.history .racing>.games_list>p {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 8px 10px 5px 10px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: rgba(255,255,255,.9)
}

@media all and (orientation: landscape) {
	.history .racing>.games_list {
		width: calc((100% - 36px)/5)
	}

	.history .racing>.games_list:nth-child(3n+3) {
		margin-right: 10px
	}

	.history .racing>.games_list:nth-child(5n+5) {
		margin-right: 0
	}
}

.history .racing .nosearch_img {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 10px
}

.about {
	min-height: calc(100% - 155px);
	display: flex;
	align-items: center;
	flex-direction: column
}

.about .about_img {
	display: flex;
	justify-content: center;
	max-width: 767px;
	width: 100%
}

.about .about_img>img {
	width: 100%;
	height: 100%;
	object-position: center
}

.about .about_list {
	margin-top: 10px
}

.about .about_list>a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 15px;
	border-radius: 6px;
	font-size: 16px;
	color: #333;
	background-color: #fff;
	margin-bottom: 10px;
	font-weight: 600
}

.about .about_list>a>.iconfont {
	color: #ccc;
	font-size: 14px
}

.nosearch>h2 {
	padding-top: 10px;
	font-size: .9em;
	font-weight: 600;
	color: #333
}

.nosearch .racing {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	margin-bottom: 5px
}

.nosearch .racing>.games_list {
	display: inline-block;
	width: calc((100% - 16px)/3);
	border-radius: 15px;
	overflow: hidden;
	margin-right: 8px;
	margin-bottom: 10px;
	background-color: #fff;
	box-shadow: 0px 3px 5px 3px rgba(0,0,0,.2);
	position: relative
}

.nosearch .racing>.games_list .games_img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden
}

.nosearch .racing>.games_list .games_img>img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	position: absolute
}

.nosearch .racing>.games_list:nth-child(3n+3) {
	margin-right: 0
}

.nosearch .racing>.games_list>p {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 8px 10px 5px 10px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: rgba(255,255,255,.9)
}

@media all and (orientation: landscape) {
	.nosearch .racing>.games_list {
		width: calc((100% - 36px)/5)
	}

	.nosearch .racing>.games_list:nth-child(3n+3) {
		margin-right: 10px
	}

	.nosearch .racing>.games_list:nth-child(5n+5) {
		margin-right: 0
	}
}

.nosearch_img {
	margin-top: 60px
}

.nosearch_img>img {
	width: 100%
}

.more_btn {
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px
}

.more_btn>a {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	width: 220px;
	height: 40px;
	background-color: #f94941;
	color: #fff;
	font-weight: 600
}

.company {
	margin-top: 20px;
	min-height: calc(100% - 74px);
	margin-bottom: 30px
}

.company h2 {
	display: flex;
	justify-content: center;
	font-size: 16px;
	margin-bottom: 15px;
	color: #333;
	font-weight: bold
}

.company .mainBox {
	background-color: #fff;
	padding: 16px;
	border-radius: 4px
}

.company .mainBox h3 {
	font-size: .9em;
	margin-bottom: 15px;
	color: #f94941
}

.company .mainBox p {
	font-size: .9em;
	margin-bottom: 15px;
	line-height: 1.6em;
	color: #516375
}

.company .mainBox form {
	padding: 20px 0
}

.company .mainBox form .formItem {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
	position: relative
}

.company .mainBox form .formItem input {
	width: 370px;
	height: 34px;
	border-radius: 4px;
	text-indent: 1em;
	color: #f5f5f5;
	border: none;
	outline: none;
	background-color: #f8f8f8
}

.company .mainBox form .formItem .why {
	width: 100%
}

.company .mainBox form .formItem #comcom {
	width: 100%;
	resize: none;
	border: none;
	outline: none;
	border-radius: 10px;
	color: #516375;
	background-color: #f8f8f8;
	text-indent: 1em;
	padding-top: 15px
}

.company .mainBox form input[type=submit] {
	width: 90px;
	height: 34px;
	border: none;
	outline: none;
	border-radius: 4px;
	color: #fff;
	background-color: #f94941;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
	font-size: .9em
}

.company .mainBox form input[type=submit]:hover {
	background-color: rgba(249,73,65,.8)
}

.more_list {
	margin-top: 60px;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.more_list>a {
	width: calc((100% - 10px)/2);
	background-color: #fff;
	padding: 15px 10px;
	color: #333;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	display: flex;
	align-items: center
}

.more_list>a .thumbs {
	width: 16px;
	height: 16px;
	margin-right: 6px
}

.more_list>a .thumbs>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.more_list>a>p {
	font-size: 16px
}

.more_list>a:nth-child(2n) {
	margin-right: 0
}

@media all and (orientation: landscape) {
	.more_list>a {
		width: calc((100% - 20px)/3)
	}

	.more_list>a:nth-child(2n) {
		margin-right: 10px
	}

	.more_list>a:nth-child(3n) {
		margin-right: 0
	}
}

.detail_1 {
	background-color: #fff;
	border-radius: 6px;
	padding: 10px;
	margin-bottom: 10px
}

.detail_1 .detail_t {
	display: flex;
	align-items: center
}

.detail_1 .detail_t .detail_img {
	width: 94px;
	height: 70px;
	border-radius: 6px;
	overflow: hidden
}

.detail_1 .detail_t .detail_img>img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover
}

.detail_1 .detail_t>dl {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 94px);
	padding-left: 10px;
	font-size: 12px;
	color: #999;
	font-weight: bold
}

.detail_1 .detail_t>dl>dt {
	margin-bottom: 10px;
	color: #333;
	font-size: 16px
}

.detail_1 .play_now {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 34px;
	border-radius: 6px;
	background-color: #f94941;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px
}

.description {
	padding: 10px;
	background-color: #fff;
	border-radius: 6px;
	margin-top: 10px;
	margin-bottom: 10px
}

.description h3 {
	color: #333;
	line-height: 22px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px
}

.description .module {
	width: 100%;
	min-height: 95px;
	background-color: #fff;
	border-radius: 2px
}

.description .module>h2 {
	color: #333;
	line-height: 22px;
	font-size: 16px;
	font-weight: bold
}

.description .module .des {
	max-height: 80px;
	overflow: hidden;
	position: relative;
	line-height: 16px;
	color: #666;
	box-sizing: content-box;
	font-weight: 600;
	font-size: 14px;
	margin: 10px 0
}

.description .module .des>p {
	color: #666;
	font-size: 14px;
	margin: 0 !important;
	line-height: 16px;
	font-family: -apple-system,PingFangSC-Semibold,PingFang SC,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.description .module .SHOW {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px
}

.description .module .SHOW .moreShow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	border-radius: 6px;
	height: 30px;
	background-color: #f5f5f5;
	font-size: .8em;
	transition: all .3s;
	font-weight: 500;
	color: #f94941
}

.description .module .SHOW .moreShow::before {
	content: "SHOW MORE";
	font-weight: 600;
	margin-right: 5px
}

.description .module .SHOW .moreShow .iconfont {
	font-size: 14px
}

.description .module .SHOW .lessShow::before {
	content: "SHOW LESS";
	font-weight: 600;
	margin-right: 5px
}

.description .module .SHOW .showAll {
	max-height: 900px
}

.description .module .showAll {
	max-height: 900px
}

.description .categories>a {
	display: inline-block;
	height: 30px;
	background-color: #f94941;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-right: 8px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px;
	padding: 0px 10px
}

.video {
	padding: 10px;
	background-color: #fff;
	border-radius: 6px;
	margin-top: 10px
}

.video>h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #333;
	margin-bottom: 10px
}

.video .video_iframe {
	width: 100%;
	overflow: hidden
}

.video .video_iframe .preview .swiper-wrapper .swiper-slide {
	width: 260px;
	border-radius: 10px;
	overflow: hidden
}

.video .video_iframe .preview .swiper-wrapper .swiper-slide>img {
	width: 100%
}

.comment {
	margin-top: 10px;
	background-color: #fff;
	padding: 10px;
	border-radius: 6px;
	margin-bottom: 10px
}

.comment h3 {
	font-size: 16px;
	color: #333;
	line-height: 22px;
	font-weight: bold
}

.comment form {
	width: 100%;
	height: 170px;
	margin-top: 10px
}

.comment form .formItem {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.comment form .formItem #name {
	width: 340px;
	height: 40px;
	background-color: #f5f5f5;
	border-radius: 4px;
	border: none;
	outline: none;
	text-indent: 1em;
	color: #516375;
	margin-right: 10px
}

.comment form .formItem input[type=submit] {
	width: 90px;
	height: 40px;
	background-color: #f94941;
	border-radius: 4px;
	color: #fff;
	outline: none;
	border: none;
	cursor: pointer;
	transition: all .3s
}

.comment form .formItem input[type=submit]:hover {
	background-color: rgba(249,73,65,.8)
}

.comment form .formItem #comcom {
	background-color: #f5f5f5;
	border: none;
	outline: none;
	resize: none;
	border-radius: 4px;
	padding: 12px;
	color: #516375;
	width: 100%
}

.comment form .formItem label {
	color: red
}

.comment .comment_list {
	margin-top: 40px
}

.comment .comment_list li {
	margin-bottom: 10px;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 10px
}

.comment .comment_list li .by {
	height: 20px;
	border-left: 4px solid #f94941;
	padding-left: 10px;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #666
}

.comment .comment_list li .by span {
	color: rgba(81,99,117,.5)
}

.comment .comment_list li .module {
	width: 100%;
	min-height: 45px;
	background-color: #fff;
	border-radius: 2px;
	padding-bottom: 25px
}

.comment .comment_list li .module .des {
	max-height: 22px;
	overflow: hidden;
	position: relative;
	line-height: 22px;
	color: #666;
	box-sizing: content-box;
	font-size: .8em
}

@media all and (orientation: landscape) {
	.comment .comment_list li .module .des {
		max-height: 23px
	}
}

.comment .comment_list li .module .des>p {
	font-size: .8em;
	color: #333;
	font-weight: 600;
	line-height: 20px
}

@media all and (orientation: landscape) {
	.comment .comment_list li .module .des>p {
		line-height: 18px
	}
}

.comment .comment_list li .module .moreShow1 {
	display: block;
	float: right;
	font-size: .9em;
	transition: all .3s;
	font-weight: 500;
	color: #f94941
}

.comment .comment_list li .module .moreShow1::before {
	content: "SHOW MORE";
	font-weight: 600;
	margin-right: 5px
}

.comment .comment_list li .module .moreShow1 .iconfont {
	font-size: 14px
}

.comment .comment_list li .module .showAll {
	max-height: 900px
}

.comment .comment_list li .module .lessShow::before {
	content: "SHOW LESS";
	font-weight: 600;
	margin-right: 5px
}

.comment .comment_list li .b_com {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.comment .comment_list li .b_com .date {
	color: #999;
	font-weight: 500;
	line-height: 18px;
	font-size: 12px
}

.comment .comment_list li .b_com .rate {
	font-size: 12px;
	color: #666;
	line-height: 16px;
	font-weight: 400;
	display: flex;
	align-items: center
}

.comment .comment_list li .b_com .rate a {
	margin-right: 5px;
	transition: all .3s;
	display: flex;
	align-items: center
}

.comment .comment_list li .b_com .rate a+a {
	margin-left: 5px
}

.comment .comment_list li .b_com .rate a .iconfont {
	font-size: 14px;
	cursor: pointer
}

.comment .comment_list li .b_com .rate a::before {
	font-family: "iconfont";
	margin-right: 3px;
	font-size: 14px
}

.comment .comment_list li .b_com .rate a.zan::before {
	content: ""
}

.comment .comment_list li .b_com .rate a.zan.active::before {
	content: "";
	color: #f94941
}

.comment .page_num {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	width: 100%
}

.comment .page_num ul {
	display: flex;
	justify-content: center;
	align-items: center
}

.comment .page_num ul li {
	color: #666;
	margin-right: 6px
}

.comment .page_num ul li a {
	border-radius: 4px;
	width: 2.3em;
	height: 34px;
	display: block;
	text-align: center;
	line-height: 34px;
	color: #666;
	transition: all .3s;
	font-size: 14px;
	background-color: #f5f5f5
}

.comment .page_num ul li .active1 {
	background-color: #f94941;
	color: #fff
}

.comment .page_num .left {
	width: 4em;
	height: 34px;
	border-radius: 4px;
	color: #666;
	text-align: center;
	line-height: 34px;
	margin-right: 6px;
	background-color: #f5f5f5
}

.comment .page_num .disabled {
	cursor: not-allowed;
	color: #d8d8d8;
	border-radius: 4px
}

.detail_play {
	width: 100%;
	height: calc(100% - 60px)
}

.detail_play .tui_chu {
	z-index: 9999999999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: #eff1f4;
	border-radius: 0px 100px 100px 0px;
	position: fixed;
	top: 100px;
	left: 0
}

.detail_play .tui_chu .icon_chu {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.detail_play .tui_chu .icon_chu>.iconfont {
	color: #007eff;
	font-size: 25px;
	font-family: "iconfont"
}

.detail_play .tui_chu .icon_chu>.iconfont::before {
	content: "\e626"
}

.detail_play .tui_chu.active {
	left: 220px;
	z-index: 999999
}

.detail_play .tui_chu.active>.icon_chu>.iconfont {
	font-size: 18px
}

.detail_play .tui_chu.active>.icon_chu>.iconfont::before {
	content: "\e623"
}

.detail_play .play_iframe {
	width: 100%;
	height: 100%
}

.detail_play .play_iframe>iframe {
	display: block;
	width: 100%;
	min-width: 100%;
	height: 1px;
	min-height: 100%;
	border: 0;
	overflow: hidden;
	z-index: 999
}

.detail_play .reserve {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	background-color: #000;
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.detail_play .reserve.res_active {
	display: flex
}

@media(orientation: landscape) {
	.detail_play .reserve.res_active {
		display: none
	}
}

.detail_play .reserve>img {
	width: 30%
}

.detail_play .reserve>p {
	color: #fff;
	font-size: 1em;
	margin-top: 10px
}

.play_ad {
	width: 100%;
	background-color: #f94941
}

.play_ad .adv {
	max-width: 767px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #f94941;
	padding: 0 10px;
	display: flex;
	justify-content: center
}

.chu_box {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: -100%;
	overflow: hidden;
	z-index: 9999
}

.chu_box .box_detail {
	width: 220px;
	height: 100%;
	background-color: #fff
}

.chu_box .box_detail .logo_a {
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.chu_box .box_detail .logo_a .logo_z {
	width: 125px;
	height: 40px
}

.chu_box .box_detail .logo_a .logo_z>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.chu_box .box_detail .logo_a .logo_y {
	width: 30px;
	height: 30px
}

.chu_box .box_detail .logo_a .logo_y>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.chu_box .box_detail .detail_con {
	width: 100%;
	height: calc(100% - 110px);
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 10px;
	background-color: #eff1f4
}

.chu_box .box_detail .detail_con .detail_del {
	display: flex;
	flex-wrap: wrap
}

.chu_box .box_detail .detail_con .detail_del>a {
	width: calc(50% - 4px);
	height: 0;
	padding-bottom: 40%;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	margin-bottom: 8px
}

.chu_box .box_detail .detail_con .detail_del>a:nth-child(2n+1) {
	margin-right: 8px
}

.chu_box .box_detail .detail_con .detail_del>a>img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover
}

.chu_box .box_detail .detail_con .detail_list>a {
	width: 100%;
	height: 54px;
	border-radius: 6px;
	background-color: #fff;
	padding: 10px;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	display: flex;
	align-items: center
}

.chu_box .box_detail .detail_con .detail_list>a>.thumbs {
	width: 16px;
	height: 16px;
	margin-right: 6px
}

.chu_box .box_detail .detail_con .detail_list>a>.thumbs>img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover
}

.chu_box .box_detail .detail_con .detail_list>a>p {
	font-size: 16px
}

.chu_box .box_detail .detail_foot {
	height: 70px;
	display: flex;
	justify-content: center;
	padding-top: 10px
}

.chu_active {
	left: 0
}

.tuguang {
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	background-color: #fff;
	max-width: 767px;
	margin-right: auto;
	margin-left: auto
}

.tuguang>a {
	width: calc((100% - 20px)/3);
	border-radius: 15px;
	border: 2px solid rgba(245,3,3,.2);
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	box-shadow: 0px 3px 5px 3px rgba(245,3,3,.2)
}

.tuguang>a>.game_img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative
}

.tuguang>a>.game_img>img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover
}

.tuguang>a .hot {
	width: 100%;
	height: 25px;
	background-color: red;
	position: absolute;
	top: 2%;
	left: -30px;
	transform: rotate(-40deg);
	display: flex;
	align-items: center;
	padding-left: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0px 0px 15px 0px red
}

.tuguang>a .new {
	width: 100%;
	height: 25px;
	background-color: #ff8500;
	position: absolute;
	top: 2%;
	left: -30px;
	transform: rotate(-40deg);
	display: flex;
	align-items: center;
	padding-left: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0px 0px 15px 0px red
}

.tuguang>a .top {
	width: 100%;
	height: 25px;
	background-color: #ff21e2;
	position: absolute;
	top: 2%;
	left: -30px;
	transform: rotate(-40deg);
	display: flex;
	align-items: center;
	padding-left: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0px 0px 15px 0px red
}

.tuguang>a:nth-child(3n+3) {
	margin-right: 0
}

@media all and (orientation: landscape) {
	.tuguang>a {
		width: calc((100% - 40px)/5)
	}

	.tuguang>a:nth-child(3n+3) {
		margin-right: 10px
	}

	.tuguang>a:nth-child(5n+5) {
		margin-right: 0
	}

	.tuguang>a>.hot {
		top: -7%
	}

	.tuguang>a>.new {
		top: -7%
	}

	.tuguang>a>.top {
		top: -7%
	}
}

@media screen and (min-width: 767px) {
	.tuguang>a>.hot {
		top: -18%;
		left: -43px
	}

	.tuguang>a>.new {
		top: -18%;
		left: -43px
	}

	.tuguang>a>.top {
		top: -18%;
		left: -43px
	}
}

@media screen and (min-width: 767px)and (orientation: landscape) {
	.tuguang>a>.hot {
		top: -9%;
		left: -32px
	}

	.tuguang>a>.new {
		top: -9%;
		left: -32px
	}

	.tuguang>a>.top {
		top: -9%;
		left: -32px
	}
}

.footers {
	margin-top: 0
}

.detail_box {
	background-color: #FEE44E;
}

.detail_box .detail_2 {
	overflow: hidden;
	position: relative;
	height: 250px;
	padding-top: 0px;
	background-color: #FEE44E
}

/* .detail_box .detail_2>img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(20px)
} */

.detail_box .detail_2 .play_bc {
	/* padding: 20px 0; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

.detail_box .detail_2 .play_bc .bbc {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 20px
}

.detail_box .detail_2 .play_bc .bbc .play_img {
	width: 120px;
	height: 120px;
	border: 2px solid #fff;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 15px
}

.detail_box .detail_2 .play_bc .bbc .play_img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.detail_box .detail_2 .play_bc .bbc>a {
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	width: 100px;
	height: 34px;
	background-color: #f94941;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-top: 17px
}

.ads {
	max-width: 767px;
	margin-left: auto;
	margin-right: auto;
	padding: 65px 15px 0 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #f94941
}

.ads>p {
	font-size: 12px;
	color: #ccc
}

.ad {
	max-width: 767px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.ad>p {
	font-size: 12px;
	color: #ccc
}/*# sourceMappingURL=main.css.map */