*{
	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%;
	height:100%
}
body{
	position:relative;
	background:#fafafa
}
ul,ol{
	list-style:none
}
a{
	text-decoration:none;
	background-color:transparent;
	-webkit-tap-highlight-color:transparent
}
h1,h2,h3,h4,h5,h6{
	font-weight:500
}
button{
	border:none;
	outline:none
}
.container{
	max-width:1366px;
	width:calc(100% - 30px);
	margin-left:auto;
	margin-right:auto
}
header{
	background-color:#fff;
	width:100%
}
header .hea_top{
	height:60px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
header .row {
	display:flex;
}
header .icon_sea,header .icon_top{
	padding: 0 15px;
}
header .hea_top .icon_top>.iconfont{
	font-size:20px
}
header .hea_top .icon_sea>.iconfont{
	font-size:22px
}
header .hea_top .logo{
	height:40px
}
header .hea_top .logo>img{
	height:100%
}
body.act{
	overflow:hidden
}

.main .view_game{
	margin-top:8px;
	display:flex;
	flex-wrap:wrap
}
.main .view_game>li{
	width:calc((100% - 40px)/4);
	margin-right:10px;
	margin-bottom:10px;
}
.top>li{
	margin-top: 10px;
}
.border_box2 .view_game>li{
	width:calc((100% - 20px)/3);
}
.bor_box2 .view_game>li{
	width:calc((100% - 60px)/7);
	margin-right:10px;
	margin-bottom:10px
}
.bor_box1 .view_game>li:nth-child(4n){
	margin-right: 0;
}
.border_box2 .view_game>li:nth-child(3n){
	margin-right: 0;
}
.main .border_box2>.view_game>li:nth-child(4n){
	/* margin-right: 10px; */
}
.bor_box2 .view_game>li:nth-child(4n){
	margin-right: 10px;
}
.bor_box2 .view_game>li:nth-child(7n){
	margin-right: 0;
}
.main .view_game>li>a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:100%;
	position:relative;
	overflow:hidden;
	border-radius:10px
}
.bor_box .view_game>li>a ,.related .view_game>li>a{
	padding-bottom: calc(100% + 31px);
}
.border_box .view_game>li>a {
	padding-bottom: calc(100% + 19px);
	border: 1px solid #a5c8ec;
	background-color: #fff;
}
.border_box .view_game>li>a .inner_box {
	position: absolute;
	width: 80%;
	height: calc(80% + 8px);
	margin: 10%;
}
.border_box .view_game>li>a .inner_box .img{
	position: absolute;
	width: 100%;
	padding-bottom: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.main .view_game>li>a img{
	width:100%;
	position:absolute;
	object-position:center;
	object-fit:cover
}
.bor_box .view_game>li>a .img ,.related .view_game>li>a .img{
	width: 100%;
	padding-bottom:100%;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
}
.bor_box .view_game>li>a p,.related .view_game>li>a p{
	line-height: 25px;
	height: 29px;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	color: #333;
	padding: 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.bor_box2 .view_game>li>a p{
	font-size: 10px;
}
.border_box .view_game>li>a p{
	position: absolute;
	width: 100%;
	bottom: 0px;
	height: 21px;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	word-wrap: break-word;
}
.category li {
	width: calc((100% - 10px)/2);
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #f5f5f5;
	border-radius: 10px;
	padding: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #a5c8ec;
	background-color: #ffffff;
}
.category li:nth-child(2n){
	margin-right: 0;
}
.category li a {
	display: block;
	width: 100%;
	height: 50px;
	position: relative;
}
.category li a .img {
	width: 50px;
	position: absolute;
	padding-bottom: 100%;
}
.category li a .img img {
	width: 100%;
	height: 100%;
}
.category {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.category .img{
	width: 50px;
	position: absolute;
	padding-bottom: 100%;
}
.category li>a:nth-child(2n){
	margin-right: 0;
}
.category dl {
	position: absolute;
	left: 60px;
}
.category dl>dt {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin: 3px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.category dl>dd{
	font-size: 12px;
	color: #666;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.banner_list{
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	height:calc(100% - 60px);
	background-color:rgba(0,0,0,.5);
	z-index:9
}
.banner_list .banner_box{
	position: absolute;
	right: 0;
	width:270px;
	height:100%;
	background-color:#fff;
	padding:0 20px
}
.banner_list .banner_box .banner_cont{
	height:calc(100% - 70px);
	overflow-y:scroll;
	margin-top:20px;
	padding-bottom:15px
}
.banner_list .banner_box .banner_cont>a{
	display:inline-block;
	align-items:center;
	width:100%;
	padding:14px 20px;
	border-radius:10px;
	margin-bottom:15px;
	background:#00547c;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.banner_list .banner_box .banner_cont>a>i{
	margin-right: 15px;
}
.banner_list.active{
	display:block
}
.banner_search{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
	z-index:9
}
.banner_search>form{
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#fff;
	padding:10px 15px;
	position:relative
}
.banner_search>form .inputshow{
	width:100%;
	height:100%;
	border:none;
	outline:none;
	background:#f2f2f2;
	text-indent:1em;
	color:#999;
	border-radius:10px;
	overflow:hidden
}
.banner_search>form>button{
	position:absolute;
	width:70px;
	height:40px;
	border:none;
	background-color:#00547c;
	right:15px;
	top:10px;
	cursor:pointer;
	border-radius:10px;
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
.banner_search>form>button>.iconfont{
	color:#fff;
	font-size:24px
}
.banner_search.active1{
	display:block
}
.banner_search .ban_search {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	padding: 10px 15px;
	position: relative;
}
.banner_search .ban_search .inputshow{
	width:100%;
	height:100%;
	border:none;
	outline:none;
	background:#f2f2f2;
	text-indent:1em;
	color:#999;
	border-radius:10px;
	overflow:hidden
}
.banner_search>form>button{
	position:absolute;
	width:70px;
	height:40px;
	border:none;
	background-color:#00547c;
	right:15px;
	top:10px;
	cursor:pointer;
	border-radius:10px;
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
.banner_search .ban_search>button{
	position:absolute;
	width:70px;
	height:40px;
	border:none;
	background-color:#00547c;
	right:15px;top:10px;
	cursor:pointer;
	border-radius:10px;
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
.banner_search .ban_search>button>.iconfont{
	color:#fff;
	font-size:24px
}
.banner_search.active1{display:block}

@media screen and (max-width:766px){
	.container{
	width:100%
}
header{
	padding:0 15px
}
.main .view{
	width:calc(100% - 30px);
	margin-right:auto;
	margin-left:auto
}
.main .view_game{
	padding:0 15px;
	background-color: #fff;
}
.border_box .view_game{
	background-color: #fafafa;
}
.main_pat {
	margin-bottom: 15px;
}
.main_pat h2{
	font-size: 28px;
	line-height: 1.5em;
	color: #00547c;
	margin-bottom: 5px;
	font-weight: 500;
	padding-left: 15px;
}
.main_pat .bm {
	display: flex;
	padding-right: 15px;
	justify-content: space-between;
	align-items: center;
	background-color: #00547C;
}
.main_pat .bm h2 {
	color: #fff;
}
.main_pat .bm>a {
	color: #fff;
	font-size: 20px;
}
.main_pat .bm>a span {
	font-family: serif;
	position: relative;
	top: 1.7px;
}
.privacy .mainBox form {
    padding: 20px 0;
}
.privacy .mainBox form .formItem {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}
.privacy .mainBox form .formItem input[type=text] {
    background-color: #d6e4fd;
    border: none;
    outline: none;
    width: 370px;
    height: 50px;
    border-radius: 10px;
    text-indent: 1em;
    color: #333;
}
.privacy .mainBox form .formItem #comcom {
    background-color: #d6e4fd;
    border: none;
    outline: none;
    resize: none;
    border-radius: 10px;
    padding: 15px;
    text-indent: 1em;
    color: #333;
    width: 100%;
}
.privacy .mainBox form input[type=submit] {
    width: 90px;
    height: 40px;
    border: none;
    outline: none;
    border-radius: 21px;
    background-color: #00547c;
    color: #fff;
    margin-top: 15px;
}
.outside{
	margin: 20px 0;
	padding: 20px 10px;
	border: 3px solid #A5C8EC;
	border-radius: 12px;
	background-color: #FFFFFF;
	width: 100%;
}
.game_details{
	display: flex;
	align-items: center;
}
.game_details .text {
	width: 170px;
}
.game_details .img {
	border-radius: 10px; 
	overflow: hidden;
	width: 160px;
	height: 160px;
	margin-right: 20px;
}
.game_details .img img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
.game_details .text dl {
	font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	color: #000000;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.game_details .text dd {
	font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	color: #000000;
	margin: 10px 0;
}
.game_details .text dd:nth-last-child(1) {
	height: 38px;
	overflow: hidden;
}
.swiper {
	width:100%;
	height: 160px;
}
.swiper-slide {
	width: auto;
	height: auto;
}
.swiper .swiper-slide img {
	height: 160px;
}
.outside h3 {
	font-family: 'Microsoft YaHei UI', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	margin-bottom: 15px;
	color: #000000;
}
.outside .dec{
	height: 90px;
	overflow: hidden;
}
.outside p {
	font-family: 'Microsoft YaHei UI', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 0.1px;
	color: #000000;
	line-height: 15px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	text-overflow: ellipsis
}
.outside .button {
	display: flex;
	margin-top: 10px;
	justify-content: center;
}
.outside .button a {
	background-color: rgba(211,222,235,1);
	color: #000000;
	margin: 5px 0;
	padding: 5px 20px;
	border-radius: 10px;
	font-size: 12px;
}
.outside .download {
	margin: 0px auto;
	display: flex;
	justify-content: center;
}
.outside .download a {
	display: inline-block;
	padding: 5px 20px;
	color: #000;
	border: 3px solid #A5C8EC;
	/* background-color: #00547c; */
	border-radius: 12px;
}
.download a:nth-child(1) {
    margin-right: 20px;
}
.related {
	margin-top: 0;
}
.related .view_game {
	margin: 0;
	padding: 0;
}
.related .mainBox {
	padding: 0;
}
.related .mainBox form {
	padding: 0;
}
.related .view_game>li {
	margin-bottom: 0;
}
.content {
	position:relative;
	padding-bottom: 60px;
}
.content .button {
	width: 100%;
	position: absolute;
	bottom: 0;
}
.show {
	display: inline-block;
}
.less {
	display: none;
}
.discuss li {
	border-bottom: 1px solid #F1F1F1;
	margin: 5px 0;
}
.discuss h5 {
	color: #6d6d6d;
	border-left: 3px solid #3171ff;
	margin-bottom: 5px;
	padding-left: 5px;
}
.discuss h5 .name {
	color: #000000;
}
.discuss p {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 700;
}
.foot {
	height: 40px;
	background:#fff;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
}
.foot a {
	display: inline-block;
	color: #000;
	font-size: 10px;
}
.foot {
	color: rgba(0,0,0,.1);
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.crumbs ,.crumbs a{
	color: #00547c;
	font-size: 1.1em;
	padding: 20px 0;
}
.mainBox {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}
.mainBox h3 {
    font-size: 1.1em;
    color: #00547c;
    margin-bottom: 15px;
}
.mainBox p {
    font-size: .9em;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.6em;
}
.privacy>h2 {
    color: #00547c;
    font-size: 1.2em;
    margin-bottom: 15px;
}
.mainBox a {
	color: #0000ff;
}

.main .ad{
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#fff
}
.main .ad>p{
	font-size:12px;
	color:#ccc
}
.advertising{
	width: 336px;
	height: 280px;
	background-color: #ccc;
}
.main .game_list>li {
	width: calc((100% - 20px)/3);
}
.main .game_list>li:nth-child(4n) {
	margin-right: 10px;
}
.main .game_list>li:nth-child(3n) {
	margin-right: 0;
}
.bor_box .game_list>li>a{
	padding-bottom: 100%;
}