@charset "utf-8";
/**Home**/
#home{
	float: left;
	height: auto;
	width: 100%;
	background-image: url(settings.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#home .tip {
	float: left;
	height: auto;
	width: 100%;
}
#home .tip .tz {
	float: left;
	width: 90%;
}
#home .tip .tz strong {
	font-size: 14px;
	line-height: 35px;
	font-weight: normal;
	margin-top: 10px;
	color: #000;
}
#home .tip .tz img {
	float: left;
	margin-right: 20px;
	height: 60px;
	width: 60px;
	margin-top: 16px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#home .tip .tz span {
	overflow: hidden;
}
#home .newtz {
	float: left;
	width: 100%;
	height: auto;
}
#home .newtitle {
	float: left;
	height: 40px;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eaeaea;
	border-bottom-color: #eaeaea;
}
#home .newtitle i {
	float: left;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	color: #7BCE4F;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: normal;
}
#home .newtitle font {
	float: left;
	line-height: 40px;
	height: 40px;
	font-size: 12px;
}
#home .newtitle span {
	float: left;
	margin-left: 10px;
	background-color: #db6969;
	height: 16px;
	color: #FFF;
	width: 16px;
	margin-top: 13px;
	line-height: 16px;
	text-align: center;
	border-radius: 20px;
}
#home .iul {
	float: left;
	margin-top: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CFF;
	border-right-color: #CFF;
	border-left-color: #CFF;
	margin-left: 10px;
}
#home .itable {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #CFF;
	padding: 10px;
}
#home .newtz .iul li {
	float: left;
	height: 40px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFF;
}
#home .newtz .iul li .dat {
	float: left;
	height: 40px;
	width: 61px;
}
#home .newtz .iul li .dat .datti {
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #bbb;
	font-size: 16px;
	height: 18px;
	margin-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#home .newtz .iul li .dat .jan {
	float: left;
	width: 100%;
	color: #bbb;
	text-transform: capitalize;
	text-align: center;
	height: auto;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
}
#home .newtz .iul li .de {
	color: #76bc40;
	float: left;
	font-size: 50px;
	font-weight: bold;
	line-height: 7px;
}
#home .newtz .iul li .ntxt {
	float: left;
	margin-left: 10px;
	line-height: 40px;
	height: 40px;
	color: #999;
	white-space: nowrap;
	width: 48%;
	overflow: hidden;
}
#home .newtz .iul li .look {
	float: right;
	cursor: pointer;
	font-size: 14px;
	margin-right: 20px;
	padding-top: 9px;
}
#home .newtz .iul li .look:hover {
	color: #F00;
}
#home .newtz .iul li:hover{
	background-color: #FCFDEE;
}
#home .newtz .exmps {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFF;
}
/******tags*******/
#tags {
	float: left;
	height: auto;
	margin-top: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eee;
	border-bottom-color: #eee;
}
#tags .left {
	float: left;
	height: auto;
	width: 199px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eee;
}
#tags .t {
	float: left;
	height: 40px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	line-height: 40px;
	background-color: #FFF;
}
#tags .t font {
	float: left;
	margin-left: 10px;
}
#tags .t span {
	float: right;
	margin-right: 10px;
	border: 1px solid #F7C1EC;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	color: #F26C85;
	background-color: #ffe3e7;
	box-shadow: 0 0 12px #fff inset;
	cursor: pointer;
}
#tags .t span[data="Add_Tag"]{
	border: 1px solid #00ACC1;
	
}
#tags .left .z {
	float: left;
	height: 30px;
	width: 100%;
	line-height: 30px;
	cursor: pointer;
	position: relative;
}
#tags .left .z[x]{
	background-color: #0db3a6;
	color: #FFF;
}
#tags .left .z i {
	font-size: 16px;
	color: #000;
	float: left;
	width: 30px;
	text-align: center;
}
#tags .left .z span {
	float: left;
	height: 12px;
	width: 12px;
	background-color: #FFF;
	margin-top: 9px;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	color: #FFF;
	border-radius: 2px;
}
#tags .left .z font {
	float: left;
	width: 150px;
	color: #555;
}
#tags .left .z[x] font {
	color: #fff;
}
#tags .left .z[x] i{
	color: #FFF;
}
#tags .left .z[x] span,#tags .left .z:hover span{
	color: #ccc;
}
#tags .left .z:hover{
	background-color: #d5f9f6;
}
#tags .left .z[x]:hover{
	background-color: #25d5c6;
	color: #FFF;
}
#tags .right {
	float: left;
	background-color: #fafafa;
}
#tags .right .tag {
	float: left;
	height: auto;
	width: 100%;
	color: #666;
	cursor: default;
}
#tags .right .tag li {
	float: left;
	border: 1px solid #F6B62E;
	border-radius: 2px;
	padding-right: 25px;
	cursor: pointer;
	position: relative;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 10px;
}
#tags .right .tag li:before {
	font-family: webfont!important;
	content: "\f02c";
	position: absolute;
	right: 5px;
	top: 8px;
}
#tags .right .tag li .e,#tags .left .e {
	position: absolute;
	float: left;
	height: auto;
	width: 80px;
	top: 40px;
	right: 0px;
	border: 1px solid #ccc;
	border-radius: 2px;
	display: none;
	background-color: #FFF;
	z-index: 2;
}

