/* 
* @Author: ERPLUS
* @Date:   2017-04-07 17:08:39
* @Last Modified by:   ErplusUser
* @Last Modified time: 2017-12-08 10:33:43
*/
body {
	color: #000;
}

input, select, textarea {
	font-size: 12px;
}

.minimalize-styl-2 {
	margin: 10px 5px 5px 2px;
	padding: 4px 3px;
}

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

.minimalize-styl-2 i {
	font-size: 18px;
	color: #0786e7;
}

.table-hover>tbody>tr:hover {
	background: #e4edf5;
}
/*婵犵數鍋為幐鎼佸箠濡　鏋嶇�圭鐣堕梻浣圭湽閸斿瞼锟介幍顔煎灊妞ゆ牗绮嶆刊濂告煏閸繍妾ч柟鐑芥敱瀵板嫮锟介宥勬樊婵犵鍓濋〃鍛涘▎鎾村亱闁告鍎愰崵鏇㈢叓閸ャ劍鈷掓い蹇旀倐濮婂宕熼埡渚婃嫹瑜忓Σ鎰攽鐎ｎ偀鎸勯梺褰掑亰閸ㄩ亶藟閹存績妲堥柟鐐墯閸庢劕鈹戦婵囶仩缂侇喖顭烽、姗�鎮欓鍐煉*/
select::-ms-expand {
	display: none;
}

.nav>li>.nav-second-level li a.actived {
	background-color: #ddd;
	color: #0786e7;
}

.gray-bg {
	background-color: #fff;
}

.nav-header {
	background: #0786e7;
	padding: 14px 16px;
}

#wrapper {
	overflow: hidden;
}

body.mini-navbar .nav-header {
	background: #0786e7;
}

body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side
	{
	border-right: 1px solid #0786e7;
}

.navbar-static-side {
	background: #f2f2f2;
}

.nav-header a {
	color: #fff;
}

}
.m-t-xs {
	margin-top: 0;
}

.logo-element {
	font-size: 16px;
	font-weight: normal;
}

.nav>li {
	border-bottom: 1px solid #d9d9d9;
}

.nav>li.dropdown {
	border-bottom: 0;
	background: #eaeaea;
}

.nav>li>a {
	font-weight: normal;
}

.navbar-top-links li:last-child {
	margin-right: 0;
	padding-right: 15px;
}

.tabs-container .nav-tabs>li.active>a, .tabs-container .nav-tabs>li.active>a:hover,
	.tabs-container .nav-tabs>li.active>a:focus {
	border: none;
	border-left: none;
	border-bottom: 2px solid #0786e7;
	background: #f2f2f2;
}

.tabs-container .panel-body {
	border: none;
	border-top: 1px solid #e7eaec;
}

.navbar-default .nav>li>a:hover, .navbar-default .nav>li>a:focus {
	background-color: #b8b7b7;
}

.nav>li.active {
	background-color: #abd0ce;
}

#side-menu>li.active {
	background-color: #b8b7b7;
}

.slimScrollDiv li.active ul li {
	background-color: #f2f2f2;
}

.nav .pull-right ul li {
	background: #fff;
}

.nav.nav-tabs li a {
	border-top: 1px solid #fff;
	border-bottom: none;
	background: #f2f2f2;
}

.nav.nav-tabs li a:hover {
	background: #f7f7f7;
}

.nav.nav-tabs li.active {
	background: #fff;
	border-left: none;
}

.nav>li>a {
	color: #222;
	padding: 10px 20px 10px 25px;
}

.nav-tabs>li>a {
	padding: 8px 20px 8px 20px;
}

.navUI {
	margin-bottom: 0;
}

.navUI>li {
	height: 50px;
	list-style: none;
	float: left;
}

.navUI>li a {
	height: 50px;
	padding: 0 20px;
	display: block;
	font-size: 12px;
}

.navUI>li a.noticeNam {
	font-size: 14px;
	padding: 0 10px;
	padding-left: 16px;
}

.navbar-right .noticeNam {
	height: 50px;
	line-height: 50px;
}

.navUI li .topName {
	display: block;
	text-align: left;
}

.navUI .userItem {
	margin-right: 20px;
}

.nav>li>.nav-second-level li a {
	padding: 7px 15px 7px 10px;
	padding-left: 52px;
}

.dropdown-menu-usermenu li {
	display: block;
}

.dropdown-menu-usermenu li a {
	height: 30px;
	line-height: 30px;
	display: block;
}

.nav-second-level li:last-child {
	margin-bottom: 0;
}

.navbar-default .nav>li.active>.nav-second-level>li>a:hover,
	.navbar-default .nav>li.active>.nav-second-level>li>a:focus {
	background-color: #ddd;
	color: #0786e7;
}

.notification-menu .dropdown-toggle {
	padding: 8px 10px;
	border: 0;
	background: #eaeaea;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
}

.btn-default:hover, .btn-default:focus, .btn-default:active,
	.btn-default.active, .open .dropdown-toggle.btn-default {
	color: #fff !important;
	background-color: #b8b7b7;
	border: none;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover,
	.btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover,
	.open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus,
	.open>.dropdown-toggle.btn-default:hover {
	background-color: #b8b7b7;
	color: #fff !important;
	border: none;
}

.notification-menu .dropdown-toggle:hover {
	color: #fff;
	background-color: #b8b7b7;
}

.navbar-fixed-top, .navbar-static-top {
	background: #f2f2f2;
}

.navbar-top-links li.active .user-name {
	background: #abd0ce;
}

.navbar-top-links li.active .user-name .topName {
	color: #fff;
}

.notification-menu .dropdown-toggle {
	background: #eaeaea;
}

.navbar .dropdown-menu {
	border: 1px solid #f2f2f2;
}

.notification-menu .dropdown-menu:after {
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	right: 10px;
	position: absolute;
	top: -6px;
}

.btn-default.user-name {
	color: #999 !important;
	padding: 8px 20px;
	background: #f2f2f2;
	border: none;
}

.btn-default.user-name:hover {
	color: #000 !important;
}

.header-fixed {
	position: fixed;
	width: 100%;
	z-index: 16;
	top: 0;
}

#breadcrumbs {
	position: relative;
	z-index: 13;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 6px 12px 6px 0;
	display: block;
	margin-left: -10px;
}

