@charset "utf-8";
body,html {
	overflow-x: hidden;
}
/* 会员中心的页面样式 */
.container {
	overflow: visible;
}
/* 左边的导航 */
.left-nav {
	width: 220px;
	float: left;
	margin-bottom: 120px;
	background: -ms-linear-gradient(90deg, #0484F1, #04BCF1);
	background: -moz-linear-gradient(90deg, #0484F1, #04BCF1);
	background: -webkit-linear-gradient(90deg, #0484F1, #04BCF1);
	background: linear-gradient(90deg, #0484F1, #04BCF1);
	box-shadow: 1px 11px 49px 1px rgba(27, 113, 185, 0.2);
}

.avatar-box {
	text-align: center;
	line-height: 150px;
}

.avatar-box .avatar {
	width: 90px;
	height: 90px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* 下面的每一格 */
.left-nav-item {
	line-height: 80px;
	cursor: pointer;
	padding: 0 26px 0 24px;
}

.left-nav-item .nav-text {
	width: 110px;
	padding-left: 16px;
	display: inline-block;
	font-size: 22px;
	color: #fff;
}

.left-nav-item img,
.left-nav-item span {
	vertical-align: middle;
}

/* 二级菜单 */
.left-sub-nav {
	display: none;
	background-color: #0062B4;
}

/* 一级菜单选中样式 */
.left-nav-item.active {
	background-color: #78C2FF;
}

/* 选中的一级菜单里面的二级菜单才可见 */
.left-nav-item.active + .left-sub-nav {
	display: block;
}

.left-sub-nav .sub-nav-item {
	font-size: 20px;
	text-align: center;
	line-height: 66px;
	color: rgba(255,255,255,.4);
}

.left-sub-nav .sub-nav-item.active {
	color: #fff;
}

/* 右边 */
.main {
	margin-left: 220px;
	min-height: 1142px;
}

.contact-box {
	position: relative;
	padding-left: 90px;
	line-height: 150px;
}

.border-box {
	position: relative;
}

.border-box::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1400px;
	height: 1px;
	background-color: #eaeaea;
}

.contact-box span {
	margin-right: 80px;
	font-size: 16px;
	color: #9A9A9A;
	background: no-repeat left center;
}

.contact-box span.username {
	padding-left: 24px;
	background-image: url("../img/user_icon.png");
}

.contact-box span.phone {
	padding-left: 29px;
	background-image: url("../img/phone_icon.png");
}

.edit-title {
	padding-left: 30px;
	line-height: 93px;
	font-size: 22px;
	color: var(--main-color);
}

/* 标题这一栏的灰色小字 */
.edit-title  .current-scale {
	font-size: 14px;
	line-height: 1.8;
	padding-left: 18px;
	color: #999;
}

.form-box {
	padding: 36px 30px 1px 30px;
}

.form-line {
	min-height: 48px;
	overflow: hidden;
	margin-bottom: 30px;
	line-height: 48px;
}

.form-line .my-label {
	font-size: 16px;
	color: #343434;
}

/* 如果表单左边的label过长，变成两行 */
.span3 .my-label .long-label-text {
	display: inline-block;
	width: 148px;
	line-height: 22px;
}

.span3 .my-label .long-label-colon {
}

.form-line input {
	height: 48px;
	margin: 0;
	width: 100%;
	padding: 0 18px;
	font-size: 16px;
	line-height: 3;
	border: 1px solid #CCCCCC;
}

.form-line .text {
	font-size: 14px;
	color: #9a9a9a;
}

.success-box .ok-btn,
.save-btn {
	min-width: 82px;
	padding: 0 18px;
	height: 32px;
	font-size: 16px;
	display: inline-block;
	margin-top: 18px;
	outline: none!important;
	margin-bottom: 6px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

/* 上传头像的地方 */
.upload-box {
	padding: 0 30px;
	line-height: 100px;
}

.upload-line {
	padding-left: 30px;
}

.upload-btn {
	width: 58px;
	height: 26px;
	margin-left: 25px;
	line-height: 16px;
	font-size: 14px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
}

.upload-btn:first-child,
.upload-btn:first-child + .upload-btn {
	display: inline-block;
	margin-top: 10px;
}

.upload-box .tip {
	font-size: 14px;
	margin-left: 30px;
	color: #9a9a9a;
}

.upload-box .tip em {
	font-style: normal;
	color: var(--main-color);
}

.upload-line + .save-btn {
	margin-top: 10px;
}

/* 查看信息 */
.msg-box {
	padding: 0 0 0 30px;
}

/* 去掉数据表格里面的下padding */
.table {
	margin-bottom: 0;
}

/* 选择状态 */
.state-choose  ul {
	margin: 0;
	height: 98px;
}

.state-choose li {
	margin-right: 18px;
	line-height: 98px;
}

.state-choose li .btn {
	padding-left: 13px;
	padding-right: 13px;
	height: 38px;
	border-color: #DEDEDE;
	color: #9a9a9a;
	background: #fff;
}

.state-choose li.active .btn {
	color: #fff;
	background: var(--main-color);
}

/* 表格样式调整 */
.table {
	table-layout: fixed;
}

.table td,
.table th {
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
}

.table th {
	border-color: #fff;
	background: -ms-linear-gradient(0deg, #E7E7E7, #EFEFEF);
	background: -moz-linear-gradient(0deg, #E7E7E7, #EFEFEF);
	background: -webkit-linear-gradient(0deg, #E7E7E7, #EFEFEF);
	background: linear-gradient(0deg, #E7E7E7, #EFEFEF);
}

.table th:first-child {
	border-left-color: #ddd;
}

.table td a {
	display: inline-block;
	vertical-align: middle;
	max-width: 390px;
	color: #0584F2;
}

.table td.talk-name a {
	max-width: 90%;
}

.table td a.e2 {
	display: -webkit-box;
}

.table td.name-td {
	padding-left: 30px;
	padding-right: 30px;
}

.table input[type="checkbox"] {
	position: relative;
	vertical-align: 4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.table input[type="checkbox"]::before {
	content: '';
	position: absolute;
	top: -9px;
	left: -9px;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
}

.table input[type="checkbox"]:checked::before {
	background: url("../img/checkbox.png");
}

/* 如果操作列不止一个操作 */
.table td.more-handles {
	padding-left: 10px;
	padding-right: 10px;
}

.table td.more-handles a {
	padding: 0 7px;
}

.table td a.e {
	max-width: 90%;
}

.table td p {
	display: inline-block;
	vertical-align: middle;
	max-width: 90%;
}

.table td p.e2 {
	display: -webkit-box;
}

/* 企业基本信息 */
.info-form-box .info-form-block {
	font-size: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 48px;
	border-bottom: 1px dashed #DEDEDE;
}

.info-form-box .info-form-block .line-small {
	line-height: 16px;
}
.info-form-block .line-small .link,
.info-form-block .line-small .type-title,
.info-form-block .line-small .type-text {
	font-size: 16px;
	display: inline-block;
	line-height: 16px;
}

.info-form-block .line-small .type-title {
	line-height: 70px;
}

.info-form-block .line-small .type-text.normal {
	padding: 10px 0;
	line-height: 36px;
}

.line-small .type-text .cut {
	padding: 0 16px;
}

.info-form-block .line-small .link {
	color: #0584F2;
}

/* 如果里面的复选框需要换行 */
.info-form-box .info-form-block.no-padding {
	padding: 0;
}

.info-form-block.no-padding .span3 .my-label {
	padding-top: 20px;
}

.info-form-box .info-form-block .more-checkbox {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 40px;
}

.info-form-box .info-form-block .line-small> div {
	min-height: 18px!important;
}

.info-form-box .info-form-block .line {
	overflow: hidden;
}

.info-form-block .line .text.text-padding {
	padding: 0 16px;
	font-size: 16px;
	color: #343434;
}

.info-form-block .line .gray-tip {
	padding: 18px 0 5px;
	font-size: 14px;
	line-height: 1.2;
	color: #9A9A9A;
}

.info-form-block .line-small .my-label.label-title {
	line-height: 70px;
}

/* 额外多出来的一行 */
.info-form-block .extra-line {
	padding: 10px 0 0;
}

/* 额外多出来的这一行的label */
.info-form-block .extra-label {
	margin-right: 12px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 48px;
	white-space: nowrap;
}

.line .gray-tip .require-tip {
	vertical-align: 1px;
	padding-right: 2px;
}

/* label */
.info-form-box .info-form-block .my-label {
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	line-height: inherit;
}

.info-form-block .span3 .my-label {
	vertical-align: middle;
}

.info-form-box .info-form-block input[type="text"] {
	margin: 0 15px 0 0;
	padding: 10px 18px;
	height: 48px;
	border-color: #ccc;
	font-size: 16px;
	color: #343434;
}

.my-label .require-tip {
	padding: 0 5px;
}

.require-tip {
	vertical-align: middle;
	font-size: 16px;
	color: #ff0040;
}

.table label input[type= "radio"],
.gray-box .gray-line input[type="radio"],
.info-form-block input[type="checkbox"],
.info-form-block input[type="radio"] {
	position: relative;
	width: 16px;
	height: 16px;
	/* vertical-align: text-top; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	margin-right: 11px;
	box-sizing: border-box;
}

.table input[type="radio"]::before,
.gray-box .gray-line input[type="radio"]::before,
.info-form-block input[type="checkbox"]::before,
.info-form-block input[type="radio"]::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/radio.png");
}
.table input[type="radio"]:checked::before,
.gray-box .gray-line input[type="radio"]:checked::before,
.info-form-block input[type="radio"]:checked::before {
	background: url("../img/radio_active.png");
}

.info-form-block input[type="checkbox"]::before {
	border: 1px solid #bcbcbc;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: none;
	background-color: #fff;
}

.info-form-block input[type="checkbox"]:checked::before {
	border-color: transparent;
	background: url("../img/checkbox.png") no-repeat center;
	background-origin: border-box;
}

/* 禁用或只读的checkbox如果选中了是灰色的背景图 */
.info-form-block input[type="checkbox"]:checked:disabled::before,
.info-form-block input[type="checkbox"]:checked:read-only::before {
	background: url("../img/checkbox_readonlypng.png");
}

.info-form-box .line label.my-label {
	display: inline-block;
	line-height: 16px;
	margin-right: 20px;
}

.info-form-box .line label.my-label:last-of-type {
	margin-right: 15px;
}

.info-form-box .line span.my-label {
	margin-right: 10px;
}

/* 块里面每一行直接的垂直距离 */
.info-form-box .line:not(:last-child) {
	margin-bottom: 10px;
}

.info-form-box .line.line-small:not(:last-child) {
	margin-bottom: 20px;
}

/* 下拉框 */
.info-form-box .line input.input-list,
.info-form-box .line select {
	width: 224px;
	height: 42px;
	font-size: 16px;
	padding: 10px 12px;
	line-height: 20px;
	margin-bottom: 0;
	border-color: #dedede;
}

/* 省市区后面的下拉框更小一些 */
.info-form-box .line .my-label + select {
	width: 126px;
}

.info-form-box .span9 {
	line-height: 0;
}

/* 上传公司头像 */
.company-logo {
	display: block;
	margin-bottom: 8px;
	height: 170px;
	width: auto;
}

.span9 .upload-btn {
	display: inline-block;
	margin: 11px 26px 0 0;
}

.intro-input {
	width: 100%;
	height: 450px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.info-form-box .btns {
	padding-top: 62px;
	padding-bottom: 98px;
}

.info-form-box .btns .btn {
	margin: 0 15px;
}

.info-form-box .btns .btn:not(.btn-primary) {
	background: #fff;
}

.recognition-img {
	display: block;
	width: 120px;
	margin-bottom: 8px;
}

.info-form-block .line .text {
	line-height: 16px;
	font-size: 16px;
}

/* line里面显示多行内容文字的p元素 */
.info-form-block .line .information {
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
	padding: 0 0 10px;
	color: #333;
}

.info-form-block .line .information:first-child {
	padding-top: 10px;
}

/* 行高很大的p元素 */
.info-form-block .line .info-title {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 48px;
	color: #333;
}

.release-box li .btn {
	width: 100px;
}

/* 栏目和标题这一块灰色区域 */
.gray-box {
	margin-bottom: 30px;
	background-color: #F7F7F7;
}

.gray-box .gray-line {
	height: 50px;
	padding: 0 24px;
	font-size: 0;
	line-height: 50px;
}

.gray-box .gray-line .gray-label {
	margin-right: 20px;
	vertical-align: middle;
	margin-bottom: 0;
	display: inline-block;
	font-size: 16px;
	color: #333;
}

.gray-box .gray-line .gray-label.last {
	margin-right: 40px;
}

/* 与控件距离更小的label */
.gray-box .gray-line .gray-label.small-label {
	margin-left: 4px;
	margin-right: 6px;
}

/* 灰色区域的下拉框 */
.gray-box .gray-line select {
	width: 100px;
	height: 32px;
	margin: 0 6px 0 0;
	border: 1px solid #DEDEDE;
}

.gray-box .gray-line select.big-select {
	width: 200px;
	margin-right: 24px;
}

.gray-box .gray-line select.mr16 {
	margin-right: 16px;
}

.gray-box .gray-line select.more-select {
	margin-right: 10px;
}

.gray-line .input-box {
	display: inline-block;
	padding-left: 0;
	margin-right: 10px;
	border: none;
	background-color: transparent;
}

.gray-box .gray-line input[type="radio"] {
	vertical-align: text-bottom;
	margin-right: 5px;
}

.gray-line .input-box input[type = "text"] {
	width: 120px;
	height: 32px;
	border: 1px solid #dedede;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 16px 0 0;
	vertical-align: middle;
	background-color: #fff;
}

.gray-line input[type = "date"] {
	width: 200px;
	height: 32px;
	margin: 0 10px 0 0;
	border-color: #CCC;
	font-size: 14px;
	color: #343434;
	background-color: transparent;
}

.gray-line .input-box.name-input {
	width: auto;
}

.gray-line .input-box.name-input input {
	width: 160px;
	margin-right: 6px;
}

/* 查询按钮 */
.gray-line .query-btn {
	min-width: 54px;
	height: 26px;
	line-height: 10px;
	font-size: 14px;
}

.query-btn + .query-btn {
	margin-left: 24px;
}

/* 灰色的提示文字 */
.info-form-block span.tip {
	font-size: 14px;
	vertical-align: middle;
	margin-right: 15px;
	color: #999;
}

.msg-box .info-form-box {
	transform: translateX(-36px);
}

/* 多行输入框的行高和字体大小按bootstrap默认值写死 */
.info-form-box textarea {
	resize: none;
	font-size: 14px !important;
	line-height: 20px !important;
}

.info-form-box .textarea {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 20px 15px;
	height: 130px;
	border-color: #ccc;
}

/* 去掉包着富文本插件的div的左右padding */
.info-form-box div.textarea {
	padding: 10px 0;
}

.info-form-box .textarea-input {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 20px 15px;
	height: 100px;
	border-color: #ccc;
}

.info-form-box textarea.part-time-textarea {
	height: 78px;
	margin-bottom: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: atuo;
	display: inline-block;
	margin-right: 14px;
}

.textarea.remark-textarea {
	height: 190px;
}

.info-form-box input[type="date"] {
	margin: 0;
	height: 48px;
}

.info-form-box input[type="date"]:focus,
.info-form-box .textarea:focus,
.info-form-box input[type="text"]:focus {
	border-color: rgba(82,168,236,0.8);
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* 对iframe样式的调整 */
/* 富文本里面的iframe，宽度应该是正常的，而不是像右边的iframe一样宽 */
.edui-default iframe {
    width: 100%;
}

/* 只有最外层的iframe的宽度是动态算出来的宽度 */
.main > iframe {
	border: none;
	width: calc(100vw - ((100vw - 1200px) / 2) - 220px);
}

iframe::-webkit-scrollbar {
	width: 0;
}

.iframe-div {
	width: 980px;
}

/* 加载中图标样式 */
.loading-icon {
	margin: 30px;
	margin-right: 10px;
}

/* 上传头像预览 */
.avatar-review {
	display: inline-block;
	font-size: 0;
	padding: 15px;
	vertical-align: top;
}

.avatar-review .avatar-img {
	width: 90px;
	height: 90px;
	display: block;
	border-radius: 50%;
}

.avatar-review .upload-btn {
	margin-right: 15px;
	margin-left: 0;
}

.avatar-review span.tip {
	vertical-align: middle;
}

/* 更小的行高的label */
.info-form-box .info-form-block .low-label{
	line-height: 20px;
}

/* 连续两个输入名称的地方距离较大，调大第二个的左边距离 */
.label-offset {
	margin-left: 20px;
}

/* 没有子类型选择的容器（具有上padding） */
.single-box {
	padding: 30px;
	padding-right: 0;
}

/* 申请活动的主要区域 */
.apply-box {
	padding: 30px 0 0;
}

/* 步骤条 */
.steps {
	font-size: 0;
	line-height: 0;
	background-color: #DEDEDE;
}

/* 步骤条里的每一步 */
.steps .step-item {
	display: inline-block;
	width: 20%;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
	color: #fff;
}

.steps .step-item.active {
	background-color: #0484F1;
}

/* 缴费通知单 */
.pay-box {
	padding: 40px 30px 20px;
}

.pay-information {
	padding: 0 66px 20px;
	border: 2px solid #0484F1;
	font-size: 14px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

/* 标题 */
.pay-information .pay-information-title {
	font-size: 22px;
	text-align: center;
	line-height: 3.4;
	color: #0584F2;
}

/* 接收者 */
.pay-information .receiver {
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 2.2;
	text-indent: -34px;
	color: #343434;
}

/* 提示正文部分 */
.pay-information .detail-text {
	line-height: 2.3;
}

/* 数据 */
.pay-information .data {
	line-height: 2.3;
}

.pay-information .data .attr {
	display: inline-block;
	font-style: normal;
	color: #9A9A9A;
}

/* 上传截止时间 */
.pay-information .deadline {
	font-weight: 700;
	line-height: 2.5;
	color: #0584F2;
}

/* 申请成功的提示 */
.success-box {
	padding-top: 88px;
}

.success-box .success-icon {
	border-bottom: 20px solid transparent;
}

.success-box .success-tip {
	margin-bottom: 48px;
	font-size: 22px;
	font-weight: 700;
	line-height: 2;
}

/* 给iframe这里的div设置左边单边阴影 */
/* .iframe-div {
	box-shadow: 45px -6px 45px -39px rgba(27, 112, 185, 0.2) inset;
} */

/* 表单里选择图片（一行两列）的样式 */
.exhibition-templates .span6 {
	margin-top: 0;
}

.exhibition-templates .span6:nth-child(2n + 1) {
	margin-left: 0;
}

/* 每一项待选择的图片 */
.exhibition-template-item {
	font-size: 0;
	line-height: 0;
	padding-bottom: 6px;
}

.exhibition-template-item .template-bg {
	width: 270px;
}

/* 表单里的表格 */
.form-table.table {

}

.form-table.table th,
.form-table.table td {
    padding: 5px 10px;
    line-height: 16px;
    font-size: 14px;
}

.form-table.table input[type ="text"] {
    width: 48px;
    height: 30px;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

/* 表格里一行一个的单选框 */
.table label {
	display: inline-block;
	margin: 0 10px;
	font-weight: 400;
	line-height: 2.2;
}

.table label input[type = "radio"] {
	margin-right: 2px;
}

.table .save-btn {
	display: block;
	margin: 5px auto;
}

.table td.text-left {
	text-align: left!important;
}

/* 限制里面的提示语的宽度 */
.pagination,
.no-search-result {
	width: 1040px;
}

/* 控制分页的里面的文字水平居中 */
.pagination {
	position: relative;
}