/**顶部导航**/
.topnav-left{float:left !important;}
.tooldq{float:left;margin:8px 0px 0px -16px;}
.topnav > .toolbb {height:28px; margin:16px 6px 0px 10px; padding:0 6px; line-height:28px; color:#282828; text-align:center; float:left; overflow:hidden; font-size:12px; border-radius:5px;}
.topnav > .toolbb:hover{ height:26px; line-height:26px; margin:16px 5px 0px 9px; color:#f8b500;border:#f8b500 1px solid; }
.topnav{ height:60px; float:right; position:relative; z-index:999;}
.topnav > a{ height:60px; padding:0 15px; line-height:60px; line-height:60px\9; color:#282828; text-align:center; display:inline-block; float:left; overflow:hidden; font-size:12px;}
.topnav > a:hover{ color:#00cc33;}
.topnav > a.selected{ }
.navmore{height:60px; line-height:60px; line-height:60px\9; color:#282828; text-align:center; font-size:12px; display:inline-block; float:left; cursor: default; position:relative; padding:0px 30px 0px 10px; overflow:visible;}
.navmore-hover{color:#00cc33; }
.navmore b{ position:absolute; top:28px; right:16px; width:0; height:0; font-size:0; line-height:0; border-style:solid dashed dashed dashed; border-width:4px 4px; border-color:#282828 transparent transparent;}
.navmore-hover b{border-color:#00cc33 transparent transparent;}
.navMoreUL{ position:absolute; top:60px; left:0; background:#ffffff; border-radius:0px 0px 5px 5px; text-align:left; display:none; padding:10px 13px; z-index:999; box-shadow: 0 1px 8px rgba(0,0,0,.1);}
.navMoreUL li{height:34px;}
.navMoreUL li a{ display:block; height:34px; line-height:34px; color:#282828; font-size:12px; white-space: nowrap; padding:0px 20px;font-weight:normal;}
.navMoreUL li a:hover{color:#00cc33;}
.topnav .divider {height: 1px;margin:1px 0px;overflow: hidden;background-color: #e5e5e5;}
.topnav-right{ height:60px; float:right; margin-right:21px;  display:inline-block; text-align:left;}
.topnav-right li {height:60px; float:left; margin-right:4px; display:inline-block; text-align:left; line-height:61px;}

#qc-user { float:right;}
#qc-user .userimg{ width:26px; height:26px; margin:15px 3px 3px 3px; float:left; border-radius:30px; border:#d5d5d5 2px solid; overflow:hidden; line-height:0px;}
#qc-user:hover .userimg{border:#01c61f 2px solid;}
#qc-user .userimg img{ width:100%; margin:0px; }
#qc-user .username{ color:#01c61f; float:left; padding:0px 0px 0px 8px;}
#qc-user .qc_dlan{ float:left; margin:14px; font-weight:bold; margin-right:6px;padding: 5px 0px 0px 20px; background:url(qcdlico.png) no-repeat -2px -156px;}
#qc-user .qc_dlan a{color:#01c61f;}
#qc-user .qc_dlan a:hover {color:#3487ec;}
#qc-user .qc_zcan{float:left; margin:14px 10px 14px 2px; padding: 5px 0px;}
#qc-user .qc_zcan a{color:#333333;}
#qc-user .qc_zcan a:hover{color:#01c61f;}



.top-login{height:60px;float:right;}
.top-login a{ color:#333333; float:left; padding:0 20px;}
.top-login:hover a{ color:#01c61f;}
.top-login .layui-icon { color:#01c61f; display: block; float: left; padding-right: 4px;}

.qc-a-ana{ margin-left:5px; padding:6px 17px; font-size:12px; color:#666666; background:none; border-radius:5px; border:#e1e3e8 1px solid; cursor: pointer;}
.qc-a-ana:hover{ border:#c6c8cd 1px solid; background:#f1f3f9; }
.qc-a-anc{ margin-left:5px; padding:7px 18px; font-size:12px; color:#ffffff; background:#00cc33; border-radius:5px; cursor: pointer;}
.qc-a-anc:hover{ background:#04ba00; }
.qc-a-and{ margin:0 10px 0 5px; padding:7px 18px; font-size:12px; color:#ffffff; background:#3487ec; border-radius:5px; cursor: pointer;}
.qc-a-and:hover{ background:#165ff2; color:#ffffff; }
.qc-a-ane{ margin-left:5px; padding:7px 18px; font-size:12px; color:#000000; background:#e1e3e8; border-radius:5px; cursor: pointer;}
.qc-a-ane:hover{ background:#ebedf3; }




/**登陆/注册**/
#qc, #qczc{ width:100%; height:100%;position: fixed; left:50%; top:0px; margin-left:-50%; background: rgba(0,0,0,0.8); z-index:888;}
#multi-btns .qc_dlan{color:#01c61f;margin-left:0px; font-weight:bold; margin-right:6px;padding: 5px 0px 0px 20px; background:url(qcdlico.png) no-repeat -2px -156px;}
#multi-btns .qc_dlan a{color:#01c61f;}
#multi-btns .qc_dlan a:hover {color: #3487ec;}
#multi-btns .qc_zcan{ color:#3487ec;margin-left:0px; margin-right:10px;padding: 5px 0px;}
#multi-btns .qc_zcan a{color:#333333;}
#multi-btns .qc_zcan a:hover{color:#01c61f;}
.qc-dl{ width:450px; height:430px; background: url(qc-dlbj.jpg); position:absolute; left:50%; top:50%; margin-left:-225px;margin-top:-215px;border-radius:5px; overflow:hidden;}
.qc-zc{ width:450px; height:620px; background: url(qc-dlbj.jpg) #ffffff no-repeat ; position:absolute; left:50%; top:50%; margin-left:-225px;margin-top:-310px;border-radius:5px; overflow:hidden;}
#qc_gx, #qc_gxzc{width:15px; height:15px;position:absolute; right:15px; top:15px; background: url(dl-gb.gif); transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;
}
#qc_gx:hover, #qc_gxzc:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.language{ width:300px; height:20px; margin:105px 0px 0px 55px; color:#ffffff;word-spacing:8px; letter-spacing:5px;}
.qc_dlsj{width:360px;margin:100px 45px 0px 45px;}
.qc-dl-srk{
	background:url(qcdlico.png) #ffffff no-repeat;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
	margin:20px 0px;
	height:38px;
    padding:0px 0px 0px 30px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-size: 14px;}
.qc-dl-zh{background-position:3px 1px;}
.qc-dl-mm{background-position:3px -37px;}
.qc-dl-nc{background-position:3px -75px;}
.qc-dl-yqm{background-position:3px -114px;}
.qc-dl-srk .qc-dl-control{ border:none;height:38px; line-height:38px; border:0; outline-style: none;width:90%;}
.qc-dl-wz{ padding:15px 0px 5px 0px; display:block;}
.qc-dl-an{ width:360px; height:40px; border-radius:5px; border:none; background:#01c61f; color:#ffffff; cursor: pointer;}
.qc-dl-an:hover{background:#04ba00; }


/***** 开始保存窗口 *****/
#storage-code{
	width:520px;
	display:none;
	padding:8px 20px;
}
#storage-code #storage-name, #storage-code #storage-cover{
	width:372px;
	height:28px;
	line-height:28px;
	background:#ffffff;
	color:#333333;
	margin-top:10px;
	margin-left:8px;
	border:#e6e6e6 1px solid;
	outline:none;
	padding:0px 5px;
}
#storage-code #storage-cover{display: none;}
#storage-code #storage-code-name {
	margin-left:8px;
	color:#666666;
}

#storage-code #storage-code-content textarea{
	width:680px;
	height:200px;
	display:none;
	margin:0px auto;
	resize:none;
	outline:none;
	color:#343434;
	border:#e6e6e6 1px solid;
	margin-top:10px;
	padding:0px 5px;
	line-height:20px;
	background:#ffffff;
}

#storage-code-mn{display: none;}
#storage-cover-xg{ width: 384px; height: 230px; margin: 10px 0 0 68px;}
#storage-code-sc{ margin-left: -235px;}
.storage-code-tx{ text-align: center; margin-bottom: 20px; padding-left: 10px;}


/***** 组建控制 *****/
.codes .func .operate i:hover{
	background-color:#ed3314;
}
.codes .func .operate .picked{
	background-position:-180px 0px; display:none !important;
}
.codes .func .operate .selected{
	background-position:-20px 0px; display:none !important;
}
.codes .func .operate .up{
	background-position:-100px 0px; display:none !important;
}
.codes .func .operate .down{
	background-position:-120px 0px; display:none !important;
}