.breadcrumb {
	background-color: transparent;
	display: inline-block;
	margin: 0 22px 0 12px;
	padding: 0;
	font-size: 13px;
	color: #333;
	border-radius: 0;
}

.breadcrumb>li a {
	color: #0786e7;
}

.minimalize-styl-2 {
	margin: 14px 5px 5px 10px;
}

.container-fluid {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}

.page-content-main {
	width: 100%;
	/*padding:0 10px;*/
	margin-top: 75px;
}

.page-content-main-small {
	margin-top: 40px;
}

#page-content {
	margin-bottom: 10px;
}

.panel-box {
	width: 100%;
}

.panel-box .title-text {
	width: 100%;
	border-bottom: 4px solid #abd0ce;
}

.title-con {
	color: #fff;
	font-size: 14px;
	padding: 4px 10px;
	background: #abd0ce;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.panel-body {
	width: 100%;
	padding: 10px 0;
	/* border: 1px solid #ddd;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.form-table {
	width: 100%;
}

.control-label {
	width: 80px;
	font-size: 13px;
	text-align: left;
	font-weight: normal;
	float: left;
}

@media ( min-width : 768px) {
	.form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 0;
		text-align: left;
	}
	.col-sm-3 {
		width: 23%;
	}
}

.sel-in {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	background: #fff url(../images/select_icon.png) no-repeat 96% center;
	padding: 0px 6px;
	color: #333;
	width: 240px;
	box-sizing: border-box;
}

.sel-list {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	background: #fff url(../images/select_icon.png) no-repeat 96% center;
	padding: 0px 6px;
	color: #333;
	box-sizing: border-box;
}

.input-box {
	width: 240px;
	box-sizing: border-box;
}

.form-horizontal .form-group {
	margin-bottom: 0;
}

.row-margin {
	width: 100%;
}

.row-fluid .col-sm-3 {
	margin-bottom: 4px;
}

.row-fluid .col-sm-6 {
	margin-bottom: 8px;
}

.row-margin:after {
	clear: both;
	content: "";
	height: 0;
	display: block;
}

.laydate-icon, .laydate-icon-default, .laydate-icon-danlan,
	.laydate-icon-dahong, .laydate-icon-molv {
	height: 26px;
	line-height: 26px;
}

.table.table-bordered  tr  th {
	background-color: #eee;
	font-weight: normal;
}

.table-bordered {
	border: 1px solid #ccc;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #eee;
}

.table {
	margin-bottom: 16px;
	margin-top: 8px;
}

.page-left {
	float: left;
}

.pagination {
	width: 100%;
	margin-bottom: -10px;
}

.pagination p {
	color: #999;
}

.pagination:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.pagination ul {
	float: right;
	margin-bottom: 0;
}

.pagination ul li {
	list-style: none;
	float: left;
	margin: 0 2px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	border: 1px solid #e7eaec;
	cursor: pointer;
}

.pagination ul li a {
	color: #999;
	display: block;
}

.pagination ul li:hover {
	background: #0786e7;
	color: #fff;
}

.pagination ul li:hover a {
	color: #fff;
}

.pagination ul li.active {
	background: #0786e7;
	color: #fff;
}

.pagination ul li.active a {
	color: #fff;
}

.nav>li.active {
	border-left: 2px solid #abd0ce;
}

.nav-tabs>li>a {
	border-radius: 0px 0px 0px 0px;
	border: none;
}

a {
	color: #333;
	text-decoration: none;
}

.table {
	border: 1px solid #ccc;
}

.table th {
	background-color: #eee;
	font-weight: normal;
	border: none;
}

.table tr:last-child {
	border-bottom: 1px solid #ccc;
}

.table>tbody>tr>td {
	line-height: 1.42857;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	padding: 4px 8px;
}

.table-bordered>tbody>tr>td {
	border: 1px solid #ccc;
}

.table>tbody>tr>th {
	border-top: 1px solid #ccc;
}

.proCon table tr:last-child {
	border-bottom: none;
}

.table .checkbox, .radio {
	margin-top: 4px;
	margin-bottom: 4px;
}

input[type=checkbox]:focus, input[type=radio]:focus, input[type=checkbox]:checked,
	input[type=radio]:checked {
	outline: none !important;
}

input[type=checkbox], input[type=radio] {
	opacity: 0;
	position: absolute;
	z-index: 12;
	width: 20px;
    height: 20px;
    margin: 0;
}

input[type=checkbox]+.lbl, input[type=radio]+.lbl {
	position: relative;
	z-index: 11;
	display: inline-block;
	margin: 0;
	line-height: 20px;
	min-height: 14px;
	min-width: 14px;
	font-weight: normal;
	cursor: pointer;
}

label, .lbl {
	vertical-align: middle;
	position: relative;
}

input[type=checkbox].ace-checkbox-2:checked+.lbl::before {
	background-color: #0786e7;
	border-color: #0786e7;
	color: #FFF;
	cursor: pointer;
}

input[type=checkbox].ace-checkbox-2+.lbl::before {
	box-shadow: none;
}

input[type=checkbox]:checked+.lbl::before, input[type=radio]:checked+.lbl::before
	{
	display: inline-block;
	content: '\f00c';
	background-color: #0786e7;
    color:#fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px
		rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

input[type=radio]:checked+.lbl::before {
	content: "\2022";
}

input[type=checkbox]+.lbl::before, input[type=radio]+.lbl::before {
	font-family: fontAwesome;
	font-weight: normal;
	font-size: 11px;
	color: #32a3ce;
	content: "\a0";
	display: inline-block;
	background-color: #fafafa;
	border: 1px solid #CCC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	width: 22px;
	margin-right: 1px;
	cursor: pointer;
	text-align: center;
}

input[type=radio]+.lbl::before {
	border-radius: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
}

.table-sel {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	background: #fff url(../images/select_icon.png) no-repeat 90% center;
	padding: 0px 6px;
	color: #333;
	width: 90px;
	outline: none;
	cursor: pointer;
	border: 1px solid #f5f5f6;
	font-size: 13px;
	height: 26px;
}

.table .image-show {
	/*width:80px;*/
	max-height: 100px;
	overflow: hidden;
}