#tags .right .name_my_input{
	width: 97%;
	background-color: transparent;
	height: 31px;
	border: 0;
	outline: none;
	line-height: 31px;
	text-align: center;
	display: block;
	color: #1890ff;
}

#tags .right .name_my_input:hover{
	border: 1px dashed #37c5cc;
	background-color: #FCFDEE;
	color:#000;
}


#tags .right .remark_my_input{
	width: 97%;
	background-color: transparent;
	height: 31px;
	border: 0;
	outline: none;
	line-height: 31px;
	text-align: center;
	display: block;
	color: #1890ff;
}

#tags .right .remark_my_input:hover{
	border: 1px dashed #37c5cc;
	background-color: #FCFDEE;
	color:#000;
}




#tags .left .e {
	right: 2px;
	top: 29px;
}
#tags .right .tag li .e::before,#tags .left .e::before {
	content: "";
	float: right;
	height: 10px;
	width: 10px;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff;
	position: absolute;
	border-left-width: 1px;
	border-top-width: 1px;
	border-left-style: solid;
	border-top-style: solid;
	border-left-color: #ccc;
	border-top-color: #ccc;
	top: -5px;
	right: 5px;
}
#tags .right .tag li .e span,#tags .left .e span {
	line-height: 30px;
	text-align: center;
	float: left;
	height: 30px;
	width: 100%;
}
#tags .left .e span {
	margin-top: 0px;
	font-size: 12px;
	color: #333;
	line-height: 22px;
	height: 22px;
}
#tags .right .tag li .e span:hover,#tags .left .e span:hover {
	color: #9C3;
}
#tags .right .tag li[pe="1"]{
	background-color: #f6b62e;
	color: #FFF;
}
#tags .right .tag li[pe="1"] .e{
	color: #000;
}
#im,#client_my {
	float: left;
	height: auto;
	width: 100%;
	overflow: hidden;
}
#im .left {
	float: left;
	width: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eaeaea;
	overflow-x: hidden;
}

#im .right {
	float: left;
	overflow-x: hidden;
}
#im .left .t {
	float: left;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 14px;
	color: #FFF;
	background-color: #F9B52E;
	text-indent: 37px;
}
#im .left .x {
	float: left;
	width: 100%;
	color: #000;
	line-height: 30px;
	cursor: pointer;
}
#im .left .x:hover{
	background-color: #eaeaea;
}
#im .left .x span {
	float: left;
	height: 30px;
	width: 37px;
}
#im .left .x font {
	float: left;
}
#im .left .x small {
	color: #999;
	margin-left: 10px;
}
#im .left .x[g="0"] span:after {
	content: '\25BA';
	margin-left: 13px;
	color: #999;
}
#im .left .x[g="1"] span:after {
	content: '\25BC';
	margin-left: 13px;
}
#im .left ul {
	float: left;
	height: auto;
	width: 100%;
	display: none;
}
#im .left ul li img {
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 37px;
	border-radius: 2px;
}
#im .left ul li {
	float: left;
	height: auto;
	width: 100%;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}
