/*公用样式*/

.bg {
	background-color: #f2f2f2 !important;
	font-family: 'Microsoft Yahei';
}

#haixiang {
	margin: 0;
	padding: 0;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.text-align-center {
	text-align: center;
}

.display-block {
	display: block;
}

.display-inline-block {
	display: inline-block;
}

.inline-top {
	display: inline-block;
	vertical-align: top;
}

.overflow-hidden {
	overflow: hidden;
}

.font-bloder {
	font-weight: bolder;
}

.clear {
	clear: both;
}

.top-10 {
	margin-top: 10px;
}

.top-5 {
	margin-top: 5px;
}

.right-10 {
	margin-right: 10px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-60 {
	margin-left: 60px;
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

.ellipsis-3 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.ellipsis-2 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 33px;
}

.ellipsis-1 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.word-break {
	word-break: break-all;
}

.header {
	background-color: #3c414d;
	font-size: 1.2em;
	height: 50px;
	position: fixed;
	z-index: 500;
	width: 100%;
}

.header-ul {
	overflow: hidden;
	margin-left: 200px;
}

.header-ul li {
	float: left;
	color: #fff;
	padding: 0 15px;
}

.tab-line {
	display: inline-block;
	vertical-align: top;
}

.tab-line ul {
	overflow: hidden;
	display: inline-block;
}

.tab-line ul li {
	font-size: 1em;
	float: left;
	color: #fff;
	text-align: center;
	cursor: pointer;
	padding: 15px 17px;
	height: 50px;
}

.tab-line ul li:hover {
	color: #4792e0;
	border-bottom: 3px solid #4792e0;
}

.tab-line ul li.active {
	color: #4792e0;
	border-bottom: 3px solid #4792e0;
}

.tab-line ul li.noactive {
	color: #fff;
}


/*左侧菜单*/

.sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #333744;
	z-index: 109;
	max-height: 1200px;
	overflow-y: auto;
}

.nav {
	width: 160px;
	background-color: #42485b;
	padding-top: 50px;
}


/*伸缩的*/

.sidebar.hide-content {
	overflow-y: inherit;
}

.nav.hide-content {
	width: 30px;
}

.nav.hide-content .sub-menu {
	display: none !important;
}

.nav .menu-content {
	display: inline-block;
}

.nav.hide-content .menu-content {
	display: none;
}

.nav-a {
	cursor: pointer;
	color: #fff;
}

.nav-a.active {
	color: #2d8cf0 !important;
}

.sub-nav {
	float: left;
	display: none;
	cursor: pointer;
}

.sub-nav li a {
	color: #fff;
}

.sub-nav.active {
	display: block;
}

.container {
	margin-left: 160px;
	background-color: #f1f2f4;
	height: 100%;
	padding-top: 50px;
}

.container.hide-content {
	margin-left: 30px;
}

.content {
	margin: 55px 5px 0 5px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 1.2em;
}

.username {
	color: #fff;
}

.username .qq {
	font-size: 12px;
}

.fontSize12 {
	font-size: 12px !important;
}

.publik-title-div {
	background-color: #f2f5f7;
	font-size: 14px;
	border: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 5px;
}

.publik-title-div .text {
	float: right;
	width: 200px;
	height: 32px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 5px 5px 5px 0;
}

.public-modal-div .text {
	width: 200px;
	height: 32px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 5px 5px 5px 0;
}

.public-modal-div .text:hover,
.publik-title-div .text:hover {
	border: 1px solid rgb(45, 140, 240);
}

.public-modal-div .text input,
.publik-title-div .text input {
	border: none;
	width: 150px;
	height: 30px;
	text-indent: 5px;
}

.public-modal-div .text i,
.publik-title-div .text i {
	margin-left: 5px;
	font-size: 16px;
	vertical-align: middle;
	line-height: normal;
	cursor: pointer;
}

.publik-title-div .button-right {
	float: right;
	margin: 5px;
}

.publik-title-div .input-left {
	float: left;
	margin-left: 5px;
}

.publik-title-div .select-div {
	display: inline-block;
	margin: 5px;
}

.logo {
	width: 160px;
	height: 50px;
	float: left;
	font-size: 20px;
	font-weight: 200;
	display: flex;
	color: #fff;
	justify-content: center;
	align-items: center;
}

.logo img {
	width: 24px;
	height: 22px;
	margin-right: 10px;
}

.cursor {
	cursor: pointer;
}

.cursor:hover {
	color: #4a95df;
}

.table-style {
	margin: 0.5%;
	padding: 10px;
	background-color: #fff;
}