.image-show img {
	width: 100%;
	height: 100%;
	display: block;
}

.modal-footer {
	text-align: center;
	padding: 20px;
	background: #f2f2f2;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.modal-header {
	padding: 20px;
}

.modal-title {
	color: #0786e7;
	font-weight: normal;
}

.modal {
	top: 5%;
}

.modal .modal-dialog {
	width: 730px;
}

.modal-body {
	padding: 15px 20px 10px 20px;
	max-height: 500px;
	min-height: 100px;
	overflow: auto;
}

.checkbox, .radio {
	display: inline-block;
	cursor: pointer;
	outline: none;
}

.describe-box {
	width: 580px;
	height: 80px;
	border: 1px solid #cfdadd;
	font-size: 13px;
	color: #555;
	line-height: 15px;
	padding: 8px;
	max-height: 120px;
	overflow: auto;
	resize: vertical;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.file-box, .goodspic-up {
	width: 100%;
	position: relative;
	outline: none;
	margin: 0 auto;
	height: 26px;
	vertical-align: bottom;
	line-height: 26px;
}

.file-box .txt, .goodspic-up .txt {
	height: 26px;
	border: 1px solid #d5d5d5;
	width: 190px;
	outline: none;
	font-size: 0.7rem;
	padding-left: 0.2rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	font-size: 14px;
	line-height: 26px;
	margin-right: 5px;
}

.file-box .txt {
	width: 150px;
}

.file-box .file, .goodspic-up .file {
	position: absolute;
	top: 0;
	right: 0px;
	height: 26px;
	filter: alpha(opacity : 0);
	opacity: 0;
	width: 66px;
	outline: none;
	background: #F33;
	z-index: 222;
}

.file-box .file {
	right: 60px;
}

.file-box .bttn {
	background-color: #FFF;
	width: 66px;
	height: 26px;
	background: #abd0ce;
	outline: none;
	right: 70px;
	position: absolute;
	font-size: 12px;
	color: #fff;
	border: none;
	line-height: 26px;
	border-radius: 4px;
}

.file-box .bttn2 {
	background-color: #FFF;
	width: 66px;
	height: 26px;
	background: #abd0ce;
	outline: none;
	right: 0px;
	position: absolute;
	font-size: 12px;
	color: #fff;
	border: none;
	line-height: 26px;
	border-radius: 4px;
}

.preview {
	width: 300px;
	max-height: 500px;
	overflow: auto;
	margin-left: 65px;
	margin-top: 10px;
}

.preview img {
	width: 100%;
	height: auto;
	display: block;
	float: left;
}

.table-ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

.table-ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media ( min-width : 768px) {
	.col-sm-9 {
		width: 70%;
		padding-left: 0px;
	}
}

.search-box {
	width: 100%;
	padding: 6px;
	border: 1px solid #cfdadd;
}

fieldset {
	padding: 16px 16px;
	border: 1px solid silver;
	margin-bottom: 8px;
	border: 1px solid #e7eaec;
}

.allpic_box i {
	color: #ccc;
	margin-right: 6px;
}

legend {
	border: 0;
	width: auto;
	margin-bottom: 0;
	line-height: 0;
	font-size: 16px;
}

.form-horizontal:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.title-sm {
	font-size: 14px;
	line-height: 20px;
	color: #0786e7;
	margin-bottom: 10px;
}

.search-main {
	width: 100%;
}

.search-main:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.row-fluid:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.tabs-container .panel-body {
	padding: 6px;
	padding-top: 10px;
}

/*濠电偞鍨堕幐鎼佹晝閿濆洦顫曢柛顐ｆ礀閻ゎ噣鏌涢埄鍐炬畷闁诡垽鎷�*/
.goodspic-up {
	width: 94%;
	position: relative;
	outline: none;
	margin: 0 auto;
	height: 30px;
	vertical-align: bottom;
	line-height: 30px;
}

.goodspic-up .txt {
	width: 72%;
}

.goodspic-up .file {
	width: 66px;
	right: -14px;
}

.goodspic-up .bttn {
	background-color: #FFF;
	width: 26%;
	height: 26px;
	background: #5d9cec;
	outline: none;
	right: 0px;
	position: absolute;
	font-size: 13px;
	color: #fff;
	border: none;
	line-height: 26px;
	border-radius: 4px;
}

.goods-pre {
	width: 94%;
	max-height: 200px;
	overflow: hidden;
	margin-top: 6px;
	cursor: pointer;
}

.goods-pre img {
	width: 100%;
	height: 100%;
}

.up-more-pic {
	width: 100%;
}

.up-more-pic:after {
	clear: both;
	content: "";
	height: 0;
	display: block;
}

.content_pic {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	z-index: 99;
	left: -15px;
	display: none;
}

.mask-hide {
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent;
	top: 0;
	cursor: pointer;
	padding-top: 5%;
	border-sizing: border-box;
	-moz-border-sizing: border-box;
}

.content_pic .close_box {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 40px;
	top: 20px;
	z-index: 999;
}

.content_pic .close_box:hover {
	cursor: pointer;
}

.content_pic .close_box img {
	width: 100%;
	height: auto !important;
}

#pic_box {
	border: 1px solid #EEE;
	border-color: transparent;
	text-align: center;
	margin: 0 auto;
}

