Goodgame_web/styles/style.scss

[class*="icon-"] {
	font-family: "iconfont";
	font-size: inherit;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.line{
	height: 20rpx;
	background-color: #F0F0F0;
}
.max-width{
	width: 1600px;
	margin: 0 auto;
}
*{
	margin: 0;
	padding: 0;
}
.box-content{
	box-sizing: content-box;
}
.box-border{
	box-sizing: border-box;
}
.bgc-e6{
	background-color: #E6E6E6;
}
.bgc-13{
	background-color: #131313;
}
.bgc-02{
	background-color: #020202;
}

.bgc-fc{
	background-color: #F1F9FC;
}
.ptm-80{
	padding-bottom: 80px;
}
.ptm-120{
	padding-bottom: 120px;
}
a{
	color: #1A1A1A;
	text-decoration: none;
	&:visited{
		color: #1A1A1A;
	}
}
.index-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	.index-title-left{
		font-size: 30px;
		font-weight: bold;
		height: 100px;
		line-height: 100px;
		position: relative;
		&::before{
			content: '';
			width: 100%;
			height: 4px;
			background: linear-gradient(to right,#F48612,#F48612);
			position: absolute;
			left: 0;
			bottom: 0;
		}
	}
	.index-title-right{
		width: 142px;
		height: 42px;
		background-color: #F0F0F0;
		border-radius: 21px 0 21px 0;
		font-size: 20px;
		color: #F48612;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		&:visited{
			color: #F48612;
		}
		.index-title-img{
			width: 22px;
			height: 22px;
			margin-left: 12px;
		}
	}
}
.zhishu-left{
	width: 324px;
	.zhishu-box{
		margin-bottom: 70px;
		.zhishu-title{
			height: 60px;
			background: linear-gradient(to right,#15C8DA,#18B650);
			line-height: 60px;
			text-align: center;
			font-size: 26px;
			color: #FFFFFF;
			font-weight: bold;
		}
		.zhishu-item{
			height: 55px;
			border: 1px solid #15C5C0;
			border-top: none;
			font-size: 22px;
			text-align: center;
			line-height: 54px;
			vertical-align: middle;
			position: relative;
		}
		.zhishu-item-active{
			color: #18B54E !important;
			&::before{
				content: '';
				display: inline-block;
				width: 22px;
				height: 22px;
				margin-right: 15px;
			}
			&::after{
				content: '';
				display: inline-block;
				width: 22px;
				height: 22px;
				background: url(/static/img/Thearrow@2x.png) no-repeat;
				background-size: 100% 100%;
				margin-left: 15px;
			}
		}
	}
}
.zhishu-right{
	width: 910px;
	position: relative;
}
.common-head{
	height: 106px;
	line-height: 106px;
	font-size: 20px;
}
.mg-10-lr{
	margin: 0 10px;
}
.table-box{
	margin: 36px 16px 12px;
	border-top: 1px solid #E7E7E4;
	border-left: 1px solid #E7E7E4;
	max-height: 800px;
	.table-item{
		display: flex;
		&>.table-item-inline{
			font-size: 22px;
			height: 70px;
			line-height: 70px;
			text-align: center;
			border-right: 1px solid #E7E7E4;
			border-bottom: 1px solid #E7E7E4;
			&:nth-child(1){
				width: 10%;
			}
			&:nth-child(2){
				width: 22%;
			}
			&:nth-child(3){
				width: 24%;
			}
			&:nth-child(4){
				width: 22%;
			}
			&:nth-child(5){
				width: 22%;
			}
		}
		&:nth-of-type(2n){
			background-color: #F1F9FC;
		}
		&:first-of-type{
			background-color: #D0EBF7;
		}
	}
}
.news-item{
	display: flex;
	padding-bottom: 30px;
	border-bottom: 1px solid #9E9E9E;
	justify-content: space-between;
	width: 1383px;
	margin-bottom: 30px;
	.news-item-content{
		width: 1077px;
		
	}
	.news-xian{
		border-bottom: 1px dashed #9E9E9E;
		padding: 16px 0;
	}
	.news_fm{
		width: 261px;
		height: 193px;
	}
	.news-item-title{
		padding-right: 20%;
		min-height: 50px;
		line-height: 30px;
		font-size: 20px;
		font-weight: bold;
		position: relative;
		font-size: 19px;
		color: #9E9E9E;
		.news-item-time{
			line-height: 30px;
			font-size: 20px;
			color: #999999;
			font-weight: normal;
			position: absolute;
			right: 0;
			top: 0;
		}
	}
	.news_desc{
		width: 1037px;
		font-size: 27px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 32px;
		 white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
	}
	.godetai{
		width: 120px;
		font-size: 19px;
		font-weight: 400;
		color: #9E9E9E;
		line-height: 32px;
		margin-top: 16px;
		display: flex;
		align-items: center;
	}
	.godetai:hover{
		color:#F48612;
	}
	.godetai:hover .go_img{
		background-image:url('@/static/img/index/go_c.png');
	}
	.go_img{
		width: 20px;
		height: 20px;
		background-image:url('@/static/img/index/go.png');
		background-size: cover;
		margin-left: 10px;
	}
	.news-item-text{
		line-height: 27px;
		font-size: 19px;
		font-weight: 400;
		color: #9E9E9E;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	&:last-of-type{
		// border-bottom: none;
	}
}
.pointer{
	cursor: pointer;
}
.border-bt-e6{
	border-bottom: 1px solid #E6E6E6 !important;
}
.border-bt-ccc{
	border-bottom: 1px solid #CCCCCC !important;
}

// 选择日期
.el-input{
	width: 210px !important;
	font-size: 16px !important;
}
.el-date-picker {
	width: 600px !important;
}
.el-input--prefix .el-input__inner{
	padding-left: 30px !important;
}
.el-input--suffix .el-input__inner{
	padding-right: 30px !important;
}
.el-input__icon{
	display: inline !important;
	width: 25px !important;
	height: 100% !important;
	line-height: 40px !important;
}
.el-input__inner{
	height: 40px !important;
	line-height: 40px !important;
	padding: 0 15px !important;
}
.el-input__prefix{
	left: 5px !important;
}
.el-input__suffix{
	right: 5px !important;
}
.el-date-picker .el-picker-panel__content {
	width: 600px !important;
	margin: 0 !important;
	padding: 15px;
	.el-date-table{
		font-size: 18px !important;
		td{
			padding: 8px 0 !important;
		}
	}
}
.el-picker-panel__icon-btn {
	font-size: 18px !important;
}

// 分页
.el-pagination{
	padding: 100px 0 !important;
	text-align: center;
	.el-pager li,.btn-prev,.btn-next{
		min-width: 40px !important;
		padding: 0 10px;
		height: 40px;
		line-height: 40px;
	}
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
	background-color: #F48612 !important;
}
.el-paginations.is-background .el-pager li:not(.disabled).active{
	background-color: none !important;
}