@charset "UTF-8";

/*
Theme Name: TSR System
Theme URI: https://tsr.beileo.com
Author: Kim Shen
Author URI: https://www.bbseat.com.cn
Description: Build High Performance Team
Requires at least: WordPress 4.9.6
Version: 1.0.0
*/

body {
	overflow-y: auto;
}

/* Logo */
.tsr-logo img {
	width: 140px;
}

.home-bar,
.dropdown-bar,
.dropdown-area {
	display: none;
}

/* Login Form */
.login-form-area {
	width: 310px;
	height: 100%;
	margin: 100px auto auto auto;
	overflow: hidden;
	padding: 26px 24px 46px;
	background: rgba(180, 180, 180, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
	border-radius: 3px;
}

.layui-form-pane .layui-form-text .layui-textarea {
	min-height: 200px;
	line-height: 1.5;
}

/* TSR Area */
.tsr-area {
	margin: 15px;
	overflow: hidden;
}

/* 列表页上方的状态选项 */
.status-bar-area {
	margin: 0 0 8px 0;
	overflow: hidden;
}

.status-bar {
	width: 75px;
	display: inline-block;
	text-align: center;
	padding: 4px 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 0 3px 6px 0;
}

/* 列表 */
.tsr-table {
	width: 100%;
	color: #282727;
	font-size: 1em;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	empty-cells: show;
	border: 2px solid #999;
}

.tsr-table thead tr {
	height: 42px;
	font-size: 1em;
	font-weight: 700;
	background-color: #ccc;
}

.tsr-table thead tr th,
.tsr-table tbody tr td {
	height: 40px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #999;
	vertical-align: middle;
}

.tsr-table tbody tr.not-start,
.detail-root-not-start,
.status-bar-not-start {
	background-color: #fff2cc;
}

.tsr-table tbody tr.in-process,
.detail-root-in-process,
.status-bar-in-process {
	background-color: #9cf;
}

.tsr-table tbody tr.finished,
.detail-root-finished,
.status-bar-finished {
	background-color: #acb9ca;
}

.tsr-table tbody tr.rd-feedback,
.detail-root-rd-feedback,
.status-bar-rd-feedback {
	background-color: #fc6;
}

.tsr-table tbody tr.sales-feedback,
.detail-root-sales-feedback,
.status-bar-sales-feedback {
	background-color: #a8d08d;
}

.tsr-table tbody tr.rd-finished,
.detail-root-rd-finished,
.status-bar-rd-finished {
	background-color: #f4b083;
}

.tsr-table tbody tr td.tsr-page {
	height: 50px;
	text-align: left;
}

.tsr-table tbody tr td.tsr-title {
	text-align: left;
	padding-left: 8px;
}

.tsr-table tbody tr td a:hover {
	color: #f60;
}

.tsr-table thead tr th.w1 {width: 4%;}
.tsr-table thead tr th.w2 {width: auto;}
.tsr-table thead tr th.w3 {width: 8%;}
.tsr-table thead tr th.w4 {width: 7%;}
.tsr-table thead tr th.w5 {width: 7%;}
.tsr-table thead tr th.w6 {width: 9%;}
.tsr-table thead tr th.w7 {width: 7%;}
.tsr-table thead tr th.w8 {width: 9%;}
.tsr-table thead tr th.w9 {width: 7%;}
.tsr-table thead tr th.w10 {width: 6%;}

/* 详情 */
.detail-title {
	color: #444;
	font-size: 20px;
	padding: 15px 0;
	border: 1px solid #9d9d9d;
	background-color: #eee;
	border-radius: 4px;
	margin-bottom: 10px;
	text-align: center;
}

.detail-root-not-start,
.detail-root-in-process,
.detail-root-finished,
.detail-root-rd-feedback,
.detail-root-sales-feedback,
.detail-root-rd-finished,
.detail-update-rd,
.detail-update-sales {
	padding: 15px;
	border-radius: 4px;
}

.detail-root-not-start,
.status-bar-not-start {
	border: 1px solid #e9ddb9;
}

.detail-root-in-process,
.status-bar-in-process {
	border: 1px solid #8ab9e8;
}

.detail-root-finished,
.status-bar-finished {
	border: 1px solid #949fae;
}

.detail-root-rd-feedback,
.status-bar-rd-feedback {
	border: 1px solid #e8b95c;
}

.detail-root-sales-feedback,
.status-bar-sales-feedback {
	border: 1px solid #93b67b;
}

.detail-root-rd-finished,
.status-bar-rd-finished {
	border: 1px solid #dd9f76;
}

.detail-root-not-start span,
.detail-root-in-process span,
.detail-root-finished span,
.detail-root-rd-feedback span,
.detail-root-sales-feedback span,
.detail-root-rd-finished span {
	color: #555;
}

.user,
.status {
	margin-left: 20px;
}

.contacts,
.update-time {
	margin-left: 30px;
}

.ph,
.tss,
.vis {
	margin-right: 20px;
}

.infor {
	font-size: 20px;
	margin-bottom: 5px;
	line-height: 1.5;
}

.inner-title {
	margin-top: 20px;
}

.detail-content {
	font-size: 16px;
	margin: 6px 0;
	line-height: 1.8;
}

.detail-content a {
	margin: 0 6px;
	padding-right: 13px;
	color: #333;
	display: inline-block;
	background: url("assets/img/link.png") no-repeat right 5px;
	background-size: 10px;
}

.detail-content a:hover {
	color: #f60;
}

.detail-update-area {
	margin-top: 10px;
}

.detail-update-rd {
	margin-top: 10px;
	background-color: #fcc;
	border: 1px solid #e6b9b9;
}

.detail-update-sales {
	margin-top: 10px;
	background-color: #d2d7bf;
	border: 1px solid #b7bca7;
}

.file-attachment {
	margin: 15px 0 5px 0;
}

.file-attachment img {
	height: 40px;
}

.file-attachment .file-icon {
	margin: 0 25px 0 0;
	display: inline-block;
	text-align: center;
}

.file-attachment .file-icon a {
	font-size: 12px;
	margin-top: 8px;
	display: inline-block;
}

.file-attachment .file-icon a.preview {
	margin-right: 4px;
}

.file-attachment .file-icon a.download {
	
}

.file-attachment .file-icon a:hover {
	color:#f60;
}


.img-attachment img {
	height: 100px;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0 8px 8px 0;
	cursor: pointer;
}

.sql-update {
	margin-left: 30px;
	font-size: 13px;
	font-weight: 400;
	color: #888;
}

.layui-btn-warm {
	background-color: #c66;
}

.layui-btn-disabled {
	background-color: #fbfbfb;
}

/* 文章分类列表 */
.category {
	overflow: hidden;
}

.category .list-wrapper {
	width: 25%;
	float: left;
	margin-bottom: 20px;
}

.category .list-content {
	width: 90%;
	margin: 0 auto;
	background: #cdcdcd;
}

.category .list-content:hover {
	background: #84af9b;
}

.category .post-thumbnail {
	position: relative;
}

.category .post-thumbnail,
.category .post-title,
.category .post-thumbnail img {
	width: 100%;
	text-align: center;
}

.category .list-content {
	border-radius: 6px;
}

.category .post-thumbnail,
.category .post-thumbnail img {
	-webkit-border-radius: 6px 6px 0 0;
	-ms-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.category .post-title,
.category .post-title a {
	-webkit-border-radius: 0 0 6px 6px;
	-ms-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}

.category .post-title a {
	color: #333;
	padding: 9px 0;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	display: block;
}

/* 内容页 */
.entry {
	overflow: hidden;
}

.post-head-area {
	margin: 0 0 15px 0;
	text-align: left;
}

.post-head-area h2 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 700;
}

.post-head-area .entry-meta,
.post-head-area .entry-meta a {
	color: #858383;
	font-size: 14px;
}

.post-head-area .entry-meta {
	margin: -10px 0 15px 30px;
}

.post-head-area a:hover,
.post-body-area a:hover {
	color: #F60;
}

.post-head-area .pipe {
	margin: 0 3px;
}

.post-body-area {
	padding: 0px 2%;
}

.post-body-area a {
	color: #039;
}

.post-body-area p {
	font-size: 17px;
	line-height: 1.8;
	color: #242323;
	margin: 15px 0;
	word-wrap: break-word;
	word-break: break-all;
	text-align: justify;
    font-family: "Georgia", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", "SimSun", sans-serif;
}

.post-body-area img {
	max-width: 90% !important;
	height: auto;
	border: 1px solid #ccc;
}

.post-body-area img.aligncenter,
.post-body-area img.alignright,
.post-body-area img.alignleft,
.post-body-area img.alignnone {
	display: block;
}

.post-body-area .wp-caption {
	display: block;
}

.post-body-area .wp-caption-text {
	color: #555;
	font-size: 15px;
	font-style: italic;
	text-indent: 0;
	margin-top: 5px;
	text-align: center;
}

.post-body-area .aligncenter {
	margin: 0 auto;
	text-align: center;
}

.post-body-area .alignright {
	float: right;
	text-align: right;
	margin: 0 0 0 10px;
}

.post-body-area .alignleft {
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
}

.post-body-area .alignnone {
	text-align: left;
}

/* 搜索 */
.search-content a {
	display: inline-block;
	width: 90px;
	margin: 0 8px 10px 0;
	padding: 8px 10px;
	text-align: center;
	border-radius: 3px;
	background: #efefef;
}

.search-content a:hover {
	background: #ddd;
}

/* 分页 */

#pagenavi {
	margin-left: 8px;
}