#pic_box img {
	width: 500px;
	margin: 0 auto;
	height: auto !important;
	display: block;
}

/* tooltip */
#tooltip1 {
	position: absolute;
	background: #faeeae;
	padding: 4px 6px;
	color: #222;
	display: none;
	font-size: 12px;
	border-radius: 2px;
}

.loading-mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
}

.loading-body {
	width: 180px;
	height: 60px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #fff;
	position: absolute;
	margin: -30px 0 0 -90px;
	top: 45%;
	left: 50%;
	border-radius: 4px;
}

#loading {
	background: url(../img/loading.gif) no-repeat 30px center;
	line-height: 60px;
	font-size: 14px;
	text-indent: 85px;
	color: #666;
	margin: 0 auto;
}

/*婵犮垼鍩栭幐鎶藉磿鐎甸潻鎷锋担鍐棈闁糕晪鎷�*/
.fastbtn {
	font-size: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-left: 40px;
}

.fastbtn:after {
	clear: both;
	content: "";
	height: 0;
	display: block;
}

.fastbtn li {
	list-style: none;
	padding: 0;
	float: left;
	margin-right: 2px;
	margin-top: 19px;
}

.fastbtn li a {
	font-size: 12px;
	color: #fff;
	padding: 8px 10px 5px 10px;
	background: #abd0ce;
	display: block;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: bold;
}

.fastbtn li a:hover {
	background: #5d9cec;
}

.fastbtn li.active a {
	background: #5d9cec;
}

.table-heard {
	margin-bottom: 10px;
}

.table-ul {
	width: 100%;
	font-size: 0;
	margin: 0;
}

.table-ul li {
	width: 100%;
	font-size: 14px;
	list-style: none;
	border: none;
	margin-bottom: 10px;
	border: 1px solid #eee;
	border-top: none;
}

.title-td {
	width: 100%;
	font-size: 12px;
	background-color: #e2f1de;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}

.z-number {
	font-size: 12px;
	margin-right: 30px;
}

.table-ul .table-td {
	margin-top: 0;
	margin-bottom: 0;
	border: none;
}

.z-number strong {
	font-size: 12px;
	color: #0075c1;
}

.c-time {
	font-size: 12px;
}

.title-td .note {
	font-size: 14px;
	color: #0075c1;
	position: absolute;
	top: 12px;
	right: 10%;
}

.title-td .note i {
	margin-right: 10px;
}

/*table闂佹眹鍔岀�氼參骞冨畷鍥潟闁靛繆鍓濋拏瀣归悪鍛*/
table.switchLine {
	height: 34px;
	position: relative;
	width: 100%;
	text-align: center;
	border: none;
	margin-top: 6px;
	margin-bottom: 15px;
}

table.switchLine tr:last-child {
	border-bottom: none;
}

table.switchLine a.cur {
	border-color: #0786e7;
	color: #0786e7;
}

table.switchLine a {
	display: block;
	line-height: 32px;
	height: 32px;
	border-bottom: #e3e3e3 2px solid;
	color: #999;
	position: relative;
	z-index: 1;
}

.chosen-container-single .chosen-single div b {
	display: inline-block;
	color: #888;
	background: #fff url(../images/select_icon.png) no-repeat left center;
}

.chosen-container-active.chosen-width-drop .chosen-single div b {
	display: inline-block;
	color: #888;
	background: #fff url(../images/select_icon.png) no-repeat left center;
}

.chosen-container-single .chosen-search:after {
	content: "\f002";
	display: inline-block;
	color: #888;
	font-family: FontAwesome;
	font-size: 14px;
	position: absolute;
	top: 8px;
	right: 12px;
}

.chosen-container-single .chosen-default {
	border-radius: 0;
}

.chosen-container-single .chosen-single {
	border-radius: 0;
}

.chosen-container-single .chosen-single {
	width: 90%;
	box-shadow: none;
	height: 26px;
	border: 1px solid #cfdadd;
	min-height: 26px;
}

.chosen-container .chosen-drop {
	border: 1px solid #cfdadd;
	box-shadow: none;
}

.modal-body .chosen-container-single .chosen-single {
	width: 240px;
	box-shadow: none;
	height: 26px;
	border: 1px solid #cfdadd;
	min-height: 26px;
}

.modal-body .chosen-container .chosen-drop {
	width: 240px;
}

.chosen-container .chosen-drop {
	width: 94%;
}

.radio input[type="radio"] {
	opacity: 0;
	z-index: 1;
}

.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 2px;
}

.radio-info input[type="radio"]:checked+label::before {
	border-color: #5bc0de;
}

.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}

.radio-info input[type="radio"]:checked+label::after {
	background-color: #5bc0de;
}

