.game {
  width: 100%;
  height: 100%;
  min-width: 1340px;
  max-width: 1920px;
 overflow: hidden;
}
.game .game-list {
  width: 1100px;
  padding: 46px 0;
  margin: 0 auto;
  overflow: hidden;
}
.game .game-list .game-list-item {
  height: 540px;
  padding-left: 30px;
  position: relative;
}
.game .game-list .game-list-item .game-item-img-bc {
  position: relative;
  width: 460px;
  height: 335px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.game .game-list .game-list-item .game-item-img-bc-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.game .game-list .game-list-item .game-item-img-bc:hover {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.game .game-list .game-list-item .game-item-img-bc.no-click-game:hover {
  transform: none !important;
  -ms-transform: none !important;
  -moz-transform: none !important;
  -webkit-transform: none !important;
  -o-transform: none !important;
}
.game .game-list .game-list-item .game-item-text {
  display: block;
  margin-top: 20px;
  text-align: center;
  padding: 0 10px;
  /* width: 500px; */
}
.game .game-list .game-list-item .game-item-text .title {
  font-size: 30px;
  font-weight: 500;
  color: #333;
  /* cursor: pointer; */
}
.game .game-list .game-list-item .game-item-text .des {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 300;
  color: #949494;
  /* cursor: pointer; */
  opacity: 0.7;
  /* 兼容性写法 */
  zoom: 1;
  filter: alpha(opacity=70); /*IE下*/
  -moz-opacity: 0.7; /* 老版Mozilla */
  -khtml-opacity: 0.7; /* 老版Safari */
}

ul{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		justify-content: space-between;
		width: 1050px;
		margin: 0 auto;
		padding-bottom: 24px;
	}
	.litb{
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
		-ms-flex-align: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		align-items: center;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		justify-content: center;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
		margin-bottom: 35px;
		/* margin-left:20px; */
		width: 290px;
		height: 209px;
		background: #fff;
		border-radius: 4px;
		border: 1px solid #e6e8e9;
		-webkit-box-shadow: 0 2px 20px 0 rgb(203 204 204 / 26%);
		box-shadow: 0 2px 20px 0 rgb(203 204 204 / 26%);
		cursor: pointer;
	}
	.menu-box {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    z-index: 1000;
  }
  .cover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999;
    opacity: 0.5;
  }
  .li-box{
	width:100%;
	height:100%;
	line-height:53px;
  padding-top:48px;
  }
  .market .i1{
  	background-image: url("../img/market.png");
  }
   .paint .i1{
  	background-image: url("../img/paint.png");
  }
   .cx .i1{
  	background-image: url("../img/cx.png");
  }
   .yf .i1{
  	background-image: url("../img/yf.png");
  }
   .sw .i1{
  	background-image: url("../img/sw.png");
  }
    .rs .i1{
  	background-image: url("../img/rs.png");
  }
 .market .i1,.paint .i1,.yf .i1,.rs .i1,.sw .i1,.yf i1,.cx .i1{
    display:block;
	margin:auto;
	width:54px;
    height: 58px;
    background-position: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .market-hover,.paint-hover,.cx-hover,.sw-hover,.rs-hover,.yf-hover{
	display:none;
  }

.litb-maket:hover .market,.litb-paint:hover .paint,.litb-cx:hover .cx,.litb-sw:hover .sw,.litb-yf:hover .yf,.litb-rs:hover .rs{
	display:none;
}
.litb-maket:hover .market-hover,.litb-paint:hover .paint-hover,.litb-rs:hover .rs-hover,.litb-cx:hover .cx-hover,.litb-sw:hover .sw-hover,.litb-yf:hover .yf-hover{
	display:block;
}
.left {
    position: absolute;
    top: 300px;
    width: 165px;
    height: 414px;
    background-image: url(../img/join-left.png);
}
.right {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 202px;
    height: 233px;
    float: right;
    background-image: url(../img/join-right.png);
}

.li-box-hover{
  font-size:20px;
  line-height:35px;
}