@charset "UTF-8";

/*
* @description:页游样式
 *@author:wangfeng
 * @update: name(2020-9-19)
*/
body{
	background-color: #f5f5f5;
}
.clear{
	clear: both;
}
.wrap {
	width: 100%;
	margin: 0 auto;
	margin-top:20px;
}
.gamerecommend{
	width: 38%;
    height: 100%;
    margin: 0 auto;
    float: right;
}
.gamerecommend_list{
	width: 800px;
	height: 360px;
	position: relative;
	float:left;
}
.gamerecommend-img{
	display:block;
	width: 800px;
	height: 360px;
}
.gamerecommend-img img{
	width:100%;
	height:100%;
}
.smalllist{
	position: absolute;
	left:0px;
	bottom:0px;
	width:800px;
	height: 80px;
	background-color: rgba(0,0,0,.5);
}
.smalllist_1,.smalllist_2,.smalllist_3,.smalllist_4{
	width: 200px;	
	height: 80px;
	float:left;
	position: relative;
}
.smalllist_1.active,.smalllist_2.active,.smalllist_3.active,.smalllist_4.active{
	height:76px;
	background-color: #333;
	border-bottom: 4px solid  #FF6000;
}
.smalllist_1_img,.smalllist_2_img,.smalllist_3_img,.smalllist_4_img{
	width: 74px;
	height: 80px;
	float:left;
	position: absolute;
	top:0px;
	left:5px;
}
.smalllist_1_img img,.smalllist_2_img img,.smalllist_3_img img,.smalllist_4_img img{
	display:block;
	width: 50px;
	height: 50px;
	margin:0 auto;
	margin-top:15px;
}
.smalllist_1_name,.smalllist_2_name,.smalllist_3_name,.smalllist_4_name{
	position: absolute;
	top:0px;
	left:76px;
	width: 126px;
	height: 80px;
	line-height:80px;
	font-size:14px;
	color:#fff;
	float:left;
	text-overflow: ellipsis; /*文字超出部分用省略号表示*/
	transition: padding .2s ease;
}
.smalllist_1_name.nameactive,.smalllist_2_name.nameactive,.smalllist_3_name.nameactive,.smalllist_4_name.nameactive{
	color: #FF6000;
	padding-left: 5px;
    width: 121px;
}
.gameview{
	width: 100%;
	height: 360px;
	float:left;
	background-color: #eee;
}
.gameview_top{
	width: 90%;
    height: 32px;
    margin: 0 auto;
    padding: 15px 0;
    border-bottom: 1px solid #777;
    line-height: 40px;
    color:  #FF6000;
    font-size: 24px;
}
.gameview h4{
	width: 100%;
	height: 80px;
	overflow: hidden;
}
.notice_title{
	width:340px;
	height: 36px;
	color:  #FF6000;
    font-size: 24px;
	text-overflow: ellipsis;
}
.gameview_bottom{
	width: 90%;
    margin: 0 auto;
    padding: 16px 0 0;
}
.gameview_bottom li{
	width:78%;
	height: 34px;
    line-height: 34px;
    color: #666;
}
.yy_types{
	width: 100%;
    min-height: 223px;
    background-color: #fff;
}
.notice_text{
	display: inline-block;
	width:100%;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	color:#333;
	line-height:16px;
}
.notice_text:hover{
	color: #FF6000;
	padding-left:5px;
}
.notice_figure{
	display: inline-block;
    width: 9px;
    height: 9px;
    background:url(../images/figure.png);
    background-size:100% 100%;
}
.date{
	display:inline-block;
	font-size:12px;
	color:#666;
	width: 34px;
	height: 36px;
	line-height:36px;
}

.gameview_bottom a{
	color: #ccc;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 386px;
    overflow: hidden;
    -webkit-transition: padding .2s ease;
    -moz-transition: padding .2s ease;
    -o-transition: padding .2s ease;
    transition: padding .2s ease;
}

.banner {
	width: 1220px;
    height: 360px;
	margin: 0 auto;
	margin-top: 20px;
}

.bannner-title {
	color: #2E3654;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	padding: 41px 0 44px 0;
}

.bannner-title-name {
	padding: 0 19px;
}

.bannner-title-rightimg {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
 	/* IE 9 */
	-moz-transform: rotate(180deg);
 	/* Firefox */
	-webkit-transform: rotate(180deg);
 	/* Safari 和 Chrome */
	-o-transform: rotate(180deg);
}

.banner-game {
	width: 386px;
	height: 290px;
	background: #222E3E;
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	margin-right: 20px;
	position: relative;
}
.banner-game-link{
	display:block;
	width:100%;
	height:100%;
} 
.banner-game:last-child {
	margin-right: 0;
}