.radio input[type="radio"]:checked+label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.radio-info input[type="radio"]+label::after {
	background-color: #5bc0de;
}

.radio {
	padding-left: 20px;
}

.radio+.radio {
	margin-top: 0px;
}

.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s
		cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.btn-group-sm>.btn, .btn-sm {
	padding: 2px 6px;
}

/**************************************/
.tb_cner {
	margin-top: 15px;
}

.table-ul .table tr:last-child {
	border: none;
}

.proCon {
	width: 95%;
	margin: 0 auto;
	padding: 6px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #f8f8f8;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.proCon table {
	width: 100%;
	border: none;
	table-layout: fixed;
}

.proCon table tr th {
	padding: 4px 6px;
	font-size: 12px;
	background: #f8f8f8;
	border: none;
	color: #666666;
}

.proCon table tr td {
	font-size: 12px;
	color: #999;
	padding: 2px 6px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.proCon table tr td {
	color: #0075c1;
	font-style: normal;
}

.proUl li {
	border: none;
	border-bottom: 1px solid #e8e8e8;
}

.proUl .table tr td {
	border: none;
}

/*------------------------------*/
.flowBox {
	width: 100%;
	height: 300px;
	margin: 0 auto;
	padding: 0 30px;
	padding-top: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.flowBox:after {
	clear: both;
	content: "";
	height: 0;
	display: block;
}

.flowLi {
	width: 180px;
	float: left;
	padding: 0 5px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.lineBox {
	width: 20px;
	height: 20px;
	margin: 0 auto;
}

.lineBox.overd {
	background: url(../img/flowOv.png) left 0px no-repeat;
}

.lineBox.goOn {
	background: url(../img/flowGo.png) left 0px no-repeat;
}

.flowBox .line {
	width: 180px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	z-index: -1;
	left: 88px;
}

.flowBox .text-box {
	margin-top: 10px;
	height: 160px;
	line-height: 22px;
	padding: 20px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
	background: #f5f5f5;
}

.flowBox .text-box .title-txt {
	color: #222;
	font-size: 18px;
	margin-bottom: 10px;
}

.flowBox .text-box .text-content {
	margin-bottom: 10px;
	width: 100%;
	word-wrap: break-word;
}

.flowBox .text-box .text-name {
	color: #333;
	width: 100%;
	word-wrap: break-word;
}

.flowBox .text-box .time {
	color: #999;
	width: 100%;
	word-wrap: break-word;
}

.alreadyOp {
	width: 100%;
	margin-top: 10px;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #eee;
}

.alreadyTxt {
	font-size: 14px;
	color: #999;
	margin-bottom: 10px;
}

.orgUl {
	width: 100%;
	max-height: 500px;
	overflow: auto;
}

.orgUl li {
	list-style: none;
	line-height: 28px;
	position: relative;
}

.orgUl li i {
	font-size: 18px;
	color: #999;
	position: absolute;
	right: 10px;
	cursor: pointer;
	top: 2px;
}

.orgUl li:hover {
	background: #eee;
}

.stockBody {
	max-height: 500px;
	overflow: auto;
	padding-bottom: 20px;
}

.stockBox {
	width: 100%;
	padding: 8px;
	border-bottom: 1px solid #e7eaec;
}

/**********************************/
.teamBtnOp {
	width: 30%;
	height: 26px;
	font-size: 14px;
	display: inline-block;
	outline: none;
	border: 1px solid #eee;
	margin-bottom: 5px;
	color: #333;
	cursor: pointer;
	text-align: center;
	line-height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.teamBox {
	width: 65%;
	height: 26px;
	display: inline-block;
	position: relative;
}

.teamBtn {
	width: 95%;
	height: 26px;
	font-size: 14px;
	display: inline-block;
	outline: none;
	border: 1px solid #cfdadd;
	color: #333;
	cursor: pointer;
	text-align: center;
	line-height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.teamCon {
	width: 100%;
	border: 1px solid #eee;
	position: absolute;
	top: 26px;
	left: 0;
	background: #fff;
	padding: 10px 20px;
	max-height: 400px;
	overflow: auto;
	z-index: 20;
	display: none;
}

.header-tab {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.moreteam {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 10px;
}

.moreteam li {
	list-style: none;
	line-height: 24px;
}

.moreteam li label {
	font-weight: normal;
}

.serchBox {
	width: 100%;
	height: 30px;
	position: relative;
	margin-bottom: 10px;
}

.serchBox:after {
	position: absolute;
	content: "\f002";
	left: 2%;
	top: 5px;
	color: #999;
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.serchBox .inputS {
	width: 100%;
	height: 100%;
	padding-left: 50px;
	border: 1px solid #ddd;
	outline: none;
	font-family: "microsoft yahei";
	font-size: 14px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.areaBox {
	width: 100%;
	height: 400px;
	overflow: auto;
}

.areaBox ul {
	width: 100%;
	padding: 0;
	margin-top: 10px;
}

.areaBox ul li {
	line-height: 30px;
	list-style: none;
	padding: 0px 15px;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.areaBox ul li:hover {
	background: #f5f5f5;
}

.iconBtn {
	display: inline-block;
	width: 15px;
	font-size: 24px;
	color: #0786e7;
	cursor: pointer;
	position: relative;
	top: -2px;
}

.iconBtn.active {
	position: relative;
	top: 8px;
}

.iconBtn.active:before {
	content: "\f0de";
}

.tableInput {
	height: 100%;
}

.tableBorder {
	border: 1px solid #ccc;
}

.tableBorder td, .tableBorder th {
	border: 1px solid #ccc;
}

.orderDetBox table {
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 14px;
}

.orderDetBox {
	width: 1400px;
	margin: 0 auto;
}

.orderTitle {
	width: 100%;
	position: relative;
	padding-top: 20px;
}

.orderTitle:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.logoLeft {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100px;
}

.logoLeft img {
	width: 100%;
	height: auto;
}

.orderTitle h3 {
	text-align: center;
	font-size: 30px;
	font-family: "瀵邦喛钂嬮梿鍛寸拨";
	font-weight: normal;
}

.orderBase {
	width: 100%;
	margin-top:40px;
}

.orderT {
	width: 100%;
	/*table-layout: fixed;*/
	margin-bottom: 0;
	margin-top: 0px;
}

.orderT2 {
	width: 100%;
	margin-bottom: 0;
	margin-top: 0px;
}

.orderT .o-name, .orderT2 .o-name {
	width: 110px;
	font-weight: normal;
}

.orderT .o-span, .orderT2 .o-span {
	margin-right: 10px;
}

.orderDetBox table tr td {
	border: 1px solid #000 !important;
}

.orderDetBox table tr th {
	border: 1px solid #000 !important;
}

.orderDetBox table {
	border: 1px solid #000 !important;
}

.orderDetBox table tr {
	border: 1px solid #000 !important;
}

.tipNothing {
	background: #ebf3ff;
	line-height: 50px;
	font-size: 14px;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.g_surp_icon {
	display: inline-block;
	margin: -2px 8px 0 12px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url(../img/surpriseTip-16X16.png) 0 0 no-repeat;
}

.optionList li {
	margin-bottom: 10px;
	list-style: none;
}

.modalPic .modal-dialog {
	width: 500px;
}

/***********************************/
.picShowBox {
	width: 1210px;
	position: relative;
}

.picShowBox .table>tbody>tr>td {
	border: none;
	padding: 2px 8px;
}

.picShowBox .table {
	margin-top: 0px;
}

.picShowBox .table tr:last-child {
	border: none;
}

.picShowBox {
	border: 1px solid #ccc;
	padding: 10px 15px;
	margin-bottom: 10px;
}

.picShowBox .pictureBox {
	margin-top: 4px;
}

.picShowBox .table {
	margin-bottom: 0;
}

.picShowBox .nameTxt {
	font-weight: bold;
}

.picShowBox .numCount {
	color: #666;
	font-size: 12px;
}

.picShowBox .proName {
	color: #0d8e8c;
}

.statePic {
	position: absolute;
	color: #fff;
	font-size: 0.5rem;
	display: inline-block;
	text-align: center;
	top: 0;
	right: 0;
}

.upPic .statePic img {
	width: 40px;
	height: 40px;
}

.table .sel-sm {
	width: 100%;
}

.upPicImgSm {
	position: absolute;
	left: 0;
	top: 0;
}

.upPicImgSm {
	width: 40px;
	height: 40px;
}

.upPicImgSm img {
	width: 100%;
	height: auto;
}

.isTopBtn:hover {
	color: #4b91ea;
	cursor: pointer;
	display: inline-block;
}

.rightCon p {
	margin: 0;
	margin-left: 15px;
	margin-bottom: 6px;
	font-size: 14px;
}

.workUl {
	max-height: 50px;
	overflow: hidden;
	width: 100%;
	padding: 4px 10px;
}

.workUl li {
	width: 100%;
	list-style: none;
	position: relative;
	padding-left: 18px;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
}

.workUl li:hover {
	color: #0786e7;
}

.workUl li:hover .orgName {
	color: #0786e7;
}

.workUl li:before {
	content: "";
	position: absolute;
	border-width: 5px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #0075c1;
	display: block;
	left: 5px;
	top: 8px;
}

.workItem {
	float: left;
	font-size: 14px;
	width: 210px;
	line-height: 26px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.orgItem {
	float: left;
	font-size: 14px;
	width: 15%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.workUl li .time {
	float: right;
	display: block;
}

.txtMore {
	float: right;
	text-align: right;
	cursor: pointer;
	font-size: 11px;
	padding-right: 10px;
	display: inline-block;
	padding-bottom: 4px;
	margin-top: 0px;
}

.txtMore:hover {
	cursor: pointer;
	color: #0786e7;
}

.noticeCon {
	width: 1400px;
	padding-bottom: 100px;
	background: #fff;
	padding-top: 50px;
	margin-top: 15px;
	margin-left: 15px;
}

.noticeCon h1 {
	font-size: 20px;
	color: #000;
	text-align: center;
	margin-top: 0;
}

.noticeCon .time {
	width: 150px;
	text-align: center;
	font-size: 11px;
	margin: 0 auto;
	color: #b6b6b6;
	margin-bottom: 25px;
	padding-bottom: 6px;
	border-bottom: 2px solid #0075c1;
}

.noticeTxt {
	width: 1100px;
	margin: 0 auto;
}

.noticeTxt p {
	font-size: 14px;
	color: #333;
	text-align: justify;
	margin-bottom: 20px;
}

.noticeTxt img {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}

.workUl .orgName {
	width: 75px;
	margin-right: 10px;
	font-size: 11px;
	color: #000;
	float: left;
}

.workUl .newIcon {
	position: absolute;
	display: block;
	width: 20px;
	height: 17px;
	background: url(../img/newNotice.gif) no-repeat;
	background-size: contain;
	top: 4px;
	right: 4px;
}

/*******topNotice**********/
.nav>li.noticeItem {
	border: 0;
	line-height: 50px;
	border-right: 1px solid #e2e2e2;
}

.nav>li.noticeItem .noticeNam {
	line-height: 50px;
	padding: 0 20px;
}

.noticeDiv {
	position: absolute;
	width: 350px;
	background: #fff;
	top: 0;
	right: 112px;
	border-radius: 4px;
	box-shadow: 0 0 6px rgba(86, 96, 117, 0.2);
}

.noticeDiv .noticeUI {
	width: 280px;
	float: left;
}

.nav .workUl .orgName {
	font-size: 12px;
}

.nav .workUl .workItem {
	font-size: 11px;
}

.noticeItem {
	position: relative;
}

.noticeNam.opened {
	color: #fff;
	background: #abd0ce;
}

.noticeNam i {
	font-size: 15px;
	margin-right: 4px;
}

.noticeNam .listNum {
	color: #f03;
}

.nav .topName {
	display: block;
	text-align: left;
}

.navbar-right .caret {
	position: absolute;
	top: 20px;
	right: 4px;
}

.issueDiv {
	width: 100%;
}

.issueDiv ul {
	padding: 0;
	margin: 0;
}

.issueDiv ul li {
	width: 150px;
	height: 150px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	background: #f1f1f1;
}

.issueDiv ul li .delTag {
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background: rgba(255, 255, 255, .9);
	top: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	border: 1px solid #eee;
}

.issueDiv ul li .delTag:hover i {
	color: #0075c1;
}

.issueDiv ul li .delTag i {
	color: #666;
	font-size: 16px;
}

.issueDiv ul li img {
	width: 100%;
	height: auto;
	display: block;
}

.hisTxt {
	width: 100%;
}

.hisTxt li {
	margin-bottom: 10px;
}

			.countCon{
				width: 550px;
				border: 1px solid #e8e8e8;
				float: left;
			}
			.countUl{
				width: 100%;
				font-size: 0;
				padding: 0;
				margin: 0;
			}
			.countUl li{
				display: inline-block;
				width: 20%;
				font-size: 14px;
				line-height: 32px;
				text-align: center;
				background: #b2dffb;
				cursor: pointer;
			}
			.proBox{
			  margin-right: 20px;
			}
			.proBox .countUl li{
			  width: 16%;
			}
			.proBox .countUl li:first-child{
				width: 36%;
				
			}
			.goodsBox .countUl li:first-child{
			     width: 40%;

			}
			.countUl li.active i:before {
               content: "\f0de";
			   position: relative;
			   top: 5px;
			   font-size: 18px;
			}
			.countUl li i{
			   content: "\f0de";
			   position: relative;
			  bottom: 3px;
			  font-size: 18px;
			}
			.countDiv{
				width: 100%;
			}
			.countList{
				width: 100%;
				padding: 8px 0;
				border-bottom: 1px solid #e8e8e8;
			}
			.countList:after{
				clear: both;
				content: "";
				height: 0;
				display: block;
			}
			.cou-item{
				float: left;
				width: 20%;
				height: 100%;
				line-height:40px;
				text-align: center;
			}
			.proBox .cou-item{
			    width: 16%;
			}
			.proBox .cou-item:first-child{
				width: 36%;
			}
			.goodsBox .cou-item:first-child{
			    width: 40%;
			    text-align: left;
			    padding-left: 20px;
			}

			.headName{
				text-align: left;
				padding-left:15px;
				position: relative;
			}
			.headName img{
				width:40px;
				height: 40px;
				border-radius: 50%;
				margin-right: 6px;
			}
			.headName .org{
				margin-right: 6px;
			}
			
			
			
/************閸ユ儳绨�*****************/
.mapCon{
	width: 200px;
	float: left;
	background: #fff;
	border: 1px solid #e8e8e8;
	background: #f1f1f1;
}
.mapAllbtn{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;	
	position: relative;
	cursor: pointer;
}
.mapAllbtn:hover{
	background: #0075c1;
	color:#fff;
}
.tipIcon{
	content: "";
    position: absolute;
    border-width: 6px;
    border-style: dashed dashed dashed solid;
    border-color: #0075c1 transparent transparent transparent;
    display: block;
    right:18px;
    top:22px;
}
.mapAllbtn:hover .tipIcon{
	 border-color: #fff transparent transparent transparent;
}
.mapBtnUl{
	width: 100%;
	padding-left: 0;
	margin-bottom: 0;
	display: none;
}
.mapBtnUl.active{
	display: block;
}
.mapBtnUl li{
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border: 1px solid #e8e8e8;
	position: relative;
	cursor: pointer;
	border-bottom: 0;
}
.mapBtnUl li:hover{
	background: #0075c1;
	color:#fff;
}
.mapBtnUl li.active{
	background: #0075c1;
	color:#fff;
}
.rightImgCon{
	float: left;
	margin-left: 60px;
}
.rightImgCon .nameTxt{
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  height:40px; 
  line-height: 40px;
  margin: 0;
  width: 100%;
  padding: 0 6px;
}
.rightImgCon .nameTxt span{
	display: block;
	color: #fff;
	font-size: 12px;
}

.chosenImg{
	width:32px;
	height:32px;
	position: absolute;
	top:0;
	right: 0;
	background:url(../img/chose.png); 
	background-size:cover;
}
			
.paiXu span{
	display:inline-block;
	padding:2px 4px;
	background: #c3e2f7;
	cursor: pointer;
	border-radius:4px;
	text-align: center;
	padding-left:6px;
}




.chartTbn {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 50%;
	right: 0;
	background: transparent !important;
	overflow: hidden;
	cursor: pointer;
}
.chartTbn img {
	width: 100%;
	height: auto;
}
.chartBg {
	width: 100%;
	position: fixed;
	height: 100%;
	top: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 99;
	display: none;
}
.modal .chartBox{
	width: 800px;
	height: 700px;
	background: #fff;
}
.chartTop {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #5d9cec;
	position: relative;
}
.chartBody {
	width: 100%;
	height: 650px;
}
.chartLeft {
	width: 200px;
	float: left;
	background: #eee;
	height: 100%;
	padding: 10px 0px;
	border-right: 1px solid #ccc;
}
.searchDiv {
	width: 100%;
	height: 40px;
	padding: 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.searchDiv .searchInput {
	width: 100%;
	height: 100%;
	border-radius: 50px;
	padding-left: 10px;
}
.chartUI {
	width: 100%;
	height: 590px;
	overflow: auto;
	padding: 0;
	margin: 0;
}
.chartUI .li-Item {
	width: 100%;
	height: 54px;
	line-height: 50px;
	padding: 0;
	margin: 0;
	position: relative;
	padding: 0 15px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.chartUI .li-Item.active{
	background: #fdfdfd;
}
.smimg {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 100%;
	float: left;
	margin-top: 7px;
}

.smimg img {
	width: 100%;
	height: 100%;
	display: block;
}
.chartR {
	width: 100%;
	padding-left: 45px;
	height: 100%;
	position: relative;
}
.chartR .chartName {
	font-size: 12px;
	width: 100%;
	padding: 0;
	margin: 0;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.chartR .time {
	position: absolute;
	right: 0;
	top: 10px;
	color: #666;
	font-size: 12px;
	line-height: normal
}
.chartUI .li-Item .state {
	position: absolute;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	border-radius: 100%;
	background: #f03;
	right: 15px;
	top: 24px;
	display: none;
}
.chartRight {
	width: 590px;
	float: left;
	height: 650px;
}

/*chart*/
.chat-thread {
	width: 600px;
	height: 500px;
	margin: 0 auto;
	list-style: none;
	padding-bottom: .14rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.chat-thread ul {
	width: 100%;
	padding: 0;
}

.chat-box {
	margin-bottom: 25px;
	margin-top: 10px;
	padding: 0 20px;
	position: relative;
	padding-top: 15px;
}

.right_list_box {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: right;
	padding-right: 60px;
}

.right_list_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.left_list_box {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: right;
	padding-left: 60px;
}

.left_list_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.chat-box .time {
	color: #838383;
	font-size: 12px;
	margin-bottom: 10px;
}

.rightTime {
	text-align: right;
	padding-right: 60px;
}

.leftTime {
	text-align: left;
	padding-left: 60px;
}

.text-content {
	width: 100%;
}

.text-content .text_main {
	background: #0177c3;
	color: #fff;
	font-size: 14px;
	padding: 4px 10px;
	line-height: 22px;
	text-align: justify;
	max-width: 80%;
}

.text-content .text_main a {
	color: #fff;
}

.text-content .text_main img {
	width: 96%;
	height: auto;
}

.right_list_box .text_main {
	padding-left: 20px;
	border-radius: 10px;
	border-top-right-radius: 0;
	float: right;
}

.left_list_box .text_main {
	padding-left: 20px;
	border-radius: 10px;
	border-top-left-radius: 0;
	float: left;
}

.right_list_box .user_name {
	width: 42px;
	height: 46px;
	border-radius: 4px;
	position: absolute;
	right: 20px;
	top: 0;
	background: #eee;
}

.left_list_box .user_name {
	width: 42px;
	height: 46px;
	border-radius: 10px;
	position: absolute;
	left: 20px;
	top: 0;
	background: #eee;
}

.right_list_box .user_name img,
.left_list_box .user_name img {
	width: 42px;
	height: 46px;
	border-radius: 10px;
	display: block;
}

.r_pic {
	width: 80px;
	height: 80px;
	float: left;
	border-radius: 4px;
	overflow: hidden;
}

.text-content .text_main .r_pic img {
	width: 100%;
	height: 100%;
	display: block;
}

.r_text {
	width: 60%;
	float: left;
	margin-left: 0.15rem;
}

.audioBox {
	width: 35px;
	height: 23px;
}

.audioBox.right {
	background: url(../img/voice.png) center center no-repeat;
	background-size: 35%;
}

.audioBox.right.active {
	background: url(../img/voiceA.gif) center center no-repeat;
	background-size: 35%;
}

.audioBox.left {
	background: url(../img/voiceR.png) center center no-repeat;
	background-size: 35%;
}

.audioBox.left.active {
	background: url(../img/voiceRA.gif) center center no-repeat;
	background-size: 35%;
}

.userNameText {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dialogFoot {
	width: 100%;
	border-top: 1px solid #e8e8e8;
	padding: 10px 10px;
}

.upPic {
	width: 100%;
}

.upPicIcon {
	width: 25px;
	height: 25px;
	margin-left: 10px;
	position: relative;
}

.upPicIcon i {
	font-size: 20px;
	color: #aaa;
}

.upfile {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 5px;
	opacity: 0;
	left: 0;
}

.diaInput {
	width: 100%;
	height: 60px;
	font-size: 14px;
	font-family: 寰蒋闆呴粦;
	resize: none;
	outline: none;
	padding: 5px;
	border: none;
	overflow: auto;
}

.dialogBtn {
	margin: 0 auto;
	padding: 0 30px;
	height: 34px;
	line-height: 34px;
	border-radius: 17px;
	background: #2e78bc;
	color: #fff;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

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

.closeChart {
	position: absolute;
	right: 20px;
	width: 30px;
	height: 30px;
	top: 10px;
	cursor: pointer;
	line-height: 30px;
}

.closeChart i {
	font-size: 20px;
	color: #fff;
}