#im .left ul li font,#im .left ul li small {
	float: left;
	width: 110px;
	margin-left: 4px;
	white-space: nowrap;
	height: 20px;
	overflow: hidden;
}
#im .left ul li small {
	font-size: 10px;
	line-height: 10px;
	color: #999;
	height: 10px;
	font-family: "瀹嬩綋", System, Arial;
}
#im .left ul li:hover{
	background-color: #eee;
}
#im .left [new="1"]{
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	color: #F00;
}
#im .left .t i {
	float: right;
	font-size: 16px;
	margin-right: 10px;
	height: 20px;
	width: 20px;
	text-indent: 0px;
	line-height: 20px;
	margin-top: 10px;
}
#im .left .t .loading{
	background-image: url(loading.gif);
	background-size: auto 70%;
	background-repeat: no-repeat;
	background-position: center center;
}
#im .right .t {
	float: left;
	height: 40px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
}
#im .right .t .info {
	float: left;
	width: 200px;
	margin-top: 5px;
}
#im .right .t i {
	font-size: 18px;
	float: right;
	margin-right: 8px;
	margin-top: 9px;
	cursor: pointer;
	color: #CCC;
	margin-left: 10px;
}
#im .right .t i:hover{
	/*transform: rotate(180deg);*/
}
#im .right .t .info img {
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 9px;
	border-radius: 2px;
}
#im .right .t .info font,#im .right .t .info small {
	float: left;
	width: 124px;
	margin-left: 4px;
	white-space: nowrap;
	height: 18px;
	overflow: hidden;
}
#im .right .t .info small {
	font-size: 9px;
	line-height: 9px;
	color: #999;
	height: 10px;
}
#im .right .body {
	float: left;
	height: 300px;
	width: 100%;
	overflow-x: hidden;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #f5f5f5;
	padding-top: 5px;
	padding-bottom: 5px;
}
#im .right .body[src]{
	background-image: url(loading.gif);
}
#im .right .marker {
	float: left;
	height: 150px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eaeaea;
}
#im .right .body .txt {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#im .right .body .txt img {
	float: left;
	height: 28px;
	width: 28px;
	margin-left: 10px;
	border-radius: 15px;
	border: 1px solid #FFF;
}
#im .right .marker .tool {
	float: left;
	height: 30px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
	position: relative;
}
#im .right .marker .tool i {
	font-size: 16px;
	float: left;
	margin-top: 6px;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
#im .right .marker .xco {
	float: left;
	height: auto;
	width: 100%;
}
#im .right .marker .xco .icontent {
	float: left;
	height: 100px;
	width: 100px;
	margin-top: 7px;
	margin-left: 10px;
	border: 0px solid #FFF;
	font-size: 14px;
}

#im .right .marker .xco .icontent img[border]{
	background-image: none;
	vertical-align: middle;
	margin-right: 2px;
	margin-left: 2px;
}
#im .right .marker .xco .submit {
	color: #999999;
	background-color: #FFF;
	float: right;
	height: 119px;
	width: 119px;
	border: 0px solid #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eaeaea;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 119px;
	overflow: hidden;
	box-shadow:none;
}
#im .right .marker .xco .submit[s="1"] {
	line-height: 500px;
	background-image: url(loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#im .right .body .txt .cts {
	float: left;
	min-width: 100px;
	margin-left: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	white-space: pre;
	padding-top: 20px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	color: #444;
	vertical-align: middle;
	font-size: 14px;
}
#im .right .body .txt .cts hr{
	border-top-style: solid;
	height: 0px;
	border-bottom-width: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#im .right .body .txt .cts a{
	color: #4087EF;
}
#im .right .body .txt .cts a:hover{
	color: #F00;
}
em[url]{
	font-style: normal;
	color: #000;
	cursor: pointer;
}
#im .right .body .txt .cts img {
	float: left;
	width: 200px;
	margin-left: 0px;
	height: auto;
	cursor: pointer;
}
#im .right .body .txt[t] img {
	float: right;
	margin-right: 10px;
}
#im .right .body .txt .cts img[border]{
	padding: 0px;
	float: none;
	cursor: auto;
	background-image: none;
	height: auto;
	width: 15px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	vertical-align:middle;
}
#im .right .body .txt[t] .cts {
	float: right;
	color: #444;
	background-color: #fff;
}
#im .right .body .txt .time {
	font-size: 10px;
	color: #ccc;
	float: left;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 3px;
	margin-left: 5px;
}
#im .right .body .txt .time i{
	float: left;
	margin-right: 6px;
	margin-left: 37px;
	color: #CCCCCC;

}
#im .right .body .txt .time i:before{
	content: "\25C4";
	color: #fff;
}
#im .right .body .txt[t] .time {
	text-align: right;
}
#im .right .body .txt[t] .time i{
	float: right;
	margin-right: 47px;
	color: #F9B52E;
	margin-left: 5px;
}
#im .right .body .txt[t] .time i:before{
	content: "\25BA";
	color: #fff;
}
#im .right .marker .tool input {
	position: absolute;
	left: 0px;
	top: 0px;
