html, body {
	margin: 0;
	padding: 0;
	font-size:12px;
	overflow-x:hidden;
	overflow-y:auto;
	background:#f6f6f6;
	min-width:1185px;
}
* {margin: auto; padding:0}
*:focus { outline: none; }
.familySong
{
	font-family:"宋体";
	font-size:12px;
}
ul {
	padding:0;
	margin:0;
	list-style:none;
}

.clear{
	magin:0;
	padding:0;
	clear:both;
}
#clone:hover{
	cursor:pointer;
}
/*头部样式开始*/
.webHeader
{
	background:url(../images/header_bg.gif) repeat-x;
	height:126px;
	float:left;
	width:100%;
	overflow:hidden;
	/*欢迎及登录信息开始*/
	.headerTopDefault
	{
		width:1100px;
		margin:0px auto;
		line-height:35px;
		.welcome
		{
			float:right;
			.familySong;
			color:#fff;
			text-shadow:none;
			margin-left:20px;
		}
		.loginText
		{

			float:right;
			margin-right:17px;
			.loginCon
			{
				list-style:none;
				padding:0px;
				.familySong;
				li
				{
					float:left;
					text-shadow:none;
					color:#fff;
					margin-left:20px;
					strong
					{
						font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
					}
					a
					{
						text-decoration:none;
						color:#fff;
						font-weight:200;
						transition: color .2s;
						&:hover
						{
							color:#a8a8a8;
						}
					}
					img
					{
						float:left;
						margin-top:10px;
						margin-right:5px;
					}
				}
			}
		}
	}
	.headerTop
	{
		width:100%;
		float:left;
		line-height:35px;
		.welcome
		{
			float:right;
			.familySong;
			color:#fff;
			text-shadow:none;
			margin-left:20px;
			a
			{
				text-decoration:none;
			}
		}
		.loginText
		{
			float:right;
			margin-right:17px;
			.loginCon
			{
				list-style:none;
				width:100%;
				padding:0px;
				li
				{
					float:left;
					text-shadow:none;
					color:#fff;
					margin-left:20px;
					strong
					{
						font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
					}
					a
					{
						text-decoration:none;
						color:#fff;
						font-weight:200;
						transition: color .2s;
                        float:left;
						&:hover
						{
							color:#a8a8a8;
						}
					}
					img
					{
						float:left;
						margin-top:10px;
						margin-right:5px;
					}
				}
			}
		}
	}
	/*欢迎及登录信息结束*/
	/*logo及保存预览开始*/
	.headerBtmDefault
	{
		width:1100px;
		margin:0px auto;
		.logo
		{
			background:url(../images/logoBg.png) no-repeat;
			height:97px;
			min-width:255px;
			float:left;
			text-align:right;
			img
			{
				margin-top:15px;
				float:left;
				margin-left:15px;
			}
		}
		.webStart
		{
			float:right;
			margin-right:25px;
			margin-top:23px;
			
			.templateSave
			{
				background:url(../images/templateSave.png) no-repeat;
				
				width:117px;
				height:40px;
				border:0px solid;
				cursor:pointer;
				transition: box-shadow .2s;
				-moz-transition: box-shadow .2s;
				-webkit-transition: box-shadow .2s;
				&:hover
				{
					box-shadow: 0px 0px 20px rgba(0,0,0,0.8) inset;
					box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
				}
			}
			.templateCode
			{
				background:url(../images/codeView.png);
				width:117px;
				height:40px;
				border:0px solid;
				cursor:pointer;
				transition: box-shadow .2s;
				-moz-transition: box-shadow .2s;
				-webkit-transition: box-shadow .2s;
				&:hover
				{
					box-shadow: 0px 0px 20px rgba(0,0,0,0.8) inset;
					box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
				}
			}
			.templateView
			{
				background:url(../images/templateView.png) no-repeat;
				width:167px;
				height:42px;
				border:0px solid;
				cursor:pointer;
				margin-left:10px;
				transition: box-shadow .2s;
				-moz-transition: box-shadow .2s;
				-webkit-transition: box-shadow .2s;
				&:hover
				{
					box-shadow: 0px 0px 20px rgba(0,0,0,0.8) inset;
					box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
				}
			}
		}
	}
	.headerBtm
	{
		width:100%;
		float:left;
		.logo
		{
			background:url(../images/logoBg.png) no-repeat;
			height:97px;
			min-width:340px;
			float:left;
			text-align:right;
			img
			{
				margin-top:15px;
				float:left;
				margin-left:15px;
			}
		}
		.webStart
		{
			float:right;
			margin-right:25px;
			margin-top:23px;
			.templateSave
			{
				background:url(../images/templateSave.png) no-repeat;
				width:117px;
				height:40px;
				border:0px solid;
				cursor:pointer;
				transition: box-shadow .2s;
				-moz-transition: box-shadow .2s;
				-webkit-transition: box-shadow .2s;
				&:hover
				{
					box-shadow: 0px 0px 20px rgba(0,0,0,0.8) inset;
					box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
				}
			}
			.templateView
			{
				background:url(../images/templateView.png) no-repeat;
				width:167px;
				height:42px;
				border:0px solid;
				cursor:pointer;
				margin-left:10px;
				transition: box-shadow .2s;
				-moz-transition: box-shadow .2s;
				-webkit-transition: box-shadow .2s;
				&:hover
				{
					box-shadow: 0px 0px 20px rgba(0,0,0,0.8) inset;
					box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
				}
			}
			.templateCode
			{
				background:url(../images/codeView.png) no-repeat;
				width:117px;
				height:40px;
				border:0px solid;
				cursor:pointer;
				transition: box-shadow .2s;
				-moz-transition: box-shadow .2s;
				-webkit-transition: box-shadow .2s;
				&:hover
				{
					box-shadow: 0px 0px 20px rgba(0,0,0,0.8) inset;
					box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
				}
			}
		}
	}
	/*logo及保存预览结束*/
}

/*头部样式结束*/



/*主体部分样式开始*/
.titleBackground
{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#fefefe));
	background: -moz-linear-gradient(top, #e5e5e5, #fefefe);
	background: -ms-linear-gradient(top, #e5e5e5, #fefefe);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#fefefe");
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#fefefe")"; 
}
.webContentMain
{
	width:100%;
	float:left;
	min-width:1100px;
	.pageLeftMain
	{
		width:253px;
		float:left;
		background:#fff;
		border-right:1px #e5e5e5 solid;
		.myPagesTitle
		{
			height:41px;
			line-height:41px;
			width:100%;
			float:left;
			border-bottom:1px #e5e5e5 solid;
			font-size:14px;
			text-shadow:-1px -1px 1px #e9e8e9;
			.titleBackground;
			span
			{
				margin-left:20px;
			}
			.myPageAddImg
			{
				background:url(../images/CompositeIndexIcon.png) no-repeat;
				background-position:-87px -34px;
				width:14px;
				height:15px;
				float:right;
				margin:15px 20px 0 0;
				cursor:pointer;
			}
			.myPageSorting
			{
				background:url(../images/table_insert.png) no-repeat;
				width:16px;
				height:16px;
				float:right;
				cursor:pointer;
				margin:14px 20px 0 0;
			}
			.myPageSortingSave
			{
				background:url(../images/save_as.png) no-repeat;
				width:16px;
				height:16px;
				float:right;
				cursor:pointer;
				margin:14px 20px 0 0;
			}
			.addPageMain
			{
				display:none;
				width:310px;
				height:76px;
				background:#64635f;
				border-radius:5px;
				position:absolute;
				margin:0px;
				z-index:9999;
				float:left;
				margin-left:250px;
				margin-top:-40px;
				box-shadow:1px 1px 2px #CCC;
				.addPageArrow
				{ 
					border-bottom: 10px solid rgba(0, 0, 0, 0);
					border-right: 10px solid #64635f;
					border-top: 10px solid rgba(0, 0, 0, 0);
					font-size: 0;
					height: 0;
					line-height: 0;
					width: 0;
					position:absolute;
					margin:0px;
					float:left;
					margin-left:-10px;
					margin-top:11px;
				}
				.addPageTop
				{
					width:100%;
					float:left;
					height:30px;
					line-height:30px;
					.addPageRadio
					{
						float:left;
						margin-left:15px;
						margin-top:9px;
						
					}
					span
					{
						margin:0px;
						float:left;
						margin-left:5px;
						margin-right:5px;
						font-family:"宋体";
						font-size:12px;
						color:#f3eed2;
						text-shadow:-1px -1px 1px #5b5a56;
					}
				}
				.addPageBtm
				{
					width:100%;
					float:left;
					input:nth-child(1) 
					{
						float:left;
						text-indent:10px;
						width:209px;
						border:0px solid;
						margin-left:15px;
						border-radius:5px;
						height:30px;
						line-height:30px;
						color:#585858;
					}
					input:nth-child(2)
					{
						float:left;
						width:39px;
						border-radius:5px;
						font-weight:bold;
						font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
						margin-left:6px;
						height:31px;
						line-height:29px;
						border:1px #639fc6 solid;
						background:#5c9ac2;
						color:#fff;
						text-shadow:-1px -1px 1px #5085a8;
						transition: background .2s;
						-moz-transition: background .2s,color .2s;
						-webkit-transition: background .2s,color .2s;
						&:hover
						{
							background:#487fa2;
							color:#a6cde6;
						}
					} 
				}
			}
		}
		.myPagesCon
		{
			width:100%;
			height:220px;
			height:320px;
			float:left;
			overflow:auto;
			.pagesTitle:nth-child(1)
			{
				width:95px;
				margin:7px auto 5px;
				color:#209dd1;
				height:18px; float:left; margin-left:15px; font-size:14px;
				i
				{
					width:21px; 
					height:21px;
					display:inline-block;
					background:url(../images/CompositeIndexIcon.png) no-repeat;
					background-position:-51px -31px;
					float:left;
				}
				span
				{
					float:left;
					margin-left:5px;
					margin-top:4px;
				}
			}
			.pagesTitle:nth-child(2)
			{
				width:95px;
				margin:7px auto 5px;
				color:#209dd1;
				height:18px; float:left; margin-left:15px; font-size:14px;
				i
				{
					width:21px; 
					height:21px;
					display:inline-block;
					background:url(../images/CompositeIndexIcon.png) no-repeat;
					background-position:-52px -55px;
					float:left;
				}
				span
				{
					float:left;
					margin-left:5px;
					margin-top:4px;
				}
			}
			.pageListView
			{
				width:90%;
				list-style:none;
				margin:0px auto;
				margin-top:5px;
				padding:0px;
				li
				{
					height:26px;
					line-height:26px;
					float:left;
					width:100%;
					.pagelistViewIconleft
					{
						background:url(../images/pagelistbg.gif) no-repeat;
						float:left;
						margin-left:12px;
						width:20px;
						height:26px;
					}
					.pagelistViewIconleftControl
					{
						background:url(../images/controlbg.png) no-repeat;
						float:left;
						margin-left:12px;
						width:20px;
						height:26px;
					}
					img
					{
						float:left;
						margin-top:7px;
						margin-left:2px	
					}
					.pagelistbgIcon
					{
						width:10px;
						height:12px;
						background:url(../images/pagelistbgIcon.gif);
						background-repeat:no-repeat;
						position:relative;
						float:left;
						margin-top:7px;
						margin-left:2px;
						&:before
						{
							content:"";
							width:10px;
							height:12px;
							position:absolute;
							z-index:999;
							left:0;
							top:0;
							margin:0;
							padding:0;
							background:url(../images/pagelistbgIcon1.gif) no-repeat;
							opacity:0;
							transition:all .5s;
							-ms-transition:all .5s;
							-moz-transition:all .5s;
							-webkit-transition:all .5s;
						}
					}
					.pagelistText
					{
						transition:all .5s;
						-webkit-transition:all .5s;
						-moz-transition:all .5s;
						-ms-transition:all .5s ;
						float:left;
						width:170px;
						height:26px;
						text-indent:5px;
						margin-left:5px;
						line-height:26px;
						color:#3e3d3b;
						.pageNameValue
						{
							float:left;
							width:140px;
							height:25px;
							overflow:hidden;
							position:relative;
						}
						.pagesSet
						{
							background:url(../images/pageSet.png) no-repeat;
							width:14px;
							height:14px;
							cursor:pointer;
							float:right;
							margin:6px;
							opacity:0;
							transition:all .5s;
							-webkit-transition:all .5s;
							-moz-transition:all .5s;
							-ms-transition:all .5s ;
						}
						.pageListNew
						{
							display:none;
							background:#64635f;
							width:87px;
							height:90px;
							position:fixed;
							float:left;
							border-radius:5px;
							left:240px;
							z-index:9999;
							.pageListNewArrow
							{
								border-bottom: 10px solid rgba(0, 0, 0, 0);
								border-right: 10px solid #64635f;
								border-top: 10px solid rgba(0, 0, 0, 0);
								font-size: 0;
								height: 0;
								line-height: 0;
								width: 0;
								position:fixed;
								z-index:6666;
								margin:0px;
								float:left;
								margin-left:-10px;
								margin-top:11px;
							}
							.pageListNewTop
							{
								width:100%;
								margin-top:5px;
								position:relative;
								img
								{
									float:left;
									margin-left:10px;
								}
								a
								{
									color:#f3eed2;
									text-shadow:-1px -1px 1px #5b5a56;
									text-decoration:none;
									&:hover
									{
										text-decoration:underline;
									}
								}
							}
							.pageListNewBtm
							{
								width:100%;
								margin:0px auto;
								img
								{
									float:left;
									margin-left:10px;
								}
								a
								{
									color:#f3eed2;
									text-shadow:-1px -1px 1px #5b5a56;
									text-decoration:none;
									&:hover
									{
										text-decoration:underline;
									}
								}
							}
						}
						.addPage
						{
							display:none;
							width:279px;
							height:76px;
							background:#64635f;
							border-radius:5px;
							z-index:9999;
							padding:0px;
							position:fixed;
							left:240px;
							box-shadow:1px 1px 2px #CCC;
							.addPageArrow
							{ 
								border-bottom: 10px solid rgba(0, 0, 0, 0);
								border-right: 10px solid #64635f;
								border-top: 10px solid rgba(0, 0, 0, 0);
								font-size: 0;
								height: 0;
								line-height: 0;
								width: 0;
								position:absolute;
								margin:0px;
								float:left;
								margin-left:-10px;
								margin-top:11px;
							}
							.addPageTop
							{
								width:100%;
								float:left;
								height:30px;
								line-height:30px;
								.addPageRadio
								{
									float:left;
									margin-left:15px;
									margin-top:9px;
									display:block;
									position:relative;
									background:none;
								}
								span
								{
									margin:0px;
									float:left;
									margin-left:5px;
									margin-right:15px;
									font-family:"宋体";
									font-size:12px;
									color:#f3eed2;
									text-shadow:-1px -1px 1px #5b5a56;
								}
							}
							.addPageBtm
							{
								width:100%;
								float:left;
								input:nth-child(1) 
								{
									float:left;
									text-indent:10px;
									width:209px;
									border:0px solid;
									margin-left:15px;
									border-radius:5px;
									height:30px;
									line-height:30px;
									color:#585858;
								}
								input:nth-child(2)
								{
									float:left;
									width:39px;
									border-radius:5px;
									font-weight:bold;
									font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
									margin-left:6px;
									height:31px;
									line-height:29px;
									border:1px #639fc6 solid;
									background:#5c9ac2;
									color:#fff;
									text-shadow:-1px -1px 1px #5085a8;
									transition: background .2s;
									-moz-transition: background .2s,color .2s;
									-webkit-transition: background .2s,color .2s;
									&:hover
									{
										background:#487fa2;
										color:#a6cde6;
									}
								} 
							}
						}
					}
					&:hover
					{
/*						.pagelistbgIcon:before
						{
							opacity:1;
						}*/
						.pagelistText
						{
							cursor:pointer;
							background:rgba(212,238,253,1);
							.pagesSet
							{
								opacity:1;
							}
						}
					}
				}
				li:nth-last-child(1)
				{
					.pagelistViewIconleft
					{
						background:url(../images/pagelistbglast.gif) no-repeat;
						float:left;
						margin-left:12px;
						width:20px;
						height:26px;
					}
					.pagelistViewIconleftControl
					{
						background:url(../images/controlbg.png) no-repeat;
						float:left;
						margin-left:12px;
						width:20px;
						height:26px;
					}
				}
			}
		}
		.PagePropertiesTitle
		{
			height:41px;
			line-height:41px;
			width:100%;
			float:left;
			border-bottom:1px #e5e5e5 solid;
			font-size:14px;
			text-shadow:-1px -1px 1px #e9e8e9;
			.titleBackground;
			span
			{
				margin-left:10px;
			}
			i{
			   width:20px;
			   height:25px;
			   float:left;
			   margin-top:9px;
			   margin-left:20px;
			   background:url(../images/CompositeIndexIcon.png) no-repeat;
			   background-position:-1px -25px;
			}
			label
			{
				margin-left:20px;
			}
		}
		.PagePropertiesCon
		{
			width:232px;
			float:right;
			text-align:left;
			position:relative;
			overflow:hidden;
			min-height:412px;
			.showNav
			{
				width:100%;
				float:left;
				margin-top:20px;
				input
				{
					float:left;
					cursor:pointer;
				}
				span
				{
					float:left;
					color:#3e3d3b;
					margin-left:10px;
					cursor:pointer;
				}
			}
			.pagename
			{
				width:100%;
				float:left;
				line-height:32px;
				height:34px;
				margin-top:20px;
				span
				{
					float:left;
					color:#3e3d3b;
					
				}
				.pageNameTextph
				{
					width:132px;
					height:30px;
					line-height:30px;
					border:1px #d7d7d7 solid;
					border-radius:5px;
					text-indent:10px;
					color:#585858;
				}
			}
			.pageIcon
			{
				width:213px;
				float:left;
				height:34px;
				line-height:34px;
				margin-top:15px;
				span
				{
					float:left;
					color:#3e3d3b;
					
				}
				.pageIconImg
				{
					float:left;
					width:22px;
					height:22px;
					margin-top:6px;
					background:#888888;
					position:relative;
					
					.pageIconImgIcon
					{
						outline:1px rgba(197,197,197,1.00) solid;
						outline-offset:1px;
						float:left;
						width:22px;
						height:22px;
					}
					.pageIConClose
					{
						position:absolute;
						top:-17px;
						right:-17px;
						visibility:hidden;
						transition:opacity .5s;
						-moz-transition:opacity .5s;
						-webkit-transition:opacity .5s;
						i{
						background:url(../images/CompositeIndexIcon.png) no-repeat;
						background-position:-30px -56px;
						width:17px;
						height:17px;
						display:block;
						cursor:pointer;
						}
					}
					&:hover
					{
						.pageIConClose
						{
							visibility:visible;
						}
					}
				}
				Img
				{
					float:left;
					margin-top:9px;
				}
				.selectPageIcon
				{
					float:right;
					margin-right:17px;
					i
					{
						float:left;
						width:15px; 
						height:15px;
						background:url(../images/CompositeIndexIcon.png) no-repeat;
						background-position:-36px -34px;
						margin-top: 10px;
					}
					a
					{
						float:left;
						text-decoration:none;
						color:#585858;
						margin-left:5px;
						transition: color .2s;
						-moz-transition: color .2s;
						-webkit-transition: color .2s;
						&:hover
						{
							color:#999;
						}
					}
				}
			}
			.PageBackground
			{
				width:213px;
				float:left;
				height:34px;
				line-height:34px;
				span
				{
					float:left;
					color:#3e3d3b;
					
				}
				.PageBackgroundImg
				{
					float:left;
					width:21px;
					height:21px;
					margin-top:6px;
					position:relative;
					.PageBackgroundImgIcon
					{
						float:left;
						width:21px;
						height:21px;
						outline:1px rgba(197,197,197,1.00) solid;
						outline-offset:1px;
					}
					.pageIConClose
					{
						position:absolute;
						top:-17px;
						right:-17px;
						visibility:hidden;
						transition:opacity .5s;
						-moz-transition:opacity .5s;
						-webkit-transition:opacity .5s;
					}
					&:hover
					{
						.pageIConClose
						{
							visibility:visible;
						}
					}
				}
				Img
				{
					float:left;
					margin-top:9px;
				}
				.selectPageBackground
				{
					float:right;
					margin-right:17px;
					i
					{
						float:left;
						background:url(../images/CompositeIndexIcon.png) no-repeat;
						background-position:-121px -36px;
						height:11px;
						width:14px;
						margin-top:12px;
					}
					a
					{
						float:left;
						text-decoration:none;
						color:#585858;
						margin-left:5px;
						transition: color .2s;
						-moz-transition: color .2s;
						-webkit-transition: color .2s;
						&:hover
						{
							color:#999;
						}
					}
				}
			}			
			.superLink
			{
				width:213px;
				float:left;
				line-height:32px;
				span
				{
					float:left;
					color:#3e3d3b;
					
				}
				img
				{
					float:left;
					margin-top:9px;
				}
				.superLinkIcon
				{
					float:right;
					margin-right:17px;
					i
					{
						float:left;
						background:url(../images/CompositeIndexIcon.png) no-repeat;
						background-position:-22px -34px;
						width:15px;
						height:15px;
						margin-top:10px;
					}
					a
					{
						float:left;
						text-decoration:none;
						color:#585858;
						margin-left:5px;
						transition: color .2s;
						-moz-transition: color .2s;
						-webkit-transition: color .2s;
						&:hover
						{
							color:#999;
						}
					}
				}
				.superLinkInput
				{
					width:194px;
					float:left;
					height:31px;
					line-height:31px;
					text-indent:10px;
					border-radius:5px;
					border:1px #d7d7d7 solid;
				}
			}
			.webAttTitle
			{
				width:93%;
				float:left;
				cursor:pointer;
				margin-top:10px;
				.attTitleText
				{
					width:200px;
					float:left;
					height:25px;
					line-height:25px;
					span
					{
						float:left;
						color:#3e3d3b;
					}
					img
					{
						float:right;
						margin:10px;
					}
					transition: background .2s;
					-moz-transition: background .2s;
					-webkit-transition: background .2s;
					&:hover
					{
						background:#e5e5e5;
					}
				}
				
				.attTitleCon
				{
					width:100%;
					float:left;
					margin-top:5px;
					.webAttTitleInput
					{
						width:194px;
						float:left;
						height:31px;
						line-height:31px;
						text-indent:10px;
						border-radius:5px;
						border:1px #d7d7d7 solid;
					}
				}
			}
			.webKeyWord
			{
				width:93%;
				float:left;
				cursor:pointer;
				margin-top:10px;
				.KeyWordText
				{
					width:200px;
					float:left;
					height:25px;
					line-height:25px;
					span
					{
						float:left;
						color:#3e3d3b;
					}
					img
					{
						float:right;
						margin:10px;
					}
					transition: background .2s;
					-moz-transition: background .2s;
					-webkit-transition: background .2s;
					&:hover
					{
						background:#e5e5e5;
					}
				}
				.KeyWordCon
				{
					width:100%;
					float:left;
					margin-top:5px;
					.KeyWordTextarea
					{
						width:193px;
						float:left;
						height:95px;
						line-height:23px;
						padding:5px;
						border-radius:5px;
						border:1px #d7d7d7 solid;
					}
				}
			}
		}
	}
	.pageCenterMain       /*中间手机部分*/
	{
		width:auto;
		float:left;
		min-width:400px;
		position:relative;
		.phone
		{
			background:url(../images/phone.png) no-repeat;
			width:348px;
			height:694px;
			margin:0px auto;
			margin-top:20px;
			z-index:1;
			position:relative;
            .infoImgBox
            {
                position: absolute;
                top:25px;
                right:20px;
                cursor: pointer;
				width:24px; 
				height:24px;
				i{
				background:url(../images/CompositeIndexIcon.png) no-repeat;
				background-position:-135px -30px;
				width:24px; 
				height:24px;
				display:block;

				}
            }
			.infoRevoke
            {
                position:absolute;
				height:45px;
				width:35px;
				border-left:0;
				display:block;
				line-height:35px;
				text-align:center;
				right:-35px; 
				border-radius:0 5px 5px 0;
				cursor: pointer;
            }
			.infoRevoke1
            {
               top:133px;
			   border:1px solid #ccc; 
			   i{
				background:url(../images/CompositeIndexIcon.png) no-repeat;
				background-position:-71px -57px;
				width:17px; 
				height:17px;
				display:block;
				margin:14px 0 0 7px;
				}
			}
			.infoRevoke11
			{ 
				background:#f1f0f0;
			 	border:1px solid #e2dfdf;
				top:133px;
				i{
				background:url(../images/CompositeIndexIcon.png) no-repeat;
				background-position:-104px -57px;
				width:17px; 
				height:17px;
				display:block;
				margin:14px 0 0 7px;

				}
            }
			.infoRevoke2
            {
				border:1px solid #ccc;
				top:184px;
				i{
				background:url(../images/CompositeIndexIcon.png) no-repeat;
				background-position:-88px -57px;
				width:17px; 
				height:17px;
				display:block;
				margin:14px 0 0 7px;

				}
            }
			.infoRevoke21
            {
                
				background:#f1f0f0;
				border:1px solid #e2dfdf;
				top:184px;
				i{
				background:url(../images/CompositeIndexIcon.png) no-repeat;
				background-position:-120px -57px;
				width:17px; 
				height:17px;
				display:block;
				margin:14px 0 0 7px;

				}
            }
            .informationBox
            {
                width: 340px;
                height: 700px;
                background:white;
                border: 1px solid #d2d2d2;
                border-radius:20px;
                position:absolute;
                top:-5px;
                right:-370px;
                z-index: 999999;
                box-shadow: 0 0 10px rgba(0,0,0,.2);
                i
                {
                    width:0px; 
                    height:0px;
                    border-top-width:17px;
                    border-bottom-width:17px;
                    border-right-width:17px;
                    border-color:transparent #d2d2d2 transparent transparent;
                    border-style:dashed solid dashed dashed;
                    position:absolute;
                    left:-22px;
                    top:100px;
                    &:before
                    {
                        content:"";
                        width:0px; 
                        height:0px;
                        position: absolute;
                        border-top-width:17px;
                        border-bottom-width:17px;
                        border-right-width:17px;
                        border-color:transparent #f4f4f4 transparent transparent;
                        border-style:dashed solid dashed dashed;
                        top:-17px;
                        left:-1px;
                        box-shadow: 2px 0 10px rgba(0,0,0,.2) inset;
                    }
                }
                .informationClose
                {
                    width:35px;
                    height:35px;
                    background-image:url(../images/informationClose.png);
                    background-color: white;
                    background-position: center center;
                    background-repeat: no-repeat;
                    position:absolute;
                    border: 1px solid #d2d2d2;
                    top:-15px;
                    z-index: 9999;
                    right: -15px;
                    box-shadow: 0 0 5px rgba(0,0,0,.2);
                    border-radius:50%;
                    cursor:pointer;
                    transition: all .3s;
                    -moz-transition: all .3s;
                    -ms-transition: all .3s;
                    -webkit-transition: all .3s;
                    &:hover
                    {
                        transform: rotate(90deg);
                        -ms-transform: rotate(90deg);	
                        -webkit-transform: rotate(90deg);
                        -moz-transform: rotate(90deg);	
                        box-shadow: 0 0 10px rgba(0,0,0,.3);
                    }
                }
                .info_title
                {
                    font-family:"微软雅黑";
                    font-size: 20px;
                    font-weight: bold;
                    text-align:center;
                    margin:20px 0 15px;
                    color: #585858;
					position:relative;
                    span
                    {
                        vertical-align:middle;
                        
                        margin-right:15px;
						background:url(../images/CompositeIndexIcon.png) no-repeat;
						background-position:0 -52px;
						width:27px;
						height:22px;
						position:absolute;
						left:50px;

                    }
                }
                .compositeBox
                {
                    height:150px;
                    text-align:center;
                    position: relative;
                    text-align: center;
                    .canvasText
                    {
                        position: absolute;
                        top: 45px;
                        left: 50%;
                        margin-left: -49px;
                        width:100px;
                        h1
                        {
                            font-size: 34px;
                            font-family: arial;
                            height: 35px;
                            margin-bottom: 5px;
                        }
                        p
                        {
                            font-size: 14px;
                            color:#a6a7aa;
                        }
                    }
                    .dangerous
                    {
                        position: absolute;
                        top: 0;
                        right: 0;
                        margin-right: 23px;
						cursor:pointer;
						span
						{
							position:relative;
							left:11px;
						}
						.veryPoor
						{
							width: 17px;
							height: 17px;
							background: url(../images/CompositeIndexIcon.png);
							background-position: -63px 0px;
							background-repeat: no-repeat;
							float: right;
							margin-top: 7px;
							margin-left: 7px;
							margin-right: 12px;
							
							animation: icon_popup 3s linear 0s infinite;
							-moz-animation: icon_popup 3s linear 0s infinite;	
							-webkit-animation: icon_popup 3s linear 0s infinite;	
							-ms-animation: icon_popup 3s linear 0s infinite;
						}
						.good
						{
							width: 17px;
							height: 17px;
							background: url(../images/CompositeIndexIcon.png);
							background-position: -79px 0px;
							background-repeat: no-repeat;
							float: right;
							margin-top: 7px;
							margin-left: 7px;
							margin-right: 12px;
						}
						.general
						{
							width: 17px;
							height: 17px;
							background: url(../images/CompositeIndexIcon.png);
							background-position: -96px 0px;
							background-repeat: no-repeat;
							float: right;
							margin-top: 7px;
							margin-left: 7px;
							margin-right: 12px;
						}
                    }
                }
                .compositeIndex
                {
                    font-family:"微软雅黑";
                    font-size:16px;
                    text-align: center;
                    margin-top:5px;
                    font-weight: bold;
                }
                .mobileSeo
                {
                    margin: 10px;
                    border:1px solid rgba(0,0,0,.1);
                    .mobileSeoTitle
                    {
                        height: 35px;
                        .mobileSeoTitleName
                        {
                            padding:7px;
                            float:left;
                            text-indent: 7px;
                            font-family:"微软雅黑";
                            font-size:14px;
                            span
                            {
                                width: 16px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: 0px 0px;
                                background-repeat: no-repeat;
                                float: left;
                                margin-top:2px;
                            }
                        }
                        .score
                        {
                            float: right;
                            line-height: 32px;
                            font-size:17px;
							font-family:"微软雅黑";
                            .veryPoor
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -63px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                                animation: icon_popup 3s linear 0s infinite;
                                -moz-animation: icon_popup 3s linear 0s infinite;	
                                -webkit-animation: icon_popup 3s linear 0s infinite;	
                                -ms-animation: icon_popup 3s linear 0s infinite;
                            }
                            .good
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -79px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                            .general
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -96px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                        }
                    }
                    .loadingInfo
                    {
                        text-align: left;
                        margin: 7px;
                        height: 21px;
                        background:rgba(0,0,0,.1);
                        #seoVal
                        {
                            height:21px;
                            width:0%;
                            transition: all 1s ease-out 2s;
                            transition: all 1s ease-out 2s;
                            background-image: url(../images/loadingInfo.png);
                            background-position:0 100%;
                            background-repeat: no-repeat;
                            animation: loadingBar 10s linear 0s infinite;
                            -moz-animation: loadingBar 10s linear 0s infinite;
                            -ms-animation: loadingBar 10s linear 0s infinite;
                            -webkit-animation: loadingBar 10s linear 0s infinite;
                            float:left;
                            position: relative;
                            
                            span
                            {
                                font-size: 14px;
                                position: absolute;
                                right: -35px;
                                color:black;
                                top: 0;
                                transition: all .3s linear 0s;
                                -moz-transition: all .3s linear 0s;
                                -ms-transition: all .3s linear 0s;
                                -webkit-transition: all .3s linear 0s;
                            }
                        }
                        
                    }
                }
                .wechatBox
                {
                    margin: 10px;
                    border:1px solid rgba(0,0,0,.1);
                    .wechatBoxTitle
                    {
                        height: 35px;
                        .wechatBoxTitleName
                        {
                            padding:7px;
                            float:left;
                            text-indent: 7px;
                            font-family:"微软雅黑";
                            font-size:14px;
                            span
                            {
                                width: 16px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -16px 0px;
                                background-repeat: no-repeat;
                                float: left;
                                margin-top:2px;
                            }
                        }
                        .score
                        {
                            float: right;
                            line-height: 30px;
                            font-size:17px;
                            font-family: "微软雅黑";
                            .veryPoor
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -63px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                                animation: icon_popup 3s linear 0s infinite;
                                -moz-animation: icon_popup 3s linear 0s infinite;	
                                -webkit-animation: icon_popup 3s linear 0s infinite;	
                                -ms-animation: icon_popup 3s linear 0s infinite;
                            }
                            .good
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -79px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                            .general
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -96px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                        }
                    }
                    .loadingInfo
                    {
                        text-align: left;
                        margin: 7px;
                        height: 21px;
                        background:rgba(0,0,0,.1);
                        #wechatBoxVal
                        {
                            height:21px;
                            width:0%;
                            transition: all 1s ease-out 2s;
                            transition: all 1s ease-out 2s;
                            background-image: url(../images/loadingInfo.png);
                            background-position:0 100%;
                            background-repeat: no-repeat;
                            animation: loadingBar 10s linear 0s infinite;
                            -moz-animation: loadingBar 10s linear 0s infinite;
                            -ms-animation: loadingBar 10s linear 0s infinite;
                            -webkit-animation: loadingBar 10s linear 0s infinite;
                            float:left;
                            position: relative;
                            
                            
                            span
                            {
                                font-size: 14px;
                                position: absolute;
                                right: -35px;
                                color:black;
                                top: 0;
                                transition: all .3s linear 0s;
                                -moz-transition: all .3s linear 0s;
                                -ms-transition: all .3s linear 0s;
                                -webkit-transition: all .3s linear 0s;
                            }
                        }
                    }
                }
				
				
				
				.loadpingTime
                {
                    margin: 10px;
                    border:1px solid rgba(0,0,0,.1);
                    .loadpingTimeTitle
                    {
                        height: 35px;
                        .loadpingTimeTitleName
                        {
                            padding:7px;
                            float:left;
                            text-indent: 7px;
                            font-family:"微软雅黑";
                            font-size:14px;
                            span
                            {
                                width: 15px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -32px 0px;
                                background-repeat: no-repeat;
                                float: left;
                                margin-top:2px;
                            }
                        }
                        .score
                        {
                            float: right;
                            line-height: 30px;
                            font-size:17px;
                            font-family: "微软雅黑";
                            .veryPoor
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -63px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                                animation: icon_popup 3s linear 0s infinite;
                                -moz-animation: icon_popup 3s linear 0s infinite;	
                                -webkit-animation: icon_popup 3s linear 0s infinite;	
                                -ms-animation: icon_popup 3s linear 0s infinite;
                            }
                            .good
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -79px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                            .general
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -96px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                            
                        }
                    }
                    #loadpingTime
                    {
                        height:40px;
                        line-height: 40px;
                        font-size:22px;
                        text-align: center;
                        margin-top: 4px;
                    }
                }
				
				
                .stoppingTime
                {
                    margin: 10px;
                    border:1px solid rgba(0,0,0,.1);
                    .stoppingTimeTitle
                    {
                        height: 35px;
                        .stoppingTimeTitleName
                        {
                            padding:7px;
                            float:left;
                            text-indent: 7px;
                            font-family:"微软雅黑";
                            font-size:14px;
                            span
                            {
                                width: 15px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -32px 0px;
                                background-repeat: no-repeat;
                                float: left;
                                margin-top:2px;
                            }
                        }
                        .score
                        {
                            float: right;
                            line-height: 30px;
                            font-size:17px;
                            font-family: "微软雅黑";
                            .veryPoor
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -63px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                                animation: icon_popup 3s linear 0s infinite;
                                -moz-animation: icon_popup 3s linear 0s infinite;	
                                -webkit-animation: icon_popup 3s linear 0s infinite;	
                                -ms-animation: icon_popup 3s linear 0s infinite;
                            }
                            .good
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -79px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                            .general
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -96px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                            
                        }
                    }
                    #stoppingTime
                    {
                        height:40px;
                        line-height: 40px;
                        font-size:22px;
                        text-align: center;
                        margin-top: 4px;
                    }
                }
                .bounceRateBox
                {
                    margin: 10px;
                    border:1px solid rgba(0,0,0,.1);
                    .bounceRateTitle
                    {
                        height: 35px;
                        .bounceRateTitleName
                        {
                            padding:7px;
                            float:left;
                            text-indent: 7px;
                            font-family:"微软雅黑";
                            font-size:14px;
                            span
                            {
                                width: 15px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -47px 0px;
                                background-repeat: no-repeat;
                                float: left;
                                margin-top:2px;
                            }
                        }
                        .score
                        {
                            float: right;
                            line-height: 30px;
                            font-size:17px;
                            font-family: "微软雅黑";
                            .veryPoor
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -63px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                                animation: icon_popup 3s linear 0s infinite;
                                -moz-animation: icon_popup 3s linear 0s infinite;	
                                -webkit-animation: icon_popup 3s linear 0s infinite;	
                                -ms-animation: icon_popup 3s linear 0s infinite;
                            }
                            .good
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -79px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                            .general
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -96px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                        }
                    }
                    .loadingInfo
                    {
                        text-align: left;
                        margin: 7px;
                        height: 21px;
                        background:rgba(0,0,0,.1);
                        #bounceRateVal
                        {
                            height:21px;
                            width:0%;
                            transition: all 1s ease-out 2s;
                            transition: all 1s ease-out 2s;
                            background-image: url(../images/loadingInfo.png);
                            background-position:0 100%;
                            background-repeat: no-repeat;
                            animation: loadingBar 10s linear 0s infinite;
                            -moz-animation: loadingBar 10s linear 0s infinite;
                            -ms-animation: loadingBar 10s linear 0s infinite;
                            -webkit-animation: loadingBar 10s linear 0s infinite;
                            float:left;
                            position: relative;
                            
                            span
                            {
                                font-size: 14px;
                                position: absolute;
                                right: -35px;
                                color:black;
                                top: 0;
                                transition: all .3s linear 0s;
                                -moz-transition: all .3s linear 0s;
                                -ms-transition: all .3s linear 0s;
                                -webkit-transition: all .3s linear 0s;
                            }
                        }
                    }
                }
                .loadSpeedBox
                {
                    margin: 10px;
                    border:1px solid rgba(0,0,0,.1);
                    .loadSpeedTitle
                    {
                        height: 30px;
                        .loadSpeedTitleName
                        {
                            padding:7px;
                            float:left;
                            text-indent: 7px;
                            font-family:"微软雅黑";
                            font-size:14px;
                            span
                            {
                                width: 15px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -156px 0px;
                                background-repeat: no-repeat;
                                float: left;
                                margin-top:2px;
                            }
                        }
                        .score
                        {
                            float: right;
                            line-height: 30px;
                            font-size:17px;
                            font-family: "微软雅黑";
                            .veryPoor
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -63px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                                animation: icon_popup 3s linear 0s infinite;
                                -moz-animation: icon_popup 3s linear 0s infinite;	
                                -webkit-animation: icon_popup 3s linear 0s infinite;	
                                -ms-animation: icon_popup 3s linear 0s infinite;
                            }
                            .good
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -79px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                            .general
                            {
                                width: 17px;
                                height: 17px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -96px 0px;
                                background-repeat: no-repeat;
                                float: right;
                                margin-top: 7px;
                                margin-left: 2px;
                                margin-right: 12px;
                            }
                        }
                    }
                    .loadSpeedList
                    {
                        margin-top: 6px;
                        li
                        {
                            padding: 15px;
                            border-bottom:1px solid rgba(0,0,0,.1);
                            background:white;
                            text-indent: 10px;
                            &:nth-child(1)
                            {
                                border-top:1px solid rgba(0,0,0,.1);
                            }
                            .g2
                            {
                                width:12px;
                                height:21px;
                                background:url(../images/CompositeIndexIcon.png);
                                background-position: -171px 0px;
                                background-repeat: no-repeat;
                                float:left;
                                margin-top: -2px;
                            }
                            .g3
                            {
                                width:12px;
                                height:21px;
                                background:url(../images/CompositeIndexIcon.png);
                                background-position: -183px 0px;
                                background-repeat: no-repeat;
                                float:left;
                                margin-top: -2px;
                            }
                            .g4
                            {
                                width:15px;
                                height:11px;
                                background:url(../images/CompositeIndexIcon.png);
                                background-position: -195px 0px;
                                background-repeat: no-repeat;
                                float:left;
                                margin-top: 1px;
                            }
                            .loadSpeedTime
                            {
                                float:right;
                                img
                                {
                                    margin-top:-2px;
                                    margin-left: 8px;
                                }
                            }
                        }
                    }
                }
                .pageviewBox
                {
                    margin: 10px;
                    border:1px solid rgba(0,0,0,.1);
                    background: white;
                    .pageviewTitle
                    {
                        height: 30px;
                        .pageviewTitleName
                        {
                            padding:7px;
                            float:left;
                            text-indent: 7px;
                            font-family:"微软雅黑";
                            font-size:14px;
                            span
                            {
                                width: 16px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -113px 0px;
                                background-repeat: no-repeat;
                                float: left;
                                margin-top:2px;
                            }
                        }
                        .statistics
                        {
                            float: right;
                            line-height: 30px;
                            font-size:15px;
                            font-family: "微软雅黑";
                            color:black;
                            margin-right:10px;
                        }
                    }
                    .pageviewList
                    {
                        margin-top: 5px;
                        li
                        {
                            width:50%;
                            display: inline-block;
                            text-align: center;
                            padding:10px 0;
                            border-top:1px solid rgba(0,0,0,.1);
                            font-size:15px;
                            font-family: "微软雅黑";
                            &:nth-child(1)
                            {
                                border-right:1px solid rgba(0,0,0,.1);
                            }
                            .andriod
                            {
                                width:12px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -129px 0px;
                                background-repeat: no-repeat;
                                display: inline-table;
                                position: relative;
                                top:3px;
                                right:10px;
                            }
                            .ios
                            {
                                width:15px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -141px 0px;
                                background-repeat: no-repeat;
                                display: inline-table;
                                position: relative;
                                top:3px;
                                right:10px;
                            }
                        }
                    }
                }
                .uniqueVisitorsBox
                {
                    margin: 10px;
                    border:1px solid rgba(0,0,0,.1);
                    background: white;
                    .uniqueVisitorsTitle
                    {
                        height: 30px;
                        .uniqueVisitorsTitleName
                        {
                            padding:7px;
                            float:left;
                            text-indent: 7px;
                            font-family:"微软雅黑";
                            font-size:14px;
                            span
                            {
                                width: 10px;
                                height: 14px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -210px 0px;
                                background-repeat: no-repeat;
                                float: left;
                                margin-top:2px;
                            }
                        }
                        .statistics
                        {
                            float: right;
                            line-height: 30px;
                            font-size:15px;
                            font-family: "微软雅黑";
                            color:black;
                            margin-right:10px;
                        }
                    }
                    .uniqueVisitorsList
                    {
                        margin-top: 5px;
                        li
                        {
                            width:50%;
                            display: inline-block;
                            text-align: center;
                            padding:10px 0;
                            border-top:1px solid rgba(0,0,0,.1);
                            font-size:15px;
                            font-family: "微软雅黑";
                            &:nth-child(1)
                            {
                                border-right:1px solid rgba(0,0,0,.1);
                            }
                            .andriod
                            {
                                width:12px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -129px 0px;
                                background-repeat: no-repeat;
                                display: inline-table;
                                position: relative;
                                top:3px;
                                right:10px;
                            }
                            .ios
                            {
                                width:15px;
                                height: 16px;
                                background: url(../images/CompositeIndexIcon.png);
                                background-position: -141px 0px;
                                background-repeat: no-repeat;
                                display: inline-table;
                                position: relative;
                                top:3px;
                                right:10px; 
                            }
                        }
                    }
                }
            }
			.mobileWeb
			{
				width:339px;
				height:552px;
				float:left;
				margin-left:5px;
				margin-top:81px;
				overflow-x:hidden;
				position:relative;
			}
		}
	}
	.pageRightMain
	{
		width:190px;
		float:right;
		margin-right:5px;
		background:#fff;
		border-left:1px #e5e5e5 solid;
		border-right:1px #e5e5e5 solid;
		border-bottom:1px #e5e5e5 solid;
		padding:0px;
		position:relative;
		z-index:1;
		.PagePropertiesTitle
		{
			height:41px;
			line-height:41px;
			width:100%;
			float:left;
			text-align:center;
			border-bottom:1px #e5e5e5 solid;
			font-size:14px;
			text-shadow:-1px -1px 1px #e9e8e9;
			.titleBackground;
			span
			{
				width:100%;
				text-align:center;
			}
		}
		.controlsSelect
		{
			width:100%;
			float:left;
			height:62px;
			border-bottom:1px #e5e5e5 solid;
			.conSelTextSize
			{
				margin:12px;
				width:139px;
				height:33px;
				line-height:33px;
				border-radius:5px;
				border:1px #d7d7d7 solid;
				.controleSelectText
				{
					color:#585858;
					text-indent:10px;
					text-indent:0px !important;
					border:0px;
					width:90%;
					float:left;
					margin-top:7px;
					margin-left:5%;
				}
			}
		}
		.controlelist
		{
			width:96%; 
			margin:0 2%;
			float:left;
			overflow-y:hidden;
			overflow-x:auto;
//			position:relative;
			min-height:612px;
			.controleHandle
			{
				width:75px; height:75px; border:1px solid #e6e6e6; border-radius:5px; margin:9px 8px; line-height:24px; color:#777; float:left;display: block; position:relative;
				&:hover
				{
				background:-moz-linear-gradient(top, #fff 0%, #ccc 100%);
 background: -ms-linear-gradient(top, #fff 0%, #ccc 100%);
 background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ccc)); cursor:pointer
				
				}
				div
				{
					width: 40px;
  
  height: 40px;
					background:url(../images/icon/kitIcon1.png);
  background-repeat: no-repeat;
  margin: auto;		margin-top:6px;	
				}
				p
				{
					position:absolute;
					right:5px;
					top:0px;
					cursor:pointer;
				}
			}
			.controlemin
			{
				height:82px; text-align:center; float:left; width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px);
				&:hover
				{
					background:none;color:auto;
				}
			}
		}
	}
	.controleAttHidden
	{
		width:290px;
		float:right;
		background:#fff;
		border-left:1px #e5e5e5 solid;
		z-index:0;
		.PagePropertiesTitle
		{
			height:41px;
			line-height:41px;
			width:290px;
			text-align:center;
			float:left;
			border-bottom:1px #e5e5e5 solid;
			font-size:14px;
			text-shadow:-1px -1px 1px #e9e8e9;
			.titleBackground;
		}
		.controleAttHiddenCon
		{
			width:290px;
			float:left;
			position:relative;
			overflow:hidden;
			margin-top:15px;
			min-height:662px;
			.conAttDesign
			{
				padding:0px;
				width:98%;
				float:right;
				list-style:none;
				

				
			}
		}
	}
}
/*主体部分样式结束*/
.conAttDesign>li{text-align: right; }
.desgin-color{ width:80%; display: inline-block;}
.desgin-more{ width:18%; display: inline-block; padding-right:5px; position: relative; }
.senior li i{ width: 24px !important; height: 20px !important; display: block; cursor:pointer; background:url(images/gao.png) no-repeat 5px center;border-top:none !important; top:5px !important;  }
.senior li:hover i{cursor:pointer; border-top:none !important;  background:url(images/gao2.png) no-repeat 5px center; }
.conAttDesign>li{ text-align:left;}
.conAttDesign .conAttTitle{text-align:right;}
.formAttDesign .conAttTitle{text-align:left;}
.formAttDesign .conAttCon{ margin-left:0px;}
.conAttDesign li .desgin-color li:first-child{width: 15%;}
.desgin-color li:nth-child(3){width: 21%;}