.page-style {
	margin-top: 10px;
	text-align: center;
}

.title-div {
	background-color: #e9d5c1;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 5px;
}

.icon-style {
	float: right;
	font-size: 16px;
	cursor: pointer;
	line-height: 34px !important;
	margin-right: 10px;
	line-height: 34px;
}

.icon-style:hover {
	color: #4a95df;
}

.details-publik-title-div {
	background-color: #f2f5f7;
	height: 36px;
	color: #407abd;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	font-size: 14px;
}

.details-publik-title-div-span {
	margin-left: 10px;
	line-height: 34px;
}
.details-publik-title-div .export-in {
	margin: 5px;
}

.details-jiantou {
	position: fixed;
	top: 35%;
	right: 0px;
	color: #fff;
	border: 1px solid #4792e0;
	background-color: #4792e0;
	padding: 5px;
}

.details-jiantou .ivu-icon-arrow-left-c {
	margin-right: 5px;
}

.details-jiantou .ivu-icon {
	cursor: pointer;
}

.public-table {
	width: 100%;
	border-collapse: collapse;
}

.public-table-td {
	background-color: #f2f5f7;
}

.public-table tr td {
	border: 1px solid #ccc;
}

.public-td-col {
	padding: 8px;
	display: inline-block;
}

.mandatory {
	color: red;
}


/*tab切换*/

.tabs {
	font-size: 0;
	border-bottom: 1px solid #e9eaec;
}

.tabs>a {
	font-size: 12px;
	margin-left: -1px;
	border-top: 1px solid #e9eaec;
	border-left: 1px solid #e9eaec;
	border-right: 1px solid #e9eaec;
	padding: 10px 15px;
	display: inline-block;
	background-color: #FBFAF8;
	color: #666;
}

.tabs>a.selected {
	border-top: 2px solid #00a2ca;
	background-color: #fff;
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
}

.iconfont {
	font-size: 13px !important;
}


/*table fixed公用样式*/

.data-ul {
	width: 100%;
}

.data-ul table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.data-ul table th {
	height: 30px;
	overflow: hidden;
	background-color: #f8f8f9;
	padding: 8px;
	font-size: 14px;
	word-wrap: break-word;
}

.data-ul table td {
	box-sizing: border-box;
	text-overflow: ellipsis;
	vertical-align: middle;
	padding: 8px;
	word-wrap: break-word;
}

.data-ul table td,
.data-ul table th {
	border: 1px solid #e9eaec;
}

.data-ul tr:nth-child(even) {
	background-color: #f8f8f9;
}

.data-ul tr:nth-child(odd) {
	background-color: #fff;
}

.data-ul table tr:hover {
	background-color: #e6e4e4;
}

.overflow-auto {
	overflow: auto;
	width: 100%;
}

.overflow-auto::-webkit-scrollbar {
	display: none;
}

.tableTr {
	position: fixed;
	top: 98px;
	display: table;
	z-index: 100;
}


/*自己定义的table公用样式*/

.data-ul1 {
	margin-top: 10px;
	overflow: auto;
}

.data-ul1 table {
	width: 100%;
	border-collapse: collapse;
}

.data-ul1 table th {
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	background-color: #f8f8f9;
	padding: 8px;
}

.data-ul1 table td {
	box-sizing: border-box;
	text-overflow: ellipsis;
	vertical-align: middle;
	border-bottom: 1px solid #e9eaec;
	text-align: center;
	padding: 8px;
}

.data-ul1 table td,
.data-ul1 table th {
	border: 1px solid #e9eaec;
}

.data-ul1 tr:nth-child(even) {
	background-color: #fff;
}

.data-ul1 tr:nth-child(odd) {
	background-color: #f8f8f9;
}

.data-ul1 table tr:hover {
	background-color: #e6e4e4;
}


/*关闭样式*/

.form-button {
	/* margin-top: 50px; */
	position: fixed;
    bottom: 40px;
    left: calc(50% - 10px);
}
.form-button-2 {
	margin-top: 50px;
}


/*查看更多/点击有详情时*/

.look-more {
	color: #2d8cf0;
	cursor: pointer;
}


/*iview中•••的样式乱码问题*/

.ivu-page-item-jump-next::after,
.ivu-page-item-jump-prev::after {
	content: "\2022\2022\2022";
}

.ivu-page-item-jump-next:after,
.ivu-page-item-jump-prev:after {
	content: "\2022\2022\2022";
}


/*公用图片格式*/

.product-img {
	width: 50px;
	height: 50px;
	margin-top: 5px;
}


/*公用超出部分显示滚动条*/