filter:alpha(opacity:0);
	opacity: 0;
	margin-left: -41px;
	cursor: pointer;
	float: left;
	width: 300px;
}
#im .right .body .more {
	float: left;
	width: 100%;
	cursor: pointer;
	color: #999;
}#im .right .t .cs {
	float: right;
	width: 80px;
	margin-top: 12px;
}
#im .right .t .cs label {
	float: left;
	margin-top: 2px;
}
#im .right .t .cs font {
	float: left;
	margin-left: 5px;
}
#im .right .marker .tool i[emoj]{
	overflow: visible;
}
#emoj {
	background-color: #FFF;
	height: 173px;
	width: 300px;
	border: 1px solid #CCC;
	position: absolute;
	left: -13px;
	top: -181px;
	z-index: 50;
	font-style: normal;
	font-size: 12px;
	cursor: auto;
}
#emoj::before {
	content: "";
	float: left;
	height: 10px;
	width: 10px;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #FFFFFF;
	position: absolute;
	left: 14px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	bottom: -5px;
}
#emoj .tt {
	float: left;
	width: 100%;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-image: url(textarea.gif);
}
#emoj .tt font {
	line-height: 30px;
	margin-left: 10px;
}
#emoj .tt span {
	float: right;
	height: 16px;
	width: 16px;
	border: 1px dotted #000;
	border-radius: 10px;
	text-align: center;
	line-height: 12px;
	color: #000;
	font-size: 14px;
	margin-top: 7px;
	margin-right: 7px;
}#emoj .img {
	float: left;
	height: auto;
	width: 288px;
	margin: 6px;
	padding-top: 4px;
	padding-bottom: 6px;
}
#emoj .img img {
	float: left;
	border: 1px solid #FFF;
	height: 22px;
	width: 22px;
	cursor: pointer;
	background-image: none;
    filter:alpha(opacity:50);
	opacity: 0.5;
}
#emoj .img img:hover {
	border: 1px solid #F00;
    filter:alpha(opacity:100);
	opacity: 1;
}
#emoj .tt span:hover {
	color: #FF0;
	background-color: #000;
}

#batch {
	margin-left: 32px;
	float: left;
	width: 100%;
}
#batch .t {
	float: left;
	height: 30px;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
}
#batch .col-3 {
	width: 28%;
	margin-left: 2%;
}
#batch .col-3 .t {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}
#batch .col-3 .row button {
	width: 30%;
}#batch .jdt {
	float: left;
	height: auto;
	width: 100%;
}
#batch progress {
	float: left;
	width: 100%;
	border: 0px solid #FFF;
	height: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#batch .jdt span {
	font-size: 11px;
	float: left;
	width: 100%;
	color: #666;
}
#batch .jdt font {
	font-size: 11px;
	color: #F00;
	float: left;
	width: 100%;
}
#color .reportli,#xls {
	float: left;
	height: auto;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f4f4f4;
}
#xls {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f4f4f4;
	padding-bottom: 5px;
}
#color .reportli a {
	float: left;
	height: 120px;
	width: 120px;
	border: 1px solid #CCC;
	margin-top: 28px;
	margin-left: 28px;
	border-radius: 10px;
	background-color: #fafafa;
}
#color .reportli a i {
	float: left;
	width: 100%;
	font-size: 50px;
	color: #555;
	text-align: center;
	margin-top: 20px;
}
#color .reportli a font {
	line-height: 20px;
	float: left;
	height: 20px;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}
#roi {
	float: left;
	height: auto;
	width: 100%;
}
#roi .rt {
	float: left;
	height: auto;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4087EF;
	margin-top: 20px;
}
#roi .rt a {
	float: left;
	height: 30px;
	width: 92px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color: #999;
}
#roi .rt a[t="1"] {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #4087EF;
	border-right-color: #4087EF;
	border-left-color: #4087EF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #FFF;
	margin-bottom: -1px;
	color: #000;
}
#roi .tab {
	float: left;
	height: auto;
	width: 100%;
}

#roi .tab table strong {
	color: #000;
	font-weight: normal;
}
#think_page_trace_open{
	z-index: 5000;
}
#form .row .t font {
	float: left;
	width: auto;
}
#form .row .t i {
	font-size: 14px;
	float: left;
	margin-left: 10px;
	cursor: pointer;
	color: #F00;
}
#form .ztag {
	float: left;
	height: 100px;
	width: 500px;
	border: 1px solid #D9D9D9;
	margin-top: 10px;
}
#form .ztag .input {
	float: left;
	margin-top: 10px;
	border: 1px solid #eaeaea;
	margin-left: 10px;
	width: 100px;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
}
#form .ztag .input:hover:before {
	content: "x";
	color: #FFF;
	background-color: #F00;
	height: 10px;
	width: 10px;
	position: absolute;
	font-size: 10px;
	line-height: 8px;
	text-align: center;
}
#view .a p small{
	cursor: pointer;
	font-size: 12px;
	color: #FFF;
	background-color: #07B1FC;
	line-height: 18px;
	margin-left: 20px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 2px;
}#color .title .etj {
	float: left;
	color: #F00;
	margin-left: 40px;
}