.conAttDesign li .desgin-color li:nth-child(2){width: 20%;    cursor: pointer;}
.conAttDesign li .desgin-color li:nth-child(2):hover .stydefault,.desgin-more li a:hover{ outline:2px solid #428bca;  text-decoration: none;}
.conAttDesign li .desgin-color li:nth-child(3){margin-left: 13px;}
.conAttDesign li .desgin-color li:nth-child(4){width: 30%;}
.desgin-more li a{ text-indent:15px; line-height:27px; border-bottom:1px solid #ccc; display:block; color:#7d7d7d;    position: relative; z-index: 999; text-align: left;}
.desgin-more li i{width:0; position:absolute; right:17px; top:10px; height:0; border-left:6px solid transparent;   border-right:6px solid transparent;   border-top:8px solid #7d7d7d;}
.desgin-more li:hover i{ border-top:8px solid #428bca; cursor: pointer;}
.conAttDesign{ margin-top: 2px;}
.desgin-more li a:hover{ cursor:pointer; outline: 2px solid #428bca;  color:#428bca;}
.conAttTitle
{
	width:29%;/*60px*/
	height:auto;
	line-height:42px;
	text-align:right;
	color:#676767;
	vertical-align:center;
	position:relative;
	font-size:1rem;
	
}

.conAttaBorderTit, .controlFontLiTit, .controlShadowTit{
	width:20%;
}
.conAttaBorderCon, .controlFontLiCon, .controlShadowCon{
	width:70% !important;
}
.conAttTitle,.conAttCon{
    display:inline-block;
}
.conAttCon
 {
	width:67%;/*180px;*/
	margin-left:3%;/*10px*/
	height:auto;
	line-height:42px;
	position:relative;
	vertical-align:top;
	text-align: left !important;
	.controleText
	{
		width:150px;
		height:33px;
		line-height:33px;
		border-radius:5px;
		border:1px #d7d7d7 solid;
		text-indent:10px;
		color:#585858;
		z-index:0;
		position:relative;
	}
	.controleInputValue
	{
		float:left;
		width:50px;
		margin:5.5px 8px 0 0;
		height:33px;
		line-height:33px;
		border-radius:5px;
		border:1px #d7d7d7 solid;
		text-indent:5px;
		color:#585858;
		z-index:0;
		position:relative;

	}
	.controleButton
	{
		width:150px;
		font-size:13px;
	}
	.btnIconDiv{
		width: 30px; 
		height: 30px;
		float:left; 
		background:#ccc; 
		margin: 10px;
		position:relative;
		.iconClose
		{
			position:absolute;
			top:-22px;
			right:-10px;
			visibility:hidden;
			transition:opacity .5s;
			-moz-transition:opacity .5s;
			-webkit-transition:opacity .5s;
		}
		&:hover
		{
			.iconClose
			{
				visibility:visible;
			}
		}
	}
}

.controleSelcet
{
	width:150px;
	height:33px;
	margin:5px 0px;
	line-height:33px;
	border-radius:5px;
	border:1px #d7d7d7 solid;
	.SelectText
	{
		color:#585858;
		border:0px;
		width:90%;
		float:left;
		margin-top:10px;
		margin-left:5%;
		
	}
}
.chooseBorder .controleSelcet,.controlFontLiCon .controleSelcet{
	width:160px;
}


.pagebgDialog
{
	width:490px;
	margin:10px auto;
	position:relative;
	clear:both;
	padding:2px;
	height:358px;
	overflow: hidden;
	.pagebgImgDialog
	{
		width:91px;
		height:82px;
		float:left;
		transition: transform .3s;
		-moz-transition: -moz-transform .3s;
		-webkit-transition: -webkit-transform .3s;
		cursor:pointer;
		border:1px #999 solid;
		margin:3px;
		&:hover
		{
			cursor:pointer;
			box-shadow:0px 0px 3px #2c5977;
			border-radius:10px;
			transform: scale(1.2,1.2);
			-webkit-transform: scale(1.2,1.2);
			-moz-transform: scale(1.2,1.2);
		}
		&:active
		{
			box-shadow:0px 0px 7px #999 inset;
		}
	}
}
#bgIcon .pageIconDialog{
	height: 350px;
    margin-bottom: 13px;
    overflow-y: scroll;
	}
.pageIconDialog
{
	width:100%;
	margin:10px auto 6px;
	position:relative;
	clear:both;
	padding:10px;
	.pageIconImgDialog
	{
		width:50px;
		height:48px;
		border:2px solid rgba(255,255,255,1);
		float:left;
        text-align:center;
		border-radius: 10px;
        line-height:45px;
        overflow:hidden;
		transition: transform .3s,background 1s,color 1s,border-color 1s;
		-moz-transition: -moz-transform .3s;
		-webkit-transition: -webkit-transform .3s;
		cursor:pointer;
		font-size:30px;
		background-size:30px;
		background-color:rgba(148, 147, 147, 0.7);
		&:hover
		{
			cursor:pointer;
			border-color:#428bca;
			/*box-shadow:2px 2px 6px #428bca;*/
			border-radius:10px;
			/*transform: scale(1.3,1.3);*/
			/*-webkit-transform: scale(1.3,1.3);*/
			/*-moz-transform: scale(1.3,1.3);*/
			/*font-size:40px;*/
			/*background-size:40px;*/
		}
		&:active
		{
			box-shadow:0px 0px 7px #2c5977 inset;
		}
	}
}
.iconfontbg .iconfont{background:rgba(148, 147, 147, 0.7); color:#666;}
.navIconDialog
{
	width:550px;
	margin:10px auto;
	position:relative;
	clear:both;
	padding:10px;
	color:#fff;
	.navIconImgDialog
	{
		width:50px;
		height:48px;
		margin: 4px;
		border: 2px solid #ffffff;
		font-size:32px;
		float:left;
        text-align:center;
        line-height:45px;
        background-size:32px;
		transition: transform .3s;
		-moz-transition: -moz-transform .3s;
		-webkit-transition: -webkit-transform .3s;
		cursor:pointer;
		background-color:rgba(148, 147, 147, 0.7);

		&:hover
		{
			cursor:pointer;
			border-color:#428bca;
			box-shadow:0px 0px 3px #666;
			border-radius:10px;
			transform: scale(1.2,1.2);
			-webkit-transform: scale(1.2,1.2);
			-moz-transform: scale(1.2,1.2);
		}
		&:active
		{
			box-shadow:0px 0px 7px #2c5977 inset;
		}
	}
}




.pageICONSize
{
	display:none;
}
.downloadchrome
{
	margin-top:20px;
}
#pageICON
{
	overflow:hidden;
}
.navigation
{
	float:right;
	margin-right:10px;
	list-style:none;
	padding:0px;
	margin-top:-1px;
	li
	{
		height:91px;
		float:left;
		cursor:pointer;
		transition: background .5s;
		-moz-transition: background .5s;
		-webkit-transition: background .5s;
		.nav_TxtTit
		{
			width:80px;
			height:90px;
			float:left;
			margin-left:15px;
			.nav_TxtTitTop
			{
				color:#184562;
				font-size:14px;
				font-weight:bold;
				text-align:left;
				margin-top:33%;
				transition: color .8s;
				-moz-transition: color .8s;
				-webkit-transition: color .8s;
			}
			.nav_TxtTitBtm
			{
				color:#fff;
				font-family:"宋体";
				text-align:left;
				margin-top:3px;
				text-indent:1px;
				transition: color .5s;
				-moz-transition: color .5s;
				-webkit-transition: color .5s;
			}
		}
		.nav_lefeIcon
		{
			transition: transform  .5s,box-shadow .5s;
			-moz-transition: -moz-transform  .5s,box-shadow .5s;
			-webkit-transition: -webkit-transform  .5s,box-shadow .5s;
		}
		&:hover
		{
			
			.nav_lefeIcon
			{
				transition:scale(1.1,1.1);
				-moz-transform:scale(1.1,1.1);
				-webkit-transform:scale(1.1,1.1);
				
			}
			.nav_TxtTitTop
			{
				color:#fff;
			}
			.nav_TxtTitBtm
			{
				color:#184562;
			}
			background:rgba(53,111,150,.2);
			box-shadow:0px 1px 2px rgba(15,48,71,1);
		}
		
	}
	li:nth-child(1)
	{
		.nav_lefeIcon
		{
			width:50px;
			height:90px;
			float:left;
			background:url(../images/nav1.png) right 40% no-repeat;
			img
			{
				float:left;
				margin:0px auto;
			}
		}
	}
	li:nth-child(2)
	{
		.nav_lefeIcon
		{
			width:80px;
			height:90px;
			float:left;
			background:url(../images/nav2.png) right 40% no-repeat;
			img
			{
				float:left;
				margin:0px auto;
			}
		}
	}
	li:nth-child(3)
	{
		.nav_lefeIcon
		{
			width:80px;
			height:90px;
			float:left;
			background:url(../images/nav3.png) right 45% no-repeat;
			img
			{
				float:left;
				margin:0px auto;
			}
		}
	}
	li:nth-child(4)
	{
		.nav_lefeIcon
		{
			width:70px;
			height:90px;
			float:left;
			background:url(../images/nav4.png) right 45% no-repeat;
			img
			{
				float:left;
				margin:0px auto;
			}
		}
	}
li:nth-child(5)
	{
		.nav_lefeIcon
		{
			width:65px;
			height:90px;
			float:left;
			background:url(../images/nav5.png) right 45% no-repeat;
			img
			{
				float:left;
				margin:0px auto;
			}
			
		
		}
	}	
}

.bannerone
{
	width:100%;
	min-width:1100px;
	background:#6ab9ec;
	height:590px;
	.bannerone_Limit
	{
		width:1060px;
		margin:0px auto;
		.onetext
		{
			width:590px;
			float:left;
			height:590px;
			.onetext_Title
			{
				width:590px;
				float:left;
				font-size:44.23px;
				color:#fff;
				font-family:"黑体";
				line-height:57px;
				margin-top:167px;
			}
			.onetext_Describe
			{
				width:590px;
				font-family:"微软雅黑";
				font-size:24px;
				color:#256c99;
				float:left;
				margin-top:25px;
				margin-left:3px;
			}
			.onetext_bt
			{
				border:0px;
				background:#256c99;
				width:311px;
				height:65px;
				float:left;
				cursor:pointer;
				font-family:"微软雅黑";
				color:rgba(255,255,255,.9);
				font-size:22px;
				border-radius:10px;
				margin-top:25px;
				text-shadow:-1px 1px 1px rgba(28,88,126,1);
				letter-spacing:3px;
				box-shadow:0px 7px 1px rgba(28,88,126,1);
				transition: background  .2s;
				-moz-transition: background  .2s;
				-webkit-transition: background  .2s;
				outline:none;
				&:hover
				{
					background:#2f79a8;
				}
				&:active
				{
					box-shadow:3px 3px 3px rgba(28,88,126,1) inset;
					margin-top:32px;
					background:#216189;
				}
			}
		}
		.onephone
		{
			background:url(../images/bannerbg.png) no-repeat;
			width:239px;
			height:431px;
			float:left;
			margin-top:100px;
			margin-left:70px;
		}
	}
}
.bannertwo
{
	width:100%;
	height:500px;
	background:#f3eed2;
	float:left;
	.bannertwo_title
	{
		float:left;
		width:100%;
		text-align:center;
		line-height:12px;
		line-height:50px;
		font-size:15px;
		color:#3c3b39;
		img
		{
			vertical-align:middle;
			margin-top:-4px;
			margin-left:5px;
		}
		cursor:pointer;
	}
	.bannertwo_Limit
	{
		width:1060px;
		margin:0px auto;
		.twotext
		{
			width:400px;
			float:left;
			height:400px;
			.twotext_Title
			{
				width:400px;
				float:left;
				font-size:44.23px;
				color:#3c3b39;
				font-family:"黑体";
				line-height:57px;
				margin-top:100px;
			}
			.twotext_Describe
			{
				width:400px;
				font-size:15px;
				color:#3c3b39t;
				float:left;
				margin-top:25px;
				margin-left:3px;
			}
			.twotext_bt
			{
				border:0px;
				background:#ff664c;
				width:311px;
				height:65px;
				float:left;
				cursor:pointer;
				font-family:"微软雅黑";
				color:rgba(255,255,255,.9);
				font-size:22px;
				border-radius:10px;
				margin-top:25px;
				text-shadow:-1px 1px 1px rgba(241,88,61,1);
				letter-spacing:3px;
				box-shadow:0px 7px 1px rgba(221,80,56,1);
				transition: background  .2s;
				-moz-transition: background  .2s;
				-webkit-transition: background  .2s;
				outline:none;
				&:hover
				{
					background:#fa7761;
				}
				&:active
				{
					box-shadow:3px 3px 3px rgba(221,80,56,1) inset;
					margin-top:32px;
					background:#f7644b;
				}
			}
		}
		.twophone
		{
			background:url(../images/bannertwobg.png) no-repeat;
			width:534px;
			height:341px;
			float:left;
			margin-top:70px;
			margin-left:70px;
		}
	}
}
.bannerthree
{
	width:100%;
	height:500px;
	background:#4f4e4b;
	float:left;
	.bannerthree_title
	{
		float:left;
		width:100%;
		text-align:center;
		line-height:12px;
		line-height:50px;
		font-size:15px;
		color:#f3eed2;
		img
		{
			vertical-align:middle;
			margin-top:-4px;
			margin-left:5px;
		}
		cursor:pointer;
	}
	.bannerthree_Limit
	{
		width:1060px;
		margin:0px auto;
		.threetext
		{
			width:400px;
			float:left;
			height:400px;
			.threetext_Title
			{
				width:400px;
				float:left;
				font-size:44.23px;
				color:#f3eed2;
				font-family:"黑体";
				line-height:57px;
				margin-top:70px;
			}
			.threetext_Describe
			{
				width:400px;
				font-size:15px;
				color:#f3eed2;
				float:left;
				margin-top:25px;
				margin-left:3px;
			}
			.threetext_bt
			{
				border:0px;
				background:#47c9af;
				width:311px;
				height:65px;
				float:left;
				cursor:pointer;
				font-family:"微软雅黑";
				color:rgba(255,255,255,.9);
				font-size:22px;
				border-radius:10px;
				margin-top:25px;
				text-shadow:-1px 1px 1px rgba(52,176,151,1);
				letter-spacing:3px;
				box-shadow:0px 7px 1px rgba(36,144,122,1);
				transition: background  .2s;
				-moz-transition: background  .2s;
				-webkit-transition: background  .2s;
				outline:none;
				&:hover
				{
					background:#55dec3;
				}
				&:active
				{
					box-shadow:3px 3px 3px rgba(13,138,114,1) inset;
					margin-top:32px;
					background:#129b81;
				}
			}
		}
		.threephone
		{
			background:url(../images/treebanner.gif) no-repeat;
			width:513px;
			height:319px;
			float:left;
			margin-top:70px;
			margin-left:30px;
		}
	}
}
.base
{
	width:100%;
	height:280px;
	background:#3c3b39;
	float:left;
	overflow:hidden;
	.Engchina
	{
		width:1060px;
		height:90px;
		margin:0px auto;
		line-height:90px;
		.eng
		{
			list-style:none;
			padding:0px;
			float:left;
			height:90px;
			line-height:90px;
			width:440px;
			li
			{
				float:left;
				width:110px;
				height:90px;
				line-height:90px;
				text-align:left;
				color:#d2ceb6;
				font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
				a
				{
					color:#d2ceb6;
					text-decoration:none;
					font-size:14px;
					font-weight:bold;
					transition: color  .5s;
					-moz-transition: color  .5s;
					-webkit-transition: color  .5s;
					&:hover
					{
						color:#939181;
					}
				}
			}
		}
		.china
		{
			height:90px;
			line-height:90px;
			float:right;
			a
			{
				margin-top:20%;
				margin-left:15px;
			}
			a:nth-child(1)
			{
				border:2px #4f4b4e solid;
				float:right;
				border-radius:100px;
				height:41px;
				line-height:41px;
				width:41px;
				text-align:center;
				color:#d2ceb6;
				display:block;
				background:#4f4b4e;
				text-decoration:none;
			}
			a:nth-child(2)
			{
				border:2px #4f4b4e solid;
				border-radius:100px;
				float:right;
				height:41px;
				line-height:41px;
				width:41px;
				text-align:center;
				color:#d2ceb6;
				display:block;
				text-decoration:none;
			}
		}
	}
	.line
	{
		background:url(../images/Engchina_Bg.gif) repeat-x;
		width:1060px;
		height:6px;
		margin:0px auto;
	}
	.baseint
	{
		width:1060px;
		height:130px;
		margin:0px auto;
		.baseintmin
		{
			width:225px;
			height:100px;
			float:left;
			border-right:1px #504f4d solid;
			margin-top:15px;
			a:nth-child(1)
			{
				display:block;
				width:140px;
				color:#f3eed2;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
				margin-top:30px;
			}
			a:nth-child(2)
			{
				display:block;
				width:140px;
				color:#66a62b;
				font-size:13px;
				text-decoration:none;
				margin-top:10px;
				img
				{
					vertical-align:middle;
					margin-top:-3px;
					margin-left:5px;
				}
			}
		}
		.baseintmin:nth-child(3)
		{
			border-right:0px #504f4d solid;
		}
		.question
		{
			float:right;
			width:269px;
			height:98px;
			background:#504f4d;
			border-radius:10px;
			margin-right:10px;
			margin-top:19px;
			a:nth-child(1)
			{
				display:block;
				width:140px;
				color:#f3eed2;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
				margin-top:18px;
			}
			a:nth-child(2)
			{
				display:block;
				width:140px;
				color:#66a62b;
				font-size:13px;
				text-decoration:none;
				margin-top:10px;
				img
				{
					vertical-align:middle;
					margin-top:-3px;
					margin-left:5px;
				}
			}
			a:nth-child(3)
			{
				display:block;
				width:140px;
				color:#66a62b;
				font-size:13px;
				text-decoration:none;
				margin-top:8px;
				img
				{
					vertical-align:middle;
					margin-top:-3px;
					margin-left:5px;
				}
			}
		}
	}
	.copyright
	{
		background:#343331;
		width:100%;
		height:53px;
		line-height:53px;
		.copyrightmin
		{
			width:1060px;
			margin:0px auto;
			height:53px;
			line-height:55px;
			color:#7d7a6e;
			img
			{
				float:right;
				margin-top:13px;
			}
		}
	}
}
.rightNav
{
	position:fixed;
	right:30px;
	top:45%;
	width:200px;
	.rightNavone
	{
		height:25px;
		width:auto;
		cursor:pointer;
		line-height:25px;
		float:right;
		transition: background  .5s;
		-moz-transition: background  .5s;
		-webkit-transition: background  .5s;
		.navonetext
		{
			float:right;
			height:25px;
			line-height:25px;
			color:#4f4e4b;
			visibility:hidden;
			text-indent:10px;
		}
		.navontline
		{
			width:9px;
			height:9px;
			background:#fff;
			float:right;
			margin:7px;
			border-radius:20px;
			box-shadow:1px 1px 1px #CCC;
			cursor:pointer;
		}
		&:hover
		{
			background:rgba(255,255,255,.4);
			.navonetext
			{
				visibility:visible;
			}
			.navontline
			{
				background:#4f4e4b;
			}
		}
	}
}
.templates
{
	width:100%;
	float:left;
	background:#e3e7e8;
	.templates_Limit
	{
		width:1060px;
		margin:0px auto;
		margin-top:40px;
		.tepMin
		{
			width:254px;
			float:left;
			height:389px;
			border:3px rgba(0,0,0,.1) solid;
			border-radius:3px;
			margin-left:60px;
			margin-top:20px;
			box-shadow:0px 0px 3px #3c3b39;
			transition: border  .5s,box-shadow .5s;
			-moz-transition: border  .5s,box-shadow .5s;
			-webkit-transition: border  .5s,box-shadow .5s;
			.templatesImages
			{
				-webkit-transition: -webkit-filter  .5s;
				max-width:100%;
			}
			.BlackCover
			{
				position:absolute;
				padding:0px;
				margin:0px;
				width:254px;
				height:388px;
				z-index:666;
				margin-top:-386px;
				margin-left:-3px;
				background:rgba(0,0,0,0);
				transition: background  .5s;
				-moz-transition: background  .5s;
				-webkit-transition: background  .5s;
				border-rodius:5px;
				.hotspotText
				{
					width:130px;
					margin:0px auto;
					text-align:center;
					border-radius:10px;
					padding:7px 13px;
					color:#fff;
					background:#3c3b39;
					margin-top:14px;
					opacity:0;
					transition: opacity  .5s;
					-moz-transition: opacity  .5s;
					-webkit-transition: opacity  .5s;
					cursor:pointer;
					.hotsj
					{
						border-left: 10px solid rgba(0, 0, 0, 0);
						border-bottom: 7px solid #3c3b39;
						border-right: 10px solid rgba(0, 0, 0, 0);
						position:absolute;
						margin:0px;
						padding:0px;
						margin-top:-14px;
						margin-left:40px;
					}
				}
				.hotspot
				{
					width:89px;
					height:89px;
					line-height:89px;
					background:#eb660f;
					text-align:center;
					border-radius:100px;
					margin-top:40px;
					opacity:0;
					transition: opacity  .5s;
					-moz-transition: opacity  .5s;
					-webkit-transition: opacity  .5s;
					cursor:pointer;
					img
					{
						vertical-align:middle;
						margin-left:-3px;
					}
				}
				.hotspotQRcode
				{
					margin-top:20px;
					width:115px;
					border-radius:10px;
					border:1px #000000 solid;
					background:rgba(255,255,255,1);
					padding:10px;
					opacity:0;
					transition: opacity  .5s;
					-moz-transition: opacity  .5s;
					-webkit-transition: opacity  .5s;
					img
					{
						vertical-align:middle;
						margin-top:5px;
					}
				}
				
			}
			&:hover
			{
				border:3px rgba(0,99,161,.5) solid;
				box-shadow:0px 0px 10px rgba(51,51,51,1);
				.templatesImages
				{
					-webkit-filter:blur(2px);
				}
				.BlackCover
				{
					background:rgba(0,0,0,.2);
				}
				.hotspot
				{
					opacity:1;
				}
				.hotspotText
				{
					opacity:1;
				}
				.hotspotQRcode
				{
					opacity:1;
				}
                .hotspotText1
				{
					opacity:1;
				}
				
			}
		}
        .temp_img
        {
            width:253px;
            height:383px;
            float:left;
            margin:50px;
            position: relative;
            overflow: hidden;
            .tempImages
            {
                width:251px;
                height:381px;
                border: 1px solid white;
                -webkit-transition:all .2s ease-in-out;
                -moz-transition:all .2s ease-in-out;
                -ms-transition:all .2s ease-in-out;
                transition:all .2s ease-in-out;
            }
            .setWebsite
            {
                position:absolute;
                margin: 0;
                padding: 0;
                top: -150px;
                left: 40%;
                width:60px;
                display: block;
                height: 60px;
                text-align: center;
                vertical-align: middle;
                border-radius:30px;
                background-color: #6db2d5;
                box-shadow:0 0 8px rgba(165,225,255,.5) inset,0 0 8px rgba(0,0,0,.3);
                -webkit-transition:all .3s ease-out;
				-moz-transition:all .3s ease-out;
				-ms-transition:all .3s ease-out;
				transition:all .3s ease-out;
                background-image:url(../images/hotspotIcon.png);
                background-position:center center;
                background-repeat:no-repeat;
                &:hover
                {
                    -webkit-animation:ue-pudding 1s linear;
					-moz-animation:ue-pudding 1s linear;
					-ms-animation:ue-pudding 1s linear;
					animation:ue-pudding 1s linear;
                }
            }
            .temp_tag
            {
                width: inherit;
                position:absolute;
                margin: 0;
                padding: 0;
                bottom: -200px;
                -webkit-transition:all .5s ease-in-out;
                -moz-transition:all .5s ease-in-out;
                -ms-transition:all .5s ease-in-out;
                transition:all .5s ease-in-out;
                .qrCodeMax
                {
                    .tempqrcodebox
                    {
                        width:175px;
                        height:175px;
                        background: white;
                        border-radius: 100px;
                        position: absolute;
                        margin: 0;
                        padding: 0;
                        top: -750px;
                        left: 40px;
                        box-shadow: 0 0 8px rgba(0,0,0,.3);
                        text-align: center;
                        vertical-align:middle;
                        -webkit-transition:all .6s;
                        -moz-transition:all .6s;
                        -ms-transition:all .6s;
                        transition:all .6s;
                        z-index: 20;
                        img
                        {
                            width:110px;
                            height: 110px;
                            margin-top: 33px;
                        }
                    }
                    &:hover
                    {
                       .tempqrcodebox
                        {
                            top:-195px;
                        }
                    }
                }
                
                .tempnumber
                {
                    padding:5px 17px 10px 17px;
                    background: white;
                    -webkit-transition:all .5s ease-in-out .2s;
                    -moz-transition:all .5s ease-in-out .2s;
                    -ms-transition:all .5s ease-in-out .2s;
                    transition:all .5s ease-in-out .2s;
                    position: relative;
                    top:50px;
                    opacity: 1;
                    h1
                    {
                        color: rgba(109,177,212,1);
                        font-family: arial;
                        font-size: 18px;
                        font-weight:200;
                        -webkit-transition:all .5s ease-in-out .4s;
                        -moz-transition:all .5s ease-in-out .4s;
                        -ms-transition:all .5s ease-in-out .4s;
                        transition:all .5s ease-in-out .4s;
                    }
                    p
                    {
                        color:#939292;
                        margin-top: 10px;
                        -webkit-transition:all .5s ease-in-out .4s;
                        -moz-transition:all .5s ease-in-out .4s;
                        -ms-transition:all .5s ease-in-out .4s;
                        transition:all .5s ease-in-out .4s;
                    }
                }
                .tempcolor
                {
                    text-align: left;
                    background: white;
                    height: 34px;
                    line-height: 34px;
                    z-index: 50;
                    -webkit-transition:all .5s ease-in-out .2s;
                    -moz-transition:all .5s ease-in-out .2s;
                    -ms-transition:all .5s ease-in-out .2s;
                    transition:all .5s ease-in-out .2s;
                    position: relative;
                    top:30px;
                    .tempcolorIcon
                    {
                        width:16px;
                        height:16px;
                        background-image: url(../images/tempselecticon.png);
                        background-repeat: no-repeat;
                        background-position: left top;
                        float:left;
                        margin-top: 10px;
                        margin-left: 17px;
                    }
                    span
                    {
                        color:#939292;
                        margin: 0px 7px;
                        float:left;
                    }
                    .tempcolorbox
                    {
                        float:left;
                        margin-top: 12px;
                        a
                        {
                            float:left;
                            width:28px;
                            height: 10px;
                        }
                    }
                }
                .tempimgproposal
                {
                    text-align: left;
                    background: white;
                    height: 34px;
					width:100%;
                    line-height: 34px;
                    border-top:1px solid #f0f1f1;
                    border-bottom:1px solid #f0f1f1;
                    color:#939292;
                    z-index: 51;
                    .tempimgproposalIcon
                    {
                        width:16px;
                        height:16px;
                        background-image: url(../images/tempselecticon.png);
                        background-repeat: no-repeat;
                        background-position: -16px top;
                        float:left;
                        margin-top: 10px;
                        margin-left: 17px;
                    }
                    span
                    {
                        color:#939292;
                        margin: 0px 7px;
                        float:left;
                    }
                }
                .tempqrcode
                {
                    text-align: left;
                    background: white;
                    height: 34px;
					position:relative;
					top:-1px;
                    line-height: 34px;
					clear:both;
					width:100%;
                    .tempqrcodeIcon
                    {
                       	width:16px;
                        height:16px;
                        background-image: url(../images/tempselecticon.png);
                        background-repeat: no-repeat;
                        background-position: right top;
                        float:left;
                        margin-top: 10px;
                        margin-left: 17px; 
                    }
                    span
                    {
                        color:#ff7e02;
                        margin: 0px 7px;
                        float:left;
                        cursor: pointer;
                    }
                    label
                    {
                        float:left;
                        color:#999;
                        font-size: 12px;
                        cursor: pointer;
                        font-family:arial;
                    }
                    a
                    {
                        float: right;
                        margin-right: 17px;
                        color:#939292;
                        font-family:arial;
                        text-decoration:none;
                    }
                }
            }
            &:hover
            {
                box-shadow: 0 0 8px rgba(0,0,0,.2);
                .tempImages
                {
                    border:5px solid #6db2d5;
                    width:253px;
                    height:373px;
                }
                .setWebsite
                {
                    top:80px;
                }
                .temp_tag
                {
                    bottom: 0;
                    .tempnumber
                    {
                        background: rgba(109,177,212,1);
                        opacity:1;
                        top:0;
                        h1
                        {
                             color:white;
                        }
                        p
                        {
                            color: #295c76;
                        }
                    }
                    .tempcolor
                    {
                        top:0;
                    }
                }
            }
        }
		
	}
	.next_btSize
	{
		width:100%;
		float:left;
		margin:20px 0px;
		height:40px;
		text-align:center;
		.next_bt
		{
			color:#fff;
			font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
			width:166px;
			height:35px;
			line-height:35px;
			border:0px;
			background:#4a4a4a;
			text-shadow:1px 1px 1px #383838;
			letter-spacing:2px;
			border-radius:5px;
			outline:none;
			cursor:pointer;
			transition: background  .5s;
			-moz-transition: background  .5s;
			-webkit-transition: background  .5s;
			box-shadow:0px 6px 1px rgba(0,0,0,1);
			clear:both;
			&:hover
			{
				background:#5d5d5d;
			}
			&:active
			{
				box-shadow:3px 3px 4px rgba(0,0,0,1) inset;
				background:#383838;
				margin-top:6px;
			}
		}
	}
}
.ThemeColorChoose
{
	width:160px;
	height:25px;
	float:left;
	margin-bottom:7px;
}
.blueBasic {
	background: -moz-linear-gradient(top, #6eabd4 0%, #4a7caf 100%);
	background: -ms-linear-gradient(top, #6eabd4 0%, #4a7caf 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6eabd4 ), to(#4a7caf));
}
.grayBasic {
	background: -moz-linear-gradient(top, #c1c1c1 0%, #6d6d6d 100%);
	background: -ms-linear-gradient(top, #c1c1c1 0%, #6d6d6d 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c1c1c1 ), to(#6d6d6d))
}
.blackBasic {
	background: -moz-linear-gradient(top, #3a3a3a 0%, #090d0e 100%);
	background: -ms-linear-gradient(top, #3a3a3a 0%, #090d0e 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a3a ), to(#090d0e));
}

.purpleBasic {
	background: -moz-linear-gradient(top, #753581 0%, #512c57 100%);
	background: -ms-linear-gradient(top, #753581 0%, #512c57 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#753581 ), to(#512c57));
}
.greenBasic {
	background: -moz-linear-gradient(top, #015523 0%, #003416 100%);
	background: -ms-linear-gradient(top, #015523 0%, #003416 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#015523 ), to(#003416));
}
.yellowBasic {
	background: -moz-linear-gradient(top, #f49833 0%, #8d5429 100%);
	background: -ms-linear-gradient(top, #f49833 0%, #8d5429 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f49833 ), to(#8d5429));
}
.redBasic
{
	background: -moz-linear-gradient(top, #cd0202 0%, #810000 100%);
	background: -ms-linear-gradient(top, #cd0202 0%, #810000 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cd0202 ), to(#810000));
}
.OperatingHandle
{
	list-style:none;
	padding:0px;
	li
	{
		/*width:100%;
		float:left;*/
		cursor:pointer;
		margin-bottom:6px;
	}
	.OperatingHandleTitle
	{
		width:246px;
		height:30px;
		line-height:30px;
		border:1px #d4d4d4 solid;
		border-radius:.5em 0 0 0;
		float:right;
		margin-right:25px;
		.titleBackground;
		.OperatingHandleTitleIcon
		{
			width:18px;
			height:18px;
			background:#b8b7b7;
			border-radius:2em;
			float:left;
			margin:5px;
			text-align:center;
			padding:0px;
			margin-left:10px;
			vertical-align:middle;
			img
			{
				width:12px;
				text-align:center;
				margin:0px auto;
				vertical-align:middle;
				margin-top:-13px;
			}
		}
		span
		{
			font-size:.9em;
			color:#585858;
			margin-left:10px;
			font-weight:bold;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			width: 160px;
			float: left;

		}
		.OperatingHandleDelIcon
		{
			width:18px;
			height:18px;
			background:#b8b7b7;
			border-radius:2em;
			float:right;
			margin:5px;
			text-align:center;
			padding:0px;
			margin-left:10px;
			vertical-align:middle;
			img
			{
				width:14px;
				text-align:center;
				margin:0px auto;
				vertical-align:middle;
				margin-top:-13px;
			}
		}

	}
	.OperatingHandleContent
	{
		width:246px!important;
		border:1px #CCC solid;
		border-top:0px;
		float:right;
		margin-right:25px;
		clear:both;
		padding:10px 0px;
		border-radius:0 0 .5em .5em;
		display:none;
		.controleSelcet
		{
			width:140px;}
		.OperatingHandleAttDesign
		{
			list-style:none;
			padding:0px;
			width:93%;
			float:right;
			.OperatingHandleAttTitle
			{
				/*width:60px;*/
				width:25%;
				float:left;
				height:40px;
				line-height:40px;
				text-align:right;
				color:#676767;
				margin-right:3%;
			}
			.OperatingHandleAttCon
			{
				width:70%;
				float:left;
				height:40px;
				line-height:40px;
				.OperatingIconImg
				{
					width:21px;
					float:left;
					height:21px;
					margin-top:10px;
					background:#5692ba;
					border-radius:.8em;
					position:relative;
					.OperatingImg
					{
						width:21px;
						height:21px;
						float:left;
					}
					.iconClose
					{
						position:absolute;
						top:-22px;
						right:-10px;
						visibility:hidden;
						transition:opacity .5s;
						-moz-transition:opacity .5s;
						-webkit-transition:opacity .5s;
					}
					&:hover
					{
						.iconClose
						{
							visibility:visible;
						}
					}
				}
			}
			.OperatingHandletroleText
			{
				width:140px;
				height:33px;
				line-height:33px;
				border-radius:5px;
				border:1px #d7d7d7 solid;
				text-indent:10px;
				color:#585858;
				z-index:0;
				position:relative;
			}
			.OperatingHandleButton
			{
				float:left;
				font-size:.9em;
				margin-top:5px;
				margin-left:10px;
			}
		}
		.delectOperating
		{
			margin-top:10px;
			margin-left:70px;
		}
	}
}
.addNewOperatingHandle
{
	width:240px;
	height:30px;
	line-height:30px;
	border-radius:.5em 0 0 .5em;
	float:right;
	text-indent:10px;
	cursor:pointer;
	font-weight:bold;
	text-shadow:1px 1px 1px #398439;
	margin-top:13px;
	margin-right:25px;
}
.controlesli
{
	float:right;
	margin-top:15px;
	margin-right:5px;
}




/*---------login registration begin---------*/
.login 
{
    float:left;
	width: 370px;
	font-family: "微软雅黑";
	color: #FFF;
}
.login a 
{
	color: #FFF;
	text-decoration: none;
}
.login_top 
{
	width: 371px;
	height: 52px;
	background: url(../images/login_top.png) 100% 100% no-repeat;
}
.login_top h3 
{
	color: #FFF;
	font-size: 16px;
	margin-top: 22px;
	margin-left: 45px;
	float: left;
	display: block
}
.login_top a 
{
	width: 135px;
	height: 35px;
	margin-right: 13px;
	margin-top: 15px;
	float: right;
}
.login_center 
{
	width: 371px;
	background: #6ab9ec;
	padding-top: 10px;
	overflow: hidden
}
.inputbg 
{
	width: 300px;
	height: 40px;
	background: url(../images/inputbg.png) 100% 100% no-repeat;
	margin-bottom: 10px;
}
.inputbg label 
{
	color: #FFF;
	line-height: 40px;
	float: left;
	margin-left: 10px;
	width: 60px;
	font-size:13px;
}
.inputbg input 
{
	border: #356F96;
	background: #356F96;
	height: 20px;
	width: 197px;
	margin-top: 9px;
	float: left;
	color: #b0dffd
}
.input_icon 
{
	width: 17px;
	height: 17px;
	margin-left: 8px;
	margin-top: 12px;
	float: left
}
.loginico 
{
	width: 206px;
	height: 43px;
	float: left;
	margin-bottom: 10px;
	margin-left: 81px;
	background: url(../images/loginico.png) 100% 100% no-repeat;
	border: none;
	box-shadow: none;
	cursor:pointer;
}
.reglink 
{
	float: left;
	margin-top: 28px;
}
.left10 
{
	margin-left: 10px;
}
.left50 
{
	margin-left: 50px;
}
.check 
{
	float: left;
	margin: 2px 5px 0px 90px;
}
.f_l 
{
	float: left
}
.login_footer 
{
	width: 371px;
	height: 27px;
	background: url(../images/login_foot.png) 100% top no-repeat;
}
.regico 
{
	width: 206px;
	height: 43px;
	float: left;
	margin-bottom: 10px;
	margin-left: 81px;
	background: url(../images/regico.png) 100% 100% no-repeat;
	border: none;
	box-shadow: none;
	cursor:pointer;
	
}
.useramend
{
	width: 206px;
	height: 43px;
	float: left;
	margin-bottom: 10px;
	margin-left: 81px;
	background:url(../images/amend.gif) 100% 100% no-repeat;
	border: none;
	box-shadow: none;
	cursor:pointer;
}
.login_center select
{
	border: #356F96;
	background: #356F96;
	height: 20px;
	width: 108px;
	margin-top: 9px;
	float: left;
	color: #FFF;
	font-family:"微软雅黑";
}
/*---------//login registration end---------*/

/*myWeb begin*/
.titleBackground(@colorBefore ; @colorAfter)
{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(@colorBefore), to(@colorAfter));
	background: -moz-linear-gradient(top, @colorBefore, @colorAfter);
	background: -ms-linear-gradient(top, @colorBefore, @colorAfter);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@colorBefore", endColorstr="@colorAfter");
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="@colorBefore", endColorstr="@colorAfter")"; 
}
 
.backstageNav
{
	.titleBackground(#67a8d2;#4f88af);
	width:100%;
	max-width:1100px;
	height:50px;
	border-bottom:3px solid rgba(62,125,167,1);
	.backstageLogo
	{
		background:url(../images/backstagenavBG.jpg) no-repeat;
		width:219px;
		height:50px;
		float:left;
	}
	.backStageMune
	{
		padding:0px;
		list-style:none;
		height:50px;
		float:left;
		line-height:50%;
		li
		{
			float:left;
			transition: background  .3s;
			-moz-transition: background  .3s;
			-webkit-transition: background  .3s;
			text-align:center;
			a
			{
				display:block;
				position:relative;
				float:left;
				height:50px;
				line-height:50px;
				width:100%;
				padding:0px 20px;
				text-align:left;
				text-decoration:none;
				color:#fff;
				font-size:14px;
				font-family:"微软雅黑";
			}
			&:hover
			{
				background:#3e7da7;
			}
		}
	}
	.pushOut
	{
		float:right;
		height:50px;
		line-height:50px;
		a
		{
			color:#fff;
			font-size:14px;
			text-decoration:none;
			margin-right:15px;
			font-family:"微软雅黑";
		}
		img
		{
			vertical-align:middle;
			margin-right:10px;
		}
	}
	.usersMeeg
	{
		width:175px;
		text-align:right;
		float:right;
		color:#fff;
		font-size:14px;
		text-decoration:none;
		margin-right:15px;
		height:50px;
		line-height:50px;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
		font-family:"微软雅黑";
        cursor:pointer;
		a
		{
			text-decoration:none;
			color:#fff;
		}
	}
	.usersMeeg2
	{
		width:80px;
		text-align:right;
		float:right;
		color:#fff;
		font-size:14px;
		text-decoration:none;
		margin-right:15px;
		height:50px;
		line-height:50px;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
		font-family:"微软雅黑";
        cursor:pointer;
		a
		{
			text-decoration:none;
			color:#fff;
		}
	}
}
.myWebTitle
{
	width:1100px;
	margin-bottom:15px;
	position:relative;
	clear:boht;
	.myWebText
	{
		font-size:26px;
		float:left;
		color:#3e7da7;
		font-family:"微软雅黑";
		margin-top:35px;
	}
	.createNewWeb
	{
		width:160px;
		height:38px;
		line-height:38px;
		float:right;
		margin-top:35px;
		font-family:"微软雅黑";
		font-size:14px;
		border:0px;
		color:#fff;
		background:#1ab1aa;
		letter-spacing:3px;
		cursor:pointer;
	}
}
.weblabel
{
	width:1100px;
	overflow:hidden;
	margin:0px auto;
	clear:both;
	margin-top:10px;
	position:relative;
	.Qrcode
	{
		width:87px;
		float:left;
		height:87px;
		margin:35px 0 35px 0;
	}
	.webLabelBoxMain
	{
		float:left;
		margin-left:14px;
		.labelBoxMainTop
		{
			width:100%;
			float:left;
			height:50px;
			.wwwUrl
			{
				width:300px;
				height:50px;
				line-height:50px;
				color:#3e7da7;
				font-size:16px;
				background:#fff;
				font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
				border-radius:10px 10px 0 0;
				border:1px #d4d6d7 solid;
				border-bottom:0px;
				text-indent:14px;
				float:left;
				z-index:20;
				position:relative;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.webLabelControl
			{
				list-style:none;
				padding:0px;
				margin:0px;
				float:left;
				margin:10px;
				li
				{
					float:left;
					text-align:center;
					margin-left:16px;
					height:26px;
					a
					{
						float:left;
						display:block;
						padding:7px;
						background:#61b7ee;
						color:#fff;
						text-decoration:none;
						img
						{
							vertical-align:middle;
							margin-right:6px;
							margin-top:-2px;
						}
					}
				}
			}
		}
		.labelBoxMainBtm
		{
			float:right;
			clear:both;
			width:993px;
			background:#fff;
			border:1px #d4d6d7 solid;
			z-index:19;
			position:relative;
			.webLabelTable
			{
				width:100%;
				float:left;
				margin-top:20px;
				text-indent:15px;
				th
				{
					font-size:14px;
					text-align:left;
					color:#585858;
					font-weight:200;
				}
                th:nth-child(1)
				{
					font-size:14px;
					text-align:left;
					color:#585858;
					font-weight:200;
                    width:300px;
                    text-overflow:ellipsis;
                    overflow:hidden;
                    white-space:nowrap;
				}
				td
				{
					font-size:14px;
					text-align:left;
					color:#e58054;
					padding:10px 0px;
					.webLabelSlidingBlock
					{
						width:60px;
						height:20px;
						float:left;
						box-shadow:0px 1px 3px rgba(51,51,51,.5) inset;
						/*background:#1ab1aa;
						overflow:hidden;*/
						background:url(../images/mypageIcon.jpg) 100% 100% no-repeat;
						background-size:120px 19px;
						cursor:pointer;
						
						
						/*@keyframes green
						{
							from {background: red;}
							to {background: #1ab1aa;}
						}
						
						@-moz-keyframes green 
						{
							from {background: red;}
							to {background: #1ab1aa;}
						}
						
						@-webkit-keyframes green
						{
							from {background: red;}
							to {background: #1ab1aa;}
						}
						
						
						@keyframes red
						{
							from {background: #1ab1aa;}
							to {background: red;}
						}
						
						@-moz-keyframes red
						{
							from {background: #1ab1aa;}
							to {background: red;}
						}
						
						@-webkit-keyframes red
						{
							from {background: #1ab1aa;}
							to {background: red;}
						}*/
						
						.webLabelMailSliding
						{
							float:left;
							height:20px;
							line-height:20px;
							text-indent:5px;
							float:left;
							font-size:12px;
							color:#fff;
							cursor:pointer;
							img
							{
								padding:0px;
								margin:0px;
								vertical-align:middle;
								margin-top:-2px;
								margin-left:3px;
								margin-right:3px;
							}
						}
					}
				}
			}
		}
	}
}
/*myWeb end*/



/*web Seting begin*/

.webSetTitle
{
	width:1100px;
	height:50px;
	margin:0px auto;
	.webSetTitText
	{
		font-size:26px;
		font-family:"微软雅黑";
		color:#3e7da7;
		margin-top:35px;
		float:left;
		margin-right:13px;
	}
	.chooseWeb
	{
		float:left;
		width:auto;
		margin-top:44px;
		color:#3e7da7;
		font-family: Arial, sans-serif;
		font-size:15px;
		border:1px solid #dcdcdc;
		padding:2px 10px;
		font-weight:bold;
	}
}
.webSetingLabel
{
	width:1100px;
	position:relative;
	overflow:hidden;
	margin-top:30px;
	.webSetingLabelNav
	{
		list-style:none;
		padding:0px;
		width:1098px;
		float:left;
		border-bottom:4px solid #618FB3;
		border-radius:10px 10px 0 0;
		border-left:1px  #e1e1e1 solid; 
		border-right:1px  #e1e1e1 solid; 
		box-shadow:0px -1px 2px rgba(153,153,153,.2);
		li
		{
			float:left;
			width:12.5%;
			height:40px;
			line-height:40px;
			cursor:pointer;
			border-top:1px  #e1e1e1 solid;
			transition: background  .3s;
			-moz-transition: background  .3s;
			-webkit-transition: background  .3s;
			.liContent
			{
				width:auto;
				border-right:1px  #e1e1e1 solid;
				clear:both;
			}
			.webSetMap
			{
				margin:0px auto;
				position:relative;
				width:auto;
				padding:0px;
				width:80px;
				vertical-align:middle;
				clear:both;
				.webSetNavIcon
				{
					width:16px;
					height:16px;
					position:relative;
					overflow:hidden;
					margin-top:13px;
					margin-right:5px;
					float:left;
					.websetBasis
					{
						width:16px;
						height:16px;
						float:left;
						transition: background-position  .3s;
						-moz-transition: background-position  .3s;
						-webkit-transition: background-position  .3;
					}
					.webSetIcon1
					{
						background:url(../images/websetIcon_03.png) 0% 100% no-repeat;
						background-size:32px 16px;
					}
					.webSetIcon2
					{
						background:url(../images/websetIcon_05.png) 0% 100% no-repeat;
						background-size:32px 16px;
					}
					.webSetIcon3
					{
						background:url(../images/websetIcon_07.png) 0% 100% no-repeat;
						background-size:32px 16px;
					}
					.webSetIcon4
					{
						background:url(../images/websetIcon_09.png) 0% 100% no-repeat;
						background-size:32px 16px;
					}
					.webSetIcon5
					{
						background:url(../images/websetIcon_11.png) 0% 100% no-repeat;
						background-size:32px 16px;
					}
					.webSetIcon6
					{
						background:url(../images/websetIcon_13.png) 0% 100% no-repeat;
						background-size:32px 16px;
					}
					.webSetIcon7
					{
						background:url(../images/websetIcon_15.png) 0% 100% no-repeat;
						background-size:32px 16px;
					}
					.webSetIcon8
					{
						background:url(../images/websetIcon_17.png) 0% 100% no-repeat;
						background-size:32px 16px;
					}
				}
				span
				{
					float:left;
					height:40px;
					line-height:40px;
					color:#585858;
					font-size:14px;
					font-family:"微软雅黑";
					transition: color  .5s;
					-moz-transition: color  .5s;
					-webkit-transition: color  .5s;
				}
			}
			&:hover
			{
				background:#618fb3;
				.webSetNavIcon .websetBasis
				{
					background-position:100% 100%;
				}
				span
				{
					color:#fff;
				}
			}
		}
		li:nth-child(1)
		{
			border-radius:10px 0 0 0 ;
		}
		li:nth-last-child(1)
		{
			border-radius:0 10px  0 0 ;
		}
		li:nth-last-child(1) > .liContent
		{
			border-right:0px;
		}
	}
	.webSetingConBox
	{
		display:none;
		width:1098px;
		background:#fff;
		box-shadow:0px 2px 3px rgba(153,153,153,.5);
		border:1px  #e1e1e1 solid; 
		border-top:none;
		clear:both;
		float:left;
		position:relative;
		min-height:800px;
		.corporateInformation
		{
			list-style:none;
			padding:0px;
			float:left;
			margin-top:30px;
			width:100%;
			li
			{
				float:left;
				position:relative;
			}
			.corporateInformationTitle
			{
				width:10%;
				text-align:right;
				font-size:14px;
				line-height:35px;
				color:#585858;
				float:left;
			}
			.corporateInformationContent
			{
				width:90%;
				float:left;
				text-align:left;
				height:50px;
				line-height:50px;
				span:nth-child(2)
				{
					color:red;
					float:left;
					line-height:38px;
				}				
				.CorporateMegInput
				{
					border:1px solid #e5e5e5;
					border-radius:7px;
					height:30px;
					line-height:30px;
					background:#f2f2f3;
					width:60%;
					text-indent:10PX;
					color:#585858;
					margin-left:20PX;
					margin-top:3PX;
					margin-right:10px;
					float:left;
				}
				.max
				{
					width:90%;
				}
				.Min
				{
					width:30%;
				}
				.CorporateMegTextare
				{
					border:1px solid #e5e5e5;
					border-radius:7px;
					background:#f2f2f3;
					width:60%;
					height:90px;
					line-height:23px;
					margin-left:20PX;
					color:#585858;
					margin-top:6PX;
					padding:10px;
					float:left;
				}
				.webMobileLOGO
				{
					width:60px;
					height:60px;
					margin-left:20px;
					margin-top:5px;
					float:left;
					position:relative;
					.webMobileLOGOText
					{
						opacity:0;
						width:60px;
						height:19px;
						line-height:19px;
						color:#fff;
						background:rgba(0,0,0,.5);
						position:absolute;
						bottom:0px;
						left:0px;
						text-align:center;
						cursor:pointer;
						transition: opacity  .3s ease-out;
						-moz-transition: opacity  .3s ease-out;
						-webkit-transition: opacity  .3s ease-out;
					}
					&:hover
					{
						.webMobileLOGOText
						{
							opacity:1;
						}
					}
				}
			}
		}
		.corporatInformationSave
		{
			width:160px;
			height:39px;
			line-height:39px;
			color:#fff;
			letter-spacing:11px;
			text-align:center;
			font-family:"微软雅黑";
			font-size:16px;
			border:0px;
			background:#1ab1aa;
			box-shadow:0px 1px 6px rgba(51,51,51,.2) inset;
			margin:30px auto;
			margin-left:40%;
			text-indent:11px;
			cursor:pointer;
		}
	}
}
/*web Seting end*/

/*分析代码 begin*/
.analysistit
{
	margin:20px;
	font-size:14px;
	color:#585858;
}
.blueanalysis
{
	color:#3e7da7
}
.analysis 
{
	padding: 0px 40px 0 20px;
	overflow: hidden;
}
.analysistxt 
{
	min-height: 200px;
	line-height: 23px;
	width: 100%;
	padding: 10px;
}
.setqrcode
{
	margin:20px;
	font-size:14px;
	line-height:30px;
	color:#585858
}
.messagebox
{
	padding:20px;
	overflow:hidden;
}
.messagesingle
{
	width:100%
}
/*分析代码 end*/

/*基础信息 begin*/
.basicInfor
{
	margin:10px;
	.basicInforNav
	{
		list-style:none;
		padding:0px;
		width:112px;
		float:left;
		li
		{
			float:left;
			width:113px;
			height:43px;
			cursor:pointer;
			background-size:340px 86px;
			margin-top:10px;
		}
		.changePwd
		{
			background:url(../images/changePwd.jpg) -226px 0px  no-repeat;
			
		}
		.domainInformation
		{
			background:url(../images/changePwd.jpg) 0 0 no-repeat;
		}
		.genScripts
		{
			background:url(../images/changePwd.jpg) -113px 0px no-repeat;
		}
	}
	.basicInforCon
	{
		display:none;
		width:800px;
		min-height:250px;
		float:left;
		margin:0px;
		border:2px solid #3e7da7;
		margin-top:10px;
	}
}
.generateScripts
{
	width:760px;
	float:left;
	margin:15px;
	line-height:30px;
	font-size:14px;
	color:#585858;
}
/*基础信息 end*/



/*模板信息 begin*/
.newweb{
	width:1058px;
	padding:20px;
	margin:0 auto;
	font-family:"微软雅黑";
	font-size:14px;
	color:#585858;
	line-height:30px;
	margin-top:40px;
	background:#FFF;
	border-radius:5px;
	border:1px  #e1e1e1 solid; 
	box-shadow:1px 1px 2px rgba(153,153,153,.2);
}
.newwebinput{
	border:1px solid #e5e5e5;
	border-radius:7px;
	height:30px;
	line-height:30px;
	background:#f2f2f3;
	width:60%;
	text-indent:10PX;
	color:#585858;
	margin-top:10px;
	margin-bottom:10px;
	float:left
	}
.aboutweb{
	border:1px solid #e5e5e5;
	border-radius:7px;
	background:#f2f2f3;
	min-height:60px;
	width:60%;
	text-indent:10PX;
	color:#585858;
	margin-top:5px;
	}
.industry{
	border:1px solid #e5e5e5;
	border-radius:3px;
	background:#f2f2f3;
	width:250px;
	color:#585858;
	margin-top:5px;
	margin-bottom:5px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
    text-align:center;
    option
    {
        text-align:center;
    }
	}
.color{
	width:30px;
	height:20px;
	margin-top:10px;
	margin-right:5px;
	display:inline-block;
	}
.green{
	background:#16a085;
	}
.lightgreen{
	background:#27ae60;
	}
.blue{
	background:#2980b9;
	}
.purple{
	background:#8e44ad;
	}
.black{
	background:#2c3e50;
	}
.yellow{
	background:#f39c12;
	}
.orange{
	background:#d35400;
	}
.red{
	background:#c0392b;
	}
.gray{
	background:#999999;
	}
.uplowd{
	width:20%;
	}
.choice{
	background:url(../images/chice.jpg) 0 0 no-repeat;
	width:67px;
	height:33px;
	margin-left:10px;
	margin-top:9px;
	float:left;
	border:none;
	cursor:pointer
	}
.thumbnailmin{
	width:232px;
	height:318px;
	float:left;
	margin:10px;
    position:relative;
    a
    {
        display:block;
        width:226px;
        padding:3px;
        text-align:center;
        position:absolute;
        margin:0px;
        bottom:0px;
        left:0px;
        color:#fff;
        font-size:1em;
        text-decoration:none;
		background:rgba(0,0,0,.7);
        opacity:0;
        transition:opacity .5s;
        -webkit-transition:opacity .5s;
        -moz-transition:opacity .5s;
    }
    &:hover
    {
        a
        {
            opacity:1;
        }
    }
}
/*.next{
	font-family:"微软雅黑";
	width:160px;
	height:38px;
	font-size:16px;
	text-align:center;
	line-height:38px;
	color:#FFF;
	text-decoration:none;
	display:block;
	margin:0 auto;
	margin-top:20px;
	background:#1ab1aa;
	box-shadow:2px 2px 5px rgba(0,0,0,.1) inset;
	}*/	
/*模板信息 end*/
/*上传模板 begin*/
.uploadtempale{
	width:1100px;
	margin:0 auto;
	font-family:"微软雅黑";
	font-size:14px;
	color:#585858;
	margin-top:40px;
	background:#FFF;
	}
.addtree{
	width:260px;
	padding:20px;
	background:#3e7da7;
	box-shadow:2px 2px 5px rgba(0,0,0,.1) inset;
	float:left;
	color:#FFF;
	overflow:hidden;
	margin-right:10px;
	min-height:325px;
	}
.addtree a{
	color:#FFF;
	text-decoration:none;}
.addtree_home{
	width:23px;
	height:21px;
	float:left
	}
.addtree_list{
	width:240px;
	margin-left:10px;}
.addtree_list li{
	background:url(../images/tree.png) left top no-repeat;
	padding-left:23px;
	list-style:none;
	height:36px;
	line-height:36px;}
.fotyellow{
	color:#FF0 !important}
.addtree_box
{
	float:left;
	width:200px;
	height:36px;
	border-bottom:solid 1px #5593b9;
	.addtree_boxIcon
	{
		width:20px;
		height:20px;
		float:left;
		margin:7px 7px 0 0 ;
		background-size:20px auto;
		a
		{
            float:left;
			text-decoration:none;
			cursor:pointer;
		}
	}
    .deleteAddTree_box
    {
        float:right;
        margin-right:5px;
        margin-top:9px;
        cursor:pointer;
        transition:opacity .5s;
        -webkit-transition:opacity .5s;
        -moz-transition:opacity .5s;
        opacity:0;
    }
    &:hover
    {
        .deleteAddTree_box
        {
            opacity:1;
            cursor:pointer;
        }
    }
}
.addnew{
	background: url(../images/treehalf.png) left top no-repeat !important; 
	}
.uploadbox{
	width:748px;
	padding:20px;
	line-height:30px;
	float:left;
	background:#FFF;
	border-radius:5px;
	border:1px  #e1e1e1 solid; 
	box-shadow:1px 1px 2px rgba(153,153,153,.2);}
.uploadinput{
	border:1px solid #e5e5e5;
	border-radius:7px;
	height:30px;
	line-height:30px;
	background:#f2f2f3;
	width:100%;
	text-indent:10PX;
	color:#585858;
	margin-top:10px;
	margin-bottom:10px;
	float:left
	}
.upload_ico
{
	float: left;
	margin-top:14px;
	margin-right:10px;
	.uploadIcon
	{
		width:20px;
		height:20px;
		float:left;
		background-size:20px auto;
	}
}
.ico_name{
	border:1px solid #e5e5e5;
	border-radius:7px;
	height:30px;
	line-height:30px;
	background:#f2f2f3;
	width:300px;
	text-indent:10PX;
	color:#585858;
	margin-top:10px;
	float:left
	}
.upload_ico_btn{
	float:left;
	margin-top:10px;
	margin-left:9px
	
	}
.aboutweb1{
	border:1px solid #e5e5e5;
	border-radius:7px;
	background:#f2f2f3;
	min-height:60px;
	width:100%;
	text-indent:10PX;
	color:#585858;
	margin-top:10px;
	}
.choice_btn{
	float:left;
	margin-top:10px;
	margin-right:10px;
	}

/*上传模板 end*/


/*公司新闻 begin*/

.CorporatNews
{
	float:left;
	margin:25px;
	.CorporatNewsTitle
	{
		width:1050px;
		height:30px;
		line-height:30px;
		color:#3e7da7;
		text-align:left;
		text-indent:8px;
		background:#a8cde5;
		font-size:14px;
		img
		{
			vertical-align:middle;
			margin:7px;
			float:right;
		}
	}
	.CorporatNewsTitleone
	{
		width:1050px;
		height:30px;
		line-height:30px;
		color:#3e7da7;
		float:left;
		text-align:left;
		text-indent:8px;
		background:#a8cde5;
		font-size:14px;
		margin-top:14px;
		img
		{
			vertical-align:middle;
			margin:7px;
			float:right;
		}
	}
	.CorPoratNewsTitxt
	{
		width:1050px;
		height:35px;
		line-height:35px;
		color:#585858;
		text-align:left;
		text-indent:17px;
		background:#ecf5fa;
		font-size:13ipx;
		span:nth-child(1)
		{
			height:35px;
			line-height:35px;
			float:left;
		}
		span:nth-child(2)
		{
			height:35px;
			line-height:35px;
			float:left;
		}
		span:nth-child(3)
		{
			width:80px;
			text-align:center;
			height:35px;
			line-height:35px;
			float:right;
		}
		span:nth-child(4)
		{
			height:35px;
			line-height:35px;
			float:right;
			width:80px;
			text-align:center;
		}
	}
	.CorporatNewsStyle
	{
		list-style:none;
		padding:0px;
		margin:0 auto;
		float:left;
		background:#ecf5fa;
		width:1050px;
		li
		{
			float:left;
			width:1050px;
			line-height:32px;
			position:relative;
			border-top:1px solid #cae1ef;
			.newsTitle
			{
				cursor:pointer;
			}
			.corporatNewsTwoClass
			{
				display:none;
				width:1050px;
				float:left;
				.corporatNewsTwoCon
				{
					float:left;
					width:1050px;
					line-height:32px;
					border-top:1px solid #cae1ef;
					label
					{
						margin-left:50px;
					}
					.Cor_PorDel
					{
						float:right;
						width:80px;
						text-align:center;
						height:32px;
						line-height:32px;
						margin-right:24px;
						
					}
					.Cor_PorEditor
					{
						float:right;
						width:80px;
						text-align:center;
						height:32px;
						line-height:32px;
						margin-right:0px;
						text-indent:0px;
					}
				}
				.addNewsTwoClass
				{
					float:left;
					width:1050px;
					line-height:32px;
					border-top:1px solid #cae1ef;
					text-indent:85px;
					a
					{
						color:#3e7da7;
						text-decoration:none;
					}
				}
			}
			.oneNewsClass
			{
				width:9px;
				height:9px;
				float:left;
				margin:12px;
				background:url(../images/newsStyleLeftIcon.gif) 100%  100% no-repeat;
				margin-left:18px;
				cursor:pointer;
			}
			span
			{
				img
				{
					cursor:pointer;
				}
				
			}
			.delOneNews
			{
				float:right;
						width:80px;
						text-align:center;
						height:32px;
						line-height:32px;
						margin-right:24px;
			}
			.editorOneNews
			{
				float:right;
						width:80px;
						text-align:center;
						height:32px;
						line-height:32px;
						margin-right:0px;
						text-indent:0px;
			}
		}
	}
	.addCopporatNewsOne
	{
		width:1050px;
		height:32px;
		line-height:32px;
		border-top:1px solid #cae1ef;
		float:left;
		background:#ecf5fa;
		a
		{
			text-decoration:none;
			color:#3e7da7;
			float:left;
			height:32px;
			line-height:32px;
			margin-left:32px;
		}
	}
	
}
.columnSorting
	{
		width:100%;
		float:left;
		a:nth-child(1)
		{
			margin-top:30px;
			float:left;
			cursor:pointer;
		}
		a:nth-child(2)
		{
			margin-top:30px;
			float:right;
			cursor:pointer;
		}
	}
	.columnSorting1
	{
		width:100%;
		float:left;
		a
		{
			margin-top:10px;
			float:left;
			cursor:pointer;
		}
		.ContentConlumnPaging
		{
			float:right;
			margin-top:13px;
			.previousPage
			{
				width:20px;
				height:20px;
				background:url(../images/pagePrevious.gif) no-repeat;
				background-size:40px 19px;
				float:left;
				margin-right:10px;	
			}
			.pageNumbers
			{
				list-style:none;
				padding:0px;
				float:left;
				li
				{
					background:url(../images/pageNumbersImg.png) no-repeat;
					width:20px;
					height:19px;
					line-height:19px;
					text-align:center;
					color:#8b8a8a;
					float:left;
					margin-right:1px;
					cursor:pointer;
				}
			}
			.nextPage
			{
				width:20px;
				height:20px;
				background:url(../images/pagePrevious.gif) 100% 100% no-repeat;
				background-size:40px 19px;	
				float:left;
				margin-left:10px;
			}
		}
	}
	.ContentColumn
	{
		width:100%;
		float:left;
		text-align:left;
		margin-top:15px;
		thead
		{
			background:#ecf5fa;
			height:30px;
			line-height:30px;
			color:#585858;
			input
			{
				float:left;
				margin:9px;
			}
		}
		tr
		{
			height:30px;
			line-height:30px;
			color:#585858;
			td
			{
				border-bottom:1px solid #e1edf3;
				.placedatTop
				{
					float:left;
					cursor:pointer;
					width:60px;
					height:19px;
					background:url(../images/Placedatthetop.png) 100% 100% no-repeat;
					background-size:120px 19px;
				}
			}
			input
			{
				float:left;
				margin:9px;
			}
			img
			{
				vertical-align:middle;
				float:left;
				margin-left:5px;
				cursor:pointer;
			}
		}
	}
/*公司新闻 end*/

/*留言信息 begin*/

.messagebox
{
	width:1060px;
	padding:20px;
	overflow:hidden;
	font-family:"微软雅黑";
	font-size:14px;
	line-height:23px;
	color:#585858;
}
.messagesingle_green
{
	width:1013px;
	padding:10px;
	padding-left:35px;
	border:solid 1px #acd598;
	background:url(../images/messageg.jpg) 10px 13px no-repeat;
	overflow:hidden;
	color:#3e7da7;
	margin-bottom:10px;
}
.messagesingle_black
{
	width:1013px;
	padding:10px;
	padding-left:35px;
	border:solid 1px #ccc;
	background:url(../images/messageb.jpg) 10px 13px no-repeat;
	overflow:hidden;
	margin-bottom:10px;
}
.messagesingle_data
{
	float:left;
	width:960px;
	height:30px;
	margin-bottom:10px;
}
.messagesingle_data span
{
	margin-right:30px;
}
.messagesingle_solve
{
	display:block;
	width:195px;
	float:right;
}
.message_btn{
	margin-left:10px;
	float:left;
	margin-top:4px;
}
.solve_btn
{
	margin-left:10px;
	float:left;
}
.releave_time
{
	width:960px;
	text-align:right;
	font-size:12px;
	color:#999
}
.message_page
{
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	heigth:30px;
}
.disabled{
	background:rgba(148, 147, 147, 0.7);
	display:inline-block;
	text-align:center;
	line-height:20px;
	margin:5px 4px;
	color:#FFF;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) inset;
	cursor:pointer;
    padding:0px 5px;
	}
/*.current
{
	background:#a8cde5;
	width:20px;
	height:20px;
	display:inline-block;
	text-align:center;
	line-height:20px;
	margin:5px;
	color:#3e7da7;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) inset;	
}*/
.message_page a
{
	background:#dcdbdb;
	width:auto;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	display:inline-block;
	text-align:center;
	line-height:20px;
	margin:5px 4px;
	color:#585858;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) inset;
	text-decoration:none;	
}
.message_page a:hover
{
	background:#a8cde5;
	width:auto;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	display:inline-block;
	text-align:center;
	line-height:20px;
	margin:5px 4px;
	color:#3e7da7;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) inset;
	cursor:pointer;
}
.messagesingControl
{
	width:67px;
	height:19px;
	background:url(../images/message_btn.jpg) no-repeat;
	background-size:134px 19px;
	float:left;
}
/*留言信息 end*/


/*数据源 begin*/
.dataSource
{
	width:113px;
	margin:20px 0 0 20px;
	padding:0;
	float:left;
	list-style:none;
	li
	{
		width:113px;
		height:43px;
		float:left;
		background-size:226px 43px;
		background-position:0% 100%l;
		margin-bottom:15px;
		cursor:pointer;
	}
	.sinaMicroblog
	{
		background:url(../images/shujuyuan_03.jpg) no-repeat;
	}
	.tencentMicroblog
	{
		background:url(../images/shujuyuan_06.jpg) no-repeat;
	}
	.fackbook
	{
		background:url(../images/shujuyuan_08.jpg) no-repeat;
	}
	.googleadd
	{
		background:url(../images/shujuyuan_10.jpg) no-repeat;
	}
	.onlineConsulting
	{
		background:url(../images/shujuyuan_12.jpg) no-repeat;
	}
	.baidu
	{
		background:url(../images/shujuyuan_031.jpg) no-repeat;
	}	
}
.datasSourceContent
{
	display:none;
	width:942px;
	float:left;
	border:2px solid #3e7da7;
	min-height:270px;
	margin-top:20px;
	margin-bottom:20px;
	.datasSourceContentText
	{
		padding:10px;
		width:900px;
		margin:10px;
		min-height:200px;
		border:1px solid #dcdcdc;
	}
}
/*数据源 end*/



/*财务 begin*/
.financialTitle
{
	width:1100px;
	background:#fff;
	border:1px solid #dcdcdc;
	height:38px;
	line-height:38px;
	margin-top:23px;
	p
	{
		color:#585858;
	}
	p:nth-child(1)
	{
		float:left;
		margin-left:15px;
		font-size:13px;
	}
	p:nth-child(2)
	{
		float:right;
		margin-right:15px;
		font-size:13px;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}
.financialAgreement
{
	width:1100px;
	background:#fff;
	border:1px solid #dcdcdc;
	border-top:0px;
	.agreementTitle
	{
		width:100%;
		float:left;
		height:72px;
		line-height:72px;
		span
		{
			font-size:20px;
			font-family:"微软雅黑";
			color:#636363;
			margin-left:18px;
		}
		.searchDate
		{
			width:360px;
			float:right;
			span
			{
				font-size:12px;
				float:left;
			}
			input
			{
				width:96px;
				height:26px;
				border:1px solid #dcdcdc;
				color:#636363;
				margin:0px 3px;
				text-indent:8px;
				float:left;
				margin-top:22px;
			}
			label
			{
				float:left;
			}
			a
			{
				display:block;
				background:url(../images/financialStart.jpg) no-repeat;
				width:48px;
				height:28px;
				float:left;
				margin-top:22px;
				margin-left:5px;
			}
		}
		
	}
	.financialTable
	{
		width:100%;
		float:left;
		thead
		{
			height:35px;
			line-height:35px;
			color:#585858;
			background:#ecf5fa;
		}
		td
		{
			height:34px;
			line-height:34px;
			border-bottom:1px solid #e1edf3;
			color:#7d7d7d;
			text-align:center;
		}
	}
	.financialBalance
	{
		width:100%;
		height:35px;
		line-height:35px;
		color:#585858;
		background:#ecf5fa;
		float:left;
		margin-top:15px;
		margin-bottom:15px;
		text-align:right;
		span
		{
			float:right;
			margin-right:20px;
			font-size:15px;
			font-weight:bold;
		}
	}
}
/*财务 end*/

.imagesUpdata
{
	width:100%;
	text-align:right;
	position:relative;
	.upfile
	{
		position:absolute;
		margin:0px;
		top:-35px;
		right:0px;
	}
}


.newsTypePic li a:hover{
	cursor:pointer;
}

/*统计 begin*/
.statisticalBottom
{
	width:1100px;
	margin:0px auto;
	a
	{
		text-decoration:none;
		color:#686868;
	}
}
.statisticalNav
{
	width:230px;
	float:left;
	background:url(../images/statisticalleftnavBG.gif) repeat-y;
	.statisticalTitle
	{
		width:100%;
		float:left;
		background:url(../images/statisticalleftnavTitleBG.gif) no-repeat;
		height:29px;
		line-height:29px;
		margin-top:17px;
		img
		{
			float:left;
			margin-top:5px;
			margin-left:20px;
		}
		p
		{
			font-size:14px;
			color:#686868;
			text-indent:15px;
		}
	}
	.statisticalunfold
	{
		width:100%;
		float:left;
		height:34px;
		line-height:34px;
		font-size:14px;
		color:#4b4b4b;
		text-indent:56px;
	}
	.statisticalfold
	{
		width:100%;
		float:left;
		height:34px;
		line-height:34px;
		font-size:14px;
		color:#4b4b4b;
		cursor:pointer;
		img
		{
			margin-right:7px;
			float:left;
			margin-top:14px;
			margin-left:42px;
		}
	}
	.statisticalfoldTo
	{
		width:100%;
		padding:0px;
		float:left;
		list-style:none;
		li
		{
			width:100%;
			float:left;
			height:29px;
			line-height:29px;
			font-size:14px;
			color:#4b4b4b;
			text-indent:65px;
		}
	}
}
.statisticalContent
{
	width:870px;
	float:left;
	.statisticalTitleContent
	{
		width:100%;
		float:left;
		/*background:url(../images/staTitBg.gif) repeat-x;*/
		height:39px;
		line-height:39px;
		font-size:14px;
		font-weight:bold;
		color:#4b4b4b;
		p
		{
			float:left;
			margin-left:10px;
		}
		.statisticalDateTime
		{
			width:277px;
			height:28px;
			float:right;
			line-height:28px;
			background:#fff;
			border:1px #e0e0e0 solid;
			margin-top:5px;
			margin-right:10px;
			.statisticalTimeText
			{
				float:left;
				font-size:15px;
				color:#4b4b4b;
				font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
				border:0px #fff solid;
				height:28px;
				line-height:30px;
				width:250px;
				text-indent:10px;
			}
			.statisticalTimebar
			{
				float:right;
				width:27px;
				height:28px;
				line-height:28px;
				img
				{
					margin-left:10px;
				}
			}
		}
	}
	.satatisticalData
	{
		width:100%;
		float:left;
		margin-top:15px;
		border-top:1px #e0e0e0 solid;
		border-left:1px #e0e0e0 solid;
		text-align:center;
		thead
		{
			background:#e9e9e9;
			th
			{
				border-right:1px #e0e0e0 solid;
				border-bottom:1px #e0e0e0 solid;
				padding:7px;
			}
		}
		tbody
		{
			tr
			{
				td
				{
					border-right:1px #e0e0e0 solid;
					border-bottom:1px #e0e0e0 solid;
					padding:10px;
				}
				td:nth-child(1)
				{
					border-right:1px #e0e0e0 solid;
					border-bottom:1px #e0e0e0 solid;
					padding:7px;
					color:#005c9c;
					font-size:13px;
				}
			}
			tr:nth-child(1)
			{
				td
				{
					border-right:1px #e0e0e0 solid;
					border-bottom:1px #e0e0e0 solid;
					padding:7px;
					font-size:15px;
					font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
				}
			}
		}
	}
}

/*统计 end*/

/** 16-11-30 wyq  新预览样式  **/

/*显示网址*/
#WebsiteTop{width:100%; margin:0 auto; position:relative; background:#fff;}
#WebsiteTop>input{width:100%; height:29px; display:block; border-radius:5px; border:none; font-size:14px; color:#000; text-align:left; background:#e6e6e8; padding:5px 30px; overflow:hidden;}
#WebsiteTop>a{display:block; width:14px; height:16px; position:absolute; top:7px; right:5px;}


/*屏幕*/
#editPre{ position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85);opacity:0;transition:0.5s opacity ease,z-index 0.5s ease;-webkit-transition:0.5s opacity ease,z-index 0.5s ease;
-moz-transition:0.5s opacity ease,z-index 0.5s ease;z-index:-1; }
.view-on{opacity:1 !important;z-index:1000  !important;}
.phone_screen,#phoneViewIframe{width:100%;height:100%; background-color:#fff; transition:0.6s width ease-out, 0.6s height ease-out;-webkit-transition:0.6s width ease-out, 0.6s height ease-out;
-moz-transition:0.6s width ease-out, 0.6s height ease-out;}
.PreCon{ margin:0px auto; min-width:300px;display: flex;align-items: center;height:100%; }
.preLeftCon{display: flex;align-items:center; margin:0 auto;transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);transition:0.6s transform ease-out;-webkit-transition:0.6s transform ease-out;-moz-transition:0.6s transform ease-out; }
.screen_rotate{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);}
.preLeft,.screenDir{  vertical-align:middle;}
.preLeft{
    height: 100%;
    background-color: #ccc;
    padding: 5px;
    border-radius: 45px;
    margin-left: auto;
    margin-right: auto;
//  margin-top: 20px;
    }

.preborder{ transition:0.6s width ease-out, 0.6s height ease-out;-webkit-transition:0.6s width ease-out, 0.6s height ease-out;-moz-transition:0.6s width ease-out, 0.6s height ease-out;}
 
.preborder{
    height: 100%;
    border: solid 20px #000;
    border-radius: 40px;
    border-bottom: solid 70px #000;
    border-top: solid 50px #000;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    overflow:hidden;
    }
    
.preRight{
    width:206px;
    position:absolute;
    top:20%;
    right:10%;
    }
.preRightmod img{ border:6px solid #fff; border-radius:5px; overflow:hidden;}
.preRightView{ width:175px; height:175px; position:absolute; top:-8%; right:-45%; text-align:center;}
.preRightTit{ color:#fff; font-size:16px; line-height:1.5em; vertical-align:middle; padding-top:20px;padding-left:30px;}
.preRightTit font{font-weight: bold;}
.preRightBt{ position:fixed; top:4%; right:3%;  border-radius:50%; background:#666;text-align:center; font-size:3.3rem;  padding: 0px 7px 4px 7px;color:rgba(60,68,56,1);border:0px;    transition: background 0.5s,color 0.5s;}
.preRightBt:hover{ cursor: pointer; background: #68b710; color: #fff;}

/*屏幕尺寸*/
.ViewportSize{ width:210px; position:relative;}
.ViewportSize ul li{display:block; height:36px; margin-top:4px;}
.ViewportSize ul li h4,.ViewportSize ul li a{ width:100%; height:36px; padding-left:5px; color:#202428; background:#e1e1e1; line-height:36px; }
.ViewportSize ul li i{
    width:0px; height:0px; display:inline-block; 
    vertical-align: middle;
    border-top: 6px solid #000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position:absolute;
    right:10px;
    top:15px;
    }
.ViewportSize ul li a{ width:100%; height:36px;display:block; font-size:14px; text-decoration:none; transition:background 1s,color 0.5s;}
.ViewportSize ul li a:hover,.ViewportSize ul li a.on{ background:#68b710; color:#fff;}
.Viewporttop{top:50px;}

/*横竖屏箭头*/
#WebsiteTop .ic{ width:29px; background-position: -3px -3px; height:29px; position:absolute;}
.screenDir{ cursor:pointer; opacity:0.2;}
.screenDir i{ display:block; width:104px; height:97px; margin:20px;}
.screenDir:hover{ opacity:1;}

.preRightView,#WebsiteTop .ic,#WebsiteTop>a,.screenDir i{background:url(/system/webdesign/images/Viewicon.png) no-repeat;}
.preRightView{background-position:0px -153px;}
#WebsiteTop>a{ background-position:-40px -8px;}
.screenDir i.dirLeft{ background-position:-0px -40px;}
.screenDir i.dirRight{ background-position:-104px -44px;}

/*媒体查询*/
@media (min-width: 1200px) and (max-width: 1460px){
    .preRight{right:5%;}
    .preLeftCon{ position:relative; right:50px;}
    }
@media (min-width: 1000px) and (max-width: 1199px){
    .preRight{right:5%;}
    .preLeftCon{ margin-left:10px;}
    }



/** 16-11-30 wyq  新预览样式  **/
/** 16  11-30 wyq 注释   老预览样式 **/
//.phonepreview
//{
//	width:1100px;
//	margin:0px auto;
//	display:none;
//	.phoneBox
//	{
//		width:850px;
//		height:750px;
//		float:left;
//		background:url(../images/phoneview1.png) 50% 50% no-repeat;
//		background-size:348px 694px;
//		position:relative;
//		.phoneViewIframe
//		{
//			width:336px;
//			height:545px;
//			border:0px;
//			float:left;
//			/*top:90px;*/
//			top:116px;
//			left:257px;
//			z-index:9999;
//			position:absolute;
//		}
//		//animation: phoneVerticalRotation 1s;
//		//-moz-animation: phoneVerticalRotation 1s;
//		//-webkit-animation: phoneVerticalRotation 1s;
//	}
//	.padBox
//	{
//		display:none;
//		width:850px;
//		height:750px;
//		float:left;
//		background:url(../images/padImg.png) 50% 50% no-repeat;
//		background-size:530px 685px;
//		position:relative;
//		.padViewIframe
//		{
//			width:463px;
//			height:522px;
//			border:0px;
//			float:left;
//			/*top:101px;*/
//			top:127px;
//			left:194px;
//			z-index:9999;
//			position:absolute;
//		}
//	}
//	.phoneViewControl
//	{
//		width:145px;
//		float:right;
//		.phonepad
//		{
//			width:100%;
//			float:left;
//			.phoneControl,.padControl
//			{
//				transition: background  .3s ease-out;
//				-moz-transition: box-shadow  .3s ease-out;
//				-webkit-transition: background .3s ease-out;
//				&:hover
//				{
//					background:#CCC;
//				}
//			}
//		}
//		.phoneControl
//		{
//			width:65px;
//			height:74px;
//			border-radius:5px;
//			background:#fff;
//			float:left;
//			cursor:pointer;
//			div
//			{
//				width:100%;
//				height:50px;
//				background:url(../images/phoneBG.png) 50% 50% no-repeat;
//				background-size:17px 35px;
//			}
//			label
//			{
//				width:100%;
//				text-align:center;
//			}
//		}
//		.padControl
//		{
//			width:65px;
//			height:74px;
//			border-radius:5px;
//			background:#fff;
//			float:right;
//			cursor:pointer;
//			div
//			{
//				width:100%;
//				height:50px;
//				background:url(../images/padbg.png) 50% 50% no-repeat;
//				background-size:25px 35px;
//			}
//			label
//			{
//				width:100%;
//				text-align:center;
//			}
//		}
//	}
//	.phoneViewQrCode
//	{
//		width:145px;
//		height:145px;
//		float:right;
//		background:#fff;
//		border-radius:5px;
//		margin-top:10px;
//		img
//		{
//			margin:15px;
//		}
//	}
//	.phoneViewAlert
//	{
//		width:100%;
//		height:157px;
//		background:url(../images/phoneViewAlert.png) 50% 50% no-repeat;
//		background-size:142px 157px;
//		float:left;
//		margin-top:10px;
//		.phoneViewAlertText
//		{
//			width:100%;
//			color:#fff;
//			line-height:23px;
//			text-align:center;
//			margin-top:35px;
//			color:#fbe6de;
//		}
//		.phoneViewAlertBt
//		{
//			width:97px;
//			height:29px;
//			line-height:29px;
//			margin-left:25px;
//			margin-top:7px;
//			color:#909090;
//			background:#fff;
//			border-radius:5px;
//			box-shadow:0px 0px 3px #999;
//			border:0px;
//			transition: box-shadow  .7s ease-out;
//			-moz-transition: box-shadow  .7s ease-out;
//			-webkit-transition: box-shadow  .7s ease-out;
//			img
//			{
//				margin-right:10px;
//				margin-top:-2px;
//			}
//			&:hover
//			{
//				box-shadow:0px 0px 2px rgba(51,51,51,.8);
//			}
//		}
//	}
//}
//.phoneRotatingH
//{
//	position:absolute;
//	float:left;
//	cursor:pointer;
//	opacity:.1;
//	transition: opacity  .7s ease-out;
//	-moz-transition: opacity  .7s ease-out;
//	-webkit-transition: opacity  .7s ease-out;
//	z-index:0;
//  top:310px;
//	left:100px;
//	&:hover
//	{
//		opacity:1;
//	}
//	
//}
//.phoneRotatingS
//{
//	display:none;
//	float:left;
//	position:absolute;
//	cursor:pointer;
//	opacity:.1;
//	transition: opacity  .7s ease-out;
//	-moz-transition: opacity  .7s ease-out;
//	-webkit-transition: opacity  .7s ease-out;
//	top:310px;
//	left:80px;
//	z-index:0;
//	&:hover
//	{
//		opacity:1;
//	}
//	
//}
//
//.padRotatingH
//{
//	position:absolute;
//	float:left;
//	cursor:pointer;
//	opacity:.1;
//	transition: opacity  .7s ease-out;
//	-moz-transition: opacity  .7s ease-out;
//	-webkit-transition: opacity  .7s ease-out;
//	z-index:0;
//  top:310px;
//	left:50px;
//	&:hover
//	{
//		opacity:1;
//	}
//	
//}
//.padRotatingS
//{
//	display:none;
//	float:left;
//	position:absolute;
//	cursor:pointer;
//	opacity:.1;
//	transition: opacity  .7s ease-out;
//	-moz-transition: opacity  .7s ease-out;
//	-webkit-transition: opacity  .7s ease-out;
//	top:310px;
//	left:50px;
//	z-index:0;
//	&:hover
//	{
//		opacity:1;
//	}
//	
//}
//
//@keyframes phoneVerticalRotationH
//{
//from {
//	transform: rotate(0deg);
//	-ms-transform: rotate(0deg);	
//	-webkit-transform: rotate(0deg);
//	-moz-transform: rotate(0deg);	
//}
//to {
//	transform: rotate(-90deg);
//	-ms-transform: rotate(-90deg);	
//	-webkit-transform: rotate(-90deg);
//	-moz-transform: rotate(-90deg);
//	}
//}
//
//@-moz-keyframes phoneVerticalRotationH
//{
//from {
//	transform: rotate(0deg);
//	-ms-transform: rotate(0deg);	
//	-webkit-transform: rotate(0deg);
//	-moz-transform: rotate(0deg);	
//}
//to {
//	transform: rotate(-90deg);
//	-ms-transform: rotate(-90deg);	
//	-webkit-transform: rotate(-90deg);
//	-moz-transform: rotate(-90deg);
//	}
//}
//
//@-webkit-keyframes phoneVerticalRotationH
//{
//from {
//	transform: rotate(0deg);
//	-ms-transform: rotate(0deg);	
//	-webkit-transform: rotate(0deg);
//	-moz-transform: rotate(0deg);	
//}
//to {
//	transform: rotate(-90deg);
//	-ms-transform: rotate(-90deg);	
//	-webkit-transform: rotate(-90deg);
//	-moz-transform: rotate(-90deg);
//	}
//}
//
//
//@keyframes phoneVerticalRotationS
//{
//from {
//	transform: rotate(-90deg);
//	-ms-transform: rotate(-90deg);	
//	-webkit-transform: rotate(-90deg);
//	-moz-transform: rotate(-90deg);	
//}
//to {
//	transform: rotate(0deg);
//	-ms-transform: rotate(0deg);	
//	-webkit-transform: rotate(0deg);
//	-moz-transform: rotate(0deg);
//	}
//}
//
//@-moz-keyframes phoneVerticalRotationS
//{
//from {
//	transform: rotate(-90deg);
//	-ms-transform: rotate(-90deg);	
//	-webkit-transform: rotate(-90deg);
//	-moz-transform: rotate(-90deg);	
//}
//to {
//	transform: rotate(0deg);
//	-ms-transform: rotate(0deg);	
//	-webkit-transform: rotate(0deg);
//	-moz-transform: rotate(0deg);
//	}
//}
//
//@-webkit-keyframes phoneVerticalRotationS
//{
//from {
//	transform: rotate(-90deg);
//	-ms-transform: rotate(-90deg);	
//	-webkit-transform: rotate(-90deg);
//	-moz-transform: rotate(-90deg);	
//}
//to {
//	transform: rotate(0deg);
//	-ms-transform: rotate(0deg);	
//	-webkit-transform: rotate(0deg);
//	-moz-transform: rotate(0deg);
//	}
//}
//


.ClassificationControl
{
	width:230px;
	float:left;
	margin-top:15px;
	margin-left:10px;
	list-style:none;
	padding:0px;
	li
	{
		width:100%;
		float:left;
		border:1px #dcdcdc solid;
		padding:8px 10px;
		border-radius:5px;
		margin-right:3px;
		margin-top:5px;
		transition: background  .3s;
		font-size:13px;
		-moz-transition: background  .3s;
		-webkit-transition: background  .3;
		color:#585858;
		.ClassIfication
		{
			border:0px;
			width:170px;
			transition: background  .3s;
			-moz-transition: background  .3s;
			-webkit-transition: background  .3;
		}
		img
		{
			float:right;
			margin-top:3px;
			cursor:pointer;
			visibility:hidden;
			transition: visibility  .1s;
			-moz-transition: visibility  .1s;
			-webkit-transition: visibility  .1;
		}
		&:hover
		{
			background:#f1f1f1;
			.ClassIfication
			{
				background:#f1f1f1;
			}
			img
			{
				visibility:inherit;
			}
		}
	}
}
.addNewStyle
{
	width:100px;
	height:30px;
	line-height:30px;
	border-radius:.5em 0 0 .5em;
	float:right;
	text-indent:10px;
	cursor:pointer;
	font-weight:bold;
	text-shadow:1px 1px 1px #398439;
	margin-top:10px;
}
.addClassIfication
{
	width:130px;
	float:left;
	height:31px;
	line-height:31px;
	border:1px #c5c5c5 solid;
	border-radius:5px;
	margin:10px;
	text-indent:10px;
	color:#585858;
}



.bgAllpage
{
	float:left;
	input
	{
		float:left;
		cursor:pointer;
	}
	span
	{	
		float:left;
		margin-left:5px;
		margin-top:2px;
		cursor:pointer;
	}
}
.addClassLinkation
{
	width:120px;
	float:left;
	height:34px;
	line-height:34px;
	border:1px #c5c5c5 solid;
	border-radius:5px;
	margin:7px 0 0;
	text-indent:10px;
	color:#585858;
}
.select_LinkActive
{
	float:right;
	cursor:pointer;
	font-weight:bold;
	margin-left: 5px;
	margin-top: 7px;
	a
	{
		color:#585858;
	}
}
#linkList a,#superLickDig li{cursor:pointer; }

#tab0 a:hover,
#tab0 a.on{background:#f5f5f5;}

.footAllPage
{
    float:left;
    input
    {
        float:left;
        margin-right:5px;
	margin-top: 20px;
    }
    label
    {
        float:left;
        margin-top:1px;
    }
}

/*2014-3-20  smq 模板管理（超级用户，代理商）began*/
.hotspotText1{
	width:80px;
	float:left;
	text-align:center;
	border-radius:10px;
	padding:7px 13px;
	color:#fff;
	background:#3c3b39;
	margin-top:14px;
	margin-left:14px;
	opacity:0;
	transition: opacity  .5s;
	-moz-transition: opacity  .5s;
	-webkit-transition: opacity  .5s;
	cursor:pointer;
}
.newtepMin{
	width:254px;
	float:left;
	height:384px;
	border:3px rgba(0,0,0,.1) solid;
	border-radius:3px;
	margin-left:60px;
	margin-top:20px;
	background:#FFF;
	box-shadow:0px 0px 3px #3c3b39;
	transition: border  .5s,box-shadow .5s;
	-moz-transition: border  .5s,box-shadow .5s;
	-webkit-transition: border  .5s,box-shadow .5s;
	}
.addtemplate{
	width:100px;
	height:100px;
	margin:0 auto;
	margin-top:100px;
	display:block;}
.add_tt{
	width:254px;
	height:30px;
	display:block;
	font-family:"微软雅黑";
	font-size:18px;
	color:#585858;
	text-align:center;
	margin-top:30px;
	cursor:pointer;
	text-decoration:none;
	
	}
/*2014-3-20  smq 模板管理（超级用户，代理商）end*/

.etNewsSort
{
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
	margin-top:5px;
	margin-left:17px;
	text-align:center;
}
.userBackgroundColorDiy
{
    width:300px;
    height:300px;
    margin-left:130px;
    margin-top:25px;
}
.userIconUpfile
{
    position:absolute;
    top:-35px;
    right:6px;
}

/*添加新内容*/
.addnewcon_bg
{
	background:#eeeeee;
}
.addnewcon_title
{
	float:left;
	width:970px;
	background:#fff;
	height:39px;
	line-height:39px;
	vertical-align:middle;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#585858;
	img
	{
		position:relative;
		margin-left:10px;
		margin-right:10px;
		margin-top:5px;
		top:2px;
	}
}
.addnewscontent
{
	float:left;
	width:760px;
	background:#f9f9f9;
	border:1px #cdcdcd solid;
	position:relative;
    clear:both;
	.addnewscontentTitle
	{
		width:100%;
		height:40px;
		line-height:40px;
		border-bottom:1px #cdcdcd solid;
		background:#efefef;
		i
		{
			float:left;
			width:49px;
			text-align:center;
			border-right:1px #cdcdcd solid;
		}
		span
		{
			float:left;
			color:#585858;
			text-indent:15px;
		}
	}
	.addContentTitle
	{
		float:left;
		width:670px;
		margin-left:40px;
		color:#585858;
		th
		{
            width:75px;
			height:50px;
			line-height:50px;
			vertical-align:middle;
			text-align:right;
			text-indent:-20px;
			font-weight:200;
		}
		td
		{
			text-align:left;
			.addtitle_ipt
			{
				width:230px;
				height:28px;
				line-height:28px;
				border:1px #cccccc solid;
				text-indent:5px;
				color:#585858;
				&:focus
				{
					border-color:#419db8;
				}
			}
			.select_dl
			{
				list-style:none;
				float:left;
				padding:0px;
				width:135px;
				height:28px;
				line-height:28px;
				background:#fff;
				border:1px #cccccc solid;
				dt
				{
					width:100%;
					height:28px;
					line-height:28px;
					cursor:pointer;
					transition: color  .3s;
					-moz-transition: color  .3s;
					-webkit-transition: color  .3s;
					span:nth-child(1)
					{
						display:block;
						float:left;
						width:105px;
						height:inherit;
						line-height:inherit;
						text-align:center;
                        overflow:hidden; 
                        white-space:nowrap; 
                        text-overflow:ellipsis;
					}
					span:nth-child(2)
					{
						width:20px;
						height:inherit;
						float:right;
						vertical-align:middle;
						position:relative;
						div
						{
							width:0px;
							height:0px;
							border-width:6px 6px;
							border-style:solid;
							border-color:#878787 transparent transparent transparent;
							position:absolute;
							top:12px;
							right:12px;
							opacity:.7;
							transition: opacity  .5s;
							-moz-transition: opacity  .5s;
							-webkit-transition: opacity  .5s;
						}
					}
					&:hover
					{
						color:#000;
						span:nth-child(2) div
						{
							opacity:1;
						}
					}
				}
				.dataSelect_dl
				{
					width:135px;
					list-style:none;
					padding:0px;
					background:#fff;
					display:none;
					box-shadow:0px 0px 1px #999;
					position:absolute;
                    clear:both;
                    z-index:9999;
					li
					{
						border-top:1px #CCC solid;
						text-align:center;
						cursor:pointer;
                        overflow:hidden; 
                        white-space:nowrap; 
                        text-overflow:ellipsis;
						&:hover
						{
							background:#ECECEC;
						}
					}
				}
				&:hover
				{
					dt
					{
						color:#000;
						span:nth-child(2) div
						{
							opacity:1;
						}
					}
				}
			}
            .select_dl:nth-child(2)
            {
                float:right;
            }
			.addHuman
			{
				width:100px;
				height:28px;
				line-height:28px;
				background:#fff;
				border:1px #cccccc solid;
				&:focus
				{
					border-color:#419db8;
				}
			}
			.adddateTime
			{
				width:100px;
				height:28px;
				line-height:28px;
				background:#fff;
				border:1px #cccccc solid;
				&:focus
				{
					border-color:#419db8;
				}
			}
			.imagesload
			{
				width:221px;
				height:28px;
				line-height:28px;
				border:1px #cccccc solid;
				text-indent:5px;
				color:#585858;
				input
				{
					width:140px;
					border:0px solid;
					height:inherit;
					line-height:inherit;
					float:left;
				}
				div
				{
					float:left;
					width:80px;
					height:inherit;
					line-height:inherit;
					background:#f1f1f1;
					color:#666666;
					text-align:center;
					cursor:pointer;
					border-left:1px #cccccc solid;
					transition:color .3s;
					-moz-transition:color .3s;
					-webkit-transition:color .3s;
					&:hover
					{
						color:#333;
					}
				}
			}
			.addNewIntroduction
			{
				width:596px;
				border:1px #cccccc solid;
				height:88px;
				color:#585858;
				line-height:20px;
				resize:none;
				&:focus
				{
					border-color:#419db8;
				}
			}
		}
	}
	.kindEditor
	{
		float:left;
		width:990px;
		margin-left:40px;
		margin-top:6px;
	}
	.AddNewSubmit
	{
		width:100%;
		float:left;
		text-align:center;
		margin:30px;
		.bt_SubmitAddNew
		{
			width:84px;
			height:28px;
			line-height:28px;
			background:#49afcd;
			border:1px #419db8 solid;
			color:#fff;
			cursor:pointer;
			transition:background .3s;
			-moz-transition:background .3s;
			-webkit-transition:background .3s;
			&:hover
			{
				background:#329bba;
			}
		}
		.bt_CloseAddNew
		{
			width:84px;
			height:28px;
			line-height:28px;
			background:#006dcc;
			border:1px #0062b8 solid;
			color:#fff;
			cursor:pointer;
			transition:background .3s;
			-moz-transition:background .3s;
			-webkit-transition:background .3s;
			&:hover
			{
				background:#005dae;
			}
		}
	}
}


/*2014-3-20  smq 模板管理（超级用户，代理商）began*/
.hotspotText1{
	width:80px;
	float:left;
	text-align:center;
	border-radius:10px;
	padding:7px 13px;
	color:#fff;
	background:#3c3b39;
	margin-top:14px;
	margin-left:14px;
	opacity:0;
	transition: opacity  .5s;
	-moz-transition: opacity  .5s;
	-webkit-transition: opacity  .5s;
	cursor:pointer;
}
.newtepMin{
	width:254px;
	float:left;
	height:384px;
	border:3px rgba(0,0,0,.1) solid;
	border-radius:3px;
	margin-left:60px;
	margin-top:20px;
	background:#FFF;
	box-shadow:0px 0px 3px #3c3b39;
	transition: border  .5s,box-shadow .5s;
	-moz-transition: border  .5s,box-shadow .5s;
	-webkit-transition: border  .5s,box-shadow .5s;
	}
.addtemplate{
	width:100px;
	height:100px;
	margin:0 auto;
	margin-top:100px;
	display:block;}
.add_tt{
	width:254px;
	height:30px;
	display:block;
	font-family:"微软雅黑";
	font-size:18px;
	color:#585858;
	text-align:center;
	margin-top:30px;
	cursor:pointer;
	text-decoration:none;
	
	}
/*2014-3-20  smq 模板管理（超级用户，代理商）end*/

/*背景大图展示样式 begin*/

.maxBg_box
{
    width:100%;
    line-style:none;
    padding:0;
    margin:0px 0 0 7px;
    li
    {
        float:left;
        border:1px #dddddd solid;
        width:150px;
        height:250px;
        background-size:150px 250px;
        background-attachment:scroll;
        margin:15px 15px 0 15px;
        border-radius:5px;
        transition: box-shadow  .5s,border-color .5s;
        -moz-transition: box-shadow  .5s,border-color .5s;
        -webkit-transition: box-shadow  .5s,border-color .5s;
        cursor:pointer;
        &:hover
        {
            border-color:#428bca;
            box-shadow:0px 0px 2px #585858;
        }
    }
}
.addNewConIframe
{
	display:none;
	width:760px;
	margin:0px;
	height:960px;
}
 .addNewsContent_Data
{
	width:760px;
	margin:0px;
	height:700px;
}
.usersAmendIframe
{
	display:none;
    width:369px;
    height:422px;
}
.usersAmend
{
    width:369px;
    height:422px;
}
.addClassifyDiv
{
	tr
	{
		line-height:35px;
		th
		{
			float:left;
			margin-right:7px;
		}
	}
}
.myWebTextTitleImgSize
{
	float:left;
	margin:15px 0;
	background:url(../images/newWebImg.png) 50% 50% no-repeat;
	background-size:1100px 352px;
	width:100%;
	height:600px;
	margin-top:30px;
	.myWebCreate
	{
		margin-top:25px;
		width:250px;
		height:40px;
		line-height:43px;
		text-align:center;
		color:rgba(55,55,55,1.00);
		font-size:15px;
		.titleBackground(#ececec;#c4c6c1);
		border-radius:10px;
		border-bottom:3px #878588 solid;
		cursor:pointer;
		text-indent:-15px;
		font-weight:bold;
		&:hover
		{
			.titleBackground(#c4c6c1;#ececec);
		}
		&:active
		{
			border-width:0px;
			margin-top:28px;
		}
		img
		{
			margin-right:15px;
			vertical-align:middle;
			margin-top:-5px;
		}
	}
	.templatesText
	{
		width:100%;
		float:left;
		text-align:center;
		color:#6e6e6e;
		font-size:25px;
		margin-top:60px;
		img
		{
			vertical-align:middle;
			margin-top:-5px;
			margin-right:10px;
		}
	}
	.templatesDescribe
	{
		width:100%;
		text-align:center;
		float:left;
		color:#a8a8a8;
		margin-top:8px;
	}
}
.webBasicMess
{
    width:960px;
    background:#fdfdfd;
    display:none;
    position:relative;
    .webBasicMessTitle
    {
        width:670px;
        height:80px;
        line-height:80px;
        border-bottom:1px #e1e1e1 dotted;
        text-align:center;
        margin-top:40px;
    }
    .PromptInformation
    {
        width:670px;
        h1
        {
            font-size: 20px;
            color: #656d78;
            font-weight: 600;
            font-weight:bold;
            margin-top:10px;
        }
        p
        {
            font-size: 14px;
            color: #aab2bd;
            font-weight: 400;
            margin-top:10px;
        }
    }
    .webBasicTable
    {
        margin:0 auto;
        list-style:none;
        padding:0px;
        width:670px;
        li
        {
            clear: both;
            height: 40px;
            margin: 15px 0;
            p
            {
                display: inline-block;
                float: left;
                height: 30px;
                line-height: 30px;
                width: 80px;
                font-size: 14px;
                color: #656d78;
            }
            input
            {
                background: #fff;
                border: #ccc 1px solid;
                float: left;
                font-size: 14px;
                color: #656d78;
                width: 250px;
                height: 30px;
                line-height: 30px;
                border-radius: 5px;
                padding: 0 5px;
            }
            span
            {
                float: left;
                height: 20px;
                line-height: 20px;
                color: #C00;
                display: none;
                margin: 0 0 0 10px;
            }
            textarea
            {
                border: 1px solid #d9dada;
                width: 380px;
                height: 20px;
                line-height: 20px;
                font-size: 14px;
                border-radius: 5px;
                resize: none;
                overflow: auto;
                color: #656d78;
                padding: 5px;
            }
            .deladdress
            {
                color: #aab2bd;
                padding-left: 80px;
                font-size: 13px;
            }
        }
    }
    .agree
    {
        color: #656d78;
        padding-left: 35px;
        font-size: 14px;
        display: block;
        width: 700px;
        margin: 0 auto;
        input{
            margin: 3px 3px 3px 4px;
            -webkit-appearance: checkbox;
            box-sizing: border-box;
        }
        a{
            color: #5a96bf;
            text-decoration: none;
        }
    }
    .btnSubmit
    {
        width: 670px;
        height: 75px;
        text-align: left;
        border-bottom: #e1e1e1 1px solid;
        margin: 40px auto 0;
        a
        {
            width: 180px;
            height: 50px;
            line-height: 50px;
            color: #fff;
            font-size: 20px;
            text-align: center;
            display: block;
            border-radius: 5px;
            background-color: #5a96bf;
            text-decoration: none;
            outline: 0;
        }
    }
    .introTip
    {
        width: 670px;
        padding-top: 20px;
        text-align: left;
        display: block;
        color: #aab2bd;
        font-size: 13px;
        padding-bottom: 85px;
        margin: 0 auto;
    }
}
.err
{
    visibility:hidden;
}
.error
{
	line-height:23px;
}
.createWebClose
{
    position:absolute;
    top:-1.5rem;
    right:-1.5rem;
    cursor:pointer;
}
.chengeTemplate
{
	width:128px;
	height:33px;
	line-height:25px;
	border:1px #080808 solid;
	.titleBackground(#302f2d;#403f3c);
	color:white;
	text-shadow:1px 1px 1px rgba(55,55,55,1.00);
	border-radius:3px;
	letter-spacing:2px;
	position:absolute;
	font-family:'微软雅黑';
	bottom:13px;
	left:112px;
	&:hover
	{
		.titleBackground(#403f3c;#302f2d);
	}
}
.newsClassife
{
    display:none;
}
.styleControl
{
    float:right;
    width:128px;
	height:30px;
	line-height:28px;
	border:1px #3e7da7 solid;
	.titleBackground(#64a4ce;#5089b0);
	color:white;
	letter-spacing:2px;
	font-family:'微软雅黑';
	&:hover
	{
		.titleBackground(#5089b0;#64a4ce);
	}
}


/*new新闻分类*/
.box-pack(@val)
{
    box-pack:@val;
    -moz-box-pack:@val;
    -webkit-box-pack:@val;
}
.newClassify
{
    display:-moz-box;
    display:-webkit-box;
    display:box;
    width:100%;
    .ClassifyLeft
    {
		margin:0;
		width:276px;
        background-color:#618fb3;
        overflow:auto;
    }
    .ClassifyRightTable
    {
		margin:0;
        -moz-box-flex:8;
        -webkit-box-flex:8;
        box-flex:8;
        margin-left:15px;
		margin-right:15px;
    }
}
.classifyLeftTitle
{
    font-family:"微软雅黑";
    font-size:15px;
    color:white;
    margin:10px;
}
.OnelastClassify
{
    padding:0;
    line-list:none;
    width:100%;
    background:#618fb3;
    li
    {
        width:100%;
        border-bottom:1px #7ca9cc solid;
        color:white;
        min-height:40px;
        line-height:40px;
		display:block;
		clear:both;
        span
        {
            text-align:left;
            margin-left:0px;
            font-weight:bold;
			width:200px;
			overflow:hidden;
			text-overflow:ellipsis; 
			white-space:nowrap;
			float:left;
        }
        img{
            cursor:pointer;
            margin:10px;
            float:right;
            vertical-align:middle;
			position:relative;
			display:inline;
        }  
    }
}
.TwoClassify {
    line-list:none;
    width:100%;
    margin-top:15px;
    background:#4d789a;
	display:block;
	clear:both;
    dd {
        width:100%;
        color:white;
        height:40px;
        line-height:40px;
        span {
            text-align:left;
            margin-left:35px;
            font-weight:bold;
            opacity:.8;
			width:200px;
			overflow:hidden;
			text-overflow:ellipsis; 
			white-space:nowrap;
			float:left;
        }
        img{
            cursor:pointer;
            margin:10px;
            float:right;
            vertical-align:middle;
        }    
    }
}
.classifyType
{
	width:20px;
	height:20px;
	float:left;
	margin-top:10px;
	text-align:center;
	color:black;
	margin-right:5px;
	line-height:20px;
}
/*个性定制页面  date：2014-05-08*/
.personalizedCustom
{
    width:1100px;
    margin:0 auto;
    clear:both;
    .perCus_title
    {
        background:url(../images/perCusTitleBg.png) center center no-repeat;
        width:100%;
        height:93px;
		line-height:100px;
		margin-top:95px;
        float:left;
		text-align:center;
        font-size:40px;
        color:#182c3a;
    }
    .perCus_futitle
    {
        width:100%;
        float:left;
        text-align:center;
        font-size:16px;
        color:#585858;
        margin:25px auto;
    }
    .perCus_con
    {
        width:100%;
        float:left;
        p
        {
            width:580px;
            margin:0 auto;
            color:#7e7e7e;
            line-height:27px;
        }
    }
    .perCus_Computer
    {
        width:100%;
        background:url(../images/perCusComputer.png) center center no-repeat;
        height:302px;
        margin:55px 0;
        float:left;
    }
    .perCus_line
    {
        width:100%;
        height:17px;
        background:url(../images/line.png)  center center no-repeat;
        float:left;
    }
    .perCus_TextTitle
    {
        width:100%;
        float:left;
        text-align:center;
        font-size:40px;
        margin:50px auto;
    }
    .reason
    {
        width:100%;
        float:left;
        list-type:none;
        li
        {
            width:25%;
            float:left;
            text-align:center;
            div
            {
                background:#cadeec;
                border-radius:50%;
                width:155px;
                height:155px;
                text-align:center;
                vertical-align:middle;
                img
                {
                    margin-top:40px;
                }
            }
            p
            {
                width:100px;
                margin:0 auto;
                line-height:23px;
                margin-top:25px;
                font-size:12px;
                font-weight:bold;
                color:#797979;
            }
        }
    }
    .features
    {
        background:url(../images/features.png) center center no-repeat;
        width:100%;
        height:82px;
        float:left;
        margin:32px auto;
    }
    .features_con
    {
        background:#cadeec;
        border-radius:30px;
        float:left;
        width:100%;
        list-type:none;
        li
        {
            width:33.33333333%;
            float:left;
            text-align:center;
            margin-top:41px;
            div
            {
                width:207px;
                font-family:"微软雅黑";
                font-size:18px;
                flaot:left;
                text-align:left;
                margin:15px auto;
                color:#3c3b39;
            }
            p
            {
                width:207px;
                color:#868686;
                text-align:left;
                flaot:left;
                line-height:23px;
                margin-bottom:30px;
            }
        }
    }
    .bt_webdesign
    {
        width:100%;
        float:left;
        text-align:center;
        margin-bottom:30px;
        height:40px;
        position:relative;
        margin-top:-30px;
        .bt_webdisig
        {
            width:196px;
            height:35px;
            border-radius:5px;
            background:#4b4b4b;
            color:white;
            text-shadow:1px 1px 1px rgba(0,0,0,.7);
            border:0px;
            border-bottom:3px #060606 solid;
            cursor:pointer;
            &:hover
            {
                background:#676767;
            }
            &:active{
                border:0px;
                margin-top:3px;
                background:#424242;
                box-shadow:3px 3px 1px rgba(0,0,0,.8) inset;
            }
        }
    }
    .efficacy
    {
        list-type:none;
        width:100%;
        float:left;
        padding:0px;
        margin-bottom:15px;
        li{
            width:33%;
            float:left;
            border-bottom:1px #cadeec solid;
            border-right:1px #cadeec solid;
            padding:30px 0;
            height:120px;
            .effi_img{
                width:110px;
                float:left;
                text-align:right;
                margin-right:13px;
            }
            .effi_title{
                font-family:"微软雅黑";
                font-size:18px;
                color:#3c3b39;
                float:left;
                margin-bottom:16px;
                width:200px;
            }
            .effi_con
            {
                float:left;
                width:180px;
                line-height:23px;
                color:#868686;
            }
        }
        li:nth-child(3),li:nth-child(6),li:nth-child(9){
            border-right:0px;
        }
        li:nth-last-of-type(2){
            border-bottom:0px;
        }
        li:last-child{
            border:0px; 
            width:66.1%; 
            text-align:center; 
            line-height:120px;
            font-family:"微软雅黑";
            font-size:18px;
            color:#808181;
        }
    }
}
/*招商页面  date：2014-05-12*/
.merchants 
{
	width:990px;
    margin:0 auto;
    clear:both;
	padding-bottom:30px;
    .merchantsone
    {
        width:100%;
        height:235px;
		padding-top:80px;
		.merchantsoneleft
		{
			background:url(../images/merchantsimg1.png) no-repeat center;
			width:360px;
			height:235px;
			float:left;
			margin-left:46px;
		}
		
		.merchantsoneright
		{
			width:375px;
			height:195px;
			float:right;
			margin-right:18px;
			padding:13px 60px;
			margin-top:10px;
			background:url(../images/merchantsonerightbg.png) no-repeat;
			font-family:"微软雅黑";
			font-size:14px;
			color:#fff;
			line-height:20px;
			h5
			{
				font-size:25px;
				text-align:center;
				color:#fff;
				line-height:38px
			}
		}
		
	}

	
	.merchantsphone
	{
		width:100%;
		height:60px;
		background:url(../images/merchantsphone.png) no-repeat center;
		padding:15px;
	}
	.merchantstwo
	{
		width:970px;
		height:375px;
		margin:0 auto;
		background:url(../images/merchantstwobg.png) no-repeat top;
		font-family:"微软雅黑";
		color:#777;
		line-height:20px;
		.merchantstwoleft
		{
			width:440px;
			height:76px;
			padding:300px 0 0 15px;
			float:left;
		}
		
		.merchantstworight
		{
			width:440px;
			height:76px;
			padding:300px 15px 0 0;
			float:right;
		}
		
	}
	.merchantsthree
	{
		width:990px; height:110px; background:url(../images/merchantsimg2.png) no-repeat center;
	}
	
	.merchantsfour
	{
		width:990px; padding-top:218px; background:url(../images/merchantsfourbg.jpg) no-repeat top;
		.merchantscon
		{
			width:990px; height:255px; text-align:center;
			ul
			{
				width:990px; height:255px;
				li
				{
					width:215px; height:255px; text-align:center; float:left; color:#818080; line-height:18px; margin-left:89px;
					h3
					{
						font-size:16px; color:#4e4e4e;font-family:"微软雅黑"; line-height:28px;
					}
				}
			}
		}
	}
	
	.merchantsp
	{
		width:990px; height:90px; padding:25px 0; line-height:40px;font-family:"微软雅黑"; color:#8aa6c0; font-size:30px; text-align:center;letter-spacing:5px;
		.merchantsp2
		{
			font-size:33px; color:#f07108; font-style:italic;
		}
	}
	
	.merchantsfive
	{
		width:990px; height:655px; background:url(../images/merchantsfive.png) no-repeat top;
	}
	
	.merchantssix
	{
		width:990px; height:710px; background:url(../images/merchantssix.png) no-repeat top;
	}
	.merchantsseven
	{
		width:990px; text-align:center; padding-bottom:20px;
	}
	.merchantseight
	{
		width:100%; height:auto;font-family:"微软雅黑"; color:#6a6a6a; text-align:center;
		.merchantstab
		{
			width:515px; padding:15px 28px 30px 28px; background:#fff; margin-top:10px; border-radius: 10px; border:9px solid #f2ebe5; color:#5a5959;
			td
			{
				height:55px;
			}
			.tdbt
			{
				font-size:15px; color:#444
			}
		}
	}
	
}
#site_year{
	border:1px #cccccc solid;
	border-radius:3px;
	background:#eeeeee;
	width:60px;
	text-align:center;
}
.form-control{
	margin-top:-23px;
}
.openMobileWeb th{
	width:70px;
	padding-right:5px;
	text-align:right;
	color:#585858;
}
.Callout{
	color:#585858;
	height:30px;
	line-height:30px;
	display:block;
	padding-left:5px;
}

.selecthost label{
	float:left;}
	

.searchBar{
	width:350px;
	height:40px;
	border:5px solid rgba(0,0,0,.1);
	border-radius:40px;
	float:left;
	margin-top:35px;
	margin-left:15px;
	margin-bottom:20px;}
.searchBar input{
	width:299px;
	height:30px;
	padding-left:10px;
	background:rgba(246,246,246,1);
	border-radius:30px;
	float:left;
	line-height:30px;
	border:0px;}
.searchBar button{
	background:url(../images/search.png) 50% 50% no-repeat;
	background-size:20px 20px;
	width:40px;
	border:0px;
	height:30px;
	border-left:1px solid rgba(0,0,0,.2);
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	box-shadow:5px 5px 20px rgba(88,88,88,.1) inset;
	float:right;}
	
	
@keyframes ue-pudding
{0%{transform:scale(1.2,0.8)}1%{transform:scale(1.18,0.82)}2%{transform:scale(1.16,0.84)}3%{transform:scale(1.13,0.87)}4%{transform:scale(1.1,0.9)}5%{transform:scale(1.07,0.93)}6%{transform:scale(1.04,0.96)}7%{transform:scale(1.01,0.99)}8%{transform:scale(0.99,1.01)}9%{transform:scale(0.97,1.03)}10%{transform:scale(0.95,1.05)}11%{transform:scale(0.94,1.06)}12%{transform:scale(0.93,1.07)}13%{transform:scale(0.93,1.07)}14%{transform:scale(0.93,1.07)}15%{transform:scale(0.93,1.07)}16%{transform:scale(0.94,1.06)}17%{transform:scale(0.94,1.06)}18%{transform:scale(0.95,1.05)}19%{transform:scale(0.96,1.04)}20%{transform:scale(0.98,1.02)}21%{transform:scale(0.99,1.01)}22%{transform:scale(1,1)}23%{transform:scale(1,1)}24%{transform:scale(1.01,0.99)}25%{transform:scale(1.02,0.98)}26%{transform:scale(1.02,0.98)}27%{transform:scale(1.02,0.98)}28%{transform:scale(1.03,0.97)}29%{transform:scale(1.03,0.97)}30%{transform:scale(1.02,0.98)}31%{transform:scale(1.02,0.98)}32%{transform:scale(1.02,0.98)}33%{transform:scale(1.02,0.98)}34%{transform:scale(1.01,0.99)}35%{transform:scale(1.01,0.99)}36%{transform:scale(1.01,0.99)}37%{transform:scale(1,1)}38%{transform:scale(1,1)}39%{transform:scale(1,1)}40%{transform:scale(0.99,1.01)}41%{transform:scale(0.99,1.01)}42%{transform:scale(0.99,1.01)}43%{transform:scale(0.99,1.01)}44%{transform:scale(0.99,1.01)}45%{transform:scale(0.99,1.01)}46%{transform:scale(0.99,1.01)}47%{transform:scale(0.99,1.01)}48%{transform:scale(0.99,1.01)}49%{transform:scale(1,1)}}
@-ms-keyframes ue-pudding
{0%{transform:scale(1.2,0.8)}1%{transform:scale(1.18,0.82)}2%{transform:scale(1.16,0.84)}3%{transform:scale(1.13,0.87)}4%{transform:scale(1.1,0.9)}5%{transform:scale(1.07,0.93)}6%{transform:scale(1.04,0.96)}7%{transform:scale(1.01,0.99)}8%{transform:scale(0.99,1.01)}9%{transform:scale(0.97,1.03)}10%{transform:scale(0.95,1.05)}11%{transform:scale(0.94,1.06)}12%{transform:scale(0.93,1.07)}13%{transform:scale(0.93,1.07)}14%{transform:scale(0.93,1.07)}15%{transform:scale(0.93,1.07)}16%{transform:scale(0.94,1.06)}17%{transform:scale(0.94,1.06)}18%{transform:scale(0.95,1.05)}19%{transform:scale(0.96,1.04)}20%{transform:scale(0.98,1.02)}21%{transform:scale(0.99,1.01)}22%{transform:scale(1,1)}23%{transform:scale(1,1)}24%{transform:scale(1.01,0.99)}25%{transform:scale(1.02,0.98)}26%{transform:scale(1.02,0.98)}27%{transform:scale(1.02,0.98)}28%{transform:scale(1.03,0.97)}29%{transform:scale(1.03,0.97)}30%{transform:scale(1.02,0.98)}31%{transform:scale(1.02,0.98)}32%{transform:scale(1.02,0.98)}33%{transform:scale(1.02,0.98)}34%{transform:scale(1.01,0.99)}35%{transform:scale(1.01,0.99)}36%{transform:scale(1.01,0.99)}37%{transform:scale(1,1)}38%{transform:scale(1,1)}39%{transform:scale(1,1)}40%{transform:scale(0.99,1.01)}41%{transform:scale(0.99,1.01)}42%{transform:scale(0.99,1.01)}43%{transform:scale(0.99,1.01)}44%{transform:scale(0.99,1.01)}45%{transform:scale(0.99,1.01)}46%{transform:scale(0.99,1.01)}47%{transform:scale(0.99,1.01)}48%{transform:scale(0.99,1.01)}49%{transform:scale(1,1)}}
@-webkit-keyframes ue-pudding
{0%{transform:scale(1.2,0.8)}1%{transform:scale(1.18,0.82)}2%{transform:scale(1.16,0.84)}3%{transform:scale(1.13,0.87)}4%{transform:scale(1.1,0.9)}5%{transform:scale(1.07,0.93)}6%{transform:scale(1.04,0.96)}7%{transform:scale(1.01,0.99)}8%{transform:scale(0.99,1.01)}9%{transform:scale(0.97,1.03)}10%{transform:scale(0.95,1.05)}11%{transform:scale(0.94,1.06)}12%{transform:scale(0.93,1.07)}13%{transform:scale(0.93,1.07)}14%{transform:scale(0.93,1.07)}15%{transform:scale(0.93,1.07)}16%{transform:scale(0.94,1.06)}17%{transform:scale(0.94,1.06)}18%{transform:scale(0.95,1.05)}19%{transform:scale(0.96,1.04)}20%{transform:scale(0.98,1.02)}21%{transform:scale(0.99,1.01)}22%{transform:scale(1,1)}23%{transform:scale(1,1)}24%{transform:scale(1.01,0.99)}25%{transform:scale(1.02,0.98)}26%{transform:scale(1.02,0.98)}27%{transform:scale(1.02,0.98)}28%{transform:scale(1.03,0.97)}29%{transform:scale(1.03,0.97)}30%{transform:scale(1.02,0.98)}31%{transform:scale(1.02,0.98)}32%{transform:scale(1.02,0.98)}33%{transform:scale(1.02,0.98)}34%{transform:scale(1.01,0.99)}35%{transform:scale(1.01,0.99)}36%{transform:scale(1.01,0.99)}37%{transform:scale(1,1)}38%{transform:scale(1,1)}39%{transform:scale(1,1)}40%{transform:scale(0.99,1.01)}41%{transform:scale(0.99,1.01)}42%{transform:scale(0.99,1.01)}43%{transform:scale(0.99,1.01)}44%{transform:scale(0.99,1.01)}45%{transform:scale(0.99,1.01)}46%{transform:scale(0.99,1.01)}47%{transform:scale(0.99,1.01)}48%{transform:scale(0.99,1.01)}49%{transform:scale(1,1)}}
@-moz-keyframes ue-pudding
{0%{transform:scale(1.2,0.8)}1%{transform:scale(1.18,0.82)}2%{transform:scale(1.16,0.84)}3%{transform:scale(1.13,0.87)}4%{transform:scale(1.1,0.9)}5%{transform:scale(1.07,0.93)}6%{transform:scale(1.04,0.96)}7%{transform:scale(1.01,0.99)}8%{transform:scale(0.99,1.01)}9%{transform:scale(0.97,1.03)}10%{transform:scale(0.95,1.05)}11%{transform:scale(0.94,1.06)}12%{transform:scale(0.93,1.07)}13%{transform:scale(0.93,1.07)}14%{transform:scale(0.93,1.07)}15%{transform:scale(0.93,1.07)}16%{transform:scale(0.94,1.06)}17%{transform:scale(0.94,1.06)}18%{transform:scale(0.95,1.05)}19%{transform:scale(0.96,1.04)}20%{transform:scale(0.98,1.02)}21%{transform:scale(0.99,1.01)}22%{transform:scale(1,1)}23%{transform:scale(1,1)}24%{transform:scale(1.01,0.99)}25%{transform:scale(1.02,0.98)}26%{transform:scale(1.02,0.98)}27%{transform:scale(1.02,0.98)}28%{transform:scale(1.03,0.97)}29%{transform:scale(1.03,0.97)}30%{transform:scale(1.02,0.98)}31%{transform:scale(1.02,0.98)}32%{transform:scale(1.02,0.98)}33%{transform:scale(1.02,0.98)}34%{transform:scale(1.01,0.99)}35%{transform:scale(1.01,0.99)}36%{transform:scale(1.01,0.99)}37%{transform:scale(1,1)}38%{transform:scale(1,1)}39%{transform:scale(1,1)}40%{transform:scale(0.99,1.01)}41%{transform:scale(0.99,1.01)}42%{transform:scale(0.99,1.01)}43%{transform:scale(0.99,1.01)}44%{transform:scale(0.99,1.01)}45%{transform:scale(0.99,1.01)}46%{transform:scale(0.99,1.01)}47%{transform:scale(0.99,1.01)}48%{transform:scale(0.99,1.01)}49%{transform:scale(1,1)}}

	.merchants0729
{
	background:#fff;
	width:1000px;
	.mervhants0729_two
	{
		background:url(../images/merchants0729img2.jpg) no-repeat;
		width:1000px;
		height:225px;
	}
	.mervhants0729_three
	{
		background:url(../images/merchants0729img3.jpg) no-repeat;
		width:1000px;
		height:350px;
	}
	.mervhants0729_four
	{
		width:1000px;
		height:57px;
	}
	.mervhants0729_five
	{
		background:url(../images/merchants0729img5.jpg) no-repeat;
		width:1000px;
		height:175px;
	}
	.mervhants0729_six
	{
		background:url(../images/merchants0729img6.jpg) no-repeat;
		width:1000px;
		height:300px;
	}
	.mervhants0729_seven
	{
		background:url(../images/merchants0729img7.jpg) no-repeat;
		width:1000px;
		height:210px;
	}
	.mervhants0729_eight
	{
		width:1000px;
	}
	.mervhants0729_nine
	{
		background:url(../images/merchants0729img9.jpg) no-repeat;
		width:1000px;
		height:220px;
	}
	.mervhants0729_ten
	{
		width:1000px;
		height:260px;
	}
	.merchantsliuyan
	{
		width:954px;
		padding:23px;
		position:fixed;
		margin:0px auto;
		bottom:0;
		background:#3367a7;
		color:#fff;
		.merchants072liuyantab
		{
			margin-top:15px;
		}
	}
	
}

/*内外边距弹出层 date：2014-8-19*/
.control-separator{ 
	clear: both;	 
}
.form_table {width: 100%;}
.form_table td.v_middle {vertical-align: middle;}
.form_table td {
vertical-align: middle;
padding: 7px 5px 7px 0;
}
.position-control {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1%;
	position: relative;
	border: 1px dashed #646362;
} 
.position-control .control-label {
	position: absolute;
	top: 10px;
	left: 10px;
}
 
.control_marginLeft, .control_center ,.control_marginRight{ 
	display: table-cell;
	vertical-align: middle;
	text-align: center;margin-right:5px}
.control_center{ padding:10px 0;}
.control_marginRight{ }
.control_padding{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 3px solid #646362;
	background: #f7f5ee;
	padding:10px ;
	width: 250px;
	margin: 15px 17px;
	position: relative;
}
.control_paddingTop {top: 20px;position: relative;}
.control__paddingRow{ overflow:hidden;}
.control_paddingLeft { float:left; margin:50px 0; }
.control_paddingRight{ float:right;margin:50px 0;}
.control_posbox{clear: both; display: table; margin:auto; }
.control_posdec{display: table-cell;padding-right: 15px;margin-top:10px;}
.control_posdec input{border-radius:5px;   border: 1px solid #AAAAAA;margin: 0 2px;}
.pxplace{display: table-cell; padding-left:5px;}
.ui-slider{ margin:3px auto !important}



.webAttTitle
{
	margin-top:10px;
	.attTitleText
	{
		height:25px;
		line-height:25px;
		span
		{
			float:left;
			color:#3e3d3b;
		}
		img
		{
			float:right;
			margin:10px;
		}
		transition: background .2s;
		-moz-transition: background .2s;
		-webkit-transition: background .2s;
/*		&:hover
		{
			background:#e5e5e5;
		}*/
	}
	
	.attTitleCon
	{
		margin-top:5px;
		.webAttTitleInput
		{
			width:100%;
			height:31px;
			line-height:31px;
			text-indent:10px;
			border-radius:5px;
			border:1px #d7d7d7 solid;
		}
	}
}
.webKeyWord
{
	margin-top:10px;
	.KeyWordText
	{
		height:25px;
		line-height:25px;
		span
		{
			float:left;
			color:#3e3d3b;
		}
		img
		{
			float:right;
			margin:10px;
		}
		transition: background .2s;
		-moz-transition: background .2s;
		-webkit-transition: background .2s;
/*		&:hover
		{
			background:#e5e5e5;
		}*/
	}
	.KeyWordCon
	{
		margin-top:5px;
		.KeyWordTextarea
		{
			width:100%;
			height:95px;
			line-height:23px;
			padding:5px;
			border-radius:5px;
			border:1px #d7d7d7 solid;
			resize:none;
		}
		.webAttTitleInput
		{
			width:100%;
			height:31px;
			line-height:31px;
		}
	}
}



/*招商案例0821*/	
.zhaoshangcasetopimg { width:1000px; margin:0 auto;}
.page_content{ margin:15px auto;width:935px; padding-bottom:25px;}
.page_case{width:935px;}
.page_case .case_content .pc_list{ position:relative;}
.page_case .case_content .pc_list .page{ height:35px;background:#f1f1f1;}
.page_case .case_content .pc_list .page a{font-family:"微软雅黑"; display:block;float:left;height:35px;line-height:35px;text-align:center;font-size:14px;margin-right:1px; padding:0 10px; text-decoration:none; color:#515151}
.page_case .case_content .pc_list .page a.on,.page_case .case_content .pc_list .page a:hover{ background:#DDD;color:#000;font-weight:bold;}

.pd_m{ display:block;width:149px;height:230px;float:left;margin-right:20px;margin-bottom:20px;background:url(../images/phone_xiao.jpg) no-repeat;padding:40px 12px 38px 11px;position:relative;overflow:visible;}
.pd_m .pd_nr p{ display:block;width:149px;height:218px;background:#333;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;position:absolute;top:40px;left:11px;z-index:999}
.pd_m .pd_nr a.bnt{ display:block;width:0px;height:36px;background:url(../images/bnt01.png) no-repeat;_background:url(../images/bnt01.gif) no-repeat 3px 3px;position:absolute;top:130px;left:28px;z-index:9999}
.pd_m .shao{ position:absolute;width:120px;height:142px;background:url(../images/shao.png) no-repeat;_background:url(../images/shao.gif) no-repeat;top:10px;right:-188px;padding:25px 34px 37px 45px;display:none;z-index:9999}
.pd_m .shao img{ float:left;border:2px solid #fff;}
.pd_m .shao p{ display:block;width:120px;height:24px;line-height:24px;float:left;text-align:left;font-family:"微软雅黑";color:#fff;font-size:12px;}
.pd_m .shao p span{ float:right;}
.pd_m .shoa{ left:-189px;background-position:0 -190px ;padding:27px 45px 21px 34px;}

.fgk_fgk {float:left;overflow:visible;width:580px;padding-top:20px; float:left;}

.fgk_right{margin-top:20px;background:url(../images/phone_da.gif) no-repeat 0 0;float:right;height:402px;overflow:hidden;padding:83px 25px 140px 25px;width:269px; float:right;}
.fgk_right .fgk_screll {height:402px;width:269px;}
.fgk_right .fgk_screll iframe {height:402px;overflow:hidden;width:269px;}
.fgk_right .fgk_screll iframe body{height:402px;overflow:hidden;width:269px;}
.fgk_right_01 {position:fixed;top:47px;}
.w{color:#FFFFFF;text-decoration:none;}
/*招商案例0821*/
.webSetingLabel .webSetingConBox .corporateInformation .corporateInformationContent label{ padding-top:5px; float:left; font-size:14px; color:#656d78; line-height:20px; padding-right:5px; padding-left:17px}
.webSetingLabel .webSetingConBox .corporateInformation .corporateInformationContent .checkbox{width:20px; height:20px; margin-top:5px; float:left; margin-right:10px; line-height:30px; display:inline}

@keyframes icon_popup{
    30%{transform: scale(1,1);}
    35%{transform: scale(1.3,1.3);}
    40%{transform: scale(1,1);}
    45%{transform: scale(1.3,1.3);}
    50%{transform: scale(1,1);}
}
@-webkit-keyframes icon_popup{
    30%{-webkit-transform: scale(1,1);}
    35%{-webkit-transform: scale(1.3,1.3);}
    40%{-webkit-transform: scale(1,1);}
    45%{-webkit-transform: scale(1.3,1.3);}
    50%{-webkit-transform: scale(1,1);}
}
@-moz-keyframes icon_popup{
    30%{-moz-transform: scale(1,1);}
    35%{-moz-transform: scale(1.3,1.3);}
    40%{-moz-transform: scale(1,1);}
    45%{-moz-transform: scale(1.3,1.3);}
    50%{-moz-transform: scale(1,1);}
}
@-ms-keyframes icon_popup{
    30%{-ms-transform: scale(1,1);}
    35%{-ms-transform: scale(1.3,1.3);}
    40%{-ms-transform: scale(1,1);}
    45%{-ms-transform: scale(1.3,1.3);}
    50%{-ms-transform: scale(1,1);}
}




@keyframes font_popup{
    from {transform: scale(0,0);}
    to{transform: scale(1.0,1.0);}
}
@-ms-keyframes font_popup{
    from {-ms-transform: scale(0,0);}
    to{-ms-transform: scale(1.0,1.0);}
}
@-moz-keyframes font_popup{
    from {-moz-transform: scale(0,0);}
    to{-moz-transform: scale(1.0,1.0);}
}
@-webkit-keyframes font_popup{
    from {-webkit-transform: scale(0,0);}
    to{-webkit-transform: scale(1.0,1.0);}
}


@keyframes loadingBar{
    from{background-position:-250px 0px;}
    to{background-position:0px 100%}
}
@-moz-keyframes loadingBar{
    from{background-position:-250px 0px;}
    to{background-position:0px 100%}
}
@-ms-keyframes loadingBar{
    from{background-position:-250px 0px;}
    to{background-position:0px 100%}
}
@-webkit-keyframes loadingBar{
    from{background-position:-250px 0px;}
    to{background-position:0px 100%}
}


.info_MainBox
{
    border-radius:20px;
    padding-bottom:10px;
    box-shadow: 0 2px 15px rgba(0,0,0,.1) inset;
}
.poorcolor{
	color:#D30000;
}
.generalcolor{
	color:#FE7E00;
}
.excellentcolor{
	color:#86B304;
}

.qhbqsize .sp-replacer
{
	width:150px !important;
}
.qhbqsize .sp-preview
{
	width:128px !important;
}
.voteboxsize .sp-replacer
{
	width:140px !important;
}
.voteboxsize .sp-preview
{
	width:115px !important;
}
[id*='changeColor999994'] .sp-preview,[id*='changeColor999995'] .sp-preview{ width:50px !important; }

/* 2014/10/20 定位弹出层样式 定义*/
.controlPopUpDiv{
	min-width: 20px;
	width:465px;
	min-height:500px;
	background: white;
	border: 1px solid #d2d2d2;
	border-radius:5px;
	position: absolute;
	top: 210px;
	right: 260px;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#formControlDiggDiv,#navControlDiggDiv{
	min-width:20px;
	width:435px;
	min-height:500px;
	background: white;
	border: 1px solid #d2d2d2;
	border-radius:5px;
	position: absolute;
	top: 200px;
	right: 180px;
	z-index: 9;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	padding-bottom:5px;
}
#formControlDiggDiv{ top:150px; right:260px;}

@media only screen and (min-width: 1024px) and (max-width: 1400px){
	#navControlDiggDiv{
		right:100px;
	}
	#formControlDiggDiv,.controlPopUpDiv{right: 210px;}

}
.popUPdivClose ,.merDivClose{
	width:35px;
	height:35px;
	background-image:url(../images/informationClose.png);
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	position:absolute;
	border: 1px solid #d2d2d2;
	top:-15px;
	z-index: 9999;
	right: -15px;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	border-radius:50%;
	cursor:pointer;
	transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	&:hover
	{

	transform: rotate(90deg);
	-ms-transform: rotate(90deg);	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);	
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	}
}
.poiontIcon{
	width:0px; 
	height:0px;
	border-top-width:17px;
	border-bottom-width:17px;
	border-right-width:17px;
	border-color:transparent #d2d2d2 transparent transparent;
	border-style:dashed solid dashed dashed;
	position:absolute;
	left:-22px;
	top:200px;
	&:before
	{
	content:"";
	width:0px; 
	height:0px;
	position: absolute;
	border-top-width:17px;
	border-bottom-width:17px;
	border-right-width:17px;
	border-color:transparent #f4f4f4 transparent transparent;
	border-style:dashed solid dashed dashed;
	top:-17px;
	left:-1px;
	box-shadow: 2px 0 10px rgba(0,0,0,.2) inset;
	}
}
.poionInput{
	width: 40px;text-indent: 0px;text-align: center;height: 20px;line-height: 20px;
}


.selectControlType {width: 100%; margin: 5px;overflow:hidden;}
ul.position_tabs,ul.position_tabs2 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 36px;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #cecece;
	width: 98%;
}
ul.position_tabs li[id*='DesignLi']{
    display:none;
}
ul.position_tabs li , ul.position_tabs2 li {
	width:20%;
	text-align:center;
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
	line-height: 35px;
	border: 1px solid #cecece;
	border-left: none;
	margin-bottom: -1px;
	background: #f6f6ee;
	overflow: hidden;
	position: relative;
}
ul.position_tabs li a ,ul.position_tabs2 li a {
	text-decoration: none;
	color: #000;
	display: block;
	border: 1px solid #fff;
	outline: none;
}
	
html ul.position_tabs li.position_active, html ul.position_tabs li.position_active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}

html ul.position_tabs2 li.position_active, html ul.position_tabs2 li.position_active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}


.position_container , .form_container {
	 
	overflow:hidden;
	border: 1px solid #cecece;
	border-top: none;
	clear: both;
	float: left;
	position:relative;
	width: 98%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.position_container {
	 min-height:500px;
}  
.form_container{
	/*min-height:590px;
	max-height:750px;
	height:600px;*/
}
.position_content:not(#property),.form_content {
	padding: 1%; 
}


/*2014/10/21 表单弹出层样式选择*/
.formTypeImg{
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 5px;
	margin:5px 6px;
}
.formTypeImg:hover
{
	cursor:pointer;
	box-shadow:0px 0px 3px #2c5977;
	border-radius:10px;
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
}
.formTypeImg:active
{
	box-shadow:0px 0px 7px #999 inset;
}


/* 工具箱 icon 样式 */
.kitIcon_download {
  background-position: -40px -0px !important;
}
.kitIcon_button {
  background-position: -160px -0px !important;
}
.kitIcon_search {
  background-position: -80px -0px !important;
}
.kitIcon_form {
  background-position: -80px -240px !important;
}
.kitIcon_form_contact {
  background-position: -200px -240px !important;
}
.kitIcon_hr {
  background-position: -120px -160px !important;
  /*2014-12-31修改*/
}
.kitIcon_slider {
  background-position: -240px -40px !important;
  /*2014-12-31修改*/
}
.kitIcon_wowSlider {
  background-position: -0px -80px !important;
  /*2016-8-31修改*/
}
.kitIcon_grid {
  background-position: -120px -40px !important;
}
.kitIcon_merchandise{
 background-position: -240px -80px !important;
}
.kitIcon_contact {
background-position: -240px -120px !important;
}
.kitIcon_navbar {
  background-position: -240px 0px !important;
}
.kitIcon_video {
  background-position: -40px -160px !important;
}
.kitIcon_map {
  background-position: -200px -120px !important;
  /*2014-12-31修改*/
}
.kitIcon_listview {
  background-position: -40px -120px !important;
  /*2014-12-31修改*/
}
.kitIcon_collapsible {
  background-position: -80px -40px !important;
  /*2014-12-31修改*/
}
.kitIcon_selectTab {
  background-position: -40px -40px !important;
}
.kitIcon_title {
  background-position: -0px -40px !important;
}
.kitIcon_text {
  background-position: -200px 0px !important;
  /*2014-12-31修改*/
}
.kitIcon_link {
  background-position: -200px -160px !important;
}
.kitIcon_image {
  background-position: -40px -80px !important;
}
.kitIcon_mobile {
  background-position: -80px -120px !important;
}
.kitIcon_email {
  background-position: -160px -120px !important;
}
.kitIcon_sms {
  background-position: -120px -120px !important;
  /*2014-12-31修改*/
}
.kitIcon_olserver {
  background-position: -0px -160px !important;
}
.kitIcon_newslist {
  background-position: -160px -80px !important;
  /*2014-12-31修改*/
}
.kitIcon_productlist {
  background-position: -200px -80px !important;
}
.kitIcon_goTop {
  background-position: -240px -160px !important;
  /*2014-12-31修改*/
}
.kitIcon_GarlleryPhoto {
  background-position: -200px -40px !important;
}
.kitIcon_space {
  background-position: -160px -160px !important;
}
//.kitIcon_leaveamessage {
//background-position: -420px -147px !important;
//}
.kitIcon_keywords {
  background-position: -0px -120px !important;
  /*2014-12-31修改*/
}
.kitIcon_google {
  background-position: -240px -200px !important;
}
.kitIcon_facebook {
  background-position: -0px -240px !important;
  /*2014-12-31修改*/
}
.kitIcon_tiwwer {
  background-position: -40px -240px !important;
  /*2014-12-31修改*/
}
//.kitIcon_txwb {
//background-position: -347px -196px !important;
///*2014-12-31修改*/
//}
.kitIcon_sina {
  background-position: -160px -200px !important;
  /*2014-12-31修改*/
}
.kitIcon_weixin {
  background-position: -200px -200px !important;
}
.kitIcon_ncard {
  background-position: -120px -80px !important;
  /*2014-12-31修改*/
}
.kitIcon_fieldset {
  background-position: -160px -40px !important;
  /*2014-12-31修改*/
}
.kitIcon_tagPhotoBox {
  background-position: -80px -80px !important;
  /*2015/3/17增加*/
}
.handle_title{
  background-position: -161px -320px !important ;
  /*2016/12/29增加*/
}
.footer_title{
  background-position: -202px -320px !important ;
  /*2017/1/5增加*/
}
.ejectbox_title{
  background-position: -241px -320px !important ;
  /*2017/2/6增加*/
}
.language_title{
background-position: 0px -360px !important ;
}
/*2015-1-8 添加 -------------------------------*/
.kitIcon_form_input {
  background-position: -240px -240px !important;
}
.kitIcon_form_name {
  background-position: -140px -350px !important;
}
.kitIcon_form_tel {
  background-position: -420px -300px !important;
}
.kitIcon_form_mail {
  background-position: -277px -350px !important;
}
.kitIcon_form_number {
  background-position: -80px -280px !important;
}
.kitIcon_form_add {
  background-position: -277px -350px !important;
}
.kitIcon_form_checkbox {
  background-position: -40px -280px !important;
}
.kitIcon_form_radio {
  background-position: -0px -280px !important;
}
.kitIcon_form_select {
  background-position: -160px -280px !important;
}
.kitIcon_form_data {
  background-position: -200px -280px !important;
}
/*2015-3-27 添加 -------------------------------*/
.kitIcon_form_orgin {
  background-position: -120px -280px !important;
}
.kitIcon_form_sex {
  background-position: -207px -400px !important;
}
.kitIcon_form_newform {
  background-position: -277px -400px !important;
}
.kitIcon_form_addres {
  background-position: -277px -350px !important;
}
.kitIcon_form_mail {
  background-position: -420px -250px !important;
}
.kitIcon_share {
  background-position: -0px -200px !important;
}
.kitIcon_shareSea {
  background-position: -80px -200px !important;
}
.kitIcon_cover {
  background-position: 0px 0px !important;
}
.kitIcon_music {
  background-position: -120px -0px !important;
}
.kitIcon_unload {
  background-position: -160px -240px !important;
}
.kitIcon_formSign {
  background-position: -120px -240px !important;
}
.kitIcon_vote {
  background-position: -80px -160px !important;
}
.kitIcon_reward {
  background-position: -0px -320px !important;
}
.kitIcon_socialEn {
  background-position: -120px -200px !important;
}
.kitIcon_social {
  background-position: -40px -200px !important;
}
.kitIcon_form_content {
  background-position: -240px -280px !important;
}
.kitIcon_form_pronunciation {
  background-position: -40px -360px !important;
}
/*2016-12-19 添加 -------------------------------*/
.kitIcon_notice {
  background-position: -38px -320px !important;
}
.kitIcon_location {
  background-position: -78px -320px !important;
}
.kitIcon_classlist {
  background-position: -119px -320px !important;
}

.controlelist .form{display:none}
/* 用户图库删除操作处理 -------------------------------*/
.closeSysemImage
{
	position:relative;
	overflow:hidden;
}
.closeSysemImage div
{
	position:absolute;
	background-color:rgba(0,0,0,.8);
	background-position:center 5px;
	background-repeat:no-repeat;
	width:30px;
	height:25px;
	bottom:-26px;
	right:10px;
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-webkit-transition:all .2s linear;
	&:nth-child(1)
	{
		background-image:url("http://www.eyingbao.com/system/styles/icon/svg/iconWhite/pencilicon.svg");
		background-size:16px 16px;
	}
	&:nth-child(2)
	{
		background-image:url(../images/webLabelControl_09.png);
	}
}
.closeSysemImage div:hover
{
	background-color:rgba(217,0,3,0.63);
}
.closeSysemImage:hover div
{
	bottom:0px;
}



.scoreTitleWarning
{
	position:absolute;
	display:none;
	top:35px;
	border-radius:6px;
	border:1px solid #cfb77f;
	z-index:99;
	left:0px;
	font-size:12px;
	color:#e8a200;
	line-height:23px;
	width:316px;
	box-shadow:0 7px 15px rgba(112,90,40,.1),0 0 5px rgba(112,90,40,.1) inset;
	padding:15px;
	background:white;
	transition:all .3s linear;
	-moz-transition:all .3s linear;
	-ms-transition:all .3s linear;
	-webkit-transition:all .3s linear;
}
.scoreTitleWarning:before
{
	position:absolute;
	top:-13px;
	right:10px;
	content:"";
	width:0px; 
	height:0px;
	border-left-width:10px;
	border-right-width:10px;
	border-bottom-width:10px;
	border-color:transparent transparent #cfb77f;
	border-style:dashed dashed solid;	
}
.scoreTitleWarning:after
{
	position:absolute;
	top:-12px;
	right:10px;
	content:"";
	width:0px; 
	height:0px;
	border-left-width:10px;
	border-right-width:10px;
	border-bottom-width:10px;
	border-color:transparent transparent rgba(252,252,251,1);
	border-style:dashed dashed solid;	
}

.mobileSeoTitle,.wechatBoxTitle,.stoppingTimeTitle,.bounceRateTitle,.loadpingTimeTitle
{
	position:relative;
}
.score
{
	cursor:pointer;
}
.dangerousWarningMessage
{
	display:none;
	position:absolute;
	top:40px;
	border-radius:6px;
	border:1px solid #cfb77f;
	z-index:99;
	text-align:left;
	left:-268px;
	font-size:12px;
	color:#e8a200;
	line-height:23px;
	width:316px;
	box-shadow:0 7px 15px rgba(112,90,40,.1),0 0 5px rgba(112,90,40,.1) inset;
	padding:15px;
	background:white;
	transition:all .3s linear;
	-moz-transition:all .3s linear;
	-ms-transition:all .3s linear;
	-webkit-transition:all .3s linear;
}
.dangerousWarningMessage:before
{
	position:absolute;
	top:-13px;
	right:10px;
	content:"";
	width:0px; 
	height:0px;
	border-left-width:10px;
	border-right-width:10px;
	border-bottom-width:10px;
	border-color:transparent transparent #cfb77f;
	border-style:dashed dashed solid;	
}
.dangerousWarningMessage:after
{
	position:absolute;
	top:-12px;
	right:10px;
	content:"";
	width:0px; 
	height:0px;
	border-left-width:10px;
	border-right-width:10px;
	border-bottom-width:10px;
	border-color:transparent transparent rgba(252,252,251,1);
	border-style:dashed dashed solid;	
}




/* 推荐内容 begin */
.recommendCon ::-webkit-input-placeholder{color:#9ebccf;}
.recommendCon :-moz-placeholder{color:#9ebccf;}
.recommendCon ::-moz-placeholder{color:#9ebccf;}
.recommendCon :-ms-input-placeholder{color:#9ebccf;}
.recommendCon
{
	float:left;
	width:100%;
	.searchBox
	{
		margin:40px auto 10px;
		width:445px;
		input
		{
			width:350px;
			font-size:13px;
			padding:10px;
			border-radius:5px 0 0 5px;
			border:1px #9ebccf solid;
			box-shadow:0px 0 3px rgba(0,0,0,.2) inset;
			color:#9ebccf;
			float:left;
		}
		button
		{
			cursor:pointer;
			margin:0px;
			padding:0;
			border-radius:0px 5px 5px 0px;
			height:38px;
			width:68px;
			border:1px solid #4482ab;
			box-shadow:1px 0 0  rgba(251,251,251,.25) inset;
			background-image:url(../images/recommendSearchIcon.png),-webkit-gradient(linear, 0 0, 0 100%, from(#7bbbe0), to(#5ca5d6));
			background-image:url(../images/recommendSearchIcon.png), -moz-linear-gradient(top, #7bbbe0, #5ca5d6);
			background-image:url(../images/recommendSearchIcon.png),-ms-linear-gradient(top, #7bbbe0, #5ca5d6);
			background-repeat:no-repeat;
			background-position:center center;
		}
	}
	.recommendClassify
	{
		text-align:center;
		color:#5e9bc0;
		font-weight:bold;
		a
		{
			margin:0 18px;
			text-decoration:none;
			font-family:"微软雅黑";
			font-size:13px;
			font-weight:bold;
			color:#5e9bc0;
		}
		margin-bottom:40px;
	}
	.recommendConTitleBox
	{
		margin:0 auto;
		width:1060px;
		font-size:20px;
		color:#787878;
		font-family:"微软雅黑";
		.recommendCollate
		{
			float:right;
			font-size:15px;
			a
			{
				display:inline-block;
				width:75px;
				font-family:"微软雅黑";
				text-decoration:none;
				padding: 0 15px;
				font-weight:bold;
				text-align:center;
				&:nth-child(1)
				{
					color:#db6b26;
					border-right:1px solid #d8d8d8;
					icon
					{
						display:inline-block;
						width:14px;
						height:15px;
						background:url(../images/recommendIcon.png) no-repeat;
						background-position:-574px 0;
						vertical-align:middle;
						top:-2px;
						margin-right:10px;
					}
				}
				&:nth-child(2)
				{
					color:#b1b2b2;
					icon
					{
						display:inline-block;
						width:14px;
						height:15px;
						background:url(../images/recommendIcon.png) no-repeat;
						background-position:top right;
						vertical-align:middle;
						top:-2px;
						margin-right:10px;
					}
				}
			}
		}
	}
	.recommendList
	{
		width:1060px;
		margin:0px auto 28px;
		font-size:0;
		transition:all .3s linear;
		-moz-transition:all .3s linear;
		-webkit-transition:all .3s linear;
		-ms-transition:all .3s linear;
		li
		{
			font-size:12px;
			display:inline-block;
			width:50%;
			margin-top:25px;
			.recommendListConBox
			{
				background:white;
				width:97%;
				outline-color:rgba(104,171,213,1.00);
				transition:all .3s linear;
				-moz-transition:all .3s linear;
				-webkit-transition:all .3s linear;
				-ms-transition:all .3s linear;
				.recommendMainCon
				{
					padding:20px;
					.recommend_Text
					{
						width:250px;
						padding:0 13px;
						display:inline-block;
						vertical-align:top;
						.recommend_Text_Title
						{
							clear:both;
							position:relative;
							span
							{
								display:block;
								font-size:18px;
								font-family:"微软雅黑";
								color:#5e9bc0;
								text-align:left !important;
								a
								{
									float:left;
									clear:both;
									width:170px;
									display:block;
									text-overflow:ellipsis;
									white-space:nowrap;
									overflow:hidden;
								}
							}
						}
						.recommend_Text_Abstract
						{
							position:relative;
							line-height:18px;
							padding:5px 0 15px;
							color:#939292;
							height:23px;
							overflow:hidden;
							text-overflow:ellipsis;
							clear:both;
							
						}
						.recommend_Data
						{
							margin-top:5px;
							a
							{
								display:inline-block;
								margin-right:25px;
								text-decoration:none;
								color:#afafaf;
								&:nth-child(1) div
								{
									background:url(../images/recommendIcon.png);
									width:18px;
									height:13px;
									background-repeat:no-repeat;
									background-position:-574px -15px;
									display:inline-block;
									vertical-align:middle;
									margin-right:5px;
								}
								&:nth-child(2) div
								{
									background:url(../images/recommendIcon.png);
									width:16px;
									height:13px;
									background-repeat:no-repeat;
									background-position:-574px -28px;
									display:inline-block;
									vertical-align:middle;
									margin-right:5px;
									margin-top:-2px;
								}
								&:nth-child(3) div
								{
									background:url(../images/recommendIcon.png);
									width:13px;
									height:15px;
									background-repeat:no-repeat;
									background-position:-574px -41px;
									display:inline-block;
									vertical-align:middle;
									margin-right:5px;
									margin-top:-2px;
								}
								&:hover
								{
									color:#5e9bc0;
								}
							}
						}
					}
					.recommend_QR
					{
						display:inline-block;
						width:90px;
						height:90px;
						text-align:center;
					}
				}
				img:last-of-type
				{
					display:inline-block;
				}
				&:hover
				{
					outline:10px solid rgba(104,171,213,.5);
					outline-offset:-10px;
				}
			}
		}
	}
	.next_btSize
	{
		width:100%;
		float:left;
		margin:20px 0px;
		height:40px;
		text-align:center;
		.next_bt
		{
			color:#fff;
			font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
			width:166px;
			height:35px;
			line-height:35px;
			border:0px;
			background:#4a4a4a;
			text-shadow:1px 1px 1px #383838;
			letter-spacing:2px;
			border-radius:5px;
			outline:none;
			cursor:pointer;
			transition: background  .5s;
			-moz-transition: background  .5s;
			-webkit-transition: background  .5s;
			box-shadow:0px 6px 1px rgba(0,0,0,1),0px -1px 1px rgba(255,255,255,.15) inset;
			clear:both;
			&:hover
			{
				background:#5d5d5d;
			}
			&:active
			{
				box-shadow:3px 3px 4px rgba(0,0,0,1) inset;
				background:#383838;
				margin-top:6px;
			}
		}
	}
}
.recommendList li:nth-child(odd) .recommendListConBox
{
	float:left;
}
.recommendList li:nth-child(even) .recommendListConBox
{
	float:right;
}
.tagType
{
	position:absolute;
	top:2px;
	right:0;
	font-size:13px;
	font-family:"微软雅黑";
	color:#afafaf;
	font-weight:bold;
}
.tagActivation
{
	display:inline-block;
	width:14px;
	height:15px;
	background:url(../images/recommendIcon.png) no-repeat;
	background-position:-574px 0;
	vertical-align:middle;
	margin-top:-2px;
	margin-left:6px;
}
.tagOld
{
	display:inline-block;
	width:14px;
	height:15px;
	background:url(../images/recommendIcon.png) no-repeat;
	background-position:top right;
	vertical-align:middle;
	margin-top:-2px;
	margin-left:6px;
}

.recommend_Recruit
{
	width:93px;
	height:94px;
	 
	background-position:0 0;
	display:inline-block;
}
.recommend_Vote
{
	width:93px;
	height:94px;
	background:url(../images/recommendIcon.png);
	background-position:-93px 0;
	display:inline-block;
}
.recommend_Activity
{
	width:93px;
	height:94px;
	background:url(../images/recommendIcon.png);
	background-position:-187px 0;
	display:inline-block;
}
.recommend_web
{
	width:93px;
	height:94px;
	background:url(../images/recommendIcon.png);
	background-position:-281px 0;
	display:inline-block;
}
.recommend_Post
{
	width:93px;
	height:94px;
	background:url(../images/recommendIcon.png);
	background-position:-380px 0;
	display:inline-block;
}
.recommend_Card
{
	width:93px;
	height:94px;
	background:url(../images/recommendIcon.png);
	background-position:-477px 0;
	display:inline-block;
}
.recommend_old
{
	opacity:.9;
	.recommendMainCon div:nth-child(1)
	{
		opacity:.5;
	}
	.recommend_Text_Title span
	{
		color:rgba(0,0,0,.7) !important;
	}
	.recommendListConBox:hover
	{
		outline:10px solid rgba(0,0,0,.3) !important;
	}
}
/* 推荐内容 end */
.demo3{
    min-width:300px;
    background-color:rgba(255,255,255,1);
	padding:5px 10px 5px 20px;
	position: absolute;
    top: 40px;
    right: -310px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #ddd;
    box-shadow:2px 2px 0px rgba(102,102,102,.6);
    font-size:14px;
    line-height:40px;
}
.demo3 img{ float:left;}
.demo3 i{ background:url(../images/arrow.png);position:absolute; left:-36px; top:-3px; display:block; width:36px; height:50px;}


.pagenum{
	background: none repeat scroll 0% 0% #DCDBDB;
	width: auto;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	margin: 5px;
	color: #585858;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) inset;
	text-decoration: none;
}
.editInfo
{
	background:rgba(0,0,0,.7);
	text-align:center;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	z-index:10;
}
.editInfo iframe
{
	margin-top:80px
}

/*边框定位样式begin*/
.control-opt b{
background-image: url(../images/borderType.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
width: 45px;
height: 45px;
}
.control-opt b:hover{
	cursor:pointer;
}
.control-opts{
	width:150px;
	height:150px;
	position:absolute;
	right:5px;
	z-index:99;

}
/*.control-opts:before
{
	content:"点击局部控制!";
	position:absolute;
	top:145px;
	width:100px;
	left:30px;
	color:#585858;
}*/
.control-opt{margin:0}




.control-opt,.control-opt b{width:45px;height:45px}
.control-opt.border-tl.selected b{background-position:0 -157px}
.control-opt.border-t b{background-position:-50px 0px}
.control-opt.border-t.selected b{background-position:-50px -157px}
.control-opt.border-tr,.control-opt.border-tr b{width:45px}
.control-opt.border-tr b{background-position:-99px 0px}
.control-opt.border-tr.selected b{background-position:-99px -157px}

.control-opt.border-l b{background-position:-0px -48px}
.control-opt.border-l.selected b{background-position:-0px -205px}
.control-opt.border-all b{background-position:-50px -48px}
.control-opt.border-all.selected b{background-position:-50px -205px}
.control-opt.border-r,.control-opt.border-r b{width:45px}
.control-opt.border-r b{background-position:-99px -48px}
.control-opt.border-r.selected b{background-position:-99px -205px}

.control-opt.border-bl,.control-opt.border-bl b{height:45px}
.control-opt.border-bl b{background-position:-0px -98px}
.control-opt.border-bl.selected b{background-position:-0px -255px}
.control-opt.border-b,.control-opt.border-b b{width:45px;height:45px}
.control-opt.border-b b{background-position:-50px -98px}
.control-opt.border-b.selected b{background-position:-50px -255px}
.control-opt.border-br,.control-opt.border-br b{width:45px;height:45px}
.control-opt.border-br b{background-position:-99px -98px}
.control-opt.border-br.selected b{background-position:-99px -255px}

.position-control{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative;border:1px dashed #646362}.position-control .control-label{position:absolute;top:10px;left:10px}
.position-control .text_field{margin-top:0}

.opacityDiv{
	 -webkit-transition:opacity .3s ease-in-out;
	 -moz-transition:opacity .3s ease-in-out;
	 -o-transition:opacity .3s ease-in-out;
	 transition:opacity .3s ease-in-out;
	 opacity:.3;filter:alpha(opacity=30);
	 cursor:default !important;
}


/*2014/12/11 增加 链接交互，可展开样式*/
.listWebDesign
{
	list-style:none;
	padding:0;
	margin:10px;
}
.listWebDesign li p
{
	border:1px solid #dddddd;
	padding:10px;
	margin-bottom:0;
	background:#f8f8f8;
	border-bottom:0;
	color:#585858;
}
.listWebDesign li p:nth-child(1)
{
	border-radius:3px 3px 0 0;
}
.listWebDesign li:last-of-type p
{
	border-bottom:1px solid #dddddd;
	border-radius: 0 0 3px 3px;
}
.listWebDesign li dl
{
	display:none;
}
.listWebDesign li dl dd:nth-child(1)
{
	border-top:0;
}
.listWebDesign li dl dd
{
	border:1px solid #dddddd;
	border-bottom:0;
	padding:10px;

}
.listWebDesign li dl dd:last-of-type
{
	border-bottom:1px solid #dddddd;
}
/*2015/1/19webdesign.html中，右侧工具库 选择类型样式 begin*/
//.dk_container
//{
//  font-family: 'Helvetica', Arial, sans-serif;
//  font-size: 12px;
//  font-weight: bold;
//  position:relative;
//  margin-top:0!important;
//}
//.dk_container:focus
//{
//  outline: 0;
//}
//.dk_container[disabled]
//{
//  opacity: .4;
//}
//.dk_container a
//{
//  cursor: pointer;
//  text-decoration: none;
//}
//.dk_container[disabled] a
//{
//  cursor: not-allowed;
//}
//.dk_toggle
//{
//  color: #333;
//  padding: 0px 0px 0px 10px;
//  position: relative;
//}
//.dk_toggle:hover, .dk_toggle:focus
//{
// color:#333;   
//}
//.dk_toggle:after
//{
//  position: absolute;
//  top: 45%;
//  right: 10px;
//  content: '';
//  border-left: 5px solid transparent;
//  border-right: 5px solid transparent;
//  border-top: 5px solid #4B4B4B;
//}
//.dk_focus .dk_toggle
//{
//}
//.dk_open
//{
//  z-index: 10;
//}
//.dk_open .dk_toggle
//{
//  color: #ccc;
//}
//.dk_open_top .dk_toggle
//{
//  border-radius: 0 0 5px 5px;
//  -moz-border-radius: 0 0 5px 5px;
//  -webkit-border-radius: 0 0 5px 5px;
//}
//.dk_open_top .dk_options, .dk_open_top .dk_options_inner
//{
//  border-radius: 5px 5px 0 0;
//  -moz-border-radius: 5px 5px 0 0;
//  -webkit-border-radius: 5px 5px 0 0;
//}
//.dk_options
//{
//  background: #fefefe;
//  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
//  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
//  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
//  border-radius: 0 0 5px 5px;
//  -moz-border-radius: 0 0 5px 5px;
//  -webkit-border-radius: 0 0 5px 5px;
//}
//.dk_options a
//{
//  background-color: #fff;
//  border-bottom: 1px solid #ddd;
//  font-weight: bold;
//  padding:0px 10px;
//  color: #666;
//}
//.dk_options a:hover, .dk_options:focus, .dk_options .dk_option_current a
//{
//  background-color: #cdcdcd;
//  border-bottom-color: #fdfdfd;
//  color: #fff;
//  text-decoration: none;
//}
//.dk_options li:last-child a
//{
//  border-bottom: none;
//}
//.dk_options .disabled
//{
//  cursor: default;
//}
//.dk_options .disabled a, .dk_options .dk_optgroup.disabled > span
//{
//  color: #aaa;
//}
//.dk_options .disabled:hover a, .dk_options .disabled:focus a
//{
//  cursor: default;
//  background-color: #fff;
//  border-bottom-color: #999;
//  text-shadow: none;
//}
//.dk_options .dk_optgroup
//{
//  padding-left: 5px;
//  background: #ddd;
//}
//.dk_options .dk_optgroup > span
//{
//  display: block;
//  padding: 5px 10px 5px 5px;
//  font-style: italic;
//  color: #444;
//  background: #ddd;
// border-bottom:;
//}
//.dk_options .dk_optgroup.disabled, .dk_options .dk_optgroup.disabled > span
//{
//  background: #eee;
//}
//.dk_options_inner
//{
//  max-height: 250px;
//  border: 1px solid #d7d7d7;
//  border-bottom-width: 2px;
//  color: #333;
//	line-height:29px;
//  border-radius: 0 0 5px 5px;
//  -moz-border-radius: 0 0 5px 5px;
//  -webkit-border-radius: 0 0 5px 5px;
//  margin-top: 0;
//}
//.dk_container
//{
//  display: none;
//  float: left;
//}
//.dk_container a
//{
//  outline: 0;
//}
//.dk_toggle
//{
//  display: -moz-inline-stack;
//  display: inline-block;
//*display: inline;
//  position: relative;
//  zoom: 1;
//}
//.dk_open
//{
//  position: relative;
//}
//.dk_open .dk_options
//{
//  display: block;
//}
//.dk_open .dk_label
//{
//  color: inherit;
//}
//.dk_options
//{
//  display: none;
//  margin-top: -1px;
//  position: absolute;
//  left:-8px!important;
//  top:33px!important;
//  width:136px;
//  z-index:99;
//}
//.dk_options a, .dk_options a:link, .dk_options a:visited
//{
//  display: block;
//}
//.dk_options_inner
//{
//  overflow:hidden;
//  position: relative;
//  -webkit-overflow-scrolling: touch;
//}
//.dk_container select
//{
//  position: absolute;
//  visibility: hidden;
//}
//.dk_mobile
//{
//  position: relative;
//}
//.dk_mobile select
//{
//  display: block;
//  width: 100%;
//  height: 100%;
//  top: 0;
//  left: 0;
//  visibility: visible;
//  opacity: 0;
//  appearance: none;
//  -moz-appearance: none;
//  -webkit-appearance: none;
//}
///* Here we reflect some of the styles from .dk_container to achieve the same visual also when without javascript */
//.dk_wrap
//{
//  position: relative;
//  display: inline-block;
//  min-width: 173px;
//  float: left;
//  margin-right: 10px;
//  margin-bottom: 18px;
//  background-color: #f5f5f5;
//  overflow: hidden;
//  border: 1px solid #ccc;
//  border-radius: 5px;
//  -moz-border-radius: 5px;
//  -webkit-border-radius: 5px;
//  -webkit-transition: border-color .5s;
//  -moz-transition: border-color .5s;
//  -o-transition: border-color .5s;
//  transition: border-color .5s;
//}
//.dk_wrap:after
//{
//  position: absolute;
//  display: block;
//  top: 45%;
//  right: 10px;
//  content: '';
//  border-left: 5px solid transparent;
//  border-right: 5px solid transparent;
//  border-top: 5px solid #4B4B4B;
//  pointer-events: none;
//}
//.dk_wrap select
//{
//  position: relative;
//  display: block;
//  width: 110%;
//  min-height: 32px;
//  padding: 6px 49px 6px 6px;
//  border: 0;
//  font-family: 'Helvetica', Arial, sans-serif;
//  font-size: 12px;
//  font-weight: bold;
//  line-height: 18px;
//  color: #333;
//  text-indent: 0.01px;
//  text-overflow: '';
//  text-shadow: #fff 1px 1px 0;
//  background: transparent;
//  background: rgba(255,255,255,0);
//  cursor: pointer;
//  border-radius: 0;
//  box-shadow: none;
//  appearance: none;
//  -moz-appearance: none;
//  -webkit-appearance: none;
//}
//.dk_wrap select:focus
//{
//  text-shadow: none;
//}
//.dk_wrap select::-ms-expand {
// display: none;
//}
//
///* Firefox only */
//@-moz-document url-prefix() {
//.dk_wrap select {
//padding: 0px 0px 0px 6px;
//}
//}
//
///* IE 10 + IE 11 only */
//@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
//.dk_wrap select
//{
//  padding: 0px 0px 0px 8px;
//}
//}
//
///* Opera 12 only */
//_:-o-prefocus, body:last-child .dk_wrap select {
//padding: 0px 0px 0px 10px;
//}


/*2015/1/19webdesign.html中，右侧工具库 选择类型样式 end*/


/* 2015/1/13 form tools style*/
.formElementsTit{
	width: 100%;
	text-indent: 11px;
	text-align: left;
	height:35px;
	line-height:35px;
}

.formelementsAttr{height:auto; width:100%;line-height:25px; }
.choiceSpan ,.titSpan{
	float:left;
}
.choiceBox{ float:right}
.formelementsCon{width:100%;margin-left: 5px;}
.elementsTinput {
	width:94%;
	height: 33px;
	line-height: 33px;
	border-radius: 5px;
	border: 1px #d7d7d7 solid;
	text-indent: 10px;
	color: #585858;
	z-index: 0;
	position: relative;
}
.formIcon{width:20px; height:20px; background:#ccc; padding:5px 3px 0 3px; margin:0 2px;border-radius:5px;}
.custom_checkbox{ margin:2px 0}
.custom_checkbox ul{ list-style:none;}
.custom_checkbox ul li{ width:27%; float:left;}
.ElementsTitW{text-align:left;text-indent:10px;font-family: 微软雅黑; height:35px;line-height:35px; font-size:14px;}
.ElementsConW{width:80%}
label {
color: #757575;
font-family: '微软雅黑';
}
#chr{ height:1px; border-top: 1px solid #ccc;width: 98%;margin: 10px 0;}
.attrCheck label{ text-indent:5px;position: relative;top: -2px;}
[type="checkbox"],[type="radio"]{cursor: pointer;}

.webContentMain .pageCenterMain .phone .infoImgBox1 {
position: absolute;
top: 25px;
right:50px;
cursor: pointer;
width:23px;
height:23px;
i{
background:url(../images/CompositeIndexIcon.png) no-repeat;
background-position:-158px -30px;
width:23px;
height:23px;
display:block;
}
}
.selectStyle{
	width:145px;
	height:37px;
	margin:5px 0px;
	line-height:37px;
	border-radius:5px;
	border:1px #d7d7d7 solid;
}
.selectStyle option{
	padding:5px;
}
/* 点击重置样式 begin*/
.resetBorder{
	position:relative;
	right: 0px;
	top: 0px;
}
.resetShadow{
	position: relative;
	bottom: 10px;
	right: 10px;
}
.resetStyle{
	position: relative;
	top: -365px;
	right: 10px;
}
/* 点击重置样式 end*/

.selectTag{
	border: 1px solid #CCC;
	padding: 5%;
	width: 90%;
	min-height: 100px;
	height:auto !important;
	height:100px;
	overflow:visible;
	margin: 20px 5%;
	border-radius: 2px;
}
.tagBut{
	background: #ccc;
	color: white;
	border: none;
	margin: 5px;
	padding: 5px;
	float: left;
}
.otherLi{
	float:left;
	display:block;
	width:90%;
}
.butList{
	display: block;
	margin-left: 5px;
}



/* 左上角拖动部分样式 */

.dragList{
    width:220px;
    padding:0;
    margin: 0px;
    list-style:none;
    float:left;
    margin-left:15px;
    }
.dragList li{
    width:220px;
    background:white;
    padding:0;
    margin:0px 0;
	overflow: hidden;
    }
.dragList li:hover
{
    .title{
        background-color: rgba(212,238,253,1);
		i{
	 	background:url(../images/CompositeIndexIcon.png) no-repeat -91px -28px;
		width: 30px;
		height: 25px;
		display: inline-block;
		float: left;
	 }
    }
    .content{
        opacity: 1;
    }
}
.title{
    width:100%;
    height:26px;
    margin:0;
    line-height:26px;
    font-family:"微软雅黑";
    text-align:left;
    color:#585858;
    font-size:13px;
    text-indent: 15px;
    position:relative;
    transition:all .3s linear;
    -ms-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    cursor: pointer;
	padding:0px;
	letter-spacing: 0px;
	 i{
	 	background:url(../images/CompositeIndexIcon.png) no-repeat -81px -28px;
		width: 30px;
		height: 25px;
		display: inline-block;
		float: left;
	 }
    }

.content{
    background:url(../images/CompositeIndexIcon.png) no-repeat ;
    width: 14px;
	background-position:-73px -34px;
    height: 14px;
    position: absolute;
    top: 6px;
    right: 8px;
    cursor: pointer;
    opacity: 0;
    transition:all .3s linear;
    -ms-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
}
.content2{
    background:url(../images/CompositeIndexIcon.png) no-repeat ;
    width: 14px;
	background-position:-54px -82.5px;
    height: 14px;
    position: absolute;
    top: 6px;
    right: 25px;
    cursor: pointer;
    opacity: 0;
    transition:all .3s linear;
    -ms-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
}
.content2 .pageListNew
{
    display: none;
    background:#64635f;
    width:150px;
    height:50px;
    position:fixed;
    float:left;
    border-radius:5px;
    left:220px;
    z-index:9999;
    padding:5px 0 0 0 ;     
	.pageListNewArrow
    {
        border-bottom: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid #64635f;
        border-top: 10px solid rgba(0, 0, 0, 0);
        font-size: 0;
        height: 0;
        line-height: 0;
        width: 0;
        position:fixed;
        z-index:6666;
        margin:0px;
        float:left;
        margin-left:-10px;
        margin-top:11px;
    }
	.pageListNewTop:nth-child(2)
    {

		color:#f3eed2;
		text-shadow:-1px -1px 1px #5b5a56;
		text-decoration:none;
		line-height: 40px;
		margin-left: 10px;		

    }
}
.content .pageListNew
{
    display: none;
    background:#64635f;
    width:87px;
    height:90px;
    position:fixed;
    float:left;
    border-radius:5px;
    left:240px;
    z-index:9999;
    padding:5px 0 0 0 ;
    .pageListNewArrow
    {
        border-bottom: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid #64635f;
        border-top: 10px solid rgba(0, 0, 0, 0);
        font-size: 0;
        height: 0;
        line-height: 0;
        width: 0;
        position:fixed;
        z-index:6666;
        margin:0px;
        float:left;
        margin-left:-10px;
        margin-top:11px;
    }
    .pageListNewTop:nth-child(2)
    {
        width:100%;
        margin-top:5px;
        position:relative;
		i
			{
			background:url(../images/CompositeIndexIcon.png) no-repeat;
			background-position:-181px -36px;
			float:left;
			width:12px;
			height:12px;
            margin-left:10px;
            margin-top:2px;
            margin-right:6px;
			}
        a
        {
            color:#f3eed2;
            text-shadow:-1px -1px 1px #5b5a56;
            text-decoration:none;
			line-height:18px;
            &:hover
            {
                text-decoration:underline;
            }
        }
	
    }
	.pageListNewTop:nth-child(3)
    {
        width:100%;
        margin-top:5px;
        position:relative;
		i
			{
			background:url(../images/CompositeIndexIcon.png) no-repeat;
			background-position:-192px -36px;
			float:left;
			width: 11px;
			height: 12px;
			margin-left: 10px;
			margin-top: 2px;
			margin-right: 7px;
			}
        a
        {
            color:#f3eed2;
            text-shadow:-1px -1px 1px #5b5a56;
            text-decoration:none;
			line-height:18px;
            &:hover
            {
                text-decoration:underline;
            }
        }
    }
    .pageListNewBtm
    {
        width:100%;
        margin:5px auto;
        i
        {
            float:left;
            margin-left:10px;
            margin-top:3px;
			width: 11px;
			height: 14px;
            margin-right:6px;
			background:url(../images/CompositeIndexIcon.png) no-repeat;
			background-position:-203px -35px;
        }
        a
        {
            color:#f3eed2;
			line-height:18px;
            text-shadow:-1px -1px 1px #5b5a56;
            text-decoration:none;
            &:hover
            {
                text-decoration:underline;
            }
        }
    }
}

.redioPageList
{
    width:14px;
    height: 14px;
    background-color: #fff;
    float: left;
    border-radius:50%;
    margin-top: 8px;
    margin-left:15px;
    position: relative;
}
.redioPageListYes:before
{
    content:"";
    position:absolute;
    top: 0px;
    left: 0px;
    width:10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 2px;
    border-radius: 50%;
    height: 10px;
    background-color: rgba(92,154,194,1);
}
.content .addPage
{
    display: none;
    width:279px;
    height:76px;
    background:#64635f;
    border-radius:5px;
    z-index:9999;
    padding:0px;
    position:fixed;
    left:240px;
    box-shadow:1px 1px 2px #CCC;
    .addPageArrow
    { 
        border-bottom: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid #64635f;
        border-top: 10px solid rgba(0, 0, 0, 0);
        font-size: 0;
        height: 0;
        line-height: 0;
        width: 0;
        position:absolute;
        margin:0px;
        float:left;
        margin-left:-10px;
        margin-top:11px;
    }
    .addPageTop
    {
        width:100%;
        float:left;
        height:30px;
        line-height:30px;
        .addPageRadio
        {
            float:left;
            margin-left:15px;
            margin-top:9px;
            display:block;
            position:relative;
            background:none;
        }
        span
        {
            margin:0px;
            float:left;
            margin-left:5px;
            margin-right:15px;
            font-family:"宋体";
            font-size:12px;
            color:#f3eed2;
            text-shadow:-1px -1px 1px #5b5a56;
        }
    }
    .addPageBtm
    {
        width:100%;
        float:left;
        input:nth-child(1) 
        {
            float:left;
            text-indent:10px;
            width:209px;
            border:0px solid;
            margin-left:15px;
            border-radius:5px;
            height:30px;
            line-height:30px;
            color:#585858;
        }
        input:nth-child(2)
        {
            float:left;
            width:39px;
            border-radius:5px;
            font-weight:bold;
            font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
            margin-left:6px;
            height:31px;
            line-height:29px;
            border:1px #639fc6 solid;
            background:#5c9ac2;
            color:#fff;
            text-shadow:-1px -1px 1px #5085a8;
            transition: background .2s;
            -moz-transition: background .2s,color .2s;
            -webkit-transition: background .2s,color .2s;
            &:hover
            {
                background:#487fa2;
                color:#a6cde6;
            }
        } 
    }
}
.childBox{
    width:100%;
    padding:0;
    list-style:none;
}
    
    
.title:before
{
   position: absolute;
   content:"";
   width: 20px;
   height: 26px;
   background-image: url(../images/pagelistbg.gif);
   background-repeat: no-repeat;
   top: 0;
   left:0px;
}
.dragList li:last-of-type .title:before
{
    background: url(../images/pagelistbglast.gif) !important;
}

li[lv]{
    position:relative;}
li[lv='1']{
    left:0px;}
li[lv='2']{
    left:30px;}
li[lv='3']{
    left:60px;}
li[lv='4']{
    left:90px;}
li[lv='5']{
    left:120px;}
li[lv='6']{
    left:150px;}
li[lv='7']{
    left:180px;}
li[lv='8']{
    left:210px;}
li[lv='9']{
    left:240px;}
li[lv='10']{
    left:270px;}
    



/* 新闻产品分类编写 */
.classifyMange
{
    width:275px;
}
.classifyMange li{
    width:275px;
    padding:0;
    margin:0px 0;
    }
.li2{background: transparent url("../images/tree2.png") no-repeat scroll left top !important;padding-left: 33px!important;}
.li3{background: transparent url("../images/tree3.png") no-repeat scroll left top !important;padding-left: 53px!important;}

/* 表单内容控件样式 */
[data-cr=horizontal] {
  display: -moz-box;  /* Firefox */ 
  display: -ms-flexbox;    /* IE10 */ 
  display: -webkit-box;    /* Safari */  
  display: -webkit-flex;    /* Chrome, WebKit */ 
  display: box;  
  display: flexbox;  
  display: flex;   
  width: 97%;  
  height: 100%;  

background:#;
  font-family: 微软雅黑;
  font-size:14px;

 box-orient: vertical;
	
	/*margin-top:10px;*/
}
[data-cr=horizontal] [data-tts = left] {
  display: -moz-box;
  display: -webkit-box;
  display: box;

  white-space:nowrap;
  
  background:#;
 color:#676767; 
 width:105px;
 
  
  text-indent: 10px;
  
	

}


[data-cr=horizontal] [data-tts = right] {

  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-flex: 2.0;
  -webkit-box-flex: 2.0;
  box-flex: 2.0;
  background:#;
  width:100%;
  font-size:0px;
}


span.item-cr{
/*width:33.333333333%;*/

/*width:50%;*/
display:inline-block;
height:33px;
padding:0;
margin:0;
font-size:13px;
position:relative;
top:4px;




}

[data-tts = right] > div {
  width: 100%;
}


span.item-cr input{vertical-align:middle; display:inline-block;}  
span.item-cr label{vertical-align:middle;margin-left:0px;  /*width: 83%; 影响表单总计报名*/
  white-space: nowrap;
  text-overflow: ellipsis; position:relative; top:1px;left:2px;}  
span.item-cr label{background:; display:inline-block; overflow:hidden;}	




/* 2015/06/06 商品源样式 */


.pay li{
	height:50px;
	width:390px;
	border:1px solid #ccc;
}

.pay .adds{
	margin:10px 0 0 0;
	height:35px;
	line-height:30px;
	font-weight:100;
	text-align:center;

	font-size:25px;
	border:1px solid #ccc;
	width:390px;
	cursor:pointer;
	margin-bottom:10px;
	
}

.pay .adds:hover{
	background:#bae9ff;
	/*color:#fff;*/
	
	
}

.pay .pay_des{
	height:470px;
	width:405px;
	border:0px solid #ccc;
	margin-top:px;
	
	
}

.pay .pay_des >div:first-child{
	width:150px;
	float:left;
	border-right:1px dashed #ccc;
	height:340px;
	display:none;
}


.pay .pay_des >div:last-child{
	width:237px;
	float:left;
	background:;

	height:340px;
	padding-left:4px;
	
	
}

.pay .pay_des >div:last-child > div{
	margin-top:10px;
	height:30px;
	padding:0 3px;
	
}
.pay .pay_des >div:last-child > div > span{
	float:left;
	height:30px;
	line-height:30px;
}

.pay .pay_des > div:last-child > div  > input{
	float:left;
	margin-left:5px;
	
	border:1px solid #ccc;
	width:155px; 
	height:30px;
	border-radius:3px; 

	line-height:30px;
	text-indent:3px;
}

.pay .pay_des > div:last-child button{
  width: 50px;
  height: 25px;
  line-height: 25px;
  font-size: 12px	
}

.pay .pay_des .thumb{
	
	
}
.contact_span{
	float:left;
	border:1px  dashed #ccc; 
	height:33px; 
	width:70px; 
	display:block; 
	padding:px;
	line-height:30px; 
	text-align:center;  
	margin: 8px 9px 5px 0; 
	font-size:14px;
	cursor:pointer;
}
.contact_span:hover{
	border:2px dashed red;
	
}
.KeyWordCon button{
    margin:0 3px;
}

.formAttCon{
    width:50%;
    display:inline-block;
}

/*----------icon分类样式---------*/
.selectIICON{ display:inline-block;margin-left:10px; margin-top:10px; margin-right:10px;}
.inputDiv{margin-top:10px; position:relative;padding:7px 10px; border:1px solid #d5d5d5; border-radius:5px; display:inline-block; width:155px;}
.inputDiv input{ border:0; width:90%;}
.inputDivspan{background:url(../images/searchicondiv.png) no-repeat center center; position:absolute; right:8px; top:5px; width:20px; height:20px; display:block}

/*----------上传样式---------*/
.downDiv{ width:100%; margin-top:15px; border-collapse:collapse; border:1px solid #ccc; font-size:14px}
.downDiv thead{ background:#eeeeee;}
.downDiv tr td{ border:1px solid #ccc; text-align:center; padding:10px 0;}
.downDiv tr:nth-child(odd){ background:#f9f9f9}
.downDiv tr td:nth-child(1){ width:5%;}
.downDiv tr td:nth-child(2){ width:8%;}
.downDiv tr td:nth-child(2) img{ width:30px;}
.downDiv tr td:nth-child(3){ width:55%; text-align:left; padding-left:2%;}
.downDiv tr td:nth-child(4){ width:10%;}
.downDiv tr td:nth-child(5){ width:12%;}
.downDiv tr td:nth-child(6){ width:8%;}
.inserta{ padding:7px 15px; margin-left:10px; color:#333; border:1px solid #cccccc; border-radius:5px; text-decoration:none;}
.piliang{ width:100%; height:45px; line-height:40px; border-bottom:1px solid #ccc; margin:15px 0; padding-bottom:10px;}
input.controleInputValue{border: 1px solid #ddd!important;
    border-radius: 5px;
    text-align: center;
    line-height: 35px!important;
    width: 45px; }
    
 /** 16-08-31 wyq 新属性面板样式  **/  
.controleAttHidCon { width: 465px; position: absolute; height: 605px!important; right: 260px; top: 150px; background: #fff; border: 1px solid #cccccc; border-radius: 5px; font-family: 微软雅黑; }
@media screen and (max-width: 1441px){
		.controleAttHidCon {
		right: 205px;
		}
	}
@media screen and (max-width:1380px){
		.controleAttHidCon {
		right: 205px;
		}
	}
@media screen and (max-width:1281px){
		.controleAttHidCon {
		right: 205px;
		width: 420px;
		}
		#iconTool .pageIconDialog,#chinaz, #styleH,.revisionmenu,.revisioncon{ width:380px !important}
		.mBorderUl, .mHrUl{ width:350px !important}
	}
.NewPropertiesTitle { height: 43px; padding-left: 20px; line-height: 43px; position: relative; font-size: 22px; font-family: arial; color: #626262; }
.NewProTitle{ position: relative;top: 10px;right: -10px;}
.NewPropertiesTitle span,.NewProTitle span { position: absolute; right: 20px; }
.NewPropertiesTitle span a,.NewProTitle span a{     transition:background 0.6s;color: #999999;margin-left:10px; font-size: 23px; font-weight: bolder; text-decoration: none;width:23px;height:23px;border-radius:23px;display:inline-block; line-height:23px;text-align:center;}
.NewPropertiesTitle span a:nth-child(2):hover,
.NewProTitle span a:nth-child(2):hover{background:#ccc}
.PagePropertiesUl { width: 100%; box-sizing: border-box; background:#f2f2f2; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 38px; }
.PagePropertiesUl li { width: 77px; height: 36px; line-height: 36px; display: inline-block; text-align: center; border-right: 1px solid #cccccc; float: left; font-size: 14px; }
@media screen and (max-width: 1282px) {
.PagePropertiesUl li{ width:69px;}
}
.PagePropertiesUl li a{ color:#626262; display:block;}
.PagePropertiesUl li a,.PagePropertiesUl li a:hover{text-decoration: none;}
.PagePropertiesUl li:last-child { border-right: 0; }
.PagePropertiesUl li.on { background: #fff; }
.controleAttHidCon .PagePropertiesCon{margin:4%;overflow-y: auto;height:calc(~"92% - 69px");overflow-x:hidden;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background: #fff; }
::-webkit-scrollbar-thumb{border-left:3px solid #ccc;}
::-webkit-scrollbar-thumb:hover {border-left-color:#3b98d1;}
::-webkit-scrollbar-thumb:active {border-left-color:#3b98d1;}
.controleAttHidCon{ overflow:hidden}

 /** 16-08-31 wyq 新属性面板样式  **/  
 
 
 
 
 	
	
/* 新加 工具库显示样式 */

.toollst{ width:100%;}
.webContentMain .pageRightMain .controlsSelect{height:auto}
.toollst li{ width:33.333333%; float:left; height:35px;
line-height:35px;text-align:center;position:relative; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.toollst li:nth-child(3),.toollst li:nth-child(6){border-right:0}
.toollst li:nth-child(4),.toollst li:nth-child(5),.toollst li:nth-child(6){border-bottom:0}
.toolAll a:hover,.toolAll a.on,.toollst li a:hover,.toollst li a.on{background:#d7d7d7; }
.toollst li a{ color:#3e3d3b; font-family:微软雅黑; text-decoration:none;display:block; position: relative;
    z-index: 999; }
.toollst li:nth-child(6) i{width:0; position:absolute; right:11px; top:13px; height:0; border-left:6px solid transparent;   border-right:6px solid transparent;   border-top:8px solid #7d7d7d;}

/*.toollst li:nth-child(6){ text-align:left; text-indent:12px;}*/
.toolAll{ position:absolute; top:111px; width:67.666666%; right:-1px; min-height:70px; background:#fff; border:1px solid #e5e5e5; z-index:999; display:none;}
.toolAll a{ border-bottom:1px solid #e5e5e5; line-height:35px; display:block; text-align:center; text-decoration:none; color:#3e3d3b; font-family:微软雅黑;}
.toolAll a:last-child{border-bottom:0}
#clipDel,.delChe,.delCon{transition-duration: 0.3s;transition-property:transform;transform-origin: bottom;}
#clipDel,.delChe{transform:scaleY(0);};
#clipDel{width:190px;position:fixed;bottom: 0px;height:40px;right:4px;z-index:99;}
.delChe,.delCon{ width:100%;height:35px;line-height:35px;background:#d7d7d7; cursor:pointer;position:absolute;}
.delCon p{color:#3e3d3b; text-align:center; padding-left:5px;  margin: 0; font-size:14px;}
.delCon p>i{color:#3e3d3b;font-size: 16px; padding-right: 5px;}
.delChe>button{ height:35px;width:50.2%; float:left;font-size:14px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#cccccc)); border: 1px #e5e5e5 solid; border-bottom: 1px solid #ccc;}
.delChe>button:first-child{margin-right: -1px;}

/** 16-09-01 wyq 新属性面板样式  **/
.fontStyUL{ width:152px; border-radius:5px;height:32px; line-height:32px; border:1px solid #ccc; margin-top:8px;margin-bottom:8px;}
.fontStyUL li{ width:calc(100%/3); border-right:1px solid #ccc; display:inline-block; text-align:center}
.fontStyUL li a{ color:#656565;    text-decoration: none; font-size:16px; display:block}
.fontStyUL li:last-child{border-right:0;}
.fontStyUL li:first-child a{ font-weight:bold}
.fontStyUL li:nth-child(2) a{ text-decoration:underline}
.fontStyUL li:last-child a{font-style:italic}
.fontStyUL li.on{ background:#e1e1e1;height:30px}
.fontStyUL li:first-child.on{border-radius:5px 0 0 5px}
.fontStyUL li:last-child.on{border-radius:0px 5px 5px 0 }
.editHTML{border:1px solid #ccc; border-radius:5px; width:100%; height:400px;padding:2%; line-height:1.6em; font-size:14px;};
.saveBtn,.returnBtn{line-height:20px; text-align:center; width:86px; border:1px solid #ccc; border-radius:5px; background:#f2f2f2; color:#626262; display:block; font-size:14px;}
.saveBtn{margin:10px auto 0;}
.returnBtn{ margin:13px auto 0; }
.revisionmenu>.returnBtn{margin-right:15px;}
.saveBtn:hover,.returnBtn:hover{color: #333;
    background-color: #d7d7d7;
    border-color: #adadad;
}
/** 16-09-01 wyq 新属性面板样式  **/
    
/** 16-09-05 wyq 设计面板样式 **/
.stydefault{background-image: linear-gradient(160deg,#fff 0,#fff 48%,#777 50%,#777 50%,#fff 52%,#fff 100%);width: 65px;height:27px;border: 1px solid #d3d3d3; margin-right: 5px; float:left; margin-top: 10px;}   
.moreSty{ border-bottom:1px dashed #aaa; min-height:70px; width:100%; padding:10px 5px 18px; margin-bottom:3px;}
.shadowBox{padding:10px 5px 5px; border-bottom:none;}
.shadowBox ul li{height:32px; border: 1px solid #cecccd;}

.moreSty ul{ padding:5px; border:1px solid #ccc; border-radius:5px;}
.moreSty li{ width:23%;  margin:5px 5%; display: inline-block;    position: relative; min-height:28px; }
.notice_style li{ width:40%; border:2px solid #e3e3e3;}
.customStyUl li:hover,.mBorderUl li:hover,.moreSty li:hover,.shadowlst li:hover{outline:2px solid #428bca; cursor:pointer;}
.customStyUl li.on,.mBorderUl li.on,.stydefault.on,.moreSty li.on,.shadowlst li.on{ outline:2px solid #428bca; cursor:pointer;pointer-events: none;}
.moreSty li a:hover{text-decoration: none;color:#fff;}
.shadowlst li{ width:21%;border:1px solid #ccc; margin:5px 6%;  height:26px; display:inline-block;vertical-align: top; text-align:center}
.shadowlst li:first-child{background-image: linear-gradient(160deg,#fff 0,#fff 48%,#777 50%,#777 50%,#fff 52%,#fff 100%);}
.shadowlst li:nth-child(2){ border:0;}
.shadowlst li:nth-child(3){ border:0;}
.shadowlst li:nth-child(3) a{border:0; display:block; border-bottom:1px solid #ccc; line-height:24px; cursor:pointer; background:url(images/gao.png) no-repeat 5px center; color:#7d7d7d; text-indent:20px;}
/*.bordersty li:last-child:hover,.shadowlst li:last-child:hover,.bordersty li:last-child{outline:1px solid transparent;}*/
.bordersty li{height:32px; line-height:26px; text-align:center;padding:0px !important;}
.bordersty li a{ text-align:left}
#iconTool .pageIconDialog{padding:10px 10px;}
.morestyBox{ width:100%; display:none;}
.morestyBox>ul{height:430px; overflow:hidden;overflow:scroll;}
.morestyBox ul li{ border:2px solid #e3e3e3; width:48%; margin:6px 1%; display:inline-block; padding:5px; border-radius:5px;min-height: 45px;overflow: hidden;vertical-align: middle;cursor:pointer;}
.nav_style ul li{ border:2px solid #fff;}
.morestyBox ul li:hover,.morestyBox ul li.on{ border-color:#428bca}
.morestyBox ul li a:hover{text-decoration: none;color:#fff;}
.controleButton{width: 80px;margin-right: 10px;}
#singleShadow ul, #shadow ul{margin-bottom:10px;}
.marginL{ margin-left:120px;}
.moreSty [data-type="fldsetsyle1"],.moreSty [data-type="fldsetsyle2"]{
 width:40%;
}

#lib_Tab1_sx{margin:0px;padding:0px;margin-bottom:15px;}
.lib_Menubox_sx {line-height:28px;position:relative; float:left; width:138px; height:470px;background:#fff; border-right:1px solid #e0e0e0}
.lib_Menubox_sx ul{margin:0px;padding:0px;list-style:none; height:auto;text-align:center; }
.lib_Menubox_sx li{display:block;cursor:pointer;width:138px;color:#676767;height:40px; position:relative; border-bottom:1px solid #e0e0e0;line-height:40px; }
.lib_Menubox_sx li span{ position:absolute; left:5px; width:20px; height:20px;}
.lib_Menubox_sx li em{ position:absolute; right:5px; top:3px; width:20px; height:20px;}
.lib_Menubox_sx li p{max-width: 110px;text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-height: 40px;text-indent:10px;}
.lib_Menubox_sx li i{ position:absolute; left:40px; top:8px; width:19px; font-style:normal; border:1px solid #ccc; padding:0; display:inline-block; height:19px; line-height:16px; text-align:center; font-size:20px; border-radius:19px;}
.lib_Menubox_sx li:last-child{ /*border-bottom:0;*/}
.lib_Menubox_sx li:last-child>div{ border:1px solid #e0e0e0; border-radius:5px;text-indent:25px; display:block; line-height:35px; margin:5px auto; width:100px;}
.lib_Menubox_sx li.hover{padding:0px;width:138px; background:#fff;  color:#5cb85c; font-weight:bold; transition:color 0.8s,font-weight 0.8s;}
.lib_Menubox_sx li:hover{ color:#5cb85c; font-weight:bold; transition:color 0.8s,font-weight 0.8s;}
.lib_Contentbox_sx{margin-top:0px; border-top:none;padding:20px; border-left:0; margin-left:130px;}
.lib_Contentbox_sx>div>ul,#basicSet>ul,#basicTxt>ul,#basicIcon>ul{display: flex;display:-webkit-flex;
display:-moz-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;align-items: center;-webkit-align-items: center;-moz-align-items: center;}
.OperatingHandleAttDesign .OperatingHandleAttCon {
    width: 70%;
    float: left;
    height: 40px;
    line-height: 40px;
}
.OperatingHandleAttDesign .OperatingHandleAttTitle {
    /* width: 60px; */
    width: 25%;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: right;
    color: #676767;
    margin-right: 3%;
}

.revisioncon {
    width: 432px;
    margin: 0;
    display: none;
    min-height: 250px;
    margin-top: 15px;
}
.control-opts {
    width: 150px;
    height: 150px;
    position: absolute;
    right: 5px;
    z-index: 99;
}
.control-opt b {
    background-image: url(http://test.qdetong.com/public/images/borderType.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
}
.fileStyle li{ height:90px; float:left;}
.fileStyle>ul{ height:auto; overflow:auto;}
.fileStyle>ul li [et_role="fldsetsyle16"] fieldset{margin-top:0;}
.width .rangeSlide, .width .rangeSlide{ width:50%;}
#wrapTextOnOff {
    vertical-align: middle;
    margin-top:12px;
    height:30px;
}
.neeOnButton {
    width: 80px;
    height: 21px;
    background: url(http://J.bjyyb.net/images/slideEditors.png) -622px -5px no-repeat;
    cursor: pointer;
}
.neeOffButton {
    background: url(http://J.bjyyb.net/images/slideEditors.png) -532px -5px no-repeat;
}
/** 16-09-05 wyq 设计面板样式 **/

.add_btn{cursor: pointer;background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #d9d8d8)) !important; border:1px solid #e0e0e0;   border-radius:5px; display:block; height:34px; line-height:33px; margin:5px auto; padding-left:30px; width:110px; color:#000; margin-top: 15px; position: relative;}
.add_btn:hover>i{background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), color-stop(1, #5cb85c));background: #5cb85c;  opacity:1; color:#fff; transition:opacity 0.5s ease-out,border 0.5s ease-out,background 0.5s ease-out,color 0.5s ease-out;  font-weight: bold;}
.add_btn:hover{border:1px solid #5cb85c; color:#fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), color-stop(1, #5cb85c)) !important;}
.add_btn>i{
	position: absolute;
    left: 20px;
    top: 7px; 
    width: 19px;
    font-style: normal;
    border: 1px solid #fff;
    padding: 0;
    display: inline-block;
    height: 19px;
    line-height: 15px;
    text-align: center;
    font-size: 20px;
    border-radius: 19px;}

/** 16-09-24 图片选择样式 **/
.click_img_sel+a{width:150px; height:100px; position:absolute;top:0px; border:1px solid #d7d7d7;border-radius:5px;display: flex;display:-webkit-flex;display:-moz-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap:wrap;justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;flex-direction: column;-webkitflex-direction: column;-moz-flex-direction: column;transition:background-color 0.5s ease-out;}
.click_img_sel+a .imgSizeMass{text-align:center;color:#fff;     opacity: 0; transition:opacity 0.5s ease-out}
.click_img_sel+a:hover .imgSizeMass{ opacity: 1;}
.click_img_sel+a:hover{ background-color:rgba(0,0,0,0.5); z-index:999;text-decoration:none ; }
.click_img_sel+a:hover span,.click_img_sel+a:hover input{opacity:1;}
.click_img_sel+a>span{ color:#fff;line-height:24px;text-align:center;}
.img_ratio {width: 80px;margin: 0 auto;line-height:24px;border: 1px #d7d7d7 solid;border-radius:5px;color: #585858;text-align:center;
}
.title_xzimg,.img_ratio{opacity:0;transition:opacity 0.5s ease-out; }
/** 16-09-24 图片选择样式 **/
.con_style ul li{ height:247px;}
.click_img_sel{border-radius: 5px;}

.btn-sm{
	line-height:30px;
	padding:0;
    text-align: center;
	width:150px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    color: #999999;
    margin: 10px auto 0;
    display: block;
    font-size: 14px;
}
.new_style ul li,.nav_style ul li{ width:23%;}
.new_style ul li{margin:20px 1%;}
/*导航更多样式*/
.nav_style ul li{
position:relative;
padding:0px;
}
.moreSty li i,.nav_style li i{
	display: block;
    line-height: 25px;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    background-color: rgba(66, 139, 202, 0.72);
    color: #ffffff;
    transform-origin: bottom;
    transform:scaleY(0);
    -webkit-transform:scaleY(0);
     -moz-transform:scaleY(0);
    transition:0.4s transform ease;
    -webkit-transition:0.4s transform ease;
    -moz-transition:0.4s transform ease;
}
.moreSty li:hover i,.nav_style li:hover i{
	 transform:scaleY(1);
    -webkit-transform:scaleY(1);
     -moz-transform:scaleY(1);
}
 
/*导航更多样式*/

.conAttCon .ConButa{ border:1px solid red;  background:rgba(0,0,0,0.5) !important; z-index:999; }
.ConButa>span{ display:block !important; background:
url(../newUI/images/iconi.png) no-repeat center top; opacity:1 !important; padding-top: 20px; line-height: 1.5em !important; font-size:100%;}

/*图片比例上传错误提示*/
.prohader {
    position: relative;
    left: -32px;
    width: 246px;
}
.prohader span {
    font-size: .9em;
    color: #585858;
    margin-left: 10px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 160px;
    float: left;
}
#addChild{
    width: 110%;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    cursor: pointer;
    font-weight: bold;
    margin-top: 13px;
	border-radius:.5em;
	color: #fff;
    background-color: #5cb85c;
	border:none;
}
.proLeftIcon{width: 18px;
    height: 18px;
    background: #b8b7b7;
    border-radius: 2em;
    float: left;
    margin: 5px;
    text-align: center;
    padding: 0px;
    margin-left: 10px;
    vertical-align: middle;
	}
	
.proLeftIcon img{
	    width: 12px;
    text-align: center;
    margin: 0px auto;
    vertical-align: middle;
    margin-top: -15px;
	}
.proRightIcon{position: relative;
    right: -15px;
	}
	
.prohader{ list-style: none;
    padding: 0px;
	position: relative;
	left:-15px;
	}
	
.proTitle{
 cursor: pointer;
 width: 246px;
    height: 30px;
    line-height: 30px;
    border: 1px #d4d4d4 solid;
    float: right;
    margin-right: 25px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#fefefe));
}
.proContent{
	width:100%;
    clear: both;
    border: 1px #CCC solid;
    border-top: 0px;
    float: right;
    margin-right: 25px;
    clear: both;
    padding: 10px 0px;
    border-radius: 0 0 .5em .5em;
    display:none;
	}
.proBtn{ display: block;    margin: 15px auto;}

.conAttCon .prohader:first-child .proTitle{border-top-left-radius: .5em; border-top-right-radius: .5em;}
.conAttCon .prohader:nth-last-child(2) .proTitle{border-bottom-left-radius: .5em; border-bottom-right-radius: .5em;}
	
/*导航二级分类*/
/*按钮样式*/
.bsizet,.bsizec{
	border: none !important;
    min-height: 20px !important;
    line-height: 20px !important;
}
.bsizet{width:14% !important;}
/*按钮样式*/

li.conAttTitle.bs_name{
    width:14%;
}
li.conAttCon.bs_con{width: 82%; margin-left: 8px;}
/*产品控件样式属性*/

/**** help *****/

.helpdiv{position: absolute;
    background: #fff;
    text-align: left;
    padding: 10px;
    line-height: 24px;
    border: 1px solid #ccc;
    z-index: 9999;
    left: -12px;
    border-radius: 5px;
    height: auto;
    width: 240px;
    color: #666;
    top: 40px;
    transition:0.4s transform ease;
    -webkit-transition:0.4s transform ease;
    -moz-transition:0.4s transform ease;
    transform:scaleY(0);
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    transform-origin:top;}
    
.helpdiv em{display:block; border-width:10px; position:absolute; left:10px; border-style:solid; border-color:transparent transparent #aaa transparent;font-size:0; line-height:0;top: -21px;}
.helpdiv span{display:block; border-width:10px; position:absolute; left:10px;border-style:solid; border-color:transparent transparent #FFF transparent;font-size:0; line-height:0;top: -20px;}
.helpImg{margin-top: -3px;vertical-align: middle;}
.helpcon{display:inline-block;position:relative;margin-right:5px;}
.helpcon:hover .helpdiv{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1); }
.helpdiv i {
    position: relative;
    top: 2px;
    padding-right: 2px;
}
/**** 图片质量超100kb警告样式 ****/
.controleSelcet{cursor: pointer;}
.mass_size{cursor: pointer; position: absolute; top: 15px; left: 155px;}
.massHover{left: -55px !important;}
.massHover span,.massHover em{ left:205px !important;}
#hoverMass:hover  .helpdiv{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1); }

/**** help ****/
/**** 分类显示 ****/
.proClass ul li{ width:100%; display:block; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
#napClass i{color:#626262; font-size: 14px; padding-left:3px;}
#napClass dl dt{width:100%; display:block; border-bottom:1px solid #ccc; margin: 15px auto 10px; padding-bottom:3px;background:#f6f6f6;}
#napClass dl dt em{ background:#ccc; border-radius:5px; display: inline-block;
    padding: 2px 2px 2px 1px;
    float: right;
    font-size: 10px;
	position: absolute;
    top: 3px;
    right: 10px;
	}
#napClass dl dd{width:calc(100% - 3px); margin:2px 0; mrgin-right: 3px; display:inline-block;}
#napClass dl dd.levelThreeClassify>label{ padding-left: 20px; }
#napClass dl dd,#napClass dl dt{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position: relative;cursor: pointer; }
#napClass>dl>dd{ padding-left:5%;cursor: pointer;}
#napClass>dl>dd i,#napClass dl dt i,#napClass dl label{ cursor: pointer;width: 100%;}
#napClass input{position: relative;top: 2px;}
.proClass ul li .helpdiv{ top: 26px; width: 230px;}
/**** 分类显示 ****/

.modalBg{width:545px !important; margin-top: 115px; left: 20%;}
#changeColor9989989Pagebg .sp-replacer{margin-left:85px !important; margin-top: 45px !important;}
#userbg .col-md-4{ width:33.3% !important; overflow: hidden; vertical-align: middle;}
.thumbnail>img, .thumbnail a>img{ height:auto;margin: 0 auto; vertical-align: middle;}
.thumbnail{ width:100%; overflow: hidden;}
.maxBg_box li{height: 150px !important;width: 134px !important;  }
.thumbnail{ margin-top:20px !important; margin-bottom:0 !important; }
.maxBg_box li img{max-width:100%; max-height:100%; height:auto;     display: block; margin:0 auto; vertical-align: middle;}
#BGIMGSelect #backgroundtab1{ height:388px !important;}
/**** 网站编辑背景图设置 ****/
#formControlDiggDiv .form_container .controleAttHidCon{ min-height:400px !improtant;}
#formControlDiggDiv .form_container{ padding:20px 0; max-height:605px; min-height: 448px;}

.sliderDesign{ border-bottom:0px !important;}
.sliderDesign li{ width: 47.5% !important;  margin: 0px 18px 18px 0px !important;}
.sliderDesign li:nth-child(2n){ margin-right: 0px !important;}
.sliderDesign li:last-child{margin: 0px !important;}
.sliderDesign ul{ padding:18px;}

.tag_Box_style ul li{ width:35% !important;  margin: 5px 7% !important;}
.tag_Box_style{border-bottom:none !important;}
.new_slider_style ul li{width:40% !important; }

.desgin-name li{ width:50% !important; color: #676767;}

[et_role="butLink"]:focus [et_role="butText"]{color:#fff !important;}
/*禁用点击事件*/
.disable{
    opacity: .3;
    pointer-events: none;
}
/*禁用点击事件*/

/*webdesign*/
.infoRev10{
	background: #e2dfdf;
    border: 1px solid #e2dfdf;
    top: 82px;
	background: #f1f0f0;
	#qrcodeList{
	height: 145px;
	right: -150px !important;
    border: 1px solid #e2dfdf;
    border-radius: 5px;
    top: 0px;
	background: #f1f0f0;
	.qLdeg{
	 border-style:solid; 
	 float:none; 
	 height:0px; 
	 orphans:2; 
	 margin-right:-5px;  
	 text-align:-webkit-auto; 
	 widows:2; 
	 width:0px; 
	 display:inline-block; 
	 position: absolute;
	}
	.Ldeg1{
	border-color: transparent #f1f0f0 transparent transparent;
	border-width: 12px;
    z-index: 1;
    left: -24px;
    top: 12px;
	}
	.Ldeg2{
	border-color: transparent #e2dfdf transparent transparent;
	border-width: 13px;
    z-index: 0;
    left: -27px;
    top: 11px;
	}
	img{
	position: absolute;
    top: 9px;
    left: 6px;
	}
	}
	.infoRev10img{
	 width:100%;
	 padding: 8px 3px;
	}
	}
.infoRev10:hover #qrcodeList{ display:block;}
/*webdesign end*/

.pT_i{
background:url(../images/CompositeIndexIcon.png) no-repeat;background-position:-1px -24px;width:20px;height:24px;float:left; margin-left:20px;}

/*按钮绑定动画2017-1-14*/
#nav-animation{
	ul{
		border:1px solid #ddd;
		border-radius: 5px;
		overflow: hidden;
		li{
			padding:10px 5px;
			border-bottom:1px dashed #ddd;
			&:last-child{
				border:none;
			}
			&:hover{
				background:#f6f6f6;
				color:#000;
			}
			&.on{
				background:#f6f6f6;
				color:#000;
				font-weight: bold;
			}
		}
	}
}

/*当前项目弹出层*/
.pageTit{margin-bottom:10px; clear:both; height:38px;}
.pageTit li{ float:left; vertical-align:top; border-bottom:1px solid #e5e5e5; width:50%; padding-left:3px; }
.pageTit li a{ text-decoration:none; line-height:21px; color:#000; display:block; font-size:14px; padding-top: 6px; padding-left:5px;}
.pageTit li a span{pointer-events: none; margin-top:-5px; position:relative; top:-6px;}
.pageTit li i{pointer-events: none; display:inline-block; width:21px; height:21px; background:url(../images/CompositeIndexIcon.png) no-repeat; margin-right:5px; margin-left:5px;}
.pageTit li:first-child i{ background-position:-51px -31px;}
.pageTit li:last-child i{ background-position:-173px -59px;}
.pageTit li:first-child{border-right:1px solid #e5e5e5; }
.pageTit li.on{ border-bottom:1px solid #fff;}


.pageMain{ min-height:100px; max-height:300px;}


.popupCon li{ width:100%; height:26px; line-height:26px; margin:3px 0px; position:relative; cursor:pointer; }
.popupCon li h3{ width:calc(100% - 40px); font-weight:normal; font-size: 13px; color:#585858; padding-left:15px; white-space:nowrap; overflow:hidden;    text-overflow: ellipsis;}
.popupCon li h3:before{ width:20px; height:18px;    margin: 0px 5px; content:" "; display:inline-block; background:url(../images/CompositeIndexIcon.png) no-repeat; padding-left:5px; vertical-align:middle;}
.popupCon li h3:before{ background-position:-2px -82px;}
.popupCon li.on,.popupCon li:hover{ background:rgb(212, 238, 253);}
.popupCon li.on h3:before,.popupCon li:hover h3:before{background-position:-28px -82px;}
.popupCon li .content{ display:none; position:absolute; top:0px; right:0px; }
.popupCon li:hover .content,.popupCon li.on .content,.popupCon li:hover i{ display:block;opacity:1;}

.popupCon li i{ width:15px; height:15px; display:inline-block; background:url(../images/CompositeIndexIcon.png) no-repeat;background-position: -140px -60px; position: absolute;top: 6px;right: 8px; opacity:0; transition: opacity 0.15s ease-in; }
#ejectLingth{ pointer-events: none;position: relative;  top: -6px; padding-left: 5px; }
/*当前项目弹出层 end*/



/*   新增  表单 单选按钮元素 属性样式  2017-5-5*/

.makeup{width:130px; height:57px; border: 1px solid #dbdbdb; border-radius: 2px;;margin-bottom:10px;}
.makeup li{display: inline-block; width: calc(50% - 1px); float:left; height:55px; text-align: center;}

.makeup li:first-child{background:url(../images/makeup1.png) no-repeat center top; border-right: 1px solid #dadada}
.makeup li:last-child{background:url(../images/makeup2.png) no-repeat center top;}
.makeup li.on:first-child{background:url(../images/makeup1.png) no-repeat center bottom #dadada;}
.makeup li.on:last-child{background:url(../images/makeup2.png) no-repeat center bottom #dadada;}
.seleImg{width:56px;height:44px;border:1px dashed #b7b7b7;border-radius:3px; text-align:center;line-height:44px;display: inline-block;margin-right: 5px;}