.overflowAuto {
	max-height: 580px;
	overflow: auto;
}


/*固定的table样式 -- 开始*/

.fixed-table {
	width: 100%;
	overflow: hidden;
}

.fixed-table table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	border: #e9eaec solid 0px;
	table-layout: fixed;
	display: block;
}

.fixed-table table td {
	border: 1px solid #e9eaec;
	height: 30px;
	text-align: center;
	border-left: 0px;
	width: 105px;
}

.fixed-table table th {
	background: #f8f8f9;
	color: #495060;
	border: 1px solid #e9eaec;
	white-space: nowrap;
	height: 36px;
	border-top: 0px;
	border-left: 0px;
	width: 105px;
}

.fixed-table table tr:nth-child(even) {
	background-color: #f8f8f9;
}

.fixed-table table tr:nth-child(odd) {
	background-color: #fff;
}

.fixed-table table tr:hover {
	background-color: #e6e4e4;
}


/*.t_r table {
	width: 2750px;
}

.t_r_title {
	width: 2770px;
}*/

.t_left {
	width: 100px;
	height: auto;
	float: left;
	border-top: 1px solid #e9eaec;
	border-left: 1px solid #e9eaec;
}


/*t_r_content和cl_freeze高度相差20px， 高度为外观显示高度，可根据情况调整*/

.t_r_content {
	width: 100%;
	background: #fff;
	overflow: auto;
}

.cl_freeze {
	overflow: hidden;
	width: 100%;
}


/* width 调整左边标题列宽度（左侧外观显示宽度）; 指定为width:auto 在Opera下显示有问题; height比 t_r_content 高度小20px*/


/* width 宽度为 右侧外观显示宽度 实际显示宽度大小为“t_r”宽度加上“cl_freeze”宽度 */


/* 如果显示不正常，调整 t_r的width 使其和t_left的width之和小于100%；等于100%时会有问题*/

.t_r {
	width: calc(100% - 100px);
	height: auto;
	float: left;
	border-top: 1px solid #e9eaec;
	border-right: #e9eaec solid 1px;
}


/*宽度比 t_r table 大20px （至少大20，小了滚动条滑到右侧显示有问题）*/

.t_r_t {
	width: 100%;
	overflow: hidden;
}

.bordertop {
	border-top: 0px;
}


/*固定的table样式 -- 结束*/

.file-title {
	display: inline-block;
	vertical-align: top;
}

.file-btn {
	position: relative;
	display: inline-block;
	border-radius: 3px;
	overflow: hidden;
	color: #495060;
	text-decoration: none;
	text-indent: 0;
	cursor: pointer;
	text-align: center;
}

.file-btn:hover {
	color: #495060;
}

.file {
	position: absolute;
	font-size: 100px;
	right: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
}


/*头部固定样式*/

.head-fixed-table table {
	border-collapse: collapse;
	border-left: 1px solid #e9eaec;
}

.head-fixed-table tbody {
	display: block;
	overflow-y: scroll;
}

.head-fixed-table table thead,
.head-fixed-table tfoot,
.head-fixed-table tbody tr {
	display: table;
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.head-fixed-table thead tr th {
	background-color: #f2f5f7;
}

.head-fixed-table thead tr th,
.head-fixed-table tbody tr td {
	padding: 8px;
	border-bottom: 1px solid #e9eaec;
	border-right: 1px solid #e9eaec;
	word-wrap: break-word;
}

.head-fixed-table table thead,
.head-fixed-table tfoot {
	width: calc( 100% - 17px);
	border-top: 1px solid #e9eaec;
}

.head-fixed-table tbody tr:nth-child(even) {
	background-color: #f8f8f9;
}

.head-fixed-table tbody tr:nth-child(odd) {
	background-color: #fff;
}

.head-fixed-table tbody tr:hover {
	background-color: #e6e4e4;
}


/*头部固定样式*/

.ivu-btn-small {
	margin-top: 0 !important;
}
/* 列表选中行样式 */
.activeList {
	background: #cce5ff !important;
}
.create{
	position: absolute;
    right: 43%;
    margin-top: 6px;
}
.ivu-modal-footer {
	position: relative;
}
.ivu-modal-footer>div{
	position: sticky;
	z-index: 230;
}
.fixed-btn{
	position: sticky;
	bottom: 0;
	/* background: #fff; */
	padding: 10px 0;
}
.red {
  color: red;
}
.blue{
	color: #2d8cf0;
	cursor: pointer;
}
.log_{
	display: flex;
}
.ivu-spin-fix{
	background-color: rgba(0, 0, 0, 0.2)!important
}