#pagenavi a,
#pagenavi p {
	display: inline-block;
	margin: 5px 5px 5px 0;
	padding: 3px 8px;
	border: 1px solid #ccc;
	background-color: #fff;
	text-decoration: none;
	color: #808080;
	font-size: 14px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#pagenavi a:hover {
	color: #ff6f3d;
	border-color: #ff6f3d;
}

#pagenavi a.current {
	color: #fff;
	border-color: #ff6f3d;
	background-color: #ff6f3d;
}

#pagenavi p {
	background-color: #fafafa;
	cursor: not-allowed;
}

#pagenavi p.ellipsis {
	border: none;
	background: none;
	padding: 2px 1px;
}

#pagenavi p.page-remark {
	background-color: #fafafa;
	cursor: auto;
}

/* 页尾 */
.tsr-footer {
	font-size: 1em;
	color: #4d4d4d;
	font-family: "Courier New", sans-serif;
}

/* SQL执行页 */
.sql-word-aux {
	font-size: 20px;
	color: #039!important;
}

/* Tips */
#notification {
	display: none;
}

.tips {
	margin: 3px;
	text-align: center;
	padding: 15px 10px;
	background-color: #ffecea;
	border: 1px solid #f06f58;
}

.tips span {
	color: #c66;
	font-size: 1.1em;
	display: inline-block;
	margin-right: 5px;
}

