body{margin:0px;padding:0px;*zoom:1;overflow:hidden;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:Microsoft Yahei,SimSun;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


.boxwrap{position:relative;width:100%;overflow:hidden;z-index:999;height:100%;}

/*mass con*/
.wrapD{position:relative;width:100%;height:100%;}
.nav{position:relative;width:100%;background:url(../images/navbg.jpg) repeat-x;height:80px;position:fixed;z-index:1}
.navt{width:100%;height:80px;position:relative;}
.wxzl{display:block;overflow:hidden;float:left;line-height:33px;margin-top:25px;height:33px;color:#fff;margin-left:300px;}
.wxzl div{overflow:hidden;display:block;height:33px;}
.wxzl span{background:url(../images/allbn.png) 0 0 no-repeat;background-position:-6px -20px;width:23px;height:18px;display:inline-block;*display:inline;*zoom:1;margin-right:10px;}
.wxzl a{}
.navt ul{float:left;}
.navt ul li{float:left;margin-right:10px;height:30px;padding:0 10px;}
.navt ul li a,.navt ul li a:hover{float:left;color:#ffffff;font-size:16px;text-decoration:none;line-height:33px;margin-top:25px;background: url(../images/allbn.png) 0 0 no-repeat;background-position:-236px -47px;width:132px;height:33px;text-align:center;color:#666;}
.navt ul li a:hover{background-position:-236px -99px;color:#fff;}
.left_w{width:220px;background:url(../images/sidebg1.jpg) repeat-y;position:fixed;float:left;height:100%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;*zoom:1;}
.logo{position:absolute;left:0;top:0;z-index:99;background:url(../images/logo_01.png);width:239px;height:251px;}
#ncbox{position: absolute; left: 0px; top: 50px; overflow: auto; width: 1650px;z-index:9;}
#con_log{padding:0px;background:#dddddd;width: 690px; height: 2560px; position: absolute; left: 0px; top: 0px;overflow:hidden;}
#box{
	position:fixed;
	top:80px;
	left:220px;overflow:hidden;width:1700px;display:block;
}
.libox{
	position:fixed;
	top:80px;
	left:220px;overflow:hidden;width:1700px;display:none;
}

html,body {
	margin:0;
	padding:0
}

.doing_col {
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	width:1700px;background:url(../images/bj.jpg)  -1px -1px repeat;
}


/*2*/
.cowp{background:#eeeeee;padding:40px;overflow:hidden;}
.cowp .rightc{width:480px;height:640px;margin-right:380px;margin-top:60px;}
.cowp .rightc #myg{width:480px;height:640px;}
.cowp .leftc .handle{height:60px;overflow:hidden;}
.cowp .leftc .handle li{overflow:hidden;padding:0 20px;height:60px;line-height:60px;font-size:16px;color:#666;float:left;cursor:pointer;}
.cowp .leftc .handle .selli{display:block;background-color:#FFF;color:#666;}
.cowp .leftc  .colcon{background:#fff;width:660px;height:780px;}
.colcon{padding:40px;overflow:hidden;}
.colcon .wordx{margin:20px 0;}
.hq{display:block;height:30px;line-height:30px;text-align:center;background-color:#333;color:#fff;display:block;overflow:hidden;border:none;border-radius:5px;padding:0 20px;margin:20px 0;cursor:pointer;}
.colcon input{height:40px;border:1px solid #e8e8e8;border-radius:5px;display:block;overflow:hidden;}
.colcon input,.colcon textarea{width:530px;overflow:hidden;display:block;overflow:hidden;border:1px solid #e8e8e8;border-radius:5px;font-size:16px;}
.colcon textarea{height:200px;font-size:20px;font-family:arial;}
body .colcon .redK{border:1px solid red;}
.ewmimg{overflow:hidden;*zoom:1;margin-top:20px;}
.ewmimg .ewml{float:left;}
.ewmimg .ewmr{float:right;margin-right:130px;}
.info {
	width:50px;
	height:25px;
	line-height:25px;
	text-align:center;
	position:relative;
	font-size:13px;
	background-color:#eee;
	border:solid 1px #999;
	color:#788188
}

.unselectable {
	-moz-user-select:-moz-none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.ruler {
	background-color:#f5f5f5!important;
	position:absolute;
	top:0;
	left:0;
	z-index:999
}
.ruler .label {
	font:12px Arial;
	color:#788188
}
.ruler,.ruler span {
	font-size:0
}
.ruler.h {
	white-space:nowrap;
	width:3076px;
	left:-1px;
	padding-top:32px;
	border-bottom:solid 1px #999;
	background:url(../images/h.png) repeat-x left bottom;
}
.ruler.v {
	height:7076px;
	top:-50px;
	padding-left:19px;
	width:30px;
	border-right:solid 1px #999;
	background:url(../images/v.png) repeat-y right top;
}

.ruler.h span {
	height:9px;
	width:50px;
	vertical-align:bottom;
	display:inline-block;
	*display:inline;
	zoom:1
}
.ruler.v span {
	display:block;
	margin-left:auto;
	margin-right:0;
	width:9px;
	height:50px
}
.ruler.v span.major {
	border-top:solid 1px #999;
	width:13px
}
.ruler.v span.milestone {
	position:relative;
	width:17px
}
.rightc{float:right;}
.leftc{float:left;}
body .ruler.h span.milestone640{position:absolute;left:665px;width:30px;height:14px;background:#4affff;font-size:12px;text-align: center;bottom:8px;line-height:14px;}
body .ruler.h span.milestone640 #triangle-down {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right:4px solid transparent;
    border-top: 4px solid red;bottom:-4px;left:100%;position:absolute;margin-left:-9px;
}

.ruler.v span.label {
	border:0;
	font-size:9px;
	position:absolute;
	text-align: right;
	width:50px;
}
.ruler.h span.major {
	border-left:solid 1px #999;
	height:13px
}
.ruler.h span.milestone {
	position:relative;
	height:17px
}
.ruler.h span.label {
	border:0;
	font-size:9px;
	position:absolute;
	text-align:center;
	top:-16px;
	width:50px
}
.ruler.h .l10 {
	left:-25px
}
.ruler.h .l100 {
	left:-25px
}
.ruler.h .l1000 {
	left:-25px
}
.ruler.v .l10,.ruler.v .l100,.ruler.v .l1000 {
	top:-7px
}
.ruler.v .l10 {
	left:-50px
}
.ruler.v .l100 {
	left:-50px
}
.ruler.v .l1000 {
	left:-50px
}


.ruler.h {
	z-index:1000;
}
.ruler.h,.ruler.v {
	opacity:0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.ruler.h:hover {
	cursor: row-resize;
}
.ruler.v:hover {
	cursor: col-resize;
}


#canvas{background-color:#dddddd;
background-repeat:no-repeat;
background-position:top center;
width:640px;height:100%;overflow:hidden;text-align:center;position:relative;margin-left:50px;
}
#canvas .webwxpic{width:640px;height:600px;}
#canvas .zc{position:absolute;z-index:9;}

#canvas .zc .webwx_qb{position:absolute;top:0px;left:0px;width:100%;height:100%;font-family:Arial;font-weight:500;text-align:center;font-size:32px;color:#ff3000;}

#canvas .zc .lock,#canvas .zc .lock:hover{cursor:pointer;position:absolute;top:2px;right:32px;display:block;width:24px;height:24px;background:url(../images/allbn.png) no-repeat;background-position:-409px -34px;z-index:9;}
#canvas .zc .lock:hover{background-position:-409px -69px;}

body #canvas .zc .unlock,body #canvas .zc .unlock:hover{cursor:pointer;position:absolute;top:2px;right:32px;display:block;width:24px;height:24px;background:url(../images/allbn.png) no-repeat;background-position:-385px -34px;z-index:9;}
body #canvas .zc .unlock:hover{background-position:-385px -69px;}

.avb{overflow:hidden;height:100%;width:100%;}
#canvas .zc .off{cursor:pointer;position:absolute;top:2px;right:8px;display:block;width:24px;height:24px;background:url(../images/allbn.png) no-repeat;background-position:-436px -34px;z-index:9;}
#canvas .zc .off:hover{background-position:-436px -69px;}


#canvas .zc .copy{cursor:pointer;position:absolute;top:2px;right:8px;display:block;width:24px;height:24px;background:url(../images/allbn.png) no-repeat;background-position:-436px -69px;z-index:9;}
#canvas .zc .copy:hover{background-position:-436px -69px;}

#canvas .zc .lock,#canvas .zc .off,#canvas .zc .copy,body #canvas .zc .unlock{display:none;}
#canvas .zc:hover .lock,
#canvas .zc:hover .off,
#canvas .zc:hover .copy,body #canvas .zc:hover .unlock{display:block;z-index:99;}/*鼠标滑过显示复制等按钮*/

.contus{overflow:hidden;width:220px;display:block;position:relative;z-index:99999;margin-top:270px;font-size:12px;color:#b2b2b2;}
.contus li{margin-bottom:10px;}
.contus li span{margin-right:10px;}
.contus li span,.contus li a{vertical-align:middle;height:18px;line-height:18px;margin-left:15px;display:inline-block;*display:inline;*zoom:1;}
.contus li a{margin-left:0px;}
.toolsarea{overflow:hidden;width:220px;display:block;position:relative;z-index:99999;margin-top:30px;}
.toolsarea li{display:block;height:50px;line-height:50px;background:#303030;border-top:1px solid #000000;width:220px;cursor:pointer;}
.left_w .toolsarea li.selected{background:#eeeeee;}
.left_w .toolsarea li.selected a{color:#000;}
.left_w .toolsarea li.selected span{background:url(../images/allbn.png) 0 0 no-repeat;background-position:-39px -23px;}
.left_w .toolsarea li.selected span.span2{background-position:-39px -48px;}
.left_w .toolsarea li.selected span.span3{background-position:-39px -75px;}
.left_w .toolsarea li.selected span.span4{background-position:-39px -106px;}
.toolsarea li div{border-top:1px solid #444444;overflow:hidden;width:100%;height:49px;}
.toolsarea li span{background:url(../images/allbn.png) 0 0 no-repeat;background-position:-6px -23px;height:18px;width:22px;display:block;float:left;margin-left:20px;_display:inline;margin-top:16px;margin-right:10px;}
.toolsarea li.li2 span{background-position:-6px -48px;width:24px;}
.toolsarea li.li3 span{background-position:-6px -75px;width:22px; height:22px;}
.toolsarea li.li4 span{background-position:-6px -106px;width:24px; height:24px;}
.toolsarea li a{color:#b2b2b2;text-decoration:none;font-size:16px;font-family:"Microsoft Yahei",arial;height:49px;overflow:hidden;display:block;float:left;}
#canvas .ui-resizable-se{right:-2px;bottom:-2px;}
#canvas .ui-resizable-sw{left:-2px;bottom:-2px;}
#canvas .ui-resizable-nw{left:-2px;top:-2px;}
#canvas .ui-resizable-ne{right:-2px;top:-2px;}
/*-----编辑时遮挡链接使用-----------*/
#canvas .webwx_meng{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:89;
background:#4affff;
filter:alpha(opacity=20); /*ie滤镜，透明度50%*/
-moz-opacity:0.2; /*Firefox私有，透明度50%*/
opacity:0.2;/*其他，透明度50%*/
}
#canvas .webwx_mengs{position:absolute;top:0px;left:0px;z-index:90;
border:1px solid #cec996;
}
#canvas .webwx_current .webwx_meng{
background:#e60012;
filter:alpha(opacity=10); /*ie滤镜，透明度50%*/
-moz-opacity:0.1; /*Firefox私有，透明度50%*/
opacity:0.1;/*其他，透明度50%*/
}
#canvas .webwx_current .webwx_mengs{
border:1px solid #ff3100;
}
.webwx_current .ui-resizable-sw,
.webwx_current .ui-resizable-ne,
.webwx_current .ui-resizable-nw,
.webwx_current .ui-resizable-se {

background: #ff3100;
width:6px;
height:6px;
}
.wrapx{width:640px;height:600px;}
/*========================================================编辑面板【总】=========================================*/

#setting2 {
	position:fixed;
	width:380px;
	left:950px;
	top:170px;background:#fff;overflow:hidden;
}
#setting2 li{height:50px;line-height:50px;overflow:hidden;padding:0 10px;margin:10px 0;color:#c1c1c1;display:none;}
#setting2 li input{width:200px;height:40px;	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;border:none;overflow:hidden;float:left;}
#setting2 li label{margin-right:10px;float:left;height:40px;line-height:40px;}
#setting2 .butt,#setting2 .butt:hover{float:left;background: url(../images/allbn.png) -6px -141px no-repeat;width:24px;height:24px;overflow:hidden;margin-left:5px;_display:inline;margin-top:7px;}
#setting2 .butt:hover{background-position:-137px -7px;}
#setting2 .tops,#setting2 .downs,#setting2 .dels{background:url(../images/allbn.png) 0 0 no-repeat;background-position:-34px -141px;width:24px;height:24px;overflow:hidden;margin-left:5px;float:left;display:block;margin-top:7px;}
#setting2 .tops{background-position:-62px -141px;}
#setting2 .dels{background-position:-89px -141px;}
body #setting2 .liimg1{display:block;}

.sureA,.sureA:hover,.addA,.addA:hover{display:block;background:url(../images/allbn.png) 0 0 no-repeat;background-position:-105px -47px;width:92px;height:32px;overflow:hidden;margin-bottom:15px;margin-left:20px;cursor:pointer;text-align:center;color:#fff;line-height:32px;font-size:14px;font-family:"Microsoft Yahei",arial;float:left;_display:inline;}
.addA{margin-left:50px;}
.sureA:hover{background-position:-103px -99px;}
.addA:hover{background-position:-103px -99px;margin-left:50px;}
.headview{background:#1b1b1b;width:380px;height:48px;color:#fff;font-size:16px;text-align:center;line-height:48px;font-family:"Microsoft Yahei",arial;border-top-left-radius:5px;border-top-right-radius:5px;}
.cellview{height:auto;background:#303030;width:380px;color:#fff;font-size:16px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden;}
#setting {
	position:fixed;
	width:380px;
	left:950px;
	top:460px;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}
#setting .hd {
	height:50px;
	line-height:50px;
	color:#c1c1c1;border-top:1px solid #000000;
}
#wmnm,#wmnmA{display:block;overflow:hidden;width:100%;}
#wmnmA img{display:block;}
#setting li{border-top:1px solid #000000;cursor:pointer;}
#setting .hd .hdwrap,#setting li .hdwrap{border-top:1px solid #444444;}
#setting .hd span {
	float:left;
	diaplay:inline-block;
	text-align:center
}
#setting .col_1,#setting .col_2,#setting .col_3,#setting .col_4,#setting .col_5 {
	width:70px
}
body #setting .settinglist span.col_6{background:url(../images/delete.png) 0 0 no-repeat;width:11px;height:11px;margin-top:15px;margin-left:5px;}
#setting .settinglist .item {
	position:relative;
	line-height:50px;
	height:50px;
width:100%;
}
#setting .settinglist .item-selected {
	background-color:#fb3800;border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}
#setting .settinglist .item-selected span{color:#fff;}
#setting .settinglist span {
	float:left;
	
	text-align:center;color:#c1c1c1;margin-top:0px;padding-top:5px;height:35px;
}
#setting .settinglist .col_1 {
	margin-top:0;
}
#setting .settinglist input {
	display:block;float:left;
	height:35px;line-height:35px;
	width:55px;
	padding:0 5px;
	margin:0 auto;
	border:1px solid #9db0c8;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;font-size:14px;
	text-align:center;
	vertical-align:middle
}
#setting .settinglist input.input-error {
	border:1px solid red
}
#setting .errortip {
	position:absolute;
	background:#f70;
	top:-20px;
	padding:0 5px;
	color:#fff;
	height:25px;
	line-height:25px
}
#setting .delete {
	margin:6px auto 0;
	display:inline-block;
	height:11px;
	width:11px;
	background:url(../images/delete.png) no-repeat;
	vertical-align:top;
	cursor:pointer
}
#setting .delete:hover {
	opacity:.5
}