.banner-game:hover{
	 transform:scale(1.02);
     -webkit-transform:scale(1.02);  /*兼容-webkit-引擎浏览器*/
     -moz-transform:scale(1.02);     /*兼容-moz-引擎浏览器*/
}

.banner-game-img {
	width: 386px;
	height: 290px;
	border-radius: 5px;
}

.banner-game-icon {
	width: 90px;
	height: 90px;
	border-radius: 15px;
	position: absolute;
	top: 20px;
	left: 21px;
	z-index: 9;
}

.banner-game-code {
	width: 106px;
	height: 106px;
	background: #FFFFFF;
	border: 2px solid  #FF6000;
	box-shadow: 1px 7px 16px 0px rgba(0, 0, 0, 0.24);
	border-radius: 5px;
	position: absolute;
	top: 20px;
	left: 21px;
	z-index: 99;
	display: none;
}

.banner-game-code-img {
	width: 102px;
	height: 102px;
	border-radius: 5px;
	margin: 2px auto;
	display: block;
}

.banner-box {
	position: absolute;
	top: 163px;
	left: 21px;
	z-index: 99;
	color: #fff;
}

.banner-box-name {
	max-width: 308px;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.banner-box-type {
	font-size: 22px;
	margin: 12px 0 5px;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.banner-box-text {
	width: 357px;
	font-size: 13px;
	line-height: 18px;
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
}
.yygames{
	width: 100%;
    height: 800px;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 20px;
}
.no-data{
	text-align:center;
	margin:60px 0;
	color:#666;
}
.gamelist {
	width: 792px;
	margin: 20px 0px;
	padding: 20px 11px;
    background-color: #fff;
}

.bluediv {
	width: 4px;
	height: 24px;
	background-color:  #FF6000;
	float: left;
	margin-top: 2px;
	margin: 0 10px 0 0;
}

.gamelis-ttitle {
	height: 25px;
	font-size: 24px;
	color: #343434;
	line-height: 18px;
}

.gamesearch {
	width: 161px;
}

.gamesearch input {
	border: 1px solid #DEDEDE;
	padding-left: 5px;
	padding-right: 30px;
	border-radius: 15px;
	height: 30px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
	background-color: #fff;
	color: #d8d8d8;
	text-indent: 12px;
	color: rgba(34,34,34,1);
	font-size: 14px;
	line-height: 1.42857143;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	z-index: -1;
}

.gamesearch .search_icon {
	position: absolute;
	right: 12px;
	top: -3px;
}

.gamescreen_con_second_line,.gamescreen_con_third_line {
	padding:14px 34px;
	position: relative;
	overflow: hidden;
	color: #343434;
}

.game-type-list {
	width: 91%;
	margin: 0 auto;
}

.gamescreen_con_title {
	margin-left: 13px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 32px;
}
.gamescreen_con_first_line{
	height: 50px;	
	padding:14px 0px 14px 35px;
}

.alls,.alls span {
	font-size:16px;
	width: 78px;
    height: 32px;
	line-height: 30px;
	text-align: center;
	line-height: 30px;
    border-radius: 5px;
}
.alls:hover{
	background-color:  #FF6000;
	color:#fff !important
}

.alls span {
	border:none;
}
.other-game-type{
	width:902px;
}
/* 游戏类型 */
.gamescreen_con_type{
    font-size: 16px;
    display: inline-block;
    width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* 游戏平台 */

.alledition{
    width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/all.png)
}
.alledition_s{
    width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/all_s.png)
}
.alledition:hover{
    background:url(../images/pingtai/all_s.png)
}
.pingtai_sy_A{
	width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/android.png)
}
.pingtai_sy_A:hover{
	width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/android_s.png)
}
.pingtai_sy_I{
	width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/ios.png)
}
.pingtai_sy_I:hover{
	width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/ios_s.png)
}
.pingtai_h5{
    width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/h5.png)
}
.pingtai_h5_s{
    width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/h5_s.png)
}
.pingtai_h5:hover{
    background:url(../images/pingtai/h5_s.png)
}

.pingtai_yy{
    width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/pc.png)
}

.pingtai_yy_s{
    width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/pc_s.png)
}
.pingtai_yy:hover{
    background:url(../images/pingtai/pc_s.png)
}