.tips a {
	color: #c66;
}

.tips a:hover,
.tips .view:hover,
.tips .close i:hover {
	color: #f60;
}

.tips .icon i {
	font-weight: 700;
	font-size: 1.15em;
}

.tips .type {
	font-weight: 700;
	margin-right: 0;
}

.tips .sms img {

}

.tips .mobile {
	display: none;
}

.tips .view,
.tips .close {
	margin-left: 15px;
	cursor: pointer;
}

.tips .view {
	border: 1px solid #c60;
	padding: 1px 8px;
	border-radius: 3px;
	font-size: 1em;
}

.tips .view:hover {
	background-color: #fbefee;
}

.tips .close {
	float: right;
	margin-top: -3px;
}

.tips .close i {
	font-size: 1.5em;
}

/* 404 */
.pic404 {
	text-align: center;
	margin: -10px auto;
}

.pic404 i {
	font-size: 450px;
}

.txt404 {
	font-size: 40px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.layui-header {
		height: 50px;
		width: 100%;
		position: fixed;
	}

	.layui-layout-admin .layui-logo {
		width: 110px;
		line-height: 50px;
		text-align: left;
		left: calc(50% - 55px);
	}

	.tsr-logo img {
		width: 110px;
		margin-left: 0;
	}

	.layui-layout-left,
	.layui-layout-right {
		display: none;
	}

	.layui-layout-admin .layui-side {
		display: none;
	}

	.layui-layout-admin .layui-body {
		left: 0;
		top: 50px;
		bottom: 35px;
	}

	.layui-layout-admin .layui-footer {
		left: 0;
		height: 35px;
		line-height: 35px;
	}

	.layui-form-item .layui-form-checkbox {
		margin-right: 0;
	}

	.tsr-area {
		margin: 0 6px 6px 6px;
	}

	/* 下拉菜单 */
	.home-bar {
		display: inline-block;
		width: 30px;
		height: 30px;
		margin: 10px 0 0 10px;
		overflow: hidden;
		background: url("assets/img/new.png") no-repeat 0 0;
		background-size: 30px 30px;
	}

	.dropdown-bar {
		background: url("assets/img/menu.png") no-repeat 0 0;
	}

	.dropdown-bar-close {
		background: url("assets/img/close.png") no-repeat 0 0;
	}

	.dropdown-bar,
	.dropdown-bar-close {
		width: 30px;
		height: 30px;
		float: right;
		margin: 10px 10px 0 0;
		overflow: hidden;
		display: block;
		background-size: 30px 30px;
	}

	.dropdown-area {
		left: 0;
		top: 50px;
		z-index: 99999;
		background: #fff;
		width: 100%;
		font-size: 1.1em;
		overflow: hidden;
		position: absolute;
		float: none;
		text-align: left;
	}

	.dropdown-area ul {
		margin: 0;
		border-bottom: 2px #eee solid;
	}

	.dropdown-area ul li {
		margin: 0;
		padding: 0;
		float: left;
		width: calc(50% - 1px);
		line-height: 1;
		display: inline-block;
		border-bottom: 1px #eee solid;
	}
		
	.dropdown-area ul li:nth-of-type(odd) {
		border-right: 1px #eee solid;
	}

	.dropdown-area ul li.separation{
		border-bottom: 3px #eee solid;
	}

	.dropdown-area ul li:hover {
		background: #eee;
	}

	.dropdown-area ul li a {
		color: #666;
		width: 100%;
		font-size: 1.1em;
		padding: 15px 0;
		display: block;
		margin-left: 15px;
		line-height: 1;
		text-decoration: none;
	}

	.dropdown-area ul li a.ems {
		color: #f60;
		font-weight: 400;
	}

	.dropdown-area ul li a.yellow {
		color: #ff0;
	}

	.dropdown-area ul li a.orange {
		color: #ffa500;
	}

	.dropdown-area ul li a.pink {
		color: #ff69b4;
	}

	.dropdown-area ul li a.red {
		color: #ff4500;
	}

	.overlay {	/* 半透明的遮罩层 */
		background: #000;
		filter: alpha(opacity=60); /* IE的透明度 */
		opacity: 0.6;  /* 透明度 */
		display: none;
		position: absolute;
		top: 50px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 1000; /* 此处的图层要大于页面 */
	}

	/* 标题 */
	.layui-field-title {
		margin: 10px 0;
	}

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

	/* 表单提示 */
	.form-tips {
		display: none!important;
	}

	/* 登录表单 */
	.login-form-area {
		width: 80%;
	}

	/* 表格宽度 */
	.tsr-table thead tr th.mobile-hide,
	.tsr-table tbody tr td.mobile-hide {
		display: none;
	}

	.tsr-table thead tr th.mobile-right-border,
	.tsr-table tbody tr td.mobile-right-border {
		border-right: 2px solid #999;
	}

	.tsr-table thead tr th.w1 {width: 9%;}
	.tsr-table thead tr th.w2 {width: auto;}
	.tsr-table thead tr th.w3 {width: 18%;}
	.tsr-table thead tr th.w4 {width: 0%;}
	.tsr-table thead tr th.w5 {width: 13%;}
	.tsr-table thead tr th.w6 {width: 24%;}
	.tsr-table thead tr th.w7 {width: 0%;}
	.tsr-table thead tr th.w8 {width: 0%;}
	.tsr-table thead tr th.w9 {width: 0%;}
	.tsr-table thead tr th.w10 {width: 0%;}

	.category .list-wrapper {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}

	.category .list-content {
		width: 98%;
		margin: 0 auto;
		background: #cdcdcd;
	}

	.layui-form-item .layui-inline {
		margin-bottom: 0;
	}

	.pic404 {
		text-align: center;
		margin: -10px auto;
	}

	.pic404 i {
		font-size: 400px;
	}

	.tips span {
		font-weight: 700;
	}

	.tips .title {
		display: none;
	}

	.tips .mobile {
		display: inline-block;
		margin-left: 5px;
	}

	.tips .view,
	.tips .close {
		font-weight: 400;
	}

	.post-body-area img {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media only screen and (min-width: 480px) {
	.tsr-table thead tr th.mobile-show,
	.tsr-table tbody tr td.mobile-show {
		display: table-cell;
	}
}

.placeholder {
	height: 35px;
	display: block;
}