@CHARSET "UTF-8";

/* 公用样式 */
.flex {
	display: flex;
}

.column {
	flex-direction: column;
}

.level {
	justify-content: center;
}

.average {
	justify-content: space-evenly;
}

.vertical {
	align-items: center;
}

.flex-all {
	display: flex;
	justify-content: center;
	align-items: center;
}

.between {
	justify-content: space-between;
}

/* 整体 */
html,
body {
	padding: 0;
	margin: 0;
	background-color: RGBA(238, 241, 246, 1);
	width: 100%;
	height: 100%;
}

[v-cloak] {
	display: none;
}

#app {
	width: 100%;
	height: 100%;
}

/* 上面部分 */
.top {
	width: 100%;
	height: 55vh;
	background-image: url("../images/top-bg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.top-top {
	width: 70%;
	height: 5vh;
	margin: 0 auto;
	justify-content: space-between;
}

.top-top-title {
	color: #FFFFFF;
	font-size: 2vh;
}

.top-top-login {
	width: 7vh;
	height: 3.5vh;
	background-color: #88B0EE;
	color: #FFFFFF;
	font-size: 2vh;
	border-radius: 2vh;
	cursor: pointer;
}

.top-top-login-show {
	height: 3.5vh;
	color: #FFFFFF;
	font-size: 2vh;
	cursor: pointer;
}

.top-bottom {
	width: 70%;
	height: 45vh;
	margin: 0 auto;
	justify-content: space-evenly;
}

.top-bottom-title {
	font-size: 5vh;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #205BBB;
	text-shadow: 0px 2px 4px rgb(0 0 0 / 17%);
	-webkit-text-stroke: 1px #FFFFFF;
	text-stroke: 4px #FFFFFF;
}

.top-bottom-search {
	width: 55%;
}

.top-bottom-search .el-input-group__append {
	background-color: #205BBB;
	color: #FFFFFF;
}

/* 中间部分 */
.center {
	width: 70%;
	height: 14vh;
	margin: 0 auto;
	position: relative;
	top: -4vh;
	z-index: 999;
	justify-content: space-between
}

.center-list-box {
	width: 30%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	cursor: pointer;
}

/* 底部部分 */
.bottom {
	width: 70%;
	margin: 0 auto;
}

.bottom-title {
	width: 50%;
	height: 3vh;
	background-image: url("../images/qycx.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}

.bottom-box {
	flex-wrap: wrap;
}

.bottom-list {
	width: calc(100% / 6);
	height: 5vh;
	background-color: rgba(224, 236, 252, 0.7);
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2vh;
	cursor: pointer;
	font-size: 2vh;
}

/* 首页之外的中间部分 */
.c-center {
	width: 100%;
	height: 5vh;
	background-color: rgba(32, 91, 187, 1);
}

.c-center-list {
	width: 10%;
	height: 100%;
	color: #FFFFFF;
	font-size: 2vh;
	cursor: pointer;
}

.nav-select {
	background-color: rgba(54, 113, 208, 1);
}

/* 首页之外的底部部分 */
.c-bottom {
	width: 85%;
	margin: 2vh auto;
	padding-bottom: 2vh;
}

/* 各组件公共样式 */
.component-box {
	width: 100%;
}

/* 信息填报组件 */
.xxtb-left {
	width: 15%;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(182, 210, 255, 1);
	min-height: 40vh;
}

.xxtb-right {
	width: 84%;
}

.xxtb-nav-list {
	width: 100%;
	height: 8vh;
	font-size: 2vh;
	cursor: pointer;
}

.xxtb-nav-select {
	background-color: rgba(103, 151, 229, 1);
	color: #fff;
}

.xxtb-right-top {
	width: 100%;
	height: 25vh;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(182, 210, 255, 1);
}

.xxtb-right-bottom {
	margin-top: 1.5vh;
	width: 100%;
	/* height: 40vh; */
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(182, 210, 255, 1);
	padding: 2vh 0vh;
}

.xxtb-company-info-box {
	height: 100%;
	margin-left: 3vh;
}

.xxtb-company-info-color {
	width: 4vh;
	height: 2vh;
}

.xxtb-company-info-box .el-radio__label {
	display: flex;
}

.xxtb-company-info-box .el-radio__input.is-disabled+span.el-radio__label {
	color: #000 !important;
}

/* 信息填报的企业档案 */
.qyda-title {
	font-size: 2vh;
	color: #333333;
	position: relative;
}

.qyda-title::before {
	content: '';
	background-color: #205BBB;
	width: 0.5vh;
	height: 1.8vh;
	position: absolute;
	top: 0.4vh;
	left: -1.3vh;
}

/* 信息填报的信用记录 */
.xyjl-text {
	background: #E4EFFF;
	border: 1px solid #CCC;
	font-size: 1.8vh;
	line-height: 30px;
	border-radius: 5px;
	word-wrap: break-word;
	word-break: normal;
	text-indent: 3.9vh;
	padding: 1vh;
}

.xyjl .detail-nav {
	width: 100%;
	height: 80px;
}

.xyjl .detail-nav-box {
	height: 100%;
	width: 120px;
	cursor: pointer;
	position: relative;
}

.xyjl .detail-nav-select {
	box-shadow: 0 0px 4px 0 #333;
}

.xyjl .detail-nav-num-box {
	position: absolute;
	top: 2px;
	right: 5px;
}



/* 信息填报的信用加分申请 */

/* 结果公开公示组件 */
.gsgk-left {
	width: 15%;
	/* height: 60vh; */
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(182, 210, 255, 1);
}

.gsgk-right {
	width: 84%;
	height: 65vh;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(182, 210, 255, 1);
}

.gsgk-area-select {
	color: rgba(32, 91, 187, 1) !important;
}

.gsgk-left>div div {
	cursor: pointer;
	font-size: 1.8vh;
	color: rgba(50, 50, 50, 1);
}

.gsgk-right .el-table__body-wrapper::-webkit-scrollbar {
	width: 0; // 纵向滚动条的宽度
	background: rgba(213, 215, 220, 0.3);
	border: none;
}

.gsgk-right .el-form-item__content {
	width: 23vh;
}

.gsgk .el-dialog__body {
	padding: 10px 15px;
}

.gsgk .detail-nav {
	width: 100%;
	height: 80px;
}

.gsgk .detail-nav-box {
	height: 100%;
	width: 120px;
	cursor: pointer;
	position: relative;
}

.gsgk .detail-nav-select {
	box-shadow: 0 0px 4px 0 #333;
}

.gsgk .detail-nav-num-box {
	position: absolute;
	top: 2px;
	right: 5px;
}

/* 政策法律组件 */
.zcfg-left {
	width: 15%;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(182, 210, 255, 1);
	min-height: 24vh;
}

.zcfg-right {
	width: 84%;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(182, 210, 255, 1);
}

.zcfg-right .el-divider--horizontal {
	margin: 16px 0;
}

.zcfg-right .big-title {
	color: #333;
	font-size: 26px;
	font-weight: 800;
	line-height: 10vh;
}

.zcfg-right .time {
	color: #999;
	line-height: 5vh;
}

.zcfg-right .small-title {
	font-family: 微软雅黑, 'Microsoft YaHei';
	font-size: 12px;
	color: #333;
	margin: 0 auto;
	text-indent: 2em;
	word-wrap: break-word;
	white-space: normal;
	margin: 3vh 0;
	line-height: 3vh;
}

.zcfg-right .content {
	font-size: 14px;
	color: #333;
	margin: 0 auto;
	text-indent: 2em;
	line-height: 26px;
	text-align: justify;
	word-wrap: break-word;
	white-space: normal;
	text-justify: inter-ideograph;
	line-height: 4vh;
}

.zcfg-nav-list {
	width: 100%;
	height: 8vh;
	font-size: 2vh;
	cursor: pointer;
}

.zcfg-nav-select {
	background-color: rgba(103, 151, 229, 1);
	color: #fff;
}

.zcfg-list {
	width: 100%;
}

.zcfg-page {
	width: 100%;
}

/* 使用帮助组件 */
.sybz-box {
	width: 100%;
	height: 40vh;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(182, 210, 255, 1);
}

.sybz-down-button {
	color: #FFFFFF;
	font-size: 2vh;
	background-color: rgba(32, 91, 187, 1);
	padding: 1vh 2.5vh;
	border-radius: 1vh;
	cursor: pointer;
}

/* 登录弹窗 */
.login-content {
	/* width:500px; */
	height: 230px;
	background: #f9f9f9;
	margin: 0 auto;
	padding: 15px 10px 100px 10px;
	color: #838383;
	border: 2px solid #CCC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.login-info {
	width: 400px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border: 2px solid #f0f7fb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 20px;
	position: relative;
}

.login-info input {
	outline: none;
}

.login-info span.user {
	float: left;
	width: 40px;
	height: 30px;
	margin: 5px auto 5px auto;
	background: url(/HBHB/images/login/icon-user.gif) no-repeat center center;
	border-right: 1px solid #a9a9a9;
}

.login-info span.pwd {
	float: left;
	width: 40px;
	height: 30px;
	margin: 5px auto 5px auto;
	background: url(/HBHB/images/login/icon-pwd.png) no-repeat center center;
	border-right: 1px solid #a9a9a9;
}

.login-input {
	width: 338px;
	height: 40px;
	line-height: 40px;
	background: #ffffff;
	border: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

.login-check {
	width: 330px;
	height: 40px;
	line-height: 40px;
	background: #ffffff;
	border: none;
	margin: 0;
	padding: 0;
}

.input-label {
	position: absolute;
	height: 40px;
	line-height: 40px;
	left: 70px;
	color: #B6B7B8;
	/* top:0; */
}

.login-oper {
	width: 400px;
	height: 40px;
	line-height: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.login-btn {
	width: 400px;
	height: 40px;
	border: none;
	background: #28B2E6;
	color: #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.login-reset {
	width: 170px;
	height: 40px;
	border: none;
	background: #AAAAAA;
	color: #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.loginAlertDiv {
	clear: both;
	margin-bottom: 10px;
	width: 300px;
	height: 20px;
	color: #f15050;
}

.input-check {
	position: absolute;
	height: 40px;
	line-height: 40px;
	left: 7px;
	color: #B6B7B8;
	top: 0;
}

.yanzhengma {
	width: 100px;
	margin-left: 30%;
}

#checkCode img {
	width: 30px;
}

.login_zc {
	text-align: center;
}

.xyjfsq input {
	-webkit-appearance: none;
	background-color: #FFF;
	border-radius: 4px;
	border: 1px solid #DCDFE6;
	box-sizing: border-box;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	outline: 0;
	padding: 0 15px;
	transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
	width: 100%;
}

.xyjfsq input:hover {
	border-color: #C0C4CC;
}


.hyfl .el-select{
	margin-left: unset !important;
	width: 100% !important;
}
.qyzt .el-select{
	width: 100% !important;
}