.gamescreen_con_andriod{
    width:200px !important;
    height: 50px;
    margin-right: 15px;
    background: url(../images/pingtai/android.png);
}
.gamescreen_con_andriod_s{
    width:200px !important;
    height: 50px;
    margin-right: 15px;
    background: url(../images/pingtai/android_s.png);
}
.gamescreen_con_andriod:hover{
    background: url(../images/pingtai/android_s.png);
}
.pingtai_ios{
    width: 200px;
    height: 50px;
    margin-right:15px;
    background:url(../images/pingtai/ios.png)
}
.pingtai_ios_s{
    width: 200px;
    height: 50px;
    margin-right: 15px;
    background:url(../images/pingtai/ios_s.png)
}
.pingtai_ios:hover{
    background:url(../images/pingtai/ios_s.png)
}
.gametype{
	font-size: 16px;
	width: 72px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;								
}
.type_active{
    background: #FF6000;
    color: white;
    box-sizing: border-box;
}
.type_active p:hover{
    color: white!important;
}
.gamescreen_con_type:hover {
	color:  #fff;
	background-color: #ff6000;
}
.gamescreen_con_type:hover p{
	color:#fff !important
}
.letter{
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 5px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
}

.letter span{
    color:#F49E40;
    font-weight: 500;
    font-size: 20px;
}

.bluecolors:hover{
    background-color: #FF6000;
    color:#fff;
    cursor: pointer;
    border-radius:5px;
}
.bluecolors:hover span,.bluecolors:hover p{
    color:#fff !important
}


.game-box {
	width: 787px;
	height: 168px;
	border: 1px solid #ddd;
	margin-bottom: 16px;
	position: relative;
}

.game-box:hover {
	border: 1px solid  #FF6000;
	box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.2);
}

.game-box-img {
	display: block;
	width: 159px;
	height: 119px;
	border-radius: 3px;
	margin: 25px 23px 0 21px;
}

.game-box-name {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 20px;
	margin: 25px 0 18px;
}

.game-box-tag {
	color:  #FF6000;
	font-size: 12px;
	position: relative;
	padding: 0 10px;
}

.game-box-tag:first-child {
	padding: 0 10px 0 0;
}

.game-box-tag:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 10px;
	background: #ccc;
	right: 0;
	top: 4px;
}

.game-box-tag:last-child:after {
	width: 0;
}

.game-box-describe {
	width: 453px;
	font-size: 13px;
	color: #3C3C3C;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.download{
	width:68px;
    height:80px;
	position: absolute;
    top: 18px;
    right: 43px;
}
.gamelist_item_download{
	display:block;
    width:68px;
    height:68px;
    text-align: center;
    background-image: url(../images/game.png);
    background-position: -70px 0;
    color:white;
    border-radius:5px;
    cursor: pointer;
}
.gamelist_item_download:hover{
	background-image: url(../images/game.png);
    background-position: -138px 0;
}
.gamegift{
    width:95px;
    height:27px;
    font-size:12px;
    font-weight:400;
    line-height: 28px;
}

.game-box-gamebtn,.game-box-giftbtn {
	display: block;
	width: 97px;
	height: 28px;
	line-height: 28px;
	background: #FFAC5B;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin: 96px 0px 14px 0;
}

.game-box-gamebtn:hover,.game-box-giftbtn:hover {
	color: #fff;
}

.game-box-giftbtn {
	background:  #FF6000;
	margin: 0 47px 0 0;
}

.new-open {
	width: 29.8%;
	margin-top: 20px;
    background-color: #fff;
    padding: 20px 11px;
    margin-left: 20px;
}

.new-open-box {
	width: 80%;
	height: 399px;
	background: #fff;
	margin: 20px  auto 0;
}

.new-open-box-item {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	margin: 0 auto;
	color: #3C3C3C;
	font-size: 13px;
}

.new-open-box-item:last-child {
	border-bottom: none;
}

.new-open-box-item:hover {
	color:  #FF6000;
}

.new-open-box-name {
	overflow: hidden;
	width: 96px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.new-open-box-area {
	overflow: hidden;
	width: 95px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.new-open-box-time {
	width:85px;
	text-align: center;
	overflow: hidden;
	color: #898989;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.new-open-box-item:hover .new-open-box-time {
	color:  #FF6000;
}

.new-open-box-title {
	width: 100%;
	height: 29px;
	line-height: 29px;
	margin: 0 auto;
	font-size: 14px;
}

.new-open-box-title .new-open-box-name,.new-open-box-title .new-open-box-area,.new-open-box-title .new-open-box-time {
	color: #888;
}
/* 分页 */
.gamelistpage{clear:both;width:846px;text-align:center;padding:15px 0;}
.gamelistpage li{display:inline}
.gamelistpage .active{border:1px solid  #FF6000;background-color: #FF6000;color:#ffffff}